1(this.webpackJsonpapp=this.webpackJsonpapp||[]).push([[33],[,,function(e,t,a){"use strict";a.d(t,"ib",(function(){return g})),a.d(t,"sb",(function(){return A})),a.d(t,"cc",(function(){return b})),a.d(t,"Vb",(function(){return h})),a.d(t,"A",(function(){return f})),a.d(t,"s",(function(){return v})),a.d(t,"p",(function(){return E})),a.d(t,"zb",(function(){return y})),a.d(t,"Z",(function(){return C})),a.d(t,"Nb",(function(){return k})),a.d(t,"M",(function(){return O})),a.d(t,"hb",(function(){return j})),a.d(t,"jb",(function(){return w})),a.d(t,"Rb",(function(){return S})),a.d(t,"l",(function(){return I})),a.d(t,"m",(function(){return B})),a.d(t,"kb",(function(){return D})),a.d(t,"D",(function(){return P})),a.d(t,"gb",(function(){return x})),a.d(t,"b",(function(){return M})),a.d(t,"tb",(function(){return Q})),a.d(t,"Tb",(function(){return R})),a.d(t,"eb",(function(){return F})),a.d(t,"fb",(function(){return N})),a.d(t,"r",(function(){return U})),a.d(t,"a",(function(){return L})),a.d(t,"Db",(function(){return z})),a.d(t,"Q",(function(){return q})),a.d(t,"Fb",(function(){return H})),a.d(t,"o",(function(){return $})),a.d(t,"n",(function(){return _})),a.d(t,"Jb",(function(){return G})),a.d(t,"u",(function(){return K})),a.d(t,"B",(function(){return J})),a.d(t,"C",(function(){return Y})),a.d(t,"Yb",(function(){return W})),a.d(t,"nb",(function(){return Z})),a.d(t,"Mb",(function(){return X})),a.d(t,"q",(function(){return le})),a.d(t,"Cb",(function(){return ne})),a.d(t,"x",(function(){return re})),a.d(t,"j",(function(){return ie})),a.d(t,"f",(function(){return oe})),a.d(t,"T",(function(){return se})),a.d(t,"U",(function(){return ce})),a.d(t,"V",(function(){return ue})),a.d(t,"F",(function(){return de})),a.d(t,"g",(function(){return me})),a.d(t,"e",(function(){return pe})),a.d(t,"k",(function(){return Ae})),a.d(t,"Bb",(function(){return be})),a.d(t,"W",(function(){return he})),a.d(t,"Ob",(function(){return fe})),a.d(t,"Ub",(function(){return Ee})),a.d(t,"Y",(function(){return ye})),a.d(t,"z",(function(){return Ce})),a.d(t,"E",(function(){return ke})),a.d(t,"H",(function(){return je})),a.d(t,"db",(function(){return we})),a.d(t,"wb",(function(){return Se})),a.d(t,"ub",(function(){return Ie})),a.d(t,"ob",(function(){return Be})),a.d(t,"qb",(function(){return De})),a.d(t,"rb",(function(){return Pe})),a.d(t,"pb",(function(){return xe})),a.d(t,"J",(function(){return Me})),a.d(t,"c",(function(){return Te})),a.d(t,"Gb",(function(){return Qe})),a.d(t,"Sb",(function(){return Re})),a.d(t,"Hb",(function(){return Fe})),a.d(t,"y",(function(){return Ne})),a.d(t,"i",(function(){return Ue})),a.d(t,"xb",(function(){return Le})),a.d(t,"Lb",(function(){return Ve})),a.d(t,"P",(function(){return ze})),a.d(t,"Qb",(function(){return qe})),a.d(t,"Wb",(function(){return He})),a.d(t,"Ab",(function(){return $e})),a.d(t,"Pb",(function(){return _e})),a.d(t,"I",(function(){return Ge})),a.d(t,"Eb",(function(){return Ke})),a.d(t,"Ib",(function(){return Je})),a.d(t,"R",(function(){return Ye})),a.d(t,"S",(function(){return We})),a.d(t,"O",(function(){return Ze})),a.d(t,"vb",(function(){return Xe})),a.d(t,"X",(function(){return et})),a.d(t,"h",(function(){return tt})),a.d(t,"L",(function(){return at})),a.d(t,"ab",(function(){return lt})),a.d(t,"Xb",(function(){return nt})),a.d(t,"t",(function(){return rt})),a.d(t,"Kb",(function(){return it})),a.d(t,"w",(function(){return ot})),a.d(t,"v",(function(){return st})),a.d(t,"cb",(function(){return ct})),a.d(t,"Zb",(function(){return ut})),a.d(t,"K",(function(){return dt})),a.d(t,"d",(function(){return mt})),a.d(t,"ac",(function(){return pt})),a.d(t,"bc",(function(){return gt})),a.d(t,"mb",(function(){return At})),a.d(t,"G",(function(){return bt})),a.d(t,"lb",(function(){return ht})),a.d(t,"bb",(function(){return ft})),a.d(t,"yb",(function(){return vt})),a.d(t,"N",(function(){return yt}));var l=a(12),n=a(27),r=a.n(n),i=a(4),o=a(26),s=a.n(o),c=a(0),u=a.n(c),d=a(36),m=a(17),p=a(22);a(5);const g=e=>(e&&(e=e.replace("Error: GraphQL error:","")),e),A=e=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e),b=e=>!!e&&/^(?:(?:https?|ftp):\/\/)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:\/\S*)?$/.test(e),h=e=>e?e.toLowerCase().replace(/[^\w ]+/g,"").replace(/ +/g,"-"):"",f=(e,t)=>{if(0===e)return"0 Bytes";let a=t||2,l=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,l)).toFixed(a))+" "+["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][l]},v=(e,t)=>
1{t=t||",";const a=new RegExp("(\\"+t+'|\\r?\\n|\\r|^)(?:"([^"]*(?:""[^"]*)*)"|([^"\\'+t+"\\r\\n]*))","gi"),l=[[]];let n=null;for(;n=a.exec(e);){const e=n[1];let a;e.length&&e!==t&&l.push([]),a=n[2]?n[2].replace(new RegExp('""',"g"),'"'):n[3],l[l.length-1].push(a)}return l},E=e=>{const t=document.createElement("textarea");t.value=e,t.setAttribute("readonly",""),t.style.position="absolute",t.style.left="-9999px",document.body.appendChild(t);const a=document.getSelection().rangeCount>0&&document.getSelection().getRangeAt(0);t.select(),document.execCommand("copy"),document.body.removeChild(t),a&&(document.getSelection().removeAllRanges(),document.getSelection().addRange(a))},y=e=>(new Date).getTime()-new Date(e.createdAt).getTime()>12e4&&e.thumbnailUrl?e.thumbnailUrl:e.url,C=e=>"mockups/"+e;function k(e,t,a){const l=new Date;l.setTime(l.getTime()+24*a*60*60*1e3);const n="expires="+l.toUTCString();document.cookie=e+"="+t+";"+n+";path=/"}function O(e){const t=e+"=",a=document.cookie.split(";");for(let l=0;l<a.length;l++){let e=a[l];for(;" "===e.charAt(0);)e=e.substring(1);if(0===e.indexOf(t))return e.substring(t.length,e.length)}return""}const j=function e(t,a){const l=Object.keys,n=typeof t;return t&&a&&"object"===n&&n===typeof a?l(t).length===l(a).length&&l(t).every(l=>e(t[l],a[l])):t===a};function w(e,t,a,l){if(void 0===a){t.attributes=[],t.variants=[],e.hasVariant&&(e.carrierPricing=void 0,e.supplierPricing=void 0),["categories","attributes","variants"].forEach(t=>{void 0===e[t]&&(e[t]=[])}),["regularPrice","salePrice","sellerPrice"].forEach(t=>{""===e[t]&&(e[t]=null)});for(let t=0;t<e.designPositions.length;t++)null===e.designPositions[t].imageUrl&&delete e.designPositions[t].imageUrl;delete e.hasVariant,delete t.hasVariant}else{["status","__typename","id"].forEach(e=>{delete t[e]});let a=[e,t];e.hasVariant?(e.carrierPricing=[],e.supplierPricing=[],void 0===e.suppliers&&(e.suppliers=[]),void 0===e.carriers&&(e.carriers=[]),e.designPositions.forEach((t,a)=>{e.designPositions[a]&&delete e.designPositions[a].imageUrl})):(e.attributes=null,e.variants=[],a.forEach(e=>{["carrierPricing","supplierPricing"].forEach(t=>{e[t]&&e[t].forEach((a,l)=>{null===e[t][l].price&&(e[t][l].price=0),delete e[t][l].id,delete e[t][l].__typename})})})),["carriers","categories","suppliers"].forEach(e=>{if(0<t[e].length){let a=[];t[e].forEach(e=>{a.push(e.id)}),t[e]=a}}),"string"===typeof e.categories&&(e.categories=[e.categories]),0<t.images.length&&t.images.forEach((e,a)=>{delete t.images[a].__typename})}return["title","slug","baseCostDescription","defaultContent","defaultShortDescription","details"].forEach(t=>{null!==e[t]&&0===e[t].replace(/<(.|\n)*?>/g,"").trim().length&&(e[t]=void 0===l?null:"")}),{newFieldsValue:e,defaultFieldsValue:t}}function S(e,t){return e.productBaseVariantId<t.productBaseVariantId?-1:e.productBaseVariantId>t.productBaseVariantId?1:0}const I=e=>Object.entries(e).map(e=>{let[t,a]=e;return t&&a?`${t}=${a}`:null}).filter(Boolean).join("&"),B=e=>{try{return e.replace("?","").split("&").reduce((e,t)=>{const[a,l]=t.split("=");return a&&l?{...e,[a]:decodeURI(l)}:null},{})}catch(t){return null}};function D(e,t){var a,l;(null===e||void 0===e||null===(a=e.variants)||void 0===a?void 0:a.length)>0&&(e.variants=e.variants.sort(S)),(null===t||void 0===t||null===(l=t.variants)||void 0===l?void 0:l.length)>0&&(t.variants=t.variants.sort(S));return["description"].forEach(a=>{e&&e[a]&&(0===e[a].replace(/<(.|\n)*?>/g,"").trim().length&&(e[a]=""),e[a]=e[a].replace(/(\r\n|\n|\r)/gm,"")),t&&t[a]&&(t[a]=t[a].replace(/(\r\n|\n|\r)/gm,""))}),e.pushToStores&&!e.pushToStores.length&&(e.pushToStores=null),e.designPositions&&e.designPositions.length&&e.designPositions.forEach(e=>{e&&delete e.fileId}),{newFieldsValue:e,defaultFieldsValue:t}}const P=new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2});function x(e,t,a){function l(e,t){return e.designPositionId<t.designPositionId?-1:e.designPositionId>t.designPositionId?1:0}if(void 0===e.title&&(e.title=""),a&&a.length)for(let n=0;n<a.length;n++)e["designPositions__"+n]&&e["designPositions__"+n].length&&(e["designPositions__"+n]=e["designPositions__"+n].sort(l),e["designPositions__"+n].forEac
1h(e=>{null===e.fileId&&delete e.fileId})),t["designPositions__"+n]&&t["designPositions__"+n].length&&(t["designPositions__"+n]=t["designPositions__"+n].sort(l));return["description"].forEach(t=>{null!==e[t]&&0===e[t].replace(/<(.|\n)*?>/g,"").trim().length&&(e[t]=null)}),{newFieldsValue:e,defaultFieldsValue:t}}function M(e){let{productBase:t,handleProductBaseRemove:a,store:l,handleStoreRemove:n,status:r,handleStatusMemberRemove:i,role:o,handleRoleMemberRemove:s,productType:c,handleProductTypeRemove:u,roleUserAccountAdmin:d,handleRoleUserAccountAdminRemove:m,statusUserAccountAdmin:p,handleStatusUserAccountAdminRemove:g,statusSellerAccountAdmin:A,handleStatusSellerAccountAdminRemove:b}=e;const h=[];if(!Q(t)){const e="productBase";h.push({key:e,label:T(e,t),onRemove:a})}if(!Q(l)){const e="store";h.push({key:e,label:T(e,l),onRemove:n})}if(!Q(o)){const e="role";"All"!==o&&h.push({key:e,label:T(e,o),onRemove:s})}if(!Q(r)){const e="status";"All"!==r&&h.push({key:e,label:T(e,r),onRemove:i})}if(!Q(c)){const e="productType";h.push({key:e,label:T(e,c),onRemove:u})}if(!Q(d)&&"All"!==d){const e="roleUserAccountAdmin";h.push({key:e,label:T(e,d),onRemove:m})}if(!Q(p)&&"All"!==p){const e="statusUserAccountAdmin";h.push({key:e,label:T(e,p),onRemove:g})}if(!Q(A)&&"All"!==A){const e="statusSellerAccountAdmin";h.push({key:e,label:T(e,A),onRemove:b})}return h}function T(e,t){switch(e){case"productBase":return"Product base: "+t;case"store":return"Store: "+t;case"collection":return"Collections: "+t;case"tag":return"Tags: "+t;case"status":return"Status: "+t;case"role":return"Role: "+t;case"productType":return"Product type: "+t;case"roleUserAccountAdmin":return"Role: "+t;case"statusUserAccountAdmin":case"statusSellerAccountAdmin":return"Status: "+t;default:return t}}function Q(e){return Array.isArray(e)?0===e.length:""===e||null==e}function R(e){e=(e=e.replace(/^\s+|\s+$/g,"")).toLowerCase();for(var t="\xe0\xe1\xe4\xe2\xe8\xe9\xeb\xea\xec\xed\xef\xee\xf2\xf3\xf6\xf4\xf9\xfa\xfc\xfb\xf1\xe7\xb7/_,:;",a=0,l=t.length;a<l;a++)e=e.replace(new RegExp(t.charAt(a),"g"),"aaaaeeeeiiiioooouuuunc------".charAt(a));return e=e.replace(/[^a-z0-9 -]/g,"").replace(/\s+/g,"-").replace(/-+/g,"-")}const F=(e,t)=>e.map(e=>e[t]).map((e,t,a)=>a.indexOf(e)===t&&t).filter(t=>e[t]).map(t=>e[t]),N=function(e){const t=[];for(let l=0;l<(arguments.length<=1?0:arguments.length-1);l++)t.push(...l+1<1||arguments.length<=l+1?void 0:arguments[l+1]);const a=new Map([...t].map(t=>[null!=t[e]?t[e]:t,t]));return Array.from(a.values())},U=function(e){let t,a,l,n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:10,s=Math.ceil(e/i);if(r<1?r=1:r>s&&(r=s),s<=o)t=1,a=s;else{let e=Math.floor(o/2),i=Math.ceil(o/2)-1;r<=e?(t=1,a=o,o<s&&(l=!1,n=!0)):r+i>=s?(t=s-o+1,a=s,o<s&&(l=!0,n=!1)):(t=r-e,a=r+i,o<s&&(l=!0,n=!0))}let c=(r-1)*i,u=Math.min(c+i-1,e-1),d=Array.from(Array(a+1-t).keys()).map(e=>t+e);return{totalItems:e,currentPage:r,pageSize:i,totalPages:s,startPage:t,endPage:a,startIndex:c,endIndex:u,pages:d,hasPrevious:l,hasNext:n}},L=(e,t)=>Number.parseFloat(e).toFixed(t);function V(e){return e.filter((e,t,a)=>a.indexOf(e)===t)}function z(e,t){if((e||"").length>0&&Array.isArray(t)&&t.length>0){e=e.toLowerCase(),t=V(t);let a=new RegExp("("+t.join(")|(")+")","gi"),l=e.match(a);if(Array.isArray(l)&&l.length>0)return l=V(l),l.length===t.length}return!1}function q(e){return-1!==(e=(e=(e=e.replace(/(https?:\/\/)?(www.)?/i,"")).split(".")).slice(0,2).join(".")).indexOf("/")?e.split("/")[0]:e}function H(e){return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",")}const $=(e,t)=>(e=Number(e),(t=Number(t))/e+1),_=(e,t)=>((e=Number(e))||(e=20),(t=Number(t))||(t=1),t*e-e),G=(e,t)=>{e=Object(e);let a={};return Object.keys(e).forEach(l=>{t.includes(l)&&(a[l]=e[l])}),a},K=(e,t)=>e!==t&&e.contains(t),J=e=>{let t=e.replace(/(\r\n|\n|\r)/gm,"");return t=t.replace(/ +(?= )/g,""),t},Y=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"YYYY-MM-DD HH:mm:ss";return null==e?null:r()(e).format(t)},W=e=>/(https?:\/\/[^\s]+)/g.test(e);function Z(e){const{hue:t,saturation:a,brightness:l,alpha:n=1}=e,r=l*a;let{red:i,green:o,blue:s}=function(e,t){const a=e/60,l=t*(1-Math.abs(a%2-1));let n=0,r=0,i=0;return a>=0&&a<=1&&(n=t,r=l,i=0),a>=1&&a<=2&&(n=l,r=t,i=0),a>=2&&a<=3&&(n=0,r=t,i=l),a>=3&&a<=4&&(n=0,r=l,i=t),a>=4&&a<=5&&(n=l,r=0,i=t),a>=5&&a<=6&&(n=t,r=0,i=l),{red:n,green:r,blue:i}}(t,r);const c=l-r;return i+=c,o+=c,s+=c,{red:Math.round(255*i),green:Math.round(255*o),blue:Math.round(255*s),alpha:n}}function X(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"b";const{alpha:a=1}=e,l=e.red/255,n=e.green/255,r=e.blue/255,i=Math.max(l,n,r),o=Math.min(l,n,r),s=i-o,c=(i+o)/2;let u=0;if(0===i)u=0;else if("b"===t)u=s/i;else if("l"===t){const e=c>.5?s/(2-i-o):s/(i+o);u=isNaN(e)?0:e}let d=0;switch(i){case l:d=(n-r)/s+(n<r?6:0);break;case n:d=(r-l)/s+2;break;case r:d=(l-n)/s+4}const m=d/6*360,p=te(m,0,360);return{hue:p?ee(p,2):0,saturation:ee(te(u,0,1),4),brightness:ee(te(i,0,1),4),lightness:ee(c,4),alpha:ee(a,4)}}function ee(e,t){const a=Number(`${e}e${t}`),l=Math.round(a);return Number(`${l}e-${t}`)}function te(e,t,a){return e<t?t:e>a?a:e}const ae="https://api.merchbridge.com/get_s3_url";function le(e){var t;const a=(null===e||void 0===e?void 0:e.url)||(null===e||void 0===e?void 0:e.thumbnailUrl),l=a?new URL(a):"",n=null===l||void 0===l?void 0:l.pathname;let r=(null===e||void 0===e?void 0:e.key)||n,i=null===n||void 0===n?void 0:n.split(/\//g);i=(null===(t=i)||void 0===t?void 0:t.length)>0?i[i.length-1]:"",i||(i=Array(12).fill("0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*").map((function(e){return e[Math.floor(Math.random()*e.length)]})).join("")+".jpg");let o=new Date;o=o.getTime(),r=r+"|"+o;const s=[ae,window.btoa(r),i].join("/");E(s)}function ne(e,t){if(e in t){const r=t[e];for(var a=arguments.length,l=new Array(a>2?a-2:0),n=2;n<a;n++)l[n-2]=arguments[n];return"function"===typeof r?r(...l):r}}function re(e,t){return e?Object.entries(e).reduce((e,a)=>{let[l,n]=a;const{doc_count:r,value:i}=n||{},o=l.replace(/_\w/g,e=>e[1].toUpperCase()+e.slice(2));let s=null!=r?r:i;return"boolean"===typeof t&&(s=t?i:r),null!=s?{...e,[o]:s}:e},{}):null}function ie(e){if(!e||"object"!==typeof e)return{};const{teamUser:t,roles:a}=e,{role:l}=t||{},n=e=>e===l,r=e=>(a||[]).includes(e)&&null==t;let o=!1,c=s()(e,"teamUser.team.isRoot",!1);if(null!=c)o=c;else{o=!!s()(e,"teams[0].isRoot",!1)}return{isAdministrator:r("Administrator"),isSeller:n(i.gb.Admin),isMarketplaceManager:n(i.gb.MarketplaceManager),isStoreManager:n(i.gb.StoreManager),isDesignLeader:n(i.gb.DesignLeader),isDesigner:n(i.gb.Designer),isIdeaLeader:n(i.gb.IdeaLeader),isIdea:n(i.gb.Idea),isSupplier:n(i.gb.Supplier),isSupporter:n(i.gb.Supp
1orter),isAccountant:n(i.gb.Accountant),isSupplierSystem:r(i.pb.Supplier),isTeamSeller:(a||[]).includes(i.pb.Seller)&&null!=t,isTeamRoot:o,isOnline:!!(null===e||void 0===e?void 0:e.isOnline),isArtist:n(i.gb.Artist),isArtistLeader:n(i.gb.ArtistLeader),isFulfillment:n(i.gb.Fulfillment),isChannelLeader:n(i.gb.ChannelLeader),isChannelSeller:n(i.gb.ChannelSeller),isChannelIdea:n(i.gb.ChannelIdea),isChannelSupportLeader:n(i.gb.ChannelSupportLeader),isChannelSupporter:n(i.gb.ChannelSupporter),isPlatformManager:n(i.gb.PlatformManager)}}function oe(e){if(!e||"object"!==typeof e)return!1;const{privileges:t}=e;return!(!t||!Array.isArray(t)||0===t.length)&&t.includes(p.s.VWTR)}function se(e){if(!e)return"";if(null==e.teamUser){return ue(e)}return ce(e)}function ce(e){if(!e||"object"!==typeof e)return"";const{teamUser:t}=e,{role:a}=t||{};let l=i.hb.Seller;switch(a){case i.gb.DesignLeader:l=i.hb.DesignLeader;break;case i.gb.MarketplaceManager:l=i.hb.MarketplaceManager;break;case i.gb.StoreManager:l=i.hb.StoreManager;break;case i.gb.IdeaLeader:l=i.hb.IdeaLeader;break;case i.gb.Idea:l=i.hb.Idea;break;case i.gb.Supporter:l=i.hb.SellerSupporter;break;case i.gb.Designer:l=i.hb.Designer;break;case i.gb.Supplier:l=i.hb.Supplier;break;case i.gb.Artist:l=i.hb.Artist;break;case i.gb.ArtistLeader:l=i.hb.ArtistLeader;break;case i.gb.Fulfillment:l=i.hb.Fulfillment;break;case i.gb.Accountant:l=i.hb.SellerAccountant;break;case i.gb.ChannelSupporter:l=i.hb[i.gb.ChannelSupporter];break;default:l=i.hb[a]||l}return l}function ue(e){if(!e||!Object.prototype.hasOwnProperty.call(e,"roles"))return"";const{roles:t}=e,[a]=t||[];let l="";switch(a){case"Administrator":l=i.qb.Administrator;break;case i.pb.Seller:l=i.qb.Seller;break;case i.pb.Supporter:l=i.qb.Supporter;break;case i.pb.Supplier:l=i.qb.Supplier}return l}function de(e){if(e&&window)return window.btoa(unescape(encodeURIComponent(e)))}function me(){let e=!1;return(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(navigator.userAgent.
1substr(0,4)))&&(e=!0),e}function pe(e,t){if(!ge(e)||!ge(t))return;return(t/e*100).toFixed(2)}function ge(e){return"number"===typeof e&&Number.isFinite(e)}function Ae(e){return"undefined"===typeof e||null==e?null:JSON.parse(JSON.stringify(e))}function be(e){const{location:t}=l.a||{},{pathname:a}=t||{};return a===e}function he(e){const{match:t}=(e||[])[0],{path:a}=t||{};return a}const fe=e=>new Promise(t=>setTimeout(t,e));let ve=!1;const Ee=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:250;ve||(ve=!0,setTimeout(()=>{e(),ve=!1},t))};function ye(e){if(!e)return[];const{teamUser:t,teams:a}=e;let{team:l}=t||{};null==l&&(l=s()(a,"[0]"));const{privateFeatures:n}=l||{};return n||[]}function Ce(e){if(!e||0===e.length)return[];return function e(t){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(!t||0===t.length)return[];const l=[];for(let n of t){const{children:t}=n;l.push(n),n.level=a,(null===t||void 0===t?void 0:t.length)>0&&l.push(...e(t,a+1))}return l}(e).map(e=>{let{id:t,name:a,level:l}=e;const n=l?"—".repeat(l)+" "+a:a;return{value:t,label:u.a.createElement("span",{dangerouslySetInnerHTML:{__html:n}})}})}function ke(e){return Array.isArray(e)&&e.length>0?e.map(e=>{var t,a;if("string"===typeof e)return e;let l=(null===e||void 0===e||null===(t=e.props)||void 0===t||null===(a=t.dangerouslySetInnerHTML)||void 0===a?void 0:a.__html)||"";return l=l.replace(/\&mdash\;|\ \;/g,""),l}).join(", "):""}function Oe(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.sort((e,t)=>{const a=e&&e.toLowerCase(),l=t&&t.toLowerCase();return a<l?-1:a>l?1:0})}function je(e){if(!e||0===e.length)return";";let t=[];const a=[],l=[...e].filter(e=>{let{name:t}=e;return"_WCPA_order_meta_data"!==t});for(let r=0;r<l.length;r++){const e=l[r];"Type"===(null===e||void 0===e?void 0:e.name)?t.push(e):a.push(e)}t=t.map(e=>{var t;return null===e||void 0===e||null===(t=e.option)||void 0===t?void 0:t.trim()}).filter(Boolean);let n=a.map(e=>{var t;return null===e||void 0===e||null===(t=e.option)||void 0===t?void 0:t.trim()}).filter(Boolean);return n=Oe(n),[...t,...n].join("-")}function we(e){if(!e||"object"!==typeof e)return null;let t=s()(e,"teams[0].id");return t||(t=s()(e,"teamUser.team.id")),t}function Se(e){if(!e||"object"!==typeof e)return!1;let t=s()(e,"teams[0].isRoot");return null==t&&(t=s()(e,"teamUser.team.isRoot")),t}function Ie(e){if(!e||"object"!==typeof e)return!1;let t=we(e);return!!t&&(t===i.Q||"IyqWIGOsAe"===t||"HsHQ"===t)}function Be(e){return s()(e,"email")===i.a}function De(e){return s()(e,"email")===i.b}function Pe(e){return s()(e,"email")===i.c}function xe(e){return"WJGlT8pBcW"===s()(e,"id")}function Me(e){if(!e||"object"!==typeof e)return"";const{title:t,teamId:a}=e;return a?t:t+" ( Merch Bridge )"}function Te(e){return!e||!Array.isArray(e)||0===e.length}function Qe(e){return!e||"object"!==typeof e}function Re(e){return!e||"string"!==typeof e||0===e.length}const Fe=(e,t)=>{const a="function"===typeof t?t(e):t;return{...e,...a}};function Ne(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2;if(!+e)return"0 Bytes";const a=1024,l=t<0?0:t,n=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],r=Math.floor(Math.log(e)/Math.log(a));return`${parseFloat((e/Math.pow(a,r)).toFixed(l))} ${n[r]}`}function Ue(e,t,a){var l;let n=!1;if((null===e||void 0===e||null===(l=e.description)||void 0===l?void 0:l.length)>0&&t&&a){let l=e.description;if(t=parseInt(t),a=parseInt(a),l){let e=l.split("|");if(e.length<2)return!0;if(!e[0]||0===e[0].length)return!0;if(!e[1]||0===e[1].length)return!0;if(!/png|jpg|jpeg/i.test(e[1]))return!0;if(Array.isArray(e)&&e[0]&&e[0].length>0){let l=e[0];if(!/px|cm|in/i.test(l))return!0;if(l=l.replace(/,/g,""),l=l.replace(/,/g,""),l=l.replace(/px/g,""),l=l.replace(/cm/g,""),l=l.replace(/\s+/g,""),l.length>0){let e=l.split("x");if(Array.isArray(e)&&2!==e.length&&(e=l.split("\xd7")),Array.isArray(e)&&2===e.length){let l=e&&e[0]?parseInt(e[0]):0,r=e&&e[1]?parseInt(e[1]):0;l>0&&r>0&&l===t&&r===a&&(n=!0)}}}}}return n}function Le(e){if(!e)return!1;return!!e.match(/drive.google.com/gi)}function Ve(e){return Le(e)?e.replace(/sz=w200/,"sz=w4000"):e}function ze(e){let{name:t,displayName:a}=e||{};t=t||"",a=a||"";let l=a;if(t){const e=a.length?` (${t})`:t;l=a+(t?e:"")}return l}function qe(e){if(!e||!Array.isArray(e)||0===e.length)return[];e.sort((e,t)=>
1{var a,l;return(null===e||void 0===e||null===(a=e.designPosition)||void 0===a?void 0:a.sorting)-(null===t||void 0===t||null===(l=t.designPosition)||void 0===l?void 0:l.sorting)});const t=e.findIndex(e=>"master"===e.designPosition.name.toLowerCase());return t>0&&([e[0],e[t]]=[e[t],e[0]]),e}function He(e){return Array.from(new Set(e).values())}function $e(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"/design-leader";const a=(e||[]).filter(e=>d.b.includes(e));let l=[];for(let n of a)l.push(...d.e[n].map(e=>t+e));return l=He(l),{tasksMenu:a,pathMatch:l}}function _e(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"-";if(!e||!Array.isArray(e)||0===e.length)return[];const a=Oe(e.map(e=>e.name)),l={};for(let r of e)l[r.name]=r.option;const n=[];for(let r of a){const e=l[r];n.push(e)}return n.join(t)}async function Ge(e){if(!e||0===e.length)return;const{__apolloClient__:t}=window;if(t)try{const{data:a}=await t.query({query:m.Ub,variables:{filter:{search:`${e}${p.t.BG}`}}}),l=s()(a,"variables");if(!Array.isArray(l)||0===l.length)return;return l[0]?l[0].value:void 0}catch(a){}}const Ke=(e,t)=>{var a;let l=!1;var n;(null===e||void 0===e||null===(a=e.mappingEvents)||void 0===a?void 0:a.event)&&p.k.includes(e.mappingEvents.event)&&((null===(n=e.mappingEvents.mappingItem)||void 0===n?void 0:n.teamId)===t&&(l=!0));return l},Je=e=>e.remove&&"function"===typeof e.remove?e.remove():!(!e.parentNode||!e.parentNode.removeChild||"function"!==typeof e.parentNode.removeChild)&&e.parentNode.removeChild(e);function Ye(e){return[null===e||void 0===e?void 0:e.firstName,null===e||void 0===e?void 0:e.lastName].filter(Boolean).join(" ")}function We(e){let{images:t,pBaseId:a,isCampaign:l,mainImageId:n}=e;if(Te(t))return[];const r=n||"undefined"!==n;let i=[];const o=e=>null===e||void 0===e?void 0:e.file,s=e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===n},c=e=>e.filter(s).map(o);return a&&l?(i=t.filter(e=>(null===e||void 0===e?void 0:e.productBaseId)===a).map(o),i.length>1&&r&&(i=c(t))):r&&(i=c(t)),0===i.length&&(i=t.filter(Boolean).map(o)),i}function Ze(e){for(const[t,a]of Object.entries(e))"undefined"===typeof a&&delete e[t];return e}function Xe(e){return"psd"===(function(e){if(!e||"string"!==typeof e||0==e.length)return!1;const t=e.split(/\./);return t[t.length-1]}(e)||"").trim().toLowerCase()}function et(e){if(!e||"string"!==typeof e)return!1;if(!(e=e.trim()).match(/^https?/))return!1;const[t]=e.split(/\?/),a=(t||"").split(/\./).filter(Boolean);if(0===a.length)return!1;const l=a[a.length-1];return 0!==l.length&&i.A.some(e=>e.indexOf(l)>-1)}function tt(e){return Object.entries(i.M).reduce((t,a)=>{let[l,n]=a;return t["is"+l]=n===e,t},{})}const at=(e,t)=>{(e||[]).length,(t||[]).length;const a=e.every(e=>t.includes(e)),l=e.some(e=>t.includes(e));return!!a||!!l&&"indeterminate"},lt=e=>{let{rows:t,checked:a,key:l="id"}=e;if(!a)return[];const n=(t||[]).map(e=>e&&e[l]?e[l]:null).filter(Boolean);return Array.from(new Set(n))},nt=(e,t)=>{const a=new Set(t);return a.has(e)?a.delete(e):a.add(e),Array.from(a)};async function rt(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>{},t=arguments.length>1?arguments[1]:void 0;return new Promise(a=>{setTimeout(()=>{e(),a()},t)})}function it(e){return function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(!e||"string"!==typeof e)return e;const a=/[^A-Za-z0-9\s]/gi;return e.replace(a,t)}(function(e){return e&&"string"===typeof e?e.replace(/^\s+|\s+$/gi,""):e}(e),e=>"\\"+e)}function ot(e,t,a){const l=new RegExp(e,"gi"),n=[];a=a||t.length;let r=0;for(let i of t)if(i&&i.label&&i.label.match(l)){if(r++,r>a)break;n.push(i)}return n.sort((e,t)=>e.label.localeCompare(t.label))}function st(e,t){if(Te(t)||Te(e))return[];const a=[];for(let l of e)l&&l.value&&l.label&&t.includes(l.value)&&a.push({id:l.value,name:l.label});return a}function ct(e){let t=s()(e,"teams")||[],[a]=t;a||(a=s()(e,"teamUser.team"));const{address:l}=a||{};return l||""}function ut(e){let t=s()(e,"teamUser.team.id")||"";if(!t){const a=s()(e,"teams")||[];for(let e of a)if(e&&e.id){t=e.id;break}}return!!t}const dt=function(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"id";return Te(e)||!t?[]:Array.from(new Set(e.map(e=>e[a])).values())},mt=(e,t,a)=>{e=a?[...e,t]:e.filter(e=>e!==t);return{itemsChecked:e=Array.from(new Set(e).values()),checkAll:e.length>0}};function pt(e,t,a){const l=a[t];return l?"string"!==typeof e||e?function(e){return Array.isArray(e)}(e)&&0===e.length?l:e?"":l:l:""}function gt(e,t){const a={};for(let[l,n]of Object.entries(e))a[l]=pt(n,l,t);return a}function At(e){return Object.values(e).some(e=>!!e)}function bt(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";const t=new Date,a=t.getFullYear(),l=String(t.getMonth()+1).padStart(2,"0"),n=String(t.getDate()).padStart(2,"0"),r=String(t.getHours()).padStart(2,"0"),i=String(t.getMinutes()).padStart(2,"0"),o=String(t.getSeconds()).padStart(2,"0"),s=`${e}${a}-${l}-${n}_${r}-${i}-${o}.csv`;return s}function ht(e){return!!e.match(/\:/)}function ft(e){return s()(e,"platform")===i.M.Amazon}function vt(e){if(!e||"object"!==typeof e)return!1;let t=we(e);
1return!!t&&(t===i.Q||"1nXFmlqss2"===t)}const Et=e=>"VND"===e,yt=(e,t)=>{t=Et(e)?100*t:t;const a=new Intl.NumberFormat("vi-VN",{style:"currency",currency:"VND"}),l=new Intl.NumberFormat("en-US",{style:"currency",currency:"USD"});return Et(e)?a.format(t):l.format(t)}},,function(e,t,a){"use strict";a.d(t,"K",(function(){return l})),a.d(t,"pb",(function(){return n})),a.d(t,"gb",(function(){return r})),a.d(t,"k",(function(){return i})),a.d(t,"ob",(function(){return o})),a.d(t,"db",(function(){return s})),a.d(t,"cb",(function(){return c})),a.d(t,"fb",(function(){return u})),a.d(t,"A",(function(){return d})),a.d(t,"M",(function(){return m})),a.d(t,"N",(function(){return p})),a.d(t,"O",(function(){return g})),a.d(t,"m",(function(){return A})),a.d(t,"hb",(function(){return b})),a.d(t,"qb",(function(){return h})),a.d(t,"o",(function(){return f})),a.d(t,"y",(function(){return v})),a.d(t,"G",(function(){return E})),a.d(t,"q",(function(){return y})),a.d(t,"X",(function(){return C})),a.d(t,"L",(function(){return k})),a.d(t,"eb",(function(){return O})),a.d(t,"n",(function(){return j})),a.d(t,"u",(function(){return w})),a.d(t,"B",(function(){return S})),a.d(t,"V",(function(){return I})),a.d(t,"W",(function(){return B})),a.d(t,"ib",(function(){return D})),a.d(t,"l",(function(){return P})),a.d(t,"p",(function(){return T})),a.d(t,"r",(function(){return Q})),a.d(t,"C",(function(){return R})),a.d(t,"mb",(function(){return F})),a.d(t,"ab",(function(){return N})),a.d(t,"nb",(function(){return U})),a.d(t,"P",(function(){return L})),a.d(t,"s",(function(){return V})),a.d(t,"d",(function(){return z})),a.d(t,"e",(function(){return q})),a.d(t,"z",(function(){return H})),a.d(t,"H",(function(){return $})),a.d(t,"U",(function(){return _})),a.d(t,"T",(function(){return G})),a.d(t,"j",(function(){return K})),a.d(t,"J",(function(){return J})),a.d(t,"x",(function(){return Y})),a.d(t,"Y",(function(){return W})),a.d(t,"R",(function(){return Z})),a.d(t,"Z",(function(){return X})),a.d(t,"D",(function(){return ee})),a.d(t,"rb",(function(){return te})),a.d(t,"i",(function(){return ae})),a.d(t,"jb",(function(){return le})),a.d(t,"t",(function(){return ne})),a.d(t,"Q",(function(){return re})),a.d(t,"a",(function(){return ie})),a.d(t,"b",(function(){return oe})),a.d(t,"c",(function(){return se})),a.d(t,"I",(function(){return ce})),a.d(t,"v",(function(){return ue})),a.d(t,"w",(function(){return de})),a.d(t,"lb",(function(){return me})),a.d(t,"kb",(function(){return pe})),a.d(t,"bb",(function(){return ge})),a.d(t,"h",(function(){return Ae})),a.d(t,"f",(function(){return be})),a.d(t,"g",(function(){return he})),a.d(t,"E",(function(){return fe})),a.d(t,"F",(function(){return ve})),a.d(t,"S",(function(){return Ee}));const l={PendingDesign:"Pending Design",Pending:"Pending",OnHold:"On Hold",ReadyToPrint:"Ready to Print",InProduction:"In Production",Printing:"Printing",Fulfilled:"Fulfilled",Cancelled:"Cancelled",Error:"Error",PendingPayment:"Pending Payment",DesignRejected:"Design Rejected",Refunded:"Refunded",Processing:"Processing"},n={Admin:"Admin",Seller:"Seller",Supplier:"Supplier",Owner:"Owner",StoreManager:"Store Manager",Supporter:"Supporter"},r={StoreManager:"Store Manager",Supporter:"Supporter",Designer:"Designer",Admin:"Admin",DesignLeader:"Design Leader",Supplier:"Supplier",MarketplaceManager:"Marketplace Manager",Idea:"Idea",IdeaLeader:"IdeaLeader",Accountant:"Accountant",Artist:"Artist",ArtistLeader:"Artist Leader",Fulfillment:"Fulfillment",ChannelLeader:"Channel Leader",ChannelSeller:"Channel Seller",ChannelIdea:"Channel Idea",ChannelSupportLeader:"Channel Support Leader",ChannelSupporter:"Channel Supporter",PlatformManager:"Platform Manager"},i="Administrator",o={ASSETS:"assets",AVATARS:"avatars",MOCKUPS:"mockups",PRINT_FILES:"print_files",SUPPLIER_IMPORT:"supplier_import_files",PSD_RESOURCE:"product_resouces",TIKTOK_SHOP:"tiktok_shop"},s={Pending:"Pending",Denied:"DENIED",Done:"Done"},c={RejectedByBuyer:"Rejected by Buyer",AwaitingArtistFix:"Awaiting Artist fix"},u={ArtistTask:"Artist Task",IdeaTask:"Idea Task"},d=["image/gif","image/jpeg","image/jpg","image/png","image/svg+xml","
1image/tiff","image/webp"],m={Ebay:"ebay",Amazon:"amazon",WooCommerce:"woocommerce",Shopify:"shopify",ShopBase:"shopbase",Etsy:"etsy",Facebook:"facebook",Tiktok:"tiktok"},p="etsy",g="facebook",A={Approved:"Approved",Cancelled:"Cancelled",InReview:"In Review",Resent:"Resent",Rejected:"Rejected",Refunded:"Refunded",NeedMoreEvidence:"Need more evidence"},b={MarketplaceManager:"marketplace-manager",StoreManager:"store-manager",Seller:"seller",DesignLeader:"design-leader",Designer:"designer",IdeaLeader:"idea-leader",Idea:"idea",SellerSupporter:"seller-supporter",Supplier:"supplier",Artist:"artist",ArtistLeader:"artist-leader",Fulfillment:"fulfillment",SellerAccountant:"seller-accountant",[r.ChannelLeader]:"channel-leader",[r.ChannelIdea]:"channel-idea",[r.ChannelSeller]:"channel-seller",[r.ChannelSupportLeader]:"channel-support-leader",[r.ChannelSupporter]:"channel-supporter",[r.PlatformManager]:"platform-manager"},h={Administrator:"admin",Seller:"seller",Supporter:"supporter",Supplier:"supplier"},f=[{title:"Supper Lightweight",value:"Supper Lightweight",shippingCost:{usFirstFee:3.99,usAdditionalFee:.75,canadaFirstFee:3.99,canadaAdditionalFee:.75,internationalFirstFee:6.25,internationalAdditionalFee:1}},{title:"LightWeight",value:"LightWeight",shippingCost:{usFirstFee:4.99,usAdditionalFee:1.5,canadaFirstFee:4.99,canadaAdditionalFee:1.5,internationalFirstFee:9.25,internationalAdditionalFee:3}},{title:"HeavyWeight",value:"HeavyWeight",shippingCost:{usFirstFee:7.99,usAdditionalFee:1.5,canadaFirstFee:7.99,canadaAdditionalFee:1.5,internationalFirstFee:12.25,internationalAdditionalFee:8}},{title:"LightWeight DrinkWare",value:"LightWeight DrinkWare",shippingCost:{usFirstFee:4.99,usAdditionalFee:1.5,canadaFirstFee:4.99,canadaAdditionalFee:1.5,internationalFirstFee:10,internationalAdditionalFee:6}},{title:"HeavyWeight DrinkWare",value:"HeavyWeight DrinkWare",shippingCost:{usFirstFee:6.99,usAdditionalFee:1.5,canadaFirstFee:6.99,canadaAdditionalFee:1.5,internationalFirstFee:12.25,internationalAdditionalFee:6}}],v={shippingCost:{usFirstFee:4.99,usAdditionalFee:1.5,canadaFirstFee:7.5,canadaAdditionalFee:5.95,internationalFirstFee:7.5,internationalAdditionalFee:5.95}},E="merchbridge.com/personalized",y={hGypw:"NO-TM",da1Jg:"TM",rTMb7neFvk:"Animal",uHWGE1Ahic:"Hobbies",m55RHzFk9m:"People",TIJrLGarfW:"Movies",p7CPRxL8O7:"Books","6r3vVNTrYm":"Drink And Food",id9TDw77Bo:"Events",DR0os:"Jobs",TcEKaMPkid:"Games",OnCIa7Qvqw:"Family",aa1Jk:"Sports",X1qcK0de9d:"TV Shows",PxlDloxjZ6:"Fictional Characters"},C=["product","originDomain","niche","source","createdAt","author"],k=[{name:"Pending Design",status:"attention"},{name:"Pending",status:"info",progress:"incomplete"},{name:"On Hold",status:"info"},{name:"In Production",status:"success",progress:"incomplete"},{name:"Fulfilled",status:"success",progress:"complete"},{name:"Cancelled",status:"critical"},{name:"Error",status:"warning"},{name:"Design Rejected",status:"warning",progress:"complete"},{name:"Refunded",status:"default"},{name:"Pending Payment",status:"new"},{name:"Ready to Print",status:"success",progress:"partiallyComplete"},{name:"Printing",status:"attention"},{name:"Processing",status:"success",progress:"incomplete"}],O=[{name:"Doing",status:"success",progress:"incomplete"},{name:"Cancel",status:"critical"},{name:"Pending",status:"info",progress:"incomplete"},{name:"Artwork Configurable",status:"info",progress:"complete"},{name:"Need Review",status:"attention"},{name:"Need Buyer Confirm",status:"attention"},{name:"Awaiting Buyer Confirm",status:"attention",progress:"complete"},{name:"Denied",status:"warning"},{name:"Declined",status:"warning",progress:"partiallyComplete"},{name:"Done",status:"success",progress:"complete"},{name:"Rejected",status:"warning",progress:"complete"},{name:"In Review",status:"attention",progress:"incomplete"},{name:"Expired",status:"critical",progress:"incomplete"},{name:"Partially Completed",status:"success",progress:"partiallyComplete"},{name:"File Generating",status:"info"},{name:"Draft",status:"default"}],j=["limit","offset","search"],w=["feed_product_type","item_sku","brand_name","item_name","external_product_id","item_type","standard_price","quantity","main_image_url","other_image_url1","other_image_url2","other_image_url3","other_image_url4","other_image_url5","other_image_url6","other_image_url7","other_image_url8","update_delete","product_description","bullet_point1","bullet_point2","bullet_point3","bullet_point4","bullet_point5","target_audience_base","specific_uses_keywords1","specific_uses_keywords2","specific_uses_keywords3","specific_uses_keywords4","specific_uses_keywords5","generic_keywords","color_name","color_map","size_name","material_type","mfg_minimum","website_shipping_weight","website_shipping_weight_unit_of_measure","fulfillment_latency","condition_note","relationship_type","manufacturer","thesaurus_attribute_keywords1","thesaurus_attribute_keywords2","thesaurus_attribute_keywords3","thesaurus_attribute_keywords4","variation_theme","country_as_labeled","cpsia_cautionary_statement","import_designation","country_string","country_of_origin","merchant_shipping_group_name","condition_type","product_tax_code","parent_sku","target_audience_keywords1","target_audience_keywords2","target_audience_keywords3","thesaurus_subject_keywords1","thesaurus_subject_keywords2","thesaurus_subject_keywords3","platinum_keywords1","platinum_keywords2","platinum_keywords3","platinum_keywords4","platinum_keywords5","special_features1","special_features2","special_features3","special_features4","special_features5","special_features6","length_longer_edge","width_shorter_edge"],S={color:"Product Option: Color",other_image_url_1:"Product 1st gallery image",other_image_url_2:"Product 2nd gallery image",other_image_url_3:"Product 3rd gallery image",other_image_url_4:"Product 4th gallery image",other_image_url_5:"Product 5th gallery image",other_image_url_6:"Product 6th gallery image",other_image_url_7:"Product 7th gallery image",other_image_url_8:"Product 8th gallery image",product_base:"Product base",product_description:"Product description",product_mockup:"Product mockup",product_parent_child:"Product Parent: Child",product_price:"Product price",product_title:"Product title",sku:"Variant SKU",relationship_type:"Relationship Type",size:"Product Option: Size",parent_sku:"Parent SKU",product_option:"Product Option"},I={dtg:"DTG",case:"Case",mug:"Mug",poster:"Poster"},B={C:"Center of garment",RC:"Center of right side of garment / right chest",LC:"Center of left side of garment / left chest",R:"Right aligned to garment",L:"Left aligned to garment"},D={blanket:{feed_product_type:"blanket",item_type:"bed-blankets",material_type:"Fleece",bullet_point1:'SPECIAL GIFT: Click "Customize Now" to select your favorite sizes, recipient, sender, content, which you would like before Adding to Your Cart.',bullet_point2:"PRINTED & ASSEMBLED IN USA: All of our Fleece and Sherpa blankets are handcrafted to the highest quality standards and shipped out from USA. A Personalized Custom Mom Mother Dad Father Name Message To My Daughter Overwhelmed Letter Airmail Postcard Postage Stamp Envelope is a unique sentimental gifts for certain special occasions such as Birthday, Wedding Anniversary, Appreciation, Graduation, Christmas, Halloween, Valentine's Day, Mother'
1s Day, Father's day, etc.",bullet_point3:"PREMIUM MATERIAL Each fleece blanket features a premium 100 % suede polyester print for beautiful color vibrancy, even after washing. High-quality thread; Modern and decorative pattern; printed edge to edge on one side. Lightweight, durable, Cozy underside is constructed from an ultra-soft micro fleece fabric to keep you warm and comfortable.",bullet_point4:"MACHINE WASHABLE: Wash separately in cold water and then either let them air dry without heat. Microfiber dries quickly and it will fluffier than before. It's better wash microfiber fleece blankets in a mesh laundry bag.",bullet_point5:"CUSTOMER SATISFACTION: If you have any issue, please send the email that comes with the product for a REPLACEMENT or REFUND with 30-Day Warranty. It is our intention to offer the best items and customer service on Amazon.",fulfillment_latency:"3",length_longer_edge:"60",width_shorter_edge:"50"},mug:{feed_product_type:"drinkingcup",item_type:"novelty-coffee-mugs",material_type:"Ceramic",bullet_point1:"Our customizable product will be an exclusive mug belonging to you and your beloved family. Please click 'CUSTOMIZE NOW' to choose cup sizes and customize your own message.",bullet_point2:"This mug is proudly made in the USA, fast fulfilled and delivered. It would be shipped with care in a sturdy box which ensures its arrival in perfect condition.",bullet_point3:" It is a classical high-capacity mug made of durable ceramic material which is safe for drinking, dishwasher and microwave safe.",bullet_point4:"This novelty personalised mug would be the unique gift idea for dog lovers, your family, friends and yourself on Birthday, Christmas, Easter, Anniversary, Thanksgiving, Halloween, Holidays, New Year, Mother Day, Father Day, House-warming,...",bullet_point5:"All our products are 100% satisfation guarateed. In case you have any problem or query, please feel free to contact us. our staff will do our best to offer the most pleasing item as possible.",fulfillment_latency:""},poster:{feed_product_type:"home",item_type:"prints",material_type:"Paper",bullet_point1:'SPECIAL GIFT: Please click \'Customize Now\' to choose among three available sizes: 12" x 18"/16" x 24"/24" x 36" for verticle portrait poster and 18" x 12"/24" x 16"/36" x 24 for horizontal landscape.',bullet_point2:"PROFESSIONAL DESIGN: The item is conscientiously designed and produced. No-framed poster is a piece of paper artprint without wooden frame, which is easy to be glued and removed without any nail driven onto wall or other surfaces. It may be mixed with frame at customers' will.",bullet_point3:"%100 SATISFACTION GUARANTEED: This product is proudly made in the USA; fast fulfilled and delivered. It will be shipped with care in a sturdy box ensuring arrival in perfect condition. We also ensure 100% quality guarantee and offer refund/resend for any defected item.",bullet_point4:"MULTI-PURPOSE PRODUCT: The no frame wall art may be put into wood frame and display on desk/table (for small sizes) or hung onto wall as wall art. It will be a great choice for living room, bedroom, kitchen, bathroom and entryway walls which becomes a nice gift to someone special.",bullet_point5:"PREMIUM MATERIAL: The poster will come with great visual quality because of its high-resolution digital oil painting giclee printed on shiny high quality resin-coated thick paper with fade resistant environmentally friendly ink.",fulfillment_latency:"3"},tumbler:{feed_product_type:"drinkingcup",item_type:"travel-mugs-&-tumblers",material_type:"Steel",bullet_point1:"UNIQUE TUMBLER & TRULLY ARTISTS : this design was drawn and heat printed with pride by our skilled illustrators and printers in an industrial building with vibrant interior walls decorated with the compelling work of well-known culture, shades, colorful. A premium tumbler cup made by creative, young workers.",bullet_point2:"STAINLESS STEEL TUMBLER & LARGER CAPACITY: with the body made from 18/8 food grade stainless steel, which is durable, electro polished on the inside to ensure your cups remain rust-free, and colored powder coated finish on the outside make it super easy-grip.",bullet_point3:"DOUBLE-WALLED VACUUM INSULATION: prevent heat transfer to the outer walls of the tumbler. This means your drink still keeps its temperature no matter how much of a beating this cup takes. so you could enjoy your beverage cold by the pool, take your cup of joe on the go. so as to maintain its thermal insulation, hand wash recommended. INSULATED COFFEE TRAVEL MUG.",bullet_point4:"MEANINGFUL GIFTS: Perfect for office workers, drivers, students, teachers, BBQ experts, party favors, firefighter, nurse, police...Larger capacity tumbler 20oz,is designed for everyday use at home, in the office, outdoor parties and events, such as sports, traveling, camping and driving so why not choose ones for your family and friends as birthday gifts or Christmas gifts.",bullet_point5:"100% CUSTOMER SATISFACTION: We value every customer response and offer friendly customer service. In any case you are unsatisfied with the purchase of our product, just feel free to reach us. We are willing to help you in every possible way. We sincerely hope you could enjoy the purchase and enjoy your life carry with our tumbler. Finally, it comes in a variety of stunning ARTWORK. Come to choose a color of you!",fulfillment_latency:"4",product_description:"The versatile and stylish tumbler is an ideal gift to celebrate holidays, birthdays, weddings and many more so gorgeous. No matter it is for your families and friends, or for your colleagues and customers, this present is sure to be enjoyed by everyone."},"t-shirts":{feed_product_type:"T-Shirt",quantity:"999",variation_theme:"Size",update_delete:"Update",country_as_labeled:"United States",size_name:"Small",material_type:"C
1otton",website_shipping_weight:"1",website_shipping_weight_unit_of_measure:"LB",cpsia_cautionary_statement:"NoWarningApplicable",import_designation:"Printed in USA",country_of_origin:"United States",condition_type:"New",product_tax_code:"A_GEN_NOTAX",fulfillment_latency:"3",merchant_shipping_group_name:"Migrated Template"},ornament:{feed_product_type:"hangingornament",item_type:"decorative-hanging-ornaments",unit_count_type:"ounce",unit_count:"0.5",quantity:"99",country_of_origin:"United States",fulfillment_latency:"3",condition_type:"New",size_name:"one size",material_type:"Durable MDF with a high-gloss plastic finish",bullet_point1:"Crafted from durable MDF with a high-gloss plastic finish so your designs last a lifetime, Vibrantly printed from edge-to-edge via Sublimation, Ships with a festive gold cord for easy hanging, Available in 4 Shapes: Circle, Oval, Heart, & Star, Product Dimensions: Circle & Heart, 2.75\u201d tall; Oval & Star, 3.25\u201d tall",bullet_point2:"LOVELY & CREATIVE DESIGNS: 2021 is a tough year. However, The supreme happiness of life is the conviction that we are loved. Celebrate the Christmas holidays together in style with this lovely & creative, unique Christmas tree ornaments design. Personalized Tree Christmas Ornament Comes with a Ribbon Loop for Easy Hanging on Your Christmas Tree.",bullet_point3:"HIGH-QUALITY MATERIAL: This high-quality high-gloss plastic Christmas ornament has a premium hard that provides crisp and vibrant color reproduction sure to last for years. Product with dimensions 2.75\u201d tall, 3.25\u201d tall available in 4 shapes: Circle, Oval, Heart, & Star. Perfect for all Christmas tree decorations.",bullet_point4:"PERFECT CHRISTMAS GIFTS: Christmas 2021 will definitely be a year to remember with our ornaments because it is perfect memorable gift for your family and friends on soon Christmas!",bullet_point5:"100% HAPPY GUARANTEED: Our ornaments come with 10 Day %100 Money Back and Customer Satisfaction Guarantee. Thank you very much for purchasing in Store. If you have any questions about the use process, please contact our professional customer service. Please click on our brand to see more products."}},P=[{name:"Approved",status:"success"},{name:"Cancelled",status:"critical"},{name:"In Review",status:"info"},{name:"Resent",status:"attention"},{name:"Rejected",status:"warning"},{name:"Refunded",status:"warning",progress:"incomplete"},{name:"Need more evidence",status:"default"}],x="Polaris-DataTable",M=x+"__Cell",T={dataTable:x,dTCondensed:x+"--condensed",dTScrollContainer:x+"__ScrollContainer",dTTable:x+"__Table",dTCell:M,dTCellFirstColumn:M+"--firstColumn",dTCellHeader:M+"--header",dTCellVerticalAlignMiddle:M+"--verticalAlignMiddle",dTCellNumeric:M+"--numeric",dTRow:x+"__TableRow"},Q=["pp11t7kxjy","2Z8k3H8DVB"],R=255,F="The title must be less than 255 characters.",N=["GHevXo5NW1"],U=["ptuFtbN7nR","BQszpDb8kT","DEIlX6Smfo","IILAha0cGl","OwYPUhXXKC"],L="PME",V={accIds:["vHzPLObif8","VRksM7NNV3","ZeXbgxfug1","lanBI98j9Z"],role:["Designer"],accLy:"vHzPLObif8",accDung:"ZeXbgxfug1"},z=["OUmYdbUfVn","Zs0svJ9omN","GQIylA4Xax","G7PHfYjvjp","yMz4dfN2hc","t7dcCKKqcE","CE55ydNfOk","fS2AfKEaBA","wwQL8JVCNM","NUXQPQGWuB"],q="FdadyMIK6W",H=["color","colors","size","sizes","shape","shapes","type","types","charm","charms","box","boxs","Frame Material","Material","Note","Option Dropdown"],$="mb_personalized",_="{{PRODUCT_SKU}}",G="{{PRORUCT_BASE_TITLE}}",K="{{ATTR_SIZE}}",J=`${_}_${G}`,Y={gearment:{Ash:"Ash",Black:"Black",Charcoal:"Charcoal Grey",DarkHeather:"",ForestGreen:["Forest Green","Forest"],Heliconia:"Fuchsia",Maroon:"Maroon",Orange:["Burnt Orange","Orange"],Purple:"",SafetyPink:"Cyber Pink",White:"White",LightBlue:["Light Blue","Baby Blue"],Red:"",YellowHaze:"Sunshine",DarkChocolate:"Charcoal Grey",IrishGreen:"Kelly",Navy:"J Navy",Royal:"Royal",Cardinal:"",Gravel:"Asphalt",Azalea:"Heliconia",BrownSavana:"Chocolate",CarolinaBlue:"Carolina Blue",IndigoBlue:"",Kiwi:"",LightPink:"Classic Pink",Lime:"Kiwi",Sapphire:"",Sky:"",Violet:"",SportGrey:"Sports Grey",Daisy:"Gold",TropicalBlue:"",Gold:""},customcat:{LightBlue:"Light Blue",White:"White",ElectricGreen:"Kiwi",TurfGreen:"",Daisy:"Gold",Kiwi:"",MilitaryGreen:"",Garnet:"",LightPink:"Classic Pink",Lime:"",Maroon:"",Navy:"Navy",OldGold:"",Orange:"Orange",Purple:"",Red:"True Red",Royal:"Royal",SportGrey:"Sport Grey",TexasOrange:"",Ash:"Ash",Black:"Black",Cardinal:"",CarolinaBlue:"Carolina Blue",DarkChocolate:"Dark Chocolate",Dar
1kHeather:"",Forest:"",Gold:"",Heliconia:"Cyber Pink",IrishGreen:["Kelly","Irish Green"]},dreamship:{Black:"Black",White:"White",Navy:"Navy",Royal:"Royal",HeatherGrey:"",Red:"Red",Kelly:"Kelly",Forest:"Forest",Orange:"Orange",Purple:"Purple",DarkHeatherGrey:["Heather","Charcoal Grey"],SafetyPink:["Cyber Pink","Fuchsia"],Azalea:"Heliconia",LightPink:"Light Pink",Heliconia:"Fuchsia",LightBlue:"Light Blue",CarolinaBlue:"Carolina Blue",Ash:"Ash",Gold:"Gold",SmokeGrey:"Asphalt",DarkRed:"",Creme:"",Brown:"Brown",MilitaryGreen:"",IceGrey:"Ash",Charcoal:"Asphalt",TurfGreen:"Forest Green"}},W={customcat:[{value:"Economy",label:"Economy"},{value:"Ground",label:"Ground"},{value:"2 Day",label:"2 Day"},{value:"Standard Overnight",label:"Standard Overnight"}],gearment:[{value:"STANDARD",label:"STANDARD"},{value:"GROUND",label:"GROUND"},{value:"FAST SHIP",label:"FAST SHIP"},{value:"STAMP",label:"STAMP"},{value:"ECONOMY",label:"ECONOMY"}],dreamship:[{value:"economy",label:"Economy"},{value:"express",label:"Express"},{value:"ground",label:"Ground"},{value:"two_day",label:"Two days"},{value:"prepaid",label:"Prepaid"}],"scalable-press":[{value:"US-FC",label:"USPS - First Class"},{value:"US-PP",label:"USPS - Parcel Post"},{value:"US-PS",label:"USPS - Parcel Select"},{value:"US-PM",label:"USPS - Priority Mail"},{value:"US-FCI",label:"USPS - First Class International"},{value:"US-PMI",label:"USPS - Priority Mail International"},{value:"UPS-1DA",label:"UPS - Next Day Air"},{value:"UPS-1DP",label:"UPS - Next Day Air Saver"},{value:"UPS-2DA",label:"UPS - 2 Day"},{value:"UPS-3DS",label:"UPS - 3 Day Select"},{value:"UPS-GND",label:"UPS - Ground"},{value:"FDX-FO",label:"FEDEX - First Overnight"},{value:"FDX-PO",label:"FEDEX - Priority Overnight"},{value:"FDX-SO",label:"FEDEX - Standard Overnight"},{value:"FDX-2DA",label:"FEDEX - 2 Day AM"},{value:"FDX-2D",label:"FEDEX - 2 Day"},{value:"FDX-ES",label:"FEDEX - Express Saver"},{value:"FDX-GND",label:"FEDEX - Ground"},{value:"DHL-SM",label:"DHL - Smart Mail (SM) Parcels standard or SM Parcels plus standard"},{value:"DHL-SME",label:"DHL - Smart Mail (SM) Parcels expedited or SM Parcels plus expedited"},{value:"DHL-GM",label:"DHL - GM Packet Plus or GM Parcel Priority"},{value:"DHL-GME",label:"DHL - Global Mail (GM) Packet Priority PKY or GM Packet Priority PLY"}],printbelle:[{value:"STANDARD SHIPPING",label:"Standard"},{value:"STANDARD SHIPPING(FAST)",label:"Standard (FAST)"},{value:"FAST SHIPPING",label:"Express"},{value:"STANDARD SHIPPING-USPS",label:"STANDARD SHIPPING-USPS"}],burgerprints:[{value:"economy",label:"Economy"},{value:"standard",label:"Standard"},{value:"express",label:"Express"}],bondre:[{value:"1",label:"Standard"},{value:"2",label:"Fast"},{value:"3",label:"Express"},{value:"4",label:"USPS"}],lenful:[{value:"0",label:"Standard Shipping"},{value:"1",label:"Ground Shipping"},{value:"2",label:"Express Shipping"},{value:"3",label:"3 Days Shipping"},{value:"4",label:"Special Shipping"},{value:"5",label:"US Island"},{value:"6",label:"WW Standard Shipping"},{value:"7",label:"Shipping By Platform"}]},Z=[{value:"1",label:"Standard"},{value:"2",label:"Priority"},{value:"3",label:"Express"},{value:"4",label:"Economy"}],X=["Ground","2 Day","Standard Overnight","Fastship 2days","express","US-FC","US-PP","US-PS","US-PM","US-FCI","US-PMI","UPS-1DA","UPS-1DP","UPS-2DA","UPS-3DS","UPS-GND","FDX-FO","FDX-PO","FDX-SO","FDX-2DA","FDX-2D","FDX-ES","FDX-GND","DHL-SM","DHL-SME","DHL-GM","DHL-GME","STANDARD","GROUND","FAST SHIP","STAMP","ECONOMY"],ee={fbTitle:99,amzTitle:200},te={ShortTitle:"short_title",AmzTitle:"amz_title"},ae="The Amazon title is already exists. Please choose other title!",le={customcat:{Ground:"Ground","2 Day":"2 Day","Standard Overnight":"Standard Overnight"},dreamship:{express:"Express",ground:"Ground",two_day:"Two Days",prepaid:"Prepaid","Standard Overnight":"Standard Overnight"},gearment:{STANDARD:"STANDARD",GROUND:"GROUND","FAST SHIP":"FAST SHIP",STAMP:"STAMP",ECONOMY:"ECONOMY"},scalablepress:{"US-FC":"US-FC","US-PP":"US-PP","US-PS":"US-PS","US-PM":"US-PM","US-FCI":"US-FCI","US-PMI":"US-PMI","UPS-1DA":"UPS-1DA","UPS-1DP":"UPS-1DP","UPS-2DA":"UPS-2DA","UPS-3DS":"UPS-3DS","UPS-GND":"UPS-GND","FDX-FO":"FDX-FO","FDX-PO":"FDX-PO","FDX-SO":"FDX-SO","FDX-2DA":"FDX-2DA","FDX-2D":"FDX-2D","FDX-ES":"FDX-ES","FDX-GND":"FDX-GND","DHL-SM":"DHL-SM","DHL-SME":"DHL-SME","DHL-GM":"DHL-GM","DHL-GME":"DHL-GME"},printbelle:{"STANDARD SHIPPING":"Standard","STANDARD SHIPPING(FAST)":"Standard (FAST)","FAST SHIPPING":"Express","STANDARD SHIPPING-USPS":"STANDARD SHIPPING-USPS"}
1,burgerprints:{economy:"Economy",standard:"Standard",express:"Express"},lenful:{0:"Standard Shipping",1:"Ground Shipping",2:"Express Shipping",3:"3 Days Shipping",4:"Special Shipping",5:"US Island",6:"WW Standard Shipping",7:"Shipping By Platform"},snapecom:{economy:"Economy",priority:"Priority"},bondre:{1:"Standard",2:"Fast",3:"Express",4:"USPS"}},ne=["etHA","WEya0","VhSJbW4gTF","3GIqNspTW5","aazdISjdGB"],re="Xeya4",ie="[email protected]",oe="[email protected]",se="[email protected]",ce="MerchBridge",ue=104857600,de=209715200,me={DRAFT:"DRAFT",NOT_START:"NOT_START",ONGOING:"ONGOING",EXPIRED:"EXPIRED",DEACTIVATED:"DEACTIVATED",NOT_EFFECTIVE:"NOT_EFFECTIVE",ERROR:"ERROR",PROCESSING:"PROCESSING"},pe={Pending:"Pending",Running:"Running",Error:"Error",Done:"Done",Pushed:"Pushed"},ge={Connected:"Connected",Disconnected:"Disconnected",Dead:"Dead",Expired:"Expired",AwaitingAuthentication:"Awaiting authentication",Activated:"Activated",Checkpointed:"Checkpointed",Deactivated:"Deactivated"},Ae={"Partially Completed":"Partially Completed",Doing:"Doing",Done:"Done",Denied:"Denied",Rejected:"Rejected","Need Review":"Need Review","Un Picked":"Un Picked",Picked:"Picked"},be={Active:"Active",Inactive:"Inactive",OutOfStock:"OutOfStock",Closed:"Closed"},he={[be.Active]:"Active",[be.Inactive]:"Inactive",[be.OutOfStock]:"Out of Stock",[be.Closed]:"Closed"},fe={DTF:"DTF",DTG:"DTG"},ve=[{value:"",label:"Default"},...Object.entries(fe).map(e=>{let[t,a]=e;return{value:t,label:a}})],Ee={CNS:"CN Standard",CNE:"CN Express",CNIN:"CN International",US:"US Standard",ITN:"International",USP:"US Priority",CASTD:"CA Standard",UKSTD:"UK Standard",AUSTD:"AU Standard",USGR:"US Ground",USIN:"US International"}},,,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return r})),a.d(t,"c",(function(){return i})),a.d(t,"b",(function(){return o}));var l=a(0),n=a.n(l);const r=n.a.createContext({currentUser:null,logout:()=>{},authenticate:e=>{},setCurrentUser:e=>{},store:null,setStore:e=>{},isMobile:!1,totalMappingOrder:void 0,setTotalMappingOrder:()=>{},backgroundImage:void 0,setBackgroundImage:()=>{}});function i(){return n.a.useContext(r)}const o=(e,t)=>{const a=n.a.createContext(t||{});function l(e){const{children:t,...l}=e,r=n.a.useMemo(()=>l,Object.values(l));return n.a.createElement(a.Provider,{value:r}," ",t)}return l.displayName=e+"Provider",[l,function(){const e=n.a.useContext(a);return e||(void 0!==t?e:{})}]}},function(e,t,a){"use strict";var l=a(167);t.a=Object(l.a)()},,,,function(e,t,a){"use strict";a.d(t,"sc",(function(){return l.H})),a.d(t,"me",(function(){return l.eb})),a.d(t,"b",(function(){return l.b})),a.d(t,"Xb",(function(){return l.z})),a.d(t,"Db",(function(){return l.v})),a.d(t,"Eb",(function(){return l.w})),a.d(t,"G",(function(){return l.m})),a.d(t,"Gd",(function(){return l.Z})),a.d(t,"nd",(function(){return l.W})),a.d(t,"Yc",(function(){return l.R})),a.d(t,"he",(function(){return l.bb})),a.d(t,"Mc",(function(){return l.M})),a.d(t,"we",(function(){return l.gb})),a.d(t,"W",(function(){return l.p})),a.d(t,"t",(function(){return l.i})),a.d(t,"B",(function(){return l.l})),a.d(t,"kc",(function(){return l.F})),a.d(t,"rc",(function(){return l.G})),a.d(t,"Oc",(function(){return l.N})),a.d(t,"cb",(function(){return l.q})),a.d(t,"Hb",(function(){return l.x})),a.d(t,"p",(function(){return l.g})),a.d(t,"Cb",(function(){return l.u})),a.d(t,"sd",(function(){return l.X})),a.d(t,"I",(function(){return l.n})),a.d(t,"ac",(function(){return l.A})),a.d(t,"ld",(function(){return l.U})),a.d(t,"Uc",(function(){return l.P})),a.d(t,"bd",(function(){return l.S})),a.d(t,"id",(function(){return l.T})),a.d(t,"U",(function(){return l.o})),a.d(t,"kb",(function(){return l.r})),a.d(t,"ec",(function(){return l.C})),a.d(t,"xb",(function(){return l.s})),a.d(t,"Ab",(function(){return l.t})),a.d(t,"y",(function(){return l.j})),a.d(t,"md",(function(){return l.V})),a.d(t,"dc",(function(){return l.B})),a.d(t,"fc",(function(){return l.D})),a.d(t,"je",(function(){return l.cb})),a.d(t,"Ac",(function(){return l.I})),a.d(t,"Bc",(function(){return l.J})),a.d(t,"Mb",(function(){return l.y})),a.d(t,"A",(function(){return l.k})),a.d(t,"jc",(function(){return l.E})),a.d(t,"Pc",(function(){return l.O})),a.d(t,"q",(function(){return l.h})),a.d(t,"Xc",(function(){return l.Q})),a.d(t,"qe",(function(){return l.fb})),a.d(t,"Cd",(function(){return l.Y})),a.d(t,"n",(function(){return l.f})),a.d(t,"xe",(function(){return l.hb})),a.d(t,"Jc",(function(){return l.K})),a.d(t,"a",(function(){return l.a})),a.d(t,"ke",(function(){return l.db})),a.d(t,"m",(function(){return l.e})),a.d(t,"Kc",(function(){return l.L})),a.d(t,"Od",(function(){return l.ab})),a.d(t,"vb",(function(){return r})),a.d(t,"ub",(function(){return i})),a.d(t,"ye",(function(){return o}
1)),a.d(t,"Cc",(function(){return s})),a.d(t,"N",(function(){return c})),a.d(t,"yc",(function(){return u})),a.d(t,"dd",(function(){return d})),a.d(t,"Zb",(function(){return m})),a.d(t,"vd",(function(){return p})),a.d(t,"K",(function(){return g})),a.d(t,"Tc",(function(){return A})),a.d(t,"S",(function(){return b})),a.d(t,"i",(function(){return h})),a.d(t,"Vd",(function(){return f})),a.d(t,"Sb",(function(){return v})),a.d(t,"xc",(function(){return E})),a.d(t,"Gc",(function(){return y})),a.d(t,"eb",(function(){return C})),a.d(t,"Hc",(function(){return k})),a.d(t,"Ec",(function(){return O})),a.d(t,"Jd",(function(){return j})),a.d(t,"wd",(function(){return w})),a.d(t,"Sd",(function(){return S})),a.d(t,"F",(function(){return I})),a.d(t,"c",(function(){return B})),a.d(t,"Zd",(function(){return D})),a.d(t,"Fc",(function(){return P})),a.d(t,"Nb",(function(){return x})),a.d(t,"Td",(function(){return M})),a.d(t,"hd",(function(){return T})),a.d(t,"wc",(function(){return Q})),a.d(t,"M",(function(){return R})),a.d(t,"P",(function(){return F})),a.d(t,"d",(function(){return N})),a.d(t,"Ub",(function(){return U})),a.d(t,"Rb",(function(){return L})),a.d(t,"Lc",(function(){return V})),a.d(t,"Rc",(function(){return z})),a.d(t,"Yd",(function(){return q})),a.d(t,"Wd",(function(){return H})),a.d(t,"Dd",(function(){return $})),a.d(t,"h",(function(){return _})),a.d(t,"Yb",(function(){return G})),a.d(t,"Id",(function(){return K})),a.d(t,"zc",(function(){return J})),a.d(t,"lc",(function(){return Y})),a.d(t,"Qd",(function(){return W})),a.d(t,"hb",(function(){return Z})),a.d(t,"Md",(function(){return X})),a.d(t,"Fb",(function(){return ee})),a.d(t,"j",(function(){return te})),a.d(t,"ed",(function(){return ae})),a.d(t,"ae",(function(){return le})),a.d(t,"Q",(function(){return ne})),a.d(t,"Gb",(function(){return re})),a.d(t,"nc",(function(){return ie})),a.d(t,"pc",(function(){return oe})),a.d(t,"oc",(function(){return se})),a.d(t,"qc",(function(){return ce})),a.d(t,"Ud",(function(){return ue})),a.d(t,"Xd",(function(){return de})),a.d(t,"be",(function(){return me})),a.d(t,"Rd",(function(){return pe})),a.d(t,"Ib",(function(){return ge})),a.d(t,"fe",(function(){return Ae})),a.d(t,"E",(function(){return be})),a.d(t,"wb",(function(){return he})),a.d(t,"Y",(function(){return fe})),a.d(t,"Z",(function(){return ve})),a.d(t,"Kd",(function(){return Ee})),a.d(t,"de",(function(){return ye})),a.d(t,"re",(function(){return Ce})),a.d(t,"ze",(function(){return ke})),a.d(t,"J",(function(){return Oe})),a.d(t,"xd",(function(){return je})),a.d(t,"H",(function(){return we})),a.d(t,"ab",(function(){return Se})),a.d(t,"bb",(function(){return Ie})),a.d(t,"Ld",(function(){return Be})),a.d(t,"hc",(function(){return De})),a.d(t,"T",(function(){return xe})),a.d(t,"Ed",(function(){return Me})),a.d(t,"sb",(function(){return Te})),a.d(t,"w",(function(){return Qe})),a.d(t,"o",(function(){return Re})),a.d(t,"tb",(function(){return Fe})),a.d(t,"s",(function(){return Ne})),a.d(t,"R",(function(){return Ue})),a.d(t,"zb",(function(){return Le})),a.d(t,"x",(function(){return Ve})),a.d(t,"ne",(function(){return ze})),a.d(t,"mc",(function(){return qe})),a.d(t,"tc",(function(){return He})),a.d(t,"Qb",(function(){return $e})),a.d(t,"Tb",(function(){return _e})),a.d(t,"ib",(function(){return Ge})),a.d(t,"cd",(function(){return Ke})),a.d(t,"yd",(function(){return Je})),a.d(t,"zd",(function(){return Ye})),a.d(t,"vc",(function(){return We})),a.d(t,"uc",(function(){return Ze})),a.d(t,"Pb",(function(){return Xe})),a.d(t,"Bd",(function(){return et})),a.d(t,"Ad",(function(){return tt})),a.d(t,"L",(function(){return at})),a.d(t,"qb",(function(){return lt})),a.d(t,"r",(function(){return nt})),a.d(t,"e",(function(){return rt})),a.d(t,"v",(function(){return it})),a.d(t,"Ic",(function(){return ot})),a.d(t,"jb",(function(){return st})),a.d(t,"pe",(function(){return ct})),a.d(t,"u",(function(){return ut})),a.d(t,"Vb",(function(){return dt})),a.d(t,"gc",(function(){return mt})),a.d(t,"oe",(function(){return pt})),a.d(t,"Vc",(function(){return gt})),a.d(t,"D",(function(){return At})),a.d(t,"Zc",(function(){return bt})),a.d(t,"rb",(function(){return ht})),a.d(t,"ge",(function(){return ft})),a.d(t,"fb",(function(){return vt})),a.d(t,"ie",(function(){return Et})),a.d(t,"Ob",(function(){return yt})),a.d(t,"le",(function(){return Ct})),a.d(t,"Sc",(function(){return kt})),a.d(t,"ee",(function(){return Ot.i})),a.d(t,"V",(function(){return Ot.a})),a.d(t,"Fd",(function(){return Ot.f})),a.d(t,"X",(function(){return Ot.b})),a.d(t,"Hd",(function(){return Ot.g})),a.d(t,"Kb",(function(){return Ot.e})),a.d(t,"db",(function(){return Ot.c})),a.d(t,"Nd",(function(){return Ot.h})),a.d(t,"yb",(function(){return Ot.d})),a.d(t,"ob",(function(){return jt})),a.d(t,"te",(function(){return wt})),a.d(t,"pb",(function(){return St})),a.d(t,"f",(function(){return It})),a.d(t,"fd",(function(){return Bt})),a.d(t,"ue",(function(){return Dt})),a.d(t,"td",(function(){return Pt})),a.d(t,"ud",(function(){return xt})),a.d(t,"ce",(function(){return Mt})),a.d(t,"l",(function(){return Tt})),a.d(t,"O",(function(){return Qt})),a.d(t,"gd",(function(){return Rt})),a.d(t,"rd",(function(){return Ft})),a.d(t,"qd",(function(){return Nt})),a.d(t,"Lb",(function(){return Ut})),a.d(t,"od",(function(){return Lt})),a.d(t,"pd",(function(){return Vt})),a.d(t,"Dc",(function(){return zt})),a.d(t,"ve",(function(){return qt.g})),a.d(t,"Pd",(function(){return qt.f})),a.d(t,"Jb",(function(){return qt.b})),a.d(t,"ad",(function(){return qt.d})),a.d(t,"Ae",(function(){return qt.h})),a.d(t,"ic",(function(){return qt.c})),a.d(t,"jd",(function(){return qt.e})),a.d(t,"Be",(function(){return qt.i})),a.d(t,"Qc",(function(){return Ht})),a.d(t,"mb",(function(){return $t.e})),a.d(t,"lb",(function(){return $t.d})),a.d(t,"se",(function(){return $t.p})),a.d(t,"Bb",(function(){return $t.g})),a.d(t,"Wb",(function(){return $t.i})),a.d(t,"nb",(function(){return $t.f})),a.d(t,"z",(function(){return $t.b})),a.d(t,"bc",(function(){return $t.j})),a.d(t,"C",(function(){return $t.c})),a.d(t,"Nc",(function(){return $t.l})),a.d(t,"Wc",(function(){return $t.m})),a.d(t,"cc",(function(){return $t.k})),a.d(t,"k",(function(){return _t})),a.d(t,"g",(function(){return Gt})),a.d(t,"kd",(function(){return Kt})),a.d(t,"gb",(function(){return Jt}));a(652);var l=a(656),n=a(35);const r=n.a` 2 mutation deleteFile($id: ID!, $deleteAmz: Boolean) { 3 deleteFile(id: $id, deleteAmz: $deleteAmz) 4 } 5`,i=n.a` 6 mutation deleteFile($id: ID!) { 7 deleteFile(id: $id) 8 } 9`,o=(n.a` 10 mutation generatePsdPreviewImage($fileID: String) { 11 generatePsdPreviewImage(fileID: $fileID) { 12 id 13 name 14 url 15 thumbnailUrl 16 } 17 } 18`,n.a` 19 mutation deleteFile($id: ID!, $deleteAmz: Boolean) { 20 deleteFile(id: $id, deleteAmz: $deleteAmz) 21 } 22`,n.a` 23 mutation uploadOrderDesign( 24 $id: ID! 25 $input: [NewUploadOrderDesign!]! 26 $cancelOtherTask: Boolean! 27 ) { 28 uploadOrderDesign( 29 id: $id 30 input: $input 31 cancelOtherTask: $cancelOtherTask 32 ) 33 } 34`),s=(n.a` 35 mutation updateOrder($input: EditOrder!) { 36 updateOrder(input: $input) 37 } 38`,n.a` 39 mutation pauseOrder($id: ID!, $pause: Boolean!) { 40 pauseOrder(id: $id, pause: $pause) 41 } 42`),c=n.a` 43 mutation chargeBaseCost($orderIds: [ID!]!) { 44 chargeBaseCost(orderIds: $orderIds) 45 } 46`,u=n.a` 47 mutation passOnHold($orderIds: [ID!]!) { 48 passOnHold(orderIds: $orderIds) 49 } 50`,d=n.a` 51 mutation reSubmitOrderToFulfillment($orderId: ID!) { 52 reSubmitOrderToFulfillment(orderId: $orderId) 53 } 54`,m=n.a` 55 mutation forcePauseOrder($orderId: ID!) { 56 forcePauseOrder(orderId: $orderId) 57 } 58`,p=(n.a` 59 mutation createTracking($input: NewTracking!) { 60 createTracking(input: $input) { 61 id 62 status 63 code 64 newCode 65 comment 66 } 67 } 68`,n.a` 69 mutation updateOrderTracking($orderId: ID!, $code: String!) { 70 updateOrderTracking(orderId: $orderId, code: $code) 71 } 72`,n.a` 73 mutation switchFulfillment($input: SwitchFulfillmentInput!) { 74 switchFulfillment(input: $input) 75 } 76`),g=n.a` 77 mutation cancelOrder( 78 $orderId: ID 79 $originId: ID 80 $related: Boolean! 81 $cancelOrderStore: Boolean! 82 ) { 83 cancelOrder( 84 orderId: $orderId 85 originId: $originId 86 related: $related 87 cancelOrderStore: $cancelOrderStore 88 ) { 89 id 90 status 91 originId 92 } 93 } 94`,A=n.a` 95 mutation reTrackFulfillmentOrder($orderId: ID!) { 96 reTrackFulfillmentOrder(orderId: $orderId) 97 } 98`,b=(n.a` 99 mutation adminCreateTracking($input: NewTracking!) { 100 adminCreateTracking(input: $input) { 101 id 102 status 103 code 104 } 105 } 106`,n.a` 107 mutation createClaim($input: NewClaim!) { 108 createClaim(input: $input) { 109 id 110 type 111 comment 112 status 113 } 114 } 115`),h=(n.a` 116 mutation adminRecreateOrderFulfillment($orderId: ID!) { 117 adminRecreateOrderFulfillment(orderId: $orderId) 118 } 119`,n.a` 120 mutation adminRevertMappingOrder($orderId: ID!, $storeId: ID) { 121 adminRevertMappingOrder(orderId: $orderId, storeId: $storeId) 122 } 123`),f=n.a`
124 mutation updateOrderDesign($id: ID!, $input: [NewUploadOrderDesign!]!) { 125 updateOrderDesign(id: $id, input: $input) 126 } 127`,v=n.a` 128 mutation fetchMerchizeTracking($fulfillmentOrderIDs: [ID!]) { 129 fetchMerchizeTracking(fulfillmentOrderIDs: $fulfillmentOrderIDs) 130 } 131`,E=n.a` 132 mutation ordersRefund($ids: [ID!]) { 133 ordersRefund(ids: $ids) 134 } 135`,y=n.a` 136 mutation refreshTotalSale($ids: [ID!]) { 137 refreshTotalSale(ids: $ids) 138 } 139`,C=n.a` 140 mutation createManualOrder($input: NewManualOrder!) { 141 createManualOrder(input: $input) { 142 id 143 } 144 } 145`,k=n.a` 146 mutation refundOrderFacebook($id: String!) { 147 refundOrderFacebook(id: $id) { 148 id 149 } 150 } 151`,O=n.a` 152 mutation markProductDesignCheckedByQC($orderId: ID!) { 153 markProductDesignCheckedByQC(orderId: $orderId) { 154 id 155 designCheckedByQC 156 } 157 } 158`,j=n.a` 159 mutation updateEmailCustomer($orderId: ID!, $email: String!) { 160 updateEmailCustomer(orderId: $orderId, email: $email) { 161 id 162 email 163 } 164 } 165`,w=n.a` 166 mutation switchStoreForOrder($originIds: [String!]!, $storeId: ID!) { 167 switchStoreForOrder(originIds: $originIds, storeId: $storeId) 168 } 169`,S=(n.a` 170 mutation exportOrdersByTemplateOfChinaSup( 171 $filter: OrderFilter! 172 $emailToReceiveFileUrl: String 173 ) { 174 exportOrdersByTemplateOfChinaSup( 175 filter: $filter 176 emailToReceiveFileUrl: $emailToReceiveFileUrl 177 ) 178 } 179`,n.a` 180 mutation updateOrder3rdFulfillmentShipping( 181 $orderId: ID! 182 $newShippingOption: String 183 ) { 184 updateOrder3rdFulfillmentShipping( 185 orderId: $orderId 186 newShippingOption: $newShippingOption 187 ) { 188 id 189 } 190 } 191`),I=n.a` 192 mutation bulkUpdateOrder3rdFulfillmentShipping( 193 $orderIds: [ID!]! 194 $newShippingOption: String 195 ) { 196 bulkUpdateOrder3rdFulfillmentShipping( 197 orderIds: $orderIds 198 newShippingOption: $newShippingOption 199 ) 200 } 201`,B=n.a` 202 mutation addNoteByDev($input: AddNoteByDevInput!) { 203 addNoteByDev(input: $input) 204 } 205`,D=n.a` 206 mutation updateOrderRevenue( 207 $orderId: ID! 208 $storeId: ID! 209 $revenue: Float! 210 ) { 211 updateOrderRevenue( 212 orderId: $orderId 213 storeId: $storeId 214 revenue: $revenue 215 ) 216 } 217`,P=n.a` 218 mutation refetchPrintifyOrderInfo($orderID: ID!) { 219 refetchPrintifyOrderInfo(orderID: $orderID) 220 } 221`,x=n.a` 222 mutation exportOrders($filter: ExportOrderFilter!) { 223 exportOrders(filter: $filter) { 224 id 225 file { 226 id 227 url 228 } 229 createdAt 230 } 231 } 232`,M=n.a` 233 mutation updateOrderCost($input: UpdateOrderCost!) { 234 updateOrderCost(input: $input) { 235 id 236 } 237 } 238`,T=(n.a` 239 mutation sellerExportOrder($input: NewSellerExportOrder!) { 240 sellerExportOrder(input: $input) 241 } 242`,n.a` 243 mutation sellerExportOrderV2($input: NewSellerExportOrder!) { 244 sellerExportOrderV2(input: $input) 245 } 246`),Q=n.a` 247 mutation markUsedCalcOrderCost($ids: [ID!]!, $used: Boolean!) { 248 markUsedCalcOrderCost(ids: $ids, used: $used) 249 } 250`,R=n.a` 251 mutation changeProductOfOrder($input: ChangeProductOfOrder!) { 252 changeProductOfOrder(input: $input) 253 } 254`,F=n.a` 255 mutation cloneOrderToResend($input: CloneOrderToResend!) { 256 cloneOrderToResend(input: $input) 257 } 258`,N=n.a` 259 mutation addOrderNote($id: ID!, $note: String) { 260 addOrderNote(id: $id, note: $note) 261 } 262`,U=n.a` 263 mutation fetchOrderFulfillmentStatus($orderId: ID!) { 264 fetchOrderFulfillmentStatus(orderId: $orderId) 265 } 266`,L=n.a` 267 mutation fetchFulfillmentOrderStats { 268 fetchFulfillmentOrderStats 269 } 270`,V=n.a` 271 mutation rejectCurrentDesign($orderID: ID!, $rejectReason: String!) { 272 rejectCurrentDesign(orderID: $orderID, rejectReason: $rejectReason) 273 } 274`,z=n.a`
275 mutation reportPlatformSaleStats($input: ReportPlatformSaleStatsInput!) { 276 reportPlatformSaleStats(input: $input) 277 } 278`,q=n.a` 279 mutation updateOrderQuantity($orderID: ID!, $qty: Int!) { 280 updateOrderQuantity(orderID: $orderID, qty: $qty) 281 } 282`,H=n.a` 283 mutation updateOrderOriginQuantity($orderID: ID!, $originQty: Int!) { 284 updateOrderOriginQuantity(orderID: $orderID, originQty: $originQty) 285 } 286`,$=n.a` 287 mutation updateCarrierForSupChina($orderID: ID!, $carrierID: ID!) { 288 updateCarrierForSupChina(orderID: $orderID, carrierID: $carrierID) 289 } 290`,_=n.a` 291 mutation adminRecreateOrderFulfillmentV2( 292 $orderId: ID! 293 $resendRelatedOrder: Boolean 294 $markPause: Boolean 295 $relatedOrderIds: [ID!] 296 ) { 297 adminRecreateOrderFulfillmentV2( 298 orderId: $orderId 299 resendRelatedOrder: $resendRelatedOrder 300 markPause: $markPause 301 relatedOrderIds: $relatedOrderIds 302 ) 303 } 304`,G=n.a` 305 mutation forceCreateOrderLabel($orderID: String!) { 306 forceCreateOrderLabel(orderID: $orderID) 307 } 308`,K=n.a` 309 mutation updateDocUrl($orderIDs: [String!]!, $docUrl: String!) { 310 updateDocUrl(orderIDs: $orderIDs, docUrl: $docUrl) 311 } 312`,J=n.a` 313 mutation passOnHoldUseThirdParty($orderIds: [ID!]!) { 314 passOnHoldUseThirdParty(orderIds: $orderIds) 315 } 316`,Y=n.a` 317 mutation markAwaitingBuyerInfo( 318 $mappingOrderIDs: [ID!]! 319 $platform: String 320 $action: String 321 ) { 322 markAwaitingBuyerInfo( 323 mappingOrderIDs: $mappingOrderIDs 324 platform: $platform 325 action: $action 326 ) 327 } 328`,W=n.a` 329 mutation updateMappingOrderNote( 330 $mappingOrderIDs: [ID!]! 331 $platform: String 332 $content: String 333 ) { 334 updateMappingOrderNote( 335 mappingOrderIDs: $mappingOrderIDs 336 platform: $platform 337 content: $content 338 ) 339 } 340`,Z=n.a` 341 mutation createProductOrderFromMapping($input: NewProductMapping!) { 342 createProductOrderFromMapping(input: $input) { 343 id 344 title 345 } 346 } 347`,X=n.a` 348 mutation updateFulfillmentWarehouse( 349 $orderID: String! 350 $newFulfillmentWarehouse: String! 351 ) { 352 updateFulfillmentWarehouse( 353 orderID: $orderID 354 newFulfillmentWarehouse: $newFulfillmentWarehouse 355 ) 356 } 357`,ee=n.a` 358 mutation disabledAutoMapOrderLater($orderIDs: [String!]!) { 359 disabledAutoMapOrderLater(orderIDs: $orderIDs) 360 } 361`,te=n.a` 362 mutation adminRevertMappingOrders($orderIds: [ID!]!) { 363 adminRevertMappingOrders(orderIds: $orderIds) 364 } 365`,ae=n.a` 366 mutation reTrackFulfillmentOrderByOrderIds($orderIds: [ID!]!) { 367 reTrackFulfillmentOrderByOrderIds(orderIds: $orderIds) 368 } 369`,le=n.a` 370 mutation updateOrderShipping($input: UpdateOrderShippingInput!) { 371 updateOrderShipping(input: $input) 372 } 373`,ne=n.a` 374 mutation combineOrder($targetOriginID: ID!, $orderIDs: [ID!]) { 375 combineOrder(targetOriginID: $targetOriginID, orderIDs: $orderIDs) 376 } 377`,re=n.a` 378 mutation duplicateMappingOrder($input: DuplicateMappingOrderInput!) { 379 duplicateMappingOrder(input: $input) 380 } 381`,ie=n.a` 382 mutation markMappingOrderLabel($ids: [ID!]!, $isLabel: Boolean!) { 383 markMappingOrderLabel(ids: $ids, isLabel: $isLabel) 384 } 385`,oe=n.a` 386 mutation markOrderLabel($ids: [ID!]!, $isLabel: Boolean!) { 387 markOrderLabel(ids: $ids, isLabel: $isLabel) 388 } 389`,se=n.a` 390 mutation markMappingOrderLabelSplitTag($ids: [ID!]!, $isSplit: Boolean!) { 391 markMappingOrderLabelSplitTag(ids: $ids, isSplit: $isSplit) 392 } 393`,ce=n.a` 394 mutation markOrderLabelSplitTag($ids: [ID!]!, $isSplit: Boolean!) { 395 markOrderLabelSplitTag(ids: $ids, isSplit: $isSplit) 396 } 397`,ue=n.a` 398 mutation updateOrderCostManual( 399 $id: ID! 400 $baseCost: Float 401 $shippingCost: Float 402 ) { 403 updateOrderCostManual( 404 id: $id 405 baseCost: $baseCost 406 shippingCost: $shippingCost 407 ) 408 } 409`,de=n.a` 410 mutation updateOrderPrintingMethod($ids: [ID!]!, $printingMethod: String!) { 411 updateOrderPrintingMethod(ids: $ids, printingMethod: $printingMethod) 412 } 413`,me=n.a` 414 mutation updateOrderShippingLabel( 415 $ids: [ID!]! 416 $shippingLabel: ShippingLabelInput! 417 ) { 418 updateOrderShippingLabel(ids: $ids, shippingLabel: $shippingLabel) 419 } 420`,pe=n.a` 421 mutation updateMappingOrderQuantity($ids: [ID!]!, $quantity: Int!) { 422 updateMappingOrderQuantity(ids: $ids, quantity: $quantity) 423 } 424`,ge=n.a` 425 mutation enabled48HFulfillment($ids: [ID!]!, $enabled: Boolean!) { 426 enabled48HFulfillment(ids: $ids, enabled: $enabled) 427 } 428`,Ae=n.a` 429 mutation updateProductBaseShippingOptionForOrder($ids: [ID!]!, $shippingOption: String!) { 430 updateProductBaseShippingOptionForOrder(ids: $ids, shippingOption: $shippingOption) 431 } 432`,be=n.a` 433 mutation bulkSwitchFulfillment($input: BulkSwitchFulfillmentInput!) { 434 bulkSwitchFulfillment(input: $input) { 435 Switched 436 Messages { 437 id 438 error 439 } 440 } 441 } 442`,he=n.a` 443 mutation deleteFulfillmentConfigure($slug: String!, $storeId: String) { 444 deleteFulfillmentConfigure(slug: $slug, storeId: $storeId) 445 } 446`,fe=n.a` 447 mutation createFulfillmentConfigure($input: NewFulfillmentConfig!) { 448 createFulfillmentConfigure(input: $input) { 449 id 450 fulfillmentId 451 apiKey 452 apiSecret 453 } 454 } 455`,ve=n.a`
456 mutation createFulfillmentConfigureWithStores($input: NewFulfillmentConfigWithStores!) { 457 createFulfillmentConfigureWithStores(input: $input) { 458 id 459 fulfillmentId 460 apiKey 461 apiSecret 462 } 463 } 464`,Ee=n.a` 465 mutation updateFulfillmentConfigure($input: UpdateFulfillmentConfig!) { 466 updateFulfillmentConfigure(input: $input) { 467 id 468 } 469 } 470`,ye=n.a` 471 mutation updatePrintifyAutoProduction( 472 $appIntegrationID: ID! 473 $isAutoProduction: Boolean! 474 ) { 475 updatePrintifyAutoProduction( 476 appIntegrationID: $appIntegrationID 477 isAutoProduction: $isAutoProduction 478 ) { 479 id 480 } 481 } 482`,Ce=n.a` 483 mutation updateTeezilyAutoProduction( 484 $appIntegrationID: ID! 485 $isAutoProduction: Boolean! 486 ) { 487 updateTeezilyAutoProduction( 488 appIntegrationID: $appIntegrationID 489 isAutoProduction: $isAutoProduction 490 ) { 491 id 492 } 493 } 494`,ke=n.a` 495 mutation validateBurgerPrintsApiKey($apiKey: String!) { 496 validateBurgerPrintsApiKey(apiKey: $apiKey) 497 } 498`,Oe=n.a` 499 mutation cancelInFulfillmentService($orderID: String!) { 500 cancelInFulfillmentService(orderID: $orderID) 501 } 502`,je=n.a` 503 mutation syncDreamshipStatus($orderID: String!) { 504 syncDreamshipStatus(orderID: $orderID) 505 } 506`,we=(n.a` 507 mutation createOrderLabelForCustomFulfillment($orderIDs: [String!]!) { 508 createOrderLabelForCustomFulfillment(orderIDs: $orderIDs) 509 } 510`,n.a` 511 mutation buyTiktokOrderLabel($orderIDs: [String!]!) { 512 buyTiktokOrderLabel(orderIDs: $orderIDs) 513 } 514`),Se=n.a` 515 mutation createFulfillmentProduct($input: FulfillmentProductCreateInput!) { 516 createFulfillmentProduct(input: $input) { 517 id 518 title 519 fulfillmentId 520 description 521 } 522 } 523`,Ie=n.a` 524 mutation createFulfillmentProductMockups($input: [FulfillmentProductMockupCreateInput!]!) { 525 createFulfillmentProductMockups(input: $input) 526 } 527`,Be=n.a` 528 mutation updateFulfillmentProductMockups($input: [FulfillmentProductMockupUpdateInput!]!) { 529 updateFulfillmentProductMockups(input: $input) 530 } 531`,De=n.a` 532 mutation lenfulLoginAndGetStores($userName: String!, $password: String!) { 533 lenfulLoginAndGetStores(userName:$userName, password: $password) { 534 token 535 stores { 536 id 537 name 538 } 539 } 540 } 541`;var Pe=a(43);const xe=n.a` 542 mutation createComment($input: NewComment!) { 543 createComment(input: $input) { 544 ...TaskCommentFragment 545 } 546 } 547 ${Pe.A} 548`,Me=n.a` 549 mutation updateComment($input: EditComment!) { 550 updateComment(input: $input) { 551 ...TaskCommentFragment 552 } 553 } 554 ${Pe.A} 555`,Te=n.a` 556 mutation deleteComment($id: ID!) { 557 deleteComment(id: $id) 558 } 559`,Qe=n.a` 560 mutation bulkChangeTitleProductCrawlItem( 561 $ids: [ID!]! 562 $title: String! 563 $fbTitle: String 564 $amzTitle: String 565 ) { 566 bulkChangeTitleProductCrawlItem( 567 ids: $ids 568 title: $title 569 fbTitle: $fbTitle 570 amzTitle: $amzTitle 571 ) { 572 id 573 title 574 fbTitle 575 amzTitle 576 } 577 } 578`,Re=(n.a` 579 mutation createComplexAssortment( 580 $storeIds: [ID!] 581 $items: [NewComplexAssortmentItem!]! 582 ) { 583 createComplexAssortment(storeIds: $storeIds, items: $items) 584 } 585`,n.a` 586 mutation assignComplexProduct($input: NewAssignComplexProduct!) { 587 assignComplexProduct(input: $input) { 588 id 589 title 590 sku 591 } 592 } 593`),Fe=n.a` 594 mutation deleteComplexProductCrawlItem($id: ID!) { 595 deleteComplexProductCrawlItem(id: $id) 596 } 597`,Ne=n.a` 598 mutation assignToTemplate($input: NewAssignToTemplate!) { 599 assignToTemplate(input: $input) { 600 products { 601 id 602 title 603 sku 604 description 605 designStatus 606 personalized 607 status 608 productBases { 609 id 610 title 611 } 612 images { 613 id 614 productBaseId 615 file { 616 id 617 url 618 thumbnailUrl 619 } 620 } 621 tags { 622 id 623 name 624 } 625 collections { 626 id 627 name 628 } 629 fields { 630 id 631 title 632 name 633 type 634 extraFee 635 configure 636 sorting 637 } 638 } 639 success 640 failed 641 } 642 } 643`,Ue=n.a` 644 mutation createAccountSaleChannel($input: NewAccount!) { 645 createAccountSaleChannel(input: $input) { 646 ...StoreFragment 647 } 648 } 649 ${Pe.v} 650`,Le=n.a` 651 mutation deleteStore($id: ID!) { 652 deleteStore(id: $id) 653 } 654`,Ve=n.a` 655 mutation bulkDeleteStore($ids: [ID!]!) { 656 bulkDeleteStore(ids: $ids) 657 } 658`,ze=n.a` 659 mutation updateStore($input: EditStore!) { 660 updateStore(input: $input) { 661 ...StoreFragment 662 } 663 } 664 ${Pe.v} 665`,qe=n.a` 666 mutation markCheckpointStoreFacebook( 667 $emailStore: String! 668 $isCheckpoint: Boolean! 669 ) { 670 markCheckpointStoreFacebook( 671 emailStore: $emailStore 672 isCheckpoint: $isCheckpoint 673 ) { 674 ...StoreFragment 675 } 676 } 677 ${Pe.v} 678`,He=n.a` 679 mutation markPushedToStores( 680 $productID: ID! 681 $input: [MarkPushedToStoreConfig!] 682 ) { 683 markPushedToStores(productID: $productID, input: $input) { 684 productID 685 storeID 686 pushedProductID 687 storePlatform 688 } 689 } 690`,$e=n.a` 691 mutation fetchEtsyOrders($storeId: String!, $limit: Int) { 692 fetchEtsyOrders(storeId: $storeId, limit: $limit) 693 } 694`,_e=n.a` 695 mutation fetchOrder( 696 $storeId: String! 697 $orderId: String! 698 $lineItemID: String 699 ) { 700 fetchOrder( 701 storeId: $storeId 702 orderId: $orderId 703 lineItemID: $lineItemID 704 ) 705 } 706`,Ge=n.a` 707 mutation createShopifyStore($input: NewStore!) { 708 createShopifyStore(input: $input) { 709 id 710 title 711 domain 712 platform 713 } 714 } 715`,Ke=n.a` 716 mutation reGenStoreApiKey($ids: [ID!]!) { 717 reGenStoreApiKey(ids: $ids) { 718 id 719 apiKey 720 } 721 } 722`,Je=n.a` 723 mutation tiktokFetchOrdersById($storeID: String!, $ids: [String!]!) { 724 tiktokFetchOrdersById(storeID: $storeID, ids: $ids) 725 } 726`,Ye=n.a` 727 mutation tiktokFetchOrdersByStore($storeID: String!) { 728 tiktokFetchOrdersByStore(storeID: $storeID) 729 } 730`,We=n.a` 731 mutation markStoreDeactivated($storeId: ID!) { 732 markStoreDeactivated(storeId: $storeId) { 733 id 734 status 735 } 736 } 737`,Ze=n.a` 738 mutation markStoreActivated($storeId: ID!) { 739 markStoreActivated(storeId: $storeId) { 740 id 741 status 742 } 743 } 744`,Xe=n.a` 745 mutation exportTiktokProductByStore( 746 $storeID: String! 747 $emailToReceiveFileURL: String! 748 ) { 749 exportTiktokProductByStore( 750 storeID: $storeID 751 emailToReceiveFileURL: $emailToReceiveFileURL 752 ) 753 } 754`,et=n.a` 755 mutation tiktokFetchProductsByStore( 756 $storeID: String! 757 $needUpdate: Boolean 758 ) { 759 tiktokFetchProductsByStore(storeID: $storeID, needUpdate: $needUpdate) 760 } 761`,tt=n.a` 762 mutation tiktokFetchProductsByID( 763 $storeID: String! 764 $originIDs: [ID!]! 765 $needUpdate: Boolean 766 ) { 767 tiktokFetchProductsByID( 768 storeID: $storeID 769 originIDs: $originIDs 770 needUpdate: $needUpdate 771 ) 772 } 773`,at=n.a` 774 mutation changeDisabledAutoMap($storeID: ID!, $newValue: Boolean!) { 775 changeDisabledAutoMap(storeID: $storeID, newValue: $newValue) 776 } 777`,lt=n.a` 778 mutation deactiveTiktokPromotionByStore($storeIDs: [ID!]!) { 779 deactiveTiktokPromotionByStore(storeIDs: $storeIDs) 780 } 781`,nt=n.a` 782 mutation assignOwnerForStore($storeIDs: [ID!]!, $ownerIDs: [ID!]!) { 783 assignOwnerForStore(storeIDs: $storeIDs, ownerIDs: $ownerIDs) 784 } 785`,rt=n.a` 786 mutation addStoreToGroup($storeIDs: [ID!]!, $groupID: ID!) { 787 addStoreToGroup(storeIDs: $storeIDs, groupID: $groupID) 788 } 789`,it=n.a` 790 mutation bulkAssignToMarketplaceManager( 791 $storeIds: [ID!]! 792 $marketplaceManagerID: ID! 793 ) { 794 bulkAssignToMarketplaceManager( 795 storeIds: $storeIds 796 marketplaceManagerID: $marketplaceManagerID 797 ) 798 } 799`,ot=n.a` 800 mutation reIndexAllStoreOrders($storeID: ID!) { 801 reIndexAllStoreOrders(storeID: $storeID) 802 } 803`,st=n.a` 804 mutation createStoreType($input: CreateStoreTypeInput!) { 805 createStoreType(input: $input) { 806 id 807 label 808 } 809 } 810`,ct=n.a` 811 mutation updateStoreTypesForStore($storeID: ID!, $storeTypeIDs: [ID!]!) { 812 updateStoreTypesForStore(storeID: $storeID, storeTypeIDs: $storeTypeIDs) 813 } 814`,ut=n.a` 815 mutation bulkAssignToChannelMember($storeIDs: [ID!]!, $memberIDs: [ID!]) { 816 bulkAssignToChannelMember(storeIDs: $storeIDs, memberIDs: $memberIDs) 817 } 818`,dt=n.a` 819 mutation fetchShopbaseOrders( 820 $storeId: ID! 821 $paged: String 822 $startedTime: String 823 $perPage: String 824 ) { 825 fetchShopbaseOrders( 826 storeId: $storeId 827 paged: $paged 828 startedTime: $startedTime 829 perPage: $perPage 830 ) 831 } 832`,mt=n.a` 833 mutation importStoreDepositHistories( 834 $input: [ImportStoreDepositHistoryInput!]! 835 ) { 836 importStoreDepositHistories(input: $input) { 837 ...StoreDepositHistoryFragment 838 } 839 } 840 ${Pe.u} 841`,pt=n.a` 842 mutation updateStoreCurrency($ids: [ID!]!, $currency: String!) { 843 updateStoreCurrency(ids: $ids, currency: $currency) 844 } 845`,gt=n.a` 846 mutation reviewProductGen2dMockup( 847 $id: ID! 848 $isApprove: Boolean! 849 $fileIds: [ID!]! 850 ) { 851 reviewProductGen2dMockup( 852 id: $id 853 isApprove: $isApprove 854 fileIds: $fileIds 855 ) { 856 ...ProductGen2dMockupsFragment 857 } 858 } 859 ${Pe.j} 860`,At=n.a` 861 mutation bulkReviewProductGen2dMockup($ids: [ID!]!, $isApprove: Boolean!) { 862 bulkReviewProductGen2dMockup(ids: $ids, isApprove: $isApprove) { 863 ...ProductGen2dMockupsFragment 864 } 865 } 866 ${Pe.j} 867`,bt=n.a` 868 mutation regen2dMockup($ids: [ID!]!) { 869 regen2dMockup(ids: $ids) { 870 ...ProductGen2dMockupsFragment 871 } 872 } 873 ${Pe.j} 874`,ht=n.a` 875 mutation deleteProductGen2dMockup($ids: [ID!]!) { 876 deleteProductGen2dMockup(ids: $ids) 877 } 878`,ft=n.a` 879 mutation updateProductGen2dMockup($input: UpdateProductGen2dMockup!) { 880 updateProductGen2dMockup(input: $input) { 881 ...ProductGen2dMockupsFragment 882 } 883 } 884 ${Pe.j} 885`,vt=n.a` 886 mutation createNiche($input: NewNiche!) { 887 createNiche(input: $input) { 888 id 889 name 890 parentId 891 } 892 } 893`,Et=n.a` 894 mutation updateTemplate( 895 $id: ID! 896 $newContent: String 897 $defaultMockupIds: [ID!] 898 ) { 899 updateTemplate( 900 id: $id 901 newContent: $newContent 902 defaultMockupIds: $defaultMockupIds 903 ) { 904 id 905 name 906 slug 907 defaultMockupIds 908 data { 909 products { 910 description 911 } 912 } 913 } 914 } 915`,yt=(n.a`
916 mutation createPush($input: NewPush!) { 917 createPush(input: $input) { 918 id 919 title 920 continue 921 tags { 922 id 923 tag { 924 id 925 name 926 } 927 included 928 } 929 collections { 930 id 931 collection { 932 id 933 name 934 } 935 included 936 } 937 stores { 938 id 939 title 940 } 941 specialProducts 942 productBases 943 } 944 } 945`,n.a` 946 mutation exportProducts($filter: ProductFilter!) { 947 exportProducts(filter: $filter) 948 } 949`),Ct=n.a` 950 mutation updateReportWidgets( 951 $page: String 952 $col1Widgets: String! 953 $col2Widgets: String! 954 ) { 955 updateReportWidgets( 956 page: $page 957 col1Widgets: $col1Widgets 958 col2Widgets: $col2Widgets 959 ) { 960 col1 961 col2 962 } 963 } 964`,kt=n.a` 965 mutation resetReportWidgets($page: String) { 966 resetReportWidgets(page: $page) 967 } 968`;var Ot=a(460);const jt=n.a` 969 mutation createTrackingConfig($input: NewTrackingConfig!) { 970 createTrackingConfig(input: $input) { 971 ...TrackingConfigFragment 972 } 973 } 974 ${Pe.D} 975`,wt=n.a` 976 mutation updateTrackingConfig($input: EditTrackingConfig!) { 977 updateTrackingConfig(input: $input) { 978 ...TrackingConfigFragment 979 } 980 } 981 ${Pe.D} 982`,St=n.a` 983 mutation createTrackingCode($input: NewTrackingCode!) { 984 createTrackingCode(input: $input) { 985 id 986 trackingCode 987 } 988 } 989`,It=n.a` 990 mutation adminCreateTrackingCode($input: NewTrackingCode!) { 991 adminCreateTrackingCode(input: $input) { 992 id 993 status 994 trackingCode 995 } 996 } 997`,Bt=n.a` 998 mutation reTrackTrackingMore($id: ID!) { 999 reTrackTrackingMore(id: $id) 1000 } 1001`,Dt=n.a` 1002 mutation updateTrackingStatusV2($input: UpdateTrackingCode!) { 1003 updateTrackingStatusV2(input: $input) 1004 } 1005`,Pt=n.a` 1006 mutation submitToTrackingMoreV2($id: ID!) { 1007 submitToTrackingMoreV2(id: $id) 1008 } 1009`,xt=n.a` 1010 mutation submitTrackingToStoreV2($id: ID!) { 1011 submitTrackingToStoreV2(id: $id) 1012 } 1013`,Mt=n.a` 1014 mutation updateOrderTrackingV2($orderId: ID!, $codes: [String!]!) { 1015 updateOrderTrackingV2(orderId: $orderId, codes: $codes) 1016 } 1017`,Tt=n.a` 1018 mutation amazonExportConfirmShipmentV2($filter: AmazonExportConfirmShipmentFilter!) { 1019 amazonExportConfirmShipmentV2(filter: $filter) 1020 } 1021`,Qt=n.a` 1022 mutation updateTrackingV2($input: UpdateTracking!) { 1023 updateTrackingV2(input: $input) { 1024 id 1025 orderId 1026 type 1027 comment 1028 status 1029 } 1030 } 1031`,Rt=n.a` 1032 mutation saveMailchimp($apiKey: String!, $listId: String!) { 1033 saveMailchimp(apiKey: $apiKey, listId: $listId) { 1034 ...mailchimpFragment 1035 } 1036 } 1037 ${Pe.G} 1038`,Ft=n.a` 1039 mutation warningEmail($input: NewWarningEmail!) { 1040 warningEmail(input: $input) 1041 } 1042`,Nt=n.a` 1043 mutation setViewOriginFile($input: NewViewOriginFile!) {
1044 setViewOriginFile(input: $input) 1045 } 1046`,Ut=n.a` 1047 mutation enableStoreFulfillment($teamIds: [ID!]) { 1048 enableStoreFulfillment(teamIds: $teamIds) 1049 } 1050`,Lt=n.a` 1051 mutation setUsersPaymentAccountAccess($userIds: [ID!]) { 1052 setUsersPaymentAccountAccess(userIds: $userIds) 1053 } 1054`,Vt=n.a` 1055 mutation setVariable($input: NewVariable!) { 1056 setVariable(input: $input) { 1057 id 1058 key 1059 value 1060 } 1061 } 1062`,zt=n.a` 1063 mutation acceptProductBases($ids: [ID!]!) { 1064 acceptProductBases(ids: $ids) 1065 } 1066`;var qt=a(461);const Ht=n.a` 1067 mutation replaceFeed($input: ReplaceFeed) { 1068 replaceFeed(input: $input) 1069 } 1070`;var $t=a(328);const _t=n.a` 1071 mutation adminUnfrozenATeamViaInvoice($id: ID!) { 1072 adminUnfrozenATeamViaInvoice(id: $id) { 1073 id 1074 status 1075 } 1076 } 1077`,Gt=n.a` 1078 mutation adminFrozenATeamViaInvoice($id: ID!) { 1079 adminFrozenATeamViaInvoice(id: $id) { 1080 id 1081 status 1082 } 1083 } 1084`,Kt=n.a` 1085 mutation sendInvoiceAttachment($id: ID!, $fileIDs: [ID!]!) { 1086 sendInvoiceAttachment(id: $id, fileIDs: $fileIDs) 1087 } 1088`,Jt=n.a` 1089 mutation createOrUpdateInvoiceForSeller($input: CreateOrUpdateInvoiceForSellerInput!) { 1090 createOrUpdateInvoiceForSeller(input: $input) 1091 } 1092`},function(e,t,a){"use strict";a.d(t,"Wb",(function(){return r})),a.d(t,"c",(function(){return i})),a.d(t,"d",(function(){return o})),a.d(t,"e",(function(){return s})),a.d(t,"db",(function(){return c})),a.d(t,"Uc",(function(){return u})),a.d(t,"p",(function(){return d})),a.d(t,"C",(function(){return m})),a.d(t,"W",(function(){return p})),a.d(t,"Q",(function(){return g.c})),a.d(t,"Qc",(function(){return g.p})),a.d(t,"K",(function(){return g.a})),a.d(t,"L",(function(){return g.b})),a.d(t,"uc",(function(){return g.n})),a.d(t,"rc",(function(){return g.j})),a.d(t,"sc",(function(){return g.k})),a.d(t,"tc",(function(){return g.l})),a.d(t,"ac",(function(){return g.i})),a.d(t,"Oc",(function(){return g.o})),a.d(t,"R",(function(){return g.d})),a.d(t,"Vc",(function(){return g.q})),a.d(t,"qb",(function(){return g.g})),a.d(t,"Cb",(function(){return g.h})),a.d(t,"U",(function(){return g.f})),a.d(t,"T",(function(){return g.e})),a.d(t,"gb",(function(){return A})),a.d(t,"bc",(function(){return b})),a.d(t,"gc",(function(){return h})),a.d(t,"P",(function(){return f})),a.d(t,"fb",(function(){return v})),a.d(t,"hc",(function(){return E})),a.d(t,"ec",(function(){return y})),a.d(t,"Cc",(function(){return C})),a.d(t,"Dc",(function(){return k})),a.d(t,"Gc",(function(){return O})),a.d(t,"yc",(function(){return j})),a.d(t,"Fc",(function(){return w})),a.d(t,"Ec",(function(){return S})),a.d(t,"Bc",(function(){return I})),a.d(t,"zc",(function(){return B})),a.d(t,"hb",(function(){return D})),a.d(t,"mc",(function(){return P})),a.d(t,"wc",(function(){return x})),a.d(t,"lc",(function(){return M})),a.d(t,"vc",(function(){return T})),a.d(t,"oc",(function(){return Q})),a.d(t,"pc",(function(){return R})),a.d(t,"qc",(function(){return F})),a.d(t,"nc",(function(){return N})),a.d(t,"Ac",(function(){return U})),a.d(t,"xc",(function(){return L})),a.d(t,"Lc",(function(){return V})),a.d(t,"Ic",(function(){return z})),a.d(t,"Jc",(function(){return q})),a.d(t,"Mc",(function(){return H})),a.d(t,"Kc",(function(){return $})),a.d(t,"Nc",(function(){return _})),a.d(t,"mb",(function(){return G})),a.d(t,"V",(function(){return K})),a.d(t,"nb",(function(){return J})),a.d(t,"pb",(function(){return Y})),a.d(t,"Sc",(function(){return W})),a.d(t,"rb",(function(){return Z})),a.d(t,"Tb",(function(){return X})),a.d(t,"sb",(function(){return ee})),a.d(t,"kb",(function(){return te})),a.d(t,"v",(function(){return ae})),a.d(t,"jc",(function(){return le})),a.d(t,"q",(function(){return ne})),a.d(t,"kc",(function(){return re})),a.d(t,"r",(function(){return ie})),a.d(t,"G",(function(){return oe})),a.d(t,"Hc",(function(){return se})),a.d(t,"ub",(function(){return ce})),a.d(t,"B",(function(){return ue})),a.d(t,"l",(function(){return de})),a.d(t,"m",(function(){return me})),a.d(t,"b",(function(){return pe})),a.d(t,"tb",(function(){return ge})),a.d(t,"S",(function(){return Ae})),a.d(t,"vb",(function(){return be})),a.d(t,"zb",(function(){return he})),a.d(t,"Ab",(function(){return fe})),a.d(t,"u",(function(){return ve})),a.d(t,"H",(function(){return Ee})),a.d(t,"w",(function(){return ye})),a.d(t,"Rb",(function(){return Ce})),a.d(t,"k",(function(){return ke})),a.d(t,"wb",(function(){return Oe})),a.d(t,"Qb",(function(){return je})),a.d(t,"ic",(function(){return we})),a.d(t,"ob",(function(){return Se})),a.d(t,"Sb",(function(){return Ie})),a.d(t,"J",(function(){return Be})),a.d(t,"A",(function(){return De})),a.d(t,"xb",(function(){return Pe})),a.d(t,"yb",(function(){return xe})),a.d(t,"Zb",(function(){return Me})),a.d(t,"M",(function(){return Te})),a.d(t,"Tc",(function(){return Qe})),a.d(t,"Ob",(function(){return Re})),a.d(t,"Y",(function(){return Fe})),a.d(t,"Z",(function(){return Ne})),a.d(t,"ab",(function(){return Ue})),a.d(t,"y",(function(){return Le})),a.d(t,"s",(function(){return Ve})),a.d(t,"bb",(function(){return ze})),a.d(t,"cb",(function(){return qe})),a.d(t,"t",(function(){return He})),a.d(t,"F",(function(){return $e})),a.d(t,"g",(function(){return _e})),a.d(t,"x",(function(){return Ge})),a.d(t,"N",(function(){return Ke})),a.d(t,"Bb",(function(){return Je})),a.d(t,"O",(function(){return Ye})),a.d(t,"D",(function(){return We})),a.d(t,"jb",(function(){return Ze})),a.d(t,"z",(function(){return Xe})),a.d(t,"n",(function(){return et})),a.d(t,"h",(function(){return tt})),a.d(t,"X",(function(){return at})),a.d(t,"E",(function(){return lt})),a.d(t,"i",(function(){return nt})),a.d(t,"Nb",(function(){return rt})),a.d(t,"Pc",(function(){return it})),a.d(t,"I",(function(){return ot})),a.d(t,"Xb",(function(){return st})),a.d(t,"Vb",(function(){return ct})),a.d(t,"f",(function(){return ut})),a.d(t,"Pb",(function(){return dt})),a.d(t,"j",(function(){return mt})),a.d(t,"Ub",(function(){return pt})),a.d(t,"fc",(function(){return gt})),a.d(t,"lb",(function(){return bt})),a.d(t,"dc",(function(){return ht})),a.d(t,"cc",(function(){return ft})),a.d(t,"o",(function(){return vt})),a.d(t,"a",(function(){return Et})),a.d(t,"Hb",(function(){return yt})),a.d(t,"Rc",(function(){return Ct})),a.d(t,"Lb",(function(){return kt})),a.d(t,"Mb",(function(){return Ot})),a.d(t,"Kb",(function(){return jt})),a.d(t,"Db",(function(){return wt})),a.d(t,"Gb",(function(){return St})),a.d(t,"Fb",(function(){return It})),a.d(t,"Eb",(function(){return Bt})),a.d(t,"Jb",(function(){return Dt})),a.d(t,"Ib",(function(){return Pt})),a.d(t,"Yb",(function(){return xt})),a.d(t,"ib",(function(){return Mt})),a.d(t,"eb",(function(){return Tt}));var l=a(35),n=a(43);const r=l.a` 1093 query getWarningAddresses($filter: WarningAddressFilter!) { 1094 getWarningAddresses(filter: $filter) { 1095 total 1096 nodes { 1097 ...WarningAddressFragment 1098 } 1099 } 1100 } 1101 ${n.F} 1102`,i=(l.a` 1103 query getWarningAddress($id: ID!) { 1104 getWarningAddress(id: $id) { 1105 ...WarningAddressFragment 1106 } 1107 } 1108 ${n.F} 1109`,l.a` 1110 query complexProductAssortment($filter: ProductAssortmentFilter) { 1111 complexProductAssortment(filter: $filter) { 1112 total 1113 nodes { 1114 ...ComplexProductCrawlItemFragment 1115 } 1116 } 1117 } 1118 ${n.b} 1119`),o=l.a` 1120 query getComplexProductAssortmentById($id: ID!) {
1121 getComplexProductAssortmentById(id: $id) { 1122 ...ComplexProductCrawlItemFragment 1123 } 1124 } 1125 ${n.b} 1126`,s=l.a` 1127 query complexProductAssortmentDomains { 1128 complexProductAssortmentDomains { 1129 total 1130 nodes { 1131 domain 1132 } 1133 } 1134 } 1135`,c=l.a` 1136 query getProductAssortmentTaxonomy { 1137 getProductAssortmentTaxonomy { 1138 term 1139 taxonomies 1140 } 1141 } 1142`,u=l.a` 1143 query templates($filter: TemplateFilter) { 1144 templates(filter: $filter) { 1145 nodes { 1146 id 1147 name 1148 data { 1149 productBases { 1150 id 1151 title 1152 designPositions { 1153 id 1154 name 1155 } 1156 } 1157 } 1158 } 1159 } 1160 } 1161`,d=l.a` 1162 query getComments($filter: CommentFilter!) { 1163 getComments(filter: $filter) { 1164 total 1165 nodes { 1166 ...TaskCommentFragment 1167 } 1168 } 1169 } 1170 ${n.A} 1171`,m=l.a` 1172 query fileById($id: ID!) { 1173 fileById(id: $id) { 1174 ...FileFragment 1175 } 1176 } 1177 ${n.g} 1178`,p=l.a` 1179 query getPersonalFileUrl($key: String!) { 1180 getPersonalFileUrl(key: $key) 1181 } 1182`;var g=a(457);const A=l.a` 1183 fragment productBaseVariantFragment on ProductBaseVariantAttribute { 1184 name 1185 slug 1186 option 1187 } 1188 fragment ProductVariantFragment on ProductVariant { 1189 id 1190 productId 1191 productBaseVariantId 1192 productBaseVariant { 1193 id 1194 attributes { 1195 ...productBaseVariantFragment 1196 } 1197 productBase { 1198 id 1199 title 1200 } 1201 } 1202 image { 1203 id 1204 url 1205 thumbnailUrl 1206 } 1207 sku 1208 sorting 1209 disabled 1210 hasPsdInNas 1211 variantStores { 1212 id 1213 originId 1214 storeId 1215 productVariantId 1216 permalink 1217 } 1218 } 1219 1220 query getProductMapping($id: ID!) { 1221 getProductMapping(id: $id) { 1222 product { 1223 id 1224 sku 1225 mainImageId 1226 images { 1227 id 1228 file { 1229 id 1230 name 1231 url 1232 thumbnailUrl 1233 } 1234 } 1235 productBases { 1236 id 1237 title 1238 slug 1239 fulfillment { 1240 fulfillmentTitle 1241 } 1242 } 1243 variants { 1244 id 1245 ...ProductVariantFragment 1246 } 1247 designPositions { 1248 id 1249 file { 1250 id 1251 thumbnailUrl 1252 url 1253 } 1254 designPosition { 1255 id 1256 name 1257 } 1258 } 1259 fields { 1260 id 1261 title 1262 name 1263 sorting 1264 } 1265 } 1266 variantExistRelation { 1267 ...ProductVariantFragment 1268 } 1269 variantAvailableMapping { 1270 ...ProductVariantFragment 1271 } 1272 originVariantNeedMapping 1273 } 1274 } 1275`,b=l.a` 1276 query productUsingGen2dMockups($filter: ProductUsingGen2dMockupFilter) { 1277 productUsingGen2dMockups(filter: $filter) { 1278 total 1279 nodes { 1280 ...ProductGen2dMockupsFragment 1281 } 1282 aggeration 1283 } 1284 } 1285 ${n.j} 1286`,h=l.a` 1287 query productByID($id: ID!) {
1288 productByID(id: $id) { 1289 ...ProductGen2dMockupsFragment 1290 } 1291 } 1292 ${n.j} 1293`,f=l.a` 1294 fragment niche on Niche { 1295 id 1296 name 1297 } 1298 1299 query niches($filter: NicheFilter) { 1300 niches(filter: $filter) { 1301 total 1302 nodes { 1303 ...niche 1304 parent { 1305 ...niche 1306 parent { 1307 ...niche 1308 parent { 1309 ...niche 1310 parent { 1311 ...niche 1312 } 1313 } 1314 } 1315 } 1316 } 1317 } 1318 } 1319`,v=l.a` 1320 query getProductsByTitle( 1321 $title: String! 1322 $whichField: String! 1323 $productID: ID 1324 ) { 1325 getProductsByTitle( 1326 title: $title 1327 whichField: $whichField 1328 productID: $productID 1329 ) { 1330 total 1331 nodes { 1332 id 1333 } 1334 } 1335 } 1336`,E=l.a` 1337 query productVariantHasOrder($productVariantIds: [ID!]!) { 1338 productVariantHasOrder(productVariantIds: $productVariantIds) 1339 } 1340`,y=l.a` 1341 query productBaseOptions { 1342 productBaseOptions 1343 } 1344`,C=(l.a` 1345 query productProductBaseHasOrder($productId: ID!, $productBaseId: ID!) { 1346 productProductBaseHasOrder(productId: $productId, productBaseId: $productBaseId) 1347 } 1348`,l.a` 1349 query reportSaleByMarketplaceManagers( 1350 $filter: SaleByMarketplaceManagerFilter! 1351 ) { 1352 reportSaleByMarketplaceManagers(filter: $filter) { 1353 total 1354 totalSale 1355 nodes { 1356 ...SaleByMarketplaceManagerFragment 1357 } 1358 } 1359 } 1360 ${n.m} 1361`),k=l.a` 1362 query reportSaleByProducts($filter: SaleByProductFilter!) { 1363 reportSaleByProducts(filter: $filter) { 1364 total 1365 totalSale 1366 totalSystemProducts 1367 nodes { 1368 ...SaleByProductItemFragment 1369 } 1370 } 1371 } 1372 ${n.n} 1373`,O=l.a` 1374 query reportSaleByStoreManagers($filter: SaleByStoreManagerFilter!) { 1375 reportSaleByStoreManagers(filter: $filter) { 1376 total 1377 totalSale 1378 nodes { 1379 ...SaleByStoreManagerFragment 1380 } 1381 } 1382 } 1383 ${n.q} 1384`,j=l.a` 1385 query reportSaleByStoreSummaries($filter: SaleByStoreSummaryFilter!) { 1386 reportSaleByStoreSummaries(filter: $filter) { 1387 total 1388 totalSale 1389 nodes { 1390 storeId 1391 totalSale 1392 totalBaseCost 1393 totalRevenues 1394 store { 1395 id 1396 title 1397 } 1398 totalKpis { 1399 total 1400 totalKPIOnline 1401 totalKPIOffline 1402 totalKPIBot 1403 } 1404 currency 1405 netProfit 1406 sales 1407 totalSales 1408 refunds 1409 salesTaxPaidByBuyer 1410 vatPaidByBuyer 1411 buyerFee 1412 fees 1413 marketing 1414 deposit 1415 } 1416 } 1417 } 1418`,w=l.a` 1419 query reportSaleByStores($filter: SaleByStoreFilter!) { 1420 reportSaleByStores(filter: $filter) { 1421 total 1422 totalSale 1423 nodes { 1424 ...SaleByStoreFragment 1425 } 1426 } 1427 } 1428 ${n.p} 1429`,S=l.a` 1430 query reportSaleBySellers($filter: SaleBySellerFilter!) { 1431 reportSaleBySellers(filter: $filter) { 1432 total 1433 totalSale 1434 nodes { 1435 ...SaleBySellerFragment 1436 } 1437 } 1438 } 1439 ${n.o} 1440`,I=l.a` 1441 query reportKpiByDesigners($filter: KpiByDesignerFilter!) { 1442 reportKpiByDesigners(filter: $filter) { 1443 total 1444 totalDoneKpis 1445 totalDoneTasks 1446 nodes { 1447 ...KpiByDesignerFragment 1448 } 1449 } 1450 } 1451 ${n.i} 1452`,B=l.a` 1453 query reportSaleChanelOverview($filter: SaleChanelOverviewFilter!) { 1454 reportSaleChanelOverview(filter: $filter) { 1455 ...SaleChanelOverviewResultFragment 1456 } 1457 } 1458 ${n.r} 1459`,D=l.a` 1460 query getReportWidgets($page: String) { 1461 getReportWidgets(page: $page) { 1462 col1 1463 col2 1464 } 1465 } 1466`,P=l.a` 1467 query reportCreatedProductsByUser($filter: CreatedProductByUserFilter!) { 1468 reportCreatedProductsByUser(filter: $filter) { 1469 total 1470 totalProducts 1471 nodes { 1472 ...CreatedProductByUserItemFragment 1473 } 1474 } 1475 } 1476 ${n.e} 1477`,x=l.a` 1478 query reportSaleByGroups($filter: SaleByGroupFilter!) { 1479 reportSaleByGroups(filter: $filter) { 1480 total 1481 totalSale 1482 nodes { 1483 ...SaleByGroupItemFragment 1484 } 1485 } 1486 } 1487 ${n.l} 1488`,M=l.a` 1489 query reportCreatedIdeasByUser($filter: CreatedIdeaByUserFilter!) { 1490 reportCreatedIdeasByUser(filter: $filter) { 1491 total 1492 totalIdeas 1493 nodes { 1494 createById 1495 createBy { 1496 id 1497 firstName 1498 lastName 1499 } 1500 totalIdeas 1501 totalKpis 1502 IdeaByStatusItems { 1503 status 1504 totalIdeas 1505 totalKpis 1506 } 1507 } 1508 } 1509 } 1510`,T=l.a` 1511 query reportOrderTrackingOverview($filter: OrderTrackingOverviewFilter!) { 1512 reportOrderTrackingOverview(filter: $filter) { 1513 totalSale 1514 trackingStatusOverview { 1515 countRes 1516 trackStatus 1517 } 1518 } 1519 } 1520`,Q=l.a` 1521 query reportIdeaTasksByDesigner($filter: IdeaTasksByDesignerFilter!) { 1522 reportIdeaTasksByDesigner(filter: $filter) { 1523 total 1524 totalTask 1525 nodes { 1526 designerId 1527 designer { 1528 id 1529 firstName 1530 lastName 1531 } 1532 totalTasks 1533 totalKpis 1534 taskByStatusItems { 1535 status 1536 totalIdeas 1537 totalKpis 1538 } 1539 } 1540 } 1541 } 1542`,R=l.a` 1543 query reportIdeaTaskByStatus($filter: IdeaTaskByStatusFilter!) { 1544 reportIdeaTaskByStatus(filter: $filter) 1545 } 1546`,F=l.a` 1547 query reportKpiTaskByStorePlatform( 1548 $filter: ReportKpiTaskByStorePlatformFilter! 1549 ) { 1550 reportKpiTaskByStorePlatform(filter: $filter) { 1551 platform 1552 designerOffline 1553 designerOnline 1554 designerTeamOnline 1555 bot 1556 etsyDesigner 1557 etsyOnline 1558 pmeArtist 1559 } 1560 } 1561`,N=l.a` 1562 query reportFulfillCounter($filter: FulfillCounterFilter!) { 1563 reportFulfillCounter(filter: $filter) { 1564 totalSale 1565 nodes { 1566 fulfillName 1567 totalSale 1568 totalBaseCost 1569 } 1570 } 1571 } 1572`,U=l.a` 1573 query reportSaleChannelOverviewByProductID( 1574 $filter: SaleChannelOverviewByProductIDFilter! 1575 ) { 1576 reportSaleChannelOverviewByProductID(filter: $filter) { 1577 ...SaleChannelOverviewByProductIDtResultFragment 1578 } 1579 } 1580 ${n.s} 1581`,L=l.a` 1582 fragment SaleByProductBaseFrag on SaleByProductBase { 1583 baseID 1584 baseTitle 1585 totalSale 1586 totalBaseCost 1587 totalRevenues 1588 } 1589 1590 query reportSaleByProductBases($filter: SaleByProductBaseFilter!) { 1591 reportSaleByProductBases(filter: $filter) { 1592 etsy { 1593 ...SaleByProductBaseFrag 1594 } 1595 ebay { 1596 ...SaleByProductBaseFrag 1597 } 1598 amazon { 1599 ...SaleByProductBaseFrag 1600 } 1601 tiktok { 1602 ...SaleByProductBaseFrag 1603 } 1604 facebook { 1605 ...SaleByProductBaseFrag 1606 } 1607 onlineStore { 1608 ...SaleByProductBaseFrag 1609 } 1610 aggregations { 1611 platform 1612 totalSale 1613 totalBaseCost 1614 totalRevenues 1615 } 1616 } 1617 } 1618`,V=l.a` 1619 query getTiktokReport( $filter: TiktokReportFilter! ) { 1620 getTiktokReport(filter: $filter) { 1621 crawlItems { 1622 totalItems 1623 totalItemsPushed 1624 totalItemsPushedViaAPI 1625 totalItemsExportedViaExcel 1626 } 1627 mbProducts { 1628 totalItems 1629 totalItemsPushed 1630 totalItemsPushedViaAPI 1631 totalItemsExportedViaExcel 1632 } 1633 stores { 1634 id 1635 title 1636 totalOrders 1637 totalPushedItems 1638 } 1639 groups { 1640 id 1641 title 1642 totalOrders 1643 totalPushedItems 1644 } 1645 managers { 1646 id 1647 fullName 1648 teamRole 1649 totalStores 1650 totalOrders 1651 totalPushedItems 1652 } 1653 teams { 1654 id 1655 name 1656 totalStores 1657 totalPushedItems 1658 totalOrders 1659 } 1660 } 1661 } 1662`,z=l.a` 1663 query getTiktokDataSourceReport( $filter: TiktokReportFilter! ) { 1664 getTiktokDataSourceReport(filter: $filter) { 1665 crawlItems { 1666 totalItems 1667 totalItemsPushed 1668 totalItemsPushedViaAPI 1669 totalItemsExportedViaExcel 1670 } 1671 mbProducts { 1672 totalItems 1673 totalItemsPushed 1674 totalItemsPushedViaAPI 1675 totalItemsExportedViaExcel 1676 } 1677 } 1678 } 1679`,q=l.a` 1680 query getTiktokGroupReport( $filter: TiktokReportFilter! ) { 1681 getTiktokGroupReport(filter: $filter) { 1682 total 1683 nodes { 1684 id 1685 title 1686 totalOrders 1687 totalPushedItems 1688 } 1689 } 1690 } 1691`,H=l.a` 1692 query getTiktokStoreReport( $filter: TiktokReportFilter! ) { 1693 getTiktokStoreReport(filter: $filter) { 1694 total 1695 nodes { 1696 id 1697 title 1698 totalOrders 1699 totalPushedItems 1700 } 1701 } 1702 } 1703`,$=l.a` 1704 query getTiktokManagerReport( $filter: TiktokReportFilter! ) { 1705 getTiktokManagerReport(filter: $filter) { 1706 total 1707 nodes { 1708 id 1709 fullName 1710 teamRole 1711 totalStores 1712 totalPushedItems 1713 totalOrders 1714 } 1715 } 1716 } 1717`,_=l.a` 1718 query getTiktokTeamReport( $filter: TiktokReportFilter! ) { 1719 getTiktokTeamReport(filter: $filter) { 1720 total 1721 nodes { 1722 id 1723 name 1724 totalStores 1725 totalPushedItems 1726 totalOrders 1727 } 1728 } 1729 } 1730`,G=l.a` 1731 query stores($filter: StoreFilter) { 1732 stores(filter: $filter) { 1733 total 1734 nodes { 1735 ...StoreFragment 1736 } 1737 } 1738 } 1739 ${n.v} 1740`,K=l.a` 1741 query getOwnerStoreByIDs2($filter: GetOwnerStoreByIDsFilter!) { 1742 getOwnerStoreByIDs2(filter: $filter) { 1743 storeID 1744 storeOwners { 1745 createdAt 1746 deletedAt 1747 totalSale 1748 totalBaseCost 1749 totalRevenue 1750 totalKpis { 1751 total 1752 totalKPIOnline 1753 totalKPIOffline 1754 } 1755 user { 1756 id 1757 firstName 1758 lastName 1759 } 1760 } 1761 } 1762 } 1763`,J=(l.a` 1764 query getTiktokSalesWarehouses { 1765 getTiktokSalesWarehouses { 1766 id 1767 name 1768 } 1769 } 1770`,l.a` 1771 query getStoreTypes($filter: StoreTypeFilter!) { 1772 getStoreTypes(filter: $filter) { 1773 total 1774 nodes { 1775 id 1776 label 1777 } 1778 } 1779 } 1780`),Y=(l.a` 1781 query tasks($filter: TaskFilter) { 1782 tasks(filter: $filter) { 1783 total 1784 nodes { 1785 ...TaskFragment 1786 } 1787 } 1788 } 1789 ${n.B} 1790`,l.a` 1791 query tasksV2($filter: TaskFilter) { 1792 tasksV2(filter: $filter) { 1793 total 1794 nodes { 1795 ...TaskFragment 1796 } 1797 aggregations 1798 } 1799 } 1800 ${n.B} 1801`),W=l.a`
1802 query taskAggsV2($filter: TaskFilter) { 1803 taskAggsV2(filter: $filter) 1804 } 1805`,Z=(l.a` 1806 query taskAggs($filter: TaskFilter) { 1807 taskAggs(filter: $filter) { 1808 ...TaskAggerationFragment 1809 } 1810 } 1811 ${n.w} 1812`,l.a` 1813 query taskById($id: ID!) { 1814 taskById(id: $id) { 1815 ...TaskByIdFragment 1816 } 1817 } 1818 ${n.z} 1819`),X=l.a` 1820 query getFieldValueForOrder($orderId: ID!) { 1821 getFieldValueForOrder(orderId: $orderId) { 1822 id 1823 createdAt 1824 field { 1825 ...FieldFragment 1826 } 1827 value 1828 order { 1829 id 1830 product { 1831 id 1832 mainImageId 1833 images { 1834 id 1835 productBaseId 1836 file { 1837 ...FileFragment 1838 } 1839 } 1840 } 1841 productVariant { 1842 id 1843 productBaseVariant { 1844 id 1845 productBase { 1846 id 1847 } 1848 } 1849 } 1850 } 1851 } 1852 } 1853 ${n.f} 1854 ${n.g} 1855`,ee=l.a` 1856 query getTaskSubmission($taskId: ID!, $status: String!) { 1857 getTaskSubmission(taskId: $taskId, status: $status) { 1858 id 1859 taskId 1860 status 1861 rejectReason 1862 rejectResources { 1863 ...FileFragment 1864 } 1865 configByUser { 1866 firstName 1867 lastName 1868 } 1869 designs { 1870 id 1871 submissionId 1872 designPositionId 1873 designPosition { 1874 id 1875 name 1876 description 1877 artworkGuidelines { 1878 id 1879 file { 1880 ...FileFragment 1881 } 1882 } 1883 } 1884 file { 1885 ...FileFragment 1886 } 1887 } 1888 } 1889 } 1890 ${n.g} 1891`,te=l.a` 1892 query getSimilarProduct( 1893 $id: ID! 1894 $productIds: [ID!] 1895 $pLimit: Int 1896 $pOffset: Int 1897 ) { 1898 getSimilarProduct( 1899 id: $id 1900 productIds: $productIds 1901 pLimit: $pLimit 1902 pOffset: $pOffset 1903 ) { 1904 productIds 1905 total 1906 nodes { 1907 sku 1908 designs { 1909 orderId 1910 designUrl { 1911 url 1912 thumbUrl 1913 } 1914 designer { 1915 id 1916 firstName 1917 lastName 1918 } 1919 } 1920 } 1921 } 1922 } 1923`,ae=l.a` 1924 query getDesignPositionFromOrderTask($taskId: ID!) { 1925 getDesignPositionFromOrderTask(taskId: $taskId) { 1926 id 1927 image { 1928 ...FileFragment 1929 } 1930 name 1931 displayName 1932 sorting 1933 description 1934 } 1935 } 1936 ${n.g} 1937`,le=l.a` 1938 query getTaskLog($filter: TaskLogFilter) { 1939 getTaskLog(filter: $filter) { 1940 total 1941 nodes { 1942 id 1943 log 1944 createdAt 1945 } 1946 } 1947 } 1948`,ne=l.a` 1949 query getCountTaskByUser($filter: FilterCountTask!) { 1950 getCountTaskByUser(filter: $filter) { 1951 total 1952 nodes { 1953 ...CountTaskByUserFragment 1954 } 1955 } 1956 } 1957 ${n.c} 1958`,re=l.a` 1959 query reportCountTaskSubmissionByChecked( 1960 $filter: CountTaskSubmissionByCheckerFilter! 1961 ) { 1962 reportCountTaskSubmissionByChecked(filter: $filter) { 1963 checker 1964 totalCheckTimes 1965 totalRejectedTimes 1966 totalAcceptedTimes 1967 totalAcceptedKpi 1968 totalRejectedKpi 1969 } 1970 } 1971`,ie=l.a` 1972 query getCountTaskRejectForUser($filter: FilterCountTaskReject!) { 1973 getCountTaskRejectForUser(filter: $filter) { 1974 total 1975 nodes { 1976 ...CountTaskRejectForUserFragment 1977 } 1978 } 1979 } 1980 ${n.d} 1981`,oe=l.a` 1982 query ideaTaskById($id: ID!) { 1983 ideaTaskById(id: $id) { 1984 ...IdeaTaskFragment 1985 } 1986 } 1987 ${n.h} 1988`,se=l.a` 1989 query reportTasksOtherDoneCancelledDenied($filter: ReportTasksFilter!) { 1990 reportTasksOtherDoneCancelledDenied(filter: $filter) { 1991 ...reportTasksResultFragment 1992 } 1993 } 1994 ${n.I} 1995`,ce=l.a` 1996 query getTaskSubmissionByOrderIDs($orderIDs: [ID!]!) { 1997 getTaskSubmissionByOrderIDs(orderIDs: $orderIDs) { 1998 orderID 1999 checker { 2000 fullName 2001 email 2002 } 2003 taskSubmission { 2004 status 2005 id 2006 } 2007 } 2008 } 2009`,ue=l.a` 2010 query getEtsyTaskSubmission($taskID: String!, $token: String!) { 2011 getEtsyTaskSubmission(taskID: $taskID, token: $token) { 2012 taskSubmission { 2013 id 2014 taskId 2015 status 2016 designs { 2017 id 2018 file { 2019 id 2020 name 2021 url 2022 thumbnailUrl 2023 } 2024 } 2025 } 2026 2027 personalized 2028 taskStatus 2029 isDigital 2030 store { 2031 id 2032 extraInfo 2033 } 2034 2035 order { 2036 id 2037 originId 2038 quantity 2039 createdAt 2040 2041 shippingAddress { 2042 id 2043 address1 2044 address2 2045 firstName 2046 lastName 2047 city 2048 state 2049 country 2050 postalCode 2051 } 2052 2053 product { 2054 title 2055 mainImageId 2056 2057 images { 2058 id 2059 file { 2060 id 2061 url 2062 } 2063 } 2064 } 2065 } 2066 } 2067 } 2068`,de=(l.a` 2069 query getTaskSimilarAssigneesByIds($taskIds: [String!]!) { 2070 getTaskSimilarAssigneesByIds(taskIds: $taskIds) { 2071 taskId 2072 assignees { 2073 id 2074 firstName 2075 lastName 2076 } 2077 } 2078 } 2079`,l.a` 2080 query getArtistTaskLatestSubmission($taskId: ID!) { 2081 getArtistTaskLatestSubmission(taskId: $taskId) { 2082 id 2083 status 2084 rejectReason 2085 designs 2086 } 2087 } 2088`),me=l.a` 2089 query getArtistTaskRejectSubmission($taskId: ID!) { 2090 getArtistTaskRejectSubmission(taskId: $taskId) { 2091 id 2092 status 2093 rejectReason 2094 designs 2095 } 2096 } 2097`,pe=l.a` 2098 query artistTaskGetFieldValueForOrder($orderIds: [ID!]!) { 2099 artistTaskGetFieldValueForOrder(orderIds: $orderIds) { 2100 orderID 2101 title 2102 value 2103 } 2104 } 2105`,ge=l.a` 2106 query getTaskSubmissionAndFieldValueForTask($taskIDs: [ID!]!) { 2107 getTaskSubmissionAndFieldValueForTask(taskIDs: $taskIDs) { 2108 taskID 2109 fieldValues { 2110 id 2111 createdAt 2112 value 2113 field { 2114 ...FieldFragment 2115 } 2116 } 2117 2118 taskSubmission { 2119 id 2120 status 2121 designs { 2122 id 2123 submissionId 2124 designPositionId 2125 designPosition { 2126 id 2127 name 2128 description 2129 artworkGuidelines { 2130 id 2131 file { 2132 ...FileFragment 2133 } 2134 } 2135 } 2136 file { 2137 ...FileFragment 2138 } 2139 } 2140 } 2141 } 2142 } 2143 ${n.g} 2144 ${n.f} 2145`,Ae=l.a` 2146 query getOrderPreviewImage($input: [OrderPreviewImageInput!]!) { 2147 getOrderPreviewImage(input: $input) 2148 } 2149`,be=l.a` 2150 query teams($filter: TeamFilter) { 2151 teams(filter: $filter) { 2152 total 2153 nodes { 2154 id 2155 name 2156 } 2157 } 2158 } 2159`,he=l.a` 2160 query teamStatistics($filter: TeamStatisticsFilter!) { 2161 teamStatistics(filter: $filter) { 2162 total 2163 nodes { 2164 ...TeamItemStatisticsFragment 2165 } 2166 } 2167 } 2168 ${n.C} 2169`,fe=l.a` 2170 query teams($filter: TeamFilter) { 2171 teams(filter: $filter) { 2172 total 2173 nodes { 2174 id 2175 name 2176 privateFeatures 2177 } 2178 } 2179 } 2180`,ve=l.a` 2181 query getDesignOnlineTeams($filter: DesignOnlineTeamFilter) { 2182 getDesignOnlineTeams(filter: $filter) { 2183 total 2184 nodes { 2185 id 2186 createdAt 2187 updatedAt 2188 name 2189 status 2190 } 2191 } 2192 } 2193`,Ee=l.a` 2194 query getInternalTeams($filter: InternalTeamFilter!) { 2195 getInternalTeams(filter: $filter) { 2196 total 2197 nodes { 2198 id 2199 name 2200 type 2201 enablePrivateData 2202 memberIds 2203 createdAt 2204 members { 2205 id 2206 firstName 2207 lastName 2208 email 2209 } 2210 } 2211 } 2212 } 2213`,ye=l.a` 2214 fragment UserFragment on User { 2215 id 2216 firstName 2217 lastName 2218 email 2219 } 2220 query getDesignTeams($filter: DesignTeamFilter!) { 2221 getDesignTeams(filter: $filter) { 2222 total 2223 nodes { 2224 id 2225 createdAt 2226 name 2227 status 2228 leaders { 2229 ...UserFragment 2230 } 2231 members { 2232 ...UserFragment 2233 } 2234 } 2235 } 2236 } 2237`,Ce=l.a` 2238 query getUserFreeByRoles($roles: [String!]!) { 2239 getUserFreeByRoles(roles: $roles) { 2240 id 2241 firstName 2242 lastName 2243 email 2244 } 2245 } 2246`,ke=l.a` 2247 query getAllTeamUsersWithRootUser($filter: TeamUserWithRootUserFilter!) { 2248 getAllTeamUsersWithRootUser(filter: $filter) { 2249 id 2250 name 2251 createdBy 2252 } 2253 } 2254`,Oe=(l.a` 2255 query teamMembers { 2256 teamMembers(filter: { limit: 20 }) { 2257 count 2258 hits { 2259 id 2260 team { 2261 id 2262 name 2263 } 2264 user { 2265 id 2266 firstName 2267 lastName 2268 } 2269 } 2270 } 2271 } 2272`,l.a` 2273 query getInternalTeams { 2274 getInternalTeams(filter: { limit: 100 }) { 2275 total 2276 nodes { 2277 id 2278 name 2279 type 2280 enablePrivateData 2281 memberIds 2282 members { 2283 id 2284 firstName 2285 lastName 2286 } 2287 } 2288 } 2289 } 2290`,l.a` 2291 query getTeamEnablePrivateData { 2292 getTeamEnablePrivateData { 2293 id 2294 name 2295 enablePrivateData 2296 } 2297 } 2298`),je=l.a` 2299 query listUserTeamByRoles($roles: [String!]!) { 2300 listUserTeamByRoles(roles: $roles) { 2301 id 2302 user { 2303 id 2304 lastName 2305 firstName 2306 status 2307 } 2308 } 2309 } 2310`,we=l.a` 2311 query me { 2312 me { 2313 id 2314 isRootUser 2315 firstName 2316 lastName 2317 email 2318 phone 2319 address 2320 extraMenus 2321 viewOriginFile 2322 isOnline 2323 avatar { 2324 id 2325 name 2326 url 2327 } 2328 teamUser { 2329 designOnlineTeamID 2330 team { 2331 id 2332 } 2333 role 2334 } 2335 roles 2336 } 2337 } 2338`,Se=l.a` 2339 query suppliers { 2340 suppliers { 2341 id 2342 firstName 2343 lastName 2344 } 2345 } 2346`,Ie=l.a` 2347 query getUserHasPermissionAcceptAccessInTeam { 2348 getUserHasPermissionAcceptAccessInTeam { 2349 id 2350 firstName 2351 lastName 2352 email 2353 } 2354 } 2355`,Be=l.a` 2356 query getManualOrderCreationNotice { 2357 getManualOrderCreationNotice { 2358 id 2359 firstName 2360 lastName 2361 email 2362 } 2363 } 2364`,De=l.a` 2365 query getEnable2fa { 2366 getEnable2fa { 2367 isEnable 2368 keepLoginTime 2369 } 2370 } 2371`,Pe=l.a` 2372 query teamMembers($filter: TeamUserFilter) { 2373 teamMembers(filter: $filter) { 2374 count 2375 hits { 2376 id 2377 user { 2378 id 2379 firstName 2380 lastName 2381 email 2382 } 2383 } 2384 } 2385 } 2386`,xe=l.a` 2387 query teamRoles { 2388 teamRoles 2389 } 2390`,Me=l.a` 2391 query loginHistory($userId: ID!, $paged: Int, $limit: Int) { 2392 loginHistory(userId: $userId, paged: $paged, limit: $limit) { 2393 total 2394 nodes { 2395 loggedAt 2396 ipAddress 2397 location { 2398 region 2399 city 2400 country 2401 postal 2402 org 2403 } 2404 deviceInfo { 2405 device 2406 } 2407 } 2408 } 2409 } 2410`,Te=l.a` 2411 query getMemberByDesignTeam($designTeamId: String!) { 2412 getMemberByDesignTeam(designTeamId: $designTeamId) { 2413 id 2414 firstName 2415 lastName 2416 } 2417 } 2418`,Qe=l.a` 2419 query teamUsersByRole($role: String!) { 2420 teamUsersByRole(role: $role) { 2421 id 2422 email 2423 firstName 2424 lastName 2425 roles 2426 } 2427 } 2428`,Re=l.a` 2429 query users($filter: FindFilter) { 2430 users(filter: $filter) { 2431 total 2432 nodes { 2433 id 2434 firstName 2435 lastName 2436 email 2437 } 2438 } 2439 } 2440`,Fe=l.a` 2441 query getPrintifyAvaiableShops($apiKey: String!) { 2442 getPrintifyAvaiableShops(apiKey: $apiKey) { 2443 id 2444 salesChannel 2445 title 2446 } 2447 } 2448`,Ne=l.a` 2449 query getPrintifyProductPrintProviders($productID: String!) { 2450 getPrintifyProductPrintProviders(productID: $productID) { 2451 id 2452 title 2453 } 2454 } 2455`,Ue=l.a` 2456 query getPrintifyProductPrintProviderVariants( 2457 $productID: String! 2458 $printProviderID: String! 2459 ) { 2460 getPrintifyProductPrintProviderVariants( 2461 productID: $productID 2462 printProviderID: $printProviderID 2463 ) { 2464 id 2465 title 2466 variants { 2467 id 2468 title 2469 options 2470 placeholders 2471 } 2472 } 2473 } 2474`,Le=l.a` 2475 query getDreamshipProductProviderVariants($productBaseID: ID!) { 2476 getDreamshipProductProviderVariants(productBaseID: $productBaseID) 2477 } 2478`,Ve=l.a` 2479 query getCustomcatProductProviderVariants($productBaseID: ID!) { 2480 getCustomcatProductProviderVariants(productBaseID: $productBaseID) 2481 } 2482`,ze=l.a`
2483 query getPrintwayProductDetail($productCode: String!) { 2484 getPrintwayProductDetail(productCode: $productCode) 2485 } 2486`,qe=l.a` 2487 query getPrintwayShippingMethods($variantSKUs: [String!]!) { 2488 getPrintwayShippingMethods(variantSKUs: $variantSKUs) { 2489 itemSKU 2490 shippingServices { 2491 code 2492 name 2493 } 2494 } 2495 } 2496`,He=l.a` 2497 query getCustomcatVariantsByFFProductId($id: String!) { 2498 getCustomcatVariantsByFFProductId(id: $id) 2499 } 2500`,$e=l.a` 2501 query getGearmentProductsInfo { 2502 getGearmentProductsInfo 2503 } 2504`,_e=l.a` 2505 query fetchGearmentProductDetailV3( 2506 $apiKey: String 2507 $apiSignature: String 2508 $originID: String! 2509 ) { 2510 fetchGearmentProductDetailV3( 2511 apiKey: $apiKey 2512 apiSignature: $apiSignature 2513 originID: $originID 2514 ) { 2515 title 2516 description 2517 id 2518 attributes { 2519 name 2520 slug 2521 options 2522 } 2523 variants { 2524 fulfillmentProductId 2525 sorting 2526 salePrice 2527 sellerPrice 2528 regularPrice 2529 attributes { 2530 name 2531 slug 2532 option 2533 } 2534 } 2535 } 2536 } 2537`,Ge=l.a` 2538 query getDreamshipProductInfo($id: String!) { 2539 getDreamshipProductInfo(id: $id) 2540 } 2541`,Ke=l.a` 2542 query GetMerchizeProductInfo($id: String!) { 2543 getMerchizeProductInfo(id: $id) 2544 } 2545`,Je=l.a` 2546 query getTeezilyProductDetail($reference: String!) { 2547 getTeezilyProductDetail(reference: $reference) 2548 } 2549`,Ye=l.a` 2550 query getMerchizeProductInfoFromDB($id: String!) { 2551 getMerchizeProductInfoFromDB(id: $id) { 2552 id 2553 originId 2554 title 2555 description 2556 attributes { 2557 name 2558 slug 2559 options 2560 } 2561 variants { 2562 fulfillmentProductId 2563 salePrice 2564 regularPrice 2565 sellerPrice 2566 sorting 2567 attributes { 2568 name 2569 slug 2570 option 2571 } 2572 } 2573 } 2574 } 2575`,We=l.a` 2576 query fulfillments { 2577 fulfillments { 2578 id 2579 name 2580 slug 2581 } 2582 } 2583`,Ze=l.a` 2584 query getShippingOptionByBase($productBaseID: ID!) { 2585 getShippingOptionByBase(productBaseID: $productBaseID) { 2586 id 2587 name 2588 } 2589 } 2590`,Xe=l.a` 2591 query getDreamshipShops { 2592 getDreamshipShops { 2593 id 2594 name 2595 key 2596 } 2597 } 2598`,et=l.a` 2599 query getBurgerPrintsProduct($shortCode: String!) { 2600 getBurgerPrintsProduct(shortCode: $shortCode) 2601 } 2602`,tt=l.a` 2603 query fulfillmentsInstalled { 2604 fulfillmentsInstalled { 2605 id 2606 name 2607 slug 2608 } 2609 } 2610`,at=l.a` 2611 query getPrintBelleProduct($productCode: String!) { 2612 getPrintBelleProduct(productCode: $productCode) { 2613 title 2614 description 2615 attributes { 2616 name 2617 slug 2618 options 2619 } 2620 variants { 2621 regularPrice 2622 salePrice 2623 sellerPrice 2624 fulfillmentProductId 2625 sorting 2626 attributes { 2627 name 2628 slug 2629 option 2630 } 2631 } 2632 } 2633 } 2634`,lt=l.a` 2635 query getFulfillmentProductMockupByProduct($productId: ID!) { 2636 getFulfillmentProductMockupByProduct(productId: $productId) { 2637 id 2638 productId 2639 type 2640 file { 2641 ...FileFragment 2642 } 2643 } 2644 } 2645 ${n.g} 2646`,nt=l.a` 2647 query fulfillmentProductById($filter: FulfillmentProductByIDFilter!) { 2648 fulfillmentProductById(filter: $filter) { 2649 total 2650 nodes { 2651 id 2652 title 2653 originId 2654 status 2655 description 2656 attributes { 2657 name 2658 slug 2659 options 2660 } 2661 variants { 2662 regularPrice 2663 salePrice 2664 sellerPrice 2665 fulfillmentProductId 2666 sorting 2667 attributes { 2668 name 2669 slug 2670 option 2671 } 2672 } 2673 fulfillmentSkus 2674 printAreas 2675 type 2676 } 2677 } 2678 } 2679`,rt=l.a` 2680 query getTrackingConfig($teamId: ID) { 2681 getTrackingConfig(teamId: $teamId) { 2682 ...TrackingConfigFragment 2683 } 2684 } 2685 ${n.D} 2686`,it=l.a` 2687 query reportTrackingSubmitError($filter: ReportTrackingFilter!) { 2688 reportTrackingSubmitError(filter: $filter) { 2689 ...reportTrackingResultFragment 2690 } 2691 } 2692 ${n.J} 2693`,ot=l.a` 2694 query getMailchimp { 2695 getMailchimp { 2696 ...mailchimpFragment 2697 } 2698 } 2699 ${n.G} 2700`,st=l.a` 2701 query getWarningEmail { 2702 getWarningEmail {
2703 receiverEmails 2704 address 2705 } 2706 } 2707`,ct=l.a` 2708 query getViewOriginFile { 2709 getViewOriginFile { 2710 roles 2711 userIDs 2712 } 2713 } 2714`,ut=l.a` 2715 query enableStoreFulfillment { 2716 enableStoreFulfillment { 2717 id 2718 name 2719 } 2720 } 2721`,dt=l.a` 2722 query getUsersPaymentAccountAccess { 2723 getUsersPaymentAccountAccess { 2724 id 2725 firstName 2726 lastName 2727 } 2728 } 2729`,mt=l.a` 2730 query getAllTeamUsersByRole($role: String!, $includeAdministrator: Boolean) { 2731 getAllTeamUsersByRole(role: $role, includeAdministrator: $includeAdministrator) { 2732 firstName 2733 lastName 2734 id 2735 } 2736 } 2737`,pt=l.a` 2738 query variables($filter: VariableFilter) { 2739 variables(filter: $filter) { 2740 id 2741 key 2742 value 2743 } 2744 } 2745`,gt=l.a` 2746 query productBaseTimeline($id: ID!) { 2747 productBaseTimeline(id: $id) { 2748 user { 2749 lastName 2750 firstName 2751 } 2752 createdAt 2753 data 2754 } 2755 } 2756`,At=l.a` 2757 fragment BaseFragment on ProductBase { 2758 id 2759 title 2760 teamId 2761 variants { 2762 id 2763 sorting 2764 regularPrice 2765 salePrice 2766 attributes { 2767 name 2768 slug 2769 option 2770 } 2771 } 2772 } 2773`,bt=(l.a` 2774 query productBasesForSeller($filter: ProductBaseFilter) { 2775 productBasesForSeller(filter: $filter) { 2776 total 2777 nodes { 2778 ...BaseFragment 2779 } 2780 } 2781 } 2782 ${At} 2783`,l.a` 2784 query productBaseByID($id: ID!) { 2785 productBaseByID(id: $id) { 2786 ...BaseFragment 2787 } 2788 } 2789 ${At} 2790`,l.a` 2791 query getStateByProductBaseIDs($filter: StateByProductBaseFilter!) { 2792 getStateByProductBaseIDs(filter: $filter) { 2793 baseID 2794 states { 2795 state 2796 totalSale 2797 totalBaseCost 2798 totalRevenue 2799 } 2800 } 2801 } 2802`),ht=l.a` 2803 query productBasesForAssortmentV2($filter: ProductBasesForAssortmentFilter) { 2804 productBasesForAssortmentV2(filter: $filter) { 2805 id 2806 title 2807 isDigitalProduct 2808 } 2809 } 2810`,ft=l.a` 2811 query productBaseByID($id: ID!) { 2812 productBaseByID(id: $id) { 2813 id 2814 attributes { 2815 name 2816 slug 2817 options 2818 } 2819 2820 variants { 2821 id 2822 sorting 2823 fulfillmentProductId 2824 fulfillmentSku 2825 fulfillmentWarehouses 2826 2827 attributes { 2828 name 2829 slug 2830 option 2831 } 2832 } 2833 2834 shippingOptions { 2835 id 2836 name 2837 } 2838 defaultShippingOptionId 2839 } 2840 } 2841`,vt=l.a` 2842 query getCarrierByBaseVariantID($baseVariantIDs: [String!]!) { 2843 getCarrierByBaseVariantID(baseVariantIDs: $baseVariantIDs) { 2844 baseVariantID 2845 baseVariantCarrierPricings { 2846 id 2847 carrierId 2848 default 2849 carrier { 2850 id 2851 name 2852 code 2853 } 2854 } 2855 } 2856 } 2857`,Et=l.a` 2858 query apps { 2859 apps { 2860 name 2861 description 2862 installUrl 2863 uninstallUrl 2864 installed 2865 settings 2866 } 2867 } 2868`,yt=l.a` 2869 query getTiktokProductsSynced($filter: GetTiktokProductsSyncedFilter!) { 2870 getTiktokProductsSynced(filter: $filter) { 2871 total 2872 nodes { 2873 originID 2874 title 2875 status 2876 id 2877 isLock 2878 inPromotion 2879 } 2880 } 2881 } 2882`,Ct=l.a` 2883 query syncedTiktokProductToday($storeID: String!) { 2884 syncedTiktokProductToday(storeID: $storeID) 2885 } 2886`,kt=l.a` 2887 query getTiktokPromotions($filter: TiktokPromotionFilter!) { 2888 getTiktokPromotions(filter: $filter) { 2889 total 2890 nodes { 2891 id 2892 createdAt 2893 title 2894 activityID 2895 storeID 2896 activityType 2897 productLevel 2898 autoRenew 2899 beginTime 2900 endTime 2901 status 2902 timezone 2903 store { 2904 id 2905 title 2906 } 2907 author { 2908 id 2909 firstName 2910 lastName 2911 } 2912 } 2913 } 2914 } 2915`,Ot=l.a` 2916 query getTiktokPromotionProducts($filter: TiktokPromotionProductFilter!) { 2917 getTiktokPromotionProducts(filter: $filter) { 2918 total 2919 nodes { 2920 id 2921 title 2922 originProductID 2923 discount 2924 quantityLimit 2925 quantityPerUser 2926 status 2927 errorMessage 2928 } 2929 } 2930 } 2931`,jt=l.a` 2932 query getTiktokProductViaOrder($orderIDs: [String!]!) { 2933 getTiktokProductViaOrder(orderIDs: $orderIDs) { 2934 orderID 2935 productID 2936 productTitle 2937 } 2938 } 2939`,wt=l.a` 2940 fragment Cat on TiktokCategory { 2941 id 2942 localName 2943 parentID 2944 isLeaf 2945 permissionStatuses 2946 } 2947 2948 query getTiktokCategories($storeID: String!) { 2949 getTiktokCategories(storeID: $storeID) { 2950 ...Cat 2951 children { 2952 ...Cat 2953 children { 2954 ...Cat 2955 children { 2956 ...Cat 2957 } 2958 } 2959 } 2960 } 2961 } 2962`,St=(l.a` 2963 query getTiktokAttributeByCategory($categoryID: String!, $storeID: String!) { 2964 getTiktokAttributeByCategory(categoryID: $categoryID, storeID: $storeID) { 2965 id 2966 isRequried 2967 isCustomizable 2968 isMultipleSelection 2969 name 2970 values { 2971 id 2972 name 2973 } 2974 } 2975 } 2976`,l.a` 2977 query getTiktokBrands($input: GetTiktokBrandFilter!) { 2978 getTiktokBrands(input: $input) { 2979 message 2980 data { 2981 brands { 2982 id 2983 name 2984 authorizedStatus 2985 isT1Brand 2986 brandStatus 2987 } 2988 totalCount 2989 nextPageToken 2990 } 2991 } 2992 } 2993`,l.a` 2994 query getTiktokImageTemplates($filter: TiktokImageTemplateFilter!) { 2995 getTiktokImageTemplates(filter: $filter) { 2996 total 2997 nodes { 2998 id 2999 createdAt 3000 title 3001 configs 3002 } 3003 } 3004 } 3005`),It=l.a` 3006 query getTiktokImageTemplate($ID: ID!) { 3007 getTiktokImageTemplate(ID: $ID) { 3008 id 3009 createdAt 3010 title 3011 configs 3012 } 3013 } 3014`,Bt=(l.a` 3015 query getTiktokImageTemplatesByID($ids: [ID!]!) { 3016 getTiktokImageTemplatesByID(ids: $ids) { 3017 id 3018 createdAt 3019 title 3020 configs 3021 } 3022 } 3023`,l.a` 3024 query getTiktokCrawlProductPushedToStore($productIDs: [ID!]!) { 3025 getTiktokCrawlProductPushedToStore(productIDs: $productIDs) 3026 } 3027`),Dt=l.a` 3028 query getTiktokProductTemplateAccessLevel($id: ID!) { 3029 getTiktokProductTemplateAccessLevel(id: $id) { 3030 productTemplateID 3031 userID 3032 user { 3033 id 3034 firstName 3035 lastName 3036 email 3037 } 3038 } 3039 } 3040`,Pt=l.a` 3041 query getTiktokProductTemplatesAccessLevel($ids: [ID!]!) { 3042 getTiktokProductTemplatesAccessLevel(ids: $ids) { 3043 productTemplateID 3044 userID 3045 user { 3046 id 3047 firstName 3048 lastName 3049 email 3050 } 3051 } 3052 } 3053`,xt=l.a` 3054 query isTeamHasUnpaidInvoice { 3055 isTeamHasUnpaidInvoice 3056 } 3057`,Mt=l.a` 3058 query shippingOptions { 3059 shippingOptions { 3060 ...ShippingOptionFragment 3061 } 3062 } 3063 ${n.t} 3064`,Tt=l.a` 3065 query getProductBaseShippingOptionByOrder($id: ID!) { 3066 getProductBaseShippingOptionByOrder(id: $id) { 3067 ...ShippingOptionFragment 3068 } 3069 } 3070 ${n.t} 3071`},,function(e,t,a){"use strict";a.d(t,"a",(function(){return s})),a.d(t,"b",(function(){return c}));var l=a(0),n=a.n(l),r=a(1),i=a(28);const o=Object(l.createContext)({toggleToast:e=>{},setNotify:e=>{let{msg:t,err:a}=e}});function s(e){let{children:t,...a}=e;const[s,c]=Object(i.a)(!1),[u,d]=Object(l.useState)({msg:null,err:!1}
3071),m=s&&u.msg&&n.a.createElement(r.fb,{content:u.msg,error:u.err,duration:5e3,onDismiss:c}),p=Object(l.useMemo)(()=>({toggleToast:c,setNotify:d}),[c,d]);return n.a.createElement(o.Provider,{value:{...p,...a}},m,t)}function c(){return Object(l.useContext)(o)}o.displayName="ToastContext"},,function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var l=a(0),n=a.n(l);const r=a(9).b.div` 3072 .required { 3073 &:after { 3074 content: "*"; 3075 color: red; 3076 margin-left: 0.25rem; 3077 } 3078 } 3079`,i=e=>{let{label:t,required:a,action:l}=e;const i=n.a.useMemo(()=>{if(!l||"object"!==typeof l||!l.content)return null;let e="Polaris-Button Polaris-Button--plain";return l.disabled&&(e+=" Polaris-Button--disabled"),n.a.createElement("div",{className:"Polaris-Labelled__Action"},n.a.createElement("button",{type:"button",className:e,onClick:l.onAction,disabled:!!l.disabled},n.a.createElement("span",{className:"Polaris-Button__Content"},n.a.createElement("span",{className:"Polaris-Button__Text"},l.content))))},[l]);return n.a.createElement(r,null,n.a.createElement("div",{className:"Polaris-Labelled__LabelWrapper"},n.a.createElement("div",{className:"Polaris-Label"},n.a.createElement("label",{className:"Polaris-Label__Text "+(a?"required":"")},t)),i))}},function(e,t,a){"use strict";a.d(t,"m",(function(){return l})),a.d(t,"o",(function(){return n})),a.d(t,"n",(function(){return r})),a.d(t,"b",(function(){return i})),a.d(t,"a",(function(){return o})),a.d(t,"d",(function(){return s})),a.d(t,"z",(function(){return c})),a.d(t,"A",(function(){return u})),a.d(t,"c",(function(){return d})),a.d(t,"F",(function(){return m})),a.d(t,"E",(function(){return p})),a.d(t,"C",(function(){return g})),a.d(t,"D",(function(){return A})),a.d(t,"e",(function(){return b})),a.d(t,"u",(function(){return h})),a.d(t,"j",(function(){return f})),a.d(t,"h",(function(){return v})),a.d(t,"r",(function(){return E})),a.d(t,"p",(function(){return y})),a.d(t,"f",(function(){return C})),a.d(t,"q",(function(){return k})),a.d(t,"v",(function(){return O})),a.d(t,"l",(function(){return j})),a.d(t,"g",(function(){return w})),a.d(t,"w",(function(){return S})),a.d(t,"i",(function(){return I})),a.d(t,"t",(function(){return B})),a.d(t,"k",(function(){return D})),a.d(t,"s",(function(){return P})),a.d(t,"B",(function(){return x})),a.d(t,"x",(function(){return M})),a.d(t,"y",(function(){return T}));const l=[{name:"All",key:null},{name:"Pending Design",key:"Pending Design"},{name:"Pending",key:"Pending"},{name:"On Hold",key:"On Hold"},{name:"Supplier Processing",key:"Processing"},{name:"In Production",key:"In Production"},{name:"Fulfilled",key:"Fulfilled"},{name:"Cancelled",key:"Cancelled"},{name:"Design Rejected",key:"Design Rejected"},{name:"Error",key:"Error"},{name:"Refunded",key:"Refunded"}],n=[{name:"All",key:null},{name:"Pending Payment",key:"Pending Payment"},{name:"Ready To Print",key:"Ready to Print"},{name:"Printing",key:"Printing"},{name:"Fulfilled",key:"Fulfilled"},{name:"Refunded",key:"Refunded"}],r=[{name:"All",key:null},{name:"Processing",key:"Processing"},{name:"Printing",key:"Printing"},{name:"Fulfilled",key:"Fulfilled"},{name:"Refunded",key:"Refunded"}],i=[{name:"All",key:null},{name:"Need Resend",key:"Need Resend"},{name:"Need Refund",key:"Need Refund"},{name:"Resent",key:"Resent"},{name:"Refunded",key:"Refunded"}],o=[{name:"All",key:null},{name:"In Review",key:"In Review"},{name:"Need more evidence",key:"Need more evidence"},{name:"Approved",key:"Approved"},{name:"Resent",key:"Resent"},{name:"Refunded",key:"Refunded"},{name:"Rejected",key:"Rejected"},{name:"Cancelled",key:"Cancelled"}],s={NeedResend:"Need Resend",NeedRefund:"Need Refund"},c=[{key:"notfound",name:"No Info"},{key:"inforeceived",name:"Info Received",color:"#ccced0",colorHover:"#babbbc"},{key:"transit",name:"In Transit",badgeStatus:"info",color:"#b4e1fa",colorHover:"#9fcde6"},{key:"delivered",name:"Delivered",badgeStatus:"success",color:"#bbe5b3",colorHover:"#9fbf99"},{key:"undelivered",name:"Undelivered",badgeStatus:"critical",color:"#fead9a",colorHover:"#f19b87"},{key:"pickup",name:"Pick up",badgeStatus:"info",color:"#b4e1fa",colorHover:"#9fcde6"},{key:"exception",name:"Exception",badgeStatus:"critical",color:"#fead9a",colorHover:"#f19b87"},{key:"expired",name:"Expired",badgeStatus:"warning",color:"#ffc58b",colorHover:"#efb275"},{key:"pending",name:"Pending",badgeStatus:"attention",color:"#ffea8a",colorHover:"#f9e27a"}],u={"10daysnotfound":"10 Days no info","12daysnotfound":"12 Days no info"},d={Resent:"Resent",Refunded:"Refunded"},m=["baseCostDescription","carriers","categories","defaultContent","defaultShortDe
3079scription","designPositions","details","fulfillment","hasVariant","images","regularPrice","salePrice","sellerPrice","slug","suppliers","title","attributes","variants","carrierPricing","supplierPricing"],p=["title","description","collections","tags","productBaseId","variants","regularPrice","salePrice","personalized","designPositions","mockup","pushToStores","fields","shortTitle","amzTitle","keyword"],g=["personalized","fields","pushToStores","title","description","collections","tags","psd","psdFiles","shortTitle","amzTitle"],A=["collections","description","shortDescription","tags","title","variants","regularPrice","salePrice"],b=[{name:"White",value:"#FFFFFF"},{name:"Sliver",value:"#C0C0C0"},{name:"Gray",value:"#808080"},{name:"Black",value:"#000000"},{name:"Red",value:"#FF0000"},{name:"Maroon",value:"#800000"},{name:"Yellow",value:"#FFFF00"},{name:"Olive",value:"#808000"},{name:"Lime",value:"#00FF00"},{name:"Green",value:"#008000"},{name:"Aqua",value:"#00FFFF"},{name:"Teal",value:"#008080"},{name:"Blue",value:"#0000FF"},{name:"Navy",value:"#000080"},{name:"Fuchsia",value:"#FF00FF"},{name:"Purple",value:"#800080"}],h={Pending:"info",Doing:"new","Need Review":"attention",Done:"success",Error:"critical",Rejected:"warning"},f={Regenerate:"Regenerate",Subscriptions:"Subscriptions",SendReview:"SendReview",CreateCustomMockup:"CreateCustomMockup",CreateMockupForSubmission:"CreateMockupForSubmission",OpenSuccess:"OpenSuccess",ChangedLayer:"ChangedLayer",DeleteMockups:"DeleteMockups",ChooseOtherTemplate:"ChooseOtherTemplate",BulkDeleteMockups:"BulkDeleteMockups",GetMainMockupId:"GetMainMockupId"},v={None:"None",All:"All",Ground:"Ground","2 Day":"2 Day","Standard Overnight":"Standard Overnight","Fastship 2days":"Fastship 2days",express:"express","US-FC":"US-FC","US-PP":"US-PP","US-PS":"US-PS","US-PM":"US-PM","US-FCI":"US-FCI","US-PMI":"US-PMI","UPS-1DA":"UPS-1DA","UPS-1DP":"UPS-1DP","UPS-2DA":"UPS-2DA","UPS-3DS":"UPS-3DS","UPS-GND":"UPS-GND","FDX-FO":"FDX-FO","FDX-PO":"FDX-PO","FDX-SO":"FDX-SO","FDX-2DA":"FDX-2DA","FDX-2D":"FDX-2D","FDX-ES":"FDX-ES","FDX-GND":"FDX-GND","DHL-SM":"DHL-SM","DHL-SME":"DHL-SME","DHL-GM":"DHL-GM","DHL-GME":"DHL-GME",STANDARD:"STANDARD",GROUND:"GROUND","FAST SHIP":"FAST SHIP",STAMP:"STAMP",ECONOMY:"ECONOMY",Fast:"Fast",USPS:"USPS"},E={"fb-marketplace":"Facebook Marketplace",upcs:"UPCs Management","products-ignored":"Products Ignored","re-mockups":"Re-Mockup Conditions","re-mockups-tasks":"Re-Mockup Tasks","product-duplicate":"Product by Title","product-from-print-file":"Product from Print File","switch-store-for-order":"Switch Store for Order","facebook-mk":"Facebook MK",reports:"Marketplace","product-crawlers":"Product Crawlers","product-assortment":"Product Assortment","complex-assortment":"Complex Assortment","payment-accounts":"Payment Accounts"},y="printify",C="custom-fulfillment",k="printway",O=["[email protected]"],j="merchize",w={Customcat:"customcat",Gearment:"gearment",Dreamship:"dreamship",Scalablepress:"scalablepress",Printify:"printify",Printway:"printway",Merchize:"merchize",Teezily:"teezily",BurgerPrints:"burgerprints",MangoTeePrints:"mangoteeprints",Fivetify:"fivetify",Flashship:"flashship",Printik:"printik",PrintBelle:"printbelle",PGPrints:"pgprints",Lenful:"lenful",SnapEcom:"snapecom",Bondre:"bondre",CustomFulfillment:C},S={TSRN_U:["front","back"],TSRN_W:["front","back"],TSVN_U:["front","back"],TSVN_W:["front","back"],TSLS_U:["front","back"],SWTR_U:["front","back"],HOOD_U:["front","back"],TSRN_K:["front","back"],HOOD_K:["front","back"],TKTP_U:["front","back"],TKTP_W:["front","back"],BODY_B:["front","back"],BODYLS_B:["front","back"],OTSRN_U:["front","back"],OTSRN_W:["front","back"],OTSVN_U:["front","back"],OTSVN_W:["front","back"],OTSLS_U:["front","back"],OSWTR_U:["front","back"],OHOOD_U:["front","back"],PTSRN_U:["front","back"],PSWTR_U:["front","back"],PHOOD_U:["front","back"],TOTE_U:["front","back"],MUG_U:["front"],BMUG_U:["front"],BTTMUG_U:["front"],LMUG_U:["front"],RMUG_U:["front"],TTMUG_U:["front"],"DMAT3-2_U":["front"],FLEEB_U:["front"],FMASK_U:["front"],IP5C_U:["front"],IP5SC_U:["front"],IP6C_U:["front"],IP6PC_U:["front"],SGS5C_U:["front"],SGS6C_U:["front"],"MIPICA2-1_U":["front"],"SAPICA1-1_U":["front"],NECKL_R:["front"],NECKL_S:["front"],ORCE_H:["front"],ORCE_R:["front"]},I="CeaM3o0Yq0",B={BG:"__background_image",VSC:"__verify_shipping_cost",SOHT:"__set_on_hold_time",MN:"__config_mail_notification",FC:"enableStoreFulfillment",TPM:"__enable_tiktok_push_mass",TP:"__task_preview"},D=["mapping_item_is_created","mapping_item_is_deleted","mapping_item_is_mapped"],P={VWTR:"view_whole_team_report"},x=["NJ","CA","TX1","VN"],M={FLASHSALE:"FLASHSALE",FIXED_PRICE:"FIXED PRICE",DIRECT_DISCOUNT:"DIRECT DISCOUNT"},T={VARIATION:"VARIATION"}},function(e,t,a){"use strict";a.r(t),a.d(t,"SkeletonPagePolaris",(function(){return o}
3079));var l=a(1),n=a(0),r=a.n(n);const i=a(9).b.div` 3080 padding-bottom: 1.5rem; 3081`,o=e=>{let{sizeSmall:t}=e;return r.a.createElement(i,null,r.a.createElement(l.V,{fullWidth:!0,secondaryActions:1},r.a.createElement(l.A,null,r.a.createElement(l.A.Section,null,r.a.createElement(l.i,{sectioned:!0},r.a.createElement(l.bb,null,r.a.createElement(l.U,{size:"small"}),r.a.createElement(l.T,null))),!t&&r.a.createElement(l.i,{sectioned:!0},r.a.createElement(l.bb,null,r.a.createElement(l.U,{size:"small"}),r.a.createElement(l.T,null)))))))};t.default=o},,,,,function(e,t,a){"use strict";var l=a(0);const n=(e,t)=>"boolean"===typeof t?t:!e;t.a=e=>Object(l.useReducer)(n,e)},,function(e,t,a){"use strict";a.r(t),a.d(t,"EmptyStatePolaris",(function(){return u}));var l=a(1),n=a(0),r=a.n(n),i=a(9),o=a(800),s=a.n(o);const c=i.b.div` 3082 &.slim { 3083 .Polaris-EmptyState { 3084 padding: 0; 3085 } 3086 } 3087 3088 .Polaris-EmptyState__Image { 3089 background-color: #fff; 3090 } 3091`,u=e=>{let{noData:t,slim:a}=e;return r.a.createElement(c,{className:a?"slim":""},r.a.createElement(l.q,{heading:""+(t?"No data":"No items found"),image:s.a},r.a.createElement("p",null,"Try changing the filters or search item")))};t.default=u},,,,function(e,t,a){"use strict";a.d(t,"c",(function(){return v})),a.d(t,"t",(function(){return E})),a.d(t,"u",(function(){return y})),a.d(t,"b",(function(){return C})),a.d(t,"x",(function(){return k})),a.d(t,"B",(function(){return O})),a.d(t,"A",(function(){return w})),a.d(t,"z",(function(){return S})),a.d(t,"d",(function(){return I})),a.d(t,"v",(function(){return B})),a.d(t,"o",(function(){return Q})),a.d(t,"m",(function(){return R})),a.d(t,"n",(function(){return F})),a.d(t,"f",(function(){return U})),a.d(t,"g",(function(){return L})),a.d(t,"y",(function(){return V})),a.d(t,"i",(function(){return z})),a.d(t,"D",(function(){return H})),a.d(t,"C",(function(){return $})),a.d(t,"q",(function(){return _})),a.d(t,"p",(function(){return G})),a.d(t,"w",(function(){return K})),a.d(t,"r",(function(){return J})),a.d(t,"j",(function(){return Y})),a.d(t,"k",(function(){return W})),a.d(t,"s",(function(){return Z})),a.d(t,"l",(function(){return X})),a.d(t,"H",(function(){return ee})),a.d(t,"I",(function(){return te})),a.d(t,"e",(function(){return ae})),a.d(t,"h",(function(){return le})),a.d(t,"E",(function(){return ie})),a.d(t,"a",(function(){return oe})),a.d(t,"F",(function(){return se})),a.d(t,"G",(function(){return ue}));var l=a(274),n=a.n(l),r=a(26),i=a.n(r),o=a(221),s=a.n(o),c=a(425),u=a.n(c),d=a(170),m=a.n(d),p=a(22),g=a(17),A=a(2),b=a(4),h=a(5);const f={isCustomcat:!1,isDreamship:!1,isGearment:!1,isScalablepress:!1,isPrintify:!1,isCustom:!1,isPrintway:!1,isMerchize:!1,isTeezily:!1,isPrintik:!1,isPrintBelle:!1,isPGPrints:!1,isLenful:!1,isSnapEcom:!1};function v(e,t){if(!e||0===e.length||!t)return f;if(!e.map(e=>{let{id:t}=e;return t}).includes(t))return f;function a(a){return e.some(e=>e.id===t&&e.slug===a)}return{isCustomcat:a("customcat"),isDreamship:a("dreamship"),isGearment:a("gearment"),isScalablepress:a("scalablepress"),isPrintify:a(p.p),isCustom:a("custom-fulfillment"),isPrintway:a(p.q),isMerchize:a(p.l),isTeezily:a("teezily"),isBurgerPrints:a(p.g.BurgerPrints),isMangoTeePrints:a(p.g.MangoTeePrints),isFivetify:a(p.g.Fivetify),isPrintik:a(p.g.Printik),isPrintBelle:a(p.g.PrintBelle),isPGPrints:a(p.g.PGPrints),isLenful:a(p.g.Lenful),isSnapEcom:a(p.g.SnapEcom),isBondre:a(p.g.Bondre)}}function E(e){const t=i()(e,"data.printAreas",[]);if(!t||0===t.length)return[];const a=[];for(let l of t){let{key:e,h:t,w:n,dpi:r}=l;n=Object(A.Fb)(n),t=Object(A.Fb)(t);let i=`${n}x${t}px|PNG|${r}DPI`;a.push({description:i,image:null,name:e})}return a}function y(e){const t=["front","back","left","right"],a={width:0,height:0,horizontal:"C",top:0,bottom:0,description:null,image:null},l=[];if(["screenprint","dtg"].includes(e))for(let n of t)l.push({name:n,...a});else l.push({name:"front",...a});return l}const C={description:"5000x5000px|PNG|300DPI",image:null,name:"Default"};function k(e){let t;switch(e){case"Garment":case"ThirdParty":t="dtg";break;case b.V.mug:t="mug";break;case b.V.mug:t="case";break;case b.V.poster:t="poster"}return t}async function O(e){if(!e||!Array.isArray(e)||0===e.length)return;const{__apolloClient__:t}=window;try{const{data:a}=await t.query({query:g.cb,variables:{variantSKUs:e}});return null===a||void 0===a?void 0:a.getPrintwayShippingMethods}catch(a){}}async function j(e,t){if(!e)return;const{__apolloClient__:a}=window;try{const{data:l}=await a.query({query:g.jb,variables:{productBaseID:e}}),n=[];for(const e of(null===l||void 0===l?void 0:l.getShippingOptionByBase)||[]){const a={value:e.id+"",label:t?Object(h.startCase)(e.name):e.name};n.push(a)}return n}catch(l){}}async function w(e){return await j(e,!0)}async function S(e){return await j(e)}async function I(e,t){const{__apolloClient__:a}=window;if(e&&a){try{const a=await async function(e){const{__apolloClient__:t}=window;if(!e||!t)return{};try{const{data:a}
3091=await t.query({query:g.bb,variables:{productCode:e}});return i()(a,"getPrintwayProductDetail.data",{})}catch(a){}}(e),{product_name:l,description:r,variants:o}=a;let c=[];const u=new Map,d=(o||[]).filter(e=>{let{availability:t}=e;return"in_stock"===t});Array.isArray(d)&&d.length>0&&(c=d.map((e,a)=>{let{item_sku:l,variant_id:n,locations:r,attributes:i}=e,o=0;const c=(null===r||void 0===r?void 0:r.length)>0?r[0]:null;let d=0;c&&(({tier_cost:d}=c),t||0===o&&d&&(o=Object(A.a)(d/.35,2)));const m=[];for(let t of i){if(!t||"object"!==typeof t)continue;const{name:e,value:a}=t;if(u.has(e)){const t=u.get(e);u.set(e,t.add(a))}else u.set(e,new Set([a]));m.push({slug:s()(e),name:e,option:a})}return{regularPrice:parseFloat(o),salePrice:0,sellerPrice:d,sorting:a,attributes:m,fulfillmentProductId:n,fulfillmentSku:l}}));return{name:l,description:r,variants:c,attributes:Array.from(u.entries()).map(e=>{let[t,a]=e;const l=n()(t),r=Array.from(a.values());return{name:l,slug:s()(t),options:r}}),dataSku:d}}catch(l){}return null}}function B(e,t){if(!e||0===e.length)return[];const a=e.reduce((e,t)=>{let{variant_id:a,locations:l}=t;if(!l||0===l.length)return e;const{print_areas:n}=l[0];return n&&0!==n.length?(e.push(...n.map(e=>({...e,id:a}))),e):e},[]),l=new Map;for(let{height:n,width:r,area:i,id:o}of a){const e=[i,r,n].filter(Boolean).join("-");l.has(e)?l.set(e,[...l.get(e),o]):l.set(e,[o])}return Array.from(l.entries()).map(e=>{let[a,l]=e;const[n,r,i]=a.split(/\-/);return{name:n,image:null,description:`${r}x${i}px|PNG|300DPI`,productBaseVariants:(l||[]).map(e=>{const{attributes:a}=(t||[]).find(t=>{let{fulfillmentProductId:a}=t;return a===e})||{};return{attributes:a,id:void 0}}).filter(e=>{let{attributes:t}=e;return(null===t||void 0===t?void 0:t.length)>0})}})}const D="product_description_bullet",P=new RegExp("^"+D);function x(e){if(!e||"object"!==typeof e)return{};return{description:function(e){if(!e||"object"!==typeof e)return"";const t={};for(let l in e)if(P.test(l)){const a=l.slice(D.length);t[a]=e[l]}const a=Object.keys(t).sort((e,t)=>parseInt(e)-parseInt(t));return a.reduce((e,a)=>{const l=t[a],n=l?"<p>"+l+"</p>":"";return e+=n?n+"\n":""},"")}(e),title:i()(e,"product_name"),...function(e){if(!e||"object"!==typeof e)return{};let t=i()(e,"product_colors");if(!t||0===t.length)return{};if(t=t.filter(e=>{let{skus:t}=e;return!(!t||0===t.length)&&t.some(e=>{let{in_stock:t}=e;return 1===t})}),!t||0===t.length)return{};let a=[];const l=new Map,n=new Map,r=[];for(let i of t){if(!i||"object"!==typeof i)continue;const{color:e,color_hex:t,skus:o}=i;if(t&&r.push({name:e,value:t.startsWith("#")?t:"#"+t,patternImage:[]}),o&&0!==o.length)for(let r of o){if(!r||"object"!==typeof r)continue;const{catalog_sku_id:t,cost:i,mrsp:o,size:s,pallet:c,in_stock:u}=r;if(1!==u)continue;const d=[{name:"Color",slug:"color",option:e}];d.push({name:"Size",slug:"size",option:s}),a.push({attributes:d,regularPrice:parseFloat(o),sellerPrice:parseFloat(i),sorting:a.length,salePrice:0,fulfillmentProductId:t}),M({color:e,size:s},l),T(c,n,d)}}const o=Array.from(l.entries()).map(e=>{let[t,a]=e;const l=m()(t),n=Array.from(a.values());return{name:l,slug:s()(t),options:n}}),c=(a||[]).length,u=Array.from(n.entries()).map(e=>{let[t,a]=e;const[l,n,r,i]=t.split(/\-/),o=`${n}x${r}${i}|PNG|300DPI`,s=Array.from(a.values()),u=(s||[]).length;return{name:l,image:null,description:o,productBaseVariants:c!==u?s:[]}});return{variants:a,attributes:o,designPositions:u,colorCodes:r}}(e)}}function M(e,t){if(!e||"object"!==typeof e)return t;for(let a in e){const l=e[a];if(!l)continue;const n=t.get(a);n?t.set(a,n.add(l)):t.set(a,new Set([l]))}}function T(e,t,a){if(!e||0===e.length)return t;for(let{pallet_height:l,pallet_width:n,product_view:r}of e){const e=n||l,i=/[a-z]+/i,o=/[+-]?([0-9]*[.])?[0-9]+/,[s]=e.match(i)||[];let c=n;c&&([c]=c.match(o)||[]);let u=l;u&&([u]=u.match(o)||[]);const d=[r,c,u,s].filter(Boolean).join("-"),m={id:void 0,attributes:a},p=t.get(d);p?t.set(d,p.add(m)):t.set(d,new Set([m]))}return t}async function Q(e){const{__apolloClient__:t}=window;if(!e||!t)return{};try{const{data:a}=await t.query({query:g.t,variables:{id:e}});return x(i()(a,"getCustomcatVariantsByFFProductId"))}catch(a){console.error("error",a)}return{}}async function R(){const{__apolloClient__:e}=window;if(!e)return{};try{const{data:t}=await e.query({query:g.F});return function(e){if(!e||"object"!==typeof e||"success"!==e.status)return{};const{result:t}=e;if(!t||0===t.length)return{};const a={};for(let l of t){if(!l||"object"!==typeof l)continue;const{product_name:e,variants:t,product_id:n}=l;if(!t||0===t.length)continue;const r=[],i=new Map,o={};for(let a=0;a<t.length;a++){const e=t[a],{variant_id:l,size:n,color:s,price:c,hex_color_code:u}=e||{},d=[{name:"Color",slug:"color",option:s},{name:"Size",slug:"size",option:n}];null==o[s]&&u&&(o[s]={name:s,value:u.startsWith("#")?u:"#"+u,patternImage:[]}),r.push({attributes:d,regularPrice:Math.max(3*c,0).toFixed(2),sellerPrice:Math.max(c,0),salePrice:0,sorting:a,fulfillmentProductId:l}),M({color:s,size:n},i)}const c=Object.values(o),u=Array.from(i.entries()).map(e=>
3091{let[t,a]=e;const l=m()(t),n=Array.from(a.values());return{name:l,slug:s()(t),options:n}});a[n]={title:e,variants:r,attributes:u,colorCodes:c}}return a}(i()(t,"getGearmentProductsInfo",{}))}catch(t){console.error("error",t)}return{}}async function F(e){const{__apolloClient__:t}=window;if(!t)return{};try{const{data:a}=await t.query({query:g.g,variables:{originID:e}});return i()(a,"fetchGearmentProductDetailV3",{})}catch(a){console.error("error",a)}return{}}function N(e){if(!e||"object"!==typeof e)return{};const{description:t,name:a,item_variants:l,print_areas:n}=e,r=[],i={},o=new Map,c=new Map;if(Array.isArray(l)&&l.length>0){const e=l.filter(e=>{let{availability:t}=e;return"in_stock"===t});for(let t=0;t<e.length;t++){const a=e[t];if(!a||"object"!==typeof a)continue;const{id:l,cost:n,color:s,size:c}=a,{name:u,primary_hex:d}=s||{},{name:m}=c||{},p=[{name:"Color",slug:"color",option:u},{name:"Size",slug:"size",option:m}];null==i[u]&&d&&(i[u]={name:u,value:d.startsWith("#")?d:"#"+d,patternImage:[]}),r.push({attributes:p,regularPrice:Math.max(3*n,0).toFixed(2),sellerPrice:Math.max(n,0),salePrice:0,sorting:t,fulfillmentProductId:l}),M({color:u,size:m},o)}}Array.isArray(n)&&n.length>0&&function(e,t){if(!e||0===e.length)return t;for(let a of e){if(!a||"object"!==typeof a)continue;const{dpi:e,h:l,key:n,w:r}
3091=a,i=[n,r,l,e].filter(Boolean).join("-"),o={id:void 0},s=t.get(i);s?t.set(i,s.add(o)):t.set(i,new Set([o]))}}(n,c);const u=Object.values(i);return{title:a,description:t,variants:r,attributes:Array.from(o.entries()).map(e=>{let[t,a]=e;const l=m()(t),n=Array.from(a.values());return{name:l,slug:s()(t),options:n}}),colorCodes:u,designPositions:Array.from(c.entries()).map(e=>{let[t]=e;const[a,l,n,r]=t.split(/\-/);return{name:a,image:null,description:`${l}x${n}px|PNG|${r}DPI`,productBaseVariants:[]}})}}async function U(e){const{__apolloClient__:t}=window;if(!e||!t)return{};try{const{data:a}=await t.query({query:g.x,variables:{id:e}});return N(i()(a,"getDreamshipProductInfo"))}catch(a){console.error("error",a)}}async function L(e){const{__apolloClient__:t}=window;if(!e||!t)return{};try{var a,l;const{data:n}=await t.query({query:g.N,variables:{id:e}}),r=i()(n,"getMerchizeProductInfo");if((null===r||void 0===r||null===(a=r.attributes)||void 0===a?void 0:a.length)>0&&(null===r||void 0===r||null===(l=r.variants)||void 0===l?void 0:l.length)>0)return function(e){if(!e||"object"!==typeof e)return{};const{productObject:t,attributes:a,variants:l}=e,n=i()(t,"name"),r=i()(t,"content"),o={};for(let{_id:i,name:d}of a)o[i]={name:m()(d),slug:s()(d)};const c=[],u=new Map;for(let i=0;i<l.length;i++){const e=l[i];if(!e||"object"!==typeof e)continue;const{_id:t,options:a,base_cost:n}=l[i],r={},s=(a||[]).map(e=>{let{attribute:t,name:a}=e;const l=o[t];return l?(r[l.slug]=a,{...l,option:a}):null}).filter(Boolean);c.push({attributes:s,regularPrice:Number.parseFloat(Math.max(3*n,0).toFixed(2)),sellerPrice:Math.max(n,0),salePrice:0,sorting:i,fulfillmentProductId:t}),M(r,u)}return{title:n,description:r,attributes:Array.from(u.entries()).map(e=>{let[t,a]=e;const l=m()(t),n=Array.from(a.values());return{name:l,slug:s()(t),options:n}}),variants:c}}(r);{const{data:a}=await t.query({query:g.O,variables:{id:e}});if(null!=(null===a||void 0===a?void 0:a.getMerchizeProductInfoFromDB))return a.getMerchizeProductInfoFromDB}return{}}catch(n){console.error(null===n||void 0===n?void 0:n.toString())}}async function V(e,t){const{__apolloClient__:a}=window;if(!e||!t||!a)return{};try{const{data:l}=await a.query({query:g.i,variables:{filter:{id:e,search:t}}}),n=i()(l,"fulfillmentProductById.nodes")||[];let r;if(Object(A.c)(n))return;const o=n[0];return o&&!Object(A.Gb)(o)&&(null===o||void 0===o?void 0:o.fulfillmentSkus)&&(r=o.fulfillmentSkus),r}catch(l){console.error("error",l)}}async function z(e){const{__apolloClient__:t}=window;if(!e||!t)return{};try{const{data:a}=await t.query({query:g.Bb,variables:{reference:e}}),l=i()(a,"getTeezilyProductDetail.results");if(!l||!Array.isArray(l)||0===l.length)return{};let n=l.filter(Boolean).find(t=>t.reference===e);if(n||([n]=l),!n||!n.variants||!Array.isArray(n.variants)||0===n.variants.length)return{};const{name:r,variants:o,reference:c}=n,u=[],d=new Map;for(let e=0;e<o.length;e++){const t=o[e];if(Object(A.Gb)(t))continue;const{color:a,size:l,reference:n}=t,r=[{name:"Color",slug:"color",option:a},{name:"Size",slug:"size",option:l}];u.push({attributes:r,regularPrice:0,sellerPrice:0,salePrice:0,sorting:0,fulfillmentProductId:n}),M({color:a,size:l},d)}const b=Array.from(d.entries()).map(e=>{let[t,a]=e;const l=m()(t),n=Array.from(a.values());return{name:l,slug:s()(t),options:n}});let h;const f=p.w[c];return(null===f||void 0===f?void 0:f.length)>0&&(h=f.map(e=>({description:"",image:null,name:e}))),{title:r,variants:u,attributes:b,designPositions:h}}catch(a){console.error(null===a||void 0===a?void 0:a.toString())}}function q(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"color";if(!e||!Array.isArray(e)||0===e.length)return null;const a=e.find(e=>((null===e||void 0===e?void 0:e.slug)||"").toLowerCase()===t.toLowerCase());return a?(a.option||"").trim():null}function H(e,t){if(!e||!Array.isArray(e)||0===e.length||!t||"object"!==typeof t||0===Object.keys(t).length)return e;const a=[];for(let l of e){if(l&&l.fulfillmentProductId){const e=t[l.fulfillmentProductId];(null===e||void 0===e?void 0:e.sku)&&(l.fulfillmentSku=e.sku)}a.push(l)}return a}function $(e,t){if(!e||!Array.isArray(e)||0===e.length||!t||"object"!==typeof t||0===Object.keys(t).length)return e;const a=[],l=new Set;for(const i of e){var n;let e=i;if((null===i||void 0===i||null===(n=i.attributes)||void 0===n?void 0:n.length)>0){const{fulfillmentProductId:a,attributes:n}=i,r=t[a],o=de(n),s=[],c={};for(let e of o){const t=q(n,e);c[e]=t,s.push(t)}const u=s.join("__");if(e.__attr=u,r){Object.entries(c).every(e=>
3091{let[t,a]=e;return a===(r[t]||"").trim()})&&(e.fulfillmentSku=r.sku,l.add(u))}}a.push(e)}const r=[];for(let i of a){const{__attr:e,...t}=i;l.has(e)?t.fulfillmentSku&&r.push(t):r.push(t)}return r}function _(e,t,a){if(Object(A.c)(e)||Object(A.c)(t))return t;const l=t.map(e=>{let{fulfillmentProductId:t}=e;return t}),n=[];for(let r of e)l.includes(r.fulfillmentProductId)||n.push(r);return $(n,a)}function G(e,t){let a=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(!e||0===e.length||!t||0===t.length)return[];const l=t.map(e=>{let{fulfillmentProductId:t}=e;return a?parseInt(t):t}),n=[];for(let r of e)l.includes(r.id)||n.push(r);return n}function K(e){if(!e||0===e.length)return{variants:[],attributes:[]};const t=new Map;for(let a=0;a<e.length;a++){const l=e[a],{attributes:n=[]}=l||{};for(let e of n){const{name:a,option:l}=e||{};if(t.has(a)){const e=t.get(a);t.set(a,e.add(l))}else t.set(a,new Set([l]))}}return Array.from(t.entries()).map(e=>{let[t,a]=e;const l=m()(t),n=Array.from(a.values());return{name:l,slug:u()(t),options:n}})}function J(e){if(!e||0===e.length)return{variants:[],attributes:[]};const t=new Map,a=[];for(let l=0;l<e.length;l++){const n=e[l],{id:r,seller_price:i,regular_price:o,attributes:s=[]}=n||{};for(let e of s){const{name:a,option:l}=e||{};if(e.name=m()(a),e.slug=u()(a),t.has(a)){const e=t.get(a);t.set(a,e.add(l))}else t.set(a,new Set([l]))}a.push({sorting:l,regularPrice:o,salePrice:0,sellerPrice:i,attributes:s,fulfillmentProductId:r})}return{variants:a,attributes:Array.from(t.entries()).map(e=>{let[t,a]=e;const l=m()(t),n=Array.from(a.values());return{name:l,slug:u()(t),options:n}})}}async function Y(e){if(!e||0===e.length)return;const{__apolloClient__:t}=window;if(null!=t)try{const{data:a}=await t.query({query:g.s,variables:{productBaseID:e}});return i()(a,"getCustomcatProductProviderVariants",[])}catch(a){}}async function W(e){if(!e||0===e.length)return;const{__apolloClient__:t}=window;if(null!=t)try{const{data:a}=await t.query({query:g.y,variables:{productBaseID:e}});return i()(a,"getDreamshipProductProviderVariants",[])}catch(a){}}function Z(e){if(!e||0===e.length)return{variants:[],attributes:[]};const t=new Map,a=[];for(let l=0;l<e.length;l++){const n=e[l],{id:r,cost:i,attributes:o=[]}=n||{};for(let e of o){const{name:a,option:l}=e||{};if(e.name=m()(a),e.slug=a,t.has(a)){const e=t.get(a);t.set(a,e.add(l))}else t.set(a,new Set([l]))}a.push({sorting:l,regularPrice:0,salePrice:0,sellerPrice:i,attributes:o,fulfillmentProductId:r})}return{variants:a,attributes:Array.from(t.entries()).map(e=>{let[t,a]=e;const l=m()(t),n=Array.from(a.values());return{name:l,slug:u()(t),options:n}})}}async function X(e,t){const{__apolloClient__:a}=window;if(e&&t&&a){try{const{data:l}=await a.query({query:g.ab,variables:{productID:e+"",printProviderID:t+""}});return i()(l,"getPrintifyProductPrintProviderVariants.variants",[])}catch(l){}return[]}}function ee(e,t){if(e&&0!==e.length&&t&&0!==t.length){for(let a of t)-1===e.findIndex(e=>{let{slug:t}=e;return t===a.slug})&&e.push(a);for(let a of e){const{options:e,slug:l}=a,{options:n}=t.find(e=>e.slug===l),r=[...e];for(let t of n)e.includes(t)||r.push(t);a.options=r}return e}}function te(e,t){if(e&&0!==e.length&&t&&0!==t.length){for(let l of t){const t=a(l);-1===e.findIndex(e=>a(e)===t)&&e.push(l)}for(let n of e){const{productBaseVariants:e}=n,r=a(n),i=t.find(e=>a(e)===r);if(!i||!i.productBaseVariants||0===i.productBaseVariants.length)continue;const o=(e||[]).reduce((e,t)=>{const{attributes:a}=t,n=l(a);return e.push(n),e},[]);for(let t of i.productBaseVariants){const a=l(t.attributes);o.includes(a)||e.push(t)}const s=(e||[]).reduce((e,t)=>(e[(t.attributes||[]).map(e=>e.option).join("__")]=t,e),{});n.productBaseVariants=Object.values(s)}return e}function a(e){if(!e)return"";const{name:t,description:a}=e;return`${t}${a}`}function l(e){return(e||[]).map(e=>{let{option:t}=e;return t}).filter(Boolean).join("_")}}async function ae(e){const{__apolloClient__:t}=window;if(!e||!t)return{};try{const{data:a}=await t.query({query:g.n,variables:{shortCode:e}}),l=i()(a,"getBurgerPrintsProduct");
3091if(!l||"object"!==typeof l)return{};const{html_desc:n,name:r,short_code:o,variations:c}=l;if(o!==e)return{};const u=[],d=new Map;for(let e=0;e<c.length;e++){const t=c[e];if(Object(A.Gb)(t))continue;const{sku:a,size:l,color:n,price:r}=t,i=[{name:"Color",slug:"color",option:n},{name:"Size",slug:"size",option:l}];u.push({attributes:i,regularPrice:Object(A.a)(3*r,2),salePrice:0,sellerPrice:Object(A.a)(r,2),sorting:e,fulfillmentProductId:a}),M({color:n,size:l},d)}return{title:r,description:n,variants:u,attributes:Array.from(d.entries()).map(e=>{let[t,a]=e;const l=m()(t),n=Array.from(a.values());return{name:l,slug:s()(t),options:n}})}}catch(a){console.error(null===a||void 0===a?void 0:a.toString())}}async function le(e){const{__apolloClient__:t}=window;if(!e||!t)return{};try{const{data:a}=await t.query({query:g.X,variables:{productCode:e}}),l=i()(a,"getPrintBelleProduct");if(!l||"object"!==typeof l)return{};const{description:n,title:r,attributes:o,variants:s}=l;return{title:r,description:n,variants:(s||[]).map(e=>({...e,regularPrice:Object(A.a)(3*e.sellerPrice,2),salePrice:0,sellerPrice:Object(A.a)(e.sellerPrice,2)})),attributes:o}}catch(a){console.error(null===a||void 0===a?void 0:a.toString())}}function ne(e,t){const a=(e||[]).find(e=>(e.slug||"").toLowerCase()===t);return((null===a||void 0===a?void 0:a.option)||"").toLowerCase().trim()}function re(e){return(e||[]).reduce((e,t)=>(e[function(e){if(!e||Object(A.c)(e.attributes))return;return`${ne(e.attributes,"color")}__${ne(e.attributes,"size")}`}(t)]=t,e),[])}function ie(e,t){const a=(l=e,Object.entries(l||{}).reduce((e,t)=>{let[a,l]=t;return e[(a||"").toLowerCase()]=l,e},{}));var l;const n=re(t),r=[];for(let[i,o]of Object.entries(n))a[i]&&(o={...o,fulfillmentWarehouses:a[i]}),r.push({...o});return r}const oe={size:{name:"Size",slug:"size",pt:/sizes?/i},color:{name:"Color",slug:"color",pt:/colors?/i},type:{name:"Product Type",slug:"product type",pt:/types?/i}};oe.type,oe.type,oe.type,oe.type,oe.size,oe.size,oe.color,oe.color;function se(e,t){const a={};for(let n of[...e||[],...t||[]]){if(!n||!n.slug||Object(A.c)(n.options))continue;const e=(l=n.slug)?l.toLowerCase().replace(/[^\w -]+/g,"").replace(/ +/g,"-"):"",t=a[e]?a[e].options:[],r=Array.from(new Set([...t,...n.options]));a[e]={...n,options:r}}var l;return Object.values(a)}function ce(e){if(Object(A.c)(e))return{};const t=new Map;for(let a of e){if(!a||Object(A.c)(a.attributes))continue;let e=[];for(let t of a.attributes)t&&t.option&&e.push(t.option);const l=e.join("__").toLowerCase();t.set(l,a)}return Object.fromEntries(t)}function ue(e,t){const a=ce(e),l=ce(t),n=[];for(let[r,i]of Object.entries({...a,...l}))n[r]||n.push(i);return n}function de(e){if(Object(A.c)(e))return[];const t=e.map(e=>((null===e||void 0===e?void 0:e.slug)||"").toLowerCase()).filter(Boolean),a=new Set(t);return Array.from(a)}},,function(e,t,a){"use strict";a.d(t,"f",(function(){return l})),a.d(t,"d",(function(){return r})),a.d(t,"g",(function(){return i})),a.d(t,"a",(function(){return o})),a.d(t,"c",(function(){return s})),a.d(t,"b",(function(){return c})),a.d(t,"e",(function(){return u}));const l={Pending:"Pending",Doing:"Doing",NeedReview:"Need Review",Rejected:"Rejected",Done:"Done",Cancel:"Cancel",Denied:"Denied",Expired:"Expired",ExpiredSoon:"Expired Soon",NeedBuyerConfirm:"Need Buyer Confirm",AwaitingBuyerConfirm:"Awaiting Buyer Confirm",ArtworkConfigurable:"Artwork Configurable"};let n=[];for(let d=.25;d<=10;d+=.25)n.push(d);n.splice(1,0,.3),n.unshift(.12),n.unshift(0);
3091const r=n,i="design_idea_task",o="design_task",s="idea_task",c=[i,o,s],u={[i]:["/design-tasks","/design-tasks/ideas"],[o]:["/design-tasks"],[s]:["/design-tasks/ideas"]}},function(e,t,a){"use strict";a.r(t),a.d(t,"PaginationPolaris",(function(){return d}));var l=a(0),n=a.n(l),r=a(1),i=a(9),o=a(2),s=a(11);const c=i.b.div` 3092 min-width: ${e=>e.showTotal?"900px":"auto"}; 3093 min-width: ${e=>{let{widthSmall:t}=e;return t?"auto":""}}; 3094 width: 100%; 3095 display: flex; 3096 flex-direction: row; 3097 align-items: center; 3098 justify-content: space-between; 3099 3100 ${e=>{let{isMobile:t}=e;return t&&"min-width: auto;\n flex-direction: column; \n align-items: start;\n justify-content: start;\n row-gap: 0.5rem;\n \n .info-pagination {\n width: 100% !important;\n }\n "}} 3101 3102 @media (max-width: 1200px) { 3103 padding-right: 1.6rem; 3104 } 3105 3106 .Polaris-Pagination { 3107 margin-top: 0; 3108 margin-bottom: 0; 3109 } 3110 3111 .custom-pagination { 3112 .Polaris-Button { 3113 padding-left: 0.6rem; 3114 padding-right: 0.6rem; 3115 3116 .Polaris-Button__Text { 3117 font-size: 1.6rem; 3118 } 3119 } 3120 } 3121 3122 .control-pagination { 3123 display: flex; 3124 flex-direction: row; 3125 gap: 1rem; 3126 flex-wrap: wrap; 3127 } 3128 3129 .info-pagination { 3130 max-with: 40%; 3131 text-align: right; 3132 } 3133 3134 @media (max-width: 768px) { 3135 .info_wrap { 3136 display: none; 3137 } 3138 3139 .total_wrap { 3140 display: flex; 3141 flex-direction: column; 3142 } 3143 3144 .info-pagination { 3145 width: 30%; 3146 } 3147 } 3148 3149 .go-to-wrap { 3150 display: flex; 3151 flex-direction: row; 3152 column-gap: 1rem; 3153 align-items: center; 3154 3155 .Polaris-Connected { 3156 width: 8rem; 3157 } 3158 } 3159`,u=[10,20,30,50,100],d=e=>{let{aggregation:{page:t,totalPage:a,offset:i,limit:d,onChange:m,total:p},showTotal:g,baseCost:A,totalRevenue:b,totalQty:h,totalOrder:f,totalKpi:v,totalKpiAssignTask:E,gotoPage:y=!1,size:C="medium",widthSmall:k=!1,maxPages:O=5,totalMarkup:j,extraFooter:w=null,limitRange:S=u}=e;const{isMobile:I}=Object(s.c)(),[B,D]=Object(l.useState)(!1),[P,x]=Object(l.useState)(d),[M,T]=Object(l.useState)(i),[Q,R]=Object(l.useState)(""),F=n.a.useRef(null);Object(l.useEffect)(()=>{m&&m(M,P)},[M,P]),d="string"===typeof d?Number(d):d,i="string"===typeof i?Number(i):i;let N=i+1,U=i+d;p<U&&(U=p);const L=n.a.useRef(d);Object(l.useEffect)(()=>{L.current!==d&&(x(d),L.current=d)},[d]);const V=Object(o.r)(p,t,d,O);let{pages:z}=V;const q=Object(l.useCallback)(e=>{T((e-1)*d)},[d]),H=Object(l.useCallback)(e=>{T(e)},[]),$=Object(l.useCallback)(()=>D(e=>!e),[]),_=n.a.createElement(r.J,{label:`${t}/${a}`,hasPrevious:t>1,onPrevious:()=>H(i-d),hasNext:t<a,onNext:()=>H(i+d)}),G=n.a.createElement("div",{className:"custom-pagination"},I?_:n.a.createElement(r.h,null,!k&&z&&z.length>=O&&n.a.createElement(r.g,{onClick:()=>q(1),children:"<<",disabled:1===t,size:C}),n.a.createElement(r.g,{onClick:()=>q(t-1),children:"<",disabled:1===t,size:C}),z&&z.map((e,a)=>n.a.createElement(r.g,{primary:t===e,children:""+e,key:"button-"+a,onClick:()=>q(e),size:C})),n.a.createElement(r.g,{onClick:()=>q(t+1),children:">",disabled:t===a,size:C}),!k&&z&&z.length>=O&&n.a.createElement(r.g,{onClick:()=>q(a),children:">>",disabled:t===a,size:C}))),K=n.a.createElement(r.g,{onClick:$,disclosure:!0,size:C},P," / page");S.includes(d)||S.push(d),S.sort((e,t)=>e-t);const J=S.map(e=>({content:e+" / page",onAction:()=>{x(e),T(0)},active:e===P})),Y=Object(l.useCallback)(e=>{const t=e?parseInt(e):1;return Math.max(1,Math.min(t,a))},[a]),W=n.a.useCallback(e=>{R(e);const t=Y(e);F.current&&clearTimeout(F.current),F.current=setTimeout(()=>{q(t)},750)},[Y,q]),Z=y?n.a.createElement("div",{className:"go-to-wrap"},n.a.createElement("span",null,"Go to"),n.a.createElement(r.cb,{type:"number",value:Q,min:1,onChange:W})):null;return n.a.createElement(c,{showTotal:g,widthSmall:k,isMobile:I},n.a.createElement("div",{className:"control-pagination"},p?G:_,g&&n.a.createElement(r.K,{active:B,onClose:$,activator:K,fullWidth:!0},n.a.createElement(r.a,{items:J})),Z),g&&n.a.createElement(n.a.Fragment,null,n.a.createElement("span",{className:"info-pagination"},n.a.createElement("div",{className:"info_wrap"},n.a.createElement("strong",null,N)," to ",n.a.createElement("strong",null,U)," ","of ",n.a.createElement("strong",null,p)," ",p>1?"items":"item",f&&h?n.a.createElement("span",null," ","(",n.a.createElement("strong",null,h)," ",h>1?"units":"unit"," /"," ",n.a.createElement("strong",null,f)," ",f>1?"orders":"order",")."):"."),n.a.createElement("div",{className:"total_wrap"},v?n.a.createElement("span",null," ","Total done KPI: ",n.a.createElement("strong",null,v),"."):null,E?n.a.createElement("span",null," ","Total KPI:"," ",n.a.createElement("strong",null,E),"."):null,A?n.a.createElement("span",null," ","Total base cost:"," ",n.a.createElement("strong",null,o.D.format(A)),"."):null,b?n.a.createElement("span",null," ","Total revenue:"," ",n.a.createElement("strong",null,o.D.format(b)),"."):null,j),w)))};t.default=d},,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var l=a(0),n=a.n(l);function r(){const e=n.a.useRef(null),t=n.a.useCallback((function(t){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:500;e.current&&window.clearTimeout(e.current),e.current=window.setTimeout(()=>{t()},a)}),[]),a=n.a.useCallback(()=>{e.current&&window.clearTimeout(e.current)},[]);return n.a.useEffect(()=>a,[]),[t,a]}},,function(e,t,a){"use strict";a.d(t,"F",(function(){return n})),a.d(t,"b",(function(){return o}
3159)),a.d(t,"a",(function(){return s})),a.d(t,"f",(function(){return c})),a.d(t,"g",(function(){return u})),a.d(t,"H",(function(){return d})),a.d(t,"k",(function(){return m})),a.d(t,"j",(function(){return p})),a.d(t,"q",(function(){return g})),a.d(t,"m",(function(){return A})),a.d(t,"p",(function(){return b})),a.d(t,"o",(function(){return h})),a.d(t,"i",(function(){return f})),a.d(t,"e",(function(){return v})),a.d(t,"n",(function(){return E})),a.d(t,"r",(function(){return y})),a.d(t,"s",(function(){return C})),a.d(t,"l",(function(){return k})),a.d(t,"G",(function(){return O})),a.d(t,"v",(function(){return j})),a.d(t,"u",(function(){return w})),a.d(t,"B",(function(){return S})),a.d(t,"w",(function(){return I})),a.d(t,"z",(function(){return B})),a.d(t,"A",(function(){return D})),a.d(t,"c",(function(){return P})),a.d(t,"d",(function(){return x})),a.d(t,"x",(function(){return M})),a.d(t,"h",(function(){return T})),a.d(t,"y",(function(){return Q})),a.d(t,"I",(function(){return R})),a.d(t,"D",(function(){return F})),a.d(t,"J",(function(){return N})),a.d(t,"C",(function(){return U})),a.d(t,"E",(function(){return V})),a.d(t,"t",(function(){return z}));var l=a(35);const n=l.a` 3160 fragment WarningAddressFragment on WarningAddress { 3161 id 3162 createdAt 3163 address1 3164 address2 3165 city 3166 country 3167 state 3168 postalCode 3169 company 3170 } 3171`,r=l.a` 3172 fragment CrawlItemVariantAttributesFragment on CrawlItemVariantAttributes { 3173 name 3174 value 3175 } 3176`,i=l.a` 3177 fragment ProductCrawlItemVariantFragment on ProductCrawlItemVariant { 3178 attribute { 3179 ...CrawlItemVariantAttributesFragment 3180 } 3181 image 3182 } 3183 ${r} 3184`,o=l.a` 3185 fragment ComplexProductCrawlItemFragment on ComplexProductCrawlItem { 3186 id 3187 createdAt 3188 author { 3189 id 3190 firstName 3191 lastName 3192 } 3193 teamId 3194 url 3195 title 3196 status 3197 itemId 3198 source 3199 productSku 3200 variantAttributes { 3201 ...ProductCrawlItemVariantFragment 3202 } 3203 } 3204 ${i} 3205`,s=l.a` 3206 fragment ChannelTeamFragment on ChannelTeam { 3207 id 3208 createdAt 3209 name 3210 teamID 3211 channel 3212 members { 3213 id 3214 firstName 3215 lastName 3216 } 3217 } 3218`,c=l.a` 3219 fragment FieldFragment on Field { 3220 id 3221 name 3222 title 3223 type 3224 extraFee 3225 configure 3226 sorting 3227 } 3228`,u=l.a` 3229 fragment FileFragment on File { 3230 id 3231 createdAt 3232 bucket 3233 key 3234 name 3235 url 3236 thumbnailUrl 3237 alt 3238 caption 3239 mimeType 3240 } 3241`,d=l.a` 3242 fragment reportOrdersResultFragment on ReportOrdersResult { 3243 total 3244 nodes { 3245 id 3246 originId 3247 status 3248 createdAt 3249 } 3250 } 3251`,m=l.a` 3252 fragment ProductHasSaleStatFragment on ProductHasSaleStat { 3253 productID 3254 totalOrders 3255 topStores { 3256 store { 3257 id 3258 title 3259 } 3260 totalOrders 3261 } 3262 product { 3263 id 3264 title 3265 sku 3266 personalized 3267 images { 3268 id 3269 file { 3270 id 3271 thumbnailUrl 3272 url 3273 } 3274 } 3275 mainImage { 3276 id 3277 thumbnailUrl 3278 url 3279 } 3280 3281 fields { 3282 id 3283 name 3284 title 3285 type 3286 extraFee 3287 configure 3288 sorting 3289 } 3290 productBases { 3291 id 3292 } 3293 3294 collections { 3295 id 3296 name 3297 } 3298 } 3299 } 3300`,p=l.a` 3301 fragment ProductGen2dMockupsFragment on Product { 3302 id 3303 productBases { 3304 id 3305 title 3306 attributes { 3307 name 3308 slug 3309 options 3310 } 3311 designPositions { 3312 id 3313 name 3314 description 3315 } 3316 variants { 3317 id 3318 attributes { 3319 name 3320 slug 3321 option 3322 } 3323 } 3324 } 3325 title 3326 shortTitle 3327 amzTitle 3328 sku 3329 status 3330 description 3331 personalized 3332 fields { 3333 id 3334 name 3335 title 3336 type 3337 extraFee 3338 configure 3339 sorting 3340 } 3341 collections { 3342 id 3343 name 3344 } 3345 tags { 3346 id 3347 name 3348 } 3349 mockup2DGenerate { 3350 id 3351 status 3352 isNeedReview 3353 productBaseOnlyUseDesignForGenMockup 3354 randomMockupTemplate { 3355 productBaseId 3356 qty 3357 } 3358 } 3359 images { 3360 id 3361 file { 3362 id 3363 key 3364 name 3365 url 3366 thumbnailUrl 3367 mimeType 3368 } 3369 } 3370 variants { 3371 id 3372 disabled 3373 regularPrice 3374 productBaseVariantId 3375 productBaseVariant { 3376 id 3377 productBase { 3378 id 3379 } 3380 attributes { 3381 name 3382 slug 3383 option 3384 } 3385 } 3386 } 3387 designPositions { 3388 id 3389 designPosition { 3390 id 3391 } 3392 file { 3393 id 3394 key 3395 name 3396 url 3397 thumbnailUrl 3398 mimeType 3399 } 3400 } 3401 } 3402`,g=l.a` 3403 fragment SaleByStoreManagerFragment on SaleByStoreManager { 3404 userId 3405 totalSale 3406 totalBaseCost 3407 totalRevenues 3408 user { 3409 id 3410 firstName 3411 lastName 3412 } 3413 } 3414`,A=l.a` 3415 fragment SaleByMarketplaceManagerFragment on SaleByMarketplaceManager { 3416 userId 3417 totalSale 3418 totalBaseCost 3419 totalRevenues 3420 user { 3421 id 3422 firstName 3423 lastName 3424 } 3425 } 3426`,b=l.a` 3427 fragment SaleByStoreFragment on SaleByStore { 3428 storeId 3429 totalSale 3430 totalBaseCost 3431 totalRevenues 3432 store { 3433 id 3434 title 3435 } 3436 totalKpis { 3437 total 3438 totalKPIOnline 3439 totalKPIOffline 3440 totalKPIBot 3441 } 3442 } 3443`,h=l.a` 3444 fragment SaleBySellerFragment on SaleBySeller { 3445 userId 3446 totalSale 3447 totalBaseCost 3448 totalRevenues 3449 user { 3450 id 3451 firstName 3452 lastName 3453 } 3454 totalKpis { 3455 total 3456 totalKPIOnline 3457 totalKPIOffline 3458 totalKPIBot 3459 } 3460 stores { 3461 ...SaleByStoreFragment 3462 } 3463 } 3464 ${b} 3465`,f=l.a` 3466 fragment KpiByDesignerFragment on KpiByDesigner { 3467 assigneeId 3468 rejectedTimeCount 3469 totalDoneKpi 3470 totalDoneTasks 3471 assignee { 3472 id 3473 firstName 3474 lastName 3475 } 3476 } 3477`,v=l.a` 3478 fragment CreatedProductByUserItemFragment on CreatedProductByUserItem { 3479 userId 3480 user { 3481 id 3482 firstName 3483 lastName 3484 } 3485 totalProducts 3486 } 3487`,E=l.a` 3488 fragment SaleByProductItemFragment on SaleByProductItem { 3489 productId 3490 totalSale 3491 product { 3492 id 3493 title 3494 sku 3495 personalized 3496 productBases { 3497 id 3498 title 3499 } 3500 mainImageId 3501 mainImage { 3502 id 3503 thumbnailUrl 3504 url 3505 mimeType 3506 } 3507 images { 3508 id 3509 file { 3510 id 3511 thumbnailUrl 3512 url 3513 mimeType 3514 } 3515 } 3516 } 3517 } 3518`,y=l.a` 3519 fragment SaleChanelOverviewResultFragment on SaleChanelOverviewResult { 3520 revenues 3521 totalUnits 3522 totalOrders 3523 etsy 3524 ebay 3525 amazon 3526 tiktok 3527 facebookMarketplace 3528 onlineStore 3529 totalBaseCost 3530 chartValues { 3531 date 3532 totalUnits 3533 formatedDate 3534 } 3535 } 3536`,C=l.a` 3537 fragment SaleChannelOverviewByProductIDtResultFragment on SaleChannelOverviewByProductIDtResult { 3538 revenues 3539 totalUnits 3540 totalOrders 3541 etsy 3542 ebay 3543 amazon 3544 tiktok 3545 facebookMarketplace 3546 onlineStore 3547 totalBaseCost 3548 chartValues { 3549 date 3550 totalUnits 3551 formatedDate 3552 } 3553 } 3554`,k=l.a` 3555 fragment SaleByGroupItemFragment on SaleByGroupItem { 3556 groupId 3557 totalSale 3558 totalBaseCost 3559 totalRevenues 3560 group { 3561 id 3562 name 3563 } 3564 } 3565`,O=l.a` 3566 fragment mailchimpFragment on Mailchimp { 3567 apiKey 3568 listId 3569 } 3570`,j=l.a` 3571 fragment StoreFragment on Store { 3572 id 3573 team { 3574 id 3575 name 3576 } 3577 title 3578 domain 3579 platform 3580 verified 3581 status 3582 owners { 3583 user { 3584 id 3585 firstName 3586 lastName 3587 email 3588 avatar { 3589 id 3590 thumbnailUrl 3591 } 3592 } 3593 store_id 3594 role 3595 } 3596 createdAt 3597 email 3598 apiKey 3599 suspended 3600 usingFakeVariants 3601 shopbasePublicDomain 3602 shopifyPublicDomain 3603 note 3604 ignoreCronFetch 3605 group { 3606 id 3607 name 3608 } 3609 groupId 3610 facebookUid 3611 } 3612`,w=l.a` 3613 fragment StoreDepositHistoryFragment on StoreDepositHistory { 3614 date 3615 currency 3616 amount 3617 status 3618 bankAccountEndingDigits 3619 } 3620`,S=l.a` 3621 fragment TaskFragment on Task { 3622 id 3623 log 3624 doneDate 3625 hasTaskSubmission 3626 assignDate 3627 isAwaitingApproval 3628 note 3629 productVariantId 3630 rejectedTimeCount 3631 ideaTitle 3632 hasTemplateGenMockup 3633 priority 3634 designTeamID 3635 label 3636 artistTaskID 3637 artistFiles 3638 designTeam { 3639 id 3640 name 3641 } 3642 designOnlineTeamID 3643 designOnlineTeam { 3644 name 3645 } 3646 collections { 3647 id 3648 name 3649 } 3650 createBy { 3651 id 3652 firstName 3653 lastName 3654 } 3655 assignee { 3656 id 3657 firstName 3658 lastName 3659 } 3660 medias { 3661 ...FileFragment 3662 } 3663 product { 3664 id 3665 title 3666 sku 3667 hasPsdInNas 3668 mainImageId 3669 hasPBArtwork 3670 basesHasArtwork 3671 baseVariantsHasArtwork 3672 ideaTaskId 3673 productBases { 3674 id 3675 } 3676 images { 3677 id 3678 productBaseId 3679 file { 3680 ...FileFragment 3681 } 3682 } 3683 psdFiles { 3684 ...FileFragment 3685 } 3686 psd 3687 isCannotConfigInPB 3688 cannotConfigInPBNote 3689 collections { 3690 id 3691 name 3692 } 3693 tags { 3694 id 3695 name 3696 } 3697 } 3698 order { 3699 status 3700 store { 3701 id 3702 platform 3703 title 3704 } 3705 } 3706 resources { 3707 ...FileFragment 3708 } 3709 requirement 3710 status 3711 kpiType 3712 numOfCharacter 3713 orderId 3714 order { 3715 id 3716 originId 3717 lineItemID 3718 originalProductIsCampaign 3719 usingTaskBulkDesign 3720 fulfillmentServiceShippingOption 3721 product { 3722 id 3723 personalized 3724 mainImageId 3725 images { 3726 id 3727 productBaseId 3728 file { 3729 ...FileFragment 3730 } 3731 } 3732 productBases { 3733 id 3734 title 3735 attributes { 3736 name 3737 options 3738 } 3739 } 3740 } 3741 productVariant { 3742 id 3743 sku 3744 hasPsdInNas 3745 productBaseVariant { 3746 id 3747 attributes { 3748 name 3749 slug 3750 option 3751 } 3752 productBase { 3753 id 3754 title 3755 slug 3756 nasFileNameSyntax 3757 designPositions { 3758 id 3759 name 3760 productBaseVariants { 3761 id 3762 } 3763 } 3764 } 3765 } 3766 } 3767 originalProductID 3768 originalProduct { 3769 id 3770 title 3771 sku 3772 hasPsdInNas 3773 } 3774 originalProductVariant { 3775 id 3776 hasPsdInNas 3777 sku 3778 productBaseVariant { 3779 id 3780 productBase { 3781 id 3782 title 3783 nasFileNameSyntax 3784 } 3785 } 3786 } 3787 } 3788 personalized 3789 kpi 3790 ideaKpi 3791 defaultKpi 3792 deadline 3793 createdAt 3794 updatedAt 3795 description 3796 productId 3797 teamId 3798 taskType 3799 relatedProducts { 3800 id 3801 images { 3802 id 3803 file { 3804 ...FileFragment 3805 } 3806 } 3807 } 3808 taskBaseGroups { 3809 id 3810 fields { 3811 id 3812 name 3813 } 3814 medias { 3815 ...FileFragment 3816 } 3817 collections { 3818 id 3819 name 3820 } 3821 tags { 3822 id 3823 name 3824 } 3825 relatedProducts { 3826 id 3827 title 3828 } 3829 baseConfigs { 3830 id 3831 taskBaseSubmissions { 3832 id 3833 customMockups { 3834 ...FileFragment 3835 } 3836 taskBaseMockups { 3837 id 3838 outputMockup { 3839 ...FileFragment 3840 } 3841 } 3842 } 3843 } 3844 } 3845 needReviewAt 3846 } 3847 ${u} 3848`,I=l.a` 3849 fragment TaskAggerationFragment on TaskAggeration { 3850 all 3851 pending 3852 doing 3853 needReview 3854 rejected 3855 done 3856 cancel 3857 denied 3858 expired 3859 expiredSoon 3860 assigned 3861 unAssigned 3862 pendingDesign 3863 totalKpi 3864 totalKpiAssignTask 3865 fileGenerating 3866 } 3867`,B=l.a` 3868 fragment TaskByIdFragment on Task { 3869 id 3870 orderId 3871 order { 3872 originalProduct{ 3873 psd 3874 } 3875 id 3876 originId 3877 lineItemID 3878 productVariant { 3879 id 3880 productBaseVariant { 3881 id 3882 attributes { 3883 name 3884 slug 3885 option 3886 } 3887 productBase { 3888 id 3889 title 3890 } 3891 } 3892 } 3893 personalizedPreview 3894 } 3895 product { 3896 id 3897 title 3898 mainImageId 3899 images { 3900 id 3901 productBaseId 3902 file { 3903 ...FileFragment 3904 } 3905 } 3906 designPositions { 3907 id 3908 designPosition { 3909 id 3910 name 3911 displayName 3912 sorting 3913
3913 description 3914 productBaseId 3915 artworkGuidelines { 3916 description 3917 file { 3918 ...FileFragment 3919 } 3920 } 3921 } 3922 } 3923 productBases { 3924 id 3925 title 3926 } 3927 psd 3928 psdFiles { 3929 ...FileFragment 3930 } 3931 } 3932 resources { 3933 ...FileFragment 3934 } 3935 assignee { 3936 id 3937 email 3938 } 3939 requirement 3940 personalized 3941 kpi 3942 kpiType 3943 deadline 3944 createdAt 3945 status 3946 } 3947 ${u} 3948`,D=l.a` 3949 fragment TaskCommentFragment on TaskComment { 3950 id 3951 createdAt 3952 updatedAt 3953 content 3954 taskId 3955 rejectReason 3956 authorId 3957 author { 3958 id 3959 firstName 3960 lastName 3961 } 3962 files { 3963 ...FileFragment 3964 } 3965 } 3966 ${u} 3967`,P=l.a` 3968 fragment CountTaskByUserFragment on CountTaskByUser { 3969 id 3970 firstName 3971 lastName 3972 all 3973 pending 3974 doing 3975 needReview 3976 rejected 3977 done 3978 cancel 3979 denied 3980 expired 3981 expiredSoon 3982 kpi 3983 } 3984`,x=l.a` 3985 fragment CountTaskRejectForUserFragment on CountTaskRejectForUser { 3986 firstName 3987 lastName 3988 reject 3989 doneTaskRejectedTimes 3990 id 3991 kpi 3992 kpiByRejectTimes 3993 } 3994`,M=l.a` 3995 fragment TaskBaseMockupFragment on TaskBaseMockup { 3996 id 3997 taskBaseConfigId 3998 taskBaseSubmissionId 3999 originTemplateId 4000 status 4001 outputMockupId 4002 isMainMockup 4003 outputMockup { 4004 ...FileFragment 4005 } 4006 mockupLayerConfigs { 4007 templateId 4008 layers { 4009 name 4010 imageUrl 4011 x 4012 y 4013 width 4014 height 4015 opacity 4016 rotation 4017 } 4018 } 4019 } 4020 ${u} 4021`,T=l.a` 4022 fragment IdeaTaskFragment on Task { 4023 id 4024 ideaTitle 4025 ideaDesc 4026 ideaKpi 4027 status 4028 declineReason 4029 priority 4030 kpi 4031 defaultKpi 4032 designTeamID 4033 designTeam { 4034 id 4035 name 4036 } 4037 createBy { 4038 id 4039 firstName 4040 lastName 4041 } 4042 assigneeId 4043 assignee { 4044 id 4045 firstName 4046 lastName 4047 } 4048 collections { 4049 id 4050 name 4051 } 4052 tags { 4053 id 4054 name 4055 } 4056 niches { 4057 id 4058 name 4059 } 4060 medias { 4061 ...FileFragment 4062 } 4063 relatedProducts { 4064 id 4065 title 4066 sku 4067 hasPsdInNas 4068 productBases { 4069 id 4070 title 4071 } 4072 designPositions { 4073 id 4074 file { 4075 id 4076 name 4077 mimeType 4078 url 4079 thumbnailUrl 4080 } 4081 designPosition { 4082 id 4083 name 4084 productBaseId 4085 } 4086 } 4087 images { 4088 id 4089 file { 4090 id 4091 thumbnailUrl 4092 url 4093 } 4094 } 4095 } 4096 taskBaseGroups { 4097 id 4098 # taskId 4099 title 4100 description 4101 status 4102 isPersonalized 4103 ideaDescription 4104 position 4105 productId 4106 product { 4107 id 4108 psd 4109 psdFiles { 4110 ...FileFragment 4111 } 4112 } 4113 isPriority 4114 shortTitle 4115 amzTitle 4116 psdFiles { 4117 ...FileFragment 4118 } 4119 psd 4120 fields { 4121 ...FieldFragment 4122 } 4123 baseConfigs { 4124 id 4125 taskBaseGroupId 4126 productBaseId 4127 position 4128 activeProductBaseVariantIds 4129 activeAttributes { 4130 slug 4131 options 4132 } 4133 taskBaseSubmissions { 4134 id 4135 status 4136 rejectReason 4137 taskBaseConfigId 4138 taskBaseMockups {
4139 ...TaskBaseMockupFragment 4140 } 4141 taskBaseSubmissionFiles { 4142 id 4143 designPositionId 4144 designPosition { 4145 id 4146 name 4147 description 4148 } 4149 taskBaseSubmissionId 4150 generateMockupFileId 4151 file { 4152 id 4153 thumbnailUrl 4154 url 4155 mimeType 4156 } 4157 generateMockupFile { 4158 id 4159 thumbnailUrl 4160 url 4161 mimeType 4162 } 4163 } 4164 isCustomMockup 4165 customMockups { 4166 ...FileFragment 4167 } 4168 mainCustomMockupId 4169 mainCustomMockup { 4170 ...FileFragment 4171 } 4172 } 4173 } 4174 collections { 4175 id 4176 name 4177 } 4178 tags { 4179 id 4180 name 4181 } 4182 niches { 4183 id 4184 name 4185 } 4186 medias { 4187 ...FileFragment 4188 } 4189 relatedProducts { 4190 id 4191 title 4192 sku 4193 hasPsdInNas 4194 productBases { 4195 id 4196 title 4197 } 4198 designPositions { 4199 id 4200 file { 4201 id 4202 name 4203 mimeType 4204 url 4205 thumbnailUrl 4206 } 4207 designPosition { 4208 productBaseId 4209 id 4210 name 4211 } 4212 } 4213 images { 4214 id 4215 file { 4216 id 4217 thumbnailUrl 4218 url 4219 } 4220 } 4221 } 4222 } 4223 } 4224 ${u} 4225 ${c} 4226 ${M} 4227`,Q=l.a` 4228 fragment TaskBaseSubmissionFragment on TaskBaseSubmission { 4229 id 4230 status 4231 rejectReason 4232 taskBaseConfigId 4233 taskBaseSubmissionFiles { 4234 id 4235 designPosition { 4236 id 4237 name 4238 } 4239 } 4240 taskBaseMockups { 4241 ...TaskBaseMockupFragment 4242 } 4243 isCustomMockup 4244 customMockups { 4245 id 4246 name 4247 url 4248 thumbnailUrl 4249 } 4250 } 4251 ${M} 4252`,R=l.a` 4253 fragment reportTasksResultFragment on ReportTasksResult { 4254 total 4255 nodes { 4256 id 4257 status 4258 orderId 4259 kpi 4260 defaultKpi 4261 } 4262 } 4263`,F=l.a` 4264 fragment TrackingConfigFragment on TrackingConfig { 4265 teamId 4266 isEnable 4267 trackingmoreApi 4268 timeSubmitTrackingDelay 4269 timeSubmitTrackingToStoreDelay 4270 } 4271`,N=l.a` 4272 fragment reportTrackingResultFragment on ReportTrackingResult { 4273 total 4274 nodes { 4275 message 4276 count 4277 } 4278 } 4279`,U=l.a` 4280 fragment TeamItemStatisticsFragment on TeamItemStatistics { 4281 totalOrder 4282 totalProduct 4283 totalStore 4284 totalMappingOrder 4285 totalMember 4286 rootEmail 4287 team { 4288 id 4289 name 4290 createdAt 4291 } 4292 } 4293`,L=l.a` 4294 fragment TeamUserFragment on TeamUser { 4295 id 4296 role 4297 createdAt 4298 updatedAt 4299 status 4300 } 4301`,V=l.a` 4302 fragment UserFragment on User { 4303 id 4304 firstName 4305 lastName 4306 email 4307 roles 4308 phone 4309 status 4310 verified 4311 address 4312 avatar { 4313 ...FileFragment 4314 } 4315 createdAt 4316 updatedAt 4317 teamUser { 4318 ...TeamUserFragment 4319 } 4320 } 4321 ${L} 4322 ${u} 4323`,z=l.a` 4324 fragment ShippingOptionFragment on ShippingOption { 4325 id 4326 name 4327 } 4328`},function(e,t,a){"use strict";var l=a(1),n=a(0),r=a.n(n);t.a=function(e){let{children:t,fallback:a}=e,n=a;return"undefined"===typeof a&&(n=r.a.createElement(l.X,{size:"small"})),r.a.createElement(r.a.Suspense,{fallback:n},t)}},,,function(e,t,a){"use strict";a.d(t,"a",(function(){return l})),a.d(t,"b",(function(){return n})),a.d(t,"c",(function(){return i}));const l={Doing:"Doing",Pending:"Pending",Rejected:"Rejected",Denied:"Denied","Partially Completed":"Partially Completed","Need Review":"Need Review",Approved:"Approved",Done:"Done",Draft:"Draft","File Generating":"File Generating",Declined:"Declined"};function n(e){function t(t){return t.includes(e)}return{isDoing:t([l.Doing]),isPending:t([l.Pending]),isNeedReview:t([l["Need Review"]]),isRejected:t([l.Rejected]),isApproved:t([l.Approved]),isDenied:t([l.Denied]),isDone:t([l.Done]),isDraft:t([l.Draft]),isFileGenerating:t([l["File Generating"]]),isDeclined:t([l.Declined])}}function r(e){return e?Array.isArray(e)?e:[e]:[]}function i(e,t,a,l){if(!e||!t||0===t.length)return l?(a||[]).map(e=>{let{file:t,generateMockupFile:a,...l}=e;return{...l}}):a;let n=[...a];return t.filter(t=>
4328t.taskBaseConfigId===e).forEach(e=>{const{taskBaseSubmissionFiles:t}=e||{};(t||[]).forEach(e=>{const{designPositionId:t,file:a,generateMockupFile:i}=e||{};n=n.map(e=>{if(e.id===t){const t=l?a:e.file,n=l?i:e.generateMockupFile;return{...e,file:r(t),generateMockupFile:r(n)}}return e})})}),n}},,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var l=a(0),n=a.n(l),r=a(2);const i=e=>{let{children:t,href:a,file:i,target:o="_blank",...s}=e;const c=Object(l.useCallback)(()=>{i&&Object(r.q)(i)},[i]);return n.a.createElement("a",Object.assign({href:a,target:o,rel:"noopener noreferrer",className:"Polaris-Link",onClick:c},s),t)}},function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var l=a(0),n=a.n(l),r=a(1),i=a(5),o=a.n(i);const s=a(9).b.div` 4329 .Polaris-ChoiceList__Choices { 4330 max-height: 280px; 4331 overflow-y: scroll; 4332 padding-left: 2px; 4333 } 4334`,c=e=>{let{options:t,value:a,onChange:i,defaultValue:c="All"}=e;const[u,d]=Object(l.useState)([]);Object(l.useEffect)(()=>d(a?[a]:[c]),[a,c]);const m=Object(l.useCallback)(e=>{const a=e.map(e=>{const a=t.find(t=>t.value===e);return a&&a.label});let l=o.a.head(e),n=o.a.head(a);d(e),i&&i({value:c!==l?l:null,label:c!==n?n:null})},[t,c]);return n.a.createElement(s,null,n.a.createElement(r.k,{title:"role",titleHidden:!0,selected:u,choices:t,onChange:m}))}},,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var l=a(0),n=a.n(l),r=a(9),i=a(19);function o(e){let{children:t}=e;return n.a.createElement(s,null,n.a.createElement(i.a,null,t))}const s=r.b.div` 4335 margin: -1rem; 4336 @media (min-width: 640px) { 4337 margin: -1.5rem; 4338 } 4339`},,,,function(e,t,a){"use strict";var l=a(25),n=a(1587),r=a(122),i=a(1592),o=a(1013),s=a(35),c=a(135),u=a.n(c),d=a(5),m=a.n(d),p=a(0),g=a.n(p),A=a(58),b=a.n(A),h=a(9),f=a(11),v=a(2),E=a(4),y=a(494);const C=s.a` 4340 mutation createUploadUrl($input: RequestFileUpload!, $uniqueFolder: Boolean) { 4341 createUploadUrl(input: $input, uniqueFolder: $uniqueFolder) { 4342 key 4343 url 4344 } 4345 } 4346`,k=s.a` 4347 mutation createFile($input: NewFile!) { 4348 createFile(input: $input) { 4349 id 4350 name 4351 key 4352 mimeType 4353 size 4354 url 4355 thumbnailUrl 4356 createdAt 4357 } 4358 } 4359`,O=h.b.div` 4360 .ant-upload.ant-upload-drag { 4361 border: 2px dashed gray; 4362 display: ${e=>e.comment?"none":"block"}; 4363 } 4364`;class j extends p.Component{constructor(){super(...arguments),this.state={disabled:!1,fileList:[]},this.beforeUpload=e=>{const t="image/jpeg"===e.type||"image/png"===e.type;t||o.a.error({message:"You can only upload JPG/PNG file!"});const a=e.size/1024/1024<20;return a||o.a.error({message:"Image must smaller than 20MB!"}),t&&a},this.checkMimeType=(e,t)=>{const a=[{mime:"image/png",pattern:[137,80,78,71]},{mime:"image/jpeg",pattern:[255,216,255]},{mime:"image/gif",pattern:[71,73,70,56]},{mime:"image/webp",pattern:[82,73,70,70,void 0,void 0,void 0,void 0,87,69,66,80,86,80]}],l=Math.max(...a.map(e=>e.pattern.length)),n=e.slice(0,l),r=new FileReader;r.onloadend=e=>{if(!e||!r.result)return t(null);const l=new Uint8Array(r.result),n=a.find(e=>((e,t)=>t.pattern.every((t,a)=>!t||e[a]===t))(l,e));return t(n?n.mime:null)},r.readAsArrayBuffer(n)},this.customRequest=async(e,t,a)=>{const{folder:l,handleChangeOkBtnDisabled:n}=this.props,{file:r,onSuccess:i,onError:o}=e;n&&n(!0),this.checkMimeType(r,async e=>{let s=r.type,c=r.name;if(e)switch(s=e,e){case"image/webp":c=c.replace(/\.[^/.]+$/,".webp");break;case"image/gif":c=c.replace(/\.[^/.]+$/,".gif");break;case"image/jpeg":c=c.replace(/\.[^/.]+$/,".jpg");break;case"image/png":c=c.replace(/\.[^/.]+$/,".png")}try{const e=await a({variables:{input:{name:c,mimeType:s,size:r.size,folder:l||null}}}),{key:o,url:d}=e.data.createUploadUrl;await u.a.put(d,r,{headers:{"Content-Type":s},timeout:18e5});const m=await t.mutate({mutation:k,variables:{input:{name:c,key:o,size:r.size,mimeType:s,isPrintFile:this.props.isPrintFile}}});m&&n&&n(!1),i(m.data.createFile)}catch(d){o(d)}})},this.onChange=e=>{let t=[];if(this.setState({fileList:e.fileList}),e.fileList&&e.fileList.length)for(let a=0;a<e.fileList.length;a++)"done"===e.fileList[a].status&&t.push(e.fileList[a].response);this.props.onChange&&this.props.onChange(t)}
4364}componentDidMount(){const{value:e}=this.props;if(e&&e.length){const t=e.map((t,a)=>({uid:""+a,name:t.name,status:"done",url:t.thumbnailUrl?t.thumbnailUrl:t.url,id:e.id}));this.setState({fileList:t})}}render(){const{fileList:e}=this.state,{multiple:t,listType:a,hidePlaceholder:i,singleUpload:o,accept:s,comment:c,content:u,direction:d,extend:m,uploadDescription:p,uploadButtonTitle:A}=this.props;let b=this.props.limit;o&&(b=1);let h=!1;return b&&e&&e.length>=b&&(h=!0),g.a.createElement(O,{comment:c},g.a.createElement(l.a,{mutation:C},(e,l)=>{let{client:b}=l;return o?g.a.createElement(n.a,{showUploadList:this.props.showUploadList,fileList:this.state.fileList,beforeUpload:this.beforeUpload,accept:s||null,listType:"picture-card",onChange:this.onChange,customRequest:t=>this.customRequest(t,b,e),name:"file"},!h&&g.a.createElement("div",null,g.a.createElement(y.a,null),g.a.createElement("div",{className:"ant-upload-text"},"Upload"))):g.a.createElement(n.a.Dragger,{accept:s||null,disabled:this.state.disabled,listType:a,onChange:this.onChange,fileList:this.state.fileList,customRequest:t=>this.customRequest(t,b,e),name:"file",multiple:t,showUploadList:{showRemoveIcon:!c}},!h&&!i&&!c&&g.a.createElement("div",null,g.a.createElement("p",{className:"pb-2"},d||null),g.a.createElement(r.a,{className:"mb-2",type:"primary"}," ",u||(A||"Add images")),m?g.a.createElement("p",null,m):g.a.createElement("p",{className:"ant-upload-text"},p||"Or drop image to upload")))}))}}var w=j,S=a(1002),I=a(1369),B=a(1021),D=a(184),P=a(1584),x=a(325),M=a(1005),T=a(322),Q=a(133),R=a(768),F=a(327),N=(a(97),a(16));const U=h.b.div` 4365 .thumbnail { 4366 min-height: 100px; 4367 background: rgb(214, 224, 233); 4368 display: flex; 4369 align-content: center; 4370 justify-content: center; 4371 align-items: center; 4372 color: rgb(137, 157, 173); 4373 } 4374 .danger-btn { 4375 color: rgb(219, 27, 70); 4376 padding: 0; 4377 } 4378 .desc { 4379 font-weight: 500; 4380 } 4381`,L=s.a` 4382 mutation updateFile($input: UpdateFile!) { 4383 updateFile(input: $input) { 4384 id 4385 name 4386 alt 4387 caption 4388 thumbnailUrl 4389 url 4390 mimeType 4391 size 4392 } 4393 } 4394`;class V extends p.Component{constructor(e){super(e),this.handleChange=(e,t)=>
4394{e.mutate({mutation:L,variables:{input:{id:t.id,name:t.name,alt:t.alt,caption:t.caption}}})},this.onChange=m.a.debounce(this.handleChange,300)}render(){const{value:e,isImage:t,onDeleted:a}=this.props;return g.a.createElement(U,null,g.a.createElement(l.a,{mutation:N.ub},(l,n)=>{let{client:i}=n;return g.a.createElement("div",null,g.a.createElement("div",{className:"thumbnail"},t?g.a.createElement("img",{style:{width:"100%"},alt:e.thumbnailUrl,src:e.thumbnailUrl?e.thumbnailUrl:e.url}):g.a.createElement(R.a,{style:{fontSize:30}})),g.a.createElement("div",{className:"desc"},g.a.createElement("p",null,e.name),g.a.createElement("p",null,Object(v.A)(e.size)),g.a.createElement("p",null,g.a.createElement(r.a,{onClick:()=>{l({variables:{id:e.id}}),a(e,i)},className:"danger-btn",type:"link"},"Delete Permanently"))),g.a.createElement("div",{className:"form"},g.a.createElement(F.a.Item,{label:"Alt text"},g.a.createElement(x.a,{onChange:t=>{e.alt=t.target.value,this.onChange(i,e),this.props.onChange(e,i)},value:e.alt})),g.a.createElement(F.a.Item,{label:"Caption"},g.a.createElement(x.a,{onChange:t=>{e.caption=t.target.value,this.onChange(i,e),this.props.onChange(e,i)},value:e.caption}))))}))}}var z=V,q=a(799),H=a.n(q),$=a(522);const _=s.a` 4395 query mediaLibrary($filter: FileFilter) { 4396 mediaLibrary(filter: $filter) { 4397 total 4398 nodes { 4399 id 4400 name 4401 alt 4402 caption 4403 thumbnailUrl 4404 url 4405 mimeType 4406 size 4407 createdAt 4408 } 4409 } 4410 } 4411`,G=["image/png","image/jpeg","image/gif"],K=h.b.div` 4412 .ant-legacy-form-item { 4413 margin-bottom: 0; 4414 } 4415 .inner { 4416 padding: 10px 20px; 4417 } 4418 .ant-tabs-bar { 4419 margin: 0; 4420 } 4421 .filter { 4422 margin-bottom: 20px; 4423 margin-top: 10px; 4424 @media (min-width: 768px) { 4425 display: flex; 4426 } 4427 .filter-left { 4428 flex-grow: 1; 4429 .ant-calendar-picker { 4430 width: 250px; 4431 } 4432 } 4433 } 4434 .files-container { 4435 display: flex; 4436 flex-wrap: wrap; 4437 .file { 4438 width: 150px; 4439 height: 150px; 4440 background: rgb(214, 224, 233); 4441 display: flex; 4442 align-content: center; 4443 justify-content: center; 4444 align-items: center; 4445 color: rgb(137, 157, 173); 4446 margin-right: 5px; 4447 margin-bottom: 5px; 4448 position: relative; 4449 .check { 4450 position: absolute; 4451 right: 0; 4452 top: -5px; 4453 color: rgb(0, 114, 216); 4454 } 4455 } 4456 } 4457 .media-library-tab { 4458 .ant-tabs-top-bar { 4459 padding-left: 20px; 4460 } 4461 } 4462 .picture-outlined { 4463 position: absolute; 4464 top: 0; 4465 left: 0; 4466 width: 100%; 4467 height: 100%; 4468 display: flex; 4469 justify-content: center; 4470 align-items: center; 4471 span { 4472 font-size: 20px; 4473 } 4474 } 4475`,J=h.b.div` 4476 width: 150px; 4477 height: 150px; 4478 background: url("${e=>e.url}"); 4479 background-size: cover; 4480 background-color: var(--omg-custom-bg, inherit) !important; 4481`;class Y extends p.Component{constructor(){var e;super(...arguments),e=this,this.state={filter:{search:null,mimeType:[],dateFilter:{from:null,to:null},limit:20,offset:0,prefix:this.props.prefix,...this.props.userId?{userId:this.props.userId}:null},mimeTypeIndex:0},this.isImage=e=>G.includes(e.mimeType),this.handleUpdateCache=(e,t)=>{const{filter:a}=this.state;try{const l=t.readQuery({query:_,variables:{filter:a}});t.writeQuery({query:_,variables:{filter:a},data:{...l,mediaLibrary:{...l.mediaLibrary,total:l.mediaLibrary.total-1,nodes:l.mediaLibrary.nodes.map(t=>t.id===e.id?{...t,file:e}:t)}}})}catch(l){}},this.handleWriteCache=function(t,a){let l=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const{filter:n}=e.state;try{const e=a.readQuery({query:_,variables:{filter:n}});a.writeQuery({query:_,variables:{filter:n},data:{...e,mediaLibrary:{...e.mediaLibrary,total:e.mediaLibrary.total-1,nodes:l?[...t,...e.mediaLibrary.nodes]:e.mediaLibrary.nodes.filter(e=>e.id!==t.id)}}})}catch(r){}}}render(){const{filter:e}=this.state,{value:t,multiple:a}=this.props,n=[[],G],r=t.length;return g.a.createElement(K,null,g.a.createElement(S.a,{className:"media-library-tab",animated:!1,defaultActiveKey:"2",onChange:e=>this.props.activeTab(e)},g.a.createElement(S.a.TabPane,{tab:"Import from Urls",key:"0"},g.a.createElement("div",{className:"inner"},g.a.createElement($.a,{onChange:e=>{this.props.onImportUrlsChange(e)}}))),g.a.createElement(S.a.TabPane,{tab:"Upload Files",key:"1"},g.a.createElement("div",{className:"inner"},g.a.createElement(Q.a,null,e=>g.a.createElement(w,{accept:this.props.accept,folder:this.props.folder,isPrintFile:this.props.isPrintFile,onChange:l=>{let n=[];if(l&&l.length)if(a){for(let e=0;e<l.length;e++)t.find(t=>
4481t.id===l[e].id)||n.push(l[e]);n=[...t,...n]}else n=l.length?[l[0]]:[];this.handleWriteCache(l,e,!0),this.props.onChange(n)},multiple:a,uploadDescription:"Drop files to upload",uploadButtonTitle:"Select File",handleChangeOkBtnDisabled:this.props.handleChangeOkBtnDisabled})))),g.a.createElement(S.a.TabPane,{tab:"Media Library",key:"2"},g.a.createElement(I.a,{type:"flex",gutter:15,style:{margin:0}},g.a.createElement(B.a,{span:18,style:{padding:0,margin:0}},g.a.createElement("div",{className:"inner"},g.a.createElement("div",{className:"filter"},g.a.createElement("div",{className:"filter-left"},g.a.createElement(D.a,{style:{width:150,marginRight:10},onChange:t=>{this.setState({mimeTypeIndex:t,filter:{...e,mimeType:n[t]}})},value:this.state.mimeTypeIndex},g.a.createElement(D.a.Option,{value:0},"All"),g.a.createElement(D.a.Option,{value:1},"Images")),g.a.createElement(P.a.RangePicker,{onChange:t=>{this.setState({filter:{...e,dateFilter:{from:t[0],to:t[1]}}})}})),g.a.createElement("div",{className:"filter-right"},g.a.createElement(x.a.Search,{onSearch:t=>{this.setState({filter:{...e,search:t}})},placeholder:"Search media items.",onChange:t=>{t.target.value||this.setState({filter:{...e,search:null}})}}))),g.a.createElement(l.b,{query:_,variables:{filter:e}},l=>{let{loading:n,error:r,data:i,fetchMore:o}=l;return n?g.a.createElement(M.a,{active:!0}):r?g.a.createElement("div",null,"Error:",Object(v.ib)(r.toString())):g.a.createElement("div",{style:{height:620,overflow:"auto"}},g.a.createElement(H.a,{pageStart:0,loadMore:()=>{i.mediaLibrary.nodes.length<i.mediaLibrary.total&&o({variables:{filter:{...e,offset:i.mediaLibrary.nodes.length}},updateQuery:(e,t)=>{let{fetchMoreResult:a}=t;return a?{...e,mediaLibrary:{...e.mediaLibrary,nodes:[...e.mediaLibrary.nodes,...a.mediaLibrary.nodes]}}:e}})},hasMore:i.mediaLibrary.nodes.length<i.mediaLibrary.total,loader:g.a.createElement("div",{className:"loader",key:0},g.a.createElement(M.a,{active:!0})),useWindow:!1},g.a.createElement("div",{className:"files-container"},i.mediaLibrary.nodes.map((e,l)=>g.a.createElement("div",{onClick:()=>{let l;l=t.find(t=>t.id===e.id)?t.filter(t=>t.id!==e.id):a?[...t,e]:[e],this.props.onChange(l)},title:e.name,key:l,className:"file"},g.a.createElement("div",{style:{visibility:t.find(t=>t.id===e.id)?"visible":"hidden"},className:"check"},g.a.createElement(T.a,{checked:!0})),this.isImage(e)?g.a.createElement(J,{url:e.thumbnailUrl?e.thumbnailUrl:e.url}):g.a.createElement(g.a.Fragment,null,g.a.createElement("div",{className:"picture-outlined"},g.a.createElement("span",null,e&&e.name?e.name.split(".").pop():null))))))))}))),g.a.createElement(B.a,{style:{borderLeft:"1px solid #e2e8f0",padding:0,margin:0},span:6},r>0&&g.a.createElement("div",{className:"inner"},t.length>0&&g.a.createElement(z,{onChange:(e,a)=>{t[r-1]=e,this.props.onChange(t),this.handleUpdateCache(e,a)},onDeleted:(e,a)=>{t.splice(r-1,1),this.props.onChange(t),this.handleWriteCache(e,a)},isImage:this.isImage(t[r-1]),value:t[r-1]})))))))}}var W=Y,Z=a(68),X=a(52);const ee=h.b.div` 4482 display: flex; 4483 align-items: center; 4484 justify-content: center; 4485 .ant-modal { 4486 top: 30px; 4487 } 4488 .ant-btn-primary { 4489 margin-bottom: 10px; 4490 } 4491 .extend { 4492 text-align: right; 4493 border-top: 1px solid #cdcdcd; 4494 padding: 10px 0; 4495 } 4496 padding-bottom: 10px; 4497 padding-top: 10px; 4498 &.disabled { 4499 .ant-upload { 4500 display: none; 4501 } 4502 } 4503 width: ${e=>e.width?"100px":"auto"}; 4504 .p-size { 4505 size: ${e=>e.size?"12px":"auto"}; 4506 } 4507 .ant-upload.ant-upload-drag { 4508 background-image: ${e=>e.placeholderImage?`url(${e.placeholderImage.thumbnailUrl})`:"none"}; 4509 background-size: cover; 4510 background-repeat: no-repeat; 4511 background-position: center center; 4512 opacity: ${e=>e.placeholderImage?.7:1}; 4513 } 4514 .ant-upload-list-picture-card-container { 4515 .ant-upload-list-item.main-img { 4516 border: 2px solid rgb(24, 144, 255); 4517 } 4518 } 4519 .ant-upload-list-item { 4520 .custom-checkbox { 4521 position: absolute; 4522 top: -1px; 4523 right: -1px; 4524 z-index: 100; 4525 input[type="checkbox"] { 4526 width: 16px; 4527 height: 16px; 4528 cursor: pointer; 4529 } 4530 } 4531 } 4532`,te=s.a` 4533 mutation importFileUrl($urls: [String!]!, $prefix: String) { 4534 importFileUrl(urls: $urls, prefix: $prefix) { 4535 id 4536 name 4537 alt 4538 caption 4539 thumbnailUrl 4540 url 4541 mimeType 4542 size 4543 createdAt 4544 } 4545 } 4546`;class ae extends p.Component{constructor(){var e;super(...arguments),e=this,this.state={loading:!1,visible:!1,fileList:[],value:[],previewVisible:!1,previewImage:"",previewUrl:"",importUrls:"",isTypeImage:!0,currentFile:null,mainImg:{},okBtnDisabled:!1,dimensions:{}},this.genThumbnail=void 0,this.getBase64=e=>new Promise((t,a)=>{const l=new FileReader;
4546l.readAsDataURL(e),l.onload=()=>t(l.result),l.onerror=e=>a(e)}),this.handlePreview=async e=>{try{var t;if(e.file&&!e.file.url&&!e.preview){const t=await this.getBase64(e.originFileObj);e.preview=t}let a=!0,l="";e&&e.file&&(e.file.mimeType?E.A.includes(e.file.mimeType.toLowerCase())||(a=!1,l=e.file):Object(v.vb)(e.file.key)&&(a=!1,l=e.file)),this.setState({previewImage:e.file&&e.file.url||e.preview,previewUrl:null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.url,previewVisible:!0,isTypeImage:a,currentFile:l})}catch(a){console.error("handle preivew image",a)}},this.showModal=()=>{this.setState({visible:!0})},this.handleOk=e=>{const{files:t,fileUpload:a,fileMediaLibrary:l}=this.state,n=[...a,...l,...t].filter((e,n)=>[...a,...l,...t].indexOf(e)===n);this.setState({files:[],visible:!1,fileList:this.getFileList(n)},()=>{this.props.onChange&&this.props.onChange(n)})},this.getFileList=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],{mainImg:a,isMockup:l,isCompareDesign:n,designPosition:r}=e.props;return t.filter(Boolean).map((t,i)=>{let o=!1;return o=a?a===t.id:0===i,t&&e.imageLoadHandler(n,t.url,t.id,r),{file:t,uid:t.id,name:t.name,status:l&&o?"done main-img":"done",url:t.createdAt?Object(v.zb)(t):t.thumbnailUrl?t.thumbnailUrl:t.url}})},this.customRequest=async(e,t,a)=>{const{folder:l,isCompareDesign:n,designPosition:r}=this.props,{file:i,onSuccess:o,onError:s}=e;try{var c;const e=await a({variables:{input:{name:i.name,mimeType:i.type,size:i.size,folder:l||null}}}),{key:s,url:d}=e.data.createUploadUrl;await u.a.put(d,i,{headers:{"Content-Type":i.type},timeout:18e5});const m=await t.mutate({mutation:k,variables:{input:{name:i.name,key:s,size:i.size,mimeType:i.type,isPrintFile:this.props.isPrintFile}}});if(o(m.data.createFile),null===m||void 0===m||null===(c=m.data)||void 0===c?void 0:c.createFile){let e=m.data.createFile;this.imageLoadHandler(n,e.url,e.id,r)}}catch(d){s(d)}},this.setCache=(e,t)=>{let{userId:a}=this.props;const l={search:null,mimeType:[],dateFilter:{from:null,to:null},limit:20,offset:0,prefix:this.props.prefix,...a?{userId:a}:null};try{const a=e.readQuery({query:_,variables:{filter:l}});e.writeQuery({query:_,variables:{filter:l},data:{...a,mediaLibrary:{...a.mediaLibrary,total:a.mediaLibrary.total+t.length,nodes:[...t,...a.mediaLibrary.nodes]}}})}catch(n){console.log("e",n)}},this.handleChangeOkBtnDisabled=e=>{let{activeTab:t}=this.state;this.setState({okBtnDisabled:"1"===t&&e})},this.imageLoadHandler=(e,t,a,l)=>{let{onCheckDimensions:n,onCheckingDimensions:r}=this.props;if(e){let e=new Image;e.src=t,r&&r(!0),e.onerror=e=>{r&&r(!1)},e.onload=()=>{let t=this.state.dimensions;if(!t[a]){let r=e&&e.height?e.height:"",i=e&&e.width?e.width:"";t[a]={id:a,height:r,width:i,isRealDimensionOk:this.checkRealDimension(l,i,r)},this.setState({dimensions:t},()=>{n&&n(t)})}(null===e||void 0===e?void 0:e.complete)&&0!==(null===e||void 0===e?void 0:e.naturalHeight)&&r&&r(!1)}}},this.checkRealDimension=(e,t,a)=>{let l=!1;if(e&&e.description&&e.description.length>0&&t&&a){let n=e.description;if(t=parseInt(t),a=parseInt(a),n){let e=n.split("|");if(e.length<2)return!0;if(!e[0]||0===e[0].length)return!0;if(!e[1]||0===e[1].length)return!0;if(!/png|jpg|jpeg/i.test(e[1]))return!0;if(Array.isArray(e)&&e[0]&&e[0].length>0){let n=e[0];if(!/px|cm|in/i.test(n))return!0;if(n=n.replace(/,/g,""),n=n.replace(/,/g,""),n=n.replace(/px/g,""),n=n.replace(/cm/g,""),n=n.replace(/\s+/g,""),n.length>0){let e=n.split("x");const r="\xd7";if(Array.isArray(e)&&2!==e.length&&(e=n.split(r)),Array.isArray(e)&&2===e.length){let n=e&&e[0]?parseInt(e[0]):0,r=e&&e[1]?parseInt(e[1]):0;n>0&&r>0&&n===t&&r===a&&(l=!0)}}}}}return l},this.onCancel=()=>{this.setState({previewVisible:!1})}}componentDidMount(){const{value:e}=this.props;if(e&&e.length&&(this.setState({fileList:this.getFileList(e)}),null!=this.genThumbnail))for(let t=0;t<e.length;t++){let a=e[t];a&&fetch(a.thumbnailUrl).then(e=>{404===e.status&&(this.forceUpdate(),this.genThumbnail({variables:{files:[a.id],fileType:"id"}}))}).catch(e=>{console.log("error: ",e)})}}componentDidUpdate(e,t){let{fileList:a,mainImg:l}=this.state,{isMockup:n,onChangeMainImg:r,isCampaign:i}=this.props,o=this.props.mainImg,s=null;a&&a.length&&(s=a.find(e=>e.uid===o)),Object(d.isEqual)(e.fileList,this.props.fileList)||this.setState({fileList:this.getFileList(this.props.fileList)});let c=!1;if(!s&&i&&(c=!0),n&&(a!==t.fileList||l!==t.mainImg)){let e=b.a.findDOMNode(this).getElementsByClassName("ant-upload-list-item");if(e){const t=Array.from(e).filter((e,t)=>
4546{let l=a[t];return i?!s||!o||l&&l.uid!==o:o?l&&l.uid!==o:0!==t}),l=(null===a||void 0===a?void 0:a.length)>0?a.filter(e=>(null===e||void 0===e?void 0:e.uid)!==o):[];t.forEach((e,a)=>{const n=(null===l||void 0===l?void 0:l.length)>(null===t||void 0===t?void 0:t.length)?a+1:a;let i=c?l[a]:l[n],o=i&&i.uid,s=document.createElement("div"),u=document.createElement("input");u.type="checkbox",u.checked=!!this.state.mainImg[o],s.className="custom-checkbox",s.appendChild(u),e.appendChild(s),s.onchange=()=>{this.setState({mainImg:{[o]:!this.state.mainImg[o]}},()=>{let e=this.state.mainImg,t=null;if(e)for(let[a,l]of Object.entries(e))l&&(t=a);r&&r(t||null)})}})}}const{value:u,isUpdateData:m}=this.props;m&&u&&u.length>0&&!Object(d.isEqual)(e.value,u)&&this.setState({fileList:this.getFileList(u)})}render(){const{buttonType:e,listType:t,multiple:a,singleUpload:s,accept:c,width:u,name:d,size:m,placeholderImage:p,isMockup:A,isUploadDesign:b}=this.props,{visible:h,files:f,previewImage:E,previewUrl:y,previewVisible:k,isTypeImage:O,currentFile:j}=this.state;let w=!1;return!a&&this.state.fileList.length&&(w=!0),g.a.createElement(ee,{size:m,width:u,files:f,isMockup:A,className:"container "+(w?"disabled":"enabled"),placeholderImage:p},g.a.createElement("div",{className:"w-full"},g.a.createElement(l.a,{mutation:C},(u,m)=>{let{client:p}=m;return g.a.createElement(g.a.Fragment,null,g.a.createElement(n.a.Dragger,{style:{cursor:"default"},onChange:e=>{let t=this.state.value,{isCompareDesign:a,designPosition:l,onCheckDimensions:n}=this.props;for(let r=0;r<e.fileList.length;r++)if(e.fileList[r].response){t.push(e.fileList[r].response);let n=e.fileList[r].response;this.imageLoadHandler(a,n.url,n.id,l)}b&&(e.fileList.length||(t=[])),this.setState({fileList:e.fileList,value:t},()=>{if(this.props.onChange){let e;if(b)e=t;else{const a=this.state.fileList.filter(e=>e.status.includes("done")).map(e=>e.file);e=t.length?[...a,...t]:this.state.fileList.filter(e=>e.status.includes("done")).map(e=>e.file)}this.props.onChange(e.filter(Boolean))}n&&n(this.state.dimensions)})},onPreview:this.handlePreview,fileList:this.state.fileList,listType:t,openFileDialogOnClick:!1,customRequest:e=>this.customRequest(e,p,u),showUploadList:!0,accept:c,singleUpload:s,multiple:a,onRemove:e=>{var t;let a=null===e||void 0===e||null===(t=e.response)||void 0===t?void 0:t.id;this.props.onRemove&&a&&this.props.onRemove(a)}},!w&&g.a.createElement("div",{className:"description"},g.a.createElement(r.a,{size:"small",type:e||"link",onClick:this.showModal},d||"Media Library"),g.a.createElement("p",{className:"p-size"},"Or drop image to upload"))),g.a.createElement(l.a,{mutation:Z.GEN_THUMBNAIL_IMAGE},e=>(this.genThumbnail=e,null)),h&&g.a.createElement(i.a,{style:{top:30},okText:"Set File",okButtonProps:{loading:this.state.loading,disabled:this.state.okBtnDisabled},onOk:()=>{let e=this.props.value?this.props.value:[];const t=this.state.value;let a=[];for(let o=0;o<t.length;o++)e.find(e=>e.id===t[o].id)||a.push(t[o]);let l=[...e,...a];this.props.hasDefaultMockup&&(l=[...a,...e]);let n=[],r={};this.state.importUrls.split("\n").forEach(e=>{const t=e.trim();t&&(r[t]||(n.push(t),r[t]=!0))});let{isComment:i}=this.props;n.length?this.setState({loading:!0},()=>{p.mutate({mutation:te,variables:{urls:n,prefix:this.props.prefix}}).then(e=>{this.setCache(p,e.data.importFileUrl);const t=[...e.data.importFileUrl,...l];this.setState({loading:!1,importUrls:"",fileList:this.props.multiple?this.getFileList(t):this.getFileList(t.length?[t[0]]:[]),value:[],visible:!1}),this.props.onChange(this.props.multiple?t:t.length?[t[0]]:[])}).catch(e=>{o.a.error({message:Object(v.ib)(e.toString())}),this.setState({loading:!1})})}):this.setState({fileList:this.getFileList(i&&l.length>1?[l[1]]:l),value:[],visible:!1},()=>{this.props.multiple?this.props.onChange(l):i?this.props.onChange(l.length>1?[l[1]]:l):this.props.onChange(l&&l.length?[l[0]]:l)})},title:"Media",bodyStyle:{margin:0,padding:0},width:"70%",onCancel:()=>{this.setState({visible:!1,importUrls:""})},visible:!0},g.a.createElement(W,{isPrintFile:this.props.isPrintFile,userId:this.props.userId,accept:this.props.accept,prefix:this.props.prefix,folder:this.props.folder,multiple:this.props.multiple,value:this.state.value,handleChangeOkBtnDisabled:this.handleChangeOkBtnDisabled,activeTab:e=>{this.setState({activeTab:e,okBtnDisabled:"1"===e&&this.state.okBtnDisabled})},onChange:e=>{this.setState({value:e})},onImportUrlsChange:e=>{this.setState({importUrls:e})}})))})),g.a.createElement(ne,{visible:k,onCancel:this.onCancel,isTypeImage:O,previewImage:E,previewUrl:y,currentFile:j}))}}const le={width:"100%",height:"100px",display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",textOverflow:"ellipsis"};function ne(e){let{visible:t,onCancel:a,isTypeImage:l,previewImage:n,currentFile:o,previewUrl:s}=e;const[c,u]=g.a.useState(!1),{currentUser:d}=Object(f.c)(),m=!!(null===d||void 0===d?void 0:d.viewOriginFile),p=g.a.useCallback(()=>{u(e=>!e)},[]),A=m?g.a.createElement(X.a,{href:n},"View origin"):g.a.createElement(r.a,{children:"View origin",onClick:p,type:"link"});
4546return g.a.createElement(g.a.Fragment,null,g.a.createElement(i.a,{visible:t,footer:null,onCancel:a},l?g.a.createElement("div",{style:{display:"flex",alignItems:"center",flexDirection:"column"},className:"preview-file"},g.a.createElement("img",{alt:"",style:{width:"100%",padding:"15px 5px 5px 5px"},src:n}),A):g.a.createElement("div",{style:le},g.a.createElement(X.a,{href:o&&o.url?o.url:o.thumbnailUrl},o&&o.name?o.name:null))),g.a.createElement(re,{visible:c,onCancel:p,url:s}))}function re(e){let{url:t,visible:a,onCancel:l}=e;return g.a.createElement(i.a,{width:"100vw",visible:a,onCancel:l,footer:!1,style:{width:"100vw",height:"100vh",top:0},bodyStyle:{overflow:"scroll"}},g.a.createElement("div",{className:"view-origin-file"},g.a.createElement("img",{alt:"view-original-file",style:{width:"auto",height:"auto",padding:5},src:t})))}t.a=ae},,function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var l=a(0),n=a.n(l),r=a(1),i=a(1019),o=a(9),s=a(5),c=a.n(s),u=a(2);const d=o.b.div` 4547 .choicelist-wrapp { 4548 margin-top: 1rem; 4549 } 4550 .Polaris-ChoiceList__Choices { 4551 max-height: 280px; 4552 overflow-y: scroll; 4553 padding-left: 2px; 4554 } 4555`,m=e=>{let{data:t,value:a,loading:o,error:s,onChange:m,onChangeSearch:p,hasAll:g=!1,defaultValue:A="all"}=e;const[b,h]=Object(l.useState)([]),[f,v]=Object(l.useState)([]),[E,y]=Object(l.useState)([]),[C,k]=Object(l.useState)(null),[O,j]=Object(l.useState)(null),[w,S]=Object(l.useState)(!1);Object(l.useEffect)(()=>{let e=[];
4555if(t&&t.length&&(e=[...t]),g||e.unshift({value:"all",label:"All"}),h(e),v(e),y(a.value?[a.value]:[A]),k(a.search),a.search){const t=new RegExp(a.search,"i"),l=e.filter(e=>e.label.match(t));h(l)}},[t,a,g,A]),Object(l.useEffect)(()=>()=>clearTimeout(O),[]),Object(l.useEffect)(()=>{S(o)},[o]);const I=Object(l.useCallback)(e=>{if(k(e),p&&p({search:e}),S(!0),""===e){const e=setTimeout(()=>{S(!1),h(f)},1e3);return void j(e)}const t=new RegExp(e,"i");let a=f.filter(e=>e.label.match(t));const l=setTimeout(()=>{S(!1),h(a)},1e3);j(l)},[f]),B=Object(l.useCallback)(e=>{const t=e.map(e=>{const t=b.find(t=>t.value===e);return t&&t.label});if(y(e),m){const a={value:"all"!==c.a.head(e)?c.a.head(e):null,label:"All"!==c.a.head(t)?c.a.head(t):null};g&&(a.value=c.a.head(e),a.label=c.a.head(E)),m(a)}},[b,g]);return n.a.createElement(d,null,n.a.createElement(r.cb,{value:C,onChange:I,prefix:n.a.createElement(r.w,{source:i.a,color:"inkLighter"}),autoFocus:!0,placeholder:"Filter item",onClearButtonClick:()=>{k(null),p&&p({search:null})},clearButton:!0}),n.a.createElement("div",{className:"mt-4"},s&&n.a.createElement("div",null,"Error: ",Object(u.ib)(s.toString())),w?n.a.createElement("div",{className:"flex justify-center"},n.a.createElement(r.X,{accessibilityLabel:"Spinner example",color:"teal",size:"small"})):n.a.createElement(n.a.Fragment,null,b.length?n.a.createElement("div",{className:"choicelist-wrapp"},n.a.createElement(r.k,{title:"Choice",titleHidden:!0,choices:b,selected:E,onChange:B})):n.a.createElement("span",null,"No items found!"))))}},,,function(e,t,a){"use strict";a.r(t),a.d(t,"GEN_THUMBNAIL_IMAGE",(function(){return O})),a.d(t,"ColorPickerComp",(function(){return P})),a.d(t,"Container",(function(){return T})),a.d(t,"SlideContainer",(function(){return Q}));var l=a(638),n=a(25),r=a(7),i=a(1),o=a(651),s=a(35),c=a(5),u=a(0),d=a.n(u),m=a(9),p=a(11),g=a(17),A=a(2),b=a(28),h=a(4),f=a(52),v=a(44),E=a(277),y=a(278),C=a(293);const k=d.a.lazy(()=>Promise.resolve().then(a.bind(null,634))),O=s.a` 4556 mutation regenerateThumbnailByAPI($fileType: String!, $files: [String!]!) { 4557 regenerateThumbnailByAPI(fileType: $fileType, files: $files) 4558 } 4559`,j=s.a` 4560 mutation regeneratePrintfileThumbnailByAPI($fileKey: String!) { 4561 regeneratePrintfileThumbnailByAPI(fileKey: $fileKey) { 4562 success 4563 message 4564 thumbUrl 4565 } 4566 } 4567`;class w extends u.Component{constructor(){super(...arguments),this.state={showModal:!1,loaded:!1,dimensions:{},showModalCompareDesign:!1,inputSlider:100,showAcceptDesign:!1,showRejectDesign:!1,bg:"transparent"},this.checkRealDimension=(e,t,a)=>{let l=!1;if(e&&e.description&&e.description.length>0&&t&&a){let n=e.description;if(t=parseInt(t),a=parseInt(a),n){let e=n.split("|");if(e.length<2)return!0;if(!e[0]||0===e[0].length)return!0;if(!e[1]||0===e[1].length)return!0;if(!/png|jpg|jpeg/i.test(e[1]))return!0;if(Array.isArray(e)&&e[0]&&e[0].length>0){let n=e[0];if(!/px|cm|in/i.test(n))return!0;if(n=n.replace(/,/g,""),n=n.replace(/,/g,""),n=n.replace(/px/g,""),n=n.replace(/cm/g,""),n=n.replace(/\s+/g,""),n.length>0){let e=n.split("x");if(Array.isArray(e)&&2!==e.length&&(e=n.split("\xd7")),Array.isArray(e)&&2===e.length){let n=e&&e[0]?parseInt(e[0]):0,r=e&&e[1]?parseInt(e[1]):0;n>0&&r>0&&n===t&&r===a&&(l=!0)}}}}}return l},this.imageLoadHandler=(e,t,a,l)=>{if(e){let e=new Image;e.src=t,e.onload=()=>{let t=this.state.dimensions;if(!t[a]){let n=e&&e.height?e.height:"",r=e&&e.width?e.width:"";t[a]={id:a,height:n,width:r,isRealDimensionOk:this.checkRealDimension(l,r,n)},this.setState({dimensions:t})}}}},this.toggleModalCD=()=>{this.setState(e=>({showModalCompareDesign:!e.showModalCompareDesign}))},this.toggleModalAD=()=>{this.setState(e=>({showAcceptDesign:!e.showAcceptDesign}))},this.toggleModalRD=()=>{this.setState(e=>({showRejectDesign:!e.showRejectDesign}))},this.onChangeSlider=e=>{this.setState({inputSlider:e})},this.handleClickOutside=e=>{let t=document.querySelectorAll(".Polaris-Modal-Dialog__Modal"),a=document.getElementById("modal-image-wrap");for(let l of t)Object(A.u)(l,a)&&(Object(A.u)(l,e.target)||this.setState({showModal:!1}))},this.onClickImg=e=>()=>{Object(A.q)(e),this.setState({showModal:!0,imageUrl:(null===e||void 0===e?void 0:e.url)||(null===e||void 0===e?void 0:e.thumbnailUrl)})},this.setBg=e=>
4567{this.setState({bg:e})}}componentDidUpdate(e,t){let{showModalCompareDesign:a,personalizedInfo:l}=this.state;if(a!==t.showModalCompareDesign){let e=document.querySelector("#compare-with-guide"),t=document.querySelectorAll(".Polaris-Modal-Dialog__Modal");for(let a of t)Object(A.u)(a,e)&&a.setAttribute("style","max-width: 100%")}if(l!==t.personalizedInfo){let e=document.querySelector("#content-wrap"),t=document.querySelector("#imgs-wrap");if((null===e||void 0===e?void 0:e.offsetHeight)&&t){let a=e.offsetHeight;t.style.padding=a+"px 0 0"}}}componentDidMount(){document.addEventListener("mousedown",this.handleClickOutside)}componentWillUnmount(){document.removeEventListener("mousedown",this.handleClickOutside)}render(){var e;const{files:t,limit:a,width:l,maxWidth:r,maxHeight:s,height:u,inline:m,isCompareDesign:p,designPosition:b,hasShadow:C,isCompare:O,hasCompareDesign:j,orderId:w,taskId:B,refetch:D,toggleActive:P,onNotificationChange:M,hasAcceptDesign:F,hasRejectDesign:V,includesBlack:z,toggleModalParent:q,attributes:H,taskRequirement:$,isDLead:_,userConfigDesign:G,isDesignOnline:K,label:J}=this.props,{inputSlider:Y,showModalCompareDesign:W,showAcceptDesign:Z,showRejectDesign:X}=this.state,ee=t.files?t.files:[];let te;b&&b.artworkGuidelines&&b.artworkGuidelines.length&&(te=b.artworkGuidelines.filter(e=>e.file).filter(Boolean).find(e=>h.A.includes(e.file.mimeType)));let ae,le=te&&te.file&&te.file.url?te.file.url:"",ne=ee&&ee.filter(e=>null===e||void 0===e?void 0:e.url).filter(Boolean)[0];ne=null===(e=ne)||void 0===e?void 0:e.url,Array.isArray(H)&&H.length&&(ae=H.map((e,t)=>{var a;return["size","sizes"].includes(null===e||void 0===e||null===(a=e.name)||void 0===a?void 0:a.toLowerCase())?d.a.createElement(d.a.Fragment,{key:t},d.a.createElement("div",{className:"attribute-item",key:t},d.a.createElement(i.db,{variation:"strong"},e.name,": "),d.a.createElement("span",null,e.option))):null}));const re=null!=$?d.a.createElement("div",{className:"task-requirement"},d.a.createElement(i.v,{element:"h3"},"Requirements: "),d.a.createElement("span",null,$)):null,ie=e=>{const{className:t,style:a,onClick:l}=e;return d.a.createElement("div",{className:t+" style-arrow",style:{...a,display:"flex",right:"-13px"},onClick:l})},oe=e=>{const{className:t,style:a,onClick:l}=e;return d.a.createElement("div",{className:t+" style-arrow",style:{...a,display:"flex",left:"-13px"},onClick:l})},se={nextArrow:d.a.createElement(ie,null),prevArrow:d.a.createElement(oe,null)},ce=`cursor-pointer ${C?"img-wrap":""} ${m?"inline-block":"block"}`,ue={width:l||60,height:u||60,objectFit:"cover",maxWidth:r,maxHeight:s,backgroundColor:z?"#000":void 0},de=b?U:null,me="modal-image-info "+(p?"compare":""),pe=b?L:null;return d.a.createElement(R,null,d.a.createElement(I,{files:t,images:ee,imgCls:de,isCompare:O,isDLead:_,imgItemStyle:ue,imgItemCls:ce,designPosition:b,dimensions:this.state.dimensions,dpCls:me,dpStyle:pe,limit:a,onClickImg:this.onClickImg,bg:this.state.bg,setBg:this.setBg,handImgLoader:e=>this.imageLoadHandler(p,e.url,e.id,b)}),G?d.a.createElement("div",{style:{marginTop:"2rem",marginBottom:"1rem"}},d.a.createElement("label",null,"Configured by:"),d.a.createElement(i.e,{status:"success",children:G})):null,j&&le?d.a.createElement("div",{className:"compare-design_btn pt-4"},d.a.createElement(i.g,{onClick:this.toggleModalCD},"Compare with artguide")):null,O?d.a.createElement(v.a,null,d.a.createElement(k,{open:this.state.showModal,onClose:()=>this.setState({showModal:!1}),imageUrl:this.state.imageUrl,bg:this.state.bg})):d.a.createElement(i.E,{open:this.state.showModal,onClose:()=>this.setState({showModal:!1}),centered:!0,large:!0,sectioned:!0,title:J||"Product image"},d.a.createElement(Q,{id:"modal-image-wrap"},d.a.createElement(o.a,Object.assign({arrows:!0},se),ee&&ee.length>0?ee.filter(Boolean).map((e,t)=>{var a;let l=(null===e||void 0===e?void 0:e.thumbnailUrl)||"";const n=Object(A.xb)(l);n&&(l=Object(A.Lb)(l));const r=e.url?e.url:e.thumbnailUrl?e.thumbnailUrl:null,o=n?l:r,s=!!(null===e||void 0===e?void 0:e.originUrl),c=(null===e||void 0===e?void 0:e.rejectReason)?` - [${e.rejectReason}]`:"";let u=(e.name||"")+c;const m=s?d.a.createElement(f.a,{href:e.originUrl||"#"},d.a.createElement("span",{style:{color:(null===e||void 0===e||null===(a=e.style)||void 0===a?void 0:a.color)||"inherit"}},u)):null;return d.a.createElement("div",{key:"file-"+t},d.a.createElement(T,null,!this.state.loaded&&d.a.createElement(i.X,null),d.a.createElement("div",{className:"media-wrapper"},d.a.createElement("img",{src:o,alt:"",style:{height:"auto",maxWidth:"760px"},onLoad:()=>this.setState({loaded:!0}),onError:()=>this.setState({loaded:!0})}),e.name&&d.a.createElement("div",{className:"media-meta mt-8"},d.a.createElement("div",{className:"media-meta-name",style:(null===e||void 0===e?void 0:e.style)?e.style:{}},m||e.name)))),e.url?d.a.createElement("div",{className:"media-meta-link"},m?null:d.a.createElement(S,{file:e})):null)}):null))),d.a.createElement(i.E,{title:"Compare with artguide",open:W,onClose:this.toggleModalCD,sectioned:!0},d.a.createElement(N,{id:"compare-with-guide"},d.a.createElement(n.b,{query:g.Tb,variables:{orderId:w},onCompleted:e=>{this.setState({personalizedInfo:e})},fetchPolicy:"no-cache"},e=>{let{data:t,error:a,loading:l}=e,n=null===t||void 0===t?void 0:t.getFieldValueForOrder;return d.a.createElement(d.a.Fragment,null,d.a.createElement("div",{className:"content_wrap",id:"content-wrap"},d.a.createElement("div",{className:"header_wrap"},d.a.createElement("div",{className:"header"},d.a.createElement(i.v,{element:"h3"},"Compare with artguide")),d.a.createElement("div",{className:"change-opacity"},d.a.createElement("div",{className:"change-opacity_inner"},d.a.createElement(i.M,{label:"Change opacity",min:1,max:100,onChange:this.onChangeSlider,value:"number"===typeof Y?Y:0}))),d.a.createElement("div",{className:"actions-wrapper"},!K&&F&&d.a.createElement("div",{className:"action-accept"},d.a.createElement(i.g,{onClick:this.toggleModalAD,className:"custom-btn-accpet",children:"Accept design"})),!K&&V&&d.a.createElement("div",{className:"action-reject"},d.a.createElement(i.g,{onClick:this.toggleModalRD,children:"Reject design",destructive:!0})))),l?d.a.createElement(i.X,{size:"small"}):a?d.a.createElement("div",null,"Error: ",Object(A.ib)(a.toString())):d.a.createElement(d.a.Fragment,null,n&&n.length>0?d.a.createElement("div",{className:"personalized-info"},d.a.createElement(i.v,{element:"h3"},"Personalized info:"),d.a.createElement("div",{className:"personalized-inner"},n.map((e,t)=>{let a=e&&e.field?e.field.title?e.field.title:(e.field.name,e.field.name):null,l=e.value,n=Object(c.includes)(l.length&&l[0],h.G);l=l&&Array.isArray(l)&&l.join(", ");const r=(a||"").trim(),i=Object(A.lb)(r);return d.a.createElement("div",{key:t},d.a.createElement("label",{className:"label"},i?r:r+":"),n?null:d.a.createElement("span",{style:{wordBreak:"break-all",whiteSpace:"pre-line"}},l))}))):null,ae?d.a.createElement("div",{className:"attributes-wrap"},d.a.createElement(i.v,{element:"h3"},"Attributes:"),ae):null,re)),d.a.createElement(x,{artworkGuideUrl:le,urlImage:ne,inputSlider:Y,isDLead:_}))}),d.a.createElement(E.a,{toggleShowModal:this.toggleModalAD,task:{id:B,orderId:w},refetch:D,open:Z,toggleActive:P,onNotificationChange:M,toggleModalParent:q}),d.a.createElement(y.a,{toggleShowModal:this.toggleModalRD,task:{id:B,orderId:w},refetch:D,open:X,toggleActive:P,onNotificationChange:M,toggleModalParent:q}))))}}function S(e){let{file:t}=e,a=null===t||void 0===t?void 0:t.thumbnailUrl;const l=Object(A.xb)(a);l&&(a=Object(A.Lb)(a));const n=l?a:(null===t||void 0===t?void 0:t.url)||(null===t||void 0===t?void 0:t.thumbnailUrl),[r,o]=Object(b.a)(!1),s=d.a.useRef(null),{currentUser:c}=Object(p.c)(),u=!!c.viewOriginFile,m=d.a.useCallback(()=>{o(),Object(A.q)(t)},[o,t]),g=u?d.a.createElement(f.a,{href:n,file:t},"View origin"):d.a.createElement(i.g,{children:"View origin",plain:!0,onClick:m});return d.a.useLayoutEffect(()=>{if(!s.current)return;const e=s.current.closest(".Polaris-Modal-Dialog__Modal");e&&(e.style.maxWidth="100vw",e.style.width="100vw",e.style.maxHeight="100vh",e.style.height="100vh",e.style.overflow="scroll")}),d.a.createElement(d.a.Fragment,null,g,d.a.createElement(i.E,{title:"View Origin File",open:r,onClose:o,sectioned:!0},d.a.createElement("div",{ref:s},d.a.createElement("img",{alt:"view-original-file",style:{width:"auto",height:"auto",padding:5},src:n}))))}function I(e){let{files:t,images:a,imgCls:n,isCompare:r,imgItemStyle:i,imgItemCls:o,designPosition:s,dimensions:c,dpCls:u,dpStyle:m,limit:p,onClickImg:g,handImgLoader:A,isDLead:b,bg:h,setBg:f}=e;
4567return t&&a&&a.filter(Boolean).map((e,t)=>d.a.createElement(d.a.Fragment,{key:t},p&&p>0&&p<t+1?null:d.a.createElement("div",{key:e.id,className:"modal-image-item",style:n},d.a.createElement(B,{onClickImg:g(e),imgItemCls:o,imgItemStyle:i,file:e,isCompare:r,isDLead:b,onLoad:()=>A(e),bg:h,setBg:f}),s&&d.a.createElement("div",{className:u,style:m},s.description&&d.a.createElement("p",{style:V},"Requirement: ",d.a.createElement("strong",null,s.description)),c&&c[e.id]&&c[e.id].height&&d.a.createElement("p",null,"Real Dimensions:"," ",d.a.createElement("strong",null,c[e.id].width," x"," ",c[e.id].height,"px",c[e.id].isRealDimensionOk&&d.a.createElement("span",{style:{marginLeft:"5px",fontSize:"16px"}},d.a.createElement(l.a,{twoToneColor:"#52c41a"}))))))))}function B(e){let{imgItemCls:t,onClickImg:a,imgItemStyle:l,file:n,isCompare:o,onLoad:s,isDLead:c,bg:u,setBg:m}=e;const p=n.id,g=null===C.b||void 0===C.b?void 0:Object(C.b)(),A=null===g||void 0===g?void 0:g.active,[b,h]=d.a.useState(n.thumbnailUrl||n.url),[f,v]=d.a.useState(!1),[E,y]=d.a.useState(!1);d.a.useEffect(()=>{let e=n.thumbnailUrl||n.url;o&&(e=n.url||n.thumbnailUrl),h(e)},[o,n,A]);const[k]=Object(r.c)(O),j=d.a.useCallback(()=>{null!=p&&k({variables:{files:[p],fileType:"id"}})},[p,k]);return d.a.createElement("div",{className:"modal-image img-box-shadow"},A&&d.a.createElement(D,{file:n,setUrl:h,setLoading:y}),E?d.a.createElement(i.X,{size:"small"}):d.a.createElement(M,null,c&&f&&d.a.createElement(P,{setBg:m}),f?null:d.a.createElement("div",{className:"img-skeleton"},d.a.createElement(i.W,null)),d.a.createElement("img",{className:t,src:b,alt:"",key:n.id,style:{"--omg-custom-bg":u,...l,backgroundColor:u||"transparent"},onClick:a,onLoad:function(){s(...arguments),v(!0)},onError:()=>{(null===n||void 0===n?void 0:n.thumbnailUrl)&&fetch(n.thumbnailUrl).then(e=>{404===(null===e||void 0===e?void 0:e.status)&&j()}).catch(()=>{}),h(n.url||n.thumbnailUrl)}})))}
4567function D(e){let{file:t,setUrl:a,setLoading:l}=e;const n=null===t||void 0===t?void 0:t.key,[i]=Object(r.c)(j,{onError:()=>{}});return Object(u.useEffect)(()=>{null!=n&&(a(null),l(!0),i({variables:{fileKey:n}}).then(e=>{var t;const n=null===e||void 0===e||null===(t=e.data)||void 0===t?void 0:t.regeneratePrintfileThumbnailByAPI;if(null===n||void 0===n?void 0:n.success){const e=null===n||void 0===n?void 0:n.thumbUrl;a(t=>e||t)}l(!1)}).catch(()=>{l(!1)}))},[n,a,i,l]),null}function P(e){let{setBg:t}=e;const[a,l]=d.a.useState({hue:0,brightness:100,saturation:0}),n=d.a.useRef(!1),r=d.a.useRef(null);return d.a.useEffect(()=>{if(r.current&&clearTimeout(r.current),null!=a&&n.current){const e=Object(A.nb)(a);if(null!=e){const{green:a,red:l,blue:n}=e,i=`rgb(${l},${a},${n})`;r.current=setTimeout(()=>{t(i)},500)}}},[t,a]),d.a.createElement("div",{className:"color-picker-wrap"},d.a.createElement(i.m,{onChange:function(){l(...arguments),n.current=!0},color:a}))}function x(e){let{artworkGuideUrl:t,urlImage:a,inputSlider:l,isDLead:n}=e;const[r,i]=d.a.useState(!1),[o,s]=d.a.useState("transparent");return d.a.createElement(F,null,n&&r&&d.a.createElement(P,{setBg:s}),d.a.createElement("div",{className:"modal-image"},d.a.createElement("div",{className:"imgs_wrap",id:"imgs-wrap"},d.a.createElement("div",{style:{position:"relative"}},d.a.createElement("div",null,d.a.createElement("img",{alt:"",src:t,style:{position:"static",opacity:"0.25",zIndex:0},className:"img_item"})),d.a.createElement("img",{src:a,alt:"",className:"img_item",onLoad:()=>{i(!0)},style:{"--omg-custom-bg":o,opacity:""+.01*l,position:"absolute",zIndex:1,top:0,backgroundColor:o||"transparent"}})))))}const M=m.b.div` 4568 .img-skeleton { 4569 position: absolute; 4570 inset: 0; 4571 padding: 1rem; 4572 display: flex; 4573 justify-content: center; 4574 align-items: center; 4575 z-index: 99; 4576 overflow: hidden; 4577 background: #fff; 4578 4579 .Polaris-SkeletonThumbnail { 4580 width: 100%; 4581 height: 100%; 4582 } 4583 } 4584`,T=m.b.div` 4585 display: flex !important; 4586 justify-content: center; 4587 max-height: 90vh; 4588 width: 100%; 4589 overflow: auto; 4590`,Q=m.b.div` 4591 .ant-carousel .slick-slide { 4592 text-align: center; 4593 overflow: hidden; 4594 } 4595 .ant-carousel .slick-dots li button { 4596 background: #1a202c; 4597 } 4598 .ant-carousel .slick-dots li, 4599 .ant-carousel .slick-dots li.slick-active, 4600 .ant-carousel .slick-dots li button { 4601 width: 16px; 4602 height: 16px; 4603 } 4604 .ant-carousel .slick-dots li button { 4605 border-radius: 100%; 4606 } 4607 .ant-carousel .slick-dots-bottom { 4608 bottom: 25px; 4609 } 4610 .media-wrapper { 4611 padding: 1rem; 4612 img { 4613 box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 15px -3px, 4614 rgba(0, 0, 0, 0.1) 0px 4px 6px 2px; 4615 } 4616 } 4617 4618 .style-arrow { 4619 font-size: 22px; 4620 line-height: 1.5; 4621 color: #1a202c; 4622 right: -13px; 4623 justify-content: center; 4624 align-items: center; 4625 width: 4rem; 4626 height: 4rem; 4627 background: #fff; 4628 border-radius: 50%; 4629 z-index: 10; 4630 box-shadow: rgb(0 0 0 / 10%) 0px -1px 15px -3px, 4631 rgb(0 0 0 / 10%) 0px 4px 6px 2px; 4632 } 4633 .ant-carousel { 4634 .slick-prev, 4635 .slick-next { 4636 &:hover, 4637 &:focus { 4638 background: #fff; 4639 color: #1a202c; 4640 } 4641 } 4642 } 4643 4644 .media-meta-link { 4645 text-align: center; 4646 padding-top: 2rem; 4647 margin-top: 20px; 4648 } 4649`,R=m.b.div` 4650 .modal-image { 4651 padding: 1rem; 4652 position: relative; 4653 4654 .color-picker-wrap { 4655 position: absolute; 4656 top: -17rem; 4657 right: 0; 4658 4659 .Polaris-ColorPicker__MainColor { 4660 height: 12rem; 4661 width: 12rem; 4662 } 4663 4664 .Polaris-ColorPicker__HuePicker, 4665 .Polaris-ColorPicker__AlphaPicker { 4666 height: 12rem; 4667 width: 1.8rem; 4668 } 4669 } 4670 } 4671 .img-wrap { 4672 box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 15px -3px, 4673 rgba(0, 0, 0, 0.1) 0px 4px 6px 2px; 4674 } 4675 4676 .Polaris-Badge { 4677 font-weight: 600; 4678 } 4679`,F=m.b.div` 4680 .color-picker-wrap { 4681 position: fixed; 4682 right: 0; 4683 top: 20.5rem; 4684 z-index: 1000; 4685 4686 .Polaris-ColorPicker__MainColor { 4687 height: 12rem; 4688 width: 12rem; 4689 } 4690 4691 .Polaris-ColorPicker__HuePicker, 4692 .Polaris-ColorPicker__AlphaPicker { 4693 height: 12rem; 4694 width: 1.8rem; 4695 } 4696 } 4697`,N=m.b.div` 4698 display: flex; 4699 flex-direction: column; 4700 text-align: left; 4701 position: relative; 4702 .content_wrap { 4703 position: fixed; 4704 background: #fff; 4705 width: calc(100% - 4rem); 4706 padding-top: 2rem; 4707 padding-bottom: 2rem; 4708 z-index: 10; 4709 margin-top: -2rem; 4710 } 4711 .header_wrap { 4712 display: flex; 4713 flex-direction: row; 4714 column-gap: 3rem;
4715 align-items: center; 4716 .header { 4717 h2 { 4718 font-size: 1.2em; 4719 } 4720 } 4721 .change-opacity { 4722 flex: 1 1; 4723 display: flex; 4724 justify-content: flex-end; 4725 h3 { 4726 margin-left: 6px; 4727 } 4728 .change-opacity_inner { 4729 width: 300px; 4730 } 4731 } 4732 } 4733 .imgs_wrap { 4734 position: relative; 4735 .img_item { 4736 object-fit: cover; 4737 width: 100%; 4738 height: 100%; 4739 max-width: 8900px; 4740 max-height: 10000px; 4741 } 4742 } 4743 .personalized-info { 4744 h4 { 4745 font-weight: 500; 4746 font-size: 1.2em; 4747 display: inline-block; 4748 } 4749 .personalized-inner { 4750 display: flex; 4751 flex-direction: row; 4752 column-gap: 1.6rem; 4753 row-gap: 1.6rem; 4754 flex-wrap: wrap; 4755 justify-content: flex-start; 4756 label.label { 4757 font-weight: 500; 4758 color: rgba(0, 0, 0, 0.85); 4759 font-size: 1em; 4760 margin-right: 1rem; 4761 } 4762 } 4763 } 4764 .attributes-wrap, 4765 .task-requirement { 4766 margin-top: 1.6rem; 4767 } 4768 4769 .personalized-info, 4770 .attributes-wrap { 4771 margin-right: 15rem; 4772 } 4773 4774 .actions-wrapper { 4775 display: flex; 4776 flex-direction: column; 4777 gap: 1rem; 4778 } 4779`,U={display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},L={fontSize:"12px"},V={marginBottom:"5px"};t.default=w},function(e,t){e.exports="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADICAMAAADhopxgAAAAA3NCSVQICAjb4U/gAAAAElBMVEXu7u7Nzc26urrExMS/v7/g4ODYbB/sAAAFoUlEQVR4nO2biZrbIAyEzaH3f+Uuh5A4jDft9ovIzt9sEgfsMh5x2r4uAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC8AjlyHfTuEv1fKEx8tOSF3o9W3PSqkD5bMW29oxAHtcybivvPzBFLU+pC7rlNl9sJ3uk91WM3aRLBk95Q/0722M0ecpLSGzqhYcx5Em7Sy77t4zmc6rGbNFURvb+riD7OY3K6Agf5U53Uzt6cu2U0bza5e1Gd3qBNvs3ad2cW6fWOglYnQsWA3kHC4d2StrhZ7qKKbqwd04x7vGuCl96GfY7Cu1VtIKV33zT126FPvenRDDKPN7iF7tUuwnx1Hs4QrIo7a98z7MUn6wTBz7Lqt33vVHLZFtzKSZpRWehzjfb2Z8C+4MUIaemdnjLSmCh9s33Bbu5KaNIxySCV4yCH7+Y7o5SVClpWZuMOh7XDV9+c3WjQJquu6z+X+h+4F0zdiOTWM1o12cYdDqtStjHnuvoOh9DxbN/h0rL2/fEwZZQdagzTsOLVj8WsO7xh0FuXp3MKyY/D+NR6o9UR6z8tuK1uuRhLnn6mP654xpMEr1zmzCHrbScj9Mt8iiMEL6S7Lnap6NXRQNNR+t8NUoPUhf5dK3CSNWp/lZWjxfYFr3x2fekpjgark3GOw1OYDoJEsGuCpddSiatzZBEWrON4iOmaMybBsZoqV4tLolOnzR3rsNOSKBaHebMXTP1hDI+0BsFubq2bhz7qaE3ZYvO/CXYHhPS2Eusq7EWgtHZl60uwP8ZhNa4KU7/T6iM7zDuOgn05TNT7WEQc7oTKCDJKLfU6WkPtlLtUPoZxh2W8WA2OWjML9j5ljboNi3I6cmo7hmmHfdQyR7kSxElSmlbkkaarelvAV8HRvsPFuLsanLY7Tdnkr/rMGzQdJh4iOHYitek8tGyCFaysbvIRLIc0ywiiIvCr/Mgx7RaKaxL5Ps2+wzztz//aKxTFbUo0CSY5itdHse3wIlLXcUthyNsWAPxRDj8KFsP6qG4/x/EghzusBJDkFxfdaLB1h58VL5Zp1S/eHxbSL1TjBaxXHcN4P/wo2MdNraQ46bXvcHxw+CuDv9FQ/e3P2QkO+7h55SzL4ZPzSnB7WXY49yh9cRevwnyTgFd69Q7GBVfNG2LN0TXO7j6/fcFK9upNkRZp0zXhm1NS3g4QHO/VRqXnMRDKkQwLViXdS36UqnJadngMza1538wUveGxtNOljTp++29PSqOS6y0Lpq2QvyQ+/7/v47sx/QqGDb642fpJDDdZid0A4hP1Xvm5lofrS3UxU6/0tYnCsKvlW5YAAAAAAAD4EdJMuIx73d2An06YCXyfNLPJX24FR87xEVCbyv0mh7OBt4I/i7KalZafRDANT+DQRfk9p1zyMeXNGyV32bQ4Ky7rEySC64Jeu50yJYRyn0PJ6niPtjBU5LeVwLJrtLnwke67Cjmoq+Bya4pXi44uf3f8O3+kJP5OeseyZ/p0BhUnwVcuVxVcyii9lRbsiqfEua78ZFooEmP+oL6CGGzgU/mSmFpEqkWMEtQi+GofQUVA3aWeopoiLaGxepwdzoYVwa4KJfGmCY7X+JGeUqvNPInEKjg/nWYvpiVec9miarpqjo3gtrYrp8C1yOarye/RdQc1Q8rlvpcES70eBbPDBp+pLeUj7kM4pJ1U0nvBXlX7OaTfIueR6vDF0acarfbw3U7wNTZavgk21lox7CRXt9LvBOXQVnAowXGV63GOuAd33Dtbk80Oc32U8VJ3L+l9HeZGS12Pk5DxesRmhFZXuUGtN9WpEfJDK+28TDBz7yZn0KLgJS/E4eKuLZlZvHKgU7HbWv04+d7Kz1oe2TK3dh8O3zH9W/QmyFyvCwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAcfwBvQTNm/CjNLgAAAABJRU5ErkJggg=="},,function(e,t,a){"use strict";a.d(t,"a",(function(){return k}));var l=a(25),n=a(7),r=a(1),i=a(646),o=a(35),s=a(135),c=a.n(s),u=a(0),d=a.n(u),m=a(9),p=a(11),g=a(16),A=a(2),b=a(4),h=a(244),f=a(299),v=a(524);const E=o.a` 4780 mutation importFileUrl($urls: [String!]!, $prefix: String) { 4781 importFileUrl(urls: $urls, prefix: $prefix) { 4782 id 4783 name 4784 alt 4785 caption 4786 thumbnailUrl 4787 url 4788 mimeType 4789 size 4790 createdAt 4791 } 4792 } 4793`,y=m.b.div` 4794 display: flex; 4795 flex-direction: column; 4796 row-gap: 2rem; 4797 width: 100%; 4798 .list-file_wrap { 4799 display: flex; 4800 flex-direction: column; 4801 row-gap: 1.6rem; 4802 height: 28rem; 4803 &.multiple { 4804 height: auto; 4805 flex-direction: row; 4806 column-gap: 2rem; 4807 justify-content: flex-start; 4808 flex-wrap: wrap; 4809 .file_wrap { 4810 height: 100%; 4811 } 4812 .file-item { 4813 width: 100px; 4814 height: 100px; 4815 overflow: hidden; 4816 object-fit: cover; 4817 position: relative; 4818 .Polaris-Choice { 4819 position: absolute; 4820 top: 1px; 4821 left: 1px; 4822 z-index: 10; 4823 padding: 0; 4824 .Polaris-Choice__Control { 4825 margin: 0; 4826 } 4827 } 4828 } 4829 } 4830 } 4831 .dropzone_wrap { 4832 width: 100%; 4833 height: 100%; 4834 display: flex; 4835 align-items: center; 4836 justify-content: center; 4837 background-size: cover; 4838 background-repeat: no-repeat; 4839 background-position: center center; 4840 .dropzone_inner { 4841 display: flex; 4842 flex-direction: column; 4843 text-align: center; 4844 } 4845 } 4846 .uploaded-wrap { 4847 display: block; 4848 margin-top: 2rem; 4849 } 4850 .image-wrap { 4851 position: relative; 4852 display: flex; 4853 flex-direction: row; 4854 justify-content: space-between; 4855 .image-title-wrap { 4856 display: flex; 4857 flex-direction: row; 4858 column-gap: 0.5rem; 4859 } 4860 } 4861 .design-position-name { 4862 margin-bottom: 0.5rem; 4863 font-weight: 500; 4864 } 4865 .dropzone_container { 4866 .Polaris-DropZone { 4867 min-height: ${e=>e.sizeSmall?"10rem":""}; 4868 } 4869 } 4870`,C=["application/pdf","application/postscript","image/vnd.adobe.photoshop","application/x-photoshop","application/photoshop","application/psd","image/psd"],k=d.a.forwardRef((e,t)=>
4870{const{multiple:a,showViewOrigin:o,isUpdateDesign:s,dPName:m,accept:k,type:O,folder:j,isPrintFile:w,typeSpecial:S,placeholderImage:I,isCompareDesign:B,designPosition:D,sizeSmall:P,mainImageId:x,setMainImage:M,hasMainImg:T,productBaseId:Q,maxSize:R,isUniqueFolder:F,isArtistTask:N,softDeleteFile:U=!1}=e,{currentUser:L}=Object(p.c)(),{isTeamRoot:V}=Object(A.j)(L);let z=R;R||V||(z=b.v);const[q,H]=Object(u.useState)([]),[$,_]=Object(u.useState)(""),[G,K]=Object(u.useState)(!1),[J,Y]=Object(u.useState)([]),[W,Z]=Object(u.useState)(null),[X,ee]=Object(u.useState)([]),[te,ae]=Object(u.useState)({}),[le,ne]=Object(u.useState)(!1),[,re]=Object(u.useState)({}),[ie,oe]=Object(u.useState)({}),[se,ce]=Object(u.useState)(!1),[ue,de]=Object(u.useState)({msg:null}),[me,pe]=Object(u.useState)(!1),[ge]=Object(n.c)(g.ub,{onError:()=>{}});Object(u.useEffect)(()=>{e.onChange&&e.onChange(J),J.length||o&&o()},[J]);const Ae=Object(u.useRef)(!1);Object(u.useEffect)(()=>{let t=e.value;if((null===t||void 0===t?void 0:t.length)>0&&!Ae.current)return Y(t),Ae.current=!0,()=>clearTimeout(W)}
4870,[e.value]);const be=Object(u.useCallback)(()=>ce(e=>!e),[]),he=Object(u.useCallback)(()=>K(e=>!e),[]),fe=Object(u.useCallback)((t,a)=>{let{userId:l}=e;const n={search:null,mimeType:[],dateFilter:{from:null,to:null},limit:20,offset:0,prefix:e.prefix,...l?{userId:l}:null};try{const e=t.readQuery({query:f.a,variables:{filter:n}});t.writeQuery({query:f.a,variables:{filter:n},data:{...e,mediaLibrary:{...e.mediaLibrary,total:e.mediaLibrary.total+a.length,nodes:[...a,...e.mediaLibrary.nodes]}}})}catch(r){}},[e.userId,e.prefix]),ve=Object(u.useCallback)(t=>{let{prefix:a,multiple:l}=e,n=e.value?e.value:[],r=q,i=[];for(let e=0;e<r.length;e++)n.find(t=>t.id===r[e].id)||i.push(r[e]);const o=l?[...n,...i]:[...i];let s=[],c={};$.split("\n").forEach(e=>{const t=e&&e.trim();t&&(c[t]||(s.push(t),c[t]=!0))}),s.length?t.mutate({mutation:E,variables:{urls:s,prefix:a}}).then(a=>{fe(t,a.data.importFileUrl);const l=[...a.data.importFileUrl,...o];_("");const n=setTimeout(()=>{Y(e.multiple?l:[l[0]]),H([]),he(),e.onChange&&e.onChange(e.multiple?l:[l[0]])},1e3);Z(n)}).catch(()=>{}):(Y(o),H([]),he())},[e,q,$]),Ee=Object(u.useCallback)(e=>{ne(!0),Y(t=>t.filter(t=>t.id!==e)),U&&ge({variables:{id:e,deleteAmz:!0}})},[U]),ye=Object(u.useCallback)((e,t,l,n,r)=>{ee(e=>a?[...e,...t]:[...t]),ne(!1);let i=t;for(let a=0;a<i.length;a++)Ce(i[a],a,n,r)},[Q]),Ce=Object(u.useCallback)((e,t,a,l)=>{ae(e=>({...e,[t]:!0})),be(!0),ke(e,async n=>{let r=e.type,i=e.name;if(n)switch(r=n,n){case"image/webp":i=i.replace(/\.[^/.]+$/,".webp");break;case"image/gif":i=i.replace(/\.[^/.]+$/,".gif");break;case"image/jpeg":i=i.replace(/\.[^/.]+$/,".jpg");break;case"image/png":i=i.replace(/\.[^/.]+$/,".png")}try{let n=b.nb.includes(Q),o=!1;if(n?"image/png"===r&&(o=!0):o=!0,o){de(()=>({msg:null}));const n=await a({variables:{input:{name:i,mimeType:r,size:e.size,folder:j||null},uniqueFolder:!!F||void 0}}),{key:o,url:s}=n.data.createUploadUrl;await c.a.put(s,e,{headers:{"Content-Type":r},timeout:18e5});const u=await l.mutate({mutation:h.a,variables:{input:{name:i,key:o,size:e.size,mimeType:r,isPrintFile:w}}});let d=[];u&&(d.push(u.data.createFile),ae(e=>({...e,[t]:!1})));const m=setTimeout(()=>{Y(e=>[...e,...d])},1e3);Z(m)}else ae(!1),de(()=>({msg:"Allow file type is .png"})),ee(()=>[])}catch(o){}})},[Q,e,q]),ke=(e,t)=>{const a=[{mime:"image/png",pattern:[137,80,78,71]},{mime:"image/jpeg",pattern:[255,216,255]},{mime:"image/gif",pattern:[71,73,70,56]},{mime:"image/webp",pattern:[82,73,70,70,void 0,void 0,void 0,void 0,87,69,66,80,86,80]}],l=Math.max(...a.map(e=>e.pattern.length)),n=e.slice(0,l),r=new FileReader;r.onloadend=e=>{if(!e||!r.result)return t(null);const l=new Uint8Array(r.result),n=a.find(e=>((e,t)=>t.pattern.every((t,a)=>!t||e[a]===t))(l,e));return t(n?n.mime:null)},r.readAsArrayBuffer(n)};Object(u.useEffect)(()=>{for(let e=0;e<J.length;e++){let t=J[e];t&&Oe(B,t.url,t.id,D,t.mimeType)}},[J,B,D]);const Oe=Object(u.useCallback)((t,a,l,n,r)=>{const{onCheckDimensions:i,onCheckingDimensions:o}=e;if(C.includes(r))o&&o(!1),i&&i(!0);else if(t){let e=new Image;e.src=a,o&&o(!0),e.onload=()=>{let t=ie;if(!t[l]){let a=null===e||void 0===e?void 0:e.height,r=e.width;t[l]={id:l,height:a,width:r,isRealDimensionOk:je(n,r,a)},oe(()=>(i&&i(t,l),{...t}))}(null===e||void 0===e?void 0:e.complete)&&0!==(null===e||void 0===e?void 0:e.naturalHeight)&&o&&o(!1)}}},[ie]),je=Object(u.useCallback)((e,t,a)=>{let l=!1;if(e&&e.description&&e.description.length>0&&t&&a){let n=e.description;if(t=parseInt(t),a=parseInt(a),n){let e=n.split("|");if(e.length<2)return!0;if(!e[0]||0===e[0].length)return!0;if(!e[1]||0===e[1].length)return!0;if(!/png|jpg|jpeg/i.test(e[1]))return!0;if(Array.isArray(e)&&e[0]&&e[0].length>0){let n=e[0];const r=/in/i.test(n);if(!/px|cm|in/i.test(n))return!0;if(n=n.replace(/,/g,""),n=n.replace(/,/g,""),n=n.replace(/px/g,""),n=n.replace(/cm/g,""),n=n.replace(/\s+/g,""),n.length>0){const i="\xd7";let o=n.split("x");if(Array.isArray(o)&&2!==o.length&&(o=n.split(i)),Array.isArray(o)&&2===o.length){let n=o&&o[0]?parseInt(o[0]):0,i=o&&o[1]?parseInt(o[1]):0;r&&(n*=parseInt(e[2]),i*=parseInt(e[2])),n>0&&i>0&&n===t&&i===a&&(l=!0)}}}}}return l},[]),we=X.length>0?d.a.createElement(r.Y,{vertical:!0},X.map((e,t)=>d.a.createElement("div",{className:"image-wrap",key:"image-"+t},d.a.createElement("div",{className:"image-title-wrap"},te[t]?d.a.createElement(r.X,{size:"small"}):d.a.createElement(r.w,{source:i.a}),d.a.createElement("span",null,e.name))))):null,Se=se&&ue.msg&&d.a.createElement(r.fb,{c
4870ontent:ue.msg,error:!0,duration:2e3,onDismiss:be}),Ie=e=>e instanceof File&&null!=z&&"number"===typeof z&&(!e.size||e.size<1||e.size>z)?(pe(!0),!1):(pe(!1),!0);return d.a.useImperativeHandle(t,()=>({getFileList:()=>J})),d.a.createElement(y,{sizeSmall:P},Se,d.a.createElement(l.a,{mutation:h.b},(t,l)=>{let{client:n}=l;return d.a.createElement(d.a.Fragment,null,a||S||!a&&!J.length>0?d.a.createElement("div",{className:"dropzone_container"},d.a.createElement("div",{className:"design-position-name"},m),d.a.createElement(r.p,{accept:k,type:O,allowMultiple:a,onClick:()=>{},customValidator:Ie,onDrop:(e,a,l)=>ye(e,a,l,t,n)},d.a.createElement("div",{className:"dropzone_wrap",style:{backgroundImage:`url("${(null===I||void 0===I?void 0:I.thumbnailUrl)||(null===I||void 0===I?void 0:I.url)}")`,opacity:I?.7:1}},d.a.createElement("div",{className:"dropzone_inner"},d.a.createElement(r.g,{children:"Media Library",plain:!0,onClick:he}),d.a.createElement(r.db,null,"Or drop image to upload"),le?null:d.a.createElement("div",{className:"uploaded-wrap"},we)))),d.a.createElement(f.b,Object.assign({},e,{maxSize:z,value:q,open:G,toggleShowModal:()=>{he(),_(()=>"")},onChange:e=>H(()=>e),onImportUrlsChange:e=>_(()=>e),handleSetFile:ve,uniqueFolder:!!F||void 0}))):null,me?d.a.createElement(r.x,{message:`File is too large (max ${Object(A.y)(z)})`}):null,J&&J.length>0?d.a.createElement("div",{className:"list-file_wrap "+(a||S?"multiple":"")},J.map((e,t)=>{let a=x===e.id;return d.a.createElement(v.a,{file:e,index:t,key:t,handleRemove:Ee,isUpdateDesign:s,dPName:m,isMainImg:a,hasMainImg:T,mainImage:{[e.id]:a},hideBtnRemove:!!N,setMainImage:t=>{re({[e.id]:t}),M&&M(e.id)}})})):null)}))})},,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return i})),a.d(t,"b",(function(){return o}));var l=a(1),n=a(0),r=a.n(n);function i(e){let{value:t,onChange:a,multiline:n,autoFocus:i,label:s,id:c,maxLength:u,placeholder:d}=e;const m=o(t,u);return r.a.createElement(l.cb,{value:t,onChange:a,multiline:n,maxLength:u,autoFocus:i,label:s,id:c,placeholder:"Enter "+d,helpText:m})}function o(e,t){const a=null===e||void 0===e?void 0:e.length,l=1===a?"character":a>1?"characters":"";return t?`Maximum ${t} characters${a?" ("+a+" "+l+")":""}.`:a?`${a} ${l}.`:""}},function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var l=a(0),n=a.n(l),r=a(1),i=a(5),o=a.n(i),s=a(9),c=a(2);const u=s.b.div` 4871 .choicelist-wrapp { 4872 margin-top: 1rem; 4873 } 4874 .Polaris-ChoiceList__Choices { 4875 max-height: 280px; 4876 overflow-y: scroll; 4877 padding-left: 2px; 4878 } 4879`,d=e=>{let{options:t,value:a,loading:i,error:s,onChange:d,onChangeSearch:m}=e;const[p,g]=Object(l.useState)(""),[A,b]=Object(l.useState)([]),h=Object(l.useRef)(null);Object(l.useEffect)(()=>{a.value?b([a.value]):b([]),a.search?g(a.search):g(null)},[a]);const f=Object(l.useCallback)(e=>{g(e),h.current&&clearTimeout(h.current),m&&(h.current=setTimeout(()=>{m(e?e.trim():e)},500))},[]),v=Object(l.useCallback)(e=>{const a=e.map(e=>{const a=t.find(t=>t.value===e);return a&&a.label});b(e);let l=o.a.head(a);if("string"!==typeof l){let e=o.a.get(l,"props.children",null);if(Array.isArray(e)){var n;let t=e.find(e=>{var t;return"title"===(null===e||void 0===e||null===(t=e.props)||void 0===t?void 0:t.className)});l=null===t||void 0===t||null===(n=t.props)||void 0===n?void 0:n.children}else{var r;l=null===e||void 0===e||null===(r=e.props)||void 0===r?void 0:r.children}}d&&d({value:o.a.head(e),label:l})},[t]);return n.a.createElement(u,null,n.a.createElement(r.cb,{label:"input",labelHidden:!0,placeholder:"Filter item",value:p,onChange:f}),n.a.createElement("div",{className:"mt-4"},s&&n.a.createElement("div",null,"Error: ",Object(c.ib)(s.toString())),i?n.a.createElement("div",{className:"flex justify-center"},n.a.createElement(r.X,{accessibilityLabel:"Spinner example",color:"teal",size:"small"})):n.a.createElement(n.a.Fragment,null,t.length>0?n.a.createElement("div",{className:"choicelist-wrapp"},n.a.createElement(r.k,{title:"choice",titleHidden:!0,choices:t,selected:A,onChange:v})):n.a.createElement("span",null,"No items found!"))))}},,,,function(e,t,a){"use strict";a.d(t,"c",(function(){return b})),a.d(t,"e",(function(){return E})),a.d(t,"d",(function(){return y}
4879)),a.d(t,"b",(function(){return C})),a.d(t,"a",(function(){return k}));var l=a(7),n=a(1),r=a(0),i=a.n(r),o=a(9),s=a(398),c=a(263),u=a(11),d=a(16),m=a(2),p=a(28);a(5);const g=o.b.div` 4880 margin: -1rem; 4881 @media (min-width: 640px) { 4882 margin: -1.5rem; 4883 } 4884`,A={keys:["limit","paged","sort","sortBy"],values:["10","1","DESC","total_orders"]},b=function(){const[e,t]=Object(r.useState)([]),[a,l]=Object(r.useState)(null),[n,o]=Object(r.useReducer)(m.Hb,{products:[]});Object(r.useEffect)(()=>{let e=Object(m.M)("userId"),a=Object(m.M)("screenOption_Products_"+e);a&&(a=a.split(","),t(a)),l(e)},[]),Object(r.useEffect)(()=>{a&&Object(m.Nb)("screenOption_Products_"+a,e,100)},[a,e]);for(var s=arguments.length,c=new Array(s),u=0;u<s;u++)c[u]=arguments[u];return i.a.createElement(g,null,i.a.createElement("div",null,i.a.createElement(j,{defaultValue:e,onChange:e=>t(e)})),i.a.createElement(v,Object.assign({screenOptions:e,setState:o},n),i.a.createElement(h,c)))},h=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const o=Object(r.useMemo)(()=>Object(m.W)(null!=t?[t]:[]),[t]),{currentUser:c}=Object(r.useContext)(u.a),{isMarketplaceManager:p,isStoreManager:g}=Object(m.j)(c),b=g||p,h=Object(m.ub)(c)&&"xq0ZLT33gj"!==(null===c||void 0===c?void 0:c.id),{products:f}=E(),v=Object(m.T)(c),[y,C]=i.a.useReducer(m.Hb,{show:!1,showExport:!1,filter:{}}),{toggleActive:k,setNotify:O}=E(),[j,{loading:w}]=Object(l.c)(d.Ob,{onCompleted:e=>{(null===e||void 0===e?void 0:e.exportProducts)&&(window.location.href=e.exportProducts,O({msg:"Export products success",err:!1}))},onError:e=>{O({msg:Object(m.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}});i.a.useEffect(()=>{const e=window.location.search,t=new URLSearchParams(e).entries();for(let a of t){if(!a||0===a.length)continue;const[e,t]=a;if(!A.keys.includes(e)||!A.values.includes(t)){C({show:!0});break}}},[]);const S=i.a.useCallback(()=>{null!=y.filter&&(k&&k(!0),O&&O({msg:null,err:!1}),j({variables:{filter:y.filter}}))},[y.filter,k]),I=i.a.useCallback(()=>{if(!f||!Array.isArray(f)||0===f.length)return;const e=["Title"],t=[];let a=1;for(let o of f){const e=o.images||[],l=e.length;l>a&&(a=l);let n=`"${o.title}"`;t.push([n,...e].join(","))}for(let o=0;o<a;o++)e.push("Image "+(o+1));const l=[e.join(","),t.join("\n")].join("\n"),n=new Blob([l],{type:"text/csv"}),r=URL.createObjectURL(n),i=document.createElement("a");i.href=r,i.download="export-product-for-tiktok.csv",i.click()},[f]),B=i.a.useMemo(()=>i.a.createElement(n.h,null,i.a.createElement(n.g,{primary:!0,url:`/${v}/products/add`},"Add Product"),i.a.createElement(n.g,{primary:!0,url:`/${v}/products/add-campaign`},"Add Campaign"),y.show&&i.a.createElement(n.g,{children:"Export products",onClick:S,loading:w}),h&&i.a.createElement(n.g,{children:"Export product for Tiktok",onClick:I,loading:w})),[v,y.show,S,w,h,I]);return i.a.createElement(n.H,{title:"All Products",fullWidth:!0,primaryAction:B},i.a.createElement(s.b,{hideFilterStore:b,isMarketplaceManager:p,path:o,setExportState:C}))},f=Object(r.createContext)(null);function v(e){let{children:t,...a}=e;const[l,o]=Object(p.a)(!1),[s,c]=Object(r.useState)({msg:null,err:!1}),u=Object(r.useMemo)(()=>({toggleActive:o,setNotify:c,...a}),[a,o,c]),d=l&&s.msg&&i.a.createElement(n.fb,{content:s.msg,error:s.err,onDismiss:o,duration:3e3});return i.a.createElement(f.Provider,{value:u},d,t)}function E(){return Object(r.useContext)(f)}const y="shortTitle",C="pushedSaleChannel",k="markAsPushed",O=[{value:y,label:"Show Titles"},{value:C,label:"Pushed Sale Channels"},{value:k,label:"Mark as Pushed"}];function j(e){return i.a.createElement(c.a,Object.assign({},e,{options:O}))}},function(e,t,a){"use strict";a.d(t,"b",(function(){return u}));var l=a(0),n=a.n(l),r=a(175),i=a(2),o=a(1);const s={checkAll:!1,itemsChecked:[]},c=n.a.createContext({...s,checkAllMarkup:null,checkItemMarkup:()=>{}});const u=()=>n.a.useContext(c);t.a=function(e){let{children:t,data:a,refetch:l,isChildNode:u,actionMarkup:d,...m}=e;const[p,g]=n.a.useReducer(i.Hb,s),A=e=>{g({itemsChecked:Object(i.K)(a,e),checkAll:e})},b=(e,t)=>{g(a=>({...a,...Object(i.d)(a.itemsChecked,t,e)}))},h={checkAllMarkup:n.a.createElement(o.j,{checked:p.checkAll,onChange:A}),ids:p.itemsChecked,checkItemMarkup:e=>n.a.createElement("div",{className:"check-box-wrap"},n.a.createElement(o.j,{id:e,checked:p.itemsChecked.includes(e),onChange:b})),onCompleted:async()=>{g(s),await new Promise(e=>setTimeout(e,1e3)),l&&l()},refetch:l,...m};return n.a.createElement(c.Provider,{value:h}
4884,n.a.createElement(r.default,{idsChecked:p.itemsChecked,onClose:()=>A(!1)},d),u?t:t(h))}},,,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var l=a(0),n=a.n(l),r=a(1),i=a(5),o=a.n(i),s=a(21);const c=e=>{let{options:t,value:a,onChange:i,label:c,placeholder:u,required:d,labelHidden:m,error:p,isFilter:g,clearButton:A=!1,handleClear:b=(()=>{})}=e;const[h,f]=Object(l.useState)(""),[v,E]=Object(l.useState)([]),[y,C]=Object(l.useState)([]),[k,O]=Object(l.useState)([]);Object(l.useEffect)(()=>{let e=t&&t.length>0?t:[];if(e.length){C(e),O(e),E(a?[a]:[]);let t=e.find(e=>e.value===a);f(t?t.label:null)}else C([]),f(null)},[t,a]),Object(l.useEffect)(()=>{E(a?[a]:[])},[a]);const j=Object(l.useCallback)(e=>{if(f(e),""===e)return void C(k);const t=new RegExp(e,"i"),a=k.filter(e=>{if(!e.disabled){if("string"===typeof e.label)return e.label.match(t);return o.a.get(e,"label.props.children",null).match(t)}return!1});C(a)},[k]),w=Object(l.useCallback)(e=>{const t=e.map(e=>{const t=y.find(t=>t.value===e);return t&&t.label});E(e),f(o.a.head(t)),i&&i(g?{value:o.a.head(e),label:o.a.head(t)}:o.a.head(e))},[y]),S=n.a.createElement(r.c.TextField,{label:"option",labelHidden:!0,value:h,onChange:j,placeholder:u||"Filter item",error:p,clearButton:A,onClearButtonClick:b});return n.a.createElement(n.a.Fragment,null,!m&&c?n.a.createElement(s.a,{label:c,required:d}):null,n.a.createElement(r.c,{options:y,selected:v,onSelect:w,textField:S,emptyState:n.a.createElement("span",null,"No items found!")}))}},,function(e,t,a){"use strict";a.r(t),a.d(t,"TAGS",(function(){return h})),a.d(t,"TagsSelectPolaris",(function(){return y}));var l=a(0),n=a.n(l),r=a(1),i=a(35),o=a(7),s=a(5),c=a.n(s),u=a(9),d=a(2),m=a(1518);const p=u.b.div` 4885 .btn-add { 4886 appearance: none; 4887 margin: 0; 4888 padding: 0; 4889 background: none; 4890 border: none; 4891 font-size: inherit; 4892 line-height: inherit; 4893 cursor: pointer; 4894 color: inherit; 4895 text-decoration: none; 4896 display: block; 4897 width: 100%; 4898 min-height: 3.6rem; 4899 padding: 0.8rem 1.4rem; 4900 text-align: left; 4901 overflow-y: hidden; 4902 :hover { 4903 background-image: linear-gradient( 4904 rgba(223, 227, 232, 0.3), 4905 rgba(223, 227, 232, 0.3) 4906 ); 4907 } 4908 :focus { 4909 outline: none; 4910 } 4911 .Polaris-Icon { 4912 margin-right: 3px; 4913 } 4914 } 4915`,g=i.a` 4916 mutation createTag($name: String!) { 4917 createTag(name: $name) { 4918 id 4919 name 4920 } 4921 } 4922`,A=e=>{let{inputValue:t,onCompleted:a}=e;const[i]=Object(o.c)(g,{onError:()=>{}}),s=Object(l.useCallback)(()=>{i({variables:{name:t}}).then(e=>{let t=e.data.createTag;a&&a(t)}).catch(()=>{})},[t]);return n.a.createElement(p,null,n.a.createElement("button",{className:"btn-add",onClick:s},n.a.createElement(r.Y,{spacing:"extraTight",wrap:!1},n.a.createElement(r.w,{source:m.a,color:"indigo"}),n.a.createElement(r.db,{variation:"strong"},"Add "),n.a.createElement(r.db,null,t))))};var b=a(21);const h=i.a` 4923 query tags($filter: TagFilter) { 4924 tags(filter: $filter) { 4925 total 4926 nodes { 4927 id 4928 name 4929 } 4930 } 4931 } 4932`,f=u.b.p` 4933 flex: auto; 4934 overflow: hidden; 4935 white-space: nowrap; 4936 text-overflow: ellipsis; 4937`,v=u.b.div` 4938 display: flex; 4939 padding-top: 0.8rem; 4940 flex-wrap: wrap; 4941 > * { 4942 margin-right: 0.8rem; 4943 margin-bottom: 0.8rem; 4944 } 4945`,E=u.b.div``,y=e=>{let{onChange:t,allowMultiple:a,label:i,value:s,getCoupleValue:u,haveQuickAdd:m,labelHidden:p,required:g,errorMessage:y,limit:k,resource:O}=e;const[j,w]=Object(l.useState)(null),[S,I]=Object(l.useState)([]),[B,D]=Object(l.useState)([]),[P,x]=Object(l.useState)([]),[M,T]=Object(l.useState)(!1),[Q,R]=Object(l.useState)({limit:j&&k||20,offset:0,search:null}),F=Object(l.useRef)(null),{data:N,loading:U}=Object(o.d)(h,{variables:{filter:Q},fetchPolicy:"network-only"}),L=Object(l.useRef)(null);Object(l.useEffect)(()=>{var e,t;let a=(null===N||void 0===N||null===(e=N.tags)||void 0===e?void 0:e.nodes)||[],l=O?Array.isArray(O)?O:[O]:[];a=(null===l||void 0===l?void 0:l.length)>0?[...l,...a]:a,a=Object(d.eb)(a,"id");let r=(null===(t=a)||void 0===t?void 0:t.length)>0?a.map(e=>({value:e.id,label:n.a.createElement(f,null,e.name)})):[];I(r)},[N,O]),Object(l.useEffect)(()=>{let e=V(j,S);T(e)},[j,S]);const V=(e,t)=>{if(!e)return!1;let a=t.find(t=>{let a=c.a.get(t.label,"props.children");return a&&a.toLowerCase()===e.toLowerCase()});return!t||!a},z=Object(l.useCallback)(e=>{w(e),F.current&&clearTimeout(F.current),F.current=setTimeout(()=>{R(t=>({...t,search:e,limit:e?k:20}))},500)},[k]),q=n.a.useRef(!1);Object(l.useEffect)(()=>{let e=[],t=[];const l=O?Array.isArray(O)?O:[O]:[];let n=s||[];q.current||n.push(...l),n&&c.a.isArray(n)&&(t=n.map(t=>"object"===typeof t?(e.push(t.id),{label:t.name,value:t.id}):(e.push(t),null))),e=a?e:[n],t=t.filter(Boolean),t.length>0&&(I(e=>Object(d.eb)([...e,...t],"value")),x(e=>Object(d.eb)([...e,...n],"id")));let r=C(O);D(e=>{const t=q.current?e:r,a=(null===e||void 0===e?void 0:e.length)>
49450?[...e,...t]:t,l=Array.from(new Set(a).values());return q.current=!0,l})},[s,a,O]),Object(l.useEffect)(()=>()=>{D([]),x([])},[]);const H=Object(l.useCallback)(e=>{const l=e.map(e=>{const t=S.find(t=>t.value===e);return t&&t.label});let n=c.a.get(c.a.head(l),"props.children"),r=c.a.get(N,"tags.nodes",[]),i=r&&r.length>0?r.filter(t=>e.includes(t.id)):[],o=[];x(t=>{let a=Object(d.eb)([...t,...i],"id");return a=a.filter(t=>e.includes(t.id)),o=a,a}),D(e),a||w(n),L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{if(t){if(a)return void t(u?o:e);t(c.a.head(e))}},100)},[S]),$=Object(l.useCallback)(e=>{let l=B.filter(t=>t!==e);D(l);let n=P.filter(t=>t.id!==e);x(n),t&&a&&t(l)},[B,P]),_=Object(l.useCallback)(e=>{if(e){let l={value:e.id,label:n.a.createElement(f,null,e.name)},r=[],i=[];I(e=>(i=[l,...e],i)),D(e=>(r=[l.value,...e],t&&a&&t(r),r)),x(t=>{let a=Object(d.eb)([...t,e],"id");return a=a.filter(e=>r.includes(e.id)),a}),T(!1)}},[]),G=n.a.createElement(r.c.TextField,{label:i||"Tags",labelHidden:!0,placeholder:"Search for tag",value:j,onChange:z,error:y}),K=n.a.createElement(A,{inputValue:j,onCompleted:_});return n.a.createElement(E,null,p?null:n.a.createElement(b.a,{required:g,label:i||"Tags"}),n.a.createElement(r.c.ComboBox,{options:S,selected:B,onSelect:H,textField:G,allowMultiple:a,contentBefore:m&&M?K:null,loading:U,emptyState:n.a.createElement("span",null,"No items found!")}),a&&P&&P.length>0?n.a.createElement(v,null,P.map(e=>n.a.createElement(r.ab,{children:e.name,onRemove:()=>$(e.id),key:e.id}))):null)},C=e=>{let t=e?Array.isArray(e)?e:[e]:[];return t=t.map(e=>"object"===typeof e?e.id:e).filter(Boolean),t};t.default=y},function(e,t,a){"use strict";a.r(t),a.d(t,"LIST_COLLECTION",(function(){return f})),a.d(t,"LIST_COLLECTION_POPULAR",(function(){return v})),a.d(t,"CollectionSelectPolaris",(function(){return C}));var l=a(7),n=a(1),r=a(1019),i=a(35),o=a(5),s=a.n(o),c=a(0),u=a.n(c),d=a(9),m=a(2),p=a(21),g=a(1518);const A=d.b.div` 4946 .btn-add { 4947 appearance: none; 4948 margin: 0; 4949 padding: 0; 4950 background: none; 4951 border: none; 4952 font-size: inherit; 4953 line-height: inherit; 4954 cursor: pointer; 4955 color: inherit; 4956 text-decoration: none; 4957 display: block; 4958 width: 100%; 4959 min-height: 3.6rem; 4960 padding: 0.8rem 1.4rem; 4961 text-align: left; 4962 overflow-y: hidden; 4963 :hover { 4964 background-image: linear-gradient( 4965 rgba(223, 227, 232, 0.3), 4966 rgba(223, 227, 232, 0.3) 4967 ); 4968 } 4969 :focus { 4970 outline: none; 4971 } 4972 .Polaris-Icon { 4973 margin-right: 3px; 4974 } 4975 } 4976`,b=i.a` 4977 mutation createCollection($input: NewCollection!) { 4978 createCollection(input: $input) { 4979 id 4980 name 4981 private 4982 } 4983 } 4984`,h=e=>{let{inputValue:t,onCompleted:a}=e;const[r]=Object(l.c)(b,{onError:()=>{}}),i=Object(c.useCallback)(()=>{r({variables:{input:{name:t,private:!0,automated:!1,anyCondition:!1}}}).then(e=>{let t=e.data.createCollection;a&&a(t)}).catch(()=>{})},[t]);return u.a.createElement(A,null,u.a.createElement("button",{className:"btn-add",onClick:i},u.a.createElement(n.Y,{spacing:"extraTight",wrap:!1},u.a.createElement(n.w,{source:g.a,color:"indigo"}),u.a.createElement(n.db,{variation:"strong"},"Add "),u.a.createElement(n.db,null,t))))},f=i.a` 4985 fragment cat on Collection { 4986 id 4987 name 4988 } 4989 query collections($filter: CollectionFilter) { 4990 collections(filter: $filter) { 4991 total 4992 nodes { 4993 ...cat 4994 children { 4995 ...cat 4996 children { 4997 ...cat 4998 children { 4999 ...cat 5000 children { 5001 ...cat 5002 } 5003 } 5004 } 5005 } 5006 } 5007 } 5008 } 5009`,v=i.a` 5010 query collections { 5011 collections(filter: { limit: -1, offset: -1, popular: true }) { 5012 nodes { 5013 id 5014 name 5015 } 5016 } 5017 } 5018`,E=d.b.div` 5019 display: flex; 5020 padding-top: 0.8rem; 5021 flex-wrap: wrap; 5022 > * { 5023 margin-right: 0.8rem; 5024 margin-bottom: 0.8rem; 5025 } 5026`,y=d.b.div` 5027 .popular-btns_wrap { 5028 display: block; 5029 padding: 2rem 1rem 1rem 1.5rem; 5030 border: 1px solid #c3cbd6; 5031 margin: 1rem 0 1.5rem; 5032 border-radius: 3px; 5033 position: relative; 5034 .popular-btns_inner { 5035 display: flex; 5036 flex-wrap: wrap; 5037 gap: 1rem; 5038 margin-bottom: 1rem; 5039 } 5040 label { 5041 display: inline-block; 5042 position: absolute; 5043 left: 15px; 5044 top: -10px; 5045 padding: 0 10px; 5046 background: #fff; 5047 } 5048 } 5049`,C=e=>{let{value:t,onChange:a,allowMultiple:i,label:o,labelHidden:d,getCoupleValue:g,haveQuickAdd:A,required:b,hasPopular:C,errorMessage:O,limit:j=20,isAssortment:w,resource:S}=e;const[I,B]=Object(c.useState)([]),[D,P]=Object(c.useState)([]),[x,M]=Object(c.useState)(null),[T,Q]=Object(c.useState)([]),[R,F]=Object(c.useState)(!1),[N,U]=Object(c.useState)([]),[L,V]=Object(c.useState)({limit:x?j:20,offset:0,search:null}),z=Object(c.useRef)(null),q=Object(c.useRef)(null),H=u.a.useRef(!0),{data:$,error:_}=Object(l.d)(f,{variables:{filter:L},fetchPolicy:"network-only",onCompleted:()=>{H.current=!0}}),{data:G,loading:K,error:J}=Object(l.d)(v,{fetchPolicy:"network-only",skip:!C}),Y=Object(c.useRef)(!1),W=Object(c.useRef)(!1);Object(c.useEffect)(()=>{var e;const a=((null===G||void 0===G||null===(e=G.collections)||void 0===e?void 0:e.nodes)||[]).map(e=>{let{id:t,name:a}=e;return{id:t,name:a}});U(a);let l=S?Array.isArray(S)?S:[S]:[];(null===a||void 0===a?void 0:a.length)>0&&(l=[...l,...a]);let n=k(S),r=t;if(W.current||(r=[...n,...t||[]]),l=l.filter(e=>
5049!!Array.isArray(r)&&r.includes(e.id)),S&&!Y.current){const{name:e}=S;M(e),Y.current=!0}Q(e=>Object(m.eb)([...e,...l],"id")),W.current=!0},[t,w,G,S]),Object(c.useEffect)(()=>{let e=[],a=[];t&&s.a.isArray(t)&&(a=t.map(t=>"object"===typeof t?(e.push(t.id),{label:t.name,value:t.id}):(e.push(t),null))),e=i?e:Array.isArray(t)?t:[t],a=a.filter(Boolean),a.length>0&&(B(e=>Object(m.eb)([...e,...a],"value")),Q(e=>Object(m.eb)([...e,...t],"id"))),P(e)},[t,i]),Object(c.useEffect)(()=>{var e;if(!H.current)return;const t=(null===$||void 0===$||null===(e=$.collections)||void 0===e?void 0:e.nodes)||[];t.length>0&&(H.current=!1);const a=S?Array.isArray(S)?S:[S]:[];let l=(e=>{let t=[];const a=function(e){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";e.forEach(e=>{let n={label:l&&""!==l?l+" "+e.name:e.name,value:e.id};t.push(n),e&&e.children&&e.children.length>0&&a(e.children,l+"--")})};return a(e,""),t})(S?Object(m.eb)([...a,...t],"id"):t);B(l);let n=k(S);P(e=>{const t=(null===e||void 0===e?void 0:e.length)>0?[...e,...n]:n;return Array.from(new Set(t).values())})},[$,S]),Object(c.useEffect)(()=>()=>{P([])},[]);const Z=Object(c.useCallback)(e=>{M(e),z.current&&clearTimeout(z.current),z.current=setTimeout(()=>{V(t=>({...t,search:e,limit:e?j:20}))},500)},[j]);Object(c.useEffect)(()=>{let e=X(x,I);F(e)},[x,I]);const X=(e,t)=>{if(!e)return!1;let a=t.find(t=>t.label&&t.label.toLowerCase()===e.toLowerCase());return!t||!a},ee=Object(c.useCallback)(e=>{const t=e.map(e=>{const t=I.find(t=>t.value===e);return t&&t.label});P(e);let l=s.a.get($,"collections.nodes",[]);l=l&&(e=>{let t=[];const a=e=>{e.forEach(e=>{t.push(e),e&&e.children&&e.children.length>0&&a(e.children)})};return a(e),t})(l);let n=l&&l.length>0?l.filter(t=>e.includes(t.id)):[],r=[];Q(t=>{let a=Object(m.eb)([...t,...n],"id");return a=a.filter(t=>e.includes(t.id)),r=a,a}),q.current&&clearTimeout(q.current),q.current=setTimeout(()=>{if(a){if(i)return void a(g?r:e);a(s.a.head(e))}M(s.a.head(t))},100)},[I,$]),te=Object(c.useCallback)(e=>{let t=D.filter(t=>t!==e),l=T.filter(t=>t.id!==e);P(t),Q(l),a&&i&&a(t)},[D,T]),ae=Object(c.useCallback)(e=>{if(e){let t={value:e.id,label:e.name},l=[],n=[];B(e=>(n=[t,...e],n)),P(e=>(l=[t.value,...e],a&&i&&a(l),l)),Q(t=>{let a=Object(m.eb)([...t,e],"id");return a=a.filter(e=>l.includes(e.id)),a}),F(!1)}},[]),le=Object(c.useCallback)(e=>{let t=D,l={},n={};(null===N||void 0===N?void 0:N.length)>0&&(l=N.find(e=>"TM"===e.name)||{},n=N.find(e=>"NO-TM"===e.name)||{});let r=[];if(t.includes(e.id))a&&(a(t.filter(t=>t!==e.id)),Q(t=>t.filter(t=>t.id!==e.id)));else{let i=t;e.id===l.id&&(i=i.filter(e=>e!==n.id),Q(e=>e.filter(e=>e.id!==n.id))),e.id===n.id&&(i=i.filter(e=>e!==l.id),Q(e=>e.filter(e=>e.id!==l.id))),a&&(r=[...i,e.id],a(r))}},[D,N]),ne=u.a.createElement(n.c.TextField,{onChange:Z,label:o||"Parents collection",labelHidden:!0,value:x,placeholder:"Search for collection",error:O,prefix:u.a.createElement(n.w,{source:r.a,color:"base"})});if(_)return u.a.createElement("div",null,"Error: ",Object(m.ib)(_.toString()));const re=u.a.createElement(h,{inputValue:x,onCompleted:ae});let ie=D;return u.a.createElement(y,null,d?null:u.a.createElement(p.a,{required:b,label:o||"Parents collection"}),u.a.createElement("div",null,K?u.a.createElement(n.X,{size:"small"}):J?u.a.createElement("div",null,J.toString()):(null===N||void 0===N?void 0:N.length)>0?u.a.createElement("div",{className:"popular_wrap"},u.a.createElement("div",{className:"popular-btns_wrap"},u.a.createElement("label",null,"Popular collections"),u.a.createElement("div",{className:"popular-btns_inner"},N.map((e,t)=>u.a.createElement(n.g,{key:t,size:"slim",onClick:()=>le(e),primary:ie.includes(e.id)},e.name))))):null),u.a.createElement(n.c.ComboBox,{options:I,selected:D,onSelect:ee,textField:ne,allowMultiple:i,contentBefore:A&&R?re:null,emptyState:u.a.createElement("span",null,"No items found!")}),i&&T&&T.length>0?u.a.createElement(E,null,T.map(e=>u.a.createElement(n.ab,{children:e.name,onRemove:()=>te(e.id),key:e.id}))):null)},k=e=>{let t=e?Array.isArray(e)?e:[e]:[];return t=t.map(e=>
5049"object"===typeof e?e.id:e).filter(Boolean),t};t.default=C},function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var l=a(0),n=a.n(l),r=a(279),i=a.n(r),o=a(5),s=a(2);function c(e){var t;let{value:a,onChange:r,disabled:c}=e;const[u,d]=Object(l.useReducer)(s.Hb,{value:""});Object(l.useEffect)(()=>{Object(o.isEqual)(a,u.value)||d({value:a})},[a,u.value]);const m=Object(l.useMemo)(()=>({readonly:!1,placeholder:"Start typings...",minHeight:400,buttons:"bold,italic,underline,strikethrough,eraser,ul,ol,cut,copy,paste,selectall,copyformat,hr,table,link,indent,outdent,left"}),[]),p=Object(l.useCallback)(e=>{r&&r(e)},[r]);return n.a.createElement(i.a,{value:null!==(t=u.value)&&void 0!==t?t:"",config:m,tabIndex:1,onBlur:p,disabled:c})}},,,,,,function(e,t,a){"use strict";var l=a(0),n=a.n(l),r=a(1),i=a(1372);const o=a(9).b.div` 5050 padding: 5px 10px; 5051 border: 1px solid #c4cdd5; 5052 display: flex; 5053 border-radius: 3px; 5054 5055 input { 5056 border: 0 none; 5057 flex-grow: 1; 5058 outline: 0 none; 5059 &:active, 5060 &:focus { 5061 outline: 0 none; 5062 border: 0 none; 5063 } 5064 } 5065`;class s extends l.Component{constructor(e){super(e),this.inputRef=n.a.createRef()}render(){const{text:e,type:t}=this.props;return n.a.createElement(o,{className:"copy-box"},n.a.createElement("input",{ref:this.inputRef,value:e,onChange:()=>{},type:t||"text"}),n.a.createElement(r.g,{title:"Copy to clipboard",onClick:()=>{this.inputRef.current.focus(),this.inputRef.current.setSelectionRange(0,this.inputRef.current.value.length),document.execCommand("copy")},plain:!0,icon:n.a.createElement(r.w,{source:i.a})}))}}t.a=s},,,,function(e,t,a){"use strict";a.d(t,"g",(function(){return l})),a.d(t,"c",(function(){return n})),a.d(t,"b",(function(){return r})),a.d(t,"a",(function(){return i})),a.d(t,"f",(function(){return o})),a.d(t,"e",(function(){return s})),a.d(t,"d",(function(){return c})),a.d(t,"h",(function(){return u}));const l=!0,n="http://localhost:8080",r="https://api.merchbridge.com",i=l?"api.merchbridge.com":"localhost:8080",o="https://dashboard.personalbridge.com",s=l?"https://2dmockup.onemercegroup.com":"http://localhost:3000",c=l?"https://api-2dmockup.onemercegroup.com":"http://localhost:8080",u=l?"https://services.tiktokshops.us/open/authorize?service_id=7317187517500524331":"https://services.tiktokshops.us/open/authorize?service_id=7347592207429715758"},,,,,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var l=a(0),n=a.n(l),r=a(1),i=a(9),o=a(2);const s=i.b.div` 5066 .choiceList-wrap { 5067 margin-top: 1rem; 5068 } 5069 .Polaris-ChoiceList__Choices { 5070 max-height: 280px; 5071 overflow-y: scroll; 5072 padding-left: 2px; 5073 } 5074`,c=e=>{let{options:t,value:a,loading:i,error:c,onChange:u,onChangeSearch:d,prevOptionMarkup:m=null,nextOptionMarkup:p=null}=e;const[g,A]=Object(l.useState)(null),[b,h]=Object(l.useState)([]),[f,v]=Object(l.useState)([]),E=Object(l.useRef)(null);Object(l.useEffect)(()=>{h(a.value)},[a]),Object(l.useEffect)(()=>{v(e=>{let a=[...e,...t];return a=Object(o.eb)(a,"value"),a})},[t]);const y=Object(l.useCallback)(e=>{A(e),E.current&&clearTimeout(E.current),d&&(E.current=setTimeout(()=>{d(e?e.trim():e)},300))},[]),C=Object(l.useCallback)(e=>{const t=e.map(e=>{const t=f.find(t=>t.value===e);return t&&t.label});h(e),u&&u({value:e,label:t})},[f]);return n.a.createElement(s,null,n.a.createElement(r.cb,{label:"input",labelHidden:!0,placeholder:"Filter item",value:g,onChange:y}),m,n.a.createElement("div",{className:"mt-4"},c&&n.a.createElement("div",null,"Error: ",Object(o.ib)(c.toString())),i?n.a.createElement("div",{className:"flex justify-center"},n.a.createElement(r.X,{accessibilityLabel:"Spinner example",color:"teal",size:"small"})):n.a.createElement(n.a.Fragment,null,t.length>0?n.a.createElement("div",{className:"choiceList-wrap"},n.a.createElement(r.k,{title:"choice",titleHidden:!0,allowMultiple:!0,choices:t,selected:b,onChange:C})):n.a.createElement("span",null,"No items found!"))),p)}},,,,,,,,,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var l=a(0),n=a.n(l);function r(e){const t=n.a.useRef(e);return n.a.useEffect(()=>{t.current=e}),n.a.useMemo(()=>function(){return t.current&&t.current(...arguments)},[])}},,,,function(e,t,a){"use strict";a.d(t,"b",(function(){return b})),a.d(t,"c",(function(){return h})),a.d(t,"a",(function(){return O}));var l=a(296),n=a(781),r=a(1011),i=a(140),o=a(1012),s=a(779),c=a(49),u=a(775);const d=new(a.n(u).a)({encodingType:"aes",encryptionSecret:"pm_hub_nifty",isCompression:!1});var m=a(102),p=a(778),g=a(12),A=a(17);const b=()=>d.get("app_tk"),h=e=>{e?d.set("app_tk",e):d.remove("app_tk")},f=new o.a({uri:m.b+"/query"});function v(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"/";g.a.push(e),window.location.reload(!1)}const E=Object(p.a)(e=>{let{networkError:t,graphQLErrors:a,operation:l}=e;const n=(null===l||void 0===l?void 0:l.getContext)&&"function"===typeof l.getContext&&l.getContext()||{};if(null!=(null===n||void 0===n?void 0:n.response)){const{status:e}=n.response||{};if(403===e)return void v("/login")}
5074if(a&&a.forEach(e=>{let{message:t,extensions:a}=e;if("access denied"===t){const e=window.__apolloClient__;null!=e?e.query({query:A.ic}).then(e=>{(null===e||void 0===e?void 0:e.data)&&v()}).catch(()=>{v("/login")}):v("/login")}}),t){const e=t.toString();if(new RegExp("access denied").test(e))return void v("/login");console.log("[Network error]: "+t)}}),y=new s.a({uri:`wss://${m.a}/query`,options:{reconnect:!0,connectionParams:()=>{let e="";const t=b();return t&&(e=t.id),{authorization:e?"Bearer "+e:""}}}}),C=Object(n.a)((e,t)=>{let{operationName:a}=e,{headers:l,...n}=t,r="";const i=b();return i&&(r=i.id),{headers:{...l,authorization:r&&"login"!==a?"Bearer "+r:""}}}),k=Object(i.d)(e=>{let{query:t}=e;const a=Object(c.l)(t);return"OperationDefinition"===a.kind&&"subscription"===a.operation},y,C.concat(f)),O=new l.a({link:i.a.from([E,k]),cache:new r.a});window.__apolloClient__=O},function(e,t,a){"use strict";a.d(t,"a",(function(){return q})),a.d(t,"b",(function(){return $})),a.d(t,"e",(function(){return G})),a.d(t,"d",(function(){return J}));var l=a(0),n=a.n(l),r=a(1369),i=a(1021),o=a(1391),s=a(9),c=a(1582),u=a(1603);const d=s.b.div` 5075 width: 60px; 5076 height: 60px; 5077 cursor: move; 5078 @media (min-width: 992px) { 5079 width: 90px; 5080 height: 90px; 5081 } 5082 display: flex; 5083 flex-direction: column; 5084 align-items: center; 5085 justify-content: center; 5086 border: 1px solid #e2e8f0; 5087 .el-title { 5088 font-weight: 700; 5089 } 5090 &.dragging { 5091 opacity: 0.4; 5092 background: rgba(223, 230, 1237, 0.5); 5093 } 5094`;var m=e=>{let{data:t,onDrop:a}=e;const{icon:l,title:r,type:i}=t,[{isDragging:o},s]=Object(u.a)({item:{name:r,type:i},options:{dropEffect:"copy"},end:(e,t)=>{const l=t.getDropResult();e&&l&&a&&a()},collect:e=>({isDragging:e.isDragging()})});return n.a.createElement(d,{ref:s,className:""+(o?"dragging":"not-dragging")},n.a.createElement("div",{className:"el-icon"},"string"===typeof l?n.a.createElement(c.a,{style:{fontSize:30},type:l}):l),n.a.createElement("div",{className:"el-title"},r))},p=a(1493),g=a(150),A=a(1602),b=a(327),h=(a(97),a(122)),f=a(325),v=a(322),E=a(650),y=a(184),C=a(423),k=a(1592),O=a(541),j=a(14),w=a.n(j);const S=s.b.div` 5095 padding: 10px; 5096 &.is-dragging { 5097 opacity: 1; 5098 } 5099 .form-item-label { 5100 display: flex; 5101 margin-bottom: 5px; 5102 min-height: 30px; 5103 .label { 5104 flex-grow: 1; 5105 font-weight: 700; 5106 } 5107 } 5108 .btn-danger { 5109 color: rgba(211, 70, 92, 1); 5110 } 5111 &:hover { 5112 background: rgba(111, 124, 136, 0.05); 5113 } 5114 &.is-selected { 5115 background: rgba(111, 124, 136, 0.1); 5116 } 5117`;var I=b.a.create({name:"field-configure-form"})(e=>{let{field:t,index:a,selected:r,onSelected:i,onDeleted:o,onChange:s,moveField:c,form:d}=e;const[m,p]=Object(l.useState)(!1),{getFieldDecorator:g}=d,{title:j,type:I}=t,{placeholder:B,settings:D}=t.configure,P=Object(l.useRef)(null),[,x]=Object(A.a)({accept:"field",canDrop:()=>!1,hover(e,t){if(!P.current)return;const l=e.index,n=a;if(l===n)return;const r=P.current.getBoundingClientRect(),i=(r.bottom-r.top)/2,o=t.getClientOffset().y-r.top;l<n&&o<i||l>n&&o>i||(c(l,n),e.index=n)}}
5117),[{isDragging:M},T]=Object(u.a)({item:{type:"field",index:a},collect:e=>({isDragging:e.isDragging()})});return T(x(P)),n.a.createElement(S,{style:{opacity:M?.3:1},ref:P,onClick:()=>{i&&i()},className:w()("form-item",{"is-selected":r})},n.a.createElement("div",{className:"form-item-label"},n.a.createElement("div",{className:"label"},j),r&&n.a.createElement("div",{className:"form-item-extra"},"text"!==I&&"textarea"!==I&&n.a.createElement(h.a,{onClick:()=>{p(!0)},size:"small",type:"link"},"Edit"),n.a.createElement(h.a,{onClick:()=>{o&&o()},size:"small",type:"link",className:"btn-danger"},"Delete"))),n.a.createElement("div",{className:"form-item-content"},"text"===I&&n.a.createElement(f.a,{defaultValue:D.defaultValue,placeholder:B}),"textarea"===I&&n.a.createElement(f.a.TextArea,{defaultValue:D.defaultValue,placeholder:B}),"checkbox"===I&&n.a.createElement(v.a.Group,{options:D.options,defaultValue:D.defaultValue}),"number"===I&&n.a.createElement(E.a,{min:null!==D.min?D.min:void 0,max:D.max?D.max:void 0,defaultValue:D.defaultValue,style:{width:"100%"}}),"dropdown"===I&&n.a.createElement(y.a,{defaultValue:D.defaultValue,style:{width:"100%"},mode:D.mode},D.options.map((e,t)=>n.a.createElement(y.a.Option,{key:t,value:e.value},e.label))),"radio"===I&&n.a.createElement(C.a.Group,{defaultValue:D.defaultValue,options:D.options})),m&&n.a.createElement(k.a,{onOk:()=>{d.validateFields((e,t)=>{e||(p(!1),s(t.field))})},onCancel:()=>p(!1),visible:!0,title:""+j},n.a.createElement(b.a,{onSubmit:e=>{e.preventDefault()}},g("field",{initialValue:JSON.parse(JSON.stringify(t))})(n.a.createElement(O.a,null)))))}),B=a(350),D=a.n(B);const P=s.b.div` 5118 height: 100%; 5119 overflow: hidden; 5120 &.is-active { 5121 .ant-card { 5122 background: rgba(223, 230, 1237, 0.5); 5123 } 5124 } 5125`;var x=e=>{let{fields:t,onSelected:a,onDeleted:l,onChange:r,selected:i,onDragged:s}=e;const[{canDrop:c,isOver:u},d]=Object(A.a)({accept:q,drop:()=>({name:"Preview"}),collect:e=>({isOver:e.isOver(),canDrop:e.canDrop()})}),m=c&&u,p=(e,a)=>{const l=t[e],n=D()(t,{$splice:[[e,1],[a,0,l]]});s(n)};return n.a.createElement(P,{ref:d,className:""+(m?"is-active":"inactive")},n.a.createElement(o.a,{bordered:!1,style:{height:"100%"},title:"Preview"},t.map((e,t)=>n.a.createElement(I,{index:t,moveField:p,onChange:e=>{r&&r(e,t)},selected:i===t,onDeleted:()=>{l(e,t)},onSelected:()=>{a(e,t)},field:e,key:t}))))},M=a(1593),T=a(1013),Q=a(494);const R=s.b.div` 5126 .ant-legacy-form-item { 5127 margin-bottom: 10px; 5128 } 5129`,F=[{value:"equal",label:"Is equal to",group:["*"]},{value:"notEqual",label:"Is not equal to",group:["*"]},{value:"startsWith",label:"Starts with",group:["checkbox","text","textarea","dropdown","radio"]},{value:"endsWith",label:"Ends with",group:["checkbox","text","textarea","dropdown","radio"]},{value:"contains",label:"Contains",group:["checkbox","text","textarea","dropdown","radio"]},{value:"notContains",label:"Does not contains",group:["checkbox","text","textarea","dropdown","radio"]},{value:"greaterThan",label:"Is greater than",group:["number"]},{value:"lessThan",label:"Is less than",group:["number"]}];class N extends l.Component{constructor(){super(...arguments),this.onChange=e=>{this.props.onChange(e)},this.getAvailableOperators=e=>{const t=this.getFieldByName(e);return t?F.filter(e=>e.group.includes("*")||e.group.includes(t.type)):[]},this.getFieldByName=e=>{const{fields:t}=this.props;return t.find(t=>t.name===e)}}render(){const{value:e,index:t}=this.props,{configure:a}=e,{visibility:l}=a,{rules:s}=l;let u=this.props.fields.filter((e,a)=>a!==t);return n.a.createElement(R,null,n.a.createElement(b.a.Item,null,n.a.createElement(v.a,{onChange:t=>{l.enabled=t.target.checked,this.onChange(e)},checked:l.enabled},"Enable Conditions")),l.enabled&&n.a.createElement(n.a.Fragment,null,n.a.createElement(b.a.Item,null,n.a.createElement(y.a,{onChange:t=>{l.type=t,this.onChange(e)},value:l.type,style:{width:100}},n.a.createElement(y.a.Option,{value:"show"},"Show"),n.a.createElement(y.a.Option,{value:"hide"},"Hide")),n.a.createElement("span",{style:{marginLeft:10}},"This field when")),n.a.createElement(b.a.Item,null,n.a.createElement(y.a,{onChange:t=>{l.match=t,this.onChange(e)},style:{width:100},value:l.match},n.a.createElement(y.a.Option,{value:"all"},"All"),n.a.createElement(y.a.Option,{value:"any"},"Any")),n.a.createElement("span",{style:{marginLeft:10}},"of the following rules match")),s.map((t,a)=>n.a.createElement(o.a,{style:{marginBottom:10},bodyStyle:{padding:8},headStyle:{textAlign:"left"},key:"card-"+a,extra:n.a.createElement(h.a,{onClick:()=>{s.splice(a,1),this.onChange(e)},type:"link",size:"small",icon:n.a.createElement(c.a,{type:"close"})}),className:"rule-card",title:"Rule "+(a+1)},n.a.createElement(r.a,{gutter:15,style:{marginBottom:10}},n.a.createElement(i.a,{span:24},n.a.createElement(y.a,{onChange:a=>{t.field=a,this.onChange(e)},value:t.field,style:{width:"100%"}},u.map((e,t)=>n.a.createElement(y.a.Option,{key:"field-"+t,value:e.name},e.title))))),n.a.createElement(r.a,{gutter:15},n.a.createElement(i.a,{span:12},n.a.createElement(y.a,{style:{width:"100%"},onChange:a=>{t.operator=a,this.onChange(e)},value:t.operator},this.getAvailableOperators(t.field).map((e,t)=>n.a.createElement(y.a.Option,{key:"operator-"+t,value:e.value},e.label)))),n.a.createElement(i.a,{span:12},n.a.createElement(f.a,{onChange:a=>{t.value=a.target.value,this.onChange(e)},placeholder:"Value",value:t.value}))))),n.a.createElement(h.a,{style:{width:"100%"},disabled:0===u.length,onClick:()=>{const t=u[0].name,a=this.getAvailableOperators(t);
5129s.push({field:t,operator:a.length?a[0].value:null,value:null}),this.onChange(e)},icon:n.a.createElement(Q.a,null)},s.length>0?"Add another rule":"Add new rule")))}}var U=N;const L=s.b.div` 5130 .ant-collapse { 5131 border-radius: 0; 5132 background-color: rgba(223, 230, 237, 0.2); 5133 border: 0 none; 5134 } 5135 .ant-collapse-item:last-child > .ant-collapse-content { 5136 border-radius: 0; 5137 } 5138 .ant-collapse > .ant-collapse-item > .ant-collapse-header { 5139 padding: 5px 16px 5px 40px; 5140 font-weight: 700; 5141 } 5142 .ant-collapse-content, 5143 .ant-collapse > .ant-collapse-item { 5144 border: 0 none; 5145 } 5146 .ant-form-item label { 5147 color: rgba(0, 0, 0, 0.5); 5148 } 5149`;class V extends l.Component{constructor(){super(...arguments),this.state={defaultActiveKey:["basic"],err:!1},this.onChange=e=>{this.props.onChange&&this.props.onChange(e)}}render(){const{defaultActiveKey:e,err:t}=this.state;let{data:a,fields:l}=this.props;const{title:r,configure:i}=a,{settings:o}=i,s={labelCol:{span:24},wrapperCol:{span:24}};return n.a.createElement(L,null,n.a.createElement(M.a,{defaultActiveKey:e},n.a.createElement(M.a.Panel,{key:"basic",header:"Basic"},n.a.createElement(b.a.Item,Object.assign({},s,{label:"Title"}),n.a.createElement(f.a,{onChange:e=>{a.title=e.target.value,this.onChange(a)},value:r,placeholder:"Custom area title"})),n.a.createElement(b.a.Item,Object.assign({},s,{label:"Description"}),n.a.createElement(f.a.TextArea,{onChange:e=>{i.description=e.target.value,this.onChange(a)},value:i.description,placeholder:"Custom area description"})),n.a.createElement(b.a.Item,Object.assign({},s,{label:"Field Name",validateStatus:t?"error":void 0}),n.a.createElement(f.a,{value:a.name,onChange:e=>{let t=(l||[]).filter(e=>e.title!==a.title).map(e=>e.name).filter(Boolean).includes(e.target.value);t&&T.a.error({message:"Fiela Name must be unique."}),this.setState({err:!!t}),a.name=e.target.value,this.onChange(a)}})),n.a.createElement(b.a.Item,Object.assign({},s,{label:"Placeholder"}),n.a.createElement(f.a,{onChange:e=>{i.placeholder=e.target.value,this.onChange(a)},value:i.placeholder})),n.a.createElement(b.a.Item,Object.assign({},s,{label:"Error Message"}),n.a.createElement(f.a.TextArea,{onChange:e=>{i.errorMessage=e.target.value,this.onChange(a)},value:i.errorMessage})),n.a.createElement(b.a.Item,Object.assign({},s,{label:"Default Value"}),n.a.createElement(f.a,{onChange:e=>{o.defaultValue=e.target.value,this.onChange(a)},value:o.defaultValue})),n.a.createElement(b.a.Item,s,n.a.createElement(v.a,{checked:!0===i.required,onChange:e=>{i.required=e.target.checked,this.onChange(a)}},"Required"))),n.a.createElement(M.a.Panel,{key:"rules",header:"Conditions"},n.a.createElement(U,{index:this.props.index,fields:this.props.fields,value:a,onChange:e=>{this.onChange(e)}}))))}}var z=V;const q=["text","textarea","number","checkbox","radio","dropdown"],H=s.b.div` 5150 .ant-card { 5151 .ant-card-head { 5152 border: 0 none; 5153 min-height: 20px; 5154 text-align: center; 5155 .ant-card-head-title { 5156 padding: 5px; 5157 } 5158 } 5159 .ant-card-body { 5160 padding: 0; 5161 } 5162 } 5163`,$=[{title:"Text",icon:"edit",type:"text"},{title:"Textarea",icon:"align-left",type:"textarea"},{title:"Number",icon:"ordered-list",type:"number"},{title:"Checkbox",icon:"check-square",type:"checkbox"},{title:"Radio",icon:"unordered-list",type:"radio"},{title:"Dropdown",icon:"caret-down",type:"dropdown"}],_=e=>{switch(e.type){case"checkbox":return{options:["Apple","Orange","Mango"],defaultValue:["Orange"]};case"dropdown":return{options:[{value:"Apple",label:"Apple"},{value:"Orange",label:"Orange"}],mode:"default",defaultValue:"Apple"};case"radio":return{options:["Apple","Orange"],defaultValue:"Orange"};case"number":return{min:0,max:null};default:return{defaultValue:null}}},G=(e,t)=>({title:"Custom area "+t,name:"area-"+t,type:e.type,extraFee:0,configure:{placeholder:"",required:!1,errorMessage:null,description:null,settings:_(e),visibility:{enabled:!1,type:"show",match:"all",rules:[]}}});class K extends l.Component{constructor(){super(...arguments),this.state={fields:[],selected:-1},this.onChange=()=>{const{fields:e}=this.state,{onChange:t}=this.props;t(e)},this.onDrop=e=>{let{fields:t}=this.state;const a=t.length+1,l=G(e,a),n=J(t,l);this.setState({selected:a-1,fields:(null===t||void 0===t?void 0:t.length)>0?n:[l]},()=>this.onChange())}}componentDidMount(){const{value:e}=this.props;e&&this.setState({fields:e,selected:0})}render(){const{fields:e,selected:t}=this.state,a=e[t];return n.a.createElement(p.a,{backend:g.a},n.a.createElement(H,null,n.a.createElement(r.a,{type:"flex",gutter:16},n.a.createElement(i.a,{style:{maxWidth:250},span:5},n.a.createElement(o.a,{bodyStyle:{paddingLeft:15,paddingRight:15},bordered:!1,title:"Elements"},n.a.createElement(r.a,{type:"flex",className:"elements",gutter:15},$.map((e,t)=>n.a.createElement(i.a,{style:{marginTop:10,marginBottom:10,display:"flex",justifyContent:"center"},span:12,key:t},n.a.createElement(m,{onDrop:()=>this.onDrop(e),data:e,key:t}
5163)))))),n.a.createElement(i.a,{span:12,style:{borderLeft:"1px solid #e2e8f0",borderRight:"1px solid #e2e8f0",paddingLeft:0,paddingRight:0}},n.a.createElement(x,{onDragged:e=>{this.setState({fields:e},()=>this.onChange())},onChange:(t,a)=>{this.setState({fields:e.map((e,l)=>l===a?t:e)},()=>this.onChange())},selected:t,onDeleted:(t,a)=>{const l=e.filter((e,t)=>t!==a);let n=a-1;0===a&&l.length>0&&(n=a+1),this.setState({fields:l,selected:n},()=>this.onChange())},onSelected:(e,t)=>{this.setState({selected:t})},fields:e})),a&&n.a.createElement(i.a,{span:7,style:{paddingLeft:0}},n.a.createElement(o.a,{title:"Settings",bordered:!1},n.a.createElement(z,{index:t,fields:e,onChange:a=>{this.setState({fields:e.map((e,l)=>l===t?a:e)},()=>this.onChange())},data:a}))))))}}function J(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";if(!e||0===e.length)return[];const l=e.find(e=>(null===e||void 0===e?void 0:e.name)===(null===t||void 0===t?void 0:t.name));return l?J(e,{...t,name:(null===t||void 0===t?void 0:t.name)+"1"},a+"1"):[...e,t]}t.c=K},,function(e,t,a){"use strict";a.d(t,"a",(function(){return P})),a.d(t,"c",(function(){return x})),a.d(t,"d",(function(){return N})),a.d(t,"b",(function(){return U})),a.d(t,"e",(function(){return z}));var l=a(7),n=a(1),r=a(35),i=a(5),o=a.n(i),s=a(0),c=a.n(s),u=a(111),d=a(76),m=a(53),p=a(65),g=a(253),A=a(145);const b=a(9).b.div` 5164 display: flex; 5165 flex-flow: column; 5166 row-gap: 1.35rem; 5167`,h=[{label:"All product",value:"all"},{label:"Divided",value:!0}],f=[{label:"All",value:"all"},{label:"Used",value:!0},{label:"Unused",value:!1}],v=e=>{const{onChange:t,value:a}=e,[l,r]=Object(s.useState)({division:[],status:[]}),i=Object(s.useCallback)((e,l)=>{r(t=>({...t,[l]:e}));let n={value:o.a.get(a,"division.value",null),label:o.a.get(a,"division.label",null)},i={value:o.a.get(a,"status.value",null),label:o.a.get(a,"status.label",null)};if("division"===l){const t=h.find(t=>e.includes(t.value));e&&e.length&&(n={value:e[0],label:t&&t.label},"all"===e[0]&&(n={value:null,label:null}))}if("status"===l){const t=f.find(t=>e.includes(t.value));e&&e.length&&(i={value:e[0],label:t&&t.label},"all"===e[0]&&(i={value:null,label:null}))}t&&t({division:n,status:n.value?i:{value:null,label:null}})},[a]);return Object(s.useEffect)(()=>{let{division:e,status:t}=a;r(a=>[e.value]!==a.division||[t.value]!==a.status?{...a,division:null!==e.value?[e.value]:["all"],status:null!==t.value?[t.value]:["all"]}:{...a})},[a]),c.a.createElement(b,null,c.a.createElement(n.k,{title:"Division",name:"division",choices:h,selected:l.division,onChange:i}),l.division&&!0===l.division[0]&&c.a.createElement(n.k,{title:"Used status",name:"status",choices:f,selected:l.status,onChange:i}))};var E=a(11),y=a(2),C=a(4),k=a(1019);const O=[{value:"All",label:"All"},{value:"Pending",label:"Pending Design"},{value:"Designed",label:"Designed"}],j=e=>{let{designStatus:t,setDesignStatus:a}=e;const[l,r]=Object(s.useState)(["All"]);Object(s.useEffect)(()=>{null===t.value?r(["All"]):r([t.value])},[t]);const i=Object(s.useCallback)(e=>{const t=e.map(e=>{const t=O.find(t=>t.value===e);return t&&t.label});a&&a("All"!==e[0]?e[0]:null,"All"!==t[0]?t[0]:null),r(e)},[]);return c.a.createElement(n.k,{title:"Design Status",titleHidden:!0,selected:l,choices:O,onChange:i})};var w=a(533);function S(e){const{setStore:t,error:a,setInputValue:l,searchStore:r,storeId:i,dataStore:o}=e,[u,d]=Object(s.useState)([]),[m,p]=Object(s.useState)([]),[g,A]=Object(s.useState)(null),[b,h]=Object(s.useState)(!1);Object(s.useEffect)(()=>{if(o&&o.length&&(p(o),r)){const e=new RegExp(r,"i"),t=o.filter(t=>t.label.match(e));d(t.slice(0,10))}},[r]),Object(s.useEffect)(()=>{if(i&&o){const e=o.filter(e=>e.value===i);d(e)}},[]),Object(s.useEffect)(()=>()=>clearTimeout(g),[]),Object(s.useEffect)(()=>{h(e.loading)},[e.loading]);const f=Object(s.useCallback)(e=>{if(l&&l(e),h(!0),""===e){const e=setTimeout(()=>{h(!1),d([])},1e3);return void A(e)}const t=new RegExp(e,"i");let a=m.filter(e=>e.label.match(t));a=a.slice(0,10);const n=setTimeout(()=>{h(!1),d(a)},1e3);A(n)},[m]),v=Object(s.useCallback)(e=>{const a=e.map(e=>{const t=u.find(t=>t.value===e);return t&&t.label});t&&t(e[0],a[0])},[u]);return c.a.createElement(c.a.Fragment,null,c.a.createElement(n.cb,{value:r,onChange:f,prefix:c.a.createElement(n.w,{source:k.a,color:"inkLighter"}),autoFocus:!0,placeholder:"Filter stores"}),c.a.createElement("div",{className:"mt-4"},b&&c.a.createElement("div",{className:"flex justify-center"},c.a.createElement(n.X,{accessibilityLabel:"Spinner example",color:"teal",size:"small"})),a&&c.a.createElement("div",null,a.toString()),!b&&!a&&u&&c.a.createElement(n.k,{title:"Stores",choices:u,selected:i||[],onChange:v,titleHidden:!0})))}var I=a(810);const B=r.a` 5168 query productBasesForSeller($filter: ProductBaseFilter) { 5169 productBasesForSeller(filter: $filter) { 5170 total 5171 nodes { 5172 id 5173 title 5174 } 5175 } 5176 } 5177`,D=r.a` 5178 query stores { 5179 stores(filter: { limit: 3000, offset: 0 }) { 5180 total 5181 nodes { 5182 id 5183 title 5184 } 5185 } 5186 } 5187`,P=r.a` 5188 fragment cat on Collection { 5189 id 5190 name 5191 } 5192 query collections($filter: CollectionFilter) { 5193 collections(filter: $filter) { 5194 total 5195 nodes { 5196 ...cat 5197 children { 5198 ...cat 5199 children { 5200 ...cat 5201 children { 5202 ...cat 5203 children { 5204 ...cat 5205 } 5206 } 5207 } 5208 } 5209 } 5210 } 5211 } 5212`,x=r.a` 5213 query tags($filter: TagFilter) { 5214 tags(filter: $filter) { 5215 total 5216 nodes { 5217 id 5218 name 5219 } 5220 } 5221 } 5222`,M=r.a` 5223 query getAllDomain { 5224 getAllDomain 5225 } 5226`,T=[{value:"DESC",label:"DESC"},{value:"ASC",label:"ASC"}],Q=[{value:"total_orders",label:"Total Orders"},{value:"created_at",label:"Created At"}],R=[{value:"All",label:"All"},{value:"IdeaTask",label:"Idea Task"},{value:"Crawled",label:"Crawled"}],F=[{value:"noFilter",label:"No Filter"},{value:"all",label:"All"},{value:"online_store",label:"Online Store"},{value:"ebay",label:"Ebay"},{value:"amazon",label:"Amazon"},{value:"etsy",label:"Etsy"},{value:"facebook",label:"Facebook"}
5226],N="Yes",U="No",L=[{value:"All",label:"All"},{value:N,label:N},{value:U,label:U}],V=[{value:"noFilter",label:"No Filter"},{value:"facebook",label:"Facebook"}];function z(e){let{setProductFilters:t,propsFilters:a,hideFilterStore:r,isMarketplaceManager:b,isStoreManager:h,storeManagerSpecial:f,isTeamLead:k,isRoleIdea:O}=e;const[z,q]=Object(s.useState)(""),G=Object(s.useRef)(null),{currentUser:K}=Object(E.c)(),{isSupporter:J}=Object(y.j)(K),Y=a.productBaseId,[W,Z]=Object(s.useState)([]),[X,ee]=Object(s.useState)({value:Y,label:null,search:null}),[te,ae]=Object(s.useState)(null),[le,ne]=Object(s.useState)(null),[re,ie]=Object(s.useState)(""),[oe,se]=Object(s.useState)([]),[ce,ue]=Object(s.useState)({value:a.sort,label:null}),[de,me]=Object(s.useState)({value:a.sortBy,label:null}),pe=a.createdVia,[ge,Ae]=Object(s.useState)({value:pe,label:null}),be=a.notYetPushSaleChannel,[he,fe]=Object(s.useState)({value:be,label:null}),[ve,Ee]=Object(s.useState)([]),[ye,Ce]=Object(s.useState)({value:[],label:[],search:null}),[ke,Oe]=Object(s.useState)([]),[je,we]=Object(s.useState)({value:[],label:[],search:null}),[Se,Ie]=Object(s.useState)({value:a.personalized,label:!0===a.personalized?"Personalized":!1===a.personalized?"Normal":a.personalized}),[Be,De]=Object(s.useState)({value:"All"===a.designStatus||null===a.designStatus?null:a.designStatus,label:"All"===a.designStatus||null===a.designStatus?"All":a.designStatus}),[Pe,xe]=Object(s.useState)({value:a.authorId,label:null,search:null}),[Me,Te]=Object(s.useState)([]),[Qe,Re]=Object(s.useState)({range:null,rangeLabel:null}),[Fe,Ne]=Object(s.useState)({range:null,rangeLabel:null}),[Ue,Le]=Object(s.useState)({division:{value:a.divided,label:null},status:{value:a.usedStatus,label:null}}),Ve=null===a||void 0===a?void 0:a.hasShortTitle,[ze,qe]=Object(s.useState)({value:null,label:null}),He=null===a||void 0===a?void 0:a.isMainTitleUpdated,[$e,_e]=Object(s.useState)({value:null,label:null}),Ge=null===a||void 0===a?void 0:a.hasOrder,[Ke,Je]=Object(s.useState)({value:null,label:null}),Ye=null===a||void 0===a?void 0:a.autoListed,[We,Ze]=Object(s.useState)({value:Ye,label:null}),[Xe,et]=Object(s.useState)({value:a.refURL,label:null,search:null}),[tt,at]=Object(s.useState)([]),[lt,nt]=Object(s.useState)(!1),[rt,it]=Object(s.useState)(!1),{loading:ot,error:st,data:ct}=Object(l.d)(B,{variables:{filter:{limit:X.search?-1:20,offset:0,search:X.search}}}),{loading:ut,error:dt,data:mt}=Object(l.d)(D),{loading:pt,error:gt,data:At}=Object(l.d)(P,{fetchPolicy:"network-only",variables:{filter:{search:ye.search,limit:20,offset:0}}}),{loading:bt,error:ht,data:ft}=Object(l.d)(x,{fetchPolicy:"network-only",variables:{filter:{search:je.search,limit:20,offset:0}}}),{data:vt,loading:Et,error:yt}=Object(l.d)(g.a,{variables:{filter:{limit:20,offset:0,teamRoles:[C.gb.Admin,C.gb.MarketplaceManager,C.gb.StoreManager,C.gb.Supporter],search:Pe.search,...b||O?{getAllTeamMembers:!0}:null}}}),{data:Ct,loading:kt,error:Ot}=Object(l.d)(M,{skip:!k&&!J});Object(s.useEffect)(()=>{a&&(q(a.search),ne(a.storeId))},[]),Object(s.useEffect)(()=>{if(null!=pe){let e=R.find(e=>e.value===pe);if(null!=e){const{value:t,label:a}=e;Ae({value:t,label:a})}}},[pe]),Object(s.useEffect)(()=>{if(null!=be){let e=F.find(e=>e.value===be);if(null!=e){const{value:t,label:a}=e;fe({value:t,label:a})}}},[be]),Object(s.useEffect)(()=>{if(a.authorId){var e,t,l;let n=null===vt||void 0===vt||null===(e=vt.teamMembers)||void 0===e||null===(t=e.hits)||void 0===t?void 0:t.find(e=>{var t;return(null===e||void 0===e||null===(t=e.user)||void 0===t?void 0:t.id)===a.authorId});n=null===(l=n)||void 0===l?void 0:l.user,n&&xe(e=>({...e,value:n.id,label:`${n.firstName} ${n.lastName}`}))}if(a.divided&&(Le(e=>({...e,division:{...e.division,label:a.divided?"Divided":null}})),null!=a.usedStatus)){let e=a.usedStatus?"Used":"Unused";Le(t=>({...t,status:{...t.status,label:e}}))}},[a,vt]),Object(s.useEffect)(()=>{const e=(t=ct,(Object(i.get)(t,"productBasesForSeller.nodes")||[]).map(e=>e?{value:e.id,label:e.title}:null).filter(Boolean));var t;Z(e)},[ct]);const jt=Object(s.useCallback)((e,t)=>{t(t=>({...t,...e}))},[]);Object(s.useEffect)(()=>
5226{if(null!=Y&&(null===W||void 0===W?void 0:W.length)>0){const e=(Y||"").split(/\,/).filter(Boolean),t=W.filter(t=>e.includes(t.value));if((null===t||void 0===t?void 0:t.length)>0){const{ids:e,labels:a}=$(t);ee(t=>({...t,value:e,label:a}))}}},[Y,W]),Object(s.useEffect)(()=>{var e,t;let a;if((null===mt||void 0===mt||null===(e=mt.stores)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0&&(a=mt.stores.nodes,a.length)){let e=[];if(a.forEach(t=>{let a={};a.value=t.id,a.label=t.title,e.push(a)}),le){const t=e.filter(e=>e.value===le);ae(t[0].label)}se(e)}},[mt,te,le]),Object(s.useEffect)(()=>{var e,t;const a=(null===At||void 0===At||null===(e=At.collections)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?At.collections.nodes:[],l=Object(y.z)(a);Ee(l)},[At]),Object(s.useEffect)(()=>{var e,t;const a=(null===ft||void 0===ft||null===(e=ft.tags)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?ft.tags.nodes:[],l=Object(y.z)(a);Oe(l)},[ft]),Object(s.useEffect)(()=>{var e,t;let a=(null===vt||void 0===vt||null===(e=vt.teamMembers)||void 0===e||null===(t=e.hits)||void 0===t?void 0:t.length)>0?vt.teamMembers.hits.map(e=>e.user?{value:e.user.id,label:`${e.user.firstName} ${e.user.lastName}`}:null):[];Te(a)},[vt]),Object(s.useEffect)(()=>{var e;let t=(null===Ct||void 0===Ct||null===(e=Ct.getAllDomain)||void 0===e?void 0:e.length)>0?Ct.getAllDomain.map(e=>({value:e,label:e})):[];at(t)},[Ct]),Object(s.useEffect)(()=>{let e=null===a||void 0===a?void 0:a.refURL;if(e){let t=(null===tt||void 0===tt?void 0:tt.length)>0?tt.find(t=>[t.value].includes(e)):null;if(t){let{value:e,label:a}=t;et(t=>({...t,value:e,label:a}))}}},[tt,a.refURL]),Object(s.useEffect)(()=>{if("boolean"===typeof Ve){let e={value:U,label:U};Ve&&(e={value:N,label:N}),qe(e)}},[Ve]),Object(s.useEffect)(()=>{if("boolean"===typeof He){let e={value:U,label:U};He&&(e={value:N,label:N}),_e(e)}},[He]),Object(s.useEffect)(()=>{if("boolean"===typeof Ge){let e={value:U,label:U};Ge&&(e={value:N,label:N}),Je(e)}},[Ge]),Object(s.useEffect)(()=>{if(null!=Ye){const e=V.find(e=>e.value===Ye);e&&Ze(e)}},[Ye]),Object(s.useEffect)(()=>{G.current&&clearTimeout(G.current);let e=o.a.get(Ue,"division.value",null),a=o.a.get(Ue,"status.value",null);const l=H(ze.value),n=H($e.value),r=H(Ke.value),i=We.value,s=X.value?X.value:null;t&&(G.current=setTimeout(()=>{var o,c;t(s,le,(null===(o=ye.value)||void 0===o?void 0:o.length)>0?ye.value:null,(null===(c=je.value)||void 0===c?void 0:c.length)>0?je.value:null,z?z.trim():z,Se,Pe.value,Qe.range,e,a,Be.value,Xe.value,ce.value,de.value,ge.value,he.value,l,n,i,Fe.range,r)},500))},[X.value,le,z,Se,Pe,Qe,Ue,Be,Xe,ce.value,de.value,ye.value,je.value,ge.value,he.value,ze.value,$e.value,We.value,Fe.range,Ke.value]);const wt=Object(s.useCallback)(e=>{let{value:t,label:a}=e;Ce(e=>({...e,value:t,label:a}))},[]),St=Object(s.useCallback)(e=>Ce(t=>({...t,search:e})),[]),It=Object(s.useCallback)(()=>Ce(e=>({...e,value:[],label:[]}),[]),[]),Bt=Object(s.useCallback)(e=>{let{value:t,label:a}=e;we(e=>({...e,value:t,label:a}))},[]),Dt=Object(s.useCallback)(e=>we(t=>({...t,search:e})),[]),Pt=Object(s.useCallback)(e=>{let{value:t,label:a}=e;qe(e=>({...e,value:t,label:a}))},[]),xt=Object(s.useCallback)(e=>{let{value:t,label:a}=e;_e(e=>({...e,value:t,label:a}))},[]),Mt=Object(s.useCallback)(e=>{let{value:t,label:a}=e;Je(e=>({...e,value:t,label:a}))},[]),Tt=Object(s.useCallback)(e=>Ze(e),[]),Qt=Object(s.useCallback)(()=>{ae(null),ne(null),ie("")},[]),Rt=Object(s.useCallback)(()=>we(e=>({...e,value:[],label:[]})),[]),Ft=Object(s.useCallback)(()=>{Ie({value:null,label:null})},[]),Nt=Object(s.useCallback)(()=>{De({value:null,label:"All"})},[]),Ut=Object(s.useCallback)(e=>q(e),[]),Lt=Object(s.useCallback)(()=>q(""),[]),Vt=Object(s.useCallback)(()=>xe({value:null,label:null}),[]),zt=Object(s.useCallback)(()=>Re({range:null,rangeLabel:null}),[]),qt=Object(s.useCallback)(()=>Ne({range:null,rangeLabel:null}),[]),Ht=Object(s.useCallback)(()=>Le({division:{value:null,label:null},status:{value:null,label:null}}),[]),$t=Object(s.useCallback)(()=>et({value:null,label:null}),[]),_t=Object(s.useCallback)(()=>ue({value:"DESC",label:"DESC"}),[]),Gt=Object(s.useCallback)(()=>me({value:"total_orders",label:"Total Orders"}),[]),Kt=Object(s.useCallback)(()=>qe({value:null,label:null}),[]),Jt=Object(s.useCallback)(()=>_e({value:null,label:null}),[]),Yt=Object(s.useCallback)(()=>Je({value:null,label:null}),[]),Wt=Object(s.useCallback)(()=>Ze({value:null,label:null}),[]),Zt=Object(s.useCallback)(()=>Ae({value:null,label:null}),[]),Xt=Object(s.useCallback)(()=>fe({value:null,label:null}),[]),ea=(Object(s.useCallback)(e=>jt(e,ee),[jt]),Object(s.useCallback)(e=>jt({search:e},ee),[jt]),{value:null,label:null}),ta=Object(s.useCallback)(()=>jt({...ea,search:null},ee),[jt,ea]),aa=[Qt,It,Rt,Lt,Ft,Vt,zt,Ht,Nt,$t,_t,Gt,Zt,Xt,Kt,Jt,Wt,qt,Yt,ta],la=Object(s.useCallback)(()=>{for(let e of aa)e&&e()},[...aa]),na=Object(s.useCallback)(e=>{if(nt(e),e){const{ids:e,labels:t}=$(W);ee(a=>({...a,value:e,label:t}))}else ee(e=>({...e,value:"",label:""}))},[W]),ra=Object(s.useCallback)(e=>{if(it(e),e){const e=[],t=(X.value||[]).split(/\,/),a=(X.label||[]).split(/\,/);for(let i=0;i<t.length;i++)e.push({value:t[i],label:a[i]||""});const l=_(e,W),{ids:n,labels:r}=$(l);ee(e=>({...e,label:r,value:n}))}else ee(e=>({...e,label:"",value:""}))},[W,X.value,X.label]),ia=[{key:"productBase",label:"Product bases",filter:c.a.createElement("div",null,c.a.createElement(I.default,{loading:ot,error:st,value:(X.value||"").split(/\,/),options:W,onChange:e=>{const{ids:t,labels:a}=$(e);ee(e=>({...e,value:t,label:a}))},onSearchChange:e=>{let{search:t}=e;ee(e=>({...e,search:t}))}}),c.a.createElement("div",{style:{marginTop:"1rem",borderTop:"1px solid #dfe3e8",paddingTop:".5rem"}},c.a.createElement(n.Y,{distribution:"equalSpacing"}
5226,c.a.createElement(n.j,{label:"Select All",onChange:na,checked:lt}),c.a.createElement(n.j,{label:"Select Base Filtered",onChange:ra,checked:rt}))))},...r?[]:[{key:"store",label:"Stores",filter:c.a.createElement(S,{loading:ut,error:dt,storeId:le,searchStore:re,dataStore:oe,setStore:(e,t)=>{ae(t),ne(e)},setInputValue:e=>{ie(e)}})}],{key:"collection",label:"Collections",filter:c.a.createElement(u.a,{value:ye,options:ve,loading:pt,error:gt,onChange:wt,onChangeSearch:St})},{key:"tag",label:"Tags",filter:c.a.createElement(u.a,{value:je,options:ke,loading:bt,error:ht,onChange:Bt,onChangeSearch:Dt})},{key:"productType",label:"Product Type",filter:c.a.createElement(w.a,{productType:Se,setProductType:(e,t)=>{Ie({value:e,label:t})}})},...!h||f?[{key:"author",label:"Author",filter:c.a.createElement(d.a,{options:Me,value:Pe,loading:Et,error:yt,onChange:e=>{let{value:t,label:a}=e;return xe(e=>({...e,value:t,label:a}))},onChangeSearch:e=>xe(t=>({...t,search:e}))})}]:[],{key:"createdTime",label:"Created Time",filter:c.a.createElement(A.a,{filterTime:Qe,onChangeRange:(e,t)=>{Re(a=>({...a,range:e,rangeLabel:t}))}})},{key:"productDivision",label:"Product Division",filter:c.a.createElement(v,{onChange:e=>{let{division:t,status:a}=e;return Le(e=>({...e,division:t,status:a}))},value:Ue})},{key:"designStatus",label:"Design Status",filter:c.a.createElement(j,{designStatus:Be,setDesignStatus:(e,t)=>{De({value:e,label:t})}})},...k||J?[{key:"domain",label:"Domain",filter:c.a.createElement(p.a,{data:tt,value:Xe,loading:kt,error:Ot,onChange:e=>{let{value:t,label:a}=e;return et(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return et(e=>({...e,search:t}))}})}]:[],{key:"orderBy",label:"Order By",filter:c.a.createElement(m.a,{value:de.value,options:Q,onChange:e=>{let{value:t,label:a}=e;return me({value:t,label:a})}})},{key:"order",label:"Order",filter:c.a.createElement(m.a,{value:ce.value,options:T,onChange:e=>{let{value:t,label:a}=e;return ue({value:t,label:a})}})},{key:"createdVia",label:"Created Via",filter:c.a.createElement(m.a,{value:ge.value,options:R,onChange:e=>{let{value:t,label:a}=e;return Ae({value:t,label:a})}})},{key:"notPushed",label:"Never been pushed to chanel",filter:c.a.createElement(m.a,{value:he.value,options:F,defaultValue:"noFilter",onChange:e=>{let{value:t,label:a}=e;return fe({value:t,label:a})}})},{key:"hasFBTitle",label:"Has FB Title",filter:c.a.createElement(m.a,{value:ze.value,options:L,onChange:Pt})},{key:"isMainTitleUpdated",label:"Main title has been updated",filter:c.a.createElement(m.a,{value:$e.value,options:L,onChange:xt})},{key:"autoListed",label:"Auto Listed",filter:c.a.createElement(m.a,{defaultValue:"noFilter",value:We.value,options:V,onChange:Tt})},{key:"autoListedTime",label:"Auto Listed Time",filter:c.a.createElement(A.a,{filterTime:Fe,onChangeRange:(e,t)=>{Ne(a=>({...a,range:e,rangeLabel:t}))}})},{key:"hasOrder",label:"Has Order",filter:c.a.createElement(m.a,{value:Ke.value,options:L,onChange:Mt})}];let oa={store:te,handleStoreRemove:Qt,productType:Se.label,handleProductTypeRemove:Ft,designStatus:Be.label,handleProductDesignStatusRemove:Nt};const sa=Object(y.b)(oa);if(!Object(y.tb)(X.label)){const e="productBase";sa.push({key:e,label:ca(e,X.label),onRemove:ta})}if(!Object(y.tb)(Pe.label)){const e="author";sa.push({key:e,label:ca(e,Pe.label),onRemove:Vt})}if(!Object(y.tb)(Be.label)&&null!==Be.value){const e="designStatus";sa.push({key:e,label:ca(e,Be.label),onRemove:Nt})}if(!Object(y.tb)(Qe.rangeLabel)&&Qe.range){const e="createdTime";sa.push({key:e,label:ca(e,Qe.rangeLabel),onRemove:zt})}if(!Object(y.tb)(Ue.division.label)||!Object(y.tb)(Ue.status.label)){const e="productDivision";sa.push({key:e,label:ca(e,Ue),onRemove:Ht})}if(!Object(y.tb)(Xe.label)){const e="domain";sa.push({key:e,label:ca(e,Xe.label),onRemove:$t})}if(!Object(y.tb)(ce.label)&&"DESC"!==ce.label){const e="order";sa.push({key:e,label:ca(e,ce.label),onRemove:_t})}if(!Object(y.tb)(de.label)&&"Total Orders"!==de.label){const e="orderBy";sa.push({key:e,label:ca(e,de.label),onRemove:Gt})}if(!Object(y.tb)(ye.label)){const e="collection";sa.push({key:e,label:ca(e,ye.label),onRemove:It})}if(!Object(y.tb)(je.label)){const e="tag";sa.push({key:e,label:ca(e,je.label),onRemove:Rt})}if(!Object(y.tb)(ge.label)){const e="createdVia";sa.push({key:e,label:ca(e,ge.label),onRemove:Zt})}if(!Object(y.tb)(he.label)&&he.value){const e="notPushed";sa.push({key:e,label:ca(e,he.label),onRemove:Xt})}if(!Object(y.tb)(ze.label)){const e="hasFBTitle";sa.push({key:e,label:ca(e,ze.label),onRemove:Kt})}
5226if(!Object(y.tb)($e.label)){const e="isMainTitleUpdated";sa.push({key:e,label:ca(e,$e.label),onRemove:Jt})}if(!Object(y.tb)(Ke.label)){const e="hasOrder";sa.push({key:e,label:ca(e,Ke.label),onRemove:Yt})}if(!Object(y.tb)(We.label)&&We.value){const e="autoListed";sa.push({key:e,label:ca(e,We.label),onRemove:Wt})}if(!Object(y.tb)(Fe.rangeLabel)&&Fe.range){const e="autoListedTime";sa.push({key:e,label:ca(e,Fe.rangeLabel),onRemove:qt})}return c.a.createElement(c.a.Fragment,null,c.a.createElement(n.r,{queryValue:z,filters:ia,appliedFilters:sa,onQueryChange:Ut,onQueryClear:Lt,onClearAll:la}));function ca(e,t){switch(e){case"author":return"Author: "+t;case"designStatus":return"Design status: "+t;case"createdTime":return"Created time: "+t;case"productDivision":return"Product division: "+[o.a.get(t,"division.label",null),o.a.get(t,"status.label",null)].filter(Boolean).join(" - ");case"domain":return"Domain: "+t;case"order":return"Order: "+t;case"orderBy":return"Order By: "+t;case"collection":return"Collections: "+Object(y.E)(t);case"tag":return"Tags: "+Object(y.E)(t);case"createdVia":return"Created Via: "+t;case"notPushed":return"Never been pushed to chanel: "+t;case"hasFBTitle":return"Has FB Title: "+t;case"isMainTitleUpdated":return"Main title has been updated: "+t;case"autoListed":return"Auto Listed: "+t;case"autoListedTime":return"Auto Listed Time: "+t;case"hasOrder":return"Has Order: "+t;case"productBase":return"Product base: "+t;default:return t}}}const q={[N]:!0,[U]:!1};function H(e){return e in q?q[e]:null}function $(e){return{ids:e.map(e=>null===e||void 0===e?void 0:e.value).filter(Boolean).join(","),labels:e.map(e=>null===e||void 0===e?void 0:e.label).filter(Boolean).join(", ")}}const _=(e,t)=>{const a=new Map([...e||[],...t].map(e=>(null===e||void 0===e?void 0:e.value)?[e.value,e]:null).filter(Boolean));return Array.from(a.values())}},,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var l=a(0),n=a.n(l),r=a(1),i=a(651),o=a(9),s=a(52);const c=o.b.div` 5227 display: flex !important; 5228 justify-content: center; 5229 img { 5230 max-width: 100%; 5231 height: auto; 5232 box-shadow: rgb(0 0 0 / 10%) 0px -1px 15px -3px, 5233 rgb(0 0 0 / 10%) 0px 4px 6px 2px; 5234 } 5235`,u=o.b.div` 5236 .ant-carousel .slick-slide { 5237 text-align: center; 5238 overflow: hidden; 5239 } 5240 .ant-carousel .slick-dots { 5241 bottom: 20px; 5242 li button { 5243 background: #1a202c; 5244 height: 5px; 5245 } 5246 } 5247 .p-target { 5248 text-align: center; 5249 padding-top: 2rem; 5250 margin-top: 20px; 5251 } 5252 .style-arrow { 5253 font-size: 22px; 5254 line-height: 1.5; 5255 color: #1a202c; 5256 right: -13px; 5257 justify-content: center; 5258 align-items: center; 5259 width: 4rem; 5260 height: 4rem; 5261 background: #fff; 5262 border-radius: 50%; 5263 z-index: 10; 5264 box-shadow: rgb(0 0 0 / 10%) 0px -1px 15px -3px, 5265 rgb(0 0 0 / 10%) 0px 4px 6px 2px; 5266 } 5267 .ant-carousel { 5268 .slick-prev, 5269 .slick-next { 5270 &:hover, 5271 &:focus { 5272 background: #fff; 5273 color: #1a202c; 5274 } 5275 } 5276 } 5277`,d=e=>{let{open:t,toggleShowModal:a,item:l,large:o=!1}=e;const d=l&&l.images?l.images:[],m=e=>{const{className:t,style:a,onClick:l}=e;return n.a.createElement("div",{className:t+" style-arrow",style:{...a,display:"flex",right:"-13px"},onClick:l})},p=e=>{const{className:t,style:a,onClick:l}=e;return n.a.createElement("div",{className:t+" style-arrow",style:{...a,display:"flex",left:"-13px"},onClick:l})},g={nextArrow:n.a.createElement(m,null),prevArrow:n.a.createElement(p,null)};return n.a.createElement(r.E,{title:"Product image",open:t,onClose:a,sectioned:!0,large:o},n.a.createElement(u,null,n.a.createElement(i.a,Object.assign({arrows:!0},g),d.filter(e=>e.file).filter(Boolean).map((e,t)=>{let a="";return a=e.file&&(e.file.url?e.file.url:e.file.thumbnailUrl?e.file.thumbnailUrl:null),n.a.createElement("div",{key:"slide-"+t},n.a.createElement(c,{key:"slide-"+t,className:"preview-file"},n.a.createElement("img",{style:{maxHeight:"500px",width:"auto",objectFit:"cover"},src:a,alt:""})),n.a.createElement("div",{className:"p-target"},n.a.createElement(s.a,{href:a,file:e.file},"View origin image")))}))))}},,,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var l=a(0),n=a.n(l);function r(e){let{children:t}=e;return n.a.createElement(i,null,t)}const i=a(9).b.div` 5278 display: flex; 5279 padding-top: 0.8rem; 5280 flex-wrap: wrap; 5281 5282 > * { 5283 margin-right: 0.8rem; 5284 margin-bottom: 0.8rem; 5285 } 5286`},function(e,t,a){"use strict";a.d(t,"a",(function(){return L})),a.d(t,"b",(function(){return J})),a.d(t,"c",(function(){return R}));var l=a(7),n=a(1),r=a(35),i=a(5),o=a.n(i),s=a(27),c=a.n(s),u=a(0),d=a.n(u),m=a(9),p=a(22),g=a(11),A=a(17),b=a(2),h=a(12),f=a(4),v=a(30),E=a(37),y=a(23),C=a(44),k=a(19),O=a(561),j=a(470),w=a(237),S=a(535),I=a(336),B=a(548),D=a(339),P=a(43);const x=d.a.lazy(()=>a.e(14).then(a.bind(null,1431)));let M=o.a.cloneDeep(f.K);for(let[Y,W]of Object.entries(M))M[Y]=(T=W)?T.toLowerCase().replace(/[^\w ]+/g,"").replace(/ +/g,"_"):"";var T;const[Q,R]=Object(g.b)("OrderContext"),F=r.a` 5287 query orders($filter: OrderFilter) { 5288 orders(filter: $filter) { 5289 total 5290 aggregations 5291 } 5292 } 5293`,N=r.a` 5294 fragment ORDER_BASE_FRAGMENT on Order { 5295 id 5296 originId 5297 baseCost 5298 status 5299 quantity 5300 originQuantity 5301 paused 5302 supplierPrice 5303 carrierPrice 5304 createdAt 5305 fulfillmentStatus 5306 ebayOrderId 5307 originalProductIsCampaign 5308 usingTaskBulkDesign 5309 usingProductDesign 5310 fulfillmentServiceShippingOption 5311 additionalItemShippingPrice 5312 additionalItemShippingCondition 5313 labelLink 5314 enabled48HFulfillment 5315 shippingLabel { 5316 labelLink 5317 carrier 5318 trackingCode 5319 } 5320 printingMethod 5321 fulfillmentWarehouse 5322 customer { 5323 firstName 5324 lastName 5325 } 5326 team { 5327 id 5328 name 5329 } 5330 fulfillmentOrders { 5331 id 5332 fulfillmentId 5333 fulfillmentSubmitID 5334 FulfillmentDesc 5335 } 5336 supplier { 5337 id 5338 firstName 5339 lastName 5340 } 5341 storeId 5342 store { 5343 id 5344 title 5345 platform 5346 owners { 5347 id 5348 role 5349 user { 5350 id 5351 firstName 5352 lastName 5353 email 5354 } 5355 } 5356 } 5357 product { 5358 regularPrice 5359 id 5360 personalized 5361 mainImageId 5362 designCheckedByQC 5363 basesDesignCheckedByQC 5364 baseVariantsDesignCheckedByQC 5365 tags { 5366 id 5367 name 5368 } 5369 collections { 5370 id 5371 name 5372 } 5373 images { 5374 id 5375 productBaseId 5376 file { 5377 id 5378 thumbnailUrl 5379 url 5380 createdAt 5381 } 5382 } 5383 productBases { 5384 id 5385 title 5386 attributes { 5387 name 5388 options 5389 } 5390 } 5391 } 5392 productVariant { 5393 id 5394 productBaseVariant { 5395 id 5396 fulfillmentProductId 5397 fulfillmentSku 5398 attributes { 5399 name 5400 option 5401 } 5402 productBase { 5403 id 5404 title 5405 niceName 5406 hasAdditionalShipping 5407 } 5408 } 5409 } 5410 carrier { 5411 id 5412 name 5413 code 5414 trackingUrl 5415 } 5416 product { 5417 id 5418 title 5419 sku 5420 personalized 5421 designPositions { 5422 file { 5423 id 5424 url 5425 thumbnailUrl 5426 } 5427 designPosition { 5428 sorting 5429 id 5430 name 5431 description 5432 productBaseId 5433 } 5434 } 5435 } 5436 # tracking { 5437 # id 5438 # status 5439 # code 5440 # newCode 5441 # trackingMoreId 5442 # newCodeStatus 5443 # submitted 5444 # newCodeSubmitted 5445 # newCodeTrackingMoreId 5446 # submittedTrackingNote 5447 # submittedNewCodeTrackingNote 5448 # } 5449 trackingCodes { 5450 id 5451 trackingCode 5452 status 5453 trackingServiceSlug 5454 trackingServiceId 5455 submittedToSaleChannel 5456 carrierCode 5457 } 5458 designTaskCreated 5459 hasResent 5460 printingDate 5461 fulfillmentId 5462 fulfillment { 5463 id 5464 name 5465 slug 5466 } 5467 revenue 5468 shippingCost 5469 orderGrand { 5470 grandTotal 5471 isUpdated 5472 } 5473 shippingRate 5474 originalProductID 5475 originalProduct { 5476 id 5477 title 5478 sku 5479 } 5480 taskStatus 5481 usedCalcCost 5482 sellerNote 5483 isFinalRevenue 5484 isOrderLabel 5485 5486 lastOrderProgress 5487 5488 currencyCode 5489 5490 warningAddress { 5491 ...WarningAddressFragment 5492 } 5493 } 5494 ${P.F} 5495`,U=r.a` 5496 fragment MAPPING_ORDER_FRAGMENT on MappingOrder { 5497 productId 5498 variantId 5499 sku 5500 price 5501 shippingService 5502 note 5503 metaData 5504 personalized 5505 originOrder 5506 personalizedPreview 5507 currencyCode 5508 } 5509`,L=r.a` 5510 query orders($filter: OrderFilter) { 5511 orders(filter: $filter) { 5512 total 5513 aggregations 5514 nodes { 5515 ...ORDER_BASE_FRAGMENT 5516 } 5517 } 5518 } 5519 ${N} 5520`,V=r.a` 5521 query orders($filter: OrderFilter) { 5522 orders(filter: $filter) { 5523 total 5524 aggregations 5525 nodes { 5526 ...ORDER_BASE_FRAGMENT 5527 mappingOrder { 5528 ...MAPPING_ORDER_FRAGMENT 5529 } 5530 } 5531 } 5532 } 5533 ${N} 5534 ${U} 5535`,z=m.b.div` 5536 margin: -1rem; 5537 @media (min-width: 640px) { 5538 margin: -1.5rem; 5539 } 5540 .Polaris-Tabs__DisclosureActivator:focus { 5541 box-shadow: none; 5542 } 5543 .pagination-header { 5544 overflow-x: scroll; 5545 padding: 1.6rem; 5546 border-bottom: 0.1rem solid var(--p-border-subdued, #dfe3e8); 5547 } 5548`,q=Object.keys(p.A),H=q[0],$=q[1],_={range:{from:c()().subtract(10,"years").startOf("day"),to:c()().subtract(10,"days").endOf("day")}},G={range:{from:c()().subtract(10,"years").startOf("day"),to:c()().subtract(12,"days").endOf("day")}},K=[...f.n,"designTaskCreated","trackingStatus","status","fulfilmentId","storeId","supplierId","carrierId","productBaseId","fulfillmentStatus","personalized","orderSource","viewAs","storeManagerId","groupId","teamId","usingTaskBulkDesign","usingProductDesign","referringSite","sourceName","fulfillmentServiceShippingOption","manualOrder","orderHasNote","tagIds","collectionIds"],J=e=>{var t,a;const{path:r}=e,s=Object(u.useMemo)(()=>Object(b.Bb)(r),[r]),c=Object(u.useMemo)(()=>{let e={...Object(b.m)(h.a.location.search)},t=null===h.a||void 0===h.a?void 0:h.a.location.pathname,a=null;if(t.includes("redirect")&&(a=t.split("/").pop()),e){e.collectionIds&&(e.collectionIds=e.collectionIds.split(/\,/).filter(
5548Boolean)),e.tagIds&&(e.tagIds=e.tagIds.split(/\,/).filter(Boolean)),e.orderSource&&(e.orderSource=e.orderSource.split(/\,/).filter(Boolean)),e.orderType&&("personalized"===e.orderType&&(e.personalized=!0),"normal"===e.orderType&&(e.personalized=!1)),e.designTaskCreated&&("assigned"===e.designTaskCreated&&(e.designTaskCreated=!0),"unassigned"===e.designTaskCreated&&(e.designTaskCreated=!1)),e.usingTaskBulkDesign&&("Yes"===e.usingTaskBulkDesign&&(e.usingTaskBulkDesign=!0),"No"===e.usingTaskBulkDesign&&(e.usingTaskBulkDesign=!1)),e.orderHasNote&&("Yes"===e.orderHasNote&&(e.orderHasNote=!0),"No"===e.orderHasNote&&(e.orderHasNote=!1)),e.manualOrder&&("Yes"===e.manualOrder&&(e.manualOrder=!0),"No"===e.manualOrder&&(e.manualOrder=!1)),"Yes"===e.usingProductDesign&&(e.usingProductDesign=!0),e.fulfilmentId===f.I&&(e.fulfilmentId=""),[H,$].includes(e.trackingStatus)&&(e.status="Fulfilled"),a&&(e.search=a);let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(b.n)(e.limit,Math.round(e.paged))),e=Object(b.Jb)(e,K)}return e},[s]),[m,P]=Object(u.useState)({limit:Number(Object(b.M)("perPageOrders"))||20,offset:0,trackingStatus:null,status:null,fulfilmentId:null,range:null,search:"",storeId:null,supplierId:null,carrierId:null,productBaseId:null,fulfillmentStatus:null,personalized:null,orderSource:null,viewAs:e.viewAs,storeManagerId:null,designTaskCreated:null,groupId:null,teamId:null,usingTaskBulkDesign:null,collectionIds:null,tagIds:null,usingProductDesign:null,readyToPrintTime:null,referringSite:null,sourceName:null,fulfillmentServiceShippingOption:null,orderHasNote:null,manualOrder:null,...c}),[T,R]=Object(u.useState)([]),[N,U]=Object(u.useState)(null),[q,J]=Object(u.useState)({}),[Y,W]=Object(u.useState)(0),[Z,X]=Object(u.useState)(!1),[ee,te]=Object(u.useState)([]),[ae,le]=Object(u.useState)(!1),[ne,re]=Object(u.useState)(null),[ie,oe]=Object(u.useState)([]),[se,ce]=Object(u.useState)(!0),[ue,de]=Object(u.useState)(L),[me,pe]=Object(u.useState)(!1),[ge,Ae]=Object(u.useState)(""),{store:be,currentUser:he}=Object(u.useContext)(g.a),fe=o.a.get(he,"roles",[]),ve=o.a.get(he,"teamUser.role",null),Ee=Object(b.db)(he),{isSeller:ye,isAdministrator:Ce}=Object(b.j)(he),{viewAs:ke}=e,Oe=d.a.useMemo(()=>Ee?`${Ee}${p.t.SOHT}`:null,[Ee]),[je]=Object(l.b)(A.Ub,{variables:{filter:{search:Oe}},onCompleted:e=>{var t;if((null===e||void 0===e||null===(t=e.variables)||void 0===t?void 0:t.length)>0){const t=e.variables[0];(null===t||void 0===t?void 0:t.value)&&pe(!0)}}}),{data:we,loading:Se,error:Ie,refetch:Be}=Object(l.d)(ue,{variables:{filter:{...m,storeId:be?be.id:m.storeId,trackingStatus:[G.range,_.range].includes(m.range)?"notfound":m.trackingStatus}},fetchPolicy:"no-cache",onCompleted:()=>{null!==(m&&m.status)&&De({variables:{filter:{...m,status:null}}}),(ye||Ce)&&je()}}),[De,{data:Pe,loading:xe}]=Object(l.b)(F);let Me=!1;fe&&ve&&fe.includes(f.pb.Seller)&&(Me=[f.gb.Admin,f.gb.StoreManager,f.gb.MarketplaceManager].includes(ve));const Te=Object(S.a)(null===m||void 0===m?void 0:m.viewAs,null===m||void 0===m?void 0:m.status);Object(u.useEffect)(()=>{let e=Object(b.M)("userId");const t="Supplier"===ke?"screenOption_Order_Supplier_"+e:"screenOption_Order_"+e;let a=Object(b.M)(t);const l=Te.map(e=>e.value);a?(a=a.split(","),a=a.filter(e=>!(!(null===e||void 0===e?void 0:e.trim())&&1)&&l.includes(e))):a=l,R(a),U(()=>e)},[ke,Te]),Object(u.useEffect)(()=>{if(Pe){let e=o.a.get(Pe,"orders.aggregations"),t=o.a.get(Pe,"orders.total");J(e),W(t)}},[Pe]),Object(u.useEffect)(()=>{let e,t;if(we&&we.orders){we.orders.total&&(t=we.orders.total),we.orders.aggregations&&(e={...we.orders.aggregations},e.in_production&&(e.in_production={...e.in_production,doc_count:o.a.get(e,"pending_payment.doc_count",0)+o.a.get(e,"ready_to_print.doc_count",0)+o.a.get(e,"printing.doc_count",0)}));let a=null!=q?JSON.parse(JSON.stringify(q)):q,l=[];for(let[,e]of Object.entries(M))l.push(e);a&&ie.length&&(l.forEach(e=>{ie.includes(e)&&a[e]&&a[e].doc_count&&a[e].doc_count!==we.orders.aggregations[e].doc_count&&0!==we.orders.aggregations[e].doc_count&&(a[e].doc_count=we.orders.aggregations[e].doc_count)}
5548),J(a)),Z||(J(e),W(t),X(!0))}},[we,ne,ie]),Object(u.useEffect)(()=>{let{offset:e,limit:t,personalized:a,status:l,designTaskCreated:n,range:r,usingTaskBulkDesign:i,collectionIds:o,tagIds:s,usingProductDesign:c,readyToPrintTime:u,orderHasNote:d,manualOrder:p,fulfilmentId:g,...A}=m,v=null;!0===a&&(v="personalized"),!1===a&&(v="normal"),!0===n&&(n="assigned"),!1===n&&(n="unassigned"),!0===i&&(i="Yes"),!1===i&&(i="No"),!0===c&&(c="Yes"),!0===d&&(d="Yes"),!1===d&&(d="No"),!0===p&&(p="Yes"),!1===p&&(p="No"),""===g&&(g=f.I),Object(b.c)(s)||(s=s.filter(Boolean).join(",")),Object(b.c)(o)||(o=o.filter(Boolean).join(","));let E=Object(b.o)(t,e),y=null;y=Object(b.l)({limit:t,paged:E,...A,orderType:v,designTaskCreated:n,status:l,usingTaskBulkDesign:i,usingProductDesign:c,orderHasNote:d,manualOrder:p,fulfilmentId:g,tagIds:s,collectionIds:o}),h.a.push(`${h.a.location.pathname}?${y}`)},[m]),Object(u.useEffect)(()=>{if(N){const e="Supplier"===ke?"screenOption_Order_Supplier_"+N:"screenOption_Order_"+N;Object(b.Nb)(e,T,7)}},[N,JSON.stringify(T),ke]),Object(u.useEffect)(()=>{if(null===T||void 0===T?void 0:T.length){const e=(T||[]).find(e=>"mappingOrder"===e);de(e?V:L)}},[T]);const Qe=Object(u.useCallback)(()=>{P(e=>({...e})),X(!1)},[]),Re=Object(u.useCallback)(e=>{let{search:t,fulfilmentId:a,storeId:l,productBaseId:n,carrierId:r,supplierId:o,trackingStatus:s,personalized:c,orderSource:u,designTaskCreated:d,storeManagerId:m,range:p,groupId:g,teamId:A,usingTaskBulkDesign:b,collectionIds:h,tagIds:f,usingProductDesign:v,readyToPrintTime:E,referringSite:y,sourceName:C,fulfillmentServiceShippingOption:k,orderHasNote:O,manualOrder:j}=e;[H].includes(s)&&(p=_.range),[$].includes(s)&&(p=G.range);let w=null;const S=(null===u||void 0===u?void 0:u.length)>0?u:null;P(e=>(w=e,{...e,search:t,fulfilmentId:a,storeId:l,productBaseId:n,carrierId:r,supplierId:o,trackingStatus:s,personalized:c,orderSource:S,designTaskCreated:d,storeManagerId:m,range:p,groupId:g,teamId:A,usingTaskBulkDesign:b,collectionIds:h,tagIds:f,usingProductDesign:v,readyToPrintTime:E,referringSite:y,sourceName:C,fulfillmentServiceShippingOption:k,orderHasNote:O,manualOrder:j})),w&&(Object(i.isEqual)(w.search,t)&&Object(i.isEqual)(w.fulfilmentId,a)&&Object(i.isEqual)(w.storeId,l)&&Object(i.isEqual)(w.productBaseId,n)&&Object(i.isEqual)(w.carrierId,r)&&Object(i.isEqual)(w.supplierId,o)&&Object(i.isEqual)(w.trackingStatus,s)&&Object(i.isEqual)(w.personalized,c)&&Object(i.isEqual)(w.orderSource,S)&&Object(i.isEqual)(w.designTaskCreated,d)&&Object(i.isEqual)(w.storeManagerId,m)&&Object(i.isEqual)(w.range,p)&&Object(i.isEqual)(w.groupId,g)&&Object(i.isEqual)(w.teamId,A)&&Object(i.isEqual)(w.usingTaskBulkDesign,b)&&Object(i.isEqual)(w.collectionIds,h)&&Object(i.isEqual)(w.tagIds,f)&&Object(i.isEqual)(w.usingProductDesign,v)&&Object(i.isEqual)(w.readyToPrintTime,E)&&Object(i.isEqual)(w.referringSite,y)&&Object(i.isEqual)(w.sourceName,C)&&Object(i.isEqual)(w.orderHasNote,O)&&Object(i.isEqual)(w.manualOrder,j)&&Object(i.isEqual)(w.fulfillmentServiceShippingOption,k)||(X(!1),P(e=>({...e,offset:0}))))},[]),Fe=Object(u.useCallback)((e,t)=>{P(a=>({...a,offset:e,limit:t})),Object(b.Nb)("perPageOrders",t,100)},[]),Ne=Se&&d.a.createElement(n.D,null),Ue=o.a.get(we,"orders.total",0),Le=Math.ceil(Ue/m.limit),Ve={page:m.offset/m.limit+1,totalPage:Le,offset:m.offset,limit:m.limit,onChange:Fe,total:Ue};return d.a.createElement(k.a,null,d.a.createElement(Q,{itemsChecked:ee,hasPassOnHoldTime:me,fulfillmentSlug:ge,setFulfillmentSlug:Ae},d.a.createElement(z,null,Ne,d.a.createElement("div",null,d.a.createElement(B.a,{options:Te,defaultValue:T,onChange:e=>R(e),onChangeFixedColumn:e=>ce(e),fixedColumn:se})),d.a.createElement(n.H,{title:"All Orders",fullWidth:!0,primaryAction:d.a.createElement(O.a,Object.assign({},e,{filter:m,KEY_DAY_10:H,KEY_DAY_12:$,data:we,currentUser:he,refetch:Be}))},d.a.createElement(n.i,{sectioned:!0},d.a.createElement(C.a,null,d.a.createElement(x,{itemsChecked:ee,refetch:Be,reload:Qe,filter:m,onChange:Re,updateCount:e=>{le(e=>!e),re(e)}}))),d.a.createElement(n.i,null,d.a.createElement(w.a,{loading:Se||xe,value:e.ordersFilter,defaultValue:m.status||m.fulfillmentStatus,total:Y,aggregations:q,onCh
5548ange:e=>{let t=e.status;"Ready To Print"===t&&(t="Ready to Print"),P(e=>({...e,status:[f.K.DesignRejected].includes(t)?null:t,fulfillmentStatus:[f.K.DesignRejected].includes(t)?t:null,offset:0}))}}),Ue?d.a.createElement("div",{className:"pagination-header"},d.a.createElement(E.PaginationPolaris,{aggregation:Ve,showTotal:!0})):null,Se?d.a.createElement(y.SkeletonPagePolaris,null):d.a.createElement(d.a.Fragment,null,Ie?d.a.createElement("div",null,"Error: ",Object(b.ib)(Ie.toString())):d.a.createElement(d.a.Fragment,null,(null===we||void 0===we||null===(t=we.orders)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?d.a.createElement(j.a,{data:we.orders.nodes,screenOptions:T},d.a.createElement(D.a,{data:we.orders.nodes},d.a.createElement(I.a,Object.assign({},e,{data:we,refetch:Be,filter:m,screenOptions:T,dataSO:Te,userRole:fe,teamRole:ve,onSelect:e=>te(e),updateCount:ae,convertOS:M,fixedColumn:se,changeStatusCount:e=>{oe(e)},setFilter:(e,t)=>{P(a=>({...a,offset:e,limit:t})),Object(b.Nb)("perPageOrders",t,100)}})))):d.a.createElement(v.EmptyStatePolaris,null))))))))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var l=a(0),n=a.n(l),r=a(1),i=a(27),o=a.n(i),s=a(5),c=a.n(s),u=a(217);const d=e=>{const{filterTime:{range:t,rangeLabel:a},onChangeRange:i,isExportAmazon:s}=e,[d,m]=Object(l.useState)(["All Time"]),[p,g]=Object(l.useState)({range:t,rangeLabel:a}),A=[{value:"All Time",label:"All Time"},{value:"Today",label:"Today"},{value:"Yesterday",label:"Yesterday"},{value:"Last 7 days",label:"Last 7 days"},{value:"This month",label:"This month"},{value:"Last month",label:"Last month"},{value:"Custom",label:"Custom",renderChildren:Object(l.useCallback)(e=>e&&n.a.createElement(u.a,{isExportAmazon:s,customTime:p,onChange:e=>{let{from:t,to:a,fromLabel:l,toLabel:n}=e;g({rangeLabel:`${l} - ${n}`,range:{from:t,to:a}}),i&&i({from:t,to:a},`${l} - ${n}`)}}),[d])}];Object(l.useEffect)(()=>{if(null===t&&"Custom"!==a)m("All Time");else{c.a.values(c.a.mapValues(A,"value")).includes(a)?m(""+a):m("Custom")}g(()=>({range:t,rangeLabel:a}))},[t,a]);const b=Object(l.useCallback)(e=>{let t={from:null,to:null};if(e[0])switch(e[0]){case"Today":t.from=o()().startOf("day"),t.to=o()().endOf("day");break;case"Yesterday":t.from=o()().subtract(1,"days").startOf("day"),t.to=o()().subtract(1,"days").endOf("day");break;case"Last 7 days":t.from=o()().subtract(7,"days").startOf("day"),t.to=o()();break;case"This month":t.from=o()().startOf("month"),t.to=o()();break;case"Last month":t.from=o()().subtract(1,"months").startOf("months"),t.to=o()().subtract(1,"months").endOf("months");break;default:t=null}i&&i(t,e[0]),m(e)},[]);return n.a.createElement(r.k,{title:"Value",titleHidden:!0,choices:A,selected:d,onChange:b})}},,,,,,,,,,,,,,,function(e,t,a){"use strict";var l=a(0),n=a.n(l),r=a(9);a(1010),a(5);r.b.div` 5549 .mce-content-body p { 5550 margin: 10px 0 !important; 5551 } 5552 .tox-statusbar__branding { 5553 display: none; 5554 } 5555`;n.a.Component},function(e,t,a){"use strict";a.d(t,"a",(function(){return L})),a.d(t,"b",(function(){return V}));var l=a(1),n=a(0),r=a.n(n),i=a(2),o=a(175),s=a(11),c=a(28),u=a(7),d=a(16),m=a(19);function p(e){let{open:t,onClose:a}=e;const{toggleToast:n,setNotify:o}=Object(m.b)(),{ids:s,onCompleted:c}=V(),[p,{loading:g}]=Object(u.c)(d.x,{onCompleted:()=>{o({msg:"Delete stores success",err:!1}),c&&c()},onError:e=>{o({msg:Object(i.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),A=r.a.useCallback(()=>{s.length&&(n&&n(),o&&o({err:!1,msg:null}),p({variables:{ids:s}}).finally(()=>{a()}))},[s,p,n,o]);return r.a.createElement(l.E,{open:t,onClose:a,title:"Delete Stores",sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:A,loading:g}},r.a.createElement("p",null,"Are you sure to delete stores?"))}var g=a(21),A=a(285);var b=function(e){let{open:t,onClose:a}=e;const{toggleToast:o,setNotify:s}=Object(m.b)(),{ids:c,onCompleted:p}=V(),[b,h]=Object(n.useReducer)(i.Hb,{groupIDs:null,error:""}),[f,{loading:v}]=Object(u.c)(d.e,{onCompleted:()=>{s({msg:"Add store to Group success",err:!1}),p&&p()},onError:e=>{s({msg:Object(i.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),E=r.a.useCallback(e=>{let t=e;t&&"string"===typeof t&&(t=[t]);let a={error:""};Object(i.c)(t)&&(a.error="Group is required"),h({groupIDs:t,...a})},[]),y=Object(n.useCallback)(()=>{Object(i.c)(c)||(Object(i.c)(b.groupIDs)?h({error:"Group is required"}):(h({error:""}),s({msg:null,err:!1}),o(!0),f({variables:{groupID:b.groupIDs[0],storeIDs:c}})))},[f,c,b.groupIDs,s,o]);return r.a.createElement(l.E,{title:"Add Group",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Submit",onAction:y,loading:v},secondaryActions:[{content:"Cancel",onAction:a}]},r.a.createElement(g.a,{label:"Target group",required:!0}),r.a.createElement(A.a,{labelHidden:!0,value:null===b||void 0===b?void 0:b.groupIDs,onChange:E,error:b.error||null}))}
5555,h=a(35),f=a(5),v=a(22),E=a(740);const y=h.a` 5556 query variables($filter: VariableFilter) { 5557 variables(filter: $filter) { 5558 id 5559 key 5560 value 5561 } 5562 } 5563`;var C=function(e){let{open:t,onClose:a,idsChecked:o,onCompleted:c}=e;const{toggleToast:p,setNotify:g}=Object(m.b)(),{ids:A,onCompleted:b}=V(),{currentUser:h}=Object(s.c)(),C=Object(i.db)(h),[k,O]=r.a.useState(!1);Object(u.d)(y,{onCompleted:e=>{const t=Object(f.get)(e,"variables")||[],a={};for(let n of t)n&&n.key&&n.value&&(a[n.key]=n.value);let l=a[v.t.FC]||"";l&&"string"===typeof l&&(l=JSON.parse(l)),Object(i.c)(l)||O(l.includes(C))},onError:()=>{},variables:{filter:{search:v.t.FC}}});const[j,{loading:w}]=Object(u.c)(d.Z,{onCompleted:()=>{g({msg:"Create fulfillment config for this store success.",err:!1}),b&&b(),c&&c()},onError:e=>{g({msg:Object(i.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),S=Object(n.useRef)(null),I=Object(n.useCallback)(()=>{let e=[];if((null===o||void 0===o?void 0:o.length)>0?e=[...o]:(null===A||void 0===A?void 0:A.length)>0&&(e=[...A]),Object(i.c)(e))return;const t=S.current?S.current.onSubmit():null;t&&(p&&p(!0),g&&g({msg:null,err:!1}),j({variables:{input:{fulfillmentId:v.g.Printify,mbStoreIds:e,...t}}}))},[j,A,o,g,p]);return r.a.createElement(l.E,{title:"Config Printify fulfillment",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Submit",onAction:I,loading:w},secondaryActions:[{content:"Cancel",onAction:a}]},k?r.a.createElement(E.a,{ref:S}):r.a.createElement("p",null,"Your team does not have this privilege"))};const k={apiKey:"Store URL is required"};var O=r.a.forwardRef((function(e,t){let{apiKey:a}=e;const[n,i]=r.a.useReducer((e,t)=>({...e,...t}),{apiKey:"",storeID:"",error:{}}),o=r.a.useCallback((e,t,a)=>{let l="";e||(l=k[t]);const n={...a,[t]:l};return i({error:n}),n},[n.error]),s=r.a.useCallback((e,t)=>{i({[t]:e})},[]),c=r.a.useCallback(()=>{if(o(n.apiKey,"apiKey"),n.apiKey&&n.storeID)return{apiKey:n.apiKey,storeID:n.storeID}},[n.apiKey,n.storeID,o]);return r.a.useImperativeHandle(t,()=>({onSubmit:c})),a?null:r.a.createElement(l.Y,{vertical:!0,spacing:"tight"},r.a.createElement("div",null,r.a.createElement(g.a,{label:"Api Key",required:!0}),r.a.createElement(l.cb,{value:n.apiKey,onChange:s,placeholder:"Enter API Key",id:"apiKey"})),r.a.createElement(l.cb,{value:n.storeID,onChange:s,placeholder:"Enter store code",id:"storeID",label:"Store"}))}));const j=h.a` 5564 query variables($filter: VariableFilter) { 5565 variables(filter: $filter) { 5566 id 5567 key 5568 value 5569 } 5570 } 5571`;var w=function(e){let{open:t,onClose:a,idsChecked:o,onCompleted:c}=e;const{toggleToast:p,setNotify:g}=Object(m.b)(),{ids:A,onCompleted:b}=V(),{currentUser:h}=Object(s.c)(),E=Object(i.db)(h),[y,C]=r.a.useState(!1);Object(u.d)(j,{onCompleted:e=>{const t=Object(f.get)(e,"variables")||[],a={};for(let n of t)n&&n.key&&n.value&&(a[n.key]=n.value);let l=a[v.t.FC]||"";l&&"string"===typeof l&&(l=JSON.parse(l)),Object(i.c)(l)||C(l.includes(E))},onError:()=>{},variables:{filter:{search:v.t.FC}}});const[k,{loading:w}]=Object(u.c)(d.Z,{onCompleted:()=>{g({msg:"Create fulfillment config for this store success.",err:!1}),b&&b(),c&&c()},onError:e=>{g({msg:Object(i.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),S=Object(n.useRef)(null),I=Object(n.useCallback)(()=>{let e=[];
5571if((null===o||void 0===o?void 0:o.length)>0?e=[...o]:(null===A||void 0===A?void 0:A.length)>0&&(e=[...A]),Object(i.c)(e))return;const t=S.current?S.current.onSubmit():null;t&&(p&&p(!0),g&&g({msg:null,err:!1}),k({variables:{input:{fulfillmentId:v.g.Printway,mbStoreIds:e,...t}}}))},[k,A,o,g,p]);return r.a.createElement(l.E,{title:"Config Printway fulfillment",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Submit",onAction:I,loading:w},secondaryActions:[{content:"Cancel",onAction:a}]},y?r.a.createElement(O,{ref:S}):r.a.createElement("p",null,"Your team does not have this privilege"))},S=a(4),I=a(364);var B=function(e){let{open:t,onClose:a}=e;const{toggleToast:o,setNotify:s}=Object(m.b)(),{ids:c,onCompleted:p}=V(),[g,A]=Object(n.useReducer)(i.Hb,{channelMemberIDs:[]}),[b,{loading:h}]=Object(u.c)(d.u,{onCompleted:()=>{s({msg:"Update Channel Member success",err:!1}),p&&p()},onError:e=>{s({msg:Object(i.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),f=Object(n.useCallback)(()=>{Object(i.c)(c)||(s({msg:null,err:!1}),o(!0),b({variables:{memberIDs:g.channelMemberIDs,storeIDs:c}}))},[b,c,g.channelMemberIDs,s,o]),v=r.a.useCallback((e,t)=>{A({[t]:e})},[]);return r.a.createElement(l.E,{title:"Update Channel Member",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Submit",onAction:f,loading:h},secondaryActions:[{content:"Cancel",onAction:a}]},r.a.createElement(I.a,{label:"Channel Members",value:g.channelMemberIDs,onChange:e=>v(e,"channelMemberIDs"),roles:[S.gb.ChannelLeader,S.gb.ChannelIdea,S.gb.ChannelSeller,S.gb.ChannelSupportLeader,S.gb.ChannelSupporter]}))},D=a(569),P=a(17);const x=a(9).b.div` 5572 display: flex; 5573 padding-top: 0.8rem; 5574 flex-wrap: wrap; 5575 > * { 5576 margin-right: 0.8rem; 5577 margin-bottom: 0.8rem; 5578 } 5579`;var M=Object(n.forwardRef)((function(e,t){let{roles:a,skip:o,allowMultiple:s,label:c,required:d}=e;const[m,p]=Object(n.useReducer)(i.Hb,{input:"",selected:[],options:[],deselectedOptions:[],error:""}),{data:A,loading:b}=Object(u.d)(P.Qb,{variables:{roles:a},skip:o});Object(n.useEffect)(()=>{const e=function(e){const t=Object(f.get)(e,"listUserTeamByRoles")||[],a=[];for(let n of t)n&&n.user&&a.push({label:`${(l=n).user.firstName} ${l.user.lastName}`,value:l.user.id});var l;return a}(A);p({options:e,deselectedOptions:e})},[JSON.stringify(A)]);const h=Object(n.useCallback)(e=>{const t={input:e};if(""===e)return void p({...t,options:m.deselectedOptions});const a=new RegExp(e,"i"),l=m.deselectedOptions.filter(e=>e.label.match(a));p({...t,options:l})},[m.deselectedOptions]),v=Object(n.useCallback)(e=>{p({selected:e})},[]),E=Object(n.useCallback)(e=>()=>{let t=m.selected.filter(t=>t!==e);p({selected:t})},[m.selected]),y=Object(n.useCallback)(()=>{if(d)return Object(i.c)(m.selected)&&p({error:"The value is required"}),m.selected;p({error:""})},[d,m.selected]);Object(n.useImperativeHandle)(t,()=>({getSelected:y}));const C=r.a.createElement(l.c.TextField,{value:m.input,onChange:h,placeholder:"Search ..",error:m.error});return r.a.createElement(r.a.Fragment,null,r.a.createElement(g.a,{label:c||"Choose store managers",required:d}),r.a.createElement(l.c,{options:m.options,onSelect:v,selected:m.selected,textField:C,emptyState:r.a.createElement("span",null,"No items found!"),allowMultiple:s,loading:b}),r.a.createElement(x,null,m.selected&&m.selected.length?m.selected.map(e=>{let t=(m.options||[]).find(t=>t.value===e);if(t)return r.a.createElement(l.ab,{children:t&&t.label,onRemove:E(e),key:e})}):null))}));var T=function(e){let{open:t,onClose:a}=e;const{toggleToast:o,setNotify:s}=Object(m.b)(),{ids:c,onCompleted:p}=V(),[g,{loading:A}]=Object(u.c)(d.r,{onCompleted:()=>{s({msg:"Update store manager success",err:!1}),p&&p()},onError:e=>{s({msg:Object(i.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),b=Object(n.useRef)(null),h=Object(n.useCallback)(()=>{if(Object(i.c)(c))return;const e=b.current;let t=[];e&&(t=e.getSelected()),s({msg:null,err:!1}),o(!0),g({variables:{ownerIDs:t,storeIDs:c}})},[g,c,s,o]);return r.a.createElement(l.E,{title:"Update Manager/Owner",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Submit",onAction:h,loading:A},secondaryActions:[{content:"Cancel",onAction:a}]},r.a.createElement(M,{roles:[S.gb.StoreManager,S.gb.Admin],allowMultiple:!0,label:"Cho
5579ose store manager",required:!0,ref:b}))};const Q=()=>{const{currentUser:e}=Object(s.c)(),{isSeller:t}=Object(i.j)(e),{isRootUser:a}=e||{},o=Object(i.ub)(e),[u,d]=Object(c.a)(!1),[m,g]=Object(n.useReducer)(i.Hb,{open:!1,action:null}),A=Object(n.useCallback)(e=>()=>{g({action:e,open:!0})},[]),h=Object(n.useCallback)(()=>{g({action:null,open:!1})},[]);Object(n.useEffect)(()=>{console.log("window",window.location)},[]);const f={open:m.open,onClose:h},v=function(){const{pathname:e}=window.location||{};return!!(e||"").match(/amazon/)}(),E={updateStoreManager:r.a.createElement(T,f),addGroup:r.a.createElement(b,f),updateMarketplaceManager:r.a.createElement(D.a,f),configFulfillment:r.a.createElement(C,f),configPrintwayFulfillment:r.a.createElement(w,f),...v?{updateChannelMember:r.a.createElement(B,f)}:{}}[m.action]||null,y=!o||!!a;return r.a.createElement(n.Fragment,null,r.a.createElement(l.g,{children:"Update Store Manager",onClick:A("updateStoreManager")}),t?r.a.createElement(l.g,{children:"Update Marketplace Manager",onClick:A("updateMarketplaceManager")}):null,r.a.createElement(l.g,{children:"Add Group",onClick:A("addGroup")}),y?r.a.createElement(l.g,{children:"Config Printify Fulfillment",onClick:A("configFulfillment")}):null,y?r.a.createElement(l.g,{children:"Config Printway Fulfillment",onClick:A("configPrintwayFulfillment")}):null,v?r.a.createElement(l.g,{children:"Update Channel Members",onClick:A("updateChannelMember")}):null,r.a.createElement(l.g,{children:"Delete",destructive:!0,onClick:d}),r.a.createElement(p,{onClose:d,open:u}),E)};const R=function(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"id";return Object(i.c)(e)||!t?[]:Array.from(new Set(e.map(e=>e[a])).values())},F=(e,t,a)=>{e=a?[...e,t]:e.filter(e=>e!==t);return{itemsChecked:e=Array.from(new Set(e).values()),checkAll:e.length>0}},N={checkAll:!1,itemsChecked:[]},U=r.a.createContext({...N,checkAllMarkup:null,checkItemMarkup:()=>{}}),L=e=>{let{children:t,data:a,refetch:n,isChildNode:s}=e;const[c,u]=r.a.useReducer(i.Hb,N),d=e=>{u({itemsChecked:R(a,e),checkAll:e})},m=(e,t)=>{u(a=>({...a,...F(a.itemsChecked,t,e)}))},p={checkAllMarkup:r.a.createElement(l.j,{checked:c.checkAll,onChange:d}),ids:c.itemsChecked,checkItemMarkup:e=>r.a.createElement("div",{className:"check-box-wrap"},r.a.createElement(l.j,{id:e,checked:c.itemsChecked.includes(e),onChange:m})),onCompleted:async()=>{u(N),await new Promise(e=>setTimeout(e,1e3)),n&&n()}};return r.a.createElement(U.Provider,{value:p},r.a.createElement(o.BulkActions,{idsChecked:c.itemsChecked,onClose:()=>d(!1)},r.a.createElement(Q,null)),s?t:t(p))},V=()=>r.a.useContext(U)},,,,,,,function(e,t,a){"use strict";a.r(t);var l=a(1),n=a(0),r=a.n(n),i=a(2),o=a(124),s=a(21),c=a(143),u=a(625);const d=(e,t)=>({...e,...t});function m(e,t){return Object(i.c)(e)?[]:e.filter(t)}function p(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>({value:e.id,label:e.title,data:e});return Object(i.c)(e)?[]:e.map(t)}t.default=function(e){var t;let{value:a,source:n,error:g,labelHidden:A,allowMultiple:b,onChange:h=(()=>{}),fragment:f="id title",filter:v={},getValueImmediate:E,options:y,loading:C}=e;const[k,O]=r.a.useReducer(i.Hb,{options:[],_options:[],selected:[],inputVal:"",selectedOptions:[],deselectedOptions:[]}),[j,w]=r.a.useReducer(d,{limit:20,offset:0,search:"",...v}),{data:S,loading:I,error:B}=Object(u.b)(j,`nodes {${f}}`,!!y),D=r.a.useMemo(()=>"INPUT_COLLECTION_"+(Math.random()+"").slice(2,16),[]),P=r.a.useMemo(()=>"AUTOCOMPLETE_COLLECTION_"+(Math.random()+"").slice(2,16),[]),x=r.a.useMemo(()=>`div[role="combobox"][aria-controls="${P}"]`,[P]),M=r.a.useRef(null);r.a.useEffect(()=>{y||async function(){const e=(null===S||void 0===S?void 0:S.nodes)||[];if(0===(null===e||void 0===e?void 0:e.length))return void O({options:[]});let t=p(e);if(!M.current){const e=p(n),l=Object(i.eb)([...t,...e],"value"),r=p(l,e=>{let{value:t}=e;return t}),o=p(await Object(u.a)(r,a,f));t=Object(i.eb)([...l,...o],"value")}if(O({options:t}),null!=M.current&&!R.current){const e=document.getElementById(D);e&&(e.blur&&e.blur(),await Object(i.Ob)(0),e.focus&&e.focus())}}()},[S,n,a,f,y]);const T=r.a.useCallback((e,t)=>p(e,e=>t.find(t=>{let{value:a}=t;return a===e}
5579)).filter(Boolean),[]);r.a.useLayoutEffect(()=>{if(Object(i.c)(a)||Object(i.c)(k.options))return;const e=Object(i.eb)([...k.options,...k.deselectedOptions],"value"),t=T(a,e),l={selected:a,deselectedOptions:e};if(b)l.selectedOptions=t;else{const[e]=t||[],{label:a}=e||{};l.inputVal=a||""}O(l)},[a,k.options,T,b]),r.a.useEffect(()=>{const e=p(y);Object(i.c)(e)?O(e=>({...e,_options:e._options,options:e._options})):O(t=>({...t,_options:t.options,options:[...e]}))},[JSON.stringify(y)]);const Q=Object(o.a)(h),R=r.a.useRef(!1),F=r.a.useCallback(e=>{const t=T(e,Object(i.eb)([...k.options,...k.deselectedOptions],"value")),a={selected:e,selectedOptions:t},[l]=t||[],{label:n}=l||{};if(b||(a.inputVal=n),O(a),R.current=!0,E){const a=function(e,t,a){const[l]=t||[],{value:n}=l||{};return a?[e,t]:[n,l]}(e,t,b);Q(...a)}},[b,k.options,k.deselectedOptions,T,E]),N=r.a.useRef(null),U=r.a.useCallback(e=>{O({inputVal:e}),M.current=!!e,N.current&&clearTimeout(N.current),N.current=setTimeout(()=>{w({search:e})},500)},[]),L=r.a.useCallback(e=>()=>{const t=m(k.selected,t=>t!==e),a=m(k.selectedOptions,t=>t.value!==e);O({selected:t,selectedOptions:a}),b&&Q(t,a)},[Q,b,k.selectedOptions,k.selected]);r.a.useLayoutEffect(()=>{const e=document.querySelector(x);if(e&&Q){function t(t){if(!JSON.parse(e.getAttribute("aria-expanded")||"")&&!e.contains(t.target)&&R.current){const e=k.selectedOptions,t=k.selected,[a]=e||[],{value:l}=a||{};b?Q(t,e):Q(l,a),R.current=!1,M.current=null}}return document.addEventListener("click",t),()=>{document.removeEventListener("click",t)}}},[k.selectedOptions,k.selected]);const V=r.a.useCallback(()=>{O({selected:[]})},[]),z=r.a.createElement(l.c.TextField,{value:k.inputVal,onChange:U,placeholder:"Search store",error:g,id:D,clearButton:!0,onClearButtonClick:V});return r.a.createElement(r.a.Fragment,null,A?null:r.a.createElement(s.a,{label:"Stores",required:!0}),B?r.a.createElement("div",null,"Error: ",Object(i.ib)(null===B||void 0===B?void 0:B.toString())):r.a.createElement(r.a.Fragment,null,r.a.createElement(l.c,{options:k.options,selected:k.selected,onSelect:F,textField:z,allowMultiple:b,emptyState:r.a.createElement("span",null,"No items found!"),loading:I||C,id:P}),b?r.a.createElement(c.a,null,(null===(t=k.selectedOptions)||void 0===t?void 0:t.length)>0?k.selectedOptions.map(e=>r.a.createElement(l.ab,{children:e.label,key:e.value,onRemove:L(e.value)})):null):null))}},,,function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var l=a(26),n=a.n(l),r=a(0),i=a.n(r),o=a(41);const s={loading:!1,data:null,error:null};function c(e){let{queryOptions:t={},path:a}=e;const[l,r]=i.a.useReducer((e,t)=>({...e,...t}),s),[c]=Object(o.a)(),u=JSON.stringify(t);return i.a.useEffect(()=>{!async function(){const{skip:e,...t}=JSON.parse(u),{__apolloClient__:l}=window;if(l&&!e){r({...s,loading:!0});try{const e=await l.query({...t,fetchPolicy:"no-cache"});c(()=>{r({data:n()(e,a),loading:!1})},500)}catch(i){c(()=>{r({error:null===i||void 0===i?void 0:i.toString(),loading:!1})},500)}}}()},[u,a]),l}},,,function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return o}));var l=a(0),n=a.n(l),r=a(9),i=a(2);function o(e){let{children:t,fixedColumn:a}=e;const l=n.a.useRef(null);return n.a.useEffect(()=>{const e=()=>{Object(i.Ub)(()=>{l.current&&s(l.current,a)})};return l.current&&(e(),l.current.addEventListener("scroll",e,{capture:!1,passive:!0})),()=>{l.current&&l.current.removeEventListener("scroll",e)}},[a]),n.a.createElement(c,{ref:l},t)}const s=(e,t)=>{if(!e)return;let{scrollLeft:a,scrollWidth:l,offsetWidth:n}=e,r=n+a<l,o=e.querySelectorAll(".actions-wrap"),s=e.querySelectorAll(".Polaris-DataTable__Cell");for(let c of s)for(let e of o)Object(i.u)(c,e)&&(t&&r?c.classList.add("fixed-column"):c.classList.remove("fixed-column"))},c=r.b.div` 5580 overflow-x: auto; 5581 5582 .Polaris-DataTable { 5583 .Polaris-DataTable__ScrollContainer { 5584 overflow-x: initial; 5585 } 5586 } 5587 5588 .Polaris-DataTable__Cell { 5589 &.${"fixed-column"} { 5590 position: sticky; 5591 right: 0; 5592 z-index: 10; 5593 background-color: #fff; 5594 5595 &:after { 5596 box-shadow: rgba(0, 0, 0, 0.15) -10px 0px 8px -8px inset; 5597 position: absolute; 5598 top: 0px; 5599 bottom: -1px; 5600 width: 30px; 5601 transition: box-shadow 0.3s ease 0s, 5602 -webkit-box-shadow 0.3s ease 0s; 5603 content: ""; 5604 pointer-events: none; 5605 left: 0px; 5606 transform: translateX(-100%); 5607 } 5608 } 5609 } 5610 5611 .Polaris-DataTable__TableRow { 5612 &:hover { 5613 .Polaris-DataTable__Cell { 5614 &.${"fixed-column"} { 5615 background-color: var(--p-surface-hovered, #f9fafb); 5616 } 5617 } 5618 } 5619 } 5620`},function(e,t,a){"use strict";a.r(t),a.d(t,"BulkActions",(function(){return o}
5620));var l=a(1),n=a(0),r=a.n(n),i=a(9);const o=Object(n.memo)(e=>{let{idsChecked:t,onClose:a,children:i}=e;const[o,c]=Object(n.useState)(!1),u=Object(n.useCallback)(()=>{a&&a()},[a]);let d=r.a.useRef(null);Object(n.useEffect)(()=>(d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{c(()=>!!(null===t||void 0===t?void 0:t.length)>0)},10),()=>{d.current&&clearTimeout(d.current)}),[t]);const m=Object(n.useMemo)(()=>r.a.createElement(l.j,{label:t.length+" selected",checked:!0}),[t]);return r.a.createElement(l.l,{open:o,transition:{duration:"550ms",timingFunction:"ease"}},r.a.createElement(s,null,r.a.createElement(l.h,{segmented:!0},r.a.createElement("div",{className:"selected-item"},r.a.createElement(l.g,{children:m,onClick:u})),i)))});t.default=o;const s=i.b.div` 5621 padding: 1.6rem; 5622 border-bottom: 0.1rem solid #dbdee0; 5623 5624 .Polaris-Choice { 5625 padding: 0; 5626 5627 .Polaris-Choice__Control { 5628 margin-top: 0.1rem; 5629 } 5630 } 5631 5632 .selected-item { 5633 .Polaris-Button { 5634 padding-top: 0.55rem; 5635 padding-bottom: 0.55rem; 5636 } 5637 } 5638`},,,function(e,t,a){"use strict";a.d(t,"a",(function(){return f}));var l=a(0),n=a.n(l),r=a(1),i=a(35),o=a(7),s=a(2),c=a(4),u=a(5),d=a.n(u);const m=e=>{let{onChange:t,platform:a,options:i}=e;const[o,s]=Object(l.useState)(["all"]);Object(l.useEffect)(()=>{null===a.value?s(["all"]):s([""+a.value])},[a]);const c=Object(l.useCallback)(e=>{const a=e.map(e=>{const t=i.find(t=>t.value===e);return t&&t.label});t&&t("all"!==d.a.head(e)?d.a.head(e):null,"All"!==d.a.head(a)?d.a.head(a):null),s(e)},[]);return n.a.createElement(r.k,{title:"Platform",titleHidden:!0,choices:i,selected:o,onChange:c})},p=e=>{let{status:t,onChange:a,options:i}=e;const[o,s]=Object(l.useState)(["all"]);Object(l.useEffect)(()=>{s(null===t?["all"]:[""+t])},[t]);const c=Object(l.useCallback)(e=>{a&&a("all"!==d.a.head(e)?d.a.head(e):null),s(e)},[]);return n.a.createElement(r.k,{title:"Status",titleHidden:!0,choices:i,selected:o,onChange:c})};var g=a(65);const A=i.a` 5639 query listUserTeamByRole($role: String!) { 5640 listUserTeamByRole(role: $role) { 5641 id 5642 user { 5643 id 5644 lastName 5645 firstName 5646 } 5647 } 5648 } 5649`,b=[{value:"all",label:"All"},{value:"woocommerce",label:"Woocommerce"},{value:"shopify",label:"Shopify"},{value:"shopbase",label:"Shopbase"}],h=[{value:"all",label:"All"},{value:"Connected",label:"Connected"},{value:"Checkpointed",label:"Checkpointed"},{value:"Suspended",label:"Suspended"}],f=e=>{let{onChange:t,filter:a,isStoreManager:i,isOnlineStore:u,isMarketPlaceM:d}=e;const[f,v]=Object(l.useState)(a.search),[E,y]=Object(l.useState)({value:a.platform,label:null}),[C,k]=Object(l.useState)({value:a.seller,label:null,search:null}),[O,j]=Object(l.useState)([]),[w,S]=Object(l.useState)(a.status),I=Object(l.useRef)(null),[B,{data:D,loading:P,error:x}]=Object(o.b)(A);Object(l.useEffect)(()=>{if(u||d){const e=d?c.gb.StoreManager:c.pb.Admin;B({variables:{role:e}})}},[u,d,B]),Object(l.useEffect)(()=>{let e=D&&D.listUserTeamByRole&&D.listUserTeamByRole.length>0?D.listUserTeamByRole.map(e=>{let{user:t}=e;return{value:t.id,label:`${t.firstName} ${t.lastName}`}}):[];j(e)},[D]),Object(l.useEffect)(()=>{I.current&&clearTimeout(I.current),t&&(I.current=setTimeout(()=>{t({search:f?f.trim():f,platform:E.value,seller:C.value,status:w})},500))},[f,E,w,C]),Object(l.useEffect)(()=>{if(a.platform){let e=b.find(e=>e.value===a.platform);e&&y(()=>({value:e.value,label:e.label}))}if(a.status){let e=h.find(e=>e.value===a.status);e&&S(()=>e.value)}if(a.seller){let e=O.find(e=>e.value===a.seller);e&&k(t=>({...t,value:e.value,label:e.label}))}},[a,O]);const M=Object(l.useCallback)(e=>v(e),[]),T=Object(l.useCallback)(()=>v(null),[]),Q=Object(l.useCallback)(()=>y({value:null,label:null}),[]),R=Object(l.useCallback)(()=>k({value:null,label:null}),[]),F=Object(l.useCallback)(()=>S(null),[]),N=Object(l.useCallback)(()=>{T(),Q(),R(),F()},[T,Q,R,F]),U=[...u?[{key:"platform",label:"Platform",filter:n.a.createElement(m,{platform:E,options:b,onChange:(e,t)=>
5649{y(a=>({...a,value:e,label:t}))}})}]:[],...!i&&u||d?[{key:"seller",label:d?"Store Manager":"Seller",filter:n.a.createElement(g.a,{value:C,data:O&&O.length>0?O:[],error:x,loading:P,onChangeSearch:e=>{let{search:t}=e;return k(e=>({...e,search:t}))},onChange:e=>{let{value:t,label:a}=e;return k(e=>({...e,value:t,label:a}))}})}]:[],{key:"status",label:"Status",filter:n.a.createElement(p,{status:w,options:h,onChange:e=>{S(e)}})}],L=[];if(!Object(s.tb)(E.label)){const e="platform";L.push({key:e,label:V(e,E.label),onRemove:Q})}if(!Object(s.tb)(C.label)){const e="seller";L.push({key:e,label:V(e,C.label),onRemove:R})}if(!Object(s.tb)(w)){const e="status";L.push({key:e,label:V(e,w),onRemove:F})}return n.a.createElement(r.r,{filters:U,queryValue:f,queryPlaceholder:"Filter store",appliedFilters:L,onQueryChange:M,onQueryClear:T,onClearAll:N});function V(e,t){switch(e){case"platform":return"Platform: "+t;case"seller":return"Seller: "+t;case"status":return"Status: "+t;default:return t}}}},function(e,t,a){"use strict";a.d(t,"c",(function(){return o})),a.d(t,"a",(function(){return s})),a.d(t,"b",(function(){return c}));var l=a(35),n=a(5),r=a(22);const i=l.a` 5650 query order($id: ID!) { 5651 order(id: $id) { 5652 id 5653 fulfillment { 5654 id 5655 slug 5656 } 5657 } 5658 } 5659`;async function o(e){const{__apolloClient__:t}=window;if(e&&t)try{const{data:a}=await t.query({query:i,variables:{id:e}}),l=Object(n.get)(a,"order.fulfillment");return!l||l.slug===r.f}catch{}}function s(e){let{dimensions:t,index:a,designId:l}=e;const n={};if(Object.keys(l).length)for(let[r,i]of Object.entries(t))if(r===l[a]){let e=i&&i.isRealDimensionOk,t=e?"You can upload this file.":"The dimensions of file uploaded is not correct.";const l=e?"success":"error";n[a]={message:t,type:l}}return n}function c(e){let t=!0;const a=Object.values(e).filter(e=>!!(null===e||void 0===e?void 0:e.message));let l=(null===a||void 0===a?void 0:a.length)>0?a.every(e=>"success"===(null===e||void 0===e?void 0:e.type)):null;return t=l?!l:t,t}},,,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return u})),a.d(t,"e",(function(){return m})),a.d(t,"g",(function(){return p})),a.d(t,"i",(function(){return g})),a.d(t,"c",(function(){return A})),a.d(t,"t",(function(){return f})),a.d(t,"h",(function(){return v})),a.d(t,"m",(function(){return E})),a.d(t,"v",(function(){return y})),a.d(t,"k",(function(){return C})),a.d(t,"b",(function(){return k})),a.d(t,"s",(function(){return j})),a.d(t,"j",(function(){return w})),a.d(t,"f",(function(){return S})),a.d(t,"q",(function(){return I})),a.d(t,"r",(function(){return D})),a.d(t,"d",(function(){return P})),a.d(t,"u",(function(){return x})),a.d(t,"o",(function(){return M})),a.d(t,"n",(function(){return T})),a.d(t,"w",(function(){return Q})),a.d(t,"l",(function(){return R})),a.d(t,"p",(function(){return F}));var l=a(26),n=a.n(l),r=a(2),i=a(4),o=a(35),s=a(663);const c={assigned:!0,"un-assigned":!1},u={personalized:!0,normal:!1},d={yes:!0,no:!1},m=(e,t)=>{if(e[t])return e[t].split(",").filter(Boolean)},p=(e,t)=>{if(null!=e[t])return d[e[t]]},g=(e,t,a)=>{for(const l of t){const t=a(e,l);e[l]=t}},A=e=>{const t={};return null!=c[e]?(t.hasAssign=c[e],t.status=i.K.PendingDesign):(t.hasAssign=null,t.status=e),t},b=e=>(e=>!0===e)(e)?"yes":(e=>!1===e)(e)?"no":null,h=e=>(t,a)=>!0===e?t:!1===e?a:null,f=e=>{let{personalized:t,hasDesign:a,usingTaskBulkDesign:l,usingDesignApp:n,hasPBArtwork:i,usingExpressShipping:o,limit:s,offset:c,hasAssign:u,fieldByTime:d,...m}=e||{},p=Object(r.o)(s,c),g=h(t)("personalized","normal");u=h(u)("assigned","un-assigned"),a=b(a),l=b(l),n=b(n),i=b(i),o=b(o);return Object(r.l)({limit:s,paged:p,orderType:g,hasDesign:a,usingDesignApp:n,hasPBArtwork:i,...m,hasAssign:u,usingTaskBulkDesign:l,usingExpressShipping:o})},v=(e,t)=>{const a=(e||[]).length,l=(t||[]).length;return a===l||l>0&&"indeterminate"},E=(e,t)=>{if(!t)return[];const a=(e||[]).filter(e=>null===e||void 0===e?void 0:e.id).map(e=>e.id);return Array.from(new Set(a))},y=(e,t)=>{const a=new Set(t);return a.has(e)?a.delete(e):a.add(e),Array.from(a)},C=e=>{const t=n()(e,"product"),a=n()(e,"order.originalProductID");return a||(null===t||void 0===t?void 0:t.id)};function k(e,t,a){var l,n,r;if(!e||!t)return null;const i=null===(l=e.productBases)||void 0===l?void 0:l.length,o=e.hasPBArtwork,s=e.basesHasArtwork,c=e.baseVariantsHasArtwork,u=i>1,d=null===(n=t.productVariant)||void 0===n?void 0:n.productBaseVariant,m=null===d||void 0===d?void 0:d.id,p=null===d||void 0===d||null===(r=d.productBase)||void 0===r?void 0:r.id,g=null==a?(s||[]).includes(p):(c||[]).includes(m);return u?g:!!o}const O=["+","/","small","medium","large"];function j(e,t,a,l){let n=e,r=t;
5659O.forEach(e=>{r=r?r.replace(e,""):""});let o=a;O.forEach(e=>{o=o?o.replace(e,""):""});let s=l;return O.forEach(e=>{s=s?s.replace(e,""):""}),null!=n&&(n=n.replace(i.U,r),n=n.replace(i.T,o),n=n.replace(i.j,s),n=n.split("-").join("_")),n}function w(e){const t=n()(e,"order.originalProduct"),a=n()(t,"hasPsdInNas");return{sku:n()(t,"sku"),title:n()(t,"title"),hasPsdInNas:a}}function S(e){const t=n()(e,"assignee");return Object(r.R)(t)}function I(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.map(e=>{let t=e&&e.option;return O.forEach(e=>{var a,l;t=(null===(a=t)||void 0===a?void 0:a.length)>0?t.toLowerCase():"",t=(null===(l=t)||void 0===l?void 0:l.length)>0?t.replace(e,""):""}),t?Object(r.Tb)(t.trim()):""}).filter(Boolean).join("_")}const B="size";function D(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.filter(e=>[B].includes(e.slug))}function P(e){if(Object(r.c)(e))return[];const t=[];for(let a of e){const e={};Object(r.vb)(null===a||void 0===a?void 0:a.key)&&(e.originUrl=a.url,e.url=a.thumbnailUrl),t.push({...a,...e})}return t}function x(e){return(e||"").split("|").filter(Boolean)}function M(e,t){return!(Object(r.c)(e)||!t)&&e.includes(t)}function T(e){const t=n()(e,"artistTaskID"),a=n()(e,"taskType");return!!t||a===i.fb.ArtistTask}async function Q(e){const t=[];try{const a=[],l=await Promise.allSettled((e||[]).map(async(e,t)=>await new Promise((a,l)=>{const r=n()(e,"thumbnailUrl"),i=new window.Image;i.src=t?r+"s ":r,i.onload=()=>{a(e)},i.onerror=()=>{l(e)}}))).then(e=>e.map(e=>"rejected"===e.status?(a.push(e.reason),null):e.value).filter(Boolean));if(t.push(...l),0===(null===a||void 0===a?void 0:a.length))return t;const i=[],s=[],c={};for(let e=0;e<a.length;e++)i.push(`$fileID__${e}: String`),s.push(`\n generatePsdPreviewImage__${e}: generatePsdPreviewImage(fileID: $fileID__${e}) {\n id\n name\n url\n thumbnailUrl\n }\n `),c["fileID__"+e]=a[e].id;const u=o.a` 5660 mutation generatePsdPreviewImage(${i.join(",")}) { 5661 ${s.join("\n")} 5662 } 5663 `,{__apolloClient__:d}=window;if(d){const e=await d.mutate({mutation:u,variables:c});if(!Object(r.Gb)(e.data)){const l=Object.values(e.data).reduce((e,t)=>(Object(r.Gb)(t)||!t.id||(e[t.id]={...t,originUrl:t.url}),e),{}),n=[];for(let e of a){if(!e)continue;const t=l[e.id];t&&n.push({...e,thumbnailUrl:t.thumbnailUrl,url:t.thumbnailUrl,originUrl:t.url})}t.push(...n)}}}catch(a){console.error("validate files generate >",a)}return t}function R(e){const t=n()(e,"getArtistTaskRejectSubmission");if(Object(r.c)(t))return[];const a=[];for(let l of t){const e=(n()(l,"designs.artist_files")||[]).map(e=>({...e,rejectReason:null===l||void 0===l?void 0:l.rejectReason}));a.push(...e)}
5663return a.filter(Boolean).map(e=>Object(s.a)(e,!0))}function F(e,t){const a=[...e,...t].map(e=>[e.id,e]),l=new Map(a);return Array.from(l.values())}},function(e,t,a){"use strict";a.r(t),a.d(t,"SimpleCustomizePolaris",(function(){return E}));var l=a(1),n=a(1367),r=a(1518),i=a(5),o=a(0),s=a.n(o),c=a(9),u=a(4),d=a(129),m=a(1371);const p=c.b.div` 5664 .options-wrap { 5665 margin-left: -2rem; 5666 margin-top: -1.6rem; 5667 .add-new { 5668 margin-top: 2rem; 5669 margin-left: 2rem; 5670 } 5671 } 5672 .advance-option { 5673 display: flex; 5674 flex-direction: row; 5675 align-items: center; 5676 justify-content: space-between; 5677 column-gap: 1.2rem; 5678 > .Polaris-FormLayout--grouped { 5679 flex: 1 auto; 5680 } 5681 .Polaris-Button { 5682 margin-top: 0.8rem; 5683 margin-right: 0; 5684 } 5685 } 5686 .options-list-wrap { 5687 .Polaris-FormLayout__Title { 5688 margin-bottom: 0.8rem; 5689 padding: 0; 5690 } 5691 } 5692 .options-list-inner { 5693 display: flex; 5694 flex-direction: row; 5695 column-gap: 1.2rem; 5696 justify-content: space-between; 5697 align-items: center; 5698 > div { 5699 flex: 1 auto; 5700 } 5701 } 5702`,g=e=>{let{open:t,toggleVisibleModal:a,item:n,onChange:i}=e;const{type:o}=n,{settings:c}=n.configure,{options:u}=c;return s.a.createElement(l.E,{open:t,onClose:a,title:n&&n.title,sectioned:!0,primaryAction:{content:"Done",onAction:a}},s.a.createElement(p,null,s.a.createElement(l.t,null,"number"===o&&s.a.createElement(l.t.Group,null,s.a.createElement(l.cb,{label:"Min",value:c.min,type:"number",onChange:e=>{c.min=e,i&&i(n)}}),s.a.createElement(l.cb,{label:"Max",value:c.max,type:"number",onChange:e=>{c.max=e,i&&i(n)}})),"dropdown"===o&&s.a.createElement(l.Q,{label:"Mode",value:c.mode,options:[{value:"default",label:"Default"},{value:"multiple",label:"Multiple"}],onChange:e=>{c.mode=e,i&&i(n)}}),["radio","checkbox"].includes(o)&&s.a.createElement("div",{className:"options-list-wrap"},s.a.createElement(l.t.Group,{title:"Options"}),s.a.createElement(l.t,null,u.map((e,t)=>s.a.createElement("div",{className:"options-list-inner",key:"option-"+t},s.a.createElement(l.cb,{placeholder:"Option "+(t+1),label:"option",labelHidden:!0,value:e,onChange:e=>{u[t]=e,i&&i(n)}}),s.a.createElement(l.g,{icon:m.a,plain:!0,onClick:()=>{u.splice(t,1),i&&i(n)}})))),s.a.createElement("div",{style:{marginTop:"2rem"}},s.a.createElement(l.g,{icon:r.a,children:"Add new option",onClick:()=>{const e=u.length+1;u.push("Option "+e),i&&i(n)}}))),["dropdown"].includes(o)&&s.a.createElement("div",{className:"options-wrap"},s.a.createElement(l.t.Group,{title:"Options"}),u.map((e,t)=>s.a.createElement("div",{className:"option-inner",key:t},s.a.createElement("div",{className:"advance-option"},s.a.createElement(l.t.Group,null,s.a.createElement(l.cb,{label:"key",labelHidden:!0,value:e.value,placeholder:"Key "+(t+1),onChange:t=>{e.value=t,i&&i(n)}}),s.a.createElement(l.cb,{label:"label",labelHidden:!0,value:e.label,placeholder:"Label "+(t+1),onChange:t=>{e.label=t,i&&i(n)}})),s.a.createElement(l.g,{icon:m.a,plain:!0,onClick:()=>{u.splice(t,1),i&&i(n)}})))),s.a.createElement("div",{className:"add-new"},s.a.createElement(l.g,{icon:r.a,children:"Add new option",onClick:()=>{const e=u.length+1;u.push({key:"key-"+e,label:"Label "+e}),i&&i(n)}}))))))};var A=a(11),b=a(2);const h=d.b&&d.b.length>0?d.b.map(e=>({value:e.type,label:e.title})):[],f=c.b.div` 5703 margin-top: 1.6rem; 5704 5705 .actions-wrap { 5706 display: flex; 5707 flex-direction: row; 5708 column-gap: 1rem; 5709 } 5710 5711 > .Polaris-Stack > .Polaris-Stack__Item { 5712 margin-top: 0; 5713 } 5714 5715 .input-group { 5716 display: grid; 5717 grid-template-columns: 49% 49%; 5718 column-gap: 2rem; 5719 row-gap: 5px; 5720 } 5721 5722 .personalized-wrap { 5723 > label { 5724 display: inline-block; 5725 margin-bottom: 0.8rem; 5726 font-size: 15px; 5727 font-weight: 500; 5728 } 5729 } 5730 5731 .title-wrap { 5732 min-width: 22rem; 5733 } 5734 5735 .meta-value-wrap { 5736 max-width: 15rem; 5737 } 5738`,v="None",E=e=>{let{value:t,isMapOrder:a,personalized:c,onErrorChange:m,item:p,isMapOrderTemplate:E,canUpdate:y=!0,metaValue:C}=e;const[k,O]=Object(o.useState)([]),[j,w]=Object(o.useState)(-1),[S,I]=Object(o.useState)(!1),[B,D]=Object(o.useState)(C||{}),[P,x]=Object(o.useState)([]),[M,T]=Object(o.useState)({}),Q=s.a.useRef(null),{currentUser:R}=Object(A.c)(),F=Object(b.ub)(R),N=Object(i.get)(p,"store.platform",null),U=[u.M.Amazon
5738].includes(N),L=Object(o.useCallback)(()=>{const l=d.b[0],n=t.length+1;let r=Object(d.e)(l,n);if(r&&r.configure&&null!=r.configure.required&&(r.configure.required=!1),(a||E)&&(r.fieldValue={},U&&(D(e=>({...e,[t.length]:v})),r.fieldValue={key:v,customValue:!1,value:null})),e.onChange){let a=Object(d.d)(t,r);e.onChange((null===t||void 0===t?void 0:t.length)>0?a:[r])}},[e,U,E,t]),V=Object(o.useCallback)(()=>{I(e=>!e)},[]);Object(o.useEffect)(()=>{let e=(null===c||void 0===c?void 0:c.length)>0?c.filter(e=>{if(!F)return!0;let t=!0;return u.z.forEach(a=>{e.name.toLowerCase().match(a)&&(t=!1)}),t}).map(e=>({value:null===e||void 0===e?void 0:e.name,label:null===e||void 0===e?void 0:e.name})):[];x([...e,{value:v,label:v}])},[c]),Object(o.useEffect)(()=>{Object(b.Gb)(C)||D(C)},[C]),Object(o.useEffect)(()=>{const e={};if(t&&Array.isArray(t))for(let a=0;a<t.length;a++){let l=null,n=null;null==B[a]?l="Please choose meta value":B[a]===v&&(t[a].fieldValue.value||(n="Please enter value"));let r=null;t[a]&&!t[a].title&&(r="Title is required"),e[a]={label:l,value:n,title:r}}T(e),Q.current&&clearTimeout(Q.current),Q.current=setTimeout(()=>{m&&m(e)},0)},[t,B]),Object(o.useEffect)(()=>{if((null===t||void 0===t?void 0:t.length)>0)return;const l=d.b[0],n=(t||[]).length+1;let r=Object(d.e)(l,n);if(r&&r.configure&&null!=r.configure.required&&(r.configure.required=!1),(a||E)&&(r.fieldValue={},U&&(D({0:v}),r.fieldValue={key:v,customValue:!1,value:null})),e.onChange){let a=Object(d.d)(t,r);e.onChange((null===t||void 0===t?void 0:t.length)>0?a:[r])}},[U,E,t]);const z=Object(o.useCallback)((a,l)=>{D(e=>({...e,[l]:a}));let n=a===v,r=t[l].title,i={key:n?r:a,customValue:!!n,value:null};e.onChange&&e.onChange(t.map((e,t)=>{let r=n?e.title:a;return t===l?{...e,title:r,fieldValue:i}:e}))},[t]),q=Object(o.useCallback)((t,a,l,n,r)=>{let i=t;a.fieldValue={...a.fieldValue,customValue:!!n||!!i.length,value:i},e.onChange&&e.onChange(r.map((e,t)=>t===l?a:e))},[e.onChange]),H=Object(o.useCallback)((e,t)=>{let a=null;e||(a="Title is required."),T(e=>({...e,[t]:{...e[t],title:a}}))},[]);Object(o.useEffect)(()=>{if(t&&t.length){let r=t.map((r,i)=>{var o,u,m,p;
5738return[s.a.createElement(l.Q,{value:r.type,onChange:a=>{r.type=a;const l=d.b.find(e=>e.type===a),n=Object(d.e)(l,i);r.configure=n.configure,e.onChange&&e.onChange(t.map((e,t)=>t===i?r:e))},options:h,labelHidden:!0,label:"type",disabled:!y}),...a?[s.a.createElement("div",{className:"meta-value-wrap"},s.a.createElement(l.Q,{options:P,value:B[i],onChange:e=>z(e,i),placeholder:"Choose meta value",error:null===(o=M[i])||void 0===o?void 0:o.label,disabled:!y}))]:[],s.a.createElement("div",{className:"title-wrap"},s.a.createElement(l.cb,{value:r.title,placeholder:"Title",label:"title",labelHidden:!0,error:null===(u=M[i])||void 0===u?void 0:u.title,disabled:a&&B[i]!==v||!y,onChange:l=>{var n;r.title=l;let o=B[i]===v,s={...r.fieldValue,key:o?l:null===(n=r.fieldValue)||void 0===n?void 0:n.key};if(o&&H(l,i),a||E){if(c){var u,d;let e="";c.length&&c.forEach(t=>{t.name&&t.name.toLowerCase().trim()===l.toLowerCase().trim()&&(e=t.value)}),s={...s,value:e,customValue:o?(null===(u=e)||void 0===u?void 0:u.length)>0:null===(d=s)||void 0===d?void 0:d.customValue}}r.fieldValue=s}e.onChange&&e.onChange(t.map((e,t)=>t===i?r:e))}})),s.a.createElement(l.cb,{value:r.configure&&r.configure.placeholder,placeholder:"Placeholder",label:"placeholder",labelHidden:!0,disabled:!y,onChange:a=>{r.configure.placeholder=a,e.onChange&&e.onChange(t.map((e,t)=>t===i?r:e))}}),s.a.createElement(l.cb,{value:null===(m=r.configure)||void 0===m||null===(p=m.settings)||void 0===p?void 0:p.defaultValue,placeholder:"Default value",label:"default value",labelHidden:!0,disabled:!y,onChange:a=>{r.configure.settings.defaultValue=a,e.onChange&&e.onChange(t.map((e,t)=>t===i?r:e))}}),s.a.createElement(l.j,{label:"required",labelHidden:!0,disabled:!y,checked:r.configure&&r.configure.required,onChange:a=>{r.configure.required=a,e.onChange&&e.onChange(t.map((e,t)=>t===i?r:e))}}),s.a.createElement("div",{className:"actions-wrap"},s.a.createElement(l.g,{icon:n.a,plain:!0,disabled:t.length<=1||!y,onClick:()=>{if(e.onChange&&t.length>1){if(null!=B[i]){const e=Object.keys(B).map(e=>Number(e)).sort((e,t)=>e-t).pop();for(let t=i;t<e;t++)B[t]=B[t+1];B[e]&&delete B[e]}e.onChange(t.filter((e,t)=>i!==t))}}}),!["text","textarea"].includes(r.type)&&s.a.createElement(l.g,{plain:!0,children:"Edit",onClick:()=>{w(i),V()}}),s.a.createElement(g,{open:j===i&&S,item:r,toggleVisibleModal:V,onChange:a=>{e.onChange&&e.onChange(t.map((e,t)=>t===i?a:e))}}))]});O(r)}},[t,j,S,B,M,y]);const $=[],_=a?6:5;for(let l=0;l<_;l++)$.push("text");const G=["Type",...a?["Default meta value"]:[],"Title","Placeholder","Default value","Required","Actions"];return s.a.createElement(f,null,s.a.createElement(l.Y,{alignment:"fill",distribution:"fillEvenly",vertical:!0},s.a.createElement(l.bb,null,s.a.createElement(l.n,{columnContentTypes:$,headings:G,rows:k,verticalAlign:"middle"}),s.a.createElement(l.f,{title:"Recommended",children:"Enable Required if your product has a different personalized value for each order.",status:"info"}),s.a.createElement("div",null,s.a.createElement(l.g,{icon:r.a,onClick:L,children:"Add Field",disabled:!y})),s.a.createElement("div",{className:"personalized-wrap"},(a||E)&&t&&t.length>0?s.a.createElement(s.a.Fragment,null,s.a.createElement("label",null,"Personalized values"),s.a.createElement("div",{className:"input-group"},t.map((e,a)=>{var n;let r=B[a]===v,i=t[a].fieldValue.value;const o=null===p||void 0===p?void 0:p.personalized;if(Array.isArray(o)&&(null===o||void 0===o?void 0:o.length)>0&&!i){const e=t[a].title;for(let t of o)(null===t||void 0===t?void 0:t.name)===e&&(i=null===t||void 0===t?void 0:t.value)}let c=r&&!i?null===(n=M[a])||void 0===n?void 0:n.value:null;return s.a.createElement("div",{key:a},s.a.createElement(l.cb,{label:e.title,value:i,error:c,multiline:!!(i||"").match(/\n/g)&&5,onChange:l=>{q(l,e,a,r,t)}}))}))):null))))};t.default=E},,function(e,t,a){"use strict";a.d(t,"b",(function(){return B})),a.d(t,"f",(function(){return D})),a.d(t,"e",(function(){return Q})),a.d(t,"c",(function(){return R})),a.d(t,"a",(function(){return F})),a.d(t,"d",(function(){return J}));var l=a(7),n=a(1),r=a(35),i=a(5),o=a(0),s=a.n(o),c=a(9),u=a(36),d=a(11),m=a(17),p=a(2),g=a(131),A=a(4),b=
5738a(111),h=a(76),f=a(53),v=a(363),E=a(65);const y=e=>{let{onChange:t,orderBy:a,options:l}=e;const[r,i]=Object(o.useState)(["created_at"]);Object(o.useEffect)(()=>{i(null===a?["tasks.created_at"]:[a])},[a]);const c=Object(o.useCallback)(e=>{const a=e.map(e=>{let t=null;return t=l.find(t=>t.value===e),t&&t.label});if(t){let l=null;l="tasks.created_at"!==e[0]?e[0]:null,t(l,a[0])}i(e)},[]);return s.a.createElement(n.k,{title:"Order by",titleHidden:!0,choices:l,selected:r,onChange:c})};var C=a(419),k=a(311);const O=r.a` 5739 query stores($filter: StoreFilter) { 5740 stores(filter: $filter) { 5741 nodes { 5742 id 5743 title 5744 domain 5745 email 5746 platform 5747 owners { 5748 id 5749 user { 5750 id 5751 email 5752 } 5753 } 5754 } 5755 } 5756 } 5757`,j=r.a` 5758 query productBasesForSeller($filter: ProductBaseFilter) { 5759 productBasesForSeller(filter: $filter) { 5760 total 5761 nodes { 5762 id 5763 title 5764 } 5765 } 5766 } 5767`,w="Draft",S="All",I="Pending Design",B="Assign To Me",D=[{value:S,label:S},{value:I,label:I},{value:w,label:w},{value:"Pending",label:"Pending"},{value:"Artwork Configurable",label:"Artwork Configurable"},{value:"Doing",label:"Doing"},{value:"File Generating",label:"Mockup Generating"},{value:"Need Buyer Confirm",label:"Need Buyer Confirm"},{value:"Awaiting Buyer Confirm",label:"Awaiting Buyer Confirm"},{value:"Need Review",label:"Need Review"},{value:"Rejected",label:"Rejected"},{value:"Expired Soon",label:"Expired Soon"},{value:"Denied",label:"Denied"},{value:"Expired",label:"Expired"},{value:"Cancel",label:"Cancel"},{value:"Partially Completed",label:"Partially Completed"},{value:"Done",label:"Done"}],P={value:"Declined",label:"Declined"},x=["Expired Soon","Expired",I,"Artwork Configurable"],M=[w,"Partially Completed","Declined"],T=[w,"Artwork Configurable","Partially Completed","File Generating","Need Buyer Confirm","Awaiting Buyer Confirm","Expired Soon"],Q=D.map(e=>e.value).filter(e=>!x.includes(e)),R=D.map(e=>e.value).filter(e=>!M.includes(e)),F=D.map(e=>e.value).filter(e=>!T.includes(e));let N=[];for(let[te,ae]of Object.entries(A.M))N.push({label:te,value:ae});const U=[{value:"tasks.created_at",label:"Task Created Date"},{value:"orders.created_at",label:"Order Created Date"},{value:"tasks.kpi",label:"KPI"},{value:"tasks.deadline",label:"Deadline"},{value:"tasks.done_date",label:"Done Date"},{value:"tasks.rejected_at",label:"Rejected Date"}],L=c.b.div` 5768 display: flex; 5769 flex-direction: column; 5770 word-break: break-all; 5771 .domain { 5772 font-size: 0.9em; 5773 padding-right: 5px; 5774 color: var(--p-interactive, #006fbb); 5775 } 5776`,V=[{value:"All",label:"All"},{value:"normal",label:"Normal"},{value:"personalized",label:"Personalized"}],z=[{value:"All",label:"All"},{value:"Yes",label:"Yes"},{value:"No",label:"No"}],q="Yes",H=[{value:S,label:S},{value:q,label:q}],$=[{value:S,label:S},{value:q,label:q}],_=[{value:"All",label:"All"},{value:"Yes",label:"Yes"},{value:"No",label:"No"}],G=[{value:S,label:S},{value:"IdeaTask",label:"IdeaTask"}],K=(null===u.d||void 0===u.d?void 0:u.d.length)>0?u.d.map(e=>({value:e,label:e.toString()})):[];K.unshift({value:"All",label:"All"});const J=e=>{let{onChangeFilter:t,isDesigner:a,isLeader:r,hasStoreFilter:c,filters:{assigneeIds:u,status:S,orderBy:T,order:Q,hasAssign:R,platform:F,search:J,productBaseId:ee,storeIds:te,personalized:ae,hasDesign:le,usingDesignApp:ne,kpi:re,usingTaskBulkDesign:ie,usingExpressShipping:oe,createdById:se,productCreatedVia:ce,similarTaskAssigneeId:ue,hasPBArtwork:de,designOnlineTeamID:me},isIdeaTask:pe,ideaRoles:ge}=e;const{currentUser:Ae}=Object(d.c)(),{isSeller:be,isDesignLeader:he,isOnline:fe}=Object(p.j)(Ae),ve=(be||he)&&"Pending Design"===S&&!R,Ee=Object(o.useMemo)(()=>{let e=D;if(pe)if(e=e.filter(e=>!x.includes(e.value)),ge){if(a){e=e.filter(e=>![I].includes(e.value));const t=[...e],a=t.findIndex(e=>"Denied"===e.value);a>-1&&t.splice(a,0,P),e=t}}else e=e.filter(e=>![w].includes(e.value));else e=e.filter(e=>!M.includes(e.value));return e},[pe,ge,a]),ye=Object(o.useMemo)(()=>pe?U.filter(e=>"orders.created_at"!==e.value):U,[pe]),[Ce,ke]=Object(o.useState)(J),[Oe,je]=Object(o.useState)({value:[],label:[],search:null}),[we,Se]=Object(o.useState)([]),[Ie,Be]=Object(o.useState)({value:ue,label:null,search:null}),[De,Pe]=Object(o.useState)([]),[xe,Me]=Object(o.useState)({value:S,label:null}),[Te,Qe]=Object(o.useState)({range:null,rangeLabel:null,field:"tasks.created_at",fieldLabel:null}),[Re,Fe]=Object(o.useState)({value:T,label:null}),[Ne,Ue]=Object(o.useState)(Q),[Le,Ve]=Object(o.useState)(!a&&null),[ze,qe]=Object(o.useState)({value:[],label:[]}),[He,$e]=Object(o.useState)({value:ee||[],label:[],search:null}),[_e,Ge]=Object(o.useState)([]),[Ke,Je]=Object(o.useState)([]),[Ye,We]=Object(o.useState)({value:[],label:[],search:null}),[Ze,Xe]=Object(o.useState)({value:null,label:null}),[et,tt]=Object(o.useState)({value:null,label:null}),[at,lt]=Object(o.useState)({value:null,label:null}),[nt,rt]=Object(o.useState)({value:null,label:null}),[it,ot]=Object(o.useState)({value:null,label:null}),[st,ct]=Object(o.useState)({value:null,label:null}),[ut,dt]=Object(o.useState)({value:null,label:null}),[mt,pt]=Object(o.useState)({value:null,label:null}),[gt,At]=Object(o.useState)({value:null,label:null}),[bt,ht]=Object(o.useState)([]),[ft,vt]=Object(o.useState)({value:[],label:[],search:null}),[Et,yt]=Object(o.useState)([]),[Ct,kt]=Object(o.useState)({value:[],label:[],search:null}),[Ot,jt]=Object(o.useState)([]),[wt,St]=Object(o.useState)({value:[],label:[],search:null}),[It,Bt]=Object(o.useState)([]),[Dt,Pt]=Object(o.useState)({value:se,label:null,search:null}),xt=Object(o.useRef)(null),[Mt,Tt]=Object(o.useState)([]),[Qt,Rt]=Object(o.useState)({value:me,label:null,search:null}),[Ft,Nt]=Object(o.useState)(!1),[Ut,Lt]=Object(o.useState)(!1),{data:Vt,loading:zt,error:qt}=Object(l.d)(m.Qb,{variables:{roles:[A.gb.Designer,A.gb.DesignLeader]}}),{data:Ht,loading:$t,error:_t}=Object(l.d)(m.Qb,{variables:{roles:[A.gb.Designer]},skip:!ve}),{data:Gt,loading:Kt,error:Jt}=Object(l.d)(m.u,{variables:{limit:20,offset:0,search:Qt.search}});s.a.useEffect(()=>{var e;const t=((null===Gt||void 0===Gt||null===(e=Gt.getDesignOnlineTeams)||void 0===e?void 0:e.nodes)||[]).map(e=>({value:e.id,label:e.name}));if(Tt(t),me){const e=t.find(e=>e.value===me);e&&Rt(t=>({...t,value:e.value,label:e.label}))}},[Gt,me]);const{data:Yt}=Object(l.d)(j,{skip:a,variables:{filter:{limit:20,offset:0,search:He.search}}}),{data:Wt,loading:Zt,error:Xt,fetchMore:ea,networkStatus:ta}=Object(l.d)(O,{variables:{filter:{limit:20,offset:0,search:Ye.search}},fetchPolicy:"cache-and-network",skip:a,notifyOnNetworkStatusChange:!0}),{data:aa,loading:la,error:na}=Object(l.d)(g.a,{variables:{filter:{limit:20,offset:0,search:ft.search}},skip:!pe}),{data:ra,loading:ia,error:oa}=Object(l.d)(g.c,{variables:{filter:{limit:20,offset:0,search:Ct.search}},skip:!pe}),{data:sa,loading:ca,error:ua}=Object(l.d)(m.P,{variables:{filter:{limit:20,offset:0,search:wt.search}},skip:!pe}),{data:da,loading:ma,error:pa}=Object(l.d)(m.Qb,{variables:{roles:[A.gb.Admin,A.gb.StoreManager,A.gb.IdeaLeader,A.gb.Idea]},skip:!pe});Object(o.useEffect)(()=>{var e,t;const a=(null===aa||void 0===aa||null===(e=aa.collections)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?aa.collections.nodes:[],l=Object(p.z)(a);ht(l)},[aa]),Object(o.useEffect)(()=>{var e,t;const a=(null===ra||void 0===ra||null===(e=ra.tags)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?ra.tags.nodes:[],l=Object(p.z)(a);yt(l)},[ra]),Object(o.useEffect)(()=>{var e,t;const a=(null===sa||void 0===sa||null===(e=sa.niches)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?sa.niches.nodes:[],l=Object(p.z)(a);jt(l)},[sa]),Object(o.useEffect)(()=>{var e;let t=(null===da||void 0===da||null===(e=da.listUserTeamByRoles)||void 0===e?void 0:e.length)>0?da.listUserTeamByRoles.filter(e=>
5776e.user).filter(Boolean).map(e=>{let{user:t}=e;return{value:t.id,label:`${t.firstName} ${t.lastName}`}}):[];if(Bt(t),se){if(0===t.length)return;let e=t.find(e=>e.value===se);e&&Pt(t=>({...t,label:e.label,value:e.value}))}},[da,se]),Object(o.useEffect)(()=>{!0===ie&&ot({value:q,label:q})},[ie]),Object(o.useEffect)(()=>{if(ce){const e=G.find(e=>e.value===ce);e&&pt(e)}},[ce]),Object(o.useEffect)(()=>{oe&&At({value:q,label:q})},[oe]),Object(o.useEffect)(()=>{!0===ae&&Xe(e=>({...e,value:"personalized",label:"Personalized"})),!1===ae&&Xe(e=>({...e,value:"normal",label:"Normal"}))},[ae]),Object(o.useEffect)(()=>{!0===le&&tt(e=>({...e,value:"Yes",label:"Yes"})),!1===le&&tt(e=>({...e,value:"No",label:"No"}))},[le]),Object(o.useEffect)(()=>{!0===ne&&ct(e=>({...e,value:"Yes",label:"Yes"})),!1===ne&&ct(e=>({...e,value:"No",label:"No"}))},[ne]),Object(o.useEffect)(()=>{!0===de&&dt(e=>({...e,value:"Yes",label:"Yes"})),!1===de&&dt(e=>({...e,value:"No",label:"No"}))},[de]),Object(o.useEffect)(()=>{if(re){let e=K.find(e=>e.value===re);e&<(e)}else lt({value:null,label:null})},[re]),Object(o.useEffect)(()=>{if(Wt){var e,t;let a=(null===Wt||void 0===Wt||null===(e=Wt.stores)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?Wt.stores.nodes.map(e=>{let t=e.domain;return t=t.replace("https://",""),t=t.replace("http://",""),e.platform&&["ebay","amazon"].includes(e.platform)&&(t=e.email),{value:e.id,label:s.a.createElement(L,null,s.a.createElement("span",{className:"title"},e.title),s.a.createElement("span",{className:"domain"},t))}}):[];if(Je(a),!Object(p.c)(te)){let e=a.filter(e=>te.includes(e.value));Object(p.c)(p.c)||We(t=>({...t,value:e.map(e=>{let{value:t}=e;return t}),label:e.map(e=>{let{label:t}=e;return t})}))}}},[Wt,te]),Object(o.useEffect)(()=>{var e;let t=(null===Vt||void 0===Vt||null===(e=Vt.listUserTeamByRoles)||void 0===e?void 0:e.length)>0?Vt.listUserTeamByRoles.filter(e=>e.user).filter(Boolean).map(e=>{let{user:t}=e;return{value:t.id,label:`${t.firstName} ${t.lastName}`}}):[];if(Se(t),!Object(p.c)(u)){let e=(null===t||void 0===t?void 0:t.length)>0?t.filter(e=>u.includes(e.value)):null;Object(p.c)(e)||je(t=>({...t,label:e.map(e=>{let{label:t}=e;return t}),value:e.map(e=>{let{value:t}=e;return t})}))}},[Vt,u]),Object(o.useEffect)(()=>{if(!ve)return void Be({value:null,label:null});if(!Ht||!Ht.listUserTeamByRoles||0===Ht.listUserTeamByRoles.length)return;let e=Ht.listUserTeamByRoles.filter(e=>e.user).filter(Boolean).map(e=>{let{user:t}=e;return{value:t.id,label:`${t.firstName} ${t.lastName}`}});if(Pe(e),ue){let t=e&&e.length>0?e.find(e=>e.value===ue):null;t&&Be(e=>({...e,label:t.label,value:t.value}))}},[Ht,ue,ve]),Object(o.useEffect)(()=>{let e=(t=Yt,(Object(i.get)(t,"productBasesForSeller.nodes")||[]).map(e=>e?{value:e.id,label:e.title}:null).filter(Boolean));var t;if(Ge(e),ee){let t=ee,a=e.filter(e=>t.includes(e.value)),l=(null===a||void 0===a?void 0:a.length)>0?a.map(e=>e.value):[],n=(null===a||void 0===a?void 0:a.length)>0?a.map(e=>e.label):[];(null===a||void 0===a?void 0:a.length)&&$e(e=>({...e,value:l,label:n}))}},[Yt,ee]),Object(o.useEffect)(()=>{Ve(R)},[R]),Object(o.useEffect)(()=>{if(S){let e=Ee.find(e=>e.value===S);e&&Me({value:e.value,label:e.label})}else Me({value:null,label:null})},[S,Ee]),Object(o.useEffect)(()=>{if(F){let e=N.filter(e=>F.includes(e.value)),t=(null===e||void 0===e?void 0:e.length)>0?e.map(e=>e.value):[],a=(null===e||void 0===e?void 0:e.length)>0?e.map(e=>e.label):[];(null===e||void 0===e?void 0:e.length)>0&&qe(e=>({...e,value:t,label:a}))}},[F]),Object(o.useEffect)(()=>{if(T){let e=ye.find(e=>e.value===T);e&&Fe(t=>({...t,label:e.label,value:e.value}))}},[T,ye]),Object(o.useEffect)(()=>{xt.current&&clearTimeout(xt.current);let e=Ze.value;"normal"===e&&(e=!1),"personalized"===e&&(e=!0);let a=et.value;"No"===a&&(a=!1),"Yes"===a&&(a=!0);let l=st.value;"No"===l&&(l=!1),"Yes"===l&&(l=!0);let n=ut.value;"No"===n&&(n=!1),"Yes"===n&&(n=!0);let r=it.value;"Yes"===r&&(r=!0);const i=gt.value===q||null;let o={};pe&&(o={collections:W(ft.value),tags:W(Ct.value),niches:W(wt.value),createdById:Dt.value});const s=mt.value;if(t){let c={kpiRange:null,kpi:null};at.value?(c.kpiRange=null,c.kpi=at.value):nt.value&&(c.kpiRange=nt.value,c.kpi=null),xt.current=setTimeout(()=>{var u,d;t({designer:(null===(u=Oe.value)||void 0===u?void 0:u.length)>0?Oe.value:null,similarTaskAssigneeId:Ie.value,search:Ce?Ce.trim():Ce,status:xe.value,storeIds:(null===(d=Ye.value)||void 0===d?void 0:d.length)>0?Ye.value:null,order:Ne,orderBy:Re.value,stateAssign:Le,filterTime:{from:Te.range&&Te.range.from,to:Te.range&&Te.range.to,field:Te.field},orderSource:ze.value,productBaseId:He.value&&He.value.length>0?He.value:null,personalized:e,hasDesign:a,usingDesignApp:l,hasPBArtwork:n,usingTaskBulkDesign:r,usingExpressShipping:i,productCreatedVia:s,designOnlineTeamID:Qt.value||null,...o,...c})},500)}},[Oe.value,Ce,xe,Ne,Re,Te,Le,ze,He,Ye.value,Ze.value,et.value,st.value,at.value,it.value,gt.value,Ie.value,ut.value,pe,ft.value,Ct.value,wt.value,Dt.value,mt.value,Qt.value,nt.value]);const ga=Object(o.useCallback)((e,t)=>{t(t=>({...t,...e}))},[]),Aa=Object(o.useCallback)(e=>{ga(e,vt)},[ga]),ba=Object(o.useCallback)(e=>{ga({search:e},vt)},[ga]),ha=Object(o.useCallback)(()=>ga({value:[],label:[]},vt),[ga]),fa=Object(o.useCallback)(e=>{ga(e,kt)},[ga]),va=Object(o.useCallback)(e=>{ga({search:e},kt)},[ga]),Ea=Object(o.useCallback)(()=>ga({value:[],label:[]},kt),[ga]),ya=Object(o.useCallback)(e=>{ga(e,St)},[ga]),Ca=Object(o.useCallback)(e=>{ga({search:e},St)},[ga]),ka=Object(o.useCallback)(()=>ga({value:[],label:[]},St),[ga]),Oa=Object(o.useCallback)(e=>{ga(e,Pt)},[ga]),ja=Object(o.useCallback)(e=>{let{value:t,label:a}=e;je(e=>({...e,value:t,label:a}))},[ga,we]),wa=Object(o.useCallback)(e=>{ga(e,Pt)},[ga]),Sa=Object(o.useCallback)(()=>ga({value:null,label:null},Pt),[ga]),Ia=Object(o.useCallback)(()=>{ga({value:null,label:null},Rt)},[ga]),Ba=Object(o.useCallback)(e=>ke(e),[]),Da=Object(o.useCallback)(()=>{je({value:[],label:[]}),Nt(!1),Lt(!1)},[]),Pa=Object(o.useCallback)(()=>Be({value:null,label:null}),[]),xa=Object(o.useCallback)(()=>$e({value:[],label:[],search:null}),[]),Ma=Object(o.useCallback)(()=>{let e={value:null,label:null};if(a&&fe){if("Pending"===xe.value)return;e={value:"Pending",label:"Pending"}}Me(e),Ve(null)},[a,fe,xe.value]),Ta=Object(o.useCallback)(()=>We(()=>({value:[],label:[],search:null})),[]),Qa=Object(o.useCallback)(()=>Qe({range:null,rangeLabel:null,field:null,fieldLabel:null}),[]),Ra=Object(o.useCallback)(()=>Fe({value:null,label:null}),[]),Fa=Object(o.useCallback)(()=>Ue(null),[]),Na=Object(o.useCallback)(()=>qe({value:[],label:[]}),[]),Ua=Object(o.useCallback)(()=>ke(null),[]),La=Object(o.useCallback)(()=>Xe(()=>({value:null,label:null})),[]),Va=Object(o.useCallback)(()=>{rt(()=>({value:null,label:null}))},[]),za=Object(o.useCallback)(()=>{lt(()=>({value:null,label:null})),Va()},[Va]),qa=Object(o.useCallback)(()=>tt({value:null,label:null}),[]),Ha=Object(o.useCallback)(()=>ct({value:null,label:null}),[]),$a=Object(o.useCallback)(()=>dt({value:null,label:null}),[]),_a=Object(o.useCallback)(()=>ot({value:null,label:null}),[]),Ga=Object(o.useCallback)(()=>{pt({value:null,label:null})},[]),Ka=Object(o.useCallback)(()=>At({value:null,label:null}),[]),Ja=Object(o.useCallback)(e=>{let{value:t,label:a}=e;lt(e=>({...e,value:t,label:a})),Va()},[Va]),Ya=Object(o.useCallback)(e=>{za();const t={from:0,to:10};e.from&&(t.from=Number.parseFloat(e.from)),e.to&&(t.to=Number.parseFloat(e.to));let a=`from ${t.from} to ${t.to}`;rt({value:t,label:a})},[za]),Wa=Object(o.useCallback)(e=>{if(Nt(e),!e)return void Da();const{value:t,label:a}=X(we);je(e=>({...e,value:t,label:a})),Lt(!0)},[we,Da]),Za=Object(o.useRef)(null),Xa=Object(o.useCallback)(e=>{if(Lt(e),Za.current){const t=Za.current.getOptions(),{value:a,label:l}=function(e,t,a){const{value:l,label:n}=X(t);let r=[],i=[];a?(r=Array.from(new Set([...e.value,...l]).values()),i=Array.from(new Set([...e.label,...(n||"").split(/,\s*/)]).values())
5776):(r=e.value.filter(e=>!l.includes(e)),i=e.value.filter(e=>!l.includes(e)));return{value:r,label:i}}(Oe,t,e);je(e=>({...e,value:a,label:l}))}},[Oe]),[el,tl]=s.a.useState(!1),al=s.a.useCallback(e=>{tl(e);let t={value:[],label:[]};if(e){const e=(e,t)=>(e||[]).map(e=>e[t]?e[t]:null).filter(Boolean),a=e(Ke,"value"),l=e(Ke,"label");t={...t,value:a,label:l}}We(e=>({...e,...t}))},[Ke]),ll=[Da,Pa,Qa,Ra,Fa,Ua,Ma,Na,xa,Ta,La,qa,Ha,za,_a,Ka,ha,Ea,ka,Sa,Ga,$a,Ia],nl=Object(o.useCallback)(()=>{for(let e of ll)e&&e()},[...ll]),rl=[...pe?[{key:"author",label:"Author",filter:s.a.createElement(E.a,{data:It,value:Dt,loading:ma,error:pa,onChange:Oa,onChangeSearch:wa})}]:[],{key:"designer",label:"Designer",filter:s.a.createElement("div",null,s.a.createElement(v.a,{data:we,value:Oe,loading:zt,error:qt,limit:1e3,onChange:ja,ref:Za,onChangeSearch:e=>{let{search:t}=e;return je(e=>({...e,search:t}))}}),s.a.createElement("div",{style:{marginTop:"1rem",borderTop:"1px solid #dfe3e8",paddingTop:".5rem"}},s.a.createElement(n.Y,{distribution:"equalSpacing"},s.a.createElement(n.j,{label:"Select All",onChange:Wa,checked:Ft}),s.a.createElement(n.j,{label:"Select Designer Filtered",onChange:Xa,checked:Ut}))))},!fe&&{label:"Design Online Team",key:"designOnlineTeam",filter:s.a.createElement(h.a,{options:Mt,value:Qt,loading:Kt,error:Jt,onChangeSearch:e=>{Rt(t=>({...t,search:e}))},onChange:e=>{let{value:t,label:a}=e;return Rt(e=>({...e,value:t,label:a}))}})},ve?{key:"taskAssignee",label:"Similar Task For Assignee",filter:s.a.createElement(E.a,{data:De,value:Ie,loading:$t,error:_t,onChange:e=>{let{value:t,label:a}=e;return Be(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return Be(e=>({...e,search:t}))}})}:null,...c&&!pe?[{key:"store",label:"Stores",filter:s.a.createElement(b.a,{options:Ke,value:Ye,loading:1===ta&&Zt,error:Xt,onChangeSearch:e=>We(t=>({...t,search:e})),onChange:e=>{let{value:t,label:a}=e;We(e=>({...e,value:t,label:a}))},prevOptionMarkup:s.a.createElement("div",{style:{marginTop:"1rem"}},s.a.createElement(n.j,{label:"Select All",checked:el,onChange:al})),nextOptionMarkup:s.a.createElement("div",{style:{marginTop:"1rem"}},s.a.createElement(n.g,{plain:!0,children:"Load more",onClick:()=>{ea({variables:{filter:{limit:20,offset:Ke.length,search:Ye.search}},updateQuery:(e,t)=>{let{fetchMoreResult:a,variables:l}=t;return{...e,stores:{...e.stores,nodes:[...e.stores.nodes,...a.stores.nodes]}}}})},size:"slim",loading:3===ta&&Zt}))})}]:[],...a||pe?[]:[{key:"productBase",label:"Product base",filter:s.a.createElement(b.a,{options:_e,value:He,onChangeSearch:e=>$e(t=>({...t,search:e})),onChange:e=>{let{value:t,label:a}=e;$e(e=>({...e,value:t,label:a}))}})}],...pe||!a?[{key:"status",label:"Status",filter:s.a.createElement(f.a,{value:xe&&xe.value,options:Ee,onChange:e=>{let{value:t,label:a}=e;return Me(e=>({...e,value:t,label:a}))}})}]:[],{key:"filterTime",label:"Filter Time By",filter:s.a.createElement(k.a,{isLeader:r,isIdeaTask:pe,filterTime:Te,onChange:(e,t)=>
5776{Qe(a=>({...a,field:e,fieldLabel:t}))},onChangeRange:(e,t)=>{Qe(a=>({...a,range:e,rangeLabel:t}))}})},{key:"order",label:"Order",filter:s.a.createElement(C.a,{order:Ne,onChange:e=>{Ue(e)}})},{key:"orderBy",label:"Order By",filter:s.a.createElement(y,{orderBy:Re.value,options:ye,onChange:(e,t)=>{Fe({value:e,label:t})}})},...r&&!pe?[{key:"order-type",label:"Order Type",filter:s.a.createElement(f.a,{value:Ze.value,options:V,onChange:e=>{let{value:t,label:a}=e;return Xe(e=>({...e,value:t,label:a}))}})},{key:"hasDesign",label:"Has Design",filter:s.a.createElement(f.a,{value:et.value,options:z,onChange:e=>{let{value:t,label:a}=e;return tt(e=>({...e,value:t,label:a}))}})},{key:"hasPBArtwork",label:"Has PB Artwork",filter:s.a.createElement(f.a,{value:ut.value,options:_,onChange:e=>{let{value:t,label:a}=e;return dt(e=>({...e,value:t,label:a}))}})}]:[],...pe?[{key:"collection",label:"Collections",filter:s.a.createElement(b.a,{value:ft,options:bt,loading:la,error:na,onChange:Aa,onChangeSearch:ba})},{key:"tag",label:"Tags",filter:s.a.createElement(b.a,{value:Ct,options:Et,loading:ia,error:oa,onChange:fa,onChangeSearch:va})},{key:"niche",label:"Niches",filter:s.a.createElement(b.a,{value:wt,options:Ot,loading:ca,error:ua,onChange:ya,onChangeSearch:Ca})}]:[{key:"platform",label:"Platform",filter:s.a.createElement(v.a,{noSearch:!0,value:ze,data:N,onChange:e=>{let{value:t,label:a}=e;return qe(e=>({...e,value:t,label:a}))}})},{key:"kpi",label:"KPI",filter:s.a.createElement(Z,{value:at.value,onChange:Ja,onChangeRange:Ya,rangeValue:nt.value})},{key:"bulk-ad",label:"Bulk Accept Design",filter:s.a.createElement(f.a,{value:it.value,options:H,onChange:e=>{let{value:t,label:a}=e;return ot(e=>({...e,value:t,label:a}))}})},{key:"using-ad",label:"Using App Design",filter:s.a.createElement(f.a,{value:st.value,options:_,onChange:e=>{let{value:t,label:a}=e;return ct(e=>({...e,value:t,label:a}))}})},{key:"express-shipping",label:"Using Express Shipping",filter:s.a.createElement(f.a,{value:gt.value,options:$,onChange:e=>{let{value:t,label:a}=e;return At(e=>({...e,value:t,label:a}))}})},{key:"productCreatedVia",label:"Product Created Via",filter:s.a.createElement(f.a,{value:mt.value,options:G,onChange:e=>{let{value:t,label:a}=e;return pt(e=>({...e,value:t,label:a}))}})}]].filter(Boolean),il=[{key:"filterTime",label:"Filter Time By",filter:s.a.createElement(k.a,{filterTime:Te,onChange:(e,t)=>
5776{Qe(a=>({...a,field:e,fieldLabel:t}))},onChangeRange:(e,t)=>{Qe(a=>({...a,range:e,rangeLabel:t}))}})},{key:"order",label:"Order",filter:s.a.createElement(C.a,{order:Ne,onChange:e=>{Ue(e)}})},{key:"kpi",label:"KPI",filter:s.a.createElement(f.a,{value:at.value,options:K,onChange:e=>{let{value:t,label:a}=e;return lt(e=>({...e,value:t,label:a}))}})},{key:"using-ad",label:"Using App Design",filter:s.a.createElement(f.a,{value:st.value,options:_,onChange:e=>{let{value:t,label:a}=e;return ct(e=>({...e,value:t,label:a}))}})}].filter(Boolean),ol=[];if(!Object(p.tb)(Oe.label)){const e="designer";ol.push({key:e,label:sl(e,Oe.label),onRemove:Da})}if(!Object(p.tb)(Ie.label)){const e="taskAssignee";ol.push({key:e,label:sl(e,Ie.label),onRemove:Pa})}if(!Object(p.tb)(Ye.label)){const e="store";ol.push({key:e,label:sl(e,Ye.label),onRemove:Ta})}if(He.label.length){const e="productBase";ol.push({key:e,label:sl(e,He.label),onRemove:xa})}if(!Object(p.tb)(xe.label)||"boolean"===typeof R){const e="status";ol.push({key:e,label:sl(e,xe.label),onRemove:Ma})}if(!Object(p.tb)(Te.fieldLabel)&&"tasks.created_ad"!==Te.field||!Object(p.tb)(Te.rangeLabel)&&Te.range){const e="filterTime";let{fieldLabel:t,rangeLabel:a,range:l,field:n}=Te,r="";null!==t&&null!==a&&"Task Created Date"!==t?r=`${t} & ${a}`:null!==n&&null!==t&&"Task Created Date"!==t?r=""+t:null!==l&&(r=""+a),ol.push({key:e,label:sl(e,r),onRemove:Qa})}if(!Object(p.tb)(Re.label)&&Re.value){const e="orderBy";ol.push({key:e,label:sl(e,Re.label),onRemove:Ra})}if(!Object(p.tb)(Ne)){const e="order";ol.push({key:e,label:sl(e,Ne),onRemove:Fa})}if(ze.label.length){const e="platform";ol.push({key:e,label:sl(e,ze.label),onRemove:Na})}if(!Object(p.tb)(Ze.label)){const e="order-type";ol.push({key:e,label:sl(e,Ze.label),onRemove:La})}if(!Object(p.tb)(at.label)||!Object(p.tb)(nt.label)){const e="kpi";ol.push({key:e,label:sl(e,at.label||nt.label),onRemove:za})}if(!Object(p.tb)(et.label)){const e="hasDesign";ol.push({key:e,label:sl(e,et.label),onRemove:qa})}if(!Object(p.tb)(st.label)){const e="usingDesignApp";ol.push({key:e,label:sl(e,st.label),onRemove:Ha})}if(!Object(p.tb)(ut.label)){const e="hasPBArtwork";ol.push({key:e,label:sl(e,ut.label),onRemove:$a})}if(!Object(p.tb)(it.label)){const e="bulk-ad";ol.push({key:e,label:sl(e,it.label),onRemove:_a})}if(!Object(p.tb)(mt.label)){const e="productCreatedVia";ol.push({key:e,label:sl(e,mt.label),onRemove:Ga})}if(!Object(p.tb)(gt.label)){const e="express-shipping";ol.push({key:e,label:sl(e,gt.label),onRemove:Ka})}if(!Object(p.tb)(ft.label)){const e="collection";ol.push({key:e,label:sl(e,ft.label),onRemove:ha})}if(!Object(p.tb)(Ct.label)){const e="tag";ol.push({key:e,label:sl(e,Ct.label),onRemove:Ea})}if(!Object(p.tb)(wt.label)){const e="niche";ol.push({key:e,label:sl(e,wt.label),onRemove:ka})}if(!Object(p.tb)(Dt.label)){const e="author";ol.push({key:e,label:sl(e,Dt.label),onRemove:Sa})}if(!Object(p.tb)(Qt.label)){const e="designOnlineTeam";ol.push({key:e,label:sl(e,Qt.label),onRemove:Ia})}return s.a.createElement(n.i,{sectioned:!0},s.a.createElement(n.r,{queryValue:Ce,queryPlaceholder:"Filter tasks",filters:a&&!pe?il:rl,appliedFilters:ol,onQueryChange:Ba,onQueryClear:Ua,onClearAll:nl}));function sl(e,t){switch(e){case"designer":return"Designer: "+(Array.isArray(t)&&t.length>0?t.join(", "):"");case"taskAssignee":return"Similar Task Assignee: "+t;case"store":if("string"!==typeof t)if(Object(p.c)(t))t=Y(t);else{const e=t.reduce((e,t)=>{let a=Y(t);return e.push(a),e},[]).join(", ");t=e}return"Store: "+t;case"productBase":return"Product bases: "+(Array.isArray(t)&&t.length>0?t.join(", "):"");case"status":let e=t;if("boolean"===typeof R)if(R){let a="Assigned";e=t?`${t} (${a})`:a}else{let a="Un-assigned";e=t?`${t} (${a})`:a}return a&&"Pending"===e&&(e=B),"Status: "+e;case"filterTime":return"Time: "+t;case"orderBy":return"Order By: "+t;case"order":return"Order: "+t;case"platform":return"Platform: "+(Array.isArray(t)&&t.length>0?t.join(", "):"");case"order-type":return"Order type: "+t;case"hasDesign":return"Has design: "+t;case"usingDesignApp":return"Using App Design: "+t;case"hasPBArtwork":return"Has PB Artwork: "+t;case"kpi":return"KPI: "+t;case"bulk-ad":return"Bulk Accept Design: "+t;case"express-shipping":return"Using Express Shipping: "+t;case"collection":return"Collections: "+Object(p.E)(t);case"tag":return"Tags: "+Object(p.E)(t);case"niche":return"Niches: "+Object(p.E)(t);case"author":return"Author: "+t;case"productCreatedVia":return"Product Created Via: "+t;case"designOnlineTeam":return"Design Online Team: "+t;default:return t}}},Y=e=>{let t="",a=Object(i.get)(e,"props.children",null);if(Array.isArray(a)){var l;let e=a.find(e=>{var t;return"title"===(null===e||void 0===e||null===(t=e.props)||void 0===t?void 0:t.className)});t=null===e||void 0===e||null===(l=e.props)||void 0===l?void 0:l.children}else t=null===a||void 0===a?void 0:a.props.children;return t};function W(e){return e&&0!==e.length?e:null}function Z(e){let{value:t,onChange:a,onChangeRange:l,rangeValue:r}=e;const[i,o]=s.a.useState(r?["range"]:["fixed"]),[c,u]=s.a.useState({from:"",to:""}),d=s.a.useRef(null),m=s.a.useCallback((e,t)=>{let a={};u(l=>(a={...l,[t]:e},a)),d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{l(a)},500)},[]);s.a.useEffect(()=>{r&&o(["range"])},[r]);const p=s.a.useCallback(e=>{o(e),u({from:"",to:""})},[]);return s.a.createElement(ee,null,s.a.createElement(n.k,{title:"Type",selected:i,onChange:p,choices:[{value:"fixed",label:"Fixed"},{value:"range",label:"Range"}]}),s.a.createElement("div",{className:"content"},s.a.createElement("label",null,"Value: "),s.a.createElement(n.l,{open:i.includes("fixed"),transition:{duration:"150ms",timingFunction:"ease"}},s.a.createElement(f.a,{value:t,options:K,onChange:a})),s.a.createElement(n.l,{open:!i.includes("fixed"),transition:{duration:"150ms",timingFunction:"ease"}},s.a.createElement("div",{className:"range-wrap"},s.a.createElement(n.cb,{id:"from",onChange:m,placeholder:"Enter from",label:"From",value:c.from,type:"number",min:0,max:10}),s.a.createElement(n.cb,{id:"to",onChange:m,placeholder:"Enter to",label:"To",value:c.to,type:"number",min:0,max:10})))))}function X(e){const t=e=>t=>t[e],a=e.map(t("value")),l=e.map(t("label"));
5776return{value:Array.from(new Set(a).values()),label:Array.from(new Set(l).values()).join(", ")}}const ee=c.b.div` 5777 > .Polaris-ChoiceList { 5778 > .Polaris-ChoiceList__Choices { 5779 display: flex; 5780 column-gap: 1rem; 5781 } 5782 } 5783 5784 .content { 5785 padding-top: 5px; 5786 } 5787 5788 .range-wrap { 5789 display: flex; 5790 column-gap: 10px; 5791 5792 > * { 5793 flex: 1; 5794 } 5795 } 5796`},,,,,function(e,t,a){"use strict";a.d(t,"e",(function(){return s})),a.d(t,"f",(function(){return c})),a.d(t,"a",(function(){return u})),a.d(t,"b",(function(){return d})),a.d(t,"c",(function(){return p})),a.d(t,"g",(function(){return g})),a.d(t,"d",(function(){return A}));var l=a(26),n=a.n(l),r=a(2),i=a(22),o=a(4);function s(e,t){if(Object(r.c)(t)||Object(r.c)(e))return t;const a=e.filter(e=>i.B.includes(e));if(Object(r.c)(a))return t;const l=[];for(let n of t)Object(r.Gb)(n)||!n.fulfillmentWarehouses||Object(r.c)(n.fulfillmentWarehouses)||n.fulfillmentWarehouses.some(t=>e.includes(t))&&l.push(n);return l}function c(e){const t=n()(e,"variants"),a=[];for(let l of t){const e=n()(l,"productBaseVariant"),t=n()(e,"fulfillmentWarehouses");Object(r.c)(t)||(l.fulfillmentWarehouses=t),a.push(l)}return a}function u(e,t){t=t||"productBaseVariantId";const a=new Set;for(let l of e)l&&l[t]&&a.add(l[t]);return Array.from(a)}function d(e){const{activeVariants:t,simpleChecked:a,groupChecked:l,groupItems:n}=e;let i={activateVariants:[...t],simpleChecked:!Object(r.c)(t)};return void 0!==a&&(i.simpleChecked=a),void 0!==l&&(i.groupChecked=l),void 0!==n&&(i.groupItems=n),i}const m=new RegExp(o.H,"i");function p(e){const t=n()(e,"metaData");if(Object(r.c)(t))return[];const a=[];for(let l of t)if(l&&l.key&&l.key.match(m)&&l.value&&!Object(r.c)(l.value))for(let e of l.value)a.push({name:e.key,value:e.value});return a}function g(e){return!e||e.slug===i.g.CustomFulfillment}function A(e){const t=n()(e,"shippingOptions")||[],a=n()(e,"defaultShippingOptionId")||"";let l="";const r=[];for(let n of t)n&&n.name&&(a===n.id&&(l=n.name),r.push({value:n.name,label:n.name}));return{shippingOptions:r,defaultShippingOption:l}}},,,,,function(e,t,a){e.exports=a.p+"static/media/amazon-logo.7f2ae43c.png"},function(e,t,a){e.exports=a.p+"static/media/ebay-logo.4a68d9bb.png"},function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAPu0lEQVR42u2dC3AV1RnHQ6o8fAGigq1th7ajMLUqLS8VZdppLehordMBRhnyAgKExJAAakJ5hYeP8hosD1HQglZApOIDFRFF5BGtCgpICFEUEoiQhIS7u3fv7n495+y95Cbszb3hJk12z//O/DSJ8WbP3v3tOXvOd74vwTcygQAAziTgJAAAQQCAIABAEAAgCAAQBAAIAgAEAQCCAABBAAAQBAAIAgAEAQCCAABBAIAgAEAQACAIABAEAAiCEwEABAEAggAAQQCAIABAEAAgCAAQBAAIAgAEAQBAEAAgCAAQBAAIAgAEAQCCAABBAIAgAEAQACAIAACCAABBAIAgoClICyM1SAojmZEURioEcTfhH+iIeh+uE8kOpDiQ6kLCjz/Z4WIPPwfiwk8kX3pb8mVeTkrONaRM6Unq7FtJW3Qv+Vcmkf5qHqlPDLDfD4K4kFGJ5H/2IdI35JP/xbHkXz2a/C+kiQ+Xoy0bxhhK2tMPsA/9PtIW3MM+8IGMO0mdcxu7GPqTWtCX1Om9GLeQkt+TlLwepDzanZTcrqRM7OYe+PHy485nxz/tZtauPqTOvZ20+YPYORjCzkcy+f+dRfqmAgq8t5ACO9eQsfctMot2kHlsP1mnvyPrbAWRXyWyTAq9+HkVNx4I4sIhQvrFZB7ZSVFfFof9w2QfvKEz/EQ6uxD8CpHmI0uptmEXiFXDqD5JVuUx98GPmx+/cka0iwIaa7NB8bz8z42wex0I4lJBij4MkyAIXg3fKGIh+NKWDoEg3hDEAk2JOKemGJpCEAgCnARhw1H1yd/bD/UQxKWClOy68GEEaFgQ9pzGJzMgiJtnsdaME7Mx1skj9oO349i7mS+kVvvMEWe7tLOkzuwNQVy/DjIykZTsq8Qcvv/5kRR4fwmZhz4iq7KUDROM5pMl9H6+KrJqTrcSKuzZuXjbzP833xlSp96EdRBPrAqnBmUZEVwoS29LyuSfkjrvLtJfeYSMfZvZB17ZdKLwtzh7mvzPJZOafyMpeTe0DvJ7kDqrH/lXpZLx2UayQr3qhbSv5hR7z+shiGdDKVLCVo9H/YjUab0o8NFztWsDcQpiHtpu/51Iq/EtRWgFfWQb0hYMIvP7fY1vL//1yuOkTLxW2nATuWKxQhdyahvSX58Vf0/CJ3n2vyvEE+/dWtvMelTlke5kFO9sXHv5r576lpScqyGIVPA7bGYndlf90vuChGC9iZJ/PVnlR2JvM/+1k4fZs11nCCId7IIJbF0sjyAj7Z5EWz7MDrWJpd18CHn8AClZV0AQGQXxvzQ+vnUTtwnCj3HURWR8/lrsghzdS76MS93RPgjSxIKsTIp7GtRVggTbrc77I5GuRW83F+TIbvKNaQdBpBRkxXD5BEmzp7+NA9tiE+TQB+QbfTEEkVEQvkdCOkFCN4fVY6O3XbRvixiWQRAZBVl8f93VcFkESUkgJe9XRNXl0QXZt1mE80AQGQVZcLe9gUo2QdLsGDbjizeiC/LZJrHYCEFkIzlBbL0VOwtlEyQ0zFqb2/AsHm/fnnW1iR0giGSCzB0Q22yOFwXh7Z9ze230c4T2BT7+l7RxWBBkVv/aqFfZBEllzyEPdybrRFHDgnywRNpQdwhS0Efsd5BSEPEs0oaMTzc0LMh7iyCIrPFYPNUPz2QirSAimiAr8nQv31D47jwIIq0gU28SG4KkFYRd+MoMdpNQayIL8uYcCCKrIHxzEd+BJ+8QizG2A5klhZEF2TQTgkAQSQUJ9iL6O/+ILMgrj0mb8kduQfgszqSfkFVVKrcgfMF00b0OOyyDSU1ezoYg0goysZtI1ym1IPw85HYTeXkd046uSZc2Ly8Eye1KVsX3cguSZu9bD3ywnKxTR8n6oSTIN4xvSVs+BM8g0goyoYu4GKQWJIiScQk7H1eJc1IL+35sW2nlgCBeECS8+E04aS30PhDEQ4Jkd2lcEoNWKIgyrgMpWZ0YHcPoJHoEmS9sCNIUgrALySr92p2C8L83ph0F9qwjs6yIzNKDtbDvA1uXSB2mDkGaRJCO4oJypSB8FXxKD6JQJEC9l7FnLYZIEERiQXgcFU/h47Qjkq9fvP+01LNPEKQpBMm8QuR9cmsPwiNtI66Ab35K6gU+CNIUY3j2IGt++7n7BBHPH+3JLN4VWZCNUyEIBInzIhvnUkGCzx/OcWTBEJGXxkMQCCKpIFGeP0SIyKpkCAJB5O1BGnr+EIWhlg+FIBBEQkHEHo527PljZ2RBeGXahfdAEAgS54WW3pbMwzvcJQiffXu0O1lnyiMLEvCT+vgdmOaFIPEKEmcJ6ZYQhO/fWDg4coUsMb7ykTqzDwSBIHIKwveJN5SJxDpbRcqUX0udzwqCyCgIv+CzOpF57KuGBakqE8VLZS16A0FkFCRYjJQvADaYlZ3/+IcSsZcDgkAQ7wiSVo9QSeuk4MLghGtJf20GWX41asJpS5RN6whBIEgrEOSrt2trsydFYITDf08OIyUoxMhEuxYHr+iU3YXUGb3J/+xw0rctI+vE4dhqmfCiN998Qr5xHRDJC0FaXhBef1xb9iBpS4eyfw8l/4qHRGm3czyfSv7VowX6uhyRRkd/bTrpb8wm/e15YsEvsP0ZkUWdlyMwDrxHZvFuMk8W16ZFPSdGjHUFv95GvtEXQRAI0sKChK1cN+ursb2a5EVvIEhrEiSaJFZ9rOaFrxMWrsdmKQjSigRpTXBBJC96A0EgCMqmQRC3CBLv80UTD724IHvfwjMIBGklghgBIqXGrlTlRMBv10Hk8PipC3m4b4xAHkpmB0G8MM1bvEusV6gF/Uid3f98Hr+D1CfuFGjzB5O26D7Snn5ATAlrK4aTf1VKcAp4EumbCkh/dz4FdjxPxpfvkHl8P1Godkesx4hpXgjSuhYK3zkXBlJn8c+JpBgILRzyHiDzCibf70hfP5nJEmP2FS5I0XYRyg9BIIh3Y7HCw01GJJCScx0F9rwcfcglVtL/i5V0CCJZsCIXJaMjG3q9HTUWy/xuH/vdyyAIBJEs3D2JV+btTZavssFoXj4cUzIRrAhBZNwwxZ5PAh+/0HC4+4nDogY6BIEgUu4oVBcMYn9Yj7jllhe/4aUdIAgEkU8QftFndSYrUk5h/qOK70X1LAgCQeITZExbMos/dl9erNQ2ZHyyPrIgVaWiQCkEgSDSZlbUX81znvLl39acFiWukbQBgkgriCpKN5uOqUctXxWpf78RgkAQSQVhF77y2C/Jqi53FkSpJnV6LwgCQSQVRKQfbU/mkT3Oyat54rhZfZE4DoLEeZFlXErm0S/cWUCHr4d8tNI5+penHp1zGwSBIPFNl7q6whQvgbB6LJNBI+KpgELh9Tr7XmVDrMcHQBAIEqcgbq5RmMaP/0pSZ99aL8SefT+rHynjL0csFgSRWJDQMDFSaD3kgCDxC9KJrLJD7hWkpUVMhSDeFmRCF5HHFoJEGcplXB7cGTnw3O5I/rWS09XzPRUEgSDRJwNeyrKDI0N76/nXAY20BYM9PxEAQSBIw4GR49lz2ndfnD+VrFaTMvU3nl+MlFuQ3K4i8hWCRO49tGceFDUP65wj/mW5HCUW5BZkYjeyKo9BkEi9R3pbMg5sdVyt59lcRBZ6PIN4WJDJPyXrTBkEiRQQOf8uO6+XgyDGpxtZm9tAEM/CA/7ybhCh4RDEYVo3LZEChesi7jnRtyyUYqVeckF6MEEqIIhDBhWeHEJkjDzv3Ng/0tdOkKIOu9SCqNNuJst3BoI4BUK+vyRymWn28i8fBkE8L8j0XmLvBARx2GtSdSKyIOy5RHtiIIZYnkYMI/qIvRMQpN523v9Mi5zBUdRhryBlSk8pNmTJLcjs/naIOAQJWzy9prZgaKS8W+VHpEkrJLcgcwfY+ykgSN09JlHqsPOdjL6x7aSIGJZbkCcHRk7AJpsgvDfIuIzMkk+i5v41Pn+dRMlqCOJheBjFwnucM4PIKAg/H0v+Zhf5iSJIYNtSaRJCyC3I4r/WzsxcaAGdg1uZIC4vVsN7jzHtyTi4Lfq54GsgG6dIMcULQZYNvbBa5HXG47vdH5PEnz1WJkfvTUNrIKuSIYgMgvifHR6/ICeLScl28YxOMo9J+zlZJ4pi6j24ROqCuyGIFIKwO2G8gpDfJ9ZTXLloxqUe3Y6MwrUxl3cTObdm9sYziBSCrMttfBVZhyGHviFPlElznRypbUh/a07sNwmRGLuM9Tg/kyYxttShJoFdL8ZZIz04zCorIiX3x+65q/JhVXp7W47GzOLxXzt+QBQXhSAe7z2U/BvIqiyLX5BgR2LsXM0uukta71ArLeFcNV7lsetryydQ42qwm19/KOqqyJJWSC5B+F2PV4zN7kbG3jebQI66Qy2jcB2peT1qSz6nhPZWtBChKrlJwTCSR7qL4aB16uiFPXuJNq6XYqOU9wWpf4HwKNXMTqQtHUrmN582nRz1ehKr4jjpWxaRNn8wKZOus0MyQguJqc2MuGgT7XWZcR1EWh61oC/5V6WSsWuNOLZ4JyUCkmyU8p4gYUMIAf+ejZXV6beQtuIh0rf+k8xjX8W3MNiI3oQMgw3hjpNZUkjGl5vZkGYDBXa/3HzsYhS+IsJAjP1bxE1A9BShaOVzYlBcNwB9/SRppni9IwgXg42L+R5zbf4g9iFOFlOXQgi15vyUNc0lh5MoreXVRO3ha0cQxE2MShTTteahD9kdu1TcuZvlApEd8YRukDbvzxDEVcMqXqm2ZDdk+H8IwnpjZcZvpapc5Q1B4inlDGJfA6kstSceUiEIBAGOi4SKRIuEHhJkO+HV/C/j0HaRbVGm2iPeEOTwDudnECNgZyPnZclEiTKfyGIiOFshcmJZZ06I9KPW6aMikbVVXiyK6vDSbLx+IS/y6QqO7mXHfNA+dgaPzhXt4fC28TZyqsvtdvP2B8+FmArm54dvPw5lb+chKPVm44zPNkm1SOiZWSxt4WCxn0FbNkzs8dAW30/aovtIm/cnu5bF3AF2ebJZ/USqH3XaLaTk9xSJ43jgnTKxKyk514hEBEr2laLylBhKZFwqKuG6AnasSmZH+9g5D3e228PJuVrkIVZyGY/+wm43az9fIxLno6CvfX7m3ibOl/bUH+zzt/gv7HwOEefVvyrFrnsoWeUqb6yDJIctENbHqTJSSj0aWpl2E7Gstqc44HSOnM6lhHXX5Y3mBQCCAABBAIAgAEAQACAIABAEAAgCAAQBAIIAACAIABAEAAgCAAQBAIIAAEEAgCAAQBAAIAgAAIIAAEEAgCAAQBAAIAgAEAQACAIABAEAggAAQQAAEAQACAIABAEAggAAQQCAIABAEAAgCAAQBAAAQQCAIABAEAAgCAAQBAAIAgAEAQCCAABBAIAgAIC6/A+J6MnAR4yIlwAAAABJRU5ErkJggg=="},function(e,t,a){e.exports=a.p+"static/media/facebook-logo.fa65c8f1.png"},function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJIAAABzCAYAAABzY1upAAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAkqADAAQAAAABAAAAcwAAAACWqgleAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8
5796L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAMkUlEQVR4Ae1daYwUxxV+3T091+4Me8HuYpYjNjEEOU4EEYgocRRkOT/ATpRDxFZ8KIqi2M4BUn5gxQ5y7KD8scGKQvwjP5IYkJ1IiRRLATmWY4wUIAYZYgMxCDA2Xm42C3vN7EznvZ5pdmaY3Z3ueTtTNftKmqO6u6re++qrV69eXwCSBAFVEdi4caOpqmwi19QgYHBWu+apLff1pe2+8JyuWHeyJ2zGm6zhQcu5mEmlz6XSI/1pMzOcNfJthrBpC0KYtwzbskNh28iGQpZlmGbIMsAMGRYJZ7nfY2I64GTyOcN0nMxoPoPbxw4a/18GvNIlx0xQ3iizzzGgPHa4PSdxidzjHV8iRmk242TG9CLdSXxz1AHUO2PmdMYjxo7B3Z68ThYMQhmPdL/df1nHsUzDwJFu2QbETz7WtePGzir+lAfDZ4UPPvjCZ/9w+7cPQpSlOp+ty+GBERh2oDOcaT7/066BwHXkC/L1/BOH+yGZjEBTIlytUFK+RggMOTAnNBT/aH3PULUtsvgyP3l2Zze0z05AOMJSX7VKSfnaI8DS8YMffHDJFd0O56bk2ushLdYZARYivd8265Y66yHNB0Qg24QLG4bEQqRLGVx+SdISgY6YqQ6R0h1RmdK0pBEKfZ5HcBaLFIo1R3nEkVpqjUAmrpBFCoeb7FoDIO2phQCLRTKNiPhIavVrxdKMRr0zDRUXKXugEKksLLLRLwIsRAIQX9sv8Kocf2XYKTpPF1QuFiJZ4RjLEjKoElKu/giwEGkUxNeuf1fWVwIWIkFIprb6dmP9W2chEl4dwzLP1h8OkSAoAixEymTTQqSgPdAg5ViINORdpdggoIga/hFgIRJe7yqrNv/YN1QJFiKJQdKXE+ZglsUtYSESpIVK+lKJR3IWIqV5ZJFaNEaAhUiGwxNm1xjHaS+6npFEDFxBFvuOhkGoQfx8zXVisUij2RoEJAnoVM4v3HBHBI4/lAT6Bdque0K9dt+bgL3fSsLaeXi6ifSkj0a6qW2RvFGKN4quvc2GR++Mwhc+MXbb3A8+Z8KmgyP6X3wQNm7otWOODX9Ea/vy4SF4/tAIHLiAytOpTMUtr5pEyhNoabsF6+6MwL2Lo5CI3DyF9SQtuKcnBLvO4apRcaDHNZpoeV5YGSvaHcJ54oHPxNzPh/0Z+PO7I7D+MA6YQWSYotP5zb1TpFJlmc7NHy4/n4ntBRxZVSckxHOfjsCa2224rX3yqwqOXgH41O8uA+h6JQsOmvSP2oHIM1na91Eadrw7DFtO48DhmPbwTtvZM1JNH39/9uBkbU+2vwLxJ6uCcT+CQyRatzJeEYmo5cVt4FolFmAZVamoKrJGK2IVkYjqW47T3uavJGCpgoOGhUgGl7ON1mj9fv+3of/67jiAjsGsuAk/XIGy+0hkgQ9cHnu6iI+iU3ooC5FYJUQ34NWj6A/4SDQFPvd59DNopaNLwmll7+pm39K+uP9azk/yXXJqC6hHJJRoYwCrRNMhOedaTHFI+B/fEXanKj/de23EgS1HUkouLNQjEk5vZLrfOomA+Ux/+VoiF6j0Wa6mh6MfSIQnX8dv2rQHH2OkXo+5aqgpFkq17i3/CwkKB1BQD3DaUDLRSitqwhtrZ/gWj6zRJowrqRrmUJNIeavk11ei3qGVze6v42hXzV/Kk+jM/cmyMbHJmPXkG9eVtUYku5pEIskwJrXm9WBPpKPo95GH26kWNXwmJPXSVgv6H2kBspp+04nLadjyHzV9I08XdYlEEmIHPPE6jsQAieJL/d9rhXu6MHhfr6mOrBC2vQGj828/1BLIEpHqj7+G0/zksdkAKPEVUZtIaJXoXBqNyCCJTqvsRH/kb94yu1bTHREob4WOfLcdfrnK/zLf0/f5107Dro/VPwWkNpEITYziLtz6PuAVBoHT6sURcB5vg5e+jCGCBKpMhKLOpg9XypOH6iYruPurCdcKkWUMmmgArd8z7E7zQeuoVTk1T9qWat/cBQ///j146ZElpXt85b0ToRQd3nlsELYdTxVHiQuHFTr8ZVMh+YjcFGTGaYfI851FYfgi+mdB/KDStmjgrPrtIYDWBaW7lMzzEIlqCTb7VAYKduq20xYsRTO/7u75lZWZ4CiyEosxgElBTFpWH7k4CicujcJ7GL861Z+Fq7htV1/eBHrEQRnoHFcHTpet+FmQNGHlbBtu7YzAwhZclReScIK2K91FA+dMtFPZ5X6pHjxEKq11KvIzZ8H6XUehEx/lff/ybrYWyI+ikAF9VEmPbT8G2479D6CHT8+p1o1lHNGrCqZaULf+7rnwwJ9OwvZ9vTVprh6NPPnXE/Cbg3hZTM+iejQfuE19LBKpGGkCaGlxyURZTstE9dU7Pbr9v7D1ID6yHAeMbonFItVU6RY091HLJdPTr56sadNT1Rg51l/a/E6ORDhQ3AEzVY1NUb0sRLJrbddab3HJ9PN/9rodQA6zromW+PZTe+HNXgw64gABGigaJhYi1VxvmuKieD4NgacOSP5in5Z+EwUbF27an4PPxq6gAaJp0pNIBLY7xSGZqAMwkRNO0wNdLK96omuv5z37Nq5Cz+asEAlMJKIBomnSl0gEuEcm+p+3TnOf3gvktKpIKCIQkX3F5v1whp4FRFOZKzsOCI1JRCrU2rtxcWP9IjL1YY3DeAkqWScMB209dNl1XO+a0wS/+saSusaIyJF+5d+9sOEfZ+HM1RF8byNGSjwCERA0RWvqFxX2o/5EIm0KyUT5PKHIf6LRTx33s2UdsHrZPFiK0WjuKDQ1WZjI+X/nbBpefPN4LrBIbxMl8hQSiApoPp0V6twYRCKNiEwjeHXkVfQ7vJQnFGWf+dcFeGYPvsEFO/Oujijct6QFlt06G+Z3WNCC7yssdwOmV81Ev0Sa89dHYf+JS3C0dwD+fuo6HDiHKzAiD1mfAhmK6mkgEpFejUMk0ob8DOqgQjLRdkoFHUqWyl1uk7NLCTt8bjIMM+MhWNRiw4LWCNhothIlL8S8NpLFR0Fl4RROUcf60njCF8/Mp3Hu8t5ffIM4uSk2V3mZ765Pltmo96bGIhL1BZGJOqoPT6OQ31QuEakooT/lJXJ+6eNaE2/jRL836piENIV1NJgVKlSt8Yjkaec6sOSIT0Ao79jCX48ghduq/d8gDvVEMDQukTytPd9pqH98C+Udy/07DQjkQdb4RCJNabpz4zTkkOMNBVNJKiJPDJ1+tz0P5sb/nR5EKuzHcqSi/eP5U4Vly/33iEP7phl5CuGYfkQq1P4GqWgjWisvkdWaKE1jwowHCwuRHJPnLYTjCVnz7UIU35Dn18G+y0kBQaAIASFSERySCYqAECkoclKuCAEhUhEckgmKgBApKHJSrggBIVIRHJIJioAQKShyUq4IASFSERySCYqAECkoclKuCAEhUhEckgmKgBApKHJSrggBIVIRHJIJioAQKShyUq4IASFSERzTL2O2drM8OIGFSHjDRW2ejzT9+lkbjVmIpI22IuhNCIQGeF4jy0KkUMhgqecmLWVDDRA4zdIGCwEco8GukGSBVo9KQtfmq+MjhW3b/3sR9MC54aUcTfD4tywWybIUfqdJw1OhOgW7mxQiUswwWW4iqA4SKV1PBFgIELFSNmTwRnrv4eb11EjarhyBtAMRplUbC5GaI3Zq1aJmaCt4KEPl2siR9ULgYgoy1865L8GoWgQWIrU1mxc6E5F+fCoM3qssSQcEHAeysQG4fCbJE0diIVLYNO10xklmTQlw60CivIxm2HKaZp7niQGyrNpiIUOW/xoxyBPVNiDaNJNnxc1CpLBT80e2e1jIbxUI4ARidbQBixFgIZIR4TGPVWAiRQMiMHhFoTgSvjFUnKOAHdkoxVgsUlaIpC0f4m08qzYWImElYpG0pRKP4CxEsjJCJJ7u0LcWFiKh9y8WSV8OsEguRGKBUd9KlFq16QujSD6LCQIWiySrNqbeqEc1TExiIZLp8Cwh64GjtMmDAAuReESRWnRGQIikc+8pJDsTkViuRlEIFhHFLwJMRPLbrByvCgKDV3ligCxEEnukCi3qJwcLkWT5X78OVKVlFiLJKRJVutO/HPE0T+iGhUj+xZcSqiBwXaXLSFQBReTwj0CzShZp1L/8UqLBEGCZ2uQUib6suG4rtPzPyrk27ZiEXeY+ziYzAFkO4XlCQMPD4ITiTn+KZDNQQoeEo4vd3A34B98xKc9Q4uiwiepwMOWvenZJgl/0Sxsd7APqD+oEet+nkclCGrcYM1I8tyNNJJevfd98xWG5P8pXo3KwICAINBYC/wekLAQ5ser6AwAAAABJRU5ErkJggg=="},function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAABmJLR0QA/wD/AP+gvaeTAAAOPUlEQVR4nO2de3RU1b3Hv/uceWXygAQIhIckvAJECTpNNAIaUfS6JKLWuFpbvYV2UfVWC7ZLEWHdWRWqtS2961Kven0Uda22wr1VSMRWeVkQrsBStKBwEVAkEAgJ5J2ZOXv/7h+ZSSbpJHPOPnsy8XY+a2XlPPZrznd+v/0+A6RIkSJFihQpUqRIkeIfDZbsAsSjcn2lXuhpuBmamA9iZQDGAMgCcBgMLxxpG/YfG+7awJNcTGkGr
5796wAEtrL6um8LxlYzQn4/Ibc5kF7hr6hqG6iiqWRQCvDY5jkjNO56jYFu6nXrHIDP0VnuUgB652V2gED7wdgJAt/08/k7Dg5ogW0w6ARYUTVvMsC3ALgkfEkQw6sa6LdP3LL9QzDQ41U3zGYQLwIo7COZTQQ8sLpiW83AlFqeQSXAis1zJ4KznQDlhS+dIuCbqyu27QU664OpafWrCHgUcctOX0Fg3qoF248kttT20JJdgAjLqmdng+Ot7ofPDhBwVfTDL0w7/woBy9D98C8CqI1KZjGA18Lxx5HGqpdVz84eoI8gxaARwCFcXS6FAYdDHlYe7UIKvfW/BNh3IucMeIOH2CQCnulKhChjVcW2ewns0XCYSTq5fzVwn8I6g0KAxzfNvQcMd4RPmwyI238xb0tj9/3rFoCwJHLOCP/2xPxt33zyjq31gLaj67qmXQsAqyu2Pg3gHQBgoIXL3yqfOSAfRIKkC+DffHMWY+wXkXMi3PdkxY7DkfOf/uXGdMawFhG3w/CHJyq2PQwGAoCAS/sI6DwmokmReJyzpQAMAIyR9uMB+TASOJJdAC4CKwHkAQAxvLu6Ytsfou+7g8ZSgI0DAAKOh3jgh5GHDwC/uumd1hVVc+sA5AIsJ3L9ydu2frqyau7bBFQwwrf8f7rxUXj0jhAP3syDRnHd+fbTL/1w728H5lP2TVItYMWmGwuI8FD4NMg4PRh937+93MOAH0XOGejBpxe83xwjqTOd/ygn+iIxejF86OFOY6fBA3UM9EfB8FhTU2DtouevTHr9kFQLYIwvIcAFAAS8urpXk5G3sLsAjOw8o12rKrZv7iOp1vB/9yMbZ2W6HJ5ZxHE7iBZEAhAwpetYdBpQc1PHTxY+V+L43X37liBJJM0CllXPzibQovApZ9Cf/vtQ2l1dhwy/6Se5jsiBS3PXQNDbjNFidInXEyG6j1uagz9e+FzJ81bKrpKkWYCDnD8AkBE+fWNVxbtHo+8/+u4NQ6hDzAuf1jrSaVP0/cffvHEc0/mtgLgNwJyoW5nx8haCepy3NAcXf+/ZUse6+/d+3+rnsEsSXRD758iR1u2ru3B28FkAi7inav91O4yVb91wmRBiAQNuA4wrADCZzjz1EgAAWlsCi+59xlemaewUYzgPptVqjE6D06kQcOTV+/d/ZDkjEyRFgJVV1xUTUBQ+Pantv/ZdYHuPMIwwi1jX8ZQVVXM/JyEmqhg76W0BEdrbjGkApsW6t+jZknUv379voYLse5AUAYjYt7u/uOx1v9/f5ZUX7/c5R9UMLReMbu+KwHCNyvx5HwL0h2GIWSrLECE5Lojhlu5DvOGvqvCG0Ho9AypxBhVCo6GJzL4vC+gPLihmhW6XARfAv3HeaAM84n6EAP6V0FrOAPdAlSG6FWSWkMEzQWDRnUAVDGgzdHnV3CsMja9Cd82phSddBuzhA4CQUIAE2Peeu2q86rIk1AIq11fqU9IulDES88ODbZMTmZ9ZiOS+xIxC1wL4QmVZlAuwdH1ZWrrXczOI3QbU3wIgZ3BN+8jVAQDANK0UwCsqy6JUgJVVc39AwBpQ/M5QMhGSayiE6Go6K0NZHVC5vlInYA1M9ESTjawFcC7y1ZZEoQCFGfX5+Bo8fAAQJNEMAsA5jVBcFHUCaCE2QVVaiYa4nAUYnKeV+8uVum1lAgiGr40AXM4AQAJs3MiWqSrLorAfQAXq0kosQrIZCgCahmsVFkVhK0hDgao+YpozE5NG+DAuuwi5mfkYkpaLdNcQAAAXBjqMVjS116Gm8QiOnP0ffNnwNwupU8zRULNoBJ905BioE4Bg2wLyc2bg6gl3YkruldC1vouW4c7G8PSxmDD8csyZ+C1sPvQM9pz4k6k8ZIYhesanmKOlsqisUKQFGOodhflFD6Jw5FVS8Y+e22s6rGwTNAI36JL4ocyjRIBHNs7KBDBcJm7hyKtw58zH4HFmxA8cg9qm4zjfesp0eLsCGFwMs5VAL5RUwg54pL79l44ux93f+Jn0wweAQ2fesxRegQW4K9eUpdlKJAolAjAmLAuQlzUJdxQ/Ao3ptvI+dOavlsLbrQMAIMPdfrn9VDpRIwCs9QE8zgzcXfIzOHV7o9Bnm0+gruWkpTgyQ9F/h+aabT+RcFJqkmGWLGDWhEoMTbM/wXTw9A7Lcey6IAAgoitsJxJGTSuImW8BeV1ZKCu4I264oNGO001H0RZshFP3IMszHDne0T2sxqr7AQDJYaAeCKIp8UOZQ1Uz1LQAxWNugNvh7fN+iAfw9qfP4qOv/gxDhHrcc2guXJJzKYrHzEVuZoFl9wPY6wV3pcHFWNuJhFElgOmpusm5pf3e3/jJGnxcsyXmPUMEcfz8hzh+/kMwJjfLo6IOMAx1iwZs1wHLN14/Et0r3PrFoTmRnzOjz/ttwSZ8cnqrqXxlpxVV1MGcC2flU74h9lNSIABj3LT7yfKM6Lfl0xq8KP1gzaKiEgYAb6bjShXp2BZAY+bnATLc/W/XGpY+BtnevH7D2EVIzgX0RtPVLNSyLQCR+SZomrP/CTON6fhOyRO2esbxUGUBRFSsIh37/QDN/DxAkLfHDTMyswCLyn6NHO9oW8XqCxWtIAAg3r0dyg72BbBgAQ1tZ0yFy8uahAeueR6X5imd+wAQe2W0DCEulHxDFPSEzVtAY/s5NLbXmQrrdnhxl28l/mn6fbbHi6JR5YI4pywV6dgSwL+93BHZQGeWvtr4sWBgmDWhEt8tXQ2XQ80ApCoBBCe98umSUXbTsSWA0ewaB4udud0n/gsdoRZL+UweUYLvl/0GXpf9preKfkAEbybZbgnZdEGG5WHo1sBF/PeBp0AWJ5BHD5mMe0p/DofmspplD1RZAABoYGX207ABk1yKcvjsHmw5/LLleGOHTsVN0xfLZAmgs/essqNHwKV207BnASS/FOWvn/8e1QfXWn4gpeMXYFSW3BIkld9+AOCGmGg3DVsCkGZtHqA3H3zxJl7btxwdRmv8wGE0puHqgjul8lPp/wFAGPZ3zdi0AHsCAJ0rGl7avQQtgQbTcYryroHOrA/kquoDRAhxnuH323uGNithNavhapuO44XdS9AWbIwfGIDLkYaREm5IVS84AhHYZ3k+W89AWgB/VYUXQK6dzKNpaK3Bm5/82nT4bK/1JriqgbhovFy3NT8sLQCnlgIofuXZZ7Xvm17j43akW05fdSUMAIKRrWFpaQEImmnTyx9WjJz0MabCnmv+wlS4gIWKO4JqFwQAjGi6nfjyAjBh2gmXjr8V/zLneZSMnw8Wx2iyPOYW2LUGLprNvgvZZen9YdjcNSMtgGayBaRrDkzOLYHLkYZbL1uKxbPX9jkvPHGED2OHmlt+b3ZkNRpKgALCsLdrRn5SXmMFMGHS+Tkz4Iny12OHTsO9pU/idONRHDrzHs40HUPQaMOE4Zfjmkl3m8q6vrUGTR3mRlWjSYQLMgzhrfQXuTb4DwVl4ksLQCZ7wVNHXR3z+ughkzF6iNy24WN1+6XiJaIVRAC0TNc0AB/LxLfTD8g3E6gw1/Z4VQ8IhA++3BQ/YKy4CagDAMDr1efEDxUbKQH8VeXD0fkG834ZlTVBqr3eH5+e2Wm6pdSbRLggACAw6V0zUgJw0k25n7ZgMy621cYPaJKWwAVUH1wrHZ+rHgwKI7j8rhlJF2RuOXpTRx3+8/2HcPLCIblsogjxANZ/uMrSmFFvVI8FRRBCWJoVjEZKAGFhLVBzoB4v7V6Kdz57AQFD7hX/rYGLeHnPwzhRf0AqfoRE9AMAe7tm5CzA4iioII6dx/6INdu+ix1HXzPdhORk4IMv3sS/v7cIpy4ejh8hXjkSZAHcIPc9v5xhfWwEss1QjaS2pLYFG7H1yDps/99XMTZ7Oi7JLsK47GnIcGXD6xoCh+ZEc6ABjR11+LxuP46c3YOWwAWpIsYiUS4IALQM10wA71uNJyeAzS2pggRONhzEyYaB/aGLRFkAADDSZkNCAMsuyO/3awyQrnSSSYIaQQDkd81YrwN8u8ZigF8xpoJO95M4CyASUrtmrAsgmEHAiyC2H1GvDB7syLyq0gqCk7nx9l7YmlCpXF+pF3kvjA+RKGKAD51/3wCgtvurgGBI4MQxdRV6bzSNGa//5IDTaryEvM1tWfXsbJ08RQzkA8jHGHxEmIokviy8I2DgyxPm5pyl0Y1hGx4+ZKmnmJC3Jj41f9cFALvCfwAA//ryjJBXm8GAYhJsJmM0E8BlAJTtOu+PRDZBAcDl0tuE7soDYEmApL7PMLYLY76on7FSRktrEDVfxfrtB+s4dCZcbked7mB/Y8S2cDe9sm7hPqlBr0H2QslO+nBhhej65TzrNDcHcbpGTgCXW29xOfVjTMMuEWCvr3to707ZcvRmUAoQC//6Shf3nJ8MBh+g+YiRD4SZAEwNATReDKC2Nv6qbKdDC7rc+inNwT7WdPZWY6P++w0P74m/tUeSr40AfeHfOG90SOO+iAsjYHqsd1dcuNCOc2d7DgZqGiOnW6t3OfVDuq7t5EHxu5cf2Hd8oMoO/D8QIBbLN14/0qGLmQJsZthKihvq2wuamoJBh0M76nBqOxmJDS8s3rc72WVNkSJFihQpUqRIkSLFPx7/B0JJD7FUejApAAAAAElFTkSuQmCC"},function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAABmJLR0QA/wD/AP+gvaeTAAAKxklEQVR4nO2caXBT1xXH/0+rLdmW5UVe8W6w2WwDYQsMBWMSDJ1JSMokJCGdkimddjKZofnShcJMm7SdNi3TaVraQgMuYZIyCQ072IkJISzBGIvd2NgyGGPJBst4k2VLrx/gCUnvXr0nB9nG3N8nv3Ovzjvof5dzFwEwGAwGg8FgMBgMBoPBYDAYDAaDwWAwGAwGg8FgjEU4WsGO0vVTOLjf4DgUg0cGAP3whTUm6AEHC3i+QsFhy0v7371IqiQS4MDSN7Wdisg/8zy3FoAi5GE+Gbh48JvVes26lbs2Or0LfAQ4sPRNrZ2LOghg4bCG9+TwhUqvXuotgk8L7+CiNoF9+aFkkat34D1vg6cH7C
5796hdP0UBdw3YsBNqXHApClYd/vUlwOvL5uB+A+zLHw6UvNK1RnhQCX9wwOKRiScwnFKBgtdLkFlcBI7j0FBeDXNZOXiXe6RDGzIcuBLhb5WXNQ38iMQTkKIfPIsJz831POe/OB8AUPPB4ZEK6VGQLvzxUAAeEd41OKUCBatLkLGoEJxCgcaK4W95EUkxyF0+S2TPLC563AWIFP5Q0WoUrC7xtDbgfsvjwcP8wZEQx/aQvOefhkKlFNl5fhR21SFCFSCzuEhky14yA+Zt5cAwfAGqcA0yFhYSy25+fSngZ01TMpG9ZDriJ6UjPCYSAw4nem123K6uh6WyBp1Ntm8VG9l/J26fq0NTpRl2i1W2L6oASo24SBulgz7egB6bfWiRB0H6gqlQ67Qiu3vQhau7vyZ+Rhupw8y3nkfqnHxfu1oFbaQOxuxk5L84H/UHzuDc1oNw9Q8EFZO0/yTkvzAf1w9V4dyWgxh0OCmeHkIVoLu1A8bsJJE9Ks0UlAAKlRIFr5cgY2EhOAWHxs/PwVxWAffAYMDP5SydSbTfOHYBPdYOkT08NgrFv1uDyOTYgH45jkPuspkwpJtwbON/MNDXL+vfEYz/nKVPwZBmwpcbyiT9U/P+rlvtRLshzSQj3IcUfH8J8lbMQ5gxAlqDHnkr5qFgdeCMNzozETE5ycSy+oNnRDaFWoUFG1+T/HK8MU3OwIwff1dW3aH4j5+Ujhk/kfZPFaDzBnmcNIyLlx1EmDEC40lZTMk0gKNuxGLc3InUmNouN4nsU18thjFL3FulyFhUiKRpuZL1hux/obR/qgD2xlaiPSqIHjB++Wwo1IS5JFIHvSma+rnUuZOI9htfiXd04/LSkPfCPNkx+TPp5e8ELA+1f+ocQJvJDWkmcBwnmQoqtWrkLCOP4wAQk51EHMsjEoyIzkggfqb5hDj7mfpaMThKb6rbdxrny8qhiQjHtLXLkDIrT1QnfmI6DOkmamYk13/RD0uROjtfVEfKP7UHdFs7MNgnnsXVOi0ikmJoH/OQtbgI2kgdtTw2bxzRbirIItq7brWLGkVcfhoSCrOJ9S2VZlT9fS+cPQ50Wztw4g//RW9bJ7FuykyxMMH6P/nHXUH7BwJtvvE87E3kYchImSAFOI7DhOeeDlgndgJZgISpmUT77ep6kS2X0sMc9h6c3bzPxzbY58T1w1VBxRJq/4DE7idtGCKlp96kzM6XzBhic1OI84NpCrkH2M43+Dwr1Cpqy7q6+zic3X0iu9XPh0AUIbEItX/Pe6glAO7W3SLaY7ID94CJKxcELAfuzxGmKRk+Nl18NHRxUaK6PM/DdsHiY0sszIJaHyaq6+ofQP3+b4jv7G2/R7SHGcTH3aH2LxBYgGtkAQINQYmF2YgdnxLIrYfkGRN8nmMoPcve2Ir+rl4fW+z4VGLdlrN11MWPo6ObaFeFa0S2UPsXCDwENVmJy/VAaaSc1i+Q/NR4n2easKSeGE3Jy1ur6+gvpCw9SDu8ofYvEFAA3uXG3foWYhkpi4mdkIoEShZDIjI51meuoC12SGuSqNQ42XUFNIQhBQCcPY5h9y8geQRJmwfi89NENlrr7+/qRTch5weAVK9Vb3RmIrEOKRnQ6MOJdbtbye8BQE2fnV3iCTXU/gUkBbhT20y0x+b5CmDMSkIqYaEDALW7T6DpqJlYlrno/pazQq2CLt5ArENqdWq9eKcUAAZ66ZtfNIHvNbcNu38BaQGukQUwZiVCqVV7nie/soi4v+Ps7sO1fadw49gFoh9DegKM2UnQxxuIK87e9nvElI9TUEKnbzFR92U6Gm4Pu38BSQG6rR3ov9crsitUSk+mEJOTTG/9n53EQI8DdouVusGXWzoL+kQjsYy0XQGAutcebowk2tX6MCQW5RDLSL081P4FpK+h8DzVQdyDeWDyK8XE1j/Q48C1z054ni2V5GEoY1EBYnPJqWvvHfLy3mEnp3zhseJ1BADkLptFPGRydvXBdqFx2P0LyLoH1HbRQrTH5achZnwKUvzSSYHaPSd9MoDrh6vgcooPYpQaNfJWkHcc+yiLm3s3yeMqaStDExGOPK+bFd40n7oC96Br2P0LyBLAeoG8xI7LG4eptNbf249ar9YPAP2dPdTJWBNBzjpoq8v2KzeJ9uxnZkAV5rvwmf6j5dBSVqN1B06PiH8BWQLcrW8hrv60UTokzSC3/mt7TxHTr9o9J+W80gNtCGo5U0u06+INmPP29xCRYIRGH4bpa5chY2EBsW5rdT11tR9q/wLU8wBveJcb7ZdvIGm69OkR8KD1Uw7O7Y2tsJobZC/YaMv7zhs2tF1qQvykdFFZ6px80cG5PzzP48KHn1PLQ+1fQPZdUNt5+kTiz5VPvhLt3Xhj3n5E9tWWQQf95sKlj47Kjsmfq58cR/tV8jAzXP6BIASgzQP+ODq6RWO/P3dqm9FEWRf443LSBbhdXQdLZY0sP97YG1txfod06wy1fyAIAWjzgD8XP6oknqT5Y952hJgR+SNVp+r9vWi7ZJH0I9DVcgdHN5RJXosZLv+yBRDmAamXXz9EPhXyp8dmR+3/yPOEN1KXpwb6+nH0V2Wo2/+N5Dl186krKF/3D/TdIWdWI+Ff1iQsYDvfGHAirvn3oYA5rz+XPv4S4+ZNDnh6FmgIEhh0OFH1tz2o23/qwVWQHOhM0VCHadB7twttFy1oOHIWNsp6ZiT9ByfARfpEbDU3oPnklaBePuhw4sTvP0bJe2uJl3ABYDCI64OdTTaYtx2BeVtoLhCHwn9Qv4i5U3eLuBvIu92o/teBIQVwt74F5u3lxLL+zp7H+ocYcvAWoEuqMu9y4/oh8dXAun2nAx5USHH10+PEfaKGiuoh+xzleCYJ7yHoJgDynUAvzNvLAY5DZnER3IMuWCprcL6s4ltHdHrTp+ix2ZG1uAicUgHLF4/G7yjFk814NnF2lv58E8C9NTLxPHH8adWBd34KeA1BCg5bAMhPYRhDxeXm3VuFB48AL+1/9yIPfvPIxPTkwAPvv3rwt5eFZ58sSK3XrOM5yFtDM4ZCRbe17W1vg48AK3dtdKp16lKOw1/BhqNHiYsH/tJlbStde/afPgsb6hHzzmfWT+KVrjUcuBJwyPD/GStDAg7d4GEBcMTNu7d6Dzu+1R5zdj77i3lQYANk/tKfU3ALX973m6OhjUo+j70AArKF4HF01cF3Rs3/CDNmBBCQI8Ro6gVjTgCBgEKMol4wZgUQoAkxWnrBmBdAQCTEKOkFT4wAAt5CjJZe8ESyc+nPFnxY+suNIx0Hg8FgMBgMBoPBYDAYDAaDwWAwGAwGgzG2+T/KzYjzGB/IcQAAAABJRU5ErkJggg=="},function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var l=a(0),n=a.n(l),r=a(1),i=a(5),o=a.n(i),s=a(9),c=a(2),u=a(21);const d=s.b.div` 5797 display: flex; 5798 padding-top: 0.8rem; 5799 flex-wrap: wrap; 5800 > * { 5801 margin-right: 0.8rem; 5802 margin-bottom: 0.8rem; 5803 } 5804`,m=e=>{let{stores:t,onChange:a,errors:i,error:s,value:m,allowMultiple:p,labelHidden:g}=e;const[A,b]=Object(l.useState)([]),[h,f]=Object(l.useState)([]),[v,E]=Object(l.useState)([]),[y,C]=Object(l.useState)(null),[k,O]=Object(l.useState)([]);Object(l.useEffect)(()=>{b(t),f(t);const e=[m].map(e=>{const a=t&&t.find(t=>t.value===e);return a&&a.label});C(o.a.head(e))},[t,m]),Object(l.useEffect)(()=>{let e=p?m:[m];E(e);let a=t,l=a&&a.length>0?a.filter(e=>o.a.isArray(m)&&m.includes(e.value)):[];O(e=>Object(c.eb)([...e,...l],"value")),e.length||O([])},[m,p,t]);const j=Object(l.useCallback)(e=>{if(C(e),""===e)return void f(A);const t=new RegExp(e,"i"),a=A.filter(e=>e.label.match(t));f(a)},[A]),w=Object(l.useCallback)(e=>{const l=e.map(e=>{const t=h.find(t=>t.value===e);return t&&t.label});E(e);let n=t||[],r=n&&n.length>0?n.filter(t=>e.includes(t.value)):[];if(O(t=>{let a=Object(c.eb)([...t,...r],"value");return a=a.filter(t=>e.includes(t.value)),a}),a){if(p)return void a(e);a(o.a.head(e))}C(o.a.head(l))}
5804,[h,t]),S=n.a.createElement(r.c.TextField,{label:"Store(*)",placeholder:"Search store",value:y,labelHidden:!0,onChange:j,error:i}),I=Object(l.useCallback)(e=>{let t=v.filter(t=>t!==e);E(t);let l=k.filter(t=>t.value!==e);O(l),a&&p&&a(t)},[v,k]);return s?n.a.createElement("div",null,"Error: ",Object(c.ib)(s.toString())):n.a.createElement(n.a.Fragment,null,g?null:n.a.createElement(u.a,{label:"Stores",required:!0}),n.a.createElement(r.c,{options:h,selected:v,onSelect:w,textField:S,allowMultiple:p,emptyState:n.a.createElement("span",null,"No items found!")}),p&&n.a.createElement(d,null,k&&k.length>0?k.map(e=>n.a.createElement(r.ab,{children:e.label,onRemove:()=>I(e.value),key:e.value})):null))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var l=a(0),n=a(380);function r(e){if(!e)return null;if("BODY"===e.tagName)return e;if("IFRAME"===e.tagName){const t=e.contentDocument;return t?t.body:null}return e.offsetParent?r(e.offsetParent):null}function i(e){const t=e||window.event;return t.touches.length>1||(t.preventDefault&&t.preventDefault(),!1)}const o=n.a&&window.navigator&&window.navigator.platform&&/iP(ad|hone|od)/.test(window.navigator.platform),s=new Map,c="object"===typeof document?document:void 0;let u=!1;function d(){let e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=arguments.length>1?arguments[1]:void 0;const a=Object(l.useRef)(c.body);t=t||a;const d=e=>{const t=s.get(e);t?s.set(e,{counter:t.counter+1,initialOverflow:t.initialOverflow}):(s.set(e,{counter:1,initialOverflow:e.style.overflow}),o?u||(Object(n.c)(document,"touchmove",i,{passive:!1}),u=!0):e.style.overflow="hidden")},m=e=>{const t=s.get(e);t&&(1===t.counter?(s.delete(e),o?(e.ontouchmover=null,u&&(Object(n.b)(document,"touchmove",i),u=!1)):e.style.overflow=t.initialOverflow):s.set(e,{counter:t.counter-1,initialOverflow:t.initialOverflow}))};Object(l.useEffect)(()=>{var a;const l=r(null===(a=t)||void 0===a?void 0:a.current);l&&(e?d(l):m(l))},[e,t]),Object(l.useEffect)(()=>{var e;const a=r(null===(e=t)||void 0===e?void 0:e.current);if(a)return()=>{m(a)}},[])}},,,function(e,t,a){"use strict";a.d(t,"b",(function(){return de})),a.d(t,"a",(function(){return pe})),a.d(t,"c",(function(){return Ae})),a.d(t,"d",(function(){return be})),a.d(t,"e",(function(){return fe}));var l=a(1),n=a(5),r=a(0),i=a.n(r),o=a(9),s=a(1018),c=a(199),u=a.n(c),d=a(200),m=a.n(d),p=a(201),g=a.n(p),A=a(202),b=a.n(A),h=a(203),f=a.n(h),v=a(204),E=a.n(v),y=a(239),C=a.n(y),k=a(205),O=a.n(k),j=a(11),w=a(2),S=a(28),I=a(4),B=a(68),D=a(175),P=a(52),x=a(37),M=a(1374),T=a(44),Q=a(222);const R=i.a.lazy(()=>a.e(75).then(a.bind(null,1753))),F=i.a.lazy(()=>a.e(76).then(a.bind(null,1754)));function N(e){let{record:t,refetch:a}=e;const[n,o]=Object(r.useReducer)(w.Hb,{active:!1,openModal:!1,action:null}),s=i.a.useCallback(()=>{o(e=>({...e,active:!e.active}))},[]),c=i.a.useCallback(()=>{o({active:!1})},[]),u=i.a.useCallback(e=>()=>{o({openModal:!0,action:e})},[]),d=i.a.createElement(l.g,{disclosure:!0,children:"Actions",onClick:s}),m=t.label;let p="Mark as Awaiting Buyer Info",g="";(null===m||void 0===m?void 0:m.length)>0&&(p="Unmark as Awaiting Buyer Info",g="remove");const A=[{content:p,onAction:u("mark")},{content:"Update Note",onAction:u("updateNote")}],b=i.a.useCallback(()=>{o({active:!1,action:null,openModal:!1})},[]),h={open:n.openModal,onClose:b,mappingOrderIDs:[t.id],refetch:a,note:t.note},f={mark:i.a.createElement(R,Object.assign({action:g},h)),updateNote:i.a.createElement(F,Object.assign({note:t.note},h))};return i.a.createElement(i.a.Fragment,null,i.a.createElement(l.K,{activator:d,active:n.active,onClose:c},i.a.createElement(l.a,{items:A})),i.a.createElement(i.a.Suspense,{fallback:null},f[n.action]))}var U=a(7),L=a(35);const V=L.a` 5805 mutation splitMappingOrderFacebook($input: SplitMappingOrderFacebook!) { 5806 splitMappingOrderFacebook(input: $input) 5807 } 5808`,z=o.b.div` 5809 .orders-wrap { 5810 display: flex; 5811 flex-direction: row; 5812 flex-wrap: wrap; 5813 gap: 3rem 2rem; 5814 justify-content: space-between; 5815 margin: 3rem 0 2rem; 5816 5817 .order-item { 5818 flex: 1 1 auto; 5819 width: calc(50% - 1rem); 5820 max-width: calc(50% - 1rem); 5821 } 5822 } 5823`;function q(e){let{open:t,onClose:a,item:n,onCompleted:o}=e;const s=n.id,c=n.quantity||2,{notifyChange:u,toggleToast:d}=Object(r.useContext)(Q.a),[m,p]=Object(r.useState)("2"),[g,A]=Object(r.useState)({}),[b,h]=Object(r.useState)(void 0),[f,{loading:v}]=Object(U.c)(V,{onError:e=>{u&&u({msg:Object(w.ib)(e.toString()),err:!0})},onCompleted:()=>{u&&u({msg:"Split mapping item selected successfully.",err:!1}),o&&o(),a&&a()}}),E=Object(r.useCallback)((e,t)=>{let a=0,l=1,n={};for(;a++<e;)n[l]=n[l]?n[l]+1:1,l=l===t?1:l+1;const r=Object.entries(n).reduce((e,t)=>
5823{let[a,l]=t;return{...e,[a]:""+l}},{});A(r)},[]);Object(r.useEffect)(()=>{null!=c&&(p(""+c),E(c,c))},[c]),Object(r.useEffect)(()=>{if(g){const e=Object.values(g).reduce((e,t)=>e+("number"===typeof t?t:parseInt(t)),0);h(e>c)}},[g,c]);const y=Object(r.useCallback)(()=>{if(null!=s){d&&d(!0),u&&u({msg:null,err:!1});const e=Object.values(g).filter(Boolean).map(e=>parseInt(e));f({variables:{input:{mappingOrderId:s,expectOrder:parseInt(m),qtyItems:e}}})}},[d,f,s,m,g,u]),C=Object(r.useCallback)((e,t)=>{A(a=>({...a,[t]:e}))},[]),k=Object(r.useCallback)(e=>{parseInt(e)<=c&&(p(e),E(c,parseInt(e)))},[c,E]),O=parseInt(c)-1;return i.a.createElement(l.E,{open:t,title:"Split mapping item via quantity",onClose:a,sectioned:!0,primaryAction:{content:"Split",onAction:y,disabled:b,loading:v},secondaryActions:[{content:"Cancel",onAction:a}]},i.a.createElement(z,null,i.a.createElement(l.Y,{alignment:"center"},i.a.createElement(l.Y.Item,{fill:!0},"Except mapping item:"),i.a.createElement(l.cb,{value:m,placeholder:""+c,align:"right",type:"number",id:"exceptOrders",onChange:k,min:2,max:c})),i.a.createElement("div",{className:"orders-wrap"},new Array(parseInt(m)).fill("").map((e,t)=>{var a;const n=t+1;return i.a.createElement("div",{className:"order-item",key:"order-"+n},i.a.createElement(l.cb,{id:""+n,value:null!==(a=g[n])&&void 0!==a?a:"",label:`Mapping item ${n}: `,type:"number",prefix:"Quantity",autoComplete:"off",onChange:C,placeholder:"1",min:1,max:O}))})),b&&i.a.createElement(l.f,{status:"critical",children:`Sum quantity in items must be less or equal quantity of mapping item (${c} units.)`})))}a(418);var H=a(566);const $=L.a` 5824 mutation deleteMappingOrderSelected($ids: [ID!]!, $ignoreForever: Boolean) { 5825 deleteMappingOrderSelected(ids: $ids, ignoreForever: $ignoreForever) { 5826 deleted 5827 messages { 5828 id 5829 error 5830 } 5831 } 5832 } 5833`,_=e=>{let{open:t,onClose:a,ids:n,onCompleted:o,isMoreAction:s}=e;const{notifyChange:c,toggleToast:u,filter:d,setAgg:m}=Object(r.useContext)(Q.a),p=d.storeId,g=d.type,[A,b]=Object(r.useState)(!1),[h,{loading:f,client:v}]=Object(U.c)($,{onError:e=>{c&&c({msg:Object(w.ib)(e.toString()),err:!0})},onCompleted:e=>{var t;c&&c({msg:"Delete order mapping selected successfully.",err:!1});let l=null===e||void 0===e||null===(t=e.deleteMappingOrderSelected)||void 0===t?void 0:t.deleted;E(l),o&&o(),a&&a()}}),E=Object(r.useCallback)(e=>{if(null!=e)try{const t=e.length,a={filter:d},l={query:H.a,variables:a},n=v.readQuery(l);v.writeQuery({...l,data:{...n,listMappingOrder:{...n.listMappingOrder,nodes:(n.listMappingOrder.nodes||[]).filter(t=>!e.includes(t.id))}}});const r="online store"===g?"online_stores":g;m(e=>({...e,total:e.total-t,...null!=r?{[r]:{...e[r],doc_count:e[r].doc_count-t}}:{}}))}catch(t){}},[p,v,d,m,g]),y=Object(r.useCallback)(()=>{if((null===n||void 0===n?void 0:n.length)>0){u&&u(!0),c&&c({msg:null,err:!1});h({variables:{ids:n,ignoreForever:A}})}},[n,h,u,c,A]),C=Object(r.useCallback)(e=>b(e),[]);return i.a.createElement(l.E,{title:"Delete mapping orders",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"No",onAction:a}],primaryAction:{content:"Yes",onAction:y,loading:f}},i.a.createElement("p",null,"Are you sure to delete mapping orders selected?"),i.a.createElement(l.j,{label:"Ignore forever",checked:A,onChange:C}))};var G=a(16),K=a(19),J=a(41);function Y(e){var t;let{item:a,open:o,onClose:s,onCompleted:c}=e;const[u,d]=Object(r.useReducer)(w.Hb,{orders:"1",quantityPerItem:"1",setQuantity:!1,items:[]}),m=(p=a,Object(n.get)(p,"orderData.line_id"));var p;const{setNotify:g,toggleToast:A}=Object(K.b)(),[b]=Object(J.a)(),[h,{loading:f}]=Object(U.c)(G.Gb,{onCompleted:()=>{g({msg:"Mapping Order duplicate success",err:!1}),b(()=>{c&&c()})},onError:e=>{g({msg:Object(w.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),v=Object(r.useCallback)(()=>{a&&a.id&&(A&&A(!0),g&&g({msg:null,err:!1}),h({variables:{input:{originMappingOrderID:a.id,totalItems:Number(u.orders),quantityPerItem:Number(u.quantityPerItem),items:u.setQuantity?u.items:void 0}}}))},[h,g,A,u,null===a||void 0===a?void 0:a.id]),E=Object(r.useCallback)((e,t)=>{const a={[t]:e};if(["orders","quantityPerItem"].includes(t)){let l=u.orders;"orders"===t&&(l=e);let n=u.quantityPerItem;"quantityPerItem"===t&&(n=e),a.items=function(e,t,a){const l=[];let n=e;for(let r=0;r<t;r++)n=W(n),l.push({lineItemID:n,quantity:a});return l}(m,l,n)}d(a)},[u,m]),y=Object(r.useCallback)(e=>(t,a)=>{const l=u.items[e];if(!l)return;l[a]=t;const n=[...u.items];n[e]=l,d(e=>({...e,items:n}))},[u.items]);return i.a.createElement(l.E,{title:"Tiktok Order Duplicate",sectioned:!0,open:o,onClose:s,primaryAction:{content:"Submit",onAction:v,loading:f},secondaryActions:[{content:"Cancel",onAction:s}]},i.a.createElement(l.Y,{vertical:!0},i.a.createElement(l.cb,{id:"orders",label:"Add more orders",type:"number",min:1,value:u.orders,onChange:E,placeholder:"Add more orders"}),i.a.createElement(l.cb,{id:"quantityPerItem",label:"Quantity per Order",type:"number",min:1,value:u.quantityPerItem,onChange:E,placeholder:"Enter quantity"}),i.a.createElement(l.j,{label:"Set the quantity for each order",id:"setQuantity",checked:u.setQuantity,onChange:E}),u.setQuantity&&(null===(t=u.items)||void 0===t?void 0:t.length)>0?i.a.createElement("div",{style:{paddingLeft:"1rem"}},i.a.createElement(l.Y,{vertical:!0},u.items.map((e,t)=>i.a.createElement(l.Y,{key:"item-"+e.lineItemID,distribution:"fill"},i.a.createElement(l.cb,{id:"lineItemID",label:"Line item ID #"+(t+1),value:e.lineItemID,onChange:y(t),placeholder:"Enter Line item ID"}),i.a.createElement(l.cb,{id:"quantity",label:"Quantity",type:"number",min:1,value:e.quantity,onChange:y(t),placeholder:"Enter quantity"}))))):null))}function W(e){const t=(e||"").split(/\-/);let a=1;return t.length>1&&(isNaN(t[1])?a++:a+=Number(t[1])),`${t[0]}-${a}
5833`}function Z(e){let{open:t,onClose:a,ids:n,item:o,onCompleted:s}=e;const[c,u]=Object(r.useReducer)(w.Hb,{selected:["no"]}),{setNotify:d,toggleToast:m}=Object(K.b)(),[p]=Object(J.a)(),[g,{loading:A}]=Object(U.c)(G.nc,{onCompleted:()=>{d({msg:"Update Mapping Order success",err:!1}),a&&a(),p(()=>{s&&s()},2e3)},onError:e=>{d({msg:Object(w.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}});Object(r.useEffect)(()=>{!!(null===o||void 0===o?void 0:o.isOrderLabel)&&u({selected:["yes"]})},[null===o||void 0===o?void 0:o.isOrderLabel]);const b=Object(r.useCallback)(()=>{var e;Object(w.c)(n)||g({variables:{ids:n,isLabel:(null===(e=c.selected)||void 0===e?void 0:e.length)>0&&"yes"===c.selected[0]}})},[g,d,m,n,c.selected]),h=Object(r.useCallback)(e=>{u({selected:e})},[]);return i.a.createElement(l.E,{title:"Mark as Tiktok Order Label",sectioned:!0,open:t,onClose:a,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:b,loading:A}},i.a.createElement(l.k,{choices:[{value:"no",label:"No"},{value:"yes",label:"Yes"}],selected:c.selected,title:"Is Order Label",onChange:h}))}function X(e){let{open:t,onClose:a,ids:n,onCompleted:o}=e;const[s,c]=Object(r.useReducer)(w.Hb,{selected:["no"]}),{setNotify:u,toggleToast:d}=Object(K.b)(),[m]=Object(J.a)(),[p,{loading:g}]=Object(U.c)(G.oc,{onCompleted:()=>{u({msg:"Mark Order Label split success",err:!1}),a&&a(),m(()=>{o&&o()},2e3)},onError:e=>{u({msg:Object(w.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),A=Object(r.useCallback)(()=>{var e;Object(w.c)(n)||p({variables:{ids:n,isSplit:(null===(e=s.selected)||void 0===e?void 0:e.length)>0&&"yes"===s.selected[0]}})},[p,u,d,n,s.selected]),b=Object(r.useCallback)(e=>{c({selected:e})},[]);return i.a.createElement(l.E,{title:"Mark as Order Label Split",sectioned:!0,open:t,onClose:a,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:A,loading:g}},i.a.createElement(l.k,{choices:[{value:"no",label:"No"},{value:"yes",label:"Yes"}],selected:s.selected,title:"Is Order Label Split",onChange:b}))}var ee=function(e){let{item:t,refetch:a}=e;const[n,o]=Object(r.useReducer)(w.Hb,{open:!1,openModal:!1,action:null}),s=Object(r.useCallback)(e=>()=>{o({openModal:!0,action:e})},[]),c=Object(r.useCallback)(()=>{o({open:!1,openModal:!1,action:null})},[]),u=Object(r.useCallback)(()=>{o({open:!1})},[]),d=Object(r.useCallback)(()=>{o({open:!0})},[]),m=i.a.createElement(l.g,{disclosure:!0,children:"Actions",onClick:d}),p=[{content:"Duplicate",onAction:s("duplicate")},{content:"Mark As Order Label",onAction:s("markAsOrderLabel")},{content:"Mark As Order Label Split",onAction:s("markSplitTag")}],g=Object(r.useCallback)(()=>{c(),a&&a()},[c,a]),A={ids:(null===t||void 0===t?void 0:t.id)?[t.id]:[],open:n.openModal,item:t,onCompleted:g,onClose:c},b={duplicate:i.a.createElement(Y,A),markAsOrderLabel:i.a.createElement(Z,A),markSplitTag:i.a.createElement(X,A)};return i.a.createElement(i.a.Fragment,null,i.a.createElement(l.K,{activator:m,active:n.open,onClose:u},i.a.createElement(l.a,{items:p})),b[n.action])};function te(e){let{open:t,onClose:a,ids:o,onCompleted:s,item:c}=e;const[u,d]=Object(r.useReducer)(w.Hb,{quantity:(Object(n.get)(c,"quantity")||"")+""||"1"}),{setNotify:m,toggleToast:p}=Object(K.b)(),[g]=Object(J.a)(),[A,{loading:b}]=Object(U.c)(G.Rd,{onCompleted:()=>{m({msg:"Update quantity for Mapping Order success",err:!1}),a&&a(),g(()=>{s&&s()},2e3)},onError:e=>{m({msg:Object(w.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),h=Object(r.useCallback)(()=>{Object(w.c)(o)||A({variables:{ids:o,quantity:+u.quantity}})},[A,m,p,o,u.quantity]),f=Object(r.useCallback)(e=>{d({quantity:e})},[]);return i.a.createElement(l.E,{title:"Update Quantity",sectioned:!0,open:t,onClose:a,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:h,loading:b}},i.a.createElement(l.cb,{label:"Quantity",value:u.quantity,type:"number",id:"quantity",min:1,onChange:f}))}const ae=i.a.lazy(()=>a.e(77).then(a.bind(null,1828))),le=o.b.div``,ne=e=>{var t,a;let{item:o,actionCompleted:s,setDoAction:c,refetch:u}=e;const[d,m]=Object(S.a)(!1),[p,g]=Object(r.useState)(null),{currentUser:A}=Object(j.c)(),b=Object(w.ub)(A),{isDesignLeader:h}=Object(w.j)(A),f=Object(r.useCallback)(e=>{m(!0),g(e),c(!0)},[m]),v=Object(r.useCallback)(()=>{g(null),m(!1),c(!1)},[m]),E=Object(r.useCallback)(()=>{v(),u&&u()},[v,u]),y={ids:(null===o||void 0===o?void 0:o.id)?[o.id]:[],onClose:v,open:d,isMoreAction:!0,handleCompleted:s,item:o},C=null===o||void 0===o||null===(t=o.store)||void 0===t?void 0:t.platform,k=C===I.O,O=C===I.M.Etsy,{isTiktok:B}=Object(w.h)(C),D=(null===o||void 0===o?void 0:o.quantity)&&parseInt(o.quantity)>1&&k,P={map:i.a.createElement(ae,{open:d,onCompleted:E,onClose:v}),trash:i.a.createElement(_,y),splitOrder:i.a.createElement(q,Object.assign({},y,{item:o,onCompleted:E})),updateQuantity:i.a.createElement(te,Object.assign({},y,{onCompleted:E}))};o&&(o.variants=o.variants&&o.variants.map(e=>e.legacyResourceId?{...e,id:e.legacyResourceId,attributes:e.selectedOptions.map(e=>({...e,option:e.value}))}:e)||[]);const x=b&&(R=o,(Object(n.get)(R,"store.status")||"").trim().toLowerCase()!==(I.bb.Connected||"").toLowerCase())?i.a.createElement(l.gb,{content:"Could not using this process, "+((null===o||void 0===o||null===(a=o.store)||void 0===a?void 0:a.status)?"so Store status is "+o.store.status:"")},i.a.createElement(l.g,{primary:!0,disabled:!0,onClick:()=>{}},"Map")):i.a.createElement(l.g,{primary:!0,onClick:()=>f("map")},"Map");var R;return h?null:i.a.createElement(le,null,i.a.createElement(l.h,null,x,i.a.createElement(l.g,{children:"Update Quantity",onClick:()=>f("updateQuantity")}),D&&i.a.createElement(l.g,{onClick:()=>f("splitOrder"),disabled:!D},"Split"),O&&i.a.createElement(N,{record:o,refetch:u}),B&&i.a.createElement(ee,{item:o,refetch:u}),i.a.createElement(l.g,{onClick:()=>f("trash"),icon:M.a})),i.a.createElement(Q.b,{onCompleted:E,item:o},i.a.createElement(T.a,{fallback:null},P[p])))};const re=e=>{let{ids:t,onCompleted:a,filter:n}=e;const[o,s]=Object(S.a)(!1),[c,u]=Object(r.useReducer)(w.Hb,{open:!1,action:null}),d=Object(r.useCallback)(e=>()=>{u({open:!0,action:e})},[]),m=function(e){return"tiktok"===(null===e||void 0===e?void 0:e.type)}(n),p=Object(r.useCallback)(()=>{u({open:!1,action:null})},[]),g={open:c.open,onClose:p,onCompleted:a,ids:t},A=(m?{markOrderLabel:i.a.createElement(Z,g)}:{updateQuantiy:i.a.createElement(te,g)})[c.action]||null;return i.a.createElement(r.Fragment,null,i.a.createElement(l.g,{children:"Trash",onClick:s}),i.a.createElement(l.g,{children:"Update Quantity",onClick:d("updateQuantiy")}),m?i.a.createElement(l.g,{children:"Mark Order Label",onClick:d("markOrderLabel")}):null,i.a.createElement(_,{open:o,onClose:s,ids:t,onCompleted:a}),A)};var ie=a(337);const oe=o.b.div` 5834 padding: 1.6rem; 5835 background: var(--p-surface-subdued, #ebeef1); 5836 text-align: center; 5837 border-radius: var(--p-border-radius-wide, 3px); 5838 width: 100%; 5839 border-top-right-radius: 0; 5840 border-top-left-radius: 0; 5841 overflow-x: scroll; 5842`,se=o.b.div` 5843 overflow-x: auto; 5844 5845 .Polaris-DataTable__ScrollContainer { 5846 overflow-x: inherit; 5847 } 5848 5849 .item { 5850 white-space: normal; 5851 word-break: break-word; 5852 } 5853 5854 .origin-id-wrap { 5855 width: calc(20rem - 3.2rem); 5856 } 5857 5858 .created-at-wrap { 5859 width: calc(18rem - 3.2rem); 5860 } 5861 5862 .actions-wrap { 5863 width: max-content; 5864 } 5865 5866 .qty-wrap { 5867 width: calc(7rem - 3.2rem); 5868 } 5869 5870 .product-data-wrap, 5871 .meta-data-wrap { 5872 display: flex; 5873 flex-direction: column; 5874 row-gap: 0.75rem; 5875 width: calc(32rem - 3.2rem); 5876 } 5877 5878 .store-wrap { 5879 display: flex; 5880 flex-direction: row; 5881 align-items: center; 5882 colum-gap: 1rem; 5883 width: max-content; 5884 } 5885 5886 .meta-item { 5887 img { 5888 width: 100px; 5889 height: 100px; 5890 object-fit: cover; 5891 } 5892 } 5893 5894 .product-wrap { 5895 width: calc(58rem - 3.2rem); 5896 display: flex; 5897 flex-direction: row; 5898 column-gap: 0.5rem; 5899 align-items: center; 5900 } 5901 .shipping-address-wrap { 5902 width: calc(38rem - 3.2rem); 5903 } 5904 5905 .note-wrap { 5906 display: flex; 5907 flex-wrap: nowrap; 5908 align-items: start; 5909 column-gap: 0.5rem; 5910 5911 .Polaris-Icon { 5912 margin: 3px 0 0 0; 5913 5914 .Polaris-Icon__Svg { 5915 fill: #d4b31e;
5916 width: 90%; 5917 } 5918 } 5919 5920 .tooltip { 5921 font-size: 13px; 5922 font-style: italic; 5923 color: #1e1e1e; 5924 } 5925 } 5926 5927 span[aria-describedby] { 5928 flex: 1; 5929 } 5930`,ce={woocommerce:O.a,shopify:E.a,ebay:m.a,amazon:u.a,shopbase:f.a,etsy:g.a,facebook:b.a,tiktok:C.a};function ue(e){let{platform:t,store:a}=e,l={width:"auto",height:"40px",marginRight:"0.785rem"};return["ebay","facebook","shopbase","etsy","amazon","tiktok"].includes(t)&&(l.height="30px"),i.a.createElement("div",{className:"store-wrap item"},i.a.createElement("div",null,t&&i.a.createElement("img",{alt:"",src:ce[t],style:l,loading:"lazy"})),i.a.createElement("div",null,i.a.createElement("span",null,a)))}function de(e){let{data:t=[]}=e;return t&&0!==t.length?i.a.createElement("div",null,t.length>1?i.a.createElement(l.db,{variation:"strong",children:"Personalization:"}):null,i.a.createElement("div",{style:{marginLeft:t.length>1?10:0}},t.map((e,t)=>{if(!e)return null;const{name:a,value:n}=e,r=Object(w.lb)(a);return i.a.createElement(l.Y,{vertical:!0,spacing:"tight",key:"personalized-"+t},i.a.createElement(l.db,{variation:"strong"},r?a:a+":"),i.a.createElement("div",null,i.a.createElement("span",{style:{wordBreak:"break-all",display:"block",marginLeft:10,whiteSpace:"pre-line"},dangerouslySetInnerHTML:{__html:""+(n||"").trim()}})))}).filter(Boolean))):null}const me=o.b.div` 5931 display: flex; 5932 flex-direction: column; 5933 row-gap: 1rem; 5934 5935 .meta-item { 5936 &:has(img) { 5937 display: flex; 5938 flex-direction: column; 5939 row-gap: 0.5rem; 5940 } 5941 5942 img { 5943 width: 100px; 5944 height: 100px; 5945 object-fit: cover; 5946 } 5947 } 5948`;function pe(e){let{data:t=[]}=e;const[a,r]=Object(S.a)(!1);if(!t||0===t.length)return null;const o=e=>e.map((e,t)=>{if(!e)return null;const{value:a,key:r}=e,o=Object(n.includes)(a,I.G);let s=r;const c=Object(w.lb)(s),u=s&&Object(n.startCase)(s)||"",d=s&&i.a.createElement(l.db,{children:i.a.createElement("span",{dangerouslySetInnerHTML:{__html:s}}),variation:"strong"}),m=a&&"object"!==typeof a,p=o?i.a.createElement(i.a.Fragment,null,i.a.createElement("label",null,c?u:u+":"),i.a.createElement("div",null,i.a.createElement(P.a,{href:a},i.a.createElement("img",{src:a,alt:"",loading:"lazy"})))):i.a.createElement(i.a.Fragment,null,d,(c?"":":")+" ",i.a.createElement("span",{dangerouslySetInnerHTML:{__html:a}}));return i.a.createElement("div",{key:"meta-data-"+t,className:"meta-item"},m?p:null)}).filter(Boolean),s=t.slice(0,4),c=t.slice(4);return i.a.createElement(me,null,o(s),c.length>0?i.a.createElement(l.Y,{vertical:!0},i.a.createElement(l.g,{plain:!0,children:"View more",onClick:r,disclosure:a?"up":"down"}),i.a.createElement(l.l,{open:a,transition:{duration:"500ms",timingFunction:"ease"}},i.a.createElement("div",{style:{display:"flex",flexDirection:"column",rowGap:10}},o(c)))):null)}function ge(e){let{product:t,record:a}=e;if(null==t)return null;const{images:n,name:r}=t,o=(null===n||void 0===n?void 0:n.length)>0?n.map(e=>{let{id:t,src:a}=e;return{id:t,url:a}}):null;let c=a.label,u=a.note,d=(u||"").substring(0,85);return i.a.createElement("div",{className:"product-wrap item"},(null===o||void 0===o?void 0:o.length)>0&&i.a.createElement(B.default,{width:200,height:200,files:{files:o},limit:1}),i.a.createElement("div",{style:{display:"flex",flexDirection:"column",rowGap:"1rem"}},i.a.createElement("span",null,r),c?i.a.createElement("div",null,i.a.createElement(l.e,{status:"attention"},c)):null,u?i.a.createElement("div",{className:"note-wrap"},i.a.createElement(l.w,{source:s.a}),i.a.createElement(l.gb,{preferredPosition:"above",content:u},i.a.createElement("span",{className:"tooltip"},d))):null))}function Ae(e){let{node:t}=e;if(!t)return null;const a=t.productId,r=t.variantId,o=t.sku;let s=t.price;const c=t.shippingService,u=t.note,d=Object(n.get)(t,"originOrder.sku_name"),m=Object(n.get)(t,"originOrder.orderDate"),p=Object(w.C)(m,"YYYY-MM-DD"),g=Object(n.get)(t,"currencyCode");return s=Object(w.N)(g,s),i.a.createElement("div",{className:"product-data-wrap item"},p?i.a.createElement("span",null,i.a.createElement(l.db,{variation:"strong"},"Order Date:")," ",p):null,i.a.createElement("span",null,i.a.createElement(l.db,{variation:"strong"},"Product ID:")," ",a),i.a.createElement("span",null,i.a.createElement(l.db,{variation:"strong"},"Variation ID:")," ",r),i.a.createElement("span",null,i.a.createElement(l.db,{variation:"strong"},"SKU:")," ",o),i.a.createElement("span",null,i.a.createElement(l.db,{variation:"strong"},"Price:")," ",s),d?i.a.createElement("span",null,i.a.createElement(l.db,{variation:"strong"},"Origin Attributes:")," ",d):null,c?i.a.createElement("span",null,i.a.createElement(l.db,{variation:"strong"},"Shipping Option:")," ",c):null,u?i.a.createElement("span",null,i.a.createElement(l.db,{variation:"strong"},"Note:"),i.a.createElement("span",{style:{marginLeft:5}},u)):null)}function be(e){let{data:t,filter:a,setFilter:o,refetch:s,agg:c,total:u,setDoAction:d}=e;const{limit:m,offset:p,type:g}=a,A=i.a.useMemo(()=>"online store"===g,[g]),[b,h]=Object(r.useState)([]),[f,v]=Object(r.useState)(!1),[E,y]=Object(r.useState)({}),[C,k]=Object(r.useState)([]),[O,S]=Object(r.useState)({scrollLeft:null,scrollWidth:null,offsetWidth:null}),B=Object(r.useRef)(null),{currentUser:P}=Object(j.c)(),{isDesignLeader:M}=Object(w.j)(P),T=Object(r.useCallback)(e=>{e=Object(e);let t=[];for(let[a,l]of Object.entries(e))l&&t.push(a);return t},[]),Q=Object(r.useCallback)(e=>{var a;v(e);let l=(null===t||void 0===t||null===(a=t.listMappingOrder)||void 0===a?void 0:a.nodes)?t.listMappingOrder.nodes:[],n=[];if(e){let e={};for(let t=0;t<l.length;t++)e={...e,[l[t].id]:!0};y(e),n=T(e)}else y({}),n=[];k(n)},[t,T]),R=Object(r.useMemo)(()=>i.a.createElement(l.j,{label:"",checked:f,onChange:e=>Q(e)}),[f,Q]),F=Object(r.useCallback)((e,t)=>{let a,l=[];y(n=>{let r={...n,[e]:t};return a=Object.values(r).filter(e=>e).length,l=T(r),r}),t?v(!0):a||v(!1),k(l)},[T]),N=Object(r.useCallback)(()=>{v(!1),y({}),k([])},[]);Object(r.useEffect)(()=>{var e;const a=null===t||void 0===t||null===(e=t.listMappingOrder)||void 0===e?void 0:e.nodes,r=(a||[]).reduce((e,t)=>
5948t&&null!=t.orderId?(e[t.orderId]=(e[t.orderId]||0)+1,e):e,{}),o=(null===a||void 0===a?void 0:a.length)>0?a.map(e=>{var t,a;if(null==e)return null;let o=e.orderId;const c=e.ebayOriginId;c&&(o=c);const u=i.a.createElement("div",{className:"origin-id-wrap item"},i.a.createElement("span",null,o),(null===e||void 0===e?void 0:e.isOrderLabel)?i.a.createElement(l.e,{status:"success",children:"Tiktok Label"}):null,i.a.createElement(ie.a,{node:e.warningAddress})),m=e.quantity,p=i.a.createElement("div",{className:"qty-wrap item"},i.a.createElement("span",null,m)),g=null===(t=e.store)||void 0===t?void 0:t.title,A=null===(a=e.store)||void 0===a?void 0:a.platform,b=[I.N].includes(null===A||void 0===A?void 0:A.toLowerCase()),h=i.a.createElement(ue,{platform:A,store:g}),f=e.createdAt,v=i.a.createElement("div",{className:"created-at-wrap item"},i.a.createElement("span",null,Object(w.C)(f,"YYYY-MM-DD HH:mm:ss"))),y=i.a.createElement(Ae,{node:e});let C=e.metaData||[];const k=e.personalized;(null===e||void 0===e?void 0:e.personalizedPreview)&&(C.unshift({key:"Preview Image",value:e.personalizedPreview}),C=Array.from(new Map(C.map(e=>[e.key,e])).values()));const O=i.a.createElement(de,{data:k}),j=Object(n.get)(e,"orderData.customer");let S="";if(j){S=[Object(n.get)(j,"first_name"),Object(n.get)(j,"last_name")].filter(Boolean).join(" ")}const B=i.a.createElement("div",{className:"meta-data-wrap item"},S&&i.a.createElement("span",null,i.a.createElement(l.db,{variation:"strong"},"Buyer Name:"," "),i.a.createElement("span",null,S)),i.a.createElement(pe,{data:C}),b&&O),D=e.product,P=i.a.createElement(ge,{product:D,record:e}),x=(function(e){const t=Object(n.get)(e,"store.platform",null);["woocommerce","shopify","shopbase"].includes(t)}(e),i.a.createElement("div",{className:"actions-wrap item"},i.a.createElement(ne,{item:e,actionCompleted:N,refetch:s,setDoAction:d}))),M=e.id,T=(r[o]||0)>1?"check-box-wrap repeat":"check-box-wrap",Q=i.a.createElement("div",{className:T},i.a.createElement(l.j,{id:M,checked:!!E[M],onChange:(e,t)=>
5948F(t,e)})),R=Object(n.get)(e,"orderData.shipping_address");return[Q,u,P,p,h,v,y,B,i.a.createElement("div",{className:"shipping-address-wrap item"},i.a.createElement(he,{data:R})),x]}).filter(Boolean):[];h(o)},[t,s,E,F,N,A,d]),Object(r.useEffect)(()=>{let{scrollLeft:e,scrollWidth:t,offsetWidth:a}=O,l=document.querySelectorAll(".actions-wrap");for(let i of l){const e=i.closest(".Polaris-DataTable__Cell");e&&e.classList.add("custom-cell")}const n=document.querySelectorAll(".Polaris-DataTable__TableRow");for(let i of Array.from(n))if(i){i.style&&(i.style="");const e=i.querySelectorAll(".Polaris-DataTable__Cell");for(let t of Array.from(e))t.style=""}const r=document.querySelectorAll(".check-box-wrap.repeat");for(let i of Array.from(r)){const e=fe(i,"Polaris-DataTable__TableRow");if(e){const t=e.querySelectorAll(".Polaris-DataTable__Cell");for(let e of Array.from(t))e.style.backgroundColor="#ddd"}}},[b,O]),Object(r.useEffect)(()=>{const e=B.current,t=()=>{Object(w.Ub)(()=>{e&&S({scrollLeft:e.scrollLeft,scrollWidth:e.scrollWidth,offsetWidth:e.offsetWidth})})};return e&&e.addEventListener("scroll",t,{capture:!1,passive:!0}),()=>{e&&e.removeEventListener("scroll",t)}},[]);const U=new Array(9).fill("text").concat("numeric"),L=[R,"Origin ID","Product","Qty","Store","Created At","Product Data","Meta Data","Shipping Address",i.a.createElement("div",{className:"actions-wrap"},"Actions")];let V="online store"===g?"online stores":g;const z=Object(n.snakeCase)(V)+".doc_count",q=g?Object(n.get)(c,z,0):u,H={page:p/m+1,totalPage:Math.ceil(q/m),offset:p,limit:m,onChange:o,total:q};return i.a.createElement(r.Fragment,null,M?null:i.a.createElement(D.BulkActions,{idsChecked:C,onClose:()=>Q(!1)},i.a.createElement(re,{ids:C,onCompleted:N,filter:a})),i.a.createElement(se,{ref:B},i.a.createElement(l.n,{rows:b,columnContentTypes:U,headings:L,hideScrollIndicator:!0,verticalAlign:"middle"})),i.a.createElement(oe,null,i.a.createElement(x.PaginationPolaris,{aggregation:H,showTotal:!0})))}const he=e=>{let{data:t}=e;if(!t||"object"!==typeof t)return null;const{address1:a,address2:n,city:r,company:o,country:s,postal_code:c,state:u,email:d,first_name:m,last_name:p,cpf_or_cnpj_number:g,phone:A}=t;let b=ve(A),h=ve(d),f=ve(o),v=ve(n),E=ve(u),y=ve(c);const C={Fullname:[m,p].filter(Boolean).join(" "),Email:h,Company:f,"Address 1":a,"Address 2":v,City:r,State:E,Zipcode:y,Phone:b,Country:s,"CPF/CNPJ number":g||""};return i.a.createElement(l.Y,{vertical:!0,spacing:"tight"},Object.entries(C).map((e,t)=>{let[a,n]=e;return n?i.a.createElement(l.Y,{spacing:"extraTight",key:`${a}-${t}`},i.a.createElement(l.db,{variation:"strong",children:a+": "}),i.a.createElement("span",null,n)):null}))};function fe(e,t){for(;(e=e.parentElement)&&!e.classList.contains(t););return e}function ve(e){let t="";return"object"===typeof e&&"String"in e&&(t=e.String),"string"===typeof e&&(t=e),t}},,,,,function(e,t,a){"use strict";a.d(t,"c",(function(){return r})),a.d(t,"b",(function(){return i})),a.d(t,"a",(function(){return o}));var l=a(35),n=a(43);const r=l.a` 5949 subscription storeEvents { 5950 storeEvents { 5951 event 5952 store { 5953 id 5954 domain 5955 } 5956 } 5957 } 5958`,i=l.a` 5959 subscription mappingEvents { 5960 mappingEvents { 5961 event # mapping_item_is_created | mapping_item_is_deleted | mapping_item_is_mapped 5962 mappingItem { 5963 id 5964 teamId 5965 } 5966 } 5967 } 5968`,o=l.a` 5969 subscription subscriptionGeneratedMockupForIdeaTask { 5970 subscriptionGeneratedMockupForIdeaTask { 5971 ...TaskBaseMockupFragment 5972 } 5973 } 5974 ${n.x} 5975`},,function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var l=a(0),n=a.n(l),r=a(1),i=a(27),o=a.n(i);const s=e=>{let{labelName:t,onChange:a,value:i,haveShow:s,isField:c,isExportAmazon:u,canSelectOne:d}=e;const[m,p]=Object(l.useState)(""),[{month:g,year:A},b]=Object(l.useState)({month:(new Date).getMonth(),year:(new Date).getFullYear()}),[h,f]=Object(l.useState)({start:new Date,end:new Date}),v=Object(l.useRef)(!1);Object(l.useEffect)(()=>{if(i&&!v.current){const e=new Date(i);"Starting"===t||u||e.setDate(e.getDate()-1),f({start:e,end:e});const a=e.getMonth(),l=e.getFullYear();b({month:a,year:l}),v.current=!0}else d&&!i&&f(null)},[i,t,u,d]),Object(l.useEffect)(()=>{E();const e=h?o()(h.start).startOf("day"):null,l=h?o()(h.start).endOf("day"):null;let n;n=null!=c?l:"Starting"===t?e:l,a&&a(n,o()(null===h||void 0===h?void 0:h.start).format("YYYY-MM-DD"))},[h,t,c]);const E=Object(l.useCallback)(()=>{const e=(null===h||void 0===h?void 0:h.start)?o()(h.start).format("YYYY-MM-DD"):"";p(e)},[h]),y=Object(l.useCallback)((e,t)=>b({month:e,year:t}),[]),C=Object(l.useCallback)(e=>{if(d){if(o()(null===h||void 0===h?void 0:h.start).isSame(e.start,"day"))return void f(null)}
5975f(e),s&&s(!0)},[d,h]);return n.a.createElement("span",{onClick:e=>{e.stopPropagation()}},n.a.createElement(r.cb,{label:t,placeholder:"YYYY-MM-DD",value:m}),n.a.createElement(r.o,{month:g,year:A,selected:h,onChange:C,onMonthChange:y}))};var c=a(413),u=a(9);const d=e=>{var t,a;let{customTime:{range:i,rangeLabel:o},onChange:u,isField:d,isExportAmazon:p,canSelectOne:g,isFilter:A,isVertical:b=!0}=e,h=null,f=null;if(o){let e=o.indexOf(" - ");h=o.substring(0,e),f=o.substring(e+3,o.length)}const[v,E]=Object(l.useState)({from:i&&i.from||null,to:i&&i.to||null,fromLabel:h,toLabel:f}),[y,C]=Object(l.useState)(!1);return Object(l.useEffect)(()=>{(!!g||v.from&&v.to&&y)&&u&&u(v)},[v,y,g]),A?n.a.createElement(m,null,n.a.createElement(r.Y,{vertical:b},n.a.createElement(r.Y.Item,{fill:!0},n.a.createElement(c.a,{label:"Starting",value:null===i||void 0===i?void 0:i.from,haveShow:e=>C(e),onChange:(e,t)=>{E(a=>({...a,from:e,fromLabel:t}))}})),n.a.createElement(r.Y.Item,{fill:!0},n.a.createElement(c.a,{label:"Ending",isTo:!0,value:null===i||void 0===i?void 0:i.to,haveShow:e=>C(e),onChange:(e,t)=>
5975{E(a=>({...a,to:e,toLabel:t}))}})))):n.a.createElement(r.t,null,n.a.createElement(r.Y,{vertical:!0},n.a.createElement(s,{canSelectOne:g,labelName:"Starting",value:null===i||void 0===i||null===(t=i.from)||void 0===t?void 0:t._i,isField:d,isExportAmazon:p,onChange:(e,t)=>{E(a=>({...a,from:e,fromLabel:t}))},haveShow:e=>C(e)})),n.a.createElement(r.Y,{vertical:!0},n.a.createElement(s,{canSelectOne:g,labelName:"Ending",value:null===i||void 0===i||null===(a=i.to)||void 0===a?void 0:a._i,isField:d,isExportAmazon:p,onChange:(e,t)=>{E(a=>({...a,to:e,toLabel:t}))},haveShow:e=>C(e)})))},m=u.b.div` 5976 margin-top: 12px; 5977 margin-left: -10px; 5978`},function(e,t,a){"use strict";a.d(t,"b",(function(){return O})),a.d(t,"a",(function(){return w})),a.d(t,"d",(function(){return S})),a.d(t,"c",(function(){return I}));var l=a(7),n=a(1),r=a(66),i=a.n(r),o=a(0),s=a.n(o),c=a(30),u=a(23),d=a(59),m=a(161),p=a(178),g=a(11),A=a(2),b=a(4),h=a(371),f=a(16),v=a(19);function E(){const[e,t]=Object(o.useReducer)(A.Hb,{open:!1}),{setNotify:a,toggleToast:r}=Object(v.b)(),[i,{loading:c}]=Object(l.c)(f.Wb,{onCompleted:()=>{a({msg:"Fetch status for Store success",err:!1}),u(!1)()},onError:e=>{a({msg:Object(A.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),u=s.a.useCallback(e=>()=>{t({open:e})},[]),d=s.a.useCallback(()=>{r&&r(!0),a&&a({msg:"",err:!1}),i()},[r,a,i]);return s.a.createElement(s.a.Fragment,null,s.a.createElement(n.g,{children:"Fetch store status",onClick:u(!0)}),s.a.createElement(n.E,{title:"Update Store Status",sectioned:!0,open:e.open,onClose:u(!1),secondaryActions:[{content:"Cancel",onAction:u(!1)}],primaryAction:{content:"Submit",onAction:d,loading:c}},s.a.createElement("p",null,"Are you sure to fetch status for the Store?")))}var y=a(289),C=a(5);const k=s.a.lazy(()=>a.e(153).then(a.bind(null,1824)));function O(){var e,t;const[a,r]=s.a.useState({limit:20,offset:0,platformSelected:[b.M.Tiktok],status:null,search:null}),{currentUser:o}=Object(g.c)(),f=Object(A.U)(o),{data:v,loading:C,error:O,refetch:j}=Object(l.d)(h.a,{variables:{filter:a},fetchPolicy:"no-cache"}),S=s.a.useCallback(e=>{let{search:t,status:a}=e;r(e=>i()(e.search,t)&&i()(e.status,a)?e:{...e,search:t,status:a,offset:0})},[]),B=s.a.useCallback((e,t)=>{r(a=>({...a,limit:t,offset:e}))},[]),D=Object(y.a)(I(v)),P=C&&s.a.createElement(n.D,null);return s.a.createElement(d.a,null,P,s.a.createElement(n.H,{fullWidth:!0,breadcrumbs:[{content:"Sales Channels",url:`/${f}/stores`}],title:"All Tiktok Accounts",primaryAction:s.a.createElement(n.h,null,s.a.createElement(n.g,{children:"Add Tiktok Account",url:`/${f}/stores/tiktok/add`,primary:!0}),s.a.createElement(E,null))},s.a.createElement(n.i,{sectioned:!0},s.a.createElement(p.a,{filter:a,onChange:S})),s.a.createElement(n.i,null,C?s.a.createElement(u.SkeletonPagePolaris,null):O?s.a.createElement("div",null,"Error: ",null===O||void 0===O?void 0:O.toString()):(null===v||void 0===v||null===(e=v.stores)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?s.a.createElement(s.a.Suspense,{fallback:s.a.createElement(u.SkeletonPagePolaris,null)},s.a.createElement(w,D,s.a.createElement(m.a,{data:v.stores.nodes||[],refetch:j,isChildNode:!0},s.a.createElement(k,{data:v,currentParam:f,filter:a,handlePaginationChange:B,refetch:j})))):s.a.createElement(c.EmptyStatePolaris,null))))}const j=s.a.createContext(null);function w(e){let{children:t,...a}=e;const l=s.a.useMemo(()=>({...a}),[a]);return s.a.createElement(j.Provider,{value:l},t)}function S(){return s.a.useContext(j)}function I(e){const t=Object(C.get)(e,"stores.nodes")||[];return Array.from(new Set(t.map(e=>null===e||void 0===e?void 0:e.id).filter(Boolean)))}},,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return r})),a.d(t,"b",(function(){return o})),a.d(t,"c",(function(){return s}));var l=a(0),n=a.n(l);const r=n.a.createContext({toggleToast:()=>Boolean,notifyChange:()=>{},filter:{}}),i=n.a.createContext(null);function o(e){let{children:t,...a}=e;return n.a.createElement(i.Provider,{value:{...a}},t)}function s(){return n.a.useContext(i)}},,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return Pr}));var l=a(0),n=a.n(l),r=a(9),i=a(5),o=a.n(i),s=a(814),c=a.n(s),u=a(815),d=a.n(u),m=a(816),p=a.n(m),g=a(817),A=a.n(g),b=a(818),h=a.n(b),f=a(819),v=a.n(f),E=a(820),y=a.n(E),C=a(821),k=a.n(C),O=a(822),j=a.n(O),w=a(823),S=a.n(w),I=a(824),B=a.n(I),D=a(825),P=a.n(D),x=a(826),M=a.n(x),T=a(827),Q=a.n(T),R=a(828),F=a.n(R),N=a(829),U=a.n(N),L=a(830),V=a.n(L),z=a(831),q=a.n(z),H=a(832),$=a.n(H),_=a(833),G=a.n(_),K=a(834),J=a.n(K),Y=a(835),W=a.n(Y),Z=a(836),X=a.n(Z),ee=a(837),te=a.n(ee),ae=a(838),le=a.n(ae),ne=a(839),re=a.n(ne),ie=a(840),oe=a.n(ie),se=a(841),ce=a.n(se),ue=a(842),de=a.n(ue),me=a(843),pe=a.n(me),ge=a(844),Ae=a.n(ge),be=a(845),he=a.n(be),fe=a(846),ve=a.n(fe),Ee=a(847),ye=a.n(Ee),Ce=a(848),ke=a.n(Ce),Oe=a(849),je=a.n(Oe),we=a(850),Se=a.n(we),Ie=a(851),Be=a.n(Ie),De=a(852),Pe=a.n(De),xe=a(853),Me=a.n(xe),Te=a(854),Qe=a.n(Te),Re=a(855),Fe=a.n(Re),Ne=a(856),Ue=a.n(Ne),Le=a(857),Ve=a.n(Le),ze=a(858),qe=a.n(ze),He=a(859),$e=a.n(He),_e=a(860),Ge=a.n(_e),Ke=a(861),Je=a.n(Ke),Ye=a(862),We=a.n(Ye),Ze=a(863),Xe=a.n(Ze),et=a(864),tt=a.n(et),at=a(865),lt=a.n(at),nt=a(866),rt=a.n(nt),it=a(867),ot=a.n(it),st=a(868),ct=a.n(st),ut=a(869),dt=a.n(ut),mt=a(870),pt=a.n(mt),gt=a(871),At=a.n(gt),bt=a(872),ht=a.n(bt),ft=a(873),vt=
5978a.n(ft),Et=a(874),yt=a.n(Et),Ct=a(875),kt=a.n(Ct),Ot=a(876),jt=a.n(Ot),wt=a(877),St=a.n(wt),It=a(878),Bt=a.n(It),Dt=a(879),Pt=a.n(Dt),xt=a(880),Mt=a.n(xt),Tt=a(881),Qt=a.n(Tt),Rt=a(882),Ft=a.n(Rt),Nt=a(883),Ut=a.n(Nt),Lt=a(884),Vt=a.n(Lt),zt=a(885),qt=a.n(zt),Ht=a(886),$t=a.n(Ht),_t=a(887),Gt=a.n(_t),Kt=a(888),Jt=a.n(Kt),Yt=a(889),Wt=a.n(Yt),Zt=a(890),Xt=a.n(Zt),ea=a(891),ta=a.n(ea),aa=a(892),la=a.n(aa),na=a(893),ra=a.n(na),ia=a(894),oa=a.n(ia),sa=a(895),ca=a.n(sa),ua=a(896),da=a.n(ua),ma=a(897),pa=a.n(ma),ga=a(898),Aa=a.n(ga),ba=a(899),ha=a.n(ba),fa=a(900),va=a.n(fa),Ea=a(901),ya=a.n(Ea),Ca=a(902),ka=a.n(Ca),Oa=a(903),ja=a.n(Oa),wa=a(904),Sa=a.n(wa),Ia=a(905),Ba=a.n(Ia),Da=a(906),Pa=a.n(Da),xa=a(907),Ma=a.n(xa),Ta=a(908),Qa=a.n(Ta),Ra=a(909),Fa=a.n(Ra),Na=a(910),Ua=a.n(Na),La=a(911),Va=a.n(La),za=a(912),qa=a.n(za),Ha=a(913),$a=a.n(Ha),_a=a(914),Ga=a.n(_a),Ka=a(915),Ja=a.n(Ka),Ya=a(916),Wa=a.n(Ya),Za=a(917),Xa=a.n(Za),el=a(918),tl=a.n(el),al=a(919),ll=a.n(al),nl=a(920),rl=a.n(nl),il=a(921),ol=a.n(il),sl=a(922),cl=a.n(sl),ul=a(923),dl=a.n(ul),ml=a(924),pl=a.n(ml),gl=a(925),Al=a.n(gl),bl=a(926),hl=a.n(bl),fl=a(927),vl=a.n(fl),El=a(928),yl=a.n(El),Cl=a(929),kl=a.n(Cl),Ol=a(930),jl=a.n(Ol),wl=a(931),Sl=a.n(wl),Il=a(932),Bl=a.n(Il),Dl=a(933),Pl=a.n(Dl),xl=a(934),Ml=a.n(xl),Tl=a(935),Ql=a.n(Tl),Rl=a(936),Fl=a.n(Rl),Nl=a(937),Ul=a.n(Nl),Ll=a(938),Vl=a.n(Ll),zl=a(939),ql=a.n(zl),Hl=a(940),$l=a.n(Hl),_l=a(941),Gl=a.n(_l),Kl=a(942),Jl=a.n(Kl),Yl=a(943),Wl=a.n(Yl),Zl=a(944),Xl=a.n(Zl),en=a(945),tn=a.n(en),an=a(946),ln=a.n(an),nn=a(947),rn=a.n(nn),on=a(948),sn=a.n(on),cn=a(949),un=a.n(cn),dn=a(950),mn=a.n(dn),pn=a(951),gn=a.n(pn),An=a(952),bn=a.n(An),hn=a(953),fn=a.n(hn),vn=a(954),En=a.n(vn),yn=a(955),Cn=a.n(yn),kn=a(956),On=a.n(kn),jn=a(957),wn=a.n(jn),Sn=a(958),In=a.n(Sn),Bn=a(959),Dn=a.n(Bn),Pn=a(960),xn=a.n(Pn),Mn=a(961),Tn=a.n(Mn),Qn=a(962),Rn=a.n(Qn),Fn=a(963),Nn=a.n(Fn),Un=a(964),Ln=a.n(Un),Vn=a(965),zn=a.n(Vn),qn=a(966),Hn=a.n(qn),$n=a(967),_n=a.n($n),Gn=a(968),Kn=a.n(Gn),Jn=a(969),Yn=a.n(Jn),Wn=a(970),Zn=a.n(Wn),Xn=a(971),er=a.n(Xn),tr=a(972),ar=a.n(tr),lr=a(973),nr=a.n(lr),rr=a(974),ir=a.n(rr),or=a(975),sr=a.n(or),cr=a(976),ur=a.n(cr),dr=a(977),mr=a.n(dr),pr=a(978),gr=a.n(pr),Ar=a(979),br=a.n(Ar),hr=a(980),fr=a.n(hr),vr=a(981),Er=a.n(vr),yr=a(982),Cr=a.n(yr),kr=a(983),Or=a.n(kr),jr=a(984),wr=a.n(jr),Sr=a(985),Ir=a.n(Sr);const Br=[{names:["antique-heliconia"],src:c.a},{names:["antique-sapphire"],src:d.a},{names:["aquamarine","aqua-triblend"],src:p.a},{names:["ash"],src:A.a},{names:["athletic-gold"],src:h.a},{names:["athletic-heather"],src:y.a},{names:["banana","banana-cream"],src:v.a},{names:["berry-softpink"],src:k.a},{names:["black","black-heather"],src:j.a},{names:["black-gold"],src:S.a},{names:["black-gray","black-athletic-heather","black-grey-cosmic","black-light-oxford"],src:B.a},{names:["black-orange"],src:P.a},{names:["black-white"],src:M.a},{names:["black-red","black-true-red"],src:Q.a},{names:["black-vintage-heather","black-graphite"],src:F.a},{names:["blue"],src:U.a},{names:["blue-berry"],src:V.a},{names:["brown"],src:q.a},{names:["burnt-orange"],src:$.a},{names:["cardinal"],src:G.a},{names:["cardinal-red"],src:J.a},{names:["carolina-blue"],src:W.a},{names:["charcoal"],src:X.a},{names:["charcoal-grey","charcoal-black-triblend","dark-grey"],src:te.a},{names:["charity-pink"],src:le.a},{names:["chocolate","macchiato"],src:re.a},{names:["columbia-blue"],src:oe.a},{names:["columbia-navy","carolina-blue-navy"],src:ce.a},{names:["coral"],src:de.a},{names:["daisy"],src:pe.a},{names:["dark-charcoal"],src:Ae.a},{names:["dark-chocolate"],src:he.a},{names:["dark-fuchsia","berry"],src:ve.a},{names:["dark-green"],src:ye.a},{names:["dark-heather","dark-heather-grey"],src:ke.a},{names:["dark-smoke","dark-grey-heather"],src:je.a},{names:["dark-smoke-black","dark-heather-grey-black"],src:Se.a},{names:["depp-smoke"],src:Be.a},{names:["deep-teal","deepa-zule"],src:Pe.a},{names:["electric-green"],src:Me.a},{names:["forest"],src:Qe.a},{names:["forest-green"],src:Fe.a},{names:["fuchsia","fuchsia-frost"],src:Ue.a},{names:["garnet"],src:Ve.a},{names:["gold"],src:qe.a},{names:["gold-royal"],src:$e.a},{names:["gold-black"],src:Ge.a},{names:["gold-navy"],src:Je.a},{names:["graphite"],src:We.a},{names:["graphite-black","black-electric-black"],src:Xe.a},{names:["gray","asphalt"],src:tt.a},{names:["gray-black","heather-grey-black"],src:lt.a}
5978,{names:["gray-navy","heather-grey-navy"],src:rt.a},{names:["gray-red","heather-grey-red"],src:ot.a},{names:["gray-royal","heather-grey-royal"],src:ct.a},{names:["gray-white","vintage-heather-white","graphite-white"],src:dt.a},{names:["green-apple","green"],src:pt.a},{names:["green-white","forest-green-white"],src:At.a},{names:["greenoasis","green-triblend"],src:ht.a},{names:["grey-heather","grey-frost"],src:vt.a},{names:["heather-grey","grey","premium-heather"],src:yt.a},{names:["heather-navy"],src:kt.a},{names:["heather-purple"],src:jt.a},{names:["heather-red","heathered-deep-red"],src:St.a},{names:["heather-royal"],src:Bt.a},{names:["heather-white","white-fleck-triblend"],src:Pt.a},{names:["heathered-nickel","grey-triblend"],src:Mt.a},{names:["heathered-steel","venetian-grey"],src:Qt.a},{names:["heavy-metal"],src:Ft.a},{names:["heliconia"],src:Ut.a},{names:["hot-pink"],src:Vt.a},{names:["hunter-green-gray","hunter-green-light-oxford"],src:qt.a},{names:["independence-red"],src:$t.a},{names:["indigo"],src:Gt.a},{names:["irish-green"],src:Jt.a},{names:["iron-grey"],src:Wt.a},{names:["kelly"],src:Xt.a},{names:["kelly-green"],src:ta.a},{names:["key-lime"],src:la.a},{names:["kiwi"],src:ra.a},{names:["leaf","envy"],src:oa.a},{names:["lemon-yellow","maize-yellow"],src:ca.a},{names:["light-blue"],src:da.a},{names:["light-pink","soft-pink"],src:pa.a},{names:["lilac","purple-frost"],src:Aa.a},{names:["lime"],src:ha.a},{names:["majestic-purple","purple-triblend"],src:va.a},{names:["marleddeepred","red-triblend"],src:ya.a},{names:["maroon"],src:ka.a},{names:["maroon-white"],src:ja.a},{names:["maroon-gray","maroon-light-oxford"],src:Sa.a},{names:["melon","light-orange"],src:Ba.a},{names:["midnight-navy","midnight"],src:Pa.a},{names:["military-green"],src:Ma.a},{names:["mint-green","mint"],src:Qa.a},{names:["navy"],src:Fa.a},{names:["navy-gold","true-navy-gold"],src:Ua.a},{names:["navy-oxford"],src:Va.a},{names:["navy-universityblue"],src:qa.a},{names:["navy-white","true-navy-white"],src:$a.a},{names:["navy-gray","bright-navy-light-oxford"],src:Ga.a},{names:["navy-navy-heather","navy-royal-cosmic"],src:Ja.a},{names:["neon-orange","safety-orange"],src:Wa.a},{names:["neon-pink"],src:Xa.a},{names:["old-gold"],src:tl.a},{names:["orange"],src:ll.a},{names:["orange-black"],src:rl.a},{names:["oxford-grey"],src:ol.a},{names:["pink-raspberry"],src:cl.a},{names:["purple","team-purple","purple-rush"],src:dl.a},{names:["purple-white"],src:pl.a},{names:["raspberry"],src:Al.a},{names:["red","canvas-red"],src:hl.a},{names:["red","red-white","true-red-white"],src:vl.a},{names:["royal","royal-triblend"],src:yl.a},{names:["royal-gold"],src:kl.a},{names:["royal-white","true-royal-white"],src:jl.a},{names:["royal-gray","royal-light-oxford"],src:Sl.a},{names:["sapphire"],src:Bl.a},{names:["scarlet","red-frost"],src:Pl.a},{names:["smoke"],src:Ml.a},{names:["sport-grey"],src:Ql.a},{names:["spring-yellow"],src:Fl.a},{names:["steel","heathered-charcoal"],src:Ul.a},{names:["storm-grey"],src:Vl.a},{names:["tahiti-blue"],src:ql.a},{names:["tan"],src:$l.a},{names:["taupe","pebble-brown"],src:Gl.a},{names:["teal"],src:Jl.a},{names:["texas-orange"],src:Wl.a},{names:["true-navy"],src:Xl.a},{names:["true-red"],src:tn.a},{names:["true-royal"],src:ln.a},{names:["turf-green"],src:rn.a},{names:["turquoise"],src:sn.a},{names:["vintage-black"],src:un.a},{names:["vintage-grey-vintage-orange","vintage-heather-deep-orange"],src:mn.a},{names:["vintage-heather-black"],src:gn.a},{names:["vintage-heather-carolina-blue"],src:bn.a},{names:["vintage-heather-forest-green"],src:fn.a},{names:["vintage-heather-gold"],src:En.a}
5978,{names:["vintage-heather-maroon"],src:Cn.a},{names:["vintage-heather-purple"],src:On.a},{names:["vintage-heather-true-navy"],src:wn.a},{names:["vintage-heather-true-red"],src:In.a},{names:["vintage-heather-true-royal"],src:Dn.a},{names:["vintage-navy"],src:xn.a},{names:["vintage-pink"],src:Tn.a},{names:["vintage-purple"],src:Rn.a},{names:["vintage-red"],src:Nn.a},{names:["vintage-royal"],src:Ln.a},{names:["white-gold"],src:zn.a},{names:["white-green","white-forest"],src:Hn.a},{names:["white-orange","white-deep-orange"],src:_n.a},{names:["white-purple"],src:Kn.a},{names:["white","vintage-white"],src:Yn.a},{names:["white-athletic-heather"],src:Zn.a},{names:["white-black","white-black-cosmic"],src:er.a},{names:["white-maroon"],src:ar.a},{names:["white-navy"],src:nr.a},{names:["white-red"],src:ir.a},{names:["white-royal","white-true-royal"],src:sr.a},{names:["white-raspberry","white-pink-cosmic"],src:ur.a},{names:["yellow"],src:mr.a},{names:["caldet-blue"],src:gr.a},{names:["coffee"],src:br.a},{names:["cream"],src:Cr.a},{names:["dusty-pink"],src:fr.a},{names:["mauve-taupe"],src:Er.a},{names:["sage-green"],src:Or.a},{names:["salmon"],src:wr.a},{names:["watermelon"],src:Ir.a}],Dr=r.b.img` 5979 width: 18px; 5980 height: 18px; 5981 border-radius: 50%; 5982 margin-right: 5px; 5983 object-fit: none; 5984`,Pr=e=>{let{optionSlug:t,borderColor:a="#1890ff"}=e;o.a.endsWith(t,"-")&&(t=t.substring(0,t.length-1));const l=o.a.find(Br,e=>e.names&&e.names.length&&e.names.includes(t));return n.a.createElement(n.a.Fragment,null,l?n.a.createElement(Dr,{src:l&&l.src,style:{border:t.match("white")&&"1px solid "+a},alt:""}):n.a.createElement("p",{style:{width:18,height:18}}))}},,function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var l=a(7),n=a(1),r=a(0),i=a.n(r),o=a(16),s=a(2),c=a(19);function u(e){let{onClose:t,open:a,refetch:r,storeId:u,isDeactivated:d}=e;const{setNotify:m,toggleToast:p}=Object(c.b)(),g=i.a.useRef(null),A=d?o.uc:o.vc,b=d?"Connected":"Deactivated",[h,{loading:f}]=Object(l.c)(A,{onCompleted:()=>{m({msg:`Mark store's status to ${b} success`,err:!1}),t(),r&&(g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{r()},1500))},onError:e=>{m({msg:Object(s.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),v=i.a.useCallback(()=>{p&&p(),m&&m({msg:null,err:!1}),h({variables:{storeId:u}})},[h,p,m,u]);return i.a.createElement(n.E,{title:"Mark as "+b,open:a,onClose:t,primaryAction:{content:"Submit",loading:f,onAction:v},secondaryActions:[{content:"Cancel",onAction:t}]},i.a.createElement(n.E.Section,null,i.a.createElement(n.bb,null,i.a.createElement("p",null,"Are you sure to mask status as ",b,"?"))))}},,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var l=a(26),n=a.n(l),r=(a(11),a(2));const i="create_user",o="edit_user",s="active_deactive_user",c="set_user_privilege",u=e=>{const t=n()(e,"isRootUser")||!1,a=n()(e,"privileges")||[],l=e=>!!t||!Object(r.c)(a)&&a.includes(e);return{canCreate:l(i),canEdit:l(o),canActiveOrDeactive:l(s),canSetPrivileges:l(c)}}},,function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var l=a(1),n=a(5),r=a.n(n),i=a(0),o=a.n(i),s=a(9);const c="in_production",u=["pending_payment","printing","ready_to_print"],d=e=>{let{value:t,aggregations:a,total:n,loading:s,defaultValue:d,onChange:p}=e;const[g,A]=Object(i.useState)(0),[b,h]=Object(i.useState)([]);Object(i.useEffect)(()=>{if(t&&t.length){let e=t.map((e,t)=>{let r=v(e&&e.key);return{id:r,content:o.a.createElement(m,null,o.a.createElement("span",{style:{marginRight:"0.5rem"}},e.name),s&&!t?o.a.createElement(l.X,{size:"small"}):s?null:a?o.a.createElement(l.e,null,e.key?E(a,r):n||0):null),accessibilityLabel:e.key,panelID:r}});h(e)}},[t,n,a,s]),Object(i.useEffect)(()=>{let e=d;if(e){if("Ready to Print"===e&&(e="Ready To Print"),t&&t.length){let a=t.findIndex(t=>t.name===e||t.key===e);A(a)}}else A(0)},[]);const f=Object(i.useCallback)(e=>{A(e);let t=b&&b.length?b.find((t,a)=>a===e):null,a=t&&t.accessibilityLabel;p&&p({status:"All"!==a?a:null})},[b]),v=Object(i.useCallback)(e=>e?e.toLowerCase().replace(/ /g,"_"):"",[]),E=Object(i.useCallback)((e,t)=>{const a=t=>r.a.get(e,t+".doc_count",0),l=a(t),n=[c].includes(t),i=u.reduce((e,t)=>
5984e+a(t),0);return n&&0===l?i:l},[]);return o.a.createElement(l.Z,{tabs:b,onSelect:f,selected:g})},m=s.b.span` 5985 .Polaris-Spinner { 5986 display: inline-block; 5987 transform: translateY(3px); 5988 } 5989`},function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var l=a(0),n=a.n(l),r=a(1),i=a(5),o=a(2),s=a(21);const c=e=>{const{data:t,value:a,onChange:c,onChangeSearch:u,label:d,placeholder:m,required:p,labelHidden:g,error:A,queryError:b,loading:h,onFocus:f,suffix:v,allowMultiple:E=!0}=e,[y,C]=Object(l.useState)(null),[k,O]=Object(l.useState)([]),[j,w]=Object(l.useState)([]),[S,I]=Object(l.useState)(null);Object(l.useEffect)(()=>{O(t)},[t]),Object(l.useEffect)(()=>{a&&!S&&(w(a?[a.value]:[]),C(a?a.label:null))},[a]);const B=Object(l.useCallback)(e=>{C(e),I(()=>!0),u&&u(e?e.trim():null)},[]),D=Object(l.useCallback)(e=>{const t=e.map(e=>{const t=k.find(t=>t.value===e);let a=t&&t.label;return"object"===typeof a&&(a=Object(i.get)(a,"props.children","")),a});w(e),C(Object(i.head)(t)),c&&c({value:Object(i.head)(e),label:Object(i.head)(t)})},[k]),P=n.a.createElement(r.c.TextField,{value:y,onChange:B,placeholder:m||"Filter item",error:A,onFocus:f,suffix:v});return n.a.createElement(n.a.Fragment,null,g?null:n.a.createElement(s.a,{label:d,required:p}),h?n.a.createElement(r.X,{size:"small"}):n.a.createElement(n.a.Fragment,null,b?n.a.createElement("div",null,"Error: ",Object(o.ib)(b.toString())):n.a.createElement(r.c,{options:k,selected:j,onSelect:D,textField:P,emptyState:n.a.createElement("span",null,"No items found!"),willLoadMoreResults:!0,allowMultiple:E})))}},function(e,t,a){e.exports=a.p+"static/media/tiktok-logo.c457a882.png"},function(e,t,a){"use strict";a.d(t,"a",(function(){return i})),a.d(t,"b",(function(){return o}));var l=a(0),n=a.n(l);const r=Object(l.createContext)({});function i(e){let{children:t,...a}=e;const i=Object(l.useMemo)(()=>a,[a]);return n.a.createElement(r.Provider,{value:i},t)}function o(){return Object(l.useContext)(r)}},function(e,t,a){"use strict";var l=a(0),n=a.n(l),r=a(1);const i=a(9).b.div` 5990 margin-bottom: 20px; 5991`;t.a=e=>{let{error:t}=e;return n.a.createElement(i,null,t&&t.graphQLErrors.map((e,t)=>{let{message:a}=e;return n.a.createElement(r.x,{key:t,message:a.includes("stores_domain_key")?"Email already exist!":a})}))}},,,function(e,t,a){"use strict";a.d(t,"b",(function(){return p})),a.d(t,"a",(function(){return g})),a.d(t,"c",(function(){return b}));var l=a(25),n=a(1),r=a(646),i=a(1371),o=a(35),s=a(135),c=a.n(s),u=a(0),d=a.n(u),m=a(9);const p=o.a` 5992 mutation createUploadUrl($input: RequestFileUpload!, $uniqueFolder: Boolean) { 5993 createUploadUrl(input: $input, uniqueFolder: $uniqueFolder) { 5994 key 5995 url 5996 } 5997 } 5998`,g=o.a` 5999 mutation createFile($input: NewFile!) { 6000 createFile(input: $input) { 6001 id 6002 name 6003 key 6004 mimeType 6005 size 6006 url 6007 thumbnailUrl 6008 createdAt 6009 } 6010 } 6011`,A=m.b.div` 6012 min-height: 60rem; 6013 .uploaded-wrap { 6014 display: block; 6015 margin-top: 2rem; 6016 } 6017 .image-wrap { 6018 position: relative; 6019 display: flex; 6020 flex-direction: row; 6021 justify-content: space-between; 6022 .image-title-wrap { 6023 display: flex; 6024 flex-direction: row; 6025 column-gap: 0.5rem; 6026 } 6027 } 6028`,b=e=>{const{accept:t,multiple:a,folder:o,isPrintFile:s,onChange:m,type:b,handleChangeOkBtnDisabled:h,maxSize:f,uniqueFolder:v}=e,[E,y]=Object(u.useState)([]),[,C]=Object(u.useState)([]),[k,O]=Object(u.useState)([]),[j,w]=Object(u.useState)({}),[S,I]=Object(u.useState)(!1);Object(u.useEffect)(()=>{m&&m(k)},[k]);const B=Object(u.useCallback)((e,t,a,l,n)=>{y(e=>[...e,...t]),C(a);let r=t;for(let i=0;i<r.length;i++)D(r[i],i,l,n)},[]),D=Object(u.useCallback)((e,t,a,l)=>{w(e=>({...e,[t]:!0})),h&&h(!0),x(e,async n=>{let r=e.type,i=e.name;if(n)switch(r=n,n){case"image/webp":i=i.replace(/\.[^/.]+$/,".webp");break;case"image/gif":i=i.replace(/\.[^/.]+$/,".gif");break;case"image/jpeg":i=i.replace(/\.[^/.]+$/,".jpg");break;case"image/png":i=i.replace(/\.[^/.]+$/,".png")}try{const n=await a({variables:{input:{name:i,mimeType:r,size:e.size,folder:o||null},uniqueFolder:v}}),{key:u,url:d}=n.data.createUploadUrl;await c.a.put(d,e,{headers:{"Content-Type":r},timeout:18e5});const m=await l.mutate({mutation:g,variables:{input:{name:i,key:u,size:e.size,mimeType:r,isPrintFile:s}}});let p=[];m&&(h&&h(!1),p.push(m.data.createFile),w(e=>({...e,[t]:!1}))),O(e=>[...e,...p])}catch(u){}})},[]),P=Object(u.useCallback)(e=>{y(t=>t.filter((t,a)=>
6028e!==a)),O(t=>t.filter((t,a)=>e!==a))},[]),x=(e,t)=>{const a=[{mime:"image/png",pattern:[137,80,78,71]},{mime:"image/jpeg",pattern:[255,216,255]},{mime:"image/gif",pattern:[71,73,70,56]},{mime:"image/webp",pattern:[82,73,70,70,void 0,void 0,void 0,void 0,87,69,66,80,86,80]}],l=Math.max(...a.map(e=>e.pattern.length)),n=e.slice(0,l),r=new FileReader;r.onloadend=e=>{if(!e||!r.result)return t(null);const l=new Uint8Array(r.result),n=a.find(e=>((e,t)=>t.pattern.every((t,a)=>!t||e[a]===t))(l,e));return t(n?n.mime:null)},r.readAsArrayBuffer(n)},M=d.a.createElement(n.p.FileUpload,null),T=E.length>0?d.a.createElement(n.Y,{vertical:!0},E.map((e,t)=>d.a.createElement("div",{className:"image-wrap",key:"image-"+t},d.a.createElement("div",{className:"image-title-wrap"},j[t]?d.a.createElement(n.X,{size:"small"}):d.a.createElement(n.w,{source:r.a}),d.a.createElement("span",null,e.name)),d.a.createElement(n.g,{plain:!0,icon:i.a,onClick:()=>P(t)})))):null,Q=e=>e instanceof File&&null!=f&&"number"===typeof f&&(!e.size||e.size<1||e.size>f)?(I(!0),!1):(I(!1),!0);return d.a.createElement(A,null,d.a.createElement(l.a,{mutation:p},(e,l)=>{let{client:r}=l;return d.a.createElement(n.p,{accept:t,type:b,allowMultiple:a,customValidator:Q,onDrop:(t,a,l)=>B(t,a,l,e,r),labelHidden:"Evidence"},M)}),S?d.a.createElement("span",{style:{display:"block",marginTop:10}},d.a.createElement(n.x,{message:"File is too large"})):null,d.a.createElement("div",{className:"uploaded-wrap"},T))}},,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return h}));var l=a(0),n=a.n(l),r=a(1),i=a(27),o=a.n(i),s=a(5),c=a.n(s),u=a(217),d=a(116),m=a.n(d);const p=[{value:"January",label:"January"},{value:"February",label:"February"},{value:"March",label:"March"},{value:"April",label:"April"},{value:"May",label:"May"},{value:"June",label:"June"},{value:"July",label:"July"},{value:"August",label:"August"},{value:"September",label:"September"},{value:"October",label:"October"},{value:"November",label:"November"},{value:"December",label:"December"}],g={January:0,February:1,March:2,April:3,May:4,June:5,July:6,August:7,September:8,October:9,November:10,December:11},A=Object.keys(g);function b(e){let{value:t,onChange:a}=e;const[l,i]=n.a.useState([]),o=n.a.useCallback(e=>{const t=g[e[0]];a({from:m()().month(t).startOf("month"),to:m()().month(t).endOf("month")},e[0]),i(e)},[]);n.a.useEffect(()=>{A.includes(t)&&i([t])},[t]);const s=n.a.useMemo(()=>{const e=m()().get("month"),t=[];for(let a=0;a<=e;a++)t.push(p[a]);return t},[]);return n.a.createElement(r.k,{title:"Filter time",titleHidden:!0,choices:s,selected:l,onChange:o})}const h=e=>{const{onChangeRange:t,filterTime:{range:a,rangeLabel:i}}=e,[s,d]=Object(l.useState)([]),[m,p]=Object(l.useState)({range:a,rangeLabel:i}),g=Object(l.useCallback)(e=>e&&n.a.createElement(u.a,{customTime:m,isFilter:!0,onChange:e=>{let{from:a,to:l,fromLabel:n,toLabel:r}=e;p({rangeLabel:`${n} - ${r}`,range:{from:a,to:l}}),t&&t({from:a,to:l},`${n} - ${r}`)}}),[s]),h=n.a.useCallback((e,a)=>{t&&t(e,a)},[]),f=Object(l.useCallback)(e=>e&&n.a.createElement(b,{onChange:h,value:i}),[s,h,i]),v=[...e.options,{value:"Custom",label:"Custom",renderChildren:g},{value:"Pre-defined month",label:"Pre-defined month",renderChildren:f}];Object(l.useEffect)(()=>{if(null===a&&"Custom"!==i&&"Pre-defined month"!==i)d("All");else{let e="";e=c.a.values(c.a.mapValues(v,"value")).includes(i)?""+i:A.includes(i)?"Pre-defined month":"Custom",d(e)}},[a,i]);const E=Object(l.useCallback)(e=>{let a={from:null,to:null},l=e[0];if(e[0])switch(e[0]){case"Today":a.from=o()().startOf("day"),a.to=o()().endOf("day");break;case"Yesterday":a.from=o()().subtract(1,"days").startOf("day"),a.to=o()().subtract(1,"days").endOf("day");break;case"Last 7 days":a.from=o()().subtract(7,"days").startOf("day"),a.to=o()();break;case"This month":a.from=o()().startOf("month"),a.to=o()();break;case"Last month":a.from=o()().subtract(1,"months").startOf("months"),a.to=o()().subtract(1,"months").endOf("months");break;case"pre_defined":a=null;break;case"Custom":a=null,p({range:null});break;default:a=null}t&&t(a,l),d(e)},[]);return n.a.createElement(r.k,{title:"Filter time",titleHidden:!0,choices:v,selected:s,onChange:E})}},,,function(e,t,a){"use strict";a.d(t,"a",(function(){return k})),a.d(t,"b",(function(){return j}));var l=a(7),n=a(1),r=a(35),i=a(5),o=a.n(i),s=a(0),c=a.n(s),u=a(11),d=a(2),m=a(12),p=a(4),g=a(30),A=a(81),b=a(23),h=a(526),f=a(373),v=a(16),E=a(19);function y(e){let{open:t,onClose:a,ids:r,onCompleted:i}=e;const{setNotify:o,toggleToast:u}=Object(E.b)(),[m,{loading:p}]=Object(l.c)(v.Be,{onCompleted:()=>{o({msg:"Mark verify for Member success",err:!1}),a(),i&&i()},onError:e=>{o({msg:Object(d.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),g=Object(s.useCallback)(()=>{Object(d.c)(r)||(o&&o({msg:null,err:!1}),u&&u(!0),m({variables:{ids:r}}))},[r,m,o,u]);return c.a.createElement(n.E,{open:t,title:"Mark Verify",onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Verify",onAction:g,loading:p}},c.a.createElement("p",null,"Are you sure to verify for this Member(s)?"))}function C(){const{currentUser:e}=Object(u.c)(),{isSeller:t}=Object(d.j)(e),[a,l]=Object(s.useReducer)(d.Hb,{open:!1,action:null}),{ids:r,onCompleted:i,refetch:o}=Object(A.b)(),m=Object(s.useCallback)(e=>{l(t=>({...t,open:!t.open,action:e}))},[]),p={open:a.open,toggleShowModal:m,onClose:m,onCompleted:i,ids:r,refetch:o},g={verify:c.a.createElement(y,p)};return c.a.createElement(c.a.Fragment,null,c.a.createElement(n.h,{segmented:!0},t?c.a.createElement(n.g,{children:"Mark Verify",onClick:()=>m("verify"),disclosure:!0}):null),g[a.action]||null)}const k=r.a` 6029 query teamMembers($filter: TeamUserFilter) { 6030 teamMembers(filter: $filter) { 6031 count 6032 hits { 6033 id 6034 role 6035 team { 6036 id 6037 } 6038 user { 6039 id 6040 firstName 6041 lastName 6042 roles 6043 email 6044 phone 6045 address 6046 status 6047 isEnabledInvoice 6048 avatar { 6049 id 6050 url 6051 } 6052 } 6053 } 6054 } 6055 } 6056`,O=[...p.n,"status","role"],j=e=>{var t,a;let{path:r}=e;const i=Object(s.useMemo)(()=>Object(d.Bb)(r),[r]),v=Object(s.useMemo)(()=>{let e={...Object(d.m)(m.a.location.search)};if(e){e.status&&("active"===e.status&&(e.status=!0),"inactive"===e.status&&(e.status=!1));let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(d.n)(e.limit,Math.round(e.paged))),e=Object(d.Jb)(e,O)}return e},[i]),{currentUser:E}=c.a.useContext(u.a),y=null===E||void 0===E?void 0:E.id,{isIdeaLeader:j}=Object(d.j)(E),S=Object(d.ub)(E),I=p.s.accIds.includes(y);let B=null;I&&(B=p.gb.Designer);const[D,P]=Object(s.useState)({limit:Number(Object(d.M)("perPageMembers"))||20,offset:0,search:null,status:null,role:B,...v}),{data:x,loading:M,error:T,refetch:Q}=Object(l.d)(k,{variables:{filter:D},fetchPolicy:"cache-and-network"});Object(s.useEffect)(()=>{let{offset:e,limit:t,status:a,...l}=D;!0===a&&(a="active"),!1===a&&(a="inactive");let n=null,r=Object(d.o)(t,e);n=Object(d.l)({limit:t,paged:r,status:a,...l}),m.a.push(`${m.a.location.pathname}?${n}`)},[D]);const R=M&&c.a.createElement(n.D,null);return c.a.createElement(c.a.Fragment,null,R,c.a.createElement(n.i,{sectioned:!0},c.a.createElement(h.a,{isLeadSpecial:I,isIdeaLeader:j,filter:D,onChange:e=>{let{search:t,status:a,role:l}=e;return P(e=>(o.a.isEqual(e.search,t)&&o.a.isEqual(e.status,a)&&o.a.isEqual(e.role,l)||(e.offset=0),{...e,search:t,status:a,role:I?B:l}))}})),c.a.createElement(n.i,null,T&&c.a.createElement("div",null,"Error: ",Object(d.ib)(T.toString())),M?c.a.createElement(b.default,null):(null===x||void 0===x||null===(t=x.teamMembers)||void 0===t||null===(a=t.hits)||void 0===a?void 0:a.length)>0?c.a.createElement(A.a,{data:w(x||[]),refetch:Q,actionMarkup:S?null:c.a.createElement(C,null),isChildNode:!0},c.a.createElement(f.a,{isLeadSpecial:I,data:x,filter:D,refetch:Q,setValuePage:(e,t)=>
6056{P(a=>({...a,offset:e,limit:t})),Object(d.Nb)("perPageMembers",t,100)}})):c.a.createElement(g.EmptyStatePolaris,null)))};function w(e){var t;return((null===e||void 0===e||null===(t=e.teamMembers)||void 0===t?void 0:t.hits)||[]).map(e=>null===e||void 0===e?void 0:e.user).filter(Boolean)}},,,,,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var l=a(0),n=a.n(l),r=a(1);const i=[{value:"All",label:"All"},{value:!0,label:"Active"},{value:!1,label:"Inactive"}],o=e=>{let{status:t,onChange:a}=e;const[o,s]=Object(l.useState)(["All"]);Object(l.useEffect)(()=>{s(null===t?["All"]:[t])},[t]);const c=Object(l.useCallback)(e=>{const t=e.map(e=>{const t=i.find(t=>t.value===e);return t&&t.label});a&&a("All"!==e[0]?e[0]:null,"All"!==t[0]?t[0]:null),s(e)},[]);return n.a.createElement(r.k,{title:"Status",titleHidden:!0,selected:o,choices:i,onChange:c})}},function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var l=a(0),n=a.n(l),r=a(1),i=a(9),o=a(11),s=a(41);const c=i.b.div` 6057 padding: 0 3.2rem; 6058 ${e=>{let{isMobile:t}=e;return t&&"padding: 0;"}} 6059 .Polaris-Card { 6060 border-bottom-right-radius: 0; 6061 border-top-right-radius: 0; 6062 border-top-left-radius: 0; 6063 margin-right: 1px; 6064 } 6065 .btn-wrap { 6066 display: flex; 6067 flex-direction: row-reverse; 6068 .Polaris-Button { 6069 border-top-right-radius: 0; 6070 border-top-left-radius: 0; 6071 border-top-width: 0; 6072 } 6073 } 6074 .collapsible-wrap { 6075 padding: 2rem; 6076 h3 { 6077 font-size: 1.1em; 6078 font-weight: 500; 6079 margin-bottom: 0.5rem; 6080 } 6081 .Polaris-ChoiceList__Choices { 6082 display: flex; 6083 flex-direction: row; 6084 flex-wrap: wrap; 6085 > * { 6086 width: 25%; 6087 } 6088 } 6089 .other-setting { 6090 padding-top: 1.6rem; 6091 } 6092 } 6093 @media (min-width: 1024px) { 6094 .collapsible-wrap { 6095 .Polaris-ChoiceList__Choices { 6096 > * { 6097 width: 20%; 6098 } 6099 } 6100 } 6101 } 6102 @media (max-width: 768px) { 6103 .collapsible-wrap { 6104 .Polaris-ChoiceList__Choices { 6105 > * { 6106 width: 50%; 6107 } 6108 } 6109 } 6110 } 6111`,u=e=>{let{defaultValue:t,onChange:a,options:i,hasFixedColumn:u,onChangeFixedColumn:d,fixedColumn:m}=e;const{isMobile:p}=Object(o.c)(),[g,A]=Object(l.useState)(!1),[b,h]=Object(l.useState)([]),[f,v]=Object(l.useState)(!!m);Object(l.useEffect)(()=>h(t),[t]);const[E]=Object(s.a)(),y=Object(l.useCallback)(e=>{h(e),a&&E(()=>{a(e)},750)},[]),C=Object(l.useCallback)(()=>A(e=>!e),[]),k=Object(l.useCallback)((e,t)=>{const a=e&&e.priority?e.priority:0,l=t&&t.priority?t.priority:0;let n=0;return a>l?n=1:a<l&&(n=-1),n},[]);let O=i.length?i.sort(k).map(e=>({value:e.value,label:e.label})):[];return n.a.createElement(c,{isMobile:p,id:"screen-options"},n.a.createElement(r.i,null,n.a.createElement(r.l,{open:g,id:"screenOptions_pa",transition:{duration:"550ms",timingFunction:"ease"}},n.a.createElement("div",{className:"collapsible-wrap"},n.a.createElement("h3",null,"Columns visible"),n.a.createElement(r.bb,null,n.a.createElement(r.k,{choices:O,selected:b,onChange:y,allowMultiple:!0})),u?n.a.createElement("div",{className:"other-setting"},n.a.createElement("h3",null,"Other setting"),n.a.createElement(r.j,{label:"Fixed actions column",checked:f,onChange:e=>{v(e),d&&d(e)}})):null))),n.a.createElement("div",{className:"btn-wrap"},n.a.createElement(r.g,{ariaExpanded:g,ariaControls:"screenOptions_pa",onClick:C,children:"Screen options",disclosure:g?"up":"down"})))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var l=a(7),n=a(0),r=a.n(n),i=a(1),o=a(16),s=a(2),c=a(19);function u(e){let{open:t,onClose:a,store:n}=e;const{id:u}=n,[d,{loading:m}]=Object(l.c)(o.Ic),{toggleToast:p,setNotify:g}=Object(c.b)(),A=r.a.useCallback(()=>{u&&d({variables:{storeID:u}}).then(()=>{g({err:!1,msg:"Index Order for this Store success"})}).catch(e=>{g({err:!0,msg:Object(s.ib)(e.toString())})}).finally(()=>{a&&a()})},[d,u,a,p,g]);return r.a.createElement(i.E,{title:"Index Order",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Submit",onAction:A,loading:m},secondaryActions:[{content:"Cancel",onAction:a}]},r.a.createElement("p",null,"Are you sure to Index Order for this Store?"))}},,function(e,t,a){"use strict";a.d(t,"c",(function(){return D})),a.d(t,"b",(function(){return P})),a.d(t,"a",(function(){return x})),a.d(t,"d",(function(){return M}));var l=a(7),n=a(1),r=a(35),i=a(66),o=a.n(i),s=a(0),c=a.n(s),u=a(9),d=a(1538),m=a(1496),p=a(1371),g=a(5);const A={paypal:"Paypal",pingPong:"PingPong",stripe:"Stripe"},b=e=>{let{onChangeValue:t,value:a}=e;
6111const[l,r]=Object(s.useState)({title:null,method:A.paypal,apiUsername:null,apiPassword:null,apiSignature:null,appId:null,appSecret:null,note:""});Object(s.useEffect)(()=>{r(a)},[a]);const i=c.a.useRef(!1),o=c.a.useCallback((e,a)=>{t(e,a),i.current="method"!==a},[t]);return c.a.createElement(n.bb,null,c.a.createElement(n.cb,{label:"Title",value:l.title,onChange:e=>o(e,"title"),error:!l.title&&i.current,placeholder:"Enter title"}),c.a.createElement(n.Q,{label:"Payment gateway",options:Object.values(A),onChange:e=>o(e,"method"),value:l.method,placeholder:"Enter payment gateway"}),l.method===A.paypal?c.a.createElement(c.a.Fragment,null,c.a.createElement(n.cb,{label:"API Username",value:l.apiUsername,onChange:e=>o(e,"apiUsername"),error:!l.apiUsername&&i.current,placeholder:"Enter API Username"}),c.a.createElement(n.cb,{label:"API Password",value:l.apiPassword,onChange:e=>o(e,"apiPassword"),error:!l.apiPassword&&i.current,placeholder:"Enter API Password"}),c.a.createElement(n.cb,{label:"API Signature",value:l.apiSignature,onChange:e=>o(e,"apiSignature"),error:!l.apiSignature&&i.current,placeholder:"Enter API Signature"})):l.method===A.pingPong?c.a.createElement(c.a.Fragment,null,c.a.createElement(n.cb,{label:"App Id",value:l.appId,onChange:e=>o(e,"appId"),error:!l.appId&&i.current,placeholder:"Enter App Id"}),c.a.createElement(n.cb,{label:"API Secret",value:l.appSecret,onChange:e=>o(e,"appSecret"),error:!l.appSecret&&i.current,placeholder:"Enter API Secret"})):c.a.createElement(c.a.Fragment,null,c.a.createElement(n.cb,{label:"Publishable key",value:l.apiUsername,onChange:e=>o(e,"apiUsername"),error:!l.apiUsername&&i.current,placeholder:"Enter Publishable key"}),c.a.createElement(n.cb,{label:"Secret key",value:l.apiPassword,onChange:e=>o(e,"apiPassword"),error:!l.apiPassword&&i.current,placeholder:"Enter Secret key"})),c.a.createElement(n.cb,{label:"Note",multiline:4,value:l.note,onChange:e=>o(e,"note")}))},h=r.a` 6112 mutation updatePaymentAccount($input: UpdatePaymentAccount!) { 6113 updatePaymentAccount(input: $input) { 6114 id 6115 title 6116 method 6117 apiUsername 6118 apiPassword 6119 apiSignature 6120 balance 6121 } 6122 } 6123`,f=r.a` 6124 mutation deletePaymentAccount($id: ID!) { 6125 deletePaymentAccount(id: $id) 6126 } 6127`,v="Paypal",E=e=>{let{paymentAccount:t,notification:a,handleRefreshBalance:r,refetch:i}=e;const[o,u]=Object(s.useState)(!1),[A,E]=Object(s.useState)(!1),[y,C]=Object(s.useState)(!1),[k,O]=Object(s.useState)(!1),[j,w]=Object(s.useState)({id:null,title:null,method:v,apiUsername:null,apiPassword:null,apiSignature:null,appId:null,appSecret:null}),[S]=Object(l.c)(h),[I]=Object(l.c)(f),B=Object(s.useCallback)(e=>()=>e(e=>!e),[]),D=Object(s.useCallback)((e,t)=>{w(a=>{const l={...a,[t]:e};if("method"!==t)return l;const n=P[e];for(let e of Object.keys(l))[...n,"title","note","method"].includes(e)||(l[e]=void 0);return l})},[w]),x=Object(s.useCallback)(async()=>{try{O(!0);const{data:e}=await S({variables:{input:{id:j.id,title:j.title,apiUsername:j.apiUsername,apiPassword:j.apiPassword,apiSignature:j.apiSignature,appId:j.appId,appSecret:j.appSecret,note:j.note}}});O(!1),(null===e||void 0===e?void 0:e.updatePaymentAccount)&&(i(),B(E)(),a("Update payment account successfully",!1))}catch(e){a(e.message,!0)}});Object(s.useEffect)(()=>{Object(g.isObject)(t)&&w(t)},[t,w]);const T=M(j);return c.a.createElement(c.a.Fragment,null,c.a.createElement(n.K,{active:o,activator:c.a.createElement(n.g,{onClick:B(u),disclosure:!0},"Actions"),autofocusTarget:"first-node",onClose:B(u)},c.a.createElement(n.a,{actionRole:"menuitem",sections:[{items:[{content:"Refresh balance",icon:d.a,onAction:r([j.id]),loading:!0},{content:"Edit",icon:m.a,onAction:B(E)}]},{items:[{destructive:!0,content:"Delete",icon:p.a,onAction:B(C)}]}]})),c.a.createElement(n.E,{open:A,onClose:B(E),title:"Update payment account",primaryAction:{content:"Update",loading:k,disabled:T,onAction:x}},c.a.createElement(n.E.Section,null,c.a.createElement(b,{onChangeValue:D,value:j}))),c.a.createElement(n.E,{open:y,onClose:B(C),title:"Delete payment account",primaryAction:{content:"Delete",loading:k,disabled:!j.id,onAction:async()=>{O(!0);try{const{data:e}=await I({variables:{id:j.id}});(null===e||void 0===e?void 0:e.deletePaymentAccount)&&(O(!1),B(C)(),i(),a("Delete payment account successfully",!1))}catch(e){a(e.message,!0)}}}},c.a.createElement(n.E.Section,null,c.a.createElement(n.bb,null,c.a.createElement("p",null,"Are you sure want to delete payment account: ",j.title)))))};var y=a(30),C=a(23),k=a(11),O=a(2);const j=c.a.lazy(()=>
6127a.e(41).then(a.bind(null,1776))),w=u.b.div` 6128 position: relative; 6129 .Polaris-Page-Header { 6130 padding-top: 0; 6131 } 6132 .pager { 6133 display: flex; 6134 justify-content: flex-end; 6135 padding: 20px; 6136 align-items: center; 6137 } 6138 .spinner { 6139 margin-right: 20px; 6140 } 6141 .filter { 6142 padding: 15px; 6143 } 6144 6145 .title-wrap { 6146 width: calc(40rem - 3.2rem); 6147 white-space: normal; 6148 word-break: break-word; 6149 } 6150 .id-wrap { 6151 width: calc(7rem - 3.2rem); 6152 white-space: normal; 6153 word-break: break-word; 6154 } 6155 .balance-wrap, 6156 .method-wrap { 6157 width: calc(17rem - 3.2rem); 6158 white-space: normal; 6159 word-break: break-word; 6160 } 6161 .actions-wrap { 6162 display: flex; 6163 flex-direction: row-reverse; 6164 width: calc(18rem - 3.2rem); 6165 white-space: normal; 6166 word-break: break-word; 6167 margin-left: auto; 6168 } 6169`,S=r.a` 6170 query paymentAccounts($filter: PaymentAccountFilter!) { 6171 paymentAccounts(filter: $filter) { 6172 total 6173 nodes { 6174 id 6175 title 6176 method 6177 apiUsername 6178 apiPassword 6179 apiSignature 6180 appId 6181 appSecret 6182 balance 6183 note 6184 } 6185 } 6186 } 6187`,I=r.a` 6188 mutation refreshBalance($ids: [ID!]) { 6189 refreshBalance(ids: $ids) { 6190 id 6191 title 6192 method 6193 apiUsername 6194 apiPassword 6195 apiSignature 6196 appId 6197 appSecret 6198 balance 6199 note 6200 } 6201 } 6202`,B=r.a` 6203 mutation createPaymentAccount($input: NewPaymentAccount!) { 6204 createPaymentAccount(input: $input) { 6205 id 6206 title 6207 method 6208 apiUsername 6209 apiPassword 6210 apiSignature 6211 balance 6212 } 6213 } 6214`,D={paypal:"Paypal",pingPong:"PingPong",stripe:"Stripe"},P={[D.paypal]:["apiUsername","apiPassword","apiSignature"],[D.pingPong]:["appId","appSecret"],[D.stripe]:["apiUsername","apiPassword"]},x=()=>{const{currentUser:e}=Object(k.c)(),[t,a]=Object(s.useState)(!1),[r,i]=Object(s.useState)({isError:!1,message:""}),[u,d]=c.a.useReducer(O.Hb,{search:"",paged:1,limit:1e3,teamId:null,method:null}),{data:m,loading:p,refetch:g}=Object(l.d)(S,{variables:{filter:u}}),[A,h]=Object(s.useState)([]),[f,v]=Object(s.useState)(!1),[x,Q]=Object(s.useState)(!1),[R,F]=Object(s.useState)({title:null,method:D.paypal,apiUsername:null,apiPassword:null,apiSignature:null,appId:null,appSecret:null}),[N]=Object(l.c)(I),[U]=Object(l.c)(B),L=Object(s.useCallback)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];a(e=>!e),i({message:e,isError:t})}),[]),V=Object(s.useCallback)(e=>{let{search:t,teamId:a,method:l}=e;d(e=>o()(e.search,t)&&o()(e.teamId,a)&&o()(e.method,l)?e:{...e,search:t,teamId:a,method:l,paged:1})},[]),z=Object(s.useCallback)(e=>async()=>{try{Q(!0);const{data:t}=await N({variables:{ids:e}});if(Q(!1),null===t||void 0===t?void 0:t.refreshBalance){const e={};for(const a of t.refreshBalance){let t=a.balance;if(T(t))e[a.id]=c.a.createElement("div",{className:"balance-wrap",dangerouslySetInnerHTML:{__html:t}});else{const l=(t||"").split(/\|/);e[a.id]=(null===t||void 0===t?void 0:t.length)>0?c.a.createElement(n.Y,{vertical:!0,spacing:"extraTight"},l.map((e,t)=>c.a.createElement("span",{key:"balance-"+t},e))):c.a.createElement("span",null,"0")}}h(t=>{for(const a of t){const{id:t,data:l}=a;e[t]&&(l[3]=e[t])}return t}),L("Refresh balance successfully",!1)}}catch(t){L(t.message,!0)}},[N,L,h]),q=Object(s.useCallback)((e,t)=>{F(a=>{const l={...a,[t]:e};if("method"!==t)return l;const n=P[e];for(let e of Object.keys(l))[...n,"title","note","method"].includes(e)||(l[e]=void 0);return l})},[F]),H=Object(s.useCallback)(async()=>{try{Q(!0);const{data:e}=await U({variables:{input:R}});Q(!1),(null===e||void 0===e?void 0:e.createPaymentAccount)&&(g(),v(!1),L("Create payment account successfully",!1))}catch(e){L(e.message,!0)}},[R,Q,L,g,v]);Object(s.useEffect)(()=>{var e;h(m?null===m||void 0===m||null===(e=m.paymentAccounts)||void 0===e?void 0:e.nodes.map((e,t)=>{let a=e.balance;let l="";if(T(a))l=c.a.createElement("div",{className:"balance-wrap",dangerouslySetInnerHTML:{__html:a}});else{const e=(a||"").split(/\|/);l=c.a.createElement(n.Y,{vertical:!0,spacing:"extraTight"},e.map((e,t)=>c.a.createElement("span",{key:"balance-"+t},e)))}return{id:e.id,data:[c.a.createElement("div",{className:"id-wrap"},c.a.createElement("span",null,t+1)),c.a.createElement("div",{className:"title-wrap"},c.a.createElement("span",null,e.title)),c.a.createElement("div",{className:"method-wrap"},c.a.createElement("span",null,e.method)),l,c.a.createElement("div",{className:"note-wrap"},c.a.createElement("span",null,e.note)),c.a.createElement("div",{className:"actions-wrap"},c.a.createElement(E,{key:e.id,paymentAccount:e,notification:L,refetch:g,handleRefreshBalance:z}))]}}):[])},[m,h,z]);const $=M(R);return c.a.createElement(w,null,c.a.createElement(n.H,{fullWidth:!0,title:"Payment Accounts",primaryAction:c.a.createElement(n.h,null,c.a.createElement(n.g,{primary:!0,onClick:z(A.map(e=>e.id)),loading:x,disabled:0===A.length},"Refresh Balances"),c.a.createElement(n.g,{primary:!0,onClick:()=>v(!0)},"Create payment account"))},c.a.createElement(n.i,{sectioned:!0},c.a.createElement(c.a.Suspense,{fallback:c.a.createElement(n.X,{size:"small"})}
6214,c.a.createElement(j,{filter:u,onChange:V}))),p?c.a.createElement(n.i,null,c.a.createElement(C.SkeletonPagePolaris,null)):c.a.createElement(n.i,null,A.length>0?c.a.createElement(n.n,{showTotalsInFooter:!0,verticalAlign:"middle",hideScrollIndicator:!0,columnContentTypes:["text","text","text","text","text","numeric"],headings:["ID","Title","Payment Gateway","Balances","Note","Actions"],rows:A.map(e=>e.data)}):c.a.createElement(y.EmptyStatePolaris,null))),c.a.createElement(n.E,{open:f,onClose:()=>v(!1),title:"Create new payment account",primaryAction:{content:"Create",disabled:$,loading:x,onAction:H}},c.a.createElement(n.E.Section,null,c.a.createElement(b,{onChangeValue:q,value:R}))),t&&r.message&&c.a.createElement(n.fb,{content:r.message,error:r.isError,onDismiss:L}))};function M(e){if(!e.title)return!0;return P[e.method].some(t=>!e[t])}function T(e){if("string"!==typeof e)return!1;return!!e.match(/<([a-z]+)(?![^>]*\/>)[^>]*>/gi)}},,,,,,,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var l=a(0),n=a.n(l),r=a(1),i=a(7),o=a(2),s=a(16),c=a(19);const u=e=>{const{open:t,toggleShowModal:a,refetch:u,toggleActive:d,onNotificationChange:m,task:p,toggleModalParent:g}=e,A=Object(l.useRef)(null),{setFilter:b}=Object(c.b)(),[h,{loading:f}]=Object(i.c)(s.b,{onError:e=>{m&&m({message:Object(o.ib)(e.toString()),isError:!0})},onCompleted:()=>{a(),m&&m({message:"Design has been approved.",isError:!1}),g&&g(),A.current&&clearTimeout(A.current),A.current=setTimeout(()=>{b&&b(e=>({...e})),u&&u()},1e3)}}),v=Object(l.useCallback)(()=>{let e=null===p||void 0===p?void 0:p.id;e&&(m&&m({message:null,isError:!1}),d&&d(),h({variables:{id:e}}))},[p,h,m,d]);return n.a.createElement(r.E,{title:"Accept design confirmation",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:v,loading:f}},n.a.createElement("p",null,"Are you sure want to accept this design for order #",p.orderId))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var l=a(7),n=a(1),r=a(0),i=a.n(r),o=a(16),s=a(2),c=a(19),u=a(523);const d=e=>{const{open:t,toggleShowModal:a,toggleActive:d,onNotificationChange:m,refetch:p,task:g,toggleModalParent:A}=e,b=Object(r.useRef)(null),{setFilter:h}=Object(c.b)(),[f,{loading:v}]=Object(l.c)(o.Mc,{onError:e=>{m&&m({message:Object(s.ib)(e.toString()),isError:!0})},onCompleted:()=>{a(),m&&m({message:"Reject design success.",isError:!1}),A&&A(),b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{h&&h(e=>({...e})),p&&p()},1e3)}}),E=Object(r.useCallback)(e=>{m&&m({message:null,isError:!0}),d&&d(),e&&f({variables:{input:e}})},[]);return i.a.createElement(n.E,{title:"Reject design for order #"+g.orderId,open:t,onClose:a,sectioned:!0},i.a.createElement(u.a,{onSubmit:E,toggleShowModal:a,task:g,loading:v}))}},,function(e,t,a){"use strict";a.d(t,"b",(function(){return i})),a.d(t,"a",(function(){return o}));a(7),a(1);var l=a(35),n=(a(5),a(0),a(9)),r=a(22);a(2),a(11),a(17),a(131),a(4),a(111),a(76),a(53),a(363),a(65),a(253),a(372),a(468),a(250),a(469);const i=l.a` 6215 query fulfillments { 6216 fulfillments { 6217 id 6218 name 6219 } 6220 } 6221`,o=(l.a` 6222 query stores($filter: StoreFilter) { 6223 stores(filter: $filter) { 6224 nodes { 6225 id 6226 title 6227 domain 6228 email 6229 platform 6230 owners { 6231 id 6232 user { 6233 id 6234 email 6235 } 6236 } 6237 } 6238 } 6239 } 6240`,l.a` 6241 query productBasesForSeller($filter: ProductBaseFilter) { 6242 productBasesForSeller(filter: $filter) { 6243 total 6244 nodes { 6245 id 6246 title 6247 } 6248 } 6249 } 6250`,l.a` 6251 query carriers { 6252 carriers { 6253 id 6254 name 6255 } 6256 } 6257`,l.a` 6258 query listUserByRole($role: String!) { 6259 listUserByRole(role: $role) { 6260 id 6261 firstName 6262 lastName 6263 } 6264 } 6265`,l.a` 6266 query getOrderReferringSites { 6267 getOrderReferringSites 6268 } 6269`,l.a` 6270 query getOrderSourceNames { 6271 getOrderSourceNames 6272 } 6273`,[{value:"All",label:"All Time"},{value:"Today",label:"Today"},{value:"Yesterday",label:"Yesterday"},{value:"Last 7 days",label:"Last 7 days"},{value:"This month",label:"This month"},{value:"Last month",label:"Last month"}]);Object.values(r.h).map(e=>({value:e,label:e})),n.b.div` 6274 .actions-wrap { 6275 display: flex; 6276 flex-direction: row; 6277 column-gap: 1rem;
6278 align-items: center; 6279 margin-top: 1.2rem; 6280 label.Polaris-Choice, 6281 .Polaris-Choice__Label { 6282 cursor: default; 6283 } 6284 } 6285`,n.b.div` 6286 display: flex; 6287 flex-direction: column; 6288 word-break: break-all; 6289 .domain { 6290 font-size: 0.9em; 6291 padding-right: 5px; 6292 color: var(--p-interactive, #006fbb); 6293 } 6294`},,,,,function(e,t,a){"use strict";var l=a(1),n=a(0),r=a.n(n),i=a(2),o=a(124),s=a(21),c=a(633),u=a(143);function d(e,t){return Object(i.c)(e)?[]:e.filter(t)}function m(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>({value:e.id,label:e.name,data:e});return Object(i.c)(e)?[]:e.map(t)}t.a=function(e){var t;let{value:a,source:n,error:p,labelHidden:g,allowMultiple:A,onChange:b=(()=>{}),fragment:h="id name",filter:f={},getValueImmediate:v}=e;const[E,y]=r.a.useReducer(i.Hb,{options:[],selected:[],inputVal:"",selectedOptions:[],deselectedOptions:[]}),[C,k]=r.a.useReducer(i.Hb,{limit:20,offset:0,search:"",...f}),{data:O,loading:j,error:w}=Object(c.b)(C,!1,`nodes {${h}}`),S=r.a.useMemo(()=>"INPUT_COLLECTION_"+(Math.random()+"").slice(2,16),[]),I=r.a.useMemo(()=>"AUTOCOMPLETE_COLLECTION_"+(Math.random()+"").slice(2,16),[]),B=r.a.useMemo(()=>`div[role="combobox"][aria-controls="${I}"]`,[I]),D=r.a.useRef(null);r.a.useEffect(()=>{!async function(){const e=(null===O||void 0===O?void 0:O.nodes)||[];if(0===(null===e||void 0===e?void 0:e.length))return void y({options:[]});let t=m(e);if(!D.current){const e=m(n),l=Object(i.fb)("value",t,e),r=m(l,e=>{let{value:t}=e;return t}),o=m(await Object(c.a)(r,a,h));t=Object(i.fb)("value",l,o)}if(y({options:t}),null!=D.current&&!M.current){const e=document.getElementById(S);e&&(e.blur&&e.blur(),await Object(i.Ob)(0),e.focus&&e.focus())}}()},[O,n,a,h]);const P=r.a.useCallback((e,t)=>m(e,e=>t.find(t=>{let{value:a}=t;return a===e})).filter(Boolean),[]);r.a.useLayoutEffect(()=>{if(Object(i.c)(a)||Object(i.c)(E.options))return;const e=Object(i.fb)("value",E.options,E.deselectedOptions),t=P(a,e),l={selected:a,deselectedOptions:e};if(A)l.selectedOptions=t;else{const[e]=t||[],{label:a}=e||{};l.inputVal=a||""}y(l)},[a,E.options,P,A]);const x=Object(o.a)(b),M=r.a.useRef(!1),T=r.a.useCallback(e=>{const t=P(e,Object(i.fb)("value",E.options,E.deselectedOptions)),a={selected:e,selectedOptions:t},[l]=t||[],{label:n}=l||{};if(A||(a.inputVal=n),y(a),M.current=!0,v){const a=function(e,t,a){const[l]=t||[],{value:n}=l||{};return a?[e,t]:[n,l]}(e,t,A);x(...a)}},[A,E.options,E.deselectedOptions,P,v]),Q=r.a.useRef(null),R=r.a.useCallback(e=>{y({inputVal:e}),D.current=!!e,Q.current&&clearTimeout(Q.current),Q.current=setTimeout(()=>{k({search:e})},500)},[]),F=r.a.useCallback(e=>()=>{const t=d(E.selected,t=>t!==e),a=d(E.selectedOptions,t=>t.value!==e);y({selected:t,selectedOptions:a}),A&&x(t,a)},[x,A,E.selectedOptions,E.selected]);r.a.useLayoutEffect(()=>{const e=document.querySelector(B);if(e&&x){function t(t){if(!JSON.parse(e.getAttribute("aria-expanded")||"")&&!e.contains(t.target)&&M.current){const e=E.selectedOptions,t=E.selected,[a]=e||[],{value:l}=a||{};A?x(t,e):x(l,a),M.current=!1,D.current=null}}return document.addEventListener("click",t),()=>{document.removeEventListener("click",t)}}},[E.selectedOptions,E.selected]);const N=r.a.createElement(l.c.TextField,{value:E.inputVal,onChange:R,placeholder:"Search group",error:p,id:S});return r.a.createElement(r.a.Fragment,null,g?null:r.a.createElement(s.a,{label:"Stores",required:!0}),w?r.a.createElement("div",null,"Error: ",Object(i.ib)(null===w||void 0===w?void 0:w.toString())):r.a.createElement(r.a.Fragment,null,r.a.createElement(l.c,{options:E.options,selected:E.selected,onSelect:T,textField:N,allowMultiple:A,emptyState:r.a.createElement("span",null,"No items found!"),loading:j,id:I}),A?r.a.createElement(u.a,null,(null===(t=E.selectedOptions)||void 0===t?void 0:t.length)>0?E.selectedOptions.map(e=>r.a.createElement(l.ab,{children:e.label,key:e.value,onRemove:F(e.value)})):null):null))}},function(e,t,a){"use strict";var l=a(0),n=a.n(l),r=a(2),i=a(21),o=a(1),s=a(41),c=a(124),u=a(143),d=a(5);let m=0;function p(e,t){return Object(r.c)(e)?[]:e.filter(t)}const g=(e,t)=>function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>({value:e.id,label:e.title,data:e});return Object(r.c)(e)?[]:e.map(t)}(e,e=>(t||[]).find(t=>{let{value:a}=t;return a===e}
6294)).filter(Boolean);function A(e,t,a){const[l]=t||[],{value:n}=l||{};return a?[e,t]:[n,l]}function b(e){if(Object(r.c)(e))return{};const[t]=e,{value:a,label:l}=t||{};return{item:t,value:a,label:l}}t.a=Object(l.forwardRef)((function(e,t){var a;let{id:h,label:f,labelHidden:v,required:E,onChange:y,allowMultiple:C,options:k,value:O,loading:j,error:w,getValueImmediate:S,setFilter:I,placeholder:B}=e,D=null!==h&&void 0!==h?h:"mb__"+ ++m;const[P,x]=Object(l.useReducer)(r.Hb,{options:[],selected:[],inputVal:"",selectedOptions:[],deselectedOptions:[]}),M=n.a.useMemo(()=>"INPUT_COLLECTION_"+D,[]),T=n.a.useMemo(()=>"AUTOCOMPLETE_COLLECTION_"+D,[]),Q=n.a.useMemo(()=>`div[role="combobox"][aria-controls="${T}"]`,[T]),[R]=Object(s.a)(),F=n.a.useRef(null),N=Object(c.a)(I),U=n.a.useCallback(e=>{x({inputVal:e}),F.current=!!e,R(()=>{N({search:e})})},[]),L=Object(c.a)(y),V=n.a.useRef(!1),z=n.a.useCallback(e=>{const{options:t,deselectedOptions:a}=P;let l=Object(r.fb)("value",t,a);const n=g(e,l),i={selected:e,selectedOptions:n},{label:o}=b(n);if(C||(i.inputVal=o||""),x(i),V.current=!0,S){const t=A(e,n,C);L(...t)}},[C,P.options,P.deselectedOptions,S]),q=n.a.useCallback(e=>()=>{const{selected:t,selectedOptions:a}=P,l=p(t,t=>t!==e),n=p(a,t=>t.value!==e);x({selected:l,selectedOptions:n}),C&&L(l,n)},[L,C,P.selectedOptions,P.selected]),H=n.a.useCallback(async()=>{if(null!=F.current&&!V.current){const e=document.getElementById(M);e&&(e.blur&&e.blur(),await Object(r.Ob)(0),e.focus&&e.focus())}},[]);Object(l.useEffect)(()=>{Object(d.isEqual)(P.options,k)||x({options:k})},[JSON.stringify(k)]),Object(l.useLayoutEffect)(()=>{const{options:e,deselectedOptions:t}=P;if(Object(r.c)(O)||Object(r.c)(e))return;const a=Object(r.fb)("value",e,t),l=g(O,a),n={selected:O,deselectedOptions:t};if(C)n.selectedOptions=l;else{const{label:e}=b(l);n.inputVal=e||""}x(n)},[O,P.options,C]),Object(l.useLayoutEffect)(()=>{const e=document.querySelector(Q);if(e&&L){function t(t){let a=e.getAttribute("aria-expanded")||"";if(!JSON.parse(a)&&!e.contains(t.target)&&V.current){const e=P.selectedOptions,t=A(P.selected,e,C);L(...t),V.current=!1,F.current=null}}return document.addEventListener("click",t),()=>{document.removeEventListener("click",t)}}},[P.selectedOptions,P.selected]),Object(l.useImperativeHandle)(t,()=>({handleFocus:H}));const $=n.a.createElement(o.c.TextField,{value:P.inputVal,onChange:U,placeholder:B||"Search ...",id:M});return n.a.createElement(n.a.Fragment,null,v?null:n.a.createElement(i.a,{label:f,required:!!E}),w?n.a.createElement("div",null,"Error: ",Object(r.ib)(null===w||void 0===w?void 0:w.toString())):n.a.createElement(n.a.Fragment,null,n.a.createElement(o.c,{options:P.options,selected:P.selected,onSelect:z,textField:$,allowMultiple:C,emptyState:n.a.createElement("span",null,"No items found!"),loading:j,id:T}),C?n.a.createElement(u.a,null,(null===(a=P.selectedOptions)||void 0===a?void 0:a.length)>0?P.selectedOptions.map(e=>n.a.createElement(o.ab,{children:e.label,key:e.value,onRemove:q(e.value)})):null):null))}))},function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var l=a(35),n=a(0);const r=l.a` 6295 query productByID($id: ID!) {
6296 productByID(id: $id) { 6297 id 6298 productBases { 6299 shippingOptions { 6300 id 6301 name 6302 } 6303 defaultShippingOptionId 6304 id 6305 } 6306 variants { 6307 id 6308 disabled 6309 productBaseVariantId 6310 productBaseVariant { 6311 id 6312 fulfillmentProductId 6313 fulfillmentSku 6314 attributes { 6315 name 6316 slug 6317 option 6318 } 6319 fulfillmentWarehouses 6320 productBase { 6321 id 6322 title 6323 } 6324 } 6325 } 6326 } 6327 } 6328`;function i(){const[e,t]=Object(n.useState)(!1),[a,l]=Object(n.useState)(null);return[Object(n.useCallback)(async e=>{const{__apolloClient__:a}=window||{};if(!e||!a)return e;t(!0),l(null);const{id:n}=e;try{const{data:l}=await a.query({query:r,variables:{id:n}});return(null===l||void 0===l?void 0:l.productByID)&&(e.variants=l.productByID.variants),t(!1),e}catch(i){l(i)}},[]),e,a]}},function(e,t,a){"use strict";a.d(t,"b",(function(){return v})),a.d(t,"a",(function(){return E}));var l=a(0),n=a.n(l),r=a(1),i=a(1385),o=a(28),s=a(986),c=a.n(s),u=a(643),d=a.n(u),m=a(2),p=a(35),g=a(7),A=a(102);const b=p.a` 6329 mutation authPersonalizedPODApp($reAuth: Boolean!) { 6330 authPersonalizedPODApp(reAuth: $reAuth) 6331 } 6332`,h=p.a` 6333 mutation disableApp($id: ID!) {
6334 disableApp(id: $id) 6335 } 6336`,f=p.a` 6337 mutation createUrlToken { 6338 createUrlToken 6339 } 6340`,v=p.a` 6341 query getConnectedApp { 6342 getConnectedApp { 6343 id 6344 teamId 6345 app 6346 token 6347 } 6348 } 6349`,E=e=>{var t;const{status:a}=e,[s,u]=Object(l.useState)(!1),[p,E]=Object(l.useState)(!1),[y,C]=Object(o.a)(!1),[k,O]=Object(l.useState)({message:null,isError:!1});Object(l.useEffect)(()=>{null!==a&&(u(!s),O({message:`Auth PersonalBridge app ${a?"success":"fail"}!`,isError:!a}))},[a]);const{data:j,refetch:w}=Object(g.d)(v),[S,{loading:I}]=Object(g.c)(b,{onCompleted:()=>{O({message:"Auth PersonalBridge app success",isError:!1}),C(),w()},onError:e=>{O({message:Object(m.ib)(e.toString()),isError:!0})}}),[B,{loading:D}]=Object(g.c)(h,{onCompleted:()=>{O({message:"Disable PersonalBridge app success",isError:!1}),w()},onError:e=>{O({message:Object(m.ib)(e.toString()),isError:!0})}}),[P,{loading:x}]=Object(g.c)(f,{onCompleted:e=>{window.open(`${A.f}/?return_url=${e.createUrlToken}`)},onError:e=>{O({message:Object(m.ib)(e.toString()),isError:!0})}}),M=Object(l.useCallback)(()=>u(e=>!e),[]),T=null===j||void 0===j||null===(t=j.getConnectedApp)||void 0===t?void 0:t.find(e=>"POD"===e.app),Q=s?k&&k.message&&n.a.createElement(r.fb,{content:k.message,error:k.isError,duration:2e3,onDismiss:M}):null,R=n.a.createElement(r.db,{variation:"strong"},"Connect to PersonalBridge");return n.a.createElement(l.Fragment,null,Q,n.a.createElement(r.i,{sectioned:!0},n.a.createElement(r.Y,null,n.a.createElement(r.i,null,n.a.createElement(r.i.Section,null,n.a.createElement(r.Y,{vertical:!0},n.a.createElement(r.Y,{alignment:"center"},n.a.createElement(r.eb,{source:d.a,alt:"POD"}),n.a.createElement(r.v,{children:"PersonalBridge",element:"h3"})),n.a.createElement(r.db,{children:"Config personalized design with PersonalBridge app to generate design files automatically"}))),n.a.createElement(r.i.Section,null,n.a.createElement(r.Y,{distribution:"equalSpacing"},n.a.createElement(r.g,{onClick:()=>{O({message:null,isError:!1}),B({variables:{id:T.id}}),M()},plain:!0,children:"Disable now",destructive:!0,disabled:!T,loading:D||x}),n.a.createElement(r.g,{children:T?"Re auth":"Auth Now",onClick:C})))),n.a.createElement(r.i,null))),n.a.createElement(r.E,{open:y,onClose:C,sectioned:!0,title:R,size:"Large"},n.a.createElement(r.Y,{vertical:!0,alignment:"center",spacing:"loose"},n.a.createElement(r.db,{children:"Config your personalized orders with PersonalBridge app to generate design files automatically"}),n.a.createElement(r.Y,{alignment:"center"},n.a.createElement(r.eb,{source:c.a,alt:"Logo Merch Bridge"}),n.a.createElement(r.w,{source:i.a}),n.a.createElement(r.eb,{source:d.a,alt:"POD"})),n.a.createElement(r.j,{label:"Auth to PersonalBridge app with my exits account",checked:p,onChange:e=>E(e)}),n.a.createElement(r.g,{children:T?"Re auth":"Auth Now",primary:!0,onClick:()=>{p?P():(O({message:null,isError:!1}),S({variables:{reAuth:!!T}})),M()},loading:I,fullWidth:!0}))))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return u})),a.d(t,"b",(function(){return d}));var l=a(7),n=a(16),r=a(5),i=a(2),o=a(11),s=a(17),c=a(22);a(0);function u(e){const{data:t,loading:a,error:o}=Object(l.d)(n.bc,{variables:{storeIDs:e}});return{data:function(e){if(Object(i.c)(e))return{};const t={};for(let a of e)a&&a.storeID&&a.count&&(t[a.storeID]=a.count);return t}(Object(r.get)(t,"getTotalProductPushed")),loading:a,error:o}}function d(){const{currentUser:e}=Object(o.c)(),t=Object(i.db)(e),a=Object(r.get)(e,"id"),n=`${t}${c.t.TPM}`,{data:u}=Object(l.d)(s.Ub,{variables:{filter:{search:n}}});return function(e,t){return(Object(r.get)(e,"variables[0].value")||"").split(",").filter(Boolean).includes(t)}(u,a)}},,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return o})),a.d(t,"b",(function(){return s}));var l=a(0),n=a.n(l),r=a(28);const i=Object(l.createContext)(null);function o(e){let{children:t}=e;const[a,l]=Object(r.a)(!1);return n.a.createElement(i.Provider,{value:{active:a,toggleActive:l}},t)}function s(){return Object(l.useContext)(i)}},function(e,t,a){"use strict";a.d(t,"c",(function(){return u})),a.d(t,"b",(function(){return d})),a.d(t,"a",(function(){return p}));
6349var l=a(0),n=a.n(l),r=a(240),i=a(4),o=a(26),s=a.n(o),c=a(1);const u=(e,t)=>`${e}-${t}`;function d(e){let{items:t}=e;const{shippingOption:a,setShippingOption:o,fulfillment:d,allFulfillment:p}=Object(r.b)(),g=Object(l.useMemo)(()=>(p||[]).reduce((e,t)=>(e[t.id]=t,e),{}),[p]),A=Object(l.useRef)([]),b=Object(l.useMemo)(()=>{const e=(t||[]).reduce((e,t)=>{let{targetFulfillmentId:a,...l}=t;const n=g[a];if(!n)return e;const{slug:r}=n;return i.jb[r]?(e[r]={...l,...n,targetFulfillmentId:a},e):e},{});return Object.values(e)},[t,p]),h=null===d||void 0===d?void 0:d.id;Object(l.useEffect)(()=>{o(e=>{const t=e.shippingOptionConfigs,a=(b||[]).reduce((e,a,l)=>{let{targetFulfillmentId:n}=a;const r=u(h,n),i=A.current[l];let o=new Map;if(i&&"function"===typeof i.getMappingOptions){const e=i.getMappingOptions()||[],a=t.get(r);let l=new Map;a&&(l=a.mappingOptions),o=new Map(e.map(e=>{let{value:t}=e;const a=l.get(t);return[t,{originShippingMethod:t,targetShippingMethod:a?a.targetShippingMethod:null}]}))}return e[r]={targetFulfillmentID:n,originFulfillmentID:h,mappingOptions:o},e},{});return 0===b.length?{...e,usingShippingOption:!1}:(Object.entries(a).forEach(e=>{let[a,l]=e;t.set(a,l)}),{...e,shippingOptionConfigs:t})})},[b,h]);const f=Object(l.useCallback)(e=>{o(t=>({...t,usingShippingOption:e}))},[]),v=Object(l.useCallback)(e=>(t,a)=>{o(l=>{const n=l.shippingOptionConfigs;if(!n)return l;const r=u(h,e),i=n.get(r);if(!i)return l;const o=i.mappingOptions.get(t);return o?i.mappingOptions.set(t,{...o,targetShippingMethod:a}):i.mappingOptions.set(t,{originShippingMethod:t,targetShippingMethod:a}),n.set(r,i),{...l,shippingOptionConfigs:n}})},[h]),E=s()(d,"name"),y=s()(d,"slug");Object(l.useMemo)(()=>{const e=i.jb[y]||{},t=Object.entries(e).map(e=>{let[t,a]=e;return{value:t,label:a,disabled:!0}}),a=n.a.createElement(c.c.TextField,{readOnly:!0,label:`Origin Fulfillment (${E})`});return n.a.createElement(c.c,{options:t,selected:[],textField:a})},[d]);return(null===b||void 0===b?void 0:b.length)>0?n.a.createElement(c.i,{sectioned:!0},n.a.createElement(c.Y,{vertical:!0,spacing:"loose"},n.a.createElement(c.j,{label:"Using Shipping Option",checked:a.usingShippingOption,onChange:f}),n.a.createElement(c.l,{open:a.usingShippingOption},n.a.createElement(c.Y,{vertical:!0,spacing:"loose"},b.map((e,t)=>{const{name:l,slug:r,targetFulfillmentId:i}=e||{},o=`${E} -> ${l}`,s=u(h,i),p=a.shippingOptionConfigs.get(s);return n.a.createElement(c.i,{title:o,sectioned:!0,key:"target-fulfillment-"+t},n.a.createElement(m,{ref:e=>A.current[t]=e,fulfillment:d,fulfillmentSlug:y,targetSlug:r,currentConfig:p,onChange:v(i)}))}))))):null}const m=n.a.forwardRef((function(e,t){let{fulfillmentSlug:a,targetSlug:r,onChange:o,currentConfig:s}=e;const u=Object(l.useMemo)(()=>{const e=i.jb[a]||{},t=Object.entries(e).map(e=>{let[t,a]=e;return{value:t,label:a}});return t.length>0&&t.unshift({label:"Default",value:null}),t},[a]),d=Object(l.useCallback)(e=>t=>{const[a]=t||[];o(e,a)},[o]),m=Object(l.useCallback)((e,t)=>{let a=[null];const l="object"===typeof e?e.get(t):null;if(l){const{targetShippingMethod:e}=l;e&&(a=[e])}return a},[]);return Object(l.useImperativeHandle)(t,()=>({getMappingOptions:()=>u}),[]),(null===u||void 0===u?void 0:u.length)>0?n.a.createElement(c.Y,{vertical:!0,spacing:"tight"},n.a.createElement(c.Y,{distribution:"fillEvenly",spacing:"loose"},n.a.createElement(c.v,{element:"h3",children:"Origin Fulfillment"}),n.a.createElement(c.v,{element:"h3",children:"Target Fulfillment"})),n.a.createElement(c.Y,{spacing:"loose",vertical:!0},u.map((e,t)=>{const a=n.a.createElement(c.cb,{disabled:!0,value:e.label}),{mappingOptions:l}=s||{};let i=m(l,e.value);return n.a.createElement(c.Y,{distribution:"fillEvenly",spacing:"loose",key:"shipping-options-"+t},a,n.a.createElement(p,{targetSlug:r,defaultValue:i,onChange:d(e.value)}))}))):null}));function p(e){let{targetSlug:t,onChange:a,defaultValue:r}=e;const[o,s]=Object(l.useState)([]),[u,d]=Object(l.useState)(""),[m,p]=Object(l.useState)([]),[g,A]=Object(l.useState)([]);Object(l.useEffect)(()=>{const e=Object.entries(i.jb[t]||{}).map(e=>
6349{let[t,a]=e;return{value:t,label:a}});e.unshift({value:null,label:"Default"}),p(e),A(e)},[t]),Object(l.useEffect)(()=>{if(!r||0===r.length)return;const e=g.find(e=>{let{value:t}=e;return r.includes(t)});(null===e||void 0===e?void 0:e.label)&&d(e.label),s(r)},[r,g]);const b=Object(l.useCallback)(e=>{if(d(e),""===e)return void p(g);const t=new RegExp(e,"i"),a=g.filter(e=>{let{label:a}=e;return a.match(t)});p(a)},[g]),h=Object(l.useCallback)(e=>{const t=e.map(e=>{const t=m.find(t=>{let{value:a}=t;return a===e});return t&&t.label});s(e),a(e),d(t[0])},[m]),f=n.a.createElement(c.c.TextField,{onChange:b,value:u,placeholder:"Search shipping option"});return n.a.createElement(c.c,{options:m,selected:o,onSelect:h,textField:f})}},function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var l=a(0),n=(a(25),a(35)),r=a(9),i=a(12),o=(a(1),a(2));a(5);a(373),a(30),a(23);r.b.div` 6350 margin: -1rem; 6351 @media (min-width: 640px) { 6352 margin: -1.5rem; 6353 } 6354`;const s=n.a` 6355 query teamMembers($filter: TeamUserFilter) { 6356 teamMembers(filter: $filter) { 6357 count 6358 hits { 6359 id 6360 role 6361 team { 6362 id 6363 } 6364 user { 6365 id 6366 firstName 6367 lastName 6368 roles 6369 email 6370 phone 6371 address 6372 status 6373 avatar { 6374 id 6375 url 6376 } 6377 } 6378 } 6379 } 6380 } 6381`;Object(o.m)(i.a.location.search);Number(Object(o.M)("perPageMembers"));l.Component},,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return D})),a.d(t,"b",(function(){return x}));var l=a(0),n=a.n(l),r=a(1),i=a(133),o=a(35),s=a(7),c=a(522),u=a(244),d=a(1019),m=a(9),p=a(27),g=a.n(p);const A=e=>{const{value:t,onChange:a}=e,[{month:i,year:o},s]=Object(l.useState)({month:(new Date).getMonth(),year:(new Date).getFullYear()}),[c,u]=Object(l.useState)({start:new Date,end:new Date});Object(l.useEffect)(()=>{t&&u(e=>({...e,start:t.from?t.from._i:new Date,end:t.to?t.to._i:new Date}))},[t]);const d=Object(l.useCallback)((e,t)=>s({month:e,year:t}),[]),m=Object(l.useCallback)(e=>{u(e),a&&a({start:g()(e.start).startOf("day"),end:g()(e.end).endOf("day")})},[]);return n.a.createElement(r.o,{month:i,year:o,selected:c,onChange:m,onMonthChange:d,multiMonth:!0,allowRange:!0})};var b=a(69),h=a.n(b),f=a(2),v=a(16),E=a(17),y=a(98);const C=o.a` 6382 mutation updateFile($input: UpdateFile!) { 6383 updateFile(input: $input) { 6384 id 6385 name 6386 alt 6387 caption 6388 thumbnailUrl 6389 url 6390 mimeType 6391 size 6392 } 6393 } 6394`,k=m.b.div` 6395 padding: 1.6rem; 6396 6397 .desc { 6398 display: flex; 6399 flex-direction: column; 6400 row-gap: 0.5rem; 6401 word-break: break-word; 6402 6403 .Polaris-Button { 6404 justify-content: start; 6405 } 6406 } 6407 6408 .input_wrap { 6409 margin-top: 0.5rem; 6410 } 6411`,O=e=>{const{value:t,isImage:a,onDelete:i}=e,[o,c]=n.a.useState(""),[u,{client:d}]=Object(s.c)(v.ub,{onError:()=>{}}),[m]=Object(s.c)(C,{onError:()=>{}}),[p]=Object(s.b)(E.W,{onCompleted:e=>{(null===e||void 0===e?void 0:e.getPersonalFileUrl)&&c(e.getPersonalFileUrl)}});n.a.useEffect(()=>{t&&t.key||c(""),p({variables:{key:t.key}})},[t]);const g=Object(l.useCallback)(()=>{let e=t&&t.id;e&&(u({variables:{id:e}}),i&&i(t,d))},[t]),A=Object(l.useCallback)(e=>{m({variables:{input:{id:e.id,name:e.name,alt:e.alt,caption:e.caption}}})},[]);return n.a.createElement(k,null,n.a.createElement(r.bb,null,n.a.createElement("div",{className:"thumbnail"},a?n.a.createElement("img",{style:{width:"100%"},alt:"",src:t?t.thumbnailUrl?t.thumbnailUrl:t.url:null}):n.a.createElement("img",{style:{width:"100%"},alt:"",src:h.a})),n.a.createElement("div",{className:"desc"},n.a.createElement(r.db,null,t&&t.name),n.a.createElement(r.db,null,t&&Object(f.A)(t.size)),n.a.createElement(r.g,{children:"Delete permanently",plain:!0,destructive:!0,onClick:g}),n.a.createElement("div",{className:"input_wrap"},n.a.createElement(r.cb,{value:t&&t.alt,onChange:a=>{t.alt=a,A(t),e.onChange&&e.onChange(t,d)},name:"alt",label:"Alt text"}),n.a.createElement(r.cb,{value:t&&t.caption,onChange:a=>{t.caption=a,A(t),e.onChange&&e.onChange(t,d)},name:"caption",label:"Caption"}))),o&&n.a.createElement("div",null,n.a.createElement("label",null,"File Share"),n.a.createElement(y.a,{text:o}))))};var j=a(30),w=a(462),S=a.n(w);const I=e=>{var t;const{onChange:a,onFilter:i,onFilterDate:o,data:s,multiple:c,value:u,ImageTypes:m,filter:p,loadM
6411ore:g,onScroll:b,networkStatus:h,loading:v}=e,[E,y]=Object(l.useState)("0"),[C,k]=Object(l.useState)(null),[w,I]=Object(l.useState)(!1),[P,x]=Object(l.useState)({from:null,to:null}),M=Object(l.useRef)(null);Object(l.useEffect)(()=>{M.current&&clearTimeout(M.current),i&&(M.current=setTimeout(()=>{i({search:C,mimeType:E})},300))},[E,C]);const T=Object(l.useCallback)(e=>y(e),[]),Q=Object(l.useCallback)(e=>k(e),[]),R=Object(l.useCallback)(()=>I(e=>!e),[]),F=Object(l.useCallback)(e=>{o&&o({dateFilter:e||P}),R()},[P]),N=Object(l.useCallback)(e=>m.includes(e.mimeType),[]),U=Object(l.useCallback)((e,t)=>{try{const a=t.readQuery({query:D,variables:{filter:p}});t.writeQuery({query:D,variables:{filter:p},data:{...a,mediaLibrary:{...a.mediaLibrary,total:a.mediaLibrary.total-1,nodes:a.mediaLibrary.nodes.map(t=>t.id===e.id?{...t,file:e}:t)}}})}catch(a){}},[]),L=Object(l.useCallback)((function(e,t){let a=arguments.length>2&&void 0!==arguments[2]&&arguments[2];try{const l=t.readQuery({query:D,variables:{filter:p}});t.writeQuery({query:D,variables:{filter:p},data:{...l,mediaLibrary:{...l.mediaLibrary,total:l.mediaLibrary.total-1,nodes:a?[...e,...l.mediaLibrary.nodes]:l.mediaLibrary.nodes.filter(t=>t.id!==e.id)}}})}catch(l){}}),[]),V=n.a.createElement(r.g,{onClick:R,disclosure:!0},"Filter time"),z=s&&s.mediaLibrary&&s.mediaLibrary.nodes?s.mediaLibrary.nodes:[];let q=u.length;return n.a.createElement(B,null,n.a.createElement("div",{className:"media-library_wrap"},n.a.createElement("div",{className:"filter-control_wrap"},n.a.createElement("div",{className:"search_wrap"},n.a.createElement(r.cb,{value:C,onChange:Q,placeholder:"Filter media",prefix:n.a.createElement(r.w,{source:d.a,color:"inkLighter"}),onClearButtonClick:()=>Q(null),clearButton:!0})),n.a.createElement("div",{className:"more-filter_wrap"},n.a.createElement(r.Q,{options:[{value:"0",label:"All"},{value:"1",label:"Images"}],value:E,onChange:T}),n.a.createElement(r.K,{activator:V,active:w,onClose:R,sectioned:!0,fluidContent:!0},n.a.createElement("div",{id:"popover-filter-time"},n.a.createElement(A,{value:P,onChange:e=>{let{start:t,end:a}=e;return x(e=>({...e,from:t,to:a}))}}),n.a.createElement("div",{className:"actions_wrap"},n.a.createElement(r.h,null,n.a.createElement(r.g,{children:"Clear",size:"slim",onClick:()=>{let e={from:null,to:null};x(()=>e),F(e)}}),n.a.createElement(r.g,{primary:!0,children:"Done",size:"slim",onClick:()=>F(null)}))))))),n.a.createElement(r.P,{shadow:!0,style:{height:"70rem"},onScrolledToBottom:b},n.a.createElement("div",{id:"media-library",className:"media-library-content_wrap"},v&&!g?n.a.createElement("div",{className:"loading_wrap"},n.a.createElement(r.X,{size:"large",hasFocusableParent:!0})):n.a.createElement(n.a.Fragment,null,z&&z.length>0?z.map((e,t)=>n.a.createElement("div",{key:`${t} - ${e.id}`,className:"image",title:e.name,onClick:()=>{let t;t=u.find(t=>t.id===e.id)?u.filter(t=>t.id!==e.id):c?[...u,e]:[e],a&&a(t)}},n.a.createElement("div",{className:"check",style:{visibility:u.find(t=>t.id===e.id)?"visible":"hidden"}},n.a.createElement(r.j,{label:"",checked:!0})),N(e)||Object(f.vb)(null===e||void 0===e?void 0:e.key)?n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{className:"image-inner",style:{backgroundImage:`url(${e.thumbnailUrl?e.thumbnailUrl:e.url})`}}),Object(f.vb)(null===e||void 0===e?void 0:e.key)&&n.a.createElement("img",{src:S.a,alt:"",className:"psd-icon"})):n.a.createElement("div",{className:"picture-outlined"},n.a.createElement("span",null,function(e){if(!e||!e.name)return"";const[t]=e.name.split(/\?/),[,a]=(null===t||void 0===t?void 0:t.split(/\./))||[];return a||""}(e))))):n.a.createElement("div",{style:{margin:"0 auto"}},n.a.createElement(j.EmptyStatePolaris,null)))),g&&n.a.createElement("div",{style:{padding:"4rem 0 2rem",display:"flex",justifyContent:"center"}},n.a.createElement(r.X,{size:"large",hasFocusableParent:!0})))),n.a.createElement("div",{className:"file-detail_wrap"},q>0?n.a.createElement("div",{className:"inner"},u.length>0&&n.a.createElement(O,{value:u[q-1],isImage:N(u[q-1])||Object(f.vb)(null===(t=u[q-1])||void 0===t?void 0:t.key),onChange:(e,t)=>
6411{u[q-1]=e,U(e,t),a&&a(u)},onDelete:(e,t)=>{u.splice(q-1,1),L(e,t),a&&a(u)}})):null))};const B=m.b.div` 6412 display: flex; 6413 width: 100%; 6414 min-height: 30rem; 6415 .media-library_wrap { 6416 width: 76%; 6417 border-right: var( 6418 --p-thin-border-subdued, 6419 0.1rem solid var(--p-border-subdued, #dfe3e8) 6420 ); 6421 } 6422 .filter-control_wrap { 6423 display: flex; 6424 flex-direction: row; 6425 column-gap: 1rem; 6426 padding: 1.6rem; 6427 width: 100%; 6428 justify-content: space-between; 6429 flex-wrap: wrap; 6430 .search_wrap { 6431 width: 60%; 6432 } 6433 .more-filter_wrap { 6434 display: flex; 6435 flex-direction: row; 6436 column-gap: 1rem; 6437 } 6438 } 6439 .media-library-content_wrap { 6440 display: flex; 6441 flex-wrap: wrap; 6442 gap: 3rem 2rem; 6443 width: 100%; 6444 padding: 1rem 1.6rem 1.6rem; 6445 justify-content: start; 6446 .image { 6447 width: 160px; 6448 height: 160px; 6449 cursor: pointer; 6450 border-radius: 3px; 6451 position: relative; 6452 box-shadow: 0 -1px 15px -3px rgba(0, 0, 0, 0.1), 6453 0 4px 6px 2px rgba(0, 0, 0, 0.1); 6454 .image-inner { 6455 width: 100%; 6456 height: 100%; 6457 background-size: cover; 6458 align-items: center; 6459 justify-content: center; 6460 display: flex; 6461 } 6462 .check { 6463 position: absolute; 6464 top: 0; 6465 right: 0; 6466 .Polaris-Choice { 6467 padding: 0; 6468 .Polaris-Choice__Control { 6469 margin: 0; 6470 padding: 0; 6471 width: 2rem; 6472 height: 2rem; 6473 } 6474 } 6475 } 6476 } 6477 .picture-outlined { 6478 position: absolute; 6479 top: 0; 6480 left: 0; 6481 width: 100%; 6482 height: 100%; 6483 display: flex; 6484 justify-content: center; 6485 align-items: center; 6486 span { 6487 font-size: 20px; 6488 } 6489 } 6490 } 6491 .file-detail_wrap { 6492 width: 24%; 6493 } 6494 .loading_wrap { 6495 width: 100%; 6496 display: flex; 6497 justify-content: center; 6498 margin-top: 6rem; 6499 } 6500 6501 .psd-icon { 6502 position: absolute; 6503 left: 0; 6504 top: 0; 6505 } 6506`,D=o.a` 6507 query mediaLibrary($filter: FileFilter) { 6508 mediaLibrary(filter: $filter) { 6509 total 6510 nodes { 6511 id 6512 name 6513 alt 6514 caption 6515 thumbnailUrl 6516 url 6517 mimeType 6518 size 6519 createdAt 6520 key 6521 } 6522 } 6523 } 6524`,P=["image/png","image/jpeg","image/gif"],x=e=>{const{open:t,toggleShowModal:a,onImportUrlsChange:o,accept:d,folder:m,isPrintFile:p,multiple:g,value:A,prefix:b,userId:h,onChange:f,handleSetFile:v,loadingImport:E,maxSize:y,uniqueFolder:C}=e,[k,O]=Object(l.useState)(2),[j,w]=Object(l.useState)(!1),[S,B]=Object(l.useState)({search:null,mimeType:[],dateFilter:{from:null,to:null},limit:20,offset:0,prefix:b,...h?{userId:h}:null}),[x,M]=Object(l.useState)(!1),[T,Q]=Object(l.useState)(!1),R=Object(l.useRef)(null),{data:F,fetchMore:N,networkStatus:U,client:L,loading:V}=Object(s.d)(D,{variables:{filter:S},notifyOnNetworkStatusChange:!0}),z=Object(l.useCallback)(e=>O(e),[]),q=Object(l.useCallback)(()=>{R.current&&clearTimeout(R),T||(M(!0),R.current=setTimeout(()=>{N({variables:{filter:{...S,offset:F.mediaLibrary.nodes.length}},updateQuery:(e,t)=>{let{fetchMoreResult:a,variables:l}=t;if(!a)return e;let{mediaLibrary:{nodes:n}}=a,{filter:{limit:r}}=l;return n.length<r&&Q(()=>!0),M(!1),{...e,mediaLibrary:{...e.mediaLibrary,nodes:[...e.mediaLibrary.nodes,...a.mediaLibrary.nodes]}}}})},500))},[F,S,T]),H=Object(l.useCallback)(e=>{w(1===k&&e)},[k]),$=[[],P];return n.a.createElement(r.E,{open:t,onClose:a,title:"Media",secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Set File",onAction:()=>v(L),disabled:j,loading:0===k&&E},large:!0},n.a.createElement(r.Z,{tabs:[{id:"import-urls",content:"Import from Urls",accessibilityLabel:"import from urls",panelID:"import-from-urls"},{id:"upload-files",content:"Upload Files",accessibilityLabel:"Upload Files",panelID:"upload-files"},{id:"media-library",content:"Media Library",accessibilityLabel:"Media Library",panelID:"media-library"}],selected:k,onSelect:z},0===k&&n.a.createElement(r.i,{sectioned:!0},n.a.createElement(c.a,{onChange:e=>{o&&o(e)}})),1===k&&n.a.createElement(r.i,{sectioned:!0},n.a.createElement(i.a,null,e=>n.a.createElement(u.c,{accept:d,folder:m,isPrintFile:p,maxSize:y,onChange:t=>{let a=[];if(t&&t.length)if(g){for(let e=0;e<t.length;e++)A.find(a=>a.id===t[e].id)||a.push(t[e]);
6524a=[...A,...a]}else a=t.length?[t[0]]:[];!function(e,t){let a=arguments.length>2&&void 0!==arguments[2]&&arguments[2];try{const l=t.readQuery({query:D,variables:{filter:S}});t.writeQuery({query:D,variables:{filter:S},data:{...l,mediaLibrary:{...l.mediaLibrary,total:l.mediaLibrary.total-1,nodes:a?[...e,...l.mediaLibrary.nodes]:l.mediaLibrary.nodes.filter(t=>t.id!==e.id)}}})}catch(l){}}(t,e,!0),f&&f(a)},uniqueFolder:C,multiple:g,handleChangeOkBtnDisabled:H}))),2===k&&n.a.createElement(I,{data:F,filter:S,multiple:g,ImageTypes:P,value:A,onFilter:e=>{let{search:t,mimeType:a}=e;return B(e=>({...e,search:t,mimeType:$[Number(a)]}))},onFilterDate:e=>{let{dateFilter:t}=e;return B(e=>({...e,dateFilter:t}))},onChange:f,onScroll:q,loadMore:x,networkStatus:U,loading:V})))}},,,,,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return F})),a.d(t,"b",(function(){return U}));var l=a(1),n=a(5),r=a(0),i=a.n(r),o=a(9),s=a(22),c=a(2),u=a(287),d=a(34),m=a(384),p=a(88);const g=e=>{let{product:t,onChange:a,error:l}=e;const[r,o]=i.a.useState([]),s=i.a.useCallback(e=>{var t,a;const l=(null===e||void 0===e||null===(t=e.variants)||void 0===t?void 0:t.length)>0?e.variants:[],r=null===e||void 0===e||null===(a=e.productBases)||void 0===a?void 0:a.length;return 1===r?l.map((t,a)=>({fulfillmentSku:Object(n.get)(t,"productBaseVariant.fulfillmentSku"),baseID:Object(n.get)(t,"productBaseVariant.productBase.id"),value:t.id,label:t.productBaseVariant?c(t.productBaseVariant.attributes):c(Object(n.get)(e.productBases[0].variants[a],"attributes"))})):r>1?l.map(e=>{var t;const a=e.productBaseVariant;return{fulfillmentSku:Object(n.get)(e,"productBaseVariant.fulfillmentSku"),baseID:Object(n.get)(e,"productBaseVariant.productBase.id"),value:e.id,label:a&&c([...a.attributes,{option:null===a||void 0===a||null===(t=a.productBase)||void 0===t?void 0:t.title,id:0,name:"Type"}])}}):[]},[]),c=i.a.useCallback((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e?e.map(e=>e.option&&e.option.trim()).sort((e,t)=>{const a=e&&e.toLowerCase(),l=t&&t.toLowerCase();return a<l?-1:a>l?1:0}).join("-"):""}),[t]);return i.a.useEffect(()=>{if(null!=t){const e=s(t);o(e)}else o([])},[t,s]),i.a.createElement(p.a,{options:r,label:"Product variants",required:!0,error:l,onChange:e=>{const t=(r||[]).find(t=>{let{value:a}=t;return a===e}),{fulfillmentSku:l,baseID:n}=t||{};a(e,{fulfillmentSku:l,baseID:n})},placeholder:"Search product variant"})};var A=a(21);const b=o.b.div` 6525 .personalized-wrap { 6526 padding-left: 1.6rem; 6527 display: flex; 6528 flex-direction: column; 6529 row-gap: 1.6rem; 6530 } 6531`,h=e=>{let{product:t,onChange:a}=e;const[n,r]=i.a.useState({}),o=i.a.useRef(null),s=i.a.useRef(!1),c=i.a.useCallback(e=>{const t=Object.entries(e).map(e=>{let[t,{value:a}]=e;return{fieldId:t,value:a}});o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{a&&(s.current=!0,a(t))},300)},[a]),u=i.a.useCallback((e,t)=>{r(a=>{const l={...a,[t]:{...a[t],value:e}};return c({...l}),l})},[c]);return i.a.useEffect(()=>{var e;if((null===t||void 0===t||null===(e=t.fields)||void 0===e?void 0:e.length)>0){const e=t.fields.reduce((e,t)=>{let{id:a,name:l,title:n}=t;return{...e,[a]:{label:null!==n&&void 0!==n?n:l,value:""}}},{});s.current||c(e),r(e)}},[t]),i.a.createElement(b,null,i.a.createElement(l.z,{label:"Personalized"}),i.a.createElement("div",{className:"personalized-wrap"},Object.entries(n).map(e=>{let[t,{label:a,value:n}]=e;return i.a.createElement(l.cb,{key:t,id:t,label:a,value:n,placeholder:"Enter "+a,onChange:u})})))};var f=a(7),v=a(11),E=a(4),y=a(812),C=a.n(y),k=a(367);const O=e=>{var t;let{error:a,onChange:o}=e;const{store:s,currentUser:u}=Object(r.useContext)(v.a),d=null===u||void 0===u||null===(t=u.teamUser)||void 0===t?void 0:t.role,m=[E.gb.MarketplaceManager].includes(d);let p=s?m&&"all"===s.id?null:s.id:null;const[g,b]=Object(r.useState)([]),[h,y]=Object(r.useState)(null),[O,j]=Object(r.useState)([]),[w,S]=Object(r.useState)({limit:20,offset:0,storeId:p,search:null}),I=Object(r.useRef)(null),{data:B,error:D}=Object(f.d)(k.a,{variables:{filter:w}});i.a.useEffect(()=>{var e,t;let a=[];if((null===B||void 0===B||null===(e=B.products)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>
65310){a=B.products.nodes.filter(Boolean).map(e=>{var t,a,l,n;let r="";const[o]=(null===(t=e.images)||void 0===t?void 0:t.length)>0?e.images:[],s=(null===o||void 0===o||null===(a=o.file)||void 0===a?void 0:a.thumbnailUrl)?o.file.thumbnailUrl:(null===o||void 0===o||null===(l=o.file)||void 0===l?void 0:l.url)?o.file.url:C.a;(null===(n=e.productBases)||void 0===n?void 0:n.length)>0&&(r=e.productBases.map(e=>{var t;let a=(null===(t=e.fulfillment)||void 0===t?void 0:t.fulfillmentTitle)?e.fulfillment.fulfillmentTitle:"";return`${a?a+" - ":"Merch Bridge - "}${e.title}`}).filter(Boolean).join(", "));let c=i.a.createElement("div",{className:"label-wrap"},i.a.createElement("img",{alt:"",src:s}),i.a.createElement("div",{className:"title"},e.title&&e.title.trim()),i.a.createElement("div",null,`(${r||"Merch Bridge"})`),i.a.createElement("div",null,`(${e.sku})`));return{value:e.id,label:c,data:e}})}b(a)},[B]);const P=Object(r.useCallback)(e=>{let t=null;const a=e.map(e=>{const a=g.find(t=>t.value===e);t=a;let l=Object(n.get)(a,"label.props.children",null),r="";for(let t=0;t<l.length;t++){var i;"title"===(null===l||void 0===l||null===(i=l[t].props)||void 0===i?void 0:i.className)&&(r=l[t].props.children)}return r});j(e),y(Object(n.head)(a)),I.current&&clearTimeout(I.current),I.current=setTimeout(()=>{o(Object(n.head)(e),t)},10)},[g,o]),x=Object(r.useCallback)(e=>{y(e),I.current&&clearTimeout(I.current),I.current=setTimeout(()=>{S(t=>({...t,search:e}))},400)},[]),M=i.a.createElement(l.c.TextField,{placeholder:"Search product",value:h,onChange:x,error:a});return i.a.createElement(i.a.Fragment,null,i.a.createElement(A.a,{label:"Product",required:!0}),D?i.a.createElement("div",null,"Error: ",Object(c.ib)(D.toString())):i.a.createElement(l.c,{options:g,onSelect:P,selected:O,textField:M,emptyState:i.a.createElement("span",null,"No item found!"),id:"mp__choose-product-3",willLoadMoreResults:!0}))};var j=a(17),w=a(206);function S(e){let{onChange:t,error:a,value:n}=e;const[r,o]=i.a.useState([]),{data:s,loading:u,error:d}=Object(f.d)(j.mb,{variables:{filter:{limit:-1,offset:0,status:"Connected",isSuspended:!1}}});return i.a.useEffect(()=>{var e,t;const a=(null===s||void 0===s||null===(e=s.stores)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?s.stores.nodes.map(e=>{const{id:t,title:a}=e;return{value:t,label:a}}):[];o(a)},[s]),i.a.createElement(i.a.Fragment,null,i.a.createElement(A.a,{label:"Stores",required:!0}),u?i.a.createElement(l.X,{size:"small"}):d?i.a.createElement("div",null,Object(c.ib)(d.toString())):i.a.createElement(w.a,{stores:r,onChange:t,errors:a,value:n,labelHidden:!0}))}var I=a(28),B=a(321);const D=o.b.div` 6532 margin-top: 1rem; 6533 6534 .container { 6535 display: flex; 6536 flex-direction: column; 6537 row-gap: 1rem; 6538 width: 100%; 6539 } 6540 6541 .img-wrap { 6542 width: 120px; 6543 height: 120px; 6544 object-fit: cover; 6545 border-radius: 3px; 6546 box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 15px -3px, 6547 rgba(0, 0, 0, 0.1) 0px 4px 6px 2px; 6548 } 6549 6550 .title { 6551 white-space: nowrap; 6552 overflow: hidden; 6553 text-overflow: ellipsis; 6554 } 6555`,P=e=>{let{product:t}=e;const[a,l]=Object(I.a)(!1),n=i.a.useMemo(()=>{var e,n;if(null==t)return null;const r=null===t||void 0===t?void 0:t.mainImageId,o=null===t||void 0===t?void 0:t.images;let s=[];(r||"undefined"!==r)&&(s=(null===o||void 0===o?void 0:o.length)>0?o.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===r}).map(e=>e.file):[]),0===s.length&&(s=(null===o||void 0===o?void 0:o.length)>0?o.filter(Boolean).map(e=>e.file):[]);const c=(null===(e=s)||void 0===e?void 0:e.length)>0?s[0]:null;let u,d;return c&&(u=c.url?c.url:c.thumbnailUrl,d=c.thumbnailUrl?c.thumbnailUrl:c.url),i.a.createElement("div",{className:"container"},i.a.createElement("p",{className:"title"},null!==(n=t.title)&&void 0!==n?n:""),i.a.createElement("img",{className:"img-wrap",alt:"",src:d,onClick:l,style:{cursor:"pointer"}}),i.a.createElement(B.a,{toggleShowModal:l,open:a,source:u,title:"Product image"}))},[t,l,a]);return i.a.createElement(D,null,n)};var x=a(574);function M(e){let{onChange:t,errors:a,value:n}=e;const[r,o]=i.a.useState({firstName:null,lastName:null,company:null,phone:null,address1:null,address2:null,city:null,country:"US",state:null,postalCode:null,email:null}),s=i.a.useRef(null);i.a.useCallback(()=>{null!=n&&o(e=>({...e,...n}))},[n]);const c=[[{id:"email",label:"Email",placeholder:"Enter email"},{id:"phone",label:"Phone",placeholder:"Enter phone"}],[{id:"country",label:"Country",required:!0,placeholder:"Enter country"}],[{id:"firstName",label:"First name",required:!0,placeholder:"Enter first name"},{id:"lastName",label:"Last name",required:!0,placeholder:"Enter last name"}],[{id:"company",label:"Company",placeholder:"Enter company"}],[{id:"address1",label:"Address 1",required:!0,multiline:2,placeholder:"Enter address 1"},{id:"address2",label:"Address 2",multiline:2,placeholder:"Enter address 2"}],[{id:"city",label:"City",required:!0,placeholder:"Enter city"},{id:"state",label:"State",required:"US"===r.country,placeholder:"Enter state"},{id:"postalCode",label:"Postal Code",required:!0,placeholder:"Enter postal code"}]],u=i.a.useCallback((e,a)=>{o(t=>({...t,[a]:e})),s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{t&&t(e,a)},10)},[t]),d=i.a.useCallback(e=>
6555{let{id:t,placeholder:n,type:o="text",multiline:s=null}=e;return i.a.createElement(l.cb,{id:t,placeholder:n,type:o,multiline:s,error:a[t],value:r[t],onChange:u})},[a,r,u]);return i.a.createElement(i.a.Fragment,null,c.map((e,t)=>Array.isArray(e)&&e.length>0?i.a.createElement(l.Y,{key:"group-"+t,distribution:"fillEvenly"},e.map(e=>{let{required:t=!1,label:l,id:n,placeholder:o,multiline:s}=e;return i.a.createElement("div",{className:"field-wrap",key:n},i.a.createElement(A.a,{label:l,required:t}),"country"===n?i.a.createElement(x.a,{error:a[n],value:r[n],onChange:e=>u(e,n)}):d({id:n,placeholder:o,multiline:s}))})):null))}const T=o.b.div` 6556 display: flex; 6557 flex-direction: column; 6558 6559 .section-form { 6560 display: flex; 6561 flex-direction: row; 6562 column-gap: 2rem; 6563 width: 100%; 6564 justify-content: space-between; 6565 6566 .section-left, 6567 .section-right { 6568 width: calc(50% - 1rem); 6569 display: flex; 6570 flex-direction: column; 6571 6572 .section-container { 6573 display: flex; 6574 flex-direction: column; 6575 gap: 2rem; 6576 } 6577 } 6578 } 6579 6580 .section-btn { 6581 display: flex; 6582 justify-content: flex-end; 6583 margin-top: 3rem; 6584 } 6585 6586 @media (max-width: 1024px) { 6587 .section-form { 6588 flex-direction: column; 6589 6590 .section-left, 6591 .section-right { 6592 width: 100%; 6593 } 6594 } 6595 } 6596`,Q=["firstName","lastName","company","phone","address1","address2","city","country","state","postalCode","email"],R=Object.entries(E.E).map(e=>{let[t,a]=e;return{value:t,label:a}});function F(e){var t,a,o;let{onSubmit:s,loading:p}=e;const[b,f]=i.a.useState({productId:null,productVariantId:null,storeId:null,quantity:"1",originId:null,lineItemID:null,revenue:"",ShippingTotal:"0",DiscountTotal:"0",TaxTotal:"0",personalized:void 0,firstName:null,lastName:null,company:null,phone:null,address1:null,address2:null,city:null,country:"US",state:null,postalCode:null,email:null,isLabelSelected:["no"],labelLink:"",carrier:"",trackingCode:"",printingMethods:[""]}),[v,E]=i.a.useState(null),[y,C]=i.a.useState({}),[k,j]=i.a.useState(null),[w,I]=i.a.useState(!1),[B,D]=i.a.useReducer(c.Hb,{isPrintway:!1,isPrintify:!1,options:[]}),[x]=Object(u.a)(),F=[[{id:"originId",label:"Order ID",required:!0,placeholder:"Enter order ID"},{id:"lineItemID",label:"Line Item ID",placeholder:"Enter line item ID"}],[{id:"quantity",label:"Quantity",required:!0,type:"number",placeholder:"Enter first name"},{id:"revenue",label:"Revenue",required:!0,type:"number",placeholder:"Enter revenue"}],[{id:"ShippingTotal",label:"ShippingTotal",required:!0,type:"number",placeholder:"Enter shipping total"},{id:"DiscountTotal",label:"Discount Total",required:!0,type:"number",placeholder:"Enter discount total"},{id:"TaxTotal",label:"Tax Total",required:!0,type:"number",placeholder:"Enter tax total"}]],L=i.a.useMemo(()=>(null===F||void 0===F?void 0:F.length)>0?F.reduce((e,t)=>{let{required:a,id:l,label:n}=t;return a?{...e,[l]:n}:e},{productId:"Product",productVariantId:"Product variant",originId:"Order",firstName:"First name",lastName:"Last name",postalCode:"Postal Code",address1:"Address 1",city:"City",state:"State",country:"Country",storeId:"Store"}):{},[F]),V=i.a.useCallback(e=>{let{id:t,placeholder:a,type:n="text",multiline:r=null}=e;return i.a.createElement(l.cb,{id:t,placeholder:a,type:n,min:"number"===n?0:"",multiline:r,error:y[t],value:b[t],onChange:q})},[F]),z=i.a.useCallback((e,t)=>{let a,l=null;for(let[n,r]of Object.entries(L))[n].includes(t)&&(a=r);if(e&&e.length||!a){if("revenue"===t){const{quantity:t}=b;+e>250*+t&&(l="Invalid revenue, only accept maximum $250/qty")}if("quantity"===t){const{revenue:t}=b;let a=null;+t>250*+e&&(a="Invalid revenue, only accept maximum $250/qty"),C(e=>({...e,revenue:a}))}"state"===t&&"US"===b.country&&e.length>2&&(l="Only use the USA two-letter abbreviation for states.")}else l=a+" is required.";C(e=>({...e,[t]:l}))},[b]),q=i.a.useCallback((e,t)=>{f(a=>({...a,[t]:e})),z(e,t),N(t,e)&&C(e=>({...e,state:null}))},[z]),H=i.a.useCallback(()=>{const e=Object.keys(L).reduce((e,t)=>
6596N("country",b.country)&&"state"===t?e:Object.prototype.hasOwnProperty.call(b,t)?{...e,[t]:b[t]}:{...e},{});Object.entries(e).forEach(e=>{let[t,a]=e;z(a,t),N(t,a)&&C(e=>({...e,state:null}))});const t=0===Object(n.size)(Object(n.filter)(Object(n.values)(y),e=>null!==e)),a=Object.entries(e).every(e=>{let[,t]=e;return Boolean(t)});if(t&&a){var l;const e=Object(n.cloneDeep)(b),t=["quantity","revenue","ShippingTotal","DiscountTotal","TaxTotal"];for(let l of t)e[l]=Number(e[l]);e.productId=e.productId[0],e.shippingAddress=Object.entries(e).reduce((e,t)=>{let[a,l]=t;if(Q.includes(a)){let t=l;return"state"===a&&(t=t||""),{...e,[a]:t}}return e},{}),e.shippingOption=k;const a=Object.entries(e).reduce((e,t)=>{let[a,l]=t;return Q.includes(a)?e:{...e,[a]:l}},{});(null===(l=b.isLabelSelected)||void 0===l?void 0:l.includes("yes"))?(a.isOrderLabel=!0,a.shippingLabel={labelLink:b.labelLink,carrier:b.carrier,trackingCode:b.trackingCode},a.isLabelSelected=void 0):(a.isOrderLabel=void 0,a.isLabelSelected=void 0,a.shippingLabel=void 0),a.labelLink=void 0,a.carrier=void 0,a.trackingCode=void 0,a.printingMethods[0].length>0&&(a.printingMethod=a.printingMethods[0]),a.printingMethods=void 0,null!=a&&s&&(I(!0),s(a))}},[b,L,F,y,s,k]),$=Object(r.useCallback)(e=>{q(e,"personalized")},[q]),_=Q.reduce((e,t)=>({...e,[t]:b[t]}),{}),G=Object(r.useMemo)(()=>{if(!v)return null;const e=v.productBases,t=(null===e||void 0===e?void 0:e.length)>0?e.find(e=>e.fulfillment):null;let a;return null!=t&&(a={slug:Object(c.Vb)(t.fulfillment.fulfillmentTitle)}),a},[v]),K=Object(r.useCallback)(async e=>{!async function(){const t=await x(e);E(t)}()},[]),J=Object(r.useCallback)(async e=>{const{isPrintway:t,isPrintify:a}=B;if(t){const{fulfillmentSku:t}=e,a=await Object(d.B)([t]);if(!Object(c.c)(a)){const e=a.find(e=>e.itemSKU===t);if(!Object(c.Gb)(e)&&!Object(c.c)(e.shippingServices)){const t=e.shippingServices.map(e=>"string"===typeof e?{value:e,label:e}:{value:e.code,label:e.name});D({options:t})}}}else if(a){const{baseID:t}=e,a=await Object(d.A)(t);a.length>0&&D({options:a})}},[B]),Y=Object(r.useCallback)((e,t)=>{f(a=>({...a,[t]:e}))},[]),{isMerchize:W}=B;return i.a.createElement(T,null,i.a.createElement("div",{className:"section-form"},i.a.createElement("div",{className:"section-left"},i.a.createElement(l.v,{children:"Order Item",element:"h2"}),i.a.createElement("div",{className:"section-container"},i.a.createElement("div",null,i.a.createElement(O,{error:y.productId,onChange:async(e,t)=>{var a;const l=null!==(a=null===t||void 0===t?void 0:t.data)&&void 0!==a?a:null,r=Object(n.get)(l,"productBases[0].fulfillment.fulfillmentTitle"),i=Object(n.kebabCase)(r||"");await K(l);const o=Array.isArray(e)?e:[e];q(o,"productId"),q(void 0,"personalized");const s=U(i);D({...s,options:[]})}}),!!v&&i.a.createElement(P,{product:v})),i.a.createElement("div",null,i.a.createElement(g,{product:v,error:y.productVariantId,onChange:(e,t)=>
6596{J(t),q(e,"productVariantId")}})),i.a.createElement("div",null,i.a.createElement(S,{onChange:e=>{q(e,"storeId")},error:y.storeId})),F.map((e,t)=>Array.isArray(e)&&e.length>0?i.a.createElement(l.Y,{key:"group-"+t,distribution:"fill"},e.map(e=>{const{id:t,placeholder:a,multiline:l,type:n}=e;return i.a.createElement("div",{className:"field-wrap",key:t},i.a.createElement(A.a,{label:e.label,required:!!e.required}),V({id:t,placeholder:a,multiline:l,type:n}))})):null),!!(null===v||void 0===v?void 0:v.personalized)&&i.a.createElement(h,{product:v,onChange:$}),i.a.createElement(m.ShippingService,{fulfillment:G,shippingOption:k,setShippingOption:j,options:B.options}),W&&i.a.createElement(l.k,{title:"Printing Methods",choices:R,selected:b.printingMethods,name:"printingMethods",onChange:Y}),i.a.createElement(l.Y,{vertical:!0},i.a.createElement(l.k,{choices:[{value:"no",label:"No"},{value:"yes",label:"Yes"}],selected:b.isLabelSelected,title:"Is Order Label",name:"isLabelSelected",onChange:Y}),(null===(t=b.isLabelSelected)||void 0===t?void 0:t.includes("yes"))?i.a.createElement(l.cb,{id:"labelLink",value:b.labelLink,label:"Label Link",onChange:Y,placeholder:"Enter Label Link",multiline:4}):null,(null===(a=b.isLabelSelected)||void 0===a?void 0:a.includes("yes"))?i.a.createElement(l.cb,{id:"carrier",value:b.carrier,label:"Carrier",onChange:Y,placeholder:"Enter Carrier"}):null,(null===(o=b.isLabelSelected)||void 0===o?void 0:o.includes("yes"))?i.a.createElement(l.cb,{id:"trackingCode",value:b.trackingCode,label:"Tracking Code",onChange:Y,placeholder:"Enter Tracking Code"}):null))),i.a.createElement("div",{className:"section-right"},i.a.createElement(l.v,{children:"Shipping Address",element:"h2"}),i.a.createElement("div",{className:"section-container"},i.a.createElement(M,{errors:y,setErrors:C,value:null!==_&&void 0!==_?_:{},onChange:(e,t)=>
6596{q(e,t)}})))),i.a.createElement("div",{className:"section-btn"},i.a.createElement(l.g,{children:"Submit",onClick:H,primary:!0,loading:p,disabled:w})))}R.unshift({value:"",label:"Default"});const N=(e,t)=>"country"===e&&"US"!==t,U=e=>{const t={isPrintway:!1,isPrintify:!1,isMerchize:!1,isPGPrints:!1,isGearment:e===s.g.Gearment};switch(e){case s.g.Printway:t.isPrintway=!0;break;case s.g.Printify:t.isPrintify=!0;break;case s.g.Merchize:t.isMerchize=!0;break;case s.g.PGPrints:t.isPGPrints=!0}return t}},,,function(e,t,a){"use strict";a.d(t,"a",(function(){return g}));var l=a(1),n=a(5),r=a.n(n),i=a(27),o=a.n(i),s=a(0),c=a.n(s),u=a(11),d=a(2),m=a(217);let p=[{value:"tasks.created_at",label:"Task Created Date"},{value:"orders.created_at",label:"Order Created Date"},{value:"tasks.assign_date",label:"Assign Date"},{value:"tasks.deadline",label:"Deadline"},{value:"tasks.done_date",label:"Done Date"},{value:"tasks.rejected_at",label:"Rejected Date"},{value:"tasks.need_review_at",label:"Need Review Date"}];const g=e=>{let{onChange:t,onChangeRange:a,filterTime:{field:n,rangeLabel:i,range:g},isReport:b,ignoreForVal:h,isIdeaTask:f,isArtist:v}=e;const{currentUser:E}=Object(s.useContext)(u.a),y=function(e){const{isSeller:t,isMarketplaceManager:a,isStoreManager:l,isDesignLeader:n,isIdeaLeader:r,isArtistLeader:i}=Object(d.j)(e);return[t,a,l,n,r,i].some(Boolean)}(E),C=Object(s.useMemo)(()=>{let e=p;return(b||f)&&(e=A(e,"orders.created_at")),v&&(e=A(e,"tasks.rejected_at")),y||(e=A(e,"tasks.assign_date")),e},[f,b,v,y]),[k,O]=Object(s.useState)(""+n),[j,w]=Object(s.useState)(["All Time"]),[S,I]=Object(s.useState)({range:g,rangeLabel:i}),B=Object(s.useCallback)(e=>{const a=C.find(t=>t.value===e);let l=a&&a.label;"Task Created Date"===l&&(l=null),t&&t(e,l),O(e)},[C,O]),D=[{value:"All Time",label:"All Time"},{value:"Today",label:"Today"},{value:"Yesterday",label:"Yesterday"},{value:"Last 7 days",label:"Last 7 days"},{value:"This month",label:"This month"},{value:"Last month",label:"Last month"},{value:"Custom",label:"Custom",renderChildren:Object(s.useCallback)(e=>e&&c.a.createElement(m.a,{customTime:S,onChange:e=>{let{from:t,to:l,fromLabel:n,toLabel:r}=e;I({rangeLabel:`${n} - ${r}`,range:{from:t,to:l}}),a&&a({from:t,to:l},`${n} - ${r}`)}}),[j])}];Object(s.useEffect)(()=>{if(null===g&&"Custom"!==i)w("All Time");else{r.a.values(r.a.mapValues(D,"value")).includes(i)?w(""+i):w("Custom")}},[n,g,i]);const P=Object(s.useCallback)(e=>{let t={from:null,to:null};if(e[0])switch(e[0]){case"Today":t.from=o()().startOf("day"),t.to=o()().endOf("day");break;case"Yesterday":t.from=o()().subtract(1,"days").startOf("day"),t.to=o()().subtract(1,"days").endOf("day");break;case"Last 7 days":t.from=o()().subtract(7,"days").startOf("day"),t.to=o()();break;case"This month":t.from=o()().startOf("month"),t.to=o()();break;case"Last month":t.from=o()().subtract(1,"months").startOf("months"),t.to=o()().subtract(1,"months").endOf("months");break;default:t=null}a&&a(t,e[0]),w(e)},[]);return c.a.createElement(c.a.Fragment,null,h?null:c.a.createElement(c.a.Fragment,null,c.a.createElement(l.Q,{label:"For",options:C,value:k,onChange:B}),c.a.createElement("div",{style:{marginBottom:15}})),c.a.createElement(l.k,{title:"Value",choices:D,selected:j,onChange:P}))};function A(e,t){return(e||[]).filter(e=>e.value!==t)}},,,,,,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var l=a(0),n=a.n(l),r=a(1);const i=a(9).b.div` 6597 display: flex: 6598 justify-content: center; 6599 6600 img { 6601 width: 100%; 6602 height: auto; 6603 objectFit: cover; 6604 } 6605`,o=e=>{const{open:t,toggleShowModal:a,source:l,title:o}=e;return n.a.createElement(r.E,{title:o,open:t,onClose:a,sectioned:!0,large:!0},n.a.createElement(i,null,n.a.createElement("img",{src:l,alt:""})))}},,,,,,,function(e,t,a){"use strict";a.d(t,"e",(function(){return n})),a.d(t,"h",(function(){return r})),a.d(t,"n",(function(){return i})),a.d(t,"o",(function(){return o})),a.d(t,"d",(function(){return s})),a.d(t,"p",(function(){return c})),a.d(t,"g",(function(){return u})),a.d(t,"i",(function(){return d})),a.d(t,"f",(function(){return m})),a.d(t,"a",(function(){return p})),a.d(t,"b",(function(){return g})),a.d(t,"j",(function(){return A})),a.d(t,"c",(function(){return b})),a.d(t,"l",(function(){return h})),a.d(t,"m",(function(){return f})),a.d(t,"k",(function(){return v}));var l=a(35);const n=l.a` 6606 mutation createTiktokPromotion($input: CreateTiktokPromotionInput!) { 6607 createTiktokPromotion(input: $input) 6608 } 6609`,r=(l.a` 6610 mutation updateTiktokPromotion($input: UpdateTiktokPromotionInput!) { 6611 createTiktokPromotion(input: $input) 6612 } 6613`,l.a` 6614 mutation deleteTiktokPromotion($promotionID: ID!) { 6615 createTiktokPromotion(promotionID: $promotionID) 6616 } 6617`,l.a` 6618 mutation tiktokFetchProductsByStore($storeID: String!) { 6619 tiktokFetchProductsByStore(storeID: $storeID) 6620 } 6621`,l.a` 6622 mutation fetchTiktokPromotionProduct($promotionID: ID!) { 6623 fetchTiktokPromotionProduct(promotionID: $promotionID) 6624 } 6625`),i=l.a` 6626 mutation deactiveTiktokPromotions($promotionIDs: [ID!]!) { 6627 deactiveTiktokPromotions(promotionIDs: $promotionIDs) 6628 } 6629`,o=l.a` 6630 mutation updateTiktokPromotionRenew($promotionID: ID!, $isRenew: Boolean!) { 6631 updateTiktokPromotionRenew(promotionID: $promotionID, isRenew: $isRenew) 6632 } 6633`,s=(l.a` 6634 mutation createTiktokCustomBrand($storeID: ID!, $name: String!) { 6635 createTiktokCustomBrand(storeID: $storeID, name: $name) { 6636 data { 6637 id 6638 } 6639 } 6640 } 6641`,l.a` 6642 mutation createTiktokImageTemplate( 6643 $input: CreateTiktokImageTemplateInput! 6644 ) { 6645 createTiktokImageTemplate(input: $input) { 6646 id 6647 } 6648 } 6649`),c=l.a` 6650 mutation updateTiktokImageTemplate($input: EditTiktokImageTemplateInput!) { 6651 updateTiktokImageTemplate(input: $input) { 6652 id 6653 } 6654 } 6655`,u=l.a` 6656 mutation deleteTiktokImageTemplate($id: ID!) { 6657 deleteTiktokImageTemplate(id: $id) 6658 } 6659`,d=l.a` 6660 mutation fetchTiktokStoreStatus($teamID: String, $storeID: String) { 6661 fetchTiktokStoreStatus(teamID: $teamID, storeID: $storeID) 6662 } 6663`,m=l.a`
6664 mutation createTiktokQuickPush($input: TiktokQuickPushInput!) { 6665 createTiktokQuickPush(input: $input) { 6666 id 6667 } 6668 } 6669`,p=l.a` 6670 mutation bulkCreateTiktokCrawlProducts($input: [TiktokCrawlProductInput!]) { 6671 bulkCreateTiktokCrawlProducts(input: $input) { 6672 totalSuccess 6673 } 6674 } 6675`,g=l.a` 6676 mutation bulkDeleteTiktokCrawlProducts($ids: [ID!]) { 6677 bulkDeleteTiktokCrawlProducts(ids: $ids) { 6678 totalSuccess 6679 totalFail 6680 } 6681 } 6682`,A=l.a` 6683 query getTotalProductPushed($storeIDs: [ID!]!) { 6684 getTotalProductPushed(storeIDs: $storeIDs) { 6685 storeID 6686 count 6687 } 6688 } 6689`,b=l.a` 6690 mutation bulkReplaceTiktokCrawlProductTitle( 6691 $ids: [ID!]! 6692 $pattern: String! 6693 $replacement: String! 6694 ) { 6695 bulkReplaceTiktokCrawlProductTitle( 6696 ids: $ids 6697 pattern: $pattern 6698 replacement: $replacement 6699 ) 6700 } 6701`,h=l.a` 6702 mutation removeTiktokPromotionProduct( 6703 $promotionID: String! 6704 $ids: [String!]! 6705 ) { 6706 removeTiktokPromotionProduct(promotionID: $promotionID, ids: $ids) 6707 } 6708`,f=l.a` 6709 mutation revokeAccessTiktokProductTemplate($ids: [ID!]!) { 6710 revokeAccessTiktokProductTemplate(ids: $ids) 6711 } 6712`,v=l.a` 6713 mutation grantAccessTiktokProductTemplate($ids: [ID!]!, $userIds: [ID!]!) { 6714 grantAccessTiktokProductTemplate(ids: $ids, userIds: $userIds) 6715 } 6716`},,,,,,,,function(e,t,a){"use strict";a.d(t,"b",(function(){return Z})),a.d(t,"a",(function(){return X}));var l=a(1),n=a(1018),r=a(1017),i=a(1368),o=a(5),s=a.n(o),c=a(27),u=a.n(c),d=a(0),m=a.n(d),p=a(9),g=a(199),A=a.n(g),b=a(200),h=a.n(b),f=a(201),v=a.n(f),E=a(202),y=a.n(E),C=a(203),k=a.n(C),O=a(204),j=a.n(O),w=a(239),S=a.n(w),I=a(205),B=a.n(I),D=a(22),P=a(11),x=a(2),M=a(4),T=a(210),Q=a(68),R=a(37),F=a(366),N=a(44),U=a(570),L=a(338),V=a(540),z=a(556),q=(a(52),a(546)),H=a(337),$=a(547);const _=Object(d.lazy)(()=>a.e(23).then(a.bind(null,1417))),G=Object(d.lazy)(()=>a.e(22).then(a.bind(null,1418))),K=Object(d.lazy)(()=>a.e(17).then(a.bind(null,1432))),J=Object(d.lazy)(()=>a.e(24).then(a.bind(null,1419))),Y=M.R.reduce((e,t)=>(e[t.value]=t.label,e),{});function W(e,t){const a=[];for(let l=0;l<e.length;l++){const n=e[l];t(n,l,e)&&a.push(n)}return a}function Z(e,t){var a;if(!e)return[];const l=null===e||void 0===e?void 0:e.mainImageId,n=(null===e||void 0===e||null===(a=e.productBases)||void 0===a?void 0:a.length)>1,r=null===e||void 0===e?void 0:e.images;if(!(null==r?0:r.length))return[];let i=l&&"undefined"!==l?W(r,e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===l}):[],o=W(r,e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)!==l});if(t&&n){let e=W(o,e=>(null===e||void 0===e?void 0:e.productBaseId)===t);e.length>0&&(o=e)}return[...i,...o].map(e=>e.file)}const X=e=>{const[t,a]=Object(d.useState)([]),[c,p]=Object(d.useState)([]),[g,b]=Object(d.useState)([]),[f,E]=Object(d.useState)({}),[C,O]=Object(d.useState)([]),[w,I]=Object(d.useState)(!1),[W,X]=Object(d.useState)({scrollLeft:null,scrollWidth:null,offsetWidth:null}),ne=Object(d.useRef)(null),[re,ie]=Object(d.useState)([]);let{userRole:oe,teamRole:se,role:ce,filter:ue,onSelect:de,updateCount:me,setFilter:pe,changeStatusCount:ge,fixedColumn:Ae,screenOptions:be,dataSO:he,refetch:fe}=e;Object(V.a)({screenOptions:be,data:e.data,wrapRef:ne.current});const{currentUser:ve}=Object(P.c)(),Ee=Object(x.T)(ve);let ye=!1;const{isSeller:Ce,isMarketplaceManager:ke,isDesignLeader:Oe,isSupplier:je,isFulfillment:we,isStoreManager:Se}=Object(x.j)(ve),Ie=Ce||ke||Se;oe&&se&&oe.includes(M.pb.Seller)&&[M.gb.Admin,M.gb.StoreManager,M.gb.MarketplaceManager].includes(se)&&(ye=!0),Object(d.useEffect)(()=>{de&&de(C)},[C]),Object(d.useEffect)(()=>{E([])},[me,ue.status]);const Be=Object(d.useCallback)(t=>{I(t);let a=e.data&&e.data.orders&&e.data.orders.nodes;if(t){let e={};for(let t=0;t<a.length;t++)e={...e,[a[t].id]:!0};E(e)}else E({})},[e.data]),De=m.a.useMemo(()=>m.a.createElement(l.j,{label:"",checked:w,onChange:e=>Be(e)}),[w,Be]);Object(d.useEffect)(()=>{let e=[],t=[],l=JSON.parse(JSON.stringify(he))||[];const n=l.findIndex(e=>{let{value:t}=e;return"mappingOrder"===t});if(n>
6716-1){l.splice(n,1);const e=l.findIndex(e=>{let{value:t}=e;return"productVariant"===t});e>-1&&(l.splice(e+1,0,{value:"mappingOrder",label:"Product Data",priority:16,public:!0}),l.splice(e+2,0,{value:"mappingOrder",label:"Meta Data",priority:16,public:!0}))}let r=l.filter(e=>be.length&&be.includes(e.value));e=r.map(e=>e.label),t=r.map(()=>"text"),([M.pb.Admin].includes(ce)||Ie)&&(t=["text",...t],e=[De,...e]),a(t),p(e)},[be,ce,De,he,Ie]),Object(d.useEffect)(()=>{var t,a,c;if((null===e||void 0===e||null===(t=e.data)||void 0===t||null===(a=t.orders)||void 0===a||null===(c=a.nodes)||void 0===c?void 0:c.length)>0){const t=(e.data.orders.nodes||[]||[]).reduce((e,t)=>t&&null!=t.originId?(e[t.originId]=(e[t.originId]||0)+1,e):e,{});let a=e.data.orders.nodes.map(a=>{var c,d;let p=s.a.get(a,"supplier",null),g=s.a.get(a,"fulfillmentOrders[0]"),b=s.a.get(a,"fulfillment.slug",null);const E=b===D.f;g=["scalablepress","gearment","printway"].includes(b)?g&&g.fulfillmentSubmitID:g&&g.id;let C,O,w=s.a.get(a,"product",null),I=s.a.get(a,"product.sku",null),P=s.a.get(a,"originalProductID",null),R=s.a.get(a,"originalProduct",null),U=R&&R.sku,V=R&&R.title;w&&(C=P||w.id,O=V||w.title);let W=U||I,X=null;if(null===a||void 0===a?void 0:a.originalProductIsCampaign){X=`${`/${Ee}/products/campaign`}/${C}`}else if(w&&w.productBases){X=`${w.productBases.length>1?`/${Ee}/products/campaign`:`/${Ee}/products/edit`}/${C}`}let te=s.a.get(a,"productVariant.productBaseVariant",null),ae=s.a.get(te,"attributes",[]),ne=s.a.get(te,"productBase.title"),re=s.a.get(w,"productBases",[]),ie=s.a.get(a,"shippingRate",null),oe=s.a.get(w,"productBases",[]),se=oe&&oe.length>0?oe.map(e=>e.title).join(", "):null,ue=null,{currentCost:de,shippingCost:me,supplierCost:pe}=function(e){if(null!=e){const{baseCost:t,quantity:a,supplier:l,carrierPrice:n,shippingCost:r,supplierPrice:i}=e,o=s.a.get(e,"productVariant.productBaseVariant.productBase.hasAdditionalShipping",!1);let c=ee(e,"baseCost"),u=ee(e,"supplierPrice"),d=r;return null!=l&&o&&(c=t*a,u=i*a,0===r&&(d=n)),{currentCost:c,shippingCost:d,supplierCost:u}}return{currentCost:0,shippingCost:0,supplierCost:0}}(a);ue=[M.pb.Supplier].includes(ce)?pe:de,ue=Object(x.a)(ue,2),ue="$"+ue;let Ae=null,he=0;null===me&&void 0===me||(he=Object(x.a)(me,2));let ve=s.a.get(a,"fulfillment.slug",null),ke=null;ve&&["customcat","gearment"].includes(ve)&&0===he&&(ke="-");const Se=ve===D.p,Be=ve===D.g.Merchize,De=ve===D.g.Printway,xe=ve===D.g.Dreamship,Me=ve===D.g.Lenful;Ae=ke||"$"+he;let Te=s.a.get(a,"store.platform",null),Qe=s.a.get(a,"revenue",0),Re=0;null===Qe&&void 0===Qe||(Re=Qe);let Fe="";if(Re>0)switch(Re=Re.toFixed(2),Te){case M.M.Amazon:const e=()=>m.a.createElement(l.gb,{content:"Temporary revenue(include Amazon fee).",preferredPosition:"above"},m.a.createElement(l.w,{source:n.a}));Fe=a.orderGrand&&!a.orderGrand.isUpdated?e():a.isFinalRevenue?m.a.createElement(l.gb,{content:"Final revenue",preferredPosition:"above"},m.a.createElement(l.w,{source:r.a,color:"green"})):e();break;case M.M.Tiktok:const t=()=>m.a.createElement(l.gb,{content:"Temporary revenue",preferredPosition:"above"},m.a.createElement(l.w,{source:n.a}));Fe=a.isFinalRevenue?m.a.createElement(l.gb,{content:"Final revenue",preferredPosition:"above"},m.a.createElement(l.w,{source:r.a,color:"green"})):t()}let Ne=s.a.get(a,"fulfillment",null),Ue=Ne&&Ne.name;!Ue&&p&&(Ue="Merch Bridge");let Le=s.a.get(a,"store",null),Ve=s.a.get(Le,"title",null),ze={woocommerce:B.a,shopify:j.a,ebay:h.a,amazon:A.a,shopbase:k.a,etsy:v.a,facebook:y.a,tiktok:S.a},qe={width:"auto",height:"40px",marginRight:"0.785rem"};["ebay","facebook","shopbase","etsy","amazon","tiktok"].includes(Te)&&(qe.height="30px");let He=s.a.get(Le,"owners",[]),$e=[];He&&He.length&&($e=He),$e=$e.filter(e=>"Owner"===e.role).map((e,t)=>{if(e.user){let a=e.user,n=a.firstName&&a.firstName.trim().charAt(0)||a.lastName&&a.lastName.trim().charAt(0),r=`${a.firstName?a.firstName:""} ${a.lastName?a.lastName:""}`;return m.a.createElement(le,{key:t,index:t},m.a.createElement(l.d,{initials:n}),m.a.createElement("span",{className:"tooltip"},r))}return null}
6716).filter(Boolean);let _e=s.a.get(a,"status",null),Ge=s.a.get(a,"fulfillmentStatus",null),Ke=[M.pb.Seller,M.pb.Admin].includes(ce)&&!je&&[M.K.ReadyToPrint,M.K.Printing,M.K.PendingPayment].includes(_e)?M.K.InProduction:_e;const Je=Ke&&M.L.find(e=>e.name===Ke);let Ye;Ge&&(Ye=M.L.find(e=>e.name===Ge));let We=s.a.get(a,"taskStatus",null);const Ze=We&&M.eb.find(e=>e.name===We),Xe=null===a||void 0===a?void 0:a.usingTaskBulkDesign,et=Xe?"Yes":"No",tt=Xe?"success":"critical",at=null!=Xe?m.a.createElement("div",{className:"bulk-accept-design"},m.a.createElement(l.e,{children:et,status:tt})):null,lt=Object(o.get)(a,"productVariant.productBaseVariant.productBase.id");let nt=Z(w,lt),rt=(null===w||void 0===w||null===(c=w.collections)||void 0===c?void 0:c.length)>0?w.collections.map(e=>e.name):[];const it=(null===rt||void 0===rt?void 0:rt.length)>0?rt.map((e,t)=>m.a.createElement(l.e,{key:"collection-"+t,children:e})):null;let ot=(null===w||void 0===w||null===(d=w.tags)||void 0===d?void 0:d.length)>0?w.tags.map(e=>e.name):[];const st=(null===ot||void 0===ot?void 0:ot.length)>0?ot.map((e,t)=>m.a.createElement(l.e,{key:"tag-"+t,children:e})):null;let ct;(function(e){if(!e)return null;const t=e.productBases,a=(null===t||void 0===t?void 0:t.length)>0?t.map(e=>e.id):[],l=null===t||void 0===t?void 0:t.length,n=e.designCheckedByQC,r=e.basesDesignCheckedByQC,i=l>1,o=a.some(e=>(r||[]).includes(e));return i?o:!!n})(w)&&(ct=m.a.createElement("div",null,m.a.createElement(l.e,{children:"DS files checked by QC",status:"info"})));const ut=(null===a||void 0===a?void 0:a.usingProductDesign)?m.a.createElement("div",null,m.a.createElement(l.e,{children:"Using product design",status:"info"})):null;let dt=null===a||void 0===a?void 0:a.fulfillmentServiceShippingOption;Se&&Y[dt]&&(dt=Y[dt]),Me&&M.jb.lenful[dt]&&(dt=M.jb.lenful[dt]),De&&M.S[dt]&&(dt=M.S[dt]);const mt=m.a.createElement("div",{className:"shipping-option-wrap item"},!!dt&&m.a.createElement(l.e,{children:dt})),pt=s.a.get(a,"fulfillmentOrders[0].FulfillmentDesc",""),gt=pt?m.a.createElement("span",null,"FFDesc: ",pt):null,At=Object(o.get)(a,"team.name",""),bt=a.mappingOrder,ht=m.a.createElement(T.c,{node:bt}),ft=[M.N].includes(null===Te||void 0===Te?void 0:Te.toLowerCase());let vt=(null===bt||void 0===bt?void 0:bt.metaData)||[];const Et=null===bt||void 0===bt?void 0:bt.personalized;(null===bt||void 0===bt?void 0:bt.personalizedPreview)&&(vt.unshift({key:"Preview Image",value:bt.personalizedPreview}),vt=Array.from(new Map(vt.map(e=>[e.key,e])).values()));const yt=m.a.createElement(T.b,{data:Et}),Ct=m.a.createElement("div",{className:"meta-data-wrap item"},m.a.createElement(T.a,{data:vt}),ft&&yt),kt=Object(o.get)(a,"customer");let Ot="";if(kt){Ot=[Object(o.get)(kt,"firstName"),Object(o.get)(kt,"lastName")].filter(Boolean).join(" ")}const jt=m.a.createElement("div",{className:"customer-name item"},m.a.createElement("span",null,Ot)),wt=(t[a.originId]||0)>1?"order-id-wrap item flex-custom repeat":"order-id-wrap item flex-custom",St=s.a.get(a,"currencyCode"),It=Object(x.N)(St,Re),Bt=[...[M.pb.Admin].includes(ce)||Ie?[{key:!0,render:m.a.createElement("div",{className:"selection-wrap"},m.a.createElement(l.j,{label:"",checked:!!f[a.id],onChange:e=>Pe(a.id,e)}))}]:[],{key:"orderId",render:m.a.createElement("div",{className:wt},m.a.createElement("span",{className:"order-id"},a.id,a.sellerNote&&m.a.createElement(l.gb,{content:a.sellerNote},m.a.createElement(l.w,{source:i.a}))),g&&m.a.createElement("span",null,"FFID: ",g),a.ebayOrderId&&m.a.createElement("span",null,"EBID: ",a.ebayOrderId),gt,a.hasResent&&m.a.createElement("span",null,"(Resent)"),m.a.createElement(q.a,{node:a}))},{key:"originId",render:m.a.createElement("div",{className:"originId-wrap item"},m.a.createElement("span",null,a.originId),m.a.createElement(H.a,{node:null===a||void 0===a?void 0:a.warningAddress}))},{key:"product",render:m.a.createElement("div",{className:"product-wrap item"},w?m.a.createElement(m.a.Fragment,null,m.a.createElement("div",null,m.a.createElement(Q.default,{files:{files:nt},limit:1,width:80,height:80})),m.a.createElement("div",{className:"product-detail item flex-custom"},ye||Oe||we||[M.pb.Admin].includes(ce)?m.a.createElement(l.B,{children:O,url:X}
6716):m.a.createElement("span",null,O),[M.pb.Admin,M.pb.Seller].includes(ce)&&a.product&&a.product.personalized&&m.a.createElement(L.PersonalizedPolaris,{order:a}),m.a.createElement("div",null,m.a.createElement(l.e,{children:W})),ut,ct,m.a.createElement(N.a,{fallback:null},m.a.createElement(J,{node:a})))):m.a.createElement("span",null,"Product does not exists(maybe is deleted)"))},{key:"designFiles",render:m.a.createElement("div",{className:"design-files-wrap item"},m.a.createElement(m.a.Suspense,{fallback:m.a.createElement(l.X,{size:"small"})},m.a.createElement(_,{orderId:null===a||void 0===a?void 0:a.id,productBaseId:lt,canRequest:be.includes("designFiles")})))},{key:"productBases",render:m.a.createElement("div",{className:"productBase-wrap item flex-custom"},m.a.createElement("span",null,se))},{key:"productVariant",render:m.a.createElement("div",{className:"pVariants-wrap item flex-custom"},re&&re.length>1?m.a.createElement("div",null,m.a.createElement("span",{className:"label"},"Type: "),m.a.createElement("span",{style:{wordBreak:"break-all"}},ne)):null,ae&&ae.length>0?ae.map((e,t)=>m.a.createElement("div",{key:t},m.a.createElement("span",{className:"label"},e.name,":")," ",m.a.createElement("span",{style:{wordBreak:"break-all"}},e.option))):re&&re.length>0?re.map(e=>e.attributes&&e.attributes.map((e,t)=>m.a.createElement("div",{key:t},m.a.createElement("span",{className:"label"},e.name,":")," ",m.a.createElement("span",{style:{wordBreak:"break-all"}},e.options.join(", "))))):null)},{key:"mappingOrder",render:ht},{key:"mappingOrder",render:Ct},{key:"buyerName",render:jt},{key:"qty",render:m.a.createElement("div",{className:"quantity-wrap item"},m.a.createElement("span",null,a.quantity))},{key:"originQty",render:m.a.createElement("div",{className:"quantity-wrap item"},m.a.createElement("span",null,a.originQuantity||a.quantity))},{key:"cost",render:m.a.createElement("div",{className:"cost-wrap item"},m.a.createElement("span",null,ue))},{key:"shippingCost",render:m.a.createElement("div",{className:"shippingCost-wrap item flex-custom"},m.a.createElement("span",null,Ae),m.a.createElement("span",{className:"shipping-rate"},ie&&ie.length>0?m.a.createElement("span",null,"(",ie,")"):null))},{key:"revenue",render:m.a.createElement("div",{className:"revenue-wrap item"},m.a.createElement("span",null,It),m.a.createElement("span",{className:"revenue-icon"},Re>0?Fe:null))},{key:"teamName",render:m.a.createElement("div",{className:"item team-name-wrap"},m.a.createElement("span",null,At))},{key:"store",render:m.a.createElement("div",{className:"store-wrap item"},m.a.createElement("div",null,Te&&m.a.createElement("img",{alt:"",src:ze[Te],style:{...qe}})),m.a.createElement("div",null,m.a.createElement("span",null,Ve)))},{key:"storeManager",render:m.a.createElement("div",{className:"storeManager-wrap"},$e)},{key:"fulfillment",render:m.a.createElement("div",{className:"fulfillment-wrap item"},m.a.createElement("span",null,Ue),E&&m.a.createElement("div",null,"(",[null===p||void 0===p?void 0:p.firstName,null===p||void 0===p?void 0:p.lastName].filter(Boolean).join(" "),")"),Be&&(null===a||void 0===a?void 0:a.printingMethod)?m.a.createElement("div",null,m.a.createElement("span",null,m.a.createElement("b",null,"Printing method: "),a.printingMethod)):null,xe&&(null===a||void 0===a?void 0:a.enabled48HFulfillment)?m.a.createElement("div",{style:{marginTop:"5px"}},m.a.createElement(l.e,{children:"48H Fulfillment",status:"success"})):null)},{key:"supplier",render:m.a.createElement("div",{className:"supplier-wrap item"},m.a.createElement("span",null,p?`${p.firstName} ${p.lastName}`:null))},{key:"carrier",render:m.a.createElement("div",{className:"carrier-wrap item"},m.a.createElement("span",null,a.carrier&&a.carrier.name))},{key:"shippingOption",render:mt},{key:"printingDate",render:m.a.createElement("div",{className:"printingDate-wrap"},a.printingDate&&m.a.createElement("span",null,u()(a.printingDate).format("YYYY-MM-DD HH:mm:ss")))},{key:"createdAt",render:m.a.createElement("div",{className:"createdAt-wrap item"},a.createdAt&&m.a.createElement("span",null,u()(a.createdAt).format("YYYY-MM-DD HH:mm:ss")))},{key:"tracking",render:m.a.createElement("div",{className:"tracking-wrap item"},m.a.createElement(N.a,null,m.a.createElement(K,{order:a,refetch:fe})))},{key:"status",render:m.a.createElement("div",{className:"status-wrap"},Je&&!Ge?m.a.createElement("div",null,m.a.createElement(l.e,{children:Ce&&"Processing"===Je.name?"Supplier Processing":Je.name,status:Je.status,progress:Je.progress?Je.progress:null}),"Pending Design"===Je.name&&a.designTaskCreated&&m.a.createElement("p",{style:{marginLeft:"0.3rem"}},m.a.createElement("small",null,"(In design task)"))):m.a.createElement("div",null,Ge?m.a.createElement(l.e,{status:Ye.status,children:Ge||_e}):null),a.paused&&m.a.createElement("small",null,"(Paused)"),[M.K.InProduction,M.K.ReadyToPrint,M.K.Fulfilled].includes(null===a||void 0===a?void 0:a.status)?m.a.createElement($.a,{lastProgress:null===a||void 0===a?void 0:a.lastOrderProgress,orderID:null===a||void 0===a?void 0:a.id,fulfillmentID:null===a||void 0===a?void 0:a.fulfillmentId}):null)},{key:"taskStatus",render:m.a.createElement("div",{className:"task-status_wrap"},Ze&&m.a.createElement("div",null,m.a.createElement(l.e,{children:Ze.name,status:Ze.status,progress:Ze.progress?Ze.progress:null})))},{key:"assignee",render:m.a.createElement("div",{className:"assignee-wrap item"}
6716,m.a.createElement(m.a.Suspense,{fallback:m.a.createElement(F.a,null)},m.a.createElement(G,{orderId:null===a||void 0===a?void 0:a.id})))},{key:"acceptedBy",render:m.a.createElement("div",{className:"accepted-by-wrap item","data-order-id":a.id})},{key:"bulkAcceptDesign",render:at},{key:"collection",render:m.a.createElement("div",{className:"collection-wrap item"},it)},{key:"tag",render:m.a.createElement("div",{className:"tag-wrap item"},st)},{key:!0,render:m.a.createElement("div",{className:"actions-wrap item"},m.a.createElement(z.a,Object.assign({},e,{value:a,changeStatusCount:ge})))}];let Dt=[M.pb.Admin].includes(ce),Pt=Bt.filter(e=>be.includes(e.key)||!0===e.key).map(e=>e.render);return Pt.length>(Dt?2:1)?[...Pt]:[]});b(a)}},[e.data,c,ce,f,be,ye,Oe]);const Pe=Object(d.useCallback)((e,t)=>{let a;E(l=>{let n={...l,[e]:t};return a=Object.values(n).filter(e=>e).length,n}),t?I(!0):0===a&&I(!1)},[C]);Object(d.useEffect)(()=>{let{scrollLeft:e,scrollWidth:t,offsetWidth:a}=W,l=document.querySelectorAll(".actions-wrap"),n=document.querySelectorAll(".Polaris-DataTable__Cell");for(let o of n)for(let e of l)Object(x.u)(o,e)&&(Ae?o.classList.add("custom-cell"):o.classList.remove("custom-cell"));const r=document.querySelectorAll(".Polaris-DataTable__TableRow");for(let o of Array.from(r))if(o){o.style&&(o.style="");const e=o.querySelectorAll(".Polaris-DataTable__Cell");for(let t of Array.from(e))t.style=""}const i=document.querySelectorAll(".order-id-wrap.repeat");for(let o of Array.from(i)){const e=Object(T.e)(o,"Polaris-DataTable__TableRow");if(e){const t=e.querySelectorAll(".Polaris-DataTable__Cell");for(let e of Array.from(t))e.style.backgroundColor="#ddd"}}},[g,W,Ae]),Object(d.useEffect)(()=>{const e=()=>{Object(x.Ub)(()=>{ne.current&&X({scrollLeft:ne.current.scrollLeft,scrollWidth:ne.current.scrollWidth,offsetWidth:ne.current.offsetWidth})})};return ne.current&&ne.current.addEventListener("scroll",e,{capture:!1,passive:!0}),()=>{ne.current&&ne.current.removeEventListener("scroll",e)}},[ne]),Object(d.useEffect)(()=>{let e=[];
6716if(f)for(let[t,a]of Object.entries(f))a&&e.push(t);O(e)},[f]),Object(d.useEffect)(()=>{var t,a;const l=null===(t=e.data)||void 0===t||null===(a=t.orders)||void 0===a?void 0:a.nodes;if(!l||0===l.length)return;const n=l.map(e=>{const{id:t,originId:a}=e||{};return C.includes(t)?a:null}).filter(Boolean);ie(n)},[C,e.data]);const xe=Object(d.useCallback)(()=>{I(!1),E({}),O([]),fe&&fe()},[fe]);let{limit:Me,offset:Te}=ue;const Qe=e.data,Re=s.a.get(Qe,"orders.total",0),Fe=s.a.get(Qe,"orders.aggregations",null),Ne=s.a.get(Fe,"total_base_cost.value",0),Ue=je?null:s.a.get(Fe,"total_revenue.value",0),Le=s.a.get(Fe,"total_qty.value",0),Ve=s.a.get(Fe,"original_count.value",0),ze={page:Te/Me+1,totalPage:Math.ceil(Re/Me),offset:Te,limit:Me,onChange:pe,total:Re};return m.a.createElement(m.a.Fragment,null,Ie&&m.a.createElement(U.a,{idsChecked:re,ids:C,handleCheckedAll:Be,handleCompleted:xe,status:null===ue||void 0===ue?void 0:ue.status}),m.a.createElement(te,{ref:ne},m.a.createElement(l.n,{columnContentTypes:[...t,"numeric"],headings:[...c,m.a.createElement("div",{className:"actions-wrap item"},"Actions")],rows:g,verticalAlign:"middle",hideScrollIndicator:!0})),m.a.createElement(ae,null,m.a.createElement(R.PaginationPolaris,Object.assign({aggregation:ze,showTotal:!0},[M.pb.Seller,M.pb.Admin].includes(ce)?{baseCost:Ne,totalRevenue:Ue,totalQty:Le,totalOrder:Ve}:null))))};function ee(e,t){if(null==e)return 0;const{carrierPrice:a,quantity:l}=e;return(e[t]+a)*l}const te=p.b.div` 6717 overflow-x: auto; 6718 .Polaris-DataTable__Cell--header { 6719 white-space: nowrap; 6720 } 6721 .item { 6722 white-space: normal; 6723 word-break: break-word; 6724 } 6725 .flex-custom { 6726 display: flex; 6727 flex-direction: column; 6728 row-gap: 0.5rem; 6729 } 6730 .order-id-wrap { 6731 word-break: break-all; 6732 width: calc(25rem - 3.2rem); 6733 span:not(.order-id) { 6734 font-size: 13px; 6735 opacity: 0.865; 6736 } 6737 6738 .order-id { 6739 display: flex; 6740 gap: 5px; 6741 } 6742 } 6743 .originId-wrap, 6744 .assignee-wrap, 6745 .actions-wrap { 6746 word-break: break-all; 6747 width: calc(17rem - 3.2rem); 6748 } 6749 .product-wrap, 6750 .design-files-wrap { 6751 display: flex; 6752 flex-direction: row; 6753 align-items: start; 6754 width: calc(40rem - 3.2rem); 6755 .product-detail { 6756 margin-left: 0.75rem; 6757 } 6758 } 6759 .pVariants-wrap { 6760 span.label { 6761 font-weight: 600; 6762 } 6763 } 6764 .quantity-wrap, 6765 .cost-wrap { 6766 width: calc(10rem - 3.2rem); 6767 } 6768 6769 .accepted-by-wrap { 6770 width: calc(25rem - 3.2rem); 6771 display: flex; 6772 flex-direction: column; 6773 row-gap: 5px; 6774 } 6775 6776 .shippingCost-wrap { 6777 width: calc(25rem - 3.2rem); 6778 .shipping-rate { 6779 font-size: 12px; 6780 font-weight: 500; 6781 opacity: 0.8; 6782 } 6783 } 6784 .revenue-wrap { 6785 display: flex; 6786 .revenue-icon { 6787 margin-left: 0.5rem; 6788 .Polaris-Icon { 6789 display: inline-block; 6790 } 6791 } 6792 } 6793 .fulfillment-wrap, 6794 .supplier-wrap, 6795 .revenue-wrap, 6796 .pVariants-wrap, 6797 .collection-wrap, 6798 .tag-wrap, 6799 .team-name-wrap, 6800 .printingDate-wrap, 6801 .createdAt-wrap, 6802 .customer-name { 6803 width: calc(20rem - 3.2rem); 6804 } 6805 6806 .status-wrap { 6807 width: calc(30rem - 3.2rem); 6808 } 6809 6810 .shipping-option-wrap { 6811 width: calc(23rem - 3.2rem); 6812 } 6813 .store-wrap { 6814 width: max-content; 6815 display: flex; 6816 align-items: center; 6817 } 6818 .storeManager-wrap { 6819 width: calc(21rem - 3.2rem); 6820 display: flex; 6821 flex-wrap: wrap; 6822 row-gap: 0.5rem; 6823 } 6824 .carrier-wrap { 6825 width: calc(13rem - 3.2rem); 6826 } 6827 6828 .tracking-wrap, 6829 .productBase-wrap { 6830 width: calc(32rem - 3.2rem); 6831 small { 6832 font-size: 87%; 6833 } 6834 } 6835 6836 .actions-wrap { 6837 margin-left: auto; 6838 } 6839 6840 .status-wrap, 6841 .task-status_wrap { 6842 small { 6843 font-size: 87%; 6844 } 6845 } 6846 6847 .product-data-wrap, 6848 .meta-data-wrap { 6849 display: flex; 6850 flex-direction: column; 6851 row-gap: 0.75rem; 6852 width: calc(32rem - 3.2rem); 6853 } 6854 6855 .meta-data-wrap img { 6856 // max-width: 28.8rem; 6857 max-width: 100px; 6858 height: auto; 6859 object-fit: cover; 6860 } 6861 6862 .collection-wrap, 6863 .tag-wrap { 6864 margin-left: -0.7rem; 6865 margin-top: -0.9rem; 6866 > span { 6867 margin-top: 1rem; 6868 margin-left: 1rem; 6869 } 6870 .Polaris-Badge { 6871 max-width: 100%; 6872 .Polaris-Badge__Content { 6873 overflow: hidden; 6874 text-overflow: ellipsis; 6875 white-space: nowrap; 6876 } 6877 } 6878 } 6879 6880 .Polaris-DataTable { 6881 .Polaris-DataTable__ScrollContainer { 6882 overflow-x: inherit; 6883 -webkit-overflow-scrolling: touch; 6884 } 6885 } 6886 .Polaris-DataTable__Cell { 6887 &.custom-cell { 6888 position: sticky; 6889 right: 0; 6890 z-index: 10; 6891 background-color: #fff; 6892 &:after { 6893 box-shadow: rgba(0, 0, 0, 0.15) -10px 0px 8px -8px inset; 6894 position: absolute; 6895 top: 0px; 6896 bottom: -1px; 6897 width: 30px; 6898 transition: box-shadow 0.3s ease 0s, 6899 -webkit-box-shadow 0.3s ease 0s; 6900 content: ""; 6901 pointer-events: none; 6902 left: 0px; 6903 transform: translateX(-100%); 6904 } 6905 } 6906 } 6907 .Polaris-DataTable__TableRow { 6908 &:hover { 6909 .Polaris-DataTable__Cell { 6910 &.custom-cell { 6911 background-color: var(--p-surface-hovered, #f9fafb); 6912 } 6913 } 6914 } 6915 &:last-child { 6916 .storeManager-wrap { 6917 padding-bottom: 2rem; 6918 } 6919 } 6920 } 6921`,ae=p.b.div` 6922 padding: 1.6rem; 6923 overflow-x: scroll; 6924 background: var(--p-surface-subdued, #f4f6f8); 6925`,le=p.b.div` 6926 display: flex; 6927 align-items: center; 6928 position: relative; 6929 cursor: pointer; 6930 z-index: 1; 6931 transform: ${e=>e.index?`translateX(-${e.index%4*12}
6931px)`:"translateX(0px)"}; 6932 .Polaris-Avatar { 6933 border: 2px solid #fff; 6934 width: calc(4rem + 4px); 6935 .Polaris-Avatar__Svg { 6936 height: auto; 6937 } 6938 } 6939 .tooltip { 6940 visibility: hidden; 6941 background-color: black; 6942 color: #fff; 6943 text-align: center; 6944 border-radius: 6px; 6945 padding: 5px 8px; 6946 position: absolute; 6947 top: 100%; 6948 left: 50%; 6949 transform: translateX(-50%); 6950 } 6951 &:hover { 6952 z-index: 2; 6953 .tooltip { 6954 visibility: visible; 6955 } 6956 } 6957`},function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var l=a(1),n=a(0),r=a.n(n);function i(e){let{node:t}=e;return t?r.a.createElement(o,{node:t},r.a.createElement(l.e,{children:"Warning Address",status:"attention"})):null}function o(e){let{node:t,children:a}=e;const n=[t.company?t.company+": ":null,[t.address1,t.address2].filter(Boolean),[t.city+",",t.state,t.postalCode||""].join(" "),t.country].filter(Boolean).join("");return r.a.createElement(l.gb,{content:r.a.createElement("div",{dangerouslySetInnerHTML:{__html:n}})},a)}},function(e,t,a){"use strict";a.r(t),a.d(t,"PersonalizedPolaris",(function(){return h}));var l=a(0),n=a.n(l),r=a(1),i=a(7),o=a(26),s=a.n(o),c=a(9),u=a(69),d=a.n(u),m=a(2),p=a(17),g=a(539);const A=c.b.div` 6958 .activator_wrap { 6959 cursor: pointer; 6960 } 6961`,b=c.b.div` 6962 .personalized-content { 6963 display: flex; 6964 flex-direction: row; 6965 column-gap: 2rem; 6966 .personalized-mockup { 6967 display: flex; 6968 flex-direction: column; 6969 row-gap: 1rem; 6970 label { 6971 font-weight: 500; 6972 font-size: 15px; 6973 } 6974 } 6975 } 6976 .personalized-options { 6977 width: 100%; 6978 display: flex; 6979 flex-direction: column; 6980 row-gap: 1rem; 6981 > label { 6982 font-weight: 500; 6983 font-size: 15px; 6984 } 6985 } 6986 .personalized-item + .personalized-item { 6987 border-top: var( 6988 --p-thin-border-subdued, 6989 0.1rem solid var(--p-border-subdued, #dfe3e8) 6990 ); 6991 padding-top: 1rem; 6992 } 6993`,h=e=>{var t,a,o;const{order:c}=e,[u,h]=Object(l.useState)(!1),[f,v]=Object(l.useState)(null),[E,{data:y,loading:C,error:k}]=Object(i.b)(p.Tb);Object(l.useEffect)(()=>{c&&c.id&&u&&E({variables:{orderId:c.id}})},[c,u]),Object(l.useEffect)(()=>{let e=document.querySelector("#personalized-modal"),t=document.querySelector(".Polaris-Modal-Dialog__Modal");((e,t)=>e!==t&&e.contains(t))(t,e)&&v(t);let a=document.querySelector("body");u?a.setAttribute("style","overflow: hidden"):a.removeAttribute("style")},[u]),Object(l.useEffect)(()=>{function e(e){f&&!f.contains(e.target)&&h(!1)}return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}},[f]);const O=Object(l.useCallback)(()=>{h(e=>!e)},[]),j=y&&y.getFieldValueForOrder||[],w=j&&j.map(e=>({productVariant:e.order.productVariant,...e.order.product}));let S,I=w.map(e=>(S=e.productVariant,e.images)).flatMap(e=>e);const B=null===(t=w[0])||void 0===t?void 0:t.mainImageId,D=s()(S,"productBaseVariant.productBase.id",null);let P=[];const x=(null===w||void 0===w||null===(a=w.productBases)||void 0===a?void 0:a.length)>1;D&&x?P=(null===I||void 0===I?void 0:I.length)>0?I.filter(e=>(null===e||void 0===e?void 0:e.productBaseId)===D).map(e=>e.file):[]:(B||"undefined"!==B)&&(P=(null===I||void 0===I?void 0:I.length)>0?I.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===B}).map(e=>e.file):[]),0===P.length&&(P=(null===I||void 0===I?void 0:I.length)>0?I.filter(Boolean).map(e=>e.file):[]);const M=(null===(o=P)||void 0===o?void 0:o.length)>0?P[0]:null,T=M?(null===M||void 0===M?void 0:M.url)?null===M||void 0===M?void 0:M.url:(null===M||void 0===M?void 0:M.thumbnailUrl)?null===M||void 0===M?void 0:M.thumbnailUrl:null:null;return n.a.createElement(A,null,n.a.createElement("div",{className:"activator_wrap",onClick:O},n.a.createElement(r.e,{children:"Personalized",status:"success"}
6993)),n.a.createElement(r.E,{open:u,onClose:O,title:"Personalized detail",sectioned:!0,large:!0},n.a.createElement(b,{id:"personalized-modal"},k?n.a.createElement("div",null,"Error: ",Object(m.ib)(k.toString())):n.a.createElement("div",{className:"personalized-content"},n.a.createElement("div",{className:"personalized-mockup"},n.a.createElement("label",null,"Mockup"),C?n.a.createElement(r.X,{size:"small"}):n.a.createElement("img",{alt:"",style:{width:240,height:"auto",objectFit:"cover"},src:T||d.a})),n.a.createElement("div",{className:"personalized-options"},n.a.createElement("label",null,"Personalized options"),(null===j||void 0===j?void 0:j.length)>0?j.map((t,a)=>n.a.createElement(g.a,Object.assign({key:a},e,{value:t}))):n.a.createElement("span",null,"No personalized value."))))))};t.default=h},function(e,t,a){"use strict";a.d(t,"a",(function(){return m})),a.d(t,"b",(function(){return p}));var l=a(0),n=a.n(l),r=a(7),i=a(26),o=a.n(i),s=a(17),c=a(2),u=a(11);const d=n.a.createContext(null);function m(e){let{data:t,children:a}=e;const[l,i]=n.a.useState({}),[m,p]=n.a.useState({}),{currentUser:g}=Object(u.c)(),{isAdministrator:A}=Object(c.j)(g),b=!!o()(g,"teamUser"),[h]=Object(r.b)(s.Cb,{onCompleted:e=>{const t=function(e){return o()(e,"getTiktokLabelFiles")}(e);Object.keys(t).length>0&&i(t)}}),[f]=Object(r.b)(s.Kb,{onCompleted:e=>{const t=function(e){const t=o()(e,"getTiktokProductViaOrder")||[];if(0===t.length)return{};const a={};for(let l of t)l&&l.orderID&&(a[l.orderID]=l);return a}(e);Object.keys(t).length>0&&p(t)}}),v=function(e){if(Object(c.c)(e))return[];const t=[];for(let a of e){const{store:e,id:l}=a||{};if(!a||!e)continue;const{platform:n}=e;Object(c.h)(n)&&t.push(l)}return t}(t);return n.a.useEffect(()=>{Object(c.c)(v)||!A&&!b||(async()=>{await Promise.all([h({variables:{orderIDs:v}}),f({variables:{orderIDs:v}})])})()},[JSON.stringify(v),A,b]),n.a.createElement(d.Provider,{value:{fileUrls:l,productInfo:m}},a)}const p=()=>n.a.useContext(d)},function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var l=a(7),n=a(1),r=a(0),i=a.n(r),o=a(16),s=a(2);function c(e){let{open:t,onClose:a,storeId:c,refetch:u,setNotify:d,toggleActiveToast:m}=e;const p=i.a.useRef(null),[g,{loading:A}]=Object(l.c)(o.cd,{onError:e=>{d({msg:Object(s.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})},onCompleted:()=>{d({msg:"Re-gen store api key success",err:!1}),a&&a(),u&&(p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{u()},1500))}}),b=Object(r.useCallback)(()=>{if(!c)return;const e=[c];m(),d({msg:null,err:!1}),g({variables:{ids:e}})},[c,m]);return i.a.createElement(n.E,{title:"Re-Gen API Key",open:t,onClose:a,sectioned:!0,large:!0,primaryAction:{content:"Submit",onAction:b,loading:A},secondaryActions:[{content:"Cancel",onAction:a}]},i.a.createElement("p",null,"Are you sure to re-gen api key for this store?"))}},function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return A})),a.d(t,"PersonalizedInfoInner",(function(){return b}));var l=a(7),n=a(1),r=a(35),i=a(5),o=a(0),s=a.n(o),c=a(9),u=a(43),d=a(2),m=a(28),p=a(4);const g=r.a` 6994 query getFieldValueForOrder($orderId: ID!) { 6995 getFieldValueForOrder(orderId: $orderId) { 6996 id 6997 createdAt 6998 field { 6999 ...FieldFragment 7000 } 7001 value 7002 } 7003 } 7004 ${u.f} 7005`;function A(e){let{orderId:t,personalized:a}=e;const{data:n,loading:r}=Object(l.d)(g,{variables:{orderId:t},skip:!t});return t?s.a.createElement(b,{personalized:a,loading:r,fieldValues:null===n||void 0===n?void 0:n.getFieldValueForOrder}):null}function b(e){let{personalized:t,loading:a,fieldValues:l}=e;const[r,o]=Object(m.a)(!1);let c=function(e){if(Object(d.c)(e))return[];const t=/photo/gi,a=/backup/gi,l=[],n=[],r=[],o=[];for(let s of e){if(Object(d.Gb)(s))continue;const{field:e}=s,c=Object(i.get)(e,"title")||"";c?c.match(a)?r.push(s):c.match(t)?n.push(s):l.push(s):o.push(s)}return[...l,...n.sort(f),...r.sort(f),...o]}(l);const u=(null===c||void 0===c?void 0:c.length)>0?c.slice(0,4):[],p=((null===c||void 0===c?void 0:c.length)||0)>4;return t?s.a.createElement(v,{className:"personalized-info"},s.a.createElement(n.v,{element:"h3"},"Personalized info:"),a?s.a.createElement(n.X,{size:"small"}):(null===c||void 0===c?void 0:c.length)>0?s.a.createElement("div",{className:"personalized-inner",style:{paddingLeft:"0.5rem"}},s.a.createElement("div",{className:"field-wrap"},u.map((e,t)=>s.a.createElement(h,{item:e,key:"item-"+t}))),p&&s.a.createElement(s.a.Fragment,null,s.a.createElement(n.l,{open:r,id:"basic-collapsible",transition:{duration:"500ms",timingFunction:"ease-in-out"},expandOnPrint:!0},s.a.createElement("div",{className:"field-wrap",style:{marginTop:10}},c.slice(4).map((e,t)=>s.a.createElement(h,{item:e,key:"item-"+t})))),s.a.createElement(n.g,{plain:!0,children:"Show "+(r?"less":"more"),onClick:o}))):null):null}function h(e){var t,a;let{item:l}=e,n=(null===l||void 0===l||null===(t=l.field)||void 0===t?void 0:t.t
7005itle)||(null===l||void 0===l||null===(a=l.field)||void 0===a?void 0:a.name)||"",r=l.value;const o=r&&Array.isArray(r)&&"string"===typeof r[0]&&r[0].length>0?r[0].split(/\n/).filter(Boolean):r,c=!(!o||!Array.isArray(o))&&o.every(e=>Object(i.includes)(e,p.G)||Object(d.X)(e));let u=Object(i.includes)(r.length&&r[0],p.G)||Object(d.X)((r||[])[0]);r=r&&Array.isArray(r)&&r.join(", ");const m=(n||"").trim(),g=Object(d.lb)(m);return s.a.createElement("div",null,n?s.a.createElement("label",{className:"label",style:{whiteSpace:"nowrap"}},g?m:m+": "):null,c?s.a.createElement("div",{style:{display:"flex",gap:16,flexWrap:"wrap"}},o.map((e,t)=>s.a.createElement("div",{className:"img-wrap",key:"image-"+t},s.a.createElement("a",{href:e,target:"_blanke"},s.a.createElement("img",{src:e,alt:""}))))):u?s.a.createElement("div",{className:"img-wrap"},s.a.createElement("a",{href:r,target:"_blanke"},s.a.createElement("img",{src:r,alt:""}))):s.a.createElement("span",{style:{wordBreak:"break-all",whiteSpace:"pre-line"},title:n?" ":"no name"},r))}const f=(e,t)=>Object(i.get)(e,"field.title")>Object(i.get)(t,"field.title")?1:-1,v=c.b.div` 7006 display: flex; 7007 flex-direction: column; 7008 text-align: left; 7009 position: relative; 7010 7011 .img-wrap { 7012 img { 7013 width: 100px; 7014 height: 100px; 7015 object-fit: cover; 7016 } 7017 } 7018 7019 .personalized-info { 7020 margin-right: 15rem; 7021 } 7022 7023 .personalized-info { 7024 h4 { 7025 font-weight: 500; 7026 font-size: 1.2em; 7027 display: inline-block; 7028 } 7029 .personalized-inner { 7030 display: flex; 7031 flex-direction: row; 7032 column-gap: 1.6rem; 7033 row-gap: 1.6rem; 7034 flex-wrap: wrap; 7035 justify-content: flex-start; 7036 label.label { 7037 font-weight: 500; 7038 color: rgba(0, 0, 0, 0.85); 7039 font-size: 1em; 7040 margin-right: 1rem; 7041 } 7042 } 7043 } 7044 7045 .field-wrap { 7046 display: flex; 7047 gap: 10px; 7048 flex-direction: column; 7049 flex-wrap: wrap; 7050 7051 .label { 7052 white-space: nowrap; 7053 font-weight: 500; 7054 } 7055 } 7056`},function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return o}));var l=a(1),n=a(0),r=a.n(n),i=a(2);function o(e){var t,a,n;let{order:o}=e;if(Object(i.Gb)(o))return null;const s=(null===o||void 0===o||null===(t=o.productVariant)||void 0===t||null===(a=t.productBaseVariant)||void 0===a||null===(n=a.attributes)||void 0===n?void 0:n.length)>0?o.productVariant.productBaseVariant.attributes:[];let c;return Array.isArray(s)&&s.length&&(c=s.map((e,t)=>r.a.createElement(r.a.Fragment,{key:t},r.a.createElement("div",{className:"attribute-item",key:t,style:{paddingLeft:"0.5rem"}},r.a.createElement(l.db,{variation:"strong"},e.name,": "),r.a.createElement("span",null,e.option))))),c?r.a.createElement("div",{className:"attributes-wrap"},r.a.createElement(l.v,{element:"h3"},"Attributes:"),c):null}},,,,,,function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbwAAABCCAYAAAAsX2MCAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABvKADAAQAAAABAAAAQgAAAACY48r7AAAbI0lEQVR4Ae1dC9hfw5mvS4gkRESEoIIgEQQhWKWxWtXUY+kK6bJliUtdStmGJ6JdfWiJ23ZdWq1dNlZdl91GUGVTdam7EBJSl5CEEOIaIi67v1/6jZ28ec85M3Nm/t/5vm/e5/nlzLxn5r2dc+admXP+X770pUw5AjkCOQI5AjkCXSACK3QBH7OLOQI5AjkCqSKwIgT3UoQvAu8zhZ9ZOQI5AjkCOQI1I/Am+nOANZhfU16d7k2ypY4fLn13QKP/VbCHS+eIbYZBlrn25nhdRPmdQtTKncKL7ESOQI7ASggBVxuGWG8vapIt7RWD9tBrX3/ql/X2sKlROnNAGnU5sjE5AjkCOQI5AqkikBNeqshmuTkCOQI5AjkCjYpATniNuhzZmByBHIEcgRyBVBHI7/BSRTbLzRHIEegKEXgZTh6jOPqcwsusdo5AqoTHl9b7AvsAOwMDgFUBfr01A/g98BvgNSAmrQlhhwIjAX49tQZAH2cD04Gbgd8Ci4FMOQI5AjkCdSOwAAIurysk9++4ERgD018CtE91bd6naHMJ0AeoS90hYCLwAWDr0Mq8QY8E8nYugpCp00TgbXhi3++8z9uLmmRLe8Wg1Xr5swT7+rN8Q6uN6Er6uIK7BpBBr6rPQx9erFDaAh2fAar0yPO/Q59eoUpzvxyBhkWgSUmmSbY07DIlMycnvGShXV5wN7AmAzKpuNbfRV9uQfrSJujAhOmqR7Z7BH17+CrN7XMEGhiBJiWZJtnSwEuVxKSc8JKEVRfK7USZTHzrL0JGb128ymWSfRrw1SPbX6lKz8wcgY4VgSYlmSbZ0rGuYri1OeGFx86rJwPN93EykYTUr/LQfHoknbRzPw+9uWmOQBMj0KQk0yRbmnitUtiUE16KqCoyJ4EXkty0Pp9D1i6KDslaBQy+lNdkhPBegqzVpJJczxHoQBFoUpJpki0d6BLWMjUnPIfw1f1SkR99HOCgx7UJ//eGS4Equ76FNmu7CnVoNxBtTnNol5vkCOQI5AjkCHTQCNT9Hd428Dv2ymg7yDwa+EVJTPnbvtg0DgKvArjaa0/aHMrtP/zL7eI/Kwbxq9jdgI2BdYGewGvAXOAFYBrgS5zAjADWb8NaOHK2ztX0k8BjAFfhKWkwhPO+Wg+gX0uA+W14EEf6WJdcY8z3xLsCA4ENAP6u8x2A9twPPAeEEP3bClinDdyVeLMN/OL4cSAV8SOtrwIbAf0B1qmb15jXl79XbRX1haI9gA0B/jypO0BbXgd4rUPji65LqVXX2VWPsavqyHF5R2BrgPdIb+B9YCHwLHAfsBhITWV2zIByPgMfCyN4P/HessncXzYvpDwYnfjspBwbSu06Amf5sMbGW5DJh6GI+OPx2Dopj3Lbm6q2g3aGgTcBfADKYsDBYjzApFFGXFWPAn4DLALKZNK2SwD+wD8mcbV+FjATKNPPZMuB8BSgzkSrKsbbQv4VAAeYMns4sRgLcGCoomFoQJnzgDKZPDcXuAwYCLhSlU+7Q9Bk4COgTP+rOM9rwQlVKFXZsg8EPwx8BpTZMgfnzwQ48QqhKjtiXecqPa62D0HDqwB+tV4WF17DWwC2NzQMBdnnBnPS8+hqB8eL64GNLfkjUZZ2nGOd9y22emwote9IxTnpbGj9VyWapyTUy8G/Pano4WHiuhbwjScnD/sWOMRVy50BMuejz8EFMn3Y3Lo+BqCNvn69jD6jgRAqinEPCDsf+BTwsedxtOcqRaOBYF4DMFn7yGTbD4EJgEvyKfKJs2FOkHx1c/KxCxBCRbZwtXI74GvLe+jznQBDiuyIfZ2L9LiazAnThUDVBEDG7RP0OQ/gjtAwQJ73TXihdjABc3JNGglIO0ISXnuNDfShkDjoSedi1XnxdyjQzAsZS4+U82fIdhlgCkyrzdYenkGQ+iIgbfWp/0xYtj/q3J7zkSHb3oX+oas9PlzX1dRPe/jA+5IW454Q8hAgfXStv4C+8r7hqiokmUudtKtqlaP5tBn6vQRIea51PoMXAfYWO6qVpNnSD72eBlx1a+3GVWpetoFmR4rrrOlZ1pLiGgf2OwDNX1fe1ei/vSLDJ+HFsGMibBip2OGb8NpzbID5xcSlr+tFCWn3IOSvoKg/LbHe0xWdrWLJh4ez/NcL/OWqgQPtY8AHBW3suH8XbUh/DXwM2Ofs8hs49zBQpNduyxWi74DIG/pGwJZjl+fiHJPp5cAk4AGgbJvnMpz3IRljbl0WrTy42psOPAK8Ath2mjKvEWNq04GolMWYcucBlPsoQNnkGZny+AzODQCKSPoU8745qUhpAV/awhXaU4D0iXVuzc8A+KzPAcpiwBXNzoArSTtSXGfaIvUscDUQ7arGMt5DfMb/BDwPLAa0ON6v8H0S3hlKf1sP9XIxQDs4+S66t7UdI5+E195jA1wrJiaj1wA7MLHLhyvqedPH1mPLWwT5Gyp6W8GSD49tF8tLgLMBzuh6AIZ4LTYCDgB4Y8p+rDMpHgRoyeM28PcAOBO3qS8qXKnw/Y8mkzza40MT0FiTNRX8bwLaJGc18I8F+PBrfU0yx+lKqooxB91zgd2AnkLaxqhfBHDwpR0cCPYCbNoGFW7zaHb+EfxDgd6ApLXBOAqYBWh9fy47WPUqn3jfnAVo981A8EcDHFA1vbxf1gNcqcoWxuZSYCtFIFfJBwOccGm20MZegAtV2VH3OhsbpB7XhDccAnhdND//G/yvAysCNvHZ4HPqsk3tmvD+CvIYC2nH5+BdD/D5l88k7dobmALIfrLuk/AmFMibCn4rxgaoKaciA6XTofU3oF7bNuPMOFSmS78by91OdlY+PLatnAVrg4Q0hslhIqDdxLY8lucBTJIuNAaNeD2kDK4mXAfEwWjLJCFljAfPhZiAtIeMcRvgIgBtymLMeHzVQc5X0IaTvVGiLe2bCUj/uH2sTd5E96VVXr8LAFvGlaiXraTLfOIKeShQRT3QgHo/A2zdLF8LuFKZLYzZCAdB9JUJXtrBOhO3C5XZUfc62/qlngX2yZIyn2fpHxPgESV97FOHoKI9S0bmDXbjkjJ3iEwfc+QzfWBJH/vUcaiUjTWuCa8JY4Ptl1ruA6684CZosY4XK5r3Ay+W/CI5eyp6U7OKYjkLijn79aGfonGRb+Tz4eJqxId2RWPO/KTcCx2F3K70/Z5jX9OMg6E2w73cNKg4FsV4PvqtU9HXPt3drrSV/wlHGZtF4O3cdt7n8P02WRz45Qxbyiny6Tk0XEU2rqjzWkofWGeSd6EiW3i/DXMRYLW5GmVpy2zwquJBEUV2xLjOlG9I6nFJeJujs/SLdd9ngclRk0OeS8LbuqA/V9k+dCoaF9lxjqOgJowNTqaeUOJsURB8+Jw9aAPzXYn1zoD8bkArST48Jk57BRjRE33mAEaGPJ4ZIJNdJikyX3SQtTHayGR5t0M/rQkT00LA9olbtmtojQWvKMZHina+Va7MONjZNrHsuoLW9O2kMRVekU97Km2rWL3RgElB+sFE6EJFtpzt0lm0WQv1twBpi0vyLbKj7nUWJi6XWF0SHp896dO94Lkkcql/qiKLsl0S3vlKXyYeX1oJHYre07okvKaMDU5+09knAXkBY9b/qFgyBDzOGmPqkbL+UdGbkqU9pDfXUMiZmvSJ9dlAaDJfF30/BKTcQeCVEbeiZJ8tyzpUnPuBIu+4ij48rcWY9y/fS9Qhzs6lf9PqCPToq/nkMuAVqThK8eWJosaCr9nCuGwm2rlWtQkW3wFWkWZHjOss9Uo9LgmPK295r4Qm4sMVWZTtcv3nKH2/A14IjUcn6RPrLgmvKWODs998wa85G5N3iGKNNkOJqfM96FxP0ZuKJR8e+hL6INDG/oAWj+t4sgY9gr5SbtVK5nnRh4NPHRqAznLFyI9rqkiL8fFVnRzO34M2MiZ/79AvRhPNp7E1BDM5SV84uXQhzZZZLh0L2owBX9ryUEFbm63ZEeM62zpYlnqqEh53IaQ/rK9PYQHE50CTV5Xw+ir9PgWPq+oQ2hadNDtcEl5Lxoa6M1o7KFyOX2MzEpQnQubqQi63BvgiPBVR33mphDvKfdaxndbsdTCZtCU9LRmedW0A61cigw/XpuK8S3ISXZapvoraY8twwt6VUQS3r+sQ36/K7UfaV3diUcemmTU6v4S+HPxs6oaKy5ax3ceUbzOFgOOd6MMPaWwabFc8ynWvs4eqwqaa7dwJmFfYo/wE77OQyeOWitgHwVuo8F1YtCFkLG7Z2BAz4TEgPwTeZyERcaX1YyGb+qg3JXFbkCvY9qI6CY82a8lpek1nNJlrl8jcUTnHVWJdkjJoQ9XWqqazTnKgvBEAk55N16Pyic1ocbnOfcNkx6QniYNTCN0R0qmtDwfgR0V/Jt4BgudSrXudXXRUtdESXp34UN/vqpQq54cqPE4uQomru7sDOrdsbIid8JjdueJKSd+H8CFCAVeW9wle7Ool
7056EMh3la0mrs4W1FSqfVAyv6bMF5T+csC3mwy3K23luQrPl6XJkCvJKpkfoEHIzNSWK1d3PPeM3aDF5Xehjx971CHtvuEqL4ReDulk9XnFKpviZqbgeIxxnR1VlTbT7E4Rn1IjcHIjpQFXi3UopH/LxobYCY+B+hcg5SyKD9zFVCSIe/Ny20M0qVXdBr2PrSUhrPOSsG7L9Pp4mVqciq9d/RW1fPdRlzQZfTyFLvZsrzVfR2HOUnitYsVYWcaQYfx9xxQCj0zgkrjK86EY19lHX1Fbze4U8SnSb/i9TME6tocdLRsbVrYcjVXkQ8JV2O9jCVTk7AneaOBG6xz3jy8DTrB4sYs/gcDrgLorrth2dQR5aypGTgOPH53UoVWUzr4JTxHhzdK2+uoOHt5GNLhD3VhoCa9Hg/0tM02zW/OvTIY8F9JfsyPFdZK2yvqakoH6NCD62JAi4dH2u4CbgANYSUQXQO4U4ENL/o9QHgP0s3gxi7ww5wKHxxTaRWRpN/XqiXzXZtCJVH0hVvuyzb43v2jYBQvcDfiopt/agK4N2DXVtKR7T0XLOwrPhxXSP4Ud2nWq8qNlY0PVlmZvWLo/cBLwU2Ac8HfAAKCKTkaDlA/8hpB/ujCCF/00wYtdPQwCd4ottAvIa+XgVHVfpwi3lrxTbCWnsD21zBjjgCaj7J1xap/qyNfsXlRHIPpq8akSqX2TIL/MrZIhz4dsg7dsbCha4W0HL7h99w1Ae0nNr3EeBs4CbgU0mgPm2W3QzsfgnQIhVwLPW8JYPwpIlZRWgOxLgRFA3SU3RHQZel/xlF901Z35K2KXuR+08yl42gy7ewpFHVCm9q7I1w1NRlPeyfn6ot3z2oTJR25Ify1JaqstHzu4SPKllo0NMuExuV0EHAtwYC8inmNCmQzcCXDV9xYg6QIw/gEYJE9EqnOmxI9kRlnymIyPBx4CUs30h0P2WOBXQCa3CGgfl3A1/qhb98a3WqhYqG0ZKc06PYvjDBMWv5IMJW0grbsqCrWlbr+mJBotflqcffwN6d+yscFOCFxWMnkdB5QlO+n8XmBwtbexPIE6t3ROVPgxWd+EsH2FQA6iVwhe7Cq3eLX3NrH1dBZ52gpIu2c6qr/ahK9vR3Umgd0hA6Fthrby0BKH3aepZS3RaP752B8S3xR2hPjRsrHBJDwmuH8HRvpE2Gq7Ccpc7WnL6tvA/63VNkXxnyFUbh+NB0+bdcfSz8GMW7aZ3CKwQGnG+6az0KuKI4MVXldlhQyEdqy0Af1tu0EHKmsDfIr4VIXkdaVB3UlaH0VmFatlY4NJeEfAorpfVA6FjPMLPPsB+Cn327lSOFXo5ox7guDFrvJd4faxhXZSeY8pfnWmFd4Din/bKLyuytqipuObKf2fU3gdgaXZvXlNw0P6z1B0fkXh+bB29Wnc1rZlYwMTHrcyzwwwUuvCxKnNal8Ef6LWISJvHGT1E/IuR/0JwYtZZfz4M4VM1RHgtjffr9rESVJnoWlw5H3hzBjUtV0P0axLVEfV8HID9N1a9H8T9bcEr6NUn1UMrRMfiuOrHV/SEt7XIGQVX0Ft7dfHMWSS17KxgQM2338NaDO47oGfuR5ZIOQc8GcXnIvB7gEhJwhB/IryeEAOtKJZrSpvkOG1JHSNztzGkQ86Z5O7dBL3+Vd+7he+cBuOk8BMYQOyidvepmAd5b1knWp8kSs8OSYNAi9klUZnufrdlAVPehnt5YdEnKDt5inHNA9JuuzbsrGBCe9vjLWRjkXy+CnuyZF0FIk5RDnxAHiTFH5MlqY3pvzOIutmxZGzFV5HZV2pGH4ieJwIdnXipJo/dwohbSCVk4sQue3Vh2Ph44rybyk8F5YWH5d+TLpTlIb7KTwXFhdPodSysYEzJToeE71KvL4jsi5pt7Za7Q+dnEXItrHqj5T463vqbWHnAl8BSnsmfOnrTko7H9aBisyzKgRwa4o/TJW2cJUcSpy0jQW6ewhIEWOqZ2Lj9r30j++wQ4i+nQS4+JbCp8nQLX1xWYVIW4yMKwKCwPe8/JrQyDBHucWpiZZ2xHiWYunh5N/4Yo7PgOe7ndgNfZ5SZFHmDUAVMVka/ea4BDyX+Nqyv67IMfK4u1dFLRsb3oUlxrBYx7KHguc+TqDT2F60HD8xoc6FkB2LUjykTUl4jNGNgLlW5jgbvBGALzERGHn3oryWo4AUMTaqzRa68Y1HbneONg0cj0ye/wGw//8APYEySuFT7IRHX3xWI4zB3YAdS5anAy6UIiaa3hA9nJjzvpC+/UxTUMLj9xdShqm7JDzG+DVFxkzwNgJcaCs0mgcYvfLokvCoxzzLdv/Z4EcdG7iHayuIUR4CmWXEAMTQo8koWi2sDJ18ULQ+dXmcgcaikIenSneTEt6mMPY9QMacs8pxwAqAC3FiI2e23K3giqCKUsTY6OQAcg8g/fsUvPOA1YAq2gQN/gDYMriF1xsoohQ+pUh43M47qMgJi78GyrcDdgxM2XXFnCImlolfFEP1TCnw73zwubovIz4nZwMmJtrRJeFRhzZJo7zXgUOAVQGNOAk7BtCeZ9se14TXkrFhFgy2jYtRLnswGTgGam4CvbR9B6CIRuJEDP+kDPoSi0IfnjL9TUp4tPNQQMbQ1JksfgjsBfQHbFoXlcOAWwHTXh5dHq4UMYZJXxC/VlsASNtYfwWgjTsCHNQN8WOB3YHLgKJJ6C9MY+WYwqcUCc/EhKvW0QC3sjhJIPUCuJV2FjAfMG3t44Pgc/LqQilioukN1TMQwop22Gbi3InAIMAknFVQZlI4FngasOOilV0THkQt/R21JoO8N4CbgAuB8cDPgVsA7TXRW+BLOS7PJLotpUPxr+xv6lHGBhpuBMY4zvmL3ZX/HhRZL23nFkGPCs3XJtDL95KxKPThKdPftIRHWy8AXO43zjK5XeKyDX4G2rlQihhLvTuDwYGiykcmt0UO7XiPld3bKXyKlfDehO3/WuIjV79FA78dv/fRjgO+K6WIiaa7jp6DIdD2sajM5PJ5SduJyrkbwHOltdHwVaBIvwv/PvT/riLDJ+Ghe9qx4TDFQBfnitpcSosdaSraFckJ4VNeFXH2zQcnRH5RH35YEIvqPDxFNjQx4dHWEwBOUori6srnO1QOHK6UIsaabg7OzwKufhS14ySNs/sySuFTrITH1e6KwDVAkY9VfE54DgR8KEVMNP119VwMoVX+l50/Gf2/rMjwSXj0i6vJ6YqcMt3mHFdfqwPfVvr7JjyISDc29IZwbRlqHPE5cgYynNY60lC0+wTw0VHWlvvNLsR3RWVyfM7xQeTsKBbVfXg0O5qa8GgrV0J3Az4xN215v/0a8I1/ihjDDJW4fT8B0LZ/jB9Fx1fQ729VqcszU/g0GWqkbZsvr3o5TpEtK6Hl6YDLitbW+xz6jFhOSzWjyI7qnn4tYug5EiqlHDsGWpk7H2PaTI2R8CiK9yu3LV1zwhtoewTAd4qkWAmPspKNDadAuBZQX951tNKTzkV7Xz1a+8chhw+UC3VDo+mAJseX9xMXhR5t5E3P2XFdanLCM76NRIHvqJ4Hyq4Bk9yfgNMAl8EXzZajFDFeTolg9EWdz9ldQNn2LD/eYRuufjn4uFIKnyZDubwWLjGvsoWDM99VvqzIN/o+xLk7Ab76WBEIoSo7QmRqfWLp4TvdU4FHgbKdj2k4/2OA7zwNxUp4Rh7vvf0APpP3ArMAvl7g5OMBgNdvX0DeozETHsQvpZH4N8rYYLIyXwLz5toDCCXORncEmPF9iMnnfoB9Q+kjdNwVeMJDwJZo+wjQw6OPbPokGDsBHMAyxYvAhhBFcOXGRMEVAe+rBQBntVwtdWTiQMXto/7AOgAHeb7nIjiwvAd0FdoCjm4ErAWsBjAG84GngK78XDEeQ4F+wJoA33Fy634mwPg0lb4Nw/5TGMdFDSeoMSja2MAA8yYzMyyfIweiYTW82QB9ZwTq5kPxjUDd+6AfZ5I+vpq2nOlwwMqUI5AjkCOQI/CXCHwPBzNGmuOPmhqcXjDsFsVgY7h25PJ6IFCXmHBvBzQdRTxuf3Gftw7tgs4vAUU6NP5/oT1nXplyBHIEcgRyBP4/AhNRlGMmk2CjaRSsewyQhtt17r8fDXA7NCbtD2HcarR1yTK3tcYDTNAxiFspZwCUK3XZdb47OgDIlCOQI5AjkCOwfARuAsseM1kevXyz9uGYd3hF2jfFib2BgQDfNfDl7FzgD8CjQEoaDOG7A0
7056MAvszl1uVsgEnnQYBfd8YmvhynzuEAX86zzi3P6QBf1HLbNVOOQI5AjkCOgB4B7vjJ11tbgsd3j5lyBHIEcgRyBHIEOkUEdoAXcnX3WqfwLDuRI5AjkCOQI5AjYEXgVpRlwrvaOp+LOQI5AjkCOQI5Ao2IAL+WD6Ud0VEmO9brflQYak/ulyOQI5AjkCOQI6BGYCS4HwC/BLoBPjQCjfkRo0x4U32E5LY5AjkCOQI5AjkCqSPwNSjgx3kmYfErea7YXOg4NOIHhaavOS4Gb3sXAblNjkCOQI5AjkCOQCsiwL9Q9RFgEpU5fgbeHcDRwLbA+gB/vrUesB1wIsA/OWbay+OxOJcpRyBHIEcgRyBHoDERWBWW/BsgE1ad+jmN8S4bkiOQI5AjkCOQIyAiwK1JbkPWSXRL0H+skJurOQI5AjkCOQI5Ao2LwJdh0SSA25k+ie9ztL8W4B8qyZQjkCOQI5AjkCPQYSLAv3J1KjAV0D5IYTLkau4egO3YvkNQ1Z8W6xBOZCNzBHIEcgRyBJJEgDliTYD/TVcfgD9deAPgf1XExNeh6P8ADC2EFWjH7KcAAAAASUVORK5CYII="},,,,,,,,,,,,,function(e,t,a){"use strict";a.d(t,"c",(function(){return n})),a.d(t,"e",(function(){return r})),a.d(t,"a",(function(){return i})),a.d(t,"b",(function(){return o})),a.d(t,"d",(function(){return s}));var l=a(4);const n=[{value:"id",label:"ID",priority:0},{value:"orderID",label:"Order ID",priority:5},{value:"originId",label:"Origin Order ID",priority:6},{value:"platform",label:"Platform",priority:10},{value:"store",label:"Store",priority:10,roles:[l.k,l.pb.Seller],teamRoles:[l.gb.Admin,l.gb.MarketplaceManager,l.gb.StoreManager,l.gb.DesignLeader,l.gb.IdeaLeader]},{value:"product",label:"Product",priority:15},{value:"personalizedData",label:"Personalized Data",priority:16},{value:"defaultKPI",label:"Default KPI",priority:20,roles:[l.k,l.pb.Seller],teamRoles:[l.gb.Admin,l.gb.MarketplaceManager,l.gb.StoreManager,l.gb.DesignLeader,l.gb.IdeaLeader]},{value:"kpi",label:"KPI",priority:25},{value:"createdAt",label:"Created at",priority:30},{value:"assignDate",label:"Assign Date",priority:35},{value:"doneDate",label:"Done Date",priority:35,conditional:e=>{let{status:t}=e;return[l.db.Done].includes(t)}},{value:"originalProduct",label:"Original Product",priority:36},{value:"deadline",label:"Deadline",priority:40},{value:"taskResources",label:"Task Resource",priority:45},{value:"designResourceUrls",label:"Design Resource Urls",priority:46},{value:"artistFiels",label:"Artist Files",priority:47},{value:"orderStatus",label:"Order status",priority:50,roles:[l.pb.Seller],teamRoles:[l.gb.Admin,l.gb.MarketplaceManager,l.gb.StoreManager,l.gb.DesignLeader,l.gb.IdeaLeader],conditional:e=>{let{status:t}=e;return[l.K.PendingDesign].includes(t)||null==t}},{value:"status",label:"Status",priority:55},{value:"artists",label:"Artists",priority:60}],r=e=>{const t=n.sort((e,t)=>e.priority-t.priority).map(e=>e.value).filter(Boolean),a=[];for(const l of t)e.includes(l)&&a.push(l);return a},i=["US1","TIKTOK","FASTUS"],o=["US","VN"],s=["US","VN"]},,function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var l=a(0),n=a.n(l),r=a(1),i=a(9),o=a(2);const s=i.b.div` 7057 display: flex; 7058 flex-direction: column; 7059 row-gap: 1rem; 7060 .Polaris-ChoiceList__Choices { 7061 max-height: 280px; 7062 overflow-y: scroll; 7063 padding-left: 2px; 7064 } 7065`,c=n.a.forwardRef((e,t)=>{const{data:a,value:i,onChange:c,onChangeSearch:u,noSearch:d,loading:m,error:p,limit:g}=e,[A,b]=Object(l.useState)(null),[h,f]=Object(l.useState)([]),[v,E]=Object(l.useState)([]),[y,C]=Object(l.useState)([]),k=null!==g&&void 0!==g?g:20;Object(l.useEffect)(()=>{let e=a&&a.length>0?a.slice(0,k):[];E(e),C(a)},[a,k]),Object(l.useEffect)(()=>{if(i&&(f(i.value),i.search)){b(i.search);const e=new RegExp(i.search,"i");let t=y.filter(t=>t.label.match(e)).slice(0,k);E(t)}},[y,i,k]);const O=Object(l.useCallback)(e=>{if(b(e),u&&u({search:e}),!e){let e=y.slice(0,k);return void E(e)}const t=new RegExp(e,"i");let a=y.filter(e=>e.label.match(t)).slice(0,k);E(a)},[y,k]),j=Object(l.useCallback)(e=>{f(e);const t=e.map(e=>{const t=y.find(t=>t.value===e);return t&&t.label});c&&c({value:e,label:t})},[y]);return n.a.useImperativeHandle(t,()=>({getOptions:()=>v})),n.a.createElement(s,null,!d&&n.a.createElement(r.cb,{value:A,onChange:O,placeholder:"Filter item"}),m?n.a.createElement(r.X,{size:"small"}):p?n.a.createElement("div",null,Object(o.ib)(p.toString())):v.length>0?n.a.createElement(r.k,{choices:v,onChange:j,selected:h,allowMultiple:!0}):n.a.createElement("span",null,"No item found!"))})},function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var l=a(0),n=a.n(l),r=a(2),i=a(401),o=(a(4),a(286)),s=a(417);function c(e){let{onChange:t,value:a,roles:c,label:u}=e;const[d,m]=Object(l.useReducer)(r.Hb,{search:""}),p=Object(i.a)({value:n.a.useMemo(()=>a,[a]),roles:c}),g=Object(l.useMemo)(()=>Object(s.a)(p.options,d.search),[d.search,p.options]);return n.a.createElement(o.a,{options:g,label:u||"Members",value:a,getValueImmediate:!0,onChange:t,allowMultiple:!0,setFilter:m})}},,function(e,t,a){"use strict";a.d(t,"a",(function(){return o}
7065));var l=a(1),n=a(0),r=a.n(n);const i=a(9).b.div` 7066 .Polaris-SkeletonDisplayText__DisplayText { 7067 height: 2rem; 7068 max-width: 8rem; 7069 } 7070`;function o(){return r.a.createElement(i,null,r.a.createElement(l.U,null))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return g})),a.d(t,"b",(function(){return h}));var l=a(0),n=a.n(l),r=a(1),i=a(35),o=a(7),s=a(9),c=a(5),u=a.n(c),d=a(11),m=a(2),p=a(21);const g=i.a` 7071 query products($filter: ProductFilter) { 7072 products(filter: $filter) { 7073 total 7074 nodes { 7075 id 7076 title 7077 sku 7078 personalized 7079 mainImageId 7080 fields { 7081 id 7082 name 7083 title 7084 } 7085 images { 7086 id 7087 file { 7088 id 7089 url 7090 thumbnailUrl 7091 } 7092 } 7093 productBases { 7094 id 7095 title 7096 slug 7097 fulfillment { 7098 fulfillmentTitle 7099 fulfillmentId 7100 productId 7101 presetId 7102 } 7103 variants { 7104 id 7105 attributes { 7106 name 7107 slug 7108 option 7109 } 7110 } 7111 } 7112 variants { 7113 id 7114 disabled 7115 productBaseVariantId 7116 productBaseVariant { 7117 id 7118 fulfillmentProductId 7119 attributes { 7120 name 7121 slug 7122 option 7123 } 7124 productBase { 7125 id 7126 title 7127 } 7128 } 7129 } 7130 } 7131 } 7132 } 7133`,A=s.b.div` 7134 display: flex; 7135 padding-top: 0.8rem; 7136 flex-wrap: wrap; 7137 > * { 7138 margin-right: 0.8rem; 7139 margin-bottom: 0.8rem; 7140 } 7141`,b=s.b.p` 7142 flex: auto; 7143 overflow: hidden; 7144 white-space: nowrap; 7145 text-overflow: ellipsis; 7146`,h=e=>{let{label:t,allowMultiple:a,onChange:i,value:s,labelHidden:c,required:h=!1,error:f=null,prefix:v,hasSku:E}=e;const{store:y,currentUser:C}=Object(l.useContext)(d.a),{isStoreManager:k}=Object(m.j)(C),[O,j]=Object(l.useState)(null),[w,S]=Object(l.useState)([]),[I,B]=Object(l.useState)([]),[D,P]=Object(l.useState)([]),x=n.a.useRef(null),M=y?y.id||"all":null,[T,Q]=Object(l.useState)({limit:20,offset:0,storeId:k?M:null,search:null}),{data:R,loading:F,error:N}=Object(o.d)(g,{variables:{filter:T}});Object(l.useEffect)(()=>{var e,t;if((null===R||void 0===R||null===(e=R.products)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0){let e=R.products.nodes.map(e=>{let t=e.title;return E&&(t+=` (${e.sku?e.sku:""})`),{value:e.id,data:e,label:n.a.createElement(b,null,t)}});S(e)}},[R,E,s]),Object(l.useEffect)(()=>{var e,t;let l=[],n=[];if(s&&s.length&&(n=s.map(e=>{if("object"===typeof e){l.push(e.id);let{id:t,title:a,sku:n}=e;return a+=n?` (${n})`:"",{label:a,value:t}}l.push(e)}
7146)),l=a?l:Array.isArray(s)?s:[s],n=n.filter(Boolean),(null===(e=n)||void 0===e?void 0:e.length)>0)S(e=>Object(m.eb)([...e,...n],"value")),P(e=>{let t=Object(m.eb)([...e,...s],"id");return t=(t||[]).map(e=>{let{title:t,sku:a}=e;return t+=a?` (${a})`:"",{...e,title:t}}),t});else if((null===(t=l)||void 0===t?void 0:t.length)>0){let e=[];S(t=>(e=t.filter(e=>l.includes(e.value)).map(e=>({...e,id:e.value,title:e.label})),t)),P(t=>Object(m.eb)([...t,...e],"id"))}B(l)},[s,a]);const U=Object(l.useCallback)(e=>{j(e),x.current=clearTimeout(x.current),x.current=setTimeout(()=>{Q(t=>({...t,search:e}))},400)},[]),L=Object(l.useCallback)(e=>{let t=null;const l=e.map(e=>{const a=w.find(t=>t.value===e);return t=a,a&&a.label});B(e);let n=u.a.get(R,"products.nodes",[]).map(e=>{let{title:t,sku:a}=e;return E&&(t+=a?` (${a})`:""),{...e,title:t}}),r=n&&n.length>0?n.filter(t=>e.includes(t.id)):[];if(P(t=>{let a=Object(m.eb)([...t,...r],"id");return a=a.filter(t=>e.includes(t.id)),a}),i){if(a)return void i(e);i(u.a.head(e),t)}j(u.a.head(l))},[w,R,E]),V=Object(l.useCallback)(e=>{let t=I.filter(t=>t!==e);B(t);let a=D.filter(t=>t.id!==e);P(a),i&&i(t)},[I,D]),z=n.a.createElement(r.c.TextField,{onChange:U,label:t||"Products",value:O,placeholder:"Search for product",labelHidden:!0,error:f,prefix:v,helpText:"This option only use for search task"});return N?n.a.createElement("div",null,"Error: ",Object(m.ib)(N.toString())):n.a.createElement(n.a.Fragment,null,c?null:n.a.createElement(p.a,{label:t||"Products",required:h}),n.a.createElement(r.c,{options:w,selected:I,onSelect:L,textField:z,loading:F,willLoadMoreResults:!0,allowMultiple:a}),n.a.createElement(A,null,D&&D.length>0?D.map(e=>n.a.createElement(r.ab,{children:e.title,onRemove:()=>V(e.id),key:e.id})):null))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var l=a(0),n=a.n(l),r=a(585),i=a(9),o=a(27),s=a.n(o);const c=i.b.div` 7147 .ant-timeline-item-content { 7148 display: flex; 7149 width: calc(100% - 26px); 7150 justify-content: space-between; 7151 } 7152 .ant-timeline-item-head-blue { 7153 border-color: #3f4eae; 7154 color: #3f4eae; 7155 } 7156 .ant-timeline-item.ant-timeline-item-last { 7157 padding: 0px; 7158 } 7159`,u=e=>{const{data:t,timeFormat:a="LLL"}=e;return n.a.createElement(c,null,n.a.createElement(r.a,{className:"pt-5"},t.map(e=>n.a.createElement(r.a.Item,{key:e.id},n.a.createElement("div",{className:"flex-1",dangerouslySetInnerHTML:{__html:e.title}}),n.a.createElement("div",{style:{marginLeft:"1rem"}},s()(e.createdAt).format(a))))))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var l=a(0),n=a.n(l),r=a(1),i=a(1020);const o=a(9).b.div` 7160 display: flex; 7161 flex-direction: column; 7162 height: 100%; 7163 .sheet-header { 7164 align-items: center; 7165 border-bottom: 1px solid #dfe3e8; 7166 display: flex; 7167 justify-content: space-between; 7168 padding: 1.6rem; 7169 width: 100%; 7170 } 7171 .sheet-footer { 7172 align-items: center; 7173 border-top: 1px solid #dfe3e8; 7174 display: flex; 7175 justify-content: space-between; 7176 padding: 1.6rem; 7177 width: 100%; 7178 } 7179`,s=e=>{let{title:t,handleSheetChange:a,children:l}=e;return n.a.createElement(o,null,n.a.createElement("div",{className:"sheet-header"},n.a.createElement(r.v,null,t||"heading"," "),n.a.createElement(r.g,{accessibilityLabel:"Cancel",icon:i.a,onClick:a,plain:!0})),n.a.createElement(r.P,{style:{padding:"1.6rem",height:"100%"}},l))}},function(e,t,a){"use strict";var l=a(1),n=a(0),r=a.n(n),i=a(2),o=a(987),s=a.n(o),c=a(988),u=a(19);t.a=function(e){let{files:t,filename:a,label:n}=e;const[o,d]=r.a.useReducer(i.Hb,{loading:!1,open:!1}),{setNotify:m,toggleToast:p}=Object(u.b)(),g=r.a.useCallback(e=>()=>{d({open:e})},[]),A=r.a.useCallback(async()=>{d({loading:!0}),m&&m({msg:null,err:!1}),p&&p(!0);const e=function(e,t){let a=[];if(!e||!Array.isArray(e)||0===e.length)return[];for(let n=0;n<e.length;n++){var l;let r=e[n];r&&r.url&&a.push({name:null!==(l=r.name)&&void 0!==l?l:`${t}__${n+1}`,url:r.url})}return a}(t,a);if(Object(i.c)(e))return;let l="";a&&(l=a+"__"),l+=Object(i.C)(new Date);const n=await async function(e,t){try{const a=await Promise.allSettled(e.map(async e=>{const t=await fetch(e.url);return{name:e.name,blob:await t.blob()}})).then(e=>(e||[]).map(e=>
7179"fulfilled"===e.status?e.value:null).filter(Boolean));if(Object(i.c)(a))throw new Error("could not get file content");const l=new s.a,n=l.folder();for(let e of a)e&&e.name&&e.blob&&n.file(e.name,e.blob,{binary:!0});l.generateAsync({type:"blob"}).then(e=>{Object(c.saveAs)(e,t)})}catch(n){return console.log("error: ",n),n}}(e,l);d({loading:!1,open:!1}),n?n instanceof Error&&m({msg:"Download files has error: "+n.message,err:!0}):m({msg:"Download files success",err:!1})},[a,t,p,m]);return r.a.createElement(r.a.Fragment,null,r.a.createElement(l.g,{children:n||"Download all files",plain:!0,onClick:g(!0)}),r.a.createElement(l.E,{title:n||"Download all files",sectioned:!0,open:o.open,onClose:g(!1),primaryAction:{content:"Download",onAction:A,loading:o.loading},secondaryActions:[{content:"Cancel",onAction:g(!1)}]},r.a.createElement("p",null,"Are you sure to download all files?")))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return G}));var l=a(25),n=a(1),r=a(1388),i=a(35),o=a(5),s=a.n(o),c=a(0),u=a.n(c),d=a(9),m=a(1385),p=a(1538),g=a(1542),A=a(1384),b=a(1533),h=a(1521),f=a(1374),v=a(12),E=a(28),y=a(230);class C extends c.Component{constructor(){super(...arguments),this.state={visible:!1,loading:!1}}render(){const{store:e,refetch:t,open:a,onClose:r}=this.props;return u.a.createElement(l.a,{mutation:i.a` 7180 mutation deleteStore($id: ID!) { 7181 deleteStore(id: $id) 7182 } 7183 `},l=>u.a.createElement(u.a.Fragment,null,u.a.createElement(n.E,{open:a,onClose:r,title:"Delete Etsy Account confirmation",primaryAction:{content:"Delete",loading:this.state.loading,onAction:()=>{this.setState({loading:!0}),l({variables:{id:e.id}}).then(()=>{t&&t()}).finally(()=>{this.setState({loading:!1}),r&&r()})}},secondaryActions:[{content:"Cancel",onAction:r}]},u.a.createElement(n.E.Section,null,u.a.createElement(n.bb,null,u.a.createElement("p",null,"Are you sure want to delete ",u.a.createElement("strong",null,e.title)))))))}}var k=C,O=a(7),j=a(16);function w(e){let{open:t,onClose:a,storeId:l,toggleActiveToast:r,setNotify:i,refetch:o}=e;const[s,{loading:d}]=Object(O.c)(j.Qb,{onCompleted:()=>{i(e=>({...e,msg:"Fetch orders successfully.",err:!1})),o&&o()},onError:e=>{i(t=>({...t,msg:null===e||void 0===e?void 0:e.toString(),err:!0}))}}),m=Object(c.useCallback)(()=>{null!=l&&(r(),s({variables:{storeId:l,limit:100}}))},[l,r]);return u.a.createElement(n.E,{title:"Fetch Etsy's orders.",open:t,onClose:a,primaryAction:{content:"Submit",onAction:m,loading:d},large:!0,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}]},u.a.createElement("p",null,"Are you sure to fetch Etsy's orders?"))}function S(e){let{open:t,onClose:a,storeId:l,refetch:r,setNotify:i,toggleActiveToast:o}=e;const[s,d]=Object(c.useState)(""),[m,{loading:p}]=Object(O.c)(j.Tb,{onCompleted:()=>{i(e=>({...e,msg:"Fetch single order successfully.",err:!1})),r&&r()},onError:e=>{i(t=>({...t,msg:null===e||void 0===e?void 0:e.toString(),err:!0}))}}),g=Object(c.useCallback)(()=>{s&&l&&(o(),m({variables:{storeId:l,orderId:s}}))},[l,s,o]);return u.a.createElement(n.E,{title:"Fetch Order",open:t,onClose:a,sectioned:!0,large:!0,primaryAction:{content:"Submit",onAction:g,loading:p,disabled:!s},secondaryActions:[{content:"Cancel",onAction:a}]},u.a.createElement(n.Y,{vertical:!0},u.a.createElement(n.cb,{value:s,onChange:e=>d(e),label:"Order ID"})))}var I=a(340),B=a(264),D=a(2);function P(e){let{open:t,onClose:a,store:l,refetch:r,setNotify:i,toggleActiveToast:o}=e;const{id:s,currency:d}=l||{},[m,p]=Object(c.useReducer)(D.Hb,{currency:d}),g=u.a.useRef(null),[A,{loading:b}]=Object(O.c)(j.oe,{onCompleted:()=>{i({msg:"Update Store currency success",err:!1}),a&&a(),r&&(g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{r()},1500))},onError:e=>{i({msg:Object(D.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}});Object(c.useEffect)(()=>{p({currency:d})},[d]);const h=Object(c.useCallback)(()=>{s&&(o(!0),i({msg:null,err:!1}),A({variables:{ids:[s],currency:m.currency}}))},[A,s,m.currency,o,i]);return u.a.createElement(n.E,{title:"Update Store Currency",open:t,onClose:a,sectioned:!0,large:!0,primaryAction:{content:"Submit",onAction:h,loading:b},secondaryActions:[{content:"Cancel",onAction:a}]},u.a.createElement(n.cb,{label:"Currency",value:m.currency,onChange:e=>p({currency:e}),placeholder:"Enter currency"}))}function x(e){var t;let{open:a,onClose:l,store:r,toggleActiveToast:i,setNotify:o,refetch:s}=e;const{id:c}=r||{},[d,m]=u.a.useReducer(D.Hb,{openDialog:!1,fileError:null,file:null}),p=u.a.useRef(null),[g,{loading:A}]=Object(O.c)(j.gc,{onCompleted:()=>{o({msg:"Import deposit history success",err:!1}),l&&l(),s&&(p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{s()},1500))},onError:e=>{o({msg:Object(D.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),b=u.a.useCallback(async()=>
7183{if(!d.file||!c)return;let e=await async function(e){return new Promise(async(t,a)=>{e||a("File is required");const l=new FileReader;l.onload=function(e){const l=e.target.result,n=new TextDecoder("utf-8").decode(l);n&&"string"===typeof n||a("could not read data");const[r,...i]=n.split(/\n/),o=r.split(/\,/),s=o.findIndex(F(M)),c=o.findIndex(F(T)),u=o.findIndex(F(Q)),d=o.findIndex(F(R)),m=[];for(const t of i){if(!t)continue;const e=t.split(/,(?=(?:[^"]*"[^"]*")*[^"]*$)/).map(e=>(e||"").trim());let a=e[s]||"";a=a.replace(/\"/gi,"");const l={date:a,amount:Number.parseFloat(e[c]||0),currency:e[u],bankAccountEndingDigits:e[d]};m.push(l)}t(m)},l.readAsArrayBuffer(e)})}(d.file);Object(D.c)(e)||(e=e.map(e=>({storeId:c,...e})),i&&i(!0),o&&o({msg:null,err:!1}),g({variables:{input:e}}))},[d.file,c,i,o,g]),h=u.a.useCallback(async(e,t,a)=>{m({file:null,fileError:null});const l={};if(a[0]){l.file=null;const e=a[0].name;l.fileError=e+"'s type invalid"}else t[0]&&(l.file=t[0],l.fileError=null);m(l)},[]),f=u.a.useCallback(e=>!(!e||!e.type||"text/csv"!==e.type),[]);return u.a.createElement(n.E,{title:"Import Deposit History",sectioned:!0,open:a,onClose:l},u.a.createElement(n.s,{onSubmit:b},u.a.createElement(n.t,null,u.a.createElement(n.p,{onClick:()=>{m({openDialog:!0})},onDrop:h,accept:d.openDialog?".csv":void 0,openFileDialog:d.openDialog,onFileDialogClose:()=>{m({openDialog:!1})},customValidator:f,overlay:!0,errorOverlayText:"File type is invalid. Try again with .csv",children:u.a.createElement("div",{className:"flex items-center justify-center w-full",style:{height:"100%"}},u.a.createElement(n.db,null,"Click to select file Or drop file to import")),allowMultiple:!1}),!!d.fileError&&u.a.createElement(n.x,{message:d.fileError}),d.file?u.a.createElement("p",null,null===(t=d.file)||void 0===t?void 0:t.name):null,u.a.createElement("p",null,"Etsy CSV file"),u.a.createElement(n.g,{submit:!0,primary:!0,loading:A,disabled:A},"Import"))))}const M=/date/i,T=/amount/i,Q=/currency/i,R=/bank_account_ending_digits/i;function F(e){return t=>!!function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:" ";return e.replace(new RegExp(t,"gi"),"_")}(t).match(e)}d.b.div``;function N(e){let{store:t,refetch:a,currentParam:l,isEtsy:r}=e;const[i,o]=Object(E.a)(!1),[s,d]=Object(E.a)(!1),[C,O]=Object(c.useState)(null),[j,D]=Object(E.a)(!1),[M,T]=Object(c.useState)({msg:null,err:!1}),Q=null===t||void 0===t?void 0:t.id,R=Object(c.useCallback)(e=>{O(e),d()},[Q]),F="Deactivated"===(null===t||void 0===t?void 0:t.status),N=[r&&{content:"Fetch Single Order",icon:m.a,onAction:()=>R("fetchSingleOrder")},r&&{content:"Fetch Orders",icon:p.a,onAction:()=>R("fetchOrder")},{content:"Manage",icon:g.a,onAction:()=>v.a.push(`/${l}/store/edit/${t.id}`)},t.apiKey&&{content:"Re-gen API Key",icon:p.a,onAction:()=>R("reGen")},{content:"Update Currency",icon:A.a,onAction:()=>R("updateStoreCurrency")},{content:"Mark as "+(F?"Connected":"Deactivated"),icon:b.a,onAction:()=>R("markStatus")},{content:"Index Order",icon:m.a,onAction:()=>R("indexOrder")},{content:"Import Deposit History",icon:h.a,onAction:()=>R("importDepositHistory")},{content:"Delete",icon:f.a,onAction:()=>R("delete")}].filter(Boolean),U={open:s,onClose:d,storeId:null===t||void 0===t?void 0:t.id,refetch:a,store:t,toggleActiveToast:D,setNotify:T,isDeactivated:F},L={fetchSingleOrder:u.a.createElement(S,U),fetchOrder:u.a.createElement(w,U),delete:u.a.createElement(k,U),reGen:u.a.createElement(I.a,U),markStatus:u.a.createElement(y.a,U),indexOrder:u.a.createElement(B.a,U),updateStoreCurrency:u.a.createElement(P,U),importDepositHistory:u.a.createElement(x,U)},V=u.a.createElement(n.g,{children:"Actions",disclosure:!0,onClick:o}),z=j&&M.msg&&u.a.createElement(n.fb,{content:M.msg,error:M.err,duration:2e3,onDismiss:D});return u.a.createElement(c.Fragment,null,z,u.a.createElement(n.K,{activator:V,onClose:o,active:i},u.a.createElement(n.a,{items:N})),L[C])}var U=a(98),L=a(241),V=a(37),z=a(23),q=a(161),H=a(178),$=a(11),_=a(4);const G=i.a` 7184 query stores($filter: StoreFilter) { 7185 stores(filter: $filter) { 7186 total 7187 nodes { 7188 id 7189 title 7190 email 7191 platform 7192 apiKey 7193 status 7194 suspended 7195 certificate 7196 domain 7197 note 7198 disabledAutoMap 7199 currency 7200 group { 7201 id 7202 name 7203 } 7204 owners { 7205 user { 7206 id 7207 firstName 7208 lastName 7209 email 7210 avatar { 7211 id 7212 thumbnailUrl 7213 } 7214 } 7215 store_id 7216 role 7217 } 7218 manager { 7219 id 7220 firstName 7221 lastName 7222 email 7223 avatar { 7224 id 7225 thumbnailUrl 7226 } 7227 } 7228 } 7229 } 7230 } 7231`;class K extends c.Component{constructor(e){super(e),this.handleFilterChange=e=>{const{search:t,status:a}=e;this.setState(e=>{if(!Object(o.isEqual)(e.filter.search,t)||!Object(o.isEqual)(e.filter.status,a))return{...e,filter:{...e.filter,search:t,status:a,offset:0}}})},this.handlePaginationChange=(e,t)=>
7231{this.setState(a=>({...a,filter:{...a.filter,offset:e,limit:t}}))},this.state={error:null,active:!1,checked:!1,ebayAuthUrl:"",data:{total:0,nodes:[]},filter:{limit:20,offset:0,platformSelected:["etsy"],status:null,search:null}},this.inputRef=u.a.createRef()}render(){const{data:e}=this.state,{currentUser:t}=this.context,a=s.a.get(t,"teamUser.role");let i=_.hb.Seller;[_.gb.StoreManager].includes(a)&&(i=_.hb.StoreManager),[_.gb.MarketplaceManager].includes(a)&&(i=_.hb.MarketplaceManager);const c=[_.gb.MarketplaceManager].includes(a);return u.a.createElement(J,null,u.a.createElement(n.H,{fullWidth:!0,breadcrumbs:c?[]:[{content:"Sales Channels",url:`/${i}/stores`}],title:"All Etsy Accounts",primaryAction:u.a.createElement(n.g,{onClick:()=>{v.a.push(`/${i}/stores/etsy/add`)},size:"medium",primary:!0},"Add Etsy Account")},u.a.createElement(n.i,{sectioned:!0},u.a.createElement(H.a,{filter:this.state.filter,onChange:this.handleFilterChange})),u.a.createElement(l.b,{fetchPolicy:"cache-and-network",onCompleted:e=>{this.setState({data:e.stores})},variables:{filter:this.state.filter},query:G},t=>{let{_:a,loading:l,error:s,refetch:c}=t;const d=t=>(e.nodes||[]).map(e=>{var a;let l=e.status,o=null;"Connected"===l&&(o="success"),("Suspended"===l||e.suspended)&&(o="critical",l="Suspended"),"Deactivated"===l&&(l="Deactivated",o="attention");const s=null===e||void 0===e||null===(a=e.group)||void 0===a?void 0:a.name;return[t(e.id),u.a.createElement("div",{className:"id-wrap"},u.a.createElement("span",null,e.id)),u.a.createElement("div",{className:"avatar-container item"},u.a.createElement("div",null,u.a.createElement(n.d,{customer:!0,name:"John Smith"})),u.a.createElement("div",{className:"avatar-right"},u.a.createElement("div",null,e.title),e.email)),u.a.createElement("div",{className:"group-wrap"},s),u.a.createElement("div",{className:"api-key-wrap item"},e.apiKey&&u.a.createElement(U.a,{text:e.apiKey})),u.a.createElement("div",{className:"status-container item"},u.a.createElement(n.g,{size:"slim",plain:!0,icon:u.a.createElement(n.w,{source:r.a})}),u.a.createElement(n.e,{status:o},l)),u.a.createElement("div",{className:"actions item"},u.a.createElement(N,{store:e,refetch:c,currentParam:i}))]});let{limit:m,offset:p}=this.state.filter;const g=Object(o.get)(e,"total",0),A={page:p/m+1,totalPage:Math.ceil(g/m),offset:p,limit:m,onChange:this.handlePaginationChange,total:g};return u.a.createElement("div",null,u.a.createElement(L.a,{error:s}),u.a.createElement(n.i,null,l?u.a.createElement(z.SkeletonPagePolaris,null):u.a.createElement(q.a,{data:(null===e||void 0===e?void 0:e.nodes)||[],refetch:c},e=>{let{checkAllMarkup:t,checkItemMarkup:a}=e;return u.a.createElement("div",{className:"table-wrapper"},u.a.createElement(n.n,{columnContentTypes:["text","text","text","text","text","text","numeric"],headings:[t,"ID","Account","Group","API Key","Status","Action"],rows:d(a),verticalAlign:"middle",hideScrollIndicator:!0}),u.a.createElement(Y,null,u.a.createElement(V.PaginationPolaris,{aggregation:A,showTotal:!0})))})))})))}}K.contextType=$.a;const J=d.b.div` 7232 margin: -1rem; 7233 @media (min-width: 640px) { 7234 margin: -1.5rem; 7235 } 7236 7237 .table-wrapper { 7238 overflow-x: auto; 7239 .Polaris-DataTable__Cell--header { 7240 white-space: nowrap; 7241 } 7242 7243 .Polaris-DataTable { 7244 .Polaris-DataTable__ScrollContainer { 7245 overflow-x: initial; 7246 -webkit-overflow-scrolling: touch; 7247 } 7248 } 7249 } 7250 7251 .item { 7252 white-space: normal; 7253 word-break: break-word; 7254 } 7255 7256 .Polaris-Page-Header { 7257 padding-top: 0; 7258 } 7259 .avatar-container { 7260 display: flex; 7261 width: 40rem; 7262 7263 .avatar-right { 7264 margin-left: 10px; 7265 } 7266 } 7267 7268 .status-container { 7269 display: flex; 7270 align-items: center; 7271 width: 20rem; 7272 7273 button { 7274 margin-right: 5px; 7275 } 7276 } 7277 7278 .actions { 7279 width: 11rem; 7280 7281 button { 7282 margin-right: 8px; 7283 } 7284 } 7285 7286 .group-wrap, 7287 .id-wrap { 7288 white-space: normal; 7289 width: 20rem; 7290 } 7291 7292 .api-key-wrap { 7293 width: 30rem; 7294 } 7295`,Y=d.b.div` 7296 padding: 1.6rem; 7297 overflow-x: scroll; 7298 background: var(--p-surface-subdued, #f4f6f8); 7299`;t.b=K},function(e,t,a){"use strict";a.d(t,"b",(function(){return D})),a.d(t,"a",(function(){return x}));var l=a(7),n=a(1),r=a(35),i=a(5),o=a(0),s=a.n(o),c=a(9),u=a(2),d=a(12),m=a(4),p=a(30),g=a(23);const A=e=>{let{filter:t,onChange:a}=e;const[l,r]=s.a.useState(t.search),i=s.a.useRef(null),o=s.a.useCallback(e=>r(e),[]),c=s.a.useCallback(()=>r(null),[]),u=s.a.useCallback(()=>{c()},[c]);return s.a.useEffect(()=>{i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{a&&a({search:l?l.trim():l})},300)},[l,a]),s.a.createElement(n.r,{filters:[],appliedFilters:[],queryValue:l,queryPlaceholder:"Filter group",onQueryChange:o,onQueryClear:c,onClearAll:u})};var b=a(37),h=a(11),f=a(28),v=a(19);const E=r.a` 7300 mutation deleteGroup($id: ID!) { 7301 deleteGroup(id: $id) 7302 } 7303`;function y(e){let{id:t,refetch:a}=e;const{toggleToast:r,setNotify:i}=Object(v.b)(),[o,c]=Object(f.a)(!1);const[u,{loading:d}]=Object(l.c)(E,{onCompleted:()=>{i(e=>({...e,msg:"Delete group success",err:!1})),a&&a()},onError:e=>{i({msg:null===e||void 0===e?void 0:e.toString(),err:!0})}}),m=s.a.useCallback(()=>{t&&(r&&r(!0),i&&i({msg:null,err:!1}),u({variables:{id:t}}).finally(()=>{c()}))},[r,i,u,t]);return s.a.createElement(s.a.Fragment,null,s.a.createElement(n.g,{children:"Delete",destructive:!0,onClick:c,plain:!0}),s.a.createElement(n.E,{open:o,onClose:c,title:"Delete Group",sectioned:!0,primaryAction:{content:"Delete",onAction:m,destructive:!0,loading:d},secondaryActions:[{content:"Cancel",onAction:c}]},s.a.createElement("p",null,"Are you sure to delete this group?")))}var C=a(81),k=a(569);
7303function O(e){let{compact:t}=e;const[a,l]=Object(o.useReducer)(u.Hb,{open:!1,action:null}),{ids:r,onCompleted:i}=Object(C.b)()||{},c=Object(o.useCallback)(e=>{l(t=>({...t,open:!t.open,action:e}))},[]),d={open:a.open,toggleShowModal:c,onClose:c,onCompleted:i,idsChecked:j(r,t)},m={updateMarketplaceManager:s.a.createElement(k.a,d)};return s.a.createElement(s.a.Fragment,null,s.a.createElement(n.g,{children:"Update Marketplace Manager",onClick:()=>c("updateMarketplaceManager"),disclosure:!0}),m[a.action])}function j(e,t){const a=[];for(let l of e){const e=t[l];Object(u.c)(e)||a.push(...e)}return Array.from(new Set([...a]))}const w=c.b.div` 7304 .stores-wrap { 7305 width: fit-content; 7306 } 7307 7308 .Polaris-DataTable__Footer { 7309 overflow-x: scroll; 7310 } 7311 7312 .item { 7313 white-space: normal; 7314 word-break: break-word; 7315 } 7316 7317 .name-wrap { 7318 width: calc(18rem - 3.2rem); 7319 } 7320 7321 .description-wrap { 7322 width: calc(20rem - 3.2rem); 7323 } 7324 7325 .actions-wrap { 7326 display: flex; 7327 justify-content: end; 7328 column-gap: 10px; 7329 width: 10rem; 7330 } 7331`,S=e=>{let{data:t,filter:a,setFilter:l,refetch:r}=e;const{currentUser:o}=Object(h.c)(),c=Object(u.U)(o);let{limit:d,offset:m}=a;const g=Object(i.get)(t,"groups.total",0),A={page:m/d+1,totalPage:Math.ceil(g/d),offset:m,limit:d,onChange:l,total:g},{nodes:f,compact:v}=function(e){const t=Object(i.get)(e,"groups.nodes")||[],a={};for(let l of t){if(!l||!l.id||!l.stores||0===l.stores.length)continue;const e=[];for(let t of l.stores)e.push(t.id);a[l.id]=Array.from(new Set([...e]))}return{nodes:t,compact:a}}(t);return s.a.createElement(s.a.Fragment,null,s.a.createElement(w,null,s.a.createElement(C.a,{data:f,refetch:r,actionMarkup:s.a.createElement(O,{compact:v})},e=>{let{checkItemMarkup:t,checkAllMarkup:a}=e;const l=function(e,t,a,l){const r=[];for(let i of t){let{name:t,description:o,stores:c,id:u}=i;const d=(null===c||void 0===c?void 0:c.length)>0?c.map(e=>e.title).join(", "):null;r.push([e(u),s.a.createElement("div",{className:"name-wrap item"},s.a.createElement("span",null,t)),s.a.createElement("div",{className:"description-wrap item"},s.a.createElement("span",null,o)),s.a.createElement("div",{className:"stores-wrap item"},s.a.createElement("span",null,d)),s.a.createElement("div",{className:"actions-wrap item"},s.a.createElement(n.g,{children:"Edit",plain:!0,url:`/${a}/stores/groups/edit/${u}`}),s.a.createElement(y,{id:u,refetch:l}))])}return r}(t,f,c,r,function(e){const t={};for(let a of e)a&&a.id&&(t[a.id]=a)}(f));return!l||Object(u.c)(l)?s.a.createElement(p.default,null):s.a.createElement(n.n,{columnContentTypes:["text","text","text","text","numeric"],headings:[a,"Name","Description","Stores","Actions"],rows:l,verticalAlign:"middle",hideScrollIndicator:!0})})),s.a.createElement(I,null,s.a.createElement(b.PaginationPolaris,{aggregation:A,showTotal:!0})))};const I=c.b.div` 7332 padding: 1.6rem; 7333 overflow-x: scroll; 7334 background: var(--p-surface-subdued, #f4f6f8); 7335`,B=c.b.div` 7336 .Polaris-Filters-ConnectedFilterControl.Polaris-Filters-ConnectedFilterControl--right 7337 .Polaris-Filters-ConnectedFilterControl__CenterContainer 7338 * { 7339 border-radius: var(--p-border-radius-base, 3px) !important; 7340 } 7341`,D=r.a` 7342 query groups($filter: GroupFilter) { 7343 groups(filter: $filter) { 7344 total 7345 nodes { 7346 id 7347 name 7348 description 7349 teamId 7350 stores { 7351 id 7352 title 7353 } 7354 } 7355 } 7356 } 7357`,P=[...m.n],x=e=>{var t,a;let{path:r}=e;const c=Object(o.useMemo)(()=>Object(u.Bb)(r),[r]),m=Object(o.useMemo)(()=>{let e={...Object(u.m)(d.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(u.n)(e.limit,Math.round(e.paged))),e=Object(u.Jb)(e,P)}return e},[c]),[b,h]=s.a.useState({limit:Number(Object(u.M)("perPageGroups"))||20,offset:0,search:null,...m}),{data:f,loading:v,error:E,refetch:y}=Object(l.d)(D,{variables:{filter:b},fetchPolicy:"no-cache"});s.a.useEffect(()=>{let{offset:e,limit:t,...a}=b,l=null,n=Object(u.o)(t,e);l=Object(u.l)({limit:t,paged:n,...a}),d.a.push(`${d.a.location.pathname}?${l}`)},[b]);const C=s.a.useCallback(e=>{let{search:t}=e;h(e=>Object(i.isEqual)(e.search,t)?e:{...e,search:t,offset:0})},[]),k=v&&s.a.createElement(n.D,null);return s.a.createElement(B,null,k,s.a.createElement(n.i,{sectioned:!0},s.a.createElement(A,{filter:b,onChange:C})),s.a.createElement(n.i,null,v?s.a.createElement(g.SkeletonPagePolaris,null):E?s.a.createElement("div",{style:{padding:"1.6rem"}},"Error: ",Object(u.ib)(E.toString())):(null===f||void 0===f||null===(t=f.groups)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?s.a.createElement(S,{data:f,refetch:y,filter:b,setFilter:(e,t)=>{h(a=>Object(i.isEqual)(a.offset,e)&&Object(i.isEqual)(a.limit,t)?a:{...a,offset:e,limit:t}
7357),Object(u.Nb)("perPageGroups",t,100)}}):s.a.createElement(p.EmptyStatePolaris,null)))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return x}));var l=a(7),n=a(1),r=a(5),i=a.n(r),o=a(0),s=a.n(o),c=a(9),u=a(11),d=a(17),m=a(37),p=a(35),g=a(26),A=a.n(g),b=a(2),h=a(12),f=a(235);const v=c.b.div` 7358 button + button { 7359 margin-left: 0.75rem; 7360 } 7361`,E=p.a` 7362 mutation activeUserTeam($id: ID!) { 7363 activeUserTeam(id: $id) 7364 } 7365`,y=p.a` 7366 mutation deleteUserTeam($id: ID!) { 7367 deleteUserTeam(id: $id) 7368 } 7369`,C=e=>{let{member:t,refetch:a,hasActiveAcc:r}=e;const{currentUser:i}=s.a.useContext(u.a);let c=Object(b.U)(i);const d=Object(b.ub)(i),{canEdit:m,canActiveOrDeactive:p}=Object(f.a)(i),[g,C]=Object(o.useState)(!1),[k,O]=Object(o.useState)(!1),j=A()(t,"user.status",!1),[w,{data:S,error:I,client:B,loading:D}]=Object(l.c)(j?y:E,{onCompleted:()=>{a&&a(),x()}}),P=Object(o.useCallback)(()=>{h.a.push(`/${c}/edit-team-member/${t.id}`)},[]),x=Object(o.useCallback)(()=>C(e=>!e),[]),M=Object(o.useCallback)(()=>{O(e=>!e)},[]),T=k?(I||null!=S)&&s.a.createElement(n.fb,{content:I?Object(b.ib)(I.toString()):null!=S&&"Member has been update!",error:I,duration:2e3,onDismiss:M}):null,Q=!d||m,R=!d||p,F=s.a.createElement(v,{style:{padding:9}},Q&&s.a.createElement(n.g,{onClick:P,plain:!0},"Edit"),(r||R)&&s.a.createElement(n.g,{onClick:x,plain:!0,children:j?"Deactivate":"Activate"}),s.a.createElement(n.E,{title:j?"Deactivate member":"Activate member",open:g,onClose:x,primaryAction:{content:"Yes",loading:D,onAction:()=>{w({variables:{id:t.id}}),M()}},secondaryActions:[{content:"No",onAction:x}]},s.a.createElement(n.E.Section,null,s.a.createElement(n.bb,null,s.a.createElement("p",null,"Are you sure to ",j?"deactivate":"activate"," this member?")))),T);return d?m||p?F:null:F};var k=a(295);const O=c.b.div` 7370 button + button { 7371 margin-left: 0.75rem; 7372 } 7373`,j=p.a` 7374 mutation deleteUserTeam($id: ID!) { 7375 deleteUserTeam(id: $id) 7376 } 7377`,w=e=>{let{member:t,filter:a}=e;const[r,i]=Object(o.useState)(!1),[c,u]=Object(o.useState)(!1),[d,{data:m,error:p,client:g,loading:A}]=Object(l.c)(j,{onCompleted:()=>{v()}}),f=Object(o.useCallback)(()=>{h.a.push("/seller/edit-team-member/"+t.id)},[]),v=Object(o.useCallback)(()=>i(e=>!e),[]),E=Object(o.useCallback)(()=>{u(e=>!e)},[]),y=c?(p||m&&m.deleteUserTeam)&&s.a.createElement(n.fb,{content:p?Object(b.ib)(p.toString()):m&&m.deleteUserTeam&&"Member has been deleted!",error:p,duration:2e3,onDismiss:E}):null,C=(e,t)=>{for(let a=0;a<e.length;a++){const l=e[a];l.id===t&&(l.status=!l.status),l.children&&l.children.length&&(l.children=C(l.children,t))}return e};return s.a.createElement(O,{style:{padding:9}},s.a.createElement(n.g,{onClick:f,plain:!0},"Edit"),s.a.createElement(n.g,{onClick:v,plain:!0},"Delete"),s.a.createElement(n.E,{title:"Delete member",open:r,onClose:v,primaryAction:{content:"Delete",loading:A,onAction:()=>{d({variables:{id:t.id}}).then(e=>{if(e)try{const e=g.readQuery({query:k.a,variables:{filter:{...a}}}),l=C(JSON.parse(JSON.stringify(e.teamMembers.hits||[])),t.id),n=setTimeout(()=>{g.writeQuery({query:k.a,variables:{filter:{...a}},data:{...e,teamMembers:{...e.teamMembers,hits:l}}})},500);return()=>{clearTimeout(n)}}catch(l){}}).catch(()=>{}),E()}},secondaryActions:[{content:"Cancel",onAction:v}]},s.a.createElement(n.E.Section,null,s.a.createElement(n.bb,null,s.a.createElement("p",null,"Are you sure to delete this member?")))),y)};var S=a(16),I=a(19);function B(e){let{node:t}=e;const[a,r]=Object(o.useReducer)(b.Hb,{open:!1}),{setNotify:i,toggleToast:c}=Object(I.b)(),u=Object(o.useCallback)(e=>()=>{r({open:e})},[]),[d,{loading:m}]=Object(l.c)(S.gb,{onCompleted:()=>{i({msg:"Create Invoice success",err:!1}),u(!1)()},onError:e=>{i({msg:Object(b.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),p=Object(o.useCallback)(()=>{t&&t.id&&(c&&c(!0),i&&i({msg:null,err:!1}),d({variables:{input:{userIDs:t.id}}}))},[d,i,c,null===t||void 0===t?void 0:t.id]);return s.a.createElement(s.a.Fragment,null,s.a.createElement(n.g,{children:"Create Invoice",onClick:u(!0),plain:!0}),s.a.createElement(n.E,{open:a.open,onClose:u(!1),sectioned:!0,title:"Create Invoice",primaryAction:{content:"Submit",onAction:p,loading:m},secondaryActions:[{content:"Cancel",onAction:u(!1)}]},s.a.createElement("p",null,"Are you sure to create to Invoice for last month?")))}var D=a(81);const P=c.b.div` 7378 overflow: hidden; 7379 @media (min-width: 992px) { 7380 .Polaris-DataTable--condensed tr { 7381 th { 7382 border-top: 1px solid #dfe5ed; 7383 } 7384 th:last-child, 7385 td:last-child { 7386 right: 0; 7387 position: sticky; 7388 z-index: 2; 7389 background: #fff; 7390 :after { 7391 box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); 7392 position: absolute; 7393 top: 0; 7394 bottom: -1px; 7395 width: 30px; 7396 transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; 7397 content: ""; 7398 pointer-events: none; 7399 left: 0; 7400 transform: translateX(-100%); 7401 } 7402 } 7403 } 7404 } 7405 .Polaris-DataTable__Navigation { 7406 display: none; 7407 } 7408 .Polaris-DataTable__Footer { 7409 overflow-x: scroll; 7410 } 7411`,x=e=>{let{data:t,filter:a,setValuePage:r,isLeadSpecial:o,refetch:c}=e;const{data:p}=Object(l.d)(d.Sb),{currentUser:g}=Object(u.c)(),A=Object(b.ub)(g);let h=((null===p||void 0===p?void 0:p.getUserHasPermissionAcceptAccessInTeam)||[]).map(e=>{let{id:t}=e;return t}).includes(null===g||void 0===g?void 0:g.id);const{checkAllMarkup:f,checkItemMarkup:v}=Object(D.b)();let E=[];t&&(t.teamMembers.hits||[]).map(e=>{var t,l;let r=e&&e.role;"Admin"===r&&(r="Seller");let i=e.user&&e.user.status,u=null;return i?(i="Active",u="success"):(i="Inactive",u="critical"),E.push([A?"":v((null===e||void 0===e||null===(t=e.user)||void 0===t?void 0:t.id)||null),s.a.createElement(n.d,{source:e.user.avatar?e.user.avatar.url:null,initials:e.user.firstName&&e.user.firstName.length>1?e.user.firstName.substr(0,1):e.user.lastName.substr(0,1)}),s.a.createElement("span",null,e.user.firstName+" "+e.user.lastName),s.a.createElement("span",null,e.user.email),s.a.createElement(n.e,null,r),s.a.createElement(n.e,{status:u},i),s.a.createElement("span",null,e.user.phone),s.a.createElement("span",null,e.user.address),s.a.createElement("div",{style:{display:"flex",justifyContent:"end"}},A&&(null===e||void 0===e||null===(l=e.user)||void 0===l?void 0:l.isEnabledInvoice)?s.a.createElement(B,{node:null===e||void 0===e?void 0:e.user}):null,e.status&&s.a.createElement(w,{member:e,filter:a}),!e.status&&s.a.createElement(C,{member:e,refetch:c,filter:a,isLeadSpecial:o,hasActiveAcc:h}
7411))].filter(Boolean)),E});let{limit:y,offset:k}=a;const O=i.a.get(t,"teamMembers.count",0),j={page:k/y+1,totalPage:Math.ceil(O/y),offset:k,limit:y,onChange:r,total:O};return s.a.createElement(P,null,s.a.createElement(n.n,{columnContentTypes:[...A?[]:["text"],"text","text","text","text","text","text","text","text","numeric"],headings:[...A?[]:[f],"Avatar","Name","Email","Role","Status","Phone","Address","Actions"],rows:E,verticalAlign:"middle",footerContent:s.a.createElement(m.PaginationPolaris,{aggregation:j,showTotal:!0})}))}},,function(e,t,a){"use strict";a.d(t,"c",(function(){return z})),a.d(t,"b",(function(){return ee})),a.d(t,"a",(function(){return te}));var l=a(7),n=a(1),r=a(35),i=a(5),o=a.n(i),s=a(0),c=a.n(s),u=a(9),d=a(199),m=a.n(d),p=a(200),g=a.n(p),A=a(201),b=a.n(A),h=a(202),f=a.n(h),v=a(203),E=a.n(v),y=a(204),C=a.n(y),k=a(69),O=a.n(k),j=a(205),w=a.n(j),S=a(17),I=a(2),B=a(28),D=a(80),P=a(4),x=a(549),M=a(68),T=a(75),Q=a(206),R=a(16);const F=r.a` 7412 query stores { 7413 stores(filter: { limit: -1, offset: 0 }) { 7414 nodes { 7415 id 7416 title 7417 } 7418 } 7419 } 7420`;function N(e){let{open:t,toggleOpen:a,value:r,refetch:i}=e;const[o,u]=Object(s.useState)([]),[d,m]=Object(s.useState)(null),[p,g]=Object(s.useState)([]),A=Object(s.useRef)(null),{toggleActive:b,setNotify:h}=Object(D.e)(),f=null===r||void 0===r?void 0:r.id,{data:v,error:E}=Object(l.d)(F,{skip:!t}),[y,{loading:C}]=Object(l.c)(R.tc,{onCompleted:()=>{h({msg:"Mark as pushed to stores successfully.",err:!1}),g([]),a(),A.current&&clearTimeout(A.current),A.current=setTimeout(()=>{i&&i()},1500)},onError:e=>{h({msg:Object(I.ib)(e.toString()),err:!0})}});Object(s.useEffect)(()=>{var e;const t=((null===v||void 0===v||null===(e=v.stores)||void 0===e?void 0:e.nodes)||[]).filter(Boolean).map(e=>{const{id:t,title:a}=e||{};return{value:t,label:a}});u(t)},[v]),Object(s.useEffect)(()=>{const e=(o||[]).filter(e=>d.includes(e.value));g(e)},[d]);const k=Object(s.useCallback)(e=>m(e),[]),O=Object(s.useCallback)((e,t)=>{let a=Object(I.k)(p);a=a.map(a=>(null===a||void 0===a?void 0:a.value)===t?{...a,pushedProductID:e}:a),g(a)},[p]),j=Object(s.useCallback)(()=>{if(null!=f){b&&b(),h&&h({msg:null,err:!1});const e=p.map(e=>{const{value:t,pushedProductID:a}=e||{};return{storeID:t,pushedProductID:a}});y({variables:{productID:f,input:e}})}},[p,f,y,b,h]);return c.a.createElement(n.E,{title:"Mark as Pushed",open:t,onClose:a,sectioned:!0,large:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:j,disabled:0===p.length,loading:C}},c.a.createElement(U,null,c.a.createElement(n.Y,{vertical:!0},c.a.createElement(Q.a,{stores:o,onChange:k,error:E,value:d||[],allowMultiple:!0}),c.a.createElement(n.l,{open:p.length>0,transition:{duration:"150ms",timingFunction:"ease"}},c.a.createElement("div",{className:"store-wrap header"},c.a.createElement("span",{className:"label"},"Store Name"),c.a.createElement("div",{className:"input"},"Pushed product ID")),p.map((e,t)=>{const{label:a,pushedProductID:l="",value:r}=e||{},i=t+1;return c.a.createElement("div",{className:"store-wrap store-"+i},c.a.createElement("span",{title:a,className:"label"},a),c.a.createElement("div",{className:"input"},c.a.createElement(n.cb,{value:l,id:r,placeholder:"e.g. productId"+i,onChange:O})))})))))}const U=u.b.div` 7421 .store-wrap { 7422 display: flex; 7423 align-items: center; 7424 column-gap: 1rem; 7425 7426 + .store-wrap { 7427 margin-top: 1.6rem; 7428 } 7429 7430 .label, 7431 .input { 7432 width: calc(50% - 0.5rem); 7433 } 7434 } 7435`,L=u.b.div` 7436 .collection-wrap, 7437 .tag-wrap { 7438 margin-left: -0.7rem; 7439 margin-top: -0.9rem; 7440 > span { 7441 margin-top: 1rem; 7442 margin-left: 1rem; 7443 } 7444 .Polaris-Badge { 7445 max-width: 100%; 7446 .Polaris-Badge__Content { 7447 overflow: hidden; 7448 text-overflow: ellipsis; 7449 white-space: nowrap; 7450 } 7451 } 7452 } 7453 .sku-wrap { 7454 overflow-wrap: break-word; 7455 .Polaris-Badge { 7456 font-size: 1.175rem; 7457 } 7458 } 7459 .product-inner { 7460 margin-top: 0.375rem; 7461 display: flex; 7462 flex-direction: column; 7463 row-gap: 0.875rem; 7464 } 7465 7466 .personalized-control { 7467 cursor: pointer; 7468 display: inline-block; 7469 } 7470`,V=u.b.img` 7471 width: 20rem; 7472 height: 20rem; 7473 object-fit: cover; 7474 border-radius: 3px; 7475`,z=(e,t,a,l,r)=>{const i=null===e||void 0===e?void 0:e.mainImage;let s;s=null!=i?i:e&&e.images&&e.images.length>0?o.a.head(e.images.map(e=>e.file)):null;let u=e&&e.productBases&&e.productBases.length>0?e.productBases.map(e=>e.title).join(", "):null,d=(e&&e.collections&&e.collections.length>0?e.collections.map(e=>e.name):[]).map((e,t)=>
7475c.a.createElement(n.e,{key:"collection-"+t},e)),m=(e&&e.tags&&e.tags.length>0?e.tags.map(e=>e.name):[]).map((e,t)=>c.a.createElement(n.e,{key:"tag-"+t}," ",e));const p=(e=>`${e&&e.productBases&&e.productBases.length>1?`/${t}/products/campaign`:`/${t}/products/edit`}/${e.id}`)(e);let g=null===e||void 0===e?void 0:e.designStatus,A="No",b="default";["Designed"].includes(g)&&(A="Yes",b="success");const h=c.a.createElement("div",{onClick:()=>a(e),style:{cursor:"pointer"}},c.a.createElement(te,{file:s})),f=(null===e||void 0===e?void 0:e.totalOrders)?c.a.createElement("div",{className:"total-order-wrap"},c.a.createElement(n.e,{status:"success"},e.totalOrders)):c.a.createElement("div",null);return c.a.createElement(L,null,c.a.createElement(K,{item:e},c.a.createElement(n.N,{id:e.id,media:h},c.a.createElement("div",{className:"content-wrap"},c.a.createElement("div",null,c.a.createElement(W,{value:e,url:p}),c.a.createElement(Z,{value:e,url:p}),c.a.createElement("div",{className:"product-inner"},e&&e.personalized&&c.a.createElement(ee,{item:e}),c.a.createElement("div",{className:"sku-wrap"},c.a.createElement(n.e,{children:e.sku}))),c.a.createElement(J,null),c.a.createElement(Y,{value:e,refetch:r})),l&&c.a.createElement(H,{value:e}),c.a.createElement("div",null,c.a.createElement("span",null,u)),f,c.a.createElement("div",{className:"has-design-wrap"},c.a.createElement(n.e,{children:A,status:b})),c.a.createElement("div",{className:"collection-wrap"},d),c.a.createElement("div",{className:"tag-wrap"},m)))))},q={[P.M.WooCommerce]:{src:w.a,title:"WooCommerce"},[P.M.Shopify]:{src:C.a,title:"Shopify"},[P.M.ShopBase]:{src:E.a,title:"Shopbase"},[P.M.Ebay]:{src:g.a,title:"Ebay"},[P.M.Etsy]:{src:b.a,title:"Etsy"},[P.M.Amazon]:{src:m.a,title:"Amazon"},[P.M.Facebook]:{src:f.a,title:"Facebook"}};function H(e){let{value:t}=e;const{productStores:a}=t||{},l=(a||[]).reduce((e,t)=>{const{store:a}=t||{},{platform:l}=a||{};return null!=l&&e.push(l),e},[]),n=(r=l)instanceof Array&&0!==r.length?r.filter((e,t,a)=>a.lastIndexOf(e)===t):[];var r;return c.a.createElement("div",{className:"platform-wrap"},(n||[]).map((e,t)=>c.a.createElement($,{key:"platform-"+t,value:e})))}function $(e){let{value:t}=e;const{src:a,title:l}=q[t]||{};let r={width:50,marginRight:"0.785rem"};var i;return i=t,[P.M.WooCommerce,P.M.Amazon,P.M.ShopBase,P.M.Facebook,P.M.Etsy].includes(i)&&(r.width=40,r.marginRight="1.7rem"),c.a.createElement(n.gb,{content:"Pushed to "+l,preferredPosition:"above"},c.a.createElement("img",{alt:l,src:a,style:r}))}const _=r.a` 7476 mutation updateProductShortTitle( 7477 $id: ID! 7478 $shortTitle: String! 7479 $amzTitle: String 7480 $mainTitle: String 7481 ) { 7482 updateProductShortTitle( 7483 id: $id 7484 shortTitle: $shortTitle 7485 amzTitle: $amzTitle 7486 mainTitle: $mainTitle 7487 ) { 7488 id 7489 shortTitle 7490 amzTitle 7491 title 7492 } 7493 } 7494`,G=Object(s.createContext)(null);function K(e){let{children:t,item:a}=e;const[l,n]=Object(B.a)(!1),{shortTitle:r,amzTitle:i}=a||{},o=r||i?"Update Titles":"Add Titles",{screenOptions:u}=Object(D.e)(),d=u||[],m=d.includes(D.d),p=d.includes(D.a),g=Object(s.useMemo)(()=>({edit:l,toggleEdit:n,btnLabel:o,showShortTitle:m,showMarkPushed:p}),[l,n,o,m,p]);return c.a.createElement(G.Provider,{value:g},t)}function J(){const{toggleEdit:e,btnLabel:t,showShortTitle:a}=Object(s.useContext)(G);return a&&c.a.createElement("div",{style:{marginTop:"1rem"}},c.a.createElement(n.g,{children:t,size:"slim",onClick:e}))}function Y(e){let{value:t,refetch:a}=e;const[l,r]=Object(B.a)(!1),{showMarkPushed:i}=Object(s.useContext)(G);return i&&c.a.createElement("div",{style:{marginTop:"1rem"}},c.a.createElement(n.g,{children:"Mark as Pushed",size:"slim",onClick:r}),c.a.createElement(N,{open:l,toggleOpen:r,value:t,refetch:a}))}function W(e){let{value:t,url:a}=e;const{title:l}=t,{edit:r}=Object(s.useContext)(G);return!r&&c.a.createElement(n.B,{url:a,children:l})}function Z(e){let{value:t}=e;const{shortTitle:a,id:r,amzTitle:i,title:o}=t||{},{btnLabel:u,toggleEdit:d,edit:m,showShortTitle:p}=Object(s.useContext)(G),{toggleActive:g,setNotify:A}=Object(D.e)(),[b,h]=Object(s.useState)(a),[f,v]=Object(s.useState)(i),[E,y]=Object(s.useState)(o),[C,k]=Object(s.useState)(!1),[O,{client:j}]=Object(l.c)(_,{onCompleted:()=>{A({msg:u+" successfully.",err:!1}),k(!1),d()},onError:e=>{A({msg:Object(I.ib)(e.toString()),err:!0}),k(!1)}}),w=Object(s.useCallback)(e=>{h(e)},[]),B=Object(s.useCallback)(e=>{v(e)},[]),x=Object(s.useCallback)(e=>{y(e)},[]),M=b===a&&f===i&&E===o,Q=Object(s.useCallback)(async()=>
7494{if(null!=r){if(M)return;if(k(!0),g&&g(!0),A&&A({msg:null,err:!1}),f&&f!==i){var e;const{data:t}=await j.query({query:S.fb,variables:{title:f,whichField:P.rb.AmzTitle,productID:r}});if((null===t||void 0===t||null===(e=t.getProductsByTitle)||void 0===e?void 0:e.total)>0)return A({msg:P.i,err:!0}),void k(!1)}O({variables:{id:r,shortTitle:b||"",amzTitle:f,mainTitle:E}})}},[r,b,f,i,E,M,O,g,A,j]);return p&&c.a.createElement("span",{style:{marginTop:".5rem",marginBottom:"1rem",display:"block"},onClick:e=>e.stopPropagation()},c.a.createElement(n.Y,{spacing:"tight",vertical:!0},!m&&a&&c.a.createElement("div",null,c.a.createElement(n.db,{children:"FB Title: ",variation:"strong"}),c.a.createElement("span",null,a)),!m&&i&&c.a.createElement("div",null,c.a.createElement(n.db,{children:"AMZ Title: ",variation:"strong"}),c.a.createElement("span",null,i)),c.a.createElement(n.l,{id:"short-title-"+r,open:m,transition:{duration:"550ms",timingFunction:"ease"}},c.a.createElement(n.Y,{vertical:!0,spacing:"tight"},c.a.createElement(T.a,{value:E,onChange:x,multiline:4,autoFocus:!0,placeholder:"Enter product title",label:c.a.createElement(X,{label:"Title: "})}),c.a.createElement(T.a,{value:b,onChange:w,multiline:4,maxLength:P.D.fbTitle,placeholder:"facebook title",label:c.a.createElement(X,{label:"FB Title: "})}),c.a.createElement(T.a,{value:f,onChange:B,multiline:4,maxLength:P.D.amzTitle,placeholder:"amazon title",label:c.a.createElement(X,{label:"AMZ Title: "})}),c.a.createElement(n.g,{children:"Submit",primary:!0,disabled:M,onClick:Q,size:"slim",loading:C})))))}function X(e){let{label:t}=e;return c.a.createElement(n.db,{variation:"strong",children:t})}function ee(e){let{item:t}=e;const[a,l]=Object(B.a)(!1),r=c.a.useCallback(e=>{e.preventDefault(),l()},[l]);return c.a.createElement(c.a.Fragment,null,c.a.createElement("div",null,c.a.createElement("div",{onClick:r,className:"personalized-control"},c.a.createElement(n.e,{status:"success",children:"Personalized"}))),c.a.createElement(n.E,{title:"Personalized Options",open:a,onClose:l,sectioned:!0},c.a.createElement(x.a,{fields:(null===t||void 0===t?void 0:t.fields)||[],personalizedPreview:!0})))}function te(e){let{file:t}=e;const a=null===t||void 0===t?void 0:t.id,[n]=Object(l.c)(M.GEN_THUMBNAIL_IMAGE),[r,i]=Object(s.useState)((null===t||void 0===t?void 0:t.thumbnailUrl)||(null===t||void 0===t?void 0:t.url));Object(s.useEffect)(()=>{null!=t&&i(t.thumbnailUrl||t.url)},[t]);const o=Object(s.useCallback)(()=>{null!=a&&n({variables:{files:[a],fileType:"id"}})},[a,n]);return c.a.createElement(V,{src:r||O.a,key:null===t||void 0===t?void 0:t.id,onError:()=>{(null===t||void 0===t?void 0:t.thumbnailUrl)&&fetch(t.thumbnailUrl).then(e=>{404===(null===e||void 0===e?void 0:e.status)&&o()}).catch(()=>{}),i((null===t||void 0===t?void 0:t.url)||(null===t||void 0===t?void 0:t.thumbnailUrl))}})}},,,,,function(e,t,a){"use strict";function l(e){if(e&&e.addEventListener){for(var t=arguments.length,a=new Array(t>1?t-1:0),l=1;l<t;l++)a[l-1]=arguments[l];e.addEventListener(...a)}}function n(e){if(e&&e.removeEventListener){for(var t=arguments.length,a=new Array(t>1?t-1:0),l=1;l<t;l++)a[l-1]=arguments[l];e.removeEventListener(...a)}}a.d(t,"c",(function(){return l})),a.d(t,"b",(function(){return n})),a.d(t,"a",(function(){return r}));const r="undefined"!==typeof window},,,,function(e,t,a){"use strict";a.r(t),a.d(t,"ShippingService",(function(){return d}));var l=a(1),n=a(5),r=a(0),i=a.n(r),o=a(9),s=a(22),c=a(4),u=a(238);function d(e){let{item:t,fulfillment:a,shippingOption:o,setShippingOption:d,options:p=[]}=e;const g=null===t||void 0===t?void 0:t.shippingService,A=Object(n.get)(a,"slug",null),b=Object.keys(c.Y),h=A===s.q,f=A===s.p,v=b.includes(A),E=A===s.g.PrintBelle,y=A===s.g.PGPrints,C=f||y||h,[k,O]=Object(r.useState)([]),[j,w]=Object(r.useState)({value:null,label:E?"":"Default"}),S=Object(r.useRef)([]),I=Object(r.useRef)(!1);Object(r.useEffect)(()=>{I.current&&!C||Array.isArray(p)&&(O([...p]),I.current=!0)},[JSON.stringify(p),C]),Object(r.useEffect)(()=>{w(e=>({value:o,label:null==o?"Default":e.label}))},[o]),Object(r.useEffect)(()=>
7494{if(v){let e=c.Y[A];e.find(e=>null===e.value)||E||e.unshift({value:null,label:"Default"}),O(e),S.current=e}},[A,v,E]);const B=Object(r.useCallback)(e=>{if(!e)return void O(S.current);const t=new RegExp(e,"i"),a=S.current.filter(e=>e.label.match(t));O(a)},[]),D=Object(r.useCallback)(e=>{let{value:t,label:a}=e;w({value:t,label:a}),d(t)},[d]),P=v||h||f||y?i.a.createElement("div",{className:"shipping-service-option"},i.a.createElement(l.z,{label:"Shipping option",helpText:g?"Origin shipping service: "+g:""}),i.a.createElement(u.a,{data:k,value:j,placeholder:"Select shipping service",onChangeSearch:B,onChange:D})):null;return i.a.createElement(m,null,P)}const m=o.b.div``;t.default=d},,,,,,,,,,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return H})),a.d(t,"b",(function(){return _}));var l=a(7),n=a(1),r=a(35),i=a(5),o=a.n(i),s=a(0),c=a.n(s),u=a(11),d=a(2),m=a(12),p=a(131),g=a(4),A=a(30),b=a(23),h=a(9),f=a(375),v=a(37);const E=r.a` 7495 mutation changeProductSelected($id: [ID!], $status: String!) { 7496 changeProductSelected(id: $id, status: $status) { 7497 failed 7498 successed 7499 } 7500 } 7501`,y=e=>{let{open:t,toggleModal:a,selectedItem:r,filter:i,onCompleted:o}=e;const[u,m]=Object(s.useState)(!1),[p,g]=Object(s.useState)(null),[A,{data:b,loading:h,error:f,client:v}]=Object(l.c)(E,{onError:()=>{}});Object(s.useEffect)(()=>()=>clearTimeout(p),[]);const y=Object(s.useCallback)(()=>{A({variables:{id:r,status:"Available"}}).then(()=>{try{const e=v.readQuery({query:H,variables:{filter:i}});v.writeQuery({query:H,variables:{filter:i},data:{...e,products:{...e.products,nodes:[...e.products.nodes.map(e=>(r.find(t=>t===e.id)&&(e.status="Available"),e))]}}})}catch(e){}}).catch(()=>{}),C();const e=setTimeout(()=>{a(),o()},2500);g(e)},[r]),C=Object(s.useCallback)(()=>m(e=>!e),[]),k=u?(f||b&&b.changeProductSelected)&&c.a.createElement(n.fb,{content:f?Object(d.ib)(f.toString()):b&&b.changeProductSelected&&"Change status success.",error:f,duration:2e3,onDismiss:C}):null;return c.a.createElement(c.a.Fragment,null,k,c.a.createElement(n.E,{title:"Make products available",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"No",onAction:a}],primaryAction:{content:"Yes",onAction:y,loading:h}},c.a.createElement(n.bb,null,"Are you sure it will change?")))};var C=a(550),k=a(90);const O=r.a` 7502 mutation addTagsToProducts( 7503 $productIds: [ID!]! 7504 $tagIds: [ID!] 7505 $add: Boolean! 7506 ) { 7507 addTagsToProducts(productIds: $productIds, tagIds: $tagIds, add: $add) 7508 } 7509`,j=h.b.div` 7510 div[role="combobox"]:focus { 7511 outline: none; 7512 } 7513`,w=e=>{let{open:t,toggleModal:a,selectedItem:r,refetch:i,onCompleted:o,items:u}=e;const[m,p]=Object(s.useState)([]),[g,A]=Object(s.useState)(!1),[b,h]=Object(s.useState)(null),[f,v]=Object(s.useState)([]),[E,{data:y,loading:C,error:w}]=Object(l.c)(O,{onError:()=>{}});Object(s.useEffect)(()=>()=>{clearTimeout(b),p([])},[r]),Object(s.useEffect)(()=>{if(1!==(null===r||void 0===r?void 0:r.length)||!u||!Array.isArray(u)||0===u.length)return void v([]);const e=u.find(e=>{let{id:t}=e;return r.includes(t)});return e&&e.tags&&Array.isArray(e.tags)&&0!==e.tags.length?(v(e.tags),()=>{v([])}):void 0},[r]);const S=Object(s.useCallback)(()=>{const e=(null===m||void 0===m?void 0:m.length)>0?Array.from(new Set(m).values()):[];E({variables:{productIds:r,tagIds:e,add:!0}}),I();const t=setTimeout(()=>{a(),o(),p([]),i&&i()},2500);h(t)},[r,m]),I=Object(s.useCallback)(()=>A(e=>!e),[]),B=g?(w||y&&y.addTagsToProducts)&&c.a.createElement(n.fb,{content:w?Object(d.ib)(w.toString()):y&&y.addTagsToProducts&&"Add tags success.",error:w,duration:2e3,onDismiss:I}):null;return c.a.createElement(c.a.Fragment,null,B,c.a.createElement(n.E,{title:"Add tags",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Save",onAction:S,loading:C}},c.a.createElement(j,null,c.a.createElement(k.TagsSelectPolaris,{value:m,allowMultiple:!0,label:"Tags",onChange:e=>p(e),resource:f}),c.a.createElement("div",{style:{marginTop:5}},c.a.createElement(n.db,{variation:"strong",children:"Existing tags will be replaced by the newly selected tags"})))))},S=r.a` 7514 mutation addTagsToProducts($productIds: [ID!]!, $add: Boolean!) { 7515 addTagsToProducts(productIds: $productIds, add: $add) 7516 } 7517`,I=e=>{let{open:t,toggleModal:a,selectedItem:r,filter:i,onCompleted:o}=e;const[u,m]=Object(s.useState)(!1),[p,g]=Object(s.useState)(null),[A,{data:b,loading:h,error:f,client:v}]=Object(l.c)(S,{onError:()=>{}});Object(s.useEffect)(()=>()=>clearTimeout(p),[]);const E=Object(s.useCallback)(()=>{A({variables:{productIds:r,add:!1}}).then(()=>{try{const e=v.readQuery({query:H,variables:{filter:i}});v.writeQuery({query:H,variables:{filter:i},data:{...e,products:{...e.products,nodes:e.products.nodes.map(e=>(r.find(t=>t===e.id)&&(e.tags=[]),e))}}})}catch(e){}}).catch(()=>{}),y();const e=setTimeout(()=>{a(),o()},2500);g(e)},[r]),y=Object(s.useCallback)(()=>m(e=>!e),[]),C=u?(f||b&&b.addTagsToProducts)&&c.a.createElement(n.fb,{content:f?Object(d.ib)(f.toString()):b&&b.addTagsToProducts&&"Remove tags success.",error:f,duration:2e3,onDismiss:y}):null;return c.a.createElement(c.a.Fragment,null,C,c.a.createElement(n.E,{title:"Remove tags",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"No",onAction:a}],primaryAction:{content:"Yes",onAction:E,loading:h}},c.a.createElement(n.bb,null,"Are you sure to remove tags?")))};var B=a(91);const D=r.a` 7518 mutation addCollectionsToProducts( 7519 $productIds: [ID!]! 7520 $collectionIds: [ID!] 7521 $add: Boolean! 7522 ) { 7523 addCollectionsToProducts( 7524 productIds: $productIds 7525 collectionIds: $collectionIds 7526 add: $add 7527 ) 7528 } 7529`,P=h.b.div` 7530 div[role="combobox"]:focus { 7531 outline: none; 7532 } 7533`,x=e=>{let{open:t,toggleModal:a,selectedItem:r,onCompleted:i,refetch:o,items:u}=e;const[m,p]=Object(s.useState)([]),[g,A]=Object(s.useState)(!1),[b,h]=Object(s.useState)(null),[f,v]=Object(s.useState)([]),[E,{data:y,loading:C,error:k}]=Object(l.c)(D,{onError:()=>{}});Object(s.useEffect)(()=>()=>clearTimeout(b),[]),Object(s.useEffect)(()=>
7533{if(1!==(null===r||void 0===r?void 0:r.length)||!u||!Array.isArray(u)||0===u.length)return void v([]);const e=u.find(e=>{let{id:t}=e;return r.includes(t)});return e&&e.collections&&Array.isArray(e.collections)&&0!==e.collections.length?(v(e.collections),()=>{v([])}):void 0},[r]);const O=Object(s.useCallback)(()=>{const e=(null===m||void 0===m?void 0:m.length)>0?Array.from(new Set(m).values()):[];E({variables:{productIds:r,add:!0,collectionIds:e}}),j();const t=setTimeout(()=>{a(),i(),p([]),o&&o()},2500);h(t)},[r,m]),j=Object(s.useCallback)(()=>A(e=>!e),[]),w=g?(k||y&&y.addCollectionsToProducts)&&c.a.createElement(n.fb,{content:k?Object(d.ib)(k.toString()):y&&y.addCollectionsToProducts&&"Add collections success.",error:k,duration:2e3,onDismiss:j}):null;return c.a.createElement(c.a.Fragment,null,w,c.a.createElement(n.E,{title:"Add collections",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Save",onAction:O,loading:C}},c.a.createElement(P,null,c.a.createElement(B.CollectionSelectPolaris,{value:m,addCollectionsToProducts:!0,label:"Collections",onChange:e=>p(e),allowMultiple:!0,resource:f}),c.a.createElement("div",{style:{marginTop:5}},c.a.createElement(n.db,{variation:"strong",children:"Existing collections will be replaced by the newly selected collections"})))))},M=r.a` 7534 mutation addCollectionsToProducts($productIds: [ID!]!, $add: Boolean!) { 7535 addCollectionsToProducts(productIds: $productIds, add: $add) 7536 } 7537`,T=e=>{let{open:t,toggleModal:a,selectedItem:r,filter:i,onCompleted:o}=e;const[u,m]=Object(s.useState)(!1),[p,g]=Object(s.useState)(null),[A,{data:b,loading:h,error:f,client:v}]=Object(l.c)(M,{onError:()=>{}});Object(s.useEffect)(()=>()=>clearTimeout(p),[]);const E=Object(s.useCallback)(()=>{A({variables:{productIds:r,add:!1}}).then(()=>{try{const e=v.readQuery({query:H,variables:{filter:i}});v.writeQuery({query:H,variables:{filter:i},data:{...e,products:{...e.products,nodes:e.products.nodes.map(e=>(r.find(t=>t===e.id)&&(e.collections=[]),e))}}})}catch(e){}}).catch(()=>{}),y();const e=setTimeout(()=>{a(),o()},2500);g(e)},[r]),y=Object(s.useCallback)(()=>m(e=>!e),[]),C=u?(f||b&&b.addCollectionsToProducts)&&c.a.createElement(n.fb,{content:f?Object(d.ib)(f.toString()):b&&b.addCollectionsToProducts&&"Remove collections success.",error:f,duration:2e3,onDismiss:y}):null;return c.a.createElement(c.a.Fragment,null,C,c.a.createElement(n.E,{open:t,onClose:a,title:"Remove collections",sectioned:!0,secondaryActions:[{content:"No",onAction:a}],primaryAction:{content:"Yes",onAction:E,loading:h}},c.a.createElement(n.bb,null,"Are you sure to remove collections?")))};var Q=a(136),R=a(16),F=a(28);const N=e=>{let{open:t,toggleModal:a,selectedItem:r,onCompleted:i,refetch:o}=e;const[s,u]=Object(F.a)(!1),[m,p]=c.a.useState({msg:null,err:!1}),g=c.a.useRef(null),[A,{loading:b}]=Object(l.c)(R.Gc,{onCompleted:()=>{p({msg:"Refetch total sale successfully.",err:!1}),g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{i&&i(),a&&a(),o&&o()},1500)},onError:e=>{p({msg:Object(d.ib)(e.toString()),err:!0})}}),h=c.a.useCallback(()=>{r.length&&(u(!0),p({msg:null,err:!1}),A({variables:{ids:r}}))},[A,u,p,r]),f=s&&m.msg&&c.a.createElement(n.fb,{content:m.msg,error:m.err,onDismiss:u,duration:1500});return c.a.createElement(c.a.Fragment,null,f,c.a.createElement(n.E,{title:"Refetch total sale",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Refetch",onAction:h,loading:b}},c.a.createElement(n.bb,null,"Are you sure to refetch total sale?")))},U=r.a` 7538 mutation genThumbnailImage($ids: [ID!]!) { 7539 genThumbnailImage(ids: $ids) 7540 } 7541`,L=e=>{let{items:t,open:a,toggleOpen:r,onCompleted:i,refetch:o}=e;const[s,u]=Object(F.a)(!1),[m,p]=c.a.useState({msg:null,err:!1}),g=c.a.useRef(null),[A,{loading:b}]=Object(l.c)(U,{onCompleted:()=>{p({msg:"Refetch total sale successfully.",err:!1}),g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{i&&i(),r&&r(),o&&o()},1500)},onError:e=>{p({msg:Object(d.ib)(e.toString()),err:!0})}}),h=c.a.useCallback(()=>{const e=(null===t||void 0===t?void 0:t.length)>0?t.reduce((e,t)=>
7541{var a;let l=null===t||void 0===t?void 0:t.mainImageId;if(null!=l&&"undefined"!==l)return[...e,l];const n=null===t||void 0===t?void 0:t.images,[r]=(null===n||void 0===n?void 0:n.length)>0?n.filter(e=>{var t;return null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id}):[],i=null===r||void 0===r||null===(a=r.file)||void 0===a?void 0:a.id;return null!=i?[...e,i]:[...e]},[]).filter(Boolean):[];e.length&&(u(!0),p({msg:null,err:!1}),A({variables:{ids:e}}))},[A,u,p,t]),f=s&&m.msg&&c.a.createElement(n.fb,{content:m.msg,error:m.err,onDismiss:u,duration:1500});return c.a.createElement(c.a.Fragment,null,f,c.a.createElement(n.E,{title:"Gen Thumbnail Image",open:a,onClose:r,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:r}],primaryAction:{content:"Submit",onAction:h,loading:b}},c.a.createElement("p",null,"Are you sure to gen thumbnail image for this products?")))};var V=a(80);const z=h.b.div` 7542 .pagination-wrap { 7543 padding: 1.6rem; 7544 background: var(--p-surface-subdued, #ebeef1); 7545 text-align: center; 7546 border-radius: var(--p-border-radius-wide, 3px); 7547 width: 100%; 7548 border-top-right-radius: 0; 7549 border-top-left-radius: 0; 7550 overflow-x: scroll; 7551 } 7552 7553 &.pm_table-has-select.has-media { 7554 7555 .Polaris-ResourceList__ResourceListWrapper > * { 7556 min-width: 180rem; 7557 } 7558 .header-wrap, .content-wrap { 7559 ${e=>{let{pushedSaleChannels:t}=e;return t&&"\n grid-template-columns: minmax(30%,1fr) 18% 15% 7% 10% 10% 10%;\n "}} 7560 } 7561 } 7562 7563`,q=e=>{let{data:t,filter:a,setFilter:l,networkStatus:r,refetch:i}=e;const[m,p]=Object(s.useState)([]),[g,A]=Object(s.useState)([]),[b,h]=Object(s.useState)(!1),[E,k]=Object(s.useState)(null),[O,j]=Object(s.useState)(null),[S,B]=Object(s.useState)({}),{currentUser:D}=Object(s.useContext)(u.a);let P=Object(d.U)(D);const{screenOptions:M}=Object(V.e)(),R=(M||[]).includes(V.b);Object(s.useEffect)(()=>{t&&A(t.products.nodes)},[t]);const F=Object(s.useCallback)(e=>{k(e),H()},[]),U=Object(s.useCallback)(e=>{j(e),k("view-img"),H()},[]),q=Object(s.useCallback)(e=>{p(e);const t=(null===g||void 0===g?void 0:g.length)>0?g.filter(t=>{let{id:a}=t;return Array.isArray(e)&&e.includes(a)}):[];B(t)},[g]),H=Object(s.useCallback)(()=>h(e=>!e),[]),$=Object(s.useCallback)(()=>p([]),[]),_=[{content:"Make products available",onAction:()=>F("available")},{content:"Delete Selected product",onAction:()=>F("delete-product")},{content:"Refetch total sale",onAction:()=>F("refetch-total-sale")},{content:"Gen Thumbnail Image",onAction:()=>F("gen-thumbnail-image")},{content:"Add Tags",id:"add-tags",onAction:()=>F("add-tag")},{content:"Remove Tags",onAction:()=>F("remove-tag")},{content:"Add Collections",id:"add-collections",onAction:()=>F("add-collection")},{content:"Remove Collections",onAction:()=>F("remove-collection")}];let{limit:G,offset:K}=a;const J={page:K/G+1,totalPage:Math.ceil(o.a.get(t,"products.total",0)/G),offset:K,limit:G,onChange:l,total:o.a.get(t,"products.total",0)};return c.a.createElement(z,{className:"pm_table-has-select has-media",pushedSaleChannels:R},c.a.createElement(n.O,{items:g,renderItem:e=>Object(f.c)(e,P,U,R,i),selectedItems:m,onSelectionChange:q,bulkActions:_,loading:4===r,alternateTool:c.a.createElement("div",{className:"header-wrap"},c.a.createElement("dt",null,"Product"),R&&c.a.createElement("dt",null,"Pushed Sale Channels"),c.a.createElement("dt",null,"Product base"),c.a.createElement("dt",null,"Total orders"),c.a.createElement("dt",null,"Has design"),c.a.createElement("dt",null,"Collections"),c.a.createElement("dt",null,"Tags"))}),c.a.createElement("div",{className:"pagination-wrap"},c.a.createElement(v.PaginationPolaris,{showTotal:!0,aggregation:J})),c.a.createElement(y,{open:b&&"available"===E,toggleModal:H,selectedItem:m,filter:a,onCompleted:$}),c.a.createElement(C.b,{open:b&&"delete-product"===E,toggleModal:H,selectedItem:m,filter:a,onCompleted:$}),c.a.createElement(w,{open:b&&"add-tag"===E,toggleModal:H,selectedItem:m,refetch:i,onCompleted:$,items:g}),c.a.createElement(I,{open:b&&"remove-tag"===E,toggleModal:H,selectedItem:m,filter:a,onCompleted:$}),c.a.createElement(x,{open:b&&"add-collection"===E,toggleModal:H,selectedItem:m,refetch:i,onCompleted:$,items:g}),c.a.createElement(T,{open:b&&"remove-collection"===E,toggleModal:H,selectedItem:m,filter:a,onCompleted:$}),c.a.createElement(N,{open:b&&"refetch-total-sale"===E,toggleModal:H,selectedItem:m,refetch:i,onCompleted:$}
7563),c.a.createElement(L,{open:b&&"gen-thumbnail-image"===E,toggleOpen:H,items:S,refetch:i,onCompleted:$}),b&&"view-img"===E&&c.a.createElement(Q.a,{open:!0,toggleShowModal:H,item:O,large:!0}))},H=r.a` 7564 query products($filter: ProductFilter) { 7565 products(filter: $filter) { 7566 total 7567 nodes { 7568 id 7569 title 7570 shortTitle 7571 amzTitle 7572 sku 7573 designStatus 7574 personalized 7575 status 7576 sku 7577 designStatus 7578 totalOrders 7579 productStores { 7580 id 7581 store { 7582 id 7583 platform 7584 } 7585 } 7586 productBases { 7587 id 7588 title 7589 } 7590 mainImageId 7591 images { 7592 id 7593 productBaseId 7594 file { 7595 id 7596 url 7597 thumbnailUrl 7598 } 7599 } 7600 mainImage { 7601 id 7602 thumbnailUrl 7603 url 7604 } 7605 tags { 7606 id 7607 name 7608 } 7609 collections { 7610 id 7611 name 7612 } 7613 fields { 7614 id 7615 name 7616 title 7617 type 7618 extraFee 7619 configure 7620 sorting 7621 } 7622 } 7623 } 7624 } 7625`,$=[...g.n,"productBaseId","storeId","collections","tags","authorId","personalized","divided","usedStatus","refURL","sortBy","createdVia","notYetPushSaleChannel","hasShortTitle","isMainTitleUpdated","autoListed","hasOrder"],_=e=>{var t,a;let{hideFilterStore:r,isMarketplaceManager:o,path:h,setExportState:f}=e;const v=Object(s.useMemo)(()=>Object(d.Bb)(h),[h]),E=Object(s.useMemo)(()=>{let e={...Object(d.m)(m.a.location.search)};if(e){e.collections&&(e.collections=[e.collections]),e.tags&&(e.tags=[e.tags]),e.productType&&("normal"===e.productType&&(e.personalized=!1),"personalized"===e.productType&&(e.personalized=!0)),e.productDivision&&"divided"===e.productDivision&&(e.divided=!0),e.usedStatus&&("Used"===e.usedStatus&&(e.usedStatus=!0),"Unused"===e.usedStatus&&(e.usedStatus=!1)),e.hasOrder=K(e.hasOrder),e.hasShortTitle=K(e.hasShortTitle),e.isMainTitleUpdated=K(e.isMainTitleUpdated);let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.designStatus&&"All"===e.designStatus&&(e.designStatus=null),e.paged&&(e.offset=Object(d.n)(e.limit,Math.round(e.paged))),e=Object(d.Jb)(e,$)}return e},[v]),{store:y,currentUser:C}=Object(s.useContext)(u.a),k=Object(i.get)(C,"teamUser.role",null);const O=[g.gb.Admin,g.gb.MarketplaceManager,g.gb.StoreManager].includes(k),{isIdea:j,isIdeaLeader:w,isStoreManager:S}=Object(d.j)(C),I=j||w,[B,D]=Object(s.useState)({limit:Number(Object(d.M)("perPageProducts"))||20,offset:0,search:null,productBaseId:null,storeId:null,collections:null,tags:null,personalized:null,authorId:null,createTime:null,autoListedTime:null,divided:null,usedStatus:null,designStatus:null,refURL:null,sort:"DESC",sortBy:"total_orders",createdVia:null,notYetPushSaleChannel:null,hasShortTitle:null,isMainTitleUpdated:null,autoListed:null,hasOrder:null,...E}),{products:P,setState:x}=Object(V.e)(),[M,{data:T,loading:Q,error:R,refetch:F,networkStatus:N}]=Object(l.b)(H,{variables:{filter:{...B,storeId:y?o&&"all"===y.id?null:y.id:B.storeId,authorId:B.authorId}},notifyOnNetworkStatusChange:!0,onCompleted:e=>{const t=function(e){const t=Object(i.get)(e,"products.nodes")||[],a=new Map;for(let l of t){if(!l||!l.title)continue;const e={title:l.title,images:(l.images||[]).filter(e=>!!e.file).map(e=>{var t;return null===(t=e.file)||void 0===t?void 0:t.url}).filter(Boolean)};a.set(l.id,e)}return Array.from(a.values())}(e);x({products:t})}});Object(s.useEffect)(()=>{M();let{offset:e,limit:t,createdTime:a,autoListedTime:l,personalized:n,divided:r,usedStatus:i,designStatus:o,collections:s,tags:c,hasShortTitle:u,isMainTitleUpdated:p,hasOrder:g,...A}=B,b=null;!1===n?b="normal":!0===n&&(b="personalized");let h=null;r&&(h="divided");let f=null;i?f="Used":!1===i&&(f="Unused");let v=null,E=Object(d.o)(t,e),y=null;o&&(y=o);const C=G(u),k=G(p),O=G(g);v=Object(d.l)({limit:t,paged:E,productType:b,productDivision:h,usedStatus:f,designStatus:y,hasShortTitle:C,isMainTitleUpdated:k,hasOrder:O,...A}),m.a.push(`${m.a.location.pathname}?${v}`)},[B]);const U=Object(s.useCallback)((e,t,a,l,n,r,o,s,c,u,d,m,p,g,A,b,h,v,E,y,C)=>{D(k=>{if(!Object(i.isEqual)(k.productBaseId,e)||!Object(i.isEqual)(k.storeId,t)||!Object(i.isEqual)(k.collections,a)||!Object(i.isEqual)(k.tags,l)||!Object(i.isEqual)(k.search,n)||!Object(i.isEqual)(k.personalized,r.value)||!Object(i.isEqual)(k.authorId,o)||!Object(i.isEqual)(k.createTime,s)||!Object(i.isEqual)(k.divided,c)||!Object(i.isEqual)(k.usedStatus,u)||!Object(i.isEqual)(k.designStatus,d)||!Object(i.isEqual)(k.refURL,m)||!Object(i.isEqual)(k.sort,p)||!Object(i.isEqual)(k.sortBy,g)||!Object(i.isEqual)(k.createdVia,A)||!Object(i.isEqual)(k.hasShortTitle,h)||!Object(i.isEqual)(k.isMainT
7625itleUpdated,v)||!Object(i.isEqual)(k.notYetPushSaleChannel,b)||!Object(i.isEqual)(k.autoListed,E)||!Object(i.isEqual)(k.autoListedTime,y)||!Object(i.isEqual)(k.hasOrder,C)){const i={...k,productBaseId:e,storeId:t,collections:a,tags:l,search:n,personalized:r.value,authorId:o,createTime:s,divided:c,usedStatus:u,designStatus:d,refURL:m,sort:p,sortBy:g,createdVia:A,notYetPushSaleChannel:b,hasShortTitle:h,isMainTitleUpdated:v,autoListed:E,autoListedTime:y,hasOrder:C,offset:0};return f&&f({show:!0,filter:i}),i}return k})},[f]),L=Q&&c.a.createElement(n.D,null);return c.a.createElement(c.a.Fragment,null,L,c.a.createElement(n.i,{sectioned:!0},c.a.createElement(p.e,{propsFilters:B,hideFilterStore:r,isMarketplaceManager:o,isStoreManager:S,storeManagerSpecial:!0,isTeamLead:O,isRoleIdea:I,setProductFilters:U})),c.a.createElement(n.i,null,R&&c.a.createElement("div",null,"Error: ",Object(d.ib)(R.toString())),Q&&4!==N?c.a.createElement(b.SkeletonPagePolaris,null):(null===T||void 0===T||null===(t=T.products)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?c.a.createElement(q,{data:T,networkStatus:N,filter:B,refetch:F,setFilter:(e,t)=>{B.limit===t&&B.offset===e||D(a=>({...a,offset:e,limit:t})),Object(d.Nb)("perPageProducts",t,100)}}):c.a.createElement(A.EmptyStatePolaris,null)))};function G(e){return"boolean"!==typeof e?null:e?p.d:p.b}function K(e){return"string"!==typeof e?null:e===p.d}},,,function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var l=a(35),n=a(0),r=a.n(n),i=a(171),o=a(2);const s="id user { id firstName lastName }";function c(e){let{value:t,skip:a,fragment:n=s,roles:c}=e;const[u,d]=r.a.useReducer(o.Hb,{options:[],selectedOptions:[]}),{data:m,loading:p,error:g}=((e,t,a)=>{const n=r.a.useMemo(()=>({skip:a,variables:{roles:e},query:l.a` 7626 query listUserTeamByRoles($roles: [String!]!) { 7627 listUserTeamByRoles(roles: $roles) { 7628 ${t} 7629 } 7630 } 7631 `}),[t,a,JSON.stringify(e)]);return Object(i.a)({queryOptions:n,path:"data.listUserTeamByRoles"})})(c,n,a),A=r.a.useRef(!1);r.a.useEffect(()=>{if(Object(o.c)(m)||A.current)return;const e=m.map(e=>{const t=null===e||void 0===e?void 0:e.user;if(!t)return;const a=Object(o.R)(t);return{value:null===t||void 0===t?void 0:t.id,label:a}}).filter(Boolean);d({options:e}),A.current=!0},[m]);const b=JSON.stringify(u.options);return r.a.useEffect(()=>{const e=JSON.parse(b);if(Object(o.c)(e)||Object(o.c)(t))return;const a=e.filter(e=>{let{value:a}=e;return t.includes(a)});d({selectedOptions:a})},[b,t]),r.a.useMemo(()=>({loading:p,error:g,options:u.options,selectedOptions:u.selectedOptions}),[p,g,u.options,u.selectedOptions])}},,,,,,,,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var l=a(0),n=a.n(l),r=a(642),i=a(1377),o=a(1390),s=a(116),c=a.n(s);function u(e){let{label:t,onChange:a,value:l,haveShow:s,isTo:u,views:d=["year","month","day"]}=e;const m=n.a.useCallback(e=>{let t=e;u&&(t=c()(e).endOf("day")),a(t,c()(e).format("YYYY-MM-DD")),s&&s(!0)},[s,a,u]);return n.a.createElement(r.a,{dateAdapter:i.a},n.a.createElement(o.a,{views:d,label:t,value:l,onChange:m}))}},,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var l=a(2);function n(e,t){if(Object(l.c)(e))return[];const a=[],n=new RegExp(t,"gi");try{for(let t of e)t&&t.label&&t.label.match(n)&&a.push(t)}catch{}return a}},function(e,t,a){"use strict";var l=a(146),n=a(25),r=a(35),i=a(5),o=a.n(i),s=a(0),c=a.n(s),u=a(9),d=a(11),m=(a(215),a(2),a(4));const p=u.b.span` 7632 display: inline-block; 7633 vertical-align: top; 7634 box-sizing: border-box; 7635 margin: -3px 0 -1px 2px; 7636 padding: 1px 5px; 7637 min-width: 18px; 7638 height: 18px; 7639 border-radius: 9px; 7640 background-color: #ce3400; 7641 color: #fff; 7642 font-size: 11px; 7643 line-height: 1.6; 7644 text-align: center; 7645 z-index: 26; 7646`,g=r.a` 7647 query totalMappingOrder($storeId: ID) { 7648 totalMappingOrder(storeId: $storeId) 7649 } 7650`;class A extends s.Component{render(){const{currentUser:e,store:t,totalMappingOrder:a,setTotalMappingOrder:r}=this.context,i=o.a.get(e,"roles",[]),s=o.a.get(e,"teamUser.role",null);let u={storeId:t?t.id:null};return i.includes(m.pb.Seller)&&[m.gb.MarketplaceManager].includes(s)&&t&&"all"===t.id&&delete u.storeId,c.a.createElement(n.b,{query:g,variables:{...u},fetchPolicy:"no-cache"},e=>{let{data:t,error:a,loading:n}=e;return n?c.a.createElement(l.a,null):a?null:t&&t.totalMappingOrder?c.a.createElement(p,null," ",t.totalMappingOrder):c.a.createElement(p,null,"0")})}}A.contextType=d.a,t.a=A},function(e,t,a){"use strict";a.d(t,"a",(function(){return o}
7650));var l=a(0),n=a.n(l),r=a(1);const i=[{value:"DESC",label:"DESC"},{value:"ASC",label:"ASC"}],o=e=>{let{onChange:t,order:a}=e;const[o,s]=Object(l.useState)(["DESC"]);Object(l.useEffect)(()=>{s(null===a?["DESC"]:[a])},[a]);const c=Object(l.useCallback)(e=>{const a=e.map(e=>{const t=i.find(t=>t.value===e);return t&&t.label});t&&t("DESC"!==a[0]?a[0]:null),s(e)},[]);return n.a.createElement(r.k,{title:"Order",titleHidden:!0,choices:i,selected:o,onChange:c})}},function(e,t,a){"use strict";var l=a(0),n=a.n(l),r=a(1005),i=a(1013),o=a(35),s=a(25),c=a(2),u=a(327),d=a(1582),m=(a(97),a(249)),p=a(325),g=a(1369),A=a(1021),b=a(1391),h=a(184),f=a(798),v=a(122),E=a(322),y=a(1592),C=a(5),k=a.n(C),O=a(113),j=a(9),w=a(22),S=a(36),I=a(17),B=a(12),D=a(1),P=a(650),x=a(1589),M=a(1583),T=a(350),Q=a.n(T),R=a(1602),F=a(1603),N=a(1493),U=a(150);class L extends l.Component{constructor(){super(...arguments),this.state={value:this.props.value}}componentWillReceiveProps(e){e.value!==this.props.value&&this.setState({value:e.value})}render(){const{onChange:e,min:t}=this.props,{value:a}=this.state;return n.a.createElement(P.a,Object.assign({},this.props,{min:t||0,style:{width:"100%"},value:a,formatter:e=>(""+e).replace(/\B(?=(\d{3})+(?!\d))/g,","),parser:e=>e.replace(/\$\s?|(,*)/g,""),onChange:t=>{e(t),this.setState({value:t})},placeholder:"$"}))}}var V=L,z=a(423);const q=j.b.div` 7651 .carrier-price-radio { 7652 > label { 7653 display: flex; 7654 align-items: center; 7655 } 7656 7657 width: 100%; 7658 span.ant-radio + * { 7659 width: 100%; 7660 } 7661 7662 ${e=>{let{usingAdditionalPrice:t}=e;return t&&"\n .prices-wrap {\n display: flex;\n flex-direction: row;\n column-gap: 10px;\n\n .price-inner {\n display: flex;\n flex-direction: column;\n }\n }\n\n .ant-legacy-form-item {\n align-items: center;\n }\n "}} 7663 } 7664`;class H extends l.Component{render(){let{carriers:e,value:t}=this.props,a={};if(e&&e.length)for(let n=0;n<e.length;n++){const t=e[n].id;a[t]=e[n]}const l={label:14,wrap:10},r=(t||[]).some(e=>e.usingAdditionalPrice);r&&(l.label=10,l.wrap=14);const i={labelCol:{xs:{span:24},sm:{span:l.label},md:{span:l.label},lg:{span:l.label}},wrapperCol:{xs:{span:24},sm:{span:l.wrap},md:{span:l.wrap},lg:{span:l.wrap}}};let o=0;for(let n=0;n<t.length;n++)t[n].default&&(o=n);return n.a.createElement("div",null,t&&t.map((e,l)=>{const s=a[e.carrierId];if(!s)return null;const{additionalPrice:c}=e,d=0===l;return n.a.createElement(q,{key:l,usingAdditionalPrice:r,first:d},n.a.createElement(z.a.Group,{onChange:e=>{const a=t.map((t,a)=>e.target.value===a?{...t,default:!0}:{...t,default:!1});this.props.onChange(a)},className:"carrier-price-radio",value:o},n.a.createElement(z.a,{value:l},n.a.createElement(u.a.Item,Object.assign({},i,{label:s.name}),n.a.createElement("div",{className:"prices-wrap"},n.a.createElement("div",{className:"price-inner"},r&&d&&n.a.createElement("span",null,"Original Price"),n.a.createElement(V,{onChange:e=>{t[l].price=e,this.props.onChange&&this.props.onChange(t)},value:e.price?e.price:0})),r&&n.a.createElement("div",{className:"price-inner"},d&&n.a.createElement("span",null,"Additional Price"),n.a.createElement(V,{onChange:e=>{t[l].additionalPrice=e,this.props.onChange&&this.props.onChange(t)},value:c||0})))))))}))}}var $=H,_=a(475),G=a(563),K=a(559);const J=w.B.map(e=>({value:e,label:e}));function Y(e){let{value:t,onChange:a}=e;return n.a.createElement(h.a,{mode:"tags",value:t,onChange:a,options:J,style:{minWidth:100,width:"100%"}})}class W extends l.Component{constructor(){super(...arguments),this.state={selected:null,price:0}}render(){const{disabled:e,isCustomcat:t,showSupplierPrice:a,isMerchize:l,hasFulfillment:r}=this.props;let i=[{title:"Regular Price",key:"regularPrice"},{title:"Sale Price",key:"salePrice"},{title:"Seller Price",key:"sellerPrice"},!r&&{title:"Additional Price",key:"additionalPrice"},a&&{title:"Supplier Pricing",key:"supplierPricing"},...t?[{title:"Shipping Cost",key:"fulfillmentShippingCost"},{title:"Shipping International Cost",key:"fulfillmentShippingInternationalCost"}]:[],l&&{title:"Warehouse",key:"fulfillmentWarehouses"}
7664].filter(Boolean);const{selected:o}=this.state,s=function(e){return!!e&&"fulfillmentWarehouses"===e}(null===o||void 0===o?void 0:o.key);return n.a.createElement(n.a.Fragment,null,n.a.createElement(G.a,{disabled:e,overlay:n.a.createElement(K.a,null,i.map((e,t)=>n.a.createElement(K.a.Item,{onClick:()=>{this.setState({selected:e})},key:t},e.title)))},n.a.createElement(v.a,{type:"link",icon:n.a.createElement(_.a,null)},"Quick Edit")),this.state.selected&&n.a.createElement(y.a,{width:"520px",onOk:()=>{this.props.onChange&&this.props.onChange({key:this.state.selected.key,value:s?this.state.warehouses:this.state.price}),this.setState({selected:null,price:0})},onCancel:()=>{this.setState({selected:null,price:0})},visible:!0,title:"Set Bulk "+this.state.selected.title},s?n.a.createElement("div",null,n.a.createElement(Y,{onChange:e=>{this.setState({warehouses:e})},value:this.state.warehouses||[]})):n.a.createElement(V,{value:this.state.price,onChange:e=>{this.setState({price:e})}})))}}var Z=W;class X extends l.Component{render(){let{suppliers:e,value:t}=this.props;t||(t=[]);let a={};if(e&&e.length)for(let n=0;n<e.length;n++){if(!e[n]||!e[n].id)continue;const t=e[n].id;a[t]=e[n]}const l={labelCol:{xs:{span:24},sm:{span:14}},wrapperCol:{xs:{span:24},sm:{span:10}}};return n.a.createElement("div",null,t.map((e,r)=>{const i=a[e.userId];if(!i)return null;const o=`${i.firstName} ${i.lastName}`;return n.a.createElement(u.a.Item,Object.assign({},l,{key:r,label:o}),n.a.createElement(V,{onChange:e=>{t[r].price=e,this.props.onChange&&this.props.onChange(t)},value:e.price?e.price:0}))}))}}var ee=X,te=a(11);const ae=j.b.div` 7665 tr.drop-over-downward td { 7666 border-bottom: 2px dashed #1890ff; 7667 } 7668 tr.drop-over-upward td { 7669 border-top: 2px dashed #1890ff; 7670 } 7671 .ant-legacy-form-item { 7672 margin-bottom: 0; 7673 margin-top: 0 !important; 7674 } 7675`,le=e=>{let{index:t,moveRow:a,className:l,style:r,...i}=e;const o=n.a.useRef(),[{isOver:s,dropClassName:c},u]=Object(R.a)({accept:"DragbleBodyRow",collect:e=>{const{index:a}=e.getItem()||{};return a===t?{}:{isOver:e.isOver(),dropClassName:a<t?" drop-over-downward":" drop-over-upward"}},drop:e=>{a&&a(e.index,t)}}),[,d]=Object(F.a)({item:{type:"DragbleBodyRow",index:t},collect:e=>({isDragging:e.isDragging()})});return u(d(o)),n.a.createElement("tr",Object.assign({ref:o,className:`${l}${s?c:""}`,style:{cursor:"move",...r}},i))};class ne extends l.Component{constructor(){super(...arguments),this.state={selectedRowKeys:[],loading:!1,value:this.props.value,open:!0},this.getVariantName=e=>e.attributes.map(e=>e.option).join("/"),this.onChangeTime=n.a.createRef(null),this.onChange=e=>{this.setState({value:e}),this.onChangeTime.current&&clearTimeout(this.onChangeTime.current),this.onChangeTime.current=setTimeout(()=>{this.props.onChange&&this.props.onChange(e)},500)},this.onSelectChange=e=>{this.setState({selectedRowKeys:e})},this.components={body:{row:le}},this.moveRow=(e,t)=>{const{value:a}=this.state;if(!a)return;const l=a[e];this.setState(Q()(this.state,{value:{$splice:[[e,1],[t,0,l]]}}),()=>{this.props.onChange&&this.props.onChange(this.state.value)})},this.handleUsingAdditional=e=>{const{checked:t}=null===e||void 0===e?void 0:e.target,{form:a}=this.props;if(!a)return;let l=a.getFieldValue("variants"),n=a.getFieldValue("carrierPricing");if(null!=t){var r,i;const e={usingAdditionalPrice:t,additionalPriceType:void 0,additionalPrice:void 0};t&&(e.additionalPriceType=la,e.additionalPrice=null),(null===(r=n)||void 0===r?void 0:r.length)>0&&(n=n.map(t=>({...t,...e}))),(null===(i=l)||void 0===i?void 0:i.length)>0&&(l=l.map(t=>{var a;let{carrierPricing:l}=t||{};return(null===(a=l)||void 0===a?void 0:a.length)>0&&(l=l.map(t=>({...t,...e}))),{...t,carrierPricing:l}}))}a.setFieldsValue({variants:l,carrierPricing:n})},this.toggleOpen=()=>{this.setState(e=>{let{open:t}=e;return{open:!t}})}}componentWillUpdate(e,t){e.value!==this.props.value&&this.setState({value:e.value})}shouldComponentUpdate(e,t){return!k.a.isEqual(e,this.props)||!k.a.isEqual(t,this.state)}render(){const{selectedRowKeys:e}=this.state,t={selectedRowKeys:e,onChange:this.onSelectChange},{value:a,open:l}=this.state,{suppliers:r,carriers:i,hasProduct:o,hasFulfillment:s,form:u,hasAdditionalShipping:m,isCustom:g,isMerchize:A,isPrintway:h,isNewForm:f}=this.props,{currentUser:E}=this.context,{isSeller:y}=Object(c.j)(E),k=Object(c.db)(E),O=w.i===k;let j=[{title:"ID",key:"id",dataIndex:"id",width:60},{title:"Variant",key:"variants",dataIndex:"variants",render:(e,t)=>n.a.createElement("span",null,this.getVariantName(t)),width:70},{title:"Regular Price",key:"regular",dataIndex:"regular",render:(e,t,l)=>{let r=t.regularPrice;return this.props.isEditProductBase||0===r&&t.sellerPrice&&(r=Object(c.a)(t.sellerPrice/.35,2),a[l].regularPrice=parseFloat(r),this.onChange(a)),n.a.createElement(V,{onChange:e=>{a[l].regularPrice=e,this.onChange(a)},value:r})},width:140},{title:"Sale Price",key:"sale",dataIndex:"sale",render:(e,t,l)=>n.a.createElement(V,{onChange:e=>{a[l].salePrice=e,this.onChange(a)},value:t.salePrice}),width:140},!y&&!g&&{title:"Seller Price",key:"seller",dataIndex:"seller",render:(e,t,l)=>n.a.createElement(V,{onChange:e=>{a[l].sellerPrice=e,this.onChange(a)},value:t.sellerPrice}),width:140},{title:!s||g?"Fulfillment SKU":"Fulfillment product id",key:"fulfillment-product",render:(e,t,l)=>n.a.createElement(p.a,{disabled:!!a[l].disabledFPI,onChange:e=>{a[l].fulfillmentProductId=e.target.value,this.onChange(a)},value:t.fulfillmentProductId}),width:200}
7675].filter(Boolean);!s||g?j=[...j,{title:"Supplier Price",key:"supplier",render:(e,t,l)=>n.a.createElement(ee,{onChange:e=>{var t;a[l].supplierPricing=e,y&&null!=(null===e||void 0===e||null===(t=e[0])||void 0===t?void 0:t.price)&&(a[l].sellerPrice=e[0].price),this.onChange(a)},suppliers:r,value:t.supplierPricing}),width:200},{title:"Carrier Price",key:"carrier",render:(e,t,l)=>n.a.createElement($,{value:t.carrierPricing||0,carriers:i,onChange:e=>{this.onChange(a.map((t,a)=>a===l?{...t,carrierPricing:e}:t))}}),width:250},{title:"Additional Price",key:"additional-price",render:(e,t,l)=>n.a.createElement(V,{value:t.additionalPrice||0,onChange:e=>{this.onChange(a.map((t,a)=>a===l?{...t,additionalPrice:e}:t))}}),width:250}]:(this.props.isCustomcat&&j.push({title:"Shipping cost",key:"shipping-cost",render:(e,t,l)=>n.a.createElement(P.a,{min:0,onChange:e=>{a[l].fulfillmentShippingCost=e,this.onChange(a)},value:t.fulfillmentShippingCost}),width:200},{title:"Shipping international cost",key:"shipping-international-cost",render:(e,t,l)=>n.a.createElement(P.a,{min:0,onChange:e=>{a[l].fulfillmentShippingInternationalCost=e,this.onChange(a)},value:t.fulfillmentShippingInternationalCost}),width:200}),(A||h)&&j.push({title:"Fulfillment SKU",key:"fulfillment-sku",render:(e,t,l)=>O?n.a.createElement(p.a,{onChange:e=>{a[l].fulfillmentSku=e.target.value,this.onChange(a)},value:t.fulfillmentSku}):!!t.fulfillmentSku&&n.a.createElement(p.a,{disabled:!0,value:t.fulfillmentSku}),width:200}),A&&j.push({title:"Fulfillment Warehouse",key:"fulfillment-warehouse",render:(e,t,l)=>n.a.createElement(Y,{value:(null===t||void 0===t?void 0:t.fulfillmentWarehouses)||[],onChange:e=>{a[l].fulfillmentWarehouses=(null===e||void 0===e?void 0:e.length)>0?e:null,this.onChange(a)}})}),this.props.isPrintify&&(j.push({title:"Discount Price",key:"discount-price",dataIndex:"discountPrice",width:140,render:(e,t,l)=>n.a.createElement(V,{onChange:e=>{a[l].discountPrice=e,this.onChange(a)},value:t.discountPrice})}),j.push({title:"Shipping Price",key:"shipping-price",dataIndex:"shippingPrice",width:140,render:(e,t,l)=>n.a.createElement(V,{onChange:e=>{a[l].shippingPrice=e,this.onChange(a)},value:t.shippingPrice})}))),j.push({title:"",key:"action",render:(e,t,l)=>n.a.createElement(v.a,{disabled:o,onClick:()=>{a.splice(l,1),this.onChange(a)},type:"link",icon:n.a.createElement(d.a,{type:"delete"})}),width:50});const S=Object(C.sum)(j.map(e=>e.width)),{getFieldDecorator:I}=u||{};return n.a.createElement(ae,null,n.a.createElement(b.a,{style:{width:"100%"},title:n.a.createElement("span",null,n.a.createElement("span",{className:"control-collapse",onClick:this.toggleOpen,style:{cursor:"pointer"}},n.a.createElement(d.a,{type:l?"caretDown":"caretRight"}),n.a.createElement("span",{style:{marginRight:20,marginLeft:5}},"Preview")),s?null:f?n.a.createElement(x.a.Item,{name:"hasAdditionalShipping"},n.a.createElement(re,{handleUsingAdditionalChange:this.props.handleUsingAdditionalChange,onChange:this.handleUsingAdditional})):I("hasAdditionalShipping",{initialValue:m})(n.a.createElement(re,{handleUsingAdditionalChange:this.props.handleUsingAdditionalChange,onChange:this.handleUsingAdditional}))),extra:n.a.createElement(Z,{onChange:t=>{for(let n=0;n<e.length;n++){const r=e[n];if("undefined"!==typeof a[r]){const e=t.key;var l;if("supplierPricing"===e)(null===(l=a[r].supplierPricing)||void 0===l?void 0:l.length)>0&&(a[r].supplierPricing=a[r].supplierPricing.map(e=>({...e,price:t.value})));else a[r][e]=t.value}}this.props.onChange&&this.props.onChange(a)},isCustomcat:this.props.isCustomcat,isMerchize:A,disabled:0===e.length,showSupplierPrice:!s||g,hasFulfillment:s})},n.a.createElement(D.l,{id:"variant-preview",open:l,transition:{duration:"150ms",timingFunction:"ease"}},n.a.createElement(N.a,{backend:U.a},n.a.createElement(M.a,{dataSource:[...a],rowKey:(e,t)=>t,pagination:!1,columns:j,rowSelection:t,components:this.components,scroll:{x:S},onRow:(e,t)=>({index:t,moveRow:this.moveRow})})))))}}ne.contextType=te.a;const re=n.a.forwardRef((e,t)=>{let{value:a,onChange:l}=e;return n.a.createElement(E.a,{children:"Using additional shipping price",onChange:l,checked:a})});var ie=ne,oe=a(4),se=a(26),ce=a.n(se),ue=a(1494),de=a(1015);o.a` 7676 fragment cat on Category { 7677 id 7678 name 7679 description 7680 image { 7681 id 7682 name 7683 thumbnailUrl 7684 url 7685 } 7686 } 7687 7688 query categories { 7689 productBaseCategories { 7690 ...cat 7691 children { 7692 ...cat 7693 children { 7694 ...cat 7695 children { 7696 ...cat 7697 children { 7698 ...cat 7699 } 7700 } 7701 } 7702 } 7703 } 7704 } 7705`;const me=o.a`
7706 mutation createProductBaseCategory($input: NewProductBaseCategory!) { 7707 createProductBaseCategory(input: $input) { 7708 id 7709 name 7710 description 7711 parentId 7712 image { 7713 id 7714 name 7715 thumbnailUrl 7716 url 7717 } 7718 } 7719 } 7720`;class pe extends l.Component{constructor(){var e;super(...arguments),e=this,this.state={search:"",loading:!1,result:[],dataTmp:[]},this.renderOptions=function(t){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,l=[];for(let i of t){var r;const t=n.a.createElement(ue.a.Option,{value:i.id,key:i.id},n.a.createElement("span",{style:{marginLeft:10*a+"px"},className:"level level-"+a},i.name));l.push(t),(null===(r=i.children)||void 0===r?void 0:r.length)>0&&l.push(...e.renderOptions(i.children,a+1))}return l},this.resultContains=(e,t)=>{if(!e||0===e.length)return!1;for(let a of e){if(a.name.toLowerCase()===t.toLowerCase())return!0;if(this.resultContains(a.children,t))return!0}return!1},this.showAdd=e=>{if(!e)return!1;const{dataTmp:t}=this.state;let a=t.find(t=>{let{name:a}=t;return a.toLowerCase()===e.toLowerCase()});return!t||!a},this.handleSearch=e=>{const{dataTmp:t}=this.state,a={search:e};if(e){let l=[];this.showAdd(e)&&(l=[n.a.createElement(ue.a.Option,{key:"add-new",value:"add-new",className:"pt-2 pl-4"},n.a.createElement("span",{style:{marginLeft:"0"},className:"level level-0"},n.a.createElement("strong",null,"Add: "),e))]);const r=new RegExp(e,"i"),i=t.filter(e=>{let{name:t}=e;return t.match(r)});a.result=[...l,...this.renderOptions(i)]}else a.result=this.renderOptions(t);this.setState(a)},this.addCategory=async()=>{const{__apolloClient__:e}=window,{search:t,dataTmp:a}=this.state;if(t&&"string"===typeof t)try{const{data:l}=await e.mutate({mutation:me,variables:{input:{name:t.toString()}}}),n=null===l||void 0===l?void 0:l.createProductBaseCategory;if(n){const e=this.renderOptions([...a,n]);this.setState({result:e},()=>{this.props.onChange&&this.props.onChange([n])})}i.a.success({message:"Add category success."})}catch(l){i.a.error({message:Object(c.ib)(l.toString())})}finally{this.setState({loading:!1})}}}componentDidMount(){const{data:e}=this.props,t=this.renderOptions(e);this.setState({result:t,dataTmp:e})}render(){const{value:e}=this.props,{search:t,result:a,dataTmp:l}=this.state;return n.a.createElement(ge,null,n.a.createElement(ue.a,{style:{width:"100%"},filterOption:!1,value:t,dataSource:a,onSearch:this.handleSearch,showSearch:!0,onSelect:e=>{if("add-new"===e)this.addCategory();else if(this.props.onChange){const t=(l||[]).find(t=>{let{id:a}=t;return e===a});this.props.onChange(t?[t]:[])}}},n.a.createElement(p.a.Search,{placeholder:"Search for category"})),n.a.createElement("div",null,e.map((t,a)=>n.a.createElement(de.a,{style:{marginTop:8,marginRight:8},closable:!0,onClose:()=>{e.splice(a,1),this.props.onChange&&this.props.onChange(e)},key:t.id},t.name))))}}const ge=j.b.div``;var Ae=a(63);a(160);const be=j.b.div` 7721 .carrier-pricing-radio-group { 7722 > label { 7723 display: flex; 7724 span.ant-radio { 7725 margin-top: 14px; 7726 } 7727 } 7728 } 7729 .ant-radio-checked::after { 7730 height: 14px !important; 7731 } 7732`;class he extends l.Component{render(){const{carriers:e}=this.props;let{value:t}=this.props,a={};for(let n=0;n<e.length;n++)a[e[n].id]=e[n];let l=0;for(let n=0;n<t.length;n++)t[n].default&&(l=n);return n.a.createElement(be,null,n.a.createElement(z.a.Group,{className:"carrier-pricing-radio-group",onChange:e=>{for(let a=0;a<t.length;a++)t[a].default=!1;t[e.target.value].default=!0,this.props.onChange&&this.props.onChange(t)},value:l},t.map((e,l)=>{const r=a[e.carrierId];return n.a.createElement(z.a,{key:l,value:l},n.a.createElement(u.a.Item,{key:l,label:""+r.name},n.a.createElement(V,{value:e.price?e.price:0,onChange:e=>{t[l].price=e,this.props.onChange&&this.props.onChange(t)}})))})))}}var fe=he,ve=a(378),Ee=a(28),ye=a(34);function Ce(e){let{onChange:t,isMerchize:a,isBurgerPrints:l}=e;const[r,i]=Object(Ee.a)(!1),o=(n.a.useRef(!1),n.a.useCallback(e=>{if(!e||0===e.length)return;const a=new Map,l=new Map;for(let t of e)l.set(`${t.color}|${t.size}`,t);const n=[],r=Array.from(l.values());for(let t=0;t<r.length;t++){const e=r[t],l=[{name:"Size",slug:"size",option:e.size},{name:"Color",slug:"color",option:e.color}];n.push({attributes:l,fulfillmentProductId:e.sku,regularPrice:0,salePrice:0,sellerPrice:0,sorting:t});for(let t of["color","size"]){const l=a.get(t);l?a.set(t,l.add(e[t])):a.set(t,new Set([e[t]]))}}const o=[];for(let[t,i]of Array.from(a.entries())){const e=t.charAt(0).toUpperCase()+t.slice(1).toLowerCase(),a=Array.from(i.values());o.push({name:e,slug:t,options:a})}t&&t({variants:n,attributes:o}),i(!1)},[t]),n.a.useCallback(async e=>{var n,r,o,s;let u;if((null===(n=e.target)||void 0===n||null===(r=n.files)||void 0===r?void 0:r.length)>0?u=e.target.files[0]:(null===(o=e.dataTransfer)||void 0===o||null===(s=o.files)||void 0===s?void 0:s.length)>0&&(u=e.dataTransfer.files[0]),u)try{let e=async()=>{};a&&(e=ke),l&&(e=Oe);const{variants:n,attributes:r}=await e(u);if(Object(c.c)(n)||Object(c.c)(r))throw Error("variant is empty");t&&t({variants:n,attributes:r}),i(!1)}catch(d){console.error("catch error: ",null===d||void 0===d?void 0:d.toString())}},[t,a,l]));return n.a.useEffect(()=>{const e=e=>{if(!r)return;const a=Be((e.clipboardData||window.clipboardData).getData("text"),/[\t]/,!0),{variants:l,attributes:n}=a||{};Object(c.c)(l)||Object(c.c)(n)||(t&&t({variants:l,attributes:n}
7732),i(!1))};return window.addEventListener("paste",e),()=>{window.removeEventListener("paste",e,{capture:!0})}},[r]),n.a.createElement(n.a.Fragment,null,n.a.createElement(v.a,{children:"Add Variants by CSV",onClick:i}),n.a.createElement(y.a,{title:"Choose file",visible:r,onCancel:i,footer:!1},n.a.createElement("input",{type:"file",onChange:o,onDrop:o,onDragOver:e=>e.preventDefault()})))}async function ke(e){return new Promise((t,a)=>{null==e&&a("file is null");const l=new FileReader;l.onload=function(e){const l=new Uint8Array(e.target.result),n=ve.a(l,{type:"array"}),r=n.SheetNames[0],i=n.Sheets[r],o=ve.b.sheet_to_json(i);Object(c.c)(o)&&a("could not get data from file");const s=ye.a.type.pt,u=ye.a.color.pt,d=ye.a.size.pt,m=/sku variant/i,p=/base cost/i,g=/shipping fee/i;let A,b,h,f,v,E;for(let[t,a]of Object.entries(o[0]))a.match(s)?A=t:a.match(u)?b=t:a.match(d)?h=t:a.match(m)?f=t:t.match(p)?v=t:t.match(g)&&(E=t);const y=o.slice(1);0===y.length&&a("rows is empty");const[C,k]=function(e){let{typeKey:t,colorKey:a,sizeKey:l,skuKey:n,costKey:r,shippingKey:i,rowsStr:o}=e;if(0==o.length)return[];const s={},c=[];for(let d=0;d<o.length;d++){const e=o[d];if(!e||"object"!==typeof e)continue;const u=e[t],m=e[a],p=e[l],g=e[n],A=e[r],b=e[i],h=[];if(u){we({model:ye.a.type,attrMap:s,val:u,attrs:h})}if(m){we({model:ye.a.color,attrMap:s,val:m,attrs:h})}if(p){we({model:ye.a.size,attrMap:s,val:p,attrs:h})}const{sellerPrice:f,regularPrice:v}=Se(A,b);c.push({sorting:d,attributes:h,regularPrice:+v,sellerPrice:+f,salePrice:0,fulfillmentProductId:g,fulfillmentSku:g})}const u=[];if(Object.keys(s).length>0)for(let[d,m]of Object.entries(s)){const e=d.charAt(0).toUpperCase()+d.slice(1).toLowerCase(),t=Array.from(m);u.push({name:e,slug:d,options:t})}return[c,u]}({typeKey:A,colorKey:b,sizeKey:h,skuKey:f,costKey:v,shippingKey:E,rowsStr:y});t({variants:C,attributes:k})},l.readAsArrayBuffer(e)})}async function Oe(e){return new Promise((t,a)=>{null==e&&a("file is null");const l=new FileReader;l.onload=function(e){const l=e.target.result,n=new TextDecoder("utf-8").decode(l);n&&"string"===typeof n||a("could not read data");const r=Be(n);t(r)},l.readAsArrayBuffer(e)})}function je(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"\\$";if("string"!==typeof e)return e;const a=new RegExp(t);return(e||"").replace(a,"")}function we(e){let{model:t,attrMap:a,val:l,attrs:n}=e;const r=t.slug;n.push(function(e,t){return{name:e.name,slug:e.slug,option:t}}(t,l)),function(e,t,a){e[t]||(e[t]=new Set);e[t].add(a)}(a,r,l)}function Se(e,t){const a=(Number(je(e)||0)+Number(je(t)||0)).toFixed(2);return{sellerPrice:+a,regularPrice:+(3*a).toFixed(2)}}function Ie(e){let{typeIndex:t,colorIndex:a,sizeIndex:l,skuIndex:n,costIndex:r,shippingIndex:i,rowsStr:o,sep:s=","}=e;if(0==o.length)return[];const c={},u=[];for(let m=0;m<o.length;m++){const e=o[m];if(!e||"string"!==typeof e)continue;const d=e.split(s);1===d.length&&(o[m+1]=e+s===","?s:"\t"+o[m+1]);const p=d[t],g=d[a],A=d[l],b=d[n],h=d[r],f=d[i],v=[];if(p){we({model:ye.a.type,attrMap:c,val:p,attrs:v})}if(g){we({model:ye.a.color,attrMap:c,val:g,attrs:v})}if(A){we({model:ye.a.size,attrMap:c,val:A,attrs:v})}const{sellerPrice:E,regularPrice:y}=Se(h,f);u.push({sorting:m,attributes:v,regularPrice:+y,sellerPrice:+E,salePrice:0,fulfillmentProductId:b})}const d=[];if(Object.keys(c).length>0)for(let[m,p]of Object.entries(c)){const e=m.charAt(0).toUpperCase()+m.slice(1).toLowerCase(),t=Array.from(p);d.push({name:e,slug:m,options:t})}return[u,d]}function Be(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",",a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],[l,n,...r]=e.split(/\n/);const i=ye.a.type.pt,o=ye.a.color.pt,s=ye.a.size.pt,c=/sku/i,u=/base cost/i,d=/us/i,m=(l||"").split(t),p=(n||"").split(t),g=m.findIndex(e=>!!e.match(i)),A=m.findIndex(e=>!!e.match(o)),b=m.findIndex(e=>!!e.match(s)),h=m.findIndex(e=>!!e.match(c)),f=m.findIndex(e=>!!e.match(u)),v=a?f+2:p.findIndex(e=>!!e.match(d));if(r=r.filter(Boolean),0===r.length)return;const[E,y]=Ie({typeIndex:g,colorIndex:A,sizeIndex:b,skuIndex:h,costIndex:f,shippingIndex:v,rowsStr:r,sep:t});return{variants:E,attributes:y}}var De=a(7),Pe=a(1593);function xe(e){let{value:t}=e;const[a,l]=n.a.useState([]),{data:r,loading:i,error:o}=Object(De.d)(I.fc,{variables:{id:null===t||void 0===t?void 0:t.id},skip:!t||!t.id,fetchPolicy:"no-cache"}),s=n.a.useRef(Te(null===t||void 0===t?void 0:t.designPositions)),u=n.a.useRef(Te(null===t||void 0===t?void 0:t.variants)
7732);return n.a.useEffect(()=>{s.current=Te(null===t||void 0===t?void 0:t.designPositions),u.current=Te(null===t||void 0===t?void 0:t.variants)}),n.a.useEffect(()=>{const e=((null===r||void 0===r?void 0:r.productBaseTimeline)||[]).map(function(e,t){return a=>{const{createdAt:l,user:n,data:r}=a||{},{design_position:i,fulfillment:o,variant:s}=r||{},{firstName:u,lastName:d}=n||{};return{name:[u,d].filter(Boolean).join(" "),fulfillment:o,time:Object(c.C)(l),variants:Re(s,e.current,Qe),designPositions:Re(i,t.current,e=>e.name)}}}(u,s));l(e)},[null===r||void 0===r?void 0:r.productBaseTimeline]),(null===a||void 0===a?void 0:a.length)>0?n.a.createElement(Fe,null,n.a.createElement(b.a,{title:"Timeline",bodyStyle:{padding:0}},i?n.a.createElement(f.a,null):o?n.a.createElement("div",null,"Error: ",Object(c.ib)(o)):(null===a||void 0===a?void 0:a.length)>0?n.a.createElement(Pe.a,null,a.map((e,t)=>n.a.createElement(Pe.a.Panel,{header:Me(e),key:t},function(e){if(Object(c.Gb)(e))return null;const{fulfillment:t,variants:a,designPositions:l}=e;return n.a.createElement("div",{className:"timeline-body"},t?n.a.createElement("div",{className:"fulfillment"},n.a.createElement("h3",null,"Fulfillment:"),n.a.createElement("span",null,t)):null,Object.keys(a).length>0?n.a.createElement("div",{className:"timeline-variants"},n.a.createElement("h3",null,"Variant:"),Object.entries(a).map((e,t)=>{let[a,l]=e;const[r,i]=(a||"").split(/\|/),o=`${r} ${i?"( "+i+" )":""}`,s=(l||[]).join(", ");return n.a.createElement("div",{className:"item",key:"variant-"+t},n.a.createElement("span",null,o,":"),n.a.createElement("p",null,s))})):null,Object.keys(l).length>0?n.a.createElement("div",{className:"timeline-design-positions"},n.a.createElement("h3",null,"Design Position:"),Object.entries(l).map((e,t)=>{let[a,l]=e;const[r="",i]=(a||"").split(/\|/),o=`${r} ${i?"( "+i+" )":""}`,s=(l||[]).join(", ");return n.a.createElement("div",{className:"item",key:"design-position-"+t},n.a.createElement("span",null,o,":"),n.a.createElement("p",null,s))})):null)}(e)))):null)):null}function Me(e){return Object(c.Gb)(e)?null:n.a.createElement("h3",null,e.name," - Updated at: ",e.time)}function Te(e){return Object(c.c)(e)?e:e.reduce((e,t)=>(Object(c.Gb)(t)||!1 in t||(e[t.id]=t),e),{})}function Qe(e){if(Object(c.Gb)(e))return"";const{attributes:t}=e;if(Object(c.c)(t))return"";return t.reduce((e,t)=>(Object(c.Gb)(t)||!1 in t||e.push(t.option),e),[]).join(" / ")}function Re(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:()=>{};return Object(c.Gb)(e)||Object(c.Gb)(t)?{}:Object.keys(e).reduce((l,n)=>{const r=e[n],i=t[n];let o=n;return i&&(o=`${a(i)}|${n}`),l[o]=r,l},{})}const Fe=j.b.div` 7733 margin-top: 2rem; 7734 7735 .timeline-body { 7736 display: flex; 7737 flex-direction: column; 7738 gap: 1rem; 7739 padding-left: 2.5rem; 7740 7741 .fulfillment { 7742 display: flex; 7743 flex-direction: row; 7744 gap: 1rem; 7745 color: rgb(34, 47, 62); 7746 } 7747 7748 h3 { 7749 font-weight: 600; 7750 color: #222f3e; 7751 font-size: 1.15em; 7752 } 7753 7754 .item { 7755 display: flex; 7756 flex-direction: row; 7757 gap: 1rem; 7758 margin-left: 1.5rem; 7759 color: #222f3e; 7760 7761 span { 7762 font-weight: 500; 7763 } 7764 } 7765 } 7766 7767 .ant-collapse { 7768 border: none; 7769 7770 > .ant-collapse-item { 7771 border-bottom: none; 7772 7773 > .ant-collapse-header { 7774 background-color: #fff; 7775 border: none; 7776 } 7777 } 7778 } 7779 7780 .ant-collapse-content { 7781 border-top: none; 7782 7783 > .ant-collapse-content-box { 7784 padding-top: 0; 7785 } 7786 } 7787`,Ne=Object(l.forwardRef)((function(e,t){const{onChange:a,value:l}=e,[r,i]=Object(Ee.a)(!0),o=[{title:"Color name",key:"name",dataIndex:"name",render:e=>n.a.createElement(p.a,{value:e,disabled:!0,placeholder:"Color name"})},{title:"Color code",key:"code",dataIndex:"value",render:(e,t,r)=>n.a.createElement(p.a,{value:e,placeholder:"#ffffff",onChange:e=>{const t=e.target.value;l[r].value=t,a&&a(l)}})},{title:"Pattern",key:"patternImage",dataIndex:"patternImage",render:(e,t,r)=>n.a.createElement(Ae.a,{accept:"image/*",listType:"picture-card",multiple:!1,value:e,onChange:e=>{l[r].patternImage=e,a&&a(l)}})}],s=Object(C.sum)(o.map(e=>e.width));return(null===l||void 0===l?void 0:l.length)>0?n.a.createElement(b.a,{title:n.a.createElement("span",{onClick:i,style:{cursor:"pointer"}},n.a.createElement(d.a,{type:r?"caretDown":"caretRight"}),n.a.createElement("span",{stlye:{marginLeft:5}}
7787,"Color Codes"))},n.a.createElement(D.l,{id:"color-codes",open:r,transition:{duration:"150ms",timingFunction:"ease"}},n.a.createElement(M.a,{pagination:!1,dataSource:l,columns:o,rowKey:(e,t)=>t,scroll:{x:s}}))):null}));var Ue=a(1496),Le=a(1371),Ve=a(69),ze=a.n(Ve),qe=a(135),He=a.n(qe);var $e=a(102),_e=a(128);function Ge(e){let{designPositions:t,handleDone:a}=e;const{dpsProp:r,userInfoProp:i}=rt(t),[o,s]=Object(Ee.a)(!1),[c,u]=Object(l.useState)(void 0),d=Object(l.useRef)(null),m=Object(l.useRef)(null),p=Object(l.useRef)(null);Object(l.useEffect)(()=>{let e=document.querySelectorAll(".Polaris-Modal-Dialog__Modal");for(let t of e)t.setAttribute("style","max-width: calc(100% - 20rem); height: calc(100vh)"),t.classList.add("mockup-2d")});const g=Object(l.useCallback)(e=>{const t=null===e||void 0===e?void 0:e.data,l="string"===typeof t?JSON.parse(t):null;if(null!=l){const{loading:e,msg:t}=l;u(e),"Completed"===t&&o&&(clearTimeout(d.current),d.current=setTimeout(()=>{s(!1),clearTimeout(m.current),m.current=setTimeout(()=>{a()},500)},500))}},[a,o,s]);Object(l.useEffect)(()=>(window.addEventListener("message",g),()=>window.removeEventListener("message",g,!1)),[g]);const A=Object(l.useCallback)(()=>{p.current&&p.current.contentWindow.postMessage("Submit","*")},[]);return n.a.createElement(l.Fragment,null,n.a.createElement(D.g,{children:"Config new one",plain:!0,size:"slim",onClick:s}),n.a.createElement(D.E,{open:o,onClose:s,title:"Create Mockup Template",primaryAction:{content:"Done",onAction:A,loading:c},secondaryActions:[{content:"Cancel",onAction:s}]},n.a.createElement("iframe",{ref:p,id:"2d-mockup",title:"Mockup Template",style:{border:"none",width:"100%",height:"calc(100% - 1rem)"},src:`${$e.e}/mockup-templates/create?dps=${r}&user=${i}`})))}var Ke=a(1495),Je=a(23),Ye=a(37),We=a(30);function Ze(e){var t;let{onChange:a,value:r,open:i,toggleOpen:o,data:s,error:u,filter:d,handlePagination:m,loading:p}=e;const[g,A]=Object(l.useState)([]);Object(l.useEffect)(()=>{const e=(null===r||void 0===r?void 0:r.length)>0?r.filter(Boolean):[];A(e)},[r]);const b=Object(l.useCallback)(()=>{if(a){var e;const t=(null===s||void 0===s||null===(e=s.nodes)||void 0===e?void 0:e.length)>0?s.nodes:[];let l=g.reduce((e,a)=>[...e,{...t.find(e=>e.id===a.id),isDefault:a.isDefault}],[]).filter(Boolean);null==l.find(e=>e.isDefault)&&(l=l.map((e,t)=>(e.isDefault=!1,t?e:{...e,isDefault:!0}))),o(),a(l)}},[a,g,o,s]),{limit:h,page:f}=d,v=Object(C.get)(s,"total",0),E={page:f,limit:h,offset:(f-1)*h,total:v,totalPage:Math.ceil(v/h),onChange:m};return Object(l.useEffect)(()=>{let e=document.querySelector("#templates-wrap"),t=document.querySelectorAll(".Polaris-Modal-Dialog__Modal");for(let a of t)Object(c.u)(a,e)&&a.setAttribute("style","max-width: calc(100% - 20rem); height: calc(100vh)")}),n.a.createElement(et,null,n.a.createElement("div",{className:"btn-select-template"},n.a.createElement(D.g,{icon:Ke.a,onClick:o,size:"large"})),n.a.createElement(D.E,{open:i,onClose:o,title:"Mockup Templates",sectioned:!0,large:!0,primaryAction:{content:"Select Template",onAction:b},secondaryActions:[{content:"Cancel",onAction:o}]},n.a.createElement(tt,{id:"templates-wrap"},n.a.createElement("div",{className:"media-items-wrap"},p?n.a.createElement(Je.SkeletonPagePolaris,null):u?n.a.createElement("div",null,"Error:",u.toString()):(null===s||void 0===s||null===(t=s.nodes)||void 0===t?void 0:t.length)>0?s.nodes.map((e,t)=>n.a.createElement(Xe,{key:"template-"+t,item:e,setSelected:A,selected:g})):n.a.createElement(We.EmptyStatePolaris,null)),n.a.createElement(Ye.PaginationPolaris,{aggregation:E,showTotal:!0,widthSmall:!0}))))}function Xe(e){let{item:t,setSelected:a,selected:r}=e;const i=null===t||void 0===t?void 0:t.id,[o,s]=Object(l.useState)(0),u=Object(l.useRef)(null),d=Object(l.useMemo)(()=>{const e=Object(c.C)(t.created_at);function a(e,t){return e.filter(Boolean).join(t)}const l=a([t.width,t.height],"x");return a([e,l]," - ")},[t]),m=Object(l.useMemo)(()=>{let e=null===t||void 0===t?void 0:t.file;return(null===e||void 0===e?void 0:e.thumbnail_url)?null===e||void 0===e?void 0:e.thumbnail_url:(null===e||void 0===e?void 0:e.url)?e.url:ze.a},[t]),p=Object(l.useCallback)(()=>{a(e=>{const a=e.findIndex(e=>e.id===i);return-1===a?e.push(t):e.splice(a,1),[...e]})},[i,t,a]);Object(l.useLayoutEffect)(()=>
7787{if(!u.current)return;const e=u.current.getBoundingClientRect();(null===e||void 0===e?void 0:e.width)&&s(Number(e.width))},[]);const g=(null===r||void 0===r?void 0:r.length)>0?r.map(e=>e.id):[];return n.a.createElement("div",{className:"item-wrap",onClick:p},n.a.createElement("div",{className:"img-wrap",ref:u},n.a.createElement("img",{src:m,alt:"",style:o?{height:o}:{}})),n.a.createElement("div",{className:"item-info"},n.a.createElement(D.db,{variation:"strong"},t.name),n.a.createElement("div",{className:"desc"},n.a.createElement(D.db,{variation:"subdued"},d))),g.includes(i)&&n.a.createElement("div",{className:"checkbox-wrap"},n.a.createElement(D.j,{checked:!0})))}const et=j.b.div``,tt=j.b.div` 7788 .item-wrap { 7789 position: relative; 7790 7791 .checkbox-wrap { 7792 position: absolute; 7793 top: 0; 7794 right: 0; 7795 7796 .Polaris-Choice { 7797 padding: 0; 7798 } 7799 7800 .Polaris-Choice__Control { 7801 margin-top: 0; 7802 margin-right: 0; 7803 width: 2rem; 7804 height: 2rem; 7805 } 7806 } 7807 7808 .item-info { 7809 margin-top: 1.5rem; 7810 display: flex; 7811 flex-direction: column; 7812 row-gap: 0.5rem; 7813 } 7814 7815 .action-wrap { 7816 display: flex; 7817 flex-direction: row-reverse; 7818 } 7819 7820 img { 7821 width: 100%; 7822 height: 100%; 7823 object-fit: cover; 7824 border-radius: var(--p-border-radius-wide, 3px); 7825 } 7826 } 7827 7828 .info-pagination strong { 7829 display: initial; 7830 } 7831 7832 .control-pagination { 7833 .Polaris-Button--primary { 7834 position: relative; 7835 background: #008060; 7836 border-width: 0; 7837 border-color: transparent; 7838 } 7839 } 7840`;function at(e){let{open:t,toggleOpen:a,id:r,handleDone:i,designPositions:o}=e;const{dpsProp:s,userInfoProp:c}=rt(o),[u,d]=Object(l.useState)(void 0),m=Object(l.useRef)(null),p=Object(l.useRef)(null),g=Object(l.useCallback)(e=>{const a=null===e||void 0===e?void 0:e.data,l="string"===typeof a?JSON.parse(a):null;if(null!=l){const{loading:e,msg:a}=l;d(e),"Completed"===a&&t&&(clearTimeout(p.current),p.current=setTimeout(()=>{i(!1)},500))}},[i,t]);Object(l.useEffect)(()=>(window.addEventListener("message",g),()=>window.removeEventListener("message",g,!1)),[g]);const A=Object(l.useCallback)(()=>{m.current&&m.current.contentWindow.postMessage("Submit","*")},[]);return Object(l.useEffect)(()=>{let e=document.querySelectorAll(".Polaris-Modal-Dialog__Modal");for(let t of e)t.setAttribute("style","max-width: calc(100% - 20rem); height: calc(100vh)"),t.classList.add("mockup-2d")}),n.a.createElement(D.E,{open:t,onClose:a,title:"Update Mockup Template",secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Done",onAction:A,loading:u}},n.a.createElement("iframe",{ref:m,id:"2d-mockup",title:"Mockup Template",style:{border:"none",width:"100%",height:"calc(100% - 1rem)"},src:`${$e.e}/mockup-templates/update/${r}?dps=${s}&user=${c}`}))}const lt=Object(l.forwardRef)((function(e,t){const{designPositions:a,onChange:r,mockupTemplates:i}=e,[o,s]=Object(l.useState)([]),[c,u]=Object(Ee.a)(!1),[d,m]=Object(l.useState)({nodes:[],total:0}),[p,g]=Object(l.useState)(null),[A,b]=Object(l.useState)({limit:1e3,page:1,search:""}),[h,f]=Object(l.useState)([]),v=Object(l.useRef)(!1),[E,{loading:y}]=function(e){let{url:t,method:a="post"}=e;const[n,r]=Object(l.useState)(null),i=Object(l.useMemo)(()=>He.a.CancelToken.source(),[]),o=Object(l.useCallback)(e=>{let{body:l,params:n={},headers:o,timeout:s}=e;return new Promise((e,c)=>{r(!0),He()({method:a,url:t,data:l,params:n,headers:{"Content-Type":"application/json",...o},cancelToken:i.token,timeout:s}).then(t=>{r(!1);const a=t.data;e({data:a.data,error:a.errors||a.error})}).catch(e=>{r(!1),c(e)})})},[t,a,i]);return Object(l.useEffect)(()=>()=>{i.cancel()},[i]),[o,{loading:n}]}({url:$e.d+"/template",method:"get"});Object(l.useEffect)(()=>{var e;if((null===d||void 0===d||null===(e=d.nodes)||void 0===e?void 0:e.length)>0&&(null===i||void 0===i?void 0:i.length)>0&&!v.current){const e=i.sort((e,t)=>
7840e.sorting-t.sorting).reduce((e,t)=>{const a=d.nodes.find(e=>e.id===t.originTemplateID);return[...e,null!=a?{...a,isDefault:t.isDefault,originId:null===a||void 0===a?void 0:a.id}:null].filter(Boolean)},[]).filter(Boolean);s(e),v.current=!0}},[i,d]),Object(l.useEffect)(()=>{!async function(){try{const{data:t,error:a}=await E({params:A});if(a)g(a);else if(null!=t){var e;const a=(null===(e=t.nodes)||void 0===e?void 0:e.length)>0?t.nodes:[];s(e=>e.map(e=>{let t=e;const l=a.find(t=>t.id===e.id);return null!=l&&(t={...t,...l}),t})),m(t)}}catch(t){g(t)}}()},[A,E]);const k=Object(l.useCallback)((e,t)=>{const a=e/t+1;b(e=>Object(C.isEqual)(e.limit,t)?Object(C.isEqual)(e.page,a)?e:{...e,page:a}:{...e,limit:t,page:1})},[]),O=Object(l.useCallback)((function(){let e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];u(e),b(e=>({...e}))}),[u]);return Object(l.useEffect)(()=>{const e=o.filter(Boolean);!Object(C.isEqual)(i,e)&&r&&r((null===e||void 0===e?void 0:e.length)>0?e:null)},[r,o]),n.a.createElement(it,null,n.a.createElement("div",{className:"templates-wrap"},(null===o||void 0===o?void 0:o.length)>0?o.map((e,t)=>n.a.createElement(nt,{key:"select-"+t,item:e,setSelected:s,handleDone:O,designPositions:a,defaultTemplate:h,setDefaultTemplate:f,selected:o})):null,n.a.createElement(Ze,{toggleOpen:u,open:c,onChange:s,value:o,data:d,error:p,filter:A,handlePagination:k,loading:y})),n.a.createElement("div",{className:"action-wrap"},n.a.createElement(Ge,{designPositions:a,handleDone:O})))}));function nt(e){let{item:t,setSelected:a,handleDone:r,designPositions:i}=e;const o=null===t||void 0===t?void 0:t.id,s=null===t||void 0===t?void 0:t.file,c=s?s.thumbnail_url?s.thumbnail_url:s.url?s.url:null:null,[u,d]=Object(l.useState)(!1),[m,p]=Object(Ee.a)(!1),g=Object(l.useCallback)(()=>d(!0),[]),A=Object(l.useCallback)(()=>d(!1),[]),b=Object(l.useCallback)(e=>{p(),r(e)},[r,p]),h=Object(l.useCallback)(e=>{e.stopPropagation(),a(e=>{const t=[...e],a=t.findIndex(e=>e.id===o);return-1!==a&&t.splice(a,1),[...t]})},[o,a]),f=Object(l.useCallback)(e=>{e.stopPropagation(),p(!0)},[p]),v=t.isDefault,E=Object(l.useCallback)(e=>{e.stopPropagation(),a(e=>e.map(e=>e.id===o?{...e,isDefault:!e.isDefault}:e))},[o,a]),y=u?"visible":"";return n.a.createElement(ot,null,n.a.createElement("div",{className:"default-template-wrap"},v&&n.a.createElement(D.j,{checked:!0})),n.a.createElement("div",{className:"box-image",onMouseOver:g,onMouseLeave:A,onClick:E},n.a.createElement("img",{src:c||ze.a,alt:""}),n.a.createElement("div",{className:"btn-remove "+y},n.a.createElement(D.g,{icon:Ue.a,plain:!0,onClick:f}),n.a.createElement(D.g,{icon:Le.a,plain:!0,onClick:h}))),n.a.createElement("span",{title:t.nam,onClick:E,className:"template-title"},t.name),n.a.createElement(at,{open:m,toggleOpen:p,id:o,handleDone:b,designPositions:i}))}function rt(e){const t=(null===e||void 0===e?void 0:e.length)>0?e.map(e=>e.name).filter(Boolean):[],a=JSON.stringify(t),l=Object(c.F)(a),n=Object(_e.b)(),r=JSON.stringify(n);return{dpsProp:l,userInfoProp:Object(c.F)(r)}}const it=j.b.div` 7841 .action-wrap { 7842 display: flex; 7843 flex-direction: row-reverse; 7844 } 7845 7846 .btn-select-template { 7847 .Polaris-Button { 7848 min-height: 12rem; 7849 min-width: 12rem; 7850 border-style: dashed; 7851 border-width: 0.2rem; 7852 } 7853 } 7854 7855 .templates-wrap { 7856 display: flex; 7857 flex-direction: row; 7858 flex-wrap: wrap; 7859 gap: 1.6rem; 7860 margin-bottom: 1rem; 7861 } 7862`,ot=j.b.div` 7863 position: relative; 7864 display: flex; 7865 flex-direction: column; 7866 row-gap: 0.5rem; 7867 width: 120px; 7868 7869 .default-template-wrap { 7870 position: absolute; 7871 top: 0; 7872 left: 0; 7873 display: inline-block; 7874 z-index: 10; 7875 7876 .Polaris-Choice { 7877 padding: 0; 7878 7879 .Polaris-Choice__Control { 7880 margin-top: 0; 7881 } 7882 } 7883 } 7884 7885 .box-image, 7886 .template-title { 7887 cursor: pointer; 7888 } 7889 7890 .box-image { 7891 position: relative; 7892 7893 img { 7894 width: 100%; 7895 height: 120px; 7896 object-fit: cover; 7897 border-radius: 3px; 7898 } 7899 7900 .btn-remove { 7901 position: absolute; 7902 top: 0; 7903 left: 0; 7904 bottom: 0; 7905 right: 0; 7906 padding-top: 1rem; 7907 padding-right: 1rem; 7908 display: flex; 7909 justify-content: flex-end; 7910 align-items: start; 7911 flex-direction: row; 7912 column-gap: 0.55rem; 7913 visibility: hidden; 7914 border-radius: 5px; 7915 7916 background: linear-gradient( 7917 180deg, 7918 rgba(33, 43, 54, 0.55), 7919 hsla(0, 0%, 100%, 0) 7920 ); 7921 7922 .Polaris-Icon { 7923 svg { 7924 fill: hsla(0, 0%, 100%, 0.8); 7925 } 7926 } 7927 7928 &.visible { 7929 visibility: visible; 7930 } 7931 } 7932 } 7933`;function st(e){let{loading:t,open:a,onClose:r,data:i,handleVariantsMissing:o,error:s}=e;const[u,d]=Object(l.useState)([]),[m,g]=Object(l.useState)([]),A=Object(l.useCallback)(()=>{o(m),r()},[m,o]),b=Object(l.useMemo)(()=>[{title:"Variants",key:"variants",dataIndeX:"variants",render:(e,t)=>n.a.createElement("span",null,t.attributes.map(e=>e.option).join("/")),width:150},{title:"Fulfillment product id",key:"fulfillment-product",render:(e,t,a)=>n.a.createElement(p.a,{disabled:!0,value:t.fulfillmentProductId}),width:200}],[]),h={selectedRowKeys:u,onChange:(e,t)=>
7933{d(e),g(t)}};return n.a.createElement(y.a,{title:"Variants Missing",visible:a,onCancel:r,onOk:A,okButtonProps:{disabled:!!s||0===(null===i||void 0===i?void 0:i.length)},width:"70%",style:{maxWidth:"850px"}},t?n.a.createElement(f.a,null):s?n.a.createElement("div",null,"Error: ",Object(c.ib)(s.toString())):n.a.createElement(M.a,{dataSource:i,rowKey:(e,t)=>t,pagination:!1,columns:b,rowSelection:h}))}class ct extends l.Component{constructor(){super(...arguments),this.state={prevValue:[]},this.nameToSlug=e=>(e=e.trim())?e.toLowerCase().replace(/[^\w ]+/g,"").replace(/ +/g,"-"):""}componentDidMount(){const{value:e,hasProduct:t}=this.props;t&&this.setState({prevValue:{...e}})}componentDidUpdate(e){const{value:t,hasProduct:a}=this.props;Object(C.isEqual)(t,e.value)||a&&this.setState({prevValue:{...t}})}render(){let{value:e,hasProduct:t}=this.props;return n.a.createElement("div",null,e&&e.map((a,l)=>n.a.createElement(u.a.Item,{key:l},n.a.createElement(g.a,{gutter:16},n.a.createElement(A.a,{span:5},n.a.createElement("div",{style:{minHeight:40}},n.a.createElement("label",null,"Options ",l+1)),n.a.createElement(p.a,{defaultValue:e[l].name,onBlur:t=>{e[l].name=t.target.value,e[l].slug=this.nameToSlug(t.target.value),this.props.onChange&&this.props.onChange(e)},onChange:e=>{this.props.disableSubmitButton(!1)},style:{borderColor:ut(e[l].name)?"#ff4d4f":"#c3ced9"}})),n.a.createElement(A.a,{span:5},n.a.createElement("div",{style:{minHeight:40}},n.a.createElement("label",null,"Slug")),n.a.createElement(p.a,{defaultValue:e[l].slug,value:e[l].slug,disabled:!0})),n.a.createElement(A.a,{span:14},n.a.createElement("div",{style:{display:"flex",justifyContent:"flex-end",minHeight:40}},n.a.createElement(v.a,{disabled:t,tabIndex:-1,onClick:()=>{e.splice(l,1),this.props.onChange&&this.props.onChange(e)},type:"link"},"Remove")),n.a.createElement(h.a,{allowClear:!1,value:e[l].options,onChange:a=>{if(t){const{prevValue:e}=this.state,{options:t}=e[l]||{};let n=!0;const r=(t||[]).join(""),o=a.join("");for(let a=0;a<r.length;a++)o[a]&&r[a]===o[a]||(n=!1);if(!n)return void i.a.warn({message:"Product base has product you can not remove exist options!"})}e[l].options=a,this.props.onChange&&this.props.onChange(e)},tokenSeparators:[","],mode:"tags"})),ut(e[l].name)&&n.a.createElement("p",{style:{color:"#ff4d4f",paddingLeft:8}},'You can\'t use option name "Type". Please enter other option name.')))),n.a.createElement(u.a.Item,null,n.a.createElement(v.a,{disabled:t,icon:n.a.createElement(d.a,{type:"plus"}),onClick:()=>{let t=[{name:"",options:[]}];e&&e.length>0&&(t=[...e,...t]),this.props.onChange(t)}},e&&e.length>0?"Add another option":"Add option")))}}function ut(e){if(!e)return!1;return/^type$/i.test(e)}var dt=ct,mt=a(403);const{TextArea:pt}=p.a,gt=e=>{let{index:t,visible:a,showModal:r,onChange:o}=e;const[s,c]=Object(l.useState)({fileId:null,name:null,description:null});return n.a.createElement(y.a,{key:t,visible:a,onOk:()=>{s.fileId?(o&&o(s),r()):i.a.error({message:"Please choose file"})},onCancel:r,width:"850px",title:"Add artwork guideline"},n.a.createElement("div",{className:"flex"},n.a.createElement("div",null,n.a.createElement("span",null,"File"),n.a.createElement(Ae.a,{width:"100",name:"Upload",value:[],onChange:e=>{e.length&&c(t=>({...t,fileId:e[e.length-1].id,name:e[e.length-1].name}))},accept:"image/*, application/postscript",singleUpload:!0,listType:"picture-card",multiple:!1})),n.a.createElement("div",{style:{width:"60%",marginLeft:"2rem"}},n.a.createElement("label",null,"Description"),n.a.createElement(pt,{rows:4,style:{marginTop:10},defaultValue:"",onChange:e=>{c({...s,description:e.target.value})}}))))},At=[{key:"top_left",value:"Top Left"},{key:"top_center",value:"Top Center"},{key:"top_right",value:"Top Right"},{key:"center_left",value:"Center Left"},{key:"center_center",value:"Center Center"},{key:"center_right",value:"Center Right"},{key:"bottom_left",value:"Bottom Left"},{key:"bottom_center",value:"Bottom Center"},{key:"bottom_right",value:"Bottom Right"}],bt=e=>{const{value:t,onChange:a}=e;return n.a.createElement(h.a,{value:t||null,onChange:e=>{a&&a(e)}},n.a.createElement(h.a.Option,{value:null},"Default"),At.map((e,t)=>n.a.createElement(h.a.Option,{key:t,value:e.key},e.value)))};class ht extends l.Component{constructor(e){super(e),this.keyFromAttributes=e=>{let t=[];if(e&&e.length)for(let a=0;a<e.length;a++)t.push(e[a].option);return t.join("/")},this.handleCloseQuick=()=>{this.setState({quickOpen:!1})},this.handleSelection=e=>{const{mapVariantsByKey:t}=this.state;if(!e||0===e.length)return;const a=[];for(let[l,n]of Object.entries(t))l&&e.some(e=>l.includes(e))&&a.push({id:n.id,attributes:n.attributes});this.props.onChange(a)},this.state={quickOpen:!1,showBtn:!1,quickOptions:[],mapVariantsByKey:{},value:this.props.value||[]},this.quickSelect=this.quickSelect.bind(this)}quickSelect(){const{variants:e}=this.props,t={};if(!e||0==e.length)return;const a=new Set;for(let l=0;l<e.length;l++){t[this.keyFromAttributes(e[l].attributes)]=e[l];const n=e[l].attributes||[];let r=n.find(e=>!!(null===e||void 0===e?void 0:e.slug.match(/colors?/gi)));if(r||(r=n[0]),!r||!r.option)return;a.add(r.option)}this.setState({showBtn:!0,quickOptions:Array.from(a),mapVariantsByKey:t})}componentDidMount(){document.addEventListener("keydown",e=>{e.altKey&&"\u2020"==e.key&&(this.quickSelect(),e.preventDefault())})}componentWillUnmount(){document.removeEventListener("keydown",(function(e){}),!1)}render(){const{value:e,variants:t}=this.props;let a=["*"],l=["*"],r={};if(e&&e.length){l=[];for(let t=0;t<e.length;t++)l.push(this.keyFromAttributes(e[t].attributes))}if(t&&t.length)for(let n=0;n<t.length;n++){const e=this.keyFromAttributes(t[n].attributes);a.push(e),r[e]=t[n]}const{quickOpen:i,quickOptions:o,showBtn:s}=this.state;return n.a.createElement("div",null,n.a.createElement(h.a,{onChange:e=>{if(0===e.length&&this.props.onChange([]),e&&1===e.length&&"*"===e[0])return void this.props.onChange([]);let t=[];for(let a=0;a<e.length;a++){if("*"===e[a])continue;const l=r[e[a]];if(!l)continue;let n={id:l.id,attributes:l.attributes};t.push(n)}this.props.onChange(t)}
7933,mode:"multiple",value:l,showSearch:!0,filterOption:(e,t)=>t.children.toLowerCase().includes(e.toLowerCase())},a.map((e,t)=>n.a.createElement(h.a.Option,{key:t,value:e},"*"===e?"All variants":e))),s?n.a.createElement(v.a,{onClick:()=>this.setState({quickOpen:!0}),style:{marginTop:16}},"Select group"):null,i?n.a.createElement(ft,{options:o,open:i,onClose:this.handleCloseQuick,onSelection:this.handleSelection}):null)}}function ft(e){let{options:t,open:a,onClose:l,onSelection:r}=e;const[i]=x.a.useForm(),o=(t||[]).map(e=>({value:e,label:e}));return n.a.createElement(y.a,{title:"Quick select",open:a,onCancel:l,onOk:()=>{const e=i.getFieldValue("attribute");r&&r(e),l&&l()}},n.a.createElement(x.a,{form:i},n.a.createElement(x.a.Item,{name:"attribute"},n.a.createElement(E.a.Group,{options:o}))))}var vt=ht;const Et=[{key:"fit",value:"Fit"},{key:"fill",value:"Fill"},{key:"file",value:"File"}],yt=e=>{const{value:t,onChange:a}=e;return n.a.createElement(h.a,{value:t||null,onChange:e=>{a&&a(e)}},n.a.createElement(h.a.Option,{value:null},"Default"),Et.map((e,t)=>n.a.createElement(h.a.Option,{key:t,value:e.key},e.value)))},Ct=e=>{let{index:t,moveRow:a,className:l,style:r,...i}=e;const o=n.a.useRef(),[{isOver:s,dropClassName:c},u]=Object(R.a)({accept:"DRAGABLE_DESIGN_POSITION",collect:e=>{const{index:a}=e.getItem()||{};return a===t?{}:{isOver:e.isOver(),dropClassName:a>t?" drop-over-downward":" drop-over-upwrad"}},drop:e=>{a&&a(e.index,t)}}),[,d]=Object(F.a)({item:{type:"DRAGABLE_DESIGN_POSITION",index:t},collect:e=>({isDragging:e.isDragging()})});return u(d(o)),n.a.createElement("tr",Object.assign({ref:o,className:`${l}${s?c:""}`,style:{cursor:"move",...r}},i))};class kt extends l.Component{constructor(){super(...arguments),this.state={visible:!1,artworkGuidelines:[],indexBtnClick:null,stateValue:this.props.value},this.components={body:{row:Ct}},this.showModal=()=>{this.setState(e=>({visible:!e.visible}))},this.btnClick=e=>{this.setState({indexBtnClick:e},()=>this.showModal())},this.moveRow=(e,t)=>{const{stateValue:a}=this.state;[a[e],a[t]]=[a[t],a[e]],this.setState({stateValue:a},this.onChangeImpl)},this.onChangeImpl=()=>{this.timer&&clearTimeout(this.timer);const{stateValue:e}=this.state,{onChange:t}=this.props;this.timer=setTimeout(()=>{t&&t(e)},this.timer?500:0)}}componentWillUnmount(){this.timer&&clearTimeout(this.timer)}componentDidUpdate(e,t){Object(C.isEqual)(t.stateValue,this.props.value)||this.setState({stateValue:[...this.props.value]})}render(){let{variants:e,isDreamship:t,isFFScalabelPress:a,scalablePressDT:l,openDPCollapse:r,hasFulfillment:i,isEdit:o}=this.props;const{stateValue:s}=this.state;let c=!1,u=!1,m=!1;a&&(["screenprint","dtg","poster"].includes(l)&&(c=!0),["screenprint","dtg"].includes(l)&&(u=!0),["poster"].includes(l)&&(m=!0));let g=oe.W,A=[];for(let[n,d]of Object.entries(g))A.push({key:n,value:d});s.length&&s.map((e,t)=>(s[t].artworkGuidelines&&s[t].artworkGuidelines.length&&(s[t].artworkGuidelines=s[t].artworkGuidelines.filter(e=>e.file||e.fileId),s[t].artworkGuidelines.map((e,a)=>(s[t].artworkGuidelines[a]&&s[t].artworkGuidelines[a].file&&(e.file&&e.file.name&&(s[t].artworkGuidelines[a].name=e.file.name),e.id&&e.file&&(s[t].artworkGuidelines[a].fileId=e.file.id)),e))),e));const b={width:"200px",overflow:"hidden",display:"inline-block",whiteSpace:"nowrap",textOverflow:"ellipsis"},f=[{title:"Placeholder",key:"placeholder",dataIndex:"placeholder",width:150,render:(e,t,a)=>{const l=Object(C.get)(s,`[${a}].image`,null);return n.a.createElement(Ae.a,{width:"100",name:"Upload",value:l&&l.url?[l]:[],onChange:e=>{e.length?s[a].image=e[0]:(s[a].image=null,s[a].imageUrl=null),this.setState({stateValue:s},this.onChangeImpl)},accept:"image/*",singleUpload:!0,listType:"picture-card",multiple:!1})}},{title:"Display Name",key:"displayName",dataIndex:"displayName",width:150,render:(e,t,a)=>n.a.createElement("div",{style:{width:150}},n.a.createElement("div",{style:{minHeight:40}}),n.a.createElement(p.a,{value:s[a].displayName,placeholder:"Enter display name",onChange:e=>{const{disableSubmitButton:t}=this.props;t&&t(!1),s[a].displayName=e.target.value,this.setState({stateValue:s},this.onChangeImpl)}}))},{title:"Position Name",key:"position",dataIndex:"position",width:150,render:(e,t,a)=>n.a.createElement("div",{style:{width:150}},n.a.createElement("div",{style:{minHeight:40}}),n.a.createElement(p.a,{value:s[a].name,onBlur:e=>{s[a].name=e.target.value,this.props.onChange,this.setState({stateValue:s},this.onChangeImpl)},onChange:e=>{const{disableSubmitButton:t}=this.props;t&&t(!1),s[a].name=e.target.value,this.setState({stateValue:s},this.onChangeImpl)},placeholder:"Master"}))},{title:"Target",key:"target",dataIndex:"target",width:600,render:(t,a,l)=>n.a.createElement("div",{style:{width:"100%"}},n.a.createElement("div",{style:{minHeight:40}}),n.a.createElement(vt,{onChange:e=>{s[l].productBaseVariants=e,this.setState({stateValue:s},this.onChangeImpl)},value:s&&s[l].productBaseVariants||[],variants:e}))},...t?[{title:"Position",key:"position",dataIndex:"position",width:150,render:(e,t,a)=>n.a.createElement("div",null,n.a.createElement("div",{style:{minHeight:40}}),n.a.createElement(bt,{value:s?s[a].position:null,onChange:e=>{s[a].position=e,s[a].resize="fit",this.setState({stateValue:s},this.onChangeImpl)}}))},{title:"Resize",key:"resize",dataIndex:"resize",width:120,render:(e,t,a)=>n.a.createElement("div",null,n.a.createElement("div",{style:{minHeight:40}}),n.a.createElement(yt,{value:s?s[a].resize:null,onChange:e=>{s[a].resize=e,this.setState({stateValue:s},this.onChangeImpl)}}))}]:[],...a?[...c?[{title:"Dimensions",key:"dimensions",dataIndex:"dimensions",width:150,render:(e,t,a)=>n.a.createElement("div",null,n.a.createElement("div",{style:{minHeight:20}}),n.a.createElement("div",{className:"dimensions_wrap"},n.a.createElement("div",{className:"width_wrap"},n.a.createElement("label",null,"width"),m?n.a.createElement(h.a,{options:[{label:"17",value:17},{label:"24",value:24}],onChange:e=>{s[a].width=e,s[a].height=0,this.setState({stateValue:s},this.onChangeImpl)},value:s[a].width}):n.a.createElement(P.a,{min:0,value:s[a].width,onChange:e=>{s[a].width=e,s[a].height=0,this.setState({stateValue:s},this.onChangeImpl)}})),n.a.createElement("div",{className:"height_wrap"},n.a.createElement("label",null,"height"),m?n.a.createElement(h.a,{options:[{label:"17",value:17},{label:"24",value:24}],onChange:e=>{s[a].height=e,s[a].width=0,this.setState({stateValue:s},this.onChangeImpl)},value:s[a].height}):n.a.createElement(P.a,{min:0,value:s[a].height,onChange:e=>{s[a].height=e,s[a].width=0,this.setState({stateValue:s},this.onChangeImpl)}}))))}]:[],...u?[{title:"Position",key:"position",dataIndex:"position",width:150,render:(e,t,a)=>n.a.createElement("div",null,n.a.createElement("div",{style:{minHeight:20}}),n.a.createElement("div",{className:"positions_wrap"},n.a.createElement("div",{className:"horizontal_wrap"},n.a.createElement("label",null,"horizontal"),n.a.createElement(h.a,{defaultValue:s[a].horizontal,onChange:e=>{s[a].horizontal=e,this.setState({stateValue:s},this.onChangeImpl)}},A&&A.length>0?A.map((e,t)=>n.a.createElement(h.a.Option,{value:e.key,key:t},e.value)):null)),n.a.createElement("div",{className:"offset_wrap"},n.a.createElement("div",{className:"top_wrap"},n.a.createElement("label",null,"offset top"),n.a.createElement(P.a,{value:s[a].top,onChange:e=>{s[a].top=e,s[a].bottom=0,this.setState({stateValue:s},this.onChangeImpl)},min:0})),n.a.createElement("div",{className:"bottom_wrap"},n.a.createElement("label",null,"offset bottom"),n.a.createElement(P.a,{value:s[a].bottom,onChange:e=>{s[a].bottom=e,s[a].top=0,this.setState({stateValue:s},this.onChangeImpl)},min:0})))))}]:[]]:[],{title:"Description",key:"description",dataIndex:"description",width:350,render:(e,t,a)=>n.a.createElement("div",{style:{width:350}},n.a.createElement("div",{style:{minHeight:40,display:"flex",justifyContent:"flex-end"}},n.a.createElement(v.a,{tabIndex:-1,onClick:()=>{s.splice(a,1);const e=s.filter((e,t)=>
7933t!==a.id);this.setState({stateValue:e},this.onChangeImpl)},type:"link",disabled:o},"Remove")),n.a.createElement(p.a,{value:s[a].description,onBlur:e=>{s[a].description=e.target.value,this.setState({stateValue:s},this.onChangeImpl)},onChange:e=>{const{disableSubmitButton:t,onChange:l}=this.props;t&&t(!1),s[a].description=e.target.value,this.setState({stateValue:s},this.onChangeImpl)},placeholder:"5000x5500px|JPG|1500PI"}))},i&&{title:"Extra Fee",key:"extraFee",dataIndex:"extraFee",width:150,render:(e,t,a)=>n.a.createElement("div",null,n.a.createElement("div",{style:{minHeight:30}}),n.a.createElement(p.a,{type:"number",value:s?s[a].extraFee:"",min:0,step:.01,onChange:e=>{const{value:t}=e.target;s[a].extraFee=t,this.setState({stateValue:s},this.onChangeImpl)}}))}].filter(Boolean),E=Object(C.sum)(f.map(e=>e.width));return n.a.createElement(Ot,null,n.a.createElement(D.l,{id:"collapsible-design-postions",open:r,transition:{duration:"150ms",timingFunction:"ease"}},n.a.createElement(N.a,{backend:U.a},n.a.createElement(M.a,{pagination:!1,dataSource:[...s],components:this.components,onRow:(e,t)=>({index:t,moveRow:this.moveRow}),columns:f,rowKey:(e,t)=>t,scroll:{x:E},expandable:{expandedRowRender:(e,t)=>{let a=s[t].artworkGuidelines;return a&&a.map(e=>(e.file&&e.file.name&&(e.name=e.file.name),e.file&&e.file.id&&(e.fileId=e.file.id),e)),n.a.createElement(n.a.Fragment,null,n.a.createElement("table",null,n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",
7933null,"File"),n.a.createElement("th",null,"Description"),n.a.createElement("th",{style:{textAlign:"right"}},"Action"))),n.a.createElement("tbody",null,a&&a.length?a.map((e,l)=>n.a.createElement("tr",{key:l},n.a.createElement("td",{style:b},n.a.createElement("span",{className:"mb-2"},e.name?e.name:"")),n.a.createElement("td",null,n.a.createElement("span",{className:"mb-2"},e.description?e.description:"")),n.a.createElement("td",{style:{textAlign:"right"}},e&&e.name&&n.a.createElement(mt.a,{onClick:()=>{a=a.filter(t=>t.fileId!==e.fileId),a.length?s[t].artworkGuidelines=a:delete s[t].artworkGuidelines,this.setState({stateValue:[...s]},this.onChangeImpl)}})))):n.a.createElement("tr",null),n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(v.a,{className:"mt-8",onClick:()=>this.btnClick(t)},"Add artwork guideline")),n.a.createElement("td",null),n.a.createElement("td",null)))),n.a.createElement(gt,{index:t,visible:this.state.visible&&t===this.state.indexBtnClick,showModal:this.showModal,onChange:e=>{let{indexBtnClick:t}=this.state,a=s.map((a,l)=>{if(l===t){let t=[e];return a.artworkGuidelines&&a.artworkGuidelines.length&&(t=[e,...a.artworkGuidelines]),{...a,artworkGuidelines:t}}return a});this.setState({stateValue:[...a]},this.onChangeImpl)}}))}}})),n.a.createElement(v.a,{icon:n.a.createElement(d.a,{type:"plus"}),onClick:()=>{const{stateValue:e}=this.state;this.setState({stateValue:[...e,{image:null,imageUrl:null,name:"",displayName:"",description:""}]},this.onChangeImpl)},style:{marginTop:"10px"}},s.length?"Add another design position":"Add design position")))}}const Ot=j.b.div` 7934 .dimensions_wrap { 7935 width: 200px; 7936 display: flex; 7937 flex-direction: row; 7938 justify-content: start; 7939 column-gap: 2rem; 7940 .width_wrap, 7941 .height_wrap { 7942 display: flex; 7943 flex-direction: column; 7944 } 7945 } 7946 .positions_wrap { 7947 display: flex; 7948 flex-direction: row; 7949 column-gap: 2rem; 7950 align-items: flex-end; 7951 .offset_wrap { 7952 width: 200px; 7953 display: flex; 7954 flex-direction: row; 7955 column-gap: 1.5rem; 7956 .offset_inner { 7957 display: flex; 7958 flex-direction: row; 7959 justify-content: start; 7960 column-gap: 2rem; 7961 } 7962 } 7963 } 7964`;var jt=kt,wt=a(146),St=a(271),It=a(1591);const Bt=n.a.createContext({});function Dt(e){let{children:t,...a}=e;return n.a.createElement(Bt.Provider,{value:a},t)}function Pt(){return n.a.useContext(Bt)}const{Text:xt}=It.a,Mt=o.a` 7965 query fulfillmentProductById($filter: FulfillmentProductByIDFilter!) { 7966 fulfillmentProductById(filter: $filter) { 7967 total 7968 nodes { 7969 id 7970 title 7971 originId 7972 status 7973 description 7974 attributes { 7975 name 7976 slug 7977 options 7978 } 7979 variants { 7980 regularPrice 7981 salePrice 7982 sellerPrice 7983 fulfillmentProductId 7984 sorting 7985 attributes { 7986 name 7987 slug 7988 option 7989 } 7990 } 7991 fulfillmentSkus 7992 printAreas 7993 type 7994 } 7995 } 7996 } 7997`;class Tt extends l.Component{constructor(){var e;super(...arguments),this.state={loading:!1,products:[],filter:{limit:20,offset:0,id:this.props.value&&this.props.value.id,status:(null===(e=this.context)||void 0===e?void 0:e.currentUser)&&!Object(c.j)(this.context.currentUser).isSeller?!this.props.productId||null:void 0,type:this.props.printer?this.props.printer:void 0}},this.handleSearch=k.a.debounce((e,t,a)=>{const{filter:l}=this.state;this.setState({loading:!0}),t.query({query:Mt,variables:{filter:{...l,search:e,status:a}}}).then(e=>{this.setState({products:e&&e.data&&e.data.fulfillmentProductById&&e.data.fulfillmentProductById.nodes||[],loading:!1})}).catch(e=>{this.setState({loading:!1})})},300)}componentDidUpdate(){const{value:e,productId:t,printer:a}=this.props,{currentUser:l}=this.context||{},{isSeller:n}=Object(c.j)(l);this.setState(l=>({...l,filter:{...l.filter,id:e&&e.id,search:t,status:n?void 0:!t||null,type:a||void 0}}))}shouldComponentUpdate(e,t){return!k.a.isEqual(e,this.props)||!k.a.isEqual(t,this.state)}render(){const{value:e,productId:t,onChange:a,disabled:l=!1,loadingFFProduct:r,getOriginId:i}=this.props,{currentUser:o}=this.context||{},{isSeller:u}=Object(c.j)(o);return n.a.createElement(s.b,{query:Mt,variables:{filter:this.state.filter},onCompleted:e=>{const t=e&&e.fulfillmentProductById.nodes;this.setState({products:t||[]}),t&&t[0]&&(this.fulfillment=t[0],i&&i(t[0],k.a.get(t,"[0].originId")))}},i=>{let{loading:o,client:s,error:c}=i;
7997if(o||r)return n.a.createElement(f.a,null);if(c)return c.toString();const d=this.state.products;return n.a.createElement("div",null,n.a.createElement(h.a,{showSearch:!0,optionFilterProp:"children",onSelect:(e,t)=>{t.data.isChange=!0,a(t.data,"")},onFocus:e=>{this.handleSearch(null,s,!u||void 0)},defaultValue:t,onSearch:e=>this.handleSearch(e,s,null),suffixIcon:this.state.loading?n.a.createElement(wt.a,null):n.a.createElement(St.a,null),filterOption:!1,disabled:l},d.map(e=>n.a.createElement(h.a.Option,{key:e.originId,value:e.id,data:e},n.a.createElement(Qt,{option:e})))),e&&"customcat"===e.name.toLowerCase()&&n.a.createElement("div",null,n.a.createElement("label",{style:{color:"rgba(0, 0, 0, 0.85)",padding:"0"}},"Design Placement Presets"),n.a.createElement(xt,{type:"secondary",style:{display:"block",lineHeight:"1.5",marginBottom:"8px",marginTop:"-5px"}},"Read more about"," ",n.a.createElement("a",{href:"https://customcat-beta.mylocker.net/api/v1/#order-designs",target:"_blank"},"Design Placement Presets")),n.a.createElement(h.a,{value:e.presetId?e.presetId:"",onSelect:e=>{a(this.fulfillment,e)}},n.a.createElement(h.a.Option,{value:""},"Default"),n.a.createElement(h.a.OptGroup,{label:"DTG Products"},n.a.createElement(h.a.Option,{value:"1"},"Left Chest Placement"),n.a.createElement(h.a.Option,{value:"2"},"Full Front Placement")),n.a.createElement(h.a.OptGroup,{label:"Sublimation Products"},n.a.createElement(h.a.Option,{value:"4"},"Dye Sub Default Placement")))))})}}function Qt(e){let{option:t}=e;const{isBurgerPrints:a,isMangoTeePrints:l}=Pt()||{};let n=[null===t||void 0===t?void 0:t.title];return a&&n.push(null===t||void 0===t?void 0:t.originId),l&&n.push(null===t||void 0===t?void 0:t.type),n.filter(Boolean).join(" - ")}Tt.contextType=te.a;var Rt=a(361);const Ft=Rt.a.map(e=>({value:e,label:e})),Nt=Rt.b.map(e=>({value:e,label:e})),Ut=Rt.d.map(e=>({value:e,label:e})),Lt=[{value:"",label:"Default"},{value:"v3",label:"Version 3"}];function Vt(e){let{children:t,printer:a,madeInLocation:l,isEdit:r,onChangeMadeInLocation:i}=e;const{isMangoTeePrints:o,isPrintway:s,isGearment:u,isSnapEcom:d}=Pt(),[m,p]=n.a.useReducer(c.Hb,{printer:u?"v3":a||Rt.a[0],madeInLocation:""}),g=n.a.useCallback(e=>{const{value:t,name:a}=null===e||void 0===e?void 0:e.target;p({[a]:t}),(s||d)&&"madeInLocation"===a&&i&&i(t)},[s,d,i]);return n.a.useEffect(()=>{a&&p({printer:a})},[a]),n.a.useEffect(()=>{l&&p({madeInLocation:l})},[l]),n.a.useEffect(()=>{p({printer:u?"v3":o?a||Rt.a[0]:""})},[o,u]),o||s||u||d?n.a.createElement(zt,null,o?n.a.createElement("div",{className:"printer-wrap"},n.a.createElement("label",{htmlFor:"printer"},"Printers"),n.a.createElement(z.a.Group,{disabled:!!r,id:"printer",name:"printer",value:m.printer,defaultValue:m.printer,onChange:g,options:Ft})):null,u&&!r?n.a.createElement("div",{className:"printer-wrap"},n.a.createElement("label",{htmlFor:"printer"},"API Version"),n.a.createElement(z.a.Group,{disabled:!!r,id:"printer",name:"printer",value:m.printer,defaultValue:m.printer,onChange:g,options:Lt})):null,t(m),s?n.a.createElement("div",{className:"made-in-location-wrap"},n.a.createElement("label",{htmlFor:"madeInLocation"},"Made in Location"),n.a.createElement(z.a.Group,{id:"madeInLocation",name:"madeInLocation",value:m.madeInLocation,defaultValue:m.madeInLocation,onChange:g,options:Nt})):null,d?n.a.createElement("div",{className:"made-in-location-wrap"},n.a.createElement("label",{htmlFor:"madeInLocation"},"Shipping From"),n.a.createElement(z.a.Group,{id:"madeInLocation",name:"madeInLocation",value:m.madeInLocation,defaultValue:m.madeInLocation,onChange:g,options:Ut})):null):t()}const zt=j.b.div` 7998 .printer-wrap, 7999 .made-in-location-wrap { 8000 display: flex; 8001 flex-direction: column; 8002 margin-top: 1rem; 8003 } 8004`;class qt extends l.Component{constructor(){super(...arguments),this.state={fulfillment:null},this.onChange=(e,t,a,l)=>{let{value:n}=this.props;if(this.props.onChange){if("fulfillmentId"===e&&!t)return n=null,void this.props.onChange({...n});n||(n={}),n[e]=t,n.data=a,n.presetId=n.presetId?n.presetId:"",n.printer=n.printer?n.printer:"",n.madeInLocation=n.madeInLocation?n.madeInLocation:"",n.fulfillmentInfo=l,this.props.onChange({...n})}},this.onChangePreset=e=>{const{value:t,onChange:a}=this.props;t.presetId=e,a({...t})},this.onChangePrinter=e=>{const{value:t,onChange:a}=this.props;t.printer=e,a({...t})},this.onChangeMadeInLocation=e=>{const{value:t,onChange:a}=this.props;t.madeInLocation=e}}shouldComponentUpdate(e,t){return!k.a.isEqual(e,this.props)||!k.a.isEqual(t,this.state)}handleFilter(e,t){const a=k.a.get(t,"data.name")||"",l=k.a.get(t,"data.slug")||"",n=k.a.get(t,"children")||"",r=new RegExp(e,"gi");return[n,a,l].some(e=>!!e.match(r))}render(){var e;let{fulfillments:t,value:a,isPrintify:l,loadingFFProduct:r,getOriginId:i,isEdit:o}=this.props;const{currentUser:s}=this.context,{isSeller:d}=Object(c.j)(s);let m;if(a&&(m=t.find(e=>e.id===a.fulfillmentId)),d&&t.length>0){const e=t.findIndex(e=>{let{slug:t}=e;return t===w.f});[t[e],t[0]]=[t[0],t[e]]}const{isCustom:p,isBurgerPrints:g}=Object(ye.c)(t,null===(e=m)||void 0===e?void 0:e.id);return n.a.createElement("div",null,n.a.createElement(u.a.Item,null,n.a.createElement(h.a,{onSelect:(e,t)=>
8004{this.onChange("fulfillmentId",e,null,t)},value:a&&a.fulfillmentId?a.fulfillmentId:null,disabled:!!a&&l||o,showSearch:!0,filterOption:this.handleFilter},!d&&n.a.createElement(h.a.Option,{value:null},"MerchBridge"),t.map((e,t)=>n.a.createElement(h.a.Option,{key:t,value:e.id,data:e},e.name)))),n.a.createElement(Vt,{printer:null===a||void 0===a?void 0:a.printer,madeInLocation:null===a||void 0===a?void 0:a.madeInLocation,isEdit:o,onChangeMadeInLocation:this.onChangeMadeInLocation},e=>{const t=null===e||void 0===e?void 0:e.printer;return a&&m&&!p?n.a.createElement(u.a.Item,{label:"Fulfillment Product ID/Name",labelCol:{span:24}},n.a.createElement(Tt,{loadingFFProduct:r,productId:a&&a.productId,value:{...m,presetId:a.presetId},disabled:!!a&&l||o,getOriginId:i,isBurgerPrints:g,printer:t,onChange:(e,l)=>{this.onChange("productId",e.id,e,m),this.setState({fulfillment:{...e}}),this.onChangePreset(l),t&&this.onChangePrinter(t),a.presetId=l}})):null}))}}qt.contextType=te.a;var Ht=qt;class $t extends l.Component{render(){const{suppliers:e}=this.props;let{value:t}=this.props,a={};for(let l=0;l<e.length;l++)a[e[l].id]=e[l];return n.a.createElement("div",null,t.map((e,l)=>{const r=a[e.userId];return r?n.a.createElement(u.a.Item,{key:l,label:`${r.firstName} ${r.lastName}`},n.a.createElement(V,{min:0,value:e.price?e.price:0,onChange:e=>{t[l].price=e,this.props.onChange&&this.props.onChange(t)}})):null}))}}var _t=$t;function Gt(e){let{onChange:t}=e;const[a,l]=n.a.useState(!1);return n.a.createElement("span",{style:{marginLeft:"1rem"}},n.a.createElement(v.a,{children:"Update Warehouse",onClick:l}),n.a.createElement(y.a,{title:"Update Warehouse for Variants",open:a,onCancel:()=>l(!1),footer:null},n.a.createElement("input",{type:"file",onChange:async e=>{try{const a=await async function(e){const{target:t}=e||{},{files:a}=t||{};return Object(c.Gb)(a)?"":await new Promise((e,t)=>{const l=a[0],n=new FileReader;n.onload=a=>{const l=a.target.result;if(l&&"string"===typeof l&&l.length>0){const t=JSON.parse(l);e(t)}t("could not read file")},n.readAsText(l)})}(e);t&&t(a),l(!1)}catch(a){console.error(a)}}})))}var Kt=a(92),Jt=a(16);const Yt={open:!1,title:"",originID:"",description:""};var Wt=function(e){let{fulfillmentId:t,onChange:a}=e;const[l,r]=n.a.useReducer(c.Hb,Yt),[o]=x.a.useForm(),[s,{loading:u}]=Object(De.c)(Jt.ab,{onCompleted:e=>{d(!1)(),(null===e||void 0===e?void 0:e.createFulfillmentProduct)&&a&&a(e.createFulfillmentProduct),i.a.success({message:"Create fulfillment product success"}),r({...Yt})},onError:e=>{i.a.error({message:Object(c.ib)((null===e||void 0===e?void 0:e.toString())||"")})}}),d=n.a.useCallback(e=>()=>{r({open:e})},[]),m=n.a.useCallback(e=>{t&&s({variables:{input:{...e,fulfillmentID:t}}})},[t,s]);return n.a.createElement("div",{style:{marginTop:"1rem"}},n.a.createElement(v.a,{onClick:d(!0)},"Create Fulfillment Product"),n.a.createElement(y.a,{title:"Create Fulfillment Product",open:!!l.open,onCancel:d(!1),footer:!1},n.a.createElement(x.a,{labelCol:{span:24},wrapperCol:{span:24},form:o,initialValues:{title:"",originID:"",description:""},onFinish:m},n.a.createElement(x.a.Item,{name:"title",label:"Title",rules:[{required:!0,message:"Title is required"}]},n.a.createElement(p.a,{placeholder:"Enter fulfillment product title"})),n.a.createElement(x.a.Item,{name:"originID",label:"Origin ID",rules:[{required:!0,message:"Origin ID is required"}]},n.a.createElement(p.a,{placeholder:"Enter fulfillment product orirign id"})),n.a.createElement(x.a.Item,{name:"description",label:"Description"},n.a.createElement(p.a.TextArea,{placeholder:"Enter fulfillment product description"})),n.a.createElement(x.a.Item,{noStyle:!0},n.a.createElement(v.a,{htmlType:"submit",type:"primary",loading:u},"Create")))))};const Zt=o.a` 8005 mutation createShippingOption($input: CreateShippingOptionInput!) { 8006 createShippingOption(input: $input) { 8007 id 8008 name 8009 } 8010 } 8011`;function Xt(e){let{value:t,onChange:a}=e;const[r,o]=Object(l.useReducer)(c.Hb,{options:[],selectedOptions:[],selected:t&&Array.isArray(t)?t:[],matchValue:{},search:"",loading:!1}),{data:s,refetch:u}=Object(De.d)(I.ib);n.a.useEffect(()=>{o({selected:t&&Array.isArray(t)?t:[]})},[t]),Object(l.useEffect)(()=>{const e=(null===s||void 0===s?void 0:s.shippingOptions)||[],t={},a=[];for(let l of e)l&&l.id&&(t[l.id]=l,a.push({value:l.id,label:l.name}));o({matchValue:t,options:a,selectedOptions:a})},[s]);const d=Object(l.useCallback)(e=>{const t={search:e};if(e){let a=[];(function(e,t){if(!e)return!1;let a=t.find(t=>{let{label:a}=t;return a.toLowerCase()===e.toLowerCase()});return!t||!a})(e,r.options)&&(a=[{value:"add-new",label:e}]);const l=new RegExp(e,"i"),n=r.options.filter(e=>{let{label:t}=e;return t.match(l)});t.selectedOptions=[...a,...n]}else t.selectedOptions=r.options;o(t)},[r.options]);return r.loading?n.a.createElement(f.a,null):n.a.createElement(h.a,{showSearch:!0,filterOption:!1,value:r.selected,onSearch:d,mode:"multiple",onSelect:e=>{e.includes("add-new")&&(async()=>{const{__apolloClient__:e}=window,{search:t}=r;if(t&&"string"===typeof t){o({loading:!0});try{const{data:l}=await e.mutate({mutation:Zt,variables:{input:{name:t.toString()}}}),n=null===l||void 0===l?void 0:l.createShippingOption;if(n){const e={value:n.id,label:n.name},t=[...r.options,e].filter(e=>"add-new"!==e.value),l=[...r.options,e],i=[...r.selected,n.id].filter(e=>"add-new"!==e.value);o({selectedOptions:t,options:l,selected:i,search:""});const s=l.filter(e=>(null===e||void 0===e?void 0:e.value)&&i.includes(null===e||void 0===e?void 0:e.value));await Object(c.Ob)(500),u&&u(),a&&a(i,s)}i.a.success({message:"Add shipping option success."})}catch(l){i.a.error({message:Object(c.ib)(l.toString())})}finally{o({loading:!1})}}})()},onChange:(e,t)=>
8011{a&&a(e,t)}},r.selectedOptions.map(e=>n.a.createElement(h.a.Option,{key:e.value,value:e.value,className:"ddd"},"add-new"===e.value?"Add: "+e.label:e.label)))}const ea=j.b.div` 8012 .ant-legacy-form-item { 8013 margin-bottom: 0; 8014 margin-top: 10px; 8015 } 8016`;let ta=!1;const aa=/color(s)*/gi,la="SameItem";class na extends l.Component{constructor(e){super(e),this.disableSubmitButton=e=>{e||(ta=!0),this.submitButtonRef.current.disabled=e},this.generateVariants=e=>{if(0===e.length)return[];let t=[[]];return e.forEach(e=>{let a=[];t.forEach(t=>{e.options.forEach(l=>{a.push(t.concat([{name:e.name,slug:e.slug,option:l}]))})}),t=a}),t},this.getCombineVariants=(e,t)=>{if(!e.length)return[];let a=[];const l=e.length;let n=[];for(let i=0;i<l;i++)n[i]=0;for(;;){let t=[],r=[];for(let a=0;a<l;a++){const l=e[a].options[n[a]];t.push(l),r.push({name:e[a].name,slug:e[a].slug,option:l})}a.push({__slug:t.join("-"),attributes:r,regularPrice:null,salePrice:null,sellerPrice:null,fulfillmentProductId:null});let i=l-1;for(;i>=0&&n[i]+1>=e[i].options.length;)i--;if(i<0)break;n[i]++;for(let e=i+1;e<l;e++)n[e]=0}let r={};t||(t=[]);for(let i=0;i<t.length;i++){const e=t[i];if(e.__slug)r[e.__slug]=e;else{let t=[];for(let a=0;a<e.attributes.length;a++){const l=e.attributes[a];t.push(l.option)}r[t.join("-")]=e}}for(let i=0;i<a.length;i++){const e=a[i],t=r[e.__slug];t&&(a[i]={...t,attributes:e.attributes}),"undefined"!==typeof a[i].__slug&&delete a[i].__slug}return a},this.handleUpdateVariantSupplierPricing=(e,t)=>t=t.map(t=>{if(e&&0===e.length)t.supplierPricing=[];else{t.supplierPricing||(t.supplierPricing=[]),t.supplierPricing=t.supplierPricing.filter(t=>e.includes(t.userId));for(let a=0;a<e.length;a++)t.supplierPricing.find(t=>t.userId===e[a])||t.supplierPricing.push({userId:e[a],price:null})}return t}),this.handleShowBtnSave=()=>{},this.getProductInfoPrintify=async e=>{const{__apolloClient__:t}=window;if(e&&t){this.setState({loadingProductProviders:!0});try{var a;const{data:l}=await t.query({query:I.Z,variables:{productID:e}});if(0===(null===l||void 0===l||null===(a=l.getPrintifyProductPrintProviders)||void 0===a?void 0:a.length))return void i.a.error({message:"Product print providers counld'nt found."});const n=l.getPrintifyProductPrintProviders.map(e=>{let{id:t,title:a}=e;return{id:t,title:a}});this.setState({productProviders:n,productPrintID:e})}catch(l){i.a.error({message:null===l||void 0===l?void 0:l.toString()})}finally{this.setState({loadingProductProviders:!1})}}},this.getProductVariantsIntoPrintify=async(e,t)=>{const{productPrintID:a}=this.state;try{const l=await Object(ye.l)(a,e);if(0===l.length)return void i.a.error({message:"Product variants print providers counld'nt found."});const{variants:n,attributes:r}=ra(l),o=ia(l,n),s=this.props.form.getFieldValue("fulfillment");(null===s||void 0===s?void 0:s.data)&&(s.data.variants=n,s.data.attributes=r),this.props.form.setFieldsValue({variants:n,designPositions:o,attributes:r,fulfillment:s});const{children:c}=t;this.setState({printifyPrintProviderName:null===c||void 0===c?void 0:c.trim()})}catch(l){i.a.error({message:null===l||void 0===l?void 0:l.toString()})}},this.handleChangeFulfillment=(e,t)=>{const{fulfillments:a}=this.props,l=Object(C.get)(e,"fulfillmentId"),n=Object(ye.c)(a,l),{isDreamship:r,isScalablepress:i}=n;let o=[ye.b];r?o=Object(ye.t)(e):i&&(o=Object(ye.u)(t)),this.props.form.setFieldsValue({designPositions:o})},this.toggleOpen=()=>{this.setState(e=>{let{openDPCollapse:t}=e;return{openDPCollapse:!t}})},this.fetchVariantsMissingForPrintify=async()=>{const{value:e,form:t}=this.props,{printifyPrintProviderID:a,printifyBlueprintID:l}=e||{};try{const e=await Object(ye.l)(l,a),n=Object(ye.p)(e,t.getFieldValue("variants")),{variants:r}=ra(n);this.setState({variantsMissing:r,tmpVariants:n})}catch(n){i.a.error({message:Object(c.ib)(n.toString())})}},this.fetchVariantsMissingForDreamship=async()=>{const{value:e,form:t}=this.props,a=Object(C.get)(e,"id",null);if(null!=a)try{const e=await Object(ye.k)(a),l=Object(ye.p)(e,t.getFieldValue("variants")),n=(l||[]).reduce((e,t)=>{const{attributes:a}=t,l=(a||[]).map(e=>{let{slug:t,option:a}=e;return`${t}_${a}`}).join("_");return e[l]=(e[l]||0)+1,e},{});if(Object.values(n).some(e=>e>1))return void this.setState({tmpError:"The current Dreamship product catalog differs from the current product base in terms of attributes."});const{variants:r}=Object(ye.s)(l);this.setState({variantsMissing:r,tmpVariants:l})}catch(l){}},this.fetchVariantsMissingForCustomcat=async()=>{const{value:e,form:t}=this.props,a=Object(C.get)(e,"id",null);if(null!=a)try{const e=await Object(ye.j)(a),l=Object(ye.p)(e,t.getFieldValue("variants")),n=(l||[]).reduce((e,t)=>
8016{const{attributes:a}=t,l=(a||[]).map(e=>{let{slug:t,option:a}=e;return`${t}_${a}`}).join("_");return e[l]=(e[l]||0)+1,e},{});if(Object.values(n).some(e=>e>1))return void this.setState({tmpError:"The current Customcat product catalog differs from the current product base in terms of attributes."});const{variants:r}=Object(ye.r)(l);this.setState({variantsMissing:r,tmpVariants:l})}catch(l){}},this.fetchVariantsMissingForMerchize=async()=>{const{merchizeSku:e,fulfillmentSkus:t}=this.state;if(e&&t)try{const{form:a}=this.props,l=(await Object(ye.g)(e)||{}).variants||[],n=Object(ye.q)(l,a.getFieldValue("variants"),t);this.setState({variantsMissing:n,tmpVariants:n})}catch(a){}},this.fetchVariantsMissingForPrintway=async()=>{const{form:e}=this.props,{originId:t}=this.state;if(!t)return;const a=await Object(ye.d)(t)||{};if(!a||Object(c.c)(a.variants))return;let l=Object(ye.p)(a.variants.map(e=>({...e,id:e.fulfillmentProductId})),e.getFieldValue("variants"),!1);l=l.map(e=>{let{id:t,...a}=e;return a}),this.setState({variantsMissing:l,tmpVariants:l,printwayDataSku:null===a||void 0===a?void 0:a.dataSku})},this.fetchVariantsMissing=async()=>{const{isPrintify:e,isDreamship:t,isCustomcat:a,isMerchize:l,isPrintway:n}=this.state;this.setState({loadingVM:!0,openVM:!0}),e?await this.fetchVariantsMissingForPrintify():t?await this.fetchVariantsMissingForDreamship():a?await this.fetchVariantsMissingForCustomcat():l?await this.fetchVariantsMissingForMerchize():n&&await this.fetchVariantsMissingForPrintway(),this.setState({loadingVM:!1})},this.handleVariantsMissingForPrintify=e=>{var t;const{form:a}=this.props;if(!e||0===e.lengh)return{};const{variants:l,attributes:n}=ra(e),r=ia(e,l),i=a.getFieldsValue(["variants","designPositions","attributes","fulfillment"]),o=Object(ye.H)(i.attributes,n),s=Object(ye.I)(i.designPositions,r),c=[...i.variants,...l];return(null===(t=i.fulfillment)||void 0===t?void 0:t.data)&&(i.fulfillment.data.variants=c,i.fulfillment.data.attributes=o),{variants:c,designPositions:s,attributes:o,fulfillment:i.fulfillment}},this.handleVariantsMissingForDreamship=e=>{var t;if(!e||0===e.length)return{};const{isDreamship:a,isCustomcat:l}=this.state;let n=[],r=[];a?({variants:n,attributes:r}=Object(ye.s)(e)):l&&({variants:n,attributes:r}=Object(ye.r)(e));const{form:i}=this.props,o=i.getFieldsValue(["variants","attributes","fulfillment"]),s=[...o.variants,...n],c=Object(ye.H)(o.attributes,r);return(null===(t=o.fulfillment)||void 0===t?void 0:t.data)&&(o.fulfillment.data.variants=s,o.fulfillment.data.attributes=c),{variants:s,attributes:c,fulfillment:o.fulfillment}},this.handleVariantsMissingForMerchize=e=>{var t;if(!e||0===e.length)return{};let a=Object(ye.w)(e);const{form:l}=this.props,n=l.getFieldsValue(["variants","attributes","fulfillment"]),r=[...n.variants,...e],i=Object(ye.H)(n.attributes,a);return(null===(t=n.fulfillment)||void 0===t?void 0:t.data)&&(n.fulfillment.data.variants=r,n.fulfillment.data.attributes=i),{variants:r,attributes:i,fulfillment:n.fulfillment}},this.handleVariantsMissingForPrintway=e=>{var t;if(!e||0===e.length)return{};const{form:a}=this.props,l=a.getFieldsValue(["variants","attributes","fulfillment"]);let n=Object(ye.w)(e);const r=[...l.variants,...e],i=Object(ye.H)(l.attributes,n);return(null===(t=l.fulfillment)||void 0===t?void 0:t.data)&&(l.fulfillment.data.variants=r,l.fulfillment.data.attributes=i),{variants:r,attributes:i,fulfillment:l.fulfillment}},this.handleVariantsMissing=e=>{const{tmpVariants:t}=this.state;if(!e||0===e.length||!t||0===t.length)return;this.disableSubmitButton(!1),this.setState({tmpError:null});const{isPrintify:a,isDreamship:l,isCustomcat:n,isMerchize:r,isPrintway:i}=this.state,{form:o}=this.props,s=e.map(e=>{let{fulfillmentProductId:t}=e;return t}),c=t.filter(e=>{let{id:t,fulfillmentProductId:a}=e,l=t;return(r||i)&&(l=a),s.includes(l)});let u={};a?u=this.handleVariantsMissingForPrintify(c):l||n?u=this.handleVariantsMissingForDreamship(c):r?u=this.handleVariantsMissingForMerchize(c):i&&(u=this.handleVariantsMissingForPrintway(c)),o.setFieldsValue(u)},this.getProductDetailPrintway=async e=>{try{const{form:t,isEditProductBase:a}=this.props,l=await Object(ye.d)(e,a)||{},n=(null===l||void 0===l?void 0:l.name)||"",r=(null===l||void 0===l?void 0:l.description)||"",i=(null===l||void 0===l?void 0:l.variants)||[],o=(null===l||void 0===l?void 0:l.attributes)||[],s=(null===l||void 0===l?void 0:l.dataSku)||{},c=Object(ye.v)(s,i),u=t.getFieldValue("fulfillment");(null===u||void 0===u?void 0:u.data)&&(u.data.variants=i,u.data.attributes=o),t.setFieldsValue({variants:i,designPositions:c,attributes:o,fulfillment:u,title:n,defaultContent:r})}catch(t){i.a.error({message:null===t||void 0===t?void 0:t.toString()})}},this.getProductInfoCustomcat=async(e,t)=>{try{this.setState({loadingFFProduct:!0});const{form:a}=this.props,{title:l,description:n,colorCodes:r,attributes:i=[],variants:o=[],designPositions:s=[]}=await Object(ye.o)(e)||{},c=a.getFieldValue("fulfillment");(null===c||void 0===c?void 0:c.data)&&(c.data.variants=o,c.data.attributes=i),a.setFieldsValue({variants:o,designPositions:t&&t.length>0?t:s,attributes:i,fulfillment:c,title:l,defaultContent:n,colorCodes:r}),this.setState({loadingFFProduct:!1,colorCodes:r})}catch(a){i.a.error({message:null===a||void 0===a?void 0:a.toString()})}},this.getProductInfoGearment=async()=>{try{this.setState({loadingFFProduct:!0});const e=await Object(ye.m)();this.setState({loadingFFProduct:!1,productsGearment:e})}catch(e){i.a.error({message:null===e||void 0===e?void 0:e.toString()})}},this.matchProductGearment=async e=>{if(!e)return;const{productsGearment:t}=this.state,{title:a,description:l,attributes:n,variants:r}=await Object(ye.n)(e)||{};if((null===r||void 0===r?void 0:r.length)>0){const{form:e}=this.props,t=e.getFieldValue("fulfillment");return(null===t||void 0===t?void 0:t.data)&&(t.data.variants=r,t.data.attributes=n),void e.setFieldsValue({variants:r,attributes:n,fulfillment:t,title:a,description:l})}if(t&&"object"===typeof t){const{title:a,variants:l,attributes:n,colorCodes:r}=t[e]||{},{form:i}=this.props,o=i.getFieldValue("fulfillment");(null===o||void 0===o?void 0:o.data)&&(o.data.variants=l,o.data.attributes=n),i.setFieldsValue({variants:l,attributes:n,fulfillment:o,title:a,c
8016olorCodes:r})}},this.getProductInfoDreamship=async e=>{try{this.setState({loadingFFProduct:!0});const{title:t,description:a,attributes:l,variants:n,designPositions:r,colorCodes:i}=await Object(ye.f)(e),{form:o}=this.props,s=o.getFieldValue("fulfillment");(null===s||void 0===s?void 0:s.data)&&(s.data.variants=n,s.data.attributes=l),o.setFieldsValue({variants:n,defaultContent:a,attributes:l,fulfillment:s,title:t,colorCodes:i,designPositions:r}),this.setState({loadingFFProduct:!1})}catch(t){i.a.error("error",t.toString())}},this.getProductInfoMerchize=async(e,t)=>{try{this.setState({loadingFFProduct:!0});const a=await Object(ye.g)(e)||{},l=a.variants||[],n=a.attributes||[],{title:r,description:i}=a||{},{form:o}=this.props,s=o.getFieldValue("fulfillment");(null===s||void 0===s?void 0:s.data)&&(s.data.variants=l,s.data.attributes=n);const c=Object(ye.C)(l,t);o.setFieldsValue({variants:c,defaultContent:i,attributes:n,fulfillment:s,title:r}),this.setState({loadingFFProduct:!1})}catch(a){i.a.error({message:null===a||void 0===a?void 0:a.toString()})}},this.handleFulfillmentProductCreate=e=>{const{title:t,description:a,id:l}=e||{};if(!l)return;const{form:n}=this.props,r=n.getFieldValue("fulfillment")||{};n.setFieldsValue({defaultContent:a,title:t,fulfillment:{...r,productId:l}})},this.handleMapFulfillmentSku=async()=>{const{form:e,value:t}=this.props;if(!t)return;const a=Object(C.get)(t,"fulfillment.productId"),l=Object(C.get)(t,"fulfillment.fulfillmentId");if(!a||!l)return;let n=e.getFieldValue("variants");const r=await Object(ye.y)(l,a||"y3B7AszV9u");r&&Object.keys(r).length>0&&(n=Object(ye.D)(n,r)),e.setFieldsValue({variants:n})},this.handleAddVariantsFromCSV=e=>{let{variants:t,attributes:a}=e;this.setState({loadingFFProduct:!0});const{form:l}=this.props,n=l.getFieldValue("fulfillment"),r=l.getFieldsValue(["variants","attributes"]),i=r.attributes||[],o=r.variants||[],s=Object(ye.F)(i,a),c=Object(ye.G)(o,t);(null===n||void 0===n?void 0:n.data)&&(n.data.variants=c,n.data.attributes=s),l.setFieldsValue({variants:c,attributes:s,fulfillment:n}),this.setState({loadingFFProduct:!1})},this.handleUpdateWarehouse=e=>{const{form:t}=this.props,a=t.getFieldValue("variants"),l=Object(ye.E)(e,a),n=t.getFieldValue("fulfillment");(null===n||void 0===n?void 0:n.data)&&(n.data.variants=l),t.setFieldsValue({variants:l,fulfillment:n}),this.disableSubmitButton(!1)},this.getProductInfoTeezily=async e=>{try{this.setState({loadingFFProduct:!0});const{title:t,variants:a=[],attributes:l=[],designPositions:n=[]}=await Object(ye.i)(e),{form:r}=this.props,i=r.getFieldValue("fulfillment");(null===i||void 0===i?void 0:i.data)&&(i.data.variants=a,i.data.attributes=l),r.setFieldsValue({title:t,variants:a,attributes:l,fulfillment:i,designPositions:n})}catch(t){i.a.error({message:null===t||void 0===t?void 0:t.toString()})}finally{this.setState({loadingFFProduct:!1})}},this.getProductInfoBurgerPrints=async e=>{try{this.setState({loadingFFProduct:!0});const t=await Object(ye.e)(e);let{title:a,description:l,variants:n=[],attributes:r=[],designPositions:i=[]}=t;const{form:o}=this.props,s=o.getFieldValue("fulfillment");(null===s||void 0===s?void 0:s.data)&&(s.data.variants=n,s.data.attributes=r),Object(c.c)(i)&&(i=[ye.b]),o.setFieldsValue({title:a,variants:n,attributes:r,fulfillment:s,designPositions:i,defaultContent:l})}catch(t){i.a.error({message:null===t||void 0===t?void 0:t.toString()})}finally{this.setState({loadingFFProduct:!1})}},this.getProductInfoPrintBelle=async e=>{try{this.setState({loadingFFProduct:!0});const t=await Object(ye.h)(e);let{title:a,description:l,variants:n=[],attributes:r=[],designPositions:i=[]}=t||{};const{form:o}=this.props,s=o.getFieldValue("fulfillment");(null===s||void 0===s?void 0:s.data)&&(s.data.variants=n,s.data.attributes=r),Object(c.c)(i)&&(i=[ye.b]),o.setFieldsValue({title:a,variants:n,attributes:r,fulfillment:s,designPositions:i,defaultContent:l})}catch(t){i.a.error({message:null===t||void 0===t?void 0:t.toString()})}finally{this.setState({loadingFFProduct:!1})}},this.getProductInfoCommon=async e=>{const t=e||{};let{title:a,description:l,variants:n=[],attributes:r=[],designPositions:i=[]}=t;const{form:o}=this.props,s=o.getFieldValue("fulfillment");(null===s||void 0===s?void 0:s.data)&&(s.data.variants=n,s.data.attributes=r),Object(c.c)(i)&&(i=[ye.b]),o.setFieldsValue({title:a,variants:n,attributes:r,fulfillment:s,designPositions:i,defaultContent:l})},this.getProductInfoMangoTeePrints=async e=>{await this.getProductInfoCommon(e)},this.getProductInfoFivetify=async e=>{await this.getProductInfoCommon(e)},this.getProductInfoPrintik=async e=>{await this.getProductInfoCommon(e)},this.state={fieldsValue:{},handleBtnSave:null,showBtnSave:null,colorCodes:[],productPrintID:null,productProviders:[],isPrintify:!1,loadingProductProviders:!1,openDPCollapse:!0,variantsMissing:[],tmpVariants:[],loadingVM:!1,openVM:!1,loadingFFProduct:!1,productsGearment:[]},this.submitButtonRef=n.a.createRef()}componentDidMount(){const{value:e}=this.props;if(e){let t=e.suppliers&&e.suppliers.length?e.suppliers.map(e=>e.id):[],a=e.carriers&&e.carriers.length?e.carriers.map(e=>e.id):[];const l=e.hasVariant;this.handleColorCodesUpdate(e.variants);const{hasAdditionalShipping:n}=e;this.props.form.setFieldsValue({suppliers:t,carriers:a,hasVariant:l,variants:e.variants,hasAdditionalShipping:n});const r=[];e.printifyPrintProviderName&&e.printifyPrintProviderID&&r.push({id:e.printifyPrintProviderID,title:e.printifyPrintProviderName});const i=Object(C.get)(e,"fulfillment.fulfillmentId"),o=Object(ye.c)(this.props.fulfillments,i),s=(Object(C.get)(e,"shippingOptions")||[]).map(e=>e.id?{value:e.id,children:e.name}
8016:null).filter(Boolean);this.setState({defaultValue:JSON.parse(JSON.stringify(e)),scalablePressDesignType:e.scalablePressDesignType,scalableOriginID:e.scalableOriginID,scalablePressType:e.scalablePressType,productProviders:r,shippingOptions:s,...o})}else this.props.form.setFieldsValue({hasVariant:!0}),this.setState({fieldsValue:JSON.parse(JSON.stringify(this.props.form.getFieldsValue(w.F)))});this.submitButtonRef&&(this.submitButtonRef.current.disabled=!0),ta=!1}componentDidUpdate(e){let{clickSave:t,onSubmit:a,form:l}=this.props;t!==e.clickSave&&l.validateFields((e,t)=>{e||(t.fulfillment&&t.fulfillment.__typename&&delete t.fulfillment.__typename,t.fulfillment&&t.fulfillment.data&&delete t.fulfillment.data,t.attributes&&(t.attributes=t.attributes.map(e=>(delete e.__typename,e))),t.variants&&(t.variants=t.variants.map(e=>(delete e.__typename,delete e.sorting,e.attributes=e.attributes.map(e=>(delete e.__typename,e)),e))),t.designPositions&&t.designPositions.length&&(t.designPositions=t.designPositions.map(e=>(delete e.imageUrl,e.productBaseVariants=e.productBaseVariants&&e.productBaseVariants.map(e=>(delete e.__typename,e.attributes&&e.attributes.map(e=>(delete e.__typename,e)),e)),e))),t.images&&t.images.length&&(t.images=t.images.map(e=>e.id)),a&&a(t))})}handleUpdateVariantCarrierPricing(e,t){const a=this.props.form.getFieldValue("hasAdditionalShipping");return t=t.map(t=>{if(e&&0===e.length)t.carrierPricing=[];else{t.carrierPricing||(t.carrierPricing=[]),t.carrierPricing=t.carrierPricing.filter(t=>e.includes(t.carrierId));for(let l=0;l<(e&&e.length||0);l++)if(!t.carrierPricing.find(t=>t.carrierId===e[l])){const n={carrierId:e[l],price:null,default:!1};a&&(n.usingAdditionalPrice=!0,n.additionalPriceType=la,n.additionalPrice=null),t.carrierPricing.push(n)}}return t})}handleUpdateOnSupplierChange(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=this.props.form.getFieldValue("supplierPricing"),a=this.props.form.getFieldValue("variants");t&&0!==e.length||(t=[]),t=t.filter(t=>e.includes(t.userId));for(let l=0;l<e.length;l++)t.find(t=>t.userId===e[l])||t.push({userId:e[l],price:null});a&&a.length&&(a=this.handleUpdateVariantSupplierPricing(e,a)),this.props.form.setFieldsValue({supplierPricing:t,variants:a})}handleChangeDesignPosition(e){const t=this.props.form.getFieldValue("designPositions");if(!e||0===e.length||!t||0===t.length)return;const a=t.map(t=>{const{productBaseVariants:a}=t||{},l=(a||[]).filter(t=>{const{attributes:a}=t||{};let l=[];for(let r=0;r<a.length;r++){var n;const{slug:t,option:i}=a[r],o=(e||[]).find(e=>e.slug===t);(null===o||void 0===o||null===(n=o.options)||void 0===n?void 0:n.length)>0&&(l[r]=o.options.includes(i))}return l.every(Boolean)});return{...t,productBaseVariants:l}});this.props.form.setFieldsValue({designPositions:a})}handleOnAttributeUpdate(e,t){const a=this.props.form.getFieldValue("variants");let l=[];for(let r=0;r<e.length;r++){const t=e[r];t.name&&t.slug&&t.options.length&&l.push(t)}const n=this.getCombineVariants(l,a);if(!t){const e=this.props.form.getFieldValue("suppliers");this.handleUpdateVariantSupplierPricing(e?[e]:[],n),this.handleUpdateVariantCarrierPricing(this.props.form.getFieldValue("carriers"),n)}this.handleColorCodesUpdate(n),this.handleChangeDesignPosition(e),this.props.form.setFieldsValue({variants:n})}handleColorCodesUpdate(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];const t=this.props.form.getFieldValue("colorCodes"),a=e&&e.length>0?e.reduce((e,a)=>{const l=a.attributes;let n=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0;return[...new Map(e.map(e=>[e[t],e])).values()]}([...e,...(null===l||void 0===l?void 0:l.length)>0?l.filter(e=>{var t;return null===e||void 0===e||null===(t=e.name)||void 0===t?void 0:t.match(aa)}).map(e=>({name:e.option,value:"",patternImage:[]})):[]],"name");function r(e,t){var a,l;return(null===(a=e.name)||void 0===a?void 0:a.toLowerCase())===(null===(l=t.name)||void 0===l?void 0:l.toLowerCase())}return n=n.map(e=>{const a=(t||[]).find(t=>r(t,e)),l=w.e.find(t=>r(t,e));return null!=a?{...e,value:a.value,patternImage:a.patternImage}:null==l||e.value?e:{...e,value:l.value}}),n},[]):[];this.props.form.setFieldsValue({colorCodes:a}),this.setState({colorCodes:a})}handleUpdateOnCarrierChange(e){let t=this.props.form.getFieldValue("carrierPricing"),a=this.props.form.getFieldValue("variants");const l=this.props.form.getFieldValue("hasAdditionalShipping");t&&0!==e.length||(t=[]),t&&t.length&&(t=t.filter(t=>e.includes(t.carrierId)));for(let r=0;r<(e&&e.length);r++)if(!t.find(t=>t.carrierId===e[r])){const a={carrierId:e[r],price:null,default:!1};l&&(a.usingAdditionalPrice=!0,a.additionalPriceType=la,a.additionalPrice=null),t.push(a)}a&&a.length&&this.handleUpdateVariantCarrierPricing(e,a);let n=0;for(let r=0;r<t.length;r++)t[r].default&&(n=r);t.length&&(t[n].default=!0),this.props.form.setFieldsValue({carrierPricing:t,variants:a})}render(){var e,t,a,l,r;const{carriers:o,suppliers:s,loading:k,onSubmit:j,value:w,fulfillments:I,isEditProductBase:D}=this.props,{getFieldDecorator:P}=this.props.form;let{handleBtnSave:x,showBtnSave:M,colorCodes:T,openDPCollapse:Q}=this.state;const R=[{name:"title",label:"Title",component:n.a.createElement(p.a,{onChange:e=>{this.disableSubmitButton(!1),w||this.props.form.setFieldsValue({slug:Object(c.Vb)((e.target.value||"").trim())})},placeholder:"Product base title"}),rules:[{required:!0,message:"Title is required!"}]},{name:"niceName",label:"Nice Name",component:n.a.createElement(p.a,{placeholder:"Nice name",onChange:()=>{this.disableSubmitButton(!1)}}),rules:[{required:!0,message:"Nice name is required!"}]},{name:"slug",label:"Slug",component:n.a.createElement(p.a,{placeholder:"Product base slug",onChange:()=>{this.disableSubmitButton(!1)}}),rules:[{required:!0,message:"Slug is required!"}]},{name:"marketplaceIdentifyKey",label:"Marketplace Identify Key",component:n.a.createElement(p.a,{placeholder:"Product base marketplace identify key",onChange:()=>{this.disableSubmitButton(!1)}}),rules:[{required:!0,message:"Marketplace Identify Key is required!"}]},{name:"baseCostDescription",label:"Base cost description",rules:[],component:n.a.createElement(p.a,{placeholder:"You cost $29 - $40",onChange:()=>{this.disableSubmitButton(!1)}})},{name:"nasFileNameSyntax",label:"Nas file name syntax",rules:[],value:oe.J,component:n.a.createElement(p.a,{placeholder:oe.J,onChange:()=>{this.disableSubmitButton(!1)}})},{name:"defaultContent",label:"Default content",rules:[],component:n.a.createElement(Kt.a,{onChange:()=>{this.disableSubmitButton(!1)}})}];let F={},N={},U=[],L=[];for(let n=0;n<o.length;n++)F[o[n].id]=o[n];for(let n=0;n<s.length;n++)N[s[n].id]=s[n];if((null===w||void 0===w||null===(e=w.suppliers)||void 0===e?void 0:e.length)>0)for(let n=0;n<w.suppliers.length;n++)N[w.suppliers[n].id]=w.suppliers[n];const z=Object.values(N),q=this.props.form.getFieldValue("carriers");let H=this.props.form.getFieldValue("suppliers");if(H=H?Array.isArray(H)?H:[H]:[],q&&q.length)for(let n=0;n<q.length;n++)U.push(F[q[n]]);if(H&&H.length)for(let n=0;n<H.length;n++)L.push(N[H[n]]);
8016L=L.filter(Boolean);const $=this.props.form.getFieldValue("fulfillment"),_=!(!$||"object"!==typeof $)&&Object.keys($).length>0,G=this.props.form.getFieldValue("hasVariant");if(w&&w.variants&&w.variants.length&&(w.variants=w.variants.map(e=>{if(e.carrierPricing&&e.carrierPricing.length){let t=0;for(let a=0;a<e.carrierPricing.length;a++)e.carrierPricing[a].default&&(t=a);e.carrierPricing[t].default=!0}return e})),w&&w.carrierPricing&&w.carrierPricing.length){let e=0;for(let t=0;t<w.carrierPricing.length;t++)w.carrierPricing[t].default&&(e=t);w.carrierPricing[e].default=!0}const K=this.props.form.getFieldValue("isSingleShipment"),J=this.props.form.getFieldValue("isDigitalProduct"),Y=w&&w.customcatShiping,{isDreamship:W,isCustomcat:Z,isGearment:X,isScalablepress:ee,isPrintify:te,isMerchize:ae,isPrintway:le,isBurgerPrints:ne,isMangoTeePrints:re,isSnapEcom:se}=this.state,ce=Z||X,ue=this.props.form.getFieldValue("shippingRate");let de=[];de=Y&&Y.shippingRate?oe.o.filter(e=>e.value!==Y.shippingRate):oe.o;let me=null;Z&&(me=de.find(e=>e.value===ue));let ge=null;ge=de.map(e=>e.value).includes(ue)?me&&me.shippingCost:Y,W&&!Y&&(ge=oe.y.shippingCost);let be=ee,he=oe.V,ve=[];if(he)for(let[n,i]of Object.entries(he))ve.push({key:n,value:i});let{scalablePressDesignType:Ee}=this.state,ke=Ee;const Oe=this.props.form.getFieldValue("designPositions"),{productProviders:je,loadingProductProviders:we,isCustom:Se}=this.state;return n.a.createElement(n.a.Fragment,null,n.a.createElement(O.a,{when:ta,message:"You have unsaved changes, are you sure you want to leave?"}),n.a.createElement(ea,null,n.a.createElement(u.a,Object.assign({},{labelCol:{span:24},wrapperCol:{span:24}},{onSubmit:e=>{this.setState({isPrompt:!0}),e.preventDefault(),this.props.form.validateFields((e,t)=>{if(!e){var a,l,n,r,o,s;const{variants:e}=t;if((e||[]).some(e=>{let{regularPrice:t}=e;return null==t||t<1}))return void i.a.error({message:"You must enter regular price!"});const{isCustomcat:c,isDreamship:u,isGearment:d,isScalablepress:m,isPrintify:p,isTeezily:g}=this.state;if([c,u,d,m,p,g].some(Boolean)){if((e||[]).some(e=>{let{fulfillmentProductId:t}=e;return null==t||""==t}))return void i.a.error({message:"You must enter fulfillment product id!"})}if(t.fulfillment&&t.fulfillment.__typename&&delete t.fulfillment.__typename,t.fulfillment&&t.fulfillment.data&&delete t.fulfillment.data,null!=(null===(a=t)||void 0===a?void 0:a.fulfillment)){let e={};e=Object.keys(t.fulfillment).length>0?t.fulfillment:null,t.fulfillment=e}t.attributes&&(t.attributes=t.attributes.map(e=>(delete e.__typename,e)));let A=[];(null===(l=t.colorCodes)||void 0===l?void 0:l.length)>0&&(A=t.colorCodes.map(e=>{var t;const a=(null===(t=e.patternImage)||void 0===t?void 0:t.length)>0?e.patternImage.find(e=>e.id):void 0,l=a?a.id:null;return{name:e.name,value:e.value?e.value:null,patternImageId:l}}).filter(Boolean),t.colorCodes=A),t.variants&&(t.variants=t.variants.map(e=>(delete e.__typename,delete e.sorting,e.attributes=e.attributes.map(t=>{delete t.__typename;const a=t.option,l=A.find(e=>e.name===a);return null!=l&&(e.colorCodes=l),t}),e)));let{fulfillments:b}=this.props,{scalablePressType:h,scalableOriginID:f}=this.state,v={},E=!0;const{isScalablepress:y}=this.state;y&&(t.scalablePressType=h,t.scalableOriginID=f),t.designPositions&&t.designPositions.length&&(t.designPositions=t.designPositions.map((e,a)=>{delete e.imageUrl,e.artworkGuidelines=e.artworkGuidelines&&e.artworkGuidelines.map(e=>{let{fileId:t,description:a}=e;if(t)return{fileId:t,description:a}}).filter(Boolean),e.productBaseVariants=e.productBaseVariants&&e.productBaseVariants.map(e=>(delete e.__typename,e.attributes&&e.attributes.map(e=>(delete e.__typename,e)),e));let{width:l,height:n,horizontal:r,top:i,bottom:o,...s}=e;return e=s,["dtg","poster"].includes(t.scalablePressDesignType)&&(l||n||(v[a]={...v[a],dimensions:"For design position, width or height is required."})),["dtg"].includes(t.scalablePressDesignType)&&(i||o||(v[a]={...v[a],position:"For design position, top or bottom is required."})),y&&["dtg","poster"].includes(t.scalablePressDesignType)&&(e.scalablePressCustomize={dimensions:{...l?{width:l}:{},...n?{height:n}:{}},position:{horizontal:r||"",offset:{...i?{top:i}:{},...o?{bottom:o}:{}}}}),e.extraFee&&(e.extraFee=parseFloat(e.extraFee)),e})),y&&(v&&Object.keys(v).length?(Object.keys(v).forEach((e,t)=>{if(0===t){let t=v[e];for(let[,e]of Object.entries(t))i.a.error({message:e})}}),E=!1):E=!0),t.images&&t.images.length&&(t.images=t.images.map(e=>e.id)),(null===(n=t.mockupTemplates)||void 0===n?void 0:n.length)>0&&(t.mockupTemplates=t.mockupTemplates.map(e=>({originId:e.id,isDefault:!!e.isDefault})));let{isSingleShipment:C,usFirstFee:k,usAdditionalFee:O,canadaFirstFee:S,canadaAdditionalFee:I,internationalFirstFee:B,internationalAdditionalFee:D,shippingRate:P,...x}=t;t=x,ce&&(t.customcatShipping={isSingleShipment:C,usFirstFee:k,usAdditionalFee:O,canadaFirstFee:S,canadaAdditionalFee:I,internationalFirstFee:B,internationalAdditionalFee:D,shippingRate:P});const{printifyPrintProviderName:M,printifyBlueprintID:T}=this.state;p&&!w&&(t.printifyPrintProviderName=M,t.printifyBlueprintID=T),w&&delete t.printifyPrintProviderID,(null===(r=t.fulfillment)||void 0===r?void 0:r.fulfillmentInfo)&&delete t.fulfillment.fulfillmentInfo;let Q=!1;if((null===(o=t.variants)||void 0===o?void 0:o.length)>0&&(t.variants=t.variants.map(e=>{const{fulfillmentProductId:t,attributes:a,supplierPricing:l}=e||{};return Q||(Q=a.some(e=>{let{name:t,slug:a}=e;const l=/^type$/i;return l.test(t)||l.test(a)}
8016)),(null===l||void 0===l?void 0:l.length)>0&&(e.supplierPricing=l.map(e=>{let{userId:t,...a}=e;return Array.isArray(t)&&t.length>0?{...a,userId:t[0]}:{...a,userId:t}})),"number"===typeof t?{...e,fulfillmentProductId:t+""}:e})),(null===(s=t.categories)||void 0===s?void 0:s.length)>0&&(t.categories=(t.categories.map(e=>{let{id:t}=e;return t})||[])[0]),t.suppliers&&!Array.isArray(t.suppliers)&&(t.suppliers=[t.suppliers]),null==t.requiredDesign&&(t.requiredDesign=!1),(!t.fulfillment||Se)&&(!t.suppliers||0==t.suppliers.length))return void i.a.error({message:"You must enter suppliers."});t.fulfillment&&(t.fulfillment.data=void 0),E&&!Q&&j&&(j(t),ta=!1)}})}}),n.a.createElement(g.a,{gutter:16},n.a.createElement(A.a,{span:16},n.a.createElement(b.a,null,R.map((e,t)=>n.a.createElement(u.a.Item,{key:t,label:e.label,help:"nasFileNameSyntax"===(null===e||void 0===e?void 0:e.name)?"You can use: {{PRODUCT_SKU}} to dipslay product sku, {{PRORUCT_BASE_TITLE}} to display product base name, {{ATTR_SIZE}} to display attribute size.":""},P(e.name,{initialValue:w?w[e.name]:e.value?e.value:null,...["defaultContent","defaultShortDescription","details"].includes(e.name)?[]:[{trigger:"onBlur",valuePropName:"defaultValue"}],rules:e.rules})(e.component))),n.a.createElement(u.a.Item,{label:"Categories"},P("categories",{initialValue:(null===w||void 0===w||null===(t=w.categories)||void 0===t?void 0:t.length)>0?w.categories:[],rules:[{required:!0,message:"Category is required!"}]})(n.a.createElement(pe,{data:this.props.categories?this.props.categories:[],placeholder:"Categories",multiple:!1,quickAdd:!0,onChange:()=>{this.disableSubmitButton(!1)}}))))),n.a.createElement(A.a,{span:8},n.a.createElement(b.a,{title:"Mockup Templates",style:{marginBottom:20}},P("mockupTemplates",{initialValue:[]})(n.a.createElement(lt,{designPositions:Oe,mockupTemplates:(null===w||void 0===w?void 0:w.mockupTemplates)||[],onChange:()=>{this.disableSubmitButton(!1)}}))),n.a.createElement(b.a,null,n.a.createElement(u.a.Item,{label:"Image"},P("images",{initialValue:w&&w.images?w.images.map(e=>({name:e.name,url:e.url,thumbnailUrl:e.thumbnailUrl,id:e.id})):[]})(n.a.createElement(Ae.a,{accept:"image/*",listType:"picture",multiple:!0,onChange:()=>{this.setState({handleBtnSave:!x})}})))),n.a.createElement(b.a,{title:"Fulfillment",style:{marginTop:20}},n.a.createElement(g.a,null,n.a.createElement(A.a,{span:24},n.a.createElement(Dt,{isBurgerPrints:ne,isMangoTeePrints:re,isPrintway:le,isGearment:X,isSnapEcom:se},P("fulfillment",{initialValue:w?w.fulfillment:null})(n.a.createElement(Ht,{fulfillments:I,isPrintify:te&&!!w,loadingFFProduct:this.state.loadingFFProduct,isEdit:D,getOriginId:(e,t)=>{const a=Object(C.get)(e,"fulfillmentSkus");this.setState({fulfillmentSkus:a,merchizeSku:t,originId:t})},onChange:async e=>{var t;this.disableSubmitButton(!1);const a=Object(C.get)(e,"fulfillmentId"),l=Object(ye.c)(I,a);if(this.setState({productProviders:[],isPrintify:!1,tmpError:null,tmpVariants:[],...l}),this.props.form.setFieldsValue({suppliers:[]}),G&&e&&e.data){if(e.data.isChange){const t=Object(C.get)(e,"data.originId",null);if(l.isPrintify)return this.setState({isPrintify:!0,printifyBlueprintID:Number.parseInt(t)}),void await this.getProductInfoPrintify(t);if(l.isPrintway)return void await this.getProductDetailPrintway(t);if(l.isCustomcat){const{printAreas:a}=e.data||{};return void await this.getProductInfoCustomcat(t,a)}if(l.isGearment&&"v3"===(null===e||void 0===e?void 0:e.printer))return void this.matchProductGearment(t);if(l.isDreamship)return void this.getProductInfoDreamship(t);if(l.isMerchize){const a=Object(C.get)(e,"data.fulfillmentSkus"),l=Object(C.get)(e,"data.variants");if(!l||0==l.length)return void this.getProductInfoMerchize(t,a)}if(l.isTeezily)return void this.getProductInfoTeezily(t);if(l.isBurgerPrints)return void this.getProductInfoBurgerPrints(t);if(l.isMangoTeePrints)return void this.getProductInfoMangoTeePrints(e.data);if(l.isFivetify)return void this.getProductInfoFivetify(e.data);if(l.isPrintik)return void this.getProductInfoPrintik(e.data);if(l.isPrintBelle)return void this.getProductInfoPrintBelle(t);const a=D;let r=(e.data.variants||[]).map(e=>{const{regularPrice:t,sellerPrice:l}=e;if(a||0!==t||0===l)return e;const n=Number.parseFloat(Object(c.a)(l/.35,2));return{...e,regularPrice:n}});var n;if(l.isPGPrints||l.isMerchize||l.isLenful||l.isSnapEcom||l.isBondre)return l.isMerchize&&(null===e||void 0===e||null===(n=e.data)||void 0===n?void 0:n.fulfillmentSkus)&&(r=Object(ye.C)(r,e.data.fulfillmentSkus)),void this.props.form.setFieldsValue({fulfillment:e,attributes:e.data.attributes,variants:r,title:e.data.title,defaultContent:e.data.description,designPositions:e.data.printAreas||[ye.b]});this.props.form.setFieldsValue({attributes:e.data.attributes}),this.props.form.setFieldsValue({variants:r});let i=e.data.type;const o=Object(ye.x)(i);this.props.form.setFieldsValue({scalablePressDesignType:o}),this.setState({scalablePressType:e.data.type,scalableOriginID:e.data.originId,scalablePressDesignType:o},()=>{this.handleChangeFulfillment(e,o)})}}else G&&l.isGearment&&0===(null===(t=this.state.productsGearment)||void 0===t?void 0:t.length)?await this.getProductInfoGearment():this.props.form.setFieldsValue({variants:[],attributes:[],fulfillment:e,defaultContent:"",designPositions:[ye.b]}
8016)}}))),(!$||$&&!$.fulfillmentId||Se)&&n.a.createElement(u.a.Item,{label:"Suppliers"},P("suppliers",{initialValue:(null===w||void 0===w||null===(a=w.suppliers)||void 0===a?void 0:a.length)>0?w.suppliers.map(e=>e.id):[],rules:[{message:"Supplier is required",required:!0}]})(n.a.createElement(h.a,{filterOption:(e,t)=>t.children.toLowerCase().indexOf(e.toLowerCase())>=0,showSearch:!0,onChange:e=>{this.handleUpdateOnSupplierChange(e?[e]:[]),this.disableSubmitButton(!1)}},(z||[]).map((e,t)=>n.a.createElement(h.a.Option,{value:e.id,key:t},`${e.firstName} ${e.lastName}`))))),be&&n.a.createElement(u.a.Item,{label:"Design type"},P("scalablePressDesignType",{initialValue:w&&w.scalablePressDesignType,rules:[{message:"Design type is required.",required:!0}]})(n.a.createElement(h.a,{onChange:e=>{this.setState({scalablePressDesignType:e})}},ve.map((e,t)=>n.a.createElement(h.a.Option,{value:e.key,key:t},e.value))))),this.state.isPrintify?n.a.createElement(n.a.Fragment,null,n.a.createElement(u.a.Item,{label:"Product Print Providers"},P("printifyPrintProviderID",{initialValue:null===w||void 0===w?void 0:w.printifyPrintProviderID,rules:[{message:"Product Print Provider is required",required:!0}]})(we?n.a.createElement(f.a,null):n.a.createElement(h.a,{onChange:this.getProductVariantsIntoPrintify,disabled:!!w,showSearch:!0,filterOption:(e,t)=>{const a=(Object(C.get)(t,"data.title")||"").toLowerCase();return new RegExp(e,"i").test(a)}},je.map(e=>n.a.createElement(h.a.Option,{value:e.id,key:"print-provider-"+e.id,data:e},e.title)))))):null,D&&(te||W||Z||ae||le)&&n.a.createElement(u.a.Item,null,n.a.createElement(v.a,{children:"Fetch variants missing",onClick:this.fetchVariantsMissing})),ae||ne?n.a.createElement("div",{style:{marginTop:15}},n.a.createElement(Ce,{form:this.props.form,onChange:this.handleAddVariantsFromCSV,isMerchize:ae,isBurgerPrints:ne}),ae?n.a.createElement(n.a.Fragment,null,n.a.createElement(Gt,{onChange:this.handleUpdateWarehouse})):null,(ae||ne)&&(null===$||void 0===$?void 0:$.fulfillmentId)?n.a.createElement(Wt,{fulfillmentId:$.fulfillmentId,onChange:this.handleFulfillmentProductCreate}):null,ae&&null!=w?n.a.createElement("div",{style:{marginTop:"1rem"}},n.a.createElement(v.a,{children:"Map Fulfillment SKU",onClick:this.handleMapFulfillmentSku})):null):null),G||$&&(!$||$.fulfillmentId)?null:n.a.createElement(A.a,{span:24},L.length>0&&n.a.createElement(b.a,{style:{marginTop:20},title:"Suppliers pricing"},P("supplierPricing",{initialValue:w&&w.supplierPricing?w.supplierPricing:[]})(n.a.createElement(_t,{suppliers:L,onChange:()=>{this.setState({handleBtnSave:!x})}})))))),(!$||$&&!$.fulfillmentId)&&n.a.createElement(b.a,{title:"Carriers",style:{marginTop:20}},n.a.createElement(g.a,null,n.a.createElement(A.a,{span:24},P("carriers",{initialValue:w&&w.carriers?w.carriers.map(e=>e.id):[]})(n.a.createElement(h.a,{filterOption:(e,t)=>t.children.toLowerCase().indexOf(e.toLowerCase())>=0,onChange:e=>{this.handleUpdateOnCarrierChange(e),this.disableSubmitButton(!1)},mode:"multiple"},o.map((e,t)=>n.a.createElement(h.a.Option,{value:e.id,key:t},e.name))))),n.a.createElement(A.a,{span:24},!G&&U.length>0&&n.a.createElement(b.a,{title:"Carrier pricing",style:{marginTop:20}},P("carrierPricing",{initialValue:w&&w.carrierPricing?w.carrierPricing:[]})(n.a.createElement(fe,{carriers:U,onChange:()=>{this.disableSubmitButton(!1)}})))))),(!$||$&&!$.fulfillmentId||Se)&&n.a.createElement(b.a,{title:"Shipping Option",style:{marginTop:20}},n.a.createElement(g.a,null,n.a.createElement(A.a,{span:24},P("shippingOptionIds",{initialValue:w&&w.shippingOptionIds?w.shippingOptionIds:[]})(n.a.createElement(Xt,{onChange:(e,t)=>
8016{this.disableSubmitButton(!1),this.props.form.setFieldsValue({shippingOptionIds:e}),this.setState({shippingOptions:t})}}))),n.a.createElement(A.a,{span:24},(null===(l=this.state.shippingOptions)||void 0===l?void 0:l.length)>0&&n.a.createElement(b.a,{title:"Default Shipping Option",style:{marginTop:20}},P("defaultShippingOptionId",{initialValue:w&&w.defaultShippingOptionId?w.defaultShippingOptionId:[]})(n.a.createElement(h.a,{filterOption:(e,t)=>t.children.toLowerCase().indexOf(e.toLowerCase())>=0,onChange:e=>{this.disableSubmitButton(!1)}},this.state.shippingOptions.map(e=>n.a.createElement(h.a.Option,{value:e.value,key:"shipping-option-"+e.value},e.children)))))))),n.a.createElement(b.a,{title:"Design Task Default KPI",style:{marginTop:20}},n.a.createElement(g.a,null,n.a.createElement(A.a,{span:24},P("kpi",{initialValue:w&&w.kpi?w.kpi:.2})(n.a.createElement(h.a,{onChange:()=>{this.disableSubmitButton(!1)},filterOption:(e,t)=>{var a;return!e.match(/[a-zA-Z]/gi)&&(e=e.replace(/[\.\,]/,()=>"\\."),!!(null===t||void 0===t||null===(a=t.children)||void 0===a?void 0:a.toString().match(new RegExp(e,"gi"))))},showSearch:!0},n.a.createElement(h.a.Option,{value:null,key:"default-kpi"},"Select Default KPI"),S.d.map((e,t)=>n.a.createElement(h.a.Option,{value:e,key:t},e))))))),n.a.createElement(b.a,{hidden:!ce,style:{marginTop:20},title:"Shipping"},Z&&n.a.createElement(u.a.Item,{label:"Customcat shipping rate"},P("shippingRate",{initialValue:Y?Y.shippingRate:null})(n.a.createElement(h.a,{onChange:()=>{this.disableSubmitButton(!1)}},[{title:"Default",value:null},{title:"Supper Lightweight",value:"Supper Lightweight"},{title:"LightWeight",value:"LightWeight"},{title:"HeavyWeight",value:"HeavyWeight"},{title:"LightWeight DrinkWare",value:"LightWeight DrinkWare"},{title:"HeavyWeight DrinkWare",value:"HeavyWeight DrinkWare"}].map(e=>n.a.createElement(h.a.Option,{value:e.value,key:e.value},e.title))))),n.a.createElement(u.a.Item,{style:{marginTop:0}},P("isSingleShipment",{initialValue:!!Y&&Y.isSingleShipment,valuePropName:"checked"})(n.a.createElement(E.a,{onChange:e=>{e.target.checked&&this.props.form.setFieldsValue({shippingRate:null})}},"Is single shipment?"))),n.a.createElement(u.a.Item,{label:"US First product fee"},P("usFirstFee",{initialValue:ge?ge.usFirstFee:null,rules:[{required:ce,message:"US First product fee is required"}]})(n.a.createElement(V,{onChange:()=>{this.disableSubmitButton(!1)}}))),!K&&n.a.createElement(u.a.Item,{label:"US Additional products fee"},P("usAdditionalFee",{initialValue:ge?ge.usAdditionalFee:null})(n.a.createElement(V,{onChange:()=>{this.disableSubmitButton(!1)}}))),n.a.createElement(u.a.Item,{label:"Canada First product fee"},P("canadaFirstFee",{initialValue:ge?ge.canadaFirstFee:null,rules:[{required:ce,message:"Canada First product fee is required"}]})(n.a.createElement(V,{onChange:()=>{this.disableSubmitButton(!1)}}))),!K&&n.a.createElement(u.a.Item,{label:"Canada Additional products fee"},P("canadaAdditionalFee",{initialValue:ge?ge.canadaAdditionalFee:null})(n.a.createElement(V,{onChange:()=>{this.disableSubmitButton(!1)}}))),n.a.createElement(u.a.Item,{label:"International First product fee"},P("internationalFirstFee",{initialValue:ge?ge.internationalFirstFee:null,rules:[{required:ce,message:"International First product fee is required"}]})(n.a.createElement(V,{onChange:()=>{this.disableSubmitButton(!1)}}))),!K&&n.a.createElement(u.a.Item,{label:"International Additional product fee"},P("internationalAdditionalFee",{initialValue:ge?ge.internationalAdditionalFee:null})(n.a.createElement(V,{onChange:()=>{this.disableSubmitButton(!1)}})))),n.a.createElement(b.a,{hidden:G,title:"Pricing",style:{marginTop:20}},n.a.createElement("div",null,n.a.createElement(u.a.Item,{label:"Regular Price"},P("regularPrice",{initialValue:w?w.regularPrice:null,rules:G?[]:[{required:!0,message:"Regular price is required"}]})(n.a.createElement(V,{onChange:()=>{this.disableSubmitButton(!1)}}))),n.a.createElement(u.a.Item,{label:"Sale Price"},P("salePrice",{initialValue:w?w.salePrice:null})(n.a.createElement(V,{onChange:()=>{this.disableSubmitButton(!1)}}))),n.a.createElement(u.a.Item,{label:"Seller Price"},P("sellerPrice",{initialValue:w?w.sellerPrice:null})(n.a.createElement(V,{onChange:()=>{this.disableSubmitButton(!1)}}))))),n.a.createElement(b.a,{style:{marginTop:"20px"},bodyStyle:{padding:"10px 24px"},hidden:Object.keys($||{}).length>0},n.a.createElement(u.a.Item,null,P("passOnHold",{initialValue:!!w&&w.passOnHold,valuePropName:"checked"})(n.a.createElement(E.a,null,"Auto pass on hold for orders of this product base"))),n.a.createElement(u.a.Item,null,P("isDigitalProduct",{initialValue:!!w&&w.isDigitalProduct,valuePropName:"checked"})(n.a.createElement(E.a,null,"Is digital products? (Often used to map with Etsy's digital products)"))),J?n.a.createElement(u.a.Item,null,P("requiredDesign",{initialValue:!w||!!w.requiredDesign,valuePropName:"checked"})(n.a.createElement(E.a,{children:"Using design task Workflow(digital product base also creates design task like normal product base)",onChange:()=>{this.disableSubmitButton(!1)}}))):null))),n.a.createElement(b.a,{title:n.a.createElement("div",null,n.a.createElement("h3",null,"Variants"),n.a.createElement("p",{className:"sub-card-title"},P("hasVariant",{initialValue:!w||w.hasVariant,valuePropName:"checked"})(n.a.createElement("span",null," ","This product base has multiple options, like different sizes or colors")))),style:{marginTop:20,width:"100%"}},G&&n.a.createElement("div",null,n.a.createElement("h3",null,"OPTIONS"),P("attributes",{initialValue:$&&$.data&&$.data.attributes||w&&w.attributes&&w.attributes||[]})(n.a.createElement(dt,{disableSubmitButton:this.disableSubmitButton,hasProduct:!!this.props.hasProduct,onChange:e=>{this.disableSubmitButton(!1),this.handleOnAttributeUpdate(e,$)}})))),G&&n.a.createElement(u.a.Item,{style:{marginTop:20}},P("variants",{initialValue:$&&$.data&&$.data.variants||w&&w.variants||[]})(n.a.createElement(ie,{isCustomcat:Z,isCustom:Se,isMerchize:ae,isPrintway:le,
8016isPrintify:te,hasFulfillment:!!_,hasProduct:!!this.props.hasProduct,carriers:U,suppliers:L,isEditProductBase:D,form:this.props.form,hasAdditionalShipping:null===w||void 0===w?void 0:w.hasAdditionalShipping,onChange:()=>{this.disableSubmitButton(!1)}}))),n.a.createElement(b.a,{title:n.a.createElement("span",{onClick:this.toggleOpen,style:{cursor:"pointer"}},n.a.createElement(d.a,{type:Q?"caretDown":"caretRight"}),n.a.createElement("span",{style:{marginLeft:5}},"Design positions")),style:{marginTop:20,width:"100%"},hidden:!!J&&!this.props.form.getFieldValue("requiredDesign")},P("designPositions",{initialValue:w&&w.designPositions?w.designPositions:[ye.b]})(n.a.createElement(jt,{hasFulfillment:!!_,disableSubmitButton:this.disableSubmitButton,variants:this.props.form.getFieldValue("variants"),isDreamship:W,isFFScalabelPress:be,scalablePressDT:ke,openDPCollapse:Q,isEdit:D,onChange:()=>{this.disableSubmitButton(!1)}}))),G&&n.a.createElement(u.a.Item,{style:{marginTop:20}},P("colorCodes",{initialValue:(null===w||void 0===w||null===(r=w.colorCodes)||void 0===r?void 0:r.length)>0?w.colorCodes.map(e=>{let t=[];return e.patternImageId&&(t=[e.patternImage]),{...e,patternImage:t}}):(null===T||void 0===T?void 0:T.length)>0?T:[]})(n.a.createElement(Ne,{onChange:()=>{this.disableSubmitButton(!1)}}))),n.a.createElement(u.a.Item,{style:{marginTop:20,textAlign:"right"}},n.a.createElement(v.a,{onClick:()=>{null===M||M?B.a.push("/admin/product-bases"):y.a.confirm({title:"Cancel all unsaved changes?",icon:n.a.createElement(m.a,null),content:"If Ok, you'll delete any edits you made.",onOk(){B.a.push("/admin/product-bases")},cancelText:"Continue"})}},"Cancel"),n.a.createElement(v.a,{ref:this.submitButtonRef,className:"ml-4",type:"primary",icon:n.a.createElement(d.a,{type:"save"}),loading:k,htmlType:"submit"},"Save"))),n.a.createElement(xe,{value:w})),n.a.createElement(st,{open:this.state.openVM,loading:this.state.loadingVM,error:this.state.tmpError,data:this.state.variantsMissing,onClose:()=>{this.setState({openVM:!1,tmpError:null})},handleVariantsMissing:this.handleVariantsMissing}))}}function ra(e){if(!e||0===e.length)return{variants:[],attributes:[]};const t=new Map,a=e.map((e,a)=>{const{id:l,options:n}=e||{};return{regularPrice:0,salePrice:0,sellerPrice:0,sorting:a,attributes:Object.entries(n||{}).reduce((e,a)=>{const[l,n]=a;if(t.has(l)){const e=t.get(l);t.set(l,e.add(n))}else t.set(l,new Set([n]));const r={name:Object(C.capitalize)(l),slug:l,option:n};return e.push(r),e},[]),fulfillmentProductId:l}}),l=Array.from(t.entries()).map(e=>{let[t,a]=e;return{name:Object(C.capitalize)(t),slug:t,options:Array.from(a.values())}}),n=(a||[]).reduce((e,t)=>(e[(t.attributes||[]).map(e=>e.option).join("__")]=t,e),{}),r=Object.values(n),i=[];for(let o=0;o<r.length;o++)i.push({...r[o],sorting:o});return{variants:i,attributes:l}}function ia(e,t){if(!e||0===e.length)return[];const a=e.reduce((e,t)=>{const{placeholders:a,id:l}=t||{};return Array.isArray(a)&&a.length>0&&e.push(...a.map(e=>({...e,id:l}))),e},[]),l=new Map;for(let n of a){const{height:e,position:t,width:a,id:r}=n||{},i=`${t}-${a}-${e}`;l.has(i)?l.set(i,[...l.get(i),r]):l.set(i,[r])}return Array.from(l.entries()).map(e=>{let[a,l]=e;const[n,r,i]=a.split(/\-/),o=`${r}x${i}px|PNG|300DPI`,s=((l||[]).map(e=>{const a=(t||[]).find(t=>{let{fulfillmentProductId:a}=t;return a===e});if(!a)return null;const{attributes:l}=a;return{attributes:l,id:void 0}}).filter(Boolean)||[]).reduce((e,t)=>(e[(t.attributes||[]).map(e=>e.option).join("__")]=t,e),{});return{name:n,image:null,description:o,productBaseVariants:Object.values(s)}})}var oa=u.a.create({name:"form"})(na),sa=a(45),ca=a(312);const ua=j.b.div` 8017 margin-bottom: 24px; 8018 @media (min-width: 768px) { 8019 .heading-left { 8020 flex-grow: 1; 8021 } 8022 display: flex; 8023 align-items: center; 8024 } 8025 h2 { 8026 font-weight: 400; 8027 font-size: 23px; 8028 letter-spacing: -0.3px; 8029 margin-bottom: 0px; 8030 } 8031 a { 8032 color: rgba(0, 0, 0, 0.45); 8033 } 8034 a:hover { 8035 color: rgba(0, 0, 0, 0.85); 8036 } 8037 svg { 8038 max-width: 12px; 8039 margin-left: -2px; 8040 margin-right: 2px; 8041 } 8042 p { 8043 color: rgb(47, 59, 71); 8044 font-weight: 500; 8045 margin-bottom: 0; 8046 } 8047`;class da extends l.Component{render(){const{action:e,subTitle:t,title:a,link:l}=this.props;return n.a.createElement(ua,{className:"page-title-container"},n.a.createElement("div",{className:"heading-left"},t&&n.a.createElement("p",null,n.a.createElement("a",{className:l?"cursor-pointer":"cursor-default",onClick:e=>{e.preventDefault(),l&&B.a.push(l)}},n.a.createElement(ca.a,null),t)),n.a.createElement("h2",null,a)),e&&n.a.createElement("div",{className:"heading-right"},e))}}var ma=Object(O.j)(da),pa=a(1606);o.a` 8048 mutation deleteProductBases($ids: [String!]!) { 8049 deleteProductBases(ids: $ids) { 8050 deleted 8051 } 8052 } 8053`;l.Component;var ga=a(65),Aa=a(280),ba=a(76),ha=a(427);const fa=["Publish","Draft"].map(e=>({value:e,label:e})),va=e=>{let{filter:t,onChange:a}=e;const{currentUser:r}=Object(te.c)(),{isAdministrator:i}=(Object(c.ub)(r),Object(c.j)(r)),o=null===t||void 0===t?void 0:t.search,s=null===t||void 0===t?void 0:t.fulfillmentId,u=null===t||void 0===t?void 0:t.status,d=null===t||void 0===t?void 0:t.supplierIds,[m,p]=Object(l.useState)(o),[g,A]=Object(l.useState)([]),[b,h]=Object(l.useState)({value:s,label:null,search:null}),f=Object(l.useRef)(null),[v,E]=Object(l.useState)({value:u,label:null,search:null}),[y,k]=Object(l.useState)([]),[O,j]=Object(l.useState)({value:t.teamId,label:null,search:null}),[w,S]=Object(l.useState)([]),[B,P]=Object(l.useState)({value:d||null,label:null,search:null}),{data:x,loading:M,error:T}=Object(De.d)(I.k,{variables:{filter:{search:O.search||""}},skip:!i}),{data:Q,loading:R,error:F}=Object(De.d)(Aa.b),{data:N}=Object(De.d)(i?I.Ob:I.Tc,{variables:i?{filter:{role:oe.pb.Supplier}}:{role:oe.gb.Supplier}});Object(l.useEffect)(()=>{var e;const t=(null===Q||void 0===Q||null===(e=Q.fulfillments)||void 0===e?void 0:e.length)>0?Q.fulfillments.map(e=>({value:e.id,label:e.name})):[];if(A(t),null!=s){const e=t.find(e=>e.value===s);if(e){const{value:t,label:a}=e;h(e=>({...e,value:t,label:a}))}}},[Q,s]),Object(l.useEffect)(()=>
8053{if("boolean"!==typeof u)return;let e={};u?(e.value="Publish",e.label="Publish"):(e.value="Draft",e.label="Draft"),E(t=>({...t,...e}))},[u]),Object(l.useEffect)(()=>{const e=function(e,t){let a=(null===e||void 0===e?void 0:e.teamUsersByRole)||[];var l;t&&(a=(null===e||void 0===e||null===(l=e.users)||void 0===l?void 0:l.nodes)||[]);const n=[];for(const r of a){if(!r||!r.id)continue;let e=[r.firstName,r.lastName].join(" ");r.email&&(e+=` (${r.email})`),n.push({value:r.id,label:e})}return n}(N,i);if(S(e),!Object(c.c)(d)){const t=d.reduce((e,t)=>(e[t]=!0,e),{}),a=[],l=[];for(let n of e)n&&n.value&&t[n.value]&&(a.push(n.value),l.push(n.label));a.length>0&&P(e=>({...e,value:a,label:l}))}},[N,d,i]),Object(l.useEffect)(()=>{if(f.current&&clearTimeout(f.current),a){const e=v.value,t={All:null,Publish:!0,Draft:!1};f.current=setTimeout(()=>{var l,n;a({search:m?m.trim():m,fulfillmentId:b.value,status:e?t[e]:null,teamId:(null===(l=O.value)||void 0===l?void 0:l.length)>0?O.value.trim():null,supplierIds:(null===(n=B.value)||void 0===n?void 0:n.length)>0?B.value.filter(Boolean):null})},500)}},[m,b,v,O.value,B.value]),Object(l.useEffect)(()=>{var e;let t=(null===x||void 0===x||null===(e=x.getAllTeamUsersWithRootUser)||void 0===e?void 0:e.length)>0?x.getAllTeamUsersWithRootUser.map(e=>{let t=`${e.name} - ${e.id}`;return e.createdBy&&(t=`${t} (${e.createdBy})`),{value:e.id,label:t}}).filter(Boolean):[];k(t)},[x]);const U=Object(l.useCallback)(e=>{p(e)},[m]),L=Object(l.useCallback)(()=>h(()=>({value:null,label:null,search:null})),[]),V=Object(l.useCallback)(()=>p(null),[]),z=Object(l.useCallback)(()=>{E({value:null,label:null,search:null})},[]),q=Object(l.useCallback)(()=>j(()=>({value:null,label:null,search:null})),[]),H=Object(l.useCallback)(()=>P(()=>({value:null,label:null,search:null})),[]),$=[V,L,z,q,H],_=Object(l.useCallback)(()=>{for(let e of $)e()},[...$]),G=[i?{key:"team",label:"Teams",filter:n.a.createElement(ba.a,{value:O,options:y,loading:M,error:T,onChange:e=>{let{value:t,label:a}=e;return j(e=>({...e,value:t,label:a}))},onChangeSearch:e=>j(t=>({...t,search:e}))})}:null,{key:"fulfillment",label:"Fulfillment by",tagLabel:b.label,onRemove:L,filter:n.a.createElement(ga.a,{data:g,value:b,loading:R,error:F,onChange:e=>{let{value:t,label:a}=e;return h(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return h(e=>({...e,search:t}))}})},{key:"status",label:"Status",tagLabel:v.label,onRemove:z,filter:n.a.createElement(ga.a,{data:fa,value:v,onChange:e=>{let{value:t,label:a}=e;return E(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return E(e=>({...e,search:t}))}})},{key:"suppliers",label:"Suppliers",tagLabel:B.label,onRemove:H,filter:n.a.createElement(ha.default,{noAll:!0,multiple:!0,options:w||[],value:B.value||[],onChange:e=>{const t=[],a=[];for(let l of e)l&&l.value&&(t.push(l.value),a.push(l.label));P(e=>({...e,value:t,label:a}))}})}].filter(Boolean),K=[];for(let{key:l,label:n,onRemove:c,tagLabel:I}of G)!Object(C.isEmpty)(I)&&I&&K.push({key:l,label:J(n,I),onRemove:c});if(!Object(C.isEmpty)(O.value)){const e="team";K.push({key:e,label:J(e,O.label),onRemove:q})}return n.a.createElement(D.r,{filters:G,appliedFilters:K,queryValue:m,queryPlaceholder:"Filter product base",onQueryChange:U,onQueryClear:V,onClearAll:_});function J(e,t){return e?"suppliers"===e?"Suppliers: "+t.join(", "):`${e}: ${t}`:t}};j.b.div` 8054 .header { 8055 margin-bottom: 20px; 8056 } 8057 h1 { 8058 font-weight: 700; 8059 font-size: 18px; 8060 margin: 0; 8061 } 8062 .add-btn { 8063 text-align: end; 8064 } 8065`;const Ea=o.a` 8066 query productBases($filter: ProductBaseFilter) { 8067 productBases(filter: $filter) { 8068 total 8069 nodes { 8070 id 8071 title 8072 baseCostDescription 8073 images { 8074 id 8075 name 8076 url 8077 thumbnailUrl 8078 } 8079 suppliers { 8080 id 8081 firstName 8082 lastName 8083 } 8084 } 8085 } 8086 } 8087`;l.Component;const ya=o.a` 8088 mutation createProductBase($input: NewProductBase!) { 8089 createProductBase(input: $input) { 8090 id 8091 title 8092 niceName 8093 slug 8094 baseCostDescription 8095 defaultContent
8096 defaultShortDescription 8097 details 8098 regularPrice 8099 salePrice 8100 sellerPrice 8101 hasVariant 8102 mockupTemplates { 8103 id 8104 productBaseID 8105 originTemplateID 8106 isDefault 8107 } 8108 fulfillment { 8109 fulfillmentId 8110 productId 8111 } 8112 images { 8113 id 8114 name 8115 url 8116 thumbnailUrl 8117 } 8118 suppliers { 8119 id 8120 firstName 8121 lastName 8122 } 8123 carriers { 8124 id 8125 code 8126 name 8127 } 8128 categories { 8129 id 8130 name 8131 description 8132 } 8133 supplierPricing { 8134 id 8135 userId 8136 price 8137 } 8138 carrierPricing { 8139 id 8140 carrierId 8141 price 8142 } 8143 attributes { 8144 name 8145 slug 8146 options 8147 } 8148 designPositions { 8149 id 8150 image { 8151 id 8152 thumbnailUrl 8153 url 8154 } 8155 name 8156 description 8157 productBaseVariants { 8158 id 8159 attributes { 8160 name 8161 slug 8162 option 8163 } 8164 } 8165 } 8166 variants { 8167 id 8168 fulfillmentProductId 8169 fulfillmentShippingCost 8170 attributes { 8171 name 8172 slug 8173 option 8174 } 8175 supplierPricing { 8176 id 8177 userId 8178 price 8179 } 8180 carrierPricing { 8181 id 8182 carrierId 8183 price 8184 default 8185 } 8186 regularPrice 8187 salePrice 8188 sellerPrice 8189 sorting 8190 status 8191 } 8192 status 8193 isDigitalProduct 8194 } 8195 } 8196`,Ca=o.a` 8197 fragment cat on Category { 8198 id 8199 name 8200 description 8201 image { 8202 id 8203 name 8204 thumbnailUrl 8205 url 8206 } 8207 } 8208 query load { 8209 fulfillments { 8210 id 8211 name 8212 slug 8213 products { 8214 title 8215 originId 8216 status 8217 attributes { 8218 name 8219 slug 8220 options 8221 } 8222 variants { 8223 regularPrice 8224 salePrice 8225 sellerPrice 8226 fulfillmentProductId 8227 sorting 8228 attributes { 8229 name 8230 slug 8231 option 8232 } 8233 } 8234 } 8235 } 8236 productBaseCategories { 8237 ...cat 8238 children { 8239 ...cat 8240 children { 8241 ...cat 8242 children { 8243 ...cat 8244 children { 8245 ...cat 8246 } 8247 } 8248 } 8249 } 8250 } 8251 suppliers { 8252 id 8253 firstName 8254 lastName 8255 } 8256 carriers { 8257 id 8258 name 8259 code 8260 } 8261 } 8262`;class ka extends l.Component{constructor(){super(...arguments),this.state={loading:!1},this.handleSetCache=(e,t)=>{try{const a=e.readQuery({query:Ea,variables:{filter:{limit:50,offset:0}}});e.writeQuery({query:Ea,variables:{filter:{limit:50,offset:0}},data:{...a,productBases:{...a.productBases,total:a.productBases.total+1,nodes:[t,...a.productBases.nodes]}}})}catch(a){}}}componentDidUpdate(e,t){let{loading:a}=this.state,{handleLoading:l}=this.props;a!==t.loading&&l&&l(a)}render(){let{handleBtnSave:e,clickSave:t}=this.props;return n.a.createElement("div",null,n.a.createElement("div",{style:{marginBottom:20}},n.a.createElement(ma,{title:"Add product base",subTitle:"Product bases",link:"/admin/product-bases"})),n.a.createElement(s.b,{query:Ca,fetchPolicy:"network-only"},a=>{let{error:l,loading:o,data:s,client:u}=a;if(l)return n.a.createElement("div",null,Object(c.ib)(l.toString()));if(o)return n.a.createElement("div",{className:"p-4"},n.a.createElement(r.a,{active:!0}));const d=(null===s||void 0===s?void 0:s.fulfillments)||[];return n.a.createElement(oa,{onSubmit:e=>{e.designPositions&&e.designPositions.length&&(e.designPositions=e.designPositions.map(e=>(e.image&&e.image.id&&(e.image=e.image.id),e))),this.setState({loading:!0},()=>{u.mutate({mutation:ya,variables:{input:{...e,categories:[e.categories]}}}).then(e=>{this.setState({loading:!1}),i.a.success({message:"Product base has been saved!"}),this.handleSetCache(u,e.data.createProductBase),B.a.push("/admin/product-bases")}).catch(e=>{this.setState({loading:!1}),i.a.error({message:Object(c.ib)(e.toString())})})})},fulfillments:d,loading:this.state.loading,categories:s.productBaseCategories,suppliers:s.suppliers,carriers:s.carriers,clickSave:t,handleBtnSave:(t,a)=>{a={...a,link:"/admin/product-bases"},e&&e(t,a)}})}))}}var Oa=ka;const ja=[{value:"All",label:"All"},{value:!0,label:"Active"},{value:!1,label:"Inactive"}];function wa(e){const{status:t,onChange:a}=e,[r,i]=Object(l.useState)(["All"]);Object(l.useEffect)(()=>{i(null===t?["All"]:[t])},[t]);const o=Object(l.useCallback)(e=>{const t=e.map(e=>{const t=ja.find(t=>t.value===e);return t&&t.label});a&&a("All"!==e[0]?e[0]:null,"All"!==t[0]?t[0]:null),i(e)},[]);return n.a.createElement(D.k,{title:"Status",titleHidden:!0,selected:r,choices:ja,onChange:o})}const Sa=o.a` 8263 query systemRoles { 8264 systemRoles 8265 } 8266`;function Ia(e){const{role:t,onChange:a}=e,[r,i]=Object(l.useState)([]),[o,s]=Object(l.useState)(["All"]),{loading:c,error:u,data:d}=Object(De.d)(Sa);Object(l.useEffect)(()=>{let e;if(d&&d.systemRoles&&(e=d.systemRoles,e.length)){let t=[{value:"All",label:"All"}];
8266e.forEach(e=>{let a={};a.value=e,a.label=e,t.push(a)}),i(t)}},[d,t]),Object(l.useEffect)(()=>{s(null===t?["All"]:[t])},[t]);const m=Object(l.useCallback)(e=>{const t=e.map(e=>{const t=r.find(t=>t.value===e);return t&&t.label});a&&a("All"!==e[0]?e[0]:null,"All"!==t[0]?t[0]:null),s(e)},[]);return n.a.createElement("div",null,c&&n.a.createElement(D.X,{accessibilityLabel:"Spinner example",size:"small",color:"teal"}),u&&n.a.createElement("div",null,u.toString()),!c&&!u&&n.a.createElement(D.k,{title:"User Role",titleHidden:!0,selected:o,choices:r,onChange:m}))}const Ba=o.a` 8267 query userTeamRoles { 8268 userTeamRoles 8269 } 8270`;function Da(e){const{role:t,onChange:a}=e,[r,i]=Object(l.useState)([]),[o,s]=Object(l.useState)(["All"]),{loading:c,error:u,data:d}=Object(De.d)(Ba);Object(l.useEffect)(()=>{let e;if(d&&d.userTeamRoles&&(e=d.userTeamRoles,e.length)){let t=[{value:"All",label:"All"}];e.forEach(e=>{let a={};a.value=e,a.label=e,t.push(a)}),i(t)}},[d,t]),Object(l.useEffect)(()=>{s(null===t?["All"]:[t])},[t]);const m=Object(l.useCallback)(e=>{const t=e.map(e=>{const t=r.find(t=>t.value===e);return t&&t.label});a&&a("All"!==e[0]?e[0]:null,"All"!==t[0]?t[0]:null),s(e)},[]);return n.a.createElement("div",null,c&&n.a.createElement(D.X,{accessibilityLabel:"Spinner example",size:"small",color:"teal"}),u&&n.a.createElement("div",null,u.toString()),!c&&!u&&n.a.createElement(D.k,{title:"User Team Role",titleHidden:!0,selected:o,choices:r,onChange:m}))}function Pa(e){let{onChange:t,filter:a}=e;const[r,i]=Object(l.useState)(a.search),[o,s]=Object(l.useState)({value:a.status,label:!0===a.status?"Active":!1===a.status?"Inactive":a.status}),[u,d]=Object(l.useState)({value:a.role,label:a.role}),[m,p]=Object(l.useState)({value:a.teamRole,label:a.teamRole}),g=Object(l.useRef)(null),[A,b]=Object(l.useState)([]),[h,f]=Object(l.useState)({value:a.teamId,label:null,search:null}),{data:v,loading:E,error:y}=Object(De.d)(I.k,{variables:{filter:{search:h.search||""}}});Object(l.useEffect)(()=>{var e;let t=(null===v||void 0===v||null===(e=v.getAllTeamUsersWithRootUser)||void 0===e?void 0:e.length)>0?v.getAllTeamUsersWithRootUser.map(e=>{let t=`${e.name} - ${e.id}`;return e.createdBy&&(t=`${t} (${e.createdBy})`),{value:e.id,label:t}}).filter(Boolean):[];b(t)},[v]),Object(l.useEffect)(()=>{g.current&&clearTimeout(g.current),t&&(g.current=setTimeout(()=>{var e;t(!0===o.value?"true":!1===o.value?"false":o.value,u.value,r?r.trim():r,(null===(e=h.value)||void 0===e?void 0:e.length)>0?h.value.trim():"",null===m||void 0===m?void 0:m.value)},500))},[o,u,r,h.value,m]);const C=Object(l.useCallback)(()=>s({value:null,label:null}),[]),k=Object(l.useCallback)(()=>d({value:null,label:null}),[]),O=Object(l.useCallback)(()=>p({value:null,label:null}),[]),j=Object(l.useCallback)(e=>{i(e)},[]),w=Object(l.useCallback)(()=>{i("")},[]),S=Object(l.useCallback)(()=>f(()=>({value:null,label:null,search:null})),[]),B=Object(l.useCallback)(()=>{k(),C(),w(),S(),O()},[k,S,C,w,O]),P=[{key:"team",label:"Teams",filter:n.a.createElement(ba.a,{value:h,options:A,loading:E,error:y,onChange:e=>{let{value:t,label:a}=e;return f(e=>({...e,value:t,label:a}))},onChangeSearch:e=>f(t=>({...t,search:e}))})},{key:"status",label:"Status",filter:n.a.createElement(wa,{status:"true"===a.status||"false"!==a.status&&a.status,onChange:(e,t)=>
8270{s(a=>({...a,value:e,label:t}))}})},{key:"role",label:"User Role",filter:n.a.createElement(Ia,{role:u.value,onChange:(e,t)=>{d(a=>({...a,value:e,label:t}))}})}];(null===u||void 0===u?void 0:u.value)&&"Seller"==u.value&&P.push({key:"teamRole",label:"User Team Role",filter:n.a.createElement(Da,{role:m.value,onChange:(e,t)=>{p(a=>({...a,value:e,label:t}))}})});const x=[];if(!Object(c.tb)(o.label)){const e="status";x.push({key:e,label:M(e,o.label),onRemove:C})}if(!Object(c.tb)(u.value)){const e="role";x.push({key:e,label:M(e,u.value),onRemove:k})}if((null===m||void 0===m?void 0:m.value)&&!Object(c.tb)(m.value)){const e="teamRole";x.push({key:e,label:M(e,m.value),onRemove:O})}if(!Object(c.tb)(h.value)){const e="team";x.push({key:e,label:M(e,h.label),onRemove:S})}return n.a.createElement("div",null,n.a.createElement(D.r,{queryValue:r,filters:P,appliedFilters:x,onQueryChange:j,onQueryClear:w,onClearAll:B,queryPlaceholder:"Filter user"}));function M(e,t){switch(e){case"status":return"Status: "+t;case"role":return"Role: "+t;case"teamRole":return"Team Role: "+t;case"team":return"Team: "+t;default:return t}}}const xa=j.b.div` 8271 button + button { 8272 margin-left: 0.75rem; 8273 } 8274`,Ma=e=>{let{user:t,filter:a}=e;const[r,i]=Object(l.useState)(!1),[o,s]=Object(l.useState)(!1),[u,{data:d,error:m,client:p,loading:g}]=Object(De.c)(qa,{onCompleted:()=>{b()}}),A=Object(l.useCallback)(()=>{B.a.push("/admin/users/edit/"+t.id)},[]),b=Object(l.useCallback)(()=>i(e=>!e),[]),h=Object(l.useCallback)(()=>{s(e=>!e)},[]),f=o?(m||d&&d.deleteUser)&&n.a.createElement(D.fb,{content:m?Object(c.ib)(m.toString()):d&&d.deleteUser&&"Delete user success!",error:m,duration:2e3,onDismiss:h}):null,v=(e,t)=>{for(let a=0;a<e.length;a++){const l=e[a];l.id===t&&(l.status=!l.status),l.children&&l.children.length&&(l.children=v(l.children,t))}return e};return n.a.createElement(xa,null,n.a.createElement(D.g,{onClick:A,plain:!0},"Edit"),n.a.createElement(D.g,{onClick:b,plain:!0},"Delete"),n.a.createElement(D.E,{title:"Delete user",open:r,onClose:b,primaryAction:{content:"Delete",loading:g,onAction:()=>{u({variables:{id:t.id}}).then(e=>{if(e)try{const e=p.readQuery({query:za,variables:{filter:{...a}}}),l=v(JSON.parse(JSON.stringify(e.users.nodes)),t.id);p.writeQuery({query:za,variables:{filter:{...a}},data:{...e,users:{...e.users,nodes:l}}})}catch(l){}}).catch(()=>{}),h()}},secondaryActions:[{content:"Cancel",onAction:b}]},n.a.createElement(D.E.Section,null,n.a.createElement(D.bb,null,n.a.createElement("p",null,"Are you sure to delete this user?")))),f)},Ta=j.b.div` 8275 button + button { 8276 margin-left: 0.75rem; 8277 } 8278`,Qa=e=>{let{user:t,filter:a}=e;const[r,i]=Object(l.useState)(!1),[o,s]=Object(l.useState)(!1),[c,u]=Object(l.useState)(null),[d,{data:m,loading:p,error:g,client:A}]=Object(De.c)(Ha,{onCompleted:()=>{const e=setTimeout(()=>{h()},2300);u(e)},onError:()=>{}});Object(l.useEffect)(()=>()=>clearTimeout(c),[]);const b=Object(l.useCallback)(()=>{B.a.push("/admin/users/edit/"+t.id)},[]),h=Object(l.useCallback)(()=>i(e=>!e),[]),f=Object(l.useCallback)(()=>{d({variables:{id:t.id}}).then(()=>{try{const e=A.readQuery({query:za,variables:{filter:a}}),l=setTimeout(()=>{A.writeQuery({query:za,variables:{filter:a},data:{...e,users:{...e.users,total:e.users.total-1,nodes:e.users.nodes.map(e=>e.id===t.id?{...e,status:!0}:e)}}})},500);return()=>{clearTimeout(l)}}catch(e){}}).catch(e=>{}),v()},[]),v=Object(l.useCallback)(()=>{s(e=>!e)},[]),E=o?(g||m&&m.activeUser)&&n.a.createElement(D.fb,{content:(()=>{if(m&&m.activeUser)return"Active this user success."})(),error:g,duration:2e3,onDismiss:v}):null;return n.a.createElement(Ta,null,E,n.a.createElement(D.g,{onClick:b,plain:!0},"Edit"),n.a.createElement(D.g,{plain:!0,onClick:h},"Actions"),n.a.createElement(D.E,{title:"Active user",open:r,onClose:h,sectioned:!0,secondaryActions:[{content:"No",onAction:h}],primaryAction:{content:"Yes",onAction:f,loading:p}},n.a.createElement(D.bb,null,"Are you sure to active this user?")))};var Ra=a(461),Fa=a(19);function Na(e){let{userId:t,overrides:a}=e;const[r,i]=Object(Ee.a)(!1),o=Object(l.useRef)(null),{toggleToast:s,setNotify:u}=Object(Fa.b)(),{authenticate:d}=Object(te.c)(),[m,{loading:p}]=Object(De.c)(Ra.a,{onError:e=>{u({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})},onCompleted:e=>{u({msg:"Login as this user successfully.",err:!1}),i(),Object(c.Nb)("userId",t,100),null!=(null===e||void 0===e?void 0:e.adminGetUserToken)&&(o.current=setTimeout(()=>{d&&d(e.adminGetUserToken)},1500))}}),g=Object(l.useCallback)(()=>{null!=t&&(s&&s(!0),u&&u({msg:null,err:!1}),m({variables:{userID:t}}))},[t,m,s,u]);return Object(l.useEffect)(()=>()=>{clearTimeout(o.current)},[]),n.a.createElement(l.Fragment,null,Object(D.ib)({content:"Login as this user",onAction:i,onTouchStart:i},a),n.a.createElement(D.E,{title:"Login as this user",open:r,onClose:i,sectioned:!0,primaryAction:{content:"Submit",onAction:g,onTouchStart:g,loading:p},secondaryActions:[{content:"Cancel",onAction:i,onTouchStart:i}]},n.a.createElement("p",null,"Are you sure to login as this user?")))}const Ua=j.b.div` 8279 .Polaris-DataTable--condensed tr { 8280 th { 8281 border-top: 1px solid #dfe5ed; 8282 } 8283 th:last-child, 8284 td:last-child { 8285 right: 0; 8286 position: sticky; 8287 z-index: 2; 8288 background: #fff; 8289 :after { 8290 box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); 8291 position: absolute; 8292 top: 0; 8293 bottom: -1px; 8294 width: 30px; 8295 transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; 8296 content: ""; 8297 pointer-events: none; 8298 left: 0; 8299 transform: translateX(-100%); 8300 } 8301 } 8302 } 8303 .Polaris-DataTable__Navigation { 8304 display: none; 8305 } 8306 .Polaris-DataTable__Footer { 8307 overflow-x: scroll; 8308 } 8309 8310 .action-wrap { 8311 width: ${e=>{let{isSupperAdmin:t}=e;return t?"calc(25rem - 3.2rem)":"calc(12rem - 3.2rem)"}}; 8312 display: flex; 8313 flex-direction: row; 8314 column-gap: 1.6rem; 8315 margin: 0; 8316 justify-content: flex-end; 8317 } 8318`,La=e=>{let{data:t,filter:a,setValuePage:l}=e;const{currentUser:r}=Object(te.c)(),i=n.a.useMemo(()=>{const e=k.a.get(r,"email");return w.v.includes(e)},[r]);let o=[];
8318t&&t.users.nodes.forEach(e=>{let t=null!==e.teamUser?e.teamUser:"null",l="null"===t?null:t.role,r=l;l?l===oe.gb.Admin?r=oe.pb.Seller:l===oe.pb.Supplier&&e.roles.includes(oe.pb.Seller)?r="Seller's "+oe.pb.Supplier:l===oe.pb.Supporter&&e.roles.includes(oe.pb.Seller)&&(r="Seller's "+oe.pb.Supporter):r=e.roles.includes(oe.pb.Supporter)?"MB "+oe.pb.Supporter:e.roles.includes(oe.pb.Supplier)?oe.pb.Supplier:k.a.head(e.roles);const{teams:s}=e||{};let c=k.a.get(e,"teamUser.team.name",""),u=k.a.get(e,"teamUser.team.id","");c||(c=k.a.get(s,"[0].name",""),u=k.a.get(s,"[0].id","")),o.push([n.a.createElement(D.d,{source:e.avatar?e.avatar.thumbnailUrl:null,initials:e.firstName&&e.firstName.length>1?e.firstName.substr(0,1):e.lastName.substr(0,1)}),n.a.createElement("span",null,e.firstName+" "+e.lastName),n.a.createElement("span",null,e.email),n.a.createElement("span",null,u),n.a.createElement("span",null,c),n.a.createElement("span",null,e.phone),n.a.createElement("span",null,e.address),n.a.createElement(D.ab,{color:"blue"},r),n.a.createElement("div",{className:"action-wrap"},i?n.a.createElement(Na,{userId:null===e||void 0===e?void 0:e.id,overrides:{plain:!0}}):null,e.status&&n.a.createElement(Ma,{user:e,filter:a}),!e.status&&n.a.createElement(Qa,{user:e,filter:a}))])});let{limit:s,offset:c}=a;const u=k.a.get(t,"users.total",0),d={page:c/s+1,totalPage:Math.ceil(u/s),offset:c,limit:s,onChange:l,total:u};return n.a.createElement(Ua,{isSupperAdmin:i},n.a.createElement(D.n,{columnContentTypes:["text","text","text","text","text","text","text","text","numeric"],headings:["Avatar","Name","Email","Team ID","Team Name","Phone","Address","Role","Actions"],rows:o,verticalAlign:"middle",footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:d,showTotal:!0})}))},Va=j.b.div` 8319 margin: -1rem; 8320 @media (min-width: 640px) { 8321 margin: -1.5rem; 8322 } 8323`,za=o.a` 8324 query load($filter: FindFilter) { 8325 users(filter: $filter) { 8326 total 8327 nodes { 8328 id 8329 firstName 8330 lastName 8331 email 8332 roles 8333 phone 8334 status 8335 verified 8336 address 8337 teams { 8338 id 8339 name 8340 } 8341 teamUser { 8342 id 8343 role 8344 team { 8345 id 8346 name 8347 } 8348 } 8349 avatar { 8350 id 8351 url 8352 thumbnailUrl 8353 } 8354 } 8355 } 8356 } 8357`,qa=o.a` 8358 mutation deleteUser($id: ID!) { 8359 deleteUser(id: $id) 8360 } 8361`,Ha=o.a` 8362 mutation activeUser($id: ID!) { 8363 activeUser(id: $id) 8364 } 8365`,$a=Object(c.m)(B.a.location.search);class _a extends l.Component{constructor(){super(...arguments),this.state={loading:!1,deleteUser:null,filter:{search:null,status:null,role:null,limit:Number(Object(c.M)("perPageUsers"))||20,offset:0,teamID:"",...Object(c.m)(B.a.location.search)},page:1},this.onChangeRole=(e,t,a,l,n)=>{const{filter:r}=this.state;this.setState({filter:{...r,role:t,status:"true"===e||"false"!==e&&e,search:null===a?null:a,offset:0,teamID:l,teamRole:n},page:1})}}componentWillUpdate(e,t){if(!k.a.isEqual(t.filter,this.state.filter)){let{status:e,...a}=t.filter;!0===e&&(e="Active"),!1===e&&(e="Inactive");const l=Object(c.l)({status:e,...a});B.a.push(B.a.location.pathname+"?"+l)}}componentWillMount(){const e=Object(c.m)(window.location.search);e&&e.status&&this.setState({filter:{...this.state.filter,status:!(!$a||"Active"!==$a.status)||(!$a||"Inactive"!==$a.status)&&null}})}render(){const{filter:e}=this.state,{currentUser:t}=this.context||{},a=["Seller","Administrator"].some(e=>((null===t||void 0===t?void 0:t.roles)||[]).includes(e));return n.a.createElement(Va,null,n.a.createElement(Fa.a,null,n.a.createElement(D.H,{title:"All Users",fullWidth:!0,primaryAction:n.a.createElement(D.g,{url:"/admin/users/add",primary:!0},"Add New")},n.a.createElement(D.i,{sectioned:!0,bodyStyle:{padding:0}},n.a.createElement(Pa,{filter:e,onChange:(e,t,a,l,n)=>{this.onChangeRole(e,t,a,l,n)}})),n.a.createElement(D.i,null,n.a.createElement(s.b,{query:za,variables:{filter:this.state.filter},skip:!a},t=>{let{data:a,error:l,loading:r}=t;return r?n.a.createElement(Je.SkeletonPagePolaris,null):l?n.a.createElement("div",null,"Error:",Object(c.ib)(l.toString())):0===(null===a||void 0===a?void 0:a.users.nodes.length)?n.a.createElement(We.EmptyStatePolaris,null):n.a.createElement(La,{data:a,filter:e,setValuePage:(t,a)=>{null!==t&&this.setState({filter:{...e,offset:parseInt(t),limit:a}}),Object(c.Nb)("perPageUsers",a,100)}})})))))}}
8365_a.contextType=te.a;var Ga=_a,Ka=a(1515),Ja=a(1516);const Ya=j.b.div` 8366 .Polaris-FormLayout__Item { 8367 width: 100px; 8368 } 8369 .Polaris-ChoiceList__Choices { 8370 display: flex; 8371 gap: 0 2rem; 8372 flex-wrap: wrap; 8373 } 8374 .Polaris-ButtonGroup { 8375 flex-direction: row-reverse; 8376 } 8377 .icon { 8378 .Polaris-Button { 8379 margin-top: -1px; 8380 } 8381 } 8382`,Wa=o.a` 8383 mutation createUser($input: NewUser!) { 8384 createUser(input: $input) { 8385 id 8386 firstName 8387 lastName 8388 email 8389 roles 8390 phone 8391 status 8392 verified 8393 address 8394 avatar { 8395 id 8396 url 8397 thumbnailUrl 8398 } 8399 } 8400 } 8401`,Za=e=>{let{redirect:t,onCompleted:a}=e;const[r,i]=Object(l.useState)(null),[u,d]=Object(l.useState)(null),[m,p]=Object(l.useState)(null),[g,A]=Object(l.useState)(null),[b,h]=Object(l.useState)(null),[f,v]=Object(l.useState)(null),[E,y]=Object(l.useState)(null),[C,k]=Object(l.useState)(null),[O,j]=Object(l.useState)(null),[w,S]=Object(l.useState)(!1),[I,P]=Object(l.useState)(!1),[x,M]=Object(l.useState)(!1),[T,Q]=Object(l.useState)(!1),R=Object(l.useCallback)(e=>i(e),[]),F=Object(l.useCallback)(e=>d(e),[]),N=Object(l.useCallback)(e=>p(e),[]),U=Object(l.useCallback)(e=>A(e),[]),L=Object(l.useCallback)(e=>h(e),[]),V=Object(l.useCallback)(e=>v(e),[]),z=Object(l.useCallback)(e=>y(e),[]),q=e=>{k(e)},H=Object(l.useCallback)(()=>S(!0),[]),[$,_]=Object(l.useState)(!1),G=n.a.createElement("div",{className:"icon"},n.a.createElement(D.g,{plain:!0,onClick:()=>P(e=>!e)},n.a.createElement(D.w,{source:I?Ja.a:Ka.a}))),K=n.a.createElement("div",{className:"icon"},n.a.createElement(D.g,{plain:!0,onClick:()=>M(e=>!e)},n.a.createElement(D.w,{source:x?Ja.a:Ka.a}))),[J,{data:Y,error:W,client:Z,loading:X}]=Object(De.c)(Wa),ee=Object(l.useCallback)(()=>{_(e=>!e)},[]),te=Object(l.useCallback)(()=>{if(r&&r.length>0&&u&&u.length>0&&m&&Object(c.sb)(m)&&C&&C.length>0&&g&&g.length>0&&g===b){let e={firstName:r,lastName:u,email:m,roles:C,phone:f,address:E,password:g,avatar:O&&O.length>0?O[0].id:"",ignoreTwoFA:T};J({variables:{input:{...e}}}).then(e=>{a&&a(Z,e.data.createUser);const t=setTimeout(()=>{B.a.push("/admin/users")},1e3);return()=>{clearTimeout(t)}}).catch(e=>{}),ee()}},[r,u,m,g,b,f,E,C,O,T]),ae=$?(W||Y&&Y.createUser)&&n.a.createElement(D.fb,{content:W?Object(c.ib)(W.toString().includes("uix_users_email")?"Email name already in use, please try another name.":""):Y&&Y.createUser&&"Create user success!",error:W,duration:2e3,onDismiss:ee}):null;return n.a.createElement(Ya,null,n.a.createElement(D.s,{onSubmit:te},n.a.createElement(D.t,null,n.a.createElement(D.t.Group,null,n.a.createElement(D.cb,{label:"First Name(*)",placeholder:"First name",type:"text",value:r,onChange:R,error:(""===r||w&&null===r)&&"Please input first name!"}),n.a.createElement(D.cb,{label:"Last Name(*)",placeholder:"Last name",value:u,onChange:F,type:"text",error:(""===u||w&&null===u)&&"Please input last name!"})),n.a.createElement(D.t.Group,null,n.a.createElement(D.cb,{type:"email",value:m,onChange:N,label:"Email(*)",placeholder:"Email",error:(""===m?"Please input E-mail!":m&&!Object(c.sb)(m)&&"Email must be a valid email address.")||w&&null===m&&"Please input E-mail!"})),n.a.createElement(D.t.Group,null,n.a.createElement(D.cb,{label:"Password(*)",placeholder:"Password",value:g,onChange:U,type:!1===I?"password":"text",suffix:G,error:(""===g||w&&null===g)&&"Please input password!"}),n.a.createElement(D.cb,{label:"Confirm Password(*)",value:b,onChange:L,type:!1===x?"password":"text",suffix:K,error:(""===b||w&&null===b?"Please confirm your password!":b&&g!==b&&"The two passwords that you entered do not match!")||w&&g!==b&&"The two passwords that you entered do not match!"})),n.a.createElement(D.t.Group,null,n.a.createElement(D.cb,{label:"Phone",placeholder:"Phone",value:f,onChange:V,type:"text"}),n.a.createElement(D.cb,{label:"Address",placeholder:"Address",value:E,onChange:z,type:"text"})),n.a.createElement(D.t.Group,{title:"Roles(*)",key:"role"},n.a.createElement(s.b,{query:o.a` 8402 query systemRoles { 8403 systemRoles 8404 } 8405 `},e=>{let{error:t,loading:a,data:l}=e;if(a)return n.a.createElement(D.X,{accessibilityLabel:"Spinner example",size:"small",color:"teal"});if(t)return n.a.createElement(We.EmptyStatePolaris,null);const r=[];
8405return l.systemRoles.forEach(e=>{if("Seller"!==e){let t={};t.value=e,t.label=e,r.push(t)}}),r&&n.a.createElement(D.k,{allowMultiple:!0,title:"User role",choices:r,selected:C||"",onChange:q,titleHidden:!0,error:(C&&0===C.length||w&&null===C)&&"Please select role!"})})),n.a.createElement(D.t.Group,null,n.a.createElement(D.j,{label:"Ignore Two-Factor Authentication (2FA)",checked:!!T,onChange:Q})),n.a.createElement(D.t.Group,{title:"Avatar",name:"avatar"},n.a.createElement(Ae.a,{accept:"image/*",listType:"picture-card",singleUpload:!0,multiple:!1,onChange:e=>{j(e)}})),n.a.createElement(D.t.Group,null,n.a.createElement(D.h,null,n.a.createElement(D.g,{submit:"submit",primary:"primary",onClick:H,loading:X},"Save"),n.a.createElement(D.g,{onClick:()=>{B.a.push(t||"/admin/users")}},"Cancel"))))),ae)},Xa=j.b.div` 8406 .Polaris-FormLayout__Item { 8407 width: 100px; 8408 } 8409 .Polaris-ChoiceList__Choices { 8410 display: flex; 8411 gap: 0 2rem; 8412 flex-wrap: wrap; 8413 } 8414 .Polaris-ButtonGroup { 8415 flex-direction: row-reverse; 8416 } 8417 .icon { 8418 .Polaris-Button { 8419 margin-top: -1px; 8420 } 8421 } 8422`;class el extends n.a.Component{constructor(){super(...arguments),this.state={loading:!1,filter:{status:!0}},this.handleSetCache=(e,t)=>{const a={filter:{search:"",status:!0,role:null,limit:30,offset:0}};try{const l=e.readQuery({query:za,variables:a});e.writeQuery({query:za,variables:a,data:{...l,users:{...l.users,total:l.users.total+1,nodes:[t,...l.users.nodes]}}})}catch(l){}}}render(){return n.a.createElement(Xa,null,n.a.createElement(D.H,{title:"Add User",breadcrumbs:[{content:"Users",url:"/admin/users"}]},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(Za,{redirect:"/admin/users",onCompleted:(e,t)=>{this.handleSetCache(e,t)}}))))}}var tl=el,al=a(21);const ll=j.b.div` 8423 .btns-wrap { 8424 display: flex; 8425 flex-direction: row-reverse; 8426 margin-top: 3rem; 8427 } 8428`,nl=e=>{let{onSubmit:t,loading:a,handleRedirect:r,value:i,isEdit:o}=e;const[s,c]=Object(l.useState)({name:null,code:null,url:null,options:null}),[u,d]=Object(l.useState)({});Object(l.useEffect)(()=>{if(i){let{name:e,code:t,trackingUrl:a,storeShippingOption:l}=i;const n=(null===l||void 0===l?void 0:l.length)>0?l.join("\n"):"";c({name:e,code:t,url:a,options:n})}},[i]);const m=Object(l.useCallback)((e,t)=>{let a=null,l=t.charAt(0).toUpperCase()+t.slice(1);e&&e.length||(a=l+" is required."),d(e=>({...e,[t]:a}))},[]),p=Object(l.useCallback)((e,t)=>{c(a=>({...a,[t]:e})),["name","code"].includes(t)&&m(e,t)},[m]),g=Object(l.useCallback)(()=>{for(let[t,i]of Object.entries(s))["name","code"].includes(t)&&m(i,t);const e=Object(C.size)(Object(C.filter)(Object(C.values)(u),e=>null!==e)),{url:a,name:l,code:n,options:r}=s;n&&l&&0===e&&t&&t({name:l,code:n,trackingUrl:a,options:r})},[s]);return n.a.createElement(ll,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement(D.t.Group,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Name",required:!0}),n.a.createElement(D.cb,{value:s.name,id:"name",error:u.name,onChange:p,placeholder:"Enter carrier name"})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Code",required:!0}),n.a.createElement(D.cb,{value:s.code,id:"code",error:u.code,onChange:p,placeholder:"Enter carrier code"}))),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Url"}),n.a.createElement(D.cb,{value:s.url,id:"url",error:u.url,onChange:p,placeholder:"Enter carrier url"})),o&&n.a.createElement("div",null,n.a.createElement(D.cb,{label:"Mapping store shipping options",placeholder:"Enter store shipping options",value:s.options,id:"options",onChange:p,multiline:4,helpText:"Enter each store shipping per line"}))),n.a.createElement("div",{className:"btns-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Cancel",onClick:r}),n.a.createElement(D.g,{children:"Save",primary:!0,onClick:g,loading:a})))))},rl=j.b.div` 8429 margin: -1rem; 8430 @media (min-width: 640px) { 8431 margin: -1.5rem; 8432 } 8433`,il=o.a` 8434 mutation createCarrier($input: NewCarrier!) { 8435 createCarrier(input: $input) { 8436 id 8437 code 8438 name 8439 trackingUrl 8440 } 8441 } 8442`,ol=o.a` 8443 query carrierById($id: ID!) {
8444 carrierById(id: $id) { 8445 id 8446 name 8447 code 8448 trackingUrl 8449 storeShippingOption 8450 } 8451 } 8452`,sl=o.a` 8453 mutation updateCarrier($input: EditCarrier!) { 8454 updateCarrier(input: $input) { 8455 id 8456 name 8457 code 8458 trackingUrl 8459 storeShippingOption 8460 } 8461 } 8462`,cl=o.a` 8463 mutation updateStoreShippingOption($input: [NewSettingShippingOption!]) { 8464 updateStoreShippingOption(input: $input) 8465 } 8466`,ul=j.b.div``;var dl=a(71),ml=a(1517),pl=a(1518);const gl=o.a` 8467 mutation deleteProductBaseCategory($id: ID!) { 8468 deleteProductBaseCategory(id: $id) 8469 } 8470`,Al=e=>{let{item:t,hasChildren:a,refetch:r,setNotificationChange:i,toggleActive:o}=e;const s=null===t||void 0===t?void 0:t.id,[u,d]=Object(l.useState)(!1),{currentUser:m}=Object(te.c)(),p=Object(c.V)(m),[g,{loading:A}]=Object(De.c)(gl,{onCompleted:()=>{b(),i&&i({message:"Delete category successfuly.",isError:!1}),r&&r()},onError:e=>{i&&i({message:Object(c.ib)(e.toString()),isError:!0})}}),b=Object(l.useCallback)(()=>d(e=>!e),[]),h=Object(l.useCallback)(()=>{i&&i({message:null,isError:!1}),s&&g({variables:{id:s}}),o&&o()},[s]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Edit",plain:!0,url:`/${p}/edit-category/${s}`}),a?n.a.createElement("div",{style:{width:"5rem",height:1}}):n.a.createElement(D.g,{children:"Delete",plain:!0,primary:!0,destructive:!0,onClick:b})),n.a.createElement(D.E,{title:"Delete category #"+s,open:u,onClose:b,sectioned:!0,primaryAction:{content:"Submit",onAction:h,loading:A}},n.a.createElement("p",null,"Are you sure to delete this category?")))},bl=j.b.div` 8471 .actions-wrap { 8472 display: flex; 8473 flex-direction: row-reverse; 8474 } 8475 .Polaris-DataTable__Footer { 8476 overflow-x: scroll; 8477 } 8478`,hl=j.b.div` 8479 display: flex; 8480 align-items: center; 8481 column-gap: 0.75rem; 8482 padding-left: ${e=>1.5*e.level+"rem"}; 8483 .expaned-wrap { 8484 margin-right: 0.5rem; 8485 } 8486`,fl=e=>{var t;let{data:a,refetch:r}=e;const[i,o]=Object(l.useState)([]),[s,c]=Object(l.useState)({}),[u,d]=Object(l.useState)(!1),[m,p]=Object(l.useState)({message:null,isError:!1}),[g,A]=Object(l.useState)({limit:20,offset:0}),b=Object(l.useCallback)(e=>{c(t=>({...t,[e]:!t[e]}))},[]);Object(l.useLayoutEffect)(()=>{var e;let{limit:t,offset:l}=g,i=(null===a||void 0===a||null===(e=a.productBaseCategories)||void 0===e?void 0:e.length)>0?a.productBaseCategories.slice(l,l+t):[];const c=h(i);let u=(null===c||void 0===c?void 0:c.length)>0?c.map(e=>{var t,a;const l=null===e||void 0===e||null===(t=e.children)||void 0===t?void 0:t.length;if((null===e||void 0===e?void 0:e.parentId)&&!s[e.parentId])return[];const i=n.a.createElement(D.gb,{content:"Count of product used"},n.a.createElement(D.e,{status:"info"},(null===e||void 0===e?void 0:e.count)||0));return[n.a.createElement(hl,{level:null===e||void 0===e?void 0:e.level},n.a.createElement("span",{className:"row-indent"}),l?n.a.createElement("div",{className:"expaned-wrap"},n.a.createElement(D.g,{plain:!0,icon:s[null===e||void 0===e?void 0:e.id]?ml.a:pl.a,onClick:()=>b(null===e||void 0===e?void 0:e.id)})):n.a.createElement("div",{style:{width:"2.5rem"}}),n.a.createElement(D.eb,{source:(null===e||void 0===e||null===(a=e.image)||void 0===a?void 0:a.url)||ze.a,size:"medium"})),n.a.createElement("div",{className:"name-wrap"},n.a.createElement("span",null,null===e||void 0===e?void 0:e.name)),i,n.a.createElement("div",{className:"actions-wrap"},n.a.createElement(Al,{item:e,hasChildren:l,toggleActive:f,refetch:r,setNotificationChange:e=>{let{message:t,isError:a}=e;return p({message:t,isError:a})}}))]}).filter(Boolean):[];o(u)},[a,s,g]);const h=Object(l.useCallback)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];const t=[],a=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;for(let r of e){var n;let{__typename:e,...i}=r,o={...i,level:l};t.push(o);let s=l+1;(null===r||void 0===r||null===(n=r.children)||void 0===n?void 0:n.length)&&a(r.children,s)}};return a(e),t}),[]),f=Object(l.useCallback)(()=>d(e=>!e),[]),v=Object(l.useCallback)((e,t)=>A({offset:e,limit:t}),[]);let{limit:E,offset:y}=g;const C=null===a||void 0===a||null===(t=a.productBaseCategories)||void 0===t?void 0:t.length,k={page:y/E+1,totalPage:Math.ceil(C/E),offset:y,limit:E,onChange:v,total:C},O=u?m&&m.message&&n.a.createElement(D.fb,{content:m.message,error:m.isError,duration:5e3,onDismiss:f}):null;return n.a.createElement(bl,null,O,n.a.createElement(D.n,{columnContentTypes:["text","text","text","numeric"],headings:["Image","Name","Count","Actions"],rows:i,verticalAlign:"middle",hide
8486ScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:k})}))},vl=o.a` 8487 fragment cat on Category { 8488 id 8489 parentId 8490 name 8491 description 8492 count 8493 image { 8494 id 8495 name 8496 thumbnailUrl 8497 url 8498 } 8499 } 8500 8501 query categories { 8502 productBaseCategories { 8503 ...cat 8504 children { 8505 ...cat 8506 children { 8507 ...cat 8508 children { 8509 ...cat 8510 children { 8511 ...cat 8512 } 8513 } 8514 } 8515 } 8516 } 8517 } 8518`,El=()=>{var e;const{data:t,loading:a,error:l,refetch:r}=Object(De.d)(vl,{fetchPolicy:"no-cache"}),i=a&&n.a.createElement(D.D,null);return n.a.createElement(n.a.Fragment,null,i,n.a.createElement(D.i,null,a?n.a.createElement("div",{style:{padding:"2rem"}},n.a.createElement(Je.SkeletonPagePolaris,null)):l?n.a.createElement("div",{style:{padding:"2rem"}},"Error: ",Object(c.ib)(l.toString())):(null===t||void 0===t||null===(e=t.productBaseCategories)||void 0===e?void 0:e.length)>0?n.a.createElement(fl,{data:t,refetch:r}):n.a.createElement(We.EmptyStatePolaris,null)))};var yl=a(88);const Cl=e=>{let{onChange:t,value:a}=e;const[r,i]=Object(l.useState)([]),{loading:o,error:s}=Object(De.d)(vl,{onCompleted:e=>{u(e)},fetchPolicy:"no-cache"}),u=Object(l.useCallback)(e=>{let t=d(null===e||void 0===e?void 0:e.productBaseCategories);i(t)},[]),d=Object(l.useCallback)(e=>{const t=[],a=function(e){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";e&&0!==e.length&&e.forEach(e=>{var n;let r={label:l?`${l} ${e.name}`:e.name,value:e.id};t.push(r),(null===e||void 0===e||null===(n=e.children)||void 0===n?void 0:n.length)&&a(e.children,l+"--")})};return a(e),t},[]);return n.a.createElement(n.a.Fragment,null,o?n.a.createElement(D.X,{size:"small"}):s?n.a.createElement("div",null,"Error: ",Object(c.ib)(s.toString())):n.a.createElement(yl.a,{options:r,value:a,onChange:t,label:"Parent category",placeholder:"Choose parent"}))},kl=j.b.div` 8519 .btns-wrap { 8520 display: flex; 8521 flex-direction: row-reverse; 8522 margin-top: 3rem; 8523 } 8524 .list-file_wrap { 8525 width: 10rem; 8526 height: 10rem; 8527 .file_wrap { 8528 height: 100%; 8529 } 8530 } 8531`,Ol=e=>{let{handleRedirect:t,onSubmit:a,loading:r,value:i,editCategory:o}=e;const[s,c]=Object(l.useState)({name:null,description:null,parentId:null,image:null}),[u,d]=Object(l.useState)({});Object(l.useLayoutEffect)(()=>{if(i){let{children:e,id:t,__typename:a,image:l,...n}=i,r=l?[l]:[];c(e=>({...e,...n,image:r}))}},[i]);const m=Object(l.useCallback)((e,t)=>{let a=null,l=t.charAt(0).toUpperCase()+t.slice(1);e&&e.length||(a=l+" is required."),d(e=>({...e,[t]:a}))},[]),p=Object(l.useCallback)((e,t)=>{c(a=>({...a,[t]:e})),"name"===t&&m(e,t)},[]),g=Object(l.useCallback)(()=>{let{name:e,image:t,...l}=s;m(e,"name");let n=(null===t||void 0===t?void 0:t.length)>0?t.map(e=>e.id):[];const r={...l,name:e,imageId:(null===n||void 0===n?void 0:n.length)>0?n[0]:null};e&&a&&a(r)},[u,s]),A=Object(l.useCallback)(e=>{p(e,"description")},[]);return n.a.createElement(kl,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Name",required:!0}),n.a.createElement(D.cb,{value:s.name,placeholder:"Enter category name",id:"name",onChange:p,error:u.name})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Description"}),n.a.createElement(Kt.a,{value:s.description,onChange:A})),n.a.createElement(Cl,{value:s.parentId,onChange:e=>{c(t=>({...t,parentId:e}))}}),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Image"}),o?n.a.createElement(n.a.Fragment,null,s.image?n.a.createElement(dl.a,{accept:"image/*",singleUpload:!0,multiple:!1,onChange:e=>p(e,"image"),value:s.image,sizeSmall:!0}):null):n.a.createElement(dl.a,{sizeSmall:!0,accept:"image/*",singleUpload:!0,multiple:!1,onChange:e=>p(e,"image")}))),n.a.createElement("div",{className:"btns-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Cancel",onClick:t}),n.a.createElement(D.g,{children:"Submit",primary:!0,onClick:g,loading:r})))))},jl=o.a`
8532 mutation createProductBaseCategory($input: NewProductBaseCategory!) { 8533 createProductBaseCategory(input: $input) { 8534 id 8535 name 8536 description 8537 parentId 8538 image { 8539 id 8540 name 8541 thumbnailUrl 8542 url 8543 } 8544 } 8545 } 8546`,wl=j.b.div` 8547 margin: -1rem; 8548 @media (min-width: 640px) { 8549 margin: -1.5rem; 8550 } 8551`,Sl=()=>{const[e,t]=Object(l.useState)(!1),[a,r]=Object(l.useState)(null),[i,o]=Object(l.useState)({message:null,isError:!1}),{currentUser:s}=Object(te.c)(),u=Object(c.V)(s),[d,{loading:m}]=Object(De.c)(jl,{onCompleted:()=>{o({message:"Create category successfuly.",isError:!1});const e=setTimeout(()=>{A()},5e3);r(e)},onError:e=>{o({message:Object(c.ib)(e.toString()),isError:!0})}});Object(l.useEffect)(()=>()=>{clearTimeout(a)},[]);const p=Object(l.useCallback)(()=>t(e=>!e),[]),g=Object(l.useCallback)(e=>{o({message:null,isError:!1}),e&&d({variables:{input:e}}),p()},[]),A=Object(l.useCallback)(()=>B.a.push(`/${u}/categories/`),[u]),b=e?i&&i.message&&n.a.createElement(D.fb,{content:i.message,error:i.isError,duration:5e3,onDismiss:p}):null;return n.a.createElement(wl,null,b,n.a.createElement(D.H,{title:"Add Category",breadcrumbs:[{content:"Categories",url:`/${u}/categories`}]},n.a.createElement(Ol,{onSubmit:g,loading:m,handleRedirect:A})))},Il=o.a` 8552 query categoryById($id: ID!) { 8553 categoryById(id: $id) { 8554 id 8555 name 8556 description 8557 image { 8558 id 8559 name 8560 url 8561 thumbnailUrl 8562 mimeType 8563 } 8564 parentId 8565 children { 8566 id 8567 name 8568 parentId 8569 } 8570 } 8571 } 8572`,Bl=o.a` 8573 mutation updateProductBaseCategory($input: UpdateProductBaseCategory!) { 8574 updateProductBaseCategory(input: $input) { 8575 id 8576 name 8577 description 8578 parentId 8579 image { 8580 id 8581 name 8582 url 8583 thumbnailUrl 8584 } 8585 } 8586 } 8587`,Dl=()=>{const{id:e}=Object(O.i)(),[t,a]=Object(l.useState)(!1),[r,i]=Object(l.useState)(null),[o,s]=Object(l.useState)({message:null,isError:!1}),{currentUser:u}=Object(te.c)(),d=Object(c.V)(u),{data:m,loading:p}=Object(De.d)(Il,{variables:{id:e}}),[g,{loading:A}]=Object(De.c)(Bl,{onCompleted:()=>{s({message:"Update category successfuly.",isError:!1});const e=setTimeout(()=>{f()},2100);i(e)},onError:e=>{s({message:Object(c.ib)(e.toString()),isError:!0})}});Object(l.useEffect)(()=>()=>{clearTimeout(r)},[]);const b=Object(l.useCallback)(()=>a(e=>!e),[]),h=Object(l.useCallback)(t=>{s({message:null,isError:!1}),t&&g({variables:{input:{...t,id:e}}}),b()},[e]),f=Object(l.useCallback)(()=>B.a.push(`/${d}/categories/`),[]),v=t?o&&o.message&&n.a.createElement(D.fb,{content:o.message,error:o.isError,duration:2e3,onDismiss:b}):null,E=p&&n.a.createElement(D.D,null);return n.a.createElement(D.H,{title:"Edit Category",breadcrumbs:[{content:"Categories",url:`/${d}/categories`}]},E,v,n.a.createElement(Ol,{value:null===m||void 0===m?void 0:m.categoryById,onSubmit:h,loading:A,editCategory:!0,handleRedirect:f}))};var Pl=a(365),xl=a.n(Pl);const Ml=j.b.div` 8588 .Polaris-ButtonGroup { 8589 flex-direction: row-reverse; 8590 } 8591 .icon { 8592 .Polaris-Button { 8593 margin-top: -1px; 8594 } 8595 } 8596 .Polaris-ChoiceList__Choices { 8597 display: flex; 8598 gap: 0 2rem; 8599 flex-wrap: wrap; 8600 } 8601 .role-wrap { 8602 display: flex; 8603 flex-direction: column; 8604 padding-top: 1.6rem; 8605 } 8606 .change-password { 8607 padding: 0; 8608 .Polaris-FormLayout__Item { 8609 margin-top: 1.5rem; 8610 :first-child { 8611 margin-left: 0; 8612 } 8613 } 8614 } 8615`,Tl=o.a` 8616 mutation updateUser($input: UpdateUser!) { 8617 updateUser(input: $input) { 8618 id 8619 firstName 8620 lastName 8621 email 8622 roles 8623 phone 8624 address 8625 avatar { 8626 id 8627 url 8628 thumbnailUrl 8629 } 8630 } 8631 } 8632`,Ql=o.a` 8633 query userByID($id: ID!) { 8634 userByID(id: $id) { 8635 id 8636 firstName 8637 lastName 8638 email 8639 phone 8640 roles 8641 ignoreTwoFA 8642 verified 8643 address 8644 qRCodeUrl 8645 verifiedTwoFA 8646 teamUser { 8647 id 8648 role 8649 } 8650 avatar { 8651 id 8652 url 8653 thumbnailUrl 8654 } 8655 } 8656 } 8657`,Rl=e=>{let{redirect:t,id:a,getUser:r}=e;const{currentUser:i}=Object(te.c)(),{isAdministrator:o}=Object(c.j)(i),[u,d]=Object(l.useState)(null),[m,p]=Object(l.useState)(null),[g,A]=Object(l.useState)(null),[b,h]=Object(l.useState)(null),[f,v]=Object(l.useState)(null),[E]=Object(l.useState)(null),[y,C]=Object(l.useState)(null),[O,j]=Object(l.useState)(!1),[w,S]=Object(l.useState)(null),[I,P]=Object(l.useState)(null),[x,M]=Object(l.useState)(!1),[T,Q]=Object(l.useState)(!1),[R,F]=Object(l.useState)({password:null,confirmPassword:null}),N=Object(l.useCallback)(e=>d(e),[]),U=Object(l.useCallback)(e=>p(e),[]),L=Object(l.useCallback)(e=>A(e),[]),V=Object(l.useCallback)(e=>h(e),[]),z=Object(l.useCallback)(e=>v(e),[]),[q,{data:H,error:$,loading:_}]=Object(De.c)(Tl),[G,K]=Object(l.useState)(!1),J=Object(l.useCallback)(()=>{K(e=>!e)},[]),Y=e=>{F(t=>{let a=null;return e||(a="Please choose a password."),{...t,password:a}})},W=e=>{F(t=>{let a=null;return e?k.a.isEqual(e,w)||(a="The two passwords that you entered do n
8657ot match."):a="Please confirm your password.",{...t,confirmPassword:a}})},Z=Object(l.useCallback)(e=>{Y(e),S(e)},[]),X=Object(l.useCallback)(e=>{W(e),P(e)},[]),ee=n.a.createElement("div",{className:"wrap-icon"},n.a.createElement(D.g,{plain:!0,onClick:()=>M(e=>!e)},n.a.createElement(D.w,{source:x?Ja.a:Ka.a}))),ae=G?($||H&&H.updateUser)&&n.a.createElement(D.fb,{content:$?Object(c.ib)($.toString().includes("uix_users_email")?"Email name already in use, please try another name.":""):H&&H.updateUser&&"Update user success!",error:$,duration:2e3,onDismiss:J}):null,le=n.a.useCallback(e=>{var t;const a=!!(null===e||void 0===e||null===(t=e.userByID)||void 0===t?void 0:t.ignoreTwoFA);r((null===e||void 0===e?void 0:e.userByID)||null),j(a)},[r]);return n.a.createElement(Ml,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(s.b,{query:Ql,variables:{id:a},onCompleted:le},e=>{let{error:l,loading:r,data:i}=e;if(r)return n.a.createElement(Je.SkeletonPagePolaris,null);if(l)return n.a.createElement(We.EmptyStatePolaris,null);const s=i.userByID;let d=null!==s.teamUser?s.teamUser:"null",p="null"===d?null:d.role,A=p;return p?p===oe.gb.Admin?A=oe.pb.Seller:p===oe.pb.Supplier&&s.roles.includes(oe.pb.Seller)?A="Seller's "+oe.pb.Supplier:p===oe.pb.Supporter&&s.roles.includes(oe.pb.Seller)&&(A="Seller's "+oe.pb.Supporter):A=s.roles.includes(oe.pb.Supporter)?"MB "+oe.pb.Supporter:s.roles.includes(oe.pb.Supplier)?oe.pb.Supplier:k.a.head(s.roles),n.a.createElement(D.s,{onSubmit:e=>{T&&(Y(w),W(I));let l=k.a.size(k.a.filter(k.a.values(R),e=>null!==e));if(""!==u&&""!==m&&""!==g&&(E&&0!==E.length||null===E)&&(!T||w&&I&&0===l)){let e={firstName:u&&u.length>0?u:s.firstName,lastName:m&&m.length>0?m:s.lastName,email:g&&g.length>0?g:s.email,phone:b&&b.length>0?b:""===b?"":s.phone,address:f&&f.length>0?f:""===f?"":s.address,roles:E&&E.length>0?E:s.roles,avatar:y&&y[0]&&y[0].id?y[0].id:y&&0===y.length?"":s.avatar&&s.avatar.id,newPassword:w,ignoreTwoFA:O};q({variables:{id:a,input:{...e,id:a}}}).then(e=>{const a=setTimeout(()=>{B.a.push(t||"/admin/users")},1e3);return()=>{clearTimeout(a)}}).catch(e=>{}),J()}}},n.a.createElement(D.t,null,n.a.createElement(D.t.Group,null,n.a.createElement(D.cb,{label:"First Name(*)",placeholder:"First name",type:"text",onChange:N,value:null!==u?u:s.firstName,error:""===u&&"Please input first name!"}),n.a.createElement(D.cb,{label:"Last Name(*)",placeholder:"Last name",type:"text",onChange:U,value:null!==m?m:s.lastName,error:""===m&&"Please input last name!"})),n.a.createElement(D.t.Group,null,n.a.createElement(D.cb,{type:"email",label:"Email(*)",placeholder:"Email",onChange:L,value:null!==g?g:s.email,error:""===g?"Please input E-mail!":g&&!Object(c.sb)(g)&&"Email must be a valid email address."})),n.a.createElement("div",{className:"change-password"},n.a.createElement(D.j,{label:"Change Password",checked:T,onChange:()=>Q(e=>!e)}),n.a.createElement(D.l,{open:T,transition:{duration:"150ms",timingFunction:"ease"}},n.a.createElement(D.t.Group,null,n.a.createElement(D.cb,{value:w,onChange:Z,label:"New Password(*)",type:x?"text":"password",placeholder:"***************",suffix:ee,error:R.password}),n.a.createElement(D.cb,{value:I,onChange:X,label:"Confirm New Password(*)",type:x?"text":"password",placeholder:"***************",suffix:ee,error:R.confirmPassword})))),n.a.createElement(D.t.Group,null,n.a.createElement(D.cb,{label:"Phone",placeholder:"Phone",type:"text",onChange:V,value:null!==b?b:s.phone}),n.a.createElement(D.cb,{label:"Address",placeholder:"Address",type:"text",onChange:z,value:null!==f?f:s.address})),n.a.createElement(D.t,null,n.a.createElement("div",{className:"role-wrap"},n.a.createElement("label",null,"Role(*)"),n.a.createElement(D.j,{checked:!0,disabled:!0,label:A}))),n.a.createElement(D.t.Group,null,n.a.createElement(D.j,{label:"Ignore Two-Factor Authentication (2FA)",checked:!!O,onChange:j})),n.a.createElement(D.t.Group,{title:"Avatar",name:"avatar"},s.avatar?n.a.createElement(Ae.a,{accept:"image/*",listType:"picture-card",singleUpload:!0,multiple:!1,onChange:e=>{C(e)},value:y||[s.avatar]}):n.a.createElement(Ae.a,{accept:"image/*",listType:"picture-card",singleUpload:!0,multiple:!1,onChange:e=>{C(e)}}
8657)),o?n.a.createElement(D.t.Group,null,n.a.createElement(Fl,{qRCodeUrl:s.qRCodeUrl})):null,n.a.createElement(D.t.Group,null,n.a.createElement(D.h,null,n.a.createElement(D.g,{submit:"submit",primary:"primary",loading:_},"Save"),n.a.createElement(D.g,{onClick:()=>{B.a.push(t||"/admin/users")}},"Cancel")))))})),ae)},Fl=e=>{let{qRCodeUrl:t}=e;const[a,l]=n.a.useState("");return n.a.useEffect(()=>{t&&xl.a.toDataURL(t).then(l)},[t]),a?n.a.createElement("div",null,n.a.createElement(D.z,{children:"Scan QR Code"}),n.a.createElement("img",{alt:"Two-Factor Authentication",src:a,style:{display:"block",marginLeft:"-16px"}})):null};var Nl=e=>{let{id:t}=e;const[a,l]=Object(Ee.a)(!1),{toggleToast:r,setNotify:i}=Object(Fa.b)(),[o,{loading:s}]=Object(De.c)(Jt.jd,{onCompleted:()=>{i({msg:"Send email activation to this user success.",err:!1}),l()},onError:e=>{i({msg:Object(c.ib)(e.toString()),err:!0}),l()}}),u=n.a.useCallback(()=>{t&&(r&&r(!0),i&&i({msg:null,err:!1}),o({variables:{userID:t}}))},[o,t,r,i]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.g,{onClick:l,children:"Send Email Activation",primary:!0}),n.a.createElement(D.E,{open:a,onClose:l,title:"Send Email Activation",sectioned:!0,secondaryActions:[{content:"Cancel",onAction:l}],primaryAction:{content:"Submit",onAction:u,loading:s}},n.a.createElement("p",null,"Are you sure to send email activation to this user?")))};const Ul=j.b.div``;class Ll extends l.Component{constructor(){super(...arguments),this.state={user:null},this.getUser=e=>{this.setState({user:e})}}render(){const e=this.props.match.params.id,{user:t}=this.state,a=n.a.createElement(D.h,null,t&&!t.verified&&n.a.createElement(Nl,{id:null===t||void 0===t?void 0:t.id}),n.a.createElement(Na,{userId:e,overrides:{primary:!0}}));return n.a.createElement(Ul,null,n.a.createElement(Fa.a,null,n.a.createElement(D.H,{breadcrumbs:[{content:"Users",url:"/admin/users"}],title:"Edit User",primaryAction:a},n.a.createElement(Rl,{redirect:"/admin/users",id:this.props.match.params.id,getUser:this.getUser}))))}}var Vl=Ll,zl=a(1374);const ql=e=>{let{value:t,onChange:a,disabled:r}=e;const[i,o]=Object(l.useState)([]),s=Object(l.useCallback)(e=>{a&&a(e)},[]);return Object(l.useLayoutEffect)(()=>{let e=(null===t||void 0===t?void 0:t.length)>0?t.map((e,a)=>[n.a.createElement("div",{className:"product-title-wrap"},n.a.createElement(D.cb,{value:t[a].title,onChange:e=>{t[a].title=e,s(t)},disabled:r})),n.a.createElement("div",{className:"product-id-wrap"},n.a.createElement(D.cb,{value:t[a].originId,onChange:e=>{t[a].originId=e,s(t)},disabled:r})),n.a.createElement("div",{className:"status-wrap"},n.a.createElement(D.j,{label:"Available",checked:t[a].status,onChange:e=>{t[a].status=e,s(t)}})),n.a.createElement("div",{className:"action-wrap"},n.a.createElement(D.g,{plain:!0,icon:zl.a,onClick:()=>{let e=t.filter((e,t)=>t!==a);s(e)},disabled:r}))]):[];o(e)},[t]),n.a.createElement(D.n,{columnContentTypes:["text","text","text","numeric"],headings:["Product title","Product id","Status","Action"],rows:i,verticalAlign:"middle",hideScrollIndicator:!0})},Hl=j.b.div` 8658 .add-product-wrap { 8659 padding: 1.6rem; 8660 } 8661 .btns-wrap { 8662 padding-top: 3rem; 8663 display: flex; 8664 flex-direction: row-reverse; 8665 } 8666 .pagination-wrap { 8667 padding: 0.5rem 1.6rem 1.6rem; 8668 overflow-x: scroll; 8669 } 8670`,$l=e=>{let{loading:t,onSubmit:a,handleRedirect:r,data:i,total:o,filter:s,setFilter:u,isEditFF:d,onChange:m,loadingQuery:p}=e;const[g,A]=Object(l.useState)({name:null,slug:null}),[b,h]=Object(l.useState)([]),[f,v]=Object(l.useState)({name:null,slug:null}),[E,y]=Object(l.useReducer)((e,t)=>({...e,...t}),{search:""});Object(l.useEffect)(()=>{var e;let t=null===i||void 0===i?void 0:i.fulfillmentById,a=null===t||void 0===t?void 0:t.name,l=null===t||void 0===t?void 0:t.slug;A({name:a,slug:l});let n=null===i||void 0===i||null===(e=i.fulfillmentProductById)||void 0===e?void 0:e.nodes,r=(null===n||void 0===n?void 0:n.length)>0?n.map(e=>{let{__typename:t,...a}=e;return a}):[];h(r)},[i]);const C=Object(l.useCallback)((e,t)=>{A(a=>{let l={};return"name"===t&&(l={name:e,slug:Object(c.Vb)(e)}),{...a,...l,[t]:e}}),j(e,t)},[]),k=Object(l.useCallback)(()=>{let e=[];h(t=>(e=[...t,{title:"",originId:"",status:!1}],e))},[]),O=Object(l.useCallback)(()=>{let{name:e,slug:t}=g;j(e,"name"),j(t,"slug");let l=(null===b||void 0===b?void 0:b.length)>0?b.filter(e=>e.title):[];e&&t&&a&&a({name:e,slug:t,products:l})},[g,b]),j=Object(l.useCallback)((e,t)=>{let a=null,l=t.charAt(0).toUpperCase()+t.substring(1);e||(a=l+" is required."),v(e=>({...e,[t]:a}))},[]),w=Object(l.useRef)(null),S=Object(l.useCallback)(e=>{y({search:e}),w.current&&clearTimeout(w.current),w.current=setTimeout(()=>{u(t=>({...t,search:e,offset:0}))},500)},[b]),I=Object(l.useMemo)(()=>n.a.createElement(D.cb,{value:E.search,onChange:S,placeholder:"Search product",onClearButtonClick:()=>{y({search:""})}}),[E.search,S]);let B=null===s||void 0===s?void 0:s.limit,P=null===s||void 0===s?void 0:s.offset,x=o||b.length;const M={page:P/B+1,totalPage:Math.ceil(x/B),offset:P,limit:B,onChange:m,total:x};return n.a.createElement(Hl,null,n.a.createElement(D.i,{sectioned:!0}
8670,n.a.createElement(D.t,null,n.a.createElement(D.t.Group,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Name",required:!0}),n.a.createElement(D.cb,{value:g.name,id:"name",placeholder:"Enter fulfillment name",onChange:C,error:f.name})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Slug",required:!0}),n.a.createElement(D.cb,{value:g.slug,id:"slug",placeholder:"Enter fulfillment slug",onChange:C,error:f.slug}))))),n.a.createElement(D.i,{title:n.a.createElement(D.Y,{alignment:"center",distribution:"equalSpacing"},n.a.createElement(D.v,{element:"h2"},"Products"),I)},p?n.a.createElement(Je.SkeletonPagePolaris,{sizeSmall:!0}):(null===b||void 0===b?void 0:b.length)>0?n.a.createElement(ql,{value:b,onChange:e=>h(()=>[...e]),disabled:"customcat"===g.slug}):null,n.a.createElement("div",{className:"add-product-wrap"},n.a.createElement(D.g,{icon:pl.a,onClick:k,children:(null===b||void 0===b?void 0:b.length)>0?"Add another product":"Add product",disabled:"customcat"===g.slug})),d&&(null===b||void 0===b?void 0:b.length)>0?n.a.createElement("div",{className:"pagination-wrap"},n.a.createElement(Ye.PaginationPolaris,{aggregation:M,showTotal:!0})):null),n.a.createElement("div",{className:"btns-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Cancel",onClick:r}),n.a.createElement(D.g,{children:"Save",primary:!0,onClick:O,loading:t}))))},_l=o.a` 8671 mutation createFulfillment($input: NewFulfillment!) { 8672 createFulfillment(input: $input) { 8673 id 8674 name 8675 slug 8676 products { 8677 title 8678 originId 8679 status 8680 } 8681 } 8682 } 8683`,Gl=j.b.div` 8684 margin: -1rem; 8685 @media (min-width: 640px) { 8686 margin: -1.5rem; 8687 } 8688`,Kl=o.a` 8689 query fulfillmentById($id: ID!, $filter: FulfillmentProductByIDFilter!) { 8690 fulfillmentById(id: $id) { 8691 id 8692 name 8693 slug 8694 } 8695 fulfillmentProductById(filter: $filter) { 8696 total 8697 nodes { 8698 id 8699 title 8700 originId 8701 status 8702 } 8703 } 8704 } 8705`,Jl=o.a` 8706 mutation updateFulfillment($input: EditFulfillment!) { 8707 updateFulfillment(input: $input) { 8708 id 8709 name 8710 slug 8711 products { 8712 originId 8713 title 8714 status 8715 } 8716 } 8717 } 8718`,Yl=j.b.div` 8719 margin: -1rem; 8720 @media (min-width: 640px) { 8721 margin: -1.5rem; 8722 } 8723`;var Wl=a(646);const Zl=o.a` 8724 mutation createUploadUrl($input: RequestFileUpload!, $uniqueFolder: Boolean) { 8725 createUploadUrl(input: $input, uniqueFolder: $uniqueFolder) { 8726 key 8727 url 8728 } 8729 } 8730`,Xl=o.a` 8731 mutation createFile($input: NewFile!) { 8732 createFile(input: $input) { 8733 id 8734 name 8735 key 8736 mimeType 8737 size 8738 url 8739 thumbnailUrl 8740 } 8741 } 8742`,en=j.b.div` 8743 .uploaded-wrap { 8744 display: block; 8745 margin-top: 2rem; 8746 } 8747 .image-wrap { 8748 position: relative; 8749 display: flex; 8750 flex-direction: row; 8751 justify-content: space-between; 8752 .image-title-wrap { 8753 display: flex; 8754 flex-direction: row; 8755 column-gap: 0.5rem; 8756 } 8757 } 8758`,tn=e=>{const{onChange:t,error:a,onNotificationChange:r,toggleActive:i,label:o,isCrawler:c}=e,[u,d]=Object(l.useState)([]),[m,p]=Object(l.useState)({}),[g,A]=Object(l.useState)([]),[b,h]=Object(l.useState)(!1),[f]=Object(De.c)(Jt.vb,{onError:()=>{}});Object(l.useEffect)(()=>{t&&b&&t(g)},[g,b]);const v=Object(l.useCallback)((e,t,a,l,n)=>{d(()=>[...t]);let r=t;for(let i=0;i<r.length;i++)E(r[i],i,l,n)},[]),E=(e,t,a,l)=>{p(e=>({...e,[t]:!0}));try{const n=new FileReader;n.onloadend=async n=>{const r=n.target.result,i=await a({variables:{input:{name:e.name,mimeType:e.type,size:e.size}}}),{key:o,url:s}=i.data.createUploadUrl;await He.a.put(s,e,{headers:{"Content-Type":e.type},timeout:18e5});const c=await l.mutate({mutation:Xl,variables:{input:{name:e.name,key:o,size:e.size,mimeType:e.type}}});let u=[];c&&(u.push({data:r,file:c.data.createFile}),p(e=>({...e,[t]:!1}))),h(!0),A(e=>[...e,...u])},n.readAsText(e,"UTF-8")}catch(n){}},y=Object(l.useCallback)(e=>{var t;h(!0),d(t=>t.filter((t,a)=>e!==a)),A(t=>t.filter((t,a)=>e!==a));const a=g.length>0?g.find((t,a)=>e===a):null;let l=null===a||void 0===a||null===(t=a.file)||void 0===t?void 0:t.id;l&&f({variables:{id:l,deleteAmz:!0}})},[g]),C=u.length>0?n.a.createElement(D.Y,{vertical:!0},u.map((e,t)=>n.a.createElement("div",{className:"image-wrap",key:"image-"+t},n.a.createElement("div",{className:"image-title-wrap"},m[t]?n.a.createElement(D.X,{size:"small"}):n.a.createElement(D.w,{source:Wl.a}),n.a.createElement("span",null,e.name)),n.a.createElement(D.g,{plain:!0,icon:zl.a,onClick:()=>y(t,e)})))):null;return n.a.createElement(en,null,n.a.createElement(s.a,{mutation:Zl},(e,t)=>{let{client:a}=t;return n.a.createElement("div",null,n.a.createElement(al.a,{label:o,required:!0}),n.a.createElement("p",{className:"mb-2"},n.a.createElement(D.db,{variation:"subdued",children:c?"":"Your import file must have these fields: Order Number or Order ID, Tracking Code, New Tracking Code or Tracking Code 2"})),n.a.createElement(D.p,{customValidator:e=>{i&&i(),r&&r({message:null,isError:!1});let t="";return!["csv","plain"].includes(e.type)&&e.name&&(t=e.name.split(".").pop()),"text/csv"===e.type||"text/plain"===e.type||"csv"===t||(r&&r({message:"Allow .txt or .csv",isError:!0}),!1)},allowMultiple:!1,onDrop:(t,l,n)=>v(t,l,n,e,a)},n.a.createElement(D.p.FileUpload,null)))}),n.a.createElement("div",{className:"uploaded-wrap"},C),a&&n.a.createElement("div",{className:"error_wrap"},n.a.createElement(D.x,{message:a})))},an=j.b.div` 8759 .btn-wrap { 8760 display: flex; 8761 flex-direction: row-reverse; 8762 margin-top: 2rem; 8763 } 8764`,ln=o.a` 8765 mutation adminImportTrackingNumber($input: NewImport!) { 8766 adminImportTrackingNumber(input: $input) { 8767 id 8768 files { 8769 id 8770 url 8771 name 8772 mimeType 8773 } 8774 createdAt 8775 } 8776 } 8777`,nn=()=>{const[e,t]=Object(l.useState)(!1),[a,r]=Object(l.useState)(null),[i,o]=Object(l.useState)([]),[s,u]=Object(l.useState)([]),[d,m]=Object(l.useState)({message:null,isError:!1}),[p,g]=Object(l.useState)({}),[A,{loading:b}]=Object(De.c)(ln,{onCompleted:()=>{m({message:"Import successfuly.",isError:!1});const e=setTimeout(()=>{v()},2100);r(e)},onError:e=>{m({message:Object(c.ib)(e.toString()),isError:!0})}});Object(l.useEffect)(()=>()=>{clearTimeout(a)},[]);const h=Object(l.useCallback)(e=>{let t=null;e.length||(t="File is required."),g(e=>({...e,file:t}))},[]),f=Object(l.useCallback)(e=>{o(e),h(e),E();let t=[],a={};if(e.length)for(let l=0;l<e.length;l++){const n=e[l].data;let r=Object(c.s)(n);if(!r)return;if(r.length<=1)return;const i=r[0].findIndex(e=>"order number"===(e&&e.toLowerCase().trim())||"order id"===(e&&e.toLowerCase().trim())),o=r[0].findIndex(e=>"tracking code"===(e&&e.toLowerCase().trim())),s=r[0].findIndex(e=>"new tracking code"===(e&&e.toLowerCase().trim())||"tracking code 2"===(e&&e.toLowerCase().trim()));if(-1===i||-1===o)return;for(let e=1;e<r.length;e++){const l=r[e],n=Object(C.get)(l,i),c=Object(C.get)(l,o,null),u=Object(C.get)(l,s,"");if(c&&!(Object(C.size)(c)<8))if(a[n]){const e=a[n];c&&(t[e].trackingCode=c),u&&(t[e].trackingCode2=u,t[e].trackingCode||(t[e].trackingCode=u))}else a[n]=t.length,t.push({id:n,trackingCode:c,trackingCode2:u})}}u(t)},[]),v=Object(l.useCallback)(()=>{B.a.push("/admin/manager-files/import")},[]),E=Object(l.useCallback)(()=>t(e=>!e),[]),y=Object(l.useCallback)(()=>
8777{if(h(i),m({message:null,isError:!1}),i.length){let e={files:i.map(e=>e.file.id),orders:s};A({variables:{input:e}})}},[i,s]),k=e?d&&d.message&&n.a.createElement(D.fb,{content:d.message,error:d.isError,duration:2e3,onDismiss:E}):null;return n.a.createElement(an,null,n.a.createElement(D.H,{title:"Import Tracking"},k,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(tn,{label:"Tracking file",toggleActive:E,error:p.file,onNotificationChange:e=>{let{message:t,isError:a}=e;return m(()=>({message:t,isError:a}))},onChange:e=>f(e)})),n.a.createElement("div",{className:"btn-wrap"},n.a.createElement(D.g,{children:"Import",primary:!0,onClick:y,loading:b}))))},rn={firstName:"First name",lastName:"Last name",email:"Email",password:"Password",confirmPassword:"Confirm password",roles:"Roles"},on=j.b.div` 8778 .wrap-icon { 8779 .Polaris-Button { 8780 margin-top: -1px; 8781 } 8782 } 8783 .roles-wrap { 8784 .Polaris-ChoiceList__Choices { 8785 display: flex; 8786 flex-direction: row; 8787 column-gap: 1.6rem; 8788 } 8789 } 8790 .avatar-field { 8791 display: flex; 8792 flex-direction: column; 8793 .list-file_wrap { 8794 height: 120px; 8795 .file-item { 8796 max-width: 120px; 8797 .file_wrap { 8798 height: 100%; 8799 } 8800 } 8801 } 8802 } 8803 .btns-wrap { 8804 padding-top: 1.6rem; 8805 display: flex; 8806 flex-direction: row-reverse; 8807 } 8808`,sn=e=>{let{dataRole:t,editSupplier:a,onSubmit:r,handleRedirect:i,error:o,loading:s,value:u}=e;const[d,m]=Object(l.useState)({firstName:null,lastName:null,email:null,password:null,confirmPassword:null,phone:null,address:null,roles:[],avatar:null}),[p,g]=Object(l.useState)([]),[A,b]=Object(l.useState)({firstName:null,lastName:null,email:null,password:null,confirmPassword:null,roles:null}),[h,f]=Object(l.useState)({password:!0,confirmPassword:!0});Object(l.useEffect)(()=>{let e=(null===t||void 0===t?void 0:t.length)>0?t.map(e=>({value:e,label:e})):[];g(e)},[t]),Object(l.useEffect)(()=>{const e=null===u||void 0===u?void 0:u.userByID;if(e){let{avatar:t,id:a,__typename:l,...n}=e,r=t?[t]:[];m(e=>({...e,...n,avatar:r}))}},[u]);const v=Object(l.useCallback)((e,t)=>{let a,l=null,n=null===d||void 0===d?void 0:d.password;for(let[r,i]of Object.entries(rn))[r].includes(t)&&(a=i);e&&e.length?("email"===t&&(Object(c.sb)(e)||(l="Email must be a valid email address.")),"confirmPassword"===t&&(Object(C.isEqual)(e,n)||(l="The two passwords that you entered do not match."))):l=a+" is required.",b(e=>({...e,[t]:l}))},[d]),E=Object(l.useCallback)((e,t)=>{v(e,t),m(a=>({...a,[t]:e}))},[d]),y=Object(l.useCallback)(()=>{},[]),k=e=>{let{id:t,placeholder:a="",type:l}=e,r={};return l&&(r={type:h[t]?"password":"text",suffix:n.a.createElement("div",{className:"wrap-icon"},n.a.createElement(D.g,{plain:!0,onClick:()=>f(e=>({...e,[t]:!e[t]})),icon:h[t]?Ka.a:Ja.a}))}),n.a.createElement(D.cb,Object.assign({lable:"*",labelHidden:!0,id:t,onChange:(e,t)=>
8808{E(e,t),y()},value:d[t],placeholder:a,error:A[t]},r))},O=Object(l.useCallback)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!e.length)return[];let l=[];for(let n=0;n<e.length;n++){let r=e[n],i=Object(C.capitalize)(Object(C.lowerCase)(r));l.push({id:r,label:i,required:t,render:k({id:r,placeholder:i,type:a})})}return l}),[k]),j=O(["firstName","lastName"],!0),w=O(["password","confirmPassword"],!0,!0),S=O(["phone","address"]),I=[{isGroup:!0,render:j},{id:"email",label:"Email",required:!0,render:k({id:"email",placeholder:"Email"})},...a?[]:[{isGroup:!0,render:w}],{isGroup:!0,render:S}],B=Object(l.useCallback)((e,t)=>{m(a=>({...a,[t]:e})),v(e,t)},[]),P=Object(l.useCallback)(e=>{m(t=>({...t,avatar:(null===e||void 0===e?void 0:e.length)>0?e:[]}))},[]),x=Object(l.useCallback)(()=>{let{firstName:e,lastName:t,email:l,password:n,confirmPassword:i,roles:o,...s}=d;for(let[a]of Object.entries(rn))v(d[a],a);let c=Object(C.size)(Object(C.filter)(Object(C.values)(A),e=>null!==e)),u=d.avatar,m={...s,firstName:e,lastName:t,email:l,password:n,roles:o,avatar:u&&u.length>0?Object(C.head)(u.map(e=>"object"===typeof e?e.id:e)):""},p=!1;if(a){if(e&&t&&l&&o&&0===c){p=!0;let{password:e,...t}=m;m=t}}else e&&t&&l&&n&&i&&o&&0===c&&(p=!0);p&&r&&r(m)},[d,A,a]);return n.a.createElement(on,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,I.map((e,t)=>{let a=null===e||void 0===e?void 0:e.isGroup,l=null===e||void 0===e?void 0:e.render;return a&&Array.isArray(l)&&l.length?n.a.createElement(D.t.Group,{key:t},l.map((e,t)=>n.a.createElement("div",{className:"field_wrap",key:t},n.a.createElement(al.a,{required:e.required,label:e.label}),e.render))):n.a.createElement("div",{className:"field_wrap",key:t},n.a.createElement(al.a,{required:e.required,label:e.label}),e.render)}),n.a.createElement("div",{className:"roles-wrap"},n.a.createElement(al.a,{label:"Roles",required:!0}),o?n.a.createElement("div",null,"Error: ",Object(c.ib)(o.toString())):n.a.createElement(n.a.Fragment,null,n.a.createElement(D.k,{choices:p,selected:d.roles,onChange:B,name:"roles",allowMultiple:!0}),(null===A||void 0===A?void 0:A.roles)&&n.a.createElement(D.x,{message:A.roles}))),n.a.createElement("div",{className:"avatar-field"},n.a.createElement(al.a,{label:"Avatar"}),a?n.a.createElement(n.a.Fragment,null,d.avatar?n.a.createElement(dl.a,{accept:"image/*",singleUpload:!0,multiple:!1,onChange:e=>P(e),value:d.avatar,sizeSmall:!0}):null):n.a.createElement(dl.a,{sizeSmall:!0,accept:"image/*",singleUpload:!0,multiple:!1,onChange:e=>P(e)})),n.a.createElement("div",{className:"btns-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Cancel",onClick:i}),n.a.createElement(D.g,{children:"Save",primary:!0,onClick:x,loading:s}))))))},cn=j.b.div``,un=o.a` 8809 mutation createUser($input: NewUser!) { 8810 createUser(input: $input) { 8811 id 8812 firstName 8813 lastName 8814 email 8815 roles 8816 phone 8817 status 8818 verified 8819 address 8820 avatar { 8821 id 8822 url 8823 thumbnailUrl 8824 } 8825 } 8826 } 8827`,dn=o.a` 8828 query systemRoles { 8829 systemRoles 8830 } 8831`,mn=o.a` 8832 mutation updateUser($input: UpdateUser!) { 8833 updateUser(input: $input) { 8834 id 8835 firstName 8836 lastName 8837 email 8838 roles 8839 phone 8840 address 8841 avatar { 8842 id 8843 url 8844 thumbnailUrl 8845 } 8846 } 8847 } 8848`,pn=o.a` 8849 query userByID($id: ID!) { 8850 userByID(id: $id) { 8851 id 8852 firstName 8853 lastName 8854 email 8855 phone 8856 roles 8857 address 8858 avatar { 8859 id 8860 url 8861 thumbnailUrl 8862 } 8863 } 8864 } 8865`,gn=o.a` 8866 query systemRoles { 8867 systemRoles 8868 } 8869`,An=j.b.div` 8870 margin: -1rem; 8871 @media (min-width: 640px) { 8872 margin: -1.5rem; 8873 } 8874`,bn=j.b.div` 8875 margin: -1rem; 8876 @media (min-width: 640px) { 8877 margin: -1.5rem; 8878 } 8879`,hn=j.b.iframe` 8880 width: 100%; 8881 height: calc(100vh - 61px); 8882 border: none; 8883`,fn=()=>n.a.createElement(bn,{className:"iframe-documentations"},n.a.createElement(hn,{title:"Documentations",src:"https://merchbridge.com/docs?is_iframe=true"}));var vn=a(1601),En=a(348),yn=a.n(En);function Cn(e){const t=e.className;return n.a.createElement(sa.a,{to:"/",className:"lg:inline-block hidden "+t},n.a.createElement("img",{className:"mb-logo",src:yn.a,alt:"MerchBridge.com"}))}var kn=a(762);o.a` 8884 mutation updateProfile($input: EditProfile!) { 8885 updateProfile(input: $input) { 8886 id 8887 firstName 8888 lastName 8889 email 8890 phone 8891 address 8892 avatar { 8893 id 8894 name 8895 url 8896 thumbnailUrl 8897 } 8898 teamUser { 8899 team { 8900 id 8901 } 8902 } 8903 roles 8904 } 8905 } 8906`;const On=o.a` 8907 query me { 8908 me { 8909 id 8910 firstName 8911 lastName 8912 email 8913 phone 8914 address 8915 avatar { 8916 id 8917 name 8918 url 8919 thumbnailUrl 8920 } 8921 teamUser { 8922 role 8923 team { 8924 id 8925 } 8926 } 8927 roles 8928 } 8929 } 8930`;j.b.div` 8931 max-width: 700px; 8932 .ant-form-item { 8933 margin-bottom: 15px; 8934 } 8935 .password { 8936 width: 50%; 8937 } 8938 .border-t { 8939 margin-top: 6px; 8940 } 8941 .submit-btn { 8942 height: 40px; 8943 } 8944`;n.a.Component;var jn=a(52);const wn=o.a` 8945 query storeListOfMe { 8946 storeListOfMe { 8947 total 8948 nodes { 8949 id 8950 title 8951 domain 8952 } 8953 } 8954 } 8955`;class Sn extends l.Component{constructor(){super(...arguments),this.state={current:""}}render(){const{current:e}=this.state;return n.a.createElement(s.b,{query:wn},t=>{let{loading:a,error:l,data:r}=t;if(a||l)return null;const i=r.storeListOfMe.nodes?r.storeListOfMe.nodes:null;return!i||i&&!i.length?n.a.createElement("div",null):n.a.createElement(te.a.Consumer,null,t=>{let{setStore:a,store:l,currentUser:r}=t;return i&&r.teamUser.role===oe.pb.StoreManager?l?n.a.createElement(h.a,{style:{width:"150px"},onChange:(e,t)=>
8955{a(t.data)},value:l&&l.id},i.map(e=>n.a.createElement(h.a.Option,{key:e.id,data:e},e.title))):null:i&&r.teamUser.role===oe.pb.Admin&&n.a.createElement(G.a,{overlay:n.a.createElement(K.a,{selectedKeys:[e]},i.map((e,t)=>n.a.createElement(K.a.Item,{key:t},n.a.createElement(jn.a,{href:""+e.domain},e.title)))),trigger:["click"]},n.a.createElement("span",{className:"submenu-title-wrapper-avatar cursor-pointer"},n.a.createElement(kn.a,{style:{fontSize:"22px"},className:"mr-1"}),"Teesight Store"))})})}}var In=Sn,Bn=a(418);const{SubMenu:Dn}=K.a,Pn={fontSize:"20px"},xn={display:"flex"},Mn=[{title:"Users",router:"/admin/users",key:"users",icon:"user",child:[{title:"All Users",router:"/admin/users"},{title:"Add New User",router:"/admin/users/add"}]},{title:"Product Bases",icon:"code-sandbox",key:"product-base",router:"/admin/product-bases",child:[{title:"Add Product base",router:"/admin/product-bases/add",hidden:!0},{title:"Edit product base",router:"/admin/product-bases/edit/:id",hidden:!0},{title:"All Product Bases",router:"/admin/product-bases"},{title:"All Categories ",router:"/admin/categories"}]},{title:"Orders",icon:"shopping",key:"orders",router:"/admin/orders",child:[{title:"Orders",router:"/admin/orders"},{title:"Supplier Orders",router:"/admin/orders/supplier"},{title:"Claims",router:"/admin/claims"}]},{title:"Sellers",router:"/admin/sellers",key:"sellers",icon:"shopping-cart",child:[{title:"All Sellers",router:"/admin/sellers"}]},{title:"Fulfillment",key:"fulfillment",icon:"build",router:"/admin/fulfillment",child:[{title:"Manage Fulfillment",router:"/admin/fulfillment",key:"fulfillment-manage"},{title:"Manage Suppliers",router:"/admin/suppliers",key:"suppliers"}]},{title:"Billings",key:"billings",icon:"shopping-cart",router:"/admin/billings/overview",child:[{title:"Overview",router:"/admin/billings/overview"},{title:"All Deposits",router:"/admin/billings/deposits"},{title:"All Transactions",router:"/admin/billings/transactions"},{title:"All Invoices",router:"/admin/billings/invoices"}]},{title:"Manager Files",key:"managerFiles",icon:"file-text",router:"/admin/manager-files/import",child:[{title:"Import Files",router:"/admin/manager-files/import"},{title:"Export Files",router:"/admin/manager-files/export"},{title:"Export Templates",router:"/admin/manager-files/export-templates"}]},{title:"Reports",router:"/admin/reports",key:"reports",icon:"skin"},{title:"Carriers",key:"carriers",icon:"car",router:"/admin/carriers",child:[{title:"All Carriers",router:"/admin/carriers"},{title:"Add Carrier",router:"/admin/add-carriers"}]},{title:"System",key:"system",icon:"setting",router:"/admin/system/settings",child:[{title:"Settings",router:"/admin/system/settings"},{title:"Cron Jobs",router:"/admin/system/cron-jobs"}]}],Tn=[{title:"Sales Channels",key:"sales_channels",icon:"shop",child:[{title:"Online Stores",router:"/seller/stores"},{title:"Add Store",router:"/seller/store/add",hidden:!0},{title:"Amazon",router:"/seller/stores/amazon"},{title:"Amazon",router:"/seller/stores/amazon/add",hidden:!0},{title:"Ebay",router:"/seller/stores/ebay"},{title:"Etsy",router:"/seller/stores/etsy"},{title:"Etsy",router:"/seller/stores/etsy/add",hidden:!0}]},{title:"Products",router:"/seller/products",key:"seller-products",icon:"inbox",child:[{title:"All Products",router:"/seller/products"},{title:"Collections",router:"/seller/collections"},{title:"Tags",router:"/seller/tags"},{title:"Product Feeds",router:"/seller/products/feeds"},{title:"Add Product Feed",router:"/seller/products/feeds/add",hidden:!0},{hidden:!0,title:"Edit Product Campaign",router:"/seller/products/campaign/:id"}]},{title:"Orders",icon:"shopping",key:"orders",router:"/seller/orders",child:[{title:"Orders",router:"/seller/orders"},{title:"Mapping Orders",router:"/seller/mapping",badge:n.a.createElement(Bn.a,null)},{title:"Claims",router:"/seller/claims"}]},{title:"Members",icon:"team",router:"/seller/team-members",key:"team-members",child:[{title:"All Members",router:"/seller/team-members"},{title:"Add Member",router:"/seller/add-team-member"}]},{title:"Suppliers",router:"/seller/suppliers",key:"suppliers",icon:"build",child:[{title:"All Suppliers",router:"/seller/suppliers"},{title:"Add Supplier",router:"/seller/supplier/add"}]},{title:"Billings",key:"seller-billings",router:"/seller/billings/deposits",icon:"shopping-cart",child:[{title:"All Deposits",router:"/seller/billings/deposits"},{title:"Transactions",router:"/seller/billings/transactions"},{title:"Invoices",router:"/seller/billings/invoices"}]},{title:"Tasks",icon:"ordered-list",router:"/seller/design-tasks",key:"design-tasks",child:[{title:"Create Designs",router:"/seller/design-tasks"}]},{title:"Tools",icon:"tool",router:"/tools/product-crawlers",key:"tools",child:[{title:"Product Crawlers",router:"/tools/product-crawlers"},{title:"Product Assortment",router:"/tools/product-assortment"},{title:"Push Products",router:"/tools/product-push"}]}
8955,{title:"Apps",icon:"appstore",router:"/seller/apps",key:"apps",child:[{title:"All Apps",router:"/seller/apps"}]}],Qn=[{title:"Orders",icon:"shopping",key:"orders",router:"/admin/orders",child:[{title:"Orders",router:"/admin/orders"},{title:"Supplier Orders",router:"/admin/orders/supplier"},{title:"Claims",router:"/admin/claims"}]},{title:"Manager Files",key:"managerFiles",icon:"file-text",router:"/admin/manager-files/import",child:[{title:"Import Files",router:"/admin/manager-files/import"},{title:"Export Files",router:"/admin/manager-files/export"}]}],Rn=[{title:"Products",router:"/seller/products",key:"seller-products",icon:"inbox",child:[{title:"All Products",router:"/seller/products"},{title:"Collections",router:"/seller/collections"},{title:"Tags",router:"/seller/tags"},{title:"Product Feeds",router:"/seller/products/feeds"},{title:"Add Product Feed",router:"/seller/products/feeds/add",hidden:!0},{hidden:!0,title:"Edit Product Campaign",router:"/seller/products/campaign/:id"}]},{title:"Orders",icon:"shopping",key:"orders",router:"/store-manager/orders",child:[{title:"Orders",router:"/store-manager/orders"},{title:"Mapping Orders",router:"/store-manager/mapping",badge:n.a.createElement(Bn.a,null)},{title:"Claims",router:"/seller/claims"}]},{title:"Tasks",icon:"ordered-list",router:"/seller/design-tasks",key:"design-tasks",child:[{title:"Create Designs",router:"/seller/design-tasks"}]},{title:"Tools",icon:"tool",router:"/tools/product-crawlers",key:"tools",child:[{title:"Product Crawlers",router:"/tools/product-crawlers"},{title:"Product Assortment",router:"/tools/product-assortment"},{title:"Push Products",router:"/tools/product-push"}]}],Fn=[{title:"Products",router:"/seller/products",key:"seller-products",icon:"inbox",child:[{title:"All Products",router:"/seller/products"},{title:"Collections",router:"/seller/collections"},{title:"Tags",router:"/seller/tags"}]},{title:"Orders",icon:"shopping",key:"orders",router:"/seller/orders",child:[{title:"Orders",router:"/seller/orders"},{title:"Mapping Orders",router:"/seller/mapping",badge:n.a.createElement(Bn.a,null)},{title:"Claims",router:"/seller/claims"}]},{title:"Tools",icon:"tool",router:"/tools/product-assortment",key:"tools",child:[{title:"Product Assortment",router:"/tools/product-assortment"}]}],Nn=[{title:"Stores",router:"/admin/dashboard",key:"stores",icon:"shop",child:[{title:"Add Store",router:"/seller/store/add",icon:"skin"},{title:"All Stores",router:"/seller/stores",icon:"shopping-cart"}]},{title:"Product Bases",icon:"code-sandbox",key:"product-base",child:[{title:"Add New",router:"/seller/product-bases/add",icon:"skin"},{title:"Product Bases",router:"/seller/product-bases",icon:"shopping-cart"}]},{title:"Products",router:"/seller/products",key:"seller-products",icon:"inbox",child:[{title:"Add Product",router:"/seller/products/add",hidden:!0},{title:"Add Product Campaign",router:"/seller/products/add-campaign",hidden:!0},{title:"Edit Product",router:"/seller/products/edit/:id",hidden:!0},{title:"All Products",router:"/seller/products"},{title:"Add Product",router:"/seller/product/add-product"},{title:"Add Campaign",router:"/seller/product/add-campaign"},{title:"Collections",router:"/seller/product/add-collections"},{title:"Tags",router:"/seller/product/add-tags"}]},{title:"Orders",icon:"shopping",key:"orders",child:[{title:"Orders",router:"/seller/orders",icon:"skin"},{title:"Claims",router:"/seller/claims",icon:"shopping-cart"}]},{title:"Members",icon:"team",key:"team-members",child:[{title:"Add Team Member",router:"/seller/add-team-member"},{title:"All Team Member",router:"/seller/team-members"}]},{title:"Suppliers",router:"/seller/suppliers",key:"suppliers",icon:"build"},{title:"Billings",key:"seller-billings",icon:"shopping-cart",router:"/seller/billings/deposits",child:[{title:"All Deposits",router:"/seller/billings/deposits"},{title:"Transactions",router:"/seller/billings/transactions"}]},{title:"Tools",icon:"tool",key:"tools",child:[{title:"Product Crawlers",router:"/tools/product-crawlers"},{title:"Product Assortment",router:"/tools/product-assortment"}]}],Un=[{title:"Orders",icon:"shopping",key:"orders",router:"/supplier/orders",child:[{title:"All Orders",router:"/supplier/orders"},{title:"Claims",router:"/supplier/claims"},{title:"Import Tracking",router:"/supplier/import-tracking"}]},{title:"Billings",key:"supplier-billings",icon:"shopping-cart",router:"/supplier/billings/deposits",child:[{title:"All Deposits",router:"/supplier/billings/deposits"},{title:"Transactions",router:"/supplier/billings/transactions"}]},{title:"Manager Files",key:"manager-files",icon:"file",router:"/supplier/imports",child:[{title:"Import Files",router:"/supplier/imports"},{title:"Exports Files",router:"/supplier/export-tracking"},{title:"Export Templates",router:"/supplier/manager-files/export-templates"}]}],Ln=[{title:"Tasks",icon:"ordered-list",router:"/designer/design-tasks",key:"design-tasks",child:[{title:"Create Designs",router:"/designer/design-tasks"}]}];class Vn extends n.a.Component{constructor(){super(...arguments),this.renderMenu=e=>e.map(e=>
8955e.child?n.a.createElement(Dn,{key:e.key,className:"top-menu",onTitleClick:()=>{B.a.push(e.router)},title:n.a.createElement(sa.a,{to:e.router},e.icon&&n.a.createElement(d.a,{style:Pn,type:e.icon}),n.a.createElement("span",null,e.title))},e.child.map(e=>n.a.createElement(K.a.Item,{hidden:e.hidden,key:e.router,className:"menu-child-item"},n.a.createElement(sa.a,{to:e.router},e.icon&&n.a.createElement(d.a,{style:Pn,type:e.icon}),n.a.createElement("span",null,e.title),e.badge?e.badge:null)))):n.a.createElement(K.a.Item,{key:e.router,className:"top-menu-without-child"},n.a.createElement(sa.a,{to:e.router},e.icon&&n.a.createElement(d.a,{style:Pn,type:e.icon}),n.a.createElement("span",null,e.title))))}render(){const{menuMobile:e,match:t}=this.props;let a=[],l=[],i={},o={};return[...Mn,...Nn,...Tn,...Un,...Rn,...Qn,...Ln].forEach(e=>{i[e.router]=e.key,o[e.router]=e.key,e.child&&e.child.length&&e.child.forEach(t=>{i[t.router]=e.key,o[t.router]=t.router})}),t&&(i[t.path]&&(a=[i[t.path]]),o[t.path]&&(l=[o[t.path]])),n.a.createElement(s.b,{query:On},t=>{let{error:i,loading:o,data:u}=t;if(o)return n.a.createElement("div",{className:"p-4"},n.a.createElement(r.a,{active:!0}));if(i)return n.a.createElement("div",null,"Error:",Object(c.ib)(i.toString()));const d=u.me.roles,m=u.me.teamUser?u.me.teamUser.role:null;return n.a.createElement(te.a.Consumer,null,t=>{let{store:i}=t;return n.a.createElement(s.b,{query:wn,skip:!d.includes(oe.pb.Seller)},t=>{let{data:o,loading:s,error:c}=t;return s?n.a.createElement("div",{className:"p-4"},n.a.createElement(r.a,{active:!0})):m!==oe.pb.StoreManager||i?n.a.createElement(K.a,{selectedKeys:l,defaultOpenKeys:a,mode:"inline",className:"sidebar "+(e?"sidebar-mobile":"")},e?n.a.createElement(K.a.Item,{key:"sub10",className:"items-center rounded logo-mobile",style:xn},n.a.createElement(Cn,null)):null,e&&o&&"Store Manager"!==m?n.a.createElement(K.a.SubMenu,{className:"top-menu",key:"sub11",title:n.a.createElement("span",null,n.a.createElement(kn.a,{style:{fontSize:20}}),n.a.createElement("span",{className:"font-medium text-color"},"Tee Store"))},o&&o.storeListOfMe&&o.storeListOfMe.nodes&&o.storeListOfMe.nodes.map(e=>n.a.createElement(K.a.Item,{key:e.id,className:"menu-child-item"},n.a.createElement(jn.a,{href:e.domain},e.title)))):null,d.map(e=>{const t={Administrator:this.renderMenu(Mn),[oe.pb.Supporter]:this.renderMenu(Qn),Seller:{[oe.pb.StoreManager]:i?this.renderMenu(Rn):null,[oe.gb.Supporter]:this.renderMenu(Fn),[oe.pb.Admin]:this.renderMenu(Tn),[oe.gb.Designer]:this.renderMenu(Ln)},Supplier:this.renderMenu(Un)};return m?t[e][m]:t[e]})):null})})})}}var zn=Vn,qn=a(162),Hn=a(766);var $n=Object(O.j)((function(e){const[t,a]=Object(l.useState)(!1),r=Object(l.useRef)(null);let i="";t&&(i="show-menu");const o=e=>{r.current.contains(e.target)||a(!1)};return Object(l.useEffect)(()=>(document.addEventListener("click",o,!0),()=>document.removeEventListener("click",o,!0)),[]),n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{ref:r,className:"block lg:hidden menu-mobile-wrap"},n.a.createElement("button",{className:"focus:outline-none ml-2 cursor-pointer",onClick:()=>{a(!t)}},t?n.a.createElement(qn.a,{style:{fontSize:16,color:"#000"}}):n.a.createElement(Hn.a,{style:{fontSize:16,color:"#000"}})),n.a.createElement("div",{className:"menu-mobile "+i},n.a.createElement(zn,{menuMobile:t,match:e.match}))),n.a.createElement("div",{className:"ant-modal-mask"+(t?"":" ant-modal-mask-hidden")}))}));class _n extends l.Component{render(){const{onError:e,onCompleted:t}=this.props;return n.a.createElement(te.a.Consumer,null,a=>{let{setStore:l,setCurrentUser:r}=a;return n.a.createElement(s.a,{onCompleted:t,onError:e,mutation:o.a` 8956 mutation logout { 8957 logout 8958 } 8959 `},(e,a)=>{let{client:i}=a;return n.a.createElement(sa.a,{to:"/login",href:"#",onClick:async()=>{try{await e()}catch(a){}t&&t(),localStorage&&localStorage.removeItem("store"),localStorage.clear(),l(null),r(null),i.resetStore()}},"Logout")})})}}var Gn=_n;const Kn=o.a` 8960 mutation changePassword($input: NewPassword!) { 8961 changePassword(input: $input) 8962 } 8963`;class Jn extends l.Component{constructor(){super(...arguments),this.state={loading:!1,showModal:!1},this.handleConfirmBlur=e=>{const{value:t}=e.target;this.setState({confirmDirty:this.state.confirmDirty||!!t})}}render(){const{showModal:e}=this.state,t={labelCol:{span:24},wrapperCol:{span:24}};return n.a.createElement(n.a.Fragment,null,n.a.createElement("a",{href:"#changePassword",onClick:e=>{e.preventDefault(),this.setState({showModal:!0})}},"Change Password"),n.a.createElement(s.a,{onError:e=>{i.a.error({message:Object(c.ib)(e.toString())}),this.setState({loading:!1})},onCompleted:()=>{i.a.success({message:"Password has been changed!"}),this.setState({showModal:!1})},mutation:Kn},a=>n.a.createElement(y.a,{footer:null,onCancel:()=>this.setState({showModal:!1}),visible:e,title:"Change Password"},n.a.createElement(x.a,Object.assign({},t,{onFinish:e=>{e&&this.setState({loading:!0},()=>{a({variables:{input:{currentPassword:e.currentPassword,password:e.password}}})})}}),n.a.createElement(x.a.Item,{label:"Current password",name:"currentPassword",rules:[{required:!0,message:"Current password is required!"}]},n.a.createElement(p.a.Password,null)),n.a.createElement(x.a.Item,{label:"New Password",name:"password",hasFeedback:!0,rules:[{required:!0,message:"Please choose a password."}]},n.a.createElement(p.a.Password,{placeholder:"***************"})),n.a.createElement(x.a.Item,{label:"Confirm password",name:"confirm",hasFeedback:!0,dependencies:["password"],rules:[{required:!0,message:"Please confirm your password!"},e=>{let{getFieldValue:t}=e;return{validator:(e,a)=>a&&t("password")!==a?Promise.reject("The two passwords that you entered do n
8963ot match!"):Promise.resolve()}}]},n.a.createElement(p.a.Password,{placeholder:"***************",onBlur:this.handleConfirmBlur})),n.a.createElement(x.a.Item,{style:{textAlign:"right"}},n.a.createElement(v.a,{className:"mr-2",onClick:()=>this.setState({showModal:!1})},"Cancel"),n.a.createElement(v.a,{type:"primary",htmlType:"submit"},"Save"))))))}}var Yn=Jn;const{Search:Wn}=p.a;class Zn extends l.Component{constructor(){super(...arguments),this.state={clickSave:!1},this.handleCancel=()=>{let{showBtnSave:e,aggregations:{link:t}}=this.props;e?y.a.confirm({title:"Cancel all unsaved changes?",icon:n.a.createElement(m.a,null),content:"If Ok, you'll delete any edits you made.",onOk(){B.a.push(t)},cancelText:"Continue"}):B.a.push(t)},this.handleSave=()=>{let{clickSave:e}=this.state,{onSubmit:t}=this.props;this.setState({clickSave:!e},()=>{t&&t(e)})}}render(){const{showSticky:e,showBtnSave:t,aggregations:a}=this.props,{title:l,btnName:r,loading:i}=a||{};let o="",s="header-right flex items-center";return e&&(o="header-sticky",l&&(s+=" sticky-right")),n.a.createElement(g.a,{id:"header",className:"items-center "+o},n.a.createElement(A.a,{className:"header-left"},n.a.createElement(Cn,{className:"ml-20"}),n.a.createElement($n,null)),n.a.createElement(g.a,{className:s,style:{paddingTop:6,paddingBottom:6}},e?n.a.createElement(n.a.Fragment,null,n.a.createElement(A.a,{className:"ml-4 lg:ml-6 sticky-title"},l),n.a.createElement(A.a,{className:"mr-0 lg:mr-6 mr-4",style:{marginLeft:"auto"}},n.a.createElement(v.a,{className:"mr-4",onClick:this.handleCancel},"Cancel"),n.a.createElement(v.a,{type:"primary",icon:n.a.createElement(d.a,{type:"save"}),disabled:!t,loading:i,onClick:this.handleSave},r||"Save"))):n.a.createElement(n.a.Fragment,null,n.a.createElement(A.a,{className:"flex-1 flex justify-left"},n.a.createElement("div",{className:"header-search"},n.a.createElement(Wn,{placeholder:"Search stores, orders, products and more...",onSearch:e=>{},className:"header-search"}))),n.a.createElement(A.a,{className:""},n.a.createElement(te.a.Consumer,null,e=>{let{currentUser:t,logout:a}=e;return n.a.createElement("div",{className:"flex items-center lg:mr-6 mr-4"},t?n.a.createElement("div",{className:"w-full"},n.a.createElement("div",{style:{display:"flex"},className:"relative ml-auto hidden justify-end lg:inline-block items-center"},"Seller"!==t.roles[0]?null:n.a.createElement(In,null),n.a.createElement(G.a,{overlay:n.a.createElement(K.a,null,n.a.createElement(K.a.Item,null,n.a.createElement(sa.a,{to:"/edit-profile",rel:"noopener noreferrer"},"Edit Profile")),n.a.createElement(K.a.Item,null,n.a.createElement(Yn,null)),n.a.createElement(K.a.Item,null,n.a.createElement(Gn,{onCompleted:()=>{a(),B.a.push("/login")}}))),trigger:["click"]},n.a.createElement("span",{className:"submenu-title-wrapper ml-4 cursor-pointer"},t.avatar?n.a.createElement(vn.a,{src:t.avatar.url}):n.a.createElement(vn.a,null,t.firstName),n.a.createElement("span",{className:"hidden lg:inline-block",style:{marginLeft:5}},`${t.firstName} ${t.lastName}`))))):null)})))))}}var Xn=Zn,er=a(349);class tr extends l.Component{constructor(){super(...arguments),this.state={collapsed:!1,showSticky:!1},this.toggle=()=>{this.setState({collapsed:!this.state.collapsed})}}componentDidUpdate(e){let{match:{path:t},showBtnSave:a,aggregations:{step:l}}=this.props;a!==e.showBtnSave&&((t.includes("/product-bases/edit")||t.includes("/products/edit")||t.includes("/product-bases/add"))&&(!0===a?this.setState({showSticky:!0}):this.setState({showSticky:!1})),(t.includes("/products/add")||t.includes("/products/add-campaign")||t.includes("/products/campaign")&&2===l)&&(!0===a?this.setState({showSticky:!0}):this.setState({showSticky:!1})))}render(){const{title:e,showBtnSave:t,aggregations:a,onSubmit:l}=this.props,{showSticky:r}=this.state;return n.a.createElement(n.a.Fragment,null,n.a.createElement(er.Helmet,null,n.a.createElement("title",null," ",""+(e?e+" - ":""),"Merch Bridge")),n.a.createElement(Xn,{onSubmit:e=>l(e),aggregations:a,showSticky:r,showBtnSave:t}),n.a.createElement(g.a,{style:{flexWrap:"nowrap"}},n.a.createElement(A.a,null,n.a.createElement("div",{className:"hidden lg:block"},n.a.createElement(zn,this.props))),n.a.createElement(A.a,{className:"p-4 sm:p-6 mb-main-content",style:{minHeight:"calc(100vh - 64px)",background:"#f0f2f5",marginRight:"auto",marginLeft:"auto"}},this.props.children)))}}var ar=tr;const lr=j.b.div` 8964 .btn-wrap { 8965 display: flex; 8966 flex-direction: row-reverse; 8967 } 8968`,nr=o.a` 8969 query suppliers { 8970 suppliers { 8971 id 8972 firstName 8973 lastName 8974 } 8975 } 8976`,rr=o.a` 8977 mutation createDeposit($input: NewDeposit!) { 8978 createDeposit(input: $input) { 8979 id 8980 amount 8981 journal { 8982 id 8983 refId 8984 comment 8985 status 8986 } 8987 createdAt 8988 account { 8989 id 8990 firstName 8991 lastName 8992 } 8993 creator { 8994 id 8995 firstName 8996 lastName 8997 } 8998 } 8999 } 9000`,ir={amount:"Amount is required",supplierId:"Supplier is required"},or=()=>{const[e,t]=Object(l.useState)({amount:null,refId:null,comment:null,supplierId:null}),[a,r]=Object(l.useState)([]),[i,o]=Object(l.useState)(!1),[s,u]=Object(l.useState)(null),[d,m]=Object(l.useState)({message:null,isError:!1}),[p,g]=Object(l.useState)({}),{data:A,loading:b,error:h}=Object(De.d)(nr),[f,{loading:v}]=Object(De.c)(rr,{onCompleted:()=>{m({message:"Create deposit successfuly.",isError:!1});const e=setTimeout(()=>{E()},2100);u(e)},onError:e=>{m({message:Object(c.ib)(e.toString()),isError:!0})}});Object(l.useEffect)(()=>{var e;let t=(null===A||void 0===A||null===(e=A.suppliers)||void 0===e?void 0:e.length)>0?A.suppliers.map(e=>({value:e.id,label:`${e.firstName} ${e.lastName}`})):[];r(t)},[A]),Object(l.useEffect)(()=>()=>{clearTimeout(s)},[]);const E=Object(l.useCallback)(()=>{B.a.push("/admin/billings/deposits")},[]),y=Object(l.useCallback)(()=>o(e=>!e),[]),k=Object(l.useCallback)((e,t)=>{let a,l=null;for(let[n,r]of Object.entries(ir))[n].includes(n)&&(a=r);e&&e.length||(l=a),g(e=>({...e,[t]:l}))},[]),O=Object(l.useCallback)((e,a)=>{t(t=>({...t,[a]:e})),k(e,a)},[]),j=Object(l.useCallback)(()=>{for(let[n]of Object.entries(ir))k(e[n],n);const{amount:t,supplierId:a}=e,l=Object(C.size)(Object(C.filter)(Object(C.values)(p),e=>null!==e));t&&a&&a.length&&0===l&&(m({message:null,isError:!1}),f({variables:{input:e}}),y())},[h,e]),w=b&&n.a.createElement(D.D,null),S=i?d&&d.message&&n.a.createElement(D.fb,{content:d.message,error:d.isError,duration:2e3,onDismiss:y}):null;return n.a.createElement(lr,null,w,S,n.a.createElement(D.i,{sectioned:!0}
9000,n.a.createElement(D.t,null,n.a.createElement(D.t.Group,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Amount",required:!0}),n.a.createElement(D.cb,{type:"number",min:0,value:e.amount,onChange:O,id:"amount",error:p.amount,placeholder:"Enter amount"})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Payoneer transaction ID"}),n.a.createElement(D.cb,{value:e.refId,onChange:O,id:"refId",placeholder:"Enter Payoneer transaction"}))),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Supplier",required:!0}),b?n.a.createElement(D.X,{size:"small"}):h?n.a.createElement("div",null,"Error: ",Object(c.ib)(h.toString())):n.a.createElement(yl.a,{options:a,labelHidden:!0,placeholder:"Choose supplier",onChange:e=>O(e,"supplierId"),error:p.supplierId})),n.a.createElement(D.cb,{label:"Message",multiline:3,value:e.comment,id:"comment",onChange:O}),n.a.createElement("div",{className:"btn-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Cancel",onClick:E}),n.a.createElement(D.g,{children:"Submit",primary:!0,onClick:j,loading:v}))))))},sr=j.b.div` 9001 margin: -1rem; 9002 @media (min-width: 640px) { 9003 margin: -1.5rem; 9004 } 9005`,cr=j.b.div` 9006 display: flex; 9007 padding-top: 0.8rem; 9008 flex-wrap: wrap; 9009 > * { 9010 margin-right: 0.8rem; 9011 margin-bottom: 0.8rem; 9012 } 9013`,ur=e=>{const{data:t,value:a,onChange:r,label:i,labelHidden:o,placeholder:s,error:u,required:d,isRemoveOptionAll:m,defaultValue:p}=e,[g,A]=Object(l.useState)(null),[b,h]=Object(l.useState)([]),[f,v]=Object(l.useState)([]),[E,y]=Object(l.useState)([]),[k,O]=Object(l.useState)([]);Object(l.useEffect)(()=>{let e=t.length>0?t.map(e=>({...e,value:e.value,label:e.label})):[];h(e),y(e)},[t]),Object(l.useEffect)(()=>{v(a);let e=t.length>0?t.filter(e=>Object(C.isArray)(a)&&a.includes(e.value)):[];O(t=>{let a=Object(c.eb)([...t,...e],"value");return m&&a&&a.length>1&&(a=a.filter(e=>"*"!==e.value)),p&&a&&a.length>1&&(a=a.filter(e=>e.value!==p)),a})},[a,t]);const j=Object(l.useCallback)(e=>{if(A(e),""===e)return void h(E);const t=new RegExp(e,"i"),a=E.filter(e=>e.label.match(t));h(a)},[E]),w=Object(l.useCallback)(e=>{p&&(e=e[0]!==p&&e.length?e.filter(e=>![p].includes(e)):[p]),v(e);let a=t.length>0?t.filter(t=>e.includes(t.value)):[];O(t=>{let l=Object(c.eb)([...t,...a],"value");return l=l.filter(t=>e.includes(t.value)),l}),r&&r(e)},[b,t,p]),S=Object(l.useCallback)(e=>{let t=f.filter(t=>t!==e);p&&(t.length||(t=[p])),v(t);let a=k.filter(t=>t.value!==e);O(a),r&&r(t)},[f,E,p]),I=n.a.createElement(D.c.TextField,{label:i,labelHidden:!0,placeholder:s,value:g,onChange:j,error:u});return n.a.createElement(n.a.Fragment,null,!o&&i?n.a.createElement(al.a,{label:i,required:d}):null,n.a.createElement(D.c,{options:b,selected:f,onSelect:w,textField:I,allowMultiple:!0,emptyState:n.a.createElement("span",null,"No items found!")}),k&&k.length>0?n.a.createElement(cr,null,k.map(e=>n.a.createElement(D.ab,{children:e.label,onRemove:()=>S(e.value),key:e.value}))):null)};var dr=a(1519),mr=a(1492);const{dataTable:pr,dTCondensed:gr,dTScrollContainer:Ar,dTTable:br,dTCell:hr,dTCellHeader:fr,dTCellVerticalAlignMiddle:vr,dTCellFirstColumn:Er,dTCellNumeric:yr}=oe.p,Cr=`${hr} ${fr} ${vr}`,kr=e=>{const{headings:t,children:a,hasCellNumeric:l}=e;return n.a.createElement(n.a.Fragment,null,n.a.createElement(N.a,{backend:U.a},n.a.createElement("div",{className:`${pr} ${gr}`},n.a.createElement("div",{className:Ar},n.a.createElement("table",{className:br},n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",{className:`${Cr} ${Er}`},n.a.createElement(D.w,{source:mr.a})),(null===t||void 0===t?void 0:t.length)>0?t.map((e,a)=>{let r=Cr;return l&&a===t.length-1&&(r+=" "+yr),n.a.createElement("th",{className:r,key:"heading-"+a},e)}):null)),n.a.createElement("tbody",null,a))))))},Or=e=>{const{index:t,moveRow:a,children:r,className:i}=e,o=Object(l.useRef)(null),[,s]=Object(R.a)({accept:"card",hover(e,l){if(!o.current)return;const n=e.index,r=t;if(n===r)return;const i=o.current.getBoundingClientRect(),s=(i.bottom-i.top)/2,c=l.getClientOffset().y-i.top;n<r&&c<s||n>r&&c>s||(a(n,r),e.index=r)}}),[,c]=Object(F.a)({item:{type:"card",index:t},collect:e=>({isDragging:e.isDragging()})});return c(s(o)),n.a.createElement("tr",{ref:o,className:i,style:{cursor:"move"}},r)},{dTRow:jr,dTCell:wr,dTCellFirstColumn:Sr,dTCellNumeric:Ir}=oe.p,Br=j.b.div` 9014 .Polaris-Icon { 9015 height: 1.75rem; 9016 width: 1.75rem; 9017 margin: 0; 9018 } 9019`,Dr=[{value:"defined_value",label:"Defined value"},{value:"custom_value",label:"Custom value"}],Pr=e=>{let{data:t,onChange:a}=e;const[r,i]=Object(l.useState)([]);Object(l.useLayoutEffect)(()=>{let e=(null===t||void 0===t?void 0:t.length)>0?null===t||void 0===t?void 0:t.map(e=>{let{value:t,label:a}=e;return{value:t,label:a}}):[];r.length||i(e)},[t]);const o=Object(l.useCallback)((e,a)=>{const l=t;
9019[l[e],l[a]]=[l[a],l[e]],s(l)},[t]),s=Object(l.useCallback)(e=>{a&&a(e)},[]);return n.a.createElement(Br,null,n.a.createElement(kr,{headings:["Column name","Type","Value","Actions"],hasCellNumeric:!0},(null===t||void 0===t?void 0:t.length)>0?t.map((e,a)=>{const l=["defined_value"].includes(null===e||void 0===e?void 0:e.type),i=`${wr} ${Ir}`;return n.a.createElement(Or,{key:a,index:a,className:jr,moveRow:(e,t)=>{o(e,t)}},n.a.createElement("td",{className:`${wr} ${Sr}`},n.a.createElement(D.w,{source:dr.a})),n.a.createElement("td",{className:wr},n.a.createElement(D.cb,{value:null===e||void 0===e?void 0:e.label,onChange:e=>{t[a].label=e,s(t)}})),n.a.createElement("td",{className:wr},n.a.createElement(D.Q,{options:Dr,value:null===e||void 0===e?void 0:e.type,onChange:e=>{t[a].type=e,s(t)}})),n.a.createElement("td",{className:wr},l?n.a.createElement(D.Q,{options:r,value:null===e||void 0===e?void 0:e.value,onChange:e=>{t[a].value=e,s(t)}}):n.a.createElement(D.cb,{value:null===e||void 0===e?void 0:e.value,onChange:e=>{t[a].value=e,s(t)}})),n.a.createElement("td",{className:i},n.a.createElement(D.g,{icon:zl.a,onClick:()=>{t.splice(a,1),s(t)}})))}):null))},xr=o.a` 9020 query exportTemplateColumns($role: String!) { 9021 exportTemplateColumns { 9022 label 9023 value 9024 } 9025 listUserByRole(role: $role) { 9026 id 9027 firstName 9028 lastName 9029 } 9030 } 9031`,Mr=o.a` 9032 query exportTemplateColumns { 9033 exportTemplateColumns { 9034 label 9035 value 9036 } 9037 } 9038`,Tr=j.b.div` 9039 .btns-wrap { 9040 display: flex; 9041 flex-direction: row-reverse; 9042 margin-top: 3rem; 9043 } 9044`,Qr=e=>{let{isAdmin:t,onSubmit:a,loading:r,handleRedirect:i,value:o}=e;const[s,u]=Object(l.useState)({name:null,isDefault:!1,suppliers:[]}),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)([]),[A,b]=Object(l.useState)({}),{loading:h,error:f}=Object(De.d)(t?xr:Mr,{variables:{role:t?oe.pb.Supplier:void 0},onCompleted:e=>{y(e)}});Object(l.useEffect)(()=>{if(o){let{name:e,suppliers:t,columns:a,isDefault:l}=o,n=(null===t||void 0===t?void 0:t.length)>0?t.map(e=>e.id):[],r=(null===a||void 0===a?void 0:a.length)>0?a.map(e=>{let{__typename:t,name:a,...l}=e;return{...l,label:a}}):[];u(t=>({...t,name:e,isDefault:l,suppliers:n})),g(()=>[...r])}},[o]);const v=Object(l.useCallback)((e,t)=>{let a=null,l=t.charAt(0).toUpperCase()+t.slice(1);e&&e.length||(a=l+" is required."),b(e=>({...e,[t]:a}))},[]),E=Object(l.useCallback)((e,t)=>{u(a=>({...a,[t]:e})),v(e,t)},[]),y=Object(l.useCallback)(e=>{var t;let a=(null===e||void 0===e||null===(t=e.listUserByRole)||void 0===t?void 0:t.length)>0?e.listUserByRole.map(e=>({value:e.id,label:`${e.firstName} ${e.lastName}`})):[];if(m(a),!(null===o||void 0===o?void 0:o.columns)){var l;let t=null===e||void 0===e?void 0:e.exportTemplateColumns;t=(null===(l=t)||void 0===l?void 0:l.length)>0?t.map(e=>{let{__typename:t,...a}=e;return{...a,type:"defined_value"}}):[],g(t)}},[null===o||void 0===o?void 0:o.columns]),k=Object(l.useCallback)(()=>{const e=[...p,{value:"",type:"custom_value",label:""}];g(()=>[...e])},[p]),O=Object(l.useCallback)(()=>{for(let[a,i]of Object.entries(s))v(i,a);const{name:e,suppliers:t,isDefault:l}=s,n=Object(C.size)(Object(C.filter)(Object(C.values)(A),e=>null!==e));let r={name:e,isDefault:l,suppliers:t,columns:p.filter(e=>e.label).map(e=>{let{label:t,...a}=e;return{...a,name:t}})};(null===t||void 0===t?void 0:t.length)&&e&&0===n&&a&&a(r)},[s,p,f]),j=h&&n.a.createElement(D.D,null);return console.log("basicFields.isDefault",s.isDefault),n.a.createElement(Tr,null,j,h?n.a.createElement(D.i,null,n.a.createElement(Je.SkeletonPagePolaris,null)):f?n.a.createElement(D.i,{sectioned:!0},"Error: ",Object(c.ib)(f.toString())):(null===p||void 0===p?void 0:p.length)>0?n.a.createElement(n.a.Fragment,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement(D.t.Group,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Template name",required:!0}),n.a.createElement(D.cb,{value:s.name,onChange:E,error:A.name,id:"name",placeholder:"Enter template name"})),n.a.createElement(ur,{data:d,value:s.suppliers,label:"Supplier",required:!0,placeholder:"Search for supplier",onChange:e=>E(e,"suppliers"),error:A.suppliers})),n.a.createElement("div",null,n.a.createElement(D.j,{label:"Make this Template the default",checked:s.isDefault,onCh
9044ange:e=>{console.log("value",e),u(t=>({...t,isDefault:e}))}})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Template configs",required:!0}),n.a.createElement(Pr,{data:p,onChange:e=>{g(()=>[...e]),v([...e],"template")}})),n.a.createElement("div",{className:"add-wrap"},n.a.createElement(D.g,{children:"Add new Column",onClick:k,icon:pl.a})))),n.a.createElement("div",{className:"btns-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Cancel",onClick:i}),n.a.createElement(D.g,{children:(o?"Update":"Create")+" template",primary:!0,loading:r,onClick:O})))):n.a.createElement(D.i,null,n.a.createElement(We.EmptyStatePolaris,{noData:!0})))},Rr=o.a` 9045 mutation createExportTemplate($input: NewExportTemplate!) { 9046 createExportTemplate(input: $input) { 9047 id 9048 name 9049 suppliers { 9050 id 9051 firstName 9052 lastName 9053 } 9054 columns { 9055 name 9056 type 9057 value 9058 } 9059 } 9060 } 9061`,Fr=()=>{const[e,t]=Object(l.useState)(!1),[a,r]=Object(l.useState)(null),[i,o]=Object(l.useState)({message:null,isError:!1}),[s,{loading:u}]=Object(De.c)(Rr,{onCompleted:()=>{o({message:"Create export template successfuly.",isError:!1});const e=setTimeout(()=>{d()},2100);r(e)},onError:e=>{o({message:Object(c.ib)(e.toString()),isError:!0})}});Object(l.useEffect)(()=>()=>{clearTimeout(a)},[]);const d=Object(l.useCallback)(()=>{B.a.push("/admin/manager-files/export-templates")}
9061,[]),m=Object(l.useCallback)(()=>t(e=>!e),[]),p=Object(l.useCallback)(e=>{o({message:null,isError:!1}),e&&s({variables:{input:e}}),m()},[]),g=e?i&&i.message&&n.a.createElement(D.fb,{content:i.message,error:i.isError,duration:2e3,onDismiss:m}):null;return n.a.createElement(n.a.Fragment,null,g,n.a.createElement(Qr,{isAdmin:!0,loading:u,onSubmit:p,handleRedirect:d}))},Nr=j.b.div` 9062 margin: -1rem; 9063 @media (min-width: 640px) { 9064 margin: -1.5rem; 9065 } 9066`,Ur=o.a` 9067 mutation deleteCarrier($id: ID!) { 9068 deleteCarrier(id: $id) 9069 } 9070`,Lr=e=>{let{item:t,refetch:a,toggleActive:r,onNotificationChange:i}=e;const[o,s]=Object(l.useState)(!1),[u,{loading:d}]=Object(De.c)(Ur,{onCompleted:()=>{m(),i({message:"Delete carrier successfuly.",isError:!1}),a&&a()},onError:e=>{i({message:Object(c.ib)(e.toString()),isError:!0})}}),m=Object(l.useCallback)(()=>s(e=>!e),[]),p=n.a.useCallback(()=>{let e=null===t||void 0===t?void 0:t.id;i&&i({message:null,isErorr:!1}),e&&u({variables:{id:e}}),r&&r()},[null===t||void 0===t?void 0:t.id]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Edit",plain:!0,url:"/admin/edit-carrier/"+(null===t||void 0===t?void 0:t.id)}),n.a.createElement(D.g,{children:"Delete",plain:!0,destructive:!0,onClick:m})),n.a.createElement(D.E,{title:"Delete carrier #"+(null===t||void 0===t?void 0:t.id),onClose:m,sectioned:!0,open:o,primaryAction:{content:"Submit",loading:d,onAction:p},secondaryActions:[{content:"Cancel",onAction:m}]},n.a.createElement("p",null,"Are you sure to delete this carrier?")))},Vr=j.b.div` 9071 .actions-wrap { 9072 display: flex; 9073 flex-direction: row-reverse; 9074 width: calc(18rem - 3.2rem); 9075 white-space: normal; 9076 word-break: break-word; 9077 margin-left: auto; 9078 } 9079 .name-wrap, 9080 .code-wrap { 9081 width: calc(17rem - 3.2rem); 9082 white-space: normal; 9083 word-break: break-word; 9084 } 9085 .url-wrap { 9086 width: calc(40rem - 3.2rem); 9087 white-space: normal; 9088 word-break: break-word; 9089 } 9090`,zr=e=>{var t;let{data:a,refetch:r}=e;const[i,o]=Object(l.useState)([]),[s,c]=Object(l.useState)(!1),[u,d]=Object(l.useState)({message:null,isError:!1}),[m,p]=Object(l.useState)({limit:10,offset:0});Object(l.useLayoutEffect)(()=>{var e,t;const{limit:l,offset:i}=m;let s=(null===a||void 0===a||null===(e=a.carriers)||void 0===e?void 0:e.length)>0?a.carriers.map(e=>[n.a.createElement("div",{className:"name-wrap"},n.a.createElement("span",null,null===e||void 0===e?void 0:e.name)),n.a.createElement("div",{className:"code-wrap"},n.a.createElement("span",null,null===e||void 0===e?void 0:e.code)),n.a.createElement("div",{className:"url-wrap"},n.a.createElement("span",null,null===e||void 0===e?void 0:e.trackingUrl)),n.a.createElement("div",{className:"actions-wrap"},n.a.createElement(Lr,{item:e,toggleActive:A,refetch:r,onNotificationChange:e=>{let{message:t,isError:a}=e;return d({message:t,isError:a})}}))]):[];s=(null===(t=s)||void 0===t?void 0:t.length)>0?s.slice(i,i+l):[],o(s)},[a,m]);const g=Object(l.useCallback)((e,t)=>{p({limit:t,offset:e})},[]),A=Object(l.useCallback)(()=>c(e=>!e),[]);let{limit:b,offset:h}=m;const f=null===a||void 0===a||null===(t=a.carriers)||void 0===t?void 0:t.length,v={page:h/b+1,totalPage:Math.ceil(f/b),offset:h,limit:b,onChange:g,total:f},E=s?u&&u.message&&n.a.createElement(D.fb,{content:u.message,error:u.isError,duration:5e3,onDismiss:A}):null;return n.a.createElement(Vr,null,E,n.a.createElement(D.n,{headings:["Name","Code","Url","Actions"],columnContentTypes:["text","text","text","numeric"],rows:i,verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:v})}))},qr=o.a` 9091 query carriers { 9092 carriers { 9093 id 9094 code 9095 name 9096 trackingUrl 9097 } 9098 } 9099`,Hr=()=>{var e;const{data:t,loading:a,error:l,refetch:r}=Object(De.d)(qr),i=a&&n.a.createElement(D.D,null);return n.a.createElement(D.i,null,i,a?n.a.createElement(Je.SkeletonPagePolaris,null):l?n.a.createElement("div",null,"Error: ",Object(c.ib)(l.toString())):(null===t||void 0===t||null===(e=t.carriers)||void 0===e?void 0:e.length)>0?n.a.createElement(zr,{data:t,refetch:r}):n.a.createElement(We.EmptyStatePolaris,null))},$r=j.b.div` 9100 margin: -1rem; 9101 @media (min-width: 640px) { 9102 margin: -1.5rem; 9103 } 9104`,_r=j.b.div` 9105 margin: -1rem; 9106 @media (min-width: 640px) { 9107 margin: -1.5rem; 9108 } 9109`,Gr=()=>{const{currentUser:e}=Object(te.c)(),t=Object(c.V)(e);return n.a.createElement(_r,null,n.a.createElement(D.H,{title:"All Categories",fullWidth:!0,primaryAction:{content:"New Category",url:`/${t}/add-category`}},n.a.createElement(El,null)))};var Kr=a(237);const Jr=j.b.div` 9110 .Polaris-Filters-ConnectedFilterControl.Polaris-Filters-ConnectedFilterControl--right 9111 .Polaris-Filters-ConnectedFilterControl__CenterContainer 9112 * { 9113 border-radius: var(--p-border-radius-base, 3px) !important; 9114 } 9115`,Yr=e=>{const{filter:t,onChange:a}=e,[r,i]=Object(l.useState)(t.search),o=Object(l.useRef)(null);Object(l.useEffect)(()=>{o.current&&clearTimeout(o.current),a&&(o.current=setTimeout(()=>{a({search:r?r.trim():r})},300))},[r]);const s=Object(l.useCallback)(e=>i(e),[]),c=Object(l.useCallback)(()=>i(null),[]),u=Object(l.useCallback)(()=>{c()},[c]);return n.a.createElement(Jr,null,n.a.createElement(D.r,{filters:[],queryValue:r,onQueryChange:s,onQueryClear:c,onClearAll:u}))};var Wr=a(27),Zr=a.n(Wr);const Xr=o.a` 9116 mutation updateClaim($id: ID!, $status: String!, $reason: String) { 9117 updateClaim(id: $id, status: $status, reason: $reason) 9118 } 9119`,ei=e=>{const{open:t,toggleShowModal:a,claim:r,refetch:i,onNotificationChange:o,toggleActive:s,handleError:c,status:u,isReject:d}=e,[m,p]=n.a.useState(""),[g,{loading:A}]=Object(De.c)(Xr,{onCompleted:()=>{a&&a(),o&&o({message:"Update status successfuly.",isError:!1}),i&&i()},onError:e=>{o&&o({message:c(e.toString()),isError:!0})}}),b=Object(l.useCallback)(()=>{o&&o({message:null,isError:!1});let e=null===r||void 0===r?void 0:r.id;e&&g({variables:{id:e,reason:d?m:void 0,status:u}}),s&&s()},[r,u,m,d]);return n.a.createElement(D.E,{title:d?"Reject claim":"Update claim",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:b,loading:A}},n.a.createElement(D.Y,{vertical:!0},d?n.a.createElement(D.cb,{label:"Reason",placeholder:"Enter reject reason",value:m,onChange:p}):null,n.a.createElement("p",null,"Do you want to ",d?"reject":"change status"," this claim?")))},ti=j.b.div` 9120 .btns_wrap { 9121 display: flex; 9122 flex-direction: row-reverse; 9123 } 9124`,ai=e=>{const{toggleShowModal:t,onSubmit:a,loading:r}=e,[i,o]=Object(l.useState)(null),[s,c]=Object(l.useState)(null),[u,d]=Object(l.useState)({trackingCode:null,note:null}),m=Object(l.useCallback)(()=>
9124{if(p(i),g(s),i&&s){let e={newCode:i,note:s};a&&a(e)}},[i,s]),p=Object(l.useCallback)(e=>{let t=null;e||(t="Tracking code is required."),d(e=>({...e,trackingCode:t}))},[]),g=Object(l.useCallback)(e=>{let t=null;e||(t="Note is required."),d(e=>({...e,note:t}))},[]),A=Object(l.useCallback)(e=>{o(e),p(e)},[]),b=Object(l.useCallback)(e=>{c(e),g(e)},[]);return n.a.createElement(ti,null,n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Tracking code",required:!0}),n.a.createElement(D.cb,{value:i,onChange:A,error:u.trackingCode})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Note",required:!0}),n.a.createElement(D.cb,{value:s,onChange:b,error:u.note,multiline:3})),n.a.createElement("div",{className:"btns_wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Cancel",onClick:t}),n.a.createElement(D.g,{children:"Submit",onClick:m,primary:!0,loading:r})))))},li=e=>{const{toggleShowModal:t,claim:a,onNotificationChange:r,toggleActive:i,handleError:o,refetch:s,open:c}=e,[u,{loading:d}]=Object(De.c)(Jt.O,{onError:e=>{r&&r({message:o(e.toString()),isError:!0})},onCompleted:()=>{t&&t(),r&&r({message:"Resent successfuly.",isError:!1}),s&&s()}}),m=Object(l.useCallback)(e=>{e&&(u({variables:{input:{claimId:a.id,...e}}}),i&&i())},[]);return n.a.createElement(D.E,{title:"Resend for order #"+(null===a||void 0===a?void 0:a.orderId),open:c,onClose:t,sectioned:!0},n.a.createElement(ai,{onSubmit:m,toggleShowModal:t,loading:d}))},ni=o.a` 9125 mutation updateClaimType($id: ID!, $claimType: String!) { 9126 updateClaimType(id: $id, claimType: $claimType) 9127 } 9128`,ri={needResend:"Need Resend",needRefund:"Need Refund"},ii=e=>{const{open:t,toggleShowModal:a,claim:r,onNotificationChange:i,toggleActive:o,refetch:s,handleError:c}=e;let u,d=null===r||void 0===r?void 0:r.type;[ri.needResend].includes(d)?u=ri.needRefund:[ri.needRefund].includes(d)&&(u=ri.needResend);const[m,{loading:p}]=Object(De.c)(ni,{onError:e=>{i&&i({message:c(e.toString()),isError:!0})},onCompleted:()=>{a&&a(),i&&i({message:"Update claim type successfuly.",isError:!1}),s&&s()}}),g=Object(l.useCallback)(()=>{i&&i({message:null,isError:!1});let e=null===r||void 0===r?void 0:r.id;e&&m({variables:{id:e,claimType:u}}),o&&o()},[r,u]);return n.a.createElement(D.E,{title:"Update claim type",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:g,loading:p}},n.a.createElement("p",null,"Are you sure to change the claim type to"," ",[ri.needResend].includes(d)?ri.needRefund:ri.needResend,"?"))},oi=j.b.div` 9129 display: flex; 9130 flex-wrap: wrap; 9131 align-items: center; 9132 column-gap: 0.8rem; 9133`,si=e=>{const{claim:t,refetch:a,toggleActive:r,onNotificationChange:i}=e,o=null===t||void 0===t?void 0:t.status,[s,u]=Object(l.useState)(!1),[d,m]=Object(l.useState)(null),[p,g]=Object(l.useState)(!1),A=Object(l.useCallback)(e=>{u(e=>!e),m(e)},[]),b=Object(l.useCallback)(()=>g(e=>!e),[]),h=n.a.createElement(D.g,{children:"More",size:"slim",disclosure:!0,onClick:b});return console.log("status",o),console.log("CLAIM_STATUS.InReview",oe.m.InReview),n.a.createElement(oi,null,[oe.m.InReview,oe.m.Approved,oe.m.NeedMoreEvidence].includes(o)&&n.a.createElement(D.g,{children:"Change type",size:"slim",onClick:()=>A("changeType")}),[oe.m.InReview].includes(o)&&n.a.createElement(n.a.Fragment,null,n.a.createElement(D.g,{children:"Approve",size:"slim",onClick:()=>A("approve")}),n.a.createElement(D.g,{children:"Reject",size:"slim",destructive:!0,onClick:()=>A("reject")}),n.a.createElement(D.K,{active:p,activator:h,onClose:b,preferredAlignment:"right"},n.a.createElement(D.a,{items:[{content:"Resend",onAction:()=>A("resend")},{content:"Refund",onAction:()=>A("refund")},{content:"Need more evidence",onAction:()=>A("evidence")}]}))),n.a.createElement(ei,{claim:t,open:s&&"approve"===d,toggleShowModal:A,refetch:a,toggleActive:r,onNotificationChange:i,handleError:c.ib,status:oe.m.Approved}),n.a.createElement(ei,{claim:t,open:s&&"reject"===d,toggleShowModal:A,refetch:a,toggleActive:r,onNotificationChange:i,handleError:c.ib,status:oe.m.Rejected,isReject:!0}
9133),n.a.createElement(ei,{claim:t,open:s&&"refund"===d,toggleShowModal:A,refetch:a,toggleActive:r,onNotificationChange:i,handleError:c.ib,status:oe.m.Refunded}),n.a.createElement(ei,{claim:t,open:s&&"evidence"===d,toggleShowModal:A,refetch:a,toggleActive:r,onNotificationChange:i,handleError:c.ib,status:oe.m.NeedMoreEvidence}),n.a.createElement(li,{claim:t,open:s&&"resend"===d,toggleShowModal:A,refetch:a,toggleActive:r,onNotificationChange:i,handleError:c.ib}),n.a.createElement(ii,{claim:t,open:s&&"changeType"===d,toggleShowModal:A,refetch:a,toggleActive:r,onNotificationChange:i,handleError:c.ib}))};var ci=a(68);const ui=j.b.div` 9134 .order_wrap { 9135 width: calc(220px - 3.2rem); 9136 white-space: normal; 9137 word-break: break-word; 9138 } 9139 .type_wrap { 9140 width: calc(150px - 3.2rem); 9141 white-space: normal; 9142 word-break: break-word; 9143 } 9144 .status_wrap { 9145 width: calc(180px - 3.2rem); 9146 white-space: normal; 9147 word-break: break-word; 9148 } 9149 .store_wrap { 9150 width: calc(17rem - 3.2rem); 9151 white-space: normal; 9152 word-break: break-word; 9153 } 9154 .evidence_wrap { 9155 width: calc(120px - 3.2rem); 9156 white-space: normal; 9157 word-break: break-word; 9158 } 9159 .note_wrap { 9160 width: calc(230px - 3.2rem); 9161 white-space: normal; 9162 word-break: break-word; 9163 } 9164 .actions_wrap { 9165 width: calc(400px - 3.2rem); 9166 white-space: normal; 9167 word-break: break-word; 9168 display: flex; 9169 justify-content: flex-end; 9170 } 9171 .Polaris-DataTable__Footer { 9172 overflow-x: scroll; 9173 } 9174`,di=e=>{const{data:t,filter:a,setFilter:r,refetch:i}=e,[o,s]=Object(l.useState)([]),[c,u]=Object(l.useState)(!1),[d,m]=Object(l.useState)({message:null,isError:!1});Object(l.useEffect)(()=>{let e=t&&t.claims&&t.claims.nodes&&t.claims.nodes.length>0?t.claims.nodes.map(e=>{var t,a;let l=null===e||void 0===e?void 0:e.orderId,r=null===e||void 0===e?void 0:e.type,o=null===e||void 0===e?void 0:e.createdAt,s=null===e||void 0===e||null===(t=e.order)||void 0===t||null===(a=t.store)||void 0===a?void 0:a.title,c=null===e||void 0===e?void 0:e.comment,u=null===e||void 0===e?void 0:e.files;const d=null===e||void 0===e?void 0:e.rejectReason;let g=null===e||void 0===e?void 0:e.status;const A=oe.l.find(e=>e.name===g);return[n.a.createElement("div",{className:"order_wrap"},n.a.createElement("span",null,l)),n.a.createElement("div",{className:"type_wrap"},n.a.createElement("span",null,r)),n.a.createElement("div",{className:"create_wrap"},n.a.createElement("span",null,Zr()(o).format("YYYY-MM-DD HH:mm:ss"))),n.a.createElement("div",{className:"status_wrap"},n.a.createElement(D.e,{children:null===A||void 0===A?void 0:A.name,status:null===A||void 0===A?void 0:A.status,progress:null===A||void 0===A?void 0:A.progress})),n.a.createElement("div",{className:"reject-reason"},n.a.createElement("span",null,d)),n.a.createElement("div",{className:"store_wrap"},n.a.createElement("span",null,s)),n.a.createElement("div",{className:"evidence_wrap"},u.length>0?n.a.createElement(ci.default,{files:{files:u},limit:1}):n.a.createElement("img",{alt:"",src:ze.a,style:{width:60,height:60,objectFit:"cover"}})),n.a.createElement("div",{className:"note_wrap"},n.a.createElement("span",null,c)),n.a.createElement("div",{className:"actions_wrap"},n.a.createElement(si,{claim:e,refetch:i,toggleActive:p,onNotificationChange:e=>{let{message:t,isError:a}=e;return m(()=>({message:t,isError:a}))}}))]}):[];s(e)},[t]);const p=Object(l.useCallback)(()=>u(e=>!e),[]),g=c?d&&d.message&&n.a.createElement(D.fb,{content:d.message,error:d.isError,duration:2e3,onDismiss:p}):null;let{limit:A,offset:b}=a;const h=Object(C.get)(t,"claims.total",0),f={page:b/A+1,totalPage:Math.ceil(h/A),offset:b,limit:A,onChange:r,total:h};return n.a.createElement(ui,null,g,n.a.createElement(D.n,{columnContentTypes:["text","text","text","text","text","text","text","text","numeric"],headings:["Order","Type","Created","Status","Reject reason","Store","Evidence","Note","Actions"],rows:o,verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:f,showTotal:!0})}))},mi=o.a` 9175 query claims($filter: ClaimFilter) { 9176 claims(filter: $filter) { 9177 total 9178 nodes { 9179 id 9180 order { 9181 id 9182 store { 9183 id 9184 title 9185 } 9186 } 9187 orderId 9188 approveBy { 9189 id 9190 firstName 9191 lastName 9192 } 9193 approveById 9194 authorId 9195 author { 9196 id 9197 firstName 9198 lastName 9199 } 9200 type 9201 comment 9202 status 9203 files { 9204 id 9205 url 9206 thumbnailUrl 9207 } 9208 createdAt 9209 rejectReason 9210 } 9211 } 9212 } 9213`,pi=[...oe.n,"status"],gi=e=>{let{path:t}=e;const a=Object(l.useMemo)(()=>Object(c.Bb)(t),[t]),r=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,pi)}return e},[a]),[i,o]=Object(l.useState)({limit:Number(Object(c.M)("perPageAdminClaims"))||20,offset:0,status:null,search:null,type:null,...r}),{data:s,loading:u,error:d,refetch:m}=Object(De.d)(mi,{variables:{filter:i}});Object(l.useEffect)(()=>{let{offset:e,limit:t,...a}=i,l=null,n=Object(c.o)(t,e);l=Object(c.l)({limit:t,paged:n,...a}),B.a.push(`${B.a.location.pathname}?${l}`)},[i]);const p=u&&n.a.createElement(D.D,null);return n.a.createElement(n.a.Fragment,null,p,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(Yr,{filter:i,onChange:e=>{let{search:t}=e;o(e=>Object(C.isEqual)(e.search,t)?e:{...e,search:t,offset:0})}})),n.a.createElement(D.i,null,n.a.createElement(Kr.a,{value:w.a,defaultValue:i.status,onChange:e=>{let{status:t}=e;o(e=>Object(C.isEqual)(e.status,t)?e:{...e,status:t,offset:0})}}),u?n.a.createElement(Je.SkeletonPagePolaris,null):d?n.a.createElement("div",null,"Error: ",Object(c.ib)(d.toString())):s&&s.claims&&s.claims.nodes&&s.claims.nodes.length>0?n.a.createElement(di,{data:s,refetch:m,filter:i,setFilter:(e,t)=>{o(a=>a.offset!==e||a.limit!==t?{...a,offset:e,limit:t}:a),Object(c.Nb)("perPageAdminClaims",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null)))},Ai=j.b.div` 9214 margin: -1rem; 9215 @media (min-width: 640px) { 9216 margin: -1.5rem; 9217 } 9218`,bi=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=n.a.useMemo(()=>Object(c.W)(t),[t]);return n.a.createElement(Ai,null,n.a.createElement(D.H,{title:"All Claim",fullWidth:!0},n.a.createElement(gi,{path:l})))};var hi=a(133),fi=a(155),vi=a(769);const Ei=o.a` 9219 mutation retryCron($id: ID!) { 9220 retryCron(id: $id) 9221 } 9222`;class yi extends l.Component{constructor(){super(...arguments),this.state={loading:!1}}render(){const{id:e,filter:t}=this.props;return n.a.createElement(s.a,{mutation:Ei},(a,l)=>{let{client:r}=l;return n.a.createElement(v.a,{onClick:()=>{this.setState({loading:!0}),a({variables:{id:e}}).then(()=>{this.setState({loading:!1});try{const a=r.readQuery({query:Ci,variables:{filter:t}});r.writeQuery({query:Ci,variables:{filter:t},data:{...a,crons:{...a.crons,nodes:[...a.crons.nodes.map(t=>(t.id===e&&(t.status="Pending",t.statuss="Pendding"),t))]}}})}catch(a){}}
9222).catch(e=>{this.setState({loading:!1})})},icon:n.a.createElement(vi.a,null),loading:this.state.loading})})}}const Ci=o.a` 9223 query crons($filter: CronFilter) { 9224 crons(filter: $filter) { 9225 total 9226 nodes { 9227 id 9228 name 9229 action 9230 status 9231 log 9232 } 9233 } 9234 } 9235`,ki=o.a` 9236 subscription cronAdded { 9237 cronAdded { 9238 id 9239 name 9240 action 9241 status 9242 log 9243 } 9244 } 9245`,Oi=o.a` 9246 subscription cronUpdated { 9247 cronUpdated { 9248 id 9249 name 9250 action 9251 status 9252 log 9253 } 9254 } 9255`,ji=j.b.div` 9256 .ant-table-default { 9257 border: 0 none; 9258 border-top: 1px solid rgb(223, 229, 237); 9259 } 9260`;class wi extends l.Component{constructor(){var e;super(...arguments),e=this,this.state={filter:{search:"",limit:+Object(c.M)("perPageCronJobs")||20,offset:0,status:"Pending"},currentPage:1},this.handleSetStatusColor=e=>{switch(e){case"Error":return"#f50";case"Running":return"green";case"Pending":return"yellow";default:return}},this.calculateOffset=function(t){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];const{filter:l}=e.state,n=(t-1)*l.limit;return n>a.length?a.length:n},this.onNewCron=(e,t)=>{const{filter:a}=this.state,l=e.readQuery({query:Ci,variables:{filter:a}});e.writeQuery({query:Ci,variables:{filter:a},data:{...l,crons:{...l.crons,total:l.crons.total,nodes:[...l.crons.nodes,t]}}}),i.a.success({message:"New cron job: "+t.name})},this.onCronUpdated=(e,t)=>{e.writeFragment({id:t.id,fragment:o.a` 9261 fragment cron on Cron { 9262 status 9263 log 9264 } 9265 `,data:{status:t.status,log:t.log}})}}render(){const{filter:e}=this.state,t=[{title:"Name",dataIndex:"name"},{title:"Actions",dataIndex:"action"},{title:"Status",dataIndex:"status",render:(e,t)=>"Error"!==t.status?n.a.createElement(de.a,{color:this.handleSetStatusColor(t.status)},t.status):n.a.createElement(fi.a,{title:t.log},n.a.createElement(de.a,{className:"cursor-pointer",color:this.handleSetStatusColor(t.status)},t.status))},{title:"",render:(e,t)=>"Error"===t.status&&n.a.createElement(yi,{id:t.id,filter:this.state.filter})}];return n.a.createElement(ji,null,n.a.createElement(ma,{title:"Cron Jobs"}),n.a.createElement(b.a,{bodyStyle:{padding:0}},n.a.createElement("div",{className:"px-4 py-4"},n.a.createElement("div",{className:"search-container"},n.a.createElement(p.a.Search,{addonBefore:n.a.createElement(h.a,{onChange:t=>this.setState({filter:{...e,status:t}}),value:e.status,style:{minWidth:150}},n.a.createElement(h.a.Option,{value:null},"All"),n.a.createElement(h.a.Option,{value:"Pending"},"Pending"),n.a.createElement(h.a.Option,{value:"Running"},"Running"),n.a.createElement(h.a.Option,{value:"Done"},"Done"),n.a.createElement(h.a.Option,{value:"Error"},"Error")),onChange:e=>{e.target.value||this.setState({filter:{...this.state.filter,search:null}})},onSearch:t=>this.setState({filter:{...e,search:t}})}))),n.a.createElement(s.b,{query:Ci,variables:{filter:e}},a=>{let{error:l,data:i,loading:o}=a;if(o)return n.a.createElement("div",{className:"p-4"},n.a.createElement(r.a,{active:!0}));if(l)return n.a.createElement("div",null,"Error: ",Object(c.ib)(l.toString()));const s=i?i.crons.nodes:[],u=i?i.crons.total:0;return n.a.createElement(M.a,{bordered:!1,rowKey:(e,t)=>t,pagination:{total:u,showTotal:(e,t)=>n.a.createElement("span",null,"Showing: ",`${t[0]} - ${t[1]}`," of ",e),current:this.state.currentPage,pageSize:e.limit,onChange:(t,a)=>{this.setState({filter:{...e,offset:(t-1)*a},currentPage:t})},onShowSizeChange:(t,a)=>{this.setState({currentPage:1,filter:{...e,limit:a,offset:0}}),Object(c.Nb)("perPageCronJobs",a,100)}},columns:t,dataSource:s})}),n.a.createElement(hi.a,null,e=>n.a.createElement(n.a.Fragment,null,n.a.createElement(s.c,{subscription:ki,onSubscriptionData:t=>this.onNewCron(e,t.subscriptionData.data.cronAdded)}),n.a.createElement(s.c,{subscription:Oi,onSubscriptionData:t=>this.onCronUpdated(e,t.subscriptionData.data.cronUpdated)})))))}}var Si=wi;const Ii=o.a` 9266 mutation approveDeposit($id: ID!, $value: Boolean!) { 9267 approveDeposit(id: $id, value: $value) 9268 } 9269`,Bi=e=>{let{item:t,refetch:a,onNotificationChange:r,toggleActive:i}=e;const o=null===t||void 0===t?void 0:t.id,[s,u]=Object(l.useState)(!1),[d,m]=Object(l.useState)({}),[p,g]=Object(l.useState)({}),[A]=Object(De.c)(Ii),b=Object(l.useCallback)(e=>{g(t=>({...t,[e]:!t[e]}))},[]),h=Object(l.useCallback)(()=>u(e=>!e),[]),f=Object(l.useCallback)(e=>{let t;t=e?"approve":"cancel",m(e=>({...e,[t]:!0})),r&&r({message:null,isError:!1}),o&&A({variables:{id:o,value:e}}).then(()=>{m(e=>({...e,[t]:!1})),a&&a(),r&&r({message:"Update status successfuly.",isError:!1})}).catch(e=>{r&&r({message:Object(c.ib)(e.toString()),isError:!0}),m(e=>({...e,[t]:!1}))}),i&&i()},[o]),v=n.a.createElement(D.g,{children:"Actions",onClick:h,disclosure:!0});return n.a.createElement(D.K,{activator:v,active:s,fullWidth:!0,onClose:h},n.a.createElement(D.a,{items:[{content:"Approve",onAction:()=>b("approve")},{content:"Cancel",onAction:()=>b("cancel"),destructive:!0}]}),n.a.createElement(D.E,{open:!!p.approve,title:"Change status",onClose:()=>b("approve"),sectioned:!0,secondaryActions:[{content:"Cancel",onAction:()=>b("approve")}],primaryAction:{content:"Submit",onAction:()=>f(!0),loading:d.approve}},n.a.createElement("p",null,"Are your sure to change status to Approved?")),n.a.createElement(D.E,{open:!!p.cancel,title:"Change status",onClose:()=>b("cancel"),sectioned:!0,secondaryActions:[{content:"Cancel",onAction:()=>b("cancel")}],primaryAction:{content:"Submit",onAction:()=>f(!1),loading:d.cancel}},n.a.createElement("p",null,"Are your sure to change status to Cancelled?")))},Di=j.b.div` 9270 .Polaris-DataTable__Footer { 9271 overflow-x: scroll; 9272 } 9273`,Pi={Pending:"info",Approved:"success",Cancelled:"critical"},xi=e=>{let{data:t,role:a,filter:r,setFilter:i,refetch:o}=e;const[s,u]=Object(l.useState)([]),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)([]),[A,b]=Object(l.useState)(!1),[h,f]=Object(l.useState)({message:null,isError:!1});Object(l.useEffect)(()=>{var e,l;const r=[oe.pb.Seller].includes(a),i=[];for(let t=0;t<8;t++)i.push("text");const s=["ID","Amount","Transaction ID",...r?["Note",oe.pb.Seller]:["Message",oe.pb.Supplier],"Status","Created"];r&&(i.push("numeric"),s.push("Actions")),m(i),g(s);let d=(null===t||void 0===t||null===(e=t.transactions)||void 0===e||null===(l=e.nodes)||void 0===l?void 0:l.length)>0?null===t||void 0===t?void 0:t.transactions.nodes.map(e=>{const t=null===e||void 0===e?void 0:e.journal,a=null===t||void 0===t?void 0:t.refId,l=null===t||void 0===t?void 0:t.comment,
9273i=null===t||void 0===t?void 0:t.status;let s;for(let[n,r]of Object.entries(Pi))i===n&&(s=r);const u=r?null===e||void 0===e?void 0:e.creator:null===e||void 0===e?void 0:e.account,d=Zr()(null===e||void 0===e?void 0:e.createdAt).format("YYYY-MM-DD HH:mm:ss");return[n.a.createElement("div",{className:"id-wrap"},n.a.createElement("span",null,null===e||void 0===e?void 0:e.id)),n.a.createElement("div",{className:"amount-wrap"},n.a.createElement("span",null,"$",Object(c.a)(null===e||void 0===e?void 0:e.amount,2))),n.a.createElement("div",{className:"transaction-wrap"},n.a.createElement("span",null,a)),n.a.createElement("div",{className:"note-wrap"},n.a.createElement("span",null,l)),n.a.createElement("div",{className:"user-wrap"},n.a.createElement("span",null,`${null===u||void 0===u?void 0:u.firstName} ${null===u||void 0===u?void 0:u.lastName}`)),n.a.createElement("div",{className:"status-wrap"},n.a.createElement(D.e,{children:i,status:s})),n.a.createElement("div",{className:"created-wrap"},n.a.createElement("span",null,d)),...r?[n.a.createElement("div",{className:"actions-wrap"},"Pending"===i&&n.a.createElement(Bi,{item:e,refetch:o,toggleActive:v,onNotificationChange:e=>{let{message:t,isError:a}=e;return f(()=>({message:t,isError:a}))}}))]:[]]}):[];u(d)},[t,a]);const v=Object(l.useCallback)(()=>b(e=>!e),[]),E=A?h&&h.message&&n.a.createElement(D.fb,{content:h.message,error:h.isError,duration:2e3,onDismiss:v}):null;let{limit:y,offset:k}=r;const O=Object(C.get)(t,"transactions.total",0),j={page:k/y+1,totalPage:Math.ceil(O/y),offset:k,limit:y,onChange:i,total:O};return n.a.createElement(Di,null,E,n.a.createElement(D.n,{columnContentTypes:d,headings:p,rows:s,verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:j,showTotal:!0})}))};var Mi=a(53);const Ti=o.a` 9274 query listUserByRole($role: String!) { 9275 listUserByRole(role: $role) { 9276 id 9277 firstName 9278 lastName 9279 } 9280 ownerTeam { 9281 id 9282 firstName 9283 lastName 9284 } 9285 } 9286`,Qi=[{value:"All",label:"All"},{value:"Pending",label:"Pending"},{value:"Approved",label:"Approved"},{value:"Cancelled",label:"Cancelled"}],Ri=j.b.div``,Fi=e=>{let{role:t,filter:a,onChange:r}=e;const i=[oe.pb.Seller].includes(t)?a.creatorId:a.accountId,[o,s]=Object(l.useState)(a.search),[u,d]=Object(l.useState)([]),[m,p]=Object(l.useState)({value:a.status,label:null}),[g,A]=Object(l.useState)({value:i,label:null,search:null}),b=Object(l.useRef)(null),{data:h,loading:f,error:v}=Object(De.d)(Ti,{variables:{role:t}});Object(l.useLayoutEffect)(()=>{var e;let a=[];a=[oe.pb.Seller].includes(t)?(null===h||void 0===h?void 0:h.ownerTeam)||[]:(null===h||void 0===h?void 0:h.listUserByRole)||[];let l=(null===(e=a)||void 0===e?void 0:e.length)>0?a.map(e=>({value:e.id,label:`${e.firstName} ${e.lastName}`})):[];if(d(l),i){const e=(null===l||void 0===l?void 0:l.length)>0?l.find(e=>e.value===i):null;e&&A(t=>({...t,value:e.value,label:e.label}))}else A({value:null,label:null})},[t,h,i]),Object(l.useEffect)(()=>{if(a.status){let e=Qi.find(e=>e.value===a.status);e&&p(()=>({value:e.value,label:e.label}))}else p({value:null,label:null})},[a.status]),Object(l.useEffect)(()=>{b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{r&&r({search:o?o.trim():o,selectId:g.value,status:m.value})},300)},[g,o,m]);const E=Object(l.useCallback)(e=>s(e),[]),y=Object(l.useCallback)(()=>p(()=>({value:null,label:null})),[]),C=Object(l.useCallback)(()=>s(null),[]),k=Object(l.useCallback)(()=>{A(()=>({value:null,label:null,search:null}))},[]),O=Object(l.useCallback)(()=>{C(),k(),y()},[C,k,y]),j=[{key:[oe.pb.Seller].includes(t)?"seller":"supplier",label:[oe.pb.Seller].includes(t)?"Seller":"Supplier",filter:n.a.createElement(ga.a,{data:u,value:g,loading:f,error:v,onChange:e=>{let{value:t,label:a}=e;A(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return A(e=>({...e,search:t}))}})},{key:"status",label:"Status",filter:n.a.createElement(Mi.a,{options:Qi,value:m.value,onChange:e=>{let{value:t,label:a}=e;return p({value:t,label:a})}})}],w=[];if(!Object(c.tb)(g.label)){const e=[oe.pb.Seller].includes(t)?"seller":"supplier";w.push({key:e,label:S(e,g.label),onRemove:k})}if(!Object(c.tb)(m.label)){const e="status";w.push({key:e,label:S(e,m.label),onRemove:y})}
9286return n.a.createElement(Ri,null,n.a.createElement(D.r,{queryPlaceholder:"Filter item",queryValue:o,onQueryChange:E,onQueryClear:C,onClearAll:O,filters:j,appliedFilters:w}));function S(e,t){switch(e){case"seller":return"Seller: "+t;case"supplier":return"Supplier: "+t;case"status":return"Status: "+t;default:return t}}},Ni=o.a` 9287 query transactons($filter: TransactionFilter) { 9288 transactions(filter: $filter) { 9289 total 9290 nodes { 9291 id 9292 amount 9293 journal { 9294 id 9295 refId 9296 comment 9297 status 9298 } 9299 createdAt 9300 account { 9301 id 9302 firstName 9303 lastName 9304 } 9305 creator { 9306 id 9307 firstName 9308 lastName 9309 } 9310 } 9311 } 9312 } 9313`,Ui=[...oe.n,"status","creatorId","accountId"],Li=e=>{var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=20),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,Ui)}return e},[i]),[s,u]=Object(l.useState)(0),[d,m]=Object(l.useState)({limit:Number(Object(c.M)("perPageDeposits"))||20,offset:0,search:null,status:null,creatorId:null,accountId:null,kind:["Deposit"],viewBySeller:!0,...o}),{data:p,loading:g,error:A,refetch:b}=Object(De.d)(Ni,{variables:{filter:d},fetchPolicy:"no-cache"});Object(l.useEffect)(()=>{let{offset:e,limit:t,kind:a,viewBySeller:l,...n}=d,r=null,i=Object(c.o)(t,e);r=Object(c.l)({limit:t,paged:i,...n}),B.a.push(`${B.a.location.pathname}?${r}`)},[d]);const h=Object(l.useCallback)(e=>{u(e),m(t=>({...t,status:null,creatorId:null,accountId:null,offset:0,viewBySeller:!e}))},[]),f=s?oe.pb.Supplier:oe.pb.Seller,v=g&&n.a.createElement(D.D,null);return n.a.createElement(D.H,Object.assign({title:"All Deposits",fullWidth:!0},s?{primaryAction:{content:"Add new Deposit",url:"/admin/billings/deposits/add"}}:{}),v,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(Fi,{role:f,filter:d,onChange:e=>{let{search:t,selectId:a,status:l}=e,n=s?"accountId":"creatorId";m(e=>Object(C.isEqual)(e[n],a)&&Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.status,l)?e:{...e,[n]:a,search:t,status:l,offset:0})}})),n.a.createElement(D.i,null,A&&n.a.createElement("div",{style:{padding:"1.6rem"}},Object(c.ib)(A.toString())),n.a.createElement(D.Z,{tabs:[{id:"seller-deposits",content:"Seller deposits",accessibilityLabel:"Seller deposits"},{id:"supplier-deposits",content:"Supplier deposits",accessibilityLabel:"Supplier deposits"}],selected:s,onSelect:h},g?n.a.createElement(Je.SkeletonPagePolaris,null):(null===p||void 0===p||null===(t=p.transactions)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(xi,{data:p,filter:d,role:f,refetch:b,setFilter:(e,t)=>{m(a=>Object(C.isEqual)(a.offset,e)&&Object(C.isEqual)(a.limit,t)?a:{...a,offset:e,limit:t}),Object(c.Nb)("perPageDeposits",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null))))},Vi=j.b.div` 9314 margin: -1rem; 9315 @media (min-width: 640px) { 9316 margin: -1.5rem; 9317 } 9318`;var zi=a(1019);const qi=Object(l.createContext)(null);function Hi(e){let{children:t,...a}=e;const r=Object(l.useMemo)(()=>a,[a]);return n.a.createElement(qi.Provider,{value:r},t)}function $i(e){const[t,{data:a,loading:n,error:r,fetchMore:i}]=Object(De.b)(e);return[Object(l.useCallback)(e=>{t({variables:{filter:e}})},[t]),{data:a,loading:n,error:r,fetchMore:i}]}var _i=a(761),Gi=a(1491),Ki=a(131),Ji=a(111),Yi=a(217),Wi=a(1485);const Zi=Object(l.createContext)(null);Zi.displayName="WidgetContext";const Xi="RegisterCard",eo="UnregisterCard",to="Update",ao="ToggleOpen",lo="ClearCard",no="All",ro="Secondary",io="Third",oo={[Xi](e,t){if(t.group){let a=[...e[t.group],t.value].filter(Boolean);return a=a.filter(e=>e.value),a=Object(c.eb)(a,"value"),{...e,[t.group]:[...a]}}return{...e}},[to]:(e,t)=>({...e,[t.group]:t.values}),[eo](e,t){if(t.group){const a=e[t.group],l=null===a||void 0===a?void 0:a.slice(),n=l.findIndex(e=>e.value===t.value);return-1!==n&&l.splice(n,1),{...e,[t.group]:l}}},[ao]:(e,t)=>e.open===t.payload?e:{...e,open:t.payload},[lo]:e=>({...e,[no]:[],[ro]:[],[io]:[]})};function so(e,t){return Object(c.Cb)(t.type,oo,e,t)}function co(e){let{children:t,title:a,elements:r}=e;const i=Object(l.useReducer)(so,{[no]:[],[ro]:[],[io]:[],data:[...r],open:!1}),[,o]=i,{data:s,loading:c,refetch:u}=Object(De.d)(I.hb,{variables:{page:a},fetchPolicy:"cache-and-network"});Object(l.useEffect)(()=>{o({type:lo})},[]),Object(l.useEffect)(()=>
9318{if(null!=s){const t=null===s||void 0===s?void 0:s.getReportWidgets,a=null===t||void 0===t?void 0:t.col1,l=null===t||void 0===t?void 0:t.col2;let n=uo(a,r,1,l),i=uo(l,r,2,a);const c=mo(r,n),u=mo(r,i),d=[...n,...i],m=r.filter(e=>!d.includes(e.value));function e(e,t){(e||[]).forEach(e=>{o({type:Xi,group:t,value:e})})}e(c,ro),e(u,io),e(m,no)}},[s,r,o,u]);const d=c&&n.a.createElement(D.D,null);return n.a.createElement(Zi.Provider,{value:i},d,t)}function uo(e,t,a,l){const n=e?e.split(/,/g):function(e,t){return e.map(e=>e.default===t?e.value:null).filter(Boolean)}(t,a),r=l?l.split(/,/g):[];return n.filter(e=>!r.includes(e))}function mo(e,t){return e.filter(e=>t.includes(e.value))}function po(){return Object(l.useContext)(Zi)}function go(e){let{type:t,index:a,id:r,label:i,moveCard:o,group:s,component:c,handleClick:u}=e;const d=Object(l.useRef)(null),[{handlerId:m},p]=Object(R.a)({accept:t,collect:e=>({handlerId:e.getHandlerId()}),hover(e,t){var l;if(!d.current)return;const n=e.index,r=a;if(n===r)return;const i=null===(l=d.current)||void 0===l?void 0:l.getBoundingClientRect(),s=(i.bottom-i.top)/2,c=t.getClientOffset().y-i.top;n<r&&c<s||n>r&&c>s||(o(n,r),e.index=r)}}),[{isDragging:g},A]=Object(F.a)({item:{type:t,index:a,id:r,label:i,group:s,component:c},collect:e=>({isDragging:e.isDragging()})}),b=g?0:1;A(p(d));const h=s!==no&&n.a.createElement(D.g,{icon:Wi.a,plain:!0,onClick:u});return n.a.createElement(Ao,{className:"element-wrap",ref:d,style:{opacity:b},"data-handler-id":m},n.a.createElement("span",{className:"label-wrap"},i),h)}const Ao=j.b.div` 9319 display: flex; 9320 9321 .label-wrap { 9322 flex-grow: 1; 9323 } 9324`,bo=j.b.div` 9325 .element-wrap { 9326 background-color: white; 9327 outline: 0.1rem solid transparent; 9328 padding: 1rem 1.6rem; 9329 border-radius: 3px; 9330 cursor: pointer; 9331 box-shadow: 0 0 0 1px rgb(63 63 68 / 5%), 9332 0 1px 3px 0 rgb(63 63 68 / 15%); 9333 9334 &:not(:first-child) { 9335 margin-top: 2rem; 9336 } 9337 } 9338`;function ho(e){let{title:t,toggleOpen:a}=e;const[l,r]=Object(Ee.a)(!0);return n.a.createElement(N.a,{backend:U.a},n.a.createElement(bo,null,n.a.createElement(D.A,null,n.a.createElement(D.A.Section,{fullWidth:!0},n.a.createElement(D.Y,{alignment:"center"},n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.g,{children:"Add Widget",primary:!0,disclosure:!0,onClick:()=>r()})),n.a.createElement(Eo,{title:t,toggleOpen:a}))),n.a.createElement(fo,{open:l}),n.a.createElement(D.A.Section,{oneThird:!0},n.a.createElement(vo,{group:ro,header:"Column Left"})),n.a.createElement(D.A.Section,{oneThird:!0},n.a.createElement(vo,{group:io,header:"Column Right"})))))}const fo=Object(l.memo)((function(e){let{open:t}=e;const a=Object(l.useRef)(null),r=Object(l.useRef)(null);return Object(l.useEffect)(()=>(t?null!=a.current&&a.current.classList.add("Polaris-Layout__Section","Polaris-Layout__Section--oneThird"):null!=a.current&&(r.current=setTimeout(()=>{a.current.classList.remove("Polaris-Layout__Section","Polaris-Layout__Section--oneThird")},500)),()=>{clearTimeout(r.current)}),[t]),n.a.createElement("div",{ref:a},n.a.createElement(D.l,{open:t,id:"add-widget",transition:{duration:"500ms",timingFunction:"ease-in-out"},expandOnPrint:!0},n.a.createElement(vo,{group:no})))})),vo=Object(l.memo)((function(e){let{group:t,header:a}=e;const[r,i]=po(),o=r[t],[s,c]=Object(l.useState)([]);Object(l.useEffect)(()=>{null!=o&&c(o)},[o]);const u=Object(l.useCallback)(e=>{if(e.group===t)return;const a={value:e.id,label:e.label,component:e.component};i({type:Xi,group:t,value:a}),i({type:eo,group:e.group,value:e.id})},[t,i]),[{isOver:d,item:m},p]=Object(R.a)({accept:"Card",drop:u,collect:e=>({isOver:e.isOver(),item:e.getItem()})}),g=Object(l.useCallback)((e,a)=>{const l=s[e],n=Q()(s,{$splice:[[e,1],[a,0,l]]});i({type:to,group:t,values:n})},[s,t,i]),A=Object(l.useCallback)(e=>{const a={value:e.value,label:e.label,component:e.component};i({type:Xi,group:no,value:a}),i({type:eo,group:t,value:e.value})},[t,i]),b=n.a.createElement("div",{style:{paddingTop:"4rem"}}),h=d&&(null===m||void 0===m?void 0:m.group)!==t;return n.a.createElement("div",{className:"Polaris-Card Polaris-Card--subdued",ref:p},a&&n.a.createElement(D.i.Header,{title:a}),n.a.createElement("div",{className:"Polaris-Card__Section"},s.map((e,a)=>((e,a)=>e?n.a.createElement(go,{type:"Card",key:e.value,index:a,id:e.value,label:e.label,moveCard:g,group:t,component:e.component,handleClick:()=>A(e)}):null)(e,a)),h&&b))}));function Eo(e){let{title:t,toggleOpen:a}=e;const[r,i]=po(),{toggleToast:o,setNotify:s}=Object(Fa.b)(),u=Object(l.useRef)(null),[d,{loading:m}]=Object(De.c)(Jt.le,{onCompleted:()=>{b("Update report widgets successfully.")},onError:e=>b(e,!0)}),[p,{loading:g}]=Object(De.c)(Jt.Sc,{onCompleted:()=>{b("Reest report widgets successfully.")},onError:e=>b(e,!0)}),A=Object(l.useCallback)(()=>{clearTimeout(u.current),u.current=setTimeout(()=>{a&&a()},350)},[a]),b=Object(l.useCallback)((function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const a=t?Object(c.ib)(t.toString()):e;s({msg:a,err:t}),t||A()}),[s,A]),h=Object(l.useCallback)(()=>{null!=t&&(o&&o(!0),p({variables:{page:t}}).then(e=>{var t;if(null===e||void 0===e||null===(t=e.data)||void 0===t?void 0:t.resetReportWidgets){const e=r.data,t=yo(e,1),l=yo(e,2);
9338function a(e,t){(e||[]).forEach(e=>{i({type:Xi,group:t,value:e})})}i({type:lo}),a(t,ro),a(l,io)}}))},[t,r,i,o,p]),f=Object(l.useCallback)(()=>{const e=r.Secondary||[],a=r.Third||[];function l(e){return e.map(e=>e.value).join()}const n=l(e),i=l(a),s={page:t,col1Widgets:n,col2Widgets:i};null!=t&&(n||i)&&(o&&o(!0),d({variables:s}))},[t,r,o,d]);return n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Reset",loading:g,onClick:h}),n.a.createElement(D.g,{children:"Update",primary:!0,loading:m,onClick:f}))}function yo(e,t){return e.map(e=>e.default===t?e:null).filter(Boolean)}function Co(e){let{title:t}=e;const[a,r]=Object(Ee.a)(!1),{isMobile:i}=Object(te.c)(),[,o]=po();return Object(l.useEffect)(()=>{if(i)return;let e=document.querySelector("#config-widgets"),t=document.querySelectorAll(".Polaris-Modal-Dialog__Modal");for(let a of t)Object(c.u)(a,e)&&a.setAttribute("style","max-width: calc(100% - 10rem); height: calc(100vh);")}),Object(l.useEffect)(()=>{o({type:ao,payload:a})},[a,o]),n.a.createElement(n.a.Fragment,null,n.a.createElement(D.g,{ariaExpanded:a,ariaControls:"config-widgets",onClick:r,children:"Config Widgets",disclosure:a?"up":"down"}),n.a.createElement(D.E,{open:a,onClose:r,title:"Config Widgets",sectioned:!0,large:!0},n.a.createElement("div",{id:"config-widgets"},n.a.createElement(ho,{title:t,toggleOpen:r}))))}const ko=Object(l.createContext)(null);function Oo(e){let{children:t=null}=e;const[a,r]=Object(l.useState)({from:Zr()().startOf("day"),to:Zr()().endOf("day")}),[i,o]=Object(l.useState)({productBaseIds:null,collectionIds:null,tagIds:null,storeID:null,storeManagerID:null}),[s,c]=Object(l.useState)({from:null,to:null}),[u,d]=Object(l.useState)(null),[m,p]=Object(l.useState)(!1),[g,A]=Object(l.useState)(null),b=Object(l.useMemo)(()=>({range:a,setRange:r,filter:i,setFilter:o,rangeToCompare:s,setRangeToCompare:c,isCompare:u,setIsCompare:d,loading:m,setLoading:p,teamID:g,setTeamID:A}),[a,r,i,o,s,c,u,d,m,p,g,A]);return n.a.createElement(ko.Provider,{value:b},t)}function jo(){return Object(l.useContext)(ko)}function wo(e,t,a){let l=a?Zr()().subtract(1,"years").format("DD-MM-YYYY"):"Yesterday";if("Today"!==t[0]&&null!=e){l=[Zr()(e.from).format("YYYY-MM-DD"),Zr()(e.to).format("YYYY-MM-DD")].filter(Boolean).join(" - ")}return l}const So=/\s+\-\s+/;function Io(e,t,a){if(a)e.from=Zr()(e.from).subtract(1,"years"),e.to=Zr()(e.to).subtract(1,"years");else if(Array.isArray(t))switch(t[0]){case"Today":case"Yesterday":e.from=Zr()(e.from).subtract(1,"days").startOf("day"),e.to=Zr()(e.to).subtract(1,"days").endOf("day");break;case"Last 7 days":e.from=Zr()(e.from).subtract(7,"days").startOf("day"),e.to=Zr()(e.to).subtract(7,"days").endOf("day");break;case"This month":case"Last month":e.from=Zr()(e.from).subtract(1,"months").startOf("months"),e.to=Zr()(e.to).subtract(1,"months").endOf("months");break;default:e=null}else if(So.test(t)){const[a,l]=t.split(So).filter(Boolean),n=Zr()(l).diff(Zr()(a)),r=Zr.a.duration(n).asDays();if(null!=l){const t=Zr()(a).subtract(1,"days").endOf("day");e.to=t,e.from=Zr()(t).subtract(Math.max(r,0),"days").startOf("day")}}return e}const Bo=Object(l.forwardRef)((function(e,t){let{activatorLabel:a,isCompare:r,setIsCompare:i}=e;const o=(a||[]).includes("All time"),{setRangeToCompare:s,range:c,setIsCompare:u,setLoading:d,loading:m}=jo(),[p,g]=Object(l.useState)(c||null),[A,b]=Object(l.useState)("previousPeriod"),h=Object(l.useRef)(null),[f,v]=Object(l.useState)([{label:"Previous period (Yesterday)",value:"previousPeriod"},{label:`Previous year (${Zr()().subtract(1,"years").format("DD-MM-YYYY")})`,value:"previousYear"}]);Object(l.useEffect)(()=>{if(c&&Object.prototype.hasOwnProperty.call(c,"from")){let e=JSON.parse(JSON.stringify(c));const t="previousPeriod"===A;let l={period:"",year:""};const n=Io(Object(C.cloneDeep)(e),a)||{};l.period=wo(n,a);const r=Io(Object(C.cloneDeep)(e),a,!0)||{};l.year=wo(r,a,!0);g(t?n:r),v(e=>e.map(e=>"previousPeriod"===e.value?{...e,label:`Previous period (${l.period})`}:{...e,label:`Previous year (${l.year})`}))}},[c,A,a]);const E=Object(l.useCallback)(e=>{i(e)},[i]),y=Object(l.useCallback)(e=>{b(e)},[]),k=Object(l.useCallback)(()=>{u(r),r&&s(p),d(()=>!0),h.current=setTimeout(()=>{d(()=>!1)},1e3)},[p,r,d,u,s]),O=Object(l.useCallback)(()=>
9338{if(r){if(o)return u(null),s(null),d(()=>!0),void(h.current=setTimeout(()=>{d(()=>!1)},1e3));u(r),s(p)}},[o,r,p,s,d]);return Object(l.useImperativeHandle)(t,()=>({onCompare:O}),[O]),Object(l.useEffect)(()=>()=>{h.current&&clearTimeout(h.current)},[]),n.a.createElement(l.Fragment,null,n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.j,{label:"Compare to Dates",checked:r,onChange:E,disabled:o}),n.a.createElement(D.Q,{options:f,value:A,onChange:y,disabled:o}),n.a.createElement(D.g,{primary:!0,children:"Apply",onClick:k,loading:m,disabled:null==r||o})))}));var Do=a(1520),Po=a(1521);const xo={equal:{color:"#349dd7"},increment:{color:"#6bc959",icon:Do.a},decrement:{color:"#dd6a4f",icon:Po.a}};function Mo(e){let{originalVal:t,newVal:a}=e;const l=Object(c.e)(a,t);let r=xo.equal;l>100?r=xo.increment:l<100&&(r=xo.decrement);let i=l>100;return a?n.a.createElement(To,{isIncrement:i},r.icon&&n.a.createElement("div",null,n.a.createElement(D.w,{source:r.icon})),n.a.createElement("span",{style:{color:r.color}},l,"%")):null}const To=j.b.div` 9339 display: inline-flex; 9340 flex-direction: row; 9341 column-gap: 0.2rem; 9342 align-items: center; 9343 margin-left: 0.5rem; 9344 transform: translateY(0.2rem); 9345 9346 .Polaris-Icon { 9347 height: 1.4rem; 9348 width: 1.4rem; 9349 9350 .Polaris-Icon__Svg { 9351 fill: ${e=>{let{isIncrement:t}=e;return t?"#6bc959":"#dd6a4f"}}; 9352 } 9353 } 9354`;const Qo={width:"10rem",display:"inline-block"};function Ro(e){let{children:t,show:a}=e;return a?t:null}function Fo(e,t){return t.every(t=>!e[t])}const No={width:"10rem",display:"inline-block"};const Uo={all:"All Tasks",cancel:"Cancel",declined:"Declined",denied:"Denied",doing:"Doing",done:"Done",draft:"Draft",mockup_generating:"Mockup Generating",need_review:"Need review",partially_completed:"Partially Completed",pending:"Pending",rejected:"Rejected",unassigned:"Un-assigned"};function Lo(e){let{filterTimeByField:t}=e;const{range:a,filter:r}=jo(),{collectionIds:i,tagIds:o}=r||{},[s,c]=Object(l.useState)({search:null,filterByTime:a?{...a,field:null!==t&&void 0!==t?t:void 0}:a,tagIds:o,collectionIds:i,storeManagerID:null,storeID:null}),[u,d]=Object(l.useState)({items:[],total:0,totalIdeas:0}),{data:m}=Object(De.d)(I.pc,{variables:{filter:s}});Object(l.useEffect)(()=>{if(null!=r){let e=r;if("productBaseIds"in r||"viewWholeTeamReport"in r){let t,a;({productBaseIds:t,viewWholeTeamReport:a,...e}=r)}c(t=>({...t,...e}))}},[r]),Object(l.useEffect)(()=>{c(e=>({...e,filterByTime:a?{...a,field:null!==t&&void 0!==t?t:void 0}:a,collectionIds:i,tagIds:o}))},[a,t,i,o]),Object(l.useEffect)(()=>{var e;const t=null===m||void 0===m||null===(e=m.reportIdeaTaskByStatus)||void 0===e?void 0:e.aggregation;if(null!=t){const e={};e.all=t.all,e.cancel=t.cancel,e.declined=t.declined,e.denied=t.denied,e.doing=t.doing,e.done=t.done,e.draft=t.draft,e.mockup_generating=t.mockup_generating,e.need_review=t.need_review,e.partially_completed=t.partially_completed,e.pending=t.pending,e.rejected=t.rejected,e.unassigned=t.unassigned;const a=Object.entries(e).reduce((e,t)=>{let[a,l]=t;const n={label:Uo[a],value:l};return null!=Uo[a]?e.concat(n):e},[]);d(t=>({...t,items:a,total:e.all}))}},[m]);const p=Object(l.useMemo)(()=>u.items.map((e,t)=>n.a.createElement(D.Y,{key:"task-"+t},n.a.createElement(D.Y.Item,{fill:!0},e.label),n.a.createElement("span",null,e.value))),[u.items]),g=n.a.createElement(D.Y,null,n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.db,{variation:"strong"},"Status")),n.a.createElement(D.db,{variation:"strong"},"Count"));return n.a.createElement("div",{style:{marginTop:"3rem"}},n.a.createElement(D.Y,{vertical:!0,spacing:"loose"},g,p))}let Vo=[{value:"created_at",label:"Task Created Date"},{value:"done_date",label:"Done Date"},{value:"need_review_at",label:"Need Review Date"}];function zo(e){let{onChange:t}=e;const[a,r]=n.a.useReducer(c.Hb,{selected:[]}),i=Object(l.useCallback)(e=>{t&&t("created_at"===e?null:e),r({selected:e})},[]);return n.a.createElement(D.Q,{label:"For",options:Vo,value:a.selected,onChange:i})}const qo="Polaris-DataTable__Cell",Ho=qo+"--verticalAlignMiddle",$o=qo+"--firstColumn",_o="Polaris-DataTable__TableRow",Go="Polaris-DataTable--hoverable",Ko={className:[qo,Ho,$o,qo+"--header"].join(" "),"data-polaris-header-cell":"true",scope:"col"},Jo={className:[qo,Ho,$o].join(" ")},Yo={className:[_o,Go].join(" ")};const Wo=j.b.div` 9355 overflow-x: auto; 9356 9357 table { 9358 table-layout: fixed; 9359 width: 100%; 9360 min-width: 65rem; 9361 9362 tr, 9363 th, 9364 td { 9365 border: 0.1rem solid var(--p-border, #c4cdd5); 9366 white-space: normal; 9367 word-break: break-word; 9368 } 9369 } 9370`,Zo=j.b.div` 9371 display: flex; 9372 align-items: center; 9373 flex-wrap: wrap; 9374 margin-left: -1.4rem; 9375 9376 .Polaris-Heading { 9377 cursor: pointer; 9378 } 9379 9380 .btn-wrap { 9381 margin-top: 0.2rem; 9382 margin-right: 0.5rem; 9383 } 9384`;const Xo=j.b.div` 9385 overflow-x: auto; 9386 9387 table { 9388 table-layout: fixed; 9389 width: 100%; 9390 min-width: 65rem; 9391 9392 tr, 9393 th, 9394 td { 9395 border: 0.1rem solid var(--p-border, #c4cdd5); 9396 white-space: normal; 9397 word-break: break-word; 9398 } 9399 } 9400`,es=j.b.div` 9401 display: flex; 9402 align-items: center; 9403 flex-wrap: wrap; 9404 margin-left: -1.4rem; 9405 9406 .Polaris-Heading { 9407 cursor: pointer; 9408 } 9409 9410 .btn-wrap { 9411 margin-top: 0.2rem; 9412 margin-right: 0.5rem; 9413 } 9414`,ts={width:"12rem",display:"inline-block"};const as=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,a={width:e,display:"inline-flex","word-wrap":"break-word"};return t&&(a["justify-content"]=t),a};const ls={width:"10rem",display:"inline-block"};var ns=a(1522),rs=a(136);const is=n.a.createContext({}),os=e=>{let{children:t}=e;const[a,l]=n.a.useReducer(c.Hb,{open:!1,selected:null});return n.a.createElement(is.Provider,{value:{...a,selectProduct:e=>()=>{l({open:!0,selected:e})},closeModal:()=>{l({open:!1,selected:null})}}},t)},ss=()=>n.a.useContext(is);var cs=a(120),us=a(534);cs.e.register(cs.d,cs.j,cs.l,cs.i,cs.p,cs.q,cs.g);const ds=[{label:"",data:[],borderColor:"rgb(53, 162, 235)",backgroundColor:"rgba(53, 162, 235, 0.5)"}],ms={responsive:!0,plugins:{legend:{position:"top",display:!1}},elements:{point:{radius:0}}};function ps(e){let{data:t}=e;const[a,r]=Object(l.useState)({labels:[],datasets:ds});Object(l.useEffect)(()=>{const e=[],a=(t||[]).reduce((t,a)=>{const l=a.formatedDate;return e.push(a.totalUnits),[...t,l]},[]);r(t=>{const l=t.datasets[0];return{...t,labels:a,datasets:[{...l,data:e}]}})},[t]);return 0===(null===t||void 0===t?void 0:t.length)?n.a.createElement(We.EmptyStatePolaris,{noData:!0}):n.a.createElement(us.a,{options:ms,data:a})}function gs(e){let{saleChannel:t,filterByTime:a}=e;const{open:l,selected:r,closeModal:i}=ss(),{data:o,loading:s,error:u}=Object(De.d)(I.Ac,{variables:{filter:{productID:r,saleChannel:t,filterByTime:a}},skip:!l||!r}),[d,m]=n.a.useState({revenues:0,totalUnits:0,totalOrders:0,totalBaseCost:0});n.a.useEffect(()=>{const e=null===o||void 0===o?void 0:o.reportSaleChannelOverviewByProductID;if(null==e)return;const t={};t.revenues=e.revenues,t.totalUnits=e.totalUnits,t.totalOrders=e.totalOrders,t.totalBaseCost=e.totalBaseCost,m(e=>({...e,...t}))},[o]);const p=(null===o||void 0===o?void 0:o.reportSaleChannelOverviewByProductID)||{};return n.a.createElement(D.E,{open:l,onClose:i,sectioned:!0,title:"Sale channels overviews",large:!0},s?n.a.createElement(Je.SkeletonPagePolaris,null):u?n.a.createElement("div",null,"Erorr: ",Object(c.ib)(null===u||void 0===u?void 0:u.toString())):n.a.createElement(n.a.Fragment,null,n.a.createElement(D.Y,{spacing:"loose",vertical:!0},n.a.createElement(D.Y,{spacing:"loose"},n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement(D.db,null,"Revenues:"," ",n.a.createElement(D.db,{variation:"strong"},c.D.format(d.revenues))),n.a.createElement(D.db,null,"Total Cost:"," ",n.a.createElement(D.db,{variation:"strong"},c.D.format(d.totalBaseCost))))),n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement("span",null,n.a.createElement("span",null,d.totalUnits," Line items")),n.a.createElement("span",null,n.a.createElement("span",null,d.totalOrders," Orders")))),!t&&n.a.createElement(D.Y,{spacing:"loose",distribution:"fill"},n.a.createElement(D.db,null,n.a.createElement(D.db,{variation:"strong"},"Online Stores: "),p.onlineStore),n.a.createElement(D.db,null,n.a.createElement(D.db,{variation:"strong"},"Amazon: "),p.amazon),n.a.createElement(D.db,null,n.a.createElement(D.db,{variation:"strong"},"Ebay: "),p.ebay),n.a.createElement(D.db,null,n.a.createElement(D.db,{variation:"strong"},"Etsy: "),p.etsy),n.a.createElement(D.db,null,n.a.createElement(D.db,{variation:"strong"},"Facebook Marketplace:"," "),p.facebookMarketplace),n.a.createElement(D.db,null,n.a.createElement(D.db,{variation:"strong"},"Tiktok: "),p.tiktok)),n.a.createElement(ps,{data:(null===p||void 0===p?void 0:p.chartValues)||[]}))))}function As(e){let{src:t,item:a}=e;const[l,r]=Object(Ee.a)(!1);return n.a.createElement(n.a.Fragment,null,n.a.createElement(Cs,null,n.a.createElement("img",{src:t,alt:"",onClick:r,style:{cursor:"pointer"}}),n.a.createElement(rs.a,{open:l,toggleShowModal:r,item:a,large:!0})))}const bs=o.a` 9415 query exportSaleByProducts($filter: ExportSaleByProductFilter!) { 9416 exportSaleByProducts(filter: $filter) { 9417 file { 9418 id 9419 url 9420 } 9421 } 9422 } 9423`;function hs(e){let{limit:t,offset:a,disabled:r,...i}=e;const[o,s]=n.a.useState(!1),c=Object(l.useCallback)(async()=>{const{__apolloClient__:e}=window;if(e){s(!0);try{var t,a,l;const{search:n,filterByTime:r,saleChanel:o,productBaseIds:c,collectionIds:u,tagIds:d,teamID:m}=i,p=await e.query({query:bs,variables:{filter:{search:n,filterByTime:r,saleChanel:o,productBaseIds:c,collectionIds:u,tagIds:d,teamID:m}}}),g=null===p||void 0===p||null===(t=p.data)||void 0===t||null===(a=t.exportSaleByProducts)||void 0===a||null===(l=a.file)||void 0===l?void 0:l.url;g&&window.open(g,"_blank")}catch(n){}finally{s(!1)}}},[i]);return n.a.createElement(D.g,{plain:!0,icon:ns.a,onClick:c,loading:o,disabled:r})}function fs(e){let{productID:t}=e;const{selectProduct:a}=ss();return n.a.createElement("div",null,n.a.createElement(D.g,{children:"View stats",onClick:a(t),plain:!0}))}function vs(e){let{mainImage:t,images:a,mainImageId:l}=e||{},n=t;if(!t&&l&&l.length>0){const e=(a||[]).find(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===l});(null===e||void 0===e?void 0:e.file)&&(n=e.file)}if(!n){const e=(a||[]).find(e=>!!e.file);(null===e||void 0===e?void 0:e.file)&&(n=e.file)}return function(e){const{thumbnailUrl:t,url:a}=e||{};return t||(a||void 0)}(n)||ze.a}const Es=j.b.div` 9424 display: flex; 9425 flex-direction: row; 9426 column-gap: 1.6rem; 9427`,ys=j.b.div` 9428 display: flex; 9429 flex-direction: row; 9430 column-gap: 1rem; 9431 align-items: center; 9432 9433 .title-wrap { 9434 flex: 1 1; 9435 display: flex; 9436 flex-direction: column; 9437 row-gap: 0.5rem; 9438 } 9439`,Cs=j.b.div` 9440 width: 10rem; 9441 height: 10rem; 9442 border-radius: 3px; 9443 9444 img { 9445 width: 100%; 9446 height: 100%; 9447 object-fit: cover; 9448 border-radius: 3px; 9449 box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 15px -3px, 9450 rgba(0, 0, 0, 0.1) 0px 4px 6px 2px; 9451 } 9452`;cs.e.register(cs.a,cs.q,cs.g);const ks={etsy:"Etsy",ebay:"Ebay",amazon:"Amazon",tiktok:"Tittok",facebookMarketplace:"Facebook MK",onlineStore:"Online stores"},Os=[{label:"# of Votes",key:"compare",data:[],backgroundColor:["rgba(255, 99, 132, 0.2)","rgba(54, 162, 235, 0.2)","rgba(255, 206, 86, 0.2)","rgba(96, 202, 61, 0.2)","rgba(75, 192, 192, 0.2)","rgba(153, 102, 255, 0.2)"],borderColor:["rgba(255, 99, 132, 1)","rgba(54, 162, 235, 1)","rgba(255, 206, 86, 1)","rgba(12, 206, 86, 1)","rgba(75, 192, 192, 1)","rgba(153, 102, 255, 1)"],borderWidth:1},{label:"# of Votes",key:"original",data:[],backgroundColor:["rgba(255, 99, 132, 0.2)","rgba(54, 162, 235, 0.2)","rgba(255, 206, 86, 0.2)","rgba(96, 202, 61, 0.2)","rgba(75, 192, 192, 0.2)","rgba(153, 102, 255, 0.2)"],borderColor:["rgba(255, 99, 132, 1)","rgba(54, 162, 235, 1)","rgba(255, 206, 86, 1)","rgba(12, 206, 86, 1)","rgba(75, 192, 192, 1)","rgba(153, 102, 255, 1)"],borderWidth:1}];function js(e){let{data:t,dataCompare:a}=e;const[r,i]=Object(l.useState)({labels:Object.values(ks),datasets:Os}),{isCompare:o}=jo(),s=null===a||void 0===a?void 0:a.reportSaleChanelOverview;Object(l.useEffect)(()=>{const e=null===t||void 0===t?void 0:t.reportSaleChanelOverview;if(null==e)return;const a=[],l=o&&null!=s,n=Object.keys(ks).reduce((t,n)=>{const r=e[n]||0,i=l?s[n]||0:"",o=`${ks[n]} (${r} ${l?"| "+i:""})`;return a.push(o),[...t,r]},[]),r=l?Object.keys(ks).reduce((e,t)=>
9452[...e,s[t]||0],[]):[];i(e=>{const t=e.datasets.find(e=>"original"===e.key),i=l?Os.map(e=>{const{key:t}=e,a="original"===t;return{...e,data:a?n:r}}):[{...t,data:n}];return{...{...e,labels:a,datasets:i}}})},[t,s,o]);const c={responsive:!0,maintainAspectRatio:!1,plugins:{layout:{padding:20},legend:{position:"right"},tooltip:{callbacks:{label:function(e){let t=e.label||"",a=e.parsed||0;const l=e.dataset,n="compare"===(null===l||void 0===l?void 0:l.key);if(t){const e=/\(/,l=t.match(e),r=null===l||void 0===l?void 0:l.index;null!=r&&(t=t.substring(0,r));t=`${t}${n?" - Previous":""}: ${a}`}return t}}}}};return 0===(null===t||void 0===t?void 0:t.reportSaleChanelOverview.totalUnits)?n.a.createElement(We.EmptyStatePolaris,{noData:!0}):n.a.createElement(us.b,{data:r,options:c,height:o&&null!=s?350:270})}const ws=j.b.div` 9453 display: flex; 9454 align-items: center; 9455 flex-wrap: wrap; 9456 margin-left: -1.4rem; 9457 9458 .Polaris-Heading { 9459 cursor: pointer; 9460 } 9461 9462 .btn-wrap { 9463 margin-top: 0.2rem; 9464 margin-right: 0.5rem; 9465 } 9466`,Ss={width:"10rem",display:"inline-block"};function Is(e){const[t,a]=n.a.useReducer(c.Hb,{data:{},loading:!1}),[l]=Object(De.b)(I.V,{variables:{filter:e},onCompleted:e=>{const t=function(e){var t;const a={};if((null===e||void 0===e||null===(t=e.getOwnerStoreByIDs2)||void 0===t?void 0:t.length)>0)for(let l of e.getOwnerStoreByIDs2){if(!l||!l.storeOwners||0===l.storeOwners.length)continue;const e=[];for(let t of l.storeOwners){const a=Bs(t.user);e.push({...t,user:a,createdAt:t.createdAt?Zr()(t.createdAt).format("DD-MM-YYYY"):null,deletedAt:t.deletedAt?Zr()(t.deletedAt).format("DD-MM-YYYY"):null})}0!=e.length&&(a[l.storeID]=e)}return a}(e);a({data:t,loading:!1})},onError:()=>{a({loading:!1})}});return[n.a.useCallback(t=>{a({loading:!0}),l({variables:{filter:{filterByTime:e.filterByTime,storeIDs:t}}})},[e]),t]}function Bs(e){return[null===e||void 0===e?void 0:e.firstName,null===e||void 0===e?void 0:e.lastName].filter(Boolean).join(" ")}function Ds(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",a=arguments.length>2?arguments[2]:void 0,l="";return""!==e?(l=document.createElement("span"),l.className=t,l.textContent=a?e:c.D.format(e)):(l=document.createElement("span"),l.innerHTML=" ",l.className="col-index"),l}function Ps(e,t,a){let l=e.querySelector("table");l||(l=document.createElement("table"),l.className="Polaris-DataTable__Table");let n=e.querySelector("body");n||(n=document.createElement("tbody"));const r=function(e,t){const a=[];for(let l of e){const e=document.createElement("tr");e.className="Polaris-DataTable__TableRow";const{totalSale:n,totalBaseCost:r,totalRevenue:i,totalKpis:o}=l,{total:s,totalKPIOffline:c,totalKPIOnline:u}=o||{},d=[Ds(""),t(l),Ds(n||0,"total-cost",!0),Ds(r||0,"total-cost"),Ds(i||0,"total-revenue"),Ds(s||0,"total-kpi",!0),Ds(c||0,"total-kpi-offline",!0),Ds(u||0,"total-kpi-online",!0)];for(let t=0;t<d.length;t++){const a=d[t];let l=document.createElement("td");l.className="Polaris-DataTable__Cell Polaris-DataTable__Cell--verticalAlignTop","object"===typeof a&&a?l.appendChild(a):l.textContent=a,e.appendChild(l)}a.push(e)}return a}(t,a);if(r.length>0){for(let e of r)n.appendChild(e);l.appendChild(n),e.appendChild(l)}}function xs(e,t){const a=document.createElement("b");a.textContent=t?"Created at: ":"Deleted at: ";let l="";const n=t?"createdAt":"deletedAt";if(e[n]){l=document.createElement("span"),l.appendChild(a);const t=document.createTextNode(e[n]);l.appendChild(t)}return l}function Ms(e){const t=xs(e,!0),a=xs(e),l=[t,a].filter(Boolean),n=document.createElement("i");n.style="font-size:12px;";for(let i of l)n.appendChild(i),n.appendChild(i);l.length>1&&n.insertBefore(document.createTextNode(" - "),a),l.length>0&&(n.insertBefore(document.createTextNode(" ("),n.firstElementChild),n.appendChild(document.createTextNode(") ")));const r=document.createElement("div");return r.innerHTML='<span role="img" aria-label="minus" class="anticon anticon-minus">\n <svg\n viewBox="64 64 896 896"\n focusable="false"\n data-icon="minus"\n width="10px"\n height="10px"\n fill="currentColor"\n aria-hidden="true"\n >\n <path d="M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"></path>\n </svg>\n</span> '+(e.user||""),r.appendChild(n),r.className="store-name store-owner",r}const Ts=j.b.div` 9467 .item { 9468 white-space: normal; 9469 word-break: break-word; 9470 } 9471 9472 .col-index {
9473 width: 20px; 9474 display: inline-block; 9475 } 9476 9477 .store-name { 9478 white-space: break-spaces; 9479 width: 300px; 9480 } 9481 9482 .total-sale, 9483 .total-cost, 9484 .total-kpi, 9485 .total-kpi-offline, 9486 .total-kpi-online, 9487 .total-kpi-bot, 9488 .total-revenue { 9489 width: 100px; 9490 display: inline-block; 9491 } 9492 9493 .Polaris-DataTable__Cell { 9494 &.slot { 9495 padding: 0; 9496 display: table-cell !important; 9497 9498 .Polaris-DataTable__Cell { 9499 background-color: #f9fafb; 9500 padding-top: 5px; 9501 padding-bottom: 5px; 9502 } 9503 9504 .store-owner { 9505 display: flex; 9506 overflow: hidden; 9507 flex-wrap: wrap; 9508 white-space: break-spaces; 9509 padding-left: 16px; 9510 width: 300px; 9511 } 9512 } 9513 9514 &:has(.owner-store-slot) { 9515 display: none; 9516 } 9517 } 9518`,Qs=j.b.div` 9519 display: flex; 9520 align-items: center; 9521 flex-wrap: wrap; 9522 margin-left: -1.4rem; 9523 9524 .Polaris-Heading { 9525 cursor: pointer; 9526 } 9527 9528 .btn-wrap { 9529 margin-top: 0.2rem; 9530 margin-right: 0.5rem; 9531 } 9532`,Rs=o.a` 9533 query tasksV2($filter: TaskFilter) { 9534 tasksV2(filter: $filter) { 9535 total 9536 aggregations 9537 } 9538 } 9539`,Fs={all:"All Tasks",pendingDesign:"Pending design",assigned:"Assigned",unassigned:"Un-assigned",pending:"Pending",doing:"Doing",fileGenerating:"File Generating",needReview:"Need review",rejected:"Rejected",expiredSoon:"Expired soon",denied:"Denied",expired:"Expired",cancel:"Cancel",done:"Done"};const Ns=j.b.div` 9540 display: flex; 9541 align-items: center; 9542 flex-wrap: wrap; 9543 margin-left: -1.4rem; 9544 9545 .Polaris-Heading { 9546 cursor: pointer; 9547 } 9548 9549 .btn-wrap { 9550 margin-top: 0.2rem; 9551 margin-right: 0.5rem; 9552 } 9553`;var Us=a(811),Ls=a.n(Us);function Vs(e){let{platform:t,hasSaleChannel:a,loadMore:r,canLoad:i,handleScroll:o,count:s,filterByTime:u}=e;const[d,m]=n.a.useState([]),p=n.a.useRef(),[g,A]=n.a.useReducer(c.Hb,{loadMore:!1});let b=t.key;"onlineStore"===b&&(b="online store");const[h,f]=function(e){const[t,a]=n.a.useReducer(c.Hb,{data:{},loading:!1}),[l]=Object(De.b)(I.lb,{onCompleted:e=>{const t=function(e){var t;const a={};if((null===e||void 0===e||null===(t=e.getStateByProductBaseIDs)||void 0===t?void 0:t.length)>0)for(let l of e.getStateByProductBaseIDs)l&&l.states&&0!==l.states.length&&(a[l.baseID]=l.states);return a}(e);a({loading:!1,data:t})},onError:()=>{a({loading:!1})}});return[n.a.useCallback(t=>{a({loading:!0}),l({variables:{filter:{baseIDs:t,saleChannel:e.saleChannel,filterByTime:e.filterByTime}}})},[e]),t]}({filterByTime:u,saleChannel:b}),v=Object(l.useRef)(new Set);n.a.useEffect(()=>{const e=(t.values||[]).map((e,t)=>[[n.a.createElement("div",{className:"col-index"},t+1),n.a.createElement("div",{className:"state-name"},n.a.createElement("span",null,e.baseTitle)),n.a.createElement("div",{className:"total-sale"},n.a.createElement("span",null,e.totalSale)),n.a.createElement("div",{className:"total-cost"},n.a.createElement("span",null,c.D.format(e.totalBaseCost))),n.a.createElement("div",{className:"total-revenue"},n.a.createElement("span",null,c.D.format(e.totalRevenues)))],[n.a.createElement("div",{"data-base-id":e.baseID,style:{display:"none"},className:"state-slot",ref:e=>v.current.add(e)})]]).flat();m(e)},[t.values]),n.a.useEffect(()=>{if(!g.loadMore)return;const e=(a=t,(Object(C.get)(a,"values")||[]).map(e=>null===e||void 0===e?void 0:e.baseID).filter(Boolean));var a;e.length>0&&h(e)},[t.values,g.loadMore]),n.a.useLayoutEffect(()=>{if(v.current.size)for(let t of Array.from(v.current.values())){if(!t||!t.parentNode)continue;const a=t.getAttribute("data-base-id");t.parentNode&&!t.parentNode.classList.contains("slot")&&(t.parentNode.classList.add("slot"),t.parentNode.setAttribute("colspan",5));let l=f.data[a];var e;if(g.loadMore)(null===(e=l)||void 0===e?void 0:e.length)>0&&(l=l.sort((e,t)=>t.totalSale-e.totalSale),Ps(t.parentNode,l,_s));else if(t.parentNode){const e=t.parentNode.querySelector("table");e&&Object(c.Ib)(e)}}},[v.current.size,f.data,g.loadMore]);const E=n.a.createElement("div",{ref:p},n.a.createElement(D.Y,{vertical:!0,spacing:"loose",wrap:!1},n.a.createElement(D.P,{shadow:!0,id:"scrollable-product-base",style:{maxHeight:"30rem",paddingRight:"1.6rem",marginRight:"-1.6rem"},onScrolledToBottom:i?o:()=>{}},n.a.createElement(Ks,null,n.a.createElement(D.n,{rows:d,columnContentTypes:["text","text","text","text","text"],headings:["#","Title","Sales","Total Cost","Total Revenue"],hideScrollIndicator:!0}))),i&&r&&n.a.createElement(zs,null))),y=n.a.useCallback(e=>{A({loadMore:e})},[]);return a?E:n.a.createElement(D.i,{sectioned:!0,title:n.a.createElement(D.Y,{spacing:"extraTight",vertical:!0},n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.v,{element:"h3"},t.title||"")),n.a.createElement("span",null,n.a.createElement("div",{style:{display:"flex",flexDirection:"row",columnGap:"2rem"}},n.a.createElement("span",null,n.a.createElement("b",null,"Line items:"),n.a.createElement("span",null," ",s.totalSale)),n.a.createElement("span",null,n.a.createElement("b",null,"Total cost: "),n.a.createElement("span",null," ",c.D.format(s.totalBaseCost))),n.a.createElement("span",null,n.a.createElement("b",null,"Total revenue: "),n.a.createElement("span",null," ",c.D.format(s.totalRevenues))))),n.a.createElement(D.j,{label:"Breakdown by States",onChange:y,checked:g.loadMore}))},E)}const zs=()=>n.a.createElement(D.Y,{distribution:"center"},n.a.createElement(D.X,{size:"small"}));function qs(e){var t;let a={totalSale:0,totalBaseCost:0,totalRevenues:0};const l=Object.keys((null===e||void 0===e?void 0:e.reportSaleByProductBases)||{}),n=null===e||void 0===e?void 0:e.reportSaleByProductBases,r=null===e||void 0===e||null===(t=e.reportSaleByProductBases)||void 0===t?void 0:t.aggregations,i=e=>{const t={totalSale:0,totalBaseCost:0,totalRevenues:0},a=(r||[]).filter(t=>e.includes(t.platform));for(let l of a)t.totalSale+=l.totalSale||0,t.totalBaseCost+=l.totalBaseCost||0,t.totalRevenues+=l.totalRevenues||0;return t},o={};for(let s of l)if("__typename"!==s&&"aggregations"!==s&&n[s]&&Array.isArray(n[s])&&n[s].length>0){let e=[s];"onlineStore"===s&&(e=[oe.M.WooCommerce,oe.M.ShopBase,oe.M.Shopify]);const t=i(e);o[s]=t}for(let s of r)a.totalSale+=s.totalSale,a.totalBaseCost+=s.totalBaseCost,a.totalRevenues+=s.totalRevenues;return{...a,count:o}}function Hs(e){const t=[],a=Object.keys(null===e||void 0===e?void 0:e.reportSaleByProductBases),l=null===e||void 0===e?void 0:e.reportSaleByProductBases;for(let n of a)"__typename"!==n&&"aggregations"!==n&&l[n]&&Array.isArray(l[n])&&l[n].length>0&&t.push({title:Ls()(n),key:n,values:l[n]});return{values:t}}function $s(e,t){const a=Object.keys(e);let l={};for(const n of a)"__typename"!==n&&"aggregations"!==n&&(l["load_more_"+n]=!Object(c.c)(e[n])&&e[n].length>=t);return l}function _s(e){const t=document.createElement("div");return t.title=e.state||"",t.innerHTML='<span role="img" aria-label="minus" class="anticon anticon-minus">
9553\n <svg\n viewBox="64 64 896 896"\n focusable="false"\n data-icon="minus"\n width="10px"\n height="10px"\n fill="currentColor"\n aria-hidden="true"\n >\n <path d="M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"></path>\n </svg>\n </span> '+(e.state||""),t.className="state-name state-wrapper",t}const Gs=j.b.div` 9554 display: flex; 9555 align-items: center; 9556 flex-wrap: wrap; 9557 margin-left: -1.4rem; 9558 9559 .Polaris-Heading { 9560 cursor: pointer; 9561 } 9562 9563 .btn-wrap { 9564 margin-top: 0.2rem; 9565 margin-right: 0.5rem; 9566 } 9567`,Ks=j.b.div` 9568 .item { 9569 white-space: normal; 9570 word-break: break-word; 9571 } 9572 9573 .col-index { 9574 width: 20px; 9575 display: inline-block; 9576 } 9577 9578 .state-name { 9579 white-space: break-spaces; 9580 width: 300px; 9581 } 9582 9583 .total-sale, 9584 .total-cost, 9585 .total-revenue { 9586 width: 100px; 9587 display: inline-block; 9588 } 9589 9590 .Polaris-DataTable__Cell { 9591 &.slot { 9592 padding: 0; 9593 display: table-cell !important; 9594 9595 .Polaris-DataTable__Cell { 9596 background-color: #f9fafb; 9597 padding-top: 5px; 9598 padding-bottom: 5px; 9599 } 9600 9601 .state-wrapper { 9602 display: flex; 9603 overflow: hidden; 9604 flex-wrap: wrap; 9605 white-space: break-spaces; 9606 padding-left: 16px; 9607 width: 300px; 9608 } 9609 } 9610 9611 &:has(.state-slot) { 9612 display: none; 9613 } 9614 } 9615`;a(659);const Js={display:"inline-block",width:"9.5rem"},Ys={display:"inline-block",width:"12rem"}
9615,Ws={display:"inline-block",width:"20rem",wordBreak:"break-all"};const Zs=o.a` 9616 mutation downloadTeamStatistics($filter: TeamStatisticsFilter!) { 9617 downloadTeamStatistics(filter: $filter) 9618 } 9619`;function Xs(e){let{disabled:t,...a}=e;const[r,i]=n.a.useState(!1),o=Object(l.useCallback)(async()=>{const{__apolloClient__:e}=window;if(e){i(!0);try{var t;const l=await e.mutate({mutation:Zs,variables:{filter:a}}),n=null===l||void 0===l||null===(t=l.data)||void 0===t?void 0:t.downloadTeamStatistics;n&&window.open(n,"_blank")}catch(l){}finally{i(!1)}}},[a]);return n.a.createElement(D.g,{plain:!0,icon:ns.a,onClick:o,loading:r,disabled:t})}const ec=j.b.div` 9620 .index-wrap { 9621 width: 3rem; 9622 display: inline-block; 9623 } 9624 9625 .column-wrap { 9626 width: 7rem; 9627 display: inline-block; 9628 } 9629 9630 .name-wrap { 9631 display: flex; 9632 flex: 1 1; 9633 } 9634 9635 margin-bottom: 2rem; 9636`,tc=j.b.div` 9637 display: flex; 9638 flex-direction: row; 9639 column-gap: 1.6rem; 9640`,ac=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,a={width:e,display:"inline-flex",wordWrap:"break-word"};return t&&(a["justify-content"]=t),a};const lc=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,a={width:e,display:"inline-flex",wordWrap:"break-word"};return t&&(a["justify-content"]=t),a};const nc=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,a={width:e,display:"inline-flex",wordWrap:"break-word"};return t&&(a["justify-content"]=t),a};const rc=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,a={width:e,display:"inline-flex",wordWrap:"break-word"};return t&&(a["justify-content"]=t),a};const ic=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,a={width:e,display:"inline-flex",wordWrap:"break-word"};return t&&(a["justify-content"]=t),a};const oc=j.b.div` 9641 .item { 9642 white-space: normal; 9643 word-break: break-word; 9644 } 9645 9646 .col-index { 9647 width: 20px; 9648 display: inline-block; 9649 } 9650 9651 .fullname { 9652 white-space: break-spaces; 9653 width: 300px; 9654 } 9655 9656 .total-sale, 9657 .total-cost, 9658 .total-kpi, 9659 .total-kpi-offline, 9660 .total-kpi-online, 9661 .total-kpi-bot, 9662 .total-revenue { 9663 width: 100px; 9664 display: inline-block; 9665 } 9666 9667 .Polaris-DataTable__Cell { 9668 &.slot { 9669 padding: 0; 9670 display: table-cell !important; 9671 9672 .Polaris-DataTable__Cell { 9673 background-color: #f9fafb; 9674 padding-top: 5px; 9675 padding-bottom: 5px; 9676 } 9677 9678 .store-owner { 9679 display: flex; 9680 overflow: hidden; 9681 flex-wrap: wrap; 9682 white-space: break-spaces; 9683 padding-left: 16px; 9684 width: 300px; 9685 } 9686 } 9687 9688 &:has(.owner-store-slot) { 9689 display: none; 9690 } 9691 } 9692`,sc=j.b.div` 9693 display: flex; 9694 align-items: center; 9695 flex-wrap: wrap; 9696 margin-left: -1.4rem; 9697 9698 .Polaris-Heading { 9699 cursor: pointer; 9700 } 9701 9702 .btn-wrap { 9703 margin-top: 0.2rem; 9704 margin-right: 0.5rem; 9705 } 9706`;var cc=a(413),uc=a(116),dc=a.n(uc);function mc(e,t){let a=Number(e||0);return Object(c.N)(t,a)}const pc=j.b.div` 9707 .item { 9708 white-space: normal; 9709 word-break: break-word; 9710 } 9711 9712 .col-index { 9713 width: 20px; 9714 display: inline-block; 9715 } 9716 9717 .store-name { 9718 white-space: break-spaces; 9719 width: 300px; 9720 } 9721 9722 .etsy-sales { 9723 white-space: break-spaces; 9724 width: 250px; 9725 } 9726 9727 .total-sale, 9728 .total-cost, 9729 .total-kpi, 9730 .total-kpi-offline, 9731 .total-kpi-online, 9732 .total-kpi-bot, 9733 .total-revenue { 9734 width: 100px; 9735 display: inline-block; 9736 } 9737 9738 .Polaris-DataTable__Cell { 9739 &.slot { 9740 padding: 0; 9741 display: table-cell !important; 9742 9743 .Polaris-DataTable__Cell { 9744 background-color: #f9fafb; 9745 padding-top: 5px; 9746 padding-bottom: 5px; 9747 } 9748 9749 .store-owner { 9750 display: flex; 9751 overflow: hidden; 9752 flex-wrap: wrap; 9753 white-space: break-spaces; 9754 padding-left: 16px; 9755 width: 300px; 9756 } 9757 } 9758 9759 &:has(.owner-store-slot) { 9760 display: none; 9761 } 9762 } 9763`,gc=j.b.div` 9764 display: flex; 9765 align-items: center; 9766 flex-wrap: wrap; 9767 margin-left: -1.4rem; 9768 9769 .Polaris-Heading { 9770 cursor: pointer; 9771 } 9772 9773 .btn-wrap { 9774 margin-top: 0.2rem; 9775 margin-right: 0.5rem; 9776 } 9777`,Ac=[{value:"Today",label:"Today"},{value:"Yesterday",label:"Yesterday"},{value:"Last 7 days",label:"Last 7 days"},{value:"This month",label:"This month"},{value:"Last month",label:"Last month"},{value:"Custom",label:"Custom"},{value:"All time",label:"All time"}],bc=o.a` 9778 query productBasesForSeller($filter: ProductBaseFilter) { 9779 productBasesForSeller(filter: $filter) { 9780 total 9781 nodes { 9782 id 9783 title 9784 } 9785 } 9786 } 9787`,hc={Overviews:"Dashboard",Etsy:"Etsy",Ebay:"Ebay",Amazon:"Amazon",Tiktok:"Tiktok",FacebookMK:"Facebook MK",OnlineStores:"Online Stores"},fc={overviews:{label:"Sale Channels Overviews",value:"sale-channels-overviews",component:function(e){var t,a;let{saleChanel:r,isPie:i=!1}=e;const{range:o,filter:s,rangeToCompare:u,isCompare:d,loading:m,teamID:p}=jo(),{collapseActive:g,setCollapseActive:A}=Ic(),b=!!g.overviews,h=Object(l.useRef)(null),[f,v]=Object(l.useState)({saleChanel:r,filterByTime:o,productBaseIds:null,collectionIds:null,tagIds:null,storeID:null,storeManagerID:null}),[E,y]=Object(l.useState)({revenues:0,totalUnits:0,totalOrders:0}),[C,k]=Object(l.useState)(null),[O,j]=Object(l.useState)(!0),{data:w,loading:S,error:B}=Object(De.d)(I.zc,{variables:{filter:f}}),[P,{data:x,loading:M,errorC:T}]=Object(De.b)(I.zc);Object(l.useEffect)(()=>{j(S||M||m)},[S,M,m]),Object(l.useEffect)(()=>{v(e=>({...e,filterByTime:o,teamId:p||void 0}))},[o,p]),Object(l.useEffect)(()=>{null!=s&&v(e=>({...e,...s}))},[s]),Object(l.useEffect)(()=>
9787{if(d){let e=null;null!=(null===u||void 0===u?void 0:u.from)&&(e={...f.filterByTime,...u}),P({variables:{filter:{...f,filterByTime:e}}})}},[u,f,d]),Object(l.useEffect)(()=>{if(d){const e=null===x||void 0===x?void 0:x.reportSaleChanelOverview;if(null==e)return;const t={};t.revenues=e.revenues,t.totalUnits=e.totalUnits,t.totalOrders=e.totalOrders,t.totalBaseCost=e.totalBaseCost,k(e=>d?{...e,...t}:null)}else k(null)},[x,d]),Object(l.useEffect)(()=>{const e=null===w||void 0===w?void 0:w.reportSaleChanelOverview;if(null==e)return;const t={};t.revenues=e.revenues,t.totalUnits=e.totalUnits,t.totalOrders=e.totalOrders,t.totalBaseCost=e.totalBaseCost,y(e=>({...e,...t}))},[w]);const Q=i?n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement(js,{data:w,dataCompare:x}),n.a.createElement(ps,{data:(null===w||void 0===w||null===(t=w.reportSaleChanelOverview)||void 0===t?void 0:t.chartValues)||[]})):n.a.createElement(ps,{data:(null===w||void 0===w||null===(a=w.reportSaleChanelOverview)||void 0===a?void 0:a.chartValues)||[]}),R=Object(l.useCallback)(()=>{A(e=>({...e,overviews:!e.overviews}))},["overviews",A]),F=Object(l.useCallback)(()=>{h.current&&h.current.click()},[]);let N=B||T;return n.a.createElement(D.i,null,n.a.createElement(D.i.Header,{title:n.a.createElement(ws,null,n.a.createElement("span",{className:"btn-wrap"},n.a.createElement(_i.a,{rotate:b?90:0,style:{color:"#000"},ref:h,onClick:R})),n.a.createElement("h2",{className:"Polaris-Heading",onClick:F},"Sale channels overviews"))}),n.a.createElement(D.i.Section,null,n.a.createElement(D.l,{open:b,id:"overviews",transition:{duration:"500ms",timingFunction:"ease-in-out"},expandOnPrint:!0},O?n.a.createElement(D.Y,{distribution:"center"},n.a.createElement(D.X,{size:"small"})):N?n.a.createElement("div",null,"Error: ",Object(c.ib)(N.toString())):n.a.createElement(D.Y,{spacing:"loose",vertical:!0},n.a.createElement(D.Y,{spacing:"loose"},n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement(D.db,null,"Revenues:"," ",n.a.createElement(D.db,{variation:"strong"},c.D.format(E.revenues)),n.a.createElement(Mo,{originalVal:E.revenues,newVal:null===C||void 0===C?void 0:C.revenues})),n.a.createElement(D.db,null,"Total Cost:"," ",n.a.createElement(D.db,{variation:"strong"},c.D.format(E.totalBaseCost)),n.a.createElement(Mo,{originalVal:E.totalBaseCost,newVal:null===C||void 0===C?void 0:C.totalBaseCost})))),n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement("span",null,n.a.createElement("span",null,E.totalUnits," Line items"),n.a.createElement(Mo,{originalVal:E.totalUnits,newVal:null===C||void 0===C?void 0:C.totalUnits})),n.a.createElement("span",null,n.a.createElement("span",null,E.totalOrders," Orders"),n.a.createElement(Mo,{originalVal:E.totalOrders,newVal:null===C||void 0===C?void 0:C.totalOrders})))),Q))))}},marketplaceManager:{label:"Marketplace Manager",value:"marketplace-manager",component:function(e){var t;let{saleChanel:a}=e;const{range:r,filter:i,isCompare:o,rangeToCompare:s,loading:u,teamID:d}=jo(),[m,p]=Object(l.useState)({limit:20,offset:0,search:null,saleChanel:a,filterByTime:r,productBaseIds:null,collectionIds:null,tagIds:null}),[g,A]=Object(l.useState)({items:[],total:0,totalSale:0,totalCost:0,totalRevenues:0}),[b,h]=Object(l.useState)({totalSale:0,totalCost:0,totalRevenues:0}),[f,v]=Object(l.useState)(!1),[E,y]=Object(l.useState)(!1),[C,k]=Object(l.useState)(!0),O=Object(l.useRef)(null),{data:j,loading:w,error:S,fetchMore:B}=Object(De.d)(I.Cc,{variables:{filter:m}}),[P,{data:x,loading:M,error:T}]=Object(De.b)(I.Cc);Object(l.useEffect)(()=>{k(w||M||u)},[w,M,u]);const Q=null===j||void 0===j||null===(t=j.reportSaleByMarketplaceManagers)||void 0===t?void 0:t.nodes;Object(l.useEffect)(()=>{if(null!=i){let{viewWholeTeamReport:e,storeID:t,storeManagerID:a,...l}=i;p(e=>({...e,...l}))}},[i]),Object(l.useEffect)(()=>{p(e=>({...e,filterByTime:r,teamId:null!==d&&void 0!==d?d:void 0})),y(!1)}
9787,[r,d]),Object(l.useEffect)(()=>{var e,t;const a=null===j||void 0===j||null===(e=j.reportSaleByMarketplaceManagers)||void 0===e?void 0:e.total,l=null===j||void 0===j||null===(t=j.reportSaleByMarketplaceManagers)||void 0===t?void 0:t.totalSale;let n=0,r=0;const i=(null===Q||void 0===Q?void 0:Q.length)>0?Q.map(e=>{const t=null===e||void 0===e?void 0:e.totalSale;if(!t)return null;const a=(null===e||void 0===e?void 0:e.totalBaseCost)||0,l=(null===e||void 0===e?void 0:e.totalRevenues)||0,i=null===e||void 0===e?void 0:e.user,o=[i.firstName,i.lastName].filter(Boolean).join(" ");return n+=a,r+=l,{totalSale:t,totalBaseCost:a,name:o,totalRevenues:l}}).filter(Boolean):[];A(e=>({...e,items:i,total:a,totalSale:l,totalCost:n.toFixed(2),totalRevenues:r.toFixed(2)}))},[j,Q]),Object(l.useEffect)(()=>{if(o){let e=null;null!=(null===s||void 0===s?void 0:s.from)&&(e={...m.filterByTime,...s}),P({variables:{filter:{...m,filterByTime:e}}})}},[s,m,o]),Object(l.useEffect)(()=>{if(o){var e,t,a;const l=null===x||void 0===x||null===(e=x.reportSaleByMarketplaceManagers)||void 0===e?void 0:e.totalSale,n=null===x||void 0===x||null===(t=x.reportSaleByMarketplaceManagers)||void 0===t?void 0:t.totalRevenues,r=null===x||void 0===x||null===(a=x.reportSaleByMarketplaceManagers)||void 0===a?void 0:a.totalBaseCost;h(e=>({...e,totalSale:l,totalCost:r,totalRevenues:n}))}else h({totalSale:0})},[x,o]);const R=Object(l.useCallback)(()=>{O.current&&clearTimeout(O),E||(v(!0),O.current=setTimeout(()=>{B({variables:{filter:{...m,offset:j.reportSaleByMarketplaceManagers.nodes.length}},updateQuery:(e,t)=>{let{fetchMoreResult:a,variables:l}=t;if(!a)return e;const n=a.reportSaleByMarketplaceManagers.nodes||[],r=l.filter.limit;n.length<r&&y(()=>!0),v(!1);const i=[...e.reportSaleByMarketplaceManagers.nodes,...n],o=Object(c.eb)(i,"userId"),s=(o||[]).reduce((e,t)=>((null===t||void 0===t?void 0:t.totalBaseCost)>0&&(e+=t.totalBaseCost),e),0),u=(o||[]).reduce((e,t)=>((null===t||void 0===t?void 0:t.totalRevenues)>0&&(e+=t.totalRevenues),e),0);return A(e=>({...e,totalCost:s.toFixed(2),totalRevenues:u.toFixed(2)})),{...e,reportSaleByMarketplaceManagers:{...e.reportSaleByMarketplaceManagers,nodes:o}}}})},500))},[j,m,E,B]),F=Object(l.useMemo)(()=>{var e;return(null===(e=g.items)||void 0===e?void 0:e.length)>0?g.items.map((e,t)=>n.a.createElement(D.Y,{key:"marketplace-manager-"+t,wrap:!1},n.a.createElement("span",{className:"index-wrap"},t+1),n.a.createElement(D.Y.Item,{fill:!0},e.name),n.a.createElement("span",null,e.totalSale),n.a.createElement("span",{style:ls},c.D.format(e.totalBaseCost)),n.a.createElement("span",{style:ls},c.D.format(e.totalRevenues)))):null},[g.items]),N=n.a.createElement(D.Y,null,n.a.createElement("span",{className:"index-wrap"},n.a.createElement(D.db,{variation:"strong"},"#")),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.db,{variation:"strong"},"Name")),n.a.createElement("span",null,"Sales"),n.a.createElement("span",{style:ls},"Total Cost"),n.a.createElement("span",{style:ls},"Total Revenue")),U=Object(l.useMemo)(()=>n.a.createElement("div",{style:{display:"flex",flexDirection:"column"}},n.a.createElement("span",null,n.a.createElement("span",null,g.totalSale," Line items"),n.a.createElement(Mo,{originalVal:g.totalSale,newVal:b.totalSale})),n.a.createElement("span",null,n.a.createElement("span",null,"Total cost: ",c.D.format(g.totalCost)),n.a.createElement(Mo,{originalVal:g.totalCost,newVal:b.totalCost})),n.a.createElement("span",null,n.a.createElement("span",null,"Total revenue: ",c.D.format(g.totalRevenues)),n.a.createElement(Mo,{originalVal:g.totalRevenues,newVal:b.totalRevenues}))),[g.totalSale,b.totalSale,g.totalCost,g.totalRevenues,b.totalRevenues,b.totalCost]),L=S||T,V=Fo(i,["storeID","storeManagerID"]);return n.a.createElement(Ro,{show:V},n.a.createElement(Tc,{collapseKey:"marketplaceManager",title:"Marketplace managers",subTitle:U,headMarkup:N,contentMarkup:F,filter:m,total:g.total,loading:C,error:L,setFilter:p,handleScroll:R,loadMore:f}))}},storeManagers:{label:"Store Managers",value:"store-managers",component:function(e){let{saleChanel:t}=e;const{range:a,filter:r,isCompare:i,rangeToCompare:o,loading:s,teamID:u}=jo(),[d,m]=Object(l.useState)({limit:20,offset:0,search:null,saleChanel:t,filterByTime:a,productBaseIds:null,collectionIds:null,tagIds:null}),[p,g]=Object(l.useState)({items:[],total:0,totalSale:0,totalCost:0,totalRevenues:0}),[A,b]=Object(l.useState)({totalSale:0,totalCost:0,totalRevenues:0}),[h,f]=Object(l.useState)(!1),[v,E]=Object(l.useState)(!1),[y,C]=Object(l.useState)(!0),k=Object(l.useRef)(null),{data:O,loading:j,error:w,fetchMore:S}=Object(De.d)(I.Gc,{variables:{filter:d}}),[B,{data:P,loading:x,error:M}]=Object(De.b)(I.Gc);Object(l.useEffect)(()=>{C(j||x||s)},[j,x,s]),Object(l.useEffect)(()=>
9787{if(null!=r){let{storeID:e,storeManagerID:t,...a}=r;m(e=>({...e,...a}))}},[r]),Object(l.useEffect)(()=>{m(e=>({...e,filterByTime:a,teamId:null!==u&&void 0!==u?u:void 0})),E(!1)},[a,u]),Object(l.useEffect)(()=>{var e,t,a;const l=null===O||void 0===O||null===(e=O.reportSaleByStoreManagers)||void 0===e?void 0:e.nodes,n=null===O||void 0===O||null===(t=O.reportSaleByStoreManagers)||void 0===t?void 0:t.total,r=null===O||void 0===O||null===(a=O.reportSaleByStoreManagers)||void 0===a?void 0:a.totalSale;let i=0,o=0;const s=(null===l||void 0===l?void 0:l.length)>0?l.map(e=>{const t=null===e||void 0===e?void 0:e.totalSale,a=(null===e||void 0===e?void 0:e.totalBaseCost)||0,l=(null===e||void 0===e?void 0:e.totalRevenues)||0,n=null===e||void 0===e?void 0:e.user,r=[n.firstName,n.lastName].filter(Boolean).join(" ");return i+=a,o+=l,{totalSale:t,name:r,totalBaseCost:a,totalRevenues:l}}):[];g(e=>({...e,items:s,total:n,totalSale:r,totalCost:i.toFixed(2),totalRevenues:o.toFixed(2)}))},[O]),Object(l.useEffect)(()=>{if(i){let e=null;null!=(null===o||void 0===o?void 0:o.from)&&(e={...d.filterByTime,...o}),B({variables:{filter:{...d,filterByTime:e}}})}},[o,d,i]),Object(l.useEffect)(()=>{if(i){var e,t,a;const l=null===P||void 0===P||null===(e=P.reportSaleByStoreManagers)||void 0===e?void 0:e.totalSale,n=null===P||void 0===P||null===(t=P.reportSaleByStoreManagers)||void 0===t?void 0:t.totalBaseCost,r=null===P||void 0===P||null===(a=P.reportSaleByStoreManagers)||void 0===a?void 0:a.totalRevenues;b(e=>({...e,totalSale:l,totalCost:n,totalRevenues:r}))}else b({totalSale:0})},[P,i]);const T=Object(l.useCallback)(()=>{k.current&&clearTimeout(k),v||(f(!0),k.current=setTimeout(()=>{S({variables:{filter:{...d,offset:O.reportSaleByStoreManagers.nodes.length}},updateQuery:(e,t)=>{let{fetchMoreResult:a,variables:l}=t;if(!a)return e;const n=a.reportSaleByStoreManagers.nodes||[],r=l.filter.limit;f(!1),n.length<r&&E(!0);const i=[...e.reportSaleByStoreManagers.nodes,...n],o=Object(c.eb)(i,"userId"),s=(o||[]).reduce((e,t)=>((null===t||void 0===t?void 0:t.totalBaseCost)>0&&(e+=t.totalBaseCost),e),0),u=(o||[]).reduce((e,t)=>((null===t||void 0===t?void 0:t.totalRevenues)>0&&(e+=t.totalRevenues),e),0);return g(e=>({...e,totalCost:s.toFixed(2),totalRevenues:u.toFixed(2)})),{...e,reportSaleByStoreManagers:{...e.reportSaleByStoreManagers,nodes:o}}}})},500))},[O,d,v,S]),Q=Object(l.useMemo)(()=>{var e;return(null===(e=p.items)||void 0===e?void 0:e.length)>0?p.items.map((e,t)=>n.a.createElement(D.Y,{key:"store-manager-"+t,wrap:!1},n.a.createElement("span",{className:"index-wrap"},t+1),n.a.createElement(D.Y.Item,{fill:!0},e.name),n.a.createElement("span",null,e.totalSale),n.a.createElement("span",{style:Ss},c.D.format(e.totalBaseCost)),n.a.createElement("span",{style:Ss},c.D.format(e.totalRevenues)))):null},[p.items]),R=n.a.createElement(D.Y,null,n.a.createElement("span",{className:"index-wrap"},n.a.createElement(D.db,{variation:"strong"},"#")),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.db,{variation:"strong"},"Name")),n.a.createElement("span",null,"Sales"),n.a.createElement("span",{style:Ss},"Total Cost"),n.a.createElement("span",{style:Ss},"Total Revenue")),F=(Object(l.useMemo)(()=>n.a.createElement("div",{style:{display:"flex",flexDirection:"column"}},n.a.createElement("span",null,n.a.createElement("span",null,p.totalSale," Line items"),n.a.createElement(Mo,{originalVal:p.totalSale,newVal:A.totalSale})),n.a.createElement("span",null,n.a.createElement("span",null,"Total cost: ",c.D.format(p.totalCost)),n.a.createElement(Mo,{originalVal:p.totalCost,newVal:A.totalCost})),n.a.createElement("span",null,n.a.createElement("span",null,"Total revenue: ",c.D.format(p.totalRevenues)),n.a.createElement(Mo,{originalVal:p.totalRevenues,newVal:A.totalRevenues}))),[p.totalSale,A.totalSale,p.totalCost,A.totalCost,p.totalRevenues,A.totalRevenues]),w||M),N=Fo(r,["storeID","storeManagerID"]);return n.a.createElement(Ro,{show:N},n.a.createElement(Tc,{title:"Store managers",headMarkup:R,contentMarkup:Q,filter:d,total:p.total,loading:y,error:F,setFilter:m,handleScroll:T,loadMore:h,collapseKey:"storeManagers",footerMarkup:n.a.createElement("p",{style:{marginTop:"0.5rem"}},n.a.createElement("i",null,"Because a store can have multiple store managers, the figures in this section may differ from the actual numbers"))}))}},designers:{label:"Designers",value:"designers",component:function(e){let{saleChanel:t}=e;const{range:a,filter:r,isCompare:i,rangeToCompare:o,loading:s,teamID:u}=jo(),[d,m]=Object(l.useState)({limit:20,offset:0,search:null,saleChanel:t,filterByTime:a,productBaseIds:null,collectionIds:null,tagIds:null,doneDate:null,storeManagerID:null,storeID:null}),[p,g]=Object(l.useState)(!1),[A,b]=Object(l.useState)({items:[],total:0,totalSale:0,totalDoneKpis:0,totalDoneTasks:0}),[h,f]=Object(l.useState)({totalDoneKpis:0,totalDoneTasks:0}),[v,E]=Object(l.useState)(!1),[y,C]=Object(l.useState)(!1),[k,O]=Object(l.useState)(!0),j=Object(l.useRef)(null),{data:w,loading:S,error:B,fetchMore:P}=Object(De.d)(I.Bc,{variables:{filter:d},fetchPolicy:"no-cache"}),[x,{data:M,loading:T,error:Q}]=Object(De.b)(I.Bc);Object(l.useEffect)(()=>{O(S||T||s)},[S,T,s]),Object(l.useEffect)(()=>
9787{if(null!=r){let e=r;if("viewWholeTeamReport"in r){let t;({viewWholeTeamReport:t,...e}=r)}m(t=>({...t,...e}))}},[r]),Object(l.useEffect)(()=>{m(e=>({...e,filterByTime:a,teamId:null!==u&&void 0!==u?u:void 0})),C(!1)},[a,u]),Object(l.useEffect)(()=>{var e,t,a,l;const n=null===w||void 0===w||null===(e=w.reportKpiByDesigners)||void 0===e?void 0:e.nodes,r=null===w||void 0===w||null===(t=w.reportKpiByDesigners)||void 0===t?void 0:t.total,i=null===w||void 0===w||null===(a=w.reportKpiByDesigners)||void 0===a?void 0:a.totalDoneKpis,o=null===w||void 0===w||null===(l=w.reportKpiByDesigners)||void 0===l?void 0:l.totalDoneTasks,s=(null===n||void 0===n?void 0:n.length)>0?n.map(e=>{const t=null===e||void 0===e?void 0:e.totalDoneKpi,a=null===e||void 0===e?void 0:e.totalDoneTasks,l=null===e||void 0===e?void 0:e.rejectedTimeCount,n=null===e||void 0===e?void 0:e.assignee;return{name:[null===n||void 0===n?void 0:n.firstName,null===n||void 0===n?void 0:n.lastName].filter(Boolean).join(" "),totalDoneKpi:t,totalDoneTasks:a,rejectedTimeCount:l}}):[];b(e=>({...e,items:s,total:r,totalDoneKpis:i,totalDoneTasks:o}))},[w]),Object(l.useEffect)(()=>{if(i){let e=null;null!=(null===o||void 0===o?void 0:o.from)&&(e={...d.filterByTime,...o}),x({variables:{filter:{...d,filterByTime:e}}})}},[o,d,i]),Object(l.useEffect)(()=>{if(i){var e,t;const a=null===M||void 0===M||null===(e=M.reportKpiByDesigners)||void 0===e?void 0:e.totalDoneKpis,l=null===M||void 0===M||null===(t=M.reportKpiByDesigners)||void 0===t?void 0:t.totalDoneTasks;f(e=>({...e,totalDoneKpis:a,totalDoneTasks:l}))}else f({totalDoneKpis:0,totalDoneTasks:0})},[M,i]);const R=Object(l.useCallback)(()=>{j.current&&clearTimeout(j),y||(E(!0),j.current=setTimeout(()=>{P({variables:{filter:{...d,offset:w.reportKpiByDesigners.nodes.length}},updateQuery:(e,t)=>{let{fetchMoreResult:a,variables:l}=t;if(!a)return e;const n=a.reportKpiByDesigners.nodes||[],r=l.filter.limit;n.length<r&&C(()=>!0),E(!1);const i=[...e.reportKpiByDesigners.nodes,...n],o=Object(c.eb)(i,"assigneeId");return{...e,reportKpiByDesigners:{...e.reportKpiByDesigners,nodes:o}}}})},500))},[w,d,y,P]),F={display:"inline-block",width:"8rem",textAlign:"right"},N=Object(l.useMemo)(()=>{var e;return(null===(e=A.items)||void 0===e?void 0:e.length)>0?A.items.map((e,t)=>n.a.createElement(D.Y,{key:"assignee-"+t,distribution:"equalSpacing",wrap:!1},n.a.createElement("span",{className:"index-wrap"},t+1),n.a.createElement(D.Y.Item,{fill:!0},e.name),n.a.createElement("span",{className:"column-wrap"},e.totalDoneTasks),n.a.createElement("span",{className:"column-wrap"},e.totalDoneKpi),n.a.createElement("span",{style:F},e.rejectedTimeCount))):null},[A.items,F]),U=n.a.createElement(D.Y,null,n.a.createElement("span",{className:"index-wrap"},n.a.createElement(D.db,{variation:"strong"},"#")),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.db,{variation:"strong"},"Name")),n.a.createElement("span",{className:"column-wrap"},n.a.createElement(D.db,{variation:"strong"},"Done Task")),n.a.createElement("span",{className:"column-wrap"},n.a.createElement(D.db,{variation:"strong"},"Done KPI")),n.a.createElement("span",{style:F},n.a.createElement(D.db,{variation:"strong"},"Reject time"))),L=n.a.useCallback(e=>{g(e),m(t=>({...t,doneDate:e?t.filterByTime:null}))},[]),V=Object(l.useMemo)(()=>n.a.createElement(D.Y,null,n.a.createElement(D.j,{label:"Done date",checked:p,onChange:L}),n.a.createElement(D.Y,{vertical:!0,spacing:"extraTight"},n.a.createElement("span",null,n.a.createElement("span",null,A.totalDoneKpis," KPIs"),n.a.createElement(Mo,{originalVal:A.totalDoneKpis,newVal:h.totalDoneKpis})),n.a.createElement("span",null,n.a.createElement("span",null,A.totalDoneTasks," Tasks"),n.a.createElement(Mo,{originalVal:A.totalDoneTasks,newVal:h.totalDoneTasks})))),[A.totalDoneKpis,A.totalDoneTasks,h.totalDoneKpis,h.totalDoneTasks,p,L]);return n.a.createElement(Tc,{title:"Designers",subTitle:V,headMarkup:U,contentMarkup:N,filter:d,total:A.total,loading:k,error:B||Q,setFilter:m,handleScroll:R,loadMore:v,collapseKey:"designers"})}},products:{label:"Products",value:"products",component:function(e){let{saleChanel:t}=e;const{range:a,filter:r,isCompare:i,rangeToCompare:o,loading:s,teamID:c}=jo(),{currentUser:u}=Object(l.useContext)(te.a);let d=oe.hb.Seller;const m=Object(C.get)(u,"teamUser.role");[oe.gb.StoreManager].includes(m)&&(d=oe.hb.StoreManager),[oe.gb.MarketplaceManager].includes(m)&&(d=oe.hb.MarketplaceManager);const[p,g]=Object(l.useState)({limit:10,offset:0,search:null,saleChanel:t,filterByTime:a,productBaseIds:null,collectionIds:null,tagIds:null,storeID:null,storeManagerID:null}),[A,b]=Object(l.useState)({items:[],total:0,totalSale:0}),[h,f]=Object(l.useState)({totalSale:0}),[v,E]=Object(l.useState)(!0),{data:y,loading:k,error:O}=Object(De.d)(I.Dc,{variables:{filter:p}}),[j,{data:w,loading:S,error:B}]=Object(De.b)(I.Dc);Object(l.useEffect)(()=>{E(k||S||s)},[k,S,s]),Object(l.useEffect)(()=>{null!=r&&g(e=>({...e,...r}))},[r]),Object(l.useEffect)(()=>{g(e=>({...e,filterByTime:a,teamId:null!==c&&void 0!==c?c:void 0}))},[a,c]),Object(l.useEffect)(()=>{var e,t,a,l;const n=null===y||void 0===y||null===(e=y.reportSaleByProducts)||void 0===e?void 0:e.nodes,r=null===y||void 0===y||null===(t=y.reportSaleByProducts)||void 0===t?void 0:t.total,i=null===y||void 0===y||null===(a=y.reportSaleByProducts)||void 0===a?void 0:a.totalSale,o=null===y||void 0===y||null===(l=y.reportSaleByProducts)||void 0===l?void 0:l.totalSystemProducts,s=(null===n||void 0===n?void 0:n.length)>0?n.map(e=>{const t=null===e||void 0===e?void 0:e.totalSale,a=null===e||void 0===e?void 0:e.product,l=(null===a||void 0===a?void 0:a.images)||[],n=null===a||void 0===a?void 0:a.title,r=null===a||void 0===a?void 0:a.sku,i=null===a||void 0===a?void 0:a.productBases,o=null===a||void 0===a?void 0:a.id,s=null===a||void 0===a?void 0:a.personalized;return{totalSale:t,name:n,imageUrl:vs(a),sku:r,bases:i,productId:o,personalized:s,images:l}}
9787).filter(Boolean):[];b(e=>({...e,items:s,total:r,totalSale:i,totalSystemProducts:o}))},[y]),Object(l.useEffect)(()=>{if(i){let e=null;null!=(null===o||void 0===o?void 0:o.from)&&(e={...p.filterByTime,...o}),j({variables:{filter:{...p,filterByTime:e}}})}},[o,p,i]),Object(l.useEffect)(()=>{if(i){var e;const t=null===w||void 0===w||null===(e=w.reportSaleByProducts)||void 0===e?void 0:e.totalSale;f(e=>({...e,totalSale:t}))}else f({totalSale:0})},[w,i]);const P=Object(l.useCallback)(e=>{var t;return`${(null===e||void 0===e||null===(t=e.bases)||void 0===t?void 0:t.length)>1?`/${d}/products/campaign`:`/${d}/products/edit`}/${e.productId}`},[d]),x=Object(l.useMemo)(()=>{var e;return(null===(e=A.items)||void 0===e?void 0:e.length)>0?A.items.map((e,t)=>{const a=P(e),l=(null===e||void 0===e?void 0:e.personalized)&&n.a.createElement(D.e,{status:"success",children:"Personalized"});return n.a.createElement(D.Y,{key:"marketplace-manager-"+t,wrap:!1},n.a.createElement("span",{className:"index-wrap"},t+1),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(ys,null,n.a.createElement(As,{item:e,src:e.imageUrl}),n.a.createElement("div",{className:"title-wrap"},n.a.createElement(D.B,{url:a,children:e.name}),n.a.createElement("div",null,l),n.a.createElement("div",null,n.a.createElement(D.e,{children:e.sku})),n.a.createElement(fs,{productID:e.productId})))),n.a.createElement("span",null,e.totalSale))}):null},[A.items,P]),M=n.a.createElement(D.Y,null,n.a.createElement("span",{className:"index-wrap"},n.a.createElement(D.db,{variation:"strong"},"#")),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.db,{variation:"strong"},"Name")),n.a.createElement(D.db,{variation:"strong"},"Sales")),T=Object(l.useMemo)(()=>n.a.createElement("span",null,n.a.createElement("span",null,A.totalSale," Line items"),n.a.createElement(Mo,{originalVal:A.totalSale,newVal:h.totalSale})),[A.totalSale,h.totalSale]);return n.a.createElement(os,null,n.a.createElement(Tc,{title:"Products",collapseKey:"products",subTitle:n.a.createElement(Es,null,n.a.createElement(hs,Object.assign({},p,r,{disabled:!Boolean(A.totalSale)})),T),headMarkup:M,contentMarkup:x,filter:p,total:A.total,loading:v,error:O||B,setFilter:g,isProduct:!0,state:A}),n.a.createElement(gs,{saleChannel:t,filterByTime:p.filterByTime}))}},stores:{label:"Stores",value:"stores",component:function(e){var t;let{saleChanel:a}=e;const{range:r,filter:i,isCompare:o,rangeToCompare:s,loading:u,teamID:d}=jo(),{collapseActive:m={},setCollapseActive:p=(()=>{})}=Ic()||{},g=!!m.stores,[A,b]=Object(l.useState)({limit:20,offset:0,search:null,saleChanel:a,filterByTime:r,productBaseIds:null,collectionIds:null,tagIds:null,storeManagerID:null}),[h,f]=Object(l.useReducer)(c.Hb,{rows:[],total:0,totalSale:0,totalCost:0,totalRevenues:0,totalKpis:0,loadMore:!1,cantLoad:!1,loadOwnerStore:!1}),[v,E]=Object(l.useState)({totalSale:0,totalCost:0,totalRevenues:0}),y=Object(l.useRef)(null),[C,k]=Is(A),{data:O,loading:j,fetchMore:w}=Object(De.d)(I.Fc,{variables:{filter:A}});Object(De.d)(I.Fc,{variables:{filter:{...A,...A.filterByTime?{limit:1e3,offset:0}:{}}},onCompleted:e=>{const t=function(e){const t=ce()(e,"reportSaleByStores"),a=ce()(t,"totalSale"),l=ce()(t,"nodes")||[];let n=0,r=0;for(let i of l){const e=(null===i||void 0===i?void 0:i.totalBaseCost)||0,t=(null===i||void 0===i?void 0:i.totalRevenues)||0;n+=e,r+=t}return{totalSale:a,totalCost:n.toFixed(2),totalRevenues:r.toFixed(2)}}(e);f(e=>({...e,...t}))}});const[S,{data:B,loading:P,error:x}]=Object(De.b)(I.Fc);Object(l.useEffect)(()=>{if(null!=i){let{storeID:e,...t}=i;b(e=>({...e,...t}))}},[i]),Object(l.useEffect)(()=>{b(e=>({...e,filterByTime:r,teamId:null!==d&&void 0!==d?d:void 0})),f({cantLoad:!1})},[r,d]);const M=Object(l.useRef)(new Set);Object(l.useEffect)(()=>{if(h.loadOwnerStore){const e=function(e){var t,a;const l=[];(null===e||void 0===e||null===(t=e.reportSaleByStores)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0&&l.push(...e.reportSaleByStores.nodes.map(e=>e.storeId).filter(Boolean));return l}(O);e.length>0&&C(e)}},[h.loadOwnerStore,O]);const T=Object(l.useRef)(null);Object(l.useEffect)(()=>{var e,t;const a=null===O||void 0===O||null===(e=O.reportSaleByStores)||void 0===e?void 0:e.nodes,l=null===O||void 0===O||null===(t=O.reportSaleByStores)||void 0===t?void 0:t.total;let r=0;const i=(null===a||void 0===a?void 0:a.length)>0?a.map((e,t)=>{const a=null===e||void 0===e?void 0:e.totalSale,l=(null===e||void 0===e?void 0:e.totalBaseCost)||0,i=(null===e||void 0===e?void 0:e.totalRevenues)||0,o=null===e||void 0===e?void 0:e.store,s=null===o||void 0===o?void 0:o.title,u=null===e||void 0===e?void 0:e.storeId;let{total:d,totalKPIOnline:m,totalKPIOffline:p,totalKPIBot:g}=(null===e||void 0===e?void 0:e.totalKpis)||{};r+=d||0,d=Number(d||0).toFixed(2),m=Number(m||0).toFixed(2),p=Number(p||0).toFixed(2),g=Number(g||0).toFixed(2);return[[n.a.createElement("div",{className:"col-index"},t+1),n.a.createElement("div",{className:"store-name"},n.a.createElement("span",null,s||u)),n.a.createElement("div",{className:"total-sale"},n.a.createElement("span",null,a)),n.a.createElement("div",{className:"total-cost"},n.a.createElement("span",null,c.D.format(l))),n.a.createElement("div",{className:"total-revenue"},n.a.createElement("span",null,c.D.format(i))),n.a.createElement("div",{className:"total-kpi"},n.a.createElement("span",null,d)),n.a.createElement("div",{className:"total-kpi-offline"},n.a.createElement("span",null,p)),n.a.createElement("div",{className:"total-kpi-online"},n.a.createElement("span",null,m)),n.a.createElement("div",{className:"total-kpi-bot"},n.a.createElement("span",null,g))],[n.a.createElement("div",{"data-store-id":""+u,style:{display:"none"},className:"owner-store-slot",ref:e=>M.current.add(e)})]]}).flat():[];f(e=>({...e,rows:i,total:l,totalKpis:r}))},[O]),Object(l.useEffect)(()=>
9787{if(o){let e=null;null!=(null===s||void 0===s?void 0:s.from)&&(e={...A.filterByTime,...s}),S({variables:{filter:{...A,filterByTime:e}}})}},[s,A,o]),Object(l.useLayoutEffect)(()=>{if(M.current.size)for(let e of Array.from(M.current.values())){if(!e||!e.parentNode)continue;const t=e.getAttribute("data-store-id");e.parentNode&&!e.parentNode.classList.contains("slot")&&(e.parentNode.classList.add("slot"),e.parentNode.setAttribute("colspan",8));const a=k.data[t];if(h.loadOwnerStore)(null===a||void 0===a?void 0:a.length)>0&&Ps(e.parentNode,a,Ms);else if(e.parentNode){const t=e.parentNode.querySelector("table");t&&Object(c.Ib)(t)}}},[M.current.size,k.data,h.loadOwnerStore]),Object(l.useEffect)(()=>{if(o){var e,t,a;const l=null===B||void 0===B||null===(e=B.reportSaleByStores)||void 0===e?void 0:e.totalSale,n=null===B||void 0===B||null===(t=B.reportSaleByStores)||void 0===t?void 0:t.totalBaseCost,r=null===B||void 0===B||null===(a=B.reportSaleByStores)||void 0===a?void 0:a.totalRevenues;E(e=>({...e,totalSale:l,totalCost:n,totalRevenues:r}))}else E({totalSale:0})},[B,o]);const Q=Object(l.useCallback)(()=>{y.current&&clearTimeout(y),h.cantLoad||(f({loadMore:!0}),y.current=setTimeout(()=>{w({variables:{filter:{...A,offset:O.reportSaleByStores.nodes.length}},updateQuery:(e,t)=>{let{fetchMoreResult:a,variables:l}=t;if(!a)return e;const n=a.reportSaleByStores.nodes||[],r=l.filter.limit;f({loadMore:!1}),n.length<r&&f({cantLoad:!0});const i=[...e.reportSaleByStores.nodes,...n],o=Object(c.eb)(i,"storeId"),s=(o||[]).reduce((e,t)=>((null===t||void 0===t?void 0:t.totalBaseCost)>0&&(e+=t.totalBaseCost),e),0),u=(o||[]).reduce((e,t)=>((null===t||void 0===t?void 0:t.totalRevenues)>0&&(e+=t.totalRevenues),e),0);return f(e=>({...e,totalCost:s.toFixed(2),totalRevenues:u.toFixed(2)})),{...e,reportSaleByStores:{...e.reportSaleByStores,nodes:o}}}})},500))},[O,A,h.cantLoad,w]),R=Fo(i,["storeID"]),F=Object(l.useRef)(null),N=n.a.createElement(D.Y,{distribution:"center"},n.a.createElement(D.X,{size:"small"})),U=Object(l.useCallback)(()=>{F.current&&F.current.click()},[]),L=Object(l.useCallback)(()=>{p(e=>({...e,stores:!e.stores}))},["stores",p]),V=Object(l.useCallback)(e=>{f({loadOwnerStore:e})},[]),z=Object(l.useMemo)(()=>n.a.createElement("div",{style:{display:"flex",flexDirection:"column"}},n.a.createElement("span",null,n.a.createElement("span",null,h.totalSale," Line items"),n.a.createElement(Mo,{originalVal:h.totalSale,newVal:v.totalSale})),n.a.createElement("span",null,n.a.createElement("span",null,"Total cost: ",c.D.format(h.totalCost)),n.a.createElement(Mo,{originalVal:h.totalCost,newVal:v.totalCost})),n.a.createElement("span",null,n.a.createElement("span",null,"Total revenue: ",c.D.format(h.totalRevenues)),n.a.createElement(Mo,{originalVal:h.totalRevenues,newVal:v.totalRevenues})),n.a.createElement("span",null,n.a.createElement("span",null,"Total KPI: ",Number(h.totalKpis||0).toFixed(2)))),[h.totalSale,v.totalSale,h.totalCost,h.totalRevenues,v.totalRevenues,v.totalCost,v.totalKpis]),q=Object(l.useMemo)(()=>n.a.createElement(D.Y,{spacing:"loose"},n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement("div",null,n.a.createElement(Qs,null,n.a.createElement("span",{className:"btn-wrap"},n.a.createElement(_i.a,{rotate:g?90:0,style:{color:"#000"},ref:F,onClick:L})),n.a.createElement("h2",{className:"Polaris-Heading",onClick:U},"Stores")),n.a.createElement(D.j,{label:"Breakdown by Store Manager",onChange:V,checked:h.loadOwnerStore}))),n.a.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"start",columnGap:".5rem"}},n.a.createElement(D.g,{plain:!0,icon:ns.a,onClick:()=>function(e){const t=ce()(e,"reportSaleByStores.nodes")||[];if(Object(c.c)(t))return;let a="Name,Sales,Total Cost,Total Revenue,Total KPI,Total KPI Offline,Total KPI Online\n";for(let i of t){if(Object(c.Gb)(i))continue;let{totalSale:e,totalBaseCost:t,totalRevenues:l,store:n,totalKpis:r,storeId:o}=i,{title:s}=n||{};s=s||o;let{total:u,totalKPIOnline:d,totalKPIOffline:m,totalKPIBot:p}=r||{};u=Number(u||0).toFixed(2),d=Number(d||0).toFixed(2),m=Number(m||0).toFixed(2),p=Number(p||0).toFixed(2),t=c.D.format(t),l=c.D.format(l),a+=`"${s}",${e},"${t}","${l}",${u},${m},${d},${p}\n`}const l=new Blob([a],{type:"text/csv"}),n=URL.createObjectURL(l),r=document.createElement("a");r.href=n,r.download=Object(c.G)("export_sale_by_store_data_"),r.click(),URL.revokeObjectURL(n)}(O)}),z)),[z,g,h.loadOwnerStore]);return n.a.createElement(Ro,{show:R},n.a.createElement(D.i,null,n.a.createElement(Ts,null,n.a.createElement(D.i.Header,{title:q}
9787),n.a.createElement(D.i.Section,null,n.a.createElement("div",null,n.a.createElement(D.l,{open:g,id:"stores",transition:{duration:"500ms",timingFunction:"ease-in-out"},expandOnPrint:!0},j||P||u?N:(null===(t=h.rows)||void 0===t?void 0:t.length)>0?n.a.createElement(D.P,{shadow:!0,id:"scrollable-stores",style:{maxHeight:"43rem",paddingRight:"1.6rem",marginRight:"-1.6rem"},onScrolledToBottom:Q},n.a.createElement(D.Y,{vertical:!0,spacing:"loose",wrap:!1},n.a.createElement("div",{ref:T},n.a.createElement(D.n,{rows:h.rows,columnContentTypes:["text","text","text","text","text","text","text","text","text"],headings:["#","Name","Sales","Total Cost","Total Revenue","Total KPI","Total KPI Offline","Total KPI Online","Total KPI Bot"],hideScrollIndicator:!0})),h.loadMore&&N)):n.a.createElement(We.EmptyStatePolaris,{noData:!0,slim:!0})))))))}},storeSummary:{label:"Store Summary",value:"storeSummary",component:function(e){var t;let{saleChanel:a}=e;const{currentUser:r}=Object(te.c)(),i=Object(c.ub)(r),{isAdministrator:o,isSeller:s,isStoreManager:u,isMarketplaceManager:d}=Object(c.j)(r),{range:m,filter:p,isCompare:g,rangeToCompare:A,loading:b,teamID:h}=jo(),{collapseActive:f={},setCollapseActive:v=(()=>{})}=Ic()||{},E=!!f.storeSummary,[y,C]=Object(l.useState)({limit:20,offset:0,search:null,saleChanel:"etsy",month:null,productBaseIds:null,collectionIds:null,tagIds:null,storeManagerID:null}),[k,O]=Object(l.useReducer)(c.Hb,{rows:[],total:0,totalSale:0,totalCost:0,totalRevenues:0,totalKpis:0,loadMore:!1,cantLoad:!1,loadOwnerStore:!1}),[j,w]=Object(l.useState)({totalSale:0,totalCost:0,totalRevenues:0}),S=Object(l.useRef)(null),[B,P]=Is(y),{data:x,loading:M,fetchMore:T}=Object(De.d)(I.yc,{variables:{filter:y},fetchPolicy:"no-cache",skip:!o&&(s||u||d)&&!i});Object(De.d)(I.yc,{variables:{filter:{...y,...y.month?{limit:1e3,offset:0}:{}}},onCompleted:e=>{const t=function(e){const t=ce()(e,"reportSaleByStoreSummaries"),a=ce()(t,"totalSale"),l=ce()(t,"nodes")||[];let n=0,r=0;for(let i of l){const e=(null===i||void 0===i?void 0:i.totalBaseCost)||0,t=(null===i||void 0===i?void 0:i.totalRevenues)||0;n+=e,r+=t}return{totalSale:a,totalCost:n.toFixed(2),totalRevenues:r.toFixed(2)}}(e);O(e=>({...e,...t}))},fetchPolicy:"no-cache",skip:!o&&(s||u||d)&&!i});const[Q,{data:R,loading:F,error:N}]=Object(De.b)(I.Fc);Object(l.useEffect)(()=>{if(null!=p){let{storeID:e,...t}=p;C(e=>({...e,...t}))}},[p]),Object(l.useEffect)(()=>{C(e=>({...e,teamId:null!==h&&void 0!==h?h:void 0})),O({cantLoad:!1})},[m,h]),Object(l.useEffect)(()=>{if(k.loadOwnerStore){const e=function(e){var t,a;const l=[];(null===e||void 0===e||null===(t=e.reportSaleByStoreSummaries)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0&&l.push(...e.reportSaleByStoreSummaries.nodes.map(e=>e.storeId).filter(Boolean));return l}(x);e.length>0&&B(e)}},[k.loadOwnerStore,x]);const U=Object(l.useRef)(null);Object(l.useEffect)(()=>{var e,t;const a=null===x||void 0===x||null===(e=x.reportSaleByStoreSummaries)||void 0===e?void 0:e.nodes,l=null===x||void 0===x||null===(t=x.reportSaleByStoreSummaries)||void 0===t?void 0:t.total;let r=0;const i=(null===a||void 0===a?void 0:a.length)>0?a.map((e,t)=>{const a=null===e||void 0===e?void 0:e.totalSale,l=(null===e||void 0===e?void 0:e.totalBaseCost)||0,i=(null===e||void 0===e?void 0:e.totalRevenues)||0,o=null===e||void 0===e?void 0:e.store,s=null===o||void 0===o?void 0:o.title,u=null===e||void 0===e?void 0:e.storeId,d=null===e||void 0===e?void 0:e.currency,m=mc(null===e||void 0===e?void 0:e.netProfit,d),p=mc(null===e||void 0===e?void 0:e.sales,d),g=mc(null===e||void 0===e?void 0:e.totalSales,d),A=mc(null===e||void 0===e?void 0:e.refunds,d),b=mc(null===e||void 0===e?void 0:e.salesTaxPaidByBuyer,d),h=(mc(null===e||void 0===e?void 0:e.vatPaidByBuyer,d),mc(null===e||void 0===e?void 0:e.buyerFee,d),mc(null===e||void 0===e?void 0:e.fees,d)),f=mc(null===e||void 0===e?void 0:e.marketing,d),v=mc(null===e||void 0===e?void 0:e.deposit,d);let{total:E,totalKPIOnline:y,totalKPIOffline:C,totalKPIBot:k}=(null===e||void 0===e?void 0:e.totalKpis)||{};r+=E||0,E=Number(E||0).toFixed(2),y=Number(y||0).toFixed(2),C=Number(C||0).toFixed(2),k=Number(k||
97870).toFixed(2);return[n.a.createElement("div",{className:"col-index"},t+1),n.a.createElement("div",{className:"store-name"},n.a.createElement("span",null,s||u)),n.a.createElement("div",{className:"total-sale"},n.a.createElement("span",null,m)),n.a.createElement("div",{className:"total-sale"},n.a.createElement("span",null,g)),n.a.createElement("div",{className:"total-sale"},n.a.createElement("span",null,b)),n.a.createElement("div",{className:"total-sale"},n.a.createElement("span",null,A)),n.a.createElement("div",{className:"total-sale"},n.a.createElement("span",null,p)),n.a.createElement("div",{className:"total-sale"},n.a.createElement("span",null,v)),n.a.createElement("div",{className:"total-sale"},n.a.createElement("span",null,h)),n.a.createElement("div",{className:"total-sale"},n.a.createElement("span",null,f)),n.a.createElement("div",{className:"total-sale"},n.a.createElement("span",null,a)),n.a.createElement("div",{className:"total-cost"},n.a.createElement("span",null,c.D.format(l))),n.a.createElement("div",{className:"total-revenue"},n.a.createElement("span",null,c.D.format(i))),n.a.createElement("div",{className:"total-kpi"},n.a.createElement("span",null,E)),n.a.createElement("div",{className:"total-kpi-offline"},n.a.createElement("span",null,C)),n.a.createElement("div",{className:"total-kpi-online"},n.a.createElement("span",null,y)),n.a.createElement("div",{className:"total-kpi-bot"},n.a.createElement("span",null,k))]}):[];O(e=>({...e,rows:i,total:l,totalKpis:r}))},[x]),Object(l.useEffect)(()=>{},[A,y,g]),Object(l.useEffect)(()=>{},[R,g]);const L=Object(l.useCallback)(()=>{S.current&&clearTimeout(S),k.cantLoad||(O({loadMore:!0}),S.current=setTimeout(()=>{T({variables:{filter:{...y,offset:x.reportSaleByStoreSummaries.nodes.length}},updateQuery:(e,t)=>{let{fetchMoreResult:a,variables:l}=t;if(!a)return e;const n=a.reportSaleByStoreSummaries.nodes||[],r=l.filter.limit;O({loadMore:!1}),n.length<r&&O({cantLoad:!0});const i=[...e.reportSaleByStoreSummaries.nodes,...n],o=Object(c.eb)(i,"storeId"),s=(o||[]).reduce((e,t)=>((null===t||void 0===t?void 0:t.totalBaseCost)>0&&(e+=t.totalBaseCost),e),0),u=(o||[]).reduce((e,t)=>((null===t||void 0===t?void 0:t.totalRevenues)>0&&(e+=t.totalRevenues),e),0);return O(e=>({...e,totalCost:s.toFixed(2),totalRevenues:u.toFixed(2)})),{...e,reportSaleByStoreSummaries:{...e.reportSaleByStoreSummaries,nodes:o}}}})},500))},[x,y,k.cantLoad,T]),V=Fo(p,["storeID"]),z=Object(l.useRef)(null),q=n.a.createElement(D.Y,{distribution:"center"},n.a.createElement(D.X,{size:"small"})),H=Object(l.useCallback)(()=>{z.current&&z.current.click()},[]),$=Object(l.useCallback)(()=>{v(e=>({...e,storeSummary:!e.storeSummary}))},["storeSummary",v]),_=(Object(l.useCallback)(e=>{O({loadOwnerStore:e})},[]),Object(l.useMemo)(()=>n.a.createElement("div",{style:{display:"flex",flexDirection:"column"}},n.a.createElement("span",null,n.a.createElement("span",null,k.totalSale," Line items"),n.a.createElement(Mo,{originalVal:k.totalSale,newVal:j.totalSale})),n.a.createElement("span",null,n.a.createElement("span",null,"Total cost: ",c.D.format(k.totalCost)),n.a.createElement(Mo,{originalVal:k.totalCost,newVal:j.totalCost})),n.a.createElement("span",null,n.a.createElement("span",null,"Total revenue: ",c.D.format(k.totalRevenues)),n.a.createElement(Mo,{originalVal:k.totalRevenues,newVal:j.totalRevenues})),n.a.createElement("span",null,n.a.createElement("span",null,"Total KPI: ",Number(k.totalKpis||0).toFixed(2)))),[k.totalSale,j.totalSale,k.totalCost,k.totalRevenues,j.totalRevenues,j.totalCost,j.totalKpis])),[G,K]=Object(l.useState)(null);Object(l.useEffect)(()=>{const e=new Date(Date.now()),t=dc()(e);let a=Zr()(e).format("MMMM YYYY");K(t),a=a?a.split(" ").join(", "):a,C(e=>({...e,month:a}))},[]);const[J,Y]=Object(l.useState)(void 0),[W,Z]=Object(l.useState)(!1),X=(Object(l.useCallback)(()=>{Z(!1)},[]),Object(l.useMemo)(()=>n.a.createElement(D.Y,{spacing:"loose"},n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement("div",null,n.a.createElement(gc,null,n.a.createElement("span",{className:"btn-wrap"},n.a.createElement(_i.a,{rotate:E?90:0,style:{color:"#000"},ref:z,onClick:$})),n.a.createElement("h2",{className:"Polaris-Heading",onClick:H},"Etsy Store Summary")),n.a.createElement("div",{style:{maxWidth:200,marginTop:10}},n.a.createElement(cc.a,{value:G,views:["year","month"],label:"Select Time",onChange:(e,t)=>
9787{if(!t||"string"!==typeof t)return K(null),C(e=>({...e,month:null})),"";let a=Zr()(t).format("MMMM YYYY");a=a?a.split(" ").join(", "):a,K(e),C(e=>({...e,month:a}))}})))),n.a.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"start",columnGap:".5rem"}},_)),[_,E,G,k.loadOwnerStore]));return o||(s||u||d)&&i?n.a.createElement(Ro,{show:V},n.a.createElement(D.i,null,n.a.createElement(pc,null,n.a.createElement(D.i.Header,{title:X}),n.a.createElement(D.i.Section,null,n.a.createElement("div",null,n.a.createElement(D.l,{open:E,id:"storeSummary",transition:{duration:"500ms",timingFunction:"ease-in-out"},expandOnPrint:!0},M||F||b?q:(null===(t=k.rows)||void 0===t?void 0:t.length)>0?n.a.createElement(D.P,{shadow:!0,id:"scrollable-stores",style:{maxHeight:"43rem",paddingRight:"1.6rem",marginRight:"-1.6rem"},onScrolledToBottom:L},n.a.createElement(D.Y,{vertical:!0,spacing:"loose",wrap:!1},n.a.createElement("div",{ref:U},n.a.createElement(D.n,{rows:k.rows,columnContentTypes:["text","text","text","text","text","text","text","text","text","text","text","text","text","text","text","text","text"],headings:["#","Name","Net Profit","Total Sales","Sales tax paid by Buyer","Refunds","Etsy Sales","Deposits |","Fees","Marketing","Sales","Total Cost","Total Revenue","Total KPI","Total KPI Offline","Total KPI Online","Total KPI Bot"],hideScrollIndicator:!0})),k.loadMore&&q)):n.a.createElement(We.EmptyStatePolaris,{noData:!0,slim:!0}))))))):null}},sellers:{label:"Sellers",value:"sellers",component:function(e){var t;let{saleChanel:a}=e;const{range:r,filter:i,isCompare:o,rangeToCompare:s,loading:u,teamID:d}=jo(),{collapseActive:m={},setCollapseActive:p=(()=>{})}=Ic()||{},g=!!m.sellers,[A,b]=Object(l.useState)({limit:20,offset:0,search:null,saleChanel:a,filterByTime:r}),[h,f]=Object(l.useReducer)(c.Hb,{rows:[],total:0,totalSale:0,totalCost:0,totalRevenues:0,totalKpis:0,loadMore:!1,cantLoad:!1,loadOwnerStore:!1}),[v,E]=Object(l.useState)({totalSale:0,totalCost:0,totalRevenues:0}),y=Object(l.useRef)(null),{data:C,loading:k,fetchMore:O}=Object(De.d)(I.Ec,{variables:{filter:A}});Object(De.d)(I.Ec,{variables:{filter:{...A,...A.filterByTime?{limit:1e3,offset:0}:{}}},onCompleted:e=>{const t=function(e){const t=ce()(e,"reportSaleBySellers"),a=ce()(t,"totalSale"),l=ce()(t,"nodes")||[];let n=0,r=0;for(let i of l){const e=(null===i||void 0===i?void 0:i.totalBaseCost)||0,t=(null===i||void 0===i?void 0:i.totalRevenues)||0;n+=e,r+=t}return{totalSale:a,totalCost:n.toFixed(2),totalRevenues:r.toFixed(2)}}(e);f(e=>({...e,...t}))}});const[j,{data:w,loading:S,error:B}]=Object(De.b)(I.Ec);Object(l.useEffect)(()=>{if(null!=i){let{viewWholeTeamReport:e,fulfillmentID:t}=i;b(a=>({...a,viewWholeTeamReport:e,fulfillmentID:t}))}},[i]),Object(l.useEffect)(()=>{b(e=>({...e,filterByTime:r,teamId:null!==d&&void 0!==d?d:void 0})),f({cantLoad:!1})},[r,d]),Object(l.useRef)(new Set);const P=Object(l.useRef)(null);Object(l.useEffect)(()=>{var e,t;const a=null===C||void 0===C||null===(e=C.reportSaleBySellers)||void 0===e?void 0:e.nodes,l=null===C||void 0===C||null===(t=C.reportSaleBySellers)||void 0===t?void 0:t.total;let r=0;const i=(null===a||void 0===a?void 0:a.length)>0?a.map((e,t)=>{const a=null===e||void 0===e?void 0:e.totalSale,l=(null===e||void 0===e?void 0:e.totalBaseCost)||0,i=(null===e||void 0===e?void 0:e.totalRevenues)||0,o=null===e||void 0===e?void 0:e.user,{firstName:s,lastName:u}=o||{},d=[s,u].filter(Boolean).join(" "),m=null===e||void 0===e?void 0:e.userId;let{total:p,totalKPIOnline:g,totalKPIOffline:A,totalKPIBot:b}=(null===e||void 0===e?void 0:e.totalKpis)||{};r+=p||0,p=Number(p||0).toFixed(2),g=Number(g||0).toFixed(2),A=Number(A||0).toFixed(2),b=Number(b||0).toFixed(2);return[n.a.createElement("div",{className:"col-index"},t+1),n.a.createElement("div",{className:"fullname"},n.a.createElement("span",null,d||m)),n.a.createElement("div",{className:"total-sale"},n.a.createElement("span",null,a)),n.a.createElement("div",{className:"total-cost"},n.a.createElement("span",null,c.D.format(l))),n.a.createElement("div",{className:"total-revenue"},n.a.createElement("span",null,c.D.format(i))),n.a.createElement("div",{className:"total-kpi"},n.a.createElement("span",null,p)),n.a.createElement("div",{className:"total-kpi-offline"},n.a.createElement("span",null,A)),n.a.createElement("div",{className:"total-kpi-online"},n.a.createElement("span",null,g)),n.a.createElement("div",{className:"total-kpi-online"},n.a.createElement("span",null,b))]}):[];f(e=>({...e,rows:i,total:l,totalKpis:r}))},[C]),Object(l.useEffect)(()=>
9787{if(o){let e=null;null!=(null===s||void 0===s?void 0:s.from)&&(e={...A.filterByTime,...s}),j({variables:{filter:{...A,filterByTime:e}}})}},[s,A,o]),Object(l.useEffect)(()=>{if(o){var e,t,a;const l=null===w||void 0===w||null===(e=w.reportSaleBySellers)||void 0===e?void 0:e.totalSale,n=null===w||void 0===w||null===(t=w.reportSaleBySellers)||void 0===t?void 0:t.totalBaseCost,r=null===w||void 0===w||null===(a=w.reportSaleBySellers)||void 0===a?void 0:a.totalRevenues;E(e=>({...e,totalSale:l,totalCost:n,totalRevenues:r}))}else E({totalSale:0})},[w,o]),Object(l.useCallback)(()=>{y.current&&clearTimeout(y),h.cantLoad||(f({loadMore:!0}),y.current=setTimeout(()=>{O({variables:{filter:{...A,offset:C.reportSaleBySellers.nodes.length}},updateQuery:(e,t)=>{let{fetchMoreResult:a,variables:l}=t;if(!a)return e;const n=a.reportSaleBySellers.nodes||[],r=l.filter.limit;f({loadMore:!1}),n.length<r&&f({cantLoad:!0});const i=[...e.reportSaleBySellers.nodes,...n],o=Object(c.eb)(i,"userId"),s=(o||[]).reduce((e,t)=>((null===t||void 0===t?void 0:t.totalBaseCost)>0&&(e+=t.totalBaseCost),e),0),u=(o||[]).reduce((e,t)=>((null===t||void 0===t?void 0:t.totalRevenues)>0&&(e+=t.totalRevenues),e),0);return f(e=>({...e,totalCost:s.toFixed(2),totalRevenues:u.toFixed(2)})),{...e,reportSaleBySellers:{...e.reportSaleBySellers,nodes:o}}}})},500))},[C,A,h.cantLoad,O]);const x=Fo(i,["userID"]),M=Object(l.useRef)(null),T=n.a.createElement(D.Y,{distribution:"center"},n.a.createElement(D.X,{size:"small"})),Q=Object(l.useCallback)(()=>{M.current&&M.current.click()},[]),R=Object(l.useCallback)(()=>{p(e=>({...e,sellers:!e.sellers}))},["sellers",p]),F=Object(l.useMemo)(()=>n.a.createElement("div",{style:{display:"flex",flexDirection:"column"}},n.a.createElement("span",null,n.a.createElement("span",null,h.totalSale," Line items"),n.a.createElement(Mo,{originalVal:h.totalSale,newVal:v.totalSale})),n.a.createElement("span",null,n.a.createElement("span",null,"Total cost: ",c.D.format(h.totalCost)),n.a.createElement(Mo,{originalVal:h.totalCost,newVal:v.totalCost})),n.a.createElement("span",null,n.a.createElement("span",null,"Total revenue: ",c.D.format(h.totalRevenues)),n.a.createElement(Mo,{originalVal:h.totalRevenues,newVal:v.totalRevenues})),n.a.createElement("span",null,n.a.createElement("span",null,"Total KPI: ",Number(h.totalKpis||0).toFixed(2)))),[h.totalSale,v.totalSale,h.totalCost,h.totalRevenues,v.totalRevenues,v.totalCost,v.totalKpis]),N=Object(l.useMemo)(()=>n.a.createElement(D.Y,{spacing:"loose"},n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement("div",null,n.a.createElement(sc,null,n.a.createElement("span",{className:"btn-wrap"},n.a.createElement(_i.a,{rotate:g?90:0,style:{color:"#000"},ref:M,onClick:R})),n.a.createElement("h2",{className:"Polaris-Heading",onClick:Q},"Sellers")))),n.a.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"start",columnGap:".5rem"}},n.a.createElement(D.g,{plain:!0,icon:ns.a,onClick:()=>function(e){const t=ce()(e,"reportSaleBySellers.nodes")||[];if(Object(c.c)(t))return;let a="Seller,Store,Sales,Total Cost,Total Revenue,Total KPI,Total KPI Offline,Total KPI Online\n";for(let i of t){if(Object(c.Gb)(i))continue;let{totalSale:e,totalBaseCost:t,totalRevenues:l,user:n,totalKpis:r,userId:o,stores:s}=i;const{firstName:u,lastName:d}=n||{};let{total:m,totalKPIOnline:p,totalKPIOffline:g,totalKPIBot:A}=r||{};m=Number(m||0).toFixed(2),p=Number(p||0).toFixed(2),g=Number(g||0).toFixed(2),A=Number(A||0).toFixed(2);const b=[u,d].filter(Boolean).join(" ")||o;if(t=c.D.format(t),l=c.D.format(l),a+=`"${b}","",${e},"${t}","${l}",${m},${g},${p},${A}\n`,(null===s||void 0===s?void 0:s.length)>0)for(let i of s){let{totalSale:e,totalBaseCost:t,totalRevenues:l,totalKpis:n,store:r}=i;t=c.D.format(t),l=c.D.format(l);let{title:o,id:s}=r||{};o=o||s;let{total:u,totalKPIOnline:d,totalKPIOffline:m,totalKPIBot:p}=n||{};u=Number(u||0).toFixed(2),d=Number(d||0).toFixed(2),m=Number(m||0).toFixed(2),p=Number(p||0).toFixed(2),a+=`"","${o}",${e},"${t}","${l}",${u},${m},${d},${p}\n`}}const l=new Blob([a],{type:"text/csv"}),n=URL.createObjectURL(l),r=document.createElement("a");r.href=n,r.download=Object(c.G)("export_sale_by_seller_data_"),r.click(),URL.revokeObjectURL(n)}(C)}),F)),[F,g]);return n.a.createElement(Ro,{show:x},n.a.createElement(D.i,null,n.a.createElement(oc,null,n.a.createElement(D.i.Header,{title:N}
9787),n.a.createElement(D.i.Section,null,n.a.createElement("div",null,n.a.createElement(D.l,{open:g,id:"sellers",transition:{duration:"500ms",timingFunction:"ease-in-out"},expandOnPrint:!0},k||S||u?T:(null===(t=h.rows)||void 0===t?void 0:t.length)>0?n.a.createElement(D.P,{shadow:!0,id:"scrollable-sellers",style:{maxHeight:"43rem",paddingRight:"1.6rem",marginRight:"-1.6rem"}},n.a.createElement(D.Y,{vertical:!0,spacing:"loose",wrap:!1},n.a.createElement("div",{ref:P},n.a.createElement(D.n,{rows:h.rows,columnContentTypes:["text","text","text","text","text","text","text","text","text"],headings:["#","Fullname","Sales","Total Cost","Total Revenue","Total KPI","Total KPI Offline","Total KPI Online","Total KPI Bot"],hideScrollIndicator:!0})),h.loadMore&&T)):n.a.createElement(We.EmptyStatePolaris,{noData:!0,slim:!0})))))))}},tasks:{label:"Tasks",value:"tasks",component:function(e){let{assigneeIds:t}=e;const{range:a,isCompare:r,rangeToCompare:i,loading:o}=jo(),{collapseActive:s={},setCollapseActive:u=(()=>{})}=Ic()||{},d=!!s.tasks,m=Object(l.useRef)(null),[p,g]=Object(l.useState)({fieldByTime:null,isIdeaTask:!1,isArtistTask:!1,assigneeIds:t}),[A,b]=Object(l.useState)({items:[],total:0}),[h,f]=Object(l.useState)({total:0}),[v,E]=Object(l.useState)(!0),{data:y,loading:C,error:k}=Object(De.d)(Rs,{variables:{filter:p}}),[O,{data:j,loading:w,error:S}]=Object(De.b)(Rs);Object(l.useEffect)(()=>{E(C||w||o)},[C,w,o]),Object(l.useEffect)(()=>{g(e=>({...e,fieldByTime:null==a?void 0:{field:"tasks.created_at",...a}}))},[a]),Object(l.useEffect)(()=>{var e;const t=null===y||void 0===y||null===(e=y.tasksV2)||void 0===e?void 0:e.aggregations;if(null!=t){const e=Object(c.x)(t),a={};a.all=e.all,a.pendingDesign=e.pendingDesign,a.assigned=e.assigned,a.unassigned=e.unassigned,a.pending=e.pending,a.doing=e.doing,a.fileGenerating=e.fileGenerating,a.needReview=e.needReview,a.rejected=e.rejected,a.expiredSoon=e.expiredSoon,a.denied=e.denied,a.expired=e.expired,a.cancel=e.cancel,a.done=e.done;const l=Object.entries(a).reduce((e,t)=>{let[a,l]=t;const n={label:Fs[a],value:l};return null!=Fs[a]?e.concat(n):e},[]);b(e=>({...e,items:l,total:a.all}))}},[y]),Object(l.useEffect)(()=>{if(r){let e=null;null!=(null===i||void 0===i?void 0:i.from)&&(e={...p.fieldByTime,...i,field:"tasks.created_at"}),O({variables:{filter:{...p,fieldByTime:e}}})}},[i,p,r]),Object(l.useEffect)(()=>{if(r){var e;const t=null===j||void 0===j||null===(e=j.tasksV2)||void 0===e?void 0:e.total;f(e=>({...e,total:t}))}else f({total:0})},[j,r]);const I=Object(l.useCallback)(()=>{u(e=>({...e,tasks:!e.tasks}))},["tasks",u]),B=Object(l.useCallback)(()=>{m.current&&m.current.click()},[]),P=Object(l.useMemo)(()=>A.items.map((e,t)=>n.a.createElement(D.Y,{key:"task-"+t},n.a.createElement(D.Y.Item,{fill:!0},e.label),n.a.createElement("span",null,e.value))),[A.items]),x=n.a.createElement(D.Y,null,n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.db,{variation:"strong"},"Name")),n.a.createElement(D.db,{variation:"strong"},"Count")),M=Object(l.useMemo)(()=>n.a.createElement("span",null,n.a.createElement("span",null,A.total," Tasks"),n.a.createElement(Mo,{originalVal:A.total,newVal:h.total})),[A.total,h.total]),T=Object(l.useMemo)(()=>n.a.createElement(D.Y,{spacing:"loose"},n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(Ns,null,n.a.createElement("span",{className:"btn-wrap"},n.a.createElement(_i.a,{rotate:d?90:0,style:{color:"#000"},ref:m,onClick:I})),n.a.createElement("h2",{className:"Polaris-Heading",onClick:B},"Tasks"))),n.a.createElement("span",null,M)),[M]),Q=k||S;return n.a.createElement(D.i,null,n.a.createElement(D.i.Header,{title:T}),n.a.createElement(D.i.Section,null,n.a.createElement(D.l,{open:d,id:"tasks",transition:{duration:"500ms",timingFunction:"ease-in-out"},expandOnPrint:!0},v?n.a.createElement(D.Y,{distribution:"center"},n.a.createElement(D.X,{size:"small"})):Q?n.a.createElement("div",null,"Error: ",Object(c.ib)(k.toString())):P?n.a.createElement(n.a.Fragment,null,n.a.createElement(D.Y,{vertical:!0,spacing:"loose"},x,P)):n.a.createElement(We.EmptyStatePolaris,{noData:!0}))))}},createdProduct:{label:"Created Product",value:"created-product",component:function(e){let{saleChanel:t}=e;const{range:a,filter:r,isCompare:i,rangeToCompare:o,loading:s,teamID:u}=jo(),[d,m]=Object(l.useState)({limit:20,offset:0,search:null,saleChanel:t,filterByTime:a,productBaseIds:null,collectionIds:null,tagIds:null,storeManagerID:null,storeID:null}),[p,g]=Object(l.useState)({items:[],total:0,totalSale:0,totalProducts:0}),[A,b]=Object(l.useState)({totalProducts:0}),[h,f]=Object(l.useState)(!1),[v,E]=Object(l.useState)(!1),[y,C]=Object(l.useState)(!0),k=Object(l.useRef)(null),{data:O,loading:j,error:w,fetchMore:S}=Object(De.d)(I.mc,{variables:{filter:d}}),[B,{data:P,loading:x,error:M}]=Object(De.b)(I.mc);Object(l.useEffect)(()=>{C(j||x||s)},[j,x,s]),Object(l.useEffect)(()=>
9787{if(null!=r){let e=r;if("fulfillmentID"in r||"viewWholeTeamReport"in r){let t,a;({fulfillmentID:t,viewWholeTeamReport:a,...e}=r)}m(t=>({...t,...e}))}},[r]),Object(l.useEffect)(()=>{m(e=>({...e,filterByTime:a,teamId:null!==u&&void 0!==u?u:void 0})),E(!1)},[a,u]),Object(l.useEffect)(()=>{var e,t,a;const l=null===O||void 0===O||null===(e=O.reportCreatedProductsByUser)||void 0===e?void 0:e.nodes,n=null===O||void 0===O||null===(t=O.reportCreatedProductsByUser)||void 0===t?void 0:t.total,r=null===O||void 0===O||null===(a=O.reportCreatedProductsByUser)||void 0===a?void 0:a.totalProducts,i=(null===l||void 0===l?void 0:l.length)>0?l.map(e=>{const t=null===e||void 0===e?void 0:e.totalProducts,a=null===e||void 0===e?void 0:e.user;return{name:[null===a||void 0===a?void 0:a.firstName,null===a||void 0===a?void 0:a.lastName].filter(Boolean).join(" "),totalProducts:t}}):[];g(e=>({...e,items:i,total:n,totalProducts:r}))},[O]),Object(l.useEffect)(()=>{if(i){let e=null;null!=(null===o||void 0===o?void 0:o.from)&&(e={...d.filterByTime,...o}),B({variables:{filter:{...d,filterByTime:e}}})}},[o,d,i]),Object(l.useEffect)(()=>{if(i){var e;const t=null===P||void 0===P||null===(e=P.reportCreatedProductsByUser)||void 0===e?void 0:e.totalProducts;b(e=>({...e,totalProducts:t}))}else b({totalProducts:0})},[P,i]);const T=Object(l.useCallback)(()=>{k.current&&clearTimeout(k),v||(f(!0),k.current=setTimeout(()=>{S({variables:{filter:{...d,offset:O.reportCreatedProductsByUser.nodes.length}},updateQuery:(e,t)=>{let{fetchMoreResult:a,variables:l}=t;if(!a)return e;const n=a.reportCreatedProductsByUser.nodes||[],r=l.filter.limit;n.length<r&&E(()=>!0),f(!1);const i=[...e.reportCreatedProductsByUser.nodes,...n],o=Object(c.eb)(i,"userId");return{...e,reportCreatedProductsByUser:{...e.reportCreatedProductsByUser,nodes:o}}}})},500))},[O,d,v,S]),Q=Object(l.useMemo)(()=>{var e;return(null===(e=p.items)||void 0===e?void 0:e.length)>0?p.items.map((e,t)=>n.a.createElement(D.Y,{key:"assignee-"+t,distribution:"equalSpacing",wrap:!1},n.a.createElement("span",{className:"index-wrap"},t+1),n.a.createElement(D.Y.Item,{fill:!0},e.name),n.a.createElement("span",null,e.totalProducts))):null},[p.items]),R=n.a.createElement(D.Y,null,n.a.createElement("span",{className:"index-wrap"},n.a.createElement(D.db,{variation:"strong"},"#")),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.db,{variation:"strong"},"User")),n.a.createElement(D.db,{variation:"strong"},"Created products")),F=Object(l.useMemo)(()=>n.a.createElement("span",null,n.a.createElement("span",null,p.totalProducts," New products"),n.a.createElement(Mo,{originalVal:p.totalProducts,newVal:A.totalProducts})),[p.totalProducts,A.totalProducts]);return n.a.createElement(Tc,{title:"New product staffs",subTitle:F,headMarkup:R,contentMarkup:Q,filter:d,total:p.total,loading:y,error:w||M,setFilter:m,handleScroll:T,loadMore:h,collapseKey:"createdProduct"})}},groups:{label:"Groups",value:"groups",component:function(e){let{saleChanel:t}=e;const{range:a,filter:r,isCompare:i,rangeToCompare:o,loading:s,teamID:u}=jo(),[d,m]=Object(l.useState)({limit:20,offset:0,search:null,saleChanel:t,filterByTime:a,productBaseIds:null,collectionIds:null,tagIds:null}),[p,g]=Object(l.useState)({items:[],total:0,totalSale:0,totalCost:0,totalRevenues:0}),[A,b]=Object(l.useState)({totalSale:0,totalRevenues:0,totalCost:0}),[h,f]=Object(l.useState)(!1),[v,E]=Object(l.useState)(!1),[y,C]=Object(l.useState)(!0),k=Object(l.useRef)(null),{data:O,loading:j,fetchMore:w}=Object(De.d)(I.wc,{variables:{filter:d}}),[S,{data:B,loading:P}]=Object(De.b)(I.wc);Object(l.useEffect)(()=>{C(j||P||s)},[j,P,s]),Object(l.useEffect)(()=>{if(null!=r){let{storeID:e,storeManagerID:t,...a}=r;m(e=>({...e,...a}))}},[r]),Object(l.useEffect)(()=>{m(e=>({...e,filterByTime:a,teamId:null!==u&&void 0!==u?u:void 0})),E(!1)},[a,u]),Object(l.useEffect)(()=>{var e,t,a;const l=null===O||void 0===O||null===(e=O.reportSaleByGroups)||void 0===e?void 0:e.nodes,n=null===O||void 0===O||null===(t=O.reportSaleByGroups)||void 0===t?void 0:t.total,r=null===O||void 0===O||null===(a=O.reportSaleByGroups)||void 0===a?void 0:a.totalSale;let i=0,o=0;const s=(null===l||void 0===l?void 0:l.length)>0?l.map(e=>{var t;const a=null===e||void 0===e?void 0:e.totalSale,l=null===e||void 0===e||null===(t=e.group)||void 0===t?void 0:t.name,n=(null===e||void 0===e?void 0:e.totalBaseCost)||0,r=(null===e||void 0===e?void 0:e.totalRevenues)||0;return i+=n,o+=r,{totalSale:a,name:l,totalBaseCost:n,totalRevenues:r}}):[];g(e=>({...e,items:s,total:n,totalSale:r,totalCost:i.toFixed(2),totalRevenues:o.toFixed(2)}))},[O]),Object(l.useEffect)(()=>
9787{if(i){let e=null;null!=(null===o||void 0===o?void 0:o.from)&&(e={...d.filterByTime,...o}),S({variables:{filter:{...d,filterByTime:e}}})}},[o,d,i]),Object(l.useEffect)(()=>{if(i){var e,t,a;const l=null===B||void 0===B||null===(e=B.reportSaleByGroups)||void 0===e?void 0:e.totalSale,n=null===B||void 0===B||null===(t=B.reportSaleByGroups)||void 0===t?void 0:t.totalBaseCost,r=null===B||void 0===B||null===(a=B.reportSaleByGroups)||void 0===a?void 0:a.totalRevenues;b(e=>({...e,totalSale:l,totalCost:n,totalRevenues:r}))}else b({totalSale:0})},[B,i]);const x=Object(l.useCallback)(()=>{k.current&&clearTimeout(k),v||(f(!0),k.current=setTimeout(()=>{w({variables:{filter:{...d,offset:O.reportSaleByGroups.nodes.length}},updateQuery:(e,t)=>{let{fetchMoreResult:a,variables:l}=t;if(!a)return e;const n=a.reportSaleByGroups.nodes||[],r=l.filter.limit;f(!1),n.length<r&&E(!0);const i=[...e.reportSaleByGroups.nodes,...n],o=Object(c.eb)(i,"groupId"),s=(o||[]).reduce((e,t)=>((null===t||void 0===t?void 0:t.totalBaseCost)>0&&(e+=t.totalBaseCost),e),0),u=(o||[]).reduce((e,t)=>((null===t||void 0===t?void 0:t.totalRevenues)>0&&(e+=t.totalRevenues),e),0);return g(e=>({...e,totalCost:s.toFixed(2),totalRevenues:u.toFixed(2)})),{...e,reportSaleByGroups:{...e.reportSaleByGroups,nodes:o}}}})},500))},[O,d,v,w]),M=Object(l.useMemo)(()=>{var e;return(null===(e=p.items)||void 0===e?void 0:e.length)>0?p.items.map((e,t)=>n.a.createElement(D.Y,{key:"group-manager-"+t,wrap:!1},n.a.createElement("span",{className:"index-wrap"},t+1),n.a.createElement(D.Y.Item,{fill:!0},e.name),n.a.createElement("span",null,e.totalSale),n.a.createElement("span",{style:No},c.D.format(e.totalBaseCost)),n.a.createElement("span",{style:No},c.D.format(e.totalRevenues)))):null},[p.items]),T=n.a.createElement(D.Y,null,n.a.createElement("span",{className:"index-wrap"},n.a.createElement(D.db,{variation:"strong"},"#")),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.db,{variation:"strong"},"Name")),n.a.createElement("span",null,"Sales"),n.a.createElement("span",{style:No},"Total Cost"),n.a.createElement("span",{style:No},"Total Revenue")),Q=Object(l.useMemo)(()=>n.a.createElement("div",{style:{display:"flex",flexDirection:"column"}},n.a.createElement("span",null,n.a.createElement("span",null,p.totalSale," Line items"),n.a.createElement(Mo,{originalVal:p.totalSale,newVal:A.totalSale})),n.a.createElement("span",null,n.a.createElement("span",null,"Total cost: ",c.D.format(p.totalCost)),n.a.createElement(Mo,{originalVal:p.totalCost,newVal:A.totalCost})),n.a.createElement("span",null,n.a.createElement("span",null,"Total revenue: ",c.D.format(p.totalRevenues)),n.a.createElement(Mo,{originalVal:p.totalRevenues,newVal:A.totalRevenues}))),[p.totalSale,A.totalSale,p.totalCost,p.totalRevenues,A.totalRevenues,A.totalCost]),R=Fo(r,["storeID","storeManagerID"]);return n.a.createElement(Ro,{show:R},n.a.createElement(Tc,{title:"Groups",subTitle:Q,headMarkup:T,contentMarkup:M,filter:d,total:p.total,loading:y,setFilter:m,handleScroll:x,loadMore:h,collapseKey:"groups"}))}},ideaTasks:{label:"Idea Tasks",value:"idea-tasks",component:function(){var e;const{range:t,filter:a,isCompare:r,rangeToCompare:i,loading:o,teamID:s}=jo(),{collectionIds:u,tagIds:d}=a||{},{collapseActive:m={},setCollapseActive:p=(()=>{})}=Ic()||{},g=!!m.ideaTasks,A=Object(l.useRef)(null),[b,h]=Object(l.useState)({limit:20,offset:0,search:null,filterByTime:t,tagIds:d,collectionIds:u,storeManagerID:null,storeID:null}),[f,v]=Object(l.useState)({items:[],total:0,totalIdeas:0}),[E,y]=Object(l.useState)({totalIdeas:0}),[C,k]=Object(l.useState)(!1),[O,j]=Object(l.useState)(!1),[w,S]=Object(l.useState)(!0),[B,P]=Object(l.useState)(!1),x=Object(l.useRef)(null),{data:M,loading:T,fetchMore:Q}=Object(De.d)(I.lc,{variables:{filter:b}}),[R,{data:F,loading:N}]=Object(De.b)(I.lc);Object(l.useEffect)(()=>{if(null!=a){let e=a;if("productBaseIds"in a||"viewWholeTeamReport"in a){let t,l;({productBaseIds:t,viewWholeTeamReport:l,...e}=a)}h(t=>({...t,...e}))}},[a]),Object(l.useEffect)(()=>{S(T||N||o)},[T,N,o]),Object(l.useEffect)(()=>{h(e=>({...e,filterByTime:null!=t?{...e.filterByTime||{},...t}:null,collectionIds:u,tagIds:d,teamId:null!==s&&void 0!==s?s:void 0})),j(!1)},[t,u,d,s]),Object(l.useEffect)(()=>{var e,t,a;const l=null===M||void 0===M||null===(e=M.reportCreatedIdeasByUser)||void 0===e?void 0:e.nodes,n=null===M||void 0===M||null===(t=M.reportCreatedIdeasByUser)||void 0===t?void 0:t.total,r=null===M||void 0===M||null===(a=M.reportCreatedIdeasByUser)||void 0===a?void 0:a.totalIdeas,i=(null===l||void 0===l?void 0:l.length)>0?l.map(e=>{const t=null===e||void 0===e?void 0:e.createBy,a=[null===t||void 0===t?void 0:t.firstName,null===t||void 0===t?void 0:t.lastName].filter(
9787Boolean).join(" "),{IdeaByStatusItems:l}=e,n=(l||[]).find(e=>"Draft"===(null===e||void 0===e?void 0:e.status)),r=(l||[]).find(e=>"Declined"===(null===e||void 0===e?void 0:e.status));return{name:a,draft:n,done:(l||[]).find(e=>"Done"===(null===e||void 0===e?void 0:e.status)),declined:r,needReview:(l||[]).find(e=>"Need Review"===(null===e||void 0===e?void 0:e.status))}}):[];v(e=>({...e,items:i,total:n,totalIdeas:r}))},[M]),Object(l.useEffect)(()=>{if(r){let e=null;null!=(null===i||void 0===i?void 0:i.from)&&(e={...b.filterByTime,...i}),R({variables:{filter:{...b,filterByTime:e}}})}},[i,b,r]),Object(l.useEffect)(()=>{if(r){var e;const t=null===F||void 0===F||null===(e=F.reportCreatedIdeasByUser)||void 0===e?void 0:e.totalIdeas;y(e=>({...e,totalIdeas:t}))}else y({totalIdeas:0})},[F,r]);const U=Object(l.useCallback)(()=>{x.current&&clearTimeout(x),O||(k(!0),x.current=setTimeout(()=>{Q({variables:{filter:{...b,offset:M.reportCreatedIdeasByUser.nodes.length}},updateQuery:(e,t)=>{let{fetchMoreResult:a,variables:l}=t;if(!a)return e;const n=a.reportCreatedIdeasByUser.nodes||[],r=l.filter.limit;n.length<r&&j(()=>!0),k(!1);const i=[...e.reportCreatedIdeasByUser.nodes,...n],o=Object(c.eb)(i,"createById");return{...e,reportCreatedIdeasByUser:{...e.reportCreatedIdeasByUser,nodes:o}}}})},500))},[M,b,O,Q]),L=Object(l.useCallback)(e=>{h(e?e=>({...e,filterByTime:e.filterByTime?{...e.filterByTime,field:"done_date"}:null}):e=>({...e,filterByTime:e.filterByTime?{...e.filterByTime,field:void 0}:null})),P(e)},[]),V=Object(l.useCallback)(e=>{h(e?t=>({...t,filterByTime:t.filterByTime?{...t.filterByTime,field:e}:null}):e=>({...e,filterByTime:e.filterByTime?{...e.filterByTime,field:void 0}:null}))},[]),z={textAlign:"center",width:"15rem"},q=n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",Object.assign({rowSpan:"2"},Ko,{style:{textAlign:"center",width:"7rem"}}),"#"),n.a.createElement("th",Object.assign({rowSpan:"2"},Ko,{style:{...z,width:"20rem"}}),"Name"),n.a.createElement("th",Object.assign({colSpan:"2"},Ko,{style:z}),"Draft"),n.a.createElement("th",Object.assign({colSpan:"2"},Ko,{style:z}),"Declined"),n.a.createElement("th",Object.assign({colSpan:"2"},Ko,{style:z}),"Need Review"),n.a.createElement("th",Object.assign({colSpan:"2"},Ko,{style:z}),"Done")),n.a.createElement("tr",null,n.a.createElement("th",Ko,"Total"),n.a.createElement("th",Ko,"KPI"),n.a.createElement("th",Ko,"Total"),n.a.createElement("th",Ko,"KPI"),n.a.createElement("th",Ko,"Total"),n.a.createElement("th",Ko,"KPI"),n.a.createElement("th",Ko,"Total"),n.a.createElement("th",Ko,"KPI"))),H=Object(l.useMemo)(()=>{var e;return(null===(e=f.items)||void 0===e?void 0:e.length)>0?f.items.map((e,t)=>{const a=null===e||void 0===e?void 0:e.draft,l=null===e||void 0===e?void 0:e.declined,r=null===e||void 0===e?void 0:e.done,i=null===e||void 0===e?void 0:e.needReview;return n.a.createElement("tr",Object.assign({},Yo,{key:"item-"+t}),n.a.createElement("td",Jo,t+1),n.a.createElement("td",Jo,e.name),n.a.createElement("td",Jo,null===a||void 0===a?void 0:a.totalIdeas),n.a.createElement("td",Jo,null===a||void 0===a?void 0:a.totalKpis),n.a.createElement("td",Jo,null===l||void 0===l?void 0:l.totalIdeas),n.a.createElement("td",Jo,null===l||void 0===l?void 0:l.totalKpis),n.a.createElement("td",Jo,null===i||void 0===i?void 0:i.totalIdeas),n.a.createElement("td",Jo,null===i||void 0===i?void 0:i.totalKpis),n.a.createElement("td",Jo,null===r||void 0===r?void 0:r.totalIdeas),n.a.createElement("td",Jo,null===r||void 0===r?void 0:r.totalKpis))}):null},[f.items]),$=Object(l.useMemo)(()=>n.a.createElement(D.Y,{vertical:!0,spacing:"none"},n.a.createElement("span",null,n.a.createElement("span",null,f.totalIdeas," Tasks"),n.a.createElement(Mo,{originalVal:f.totalIdeas,newVal:E.totalIdeas})),n.a.createElement(zo,{onChange:V})),[f.totalIdeas,E.totalIdeas,b,B,L,V]),_=Object(l.useCallback)(()=>{p(e=>({...e,ideaTasks:!e.ideaTasks}))},["ideaTasks",p]),G=Object(l.useCallback)(()=>{A.current&&A.current.click()},[]),K=Object(l.useMemo)(()=>n.a.createElement(D.Y,{spacing:"loose"},n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(Zo,null,n.a.createElement("span",{className:"btn-wrap"},n.a.createElement(_i.a,{rotate:g?90:0,style:{color:"#000"},ref:A,onClick:_})),n.a.createElement("h2",{className:"Polaris-Heading",onClick:G},"Report for Idea"))),n.a.createElement("span",null,$)),[$,g]),J=n.a.createElement(D.Y,{distribution:"center"},n.a.createElement(D.X,{size:"small"})),Y=C&&n.a.createElement("div",{style:{marginTop:"1rem"}},J);return n.a.createElement(D.i,null,n.a.createElement(D.i.Header,{title:K}
9787),n.a.createElement(D.i.Section,null,n.a.createElement(D.l,{open:g,id:"ideaTasks",transition:{duration:"500ms",timingFunction:"ease-in-out"},expandOnPrint:!0},n.a.createElement(Wo,null,w?J:H?n.a.createElement(D.P,{shadow:!0,id:"scrollable-idea-task",style:{maxHeight:"48rem"},onScrolledToBottom:U},n.a.createElement("table",null,q,n.a.createElement("tbody",null,H)),Y):n.a.createElement(We.EmptyStatePolaris,{noData:!0,slim:!0})),n.a.createElement(Lo,{filterTimeByField:null===b||void 0===b||null===(e=b.filterByTime)||void 0===e?void 0:e.field}))))}},trackingStatus:{label:"Tracking Status",value:"tracking-status",component:function(e){let{saleChanel:t}=e;const{range:a,filter:r,isCompare:i,rangeToCompare:o,loading:s,teamID:c}=jo(),[u,d]=Object(l.useState)({search:null,filterByTime:a,collectionIds:null,tagIds:null,productBaseIds:null,saleChanel:t,storeManagerID:null,storeID:null}),[m,p]=Object(l.useState)({items:[],totalSale:0}),[g,A]=Object(l.useState)({totalSale:0}),[b,h]=Object(l.useState)(!0),{data:f,loading:v,error:E}=Object(De.d)(I.vc,{variables:{filter:u}}),[y,{data:C,loading:k,error:O}]=Object(De.b)(I.vc);Object(l.useEffect)(()=>{h(v||k||s)},[v,k,s]),Object(l.useEffect)(()=>{null!=r&&d(e=>({...e,...r}))},[r]),Object(l.useEffect)(()=>{d(e=>({...e,filterByTime:a,teamId:null!==c&&void 0!==c?c:void 0}))},[a,c]),Object(l.useEffect)(()=>{var e,t;const a=null===f||void 0===f||null===(e=f.reportOrderTrackingOverview)||void 0===e?void 0:e.trackingStatusOverview,l=null===f||void 0===f||null===(t=f.reportOrderTrackingOverview)||void 0===t?void 0:t.totalSale,n=(null===a||void 0===a?void 0:a.length)>0?a.map(e=>{const{countRes:t,trackStatus:a}=e||{};return{name:a,count:t}}):[];p(e=>({...e,items:n,totalSale:l}))},[f]),Object(l.useEffect)(()=>{if(i){let e=null;null!=(null===o||void 0===o?void 0:o.from)&&(e={...u.filterByTime,...o}),y({variables:{filter:{...u,filterByTime:e}}})}},[o,u,i]),Object(l.useEffect)(()=>{if(i){var e;const t=null===C||void 0===C||null===(e=C.reportOrderTrackingOverview)||void 0===e?void 0:e.totalSale;A(e=>({...e,totalSale:t}))}else A({totalSale:0})},[C,i]);const j=Object(l.useMemo)(()=>{var e;return(null===(e=m.items)||void 0===e?void 0:e.length)>0?m.items.map((e,t)=>n.a.createElement(D.Y,{key:"assignee-"+t,distribution:"equalSpacing",wrap:!1},n.a.createElement("span",{className:"index-wrap"},t+1),n.a.createElement(D.Y.Item,{fill:!0},e.name),n.a.createElement("span",{className:"column-wrap"},e.count))):null},[m.items]),w=n.a.createElement(D.Y,null,n.a.createElement("span",{className:"index-wrap"},n.a.createElement(D.db,{variation:"strong"},"#")),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.db,{variation:"strong"},"Tracking status")),n.a.createElement("span",{className:"column-wrap"},n.a.createElement(D.db,{variation:"strong"},"Total"))),S=Object(l.useMemo)(()=>n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement("span",null,n.a.createElement("span",null,m.totalSale," Units"),n.a.createElement(Mo,{originalVal:m.totalSale,newVal:g.totalSale}))),[m.totalSale,g.totalSale]);return n.a.createElement(Tc,{title:"Tracking info status",subTitle:S,headMarkup:w,contentMarkup:j,filter:u,total:m.total,loading:b,error:E||O,setFilter:d,collapseKey:"trackingStatus"})}},ideaTasksByDesigner:{label:"Idea Tasks By Designer",value:"idea-tasks-by-designer",component:function(){const{range:e,filter:t,isCompare:a,rangeToCompare:r,loading:i,teamID:o}=jo(),{collectionIds:s,tagIds:u}=t||{},{currentUser:d}=Object(te.c)(),{isDesignLeader:m}=Object(c.j)(d),{collapseActive:p={},setCollapseActive:g=(()=>{})}=Ic()||{},A=!!p.ideaTasksByDesigner,b=Object(l.useRef)(null),[h,f]=Object(l.useState)({limit:20,offset:0,search:null,filterByTime:e,tagIds:u,collectionIds:s,storeManagerID:null,storeID:null}),[v,E]=Object(l.useState)({items:[],total:0,totalTask:0}),[y,C]=Object(l.useState)({totalTask:0}),[k,O]=Object(l.useState)(!1),[j,w]=Object(l.useState)(!1),[S,B]=Object(l.useState)(!0),[P,x]=Object(l.useState)(!1),M=Object(l.useRef)(null),{data:T,loading:Q,fetchMore:R}=Object(De.d)(I.oc,{variables:{filter:h}}),[F,{data:N,loading:U}]=Object(De.b)(I.oc);Object(l.useEffect)(()=>
9787{if(null!=t){let e=t;if("productBaseIds"in t||"viewWholeTeamReport"in t){let a,l;({productBaseIds:a,viewWholeTeamReport:l,...e}=t)}f(t=>({...t,...e}))}},[t]),Object(l.useEffect)(()=>{B(Q||U||i)},[Q,U,i]),Object(l.useEffect)(()=>{f(t=>({...t,teamId:null!==o&&void 0!==o?o:void 0,filterByTime:null!=e?{...t.filterByTime||{},...e}:null})),w(!1)},[e,o]),Object(l.useEffect)(()=>{var e,t,a;const l=null===T||void 0===T||null===(e=T.reportIdeaTasksByDesigner)||void 0===e?void 0:e.nodes,n=null===T||void 0===T||null===(t=T.reportIdeaTasksByDesigner)||void 0===t?void 0:t.total,r=null===T||void 0===T||null===(a=T.reportIdeaTasksByDesigner)||void 0===a?void 0:a.totalTask,i=(null===l||void 0===l?void 0:l.length)>0?l.map(e=>{const t=null===e||void 0===e?void 0:e.designer,a=[null===t||void 0===t?void 0:t.firstName,null===t||void 0===t?void 0:t.lastName].filter(Boolean).join(" "),{taskByStatusItems:l}=e,n=(l||[]).find(e=>"Denied"===(null===e||void 0===e?void 0:e.status)),r=(l||[]).find(e=>"Rejected"===(null===e||void 0===e?void 0:e.status));return{name:a,denied:n,done:(l||[]).find(e=>"Done"===(null===e||void 0===e?void 0:e.status)),rejected:r,assignToMe:(l||[]).find(e=>"Assign To Me"===(null===e||void 0===e?void 0:e.status)),needReview:(l||[]).find(e=>"Need Review"===(null===e||void 0===e?void 0:e.status))}}):[];E(e=>({...e,items:i,total:n,totalTask:r}))},[T]),Object(l.useEffect)(()=>{if(a){let e=null;null!=(null===r||void 0===r?void 0:r.from)&&(e={...h.filterByTime,...r}),F({variables:{filter:{...h,filterByTime:e}}})}},[r,h,a]),Object(l.useEffect)(()=>{if(a){var e;const t=null===N||void 0===N||null===(e=N.reportIdeaTasksByDesigner)||void 0===e?void 0:e.totalTask;C(e=>({...e,totalTask:t}))}else C({totalTask:0})}
9787,[N,a]);const L=Object(l.useCallback)(()=>{M.current&&clearTimeout(M),j||(O(!0),M.current=setTimeout(()=>{R({variables:{filter:{...h,offset:T.reportIdeaTasksByDesigner.nodes.length}},updateQuery:(e,t)=>{let{fetchMoreResult:a,variables:l}=t;if(!a)return e;const n=a.reportIdeaTasksByDesigner.nodes||[],r=l.filter.limit;n.length<r&&w(()=>!0),O(!1);const i=[...e.reportIdeaTasksByDesigner.nodes,...n],o=Object(c.eb)(i,"designerId");return{...e,reportIdeaTasksByDesigner:{...e.reportIdeaTasksByDesigner,nodes:o}}}})},500))},[T,h,j,R]),V={textAlign:"center",width:"15rem"},z=n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",Object.assign({rowSpan:"2"},Ko,{style:{textAlign:"center",width:"7rem"}}),"#"),n.a.createElement("th",Object.assign({rowSpan:"2"},Ko,{style:{...V,width:"20rem"}}),"Name"),n.a.createElement("th",Object.assign({colSpan:"2"},Ko,{style:V}),"Denied"),n.a.createElement("th",Object.assign({colSpan:"2"},Ko,{style:V}),"Rejected"),n.a.createElement("th",Object.assign({colSpan:"2"},Ko,{style:V}),"Assign To Me"),n.a.createElement("th",Object.assign({colSpan:"2"},Ko,{style:V}),"Need Review"),n.a.createElement("th",Object.assign({colSpan:"2"},Ko,{style:V}),"Done")),n.a.createElement("tr",null,n.a.createElement("th",Ko,"Total"),n.a.createElement("th",Ko,"KPI"),n.a.createElement("th",Ko,"Total"),n.a.createElement("th",Ko,"KPI"),n.a.createElement("th",Ko,"Total"),n.a.createElement("th",Ko,"KPI"),n.a.createElement("th",Ko,"Total"),n.a.createElement("th",Ko,"KPI"),n.a.createElement("th",Ko,"Total"),n.a.createElement("th",Ko,"KPI"))),q=Object(l.useMemo)(()=>{var e;return(null===(e=v.items)||void 0===e?void 0:e.length)>0?v.items.map((e,t)=>{const a=null===e||void 0===e?void 0:e.denied,l=null===e||void 0===e?void 0:e.rejected,r=null===e||void 0===e?void 0:e.done,i=null===e||void 0===e?void 0:e.assignToMe,o=null===e||void 0===e?void 0:e.needReview;return n.a.createElement("tr",Object.assign({},Yo,{key:"item-"+t}),n.a.createElement("td",Jo,t+1),n.a.createElement("td",Jo,e.name),n.a.createElement("td",Jo,null===a||void 0===a?void 0:a.totalIdeas),n.a.createElement("td",Jo,null===a||void 0===a?void 0:a.totalKpis),n.a.createElement("td",Jo,null===l||void 0===l?void 0:l.totalIdeas),n.a.createElement("td",Jo,null===l||void 0===l?void 0:l.totalKpis),n.a.createElement("td",Jo,null===i||void 0===i?void 0:i.totalIdeas),n.a.createElement("td",Jo,null===i||void 0===i?void 0:i.totalKpis),n.a.createElement("td",Jo,null===o||void 0===o?void 0:o.totalIdeas),n.a.createElement("td",Jo,null===o||void 0===o?void 0:o.totalKpis),n.a.createElement("td",Jo,null===r||void 0===r?void 0:r.totalIdeas),n.a.createElement("td",Jo,null===r||void 0===r?void 0:r.totalKpis))}):null},[v.items]),H=Object(l.useCallback)(e=>{f(e?e=>({...e,filterByTime:e.filterByTime?{...e.filterByTime,field:"done_date"}:null}):e=>({...e,filterByTime:e.filterByTime?{...e.filterByTime,field:void 0}:null})),x(e)},[]),$=Object(l.useCallback)(e=>{f(e?t=>({...t,filterByTime:t.filterByTime?{...t.filterByTime,field:e}:null}):e=>({...e,filterByTime:e.filterByTime?{...e.filterByTime,field:void 0}:null}))},[]),_=Object(l.useMemo)(()=>n.a.createElement(D.Y,{vertical:!0,spacing:"none"},n.a.createElement("span",null,n.a.createElement("span",null,v.totalTask," Tasks"),n.a.createElement(Mo,{originalVal:v.totalTask,newVal:y.totalTask})),n.a.createElement(zo,{onChange:$})),[v.totalTask,y.totalTask,h.filterByTime,P,H,$]),G=Object(l.useCallback)(()=>{g(e=>({...e,ideaTasksByDesigner:!e.ideaTasksByDesigner}))},["ideaTasksByDesigner",g]),K=Object(l.useCallback)(()=>{b.current&&b.current.click()},[]),J=Object(l.useMemo)(()=>n.a.createElement(D.Y,{spacing:"loose"},n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(es,null,n.a.createElement("span",{className:"btn-wrap"},n.a.createElement(_i.a,{rotate:A?90:0,style:{color:"#000"},ref:b,onClick:G})),n.a.createElement("h2",{className:"Polaris-Heading",onClick:K},"Report for "+(m?"Idea Task":"Designer")))),n.a.createElement("span",null,_)),[_,m]),Y=n.a.createElement(D.Y,{distribution:"center"},n.a.createElement(D.X,{size:"small"})),W=k&&n.a.createElement("div",{style:{marginTop:"1rem"}},Y);return n.a.createElement(D.i,null,n.a.createElement(D.i.Header,{title:J}
9787),n.a.createElement(D.i.Section,null,n.a.createElement(D.l,{open:A,id:"ideaTasksByDesigner",transition:{duration:"500ms",timingFunction:"ease-in-out"},expandOnPrint:!0},n.a.createElement(Xo,null,S?Y:q?n.a.createElement(D.P,{shadow:!0,id:"scrollable-idea-task",style:{maxHeight:"48rem"},onScrolledToBottom:L},n.a.createElement("table",null,z,n.a.createElement("tbody",null,q)),W):n.a.createElement(We.EmptyStatePolaris,{noData:!0,slim:!0})))))}},kpiOfTask:{label:"KPI of Task",value:"kpi-of-task",component:function(e){let{saleChanel:t}=e;const{range:a,isCompare:l,rangeToCompare:r,loading:i,teamID:o,filter:s}=jo(),[c,u]=n.a.useState({filterByTime:a,saleChanel:t}),[d,m]=n.a.useReducer((e,t)=>({...e,...t}),{items:[],total:0,compareTotal:0,loading:!0}),{data:p,loading:g,error:A}=Object(De.d)(I.qc,{variables:{filter:c}}),[b,{data:h,loading:f,error:v}]=Object(De.b)(I.qc);n.a.useEffect(()=>{m({loading:g||f||i})},[g,f,i]),n.a.useEffect(()=>{if(null!=s&&"fulfillmentID"in s){let{fulfillmentID:e}=s;u(t=>({...t,fulfillmentID:e}))}},[s]),n.a.useEffect(()=>{u(e=>({...e,filterByTime:a,teamId:null!==o&&void 0!==o?o:void 0}))},[a,o]),n.a.useEffect(()=>{if(null==(null===p||void 0===p?void 0:p.reportKpiTaskByStorePlatform))return;const e=p.reportKpiTaskByStorePlatform;m({items:e})},[p]),n.a.useEffect(()=>{if(!l)return;let e=null;null!=(null===r||void 0===r?void 0:r.from)&&(e={...c.filterByTime,...r}),b({variables:{filter:{...c,filterByTime:e}}})},[r,c,l]);const E=n.a.useMemo(()=>{var e;return(null===(e=d.items)||void 0===e?void 0:e.length)>0?d.items.map((e,t)=>n.a.createElement(D.Y,{key:"api-task-"+t,distribution:"equalSpacing",wrap:!1},n.a.createElement("span",{className:"index-wrap"},t+1),n.a.createElement("span",{style:{width:"16rem",display:"inline-block"}},e.platform),n.a.createElement("span",{style:ts},(e.designerOffline||0).toFixed(2)),n.a.createElement("span",{style:ts},(e.designerOnline||0).toFixed(2)),n.a.createElement("span",{style:{width:"15rem",display:"inline-block"}},(e.designerTeamOnline||0).toFixed(2)),n.a.createElement("span",{style:ts},(e.bot||0).toFixed(2)),n.a.createElement("span",{style:ts},(e.etsyDesigner||0).toFixed(2)),n.a.createElement("span",{style:ts},(e.etsyOnline||0).toFixed(2)),n.a.createElement("span",{style:ts},(e.pmeArtist||0).toFixed(2)))):null},[d.items]),y=n.a.useMemo(()=>n.a.createElement(D.Y,{wrap:!1},n.a.createElement("span",{className:"index-wrap"},n.a.createElement(D.db,{variation:"strong"},"#")),n.a.createElement("span",{style:{width:"16rem",display:"inline-block"}},n.a.createElement(D.db,{variation:"strong"},"Platform")),n.a.createElement("span",{style:ts},n.a.createElement(D.db,{variation:"strong"},"Designer Offline")),n.a.createElement("span",{style:ts},n.a.createElement(D.db,{variation:"strong"},"Designer Online")),n.a.createElement("span",{style:{width:"15rem",display:"inline-block"}},n.a.createElement(D.db,{variation:"strong"},"Designer Team Online")),n.a.createElement("span",{style:ts},n.a.createElement(D.db,{variation:"strong"},"Bot")),n.a.createElement("span",{style:ts},n.a.createElement(D.db,{variation:"strong"},"Etsy Designer")),n.a.createElement("span",{style:ts},n.a.createElement(D.db,{variation:"strong"},"Etsy Online")),n.a.createElement("span",{style:ts},n.a.createElement(D.db,{variation:"strong"},"PME Artist"))),[]);return n.a.createElement(Tc,{title:"Task's KPI",headMarkup:y,contentMarkup:E,filter:c,loading:d.loading,error:A||v,setFilter:u,collapseKey:"kpiOfTask"})}},trackTaskSubmission:{label:"Track Task Submission",value:"track-task-submission",component:function(){const{range:e,isCompare:t,rangeToCompare:a,loading:r}=jo(),{currentUser:i}=Object(te.c)(),{isTeamRoot:o,isSeller:s}=Object(c.j)(i),[u,d]=Object(l.useState)({limit:20,paged:1,time:e,salesChannel:"all"}),[m,p]=Object(l.useState)({items:[],total:0,totalAccepted:0,totalRejected:0}),[g,A]=Object(l.useState)({totalRejected:0}),[b,h]=Object(l.useState)(!1),[f,v]=Object(l.useState)(!1),[E,y]=Object(l.useState)(!0),C=Object(l.useRef)(null),{data:k,loading:O,error:j,fetchMore:w}=Object(De.d)(I.kc,{variables:{filter:{...u,offset:void 0,salesChannel:"all"===u.salesChannel?void 0:u.salesChannel}}}),[S,{data:B,loading:P,error:x}]=Object(De.b)(I.kc);Object(l.useEffect)(()=>{y(O||P||r)},[O,P,r]),Object(l.useEffect)(()=>{d(t=>({...t,time:e})),v(!1)},[e]),Object(l.useEffect)(()=>{const e=null===k||void 0===k?void 0:k.reportCountTaskSubmissionByChecked;let t=0,a=0,l=0;const n=(null===e||void 0===e?void 0:e.length)>0?e.map(e=>{if(!e||Object(c.Gb)(e))return null;const{checker:n,totalCheckTimes:r,totalRejectedTimes:i,totalAcceptedTimes:o}=e;return t+=r,a+=i,l+=o,{checker:n,total:r,totalRejected:i,totalAccepted:o,totalAcceptedKpi:e.totalAcceptedKpi,totalRejectedKpi:e.totalRejectedKpi}}
9787).filter(Boolean):[];p(e=>({...e,items:n,total:t,totalRejected:a,totalAccepted:l}))},[k]),Object(l.useEffect)(()=>{if(t){let e=null;null!=(null===a||void 0===a?void 0:a.from)&&(e={...u.time,...a}),S({variables:{filter:{...u,time:e,salesChannel:"all"===u.salesChannel?void 0:u.salesChannel,offset:void 0}}})}},[a,u,t]),Object(l.useEffect)(()=>{if(t){let e=((null===B||void 0===B?void 0:B.reportCountTaskSubmissionByChecked)||[]).reduce((e,t)=>!t||Object(c.Gb)(t)?e:e+=t.totalCheckTimes,0);A(t=>({...t,total:e}))}else A({total:0})},[B,t]);const M=Object(l.useCallback)(()=>{C.current&&clearTimeout(C),f||(h(!0),C.current=setTimeout(()=>{w({variables:{filter:{...u,offset:void 0}},updateQuery:(e,t)=>{let{fetchMoreResult:a,variables:l}=t;if(!a)return e;const n=a.reportCountTaskSubmissionByChecked||[],r=l.filter.limit;n.length<r&&v(()=>!0),h(!1);const i=[...e.reportCountTaskSubmissionByChecked,...n],o=Object(c.eb)(i,"userId");return{...e,reportCountTaskSubmissionByChecked:{...e.reportCountTaskSubmissionByChecked,nodes:o}}}})},500))},[k,u,f,w]),T=Object(l.useMemo)(()=>{var e;return(null===(e=m.items)||void 0===e?void 0:e.length)>0?m.items.map((e,t)=>n.a.createElement(D.Y,{key:"checker-"+t,distribution:"equalSpacing",wrap:!1},n.a.createElement("span",{className:"index-wrap"},t+1),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement("span",{style:{wordBreak:"break-all"}},e.checker)),n.a.createElement("span",{style:{width:105,display:"inline-block"}},e.totalAccepted),n.a.createElement("span",{style:{width:105,display:"inline-block"}},e.totalRejected),n.a.createElement("span",{style:{width:50,display:"inline-block"}},e.total),n.a.createElement("span",{style:{width:105,display:"inline-block"}},Number(e.totalAcceptedKpi||0).toFixed(2)),n.a.createElement("span",{style:{width:105,display:"inline-block"}},Number(e.totalRejectedKpi).toFixed(2)))):null},[m.items]),Q=n.a.createElement(D.Y,{distribution:"equalSpacing",wrap:!1},n.a.createElement("span",{className:"index-wrap"},n.a.createElement(D.db,{variation:"strong"},"#")),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement("span",{style:{wordBreak:"break-all"}},n.a.createElement(D.db,{variation:"strong"},"Checker"))),n.a.createElement("span",{style:{width:105,display:"inline-block"}},n.a.createElement(D.db,{variation:"strong"},"Total Accepted")),n.a.createElement("span",{style:{width:105,display:"inline-block"}},n.a.createElement(D.db,{variation:"strong"},"Total Rejected")),n.a.createElement("span",{style:{width:50,display:"inline-block"}},n.a.createElement(D.db,{variation:"strong"},"Total")),n.a.createElement("span",{style:{width:105,display:"inline-block"}},n.a.createElement(D.db,{variation:"strong"},"Total Accepted KPI")),n.a.createElement("span",{style:{width:105,display:"inline-block"}},n.a.createElement(D.db,{variation:"strong"},"Total Rejected KPI"))),R=Object(l.useMemo)(()=>n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement(D.Q,{label:"Platform",value:u.salesChannel||"all",options:[{value:"all",label:"All"},{value:"amazon",label:"Amazon"},{value:"ebay",label:"Ebay"},{value:"etsy",label:"Etsy"},{value:"tiktok",label:"Tiktok"},{value:"facebook",label:"Facebook"},{value:"online store",label:"Online Store"}],onChange:e=>{d(t=>({...t,salesChannel:e}))}}),n.a.createElement("span",null,n.a.createElement("p",null,m.total," Total Checked Times"),n.a.createElement(Mo,{originalVal:m.total,newVal:g.total}))),[m.total,g.total]);return s&&!o?null:n.a.createElement(Tc,{title:"Track Task Submission",subTitle:R,headMarkup:Q,contentMarkup:T,filter:u,total:m.total,loading:E,error:j||x,setFilter:d,handleScroll:M,loadMore:b,collapseKey:"trackTaskSubmission"})}},fulfillCounter:{label:"Fulfillment Counter",value:"fulfillment-counter",component:function(e){let{saleChanel:t}=e;const{range:a,filter:r,isCompare:i,rangeToCompare:o,loading:s,teamID:u}=jo(),[d,m]=Object(l.useState)({saleChannel:t,filterByTime:a,productBaseIds:null,collectionIds:null,tagIds:null,storeManagerID:null,storeID:null}),[p,g]=Object(l.useState)({items:[],totalSale:0,totalBaseCost:0}),[A,b]=Object(l.useState)({totalSale:0,totalBaseCost:0}),[h,f]=Object(l.useState)(!1),[v,E]=Object(l.useState)(!1),[y,C]=Object(l.useState)(!0),k=Object(l.useRef)(null),{data:O,loading:j,fetchMore:w}=Object(De.d)(I.nc,{variables:{filter:d}}),[S,{data:B,loading:P}]=Object(De.b)(I.nc);Object(l.useEffect)(()=>{C(j||P||s)},[j,P,s]),Object(l.useEffect)(()=>
9787{if(null!=r){let e=r;if("fulfillmentID"in r){let t;({fulfillmentID:t,...e}=r)}m(t=>({...t,...e}))}},[r]),Object(l.useEffect)(()=>{m(e=>({...e,filterByTime:a,teamID:null!==u&&void 0!==u?u:void 0})),E(!1)},[a,u]),Object(l.useEffect)(()=>{var e,t,a;const l=null===O||void 0===O||null===(e=O.reportFulfillCounter)||void 0===e?void 0:e.nodes,n=null===O||void 0===O||null===(t=O.reportFulfillCounter)||void 0===t?void 0:t.totalSale,r=null===O||void 0===O||null===(a=O.reportFulfillCounter)||void 0===a?void 0:a.totalBaseCost,i=(null===l||void 0===l?void 0:l.length)>0?l.map(e=>{const t=null===e||void 0===e?void 0:e.totalSale,a=null===e||void 0===e?void 0:e.totalBaseCost;return{name:null===e||void 0===e?void 0:e.fulfillName,totalSale:t,totalBaseCost:a}}):[];g(e=>({...e,items:i,totalSale:n,totalBaseCost:r}))},[O]),Object(l.useEffect)(()=>{if(i){let e=null;null!=(null===o||void 0===o?void 0:o.from)&&(e={...d.filterByTime,...o}),S({variables:{filter:{...d,filterByTime:e}}})}},[o,d,i]),Object(l.useEffect)(()=>{if(i){var e,t;const a=null===B||void 0===B||null===(e=B.reportFulfillCounter)||void 0===e?void 0:e.totalSale,l=null===B||void 0===B||null===(t=B.reportFulfillCounter)||void 0===t?void 0:t.totalBaseCost;b(e=>({...e,totalSale:a,totalBaseCost:l}))}else b({totalSale:0,totalBaseCost:0})},[B,i]);const x=Object(l.useCallback)(()=>{k.current&&clearTimeout(k),v||(f(!0),k.current=setTimeout(()=>{w({variables:{filter:{...d,offset:O.reportFulfillCounter.nodes.length}},updateQuery:(e,t)=>{let{fetchMoreResult:a,variables:l}=t;if(!a)return e;const n=a.reportFulfillCounter.nodes||[],r=l.filter.limit;f(!1),n.length<r&&E(!0);const i=[...e.reportFulfillCounter.nodes,...n],o=Object(c.eb)(i,"fulfillName");return g(e=>({...e})),{...e,reportFulfillCounter:{...e.reportFulfillCounter,nodes:o}}}})},500))},[O,d,v,w]),M=Object(l.useMemo)(()=>{var e;return(null===(e=p.items)||void 0===e?void 0:e.length)>0?p.items.map((e,t)=>n.a.createElement(D.Y,{key:"group-manager-"+t,wrap:!1},n.a.createElement("span",{className:"index-wrap"},t+1),n.a.createElement(D.Y.Item,{fill:!0},e.name),n.a.createElement("span",{style:Qo},e.totalSale),n.a.createElement("span",{style:Qo},c.D.format(e.totalBaseCost||0)))):null},[p.items]),T=n.a.createElement(D.Y,null,n.a.createElement("span",{className:"index-wrap"},n.a.createElement(D.db,{variation:"strong"},"#")),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.db,{variation:"strong"},"Fulfillment Name")),n.a.createElement("span",{style:Qo},"Sales"),n.a.createElement("span",{style:Qo},"Base cost")),Q=Object(l.useMemo)(()=>n.a.createElement("div",{style:{display:"flex",flexDirection:"column"}},n.a.createElement("span",null,n.a.createElement("span",null,p.totalSale," orders"),n.a.createElement(Mo,{originalVal:p.totalSale,newVal:A.totalSale}))),[p.totalSale,A.totalSale]);return n.a.createElement(Tc,{title:"Fulfillment Counter",subTitle:Q,headMarkup:T,contentMarkup:M,filter:d,total:(p.items||[]).length,loading:y,setFilter:m,handleScroll:x,loadMore:h,collapseKey:"fullfillCounter"})}},productBase:{label:"Product Base",value:"product-base",component:function(e){var t;let{saleChanel:a}=e;const{range:r,filter:i,isCompare:o,rangeToCompare:s,teamID:u}=jo(),{collapseActive:d={},setCollapseActive:m=(()=>{})}=Ic()||{},p=!!d["product-base"],[g,A]=Object(l.useState)({limit:20,offset:0,saleChannel:a,filterByTime:r,productBaseIDs:null,storeManagerID:null,storeID:null,fulfillmentID:void 0}),[b,h]=Object(l.useReducer)(c.Hb,{rows:[],data:0,totalSale:0,totalBaseCost:0,totalRevenues:0,loadMore:!1,cantLoad:!1,loadOwnerStore:!1,count:{},currentScroll:null}),[f,v]=Object(l.useState)({totalSale:0,totalBaseCost:0,totalRevenues:0}),E=Object(l.useRef)(null),y=n.a.useRef(!0),{loading:C,fetchMore:k}=Object(De.d)(I.xc,{variables:{filter:g},onCompleted:e=>{const t=qs(e);if(!y.current)return;const a=Hs(e),l=$s(e.reportSaleByProductBases,g.limit);h({data:e.reportSaleByProductBases||[],rows:a.values,...l,...t})},fetchPolicy:"cache-and-network"}),[O,{data:j}]=Object(De.b)(I.xc);Object(l.useEffect)(()=>{if(null!=i){let{collectionIds:e,tagIds:t,productBaseIds:a,search:l,viewWholeTeamReport:n,...r}=i;A(e=>({...e,productBaseIDs:a,...r,limit:20,offset:0})),y.current=!0}},[i]),Object(l.useEffect)(()=>
9787{if(o){let e=null;null!=(null===s||void 0===s?void 0:s.from)&&(e={...g.filterByTime,...s}),O({variables:{filter:{...g,filterByTime:e}}})}},[s,g,o]),Object(l.useEffect)(()=>{if(j)if(o){const e=qs(j);v(t=>({...t,totalSale:e.totalSale,totalBaseCost:e.totalBaseCost,totalRevenues:e.totalRevenues}))}else v({totalSale:0})},[j,o]),Object(l.useEffect)(()=>{A(e=>({...e,filterByTime:r,teamID:null!==u&&void 0!==u?u:void 0,limit:20,offset:0})),y.current=!0,h({cantLoad:!1})},[r,u]);const w=Object(l.useRef)(null),S=Object(l.useCallback)(()=>{m(e=>({...e,"product-base":!e["product-base"]}))},["product-base",m]),B=Object(l.useCallback)(()=>{w.current&&w.current.click()},[]),P=Object(l.useMemo)(()=>n.a.createElement(D.Y,{spacing:"loose"},n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(Gs,null,n.a.createElement("span",{className:"btn-wrap"},n.a.createElement(_i.a,{rotate:p?90:0,style:{color:"#000"},ref:w,onClick:S})),n.a.createElement("h2",{className:"Polaris-Heading",onClick:B},"Product Base sale stats"))),n.a.createElement("span",null,n.a.createElement("div",{style:{display:"flex",flexDirection:"column"}},n.a.createElement("span",null,n.a.createElement("span",null,b.totalSale," Line items"),n.a.createElement(Mo,{originalVal:b.totalSale,newVal:f.totalSale})),n.a.createElement("span",null,n.a.createElement("span",null,"Total cost: ",c.D.format(b.totalBaseCost)),n.a.createElement(Mo,{originalVal:b.totalBaseCost,newVal:f.totalBaseCost})),n.a.createElement("span",null,n.a.createElement("span",null,"Total revenue: ",c.D.format(b.totalRevenues)),n.a.createElement(Mo,{originalVal:b.totalRevenues,newVal:f.totalRevenues}))))),["",p,b.totalSale,b.totalCost,b.totalRevenues]),x=n.a.useCallback(e=>()=>{E.current&&clearTimeout(E),y.current=!1,b.cantLoad||(h({loadMore:!0,currentScroll:e}),E.current=setTimeout(()=>{k({variables:{filter:{...g,offset:g.offset+g.limit}},updateQuery:(e,t)=>{let{fetchMoreResult:a,variables:l}=t;if(A(e=>({...e,offset:l.filter.offset})),!a)return e;const n=a.reportSaleByProductBases,r=function(e,t){const a=Object.keys(e),l={};for(const n of a){if("__typename"===n||"aggregations"===n)continue;const a=[...e[n]||[]],r=[...t[n]||[]],i=Array.from(new Map([...a,...r].map(e=>(null===e||void 0===e?void 0:e.baseID)?[e.baseID,e]:null).filter(Boolean)).values());i.length>0&&(l[n]=i)}return l}(b.data,n),i={loadMore:!1,currentScroll:null,rows:Hs({reportSaleByProductBases:{...r}}).values,data:r},o=$s(n,g.limit);return Object.values(o).every(e=>!1===e)&&(i.cantLoad=!0),h({...i,...o}),{...e}}})},500))},[g,b.cantLoad,b.data]);return n.a.createElement(D.i,null,n.a.createElement(D.i.Header,{title:P}),n.a.createElement(D.i.Section,null,n.a.createElement(D.l,{open:p,id:"product-base",transition:{duration:"500ms",timingFunction:"ease-in-out"},expandOnPrint:!0},[y.current,C].every(e=>!0===e)?n.a.createElement(zs,null):(null===(t=b.rows)||void 0===t?void 0:t.length)>0?n.a.createElement(D.Y,{vertical:!0,spacing:"loose",wrap:!1},b.rows.map((e,t)=>n.a.createElement(Vs,{key:`${e.title}-${t}`,platform:e,hasSaleChannel:!!g.saleChannel,canLoad:b["load_more_"+e.key],loadMore:b.loadMore&&b.currentScroll===e.key,handleScroll:x(e.key),limit:g.limit,count:b.count[e.key],filterByTime:g.filterByTime}))):n.a.createElement(We.EmptyStatePolaris,{noData:!0,slim:!0}))))}},teamStatistic:{label:"Team Statistic",value:"team-statistic",component:function(e){var t;let{filter:a,saleChannel:r,inWrapper:i=!0}=e;const{range:o,teamID:s}=jo()||{},[c,{data:u,loading:d,error:m,fetchMore:p}]=function(){const[e,{data:t,loading:a,error:n,fetchMore:r}]=Object(De.b)(I.zb);return[Object(l.useCallback)(t=>{e({variables:{filter:t}})},[e]),{data:t,loading:a,error:n,fetchMore:r}]}(),[g,A]=Object(l.useReducer)((e,t)=>({...e,...t}),{loadMore:!1,canLoad:!1,items:[],total:0}),[b,h]=Object(l.useState)({limit:20,offset:0,saleChannel:r,...o&&"object"===typeof o?{range:o}:{},...a}),f=Object(l.useRef)(null);Object(l.useEffect)(()=>{let e={};e={...e,range:null!==o&&void 0!==o?o:null},a&&"object"===typeof a&&(e={...e,...a}),s&&(e.teamID=s),h(t=>({...t,...e})),A({canLoad:!1})},[a,o,s,r]),Object(l.useEffect)(()=>{c(b)},[b]),Object(l.useEffect)(()=>{var e,t;const a=null===u||void 0===u||null===(e=u.teamStatistics)||void 0===e?void 0:e.nodes,l=(null===u||void 0===u||null===(t=u.teamStatistics)||void 0===t?void 0:t.total)||0,n=(null===a||void 0===a?void 0:a.length)>0?a.map(e=>{if(!e)return;const{team:t,totalOrder:a,totalProduct:l,totalStore:n,totalMappingOrder:r,totalMember:i,rootEmail:o}=e,{id:s,name:c,createdAt:u}=t||{};return{id:s,name:c,totalOrder:a,totalProduct:l,createdAt:u,totalStore:n,totalMappingOrder:r,totalMember:i,rootEmail:o}}
9787).filter(Boolean):[];A({items:n,total:l})},[u]);const v=Object(l.useMemo)(()=>{var e;return(null===(e=g.items)||void 0===e?void 0:e.length)>0?g.items.map((e,t)=>n.a.createElement("div",{key:"team-"+t,"data-team-id":e.id},n.a.createElement(D.Y,{key:"team-"+t,distribution:"equalSpacing",wrap:!1},n.a.createElement("span",{className:"index-wrap"},t+1),n.a.createElement("span",{style:Js},e.id),n.a.createElement("span",{style:Ys},e.name),n.a.createElement("span",{style:Ws},e.rootEmail),n.a.createElement("span",{style:Js},Zr()(e.createdAt).format("YYYY-MM-DD")),n.a.createElement("span",{style:Js},e.totalOrder),n.a.createElement("span",{style:Js},e.totalProduct),n.a.createElement("span",{style:Js},e.totalStore),n.a.createElement("span",{style:{...Js,width:"15rem"}},e.totalMappingOrder),n.a.createElement("span",{style:Js},e.totalMember)))):null},[g.items]),E=Object(l.useMemo)(()=>n.a.createElement(D.Y,{wrap:!1},n.a.createElement("span",{className:"index-wrap"},n.a.createElement(D.db,{variation:"strong"},"#")),n.a.createElement("span",{style:Js},n.a.createElement(D.db,{variation:"strong"},"ID")),n.a.createElement("span",{style:Ys},n.a.createElement(D.db,{variation:"strong"},"Name")),n.a.createElement("span",{style:Ws},n.a.createElement(D.db,{variation:"strong"},"Root Email")),n.a.createElement("span",{style:Js},n.a.createElement(D.db,{variation:"strong"},"Created At")),n.a.createElement("span",{style:Js},n.a.createElement(D.db,{variation:"strong"},"Total Order")),n.a.createElement("span",{style:Js},n.a.createElement(D.db,{variation:"strong"},"Total Product")),n.a.createElement("span",{style:Js},n.a.createElement(D.db,{variation:"strong"},"Total Store")),n.a.createElement("span",{style:{...Js,width:"15rem"}},n.a.createElement(D.db,{variation:"strong"},"Total Mapping Order")),n.a.createElement("span",{style:Js},n.a.createElement(D.db,{variation:"strong"},"Total Member"))),[]),y=Object(l.useMemo)(()=>{var e;const t=null===(e=g.items)||void 0===e?void 0:e.length;return n.a.createElement("span",null,t," / ",g.total," Teams")},[g.total,null===(t=g.items)||void 0===t?void 0:t.length]),C=Object(l.useCallback)(()=>{f.current&&clearTimeout(f.current),g.canLoad||(A({loadMore:!0}),f.current=setTimeout(()=>{p({variables:{filter:{...b,offset:u.teamStatistics.nodes.length}},updateQuery:(e,t)=>{let{fetchMoreResult:a,variables:l}=t;if(!a)return e;const n=a.teamStatistics.nodes||[],r=l.filter.limit;n.length<r&&A({canLoad:!0}),A({loadMore:!1});let i=[...e.teamStatistics.nodes,...n].filter(Boolean);const o=new Map(i.map(e=>e.team.id?[e.team.id,e]:void 0).filter(Boolean)),s=Array.from(o,e=>{let[,t]=e;return t});return{...e,teamStatistics:{...e.teamStatistics,nodes:s}}}})},500))},[u,b,g.canLoad,A,p]),k=n.a.createElement(Tc,{title:"Team Statistics",subTitle:n.a.createElement(tc,null,n.a.createElement(Xs,Object.assign({},a,b,{disabled:!Boolean(g.total)})),y),headMarkup:E,contentMarkup:v,filter:b,total:g.total,loading:d,error:m,setFilter:h,handleScroll:C,loadMore:g.loadMore,noCollapse:!0,collapseKey:"team-statistics"});return i?n.a.createElement(ec,null,k):k}},tiktokStatistic:{label:"Tiktok Statistic",value:"tiktok-statistic",component:function(e){let{saleChanel:t}=e;const{range:a,isCompare:l,rangeToCompare:r,loading:i,teamID:o,filter:s}=jo(),[c,u]=n.a.useState({filterByTime:a,saleChanel:t}),[d,m]=n.a.useReducer((e,t)=>({...e,...t}),{items:[],total:0,compareTotal:0,loading:!0}),{data:p,loading:g,error:A}=Object(De.d)(I.Lc,{variables:{filter:c}}),[b,{data:h,loading:f,error:v}]=Object(De.b)(I.Lc);n.a.useEffect(()=>{m({loading:g||f||i})},[g,f,i]),n.a.useEffect(()=>{if(null!=s&&"fulfillmentID"in s){let{fulfillmentID:e}=s;u(t=>({...t,fulfillmentID:e}))}},[s]),n.a.useEffect(()=>{u(e=>({...e,filterByTime:a,teamId:null!==o&&void 0!==o?o:void 0}))},[a,o]),n.a.useEffect(()=>{if(null==(null===p||void 0===p?void 0:p.getTiktokReport))return;const e=p.getTiktokReport;m({items:e})},[p]),n.a.useEffect(()=>{if(!l)return;let e=null;null!=(null===r||void 0===r?void 0:r.from)&&(e={...c.filterByTime,...r}),b({variables:{filter:{...c,filterByTime:e}}})},[r,c,l]);const E=n.a.useMemo(()=>{var e,t,a,l,r,i,o,s,c,u,m,p,g,A,b,h;console.log("state.items: ",d.items.crawlItems);const f={crawlItems:null!==(e=null===(t=d.items)||void 0===t?void 0:t.crawlItems)&&void 0!==e?e:null,mbProducts:null!==(a=null===(l=d.items)||void 0===l?void 0:l.mbProducts)&&void 0!==a?a:null},v={stores:null!==(r=null===(i=d.items)||void 0===i?void 0:i.stores)&&void 0!==r?r:[],groups:null!==(o=null===(s=d.items)||void 0===s?void 0:s.groups)&&void 0!==o?o:[]},E={crawlItems:"Crawl Items",mbProducts:"MB Products",stores:"Stores",groups:"Groups",teams:"Teams"},y=null!==(c=null===(u=d.items)||void 0===u?void 0:u.managers)&&void 0!==c?c:[],C=null!==(m=null===(p=d.items)||void 0===p?void 0:p.teams)&&void 0!==m?m:[];return f.crawlItems||f.mbProducts||(null===(g=v.stores)||void 0===g?void 0:g.length)>0||(null===(A=v.groups)||void 0===A?void 0:A.length)>0||y&&y.length>0||C&&C.length>0?n.a.createElement(n.a.Fragment,null,f.crawlItems||f.mbProducts?n.a.createElement("div",{id:"section-data-source",style:{marginTop:"20px","margin-top":"20px"}},n.a.createElement(D.v,{element:"h4"},"Data sources"),n.a.createElement("div",{style:{marginTop:"10px"}},n.a.createElement(D.Y,{wrap:!1},n.a.createElement("span",{style:as("9rem")},n.a.createElement(D.db,{variation:"strong"},"Type")),n.a.createElement("span",{style:as("8rem")},n.a.createElement(D.db,{variation:"strong"},"Total Items")),n.a.createElement("span",{style:as("9rem")},n.a.createElement(D.db,{variation:"strong"},"Total Pushed")),n.a.createElement("span",{style:as("14rem")},n.a.createElement(D.db,{variation:"strong"},"Total API Pushed")),n.a.createElement("span",{style:as("14rem")},n.a.createElement(D.db,{variation:"strong"},"Total Excel Exported")))),n.a.createElement("div",{style:{marginTop:"5px"}},Object.entries(f).map(e=>
9787{let[t,a]=e;return a?n.a.createElement(D.Y,{key:"data-source-"+t,distribution:"equalSpacing",wrap:!1},n.a.createElement("span",{style:as("9rem")},n.a.createElement("strong",null,E[t]||"Unknow")),n.a.createElement("span",{style:as("8rem")},a.totalItems),n.a.createElement("span",{style:as("9rem")},a.totalItemsPushed||0),n.a.createElement("span",{style:as("14rem")},a.totalItemsPushedViaAPI||0),n.a.createElement("span",{style:as("14rem")},a.totalItemsExportedViaExcel||0)):null}))):null,(null===(b=v.stores)||void 0===b?void 0:b.length)>0||(null===(h=v.groups)||void 0===h?void 0:h.length)>0?n.a.createElement("div",{id:"section-store-groups",style:{marginTop:"20px","margin-top":"20px","border-top":"1px solid #eee","padding-top":"20px"}},Object.entries(v).map(e=>{let[t,a]=e;return a&&Array.isArray(a)&&a.length>0?n.a.createElement("div",{key:t},n.a.createElement(D.v,{element:"h4"},E[t]||""),n.a.createElement("div",{style:{marginTop:"10px"}},n.a.createElement(D.Y,{wrap:!1},n.a.createElement("span",{style:as("8rem")},n.a.createElement(D.db,{variation:"strong"},"# ID")),n.a.createElement("span",{style:as("29rem")},n.a.createElement("strong",null,n.a.createElement(D.db,{variation:"strong"},"Title"))),n.a.createElement("span",{style:as("9rem")},n.a.createElement(D.db,{variation:"strong"},"Total Pushed")),n.a.createElement("span",{style:as("9rem")},n.a.createElement(D.db,{variation:"strong"},"Total Orders")))),n.a.createElement("div",{style:{marginTop:"8px"}},a.map((e,a)=>n.a.createElement(D.Y,{key:"data-source-"+t,distribution:"equalSpacing",wrap:!1},n.a.createElement("span",{style:as("8rem")},e.id),n.a.createElement("span",{style:as("29rem")},n.a.createElement("strong",null,e.title||"")),n.a.createElement("span",{style:as("9rem")},e.totalPushedItems||0),n.a.createElement("span",{style:as("9rem")},e.totalOrders||0))))):null})):null,y&&y.length>0?n.a.createElement("div",{id:"section-managers",style:{marginTop:"20px","margin-top":"20px","border-top":"1px solid #eee","padding-top":"20px"}},n.a.createElement(D.v,{element:"h4"},"Managers"),n.a.createElement("div",{style:{marginTop:"10px"}},n.a.createElement(D.Y,{wrap:!1},n.a.createElement("span",{style:as("8rem")},n.a.createElement(D.db,{variation:"strong"},"# ID")),n.a.createElement("span",{style:as("12rem")},n.a.createElement(D.db,{variation:"strong"},"Full name")),n.a.createElement("span",{style:as("12rem")},n.a.createElement(D.db,{variation:"strong"},"Role")),n.a.createElement("span",{style:as("5rem")},n.a.createElement(D.db,{variation:"strong"},"Stores")),n.a.createElement("span",{style:as("9rem")},n.a.createElement(D.db,{variation:"strong"},"Total pushed")),n.a.createElement("span",{style:as("9rem")},n.a.createElement(D.db,{variation:"strong"},"Total orders")))),n.a.createElement("div",{style:{marginTop:"8px"}},y.map((e,t)=>n.a.createElement(D.Y,{key:"data-managers-"+t,distribution:"equalSpacing",wrap:!1},n.a.createElement("span",{style:as("8rem")},null===e||void 0===e?void 0:e.id),n.a.createElement("span",{style:as("12rem")},n.a.createElement("strong",null,null===e||void 0===e?void 0:e.fullName)),n.a.createElement("span",{style:as("12rem")},e.teamRole),n.a.createElement("span",{style:as("5rem")},e.totalStores),n.a.createElement("span",{style:as("9rem")},e.totalPushedItems),n.a.createElement("span",{style:as("9rem")},e.totalOrders))))):null,C&&C.length>0?n.a.createElement("div",{id:"section-teams",style:{marginTop:"20px","margin-top":"20px","border-top":"1px solid #eee","padding-top":"20px"}},n.a.createElement(D.v,{element:"h4"},"Teams"),n.a.createElement("div",{style:{marginTop:"10px"}},n.a.createElement(D.Y,{wrap:!1},n.a.createElement("span",{style:as("8rem")},n.a.createElement(D.db,{variation:"strong"},"# ID")),n.a.createElement("span",{style:as("12rem")},n.a.createElement(D.db,{variation:"strong"},"Name")),n.a.createElement("span",{style:as("9rem")},n.a.createElement(D.db,{variation:"strong"},"Total stores")),n.a.createElement("span",{style:as("9rem")},n.a.createElement(D.db,{variation:"strong"},"Total pushed")),n.a.createElement("span",{style:as("9rem")},n.a.createElement(D.db,{variation:"strong"},"Total orders")))),n.a.createElement("div",{style:{marginTop:"8px"}},C.map((e,t)=>n.a.createElement(D.Y,{key:"data-teams-"+t,wrap:!1},n.a.createElement("span",{style:as("8rem")},null===e||void 0===e?void 0:e.id),n.a.createElement("span",{style:as("12rem")},n.a.createElement("strong",null,null===e||void 0===e?void 0:e.name)),n.a.createElement("span",{style:as("9rem")},e.totalStores),n.a.createElement("span",{style:as("9rem")},e.totalPushedItems),n.a.createElement("span",{style:as("9rem")},e.totalOrders))))):null):null},[d.items]);return n.a.createElement(Tc,{title:"Tiktok Statistic",headMarkup:null,contentMarkup:E,filter:c,loading:d.loading,error:A||v,setFilter:u,collapseKey:"TiktokStatistic"})}},tiktokDataSourceReport:{label:"Tiktok Data Sources",value:"tiktok-data-sources",component:function(e){let{saleChanel:t}=e;const{range:a,isCompare:l,rangeToCompare:r,loading:i,teamID:o,filter:s}=jo(),[c,u]=n.a.useState({filterByTime:a,saleChanel:t}),[d,m]=n.a.useReducer((e,t)=>
9787({...e,...t}),{items:[],total:0,compareTotal:0,loading:!0}),{data:p,loading:g,error:A}=Object(De.d)(I.Ic,{variables:{filter:c}}),[b,{data:h,loading:f,error:v}]=Object(De.b)(I.Ic);n.a.useEffect(()=>{m({loading:g||f||i})},[g,f,i]),n.a.useEffect(()=>{u(e=>({...e,filterByTime:a,teamId:null!==o&&void 0!==o?o:void 0}))},[a,o]),n.a.useEffect(()=>{if(null==(null===p||void 0===p?void 0:p.getTiktokDataSourceReport))return;const e=p.getTiktokDataSourceReport;m({items:e})},[p]),n.a.useEffect(()=>{if(!l)return;let e=null;null!=(null===r||void 0===r?void 0:r.from)&&(e={...c.filterByTime,...r}),b({variables:{filter:{...c,filterByTime:e}}})},[r,c,l]);const E=n.a.useMemo(()=>{var e,t,a,l;const r={crawlItems:null!==(e=null===(t=d.items)||void 0===t?void 0:t.crawlItems)&&void 0!==e?e:null,mbProducts:null!==(a=null===(l=d.items)||void 0===l?void 0:l.mbProducts)&&void 0!==a?a:null},i={crawlItems:"Crawl Items",mbProducts:"MB Products"};return r.crawlItems||r.mbProducts?n.a.createElement(n.a.Fragment,null,r.crawlItems||r.mbProducts?n.a.createElement("div",{id:"section-data-source"},n.a.createElement("div",null,n.a.createElement(D.Y,{wrap:!1},n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.db,{variation:"strong"},"Type")),n.a.createElement("span",{style:ac("8rem")},n.a.createElement(D.db,{variation:"strong"},"Total Items")),n.a.createElement("span",{style:ac("5rem")},n.a.createElement(D.db,{variation:"strong"},"Pushed")),n.a.createElement("span",{style:ac("9rem")},n.a.createElement(D.db,{variation:"strong"},"API Pushed")),n.a.createElement("span",{style:ac("11rem")},n.a.createElement(D.db,{variation:"strong"},"Excel Exported")))),n.a.createElement("div",{style:{marginTop:"8px",display:"flex",flexDirection:"column",gap:"15px"}},Object.entries(r).map(e=>{let[t,a]=e;return a?n.a.createElement(D.Y,{key:"data-source-"+t,wrap:!1},n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement("strong",null,i[t]||"Unknow")),n.a.createElement("span",{style:ac("8rem")},a.totalItems),n.a.createElement("span",{style:ac("5rem")},a.totalItemsPushed||0),n.a.createElement("span",{style:ac("9rem")},a.totalItemsPushedViaAPI||0),n.a.createElement("span",{style:ac("11rem")},a.totalItemsExportedViaExcel||0)):null}))):null):null},[d.items]);return n.a.createElement(Tc,{title:"Tiktok Data Sources",headMarkup:null,contentMarkup:E,filter:c,loading:d.loading,error:A||v,setFilter:u,collapseKey:"TiktokDataSourceReport"})}},tiktokGroupReport:{label:"Tiktok Groups",value:"tiktok-groups",component:function(e){let{saleChanel:t}=e;const{range:a,isCompare:l,rangeToCompare:r,loading:i,teamID:o,filter:s}=jo(),[c,u]=n.a.useState({limit:10,offset:0,filterByTime:a,teamId:o}),[d,m]=n.a.useReducer((e,t)=>({...e,...t}),{items:[],total:0,compareTotal:0,loading:!0}),{data:p,loading:g,error:A}=Object(De.d)(I.Jc,{variables:{filter:c}}),[b,{data:h,loading:f,error:v}]=Object(De.b)(I.Jc);n.a.useEffect(()=>{m({loading:g||f||i})},[g,f,i]),n.a.useEffect(()=>{u(e=>({...e,filterByTime:a,teamId:null!==o&&void 0!==o?o:void 0}))},[a,o]),n.a.useEffect(()=>{var e,t,a,l;if(null==(null===p||void 0===p?void 0:p.getTiktokGroupReport))return;const n=null!==(e=null===(t=p.getTiktokGroupReport)||void 0===t?void 0:t.nodes)&&void 0!==e?e:[],r=null!==(a=null===(l=p.getTiktokGroupReport)||void 0===l?void 0:l.total)&&void 0!==a?a:0;m({items:n,total:r})},[p]),n.a.useEffect(()=>{if(!l)return;let e=null;null!=(null===r||void 0===r?void 0:r.from)&&(e={...c.filterByTime,...r}),b({variables:{filter:{...c,filterByTime:e}}})},[r,c,l]);const E=n.a.useMemo(()=>{const e=d.items;return(null===e||void 0===e?void 0:e.length)>0?n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{style:{marginTop:"10px"}},n.a.createElement(D.Y,{wrap:!1},n.a.createElement("span",{style:lc("10rem")},n.a.createElement(D.db,{variation:"strong"},"# ID")),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement("strong",null,n.a.createElement(D.db,{variation:"strong"},"Title"))),n.a.createElement("span",{style:lc("5rem")},n.a.createElement(D.db,{variation:"strong"},"Pushed")),n.a.createElement("span",{style:lc("5rem")},n.a.createElement(D.db,{variation:"strong"},"Orders")))),n.a.createElement("div",{style:{marginTop:"8px",display:"flex",flexDirection:"column",gap:"15p
9787x"}},e.map((e,t)=>n.a.createElement(D.Y,{key:"data-group-"+t,wrap:!1},n.a.createElement("span",{style:lc("10rem")},e.id),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement("strong",null,e.title||"")),n.a.createElement("span",{style:lc("5rem")},e.totalPushedItems||0),n.a.createElement("span",{style:lc("5rem")},e.totalOrders||0))))):null},[d.items]);return n.a.createElement(Tc,{title:"Tiktok Groups",headMarkup:null,contentMarkup:E,filter:c,loading:d.loading,error:A||v,setFilter:u,collapseKey:"TiktokGroupReport",total:d.total,state:d})}},tiktokStoreReport:{label:"Tiktok Stores",value:"tiktok-stores",component:function(e){let{saleChanel:t}=e;const{range:a,isCompare:l,rangeToCompare:r,loading:i,teamID:o,filter:s}=jo(),[c,u]=n.a.useState({limit:10,offset:0,filterByTime:a,teamId:o}),[d,m]=n.a.useReducer((e,t)=>({...e,...t}),{items:[],total:0,compareTotal:0,loading:!0}),{data:p,loading:g,error:A}=Object(De.d)(I.Mc,{variables:{filter:c}}),[b,{data:h,loading:f,error:v}]=Object(De.b)(I.Mc);n.a.useEffect(()=>{m({loading:g||f||i})},[g,f,i]),n.a.useEffect(()=>{u(e=>({...e,filterByTime:a,teamId:null!==o&&void 0!==o?o:void 0}))},[a,o]),n.a.useEffect(()=>{var e,t,a,l;if(null==(null===p||void 0===p?void 0:p.getTiktokStoreReport))return;const n=null!==(e=null===(t=p.getTiktokStoreReport)||void 0===t?void 0:t.nodes)&&void 0!==e?e:[],r=null!==(a=null===(l=p.getTiktokStoreReport)||void 0===l?void 0:l.total)&&void 0!==a?a:0;m({items:n,total:r})},[p]),n.a.useEffect(()=>{if(!l)return;let e=null;null!=(null===r||void 0===r?void 0:r.from)&&(e={...c.filterByTime,...r}),b({variables:{filter:{...c,filterByTime:e}}})},[r,c,l]);const E=n.a.useMemo(()=>{const e=d.items;return(null===e||void 0===e?void 0:e.length)>0?n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{style:{marginTop:"10px"}},n.a.createElement(D.Y,{wrap:!1},n.a.createElement("span",{style:nc("10rem")},n.a.createElement(D.db,{variation:"strong"},"# ID")),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement("strong",null,n.a.createElement(D.db,{variation:"strong"},"Title"))),n.a.createElement("span",{style:nc("5rem")},n.a.createElement(D.db,{variation:"strong"},"Pushed")),n.a.createElement("span",{style:nc("5rem")},n.a.createElement(D.db,{variation:"strong"},"Orders")))),n.a.createElement("div",{style:{marginTop:"8px",display:"flex",flexDirection:"column",gap:"15px"}},e.map((e,t)=>n.a.createElement(D.Y,{key:"data-source-"+t,wrap:!1},n.a.createElement("span",{style:nc("10rem")},e.id),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement("strong",null,e.title||"")),n.a.createElement("span",{style:nc("5rem")},e.totalPushedItems||0),n.a.createElement("span",{style:nc("5rem")},e.totalOrders||0))))):null},[d.items]);return n.a.createElement(Tc,{title:"Tiktok Stores",headMarkup:null,contentMarkup:E,filter:c,loading:d.loading,error:A||v,setFilter:u,collapseKey:"TiktokStore",total:d.total,state:d})}},tiktokManagerReport:{label:"Tiktok Managers",value:"tiktok-managers",component:function(e){let{saleChanel:t}=e;const{range:a,isCompare:l,rangeToCompare:r,loading:i,teamID:o,filter:s}=jo(),[c,u]=n.a.useState({limit:10,offset:0,filterByTime:a,teamId:o}),[d,m]=n.a.useReducer((e,t)=>({...e,...t}),{items:[],total:0,compareTotal:0,loading:!0}),{data:p,loading:g,error:A}=Object(De.d)(I.Kc,{variables:{filter:c}}),[b,{data:h,loading:f,error:v}]=Object(De.b)(I.Kc);n.a.useEffect(()=>{m({loading:g||f||i})},[g,f,i]),n.a.useEffect(()=>{u(e=>({...e,filterByTime:a,teamId:null!==o&&void 0!==o?o:void 0}))},[a,o]),n.a.useEffect(()=>{var e,t,a,l;if(null==(null===p||void 0===p?void 0:p.getTiktokManagerReport))return;const n=null!==(e=null===(t=p.getTiktokManagerReport)||void 0===t?void 0:t.nodes)&&void 0!==e?e:[],r=null!==(a=null===(l=p.getTiktokManagerReport)||void 0===l?void 0:l.total)&&void 0!==a?a:0;m({items:n,total:r})},[p]),n.a.useEffect(()=>{if(!l)return;let e=null;null!=(null===r||void 0===r?void 0:r.from)&&(e={...c.filterByTime,...r}),b({variables:{filter:{...c,filterByTime:e}}})},[r,c,l]);const E=n.a.useMemo(()=>{const e=d.items;return e&&e.length>0?n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{style:{marginTop:"10px"}},n.a.createElement(D.Y,{wrap:!1},n.a.createElement("span",{style:rc("10rem")},n.a.createElement(D.db,{variation:"strong"},"# ID")),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.db,{variation:"strong"},"Full name")),n.a.createElement("span",{style:rc("11rem")},n.a.createElement(D.db,{variation:"strong"},"Role")),n.a.createElement("span",{style:rc("5rem")},n.a.createElement(D.db,{variation:"strong"},"Stores")),n.a.createElement("span",{style:rc("5rem")},n.a.createElement(D.db,{variation:"strong"},"Pushed")),n.a.createElement("span",{style:rc("5rem")},n.a.createElement(D.db,{variation:"strong"},"Orders")))),n.a.createElement("div",{style:{marginTop:"8px",display:"flex",flexDirection:"column",gap:"15p
9787x"}},e.map((e,t)=>n.a.createElement(D.Y,{key:"data-managers-"+t,wrap:!1},n.a.createElement("span",{style:rc("10rem")},null===e||void 0===e?void 0:e.id),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement("strong",null,null===e||void 0===e?void 0:e.fullName)),n.a.createElement("span",{style:rc("11rem")},e.teamRole),n.a.createElement("span",{style:rc("5rem")},e.totalStores),n.a.createElement("span",{style:rc("5rem")},e.totalPushedItems),n.a.createElement("span",{style:rc("5rem")},e.totalOrders))))):null},[d.items]);return console.log("Input filter: ",c),n.a.createElement(Tc,{title:"Tiktok Managers",headMarkup:null,contentMarkup:E,filter:c,loading:d.loading,error:A||v,setFilter:u,collapseKey:"TiktokManagerReport",total:d.total,state:d})}},tiktokTeamReport:{label:"Tiktok Teams",value:"tiktok-teams",component:function(e){let{saleChanel:t}=e;const{range:a,isCompare:l,rangeToCompare:r,loading:i,teamID:o,filter:s}=jo(),[c,u]=n.a.useState({limit:10,offset:0,filterByTime:a,teamId:o}),[d,m]=n.a.useReducer((e,t)=>({...e,...t}),{items:[],total:0,compareTotal:0,loading:!0}),{data:p,loading:g,error:A}=Object(De.d)(I.Nc,{variables:{filter:c}}),[b,{data:h,loading:f,error:v}]=Object(De.b)(I.Nc);n.a.useEffect(()=>{m({loading:g||f||i})},[g,f,i]),n.a.useEffect(()=>{u(e=>({...e,filterByTime:a,teamId:null!==o&&void 0!==o?o:void 0}))},[a,o]),n.a.useEffect(()=>{var e,t,a,l;if(null==(null===p||void 0===p?void 0:p.getTiktokTeamReport))return;const n=null!==(e=null===(t=p.getTiktokTeamReport)||void 0===t?void 0:t.nodes)&&void 0!==e?e:[],r=null!==(a=null===(l=p.getTiktokTeamReport)||void 0===l?void 0:l.total)&&void 0!==a?a:0;m({items:n,total:r})},[p]),n.a.useEffect(()=>{if(!l)return;let e=null;null!=(null===r||void 0===r?void 0:r.from)&&(e={...c.filterByTime,...r}),b({variables:{filter:{...c,filterByTime:e}}})},[r,c,l]);const E=n.a.useMemo(()=>{const e=d.items;return e&&e.length>0?n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{style:{marginTop:"10px"}},n.a.createElement(D.Y,{wrap:!1},n.a.createElement("span",{style:ic("10rem")},n.a.createElement(D.db,{variation:"strong"},"# ID")),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.db,{variation:"strong"},"Name")),n.a.createElement("span",{style:ic("5rem")},n.a.createElement(D.db,{variation:"strong"},"Stores")),n.a.createElement("span",{style:ic("5rem")},n.a.createElement(D.db,{variation:"strong"},"Pushed")),n.a.createElement("span",{style:ic("5rem")},n.a.createElement(D.db,{variation:"strong"},"Orders")))),n.a.createElement("div",{style:{marginTop:"8px",display:"flex",flexDirection:"column",gap:"15px"}},e.map((e,t)=>n.a.createElement(D.Y,{key:"data-teams-"+t,wrap:!1},n.a.createElement("span",{style:ic("10rem")},null===e||void 0===e?void 0:e.id),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement("strong",null,null===e||void 0===e?void 0:e.name)),n.a.createElement("span",{style:ic("5rem")},e.totalStores),n.a.createElement("span",{style:ic("5rem")},e.totalPushedItems),n.a.createElement("span",{style:ic("5rem")},e.totalOrders))))):null},[d.items]);return n.a.createElement(Tc,{title:"Tiktok stats in Teams",headMarkup:null,contentMarkup:E,filter:c,loading:d.loading,error:A||v,setFilter:u,collapseKey:"TiktokTeamReport",total:d.total,state:d})}}},vc={Etsy:"etsy",Ebay:"ebay",Amazon:"amazon",Tiktok:"tiktok","Facebook MK":"facebook","Online Stores":"online store"},Ec=Object.keys(fc).reduce((e,t)=>({...e,[t]:!0}),{});function yc(e){let{title:t,inWrapper:a}=e;const r=[hc.Overviews].includes(t),i=t?vc[t]:void 0,[o,s]=Object(l.useState)(Ec),{currentUser:u}=Object(l.useContext)(te.a),[d]=po(),m=Object(l.useRef)(!1);let p=Object(c.M)("report-context");p=p?JSON.parse(window.atob(p)):null,Object(l.useEffect)(()=>{if(m.current)return;const e=Object.values(o).every(e=>e)?p||Ec:o;s(e),m.current=!0},[!Object(C.isEqual)(o,p)]);const g=Object(l.useRef)(null);Object(l.useEffect)(()=>{g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{const e=Object(c.F)(JSON.stringify(o));Object(c.Nb)("report-context",e,100)},1e3)},[o]);const A={"sale-channels-overviews":{isPie:r,saleChanel:i},"store-managers":{saleChanel:i}
9787,stores:{saleChanel:i},sellers:{saleChanel:i},products:{saleChanel:i},groups:{saleChanel:i},"fulfillment-counter":{saleChanel:i},"product-base":{saleChanel:i}};let b={};const{isAdministrator:h}=Object(c.j)(u),f=Object(C.get)(u,"teamUser.role",null),v=Object(C.get)(u,"id",null);switch(f){case oe.gb.MarketplaceManager:b={...A};break;case oe.gb.Designer:b={tasks:{assigneeIds:v?[v]:null}};break;default:b={"marketplace-manager":{saleChanel:i},...A}}h&&(b={"marketplace-manager":{saleChanel:i},"team-statistic":{saleChannel:i},...A});const E=[{content:"Dashboard",url:"/"}],y={collapseActive:o,setCollapseActive:s};return n.a.createElement(Oo,null,n.a.createElement(D.H,Object.assign({fullWidth:!0,title:t,primaryAction:n.a.createElement(Oc,{title:t,userRole:f})},r?{}:{breadcrumbs:E}),n.a.createElement(Mc,null,n.a.createElement(Sc,y,n.a.createElement(D.A,null,n.a.createElement(D.A.Section,{oneHalf:!0},n.a.createElement(jc,{isFirst:!0,state:d,propsByRole:b,inWrapper:a})),n.a.createElement(D.A.Section,{oneHalf:!0},n.a.createElement(jc,{state:d,propsByRole:b})))))))}const Cc=o.a` 9788 query teamMembers($filter: TeamUserFilter) { 9789 teamMembers(filter: $filter) { 9790 hits { 9791 id 9792 user { 9793 id 9794 firstName 9795 lastName 9796 } 9797 } 9798 } 9799 } 9800`,kc=o.a` 9801 query stores($filter: StoreFilter) { 9802 stores(filter: $filter) { 9803 nodes { 9804 id 9805 title 9806 } 9807 } 9808 } 9809`;function Oc(e){let{title:t,userRole:a}=e;const{currentUser:r}=Object(te.c)(),{isAdministrator:i,isSeller:o,isMarketplaceManager:s}=Object(c.j)(r),u=Object(c.f)(r),d=[oe.gb.Admin,oe.gb.StoreManager,oe.gb.MarketplaceManager,oe.gb.DesignLeader,oe.gb.Accountant].includes(a)||i,[m,p]=Object(l.useState)(!1),[g,A]=Object(l.useState)(["Today"]),[b,h]=Object(l.useState)(!1),[f,v]=Object(l.useState)(null),[E]=Object(l.useState)({range:null,rangeLabel:null}),y=Object(l.useRef)(null),k=Object(l.useRef)(null),[O,j]=Object(l.useState)([]),[w,S]=Object(l.useState)({value:null,label:null,search:null}),[B,P]=Object(l.useState)([]),[x,M]=Object(l.useState)({value:[],label:[],search:null}),[T,Q]=Object(l.useState)([]),[R,F]=Object(l.useState)({value:[],label:[],search:null}),[N,U]=Object(l.useState)([]),[L,V]=Object(l.useState)({value:[],label:[],search:null}),[z,q]=Object(l.useState)([]),[H,$]=Object(l.useState)({value:null,label:null,search:null}),[_,G]=Object(l.useState)(!1),[K,J]=Object(l.useState)([]),[Y,W]=Object(l.useState)({value:null,label:null,search:null}),[Z,X]=Object(l.useState)([]),[ee,ae]=Object(l.useState)({value:null,label:null,search:null}),{setRange:le,setFilter:ne,setTeamID:re}=jo(),{data:ie,loading:se,errorPB:ce}=Object(De.d)(bc,{skip:!d,variables:{filter:{limit:20,offset:0,search:w.search}}}),ue={limit:20,offset:0},{loading:de,error:me,data:pe}=Object(De.d)(Ki.a,{fetchPolicy:"network-only",variables:{filter:{...ue,search:x.search}},skip:!d}),{data:ge,loading:Ae,error:be}=Object(De.d)(Ki.c,{variables:{filter:{...ue,search:R.search}},skip:!d}),{data:he,loading:fe,error:ve}=Object(De.d)(I.vb,{variables:{filter:{...ue,search:L.search}},skip:!i}),{data:Ee,loading:ye,error:Ce}=Object(De.d)(I.D,{skip:!d}),{data:ke,loading:Oe,error:je}=Object(De.d)(Cc,{variables:{filter:{...ue,status:!0,role:oe.gb.StoreManager,search:Y.search}},skip:!o&&!s}),{data:we,loading:Se,error:Ie}=Object(De.d)(kc,{variables:{filter:{...ue,search:ee.search,withDeleted:!0}},skip:!o&&!s});Object(l.useEffect)(()=>{const e=(t=ie,(Object(C.get)(t,"productBasesForSeller.nodes")||[]).map(e=>e?{value:e.id,label:e.title}:null).filter(Boolean));var t;j(e)},[ie]),Object(l.useEffect)(()=>{if(d&&Ee){var e;let t=(null===Ee||void 0===Ee||null===(e=Ee.fulfillments)||void 0===e?void 0:e.length)>0?Ee.fulfillments.map(e=>({value:e.id,label:e.name})):[];t.unshift({value:"merchbridge",label:"MerchBridge"}),q(t)}},[Ee,d]),Object(l.useEffect)(()=>{if(!s&&ke){var e;let t=Dc(null===ke||void 0===ke||null===(e=ke.teamMembers)||void 0===e?void 0:e.hits);J(t)}},[ke,o,s]),Object(l.useEffect)(()=>{if(!s&&we){var e;let t=Pc(null===we||void 0===we||null===(e=we.stores)||void 0===e?void 0:e.nodes);X(t)}},[we,o,s]),Object(l.useEffect)(()=>{var e,t;const a=Bc((null===pe||void 0===pe||null===(e=pe.collections)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?pe.collections.nodes:[]);P(a)},[pe]),Object(l.useEffect)(()=>{var e,t;const a=Bc((null===ge||void 0===ge||null===(e=ge.tags)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?ge.tags.nodes:[]);Q(a)},[ge]),Object(l.useEffect)(()=>{var e;const t=((null===he||void 0===he||null===(e=he.teams)||void 0===e?void 0:e.nodes)||[]).map(e=>{let{id:t,name:a}=e;return{value:t,label:`${a} (${t})`}});U(t)},[he]);const Be=Object(l.useCallback)(()=>p(e=>!e),[]),Pe=Object(l.useCallback)(e=>{let t={from:null,to:null};if(e[0])switch(e[0]){case"Today":t.from=Zr()().startOf("day"),t.to=Zr()().endOf("day");break;case"Yesterday":t.from=Zr()().subtract(1,"days").startOf("day"),t.to=Zr()().subtract(1,"days").endOf("day");break;case"Last 7 days":t.from=Zr()().subtract(7,"days").startOf("day"),t.to=Zr()();break;case"This month":t.from=Zr()().startOf("month"),t.to=Zr()();break;case"Last month":t.from=Zr()().subtract(1,"months").startOf("months"),t.to=Zr()().subtract(1,"months").endOf("months");break;default:t=null}le(t)},[le]),xe=Object(l.useCallback)(e=>{A(e),Pe(e),h(()=>e.includes("Custom")),k.current=setTimeout(()=>{y.current&&y.current.onCompare()})},[Pe]),Me=Object(l.useCallback)(e=>{let{from:t,to:a,fromLabel:l,toLabel:n}=e;
9809const r=[l,n].filter(Boolean).join(" - "),i={from:t,to:a};A(r),le(i),k.current=setTimeout(()=>{y.current&&y.current.onCompare()})},[le]);Object(l.useEffect)(()=>()=>{k.current&&clearTimeout(k.current)},[]),Object(l.useEffect)(()=>{var e,t,a,l,n;const r=w.value?[w.value]:null,i=(null===(e=x.value)||void 0===e?void 0:e.length)>0?x.value:null,o=(null===(t=R.value)||void 0===t?void 0:t.length)>0?R.value:null,s=(null===(a=H.value)||void 0===a?void 0:a.length)>0?H.value:void 0,c=(null===(l=Y.value)||void 0===l?void 0:l.length)>0?Y.value:null,u=(null===(n=ee.value)||void 0===n?void 0:n.length)>0?ee.value:null,d=setTimeout(()=>{ne(e=>({...e,productBaseIds:r,collectionIds:i,tagIds:o,fulfillmentID:s,viewWholeTeamReport:_,storeManagerID:c,storeID:u}))},500);return()=>{d&&clearTimeout(d)}},[w.value,x.value,R.value,H.value,_,ne,Y.value,ee.value]);const Te=Object(l.useCallback)(()=>{S({value:null,label:null,search:null})},[]),Qe=Object(l.useCallback)(e=>{let{value:t,label:a}=e;S(e=>({...e,value:t,label:a}))},[]),Re=Object(l.useCallback)(e=>S(t=>({...t,search:e})),[]),Fe=Object(l.useCallback)(e=>{let{value:t,label:a}=e;return M(e=>({...e,value:t,label:a}))},[]),Ne=Object(l.useCallback)(e=>M(t=>({...t,search:e})),[]),Ue=Object(l.useCallback)(()=>{M({value:[],label:[],search:null})},[]),Le=Object(l.useCallback)(e=>{let{value:t,label:a}=e;return F(e=>({...e,value:t,label:a}))},[]),Ve=Object(l.useCallback)(e=>F(t=>({...t,search:e})),[]),ze=Object(l.useCallback)(()=>{F({value:[],label:[],search:null})},[]),qe=Object(l.useCallback)(()=>{V({value:null,label:null,search:null})},[]),He=Object(l.useCallback)(e=>{let{value:t,label:a}=e;V(e=>({...e,value:t,label:a})),re(t)},[]),$e=Object(l.useCallback)(e=>{V(t=>({...t,search:e}))},[]),_e=Object(l.useCallback)(()=>$(()=>({value:null,label:null,search:null})),[]),Ge=Object(l.useCallback)(e=>{G(e)},[]),Ke=Object(l.useCallback)(()=>{G(!1)},[]),Je=Object(l.useCallback)(()=>{W({value:null,label:null,search:null})},[]),Ye=Object(l.useCallback)(e=>{let{value:t,label:a}=e;W(e=>({...e,value:t,label:a}))},[]),We=Object(l.useCallback)(e=>{W(t=>({...t,search:e}))},[]),Ze=Object(l.useCallback)(()=>{ae({value:null,label:null,search:null})},[]),Xe=Object(l.useCallback)(e=>{let{value:t,label:a}=e;ae(e=>({...e,value:t,label:a}))},[]),et=Object(l.useCallback)(e=>{ae(t=>({...t,search:e}))},[]),tt=Object(l.useCallback)(()=>{Te(),Ue(),ze(),qe(),_e(),Ke(),Je(),Ze()},[Te,Ue,ze,qe,_e,Ke,Je,Ze]),at=Object(l.useMemo)(()=>n.a.createElement(D.g,{onClick:Be,disclosure:!0,icon:Gi.a},g),[Be,g]),lt=[{key:"fulfillment",label:"Fulfillment by",tagLabel:H.label,onRemove:_e,filter:n.a.createElement(ga.a,{data:z,value:H,loading:ye,error:Ce,onChange:e=>{let{value:t,label:a}=e;$(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return $(e=>({...e,search:t}))}})},{key:"product-bases",label:"Product Bases",tagLabel:w.label,onRemove:Te,filter:n.a.createElement(ba.a,{options:O,value:w,loading:se,error:ce,onChange:Qe,onChangeSearch:Re})},{key:"collections",label:"Collections",tagLabel:x.label,onRemove:Ue,filter:n.a.createElement(Ji.a,{value:x,options:B,loading:de,error:me,onChange:Fe,onCh
9809angeSearch:Ne})},{key:"tags",label:"Tags",tagLabel:R.label,onRemove:ze,filter:n.a.createElement(Ji.a,{value:R,options:T,loading:Ae,error:be,onChange:Le,onChangeSearch:Ve})},(o||s)&&{key:"storeManager",label:"Store Manager",tagLabel:Y.label,onRemove:Je,filter:n.a.createElement(ba.a,{options:K,value:Y,loading:Oe,error:je,onChange:Ye,onChangeSearch:We})},(o||s)&&{key:"store",label:"Store",tagLabel:ee.label,onRemove:Ze,filter:n.a.createElement(ba.a,{options:Z,value:ee,loading:Se,error:Ie,onChange:Xe,onChangeSearch:et})},i&&{key:"teams",label:"Teams",tagLabel:L.label,onRemove:qe,filter:n.a.createElement(ba.a,{options:N,value:L,loading:fe,error:ve,onChange:He,onChangeSearch:$e})},u&&{key:"viewWholeTeamReport",label:"View Whole Team Report",tagLabel:_?"True":"",onRemove:Ke,filter:n.a.createElement(D.j,{label:"View whole team report",checked:_,onChange:Ge})}].filter(Boolean),nt=[];for(let{key:l,label:n,onRemove:c,tagLabel:I}of lt)Object(C.isEmpty)(I)||nt.push({key:l,label:it(n,I),onRemove:c});const rt=Object(l.useCallback)(e=>{e.stopPropagation(),h(!1)},[]);return n.a.createElement(l.Fragment,null,n.a.createElement(D.h,null,n.a.createElement(D.K,{activator:at,active:m,onClose:Be,sectioned:!0,fluidContent:!0},n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.k,{choices:Ac,selected:g,onChange:xe}),n.a.createElement(Bo,{activatorLabel:g,isCompare:f,setIsCompare:v,ref:y}))),d&&n.a.createElement(xc,null,n.a.createElement(D.r,{filters:lt,onClearAll:tt,appliedFilters:nt,hideTags:!0})),n.a.createElement(Co,{title:t})),n.a.createElement(D.E,{open:b,onClose:rt,sectioned:!0,title:"Custom Time"},n.a.createElement(Yi.a,{customTime:E,onChange:Me,isVertical:!1,isFilter:!0})));function it(e,t){return e?`${e}: ${t}`:t}}function jc(e){let{state:t,isFirst:a,propsByRole:l,inWrapper:r}=e;const{open:i,Secondary:o,Third:s}=t;if(i)return null;const c=a?1:2;return(a?o:s).map((e,t)=>{const a=e.component;if(!a)return null;const i=l[e.value];return n.a.createElement(a,Object.assign({key:`section-${c}-${t}`},i,{inWrapper:r}))})}const wc=Object(l.createContext)({});function Sc(e){let{children:t,...a}=e;const r=Object(l.useMemo)(()=>({...a}),[a]);return n.a.createElement(wc.Provider,{value:r},t)}function Ic(){return Object(l.useContext)(wc)}function Bc(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return 0===(null===e||void 0===e?void 0:e.length)?[]:e.map(e=>({value:null===e||void 0===e?void 0:e.id,label:null===e||void 0===e?void 0:e.name}))}const Dc=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>{if(Object(c.Gb)(e))return null;const{id:t,firstName:a,lastName:l}=e.user?e.user:e;return{value:t,label:[a,l].filter(Boolean).join(" ")}};return Object(c.c)(e)?[]:e.map(t).filter(Boolean)},Pc=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>{if(Object(c.Gb)(e))return null;const{id:t,title:a}=e;return{value:t,label:a}};return Object(c.c)(e)?[]:e.map(t).filter(Boolean)};const xc=j.b.div` 9810 .Polaris-Filters-ConnectedFilterControl__CenterContainer { 9811 display: none; 9812 } 9813 9814 .Polaris-Filters-ConnectedFilterControl__MoreFiltersButtonContainer * { 9815 border-top-left-radius: 3px !important; 9816 border-bottom-left-radius: 3px !important; 9817 } 9818`,Mc=j.b.div` 9819 .index-wrap { 9820 width: 6rem; 9821 display: inline-block; 9822 } 9823 9824 .column-wrap { 9825 width: 7rem; 9826 display: inline-block; 9827 } 9828 9829 .name-wrap { 9830 display: flex; 9831 flex: 1 1; 9832 } 9833`;function Tc(e){let{title:t,subTitle:a,headMarkup:r,contentMarkup:i,filter:o,total:s,loading:c,setFilter:u=(()=>{}),handleScroll:d,loadMore:m,isProduct:p,state:g,wrapper:A="div",collapseKey:b,noCollapse:h=!1,footerMarkup:f=""}=e;const v=Object(l.useCallback)((e,t)=>u(a=>({...a,offset:e,limit:t})),[u]),{collapseActive:E={},setCollapseActive:y=(()=>{})}=Ic()||{},C=!!E[b],k=Object(l.useRef)(null),{limit:O,offset:j}=o,w={page:j/O+1,totalPage:Math.ceil(s/O),offset:j,limit:O,total:s,onChange:v},S=Object(l.useCallback)(()=>{y(e=>({...e,[b]:!e[b]}))},[b,y]),I=Object(l.useCallback)(()=>{k.current&&k.current.click()},[]),B=Object(l.useMemo)(()=>n.a.createElement(D.Y,{spacing:"loose"},n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(Fc,null,!h&&n.a.createElement("span",{className:"btn-wrap"},n.a.createElement(_i.a,{rotate:C?90:0,style:{color:"#000"},ref:k,onClick:S})),n.a.createElement("h2",{className:"Polaris-Heading",onClick:I},t))),n.a.createElement("span",null,a)),[t,a,C,h]),P=p&&n.a.createElement("div",{style:{display:"flex",flexDirection:"column"}},n.a.createElement("span",null,"Total products has sale: ",n.a.createElement("strong",null,g.total)),n.a.createElement("span",null,"Total system products: ",n.a.createElement("strong",null,g.totalSystemProducts))),x=null!=s&&i&&n.a.createElement(Rc,null,n.a.createElement(Ye.PaginationPolaris,{aggregation:w,showTotal:!0,size:"slim",widthSmall:!0,maxPages:3,totalMarkup:P})),M=n.a.createElement(D.Y,{distribution:"center"},n.a.createElement(D.X,{size:"small"})),T=d?n.a.createElement(D.P,{shadow:!0,id:"scrollable-"+t,style:{maxHeight:"43rem",paddingRight:"1.6rem",marginRight:"-1.6rem"}
9833,onScrolledToBottom:d},n.a.createElement(D.Y,{vertical:!0,spacing:"loose",wrap:!1},r,n.a.createElement(D.Y,{vertical:!0,spacing:"loose",wrap:!1},i),m&&M)):n.a.createElement(D.Y,{vertical:!0,spacing:"loose",wrap:!1},r,i,x);return n.a.createElement(D.i,null,n.a.createElement(Qc,null,n.a.createElement(D.i.Header,{title:B}),n.a.createElement(D.i.Section,null,n.a.createElement(A,null,n.a.createElement(D.l,{open:!!h||C,id:b,transition:{duration:"500ms",timingFunction:"ease-in-out"},expandOnPrint:!0},c?M:i?T:n.a.createElement(We.EmptyStatePolaris,{noData:!0,slim:!0})),f))))}const Qc=j.b.div` 9834 .Polaris-Collapsible { 9835 overflow: scroll; 9836 } 9837`,Rc=j.b.div` 9838 margin-top: 1.6rem; 9839`,Fc=j.b.div` 9840 display: flex; 9841 align-items: center; 9842 flex-wrap: wrap; 9843 margin-left: -1.4rem; 9844 9845 .Polaris-Heading { 9846 cursor: pointer; 9847 } 9848 9849 .btn-wrap { 9850 margin-top: 0.2rem; 9851 margin-right: 0.5rem; 9852 } 9853`,Nc={display:"inline-block",width:"9.5rem",wordBreak:"break-all"},Uc={display:"inline-block",width:"11rem",wordBreak:"break-all"};function Lc(e){let{filter:t,title:a,documentNode:r}=e;const i=Object(c.Vb)(a),[o,{data:s,loading:u,error:d,fetchMore:m}]=$i(r),[p,g]=Object(l.useReducer)((e,t)=>({...e,...t}),{loadMore:!1,canLoad:!1,items:[],total:0,key:null}),[A,b]=Object(l.useState)({limit:20,offset:0}),h=Object(l.useRef)(null);Object(l.useEffect)(()=>{const{range:e,teamID:a}=t||{};b(t=>({...t,from:(null===e||void 0===e?void 0:e.from)||null,to:(null===e||void 0===e?void 0:e.to)||null,teamID:a})),g({canLoad:!1})},[t]),Object(l.useEffect)(()=>{o(A)},[A]),Object(l.useEffect)(()=>{var e;let t,a=[],l=0;null!=s&&Object.keys(s).length>0&&([t]=Object.keys(s),s[t]&&(a=s[t].nodes||[],l=s[t].total||0));const n=(null===(e=a)||void 0===e?void 0:e.length)>0?a.map(e=>{if(!e)return;const{id:t,originId:a,status:l,createdAt:n}=e;return{id:t,originId:a,status:l,createdAt:n}}).filter(Boolean):[];g({items:n,total:l,key:t})},[s]);const f=Object(l.useMemo)(()=>{var e;return(null===(e=p.items)||void 0===e?void 0:e.length)>0?p.items.map((e,t)=>n.a.createElement("div",{key:"order-POrPD"+t},n.a.createElement(D.Y,{distribution:"equalSpacing",wrap:!1},n.a.createElement("span",{className:"index-wrap"},t+1),n.a.createElement("span",{style:{...Nc,width:"15rem"}},e.id),n.a.createElement("span",{style:{...Nc,width:"20rem"}},e.originId),n.a.createElement("span",{style:Uc},e.status),n.a.createElement("span",{style:Nc},Zr()(e.createdAt).format("YYYY-MM-DD"))))):null},[p.items]),v=Object(l.useMemo)(()=>n.a.createElement(D.Y,{wrap:!1,distribution:"equalSpacing"},n.a.createElement("span",{className:"index-wrap"},n.a.createElement(D.db,{variation:"strong"},"#")),n.a.createElement("span",{style:{...Nc,width:"15rem"}},n.a.createElement(D.db,{variation:"strong"},"ID")),n.a.createElement("span",{style:{...Nc,width:"20rem"}},n.a.createElement(D.db,{variation:"strong"},"Origin ID")),n.a.createElement("span",{style:Uc},n.a.createElement(D.db,{variation:"strong"},"Status")),n.a.createElement("span",{style:Nc},n.a.createElement(D.db,{variation:"strong"},"Created At"))),[]),E=Object(l.useMemo)(()=>n.a.createElement("span",null,p.total," Orders"),[p.total]),y=Object(l.useCallback)(()=>{if(!p.key)return;const e=p.key;h.current&&clearTimeout(h.current),p.canLoad||(g({loadMore:!0}),h.current=setTimeout(()=>{m({variables:{filter:{...A,offset:s[e].nodes.length}},updateQuery:(t,a)=>{let{fetchMoreResult:l,variables:n}=a;if(!l)return t;const r=l[e].nodes||[],i=n.filter.limit;r.length<i&&g({canLoad:!0}),g({loadMore:!1});let o=[...t[e].nodes,...r].filter(Boolean);const s=new Map(o.map(e=>e.id?[e.id,e]:void 0).filter(Boolean)),c=Array.from(s,e=>{let[,t]=e;return t});return{...t,[e]:{...t[e],nodes:c}}}})},500))},[s,A,p.canLoad,g,m,p.key]);return n.a.createElement(Vc,null,n.a.createElement(Tc,{title:a,subTitle:E,headMarkup:v,contentMarkup:f,filter:A,total:p.total,loading:u,error:d,setFilter:b,handleScroll:y,loadMore:p.loadMore,noCollapse:!0,collapseKey:i}))}const Vc=j.b.div` 9854 .index-wrap { 9855 width: 3rem; 9856 display: inline-block; 9857 } 9858 9859 .column-wrap { 9860 width: 7rem; 9861 display: inline-block; 9862 } 9863 9864 .name-wrap { 9865 display: flex; 9866 flex: 1 1; 9867 } 9868`;function zc(e){let{filter:t}=e;return n.a.createElement(Lc,{title:"Can't charge Orders",documentNode:I.uc,filter:t})}function qc(e){let{filter:t}=e;return n.a.createElement(Lc,{filter:t,documentNode:I.rc,title:"Orders has status Error"})}function Hc(e){let{filter:t}=e;return n.a.createElement(Lc,{filter:t,title:"Merchize Orders Error",documentNode:I.sc})}function $c(e){let{filter:t}=e;return n.a.createElement(Lc,{filter:t,title:"Orders have no Fulfillment/Supplier",documentNode:I.tc})}var _c=a(457);function Gc(e){let{filter:t}=e;return n.a.createElement(Lc,{filter:t,title:"Fulfilllment Orders have no fulfillment_submit_id",documentNode:_c.m})}const Kc={display:"inline-block",width:"9.5rem",wordBreak:"break-all"}
9868,Jc={display:"inline-block",width:"11rem",wordBreak:"break-all"},Yc=[{value:"at-least-5-days",label:"At Least 5 days"},{value:"at-least-7-days",label:"At Least 7 days"},{value:"at-least-10-days",label:"At Least 10 days"},{value:"all",label:"All Time"}];function Wc(e){let{filter:t}=e;const[a,{data:r,loading:i,error:o,fetchMore:s}]=$i(I.Hc),[c,u]=Object(l.useReducer)((e,t)=>({...e,...t}),{loadMore:!1,canLoad:!1,items:[],total:0,from:["at-least-5-days"]}),[d,m]=Object(l.useState)({limit:20,offset:0,from:Zr()().subtract(5,"days").startOf("day"),teamID:t.teamID}),p=Object(l.useRef)(null);Object(l.useEffect)(()=>{const{teamID:e}=t||{};m(t=>({...t,teamID:e})),u({canLoad:!1})},[t.teamID]),Object(l.useEffect)(()=>{a(d)},[d]),Object(l.useEffect)(()=>{var e,t;const a=(null===r||void 0===r||null===(e=r.reportTasksOtherDoneCancelledDenied)||void 0===e?void 0:e.nodes)||[],l=(null===r||void 0===r||null===(t=r.reportTasksOtherDoneCancelledDenied)||void 0===t?void 0:t.total)||0,n=(null===a||void 0===a?void 0:a.length)>0?a.map(e=>{if(!e)return;const{id:t,orderId:a,kpi:l,defaultKpi:n,status:r,createdAt:i}=e;return{id:t,orderId:a,kpi:l||n,status:r,createdAt:i}}).filter(Boolean):[];u({items:n,total:l})},[r]);const g=Object(l.useMemo)(()=>{var e;return(null===(e=c.items)||void 0===e?void 0:e.length)>0?c.items.map((e,t)=>n.a.createElement("div",{key:"order-POrPD"+t},n.a.createElement(D.Y,{distribution:"equalSpacing",wrap:!1},n.a.createElement("span",{className:"index-wrap"},t+1),n.a.createElement("span",{style:{...Kc,width:"10rem"}},e.id),n.a.createElement("span",{style:{...Kc,width:"20rem"}},e.orderId),n.a.createElement("span",{style:Kc},e.kpi),n.a.createElement("span",{style:Jc},e.status),n.a.createElement("span",{style:Kc},Zr()(e.createdAt).format("YYYY-MM-DD"))))):null},[c.items]),A=Object(l.useMemo)(()=>n.a.createElement(D.Y,{wrap:!1,distribution:"equalSpacing"},n.a.createElement("span",{className:"index-wrap"},n.a.createElement(D.db,{variation:"strong"},"#")),n.a.createElement("span",{style:{...Kc,width:"10rem"}},n.a.createElement(D.db,{variation:"strong"},"ID")),n.a.createElement("span",{style:{...Kc,width:"20rem"}},n.a.createElement(D.db,{variation:"strong"},"Order ID")),n.a.createElement("span",{style:Jc},n.a.createElement(D.db,{variation:"strong"},"KPI")),n.a.createElement("span",{style:Jc},n.a.createElement(D.db,{variation:"strong"},"Status")),n.a.createElement("span",{style:Kc},n.a.createElement(D.db,{variation:"strong"},"Created At"))),[]),b=Object(l.useCallback)(e=>{let t;switch(e[0]){case"at-least-5-days":t=Zr()().subtract(5,"days").startOf("day");break;case"at-least-7-days":t=Zr()().subtract(7,"days").startOf("day");break;case"at-least-10-days":t=Zr()().subtract(10,"days").startOf("day")}m(e=>({...e,from:t})),u({from:e,canLoad:!1})},[]),h=Object(l.useMemo)(()=>n.a.createElement("div",null,n.a.createElement("span",null,c.total," Tasks"),n.a.createElement(D.k,{choices:Yc,onChange:b,selected:c.from})),[c.total,b]),f=Object(l.useCallback)(()=>{p.current&&clearTimeout(p.current),c.canLoad||(u({loadMore:!0}),p.current=setTimeout(()=>{s({variables:{filter:{...d,offset:r.reportTasksOtherDoneCancelledDenied.nodes.length}},updateQuery:(e,t)=>{let{fetchMoreResult:a,variables:l}=t;if(!a)return e;const n=a.reportTasksOtherDoneCancelledDenied.nodes||[],r=l.filter.limit;n.length<r&&u({canLoad:!0}),u({loadMore:!1});let i=[...e.reportTasksOtherDoneCancelledDenied.nodes,...n].filter(Boolean);const o=new Map(i.map(e=>e.id?[e.id,e]:void 0).filter(Boolean)),s=Array.from(o,e=>{let[,t]=e;return t});return{...e,reportTasksOtherDoneCancelledDenied:{...e.reportTasksOtherDoneCancelledDenied,nodes:s}}}})},500))},[r,d,c.canLoad,u,s]);return n.a.createElement(Zc,null,n.a.createElement(Tc,{title:"Design Tasks still not Done",subTitle:h,headMarkup:A,contentMarkup:g,filter:d,total:c.total,loading:i,error:o,handleScroll:f,loadMore:c.loadMore,noCollapse:!0,collapseKey:"design-tasks"}))}const Zc=j.b.div` 9869 .index-wrap { 9870 width: 3rem; 9871 display: inline-block; 9872 } 9873 9874 .column-wrap { 9875 width: 7rem; 9876 display: inline-block; 9877 } 9878 9879 .name-wrap { 9880 display: flex; 9881 flex: 1 1; 9882 } 9883`,Xc={display:"inline-block",width:"9.5rem",wordBreak:"break-all"};function eu(e){let{filter:t}=e;const[a,{data:r,loading:i,error:o,fetchMore:s}]=$i(I.Pc),[c,u]=Object(l.useReducer)((e,t)=>({...e,...t}),{loadMore:!1,canLoad:!1,items:[],total:0}),[d,m]=Object(l.useState)({limit:20,offset:0}),p=Object(l.useRef)(null);Object(l.useEffect)(()=>{const{range:e,teamID:a}=t||{};m(t=>({...t,from:(null===e||void 0===e?void 0:e.from)||null,to:(null===e||void 0===e?void 0:e.to)||null,teamID:a})),u({canLoad:!1})},[t]),Object(l.useEffect)(()=>{a(d)},[d]),Object(l.useEffect)(()=>{var e,t;const a=(null===r||void 0===r||null===(e=r.reportTrackingSubmitError)||void 0===e?void 0:e.nodes)||[],l=(null===r||void 0===r||null===(t=r.reportTrackingSubmitError)||void 0===t?void 0:t.total)||0;u({items:a,total:l})},[r]);const g=Object(l.useMemo)(()=>{var e;return(null===(e=c.items)||void 0===e?void 0:e.length)>0?c.items.map((e,t)=>n.a.createElement("div",{key:"team-"+t,"data-team-id":e.id},n.a.createElement(D.Y,{distribution:"equalSpacing",wrap:!1},n.a.createElement("span",{className:"index-wrap"},t+1),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement("span",null,e.message)),n.a.createElement("span",{style:Xc},e.count)))):null},[c.items]),A=Object(l.useMemo)(()=>n.a.createElement(D.Y,{wrap:!1},n.a.createElement("span",{className:"index-wrap"},n.a.createElement(D.db,{variation:"strong"},"#")),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement("span",null,n.a.createElement(D.db,{variation:"strong"},"Message"))),n.a.createElement("span",{style:Xc},n.a.createElement(D.db,{variation:"strong"},"Count"))),[]),b=Object(l.useMemo)(()=>n.a.createElement("span",null,c.total," Items"),[c.total]),h=Object(l.useCallback)(()=>{p.current&&clearTimeout(p.current),c.canLoad||(u({loadMore:!0}),p.current=setTimeout(()=>{s({variables:{filter:{...d,offset:r.reportTrackingSubmitError.nodes.length}},updateQuery:(e,t)=>{let{fetchMoreResult:a,variables:l}=t;if(!a)return e;const n=a.reportTrackingSubmitError.nodes||[],r=l.filter.limit;n.length<r&&u({canLoad:!0}),u({loadMore:!1});
9883let i=[...e.reportTrackingSubmitError.nodes,...n].filter(Boolean);const o=new Map(i.map(e=>e.message?[e.message,e]:void 0).filter(Boolean)),s=Array.from(o,e=>{let[,t]=e;return t});return{...e,reportTrackingSubmitError:{...e.reportTrackingSubmitError,nodes:s}}}})},500))},[r,d,c.canLoad,u,s]);return n.a.createElement(tu,null,n.a.createElement(Tc,{title:"TrackingMore trackings submited Error",subTitle:b,headMarkup:A,contentMarkup:g,filter:d,total:c.total,loading:i,error:o,setFilter:m,handleScroll:h,loadMore:c.loadMore,noCollapse:!0,collapseKey:"tracking-error"}))}const tu=j.b.div` 9884 .index-wrap { 9885 width: 3rem; 9886 display: inline-block; 9887 } 9888 9889 .column-wrap { 9890 width: 7rem; 9891 display: inline-block; 9892 } 9893 9894 .name-wrap { 9895 display: flex; 9896 flex: 1 1; 9897 } 9898`;function au(){const{filter:e}=Object(l.useContext)(qi);return n.a.createElement(D.A,null,n.a.createElement(D.A.Section,{oneHalf:!0},n.a.createElement(D.Y,{vertical:!0},n.a.createElement(Wc,{filter:e}),n.a.createElement(eu,{filter:e}),n.a.createElement(Gc,{filter:e}))),n.a.createElement(D.A.Section,{oneHalf:!0},n.a.createElement(D.Y,{vertical:!0},n.a.createElement(zc,{filter:e}),n.a.createElement(qc,{filter:e}),n.a.createElement(Hc,{filter:e}),n.a.createElement($c,{filter:e}))))}const lu=[{value:"Today",label:"Today"},{value:"Yesterday",label:"Yesterday"},{value:"Last 7 days",label:"Last 7 days"},{value:"This month",label:"This month"},{value:"Last month",label:"Last month"},{value:"All time",label:"All time"}];function nu(e){let{setRange:t}=e;const[a,r]=Object(l.useReducer)((e,t)=>({...e,...t}),{label:["Today"],active:!1}),i=Object(l.useCallback)(()=>{r({active:!a.active})},[a.active]),o=Object(l.useCallback)(e=>{let a={from:null,to:null};if(e[0])switch(e[0]){case"Today":a.from=Zr()().startOf("day"),a.to=Zr()().endOf("day");break;case"Yesterday":a.from=Zr()().subtract(1,"days").startOf("day"),a.to=Zr()().subtract(1,"days").endOf("day");break;case"Last 7 days":a.from=Zr()().subtract(7,"days").startOf("day"),a.to=Zr()();break;case"This month":a.from=Zr()().startOf("month"),a.to=Zr()();break;case"Last month":a.from=Zr()().subtract(1,"months").startOf("months"),a.to=Zr()().subtract(1,"months").endOf("months");break;default:a=null}t(a)},[t]),s=Object(l.useCallback)(e=>{r({label:e}),o(e)},[o]),c=Object(l.useMemo)(()=>n.a.createElement(D.g,{children:a.label,onClick:i,disclosure:!0,icon:Gi.a}),[i,a.label]);return n.a.createElement(l.Fragment,null,n.a.createElement(D.h,null,n.a.createElement(D.K,{activator:c,active:a.active,onClose:i,sectioned:!0,fluidContent:!0},n.a.createElement(D.k,{choices:lu,selected:a.label,onChange:s}))))}var ru=a(238);const iu=o.a` 9899 query teams($filter: TeamFilter) { 9900 teams(filter: $filter) { 9901 total 9902 nodes { 9903 id 9904 name 9905 } 9906 } 9907 } 9908`;const ou=o.a` 9909 mutation editExportTemplate($input: EditExportTemplate!) { 9910 editExportTemplate(input: $input) { 9911 id 9912 name 9913 suppliers { 9914 id 9915 firstName 9916 lastName 9917 } 9918 author { 9919 id 9920 } 9921 } 9922 } 9923`,su=o.a` 9924 query exportTemplateById($id: ID!) { 9925 exportTemplateById(id: $id) { 9926 id 9927 name 9928 isDefault 9929 suppliers { 9930 id 9931 firstName 9932 lastName 9933 } 9934 columns { 9935 name 9936 type 9937 value 9938 } 9939 author { 9940 id 9941 } 9942 } 9943 } 9944`,cu=()=>{const{id:e}=Object(O.i)(),[t,a]=Object(l.useState)(!1),[r,i]=Object(l.useState)(null),[o,s]=Object(l.useState)({message:null,isErorr:!1}),{loading:u,data:d}=Object(De.d)(su,{variables:{id:e},fetchPolicy:"no-cache"}),[m,{loading:p}]=Object(De.c)(ou,{onCompleted:()=>{s({message:"Update export template successfuly.",isError:!1});const e=setTimeout(()=>{g()},2100);i(e)},onError:e=>{s({message:Object(c.ib)(e.toString()),isError:!0})}});Object(l.useEffect)(()=>()=>{clearTimeout(r)},[]);const g=Object(l.useCallback)(()=>{B.a.push("/admin/manager-files/export-templates")}
9944,[]),A=Object(l.useCallback)(()=>a(e=>!e),[]),b=Object(l.useCallback)(t=>{s({message:null,isError:!1}),t&&e&&m({variables:{input:{id:e,...t}}}),A()},[e]),h=u&&n.a.createElement(D.D,null),f=t?o&&o.message&&n.a.createElement(D.fb,{content:o.message,error:o.isError,duration:2e3,onDismiss:A}):null;return n.a.createElement(n.a.Fragment,null,f,h,n.a.createElement(Qr,{value:null===d||void 0===d?void 0:d.exportTemplateById,isAdmin:!0,loading:p,onSubmit:b,handleRedirect:g}))},uu=j.b.div` 9945 margin: -1rem; 9946 @media (min-width: 640px) { 9947 margin: -1.5rem; 9948 } 9949`,du=o.a` 9950 fragment cat on Category { 9951 id 9952 name 9953 description 9954 image { 9955 id 9956 name 9957 thumbnailUrl 9958 url 9959 } 9960 } 9961 query load($id: ID!) { 9962 fulfillments { 9963 id 9964 name 9965 slug 9966 products { 9967 title 9968 originId 9969 status 9970 attributes { 9971 name 9972 slug 9973 options 9974 } 9975 variants { 9976 regularPrice 9977 salePrice 9978 sellerPrice 9979 fulfillmentProductId 9980 sorting 9981 attributes { 9982 name 9983 slug 9984 option 9985 } 9986 } 9987 } 9988 } 9989 productBaseCategories { 9990 ...cat 9991 children { 9992 ...cat 9993 children { 9994 ...cat 9995 children { 9996 ...cat 9997 children { 9998 ...cat 9999 } 10000 } 10001 } 10002 } 10003 } 10004 suppliers { 10005 id 10006 firstName 10007 lastName 10008 } 10009 carriers { 10010 id 10011 name 10012 code 10013 } 10014 productBaseHasProduct(id: $id) 10015 productBaseByID(id: $id) { 10016 id 10017 title 10018 niceName 10019 slug 10020 marketplaceIdentifyKey 10021 baseCostDescription 10022 defaultContent 10023 defaultShortDescription 10024 details 10025 regularPrice 10026 salePrice 10027 sellerPrice 10028 hasVariant 10029 kpi 10030 passOnHold 10031 hasAdditionalShipping 10032 requiredDesign 10033 shippingOptionIds 10034 shippingOptions { 10035 id 10036 name 10037 } 10038 defaultShippingOptionId 10039 mockupTemplates { 10040 id 10041 productBaseID 10042 originTemplateID 10043 sorting 10044 isDefault 10045 } 10046 colorCodes { 10047 name 10048 value 10049 patternImageId 10050 patternImage { 10051 id 10052 url 10053 name 10054 thumbnailUrl 10055 } 10056 } 10057 fulfillment { 10058 fulfillmentId 10059 productId 10060 presetId 10061 printer 10062 madeInLocation 10063 } 10064 images { 10065 id 10066 name 10067 url 10068 thumbnailUrl 10069 } 10070 suppliers { 10071 id 10072 firstName 10073 lastName 10074 } 10075 carriers { 10076 id 10077 code 10078 name 10079 } 10080 categories { 10081 id 10082 name 10083 description 10084 } 10085 supplierPricing { 10086 id 10087 userId 10088 price 10089 } 10090 carrierPricing { 10091 id 10092 carrierId 10093 price 10094 default 10095 } 10096 attributes { 10097 name 10098 slug 10099 options 10100 } 10101 designPositions { 10102 id 10103 extraFee 10104 image { 10105 id 10106 thumbnailUrl 10107 url 10108 } 10109 name 10110 displayName 10111 description 10112 productBaseVariants { 10113 id 10114 attributes { 10115 name 10116 slug 10117 option 10118 } 10119 } 10120 artworkGuidelines { 10121 id 10122 file { 10123 id 10124 name 10125 } 10126 description 10127 } 10128 resize 10129 position 10130 scalablePressCustomize 10131 } 10132 variants { 10133 id 10134 fulfillmentProductId 10135 fulfillmentSku 10136 fulfillmentShippingCost 10137 fulfillmentShippingInternationalCost 10138 additionalPrice 10139 attributes { 10140 name 10141 slug 10142 option 10143 } 10144 supplierPricing { 10145 id 10146 userId 10147 price 10148 } 10149 carrierPricing { 10150 id 10151 carrierId 10152 price 10153 default 10154 usingAdditionalPrice 10155 additionalPriceType 10156 additionalPrice 10157 } 10158 regularPrice 10159 salePrice 10160 sellerPrice 10161 fulfillmentWarehouses 10162 discountPrice 10163 shippingPrice 10164 } 10165 status 10166 customcatShiping { 10167 isSingleShipment 10168 usFirstFee 10169 usAdditionalFee 10170 canadaFirstFee 10171 canadaAdditionalFee 10172 internationalFirstFee 10173 internationalAdditionalFee 10174 shippingRate 10175 } 10176 scalablePressType 10177 scalableOriginID 10178 scalablePressDesignType 10179 nasFileNameSyntax 10180 isDigitalProduct 10181 printifyPrintProviderID 10182 printifyPrintProviderName 10183 printifyBlueprintID 10184 } 10185 } 10186`,mu=o.a` 10187 mutation updateProductBase($input: EditProductBase!) { 10188 updateProductBase(input: $input) { 10189 id 10190 title 10191 slug 10192 baseCostDescription 10193 defaultContent
10194 defaultShortDescription 10195 details 10196 regularPrice 10197 salePrice 10198 sellerPrice 10199 hasVariant 10200 hasAdditionalShipping 10201 colorCodes { 10202 name 10203 value 10204 patternImageId 10205 patternImage { 10206 id 10207 url 10208 name 10209 thumbnailUrl 10210 } 10211 } 10212 mockupTemplates { 10213 id 10214 productBaseID 10215 originTemplateID 10216 isDefault 10217 } 10218 fulfillment { 10219 fulfillmentId 10220 productId 10221 } 10222 images { 10223 id 10224 name 10225 url 10226 thumbnailUrl 10227 } 10228 suppliers { 10229 id 10230 firstName 10231 lastName 10232 } 10233 carriers { 10234 id 10235 code 10236 name 10237 } 10238 categories { 10239 id 10240 name 10241 description 10242 } 10243 supplierPricing { 10244 id 10245 userId 10246 price 10247 } 10248 carrierPricing { 10249 id 10250 carrierId 10251 price 10252 default 10253 } 10254 attributes { 10255 name 10256 slug 10257 options 10258 } 10259 designPositions { 10260 image { 10261 id 10262 thumbnailUrl 10263 url 10264 } 10265 name 10266 description 10267 } 10268 variants { 10269 id 10270 fulfillmentProductId 10271 fulfillmentSku 10272 attributes { 10273 name 10274 slug 10275 option 10276 } 10277 supplierPricing { 10278 userId 10279 price 10280 } 10281 carrierPricing { 10282 carrierId 10283 price 10284 default 10285 usingAdditionalPrice 10286 additionalPriceType 10287 additionalPrice 10288 } 10289 regularPrice 10290 salePrice 10291 sellerPrice 10292 } 10293 status 10294 isDigitalProduct 10295 } 10296 } 10297`;class pu extends l.Component{constructor(){super(...arguments),this.state={loading:!1,isPublish:void 0,open:!1,value:null},this.toggleOpen=()=>{this.setState(e=>({...e,open:!e.open}))},this.onCompleted=()=>{this.refetch&&this.refetch()}}componentDidUpdate(e,t){let{loading:a}=this.state,{handleLoading:l}=this.props;a!==t.loading&&l&&l(a)}render(){const e=this.props.match.params.id;let{handleBtnSave:t,clickSave:a,location:l}=this.props;const{isPublish:o,open:u,value:d}=this.state;let m=ce()(l,"search",{});m=Object(c.m)(m),m.hasTeam&&(m.hasTeam=JSON.parse(m.hasTeam));let p=null;"boolean"===typeof o&&!o&&m.hasTeam&&(p=n.a.createElement(v.a,{children:"Publish",type:"primary",onClick:this.toggleOpen}));let g=[];return(null===d||void 0===d?void 0:d.id)&&(g=[d.id]),n.a.createElement("div",null,n.a.createElement(ma,{subTitle:"Products",title:"Product bases",link:"/admin/product-bases",action:p}),n.a.createElement(s.b,{query:du,variables:{id:e},fetchPolicy:"cache-and-network",onCompleted:e=>{const t=ce()(e,"productBaseByID",null),a=ce()(t,"status",null);null!=a&&this.setState({isPublish:a,value:t})}},l=>{let{error:o,loading:u,data:d,refetch:m}=l;if(o)return n.a.createElement("div",null,"Error: ",Object(c.ib)(o.toString()));if(u)return n.a.createElement(r.a,{active:!0});let p=d.productBaseByID;if(p){let e=p.designPositions;e=e&&e.length>0?e.map(e=>{var t,a,l,n,r,i,o;let{scalablePressCustomize:s,...c}=e,u=null===s||void 0===s||null===(t=s.dimensions)||void 0===t?void 0:t.width,d=null===s||void 0===s||null===(a=s.dimensions)||void 0===a?void 0:a.height,m=null===s||void 0===s||null===(l=s.position)||void 0===l?void 0:l.horizontal,p=null===s||void 0===s||null===(n=s.position)||void 0===n||null===(r=n.offset)||void 0===r?void 0:r.top,g=null===s||void 0===s||null===(i=s.position)||void 0===i||null===(o=i.offset)||void 0===o?void 0:o.bottom;return s&&Object.keys(s).length?{...c,width:u,height:d,horizontal:m,top:p,bottom:g}:c}):[],p.designPositions=e}const g=(null===d||void 0===d?void 0:d.fulfillments)||[];return this.refetch=m,n.a.createElement(s.a,{onError:e=>{this.setState({loading:!1}),i.a.error({message:Object(c.ib)(e.toString())})},onCompleted:()=>{this.setState({loading:!1},()=>{i.a.success({message:"Product base has been saved!"}),m&&m()})},mutation:mu},l=>n.a.createElement(oa,{hasProduct:d.productBaseHasProduct,onSubmit:t=>{const a=!0===Array.isArray(t.categories)?t.categories:[t.categories];this.setState({loading:!0},()=>{let n=["supplierPricing","carrierPricing","attributes","designPositions","variants"];for(let e=0;e<n.length;e++){const a=n[e];t[a]&&t[a].length&&(t[a]=t[a].map(e=>
10297{if("undefined"!==typeof e.__typename&&delete e.__typename,"designPositions"===a&&(e.image&&(e.image=e.image.id),e.productBaseVariants&&e.productBaseVariants.length&&e.productBaseVariants.forEach(e=>{delete e.__typename,e.attributes&&e.attributes.length&&e.attributes.forEach(e=>{delete e.__typename})})),"variants"===a){const t=["attributes","supplierPricing","carrierPricing"];for(let a=0;a<t.length;a++){const l=t[a];e[l]&&e[l].length&&(e[l]=e[l].map(e=>("undefined"!==typeof e.__typename&&delete e.__typename,e)))}}return e}))}l({variables:{input:{...t,id:e,categories:a}}})})},loading:this.state.loading,fulfillments:g,categories:d.productBaseCategories,suppliers:d.suppliers,carriers:d.carriers,value:p,clickSave:a,isEditProductBase:!0,handleBtnSave:(e,a)=>{a={...a,link:"/admin/product-bases"},t&&t(e,a)}}))}),n.a.createElement(gu,{open:u,onClose:this.toggleOpen,ids:g,onCompleted:this.onCompleted}))}}function gu(e){let{ids:t,open:a,onClose:r,onCompleted:o}=e;const[s,{loading:c}]=Object(De.c)(Jt.Dc,{onCompleted:()=>{i.a.success({message:"Publish product bases success."}),o()},onError:e=>{i.a.error({message:e})}}),u=Object(l.useCallback)(()=>{t&&0!==t.length&&s({variables:{ids:t}}).finally(()=>{r()})},[t,s,r]);return n.a.createElement(y.a,{title:"Publish Product Bases",visible:a,onCancel:r,onOk:u,confirmLoading:c},n.a.createElement("p",null,"Are you sure to publish this base?"))}var Au=pu;const bu=j.b.div` 10298 .Polaris-DataTable__Footer { 10299 overflow-x: scroll; 10300 } 10301`,hu=e=>{let{data:t,filter:a,setFilter:r}=e;const[i,o]=Object(l.useState)([]);Object(l.useEffect)(()=>{var e,a;let l=(null===t||void 0===t||null===(e=t.exports)||void 0===e||null===(a=e.nodes)||void 0===a?void 0:a.length)>0?t.exports.nodes.map(e=>{const t=null===e||void 0===e?void 0:e.file,a=null===t||void 0===t?void 0:t.name,l=null===t||void 0===t?void 0:t.url,r=null===e||void 0===e?void 0:e.supplier,i=`${null===r||void 0===r?void 0:r.firstName} ${null===r||void 0===r?void 0:r.lastName}`,o=null===e||void 0===e?void 0:e.template,s=null===o||void 0===o?void 0:o.name,c=Zr()(null===e||void 0===e?void 0:e.createdAt).format("YYYY-MM-DD HH:mm:ss");return[n.a.createElement("div",{className:"file-name-wrap"},n.a.createElement("span",null,a)),n.a.createElement("div",{className:"supplier-wrap"},n.a.createElement("span",null,i)),n.a.createElement("div",{className:"template-wrap"},n.a.createElement("span",null,s)),n.a.createElement("div",{className:"export-date-wrap"},n.a.createElement("span",null,c)),n.a.createElement("div",{className:"actions-wrap"},n.a.createElement(D.g,{plain:!0,children:"Download",url:l}))]}):[];o(l)},[t]);let{limit:s,offset:c}=a;const u=Object(C.get)(t,"exports.total",0),d={page:c/s+1,totalPage:Math.ceil(u/s),offset:c,limit:s,onChange:r,total:u},m=[];for(let l=0;l<4;l++)m.push("text");return m.push("numeric"),n.a.createElement(bu,null,n.a.createElement(D.n,{rows:i,columnContentTypes:m,headings:["File name","Supplier","Template","Export date","Action"],verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:d,showTotal:!0})}))},fu=o.a` 10302 query listUserByRole($role: String!) { 10303 listUserByRole(role: $role) { 10304 id 10305 firstName 10306 lastName 10307 } 10308 } 10309`,vu=e=>{var t;let{filter:a,onChange:r}=e;const i=null===a||void 0===a?void 0:a.supplierId,[o,s]=Object(l.useState)((null===a||void 0===a||null===(t=a.search)||void 0===t?void 0:t.length)>0?a.search[0]:null),[u,d]=Object(l.useState)([]),[m,p]=Object(l.useState)({value:i,label:null,search:null}),g=Object(l.useRef)(null),{data:A,loading:b,error:h}=Object(De.d)(fu,{variables:{role:oe.pb.Supplier}});Object(l.useLayoutEffect)(()=>{let e=(null===A||void 0===A?void 0:A.listUserByRole)||[],t=(null===e||void 0===e?void 0:e.length)>0?e.map(e=>({value:e.id,label:`${e.firstName} ${e.lastName}`})):[];if(d(t),i){const e=(null===t||void 0===t?void 0:t.length)>0?t.find(e=>e.value===i):null;e&&p(t=>({...t,value:e.value,label:e.label}))}else p({value:null,label:null})},[A,i]),Object(l.useEffect)(()=>{g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{r&&r({search:o?o.trim():o,supplierId:m.value})},300)},[m,o]);const f=Object(l.useCallback)(e=>s(e),[]),v=Object(l.useCallback)(()=>s(null),[]),E=Object(l.useCallback)(()=>{p(()=>({value:null,label:null,search:null}))},[]),y=Object(l.useCallback)(()=>{v(),E()},[v,E]),C=[{key:"supplier",label:"Supplier",filter:n.a.createElement(ga.a,{data:u,value:m,loading:b,error:h,onChange:e=>{let{value:t,label:a}=e;p(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return p(e=>({...e,search:t}))}})}],k=[];if(!Object(c.tb)(m.label)){const e="supplier";k.push({key:e,label:function(e,t){switch(e){case"supplier":return"Supplier: "+t;default:return t}}(e,m.label),onRemove:E})}return n.a.createElement(D.r,{queryPlaceholder:"Filter item",queryValue:o,onQueryChange:f,onQueryClear:v,onClearAll:y,filters:C,appliedFilters:k})},Eu=o.a` 10310 query exports($filter: ExportFilter) { 10311 exports(filter: $filter) { 10312 total 10313 nodes { 10314 id 10315 fileId 10316 file { 10317 id 10318 url 10319 name 10320 mimeType 10321 } 10322 template { 10323 id 10324 name 10325 } 10326 supplier { 10327 id 10328 firstName 10329 lastName 10330 } 10331 createdAt 10332 } 10333 } 10334 } 10335`,yu=[...oe.n,"supplierId"],Cu=e=>{var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=20),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,yu)}return e},[i]),[s,u]=Object(l.useState)({limit:Number(Object(c.M)("perPageExports"))||20,offset:0,search:null,supplierId:null,...o}),{data:d,loading:m,error:p}=Object(De.d)(Eu,{variables:{filter:s}});Object(l.useEffect)(()=>{let{offset:e,limit:t,...a}=s,l=null,n=Object(c.o)(t,e);l=Object(c.l)({limit:t,paged:n,...a}),B.a.push(`${B.a.location.pathname}?${l}`)},[s]);const g=m&&n.a.createElement(D.D,null);return n.a.createElement(n.a.Fragment,null,g,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(vu,{filter:s,onChange:e=>{let{search:t,supplierId:a}=e;u(e=>Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.supplierId,a)?e:{...e,search:t,supplierId:a,offset:0})}})),n.a.createElement(D.i,null,m?n.a.createElement(Je.SkeletonPagePolaris,null):p?n.a.createElement("div",{style:{padding:"1.6rem"}},"Error: ",Object(c.ib)(p.toString())):(null===d||void 0===d||null===(t=d.exports
10335)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(hu,{data:d,filter:s,setFilter:(e,t)=>{u(a=>Object(C.isEqual)(a.offset,e)&&Object(C.isEqual)(a.limit,t)?a:{...a,offset:e,limit:t}),Object(c.Nb)("perPageExports",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null)))},ku=j.b.div` 10336 margin: -1rem; 10337 @media (min-width: 640px) { 10338 margin: -1.5rem; 10339 } 10340`,Ou=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=n.a.useMemo(()=>Object(c.W)(t),[t]);return n.a.createElement(ku,null,n.a.createElement(D.H,{title:"Export Files",fullWidth:!0},n.a.createElement(Cu,{path:l})))},ju=o.a` 10341 mutation deleteExportTemplate($id: ID!) { 10342 deleteExportTemplate(id: $id) 10343 } 10344`,wu=e=>{let{item:t,open:a,toggleShowModal:r,onNotificationChange:i,toggleActive:o,refetch:s}=e;const[u,{loading:d}]=Object(De.c)(ju,{onCompleted:()=>{r(),i&&i({message:"Delete file template successfuly.",isError:!1}),s&&s()},onError:e=>{i&&i({message:Object(c.ib)(e.toString()),isError:!0})}}),m=Object(l.useCallback)(()=>{i&&i({message:null,isError:!1}),(null===t||void 0===t?void 0:t.id)&&u({variables:{id:null===t||void 0===t?void 0:t.id}}),o&&o()},[null===t||void 0===t?void 0:t.id]);return n.a.createElement(D.E,{title:"Delete template",open:a,onClose:r,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:r}],primaryAction:{content:"Submit",onAction:m,loading:d}},n.a.createElement("p",null,"Are you sure remove this export file template?"))},Su=o.a` 10345 mutation cloneExportTemplate($id: ID!) { 10346 cloneExportTemplate(id: $id) { 10347 id 10348 name 10349 author { 10350 id 10351 firstName 10352 lastName 10353 roles 10354 } 10355 suppliers { 10356 id 10357 firstName 10358 lastName 10359 } 10360 } 10361 } 10362`,Iu=e=>{let{item:t,open:a,toggleShowModal:r,onNotificationChange:i,toggleActive:o,refetch:s}=e;const[u,{loading:d}]=Object(De.c)(Su,{onCompleted:()=>{r(),i&&i({message:"Clone file template successfuly.",isError:!1}),s&&s()},onError:e=>{i&&i({message:Object(c.ib)(e.toString()),isError:!0})}}),m=Object(l.useCallback)(()=>{i&&i({message:null,isError:!1}),(null===t||void 0===t?void 0:t.id)&&u({variables:{id:null===t||void 0===t?void 0:t.id}}),o&&o()},[null===t||void 0===t?void 0:t.id]);return n.a.createElement(D.E,{title:"Clone template",open:a,onClose:r,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:r}],primaryAction:{content:"Submit",onAction:m,loading:d}},n.a.createElement("p",null,"Are you sure clone this export file template?"))},Bu=o.a` 10363 mutation setDefaultExportTemplate($id: ID!, $isDefault: Boolean!) { 10364 setDefaultExportTemplate(id: $id, isDefault: $isDefault) 10365 } 10366`,Du=e=>{let{item:t,open:a,toggleShowModal:r,onNotificationChange:i,toggleActive:o,refetch:s}=e;const[u,d]=Object(l.useState)(!!t.isDefault),[m,{loading:p}]=Object(De.c)(Bu,{onCompleted:()=>{r(),i&&i({message:"Update export template successfuly.",isError:!1}),s&&s()},onError:e=>{i&&i({message:Object(c.ib)(e.toString()),isError:!0})}}),g=Object(l.useCallback)(()=>{i&&i({message:null,isError:!1}),(null===t||void 0===t?void 0:t.id)&&m({variables:{id:null===t||void 0===t?void 0:t.id,isDefault:u}}),o&&o()},[null===t||void 0===t?void 0:t.id,u]);return n.a.createElement(D.E,{title:"Update Export Template",open:a,onClose:r,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:r}],primaryAction:{content:"Submit",onAction:g,loading:p}},n.a.createElement(D.j,{label:"Make this the default",checked:u,onChange:e=>{console.log("value",e),d(e)}}))},Pu=e=>{let{item:t,refetch:a,hasActionsRemove:r,toggleActive:i,onNotificationChange:o}=e;const[s,c]=Object(l.useState)(!1),[u,d]=Object(l.useState)(null),m=Object(l.useCallback)(e=>{c(e=>!e),d(e)},[]);return n.a.createElement("div",{style:{display:"flex",gap:10}},r?n.a.createElement(D.g,{size:"slim",children:"Delete",onClick:()=>m("remove")}):n.a.createElement(D.g,{size:"slim",children:"Clone",onClick:()=>m("clone")}),n.a.createElement(D.g,{size:"slim",children:"Set default",onClick:()=>m("setDefault")}),n.a.createElement(wu,{open:s&&"remove"===u,toggleShowModal:m,refetch:a,item:t,onNotificationChange:o,toggleActive:i}),n.a.createElement(Iu,{open:s&&"clone"===u,toggleShowModal:m,refetch:a,item:t,onNotificationChange:o,toggleActive:i}),n.a.createElement(Du,{open:s&&"setDefault"===u,toggleShowModal:m,refetch:a,item:t,onNotificationChange:o,toggleActive:i}))},xu=j.b.div` 10367 .actions-wrap { 10368 display: flex; 10369 flex-direction: row-reverse; 10370 } 10371 .author-wrap { 10372 width: calc(35rem - 3.2rem); 10373 white-space: normal; 10374 word-break: break-all; 10375 display: flex; 10376 column-gap: 0.5rem; 10377 flex-wrap: wrap; 10378 } 10379`,Mu=e=>{let{data:t,refetch:a}=e;const[r,i]=Object(l.useState)([]),[o,s]=Object(l.useState)(!1),[c,u]=Object(l.useState)({message:null,isError:!1}),{currentUser:d}=Object(l.useContext)(te.a);Object(l.useEffect)(()=>{let e=(null===t||void 0===t?void 0:t.exportTemplates.length)>0?null===t||void 0===t?void 0:t.exportTemplates.map(e=>{var t;const l=null===e||void 0===e?void 0:e.suppliers,r=(null===l||void 0===l?void 0:l.length)>0?l.map((e,t)=>n.a.createElement(D.e,{key:t,children:`${e.firstName} ${e.lastName}`})):null;let i=null===e||void 0===e||null===(t=e.author)||void 0===t?void 0:t.id,o=null===d||void 0===d?void 0:d.id,s=null===d||void 0===d?void 0:d.roles,c=!1;(o&&o===i||["Administrator",oe.pb.Supporter].includes(s[0]))&&(c=!0);const p=!!(null===e||void 0===e?void 0:e.isDefault)?n.a.createElement(D.e,{status:"success"},"Yes"):n.a.createElement(D.e,null,"No");return[n.a.createElement("div",{className:"file-name-wrap"},n.a.createElement(D.B,{url:"/admin/manager-files/edit-template/"+e.id,children:null===e||void 0===e?void 0:e.name})),n.a.createElement("div",{className:"author-wrap"},r),n.a.createElement("div",{className:"is-default"},p),n.a.createElement("div",{className:"actions-wrap"},n.a.createElement(Pu,{hasActionsRemove:c,item:e,refetch:a,toggleActive:m,onNotificationChange:e=>{let{message:t,isError:a}=e;return u(()=>({message:t,isError:a}))}}))]}):[];i(e)},[t,d]);const m=Object(l.useCallback)(()=>s(e=>!e),[]),p=o?c&&c.message&&n.a.createElement(D.fb,{content:c.message,error:c.isError,duration:2e3,onDismiss:m}):null,g=[];for(let l=0;l<3;l++)g.push("text");return g.push("numeric"),n.a.createElement(xu,null,p,n.a.createElement(D.n,{columnContentTypes:g,headings:["Template name","Supplier","Default","Action"],rows:r,verticalAlign:"middle",hide
10379ScrollIndicator:!0}))},Tu=e=>{let{filter:t,onChange:a}=e;const[r,i]=Object(l.useState)(t.search),o=Object(l.useRef)(null);Object(l.useEffect)(()=>{o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{a&&a({search:r?r.trim():r})},300)},[r]);const s=Object(l.useCallback)(e=>i(e),[]),c=Object(l.useCallback)(()=>i(null),[]),u=Object(l.useCallback)(()=>{c()},[c]);return n.a.createElement(D.r,{queryPlaceholder:"Filter item",queryValue:r,onQueryChange:s,onQueryClear:c,onClearAll:u,filters:[]})},Qu=o.a` 10380 query exportTemplates($search: String) { 10381 exportTemplates(search: $search) { 10382 id 10383 name 10384 isDefault 10385 suppliers { 10386 id 10387 firstName 10388 lastName 10389 } 10390 author { 10391 id 10392 } 10393 } 10394 } 10395`,Ru=e=>{var t;let{path:a}=e;const r=Object(l.useMemo)(()=>Object(c.Bb)(a),[a]),i=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};return e&&(e=Object(c.Jb)(e,["search"])),e},[r]),[o,s]=Object(l.useState)({search:null,...i}),{data:u,loading:d,error:m,refetch:p}=Object(De.d)(Qu,{variables:{search:o.search},fetchPolicy:"no-cache"});Object(l.useEffect)(()=>{let e=null;e=Object(c.l)(o),B.a.push(`${B.a.location.pathname}?${e}`)},[o]);const g=d&&n.a.createElement(D.D,null);return n.a.createElement(n.a.Fragment,null,g,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(Tu,{filter:o,onChange:e=>{let{search:t}=e;s(e=>Object(C.isEqual)(e.search,t)?e:{...e,search:t})}})),n.a.createElement(D.i,null,m?n.a.createElement("div",{style:{padding:"1.6rem"}},Object(c.ib)(m.toString())):null,d?n.a.createElement(Je.SkeletonPagePolaris,null):(null===u||void 0===u||null===(t=u.exportTemplates)||void 0===t?void 0:t.length)>0?n.a.createElement(Mu,{data:u,refetch:p}):n.a.createElement(We.EmptyStatePolaris,null)))},Fu=j.b.div` 10396 margin: -1rem; 10397 @media (min-width: 640px) { 10398 margin: -1.5rem; 10399 } 10400`,Nu=o.a` 10401 mutation deleteFulfillment($id: ID!) { 10402 deleteFulfillment(id: $id) 10403 } 10404`,Uu=e=>{let{item:t,refetch:a,onNotificationChange:r,toggleActive:i}=e;const o=null===t||void 0===t?void 0:t.id,[s,u]=Object(l.useState)(!1),[d,{loading:m}]=Object(De.c)(Nu,{onCompleted:()=>{p(),r&&r({message:"Delete fulfillment successfuly.",isError:!1}),a&&a()},onError:e=>{r&&r({message:Object(c.ib)(e.toString()),isError:!0})}}),p=Object(l.useCallback)(()=>u(e=>!e),[]),g=Object(l.useCallback)(()=>{o&&d({variables:{id:o}}),i&&i()},[o]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Edit",plain:!0,size:"slim",url:"/admin/fulfillment/"+(null===t||void 0===t?void 0:t.id)}),n.a.createElement(D.g,{children:"Delete",plain:!0,size:"slim",onClick:p})),n.a.createElement(D.E,{title:"Delete fulfillment",open:s,onClose:p,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:p}],primaryAction:{content:"Submit",onAction:g,loading:m}},n.a.createElement("p",null,"Are you sure to delete this fulfillment?")))},Lu=j.b.div` 10405 .actions-wrap { 10406 display: flex; 10407 justify-content: flex-end; 10408 } 10409 .Polaris-DataTable__Footer { 10410 overflow-x: scroll; 10411 } 10412`,Vu=e=>{var t;let{data:a,refetch:r}=e;const[i,o]=Object(l.useState)([]),[s,u]=Object(l.useState)(!1),[d,m]=Object(l.useState)({message:null,isError:!1}),[p,g]=Object(l.useState)({limit:Number(Object(c.M)("perPageFulfillment"))||20,offset:0});Object(l.useEffect)(()=>{let{limit:e,offset:t}=p,l=null===a||void 0===a?void 0:a.fulfillments,i=((null===l||void 0===l?void 0:l.length)>0?l.slice(t,e+t):[]).map(e=>[n.a.createElement("div",{className:"name-wrap"},n.a.createElement("span",null,e.name)),n.a.createElement("div",{className:"products-wrap"},n.a.createElement("span",null,e.products)),n.a.createElement("div",{className:"actions-wrap"},n.a.createElement(Uu,{item:e,refetch:r,toggleActive:b,onNotificationChange:e=>{let{message:t,isError:a}=e;return m(()=>({message:t,isError:a}))}}))])||[];o(i)},[a,p]);const A=Object(l.useCallback)((e,t)=>{g(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageFulfillment",t,100)},[]),b=Object(l.useCallback)(()=>u(e=>!e),[]),h=s?d&&d.message&&n.a.createElement(D.fb,{content:d.message,error:d.isError,duration:2e3,onDismiss:b}):null;let{limit:f,offset:v}=p;const E=null===a||void 0===a||null===(t=a.fulfillments)||void 0===t?void 0:t.length,y={page:v/f+1,totalPage:Math.ceil(E/f),offset:v,limit:f,onChange:A,total:E};return n.a.createElement(Lu,null,h,n.a.createElement(D.n,{columnContentTypes:["text","text","numeric"],headings:["Name","Products","Actions"],rows:i,verticalAlign:"middle",hide
10412ScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:y,showTotal:!0})}))},zu=o.a` 10413 query fulfillments { 10414 fulfillments { 10415 id 10416 name 10417 slug 10418 products { 10419 title 10420 originId 10421 } 10422 } 10423 } 10424`,qu=()=>{var e;const{data:t,loading:a,error:l,refetch:r}=Object(De.d)(zu,{fetchPolicy:"no-cache"}),i=a&&n.a.createElement(D.D,null);return n.a.createElement(n.a.Fragment,null,i,n.a.createElement(D.i,null,a?n.a.createElement(Je.SkeletonPagePolaris,null):l?n.a.createElement("div",null,"Error: ",Object(c.ib)(l.toString())):(null===t||void 0===t||null===(e=t.fulfillments)||void 0===e?void 0:e.length)>0?n.a.createElement(Vu,{data:t,refetch:r}):n.a.createElement(We.EmptyStatePolaris,null)))},Hu=j.b.div` 10425 margin: -1rem; 10426 @media (min-width: 640px) { 10427 margin: -1.5rem; 10428 } 10429`,$u=j.b.div` 10430 .Polaris-DataTable__Footer { 10431 overflow-x: scroll; 10432 } 10433 .file-name-wrap { 10434 width: calc(40rem - 3.2rem); 10435 white-space: normal; 10436 word-break: break-word; 10437 } 10438`,_u=e=>{let{data:t,filter:a,setFilter:r}=e;const[i,o]=Object(l.useState)([]);Object(l.useEffect)(()=>{var e,a;let l=(null===t||void 0===t||null===(e=t.imports)||void 0===e||null===(a=e.nodes)||void 0===a?void 0:a.length)>0?null===t||void 0===t?void 0:t.imports.nodes.map(e=>{const t=null===e||void 0===e?void 0:e.files,a=null===e||void 0===e?void 0:e.supplier,l=Zr()(null===e||void 0===e?void 0:e.createdAt).format("YYYY-MM-DD HH:mm:ss");return[n.a.createElement("div",{className:"file-name-wrap"},(null===t||void 0===t?void 0:t.length)>0?t.map((e,t)=>n.a.createElement(D.B,{children:e.name,url:e.url,key:t})):null),n.a.createElement("div",{className:"author-wrap"},n.a.createElement("span",null,`${null===a||void 0===a?void 0:a.firstName} ${null===a||void 0===a?void 0:a.lastName}`)),n.a.createElement("div",{className:"import-data-wrap"},n.a.createElement("span",null,l)),n.a.createElement("div",{className:"action-wrap"},n.a.createElement(D.g,{plain:!0,children:"Download",url:t.length>0?t[0].url:null}))]}):[];o(l)},[t]);let{limit:s,offset:c}=a;const u=Object(C.get)(t,"imports.total",0),d={page:c/s+1,totalPage:Math.ceil(u/s),offset:c,limit:s,onChange:r,total:u},m=[];for(let l=0;l<3;l++)m.push("text");return m.push("numeric"),n.a.createElement($u,null,n.a.createElement(D.n,{columnContentTypes:m,headings:["File name","Author","Import data","Action"],rows:i,verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:d,showTotal:!0})}))},Gu=o.a` 10439 query imports($filter: ImportFilter) { 10440 imports(filter: $filter) { 10441 total 10442 nodes { 10443 id 10444 files { 10445 id 10446 url 10447 name 10448 mimeType 10449 } 10450 supplier { 10451 id 10452 firstName 10453 lastName 10454 } 10455 createdAt 10456 } 10457 } 10458 } 10459`,Ku=[...oe.n,"supplierId"],Ju=e=>{var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){e.search&&(e.search=e.search.split(","));let t=e.limit;t=Number(t),t||(t=20),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,Ku)}return e},[i]),[s,u]=Object(l.useState)({limit:Number(Object(c.M)("perPageImports"))||20,offset:0,search:null,supplierId:null,...o}),{data:d,loading:m,error:p}=Object(De.d)(Gu,{variables:{filter:s}});Object(l.useEffect)(()=>{let{offset:e,limit:t,search:a,...l}=s,n=a?a.join(","):null,r=null,i=Object(c.o)(t,e);r=Object(c.l)({limit:t,paged:i,search:n,...l}),B.a.push(`${B.a.location.pathname}?${r}`)},[s]);const g=m&&n.a.createElement(D.D,null);return n.a.createElement(n.a.Fragment,null,g,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(vu,{filter:s,onChange:e=>{let{search:t,supplierId:a}=e;u(e=>Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.supplierId,a)?e:{...e,search:t?[t]:null,supplierId:a,offset:0})}})),n.a.createElement(D.i,null,m?n.a.createElement(Je.SkeletonPagePolaris,null):p?n.a.createElement("div",{style:{padding:"1.6rem"}},Object(c.ib)(p.toString())):(null===d||void 0===d||null===(t=d.imports)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(_u,{data:d,filter:s,setFilter:(e,t)=>{u(a=>Object(C.isEqual)(a.offset,e)&&Object(C.isEqual)(a.limit,t)?a:{...a,offset:e,limit:t}
10459),Object(c.Nb)("perPageImports",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null)))},Yu=j.b.div` 10460 margin: -1rem; 10461 @media (min-width: 640px) { 10462 margin: -1.5rem; 10463 } 10464`,Wu=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=n.a.useMemo(()=>Object(c.W)(t),[t]),{currentUser:r}=Object(te.c)(),i=Object(c.V)(r);return n.a.createElement(Yu,null,n.a.createElement(D.H,{title:"Import Files",fullWidth:!0,primaryAction:{content:"Import Tracking",url:`/${i}/manager-files/import-tracking`}},n.a.createElement(Ju,{path:l})))};var Zu=a(144);const Xu=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=n.a.useMemo(()=>Object(c.W)(t),[t]);return n.a.createElement(Zu.b,{role:oe.pb.Admin,ordersFilter:w.m,path:l})},ed=o.a` 10465 query listUserByRole($role: String!) { 10466 listUserByRole(role: $role) { 10467 id 10468 firstName 10469 lastName 10470 } 10471 ownerTeam { 10472 id 10473 firstName 10474 lastName 10475 } 10476 } 10477`,td=j.b.div` 10478 .Polaris-Filters-ConnectedFilterControl.Polaris-Filters-ConnectedFilterControl--right 10479 .Polaris-Filters-ConnectedFilterControl__CenterContainer 10480 * { 10481 cursor: not-allowed; 10482 } 10483`,ad=e=>{let{role:t,filter:a,onChange:r}=e;const[i,o]=Object(l.useState)(null),[s,u]=Object(l.useState)([]),[d,m]=Object(l.useState)({value:a.selectId,label:null,search:null}),{data:p,loading:g,error:A}=Object(De.d)(ed,{variables:{role:t}});Object(l.useLayoutEffect)(()=>{var e;let l=[];l=[oe.pb.Seller].includes(t)?(null===p||void 0===p?void 0:p.ownerTeam)||[]:(null===p||void 0===p?void 0:p.listUserByRole)||[];let n=(null===(e=l)||void 0===e?void 0:e.length)>0?l.map(e=>({value:e.id,label:`${e.firstName} ${e.lastName}`})):[];if(u(n),a.selectId){const e=(null===n||void 0===n?void 0:n.length)>0?n.find(e=>e.value===a.selectId):null;e&&m(t=>({...t,value:e.value,label:e.label}))}else m({value:null,label:null})},[t,p,a.selectId]),Object(l.useEffect)(()=>{r&&r({selectId:d.value})},[d]);const b=Object(l.useCallback)(e=>o(e),[]),h=Object(l.useCallback)(()=>o(null),[]),f=Object(l.useCallback)(()=>{m({value:null,label:null,search:null})},[]),v=Object(l.useCallback)(()=>{h(),f()},[h,f]),E=[{key:[oe.pb.Seller].includes(t)?"seller":"supplier",label:[oe.pb.Seller].includes(t)?"Seller":"Supplier",filter:n.a.createElement(ga.a,{data:s,value:d,loading:g,error:A,onChange:e=>{let{value:t,label:a}=e;m(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return m(e=>({...e,search:t}))}})}],y=[];if(!Object(c.tb)(d.label)){const e=[oe.pb.Seller].includes(t)?"seller":"supplier";y.push({key:e,label:function(e,t){switch(e){case"seller":return"Seller: "+t;case"supplier":return"Supplier: "+t;default:return t}}(e,d.label),onRemove:f})}
10483return n.a.createElement(td,null,n.a.createElement(D.r,{queryPlaceholder:"Filter item",queryValue:i,onQueryChange:b,onQueryClear:h,onClearAll:v,filters:E,appliedFilters:y}))},ld=j.b.div` 10484 .Polaris-DataTable__Footer { 10485 overflow-x: scroll; 10486 } 10487`,nd=e=>{let{data:t,role:a,filter:r,setFilter:i}=e;const[o,s]=Object(l.useState)([]);Object(l.useEffect)(()=>{var e,a;let l=(null===t||void 0===t||null===(e=t.overview)||void 0===e||null===(a=e.nodes)||void 0===a?void 0:a.length)>0?t.overview.nodes.map(e=>{let t=null===e||void 0===e?void 0:e.user,a=`${null===t||void 0===t?void 0:t.firstName} ${null===t||void 0===t?void 0:t.lastName}`;return[n.a.createElement("div",{className:"user-wrap"},n.a.createElement("span",null,a)),n.a.createElement("div",{className:"amount-balance-wrap"},n.a.createElement("span",null,"$",Object(c.a)(null===e||void 0===e?void 0:e.balance,2))),n.a.createElement("div",{className:"pending-cost-wrap"},n.a.createElement("span",null,"$",Object(c.a)(null===e||void 0===e?void 0:e.pendingCost,2))),n.a.createElement("div",{className:"paid-amount-wrap"},n.a.createElement("span",null,"$",Object(c.a)(null===e||void 0===e?void 0:e.paidAmount,2))),n.a.createElement("div",{className:"pending-deposit-wrap"},n.a.createElement("span",null,"$",Object(c.a)(null===e||void 0===e?void 0:e.pendingDeposit,2))),n.a.createElement("div",{className:"total-deposit-wrap"},n.a.createElement("span",null,"$",Object(c.a)(null===e||void 0===e?void 0:e.totalDeposit,2)))]}):[];s(l)},[t]);const u=[];for(let l=0;l<7;l++)u.push("text");let{limit:d,offset:m}=r;const p=Object(C.get)(t,"overview.total",0),g={page:m/d+1,totalPage:Math.ceil(p/d),offset:m,limit:d,onChange:i,total:p};return n.a.createElement(ld,null,n.a.createElement(D.n,{columnContentTypes:u,headings:[""+a,"Amount Balance","Pending Cost","Paid Amount","Pending Deposit","Total Deposit"],rows:o,verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:g,showTotal:!0})}))},rd=o.a` 10488 query overview($filter: OverviewFilter, $viewSeller: Boolean!) { 10489 overview(filter: $filter, viewSeller: $viewSeller) { 10490 total 10491 nodes { 10492 balance 10493 pendingCost 10494 paidAmount 10495 pendingDeposit 10496 totalDeposit 10497 user { 10498 id 10499 firstName 10500 lastName 10501 } 10502 } 10503 } 10504 } 10505`,id=["limit","offset","selectId"];let od={...Object(c.m)(B.a.location.search)};if(od){let e=od.limit;e=Number(e),e||(e=20),od.limit=e,od.paged&&(od.offset=Object(c.n)(od.limit,Math.round(od.paged))),od=Object(c.Jb)(od,id)}const sd=()=>{var e,t;const[a,r]=Object(l.useState)(0),[i,o]=Object(l.useState)({limit:Number(Object(c.M)("perPageOverview"))||20,offset:0,selectId:null,...od}),{data:s,loading:u,error:d}=Object(De.d)(rd,{variables:{filter:i,viewSeller:!a}});Object(l.useEffect)(()=>{let{offset:e,limit:t,...a}=i,l=null,n=Object(c.o)(t,e);l=Object(c.l)({limit:t,paged:n,...a}),B.a.push(`${B.a.location.pathname}?${l}`)},[i]);const m=Object(l.useCallback)(e=>{r(e),o(e=>({...e,selectId:null}))},[]),p=u&&n.a.createElement(D.D,null),g=a?oe.pb.Supplier:oe.pb.Seller;return n.a.createElement(n.a.Fragment,null,p,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(ad,{role:g,filter:i,onChange:e=>{let{selectId:t}=e;o(e=>Object(C.isEqual)(e.selectId,t)?e:{...e,selectId:t,offset:0})}})),n.a.createElement(D.i,null,d&&n.a.createElement("div",{style:{padding:"1.6rem"}},Object(c.ib)(d.toString())),n.a.createElement(D.Z,{tabs:[{id:"seller-overview",content:"Seller overview",accessibilityLabel:"Seller overview"},{id:"supplier-overview",content:"Supplier overview",accessibilityLabel:"Supplier overview"}],selected:a,onSelect:m},u?n.a.createElement(Je.SkeletonPagePolaris,null):(null===s||void 0===s||null===(e=s.overview)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?n.a.createElement(nd,{data:s,role:g,filter:i,setFilter:(e,t)=>{o(a=>Object(C.isEqual)(a.offset,e)&&Object(C.isEqual)(a.limit,t)?a:{...a,offset:e,limit:t}),Object(c.Nb)("perPageOverview",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null))))},cd=j.b.div` 10506 margin: -1rem; 10507 @media (min-width: 640px) { 10508 margin: -1.5rem; 10509 } 10510`;var ud=a(59),dd=a(66),md=a.n(dd);function pd(e){let{filter:t,onChange:a}=e;const[l,r]=n.a.useReducer((e,t)=>
10510({...e,...t}),{query:t.search||""}),i=n.a.useRef(null);n.a.useEffect(()=>{i.current&&clearTimeout(i.current),a&&(i.current=setTimeout(()=>{a({search:l.query.trim()})},500))},[l.query,a]);const o=n.a.useCallback(e=>{r({query:e})},[]),s=n.a.useCallback(()=>{r({query:""})},[]),c=n.a.useCallback(()=>{s()},[s]);return n.a.createElement(D.r,{filters:[],queryPlaceholder:"Search team",queryValue:l.query,onQueryChange:o,onQueryClear:s,onClearAll:c})}function gd(e){let{item:t,features:a,refetch:l}=e;const{id:r}=t||{},[i,o]=Object(Ee.a)(!1),s=n.a.useRef(null),{toggleToast:u,setNotify:d}=Object(Fa.b)(),[m,{loading:p}]=Object(De.c)(Jt.ee,{onCompleted:()=>{d({msg:"Update private features success.",err:!1}),l&&(s.current=setTimeout(()=>{l()},1500))},onError:e=>{d({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}});n.a.useEffect(()=>()=>{clearTimeout(s.current)},[]);const g=n.a.useCallback(()=>{if(!r)return;u&&u(!0),d&&d({msg:null,err:!1});const e="object"===typeof a?Array.from(a.values()).filter(e=>"all"!==e):[];m({variables:{input:{teams:[{id:r,privateFeatures:e}]}}}).finally(()=>{o()})},[r,m,a]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.g,{children:"Update",onClick:o,size:"slim"}),n.a.createElement(D.E,{title:"Update Private Features",open:i,onClose:o,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:o}],primaryAction:{content:"Submit",onAction:g,loading:p}},n.a.createElement("p",null,"Are you sure to update to private features?")))}function Ad(e){let{data:t,filter:a,refetch:l,handlePagination:r}=e;const[i,o]=n.a.useState([]),[s,c]=n.a.useState(new Map),u=n.a.useCallback((e,t)=>a=>{if(s.has(e)){const l=s.get(e);if("all"===t)if(a)for(let e of Object.keys(w.r))l.add(e);else l.clear();l.delete(t),a&&l.add(t),s.set(e,l),c(new Map(s))}},[s]);n.a.useEffect(()=>{var e;const a=null===t||void 0===t||null===(e=t.teams)||void 0===e?void 0:e.nodes;if((null===a||void 0===a?void 0:a.length)>0){const e=a.map(e=>{const{id:t,name:a,privateFeatures:r}=e;s.has(t)||s.set(t,new Set((r||[]).map(e=>e)));const i=s.get(t)||new Set;return[n.a.createElement("div",{className:"id-wrap"},n.a.createElement("span",null,t)),n.a.createElement("div",{className:"name-wrap"},n.a.createElement("span",null,a)),...Object.keys(w.r).map(e=>n.a.createElement(D.j,{label:"action-"+e,labelHidden:!0,checked:i.has(e),onChange:u(t,e)})),n.a.createElement(D.j,{label:"select-all",labelHidden:!0,checked:i.size===Object.keys(w.r).length||i.has("all"),onChange:u(t,"all")}),n.a.createElement("div",{className:"actions-wrap"},n.a.createElement(gd,{item:e,features:i,refetch:l}))]});c(s),o(e)}},[t,u,s,l]);const{limit:d,offset:m}=a,p=ce()(t,"teams.total",0),g={page:m/d+1,totalPage:Math.ceil(p/d),offset:m,limit:d,onChange:r,total:p};return n.a.createElement(n.a.Fragment,null,n.a.createElement(bd,null,n.a.createElement(D.n,{rows:i,columnContentTypes:Array.from({length:3+Object.keys(w.r).length}).fill("text"),headings:["ID","Name",...Object.values(w.r),"Select All","Actions"],verticalAlign:"middle",hideScrollIndicator:!0})),n.a.createElement(hd,null,n.a.createElement(Ye.PaginationPolaris,{aggregation:g,showTotal:!0})))}const bd=j.b.div` 10511 overflow-x: auto; 10512 .Polaris-DataTable__Cell--header { 10513 white-space: nowrap; 10514 } 10515 10516 .Polaris-DataTable { 10517 .Polaris-DataTable__ScrollContainer { 10518 overflow-x: initial; 10519 } 10520 } 10521`,hd=j.b.div` 10522 padding: 1.6rem; 10523 overflow-x: scroll; 10524 background: var(--p-surface-subdued, #f4f6f8); 10525`;function fd(e){var t,a;let{path:l}=e;const r=n.a.useMemo(()=>Object(c.Bb)(l),[l]),i=n.a.useMemo(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,oe.n)}return e},[r]),[o,s]=n.a.useState({limit:+Number(Object(c.M)("perPagePrivateFeatures"))||20,offset:0,search:"",...i}),{data:u,loading:d,error:m,refetch:p}=Object(De.d)(I.Ab,{variables:{filter:o}}),g=n.a.useCallback(e=>{let{search:t}=e;s(e=>md()(e.search,t)?e:{...e,offset:0,search:t})},[]),A=n.a.useCallback((e,t)=>{s(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPagePrivateFeatures",t,100)},[]);n.a.useEffect(()=>{let{offset:e,limit:t,...a}=o,l=Object(c.o)(t,e),n=null;n=Object(c.l)({limit:t,paged:l,...a}),B.a.push(`${B.a.location.pathname}?${n}`)},[o]);const b=n.a.useMemo(()=>d?n.a.createElement(D.D,null):null,[d]);return n.a.createElement(n.a.Fragment,null,b,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(pd,{filter:o,onChange:g})),n.a.createElement(D.i,null,d?n.a.createElement(Je.SkeletonPagePolaris,null):m?n.a.createElement("div",null,Object(c.ib)(m.toString())):(null===u||void 0===u||null===(t=u.teams)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(Ad,{data:u,filter:o,refetch:p,handlePagination:A}):n.a.createElement(We.EmptyStatePolaris,null)))}const vd=o.a` 10526 mutation deleteProductBases($ids: [String!]!) { 10527 deleteProductBases(ids: $ids) { 10528 deleted 10529 } 10530 } 10531`,Ed=e=>{const{open:t,toggleShowModal:a,idsChecked:r,onNotificationChange:i,toggleActive:o,onCompleted:s}=e,[u,{loading:d}]=Object(De.c)(vd,{onCompleted:()=>{a&&a(),i&&i({message:"Delete product bases successfuly.",isError:!1}),s&&s()},onError:e=>{i&&i({message:Object(c.ib)(e.toString()),isError:!0})}}),m=Object(l.useCallback)(()=>{i&&i({message:null,isError:!1}),o&&o(),r.length&&u({variables:{ids:r}})},[r]);return n.a.createElement(D.E,{title:"Delete product bases",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:m,loading:d}},n.a.createElement("p",null,"Are you sure to delete ",r.length>1?"bases":"base"," ","selected?"))};function yd(e){let{open:t,onClose:a,ids:r,onCompleted:i,toggleActive:o,onNotificationChange:s}=e;const[u,{loading:d}]=Object(De.c)(Jt.Dc,{onCompleted:()=>{s({message:"Publish product bases success.",isError:!1}),i&&i()},onError:e=>{s({message:Object(c.ib)(e.toString()),isError:!0})}}),m=Object(l.useCallback)(()=>{r&&0!==r.length&&(o&&o(),s&&s({message:null,isError:!1}),u({variables:{ids:r}}))},[r,u,o,s]);return n.a.createElement(D.E,{title:"Publish Product Bases",open:t,onClose:a,primaryAction:{content:"Submit",onAction:m,loading:d},secondaryActions:[{content:"Cancel",onAction:a}],sectioned:!0},n.a.createElement("p",null,"Are you sure to publish this base?"))}const Cd=j.b.div` 10532 .Polaris-Choice { 10533 padding: 0; 10534 .Polaris-Choice__Control { 10535 margin-top: 0.1rem; 10536 } 10537 } 10538`,kd=e=>{const{idsChecked:t,onCheckAll:a}=e,{currentUser:r}=Object(te.c)(),{isAdministrator:i}=Object(c.j)(r),[o,s]=Object(l.useState)(!1),[u,d]=Object(l.useState)(null),[m,p]=Object(Ee.a)(!1),g=Object(l.useCallback)(e=>{s(e=>!e),d(e)},[]);return n.a.createElement(Cd,null,n.a.createElement(D.h,{segmented:!0},n.a.createElement(D.g,{children:n.a.createElement(D.j,{label:t.length+" selected",checked:!0}),onClick:a}),i&&n.a.createElement(D.g,{children:"Publish",onClick:p}),n.a.createElement(D.g,{children:"Delete",destructive:!0,onClick:()=>g("delete")})),n.a.createElement(Ed,Object.assign({open:o&&"delete"===u,toggleShowModal:g},e)),n.a.createElement(yd,Object.assign({open:m,onClose:p,ids:t},e)))},Od=j.b.div` 10539 overflow-x: auto; 10540 .Polaris-DataTable { 10541 .Polaris-DataTable__ScrollContainer { 10542 overflow-x: inherit; 10543 -webkit-overflow-scrolling: touch; 10544 } 10545 } 10546 .product-base_wrap { 10547 width: calc(300px - 3.2rem); 10548 white-space: normal; 10549 word-break: break-word; 10550 } 10551 .supplier_wrap { 10552 width: calc(200px - 3.2rem); 10553 white-space: normal; 10554 word-break: break-word; 10555 display: flex; 10556 flex-direction: column; 10557 row-gap: 1rem; 10558 } 10559 .supplier-cost_wrap { 10560 width: calc(200px - 3.2rem); 10561 white-space: normal; 10562 word-break: break-word; 10563 } 10564 .prices_wrap { 10565 width: calc(150px - 3.2rem); 10566 white-space: normal; 10567 word-break: break-word; 10568 } 10569 .image_wrap { 10570 width: calc(130px - 3.2rem); 10571 white-space: normal; 10572 word-break: break-word; 10573 } 10574 .bulk-actions_wrap { 10575 padding: 1.6rem; 10576 } 10577 .Polaris-DataTable__Cell--header { 10578 border-top: 0.1rem solid #dbdee0; 10579 } 10580 .Polaris-DataTable__Footer {
10581 overflow-y: scroll; 10582 } 10583`,jd=j.b.div` 10584 padding: 1.6rem; 10585 overflow-x: scroll; 10586 background: var(--p-surface-subdued, #f4f6f8); 10587`,wd=e=>{const{data:t,filter:a,setFilter:r,refetch:i}=e,[o,s]=Object(l.useState)([]),[u,d]=Object(l.useState)(!1),[m,p]=Object(l.useState)({}),[g,A]=Object(l.useState)([]),[b,h]=Object(l.useState)(!1),[f,v]=Object(l.useState)({message:null,isError:!1}),{currentUser:E}=Object(te.c)(),{isAdministrator:y}=Object(c.j)(E),k=Object(c.V)(E);Object(l.useEffect)(()=>{let e=t&&t.productBases.nodes.map(e=>{var t,a;let l=Object(C.get)(e,"team",{});l=JSON.stringify(!!l);let r,i,o=`${e.length>1?`/${k}/product-bases`:`/${k}/product-bases/edit`}/${e.id}?hasTeam=${l}`,s=null===e||void 0===e?void 0:e.title,c=null===e||void 0===e?void 0:e.images,u=null===e||void 0===e?void 0:e.baseCostDescription,d={},p=null===e||void 0===e?void 0:e.suppliers,g=null===e||void 0===e?void 0:e.supplierPricing;if(p&&p.length)for(let n=0;n<p.length;n++){var A;d[null===(A=p[n])||void 0===A?void 0:A.id]=p[n]}g&&g.length&&(r=g.map((e,t)=>{const a=d[e.userId];return a?n.a.createElement("div",{key:t},`${a.firstName} ${a.lastName}`,": $",e.price):null})),p&&p.length&&(i=p.map((e,t)=>n.a.createElement("div",{key:t},n.a.createElement(D.ab,{children:`${e.firstName} ${e.lastName}`}))));const b=(null===e||void 0===e||null===(t=e.fulfillment)||void 0===t?void 0:t.fulfillmentId)?e.fulfillment.fulfillmentTitle:"MerchBridge",h=n.a.createElement("div",{className:"ff-wrap"},n.a.createElement("span",null,b)),f=(null===c||void 0===c?void 0:c.length)>0?n.a.createElement(D.eb,{source:(null===(a=c[0])||void 0===a?void 0:a.thumbnailUrl)||null,size:"large"}):n.a.createElement(D.eb,{source:ze.a,size:"large"}),v=Object(C.get)(e,"team.name",""),E="boolean"===typeof e.status?e.status?"Publish":"Draft":"",y="Publish"===E?"Success":null,O=E?n.a.createElement("div",{className:"status-wrap"},n.a.createElement("span",null,n.a.createElement(D.e,{children:E,status:y}))):null;return[n.a.createElement("div",{className:"checkbox_wrap"},n.a.createElement(D.j,{label:"",id:e.id,checked:!!m[e.id],onChange:j})),n.a.createElement("div",{className:"image_wrap"},n.a.createElement(D.B,{url:o},f)),n.a.createElement("div",{className:"id_wrap"},n.a.createElement("span",null,e.id)),n.a.createElement("div",{className:"product-base_wrap"},n.a.createElement(D.B,{url:o,children:s})),n.a.createElement("div",{className:"prices_wrap"},n.a.createElement("span",null,u)),h,n.a.createElement("div",{className:"team_wrap"},n.a.createElement("span",null,v)),n.a.createElement("div",{className:"supplier-cost_wrap"},r&&n.a.createElement("div",null,r)),n.a.createElement("div",{className:"supplier_wrap"},i),O]});s(e)},[t,m,k,y]);const O=Object(l.useCallback)(e=>{var a;d(e);let l=(null===t||void 0===t||null===(a=t.productBases)||void 0===a?void 0:a.nodes)||[],n=[];if(e){let e={};for(let t=0;t<l.length;t++){var r;e={...e,[null===(r=l[t])||void 0===r?void 0:r.id]:!0}}p(e),n=w(e)}else p({}),n=[];A(n)},[]),j=Object(l.useCallback)((e,t)=>{let a,l=[];p(n=>{let r={...n,[t]:e};return a=Object.values(r).filter(e=>e).length,l=w(r),r}),e?d(!0):a||d(!1),A(l)},[g]),w=Object(l.useCallback)(e=>{e=Object(e);let t=[];for(let[a,l]of Object.entries(e))l&&t.push(a);return t},[]),S=Object(l.useCallback)(()=>{A(()=>[]),d(!1),p({}),i&&i()},[]),I=Object(l.useCallback)(()=>h(e=>!e),[]),B=b?f&&f.message&&n.a.createElement(D.fb,{content:f.message,error:f.isError,duration:2e3,onDismiss:I}):null;let{limit:P,offset:x}=a,M=Object(C.get)(t,"productBases.total",0);const T={page:x/P+1,totalPage:Math.ceil(M/P),offset:x,limit:P,onChange:r,total:M};return n.a.createElement(n.a.Fragment,null,n.a.createElement(Od,null,B,g.length>0?n.a.createElement("div",{className:"bulk-actions_wrap"},n.a.createElement(kd,{idsChecked:g,toggleActive:I,onCompleted:S,onNotificationChange:e=>{let{message:t,isError:a}=e;return v(()=>({message:t,isError:a}))},onCheckAll:()=>{O(!1)}})):null,n.a.createElement(D.n,{columnContentTypes:["text","text","text","text","text","text","text","text","text","text"],headings:[n.a.createElement(D.j,{label:"",checked:u,onChange:O}),"Image","ID","Product Base","Prices","Fulfillment","Team","Supplier Cost","Supplier","Status"],rows:o,verticalAlign:"middle",hide
10587ScrollIndicator:!0})),n.a.createElement(jd,null,n.a.createElement(Ye.PaginationPolaris,{aggregation:T,showTotal:!0})))},Sd=o.a` 10588 query productBases($filter: ProductBaseFilter) { 10589 productBases(filter: $filter) { 10590 total 10591 nodes { 10592 id 10593 title 10594 baseCostDescription 10595 status 10596 team { 10597 id 10598 name 10599 } 10600 images { 10601 id 10602 name 10603 url 10604 thumbnailUrl 10605 } 10606 suppliers { 10607 id 10608 firstName 10609 lastName 10610 } 10611 supplierPricing { 10612 id 10613 price 10614 userId 10615 } 10616 fulfillment { 10617 fulfillmentId 10618 fulfillmentTitle 10619 } 10620 } 10621 } 10622 } 10623`,Id=j.b.div``,Bd=[...oe.n,"fulfillmentId","status","supplierIds"],Dd=e=>{var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;if(t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e.status&&("Publish"===e.status?e.status=!0:"Draft"===e.status?e.status=!1:e.status=null),e.supplierIds){const t=e.supplierIds.split(",").filter(Boolean)||null;e.supplierIds=t}e=Object(c.Jb)(e,Bd)}return e},[i]),[s,u]=Object(l.useState)({limit:Number(Object(c.M)("perPageProductBase"))||20,offset:0,search:null,fulfillmentId:null,status:null,teamId:null,supplierIds:null,...o}),{data:d,loading:m,error:p,refetch:g}=Object(De.d)(Sd,{variables:{filter:s},fetchPolicy:"no-cache"});Object(l.useEffect)(()=>{let{offset:e,limit:t,status:a,supplierIds:l,...n}=s,r=null,i=Object(c.o)(t,e);const o="boolean"===typeof a?a?"Publish":"Draft":null;r=Object(c.l)({limit:t,paged:i,status:o,supplierIds:(l||[]).join(","),...n}),B.a.push(`${B.a.location.pathname}?${r}`)},[s]);const A=n.a.useCallback(e=>{let{search:t,fulfillmentId:a,status:l,teamId:n,supplierIds:r}=e;u(e=>Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.fulfillmentId,a)&&Object(C.isEqual)(e.teamId,n)&&Object(C.isEqual)(e.status,l)&&Object(C.isEqual)(e.supplierIds,r)?e:{...e,search:t,fulfillmentId:a,teamId:n,status:l,supplierIds:r,offset:0})},[]),b=m&&n.a.createElement(D.D,null);return n.a.createElement(Id,null,b,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(va,{filter:s,onChange:A})),n.a.createElement(D.i,null,m?n.a.createElement(Je.SkeletonPagePolaris,null):p?n.a.createElement("div",null,"Error: ",Object(c.ib)(p.toString())):(null===d||void 0===d||null===(t=d.productBases)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(wd,{data:d,filter:s,refetch:g,setFilter:(e,t)=>{u(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageProductBase",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null)))},Pd=j.b.div` 10624 margin: -1rem; 10625 @media (min-width: 640px) { 10626 margin: -1.5rem; 10627 } 10628`;l.Component;class xd extends l.Component{render(){return n.a.createElement("div",null,n.a.createElement(ma,{title:"Reports"}),n.a.createElement("p",null,"Admin reports..."))}}var Md=xd;const Td=o.a` 10629 mutation deleteUser($id: ID!) { 10630 deleteUser(id: $id) 10631 } 10632`,Qd=o.a` 10633 mutation activeUser($id: ID!) { 10634 activeUser(id: $id) 10635 } 10636`,Rd=e=>{let{item:t,toggleActive:a,onNotificationChange:r,refetch:i,urlEdit:o}=e;const s=null===t||void 0===t?void 0:t.status,u=null===t||void 0===t?void 0:t.id,[d,m]=Object(l.useState)(!1),[p,{loading:g}]=Object(De.c)(Td,{onCompleted:()=>{h(),r&&r({message:"Change status to Active successfuly.",isError:!1}),i&&i()},onError:e=>{r&&r({message:Object(c.ib)(e.toString()),isError:!0})}}),[A,{loading:b}]=Object(De.c)(Qd,{onCompleted:()=>{h(),r&&r({message:"Change status to Inactive successfuly.",isError:!1}),i&&i()},onError:e=>{r&&r({message:Object(c.ib)(e.toString()),isError:!0})}}),h=Object(l.useCallback)(()=>m(e=>!e),[]),f=Object(l.useCallback)(()=>{r&&r({message:null,isError:!1}),u&&A({variables:{id:u}}),a&&a()},[u]),v=Object(l.useCallback)(()=>{r&&r({message:null,isError:!1}),u&&p({variables:{id:u}}),a&&a()},[u]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.h,null,!!o&&n.a.createElement(D.g,{children:"Edit",plain:!0,url:`${o}/${null===t||void 0===t?void 0:t.id}`}),n.a.createElement(D.g,{children:s?"Inactive":"Active",size:"slim",plain:!0,destructive:s,onClick:h})),n.a.createElement(D.E,{title:"Change status for Seller",open:d,onClose:h,sectioned:!0,secondaryActions:[{content:"Cancel",onaction:h}],primaryAction:{content:"Submit",onAction:s?v:f,loading:s?g:b}},n.a.createElement("p",null,"Are you sure to change status for this seller?")))},Fd=j.b.div` 10637 overflow: hidden; 10638 @media (min-width: 992px) { 10639 .Polaris-DataTable--condensed tr { 10640 th { 10641 border-top: 1px solid #dfe5ed; 10642 } 10643 th:last-child, 10644 td:last-child { 10645 right: 0; 10646 position: sticky; 10647 z-index: 2; 10648 background: #fff; 10649 :after { 10650 box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); 10651 position: absolute; 10652 top: 0; 10653 bottom: -1px; 10654 width: 30px; 10655 transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; 10656 content: ""; 10657 pointer-events: none; 10658 left: 0; 10659 transform: translateX(-100%); 10660 } 10661 } 10662 } 10663 } 10664 .Polaris-DataTable__Navigation { 10665 display: none; 10666 } 10667 .Polaris-DataTable__Footer { 10668 overflow-x: scroll; 10669 } 10670 .actions-wrap { 10671 display: flex; 10672 justify-content: flex-end; 10673 width: calc(14rem - 3.2rem); 10674 white-space: normal; 10675 word-break: break-word; 10676 } 10677`,Nd=e=>{let{data:t,filter:a,setFilter:r,refetch:i,urlEdit:o}=e;const[s,c]=Object(l.useState)([]),[u,d]=Object(l.useState)(!1),[m,p]=Object(l.useState)({message:null,isError:!1});Object(l.useEffect)(()=>{let e=t.users.nodes.map(e=>{var t,a,l;let r=null===e||void 0===e||null===(t=e.avatar)||void 0===t?void 0:t.url,s=null===e||void 0===e||null===(a=e.firstName)||void 0===a?void 0:a.charAt(0),c=null===e||void 0===e||null===(l=e.lastName)||void 0===l?void 0:l.charAt(0),u=null===e||void 0===e?void 0:e.status,d=Object(C.get)(e,"teamUser.team.name",""),m=Object(C.get)(e,"teamUser.team.id","");return d||(d=Object(C.get)(e,"teams[0].name",""),m=Object(C.get)(e,"teams[0].id","")),[n.a.createElement("div",{className:"avatar-wrap"},n.a.createElement(D.d,{source:r,initials:s||c})),n.a.createElement("div",{className:"name-wrap"},n.a.createElement("span",null,null===e||void 0===e?void 0:e.firstName," ",null===e||void 0===e?void 0:e.lastName)),n.a.createElement("div",{className:"email-wrap"},n.a.createElement("span",null,null===e||void 0===e?void 0:e.email)),n.a.createElement("span",{className:"team-id-wrap"},n.a.createElement("span",null,m)),n.a.createElement("div",{className:"team-name-wrap"},n.a.createElement("span",null,d)),n.a.createElement("div",{className:"status-wrap"},n.a.createElement(D.e,{children:u?"Active":"Inactive",status:u?"success":"critical"})),n.a.createElement("div",{className:"phone-wrap"},n.a.createElement("span",null,null===e||void 0===e?void 0:e.phone)),n.a.createElement("div",{className:"address-wrap"},n.a.createElement("span",null,null===e||void 0===e?void 0:e.address)),n.a.createElement("div",{className:"actions-wrap"},n.a.createElement(Rd,{item:e,urlEdit:o,refetch:i,toggleActive:g,onNotificationChange:e=>{let{message:t,isError:a}=e;return p(()=>({message:t,isError:a}))}}))]})||[];c(e)},[t]);const g=Object(l.useCallback)(()=>d(e=>!e),[]),A=u?m&&m.message&&n.a.createElement(D.fb,{content:m.message,error:m.isError,duration:2e3,onDismiss:g}):null;let{limit:b,offset:h}=a;const f=Object(C.get)(t,"users.total",0),v={page:h/b+1,totalPage:Math.ceil(f/b),offset:h,limit:b,onChange:r,total:f};return n.a.createElement(Fd,null,A,n.a.createElement(D.n,{columnContentTypes:["text","text","text","text","text","text","text","text","numeric"],headings:["Avatar","Name","Email","Team ID","Team Name","Status","Phone","Address","Actions"],rows:s,verticalAlign:"middle",hide
10677ScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:v,showTotal:!0})}))};var Ud=a(262);const Ld=e=>{let{filter:t,onChange:a}=e;const[r,i]=Object(l.useState)(t.search),[o,s]=Object(l.useState)({value:t.status,label:!0===t.status?"Active":!1===t.status?"Inactive":null}),u=Object(l.useRef)(null);Object(l.useEffect)(()=>{u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{a&&a({search:r?r.trim():r,status:o.value})},300)},[r,o]);const d=Object(l.useCallback)(e=>i(e),[]),m=Object(l.useCallback)(()=>i(null),[]),p=Object(l.useCallback)(()=>s({value:null,label:null}),[]),g=Object(l.useCallback)(()=>{m(),p()},[m,p]),A=[{key:"status",label:"Status",filter:n.a.createElement(Ud.a,{status:o&&o.value,onChange:(e,t)=>s(a=>({...a,value:e,label:t}))})}],b=[];if(!Object(c.tb)(o.label)){const e="status";b.push({key:e,label:function(e,t){switch(e){case"status":return"Status: "+t;default:return t}}(e,o.label),onRemove:p})}return n.a.createElement(D.r,{filters:A,appliedFilters:b,queryPlaceholder:"Filter seller",queryValue:r,onQueryChange:d,onQueryClear:m,onClearAll:g})},Vd=o.a` 10678 query users($filter: FindFilter) { 10679 users(filter: $filter) { 10680 total 10681 nodes { 10682 id 10683 firstName 10684 lastName 10685 email 10686 roles 10687 phone 10688 address 10689 avatar { 10690 id 10691 url 10692 } 10693 teamUser { 10694 id 10695 team { 10696 id 10697 name 10698 } 10699 } 10700 status 10701 teams { 10702 id 10703 name 10704 } 10705 } 10706 } 10707 } 10708`,zd=[...oe.n,"status"],qd=e=>{var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){e.status&&("active"===e.status&&(e.status=!0),"inactive"===e.status&&(e.status=!1));let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,zd)}return e},[i]),[s,u]=Object(l.useState)({limit:Number(Object(c.M)("perPageSeller"))||20,offset:0,search:null,status:null,role:"Seller",...o}),{loading:d,data:m,error:p,refetch:g}=Object(De.d)(Vd,{variables:{filter:s}});Object(l.useEffect)(()=>{let{offset:e,limit:t,status:a,role:l,...n}=s;!0===a&&(a="active"),!1===a&&(a="inactive");let r=null,i=Object(c.o)(t,e);r=Object(c.l)({limit:t,paged:i,status:a,...n}),B.a.push(`${B.a.location.pathname}?${r}`)},[s]);const A=Object(l.useCallback)(e=>{let{search:t,status:a}=e;u(e=>Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.status,a)?e:{...e,offset:0,search:t,status:a})},[]),b=d&&n.a.createElement(D.D,null);return n.a.createElement(n.a.Fragment,null,b,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(Ld,{filter:s,onChange:A})),n.a.createElement(D.i,null,d?n.a.createElement(Je.SkeletonPagePolaris,null):p?n.a.createElement("div",null,"Error: ",Object(c.ib)(p.toString())):(null===m||void 0===m||null===(t=m.users)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(Nd,{data:m,filter:s,refetch:g,setFilter:(e,t)=>{u(a=>Object(C.isEqual)(a.offset,e)&&Object(C.isEqual)(a.limit,t)?a:{...a,offset:e,limit:t}),Object(c.Nb)("perPageSeller",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null)))},Hd=j.b.div` 10709 margin: -1rem; 10710 @media (min-width: 640px) { 10711 margin: -1.5rem; 10712 } 10713`,$d=o.a` 10714 mutation logout { 10715 logout 10716 } 10717`,_d=[{value:0,label:"None"},{value:7,label:"7 days"},{value:14,label:"14 days"}],Gd={display:"flex",flexDirection:"column",marginTop:"1.5rem",gap:"0.5rem",paddingBottom:"0.5rem"};
10717const Kd=n.a.forwardRef((function(e,t){let{setLoading:a=(()=>{})}=e;const[l,r]=n.a.useState(!1),[o,s]=n.a.useState(0),c=n.a.useRef(!1),{logout:u}=(()=>{const[e,{client:t}]=Object(De.c)($d),{setStore:a,setCurrentUser:l,logout:r}=Object(te.c)()||{};return{logout:n.a.useCallback(async()=>{await e(),localStorage&&localStorage.removeItem("store"),localStorage.clear(),a(null),l(null),t.resetStore(),r(),B.a.push("/login"),window.location.reload(!1)},[e,a,l,t,r])}})(),{data:d,loading:m,error:p}=Object(De.d)(I.A),[g]=Object(De.c)(Jt.Jb,{onCompleted:()=>{i.a.success({message:"Update enabled 2FA success"})},onError:e=>{i.a.error({message:null===e||void 0===e?void 0:e.toString()})}});n.a.useEffect(()=>{if(null!=(null===d||void 0===d?void 0:d.getEnable2fa)){const{isEnable:e,keepLoginTime:t}=d.getEnable2fa;r(e),_d.map(e=>{let{value:t}=e;return t}).includes(t)&&s(t)}},[d]),n.a.useEffect(()=>()=>{c.current=!1},[]);const A=n.a.useCallback(e=>{const t=e.target.checked;r(t),c.current=!0},[]),b=n.a.useCallback(e=>{const t=e.target.value;s(t),c.current=!0},[]),h=n.a.useCallback(async()=>{c.current&&(a(!0),await g({variables:{input:{isEnable:l,keepLoginTime:o}}}).finally(()=>{a(!1)}),l&&await u())},[l,g,a,u,o]);return n.a.useImperativeHandle(t,()=>({onSubmit:h})),m?n.a.createElement(f.a,null):p?n.a.createElement("div",null,"Error: ",null===p||void 0===p?void 0:p.toString()):n.a.createElement("div",null,n.a.createElement(E.a,{children:"Enable 2FA",checked:l,onChange:A}),n.a.createElement("div",{style:Gd},n.a.createElement("label",null,"Don't ask 2fa code in same browser"),n.a.createElement(z.a.Group,{options:_d,value:o,onChange:b})))}));
10717var Jd=a(98),Yd=n.a.forwardRef((function(e,t){let{setLoading:a}=e;const{currentUser:l,setBackgroundImage:r}=Object(te.c)(),o=Object(c.db)(l),[s,u]=n.a.useState({hue:0,brightness:100,saturation:0}),[d,m]=n.a.useState(""),g=n.a.useMemo(()=>o?`${o}${w.t.BG}`:null,[o]),{data:A}=Object(De.d)(I.Ub,{variables:{filter:{search:g}},skip:!g}),[b]=Object(De.c)(Jt.pd,{onCompleted:e=>{i.a.success({message:"Update background image success"});const t=Object(C.get)(e,"setVariable.value");r&&r(t||d)},onError:e=>{i.a.error({message:Object(c.ib)(null===e||void 0===e?void 0:e.toString())})}}),h=n.a.useRef(!1);n.a.useEffect(()=>{var e;const t=(null===A||void 0===A||null===(e=A.variables)||void 0===e?void 0:e.length)>0?A.variables[0]:null;if(null===t||void 0===t?void 0:t.value){m(t.value);const e=String(t.value).replace(/rgb\(|\)/gi,"");if((null===e||void 0===e?void 0:e.length)>0){const[t,a,l]=e.split(",").map(e=>e.trim()).filter(Boolean);if(t&&a&&l){const{hue:e,brightness:n,saturation:r}=Object(c.Mb)({red:t,green:a,blue:l});u({hue:e,brightness:n,saturation:r})}}}},[A]),n.a.useEffect(()=>{if(null!=s&&h.current){const e=Object(c.nb)(s);if(null!=e){const{green:t,red:a,blue:l}=e;m(`rgb(${a},${t},${l})`)}}},[s]);const f=n.a.useCallback(async()=>{h.current&&(a(!0),await b({variables:{input:{key:g,value:d}}}).finally(()=>{a(!1),h.current=!1}))},[g,b,a,d]);return n.a.useImperativeHandle(t,()=>({onSubmit:f})),n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.m,{color:s,onChange:function(){u(...arguments),h.current=!0}}),n.a.createElement("div",null,n.a.createElement("label",null,"Color code"),n.a.createElement(p.a,{value:d,readOnly:!0,disabled:!0})))}
10717)),Wd=n.a.forwardRef((function(e,t){let{setLoading:a}=e;const[l,r]=n.a.useState(["false"]),{currentUser:o}=Object(te.c)(),s=Object(c.db)(o),u=n.a.useMemo(()=>s?`${s}${w.t.VSC}`:null,[s]),{data:d}=Object(De.d)(I.Ub,{variables:{filter:{search:u}},skip:!u}),[m]=Object(De.c)(Jt.pd,{onCompleted:e=>{i.a.success({message:"Update background image success"})},onError:e=>{i.a.error({message:Object(c.ib)(null===e||void 0===e?void 0:e.toString())})}}),p=n.a.useRef(!1);n.a.useEffect(()=>{var e;const t=(null===d||void 0===d||null===(e=d.variables)||void 0===e?void 0:e.length)>0?d.variables[0]:null;if(null===t||void 0===t?void 0:t.value){const e=String(t.value).trim();e.length>0&&["true","false"].includes(e)&&r([e])}},[d]);const g=n.a.useCallback(async()=>{p.current&&(a(!0),await m({variables:{input:{key:u,value:(null===l||void 0===l?void 0:l.length)>0?l[0]:"false"}}}).finally(()=>{a(!1),p.current=!1}))},[u,m,a,l]),A=n.a.useCallback(e=>{r(e),p.current=!0},[]);return n.a.useImperativeHandle(t,()=>({onSubmit:g})),n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.k,{title:" Verify Tiktok Label shipping costs when fees exceed 50% of order revenue.",choices:[{label:"Enable",value:"true"},{label:"Disable",value:"false"}],selected:l,onChange:A}))})),Zd=a(1014);const Xd=o.a` 10718 query userByID($id: ID!) { 10719 userByID(id: $id) { 10720 firstName 10721 lastName 10722 email 10723 id 10724 } 10725 } 10726`;function em(e){return e&&Array.isArray(e)&&0!==e.length?e.map(e=>{let{user:t}=e;const{firstName:a,lastName:l,email:n,id:r}=t||{};return{label:`${[a,l].filter(Boolean).join(" ")} (${n})`,value:r}}):[]}
10726const tm=n.a.forwardRef((function(e,t){let{setLoading:a}=e;const[l,r]=n.a.useState([]),[i,o]=n.a.useState([]),[s,c]=n.a.useState([]),[u,d]=n.a.useState([]),[m,p]=n.a.useReducer((e,t)=>({...e,...t}),{limit:20,offset:0,search:null}),{data:g,loading:A,error:b}=Object(De.d)(I.yb),{data:f}=Object(De.d)(I.Vb),{data:v,loading:E,error:y}=Object(De.d)(I.xb,{variables:{filter:m}}),C=n.a.useRef(!1),[k]=Object(De.c)(Jt.qd);n.a.useEffect(()=>{const e=((null===g||void 0===g?void 0:g.teamRoles)||[]).map(e=>({label:e,value:e}));r(e)},[g]),n.a.useEffect(()=>{var e;const t=em((null===v||void 0===v||null===(e=v.teamMembers)||void 0===e?void 0:e.hits)||[]);c(t)},[v]),n.a.useEffect(()=>{!async function(){if(null===f||void 0===f?void 0:f.getViewOriginFile){const{roles:e,userIDs:t}=f.getViewOriginFile||{},a=(e||[]).filter(e=>(l||[]).some(t=>{let{value:a}=t;return a===e}));o(a);const{id1:n,id2:r}=(t||[]).reduce((e,t)=>((u||[]).some(e=>{let{value:a}=e;return a===t})?e.id1.push(t):e.id2.push(t),e),{id1:[],id2:[]});if(window.__apolloClient__){const e=em(await Promise.allSettled(r.map(async e=>await window.__apolloClient__.query({query:Xd,variables:{id:e}}))).then(e=>e.map(e=>{var t;let{status:a,value:l}=e;return"fulfilled"!==a?null:{user:null===l||void 0===l||null===(t=l.data)||void 0===t?void 0:t.userByID}}).filter(Boolean))),t=(e||[]).map(e=>{let{value:t}=e;return t});n.push(...t),c(t=>(t.push(...e),[...t]))}d(n)}}()},[f]);const O=n.a.useCallback(()=>{C.current&&(a(!0),k({variables:{input:{roles:i,userIDs:u}}}).finally(()=>{a(!1)}))},[u,i,k,a]),j=n.a.useRef(null),w=n.a.useCallback(e=>{j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{p({search:e})},500)},[]),S=n.a.useCallback(e=>{o(e),C.current=!0},[]),B=n.a.useCallback(e=>{d(e),C.current=!0},[]);return n.a.useImperativeHandle(t,()=>({onSubmit:O})),n.a.createElement(Zd.b,{direction:"vertical",style:{width:"100%"}},n.a.createElement("div",null,n.a.createElement("label",null,"Roles"),b?n.a.createElement("div",null,null===b||void 0===b?void 0:b.toString()):n.a.createElement(h.a,{options:l,value:i,allowClear:!0,"aria-multiline":"true",mode:"multiple",placeholder:"Select roles",onChange:S,loading:A,style:{width:"100%",marginTop:"0.5rem"}})),n.a.createElement("div",null,n.a.createElement("label",null,"Members"),y?n.a.createElement("div",null,null===y||void 0===y?void 0:y.toString()):n.a.createElement(h.a,{options:s,value:u,allowClear:!0,"aria-multiline":"true",mode:"multiple",placeholder:"Select accounts",loading:E,onChange:B,style:{width:"100%",marginTop:"0.5rem"},showSearch:!0,onSearch:w,filterOption:!1})))}));function am(e){return!e|!Array.isArray(e)||0===e.length?e:e.filter(Boolean).join("\n")}function lm(e){return e&&"string"===typeof e?e.split(/\n|\,/).filter(Boolean):e}
10726const nm=l.forwardRef((function(e,t){let{setLoading:a}=e;const[n]=x.a.useForm(),{data:r,loading:i,error:o}=Object(De.d)(I.Xb),[s,{loading:c}]=Object(De.c)(Jt.rd);l.useEffect(()=>{if(null===r||void 0===r?void 0:r.getWarningEmail){const{address:e,receiverEmails:t}=r.getWarningEmail||{},a=am(e),l=am(t);n.setFieldsValue({receiverEmails:l,address:a})}},[r,n]);const u=l.useCallback(e=>{a(!0);const{receiverEmails:t,address:l}=e||{},n=lm(t||""),r=lm(l||"");s({variables:{input:{address:r,receiverEmails:n}}}).finally(()=>{a(!1)})},[a]);return l.useImperativeHandle(t,()=>({onSubmit:n.submit})),i||c?l.createElement(f.a,null):o?l.createElement("div",null,"Error: ",null===o||void 0===o?void 0:o.toString()):l.createElement(x.a,{form:n,labelCol:{span:24},wrapperCol:{span:24},onFinish:u},l.createElement(x.a.Item,{label:"Add email lists to get notifications whenever detected order's address that cannot be shipped",name:"receiverEmails"},l.createElement(p.a.TextArea,{placeholder:"Enter emails receiver",rows:3})),l.createElement(x.a.Item,{label:"List addresses that cannot be shipped",name:"address",help:"Address, City, State separate by `|`"},l.createElement(p.a.TextArea,{placeholder:"Address|City|State",rows:5})))}));
10726var rm=n.a.forwardRef((function(e,t){let{setLoading:a}=e;const[l,r]=n.a.useState(["false"]),[o,s]=n.a.useState("30"),{currentUser:u}=Object(te.c)(),d=Object(c.db)(u),m=n.a.useMemo(()=>d?`${d}${w.t.SOHT}`:null,[d]),{data:p}=Object(De.d)(I.Ub,{variables:{filter:{search:m}},skip:!m}),[g]=Object(De.c)(Jt.pd,{onCompleted:()=>{i.a.success({message:"Update set on-hold time success"})},onError:e=>{i.a.error({message:Object(c.ib)(null===e||void 0===e?void 0:e.toString())})}}),A=n.a.useRef(!1);n.a.useEffect(()=>{var e;const t=(null===p||void 0===p||null===(e=p.variables)||void 0===e?void 0:e.length)>0?p.variables[0]:null;if(null===t||void 0===t?void 0:t.value){const e=String(t.value).trim();e.length>0&&(r(["true"]),s(e))}},[p]);const b=n.a.useCallback(async()=>{if(!A.current)return;let e=l.includes("true")?o:"";a(!0),await g({variables:{input:{key:m,value:e}}}).finally(()=>{a(!1),A.current=!1})},[m,g,a,o,l]),h=n.a.useCallback(e=>{s(e),A.current=!0},[]),f=n.a.useCallback(e=>{r(e),A.current=!0},[]);return n.a.useImperativeHandle(t,()=>({onSubmit:b})),n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.k,{title:"Set on-hold time (default 30 minutes) for all On Hold orders before submit to third party fulfillemnt.",choices:[{label:"Enable",value:"true"},{label:"Disable",value:"false"}],selected:l,onChange:f}),l.includes("true")&&n.a.createElement(D.cb,{min:1,type:"number",helpText:"Unit is minute",value:o,onChange:h}))})),im=a(460);
10726var om=Object(l.forwardRef)((function(e,t){let{setLoading:a}=e;const{currentUser:r}=Object(te.c)(),o=Object(c.cb)(r),[s,u]=Object(l.useState)(o||""),[d]=Object(De.c)(im.j,{onCompleted:()=>{i.a.success({message:"Update address for Team success"})},onError:e=>{i.a.error({message:Object(c.ib)(null===e||void 0===e?void 0:e.toString())})}}),m=n.a.useRef(!1),p=Object(l.useCallback)(e=>{u(e),m.current=!0},[]),g=Object(l.useCallback)(()=>{m.current&&d({variables:{input:{address:s,id:""}}}).finally(()=>{a(!1),m.current=!1})},[d,s]);return Object(l.useImperativeHandle)(t,()=>({onSubmit:g})),n.a.createElement(D.cb,{value:s,onChange:p,placeholder:"Enter Team's address"})})),sm=a(124),cm=a(171);const um=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,a=arguments.length>2?arguments[2]:void 0;const l=JSON.stringify(e),r=n.a.useMemo(()=>({variables:JSON.parse(l),skip:t,query:o.a` 10727 query listUserTeamByRoles($roles: [String!]!) { 10728 listUserTeamByRoles(roles: $roles) { 10729 ${a} 10730 } 10731 } 10732 `}),[l,t,a]);return Object(cm.a)({queryOptions:r,path:"data.listUserTeamByRoles"})};var dm=a(143),mm=a(41);function pm(e,t){return Object(c.c)(e)?[]:e.filter(t)}function gm(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>(null===e||void 0===e?void 0:e.user)?{value:e.user.id,label:[e.user.firstName,e.user.lastName].filter(Boolean).join(" ")+` (${e.user.id||""})`,data:e}:null;return Object(c.c)(e)?[]:e.map(t).filter(Boolean)}var Am=function(e){var t;let{value:a,source:l,error:r,label:i,labelHidden:o,allowMultiple:s,onChange:u=(()=>{}),fragment:d="id role user {id firstName lastName}",filter:m={},getValueImmediate:p,required:g}=e;const[A,b]=n.a.useReducer(c.Hb,{options:[],selected:[],inputVal:"",selectedOptions:[],deselectedOptions:[]}),{data:h,loading:f,error:v}=um(m,!1,d),E=n.a.useMemo(()=>"INPUT_COLLECTION_"+(Math.random()+"").slice(2,16),[]),y=n.a.useMemo(()=>"AUTOCOMPLETE_COLLECTION_"+(Math.random()+"").slice(2,16),[]),C=n.a.useMemo(()=>`div[role="combobox"][aria-controls="${y}"]`,[y]),k=n.a.useRef(null);n.a.useEffect(()=>{!async function(){const e=h||[];if(0===(null===e||void 0===e?void 0:e.length))return void b({options:[],deselectedOptions:[]});let t=gm(e);if(k.current,b({options:t,deselectedOptions:t}),null!=k.current&&!w.current){const e=document.getElementById(E);e&&(e.blur&&e.blur(),await Object(c.Ob)(0),e.focus&&e.focus())}}()},[h,l,a,d]);const O=n.a.useCallback((e,t)=>gm(e,e=>t.find(t=>{let{value:a}=t;return a===e})).filter(Boolean),[]);n.a.useLayoutEffect(()=>{if(Object(c.c)(a)||Object(c.c)(A.options))return;const e=Object(c.fb)("value",A.options,A.deselectedOptions),t=O(a,e),l={selected:a,deselectedOptions:e};if(s)l.selectedOptions=t;else{const[e]=t||[],{label:a}=e||{};l.inputVal=a||""}b(l)},[a,A.options,O,s]);const j=Object(sm.a)(u),w=n.a.useRef(!1),S=n.a.useCallback(e=>{const t=O(e,Object(c.fb)("value",A.options,A.deselectedOptions)),a={selected:e,selectedOptions:t},[l]=t||[],{label:n}=l||{};if(s||(a.inputVal=n),b(a),w.current=!0,p){const a=function(e,t,a){const[l]=t||[],{value:n}=l||{};return a?[e,t]:[n,l]}(e,t,s);j(...a)}},[s,A.options,A.deselectedOptions,O,p]),[I]=Object(mm.a)(),B=n.a.useCallback(e=>{if(b({inputVal:e}),k.current=!!e,e)try{I(()=>{const t=new RegExp(e,"gi"),a=(A.deselectedOptions||[]).filter(e=>!!(e.label||"").match(t));b({options:a})})}catch(t){console.error("err >",t)}else b({options:A.deselectedOptions})},[A.deselectedOptions]),P=n.a.useCallback(e=>()=>{const t=pm(A.selected,t=>t!==e),a=pm(A.selectedOptions,t=>t.value!==e);b({selected:t,selectedOptions:a}),s&&j(t,a)},[j,s,A.selectedOptions,A.selected]);n.a.useLayoutEffect(()=>{if(p)return;const e=document.querySelector(C);if(e&&j){function t(t){if(!JSON.parse(e.getAttribute("aria-expanded")||"")&&!e.contains(t.target)&&w.current){const e=A.selectedOptions,t=A.selected,[a]=e||[],{value:l}=a||{};s?j(t,e):j(l,a),w.current=!1,k.current=null}}return document.addEventListener("click",t),()=>{document.removeEventListener("click",t)}}},[A.selectedOptions,A.selected,p]);const x=n.a.useCallback(()=>{b(e=>({...e,inputVal:"",selectedOptions:[],selected:[],options:e.deselectedOptions})),j(null)},[j]),M=n.a.createElement(D.c.TextField,{value:A.inputVal,onChange:B,placeholder:"Search member",error:r,id:E,clearButton:!0,onClearButtonClick:x});return n.a.createElement(n.a.Fragment,null,o?null:n.a.createElement(al.a,{label:i||"Member",required:g}),v?n.a.createElement("div",null,"Error: ",Object(c.ib)(null===v||void 0===v?void 0:v.toString())):n.a.createElement(n.a.Fragment,null,n.a.createElement(D.c,{options:A.options,selected:A.selected,onSelect:S,textField:M,allowMultiple:s,emptyState:n.a.createElement("span",null,"No items found!"),loading:f,id:y}),s?n.a.createElement(dm.a,null,(null===(t=A.selectedOptions)||void 0===t?void 0:t.length)>0?A.selectedOptions.map(e=>n.a.createElement(D.ab,{children:e.label,key:e.value,onRemove:P(e.value)})):null):null))};
10732var bm=n.a.forwardRef((function(e,t){let{setLoading:a}=e;const[l,r]=n.a.useState(["false"]),[o,s]=n.a.useState("30"),[u,d]=n.a.useReducer(c.Hb,{users:[],selected:[]}),{currentUser:m}=Object(te.c)(),p=Object(c.db)(m),g=n.a.useMemo(()=>p?`${p}${w.t.TPM}`:null,[p]),{data:A}=Object(De.d)(I.Ub,{variables:{filter:{search:g}},skip:!g}),[b]=Object(De.c)(Jt.pd,{onCompleted:()=>{i.a.success({message:"Enable Tiktok Push Mass for seller success"})},onError:e=>{i.a.error({message:Object(c.ib)(null===e||void 0===e?void 0:e.toString())})}}),h=n.a.useRef(!1);n.a.useEffect(()=>{const e=function(e){return(Object(C.get)(e,"variables[0].value")||"").trim().split(",").map(e=>(e||"").trim()).filter(Boolean)}(A);d({selected:e})},[A]);const f=n.a.useCallback(async()=>{if(!h.current)return;let e=function(e){return(Object(C.get)(e,"selected")||[]).filter(Boolean).join(",")}(u);a(!0),await b({variables:{input:{key:g,value:e}}}).finally(()=>{a(!1),h.current=!1})},[g,b,a,u.selected]),v=n.a.useCallback(e=>{d({selected:e}),h.current=!0},[]);return n.a.useImperativeHandle(t,()=>({onSubmit:f})),n.a.createElement(D.Y,{vertical:!0},n.a.createElement(Am,{label:"Users",value:u.selected,onChange:v,getValueImmediate:!0,allowMultiple:!0,filter:{roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager]}}))}
10732)),hm=n.a.forwardRef((function(e,t){let{setLoading:a}=e;const[l,r]=n.a.useState(["false"]),{currentUser:o}=Object(te.c)(),s=Object(c.db)(o),u=n.a.useMemo(()=>s?`${s}${w.t.TP}`:null,[s]),{data:d}=Object(De.d)(I.Ub,{variables:{filter:{search:u}},skip:!u}),[m]=Object(De.c)(Jt.pd,{onCompleted:()=>{i.a.success({message:"Update Task preview success"})},onError:e=>{i.a.error({message:Object(c.ib)(null===e||void 0===e?void 0:e.toString())})}}),p=n.a.useRef(!1);n.a.useEffect(()=>{var e;const t=(null===d||void 0===d||null===(e=d.variables)||void 0===e?void 0:e.length)>0?d.variables[0]:null;if(null===t||void 0===t?void 0:t.value){const e=String(t.value).trim();e.length>0&&r([e])}},[d]);const g=n.a.useCallback(async()=>{p.current&&(a(!0),await m({variables:{input:{key:u,value:(null===l||void 0===l?void 0:l.length)>0?l[0]:"false"}}}).finally(()=>{a(!1),p.current=!1}))},[u,m,a,l]),A=n.a.useCallback(e=>{r(e),p.current=!0},[]);return n.a.useImperativeHandle(t,()=>({onSubmit:g})),n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.k,{title:"Enable Task Preview",choices:[{label:"Enable",value:"true"},{label:"Disable",value:"false"}],selected:l,onChange:A}))}));const fm=j.b.div` 10733 display: flex; 10734 align-items: center; 10735 gap: 1rem; 10736 .copy-box { 10737 padding: 0.2rem 1rem; 10738 border-radius: var(--p-border-radius-base, 3px); 10739 margin-top: 0.5rem; 10740 border-color: rgb(183, 193, 202); 10741 gap: 0.5rem; 10742 } 10743`;function vm(){const e=Object(l.useRef)({tracking:null}),[t,a]=Object(l.useState)([]),{currentUser:r}=Object(te.c)(),i=ce()(r,"isRootUser",!1),o=Object(l.useCallback)(async()=>{const t=Object.keys(e.current);let a=0;for(let l of t){if("enable2fa"===l)continue;const t=e.current[l];t.onSubmit&&"function"===typeof t.onSubmit&&(t.onSubmit(),a++)}if(a>1&&await Object(c.Ob)(1e3),e.current.enable2fa){const t=e.current.enable2fa;t.onSubmit&&"function"===typeof t.onSubmit&&t.onSubmit()}},[]),s=Object(l.useCallback)(e=>t=>{a(a=>(a[e]=t,[...a]))},[]);return n.a.createElement(b.a,null,n.a.createElement(Pe.a,{defaultActiveKey:["tracking"]},n.a.createElement(Pe.a.Panel,{key:"tracking",header:"Tracking"},n.a.createElement(Em,{ref:t=>e.current.tracking=t,setLoading:s(0)})),n.a.createElement(Pe.a.Panel,{key:"emailForward",header:"Email notification"},n.a.createElement(km,{ref:t=>e.current.emailForward=t,setLoading:s(2)})),n.a.createElement(Pe.a.Panel,{key:"warningEmail",header:"Warning about addresses that cannot be shipped"},n.a.createElement(nm,{ref:t=>e.current.warningEmail=t,setLoading:s(4)})),n.a.createElement(Pe.a.Panel,{key:"viewOriginal",header:"View Original File"},n.a.createElement(tm,{ref:t=>e.current.viewOriginFile=t,setLoading:s(5)}
10743)),i?n.a.createElement(n.a.Fragment,null,n.a.createElement(Pe.a.Panel,{key:"enable2fa",header:"Two-Factor Authentication (2FA)"},n.a.createElement(Kd,{ref:t=>e.current.enable2fa=t,setLoading:s(3)})),n.a.createElement(Pe.a.Panel,{key:"backgroundImage",header:n.a.createElement("div",null,n.a.createElement("span",null,"Config Background Image"),n.a.createElement("span",{style:{color:"rgba(0, 0, 0, 0.45)",display:"block"}},"Set a default background color for all image files."))},n.a.createElement(Yd,{ref:t=>e.current.backgroundImage=t,setLoading:s(6)})),n.a.createElement(Pe.a.Panel,{key:"verifyShippingCost",header:"Check Tiktok label shipping cost"},n.a.createElement(Wd,{ref:t=>e.current.verifyShippingCost=t,setLoading:s(7)})),n.a.createElement(Pe.a.Panel,{key:"setOnHoldTime",header:"Set On Hold Time"},n.a.createElement(rm,{ref:t=>e.current.setOnHoldTime=t,setLoading:s(7)})),n.a.createElement(Pe.a.Panel,{key:"teamAddress",header:"Set Address for Team"},n.a.createElement(om,{ref:t=>e.current.teamAddress=t,setLoading:s(8)})),n.a.createElement(Pe.a.Panel,{key:"enable_push_mass",header:"Enable Tiktok Push Mass"},n.a.createElement(bm,{ref:t=>e.current.enablePushMass=t,setLoading:s(9)})),n.a.createElement(Pe.a.Panel,{key:"enable_task_preview",header:"Enable Task Preview"},n.a.createElement(hm,{ref:t=>e.current.taskPreview=t,setLoading:s(10)}))):null),n.a.createElement("div",{className:"actions mt-8"},n.a.createElement(v.a,{type:"primary",onClick:o,children:"Submit",loading:t.some(e=>!!e)})))}
10743const Em=n.a.forwardRef((function(e,t){let{setLoading:a}=e;const{currentUser:r}=Object(te.c)(),o=ce()(r,"teamUser.team.id"),s=n.a.useRef(!1),[u,d]=Object(l.useReducer)((e,t)=>({...e,...t}),{isEnable:!1,isEdit:!1}),{data:m,loading:g,error:A}=Object(De.d)(I.Nb,{variables:{teamId:o},skip:!o}),[b]=Object(De.c)(Jt.ob),[v]=Object(De.c)(Jt.te),[y]=x.a.useForm(),C=Object(l.useMemo)(()=>Array.from({length:8}).map((e,t)=>t+""),[]);Object(l.useEffect)(()=>{if(null!=(null===m||void 0===m?void 0:m.getTrackingConfig)){const{teamId:e,__typename:t,timeSubmitTrackingDelay:a,timeSubmitTrackingToStoreDelay:l,...n}=m.getTrackingConfig,r=-1===l?"nothing":(l||"nothing")+"";y.setFieldsValue({...n,timeSubmitTrackingDelay:(a||1)+"",timeSubmitTrackingToStoreDelay:r}),d({isEdit:!0,isEnable:n.isEnable})}},[m,y]);const k=Object(l.useCallback)(e=>{s.current=!0;const{isEnable:t}=e;null!=t&&d({isEnable:t})},[]),O=Object(l.useCallback)(e=>{if(!s.current)return;if(!o)return;a(!0);const{timeSubmitTrackingDelay:t,timeSubmitTrackingToStoreDelay:l,isEnable:n,trackingmoreApi:r}=e,d=u.isEdit?v:b,m=u.isEdit?"Update":"Create",p="nothing"!==l?parseInt(l,10):-1;d({variables:{input:{teamId:o,isEnable:n,trackingmoreApi:n?r:void 0,timeSubmitTrackingDelay:n?parseInt(t||0):void 0,timeSubmitTrackingToStoreDelay:n?void 0:p}}}).then(()=>{i.a.success({message:m+" tracking config success."})}).catch(e=>{i.a.error({message:Object(c.ib)(null===e||void 0===e?void 0:e.toString())})}).finally(()=>{a(!1),s.current=!1})},[u.isEdit,o,a,v,b]);return Object(l.useImperativeHandle)(t,()=>({onSubmit:y.submit}),[y]),n.a.createElement(x.a,{form:y,wrapperCol:{span:24},labelCol:{span:24},onValuesChange:k,onFinish:O,initialValues:{timeSubmitTrackingDelay:"1",timeSubmitTrackingToStoreDelay:"nothing",isEnable:!1}},g?n.a.createElement(f.a,null):A?n.a.createElement("div",null,"Error: ",Object(c.ib)(A.toString())):n.a.createElement(n.a.Fragment,null,n.a.createElement(x.a.Item,{name:"isEnable",valuePropName:"checked"},n.a.createElement(E.a,{children:"Using TrackingMore service"})),u.isEnable?n.a.createElement(n.a.Fragment,null,n.a.createElement(x.a.Item,{label:"Submit tracking delay",name:"timeSubmitTrackingDelay",help:"Set the delay duration to N days before submitting the shipment to TrackingMore."},n.a.createElement(h.a,{placeholder:"Choose time submit tracking delay"},C.map((e,t)=>n.a.createElement(h.a.Option,{key:"option-"+t,value:""+e},e," ",e<2?"day":"days")))),n.a.createElement(x.a.Item,{label:"Trackingmore API",name:"trackingmoreApi",help:n.a.createElement(fm,null,"You must set a webhook url to",n.a.createElement(Jd.a,{text:"https://api.merchbridge.com/tracking-more/wh-zk1XSw6mG1"})," ","in your"," ",n.a.createElement("a",{href:"https://admin.trackingmore.com/developer/webhooks"},"TrackingMore account"))},n.a.createElement(p.a,{placeholder:"Enter Trackingmore API"}))):n.a.createElement(x.a.Item,{label:"Time Submit Tracking To Store Delay",name:"timeSubmitTrackingToStoreDelay",help:"Set the delay duration to N days before submitting the shipment to store: Ebay, Shopify, WooCommerce, Shopbase."},n.a.createElement(h.a,{placeholder:"Choose time submit tracking to Store delay"},[...C,"nothing"].map((e,t)=>n.a.createElement(h.a.Option,{key:"option-"+t,value:""+e},"nothing"===e?"Do nothing":`${e} ${e<2?"day":"days"}`))))))})),ym=o.a` 10744 query teamMembers($filter: TeamUserFilter) { 10745 teamMembers(filter: $filter) { 10746 hits { 10747 id 10748 user { 10749 id 10750 firstName 10751 lastName 10752 email 10753 teamUser { 10754 id 10755 role 10756 } 10757 } 10758 } 10759 } 10760 }
10761`,Cm=(n.a.forwardRef((function(e,t){let{setLoading:a}=e;const[l,r]=n.a.useState({limit:20,offset:0,status:!0,search:""}),[o,s]=n.a.useState([]),[u,d]=n.a.useState([]),m=n.a.useRef(!1),{data:p}=Object(De.d)(I.Sb),{data:g,loading:A,error:b}=Object(De.d)(ym,{variables:{filter:l}}),[f]=Object(De.c)(Jt.ve,{onCompleted:()=>{i.a.success({message:"Update user has permission success."})},onError:e=>{i.a.error({message:Object(c.ib)(null===e||void 0===e?void 0:e.toString())})}});n.a.useEffect(()=>{const e=(null===p||void 0===p?void 0:p.getUserHasPermissionAcceptAccessInTeam)||[];if((null===e||void 0===e?void 0:e.length)>0){const t=e.map(e=>{let{id:t}=e;return t});s(t)}},[p]),n.a.useEffect(()=>{var e;const t=(null===g||void 0===g||null===(e=g.teamMembers)||void 0===e?void 0:e.hits)||[],a=(null===p||void 0===p?void 0:p.getUserHasPermissionAcceptAccessInTeam)||[],l=Om(t),n=Om(a),r=new Map([...n,...l].map(e=>[e.value,e])),i=Array.from(r.values());d(i)},[g,p]);const v=n.a.useCallback(()=>{if(!m.current)return;if(!o||0===o.length)return;const e=o.filter(Boolean);a(!0),f({variables:{userIds:(null===e||void 0===e?void 0:e.length)>0?e:[]}}).finally(()=>{a(!1),m.current=!1})},[o]);n.a.useImperativeHandle(t,()=>({onSubmit:v}));const E=n.a.useCallback(e=>{s(e),m.current=!0},[]);return b?n.a.createElement("div",null,"Error: ",b.toString()):n.a.createElement(h.a,{showSearch:!0,onSearch:e=>r(t=>({...t,search:e})),options:u,onChange:E,filterOption:!1,value:o,mode:"multiple",style:{width:"100%"},loading:A})})),{color:"rgba(0, 0, 0, 0.85)",fontSize:14,fontWeight:500,marginTop:-5,display:"block",marginBottom:5}
10761),km=n.a.forwardRef((function(e,t){let{setLoading:a}=e;const[l,r]=n.a.useState({limit:20,offset:0,status:!0,search:"",role:"Admin"}),[o,s]=n.a.useState([]),[u,d]=n.a.useState([]),m=n.a.useRef(!1),{data:p}=Object(De.d)(I.J),{data:g,loading:A,error:b}=Object(De.d)(ym,{variables:{filter:l}}),[f]=Object(De.c)(Jt.Pd,{onCompleted:()=>{i.a.success({message:"Update email forward success."})},onError:e=>{i.a.error({message:Object(c.ib)(null===e||void 0===e?void 0:e.toString())})}});n.a.useEffect(()=>{const e=(null===p||void 0===p?void 0:p.getManualOrderCreationNotice)||[];if((null===e||void 0===e?void 0:e.length)>0){const t=e.map(e=>{let{id:t}=e;return t});s(t)}},[p]),n.a.useEffect(()=>{var e;const t=(null===g||void 0===g||null===(e=g.teamMembers)||void 0===e?void 0:e.hits)||[],a=(null===p||void 0===p?void 0:p.getManualOrderCreationNotice)||[],l=Om(t),n=Om(a),r=new Map([...n,...l].map(e=>[e.value,e])),i=Array.from(r.values());d(i)},[g,p]);const v=n.a.useCallback(()=>{if(!m.current)return;const e=(o||[]).filter(Boolean);a(!0),f({variables:{userIds:(null===e||void 0===e?void 0:e.length)>0?e:[]}}).finally(()=>{a(!1),m.current=!1})},[o]);n.a.useImperativeHandle(t,()=>({onSubmit:v}));const E=n.a.useCallback(e=>{s(e),m.current=!0},[]);return b?n.a.createElement("div",null,"Error: ",b.toString()):n.a.createElement(n.a.Fragment,null,n.a.createElement("label",{style:Cm},"Add email lists to get notifications whenever a new manual order is created."),n.a.createElement(h.a,{showSearch:!0,onSearch:e=>r(t=>({...t,search:e})),options:u,onChange:E,filterOption:!1,value:o,mode:"multiple",style:{width:"100%"},loading:A}))}));function Om(e){return e&&0!==e.length?e.map(e=>{let t=null!=(null===e||void 0===e?void 0:e.user)?e.user:e;const{id:a,firstName:l,lastName:n,email:r}=t||{};return{value:a,label:`${l} ${n} (${r})`}}):e}const{Title:jm}=It.a,wm=n.a.lazy(()=>a.e(102).then(a.bind(null,1646))),Sm=n.a.lazy(()=>a.e(47).then(a.bind(null,1771))),Im=n.a.lazy(()=>a.e(104).then(a.bind(null,1772))),Bm=n.a.lazy(()=>a.e(103).then(a.bind(null,1773))),Dm=n.a.lazy(()=>a.e(48).then(a.bind(null,1774))),Pm=n.a.lazy(()=>a.e(49).then(a.bind(null,1775))),xm=o.a` 10762 query variables($filter: VariableFilter) { 10763 variables(filter: $filter) { 10764 id 10765 key 10766 value 10767 } 10768 } 10769`,Mm=j.b.div` 10770 .actions { 10771 margin-top: 20px; 10772 } 10773`;class Tm extends l.Component{constructor(){super(...arguments),this.state={loading:!1},this.mailchimpRef=n.a.createRef(),this.emailNotification=n.a.createRef(),this.enable2fa=n.a.createRef(),this.enableStoreFulfillment=n.a.createRef(),this.accessPayment=n.a.createRef(),this.pushProducts=n.a.createRef(),this.mailNotification=n.a.createRef(),this.fulfillmentConfig=n.a.createRef(),this.internalConfig=n.a.createRef()}render(){const{currentUser:e}=this.context||{},{isRootUser:t}=e||{},{isAdministrator:a}=Object(c.j)(e),l=a&&t;return n.a.createElement(Mm,null,n.a.createElement(ma,{title:"Settings"}),n.a.createElement(s.b,{query:xm},e=>{let{error:t,loading:a,data:s,client:u,refetch:d}=e;if(t)return n.a.createElement("div",null,"Error: ",Object(c.ib)(t.toString()));if(a)return n.a.createElement(r.a,{active:!0});let m={};if(s.variables&&s.variables.length)for(let l=0;l<s.variables.length;l++)m[s.variables[l].key]=s.variables[l].value;const g=["on_hold_order_days","submit_tracking_delay","google_categories","shopify_api","shopify_secret","trackingmore_api","shopbase_key","shopbase_secret","mail_notification","invoice_company_name","invoice_company_address","invoice_payment_paypal_email","invoice_payment_payoneer_email","invoice_payment_pingpong_email","invoice_payment_bank_name","invoice_payment_bank_account_number","invoice_payment_bank_beneficiary","invoice_payment_rate_1usd_to_vnd"];let A={};for(let l=0;l<g.length;l++)A[g[l]]=m[g[l]]?m[g[l]]:"";const E={};E.push_product_jobs_priority_by=m.push_product_jobs_priority_by,E.push_product_jobs_priority_special_ids=m.push_product_jobs_priority_special_ids;const y=m[w.t.MN],C=m[w.t.FC];return n.a.createElement(b.a,null,n.a.createElement(x.a,{wrapperCol:{span:24},labelCol:{span:24},initialValues:A,onFinish:e=>{this.mailchimpRef.current&&this.mailchimpRef.current.onSubmit(),this.emailNotification.current&&this.emailNotification.current.onSubmit(),this.enable2fa.current&&this.enable2fa.current.onSubmit(),this.enableStoreFulfillment.current&&this.enableStoreFulfillment.current.onSubmit(),this.accessPayment.current&&this.accessPayment.current.onSubmit(),this.pushProducts.current&&this.pushProducts.current.onSubmit(),this.mailNotification.current&&this.mailNotification.current.onSubmit(),this.fulfillmentConfig.current&&this.fulfillmentConfig.current.onSubmit(),this.internalConfig.current&&this.internalConfig.current.onSubmit(),Object.keys(e).length!==g.length&&(e={...A,...e});let t=g.map(e=>`$input__${e}: NewVariable!`),a=g.map((e,t)=>`mutation__${t}:setVariable(input: $input__${e}){id}`);const l=`mutation setVariable(${t.join(",")}){ ${a.join("\n")} }`;let n={};for(let i=0;i<g.length;i++){const t=g[i],a=""+e[t];n["input__"+t]={key:t,value:a}}const r=o.a` 10774 ${l} 10775 `;this.setState({loading:!0},()=>{u.mutate({mutation:r,variables:n}).then(()=>{i.a.success({message:"Settings has been saved!"}),this.setState({loading:!1})}).catch(e=>{this.setState({loading:!1}),i.a.error({message:Object(c.ib)(e.toString())})})})}},n.a.createElement(Pe.a,{defaultActiveKey:["general"]},n.a.createElement(Pe.a.Panel,{key:"general",header:"General settings"},n.a.createElement(x.a.Item,{label:"On Hold Order",name:"on_hold_order_days"},n.a.createElement(h.a,null,["12 hours","1 day","2 days","3 days","4 days","5 days","6 days","7 days"].map(e=>n.a.createElement(h.a.Option,{key:""+e,value:""+e},e)))),n.a.createElement(x.a.Item,{label:"Google shopping categories",name:"google_categories"},n.a.createElement(p.a.TextArea,{style:{minHeight:200}}))),n.a.createElement(Pe.a.Panel,{key:"shopify",header:"Shopify"},n.a.createElement(x.a.Item,{label:"API",name:"shopify_api"},n.a.createElement(p.a,null)),n.a.createElement(x.a.Item,{label:"Secret",name:"shopify_secret"},n.a.createElement(p.a,null))),n.a.createElement(Pe.a.Panel,{key:"tracking",header:"Tracking"},n.a.createElement(x.a.Item,{label:"Submit tracking delay",name:"submit_tracking_delay"},n.a.createElement(h.a,null,[0,1,2,3,4,5,6,7].map(e=>n.a.createElement(h.a.Option,{key:""+e,value:""+e},e," days")))),n.a.createElement(x.a.Item,{label:"Trackingmore API",name:"trackingmore_api"},n.a.createElement(p.a,null))),n.a.createElement(Pe.a.Panel,{key:"shopbase",header:"Shopbase"},n.a.createElement(x.a.Item,{label:"Api key",name:"shopbase_key"},n.a.createElement(p.a,null)),n.a.createElement(x.a.Item,{label:"Api Secret",name:"shopbase_secret"},n.a.createElement(p.a,null))),n.a.createElement(Pe.a.Panel,{key:"mailchimp",header:"Mailchimp"},n.a.createElement(Qm,{ref:this.mailchimpRef})),n.a.createElement(Pe.a.Panel,{key:"enableStoreFulfillment",header:"Enable Store Fulfillment"},n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(f.a,null)},n.a.createElement(wm,{ref:this.enableStoreFulfillment}))),n.a.createElement(Pe.a.Panel,{key:"enable2fa",header:"Two-Factor Authentication (2FA)"},n.a.createElement(Kd,{ref:this.enable2fa})),l?n.a.createElement(Pe.a.Panel,{key:"accessPayment",header:"Access Payment Accounts"},n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(f.a,null)},n.a.createElement(Sm,{ref:this.accessPayment}))):null,n.a.createElement(Pe.a.Panel,{key:"pushProducts",header:"Push products"},n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(f.a,null)},n.a.createElement(Im,{value:E,ref:this.pushProducts,refetch:d}))),n.a.createElement(Pe.a.Panel,{key:"mailNotification",header:"Mail Notification"},n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(f.a,null)},n.a.createElement(Bm,{value:y,ref:this.mailNotification,refetch:d}))),n.a.createElement(Pe.a.Panel,{key:"fulfillmentConfig",header:"Set Fulfillment Config"},n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(f.a,null)},n.a.createElement(Dm,{value:C,ref:this.fulfillmentConfig,refetch:d}))),n.a.createElement(Pe.a.Panel,{key:"internalConfig",header:"Private data access"},n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(f.a,null)},n.a.createElement(Pm,{ref:this.internalConfig,refetch:d}))),n.a.createElement(Pe.a.Panel,{key:"invoice_payment_settings",header:"Invoice payment settings"},n.a.createElement(jm,{level:4},"Company info:"),n.a.createElement(x.a.Item,{label:"Company name",name:"invoice_company_name"},n.a.createElement(p.a,null)),n.a.createElement(x.a.Item,{label:"Company address",name:"invoice_company_address"},n.a.createElement(p.a,null)),n.a.createElement("hr",null),n.a.createElement(jm,{level:4},"Payment info:"),n.a.createElement(x.a.Item,{label:"Paypal email",name:"invoice_payment_paypal_email"},n.a.createElement(p.a,null)),n.a.createElement(x.a.Item,{label:"Payoneer email",name:"invoice_payment_payoneer_email"},n.a.createElement(p.a,null)),n.a.createElement(x.a.Item,{label:"Pingpong email",name:"invoice_payment_pingpong_email"},n.a.createElement(p.a,null)),n.a.createElement("hr",null),n.a.createElement(x.a.Item,{label:"Bank name",name:"invoice_payment_bank_name"},n.a.createElement(p.a,null)),n.a.createElement(x.a.Item,{label:"Bank account number",name:"invoice_payment_bank_account_number"},n.a.createElement(p.a,null)),n.a.createElement(x.a.Item,{label:"Bank beneficiary",name:"invoice_payment_bank_beneficiary"},n.a.createElement(p.a,null)),n.a.createElement(x.a.Item,{label:"Rate of: 1 USD to VND",name:"invoice_payment_rate_1usd_to_vnd"},n.a.createElement(p.a,null)))),n.a.createElement("div",{className:"actions"},n.a.createElement(v.a,{loading:this.state.loading,htmlType:"submit",type:"primary"},"Save Settings"))))}))}}const Qm=n.a.forwardRef((function(e,t){const{data:a,loading:l,error:r}=Object(De.d)(I.I),[o]=x.a.useForm(),[s]=Object(De.c)(Jt.gd,{onCompleted:()=>{i.a.success({message:"Save Mailchimp success"})},onError:e=>{i.a.error({message:Object(c.ib)(e.toString())})}}),u=n.a.useCallback(()=>{const e=o.getFieldsValue(["apiKey","listId"]);Object.values(e).every(Boolean)&&s({variables:{...e}})},[o,s]);return n.a.useEffect(()=>{if(null===a||void 0===a?void 0:a.getMailchimp){const{apiKey:e,listId:t}=a.getMailchimp;o.setFieldsValue({apiKey:e,listId:t})}},[a,o]),n.a.useImperativeHandle(t,()=>({onSubmit:u}),[]),n.a.createElement(n.a.Fragment,null,l?n.a.createElement(f.a,null):r?n.a.createElement("div",null,"Error: ",Object(c.ib)(null===r||void 0===r?void 0:r.toString())):null,n.a.createElement(x.a,{form:o,wrapperCol:{span:24},labelCol:{span:24}},n.a.createElement(x.a.Item,{label:"API Key",name:"apiKey"},n.a.createElement(p.a,{placeholder:"Enter api key"})),n.a.createElement(x.a.Item,{label:"List ID",name:"listId"},n.a.createElement(p.a,{placeholder:"Enter List ID"}))))})),Rm=o.a` 10776 query users($filter: FindFilter) { 10777 users(filter: $filter) { 10778 nodes { 10779 id 10780 firstName 10781 lastName 10782 email 10783 } 10784 } 10785 } 10786`;n.a.forwardRef((e,t)=>
10786{let{}=e;const[a,l]=n.a.useState({limit:20,offset:0,status:!0,search:""}),[r,o]=n.a.useState([]),[s,u]=n.a.useState([]),d=n.a.useRef(!1),{data:m}=Object(De.d)(I.J),{data:p,loading:g,error:A}=Object(De.d)(Rm,{variables:{filter:a}}),[b]=Object(De.c)(Jt.Pd,{onCompleted:()=>{i.a.success({message:"Update user has permission success."})},onError:e=>{i.a.error({message:Object(c.ib)(null===e||void 0===e?void 0:e.toString())})}});n.a.useEffect(()=>{const e=(null===m||void 0===m?void 0:m.getManualOrderCreationNotice)||[];if((null===e||void 0===e?void 0:e.length)>0){const t=e.map(e=>{let{id:t}=e;return t});o(t)}},[m]),n.a.useEffect(()=>{var e;const t=(null===p||void 0===p||null===(e=p.users)||void 0===e?void 0:e.nodes)||[],a=(null===m||void 0===m?void 0:m.getManualOrderCreationNotice)||[],l=Om(t),n=Om(a),r=new Map([...n,...l].map(e=>[e.value,e])),i=Array.from(r.values());u(i)},[p,m]);const f=n.a.useCallback(()=>{if(!d.current)return;const e=(r||[]).filter(Boolean);b({variables:{userIds:(null===e||void 0===e?void 0:e.length)>0?e:[]}}).finally(()=>{d.current=!1})},[r]);n.a.useImperativeHandle(t,()=>({onSubmit:f}));const v=n.a.useCallback(e=>{o(e),d.current=!0},[]),E=n.a.useRef(null),y=n.a.useCallback(e=>{E.current&&clearTimeout(E.current),E.current=setTimeout(()=>{l(t=>({...t,search:e}))},500)},[]);return A?n.a.createElement("div",null,"Error: ",A.toString()):n.a.createElement(n.a.Fragment,null,n.a.createElement("label",{style:Cm},"Receivers where a manual order created"),n.a.createElement(h.a,{showSearch:!0,onSearch:y,options:s,onChange:v,filterOption:!1,value:r,mode:"multiple",style:{width:"100%"},loading:g}))});Tm.contextType=te.a;var Fm=Tm;const Nm=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=n.a.useMemo(()=>Object(c.W)(t),[t]);return n.a.createElement(Zu.b,{role:oe.pb.Supplier,ordersFilter:w.o,isAdmin:!0,viewAs:oe.pb.Supplier,path:l})},Um=e=>{let{filter:t,onChange:a}=e;const[r,i]=Object(l.useState)(t.search),[o,s]=Object(l.useState)({value:t.status,label:!0===t.status?"Active":!1===t.status?"Inactive":null}),u=Object(l.useRef)(null);Object(l.useEffect)(()=>{u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{a&&a({search:r?r.trim():r,status:o.value})},300)},[r,o]);const d=Object(l.useCallback)(e=>i(e),[]),m=Object(l.useCallback)(()=>i(null),[]),p=Object(l.useCallback)(()=>s({value:null,label:null}),[]),g=Object(l.useCallback)(()=>{m(),p()},[m,p]),A=[{key:"status",label:"Status",filter:n.a.createElement(Ud.a,{status:o&&o.value,onChange:(e,t)=>
10786s(a=>({...a,value:e,label:t}))})}],b=[];if(!Object(c.tb)(o.label)){const e="status";b.push({key:e,label:function(e,t){switch(e){case"status":return"Status: "+t;default:return t}}(e,o.label),onRemove:p})}return n.a.createElement(D.r,{filters:A,appliedFilters:b,queryValue:r,queryPlaceholder:"Filter supplier",onQueryChange:d,onQueryClear:m,onClearAll:g})},Lm=o.a` 10787 query users($filter: FindFilter) { 10788 users(filter: $filter) { 10789 total 10790 nodes { 10791 id 10792 firstName 10793 lastName 10794 email 10795 roles 10796 phone 10797 status 10798 verified 10799 address 10800 avatar { 10801 id 10802 url 10803 thumbnailUrl 10804 } 10805 } 10806 } 10807 } 10808`,Vm=[...oe.n,"status"],zm=e=>{var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){e.status&&("active"===e.status&&(e.status=!0),"inactive"===e.status&&(e.status=!1));let t=e.limit;t=Number(t),t||(t=20),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,Vm)}return e},[i]),[s,u]=Object(l.useState)({limit:Number(Object(c.M)("perPageSupplier"))||20,offset:0,search:null,status:null,role:"Supplier",...o}),{data:d,loading:m,error:p,refetch:g}=Object(De.d)(Lm,{variables:{filter:s},fetchPolicy:"no-cache"});Object(l.useEffect)(()=>{let{offset:e,limit:t,status:a,role:l,...n}=s;!0===a&&(a="active"),!1===a&&(a="inactive");let r=null,i=Object(c.o)(t,e);r=Object(c.l)({limit:t,paged:i,status:a,...n}),B.a.push(`${B.a.location.pathname}?${r}`)},[s]);const A=Object(l.useCallback)(e=>{let{search:t,status:a}=e;u(e=>Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.status,a)?e:{...e,offset:0,search:t,status:a})},[]),b=m&&n.a.createElement(D.D,null);return n.a.createElement(n.a.Fragment,null,b,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(Um,{filter:s,onChange:A})),n.a.createElement(D.i,null,m?n.a.createElement(Je.SkeletonPagePolaris,null):p?n.a.createElement("div",null,"Error: ",Object(c.ib)(p.toString())):(null===d||void 0===d||null===(t=d.users)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(Nd,{data:d,filter:s,urlEdit:"/admin/supplier/edit",refetch:g,setFilter:(e,t)=>{u(a=>Object(C.isEqual)(a.offset,e)&&Object(C.isEqual)(a.limit,t)?a:{...a,offset:e,limit:t}),Object(c.Nb)("perPageSupplier",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null)))},qm=j.b.div` 10809 margin: -1rem; 10810 @media (min-width: 640px) { 10811 margin: -1.5rem; 10812 } 10813`;var Hm=a(542),$m=a(543),_m=a(544);const Gm=j.b.div` 10814 .content-wrap { 10815 h3 { 10816 margin-bottom: 1rem; 10817 } 10818 .mes-wrap { 10819 display: flex; 10820 flex-direction: column; 10821 row-gap: 1.6rem; 10822 .mes-item { 10823 display: flex; 10824 flex-direction: row; 10825 column-gap: 2rem; 10826 strong { 10827 margin-right: 0.5rem; 10828 } 10829 } 10830 } 10831 } 10832`,Km=()=>{const[e,t]=n.a.useState({orderIds:null,fulfillmentId:null,baseVariantId:null,productBaseId:null}),[a,l]=Object(Ee.a)(!1),[r,i]=n.a.useState({msg:null,err:!1}),[o,s]=n.a.useState([]),[u,d]=n.a.useState({}),[m,{loading:p}]=Object(De.c)(Jt.E,{onCompleted:e=>{var a;const l=null===e||void 0===e||null===(a=e.bulkSwitchFulfillment)||void 0===a?void 0:a.Messages;(null===l||void 0===l?void 0:l.length)>0&&s(l),t(()=>({orderIds:null})),i({msg:"Switch fulfillment successfully.",err:!1})},onError:e=>{i({msg:Object(c.ib)(e.toString()),err:!0})}}),g=n.a.useMemo(()=>({orderIds:"Order IDs",baseVariantId:"Product Base Variant ID",productBaseId:"Product Base ID"}),[]),A=n.a.useCallback((e,t)=>{let a,l=null;for(let[n,r]of Object.entries(g))[n].includes(t)&&(a=r);e&&e.length||!a||(l=a+" is required."),d(e=>({...e,[t]:l}))},[g]),b=n.a.useCallback((e,a)=>{t(t=>({...t,[a]:e})),A(e,a)},[A]),h=n.a.useCallback(()=>{var t;for(let[l]of Object.entries(g))A(e[l],l);let{orderIds:a,baseVariantId:n,fulfillmentId:r}=e;a=(null===(t=a)||void 0===t?void 0:t.length)>0?a.split("\n").filter(Boolean):[];const o={orderIds:a,baseVariantId:n,fulfillmentId:r},s=0===Object(C.size)(Object(C.filter)(Object(C.values)(u),e=>null!==e));a.length>0&&n&&s&&(l(!0),i({msg:null,err:!1}),m({variables:{input:o}}))},[e,u,g,i,A,l,m]),f=a&&r.msg&&n.a.createElement(D.fb,{content:r.msg,error:r.err,duration:1500,onDismiss:l}),v=(null===o||void 0===o?void 0:o.length)>0?n.a.createElement(D.i,{sectioned:!0},n.a.createElement("div",{className:"content-wrap"},n.a.createElement("h3",null,"Message: "),n.a.createElement("div",{className:"mes-wrap"},o.map((e,t)=>{const{id:a,error:l}=e;return n.a.createElement("div",{className:"mes-item",key:t},n.a.createElement("span",null,n.a.createElement("strong",null,"ID:"),a),n.a.createElement("span",null,n.a.createElement("strong",null,"Error:"),l))})))):null;return n.a.createElement(Gm,null,f,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.Y,{spacing:"loose",vertical:!0},n.a.createElement("div",null,n.a.createElement(al.a,{label:"Order IDs",required:!0}),n.a.createElement(D.cb,{id:"orderIds",value:e.orderIds,error:u.orderIds,multiline:4,onChange:b})),n.a.createElement("div",null,n.a.createElement(Hm.a,{exclude:e.fulfillmentId,onChange:e=>b(e,"fulfillmentId")})),n.a.createElement($m.a,{fulfillmentId:e.fulfillmentId,onChange:e=>b(e,"productBaseId"),error:u.productBaseId}),n.a.createElement(_m.a,{productBaseId:e.productBaseId,onChange:e=>b(e,"baseVariantId"),error:u.baseVariantId}),n.a.createElement("div",{className:"actions-wrap"},n.a.createElement(D.g,{primary:!0,children:"Submit",onClick:h,loading:p})))),v)},Jm=()=>n.a.createElement(D.H,{title:"Switch fulfillment",fullWidth:!0},n.a.createElement(Km,null)),Ym=j.b.div` 10833 .Polaris-DataTable__Footer { 10834 overflow-x: scroll; 10835 } 10836 .note-wrap { 10837 width: calc(20rem - 3.2rem); 10838 white-space: normal; 10839 word-break: break-word; 10840 } 10841`,Wm={Pending:"info",Approved:"success",Cancelled:"critical"},Zm=e=>{let{data:t,role:a,filter:r,setFilter:i}=e;const[o,s]=Object(l.useState)([]),[u,d]=Object(l.useState)([]),[m,p]=Object(l.useState)([]);Object(l.useEffect)(()=>{var e,l;const r=[oe.pb.Seller].includes(a),i=[];for(let t=0;t<8;t++)i.push("text");const o=["ID","Amount","Type","Note",...r?[oe.pb.Seller]:[oe.pb.Supplier],"Status","Created"];d(i),p(o);let u=(null===t||void 0===t||null===(e=t.transactions)||void 0===e||null===(l=e.nodes)||void 0===l?void 0:l.length)>0?null===t||void 0===t?void 0:t.transactions.nodes.map(e=>{const t=null===e||void 0===e?void 0:e.journal,a=null===t||void 0===t?void 0:t.type,l=null===t||void 0===t?void 0:t.comment,
10841i=null===t||void 0===t?void 0:t.status;let o;for(let[n,r]of Object.entries(Wm))i===n&&(o=r);const s=r?null===e||void 0===e?void 0:e.creator:null===e||void 0===e?void 0:e.account,u=Zr()(null===e||void 0===e?void 0:e.createdAt).format("YYYY-MM-DD HH:mm:ss");let d=Object(c.a)(null===e||void 0===e?void 0:e.amount,2),m=d<0?"-$"+Math.abs(d):"$"+d;return[n.a.createElement("div",{className:"id-wrap"},n.a.createElement("span",null,null===e||void 0===e?void 0:e.id)),n.a.createElement("div",{className:"amount-wrap"},n.a.createElement("span",null,m)),n.a.createElement("div",{className:"transaction-wrap"},n.a.createElement("span",null,a)),n.a.createElement("div",{className:"note-wrap"},n.a.createElement("span",null,l)),n.a.createElement("div",{className:"user-wrap"},n.a.createElement("span",null,`${null===s||void 0===s?void 0:s.firstName} ${null===s||void 0===s?void 0:s.lastName}`)),n.a.createElement("div",{className:"status-wrap"},n.a.createElement(D.e,{children:i,status:o})),n.a.createElement("div",{className:"created-wrap"},n.a.createElement("span",null,u))]}):[];s(u)},[t,a]);let{limit:g,offset:A}=r;const b=Object(C.get)(t,"transactions.total",0),h={page:A/g+1,totalPage:Math.ceil(b/g),offset:A,limit:g,onChange:i,total:b};return n.a.createElement(Ym,null,n.a.createElement(D.n,{columnContentTypes:u,headings:m,rows:o,verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:h,showTotal:!0})}))},Xm=o.a` 10842 query listUserByRole($role: String!) { 10843 listUserByRole(role: $role) { 10844 id 10845 firstName 10846 lastName 10847 } 10848 ownerTeam { 10849 id 10850 firstName 10851 lastName 10852 } 10853 } 10854`,ep=[{value:"All",label:"All"},{value:"Pending",label:"Pending"},{value:"Approved",label:"Approved"},{value:"Cancelled",label:"Cancelled"}],tp=e=>{var t;let{role:a,filter:r,onChange:i}=e;const o=[oe.pb.Seller].includes(a)?r.creatorId:r.accountId,s=lp.map(e=>({value:e.key,label:e.name}));s.unshift({value:"All",label:"All"});const[u,d]=Object(l.useState)(r.search),[m,p]=Object(l.useState)([]),[g,A]=Object(l.useState)({value:r.status,label:null}),[b,h]=Object(l.useState)({value:1===(null===r||void 0===r||null===(t=r.kind)||void 0===t?void 0:t.length)?r.kind[0]:null,label:null}),[f,v]=Object(l.useState)({value:o,label:null,search:null}),E=Object(l.useRef)(null),{data:y,loading:C,error:k}=Object(De.d)(Xm,{variables:{role:a}});Object(l.useLayoutEffect)(()=>{var e;let t=[];t=[oe.pb.Seller].includes(a)?(null===y||void 0===y?void 0:y.ownerTeam)||[]:(null===y||void 0===y?void 0:y.listUserByRole)||[];let l=(null===(e=t)||void 0===e?void 0:e.length)>0?t.map(e=>({value:e.id,label:`${e.firstName} ${e.lastName}`})):[];if(p(l),o){const e=(null===l||void 0===l?void 0:l.length)>0?l.find(e=>e.value===o):null;e&&v(t=>({...t,value:e.value,label:e.label}))}else v({value:null,label:null})},[a,y,o]),Object(l.useEffect)(()=>{if(r.status){let e=ep.find(e=>e.value===r.status);e&&A(()=>({value:e.value,label:e.label}))}else A({value:null,label:null})},[r.status]),Object(l.useEffect)(()=>{const e=null===r||void 0===r?void 0:r.kind;if(e&&1===e.length){let t=s.find(t=>t.value===e[0]);t&&h(e=>({...e,value:t.value,label:t.label}))}},[r.kind]),Object(l.useEffect)(()=>{E.current&&clearTimeout(E.current),E.current=setTimeout(()=>{i&&i({search:u?u.trim():u,selectId:f.value,status:g.value,kind:b.value?[b.value]:[]})},300)},[f,u,g,b]);const O=Object(l.useCallback)(e=>d(e),[]),j=Object(l.useCallback)(()=>A(()=>({value:null,label:null})),[]),w=Object(l.useCallback)(()=>d(null),[]),S=Object(l.useCallback)(()=>{v(()=>({value:null,label:null,search:null}))},[]),I=Object(l.useCallback)(()=>h({value:null,label:null}),[]),B=Object(l.useCallback)(()=>{w(),S(),j(),I()},[w,S,j,I]),P=[{key:[oe.pb.Seller].includes(a)?"seller":"supplier",label:[oe.pb.Seller].includes(a)?"Seller":"Supplier",filter:n.a.createElement(ga.a,{data:m,value:f,loading:C,error:k,onChange:e=>{let{value:t,label:a}=e;v(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return v(e=>({...e,search:t}))}})},{key:"action",label:"Action",filter:n.a.createElement(Mi.a,{options:s,value:b.value,onChange:e=>{let{value:t,label:a}=e;return h({value:t,label:a})}})},{key:"status",label:"Status",filter:n.a.createElement(Mi.a,{options:ep,value:g.value,onChange:e=>{let{value:t,label:a}=e;return A({value:t,label:a})}})}],x=[];if(!Object(c.tb)(f.label)){const e=[oe.pb.Seller].includes(a)?"seller":"supplier";x.push({key:e,label:M(e,f.label),onRemove:S})}if(!Object(c.tb)(g.label)){const e="status";x.push({key:e,label:M(e,g.label),onRemove:j})}if(!Object(c.tb)(b.label)){const e="action";x.push({key:e,label:M(e,b.label),onRemove:I})}return n.a.createElement(D.r,{queryPlaceholder:"Filter item",queryValue:u,onQueryChange:O,onQueryClear:w,onClearAll:B,filters:P,appliedFilters:x});function M(e,t){switch(e){case"seller":return"Seller: "+t;case"supplier":return"Supplier: "+t;case"action":return"Action: "+t;case"status":return"Status: "+t;default:return t}}},ap=o.a` 10855 query transactons($filter: TransactionFilter) { 10856 transactions(filter: $filter) { 10857 total 10858 nodes { 10859 id 10860 amount 10861 journal { 10862 refId 10863 comment 10864 status 10865 type 10866 } 10867 createdAt 10868 account { 10869 id 10870 firstName 10871 lastName 10872 } 10873 creator { 10874 id 10875 firstName 10876 lastName 10877 } 10878 } 10879 } 10880 } 10881`,lp=[{key:"Order",name:"Paid For Item"},{key:"Refund",name:"Refund"}],np=[...oe.n,"status","creatorId","accountId","kind"],rp=e=>{var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){e.kind&&(e.kind=e.kind.split(","));let t=e.limit;t=Number(t),t||(t=20),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,np)}return e},[i]),[s,u]=Object(l.useState)(0),[d,m]=Object(l.useState)({limit:Number(Object(c.M)("perPageTransactions"))||20,offset:0,search:null,status:null,creatorId:null,accountId:null,kind:lp.map(e=>e.key),viewBySeller:!0,...o}),{data:p,loading:g,error:A}=Object(De.d)(ap,{variables:{filter:d}});Object(l.useEffect)(()=>{let{offset:e,limit:t,viewBySeller:a,...l}=d,n=null,r=Object(c.o)(t,e);n=Object(c.l)({limit:t,paged:r,...l}),B.a.push(`${B.a.location.pathname}?${n}`)},[d]);const b=Object(l.useCallback)(e=>{u(e),m(t=>({...t,status:null,creatorId:null,accountId:null,kind:lp.map(e=>e.key),offset:0,viewBySeller:!e}))},[]),h=s?oe.pb.Supplier:oe.pb.Seller,f=g&&n.a.createElement(D.D,null);return n.a.createElement(n.a.Fragment,null,f,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(tp,{role:h,filter:d,onChange:e=>{let{search:t,selectId:a,status:l,kind:n}=e,r=s?"accountId":"creatorId";m(e=>Object(C.isEqual)(e[r],a)&&Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.status,l)&&Object(C.isEqual)(e.kind,n)?e:{...e,[r]:a,search:t,status:l,kind:n.length?n:lp.map(e=>e.key),offset:0})}})),n.a.createElement(D.i,null,A&&n.a.createElement("div",null,"Error: ",Object(c.ib)(A.toString())),n.a.createElement(D.Z,{tabs:[{id:"seller-transactions",content:"Seller transactions",accessibilityLabel:"Seller transactions"},{id:"supplier-transactions",content:"Supplier transactions",accessibilityLabel:"Supplier transactions"}],selected:s,onSelect:b},g?n.a.createElement(Je.SkeletonPagePolaris,null):(null===p||void 0===p||null===(t=p.transactions)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(Zm,{role:h,data:p,filter:d,setFilter:(e,t)=>{m(a=>Object(C.isEqual)(a.offset,e)&&Object(C.isEqual)(a.limit,t)?a:{...a,offset:e,limit:t}
10881),Object(c.Nb)("perPageTransactions",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null))))},ip=j.b.div` 10882 margin: -1rem; 10883 @media (min-width: 640px) { 10884 margin: -1.5rem; 10885 } 10886`,op=j.b.div` 10887 .Polaris-DataTable__Footer { 10888 overflow-x: scroll; 10889 } 10890 .note-wrap { 10891 width: calc(20rem - 3.2rem); 10892 white-space: normal; 10893 word-break: break-word; 10894 } 10895`,sp={Pending:"info",Paid:"success",Overdue:"critical",Frozen:"critical","Awaiting Approval":"warning"},cp=o.a` 10896 mutation adminMarkInvoiceAsPaid($id: ID!) { 10897 adminMarkInvoiceAsPaid(id: $id) { 10898 id 10899 name 10900 createdAt 10901 paymentDueDate 10902 totalPrice 10903 status 10904 orderIDs 10905 summary 10906 team { 10907 id 10908 name 10909 } 10910 summary 10911 rootUser { 10912 firstName 10913 lastName 10914 email 10915 } 10916 paymentMethod 10917 } 10918 } 10919`,up=o.a` 10920 mutation adminFrozenATeamViaInvoice($id: ID!) { 10921 adminFrozenATeamViaInvoice(id: $id) { 10922 id 10923 name 10924 createdAt 10925 paymentDueDate 10926 totalPrice 10927 status 10928 orderIDs 10929 summary 10930 team { 10931 id 10932 name 10933 } 10934 summary 10935 rootUser { 10936 firstName 10937 lastName 10938 email 10939 } 10940 paymentMethod 10941 } 10942 } 10943`,dp=o.a` 10944 mutation adminDeleteInvoice($id: ID!) { 10945 adminDeleteInvoice(id: $id) 10946 } 10947`,mp=e=>{var t,a,r;let{data:i,filter:o,setFilter:s,onActionCompleted:u}=e;const d=Object(O.g)(),[m,p]=Object(l.useState)([]),[g,A]=Object(l.useState)([]),[b,h]=Object(l.useState)([]),[f,v]=Object(l.useState)(null),[E,y]=Object(l.useState)(!1),[k,j]=Object(l.useState)(!1),[w,S]=Object(l.useState)({}),[I,B]=Object(l.useState)(null),[P,x]=Object(l.useState)(!1),{currentUser:M}=Object(te.c)(),{isAdministrator:T,isAccountant:Q}=Object(c.j)(M),R=Object(c.V)(M),F=Object(c.U)(M),N=T?R:F,U=Object(l.useCallback)(e=>{let t=[{content:"View Details",onAction:()=>V("view",e)}];return T&&("Paid"!=e.status&&(t.push({content:"Mark as Paid",onAction:()=>V("mark_as_paid",e)}),"Frozen"!=e.status&&t.push({content:"Frozen Team",onAction:()=>V("frozen_team",e)})),"Pending"==e.status&&t.push({content:"Delete",onAction:()=>V("delete",e)})),Q&&"Paid"!=e.status&&t.push({content:"Mark as Paid",onAction:()=>V("mark_as_paid",e)}),n.a.createElement(D.K,{active:f===e.id,activator:n.a.createElement(D.g,{disclosure:!0,onClick:()=>{v(f===e.id?null:e.id),console.log("clicked to button")}},"Actions"),onClose:()=>v(null)},n.a.createElement(D.a,{items:t}))},[f,d,Q,T]),L={mark_as_paid:{label:"Mark invoice as paid",confirmText:"Are you sure to mark this selected invoice to Paid?"},frozen_team:{label:"Frozen the team",confirmText:"Are you sure to frozen the selected team?"},delete:{label:"Delete invoice",confirmText:"Are you sure to delete the selected invoice?"}},V=(e,t)=>{switch(console.log("Action: "+e,t),e){case"view":let a=`/${N}/billings/invoice/${null===t||void 0===t?void 0:t.id}`;d.push(a);break;case"mark_as_paid":case"frozen_team":case"delete":y(!0),S({action:e,invoice:t})}v(null)};Object(l.useEffect)(()=>{var e,t;const a=[];for(let n=0;n<8;n++)a.push("text");A(a),h(["ID","Name","Team","User","Created At","Status","Total","Actions"]);let l=(null===i||void 0===i||null===(e=i.invoices)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?null===i||void 0===i?void 0:i.invoices.nodes.map(e=>{var t,a,l;const r=null===e||void 0===e?void 0:e.status;let i;for(let[n,p]of Object.entries(sp))r===n&&(i=p);const o=Zr()(null===e||void 0===e?void 0:e.createdAt).format("YYYY-MM-DD HH:mm:ss");let s=`/${N}/billings/invoice/${null===e||void 0===e?void 0:e.id}`,c=pp(null===e||void 0===e?void 0:e.user),u=gp((null===e||void 0===e||null===(t=e.user)||void 0===t?void 0:t.firstName)||"",!1,(null===e||void 0===e||null===(a=e.user)||void 0===a?void 0:a.id)||"");var d,m;(null===e||void 0===e?void 0:e.user)||(c=pp(null===e||void 0===e?void 0:e.team.user),u=gp((null===e||void 0===e||null===(d=e.team)||void 0===d?void 0:d.name)||"",!0,(null===e||void 0===e||null===(m=e.team)||void 0===m?void 0:m.id)||""));return console.log("item team",e.team),[n.a.createElement("div",{className:"invoice-id"},n.a.createElement(D.B,{url:s,children:null===e||void 0===e?void 0:e.id})),n.a.createElement("div",{className:"invoice-name"},n.a.createElement("span",null,null===e||void 0===e?void 0:e.name)),n.a.createElement("div",{className:"invoice-team"},n.a.createElement("span",null,u)),n.a.createElement("div",{className:"invoice-user"},n.a.createElement("span",null,c)),n.a.createElement("div",{className:"invoice-created_at"},n.a.createElement("span",null,o)),n.a.createElement("div",{className:"invoice-status"},n.a.createElement(D.e,{children:r,status:i})),n.a.createElement("div",{className:"invoice-total"},n.a.createElement("span",null,"$",null===e||void 0===e||null===(l=e.totalPrice)||void 0===l?void 0:l.toFixed(2))),n.a.createElement("div",{className:"invoice-action"},U(e))]}):[];p(l)},[i,f,N]);let{limit:z,offset:q}=o;const H=Object(C.get)(i,"invoices.total",0),$={page:q/z+1,totalPage:Math.ceil(H/z),offset:q,limit:z,onChange:s,total:H},_=Object(l.useCallback)(()=>y(e=>!e),[]),G=Object(l.useCallback)(()=>{j(e=>!e)},[]),K=k?((null===I||void 0===I?void 0:I.error)||(null===I||void 0===I?void 0:I.data))&&n.a.createElement(D.fb,{content:(null===I||void 0===I?void 0:I.error)?Object(c.ib)(I.error.toString()):(null===I||void 0===I?void 0:I.data)&&"The invoice has been successfully updated!",error:null===I||void 0===I?void 0:I.error,duration:3e3,onDismiss:G}):null,J=()=>{setTimeout((function(){u()}),3e3)},[Y,{}]=Object(De.c)(cp,{onCompleted:e=>{e&&e.adminMarkInvoiceAsPaid&&B({data:e.adminMarkInvoiceAsPaid}),_(),j(!0),J()},onError:e=>{e&&B({error:e}),_(),j(!0)}}),[W,{}]=Object(De.c)(up,{onCompleted:e=>{e&&e.adminFrozenATeamViaInvoice&&B({data:e.adminFrozenATeamViaInvoice}),_(),j(!0),J()},onError:e=>{e&&B({error:e}),_(),j(!0)}}),[Z,{}]=Object(De.c)(dp,{onCompleted:e=>{e&&e.adminDeleteInvoice&&B({data:e.adminDeleteInvoice}),_(),j(!0),J()},onError:e=>{e&&B({error:e}),_(),j(!0)}});let X={mark_as_paid:Y,frozen_team:W,delete:Z};return n.a.createElement(op,null,n.a.createElement(D.n,{columnContentTypes:g,headings:b,rows:m,verticalAlign:"middle",hide
10947ScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:$,showTotal:!0})}),n.a.createElement(D.E,{title:null===L||void 0===L||null===(t=L[null===w||void 0===w?void 0:w.action])||void 0===t?void 0:t.label,open:E,onClose:_,primaryAction:{content:null===L||void 0===L||null===(a=L[null===w||void 0===w?void 0:w.action])||void 0===a?void 0:a.label,loading:P,onAction:()=>{x(!0);let e=null===w||void 0===w?void 0:w.invoice;if(e)switch(null===w||void 0===w?void 0:w.action){case"mark_as_paid":case"frozen_team":case"delete":X[w.action]({variables:{id:e.id}}).then(e=>{x(!1)}).catch(e=>{x(!1),console.log("Error: ",e)})}}},secondaryActions:[{content:"Cancel",onAction:_}]},n.a.createElement(D.E.Section,null,n.a.createElement(D.bb,null,n.a.createElement("div",{dangerouslySetInnerHTML:{__html:null===L||void 0===L||null===(r=L[w.action])||void 0===r?void 0:r.confirmText}})))),K)};function pp(e){let t=Object(c.R)(e);return(null===e||void 0===e?void 0:e.email)&&(t+=` (${e.email})`),t}function gp(e,t,a){return t||(e+="'s Team"),`${e} (${a||""})`}const Ap=[{value:"All",label:"All"},{value:"Pending",label:"Pending"},{value:"Awaiting Approval",label:"Awaiting Approval"},{value:"Paid",label:"Paid"},{value:"Overdue",label:"Overdue"},{value:"Frozen",label:"Frozen"}],bp=e=>{let{role:t,filter:a,onChange:r}=e;const[i,o]=Object(l.useState)(a.search),[s,u]=Object(l.useState)({value:a.status,label:null}),d=Object(l.useRef)(null),[m,p]=Object(l.useState)([]),[g,A]=Object(l.useState)({value:a.teamId,label:null,search:null}),{data:b,loading:h,error:f}=Object(De.d)(I.k,{variables:{filter:{search:g.search||""}}});Object(l.useEffect)(()=>{var e;let t=(null===b||void 0===b||null===(e=b.getAllTeamUsersWithRootUser)||void 0===e?void 0:e.length)>0?b.getAllTeamUsersWithRootUser.map(e=>{let t=`${e.name} - ${e.id}`;return e.createdBy&&(t=`${t} (${e.createdBy})`),{value:e.id,label:t}}).filter(Boolean):[];p(t)},[b]),Object(l.useEffect)(()=>{if(a.status){let e=Ap.find(e=>e.value===a.status);e&&u(()=>({value:e.value,label:e.label}))}else u({value:null,label:null})},[a.status]),Object(l.useEffect)(()=>{d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{r&&r({search:i?i.trim():i,status:s.value,teamID:g.value})},300)},[i,s,g]);const v=Object(l.useCallback)(e=>o(e),[]),E=Object(l.useCallback)(()=>u(()=>({value:null,label:null})),[]),y=Object(l.useCallback)(()=>A(()=>({value:null,label:null,search:null})),[]),C=Object(l.useCallback)(()=>o(null),[]),k=Object(l.useCallback)(()=>{C(),E(),y()},[C,E,y]),O=[{key:"team",label:"Teams",filter:n.a.createElement(ba.a,{value:g,options:m,loading:h,error:f,onChange:e=>{let{value:t,label:a}=e;console.log("Team changed: ",t),A(e=>({...e,value:t,label:a}))},onChangeSearch:e=>A(t=>({...t,search:e}))})},{key:"status",label:"Status",filter:n.a.createElement(Mi.a,{options:Ap,value:s.value,onChange:e=>{let{value:t,label:a}=e;return u({value:t,label:a})}})}],j=[];if(!Object(c.tb)(s.label)){const e="status";j.push({key:e,label:w(e,s.label),onRemove:E})}if(!Object(c.tb)(g.label)){const e="team";j.push({key:e,label:w(e,g.label),onRemove:y})}return n.a.createElement(D.r,{queryPlaceholder:"Filter invoice",queryValue:i,onQueryChange:v,onQueryClear:C,onClearAll:k,filters:O,appliedFilters:j});function w(e,t){switch(e){case"team":return"Team: "+t;case"status":return"Status: "+t;default:return t}}};function hp(e){let{open:t,onClose:a,refetch:r}=e;const[i,o]=Object(l.useReducer)(c.Hb,{userIDs:[]}),{toggleToast:s,setNotify:u}=Object(Fa.b)(),{data:d}=Object(De.d)(I.Ob,{variables:{filter:{isEnabledInvoice:!0}}}),[m]=Object(mm.a)(),[p,{loading:g}]=Object(De.c)(Jt.gb,{onCompleted:()=>{u({msg:"Create Invoice for Seller success",err:!1}),a&&a(),m(()=>{r&&r()},1500)},onError:e=>{u({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),A=Object(l.useCallback)(()=>{Object(c.c)(i.userIDs)||(s&&s(!0),u&&u({msg:null,err:!1}),p({variables:{input:{userIDs:i.userIDs}}}))},[s,u,p,i.userIDs]),b=Object(l.useCallback)(e=>{o({userIDs:e})},[]);return n.a.createElement(D.E,{title:"Create Invoice for Seller",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Submit",onAction:A,loading:g},secondaryActions:[{content:"Cancel",onAction:a}]},n.a.createElement(D.k,{choices:fp(d)||[],allowMultiple:!0,selected:i.userIDs,onChange:b,title:"Sellers"}))}function fp(e){const t=Object(C.get)(e,"users.nodes")||[],a=[];for(let l of t){if(!l||!l.id)continue;
10947let e=[l.firstName,l.lastName].filter(Boolean).join(" ");l.email&&(e+=` (${l.email})`),a.push({value:l.id,label:e})}return a}const vp=o.a` 10948 query invoices($filter: InvoiceFilter!) { 10949 invoices(filter: $filter) { 10950 total 10951 nodes { 10952 id 10953 createdAt 10954 name 10955 totalPrice 10956 status 10957 team { 10958 id 10959 name 10960 user { 10961 id 10962 firstName 10963 lastName 10964 email 10965 address 10966 } 10967 } 10968 user { 10969 id 10970 firstName 10971 lastName 10972 email 10973 address 10974 } 10975 } 10976 } 10977 } 10978`,Ep=[...oe.n,"status"],yp=e=>{var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=20),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,Ep)}return e},[i]),[s,u]=Object(l.useState)({limit:Number(Object(c.M)("perPageTransactions"))||20,offset:0,search:null,status:null,...o}),{currentUser:d}=Object(te.c)(),{isAccountant:m,isAdministrator:p}=Object(c.j)(d),g=Object(c.ub)(d),[A,b]=Object(l.useReducer)(c.Hb,{open:!1}),{data:h,loading:f,error:v,refetch:E}=Object(De.d)(vp,{variables:{filter:s}});Object(l.useEffect)(()=>{let{offset:e,limit:t,...a}=s,l=null,n=Object(c.o)(t,e);l=Object(c.l)({limit:t,paged:n,...a}),B.a.push(`${B.a.location.pathname}?${l}`)},[s]);const y=f&&n.a.createElement(D.D,null),k=Object(l.useRef)(!0);Object(l.useEffect)(()=>(k.current=!0,()=>{k.current=!1}),[]);const O=Object(l.useCallback)(e=>()=>{b({open:e})},[]);let j={};return(g&&m||p)&&(j={primaryAction:{content:"Create Invoice for Seller",onAction:O(!0)}}),n.a.createElement(D.H,Object.assign({title:"All Invoices",fullWidth:!0},j),y,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(bp,{filter:s,onChange:e=>{let{search:t,status:a,teamID:l}=e;k.current&&u(e=>Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.status,a)&&Object(C.isEqual)(e.team_id,l)?e:{...e,search:t,status:a,teamID:l,offset:0})}})),n.a.createElement(D.i,null,v&&n.a.createElement("div",null,"Error: ",Object(c.ib)(v.toString())),n.a.createElement(n.a.Fragment,null,f?n.a.createElement(Je.SkeletonPagePolaris,null):(null===h||void 0===h||null===(t=h.invoices)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(mp,{data:h,filter:s,setFilter:(e,t)=>{u(a=>Object(C.isEqual)(a.offset,e)&&Object(C.isEqual)(a.limit,t)?a:{...a,offset:e,limit:t}),Object(c.Nb)("perPageTransactions",t,100)},onActionCompleted:E}):n.a.createElement(We.EmptyStatePolaris,null))),n.a.createElement(hp,{open:A.open,onClose:O(!1),refetch:E}))},Cp=j.b.div` 10979 margin: -1rem; 10980 @media (min-width: 640px) { 10981 margin: -1.5rem; 10982 } 10983`,kp=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=n.a.useMemo(()=>Object(c.W)(t),[t]);return n.a.createElement(Cp,null,n.a.createElement(yp,{path:l}))};class Op extends l.Component{render(){return n.a.createElement(Ga,null)}}var jp=Op;const wp=[{...fc.overviews,default:1,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager,oe.gb.Accountant,oe.gb.PlatformManager]},{...fc.tiktokDataSourceReport,default:1,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.PlatformManager]},{...fc.tiktokGroupReport,default:1,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.PlatformManager]},{...fc.tiktokStoreReport,default:1,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.PlatformManager]},{...fc.tiktokManagerReport,default:1,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.PlatformManager]},{...fc.marketplaceManager,default:1,roles:[oe.gb.Admin,oe.gb.Accountant,oe.gb.PlatformManager]},{...fc.storeManagers,default:1,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.Accountant,oe.gb.PlatformManager]},{...fc.productBase,default:1,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager,oe.gb.Accountant,oe.gb.PlatformManager]},{...fc.designers,default:1,roles:[oe.gb.Admin,oe.gb.DesignLeader,oe.gb.Accountant,oe.gb.PlatformManager]},{...fc.trackTaskSubmission,default:1,roles:[oe.gb.Admin,oe.gb.DesignLeader,oe.gb.Accountant,oe.gb.PlatformManager]},{...fc.fulfillCounter,default:1,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.Accountant,oe.gb.PlatformManager]},{...fc.products,default:2,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager,oe.gb.PlatformManager]},{...fc.stores,default:2,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager,oe.gb.Accountant,oe.gb.PlatformManager]},{...fc.storeSummary,default:2,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager,oe.gb.Accountant,oe.gb.PlatformManager]},{...fc.tasks,default:2,roles:[oe.gb.Admin,oe.gb.DesignLeader,oe.gb.Designer,oe.gb.PlatformManager]},{...fc.createdProduct,default:1,roles:[oe.gb.Admin,oe.gb.PlatformManager]},{...fc.groups,default:1,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.Accountant,oe.gb.PlatformManager]},{...fc.ideaTasks,default:2,roles:[oe.gb.Admin,oe.gb.StoreManager,oe.gb.IdeaLeader,oe.gb.DesignLeader,oe.gb.PlatformManager]},{...fc.trackingStatus,default:2,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager,oe.gb.PlatformManager]},{...fc.ideaTasksByDesigner,default:2,roles:[oe.gb.Admin,oe.gb.IdeaLeader,oe.gb.StoreManager,oe.gb.DesignLeader,oe.gb.PlatformManager]},{...fc.kpiOfTask,default:2,roles:[oe.gb.MarketplaceManager,oe.gb.Admin,oe.gb.Accountant,oe.gb.DesignLeader,oe.gb.PlatformManager]}];function Sp(){const{currentUser:e}=Object(l.useContext)(te.a),t=Object(C.get)(e,"teamUser.role",null),a=[oe.gb.MarketplaceManager,oe.gb.StoreManager].includes(t),r=[oe.gb.DesignLeader,oe.gb.Designer].includes(t),i=Object(l.useMemo)(()=>wp.map(e=>(a&&"stores"===e.value?e.default=1:r&&("tasks"===e.value?e.default=1:"designers"===e.value&&(e.default=2)),e)).filter(e=>e.roles.includes(t)),[t,r,a]);return n.a.createElement(co,{title:hc.Overviews,elements:i},n.a.createElement(yc,{title:hc.Overviews}))}const Ip={...fc.teamStatistic,default:1},Bp=[Ip,{...fc.overviews,default:1},{...fc.tiktokDataSourceReport,default:1},{...fc.tiktokGroupReport,default:1},{...fc.tiktokStoreReport,default:1},{...fc.tiktokManagerReport,default:1},{...fc.tiktokTeamReport,default:1},{...fc.marketplaceManager,default:1},{...fc.storeManagers,default:1},{...fc.productBase,default:1},{...fc.designers,default:1},{...fc.fulfillCounter,default:1},{...fc.products,default:2},{...fc.stores,default:2},{...fc.storeSummary,default:2},{...fc.tasks,default:2},{...fc.createdProduct,default:1},{...fc.groups,default:1},{...fc.ideaTasks,default:2},{...fc.trackingStatus,default:2},{...fc.ideaTasksByDesigner,default:2}];function Dp(){return n.a.createElement(co,{title:hc.Overviews,elements:Bp},n.a.createElement(yc,{title:hc.Overviews,inWrapper:!1}))}const Pp=[{...fc.overviews,default:1,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.Accountant]},{...fc.marketplaceManager,default:1,roles:[oe.gb.Admin,oe.gb.Accountant]},{...fc.storeManagers,default:1,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.Accountant]},{...fc.productBase,default:1,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager,oe.gb.Accountant]},{...fc.fulfillCounter,default:1,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.Accountant]},{...fc.products,default:2,roles:[oe.gb.Admin,oe.gb.MarketplaceManager]},{...fc.stores,default:2,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.Accountant]},{...fc.sellers,default:2,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.Accountant]},{...fc.groups,default:1,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.Accountant]},{...fc.trackingStatus,default:2,roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.Accountant]}];function xp(){const{currentUser:e}=Object(l.useContext)(te.a),{isAdministrator:t}=Object(c.j)(e),a=Object(C.get)(e,"teamUser.role",null),r=[oe.gb.MarketplaceManager].includes(a),i=Object(l.useMemo)(()=>Pp.map(e=>(r&&"stores"===e.value&&(e.default=1),e)).filter(e=>e.roles.includes(a)),[a,r]);return n.a.createElement(co,{title:hc.Etsy,elements:t?[Ip,...Pp]:i},n.a.createElement(yc,{title:hc.Etsy}))}function Mp(){const{currentUser:e}=Object(l.useContext)(te.a),{isAdministrator:t}=Object(c.j)(e),a=Object(C.get)(e,"teamUser.role",null),r=[oe.gb.MarketplaceManager].includes(a),i=Object(l.useMemo)(()=>Pp.map(e=>(r&&"stores"===e.value&&(e.default=1),e)).filter(e=>e.roles.includes(a)),[a,r]);return n.a.createElement(co,{title:hc.Ebay,elements:t?[Ip,...Pp]:i},n.a.createElement(yc,{title:hc.Ebay}))}function Tp(){const{currentUser:e}=Object(l.useContext)(te.a),{isAdministrator:t}=Object(c.j)(e),a=Object(C.get)(e,"teamUser.role",null),r=[oe.gb.MarketplaceManager].includes(a),i=Object(l.useMemo)(()=>Pp.map(e=>(r&&"stores"===e.value&&(e.default=1),e)).filter(e=>e.roles.includes(a)),[a,r]);return n.a.createElement(co,{title:hc.Amazon,elements:t?[Ip,...Pp]:i},n.a.createElement(yc,{title:hc.Amazon}))}function Qp(){const{currentUser:e}=Object(l.useContext)(te.a),{isAdministrator:t}=Object(c.j)(e),a=Object(C.get)(e,"teamUser.role",null),r=[oe.gb.MarketplaceManager].includes(a),i=Object(l.useMemo)(()=>Pp.map(e=>(r&&"stores"===e.value&&(e.default=1),e)).filter(e=>e.roles.includes(a)),[a,r]);return n.a.createElement(co,{title:hc.FacebookMK,elements:t?[Ip,...Pp]:i},n.a.createElement(yc,{title:hc.FacebookMK}))}const Rp=[{...fc.overviews,default:1},{...fc.storeManagers,default:1},{...fc.stores,default:1},{...fc.productBase,default:1},{...fc.fulfillCounter,default:1},{...fc.products,default:2},{...fc.groups,default:1},{...fc.trackingStatus,default:2}];function Fp(){const{currentUser:e}=Object(te.c)(),{isAccountant:t,isAdministrator:a}=Object(c.j)(e);return n.a.createElement(co,{title:hc.OnlineStores,elements:t?Rp.filter(e=>{let{value:t}=e;return"products"!==t}):a?[Ip,...Rp]:Rp},n.a.createElement(yc,{title:hc.OnlineStores}))}function Np(){const{currentUser:e}=Object(te.c)(),{isAdministrator:t}=Object(c.j)(e),a=Object(C.get)(e,"teamUser.role",null),l=[oe.gb.MarketplaceManager].includes(a),r=n.a.useMemo(()=>Pp.map(e=>(l&&"stores"===e.value&&(e.default=1),e)).filter(e=>e.roles.includes(a)),[a,l]);return n.a.createElement(co,{title:hc.Tiktok,elements:t?[Ip,...Pp]:r},n.a.createElement(yc,{title:hc.Tiktok}))}
10983function Up(){return n.a.createElement(ud.a,null,n.a.createElement(Sp,null))}function Lp(){return n.a.createElement(ud.a,null,n.a.createElement(xp,null))}function Vp(){return n.a.createElement(ud.a,null,n.a.createElement(Mp,null))}function zp(){return n.a.createElement(ud.a,null,n.a.createElement(Tp,null))}function qp(){return n.a.createElement(ud.a,null,n.a.createElement(Qp,null))}function Hp(){return n.a.createElement(ud.a,null,n.a.createElement(Fp,null))}function $p(){return n.a.createElement(ud.a,null,n.a.createElement(Np,null))}var _p=a(399);const Gp=o.a` 10984 fragment ProductBasse on ProductBase { 10985 id 10986 title 10987 slug 10988 baseCostDescription 10989 defaultContent 10990 defaultShortDescription 10991 details 10992 regularPrice 10993 salePrice 10994 sellerPrice 10995 fulfillment { 10996 fulfillmentId 10997 productId 10998 printer 10999 } 11000 images { 11001 id 11002 name 11003 url 11004 thumbnailUrl 11005 } 11006 suppliers { 11007 id 11008 firstName 11009 lastName 11010 } 11011 carriers { 11012 id 11013 code 11014 name 11015 } 11016 categories { 11017 id 11018 name 11019 description 11020 } 11021 supplierPricing { 11022 id 11023 userId 11024 price 11025 } 11026 carrierPricing { 11027 id 11028 carrierId 11029 price 11030 } 11031 attributes { 11032 name 11033 slug 11034 options 11035 } 11036 designPositions { 11037 id 11038 image { 11039 id 11040 thumbnailUrl 11041 url 11042 } 11043 name 11044 displayName 11045 sorting 11046 description 11047 artworkGuidelines { 11048 description 11049 file { 11050 url 11051 thumbnailUrl 11052 name 11053 } 11054 } 11055 } 11056 variants { 11057 id 11058 attributes { 11059 name 11060 slug 11061 option 11062 } 11063 carrierPricing { 11064 id 11065 carrierId 11066 price 11067 } 11068 regularPrice 11069 salePrice 11070 sellerPrice 11071 sorting 11072 status 11073 } 11074 status 11075 } 11076`;var Kp=a(525),Jp=a(651);const Yp=j.b.div` 11077 display: flex !important; 11078 justify-content: center; 11079 img { 11080 max-width: 100%; 11081 height: auto; 11082 } 11083`,Wp=j.b.div` 11084 .ant-carousel .slick-slide { 11085 text-align: center; 11086 overflow: hidden; 11087 } 11088 .ant-carousel .slick-dots li button { 11089 background: #1a202c; 11090 } 11091 .p-target { 11092 text-align: right; 11093 margin-top: 20px; 11094 a { 11095 color: #00bfff; 11096 } 11097 } 11098`;class Zp extends l.Component{constructor(){super(...arguments),this.state={showModal:!1,showModalSimilarProducts:!1,etsyReverseImages:!1}}render(){const{product:e,isSpecial:t,isSimilarProducts:a}=this.props;if(e&&e.source&&"etsy"===e.source.toLowerCase()&&Array.isArray(e.images)&&e.images.length>2&&!this.state.etsyReverseImages){let t=e.images.length,a=e.images[t-1];e.images.pop(),e.images.unshift(a),this.setState({etsyReverseImages:!0})}let l=[],r=null;e.mainImage&&(l=[{file:e.mainImage}],r=e.mainImage.id),e.images&&(l=[...l,...e.images.filter(e=>e.file?e.file.id!==r:e.id!==r)]);let i="";if(t){if(l[0]&&l[0].file){let e=l[0].file;i=e.thumbnailUrl?e.thumbnailUrl:e.url}}else l[0]&&l[0].file&&l[0].file.thumbnailUrl?i=l[0].file.thumbnailUrl:l[0]&&l[0].file&&l[0].file.url&&(i=l[0].file.url);return n.a.createElement(n.a.Fragment,null,n.a.createElement("div",null,n.a.createElement(vn.a,{style:t||a?{margin:5,cursor:"pointer"}:{margin:5},onClick:()=>t?this.setState({showModal:!0}):a?this.setState({showModalSimilarProducts:!0}):null,shape:"square",key:"product-"+e.id,size:200,src:i,alt:""})),n.a.createElement(y.a,{bodyStyle:{textAlign:"center"},footer:null,onCancel:()=>this.setState({showModal:!1}),title:e.title,visible:this.state.showModal},n.a.createElement(Wp,null,n.a.createElement(Jp.a,null,l.map((e,a)=>{let l="";t&&e&&e.url?l=e.url:e&&e.file&&e.file.url&&(l=e.file.url);const r=t&&e&&e.file&&e.file.url?e.file.url:null;return n.a.createElement("div",{key:"slide-"+a},n.a.createElement(Yp,{key:"slide-"+a},n.a.createElement("img",{style:{height:"500px",width:"auto"},src:l,alt:""})),n.a.createElement("div",{className:"p-target"},n.a.createElement(jn.a,{href:r,file:e.file},"View origin image")))})))),n.a.createElement(y.a,{visible:this.state.showModalSimilarProducts,footer:null,onCancel:()=>this.setState({showModalSimilarProducts:!1}),bodyStyle:{textAlign:"center"},centered:!0,width:"70%"},n.a.createElement(Wp,null,n.a.createElement(Jp.a,null,l.map((e,a)=>{let l="";return t&&e&&e.url?l=e.url:e&&e.file&&e.file.url&&(l=e.file.url),n.a.createElement("div",{key:"slide-"+a},n.a.createElement(Yp,{key:"slide-"+a},n.a.createElement("img",{style:{height:"100%",width:"100%"},src:l,alt:""})))})))))}}var Xp=Zp;o.a` 11099 mutation deleteProductSelected($id: [ID!], $removeStore: Boolean!) { 11100 deleteProductSelected(id: $id, removeStore: $removeStore) { 11101 deleted 11102 } 11103 } 11104`;l.Component;const eg=j.b.div` 11105 button { 11106 .add-prefix { 11107 font-weight: 700; 11108 margin-right: 5px; 11109 } 11110 :hover { 11111 background-color: #f5f5f5; 11112 } 11113 } 11114`,tg=o.a` 11115 mutation createTag($name: String!) { 11116 createTag(name: $name) { 11117 id 11118 name 11119 } 11120 } 11121`;class ag extends l.Component{constructor(){super(...arguments),this.state={loading:!1}}render(){const{value:e}=this.props;return n.a.createElement(eg,null,n.a.createElement(s.a,{mutation:tg},t=>n.a.createElement(v.a,{onClick:()=>{this.setState({loading:!0}),t({variables:{name:e}}).then(e=>{this.setState({loading:!1}),this.props.onCompleted&&this.props.onCompleted(e.data.createTag)}
11121).catch(e=>{i.a.error({message:Object(c.ib)(e.toString())}),this.setState({loading:!1}),this.props.onError&&this.props.onError(e)})},icon:n.a.createElement(d.a,{type:"plus"}),style:{width:"100%",textAlign:"left",border:0}},n.a.createElement("span",{className:"add-prefix"},"Add"),e)))}}var lg=ag;const ng=o.a` 11122 query tags($filter: TagFilter) { 11123 tags(filter: $filter) { 11124 total 11125 nodes { 11126 id 11127 name 11128 } 11129 } 11130 } 11131`;class rg extends l.Component{constructor(e){super(e),this.onSearch=(e,t)=>{this.setState({loading:!0},async()=>{try{const a=await e.query({query:ng,fetchPolicy:"network-only",variables:{filter:{search:t,limit:t?500:20,offset:0}}});this.setState({loading:!1,result:a.data&&a.data.tags&&a.data.tags.nodes?a.data.tags.nodes:[],cache:!t&&a.data&&a.data.tags&&a.data.tags.nodes?a.data.tags.nodes:this.state.cache})}catch(a){this.setState({loading:!1},()=>{i.a.error({message:Object(c.ib)(a.toString())})})}})},this.handleSelect=e=>{const{value:t}=this.props;this.props.onChange&&this.props.onChange([...t,e])},this.state={search:"",loading:!1,result:[],cache:[]},this.searchDebounce=k.a.debounce(this.onSearch,250),this.onSearch=this.onSearch.bind(this)}render(){const{value:e}=this.props,{result:t,loading:a,search:l}=this.state,r=t.filter(t=>!e.find(e=>e.id===t.id)).map((e,t)=>n.a.createElement(ue.a.Option,{value:e.id,key:t},e.name));return a||!l||0!==t.length&&t.find(e=>e.name.toLowerCase()===l.toLowerCase())||r.push(n.a.createElement(ue.a.Option,{key:"add-new",value:"add new",className:"p-0"},n.a.createElement(lg,{onCompleted:e=>{this.setState({search:"",result:[],cache:[]},()=>{this.handleSelect(e)})},value:l}))),n.a.createElement("div",null,n.a.createElement(hi.a,null,e=>n.a.createElement(ue.a,{style:{width:"100%"},onSelect:e=>{if("add new"===e)return;const a=t.find(t=>t.id===e);this.handleSelect(a),this.setState({search:"",result:this.state.cache})},onKeyDown:e=>{13===e.keyCode&&e.preventDefault()},value:l,dataSource:r,onSearch:t=>{this.state.search!==t&&this.setState({search:t,loading:!0},()=>{this.searchDebounce(e,t)})},onFocus:()=>{this.setState({result:[]}),this.searchDebounce(e)}},n.a.createElement(p.a.Search,{placeholder:"Search for tag",prefix:n.a.createElement(d.a,{type:a?"loading":"search"})}))),e&&e.map((t,a)=>n.a.createElement(de.a,{style:{marginTop:8,marginRight:8},closable:!0,onClose:()=>{e.splice(a,1),this.props.onChange&&this.props.onChange(e)},key:t.id},t.name)))}}var ig=rg;o.a` 11132 mutation addTagsToProducts( 11133 $productIds: [ID!]! 11134 $tagIds: [ID!] 11135 $add: Boolean! 11136 ) { 11137 addTagsToProducts(productIds: $productIds, tagIds: $tagIds, add: $add) 11138 } 11139`,j.b.div``;l.Component;o.a` 11140 mutation addTagsToProducts($productIds: [ID!]!, $add: Boolean!) { 11141 addTagsToProducts(productIds: $productIds, add: $add) 11142 } 11143`;l.Component;const og=j.b.div` 11144 button { 11145 .add-prefix { 11146 font-weight: 700; 11147 margin-right: 5px; 11148 } 11149 :hover { 11150 background-color: #f5f5f5; 11151 } 11152 } 11153`,sg=o.a` 11154 mutation createCollection($input: NewCollection!) { 11155 createCollection(input: $input) { 11156 id 11157 name 11158 private 11159 } 11160 } 11161`;class cg extends l.Component{constructor(){super(...arguments),this.state={loading:!1}}render(){const{value:e}=this.props;return n.a.createElement(og,null,n.a.createElement(s.a,{mutation:sg},t=>n.a.createElement(v.a,{onClick:()=>{this.setState({loading:!0}),t({variables:{input:{name:e,private:!1,automated:!1,anyCondition:!1}}}).then(e=>{this.setState({loading:!1}),this.props.onCompleted&&this.props.onCompleted(e.data.createCollection)}).catch(e=>{i.a.error({message:Object(c.ib)(e.toString())}),this.setState({loading:!1}),this.props.onError&&this.props.onError(e)})},icon:n.a.createElement(d.a,{type:"plus"}),style:{width:"100%",textAlign:"left",border:0}},n.a.createElement("span",{className:"add-prefix"},"Add"),e)))}}var ug=cg;const dg=o.a` 11162 fragment collection on Collection { 11163 id 11164 name 11165 private 11166 } 11167 query collections($filter: CollectionFilter!) { 11168 collections(filter: $filter) { 11169 total 11170 nodes { 11171 ...collection 11172 children { 11173 ...collection 11174 children { 11175 ...collection 11176 children { 11177 ...collection 11178 children { 11179 ...collection 11180 } 11181 } 11182 } 11183 } 11184 } 11185 } 11186 } 11187`,mg=j.b.div` 11188 .labelButtons-wrap { 11189 display: flex; 11190 flex-wrap: wrap; 11191 gap: 1rem; 11192 margin-bottom: 1rem; 11193 } 11194 .labelButtons-container { 11195 display: block; 11196 padding: 2rem 1rem 1rem 1.5rem; 11197 border: 1px solid #c3cbd6; 11198 margin: 1rem 0 1.5rem; 11199 border-radius: 3px; 11200 position: relative; 11201 label { 11202 display: inline-block; 11203 position: absolute; 11204 left: 15px; 11205 top: -10px; 11206 padding: 0 10px; 11207 background: #fff; 11208 } 11209 } 11210`;class pg extends l.Component{constructor(e){var t;super(e),t=this,this.onSearch=(e,t)=>{this.setState({loading:!0},async()=>{try{const a={filter:{search:t,limit:t?500:20,offset:0}},l=await e.query({query:dg,fetchPolicy:"network-only",variables:a}),n=l.data&&l.data.collections&&l.data.collections.nodes?l.data.collections.nodes:[];this.setState({loading:!1,result:[...n]})}catch(a){this.setState({loading:!1},()=>{i.a.error({message:Object(c.ib)(a.toString())})})}})},this.handleSelect=e=>{const{value:t}=this.props;this.props.onChange&&this.props.onChange([...t,e])},this.renderOptions=function(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;const{value:l}=t.props;let r=[];e.filter(e=>!l.find(t=>
11210t.id===e.id)).forEach((e,l)=>{r.push(n.a.createElement(ue.a.Option,{value:e.id,key:e.id},n.a.createElement("span",{style:{marginLeft:10*a+"px"},className:"level level-"+a},e.name))),e.children&&e.children.length&&(r=[...r,...t.renderOptions(e.children,a+1)])});let{loading:i,search:o}=t.state,{disabledQuickAdd:s}=t.props;i||!o||0!==e.length&&t.resultContains(e,o)||s||r.push(n.a.createElement(ue.a.Option,{key:"add-new",value:"add new",className:"p-0"},n.a.createElement(ug,{onCompleted:e=>{t.setState({search:"",result:[]},()=>{t.handleSelect(e)})},value:o})));const c=new Map(r.map(e=>[e.key,e]));r=Array.from(c.values());const u=r.findIndex(e=>{let{key:t}=e;return"add-new"===t});return u>-1&&([r[0],r[u]]=[r[u],r[0]]),r},this.findById=(e,t)=>{for(let a=0;a<e.length;a++){if(e[a].id===t)return e[a];if(e[a].children&&e[a].children.length){const l=this.findById(e[a].children,t);if(l)return l}}return null},this.resultContains=(e,t)=>{if(!e||0===e.length)return!1;for(let a=0;a<e.length;a++){const l=e[a];if(l.name.toLowerCase()===t.toLowerCase())return!0;if(this.resultContains(l.children,t))return!0}return!1},this.handleClickLabelBtn=e=>{let{value:t}=this.props,{lBMarkup:a}=this.state,l=t&&t.length>0?t.map(e=>e.id):[],n=a&&a.length>0?a.find(e=>"TM"===e.name):null,r=a&&a.length>0?a.find(e=>"NO-TM"===e.name):null;if(l.includes(e.id))this.props.onChange&&this.props.onChange(t.filter(t=>t.id!==e.id));else{let a=t;e.id===n.id&&(a=a.filter(e=>e.id!==r.id)),e.id===r.id&&(a=a.filter(e=>e.id!==n.id)),this.props.onChange&&this.props.onChange([...a,e])}},this.state={search:"",loading:!1,result:[],currentIds:[]},this.searchDebounce=k.a.debounce(this.onSearch,500),this.onSearch=this.onSearch.bind(this)}componentDidMount(){let e=oe.q;const t=[];for(let[a,l]of Object.entries(e)){let e={id:a,name:l};t.push(e)}this.setState({lBMarkup:t})}render(){const{value:e,isAssign:t}=this.props,{result:a,loading:l,search:r,lBMarkup:i}=this.state;let o=e&&e.length>0?e.map(e=>e.id):[];return n.a.createElement(mg,null,t&&n.a.createElement("div",{className:"labelButtons-container"},n.a.createElement("label",null,"Popular Collections"),n.a.createElement("div",{className:"labelButtons-wrap"},i&&i.length>0?i.map((e,t)=>n.a.createElement(v.a,{key:t,size:"small",onClick:()=>this.handleClickLabelBtn(e),type:o.includes(e.id)?"primary":"default"},e.name)):null)),n.a.createElement(hi.a,null,e=>(this.client=e,n.a.createElement(ue.a,{style:{width:"100%"},onSelect:e=>{if("add new"===e)return;const t=this.findById(a,e);this.handleSelect(t,0),this.setState({search:""})},filterOption:!1,value:r,dataSource:this.renderOptions(a),onSearch:t=>{this.state.search!==t&&this.setState({search:t,loading:!0},()=>{this.searchDebounce(e,t)})},onKeyDown:e=>{13===e.keyCode&&e.preventDefault()}},n.a.createElement(p.a.Search,{onFocus:t=>{this.searchDebounce(e,t.target.value)},placeholder:"Search for collection",prefix:n.a.createElement(d.a,{type:l?"loading":"search"})})))),n.a.createElement("div",null,e.map((a,l)=>n.a.createElement(de.a,{style:{marginTop:8,marginRight:8},closable:!0,onClose:()=>{e.splice(l,1),t&&this.searchDebounce(this.client,""),this.props.onChange&&this.props.onChange(e)},key:a.id},a.name))))}}var gg=pg;o.a` 11211 mutation addCollectionsToProducts( 11212 $productIds: [ID!]! 11213 $collectionIds: [ID!] 11214 $add: Boolean! 11215 ) { 11216 addCollectionsToProducts( 11217 productIds: $productIds 11218 collectionIds: $collectionIds 11219 add: $add 11220 ) 11221 } 11222`;l.Component;o.a` 11223 mutation addCollectionsToProducts($productIds: [ID!]!, $add: Boolean!) { 11224 addCollectionsToProducts(productIds: $productIds, add: $add) 11225 } 11226`;l.Component;o.a` 11227 mutation changeProductSelected($id: [ID!], $status: String!) { 11228 changeProductSelected(id: $id, status: $status) { 11229 failed 11230 successed 11231 } 11232 } 11233`;l.Component;j.b.div` 11234 .ant-menu-vertical { 11235 border: none; 11236 } 11237`;l.Component;const Ag=o.a` 11238 query products($filter: ProductFilter) { 11239 products(filter: $filter) { 11240 total 11241 nodes { 11242 id 11243 title 11244 sku 11245 designStatus 11246 personalized 11247 status 11248 sku 11249 productBases { 11250 id 11251 title 11252 } 11253 images { 11254 id 11255 productBaseId 11256 file { 11257 id 11258 url 11259 thumbnailUrl 11260 } 11261 } 11262 mainImage { 11263 id 11264 thumbnailUrl 11265 url 11266 } 11267 tags { 11268 id 11269 name 11270 } 11271 collections { 11272 id 11273 name 11274 } 11275 } 11276 } 11277 } 11278`,bg=(j.b.div` 11279 .ant-dropdown::before { 11280 position: absolute; 11281 border: 1px solid; 11282 background: pink !important; 11283 } 11284 .ant-table-default { 11285 border: 0 none; 11286 border-top: 1px solid rgb(223, 229, 237); 11287 } 11288 .ant-table-thead > tr > th { 11289 background: none; 11290 } 11291`,{limit:+Object(c.M)("perPageProducts")||20,offset:0,search:"",productBaseId:null,storeId:null,collections:null,tags:null,personalized:null});let hg={...bg,limit:+Object(c.M)("perPageProducts")||20};const fg=Object(c.m)(B.a.location.search);fg&&fg.personalized&&("personalized"===fg.personalized&&(fg.personalized=!0),"normal"===fg.personalized&&(fg.personalized=!1)),hg={...hg,...fg};l.Component;var vg=a(129),Eg=a(549);class yg extends l.Component{constructor(){super(...arguments),this.state={visible:!1,fields:[]},this.onChange=()=>{this.props.onChange(JSON.parse(JSON.stringify(this.state.fields)))}}componentDidMount(){const{value:e}=this.props;e&&e.length&&this.setState({fields:JSON.parse(JSON.stringify(this.props.value))})}render(){const{showPreview:e,value:t}=this.props,{fields:a}=this.state;return n.a.createElement("div",null,e&&(!t||0===t.length)&&n.a.createElement(v.a,{onClick:()=>this.setState({visible:!0}),type:"primary"},"Add Personalized Options"),this.state.visible&&n.a.createElement(y.a,{onOk:()=>{!function(e){if(!e||0===e.length)return!1;const t=e.reduce((e,t)=>
11291({...e,[t.name]:(e[t.name]||0)+1}),{});return Object.values(t).every(e=>1===e)}(a)?i.a.error({message:"Field Name must be unique."}):this.setState({visible:!1},()=>{this.onChange()})},onCancel:()=>this.setState({visible:!1}),bodyStyle:{padding:0},className:"customize-modal",width:"80%",title:"Personalized",visible:!0},n.a.createElement(vg.c,{value:t||[],onChange:e=>{this.setState({fields:e})}})),e&&t&&t.length>0&&n.a.createElement(Eg.a,{onEdited:()=>{this.setState({visible:!0})},onDeleted:()=>{this.setState({fields:[]},()=>{this.onChange()})},fields:t}))}}var Cg=yg;function kg(e){const t=Object(De.a)();return[Object(l.useCallback)(async()=>{if(e&&0!==e.length)try{return(await Promise.allSettled(e.map(async e=>await t.query({query:I.C,variables:{id:e}})))).filter(e=>{var t,a;return"fulfilled"===e.status&&null!=(null===(t=e.value)||void 0===t||null===(a=t.data)||void 0===a?void 0:a.fileById)}).map(e=>e.value.data.fileById)}catch(a){console.error(null===a||void 0===a?void 0:a.toString())}},[e,t])]}var Og=a(75),jg=a(179),wg=a(44);const Sg=n.a.lazy(()=>a.e(5).then(a.bind(null,1770))),Ig=j.b.div` 11292 .description { 11293 font-size: 12px; 11294 word-wrap: break-word; 11295 } 11296 11297 .title { 11298 font-weight: bold; 11299 } 11300`;class Bg extends l.Component{constructor(){super(...arguments),this.state={disableSubmit:!1,dimensions:{},currentDesignId:{},checkingDimensions:{}},this.handleChange=(e,t)=>
11300a=>{const{value:l,isProductForm:n,onChange:r}=this.props;e.fileId=a.length?a[0].id:n?"":null,l[t]=e,r&&r(l);let i=null;const o={};(null===a||void 0===a?void 0:a.length)>0?i=a[0]?a[0].id:null:o[t]=null,this.setState(e=>({...e,currentDesignId:{...e.currentDesignId,[t]:i},dimensions:{...e.dimensions,...o}}))},this.handleCheckDimensions=e=>t=>{!0!==t?this.setState(a=>{const l=Object(jg.a)({dimensions:t,index:e,designId:a.currentDesignId});return{...a,dimensions:{...a.dimensions,...l}}}):this.setState({disableSubmit:!1})},this.handleCheckingDimensions=e=>t=>{this.setState(a=>({checkingDimensions:{...a.checkingDimensions,[e]:t}}))}}componentDidMount(){const{value:e}=this.props;if(Array.isArray(e)&&(null===e||void 0===e?void 0:e.length)>0){const a={};for(let l=0;l<e.length;l++){var t;const n=e[l];if(!n||"object"!==typeof n)continue;if(!n.designPosition||!n.designPosition.id)continue;const r=(null===(t=n.file)||void 0===t?void 0:t.id)||null;a[l]=r}this.setState({currentDesignId:a})}}render(){const{value:e,uploadFolder:t}=this.props;if(!e||0===e.length)return n.a.createElement("p",null,"No design positions defined.");const{handleChange:a,handleCheckDimensions:l,handleCheckingDimensions:r}=this,{checkingDimensions:i,dimensions:o}=this.state;return n.a.createElement(Ig,null,n.a.createElement(g.a,{gutter:16},Object(c.Qb)(e).map((s,u)=>{if(!s)return null;const d=s.designPosition,{name:m,description:p,artworkGuidelines:g,image:b,displayName:h}=d||{},f=i[u],v=o[u],E=Object(c.P)(d);return n.a.createElement(A.a,{lg:{span:24},xl:{span:"master"===m.toLowerCase()?24:12},key:u,className:"mb-3"},n.a.createElement("div",{className:"title"},E),n.a.createElement(Ae.a,{isPrintFile:!0,prefix:"print_files/",folder:t||oe.ob.PRINT_FILES,value:s.file?[s.file]:[],listType:"picture-card",multiple:!1,buttonType:"link",singleUpload:!0,placeholderImage:b,onChange:a(s,u),isCompareDesign:!0,designPosition:d,onCheckDimensions:l(u),onCheckingDimensions:r(u)}),n.a.createElement(wg.a,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(Sg,{loading:f,msg:null===v||void 0===v?void 0:v.message,type:null===v||void 0===v?void 0:v.type})),n.a.createElement("div",{className:"description"},p),g&&g.length?n.a.createElement("div",null,n.a.createElement("strong",{style:{display:"inline-block"}},"Artguides:"," "),g.map((e,t)=>n.a.createElement("div",{key:"artworkGuidelines-"+t},e.file&&n.a.createElement(jn.a,{href:""+(e.file.url||e.file.thumbnailUrl),style:{wordBreak:"break-all"}},` ${e.file.name} `),t!==g.length-1?"|":""))):null,e.length>1&&"master"===m.toLowerCase()&&n.a.createElement("div",{className:"title"},"Or"))})))}}var Dg=n.a.forwardRef((e,t)=>n.a.createElement(Bg,Object.assign({},e,{ref:t})));function Pg(e){let{dimensions:t}=e;if(Object(c.Gb)(t))return null;return Object.values(t).find(e=>"error"===(null===e||void 0===e?void 0:e.type))}function xg(e){let{value:t,isAntd:a}=e;const[r,i]=Object(Ee.a)(!1),[o,s]=Object(Ee.a)(!1),[c,u]=Object(l.useState)({msg:null,err:!1}),d=o&&c.msg&&n.a.createElement(D.fb,{content:c.msg,duration:2e3,onDismiss:s});return n.a.createElement(l.Fragment,null,d,a?n.a.createElement(v.a,{children:"Update content",type:"link",onClick:()=>i()}):n.a.createElement(D.g,{children:"Update content",onClick:i,plain:!0}),n.a.createElement(Mg,{open:r,onClose:i,value:t,toggleActive:s,setNotify:u}))}function Mg(e){let{open:t,onClose:a,value:r,toggleActive:i,setNotify:o}=e;const{defaultMockupIds:s,id:u,data:d}=r||{},{products:m}=d||{},[p]=m||[],{description:g}=p||{},[A,b]=Object(l.useState)({defaultMockups:[],newContent:""}),[h,{loading:f}]=Object(De.c)(Jt.ie,{onCompleted:e=>{if(o({msg:"Update template content successfully",err:!1}),null===e||void 0===e?void 0:e.updateTemplate){var t;const{data:a,defaultMockupIds:l}=e.updateTemplate,{products:n}=a,[i]=n||[],{description:o}=i;r.defaultMockupIds=l,(null===(t=r.data.products)||void 0===t?void 0:t.length)>0&&(r.data.products=(r.data.products||[]).map(e=>({...e,description:o})))}a()},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString),err:!0})}}),[v]=kg(s);Object(l.useEffect)(()=>{g&&b(e=>({...e,newContent:g}))},[g]),Object(l.useEffect)(()=>{t&&async function(){const e=await v();(null===e||void 0===e?void 0:e.length)>0&&b(t=>({...t,defaultMockups:e}))}()},[v,t]);const E=Object(l.useCallback)(()=>{const{defaultMockups:e,newContent:t}=A,a=(e||[]).map(e=>
11300e.id).filter(Boolean);null!=u&&(i&&i(!0),o&&o({msg:null,err:!1}),h({variables:{id:u,defaultMockupIds:a,newContent:t||null}}))},[A,h,i,o]),y=Object(l.useCallback)(e=>{b(t=>({...t,defaultMockups:e}))},[]),C=Object(l.useCallback)(e=>{b(t=>({...t,newContent:e}))},[]);return n.a.createElement(D.E,{open:t,onClose:a,title:"Update Template Content",sectioned:!0,large:!0,primaryAction:{content:"Submit",onAction:E,loading:f},secondaryActions:[{content:"Cancel",onAction:a}]},n.a.createElement(D.Y,{vertical:!0},n.a.createElement("div",null,n.a.createElement(D.z,{label:"Template Content"}),n.a.createElement(Kt.a,{value:A.newContent,onChange:C})),n.a.createElement("div",null,n.a.createElement(D.z,{label:"Default Mockup Files"}),n.a.createElement(Ae.a,{prefix:"mockups/",folder:oe.ob.MOCKUPS,multiple:!0,listType:"picture-card",buttonType:"primary",accept:"image/*",fileList:A.defaultMockups,onChange:y}))))}const{Panel:Tg}=Pe.a,Qg=o.a` 11301 query templates($filter: TemplateFilter!) { 11302 templates(filter: $filter) { 11303 total 11304 nodes { 11305 id 11306 name 11307 slug 11308 grouping 11309 defaultMockupIds 11310 data { 11311 personalized 11312 productBases { 11313 ...ProductBasse 11314 } 11315 ProductBaseIds 11316 fields { 11317 name 11318 title 11319 type 11320 extraFee 11321 configure 11322 sorting 11323 } 11324 products { 11325 title 11326 description 11327 productbaseId 11328 shortDescription 11329 tagIds 11330 tags { 11331 id 11332 name 11333 } 11334 variants { 11335 salePrice 11336 regularPrice 11337 productBaseVariantID 11338 disabled 11339 } 11340 collectionIds 11341 collections { 11342 id 11343 name 11344 } 11345 } 11346 } 11347 } 11348 } 11349 } 11350 ${Gp} 11351`,Rg={background:"none",borderRadius:0,marginBottom:0,borderBottom:"1px solid #e8e8e8",overflow:"hidden",cursor:"default"},Fg=j.b.div` 11352 .ant-collapse > .ant-collapse-item > .ant-collapse-header { 11353 cursor: default; 11354 } 11355 .ant-collapse-header { 11356 display: flex; 11357 align-items: center; 11358 } 11359`;class Ng extends l.Component{constructor(){super(...arguments),this.state={active:[],visible:!1,loadingRemove:!1},this.handleModalChange=()=>{this.setState(e=>({...e,visible:!e.visible}))},this.handleDelete=(e,t)=>{this.setState({loadingRemove:!0}),e.mutate({mutation:o.a` 11360 mutation deleteTemplate($id: ID!) { 11361 deleteTemplate(id: $id) 11362 } 11363 `,variables:{id:t}}).then(a=>{if(a)try{const a=e.readQuery({query:Qg,variables:{filter:{grouping:!0}}});e.writeQuery({query:Qg,variables:{filter:{grouping:!0}},data:{...a,templates:{...a.templates,total:a.templates.total-1,nodes:a.templates.nodes.filter(e=>e.id!==t)}}}),this.setState({loadingRemove:!1}),this.handleModalChange()}catch(l){}}).catch(e=>{i.a.error({message:e.toString()}),this.setState({loadingRemove:!1}),this.handleModalChange()})}}render(){const{active:e,visible:t,loadingRemove:a}=this.state;return n.a.createElement(s.b,{query:Qg,variables:{filter:{grouping:!0}}},l=>{let{loading:i,error:o,data:s,client:u}=l;return i?n.a.createElement(r.a,{active:!0}):o?n.a.createElement("div",null,"Error: ",Object(c.ib)(o.toString())):n.a.createElement(Fg,null,n.a.createElement(b.a,{bodyStyle:{padding:0}},n.a.createElement(Pe.a,{style:{background:"none"},bordered:!1,activeKey:this.state.active,expandIcon:e=>{let{isActive:t}=e;return n.a.createElement(_i.a,{rotate:t?90:0})}},s.templates.nodes.map((l,r)=>n.a.createElement(Tg,{showArrow:!1,extra:n.a.createElement("div",null,n.a.createElement(xg,{value:l,isAntd:!0}),n.a.createElement(v.a,{type:"link",onClick:()=>{this.setState({active:e.includes(""+r)?[]:[""+r]})}},e.includes(""+r)?"Hide Details":"Show Details"),n.a.createElement(v.a,{onClick:()=>{this.props.onSelect(l)},className:"text-green-600 ml-2 mr-2",type:"link"},"Use Template"),n.a.createElement(v.a,{onClick:this.handleModalChange,className:"text-red-500",type:"link"},"Remove"),n.a.createElement(y.a,{title:"Remove Template",visible:t,onOk:()=>this.handleDelete(u,l.id),onCancel:this.handleModalChange,confirmLoading:a},n.a.createElement("p",null,"Are you sure to remove this template?"))),header:n.a.createElement("div",{style:{flexGrow:1}},`#${r+1} ${l.name}`,n.a.createElement("br",null),n.a.createElement("span",null,l.slug)),key:""+r,style:Rg},n.a.createElement("div",null,"Grouping:"," ",l.grouping?"Group product into 1 product":"Split products into multiple products"),l.data.productBases.map((e,t)=>{const a=e.images;return n.a.createElement(b.a,{key:t,className:"mb-2"},n.a.createElement(g.a,{gutter:16},n.a.createElement(A.a,{span:4},n.a.createElement(Jp.a,null,a.map((e,t)=>n.a.createElement("div",{key:t},n.a.createElement("img",{src:e.thumbnailUrl?e.thumbnailUrl:e.url,alt:""})))),n.a.createElement("div",null,e.baseCostDescription)),n.a.createElement(A.a,{span:20},n.a.createElement("div",{className:"title"},e.title),n.a.createElement("div",{className:"attributes"},e.attributes.map((e,t)=>n.a.createElement("div",{key:"attribute-"+t},n.a.createElement("div",{className:"attribute-title"},e.name,":"),n.a.createElement("div",null,e.options.map((e,t)=>n.a.createElement(de.a,{key:"option-"+t},e)))))),n.a.createElement("div",{className:"variant-total"},"Variants:"," ",n.a.createElement("span",null,e.variants.length)))))}
11363))))))})}}var Ug=Ng,Lg=a(765),Vg=a(767),zg=a(479);function qg(e){let{open:t,onClose:a,variants:l,sku:r,getProductMockupFolder:i,onChange:o,loading:s}=e;const[c,u]=n.a.useReducer((e,t)=>({...e,...t}),{selectedRows:[],selectedRowKeys:[]}),d=n.a.useCallback(()=>{o(c.selectedRows),a()},[c,a]),m=[{title:"Thumb",key:"thumb",width:300,render:(e,t)=>{let a=t.image?[t.image]:[];return n.a.createElement("div",{className:"thumb-wrap"},n.a.createElement(Ae.a,{folder:r?i(r):"undefined",width:"100",name:"Upload",size:"12",showUploadList:{showDownloadIcon:!1,showPreviewIcon:!1},value:a,onChange:()=>{},multiple:!0,accept:"image/*",listType:"picture-card"}))}},{title:"Variant",key:"variant",width:150,render:(e,t)=>n.a.createElement("div",null,t.productBaseVariant&&t.productBaseVariant.attributes.map(e=>e.option).join("/"))}],p=n.a.useCallback((e,t)=>{u({selectedRowKeys:e,selectedRows:t})},[]),g={selectedRowKeys:c.selectedRowKeys,onChange:p};return n.a.createElement(y.a,{title:"Variants Missing",visible:t,onCancel:a,onOk:d,width:600},n.a.createElement(Hg,null,s?n.a.createElement(f.a,null):n.a.createElement(M.a,{pagination:!1,rowKey:(e,t)=>t,columns:m,dataSource:l,rowSelection:g})))}const Hg=j.b.div``,{Panel:$g}=Pe.a,_g=j.b.div` 11364 .ant-collapse { 11365 margin-bottom: 1rem; 11366 background-color: #fff; 11367 11368 &-item { 11369 border-bottom-width: 0; 11370 } 11371 } 11372 11373 .ant-collapse > .ant-collapse-item { 11374 > .ant-collapse-header { 11375 padding-left: 20px; 11376 } 11377 .ant-collapse-arrow { 11378 left: 0; 11379 } 11380 } 11381`,Gg=e=>{let{index:t,moveRow:a,className:l,style:r,...i}=e;const o=n.a.useRef(),[{isOver:s,dropClassName:c},u]=Object(R.a)({accept:"DragableBodyRow",collect:e=>{const{index:a}=e.getItem()||{};return a===t?{}:{isOver:e.isOver(),dropClassName:a<t?" drop-over-downward":" drop-over-upward"}},drop:e=>{a&&a(e.index,t)}}),[,d]=Object(F.a)({item:{type:"DragableBodyRow",index:t},collect:e=>({isDragging:e.isDragging()})});return u(d(o)),n.a.createElement("tr",Object.assign({ref:o,className:`${l}${s?c:""}`,style:{cursor:"move",...r}},i))},{Title:Kg}=It.a,Jg=j.b.div` 11382 .ant-upload-list-picture-card-container { 11383 width: 100px; 11384 height: 100px; 11385 margin: 0; 11386 } 11387 .ant-upload-list-picture-card .ant-upload-list-item { 11388 margin: 0; 11389 border: 0 none; 11390 width: 100px; 11391 height: 100px; 11392 } 11393 .ant-upload.ant-upload-select-picture-card { 11394 width: 100px; 11395 height: 100px; 11396 } 11397 .ant-upload-text { 11398 font-size: 10px; 11399 } 11400 .product-disabled-variants { 11401 .icon-drag { 11402 display: none; 11403 } 11404 } 11405 11406 .thumb-wrap { 11407 > div { 11408 width: 300px; 11409 } 11410 } 11411`,{Column:Yg,ColumnGroup:Wg}=M.a;class Zg extends l.Component{constructor(){super(...arguments),this.state={value:[],enabledValues:[],disabledValues:[],isDrap:!1,open:!1},this.components={body:{row:Gg}},this.moveRow=(e,t)=>{let{enabledValues:a,disabledValues:l}=this.state;const{productAttrs:n}=this.props;[a[e],a[t]]=[a[t],a[e]],a=tA(a,n),l=tA(l,n),this.setState({enabledValues:[...a],isDrap:!0},()=>{this.props.sortVariant&&this.props.sortVariant({enabledValues:a,disabledValues:l,isDrap:!0})})},this.onChange=e=>{this.props.onChange&&this.props.onChange(e),this.props.onVariableDisabledChanged(e)},this.toggleOpen=()=>{this.setState(e=>({open:!e.open}))}}componentDidMount(){let{value:e,productAttrs:t}=this.props,a=e,l=[],n=[];a.forEach(e=>{!!e.disabled&&e.disabled?n.push(e):l.push(e)}),l=tA(l,t),n=tA(n,t),this.setState({value:a,enabledValues:l,disabledValues:n})}componentDidUpdate(e,t){let{value:a,productAttrs:l}=this.props,n=a,r=[],i=[];n.forEach(e=>{!!e.disabled&&e.disabled?i.push(e):r.push(e)}),r=tA(r,l),i=tA(i,l),k.a.isEqual(r,this.state.enabledValues)&&k.a.isEqual(i,this.state.disabledValues)||this.state.isDrap||this.setState({value:n,enabledValues:r,disabledValues:i},()=>{this.props.sortVariant&&this.props.sortVariant({enabledValues:r,disabledValues:i})})}render(){let{sku:e,isCampaign:t,variantsMissing:a,isEditProduct:l}=this.props;const{currentUser:r}=this.context||{},{id:o}=r||{},s="WEya0"===o,{value:u,disabledValues:d,enabledValues:m}=this.state,g=l&&(null===a||void 0===a?void 0:a.length)>0,A=[{title:n.a.createElement(Lg.a,null),render:()=>n.a.createElement(Vg.a,null),key:"move",className:"icon-drag"},{title:"Thumb",key:"thumb",width:150,render:(t,a)=>{var l,r;let i=a.image?[a.image]:[],o=(null===(l=a.amazonImages)||void 0===l?void 0:l.length)>0?a.amazonImages.map(e=>
11411e.file?e.file:e).filter(Boolean):[];(null===(r=o)||void 0===r?void 0:r.length)>0&&(o=o.filter(e=>{var t;return e.id!=(null===a||void 0===a||null===(t=a.image)||void 0===t?void 0:t.id)}),i=[...i,...o]);let s=a.productBaseVariantId,d=k.a.findIndex(u,{productBaseVariantId:s});return n.a.createElement("div",{className:"thumb-wrap"},n.a.createElement(Ae.a,{folder:e?Object(c.Z)(e):"undefined",width:"100",name:"Upload",size:"12",showUploadList:{showDownloadIcon:!1,showPreviewIcon:!1},value:i,onChange:e=>{u[d].image=e.length?e[0]:null,u[d].amazonImages=(null===e||void 0===e?void 0:e.length)>0?e:void 0,this.onChange(u)},multiple:!0,accept:"image/*",listType:"picture-card"}))}},{title:"Variant ID",key:"id",width:200,render:(e,t)=>{const a=Object(C.get)(t,"id","");return n.a.createElement(p.a.Group,{compact:!0,style:{display:"inline-flex"}},n.a.createElement(p.a,{value:a,disabled:!0}),n.a.createElement(v.a,{icon:n.a.createElement(zg.a,null),onClick:()=>{Object(c.p)(a),i.a.success({message:"Copied!"})}}))}},{title:"Variant",key:"variant",width:150,render:(e,t)=>n.a.createElement("div",null,t.productBaseVariant&&t.productBaseVariant.attributes.map(e=>e.option).join("/"))},{title:"Regular Price",key:"regularPrice",width:120,render:(e,t,a)=>{let l=t.productBaseVariantId,r=k.a.findIndex(u,{productBaseVariantId:l});return n.a.createElement(V,{value:t.regularPrice,onChange:e=>{u[r].regularPrice=e,this.onChange(u)}})}},{title:"Sale Price",key:"salePrice",width:120,render:(e,t,a)=>{let l=t.productBaseVariantId,r=k.a.findIndex(u,{productBaseVariantId:l});return n.a.createElement(V,{value:t.salePrice,onChange:e=>{u[r].salePrice=e,this.onChange(u)}})}},{title:"Base cost",key:"baseCost",width:120,render:(e,a)=>{const l=Object(C.get)(a,"productBaseVariantId","");if(!l)return null;let r="";if(t){const e=Object(C.get)(a,"productBaseVariant.productBase.variants",[]),{sellerPrice:t}=e.find(e=>{let{id:t}=e;return t===l})||{};r=t}else r=Object(C.get)(a,"productBaseVariant.sellerPrice","");return n.a.createElement("span",null,r)}},s&&{title:"supplier Price",key:"supplierPrice",width:120,render:(e,t)=>{const a=Object(C.get)(t,"productBaseVariant.supplierPricing[0].price","");return n.a.createElement("span",null,a)}},{title:"Action",render:(e,t,a)=>{let l=t.productBaseVariantId,r=k.a.findIndex(u,{productBaseVariantId:l}),i=u[r].disabled;return n.a.createElement("span",{style:{cursor:"pointer"},onClick:e=>{if(i)u[r].disabled=!i;else{let e=0;k.a.forOwn(u,(function(t,a){t.disabled||e++})),e>1?u[r].disabled=!i:alert("You must keep at least one variant")}this.setState({isDrap:!1}),this.onChange(u)}},i?n.a.createElement("span",{className:"ant-btn-link"},"Restore"):n.a.createElement(mt.a,null))}}].filter(Boolean),b=k.a.sum(A.map(e=>e.width));return n.a.createElement(Jg,null,n.a.createElement("div",{className:"product-avaiabled-variants"},n.a.createElement("div",{className:"flex justify-between items-center"},n.a.createElement(Kg,{level:3},"All variants"),g?n.a.createElement(v.a,{children:"Check variants missing",onClick:this.toggleOpen}):null),n.a.createElement(Xg,{data:m,value:u,onChange:this.onChange}),n.a.createElement(N.a,{backend:U.a},n.a.createElement(M.a,{pagination:!1,rowKey:(e,t)=>t,columns:A,dataSource:m,className:"p-table",scroll:{x:b},onRow:(e,t)=>({"data-variants_id":e.id,"data-variants_sku":e.sku,"data-pbase_variant_id":e.productBaseVariantId,index:t,moveRow:this.moveRow}),components:this.components},n.a.createElement(Wg,{title:"Variants",styled:{}},n.a.createElement(Yg,null,A))))),d&&d.length>0&&n.a.createElement("div",{className:"product-disabled-variants",style:{marginTop:"30px"}},n.a.createElement(Kg,{level:3},"Trashed Variants"),n.a.createElement(Xg,{data:d,value:u,onChange:this.onChange}),n.a.createElement(M.a,{pagination:!1,rowKey:(e,t)=>t,columns:A,dataSource:d,className:"p-table",scroll:{x:b},onRow:(e,t)=>({"data-variants_id":e.id,"data-variants_sku":e.sku,"data-pbase_variant_id":e.productBaseVariantId})},n.a.createElement(Wg,{title:"Variants",styled:{}},n.a.createElement(Yg,null,A)))),n.a.createElement(qg,{open:this.state.open,onClose:this.toggleOpen,variants:a,sku:e,getProductMockupFolder:c.Z,onChange:e=>{let t=u;this.setState(a=>(t=[...a.value||[],...e||[]],{enabledValues:[...a.enabledValues||[],...e||[]],value:t}),()=>{this.onChange(t)}
11411)}}))}}function Xg(e){let{data:t,value:a,onChange:r}=e;const i=Object(l.useMemo)(()=>t.map(e=>{const t=e.productBaseVariantId;return k.a.findIndex(a,{productBaseVariantId:t})}),[t,a]),o=Object(l.useRef)(null),s=Object(l.useCallback)(e=>t=>{o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{const l="regular"===e?"regularPrice":"salePrice";for(let e=0;e<i.length;e++)a[i[e]][l]=t;r&&r(a)},500)},[a,i,r]);return n.a.createElement(_g,null,n.a.createElement(Pe.a,{bordered:!1,expandIcon:e=>{let{isActive:t}=e;return n.a.createElement(_i.a,{rotate:t?90:0})},className:"site-collapse-custom-collapse",style:{marginBottom:"1rem"}},n.a.createElement($g,{header:"Change Prices",key:"1",className:"site-collapse-custom-panel",style:{padding:0}},n.a.createElement("div",null,n.a.createElement("label",null,"Regular Price"),n.a.createElement(V,{onChange:s("regular")})),n.a.createElement("div",{style:{marginTop:"1rem"}},n.a.createElement("label",null,"Sale Price"),n.a.createElement(V,{onChange:s()})))))}Zg.contextType=te.a;function eA(e){return Object(C.get)(e,"productBaseVariant.attributes",[])||[]}function tA(e,t){if(Object(c.c)(e)||"string"!==typeof t||0===t.length)return e;const a=JSON.parse(t);if(Object(c.Gb)(a)||0===Object.keys(a).length)return e;const l=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];const a={};if(Object(c.Gb)(e))return{};e:for(const[l,n]of Object.entries(e)){if(!l||Object(c.Gb)(n)||Object(c.Gb)(n.options))continue;if(!Object(c.c)(t))for(const a of t)if((l||"").match(a))continue e;const e=nA(n.options);!Object(c.c)(e)&&e.length>0&&(a[l]=e)}return a}(a),n=Object.values(l).every(e=>!Object(c.c)(e)),r=Object.keys(l);if(!n)return e;const[i]=e;if(!function(e,t){return!Object(c.c)(e)&&!Object(c.c)(t)&&e.some(e=>(null===e||void 0===e?void 0:e.slug)&&t.push(e.slug))}(eA(i),r))return e;const o={};for(const d of e){const e=aA(eA(d)),t=lA(Object.keys(e)),a=[];for(const l of t)!c.Gb[e]&&e[l]&&a.push(e[l]);o[a.filter(Boolean).join("_")]=d}const s=[],u=lA(Object.keys(o));for(const d of u)d&&!Object(c.Gb)(o[d])&&s.push(o[d]);return s}function aA(e){const t={};if(Object(c.c)(e))return{};for(const a of e)Object(c.Gb)(a)||Object(c.Sb)(a.slug)||Object(c.Sb)(a.option)||(t[a.slug]=a.option);return t}function lA(e){return Object(c.c)(e)?[]:e.sort((e,t)=>e.localeCompare(t))}function nA(e){const t=[];if(Object(c.Gb)(e))return[];for(const a of Object.values(e))a&&a.label&&t.push(a.label);return t}var rA=Zg;const{Panel:iA}=Pe.a,oA=j.b.div` 11412 padding: 2rem 0 1.5rem; 11413 .btn-wrap { 11414 display: flex; 11415 flex-direction: row-reverse; 11416 margin: 2rem 0; 11417 } 11418 .ant-collapse > .ant-collapse-item > { 11419 .ant-collapse-header { 11420 padding: 0; 11421 width: 120px; 11422 margin-bottom: 2rem; 11423 11424 } 11425 .ant-collapse-content { 11426 .ant-collapse-content-box { 11427 padding: 0; 11428 } 11429 } 11430 }. 11431`,sA=e=>{let{labels:t,onChange:a,onSubmit:r}=e;const[o,s]=Object(l.useState)([]),[c,u]=Object(l.useState)(null),[d,m]=Object(l.useState)(!1);Object(l.useEffect)(()=>{t&&t.length&&s(t)},[t]),Object(l.useEffect)(()=>()=>clearTimeout(c),[]);const p=Object(l.useCallback)(e=>s(e),[]),g=Object(l.useCallback)(()=>{if(m(!0),r){const e=setTimeout(()=>{r(),i.a.success({message:"Update items success"}),m(!1)},700);u(e)}},[]);Object(l.useEffect)(()=>{a&&a(o)},[o]);const A=[{title:"Size",key:"size",dataIndex:"label"},{title:"Regular Price",key:"regularPrice",dataIndex:"regularPrice",render:(e,t,a)=>n.a.createElement(V,{value:t.regularPrice,onChange:e=>{o[a].regularPrice=e,p(o)}})},{title:"Sale Price",key:"salePrice",dataIndex:"salePrice",render:(e,t,a)=>n.a.createElement(V,{value:t.salePrice,onChange:e=>{o[a].salePrice=e,p(o)}})}];return n.a.createElement(oA,null,n.a.createElement(Pe.a,{style:{background:"none"},bordered:!1},n.a.createElement(iA,{key:"1",showArrow:!1,extra:n.a.createElement(v.a,null,"Set Prices")},n.a.createElement(M.a,{dataSource:o,rowKey:(e,t)=>t,pagination:!1,columns:A}),n.a.createElement("div",{className:"btn-wrap"},n.a.createElement(v.a,{type:"primary",onClick:g,loading:d},"Apply Changes")))))};var cA=a(228);function uA(e){let{onDelete:t,value:a,productId:r}=e;const o=Object(De.a)(),s=(ce()(a,"productBase.id",null),Object(l.useCallback)(async()=>{var e;if((null===a||void 0===a||null===(e=a.variants)||void 0===e?void 0:e.length)>0){const e=a.variants.map(e=>e.id),{data:t}=await o.query({query:I.hc,variables:{productVariantIds:e}});if(null===t||void 0===t?void 0:t.productVariantHasOrder)return void i.a.error({message:"Can't delete this base, because product's variant has order."})}t&&t()},[t,a,o]));return n.a.createElement(v.a,{className:"danger-btn",onClick:s,size:"small",type:"link"},"Delete")}const dA=j.b.div` 11432 .ant-collapse-borderless > .ant-collapse-item { 11433 border: none; 11434 } 11435`,mA=j.b.div` 11436 .tag-wrap { 11437 border-radius: 3px; 11438 font-weight: 500; 11439 display: flex; 11440 align-items: center; 11441 } 11442`;class pA extends l.Component{constructor(e){var t;super(e),t=this,this.handleShowBtnSave=()=>
11442{let{form:e,onChangeValue:t,grouped:a}=this.props;if(!a){let a=this.state.defaultFieldsValue&&{...this.state.defaultFieldsValue},l={...e.getFieldsValue(w.D)};l=JSON.parse(JSON.stringify(l)),l&&a&&(l.variants=l.variants.sort(c.Rb),a.variants=a.variants.sort(c.Rb),l.description=l.description.replace(/(\r\n|\n|\r)/gm,""),Object(c.hb)(l,a)?(this.setState({showBtnSave:!0}),t&&t(!0)):(this.setState({showBtnSave:!1}),t&&t(!1)))}},this.strToSlug=e=>{e=(e=e.replace(/^\s+|\s+$/g,"")).toLowerCase();for(var t="\xe0\xe1\xe4\xe2\xe8\xe9\xeb\xea\xec\xed\xef\xee\xf2\xf3\xf6\xf4\xf9\xfa\xfc\xfb\xf1\xe7\xb7/_,:;",a=0,l=t.length;a<l;a++)e=e.replace(new RegExp(t.charAt(a),"g"),"aaaaeeeeiiiioooouuuunc------".charAt(a));return e=e.replace(/[^a-z0-9 -]/g,"").replace(/\s+/g,"-").replace(/-+/g,"-")},this.countActivatedVariants=e=>{let t=0;return k.a.forOwn(e,(function(e){e.productBaseVariant.attributes&&e.productBaseVariant.attributes.length>0&&(e.disabled||t++)})),t},this.getProductBaseAttrs=(e,t,a)=>{let l={},n=!1,r=this.props.isEditProduct;const{template:i}=this.props;let o=!!i;if(a){0===this.countActivatedVariants(a)&&(n=!0)}return e&&e.length>0&&e.forEach(e=>{let i={},s=!a&&gA(e.slug);e.options&&e.options.forEach(a=>{let l=!1;if(n&&(l=!0),t&&t[e.slug]&&t[e.slug].length>0?(l=!0,k.a.includes(t[e.slug],a)&&(l=!1)):l=!0,s&&!r&&!o){l=a!==k.a.head(e.options)}i[this.strToSlug(a)]={label:a,disabled:l}}),l[e.slug]={name:e.name,slug:e.slug,options:i}}),l},this.getProductVariants=function(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=arguments.length>2?arguments[2]:void 0,n=arguments.length>3?arguments[3]:void 0;const{template:r}=t.props;let i=!!r;if(!e.variants)return[];let{isEditProduct:o}=t.props;return e.variants.map((e,t)=>{let r=!0;e.attributes&&e.attributes.length&&l&&n&&e.attributes.forEach(e=>{e.slug&&gA(e.slug)&&e.option&&e.option.toLowerCase()===n.toLowerCase()&&(r=!1)});let s,c=e.id,u=t;return a&&Object.keys(a).length&&(s=a&&Object.keys(a).length,u=k.a.findIndex(a&&a.variants,{productBaseVariantID:c})),{productBaseVariantId:e.id,productBaseVariant:e,image:null,regularPrice:s&&a.variants[u]?a.variants[u].regularPrice:e.regularPrice,salePrice:s&&a.variants[u]?a.variants[u].salePrice:e.salePrice,disabled:l&&n&&!o&&!i?r:s&&a.variants[u]?a.variants[u].disabled:!(!e||!e.disabled)&&e.disabled}})},this.handleChangeAttrOption=(e,t,a,l)=>{let n=this.state,r=n.productAttributes,i=r[e].options[t].disabled;r[e].options[t].disabled=!i;let o=Object.keys(r).length,s={};o>1&&k.a.forOwn(r,(function(e,t){let a=[];k.a.forOwn(e.options,(function(e){e.disabled||a.push(e.label)})),s[t]=a}));let c=n.variantsState?n.variantsState:l,u=[];k.a.forOwn(c,(function(t,l){t.productBaseVariant.attributes&&t.productBaseVariant.attributes.length>0&&t.productBaseVariant.attributes.forEach(n=>{if(n.slug===e&&n.option===a.label){let e={key:l,disabled:t.disabled};u.push(e);let a=!i;if(o>1&&i&&t.productBaseVariant&&t.productBaseVariant.attributes&&t.productBaseVariant.attributes.length>0){let e=0;t.productBaseVariant.attributes.forEach(t=>{let a=t.slug,l=t.option,n=s[a];n||(a=function(e){let t=e;if(!gA)return e;t="color"===e?"colors":"color";return t}(a),n=s[a]),n&&n.length>0&&n.includes(l)&&e++}),e!==o&&(a=i)}return t.disabled=a}})})),0===this.countActivatedVariants(c)&&(r[e].options[t].disabled=i,u.length>0&&u.forEach((function(e,t){c[e.key].disabled=e.disabled})),alert("You must keep at least one option for each attributes")),this.setState({productAttributes:r,variantsState:c,showBtnSave:!1}),this.props.form.setFieldsValue({variants:c})},this.getActivatedProductAttrs=e=>{let t={};return k.a.forOwn(e,(function(e){!e.disabled&&e.productBaseVariant.attributes&&e.productBaseVariant.attributes.length>0&&e.productBaseVariant.attributes.forEach(e=>{t[e.slug]||(t[e.slug]=[]),t[e.slug].push(e.option)})})),t},this.onVariableDisabledChanged=e=>{let t=this.state;if(t&&t.currentProductBase&&t.currentProductBase.attributes){let t=this.getProductBaseAttrs(this.state.currentProductBase.attributes,this.getActivatedProductAttrs(e),e);this.setState({productAttributes:t})}},this.countState=e=>{let t=0,a=0;
11442return e&&e.length&&e.forEach(e=>{e.disabled?a++:t++}),{counEnabled:t,counDisabled:a}},this.handleUpdatePrice=e=>{let t=this.state.labels,{variantsState:a}=this.state,l=a||e;k.a.forOwn(t,e=>{let t=e&&e.label,a=e&&e.regularPrice,n=e&&e.salePrice;k.a.forOwn(l,e=>{e.productBaseVariant&&e.productBaseVariant.attributes&&e.productBaseVariant.attributes.length&&k.a.forOwn(e.productBaseVariant.attributes,l=>{l.option===t&&(e.regularPrice=a||e.regularPrice,e.salePrice=n||e.salePrice)})})}),this.setState({variantsState:l}),this.props.form.setFieldsValue({variants:l})},this.handleError=e=>{let t={};k.a.each(e,e=>{k.a.each(k.a.get(e,"errors",[]),e=>{const a=k.a.trim(e.message.toLowerCase());"undefined"===typeof t[a]&&i.a.error({message:Object(c.ib)(e.message)}),t[a]=!0})})},this.validateTitle=(e,t,a)=>{let l=null;t?t.length>oe.C&&(l=oe.mb):l="Product title is required.",l?a(l):a()},this.state={visible:!1,defaultFieldsValue:null,showBtnSave:null,handleBtnSave:null,productAttributes:null,variantsState:null,firstColor:null,sortVariant:{}},this.handleChangeAttrOption=this.handleChangeAttrOption.bind(this)}componentDidMount(){const{grouped:e,value:{productBase:t,variants:a},template:l,isEditProduct:n}=this.props;let r=this.props.form.getFieldsValue(w.D);e||(r=JSON.parse(JSON.stringify(r))),this.setState({defaultFieldsValue:r});let i,o={};if(t&&t.attributes&&t.attributes.length&&(o.productAttributes=this.getProductBaseAttrs(t.attributes,this.getActivatedProductAttrs(a)),t.attributes.forEach(e=>{gA(e.slug)&&e.options&&e.options.length&&(i=k.a.head(e.options),this.setState({firstColor:i}))})),a&&a.length){const e=[];a.forEach(t=>{let a=!0;t.productBaseVariantId&&e.push(t.productBaseVariantId),t.productBaseVariant&&t.productBaseVariant.attributes&&t.productBaseVariant.attributes.length&&t.productBaseVariant.attributes.forEach(e=>{gA(e.slug)&&i.toLowerCase()===e.option.toLowerCase()&&(a=!1)}),t.disabled=t&&i&&!n?a:!!t.disabled&&t.disabled});const l=((null===t||void 0===t?void 0:t.variants)||[]).filter(t=>{let{id:a}=t;return!e.includes(a)}).map(e=>({productBaseVariant:e,productBaseVariantId:e.id,image:null,disabled:!1,regularPrice:e.regularPrice,salePrice:e.salePrice}));o.variantsState=a,o.variantsMissing=l}if(t&&(o.currentProductBase=t),this.setState(o),l&&l.data&&l.data.products&&l.data.products.length){let e={},a=l.data.products.find(e=>e.productbaseId===t.id),n=this.getProductVariants(t,a);this.props.form.setFieldsValue({variants:n});let r=a.variants,i=k.a.get(t,"variants",[])||[],o=k.a.get(t,"attributes",[])||[],s=[];r.forEach(e=>{let t=e.productBaseVariantID;i.forEach(a=>{if(a.id===t){let t={attributes:a.attributes};e.productBaseVariant=t,e.productBaseVariantId=a.id,e.image=null}}),s.push(e)}),e.variantsState=s,s={...s};let c=this.getProductBaseAttrs(o,this.getActivatedProductAttrs(s));c&&(e.productAttributes=c),this.setState(e)}}componentDidUpdate(e,t){let{onChangeValue:a,grouped:l,updatePrices:n,value:{productBase:r,variants:i},isEditProduct:o}=this.props;if(!k.a.isEqual(e.isChangeDrag,this.props.isChangeDrag)){let e,t={};if(r&&r.attributes&&r.attributes.length){let a=this.getProductBaseAttrs(r.attributes,this.getActivatedProductAttrs(i));t.productAttributes=a,r.attributes.forEach(t=>{gA(t.slug)&&t.options&&t.options.length&&(e=k.a.head(t.options),this.setState({firstColor:e}))});let l=[];a&&Object.keys(a).forEach(e=>{a[e]&&"size"===a[e].slug&&a[e].options&&Object.keys(a[e].options).forEach(t=>{l.push({label:a[e].options[t]&&a[e].options[t].label,regularPrice:null,salePrice:null})})}),t.labels=l}i&&i.length&&(i.forEach(t=>{let a=!0;t.productBaseVariant&&t.productBaseVariant.attributes&&t.productBaseVariant.attributes.length&&t.productBaseVariant.attributes.forEach(t=>{gA(t.slug)&&e.toLowerCase()===t.option.toLowerCase()&&(a=!1)}),t.disabled=t&&e&&!o?a:!!t.disabled&&t.disabled}),t.variantsState=i),r&&(t.currentProductBase=r),this.setState(t,()=>{this.props.form.setFieldsValue({variants:i})})}let{variantsState:s}=this.state;t.handleBtnSave!==this.state.handleBtnSave&&(this.handleShowBtnSave(),l&&a&&a(!1));const c=this.getProductVariants(r,{},!0,this.state.firstColor);let u=s||c;e.updatePrices!==n&&this.handleUpdatePrice(u);let{value:d,onChange:m,template:p}=this.props,g=!!p;this.state.variantsState!==t.variantsState&&g&&m&&m({...d,variants:s})}render(){var e;const{visible:t,handleBtnSave:a,variantsState:l,variantsMissing:r}=this.state,{value:i,onSelected:o,onDelete:s,selected:m,grouped:
11442h,sku:f,isEditProduct:E,noAction:C,productId:k}=this.props,{getFieldDecorator:O}=this.props.form,{productBase:j,title:w}=i,S=j.images&&j.images.length?j.images:[],I=i.variants&&i.variants.length>0,B=this.state.productAttributes,D=this.getProductVariants(j,{},!0,this.state.firstColor);let P=this.countState(l),x=[];this.state.isDrap||(x=E?i&&i.variants&&i.variants.length>0?i.variants.sort((e,t)=>e.sorting-t.sorting):[]:i&&i.variants&&i.variants.length>0?i.variants.sort((e,t)=>e.productBaseVariant.sorting-t.productBaseVariant.sorting):[]);const M=this.props.form&&this.props.form.getFieldValue("shortTitle"),T=Object(Og.b)(M,oe.D.fbTitle),Q=this.props.form&&this.props.form.getFieldValue("amzTitle"),R=Object(Og.b)(Q,oe.D.amzTitle),F=this.props.form&&this.props.form.getFieldValue("title"),N=Object(Og.b)(F),U=Object(c.J)(j);return n.a.createElement("div",null,n.a.createElement(b.a,{className:""+(m?"selected":"unselected"),bordered:!1,bodyStyle:{padding:10},onClick:o,title:U,extra:C?null:n.a.createElement("div",null,n.a.createElement(uA,{onDelete:s,value:i,productId:k})," ",n.a.createElement(v.a,{onClick:()=>{this.setState({visible:!0}),this.handleUpdatePrice(D)},icon:n.a.createElement(d.a,{type:"edit"}),size:"small",type:"link"},"Edit"))},n.a.createElement(g.a,{gutter:16},n.a.createElement(A.a,{span:6},n.a.createElement(Jp.a,null,S.map((e,t)=>n.a.createElement("div",{key:t},n.a.createElement("img",{style:{width:"100%",maxWidth:"300px"},src:e.thumbnailUrl?e.thumbnailUrl:e.url,alt:""})))),n.a.createElement("div",null,j.baseCostDescription)),n.a.createElement(A.a,{span:18},!h&&n.a.createElement("div",{className:"title"},w),B&&Object.keys(B).map(e=>n.a.createElement("div",{key:"attribute-"+e},n.a.createElement("div",{className:"attribute-title"},B[e]&&B[e].name),n.a.createElement("div",{style:{marginBottom:12}},B[e]&&B[e].options&&Object.keys(B[e].options).map(t=>{let l,r=gA(B[e].slug);r&&(l=B[e].options&&B[e].options[t]);let i=l&&this.strToSlug(l.label),o=l&&l.disabled,s=l&&l.label;if(s){let e=s.match("/")&&s.split("/");if(e&&e.length){let t=e.filter(e=>e.trim());1===t.length&&(s=t)}}return n.a.createElement(mA,{style:{display:"inline-block"},key:"option-"+t},n.a.createElement(de.a,{key:"option-"+t,className:r?"tag-wrap":"",style:{color:r&&o?"#1890ff":"",cursor:"pointer",marginTop:8,padding:"3px 8px"},color:B[e].options[t].disabled?"":"#1890ff",onClick:()=>{this.handleChangeAttrOption(e,t,B[e].options[t],D),this.setState({handleBtnSave:!a})}},r&&n.a.createElement(cA.a,{optionSlug:i}),r?s:B[e].options&&B[e].options[t]&&B[e].options[t].label))})))),n.a.createElement("div",{className:"variant-total mt-4"},P&&P.counDisabled>=0&&n.a.createElement("div",null,"Total enabled: ",n.a.createElement("span",null,P.counEnabled)),P&&P.counDisabled>=0&&n.a.createElement("div",null,"Total disabled: ",n.a.createElement("span",null,P.counDisabled))),B&&Object.keys(B).forEach(e=>{if(B[e]&&"size"===B[e].slug){let t=[];return B[e].options&&Object.keys(B[e].options).forEach(a=>{t.push({label:B[e].options[a]&&B[e].options[a].label,regularPrice:null,salePrice:null})}),n.a.createElement(dA,{key:"attribute-"+e},n.a.createElement(sA,{borderNone:!0,key:"labels-"+e,labels:this.state.labels?this.state.labels:t,onChange:e=>this.setState({labels:e}),onSubmit:()=>this.handleUpdatePrice(D)}))}})))),n.a.createElement(y.a,{title:j.title,footer:n.a.createElement(v.a,{onClick:()=>{let{sortVariant:e}=this.state,t=e&&e.enabledValues&&e.disabledValues?[...e.enabledValues,...e.disabledValues]:[],a=this.props.form.getFieldValue("variants");this.setState(e=>({variantsState:t.length>0?t:e.variantsState}),()=>{this.props.form.setFieldsValue({variants:t.length>0?t:a})}),this.props.form.validateFields((e,a)=>{a.variants=t.length?t:a.variants,e?this.handleError(e):this.setState({visible:!1},()=>{this.props.onChange&&this.props.onChange(a)})})},className:"btn-green"},"Save Changes"),onCancel:()=>{this.setState({visible:!1})},visible:t,width:980},n.a.createElement(u.a,Object.assign({},{labelCol:{span:24},wrapperCol:{span:24}},{onSubmit:e=>{e.preventDefault()}}),n.a.createElement("div",{style:{display:""+(h?"none":"block")}},n.a.createElement(u.a.Item,{label:"Title",help:N},O("title",{initialValue:i.title,rules:h?[]:[{required:!0,validator:this.validateTitle}]})(n.a.createElement(p.a,{placeholder:j.title+" product title",onCh
11442ange:()=>{this.setState({handleBtnSave:!a})}}))),n.a.createElement(u.a.Item,{label:"Facebook Title",help:T},O("shortTitle",{initialValue:i.shortTitle})(n.a.createElement(p.a,{placeholder:"Enter facebook title",maxLength:oe.D.fbTitle,onChange:()=>{this.setState({handleBtnSave:!a})}}))),n.a.createElement(u.a.Item,{label:"Amazon Title",help:R},O("amzTitle",{initialValue:i.amzTitle})(n.a.createElement(p.a,{placeholder:"Enter amazon title",maxLength:oe.D.amzTitle,onChange:()=>{this.setState({handleBtnSave:!a})}}))),Object(c.ub)(null===(e=this.context)||void 0===e?void 0:e.currentUser)?n.a.createElement(u.a.Item,{label:"Keyword"},O("keyword",{initialValue:i.keyword})(n.a.createElement(p.a,{placeholder:"Enter keyword",onChange:()=>{this.setState({handleBtnSave:!a})}}))):null,n.a.createElement(u.a.Item,{label:"Description"},O("description",{initialValue:i.description})(n.a.createElement(Kt.a,{onChange:()=>{this.setState({handleBtnSave:!a})}}))),n.a.createElement(u.a.Item,{label:"Design Resources"},O("psd",{initialValue:i.psd})(n.a.createElement(p.a.TextArea,{rows:4}))),n.a.createElement(u.a.Item,{label:"Collections"},O("collections",{initialValue:i.collections,rules:h?[]:[{required:!0,message:"Collections is required"}]})(n.a.createElement(gg,{onChange:()=>{this.setState({handleBtnSave:!a})}}))),n.a.createElement(u.a.Item,{label:"Tags"},O("tags",{initialValue:i.tags,rules:h?[]:[{required:!0,message:"Tags is required"}]})(n.a.createElement(ig,{onChange:()=>{this.setState({handleBtnSave:!a})}})))),n.a.createElement(u.a.Item,{title:"Variants",hidden:!I},O("variants",{initialValue:x})(n.a.createElement(rA,{isEditProduct:E,variantsMissing:r,sku:f,onChange:()=>{this.setState({handleBtnSave:!a})},isCampaign:!0,onVariableDisabledChanged:this.onVariableDisabledChanged,sortVariant:e=>{let{enabledValues:t,disabledValues:a,isDrap:l}=e;this.setState({sortVariant:{enabledValues:t,disabledValues:a},showBtnSave:!1,isDrap:l})}}))),n.a.createElement(b.a,{title:"Pricing",hidden:I},n.a.createElement(g.a,{gutter:16},n.a.createElement(A.a,{span:12},n.a.createElement(u.a.Item,{label:"Regular Price"},O("regularPrice",{initialValue:i?i.regularPrice:null})(n.a.createElement(V,{onChange:()=>{this.setState({handleBtnSave:!a})}})))),n.a.createElement(A.a,{span:12},n.a.createElement(u.a.Item,{label:"Sale Price"},O("salePrice",{initialValue:i?i.salePrice:null})(n.a.createElement(V,{onChange:()=>{this.setState({handleBtnSave:!a})}})))))))))}}function gA(e){if(!e||0===e.length)return!1;return/color(s)*/i.test(e)}pA.contextType=te.a;var AA=u.a.create({name:"item-form"})(pA);const bA=e=>{const{pBaseId:t,index:a,movePBase:r}=e,i=Object(l.useRef)(null),[,o]=Object(R.a)({accept:"card",hover(e,t){if(!i.current)return;const l=e.index,n=a;if(l===n)return;const o=i.current.getBoundingClientRect(),s=(o.bottom-o.top)/2,c=t.getClientOffset().y-o.top;l<n&&c<s||l>n&&c>s||(r(l,n),e.index=n)}}),[,s]=Object(F.a)({item:{type:"card",pBaseId:t,index:a},collect:e=>({isDragging:e.isDragging()})});return s(o(i)),n.a.createElement("div",{ref:i,style:{cursor:"move"}},n.a.createElement(AA,e))},hA=j.b.div` 11443 .ant-card { 11444 margin-bottom: 20px; 11445 border: 2px solid #e2e8f0; 11446 &.selected { 11447 border-color: #40a9ff; 11448 background-color: rgba(247, 249, 250, 1); 11449 } 11450 .ant-card-head { 11451 border-bottom: 0 none; 11452 } 11453 } 11454 .danger-btn { 11455 color: rgba(211, 69, 91, 1); 11456 } 11457`;class fA extends l.Component{constructor(){super(),this.movePBase=(e,t)=>{let{value:a}=this.state;[a[e],a[t]]=[a[t],a[e]],this.setState({value:[...a],isChangeDrag:!this.state.isChangeDrag},()=>{this.props.onChange&&this.props.onChange([...a])})},this.state={value:[],isChangeDrag:!1}}componentDidMount(){let{value:e}=this.props;this.setState({value:e})}componentDidUpdate(e){k.a.isEqual(e.value,this.props.value)||this.setState({value:this.props.value})}render(){const{onSelected:e,onDelete:t,selectedIndex:a,grouped:l,sku:r,onChangeValue:i,template:o,updatePrices:s,isEditProduct:c,noAction:u,productId:d}=this.props,{value:m,isChangeDrag:p}=this.state;return n.a.createElement(hA,null,n.a.createElement(N.a,{backend:U.a},m.map((g,A)=>{let b=g&&g.productBase&&g.productBase.id;return n.a.createElement(bA,{productId:d,isEditProduct:c,template:o,noAction:u,sku:r,updatePrices:s,key:A,value:g,grouped:l,selected:a===b,index:A,pBaseId:b,onChange:e=>{this.props.onChange&&(m[A]={...m[A],...e},this.props.onChange(m))},onDelete:()=>{t&&t(A)},onSelected:()=>{e&&e(b)},onChangeValue:e=>{i(e)},movePBase:this.movePBase,isChangeDrag:p})})))}}var vA=fA;const EA=o.a` 11458 query stores($filter: StoreFilter) { 11459 stores(filter: $filter) { 11460 total 11461 nodes { 11462 id 11463 title 11464 } 11465 } 11466 } 11467`,yA=o.a` 11468 mutation pushProductToStore($id: ID!, $storeId: ID!) { 11469 pushProductToStore(id: $id, storeId: $storeId) 11470 } 11471`;class CA extends l.Component{constructor(e){super(e),this.onSearch=(e,t)=>{let{isMarketplaceManager:a}=this.props;this.setState({loading:!0},async()=>{try{const a=await e.query({query:EA,fetchPolicy:"network-only",variables:{filter:{search:t,platformSelected:["amazon","ebay","woocommerce","shopify","shopbase"]}}});this.setState({loading:!1,result:k.a.get(a,"data.stores.nodes",[])})}catch(a){this.setState({loading:!0},()=>{i.a.error({message:Object(c.ib)(a.soString())})})}})},this.handleSelect=e=>{const{value:t,isEditProduct:a}=this.props;this.props.onChange&&(a?this.props.onChange([e]):this.props.onChange([...t,e]))},this.state={search:"",loading:!1,result:[],loadingPushProduct:!1},this.searchDebounce=k.a.debounce(this.onSearch,250),this.onSearch=this.onSearch.bind(this)}render(){const{value:e,productId:t,isEditProduct:a,refetch:l,isStoreManager:r,isMarketplaceManager:o}=this.props,{result:u,loading:m,search:g,loadingPushProduct:A}=this.state,b=u.filter(t=>!e.find(e=>e.id===t.id)).map((e,t)=>n.a.createElement(ue.a.Option,{value:e.id,key:t},e.title));return n.a.createElement(te.a.Consumer,null,h=>{let{store:f}=h;return!f||r||o?n.a.createElement(n.a.Fragment,null,n.a.createElement(hi.a,null,e=>n.a.createElement(ue.a,{style:{width:"100%"},onSelect:e=>{const t=u.find(t=>
11471t.id===e);this.handleSelect(t),this.setState({search:"",result:[]})},value:g,dataSource:b,onSearch:t=>{this.state.search!==t&&this.setState({search:t,loading:!0},()=>{this.searchDebounce(e,t)})},onFocus:()=>{this.setState({result:[]}),this.searchDebounce(e)}},n.a.createElement(p.a.Search,{placeholder:"Search for stores",prefix:n.a.createElement(d.a,{type:m?"loading":"search"})}))),e.map((t,a)=>n.a.createElement(de.a,{style:{margin:5,marginLeft:0,marginTop:7},closable:!0,onClose:()=>{e.splice(a,1),this.props.onChange&&this.props.onChange(e)},key:a},t.title)),e.length&&a?n.a.createElement(s.a,{mutation:yA,onError:e=>{i.a.error({message:Object(c.ib)(e.toString())}),this.setState({loadingPushProduct:!1})},onCompleted:()=>{if(this.setState({loadingPushProduct:!1},()=>{i.a.success({message:"Your push product has been saved!"})}),l)return l()}},a=>n.a.createElement(v.a,{className:"mt-8 block",loading:A,type:"primary",onClick:()=>{this.setState({loadingPushProduct:!0}),a({variables:{id:t,storeId:e[0].id}})}},"Push Product")):null):n.a.createElement(p.a,{value:f.title})})}}var kA=CA;class OA extends l.Component{constructor(){super(...arguments),this.state={checked:this.props.checked||this.props.isEditProduct&&!0}}render(){const{checked:e}=this.state,{value:t,store:a,productId:l,isEditProduct:r,refetch:i}=this.props,o=k.a.get(this.context,"currentUser.teamUser.role")===oe.gb.StoreManager,s=k.a.get(this.context,"currentUser.teamUser.role")===oe.gb.MarketplaceManager;return n.a.createElement(n.a.Fragment,null,!r&&n.a.createElement(E.a,{onChange:e=>{const t=e.target.checked;this.setState({checked:t},()=>{t||this.props.onChange([]),t&&a&&this.props.onChange([a])})},checked:e},"Also push product to store"),(e&&!a||o&&a||s&&a)&&n.a.createElement("div",{style:{marginTop:5}},n.a.createElement(kA,{productId:l,refetch:i,isEditProduct:r,onChange:e=>{this.props.onChange(e)},value:t||[],isStoreManager:o,isMarketplaceManager:s})))}}OA.contextType=te.a;var jA=OA,wA=a(1537);const SA=["FASTUS"];const IA=j.b.div``;function BA(e,t,a){const l=[];for(const n of e){if(!n)continue;const{type:e,file:r}=n;let i="";if(!Object(c.c)(r)){let e=r.filter(Boolean)[0];e&&(i=e.id)}l.push({productId:a,fileId:i,type:e,id:t?n.id:void 0})}return l}var DA=Object(l.forwardRef)((function(e,t){let{productBase:a,product:l,folder:o}=e;const s=Object(C.get)(a,"fulfillment.printer"),u=Object(C.get)(l,"id"),[d,m]=n.a.useReducer(c.Hb,{values:[{id:"",type:"Front",file:[]},{id:"",type:"Back",file:[]}]}),p=!s||"string"!==typeof s||!SA.includes(s.toUpperCase()),{data:g,loading:A}=Object(De.d)(I.E,{variables:{productId:u},skip:!u||p}),h=(Object(C.get)(g,"getFulfillmentProductMockupByProduct")||[]).length>0,[f,{loading:E}]=Object(De.c)(Jt.bb,{onCompleted:()=>{i.a.success({message:"Create mockup for fulfillment success"})},onError:e=>{i.a.error({message:Object(c.ib)(null===e||void 0===e?void 0:e.toString())})}}),[y,{loading:k}]=Object(De.c)(Jt.Ld,{onCompleted:()=>{i.a.success({message:"Update mockup for fulfillment success"})},onError:e=>{i.a.error({message:Object(c.ib)(null===e||void 0===e?void 0:e.toString())})}});n.a.useEffect(()=>{const e=Object(C.get)(g,"getFulfillmentProductMockupByProduct")||[];if(Object(c.c)(e))return;const t=[];for(const a of e){if(!a)continue;const{file:e,...l}=a;t.push({...l,file:e?[e]:[]})}m({values:t})},[g]),n.a.useImperativeHandle(t,()=>({getMockups:()=>BA(d.values,h,u)}));const O=n.a.useRef(!1),j=n.a.useCallback(e=>t=>{O.current=!0,m(a=>(a.values[e]={...a.values[e],file:t},{...a}))},[]),w=n.a.useCallback(()=>{const e=BA(d.values,h,u);e.length>0&&(h?y({variables:{input:e}}):f({variables:{input:e}}))},[d.values,u,h,f,y]);return p?null:n.a.createElement(IA,null,n.a.createElement(b.a,{title:"Mockup for Fulfillment"},A?n.a.createElement(r.a,null):d.values.map((e,t)=>e?n.a.createElement("div",{className:"mockup-item"},n.a.createElement("h3",null,(null===e||void 0===e?void 0:e.type)||""),n.a.createElement(Ae.a,{accept:"image/*",buttonType:"primary",folder:o,listType:"picture-card",prefix:"mockups/",multiple:!1,value:(null===e||void 0===e?void 0:e.file)||[],isUpdateData:!0,onChange:j(t)})):null),n.a.createElement(wA.a,null),n.a.createElement(v.a,{children:(h?"Update":"Create")+" Mockup",type:"primary",onClick:w,loading:E||k,disabled:!O.current})))}));const PA=o.a` 11472 mutation createTemplate($input: NewTemplate!) { 11473 createTemplate(input: $input) { 11474 id 11475 name 11476 slug 11477 grouping 11478 data { 11479 personalized 11480 productBases { 11481 ...ProductBasse 11482 } 11483 ProductBaseIds 11484 fields { 11485 name 11486 title 11487 type 11488 extraFee 11489 configure 11490 sorting 11491 } 11492 products { 11493 title 11494 description 11495 productbaseId 11496 shortDescription 11497 tagIds 11498 tags { 11499 id 11500 name 11501 } 11502 variants { 11503 salePrice 11504 regularPrice 11505 productBaseVariantID 11506 } 11507 collectionIds 11508 collections { 11509 id 11510 name 11511 } 11512 } 11513 } 11514 } 11515 } 11516 ${Gp} 11517`;class xA extends l.Component{constructor(){super(...arguments),this.state={selected:0,loading:!1,template:{name:"",slug:"",visible:!1,loading:!1},defaultFieldsValue:null,handleBtnSave:null,showBtnSave:null,updatePrices:!1,mainImgId:{}},this.handleCaching=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];try{const a=e.readQuery({query:Ag,variables:{filter:bg}});e.writeQuery({query:Ag,variables:{filter:bg},data:{...a,products:{...a.products,total:a.products.total+t.length,nodes:[...t,...a.products.nodes]}}})}catch(a){}},this.handleCreateSplitProduct=(e,t)=>
11517{let{currentParam:a}=this.props,l=[],n=[],r={},s=0;for(let o=0;o<t.products.length;o++){var u;s++,l.push(`$input__${o}: NewProduct!`),n.push(`\n createProduct__${o}: createProduct(input: $input__${o}) {\n ...product\n }\n `);const e=t.products[o],a=e.productBase.id;if(e.sortBases=[{productBaseId:a,position:0}],e.personalized=t.personalized,e.fields=t.fields,e.productBases=[a],e.mainImageId=t.mainImageId["mockup__"+o],delete e.productBase,["collections","tags"].forEach(t=>{e[t]&&e[t].length&&(e[t]=e[t].map(e=>e.id))}),e.variants=e.variants.map(e=>{var t;(["__typename","productBaseVariant"].forEach(t=>{"undefined"!==typeof e[t]&&delete e[t]}),e.image)&&(e.image=e.image.id,e.amazonImages=(null===(t=e.amazonImages)||void 0===t?void 0:t.length)>0?e.amazonImages.map(e=>e.id):void 0);return e}),e.mockup=[],t["mockup__"+o]&&t["mockup__"+o].length&&(e.mockup=t["mockup__"+o].map(e=>({productBaseId:a,fileId:e.id}))),e.mockup=Object(c.eb)(e.mockup,"fileId"),e.designPositions=t["designPositions__"+o],!e.designPositions||!e.designPositions.length)return void i.a.error({message:"Design position is required"});e.designPositions=e.designPositions.map(e=>(["designPosition","__typename","file"].forEach(t=>{"undefined"!==typeof e[t]&&delete e[t]}),e)),e.pushToStores=t.pushToStores?t.pushToStores.map(e=>e.id):[],e.psd=t["psd__"+o];let d=[],m=t["psdFiles__"+o];if(m&&m.length>0){m.forEach(e=>{e&&e.id&&e.id.length>0&&d.push(e.id)})}d.length>0&&(e.psdFiles=d),(null===(u=t.fulfillmentProductMockups)||void 0===u?void 0:u.length)>0&&(e.fulfillmentProductMockups=t.fulfillmentProductMockups),r["input__"+o]=e}const d=`\n mutation createProduct(${l.join(",")}){\n ${n.join("\n")}\n }\n `,m=o.a` 11518 fragment product on Product { 11519 id 11520 title 11521 sku 11522 description 11523 designStatus 11524 personalized 11525 status 11526 productBases { 11527 id 11528 title 11529 } 11530 images { 11531 id 11532 productBaseId 11533 file { 11534 id 11535 url 11536 thumbnailUrl 11537 } 11538 } 11539 tags { 11540 id 11541 name 11542 } 11543 collections { 11544 id 11545 name 11546 } 11547 fields { 11548 id 11549 title 11550 name 11551 type 11552 extraFee 11553 configure 11554 sorting 11555 } 11556 } 11557 ${d} 11558 `;e.mutate({mutation:m,variables:r}).then(t=>{i.a.success({message:s+" products has been saved."});let l=[];for(let e=0;e<s;e++)l.push(t.data["createProduct__"+e]);this.handleCaching(e,l),B.a.push(`/${a}/products`)}).catch(e=>{i.a.error({message:Object(c.ib)(e.toString())})})},this.handleCreateGroupProduct=async(e,t)=>{let{productBases:a,currentParam:l}=this.props;const n=o.a` 11559 mutation createProduct($input: NewProduct!) { 11560 createProduct(input: $input) { 11561 id 11562 title 11563 sku 11564 description 11565 designStatus 11566 personalized 11567 status 11568 productBases { 11569 id 11570 title 11571 } 11572 images { 11573 id 11574 productBaseId 11575 file { 11576 id 11577 url 11578 thumbnailUrl 11579 } 11580 } 11581 tags { 11582 id 11583 name 11584 } 11585 collections { 11586 id 11587 name 11588 } 11589 fields { 11590 id 11591 title 11592 name 11593 type 11594 extraFee 11595 configure 11596 sorting 11597 } 11598 } 11599 } 11600 `;let r=[],s=[],u=[],d=[],m=[],p=[];for(let i=0;i<t.products.length;i++){const e=t.products[i];let a=e&&e.productBase&&e.productBase.id;d.push({productBaseId:a,position:i});for(let t=0;t<e.variants.length;t++){let a=e.variants[t];var g;if(a.disabled?m.push(a):p.push(a),delete a.productBaseVariant,delete a.__typename,a.image)a.image=a.image.id,a.amazonImages=(null===(g=a.amazonImages)||void 0===g?void 0:g.length)>0?a.amazonImages.map(e=>e.id):void 0;a.__typename&&delete a.__typename,a.productBaseVariantID&&delete a.productBaseVariantID}for(let r=0;r<t["designPositions__"+i].length;r++){const e=t["designPositions__"+i][r];["designPosition","__typename","file"].forEach(t=>{"undefined"!==typeof e[t]&&delete e[t]}),s.push(e)}const l=t["mockup__"+i],n=e.productBase.id;if(l&&l.length)for(let t=0;t<l.length;t++){const e=l[t].id;u.push({productBaseId:n,fileId:e})}}r=[...p,...m];let A=[];
11600if(t.psdFiles&&t.psdFiles.length>0){t.psdFiles.forEach(e=>{e&&e.id&&e.id.length>0&&A.push(e.id)})}let b=t.mainImageId,h=[];if(b)for(let[,i]of Object.entries(b))i&&h.push(i);u=Object(c.eb)(u,"fileId");const f={tags:t.tags.map(e=>e.id),collections:t.collections.map(e=>e.id),mockup:u,title:t.title,shortTitle:t.shortTitle,amzTitle:t.amzTitle,description:t.description,personalized:t.personalized,fields:t.fields,variants:r,productBases:a.map(e=>e.id),designPositions:s,pushToStores:t.pushToStores?t.pushToStores.map(e=>e.id):[],psd:t.psd,...A.length>0?{psdFiles:A}:null,mainImageId:h&&h.length?h[h.length-1]:null,sortBases:d,fulfillmentProductMockups:t.fulfillmentProductMockups,keyword:t.keyword};if(f.designPositions&&0!==f.designPositions.length){if(u&&0===u.length)return i.a.error({message:"Please select at least one mockup"}),void this.setState({loading:!1});if(t.amzTitle){var v;const{data:a}=await e.query({query:I.fb,variables:{title:t.amzTitle,whichField:oe.rb.AmzTitle}});if((null===a||void 0===a||null===(v=a.getProductsByTitle)||void 0===v?void 0:v.total)>0)return i.a.error({message:oe.i,duration:3e3}),void this.setState({loading:!1})}e.mutate({mutation:n,variables:{input:f}}).then(t=>{const a=t.data.createProduct;i.a.success({message:"Product has been saved."}),this.handleCaching(e,[a]),B.a.push(`/${l}/products`)}).catch(e=>{i.a.error({message:Object(c.ib)(e.toString())})})}else i.a.error({message:"Design position is required."})},this.mockupRef=n.a.createRef(),this.handleShowBtnSave=()=>{let{productBases:e,form:t,handleBtnSave:a}=this.props,l=this.state.defaultFieldsValue&&{...this.state.defaultFieldsValue},n={...t.getFieldsValue(w.C)};if(n=JSON.parse(JSON.stringify(n)),n&&l){let r=Object(c.gb)(n,l,e);n=r.newFieldsValue,l=r.defaultFieldsValue;let i={title:t.getFieldValue("title"),btnName:"Publish Campaign"};!1===this.state.onChangeValue?(this.setState({showBtnSave:!1,isPrompt:!1}),a&&a(!1,i)):Object(c.hb)(n,l)?(this.setState({showBtnSave:!0,isPrompt:!0}),a&&a(!0,i)):(this.setState({showBtnSave:!1,isPrompt:!1}),a&&a(!1,i))}},this.handleCreateNewTemplate=e=>{const{productBases:t,form:a}=this.props,{name:l,slug:n,defaultMockups:r}=this.state.template;if(!l||!n)return void i.a.error({message:"Template name and slug are required!"});const o=a.getFieldsValue();let s=o.products.map(e=>({title:e.title,shortTitle:e.shortTitle,amzTitle:e.amzTitle,description:e.description,productBaseId:e.productBase.id,tagIds:e.tags?e.tags.map(e=>e.id):[],collectionIds:e.collections?e.collections.map(e=>e.id):[],variants:e.variants.map(e=>({salePrice:e.salePrice,regularPrice:e.regularPrice,productBaseVariantId:e.productBaseVariantId,disabled:!(!e||!e.disabled)&&e.disabled}))}));o.grouping&&(s=s.map(e=>(e.title=o.title,e.shortTitle=o.shortTitle,e.amzTitle=o.amzTitle,e.description=o.description,e.tags=o.tags?o.tags:[],e.tagIds=o.tags?o.tags.map(e=>e.id):[],e.collections=o.collections?o.collections:[],e.collectionIds=o.collections?o.collections.map(e=>e.id):[],e)));let u={productBaseIds:t.map(e=>e.id),Personalized:o.personalized,fields:o.fields,products:s};const d=(r||[]).map(e=>e.id).filter(Boolean);let m={name:l,slug:n,data:u,grouping:!!o.grouping,defaultMockupIds:d};this.setState(e=>({template:{...e.template,loading:!0}})),e.mutate({mutation:PA,variables:{input:m}}).then(t=>{i.a.success({message:`Template ${m.name} has been saved.`}),this.setState({template:{...this.state.template,name:"",slug:"",visible:!1,loading:!1}},()=>{try{const a=e.readQuery({query:Qg});e.writeQuery({query:Qg,data:{...a,templates:[t.createTemplate,...a.templates]}})}catch(a){}})}).catch(e=>{i.a.error({message:Object(c.ib)(e.toString())}),this.setState(e=>({template:{...e.template,loading:!1}}))})},this.handleError=e=>{let t={};k.a.each(e,e=>{k.a.each(k.a.get(e,"errors",[]),e=>{const a=k.a.trim(e.message.toLowerCase());"undefined"===typeof t[a]&&i.a.error({message:Object(c.ib)(e.message)}),t[a]=!0})})},this.validateTitle=(e,t,a)=>{let l=null;t?t.length>oe.C&&(l=oe.mb):l="Product title is required.",l?a(l):a()},this.designPositionRefs={}}componentDidMount(){const{productBases:e,template:t}=this.props,a=!t||k.a.get(t,"grouping");let l={};if(t&&t.data&&t.data.products&&t.data.products.length)for(let u=0;u<t.data.products.length;u++){const e=t.data.products[u];e&&(l[e.productbaseId]=e)}let n=k.a.get(t,"data.fields",[]);n&&(n=n.map(e=>("undefined"!==typeof e.__typename&&delete e.__typename,"undefined"!==typeof e.sorting&&delete e.sorting,e)));const r={personalized:k.a.get(t,"data.personalized",!1),grouping:a?1:0,fields:n||[],products:e.map(e=>{let a=l[e.id],n=e.title+" Product Title",r=e.shortTitle,i=e.amzTitle,o=[],s=[];t&&(n=k.a.get(a,"title",""),r=k.a.get(a,"shortTitle",""),i=k.a.get(a,"amzTitle",""),o=k.a.get(a,"collections",[]),s=k.a.get(a,"tags",[]));return{productBase:e,title:n,shortTitle:r,amzTitle:i,description:t?k.a.get(a,"description",""):e.defaultContent,collections:o||[],tags:s||[],variants:e.variants.map((e,l)=>{let n={productBaseVariant:e,productBaseVariantId:e.id,image:null,regularPrice:e.regularPrice,salePrice:e.salePrice,disabled:e.disabled};if(t){const e=k.a.get(a,`variants[${l}]`);n.regularPrice=k.a.get(e,"regularPrice",0),n.salePrice=k.a.get(e,"salePrice",0),n.disabled=k.a.get(e,"disabled",!1)}return n})}})};if(a){let e=[],a=[];const l=k.a.get(t,"data.products[0]",null);t&&l&&(e=k.a.get(l,"tags",[]),a=k.a.get(l,"collections",[])),r.title=k.a.get(l,"title",""),r.shortTitle=k.a.get(l,"shortTitle",""),r.amzTitle=k.a.get(l,"amzTitle",""),r.description=k.a.get(l,"description",""),r.tags=e||[],r.collections=a||[]}for(let u=0;u<e.length;u++)r["designPositions__"+u]=e[u].designPositions.map(e=>({designPosition:e,designPositionId:e.id,file:null}));const i=k.a.get(t,"defaultMockupIds",[]);let o=this;if((null===i||void 0===i?void 0:i.length)>0){const{client:t}=this.props;!async function(){let l=(await Promise.allSettled(i.map(async e=>await t.query({query:I.C,variables:{id:e}})))).filter(e=>{var t,a;return"fulfilled"===e.status&&null!=(null===(t=e.value)||void 0===t||null===(a=t.data)||void 0===a?void 0:a.fileById)}).map(e=>e.value.data.fileById);if((null===l||void 0===l?void 0:l.length)>0){const t={};for(let n=0;n<e.length&&(t["mockup__"+n]=l,!a||n);n++);o.props.form.setFieldsValue(t),o.setState({...t})}}()}this.props.form.setFieldsValue(r);for(let u=0;u<e.length;u++)w.C.push("designPositions__"+u),w.C.push("mockup__"+u);let s=JSON.parse(JSON.stringify(this.props.form.getFieldsValue(w.C))),c=e&&e.length&&e[0].id;this.setState({selected:c,defaultFieldsValue:{...s,title:""}})}componentDidUpdate(e,t){let{handleBtnSave:a}=this.state;a!==t.handleBtnSave&&this.handleShowBtnSave();let{clickSave:l}=this.props,n=_e.a;l!==e.clickSave&&this.props.form.validateFields((e,t)=>{e?this.handleError(e):this.setState({loading:!0},()=>{t.grouping?this.handleCreateGroupProduct(n,JSON.parse(JSON.stringify(t))):this.handleCreateSplitProduct(n,JSON.parse(JSON.stringify(t)))})});let{loading:r}=this.state,{handleLoading:i}=this.props;r!==t.loading&&i&&i(r)}render(){const{loading:e,handleBtnSave:t}=this.state;let{productBases:a,template:l,currentParam:r}=this.props;const{getFieldDecorator:o}=this.props.form,s=this.props.form.getFieldValue("grouping");let h=this.props.form.getFieldValue("products");const f=this.props.form.getFieldValue("personalized"),C={labelCol:{span:24},wrapperCol:{span:24}};let k=a.reduce((e,t)=>
11600e+=`<div><strong>${t.title}<strong></div>${t.defaultContent}`,"");const j=this.props.form&&this.props.form.getFieldValue("shortTitle"),w=Object(Og.b)(j,oe.D.fbTitle),S=this.props.form&&this.props.form.getFieldValue("amzTitle"),I=Object(Og.b)(S,oe.D.amzTitle),D=this.props.form&&this.props.form.getFieldValue("title"),P=Object(Og.b)(D),{designPositionRefs:x}=this,M=Object(c.ub)(this.context&&this.context.currentUser);return n.a.createElement(n.a.Fragment,null,n.a.createElement(O.a,{when:!1===this.state.isPrompt,message:"You have unsaved changes, are you sure you want to leave?"}),n.a.createElement(hi.a,null,O=>n.a.createElement(u.a,Object.assign({},C,{onSubmit:e=>{e.preventDefault(),this.setState({updatePrices:!this.state.updatePrices}),this.props.form.validateFields((e,t)=>{if(e)this.handleError(e);else{if(!Object(c.Gb)(x)){let e;for(let t of Object.values(x)){var a;const l=Pg({dimensions:(null===t||void 0===t||null===(a=t.state)||void 0===a?void 0:a.dimensions)||{}});if(null!=l){e=l;break}}if(null!=e)return void i.a.error({message:e.message})}if(this.mockupRef.current&&this.mockupRef.current.getMockups){const e=this.mockupRef.current.getMockups();t.fulfillmentProductMockups=e}this.setState({loading:!0,isPrompt:!0},()=>{const e=t.grouping;let{mainImgId:a}=this.state;t.mainImageId=a,e?this.handleCreateGroupProduct(O,JSON.parse(JSON.stringify(t))):this.handleCreateSplitProduct(O,JSON.parse(JSON.stringify(t)))})}})},scrollToFirstError:!0}),n.a.createElement(ma,{subTitle:"Products",title:"Add Campaign",link:`/${r}/products`}),n.a.createElement(g.a,{gutter:16},n.a.createElement(A.a,{span:17},n.a.createElement(b.a,{title:"Product Configuration"},n.a.createElement(u.a.Item,{wrapperCol:{span:24},label:"Grouping"},o("grouping",{initialValue:s?1:0})(n.a.createElement(_p.a,{disabled:1===a.length},n.a.createElement(z.a,{value:0},"Split products into multiple products"),n.a.createElement(z.a,{value:1},"Group product into 1 product")))),n.a.createElement("div",{style:{display:""+(1===s?"block":"none")}},n.a.createElement(u.a.Item,{label:"Title",help:P||void 0},o("title",{rules:s?[{required:!0,validator:this.validateTitle}]:[]})(n.a.createElement(p.a,{placeholder:"Product title",onChange:()=>{this.setState({handleBtnSave:!t})}}))),n.a.createElement(u.a.Item,{label:"Facebook Title",help:w},o("shortTitle")(n.a.createElement(p.a,{placeholder:"Enter facebook title",maxLength:oe.D.fbTitle,onChange:()=>{this.setState({handleBtnSave:!t})}}))),n.a.createElement(u.a.Item,{label:"Amazon Title",help:I},o("amzTitle")(n.a.createElement(p.a,{placeholder:"Enter amazon title",maxLength:oe.D.amzTitle,onChange:()=>{this.setState({handleBtnSave:!t})}}))),M?n.a.createElement(u.a.Item,{label:"Keyword"},o("keyword")(n.a.createElement(p.a,{placeholder:"Enter keyword",onChange:()=>{this.setState({handleBtnSave:!t})}}))):null,n.a.createElement(u.a.Item,{label:"Description"},o("description",{initialValue:k})(n.a.createElement(Kt.a,{onChange:()=>{this.setState({handleBtnSave:!t})}}))),n.a.createElement(u.a.Item,{label:"Collections"},o("collections",{initialValue:[],rules:s?[{required:!0,message:"Collections is required"}]:[]})(n.a.createElement(gg,{onChange:()=>{this.setState({handleBtnSave:!t})}}))),n.a.createElement(u.a.Item,{label:"Tags"},o("tags",{initialValue:[],rules:s?[{required:!0,message:"Tags is required"}]:[]})(n.a.createElement(ig,{onChange:()=>{this.setState({handleBtnSave:!t})}})))),n.a.createElement(u.a.Item,null,o("products",{initialValue:[]})(n.a.createElement(vA,{grouped:!!s,template:l,selectedIndex:this.state.selected,updatePrices:this.state.updatePrices,onSelected:e=>{this.setState({selected:e})},onDelete:e=>{h[e]&&(a=a.filter(t=>t.id!==h[e].productBase.id),this.props.onChange&&this.props.onChange(a),this.props.form.setFieldsValue({products:h.filter((t,a)=>a!==e)}))},onChangeValue:e=>{this.setState({onChangeValue:e,handleBtnSave:!t})}}))),n.a.createElement("div",{className:"add-more",style:{display:"flex",justifyContent:"flex-end"}},n.a.createElement(v.a,{onClick:()=>{this.props.onAddMore&&this.props.onAddMore()},type:"primary"},"Add More Products"))),n.a.createElement(b.a,{style:{marginTop:20},title:"Personalized"},n.a.createElement(u.a.Item,null,o("personalized",{initialValue:!1,valuePropName:"checked"})(n.a.createElement(E.a,{onChange:()=>{this.setState({handleBtnSave:!t})}},"This is a personalized product"))),n.a.createElement(u.a.Item,null,o("fields",{initialValue:[],rules:[{required:!!f,message:"Personalized is required"}]})(n.a.createElement(Cg,{showPreview:!!f})))),n.a.createElement(b.a,{title:"Templates",className:"mt-5"},n.a.createElement("p",null,"Save these variants and settings as a template to be used for future use."),n.a.createElement("div",{className:"flex py-5"},n.a.createElement("div",{style:{flexGrow:1}},n.a.createElement(v.a,{onClick:()=>{this.props.onViewTemplates()},className:"p-0",type:"link"},"View All Templates")),n.a.createElement(v.a,{onClick:()=>this.setState({template:{...this.state.template,visible:!0},updatePrices:!this.state.updatePrices})},"Create Template")))),n.a.createElement(A.a,{span:7},n.a.createElement(b.a,{style:{marginBottom:15},title:"Push Product"},o("pushToStores",{initialValue:[]})(n.a.createElement(jA,{onChange:()=>{this.setState({handleBtnSave:!t})}}))),a.map((e,a)=>{const l=e&&e.id,r=h&&h.length>0?h.find(e=>e&&e.productBase&&e.productBase.id===this.state.selected):null,i=this.state["mockup__"+a];return n.a.createElement(b.a,{style:{marginBottom:20},hidden:l!==this.state.selected,key:a,title:r?r.title:e.title+" Product Title"},n.a.createElement(b.a,{style:{marginBottom:15},title:"Print Files"},o("designPositions__"+a,{initialValue:[]})(n.a.createElement(Dg,{uploadFolder:"undefined",ref:e=>(x[a]=e,e),onChange:()=>{this.setState({handleBtnSave:!t})}}))),n.a.createElement(b.a,{key:"mockup-"+a,title:"Mockup"},n.a.createElement(u.a.Item,null,o("mockup__"+a,{initialValue:[],rules:[...s?[]:[{required:!0,message:"Please select at least one image"}]]})(n.a.createElement(Ae.a,{isMockup:!0,prefix:"mockups/",folder:"undefined",multiple:!0,listType:"picture-card",buttonType:"primary",fileList:i||[],hasDefaultMockup:!0,onChange:()=>{this.setState({handleBtnSave:!t})},onChangeMainImg:e=>this.setState(t=>({...t,showBtnSave:!1,mainImgId:{...t.mainImgId,["mockup__"+a]:e}}))})))),s?null:n.a.createElement(n.a.Fragment,null,n.a.createElement(b.a,{title:"Design Resource Files",style:{marginTop:15}},n.a.createElement(u.a.Item,null,o("psdFiles__"+a,{initialValue:[]})(n.a.createElement(Ae.a,{prefix:oe.ob.PSD_RESOURCE+"/",folder:oe.ob.PSD_RESOURCE,multiple:!0,listType:"picture-card",buttonType:"primary",accept:"image/*",onChange:()=>{this.setState({handleBtnSave:!t})}})))),n.a.createElement(b.a,{title:"Design Resource Urls",style:{marginTop:15}},n.a.createElement(u.a.Item,null,o("psd__"+a,{initialValue:null})(n.a.createElement(p.a.TextArea,{rows:4}))))))}),function(e){if(Object(c.c)(e))return null;let t=!1;for(const a of e)if(a&&a.fulfillment&&a.fulfillment.printer&&SA.includes(a.fulfillment.printer)){t=!0;break}return t}(a)?n.a.createElement("div",{style:{marginTop:15}},n.a.createElement(DA,{productBase:a[0],product:null,folder:"undefined",ref:this.mockupRef}
11600)):null,s?n.a.createElement(n.a.Fragment,null,n.a.createElement(b.a,{title:"Design Resource Files",style:{marginTop:15}},n.a.createElement(u.a.Item,null,o("psdFiles",{initialValue:[]})(n.a.createElement(Ae.a,{prefix:oe.ob.PSD_RESOURCE+"/",folder:oe.ob.PSD_RESOURCE,multiple:!0,listType:"picture-card",buttonType:"primary",accept:"image/*",onChange:()=>{this.setState({handleBtnSave:!t})}})))),n.a.createElement(b.a,{title:"Design Resources Urls",style:{marginTop:15}},n.a.createElement(u.a.Item,null,o("psd",{initialValue:null})(n.a.createElement(p.a.TextArea,{rows:4}))))):null),n.a.createElement(A.a,{span:24},n.a.createElement(u.a.Item,{style:{marginTop:20,textAlign:"right",marginBottom:0}},n.a.createElement(v.a,{onClick:()=>{null===this.state.showBtnSave||this.state.showBtnSave?B.a.push(`/${r}/products`):y.a.confirm({title:"Cancel all unsaved changes?",icon:n.a.createElement(m.a,null),content:"If Ok, you\u2019ll delete any edits you made.",onOk(){B.a.push(`/${r}/products`)},cancelText:"Continue"})}},"Cancel"),n.a.createElement(v.a,{className:"ml-4",type:"primary",icon:n.a.createElement(d.a,{type:"save"}),loading:e,htmlType:"submit",disabled:null===this.state.showBtnSave||this.state.showBtnSave},"Publish Campaign"))),n.a.createElement(y.a,{onOk:()=>this.handleCreateNewTemplate(O),onCancel:()=>{this.setState({template:{...this.state.template,name:"",slug:"",visible:!1}})},okText:"Save",title:"Create a New Template",visible:this.state.template.visible,confirmLoading:this.state.template.loading},n.a.createElement(u.a.Item,{required:!0,label:"Template Name"},n.a.createElement(p.a,{onChange:e=>{this.setState({template:{...this.state.template,name:e.target.value,slug:Object(c.Vb)(e.target.value)}})},value:this.state.template.name})),n.a.createElement(u.a.Item,{required:!0,label:"Template Slug"},n.a.createElement(p.a,{onChange:e=>{this.setState({template:{...this.state.template,slug:e.target.value}})},value:this.state.template.slug})),n.a.createElement(u.a.Item,{label:"Default Mockup Files"},n.a.createElement(Ae.a,{prefix:"mockups/",folder:oe.ob.MOCKUPS,multiple:!0,listType:"picture-card",buttonType:"primary",accept:"image/*",onChange:e=>{this.setState({template:{...this.state.template,defaultMockups:e}})}})))))))}}xA.contextType=te.a;var MA=u.a.create({name:"campaign-form"})(xA),TA=a(268),QA=a(773),RA=a(1008);const FA=o.a` 11601 query productBaseSelection($filter: SelectionFilter) { 11602 # fulfillments { 11603 # id 11604 # name 11605 # slug 11606 # products { 11607 # title 11608 # originId 11609 # } 11610 # } 11611 productBaseSelection(filter: $filter) { 11612 id 11613 name 11614 parentId 11615 productBase { 11616 ...ProductBasse 11617 niceName 11618 teamId 11619 mockupTemplates { 11620 id 11621 } 11622 } 11623 } 11624 # fulfillmentConfigs { 11625 # id 11626 # fulfillmentId 11627 # } 11628 } 11629${Gp} 11630`,NA=o.a` 11631 query fulfillmentConfigs { 11632 fulfillmentConfigs { 11633 id 11634 fulfillmentId 11635 } 11636 fulfillments { 11637 id 11638 name 11639 slug 11640 products { 11641 title 11642 originId 11643 } 11644 } 11645 } 11646`,UA=j.b.div` 11647 .ant-card.ant-card-bordered .ant-card-body { 11648 padding: 0; 11649 } 11650 .card-body { 11651 .right-col { 11652 border-left: 1px solid #c3ced9; 11653 } 11654 .inner { 11655 padding: 20px; 11656 } 11657 } 11658 .ant-tree li .ant-tree-node-content-wrapper { 11659 font-weight: 700; 11660 } 11661 .ant-tree { 11662 .ant-tree-child-tree { 11663 .ant-tree-node-content-wrapper { 11664 font-weight: normal; 11665 } 11666 } 11667 } 11668 .product-base-list { 11669 display: flex; 11670 flex-wrap: wrap; 11671 .product-base { 11672 position: relative; 11673 min-height: 250px; 11674 width: 192px; 11675 border: 1px solid rgba(195, 207, 217, 1); 11676 box-shadow: 1px 1px 6px 0px rgba(195, 207, 217, 1); 11677 margin-right: 10px; 11678 margin-bottom: 10px; 11679 &:hover { 11680 cursor: pointer; 11681 &:after { 11682 content: " "; 11683 background-color: rgba(192, 192, 192, 0.3); 11684 position: absolute; 11685 height: 100%; 11686 width: 100%; 11687 top: 0; 11688 } 11689 } 11690 .ant-avatar-square { 11691 border-radius: 0; 11692 } 11693 .description { 11694 text-align: center; 11695 padding-top: 5px; 11696 .product-base-title { 11697 font-weight: 700; 11698 margin: auto; 11699 } 11700 .product-base-slug { 11701 color: #999; 11702 font-size: 13px; 11703 } 11704 } 11705 .selected-overlay { 11706 position: absolute; 11707 background: rgba(0, 0, 0, 0.4); 11708 left: 0; 11709 right: 0; 11710 top: 0; 11711 bottom: 0; 11712 display: flex; 11713 justify-content: center; 11714 align-items: center; 11715 } 11716 } 11717 } 11718 .category { 11719 margin: 10px 0; 11720 h2 { 11721 font-weight: 700; 11722 margin: 10px 0; 11723 font-size: 16px; 11724 } 11725 .category { 11726 margin-bottom: 10px; 11727 h2 { 11728 font-weight: 500; 11729 font-size: 14px; 11730 } 11731 } 11732 } 11733 .fulfillment-select { 11734 max-width: 300px; 11735 span { 11736 margin-right: 5px; 11737 font-weight: normal; 11738 } 11739 } 11740`;class LA extends l.Component{constructor(){var e;super(...arguments),e=this,this.state={filter:{limit:100,offset:0,search:""},search:"",selectedCategory:null,selected:[],fulfillments:[],dataSources:[]},this.typingTimeoutRef=n.a.createRef(),this.getChildren=(e,t)=>{let a=[];for(let l=0;l<e.length;l++)if(e[l].parentId===t.key){const t={...e[l],key:e[l].id,value:e[l].id,title:e[l].name,count:e[l].productBase?e[l].productBase.length:0};t.children=this.getChildren(e,t);for(let e=0;e<t.children.length;e++)t.count+=t.children[e].count;a.push(t)}return a},this.getTreeData=e=>{const{noVariantDisabled:t}=this.props;if(!e||!e.length)return[];t&&e.map(e=>(e.productBase=e.productBase.filter(e=>e.variants&&e.variants.length>0),e));let a=[];for(let l=0;l<e.length;l++){const t=e[l];
11740if(!t.parentId){let n={...e[l],title:t.name,key:t.id,value:t.id,count:t.productBase?t.productBase.length:0};n.children=this.getChildren(e,n);for(let e=0;e<n.children.length;e++)n.count+=n.children[e].count;n.count>0&&a.push(n)}}return a},this.categoryHasSearch=(e,t)=>{if(-1!==e.title.toLowerCase().search(t))return!0;for(let a=0;a<e.productBase.length;a++)if(-1!==e.productBase[a].title.toLowerCase().search(t))return!0;for(let a=0;a<e.children.length;a++)if(this.categoryHasSearch(e.children[a],t))return!0;return!1},this.getSelectCategory=(e,t)=>{for(let a=0;a<e.length;a++){if(e[a].key===t)return e[a];{const l=this.getSelectCategory(e[a].children,t);if(l)return l}}return null},this.renderCategory=function(t){var a;let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,{selected:r}=e.state;const{currentUser:i}=e.context,{isAdministrator:o}=Object(c.j)(i),s=Object(c.db)(i),u=Object(c.ub)(i);let d=t.productBase||[];return o||(d=(t.productBase||[]).filter(e=>(""!==e.teamId||u||(e.title=e.title+" ( Merch Bridge )"),""===e.teamId||s===e.teamId))),n.a.createElement(n.a.Fragment,null,(null===(a=d)||void 0===a?void 0:a.length)>0?n.a.createElement(n.a.Fragment,null,n.a.createElement("h2",null,t.name),n.a.createElement("div",{className:"product-base-list"},d.map((a,l)=>n.a.createElement("div",{onClick:()=>{if(e.props.multiple){const e=r.findIndex(e=>e.id===a.id);e>-1?r.splice(e,1):r.push(a)}else r=[a];e.setState({selected:r},()=>{e.props.onChange&&e.props.onChange(r)})},className:"product-base",key:l},n.a.createElement(vn.a,{style:{borderRadius:0},size:190,shape:"square",src:k.a.get(a,"images[0].thumbnailUrl",null)}),n.a.createElement("div",{className:"description"},n.a.createElement("p",{className:"product-base-title"},a.title),n.a.createElement("p",{className:"product-base-slug"},a.slug),n.a.createElement("p",{className:"product-base-cost-description"},a.baseCostDescription)),e.state.selected.find(e=>e.id===a.id)&&t.id&&n.a.createElement("div",{className:"selected-overlay"},n.a.createElement(TA.a,{style:{fontSize:40,color:"#207868"}})))))):null,t.children.map((t,a)=>n.a.createElement("div",{className:"category level-"+(l+1),key:a},e.renderCategory(t,l+1))))},this.handleFulfillmentsChange=e=>{if(!e)return;const{fulfillments:t,fulfillmentConfigs:a}=e;if(!t||0===t.length)return;const l=t.filter(e=>{let{slug:t}=e;return t===w.f});if(a){const a=t.filter(t=>e.fulfillmentConfigs.some(e=>e.fulfillmentId===t.id)&&t.slug!==w.f);l.push(...a)}this.setState({fulfillments:l})}}componentDidMount(){const{value:e}=this.props;this.setState({selected:e||[]})}render(){const{selectedCategory:e,filter:t}=this.state,{multiple:a,fulfillmentId:l,selectedProductBases:i,noHeader:o}=this.props,{handleFulfillmentsChange:u}=this;return n.a.createElement(UA,null,n.a.createElement(s.b,{onCompleted:u,query:NA}),n.a.createElement(b.a,{bordered:!0,title:n.a.createElement("div",null,!o&&n.a.createElement("h3",{className:"title"},a?"Select Product bases":"Select Product base"),n.a.createElement("div",{className:"flex justify-between items-center mt-4"},n.a.createElement("div",{className:"fulfillment-select"},n.a.createElement("span",{style:{fontSize:14}},"Fulfillment by:"),n.a.createElement(h.a,{disabled:i&&i.length>0,onChange:e=>{this.props.onFulfillmentChange&&this.props.onFulfillmentChange(e),this.setState({selectedCategory:null})},style:{minWidth:150},value:this.props.fulfillmentId},n.a.createElement(h.a.Option,{value:null},"MerchBridge"),this.state.fulfillments.map((e,t)=>n.a.createElement(h.a.Option,{key:t,value:e.id},e.name)))),n.a.createElement("div",{className:"flex"},this.props.onViewTemplates?n.a.createElement(v.a,{onClick:()=>{this.props.onViewTemplates&&this.props.onViewTemplates()},className:"mr-3",icon:n.a.createElement(QA.a,null)},"All Templates"):null,n.a.createElement(p.a.Search,{onSearch:e=>{this.setState({filter:{...t,search:e}})},onChange:e=>{this.typingTimeoutRef.current&&clearTimeout(this.typingTimeoutRef.current);let{value:a}=e.target;this.typingTimeoutRef.current=setTimeout(()=>{this.setState({filter:{...t,search:a||null}})},500)},placeholder:"Search for product bases, category"}))))},n.a.createElement(s.b,{onCompleted:e=>{},query:FA,variables:{filter:t}},t=>{let{loading:a,error:i,data:o}=t;if(a)return n.a.createElement("div",{className:"p-4"},n.a.createElement(r.a,{active:!0}));if(i)return n.a.createElement("div",null,"Error: ",Object(c.ib)(i.toString()));let s=JSON.parse(JSON.stringify(o.productBaseSelection));s=s.map(e=>(e.productBase=l?e.productBase.filter(e=>e.fulfillment&&e.fulfillment.fulfillmentId===l):e.productBase.filter(e=>null===e.fulfillment),e));let u=this.getTreeData(s);this.state.search&&(u=u.filter(e=>this.categoryHasSearch(e,this.state.search.toLowerCase())));
11740const d=e?[this.getSelectCategory(u,e)]:u;return n.a.createElement("div",{className:"card-body"},n.a.createElement(g.a,{type:"flex"},n.a.createElement(A.a,{span:5},n.a.createElement("div",{className:"inner"},n.a.createElement(RA.a,{multiple:!1,onSelect:e=>{this.setState({selectedCategory:!e.includes("all-product-base")&&e.length?e[0]:null})},defaultExpandAll:!0,treeData:[{key:"all-product-base",title:"All Product Bases",children:[]},...u]}))),n.a.createElement(A.a,{span:19,className:"right-col"},n.a.createElement("div",{className:"inner"},d.map((e,t)=>n.a.createElement("div",{className:"category level-1",key:t},this.renderCategory(e,1)))))))})))}}LA.contextType=te.a;async function VA(e,t){const{__apolloClient__:a}=window;if(Object(c.c)(e)||!a)return{};try{const{data:l}=await a.query({query:t?o.a` 11741 query productBaseByIDs($ids: [ID!]!) { 11742 productBaseByIDs(ids: $ids) { 11743 ${t} 11744 } 11745 } 11746 `:o.a` 11747 query productBaseByIDs($ids: [ID!]!) { 11748 productBaseByIDs(ids: $ids) { 11749 ...ProductBasse 11750 } 11751 } 11752 ${Gp} 11753 `,variables:{ids:e}}),n=Object(C.get)(l,"productBaseByIDs")||[],r={};for(let e of n)e&&e.id&&(r[e.id]=e);return r}catch(l){console.error("get variants by product base id has error",null===l||void 0===l?void 0:l.toString())}return{}}const zA=o.a` 11754 query productBaseSelection($filter: SelectionFilter) { 11755 productBaseSelection(filter: $filter) { 11756 id 11757 name 11758 parentId 11759 productBase { 11760 id 11761 title 11762 slug 11763 baseCostDescription 11764 defaultContent 11765 defaultShortDescription 11766 details 11767 regularPrice 11768 salePrice 11769 sellerPrice 11770 status 11771 niceName 11772 teamId 11773 mockupTemplates { 11774 id 11775 } 11776 fulfillment { 11777 fulfillmentId 11778 productId 11779 printer 11780 } 11781 images { 11782 id 11783 name 11784 url 11785 thumbnailUrl 11786 } 11787 } 11788 } 11789 } 11790`;class qA extends l.Component{constructor(){var e;super(...arguments),e=this,this.state={filter:{limit:100,offset:0,search:""},search:"",selectedCategory:null,selected:[],fulfillments:[],dataSources:[],fulfillmentId:"",isAdministrator:!1},this.typingTimeoutRef=n.a.createRef(),this.getChildren=(e,t)=>{let a=[];for(let l=0;l<e.length;l++)if(e[l].parentId===t.key){const t={...e[l],key:e[l].id,value:e[l].id,title:e[l].name,count:e[l].productBase?e[l].productBase.length:0};t.children=this.getChildren(e,t);for(let e=0;e<t.children.length;e++)t.count+=t.children[e].count;a.push(t)}return a},this.getTreeData=e=>{if(!e||!e.length)return[];let t=[];for(let a=0;a<e.length;a++){const l=e[a];if(!l.parentId){let n={...e[a],title:l.name,key:l.id,value:l.id,count:l.productBase?l.productBase.length:0};
11790n.children=this.getChildren(e,n);for(let e=0;e<n.children.length;e++)n.count+=n.children[e].count;n.count>0&&t.push(n)}}return t},this.categoryHasSearch=(e,t)=>{if(-1!==e.title.toLowerCase().search(t))return!0;for(let a=0;a<e.productBase.length;a++)if(-1!==e.productBase[a].title.toLowerCase().search(t))return!0;for(let a=0;a<e.children.length;a++)if(this.categoryHasSearch(e.children[a],t))return!0;return!1},this.getSelectCategory=(e,t)=>{for(let a=0;a<e.length;a++){if(e[a].key===t)return e[a];{const l=this.getSelectCategory(e[a].children,t);if(l)return l}}return null},this.renderCategory=function(t){var a;let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,{selected:r,isAdministrator:i}=e.state;const{currentUser:o}=e.context,s=Object(c.db)(o),u=Object(c.ub)(o);let d=t.productBase||[];return i||(d=(t.productBase||[]).filter(e=>(""!==e.teamId||u||(e.title=e.title+" ( Merch Bridge )"),""===e.teamId||s===e.teamId))),n.a.createElement(n.a.Fragment,null,(null===(a=d)||void 0===a?void 0:a.length)>0?n.a.createElement(n.a.Fragment,null,n.a.createElement("h2",null,t.name),n.a.createElement("div",{className:"product-base-list"},d.map((a,l)=>n.a.createElement("div",{onClick:()=>{if(e.props.multiple){const e=r.findIndex(e=>e.id===a.id);e>-1?r.splice(e,1):r.push(a)}else r=[a];e.setState({selected:r},()=>{e.props.onChange&&e.props.onChange(r)})},className:"product-base",key:l},n.a.createElement(vn.a,{style:{borderRadius:0},size:190,shape:"square",src:k.a.get(a,"images[0].thumbnailUrl",null)}),n.a.createElement("div",{className:"description"},n.a.createElement("p",{className:"product-base-title"},a.title),n.a.createElement("p",{className:"product-base-slug"},a.slug),n.a.createElement("p",{className:"product-base-cost-description"},a.baseCostDescription)),e.state.selected.find(e=>e.id===a.id)&&t.id&&n.a.createElement("div",{className:"selected-overlay"},n.a.createElement(TA.a,{style:{fontSize:40,color:"#207868"}})))))):null,t.children.map((t,a)=>n.a.createElement("div",{className:"category level-"+(l+1),key:a},e.renderCategory(t,l+1))))},this.handleFulfillmentComplete=e=>{if(!e)return;const t=function(e,t){let a=t?"fulfillments":"fulfillmentsInstalled";const l=(Object(C.get)(e,a)||[]).filter(e=>!!e.id&&!!e.slug);for(let n=0;n<l.length;n++){let e=l[n];if(!t&&e.slug===w.f){let t=l[0];l[0]=e,l[n]=t}}return l}(e,this.state.isAdministrator);this.setState({fulfillments:t})},this.handleFulfillmentChange=async e=>{this.setState({selectedCategory:null,fulfillmentId:e});const{onFulfillmentChange:t}=this.props;t&&await Object(c.t)(()=>t(e),1e3)}}componentDidMount(){const{value:e,fulfillmentId:t}=this.props,{currentUser:a}=this.context,{isAdministrator:l}=Object(c.j)(a);this.setState({selected:e||[],fulfillmentId:t,isAdministrator:l})}render(){const{noHeader:e,multiple:t,selectedProductBases:a,onViewTemplates:l}=this.props,{isAdministrator:i,fulfillments:o,filter:u,selectedCategory:d,fulfillmentId:m}=this.state,{typingTimeoutRef:f}=this,E=(null===a||void 0===a?void 0:a.length)||0;return n.a.createElement($A,null,n.a.createElement(b.a,{bordered:!0,title:n.a.createElement("div",null,!e&&n.a.createElement("h3",{className:"title"},t?"Select Product bases":"Select Product base"),n.a.createElement("div",{className:"flex justify-between items-center mt-4"},n.a.createElement("div",{className:"fulfillment-select"},n.a.createElement("span",{style:{fontSize:14}},"Fulfillment by:"),n.a.createElement(s.b,{query:i?I.D:I.h,onCompleted:this.handleFulfillmentComplete},()=>n.a.createElement(h.a,{disabled:E>0,onChange:this.handleFulfillmentChange,style:{minWidth:150},value:m||""},n.a.createElement(h.a.Option,{value:""},"MerchBridge"),o.map((e,t)=>n.a.createElement(h.a.Option,{key:t,value:e.id},e.name))))),n.a.createElement("div",{className:"flex"},l?n.a.createElement(v.a,{onClick:l,className:"mr-3",icon:n.a.createElement(QA.a,null)},"All Templates"):null,n.a.createElement(p.a.Search,{onSearch:e=>{this.setState({filter:{...u,search:e}})},onChange:e=>{f.current&&clearTimeout(f.current);let{value:t}=e.target;f.current=setTimeout(()=>{this.setState({filter:{...u,search:t||null}})},500)},placeholder:"Search for product bases, category"}))))},n.a.createElement(s.b,{query:zA,variables:{filter:u}},e=>{let{loading:t,error:a,data:l}=e;if(t)return n.a.createElement("div",{className:"p-4"},n.a.createElement(r.a,{active:!0}));if(a)return n.a.createElement("div",null,"Error: ",Object(c.ib)(a.toString()));let i=JSON.parse(JSON.stringify(l.productBaseSelection));i=i.map(e=>(e.productBase=m?e.productBase.filter(e=>e.fulfillment&&e.fulfillment.fulfillmentId===m):e.productBase.filter(e=>null===e.fulfillment),e));let o=this.getTreeData(i);this.state.search&&(o=o.filter(e=>this.categoryHasSearch(e,this.state.search.toLowerCase())));
11790const s=d?[this.getSelectCategory(o,d)]:o;return n.a.createElement("div",{className:"card-body"},n.a.createElement(g.a,{type:"flex"},n.a.createElement(A.a,{span:5},n.a.createElement("div",{className:"inner"},n.a.createElement(RA.a,{multiple:!1,onSelect:e=>{this.setState({selectedCategory:!e.includes("all-product-base")&&e.length?e[0]:null})},defaultExpandAll:!0,treeData:[{key:"all-product-base",title:"All Product Bases",children:[]},...o]}))),n.a.createElement(A.a,{span:19,className:"right-col"},n.a.createElement("div",{className:"inner"},s.map((e,t)=>n.a.createElement("div",{className:"category level-1",key:t},this.renderCategory(e,1)))))))})))}}qA.contextType=te.a;var HA=qA;const $A=j.b.div` 11791 .ant-card.ant-card-bordered .ant-card-body { 11792 padding: 0; 11793 } 11794 .card-body { 11795 .right-col { 11796 border-left: 1px solid #c3ced9; 11797 } 11798 .inner { 11799 padding: 20px; 11800 } 11801 } 11802 .ant-tree li .ant-tree-node-content-wrapper { 11803 font-weight: 700; 11804 } 11805 .ant-tree { 11806 .ant-tree-child-tree { 11807 .ant-tree-node-content-wrapper { 11808 font-weight: normal; 11809 } 11810 } 11811 } 11812 .product-base-list { 11813 display: flex; 11814 flex-wrap: wrap; 11815 .product-base { 11816 position: relative; 11817 min-height: 250px; 11818 width: 192px; 11819 border: 1px solid rgba(195, 207, 217, 1); 11820 box-shadow: 1px 1px 6px 0px rgba(195, 207, 217, 1); 11821 margin-right: 10px; 11822 margin-bottom: 10px; 11823 &:hover { 11824 cursor: pointer; 11825 &:after { 11826 content: " "; 11827 background-color: rgba(192, 192, 192, 0.3); 11828 position: absolute; 11829 height: 100%; 11830 width: 100%; 11831 top: 0; 11832 } 11833 } 11834 .ant-avatar-square { 11835 border-radius: 0; 11836 } 11837 .description { 11838 text-align: center; 11839 padding-top: 5px; 11840 .product-base-title { 11841 font-weight: 700; 11842 margin: auto; 11843 } 11844 .product-base-slug { 11845 color: #999; 11846 font-size: 13px; 11847 } 11848 } 11849 .selected-overlay { 11850 position: absolute; 11851 background: rgba(0, 0, 0, 0.4); 11852 left: 0; 11853 right: 0; 11854 top: 0; 11855 bottom: 0; 11856 display: flex; 11857 justify-content: center; 11858 align-items: center; 11859 } 11860 } 11861 } 11862 .category { 11863 margin: 10px 0; 11864 h2 { 11865 font-weight: 700; 11866 margin: 10px 0; 11867 font-size: 16px; 11868 } 11869 .category { 11870 margin-bottom: 10px; 11871 h2 { 11872 font-weight: 500; 11873 font-size: 14px; 11874 } 11875 } 11876 } 11877 .fulfillment-select { 11878 max-width: 300px; 11879 span { 11880 margin-right: 5px; 11881 font-weight: normal; 11882 } 11883 } 11884`,_A=o.a` 11885 query getTemplateByID($id: ID!) { 11886 getTemplateByID(id: $id) { 11887 id 11888 name 11889 slug 11890 grouping 11891 defaultMockupIds 11892 data { 11893 personalized 11894 productBases { 11895 ...ProductBasse 11896 } 11897 ProductBaseIds 11898 fields { 11899 name 11900 title 11901 type 11902 extraFee 11903 configure 11904 sorting 11905 } 11906 products { 11907 title 11908 description 11909 productbaseId 11910 shortDescription 11911 tagIds 11912 tags { 11913 id 11914 name 11915 } 11916 variants { 11917 salePrice 11918 regularPrice 11919 productBaseVariantID 11920 disabled 11921 } 11922 collectionIds 11923 collections { 11924 id 11925 name 11926 } 11927 } 11928 } 11929 } 11930 } 11931 ${Gp} 11932`,GA=o.a` 11933 query productBaseByID($id: ID!) { 11934 productBaseByID(id: $id) { 11935 id 11936 designPositions { 11937 id 11938 image { 11939 id 11940 thumbnailUrl 11941 url 11942 } 11943 name 11944 displayName 11945 sorting 11946 description 11947 artworkGuidelines { 11948 description 11949 file { 11950 url 11951 thumbnailUrl 11952 name 11953 } 11954 } 11955 } 11956 } 11957 } 11958`;class KA extends l.Component{constructor(){super(...arguments),this.state={step:1,selectedProductBases:[],fulfillmentId:null,template:null},this.handleOnProductBaseChange=e=>{this.setState({selectedProductBases:e,step:0===e.length?1:this.state.step})},this.handleClickContinue=e=>async()=>{const{selectedProductBases:e}=this.state;if(0===e.length)return void i.a.error({message:"Product base is required!"});const t=e.map(e=>{let{id:t}=e;return t}),a=await VA(t),l=e.map(e=>{const{id:t}=e;return(a||a[t])&&(e={...e,...a[t]}),e});this.setState({step:2,selectedProductBases:l})}}render(){const{step:e,selectedProductBases:t}=this.state,{clickSave:a,handleBtnSave:l,match:r}=this.props,{id:i}=r.params,{currentUser:o}=this.context,u=Object(c.T)(o);return n.a.createElement(s.b,{query:_A,variables:{id:i},onCompleted:e=>{if(i&&null!=(null===e||void 0===e?void 0:e.getTemplateByID)){var t;const{ProductBaseIds:a,productBases:l}=(null===(t=e.getTemplateByID)||void 0===t?void 0:t.data)||{},n=(l||[]).reduce((e,t)=>
11958t?(e[t.id]=t,e):e,{}),r=(a||[]).map(e=>n[e]).filter(Boolean);this.setState({template:e.getTemplateByID,selectedProductBases:(null===r||void 0===r?void 0:r.length)>0?r:e.getTemplateByID.data.productBases,step:2})}},skip:!i},r=>{let{client:i}=r;return n.a.createElement("div",null,1===e&&n.a.createElement("div",null,n.a.createElement(ma,{action:n.a.createElement(v.a,{onClick:this.handleClickContinue(i),type:"primary",disabled:!t.length},"Continue to Add Campaign"),link:`/${u}/products`,subTitle:"Products",title:"Add Campaign"}),n.a.createElement(HA,{selectedProductBases:this.state.selectedProductBases,onFulfillmentChange:e=>this.setState({fulfillmentId:e}),fulfillmentId:this.state.fulfillmentId,value:t,onChange:this.handleOnProductBaseChange,multiple:!0,onViewTemplates:()=>{this.setState({step:3})}})),2===e&&n.a.createElement(MA,{client:i,currentParam:u,onViewTemplates:()=>{this.setState({step:3})},onAddMore:()=>{this.setState({step:1})},onChange:this.handleOnProductBaseChange,template:this.state.template,productBases:t,clickSave:a,handleLoading:e=>{let{handleLoading:t}=this.props;t&&t(e)},handleBtnSave:(e,t)=>{t={...t,step:this.state.step,link:"/seller/products"},l&&l(e,t)}}),3===e&&n.a.createElement("div",null,n.a.createElement(ma,{action:n.a.createElement(v.a,{onClick:()=>{this.setState({step:1})},type:"primary"},"Start from Scratch"),subTitle:"Products",title:"Templates",link:`/${u}/products`}),n.a.createElement(Ug,{onSelect:e=>{this.setState({template:e,selectedProductBases:e.data.productBases,step:2})}})))})}}KA.contextType=te.a;var JA=KA,YA=a(287);const WA=o.a` 11959 mutation deleteTemplate($id: ID!) { 11960 deleteTemplate(id: $id) 11961 } 11962`,ZA=j.b.div` 11963 button + button { 11964 margin-left: 1.25rem; 11965 } 11966`,XA=e=>{let{template:t,onSelect:a,idx:r,handleUseTemplate:i,filter:o,allTemplate:s,selectedTab:u}=e;const[d,m]=Object(l.useState)(!1),[p,g]=Object(l.useState)(!1),[A,b]=Object(l.useState)(!1),{currentUser:h}=Object(l.useContext)(te.a),f=Object(c.U)(h),[v,{data:E,error:y,loading:C,client:k}]=Object(De.c)(WA,{onCompleted:()=>{O(),j()},onError:()=>{O(),j()}}),O=Object(l.useCallback)(()=>m(e=>!e),[d]),j=Object(l.useCallback)(()=>{g(e=>!e)},[]),w=Object(l.useCallback)(()=>{a(r),b(e=>!e)},[]),S=p?(y||E&&E.deleteTemplate)&&n.a.createElement(D.fb,{content:y?Object(c.ib)(y.toString()):E&&E.deleteTemplate&&"Template has been deleted!",error:y,duration:2e3,onDismiss:j}):null;return n.a.createElement(ZA,null,n.a.createElement(xg,{value:t}),n.a.createElement(D.g,{plain:!0,onClick:w},A?"Hide Details":"Show Details"),n.a.createElement(D.g,{plain:!0,onClick:()=>{s?((1===u||0===u&&t.isProductTemplate)&&B.a.push(`/${f}/products/add/${t.id}`),(2===u||0===u&&!t.isProductTemplate)&&B.a.push(`/${f}/products/add-campaign/${t.id}`)):i(t)}},"Use Template"),s&&n.a.createElement(D.g,{plain:!0,onClick:O},"Remove"),n.a.createElement(D.E,{title:"Remove template",open:d,onClose:O,primaryAction:{content:"Remove",loading:C,onAction:()=>{v({variables:{id:t.id}}).then(e=>{if(e)try{let e={filter:o};const a=k.readQuery({query:lb,variables:e});k.writeQuery({query:lb,variables:e,data:{...a,templates:{...a.templates,total:a.templates.total-1,nodes:a.templates.nodes.filter(e=>e.id!==t.id)}}})}catch(a){}}).catch(()=>{})}}},n.a.createElement(D.E.Section,null,n.a.createElement(D.bb,null,n.a.createElement("p",null,"Are you sure to delete this template?")))),S)},eb=j.b.div` 11967 .bases-wrap { 11968 display: flex; 11969 flex-direction: row; 11970 margin: 2rem; 11971 } 11972 .img-wrap { 11973 margin-right: 3rem; 11974 } 11975 .attribute-title, 11976 .variant-total { 11977 margin-top: 1rem; 11978 } 11979 .Polaris-Tag + .Polaris-Tag { 11980 margin-left: 1rem; 11981 } 11982 .attr-option-val { 11983 -webkit-box-sizing: border-box; 11984 box-sizing: border-box; 11985 margin: 0; 11986 padding: 0; 11987 color: rgba(0, 0, 0, 0.65); 11988 font-size: 14px; 11989 font-variant: tabular-nums; 11990 line-height: 1.5715; 11991 list-style: none; 11992 -webkit-font-feature-settings: "tnum"; 11993 font-feature-settings: "tnum", "tnum"; 11994 display: inline-block; 11995 height: auto; 11996 margin-right: 8px; 11997 margin-top: 8px; 11998 padding: 0 7px; 11999 font-size: 12px; 12000 line-height: 20px; 12001 white-space: nowrap; 12002 background: #fafafa; 12003 border: 1px solid #d9d9d9; 12004 border-radius: 2px; 12005 cursor: default; 12006 opacity: 1; 12007 -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); 12008 transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); 12009 } 12010 .attr-option-val.pm-tag-enabled { 12011 background-color: rgb(24, 144, 255); 12012 border-color: transparent; 12013 color: #fff; 12014 } 12015 .Polaris-DataTable__Footer { 12016 overflow-x: scroll; 12017 } 12018 .Polaris-DataTable__Navigation { 12019 display: none; 12020 } 12021`,tb=e=>{let{data:t,handleUseTemplate:a,filter:r,setFilter:i,allTemplate:o,selectedTab:s}=e;const[u,d]=Object(l.useState)(!1),[m,p]=Object(l.useState)(0),[g,A]=Object(l.useState)(t);Object(l.useEffect)(()=>{var e,a;const l=t;if((null===l||void 0===l||null===(e=l.templates)||void 0===e||null===(a=e.nodes)||void 0===a?void 0:a.length)>0){l.templates.nodes.map(async e=>{var t;const a=e.data;let{products:l}=a||{};(null===(t=l)||void 0===t?void 0:t.length)>0&&(l=await Promise.all(l.map(async e=>e.id?await b(e):e)))})}A(t)},[t]);const[b]=Object(YA.a)(),h=Object(l.useCallback)(e=>{d(e=>!e),p(e)},[]);let f=[];
12021t&&t.templates.nodes.forEach((e,t)=>{let l=e.data;const i=((null===l||void 0===l?void 0:l.productBases)||[]).reduce((e,t)=>t&&"object"===typeof t?(e[t.id]=t,e):e,{}),d=(null===l||void 0===l?void 0:l.ProductBaseIds)||[];f.push([n.a.createElement("div",{className:"flex flex-col"},n.a.createElement("span",null,n.a.createElement("strong",null,`#${++t} `),e.name," ",2===s&&e.grouping?n.a.createElement(D.e,{status:"success"},"Grouping"):""),n.a.createElement("span",null,e.slug),n.a.createElement(D.l,{open:!0===u?m===t:u,id:""+t,transition:{duration:"150ms",timingFunction:"ease"}},(null===d||void 0===d?void 0:d.length)>0?d.map((e,a)=>{const r=i[e];if(!r)return null;let o=l.products&&l.products.length&&l.products.find(e=>e.productbaseId===r.id),s=function(e){let t=0,a=0;return e&&0!==e.length?(e.forEach(e=>{e.disabled?a++:t++}),{counEnabled:t,counDisabled:a}):{counEnabled:t,counDisabled:a}}(o.variants),u=o.variants,d=r,m=d.variants,p=function(e,t,a){let l={},n=!1;if(a){0===this.countActivatedVariants(a)&&(n=!0)}return e&&e.length>0&&e.forEach(e=>{let a={};e.options.forEach(l=>{let r=!1;n&&(r=!0),t&&t[e.slug]&&t[e.slug].length>0&&(r=!0,k.a.includes(t[e.slug],l)&&(r=!1)),a[Object(c.Tb)(l)]={label:l,disabled:r}}),l[e.slug]={name:e.name,slug:e.slug,options:a}}),l}(d.attributes,function(e){let t={};return k.a.forOwn(e,(function(e,a){!e.disabled&&e.productBaseVariant&&e.productBaseVariant.attributes&&e.productBaseVariant.attributes.length>0&&e.productBaseVariant.attributes.forEach(e=>{t[e.slug]||(t[e.slug]=[]),t[e.slug].push(e.option)})})),t}(function(e,t){let a=[];return e&&0!==e.length?(e.forEach(e=>{let l=e.productBaseVariantID;(t||[]).forEach(t=>{if(t.id===l){let a={attributes:t.attributes};e.productBaseVariant=a,e.productBaseVariantId=t.id,e.image=null}}),a.push(e)}),a):a}(u,m)));const g=r.images;return n.a.createElement("div",{key:`${e}-${a}`,className:"bases-wrap"},n.a.createElement("div",{className:"img-wrap"},g.map((t,a)=>n.a.createElement("div",{key:`${e}-${a}`,style:{width:200}},n.a.createElement("img",{src:t.thumbnailUrl?t.thumbnailUrl:t.url,alt:"",style:{width:"100%"}}))),n.a.createElement("span",{style:{marginTop:"1rem",display:"inline-block"}},r.baseCostDescription)),n.a.createElement("div",null,n.a.createElement("span",null,r.title),p&&Object.keys(p).map((e,a)=>n.a.createElement("div",{key:`${t}-attribute-${e}`},n.a.createElement("div",{className:"attribute-title"},p[e]&&p[e].name,":"),n.a.createElement("div",null,p[e]&&p[e].options&&Object.keys(p[e].options).map((a,l)=>{let r="attr-option-val pm-tag-enabled";return p[e].options[a].disabled&&(r="attr-option-val pm-tag-disabled"),n.a.createElement("div",{key:`${t}-attr-option-${a}`,className:r},p[e].options&&p[e].options[a]&&p[e].options[a].label)})))),n.a.createElement("div",{className:"variant-total"},s&&s.counDisabled>=0&&n.a.createElement("div",null,"Total enabled: ",n.a.createElement("span",null,s.counEnabled)),s&&s.counDisabled>=0&&n.a.createElement("div",null,"Total disabled: ",n.a.createElement("span",null,s.counDisabled)))))}):null)),n.a.createElement(XA,{template:e,idx:t,onSelect:h,handleUseTemplate:a,filter:r,allTemplate:o,selectedTab:s})])});let{limit:v,offset:E}=r;const y=k.a.get(t,"templates.total",0),C={page:E/v+1,totalPage:Math.ceil(y/v),offset:E,limit:v,onChange:i,total:y};return n.a.createElement(eb,null,n.a.createElement(D.n,{columnContentTypes:["text","numeric"],headings:["Name","Actions"],rows:f,verticalAlign:"top",footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:C,showTotal:!0})}))},ab=j.b.div` 12022 margin: -1rem; 12023 @media (min-width: 640px) { 12024 margin: -1.5rem; 12025 } 12026`,lb=o.a` 12027 query templates($filter: TemplateFilter!) { 12028 templates(filter: $filter) { 12029 total 12030 nodes { 12031 id 12032 name 12033 slug 12034 grouping 12035 defaultMockupIds 12036 data { 12037 personalized 12038 productBases { 12039 ...ProductBasse 12040 } 12041 ProductBaseIds 12042 fields { 12043 name 12044 title 12045 type 12046 extraFee 12047 configure 12048 sorting 12049 } 12050 products { 12051 title 12052 description 12053 productbaseId 12054 shortDescription 12055 tagIds 12056 tags { 12057 id 12058 name 12059 } 12060 variants { 12061 salePrice 12062 regularPrice 12063 productBaseVariantID 12064 disabled 12065 } 12066 collectionIds 12067 collections { 12068 id 12069 name 12070 } 12071 } 12072 } 12073 } 12074 } 12075 } 12076 ${Gp} 12077`,nb=e=>{let{onChangeStep:t,handleUseTemplate:a,allTemplate:r=!1}=e;const[i,o]=Object(l.useState)({product:!r||null,limit:20,offset:0}),{currentUser:s}=Object(l.useContext)(te.a);let u=Object(c.U)(s);const{data:d,loading:m,error:p}=Object(De.d)(lb,{variables:{filter:i}}),g=m&&n.a.createElement(D.D,null);return n.a.createElement(ab,null,g,n.a.createElement(D.H,{title:"Product Templates",fullWidth:!0,breadcrumbs:[{content:"Products",url:`/${u}/products`}],primaryAction:n.a.createElement(D.g,{primary:!0,onClick:t},"Start from Scratch")},n.a.createElement(D.i,null,p&&n.a.createElement("div",null,"Error: ",p.toString()),m?n.a.createElement(Je.SkeletonPagePolaris,null):d&&d.templates&&d.templates&&d.templates.nodes&&d.templates.nodes.length?n.a.createElement(tb,{data:d,handleUseTemplate:a,filter:i,setFilter:e=>{o(t=>({...t,offset:e}))}}):n.a.createElement(We.EmptyStatePolaris,null))))};var rb=a(764),ib=a(1002);const ob=e=>{let{visible:t,onChange:a,handleCreateTemplate:r,template:o}=e;const[{name:s,slug:u,defaultMockups:d},m]=Object(l.useState)({name:null,slug:null,defaultMockups:[]});return n.a.createElement(y.a,{title:"Create a new Template.",visible:t,onCancel:a,onOk:()=>{s&&u?r({name:s,slug:u,defaultMockups:d}):i.a.error({message:"Template name and slug are required!"})},okText:"Save",confirmLoading:o.loading},n.a.createElement(x.a.Item,{required:!0,label:"Template name"},n.a.createElement(p.a,{onChange:e=>{m({name:e.target.value,slug:Object(c.Vb)(e.target.value)})},value:s})),n.a.createElement(x.a.Item,{required:!0,label:"Template slug"},n.a.createElement(p.a,{onChange:e=>{m({name:s,slug:e.target.value})},value:u})),n.a.createElement(x.a.Item,{label:"Default Mockup Files"},n.a.createElement(Ae.a,{prefix:"mockups/",folder:oe.ob.MOCKUPS,multiple:!0,listType:"picture-card",buttonType:"primary",accept:"image/*",onChange:e=>{m(t=>({...t,defaultMockups:e}))}})))};var sb=a(585),cb=a(1006);const ub=o.a` 12078 query activityTimeline($filter: ActivityFilter) { 12079 activityTimeline(filter: $filter) { 12080 total 12081 nodes { 12082 id 12083 createdAt 12084 message 12085 } 12086 } 12087 } 12088`,db=j.b.div` 12089 margin-top: 30px; 12090 .timeline-line { 12091 display: flex; 12092 flex-direction: row; 12093 justify-content: space-between; 12094 .message { 12095 overflow: hidden; 12096 text-overflow: ellipsis; 12097 white-space: nowrap; 12098 flex: 70%; 12099 } 12100 .created { 12101 flex: 30%; 12102 text-align: right; 12103 } 12104 } 12105 .pagination { 12106 margin-top: -2rem; 12107 display: flex; 12108 flex-direction: row-reverse; 12109 } 12110`,mb=e=>{const{data:t,loading:a,error:r,refetch:i}=Object(De.d)(ub,{variables:{filter:{entityID:e.productId}}}),[o,s]=Object(l.useState)({limit:10,offset:0}),[u,d]=Object(l.useState)([]);Object(l.useEffect)(()=>
12110{if(t&&t.activityTimeline&&t.activityTimeline.nodes&&t.activityTimeline.nodes.length){let e=t.activityTimeline.nodes.slice(o.offset,o.offset+o.limit);d(e)}},[t,o]),Object(l.useEffect)(()=>{i&&i()},[e.refetchTimeline]);const m=n.a.createElement(wt.a,{style:{fontSize:24},spin:!0});let p=t&&t.activityTimeline;return r?n.a.createElement("div",null,"Error: ",Object(c.ib)(r.toString())):n.a.createElement(n.a.Fragment,null,a?n.a.createElement(b.a,null,n.a.createElement(f.a,{indicator:m})):null,p&&p.nodes&&p.nodes.length>0?n.a.createElement(db,null,n.a.createElement(b.a,{title:"History"},n.a.createElement(sb.a,null,u.map(e=>n.a.createElement(sb.a.Item,{key:e.id},n.a.createElement("div",{className:"timeline-line"},n.a.createElement("span",{className:"message"},e.message),n.a.createElement("span",{className:"created"},Zr()(e.createdAt).format("LLL")))))),n.a.createElement("div",{className:"pagination"},n.a.createElement(cb.a,{total:p&&p.total||0,pageSize:o.limit,current:o.offset/o.limit+1,onChange:e=>{s(t=>({...t,offset:(e-1)*t.limit}))}})))):null)};var pb=a(199),gb=a.n(pb),Ab=a(200),bb=a.n(Ab),hb=a(201),fb=a.n(hb),vb=a(202),Eb=a.n(vb),yb=a(203),Cb=a.n(yb),kb=a(204),Ob=a.n(kb),jb=a(239),wb=a.n(jb),Sb=a(205),Ib=a.n(Sb);const Bb=j.b.div` 12111 display: inline-block; 12112 img { 12113 width: 30px; 12114 height: 30px; 12115 object-fit: contain; 12116 margin-right: 7px; 12117 } 12118`;class Db extends l.Component{render(){const{value:e}=this.props;return n.a.createElement(D.P,{shadow:!0,style:{maxHeight:740,paddingTop:10},focusable:!0},n.a.createElement(sb.a,null,e&&e.length>0&&e.map(e=>{let t=e.permalink?e.permalink:"",a=k.a.get(e,"store.platform",null),l={woocommerce:Ib.a,shopify:Ob.a,ebay:bb.a,amazon:gb.a,shopbase:Cb.a,etsy:fb.a,facebook:Eb.a,tiktok:wb.a};if("amazon"===a){const a="https://www.amazon.com";t=e.originId&&e.originId.length>0?a+"/dp/"+e.originId:a}let r=t;return r.includes("https://")||r.includes("http://")||r.includes("www.")||(r="//"+r),n.a.createElement(sb.a.Item,{key:e.id},n.a.createElement(n.a.Fragment,null,n.a.createElement(Bb,null,n.a.createElement("img",{src:l[a],alt:""})),"Pushed to: ",e.store?e.store.title:"Store deleted",e.createdAt?" on "+Zr()(e.createdAt).format("LL"):null,n.a.createElement("p",null,n.a.createElement(jn.a,{href:r},"View product"))))})))}}const Pb=j.b.div` 12119 .ant-card { 12120 margin-bottom: 20px; 12121 } 12122 .tag-wrap { 12123 border-radius: 3px; 12124 font-weight: 500; 12125 display: flex; 12126 align-items: center; 12127 } 12128 .product-fake-wrap { 12129 .ant-tabs-nav-wrap { 12130 padding-left: 0; 12131 } 12132 .ant-tabs-tab { 12133 padding-left: 0; 12134 max-width: 180px; 12135 white-space: break-spaces; 12136 text-align: left; 12137 padding-right: 12px; 12138 } 12139 .ant-tabs-ink-bar { 12140 height: auto; 12141 } 12142 .ant-tabs-bar { 12143 height: 400px; 12144 } 12145 .ant-tabs-content { 12146 height: 400px; 12147 overflow-y: scroll; 12148 } 12149 .product-fake-item { 12150 label { 12151 display: inline-block; 12152 } 12153 &.files { 12154 width: 65%; 12155 } 12156 & + .product-fake-item { 12157 margin-top: 1rem; 12158 } 12159 } 12160 } 12161`,{TabPane:xb}=ib.a,Mb=o.a` 12162 mutation createProductTemplate($input: NewProductTemplate!) { 12163 createProductTemplate(input: $input) { 12164 id 12165 name 12166 slug 12167 } 12168 } 12169`;class Tb extends l.Component{constructor(e){super(e),this.handleChangeAttrOption=(e,t,a,l)=>{let n=this.state,r=n.productAttributes,i=r[e].options[t].disabled;r[e].options[t].disabled=!i;let o=Object.keys(r).length,s={};o>1&&k.a.forOwn(r,(function(e,t){let a=[];k.a.forOwn(e.options,(function(e){e.disabled||a.push(e.label)})),s[t]=a}));let c=n.variantsState?n.variantsState:l,u=[];k.a.forOwn(c,(function(t,l){var n,r;(null===t||void 0===t||null===(n=t.productBaseVariant)||void 0===n||null===(r=n.attributes)||void 0===r?void 0:r.length)>0&&t.productBaseVariant.attributes.forEach(n=>{if(n.slug===e&&n.option===a.label){let e={key:l,disabled:t.disabled};u.push(e);let a=!i;var r,c;if(o>1&&i)if((null===t||void 0===t||null===(r=t.productBaseVariant)||void 0===r||null===(c=r.attributes)||void 0===c?void 0:c.length)>0){let e=0;
12169t.productBaseVariant.attributes.forEach(t=>{let a=t.slug,l=t.option,n=s[a];n.length>0&&n.includes(l)&&e++}),e!==o&&(a=i)}return t.disabled=a}})})),0===this.countActivatedVariants(c)&&(r[e].options[t].disabled=i,u.length>0&&u.forEach((function(e,t){c[e.key].disabled=e.disabled})),alert("You must keep at least one option for each attributes")),this.setState({productAttributes:r,variantsState:c,showBtnSave:!1}),this.ref.current.setFieldsValue({variants:c})},this.countActivatedVariants=e=>{let t=0;return k.a.forOwn(e,(function(e,a){var l,n;(null===e||void 0===e||null===(l=e.productBaseVariant)||void 0===l||null===(n=l.attributes)||void 0===n?void 0:n.length)>0&&(e.disabled||t++)})),t},this.handleCloseVariants=()=>{let{sortVariant:e}=this.state,t=e&&e.enabledValues&&e.disabledValues?[...e.enabledValues,...e.disabledValues]:[],a=this.ref.current.getFieldValue("variants");this.setState(e=>({productVariantsVisible:!1,variantsState:t.length>0?t:e.variantsState}),()=>{this.ref.current.setFieldsValue({variants:t.length>0?t:a})})},this.showProductVariants=()=>{this.setState({productVariantsVisible:!0})},this.strToSlug=e=>{e=(e=e.replace(/^\s+|\s+$/g,"")).toLowerCase();for(var t="\xe0\xe1\xe4\xe2\xe8\xe9\xeb\xea\xec\xed\xef\xee\xf2\xf3\xf6\xf4\xf9\xfa\xfc\xfb\xf1\xe7\xb7/_,:;",a=0,l=t.length;a<l;a++)e=e.replace(new RegExp(t.charAt(a),"g"),"aaaaeeeeiiiioooouuuunc------".charAt(a));return e=e.replace(/[^a-z0-9 -]/g,"").replace(/\s+/g,"-").replace(/-+/g,"-")},this.getProductBaseAttrs=(e,t,a)=>{let l={},n=!1;if(a){0===this.countActivatedVariants(a)&&(n=!0)}return e&&e.length>0&&e.forEach(e=>{let r={},i=!t&&!a&&"color"===e.slug;e.options.forEach(a=>{let l=!1;if(n&&(l=!0),t&&t[e.slug]&&t[e.slug].length>0&&(l=!0,k.a.includes(t[e.slug],a)&&(l=!1)),i){l=a!==k.a.head(e.options)}r[this.strToSlug(a)]={label:a,disabled:l}}),l[e.slug]={name:e.name,slug:e.slug,options:r}}),l},this.getActivatedProductAttrs=e=>{let t={};return k.a.forOwn(e,(function(e,a){var l,n;!e.disabled&&(null===e||void 0===e||null===(l=e.productBaseVariant)||void 0===l||null===(n=l.attributes)||void 0===n?void 0:n.length)>0&&e.productBaseVariant.attributes.forEach(e=>{t[e.slug]||(t[e.slug]=[]),t[e.slug].push(e.option)})})),t},this.onVariableDisabledChanged=e=>{let t=this.state;if(t&&t.currentProductBase&&t.currentProductBase.attributes){let t=this.getProductBaseAttrs(this.state.currentProductBase.attributes,this.getActivatedProductAttrs(e),e);this.setState({productAttributes:t})}this.setState({showBtnSave:!1})},this.getMockup=e=>e.mockup?e.mockup.map(e=>({mockup:e,productBaseId:e.id,file:null})):[],this.getDesignPositions=e=>e.designPositions?e.designPositions.map(e=>({designPosition:e,designPositionId:e.id,file:null})):[],this.getProductVariants=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=arguments.length>2?arguments[2]:void 0,l=arguments.length>3?arguments[3]:void 0;return e.variants?e.variants.map((e,n)=>{let r=!0;e.attributes&&e.attributes.length&&a&&l&&e.attributes.forEach(e=>{e.slug&&"color"===e.slug&&e.option&&e.option.toLowerCase()===l.toLowerCase()&&(r=!1)});let i=e.id,o=n;return Object.keys(t).length&&(o=k.a.findIndex(t&&t.variants,{productBaseVariantID:i})),{productBaseVariantId:e.id,productBaseVariant:e,image:null,regularPrice:Object.keys(t).length?t.variants[o].regularPrice:e.regularPrice,salePrice:Object.keys(t).length?t.variants[o].salePrice:e.salePrice,disabled:a&&l?r:Object.keys(t).length?t.variants[o].disabled:!(!e||!e.disabled)&&e.disabled}}):[]},this.handleError=e=>{let t={};k.a.each(e,e=>{k.a.each(k.a.get(e,"errors",[]),e=>{const a=k.a.trim(e.message.toLowerCase());"undefined"===typeof t[a]&&i.a.error({message:Object(c.ib)(e.message)}),t[a]=!0})})},this.onFinish=(e,t)=>{const{productBase:a,template:l,isEditProduct:n,value:r}=this.props,i=this.state;e=JSON.parse(JSON.stringify(e)),["collections","tags"].forEach(t=>{e[t]&&e[t].length&&(e[t]=e[t].map(e=>e.id))}),e.mockup=e.mockup.map(t=>({fileId:t.id,productBaseId:e.productBaseId})),e.mockup=Object(c.eb)(e.mockup,"fileId"),e.designPositions&&e.designPositions.length&&(e.designPositions=e.designPositions.map(e=>(void 0===e.fileId&&(e.fileId=e.file&&e.file.id?e.file.id:null),""===e.fileId&&delete e.fileId,["designPosition","__typename","file"].forEach(t=>{"undefined"!==typeof e[t]&&delete e[t]}),e)));let o=[];if(e.psdFiles&&e.psdFiles.length>
121690){e.psdFiles.forEach(e=>{e&&e.id&&e.id.length>0&&o.push(e.id)})}if(o.length>0&&(e.psdFiles=o),!e.variants)if(n&&r&&r.variants){let t=[];r.variants.forEach(e=>{var a;const l=(null===(a=e.amazonImages)||void 0===a?void 0:a.length)>0?e.amazonImages.map(e=>e.file):[];let n={disabled:e.disabled,id:e.id,image:e.image,amazonImages:l,productBaseVariantId:e.productBaseVariantId,regularPrice:e.regularPrice,salePrice:e.salePrice};t.push(n)}),e.variants=t}else if(i&&i.variantsState)e.variants=i.variantsState;else{let t={};l&&l.data&&l.data.products&&l.data.products.length&&(t=k.a.head(l.data.products)),e.variants=this.getProductVariants(a,t)}e.variants&&e.variants.length&&(e.variants=e.variants.map(e=>{var t;return["__typename","productBaseVariant","sku","sorting","productBaseVariantID"].forEach(t=>{"undefined"!==typeof e[t]&&delete e[t]}),e.image&&(e.image=e.image.id),(null===(t=e.amazonImages)||void 0===t?void 0:t.length)>0&&(e.amazonImages=e.amazonImages.map(e=>e?e.file?e.file.id:e.id:null).filter(Boolean)),e})),e.sortBases=[{productBaseId:e.productBaseId,position:0}],e.productBases=[e.productBaseId],delete e.productBaseId,e.pushToStores&&(e.pushToStores=e.pushToStores.map(e=>e.id)),!this.isChanged&&t&&(e.pushToStores=t&&"all"!==t.id?[t]:null);let s=this.state.fakeProductDesignPositions,u=[];s&&s.length&&(u=s.map(e=>({productId:e.productId,designPositions:e.designPositions.map(e=>({designPositionId:e.designPosition.id,fileId:e.fileId?e.fileId:""})),psd:e.psd,psdFiles:e.psdFiles.map(e=>e.id)}))),n&&(e.fakeProducts=u),this.props.onSubmit(e)},this.handleShowBtnSave=()=>{let e,t=this.state.defaultFieldsValue&&{...this.state.defaultFieldsValue},{current:a}=this.ref;if(a&&(e={...a.getFieldsValue(w.E)},e=JSON.parse(JSON.stringify(e))),e&&t){let{value:l,handleBtnSave:n}=this.props,r=Object(c.kb)(e,t);e=r.newFieldsValue,t=r.defaultFieldsValue;let{designPositions:i}=this.state;i&&i.length&&(i.forEach(e=>{null===e.fileId&&delete e.fileId}),e.designPositions=this.state.designPositions);let o={title:a.getFieldValue("title"),btnName:l?"Save Product":"Publish Product",shortTitle:a.getFieldValue("shortTitle"),amzTitle:a.getFieldValue("amzTitle")};Object(c.hb)(e,t)?(this.setState({showBtnSave:!0}),n&&n(!0,o)):(this.setState({showBtnSave:!1}),n&&n(!1,o))}},this.handleVisibleChange=()=>{this.setState(e=>({template:{visible:!e.template.visible}}))},this.handleCreateTemplate=e=>{let{name:t,slug:a,defaultMockups:l,client:n}=e;const{productBase:r}=this.props;let o,{current:s}=this.ref;s&&(o={...s.getFieldValue()});const u=(l||[]).map(e=>e.id).filter(Boolean),d={name:t,slug:a,defaultMockupIds:u,productBaseId:r.id,fields:(o.fields||[]).map(e=>{let{id:t,...a}=e;return a}),product:{title:o.title,description:o.description,productbaseId:o.productBaseId,shortDescription:o.shortDescription,tagIds:o.tags?o.tags.map(e=>e.id):[],variants:o.variants.map(e=>({salePrice:e.salePrice,regularPrice:e.regularPrice,productBaseVariantID:e.productBaseVariantId,disabled:e.disabled})),collectionIds:o.collections?o.collections.map(e=>e.id):[]}};n.mutate({mutation:Mb,variables:{input:d}}).then(e=>{e&&(i.a.success({message:`Template ${t} has been saved.`}),this.setState(e=>({template:{...e.template,loading:!1}})),this.handleVisibleChange())}).catch(e=>{i.a.error({message:Object(c.ib)(e.toString())}),this.setState(e=>({template:{...e.template,loading:!1}}))})},this.countState=e=>{let t=0,a=0;return e&&e.length&&e.forEach(e=>{e.disabled?a++:t++}),{counEnabled:t,counDisabled:a}},this.handleUpdatePrice=e=>{let{isEditProduct:t}=this.props,a=this.state.labels,{variantsState:l}=this.state,n=l||e;k.a.forOwn(a,e=>{let t=e&&e.label,a=e&&e.regularPrice,l=e&&e.salePrice;k.a.forOwn(n,e=>{e.productBaseVariant&&e.productBaseVariant.attributes&&e.productBaseVariant.attributes.length&&k.a.forOwn(e.productBaseVariant.attributes,n=>{n.option===t&&(e.regularPrice=a||e.regularPrice,e.salePrice=l||e.salePrice)})})}),this.setState({variantsState:n}),t||this.state.isDrap||(n=n&&n.sort((e,t)=>e.productBaseVariant.sorting-t.productBaseVariant.sorting)),this.ref.current.setFieldsValue({variants:n})},this.showNotification=e=>{let t={};k.a.each(e,e=>{k.a.each(k.a.get(e,"errors",[]),e=>{const a=k.a.trim(e?e.toLowerCase():null);"undefined"===typeof t[a]&&i.a.error({message:Object(c.ib)(e)}),t[a]=!0})})},this.validateTitle=(e,t,a)=>{let l=null;t?t.length>
12169oe.C&&(l=oe.mb):l="Product title is required.",l?a(l):a()},this.designPositionRef=n.a.createRef(null),this.ref=n.a.createRef(),this.state={showPreview:!1,disabled:!0,maxUpdate:null,defaultFieldsValue:null,showBtnSave:null,designPosition:null,productBase:null,template:{visible:!1,loading:!1},productVariantsVisible:!1,productAttributes:null,variantsState:null,currentProductBase:e.productBase,firstColor:null,labels:null,mainImgId:null,hasSetIgnoredIsFalse:!0,sortVariant:{}},this.handleCloseVariants=this.handleCloseVariants.bind(this),this.showProductVariants=this.showProductVariants.bind(this),this.handleChangeAttrOption=this.handleChangeAttrOption.bind(this),this.onVariableDisabledChanged=this.onVariableDisabledChanged.bind(this)}componentDidMount(){var e;const{value:t,productBase:a,template:l}=this.props;let n=!1;if(!t&&a){let e,t="",r="",i="",o=[],s=[],c={},u=k.a.get(l,"data.fields",[]);u&&(u=u.map(e=>("undefined"!==typeof e.__typename&&delete e.__typename,"undefined"!==typeof e.sorting&&delete e.sorting,e))),l&&l.data&&l.data.products&&l.data.products.length&&(n=!0,c=k.a.head(l.data.products),t=c.title,i=c.shortDescription,r=c.description,s=k.a.get(c,"collections",[])||[],o=k.a.get(c,"tags",[])||[]),a&&a.attributes&&a.attributes.length>0&&(a.attributes.forEach(t=>{"color"===t.slug&&t.options&&t.options.length&&(e=k.a.head(t.options),this.setState({firstColor:e}))}),this.setState({productAttributes:this.getProductBaseAttrs(a.attributes)})),this.ref.current.setFieldsValue({productBaseId:a.id,variants:this.getProductVariants(a,c,!0,e),designPositions:this.getDesignPositions(a),mockup:this.getMockup(a),description:l?r:a.defaultContent,shortDescription:l?i:a.defaultShortDescription,tags:o,collections:s,title:t,personalized:k.a.get(l,"data.personalized",!1),fields:u||[]}),this.setState({showPreview:k.a.get(l,"data.personalized",!1)})}if(t){let e={showPreview:k.a.get(t,"personalized",!1)};a&&a.attributes&&a.attributes.length>0&&(e.productAttributes=this.getProductBaseAttrs(a.attributes,this.getActivatedProductAttrs(t.variants))),t.variants&&(e.variantsState=t.variants),this.setState(e);const l=k.a.get(t,"designPositions",[]);l&&0!==l.length||this.ref.current.setFieldsValue({designPositions:this.getDesignPositions(a)})}let r={defaultFieldsValue:JSON.parse(JSON.stringify(this.ref.current.getFieldsValue(w.E))),mainImgId:(null===(e=this.props.value)||void 0===e?void 0:e.mainImageId)||null};if(a&&(r.currentProductBase=a),n){let e=k.a.head(l.data.products),t=e.variants,a=k.a.head(l.data.productBases),n=k.a.get(a,"variants",[])||[],i=k.a.get(a,"attributes",[])||[],o=[];t.forEach(e=>{let t=e.productBaseVariantID;n.forEach(a=>{if(a.id===t){let t={attributes:a.attributes};e.productBaseVariant=t,e.productBaseVariantId=a.id,e.image=null}}),o.push(e)}),r.variantsState=o,o={...o};let s=this.getProductBaseAttrs(i,this.getActivatedProductAttrs(o));s&&(r.productAttributes=s);const c=k.a.get(l,"defaultMockupIds",[]);let u=this;if((null===c||void 0===c?void 0:c.length)>0){const{apolloClient:e}=this.props;!async function(){let t=(await Promise.allSettled(c.map(async t=>await e.query({query:I.C,variables:{id:t}})))).filter(e=>{var t,a;return"fulfilled"===e.status&&null!=(null===(t=e.value)||void 0===t||null===(a=t.data)||void 0===a?void 0:a.fileById)}).map(e=>e.value.data.fileById);(null===t||void 0===t?void 0:t.length)>0&&(u.setState({mockups:t}),u.ref.current.setFieldsValue({mockup:t}))}()}this.ref.current.setFieldsValue({variants:this.getProductVariants(a,e)})}this.setState(r)}componentDidUpdate(e){let{clickSave:t}=this.props;t!==e.clickSave&&this.ref.current.submit()}render(){const{value:e,sku:t,loading:a,productBase:l,refetch:r,isEditProduct:o,currentParam:s,refetchTimeline:u,isProductIgnored:f,productId:C}=this.props,{designPositionRef:j}=this,w=this.state.maxUpdate?this.state.maxUpdate:l.regularPrice,S=l&&l.variants&&l.variants.length,D={labelCol:{span:24},wrapperCol:{span:24}},P=this.state.productAttributes,M=this.getProductVariants(l,{},!0,this.state.firstColor);let{variantsState:T}=this.state,Q=this.countState(T||M),R=this.props.productBases.find(e=>e.id===l.id),F=e&&e.fakeProductDesignPositions,{currentUser:N}=this.context,U=k.a.get(N,"roles",[]),L=k.a.get(N,"teamUser.role",null),z=!1;U.includes(oe.pb.Seller)&&[oe.gb.MarketplaceManager].includes(L)&&(z=!0);const q=e=>{let{originUrl:t}=e;const a=t&&t.length>0?t:"foo";return n.a.createElement(jn.a,{href:a},n.a.createElement(rb.a,null))};let H=(null===e||void 0===e?void 0:e.psd)?e.psd:null,$=H?H.split("|"):null;Array.isArray($)&&($=$.length>1?$.join(" \n "):$[0]);const _=this.ref.current&&this.ref.current.getFieldValue("shortTitle"),G=Object(Og.b)(_,oe.D.fbTitle),K=this.ref.current&&this.ref.current.getFieldValue("amzTitle"),J=Object(Og.b)(K,oe.D.amzTitle),Y=this.ref.current&&this.ref.current.getFieldValue("title"),W=Object(Og.b)(Y);return n.a.createElement(n.a.Fragment,null,n.a.createElement(O.a,{when:!1===this.state.showBtnSave,message:"You have unsaved changes, are you sure you want to leave?"}),n.a.createElement(hi.a,null,C=>n.a.createElement(te.a.Consumer,null,O=>{var T;let{store:N}=O;return n.a.createElement(Pb,null,n.a.createElement(x.a,Object.assign({},D,{initialValues:{title:k.a.get(e,"title",""),shortTitle:k.a.get(e,"shortTitle"),amzTitle:k.a.get(e,"amzTitle"),description:k.a.get(e,"description",l.defaultContent),shortDescription:e?e.shortDe
12169scription:l.defaultShortDescription,collections:e&&e.collections?e.collections:[],tags:e&&e.tags?e.tags:[],productBaseId:l?l.id:null,variants:e?e.variants&&e.variants.length&&e.variants.sort((e,t)=>e.sorting-t.sorting):[],regularPrice:l?l.regularPrice:null,salePrice:l?l.salePrice:null,personalized:!!e&&e.personalized,fields:e&&e.fields&&e.fields.length>0?e.fields.map(e=>("undefined"!==typeof e.__typename&&delete e.__typename,"undefined"!==typeof e.sorting&&delete e.sorting,e)):[],designPositions:e?e.designPositions:[],mockup:e?e.images.map(e=>e.file):[],pushToStores:N&&"all"!==N.id?[N]:null,updateProductStore:!1,psd:e?$:null,psdFiles:e&&e.psdFiles?e.psdFiles:null,hasSetIgnoredIsFalse:!0},ref:this.ref,onFinish:async t=>{var a,l;const n=j.current||{},r=Pg({dimensions:(null===n||void 0===n||null===(a=n.state)||void 0===a?void 0:a.dimensions)||{}});if(null!=r)return void i.a.error({message:r.message});this.setState({showBtnSave:!0}),this.handleUpdatePrice(M),e||(t.variants=this.ref.current.getFieldValue("variants"));let{mainImgId:o}=this.state,s=null===(l=this.props.value)||void 0===l?void 0:l.mainImageId;const c=t.mockup||[],[u]=c;o||(s&&c.includes(e=>e.id===s)&&(o=s),null!=u&&(o=u.id)),t.mainImageId=o;const d=k.a.get(e,"amzTitle"),m=k.a.get(e,"id",void 0),{amzTitle:p}=t||{};if(p&&p!==d){var g;const{data:e}=await C.query({query:I.fb,variables:{title:p,whichField:oe.rb.AmzTitle,productID:m}});if((null===e||void 0===e||null===(g=e.getProductsByTitle)||void 0===g?void 0:g.total)>0)return i.a.error({message:oe.i,duration:3e3}),void this.setState({showBtnSave:!1})}this.onFinish(t,N)},scrollToFirstError:!0,onFinishFailed:e=>{let{_values:t,errorFields:a}=e;return this.showNotification(a)},onValuesChange:()=>{this.setState({changedValues:!0})}}),n.a.createElement(ma,{subTitle:"Products",title:this.props.title?this.props.title:"Add Product",link:`/${s}/products`,action:e&&n.a.createElement(Zd.b,null,o&&n.a.createElement(v.a,{children:"Clone Product",onClick:()=>{const e={productBases:this.props.productBases,productBase:this.props.productBase},t=this.ref.current,a=t.getFieldsValue();let l=t.getFieldValue("variants");l=(l||[]).map(e=>{let{productBaseVariant:t,...a}=e;return a});const n=t.getFieldValue("fields"),r=t.getFieldValue("regularPrice"),i=t.getFieldValue("salePrice");a.regularPrice=r,a.salePrice=i,a.productAttrs=P,a.variants=l,a.fields=n;const o=JSON.stringify({props:e,value:a});B.a.push(`/${s}/products/clone`,o)}}),n.a.createElement(sa.a,{to:`/${s}/products/add`},n.a.createElement(v.a,{type:"primary"},"Add Product")),n.a.createElement(sa.a,{to:`/${s}/products/add-campaign`},n.a.createElement(v.a,{type:"primary"},"Add Campaign")))}),n.a.createElement(g.a,{gutter:16},n.a.createElement(A.a,{span:18},n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{name:"title",label:"Title",help:W||void 0,rules:[{required:!0,validator:this.validateTitle}]},n.a.createElement(p.a,{placeholder:"Product title",onChange:this.handleShowBtnSave})),n.a.createElement(x.a.Item,{name:"shortTitle",label:"Facebook Title",help:G},n.a.createElement(p.a,{maxLength:oe.D.fbTitle,placeholder:"Enter facebook title",onChange:this.handleShowBtnSave})),n.a.createElement(x.a.Item,{name:"amzTitle",label:"Amazon Title",help:J},n.a.createElement(p.a,{maxLength:oe.D.amzTitle,placeholder:"Enter amazon title",onChange:this.handleShowBtnSave})),n.a.createElement(x.a.Item,{label:"Description",name:"description"},n.a.createElement(Kt.a,{onChange:this.handleShowBtnSave}))),e&&e.sku&&n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{label:"Product SKU"},n.a.createElement(p.a,{disabled:!0,value:e&&e.sku&&e.sku.length>0?e.sku:""})),(null===e||void 0===e||null===(T=e.refURL)||void 0===T?void 0:T.length)>0&&n.a.createElement(x.a.Item,{label:"Origin product URL"},n.a.createElement(p.a,{disabled:!0,addonAfter:n.a.createElement(q,{originUrl:e.refURL}),value:e.refURL}))),n.a.createElement(b.a,{title:"Organization"},n.a.createElement(x.a.Item,{name:"collections",label:"Collections",rules:[{required:!0,message:"Collections is required"}]},n.a.createElement(gg,{onChange:this.handleShowBtnSave})),n.a.createElement(x.a.Item,{name:"tags",label:"Tags",rules:[{required:!0,message:"Tags is required"}]},n.a.createElement(ig,{onChange:this.handleShowBtnSave}))),n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{name:"productBaseId",label:"Product Base",rules:[{required:!0,message:"Product base is required!"}]},n.a.createElement(h.a,{disabled:!!e,onChange:(e,t)=>
12169{const a=t.data;let l=this.getProductVariants(a);if(this.ref.current.setFieldsValue({variants:l,designPositions:this.getDesignPositions(a),description:t.data.defaultContent,shortDescription:t.data.defaultShortDescription}),this.props.onChangeProductBase&&this.props.onChangeProductBase(a),this.handleShowBtnSave(),a&&a.attributes&&a.attributes.length>0){let e=this.getProductBaseAttrs(a.attributes);this.setState({productAttributes:e,variantsState:l,currentProductBase:a})}}},void 0===R&&n.a.createElement(h.a.Option,{value:l.id,key:l.id,data:l},l.title),this.props.productBases.map((e,t)=>n.a.createElement(h.a.Option,{value:e.id,key:t,data:e},e.title))))),n.a.createElement(b.a,{title:"Product Attributes",hidden:!S},P&&Object.keys(P).map((e,t)=>n.a.createElement("div",{key:"attribute-"+e},n.a.createElement("div",{className:"attribute-title"},P[e]&&P[e].name,":"),n.a.createElement("div",{style:{marginBottom:12}},P[e]&&P[e].options&&Object.keys(P[e].options).map(t=>{let a,l="color"===P[e].slug;l&&(a=P[e].options&&P[e].options[t]);let r=a&&this.strToSlug(a.label),i=a&&a.disabled,o=a&&a.label;if(o){let e=o.match("/")&&o.split("/");if(e&&e.length){let t=e.filter(e=>e.trim());1===t.length&&(o=t)}}return n.a.createElement("div",{style:{display:"inline-block"},key:"option-"+t},n.a.createElement(de.a,{key:"option-"+t,className:l?"tag-wrap":"",style:{color:l&&i?"#1890ff":"",cursor:"pointer",marginTop:8,padding:"3px 8px"},color:P[e].options[t].disabled?"":"#1890ff",onClick:()=>{this.handleChangeAttrOption(e,t,P[e].options[t],M)}},l&&n.a.createElement(cA.a,{optionSlug:r}),l?o:P[e].options&&P[e].options[t]&&P[e].options[t].label))})))),n.a.createElement("div",{className:"variant-total mt-6"},Q&&Q.counDisabled>=0&&n.a.createElement("div",null,"Total enabled: ",n.a.createElement("span",null,Q.counEnabled)),Q&&Q.counDisabled>=0&&n.a.createElement("div",null,"Total disabled:"," ",n.a.createElement("span",null,Q.counDisabled))),P&&Object.keys(P).forEach(e=>{if(P[e]&&"size"===P[e].slug){let t=[];return P[e].options&&Object.keys(P[e].options).forEach(a=>{t.push({label:P[e].options[a]&&P[e].options[a].label,regularPrice:null,salePrice:null})}),n.a.createElement(sA,{key:"labels-"+e,labels:this.state.labels?this.state.labels:t,onChange:e=>this.setState({labels:e}),onSubmit:()=>this.handleUpdatePrice(M)})}}),n.a.createElement(v.a,{onClick:()=>{this.showProductVariants(),this.handleUpdatePrice(M)}},"View All Variants"),n.a.createElement(y.a,{title:"Product Variants",visible:this.state.productVariantsVisible,onOk:this.handleCloseVariants,onCancel:this.handleCloseVariants,width:980,className:"modal-variants-wrap"},n.a.createElement(x.a.Item,{name:"variants"},n.a.createElement(rA,{productAttrs:JSON.stringify(P||{}),sku:t,isEditProduct:o,variantsMissing:this.props.variantsMissing,onChange:this.handleShowBtnSave,onVariableDisabledChanged:this.onVariableDisabledChanged,sortVariant:e=>{let{enabledValues:t,disabledValues:a,isDrap:l}=e;this.setState({sortVariant:{enabledValues:t,disabledValues:a},showBtnSave:!1,isDrap:l})}})))),n.a.createElement(b.a,{title:"Pricing",hidden:S},n.a.createElement(g.a,{gutter:16},n.a.createElement(A.a,{span:12},n.a.createElement(x.a.Item,{name:"regularPrice",label:"Regular Price"},n.a.createElement(V,{onChange:e=>{this.setState({regularPrice:e}),this.handleShowBtnSave()},onPressEnter:()=>this.setState({disabled:!1})}))),n.a.createElement(A.a,{span:12},n.a.createElement(x.a.Item,{name:"salePrice",label:"Sale Price"},n.a.createElement(V,{disabled:this.state.disabled,max:this.state.regularPrice||w,onChange:this.handleShowBtnSave}))))),F&&n.a.createElement(b.a,{title:"Print Files For Fulfillments"},n.a.createElement(x.a.Item,null,n.a.createElement("div",{className:"product-fake-wrap"},n.a.createElement(ib.a,{defaultActiveKey:"1",tabPosition:"left"},F.map((e,t)=>{let a;e.productBases&&(a=e.productBases.map(e=>`${e.fulfillment&&e.fulfillment.name?e.fulfillment.name+": ":""} ${e.title?e.title:""}`).join(", "));let l=window.location.href,r=l.slice(0,l.lastIndexOf("/")+1);return n.a.createElement(xb,{tab:a,key:e.productId,"data-product_url":`${r}${e.productId}`},n.a.createElement("div",{className:"product-fake-item"},n.a.createElement("label",null,"Design Positions"),n.a.createElement(Dg,{value:e.designPositions,uploadFolder:"undefined",isProductForm:!0,onChange:e=>{F[t].designPositions=e,this.setState({fakeProductDesignPositions:F,showBtnSave:!1})}})),n.a.createElement("div",{className:"product-fake-item files"},n.a.createElement("label",null,"Design Resource Files"),n.a.createElement(Ae.a,{prefix:oe.ob.PSD_RESOURCE+"/",folder:oe.ob.PSD_RESOURCE,multiple:!0,listType:"picture-card",buttonType:"primary",accept:"image/*",value:e.psdFiles,onChange:e=>{F[t].psdFiles=e,this.setState({fakeProductDesignPositions:F,showBtnSave:!1})}})),n.a.createElement("div",{className:"product-fake-item"},n.a.createElement("label",null,"Design Resource Urls"),n.a.createElement(p.a.TextArea,{rows:4,value:e.psd,onChange:e=>{let a=e.target.value;F[t].psd=a,this.setState({fakeProductDesignPositions:F,showBtnSave:!1})}})))})))))),n.a.createElement(A.a,{span:6},!e&&n.a.createElement(b.a,{style:{marginBottom:15},title:"Push Product"},n.a.createElement(x.a.Item,{name:"pushToStores"},n.a.createElement(jA,{store:N&&"all"!==N.id?N:null,checked:!(!N||"all"===N.id)&&!!N,onChange:()=>(this.isChanged=!0,this.handleShowBtnSave())}))),e&&e.productStores&&e.productStores.length>0&&n.a.createElement(b.a,{title:"Update to stores",style:{marginBottom:15}},n.a.createElement(x.a.Item,{name:"updateProductStore",valuePropName:"checked"},n.a.createElement(E.a,{onChange:()=>{this.setState({showBtnSave:!1})}},"Also update changes to store"))),f&&n.a.createElement(b.a,{bodyStyle:{padding:"15px"}},n.a.createElement(x.a.Item,{name:"hasSetIgnoredIsFalse",valuePropName:"checked",style:{marginBottom:0}},n.a.createElement(E.a,{children:"Also remove this product from ignored list",checked:this.state.hasSetIgnoredIsFalse,onChange:e=>this.setState({hasSetIgnoredIsFalse:e.target.checked,showBtnSave:!1})}
12169))),n.a.createElement(b.a,{title:"Print Files"},n.a.createElement(x.a.Item,{name:"designPositions"},n.a.createElement(Dg,{uploadFolder:"undefined",isProductForm:!0,ref:j,onChange:e=>{this.setState({designPositions:e},()=>{this.handleShowBtnSave()})}}))),n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{label:"Mockup",name:"mockup",rules:[{required:!0,message:"Please select at least one image"}]},n.a.createElement(Ae.a,{prefix:"mockups/",folder:t?Object(c.Z)(t):oe.ob.MOCKUPS,multiple:!0,listType:"picture-card",buttonType:"primary",accept:"image/*",onChange:this.handleShowBtnSave,isMockup:!0,mainImg:e&&e.mainImageId,fileList:this.state.mockups||[],hasDefaultMockup:!0,onChangeMainImg:e=>this.setState({mainImgId:e,showBtnSave:!1})}))),n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{label:"Design Resource Files",name:"psdFiles"},n.a.createElement(Ae.a,{prefix:oe.ob.PSD_RESOURCE+"/",folder:oe.ob.PSD_RESOURCE,multiple:!0,listType:"picture-card",buttonType:"primary",accept:"image/*",onChange:()=>this.setState({showBtnSave:!1}),value:e&&e.psdFiles?e.psdFiles:null}))),n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{label:"Design Resource Urls",name:"psd"},n.a.createElement(p.a.TextArea,{rows:4,onChange:()=>this.setState({showBtnSave:!1})}))),null!=(null===e||void 0===e?void 0:e.refURL)?n.a.createElement(b.a,{title:"Product Resource Urls",style:{marginTop:15}},n.a.createElement("div",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},n.a.createElement("a",{href:e.refURL,className:"Polaris-Link",target:"_blank",children:e.refURL}))):null,e&&!z&&n.a.createElement(b.a,{title:"Push Product "},n.a.createElement(x.a.Item,{name:"pushProductToStores"},n.a.createElement(jA,{isEditProduct:!0,store:N,productId:e.id,checked:!!N,refetch:r,onChange:()=>(this.isChanged=!0,this.handleShowBtnSave())}))),e&&e.productStores&&e.productStores.length>0&&n.a.createElement(b.a,{title:"Push History",bodyStyle:{paddingBottom:0}},n.a.createElement(x.a.Item,null,n.a.createElement(Db,{value:e.productStores})))),n.a.createElement(A.a,{span:24},n.a.createElement(b.a,{title:"Personalized"},n.a.createElement(x.a.Item,{name:"personalized",valuePropName:"checked"},n.a.createElement(E.a,{onChange:e=>{this.setState({showPreview:e.target.checked}),this.handleShowBtnSave()}},"This is a personalized product")),n.a.createElement("div",null,n.a.createElement(x.a.Item,{name:"fields",rules:[{required:this.state.showPreview,message:"Personalized is required."}]},n.a.createElement(Cg,{showPreview:this.state.showPreview,onChange:this.handleShowBtnSave})))),n.a.createElement(b.a,{title:"Templates",className:"mt-5"},n.a.createElement("p",null,"Save these product and settings as a template to be used for future use."),n.a.createElement("div",{className:"flex py-5"},n.a.createElement("div",{style:{flexGrow:1}},!o&&n.a.createElement(v.a,{onClick:()=>{o||this.props.onViewTemplates()},className:"p-0",type:"link"},"View All Templates")),n.a.createElement(v.a,{onClick:()=>{this.handleVisibleChange(),this.handleUpdatePrice(M)}},"Create Template"))),n.a.createElement(ob,{visible:this.state.template.visible,onChange:this.handleVisibleChange,template:this.state.template,handleCreateTemplate:e=>{let{name:t,slug:a,defaultMockups:l}=e;this.handleCreateTemplate({name:t,slug:a,defaultMockups:l,client:C}),this.setState(e=>({template:{...e.template,loading:!0}}))}}),n.a.createElement(x.a.Item,{style:{marginTop:20,textAlign:"right"}},n.a.createElement(v.a,{onClick:()=>{null===this.state.showBtnSave||this.state.showBtnSave?B.a.push(`/${s}/products`):y.a.confirm({title:"Cancel all unsaved changes?",icon:n.a.createElement(m.a,null),content:"If Ok, you\u2019ll delete any edits you made.",onOk(){B.a.push(`/${s}/products`)},cancelText:"Continue"})}},"Cancel"),n.a.createElement(v.a,{className:"ml-4",type:"primary",icon:n.a.createElement(d.a,{type:"save"}),loading:a,htmlType:"submit",disabled:null===this.state.showBtnSave||this.state.showBtnSave},e?"Save Product":"Publish Product")),o?n.a.createElement(mb,{productId:e&&e.id,refetchTimeline:u}):null))))})))}}Tb.contextType=te.a;var Qb=Tb;const Rb=o.a` 12170 query productBasesForSeller($filter: ProductBaseFilter) { 12171 productBasesForSeller(filter: $filter) { 12172 total 12173 nodes { 12174 id 12175 title 12176 slug 12177 baseCostDescription 12178 defaultContent
12179 defaultShortDescription 12180 details 12181 regularPrice 12182 salePrice 12183 sellerPrice 12184 images { 12185 id 12186 name 12187 url 12188 thumbnailUrl 12189 } 12190 suppliers { 12191 id 12192 firstName 12193 lastName 12194 } 12195 carriers { 12196 id 12197 code 12198 name 12199 } 12200 categories { 12201 id 12202 name 12203 description 12204 } 12205 carrierPricing { 12206 id 12207 carrierId 12208 price 12209 } 12210 attributes { 12211 name 12212 slug 12213 options 12214 } 12215 designPositions { 12216 id 12217 image { 12218 id 12219 thumbnailUrl 12220 url 12221 } 12222 name 12223 description 12224 } 12225 variants { 12226 id 12227 attributes { 12228 name 12229 slug 12230 option 12231 } 12232 supplierPricing { 12233 id 12234 userId 12235 price 12236 } 12237 carrierPricing { 12238 id 12239 carrierId 12240 price 12241 } 12242 regularPrice 12243 salePrice 12244 12245 sellerPrice 12246 sorting 12247 status 12248 } 12249 status 12250 } 12251 } 12252 } 12253`,Fb=o.a` 12254 mutation createProduct($input: NewProduct!) { 12255 createProduct(input: $input) { 12256 id 12257 title 12258 sku 12259 description 12260 designStatus 12261 personalized 12262 status 12263 sku 12264 productBases { 12265 id 12266 title 12267 } 12268 images { 12269 id 12270 productBaseId 12271 file { 12272 id 12273 url 12274 thumbnailUrl 12275 } 12276 } 12277 tags { 12278 id 12279 name 12280 } 12281 collections { 12282 id 12283 name 12284 } 12285 fields { 12286 id 12287 title 12288 name 12289 type 12290 extraFee 12291 configure 12292 sorting 12293 } 12294 } 12295 } 12296`,Nb=o.a` 12297 query getTemplateByID($id: ID!) { 12298 getTemplateByID(id: $id) { 12299 id 12300 name 12301 slug 12302 grouping 12303 defaultMockupIds 12304 data { 12305 personalized 12306 productBases { 12307 ...ProductBasse 12308 } 12309 ProductBaseIds 12310 fields { 12311 name 12312 title 12313 type 12314 extraFee 12315 configure 12316 sorting 12317 } 12318 products { 12319 title 12320 description 12321 productbaseId 12322 shortDescription 12323 tagIds 12324 tags { 12325 id 12326 name 12327 } 12328 variants { 12329 salePrice 12330 regularPrice 12331 productBaseVariantID 12332 disabled 12333 } 12334 collectionIds 12335 collections { 12336 id 12337 name 12338 } 12339 } 12340 } 12341 } 12342 } 12343 ${Gp} 12344`;class Ub extends l.Component{constructor(){super(...arguments),this.state={selectedProductBase:null,step:1,loading:!1,fulfillmentId:null,template:null},this.preLoadDesignPositionByBase=async e=>{if(!e)return e;const{__apolloClient__:t}=window||{};if(!t)return e;const{id:a}=e,l=await VA([a]);let n={...e};return l&&l[a]&&(n={...n,...l[a]}),n}}componentDidUpdate(e,t){let{loading:a}=this.state,{handleLoading:l}=this.props;a!==t.loading&&l&&l(a)}render(){let{handleBtnSave:e,clickSave:t,match:a}=this.props,{step:l}=this.state;const{id:o}=a.params,{currentUser:u}=this.context;let d=Object(c.T)(u);return n.a.createElement(s.b,{query:Nb,variables:{id:o},onCompleted:e=>{o&&e&&this.setState({template:e.getTemplateByID,selectedProductBase:k.a.head(e.getTemplateByID.data.productBases),step:2})},skip:!o},()=>n.a.createElement(n.a.Fragment,null,1===l&&n.a.createElement("div",null,n.a.createElement(ma,{title:"Add Product",subTitle:"Products",link:`/${d}/products`,action:n.a.createElement(v.a,{type:"primary",onClick:async()=>{if(1===this.state.step){if(!this.state.selectedProductBase)return void i.a.error({message:"Please select product base!"});const e=await this.preLoadDesignPositionByBase(this.state.selectedProductBase);this.setState({step:2,selectedProductBase:e})}}},"Continue")}),n.a.createElement(HA,{onFulfillmentChange:e=>{this.setState({fulfillmentId:e})},fulfillmentId:this.state.fulfillmentId,selectedProductBases:this.state.selectedProductBase,onChange:e=>{this.setState({selectedProductBase:e?e[0]:null})},onViewTemplates:()=>{this.setState({step:3})},multiple:!1})),2===l&&n.a.createElement(n.a.Fragment,null,n.a.createElement(s.b,{query:Rb},a=>{let{error:l,loading:o,data:u,client:m}=a;return l?n.a.createElement("div",null,"Error: ",Object(c.ib)(l.toString())):o?n.a.createElement("div",{className:"p-4"},n.a.createElement(r.a,{active:!0})):n.a.createElement(s.a,{onError:e=>{i.a.error({message:Object(c.ib)(e.toString())}),this.setState({loading:!1})},onCompleted:e=>{const t=e.createProduct;try{const e={filter:bg},a=m.readQuery({query:Ag,variables:e});m.writeQuery({query:Ag,variables:e,data:{...a,products:{...a.products,total:a.products.total+1,nodes:[t,...a.products.nodes]}}})}catch(a){}i.a.success({message:"Product has been saved!"}),B.a.push(`/${d}/products/edit/${t.id}`)},mutation:Fb},(a,l)=>{let{client:r}=l;return n.a.createElement(Qb,{apolloClient:r,loading:this.state.loading,currentParam:d,onSubmit:e=>{this.setState({loading:!0},()=>{a({variables:{input:e}})})},productBases:u.productBasesForSeller.nodes,productBase:this.state.selectedProductBase,template:this.state.template,onViewTemplates:()=>{this.setState({step:3})},onChangeProductBase:e=>this.setState({selectedProductBase:e}),clickSave:t,handleBtnSave:(t,a)=>{a={...a,step:this.state.step,link:"/seller/products"},e&&e(t,a)}})})})),3===l&&n.a.createElement(nb,{onChangeStep:()=>this.setState({step:1}),handleUseTemplate:e=>{this.setState({selectedProductBase:k.a.head(e.data.productBases),step:2,template:e})}})))}}Ub.contextType=te.a;const Lb=o.a` 12345 query productBasesForSeller($filter: ProductBaseFilter) { 12346 productBasesForSeller(filter: $filter) { 12347 total 12348 nodes { 12349 id 12350 title 12351 } 12352 } 12353 } 12354`;var Vb=Object(l.memo)(Object(l.forwardRef)((function(e,t){let{filter:a,value:r,disabled:i,productBase:o,onChange:s}=e;const{currentUser:u}=Object(te.c)(),d=Object(c.Zb)(u),[m,p]=Object(l.useReducer)(c.Hb,{limit:(null===a||void 0===a?void 0:a.limit)||200,offset:(null===a||void 0===a?void 0:a.offset)||0,search:"",...a||{}}),{data:g,loading:A}=Object(De.d)(Lb,{variables:{filter:m},skip:!d||!!i});Object(l.useEffect)(()=>{a&&!Object(C.isEqual)(m,a)&&p({...a})},[JSON.stringify(a)]);const b=function(e,t){const a=[];(null===e||void 0===e?void 0:e.id)&&a.push({value:e.id,label:e.title});return Array.from(new Map([...a,...t].map(e=>
12354(null===e||void 0===e?void 0:e.value)?[e.value,e]:null).filter(Boolean)).values())}(o,function(e){const t=Object(C.get)(e,"productBasesForSeller.nodes")||[],a=[];for(let l of t)l&&l.id&&a.push({value:l.id,label:l.title});return a}(g)),f=Object(l.useCallback)(()=>{p({search:""})},[]),[v]=Object(mm.a)(),E=Object(l.useCallback)(e=>{v(()=>{p({search:e})})},[]),y=Object(l.useCallback)(async e=>{let t=null;if(e&&(null===o||void 0===o?void 0:o.id)!==e){t=(await VA([e]))[e]}s(t)},[o]);return n.a.createElement(h.a,{showSearch:!0,allowClear:!0,disabled:i,defaultValue:r,options:b,filterOption:!1,onClear:f,onSearch:E,onSelect:y,loading:A})})));const zb={labelCol:{span:24},wrapperCol:{span:24}};function qb(e){var t,a,l,r,o;let{productBase:s,currentParam:u,loading:h,value:f,onSubmit:C}=e;const{store:j}=Object(te.c)(),[w,S]=n.a.useReducer((e,t)=>({...e,...t}),{isPrompt:null,productAttributes:null,variantsState:null,firstColor:null,labels:null,isDrap:void 0,productVariantsVisible:!1,sortVariant:{},currentProductBase:s,disabled:!0,regularPrice:null,maxUpdate:null,mainImgId:null,isChanged:!1,designPositions:[],mockup:[],showPreview:!1});n.a.useEffect(()=>{null!=(null===f||void 0===f?void 0:f.productAttrs)&&S({productAttributes:f.productAttrs})},[null===f||void 0===f?void 0:f.productAttrs]),n.a.useEffect(()=>{null!=(null===f||void 0===f?void 0:f.personalized)&&S({showPreview:!!f.personalized})},[null===f||void 0===f?void 0:f.personalized]);const[D]=x.a.useForm(),P=n.a.useRef(null),M=n.a.useMemo(()=>{if(!D)return;const e=D.getFieldValue("title");return Object(Og.b)(e)},[D]),T=n.a.useMemo(()=>{if(!D)return;const e=D.getFieldValue("amzTitle");return Object(Og.b)(e,oe.D.amzTitle)},[D]),Q=n.a.useMemo(()=>{if(!D)return;const e=D.getFieldValue("shortTitle");return Object(Og.b)(e,oe.D.fbTitle)},[D]),R=n.a.useCallback((e,t,a)=>{let l=null;t?t.length>oe.C&&(l=oe.mb):l="Product title is required.",l?a(l):a()},[]),F=n.a.useCallback(e=>{let t=0;return k.a.forOwn(e,(function(e,a){e.productBaseVariant.attributes&&e.productBaseVariant.attributes.length>0&&(e.disabled||t++)})),t},[]),N=n.a.useCallback((e,t,a,l)=>{let n=w.productAttributes,r=n[e].options[t].disabled;n[e].options[t].disabled=!r;let i=Object.keys(n).length,o={};i>1&&k.a.forOwn(n,(function(e,t){let a=[];k.a.forOwn(e.options,(function(e){e.disabled||a.push(e.label)})),o[t]=a}));let s=w.variantsState?w.variantsState:l,c=[];k.a.forOwn(s,(function(t,l){t.productBaseVariant.attributes&&t.productBaseVariant.attributes.length>0&&t.productBaseVariant.attributes.forEach(n=>{if(n.slug===e&&n.option===a.label){let e={key:l,disabled:t.disabled};c.push(e);let a=!r;if(i>1&&r&&t.productBaseVariant&&t.productBaseVariant.attributes&&t.productBaseVariant.attributes.length>0){let e=0;t.productBaseVariant.attributes.forEach(t=>{let a=t.slug,l=t.option,n=o[a];n.length>0&&n.includes(l)&&e++}),e!==i&&(a=r)}return t.disabled=a}})})),0===F(s)&&(n[e].options[t].disabled=r,c.length>0&&c.forEach((function(e,t){s[e.key].disabled=e.disabled})),alert("You must keep at least one option for each attributes")),S({productAttributes:n,variantsState:s,isPrompt:!1}),D&&D.setFieldsValue({variants:s})},[w.productAttributes,w.variantsState,F]),U=n.a.useCallback(e=>{let t=0,a=0;return e&&e.length&&e.forEach(e=>{e.disabled?a++:t++}),{counEnabled:t,counDisabled:a}},[]),L=n.a.useCallback((function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=arguments.length>2?arguments[2]:void 0,l=arguments.length>3?arguments[3]:void 0;return e.variants?e.variants.map((e,n)=>{let r=!0;e.attributes&&e.attributes.length&&a&&l&&e.attributes.forEach(e=>{e.slug&&"color"===e.slug&&e.option&&e.option.toLowerCase()===l.toLowerCase()&&(r=!1)});let i=e.id,o=n;return Object.keys(t).length&&(o=k.a.findIndex(t&&t.variants,{productBaseVariantID:i})),{productBaseVariantId:e.id,productBaseVariant:e,image:null,regularPrice:Object.keys(t).length?t.variants[o].regularPrice:e.regularPrice,salePrice:Object.keys(t).length?t.variants[o].salePrice:e.salePrice,disabled:a&&l?r:Object.keys(t).length?t.variants[o].disabled:!(!e||!e.disabled)&&e.disabled}}):[]}),[]),z=n.a.useCallback(e=>{let t=w.labels,a=w.variantsState?w.variantsState:e;k.a.forOwn(t,e=>{let t=e&&e.label,l=e&&e.regularPrice,n=e&&e.salePrice;k.a.forOwn(a,e=>{e.productBaseVariant&&e.productBaseVariant.attributes&&e.productBaseVariant.attributes.length&&k.a.forOwn(e.productBaseVariant.attributes,a=>{a.option===t&&(e.regularPrice=l||e.regularPrice,e.salePrice=n||e.salePrice)})})}),S({variantsState:a}
12354),w.isDrap||(a=a&&a.sort((e,t)=>e.productBaseVariant.sorting-t.productBaseVariant.sorting)),D&&D.setFieldsValue({variants:a})},[w.labels,w.variantsState,w.isDrap]),q=n.a.useCallback(()=>{S({productVariantsVisible:!0})},[]),H=n.a.useCallback(async()=>{const e=w.sortVariant;let t=e&&e.enabledValues&&e.disabledValues?[...e.enabledValues,...e.disabledValues]:[],a=D?D.getFieldValue("variants"):"";S({productVariantsVisible:!1,variantsState:t.length>0?t:w.variantsState}),await Object(c.Ob)(250),D&&D.setFieldsValue({variants:t.length>0?t:a})},[w.sortVariant,w.variantsState]),$=n.a.useCallback((e,t,a)=>{let l={},n=!1;if(a){0===F(a)&&(n=!0)}return e&&e.length>0&&e.forEach(e=>{let r={},i=!t&&!a&&"color"===e.slug;e.options.forEach(a=>{let l=!1;if(n&&(l=!0),t&&t[e.slug]&&t[e.slug].length>0&&(l=!0,k.a.includes(t[e.slug],a)&&(l=!1)),i){l=a!==k.a.head(e.options)}r[Hb(a)]={label:a,disabled:l}}),l[e.slug]={name:e.name,slug:e.slug,options:r}}),l},[]),_=n.a.useCallback(e=>{let t={};return k.a.forOwn(e,(function(e,a){!e.disabled&&e.productBaseVariant&&e.productBaseVariant.attributes&&e.productBaseVariant.attributes.length>0&&e.productBaseVariant.attributes.forEach(e=>{t[e.slug]||(t[e.slug]=[]),t[e.slug].push(e.option)})})),t},[]),G=n.a.useCallback(e=>{if(w.currentProductBase&&w.currentProductBase.attributes){let t=$(w.currentProductBase.attributes,_(e),e);S({productAttributes:t})}S({isPrompt:!1})},[w.currentProductBase,$,_]),K=n.a.useCallback(e=>{let t={};k.a.each(e,e=>{k.a.each(k.a.get(e,"errors",[]),e=>{const a=k.a.trim(e?e.toLowerCase():null);"undefined"===typeof t[a]&&i.a.error({message:Object(c.ib)(e)}),t[a]=!0})})},[]),J=n.a.useCallback(e=>{var t,a;e=JSON.parse(JSON.stringify(e)),["collections","tags"].forEach(t=>{e[t]&&e[t].length&&(e[t]=e[t].map(e=>e.id))}),e.mockup=e.mockup.map(t=>({fileId:t.id,productBaseId:e.productBaseId})),e.mockup=Object(c.eb)(e.mockup,"fileId"),e.designPositions&&e.designPositions.length&&(e.designPositions=e.designPositions.map(e=>{void 0===e.fileId&&(e.fileId=e.file&&e.file.id?e.file.id:null),""===e.fileId&&delete e.fileId;const t=k.a.get(e,"designPosition.id",null);return null==t?null:{fileId:e.fileId,designPositionId:t}}).filter(Boolean));let l=[];if(e.psdFiles&&e.psdFiles.length>0){e.psdFiles.forEach(e=>{e&&e.id&&e.id.length>0&&l.push(e.id)})}l.length>0&&(e.psdFiles=l),e.variants||w.variantsState&&(e.variants=w.variantsState),e.variants&&e.variants.length&&(e.variants=e.variants.map(e=>{var t;return["__typename","productBaseVariant","sku","sorting","productBaseVariantID"].forEach(t=>{"undefined"!==typeof e[t]&&delete e[t]}),e.image&&(e.image=e.image.id),(null===(t=e.amazonImages)||void 0===t?void 0:t.length)>0&&(e.amazonImages=e.amazonImages.map(e=>e?e.file?e.file.id:e.id:null).filter(Boolean)),e})),e.sortBases=[{productBaseId:e.productBaseId,position:0}],e.productBases=[e.productBaseId],delete e.productBaseId,e.pushToStores&&(e.pushToStores=e.pushToStores.map(e=>e.id)),w.isChanged&&j&&(e.pushToStores=j&&"all"!==j.id?[j]:null),(null===(t=e)||void 0===t||null===(a=t.fields)||void 0===a?void 0:a.length)>0&&(e.fields=e.fields.map(e=>{let{id:t,...a}=e;return a})),C(e)},[C,w.variantsState,w.isChanged,j]),Y=n.a.useCallback(()=>{S({isPrompt:!1})},[]),W=w.productAttributes,Z=s&&s.variants&&s.variants.length,X=L(s,{},!0,w.firstColor);let ee=U(w.variantsState?w.variantsState:X);const ae=w.maxUpdate?w.maxUpdate:s.regularPrice,le=n.a.useMemo(()=>k.a.get(s,"fulfillment.fulfillmentId")||"",[JSON.stringify(s)]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(O.a,{when:!1===w.isPrompt,message:"You have unsaved changes, are you sure you want to leave?"}),n.a.createElement($b,null,n.a.createElement(x.a,Object.assign({},zb,{form:D,scrollToFirstError:!0,onFinishFailed:e=>{let{_values:t,errorFields:a}=e;return K(a)},onChange:()=>{S({isPrompt:!1})},initialValues:{title:(null===f||void 0===f?void 0:f.title)||void 0,shortTitle:(null===f||void 0===f?void 0:f.shortTitle)||void 0,amzTitle:(null===f||void 0===f?void 0:f.amzTitle)||void 0,description:(null===f||void 0===f?void 0:f.description)||s.defaultContent,productBaseId:(null===f||void 0===f?void 0:f.productBaseId)||null,collections:(null===f||void 0===f||null===(t=f.collections)||void 0===t?void 0:t.length)>0?f.collections:[],tags:(null===f||void 0===f||null===(a=f.tags)||void 0===a?void 0:a.length)>0?f.tags:[],variants:(null===f||void 0===f||null===(l=f.variants)||void 0===l?void 0:l.length)>0?f.variants:[],regularPrice:f?f.regularPrice:null,salePrice:f?f.salePrice:null,personalized:!!f&&f.personalized,fields:(null===f||void 0===f||null===(r=f.fields)||void 0===r?void 0:r.length)>0?f.fields:[],designPositions:(null===f||void 0===f||null===(o=f.designPositions)||void 0===o?void 0:o.length)>0?f.designPositions.map(e=>{let{file:t,...a}=e;return a}):[],mockup:[],pushToStores:j&&"all"!==j.id?[j]:null,updateProductStore:!1,psd:null,psdFiles:null,hasSetIgnoredIsFalse:!0},onFinish:async e=>{const t=P.current;if(!Object(c.Gb)(t)){var a;const e=Pg({dimensions:(null===t||void 0===t||null===(a=t.state)||void 0===a?void 0:a.dimensions)||{}});if(null!=e)return void i.a.error({message:e.message})}S({isPrompt:!0}),z(X),e.variants=D.getFieldValue("variants");let{mainImgId:l}=w;const n=e.mockup||[],[r]=n;l||null!=r&&(l=r.id),e.mainImageId=l;const o=k.a.get(f,"amzTitle"),s=k.a.get(f,"id",void 0),{amzTitle:u}=e||{};if(u&&u!==o){var d;const{__apolloClient__:e}=window;if(!e)return;const{data:t}=await e.query({query:I.fb,variables:{title:u,whichField:oe.rb.AmzTitle,productID:s}});if((null===t||void 0===t||null===(d=t.getProductsByTitle)||void 0===d?void 0:d.total)>0)return i.a.error({message:oe.i,duration:3e3}),void S({isPrompt:!1})}J(e)}}),n.a.createElement(ma,{subTitle:"Products",title:"Clone Product"}),n.a.createElement(g.a,{gutter:16},n.a.createElement(A.a,{span:18},n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{name:"title",label:"Title",help:M||void 0,rules:[{required:!0,validator:R}]},n.a.createElement(p.a,{placeholder:"Product title"})),n.a.createElement(x.a.Item,{name:"shortTitle",label:"Facebook Title",help:Q||void 0},n.a.createElement(p.a,{maxLength:oe.D.fbTitle,placeholder:"Enter facebook title"})),n.a.createElement(x.a.Item,{name:"amzTitle",label:"Amazon Title",help:T||void 0},n.a.createElement(p.a,{maxLength:oe.D.amzTitle,placeholder:"Enter amazon title"})),n.a.createElement(x.a.Item,{name:"description",label:"Description"},n.a.createElement(Kt.a,{onChange:Y}))),n.a.createElement(b.a,{title:"Organization"},n.a.createElement(x.a.Item,{name:"collections",label:"Collections",rules:[{required:!0,message:"Collections is required"}]},n.a.createElement(gg,{onChange:Y})),n.a.createElement(x.a.Item,{name:"tags",label:"Tags",rules:[{required:!0,message:"Tags is required"}]},n.a.createElement(ig,{onChange:Y}))),n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{name:"productBaseId",label:"Product Base",rules:[{required:!0,message:"Product base is required"}]},n.a.createElement(Vb,{filter:{fulfillmentId:le},productBase:s,disabled:!!f}))),n.a.createElement(b.a,{title:"Product Attributes",hidden:!Z},W&&Object.keys(W).map((e,t)=>n.a.createElement("div",{key:"attribute-"+e},n.a.createElement("div",{className:"attribute-title"},W[e]&&W[e].name,":"),n.a.createElement("div",{style:{marginBottom:12}},W[e]&&W[e].options&&Object.keys(W[e].options).map(t=>{let a,l="color"===W[e].slug;
12354l&&(a=W[e].options&&W[e].options[t]);let r=a&&Hb(a.label),i=a&&a.disabled,o=a&&a.label;if(o){let e=o.match("/")&&o.split("/");if(e&&e.length){let t=e.filter(e=>e.trim());1===t.length&&(o=t)}}return n.a.createElement("div",{style:{display:"inline-block"},key:"option-"+t},n.a.createElement(de.a,{key:"option-"+t,className:l?"tag-wrap":"",style:{color:l&&i?"#1890ff":"",cursor:"pointer",marginTop:8,padding:"3px 8px"},color:W[e].options[t].disabled?"":"#1890ff",onClick:()=>{N(e,t,W[e].options[t],X)}},l&&n.a.createElement(cA.a,{optionSlug:r}),l?o:W[e].options&&W[e].options[t]&&W[e].options[t].label))})))),n.a.createElement("div",{className:"variant-total mt-6"},ee&&ee.counDisabled>=0&&n.a.createElement("div",null,"Total enabled: ",n.a.createElement("span",null,ee.counEnabled)),ee&&ee.counDisabled>=0&&n.a.createElement("div",null,"Total disabled: ",n.a.createElement("span",null,ee.counDisabled))),W&&Object.keys(W).forEach(e=>{if(W[e]&&"size"===W[e].slug){let t=[];return W[e].options&&Object.keys(W[e].options).forEach(a=>{t.push({label:W[e].options[a]&&W[e].options[a].label,regularPrice:null,salePrice:null})}),n.a.createElement(sA,{key:"labels-"+e,labels:w.labels?w.labels:t,onChange:e=>S({labels:e}),onSubmit:()=>z(X)})}}),n.a.createElement(v.a,{onClick:()=>{q(),z(X)}},"View All Variants"),n.a.createElement(y.a,{title:"Product Variants",visible:w.productVariantsVisible,onOk:H,onCancel:H,width:980,className:"modal-variants-wrap"},n.a.createElement(x.a.Item,{name:"variants"},n.a.createElement(rA,{productAttrs:JSON.stringify(W||{}),onChange:Y,onVariableDisabledChanged:G,sortVariant:e=>{let{enabledValues:t,disabledValues:a,isDrap:l}=e;S({sortVariant:{enabledValues:t,disabledValues:a},isPrompt:!1,isDrap:l})}})))),n.a.createElement(b.a,{title:"Pricing",hidden:Z},n.a.createElement(g.a,{gutter:16},n.a.createElement(A.a,{span:12},n.a.createElement(x.a.Item,{name:"regularPrice",label:"Regular Price"},n.a.createElement(V,{onChange:e=>{S({regularPrice:e,isPrompt:!1})},onPressEnter:()=>S({disabled:!1})}))),n.a.createElement(A.a,{span:12},n.a.createElement(x.a.Item,{name:"salePrice",label:"Sale Price"},n.a.createElement(V,{disabled:w.disabled,max:w.regularPrice||ae,onChange:Y})))))),n.a.createElement(A.a,{span:6},n.a.createElement(b.a,{style:{marginBottom:15},title:"Push Product"},n.a.createElement(x.a.Item,{name:"pushToStores"},n.a.createElement(jA,{store:j&&"all"!==j.id?j:null,checked:!(!j||"all"===j.id)&&!!j,onChange:()=>{S({isChanged:!0,isPrompt:!1})}}))),n.a.createElement(b.a,{title:"Print Files"},n.a.createElement(x.a.Item,{name:"designPositions"},n.a.createElement(Dg,{uploadFolder:"undefined",isProductForm:!0,ref:P,onChange:e=>{S({designPositions:e,isPrompt:!1})}}))),n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{label:"Mockup",name:"mockup",rules:[{required:!0,message:"Please select at least one image"}]},n.a.createElement(Ae.a,{prefix:"mockups/",folder:oe.ob.MOCKUPS,multiple:!0,listType:"picture-card",buttonType:"primary",accept:"image/*",onChange:Y,isMockup:!0,fileList:w.mockup||[],hasDefaultMockup:!0,onChangeMainImg:e=>S({mainImgId:e,isPrompt:!1})}))),n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{label:"Design Resource Files",name:"psdFiles"},n.a.createElement(Ae.a,{prefix:oe.ob.PSD_RESOURCE+"/",folder:oe.ob.PSD_RESOURCE,multiple:!0,listType:"picture-card",buttonType:"primary",accept:"image/*",value:null,onChange:Y}))),n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{label:"Design Resource Urls",name:"psd"},n.a.createElement(p.a.TextArea,{rows:4})))),n.a.createElement(A.a,{span:24},n.a.createElement(b.a,{title:"Personalized"},n.a.createElement(x.a.Item,{name:"personalized",valuePropName:"checked"},n.a.createElement(E.a,{onChange:e=>{S({showPreview:e.target.checked})}},"This is a personalized product")),n.a.createElement("div",null,n.a.createElement(x.a.Item,{name:"fields",rules:[{required:w.showPreview,message:"Personalized is required."}]},n.a.createElement(Cg,{showPreview:w.showPreview,onChange:Y})))),n.a.createElement(x.a.Item,{style:{marginTop:20,textAlign:"right"}},n.a.createElement(v.a,{onClick:()=>{null===w.isPrompt||w.isPrompt?B.a.push(`/${u}/products`):y.a.confirm({title:"Cancel all unsaved changes?",icon:n.a.createElement(m.a,null),
12354content:"If Ok, you\u2019ll delete any edits you made.",onOk(){B.a.push(`/${u}/products`)},cancelText:"Continue"})}},"Cancel"),n.a.createElement(v.a,{className:"ml-4",type:"primary",icon:n.a.createElement(d.a,{type:"save"}),loading:h,htmlType:"submit",disabled:null===w.isPrompt||w.isPrompt},"Publish Product")))))))}const Hb=e=>{e=(e=e.replace(/^\s+|\s+$/g,"")).toLowerCase();for(var t="\xe0\xe1\xe4\xe2\xe8\xe9\xeb\xea\xec\xed\xef\xee\xf2\xf3\xf6\xf4\xf9\xfa\xfc\xfb\xf1\xe7\xb7/_,:;",a=0,l=t.length;a<l;a++)e=e.replace(new RegExp(t.charAt(a),"g"),"aaaaeeeeiiiioooouuuunc------".charAt(a));return e=e.replace(/[^a-z0-9 -]/g,"").replace(/\s+/g,"-").replace(/-+/g,"-")},$b=j.b.div` 12355 .ant-card { 12356 margin-bottom: 20px; 12357 } 12358 .tag-wrap { 12359 border-radius: 3px; 12360 font-weight: 500; 12361 display: flex; 12362 align-items: center; 12363 } 12364 .product-fake-wrap { 12365 .ant-tabs-nav-wrap { 12366 padding-left: 0; 12367 } 12368 .ant-tabs-tab { 12369 padding-left: 0; 12370 max-width: 180px; 12371 white-space: break-spaces; 12372 text-align: left; 12373 padding-right: 12px; 12374 } 12375 .ant-tabs-ink-bar { 12376 height: auto; 12377 } 12378 .ant-tabs-bar { 12379 height: 400px; 12380 } 12381 .ant-tabs-content { 12382 height: 400px; 12383 overflow-y: scroll; 12384 } 12385 .product-fake-item { 12386 label { 12387 display: inline-block; 12388 } 12389 &.files { 12390 width: 65%; 12391 } 12392 & + .product-fake-item { 12393 margin-top: 1rem; 12394 } 12395 } 12396 } 12397`;const _b={labelCol:{span:24},wrapperCol:{span:24}};function Gb(e){var t,a,l;let{currentParam:r,productBases:s,value:u}=e;const[h,f]=n.a.useReducer((e,t)=>({...e,...t}),{isPrompt:null,selected:0,updatePrices:!1,mainImgId:{},loading:!1}),[C]=x.a.useForm(),k=n.a.useRef({}),j=JSON.stringify(s||{});n.a.useEffect(()=>{const e=JSON.parse(j);if(!e||!Array.isArray(e)||0===e.length)return;const t={products:e.map(e=>{let t=[],a=[];return{productBase:e,title:e.title+" Product Title",shortTitle:e.shortTitle,amzTitle:e.amzTitle,description:e.defaultContent,collections:t||[],tags:a||[],variants:e.variants.map((e,t)=>({productBaseVariant:e,productBaseVariantId:e.id,image:null,regularPrice:e.regularPrice,salePrice:e.salePrice,disabled:e.disabled}))}})};for(let l=0;l<e.length;l++)t["designPositions__"+l]=e[l].designPositions.map(e=>({designPosition:e,designPositionId:e.id,file:null})),t["mockup__"+l]=[];C&&C.setFieldsValue(t);let a=e[0].id;f({selected:a})},[j,C]);const w=n.a.useCallback(()=>{f({isPrompt:!1})},[]),S=n.a.useCallback((e,t,a)=>{let l=null;t?t.length>oe.C&&(l=oe.mb):l="Product title is required.",l?a(l):a()},[]),D=n.a.useCallback(async e=>{var t;if(!Object(c.Gb)(k.current)){let e;for(let t of Object.values(k.current)){var a;const l=Pg({dimensions:(null===t||void 0===t||null===(a=t.state)||void 0===a?void 0:a.dimensions)||{}});if(null!=l){e=l;break}}if(null!=e)return void i.a.error({message:e.message})}const{__apolloClient__:l}=window;if(!l)return;f({isPrompt:null,loading:!0});const n=JSON.parse(JSON.stringify(e));n.mainImageId=h.mainImgId;const u=o.a` 12398 mutation createProduct($input: NewProduct!) { 12399 createProduct(input: $input) { 12400 id 12401 title 12402 sku 12403 description 12404 designStatus 12405 personalized 12406 status 12407 productBases { 12408 id 12409 title 12410 } 12411 images { 12412 id 12413 productBaseId 12414 file { 12415 id 12416 url 12417 thumbnailUrl 12418 } 12419 } 12420 tags { 12421 id 12422 name 12423 } 12424 collections { 12425 id 12426 name 12427 } 12428 fields { 12429 id 12430 title 12431 name 12432 type 12433 extraFee 12434 configure 12435 sorting 12436 } 12437 } 12438 } 12439 `;let d=[],m=[],p=[],g=[],A=[],b=[];for(let r=0;r<n.products.length;r++){const e=n.products[r];let t=e&&e.productBase&&e.productBase.id;g.push({productBaseId:t,position:r});for(let n=0;n<e.variants.length;n++){let t=e.variants[n];var v;if(t.disabled?A.push(t):b.push(t),delete t.productBaseVariant,delete t.__typename,t.image)t.image=t.image.id,t.amazonImages=(null===(v=t.amazonImages)||void 0===v?void 0:v.length)>0?t.amazonImages.map(e=>e.id):void 0;t.__typename&&delete t.__typename,t.productBaseVariantID&&delete t.productBaseVariantID}for(let i=0;i<n["designPositions__"+r].length;i++){const e=n["designPositions__"+r][i];["designPosition","__typename","file"].forEach(t=>{"undefined"!==typeof e[t]&&delete e[t]}),m.push(e)}const a=n["mockup__"+r],l=e.productBase.id;if(a&&a.length)for(let n=0;n<a.length;n++){const e=a[n].id;p.push({productBaseId:l,fileId:e})}}d=[...b,...A];let E=[];if(n.psdFiles&&n.psdFiles.length>
124390){n.psdFiles.forEach(e=>{e&&e.id&&e.id.length>0&&E.push(e.id)})}let y=n.mainImageId,C=[];if(y)for(let[,r]of Object.entries(y))r&&C.push(r);if(p&&0===p.length)return i.a.error({message:"Please select at least one mockup"}),void f({loading:!1});p=Object(c.eb)(p,"fileId");const O={tags:n.tags.map(e=>e.id),collections:n.collections.map(e=>e.id),mockup:p,title:n.title,shortTitle:n.shortTitle,amzTitle:n.amzTitle,description:n.description,personalized:n.personalized,fields:(null===(t=n.fields)||void 0===t?void 0:t.length)>0?n.fields.map(e=>{let{id:t,...a}=e;return a}):[],variants:d,productBases:s.map(e=>e.id),designPositions:m,pushToStores:n.pushToStores?n.pushToStores.map(e=>e.id):[],psd:n.psd,...E.length>0?{psdFiles:E}:null,mainImageId:C&&C.length?C[C.length-1]:null,sortBases:g};if(n.amzTitle){var j;const{data:e}=await l.query({query:I.fb,variables:{title:n.amzTitle,whichField:oe.rb.AmzTitle}});if((null===e||void 0===e||null===(j=e.getProductsByTitle)||void 0===j?void 0:j.total)>0)return i.a.error({message:oe.i,duration:3e3}),void f({loading:!1})}l.mutate({mutation:u,variables:{input:O}}).then(()=>{i.a.success({message:"Product has been saved."}),B.a.push(`/${r}/products`)}).catch(e=>{i.a.error({message:Object(c.ib)(e.toString())})}).finally(()=>{f({loading:!1})})},[s,r,h.mainImgId,k]),P=n.a.useCallback(e=>{const{errorFields:t}=e||{};let a={};if(Array.isArray(t)&&(null===t||void 0===t?void 0:t.length)>0)for(let l of t){const{errors:e}=l||{};if(Array.isArray(e)&&e.length>0)for(const t of e){const e=(t.toLowerCase()||"").trim();"undefined"===typeof a[e]&&i.a.error({message:Object(c.ib)(t)}),a[e]=!0}}},[]),M=n.a.useMemo(()=>{if(!C)return;const e=C.getFieldValue("title");return Object(Og.b)(e)},[C]),T=n.a.useMemo(()=>{if(!C)return;const e=C.getFieldValue("amzTitle");return Object(Og.b)(e,oe.D.amzTitle)},[C]),Q=n.a.useMemo(()=>{if(!C)return;const e=C.getFieldValue("shortTitle");return Object(Og.b)(e,oe.D.fbTitle)},[C]),R=n.a.useMemo(()=>{if(C)return C.getFieldValue("products")},[null===C||void 0===C?void 0:C.getFieldValue("products")]),F=n.a.useMemo(()=>!!C&&C.getFieldValue("personalized"),[null===C||void 0===C?void 0:C.getFieldValue("personalized")]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(O.a,{when:!1===h.isPrompt,message:"You have unsaved changes, are you sure you want to leave?"}),n.a.createElement(x.a,Object.assign({},_b,{form:C,scrollToFirstError:!0,onFinish:D,onChange:()=>{f({isPrompt:!1})},onFinishFailed:P,initialValues:{title:(null===u||void 0===u?void 0:u.title)||void 0,shortTitle:(null===u||void 0===u?void 0:u.shortTitle)||void 0,amzTitle:(null===u||void 0===u?void 0:u.amzTitle)||void 0,description:(null===u||void 0===u?void 0:u.description)||void 0,collections:(null===u||void 0===u||null===(t=u.collections)||void 0===t?void 0:t.length)>0?u.collections:[],tags:(null===u||void 0===u||null===(a=u.tags)||void 0===a?void 0:a.length)>0?u.tags:[],personalized:!!u&&(null===u||void 0===u?void 0:u.personalized),fields:(null===u||void 0===u||null===(l=u.fields)||void 0===l?void 0:l.length)>0?u.fields:[],pushToStores:[],psdFiles:[],products:[]}}),n.a.createElement(ma,{subTitle:"Products",title:"Clone Campaign",link:`/${r}/products`}),n.a.createElement(g.a,{gutter:16},n.a.createElement(A.a,{span:17},n.a.createElement(b.a,{title:"Product Configuration"},n.a.createElement(x.a.Item,{name:"title",label:"Title",help:M||void 0,rules:[{required:!0,validator:S}]},n.a.createElement(p.a,{placeholder:"Product title"})),n.a.createElement(x.a.Item,{name:"shortTitle",label:"Facebook Title",help:Q},n.a.createElement(p.a,{placeholder:"Enter facebook title",maxLength:oe.D.fbTitle})),n.a.createElement(x.a.Item,{name:"amzTitle",label:"Amazon Title",help:T},n.a.createElement(p.a,{placeholder:"Enter amazon title",maxLength:oe.D.amzTitle})),n.a.createElement(x.a.Item,{name:"description",label:"Description"},n.a.createElement(Kt.a,{onChange:w})),n.a.createElement(x.a.Item,{name:"collections",label:"Collections",rules:[{required:!0,message:"Collections is required"}]},n.a.createElement(gg,{onChange:w})),n.a.createElement(x.a.Item,{label:"Tags",name:"tags",rules:[{required:!0,message:"Tags is required"}]},n.a.createElement(ig,{onChange:w})),n.a.createElement(x.a.Item,{name:"products"},n.a.createElement(vA,{selectedIndex:h.selected,updatePrices:h.updatePrices,onSelected:e=>{f({selected:e})},onDelete:e=>{R[e]&&(s=s.filter(t=>t.id!==R[e].productBase.id),C&&C.setFieldsValue({products:R.filter((t,a)=>a!==e)}))},onChangeValue:e=>{f({onChangeValue:e,isPrompt:!1})}}))),n.a.createElement(b.a,{style:{marginTop:20},title:"Personalized"},n.a.createElement(x.a.Item,{name:"personalized",valuePropName:"checked"},n.a.createElement(E.a,null,"This is a personalized product")),n.a.createElement(x.a.Item,{name:"fields",rules:[{required:!!F,message:"Personalized is required"}]},n.a.createElement(Cg,{showPreview:!!F,onChange:w})))),n.a.createElement(A.a,{span:7},n.a.createElement(b.a,{style:{marginBottom:15},title:"Push Product",name:"pushToStores"},n.a.createElement(jA,{onChange:w})),(s||[]).map((e,t)=>{const a=e&&e.id,l=R&&R.length>0?R.find(e=>e&&e.productBase&&e.productBase.id===h.selected):null,r=h["mockup__"+t];return n.a.createElement(b.a,{style:{marginBottom:20},hidden:a!==h.selected,key:t,title:l?l.title:e.title+" Product Title"},n.a.createElement(b.a,{style:{marginBottom:15},title:"Print Files"},n.a.createElement(x.a.Item,{name:"designPositions__"+t},n.a.createElement(Dg,{uploadFolder:"undefined",onChange:w,ref:e=>(k.current[t]=e,e)}))),n.a.createElement(b.a,{key:"mockup-"+t,title:"Mockup"},n.a.createElement(x.a.Item,{name:"mockup__"+t},n.a.createElement(Ae.a,{isMockup:!0,prefix:"mockups/",folder:"undefined",multiple:!0,listType:"picture-card",buttonType:"primary",fileList:r||[],hasDefaultMockup:!0,onChange:w,onChangeMainImg:e=>f({isPrompt:!1,mainImgId:{...h.mainImgId,["mockup__"+t]:e}})}
12439))))}),n.a.createElement(b.a,{title:"Design Resource Files",style:{marginTop:15}},n.a.createElement(x.a.Item,{name:"psdFiles"},n.a.createElement(Ae.a,{prefix:oe.ob.PSD_RESOURCE+"/",folder:oe.ob.PSD_RESOURCE,multiple:!0,listType:"picture-card",buttonType:"primary",accept:"image/*",onChange:w}))),n.a.createElement(b.a,{title:"Design Resources Urls",style:{marginTop:15}},n.a.createElement(x.a.Item,{name:"psd"},n.a.createElement(p.a.TextArea,{rows:4})))),n.a.createElement(A.a,{span:24},n.a.createElement(x.a.Item,{style:{marginTop:20,textAlign:"right",marginBottom:0}},n.a.createElement(v.a,{onClick:()=>{null===h.isPrompt||h.isPrompt?B.a.push(`/${r}/products`):y.a.confirm({title:"Cancel all unsaved changes?",icon:n.a.createElement(m.a,null),content:"If Ok, you\u2019ll delete any edits you made.",onOk(){B.a.push(`/${r}/products`)},cancelText:"Continue"})}},"Cancel"),n.a.createElement(v.a,{className:"ml-4",type:"primary",icon:n.a.createElement(d.a,{type:"save"}),loading:h.loading,htmlType:"submit",disabled:null===h.isPrompt||h.isPrompt},"Publish Campaign"))))))}function Kb(){const e=Object(O.h)(),t=n.a.useMemo(()=>{let t={props:{},value:{}};return null!=(null===e||void 0===e?void 0:e.state)&&"string"===typeof e.state&&(t=JSON.parse(e.state)),t},[null===e||void 0===e?void 0:e.state]),{currentUser:a}=Object(te.c)(),l=Object(c.T)(a);return n.a.createElement(Gb,Object.assign({currentParam:l,value:t.value},t.props))}const Jb=o.a` 12440 query load($id: ID!) { 12441 productBasesForSeller(filter: { limit: 1000, offset: 0 }) { 12442 total 12443 nodes { 12444 id 12445 title 12446 slug 12447 baseCostDescription 12448 defaultContent 12449 defaultShortDescription 12450 details 12451 regularPrice 12452 salePrice 12453 sellerPrice 12454 teamId 12455 images { 12456 id 12457 name 12458 url 12459 thumbnailUrl 12460 createdAt 12461 } 12462 suppliers { 12463 id 12464 firstName 12465 lastName 12466 } 12467 carriers { 12468 id 12469 code 12470 name 12471 } 12472 categories { 12473 id 12474 name 12475 description 12476 } 12477 carrierPricing { 12478 id 12479 carrierId 12480 price 12481 } 12482 attributes { 12483 name 12484 slug 12485 options 12486 } 12487 designPositions { 12488 id 12489 image { 12490 id 12491 thumbnailUrl 12492 url 12493 createdAt 12494 } 12495 name 12496 displayName 12497 description 12498 } 12499 variants { 12500 id 12501 attributes { 12502 name 12503 slug 12504 option 12505 } 12506 regularPrice 12507 salePrice 12508 sellerPrice 12509 sorting 12510 status 12511 } 12512 status 12513 } 12514 }
12515 productByID(id: $id) { 12516 id 12517 refURL 12518 productBases { 12519 id 12520 title 12521 teamId 12522 designPositions { 12523 id 12524 image { 12525 id 12526 thumbnailUrl 12527 url 12528 createdAt 12529 } 12530 name 12531 displayName 12532 description 12533 } 12534 attributes { 12535 name 12536 slug 12537 options 12538 } 12539 variants { 12540 id 12541 attributes { 12542 name 12543 slug 12544 option 12545 } 12546 regularPrice 12547 salePrice 12548 sellerPrice 12549 sorting 12550 status 12551 supplierPricing { 12552 id 12553 price 12554 } 12555 } 12556 } 12557 mainImageId 12558 images { 12559 id 12560 productBaseId 12561 file { 12562 id 12563 thumbnailUrl 12564 url 12565 createdAt 12566 } 12567 } 12568 collections { 12569 id 12570 name 12571 } 12572 tags { 12573 id 12574 name 12575 } 12576 title 12577 shortTitle 12578 amzTitle 12579 sku 12580 regularPrice 12581 salePrice 12582 description 12583 designStatus 12584 personalized 12585 variants { 12586 id 12587 productBaseVariantId 12588 regularPrice 12589 salePrice 12590 image { 12591 id 12592 url 12593 thumbnailUrl 12594 createdAt 12595 } 12596 amazonImages { 12597 id 12598 file { 12599 id 12600 thumbnailUrl 12601 url 12602 } 12603 } 12604 disabled 12605 sku 12606 sorting 12607 } 12608 shortDescription 12609 designPositions { 12610 id 12611 designPosition { 12612 id 12613 image { 12614 id 12615 name 12616 thumbnailUrl 12617 url 12618 } 12619 name 12620 displayName 12621 sorting 12622 description 12623 productBaseId 12624 artworkGuidelines { 12625 description 12626 file { 12627 url 12628 thumbnailUrl 12629 name 12630 } 12631 } 12632 } 12633 file { 12634 id 12635 name 12636 thumbnailUrl 12637 url 12638 createdAt 12639 } 12640 } 12641 images { 12642 id 12643 productBaseId 12644 file { 12645 id 12646 thumbnailUrl 12647 url 12648 createdAt 12649 } 12650 } 12651 fields { 12652 id 12653 title 12654 name 12655 type 12656 extraFee 12657 configure 12658 sorting 12659 } 12660 productStores { 12661 id 12662 store { 12663 id 12664 title 12665 platform 12666 } 12667 permalink 12668 originId 12669 createdAt 12670 updatedAt 12671 } 12672 psd 12673 psdFiles { 12674 id 12675 bucket 12676 key 12677 name 12678 size 12679 mimeType 12680 url 12681 thumbnailUrl 12682 alt 12683 caption 12684 createdAt 12685 } 12686 fakeProductDesignPositions { 12687 productTitle 12688 productId 12689 productBases { 12690 title 12691 fulfillment { 12692 id 12693 name 12694 } 12695 } 12696 psd 12697 psdFiles { 12698 id 12699 name 12700 size 12701 mimeType 12702 url 12703 thumbnailUrl 12704 } 12705 designPositions { 12706 id 12707 designPosition { 12708 id 12709 image { 12710 id 12711 name 12712 thumbnailUrl 12713 url 12714 } 12715 name 12716 description 12717 productBaseId 12718 artworkGuidelines { 12719 description 12720 file { 12721 url 12722 thumbnailUrl 12723 name 12724 } 12725 } 12726 } 12727 file { 12728 id 12729 name 12730 thumbnailUrl 12731 url 12732 createdAt 12733 } 12734 } 12735 } 12736 } 12737 } 12738`,Yb=o.a` 12739 mutation updateProduct($input: EditProduct!) { 12740 updateProduct(input: $input) { 12741 id 12742 title 12743 sku 12744 description 12745 designStatus 12746 personalized 12747 productBases { 12748 id 12749 title 12750 } 12751 images { 12752 id 12753 productBaseId 12754 file { 12755 id 12756 thumbnailUrl 12757 url 12758 } 12759 } 12760 tags { 12761 id 12762 name 12763 } 12764 collections { 12765 id 12766 name 12767 } 12768 fields { 12769 id 12770 title 12771 type 12772 extraFee 12773 configure 12774 sorting 12775 } 12776 fakeProductDesignPositions { 12777 productTitle 12778 productId 12779 designPositions { 12780 id 12781 designPosition { 12782 id 12783 image { 12784 id 12785 name 12786 thumbnailUrl 12787 url 12788 } 12789 name 12790 description 12791 productBaseId 12792 artworkGuidelines { 12793 description 12794 file { 12795 url 12796 thumbnailUrl 12797 name 12798 } 12799 } 12800 } 12801 file { 12802 id 12803 name 12804 thumbnailUrl 12805 url 12806 createdAt 12807 } 12808 } 12809 } 12810 } 12811 } 12812`;class Wb extends l.Component{constructor(){super(...arguments),this.state={loading:!1,refetchTimeline:!1,data:void 0},this.preLoadDesignPositionByBase=async e=>{if(!e)return e;const{__apolloClient__:t}=window||{};if(!t)return e;const{id:a}=e,{data:l}=await t.query({query:GA,variables:{id:a}}),n=null===l||void 0===l?void 0:l.productBaseByID;return n&&n.designPositions&&(e.designPositions=n.designPositions),n}}componentDidUpdate(e,t){let{loading:a}=this.state,{handleLoading:l}=this.props;a!==t.loading&&l&&l(a)}render(){const{match:e}=this.props,{id:t}=e.params;let{handleBtnSave:a,clickSave:l}=this.props;const{currentUser:o}=this.context;let u=Object(c.T)(o);const d={...Object(c.m)(B.a.location.search)};let m=!1;
12812return Object.keys(d).forEach(e=>{"productIgnored"===e&&(m=!0)}),n.a.createElement(s.b,{fetchPolicy:"no-cache",query:Jb,variables:{id:t},onCompleted:async e=>{const{productByID:t,...a}=e||{};if(t){const e=t.productBases,a=(e||[])[0],l=await this.preLoadDesignPositionByBase(a),n=e.map(e=>e.id===l.id?{...e,designPositions:l.designPositions}:e);t.productBases=n}this.setState({data:{...a,productByID:t}})}},e=>{var o;let{loading:d,error:p,refetch:g}=e;if(d)return n.a.createElement(r.a,{active:!0});if(p)return n.a.createElement("div",null,"Error: ",Object(c.ib)(p.toString()));const{data:A}=this.state;if(!A)return null;const b=A.productByID.productBases[0],h=A.productByID;let f={},v={};if(b.variants&&b.variants.length>0){for(let e=0;e<b.variants.length;e++){const t=b.variants[e];f[t.id]=t,v[t.id]={...t,count:0}}h.variants&&h.variants.length&&(h.variants=h.variants.map(e=>(e.productBaseVariant=f[e.productBaseVariantId],v[e.productBaseVariantId]&&v[e.productBaseVariantId].count++,e)))}""===(null===b||void 0===b?void 0:b.teamId)&&(b.title=Object(c.J)(b));const E=((null===A||void 0===A||null===(o=A.productBasesForSeller)||void 0===o?void 0:o.nodes)||[]).map(e=>(e.title=Object(c.J)(e),e)),y=Object.values(v).map(e=>{const{count:t,...a}=e;if(0===t)return{productBaseVariantId:a.id,productBaseVariant:a,image:null,regularPrice:a.regularPrice,salePrice:a.regularPrice,disabled:!1}}).filter(Boolean);return n.a.createElement(s.a,{onCompleted:()=>{i.a.success({message:"Edit product has been success!"}),this.setState({loading:!1,refetchTimeline:!this.state.refetchTimeline}),g&&g()},onError:e=>{i.a.error({message:Object(c.ib)(e.toString())}),this.setState({loading:!1})},mutation:Yb},e=>n.a.createElement(Qb,{refetch:g,isProductIgnored:m,refetchTimeline:this.state.refetchTimeline,currentParam:u,isEditProduct:!0,sku:h.sku,loading:this.state.loading,onSubmit:a=>{let{pushProductToStores:l,pushToStores:n,...r}=a;r.id=t,"undefined"!==typeof r.productBaseId&&delete r.productBaseId,this.setState({loading:!0},()=>{e({variables:{input:r}})})},variantsMissing:y,productBases:E,productBase:b,value:h,title:"Edit Product",clickSave:l,handleBtnSave:(e,t)=>{t={...t,link:"/seller/products"},a&&a(e,t)},productId:t}))})}}Wb.contextType=te.a;const Zb=o.a` 12813 query productById($id: ID!) {
12814 productByID(id: $id) { 12815 id 12816 refURL 12817 productBases { 12818 id 12819 title 12820 teamId 12821 fulfillment { 12822 fulfillmentId 12823 productId 12824 printer 12825 } 12826 attributes { 12827 name 12828 slug 12829 options 12830 } 12831 images { 12832 id 12833 name 12834 thumbnailUrl 12835 url 12836 } 12837 designPositions { 12838 id 12839 image { 12840 id 12841 thumbnailUrl 12842 url 12843 } 12844 name 12845 displayName 12846 sorting 12847 description 12848 } 12849 variants { 12850 id 12851 attributes { 12852 name 12853 slug 12854 option 12855 } 12856 regularPrice 12857 salePrice 12858 sellerPrice 12859 sorting 12860 status 12861 supplierPricing { 12862 id 12863 price 12864 } 12865 } 12866 } 12867 mainImageId 12868 images { 12869 id 12870 productBaseId 12871 file { 12872 id 12873 thumbnailUrl 12874 url 12875 } 12876 } 12877 collections { 12878 id 12879 name 12880 } 12881 tags { 12882 id 12883 name 12884 } 12885 title 12886 shortTitle 12887 amzTitle 12888 sku 12889 regularPrice 12890 salePrice 12891 description 12892 shortDescription 12893 designStatus 12894 variants { 12895 id 12896 productBaseVariantId 12897 regularPrice 12898 disabled 12899 salePrice 12900 sku 12901 sorting 12902 image { 12903 id 12904 thumbnailUrl 12905 url 12906 } 12907 amazonImages { 12908 id 12909 file { 12910 id 12911 thumbnailUrl 12912 url 12913 } 12914 } 12915 } 12916 shortDescription 12917 designPositions { 12918 id 12919 designPosition { 12920 id 12921 image { 12922 id 12923 name 12924 thumbnailUrl 12925 url 12926 } 12927 name 12928 displayName 12929 sorting 12930 description 12931 productBaseId 12932 artworkGuidelines { 12933 description 12934 file { 12935 url 12936 thumbnailUrl 12937 name 12938 } 12939 } 12940 } 12941 file { 12942 id 12943 name 12944 thumbnailUrl 12945 url 12946 } 12947 } 12948 images { 12949 id 12950 productBaseId 12951 file { 12952 id 12953 thumbnailUrl 12954 url 12955 } 12956 } 12957 personalized 12958 fields { 12959 id 12960 title 12961 name 12962 type 12963 extraFee 12964 configure 12965 sorting 12966 } 12967 productStores { 12968 id 12969 store { 12970 id 12971 title 12972 platform 12973 } 12974 permalink 12975 originId 12976 createdAt 12977 updatedAt 12978 } 12979 psd 12980 psdFiles { 12981 id 12982 bucket 12983 key 12984 name 12985 size 12986 mimeType 12987 url 12988 thumbnailUrl 12989 alt 12990 caption 12991 createdAt 12992 } 12993 12994 keyword 12995 } 12996 } 12997`,Xb=o.a` 12998 mutation updateProduct($input: EditProduct!) { 12999 updateProduct(input: $input) { 13000 id 13001 title 13002 sku 13003 description 13004 shortDescription 13005 designStatus 13006 personalized 13007 productBases { 13008 id 13009 title 13010 } 13011 images { 13012 id 13013 productBaseId 13014 file { 13015 id 13016 thumbnailUrl 13017 url 13018 } 13019 } 13020 fields { 13021 id 13022 title 13023 name 13024 type 13025 extraFee 13026 configure 13027 sorting 13028 } 13029 tags { 13030 id 13031 name 13032 } 13033 collections { 13034 id 13035 name 13036 } 13037 } 13038 } 13039`;class eh extends l.Component{constructor(){super(...arguments),this.state={step:2,selected:"",productBases:[],data:null,changed:!1,loading:!1,fulfillmentId:null,defaultFieldsValue:null,handleBtnSave:null,showBtnSave:null,pushProductToStores:null,updatePrices:!1,currentParam:"seller",refetchTimeline:!1,mainImgId:{},baseIdsDefault:new Set},this.timer=null,this.handleShowBtnSave=()=>{let{productBases:e}=this.state,{form:t,handleBtnSave:a}=this.props,l=this.state.defaultFieldsValue&&{...this.state.defaultFieldsValue},n={...t.getFieldsValue(w.C)};if(n=JSON.parse(JSON.stringify(n)),n&&l){let r=Object(c.gb)(n,l,e);n=r.newFieldsValue,l=r.defaultFieldsValue,["description"].forEach(e
13039=>{null===n[e]&&(n[e]="")});let i={title:t.getFieldValue("title"),shortTitle:t.getFieldValue("shortTitle"),amzTitle:t.getFieldValue("amzTitle"),btnName:"Save Changes",step:this.state.step,link:"/seller/products"};!1===this.state.onChangeValue?(this.setState({showBtnSave:!1,isPrompt:!1}),a&&a(!1,i)):Object(c.hb)(n,l)?(this.setState({showBtnSave:!0,isPrompt:!0}),a&&a(!0,i)):(this.setState({showBtnSave:!1,isPrompt:!1}),a&&a(!1,i))}},this.handleUpdateForm=()=>{const{data:e}=this.state;let t={},a=[];for(let r=0;r<e.productBases.length;r++){const a=e.productBases[r];for(let e=0;e<a.variants.length;e++){const l=a.variants[e];l.productBase=a,t[l.id]=l}}for(let r=0;r<e.variants.length;r++){const l=e.variants[r],n=t[l.productBaseVariantId];n&&(l.productBaseVariant=n,a.push(l))}let l={},n=[];for(let r=0;r<e.productBases.length;r++){const t=e.productBases[r],i=e.designPositions.filter(e=>e.designPosition.productBaseId===t.id);0===i.length?l["designPositions__"+r]=t.designPositions.map(e=>({designPosition:e,designPositionId:e.id,file:null})):l["designPositions__"+r]=i;let o=a.filter(e=>e.productBaseVariant.productBase.id===t.id);0===o.length?n.push({productBase:t,collections:[],tags:[],variants:t.variants.map(e=>({productBaseVariant:e,productBaseVariantId:e.id,image:null,regularPrice:e.regularPrice,salePrice:e.salePrice}))}):n.push({productBase:t,variants:o,collections:[],tags:[]})}l.products=n,this.props.form.setFieldsValue(l)},this.handleOnProductBaseChange=e=>{this.setState({productBases:e})},this.handleClickContinue=async()=>{var e;const{baseIdsDefault:t,productBases:a,data:l}=this.state,n=[],r=[];for(let u=0;u<a.length;u++){const e=a[u];t.has(e.id)||(n.push(e),r.push(e.id))}const i=await VA(r),o=a.map(e=>{const{id:t}=e;return(i||i[t])&&(e={...e,...i[t]}),e}),s=o.reduce((e,t)=>{let{variants:a}=t;return e.push(...a),e},[]),c=l;(null===c||void 0===c||null===(e=c.productBases)||void 0===e?void 0:e.length)>0&&(c.productBases=o,c.variants.push(...s)),this.setState({step:2,productBases:o,data:c,handleBtnSave:!0},()=>{this.handleUpdateForm()})},this.renderSelectProductBases=e=>n.a.createElement("div",null,n.a.createElement(ma,{title:"Products",subTitle:"Edit Campaign",action:n.a.createElement(v.a,{onClick:this.handleClickContinue,type:"primary"},"Continue Edit Campaign"),link:`/${e}/products`}),n.a.createElement(HA,{multiple:!0,fulfillmentId:this.state.fulfillmentId,selectedProductBases:this.state.productBases,value:this.state.productBases,onChange:this.handleOnProductBaseChange})),this.handleFormChange=()=>{this.setState({changed:!0})},this.handleUpdate=async(e,t,a)=>{var l,n;const{id:r}=this.props.match.params,{productBases:o}=this.state;let s=[],u=[],d=[];for(let i=0;i<o.length;i++){const e=o[i];s.push(e.id);const a=t["designPositions__"+i];for(let t=0;t<a.length;t++){const e=a[t];let l=void 0!==e.fileId?e.fileId:e.file&&e.file.id?e.file.id:null;u.push({id:e.id?e.id:null,designPositionId:e.designPositionId,fileId:l})}}let m=[],p=!1,g=[];for(let i=0;i<t.products.length;i++){const e=t.products[i],a=e.productBase.id;g.push({productBaseId:a,position:i});for(let t=0;t<e.variants.length;t++){var A;const a=e.variants[t];d.push({id:a.id?a.id:null,image:a.image?a.image.id:null,amazonImages:(null===(A=a.amazonImages)||void 0===A?void 0:A.length)>0?a.amazonImages.map(e=>e.file?e.file.id:e.id).filter(Boolean):void 0,productBaseVariantId:a.productBaseVariantId,regularPrice:a.regularPrice,salePrice:a.salePrice,disabled:a.disabled})}const l=t["mockup__"+i];if(l&&l.length){p=!0;for(let e=0;e<l.length;e++){const t=l[e].id;m.push({productBaseId:a,fileId:t})}}}if(!p)return this.setState({loading:!1}),void i.a.error({message:"Please select at least one image"});let b=[];if(t.psdFiles&&t.psdFiles.length>0){t.psdFiles.forEach(e=>{e&&e.id&&e.id.length>0&&b.push(e.id)})}let h=t.mainImageId,f=[];if(h)for(let[,i]of Object.entries(h))i&&f.push(i);let v=f.length>0?f[f.length-1]:null;const E=(m||[]).find(e=>(null===e||void 0===e?void 0:e.fileId)===v);if(!v||null==E){const[e]=m||[];v=null===e||void 0===e?void 0:e.fileId}let y={id:r,productBases:s,title:t.title,shortTitle:t.shortTitle,amzTitle:t.amzTitle,description:t.description,collections:t.collections.map(e=>e.id),tags:t.tags.map(e=>e.id),mockup:m,designPositions:u,variants:d,personalized:t.personalized,fields:t.fields,updateProductStore:t.updateProductStore,psd:t.psd,psdFiles:b.length>0?b:[],mainImageId:v,sortBases:g,hasSetIgnoredIsFalse:t.hasSetIgnoredIsFalse,ke
13039yword:t.keyword};const C=null===(l=this.productByID)||void 0===l?void 0:l.amzTitle,k=(null===(n=this.productByID)||void 0===n?void 0:n.id)||void 0;if(t.amzTitle&&t.amzTitle!==C){var O;const{data:e}=await a.query({query:I.fb,variables:{title:t.amzTitle,whichField:oe.rb.AmzTitle,productID:k}});if((null===e||void 0===e||null===(O=e.getProductsByTitle)||void 0===O?void 0:O.total)>0)return i.a.error({message:oe.i,duration:3e3}),void this.setState({loading:!1})}e({variables:{input:y}}).then(e=>{i.a.success({message:"Product has been saved."}),this.setState({loading:!1,refetchTimeline:!this.state.refetchTimeline}),this.refetch&&this.refetch()}).catch(e=>{i.a.error({message:Object(c.ib)(e.toString())}),this.setState({loading:!1})})},this.handleError=e=>{let t={};k.a.each(e,e=>{k.a.each(k.a.get(e,"errors",[]),e=>{const a=k.a.trim(e.message.toLowerCase());"undefined"===typeof t[a]&&i.a.error({message:Object(c.ib)(e.message)}),t[a]=!0})})},this.validateTitle=(e,t,a)=>{let l=null;t?t.length>oe.C&&(l=oe.mb):l="Product title is required.",l?a(l):a()},this.preLoadDesignPositionByBases=async e=>{if(!e||0===e.length)return e;const{__apolloClient__:t}=window||{};if(!t)return e;const a=(e||[]).map(e=>{let{id:t}=e;return t}).filter(Boolean),l=(await Promise.all(a.map(async e=>{const{data:a}=await t.query({query:GA,variables:{id:e}});return null===a||void 0===a?void 0:a.productBaseByID}))).reduce((e,t)=>{let{id:a,...l}=t;return e[a]={...l},e},{});return e.map(e=>{const{id:t}=e,a=l[t];return a&&a.designPositions&&(e.designPositions=a.designPositions),e})},this.handleUpdateState=(e,t)=>{if(!e||0===e.length)return;for(let c=0;c<e.length;c++)w.C.push("designPositions__"+c),w.C.push("mockup__"+c);let a=JSON.parse(JSON.stringify(this.props.form.getFieldsValue(w.C))),l=e[0].id;const{images:n}=t||{},r=(n||[]).reduce((e,t)=>{const{productBaseId:a}=t||{};return{...e,[a]:(e[a]||0)+1}},{}),i=Object.values(r),o=Math.max(0,...i),[s]=Object.entries(r).find(e=>{let[t,a]=e;return a===o})||[];s&&(l=s),this.setState({selected:l,defaultFieldsValue:a})},this.designPositionRefs={},this.mockupRef=n.a.createRef()}componentDidMount(){const{currentUser:e}=this.context;let t=Object(c.T)(e);this.setState({currentParam:t})}componentDidUpdate(e,t){let{handleBtnSave:a,updateProduct:l,loading:n}=this.state,{clickSave:r,handleLoading:i}=this.props;a!==t.handleBtnSave&&this.handleShowBtnSave(),r!==e.clickSave&&this.props.form.validateFields((e,t)=>{e?this.handleError(e):this.setState({loading:!0},()=>{l&&this.handleUpdate(l,t)})}),n!==t.loading&&i&&i(n)}componentWillUnmount(){this.timer&&clearTimeout(this.timer)}render(){const{handleBtnSave:e,currentParam:t}=this.state,{getFieldDecorator:a}=this.props.form,{id:l}=this.props.match.params,o=this.props.form.getFieldValue("personalized"),h={labelCol:{span:24},wrapperCol:{span:24}},f={...Object(c.m)(B.a.location.search)};let C=!1;Object.keys(f).forEach(e=>{"productIgnored"===e&&(C=!0)});const j=this.props.form&&this.props.form.getFieldValue("shortTitle"),w=Object(Og.b)(j,oe.D.fbTitle),S=this.props.form&&this.props.form.getFieldValue("amzTitle"),I=Object(Og.b)(S,oe.D.amzTitle),D=this.props.form&&this.props.form.getFieldValue("title"),P=Object(Og.b)(D),{designPositionRefs:x}=this;return n.a.createElement(n.a.Fragment,null,n.a.createElement(O.a,{when:!1===this.state.isPrompt,message:"You have unsaved changes, are you sure you want to leave?"}),n.a.createElement(te.a.Consumer,null,f=>{let{store:O,currentUser:j}=f;return n.a.createElement(s.b,{onCompleted:async e=>{const t=e.productByID,a=await this.preLoadDesignPositionByBases(null===t||void 0===t?void 0:t.productBases),l=new Set(a.map(e=>{let{id:t}=e;return t}));this.setState({productBases:a,data:t,fulfillmentId:k.a.get(t,"productBases[0].fulfillment.fulfillmentId",null),baseIdsDefault:l},()=>{this.handleUpdateState(a,t),this.handleUpdateForm()})},query:Zb,fetchPolicy:"cache-and-network",variables:{id:l},skip:!l},f=>{let{loading:k,error:S,data:D,refetch:M}=f;if(k)return n.a.createElement(r.a,{active:!0});if(S)return n.a.createElement("div",null,"Error: ",Object(c.ib)(S.toString()));const T=D.productByID;if(1===this.state.step)return this.renderSelectProductBases(t);this.refetch=M,this.productByID=D.productByID;const Q=Object(c.ub)(j);return n.a.createElement(s.a,{mutation:Xb},(r,s)=>{let{client:f}=s;return n.a.createElement(u.a,Object.assign({},h,{onChange:()=>{this.setState({updateProduct:r}),this.handleFormChange()},onSubmit:e=>{this.setState({updatePrices:!this.state.updatePrices}),e.preventDefault(),this.props.form.validateFields((e,t)=>{let{mainImgId:a}=this.state;if(t.mainImageId=a,!Object(c.Gb)(x)){let e;for(let t of Object.values(x)){var l;const a=Pg({dimensions:(null===t||void 0===t||null===(l=t.state)||void 0===l?void 0:l.dimensions)||{}});if(null!=a){e=a;break}}if(null!=e)return void i.a.error({message:e.message})}e?this.handleError(e):this.setState({loading:!0,isPrompt:!0},()=>{this.handleUpdate(r,t,f)})})},scrollToFirstError:!0}),n.a.createElement(ma,{title:"Edit Campaign",subTitle:"Products",link:`/${t}/products`,action:n.a.createElement(v.a,{children:"Clone campaign",onClick:()=>{const e=["designPositions__","mockup__","products"];let a=this.props.form.getFieldsValue();a=Object.keys(a).reduce((t,l)=>(e.some(e=>new RegExp(e).test(l))||(t[l]=a[l]),t),{});const l={productBases:(this.state.productBases||[]).map(e=>{const{variants:t}=e||{};return{...e,variants:t.map(e=>{let{productBase:t,...a}=e;return a})}})},n=JSON.stringify({value:a,props:l});B.a.push(`/${t}/products/clone-campaign`,n)}})}),n.a.createElement(g.a,{gutter:16},n.a.createElement(A.a,{span:17},n.a.createElement(b.a,null,n.a.createElement(u.a.Item,{label:"Title",help:P},a("title",{initialValue:T.title,rules:[{required:!0,validator:this.validateTitle}]}
13039)(n.a.createElement(p.a,{placeholder:"Product title",onChange:()=>{this.setState({handleBtnSave:!e})}}))),n.a.createElement(u.a.Item,{label:"Facebook Title",help:w},a("shortTitle",{initialValue:T.shortTitle})(n.a.createElement(p.a,{placeholder:"Enter facebook title",maxLength:oe.D.fbTitle,onChange:()=>{this.setState({handleBtnSave:!e})}}))),n.a.createElement(u.a.Item,{label:"Amazon Title",help:I},a("amzTitle",{initialValue:T.amzTitle})(n.a.createElement(p.a,{placeholder:"Enter amazon title",maxLength:oe.D.amzTitle,onChange:()=>{this.setState({handleBtnSave:!e})}}))),Q?n.a.createElement(u.a.Item,{label:"Keyword"},a("keyword",{initialValue:T.keyword||""})(n.a.createElement(p.a,{placeholder:"Enter keyword",onChange:()=>{this.setState({handleBtnSave:!e})}}))):null,n.a.createElement(u.a.Item,{label:"Description"},a("description",{initialValue:T.description})(n.a.createElement(Kt.a,{onChange:(this.handleFormChange,()=>{this.setState({handleBtnSave:!e})})}))),n.a.createElement(u.a.Item,{label:"SKU"},n.a.createElement(p.a,{value:T.sku,disabled:!0})),n.a.createElement(u.a.Item,{label:"Collections"},a("collections",{initialValue:T.collections?T.collections:[],rules:[{required:!0,message:"Collections is required"}]})(n.a.createElement(gg,{onChange:()=>{this.setState({handleBtnSave:!e})}}))),n.a.createElement(u.a.Item,{label:"Tags"},a("tags",{initialValue:T.tags?T.tags:[],rules:[{required:!0,message:"Tags is required"}]})(n.a.createElement(ig,{onChange:()=>{this.setState({handleBtnSave:!e})}}))),n.a.createElement(u.a.Item,null,a("products",{initialValue:[]})(n.a.createElement(vA,{isEditProduct:!0,sku:D.sku,updatePrices:this.state.updatePrices,onChange:()=>{this.handleFormChange()},grouped:!0,selectedIndex:this.state.selected,onSelected:e=>{this.setState({selected:e})},productId:l,onDelete:e=>{let t=this.state.productBases;t.length<=1?i.a.error({message:"Can't delete this base. Please keep at least Base for product."}):(t.splice(e,1),this.setState({changed:!0,productBases:t},()=>{this.handleUpdateForm()}))},onChangeValue:t=>{this.setState({onChangeValue:t,handleBtnSave:!e})}}))),n.a.createElement("div",{style:{display:"flex",justifyContent:"flex-end"}},n.a.createElement(v.a,{onClick:()=>{this.setState({step:1})},type:"primary"},"Add More Products")))),n.a.createElement(A.a,{span:7},C&&n.a.createElement(b.a,{bodyStyle:{padding:"15px",marginBottom:"2rem"}},n.a.createElement(u.a.Item,{style:{marginBottom:0}},a("hasSetIgnoredIsFalse",{initialValue:!0,valuePropName:"checked"})(n.a.createElement(E.a,{children:"Also remove this product from ignored list",onChange:()=>{this.setState({showBtnSave:!1})}})))),T&&T.productStores&&T.productStores.length>0&&n.a.createElement(b.a,{title:"Update to stores",style:{marginBottom:15}},n.a.createElement(u.a.Item,null,a("updateProductStore",{initialValue:!1,valuePropName:"checked"})(n.a.createElement(E.a,{onChange:()=>{this.setState({showBtnSave:!1})}},"Also update changes to store")))),this.state.productBases.map((t,l)=>{const r=t&&t.id;return n.a.createElement(b.a,{hidden:this.state.selected!==r,key:"card-print-files-"+l,style:{marginBottom:20},title:""+t.title},n.a.createElement(b.a,{style:{marginBottom:15},title:"Print Files"},a("designPositions__"+l,{initialValue:[]})(n.a.createElement(Dg,{uploadFolder:"undefined",onChange:()=>{this.setState({changed:!0,handleBtnSave:!e})},ref:e=>(x[l]=e,e)}))),n.a.createElement(b.a,{title:"Mockup",hidden:this.state.selected!==r},n.a.createElement(u.a.Item,null,a("mockup__"+l,{initialValue:T.images?T.images.filter(e=>e.productBaseId===t.id).map(e=>e.file):[],rules:[]})(n.a.createElement(Ae.a,{isMockup:!0,isCampaign:!0,folder:T.sku?Object(c.Z)(T.sku):oe.ob.MOCKUPS,onChange:(this.handleFormChange,()=>{this.setState({handleBtnSave:!e})}),multiple:!0,listType:"picture-card",mainImg:T&&T.mainImageId,onChangeMainImg:e=>this.setState(t=>({...t,showBtnSave:!1,mainImgId:{...t.mainImgId,["mockup__"+l]:e}}))})))))}),T&&n.a.createElement(b.a,{style:{marginTop:15},title:"Push Product"},n.a.createElement(u.a.Item,{name:"pushProductToStores"},n.a.createElement(jA,{isEditProduct:!0,store:O,productId:T.id,checked:!!O,refetch:M,value:this.state.pushProductToStores,onChange:e=>{this.setState({pushProductToStores:e}),this.handleShowBtnSave()}}))),T&&T.productStores&&T.productStores.length>0&&n.a.createElement(b.a,{title:"Push History",style:{marginTop:15},bodyStyle:{paddingBottom:0}},n.a.createElement(u.a.Item,null,n.a.createElement(Db,{value:T.productStores}
13039))),th(null===T||void 0===T?void 0:T.productBases)[0]?n.a.createElement("div",{style:{marginTop:15}},n.a.createElement(DA,{productBase:th(null===T||void 0===T?void 0:T.productBases)[1],product:T,folder:"undefined"})):null,T&&n.a.createElement(n.a.Fragment,null,n.a.createElement(b.a,{title:"Design Resource Files",style:{marginTop:15}},n.a.createElement(u.a.Item,null,a("psdFiles",{initialValue:T&&T.psdFiles?T.psdFiles:null})(n.a.createElement(Ae.a,{prefix:oe.ob.PSD_RESOURCE+"/",folder:oe.ob.PSD_RESOURCE,multiple:!0,listType:"picture-card",buttonType:"primary",accept:"image/*",onChange:()=>{this.setState({handleBtnSave:!e})}})))),n.a.createElement(b.a,{title:"Design Resource Urls",style:{marginTop:15}},n.a.createElement(u.a.Item,null,a("psd",{initialValue:T.psd?T.psd:""})(n.a.createElement(p.a.TextArea,{rows:4,onChange:()=>{this.setState({handleBtnSave:!e})}})))),null!=T.refURL?n.a.createElement(b.a,{title:"Product Resource Urls",style:{marginTop:15}},n.a.createElement("div",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},n.a.createElement("a",{href:T.refURL,className:"Polaris-Link",target:"_blank",rel:"noopener noreferrer",children:T.refURL}))):null)),n.a.createElement(A.a,{span:24},n.a.createElement(b.a,{style:{marginTop:20},title:"Personalized"},n.a.createElement(u.a.Item,null,a("personalized",{initialValue:T.personalized,valuePropName:"checked"})(n.a.createElement(E.a,{onChange:()=>{this.setState({handleBtnSave:!e})}},"This is a personalized product"))),a("fields",{initialValue:T&&T.fields&&T.fields.length>0?T.fields.map(e=>("undefined"!==typeof e.__typename&&delete e.__typename,"undefined"!==typeof e.sorting&&delete e.sorting,e)):[]})(n.a.createElement(Cg,{onChange:()=>{this.handleFormChange(),this.setState({handleBtnSave:!e})},showPreview:!!o}))),n.a.createElement(u.a.Item,{style:{marginTop:20,textAlign:"right",marginBottom:0}},n.a.createElement(v.a,{onClick:()=>{null===this.state.showBtnSave||this.state.showBtnSave?B.a.push(`/${t}/products`):y.a.confirm({title:"Cancel all unsaved changes?",icon:n.a.createElement(m.a,null),content:"If Ok, you\u2019ll delete any edits you made.",onOk(){B.a.push(`/${t}/products`)},cancelText:"Continue"})}},"Cancel"),n.a.createElement(v.a,{className:"ml-4",type:"primary",icon:n.a.createElement(d.a,{type:"save"}),loading:this.state.loading,htmlType:"submit",disabled:null===this.state.showBtnSave||this.state.showBtnSave},"Save Changes")),l&&n.a.createElement(mb,{productId:l,refetchTimeline:this.state.refetchTimeline}))))})})}))}}function th(e){if(Object(c.c)(e))return null;let t=!1,a=null;for(const l of e)if(l&&l.fulfillment&&l.fulfillment.printer&&SA.includes(l.fulfillment.printer)){t=!0,a=l;break}return[t,a]}eh.contextType=te.a;var ah=u.a.create({name:"edit-product-campaign"})(eh),lh=a(266),nh=a(288);const rh=j.b.div` 13040 @media (min-width: 640px) { 13041 margin: -1.5rem; 13042 } 13043`;var ih=()=>{const{data:e}=Object(De.d)(nh.b,{fetchPolicy:"network-only"}),t=null===e||void 0===e?void 0:e.getConnectedApp.find(e=>"POD"===e.app),a=["artworks","fonts","cliparts"].find(e=>B.a.location.pathname.includes(e));return n.a.createElement(rh,null,n.a.createElement("iframe",{title:"Personalized",style:{border:"none",width:"100%",height:"calc(100vh - 61px)"},src:`${$e.f}/${a}?token=${null===t||void 0===t?void 0:t.token}`}))};var oh=()=>n.a.createElement("div",null,n.a.createElement(ih,null)),sh=a(80),ch=a(551),uh=a(402),dh=a.n(uh);const mh=j.b.div` 13044.mb-flex { 13045 display: flex; 13046 flex-wrap: nowrap; 13047} 13048.mb-col-half { 13049 width: 50%; 13050} 13051.mb-flex-right .Polaris-Stack{ 13052 justify-content: end; 13053} 13054.mb-transparent-table tr td:nth-child(2) { 13055 padding-left: 10px; 13056} 13057 13058.mb-mt-10 { 13059 margin-top: 10px; 13060} 13061.mb-mt-20 { 13062 margin-top: 20px; 13063} 13064.qr-using-name { 13065 max-width: 350px; 13066 padding: 20px 0; 13067 text-align: center; 13068} 13069.mb-heading-underline h3.Polaris-Heading { 13070 text-decoration: underline; 13071} 13072@media screen and (max-width: 1000px) { 13073 .mb-flex { 13074 flex-wrap: wrap; 13075 } 13076 .mb-col-half { 13077 width: 100%; 13078 } 13079 .invoice-details { 13080 margin-top: 20px; 13081 } 13082} 13083 13084.show-on-print { 13085 display: none; 13086} 13087 13088`,ph={Pending:"info",Paid:"success",Overdue:"critical",Frozen:"critical","Awaiting Approval":"warning"},gh={"bank-transfer":"Bank Transfer",paypal:"Paypal",payoneer:"Payoneer",pingpong:"Pingpong"},Ah=e=>{var t,a,r,i,o,s,u;let{invoice:d,refetch:m,isAdministrator:p}=e;const g=Object(De.d)(I.Ub,{variables:{filter:{search:"invoice_"}},fetchPolicy:"network-only"});let A={};(null===g||void 0===g?void 0:g.data)&&(null===g||void 0===g||null===(t=g.data)||void 0===t?void 0:t.variables)&&(null===g||void 0===g||null===(a=g.data)||void 0===a?void 0:a.variables.length)>
130880&&g.data.variables.forEach(e=>{A[e.key]=e.value});const[b,h]=Object(l.useState)(d&&d.paymentMethod?d.paymentMethod:"bank-transfer"),{toggleToast:f,setNotify:v}=Object(Fa.b)(),E=null===d||void 0===d?void 0:d.id,[y,{loading:k}]=Object(De.c)(Jt.k,{onCompleted:()=>{v({msg:"Frozen this Team success",err:!1}),m&&m()},onError:e=>{v({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),[O,{loading:j}]=Object(De.c)(Jt.g,{onCompleted:()=>{v({msg:"Unfrozen this Team success",err:!1}),m&&m()},onError:e=>{v({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),w=Object(l.useCallback)(()=>{E&&(f(!0),v({msg:null,err:!1}),y({variables:{id:E}}))},[E,f,v,y]),S=Object(l.useCallback)(()=>{E&&(f(!0),v({msg:null,err:!1}),O({variables:{id:E}}))},[E,f,v,O]),B=e=>Zr()(e).format("YYYY-MM-DD HH:mm:ss"),P=Object(l.useCallback)(e=>{h(e)},[b]),x=Object(l.useRef)();let M=d.rootUser,T=!1;return d.user&&(M=d.user,T=!0),n.a.createElement(mh,{ref:x},n.a.createElement(D.bb,null,n.a.createElement("div",{className:"mb-flex"},n.a.createElement("div",{className:"mb-col-half"},n.a.createElement(D.v,{children:d.name,element:"h3"})),n.a.createElement("div",{className:"mb-col-half mb-flex-right hide-on-print"},n.a.createElement(D.Y,{alignment:"right"},p?n.a.createElement(n.a.Fragment,null,"Paid"!=d.status&&"Frozen"!=d.status&&n.a.createElement(D.g,{onClick:S,loading:j},"Frozen this Team"),"Frozen"==d.status&&n.a.createElement(D.g,{onClick:w,loading:k},"Unfrozen this Team")):null,n.a.createElement(D.g,{onClick:()=>(async e=>{const t=document.querySelectorAll(".hide-on-print");t.forEach(e=>{e.style.display="none"});const a=document.querySelectorAll(".show-on-print");a.forEach(e=>{e.style.display="block"});const l=x.current,n=await dh()(l,{scale:2,useCORS:!0}),r=n.toDataURL("image/png"),i=n.width,o=n.height,s=new ch.a("portrait","mm","a4"),c=s.internal.pageSize.getWidth()-40,u=s.internal.pageSize.getHeight()-40,d=Math.min(c/i,u/o),m=i*d,p=o*d;s.addImage(r,"PNG",20,20,m,p),s.save(`invoice-${e}.pdf`),t.forEach(e=>{e.style.display=""}),a.forEach(e=>{e.style.display=""})})(d.id)},"Download PDF")))),n.a.createElement("div",{className:"mb-heading-underline"},n.a.createElement(D.v,{children:"From:",element:"h3"}),n.a.createElement(D.v,{children:(null===A||void 0===A?void 0:A.invoice_company_name)?null===A||void 0===A?void 0:A.invoice_company_name:"",element:"h4"}),n.a.createElement("div",{dangerouslySetInnerHTML:{__html:(null===A||void 0===A?void 0:A.invoice_company_address)?null===A||void 0===A?void 0:A.invoice_company_address:""}})),n.a.createElement("div",{className:"mb-flex mb-heading-underline"},n.a.createElement("div",{className:"mb-col-half billing-details"},n.a.createElement(D.v,{children:"To:",element:"h3"}),n.a.createElement("table",{className:"mb-transparent-table"},n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Seller email:")),n.a.createElement("td",null,null===(r=M)||void 0===r?void 0:r.email)),n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Seller name:")),n.a.createElement("td",null,null===(i=M)||void 0===i?void 0:i.firstName," ",null===(o=M)||void 0===o?void 0:o.lastName)),n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Seller team:")),n.a.createElement("td",null,T?(null===(s=M)||void 0===s?void 0:s.firstName)+"'s Team":d.team.name)),n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Seller address:")),n.a.createElement("td",null,null===(u=M)||void 0===u?void 0:u.address))))),n.a.createElement("div",{className:"mb-col-half invoice-details"},n.a.createElement(D.v,{children:"Invoice Details:",element:"h3"}),n.a.createElement("table",{className:"mb-transparent-table"},n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Invoice ID:")),n.a.createElement("td",null,"#",d.id)),n.a.createElement("tr",{className:"hide-on-print"},n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Status:")),n.a.createElement("td",null,n.a.createElement(D.e,{children:d.status,status:ph[d.status]}))),n.a.createElement("tr",{className:"show-on-print"},n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Status:")),n.a.createElement("td",null,d.status)),n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Currency:")),n.a.createElement("td",null,"USD")),n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Created At:")),n.a.createElement("td",null,B(d.createdAt))),n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Due At:")),n.a.createElement("td",null,B(d.paymentDueDate))))))),n.a.createElement("div",null,n.a.createElement(D.v,{children:"Invoice summary",element:"h3"}),n.a.createElement("div",{dangerouslySetInnerHTML:{__html:d.summary}})),d.paymentMethod&&d.paymentMethod.length>0&&n.a.createElement("div",null,n.a.createElement(D.v,{children:"Payment instructions",element:"h4"}),n.a.createElement("div",{className:"mb-mt-10"},"Paid"==d.status?n.a.createElement("label",null,n.a.createElement("strong",null,"Choice payment method:")," ",gh[b]):n.a.createElement(n.a.Fragment,null,n.a.createElement("label",null,n.a.createElement("strong",null,"Choose payment method:")),n.a.createElement(D.bb,null,n.a.createElement(D.Y,null,n.a.createElement(D.L,{label:"Bank Transfer",checked:"bank-transfer"==b,value:"bank-transfer",name:"payment-method",onChange:()=>P("bank-transfer")}))),n.a.createElement("div",null,((e,t)=>
13088{var a,l;if(!t)return;let r=`${null===t||void 0===t||null===(a=t.rootUser)||void 0===a?void 0:a.firstName} ${null===t||void 0===t||null===(l=t.rootUser)||void 0===l?void 0:l.lastName}`,i=Object(C.get)(t,"team.address");i||(i=Object(C.get)(t,"rootUser.address"));let o=!1,s="";var c;t.user&&(M=t.user,o=!0,s=(null===(c=M)||void 0===c?void 0:c.firstName)+" Team",i=Object(C.get)(M,"address"));let u=(null===A||void 0===A?void 0:A.invoice_payment_rate_1usd_to_vnd)?parseInt(null===A||void 0===A?void 0:A.invoice_payment_rate_1usd_to_vnd):25390,d=Math.round(u*t.totalPrice),m=u.toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:0}),p=d.toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:0}),g=(null===A||void 0===A?void 0:A.invoice_payment_bank_name)?null===A||void 0===A?void 0:A.invoice_payment_bank_name:"",b=(null===A||void 0===A?void 0:A.invoice_payment_bank_account_number)?null===A||void 0===A?void 0:A.invoice_payment_bank_account_number:"";switch(e){case"bank-transfer":return n.a.createElement("div",{className:"mb-mt-20"},n.a.createElement(D.v,{children:"Bank Transfer",element:"h5"}),n.a.createElement("p",null,"To pay via bank transfer, please use the following bank account details:"),n.a.createElement("div",{className:"mb-mt-20"},n.a.createElement("table",{className:"mb-transparent-table"},n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Bank name:")),n.a.createElement("td",null,g)),n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Bank account number:")),n.a.createElement("td",null,b)),n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Bank beneficiary:")),n.a.createElement("td",null,(null===A||void 0===A?void 0:A.invoice_payment_bank_beneficiary)?null===A||void 0===A?void 0:A.invoice_payment_bank_beneficiary:"")),n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Amount:")),n.a.createElement("td",null," ",m," x ",t.totalPrice," = ",p," VND"))))),n.a.createElement("div",null,n.a.createElement("div",{className:"qr-using-name"},n.a.createElement("div",null,n.a.createElement("strong",null,"-- Or --")),n.a.createElement("div",null,"Scan the QR bellow:")),n.a.createElement("img",{src:`https://img.vietqr.io/image/${g}-${b}-compact2.jpg?amount=${d}&addInfo=MB - ${t.id} - ${o?s:r}${i?" - "+i:""}`,style:{width:"350px",height:"auto",objectFit:"cover",display:"inline-block"}})));case"paypal":return n.a.createElement("div",{className:"mb-mt-20"},n.a.createElement(D.v,{children:"Paypal",element:"h5"}),n.a.createElement("p",null,"To pay via PayPal, send the payment to our PayPal account at: ",n.a.createElement("strong",null,(null===A||void 0===A?void 0:A.invoice_payment_paypal_email)?null===A||void 0===A?void 0:A.invoice_payment_paypal_email:"")));case"payoneer":return n.a.createElement("div",{className:"mb-mt-20"},n.a.createElement(D.v,{children:"Payoneer",element:"h5"}),n.a.createElement("p",null,"To pay via Payoneer, send the payment to our Payoneer account at: ",n.a.createElement("strong",null,(null===A||void 0===A?void 0:A.invoice_payment_payoneer_email)?null===A||void 0===A?void 0:A.invoice_payment_payoneer_email:"")));case"pingpong":return n.a.createElement("div",{className:"mb-mt-20"},n.a.createElement(D.v,{children:"Pingpong",element:"h5"}),n.a.createElement("p",null,"To pay via Pingpong, send the payment to our Pingpong account at: ",n.a.createElement("strong",null,(null===A||void 0===A?void 0:A.invoice_payment_pingpong_email)?null===A||void 0===A?void 0:A.invoice_payment_pingpong_email:"")));default:return n.a.createElement("p",null,"Please select a payment method.")}})(b,d))))),n.a.createElement("hr",null),n.a.createElement("div",null,n.a.createElement(D.v,{children:"Payment terms",element:"h4"}),n.a.createElement("div",{dangerouslySetInnerHTML:{__html:'\n\t\t\t\t\t\t<p>1. Please ensure the payment is completed by the due date to avoid any interruptions.</p>\n\t\t\t\t\t\t<p>2. When making the bank transfer, please include Invoice ID as the payment reference so we can quickly identify your payment.</p>\n\t\t\t\t\t\t<p>3. Once the payment is complete, kindly send a payment confirmation or transaction receipt to <a href="mailto:[email protected]">[email protected]</a>.</p>\n\t\t\t\t\t\t<p>4. If you have any questions regarding your invoice or need assistance, please contact us at <a href="mailto:[email protected]">[email protected]</a>.</p>\n\t\t\t\t\t\t'}}))))};function bh(e){let{open:t,onClose:a,invoiceId:r,pathnameGoBack:i}=e;const{toggleToast:o,setNotify:s}=Object(Fa.b)(),[u]=Object(mm.a)(),[d,{loading:m}]=Object(De.c)(Jt.kd,{onCompleted:()=>{s({msg:"Send invoice with attachments success",err:!1}),u(()=>{a(),i&&B.a.push(i)},1500)},onError:e=>{s({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),p=Object(l.useRef)(null),g=Object(l.useCallback)(()=>{const e=p.current&&p.current.getFileList();if(Object(c.c)(e))return;const t=e.map(e=>
13088null===e||void 0===e?void 0:e.id).filter(Boolean);o&&o(!0),s&&s({msg:null,err:!1}),d({variables:{id:r,fileIDs:t}})},[d,r]);return n.a.createElement(D.E,{title:"Send Invoice Attachments",open:t,onClose:a,sectioned:!0,secondaryAction:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:g,loading:m}},n.a.createElement("div",null,n.a.createElement(D.z,{label:"Attachments"}),n.a.createElement(dl.a,{accept:"image/*,.pdf",multiple:!0,sizeSmall:!0,ref:p})))}const hh=o.a` 13089 query invoiceByID($id: ID!) { 13090 invoiceByID(id: $id) { 13091 id 13092 name 13093 createdAt 13094 paymentDueDate 13095 totalPrice 13096 status 13097 orderIDs 13098 summary 13099 team { 13100 id 13101 name 13102 address 13103 } 13104 summary 13105 rootUser { 13106 firstName 13107 lastName 13108 email 13109 address 13110 } 13111 paymentMethod 13112 13113 user { 13114 firstName 13115 lastName 13116 email 13117 address 13118 } 13119 } 13120 } 13121`,fh=o.a` 13122 mutation adminMarkInvoiceAsPaid($id: ID!) { 13123 adminMarkInvoiceAsPaid(id: $id) { 13124 id 13125 name 13126 createdAt 13127 paymentDueDate 13128 totalPrice 13129 status 13130 orderIDs 13131 summary 13132 team { 13133 id 13134 name 13135 } 13136 summary 13137 rootUser { 13138 firstName 13139 lastName 13140 email 13141 } 13142 paymentMethod 13143 } 13144 } 13145`,vh=j.b.div` 13146 margin: -1rem; 13147 @media (min-width: 640px) { 13148 margin: -1.5rem; 13149 } 13150`,Eh=e=>{var t,a;const[r,i]=Object(l.useState)(!1),[o,s]=Object(l.useState)(!1),[u,d]=Object(l.useState)(!1),{currentUser:m}=Object(te.c)(),{isAdministrator:p,isAccountant:g}=Object(c.j)(m),A=Object(c.V)(m),b=Object(c.U)(m),{id:h}=e.match.params,{data:f,loading:v,refetch:E}=Object(De.d)(hh,{variables:{id:h},fetchPolicy:"no-cache"});let y=f&&f.invoiceByID&&f.invoiceByID.id.length?f.invoiceByID:null;const[C,k]=Object(De.c)(fh,{onCompleted:()=>{k&&k.data&&k.data.adminMarkInvoiceAsPaid&&(y=k.data.adminMarkInvoiceAsPaid),P(),s(!0)},onError:()=>{P(),s(!0)}}),O=Object(l.useCallback)(()=>{s(e=>!e)},[]),j=o?(k.error||k.data&&k.data.adminMarkInvoiceAsPaid)&&n.a.createElement(D.fb,{content:k.error?Object(c.ib)(k.error.toString()):k.data&&k.data.adminMarkInvoiceAsPaid&&"The invoice has been successfully updated!",error:k.error,duration:1e4,onDismiss:O}):null,w=v&&n.a.createElement(D.D,null);let S={};const I=Object(l.useCallback)(()=>{d(!0)},[]);if((p||g)&&y){const e=n.a.createElement(D.g,{children:"Send Invoice with Attachments",onClick:I});if(S={primaryAction:e},"Pending"==y.status){const t=n.a.createElement(D.g,{primary:!0,children:"Mark as Paid",onClick:()=>B("markAsPaid")});S={primaryAction:n.a.createElement(D.h,null,t,e)}}}const B=(e,t)=>{switch(e){case"markAsPaid":P()}},P=Object(l.useCallback)(()=>i(e=>!e),[]),x=`/${p?A:b}/billings/invoices`;return n.a.createElement(vh,null,n.a.createElement(D.H,Object.assign({title:"Invoice Details",breadcrumbs:[{content:"All Invoices",url:`/${p?A:b}/billings/invoices`}]},S),n.a.createElement(D.i,{sectioned:!0},w,v?n.a.createElement(Je.SkeletonPagePolaris,null):y?n.a.createElement(Ah,{invoice:y,refetch:E}):n.a.createElement(We.EmptyStatePolaris,null)),n.a.createElement(D.E,{title:"Mark as Paid",open:r,onClose:P,primaryAction:{content:"Mark as Paid",loading:v,onAction:()=>{C({variables:{id:y.id}}).then(e=>{}).catch(e=>{console.log("Error: ",e)})}},secondaryActions:[{content:"Cancel",onAction:P}]},n.a.createElement(D.E.Section,null,n.a.createElement(D.bb,null,n.a.createElement("p",null,"Are you sure to mark this invoice"," ",n.a.createElement("strong",null,"#",null===(t=y)||void 0===t?void 0:t.id)," to"," ",n.a.createElement("strong",null,"Paid"),"?")))),j),n.a.createElement(bh,{open:u,onClose:()=>d(!1),pathnameGoBack:x,invoiceId:null===(a=y)||void 0===a?void 0:a.id}))};function yh(){var e;const t=Object(O.h)(),a=n.a.useMemo(()=>{let e={props:{},value:{}};return null!=(null===t||void 0===t?void 0:t.state)&&"string"===typeof t.state&&(e=JSON.parse(t.state)),e},[null===t||void 0===t?void 0:t.state]),{currentUser:l}=Object(te.c)(),r=Object(c.T)(l),[o,{loading:s}]=Object(De.c)(Fb,{onCompleted:e=>{const t=e.createProduct;i.a.success({message:"Product has been saved!"}),B.a.push(`/${r}/products/edit/${t.id}`)},onError:e=>{i.a.error({message:Object(c.ib)(null===e||void 0===e?void 0:e.toString())})}}),u=n.a.useCallback(e=>{null!=e&&o({variables:{input:e}})},[]);return n.a.createElement(qb,{productBase:(null===a||void 0===a||null===(e=a.props)||void 0===e?void 0:e.productBase)||{},value:a.value,onSubmit:u,loading:s})}const Ch=j.b.div` 13151 .ant-card { 13152 margin-bottom: 20px; 13153 } 13154 .tag-wrap { 13155 border-radius: 3px; 13156 font-weight: 500; 13157 display: flex; 13158 align-items: center; 13159 } 13160 .product-fake-wrap { 13161 .ant-tabs-nav-wrap { 13162 padding-left: 0; 13163 } 13164 .ant-tabs-tab { 13165 padding-left: 0; 13166 max-width: 180px; 13167 white-space: break-spaces; 13168 text-align: left; 13169 padding-right: 12px; 13170 } 13171 .ant-tabs-ink-bar { 13172 height: auto; 13173 } 13174 .ant-tabs-bar { 13175 height: 400px; 13176 } 13177 .ant-tabs-content { 13178 height: 400px;
13179 overflow-y: scroll; 13180 } 13181 .product-fake-item { 13182 label { 13183 display: inline-block; 13184 } 13185 &.files { 13186 width: 65%; 13187 } 13188 & + .product-fake-item { 13189 margin-top: 1rem; 13190 } 13191 } 13192 } 13193`,{TabPane:kh}=ib.a,Oh=o.a` 13194 mutation createProductTemplate($input: NewProductTemplate!) { 13195 createProductTemplate(input: $input) { 13196 id 13197 name 13198 slug 13199 } 13200 } 13201`;class jh extends l.Component{constructor(e){super(e),this.handleChangeAttrOption=(e,t,a,l)=>{let n=this.state,r=n.productAttributes,i=r[e].options[t].disabled;r[e].options[t].disabled=!i;let o=Object.keys(r).length,s={};o>1&&k.a.forOwn(r,(function(e,t){let a=[];k.a.forOwn(e.options,(function(e){e.disabled||a.push(e.label)})),s[t]=a}));let c=n.variantsState?n.variantsState:l,u=[];k.a.forOwn(c,(function(t,l){var n,r;(null===t||void 0===t||null===(n=t.productBaseVariant)||void 0===n||null===(r=n.attributes)||void 0===r?void 0:r.length)>0&&t.productBaseVariant.attributes.forEach(n=>{if(n.slug===e&&n.option===a.label){let e={key:l,disabled:t.disabled};u.push(e);let a=!i;var r,c;if(o>1&&i)if((null===t||void 0===t||null===(r=t.productBaseVariant)||void 0===r||null===(c=r.attributes)||void 0===c?void 0:c.length)>0){let e=0;t.productBaseVariant.attributes.forEach(t=>{let a=t.slug,l=t.option,n=s[a];n.length>0&&n.includes(l)&&e++}),e!==o&&(a=i)}return t.disabled=a}})})),0===this.countActivatedVariants(c)&&(r[e].options[t].disabled=i,u.length>0&&u.forEach((function(e,t){c[e.key].disabled=e.disabled})),alert("You must keep at least one option for each attributes")),this.setState({productAttributes:r,variantsState:c,showBtnSave:!1}),this.ref.current.setFieldsValue({variants:c})},this.countActivatedVariants=e=>{let t=0;return k.a.forOwn(e,(function(e,a){var l,n;(null===e||void 0===e||null===(l=e.productBaseVariant)||void 0===l||null===(n=l.attributes)||void 0===n?void 0:n.length)>0&&(e.disabled||t++)})),t},this.handleCloseVariants=()=>{let{sortVariant:e}=this.state,t=e&&e.enabledValues&&e.disabledValues?[...e.enabledValues,...e.disabledValues]:[],a=this.ref.current.getFieldValue("variants");this.setState(e=>({productVariantsVisible:!1,variantsState:t.length>0?t:e.variantsState}),()=>{this.ref.current.setFieldsValue({variants:t.length>0?t:a})})},this.showProductVariants=()=>{this.setState({productVariantsVisible:!0})},this.strToSlug=e=>{e=(e=e.replace(/^\s+|\s+$/g,"")).toLowerCase();for(var t="\xe0\xe1\xe4\xe2\xe8\xe9\xeb\xea\xec\xed\xef\xee\xf2\xf3\xf6\xf4\xf9\xfa\xfc\xfb\xf1\xe7\xb7/_,:;",a=0,l=t.length;a<l;a++)e=e.replace(new RegExp(t.charAt(a),"g"),"aaaaeeeeiiiioooouuuunc------".charAt(a));return e=e.replace(/[^a-z0-9 -]/g,"").replace(/\s+/g,"-").replace(/-+/g,"-")},this.getProductBaseAttrs=(e,t,a)=>{let l={},n=!1;if(a){0===this.countActivatedVariants(a)&&(n=!0)}return e&&e.length>0&&e.forEach(e=>{let r={},i=!t&&!a&&"color"===e.slug;e.options.forEach(a=>{let l=!1;if(n&&(l=!0),t&&t[e.slug]&&t[e.slug].length>0&&(l=!0,k.a.includes(t[e.slug],a)&&(l=!1)),i){l=a!==k.a.head(e.options)}r[this.strToSlug(a)]={label:a,disabled:l}}),l[e.slug]={name:e.name,slug:e.slug,options:r}}),l},this.getActivatedProductAttrs=e=>{let t={};return k.a.forOwn(e,(function(e,a){var l,n;!e.disabled&&(null===e||void 0===e||null===(l=e.productBaseVariant)||void 0===l||null===(n=l.attributes)||void 0===n?void 0:n.length)>0&&e.productBaseVariant.attributes.forEach(e=>{t[e.slug]||(t[e.slug]=[]),t[e.slug].push(e.option)})})),t},this.onVariableDisabledChanged=e=>{let t=this.state;if(t&&t.currentProductBase&&t.currentProductBase.attributes){let t=this.getProductBaseAttrs(this.state.currentProductBase.attributes,this.getActivatedProductAttrs(e),e);this.setState({productAttributes:t})}this.setState({showBtnSave:!1})},this.getMockup=e=>e.mockup?e.mockup.map(e=>({mockup:e,productBaseId:e.id,file:null})):[],this.getDesignPositions=e=>e.designPositions?e.designPositions.map(e=>({designPosition:e,designPositionId:e.id,file:null})):[],this.getProductVariants=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=arguments.length>2?arguments[2]:void 0,l=arguments.length>3?arguments[3]:void 0;return e.variants?e.variants.map((e,n)=>{let r=!0;
13201e.attributes&&e.attributes.length&&a&&l&&e.attributes.forEach(e=>{e.slug&&"color"===e.slug&&e.option&&e.option.toLowerCase()===l.toLowerCase()&&(r=!1)});let i=e.id,o=n;return Object.keys(t).length&&(o=k.a.findIndex(t&&t.variants,{productBaseVariantID:i})),{productBaseVariantId:e.id,productBaseVariant:e,image:null,regularPrice:Object.keys(t).length?t.variants[o].regularPrice:e.regularPrice,salePrice:Object.keys(t).length?t.variants[o].salePrice:e.salePrice,disabled:a&&l?r:Object.keys(t).length?t.variants[o].disabled:!(!e||!e.disabled)&&e.disabled}}):[]},this.handleError=e=>{let t={};k.a.each(e,e=>{k.a.each(k.a.get(e,"errors",[]),e=>{const a=k.a.trim(e.message.toLowerCase());"undefined"===typeof t[a]&&i.a.error({message:Object(c.ib)(e.message)}),t[a]=!0})})},this.onFinish=(e,t)=>{const{productBase:a,template:l,isEditProduct:n,value:r}=this.props,i=this.state;e=JSON.parse(JSON.stringify(e)),["collections","tags"].forEach(t=>{e[t]&&e[t].length&&(e[t]=e[t].map(e=>e.id))}),e.mockup=e.mockup.map(t=>({fileId:t.id,productBaseId:e.productBaseId})),e.mockup=Object(c.eb)(e.mockup,"fileId"),e.designPositions&&e.designPositions.length&&(e.designPositions=e.designPositions.map(e=>(void 0===e.fileId&&(e.fileId=e.file&&e.file.id?e.file.id:null),""===e.fileId&&delete e.fileId,["designPosition","__typename","file"].forEach(t=>{"undefined"!==typeof e[t]&&delete e[t]}),e)));let o=[];if(e.psdFiles&&e.psdFiles.length>0){e.psdFiles.forEach(e=>{e&&e.id&&e.id.length>0&&o.push(e.id)})}if(o.length>0&&(e.psdFiles=o),!e.variants)if(n&&r&&r.variants){let t=[];
13201r.variants.forEach(e=>{var a;const l=(null===(a=e.amazonImages)||void 0===a?void 0:a.length)>0?e.amazonImages.map(e=>e.file):[];let n={disabled:e.disabled,id:e.id,image:e.image,amazonImages:l,productBaseVariantId:e.productBaseVariantId,regularPrice:e.regularPrice,salePrice:e.salePrice};t.push(n)}),e.variants=t}else if(i&&i.variantsState)e.variants=i.variantsState;else{let t={};l&&l.data&&l.data.products&&l.data.products.length&&(t=k.a.head(l.data.products)),e.variants=this.getProductVariants(a,t)}e.variants&&e.variants.length&&(e.variants=e.variants.map(e=>{var t;return["__typename","productBaseVariant","sku","sorting","productBaseVariantID"].forEach(t=>{"undefined"!==typeof e[t]&&delete e[t]}),e.image&&(e.image=e.image.id),(null===(t=e.amazonImages)||void 0===t?void 0:t.length)>0&&(e.amazonImages=e.amazonImages.map(e=>e?e.file?e.file.id:e.id:null).filter(Boolean)),e})),e.sortBases=[{productBaseId:e.productBaseId,position:0}],e.productBases=[e.productBaseId],delete e.productBaseId,e.pushToStores&&(e.pushToStores=e.pushToStores.map(e=>e.id)),!this.isChanged&&t&&(e.pushToStores=t&&"all"!==t.id?[t]:null);let s=this.state.fakeProductDesignPositions,u=[];s&&s.length&&(u=s.map(e=>({productId:e.productId,designPositions:e.designPositions.map(e=>({designPositionId:e.designPosition.id,fileId:e.fileId?e.fileId:""})),psd:e.psd,psdFiles:e.psdFiles.map(e=>e.id)}))),n&&(e.fakeProducts=u),this.props.onSubmit(e)},this.handleShowBtnSave=()=>{let e,t=this.state.defaultFieldsValue&&{...this.state.defaultFieldsValue},{current:a}=this.ref;if(a&&(e={...a.getFieldsValue(w.E)},e=JSON.parse(JSON.stringify(e))),e&&t){let{value:l,handleBtnSave:n}=this.props,r=Object(c.kb)(e,t);e=r.newFieldsValue,t=r.defaultFieldsValue;let{designPositions:i}=this.state;i&&i.length&&(i.forEach(e=>{null===e.fileId&&delete e.fileId}),e.designPositions=this.state.designPositions);let o={title:a.getFieldValue("title"),btnName:l?"Save Product":"Publish Product",shortTitle:a.getFieldValue("shortTitle"),amzTitle:a.getFieldValue("amzTitle")};Object(c.hb)(e,t)?(this.setState({showBtnSave:!0}),n&&n(!0,o)):(this.setState({showBtnSave:!1}),n&&n(!1,o))}},this.handleVisibleChange=()=>{this.setState(e=>({template:{visible:!e.template.visible}}))},this.handleCreateTemplate=e=>{let{name:t,slug:a,defaultMockups:l,client:n}=e;const{productBase:r}=this.props;let o,{current:s}=this.ref;s&&(o={...s.getFieldValue()});const u=(l||[]).map(e=>e.id).filter(Boolean),d={name:t,slug:a,defaultMockupIds:u,productBaseId:r.id,fields:(o.fields||[]).map(e=>{let{id:t,...a}=e;return a}),product:{title:o.title,description:o.description,productbaseId:o.productBaseId,shortDescription:o.shortDescription,tagIds:o.tags?o.tags.map(e=>e.id):[],variants:o.variants.map(e=>({salePrice:e.salePrice,regularPrice:e.regularPrice,productBaseVariantID:e.productBaseVariantId,disabled:e.disabled})),collectionIds:o.collections?o.collections.map(e=>e.id):[]}};n.mutate({mutation:Oh,variables:{input:d}}).then(e=>{e&&(i.a.success({message:`Template ${t} has been saved.`}),this.setState(e=>({template:{...e.template,loading:!1}})),this.handleVisibleChange())}).catch(e=>{i.a.error({message:Object(c.ib)(e.toString())}),this.setState(e=>({template:{...e.template,loading:!1}}))})},this.countState=e=>{let t=0,a=0;return e&&e.length&&e.forEach(e=>{e.disabled?a++:t++}),{counEnabled:t,counDisabled:a}},this.handleUpdatePrice=e=>{let{isEditProduct:t}=this.props,a=this.state.labels,{variantsState:l}=this.state,n=l||e;k.a.forOwn(a,e=>{let t=e&&e.label,a=e&&e.regularPrice,l=e&&e.salePrice;k.a.forOwn(n,e=>{e.productBaseVariant&&e.productBaseVariant.attributes&&e.productBaseVariant.attributes.length&&k.a.forOwn(e.productBaseVariant.attributes,n=>{n.option===t&&(e.regularPrice=a||e.regularPrice,e.salePrice=l||e.salePrice)})})}),this.setState({variantsState:n}),t||this.state.isDrap||(n=n&&n.sort((e,t)=>e.productBaseVariant.sorting-t.productBaseVariant.sorting)),this.ref.current.setFieldsValue({variants:n})},this.showNotification=e=>{let t={};k.a.each(e,e=>{k.a.each(k.a.get(e,"errors",[]),e=>{const a=k.a.trim(e?e.toLowerCase():null);"undefined"===typeof t[a]&&i.a.error({message:Object(c.ib)(e)}),t[a]=!0})})},this.validateTitle=(e,t,a)=>{let l=null;t?t.length>
13201oe.C&&(l=oe.mb):l="Product title is required.",l?a(l):a()},this.handleProductBaseChange=e=>{var t;const{id:a,defaultContent:l,defaultShortDescription:n}=e||{},r=this.getProductVariants(e);if(this.ref.current.setFieldsValue({productBaseId:a,variants:r,designPositions:this.getDesignPositions(e),description:l,shortDescription:n}),this.props.onChangeProductBase&&this.props.onChangeProductBase(e),this.handleShowBtnSave(),(null===e||void 0===e||null===(t=e.attributes)||void 0===t?void 0:t.length)>0){let t=this.getProductBaseAttrs(e.attributes);this.setState({productAttributes:t,variantsState:r,currentProductBase:e})}},this.handleValuesChange=e=>{"productBaseId"in e&&this.handleProductBaseChange(e.productBaseId),this.setState({changedValues:!0})},this.mockupRef=n.a.createRef(null),this.designPositionRef=n.a.createRef(null),this.ref=n.a.createRef(),this.state={showPreview:!1,disabled:!0,maxUpdate:null,defaultFieldsValue:null,showBtnSave:null,designPosition:null,productBase:null,template:{visible:!1,loading:!1},productVariantsVisible:!1,productAttributes:null,variantsState:null,currentProductBase:e.productBase,firstColor:null,labels:null,mainImgId:null,hasSetIgnoredIsFalse:!0,sortVariant:{}},this.handleCloseVariants=this.handleCloseVariants.bind(this),this.showProductVariants=this.showProductVariants.bind(this),this.handleChangeAttrOption=this.handleChangeAttrOption.bind(this),this.onVariableDisabledChanged=this.onVariableDisabledChanged.bind(this)}componentDidMount(){var e;const{value:t,productBase:a,template:l}=this.props;let n=!1;if(!t&&a){let e,t="",r="",i="",o=[],s=[],c={},u=k.a.get(l,"data.fields",[]);u&&(u=u.map(e=>("undefined"!==typeof e.__typename&&delete e.__typename,"undefined"!==typeof e.sorting&&delete e.sorting,e))),l&&l.data&&l.data.products&&l.data.products.length&&(n=!0,c=k.a.head(l.data.products),t=c.title,i=c.shortDescription,r=c.description,s=k.a.get(c,"collections",[])||[],o=k.a.get(c,"tags",[])||[]),a&&a.attributes&&a.attributes.length>0&&(a.attributes.forEach(t=>{"color"===t.slug&&t.options&&t.options.length&&(e=k.a.head(t.options),this.setState({firstColor:e}))}),this.setState({productAttributes:this.getProductBaseAttrs(a.attributes)})),this.ref.current.setFieldsValue({productBaseId:a.id,variants:this.getProductVariants(a,c,!0,e),designPositions:this.getDesignPositions(a),mockup:this.getMockup(a),description:l?r:a.defaultContent,shortDescription:l?i:a.defaultShortDescription,tags:o,collections:s,title:t,personalized:k.a.get(l,"data.personalized",!1),fields:u||[]}),this.setState({showPreview:k.a.get(l,"data.personalized",!1)})}if(t){let e={showPreview:k.a.get(t,"personalized",!1)};a&&a.attributes&&a.attributes.length>0&&(e.productAttributes=this.getProductBaseAttrs(a.attributes,this.getActivatedProductAttrs(t.variants))),t.variants&&(e.variantsState=t.variants),this.setState(e);const l=k.a.get(t,"designPositions",[]);l&&0!==l.length||this.ref.current.setFieldsValue({designPositions:this.getDesignPositions(a)})}let r={defaultFieldsValue:JSON.parse(JSON.stringify(this.ref.current.getFieldsValue(w.E))),mainImgId:(null===(e=this.props.value)||void 0===e?void 0:e.mainImageId)||null};if(a&&(r.currentProductBase=a),n){let e=k.a.head(l.data.products),t=e.variants,a=k.a.head(l.data.productBases),n=k.a.get(a,"variants",[])||[],i=k.a.get(a,"attributes",[])||[],o=[];t.forEach(e=>{let t=e.productBaseVariantID;n.forEach(a=>{if(a.id===t){let t={attributes:a.attributes};e.productBaseVariant=t,e.productBaseVariantId=a.id,e.image=null}}),o.push(e)}),r.variantsState=o,o={...o};let s=this.getProductBaseAttrs(i,this.getActivatedProductAttrs(o));s&&(r.productAttributes=s);const c=k.a.get(l,"defaultMockupIds",[]);let u=this;if((null===c||void 0===c?void 0:c.length)>0){const{apolloClient:e}=this.props;!async function(){let t=(await Promise.allSettled(c.map(async t=>await e.query({query:I.C,variables:{id:t}})))).filter(e=>{var t,a;return"fulfilled"===e.status&&null!=(null===(t=e.value)||void 0===t||null===(a=t.data)||void 0===a?void 0:a.fileById)}).map(e=>e.value.data.fileById);(null===t||void 0===t?void 0:t.length)>0&&(u.setState({mockups:t}),u.ref.current.setFieldsValue({mockup:t}))}()}this.ref.current.setFieldsValue({variants:this.getProductVariants(a,e)})}this.setState(r)}componentDidUpdate(e){let{clickSave:t}=this.props;t!==e.clickSave&&this.ref.current.submit()}render(){const{value:e,sku:t,loading:a,productBase:l,refetch:r,isEditProduct:o,currentParam:s,refetchTimeline:u,isProductIgnored:h,productId:f,fulfillmentId:C}=this.props,{designPositionRef:j}=this,w=this.state.maxUpdate?this.state.maxUpdate:l.regularPrice,S=l&&l.variants&&l.variants.length,D={labelCol:{span:24},wrapperCol:{span:24}},P=this.state.productAttributes,M=this.getProductVariants(l,{},!0,this.state.firstColor);let{variantsState:T}=this.state,Q=this.countState(T||M),R=e&&e.fakeProductDesignPositions,{currentUser:F}=this.context,N=k.a.get(F,"roles",[]),U=k.a.get(F,"teamUser.role",null),L=!1;N.includes(oe.pb.Seller)&&[oe.gb.MarketplaceManager].includes(U)&&(L=!0);const z=e=>{let{originUrl:t}=e;const a=t&&t.length>0?t:"foo";return n.a.createElement(jn.a,{href:a},n.a.createElement(rb.a,null))};
13201let q=(null===e||void 0===e?void 0:e.psd)?e.psd:null,H=q?q.split("|"):null;Array.isArray(H)&&(H=H.length>1?H.join(" \n "):H[0]);const $=this.ref.current&&this.ref.current.getFieldValue("shortTitle"),_=Object(Og.b)($,oe.D.fbTitle),G=this.ref.current&&this.ref.current.getFieldValue("amzTitle"),K=Object(Og.b)(G,oe.D.amzTitle),J=this.ref.current&&this.ref.current.getFieldValue("title"),Y=Object(Og.b)(J);return n.a.createElement(n.a.Fragment,null,n.a.createElement(O.a,{when:!1===this.state.showBtnSave,message:"You have unsaved changes, are you sure you want to leave?"}),n.a.createElement(hi.a,null,f=>n.a.createElement(te.a.Consumer,null,O=>{var T;let{store:F,currentUser:N}=O;return n.a.createElement(Ch,null,n.a.createElement(x.a,Object.assign({},D,{initialValues:{title:k.a.get(e,"title",""),shortTitle:k.a.get(e,"shortTitle"),amzTitle:k.a.get(e,"amzTitle"),description:k.a.get(e,"description",l.defaultContent),shortDescription:e?e.shortDescription:l.defaultShortDescription,collections:e&&e.collections?e.collections:[],tags:e&&e.tags?e.tags:[],productBaseId:l?l.id:null,variants:e?e.variants&&e.variants.length&&e.variants.sort((e,t)=>e.sorting-t.sorting):[],regularPrice:l?l.regularPrice:null,salePrice:l?l.salePrice:null,personalized:!!e&&e.personalized,fields:e&&e.fields&&e.fields.length>0?e.fields.map(e=>("undefined"!==typeof e.__typename&&delete e.__typename,"undefined"!==typeof e.sorting&&delete e.sorting,e)):[],designPositions:e?e.designPositions:[],mockup:e?e.images.map(e=>e.file):[],pushToStores:F&&"all"!==F.id?[F]:null,updateProductStore:!1,psd:e?H:null,psdFiles:e&&e.psdFiles?e.psdFiles:null,hasSetIgnoredIsFalse:!0,...Object(c.ub)(N)?{keyword:(null===e||void 0===e?void 0:e.keyword)||""}:{}},ref:this.ref,onFinish:async t=>{var a,l;const n=j.current||{},r=Pg({dimensions:(null===n||void 0===n||null===(a=n.state)||void 0===a?void 0:a.dimensions)||{}});if(null!=r)return void i.a.error({message:r.message});this.setState({showBtnSave:!0}),this.handleUpdatePrice(M),e||(t.variants=this.ref.current.getFieldValue("variants"));let{mainImgId:s}=this.state,c=null===(l=this.props.value)||void 0===l?void 0:l.mainImageId;const u=t.mockup||[],[d]=u;s||(c&&u.includes(e=>e.id===c)&&(s=c),null!=d&&(s=d.id)),t.mainImageId=s;const m=k.a.get(e,"amzTitle"),p=k.a.get(e,"id",void 0),{amzTitle:g}=t||{};if(g&&g!==m){var A;const{data:e}=await f.query({query:I.fb,variables:{title:g,whichField:oe.rb.AmzTitle,productID:p}});if((null===e||void 0===e||null===(A=e.getProductsByTitle)||void 0===A?void 0:A.total)>0)return i.a.error({message:oe.i,duration:3e3}),void this.setState({showBtnSave:!1})}if((!e||!o)&&this.mockupRef.current&&this.mockupRef.current.getMockups){const e=this.mockupRef.current.getMockups();t.fulfillmentProductMockups=e}this.onFinish(t,F)},scrollToFirstError:!0,onFinishFailed:e=>{let{_values:t,errorFields:a}=e;return this.showNotification(a)},onValuesChange:this.handleValuesChange}),n.a.createElement(ma,{subTitle:"Products",title:this.props.title?this.props.title:"Add Product",link:`/${s}/products`,action:e&&n.a.createElement(Zd.b,null,o&&n.a.createElement(v.a,{children:"Clone Product",onClick:()=>{const e={productBase:this.props.productBase},t=this.ref.current,a=t.getFieldsValue();let l=t.getFieldValue("variants");l=(l||[]).map(e=>{let{productBaseVariant:t,...a}=e;return a});const n=t.getFieldValue("fields"),r=t.getFieldValue("regularPrice"),i=t.getFieldValue("salePrice");a.regularPrice=r,a.salePrice=i,a.productAttrs=P,a.variants=l,a.fields=n;const o=JSON.stringify({props:e,value:a});B.a.push(`/${s}/products/clone`,o)}}),n.a.createElement(sa.a,{to:`/${s}/products/add`},n.a.createElement(v.a,{type:"primary"},"Add Product")),n.a.createElement(sa.a,{to:`/${s}/products/add-campaign`},n.a.createElement(v.a,{type:"primary"},"Add Campaign")))}),n.a.createElement(g.a,{gutter:16},n.a.createElement(A.a,{span:18},n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{name:"title",label:"Title",help:Y||void 0,rules:[{required:!0,validator:this.validateTitle}]},n.a.createElement(p.a,{placeholder:"Product title",onChange:this.handleShowBtnSave})),n.a.createElement(x.a.Item,{name:"shortTitle",label:"Facebook Title",help:_},n.a.createElement(p.a,{maxLength:oe.D.fbTitle,placeholder:"Enter facebook title",onCh
13201ange:this.handleShowBtnSave})),n.a.createElement(x.a.Item,{name:"amzTitle",label:"Amazon Title",help:K},n.a.createElement(p.a,{maxLength:oe.D.amzTitle,placeholder:"Enter amazon title",onChange:this.handleShowBtnSave})),n.a.createElement(x.a.Item,{name:"keyword",label:"Keyword",hidden:!Object(c.ub)(N)},n.a.createElement(p.a,{placeholder:"Enter keyword",onChange:this.handleShowBtnSave})),n.a.createElement(x.a.Item,{label:"Description",name:"description"},n.a.createElement(Kt.a,{onChange:this.handleShowBtnSave}))),e&&e.sku&&n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{label:"Product SKU"},n.a.createElement(p.a,{disabled:!0,value:e&&e.sku&&e.sku.length>0?e.sku:""})),(null===e||void 0===e||null===(T=e.refURL)||void 0===T?void 0:T.length)>0&&n.a.createElement(x.a.Item,{label:"Origin product URL"},n.a.createElement(p.a,{disabled:!0,addonAfter:n.a.createElement(z,{originUrl:e.refURL}),value:e.refURL}))),n.a.createElement(b.a,{title:"Organization"},n.a.createElement(x.a.Item,{name:"collections",label:"Collections",rules:[{required:!0,message:"Collections is required"}]},n.a.createElement(gg,{onChange:this.handleShowBtnSave})),n.a.createElement(x.a.Item,{name:"tags",label:"Tags",rules:[{required:!0,message:"Tags is required"}]},n.a.createElement(ig,{onChange:this.handleShowBtnSave}))),n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{name:"productBaseId",label:"Product Bases"},n.a.createElement(Vb,{filter:{fulfillmentId:C},productBase:l,disabled:!!e}))),n.a.createElement(b.a,{title:"Product Attributes",hidden:!S},P&&Object.keys(P).map((e,t)=>n.a.createElement("div",{key:"attribute-"+e},n.a.createElement("div",{className:"attribute-title"},P[e]&&P[e].name,":"),n.a.createElement("div",{style:{marginBottom:12}},P[e]&&P[e].options&&Object.keys(P[e].options).map(t=>{let a,l="color"===P[e].slug;l&&(a=P[e].options&&P[e].options[t]);let r=a&&this.strToSlug(a.label),i=a&&a.disabled,o=a&&a.label;if(o){let e=o.match("/")&&o.split("/");if(e&&e.length){let t=e.filter(e=>e.trim());1===t.length&&(o=t)}}return n.a.createElement("div",{style:{display:"inline-block"},key:"option-"+t},n.a.createElement(de.a,{key:"option-"+t,className:l?"tag-wrap":"",style:{color:l&&i?"#1890ff":"",cursor:"pointer",marginTop:8,padding:"3px 8px"},color:P[e].options[t].disabled?"":"#1890ff",onClick:()=>{this.handleChangeAttrOption(e,t,P[e].options[t],M)}},l&&n.a.createElement(cA.a,{optionSlug:r}),l?o:P[e].options&&P[e].options[t]&&P[e].options[t].label))})))),n.a.createElement("div",{className:"variant-total mt-6"},Q&&Q.counDisabled>=0&&n.a.createElement("div",null,"Total enabled: ",n.a.createElement("span",null,Q.counEnabled)),Q&&Q.counDisabled>=0&&n.a.createElement("div",null,"Total disabled:"," ",n.a.createElement("span",null,Q.counDisabled))),P&&Object.keys(P).forEach(e=>{if(P[e]&&"size"===P[e].slug){let t=[];return P[e].options&&Object.keys(P[e].options).forEach(a=>{t.push({label:P[e].options[a]&&P[e].options[a].label,regularPrice:null,salePrice:null})}),n.a.createElement(sA,{key:"labels-"+e,labels:this.state.labels?this.state.labels:t,onChange:e=>this.setState({labels:e}),onSubmit:()=>this.handleUpdatePrice(M)})}}),n.a.createElement(v.a,{onClick:()=>{this.showProductVariants(),this.handleUpdatePrice(M)}},"View All Variants"),n.a.createElement(y.a,{title:"Product Variants",visible:this.state.productVariantsVisible,onOk:this.handleCloseVariants,onCancel:this.handleCloseVariants,width:980,className:"modal-variants-wrap"},n.a.createElement(x.a.Item,{name:"variants"},n.a.createElement(rA,{productAttrs:JSON.stringify(P||{}),sku:t,isEditProduct:o,variantsMissing:this.props.variantsMissing,onChange:this.handleShowBtnSave,onVariableDisabledChanged:this.onVariableDisabledChanged,sortVariant:e=>{let{enabledValues:t,disabledValues:a,isDrap:l}=e;this.setState({sortVariant:{enabledValues:t,disabledValues:a},showBtnSave:!1,isDrap:l})}})))),n.a.createElement(b.a,{title:"Pricing",hidden:S},n.a.createElement(g.a,{gutter:16},n.a.createElement(A.a,{span:12},n.a.createElement(x.a.Item,{name:"regularPrice",label:"Regular Price"},n.a.createElement(V,{onChange:e=>{this.setState({regularPrice:e}),this.handleShowBtnSave()},onPressEnter:()=>this.setState({disabled:!1})}))),n.a.createElement(A.a,{span:12},n.a.createElement(x.a.Item,{name:"salePrice",label:"Sale Price"},n.a.createElement(V,{disabled:this.state.disabled,max:this.state.regularPrice||w,onChange:this.handleShowBtnSave}))))),R&&n.a.createElement(b.a,{title:"Print Files For Fulfillments"},n.a.createElement(x.a.Item,null,n.a.createElement("div",{className:"product-fake-wrap"},n.a.createElement(ib.a,{defaultActiveKey:"1",tabPosition:"left"},R.map((e,t)=>{let a;
13201e.productBases&&(a=e.productBases.map(e=>`${e.fulfillment&&e.fulfillment.name?e.fulfillment.name+": ":""} ${e.title?e.title:""}`).join(", "));let l=window.location.href,r=l.slice(0,l.lastIndexOf("/")+1);return n.a.createElement(kh,{tab:a,key:e.productId,"data-product_url":`${r}${e.productId}`},n.a.createElement("div",{className:"product-fake-item"},n.a.createElement("label",null,"Design Positions"),n.a.createElement(Dg,{value:e.designPositions,uploadFolder:"undefined",isProductForm:!0,onChange:e=>{R[t].designPositions=e,this.setState({fakeProductDesignPositions:R,showBtnSave:!1})}})),n.a.createElement("div",{className:"product-fake-item files"},n.a.createElement("label",null,"Design Resource Files"),n.a.createElement(Ae.a,{prefix:oe.ob.PSD_RESOURCE+"/",folder:oe.ob.PSD_RESOURCE,multiple:!0,listType:"picture-card",buttonType:"primary",accept:"image/*",value:e.psdFiles,onChange:e=>{R[t].psdFiles=e,this.setState({fakeProductDesignPositions:R,showBtnSave:!1})}})),n.a.createElement("div",{className:"product-fake-item"},n.a.createElement("label",null,"Design Resource Urls"),n.a.createElement(p.a.TextArea,{rows:4,value:e.psd,onChange:e=>{let a=e.target.value;R[t].psd=a,this.setState({fakeProductDesignPositions:R,showBtnSave:!1})}})))})))))),n.a.createElement(A.a,{span:6},!e&&n.a.createElement(b.a,{style:{marginBottom:15},title:"Push Product"},n.a.createElement(x.a.Item,{name:"pushToStores"},n.a.createElement(jA,{store:F&&"all"!==F.id?F:null,checked:!(!F||"all"===F.id)&&!!F,onChange:()=>(this.isChanged=!0,this.handleShowBtnSave())}))),e&&e.productStores&&e.productStores.length>0&&n.a.createElement(b.a,{title:"Update to stores",style:{marginBottom:15}},n.a.createElement(x.a.Item,{name:"updateProductStore",valuePropName:"checked"},n.a.createElement(E.a,{onChange:()=>{this.setState({showBtnSave:!1})}},"Also update changes to store"))),h&&n.a.createElement(b.a,{bodyStyle:{padding:"15px"}},n.a.createElement(x.a.Item,{name:"hasSetIgnoredIsFalse",valuePropName:"checked",style:{marginBottom:0}},n.a.createElement(E.a,{children:"Also remove this product from ignored list",checked:this.state.hasSetIgnoredIsFalse,onChange:e=>this.setState({hasSetIgnoredIsFalse:e.target.checked,showBtnSave:!1})}))),n.a.createElement(b.a,{title:"Print Files"},n.a.createElement(x.a.Item,{name:"designPositions"},n.a.createElement(Dg,{uploadFolder:"undefined",isProductForm:!0,ref:j,onChange:e=>{this.setState({designPositions:e},()=>{this.handleShowBtnSave()})}}))),n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{label:"Mockup",name:"mockup",rules:[{required:!0,message:"Please select at least one image"}]},n.a.createElement(Ae.a,{prefix:"mockups/",folder:t?Object(c.Z)(t):oe.ob.MOCKUPS,multiple:!0,listType:"picture-card",buttonType:"primary",accept:"image/*",onChange:this.handleShowBtnSave,isMockup:!0,mainImg:e&&e.mainImageId,fileList:this.state.mockups||[],hasDefaultMockup:!0,onChangeMainImg:e=>this.setState({mainImgId:e,showBtnSave:!1})}))),n.a.createElement(DA,{productBase:(null===e||void 0===e?void 0:e.productBases[0])||l,product:e,folder:t?Object(c.Z)(t):oe.ob.MOCKUPS,ref:this.mockupRef}),n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{label:"Design Resource Files",name:"psdFiles"},n.a.createElement(Ae.a,{prefix:oe.ob.PSD_RESOURCE+"/",folder:oe.ob.PSD_RESOURCE,multiple:!0,listType:"picture-card",buttonType:"primary",accept:"image/*",onChange:()=>this.setState({showBtnSave:!1}),value:e&&e.psdFiles?e.psdFiles:null}))),n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{label:"Design Resource Urls",name:"psd"},n.a.createElement(p.a.TextArea,{rows:4,onChange:()=>this.setState({showBtnSave:!1})}))),null!=(null===e||void 0===e?void 0:e.refURL)?n.a.createElement(b.a,{title:"Product Resource Urls",style:{marginTop:15}},n.a.createElement("div",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},n.a.createElement("a",{href:e.refURL,className:"Polaris-Link",target:"_blank",children:e.refURL}))):null,e&&!L&&n.a.createElement(b.a,{title:"Push Product "},n.a.createElement(x.a.Item,{name:"pushProductToStores"},n.a.createElement(jA,{isEditProduct:!0,store:F,productId:e.id,checked:!!F,refetch:r,onChange:()=>(this.isChanged=!0,this.handleShowBtnSave())}))),e&&e.productStores&&e.productStores.length>0&&n.a.createElement(b.a,{title:"Push History",bodyStyle:{paddingBottom:0}},n.a.createElement(x.a.Item,null,n.a.createElement(Db,{value:e.productStores})))),n.a.createElement(A.a,{span:24},n.a.createElement(b.a,{title:"Personalized"},n.a.createElement(x.a.Item,{name:"personalized",valuePropName:"checked"},n.a.createElement(E.a,{onChange:e=>{this.setState({showPreview:e.target.checked}),this.handleShowBtnSave()}},"This is a personalized product")),n.a.createElement("div",null,n.a.createElement(x.a.Item,{name:"fields",rules:[{required:this.state.showPreview,message:"Personalized is required."}]},n.a.createElement(Cg,{showPreview:this.state.showPreview,onChange:this.handleShowBtnSave})))),n.a.createElement(b.a,{title:"Templates",className:"mt-5"},n.a.createElement("p",null,"Save these product and settings as a template to be used for future use."),n.a.createElement("div",{className:"flex py-5"},n.a.createElement("div",{style:{flexGrow:1}},!o&&n.a.createElement(v.a,{onClick:()=>{o||this.props.onViewTemplates()},className:"p-0",type:"link"},"View All Templates")),n.a.createElement(v.a,{onClick:()=>{this.handleVisibleChange(),this.handleUpdatePrice(M)}},"Create Template"))),n.a.createElement(ob,{visible:this.state.template.visible,onChange:this.handleVisibleChange,template:this.state.template,handleCreateTemplate:e=>{let{name:t,slug:a,defaultMockups:l}=e;this.handleCreateTemplate({name:t,slug:a,defaultMockups:l,client:f}),this.setState(e=>({template:{...e.template,loading:!0}}))}}),n.a.createElement(x.a.Item,{style:{marginTop:20,textAlign:"right"}},n.a.createElement(v.a,{onClick:()=>{null===this.state.showBtnSave||this.state.showBtnSave?B.a.push(`/${s}/products`):y.a.confirm({title:"Cancel all unsaved changes?",icon:n.a.createElement(m.a,null),
13201content:"If Ok, you\u2019ll delete any edits you made.",onOk(){B.a.push(`/${s}/products`)},cancelText:"Continue"})}},"Cancel"),n.a.createElement(v.a,{className:"ml-4",type:"primary",icon:n.a.createElement(d.a,{type:"save"}),loading:a,htmlType:"submit",disabled:null===this.state.showBtnSave||this.state.showBtnSave},e?"Save Product":"Publish Product")),o?n.a.createElement(mb,{productId:e&&e.id,refetchTimeline:u}):null))))})))}}jh.contextType=te.a;var wh=jh;const Sh=o.a` 13202 mutation createProduct($input: NewProduct!) { 13203 createProduct(input: $input) { 13204 id 13205 title 13206 sku 13207 description 13208 designStatus 13209 personalized 13210 status 13211 sku 13212 productBases { 13213 id 13214 title 13215 } 13216 images { 13217 id 13218 productBaseId 13219 file { 13220 id 13221 url 13222 thumbnailUrl 13223 } 13224 } 13225 tags { 13226 id 13227 name 13228 } 13229 collections { 13230 id 13231 name 13232 } 13233 fields { 13234 id 13235 title 13236 name 13237 type 13238 extraFee 13239 configure 13240 sorting 13241 } 13242 } 13243 } 13244`,Ih=o.a` 13245 query getTemplateByID($id: ID!) { 13246 getTemplateByID(id: $id) { 13247 id 13248 name 13249 slug 13250 grouping 13251 defaultMockupIds 13252 data { 13253 personalized 13254 productBases { 13255 ...ProductBasse 13256 } 13257 ProductBaseIds 13258 fields { 13259 name 13260 title 13261 type 13262 extraFee 13263 configure 13264 sorting 13265 } 13266 products { 13267 title 13268 description 13269 productbaseId 13270 shortDescription 13271 tagIds 13272 tags { 13273 id 13274 name 13275 } 13276 variants { 13277 salePrice 13278 regularPrice 13279 productBaseVariantID 13280 disabled 13281 } 13282 collectionIds 13283 collections { 13284 id 13285 name 13286 } 13287 } 13288 } 13289 } 13290 } 13291 ${Gp} 13292`;class Bh extends l.Component{constructor(){super(...arguments),this.state={selectedProductBase:null,step:1,loading:!1,fulfillmentId:null,template:null},this.preLoadDesignPositionByBase=async e=>{if(!e)return e;const{__apolloClient__:t}=window||{};if(!t)return e;const{id:a}=e,l=await VA([a]);let n={...e};return l&&l[a]&&(n={...n,...l[a]}),n}}componentDidUpdate(e,t){let{loading:a}=this.state,{handleLoading:l}=this.props;a!==t.loading&&l&&l(a)}render(){let{handleBtnSave:e,clickSave:t,match:a}=this.props,{step:l}=this.state;const{id:r}=a.params,{currentUser:o}=this.context;let u=Object(c.T)(o);return console.log("this.state.selectedProductBase >>",this.state.selectedProductBase),n.a.createElement(s.b,{query:Ih,variables:{id:r},onCompleted:e=>{r&&e&&this.setState({template:e.getTemplateByID,selectedProductBase:k.a.head(e.getTemplateByID.data.productBases),step:2})},skip:!r},()=>n.a.createElement(n.a.Fragment,null,1===l&&n.a.createElement("div",null,n.a.createElement(ma,{title:"Add Product",subTitle:"Products",link:`/${u}/products`,action:n.a.createElement(v.a,{type:"primary",onClick:async()=>{if(1===this.state.step){if(!this.state.selectedProductBase)return void i.a.error({message:"Please select product base!"});const e=await this.preLoadDesignPositionByBase(this.state.selectedProductBase);this.setState({step:2,selectedProductBase:e})}}},"Continue")}),n.a.createElement(HA,{onFulfillmentChange:e=>{this.setState({fulfillmentId:e})},fulfillmentId:this.state.fulfillmentId,selectedProductBases:this.state.selectedProductBase,onChange:e=>{this.setState({selectedProductBase:e?e[0]:null})},onViewTemplates:()=>{this.setState({step:3})},multiple:!1})),2===l&&n.a.createElement(n.a.Fragment,null,n.a.createElement(s.a,{onError:e=>{i.a.error({message:Object(c.ib)(e.toString())}),this.setState({loading:!1})},onCompleted:e=>{const t=e.createProduct;i.a.success({message:"Product has been saved!"}),B.a.push(`/${u}/products/edit/${t.id}`)},mutation:Sh},(a,l)=>{let{client:r}=l;return n.a.createElement(wh,{apolloClient:r,loading:this.state.loading,currentParam:u,onSubmit:e=>{this.setState({loading:!0},()=>{a({variables:{input:e}})})},fulfillmentId:this.state.fulfillmentId,productBase:this.state.selectedProductBase,template:this.state.template,onViewTemplates:()=>{this.setState({step:3})},onChangeProductBase:e=>this.setState({selectedProductBase:e}),clickSave:t,handleBtnSave:(t,a)=>{a={...a,step:this.state.step,link:"/seller/products"},e&&e(t,a)}})})),3===l&&n.a.createElement(nb,{onChangeStep:()=>this.setState({step:1}),handleUseTemplate:e=>{this.setState({selectedProductBase:k.a.head(e.data.productBases),step:2,template:e})}})))}}Bh.contextType=te.a;var Dh=Bh;const Ph=o.a` 13293 query load($id: ID!) {
13294 productByID(id: $id) { 13295 id 13296 refURL 13297 productBases { 13298 id 13299 title 13300 teamId 13301 fulfillment { 13302 fulfillmentId 13303 printer # FASTUS 13304 } 13305 designPositions { 13306 id 13307 image { 13308 id 13309 thumbnailUrl 13310 url 13311 createdAt 13312 } 13313 name 13314 displayName 13315 description 13316 } 13317 attributes { 13318 name 13319 slug 13320 options 13321 } 13322 variants { 13323 id 13324 attributes { 13325 name 13326 slug 13327 option 13328 } 13329 regularPrice 13330 salePrice 13331 sellerPrice 13332 sorting 13333 status 13334 supplierPricing { 13335 id 13336 price 13337 } 13338 } 13339 } 13340 mainImageId 13341 images { 13342 id 13343 productBaseId 13344 file { 13345 id 13346 thumbnailUrl 13347 url 13348 createdAt 13349 } 13350 } 13351 collections { 13352 id 13353 name 13354 } 13355 tags { 13356 id 13357 name 13358 } 13359 title 13360 shortTitle 13361 amzTitle 13362 sku 13363 regularPrice 13364 salePrice 13365 description 13366 designStatus 13367 personalized 13368 variants { 13369 id 13370 productBaseVariantId 13371 regularPrice 13372 salePrice 13373 image { 13374 id 13375 url 13376 thumbnailUrl 13377 createdAt 13378 } 13379 amazonImages { 13380 id 13381 file { 13382 id 13383 thumbnailUrl 13384 url 13385 } 13386 } 13387 disabled 13388 sku 13389 sorting 13390 } 13391 shortDescription 13392 designPositions { 13393 id 13394 designPosition { 13395 id 13396 image { 13397 id 13398 name 13399 thumbnailUrl 13400 url 13401 } 13402 name 13403 displayName 13404 sorting 13405 description 13406 productBaseId 13407 artworkGuidelines { 13408 description 13409 file { 13410 url 13411 thumbnailUrl 13412 name 13413 } 13414 } 13415 } 13416 file { 13417 id 13418 name 13419 thumbnailUrl 13420 url 13421 createdAt 13422 } 13423 } 13424 images { 13425 id 13426 productBaseId 13427 file { 13428 id 13429 thumbnailUrl 13430 url 13431 createdAt 13432 } 13433 } 13434 fields { 13435 id 13436 title 13437 name 13438 type 13439 extraFee 13440 configure 13441 sorting 13442 } 13443 productStores { 13444 id 13445 store { 13446 id 13447 title 13448 platform 13449 } 13450 permalink 13451 originId 13452 createdAt 13453 updatedAt 13454 } 13455 psd 13456 psdFiles { 13457 id 13458 bucket 13459 key 13460 name 13461 size 13462 mimeType 13463 url 13464 thumbnailUrl 13465 alt 13466 caption 13467 createdAt 13468 } 13469 fakeProductDesignPositions { 13470 productTitle 13471 productId 13472 productBases { 13473 title 13474 fulfillment { 13475 id 13476 name 13477 } 13478 } 13479 psd 13480 psdFiles { 13481 id 13482 name 13483 size 13484 mimeType 13485 url 13486 thumbnailUrl 13487 } 13488 designPositions { 13489 id 13490 designPosition { 13491 id 13492 image { 13493 id 13494 name 13495 thumbnailUrl 13496 url 13497 } 13498 name 13499 description 13500 productBaseId 13501 artworkGuidelines { 13502 description 13503 file { 13504 url 13505 thumbnailUrl 13506 name 13507 } 13508 } 13509 } 13510 file { 13511 id 13512 name 13513 thumbnailUrl 13514 url 13515 createdAt 13516 } 13517 } 13518 } 13519 13520 keyword 13521 } 13522 } 13523`,xh=o.a` 13524 mutation updateProduct($input: EditProduct!) { 13525 updateProduct(input: $input) { 13526 id 13527 title 13528 sku 13529 description 13530 designStatus 13531 personalized 13532 productBases { 13533 id 13534 title 13535 } 13536 images { 13537 id 13538 productBaseId 13539 file { 13540 id 13541 thumbnailUrl 13542 url 13543 } 13544 } 13545 tags { 13546 id 13547 name 13548 } 13549 collections { 13550 id 13551 name 13552 } 13553 fields { 13554 id 13555 title 13556 type 13557 extraFee 13558 configure 13559 sorting 13560 } 13561 fakeProductDesignPositions { 13562 productTitle 13563 productId 13564 designPositions { 13565 id 13566 designPosition { 13567 id 13568 image { 13569 id 13570 name 13571 thumbnailUrl 13572 url 13573 } 13574 name 13575 description 13576 productBaseId 13577 artworkGuidelines { 13578 description 13579 file { 13580 url 13581 thumbnailUrl 13582 name 13583 } 13584 } 13585 } 13586 file { 13587 id 13588 name 13589 thumbnailUrl 13590 url 13591 createdAt 13592 } 13593 } 13594 } 13595 } 13596 } 13597`;class Mh extends l.Component{constructor(){super(...arguments),this.state={loading:!1,refetchTimeline:!1,data:void 0},this.preLoadDesignPositionByBase=async e=>{if(!e)return e;const{__apolloClient__:t}=window||{};if(!t)return e;const{id:a}=e,{data:l}=await t.query({query:GA,variables:{id:a}}),n=null===l||void 0===l?void 0:l.productBaseByID;return n&&n.designPositions&&(e.designPositions=n.designPositions),n}}componentDidUpdate(e,t){let{loading:a}=this.state,{handleLoading:l}=this.props;a!==t.loading&&l&&l(a)}render(){const{match:e}=this.props,{id:t}=e.params;let{handleBtnSave:a,clickSave:l}=this.props;const{currentUser:o}=this.context;let u=Object(c.T)(o);const d={...Object(c.m)(B.a.location.search)};let m=!1;
13597return Object.keys(d).forEach(e=>{"productIgnored"===e&&(m=!0)}),n.a.createElement(s.b,{fetchPolicy:"no-cache",query:Ph,variables:{id:t},onCompleted:async e=>{const{productByID:t,...a}=e||{};if(t){const e=t.productBases,a=(e||[])[0],l=await this.preLoadDesignPositionByBase(a),n=e.map(e=>e.id===l.id?{...e,designPositions:l.designPositions}:e);t.productBases=n}this.setState({data:{...a,productByID:t}})}},e=>{let{loading:o,error:d,refetch:p}=e;if(o)return n.a.createElement(r.a,{active:!0});if(d)return n.a.createElement("div",null,"Error: ",Object(c.ib)(d.toString()));const{data:g}=this.state;if(!g)return null;const A=g.productByID.productBases[0],b=g.productByID;let h={},f={};if(A.variants&&A.variants.length>0){for(let e=0;e<A.variants.length;e++){const t=A.variants[e];h[t.id]=t,f[t.id]={...t,count:0}}b.variants&&b.variants.length&&(b.variants=b.variants.map(e=>(e.productBaseVariant=h[e.productBaseVariantId],f[e.productBaseVariantId]&&f[e.productBaseVariantId].count++,e)))}""===(null===A||void 0===A?void 0:A.teamId)&&(A.title=Object(c.J)(A));const v=Object.values(f).map(e=>{const{count:t,...a}=e;if(0===t)return{productBaseVariantId:a.id,productBaseVariant:a,image:null,regularPrice:a.regularPrice,salePrice:a.regularPrice,disabled:!1}}).filter(Boolean);return n.a.createElement(s.a,{onCompleted:()=>{i.a.success({message:"Edit product has been success!"}),this.setState({loading:!1,refetchTimeline:!this.state.refetchTimeline}),p&&p()},onError:e=>{i.a.error({message:Object(c.ib)(e.toString())}),this.setState({loading:!1})},mutation:xh},e=>n.a.createElement(wh,{refetch:p,isProductIgnored:m,refetchTimeline:this.state.refetchTimeline,currentParam:u,isEditProduct:!0,sku:b.sku,loading:this.state.loading,onSubmit:a=>{let{pushProductToStores:l,pushToStores:n,...r}=a;r.id=t,"undefined"!==typeof r.productBaseId&&delete r.productBaseId,this.setState({loading:!0},()=>{e({variables:{input:r}})})},variantsMissing:v,productBase:A,fulfillmentId:Object(C.get)(A,"fulfillment.fulfillmentId")||null,value:b,title:"Edit Product",clickSave:l,handleBtnSave:(e,t)=>{t={...t,link:"/seller/products"},a&&a(e,t)},productId:t}))})}}Mh.contextType=te.a;var Th=Mh,Qh=a(43);function Rh(e,t){return Fh(e,t,"value")}function Fh(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"doc_count";return Object(C.get)(e,`${t}.${a}`)||0}const Nh={withMappingOrder:"mappingOrder",withShippingLabel:"orderId",withCustomer:"buyerName",withTeam:"teamName",withSupplier:"supplier",withStore:"store",withProduct:"product",withCarrier:"carrier",withTracking:"tracking",withFulfillment:"fulfillment",withOrderGrand:"revenue",withOriginalProduct:"product",withTaskStatus:"taskStatus",withLastOrderProgress:"status",withWarningAddress:"originId"};function Uh(e){const t=e.reduce((e,t)=>(e[t]=!0,e),{}),a={};for(const[l,n]of Object.entries(Nh))a[l]=!!t[n];return a}var Lh=a(561),Vh=a(339),zh=a(470),qh=a(535),Hh=a(1018),$h=a(1017),_h=a(1368),Gh=a(210),Kh=a(366),Jh=a(570),Yh=a(338),Wh=a(540),Zh=a(556),Xh=a(546),ef=a(337),tf=a(547);const af=Object(l.lazy)(()=>a.e(23).then(a.bind(null,1417))),lf=Object(l.lazy)(()=>a.e(22).then(a.bind(null,1418))),nf=Object(l.lazy)(()=>a.e(17).then(a.bind(null,1432))),rf=Object(l.lazy)(()=>a.e(24).then(a.bind(null,1419))),of=oe.R.reduce((e,t)=>(e[t.value]=t.label,e),{});function sf(e,t){const a=[];for(let l=0;l<e.length;l++){const n=e[l];t(n,l,e)&&a.push(n)}return a}const cf=e=>{const[t,a]=Object(l.useState)([]),[r,i]=Object(l.useState)([]),[o,s]=Object(l.useState)([]),[u,d]=Object(l.useState)({}),[m,p]=Object(l.useState)([]),[g,A]=Object(l.useState)(!1),[b,h]=Object(l.useState)({scrollLeft:null,scrollWidth:null,offsetWidth:null}),f=Object(l.useRef)(null),[v,E]=Object(l.useState)([]);let{userRole:y,teamRole:O,role:j,filter:S,onSelect:I,updateCount:B,setFilter:P,changeStatusCount:x,fixedColumn:M,screenOptions:T,dataSO:Q,refetch:R}=e;Object(Wh.a)({screenOptions:T,data:e.data,wrapRef:f.current});const{currentUser:F}=Object(te.c)(),N=Object(c.T)(F);let U=!1;const{isSeller:L,isMarketplaceManager:V,isDesignLeader:z,isSupplier:q,isFulfillment:H,isStoreManager:$}=Object(c.j)(F),_=L||V||$;y&&O&&y.includes(oe.pb.Seller)&&[oe.gb.Admin,oe.gb.StoreManager,oe.gb.MarketplaceManager].includes(O)&&(U=!0),Object(l.useEffect)(()=>{I&&I(m)},[m]),Object(l.useEffect)(()=>{d([])},[B,S.status]);const G=Object(l.useCallback)(t=>{A(t);let a=e.data&&e.data.ordersV2&&e.data.ordersV2.nodes;if(t){let e={};for(let t=0;t<a.length;t++)e={...e,[a[t].id]:!0};d(e)}else d({})},[e.data]),K=n.a.useMemo(()=>n.a.createElement(D.j,{label:"",checked:g,onChange:e=>G(e)}),[g,G]);Object(l.useEffect)(()=>{let e=[],t=[],l=JSON.parse(JSON.stringify(Q))||[];const n=l.findIndex(e=>{let{value:t}=e;return"mappingOrder"===t});if(n>
13597-1){l.splice(n,1);const e=l.findIndex(e=>{let{value:t}=e;return"productVariant"===t});e>-1&&(l.splice(e+1,0,{value:"mappingOrder",label:"Product Data",priority:16,public:!0}),l.splice(e+2,0,{value:"mappingOrder",label:"Meta Data",priority:16,public:!0}))}let r=l.filter(e=>T.length&&T.includes(e.value));e=r.map(e=>e.label),t=r.map(()=>"text"),([oe.pb.Admin].includes(j)||_)&&(t=["text",...t],e=[K,...e]),a(t),i(e)},[T,j,K,Q,_]),Object(l.useEffect)(()=>{var t,a,l;if((null===e||void 0===e||null===(t=e.data)||void 0===t||null===(a=t.ordersV2)||void 0===a||null===(l=a.nodes)||void 0===l?void 0:l.length)>0){const t=(e.data.ordersV2.nodes||[]||[]).reduce((e,t)=>t&&null!=t.originId?(e[t.originId]=(e[t.originId]||0)+1,e):e,{});let a=e.data.ordersV2.nodes.map(a=>{var l,r;let i=k.a.get(a,"supplier",null),o=k.a.get(a,"fulfillmentOrders[0]"),s=k.a.get(a,"fulfillment.slug",null);const d=s===w.f;o=["scalablepress","gearment","printway"].includes(s)?o&&o.fulfillmentSubmitID:o&&o.id;let m,p,g=k.a.get(a,"product",null),A=k.a.get(a,"product.sku",null),b=k.a.get(a,"originalProductID",null),h=k.a.get(a,"originalProduct",null),f=h&&h.sku,v=h&&h.title;g&&(m=b||g.id,p=v||g.title);let E=f||A,y=null;if(null===a||void 0===a?void 0:a.originalProductIsCampaign){y=`${`/${N}/products/campaign`}/${m}`}else if(g&&g.productBases){y=`${g.productBases.length>1?`/${N}/products/campaign`:`/${N}/products/edit`}/${m}`}let O=k.a.get(a,"productVariant.productBaseVariant",null),S=k.a.get(O,"attributes",[]),I=k.a.get(O,"productBase.title"),B=k.a.get(g,"productBases",[]),P=k.a.get(a,"shippingRate",null),M=k.a.get(g,"productBases",[]),Q=M&&M.length>0?M.map(e=>e.title).join(", "):null,F=null,{currentCost:V,shippingCost:$,supplierCost:G}=function(e){if(null!=e){const{baseCost:t,quantity:a,supplier:l,carrierPrice:n,shippingCost:r,supplierPrice:i}=e,o=k.a.get(e,"productVariant.productBaseVariant.productBase.hasAdditionalShipping",!1);let s=uf(e,"baseCost"),c=uf(e,"supplierPrice"),u=r;return null!=l&&o&&(s=t*a,c=i*a,0===r&&(u=n)),{currentCost:s,shippingCost:u,supplierCost:c}}return{currentCost:0,shippingCost:0,supplierCost:0}}(a);F=[oe.pb.Supplier].includes(j)?G:V,F=Object(c.a)(F,2),F="$"+F;let K=null,Y=0;null===$&&void 0===$||(Y=Object(c.a)($,2));let W=k.a.get(a,"fulfillment.slug",null),Z=null;W&&["customcat","gearment"].includes(W)&&0===Y&&(Z="-");const X=W===w.p,ee=W===w.g.Merchize,te=W===w.g.Printway,ae=W===w.g.Dreamship,le=W===w.g.Lenful;K=Z||"$"+Y;let ne=k.a.get(a,"store.platform",null),re=k.a.get(a,"revenue",0),ie=0;null===re&&void 0===re||(ie=re);let se="";if(ie>0)switch(ie=ie.toFixed(2),ne){case oe.M.Amazon:const e=()=>n.a.createElement(D.gb,{content:"Temporary revenue(include Amazon fee).",preferredPosition:"above"},n.a.createElement(D.w,{source:Hh.a}));se=a.orderGrand&&!a.orderGrand.isUpdated?e():a.isFinalRevenue?n.a.createElement(D.gb,{content:"Final revenue",preferredPosition:"above"},n.a.createElement(D.w,{source:$h.a,color:"green"})):e();break;case oe.M.Tiktok:const t=()=>n.a.createElement(D.gb,{content:"Temporary revenue",preferredPosition:"above"},n.a.createElement(D.w,{source:Hh.a}));se=a.isFinalRevenue?n.a.createElement(D.gb,{content:"Final revenue",preferredPosition:"above"},n.a.createElement(D.w,{source:$h.a,color:"green"})):t()}let ce=k.a.get(a,"fulfillment",null),ue=ce&&ce.name;!ue&&i&&(ue="Merch Bridge");let de=k.a.get(a,"store",null),me=k.a.get(de,"title",null),pe={woocommerce:Ib.a,shopify:Ob.a,ebay:bb.a,amazon:gb.a,shopbase:Cb.a,etsy:fb.a,facebook:Eb.a,tiktok:wb.a},ge={width:"auto",height:"40px",marginRight:"0.785rem"};["ebay","facebook","shopbase","etsy","amazon","tiktok"].includes(ne)&&(ge.height="30px");let Ae=k.a.get(de,"owners",[]),be=[];Ae&&Ae.length&&(be=Ae),be=be.filter(e=>"Owner"===e.role).map((e,t)=>{if(e.user){let a=e.user,l=a.firstName&&a.firstName.trim().charAt(0)||a.lastName&&a.lastName.trim().charAt(0),r=`${a.firstName?a.firstName:""} ${a.lastName?a.lastName:""}`;return n.a.createElement(pf,{key:t,index:t},n.a.createElement(D.d,{initials:l}),n.a.createElement("span",{className:"tooltip"},r))}return null}).filter(Boolean);let he=k.a.get(a,"status",null),fe=k.a.get(a,"fulfillmentStatus",null),ve=[oe.pb.Seller,oe.pb.Admin].includes(j)&&!q&&[oe.K.ReadyToPrint,oe.K.Printing,oe.K.PendingPayment].includes(he)?oe.K.InProduction:he;const Ee=ve&&oe.L.find(e=>e.name===ve);let ye;fe&&(ye=oe.L.find(e=>e.name===fe));let Ce=k.a.get(a,"taskStatus",null);const ke=Ce&&oe.eb.find(e=>e.name===Ce),Oe=null===a||void 0===a?void 0:a.usingTaskBulkDesign,je=Oe?"Yes":"No",we=Oe?"success":"critical",Se=null!=Oe?n.a.createElement("div",{className:"bulk-accept-design"},n.a.createElement(D.e,{children:je,status:we})):null,Ie=Object(C.get)(a,"productVariant.productBaseVariant.productBase.id");let Be=function(e,t){var a;if(!e)return[];const l=null===e||void 0===e?void 0:e.mainImageId,n=(null===e||void 0===e||null===(a=e.productBases)||void 0===a?void 0:a.length)>1,r=null===e||void 0===e?void 0:e.images;if(!(null==r?0:r.length))return[];let i=l&&"undefined"!==l?sf(r,e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===l}):[],o=sf(r,e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)!==l});if(t&&n){let e=sf(o,e=>(null===e||void 0===e?void 0:e.productBaseId)===t);e.length>0&&(o=e)}return[...i,...o].map(e=>e.file)}(g,Ie),De=(null===g||void 0===g||null===(l=g.collections)||void 0===l?void 0:l.length)>0?g.collections.map(e=>e.name):[];const Pe=(null===De||void 0===De?void 0:De.length)>0?De.map((e,t)=>
13597n.a.createElement(D.e,{key:"collection-"+t,children:e})):null;let xe=(null===g||void 0===g||null===(r=g.tags)||void 0===r?void 0:r.length)>0?g.tags.map(e=>e.name):[];const Me=(null===xe||void 0===xe?void 0:xe.length)>0?xe.map((e,t)=>n.a.createElement(D.e,{key:"tag-"+t,children:e})):null;let Te;(function(e){if(!e)return null;const t=e.productBases,a=(null===t||void 0===t?void 0:t.length)>0?t.map(e=>e.id):[],l=null===t||void 0===t?void 0:t.length,n=e.designCheckedByQC,r=e.basesDesignCheckedByQC,i=l>1,o=a.some(e=>(r||[]).includes(e));return i?o:!!n})(g)&&(Te=n.a.createElement("div",null,n.a.createElement(D.e,{children:"DS files checked by QC",status:"info"})));const Qe=(null===a||void 0===a?void 0:a.usingProductDesign)?n.a.createElement("div",null,n.a.createElement(D.e,{children:"Using product design",status:"info"})):null;let Re=null===a||void 0===a?void 0:a.fulfillmentServiceShippingOption;X&&of[Re]&&(Re=of[Re]),le&&oe.jb.lenful[Re]&&(Re=oe.jb.lenful[Re]),te&&oe.S[Re]&&(Re=oe.S[Re]);const Fe=n.a.createElement("div",{className:"shipping-option-wrap item"},!!Re&&n.a.createElement(D.e,{children:Re})),Ne=k.a.get(a,"fulfillmentOrders[0].FulfillmentDesc",""),Ue=Ne?n.a.createElement("span",null,"FFDesc: ",Ne):null,Le=Object(C.get)(a,"team.name",""),Ve=a.mappingOrder,ze=n.a.createElement(Gh.c,{node:Ve}),qe=[oe.N].includes(null===ne||void 0===ne?void 0:ne.toLowerCase());let He=(null===Ve||void 0===Ve?void 0:Ve.metaData)||[];const $e=null===Ve||void 0===Ve?void 0:Ve.personalized;(null===Ve||void 0===Ve?void 0:Ve.personalizedPreview)&&(He.unshift({key:"Preview Image",value:Ve.personalizedPreview}),He=Array.from(new Map(He.map(e=>[e.key,e])).values()));const _e=n.a.createElement(Gh.b,{data:$e}),Ge=n.a.createElement("div",{className:"meta-data-wrap item"},n.a.createElement(Gh.a,{data:He}),qe&&_e),Ke=Object(C.get)(a,"customer");let Je="";if(Ke){Je=[Object(C.get)(Ke,"firstName"),Object(C.get)(Ke,"lastName")].filter(Boolean).join(" ")}const Ye=n.a.createElement("div",{className:"customer-name item"},n.a.createElement("span",null,Je)),We=(t[a.originId]||0)>1?"order-id-wrap item flex-custom repeat":"order-id-wrap item flex-custom",Ze=k.a.get(a,"currencyCode"),Xe=Object(c.N)(Ze,ie),et=[...[oe.pb.Admin].includes(j)||_?[{key:!0,render:n.a.createElement("div",{className:"selection-wrap"},n.a.createElement(D.j,{label:"",checked:!!u[a.id],onChange:e=>J(a.id,e)}))}]:[],{key:"orderId",render:n.a.createElement("div",{className:We},n.a.createElement("span",{className:"order-id"},a.id,a.sellerNote&&n.a.createElement(D.gb,{content:a.sellerNote},n.a.createElement(D.w,{source:_h.a}))),o&&n.a.createElement("span",null,"FFID: ",o),a.ebayOrderId&&n.a.createElement("span",null,"EBID: ",a.ebayOrderId),Ue,a.hasResent&&n.a.createElement("span",null,"(Resent)"),n.a.createElement(Xh.a,{node:a}))},{key:"originId",render:n.a.createElement("div",{className:"originId-wrap item"},n.a.createElement("span",null,a.originId),n.a.createElement(ef.a,{node:null===a||void 0===a?void 0:a.warningAddress}))},{key:"product",render:n.a.createElement("div",{className:"product-wrap item"},g?n.a.createElement(n.a.Fragment,null,n.a.createElement("div",null,n.a.createElement(ci.default,{files:{files:Be},limit:1,width:80,height:80})),n.a.createElement("div",{className:"product-detail item flex-custom"},U||z||H||[oe.pb.Admin].includes(j)?n.a.createElement(D.B,{children:p,url:y}):n.a.createElement("span",null,p),[oe.pb.Admin,oe.pb.Seller].includes(j)&&a.product&&a.product.personalized&&n.a.createElement(Yh.PersonalizedPolaris,{order:a}),n.a.createElement("div",null,n.a.createElement(D.e,{children:E})),Qe,Te,n.a.createElement(wg.a,{fallback:null},n.a.createElement(rf,{node:a})))):n.a.createElement("span",null,"Product does not exists(maybe is deleted)"))},{key:"designFiles",render:n.a.createElement("div",{className:"design-files-wrap item"},n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(af,{orderId:null===a||void 0===a?void 0:a.id,productBaseId:Ie,canRequest:T.includes("designFiles")})))},{key:"productBases",render:n.a.createElement("div",{className:"productBase-wrap item flex-custom"},n.a.createElement("span",null,Q))},{key:"productVariant",render:n.a.createElement("div",{className:"pVariants-wrap item flex-custom"},B&&B.length>1?n.a.createElement("div",null,n.a.createElement("span",{className:"label"},"Type: "),n.a.createElement("span",{style:{wordBreak:"break-all"}},I)):null,S&&S.length>0?S.map((e,t)=>n.a.createElement("div",{key:t},n.a.createElement("span",{className:"label"},e.name,":")," ",n.a.createElement("span",{style:{wordBreak:"break-all"}},e.option))):B&&B.length>0?B.map(e=>e.attributes&&e.attributes.map((e,t)=>n.a.createElement("div",{key:t},n.a.createElement("span",{className:"label"},e.name,":")," ",n.a.createElement("span",{style:{wordBreak:"break-all"}},e.options.join(", "))))):null)},{key:"mappingOrder",render:ze},{key:"mappingOrder",render:Ge},{key:"buyerName",render:Ye},{key:"qty",render:n.a.createElement("div",{className:"quantity-wrap item"},n.a.createElement("span",null,a.quantity))},{key:"originQty",render:n.a.createElement("div",{className:"quantity-wrap item"},n.a.createElement("span",null,a.originQuantity||a.quantity))},{key:"cost",render:n.a.createElement("div",{className:"cost-wrap item"},n.a.createElement("span",null,F))},{key:"shippingCost",render:n.a.createElement("div",{className:"shippingCost-wrap item flex-custom"},n.a.createElement("span",null,K),n.a.createElement("span",{className:"shipping-rate"},P&&P.length>0?n.a.createElement("span",null,"(",P,")"):null))},{key:"revenue",render:n.a.createElement("div",{className:"revenue-wrap item"},n.a.createElement("span",null,Xe),n.a.createElement("span",{className:"revenue-icon"},ie>0?se:null))},{key:"teamName",render:n.a.createElement("div",{className:"item team-name-wrap"},n.a.createElement("span",null,Le))},{key:"store",render:n.a.createElement("div",{className:"store-wrap item"},n.a.createElement("div",null,ne&&n.a.createElement("img",{alt:"",src:pe[ne],style:{...ge}})),n.a.createElement("div",null,n.a.createElement("span",null,me)))},{key:"storeManager",render:n.a.createElement("div",{className:"storeManager-wrap"},be)},{key:"fulfillment",render:n.a.createElement("div",{className:"fulfillment-wrap item"},n.a.createElement("span",null,ue),d&&n.a.createElement("div",null,"(",[null===i||void 0===i?void 0:i.firstName,null===i||void 0===i?void 0:i.lastName].filter(
13597Boolean).join(" "),")"),ee&&(null===a||void 0===a?void 0:a.printingMethod)?n.a.createElement("div",null,n.a.createElement("span",null,n.a.createElement("b",null,"Printing method: "),a.printingMethod)):null,ae&&(null===a||void 0===a?void 0:a.enabled48HFulfillment)?n.a.createElement("div",{style:{marginTop:"5px"}},n.a.createElement(D.e,{children:"48H Fulfillment",status:"success"})):null)},{key:"supplier",render:n.a.createElement("div",{className:"supplier-wrap item"},n.a.createElement("span",null,i?`${i.firstName} ${i.lastName}`:null))},{key:"carrier",render:n.a.createElement("div",{className:"carrier-wrap item"},n.a.createElement("span",null,a.carrier&&a.carrier.name))},{key:"shippingOption",render:Fe},{key:"printingDate",render:n.a.createElement("div",{className:"printingDate-wrap"},a.printingDate&&n.a.createElement("span",null,Zr()(a.printingDate).format("YYYY-MM-DD HH:mm:ss")))},{key:"createdAt",render:n.a.createElement("div",{className:"createdAt-wrap item"},a.createdAt&&n.a.createElement("span",null,Zr()(a.createdAt).format("YYYY-MM-DD HH:mm:ss")))},{key:"tracking",render:n.a.createElement("div",{className:"tracking-wrap item"},n.a.createElement(wg.a,null,n.a.createElement(nf,{order:a,refetch:R})))},{key:"status",render:n.a.createElement("div",{className:"status-wrap"},Ee&&!fe?n.a.createElement("div",null,n.a.createElement(D.e,{children:L&&"Processing"===Ee.name?"Supplier Processing":Ee.name,status:Ee.status,progress:Ee.progress?Ee.progress:null}),"Pending Design"===Ee.name&&a.designTaskCreated&&n.a.createElement("p",{style:{marginLeft:"0.3rem"}},n.a.createElement("small",null,"(In design task)"))):n.a.createElement("div",null,fe?n.a.createElement(D.e,{status:ye.status,children:fe||he}):null),a.paused&&n.a.createElement("small",null,"(Paused)"),[oe.K.InProduction,oe.K.ReadyToPrint,oe.K.Fulfilled].includes(null===a||void 0===a?void 0:a.status)?n.a.createElement(tf.a,{lastProgress:null===a||void 0===a?void 0:a.lastOrderProgress,orderID:null===a||void 0===a?void 0:a.id,fulfillmentID:null===a||void 0===a?void 0:a.fulfillmentId}):null)},{key:"taskStatus",render:n.a.createElement("div",{className:"task-status_wrap"},ke&&n.a.createElement("div",null,n.a.createElement(D.e,{children:ke.name,status:ke.status,progress:ke.progress?ke.progress:null})))},{key:"assignee",render:n.a.createElement("div",{className:"assignee-wrap item"},n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(Kh.a,null)},n.a.createElement(lf,{orderId:null===a||void 0===a?void 0:a.id})))},{key:"acceptedBy",render:n.a.createElement("div",{className:"accepted-by-wrap item","data-order-id":a.id})},{key:"bulkAcceptDesign",render:Se},{key:"collection",render:n.a.createElement("div",{className:"collection-wrap item"},Pe)},{key:"tag",render:n.a.createElement("div",{className:"tag-wrap item"},Me)},{key:!0,render:n.a.createElement("div",{className:"actions-wrap item"},n.a.createElement(Zh.a,Object.assign({},e,{value:a,changeStatusCount:x})))}];let tt=[oe.pb.Admin].includes(j),at=et.filter(e=>T.includes(e.key)||!0===e.key).map(e=>e.render);return at.length>(tt?2:1)?[...at]:[]});s(a)}},[e.data,r,j,u,T,U,z]);const J=Object(l.useCallback)((e,t)=>{let a;d(l=>{let n={...l,[e]:t};return a=Object.values(n).filter(e=>e).length,n}),t?A(!0):0===a&&A(!1)},[m]);Object(l.useEffect)(()=>{let{scrollLeft:e,scrollWidth:t,offsetWidth:a}=b,l=document.querySelectorAll(".actions-wrap"),n=document.querySelectorAll(".Polaris-DataTable__Cell");for(let o of n)for(let e of l)Object(c.u)(o,e)&&(M?o.classList.add("custom-cell"):o.classList.remove("custom-cell"));const r=document.querySelectorAll(".Polaris-DataTable__TableRow");for(let o of Array.from(r))if(o){o.style&&(o.style="");const e=o.querySelectorAll(".Polaris-DataTable__Cell");for(let t of Array.from(e))t.style=""}const i=document.querySelectorAll(".order-id-wrap.repeat");for(let o of Array.from(i)){const e=Object(Gh.e)(o,"Polaris-DataTable__TableRow");if(e){const t=e.querySelectorAll(".Polaris-DataTable__Cell");for(let e of Array.from(t))e.style.backgroundColor="#ddd"}}},[o,b,M]),Object(l.useEffect)(()=>{const e=()=>{Object(c.Ub)(()=>{f.current&&h({scrollLeft:f.current.scrollLeft,scrollWidth:f.current.scrollWidth,offsetWidth:f.current.offsetWidth})})};return f.current&&f.current.addEventListener("scroll",e,{capture:!1,passive:!0}),()=>{f.current&&f.current.removeEventListener("scroll",e)}},[f]),Object(l.useEffect)(()=>{let e=[];
13597if(u)for(let[t,a]of Object.entries(u))a&&e.push(t);p(e)},[u]),Object(l.useEffect)(()=>{var t,a;const l=null===(t=e.data)||void 0===t||null===(a=t.ordersV2)||void 0===a?void 0:a.nodes;if(!l||0===l.length)return;const n=l.map(e=>{const{id:t,originId:a}=e||{};return m.includes(t)?a:null}).filter(Boolean);E(n)},[m,e.data]);const Y=Object(l.useCallback)(()=>{A(!1),d({}),p([]),R&&R()},[R]);let{limit:W,offset:Z}=S;const X=e.data,ee=k.a.get(X,"ordersV2.total",0),ae=k.a.get(X,"ordersV2.aggregations",null),le=Rh(ae,"total_base_cost"),ne=q?null:Rh(ae,"total_revenue"),re=Rh(ae,"total_qty"),ie=Rh(ae,"original_count"),se={page:Z/W+1,totalPage:Math.ceil(ee/W),offset:Z,limit:W,onChange:P,total:ee};return n.a.createElement(n.a.Fragment,null,_&&n.a.createElement(Jh.a,{idsChecked:v,ids:m,handleCheckedAll:G,handleCompleted:Y,status:null===S||void 0===S?void 0:S.status}),n.a.createElement(df,{ref:f},n.a.createElement(D.n,{columnContentTypes:[...t,"numeric"],headings:[...r,n.a.createElement("div",{className:"actions-wrap item"},"Actions")],rows:o,verticalAlign:"middle",hideScrollIndicator:!0})),n.a.createElement(mf,null,n.a.createElement(Ye.PaginationPolaris,Object.assign({aggregation:se,showTotal:!0},[oe.pb.Seller,oe.pb.Admin].includes(j)?{baseCost:le,totalRevenue:ne,totalQty:re,totalOrder:ie}:null))))};function uf(e,t){if(null==e)return 0;const{carrierPrice:a,quantity:l}=e;return(e[t]+a)*l}const df=j.b.div` 13598 overflow-x: auto; 13599 .Polaris-DataTable__Cell--header { 13600 white-space: nowrap; 13601 } 13602 .item { 13603 white-space: normal; 13604 word-break: break-word; 13605 } 13606 .flex-custom { 13607 display: flex; 13608 flex-direction: column; 13609 row-gap: 0.5rem; 13610 } 13611 .order-id-wrap { 13612 word-break: break-all; 13613 width: calc(25rem - 3.2rem); 13614 span:not(.order-id) { 13615 font-size: 13px; 13616 opacity: 0.865; 13617 } 13618 13619 .order-id { 13620 display: flex; 13621 gap: 5px; 13622 } 13623 } 13624 .originId-wrap, 13625 .assignee-wrap, 13626 .actions-wrap { 13627 word-break: break-all; 13628 width: calc(17rem - 3.2rem); 13629 } 13630 .product-wrap, 13631 .design-files-wrap { 13632 display: flex; 13633 flex-direction: row; 13634 align-items: start; 13635 width: calc(40rem - 3.2rem); 13636 .product-detail { 13637 margin-left: 0.75rem; 13638 } 13639 } 13640 .pVariants-wrap { 13641 span.label { 13642 font-weight: 600; 13643 } 13644 } 13645 .quantity-wrap, 13646 .cost-wrap { 13647 width: calc(10rem - 3.2rem); 13648 } 13649 13650 .accepted-by-wrap { 13651 width: calc(25rem - 3.2rem); 13652 display: flex; 13653 flex-direction: column; 13654 row-gap: 5px; 13655 } 13656 13657 .shippingCost-wrap { 13658 width: calc(25rem - 3.2rem); 13659 .shipping-rate { 13660 font-size: 12px; 13661 font-weight: 500; 13662 opacity: 0.8; 13663 } 13664 } 13665 .revenue-wrap { 13666 display: flex; 13667 .revenue-icon { 13668 margin-left: 0.5rem; 13669 .Polaris-Icon { 13670 display: inline-block; 13671 } 13672 } 13673 } 13674 .fulfillment-wrap, 13675 .supplier-wrap, 13676 .revenue-wrap, 13677 .pVariants-wrap, 13678 .collection-wrap, 13679 .tag-wrap, 13680 .team-name-wrap, 13681 .printingDate-wrap, 13682 .createdAt-wrap, 13683 .customer-name { 13684 width: calc(20rem - 3.2rem); 13685 } 13686 13687 .status-wrap { 13688 width: calc(30rem - 3.2rem); 13689 } 13690 13691 .shipping-option-wrap { 13692 width: calc(23rem - 3.2rem); 13693 } 13694 .store-wrap { 13695 width: max-content; 13696 display: flex; 13697 align-items: center; 13698 } 13699 .storeManager-wrap { 13700 width: calc(21rem - 3.2rem); 13701 display: flex; 13702 flex-wrap: wrap; 13703 row-gap: 0.5rem; 13704 } 13705 .carrier-wrap { 13706 width: calc(13rem - 3.2rem); 13707 } 13708 13709 .tracking-wrap, 13710 .productBase-wrap { 13711 width: calc(32rem - 3.2rem); 13712 small { 13713 font-size: 87%; 13714 } 13715 } 13716 13717 .actions-wrap { 13718 margin-left: auto; 13719 } 13720 13721 .status-wrap, 13722 .task-status_wrap { 13723 small { 13724 font-size: 87%; 13725 } 13726 } 13727 13728 .product-data-wrap, 13729 .meta-data-wrap { 13730 display: flex; 13731 flex-direction: column; 13732 row-gap: 0.75rem; 13733 width: calc(32rem - 3.2rem); 13734 } 13735 13736 .meta-data-wrap img { 13737 // max-width: 28.8rem; 13738 max-width: 100px; 13739 height: auto; 13740 object-fit: cover; 13741 } 13742 13743 .collection-wrap, 13744 .tag-wrap { 13745 margin-left: -0.7rem; 13746 margin-top: -0.9rem; 13747 > span { 13748 margin-top: 1rem; 13749 margin-left: 1rem; 13750 } 13751 .Polaris-Badge { 13752 max-width: 100%; 13753 .Polaris-Badge__Content { 13754 overflow: hidden; 13755 text-overflow: ellipsis; 13756 white-space: nowrap; 13757 } 13758 } 13759 } 13760 13761 .Polaris-DataTable { 13762 .Polaris-DataTable__ScrollContainer { 13763 overflow-x: inherit; 13764 -webkit-overflow-scrolling: touch; 13765 } 13766 } 13767 .Polaris-DataTable__Cell { 13768 &.custom-cell { 13769 position: sticky; 13770 right: 0; 13771 z-index: 10; 13772 background-color: #fff; 13773 &:after { 13774 box-shadow: rgba(0, 0, 0, 0.15) -10px 0px 8px -8px inset; 13775 position: absolute; 13776 top: 0px; 13777 bottom: -1px; 13778 width: 30px; 13779 transition: box-shadow 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s; 13780 content: ""; 13781 pointer-events: none; 13782 left: 0px; 13783 transform: translateX(-100%); 13784 } 13785 } 13786 } 13787 .Polaris-DataTable__TableRow { 13788 &:hover { 13789 .Polaris-DataTable__Cell { 13790 &.custom-cell { 13791 background-color: var(--p-surface-hovered, #f9fafb); 13792 } 13793 } 13794 } 13795 &:last-child { 13796 .storeManager-wrap { 13797 padding-bottom: 2rem; 13798 } 13799 } 13800 } 13801`,mf=j.b.div` 13802 padding: 1.6rem; 13803 overflow-x: scroll; 13804 background: var(--p-surface-subdued, #f4f6f8); 13805`,pf=j.b.div` 13806 display: flex; 13807 align-items: center; 13808 position: relative; 13809 cursor: pointer; 13810 z-index: 1; 13811 transform: ${e=>e.index?`translateX(-${e.index%4*12}
13811px)`:"translateX(0px)"}; 13812 .Polaris-Avatar { 13813 border: 2px solid #fff; 13814 width: calc(4rem + 4px); 13815 .Polaris-Avatar__Svg { 13816 height: auto; 13817 } 13818 } 13819 .tooltip { 13820 visibility: hidden; 13821 background-color: black; 13822 color: #fff; 13823 text-align: center; 13824 border-radius: 6px; 13825 padding: 5px 8px; 13826 position: absolute; 13827 top: 100%; 13828 left: 50%; 13829 transform: translateX(-50%); 13830 } 13831 &:hover { 13832 z-index: 2; 13833 .tooltip { 13834 visibility: visible; 13835 } 13836 } 13837`;var gf=a(548);const Af=n.a.lazy(()=>a.e(14).then(a.bind(null,1431)));let bf=k.a.cloneDeep(oe.K);for(let[Z0,X0]of Object.entries(bf))bf[Z0]=(hf=X0)?hf.toLowerCase().replace(/[^\w ]+/g,"").replace(/ +/g,"_"):"";var hf;const[ff,vf]=Object(te.b)("OrderContext"),Ef=o.a` 13838 fragment ORDER_BASE_FRAGMENT on Order { 13839 id 13840 originId 13841 baseCost 13842 status 13843 quantity 13844 originQuantity 13845 paused 13846 supplierPrice 13847 carrierPrice 13848 createdAt 13849 fulfillmentStatus 13850 ebayOrderId 13851 originalProductIsCampaign 13852 usingTaskBulkDesign 13853 usingProductDesign 13854 fulfillmentServiceShippingOption 13855 additionalItemShippingPrice 13856 additionalItemShippingCondition 13857 labelLink 13858 enabled48HFulfillment 13859 shippingLabel @include(if: $withShippingLabel) { 13860 labelLink 13861 carrier 13862 trackingCode 13863 } 13864 printingMethod 13865 fulfillmentWarehouse 13866 customer @include(if: $withCustomer) { 13867 firstName 13868 lastName 13869 } 13870 team @include(if: $withTeam) { 13871 id 13872 name 13873 } 13874 fulfillmentOrders { 13875 id 13876 fulfillmentId 13877 fulfillmentSubmitID 13878 FulfillmentDesc 13879 } 13880 supplier @include(if: $withSupplier) { 13881 id 13882 firstName 13883 lastName 13884 } 13885 storeId 13886 store @include(if: $withStore) { 13887 id 13888 title 13889 platform 13890 owners { 13891 id 13892 role 13893 user { 13894 id 13895 firstName 13896 lastName 13897 email 13898 } 13899 } 13900 } 13901 product @include(if: $withProduct) { 13902 regularPrice 13903 id 13904 title 13905 sku 13906 personalized 13907 mainImageId 13908 designCheckedByQC 13909 basesDesignCheckedByQC 13910 baseVariantsDesignCheckedByQC 13911 tags { 13912 id 13913 name 13914 } 13915 collections { 13916 id 13917 name 13918 } 13919 images { 13920 id 13921 productBaseId 13922 file { 13923 id 13924 thumbnailUrl 13925 url 13926 createdAt 13927 } 13928 } 13929 productBases { 13930 id 13931 title 13932 attributes { 13933 name 13934 options 13935 } 13936 } 13937 designPositions { 13938 file { 13939 id 13940 url 13941 thumbnailUrl 13942 } 13943 designPosition { 13944 sorting 13945 id 13946 name 13947 description 13948 productBaseId 13949 } 13950 } 13951 } 13952 productVariant { 13953 id 13954 productBaseVariant { 13955 id 13956 fulfillmentProductId 13957 fulfillmentSku 13958 attributes { 13959 name 13960 option 13961 } 13962 productBase { 13963 id 13964 title 13965 niceName 13966 hasAdditionalShipping 13967 } 13968 } 13969 } 13970 carrier @include(if: $withCarrier) { 13971 id 13972 name 13973 code 13974 trackingUrl 13975 } 13976 # tracking { 13977 # id 13978 # status 13979 # code 13980 # newCode 13981 # trackingMoreId 13982 # newCodeStatus 13983 # submitted 13984 # newCodeSubmitted 13985 # newCodeTrackingMoreId 13986 # submittedTrackingNote 13987 # submittedNewCodeTrackingNote 13988 # } 13989 trackingCodes @include(if: $withTracking) { 13990 id 13991 trackingCode 13992 status 13993 trackingServiceSlug 13994 trackingServiceId 13995 submittedToSaleChannel 13996 carrierCode 13997 } 13998 designTaskCreated 13999 hasResent 14000 printingDate 14001 fulfillmentId 14002 fulfillment @include(if: $withFulfillment) { 14003 id 14004 name 14005 slug 14006 } 14007 revenue 14008 shippingCost 14009 orderGrand @include(if: $withOrderGrand) { 14010 grandTotal 14011 isUpdated 14012 } 14013 shippingRate 14014 originalProductID 14015 originalProduct @include(if: $withOriginalProduct) { 14016 id 14017 title 14018 sku 14019 } 14020 taskStatus @include(if: $withTaskStatus) 14021 usedCalcCost 14022 sellerNote 14023 isFinalRevenue 14024 isOrderLabel 14025 14026 lastOrderProgress @include(if: $withLastOrderProgress) 14027 14028 currencyCode 14029 14030 warningAddress @include(if: $withWarningAddress) { 14031 ...WarningAddressFragment 14032 } 14033 } 14034 ${Qh.F} 14035`,yf=o.a` 14036 fragment MAPPING_ORDER_FRAGMENT on MappingOrder { 14037 productId 14038 variantId 14039 sku 14040 price 14041 shippingService 14042 note 14043 metaData 14044 personalized 14045 originOrder 14046 personalizedPreview 14047 currencyCode 14048 } 14049`,Cf=o.a` 14050 query ordersV2( 14051 $filter: OrderFilter 14052 $withMappingOrder: Boolean! 14053 $withShippingLabel: Boolean! 14054 $withCustomer: Boolean! 14055 $withTeam: Boolean! 14056 $withSupplier: Boolean! 14057 $withStore: Boolean! 14058 $withProduct: Boolean! 14059 $withCarrier: Boolean! 14060 $withTracking: Boolean! 14061 $withFulfillment: Boolean! 14062 $withOrderGrand: Boolean!
14063 $withOriginalProduct: Boolean! 14064 $withTaskStatus: Boolean! 14065 $withLastOrderProgress: Boolean! 14066 $withWarningAddress: Boolean! 14067 ) { 14068 ordersV2(filter: $filter) { 14069 total 14070 aggregations 14071 nodes { 14072 ...ORDER_BASE_FRAGMENT 14073 mappingOrder @include(if: $withMappingOrder) { 14074 ...MAPPING_ORDER_FRAGMENT 14075 } 14076 } 14077 } 14078 } 14079 ${Ef} 14080 ${yf} 14081`,kf=o.a` 14082 query ordersAggsV2($filter: OrderFilter) { 14083 ordersAggsV2(filter: $filter) 14084 } 14085`,Of=j.b.div` 14086 margin: -1rem; 14087 @media (min-width: 640px) { 14088 margin: -1.5rem; 14089 } 14090 .Polaris-Tabs__DisclosureActivator:focus { 14091 box-shadow: none; 14092 } 14093 .pagination-header { 14094 overflow-x: scroll; 14095 padding: 1.6rem; 14096 border-bottom: 0.1rem solid var(--p-border-subdued, #dfe3e8); 14097 } 14098`,jf=Object.keys(w.A),wf=jf[0],Sf=jf[1],If={range:{from:Zr()().subtract(10,"years").startOf("day"),to:Zr()().subtract(10,"days").endOf("day")}},Bf={range:{from:Zr()().subtract(10,"years").startOf("day"),to:Zr()().subtract(12,"days").endOf("day")}},Df=[...oe.n,"designTaskCreated","trackingStatus","status","fulfilmentId","storeId","supplierId","carrierId","productBaseId","fulfillmentStatus","personalized","orderSource","viewAs","storeManagerId","groupId","teamId","usingTaskBulkDesign","usingProductDesign","referringSite","sourceName","fulfillmentServiceShippingOption","manualOrder","orderHasNote","tagIds","collectionIds"],Pf=e=>{var t,a;const{path:r}=e,i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)},t=null===B.a||void 0===B.a?void 0:B.a.location.pathname,a=null;if(t.includes("redirect")&&(a=t.split("/").pop()),e){e.collectionIds&&(e.collectionIds=e.collectionIds.split(/\,/).filter(Boolean)),e.tagIds&&(e.tagIds=e.tagIds.split(/\,/).filter(Boolean)),e.orderSource&&(e.orderSource=e.orderSource.split(/\,/).filter(Boolean)),e.orderType&&("personalized"===e.orderType&&(e.personalized=!0),"normal"===e.orderType&&(e.personalized=!1)),e.designTaskCreated&&("assigned"===e.designTaskCreated&&(e.designTaskCreated=!0),"unassigned"===e.designTaskCreated&&(e.designTaskCreated=!1)),e.usingTaskBulkDesign&&("Yes"===e.usingTaskBulkDesign&&(e.usingTaskBulkDesign=!0),"No"===e.usingTaskBulkDesign&&(e.usingTaskBulkDesign=!1)),e.orderHasNote&&("Yes"===e.orderHasNote&&(e.orderHasNote=!0),"No"===e.orderHasNote&&(e.orderHasNote=!1)),e.manualOrder&&("Yes"===e.manualOrder&&(e.manualOrder=!0),"No"===e.manualOrder&&(e.manualOrder=!1)),"Yes"===e.usingProductDesign&&(e.usingProductDesign=!0),e.fulfilmentId===oe.I&&(e.fulfilmentId=""),[wf,Sf].includes(e.trackingStatus)&&(e.status="Fulfilled"),a&&(e.search=a);let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,Df)}return e},[i]),[s,u]=Object(l.useState)({limit:Number(Object(c.M)("perPageOrders"))||20,offset:0,trackingStatus:null,status:null,fulfilmentId:null,range:null,search:"",storeId:null,supplierId:null,carrierId:null,productBaseId:null,fulfillmentStatus:null,personalized:null,orderSource:null,viewAs:e.viewAs,storeManagerId:null,designTaskCreated:null,groupId:null,teamId:null,usingTaskBulkDesign:null,collectionIds:null,tagIds:null,usingProductDesign:null,readyToPrintTime:null,referringSite:null,sourceName:null,fulfillmentServiceShippingOption:null,orderHasNote:null,manualOrder:null,...o}),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)(null),[A,b]=Object(l.useState)(!1),[h,f]=Object(l.useState)([]),[v,E]=Object(l.useState)(!1),[y,O]=Object(l.useState)(null),[j,S]=Object(l.useState)([]),[P,x]=Object(l.useState)(!0),[M,T]=Object(l.useState)(!1),[Q,R]=Object(l.useState)(""),{store:F,currentUser:N}=Object(l.useContext)(te.a),U=k.a.get(N,"roles",[]),L=k.a.get(N,"teamUser.role",null),V=Object(c.db)(N),{isSeller:z,isAdministrator:q}=Object(c.j)(N),{viewAs:H}=e,$=n.a.useMemo(()=>V?`${V}${w.t.SOHT}`:null,[V]),[_]=Object(De.b)(I.Ub,{variables:{filter:{search:$}},onCompleted:e=>{var t;if((null===e||void 0===e||null===(t=e.variables)||void 0===t?void 0:t.length)>0){const t=e.variables[0];(null===t||void 0===t?void 0:t.value)&&T(!0)}}}),{data:G,loading:K,error:J,refetch:Y}=Object(De.d)(Cf,{variables:{filter:{...s,storeId:F?F.id:s.storeId,trackingStatus:[Bf.range,If.range].includes(s.range)?"notfound":s.trackingStatus},...Uh(d)},skip:0===d.length,fetchPolicy:"no-cache",onCompleted:()=>{s&&s.status;(z||q)&&_()}}),{data:W,loading:Z}=Object(De.d)(kf,{variables:{filter:{...s,storeId:F?F.id:s.storeId,trackingStatus:[Bf.range,If.range].includes(s.range)?"notfound":s.trackingStatus,status:null,fulfillmentStatus:null}},skip:0===d.length});let X=!1;U&&L&&U.includes(oe.pb.Seller)&&(X=[oe.gb.Admin,oe.gb.StoreManager,oe.gb.MarketplaceManager].includes(L));const ee=Object(qh.a)(null===s||void 0===s?void 0:s.viewAs,null===s||void 0===s?void 0:s.status);Object(l.useEffect)(()=>{let e=Object(c.M)("userId");const t="Supplier"===H?"screenOption_Order_Supplier_"+e:"screenOption_Order_"+e;let a=Object(c.M)(t);const l=ee.map(e=>e.value);a?(a=a.split(","),a=a.filter(e=>!(!(null===e||void 0===e?void 0:e.trim())&&1)&&l.includes(e))):a=l,m(a),g(()=>e)},[H,ee]),Object(l.useEffect)(()=>{let{offset:e,limit:t,personalized:a,status:l,designTaskCreated:n,range:r,usingTaskBulkDesign:i,collectionIds:o,tagIds:u,usingProductDesign:d,readyToPrintTime:m,orderHasNote:p,manualOrder:g,fulfilmentId:A,...b}=s,h=null;!0===a&&(h="personalized"),!1===a&&(h="normal"),!0===n&&(n="assigned"),!1===n&&(n="unassigned"),!0===i&&(i="Yes"),!1===i&&(i="No"),!0===d&&(d="Yes"),!0===p&&(p="Yes"),!1===p&&(p="No"),!0===g&&(g="Yes"),!1===g&&(g="No"),""===A&&(A=oe.I),Object(c.c)(u)||(u=u.filter(Boolean).join(",")),Object(c.c)(o)||(o=o.filter(
14098Boolean).join(","));let f=Object(c.o)(t,e),v=null;v=Object(c.l)({limit:t,paged:f,...b,orderType:h,designTaskCreated:n,status:l,usingTaskBulkDesign:i,usingProductDesign:d,orderHasNote:p,manualOrder:g,fulfilmentId:A,tagIds:u,collectionIds:o}),B.a.push(`${B.a.location.pathname}?${v}`)},[s]),Object(l.useEffect)(()=>{if(p){const e="Supplier"===H?"screenOption_Order_Supplier_"+p:"screenOption_Order_"+p;Object(c.Nb)(e,d,7)}},[p,JSON.stringify(d),H]);const ae=Object(l.useCallback)(()=>{u(e=>({...e})),b(!1)},[]),le=Object(l.useCallback)(e=>{let{search:t,fulfilmentId:a,storeId:l,productBaseId:n,carrierId:r,supplierId:i,trackingStatus:o,personalized:s,orderSource:c,designTaskCreated:d,storeManagerId:m,range:p,groupId:g,teamId:A,usingTaskBulkDesign:h,collectionIds:f,tagIds:v,usingProductDesign:E,readyToPrintTime:y,referringSite:k,sourceName:O,fulfillmentServiceShippingOption:j,orderHasNote:w,manualOrder:S}=e;[wf].includes(o)&&(p=If.range),[Sf].includes(o)&&(p=Bf.range);let I=null;const B=(null===c||void 0===c?void 0:c.length)>0?c:null;u(e=>(I=e,{...e,search:t,fulfilmentId:a,storeId:l,productBaseId:n,carrierId:r,supplierId:i,trackingStatus:o,personalized:s,orderSource:B,designTaskCreated:d,storeManagerId:m,range:p,groupId:g,teamId:A,usingTaskBulkDesign:h,collectionIds:f,tagIds:v,usingProductDesign:E,readyToPrintTime:y,referringSite:k,sourceName:O,fulfillmentServiceShippingOption:j,orderHasNote:w,manualOrder:S})),I&&(Object(C.isEqual)(I.search,t)&&Object(C.isEqual)(I.fulfilmentId,a)&&Object(C.isEqual)(I.storeId,l)&&Object(C.isEqual)(I.productBaseId,n)&&Object(C.isEqual)(I.carrierId,r)&&Object(C.isEqual)(I.supplierId,i)&&Object(C.isEqual)(I.trackingStatus,o)&&Object(C.isEqual)(I.personalized,s)&&Object(C.isEqual)(I.orderSource,B)&&Object(C.isEqual)(I.designTaskCreated,d)&&Object(C.isEqual)(I.storeManagerId,m)&&Object(C.isEqual)(I.range,p)&&Object(C.isEqual)(I.groupId,g)&&Object(C.isEqual)(I.teamId,A)&&Object(C.isEqual)(I.usingTaskBulkDesign,h)&&Object(C.isEqual)(I.collectionIds,f)&&Object(C.isEqual)(I.tagIds,v)&&Object(C.isEqual)(I.usingProductDesign,E)&&Object(C.isEqual)(I.readyToPrintTime,y)&&Object(C.isEqual)(I.referringSite,k)&&Object(C.isEqual)(I.sourceName,O)&&Object(C.isEqual)(I.orderHasNote,w)&&Object(C.isEqual)(I.manualOrder,S)&&Object(C.isEqual)(I.fulfillmentServiceShippingOption,j)||(b(!1),u(e=>({...e,offset:0}))))},[]),ne=Object(l.useCallback)((e,t)=>{u(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageOrders",t,100)},[]),re=K&&n.a.createElement(D.D,null),ie=k.a.get(W,"ordersAggsV2")||{},se=(ce=ie)&&"object"===typeof ce&&0!==Object.keys(ce).length?(ce.in_production={...ce.in_production,doc_count:Fh(ce,"pending_payment")+Fh(ce,"ready_to_print")+Fh(ce,"printing")},ce):ce;var ce;const ue=Fh(se,"total"),de=k.a.get(G,"ordersV2.total",0),me=Math.ceil(de/s.limit),pe={page:s.offset/s.limit+1,totalPage:me,offset:s.offset,limit:s.limit,onChange:ne,total:de};return n.a.createElement(Fa.a,null,n.a.createElement(ff,{itemsChecked:h,hasPassOnHoldTime:M,fulfillmentSlug:Q,setFulfillmentSlug:R},n.a.createElement(Of,null,re,n.a.createElement("div",null,n.a.createElement(gf.a,{options:ee,defaultValue:d,onChange:e=>m(e),onChangeFixedColumn:e=>x(e),fixedColumn:P})),n.a.createElement(D.H,{title:"All Orders",fullWidth:!0,primaryAction:n.a.createElement(Lh.a,Object.assign({},e,{filter:s,KEY_DAY_10:wf,KEY_DAY_12:Sf,data:G,currentUser:N,refetch:Y}))},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(wg.a,null,n.a.createElement(Af,{itemsChecked:h,refetch:Y,reload:ae,filter:s,onChange:le,updateCount:e=>{E(e=>!e),O(e)}}))),n.a.createElement(D.i,null,n.a.createElement(Kr.a,{loading:K||Z,value:e.ordersFilter,defaultValue:s.status||s.fulfillmentStatus,total:ue,aggregations:se,onChange:e=>{let t=e.status;"Ready To Print"===t&&(t="Ready to Print"),u(e=>({...e,status:[oe.K.DesignRejected].includes(t)?null:t,fulfillmentStatus:[oe.K.DesignRejected].includes(t)?t:null,offset:0}))}}),de?n.a.createElement("div",{className:"pagination-header"},n.a.createElement(Ye.PaginationPolaris,{aggregation:pe,showTotal:!0})):null,K?n.a.createElement(Je.SkeletonPagePolaris,null):n.a.createElement(n.a.Fragment,null,J?n.a.createElement("div",null,"Error: ",Object(c.ib)(J.toString())):n.a.createElement(n.a.Fragment,null,(null===G||void 0===G||null===(t=G.ordersV2)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(zh.a,{data:G.ordersV2.nodes,screenOptions:d},n.a.createElement(Vh.a,{data:G.ordersV2.nodes},n.a.createElement(cf,Object.assign({},e,{data:G,refetch:Y,filter:s,screenOptions:d,dataSO:ee,userRole:U,teamRole:L,onSelect:e=>f(e),updateCount:v,convertOS:bf,fixedColumn:P,changeStatusCount:e=>{S(e)},setFilter:(e,t)=>{u(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageOrders",t,100)}})))):n.a.createElement(We.EmptyStatePolaris,null))))))))},xf=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=n.a.useMemo(()=>Object(c.W)(t),[t]);return n.a.createElement(Pf,{role:oe.pb.Admin,ordersFilter:w.m,path:l})},Mf=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=n.a.useMemo(()=>Object(c.W)(t),[t]);return n.a.createElement(Pf,{role:oe.pb.Supplier,ordersFilter:w.o,path:l})};var Tf=[{path:"/admin/product-bases",exact:!0,title:"Product bases",component:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=n.a.useMemo(()=>Object(c.W)(t),[t]);
14098return n.a.createElement(Pd,null,n.a.createElement(D.H,{title:"Product Bases",fullWidth:!0,primaryAction:{content:"Add Base",url:"/admin/product-bases/add"}},n.a.createElement(Dd,{path:l})))},roles:["Administrator"],layout:ar},{path:"/admin/orders2",exact:!0,title:"Orders",component:Xu,roles:["Administrator"],layout:ar},{path:"/admin/orders2/supplier",exact:!0,title:"Supplier Orders",component:Nm,roles:["Administrator"],layout:ar},{path:"/admin/orders",exact:!0,title:"Orders",component:xf,roles:["Administrator"],layout:ar},{path:"/admin/orders/supplier",exact:!0,title:"Supplier Orders",component:Mf,roles:["Administrator"],layout:ar},{path:"/admin/claims",exact:!0,title:"Claims",component:bi,roles:["Administrator"],layout:ar},{path:"/admin/reports",exact:!0,title:"Reports",component:Md,roles:["Administrator"],layout:ar},{path:"/admin/product-bases/add",exact:!0,component:Oa,layout:ar,title:"Add Product Base",roles:["Administrator"]},{path:"/admin/product-bases/edit/:id",exact:!0,component:Au,layout:ar,roles:["Administrator"]},{path:"/admin/users",exact:!0,component:jp,layout:ar,title:"Users manager",roles:["Administrator"]},{path:"/admin/users/edit/:id",exact:!0,component:Vl,layout:ar,roles:["Administrator"]},{path:"/admin/suppliers",exact:!0,component:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=n.a.useMemo(()=>Object(c.W)(t),[t]);return n.a.createElement(qm,null,n.a.createElement(D.H,{title:"All Supplier",fullWidth:!0,primaryAction:{content:"Add supplier",url:"/admin/supplier/add"}},n.a.createElement(zm,{path:l})))},layout:ar,roles:["Administrator"]},{path:"/admin/sellers",exact:!0,component:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=n.a.useMemo(()=>Object(c.W)(t),[t]);return n.a.createElement(Hd,null,n.a.createElement(D.H,{title:"All Seller",fullWidth:!0},n.a.createElement(qd,{path:l})))},layout:ar,roles:["Administrator"]},{path:"/admin/supplier/edit/:id",exact:!0,component:()=>{var e;const{id:t}=Object(O.i)(),[a,r]=Object(l.useState)(!1),[i,o]=Object(l.useState)(null),[s,u]=Object(l.useState)({message:null,isError:!1}),{data:d,error:m}=Object(De.d)(gn),{data:p,loading:g,error:A}=Object(De.d)(pn,{variables:{id:t},skip:!t}),[b,{loading:h}]=Object(De.c)(mn,{onCompleted:()=>{u({message:"Edit user successfuly.",isError:!1});const e=setTimeout(()=>{f()},2100);o(e)},onError:e=>{let t=e.toString().includes("uix_users_email");u({message:t?"Email name already in use, please try another name.":Object(c.ib)(e.toString()),isError:!0})}});Object(l.useEffect)(()=>()=>{clearTimeout(i)},[]);const f=Object(l.useCallback)(()=>{B.a.push("/admin/suppliers")},[]),v=Object(l.useCallback)(()=>r(e=>!e),[]),E=Object(l.useCallback)(e=>{u({message:null,isError:!1}),e&&t&&b({variables:{input:{id:t,...e}}}),v()},[t]),y=g&&n.a.createElement(D.D,null),C=a?s&&s.message&&n.a.createElement(D.fb,{content:s.message,error:s.isError,duration:2e3,onDismiss:v}):null,k=(null===d||void 0===d||null===(e=d.systemRoles)||void 0===e?void 0:e.length)>0?d.systemRoles.filter(e=>!["Administrator","Seller"].includes(e)):[];return n.a.createElement(An,null,C,y,n.a.createElement(D.H,{title:"Edit supplier",breadcrumbs:[{content:"Suppliers",url:"/admin/suppliers"}]},g?n.a.createElement(Je.SkeletonPagePolaris,null):A?n.a.createElement("div",null,"Error: ",Object(c.ib)(A.toString())):n.a.createElement(sn,{value:p,dataRole:k,onSubmit:E,error:m,loading:h,editSupplier:!0,handleRedirect:f})))},layout:ar,roles:["Administrator"]},{path:"/admin/supplier/add",exact:!0,component:()=>{const[e,t]=Object(l.useState)(!1),[a,r]=Object(l.useState)(null),[i,o]=Object(l.useState)({message:null,isError:!1}),[s,{loading:u}]=Object(De.c)(un,{onCompleted:()=>{o({message:"Add user successfuly.",isError:!1});const e=setTimeout(()=>{p()},2100);r(e)},onError:e=>{let t=e.toString().includes("uix_users_email");o({message:t?"Email name already in use, please try another name.":Object(c.ib)(e.toString()),isError:!0})}});Object(l.useEffect)(()=>()=>{clearTimeout(a)},[]);const{data:d,error:m}=Object(De.d)(dn),p=Object(l.useCallback)(()=>{B.a.push("/admin/suppliers")},[]),g=Object(l.useCallback)(()=>t(e=>!e),[]),A=Object(l.useCallback)(e=>{o({message:null,isError:!1}),e&&s({variables:{input:e}}),g()},[]),b=e?i&&i.message&&n.a.createElement(D.fb,{content:i.message,error:i.isError,duration:2e3,onDismiss:g}):null;return n.a.createElement(cn,null,b,n.a.createElement(D.H,{title:"Add supplier",breadcrumbs:[{content:"Suppliers",url:"/admin/suppliers"}]},n.a.createElement(sn,{dataRole:null===d||void 0===d?void 0:d.systemRoles,onSubmit:A,error:m,loading:u,handleRedirect:p})))},layout:ar,roles:["Administrator"]},{path:"/admin/carriers",exact:!0,component:()=>n.a.createElement($r,null,n.a.createElement(D.H,{title:"All Carriers",fullWidth:!0,primaryAction:{content:"New Carrier",url:"/admin/add-carriers"}},n.a.createElement(Hr,null))),layout:ar,roles:["Administrator"]},{path:"/admin/add-carriers",exact:!0,component:()=>{const[e,t]=Object(l.useState)(!1),[a,r]=Object(l.useState)(null),[i,o]=Object(l.useState)({message:null,isError:!1}),[s,{loading:u}]=Object(De.c)(il,{onCompleted:()=>{o({message:"Create carrier successfuly.",isError:!1});const e=setTimeout(()=>{m()},3500);r(e)},onError:e=>{o({message:Object(c.ib)(e.toString()),isError:!0})}});Object(l.useEffect)(()=>()=>{clearTimeout(a)},[]);const d=Object(l.useCallback)(e=>{if(o({message:null,isError:!1}),null!=e){const{options:t,...a}=e;s({variables:{input:a}})}p()},[]),m=Object(l.useCallback)(()=>B.a.push("/admin/carriers/"),[]),p=Object(l.useCallback)(()=>t(e=>!e),[]),g=e?i&&i.message&&n.a.createElement(D.fb,{content:i.message,error:i.isError,duration:5e3,onDismiss:p}):null;return n.a.createElement(rl,null,g,n.a.createElement(D.H,{title:"Add Carrier",breadcrumbs:[{content:"Carriers",url:"/admin/carriers"}]},n.a.createElement(nl,{onSubmit:d,handleRedirect:m,loading:u})))},layout:ar,roles:["Administrator"]},{path:"/admin/edit-carrier/:id",exact:!0,component:()=>{const{id:e}=Object(O.i)(),[t,a]=Object(l.useState)(!1),[r,i]=Object(l.useState)(null),[o,s]=Object(l.useState)({message:null,isError:!1}),{data:u,loading:d,error:m}=Object(De.d)(ol,{variables:{id:e},skip:!e}),[p,{loading:g}]=Object(De.c)(sl,{onCompleted:()=>{s({message:"Update carrier successfuly.",isError:!1});const e=setTimeout(()=>{f()},5e3);i(e)},onError:e=>{s({message:Object(c.ib)(e.toString()),isError:!0})}}),[A]=Object(De.c)(cl,{onCompleted:()=>{},onError:()=>{}});Object(l.useEffect)(()=>()=>{clearTimeout(r)},[]);const b=Object(l.useCallback)(()=>a(e=>!e),[]),h=Object(l.useCallback)(t=>{if(s({message:null,isError:!1}),null!=t&&e){const{options:a,...l}=t,n=a.split(/\n/g);p({variables:{input:{...l,id:e}}}),A({variables:{input:[{carrierId:e,options:n}]}})}b()},[e,A,p,b,s]),f=Object(l.useCallback)(()=>B.a.push("/admin/carriers/"),[]),v=d&&n.a.createElement(D.D,null),E=t?o&&o.message&&n.a.createElement(D.fb,{content:o.message,error:o.isError,duration:5e3,onDismiss:b}):null;return n.a.createElement(ul,null,v,E,n.a.createElement(D.H,{title:"Edit Carrier",breadcrumbs:[{content:"Carriers",url:"/admin/carriers"}]},d?n.a.createElement(D.i,null,n.a.createElement(Je.SkeletonPagePolaris,null)):m?n.a.createElement(D.i,{sectioned:!0},"Error: ",Object(c.ib)(m.toString())):n.a.createElement(nl,{value:null===u||void 0===u?void 0:u.carrierById,onSubmit:h,handleRedirect:f,loading:g,isEdit:!0})))},layout:ar,roles:["Administrator"]},{path:"/admin/categories",exact:!0,component:Gr,layout:ar,roles:["Administrator"]},{path:"/admin/add-category",exact:!0,component:Sl,layout:ar,roles:["Administrator"]},{path:"/admin/edit-category/:id",exact:!0,component:Dl,layout:ar,roles:["Administrator"]},{path:"/admin/system/cron-jobs",exact:!0,component:Si,layout:ar,roles:["Administrator"],title:"Cron Jobs"},{path:"/admin/system/settings",exact:!0,component:Fm,layout:ar,roles:["Administrator"],title:"System Settings"},{path:"/admin/system/private-features",exact:!0,component:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=n.a.useMemo(()=>Object(c.W)(t),[t]);
14098return n.a.createElement(ud.a,null,n.a.createElement(D.H,{title:"Private Features",fullWidth:!0},n.a.createElement(fd,{path:l})))},layout:ar,roles:["Administrator"],title:"Private Features"},{path:"/admin/fulfillment",exact:!0,component:()=>n.a.createElement(Hu,null,n.a.createElement(D.H,{title:"Manage Fulfillment",fullWidth:!0,primaryAction:{content:"Add fulfillment",url:"/admin/fulfillment/add"}},n.a.createElement(qu,null))),layout:ar,title:"Fulfillment",roles:["Administrator"]},{path:"/admin/fulfillment/add",exact:!0,component:()=>{const[e,t]=Object(l.useState)(!1),[a,r]=Object(l.useState)(null),[i,o]=Object(l.useState)({message:null,isError:!1}),[s,{loading:u}]=Object(De.c)(_l,{onCompleted:()=>{o({message:"Add fulfillment successfuly.",isError:!1});const e=setTimeout(()=>{d()},2100);r(e)},onError:e=>{o({message:Object(c.ib)(e.toString()),isError:!0})}});Object(l.useEffect)(()=>()=>{clearTimeout(a)},[]);const d=Object(l.useCallback)(()=>{B.a.push("/admin/fulfillment")},[]),m=Object(l.useCallback)(()=>t(e=>!e),[]),p=Object(l.useCallback)(e=>{o({message:null,isError:!1}),e&&s({variables:{input:e}}),m()},[]),g=e?i&&i.message&&n.a.createElement(D.fb,{content:i.message,error:i.isError,duration:2e3,onDismiss:m}):null;return n.a.createElement(Gl,null,g,n.a.createElement(D.H,{title:"Add fulfillment",breadcrumbs:[{content:"Manage fulfillment",url:"/admin/fulfillment"}]},n.a.createElement($l,{loading:u,onSubmit:p,handleRedirect:d})))},layout:ar,title:"Add Fulfillment",roles:["Administrator"]},{path:"/admin/fulfillment/:id",exact:!0,component:()=>{var e;const{id:t}=Object(O.i)(),[a,r]=Object(l.useState)({limit:200,offset:0,search:""}),[i,o]=Object(l.useState)(!1),[s,u]=Object(l.useState)(null),[d,m]=Object(l.useState)({message:null,isError:!1}),{data:p,loading:g,error:A}=Object(De.d)(Kl,{variables:{id:t,filter:{...a,id:t}},fetchPolicy:"network-only",skip:!t}),[b,{loading:h}]=Object(De.c)(Jl,{onCompleted:()=>{m({message:"Update fulfillment successfuly.",isError:!1});const e=setTimeout(()=>{f()},2100);u(e)},onError:()=>{m({message:"Something is wrong.",isError:!0})}});Object(l.useEffect)(()=>()=>{clearTimeout(s)},[]);const f=Object(l.useCallback)(()=>{B.a.push("/admin/fulfillment")},[]),v=Object(l.useCallback)(()=>o(e=>!e),[]),E=Object(l.useCallback)(e=>{m({message:null,isError:!1}),e&&b({variables:{input:{id:t,...e}}}),v()},[t]),y=i?d&&d.message&&n.a.createElement(D.fb,{content:d.message,error:d.isError,duration:2e3,onDismiss:v}):null,C=g&&n.a.createElement(D.D,null);return n.a.createElement(Yl,null,C,y,n.a.createElement(D.H,{title:"Edit fulfillment",breadcrumbs:[{content:"Manage fulfillment",url:"/admin/fulfillment"}]},A?n.a.createElement("div",null,"Error: ",Object(c.ib)(A.toString())):n.a.createElement($l,{onSubmit:E,handleRedirect:f,data:p,filter:a,loading:h,isEditFF:!0,loadingQuery:g,total:(null===p||void 0===p||null===(e=p.fulfillmentProductById)||void 0===e?void 0:e.total)||0,setFilter:r,onChange:(e,t)=>
14098r(a=>({...a,offset:e,limit:t}))})))},layout:ar,title:"Edit Fulfillment",roles:["Administrator"]},{path:"/admin/billings/overview",exact:!0,component:()=>n.a.createElement(cd,null,n.a.createElement(D.H,{title:"All Overview",fullWidth:!0},n.a.createElement(sd,null))),layout:ar,title:"Overview",roles:["Administrator"]},{path:"/admin/billings/deposits",exact:!0,component:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const r=Object(l.useMemo)(()=>Object(c.W)(t),[t]);return n.a.createElement(Vi,null,n.a.createElement(Li,{path:r}))},layout:ar,title:"All Deposits",roles:["Administrator"]},{path:"/admin/billings/deposits/add",exact:!0,component:()=>n.a.createElement(sr,null,n.a.createElement(D.H,{title:"Add deposit",breadcrumbs:[{content:"All desposit",url:"/admin/billings/deposits"}]},n.a.createElement(or,null))),layout:ar,title:"Add New Deposit",roles:["Administrator"]},{path:"/admin/billings/transactions",exact:!0,component:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=n.a.useMemo(()=>Object(c.W)(t),[t]);return n.a.createElement(ip,null,n.a.createElement(D.H,{title:"All Transactions",fullWidth:!0},n.a.createElement(rp,{path:l})))},layout:ar,title:"All Transactions",roles:["Administrator"]},{path:"/admin/billings/invoices",exact:!0,component:kp,layout:ar,title:"All Invoices",roles:["Administrator"]},{path:"/admin/billings/invoice/:id",exact:!0,component:Eh,layout:ar,roles:["Administrator"]},{path:"/admin/manager-files/import",exact:!0,component:Wu,layout:ar,title:"Import Files",roles:["Administrator"]},{path:"/admin/manager-files/export",exact:!0,component:Ou,layout:ar,title:"Export Files",roles:["Administrator"]},{path:"/admin/manager-files/export-templates",exact:!0,component:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=n.a.useMemo(()=>Object(c.W)(t),[t]);return n.a.createElement(Fu,null,n.a.createElement(D.H,{title:"Export Templates",primaryAction:{content:"Add Export Template",url:"/admin/manager-files/add-template"},fullWidth:!0},n.a.createElement(Ru,{path:l})))},layout:ar,title:"Export Templates",roles:["Administrator"]},{path:"/admin/manager-files/add-template",exact:!0,component:()=>n.a.createElement(Nr,null,n.a.createElement(D.H,{title:"Add export file Template",breadcrumbs:[{content:"Export templates",url:"/admin/manager-files/export-templates"}],fullWidth:!0},n.a.createElement(Fr,null))),layout:ar,title:"Export Templates",roles:["Administrator"]},{path:"/admin/manager-files/import-tracking",exact:!0,component:nn,layout:ar,title:"Export Templates",roles:["Administrator"]},{path:"/admin/manager-files/edit-template/:id",exact:!0,component:()=>n.a.createElement(uu,null,n.a.createElement(D.H,{title:"Edit export file Template",breadcrumbs:[{content:"Export templates",url:"/admin/manager-files/export-templates"}],fullWidth:!0},n.a.createElement(cu,null))),layout:ar,title:"Export Templates",roles:["Administrator"]},{path:"/admin/system/switch-fulfillment",exact:!0,component:Jm,layout:ar,title:"Switch fullfillment",roles:["Administrator"]},{path:"/admin/personalized/artworks",exact:!0,component:oh,title:"Artworks",layout:ar,roles:["Administrator"]},{path:"/admin/personalized/cliparts",exact:!0,component:oh,title:"Cliparts",layout:ar,roles:["Administrator"]},{path:"/admin/personalized/fonts",exact:!0,component:oh,title:"Fonts",layout:ar,roles:["Administrator"]},{path:"/admin/documentations",exact:!0,component:fn,title:"Documentations Page",layout:ar,roles:["Administrator"]},{path:"/admin/users/add",exact:!0,component:tl,layout:ar,roles:["Administrator"]},{path:"/admin/reports/dev-statistics",exact:!0,component:function(){const[e,t]=Object(l.useReducer)((e,t)=>({...e,...t}),{teamID:null,range:{from:Zr()().startOf("day"),to:Zr()().endOf("day")}}),[a,r]=Object(l.useState)({limit:20,offset:0,search:""}),[i,o]=Object(l.useState)([]),[s,c]=Object(l.useState)(null),{data:u,loading:d,error:m}=Object(De.d)(iu,{variables:{filter:a}});Object(l.useEffect)(()=>{var e;const t=((null===u||void 0===u||null===(e=u.teams)||void 0===e?void 0:e.nodes)||[]).map(e=>{const{id:t,name:a}=e;return{value:t,label:a}});o(t)},[u]);const p=Object(l.useCallback)(e=>{t({range:e})},[]),g=Object(l.useCallback)(e=>{const{value:a}=e;t({teamID:a}),c(e)},[]),A=Object(l.useRef)(null),b=Object(l.useCallback)(e=>{A.current&&clearTimeout(A.current),A.current=setTimeout(()=>{r(t=>({...t,search:e}))},500)}
14098,[]),h=n.a.createElement(D.Y,{alignment:"center"},n.a.createElement(ru.a,{data:i,value:s,placeholder:"Filter team",onChange:g,onChangeSearch:b,queryError:m,suffix:d?n.a.createElement(D.X,{size:"small"}):n.a.createElement(D.w,{source:zi.a})}),n.a.createElement(nu,{setRange:p}));return n.a.createElement(D.H,{title:"Dev Statistics",fullWidth:!0,primaryAction:h},n.a.createElement(Hi,{filter:e},n.a.createElement(au,null)))},layout:ar,roles:["Administrator"]},{path:"/admin/products/add",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Administrator"]},{path:"/admin/products/add/:id",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Administrator"]},{path:"/admin/products/clone",exact:!0,component:yh,layout:ar,title:"Clone Product",roles:["Administrator"]},{path:"/admin/products/add-campaign",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Administrator"]},{path:"/admin/products/add-campaign/:id",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Administrator"]},{path:"/admin/products/clone-campaign",exact:!0,component:Kb,layout:ar,title:"Clone Campaign Product",roles:["Administrator"]},{path:"/admin/products/campaign/:id",exact:!0,component:ah,layout:ar,title:"Edit Product Campaign",roles:["Administrator"]},{path:"/admin/products",exact:!0,component:sh.c,layout:ar,title:"Products",roles:["Administrator"]},{path:"/admin/products/edit/:id",exact:!0,component:Th,layout:ar,title:"Edit Product",roles:["Administrator"]},{path:"/admin/reports/amazon",exact:!0,component:zp,title:"Amazon Channel Page",layout:ar,roles:["Administrator"]},{path:"/admin/reports/tiktok",exact:!0,component:$p,title:"Titkok Channel Page",layout:ar,roles:["Administrator"]},{path:"/admin/reports/facebook-mk",exact:!0,component:qp,title:"Facebook Marketplace Channel Page",layout:ar,roles:["Administrator"]},{path:"/admin/reports/online-stores",exact:!0,component:Hp,title:"Online stores Page",layout:ar,roles:["Administrator"]},{path:"/admin/reports/ebay",exact:!0,component:Vp,title:"Ebay Channel Page",layout:ar,roles:["Administrator"]},{path:"/admin/reports/etsy",exact:!0,component:Lp,title:"Etsy Channel Page",layout:ar,roles:["Administrator"]},{path:"/admin/system/payment-accounts",exact:!0,component:lh.a,title:"Payment Accounts",layout:ar,roles:["Administrator"]}];const Qf=j.b.div` 14099 .btn-wrap { 14100 display: flex; 14101 flex-direction: row-reverse; 14102 } 14103`,Rf=e=>{let{suppliers:t,onSubmit:a,error:r,loading:i,handleRedirect:o}=e;const[s,u]=Object(l.useState)("0"),[d,m]=Object(l.useState)(null),[p,g]=Object(l.useState)(null),[A,b]=Object(l.useState)([]),[h,f]=Object(l.useState)([]),[v,E]=Object(l.useState)([]),[y,C]=Object(l.useState)(null),[O,j]=Object(l.useState)({amount:null,transactionId:null}),{currentUser:w}=Object(te.c)(),{isTeamRoot:S}=Object(c.j)(w);Object(l.useEffect)(()=>{let e=[{value:"all",label:"MerchBridge"},...S&&t&&t.length>0?t.map(e=>({value:e.id,label:`${e.firstName} ${e.lastName}`})):[]];b(e),E(e),f(["all"]),g("MerchBridge")},[t,S]);const I=(e,t)=>{let a=null;e||(a=k.a.startCase(t)+" is required."),j(e=>({...e,[t]:a}))},B=Object(l.useCallback)(e=>{u(e),I(e,"amount")},[]),P=Object(l.useCallback)(e=>{m(e),I(e,"transactionId")},[]),x=Object(l.useCallback)(e=>{if(g(e),""===e)return void b(v);const t=new RegExp(e,"i"),a=v.filter(e=>e.label.match(t));b(a)},[v]),M=Object(l.useCallback)(e=>{const t=e.map(e=>{const t=A.find(t=>t.value===e);return t&&t.label});f(e),g(k.a.head(t))},[A]),T=Object(l.useCallback)(e=>C(e),[]),Q=Object(l.useCallback)(()=>{if(I(s,"amount"),I(d,"transactionId"),Object.values(O).every(e=>!e)&&s&&d){let e="all"===k.a.head(h)?null:k.a.head(h);const t={amount:Number(s),refId:d,supplierId:e,comment:y};a&&a(t)}},[O,s,d,h,y]),R=n.a.createElement(D.c.TextField,{label:"Target",value:p,onChange:x,placeholder:"Choose target"});return n.a.createElement(Qf,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.s,{onSubmit:Q},n.a.createElement(D.t,null,n.a.createElement(D.t.Group,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Amount",required:!0}),n.a.createElement(D.cb,{value:s,onChange:B,type:"number",min:0,error:O&&O.amount})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Payoneer Transaction ID",required:!0}
14103),n.a.createElement(D.cb,{value:d,type:"text",onChange:P,error:O&&O.transactionId}))),n.a.createElement(D.t.Group,null,r&&n.a.createElement("div",null,Object(c.ib)(r.toString())),n.a.createElement(D.c,{options:A,selected:h,onSelect:M,textField:R,emptyState:n.a.createElement("span",null,"No items found!")}),n.a.createElement("div",null)),n.a.createElement(D.cb,{label:"Message",multiline:3,value:y,onChange:T}),n.a.createElement("div",{className:"btn-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{onClick:o},"Cancel"),n.a.createElement(D.g,{primary:!0,submit:!0,loading:i},"Save")))))))},Ff=j.b.div` 14104 .choicelist-wrap { 14105 margin-top: 1rem; 14106 } 14107 .Polaris-ChoiceList__Choices { 14108 max-height: 280px; 14109 overflow-y: scroll; 14110 padding-left: 3px; 14111 } 14112`,Nf=e=>{let{onChangeSearch:t,onChange:a,target:r,data:i,loading:o,error:s}=e;const[c,u]=Object(l.useState)(null),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)([]),[A,b]=Object(l.useState)([]),[h,f]=Object(l.useState)(!1),[v,E]=Object(l.useState)(null);Object(l.useEffect)(()=>{if(m(i),b(i),g(r&&r.value?[r.value]:["all"]),u(r?r.search:null),r.search){const e=new RegExp(r.search,"i"),t=i.filter(t=>t.label.match(e));m(t)}},[i,r]),Object(l.useEffect)(()=>{f(o)},[o]),Object(l.useEffect)(()=>()=>clearTimeout(v),[]);const y=Object(l.useCallback)(e=>{if(u(e),t&&t({search:e}),f(!0),""===e){const e=setTimeout(()=>{f(!1),m(A)},1e3);return void E(e)}const a=new RegExp(e,"i");let l=A.filter(e=>e.label.match(a));const n=setTimeout(()=>{f(!1),m(l)},1e3);E(n)},[A]),C=Object(l.useCallback)(e=>{const t=e.map(e=>{const t=d.find(t=>t.value===e);return t&&t.label});g(e),a&&a({value:"all"!==k.a.head(e)?k.a.head(e):null,label:"All"!==k.a.head(t)?k.a.head(t):null})},[d]);return n.a.createElement(Ff,null,n.a.createElement(D.cb,{value:c,onChange:y,prefix:n.a.createElement(D.w,{source:zi.a,color:"inkLighter"}),autoFocus:!0,placeholder:"Search ..."}),n.a.createElement("div",{className:"mt-4"},s?n.a.createElement("div",null,"Error: ",s.toString()," "):null,h?n.a.createElement("div",{className:"flex justify-center"},n.a.createElement(D.X,{accessibilityLabel:"Spinner example",color:"teal",size:"small"})):n.a.createElement(n.a.Fragment,null,d.length?n.a.createElement("div",{className:"choicelist-wrap"},n.a.createElement(D.k,{title:"suppliers",titleHidden:!0,choices:d,selected:p,onChange:C})):n.a.createElement("span",null,"No items found!"))))},Uf=e=>{let{options:t,value:a,onChange:r}=e;const[i,o]=Object(l.useState)([]);Object(l.useEffect)(()=>{o(a?[a]:["All"])},[a]);const s=Object(l.useCallback)(e=>{o(e),r&&r(e.includes("All")?null:k.a.head(e))},[]);return n.a.createElement(D.k,{choices:t,selected:i,onChange:s,title:"status",titleHidden:!0})},Lf=[{value:"All",label:"All"},{value:"Approved",label:"Approved"},{value:"Pending",label:"Pending"},{value:"Cancelled",label:"Cancelled"}],Vf=o.a` 14113 query load($role: String!) { 14114 teamUsersByRole(role: $role) { 14115 id 14116 firstName 14117 lastName 14118 } 14119 } 14120`,zf=e=>{let{filter:t,onChange:a}=e;const[r,i]=Object(l.useState)(t.search),[o,s]=Object(l.useState)({value:null,label:null,search:null}),[u,d]=Object(l.useState)(t.status),[m,p]=Object(l.useState)([]),g=Object(l.useRef)(null),{data:A,loading:b,error:h}=Object(De.d)(Vf,{variables:{role:oe.pb.Supplier}});Object(l.useEffect)(()=>{let e=A&&A.teamUsersByRole&&A.teamUsersByRole.length?A.teamUsersByRole.map(e=>({value:e.id,label:`${e.firstName} ${e.lastName}`})):[];e=[{value:"all",label:"All"},...e],p(e)},[A]),Object(l.useEffect)(()=>{if(t&&t.accountId){const e=m.find(e=>e.value===t.accountId);s(a=>({...a,value:t.accountId,label:e&&e.label}))}},[t,m]),Object(l.useEffect)(()=>{g.current&&clearTimeout(g.current),a&&(g.current=setTimeout(()=>{a({search:r?r.trim():r,status:u,accountId:o.value})},300))},[r,u,o]);const f=Object(l.useCallback)(e=>i(e),[]),v=Object(l.useCallback)(()=>i(null),[]),E=Object(l.useCallback)(()=>s({value:null,label:null}),[]),y=Object(l.useCallback)(()=>d(null),[]),C=Object(l.useCallback)(()=>{v(),E(),y()},[v,E,y]),k=[{key:"target",label:"Target",filter:n.a.createElement(Nf,{target:o,data:m,loading:b,error:h,onChangeSearch:e=>{let{search:t}=e;return s(e=>({...e,search:t}))},onChange:e=>{let{value:t,label:a}=e;return s(e=>({...e,value:t,label:a}))}})},{key:"status",label:"Status",filter:n.a.createElement(Uf,{value:u,options:Lf,onChange:e=>d(e)})}],O=[];if(!Object(c.tb)(o.label)){const e="target";O.push({key:e,label:j(e,o.label),onRemove:E})}if(!Object(c.tb)(u)){const e="status";O.push({key:e,label:j(e,u),onRemove:y})}return n.a.createElement(D.r,{queryValue:r,queryPlaceholder:"Search deposits",onQueryChange:f,onQueryClear:v,onClearAll:C,filters:k,appliedFilters:O});function j(e,t){switch(e){case"target":return"Target: "+t;case"status":return"Status: "+t;default:return t}}};var qf=a(1539);const Hf=o.a` 14121 query statistic { 14122 statistic { 14123 balance 14124 paidAmount 14125 pendingCost 14126 pendingDeposit 14127 } 14128 }
14129`,$f=j.b.div` 14130 align-items: stretch; 14131 display: grid; 14132 grid-template-columns: repeat(4, 1fr); 14133 grid-column-gap: 2rem; 14134 grid-row-gap: 2rem; 14135 @media (max-width: 1024px) { 14136 grid-template-columns: repeat(2, 1fr); 14137 } 14138 .inner-box { 14139 background: #f9fafb; 14140 border-radius: 3px; 14141 padding: 1.6rem; 14142 background: #fff; 14143 box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 14144 0 1px 3px 0 rgba(63, 63, 68, 0.15); 14145 transition: box-shadow 0.2s; 14146 } 14147 .icon-wrap { 14148 margin-right: 0.75rem; 14149 .Polaris-Icon { 14150 width: 3rem; 14151 height: 3rem; 14152 } 14153 } 14154`,_f=()=>{const{data:e,error:t}=Object(De.d)(Hf,{fetchPolicy:"cache-and-network"}),a=e&&e.statistic;a&&a.__typename&&delete a.__typename;const l=a&&Object.entries(a).map((e,t)=>{let[a,l]=e,r=null;return r="balance"===a?"Account Balance":k.a.startCase(a),l=Object(c.a)(l,2),n.a.createElement("div",{className:"inner-box",key:"stats-"+t},n.a.createElement(D.Y,{alignment:"baseline",wrap:!1},n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.Y,{spacing:"tight",alignment:"center",wrap:!1},n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement(D.Y.Item,null,n.a.createElement(D.v,null,r)),n.a.createElement(D.Y.Item,null,n.a.createElement(D.Y,{spacing:"tight",alignment:"center"},n.a.createElement("p",{style:{fontSize:"1.55rem",fontWeight:"500"}},"$",l))))),n.a.createElement(D.Y.Item,null,n.a.createElement("div",{className:"icon-wrap"},n.a.createElement(D.w,{source:qf.a})))))))});return t?n.a.createElement("div",null,"Error: ",t.toString()):n.a.createElement(n.a.Fragment,null,n.a.createElement(D.Y,{vertical:!0},n.a.createElement($f,null,l)))},Gf=j.b.div` 14155 width: 100px; 14156 white-space: break-spaces; 14157`,Kf=j.b.div` 14158 overflow: hidden; 14159 .Polaris-DataTable__Footer { 14160 overflow-x: scroll; 14161 } 14162`,Jf=e=>{let{data:t,filter:a,setFilter:l,isTransactions:r}=e;const i=t?t.transactions.nodes.map(e=>{let t=k.a.get(e,"journal.status",null),a=null;return"Approved"===t?a="success":"Pending"===t?a="info":"Cancelled"===t&&(a="critical"),e.amount=Object(c.a)(e.amount,2),r?[e.id,n.a.createElement("span",null,e.amount<0?"-$"+Math.abs(e.amount):"$"+e.amount),k.a.get(e,"journal.type",null),k.a.get(e,"journal.comment",null),n.a.createElement(D.e,{status:a},t),n.a.createElement(Gf,null,Zr()(e.createdAt).format("LL"))]:[e.id,n.a.createElement("span",null,"$",e.amount),k.a.get(e,"journal.refId",null),k.a.get(e,"journal.comment",null),n.a.createElement("div",null,e.account&&e.account.teamUser&&e.account.teamUser.role===oe.pb.Supplier?`${k.a.get(e,"account.firstName","")} ${k.a.get(e,"account.lastName","")}`:"MerchBridge"),n.a.createElement(D.e,{status:a},t),n.a.createElement(Gf,null,Zr()(e.createdAt).format("LL"))]}):[];let{limit:o,offset:s}=a;const u=k.a.get(t,"transactions.total",0),d={page:s/o+1,totalPage:Math.ceil(u/o),offset:s,limit:o,onChange:l,total:u};let m=["text","text","text","text","text","text","text"],p=["ID","Amount","Transaction ID","Note","Target","Status","Created"];return r&&(m.pop(),p=["ID","Amount","Action","Note","Status","Created"]),n.a.createElement(Kf,null,n.a.createElement(D.n,{columnContentTypes:m,headings:p,rows:i,verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:d,showTotal:!0})}))},Yf=o.a` 14163 query transactons($filter: TransactionFilter) { 14164 transactions(filter: $filter) { 14165 total 14166 nodes { 14167 id 14168 amount 14169 journal { 14170 id 14171 refId 14172 comment 14173 status 14174 type 14175 } 14176 createdAt 14177 account { 14178 id 14179 firstName 14180 lastName 14181 teamUser { 14182 id 14183 role 14184 } 14185 } 14186 } 14187 } 14188 } 14189`,Wf=[...oe.n,"accountId","status"],Zf=e=>{let{path:t}=e;const a=Object(l.useMemo)(()=>Object(c.Bb)(t),[t]),r=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,Wf)}return e},[a]),[i,o]=Object(l.useState)({limit:Number(Object(c.M)("perPageDeposits"))||20,offset:0,accountId:null,status:null,search:null,kind:["Deposit"],...r}),{data:s,loading:u,error:d}=Object(De.d)(Yf,{variables:{filter:i},fetchPolicy:"cache-and-network"});Object(l.useEffect)(()=>{let{kind:e,...t}=i,a=t,{offset:l,limit:n,...r}=a,o=null,s=Object(c.o)(n,l);o=Object(c.l)({limit:n,paged:s,...r}),B.a.push(`${B.a.location.pathname}?${o}`)},[i]);const m=u&&n.a.createElement(D.D,null);return n.a.createElement(n.a.Fragment,null,m,n.a.createElement(D.A,null,n.a.createElement(D.A.Section,null,
14189n.a.createElement(_f,null)),n.a.createElement(D.A.Section,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(zf,{filter:i,onChange:e=>{let{search:t,status:a,accountId:l}=e;return o(e=>(k.a.isEqual(e.search,t)&&k.a.isEqual(e.status,a)&&k.a.isEqual(e.accountId,l)||(e.offset=0),{...e,search:t,status:a,accountId:l}))}})),n.a.createElement(D.i,null,d&&n.a.createElement("div",null,"Error: ",d.toString()),u?n.a.createElement(Je.SkeletonPagePolaris,null):s&&s.transactions&&s.transactions.nodes&&s.transactions.nodes.length?n.a.createElement(Jf,{data:s,filter:i,setFilter:(e,t)=>{o(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageDeposits",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null)))))},Xf=o.a` 14190 query listUserTeamByRole($role: String!) { 14191 listUserTeamByRole(role: $role) { 14192 id 14193 user { 14194 id 14195 firstName 14196 lastName 14197 } 14198 } 14199 } 14200`,ev=o.a` 14201 mutation createDeposit($input: NewDeposit!) { 14202 createDeposit(input: $input) { 14203 id 14204 amount 14205 journal { 14206 refId 14207 type 14208 comment 14209 status 14210 } 14211 account { 14212 firstName 14213 lastName 14214 } 14215 creator { 14216 firstName 14217 lastName 14218 } 14219 } 14220 } 14221`,tv=j.b.div` 14222 margin: -1rem; 14223 @media (min-width: 640px) { 14224 margin: -1.5rem; 14225 } 14226`,av=o.a` 14227 mutation exportAmazonProducts($exportTemplateId: ID!) { 14228 exportAmazonProducts(exportTemplateId: $exportTemplateId) 14229 } 14230`,lv=o.a` 14231 mutation amazonExportLastFile($exportTemplateId: ID!) { 14232 amazonExportLastFile(exportTemplateId: $exportTemplateId) 14233 } 14234`,nv=e=>{const{item:t,toggleActive:a,setNotification:r,currentParam:i}=e,o=t&&t.id,[s,{loading:u}]=Object(De.c)(av,{onError:e=>{r({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:e=>{let t=null===e||void 0===e?void 0:e.exportAmazonProducts;t&&(window.location.href=t),r({message:"Download file successfuly.",isError:!1})}}),[d,{loading:m}]=Object(De.c)(lv,{onError:e=>{r({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:e=>{let t=null===e||void 0===e?void 0:e.amazonExportLastFile;t&&(window.location.href=t),r({message:"Download file successfuly.",isError:!1})}}),p=Object(l.useCallback)(e=>{let t=null===e||void 0===e?void 0:e.id,l=null===e||void 0===e?void 0:e.totalProducts;r({message:null,isError:null}),t&&(parseInt(l)>0?d({variables:{exportTemplateId:t}}):s({variables:{exportTemplateId:t}}),a())},[]),g=Object(l.useCallback)(e=>{e&&B.a.push(`/${i}/export-amazon/${e}`)},[]),A=Object(l.useCallback)(e=>{e&&B.a.push(`/${i}/export-amazon/view-configs/${e}`)},[]),b=Object(l.useCallback)(e=>{e&&B.a.push(`/${i}/export-amazon/view-products/${e}`)},[]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.g,{plain:!0,children:"View products",onClick:()=>b(o)}),n.a.createElement(D.g,{plain:!0,children:"View configs",onClick:()=>A(o)}),n.a.createElement(D.g,{plain:!0,children:"Copy configs",onClick:()=>g(o)}),n.a.createElement(D.g,{plain:!0,children:"Download",onClick:()=>p(t),loading:u||m}))},rv=o.a` 14235 query listProductDivision($filter: DivisionFilter) { 14236 listProductDivision(filter: $filter) { 14237 nodes { 14238 id 14239 title 14240 stores { 14241 id 14242 email 14243 title 14244 } 14245 } 14246 } 14247 } 14248`,iv=e=>{const{onChange:t,value:a,onChangeStores:r,error:i,isRecreateMockup:o,newDivisions:s}=e,[c,u]=Object(l.useState)([]),[d,m]=Object(l.useState)({value:null,label:null}),[p,g]=Object(l.useState)({limit:1e3,offset:0,search:null,onlyRecreateMockup:!!o}),A=Object(l.useRef)(null),{data:b,error:h}=Object(De.d)(rv,{variables:{filter:p},fetchPolicy:"no-cache"});Object(l.useEffect)(()=>{let e=c&&c.length>0?c.find(e=>Array.isArray(a)&&a.includes(e.value)):null;e&&m(()=>({value:e.value,label:e.label}));let t=a&&a.length>0?a[0]:null;t&&v(t)},[c,a]),Object(l.useEffect)(()=>{let e=b&&b.listProductDivision&&b.listProductDivision.nodes&&b.listProductDivision.nodes.length>0?b.listProductDivision.nodes.map(e=>({value:e.id,label:e.title})).filter(Boolean):[];(null===s||void 0===s?void 0:s.length)&&(e=[...s,...e]),u(()=>[...e])},[b,p.search,s]);const f=Object(l.useCallback)(e=>{A.current&&clearTimeout(A.current),A.current=setTimeout(()=>{g(t=>t.search!==e?{...t,search:e}:t)},300)},[]),v=Object(l.useCallback)(e=>{let t=b&&b.listProductDivision&&b.listProductDivision.nodes&&b.listProductDivision.nodes.length>0?b.listProductDivision.nodes.find(t=>
14248t.id===e):[];if(t){let e=t.stores;r&&r(e)}},[b]);return n.a.createElement(ru.a,{data:c,label:"Product division",value:d,required:!0,queryError:h,error:i,placeholder:"Choose product division",onChange:e=>{let{value:a,label:l}=e;m(()=>({value:a,label:l})),v(a),t&&t(a)},onChangeSearch:f})},ov=o.a` 14249 query stores($filter: StoreFilter) { 14250 stores(filter: $filter) { 14251 nodes { 14252 id 14253 title 14254 email 14255 } 14256 } 14257 } 14258`,sv=e=>{const{onChange:t,errorField:a,value:r,stores:i,useProductDivision:o}=e,[s,c]=Object(l.useState)([]),{data:u}=Object(De.d)(ov,{variables:{filter:{limit:1e3,offset:0,platformSelected:["amazon"]}},skip:o});return Object(l.useEffect)(()=>{var e;let t=i||[];var a;o||(t=(null===u||void 0===u||null===(a=u.stores)||void 0===a?void 0:a.nodes)||[]);let l=(null===(e=t)||void 0===e?void 0:e.length)>0?t.map(e=>{let t=e.title+(e.email?` (${e.email})`:"");return{value:e.id,label:t}}):[];c(l)},[i,o,u]),n.a.createElement(n.a.Fragment,null,n.a.createElement(yl.a,{options:s,label:o?"Products are divided for":"Choose store",placeholder:"Filter item",onChange:t,required:!0,value:r,error:a}))},cv=j.b.p` 14259 flex: auto; 14260 overflow: hidden; 14261 white-space: nowrap; 14262 text-overflow: ellipsis; 14263`,uv=j.b.div` 14264 display: flex; 14265 padding-top: 0.8rem; 14266 flex-wrap: wrap; 14267 > * { 14268 margin-right: 0.8rem; 14269 margin-bottom: 0.8rem; 14270 } 14271`,dv=o.a` 14272 query productBasesForSeller($filter: ProductBaseFilter) { 14273 productBasesForSeller(filter: $filter) { 14274 total 14275 nodes { 14276 id 14277 title 14278 } 14279 } 14280 } 14281`,mv=e=>{let{onChange:t,allowMultiple:a,value:r,labelHidden:i,required:o,error:s,getCoupleValue:u,setBaseSelected:d}=e;const[m,p]=Object(l.useState)(null),[g,A]=Object(l.useState)([]),[b,h]=Object(l.useState)([]),[f,v]=Object(l.useState)([]),[E,y]=Object(l.useState)([]),[C,O]=n.a.useReducer(c.Hb,{limit:20,offset:0,search:m}),{data:j,loading:w}=Object(De.d)(dv,{variables:{filter:C}}),S=Object(l.useRef)(null),{currentUser:I}=Object(te.c)(),B=Object(c.ub)(I);Object(l.useEffect)(()=>{var e,t;const a=(null===j||void 0===j||null===(e=j.productBasesForSeller)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?j.productBasesForSeller.nodes.map(pv(B)).map(e=>({value:e.id,label:n.a.createElement(cv,null,e.title)})):[];A(a),v(a)},[j]),Object(l.useEffect)(()=>{h(a?r:[r]);let e,t=gv(k.a.get(j,"productBasesForSeller.nodes",[]),r,B);y(a=>(e=Object(c.eb)([...a,...t],"id"),e)),S.current&&clearTimeout(S.current),S.current=setTimeout(()=>{u&&d&&d(e)},100)},[r,a,j,d,u]);const[P]=Object(mm.a)(),x=Object(l.useCallback)(e=>{p(e),P(()=>{O({search:e})})},[f]),M=Object(l.useCallback)(e=>{const l=e.map(e=>{const t=g.find(t=>t.value===e);return t&&k.a.get(t,"label.props.children")});h(e);let n=gv(k.a.get(j,"productBasesForSeller.nodes",[]),e,B),r=[];y(t=>{let a=Object(c.eb)([...t,...n],"id");return a=a.filter(t=>e.includes(t.id)),r=a,a}),S.current&&clearTimeout(S.current),S.current=setTimeout(()=>{if(t){if(a)return void t(u?r:e);t(k.a.head(e))}},100),p(k.a.head(l))},[g,j]),T=Object(l.useCallback)(e=>{let l=b.filter(t=>t!==e);h(l);let n=E.filter(t=>t.id!==e);y(n),t&&a&&t(l)},[b,E]),Q=n.a.createElement(D.c.TextField,{label:"Product bases",labelHidden:!0,placeholder:"Search for product base",value:m,onChange:x,error:s});return n.a.createElement(n.a.Fragment,null,i?null:n.a.createElement(al.a,{label:"Product bases",required:o}),n.a.createElement(D.c,{options:g,selected:b,onSelect:M,textField:Q,loading:w,allowMultiple:a,emptyState:n.a.createElement("span",null,"No items found!")}),a&&n.a.createElement(uv,null,E&&E.length>0?E.map(e=>n.a.createElement(D.ab,{children:e.title,onRemove:()=>T(e.id),key:e.id})):null))};function pv(e){return t=>{if(!t||"object"!==typeof t)return t;const a=e?t.title:Object(c.J)(t);return{...t,title:a}}}function gv(e,t,a){return e&&Array.isArray(e)&&0!==e.length&&t&&Array.isArray(t)?e.map(pv(a)).filter(e=>t.includes(e.id)):[]}var Av=a(91),bv=a(90);const hv=o.a` 14282 query teamMembers($filter: TeamUserFilter) { 14283 teamMembers(filter: $filter) { 14284 hits { 14285 user { 14286 id 14287 firstName 14288 lastName 14289 roles 14290 teamUser { 14291 role 14292 } 14293 } 14294 } 14295 } 14296 } 14297`,fv=j.b.div` 14298 display: flex; 14299 padding-top: 0.8rem; 14300 flex-wrap: wrap; 14301 > * { 14302 margin-right: 0.8rem; 14303 margin-bottom: 0.8rem; 14304 } 14305`,vv={limit:20,offset:0,search:null,teamRoles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager,oe.gb.Supporter]},Ev=e=>{const{value:t,label:a,onChange:r,getCoupleValue:i}=e,[o,s]=Object(l.useState)(null),[u,d]=Object(l.useState)([]),[m,p]=Object(l.useState)([]),[g,A]=Object(l.useState)([]),[b,h]=Object(l.useState)([]),[f,v]=n.a.useReducer(c.Hb,vv),{currentUser:E}=Object(l.useContext)(te.a),{data:y,loading:C,error:O}=Object(De.d)(hv,{variables:{filter:f}});Object(l.useEffect)(()=>{let e=y&&y.teamMembers&&y.teamMembers.hits&&y.teamMembers.hits.length>0?y.teamMembers.hits.map(e=>{const t=e&&e.user,a=t&&t.roles?t.roles:[],l=t&&t.teamUser&&t.teamUser.role?t.teamUser.role:null;return t&&a.includes(oe.pb.Seller)&&[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager,oe.gb.Supporter].includes(l)?{value:t.id,label:`${t.firstName} ${t.lastName}`}:null}):[];e=e.filter(Boolean);let t={};E&&(t={value:null===E||void 0===E?void 0:E.id,label:`${null===E||void 0===E?void 0:E.firstName} ${E.lastName}`}),e.find(e=>[e.value].includes(null===E||void 0===E?void 0:E.id))||(e=[t,...e]),A(e),p(e)},[y,E]),Object(l.useEffect)(()=>{let e=[],a=[];t&&k.a.isArray(t)&&(a=t.map(t=>"object"===typeof t?(e.push(t.value),{label:t.label,value:t.value}
14305):(e.push(t),null))),a.length&&a.filter(Boolean).length>0&&(A(e=>Object(c.eb)([...e,...a],"value")),h(e=>Object(c.eb)([...e,...a],"value"))),d(e)},[t,m]);const j=n.a.useRef(null),w=Object(l.useCallback)(e=>{s(e),j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{v({search:e})},500)},[m]),S=Object(l.useCallback)(e=>{d(e);let t=m&&m.length>0?m.filter(t=>e.includes(t.value)).map(e=>({value:e.value,label:e.label})):[];h(a=>{let l=Object(c.eb)([...a,...t],"value");return l=l.filter(t=>e.includes(t.value)),l}),r&&r(i?t:e)},[g,m]),I=Object(l.useCallback)(e=>{let t=u.filter(t=>t!==e);d(t);let a=b.filter(t=>t.value!==e);h(a),r&&r(t)},[u,b]),B=n.a.createElement(D.c.TextField,{label:"Accounts",labelHidden:!0,value:o,onChange:w,placeholder:"Search for author",error:O});return n.a.createElement(n.a.Fragment,null,n.a.createElement(al.a,{label:a}),n.a.createElement(n.a.Fragment,null,n.a.createElement(D.c,{options:g,onSelect:S,selected:u,textField:B,allowMultiple:!0,emptyState:n.a.createElement("span",null,"No items found!"),loading:C}),n.a.createElement(fv,null,b&&b.length>0?b.map(e=>n.a.createElement(D.ab,{children:e.label,onRemove:()=>I(e.value),key:e.value})):null)))};var yv=a(145);const Cv=j.b.div` 14306 .created-time { 14307 padding-left: 0.5rem; 14308 } 14309 14310 @media only screen and (min-width: 992px) { 14311 .Polaris-ChoiceList__ChoiceChildren { 14312 .Polaris-FormLayout { 14313 display: flex; 14314 flex-direction: row; 14315 justify-content: space-between; 14316 column-gap: 3rem; 14317 } 14318 } 14319 } 14320`,kv=[{value:"AllTime",label:"All Time"},{value:"Today",label:"Today"},{value:"Yesterday",label:"Yesterday"},{value:"Last7Days",label:"Last 7 days"},{value:"ThisMonth",label:"This month"},{value:"LastMonth",label:"Last month"},{value:"Custom",label:"Custom"}],Ov=e=>{const{onChange:t,value:a}=e,[r,i]=Object(l.useState)({range:null,rangeLabel:null}),o=Object(l.useCallback)((e,a)=>{let l=kv,n="";for(let t=0;t<l.length;t++){let e=l[t];e.label===a&&(n=e.value)}a.includes("-")&&(n="Custom"),t&&t(e,n)},[]);return Object(l.useEffect)(()=>{if(a){let e,t=kv;for(let l=0;l<t.length;l++){let n=t[l];n.value===a.label&&(e=n.label)}i(()=>({rangeLabel:e,range:a.from&&a.to?{from:a.from,to:a.to}:null}))}},[a]),n.a.createElement(Cv,null,n.a.createElement(al.a,{label:"Created Time"}),n.a.createElement("div",{className:"created-time"},n.a.createElement(yv.a,{filterTime:r,isExportAmazon:!0,onChangeRange:o})))};var jv=a(1540);const wv=j.b.div` 14321 .Polaris-DataTable__TableRow { 14322 &.expanded:hover .Polaris-DataTable__Cell { 14323 background: transparent; 14324 } 14325 &.primary-field { 14326 .Polaris-TextField:not(.Polaris-TextField--focus) 14327 .Polaris-TextField__Input, 14328 .Polaris-Select__Backdrop { 14329 border: var(--p-override-none, 0.2rem solid #5c6ac4); 14330 border-radius: var(--p-border-radius-base, 3px); 14331 } 14332 } 14333 } 14334 14335 .product-option { 14336 width: 100%; 14337 max-width: 6rem; 14338 display: flex; 14339 } 14340`,Sv=["bullet_point1","bullet_point2","bullet_point3","bullet_point4","bullet_point5","target_audience_base","specific_uses_keywords1","specific_uses_keywords2","specific_uses_keywords3","specific_uses_keywords4","product_description","condition_note"],Iv="product_option",Bv=e=>{const{onChange:t,data:a,originData:r,onAddColumn:i,checkAllField:o}=e,[s,u]=Object(l.useState)([]),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)([]),[A,b]=Object(l.useState)({}),[h,f]=Object(l.useState)([]),{data:v}=Object(De.d)(I.ec);Object(l.useEffect)(()=>{g(a)},[a]),Object(l.useEffect)(()=>{b(oe.B)},[]),Object(l.useEffect)(()=>{const e=((null===v||void 0===v?void 0:v.productBaseOptions)||[]).map(e=>({value:e,label:e}));f(e)},[v]),Object(l.useEffect)(()=>{let e=[];
14340if(A)for(let[t,a]of Object.entries(A))e.push({label:a,value:t});m(e)},[A]);const E=[{label:"Custom value",value:"custom"},{label:"Defined value",value:"defined"}];Object(l.useEffect)(()=>{let e=A,a=p&&p.length>0?p.map(a=>{let l=a&&a.field,r=a&&a.type,i=a&&a.value;const o=a.targetField===Iv;let s=!1;if("custom"!==r&&(r="defined",s=!0,!o))for(let[t]of Object.entries(e))t===a.targetField&&(i=t);let c=!1;Sv.includes(l)&&(c=!0);let u=!1;return oe.u.includes(l)&&(u=!0),[n.a.createElement("div",{className:"name "+(u?"primary-field":"")},n.a.createElement(D.cb,{placeholder:l,value:l,onChange:e=>{let l={...a,field:e};t&&t(l)},disabled:!a.newItem})),n.a.createElement("div",{className:"type"},n.a.createElement(D.Q,{label:"type",labelHidden:!0,options:E,value:r,onChange:e=>{let l={...a,type:e,value:""};t&&t(l)}})),n.a.createElement("div",{className:"value"},s?n.a.createElement(D.Q,{label:"target field",labelHidden:!0,options:d,value:o?Iv:i,onChange:e=>{let l={...a,targetField:e};var n;e===Iv&&(l.value=null===(n=(h||[])[0])||void 0===n?void 0:n.value);t&&t(l)}}):n.a.createElement(D.cb,{value:i,multiline:!!c&&2,type:"fulfillment_latency"===l?"number":"text",onChange:e=>{let l={...a,value:e};t&&t(l)}})),s&&o&&n.a.createElement("div",{className:"product-option"},n.a.createElement(D.Q,{options:h,value:i,onChange:e=>{let l={...a,value:e};t&&t(l)}}))]}):[];const l=n.a.createElement("div",{className:"expanded"},n.a.createElement(D.g,{onClick:y,icon:jv.a,children:"Add new column"}));a=a.length?[...a,[l]]:[...a],u(a)},[p,A,d,h]),Object(l.useEffect)(()=>{const e=document.querySelectorAll(".Polaris-DataTable__TableRow"),t=document.querySelectorAll(".expanded"),a=document.querySelectorAll(".name.primary-field");for(let l of e){l.classList.contains("primary-field")&&l.classList.remove("primary-field");for(let e of t)Object(c.u)(l,e)&&l.classList.add("expanded");for(let e of a)Object(c.u)(l,e)&&l.classList.add("primary-field")}},[s,o]);const y=Object(l.useCallback)(()=>{let e=r.length;i&&i({field:"new_field"+(e+1),originIndex:e+1,active:!0,targetField:"",type:"custom",value:"",newItem:!0})},[r]);return n.a.createElement(wv,null,n.a.createElement(D.n,{columnContentTypes:["text","text","text","text"],headings:["Column Name","Type","Value",""],rows:s,verticalAlign:"middle"}))},Dv=j.b.div` 14341 .uploaded_wrap { 14342 display: block; 14343 margin-top: 2rem; 14344 } 14345 .image-wrap { 14346 position: relative; 14347 display: flex; 14348 flex-direction: row; 14349 justify-content: space-between; 14350 .image-title-wrap { 14351 display: flex; 14352 flex-direction: row; 14353 column-gap: 0.5rem; 14354 } 14355 } 14356`,Pv=o.a` 14357 mutation createUploadUrl($input: RequestFileUpload!, $uniqueFolder: Boolean) { 14358 createUploadUrl(input: $input, uniqueFolder: $uniqueFolder) { 14359 key 14360 url 14361 } 14362 } 14363`,xv=o.a` 14364 mutation createFile($input: NewFile!) { 14365 createFile(input: $input) { 14366 id 14367 name 14368 key 14369 mimeType 14370 size 14371 url 14372 thumbnailUrl 14373 createdAt 14374 } 14375 } 14376`,Mv=e=>{const{onChange:t,templateFile:a}=e,[r,i]=Object(l.useState)([]),[o,s]=Object(l.useState)([]),[c,u]=Object(l.useState)(!1),[d,{client:m}]=Object(De.c)(Pv,{onError:()=>{},onCompleted:()=>{}}),[p]=Object(De.c)(Jt.vb,{onError:()=>{},onCompleted:()=>{}}),g=Object(l.useCallback)((e,t)=>{if(!r.length){i(()=>[...t]);let e=t.length>0?t[0]:null;e&&A(e)}},[r]),A=async e=>{u(!0);try{const t=await d({variables:{input:{name:e.name,mimeType:e.type,size:e.size}}}),{key:a,url:l}=t.data.createUploadUrl;await He.a.put(l,e,{headers:{"Content-Type":e.type},timeout:18e5});const n=await m.mutate({mutation:xv,variables:{input:{name:e.name,key:a,size:e.size,mimeType:e.type}}});let r=[];n&&(r.push(n.data.createFile),u(!1)),s(()=>[...r])}catch{}},b=Object(l.useCallback)(e=>{let t=o&&o.length>0?o.find((t,a)=>a===e):null;i(t=>t.filter((t,a)=>e!==a)),s(t=>t.filter((t,a)=>e!==a));let a=null===t||void 0===t?void 0:t.id;a&&p({variables:{id:a,deleteAmz:!0}})},[o]);Object(l.useEffect)(()=>{let e=o&&o.length>0?o[0]:[],a=null===e||void 0===e?void 0:e.id;t&&t(a)},[o]),Object(l.useEffect)(()=>{a&&i([a])},[a]);const h=r.length>0?n.a.createElement(D.Y,{vertical:!0},r.filter(Boolean).map((e,t)=>n.a.createElement("div",{className:"image-wrap",key:"image-"+t},n.a.createElement("div",{className:"image-title-wrap"},c?n.a.createElement(D.X,{size:"small"}):n.a.createElement(D.w,{source:Wl.a}),n.a.createElement("span",null,e.name)),n.a.createElement(D.g,{plain:!0,icon:Le.a,onClick:()=>b(t),disabled:c})))):null;return n.a.createElement(Dv,null,n.a.createElement(al.a,{label:"Upload template file",required:!0}),n.a.createElement(D.p,{onDrop:g,allowMultiple:!1},n.a.createElement(D.p.FileUpload,null)),n.a.createElement("div",{className:"uploaded_wrap"},h))},Tv=j.b.div` 14377 .header_wrap { 14378 padding: 2rem 2rem 0; 14379 display: flex; 14380 flex-direction: row; 14381 justify-content: space-between; 14382 align-items: center; 14383 } 14384 .btns_wrap { 14385 display: flex; 14386 flex-direction: row; 14387 justify-content: flex-end; 14388 margin-top: 3rem; 14389 } 14390 .choose-template { 14391 padding: 1.6rem 1.6rem 0; 14392 width: 50%; 14393 }
14394`,Qv=[{value:"default",label:"Choose a template"}];for(let[Z0]of Object.entries(oe.ib))Qv.push({value:Z0,label:Object(C.capitalize)(Z0)});const Rv=o.a` 14395 mutation amazonExportMappingFieldSuggestion($fileId: ID!) { 14396 amazonExportMappingFieldSuggestion(fileId: $fileId) { 14397 fields { 14398 field 14399 value 14400 type 14401 targetField 14402 active 14403 } 14404 labels 14405 } 14406 } 14407`,Fv=e=>{const{onChange:t,handleTemplateFileId:a,onSubmit:r,disableBtnSubmit:i,loading:o,templateFileId:s,templateFile:c,mapping:u}=e,[d,m]=Object(l.useState)(null),[p,g]=Object(l.useState)([]),[A,b]=Object(l.useState)([]),[h,f]=Object(l.useState)(!1),[v,E]=Object(l.useState)(!1),[y,C]=Object(l.useState)("default"),[k,O]=Object(l.useState)(!1),[j,{data:w}]=Object(De.c)(Rv,{onError:()=>{},onCompleted:()=>{E(()=>!1)}});return Object(l.useEffect)(()=>{let e=u&&u.length>0?u.map((e,t)=>({...e,originIndex:t})):[];g(()=>[...e]),m(()=>s)},[]),Object(l.useEffect)(()=>{if(w){var e,t;let a=(null===(e=w.amazonExportMappingFieldSuggestion)||void 0===e||null===(t=e.fields)||void 0===t?void 0:t.length)>0?w.amazonExportMappingFieldSuggestion.fields.map((e,t)=>({...e,originIndex:t})):[];a=a.map(e=>("relationship_type"===e.field&&(e.type="defined",e.targetField="relationship_type"),e)),g(d?a:[])}},[w,d]),Object(l.useEffect)(()=>{const e=oe.ib;if("default"!==y&&!k){let t;for(let[a]of Object.entries(e))a===y&&(t=e[a]);if(t&&Object.keys(t).length)for(let[e,a]of Object.entries(t))p.forEach(t=>{t.field===e&&(t.value=a,t.type="custom")})}let a=[...p].filter(e=>oe.u.includes(e.field)||e.newItem),l=[...p].filter(e=>oe.u.includes(e.field)||e.active);if(b(h?l:a),t){let e=p.map(e=>{if(e){let{newItem:t,originIndex:a,__typename:l,...n}=e;return n}return null}).filter(Boolean);t(e)}},[p,h,y,k]),n.a.createElement(Tv,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(Mv,{templateFile:c,onChange:e=>{e?(m(()=>e),E(()=>!0),j({variables:{fileId:e}}),a(e)):(m(null),g([]))}})),v?n.a.createElement(D.i,null,n.a.createElement(Je.SkeletonPagePolaris,null)):p&&p.length>0?n.a.createElement(D.i,null,n.a.createElement("div",{className:"header_wrap"},n.a.createElement(al.a,{label:"Mapping export fields"}),n.a.createElement("div",{className:"check-all-fields"},n.a.createElement(D.j,{checked:h,onChange:e=>f(e),label:"Show all columns"}))),n.a.createElement("div",{className:"choose-template"},n.a.createElement(D.Q,{label:"Choose template:",options:Qv,value:y,onChange:e=>{O(!1),C(e)}})),n.a.createElement(Bv,{data:A,originData:p,checkAllField:h,onChange:e=>{let t=null===e||void 0===e?void 0:e.originIndex;if(null!=t){let a=p.map(a=>(a.originIndex===t&&(a=e),a));O(!0),g(a)}},onAddColumn:e=>{e&&(O(!0),g(t=>[...t,e]))}})):null,n.a.createElement("div",{className:"btns_wrap"},n.a.createElement(D.g,{children:"Export",primary:!0,onClick:r,disabled:i,loading:o})))},Nv=o.a` 14408 query previewProducts($filter: ProductPreviewFilter) { 14409 previewProducts(filter: $filter) { 14410 total 14411 nodes { 14412 id 14413 title 14414 sku 14415 productBases { 14416 id 14417 title 14418 } 14419 images { 14420 id 14421 file { 14422 id 14423 thumbnailUrl 14424 url 14425 } 14426 } 14427 } 14428 } 14429 } 14430`,Uv=j.b.div` 14431 .Polaris-DataTable__Footer { 14432 overflow-x: scroll; 14433 } 14434 .product_wrap { 14435 width: calc(400px - 3.2rem); 14436 white-space: normal; 14437 word-break: break-word; 14438 display: flex; 14439 flex-direction: column; 14440 row-gap: 0.5rem; 14441 } 14442 .image_wrap, 14443 .id_wrap, 14444 .product-base_wrap { 14445 width: calc(150px - 3.2rem); 14446 white-space: normal; 14447 word-break: break-word; 14448 } 14449`,Lv=e=>{var t,a;const{filter:r,title:i,excludePersonalizedProducts:o}=e,[s,u]=Object(l.useState)(!1),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)(!1),[A,b]=Object(l.useState)({limit:20,offset:0}),{loading:h,data:f,error:v}=Object(De.d)(Nv,{variables:{filter:{...A,excludePersonalizedProducts:o||void 0}},fetchPolicy:"no-cache",skip:!p||!s});Object(l.useEffect)(()=>{var e,t;let a=(null===f||void 0===f||null===(e=f.previewProducts)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?f.previewProducts.nodes.map(e=>{var t,a;let l=null===e||void 0===e?void 0:e.id,r=(null===e||void 0===e||null===(t=e.images)||void 0===t?void 0:t.length)>0?e.images.map(e=>e.file):[],i=null===e||void 0===e?void 0:e.title,o=null===e||void 0===e?void 0:e.productBases;return(null===(a=o)||void 0===a?void 0:a.length)>0&&(o=o.map(e=>e.title),o=o.join(", ")),[n.a.createElement("div",{className:"id_wrap"},l),n.a.createElement("div",{className:"image_wrap"},n.a.createElement(ci.default,{files:{files:r},limit:1,width:100,height:100})),n.a.createElement("div",{className:"product_wrap"},n.a.createElement("span",null,i),n.a.createElement("div",null,n.a.createElement(D.e,{children:null===e||void 0===e?void 0:e.sku}))),n.a.createElement("div",{className:"product-base_wrap"},n.a.createElement("span",null,o))]}):[];m(a)},[f]),Object(l.useEffect)(()=>{let{divisionIds:e,storeId:t,includeCollections:a,includeTags:l,excludeCollections:n,excludeTags:o,authorIds:s,productBaseIds:c,createdTime:u,limitProduct:d,useProductDivision:m}=r,p=i&&t;m&&(p=p&&(null===e||void 0===e?void 0:e.length)),g(p);let A=(null===a||void 0===a?void 0:a.length)>0?a.map(e=>"object"===typeof e?e.id:e):[],h=(null===n||void 0===n?void 0:n.length)>0?n.map(e=>"object"===typeof e?e.id:e):[],f=(null===l||void 0===l?void 0:l.length)>0?l.map(e=>"object"===typeof e?e.id:e):[],v=(null===o||void 0===o?void 0:o.length)>0?o.map(e=>"object"===typeof e?e.id:e):[],E=(null===s||void 0===s?void 0:s.length)>0?s.map(e=>"object"===typeof e?e.value:e):[],y=u.from;y&&"object"===typeof y&&y._d&&(y=y._d);let C,k=u.to;k&&"object"===typeof k&&k._d&&(k=k._d),y&&k&&(C={from:y,to:k}),d=Number(d),d=d>0?d:null,b(a=>({...a,storeId:t,divisionIds:e,includeCollectionIds:A,excludeCollectionIds:h,includeTagIds:f,excludeTagIds:v,productBaseIds:c,authorIds:E,useProductDivision:m,...C?{range:C}:{},limitProduct:d}))},[r]);const E=Object(l.useCallback)(()=>u(e=>!e),[]),y=Object(l.useCallback)((e,t)=>b(a=>({...a,offset:e,limit:t})),[]);let{limit:k,offset:O}=A;const j=Object(C.get)(f,"previewProducts.total",0),w={page:O/k+1,totalPage:Math.ceil(j/k),offset:O,limit:k,onChange:y,total:j}
14449;return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.g,{children:"Preview Matched Products",primary:!0,onClick:E,disabled:!p}),n.a.createElement(D.E,{open:s,title:"Preview matched products",onClose:E,large:!0},n.a.createElement(Uv,null,h?n.a.createElement(Je.SkeletonPagePolaris,null):v?n.a.createElement("div",null,"Error: ",Object(c.ib)(v.toString())):(null===f||void 0===f||null===(t=f.previewProducts)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(D.n,{columnContentTypes:["text","text","text","text"],headings:["ID","Image","Title","Product bases"],rows:d,verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:w,showTotal:!0})}):n.a.createElement(We.EmptyStatePolaris,null))))},Vv=[{value:"all",label:"Export all variants of product"},{value:"first",label:"Export only first variant of a product"},{value:"smallest",label:"Export only the smallest price"},{value:"biggest",label:"Export only the biggest price"}],zv=e=>{let{value:t,onChange:a}=e;const[r,i]=Object(l.useState)([]);Object(l.useEffect)(()=>{i(null===t?["all"]:[t])},[t]);const o=Object(l.useCallback)(e=>{i(e),a&&a(k.a.head(e))},[]);return n.a.createElement(D.k,{choices:Vv,title:"Export mode",selected:r,onChange:o})},qv=j.b.div` 14450 .btns_wrap { 14451 margin-top: 3rem; 14452 display: flex; 14453 justify-content: space-between; 14454 } 14455`,Hv=o.a` 14456 mutation createAmazonExport($input: CreateAmazonExportInput!) { 14457 createAmazonExport(input: $input) { 14458 id 14459 title 14460 } 14461 } 14462`,$v=e=>{const{value:t,viewConfig:a}=e,[r,i]=Object(l.useState)(null),[o,s]=Object(l.useState)([]),[u,d]=Object(l.useState)(null),[m,p]=Object(l.useState)([]),[g,A]=Object(l.useState)([]),[b,h]=Object(l.useState)([]),[f,v]=Object(l.useState)([]),[E,y]=Object(l.useState)([]),[k,O]=Object(l.useState)([]),[j,w]=Object(l.useState)({label:null,from:null,to:null}),[S,I]=Object(l.useState)("0"),[P,x]=Object(l.useState)(!0),[M,T]=Object(l.useState)(!1),[Q,R]=Object(l.useState)(null),[F,N]=Object(l.useState)(null),[U,L]=Object(l.useState)([]),[V,z]=Object(l.useState)({title:null,storeId:null,divisionIds:null}),[q,H]=Object(l.useState)(1),[$,_]=Object(l.useState)(!0),[G,K]=Object(l.useState)({message:null,isError:null}),[J,Y]=Object(l.useState)(!1),[W,Z]=Object(l.useState)([]),[X,ee]=Object(l.useState)(!0),[te,ae]=Object(l.useState)("all");Object(l.useEffect)(()=>{let e=Object(C.get)(t,"productBases",[]);e=e&&e.length>0?e.map(e=>e.id):[];let a=Object(C.get)(t,"includeCollections",[]);a=Jv(a);let l=Object(C.get)(t,"includeTags",[]);l=Jv(l);let n=Object(C.get)(t,"excludeCollections",[]);n=Jv(n);let r=Object(C.get)(t,"excludeTags",[]);r=Jv(r);let o=Object(C.get)(t,"authors",[]);o=Jv(o,e=>{let{id:t,firstName:a,lastName:l}=e;return{value:t,label:`${a} ${l}`}});let c=Object(C.get)(t,"createdTimeFilter",null),u=Object(C.get)(t,"from",null);u=Yv(u);let m=Object(C.get)(t,"to",null);m=Yv(m),i(Object(C.get)(t,"title",null)),s(Object(C.get)(t,"divisionIds",[])),d(Object(C.get)(t,"storeId",null)),p(e),x(Object(C.get)(t,"markProductUsed",!0)),T(null===t||void 0===t?void 0:t.excludePersonalizedProducts),R(Object(C.get)(t,"templateFileId",null)),N(Object(C.get)(t,"templateFile",null)),L(Object(C.get)(t,"mapping",[])),A(a),v(l),h(n),y(r),O(o),w(()=>({label:c,from:u||null,to:m||null})),ee(Object(C.get)(t,"useProductDivision",!0)),ae(Object(C.get)(t,"mode")||"all")},[t]);const[le,{loading:ne}]=Object(De.c)(Hv,{onError:e=>{K({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:e=>{var t;let a=null===e||void 0===e||null===(t=e.createAmazonExport)||void 0===t?void 0:t.id;a&&re({variables:{exportTemplateId:a}}),K({message:"Exported for amazon success.",isError:!1}),setTimeout(()=>{B.a.push("/seller/export-amazon")},2100)}}),[re]=Object(De.c)(av,{onError:()=>{},onCompleted:e=>{let t=null===e||void 0===e?void 0:e.exportAmazonProducts;t&&window.open(t,"_blank")}}),ie=Object(l.useCallback)(e=>{let t=null;e||(t="Export title is required."),z(e=>({...e,title:t}))},[]),oe=Object(l.useCallback)(e=>{let t=null;(null===e||void 0===e?void 0:e.length)||(t="Product divison is required."),z(e=>({...e,divisionIds:t}))},[]),se=Object(l.useCallback)(e=>{let t=null;e||(t="Products are divided is required."),z(e=>({...e,storeId:t}))},[]),ce=Object(l.useCallback)(e=>{d(e),se(e)},[]),ue=Object(l.useCallback)(e=>{A(e)},[]),de=Object(l.useCallback)(e=>{v(e)},[]),me=Object(l.useCallback)(e=>{h(e)},[]),pe=Object(l.useCallback)(e=>{y(e)},[]),ge=Object(l.useCallback)(e=>{O(e)},[]),Ae=Object(l.useCallback)((e,t)=>{let a=t;e?w(t=>({...t,label:a,from:e.from,to:e.to})):"AllTime"===a&&w(e=>({...e,label:a,from:null,to:null}))},[]);Object(l.useEffect)(()=>{r&&Q&&u&&U.length&&_(()=>!1)},[r,Q,U,u]);const be=Object(l.useCallback)(()=>{K({message:null,isError:null});let e=Gv(g),t=Gv(b),a=Gv(f),l=Gv(E),n=Gv(k,"value"),i=j.from;i=Kv(i);let s=j.to;s=Kv(s);let c={title:r,templateFileId:Q,storeId:u,includeCollectionIds:e,includeTagIds:a,excludeCollectionsIds:t,excludeTagIds:l,productBaseIds:m,divisionIds:X?o:[],authorIds:n,limit:Number(S),from:i,to:s,createdTimeFilter:j.label?j.label:"AllTime",mapping:U,markProductUsed:P,excludePersonalizedProducts:M,useProductDivision:X,mode:te};r&&Q&&u&&U.length&&(le({variables:{input:c}}),fe())},[r,o,u,m,g,f,b,E,k,j,S,P,M,Q,U,X,te]),he=Object(l.useCallback)(e=>{2===e?(ie(r),oe(o),se(u),r&&u&&H(e)):H(e)},[r,u,o]),fe=Object(l.useCallback)(()=>Y(e=>!e),[]),ve=J?G&&G.message&&n.a.createElement(D.fb,{content:G.message,error:G.isError,duration:2e3,onDismiss:fe}):null,Ee={divisionIds:o,storeId:u,includeCollections:g,includeTags:f,excludeCollections:b,excludeTags:E,authorIds:k,createdTime:j,productBaseIds:m,limitProduct:S,useProductDivision:X};return n.a.createElement(n.a.Fragment,null,ve,1===q&&n.a.createElement(qv,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Export title",required:!0}),n.a.createElement(D.cb,{value:r,placeholder:"Enter export title",onCh
14462ange:e=>{i(e),ie(e)},error:V.title})),n.a.createElement("div",null,n.a.createElement(D.j,{checked:X,onChange:ee,label:"Getting products from a division"}),n.a.createElement("div",{style:{marginTop:"0.5rem"}},n.a.createElement(D.l,{id:"use-product-division",open:!!X,transition:{duration:"150ms",timingFunction:"ease"}},n.a.createElement(iv,{onChange:e=>{let t=[];e&&(t="All"===e?[]:[e]),s(t),oe(t)},value:o,onChangeStores:e=>Z(()=>e),error:V.divisionIds})))),n.a.createElement(sv,{onChange:ce,errorField:V.storeId,value:u,stores:W,useProductDivision:X}),n.a.createElement(mv,{allowMultiple:!0,onChange:e=>p(e),value:m}))),n.a.createElement(D.i,null,n.a.createElement(D.i.Header,{title:"Inclusion Products"}),n.a.createElement(D.i.Section,null,n.a.createElement(D.t,null,n.a.createElement(Av.CollectionSelectPolaris,{label:"Include collections",onChange:ue,allowMultiple:!0,value:g}),n.a.createElement(bv.TagsSelectPolaris,{label:"Include tags",onChange:de,allowMultiple:!0,value:f}))),n.a.createElement("div",{style:{marginTop:"-2rem"}},n.a.createElement(D.i.Header,{title:"Exclude Products"})),n.a.createElement(D.i.Section,null,n.a.createElement(D.t,null,n.a.createElement(Av.CollectionSelectPolaris,{value:b,onChange:me,allowMultiple:!0,label:"Exclude collections"}),n.a.createElement(bv.TagsSelectPolaris,{value:E,onChange:pe,allowMultiple:!0,label:"Exclude tags"}),n.a.createElement(D.j,{label:"Exclude all matched personalized products.",checked:M,onChange:e=>T(e)}))),n.a.createElement(D.i.Section,null,n.a.createElement(zv,{value:te,onChange:ae}))),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement(Ev,{label:"Product created by",onChange:ge,value:k}),n.a.createElement(Ov,{onChange:Ae,value:j}),n.a.createElement(D.cb,{label:"Limit Products",value:S,onChange:e=>I(e),type:"number",min:0}),n.a.createElement(D.j,{label:"Mark exported products status are used for this account.",checked:P,onChange:e=>x(e)}))),a?null:n.a.createElement("div",{className:"btns_wrap"},n.a.createElement("div",{className:"btn-preview"},n.a.createElement(Lv,{filter:Ee,title:r,excludePersonalizedProducts:M})),n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Cancel",onClick:()=>B.a.push("/seller/export-amazon")}),n.a.createElement(D.g,{children:"Mapping export fields",primary:!0,onClick:()=>he(2)})))),2===q&&n.a.createElement(Fv,{onChange:e=>L(()=>[...e]),handleStep:he,templateFileId:Q,handleTemplateFileId:e=>R(()=>e),onSubmit:be,disableBtnSubmit:$,loading:ne,templateFile:F,mapping:U}))};function _v(e){return!e||!Array.isArray(e)||0===e.length}function Gv(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"id";return _v(e)?[]:e.map(e=>e&&"object"===typeof e?e[t]:e)}function Kv(e){return e&&"object"===typeof e&&e._d?e._d:e}function Jv(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>{let{id:t,name:a}=e;return{id:t,name:a}};return _v(e)?[]:e.filter(Boolean).map(t)}function Yv(e){if(!e)return e;let t=Zr()(e);return t={...t,_i:t._d},t}const Wv=j.b.div` 14463 margin: -1rem; 14464 @media (min-width: 640px) { 14465 margin: -1.5rem; 14466 } 14467`,Zv=()=>{const{currentUser:e}=Object(l.useContext)(te.a),t=Object(C.get)(e,"roles",[]),a=Object(C.get)(e,"teamUser.role",null);let r=[oe.gb.Admin,oe.gb.StoreManager,oe.gb.MarketplaceManager],i=!1,o=oe.hb.Seller;return t.includes(oe.pb.Seller)&&([oe.gb.MarketplaceManager].includes(a)&&(o=oe.hb.MarketplaceManager),[oe.gb.StoreManager].includes(a)&&(o=oe.hb.StoreManager),r.includes(a)&&(i=!0)),i?n.a.createElement(Wv,null,n.a.createElement(D.H,{title:"Export for Amazon",fullWidth:!0,breadcrumbs:[{content:"All Amazon Export Files",url:`/${o}/export-amazon`}]},n.a.createElement($v,{isNewExport:!0}))):null},Xv=j.b.div` 14468 margin: -1rem; 14469 @media (min-width: 640px) { 14470 margin: -1.5rem; 14471 } 14472`,eE=o.a` 14473 query amazonExportById($id: ID!) { 14474 amazonExportById(id: $id) { 14475 id 14476 teamId 14477 title 14478 templateFileId 14479 useProductDivision 14480 mode 14481 templateFile { 14482 id 14483 name 14484 size 14485 mimeType 14486 url 14487 thumbnailUrl 14488 } 14489 storeId 14490 store { 14491 id 14492 email 14493 title 14494 } 14495 includeCollections { 14496 id 14497 name 14498 } 14499 excludeCollections { 14500 id 14501 name 14502 } 14503 includeTags { 14504 id 14505 name 14506 } 14507 excludeTags { 14508 id 14509 name 14510 } 14511 productBases { 14512 id 14513 title 14514 } 14515 divisionIds 14516 authors { 14517 id 14518 firstName 14519 lastName 14520 } 14521 limit 14522 from 14523 to 14524 createdTimeFilter 14525 mapping { 14526 field 14527 value 14528 targetField 14529 type 14530 active 14531 } 14532 markProductUsed 14533 excludePersonalizedProducts 14534 } 14535 } 14536`,tE=e=>{const{match:t,viewConfig:a}=e,r=t&&t.params&&t.params.id,{data:i,loading:o,error:s}=Object(De.d)(eE,{variables:{id:r},skip:!r}),{currentUser:u}=Object(l.useContext)(te.a),d=Object(C.get)(u,"roles",[]),m=Object(C.get)(u,"teamUser.role",null);let p=[oe.gb.Admin,oe.gb.StoreManager,oe.gb.MarketplaceManager],g=!1,A=oe.hb.Seller;d.includes(oe.pb.Seller)&&([oe.gb.MarketplaceManager].includes(m)&&(A=oe.hb.MarketplaceManager),[oe.gb.StoreManager].includes(m)&&(A=oe.hb.StoreManager),p.includes(m)&&(g=!0));const b=o&&n.a.createElement(D.D,null);return g?n.a.createElement(Xv,null,b,n.a.createElement(D.H,{fullWidth:!0,title:"Export for Amazon",breadcrumbs:[{content:"All Amazon Export Files",url:`/${A}
14536/export-amazon`}]},o?n.a.createElement(Je.SkeletonPagePolaris,null):s?n.a.createElement("div",null,"Error: ",Object(c.ib)(s.toString())):i&&i.amazonExportById?n.a.createElement($v,{value:i.amazonExportById,viewConfig:a}):null)):null},aE=e=>n.a.createElement(tE,Object.assign({viewConfig:!0},e)),lE=o.a` 14537 query getAmazonExportProducts($input: AmazonExportProductFilter!) { 14538 getAmazonExportProducts(input: $input) { 14539 total 14540 nodes { 14541 id 14542 title 14543 sku 14544 productBases { 14545 id 14546 title 14547 } 14548 images { 14549 id 14550 file { 14551 id 14552 thumbnailUrl 14553 url 14554 } 14555 } 14556 } 14557 } 14558 } 14559`,nE=j.b.div` 14560 margin: -1rem; 14561 @media (min-width: 640px) { 14562 margin: -1.5rem; 14563 } 14564 .Polaris-DataTable__Footer { 14565 overflow-x: scroll; 14566 } 14567 .product_wrap { 14568 width: calc(400px - 3.2rem); 14569 white-space: normal; 14570 word-break: break-word; 14571 display: flex; 14572 flex-direction: column; 14573 row-gap: 0.5rem; 14574 } 14575 .image_wrap { 14576 width: calc(150px - 3.2rem); 14577 white-space: normal; 14578 word-break: break-word; 14579 } 14580 .id_wrap { 14581 width: calc(150px - 3.2rem); 14582 white-space: normal; 14583 word-break: break-word; 14584 } 14585 .product-base_wrap { 14586 width: calc(150px - 3.2rem); 14587 white-space: normal; 14588 word-break: break-word; 14589 } 14590`,rE=e=>{var t;const{match:a}=e,r=null===a||void 0===a||null===(t=a.params)||void 0===t?void 0:t.id,{currentUser:i}=Object(l.useContext)(te.a),o=Object(C.get)(i,"roles",[]),s=Object(C.get)(i,"teamUser.role",null);let u=oe.hb.Seller;o.includes(oe.pb.Seller)&&([oe.gb.MarketplaceManager].includes(s)&&(u=oe.hb.MarketplaceManager),[oe.gb.StoreManager].includes(s)&&(u=oe.hb.StoreManager));const[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)({limit:20,offset:0}),[A,{data:b,loading:h,error:f}]=Object(De.b)(lE);Object(l.useEffect)(()=>{r&&A({variables:{input:{amzExportId:r,...p}}})},[r,p]),Object(l.useEffect)(()=>{let e=b&&b.getAmazonExportProducts&&b.getAmazonExportProducts.nodes&&b.getAmazonExportProducts.nodes.length>0?b.getAmazonExportProducts.nodes.map(e=>{let t=null===e||void 0===e?void 0:e.id,a=e&&e.images&&e.images.length>0?e.images.map(e=>e.file):[],l=null===e||void 0===e?void 0:e.title,r=null===e||void 0===e?void 0:e.productBases;return r&&r.length&&(r=r.map(e=>e.title),r=r.join(", ")),[n.a.createElement("div",{className:"id_wrap"},t),n.a.createElement("div",{className:"image_wrap"},n.a.createElement(ci.default,{files:{files:a},limit:1,width:100,height:100})),n.a.createElement("div",{className:"product_wrap"},n.a.createElement("span",null,l),n.a.createElement("div",null,n.a.createElement(D.e,{children:null===e||void 0===e?void 0:e.sku}))),n.a.createElement("div",{className:"product-base_wrap"},n.a.createElement("span",null,r))]}):[];m(e)},[b]);const v=Object(l.useCallback)((e,t)=>{g(a=>({...a,offset:e,limit:t}))},[]);let{limit:E,offset:y}=p;const k=Object(C.get)(b,"getAmazonExportProducts.total",0),O={page:y/E+1,totalPage:Math.ceil(k/E),offset:y,limit:E,onChange:v,total:k},j=h&&n.a.createElement(D.D,null);return n.a.createElement(nE,null,n.a.createElement(D.H,{title:"Exported Product List",breadcrumbs:[{content:"Export for Amazon",url:`/${u}/export-amazon`}],fullWidth:!0},n.a.createElement(D.i,null,j,h?n.a.createElement(Je.SkeletonPagePolaris,null):f?n.a.createElement("div",null,"Error: ",Object(c.ib)(f.toString())):b&&b.getAmazonExportProducts&&b.getAmazonExportProducts.nodes&&b.getAmazonExportProducts.nodes.length>0?n.a.createElement(D.n,{columnContentTypes:["text","text","text","text"],headings:["ID","Image","Title","Product bases"],rows:d,verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:O,showTotal:!0})}):n.a.createElement(We.EmptyStatePolaris,null))))};var iE=a(235),oE=a(295);const sE=j.b.div` 14591 display: flex; 14592 padding-top: 0.8rem; 14593 flex-wrap: wrap; 14594 > * { 14595 margin-right: 0.8rem; 14596 margin-bottom: 0.8rem; 14597 } 14598`,cE=j.b.div` 14599 div[role="combobox"]:focus { 14600 outline: none; 14601 } 14602`,uE=j.b.div` 14603 label.Polaris-Choice { 14604 display: flex; 14605 width: 100%; 14606 min-height: 3.6rem; 14607 padding: 0.8rem 1.6rem; 14608 text-align: left; 14609 overflow-y: hidden; 14610 cursor: default; 14611 :hover { 14612 background-image: linear-gradient( 14613 rgba(223, 227, 232, 0.3), 14614 rgba(223, 227, 232, 0.3) 14615 ); 14616 } 14617 } 14618 .Polaris-Choice__Label { 14619 :hover { 14620 cursor: default; 14621 } 14622 }
14623`,dE=e=>{let{data:t,label:a,onChange:r,storeIds:i,isMarketplaceManager:o,role:s,labelHidden:u}=e;const[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)(null),[A,b]=Object(l.useState)([]),[h,f]=Object(l.useState)([]),[v,E]=Object(l.useState)([]),[y,C]=Object(l.useState)(!1);let O=!1;s&&s.length&&s.includes(oe.gb.Supporter)&&(O=!0),Object(l.useEffect)(()=>{const e=t&&t.stores&&t.stores.nodes&&t.stores.nodes.length?t.stores.nodes.map(e=>({value:e.id,label:e.title})):[];b(e),f(e),m(i)},[t]);const j=Object(l.useCallback)(e=>{C(e);let t=e?A.map(e=>e.value):[];S(t)},[A]);Object(l.useEffect)(()=>{S(i)},[A,h]);const w=Object(l.useCallback)(e=>{if(g(e),""===e)return void b(h);const t=new RegExp(e,"i"),a=h.filter(e=>e.label.match(t));b(a)},[h]),S=Object(l.useCallback)(e=>{m(e);let a=k.a.get(t,"stores.nodes",[]),l=a&&a.length>0?a.filter(t=>e.includes(t.id)):[];E(()=>Object(c.eb)([...l],"id")),r&&r(e)},[A,t]),I=Object(l.useCallback)(e=>{let t=d.filter(t=>t!==e);m(t);let a=v.filter(t=>t.id!==e);E(a),r&&r(t)},[d,v]),B=n.a.createElement(D.c.TextField,{label:o?"Assign To Stores":a,value:p,placeholder:"Search store",onCh
14623ange:w,labelHidden:!0}),P=n.a.createElement(uE,null,n.a.createElement(D.j,{label:"Select all stores",checked:y,onChange:j}));return n.a.createElement(cE,null,u?null:n.a.createElement(al.a,{label:o?"Assign To Stores":a}),n.a.createElement(D.c.ComboBox,{allowMultiple:!0,options:A,selected:d,textField:B,onSelect:S,emptyState:n.a.createElement("span",null,"No items found"),contentBefore:O?P:null}),n.a.createElement(sE,null,v&&v.length>0?v.map(e=>n.a.createElement(D.ab,{children:e.title,onRemove:()=>I(e.id),key:e.id})):null))},mE=o.a` 14624 query getChannelTeams($filter: ChannelTeamFilter!) { 14625 getChannelTeams(filter: $filter) { 14626 total 14627 nodes { 14628 ...ChannelTeamFragment 14629 } 14630 } 14631 } 14632 ${Qh.a} 14633`;o.a` 14634 query getChannelTeam($id: ID!) { 14635 getChannelTeam(id: $id) { 14636 ...ChannelTeamFragment 14637 } 14638 } 14639 ${Qh.a} 14640`;function pE(e){let{onChange:t,value:a}=e;const[r,i]=Object(l.useReducer)(c.Hb,{limit:20,offset:0,search:""}),{data:o,loading:s}=Object(De.d)(mE,{variables:{filter:r}}),u=Object(l.useCallback)(e=>{i({search:e})},[]),d=Object(l.useCallback)(e=>{t(e||void 0)},[t]);return n.a.createElement(ru.a,{value:a,label:"Channel Team",data:gE(o),onChangeSearch:u,onChange:d,allowMultiple:!1,loading:s})}function gE(e){return(Object(C.get)(e,"getChannelTeams.nodes")||[]).map(e=>(null===e||void 0===e?void 0:e.id)?{value:e.id,label:e.name}:void 0).filter(Boolean)}const AE=n.a.lazy(()=>Promise.resolve().then(a.bind(null,990))),bE=j.b.div` 14641 .Polaris-ChoiceList__Choices { 14642 // display: flex; 14643 // flex-wrap: wrap; 14644 14645 display: grid; 14646 grid-template-columns: repeat(4, minmax(100px, auto)); 14647 gap: 0 2rem; 14648 } 14649 .wrap-icon { 14650 .Polaris-Button { 14651 margin-top: -1px; 14652 } 14653 } 14654 .Polaris-FormLayout__Item { 14655 margin-top: 2.5rem; 14656 } 14657 .avatar-field { 14658 display: flex; 14659 flex-direction: column; 14660 .list-file_wrap { 14661 height: 120px; 14662 .file-item { 14663 max-width: 120px; 14664 .file_wrap { 14665 height: 100%; 14666 } 14667 } 14668 } 14669 } 14670 .Polaris-ButtonGroup { 14671 flex-direction: row-reverse; 14672 } 14673 .field-extra { 14674 margin-top: 1.5rem; 14675 } 14676 .change-password { 14677 padding: 0; 14678 .Polaris-FormLayout__Item { 14679 margin-top: 1.5rem; 14680 :first-child { 14681 margin-left: 0; 14682 } 14683 } 14684 } 14685`,hE=[{value:"products",label:"Products"},{value:"orders",label:"Orders"},{value:"product-assortment",label:"Product Assortment"}],fE={Supporter:[{value:"products-product-push",label:"Push products"}],"Design Leader":[...hE,{value:"mapping",label:"Mapping order"}]},vE=["Idea","Designer"],EE=[{value:oe.M.Amazon,label:"Amazon"},{value:oe.M.Etsy,label:"Etsy"},{value:oe.M.Tiktok,label:"Tiktok"}],yE=e=>{let{btnName:t,onCompleted:a,loadingMutation:r,choices:i,loading:o,errorQuery:s,teamRoles:u,dataUserTeam:d,editMember:m,handleRedirect:p,hasActiveAcc:g}=e;const{currentUser:A}=Object(l.useContext)(te.a),{isMarketplaceManager:b,isIdeaLeader:h,isSeller:f,isDesignLeader:v,isOnline:E}=Object(c.j)(A),y=Object(c.ub)(A),O=Object(C.get)(A,"teamUser.designOnlineTeamID"),[j,I]=Object(l.useState)(null),[B,P]=Object(l.useState)(null),[x,M]=Object(l.useState)(null),[T,Q]=Object(l.useState)(null),[R,F]=Object(l.useState)(null),[N,U]=Object(l.useState)(null),[L,V]=Object(l.useState)(null),[z,q]=Object(l.useState)(v&&E?[oe.gb.Designer]:[]),[H,$]=Object(l.useState)(null),[_,G]=Object(l.useState)(!1),[K,J]=Object(l.useState)([]),[Y,W]=Object(l.useState)(!1),[Z,X]=Object(l.useState)(["active"]),[ee,ae]=Object(l.useState)(!(!v||!E)),[le,ne]=Object(l.useState)([]),[re,ie]=Object(l.useState)(!1),[se,ce]=Object(l.useState)(""),[ue,de]=Object(l.useState)([]),[me,pe]=n.a.useReducer(c.Hb,{extraTasksMenu:["design_idea_task"],viewWholeTeamReport:!1,channelTeamIDs:y?{}:void 0,platform:[oe.M.Amazon],isEnabledInvoice:!1}),{isRootUser:ge}=A||{};let Ae=(k.a.get(A,"privileges")||[]).includes("set_user_privilege")||ge;const be=f||b||v||h;(z||[]).includes(oe.gb.Designer)&&(Ae=!1);let he=v&&(z||[]).includes(oe.gb.DesignLeader);const fe=[oe.gb.MarketplaceManager,oe.gb.StoreManager].some(e=>z.includes(e)),[ve,Ee]=Object(l.useState)({firstName:null,lastName:null,email:null,password:null,confirmPassword:null,role:null});Object(l.useEffect)(()=>{b?q([oe.gb.StoreManager]):h&&q([oe.gb.Idea])},[b,h]),Object(l.useEffect)(()=>
14685{if(d){if(d.user){var e,t;let a=d.user,l=a.avatar?[a.avatar]:[],n=a.status;n=n?"active":"inActive",X(n?[n]:["active"]),I(a.firstName),P(a.lastName),U(a.phone),V(a.address),M(a.email),$(l),ae(a.isOnline);const{extraMenus:r,ignoreTwoFA:i,ipWhitelist:o,privileges:s,isEnabledInvoice:u}=a||{};let m=[],p=[];(null===r||void 0===r?void 0:r.length)>0&&(m=r.filter(e=>!S.b.includes(e)),m=Object(c.Wb)(m),p=r.filter(e=>S.b.includes(e)),p=Object(c.Wb)(p)),p=(null===(e=p)||void 0===e?void 0:e.length)>0?p:["design_idea_task"],ne(m),pe({extraTasksMenu:p,isEnabledInvoice:!!u}),ie(!!i);const g=(o||[]).filter(Boolean).join("\n");ce(g);const A=(s||[]).filter(Boolean);de(A),(null===A||void 0===A?void 0:A.length)>0&&A.includes(w.s.VWTR)&&pe({viewWholeTeamReport:!0}),(null===a||void 0===a||null===(t=a.channelTeams)||void 0===t?void 0:t.length)>0&&!Object(c.Gb)(a.channelTeams[0])&&a.channelTeams[0].id&&pe({channelTeamIDs:{value:a.channelTeams[0].id,label:a.channelTeams[0].name}})}q([d.role]);let a=d.managerStores.map(e=>e.id);J(a)}},[d]);const ye=e=>{Ee(t=>{let a=null;return e||(a="Please enter first name."),{...t,firstName:a}})},Ce=e=>{Ee(t=>{let a=null;return e||(a="Please enter last name."),{...t,lastName:a}})},ke=e=>{Ee(t=>{let a=null;return e?Object(c.sb)(e)||(a="Email must be a valid email address."):a="Please enter email.",{...t,email:a}})},Oe=e=>{Ee(t=>{let a=null;return e||(a="Please choose a password."),{...t,password:a}})},je=(e,t)=>{let a=t||T;Ee(t=>{let l=null;return e?k.a.isEqual(e,a)||(l="The two passwords that you entered do not match."):l="Please confirm your password.",{...t,confirmPassword:l}})},we=e=>{Ee(t=>{let a=null;return e||(a=!0),{...t,role:a}})},Se=Object(l.useCallback)(e=>{ye(e),I(e)},[]),Ie=Object(l.useCallback)(e=>{Ce(e),P(e)},[]),Be=Object(l.useCallback)(e=>{ke(e),M(e)},[]),De=Object(l.useCallback)(e=>{Oe(e),Q(e),je(R,e)},[R]),Pe=Object(l.useCallback)(e=>{je(e),F(e)},[T]),xe=Object(l.useCallback)(e=>{const t=k.a.head(e);we(t),q(e),t===oe.gb.DesignLeader&&v&&ae(!0)},[v]),Me=Object(l.useCallback)(e=>{X(e)},[]),Te=Object(l.useCallback)(e=>U(e),[]),Qe=Object(l.useCallback)(e=>V(e),[]),Re=Object(l.useCallback)(e=>J(e),[]),Fe=Object(l.useCallback)(e=>$(e&&e.length?e:[]),[]),Ne=Object(l.useCallback)(e=>W(e),[]),Ue=Object(l.useCallback)(e=>ae(e),[]),Le=Object(l.useCallback)(e=>ne(e),[]),Ve=n.a.useRef(null),ze=Object(l.useCallback)(()=>{let e=k.a.head(z),t=H&&H.length>0?k.a.head(H.map(e=>"object"===typeof e?e.id:e)):"",l=k.a.head(Z);l="active"===l,we(e),ye(j),Ce(B),ke(x),Oe(T),je(R);let n=k.a.size(k.a.filter(k.a.values(ve),e=>null!==e));const r=(se||"").split(/\,|\n/).filter(Boolean).map(e=>null===e||void 0===e?void 0:e.trim()).slice(0,3);let i;const o=[oe.gb.Designer,oe.gb.DesignLeader].includes(e);var s;o&&ee&&(i=(null===(s=Ve.current)||void 0===s?void 0:s.getTeamId())||void 0);let u=o?ee:void 0,d=Ae&&ue.filter(Boolean).length>0?ue:void 0;v&&(E?(u=!0,i=O):e===oe.gb.DesignLeader&&(d=["create_user","edit_user"],u=!0));let p=[...le];me.extraTasksMenu.length>0&&p.push(...me.extraTasksMenu),p=Object(c.Wb)(p),d=me.viewWholeTeamReport?[...d||[],w.s.VWTR]:(d||[]).filter(e=>e!==w.s.VWTR),d=Array.from(new Set(d).values());let g={firstName:j,lastName:B,email:x,password:T,phone:N,address:L,...m?{status:l}:null,role:e,...K.length?{storeIds:K}:null,avatar:t,isOnline:u,extraMenus:f?p:void 0,ignoreTwoFA:f?re:void 0,ipWhitelist:be?r:void 0,privileges:d,designOnlineTeamID:i,platform:void 0};CE(z)&&y?g.channelTeamIDs=me.channelTeamIDs?me.channelTeamIDs.value:void 0:g.channelTeamIDs=void 0,kE(z)&&y&&(g.platform=me.platform[0]||void 0),y&&(g.isEnabledInvoice=me.isEnabledInvoice),m?x&&j&&B&&e&&0===n&&a(g):x&&T&&j&&B&&R&&e&&0===n&&a(g)},[x,T,j,B,R,N,L,z,K,H,Z,ee,E,f,le,re,se,be,ue,Ae,O,me.extraTasksMenu,me.viewWholeTeamReport,me.channelTeamIDs,me.platform,me.isEnabledInvoice]),qe=n.a.createElement("div",{className:"wrap-icon"},n.a.createElement(D.g,{plain:!0,onClick:()=>G(e=>!e)},n.a.createElement(D.w,{source:_?Ja.a:Ka.a}))),He=o&&n.a.createElement(D.D,null),$e=z.some(e=>[oe.gb.Idea,oe.gb.IdeaLeader,oe.gb.Designer,oe.gb.DesignLeader,oe.gb.Supporter].includes(e)),_e=z.some(e=>[oe.gb.MarketplaceManager,oe.gb.StoreManager].includes(e)),Ge=Object(l.useMemo)(()=>b?[]:h?i.filter(e=>vE.includes(e.value)):v?OE(i,E?[oe.gb.Designer]:[oe.gb.Designer,oe.gb.DesignLeader],!1):i,[i,b,h,v,E]);Object(l.useEffect)(()=>{const e=document.querySelectorAll(".wrap-icon");for(let t of e){t.querySelector(".Polaris-Button").setAttribute("tabIndex","-1")}},[]);const[Ke]=z||[],Je=n.a.useMemo(()=>fE[Ke]||hE,[Ke]),Ye=(We=z,Ze=[oe.gb.DesignLeader,oe.gb.Designer],(null===We||void 0===We?void 0:We.length)>0&&(null===Ze||void 0===Ze?void 0:Ze.length)>0&&Ze.includes(We[0]));var We,Ze;const Xe=n.a.useCallback(e=>{const t=e.length;pe(a=>{const l=e.findIndex(e=>e===S.g);return l===t-1?e=[S.g]:t>1&&l>-1&&e.splice(l,1),{...a,extraTasksMenu:e}})},[]),et=n.a.useCallback(e=>{pe({viewWholeTeamReport:e})},[]);return n.a.createElement(bE,null,He,n.a.createElement(D.s,{onSubmit:ze}
14685,n.a.createElement(D.t,null,n.a.createElement(D.t.Group,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"First name",required:!0}),n.a.createElement(D.cb,{type:"text",onChange:Se,value:j,placeholder:"First name",error:ve.firstName})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Last name",required:!0}),n.a.createElement(D.cb,{type:"text",onChange:Ie,value:B,placeholder:"Last name",error:ve.lastName}))),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Email",required:!0}),n.a.createElement(D.cb,{value:x,onChange:Be,type:"email",placeholder:"Email",error:ve.email})),m?n.a.createElement("div",{className:"change-password"},n.a.createElement(D.j,{label:"Change Password",checked:Y,onChange:Ne}),n.a.createElement(D.l,{open:Y,id:"basic-collapsible",transition:{duration:"150ms",timingFunction:"ease"}},n.a.createElement(D.t.Group,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"New password",required:!0}),n.a.createElement(D.cb,{value:T,onChange:De,type:_?"text":"password",placeholder:"***************",suffix:qe,error:ve.password})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Confirm new password",required:!0}),n.a.createElement(D.cb,{value:R,onChange:Pe,type:_?"text":"password",placeholder:"***************",suffix:qe,error:ve.confirmPassword}))))):n.a.createElement(D.t.Group,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Password",required:!0}),n.a.createElement(D.cb,{value:T,onChange:De,type:_?"text":"password",placeholder:"***************",suffix:qe,error:ve.password})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Confirm password",required:!0}),n.a.createElement(D.cb,{value:R,onChange:Pe,type:_?"text":"password",placeholder:"***************",suffix:qe,error:ve.confirmPassword}))),n.a.createElement(D.t.Group,null,n.a.createElement(D.cb,{value:N,onChange:Te,label:"Phone",placeholder:"Phone"}),n.a.createElement(D.cb,{value:L,onChange:Qe,label:"Address",placeholder:"Address"})),s?n.a.createElement("div",null,"Error:",Object(c.ib)(s.toString())):n.a.createElement(n.a.Fragment,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Role",required:!0}),n.a.createElement(D.k,{selected:z,titleHidden:b,choices:Ge,onChange:xe})),ve.role&&n.a.createElement(D.x,{message:"Please select role.",fieldID:"roleId"}),y&&CE(z)?n.a.createElement("div",{style:{marginTop:"1rem"}},n.a.createElement(pE,{onChange:e=>pe({channelTeamIDs:e}),value:me.channelTeamIDs||void 0})):null,y&&kE(z)?n.a.createElement("div",{style:{marginTop:"1rem"}},n.a.createElement(D.k,{title:"Platform",selected:me.platform,choices:EE,onChange:e=>pe({platform:e})})):null,n.a.createElement("div",{className:"field-extra"},!E&&n.a.createElement(n.a.Fragment,null,(null===z||void 0===z?void 0:z.length)>0&&[oe.gb.Designer].includes(k.a.head(z))&&n.a.createElement(D.j,{label:"Is online designer?",checked:ee,onChange:Ue}),n.a.createElement(D.l,{open:ee,id:"is-online-collapsible",transition:{duration:"150ms",timingFunction:"ease"}},n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(AE,{ref:Ve})))),[oe.pb.StoreManager,oe.gb.Supporter].includes(k.a.head(z))&&n.a.createElement(dE,{data:u,role:z,storeIds:K,isMarketplaceManager:b,label:oe.pb.StoreManager===k.a.head(z)?"Manager Stores":"Supporter Stores",onChange:e=>Re(e)}))),y?n.a.createElement("div",null,n.a.createElement(D.j,{label:"Enabled Invoice",checked:me.isEnabledInvoice,id:"isEnabledInvoice",onChange:e=>pe({isEnabledInvoice:e})})):null,f&&$e&&n.a.createElement(D.k,{allowMultiple:!0,choices:Je,selected:le,title:"Extra Menus",onChange:Le}),f&&(Ye||_e)&&n.a.createElement(D.k,{allowMultiple:!0,choices:_e?[{value:S.c,label:"Idea Task"}]:jE,selected:me.extraTasksMenu,title:"Access Tasks Menu",onChange:Xe}),m&&g&&n.a.createElement(D.k,{title:"Status",selected:Z,onChange:Me,choices:[{label:"Active",value:"active"},{label:"Inactive",value:"inActive"}]}),f?n.a.createElement(D.j,{label:"Ignore Two-Factor Authentication (2FA)",checked:!!re,onChange:ie}):null,Ae?n.a.createElement("div",null,n.a.createElement(D.k,{choices:[{value:"create_user",label:"Create user"},{value:"edit_user",label:"Edit user"},{value:"active_deactive_user",label:"Active/Deactive user"},!E&&!he&&{value:"set_user_privilege",label:"Set user privilege"}
14685].filter(Boolean),selected:ue,title:"Privileges",onChange:de,allowMultiple:!0})):null,fe?n.a.createElement(D.j,{label:"View whole team report",checked:me.viewWholeTeamReport,onChange:et}):null,be?n.a.createElement(D.cb,{multiline:3,type:"text",value:se,onChange:ce,label:"IP Whitelist",helpText:"Only accept maximum 3 ip address"}):null,n.a.createElement("div",{className:"avatar-field"},n.a.createElement("label",null,"Avatar"),m?n.a.createElement(n.a.Fragment,null,H?n.a.createElement(dl.a,{accept:"image/*",singleUpload:!0,multiple:!1,onChange:e=>Fe(e),value:H,sizeSmall:!0}):null):n.a.createElement(dl.a,{sizeSmall:!0,accept:"image/*",singleUpload:!0,multiple:!1,onChange:e=>Fe(e)})),n.a.createElement(D.h,null,n.a.createElement(D.g,{primary:!0,submit:!0,loading:r},t||"Save"),n.a.createElement(D.g,{onClick:p},"Cancel")))))};function CE(e){return!Object(c.c)(e)&&[oe.gb.ChannelIdea,oe.gb.ChannelSeller,oe.gb.ChannelSupporter].includes(e[0])}function kE(e){return!Object(c.c)(e)&&[oe.gb.PlatformManager].includes(e[0])}function OE(e,t,a){return e.filter(e=>t.includes(e.value)).map(e=>({...e,disabled:a}))}const jE=[{value:S.g,label:"Both"},{value:S.a,label:"Design Task"},{value:S.c,label:"Idea Task"}],wE=o.a` 14686 mutation createUserTeam($input: NewUserTeam!) { 14687 createUserTeam(input: $input) { 14688 id 14689 role 14690 team { 14691 id 14692 } 14693 user { 14694 id 14695 firstName 14696 lastName 14697 roles 14698 email 14699 phone 14700 address 14701 avatar { 14702 id 14703 url 14704 } 14705 } 14706 status 14707 } 14708 } 14709`,SE=o.a` 14710 query teamRoles { 14711 teamRoles 14712 stores(filter: { limit: 1000, offset: 0, status: "Connected" }) { 14713 total 14714 nodes { 14715 id 14716 title 14717 } 14718 } 14719 } 14720`,IE=j.b.div` 14721 margin: -1rem; 14722 @media (min-width: 640px) { 14723 margin: -1.5rem; 14724 } 14725`,BE=()=>{const[e,t]=Object(l.useState)(null),[a,r]=Object(l.useState)(!1),{currentUser:i}=Object(l.useContext)(te.a),o=null===i||void 0===i?void 0:i.id;let s=Object(c.U)(i);const[u,{data:d,loading:m,error:p,client:g}]=Object(De.c)(wE,{onCompleted:()=>{const e=setTimeout(()=>{y()},2500);t(e)},onError:()=>{}}),{data:A,loading:b,error:h}=Object(De.d)(SE),f=A&&A.teamRoles&&A.teamRoles.length?k.a.map(A.teamRoles,e=>{let t=oe.s.accIds.includes(o),a=!oe.s.role.includes(e);return{value:e,label:e,disabled:t&&a}}):[],v=Object(l.useCallback)(()=>{r(e=>!e)},[]),E=Object(l.useCallback)(e=>{u({variables:{input:e}}).then(e=>{const t=e.data.createUserTeam;let a={search:null,limit:10,offset:0,status:null,role:null};try{const e=g.readQuery({query:oE.a,variables:{filter:a}});g.writeQuery({query:oE.a,variables:{filter:a},data:{...e,teamMembers:{...e.teamMembers,count:e.teamMembers.count+1,hits:[t,...e.teamMembers.hits]}}})}catch(l){}}).catch(()=>{}),v()},[]);Object(l.useEffect)(()=>()=>clearTimeout(e),[]);const y=Object(l.useCallback)(()=>{B.a.push(`/${s}/team-members`),g.resetStore()},[]);let C,O=d&&d.createUserTeam&&"Add team member success.";p&&(C=p.toString().includes("uix_users_email")?"Email name already in use, please try another name.":p.toString());const j=a?(C||O)&&n.a.createElement(D.fb,{content:C||O,error:C,duration:2e3,onDismiss:v}):null,w=Object(c.ub)(i),{canCreate:S}=Object(iE.a)(i);return!S&&w?null:n.a.createElement(IE,null,j,n.a.createElement(D.H,{title:"Add Member",breadcrumbs:[{content:"Members",url:`/${s}/team-members`}]},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(yE,{onCompleted:e=>E(e),dataMutation:d,loadingMutation:m,choices:f,loading:b,errorQuery:h,teamRoles:A,handleRedirect:y}))))},DE=o.a` 14726 mutation updateUserTeam($input: EditUserTeam!) { 14727 updateUserTeam(input: $input) { 14728 id 14729 role 14730 team { 14731 id 14732 } 14733 user { 14734 id 14735 firstName 14736 lastName 14737 roles 14738 email 14739 phone 14740 address 14741 ignoreTwoFA 14742 ipWhitelist 14743 avatar { 14744 id 14745 url 14746 thumbnailUrl 14747 } 14748 status 14749 } 14750 } 14751 } 14752`,PE=o.a` 14753 query loadData($id: ID!) { 14754 userTeamByID(id: $id) { 14755 id 14756 user { 14757 lastName 14758 firstName 14759 email 14760 phone 14761 address 14762 isOnline 14763 extraMenus 14764 ignoreTwoFA 14765 ipWhitelist 14766 privileges 14767 isEnabledInvoice 14768 avatar { 14769 id 14770 url 14771 thumbnailUrl 14772 } 14773 status 14774 channelTeams { 14775 id 14776 name 14777 } 14778 } 14779 role 14780 managerStores { 14781 id 14782 title 14783 } 14784 } 14785 teamRoles 14786 stores(filter: { limit: 5000, offset: 0 }) { 14787 total 14788 nodes { 14789 id 14790 title 14791 } 14792 } 14793 } 14794`,xE=j.b.div` 14795 margin: -1rem; 14796 @media (min-width: 640px) { 14797 margin: -1.5rem; 14798 } 14799`,ME=e=>{const[t,a]=Object(l.useState)(null),[r,i]=Object(l.useState)(!1),{id:o}=e.match.params,{currentUser:s}=Object(l.useContext)(te.a);let u=Object(c.U)(s);const{data:d}=Object(De.d)(I.Sb,{onError:()=>{}});let m=((null===d||void 0===d?void 0:d.getUserHasPermissionAcceptAccessInTeam)||[]).map(e=>{let{id:t}=e;return t}).includes(null===s||void 0===s?void 0:s.id);const{data:p,loading:g,error:A,client:b}=Object(De.d)(PE,{variables:{id:o},onError:()=>{},fetchPolicy:"no-cache"}),[h,{loading:f,error:v,data:E}]=Object(De.c)(DE,{onCompleted:()=>{const e=setTimeout(()=>{y()},2500);a(e)},onError:()=>{}});Object(l.useEffect)(()=>()=>clearTimeout(t),[]);const y=Object(l.useCallback)(()=>{B.a.push(`/${u}/team-members`),b.resetStore()},[]),C=p&&p.userTeamByID,O=p&&p.teamRoles&&p.teamRoles.length?k.a.map(p.teamRoles,e=>({value:e,label:e})):[],j=Object(l.useCallback)(()=>{i(e=>!e)},[]),w=Object(l.useCallback)(e=>{h({variables:{input:{id:o,...e}}}),j()},[]);let S,P=E&&E.updateUserTeam&&"Edit user success";v&&(S=v.toString().includes("uix_users_email")?"Email name already in use, please try another name.":"Something wrong! Please try again.");const x=r?(S||P)&&n.a.createElement(D.fb,{content:S||P,error:S,duration:2e3,onDismiss:j}):null,M=Object(c.ub)(s),{canEdit:T}=(Object(c.ob)(s),Object(c.qb)(s),Object(iE.a)(s));return!T&&M?null:n.a.createElement(xE,null,x,n.a.createElement(D.H,{title:"Edit Member",breadcrumbs:[{content:"Members",url:`/${u}/team-members`}]},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(yE,{onCompleted:e=>w(e),dataUserTeam:C,loading:g,errorQuery:A,choices:O,teamRoles:p,editMember:!0,errorMutation:v,loadingMutation:f,toastSuccess:P,handleRedirect:y,hasActiveAcc:m}))))},TE=o.a` 14800 query suppliers { 14801 suppliers { 14802 id 14803 firstName 14804 lastName 14805 } 14806 } 14807`,QE=e=>{let{onChange:t}=e;const{data:a,loading:r}=Object(De.d)(TE),[i,o]=Object(l.useState)(null),[s,c]=Object(l.useState)([]),[u,d]=Object(l.useState)([]),[m,p]=Object(l.useState)([]);Object(l.useEffect)(()=>{let e=a&&a.suppliers&&a.suppliers.length?a.suppliers.map(e=>({value:e.id,label:`${e.firstName} ${e.lastName}`})):[];c(e),p(e)},[a]);const g=Object(l.useCallback)(e=>{if(o(e),""===e)return void c(m);
14807const t=new RegExp(e,"i"),a=m.filter(e=>e.label.match(t));c(a)},[m]),A=Object(l.useCallback)(e=>{const a=e.map(e=>{const t=s.find(t=>t.value===e);return t&&t.label});o(k.a.head(a)),d(e),t&&t(k.a.head(e))},[s]),b=n.a.createElement(D.c.TextField,{label:"supplier",labelHidden:!0,placeholder:"Search for supplier",value:i,onChange:g});return n.a.createElement(D.c,{options:s,selected:u,onSelect:A,textField:b,loading:r,emptyState:n.a.createElement("span",null,"No items found!")})},RE=j.b.div` 14808 .condition-content { 14809 display: flex; 14810 .condition-content-inner { 14811 display: grid; 14812 flex-grow: 1; 14813 grid-gap: 0.8rem; 14814 grid-template-columns: repeat(auto-fit, minmax(1px, 1fr)); 14815 } 14816 .btn-delete { 14817 margin-left: 0.8rem; 14818 } 14819 } 14820 .error-wrap { 14821 margin-top: 0.5rem; 14822 } 14823`,FE=e=>{let{condition:t,showBtnDelete:a,handleClickRemove:r,index:i,onChange:o}=e;const[s,c]=Object(l.useState)("title"),[u,d]=Object(l.useState)("Equal"),[m,p]=Object(l.useState)(""),[g,A]=Object(l.useState)(null),[b,h]=Object(l.useState)(null);Object(l.useEffect)(()=>{c(t.field),d(t.operator),p(t.value)},[t]),Object(l.useEffect)(()=>{o&&o({field:s,operator:u,value:m},i)},[s,u,m]),Object(l.useEffect)(()=>{const e=f.find(e=>e.value.match(s));e&&h("Enter "+k.a.toLower(e.label))},[s]);const f=[{label:"Product title",value:"title"},{label:"Product base",value:"product_base_id"},{label:"Supplier",value:"user_id"},{label:"Product tag",value:"tag_id"},{label:"Product regular price",value:"regular_price"},{label:"Product sale price",value:"sale_price"}],v=["regular_price","sale_price"],E=["product_base_id","user_id","tag_id"],y=[...E,...v],C=[...E,...v],O=[...E,...v],j=[...E,...v],w=["title",...E],S=["title",...E],I=[{value:"Equal",label:"is equal to"},{value:"NotEqual",label:"is not equal to",disabled:["tag_id"].includes(s)},{value:"StartWith",label:"starts with",disabled:y.includes(s)},{value:"EndWith",label:"ends with",disabled:C.includes(s)},{value:"Contain",label:"contains",disabled:O.includes(s)},{value:"NotContain",label:"does not contain",disabled:j.includes(s)},{value:"GreaterThan",label:"is greater than",disabled:w.includes(s)},{value:"LessThan",label:"is less than",disabled:S.includes(s)}],B=Object(l.useCallback)(e=>{c(e),x(v.includes(e)?"0":"")},[]),P=Object(l.useCallback)(e=>d(e),[]),x=Object(l.useCallback)(e=>{p(e),(e=>{A(!e)})(e)},[]);return n.a.createElement(RE,null,n.a.createElement("div",{className:"condition-content"},n.a.createElement("div",{className:"condition-content-inner"},n.a.createElement(D.Q,{label:"field",labelHidden:!0,options:f,onChange:B,value:s}),n.a.createElement(D.Q,{labelHidden:!0,label:"operators",options:I,onChange:P,value:u}),!E.includes(s)&&n.a.createElement(D.cb,{label:"value",labelHidden:!0,value:m,onChange:x,type:v.includes(s)?"number":"text",placeholder:b}),"product_base_id"===s&&n.a.createElement(mv,{onChange:e=>x(e),labelHidden:!0}),"user_id"===s&&n.a.createElement(QE,{onChange:e=>x(e)}),"tag_id"===s&&n.a.createElement(bv.TagsSelectPolaris,{onChange:e=>x(e),labelHidden:!0})),a&&n.a.createElement("div",{className:"btn-delete"},n.a.createElement(D.g,{accessibilityLabel:"Delete collection",icon:n.a.createElement(D.w,{source:Le.a}),onClick:()=>r(i)}))),n.a.createElement("div",{className:"error-wrap"},g&&n.a.createElement(D.x,{message:"Please enter input.",fieldID:"myFieldID"})))},NE=e=>{let{onChange:t}=e;const[a,r]=Object(l.useState)("all-conditions"),[i,o]=Object(l.useState)([{field:"title",operator:"Equal",value:""}]);Object(l.useEffect)(()=>{t&&t({anyCondition:"all-conditions"!==a,conditions:i.filter(e=>e.value)})},[a,i]);const s=Object(l.useCallback)((e,t)=>r(t),[]),c=Object(l.useCallback)(()=>{o(e=>[...e,{field:"title",operator:"Equal",value:""}])},[]),u=Object(l.useCallback)(e=>{let t=i.filter((t,a)=>a!==e);o(t)},[i]),d=Object(l.useCallback)((e,t)=>{let a=i.map((a,l)=>l===t?e:a);o(a)},[i]);return n.a.createElement(D.bb,null,n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.Y,{alignment:"center"},n.a.createElement("p",null,"Products must match:"),n.a.createElement(D.Y,{alignment:"center"},n.a.createElement(D.L,{label:"all conditions",checked:"all-conditions"===a,id:"all-conditions",name:"conditions",onChange:s}),n.a.createElement(D.L,{label:"any conditions",checked:"any-conditions"===a,id:"any-conditions",name:"condtions",onChange:s}
14823))),n.a.createElement(D.Y,{alignment:"fill",distribution:"fillEvenly",vertical:!0},n.a.createElement(D.bb,null,i.map((e,t)=>n.a.createElement(FE,{condition:e,key:t,showBtnDelete:i.length>1,handleClickRemove:u,index:t,onChange:(e,t)=>d(e,t)})),n.a.createElement("div",null,n.a.createElement(D.g,{onClick:c},"Add another condition"))))))};var UE=a(1367);const LE=o.a` 14824 mutation deleteCollectionOfProduct($collectionId: ID!, $productId: ID!) { 14825 deleteCollectionOfProduct( 14826 collectionId: $collectionId 14827 productId: $productId 14828 ) 14829 } 14830`,VE=e=>{let{productId:t,collectionId:a,filter:r}=e;const[i,o]=Object(l.useState)(!1),[s,u]=Object(l.useState)(!1),[d,{client:m,loading:p,error:g,data:A}]=Object(De.c)(LE,{onCompleted:()=>{E()},onError:()=>{}}),b=Object(l.useCallback)(()=>{u(e=>!e)},[]);let h=A&&A.deleteCollectionOfProduct&&"Add collection success",f=g?Object(c.ib)(g.toString()):null;const v=s?(f||h)&&n.a.createElement(D.fb,{content:f||h,error:f,duration:2e3,onDismiss:b}):null,E=Object(l.useCallback)(()=>o(e=>!e),[]),y=Object(l.useCallback)(()=>{d({variables:{collectionId:a,productId:t}}).then(()=>{const e=m.readQuery({query:ZE,variables:{filter:{...r,collectionId:a}}});m.writeQuery({query:ZE,variables:{filter:{...r,collectionId:a}},data:{...e,productsByCollection:{...e.productsByCollection,total:e.productsByCollection.total-1,nodes:e.productsByCollection.nodes.filter(e=>e.id!==t)}}})}).catch(()=>{}),b()},[]);return n.a.createElement(n.a.Fragment,null,v,n.a.createElement(D.g,{plain:!0,icon:n.a.createElement(D.w,{source:UE.a}),onClick:E}),n.a.createElement(D.E,{open:i,onClose:E,primaryAction:{content:"Delete",onAction:y,loading:p},secondaryActions:[{content:"Cancel",onAction:()=>E()}],title:"Delete product",sectioned:!0},n.a.createElement("p",null,"Are you sure delete this product?")))},zE=j.b.div` 14831 .product-wrap { 14832 display: flex; 14833 flex-direction: column; 14834 row-gap: 0.5rem; 14835 flex-wrap: wrap; 14836 align-items: start; 14837 14838 .Polaris-Link { 14839 white-space: break-spaces; 14840 } 14841 } 14842 14843 .Polaris-DataTable__Footer { 14844 background-color: #fff; 14845 padding: 1.6rem 0 0; 14846 overflow-x: auto; 14847 } 14848`,qE=e=>{let{data:t,filter:a,setFilter:l,total:r,collectionId:i}=e;const o=t?t.map((e,t)=>{const l=k.a.get(k.a.head(e.images),"file.thumbnailUrl",null);return[++t+".",n.a.createElement(D.eb,{alt:"",source:l}),n.a.createElement(HE,{value:e}),n.a.createElement(VE,{filter:a,productId:e.id,collectionId:i})]}):[];let{limit:s,offset:c}=a;const u={page:c/s+1,totalPage:Math.ceil(r/s),offset:c,limit:s,onChange:l,total:r};return n.a.createElement(zE,null,n.a.createElement(D.n,{columnContentTypes:["text","text","text","numeric"],headings:["No.","Image","Title","Actions"],rows:o,verticalAlign:"middle",footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:u,showTotal:!0})}))};function HE(e){let{value:t}=e;const{sku:a}=t||{};return n.a.createElement("div",{className:"product-wrap"},n.a.createElement($E,{value:t}),a&&n.a.createElement(D.e,{children:a}))}function $E(e){let{value:t}=e;const{title:a}=t||{},{currentUser:l}=Object(te.c)(),r=Object(c.U)(l),i=null!=t?(e=>{var t;return`${(null===(t=e.productBases)||void 0===t?void 0:t.length)>1?`/${r}/products/campaign`:`/${r}/products/edit`}/${e.id}`})(t):null;return n.a.createElement(D.B,{url:i,children:a})}const _E=j.b.div` 14849 .Polaris-ResourceList__HeaderWrapper { 14850 border-top: 0.1rem solid var(--p-border-subdued, #dfe3e8); 14851 } 14852 .Polaris-ResourceItem { 14853 cursor: default; 14854 } 14855`,GE=e=>{let{products:t,onSelection:a,loading:r,options:i}=e;const[o,s]=Object(l.useState)(i),c=Object(l.useCallback)(e=>{s(e),a&&a(e)},[]);return n.a.createElement(_E,null,n.a.createElement(D.O,{items:t,renderItem:e=>{const{id:t,title:a,images:l}=e,r=n.a.createElement(D.eb,{source:l?k.a.get(k.a.head(l),"file.thumbnailUrl",null):ze.a,alt:""});return n.a.createElement(D.N,{id:t,accessibilityLabel:a,media:r,verticalAlignment:"center"},n.a.createElement("div",null,a))},selectedItems:o,onSelectionChange:e=>c(e),resourceName:{singular:"product",plural:"products"},selectable:!0,loading:r}))},KE=j.b.div` 14856 padding: 1.6rem; 14857 position: absolute; 14858 z-index: 20; 14859 top: 0; 14860 right: 0; 14861 left: 0; 14862 background-color: #fff; 14863`,JE=j.b.div` 14864 position: relative; 14865 z-index: 10; 14866 margin-top: 6.8rem; 14867 margin-bottom: 6.8rem; 14868 .Polaris-Scrollable { 14869 height: 550px; 14870 max-height: inherit; 14871 } 14872`,YE=j.b.div` 14873 padding: 1.6rem; 14874 position: absolute; 14875 z-index: 20; 14876 bottom: 0; 14877 right: 0; 14878 left: 0; 14879 background-color: #fff; 14880 border-top: 0.1rem solid var(--p-border-subdued, #dfe3e8); 14881`,WE=e=>{let{open:t,handleShowModal:a,products:r,filter:i,setFilter:o,total:s,onQueryChange:c,loading:u,onAction:d,matched:m,query:p}=e;const[g,A]=Object(l.useState)(p),[b,h]=Object(l.useState)([]);Object(l.useEffect)(()=>{h(m)},[m]);const f=Object(l.useCallback)(e=>h(e),[]),v=Object(l.useCallback)(()=>{d&&d(b)},[b]),E=Object(l.useCallback)(e=>{A(e),c&&c(e)},[]);let{limit:y,offset:C}=i;const k={page:C/y+1,totalPage:Math.ceil(s/y),offset:C,limit:y,onChange:o};return n.a.createElement(D.E,{open:t,title:"Edit collection products",onClose:a,primaryAction:{content:"Done",onAction:()=>{v(),a()}},secondaryActions:[{content:"Cancel",onAction:()=>a()}]},n.a.createElement(KE,null,n.a.createElement(D.cb,{label:"Search product",labelHidden:!0,value:g,onChange:E,placeholder:"Search product",focused:!0,prefix:n.a.createElement(D.w,{source:zi.a,color:"inkLighter"})})),n.a.createElement(JE,null,n.a.createElement(D.P,{shadow:!0}
14881,n.a.createElement(GE,{products:r,onSelection:e=>f(e),loading:u,options:b}))),n.a.createElement(YE,null,n.a.createElement(Ye.PaginationPolaris,{aggregation:k})))},ZE=o.a` 14882 query productsByCollection($filter: ProductCollectionFilter!) { 14883 productsByCollection(filter: $filter) { 14884 total 14885 nodes { 14886 id 14887 title 14888 sku 14889 productBases { 14890 id 14891 } 14892 images { 14893 id 14894 productBaseId 14895 file { 14896 id 14897 thumbnailUrl 14898 } 14899 } 14900 } 14901 } 14902 } 14903`,XE=[{label:"Best selling",value:"best_selleing"},{label:"Product title A-Z",value:"title-asc"},{label:"Product title Z-A",value:"title-desc"},{label:"Highest price",value:"regular_price-asc"},{label:"Lowest price",value:"regular_price-desc"},{label:"Newest",value:"created_at-desc"},{label:"Oldest",value:"created_at-asc"}],ey=j.b.div` 14904 padding: 2rem; 14905 position: relative; 14906 border-top: 0.1rem solid var(--p-border-subdued, #dfe3e8); 14907`,ty=e=>{let{collectionId:t}=e;const[a,r]=Object(l.useState)("best_selleinge"),[i,o]=Object(l.useState)(!1),[s,c]=Object(l.useState)([]),[u,d]=Object(l.useState)([]),[m,p]=Object(l.useState)(0),[g,A]=Object(l.useState)([]),[b,h]=Object(l.useState)(0),[f,v]=Object(l.useState)(null),[E,y]=Object(l.useState)({limit:10,offset:0,search:null,collectionId:null,sortBy:null,sortOrder:null}),{data:C,loading:O}=Object(De.d)(ZE,{variables:{filter:{...E,collectionId:t}}});Object(l.useEffect)(()=>{if(C&&C.productsByCollection&&C.productsByCollection.nodes&&C.productsByCollection.nodes.length){let e=C.productsByCollection;c(e.nodes),d(e.nodes),p(e.total),h(e.total)}},[C]),Object(l.useEffect)(()=>{i||v(null)},[i]);const j=Object(l.useCallback)(e=>{r(e);let t=e.split("-");1===t.length?y(e=>({...e,sortBy:null,sortOrder:null})):2===t.length&&y(e=>({...e,sortBy:k.a.head(t),sortOrder:t[1]}))},[]),w=Object(l.useCallback)(()=>o(e=>!e),[]),S=Object(l.useCallback)(e=>{A(e);let t=s.filter(t=>e.includes(t.id));d(t),h(t.length)},[s]),I=Object(l.useCallback)(e=>{v(e?e.trim():e),w()},[]),B=Object(l.useCallback)((e,t)=>{y(a=>({...a,offset:e,limit:t}))},[]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.i.Header,{title:"Products"}),n.a.createElement(D.i.Section,null,n.a.createElement(D.Y,{distribution:"fill"},n.a.createElement(D.cb,{label:"Search product",labelHidden:!0,prefix:n.a.createElement(D.w,{source:zi.a}),connectedRight:n.a.createElement(D.g,{onClick:w},"Browse"),onChange:I}),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.Q,{label:"Sort:",labelInline:!0,options:XE,onChange:j,value:a})))),n.a.createElement(ey,null,O?n.a.createElement(Je.SkeletonPagePolaris,null):u.length>0?n.a.createElement(qE,{data:u,total:b,filter:E,collectionId:t,setFilter:B}):n.a.createElement(We.EmptyStatePolaris,null)),i&&n.a.createElement(WE,{loading:O,open:i,handleShowModal:w,products:s,matched:g,total:m,filter:E,onAction:e=>S(e),query:f,onQueryChange:e=>{y(t=>({...t,search:e?e.trim():e}))},setFilter:e=>{y(t=>({...t,offset:e}))}}))},ay=j.b.div` 14908 display: flex; 14909 flex-direction: row-reverse; 14910 padding: 2rem 0; 14911 margin: 0 auto; 14912 border-top: 0.1rem solid var(--p-border-subdued, #dfe3e8); 14913`,ly=j.b.div` 14914 .list-file_wrap { 14915 height: 120px; 14916 .file-item { 14917 max-width: 120px; 14918 .file_wrap { 14919 height: 100%; 14920 } 14921 } 14922 } 14923`,ny=e=>{let{onSubmit:t,loading:a,value:r,editCollection:i,currentParam:o}=e;const[s,c]=Object(l.useState)([!1]),[u,d]=Object(l.useState)(null),[m,p]=Object(l.useState)(null),[g,A]=Object(l.useState)(null),[b,h]=Object(l.useState)([!1]),[f,v]=Object(l.useState)(null),[E,y]=Object(l.useState)({anyCondition:!1,value:[]}),[C,O]=Object(l.useState)({name:null}),[j,w]=Object(l.useState)([!1]);Object(l.useEffect)(()=>{if(r){let e=k.a.get(r,"image",null);d(k.a.get(r,"name","")),p(k.a.get(r,"description","")),A(k.a.get(r,"parent.id",null)),h([k.a.get(r,"private",!1)]),c([k.a.get(r,"automated",!1)]),y(e=>({...e,anyCondition:!1,value:k.a.get(r,"conditions",[])})),v(e?[e]:[]),w([k.a.get(r,"isPopular",!1)])}},[r]);const S=e=>{O(t=>{let a=null;return e||(a="Please enter name."),{...t,name:a}})},I=Object(l.useCallback)(e=>{d(e),S(e)},[]),P=Object(l.useCallback)(e=>p(e),[]),x=Object(l.useCallback)(e=>A(e),[]),M=Object(l.useCallback)(e=>c(e),[]),T=Object(l.useCallback)(e=>{h(e)},[]),Q=Object(l.useCallback)(e=>{let t=e.length?[k.a.get(k.a.head(e),"id",null)]:[];v(t)},[]),R=Object(l.useCallback)(e=>{let{anyCondition:t,conditions:a}=e;y(e=>({...e,anyCondition:t,value:a}))},[]),F=Object(l.useCallback)(()=>{S(u);let e=k.a.size(k.a.filter(k.a.values(C,e=>null!==e))),a=E.value.map(e=>{let{__typename:t,...a}=e;return{...a}});if(u&&0===e){let e={name:u,description:m,parentId:g,imageFileId:f&&f.length?k.a.head(f):null,automated:k.a.head(s),anyCondition:E.anyCondition,conditions:a,private:k.a.head(b),isPopular:k.a.head(j)};t&&t(e)}},[C,u,m,g,f,s,E,b,j]);return n.a.createElement(ly,null,n.a.createElement(D.s,null,n.a.createElement(D.A,null,n.a.createElement(D.A.Section,null,
14923n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Name",required:!0}),n.a.createElement(D.cb,{value:u,onChange:I,placeholder:"Name",error:C.name})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Description (optional)"}),n.a.createElement(Kt.a,{value:m,onChange:P})),n.a.createElement(Av.CollectionSelectPolaris,{value:g?[g]:[],resource:(null===r||void 0===r?void 0:r.parent)||null,onChange:x,label:"Parents collection"}))),n.a.createElement(D.i,null,i&&r?n.a.createElement(ty,{collectionId:r.id}):n.a.createElement(n.a.Fragment,null,n.a.createElement(D.i.Header,{title:"Collection type"}),n.a.createElement(D.i.Section,null,n.a.createElement(D.k,{title:"collection type",titleHidden:!0,choices:[{label:"Manual",value:!1,helpText:"Add products to this collection one by one"},{label:"Automated",value:!0,helpText:"Existing and future products that match the conditions you set will automatically be added to this collection"}],selected:s,onChange:M})),!0===k.a.head(s)&&n.a.createElement(D.i.Section,{title:"Conditions"},n.a.createElement(NE,{onChange:e=>R(e)}))))),n.a.createElement(D.A.Section,{secondary:!0},n.a.createElement(D.i,null,n.a.createElement(D.i.Header,{title:"Collection visibility"}),n.a.createElement(D.i.Section,null,n.a.createElement(D.k,{title:"Collection visibility",titleHidden:!0,choices:[{label:"Public",value:!1},{label:"Private",value:!0}],selected:b,onChange:T}))),n.a.createElement(D.i,null,n.a.createElement(D.i.Header,{title:"Collection image"}),n.a.createElement(D.i.Section,null,i?n.a.createElement(n.a.Fragment,null,f?n.a.createElement(dl.a,{accept:"image/*",singleUpload:!0,multiple:!1,value:f,sizeSmall:!0,onChange:e=>Q(e)}):null):n.a.createElement(dl.a,{accept:"image/*",singleUpload:!0,multiple:!1,sizeSmall:!0,onChange:e=>Q(e)}))),n.a.createElement(D.i,{title:"Collection popular",sectioned:!0},n.a.createElement(D.k,{selected:j,choices:[{label:"False",value:!1},{label:"True",value:!0}],onChange:w}))),n.a.createElement(D.A.Section,null,n.a.createElement(ay,null,n.a.createElement(D.h,null,n.a.createElement(D.g,{onClick:()=>B.a.push(`/${o}/collections`)},"Cancel"),n.a.createElement(D.g,{primary:!0,onClick:F,loading:a},"Save")))))))},ry=o.a` 14924 mutation createCollection($input: NewCollection!) { 14925 createCollection(input: $input) { 14926 id 14927 name 14928 image { 14929 id 14930 name 14931 url 14932 } 14933 private 14934 } 14935 } 14936`,iy=j.b.div` 14937 margin: -1rem; 14938 @media (min-width: 640px) { 14939 margin: -1.5rem; 14940 } 14941`,oy=()=>{const[e,t]=Object(l.useState)(null),[a,r]=Object(l.useState)(!1),{currentUser:i}=Object(l.useContext)(te.a);let o=Object(c.U)(i);const[s,{loading:u,error:d,data:m}]=Object(De.c)(ry,{onCompleted:()=>{const e=setTimeout(()=>{A()},2500);t(e)},onError:()=>{}}),p=Object(l.useCallback)(e=>{s({variables:{input:e}}),g()},[]);Object(l.useEffect)(()=>()=>clearTimeout(e),[]);const g=Object(l.useCallback)(()=>{r(e=>!e)},[]),A=Object(l.useCallback)(()=>{B.a.push(`/${o}/collections`)},[]);let b=m&&m.createCollection&&"Add collection success",h=d?Object(c.ib)(d.toString()):null;const f=a?(h||b)&&n.a.createElement(D.fb,{content:h||b,error:h,duration:2e3,onDismiss:g}):null;return n.a.createElement(iy,null,f,n.a.createElement(D.H,{title:"Add Collection",breadcrumbs:[{content:"Collections",url:`/${o}/collections`}],fullWidth:!0},n.a.createElement(ny,{onSubmit:p,loading:u,currentParam:o})))},sy=j.b.div` 14942 margin: -1rem; 14943 @media (min-width: 640px) { 14944 margin: -1.5rem; 14945 } 14946`,cy=o.a` 14947 # fragment cat on Collection { 14948 # id 14949 # name 14950 # parent { 14951 # id 14952 # name 14953 # } 14954 # image { 14955 # id 14956 # url 14957 # thumbnailUrl 14958 # createdAt 14959 # } 14960 # } 14961 query collectionById($id: ID!) { 14962 # collections { 14963 # total 14964 # nodes { 14965 # ...cat 14966 # children { 14967 # ...cat 14968 # children { 14969 # ...cat 14970 # children { 14971 # ...cat 14972 # children { 14973 # ...cat 14974 # } 14975 # } 14976 # } 14977 # } 14978 # } 14979 # }
14980 collectionById(id: $id) { 14981 id 14982 name 14983 parent { 14984 id 14985 name 14986 } 14987 image { 14988 id 14989 name 14990 url 14991 thumbnailUrl 14992 createdAt 14993 } 14994 private 14995 automated 14996 conditions { 14997 id 14998 field 14999 operator 15000 value 15001 } 15002 description 15003 isPopular 15004 } 15005 } 15006`,uy=o.a` 15007 mutation updateCollection($input: EditCollection!) { 15008 updateCollection(input: $input) { 15009 id 15010 name 15011 image { 15012 id 15013 url 15014 thumbnailUrl 15015 } 15016 } 15017 } 15018`,dy=e=>{const[t,a]=Object(l.useState)(null),[r,i]=Object(l.useState)(!1),{currentUser:o}=Object(l.useContext)(te.a);let s=Object(c.U)(o);const{id:u}=e.match.params,{data:d,loading:m,error:p}=Object(De.d)(cy,{variables:{id:u},fetchPolicy:"network-only"}),[g,{loading:A,error:b,data:h}]=Object(De.c)(uy,{onCompleted:()=>{const e=setTimeout(()=>{E()},2500);a(e)},onError:()=>{}}),f=Object(l.useCallback)(()=>{i(e=>!e)},[]),v=Object(l.useCallback)(e=>{g({variables:{input:{...e,id:u}}}),f()},[]);Object(l.useEffect)(()=>()=>clearTimeout(t),[]);const E=Object(l.useCallback)(()=>{B.a.push(`/${s}/collections`)},[]);let y=h&&h.updateCollection&&"Edit collection success",C=b?Object(c.ib)(b.toString()):null;const k=r?(C||y)&&n.a.createElement(D.fb,{content:C||y,error:C,duration:2e3,onDismiss:f}):null,O=m&&n.a.createElement(D.D,null);return p?n.a.createElement("div",null,"Error:",Object(c.ib)(p.toString())):n.a.createElement(sy,null,O,k,n.a.createElement(D.H,{title:"Edit collection",breadcrumbs:[{content:"Collections",url:`/${s}/collections`}],fullWidth:!0},n.a.createElement(ny,{value:null===d||void 0===d?void 0:d.collectionById,onSubmit:v,loading:A,editCollection:!0,currentParam:s})))},my=o.a` 15019 query stores($filter: StoreFilter) { 15020 stores(filter: $filter) { 15021 nodes { 15022 id 15023 title 15024 email 15025 domain 15026 suspended 15027 } 15028 } 15029 } 15030`,py=j.b.p` 15031 flex: auto; 15032 overflow: hidden; 15033 white-space: nowrap; 15034 text-overflow: ellipsis; 15035`,gy=j.b.div` 15036 display: flex; 15037 padding-top: 0.8rem; 15038 flex-wrap: wrap; 15039 > * { 15040 margin-right: 0.8rem; 15041 margin-bottom: 0.8rem; 15042 } 15043`,Ay=e=>{const{onChange:t,error:a,value:r}=e,[i,o]=Object(l.useState)(""),[s,u]=Object(l.useState)([]),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)([]),[A,b]=Object(l.useState)([]),{data:h,loading:f}=Object(De.d)(my,{variables:{filter:{limit:3e3,offset:0,platformSelected:["amazon"]}}});Object(l.useEffect)(()=>{let e=[];e=[...h&&h.stores&&h.stores.nodes&&h.stores.nodes.length>0?h.stores.nodes.map(e=>({value:e.id,label:n.a.createElement(py,null,e.title," ",e.email?`(${e.email})`:"")})):[]],g(e),m(e)},[h]),Object(l.useEffect)(()=>{if(r&&r.length&&d.length){u(r);let e=d.length>0?d.filter(e=>k.a.isArray(r)&&r.includes(e.value)):[];e=e&&e.length>0?e.map(e=>{let t=k.a.get(e,"label.props.children",null);return k.a.isArray(t)&&(t=t.join("")),{value:e.value,label:t}}):[],b(t=>Object(c.eb)([...t,...e],"value"))}}
15043,[r,d]);const v=Object(l.useCallback)(e=>{if(o(e),""===e)return void g(d);const t=new RegExp(e,"i"),a=d.filter(e=>{let a=k.a.get(e,"label.props.children");return Array.isArray(a)&&(a=a.join("")),a.match(t)});g(a)},[d]),E=Object(l.useCallback)(e=>{u(e);let a=d&&d.length>0?d.filter(t=>e.includes(t.value)).map(e=>{let t=k.a.get(e,"label.props.children",null);return Array.isArray(t)&&(t=t.join("")),{value:e.value,label:t}}):[];b(t=>{let l=Object(c.eb)([...t,...a],"value");return l=l.filter(t=>e.includes(t.value)),l}),t&&t(e)},[p,d]),y=Object(l.useCallback)(e=>{let a=s.filter(t=>t!==e);u(a);let l=A.filter(t=>t.value!==e);b(l),t&&t(a)},[s,A]),C=n.a.createElement(D.c.TextField,{label:"Accounts",labelHidden:!0,value:i,onChange:v,placeholder:"Search for account",error:a});return n.a.createElement(n.a.Fragment,null,n.a.createElement(al.a,{label:"Accounts",required:!0}),f?n.a.createElement(D.X,{size:"small"}):n.a.createElement(n.a.Fragment,null,n.a.createElement(D.c,{options:p,onSelect:E,selected:s,textField:C,allowMultiple:!0,emptyState:n.a.createElement("span",null,"No items found!"),id:"account-select"}),n.a.createElement(gy,null,A&&A.length>0?A.map(e=>n.a.createElement(D.ab,{children:e.label,onRemove:()=>y(e.value),key:e.value})):null)))},by=j.b.div` 15044 .title-wrap { 15045 max-width: 50rem; 15046 white-space: break-spaces; 15047 } 15048 .Polaris-DataTable__Footer { 15049 overflow-x: scroll; 15050 } 15051`,hy=e=>{const{data:t,filter:a,setFilter:r,total:i}=e,{currentUser:o}=Object(l.useContext)(te.a),s=k.a.get(o,"roles",[]),c=k.a.get(o,"teamUser.role",null);let u=oe.hb.Seller;s.includes(oe.pb.Seller)&&([oe.gb.StoreManager].includes(c)&&(u=oe.hb.StoreManager),[oe.gb.MarketplaceManager].includes(c)&&(u=oe.hb.MarketplaceManager));const d=t&&t.length>0?t.map((e,t)=>{let a=k.a.get(k.a.head(e.images),"file");a=a?a.thumbnailUrl?a.thumbnailUrl:a.url:null;let l="",r=null;k.a.get(e,"divisions[0].used")?(l="Used",r="success"):(l="Unused",r="critical");let i=`/${u}/products/edit/${e.id}`;return[++t+".",n.a.createElement(D.eb,{alt:"",source:a||ze.a,size:"large"}),n.a.createElement("div",{className:"title-wrap"},n.a.createElement(D.B,{url:i,children:e.title})),n.a.createElement("div",{className:"status-wrap"},n.a.createElement(D.e,{status:r,children:l}))]}):[];let{limit:m,offset:p}=a;const g={page:p/m+1,totalPage:Math.ceil(i/m),offset:p,limit:m,onChange:r,total:i};return n.a.createElement(by,null,n.a.createElement(D.n,{columnContentTypes:["text","text","text","text"],headings:["No.","Image","Title","Status"],rows:d,verticalAlign:"middle",footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:g,showTotal:!0}),hideScrollIndicator:!0}))},fy=o.a` 15052 query getListProductByDivision($filter: ProductDivisionFilter!) { 15053 getListProductByDivision(filter: $filter) { 15054 total 15055 nodes { 15056 id 15057 title 15058 images { 15059 id 15060 file { 15061 id 15062 thumbnailUrl 15063 url 15064 } 15065 } 15066 divisions { 15067 id 15068 used 15069 } 15070 } 15071 } 15072 } 15073`,vy=[{label:"Best selling",value:"best_selleing"},{label:"Product title A-Z",value:"title-asc"},{label:"Product title Z-A",value:"title-desc"},{label:"Highest price",value:"regular_price-asc"},{label:"Lowest price",value:"regular_price-desc"},{label:"Newest",value:"created_at-desc"},{label:"Oldest",value:"created_at-asc"}],Ey=e=>{const{divisionId:t}=e,[a,r]=Object(l.useState)(null),[i,o]=Object(l.useState)("best_selleinge"),[s,u]=Object(l.useState)({limit:Number(Object(c.M)("perPageProductByDivision"))||20,offset:0,search:null,sortBy:null,sortOrder:null}),[d,{data:m,loading:p,error:g}]=Object(De.b)(fy),A=Object(l.useRef)(null);Object(l.useEffect)(()=>{d({variables:{filter:{divisionId:t,...s}}})},[t,s]);const b=Object(l.useCallback)(e=>{r(e),A.current&&clearTimeout(A.current),A.current=setTimeout(()=>{u(t=>({...t,search:e,offset:0}))},300)},[]),h=Object(l.useCallback)(e=>{o(e);let t=e.split("-");1===t.length?u(e=>({...e,sortBy:null,sortOrder:null,offset:0})):2===t.length&&u(e=>({...e,sortBy:k.a.head(t),sortOrder:t[1],offset:0}))},[]),f=m&&m.getListProductByDivision&&m.getListProductByDivision.nodes&&m.getListProductByDivision.nodes.length>0?m.getListProductByDivision.nodes:[],v=m&&m.getListProductByDivision&&m.getListProductByDivision.total?m.getListProductByDivision.total:0;return n.a.createElement(D.i,null,n.a.createElement(D.i.Header,{title:"Products"}
15073),n.a.createElement(D.i.Section,null,n.a.createElement(D.Y,{distribution:"fill"},n.a.createElement(D.cb,{label:"Filter product",labelHidden:!0,prefix:n.a.createElement(D.w,{source:zi.a}),onChange:b,value:a}),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.Q,{label:"Sort:",labelInline:!0,options:vy,onChange:h,value:i})))),n.a.createElement("div",null,p?n.a.createElement(Je.SkeletonPagePolaris,null):n.a.createElement(n.a.Fragment,null,g?n.a.createElement("div",null,"Error: ",Object(c.ib)(g.toString())):n.a.createElement(n.a.Fragment,null,f.length>0?n.a.createElement(hy,{data:f,filter:s,total:Number(v),setFilter:(e,t)=>{u(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageProductByDivision",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null)))))},yy=j.b.div` 15074 > .Polaris-FormLayout { 15075 display: flex; 15076 flex-direction: row; 15077 column-gap: 2rem; 15078 } 15079`,Cy=e=>{let{onChange:t,value:a,isEditDivision:l,label:r,canSelectOne:i}=e;const[o,s]=n.a.useState(!1),c=n.a.useRef(null),u=n.a.useCallback(()=>{s(!0),c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{t&&t({}),s(!1)},500)},[t]),d=n.a.useMemo(()=>o?n.a.createElement(D.X,{size:"small"}):n.a.createElement(Yi.a,{customTime:{range:2===Object.keys(a).length?a:null,rangeLabel:null},onChange:t,isField:l,canSelectOne:i}),[a,o,l,t]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.z,{label:r||"Has last sale at",action:Object.values(a).some(e=>e)?{content:"Reset to default",onAction:u}:{}}),n.a.createElement(yy,null,d))},ky=o.a` 15080 mutation updatePushContinue($input: Boolean!, $id: ID!) { 15081 updatePushContinue(input: $input, id: $id) 15082 } 15083`,Oy=e=>{let{value:t,id:a}=e;const[r,i]=Object(l.useState)(t),[o,s]=Object(l.useState)(!1),[c,{data:u,loading:d,error:m}]=Object(De.c)(ky,{onError:()=>{},onCompleted:()=>{}}),p=Object(l.useCallback)(()=>{c({variables:{input:!r,id:a}}),g()},[r]),g=Object(l.useCallback)(()=>{s(e=>!e)},[]),A=Object(l.useCallback)(()=>{i(e=>!e),p()}
15083,[]),b=o?(m||u&&u.updatePushContinue)&&n.a.createElement(D.fb,{content:m?"Went something wrong.":u&&u.updatePushContinue?"Setting has been saved.":void 0,error:m,duration:2e3,onDismiss:g}):null,h=r?"Enabled":"Disabled";return n.a.createElement(n.a.Fragment,null,b,n.a.createElement(D.R,{action:{content:h,onAction:A,loading:d},enabled:!r}))},jy=o.a` 15084 query stores($filter: StoreFilter) { 15085 stores(filter: $filter) { 15086 nodes { 15087 id 15088 title 15089 } 15090 } 15091 } 15092`,wy=e=>{let{onChange:t,filter:a}=e;const[r,i]=Object(l.useState)(a.search),[o,s]=Object(l.useState)({value:null,label:null,search:null}),[u,d]=Object(l.useState)({value:null,label:null,search:null}),[m,p]=Object(l.useState)({value:null,label:null,search:null}),[g,A]=Object(l.useState)([]),[b,h]=Object(l.useState)([]),[f,v]=Object(l.useState)([]),E=Object(l.useRef)(null),{currentUser:y}=Object(l.useContext)(te.a),C=k.a.get(y,"roles",[]),O=k.a.get(y,"teamUser.role",null);let j=!1;C.includes(oe.pb.Seller)&&[oe.gb.StoreManager].includes(O)&&(j=!0);const w=Object(l.useRef)(null),{data:S,loading:I,error:B}=Object(De.d)(Av.LIST_COLLECTION,{variables:{filter:{search:o.search,limit:20,offset:0}}}),{data:P,loading:x,error:M}=Object(De.d)(bv.TAGS,{variables:{filter:{search:u.search,limit:20,offset:0}}}),{data:T,loading:Q,error:R}=Object(De.d)(jy,{variables:{filter:{limit:20,offset:0,search:m.search}}});Object(l.useEffect)(()=>{var e;const t=(null===S||void 0===S||null===(e=S.collections)||void 0===e?void 0:e.nodes)||[];if(t.length>0){let e=Object(c.z)(t);A(e)}},[S]),Object(l.useEffect)(()=>{var e;const t=(null===P||void 0===P||null===(e=P.tags)||void 0===e?void 0:e.nodes)||[];if(t.length>0){let e=Object(c.z)(t);h(e)}},[P]),Object(l.useEffect)(()=>{var e,t,a;let l=T;(null===(e=l)||void 0===e||null===(t=e.stores)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0&&(l=l.stores.nodes.map(e=>({value:e.id,label:e.title})),v(l))},[T]),Object(l.useEffect)(()=>{if(a){if(a.collections&&a.collections.length){let e=k.a.head(a.collections),t=g&&g.find(t=>t.value===e);s(a=>({...a,value:e,label:t&&t.label}))}if(a.tags&&a.tags.length){let e=k.a.head(a.tags),t=b&&b.find(t=>t.value===e);d(a=>({...a,value:e,label:t&&t.label}))}if(a.storeId){let e=a.storeId,t=f&&f.find(t=>t.value===e);p(a=>({...a,value:e,label:t&&t.label}))}}},[a,g,b,f]),Object(l.useEffect)(()=>{E.current&&clearTimeout(E.current),t&&(E.current=setTimeout(()=>{t({search:r?r.trim():r,collections:o.value?[o.value]:null,tags:u.value?[u.value]:null,storeId:m.value})},300))},[r,o,u,m]);const F=Object(l.useCallback)(e=>i(e),[]),N=Object(l.useCallback)(()=>i(null),[]),U=Object(l.useCallback)(()=>s({value:null,label:null,search:null}),[]),L=Object(l.useCallback)(()=>d({value:null,label:null,search:null}),[]),V=Object(l.useCallback)(()=>p({value:null,label:null,search:null}),[]),z=Object(l.useCallback)(()=>{N(),U(),L(),V()},[N,U,L,V]),q=Object(l.useCallback)(e=>{let{search:t}=e;w.current&&clearTimeout(w.current),w.current=setTimeout(()=>{p(e=>({...e,search:t}))},500)},[]),H=[{key:"collections",label:"Collections",filter:n.a.createElement(ba.a,{options:g,value:o,loading:I,error:B,onChangeSearch:e=>s(t=>({...t,search:e})),onChange:e=>{let{value:t,label:a}=e;return s(e=>({...e,value:t,label:a}))}})},{key:"tags",label:"Tags",filter:n.a.createElement(ba.a,{options:b,value:u,loading:x,error:M,onChangeSearch:e=>d(t=>({...t,search:e})),onChange:e=>{let{value:t,label:a}=e;return d(e=>({...e,value:t,label:a}))}})},...j?[]:[{key:"stores",label:"Stores",filter:n.a.createElement(ga.a,{value:m,error:R,loading:Q,data:f&&f.length>0?f:[],onChangeSearch:q,onChange:e=>{let{value:t,label:a}=e;return p(e=>({...e,value:t,label:a}))}})}]],$=[];if(!Object(c.tb)(o.label)){const e="collections";$.push({key:e,label:_(e,o.label),onRemove:U})}if(!Object(c.tb)(u.label)){const e="tags";$.push({key:e,label:_(e,u.label),onRemove:L})}if(!Object(c.tb)(m.label)){const e="stores";$.push({key:e,label:_(e,m.label),onRemove:V})}return n.a.createElement(D.r,{queryValue:r,queryPlaceholder:"Filter item",onQueryChange:F,onQueryClear:N,onClearAll:z,filters:H,appliedFilters:$});function _(e,t){switch(e){case"collections":return"Collection: "+(t?Object(c.E)([t]):"");case"tags":return"Tag: "+(t?Object(c.E)([t]):"");case"stores":return"Store: "+t;default:return t}}},Sy=o.a` 15093 mutation deletePushesSelected($id: [ID!], $option: DeletePushOption) { 15094 deletePushesSelected(id: $id, option: $option) { 15095 successed 15096 failed 15097 } 15098 } 15099`,Iy=e=>{let{open:t,toggleOpen:a,selectedItem:r,filter:i,setSelectedItem:o}=e;const[s,c]=Object(l.useState)(!1),[u,d]=Object(l.useState)(!1),[m,p]=Object(l.useState)(!1),[g,{data:A,loading:b,error:h,client:f}]=Object(De.c)(Sy,{onError:()=>{},onCompleted:()=>{const e=f.readQuery({query:Py,variables:{filter:i}});f.writeQuery({query:Py,variables:{filter:i},data:{...e,pushList:{...e.pushList,total:e.pushList.total-r.length,nodes:e.pushList.nodes.filter(e=>!r.includes(e.id))}}}),a(),o([])}}),v=Object(l.useCallback)(e=>{c(e)},[]),E=Object(l.useCallback)(e=>{d(e)},[]),y=Object(l.useCallback)(()=>{g({variables:{id:r,option:{removeRelation:s,deleteStoreProducts:u}}}),C()},[r,s,u]),C=Object(l.useCallback)(()=>{p(e=>!e)},[]),k=m?(h||A&&A.deletePushesSelected)&&n.a.createElement(D.fb,{content:h?"Went something wrong.":A&&A.deletePushesSelected?"Delete push product success.":void 0,error:h,duration:2e3,onDismiss:C}):null;return n.a.createElement(n.a.Fragment,null,k,n.a.createElement(D.E,{title:"Are you sure to delete this selected?",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"No",onAction:a}],primaryAction:{content:"Yes",onAction:y,loading:b}},n.a.createElement(D.j,{label:"Also remove relation between MB products and store",checked:s,onChange:v}),n.a.createElement(D.j,{label:"Also delete pushed products in store",checked:u,onChange:E})))},By=j.b.div` 15100 .pagination-wrap { 15101 padding: 1.6rem; 15102 background: var(--p-surface-subdued, #ebeef1); 15103 text-align: center; 15104 border-radius: var(--p-border-radius-wide, 3px); 15105 width: 100%; 15106 border-top-right-radius: 0; 15107 border-top-left-radius: 0; 15108 overflow-x: scroll; 15109 } 15110 .Polaris-DataTable__Navigation { 15111 display: none; 15112 } 15113 15114 .header-wrap, 15115 .content-wrap { 15116 grid-template-columns: minmax(20%, 1fr) 15% 10% 10% 10% 10% 15% 10%; 15117 } 15118`,Dy=e=>{let{data:t,filter:a,setFilter:r}=e;const[i,o]=Object(l.useState)([]),[s,c]=Object(l.useState)([]),[u,d]=Object(l.useState)(!1),[m,p]=Object(l.useState)(!1),[g,A]=Object(l.useState)({msg:null,err:!1});Object(l.useEffect)(()=>{t&&c(t.pushList.nodes)},[t]);const b=Object(l.useCallback)(()=>d(e=>!e),[]),h=[{content:"Delete select push",onAction:b}];let{limit:f,offset:v}=a;const E=k.a.get(t,"pushList.total",0),y={page:v/f+1,totalPage:Math.ceil(E/f),offset:v,limit:f,onChange:r,total:E},C=m&&null!=g.msg&&n.a.createElement(D.fb,{content:g.msg,error:g.err,duration:1500,onDismiss:p});return n.a.createElement(By,{className:"pm_table-has-select"},C,n.a.createElement(D.O,{items:s,renderItem:e=>Ry(e,a,p,A),selectedItems:i,onSelectionChange:o,promotedBulkActions:h,alternateTool:n.a.createElement("div",{className:"header-wrap"},n.a.createElement("dt",null,"Push Name"),n.a.createElement("dt",null,"Target"),n.a.createElement("dt",null,"Progress"),n.a.createElement("dt",null,"Continuous"),n.a.createElement("dt",null,"Paused"),n.a.createElement("dt",null,"Generate CSV"),n.a.createElement("dt",null,"Generate CSV Status"),n.a.createElement("dt",null,"Actions"))}),n.a.createElement("div",{className:"pagination-wrap"},n.a.createElement(Ye.PaginationPolaris,{aggregation:y,showTotal:!0})),n.a.createElement(Iy,{open:u,toggleOpen:b,selectedItem:i,filter:a,setSelectedItem:o}))},Py=o.a` 15119 query pushList($filter: PushFilter) { 15120 pushList(filter: $filter) { 15121 total 15122 nodes { 15123 id 15124 title 15125 continue 15126 paused 15127 onlyGenerateCsv 15128 generateCsvStatus 15129 csvFiles { 15130 name 15131 url 15132 } 15133 tags { 15134 id 15135 tag { 15136 id 15137 name 15138 } 15139 included 15140 } 15141 collections { 15142 id 15143 collection { 15144 id 15145 name 15146 } 15147 included 15148 } 15149 stores { 15150 id 15151 title 15152 } 15153 info { 15154 total 15155 done 15156 error 15157 } 15158 } 15159 } 15160 } 15161`,xy=[...oe.n,"collections","storeId","tags"],My=e=>{var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){e.collections&&(e.collections=[e.collections]),e.tags&&(e.tags=[e.tags]);let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,xy)}return e},[i]),{store:s,currentUser:u}=Object(l.useContext)(te.a),d=k.a.get(u,"teamUser.role",null),m=[oe.gb.StoreManager].includes(d),[p,g]=Object(l.useState)({limit:Number(Object(c.M)("perPageProductPush"))||20,offset:0,search:null,collections:null,tags:null,storeId:null,...o}),{data:A,loading:b,error:h}=Object(De.d)(Py,{variables:{filter:{...p,storeId:s?m&&"all"===s.id?null:s.id:p.storeId}}});Object(l.useEffect)(()=>{let{offset:e,limit:t,...a}=p,l=null,n=Object(c.o)(t,e);l=Object(c.l)({limit:t,paged:n,...a}),B.a.push(`${B.a.location.pathname}?${l}`)},[p]);const f=b&&n.a.createElement(D.D,null);return n.a.createElement(n.a.Fragment,null,f,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(wy,{filter:p,onChange:e=>{let{search:t,collections:a,tags:l,storeId:n}=e;return g(e=>(k.a.isEqual(e.search,t)&&k.a.isEqual(e.collections,a)&&k.a.isEqual(e.tags,l)&&k.a.isEqual(e.storeId,n)||(e.offset=0),{...e,search:t,collections:a,tags:l,storeId:n}))}})),n.a.createElement(D.i,null,b?n.a.createElement(Je.SkeletonPagePolaris,null):h?n.a.createElement("div",null,"Error: ",h.toString()):(null===A||void 0===A||null===(t=A.pushList)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(Dy,{data:A,filter:p,setFilter:(e,t)=>{g(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageProductPush",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null)))},Ty=o.a` 15162 mutation pausePush($id: ID!, $input: Boolean!) { 15163 pausePush(id: $id, input: $input) 15164 } 15165`,Qy=j.b.div` 15166 .stores-wrap { 15167 display: flex; 15168 .stores-inner { 15169 display: flex; 15170 flex-direction: column; 15171 row-gap: 1.5rem; 15172 } 15173 } 15174 .info-wrap { 15175 display: flex; 15176 flex-direction: column; 15177 row-gap: 1rem; 15178 padding-right: 2rem; 15179 } 15180`,Ry=(e,t,a,l)=>{let r=Object(C.get)(e,"stores",[]).map(e=>e.title),i=Object(C.get)(e,"info.done",0),o=Object(C.get)(e,"info.total",0),s=Object(C.get)(e,"info.error",0),u=Object(C.get)(e,"paused",!1);const d=Object(C.get)(e,"onlyGenerateCsv",!1),m=Object(C.get)(e,"generateCsvStatus",""),p=Object(C.get)(e,"csvFiles",""),g=u?"success":"critical",A=u?"Yes":"No",b={status:d?"success":"critical",children:d?"Yes":"No"},{currentUser:h}=Object(te.c)(),f=Object(c.U)(h),v=d&&"Done"===m&&(null===p||void 0===p?void 0:p.length)>0;
15180return n.a.createElement(Qy,null,n.a.createElement(D.N,{id:e.id},n.a.createElement("div",{className:"content-wrap"},n.a.createElement(D.db,null,e.title),n.a.createElement("div",{className:"stores-wrap"},n.a.createElement("div",{className:"stores-inner"},r&&r.length?r.map(e=>n.a.createElement(n.a.Fragment,{key:"stores-"+e},n.a.createElement(D.ab,null,e))):null)),n.a.createElement("div",{className:"info-wrap"},n.a.createElement("span",null,"Done: ",i),n.a.createElement("span",null,"Total: ",o),n.a.createElement("span",null,"Error / Already Pushed: ",s)),n.a.createElement("div",{className:"continue-wrap"},n.a.createElement(Oy,{value:e.continue,id:e.id})),n.a.createElement("div",{className:"status-wrap"},n.a.createElement(D.e,{status:g,children:A})),n.a.createElement("div",{className:"generate-wrap"},n.a.createElement(D.e,b)),n.a.createElement("div",{className:"generate-status-wrap"},n.a.createElement("span",null,m)),n.a.createElement(D.h,null,n.a.createElement(D.B,{url:`/${f}/products/product-push/${e.id}`},"Edit"),n.a.createElement(Fy,{paused:u,item:e,filter:t,setNotify:l,toggleActive:a}),v&&n.a.createElement(Ny,{files:p})))))};function Fy(e){let{paused:t,item:a,filter:r,setNotify:i,toggleActive:o}=e;const s=null===a||void 0===a?void 0:a.id,u=t?"Resume":"Pause",[d,m]=Object(Ee.a)(!1),[p,{loading:g,client:A}]=Object(De.c)(Ty,{onCompleted:e=>{if(e.pausePush){i({msg:u+" this product push successfully.",err:!1}),m(!1);const e={filter:r},a=A.readQuery({query:Py,variables:e});A.writeQuery({query:Py,variables:e,data:{...a,pushList:{...a.pushList,nodes:(a.pushList.nodes||[]).map(e=>e.id===s?{...e,paused:!t}:e)}}})}},onError:e=>{i({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),b=Object(l.useCallback)(()=>{null!=s&&(o&&o(!0),i&&i({msg:null,err:!1}),p({variables:{id:s,input:!t}}))},[p,s,t,i,o]);return n.a.createElement(l.Fragment,null,n.a.createElement(D.g,{children:u,onClick:m,plain:!0}),n.a.createElement(D.E,{title:u+" product push",open:d,onClose:m,sectioned:!0,primaryAction:{content:u,onAction:b,loading:g},secondaryActions:[{content:"Cancel",onAction:m}]},n.a.createElement("p",null,"Are you sure to ",u," to this product push?")))}const Ny=e=>{let{files:t}=e;const[a,l]=Object(Ee.a)(!1);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.g,{onClick:l,children:"View CSV Files",plain:!0}),n.a.createElement(D.E,{title:"CSV Files",sectioned:!0,open:a,onClose:l,secondaryActions:[{content:"Cancel",onAction:l}]},n.a.createElement(Uy,{files:t})))},Uy=e=>{let{files:t,hasHeader:a=!1}=e;return Object(c.c)(t)?null:n.a.createElement("div",null,a&&n.a.createElement("h3",null,"CSV Files:"),n.a.createElement(D.C,{type:"number"},t.map((e,t)=>{const{url:a,name:l}=e||{},r=(l||"").match(/part_\d+/gi);let i="";if(r){const[e]=r,[,t]=(e||"").split(/\_/);i="Part "+t}return n.a.createElement(D.C.Item,{key:"file-"+t},n.a.createElement("a",{href:a,className:"Polaris-Link"},i))})))},Ly=n.a.lazy(()=>Promise.resolve().then(a.bind(null,168))),Vy=n.a.lazy(()=>a.e(0).then(a.bind(null,1782))),zy=n.a.lazy(()=>a.e(4).then(a.bind(null,1783))),qy=n.a.lazy(()=>a.e(3).then(a.bind(null,1784))),Hy=n.a.lazy(()=>a.e(6).then(a.bind(null,1830))),$y=j.b.div` 15181 div[role="combobox"]:focus { 15182 outline: none; 15183 } 15184 .btn-wrap { 15185 display: flex; 15186 flex-direction: row-reverse; 15187 } 15188 .label-continue { 15189 word-wrap: break-word; 15190 word-break: break-word; 15191 overflow-wrap: break-word; 15192 display: flex; 15193 flex-wrap: wrap; 15194 justify-content: space-between; 15195 align-items: baseline; 15196 margin-bottom: 0.4rem; 15197 font-size: 1.4rem; 15198 } 15199 15200 .advance-settings-wrap { 15201 padding-top: 1.6rem; 15202 margin-top: 3.2rem; 15203 border-top: 0.2rem solid rgb(223, 229, 237); 15204 } 15205 15206 .list-type .Polaris-ChoiceList__Choices { 15207 display: flex; 15208 column-gap: 2rem; 15209 } 15210`,_y=j.b.div` 15211 margin-top: 1rem; 15212 15213 .search-wrap { 15214 padding-bottom: 1.6rem; 15215 } 15216 15217 .content-wrap { 15218 margin-top: -1.6rem; 15219 } 15220 15221 .item { 15222 white-space: normal; 15223 word-break: break-word; 15224 } 15225 15226 .base-title-wrap, 15227 .variation-wrap { 15228 max-width: 40rem; 15229 } 15230`,Gy={Add:"Add",Subtract:"Subtract",Customize:"Customize"},Ky=e=>{let{btnLabel:t,onSubmit:a,loading:r,value:i,param:o}=e;const[s,u]=Object(l.useState)(null),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)([]),[A,b]=Object(l.useState)([]),[h,f]=Object(l.useState)([]),[v,
15230E]=Object(l.useState)([]),[y,C]=Object(l.useState)([]),[j,w]=Object(l.useState)([]),[S,I]=Object(l.useState)("0"),[P,x]=Object(l.useState)("none"),[M,T]=Object(l.useState)("none"),[Q,R]=Object(l.useState)(!1),[F,N]=Object(l.useState)(!1),[U,L]=Object(l.useState)(!1),[V,z]=Object(l.useState)(!1),[q,H]=Object(l.useState)(!1),[$,_]=Object(l.useState)({title:null,store:null,limit:null}),[G,K]=Object(l.useState)(!1),[J,Y]=Object(l.useState)([]),[W,Z]=Object(l.useState)([]),[X,ee]=Object(l.useState)({ignoreSalePrice:!1,modifyVariantPrice:!1,modifyVariantType:[Gy.Add],baseVariants:[]}),[te,ae]=Object(l.useState)({rPrice:"",sPrice:""}),le=Object(l.useRef)(!1),[ne,re]=Object(l.useState)(!1),ie=Object(l.useMemo)(()=>({rPrice:"Regular price",sPrice:"Sale price"}),[]),oe=Object(l.useCallback)((e,t)=>{let a,l;for(let[n,r]of Object.entries(ie))n===t&&(l=r);!e&&l&&(a=l+" is required."),_(e=>({...e,[t]:a}))},[ie]),se=X.modifyVariantType.some(e=>[Gy.Add,Gy.Subtract].includes(e));Object(l.useEffect)(()=>{if(i){let e=k.a.get(i,"collections",[]),t=k.a.get(i,"tags",[]),a=(k.a.get(i,"specialProducts",[])||[]).filter(Boolean),l=Xy(e,!0,"collection"),n=Xy(e,!1,"collection"),r=Xy(t,!0,"tag"),o=Xy(t,!1,"tag"),s=k.a.get(i,"stores",[]).map(e=>e.id),d=k.a.get(i,"productBases",[]);d=d&&d.length?d:[],u(k.a.get(i,"title",null)),m(d),g(a),b(l),f(n),E(r),C(o),w(s),I(String(k.a.get(i,"limit",0))),x(k.a.get(i,"order","none")),T(k.a.get(i,"orderBy","none")),R(k.a.get(i,"continue",!1)),N(k.a.get(i,"isPersonalize",!1)),L(k.a.get(i,"onlyPushHasSale",!1)),z((null===i||void 0===i?void 0:i.matchAnyCollections)||!1),H((null===i||void 0===i?void 0:i.matchAnyTags)||!1),re((null===i||void 0===i?void 0:i.onlyGenerateCsv)||!1),(null===i||void 0===i?void 0:i.limitType)&&Z([i.limitType]);const{setting:p}=i;if(null!=p){let{ignoreSalePrice:e,modifyVariantPrice:t,modifyVariantType:a,baseVariants:l}=p;const n=Zy(function(e){if(!e||0===e.length)return[];const t=Object(c.eb)(e,"productBaseId");return t.map(t=>{const{productBase:a}=t||{},{id:l,title:n}=a||{},r=e.filter(e=>e.productBaseId===l).map(e=>{const{id:t,productBaseVariant:a,sorting:l,regularPrice:n,salePrice:r}=e||{},{id:i,attributes:o}=a||{};return{id:t,productBaseVariantId:i,attributes:o,regularPrice:n,salePrice:r,sorting:l}}).sort((e,t)=>e.sorting-t.sorting);return{id:l,title:n,variants:r}})}(l));if(ee(l=>({...l,ignoreSalePrice:e,modifyVariantPrice:t,baseVariants:n,modifyVariantType:a?[a]:l.modifyVariantType})),se){const[e]=l||[],{regularPrice:t,salePrice:a}=e||{},n=t?String(t):t,r=a?String(a):a;ae(e=>({...e,rPrice:n,sPrice:r}))}}}},[i]),Object(l.useEffect)(()=>{if(!le.current&&(null===J||void 0===J?void 0:J.length)>0){const e=Zy((J||[]).map(e=>{const t=(e.variants||[]).map(e=>({...e,productBaseVariantId:e.id,id:void 0}));return{...e,variants:t}})),t=X.baseVariants,a="mergedId";let l=[...t,...e].map(e=>({...e,[a]:`${e.productBaseId}-${e.productBaseVariantId}`}));l=Object(c.eb)(l,a),ee(e=>({...e,baseVariants:l})),le.current=!0}},[J]);const ce=Object(l.useCallback)(e=>{u(e),Ce(e),K(!0)},[]),ue=Object(l.useCallback)(async e=>{m(e);const t=await VA(e,aC),a=(l=t,Object.values(l));var l;const n=Zy((a||[]).map(e=>{const t=(e.variants||[]).map(e=>({...e,productBaseVariantId:e.id,id:void 0}));return{...e,variants:t}})),r=X.baseVariants;let i=[...r,...n].map(e=>({...e,mergedId:`${e.productBaseId}-${e.productBaseVariantId}`}));i=Object(c.eb)(i,"mergedId"),ee(e=>({...e,baseVariants:i})),Y(a),K(!0),le.current=!0},[X.baseVariants]),de=Object(l.useCallback)(e=>{g(e),K(!0)},[]),me=Object(l.useCallback)(e=>{b(e),K(!0)},[]),pe=Object(l.useCallback)(e=>{f(e),K(!0)},[]),ge=Object(l.useCallback)(e=>{E(e),K(!0)},[]),Ae=Object(l.useCallback)(e=>{C(e),K(!0)},[]),be=Object(l.useCallback)(e=>{w(e),ke(e),K(!0)},[]),he=Object(l.useCallback)(e=>{I(e),Oe(e),Number(e)<1&&Z([]),K(!0)},[]),fe=Object(l.useCallback)(e=>{x(e),K(!0)},[]),ve=Object(l.useCallback)(e=>{T(e),K(!0)},[]),Ee=Object(l.useCallback)(()=>{R(e=>!e),K(!0)},[]),ye=Object(l.useCallback)(e=>{re(e),K(!0)},[]),Ce=Object(l.useCallback)(e=>{_(t=>({...t,title:e?null:"Title is required."}))},[]),ke=Object(l.useCallback)(e=>{_(t=>({...t,store:e&&0===e.length?"Store is required.":null}))},[]),Oe=Object(l.useCallback)(e=>{_(t=>({...t,limit:e?null:"Limit is required."}))},[]),je=Object(l.useCallback)(()=>{Oe(S),Ce(s),ke(j),K(!1);let e=p.map(e=>"object"===typeof e?e.id:e),t=[...A.map(e=>({collectionId:"object"===typeof e?e.id:e,included:!0})),...h.map(e=>({collectionId:"object"===typeof e?e.id:e,included:!1}))],l=[...v.map(e=>({tagId:"object"===typeof e?e.id:e,included:!0})),...y.map(e=>({tagId:"object"===typeof e?e.id:e,included:!1}))],n="none"===P?null:P,r="none"===M?null:M;const i={title:s,storeId:j,limit:S},{modifyVariantPrice:o,baseVariants:c,modifyVariantType:u}=X;let m=(null===c||void 0===c?void 0:c.length)>0?[...c]:[];var g;if(o)if(m=m.filter(Boolean).map((e,t)=>{let{id:a,productBaseId:l,productBaseVariantId:n,regularPrice:r,salePrice:i}=e;return{id:a,productBaseId:l,productBaseVariantId:n,regularPrice:Wy(r),salePrice:Wy(i),sorting:t}}),se){if((null===(g=m)||void 0===g?void 0:g.length)>0){const{rPrice:e,sPrice:t}=te;
15230Object.entries(te).forEach(e=>{let[t,a]=e;oe(a,t)}),i.rPrice=e,i.sPrice=t;const a=Wy(e),l=Wy(t);m=m.map(e=>({...e,regularPrice:a,salePrice:l}))}}else $.rPrice=null,$.sPrice=null,delete i.rPrice,delete i.sPrice;let b=Object.values($).every(e=>!e)&&Object.values(i).every(e=>Array.isArray(e)?e.length>0:""!==e);const f={title:s,productBaseIds:d,specialProducts:e,collections:t,tags:l,stores:j,limit:Number(S),order:n,orderBy:r,continue:Q,isPersonalize:F,onlyPushHasSale:U,matchAnyCollections:V,matchAnyTags:q,onlyGenerateCsv:!!ne,limitType:Number(S)<1?void 0:W[0],setting:{...X,modifyVariantType:u[0],baseVariants:o?m:[]}};b&&a&&a(f)},[$,s,S,j,A,h,v,y,d,p,P,M,Q,F,V,q,X,te,se,oe,U,ne,W]),we=Q?"Enabled":"Disabled",Se=k.a.get(i,"csvFiles",null),Ie=Object(l.useCallback)(e=>{Z(e),K(!0)},[]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(O.a,{when:G,message:"You have unsaved changes, are you sure you want to leave?"}),n.a.createElement($y,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.s,{onSubmit:je},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Title",required:!0}),n.a.createElement(D.cb,{value:s,placeholder:"Enter title",onChange:ce,error:$.title})),n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(Vy,{allowMultiple:!0,value:d,onChange:ue,fragment:tC,setBaseSelected:Y})),n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(Hy,{label:"Special product",value:p,allowMultiple:!0,onChange:de})),n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(qy,{multiple:!0,label:"Include collections",onChange:me,value:eC(A)})),n.a.createElement(D.j,{label:"Match any collections",checked:V,onChange:e=>z(e)}),n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(qy,{multiple:!0,label:"Exclude collections",onChange:pe,value:eC(h)})),n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(zy,{multiple:!0,label:"Include tags",value:eC(v),onChange:ge})),n.a.createElement(D.j,{label:"Match any tags",checked:q,onChange:e=>H(e)}),n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(zy,{multiple:!0,label:"Exclude tags",value:eC(y),onChange:Ae})),n.a.createElement(D.j,{checked:F,onChange:e=>{K(!0),N(e)},label:"Only personalized products"}),n.a.createElement(D.j,{checked:U,onChange:e=>{K(!0),L(e)},label:"Only push products have sales"}),n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(Ly,{allowMultiple:!0,value:j,onChange:be,error:$.store})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Limit"}),n.a.createElement(D.cb,{type:"number",value:S,onChange:he,min:0,error:$.limit})),n.a.createElement("div",{className:"list-type"},n.a.createElement(D.l,{open:S>0,id:"modify-variant-collapse",transition:{duration:"500ms",timingFunction:"ease-in-out"}},n.a.createElement(al.a,{label:"Limit Type"}),n.a.createElement(D.k,{choices:[{value:"Daily",label:"Daily"},{value:"Lifetime",label:"Lifetime"}],selected:W,onChange:Ie,id:"listType"}))),n.a.createElement(D.Q,{label:"Order",options:[{value:"none",label:"None"},{value:"ASC",label:"ASC"},{value:"DESC",label:"DESC"}],value:P,onChange:fe}),n.a.createElement(D.Q,{label:"Order by",options:[{value:"none",label:"None"},{value:"id",label:"Product ID"},{value:"title",label:"Product Title"},{value:"created_at",label:"Date"},{value:"updated_at",label:"Modified"},{value:"random",label:"Random"}],value:M,onChange:ve}),n.a.createElement("div",null,n.a.createElement("label",{className:"label-continue"},"Continue push"),n.a.createElement("div",{className:"continue-wrap form_push-product"},n.a.createElement(D.R,{action:{content:we,onAction:Ee},enabled:!Q}))),n.a.createElement(Jy,{settings:X,setSettings:ee,errors:$,fixedPrice:te,setFixedPrice:ae,showFixed:se,handleValidateValue:oe,setIsPrompt:K}),n.a.createElement(D.j,{label:"Only generate CSV",checked:ne,onChange:ye}),n.a.createElement(Uy,{files:Se,hasHeader:!0}),n.a.createElement("div",{className:"btn-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{onClick:()=>B.a.push(`/${o}/products/product-push`)},"Cancel"),n.a.createElement(D.g,{submit:!0,primary:!0,loading:r,disabled:!G}
15230,t||"Save"))))))))};function Jy(e){let{settings:t,setSettings:a,errors:r,fixedPrice:i,setFixedPrice:o,showFixed:s,handleValidateValue:c,setIsPrompt:u}=e;const d=Object(l.useCallback)(()=>{u(!0)},[u]),m=Object(l.useCallback)((e,t)=>{d(),a(a=>({...a,[t]:e}))},[a,d]),p=Object(l.useCallback)((e,t)=>{d(),c(e,t),o(a=>({...a,[t]:e}))},[c,d,o]),g=!!t.modifyVariantPrice,A=t.modifyVariantType.includes(Gy.Customize);return n.a.createElement("div",{className:"advance-settings-wrap"},n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement(D.v,{children:"Advance settings"}),n.a.createElement(D.j,{label:"Ignore the sale price in store",checked:t.ignoreSalePrice,id:"ignoreSalePrice",onChange:m}),n.a.createElement(D.j,{label:"Modify variant prices",checked:t.modifyVariantPrice,id:"modifyVariantPrice",onChange:m}),n.a.createElement(D.l,{open:g,id:"modify-variant-collapse",transition:{duration:"500ms",timingFunction:"ease-in-out"}},n.a.createElement(D.k,{choices:[{value:Gy.Add,label:"Add the original price by a fixed amount"},{value:Gy.Subtract,label:"Subtract the original price by a fixed amount"},{value:Gy.Customize,label:"Customize price for each variants"}],selected:t.modifyVariantType,name:"modifyVariantType",onChange:m})),g&&s&&n.a.createElement(D.Y,{distribution:"fill"},n.a.createElement(D.cb,{label:"Regular price fixed amount",value:i.rPrice,onChange:p,id:"rPrice",error:r.rPrice,placeholder:"10"}),n.a.createElement(D.cb,{label:"Sale price fixed amount",value:i.sPrice,onChange:p,id:"sPrice",error:r.sPrice,placeholder:"10"})),A&&n.a.createElement(Yy,{setSettings:a,variants:t.baseVariants,changePrompt:d})))}function Yy(e){let{variants:t,setSettings:a,changePrompt:r}=e;const[i,o]=Object(l.useState)(""),[s,c]=Object(l.useState)([]),[u,d]=Object(l.useState)([]),m=Object(l.useRef)(null),p=Object(l.useCallback)(e=>{o(e),""!==e?(m.current&&clearTimeout(m.current),m.current=setTimeout(()=>{const a=new RegExp(e,"i"),l=t.filter(e=>e.name.match(a));c(l)},350)):c(t)},[t]);Object(l.useEffect)(()=>{c(t)},[t]);const g=Object(l.useCallback)((e,t)=>l=>{const n=l;r(),a(a=>{const{baseVariants:l}=a,r=(l||[]).map(a=>a.productBaseVariantId===e?{...a,[t]:n}:a);return{...a,baseVariants:r}})},[a,r]);return Object(l.useEffect)(()=>{const e=(s||[]).map(e=>{if(!e)return null;const{name:t,regularPrice:a,salePrice:l,baseTitle:r,productBaseVariantId:i}=e,o=a?String(a):a,s=l?String(l):l;return[n.a.createElement("div",{className:"base-title-wrap item"},n.a.createElement("span",null,r)),n.a.createElement("div",{className:"variation-wrap item"},n.a.createElement("span",null,t)),n.a.createElement(D.cb,{placeholder:"50",value:o,onChange:g(i,"regularPrice")}),n.a.createElement(D.cb,{placeholder:"50",value:s,onChange:g(i,"salePrice")})]});d(e)},[s,g]),n.a.createElement(_y,null,n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement(D.v,{children:"Variants",element:"h3"}),n.a.createElement("div",null,n.a.createElement("div",{className:"search-wrap"},n.a.createElement(D.cb,{onChange:p,value:i,prefix:n.a.createElement(D.w,{source:zi.a,color:"base"}),placeholder:"Search"})),n.a.createElement(D.P,{shadow:!0,hint:!0,style:{maxHeight:"120rem",height:"100%"}},n.a.createElement("div",{className:"content-wrap"},n.a.createElement(D.n,{rows:u,columnContentTypes:["text","text","text","text"],headings:["Product base","Variation","Regular Price","Sale Price"],verticalAlign:"middle"}))))))}function Wy(e){if(e&&!isNaN(e))return parseFloat(e)}function Zy(e){return e&&0!==e.length?e.reduce((e,t)=>{const{variants:a,id:l,title:n}=t||{};return[...e,...(a||[]).map(e=>{const{productBaseVariantId:t,sorting:a,attributes:r,regularPrice:i,salePrice:o,id:s}=e||{},c=(r||[]).map(e=>e.option).join("/");return{id:s,productBaseId:l,productBaseVariantId:t,sorting:a,name:c,baseTitle:n,regularPrice:i||0,salePrice:o||0,rPrice:0,sPrice:0}}).sort((e,t)=>e.sorting-t.sorting)]},[]):[]}const Xy=(e,t,a)=>Object(c.c)(e)?[]:e.filter(e=>e.included===t).map(e=>e[a]),eC=e=>Object(c.c)(e)?[]:e.map(e=>"object"===typeof e&&"id"in e?e.id:e);const tC="\n id\n title\n",aC="\n id\n title\n teamId\n variants {\n id\n sorting\n regularPrice\n salePrice\n attributes {\n name\n slug\n option\n }\n }\n",lC=o.a` 15231 query load { 15232 stores(filter: { limit: -1, offset: 0 }) { 15233 nodes { 15234 id 15235 title 15236 } 15237 } 15238 } 15239`,nC=o.a`
15240 mutation createPush($input: NewPush!) { 15241 createPush(input: $input) { 15242 id 15243 title 15244 continue 15245 tags { 15246 id 15247 tag { 15248 id 15249 name 15250 } 15251 included 15252 } 15253 collections { 15254 id 15255 collection { 15256 id 15257 name 15258 } 15259 included 15260 } 15261 stores { 15262 id 15263 title 15264 } 15265 specialProducts 15266 productBases 15267 } 15268 } 15269`,rC=j.b.div` 15270 margin: -1rem; 15271 @media (min-width: 640px) { 15272 margin: -1.5rem; 15273 } 15274`,iC=()=>{const[e,t]=Object(l.useState)(!1),[a,r]=Object(l.useState)(null),[i,o]=Object(l.useState)(null),{currentUser:s}=Object(te.c)(),u=Object(c.U)(s),[d,{loading:m,client:p}]=Object(De.c)(nC,{onError:()=>{},onCompleted:()=>{o(!0);const e=setTimeout(()=>{p.resetStore(),B.a.push(`/${u}/products/product-push`)},2500);r(e)}}),g=Object(l.useCallback)(e=>{d({variables:{input:e}}).then(e=>{let t=e&&e.data&&e.data.createPush,a={limit:20,offset:0,search:null,collections:null,tags:null,storeId:null};const l=p.readQuery({query:Py,variables:{filter:a}});p.writeQuery({query:Py,variables:{filter:a},data:{...l,pushList:{...l.pushList,total:l.pushList.total+1,nodes:[...l.pushList.nodes,t]}}})}).catch(()=>{}),A()},[]);Object(l.useEffect)(()=>()=>clearTimeout(a),[]);const A=Object(l.useCallback)(()=>{t(e=>!e)},[]);const b=e?i&&n.a.createElement(D.fb,{content:i&&"Add product push success.",error:null,duration:2e3,onDismiss:A}):null;return n.a.createElement(rC,null,b,n.a.createElement(D.H,{title:"New Push Products",fullWidth:!0,breadcrumbs:[{content:"Push products",url:`/${u}/products/product-push`}]},n.a.createElement(Ky,{btnLabel:"Create new push product",onSubmit:g,loading:m,param:u})))};var oC=a(206);const sC=e=>{let{value:t,onChange:a}=e;const[r,i]=Object(l.useState)([]),{data:o,loading:s,error:u}=Object(De.d)(lC);return Object(l.useEffect)(()=>{var e,t;const a=(null===o||void 0===o||null===(e=o.stores)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?o.stores.nodes.map(e=>{const{id:t,title:a}=e;return{value:t,label:a}}):[];i(a)},[o]),n.a.createElement(n.a.Fragment,null,n.a.createElement(al.a,{label:"Has last sale at stores"}),s?n.a.createElement(D.X,{size:"small"}):u?n.a.createElement("div",null,Object(c.ib)(u.toString())):n.a.createElement(oC.a,{stores:r,value:t,onChange:a,labelHidden:!0,allowMultiple:!0}))};function cC(e){let{createdAt:t,setCreatedAt:a,setIsPrompt:r,isEditDivision:i}=e;const[o,s]=Object(l.useState)(!!t.has),c=Object(l.useCallback)(e=>{s(e),a(t=>({...t,has:e})),r(!0)},[r]),u=Object(l.useCallback)(e=>{if("object"===typeof e&&Object.keys(e).length>0){const{from:t,to:l}=e;a(e=>({...e,value:{from:t,to:l}})),r(!0)}else a(e=>({...e,value:{}})),r(!0)},[r]);return n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.j,{label:"Filter products by created at",checked:o,onChange:c}),n.a.createElement(D.l,{open:o,transition:{duration:"500ms",timingFunction:"ease-in-out"},expandOnPrint:!0},n.a.createElement(D.Y,{spacing:"loose",vertical:!0},n.a.createElement(Cy,{onChange:u,value:t.value,label:"Created at",canSelectOne:!0,isEditDivision:i}))))}const uC=j.b.div` 15275 .btn-wrap { 15276 display: flex; 15277 flex-direction: row-reverse; 15278 margin-top: 2rem; 15279 } 15280 15281 .card-header { 15282 margin-top: -2rem; 15283 } 15284 15285 .advanced-options { 15286 padding-left: 2rem; 15287 margin-top: 0; 15288 } 15289`,dC=e=>{const{onSubmit:t,loadingM:a,value:r,isEditDivision:i,divisionId:o,currentParam:s,onlyRecreateMockup:c}=e,[u,d]=Object(l.useState)(""),[m,p]=Object(l.useState)([]),[g,A]=Object(l.useState)([]),[b,h]=Object(l.useState)([]),[f,v]=Object(l.useState)([]),[E,y]=Object(l.useState)([]),[C,j]=Object(l.useState)([]),[w,S]=Object(l.useState)([]),[I,P]=Object(l.useState)([]),[x,M]=Object(l.useState)(!0),[T,Q]=Object(l.useState)(!1),[R,F]=Object(l.useState)({}),[N,U]=Object(l.useState)([]),[L,V]=Object(Ee.a)(!1),[z,q]=Object(l.useState)({has:!1,value:{}}),[H,$]=Object(l.useState)(!1),[_,G]=Object(l.useState)(!0),[K,J]=Object(l.useState)({title:null,storeId:null}),[Y,W]=Object(l.useState)(!1);Object(l.useEffect)(()=>
15289{if(r){const e=r.from?Zr()(r.from):null,t=r.to?Zr()(r.to):null;F({from:e,to:t});let a=k.a.get(r,"authors",[]),l=k.a.get(r,"collections",[]),n=k.a.get(r,"tags",[]),i=k.a.get(r,"stores",[]);i=i.map(e=>e.id);let o=k.a.get(r,"divideAllAccount",null),s=k.a.get(r,"lastSaleStoreIDs",[]),c=mC(a,"author",!0,!0),u=mC(a,"author",!1,!0),m=mC(l,"collection",!0),g=mC(l,"collection",!1),b=mC(n,"tag",!0),f=mC(n,"tag",!1);d(k.a.get(r,"title","")),p(r&&r.productBases&&r.productBases.length?r.productBases.map(e=>e.id):[]),A(c),h(u),v(m),y(g),j(b),S(f),P(i),M(null===r||void 0===r?void 0:r.enableUpdate),Q(o),U(null!==s&&void 0!==s?s:[]);const{filterByCreatedAt:E,filterByCreatedAtFrom:C,filterByCreatedAtTo:O}=r,w=Zr()(O).format("YYYY-MM-DD[T]HH:mm:ss-07:00"),I=O?Zr()(w):null;q({has:!!E,value:{from:C?Zr()(C):null,to:I}})}},[r]);const Z=Object(l.useCallback)(e=>{d(e),X(e),W(!0)},[]),X=e=>{let t=null;e||(t="Division title is required."),J(e=>({...e,title:t}))},ee=e=>{let t=null;e.length||(t="Store is required."),J(e=>({...e,storeId:t}))},te=Object(l.useCallback)(e=>{p(e),W(!0)},[]),ae=Object(l.useCallback)(e=>{A(e),W(!0)},[]),le=Object(l.useCallback)(e=>{h(e),W(!0)},[]),ne=Object(l.useCallback)(e=>{v(e),W(!0)},[]),re=Object(l.useCallback)(e=>{y(e),W(!0)},[]),ie=Object(l.useCallback)(e=>{j(e),W(!0)},[]),oe=Object(l.useCallback)(e=>{S(e),W(!0)},[]),se=Object(l.useCallback)(e=>{P(e),ee(e),W(!0),$(!0)},[]),ce=Object(l.useCallback)(e=>{Q(e),W(!0)},[]),ue=Object(l.useCallback)(e=>{if("object"===typeof e&&Object.keys(e).length>0){const{from:t,to:a}=e;F({from:t,to:a}),W(!0)}else F(()=>({})),W(!0)},[]),de=Object(l.useCallback)(e=>{Array.isArray(e)&&(U(e),W(!0))},[]),me=Object(l.useCallback)(()=>{X(u),W(!1),ee(I);let e=[...pC(g,!0,!0),...pC(b,!1,!0)],a=[...pC(f,!0),...pC(E,!1)],l=[...pC(C,!0),...pC(w,!1)];const n=Object.entries(R).reduce((e,t)=>{let[a,l]=t;return l?{...e,[a]:l}:null},{}),r=!!z.has,o=r&&Object.keys(z.value).length>1?z.value:void 0;let s={title:u,productBaseIDs:m,collections:a,tags:l,storeIDs:I,authors:e,enableUpdate:x,...i&&H?{onlyDivideUnUsedProducts:_}:{},range:null!=n&&2===Object.keys(n).length?n:void 0,lastSaleStoreIds:N,filterByCreatedAt:r,filterByCreatedAtRange:o};if(i||(s={...s,onlyRecreateMockup:!1}),c){let{title:e,storeIDs:t}=s;s={title:e,storeIDs:t,enableUpdate:!0,divideAllAccount:T,...i&&H?{onlyDivideUnUsedProducts:_}:{}}}u&&I.length&&t&&t(s)},[u,m,g,b,f,E,C,w,I,x,T,_,i,H,R,N,z]);return n.a.createElement(uC,null,n.a.createElement(O.a,{when:Y,message:"You have unsaved changes, are you sure you want to leave?"}),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",{className:"title-wrap"},n.a.createElement(al.a,{label:"Division title",required:!0}),n.a.createElement(D.cb,{value:u,labelHidden:!0,onChange:Z,error:K.title,placeholder:"Enter division title"})),!c&&n.a.createElement("div",{className:"pBase-wrap"},n.a.createElement(mv,{value:m,allowMultiple:!0,onChange:te,error:K.productBase})))),!c&&n.a.createElement(D.i,null,n.a.createElement(D.i.Header,{title:"Inclusion products"}),n.a.createElement(D.i.Section,null,n.a.createElement(D.t,null,n.a.createElement(Ev,{label:"Include authors",onChange:ae,value:g}),n.a.createElement(Av.CollectionSelectPolaris,{value:f,onChange:ne,allowMultiple:!0,label:"Include collections"}),n.a.createElement(bv.TagsSelectPolaris,{value:C,onChange:ie,allowMultiple:!0,label:"Include tags"}))),n.a.createElement("div",{className:"card-header"},n.a.createElement(D.i.Header,{title:"Exclude Products"})),n.a.createElement(D.i.Section,null,n.a.createElement(D.t,null,n.a.createElement(Ev,{label:"Exclude authors",onChange:le,value:b}),n.a.createElement(Av.CollectionSelectPolaris,{value:E,onChange:re,allowMultiple:!0,label:"Exclude collections"}),n.a.createElement(bv.TagsSelectPolaris,{value:w,onChange:oe,allowMultiple:!0,label:"Exclude tags"}))),n.a.createElement("div",{className:"advanced-options"},n.a.createElement(D.g,{children:"Advanced options",onClick:V,disclosure:!0})),n.a.createElement(D.i.Section,null,n.a.createElement(D.l,{open:L,transition:{duration:"500ms",timingFunction:"ease-in-out"},expandOnPrint:!0},n.a.createElement(D.Y,{spacing:"loose",vertical:!0},n.a.createElement(Cy,{onChange:ue,value:R,isEditDivision:i}),n.a.createElement(sC,{value:N,onChange:de}),n.a.createElement(cC,{createdAt:z,setCreatedAt:q,setIsPrompt:W,isEditDivision:i}))))),n.a.createElement(D.i,{sectioned:!0}
15289,n.a.createElement(D.t,null,n.a.createElement(Ay,{value:I,onChange:se,error:K.storeId}),H&&i&&n.a.createElement(D.j,{label:"Only divide unused products",checked:_,onChange:e=>{G(e),W(!0)}}),c?n.a.createElement(D.j,{label:"Divide all matches products to all account",checked:T,onChange:ce}):n.a.createElement(D.j,{label:"Enable update",checked:x,onChange:e=>{M(e),W(!0)}}))),i&&n.a.createElement(Ey,{divisionId:o}),n.a.createElement("div",{className:"btn-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{onClick:()=>B.a.push(`/${s}/product-divisions`)},"Cancel"),n.a.createElement(D.g,{primary:!0,onClick:me,loading:a,disabled:!Y},"Calculate product divisions"))))};function mC(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,a=arguments.length>2?arguments[2]:void 0,l=arguments.length>3?arguments[3]:void 0;if(0===e.length||!t)return[];let n=e.filter(e=>e.included===a).filter(e=>e[t]).map(e=>e[t]);return l?n.map(e=>{let{id:t,firstName:a,lastName:l}=e;return{value:t,label:`${a} ${l}`}}):n.map(e=>{let{id:t,name:a}=e;return{id:t,name:a}})}function pC(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,a=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return 0===e.length?[]:e.map(e=>{let l=e;return null!=e&&"object"===typeof e&&(l=a?e.value:e.id),{id:l,include:t}})}const gC=o.a` 15290 mutation createProductDivision($input: NewProductDivision!) { 15291 createProductDivision(input: $input) { 15292 id 15293 title 15294 } 15295 } 15296`,AC=j.b.div` 15297 margin: -1rem; 15298 @media (min-width: 640px) { 15299 margin: -1.5rem; 15300 } 15301`,bC=()=>{const[e,t]=Object(l.useState)(null),[a,r]=Object(l.useState)(!1),{currentUser:i}=Object(l.useContext)(te.a),o=k.a.get(i,"roles",[]),s=k.a.get(i,"teamUser.role",null);let u=oe.hb.Seller;o.includes(oe.pb.Seller)&&[oe.gb.MarketplaceManager].includes(s)&&(u=oe.hb.MarketplaceManager);const[d,{data:m,loading:p,error:g}]=Object(De.c)(gC,{onError:()=>{},onCompleted:()=>{const e=setTimeout(()=>{B.a.push(`/${u}/product-divisions`)},2100);t(e)}});Object(l.useEffect)(()=>()=>clearTimeout(e),[]);const A=Object(l.useCallback)(()=>{r(e=>!e)},[]),b=Object(l.useCallback)(e=>{d({variables:{input:e}}),A()},[]);let h=m&&m.createProductDivision&&"Add product division success.",f=g?Object(c.ib)(g.toString()):null;const v=a?(f||h)&&n.a.createElement(D.fb,{content:f||h,error:f,duration:2e3,onDismiss:A}):null;return n.a.createElement(AC,null,v,n.a.createElement(D.H,{title:"Add Product Division",breadcrumbs:[{content:"Product divisions",url:`/${u}/product-divisions`}]},n.a.createElement(dC,{onSubmit:b,loadingM:p,currentParam:u,isEditDivision:!1})))},hC=o.a` 15302 query productDivisionById($id: ID!) { 15303 productDivisionById(id: $id) { 15304 id 15305 title 15306 enableUpdate 15307 onlyRecreateMockup 15308 divideAllAccount 15309 from 15310 to 15311 lastSaleStoreIDs 15312 productBases { 15313 id 15314 title 15315 } 15316 authors { 15317 id 15318 included 15319 author { 15320 id 15321 firstName 15322 lastName 15323 } 15324 } 15325 collections { 15326 id 15327 included 15328 collection { 15329 id 15330 name 15331 } 15332 } 15333 tags { 15334 id 15335 included 15336 tag { 15337 id 15338 name 15339 } 15340 } 15341 stores { 15342 id 15343 title 15344 domain 15345 email 15346 } 15347 filterByCreatedAt 15348 filterByCreatedAtFrom 15349 filterByCreatedAtTo 15350 } 15351 } 15352`,fC=o.a` 15353 mutation updateProductDivision($input: EditProductDivision!) { 15354 updateProductDivision(input: $input) { 15355 id 15356 title 15357 filterByCreatedAtFrom 15358 filterByCreatedAtTo 15359 from 15360 to 15361 } 15362 } 15363`,vC=j.b.div` 15364 margin: -1rem; 15365 @media (min-width: 640px) { 15366 margin: -1.5rem; 15367 } 15368`,EC=e=>{var t;const{id:a}=e.match.params,{currentUser:r}=Object(l.useContext)(te.a),i=k.a.get(r,"roles",[]),o=k.a.get(r,"teamUser.role",null);let s=oe.hb.Seller;i.includes(oe.pb.Seller)&&[oe.gb.MarketplaceManager].includes(o)&&(s=oe.hb.MarketplaceManager);const[u,d]=Object(l.useState)(null),[m,p]=Object(l.useState)(!1),[g,{data:A,loading:b,error:h}]=Object(De.b)(hC),[f,{data:v,loading:E,error:y,client:C}]=Object(De.c)(fC,{onError:()=>{},onCompleted:()=>{const e=setTimeout(()=>{C.resetStore(),B.a.push(`/${s}/product-divisions`)},2100);d(e)}});Object(l.useEffect)(()=>()=>clearTimeout(u),[]);const O=Object(l.useCallback)(()=>{p(e=>!e)},[]);Object(l.useEffect)(()=>{a&&g({variables:{id:a}})},[a]);const j=Object(l.useCallback)(e=>{f({variables:{input:{id:a,...e}}}),O()},[a]);let w=v&&v.updateProductDivision&&"Update product division success.",S=y?Object(c.ib)(y.toString()):null;const I=m?(S||w)&&n.a.createElement(D.fb,{content:S||w,error:S,duration:2e3,onDismiss:O}):null,P=b&&n.a.createElement(D.D,null);return n.a.createElement(vC,null,P,I,n.a.createElement(D.H,{title:"Edit Product Division",breadcrumbs:[{content:"Product divisions",url:`/${s}/product-divisions`}]},h?n.a.createElement("div",null,"Error: ",h.toString()):null,n.a.createElement(dC,{value:A&&A.productDivisionById,onlyRecreateMockup:null===A||void 0===A||null===(t=A.productDivisionById)||void 0===t?void 0:t.onlyRecreateMockup,onSubmit:j,loadingM:E,isEditDivision:!0,divisionId:a,currentParam:s})))},yC=j.b.div``;function CC(e){let{filter:t,onChange:a}=e;const r=null==(i=t.titles)||0===i.length?"":i.join("\n");var i;const[o,s]=Object(l.useState)(""),c=Object(l.useRef)(null);Object(l.useLayoutEffect)(()=>{null!=r&&s(r)},[r]),Object(l.useEffect)(()=>(c.current=setTimeout(()=>{a&&a({titles:kC(o)})},350),()=>{clearTimeout(c.current)}),[o,a]);const u=Object(l.useCallback)(e=>{s(e)},[]),d=Object(l.useCallback)(()=>s(""),[]);
15368return n.a.createElement(yC,null,n.a.createElement(D.cb,{value:o,onChange:u,onClearButtonClick:d,autoFocus:!0,multiline:4,clearButton:!0,placeholder:"Filter products"}))}function kC(e){if(null==e)return"";const t=e.split(/\n/g).map(e=>e.trim()).filter(Boolean);return 0===(null===t||void 0===t?void 0:t.length)?[""]:t}const OC=Object(l.createContext)(null);function jC(e){let{children:t,filter:a}=e;const[r,i]=Object(Ee.a)(!1),[o,s]=Object(l.useState)({msg:null,err:!1}),c=Object(l.useMemo)(()=>({toggleToast:i,setNotify:s,filter:a}),[i,s,a]),u=r&&o.msg&&n.a.createElement(D.fb,{content:o.msg,onDismiss:i,error:o.err,duration:1500});return n.a.createElement(OC.Provider,{value:c},u,t)}OC.displayName="ProductDuplicateContext";var wC=a(550);function SC(e){let{ids:t,open:a,onClose:r,onCompleted:i}=e;const{toggleToast:o,setNotify:s,filter:u}=Object(l.useContext)(OC),[d,m]=Object(l.useState)("true"),[p,{loading:g,client:A}]=Object(De.c)(wC.a),b=Object(l.useCallback)(()=>{(null===t||void 0===t?void 0:t.length)>0&&(o&&o(!0),s&&s({msg:null,err:!1}),p({variables:{id:t,removeStore:"true"===d}}).then(e=>{var a,l;const n=null===e||void 0===e||null===(a=e.data)||void 0===a||null===(l=a.deleteProductSelected)||void 0===l?void 0:l.deleted;if((null===n||void 0===n?void 0:n.length)>0){s&&s({msg:"",err:!1}),r&&r(),i&&i(),s&&s({msg:`Deleted ${n.length}/${t.length} products success.`,err:!1});try{const e=A.readQuery({query:TC,variables:{...u}});A.writeQuery({query:TC,variables:{...u},data:{...e,productsByTitles:{...e.productsByTitles,total:e.productsByTitles.total-n.length,nodes:e.productsByTitles.nodes.filter(e=>!t.includes(e.id))}}})}catch(o){}}}).catch(e=>{s&&s({msg:Object(c.ib)(e),err:!0})}))},[p,t,r,i,o,s,d,A,u]),h=Object(l.useCallback)((e,t)=>m(t),[]);return n.a.createElement(D.E,{title:"Delete selected product",sectioned:!0,open:a,onClose:r,secondaryActions:[{content:"Cancel",onAction:r}],primaryAction:{content:"Delete",destructive:!0,onAction:b,loading:g}},n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.L,{label:"Are you sure to delete this selected?",checked:"false"===d,id:"false",name:"removeStore",onChange:h}),n.a.createElement(D.L,{label:"Are you sure to delete this selected in store?",checked:"true"===d,id:"true",name:"removeStore",onChange:h})))}const IC=e=>{let{ids:t,onCompleted:a}=e;const[r,i]=Object(Ee.a)(!1);return n.a.createElement(l.Fragment,null,n.a.createElement(D.g,{children:"Delete Selected Product",onClick:i,destructive:!0}),n.a.createElement(SC,{open:r,onClose:i,ids:t,onCompleted:a}))};var BC=a(175);const DC=j.b.div` 15369 .item { 15370 white-space: normal; 15371 word-break: break-word; 15372 } 15373 15374 .image-wrap img { 15375 width: 100%; 15376 height: 100%; 15377 object-fit: cover; 15378 border-radius: 3px; 15379 cursor: pointer; 15380 } 15381 15382 .image-wrap { 15383 width: 20rem; 15384 height: auto; 15385 } 15386`;function PC(e){let{data:t}=e;const[a,r]=Object(l.useState)([]),[i,o]=Object(l.useState)([]),[s,c]=Object(l.useState)([]),[u,d]=Object(l.useState)(!1),[m,p]=Object(l.useState)({}),[g,A]=Object(l.useState)([]),b=Object(l.useCallback)(e=>{e=Object(e);let t=[];for(let[a,l]of Object.entries(e))l&&t.push(a);return t},[]),h=Object(l.useCallback)(e=>{var a;d(e);let l=(null===(a=t.productsByTitles)||void 0===a?void 0:a.nodes)?t.productsByTitles.nodes:[],n=[];if(e){let e={};for(let t=0;t<l.length;t++)e={...e,[l[t].id]:!0};p(e),n=b(e)}else p({}),n=[];A(n)},[t,b]),f=Object(l.useMemo)(()=>n.a.createElement(D.j,{label:"",checked:u,onChange:e=>h(e)}),[u,h]),v=Object(l.useCallback)((e,t)=>{let a,l=[];p(n=>{let r={...n,[e]:t};return a=Object.values(r).filter(e=>e).length,l=b(r),r}),t?d(!0):a||d(!1),A(l)},[b]);Object(l.useEffect)(()=>{let e=[],t=["ID","Image","SKU","Title"];e=t.map(()=>"text"),e=["text",...e],t=[f,...t],o(e),c(t)},[f]);const E=Object(l.useCallback)(()=>{d(!1),p({}),A([])},[]);return Object(l.useEffect)(()=>{var e,a;const l=(null===t||void 0===t||null===(e=t.productsByTitles)||void 0===e||null===(a=e.nodes)||void 0===a?void 0:a.length)>0?t.productsByTitles.nodes.map(e=>{const t=null===e||void 0===e?void 0:e.id,a=n.a.createElement("div",{className:"item id-wrap"},n.a.createElement("span",null,t)),l=n.a.createElement("div",{className:"item image-wrap"},n.a.createElement(xC,{node:e})),r=null===e||void 0===e?void 0:e.sku,i=n.a.createElement("div",{className:"item sku-wrap"},n.a.createElement("span",null,r)),o=null===e||void 0===e?void 0:e.title,s=n.a.createElement("div",{className:"item title-wrap"},n.a.createElement("span",null,o));return[n.a.createElement("div",{className:"check-box-wrap"},n.a.createElement(D.j,{id:t,checked:!!m[t],onChange:(e,t)=>
15386v(t,e)})),a,l,i,s]}):[];return r(l),()=>{r([])}},[t,m,v]),n.a.createElement(l.Fragment,null,n.a.createElement(BC.BulkActions,{idsChecked:g,onClose:()=>h(!1)},n.a.createElement(IC,{ids:g,data:t,onCompleted:E})),n.a.createElement(DC,null,n.a.createElement(D.n,{rows:a,headings:s,columnContentTypes:i,verticalAlign:"middle",hideScrollIndicator:!0})))}function xC(e){let{node:t}=e;const a=function(e){var t;if(!e||0===(null===(t=e.images)||void 0===t?void 0:t.length))return null;const a=e.mainImage;if(a)return a;const l=e.images.find(t=>{var a;return(null===t||void 0===t||null===(a=t.file)||void 0===a?void 0:a.id)===e.mainImageId});return l?l.file:e.images.map(e=>e.file).filter(Boolean)[0]}(t),r=null===a||void 0===a?void 0:a.id,[i]=Object(De.c)(ci.GEN_THUMBNAIL_IMAGE),[o,s]=Object(l.useState)(a.thumbnailUrl||a.url),[c,u]=Object(Ee.a)(!1);Object(l.useEffect)(()=>{null!=a&&s(a.thumbnailUrl||a.url)},[a]);const d=Object(l.useCallback)(()=>{null!=r&&i({variables:{files:[r],fileType:"id"}})},[r,i]);return n.a.createElement(l.Fragment,null,n.a.createElement("img",{src:o||ze.a,alt:"",onClick:u,onError:()=>{(null===a||void 0===a?void 0:a.thumbnailUrl)&&fetch(a.thumbnailUrl).then(e=>{404===(null===e||void 0===e?void 0:e.status)&&d()}).catch(()=>{}),s(a.url||a.thumbnailUrl)}}),n.a.createElement(rs.a,{open:c,item:t,toggleShowModal:u}))}const MC=j.b.div` 15387 margin: -1rem; 15388 @media (min-width: 640px) { 15389 margin: -1.5rem; 15390 } 15391`,TC=o.a` 15392 query productsByTitles($titles: [String!]) { 15393 productsByTitles(titles: $titles) { 15394 total 15395 nodes { 15396 id 15397 mainImageId 15398 images { 15399 file { 15400 id 15401 url 15402 thumbnailUrl 15403 } 15404 } 15405 mainImage { 15406 id 15407 url 15408 thumbnailUrl 15409 } 15410 title 15411 sku 15412 } 15413 } 15414 } 15415`;var QC=a(367);const RC=[{value:"",label:""},{value:"newborn",label:"Newborn"},{value:"infant",label:"Infant"},{value:"toddle",label:"Toddle"},{value:"kids",label:"Kids"},{value:"adult",label:"Adult"}],FC=e=>{let{onChange:t,value:a}=e;return n.a.createElement(D.Q,{options:RC,value:a,onChange:t,label:"Default age group",helpText:"Required for apparel items in feeds that are focused on people in Brazil,France,Germany,Japan, the UK,and the US as well as all products with assigned age groups"})},NC=[{value:"new",label:"New"},{value:"refurbished",label:"Refurbished"},{value:"used",label:"Used"}],UC=e=>{let{value:t,onChange:a}=e;return n.a.createElement(D.Q,{options:NC,value:t,onChange:a,label:"Product condition"})},LC=j.b.div` 15416 .btn-add { 15417 appearance: none; 15418 margin: 0; 15419 padding: 0; 15420 background: none; 15421 border: none; 15422 font-size: inherit; 15423 line-height: inherit; 15424 cursor: pointer; 15425 color: inherit; 15426 text-decoration: none; 15427 display: block; 15428 width: 100%; 15429 min-height: 3.6rem; 15430 padding: 0.8rem 1.6rem; 15431 text-align: left; 15432 overflow-y: hidden; 15433 :hover { 15434 background-image: linear-gradient( 15435 rgba(223, 227, 232, 0.3), 15436 rgba(223, 227, 232, 0.3) 15437 ); 15438 } 15439 :focus { 15440 outline: none; 15441 } 15442 } 15443`,VC=j.b.div` 15444 display: flex; 15445 padding-top: 0.8rem; 15446 flex-wrap: wrap; 15447 > * { 15448 margin-right: 0.8rem; 15449 margin-bottom: 0.8rem; 15450 } 15451`,zC=e=>{let{onChange:t,value:a}=e;const[r,i]=Object(l.useState)(null),[o,s]=Object(l.useState)([]),[c,u]=Object(l.useState)([]),[d,m]=Object(l.useState)(!1),p=Object(l.useRef)(null);Object(l.useEffect)(()=>{let e=a&&a.length?a.map(e=>({label:e,value:e})):[];s(e),u(a||[])},[a]);const g=Object(l.useCallback)(e=>{i(e);const t=o.find(t=>t.label===e);m(!(t||!e))},[o]),A=Object(l.useCallback)(e=>{u(e),t&&t(e)},[o]),b=Object(l.useCallback)(()=>{p.current&&clearTimeout(p.current),s(e=>[...e,{value:r,label:r}]),u(e=>[...e,r]),t&&t([...c,r]),p.current=setTimeout(()=>{m(!1),i(null)},300)},[r]),h=Object(l.useCallback)(e=>{let a=c.filter(t=>t!==e);u(a),t&&t(a)}
15451,[c]),f=d&&n.a.createElement(LC,null,n.a.createElement("button",{className:"btn-add",onClick:b},n.a.createElement(D.Y,{spacing:"extraTight",wrap:!1},n.a.createElement(D.w,{source:pl.a,color:"indigo"}),n.a.createElement(D.db,{variation:"strong"},"Add "),n.a.createElement(D.db,null,r)))),v=n.a.createElement(D.c.TextField,{onChange:g,label:"Exclude words",value:r,placeholder:"Words"});return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.c.ComboBox,{options:o,selected:c,onSelect:A,textField:v,allowMultiple:!0,contentBefore:f}),n.a.createElement(VC,null,c&&c.length?c.map(e=>{let t=o.find(t=>t.value===e);return n.a.createElement(D.ab,{children:t&&t.label,onRemove:()=>h(e),key:e})}):null))},qC=[{label:"",value:""},{label:"Male",value:"male"},{label:"Female",value:"female"},{label:"Unisex",value:"unisex"}],HC=e=>{let{value:t,onChange:a}=e;return n.a.createElement(D.Q,{label:"Default gender",options:qC,onChange:a,value:t,helpText:"Required for apparel items in feeds that are focused on people in Brazil, France, Germany, Japan, the UK,and the US as well as gender-specific products."})},$C=o.a` 15452 query googleCategories { 15453 googleCategories { 15454 id 15455 title 15456 } 15457 } 15458`,_C=j.b.p` 15459 flex: auto; 15460 overflow: hidden; 15461 white-space: nowrap; 15462 text-overflow: ellipsis; 15463`,GC=e=>{let{onChange:t,value:a,labelHidden:r}=e;const{data:i,loading:o,error:s}=Object(De.d)($C),[u,d]=Object(l.useState)([]),[m,p]=Object(l.useState)([]),[g,A]=Object(l.useState)([]),[b,h]=Object(l.useState)(null);Object(l.useEffect)(()=>{if(i&&i.googleCategories&&i.googleCategories.length){let e=i.googleCategories.map(e=>({label:n.a.createElement(_C,null,e.title),value:e.title}));d(k.a.slice(e,0,30)),p(e)}},[i]),Object(l.useEffect)(()=>{A([a]),h(a)},[a]);const f=Object(l.useCallback)(e=>{if(h(e),""===e)return void d(m);const t=new RegExp(e,"i"),a=m.filter(e=>k.a.get(e,"label.props.children").match(t));d(k.a.slice(a,0,30))},[m]),v=Object(l.useCallback)(e=>{const a=e.map(e=>{const t=u.find(t=>t.value===e);return t&&t.label});let l=k.a.get(k.a.head(a),"props.children");h(l),A(e),t&&t(k.a.head(e))},[u]),E=n.a.createElement(D.c.TextField,{label:"Google product category",placeholder:"Search for categories",value:b,onChange:f,labelHidden:!0,helpText:"Required if you sell apprel and you need to set gender and age-group too"});return s?n.a.createElement("div",null,"Error: ",Object(c.ib)(s.toString())):n.a.createElement(n.a.Fragment,null,r?null:n.a.createElement(al.a,{label:"Google product category"}),n.a.createElement(D.c,{options:u,selected:g,onSelect:v,textField:E,emptyState:n.a.createElement("span",null,"No items found!"),loading:o}))},KC=[{value:"false",label:"False"},{value:"true",label:"True"}],JC=e=>{let{value:t,onChange:a}=e;return n.a.createElement(D.Q,{options:KC,value:t,label:"Identifier exists",onChange:a})},YC=[{value:"all products",label:"All products"},{value:"in stock",label:"In stock"}],WC=e=>{let{value:t,onChange:a}=e;return n.a.createElement(D.Q,{options:YC,label:"Stock",value:t,onChange:a})};function ZC(e){let{stores:t,ignoreStore:a,targetStore:l,onChange:r}=e;const[i,o]=n.a.useState(!!l),[s,c]=n.a.useState([]);n.a.useEffect(()=>{if((null===t||void 0===t?void 0:t.length)>0){const e=t.filter(e=>{let{value:t}=e;return t!==a});c(e)}},[a]),n.a.useEffect(()=>{o(!!l)},[l]);const u=n.a.useCallback(e=>{o(e),e||r(null)},[]);return n.a.createElement("div",null,n.a.createElement(D.j,{checked:i,label:"Get product data from other store",onChange:u}),n.a.createElement(D.l,{open:!!i,transition:{duration:"150ms",timingFunction:"ease"}},n.a.createElement(oC.a,{stores:s||[],value:l,labelHidden:!0,onChange:r})))}const XC=[{value:"false",label:"No"},{value:"true",label:"Yes"}],ek=e=>{let{value:t,onChange:a}=e;return n.a.createElement(D.Q,{options:XC,label:"Use Upc",value:t,onChange:a})},tk=[{label:"Do not add variant title at the end of title",value:!1},{label:"Add all options like color, size, etc behind the title\n (example: t-shirt red S)",value:!0}],ak=e=>{let{onChange:t,value:a}=e;return n.a.createElement(D.k,{title:"Variant title",choices:tk,onChange:t,selected:[a]})},lk=n.a.lazy(()=>a.e(0).then(a.bind(null,1782))),nk=n.a.lazy(()=>a.e(101).then(a.bind(null,1785))),rk=j.b.div` 15464 div[role="combobox"]:focus { 15465 outline: none; 15466 } 15467 .heading-wrap { 15468 font-size: 1.6rem; 15469 font-weight: 600; 15470 line-height: 2.4rem; 15471 margin: 0; 15472 } 15473 15474 .Polaris-Stack__Item:has(> div[aria-hidden="true"]) { 15475 display: none; 15476 } 15477`,ik=["DESC","ASC"],ok=["products.created_at","products.total_orders"],sk=e=>{let{data:t,btnLabel:a,onSubmit:r,loading:i,error:o,value:s,stores:c,urlStoreManager:u}=e;const[d,m]=Object(l.useState)(null),[p,g]=Object(l.useState)([]),[A,b]=Object(l.useState)(null),[h,f]=Object(l.useState)(null),[v,E]=Object(l.useState)("All"),[
15477y,C]=Object(l.useState)([]),[j,w]=Object(l.useState)([]),[S,I]=Object(l.useState)([]),[P,x]=Object(l.useState)([]),[M,T]=Object(l.useState)([]),[Q,R]=Object(l.useState)([]),[F,N]=Object(l.useState)(null),[U,L]=Object(l.useState)("all"),[V,z]=Object(l.useState)(""),[q,H]=Object(l.useState)(""),[$,_]=Object(l.useState)(null),[G,K]=Object(l.useState)(!1),[J,Y]=Object(l.useState)(""),[W,Z]=Object(l.useState)(""),[X,ee]=Object(l.useState)(""),[te,ae]=Object(l.useState)(""),[le,ne]=Object(l.useState)("new"),[re,ie]=Object(l.useState)("US::0.00:n"),[oe,se]=Object(l.useState)("US:::6.95 USD"),[ce,ue]=Object(l.useState)("all products"),[de,me]=Object(l.useState)("false"),[pe,ge]=Object(l.useState)("false"),[Ae,be]=Object(l.useState)({name:null,store:null,brand:null}),[he,fe]=Object(l.useState)(!1),[ve,Ee]=Object(l.useState)(!1),[ye,Ce]=Object(l.useState)(null),[ke,Oe]=Object(l.useState)(!1),[je,we]=Object(l.useState)(""),[Se,Ie]=Object(l.useState)(null),[Be,De]=Object(l.useState)(""),[Pe,xe]=Object(l.useState)(""),[Me,Te]=Object(l.useState)(!1),[Qe,Re]=Object(l.useState)({type:"Add",value:"",open:!1}),[Fe,Ne]=Object(l.useState)({enable:!1,modifyStateByAcronym:"false"}),[Ue,Le]=Object(l.useState)(!1),[Ve,ze]=Object(l.useState)({prefix:"",suffix:""}),[qe,He]=Object(l.useState)({limit:"0",sortType:["DESC"],sortBy:["products.created_at"]});Object(l.useEffect)(()=>{var e,a;const l=(null===t||void 0===t||null===(e=t.stores)||void 0===e||null===(a=e.nodes)||void 0===a?void 0:a.length)>0?t.stores.nodes.map(e=>({value:e.id,label:e.title})):[];g(l)},[t]),Object(l.useEffect)(()=>{if(s){let{useUpc:e}=s,t=!0===e?"true":"false";m(k.a.get(s,"name","")),C(k.a.get(s,"collections",[])),x(k.a.get(s,"tags",[])),I(k.a.get(s,"excludeCollections",[])),T(k.a.get(s,"excludeTags",[])),R(k.a.get(s,"excludeProducts",[])),_(s&&s.excludeWords?s.excludeWords:[]),N(k.a.get(s,"excludeItems")?s.excludeItems.join("\n"):"");const a=gk(s.productBases);w(a),b(k.a.get(s,"store.id",c&&1===c.length?k.a.get(c,"[0].id"):null)),f(k.a.get(s,"storeTargetDataId",null)),E(k.a.get(s,"filter","All")),L(k.a.get(s,"mode","all")),K(k.a.get(s,"variantTitle",!1)),Y(k.a.get(s,"category",null)),Z(k.a.get(s,"gender",null)),ee(k.a.get(s,"ageGroup",null)),ae(k.a.get(s,"brand",null)),ne(k.a.get(s,"condition","new")),ie(k.a.get(s,"tax","US::0.00:n")),se(k.a.get(s,"shipping","US:::6.95 USD")),ue(k.a.get(s,"stock","all products")),me(k.a.get(s,"identifierExists","false")),z(k.a.get(s,"productTitlePrefix","")),H(k.a.get(s,"productTitleSuffix","")),_(k.a.get(s,"excludeWords",[])),ge(t),Ee(k.a.get(s,"hasDesign",!1)),Ce(k.a.get(s,"alternativeDomain",null)),Oe(k.a.get(s,"usingFixedColor",null)),we(k.a.get(s,"fixedColor",!1)),Ie(k.a.get(s,"promotionId",null));let l=k.a.get(s,"maxTitleLength",null);l=l?l.toString():"",De(l);let n=k.a.get(s,"maxContentLength",null);n=null!=n?n.toString():"",xe(n),Te(k.a.get(s,"hasSale",!1));const{modifyPrice:r,modifyPriceValue:i}=s;(r||i)&&Re(e=>({...e,open:!0,type:r,value:i?i+"":""})),Ne(()=>({enable:k.a.get(s,"modifyStateInTitle",!1),modifyStateByAcronym:k.a.get(s,"modifyStateInTitleByAcronym",!1)?"true":"false"})),Le(k.a.get(s,"IsRegenEveryDay",!1));const o=k.a.get(s,"descriptionPrefix",""),u=k.a.get(s,"descriptionSuffix","");ze({prefix:o,suffix:u});const d={};k.a.get(s,"limit")&&(d.limit=k.a.get(s,"limit")+""),k.a.get(s,"sortType")&&ik.includes(k.a.get(s,"sortType"))&&(d.sortType=[k.a.get(s,"sortType")]),k.a.get(s,"sortBy")&&ok.includes(k.a.get(s,"sortBy"))&&(d.sortBy=[k.a.get(s,"sortBy")]),He(e=>({...e,...d}))}},[s,c]);const $e=Object(l.useCallback)(e=>{m(e),ft(e),fe(!0)},[]),_e=Object(l.useCallback)(e=>{b(e),vt(e),fe(!0)},[]),Ge=Object(l.useCallback)(e=>{C(e),fe(!0)},[]),Ke=Object(l.useCallback)(e=>{x(e),fe(!0)},[]),Je=Object(l.useCallback)(e=>{w(e),fe(!0)},[]),Ye=Object(l.useCallback)(e=>{I(e),fe(!0)},[]),We=Object(l.useCallback)(e=>{T(e),fe(!0)},[]),Ze=Object(l.useCallback)(e=>{R(e),fe(!0)},[]),Xe=Object(l.useCallback)(e=>{N(e),fe(!0)},[]),et=Object(l.useCallback)(e=>{L(e),fe(!0)},[]),tt=Object(l.useCallback)(e=>{z(e),fe(!0)},[]),at=Object(l.useCallback)(e=>{H(e),fe(!0)},[]),lt=Object(l.useCallback)(e=>{_(e),fe(!0)},[]),nt=Object(l.useCallback)(e=>{K(k.a.head(e)),fe(!0)},[]),rt=Object(l.useCallback)(e=>{Y(e),fe(!0)},[]),it=Object(l.useCallback)(e=>{Z(e),fe(!0)},[]),ot=Object(l.useCallback)(e=>{ee(e),fe(!0)},[]),st=Object(l.useCallback)(e=>{ae(e),Et(e),fe(!0)},[]),ct=Object(l.useCallback)(e=>{ne(e),fe(!0)},[]),ut=Object(l.useCallback)(e=>{ie(e),fe(!0)},[]),dt=Object(l.useCallback)(e=>{se(e),fe(!0)},[]),mt=Object(l.useCallback)(e=>{ue(e),fe(!0)},[]),pt=Object(l.useCallback)(e=>{me(e),fe(!0)},[]),gt=Object(l.useCallback)(e=>{ge(e),fe(!0)},[]),At=Object(l.useCallback)(e=>{De(e),fe(!0)},[]),bt=Object(l.useCallback)(e=>{xe(e),fe(!0)},[]),ht=Object(l.useCallback)(()=>{Ee(e=>!e),fe(!0)},[]),ft=e=>{be(t=>({...t,name:e?null:"Feed name is required."}))},vt=e=>{be(t=>({...t,store:e?null:"Store is required."}))},Et=e=>{},yt=Object(l.useCallback)((function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const a=!!e&&pk(e);be(e=>({...e,alternativeDomain:a?"Your alternative domain must start with https:// or http://":null})),t||(fe(!0),Ce(e))}),[]),Ct=Object(l.useCallback)(e=>{Oe(e),fe(!0)},[]),kt=Object(l.useCallback)(e=>{we(e),fe(!0)},[]),Ot=Object(l.useCallback)(e=>{fe(!0),Ie(e)},[]),jt=Object(l.useCallback)(e=>{Te(e),fe(!0)},[]),wt=Object(l.useCallback)(e=>{Ne(t=>({...t,enable:e})),fe(!0)},[]),St=Object(l.useCallback)(e=>{Ne(t=>({...t,modifyStateByAcronym:e[0]}))},[]),It=Object(l.useCallback)((e,t)=>
15477{fe(!0),ze(a=>({...a,[t]:e}))},[]),Bt=Object(l.useCallback)(e=>{fe(!0),f(e)},[]),Dt=n.a.useRef(null),Pt=Object(l.useCallback)(()=>{let e;ft(d),vt(A),Et(te),yt(ye,!0),fe(!1),"false"===pe?e=!1:"true"===pe&&(e=!0);let t=[];F&&(t=F.trim().split("\n").map(e=>e.trim()).filter(Boolean));let a,l=gk(y),n=gk(P),i=gk(S),o=gk(M),s=gk(Q),c=null,u=null;var m;Qe.open&&(c=Qe.type,u=Qe.value?parseFloat(Qe.value):null,Ft&&(a=null===(m=Dt.current)||void 0===m?void 0:m.getVariants()));let p=k.a.size(k.a.filter(k.a.values(Ae,e=>null!==e)));if(d&&A&&0===p){const m=Be?parseInt(Be):null,p=Pe?parseInt(Pe):null,g={name:d,storeId:A,filter:v,collections:l,productBases:j,tags:n,excludeCollections:i,excludeTags:o,specialProducts:s,excludeItems:t,mode:U,productTitlePrefix:V,productTitleSuffix:q,excludeWords:$,variantTitle:G,category:J,gender:W,ageGroup:X,brand:te,condition:le,tax:re,shipping:oe,stock:ce,identifierExists:de,useUpc:e,hasDesign:ve,alternativeDomain:ye,fixedColor:ke?je:"",usingFixedColor:ke,maxTitleLength:m,maxContentLength:p,hasSale:Me,modifyPrice:c,modifyPriceValue:u,modifyVariantPrice:a,promotionId:Se,modifyStateInTitle:Fe.enable,modifyStateInTitleByAcronym:JSON.parse(Fe.modifyStateByAcronym),IsRegenEveryDay:!!Ue,descriptionPrefix:Ve.prefix,descriptionSuffix:Ve.suffix,storeTargetDataId:h,limit:qe.limit?parseInt(qe.limit):void 0,sortType:qe.sortType&&qe.sortType.length>0?qe.sortType[0]:void 0,sortBy:qe.sortBy&&qe.sortBy.length>0?qe.sortBy[0]:void 0};r&&r(g)}},[Ae,d,A,v,y,j,S,M,Q,F,U,V,q,$,G,J,W,X,te,le,re,oe,ce,de,pe,ve,P,yt,ye,je,ke,Be,Pe,Me,Qe,Se,Fe,Ue,Ve,h,qe]),xt=Object(l.useCallback)(()=>{fe(!0),Re(e=>({...e,open:!e.open}))},[]),Mt=Object(l.useCallback)(e=>{fe(!0),Re(t=>({...t,type:e}))},[]),Tt=Object(l.useCallback)(e=>{fe(!0),Re(t=>({...t,value:e}))},[]),Qt=Object(l.useCallback)(e=>{Le(e),fe(!0)},[]),Rt=Object(l.useCallback)((e,t)=>{He(a=>({...a,[t]:e})),fe(!0)},[]),Ft="Variant Custom"===Qe.type,Nt="You also can use variable to display dynamic value. Valid variables: {PRODUCT_TITLE}";return n.a.createElement(n.a.Fragment,null,n.a.createElement(O.a,{when:he,message:"You have unsaved changes, are you sure you want to leave?"}),n.a.createElement(rk,null,n.a.createElement(D.s,{onSubmit:Pt},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Feed name",required:!0}),n.a.createElement(D.cb,{type:"text",value:d,onChange:$e,error:Ae.name,placeholder:"Enter feed name"})),n.a.createElement(oC.a,{errors:Ae.store,stores:p,onChange:_e,error:o,value:A||[]}),n.a.createElement(ZC,{stores:p,ignoreStore:A,targetStore:h,onChange:Bt}),n.a.createElement("div",null,n.a.createElement(D.j,{checked:ve,onChange:ht,label:"Only feed products has designs"})),n.a.createElement("div",null,n.a.createElement(D.j,{checked:Me,onChange:jt,label:"Only feed products has sales"})),n.a.createElement(wg.a,null,n.a.createElement(lk,{source:(null===s||void 0===s?void 0:s.productBases)||[],value:j,allowMultiple:!0,onChange:Je})),n.a.createElement("div",{className:"heading-wrap"},n.a.createElement("span",null,"Include products")),n.a.createElement(Av.CollectionSelectPolaris,{label:"Include collections",allowMultiple:!0,value:y,onChange:Ge}),n.a.createElement(bv.TagsSelectPolaris,{label:"Include tags",value:P,allowMultiple:!0,onChange:Ke}),n.a.createElement("div",{className:"heading-wrap"},n.a.createElement("span",null,"Exclude products")),n.a.createElement(Av.CollectionSelectPolaris,{label:"Exclude collections",value:S,allowMultiple:!0,onChange:Ye}),n.a.createElement(bv.TagsSelectPolaris,{label:"Exclude tags",value:M,allowMultiple:!0,onChange:We}),n.a.createElement(QC.b,{label:"Exclude special products",value:Q,allowMultiple:!0,onChange:Ze}),n.a.createElement("div",null,n.a.createElement(D.z,{children:"Exclude by items ids"}),n.a.createElement(D.P,{shadow:!0,style:{maxHeight:"700px"},focusable:!0},n.a.createElement(D.cb,{type:"text",value:F,onChange:Xe,multiline:5}))),n.a.createElement(zv,{value:U,onChange:et}),n.a.createElement(D.cb,{label:"Max Title Length",type:"number",min:1,placeholder:"Enter max title length",value:Be,onChange:At}),n.a.createElement(D.cb,{label:"Max Content Length",type:"number",min:0,placeholder:"Enter max content length",value:Pe,onChange:bt}),n.a.createElement(D.cb,{label:"Product title prefix",type:"text",value:V,onChange:tt,placeholder:"Enter product title prefix"}),n.a.createElement(D.cb,{label:"Product title suffix",type:"text",value:q,onChange:at,placeholder:"Enter product title suffix",helpText:n.a.createElement("p",null,n.a.createElement("i",null,"You can use theses short codes: ",n.a.createElement("strong",null,"[int(6)]")," ","for random a number with 6 digits or"," ",n.a.createElement("strong",null,"[str(6)]")," for random a string with 6 characters."))}),n.a.createElement(D.cb,{name:"prefix",id:"prefix",label:"Description prefix",value:Ve.prefix,onChange:It,placeholder:"Enter description prefix",helpText:Nt}),n.a.createElement(D.cb,{name:"suffix",id:"suffix",label:"Description suffix",value:Ve.suffix,onChange:It,placeholder:"Enter description suffix",helpText:Nt}),n.a.createElement(zC,{onChange:lt,value:$}),n.a.createElement(ak,{value:G,onChange:nt}),n.a.createElement(GC,{onChange:rt,value:J}),n.a.createElement(HC,{onChange:it,value:W}),n.a.createElement(FC,{value:X,onChange:ot}),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Default brand"}),n.a.createElement(D.cb,{value:te,onChange:st,placeholder:"Enter default brand",error:Ae.brand})),n.a.createElement(UC,{value:le,onChange:ct}),n.a.createElement(D.cb,{label:"Tax",value:re,onChange:ut,placeholder:"US::0.00:n"}),n.a.createElement(D.cb,{label:"Shipping",placeholder:"US:::6.95 USD",value:oe,onChange:dt}),n.a.createElement(WC,{value:ce,onChange:mt}),n.a.createElement(JC,{value:de,onChange:pt}
15477),n.a.createElement(ek,{value:pe,onChange:gt}),n.a.createElement(D.cb,{type:"number",min:0,value:qe.limit,id:"limit",onChange:Rt,label:"Limit"}),n.a.createElement(D.k,{choices:[{value:ik[0],label:"Descending"},{value:ik[1],label:"Ascending"}],selected:qe.sortType,name:"sortType",title:"Sort Type",onChange:Rt}),n.a.createElement(D.k,{choices:[{value:ok[0],label:"Created At"},{value:ok[1],label:"Total Orders"}],selected:qe.sortBy,name:"sortBy",title:"Sort By",onChange:Rt}),n.a.createElement(ck,{value:ye,onChange:yt,error:Ae.alternativeDomain}),n.a.createElement(uk,{fixedColor:je,usingFixedColor:ke,handlePCChange:kt,handleUsingPCChange:Ct}),n.a.createElement(dk,{value:Se,onChange:Ot}),n.a.createElement(D.Y,{spacing:"tight",vertical:!0},n.a.createElement(D.j,{checked:Qe.open,onChange:xt,label:"Modify Price"}),n.a.createElement(D.l,{open:Qe.open,transition:{duration:"150ms",timingFunction:"ease"}},n.a.createElement(D.Y,{distribution:"fillEvenly"},n.a.createElement(D.Q,{label:"Modify Price Type",value:Qe.type,options:[{value:"Add",label:"Add"},{value:"Subtract",label:"Subtract"},{value:"Fixed",label:"Fixed"},{value:"Variant Custom",label:"Custom",disabled:0===(j||[]).length}],onChange:Mt,helpText:n.a.createElement(mk,null)}),Ft?null:n.a.createElement(D.cb,{label:"Modify Price Value",onChange:Tt,min:0,type:"number",value:Qe.value,step:.01,placeholder:"Enter modif price value"})),Ft&&j.length>0?n.a.createElement(wg.a,null,n.a.createElement(nk,{baseIds:j,ref:Dt,value:null===s||void 0===s?void 0:s.modifyVariantPrice,setIsPrompt:fe})):null)),n.a.createElement(D.Y,{spacing:"tight",vertical:!0},n.a.createElement(D.j,{checked:Fe.enable,onChange:wt,label:"Modify US States in product title?"}),n.a.createElement(D.l,{open:Fe.enable,transition:{duration:"150ms",timingFunction:"ease"}},n.a.createElement(D.Y,{distribution:"fillEvenly"},n.a.createElement(D.k,{choices:[{label:"Separated by dot",value:"false"},{label:"By Acronym",value:"true"}],selected:Fe.modifyStateByAcronym,onChange:St})))),n.a.createElement(D.j,{label:"Re-gen every day",checked:Ue,onChange:Qt}),n.a.createElement("div",{style:{display:"flex",flexDirection:"row-reverse"}},n.a.createElement(D.h,null,n.a.createElement(D.g,{onClick:()=>B.a.push(`/${u}/products/feeds`)},"Cancel"),n.a.createElement(D.g,{primary:!0,submit:!0,loading:i,disabled:!he},a||"Save")))))))};function ck(e){let{value:t,onChange:a,error:r}=e;const[i,o]=Object(l.useState)(!1),s=Object(l.useCallback)(e=>{a(e)},[a]);Object(l.useEffect)(()=>{null!=t&&o(!0)},[t]);const c=Object(l.useCallback)(()=>{o(e=>(!1===!e&&a(null),!e))},[a]);return n.a.createElement(l.Fragment,null,n.a.createElement(D.j,{checked:i,onChange:c,label:"Using alternative domain?"}),n.a.createElement(D.l,{id:"alternative-domain",open:i,transition:{duration:"150ms",timingFunction:"ease"}},n.a.createElement(D.cb,{value:t,id:"alternativeDomain",onChange:s,placeholder:"http(s)://your-domain.com",error:r})))}function uk(e){let{handleUsingPCChange:t,handlePCChange:a,fixedColor:r,usingFixedColor:i}=e;return n.a.createElement(l.Fragment,null,n.a.createElement(D.j,{checked:i,onChange:t,label:"Using fixed color?"}),n.a.createElement(D.l,{id:"promotion-id",open:i,transition:{duration:"150ms",timingFunction:"ease"}},n.a.createElement(D.cb,{value:r,id:"fixedColor",onChange:a})))}function dk(e){let{value:t,onChange:a}=e;const[r,i]=Object(l.useState)(!1),o=Object(l.useCallback)(e=>{a(e)},[a]);Object(l.useEffect)(()=>{null!=t&&i(!0)},[t]);const s=Object(l.useCallback)(()=>{i(e=>(!1===!e&&a(null),!e))},[a]);return n.a.createElement(l.Fragment,null,n.a.createElement(D.j,{checked:r,onChange:s,label:"Using promotion id?"}),n.a.createElement(D.l,{id:"promotion-id",open:r,transition:{duration:"150ms",timingFunction:"ease"}},n.a.createElement(D.cb,{value:t,id:"promotionId",onChange:o,placeholder:"Enter promotion id"})))}function mk(){return n.a.createElement("div",{dangerouslySetInnerHTML:{__html:"\n <prev>\n Type Add: increase the origin price by an amount. <br />\n Type Subtract: decrease the origin price by an amount.\n <br />\n Type Fixed: the origin price will replace by a fixed\n amount.\n <br />\n Type Custom: Customize price for each variants.\n </prev>\n "}}
15477)}function pk(e){return null==(null===e||void 0===e?void 0:e.match(/^(http(s)?\:\/\/)\.*/g))}function gk(e){return e&&0!==e.length?e.map(e=>"object"===typeof e?e.id:e):[]}const Ak=o.a` 15478 query load { 15479 stores(filter: { limit: -1, offset: 0 }) { 15480 nodes { 15481 id 15482 title 15483 } 15484 } 15485 } 15486`,bk=o.a` 15487 mutation createFeed($input: NewFeed!) { 15488 createFeed(input: $input) 15489 } 15490`,hk=j.b.div` 15491 margin: -1rem; 15492 @media (min-width: 640px) { 15493 margin: -1.5rem; 15494 } 15495`,fk=()=>{const{data:e,loading:t,error:a}=Object(De.d)(Ak),[r,i]=Object(l.useState)(null),[o,s]=Object(l.useState)(!1),{currentUser:u}=Object(l.useContext)(te.a),d=k.a.get(u,"teamUser.role",null),m=[oe.gb.StoreManager].includes(d)?"store-manager":"seller",[p,{loading:g,error:A,data:b}]=Object(De.c)(bk,{onCompleted:()=>{const e=setTimeout(()=>{B.a.push(`/${m}/products/feeds`)},2500);i(e)},onError:()=>{}}),h=t&&n.a.createElement(D.D,null),f=Object(l.useCallback)(e=>{p({variables:{input:e}}),v()},[]);Object(l.useEffect)(()=>()=>clearTimeout(r),[]);const v=Object(l.useCallback)(()=>{s(e=>!e)},[]),E=o?(A||b&&b.createFeed)&&n.a.createElement(D.fb,{content:A?Object(c.ib)(A.toString()):b&&b.createFeed&&"Your feed is processing. Please wait couple minutes.",error:A,duration:2e3,onDismiss:v}):null;return n.a.createElement(hk,null,h,E,n.a.createElement(D.H,{title:"Add Product Feed",breadcrumbs:[{content:"Product feeds",url:`/${m}/products/feeds`}]},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(sk,{data:e,btnLabel:"Create Feed",onSubmit:f,loading:g,error:a,urlStoreManager:m}))))},vk=e=>{let{stores:t,onChange:a,filter:r,storeLabel:i}=e;const[o,s]=Object(l.useState)(r.search),[u,d]=Object(l.useState)({value:null,label:null,search:null}),m=Object(l.useRef)(null);Object(l.useEffect)(()=>{d(e=>({...e,value:r.storeId,label:i}))},[r.storeId,i]),Object(l.useEffect)(()=>{m.current&&clearTimeout(m.current),a&&(m.current=setTimeout(()=>{a({storeId:u.value,search:o?o.trim():o})},300))},[u,o]);const p=Object(l.useCallback)(e=>s(e),[]),g=Object(l.useCallback)(()=>s(null),[]),A=Object(l.useCallback)(()=>d({value:null,label:null}),[]),b=Object(l.useCallback)(()=>{g(),A()},[g,A]);t=t&&t.length?t.map(e=>({value:e.id,label:e.title})):[];const h=[{key:"stores",label:"Stores",filter:n.a.createElement(ga.a,{data:t,value:u,onChangeSearch:e=>{let{search:t}=e;d(e=>({...e,search:t}))},onChange:e=>{let{value:t,label:a}=e;d(e=>({...e,value:t,label:a}))}})}],f=[];if(!Object(c.tb)(u.label)){const e="stores";f.push({key:e,label:function(e,t){switch(e){case"stores":return"Store: "+t;default:return t}}(e,u.label),onRemove:A})}return n.a.createElement(D.r,{queryValue:o,queryPlaceholder:"Filter product feed",filters:h,appliedFilters:f,onQueryChange:p,onQueryClear:g,onClearAll:b})};var Ek=a(1538),yk=a(1022);const Ck=o.a` 15496 mutation regenerate($id: ID!) { 15497 regenerate(id: $id) 15498 } 15499`,kk=o.a` 15500 mutation deleteFeed($id: ID!) { 15501 deleteFeed(id: $id) 15502 } 15503`,Ok=e=>{let{feed:t,client:a,filter:r,urlStoreManager:i}=e;const[o,s]=Object(l.useState)(!1),[u,d]=Object(l.useState)(!1),[m,p]=Object(l.useState)(null),[g,{error:A,data:b}]=Object(De.c)(Ck,{onCompleted:()=>{try{const e=a.readQuery({query:Ik,variables:{filter:r}});a.writeQuery({query:Ik,variables:{filter:r},data:{...e,feeds:{...e.feeds,nodes:e.feeds.nodes.map(e=>e.id===t.id?{...e,status:"Processing"}:e)}}})}catch(e){}},onError:()=>{}}),[h,{error:f,data:v}]=Object(De.c)(kk,{onCompleted:()=>{try{const e=a.readQuery({query:Ik,variables:{filter:r}});a.writeQuery({query:Ik,variables:{filter:r},data:{...e,feeds:{...e.feeds,total:e.feeds.total-1,nodes:e.feeds.nodes.filter(e=>e.id!==t.id)}}})}catch(e){}},onError:()=>{}}),E=Object(l.useCallback)(()=>s(e=>!e),[]),y=Object(l.useCallback)(()=>{g({variables:{id:t.id}}),k()},[]),C=Object(l.useCallback)(()=>{h({variables:{id:t.id}}),k()},[]),k=Object(l.useCallback)(()=>{d(e=>!e)},[]),O=["linkCsv","linkXml","linkTsv"].includes(m),j=u?(A||f||b&&b.regenerate||v&&v.deleteFeed||O)&&n.a.createElement(D.fb,{content:(()=>{if(A||f)return"An error regenerating feed.";if(b&&b.regenerate)return"Feed being generated.";if(v&&v.deleteFeed)return t.name+" has been deleted.";switch(m){case"linkCsv":return"CSV URL has been copied to your clipboard.";case"linkXml":return"XML URL has been copied to your clipboard.";case"linkTsv":return"TSV URL has been copied to your clipboard."}})(),error:A||f,duration:2e3,onDismiss:k}):null,w=n.a.createElement(D.g,{onClick:E,disclosure:!0},"Actions"),S=Object(l.useCallback)(()=>{B.a.push(`/${i}/products/feeds/edit/${t.id}`)},[]),I=Object(l.useCallback)((e,t)=>()=>{Object(c.p)(e),p(t),k(),E()},[]);return n.a.createElement(n.a.Fragment,null,j,n.a.createElement(D.K,{active:o,activator:w,onClose:E},n.a.createElement(D.a,{items:[{content:"Edit",icon:Ue.a,onAction:S},{content:"ReGenerate",icon:Ek.a,disabled:"Processing"===t.status,onAction:()=>{y()}},{content:"Link CSV File",icon:yk.a,disabled:"Processing"===t.status,onAction:I(t.csvUrl,"linkCsv")}
15503,{content:"Link XML File",icon:yk.a,disabled:"Processing"===t.status,onAction:I(t.xmlUrl,"linkXml")},{content:"Link TSV File",icon:yk.a,disabled:"Processing"===t.status,onAction:I(t.tsvUrl,"linkTsv")},{content:"Delete",icon:Le.a,onAction:()=>C()}]})))},jk=j.b.div` 15504 overflow-x: auto; 15505 .Polaris-DataTable__ScrollContainer { 15506 overflow-x: initial; 15507 } 15508 .Polaris-DataTable__Cell { 15509 &.custom-cell { 15510 position: sticky; 15511 right: 0; 15512 z-index: 10; 15513 background-color: #fff; 15514 &:after { 15515 box-shadow: rgba(0, 0, 0, 0.15) -10px 0px 8px -8px inset; 15516 position: absolute; 15517 top: 0px; 15518 bottom: -1px; 15519 width: 30px; 15520 transition: box-shadow 0.3s ease 0s, 15521 -webkit-box-shadow 0.3s ease 0s; 15522 content: ""; 15523 pointer-events: none; 15524 left: 0px; 15525 transform: translateX(-100%); 15526 } 15527 } 15528 } 15529 .Polaris-DataTable__TableRow { 15530 &:hover { 15531 .Polaris-DataTable__Cell { 15532 &.custom-cell { 15533 background-color: var(--p-surface-hovered, #f9fafb); 15534 } 15535 } 15536 } 15537 } 15538 .Polaris-DataTable__Navigation { 15539 display: none; 15540 } 15541`,wk=j.b.div` 15542 padding: 1.6rem; 15543 overflow-x: scroll; 15544 background: var(--p-surface-subdued, #f4f6f8); 15545`,Sk=e=>{let{data:t,filter:a,setFilter:r,client:i,urlStoreManager:o,fixedColumn:s}=e;const[u,d]=Object(l.useState)({scrollLeft:null,scrollWidth:null,offsetWidth:null}),m=Object(l.useRef)(null);Object(l.useEffect)(()=>{let{scrollLeft:e,scrollWidth:t,offsetWidth:a}=u,l=document.querySelectorAll(".actions_wrap"),n=document.querySelectorAll(".Polaris-DataTable__Cell");for(let r of n)for(let e of l)Object(c.u)(r,e)&&(s?r.classList.add("custom-cell"):r.classList.remove("custom-cell"))},[u,s]),Object(l.useEffect)(()=>{const e=()=>{Object(c.Ub)(()=>{m.current&&d({scrollLeft:m.current.scrollLeft,scrollWidth:m.current.scrollWidth,offsetWidth:m.current.offsetWidth})})};return m.current&&m.current.addEventListener("scroll",e,{capture:!1,passive:!0}),()=>{m.current&&m.current.removeEventListener("scroll",e)}},[m]);let p=[];t&&t.feeds.nodes.forEach(e=>{let t=e.hasDesign;t=t?"Yes":"No";const l=e.hasSale?"Yes":"No";p.push([n.a.createElement("span",null,e.name),n.a.createElement("span",null,"Processing"===e.status?"Processing":e.total),n.a.createElement("p",null,Zr()(e.updatedAt).format("LLL")),n.a.createElement(D.e,{status:e.status&&"Ready"===e.status?"success":"Processing"===e.status?"attention":null},e.status),n.a.createElement("span",null,e.useUpc?"Yes":"No"),n.a.createElement("div",null,n.a.createElement("span",null,t)),n.a.createElement("div",null,n.a.createElement("span",null,l)),n.a.createElement("div",{className:"actions_wrap"},n.a.createElement(Ok,{feed:e,client:i,filter:a,urlStoreManager:o}
15545))])});let{limit:g,offset:A}=a;const b=k.a.get(t,"feeds.total",0),h={page:A/g+1,totalPage:Math.ceil(b/g),offset:A,limit:g,onChange:r,total:b};return n.a.createElement(n.a.Fragment,null,n.a.createElement(jk,{ref:m},n.a.createElement(D.n,{columnContentTypes:["text","text","text","text","text","text","text","numeric"],headings:["Name","Total Products","Last Update At","Status","UPC","Has Designs","Has Sale",n.a.createElement("div",{className:"actions_wrap"},"Actions")],rows:p,verticalAlign:"middle",hideScrollIndicator:!0})),n.a.createElement(wk,null,n.a.createElement(Ye.PaginationPolaris,{aggregation:h,showTotal:!0})))},Ik=o.a` 15546 query feeds($filter: FeedFilter) { 15547 stores(filter: { limit: -1, offset: 0, status: "Connected" }) { 15548 nodes { 15549 id 15550 title 15551 } 15552 } 15553 feeds(filter: $filter) { 15554 total 15555 nodes { 15556 id 15557 name 15558 store { 15559 id 15560 title 15561 } 15562 collections { 15563 id 15564 name 15565 } 15566 productBases { 15567 id 15568 title 15569 } 15570 filter 15571 mode 15572 productTitlePrefix 15573 variantTitle 15574 category 15575 gender 15576 ageGroup 15577 brand 15578 tax 15579 shipping 15580 condition 15581 status 15582 total 15583 xmlUrl 15584 csvUrl 15585 useUpc 15586 createdAt 15587 updatedAt 15588 hasDesign 15589 hasSale 15590 tsvUrl 15591 } 15592 } 15593 } 15594`,Bk=j.b.div` 15595 margin: -1rem; 15596 @media (min-width: 640px) { 15597 margin: -1.5rem; 15598 } 15599 .Polaris-DataTable__Footer { 15600 overflow-x: scroll; 15601 } 15602`,Dk=[...oe.n,"storeId"],Pk=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const r=Object(l.useMemo)(()=>{const e=Object(c.W)([t]);return Object(c.Bb)(e)},[t]),i=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,Dk)}return e},[r]),{store:o}=Object(l.useContext)(te.a),[s,u]=Object(l.useState)({limit:Number(Object(c.M)("perPageProductFeeds"))||20,offset:0,storeId:null,search:null,...i}),{currentUser:d}=Object(l.useContext)(te.a),m=k.a.get(d,"teamUser.role",null),p=[oe.gb.StoreManager].includes(m),g=p?"store-manager":"seller";Object(l.useEffect)(()=>{let{offset:e,limit:t,...a}=s,l=null,n=Object(c.o)(t,e);l=Object(c.l)({limit:t,paged:n,...a}),B.a.push(`${B.a.location.pathname}?${l}`)},[s]);const{data:A,error:b,loading:h,client:f}=Object(De.d)(Ik,{variables:{filter:{...s,storeId:o?o.id:s.storeId}},fetchPolicy:"no-cache"}),v=h&&n.a.createElement(D.D,null),E=A&&A.stores&&A.stores.nodes&&A.stores.nodes.length?A.stores.nodes:[],y=s.storeId&&E&&E.length?E.find(e=>e.id===s.storeId):null;return n.a.createElement(Bk,null,v,n.a.createElement(D.H,{title:"Product Feeds",fullWidth:!0,primaryAction:n.a.createElement(D.g,{primary:!0,onClick:()=>B.a.push(`/${g}/products/feeds/add`)},"New Product Feed")},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(vk,{stores:E,filter:s,storeLabel:y&&y.title,onChange:e=>{let{storeId:t,search:a}=e;return u(e=>(k.a.isEqual(e.search,a)&&k.a.isEqual(e.storeId,t)||(e.offset=0),{...e,storeId:t,search:a}))}})),n.a.createElement(D.i,null,b&&n.a.createElement("div",null,"Error: ",b.toString()),h?n.a.createElement(Je.SkeletonPagePolaris,null):A&&A.feeds&&A.feeds.nodes&&A.feeds.nodes.length?n.a.createElement(Sk,{client:f,urlStoreManager:g,data:A,filter:s,fixedColumn:!0,setFilter:(e,t)=>{u(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageProductFeeds",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null))))},xk=j.b.div` 15603 margin: -1rem; 15604 @media (min-width: 640px) { 15605 margin: -1.5rem; 15606 } 15607`,Mk=o.a` 15608 query load($id: ID!) { 15609 # productBasesForSeller(filter: { limit: 1000, offset: 0 }) { 15610 # nodes { 15611 # id 15612 # title 15613 # } 15614 # } 15615 stores(filter: { limit: -1, offset: 0 }) { 15616 nodes { 15617 id 15618 title 15619 } 15620 } 15621 feed(id: $id) { 15622 id 15623 name 15624 limit 15625 sortType 15626 sortBy 15627 store { 15628 id 15629 title 15630 } 15631 storeTargetDataId 15632 collections { 15633 id 15634 name 15635 } 15636 productBases { 15637 id 15638 title 15639 } 15640 excludeCollections { 15641 id 15642 name 15643 } 15644 excludeTags { 15645 id 15646 name 15647 } 15648 excludeProducts { 15649 id 15650 title 15651 } 15652 filter 15653 mode 15654 productTitlePrefix 15655 productTitleSuffix 15656 descriptionPrefix 15657 descriptionSuffix 15658 variantTitle 15659 category 15660 gender 15661 ageGroup 15662 brand 15663 tax 15664 shipping 15665 condition 15666 stock 15667 identifierExists 15668 status 15669 excludeWords 15670 total 15671 xmlUrl 15672 csvUrl 15673 useUpc 15674 createdAt 15675 updatedAt 15676 excludeItems 15677 hasDesign 15678 hasSale 15679 alternativeDomain 15680 usingFixedColor 15681 fixedColor 15682 tags { 15683 id 15684 name 15685 } 15686 maxTitleLength 15687 maxContentLength 15688
15689 modifyPrice 15690 modifyPriceValue 15691 promotionId 15692 modifyStateInTitle 15693 modifyStateInTitleByAcronym 15694 IsRegenEveryDay 15695 modifyVariantPrice { 15696 productBaseId 15697 productBaseVariantId 15698 price 15699 } 15700 } 15701 } 15702`,Tk=o.a` 15703 mutation updateFeed($input: UpdateFeed!) { 15704 updateFeed(input: $input) { 15705 id 15706 name 15707 store { 15708 id 15709 title 15710 } 15711 collections { 15712 id 15713 name 15714 } 15715 productBases { 15716 id 15717 title 15718 } 15719 excludeCollections { 15720 id 15721 name 15722 } 15723 excludeTags { 15724 id 15725 name 15726 } 15727 excludeProducts { 15728 id 15729 title 15730 } 15731 filter 15732 mode 15733 productTitlePrefix 15734 productTitleSuffix 15735 variantTitle 15736 category 15737 gender 15738 ageGroup 15739 brand 15740 condition 15741 status 15742 excludeWords 15743 total 15744 createdAt 15745 updatedAt 15746 excludeItems 15747 useUpc 15748 } 15749 } 15750`,Qk=e=>{const{id:t}=e.match.params,[a,r]=Object(l.useState)(null),[i,o]=Object(l.useState)(!1),{data:s,loading:u,error:d}=Object(De.d)(Mk,{variables:{id:t},fetchPolicy:"no-cache"}),{currentUser:m}=Object(l.useContext)(te.a),p=k.a.get(m,"teamUser.role",null),g=[oe.gb.StoreManager].includes(p)?"store-manager":"seller",[A,{data:b,loading:h,error:f,client:v}]=Object(De.c)(Tk,{onCompleted:e=>{const t=setTimeout(()=>{B.a.push(`/${g}/products/feeds`)},2500);r(t);let a={limit:20,offset:0,storeId:null,search:null};try{const l=v.readQuery({query:Ik,variables:{filter:a}});l&&v.writeQuery({query:Ik,variables:{filter:a},data:{...l,feeds:{...l.feeds,nodes:l.feeds.nodes.map(a=>{if(a.id===t){const t=e.updateFeed;return{...a,...t}}return a})}}});const n=v.readQuery({query:Mk,variables:{id:t}});n&&v.writeQuery({query:Mk,variables:{id:t},data:{...n,feed:{...n.feed,...e.updateFeed}}})}catch(l){}},onError:()=>{}});Object(l.useEffect)(()=>()=>clearTimeout(a),[]);const E=u&&n.a.createElement(D.D,null),y=Object(l.useCallback)(e=>{A({variables:{input:{id:t,...e}}}),C()},[]),C=Object(l.useCallback)(()=>{o(e=>!e)},[]),O=i?(f||b&&b.updateFeed)&&n.a.createElement(D.fb,{content:f?Object(c.ib)(f.toString()):b&&b.updateFeed&&"Edit your feed success",error:f,duration:2e3,onDismiss:C}):null;return n.a.createElement(xk,null,E,O,n.a.createElement(D.H,{title:"Edit product feed",breadcrumbs:[{content:"Product feeds",url:`/${g}/products/feeds`}]},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(sk,{value:s&&s.feed,btnLabel:"Save feed",error:d,data:s,onSubmit:y,loading:h,urlStoreManager:g}))))},Rk="SetState",Fk="ClearState",Nk="UpdateFieldsValue",Uk={[Rk]:(e,t)=>({...e,...t.payload}),[Fk]:e=>({...e,step:zk.ChooseBase,fulfillmentId:null,selectedBases:[],template:null}),[Nk]:(e,t)=>({...e,fieldsValue:{...e.fieldsValue,...t.payload}})};function Lk(e,t){return Object(c.Cb)(t.type,Uk,e,t)}const Vk=Object(l.createContext)(null);Vk.displayName="CreateProductContext";const zk={ChooseBase:"ChooseBase",FormProduct:"FormProduct",ViewTemplate:"ViewTemplate"},qk={step:zk.ChooseBase,fulfillmentId:null,selectedBases:[],template:null,fieldsValue:{title:"",description:"",collections:[],tags:[],personalized:!1,fields:[],designPositions:[],using2dMockup:{isReview:!0,productBaseOnlyUseDesignForGenMockup:[]}},errors:{}
15750,isEdit:!1,canUpdateDescription:!0},Hk={title:"Title"};function $k(e){let{children:t}=e;const[a,r]=Object(l.useReducer)(Lk,qk),i=Object(l.useCallback)(e=>{r({type:Rk,payload:e})},[r]),o=Object(l.useCallback)((e,t)=>{let l=null,n=Hk[t];e&&e.length||!n||(l=n+" is required."),i({errors:{...a.errors,[t]:l}})},[a.errors,i]),s=Object(l.useCallback)((e,t)=>{o(e,t),r({type:Nk,payload:{[t]:e}})},[r,o]),c=Object(l.useCallback)(()=>{r({type:Fk})},[r]);return n.a.createElement(Vk.Provider,{value:{state:a,updateState:i,clearState:c,updateField:s}},t)}function _k(){const e=Object(l.useContext)(Vk);if(!e)throw new Error("No CreateProduct was provided.");return e}const Gk=o.a` 15751 mutation createProductGen2dMockup($input: NewProductGen2dMockup!) { 15752 createProductGen2dMockup(input: $input) { 15753 id 15754 title 15755 shortTitle 15756 amzTitle 15757 sku 15758 description 15759 designStatus 15760 personalized 15761 status 15762 sku 15763 productBases { 15764 id 15765 title 15766 } 15767 images { 15768 id 15769 productBaseId 15770 file { 15771 id 15772 url 15773 thumbnailUrl 15774 } 15775 } 15776 tags { 15777 id 15778 name 15779 } 15780 collections { 15781 id 15782 name 15783 } 15784 fields { 15785 id 15786 title 15787 name 15788 type 15789 extraFee 15790 configure 15791 sorting 15792 } 15793 } 15794 } 15795`;function Kk(){return n.a.createElement($k,null,n.a.createElement(Fa.a,null,n.a.createElement(Jk,null)))}function Jk(){const{state:e,updateState:t,clearState:a}=_k(),{toggleToast:r,setNotify:i}=Object(Fa.b)(),o=Object(O.g)(),{currentUser:s}=Object(l.useContext)(te.a);let u=Object(c.U)(s);const[d,m]=n.a.useState(!1),p=Object(l.useRef)(null),[g,{loading:A}]=Object(De.c)(Gk,{onCompleted:()=>{i({msg:"Product has been saved.",err:!1}),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{o.push(`/${u}/product-from-print-file`)},1500)},onError:e=>{i({msg:Object(c.ib)(e.toString()),err:!0})}}),b=Object(l.useCallback)(async a=>{const l=(e.selectedBases||[]).map(e=>{let{id:t}=e;return t}),n=await VA(l),r=(e.selectedBases||[]).map(e=>{const{id:t}=e;return(n||n[t])&&(e={...e,...n[t]}),e});t({step:a,selectedBases:r})},[t,e.selectedBases]),h=Object(l.useCallback)(e=>{null!=e&&(r&&r(!0),i&&i({msg:null,err:!1}),g({variables:{input:e}}))},[g,r,i]),f=Object(l.useMemo)(()=>e.step===zk.ChooseBase?{content:"Continue",onAction:()=>b(zk.FormProduct)}:void 0,[e.step,b]),v=d?{[zk.ChooseBase]:n.a.createElement(Yk,{updateState:t,state:e}),[zk.FormProduct]:n.a.createElement(mS,{onSubmit:h,loading:A})}:{};return Object(l.useEffect)(()=>(m(!0),t({selectedBases:[]}),()=>{a(),m(!1)}),[]),e.step===zk.ViewTemplate?n.a.createElement(Wk,{updateState:t}):n.a.createElement(Zk,null,n.a.createElement(D.H,Object.assign({title:"Create Product",fullWidth:!0,breadcrumbs:[{content:"Product From Print File",url:`/${u}/product-from-print-file`}]},null!=f&&{primaryAction:f}),v[e.step]))}function Yk(e){let{inModal:t}=e;const{state:a,updateState:r}=_k(),i=Object(l.useCallback)(e=>{r({fulfillmentId:e})},[r]),o=Object(l.useCallback)(e=>{r({selectedBases:e})},[r]),s=Object(l.useCallback)(()=>{r({step:zk.ViewTemplate})},[r]);return n.a.createElement(HA,{onFulfillmentChange:i,fulfillmentId:a.fulfillmentId,value:a.selectedBases,onChange:o,onViewTemplates:t?null:s,multiple:!0,selectedProductBases:a.selectedBases})}function Wk(e){let{updateState:t}=e;const a=Object(l.useCallback)(()=>{t({step:zk.ChooseBase})},[t]),r=Object(l.useCallback)(e=>{const a=e.data.productBases;t({step:zk.FormProduct,selectedBases:a,template:e})},[t]);return n.a.createElement(nb,{onChangeStep:a,handleUseTemplate:r,allTemplate:!0})}const Zk=j.b.div` 15796 margin: -1rem; 15797 @media (min-width: 640px) { 15798 margin: -1.5rem; 15799 } 15800`;var Xk=a(187),eO=a(299),tO=a(524),aO=a(244);const lO=o.a` 15801 mutation importFileUrl($urls: [String!]!, $prefix: String) { 15802 importFileUrl(urls: $urls, prefix: $prefix) { 15803 id 15804 name 15805 alt 15806 caption 15807 thumbnailUrl 15808 url 15809 mimeType 15810 size 15811 createdAt 15812 } 15813 } 15814`,nO=j.b.div` 15815 display: flex; 15816 flex-direction: column; 15817 row-gap: 2rem; 15818 width: 100%; 15819 15820 .list-file_wrap { 15821 display: flex; 15822 flex-direction: column; 15823 row-gap: 1.6rem; 15824 height: 28rem; 15825 15826 &.multiple { 15827 height: auto; 15828 flex-direction: row; 15829 column-gap: 2rem; 15830 justify-content: flex-start; 15831 flex-wrap: wrap; 15832 15833 .file_wrap { 15834 height: ${e=>{let{height:t}=e;return t?t+"px":"auto"}}; 15835 width: 100%; 15836 } 15837 15838 .file-item { 15839 width: auto; 15840 width: ${e=>{let{width:t}=e;return t?t+"px":"auto"}}; 15841 overflow: hidden; 15842 object-fit: cover; 15843 position: relative; 15844 padding: 0.2rem; 15845 15846 .Polaris-Choice { 15847 position: absolute; 15848 top: 1px; 15849 left: 1px; 15850 z-index: 10; 15851 padding: 0; 15852 15853 .Polaris-Choice__Control { 15854 margin: 0; 15855 } 15856 } 15857 } 15858 } 15859 } 15860 15861 .dropzone_wrap { 15862 width: 100%; 15863 height: 100%; 15864 display: flex; 15865 align-items: center; 15866 justify-content: center; 15867 background-size: cover; 15868 background-repeat: no-repeat; 15869 background-position: center center; 15870 15871 .dropzone_inner { 15872 display: flex; 15873 flex-direction: column; 15874 text-align: center; 15875 } 15876 } 15877 15878 .uploaded-wrap { 15879 display: block; 15880 margin-top: 2rem; 15881 } 15882 15883 .image-wrap { 15884 position: relative; 15885 display: flex; 15886 flex-direction: row; 15887 justify-content: space-between; 15888 .image-title-wrap { 15889 display: flex; 15890 flex-direction: row; 15891 column-gap: 0.5rem; 15892 } 15893 } 15894 15895 .design-position-name { 15896 margin-bottom: 0.5rem; 15897 font-weight: 500; 15898 } 15899 15900 .dropzone_container { 15901 .Polaris-DropZone { 15902 min-height: ${e=>e.sizeSmall?"10rem":""}; 15903 } 15904 } 15905`,rO=["application/pdf","application/postscript"],iO=e=>{const{multiple:t,showViewOrigin:a,isUpdateDesign:r,dPName:i,accept:o,type:c,folder:u,isPrintFile:d,typeSpecial:m,placeholderImage:p,isCompareDesign:g,designPosition:A,sizeSmall:b,mainImageId:h,setMainImage:f,hasMainImg:v,productBaseId:E,onChange:y,value:C,hideBtnRemove:k,showTitle:O,width:j=100,height:w=100,fromIdeaTask:S=!1}=e,[I,B]=Object(l.useState)([]),[P,x]=Object(l.useState)(""),[M,T]=Object(l.useState)(!1),[Q,R]=Object(l.useState)([]),[F,N]=Object(l.useState)(null),[U,L]=Object(l.useState)([]),[V,z]=Object(l.useState)({}),[q,H]=Object(l.useState)(!1),[$,_]=Object(l.useState)(!1),[,G]=Object(l.useState)({}),[K,J]=Object(l.useState)({}),[Y,W]=Object(l.useState)(!1),[Z,X]=Object(l.useState)({msg:null}),ee=n.a.useRef(null);Object(l.useEffect)(()=>{Array.isArray(C)&&(R(()=>[...C]),0===C.length&&L([]))},[C]),Object(l.useEffect)(()=>{Q.length||a&&a()},[Q,a]),Object(l.useEffect)(()=>()=>clearTimeout(F),[F]);const te=Object(l.useCallback)(()=>W(e=>!e),[]),ae=Object(l.useCallback)(()=>T(e=>!e),[]),le=Object(l.useCallback)((t,a)=>{let{userId:l}=e;const n={search:null,mimeType:[],dateFilter:{from:null,to:null},limit:20,offset:0,prefix:e.prefix,...l?{userId:l}:null};try{const e=t.readQuery({query:eO.a,variables:{filter:n}});t.writeQuery({query:eO.a,variables:{filter:n},data:{...e,mediaLibrary:{...e.mediaLibrary,total:e.mediaLibrary.total+a.length,nodes:[...a,...e.mediaLibrary.nodes]}}})}catch(r){}},[e.userId,e.prefix]),ne=Object(l.useCallback)(t=>{let{prefix:a,multiple:l}=e,n=C||[],r=I,i=[];for(let e=0;e<r.length;e++)n.find(t=>
15905t.id===r[e].id)||i.push(r[e]);const o=l?[...n,...i]:[...i];let s=[],c={};P.split("\n").forEach(e=>{const t=e&&e.trim();t&&(c[t]||(s.push(t),c[t]=!0))}),s.length?(_(!0),t.mutate({mutation:lO,variables:{urls:s,prefix:a}}).then(a=>{le(t,a.data.importFileUrl);const l=[...a.data.importFileUrl,...o];x(""),_(!1);const n=setTimeout(()=>{R(e.multiple?l:[l[0]]),B([]),ae(),y&&y(e.multiple?l:[l[0]])},1e3);N(n)}).catch(()=>{_(!1)})):(_(!1),R(o),y&&y(o),B([]),ae())},[e,I,P]),re=Object(l.useCallback)(e=>{H(!0),R(t=>{let a=t.filter(t=>t.id!==e);return y&&y(a),a})},[y]),ie=Object(l.useCallback)((e,a,l,n,r)=>{L(e=>t?[...e,...a]:[...a]),H(!1);let i=a;for(let t=0;t<i.length;t++)se(i[t],t,n,r)},[E]),se=Object(l.useCallback)((e,t,a,l)=>{z(e=>({...e,[t]:!0})),te(!0),ce(e,async n=>{let r=e.type,i=e.name;if(n)switch(r=n,n){case"image/webp":i=i.replace(/\.[^/.]+$/,".webp");break;case"image/gif":i=i.replace(/\.[^/.]+$/,".gif");break;case"image/jpeg":i=i.replace(/\.[^/.]+$/,".jpg");break;case"image/png":i=i.replace(/\.[^/.]+$/,".png")}try{let n=oe.nb.includes(E),o=!1;if(n?"image/png"===r&&(o=!0):o=!0,o){X(()=>({msg:null}));const n=await a({variables:{input:{name:i,mimeType:r,size:e.size,folder:u||null}}}),{key:o,url:s}=n.data.createUploadUrl;await He.a.put(s,e,{headers:{"Content-Type":r},timeout:18e5});const c=await l.mutate({mutation:aO.a,variables:{input:{name:i,key:o,size:e.size,mimeType:r,isPrintFile:d}}});let m=[];c&&(m.push(c.data.createFile),z(e=>({...e,[t]:!1})));const p=setTimeout(()=>{R(e=>{let t=[...e,...m];return ee.current&&clearTimeout(ee.current),ee.current=setTimeout(()=>{y&&y(t)},0),t})},1e3);N(p)}else z(!1),X(()=>({msg:"Allow file type is .png"})),L(()=>[])}catch(o){}})},[E,y]),ce=(e,t)=>{const a=[{mime:"image/png",pattern:[137,80,78,71]},{mime:"image/jpeg",pattern:[255,216,255]},{mime:"image/gif",pattern:[71,73,70,56]},{mime:"image/webp",pattern:[82,73,70,70,void 0,void 0,void 0,void 0,87,69,66,80,86,80]}],l=Math.max(...a.map(e=>e.pattern.length)),n=e.slice(0,l),r=new FileReader;r.onloadend=e=>{if(!e||!r.result)return t(null);const l=new Uint8Array(r.result),n=a.find(e=>((e,t)=>t.pattern.every((t,a)=>!t||e[a]===t))(l,e));return t(n?n.mime:null)},r.readAsArrayBuffer(n)};Object(l.useEffect)(()=>{for(let e=0;e<Q.length;e++){let t=Q[e];t&&ue(g,t.url,t.id,A,t.mimeType)}},[Q,g,A]);const ue=Object(l.useCallback)((t,a,l,n,r)=>{const{onCheckDimensions:i,onCheckingDimensions:o}=e;if(rO.includes(r))o&&o(!1),i&&i(!0);else if(t){let e=new Image;e.src=a,o&&o(!0),e.onload=()=>{let t=K;if(!t[l]){let a=null===e||void 0===e?void 0:e.height,r=e.width;t[l]={id:l,height:a,width:r,isRealDimensionOk:de(n,r,a)},J(()=>(i&&i(t,l),{...t}))}(null===e||void 0===e?void 0:e.complete)&&0!==(null===e||void 0===e?void 0:e.naturalHeight)&&o&&o(!1)}}},[K]),de=Object(l.useCallback)((e,t,a)=>{let l=!1;if(e&&e.description&&e.description.length>0&&t&&a){let n=e.description;if(t=parseInt(t),a=parseInt(a),n){let e=n.split("|");if(e.length<2)return!0;if(!e[0]||0===e[0].length)return!0;if(!e[1]||0===e[1].length)return!0;if(!/png|jpg|jpeg/i.test(e[1]))return!0;if(Array.isArray(e)&&e[0]&&e[0].length>0){let n=e[0];if(!/px|cm|in/i.test(n))return!0;if(n=n.replace(/,/g,""),n=n.replace(/,/g,""),n=n.replace(/px/g,""),n=n.replace(/cm/g,""),n=n.replace(/\s+/g,""),n.length>0){const e="\xd7";let r=n.split("x");if(Array.isArray(r)&&2!==r.length&&(r=n.split(e)),Array.isArray(r)&&2===r.length){let e=r&&r[0]?parseInt(r[0]):0,n=r&&r[1]?parseInt(r[1]):0;e>0&&n>0&&e===t&&n===a&&(l=!0)}}}}}return l},[]),me=U.length>0?n.a.createElement(D.Y,{vertical:!0},U.map((e,t)=>n.a.createElement("div",{className:"image-wrap",key:"image-"+t},n.a.createElement("div",{className:"image-title-wrap"},V[t]?n.a.createElement(D.X,{size:"small"}):n.a.createElement(D.w,{source:Wl.a}),n.a.createElement("span",null,e.name))))):null,pe=Y&&Z.msg&&n.a.createElement(D.fb,{content:Z.msg,error:!0,duration:2e3,onDismiss:te});return n.a.createElement(nO,{sizeSmall:b,width:j,height:w},pe,n.a.createElement(s.a,{mutation:aO.b},(a,l)=>{let{client:s}=l;return n.a.createElement(n.a.Fragment,null,t||m||!t&&!Q.length>0?n.a.createElement("div",{className:"dropzone_container"},i&&n.a.createElement("div",{className:"design-position-name"},i),n.a.createElement(D.p,{accept:o,type:c,allowMultiple:t,onClick:()=>{},onDrop:(e,t,l)=>ie(e,t,l,a,s)},n.a.createElement("div",{className:"dropzone_wrap",style:{backgroundImage:`url("${(null===p||void 0===p?void 0:p.thumbnailUrl)||(null===p||void 0===p?void 0:p.url)}")`,opacity:p?.7:1}},n.a.createElement("div",{className:"dropzone_inner"},n.a.createElement(D.g,{children:"Media Library",plain:!0,onClick:ae}),n.a.createElement(D.db,null,"Or drop image to upload"),q?null:n.a.createElement("div",{className:"uploaded-wrap"},me)))),n.a.createElement(eO.b,Object.assign({},e,{value:I,open:M,toggleShowModal:()=>{ae(),x(()=>"")},onChange:e=>B(()=>e),onImportUrlsChange:e=>x(()=>e),handleSetFile:ne,loadingImport:$}))):null,Q&&Q.length>0?n.a.createElement("div",{className:"list-file_wrap "+(t||m?"multiple":"")},Q.map((e,t)=>{let a=h===e.id;return n.a.createElement(tO.a,{filesHaveFiles:(Q||[]).map(e=>({file:e})),fromIdeaTask:S,file:e,index:t,key:t,handleRemove:re,isUpdateDesign:r,dPName:i,isMainImg:a,hasMainImg:v,mainImage:{[e.id]:a},hideBtnRemove:k,showTitle:O,setMainImage:t=>{G({[e.id]:t}),f&&f(e.id)}})})):null)}))},oO=S.d.map(e=>({value:String(e),label:String(e)}));
15905function sO(e){let{label:t,labelHidden:a,value:l,onChange:r,required:i}=e;const[o,s]=n.a.useReducer(c.Hb,{selected:l?[l]:[],options:oO,inputValue:""});n.a.useEffect(()=>{if(!l)return;const e=oO.find(e=>[l].includes(e.value));e&&s({inputValue:e.label,selected:[l]})},[l]);const u=n.a.useCallback(e=>{s({inputValue:e});const t=(a=e).match(/[a-zA-Z]/gi)?"":a=a.replace(/[\.\,]/,()=>"\\.");var a;if(!e||!t)return void s({options:oO});const l=new RegExp(t,"gi"),n=oO.filter(e=>!!e.label.match(l));s({options:n})},[]),[d]=Object(mm.a)(),m=n.a.useCallback(e=>{s({selected:e});const t=oO.find(t=>e.includes(t.value));t&&s({inputValue:t.label}),d(()=>{r&&r(e)})},[]),p=n.a.createElement(D.c.TextField,{placeholder:"Choose KPI",value:o.inputValue,onChange:u});return n.a.createElement("div",null,a?null:n.a.createElement(al.a,{label:t||"KPI",required:i}),n.a.createElement(D.c,{options:o.options,onSelect:m,selected:o.selected,textField:p}))}S.d.map(e=>({value:String(e),label:String(e)}));function cO(e){var t;let{item:a,ids:r,onCloseParent:i,...o}=e;const s=null===a||void 0===a||null===(t=a.assignee)||void 0===t?void 0:t.id,u=null!=(null===a||void 0===a?void 0:a.ideaKpi)?String(a.ideaKpi):"0.5",[d,m]=Object(l.useState)(null),[p,g]=Object(l.useState)([]),[A,b]=Object(l.useState)("0.5"),h=Object(l.useRef)(null),{data:f}=Object(De.d)(I.Qb,{variables:{roles:[oe.gb.Designer,oe.gb.DesignLeader]},skip:!o.open||!a||a.designTeamID}),{data:v}=Object(De.d)(I.M,{variables:{designTeamId:null===a||void 0===a?void 0:a.designTeamID},skip:!o.open||!a||!a.designTeamID}),{setNotify:E,toggleToast:y,refetch:C,setFilter:k}=Object(Fa.b)(),[O,{loading:j}]=Object(De.c)(Jt.p,{onCompleted:()=>{E({msg:"Assigned idea task to designer successfully.",err:!1}),o.onClose&&o.onClose(),i&&i(),h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{k&&k(e=>({...e})),C&&C()},1e3)},onError:e=>{E({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}});Object(l.useEffect)(()=>{m(s)},[s]),Object(l.useEffect)(()=>{u&&b(()=>u)},[u]),Object(l.useEffect)(()=>{const e=uO((null===v||void 0===v?void 0:v.getMemberByDesignTeam)||[]);g(e)},[v]),Object(l.useEffect)(()=>{const e=null===f||void 0===f?void 0:f.listUserTeamByRoles;let t=(null===e||void 0===e?void 0:e.length)>0?uO(e):[];g(t)},[f]);const w=Object(l.useCallback)(e=>m(e),[]),S=(Object(l.useCallback)(e=>b(e),[]),Object(l.useCallback)(()=>{if((null===r||void 0===r?void 0:r.length)>0&&A){const e=parseFloat(A);y&&y(!0),E&&E({msg:null,err:!1}),O({variables:{input:{ideaTaskIds:r,designerId:d,kpi:e}}})}},[d,A,r,O,E,y]));return n.a.createElement(D.E,Object.assign({},o,{sectioned:!0,title:"Assign to Designer",large:!0,secondaryActions:[{content:"Close",onAction:o.onClose}],primaryAction:{content:"Submit",onAction:S,disabled:null==d,loading:j}}),n.a.createElement(D.Y,{vertical:!0},n.a.createElement(yl.a,{options:p,onChange:w,label:"Assign to designer",required:!0,value:d}),n.a.createElement("div",null,n.a.createElement(sO,{required:!0,value:A,onChange:e=>b(e?e[0]:A)}))))}function uO(e){return Object(c.c)(e)?[]:e.map(e=>{if(Object(c.Gb)(e))return null;let t="user"in e?e.user:e;const{id:a,firstName:l,lastName:n}=t;return{value:a,label:[l,n].filter(Boolean).join(" ")}}).filter(Boolean)}function dO(e){let{item:t,onCloseParent:a,...r}=e;const i=null===t||void 0===t?void 0:t.id,o=Object(l.useRef)(null),{setNotify:s,toggleToast:u,refetch:d,setFilter:m}=Object(Fa.b)(),[p,{loading:g}]=Object(De.c)(Jt.Cb,{onCompleted:()=>{s({msg:"Deny this task successfully.",err:!1}),r.onClose&&r.onClose(),a&&a(),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{d&&d(),m&&m(e=>({...e}))},1e3)},onError:e=>{s({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),A=Object(l.useCallback)(()=>{null!=i&&(u&&u(!0),s&&s({msg:null,err:!1}),p({variables:{id:i}}))},[i,p,u,s]);return n.a.createElement(D.E,Object.assign({title:"Deny this Task",sectioned:!0,primaryAction:{content:"Submit",onAction:A,loading:g},secondaryActions:[{content:"Close",onAction:r.onClose}]},r),n.a.createElement("p",null,"Are you sure to deny to this task?"))}function mO(e){let{item:t,onCloseParent:a,...r}=e;const i=null===t||void 0===t?void 0:t.id,o=Object(l.useRef)(null),{setNotify:s,toggleToast:u,refetch:d,setFilter:m}=Object(Fa.b)(),[p,{loading:g}]=Object(De.c)(Jt.sd,{onCompleted:()=>{s({msg:"Start this task successfully.",err:!1}),r.onClose&&r.onClose(),a&&a(),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{d&&d(),m&&m(e=>({...e}))},1e3)},onError:e=>{s({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),A=Object(l.useCallback)(()=>{null!=i&&(u&&u(!0),s&&s({msg:null,err:!1}),p({variables:{id:i}}))},[i,p,u,s]);return n.a.createElement(D.E,Object.assign({title:"Start this Task",sectioned:!0,primaryAction:{content:"Submit",onAction:A,loading:g},secondaryActions:[{content:"Close",onAction:r.onClose}]},r),n.a.createElement("p",null,"Are you sure to start to this task?"))}const pO=Object(l.createContext)(null);pO.displayName="CreateIdeaContext";const gO="UpdateProduct",AO="AddProducts",bO="UpdateBase",hO="UpdateStateIdea",fO={[hO](e,t){const{payload:a}=t;return{...e,...a}},[gO](e,t){const{index:a,newValue:l}=t.payload;return{...e,products:e.products.map((e,t)=>t===a?{...e,...l}:e)}},[AO]:(e,t)=>({...e,products:t.payload}),[bO](e,t){const{index:a,base:l}=t.payload,n=null===l||void 0===l?void 0:l.id;return{...e,products:e.products.map((e,t)=>t===a?{...e,bases:e.bases.map(e=>e.id===n?{...e,...l}:e)}:e)}}};function vO(e,t){return Object(c.Cb)(t.type,fO,e,t)}const EO={products:[]};function yO(e){let{children:t,setChanged:a,setCanContinue:r,...i}=e;const[o,s]=Object(l.useReducer)(vO,EO),c=o.products,u=Object(l.useCallback)(e=>{a&&a(!0),c.push(e),s({type:gO,payload:c})},[s,c,a]),d=Object(l.useCallback)(e=>{e<=-1||(a&&a(!0),c.splice(e,1),s({type:gO,payload:c}))},[s,c,a]),m=Object(l.useCallback)(e=>{if(e<=-1)return;a&&a(!0);const t=c.find((t,a)=>e===a);if(null!=t){const{id:a,...l}=t,n=Object.assign({},JSON.parse(JSON.stringify(l)));c.splice(e+1,0,n)}return s({type:gO,payload:c}),c.length},[s,c,a]),p=Object(l.useCallback)((e,t)=>{e<=-1||s({type:gO,payload:{index:e,newValue:t}})},[s]),g=Object(l.useCallback)(e=>{(null===e||void 0===e?void 0:e.length)>0&&s({type:AO,payload:e})},[s]),A=Object(l.useCallback)((e,t)=>{e<=-1||s({type:bO,payload:{index:e,base:t}})},[s]);Object(l.useEffect)(()=>{s({type:hO,payload:{products:[]}})},[s]),Object(l.useEffect)(()=>{const e=(c||[]).every(e=>{var t;return(null===(t=e.bases)||void 0===t?void 0:t.length)>0&&e.bases.some(e=>{var t;return(null===e||void 0===e||null===(t=e.mockupTemplates)||void 0===t?void 0:t.length)>0})});r(e)},[c,r]);const b=Object(l.useMemo)(()=>({...o,addProduct:u,removeProduct:d,duplicateProduct:m,updateProduct:p,addProducts:g,updateBase:A,setChanged:a,...i}),[o,u,d,m,p,g,A,a,i]);return n.a.createElement(pO.Provider,{value:b},t)}function CO(){return Object(l.useContext)(pO)}function kO(e){let{value:t,onCompleted:a}=e;const[r]=Object(De.c)(Jt.fb,{onError:()=>{}}),i=Object(l.useCallback)(e=>{e.stopPropagation();r({variables:{input:{name:t}}}).then(e=>{const t=e.data.createNiche;a&&a(t)}).catch(()=>{})},[r,a,t]);return n.a.createElement(OO,null,n.a.createElement("button",{className:"btn-add",onClick:i},n.a.createElement(D.Y,{spacing:"extraTight",wrap:!1},n.a.createElement(D.w,{source:pl.a,color:"indigo"}),n.a.createElement(D.db,{variation:"strong"},"Add "),n.a.createElement(D.db,null,t))))}const OO=j.b.div` 15906 .btn-add { 15907 appearance: none; 15908 margin: 0; 15909 padding: 0; 15910 background: none; 15911 border: none; 15912 font-size: inherit; 15913 line-height: inherit; 15914 cursor: pointer; 15915 color: inherit; 15916 text-decoration: none; 15917 display: block; 15918 width: 100%; 15919 min-height: 3.6rem; 15920 padding: 0.8rem 1.4rem; 15921 text-align: left; 15922 overflow-y: hidden; 15923 15924 :hover { 15925 background-image: linear-gradient( 15926 rgba(223, 227, 232, 0.3), 15927 rgba(223, 227, 232, 0.3) 15928 ); 15929 } 15930 15931 :focus { 15932 outline: none; 15933 } 15934 15935 .Polaris-Icon { 15936 margin-right: 3px; 15937 } 15938 } 15939`;function jO(e){let{value:t,allowMultiple:a,onChange:r,label:i,labelHidden:o,getCoupleValue:s,haveQuickAdd:u,required:d,errorMessage:m,limit:p}=e;const[g,A]=Object(l.useState)([]),[b,h]=Object(l.useState)([]),[f,v]=Object(l.useState)(null),[E,y]=Object(l.useState)([]),[k,O]=Object(l.useState)(!1),[j,w]=Object(l.useState)({limit:p||20,offset:0,search:void 0}),S=Object(l.useRef)(null),{data:B,loading:P,error:x}=Object(De.d)(I.P,{variables:{filter:j},fetchPolicy:"network-only"});Object(l.useEffect)(()=>{let e=[],l=[];t&&Object(C.isArray)(t)&&(l=t.map(t=>"object"===typeof t?(e.push(t.id),{label:t.name,value:t.id}):(e.push(t),null))),e=a?e:[t],l.length&&l.filter(Boolean).length>0&&(A(e=>Object(c.eb)([...e,...l],"value")),y(e=>Object(c.eb)([...e,...t],"id"))),h(e)},[t,a]),Object(l.useEffect)(()=>{var e,t;if((null===B||void 0===B||null===(e=B.niches)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0){let e=(e=>{let t=[];const a=function(e){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";
15939e.forEach(e=>{let n={label:l&&""!==l?l+" "+e.name:e.name,value:e.id};t.push(n),e&&e.parent&&e.parent.length>0&&a(e.parent,l+"--")})};return a(e,""),t})(B.niches.nodes);A(e)}else A([])},[B]);const M=Object(l.useCallback)(e=>{v(e),S.current&&clearTimeout(S.current),S.current=setTimeout(()=>{w(t=>({...t,search:e}))},500)},[]);Object(l.useEffect)(()=>{let e=T(f,g);O(e)},[f,g]);const T=Object(l.useCallback)((e,t)=>{if(!e)return;let a=t.find(t=>{var a;return(null===(a=t.label)||void 0===a?void 0:a.toLowerCase())===e.toLowerCase()});return!t||!a},[]),Q=Object(l.useCallback)(e=>{const t=e.map(e=>{const t=g.find(t=>t.value===e);return t&&t.label});h(e);let l=Object(C.get)(B,"niches.nodes",[]);l=l&&(e=>{let t=[];const a=e=>{e.forEach(e=>{t.push(e),e&&e.parent&&e.parent.length>0&&a(e.parent)})};return a(e),t})(l);let n=l&&l.length>0?l.filter(t=>e.includes(t.id)):[];if(y(t=>{let a=Object(c.eb)([...t,...n],"id");return a=a.filter(t=>e.includes(t.id)),a}),r){if(a)return void r(s?n:e);r(Object(C.head)(e))}v(Object(C.head)(t))},[g,B]),R=Object(l.useCallback)(e=>{let t=b.filter(t=>t!==e),l=E.filter(t=>t.id!==e);h(t),y(l),r&&a&&r(t)},[b,E]),F=Object(l.useCallback)(e=>{if(e){let t={value:e.id,label:e.name},l=[],n=[];A(e=>(n=[t,...e],n)),h(e=>(l=[t.value,...e],r&&a&&r(l),l)),y(t=>{let a=Object(c.eb)([...t,e],"id");return a=a.filter(e=>l.includes(e.id)),a}),O(!1)}},[]),N=n.a.createElement(D.c.TextField,{onChange:M,label:i||"Parents niches",labelHidden:!0,value:f,placeholder:"Search for niches",error:m});if(x)return n.a.createElement("div",null,"Error: ",Object(c.ib)(x.toString()));const U=u&&k&&n.a.createElement(kO,{value:f,onCompleted:F});return n.a.createElement("div",null,o?null:n.a.createElement(al.a,{required:d,label:i||"Parents niche"}),n.a.createElement(D.c.ComboBox,{options:g,selected:b,onSelect:Q,textField:N,loading:P,allowMultiple:a,contentBefore:U,emptyState:n.a.createElement("span",null,"No items found!")}),a&&E&&E.length>0?n.a.createElement(wO,null,E.map(e=>n.a.createElement(D.ab,{children:e.name,onRemove:()=>R(e.id),key:e.id}))):null)}const wO=j.b.div` 15940 display: flex; 15941 padding-top: 0.8rem; 15942 flex-wrap: wrap; 15943 > * { 15944 margin-right: 0.8rem; 15945 margin-bottom: 0.8rem; 15946 } 15947`;var SO=a(47);function IO(e){let{item:t,open:a,onClose:r,refetchIdea:i}=e;const o=null===t||void 0===t?void 0:t.id,s=null!=(null===t||void 0===t?void 0:t.ideaKpi)?String(t.ideaKpi):"",[u,d]=Object(l.useState)("0.5"),{setNotify:m,toggleToast:p,refetch:g}=Object(Fa.b)(),[A,{loading:b}]=Object(De.c)(Jt.id,{onCompleted:()=>{m({msg:"Update idea kpi successfully.",err:!1}),r&&r(),g&&g(),i&&i()},onError:e=>{m({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}});Object(l.useEffect)(()=>{d(()=>s)},[s]);const h=Object(l.useCallback)(()=>{null!=o&&(p&&p(!0),m({msg:null,err:!1}),A({variables:{id:o,kpi:parseFloat(u)}}))},[A,o,u,p,m]),f=Object(l.useMemo)(()=>S.d.map(e=>{const t=String(e);return{value:t,label:t,disabled:u===t}}),[u]);return n.a.createElement(D.E,{title:"Update Idea KPI",sectioned:!0,open:a,onClose:r,secondaryActions:[{content:"Close",onAction:r}],primaryAction:{content:"Submit",onAction:h,loading:b}},n.a.createElement(D.Q,{label:"Idea KPI",options:f,value:u,id:"ideaKpi",onChange:d}))}var BO=a(471),DO=a(552);function PO(e){let{taskId:t}=e;const[a,r]=Object(l.useState)(0),i=Object(l.useCallback)(e=>r(e),[]),o=[n.a.createElement(BO.a,{taskId:t,hideTitle:!0}),n.a.createElement(DO.a,{taskId:t})];return n.a.createElement(xO,{firstItem:a},n.a.createElement(D.Z,{tabs:[{id:"activities",content:"Activities",panelID:"activities"},{id:"timelines",content:"Timelines",panelID:"timelines"}],selected:a,onSelect:i},n.a.createElement("div",{className:"tab-content"},o[a])))}const xO=j.b.div` 15948 padding-bottom: 2rem; 15949 margin-top: 2rem; 15950 border-top: 1px solid #c4cdd5; 15951 ${e=>{let{firstItem:t}=e;return!t&&"margin-bottom: 3rem;"}} 15952 15953 .tab-content { 15954 padding-top: 0.5rem; 15955 } 15956`;function MO(e){let{value:t,onChange:a,canEdit:l}=e;return n.a.createElement("div",null,n.a.createElement(D.z,{label:"Description"}),n.a.createElement(Kt.a,{value:t,onChange:a,disabled:!l}))}function TO(e){let{value:t,refetchIdea:a}=e;const{kpi:l,defaultKpi:r,assigneeId:i}=t||{},o=null!=l?l:r,{currentUser:s}=Object(te.c)(),[u,d]=n.a.useReducer(c.Hb,{open:!1,kpi:o}),{isIdea:m,isSeller:p,isMarketplaceManager:g,isStoreManager:A,isDesignLeader:b}=Object(c.j)(s),h=p||g||A||b,{isDoing:f,isRejected:v,isNeedReview:E,isDenied:y,isDone:C}=Object(SO.b)((null===t||void 0===t?void 0:t.status)||""),k=Object(c.rb)(s),O=f||v||E||y||C,j=n.a.useCallback(e=>()=>{d({open:e})},[]);
15956return i?m||!o?null:n.a.createElement(D.Y,{alignment:"center"},n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.db,{variation:"strong"},"Design KPI: ",o)),h&&!k&&O?n.a.createElement(n.a.Fragment,null,n.a.createElement(D.g,{children:"Update Design KPI",size:"slim",onClick:j(!0)}),n.a.createElement(QO,{currentKpi:o,id:null===t||void 0===t?void 0:t.id,open:u.open,onClose:j(!1),refetchIdea:a})):null):null}function QO(e){let{open:t,onClose:a,currentKpi:l,id:r,refetchIdea:i}=e;const[o,s]=n.a.useState(l+""),{setNotify:u,toggleToast:d}=Object(Fa.b)();n.a.useEffect(()=>{s(l+"")},[l]);const m=n.a.useRef(null),[p,{loading:g}]=Object(De.c)(Jt.qe,{onCompleted:()=>{u({msg:"Update Design KPI successfully",err:!1}),a&&a(),m&&window.clearTimeout(m.current),m.current=window.setTimeout(()=>{i&&i()},1e3)},onError:e=>{u({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),A=n.a.useCallback(()=>{r&&l!==o&&(d&&d(),u&&u({msg:null,err:!1}),p({variables:{taskID:r,newKpi:o}}))},[p,o,r,l]);n.a.useMemo(()=>S.d.map(e=>{const t=String(e);return{value:t,label:t,disabled:o===t}}),[o]);return n.a.createElement(D.E,{title:"Update Design KPI",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Submit",onAction:A,loading:g},secondaryActions:[{content:"Cancel",onAction:a}]},n.a.createElement(sO,{label:"Design KPI",value:o,onChange:e=>s(e?e[0]:o)}))}function RO(e){let{fields:t,handleFieldsChange:a,errors:r,status:i,value:o,isAdminSeller:s,isRoleIdea:c,refetchIdea:u}=e;const{isClone:d}=CO()||{},m=Object(l.useCallback)(e=>{a(e,"medias")},[a]),p=oe.eb.find(e=>e.name===i),g=n.a.createElement(D.Y,null,n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.v,{children:"Idea Info"})),null!=p&&!d&&n.a.createElement(D.e,Object.assign({children:p.name},p))),A=t.medias,b=(A||[]).map(e=>({file:e})),h=FO(A),f=qO(null===o||void 0===o?void 0:o.createBy),v=null===o||void 0===o?void 0:o.assignee,E=qO(v),{collectionIds:y,tagIds:C,nicheIds:k}=t||{},{isPending:O,isDraft:j,isDeclined:w}=Object(SO.b)(i),S=(s||c)&&(null==i||O||j||d||w);let I,B,P;S||(I=_O(y),B=_O(C),P=_O(k));const{declineReason:x}=o||{};return n.a.createElement(JO,{className:"idea-section"},n.a.createElement(D.i.Section,{title:g},n.a.createElement(D.Y,{spacing:"loose",vertical:!0},S?n.a.createElement("div",null,n.a.createElement(al.a,{label:"Title",required:!0}),n.a.createElement(D.cb,{value:t.title,placeholder:"Idea title",id:"title",onChange:a,error:r.title})):n.a.createElement(HO,{label:"Title"},n.a.createElement("span",null,t.title)),S?n.a.createElement(MO,{value:t.description,canEdit:!0,onChange:e=>a(e,"description")}):n.a.createElement(MO,{value:t.description,onChange:e=>a(e,"description")}),S?n.a.createElement(Av.CollectionSelectPolaris,{label:"Collections",required:!0,allowMultiple:!0,getCoupleValue:!0,value:t.collectionIds,errorMessage:r.collectionIds,haveQuickAdd:!0,onChange:e=>a(e,"collectionIds")}):n.a.createElement(HO,{label:"Collections"},I),S?n.a.createElement(bv.TagsSelectPolaris,{label:"Tags",required:!0,allowMultiple:!0,getCoupleValue:!0,haveQuickAdd:!0,value:t.tagIds,errorMessage:r.tagIds,onChange:e=>a(e,"tagIds")}):n.a.createElement(HO,{label:"Tags"},B),S?n.a.createElement(jO,{label:"Niches",allowMultiple:!0,haveQuickAdd:!0,value:t.nicheIds,getCoupleValue:!0,onChange:e=>a(e,"nicheIds")}):n.a.createElement(HO,{label:"Niches"},P),n.a.createElement(LO,{value:t.relatedProductIds,onChange:a,canUpdate:S}),S?n.a.createElement("div",null,n.a.createElement(D.z,{label:"Media"}),n.a.createElement(iO,{value:t.medias,multiple:!0,singleUpload:!0,accept:"image/*",sizeSmall:!0,onChange:m,showTitle:!0,width:120,height:120,fromIdeaTask:!0})):n.a.createElement("div",null,n.a.createElement(D.z,{label:"Media:"}),n.a.createElement(UO,{files:b},h)),f&&!d&&n.a.createElement("div",null,n.a.createElement("span",{className:"label-inline"},"Idea owner: "),n.a.createElement("span",null,f)),E&&!d&&n.a.createElement("div",null,n.a.createElement("span",{className:"label-inline"},"Designer: "),n.a.createElement("span",null,E)),n.a.createElement(VO,{selected:t.ideaKpi,onChange:a,assignee:v,canUpdate:S,value:o,refetchIdea:u,isClone:d}),n.a.createElement(TO,{value:o,refetchIdea:u}),n.a.createElement(D.j,{label:"Prioritize this task",checked:t.priority,id:"priority",onChange:a}),w&&null!=x&&n.a.createElement("div",null,n.a.createElement("span",{className:"label-inline"},"Decline Reason: "),n.a.createElement("span",null,x)),o&&!d&&(s||c)&&n.a.createElement(PO,{taskId:null===o||void 0===o?void 0:o.id}))))}function FO(e,t){return e&&0!==e.length?e.map((e,a)=>{const{thumbnailUrl:l,url:r,mockupId:i,name:o,id:s,mimeType:c}=e||{},u=l||r||ze.a,d=oe.A.includes(c);return n.a.createElement(NO,{className:"image-wrap",key:"media-"+a},n.a.createElement("div",{className:"img-box-shadow img-item",key:"media-"+a,style:{cursor:"pointer"}},(t||[]).includes(i)&&n.a.createElement(D.j,{checked:!0}),d&&n.a.createElement("img",{src:u,"thumbnail-url":l,url:r,width:150,height:150,id:s,alt:""})),n.a.createElement("span",{title:o,className:"image-name"},d?o:n.a.createElement(jn.a,{href:r||l},o)))}):null}const NO=j.b.div` 15957 --width: 15rem; 15958 15959 width: var(--width, 150px); 15960 15961 .image-name { 15962 display: -webkit-box; 15963 max-width: 200px; 15964 -webkit-line-clamp: 2; 15965 -webkit-box-orient: vertical; 15966 overflow: hidden; 15967 word-break: break-all; 15968 15969 margin-top: 0.5rem; 15970 } 15971`;function UO(e){let{children:t,suffixEl:a,files:r}=e;const[i,o]=Object(Ee.a)(!1),[s,c]=Object(l.useState)([]),u=n.a.Children.map(t,e=>n.a.cloneElement(e,{onClick:()=>{var t,a;o();const l=((null===e||void 0===e||null===(t=e.props)||void 0===t?void 0:t.children)||[]).find(e=>{var t;return new RegExp("img-item").test(null===e||void 0===e||null===(t=e.props)||void 0===t?void 0:t.className)}),n=((null===l||void 0===l||null===(a=l.props)||void 0===a?void 0:a.children)||[]).filter(
15971Boolean),r=n instanceof Array?n.find(e=>"img"===e.type):n;if(null!=r){const{props:e}=r,{id:t}=e||{},a=s.findIndex(e=>{var a;return(null===e||void 0===e||null===(a=e.file)||void 0===a?void 0:a.id)===t});if(a>-1){const e=[s[a],...s.filter((e,t)=>t!==a)];c(e)}}}}));Object(l.useEffect)(()=>{(null===r||void 0===r?void 0:r.length)>0&&c(r)},[r]);const d=(s||[]).filter(e=>null===e||void 0===e?void 0:e.file);return n.a.createElement(KO,{className:"media-wrapper"},u,n.a.createElement(rs.a,{item:{images:d},open:i,toggleShowModal:o,large:!0}),a)}function LO(e){let{value:t=[],onChange:a,canUpdate:r}=e;const i=Object(l.useCallback)(e=>{a(e,"relatedProductIds")},[a]),o="Related with exists products",s=(t||[]).map((e,t)=>{const{title:a,images:l,sku:r,hasPsdInNas:i,designPositions:o,productBases:s}=e||{},c=(s||[]).map(e=>{const{id:t}=e||{},a=(o||[]).filter(e=>{const{designPosition:a,file:l}=e||{},{productBaseId:n}=a||{};return n===t&&null!=l});return{...e,designPositions:a}});let u=(null===l||void 0===l?void 0:l.length)>0?l.map(e=>e.file):[];const d=(null===c||void 0===c?void 0:c.length)>0?n.a.createElement("div",null,n.a.createElement(D.v,null,"Print file:"),n.a.createElement("div",{className:"bases-wrap"},null===c||void 0===c?void 0:c.map((e,t,a)=>{const{title:l,designPositions:r}=e||{},i=a.length>1,o=n.a.createElement("span",{title:l},l);return n.a.createElement("div",{key:"base-"+t},i&&o,n.a.createElement("div",null,(r||[]).map((e,t)=>n.a.createElement($O,{key:"design-position-"+t,value:e}))))}))):null;return n.a.createElement("div",{className:"product-wrap",key:"related-product-"+t},n.a.createElement(ci.default,{files:{files:u},limit:1,width:150,height:150}),n.a.createElement("div",{className:"info"},n.a.createElement("span",null,a),n.a.createElement(D.e,{children:r}),i&&n.a.createElement(D.e,{children:"Has PSD in Nas",status:"success"}),d))});return r?n.a.createElement(QC.b,{label:o,value:t,allowMultiple:!0,onChange:i,hasSku:!0}):n.a.createElement(HO,{label:o},n.a.createElement(GO,null,s))}function VO(e){let{selected:t,onChange:a,assignee:r,canUpdate:i,value:o,refetchIdea:s,isClone:u}=e;const{currentUser:d}=Object(te.c)(),{isSeller:m,isStoreManager:p,isIdea:g,isIdeaLeader:A,isDesignLeader:b}=Object(c.j)(d),h=m||p,f=g||A,v=Object(l.useMemo)(()=>S.d.map(e=>{const a=String(e);return{value:a,label:a,disabled:t===a}}),[t]),{ideaKpi:E}=o||{};return h||f?n.a.createElement("div",{className:"kpi-wrap"},(null==r||u)&&i?h?n.a.createElement(D.Q,{label:"Idea KPI",options:v,value:t,id:"ideaKpi",onChange:a}):n.a.createElement("span",null):n.a.createElement(zO,{value:o,refetchIdea:s},n.a.createElement("span",{className:"label-inline"},"Idea KPI: "),n.a.createElement("span",null,t))):b&&E?n.a.createElement("span",null,n.a.createElement(D.db,{variation:"strong"},"Idea KPI: "),n.a.createElement("span",null,E)):null}function zO(e){let{children:t,value:a,refetchIdea:l}=e;const[r,i]=Object(Ee.a)(!1);return n.a.createElement(D.Y,{alignment:"center"},n.a.createElement(D.Y.Item,{fill:!0},t),n.a.createElement(D.g,{children:"Update KPI",onClick:i,size:"slim"}),n.a.createElement(IO,{open:r,onClose:i,item:a,refetchIdea:l}))}function qO(e){if(!e)return null;const{firstName:t,lastName:a}=e||{};return[t,a].filter(Boolean).join(" ")}function HO(e){let{label:t,children:a}=e;return n.a.createElement("div",null,n.a.createElement(D.z,{label:t+": "}),a)}function $O(e){let{value:t}=e;const{designPosition:a,file:l}=t||{},{name:r}=a||{},i=(null===l||void 0===l?void 0:l.url)?l.url:(null===l||void 0===l?void 0:l.thumbnailUrl)?l.thumbnailUrl:null;return n.a.createElement("span",{className:"design-positions-item"},n.a.createElement(jn.a,{href:i},r))}function _O(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"name";if(!e||0===e.length)return null;const a=e.map((e,a)=>{if("object"===typeof e&&t in e){const l=`${t}-${e[t]}-${a}`;return n.a.createElement(D.ab,{children:e[t],key:l})}return null}).filter(Boolean);return n.a.createElement(D.Y,{spacing:"tight"},a)}const GO=j.b.div` 15972 display: flex; 15973 flex-direction: column; 15974 row-gap: 2rem; 15975 15976 .product-wrap { 15977 display: flex; 15978 flex-direction: row; 15979 15980 .bases-wrap { 15981 padding-left: 1rem; 15982 display: flex; 15983 flex-direction: column; 15984 row-gap: 0.7rem; 15985 15986 .design-positions-item + .design-positions-item { 15987 margin-left: 0.5rem; 15988 display: inline-block; 15989 } 15990 } 15991 15992 img { 15993 width: 15rem; 15994 height: 15rem; 15995 } 15996 15997 .info { 15998 display: flex; 15999 flex-direction: column; 16000 row-gap: 0.5rem; 16001 word-break: break-word; 16002 16003 .Polaris-Badge { 16004 align-self: baseline; 16005 } 16006 16007 .Polaris-Badge.Polaris-Badge--statusSuccess { 16008 background: rgb(0, 24, 51); 16009 color: rgb(45, 170, 255); 16010 } 16011 } 16012 } 16013`,KO=j.b.div` 16014 display: flex; 16015 flex-direction: row; 16016 flex-wrap: wrap; 16017 gap: 1.6rem; 16018`,JO=j.b.div` 16019 .list-file_wrap { 16020 &.multiple { 16021 flex-direction: row; 16022 align-items: start; 16023 16024 .file { 16025 &-item { 16026 flex-direction: column; 16027 row-gap: 0.5rem; 16028 height: auto; 16029 } 16030 16031 &-name { 16032 display: -webkit-box; 16033 max-width: 200px; 16034 -webkit-line-clamp: 2; 16035 -webkit-box-orient: vertical; 16036 overflow: hidden; 16037 word-break: break-all; 16038 } 16039 } 16040 } 16041 } 16042`;function YO(e){let{isCampaign:t,open:a,onClose:r,handleContinue:i,handleChange:o,handleFulfillmentChange:s,fulfillmentId:u,selectedProductBases:d}=e;Object(l.useEffect)(()=>{const e=document.querySelector("#select-product-modal"),t=document.querySelectorAll(".Polaris-Modal-Dialog__Modal");for(const a of t)Object(c.u)(a,e)&&a.setAttribute("style","max-width: calc(100% - 2.5rem); max-height: calc(100vh - 2.5rem); height: 100vh")});const m=Object(l.useCallback)(()=>{r(),i()},[r,i]),p=t?"s":"";return n.a.createElement(D.E,{title:"Select Product base"+p,open:a,onClose:r,large:!0,primaryAction:{content:"Continue",onAction:m}},n.a.createElement("div",{id:"select-product-modal"},n.a.createElement(HA,{onFulfillmentChange:s,fulfillmentId:u,value:d,onChange:o,multiple:t,noHeader:!0})))}const WO=Object(l.forwardRef)((function(e,t){let{open:a,onClose:r,base:i,updateBase:o}=e;const[s,u]=Object(l.useState)([]),[d,m]=Object(l.useState)([]),p=Object(l.useCallback)(()=>{const e=[...(null===i||void 0===i?void 0:i.variants)||[]],t=[],a=e.length>0?e.filter(e=>null===e||void 0===e?void 0:e.productBaseVariant).sort((e,t)=>
16042e.productBaseVariant.sorting-t.productBaseVariant.sorting).map(e=>{const{disabled:a,productBaseVariant:l,productBaseVariantId:n}=e||{},r=null===l||void 0===l?void 0:l.attributes,i=(null===r||void 0===r?void 0:r.length)>0?r.map(e=>e.option).join(" / "):null;return a||t.push(n),{value:n,label:i}}):[];u(a),m(t)},[i]);n.a.useImperativeHandle(t,()=>({update:()=>{p()}})),Object(l.useEffect)(()=>{p()},[p]);const g=Object(l.useCallback)(e=>{if(0!==e.length){if(m(e),null!=i){const t=(i.variants||[]).map(t=>{const a=t.productBaseVariantId,l=e.includes(a);return{...t,disabled:!l}});o({...i,variants:t})}}else alert("You must keep at least one option for each attributes")},[i,o]);return Object(l.useEffect)(()=>{const e=document.querySelector("#view-variants"),t=document.querySelectorAll(".Polaris-Modal-Dialog__Modal");for(const a of t)Object(c.u)(a,e)&&a.setAttribute("style","max-height: calc(100vh - 5rem); height: calc(100vh)")}),n.a.createElement(D.E,{open:a,onClose:r,title:"View all Variants",sectioned:!0,primaryAction:{content:"Done",onAction:r},large:!0},n.a.createElement(ZO,{id:"view-variants"},n.a.createElement(D.k,{choices:s,allowMultiple:!0,selected:d,onChange:g})))})),ZO=j.b.div` 16043 .Polaris-ChoiceList__Choices { 16044 display: flex; 16045 flex-direction: row; 16046 column-gap: 2rem; 16047 flex-wrap: wrap; 16048 16049 > li { 16050 width: calc(34% - 2rem); 16051 } 16052 } 16053`;var XO=a(1541),ej=a(370);function tj(e){let{base:t,handleUpdateBase:a,item:r,hideTitle:i,hideBtnRemove:o,taskId:s,isTeamLeader:c,handleChange:u}=e;const{status:d,id:m,mainMockups:p}=r||{},{isApproved:g,isNeedReview:A,isRejected:b}=Object(SO.b)(d),{id:h,designPositions:f=[],designPositionsForGen:v=[],mockupTemplates:E,customMockups:y=[]}=t||{},C=(null===E||void 0===E?void 0:E.length)>0,k=[m,h].filter(Boolean).join("-"),O=g||A?f.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.length)>0}):f,j=g||A?v.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.length)>0}):v,{setErrorDimensions:w}=CO(),[S,I]=Object(l.useState)(!1),[B,P]=Object(l.useState)(p||[]);Object(l.useEffect)(()=>{(null===p||void 0===p?void 0:p.length)>0&&P(p)},[p]);const x=Object(l.useCallback)((e,l)=>{t.designPositions=lj(t.designPositions,l,e),a&&a(t)},[t,a]),M=Object(l.useCallback)(e=>{var l;const n=(null===(l=t.designPositions)||void 0===l?void 0:l.length)>0?[...t.designPositions]:[];e?(t.designPositions=nj(n,!0),a&&a(t)):(t.designPositions=nj(n),a&&a(t)),I(e)},[t,a]),T=Object(l.useCallback)((e,l)=>{t.designPositions=lj(t.designPositions,l,e,!1),a&&a(t)},[a,t]),Q=Object(l.useCallback)(e=>{t.customMockups=e,a&&a(t)},[a,t]),R=n.a.createElement(Xw,{targetId:k,designPositions:O,handleFileChange:x,setErrorDimensions:w,checked:g,hideBtnRemove:g||o,showArtGuide:c&&A,approveProps:{item:r,taskId:s}}),F=(null===j||void 0===j?void 0:j.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.length)>0}).length)>0;let N=(null===O||void 0===O?void 0:O.length)>0&&C;(g||A)&&(N=N&&F);const U=b||A,L=Object(l.useCallback)((function(e,t){let a=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!e||null==t)return;let l=[...B];const n=l.findIndex(e=>e===t);n>-1?l.splice(n,1):l=[t],u&&u({clone:l,isCustom:a})}),[B,u]),V=Object(l.useCallback)(e=>{L(!0,e,!0)},[L]);return n.a.createElement(ij,{hideTitle:i},!i&&n.a.createElement(D.v,{children:"Print file"}),n.a.createElement(D.Y,{vertical:!0},(null===O||void 0===O?void 0:O.length)>0?R:null,N&&n.a.createElement("div",null,n.a.createElement(D.j,{checked:F||S,onChange:M,label:n.a.createElement(D.db,{variation:"strong",children:"Using separate files for generating mockup"})}),(F||S)&&n.a.createElement(Xw,{checked:!0,targetId:k+"-gen",designPositions:j,handleFileChange:T,setErrorDimensions:w,hideBtnRemove:o})),((null===y||void 0===y?void 0:y.length)>0&&A||!A)&&n.a.createElement(oj,{isNeedReview:A},n.a.createElement(D.Y,{distribution:"equalSpacing",alignment:"center",spacing:"none"},n.a.createElement(D.z,{label:"Custom mockups"}),n.a.createElement(ej.a,{files:y,filename:s})),n.a.createElement(iO,{multiple:!0,accept:"image/*",onChange:Q,sizeSmall:!0,value:y,hideBtnRemove:o||A,setMainImage:V,hasMainImg:!0,mainImageId:(null===B||void 0===B?void 0:B.length)>0?B[0]:null,fromIdeaTask:!0})),n.a.createElement(aj,{taskBaseSubmissions:null===t||void 0===t?void 0:t.taskBaseSubmissions,canUpdateMainImage:U,mainImageId:B,handleChecked:L})))}function aj(e){let{taskBaseSubmissions:t,mainImageId:a}=e;const[r]=t||[],{taskBaseMockups:i}=r||{},o=(i||[]).map(e=>(null===e||void 0===e?void 0:e.outputMockup)?{...e.outputMockup,isMainMockup:e.isMainMockup,mockupId:e.id}
16053:null).filter(Boolean),[s,c]=Object(Ee.a)(!1),u=Object(l.useMemo)(()=>{const e=[],t=[],a=[...o],l=a.find(e=>e.isMainMockup),n=a.filter(e=>!e.isMainMockup),r=l?[l,...n]:n;for(let i=0;i<r.length;i++){const a=r[i];i<3?e.push(a):t.push(a)}return{threeItems:e,remainItems:t.map(e=>({file:e}))}},[o]),{threeItems:d,remainItems:m}=u,p=FO(d,a),g=(d||[]).map(e=>({file:e})),A=(null===m||void 0===m?void 0:m.length)>0&&n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{className:"more-action"},n.a.createElement(D.g,{icon:XO.a,plain:!0,onClick:c})),n.a.createElement(rs.a,{item:{images:[...m,...g]},open:s,toggleShowModal:c,large:!0})),b=[...g,...m];return(null===o||void 0===o?void 0:o.length)>0&&n.a.createElement(rj,null,n.a.createElement(D.v,{children:"Generated mockups",element:"h4"}),n.a.createElement(UO,{children:p,suffixEl:A,files:b}))}function lj(e,t,a){let l=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];return e&&0!==e.length?e.map(e=>(e.id===t&&(l?e.file=a:e.generateMockupFile=a),e)):null}function nj(e,t){return e&&0!==e.length?e.map(e=>{const{generateMockupFile:a,...l}=e||[];return t?e:l}):[]}const rj=j.b.div` 16054 .media-wrapper { 16055 align-items: end; 16056 } 16057 16058 .more-action { 16059 margin-bottom: -1rem; 16060 } 16061 16062 .img-box-shadow { 16063 position: relative; 16064 16065 .Polaris-Choice { 16066 position: absolute; 16067 top: 0; 16068 left: 0; 16069 padding: 0; 16070 16071 &__Control { 16072 margin-top: 0; 16073 } 16074 } 16075 } 16076`,ij=j.b.div` 16077 --width: 16rem; 16078 16079 ${e=>{let{hideTitle:t}=e;return!t&&"margin-top: 1.6rem;\n padding-top: 1.6rem;\n border-top: 1px solid #c4cdd5;"}} 16080 16081 .dp-wrap { 16082 display: flex; 16083 flex-flow: row wrap; 16084 gap: 1.6rem; 16085 16086 .dp-inner { 16087 width: var(--width); 16088 16089 .Polaris-DropZone, 16090 .list-file_wrap { 16091 height: var(--width); 16092 16093 .file_wrap { 16094 height: var(--width); 16095 width: var(--width); 16096 } 16097 } 16098 } 16099 } 16100`,oj=j.b.div` 16101 --width: 16rem; 16102 ${e=>{let{isNeedReview:t}=e;return t&&".dropzone_container {\n display: none;\n }"}} 16103 16104 .Polaris-DropZone { 16105 height: var(--width); 16106 width: var(--width); 16107 } 16108 16109 .list-file_wrap.multiple { 16110 .file-item { 16111 height: var(--width); 16112 width: var(--width); 16113 border: none; 16114 } 16115 .file_wrap { 16116 width: 100%; 16117 height: 100%; 16118 } 16119 } 16120`;var sj=a(215);const cj=[SO.a["Need Review"],SO.a["File Generating"]];function uj(e){let{open:t,toggleOpen:a,onClose:r,onCloseParent:i,id:o,handleResubmit:s,taskBaseGroups:u,assignee:d,handleBackToDetail:m,isFileGenerating:p,item:g}=e;const{products:A}=CO(),{setNotify:b,toggleToast:h,setFilter:f,refetch:v}=Object(Fa.b)(),{currentUser:E}=Object(te.c)(),{id:y}=E||{},{isDesignLeader:C}=Object(c.j)(E),k=(null===d||void 0===d?void 0:d.id)===y,O=Object(l.useRef)(null),j=Object(l.useRef)(null),S=Object(l.useRef)(null),I=Object(l.useRef)(u);I.current=u;const[B,P]=Object(l.useState)(!1),[x,M]=Object(l.useState)(!1),{data:T}=Object(De.e)(sj.a),[Q,{loading:R}]=Object(De.c)(Jt.ld,{onCompleted:()=>{b({msg:"Submit to review for this task successfully.",err:!1}),G()},onError:e=>{b({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),[F]=Object(De.c)(Jt.bd),[N]=Object(De.c)(Jt.U,{onCompleted:e=>{null===e||void 0===e||e.createCustomMockupForIdeaTask},onError:()=>{}}),[U]=Object(De.c)(Jt.kb,{onCompleted:()=>{b({msg:"Create mockups successfully.",err:!1})},onError:e=>{b({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),[L]=Object(De.c)(Jt.Ab,{onCompleted:()=>{b({msg:"Delete mockups successfully.",err:!1})},onError:e=>{b({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),[V]=Object(De.c)(Jt.y,{onCompleted:()=>{b({msg:"Delete mockups successfully.",err:!1})},onError:e=>{b({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),[z]=Object(De.c)(Jt.md,{onCompleted:()=>{b({msg:"Update main mockup successfully.",err:!1})},onError:e=>{b({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),[q,{loading:H}]=Object(De.c)(Jt.Uc,{onCompleted:()=>{b({msg:"Approved to this tasks successfully.",err:!1}),G()},onError:e=>{b({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}});Object(l.useEffect)(()=>{B&&(null===u||void 0===u?void 0:u.length)>0&&(null===A||void 0===A?void 0:A.length)>0&&(j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{const e=wj(fj((u||[]).filter(e=>cj.includes(e.status)),A,!0)),t=JSON.stringify(e),a=Object(c.F)(t);if(!a||0===a.length)return;const l=w.j.SendReview,n=Object(c.F)(JSON.stringify({type:l,message:a}));O.current&&O.current.contentWindow.postMessage(n,"*")},100))},[B,A,u]);const $=Object(l.useCallback)(e=>{P(e)},[]),_=Object(l.useCallback)(e=>{if(x){if(!window.confirm("It looks like you have been editing something. If you leave before saving, your changes will be lost."))return}e&&e()},[x]),G=Object(l.useCallback)(()=>{a(!1),r&&r(!1),i&&i(!1),S.current&&clearTimeout(S.current),S.current=setTimeout(()=>{v&&v(),f&&f(e=>({...e}))},1e3)},[a,r,i,f,v]),K=Object(l.useCallback)(()=>{null!=o&&(h&&h(!0),b({msg:null,err:!1}),Q({variables:{id:o}}))},[Q,o,b,h]);Object(l.useEffect)(()=>{let e=document.querySelector("#submit-to-review"),t=document.querySelectorAll(".Polaris-Modal-Section"),a=document.querySelectorAll(".Polaris-Modal-Dialog__Modal");for(let l of t)Object(c.u)(l,e)&&l.setAttribute("style","padding: 0; height: 100%");for(let l of a)Object(c.u)(l,e)&&l.setAttribute("style","max-width: calc(100vw - 2rem); height: 100vh; max-height: calc(100vh - 2rem);")});const J=Object(l.useCallback)(()=>{h&&h(!0),b&&b({msg:null,err:!1});const e=function(e){if(!e||0===e.length)return[];return e.map(e=>{const{id:t,baseConfigs:a}=e||{};return{taskBaseGroupId:t,baseConfigs:(a||[]).map(e=>{const{taskBaseSubmissions:t}=e||{},[a]=t||[],{id:l,taskBaseConfigId:n}=a||{};return[dj,mj].includes(null===a||void 0===a?void 0:a.status)?{taskBaseConfigId:n,submissionId:l}:null}
16120).filter(Boolean).filter(e=>null!=e.submissionId)}})}([...I.current||[]].filter(e=>e.status!==SO.a.Approved));if(0!==(null===e||void 0===e?void 0:e.length)){if(null!=o){const t={ideaTaskId:o,baseGroups:e,status:$w.Accept};q({variables:{input:t}})}}else b({msg:"Select least at one item to handle.",err:!0})},[o,q,h,b]),Y=Object(l.useCallback)(e=>{if(null!=o){F({variables:{input:{ideaId:o,baseGroups:e}}}).then(e=>{var t;if(M(!1),null!=(null===e||void 0===e||null===(t=e.data)||void 0===t?void 0:t.reGenMockupForIdeaTask)){const t=e.data.reGenMockupForIdeaTask;if(!t||0===t.length)return;const a=w.j.Regenerate,l=Object(c.F)(JSON.stringify({type:a,message:t}));O.current&&O.current.contentWindow.postMessage(l,"*")}}).catch(()=>{})}},[o,F]),W=Object(l.useCallback)(e=>{null!=e&&N({variables:{...e}})},[N]),Z=Object(l.useCallback)(e=>{h&&h(!0),b&&b({msg:null,err:!1}),L({variables:{...e}})},[L,h,b]),X=Object(l.useCallback)(e=>{h&&h(!0),b&&b({msg:null,err:!1}),U({variables:{...e}})},[U,h,b]),ee=Object(l.useCallback)(e=>{h&&h(!0),b&&b({msg:null,err:!1}),V({variables:{...e}})},[h,b,V]),ae=Object(l.useCallback)(e=>{h&&h(!0),b&&b({msg:null,err:!1}),(null===e||void 0===e?void 0:e.length)>0?async function(){await Promise.all(e.map(async e=>{try{return await z({variables:{id:e}})}catch(t){return Object(c.ib)(t.toString())}})),C?J():K()}():C?J():K()},[z,C,J,K,b,h]),le=Object(l.useCallback)(e=>{const t=null===e||void 0===e?void 0:e.data;if("object"===typeof t&&"source"in t)return;const a="string"===typeof t?JSON.parse(t):null;if(null!=a){const{type:e,baseGroups:t,input:l,open:n}=a;switch(e){case w.j.Regenerate:(null===t||void 0===t?void 0:t.length)>0&&Y(t);break;case w.j.CreateCustomMockup:W(l);break;case w.j.OpenSuccess:$(n);break;case w.j.ChangedLayer:M(!0);break;case w.j.DeleteMockups:null!=l&&Z(l);break;case w.j.ChooseOtherTemplate:null!=l&&X(l);break;case w.j.BulkDeleteMockups:null!=l&&ee(l);break;case w.j.GetMainMockupId:ae(l)}}},[Y,W,ee,X,Z,$,ae]);Object(l.useEffect)(()=>(window.addEventListener("message",le),()=>{window.removeEventListener("message",le,!1)}),[le]),Object(l.useEffect)(()=>{if(null!=(null===T||void 0===T?void 0:T.subscriptionGeneratedMockupForIdeaTask)){const e=T.subscriptionGeneratedMockupForIdeaTask,t={type:w.j.Subscriptions,message:e},a=Object(c.F)(JSON.stringify(t));O.current&&O.current.contentWindow.postMessage(a,"*")}},[T]);const ne=vj(),re=JSON.stringify(ne),ie=Object(c.F)(re),oe={content:"Close",onAction:()=>_(G)};let se=null,ce=null;if(k){se={content:C?"Approve":"Submit to review",onAction:()=>{_((function(){const e={type:w.j.GetMainMockupId},t=Object(c.F)(JSON.stringify(e));O.current&&O.current.contentWindow.postMessage(t,"*")}))},loading:R||H},null==s||C||(ce={content:"Re-upload Files",onAction:()=>_(s)})}const ue=n.a.createElement(D.Y,{spacing:"tight",distribution:"trailing"},n.a.createElement(D.Y.Item,{fill:!0},Object(D.ib)(oe)),p&&Object(D.ib)({content:"View Detail",onAction:()=>_(m)}),ce&&Object(D.ib)(ce),se&&Object(D.ib)(se,{primary:!0}));return n.a.createElement(D.E,{title:"Preview Mockup",open:t,onClose:()=>_(G),sectioned:!0,footer:ue},n.a.createElement("iframe",{ref:O,id:"submit-to-review",title:"Review Design",src:`${$e.e}/design?user=${ie}&pathname=design`,style:{border:"none",width:"100%",height:"calc(100% - 0.5rem)"}}))}const dj=SO.a.Pending,mj="Reject";function pj(e){let{onCloseParent:t,...a}=e;const r=Object(l.useRef)(null),{products:i}=CO(),{setNotify:o,toggleToast:s,refetch:u,setFilter:d}=Object(Fa.b)(),[m,{loading:p}]=Object(De.c)(Jt.je,{onCompleted:()=>{o({msg:"Take this idea task successfully.",err:!1}),a.onClose&&a.onClose(),t&&t(),r.current&&clearTimeout(r.current),r.current=setTimeout(()=>{d&&d(e=>({...e})),u&&u()},1e3)},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),g=Object(l.useCallback)(()=>{if((null===i||void 0===i?void 0:i.length)>0){s&&s(!0),o&&o({msg:null,err:!1});const e=gj(i);m({variables:{input:e}})}},[i,m,s,o]);return n.a.createElement(D.E,Object.assign({},a,{sectioned:!0,title:"Update PSD File",large:!0,secondaryActions:[{content:"Close",onAction:a.onClose}],primaryAction:{content:"Submit",onAction:g,loading:p}}),n.a.createElement("p",null,"Are you sure to update PSD File for this idea task?"))}function gj(e){return e.map(e=>{const{id:t,psdFiles:a,psd:l}=e||{};return{taskBaseGroupId:t,psdFiles:(a||[]).map(e=>e.id),psd:(l||"").split(/\n/g).join("|")}})}function Aj(e){let{item:t,onCloseParent:a,isFileGenerating:r,...i}=e;const o=null===t||void 0===t?void 0:t.id,s=Object(l.useRef)(null),[u,d]=Object(Ee.a)(r||!1),[m,p]=Object(Ee.a)(i.open),[g,A]=Object(l.useState)(void 0),[b,h]=Object(l.useState)(!1),{products:f,errorDimensions:v,updateProduct:E,setErrorDimensions:y}=CO(),{setNotify:C,toggleToast:k,refetch:O,setFilter:j}
16120=Object(Fa.b)(),[w,{loading:S}]=Object(De.c)(Jt.ac,{onCompleted:e=>{C({msg:"Submit to generate mockup for this task successfully.",err:!1});const t=null===e||void 0===e?void 0:e.genMockupForIdeaTask;if(null!=t){const e=hj(t.taskBaseGroups);e.length>0&&!b?(p(),d(!0),A(e)):(a&&a(),s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{O&&O(),j&&j(e=>({...e}))},1e3))}},onError:e=>{C({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),[I]=Object(De.c)(Jt.je,{onError:()=>{}});Object(l.useEffect)(()=>{p(i.open)},[i.open]),Object(l.useEffect)(()=>{if(r&&null!=t){const e=hj(t.taskBaseGroups);(null===e||void 0===e?void 0:e.length)>0&&(d(r),A(e))}},[r,t]);const B=Object(l.useCallback)(()=>{p(!1),i.onClose&&i.onClose()},[i.onClose]),P=Object(l.useCallback)(()=>{d(!1),i.onClose&&i.onClose(!1)},[d]),x=Object(l.useCallback)(()=>{const e=[...f];for(let t=0;t<e.length;t++){const a=e[t];if("Approved"===a.status)continue;let l=Cj(a);E(t,l)}d(!1),B(!1),y({})},[f,E,d,i.onClose,y,O]),M=Object.values(v).every(e=>null==e),T=Object(l.useCallback)(async()=>{k&&k(!0),C({msg:null,err:!1});const e=(gj(f)||[]).filter(e=>{var t;return(null===e||void 0===e||null===(t=e.psdFiles)||void 0===t?void 0:t.length)>0||(null===e||void 0===e?void 0:e.psd)});e.length>0&&await I({variables:{input:e}});const t=function(e){if(!e||0===e.length)return[];return e.filter(e=>(null===e||void 0===e?void 0:e.status)!==SO.a.Approved).map(e=>{const{id:t,bases:a,mainMockups:l}=e||{},n=t,r=[],i=l||[];return(a||[]).forEach(e=>{const{baseConfigId:t,designPositions:a,designPositionsForGen:l,customMockups:n}=e||{},o=(n||[]).map(e=>e.id).filter(Boolean),s={baseConfigId:t,isCustomMockup:(null===o||void 0===o?void 0:o.length)>0,customMockupIds:o,mainCustomMockupId:void 0},c=[];let u=a||[];if(u=u.filter(e=>{var t;const{file:a,id:n}=e||{},r=(l||[]).find(e=>e.id===n);return(null===a||void 0===a?void 0:a.length)>0||(null===r||void 0===r||null===(t=r.file)||void 0===t?void 0:t.length)>0}),u.forEach(e=>{const t=(l||[]).find(t=>t.id===e.id),[a]=(null===t||void 0===t?void 0:t.file)||[],n=null===a||void 0===a?void 0:a.id,[r]=e.file||[],i=null===r||void 0===r?void 0:r.id,o={designPositionId:e.id,fileId:i,fileGenerateMockupId:n};c.push(o)}),s.designPositions=c,s.designPositions.length>0&&(s.customMockupIds=[],s.isCustomMockup=!1),s.customMockupIds.length>0){const[e]=i,[t]=s.customMockupIds;(s.customMockupIds.some(e=>i.includes(e))||0===s.designPositions.length)&&(s.mainCustomMockupId=e||t)}(s.designPositions.length>0||s.customMockupIds.length>0)&&r.push(s)}),{baseGroupId:n,baseConfigs:r}}).filter(e=>{var t;return(null===e||void 0===e||null===(t=e.baseConfigs)||void 0===t?void 0:t.length)>0})}(f);if(!t.some(e=>{var t;return(null===e||void 0===e||null===(t=e.baseConfigs)||void 0===t?void 0:t.length)>0}))return C({msg:"Each product must have least at one file mockup.",err:!0}),void B();const a=t.every(e=>{const{baseConfigs:t}=e||{};return(t||[]).every(e=>e.isCustomMockup)});h(a),M&&w({variables:{input:{ideaTaskId:o,designs:t}}})},[f,o,C,k,M,B,w,I]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.E,{title:"Submit to generate mockup",sectioned:!0,secondaryActions:[{content:"Close",onAction:B}],primaryAction:{content:"Submit",onAction:T,disabled:!M,loading:S},open:i.open&&m,onClose:B},n.a.createElement("p",null,"Are you sure to submit to generate mockup?")),n.a.createElement(uj,{open:u,toggleOpen:d,onClose:i.onClose,onCloseParent:a,id:o,handleResubmit:x,handleBackToDetail:P,taskBaseGroups:g,assignee:null===t||void 0===t?void 0:t.assignee,isFileGenerating:r,item:t}))}const bj=["__typename","rejectReason","outputMockupId","designPositionId","generateMockupFileId","mimeType","description"];function hj(e){return e&&0!==e.length?(e||[]).map(e=>{const{baseConfigs:t}=e,a=(t||[]).map(e=>{const{taskBaseSubmissions:t}=e||{};if(!t||0===(null===t||void 0===t?void 0:t.length))return null;const[a]=t,{customMockups:l,taskBaseSubmissionFiles:n}=a||{};return(!l||0===(null===l||void 0===l?void 0:l.length))&&(null===n||void 0===n?void 0:n.length)>0?e:null}).filter(Boolean);return a.length>0?{...e,baseConfigs:a}:null}
16120).filter(Boolean):[]}function fj(e,t,a){if(!e||0===e.length)return{};const l=[...t||[]],n=e.map(e=>{const{title:t,id:a,medias:n,baseConfigs:r}=e||{},i=(n||[]).find(e=>e),o=yj(l,a);let s=(r||[]).map(e=>{const{id:t,taskBaseGroupId:a,productBaseId:l,taskBaseSubmissions:n}=e||{},{title:r,baseConfigId:i,mockupTemplates:s}=yj(null===o||void 0===o?void 0:o.bases,l),c=(s||[]).map(e=>Ej(e,bj));return{id:t,taskBaseGroupId:a,productBaseId:l,taskBaseSubmissions:(n||[]).map(e=>{const{taskBaseMockups:t,taskBaseSubmissionFiles:a}=e||{},l=(t||[]).map(e=>Ej(e,bj)),n=(a||[]).map(e=>{const{file:t,generateMockupFile:a,designPosition:l}=e||{},n=Ej(t,bj),r=Ej(a,bj),i=Ej(l,bj);return Ej({...e,file:n,generateMockupFile:r,designPosition:i},bj)});return Ej({...e,taskBaseMockups:l,taskBaseSubmissionFiles:n},[...bj,"status"])}),title:r,baseConfigId:i,mockupTemplates:c}});var c;(null===o||void 0===o?void 0:o.isMainCustomMockup)&&(s=null===(c=s)||void 0===c?void 0:c.map(e=>{const{taskBaseSubmissions:t}=e||{},a=(t||[]).map(e=>{const{taskBaseMockups:t}=e||{},a=(t||[]).map(e=>({...e,isMainMockup:!1}));return{...e,taskBaseMockups:a}});return{...e,taskBaseSubmissions:a}}));return{id:a,title:t,file:i,isCampaign:null===o||void 0===o?void 0:o.isCampaign,bases:s,isMainCustomMockup:null===o||void 0===o?void 0:o.isMainCustomMockup}});if(a)return n;const r=JSON.stringify(n);return Object(c.F)(r)}function vj(){const e=Object(_e.b)(),t=["firstName","lastName","avatar","teamUser"],a=null!=e?Object.keys(e.user).filter(e=>!t.includes(e)):[],l=Ej(null===e||void 0===e?void 0:e.user,a);return Ej({...e,user:l},["expiredAt","__typename"])}function Ej(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];const a={};if("object"===typeof e&&null!==e)for(let l of Object.keys(e))t.includes(l)||(a[l]=e[l]);return a}function yj(e,t){return!(!e||0===e.length)&&(e.find(e=>e.id===t)||{})}function Cj(e){const{bases:t}=e||{},a=(t||[]).map(e=>{const{designPositionsForGen:t,designPositions:a,...l}=e;return{...l,designPositions:kj(a),designPositionsForGen:kj(t)}});return e.bases=a,e}function kj(e){return e&&0!==e.length?e.map(e=>({...e,file:[],fileGenerateMockupId:[]})):[]}function Oj(e){let{item:t,taskId:a,onCloseParent:r,taskValue:i,activeKey:o}=e;const s=a,{isNeedReview:u}=Object(SO.b)(t.status),[d,m]=Object(Ee.a)(!1),[p,g]=Object(l.useState)(null),[A,b]=Object(l.useState)(""),h=p?$w.Reject:$w.Accept,f=Object(l.useRef)(null),{products:v}=CO(),{setNotify:E,toggleToast:y,refetch:C,setFilter:k}=Object(Fa.b)(),[O,{loading:j}]=Object(De.c)(Jt.Uc,{onCompleted:()=>{E({msg:(p?"Rejected":"Approved")+" to this tasks successfully.",err:!1}),w()},onError:e=>{E({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),w=Object(l.useCallback)(()=>{m(!1),r&&r(),f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{C&&C(),k&&k(e=>({...Object.assign({},e)}))},300)},[m,r,C,k]),S=Object(l.useCallback)(()=>{y&&y(!0),E&&E({msg:null,err:!1});const{taskBaseGroupId:e,baseConfigs:a,mainImageId:l}=function(e,t){if(!e)return null;const{id:a,bases:l,mainMockups:n}=e||{},r=a,[i]=n||[],o=(l||[]).map(e=>{const{baseConfigId:a,taskBaseSubmissions:l}=e||{},[n]=l||[];return{taskBaseConfigId:a,submissionId:null===n||void 0===n?void 0:n.id,rejectReason:t}}).filter(e=>null!=e.submissionId);return{taskBaseGroupId:r,baseConfigs:o,mainImageId:i}}(t,p?A:void 0);if(null!=s){O({variables:{input:{ideaTaskId:s,baseGroups:[{taskBaseGroupId:e,baseConfigs:a,mainImageId:l}],status:h}}})}},[O,p,y,E,A,t,s,h]),I=Object(l.useCallback)(e=>()=>{g(e),m()},[m]),B=Object(l.useCallback)(e=>{b(e)},[]);Object(l.useEffect)(()=>b(""),[d]);const P=((null===t||void 0===t?void 0:t.bases)||[]).filter(e=>{var t;return(null===e||void 0===e||null===(t=e.taskBaseSubmissions)||void 0===t?void 0:t.length)>0}).every(e=>{var t;const{taskBaseSubmissions:a}=e,[l]=a||[];return(null===l||void 0===l?void 0:l.isCustomMockup)&&(null===l||void 0===l||null===(t=l.customMockups)||void 0===t?void 0:t.length)>0});return u&&n.a.createElement(Sj,null,P?n.a.createElement(D.g,{children:"Approve",onClick:I(),primary:!0}):n.a.createElement(jj,{handleSubmit:S,setIsRejected:g,taskValue:i,loading:j,item:t,products:v,setNotify:E,toggleToast:y,activeKey:o}),n.a.createElement(D.g,{children:"Reject",onClick:I(!0)}
16120),n.a.createElement(D.E,{title:(p?"Reject":"Approve")+" this task",sectioned:!0,large:!0,primaryAction:{content:"Submit",onAction:S,loading:j},secondaryActions:[{content:"Cancel",onAction:m}],open:d,onClose:m},p?n.a.createElement(D.cb,{value:A,multiline:4,label:"Reason",placeholder:"Enter reason reject",onChange:B}):n.a.createElement("span",null,"Are you sure to approve this idea task?")))}function jj(e){let{handleSubmit:t,taskValue:a,setIsRejected:r,loading:i,item:o,products:s,setNotify:u,toggleToast:d,activeKey:m}=e;const p=null===a||void 0===a?void 0:a.id,[g,A]=Object(Ee.a)(!1),[b,h]=Object(l.useState)(!1),[f,v]=Object(l.useState)(!1),E=Object(l.useRef)(null),y=Object(l.useRef)(null),C=Object(l.useRef)(m);C.current=m;const{data:k}=Object(De.e)(sj.a),[O]=Object(De.c)(Jt.bd),[j]=Object(De.c)(Jt.Ab,{onCompleted:()=>{u({msg:"Delete mockup successfully.",err:!1})},onError:e=>{u({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),[S]=Object(De.c)(Jt.kb,{onCompleted:()=>{u({msg:"Create mockups successfully.",err:!1})},onError:e=>{u({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),[I]=Object(De.c)(Jt.y,{onCompleted:()=>{u({msg:"Delete mockups successfully.",err:!1})},onError:e=>{u({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),[B]=Object(De.c)(Jt.md,{onCompleted:()=>{u({msg:"Update main mockup successfully.",err:!1})},onError:e=>{u({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),P=null===o||void 0===o?void 0:o.id;Object(l.useEffect)(()=>{if(!b)return;let e=((null===a||void 0===a?void 0:a.taskBaseGroups)||[]).filter(e=>e.id===P),t=(s||[]).filter(e=>e.id===P);(null===e||void 0===e?void 0:e.length)>0&&(null===t||void 0===t?void 0:t.length)>0&&(y.current&&clearTimeout(y.current),y.current=setTimeout(()=>{const a=wj(fj(e,t,!0));let l=JSON.stringify(a),n=Object(c.F)(l);if(!n||0===n.length)return;const r=w.j.SendReview,i=Object(c.F)(JSON.stringify({type:r,message:n}));E.current&&E.current.contentWindow.postMessage(i,"*")},500))},[b,a,s,P]);const x=Object(l.useCallback)(e=>{h(e)},[a,s]),M=Object(l.useCallback)(()=>{A(),r(!1),h(!1)},[A,r]),T=Object(l.useCallback)(e=>{if(null!=p){O({variables:{input:{ideaId:p,baseGroups:e}}}).then(e=>{var t;if(v(!1),null!=(null===e||void 0===e||null===(t=e.data)||void 0===t?void 0:t.reGenMockupForIdeaTask)){const t=e.data.reGenMockupForIdeaTask;if(!t||0===t.length)return;const a=w.j.Regenerate,l=Object(c.F)(JSON.stringify({type:a,message:t}));E.current&&E.current.contentWindow.postMessage(l,"*")}}).catch(()=>{})}},[p,O]),Q=Object(l.useCallback)(e=>{C.current&&(d&&d(!0),u&&u({msg:null,err:!1}),j({variables:{...e}}))},[j,d,u]),R=Object(l.useCallback)(e=>{C.current&&(d&&d(!0),u&&u({msg:null,err:!1}),I({variables:{...e}}))},[I,d,u]),F=Object(l.useCallback)(e=>{C.current&&(d&&d(!0),u&&u({msg:null,err:!1}),S({variables:{...e}}))},[S,d,u]),N=Object(l.useCallback)(e=>{if(C.current){if(d&&d(!0),u&&u({msg:null,err:!1}),(null===e||void 0===e?void 0:e.length)>0)return void async function(){await Promise.all(e.map(async e=>{try{return await B({variables:{id:e}})}catch(t){return Object(c.ib)(t.toString())}})),t()}();t()}},[B,t,u,d]),U=Object(l.useCallback)(e=>{const t=null===e||void 0===e?void 0:e.data;if("object"===typeof t&&"source"in t)return;const a="string"===typeof t?JSON.parse(t):null;if(null!=a){const{type:e,baseGroups:t,open:l,input:n}=a;switch(e){case w.j.Regenerate:(null===t||void 0===t?void 0:t.length)>0&&T(t);break;case w.j.OpenSuccess:x(l);break;case w.j.ChangedLayer:v(!0);break;case w.j.DeleteMockups:null!=n&&Q(n);break;case w.j.ChooseOtherTemplate:null!=n&&F(n);break;case w.j.BulkDeleteMockups:null!=n&&R(n);break;case w.j.GetMainMockupId:N(n)}}},[T,x,R,F,Q,N]);Object(l.useEffect)(()=>(window.addEventListener("message",U),()=>{window.removeEventListener("message",U,!1)}),[U]),Object(l.useEffect)(()=>{if(null!=(null===k||void 0===k?void 0:k.subscriptionGeneratedMockupForIdeaTask)){const e=k.subscriptionGeneratedMockupForIdeaTask,t={type:w.j.Subscriptions,message:e},a=Object(c.F)(JSON.stringify(t));
16120E.current&&E.current.contentWindow.postMessage(a,"*")}},[k]);const L=vj(),V=JSON.stringify(L),z=window.btoa(V),q=Object(l.useCallback)(e=>{if(f){if(!window.confirm("It looks like you have been editing something. If you leave before saving, your changes will be lost."))return}e()},[f]),H=n.a.createElement(D.Y,null,n.a.createElement(D.Y.Item,{fill:!0},Object(D.ib)({content:"Close",onAction:()=>q(A)})),Object(D.ib)({content:"Approve",onAction:()=>{q((function(){const e={type:w.j.GetMainMockupId},t=Object(c.F)(JSON.stringify(e));E.current&&E.current.contentWindow.postMessage(t,"*")}))},loading:i},{primary:!0}));return Object(l.useEffect)(()=>{let e=document.querySelector("#approve-idea-task"),t=document.querySelectorAll(".Polaris-Modal-Section"),a=document.querySelectorAll(".Polaris-Modal-Dialog__Modal");for(let l of t)Object(c.u)(l,e)&&l.setAttribute("style","padding: 0; height: 100%");for(let l of a)Object(c.u)(l,e)&&l.setAttribute("style","max-width: calc(100vw - 2rem); height: 100vh; max-height: calc(100vh - 2rem);")}),n.a.createElement(n.a.Fragment,null,n.a.createElement(D.g,{children:"View Mockups",primary:!0,onClick:M}),n.a.createElement(D.E,{open:g,onClose:()=>q(A),sectioned:!0,large:!0,title:"Mockup preview",footer:H},n.a.createElement("iframe",{ref:E,id:"approve-idea-task",title:"Review Design",src:`${$e.e}/design?user=${z}&pathname=design`,style:{border:"none",width:"100%",height:"calc(100% - 0.5rem)"}})))}function wj(e){return e&&0!==e.length?e.map(e=>{const{bases:t}=e;if(!t||0===t.length)return null;const a=t.map(e=>{const{taskBaseSubmissions:t,mockupTemplates:a}=e||{};if((a||[]).every(e=>!e.isDefault))return null;if(!t||0===(null===t||void 0===t?void 0:t.length))return null;const[l]=t,{customMockups:n}=l||{};return 0===(null===n||void 0===n?void 0:n.length)?e:null}).filter(Boolean);return 0===a.length?null:{...e,bases:a}}).filter(Boolean):[]}const Sj=j.b.div` 16121 margin-top: 1.6rem; 16122 padding-top: 1.6rem; 16123 border-top: 1px solid #c4cdd5; 16124 display: flex; 16125 flex-direction: row-reverse; 16126 column-gap: 1.6rem; 16127`;function Ij(e){let{canEdit:t,value:a,error:l,onChange:r}=e;return t?n.a.createElement("div",null,n.a.createElement(al.a,{label:"Title",required:!0}),n.a.createElement(D.cb,{id:"title",placeholder:"Idea title",onChange:r,value:a,error:l})):n.a.createElement(HO,{label:"Title"},n.a.createElement("span",{title:a},a))}function Bj(e){let{canEdit:t,collectionIds:a,tagIds:l,handleCollectionChange:r,handleTagChange:i,errors:o}=e;return n.a.createElement(D.Y,{vertical:!0},t?n.a.createElement(Av.CollectionSelectPolaris,{label:"Collections",required:!0,allowMultiple:!0,value:a,haveQuickAdd:!0,getCoupleValue:!0,onChange:r,errorMessage:o.collectionIds,limit:2e3}):n.a.createElement(HO,{label:"Collections"},n.a.createElement("span",null,_O(a))),t?n.a.createElement(bv.TagsSelectPolaris,{label:"Tags",required:!0,allowMultiple:!0,value:l,haveQuickAdd:!0,getCoupleValue:!0,onChange:i,errorMessage:o.tagIds,limit:2e3}):n.a.createElement(HO,{label:"Tags"},n.a.createElement("span",null,_O(l))))}function Dj(e){let{haveActions:t,handleDelete:a,handleDuplicate:l}=e;const r=t?[{content:"Delete",destructive:!0,onAction:a},{content:"Duplicate",onAction:l}]:[];return n.a.createElement(D.i.Header,{title:"Product Info",actions:r})}function Pj(e){let{bases:t}=e;if(!t||0===t.length)return null;const a=t.map(e=>{const{taskBaseSubmissions:t}=e||{},a=(t||[]).find(e=>e.rejectReason);return null===a||void 0===a?void 0:a.rejectReason}).filter(Boolean)[0];return a?n.a.createElement("div",null,n.a.createElement(D.z,{label:"Reject Reason:"}),n.a.createElement("span",null,a)):null}function xj(e){let{base:t}=e;if(!t)return null;const{title:a,mockupTemplates:l}=t,r=(null===l||void 0===l?void 0:l.length)>0?n.a.createElement("span",{className:"prefix-wrap"},n.a.createElement(D.w,{source:$h.a,color:"primary"})):null,i=r?"base-info-title has-prefix":"base-info-title",o={wordBreak:"break-word",flex:"1 1"};r&&(o.paddingLeft="2rem");const s=n.a.createElement("div",{className:i},r,n.a.createElement("span",{title:a,style:o},a));return n.a.createElement(Mj,null,s)}const Mj=j.b.div` 16128 .base-info-title.has-prefix { 16129 position: relative; 16130 display: inline-block; 16131 16132 .prefix-wrap { 16133 .Polaris-Icon { 16134 width: 1.6rem; 16135 position: absolute; 16136 top: 3px; 16137 } 16138 } 16139 } 16140`;function Tj(e){let{canUpdate:t,item:a,index:r,updateProduct:i,setChanged:o}=e;const{medias:s=[],relatedProductIds:c=[],ideaDescription:u,status:d}=a||{},m=(s||[]).map(e=>({file:e})),p=FO(s),g=null===d,A=Object(l.useCallback)(e=>{o&&o(!0),i&&i(r,e)},[r,o,i]),b=Object(l.useCallback)(e=>{A({medias:e})},[A]),h=Object(l.useCallback)(e=>{A({relatedProductIds:e})},[A]),f=Object(l.useCallback)((e,t)=>{A({[t]:e})},[A]);return n.a.createElement(Qj,{className:"additional-info"},n.a.createElement(D.v,{children:"Additional idea info"}),n.a.createElement("div",{className:"section-vertical"},t||g?n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{className:"left"},n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement("div",null,n.a.createElement(D.v,{children:"Media"}),n.a.createElement(iO,{singleUpload:!0,multiple:!0,accept:"image/*",sizeSmall:!0,value:s,onChange:b,showTitle:!0,width:120,height:120,fromIdeaTask:!0})))),n.a.createElement("div",{className:"right"},n.a.createElement(D.Y,{vertical:!0,spacing:"tight"}
16140,n.a.createElement(LO,{value:c,onChange:h,canUpdate:t||g}),n.a.createElement(D.cb,{label:"Description",id:"ideaDescription",value:u,onChange:f,multiline:4})))):n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{className:"right"},n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement(LO,{value:c,onChange:h,canUpdate:t}),n.a.createElement(HO,{label:"Description"},n.a.createElement("span",null,u)))),n.a.createElement("div",{className:"left"},n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement("div",null,n.a.createElement(D.z,{label:"Media:"}),n.a.createElement(UO,{files:m},p)))))))}const Qj=j.b.div` 16141 .list-file_wrap { 16142 &.multiple { 16143 flex-direction: row; 16144 align-items: start; 16145 16146 .file { 16147 &-item { 16148 flex-direction: column; 16149 row-gap: 0.5rem; 16150 height: auto; 16151 } 16152 16153 &-name { 16154 display: -webkit-box; 16155 max-width: 200px; 16156 -webkit-line-clamp: 2; 16157 -webkit-box-orient: vertical; 16158 overflow: hidden; 16159 word-break: break-all; 16160 } 16161 } 16162 } 16163 } 16164`;function Rj(e){let{canUpdate:t,handleIsPersonalizedChange:a,handleFieldsChange:l,item:r}=e;const{fields:i,isPersonalized:o,status:s}=r||{},c=null===s;return n.a.createElement("div",null,n.a.createElement(D.v,{children:"Personalized"}),n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.j,{label:"This is a personalized product",checked:o,onChange:a,disabled:!t&&!c}),o&&n.a.createElement(Xk.SimpleCustomizePolaris,{value:i,onChange:l,canUpdate:t||c})))}function Fj(e){let{canEdit:t,value:a,onChange:l}=e;return t?n.a.createElement(Og.a,{value:a,onChange:l,label:"FB Title",maxLength:oe.D.fbTitle,placeholder:"facebook title",id:"shortTitle"}):n.a.createElement(HO,{label:"FB Title"},n.a.createElement("span",{title:a},a))}function Nj(e){let{canEdit:t,value:a,onChange:l}=e;return t?n.a.createElement(Og.a,{value:a,onChange:l,label:"AMZ Title",maxLength:oe.D.amzTitle,placeholder:"amazon title",id:"amzTitle"}):n.a.createElement(HO,{label:"AMZ Title"},n.a.createElement("span",{title:a},a))}function Uj(e){let{canUpdate:t,item:a,setChanged:r,updateProduct:i,designerCanView:o,index:s,taskDone:u}=e,{status:d,psdFiles:m=[],psd:p}=a;const g=(m||[]).map(e=>({file:e})),A=FO(m),b=null===d,{currentUser:h}=Object(te.c)(),{isDesigner:f,isDesignLeader:v,isIdeaLeader:E,isSeller:y,isStoreManager:C}=Object(c.j)(h),k=Object(l.useCallback)(e=>{r&&r(!0),i&&i(s,e)},[s,r,i]),O=Object(l.useCallback)(e=>{k({psdFiles:e})},[k]),j=Object(l.useCallback)((e,t)=>{k({[t]:e})},[k]),w=f||v,S=w&&o,I=(y||C||E)&&u;return!w||w&&o?n.a.createElement(Lj,null,n.a.createElement(D.v,{children:"Design Resources"}),t||b?n.a.createElement(D.Y,{distribution:"fill"},n.a.createElement(D.cb,{label:"Design Resource Urls",multiline:4,id:"psd",value:p,onChange:j,placeholder:"Enter design resource url"}),n.a.createElement("div",{className:"files-wrap"},n.a.createElement(D.v,{children:"Design Resource Files"}),n.a.createElement(iO,{prefix:oe.ob.PSD_RESOURCE+"/",folder:oe.ob.PSD_RESOURCE,singleUpload:!0,multiple:!0,sizeSmall:!0,value:m,onChange:O,showTitle:!0,width:120,height:120,fromIdeaTask:!0}))):n.a.createElement(D.Y,{distribution:"fill"},S||I?n.a.createElement(D.cb,{label:"Design Resource Urls",multiline:4,id:"psd",value:p,onChange:j,placeholder:"Enter design resource url"}):n.a.createElement(HO,{label:"Design Resource Urls"},n.a.createElement("span",{style:{wordBreak:"break-all",whiteSpace:"break-spaces"},dangerouslySetInnerHTML:{__html:p}})),n.a.createElement("div",null,n.a.createElement(D.z,{label:"Design Resource Files:"}),S||I?n.a.createElement(iO,{prefix:oe.ob.PSD_RESOURCE+"/",folder:oe.ob.PSD_RESOURCE,singleUpload:!0,multiple:!0,sizeSmall:!0,value:m,onChange:O,showTitle:!0,width:120,height:120,fromIdeaTask:!0}):n.a.createElement(UO,{files:g},A)))):null}const Lj=j.b.div` 16165 .files-wrap { 16166 .Polaris-Heading { 16167 margin-bottom: 0; 16168 } 16169 } 16170 16171 .list-file_wrap { 16172 &.multiple { 16173 flex-direction: row; 16174 align-items: start; 16175 16176 .file { 16177 &-item { 16178 flex-direction: column; 16179 row-gap: 0.5rem; 16180 height: auto; 16181 } 16182 16183 &-name { 16184 display: -webkit-box; 16185 max-width: 200px; 16186 -webkit-line-clamp: 2; 16187 -webkit-box-orient: vertical; 16188 overflow: hidden; 16189 word-break: break-all; 16190 } 16191 } 16192 } 16193 } 16194`,Vj=o.a` 16195 query productBaseByID($id: ID!) {
16196 productBaseByID(id: $id) { 16197 id 16198 title 16199 images { 16200 id 16201 name 16202 url 16203 thumbnailUrl 16204 } 16205 attributes { 16206 name 16207 slug 16208 options 16209 } 16210 variants { 16211 id 16212 sorting 16213 attributes { 16214 name 16215 slug 16216 option 16217 } 16218 } 16219 designPositions { 16220 id 16221 name 16222 description 16223 artworkGuidelines { 16224 id 16225 file { 16226 id 16227 url 16228 mimeType 16229 } 16230 } 16231 } 16232 mockupTemplates { 16233 id 16234 originTemplateID 16235 isDefault 16236 } 16237 } 16238 } 16239`,zj=Object(l.forwardRef)((function(e,t){let{item:a,index:r,setErrorRoot:i,handleActiveKeyChange:o,status:s,assignee:u,taskId:d,taskValue:m,onCloseParent:p,isClone:g,activeKey:A}=e;const{title:b,description:h,collectionIds:f,tagIds:v,bases:E,isCampaign:y,isPriority:C,shortTitle:k,amzTitle:O}=a||{},j=(null===E||void 0===E?void 0:E.length)>0?E[0]:null,{duplicateProduct:w,removeProduct:S,updateProduct:I,isUpdate:B,updateBase:P,setChanged:x,forceUpdate:M,toggleForceUpdate:T}=CO(),{currentUser:Q}=Object(te.c)(),{isSeller:R,isStoreManager:F,isDesignLeader:N,isDesigner:U,isIdea:L,isIdeaLeader:V}=Object(c.j)(Q),z=R||F,q=L||V,H=z||N||V,$=z||F||q,[_,G]=Object(l.useState)({}),K=Object(l.useRef)(null),J=Object(l.useRef)(null),Y=Object(l.useRef)(null),W=Object(l.useCallback)((e,t)=>{let a=null,l=Pw[t];l&&(e&&e.length||!l||(a=l+" is required."),G(e=>({...e,[t]:a})),i(e=>({...e,[r]:{...e[r],[t]:a}})))},[i,r]);Object(l.useEffect)(()=>{if(null!=a){const e={};e.title=a.title,e.collectionIds=a.collectionIds,e.tagIds=a.tagIds;for(let[t,a]of Object.entries(e))W(a,t)}},[a,W]);const Z=Object(l.useCallback)(()=>{const e={};e.title=a.title,e.collectionIds=a.collectionIds,e.tagIds=a.tagIds;for(let[t,a]of Object.entries(e))W(a,t)},[a,W]);Object(l.useImperativeHandle)(t,()=>({onSubmit:Z}));const X=Object(l.useCallback)(e=>{x&&x(!0),I(r,e)},[I,r,x]),ee=Object(l.useCallback)((e,t)=>{X({[t]:e})},[X]),ae=Object(l.useCallback)(e=>X({isPersonalized:e}),[X]),le=Object(l.useCallback)(e=>X({fields:e}),[X]),ne=Object(l.useCallback)(e=>{X({collectionIds:e})},[X]),re=Object(l.useCallback)(e=>{X({tagIds:e})},[X]),ie=Object(l.useCallback)(()=>{const e=w(r),t=Math.max(0,e-1);o("product-"+t)},[r,w,o]),oe=Object(l.useCallback)(()=>{S(r),o("product-"+Math.max(0,r-1))},[r,S,o]),se=Object(l.useCallback)(e=>{const t=[...E].findIndex(t=>t.id===e);-1!==t&&E.splice(t,1),x&&x(!0),I(r,{bases:E}),K.current&&clearTimeout(K.current),K.current=setTimeout(()=>{T(!0)},100)},[E,r,I,T,x]),ce=Object(l.useCallback)(e=>{null!=e&&(I(r,{bases:e.selectedBases}),K.current&&clearTimeout(K.current),K.current=setTimeout(()=>{Y.current&&Y.current.update()},500))},[r,I]),ue=Object(l.useCallback)((e,t)=>{if(!e)return;const a=e.id;let l=[...E].find(e=>e.id===a);if(null!=l){let a=Object(SO.c)(l.baseConfigId,l.taskBaseSubmissions,e.designPositions,t);const n=(a||[]).map(e=>({...e,file:e.generateMockupFile}));l={...l,variants:e.variants,attributes:e.attributes,title:e.title,images:e.images,mockupTemplates:e.mockupTemplates,designPositions:a||e.designPositions,designPositionsForGen:n,customMockups:e.customMockups}}t||x&&x(!0),P(r,l),K.current&&clearTimeout(K.current),K.current=setTimeout(()=>{y?T(!0):J.current&&J.current.update()},500)},[P,E,r,T,y,x]),{isDoing:de,isPending:me,isDenied:pe,isDraft:ge,isDeclined:Ae,isDone:be,isRejected:he}=Object(SO.b)(s),{isNeedReview:fe}=Object(SO.b)(null===a||void 0===a?void 0:a.status),ve=(z||N)&&fe,Ee=me||null==s||ge||g||Ae,ye=Ee||de,Ce=(z||q)&&Ee,ke=null==(null===a||void 0===a?void 0:a.status),Oe=$&&!fe,je=Oe&&n.a.createElement(Ij,{canEdit:Ee||ke,value:b,onChange:ee,error:_.title}),we=Oe&&n.a.createElement(Fj,{value:k,onChange:ee,canEdit:Ee||ke}),Se=Oe&&n.a.createElement(Nj,{value:O,onChange:ee,canEdit:Ee||ke}),Ie=Oe&&n.a.createElement(MO,{value:h,onChange:e=>ee(e,"description"),canEdit:Ee||ke}),Be=Oe&&n.a.createElement(Bj,{canEdit:Ee||ke,collectionIds:f,tagIds:v,handleCollectionChange:ne,handleTagChange:re,errors:_}),De={updateBaseRef2:Y,updateBaseRef:J,handleUpdateBase:ue,handleAttributesChange:ce,isDoing:de,isUpdate:B,setChanged:x,taskId:d,isTeamLeader:H,item:a,isCreator:$},Pe={index:r,updateProduct:I,setChanged:x},xe=null!=u,Me=!pe&&xe,Te=U&&xe&&me||U&&me,Qe=[je,we,Se,Ie,Be,n.a.createElement("div",{className:"section-verticals"},n.a.createElement("div",{className:"content"},n.a.createElement(D.v,null,n.a.createElement("span",{style:{margin:"0.5rem"}},"Product Base:")),n.a.createElement(qj,Object.assign({base:j,bases:E,isAdminSeller:z,
16239isRoleIdea:q,canUpdate:Ce,hideBtnRemove:ve,hidePFDLeader:Te},De,{handleChange:ee,forceUpdate:M,toggleForceUpdate:T}))))].filter(Boolean).map((e,t)=>n.a.createElement("span",{key:"item-"+t},e)),Re=$&&!ye&&!ke,{isRejected:Fe}=Object(SO.b)(a.status),Ne=y?"campaign":"product",Ue=Object(c.rb)(Q);return n.a.createElement(Kj,null,$&&(Ee||ke)&&n.a.createElement(Dj,{haveActions:Ee,handleDelete:oe,handleDuplicate:ie}),n.a.createElement(D.i.Section,null,n.a.createElement(D.Y,{vertical:!0,spacing:"loose"},Re&&!y&&n.a.createElement("div",{className:"info-wrap"},n.a.createElement("div",{className:"content"},Qe),n.a.createElement("div",{className:"content"},Me&&!y&&n.a.createElement(tj,{base:j,handleUpdateBase:ue,item:a,isAdminSeller:z,hideBtnRemove:ve,hideTitle:!0,taskId:d,isTeamLeader:H,handleChange:e=>{let{clone:t,isCustom:a}=e;ee(t,"mainMockups"),ee(a,"isMainCustomMockup")}}))),!Re&&!y&&je,!Re&&!y&&we,!Re&&!y&&Se,!Re&&!y&&Ie,y&&(z||q)&&(je||Ie||Be||we||Se?n.a.createElement(D.Y,{distribution:"fillEvenly"},n.a.createElement("div",null,n.a.createElement(D.Y,{vertical:!0},je,we,Se,Ie)),Be):null),y?n.a.createElement("div",null,n.a.createElement("div",{className:"bases-header-wrap have-print-file "+(Re?"has-attr":"")},n.a.createElement("div",{className:"base-info"+(Re?"-wrap":"")},n.a.createElement(D.v,{children:"Product bases:"})),!Ee&&!de&&!ke&&n.a.createElement(D.v,{children:"Print file"})),n.a.createElement("div",{className:"product-base-wrap"},(null===E||void 0===E?void 0:E.length)>0?[...E].map((e,t,l)=>n.a.createElement(Gj,Object.assign({base:{...e},key:"base-"+t,handleDelete:se,disabled:1===l.length,bases:l,forceUpdate:M,toggleForceUpdate:T},De,{isAdminSeller:z,isRoleIdea:q,showPrintFile:Me,item:a,status:s,canUpdate:Ce,itemStatusNull:ke,hideBtnRemove:ve,hidePFDLeader:Te,handleChange:ee,noDoingOrPending:ye}))):null),(Ce||ke)&&n.a.createElement(_j,{item:a,index:r,updateProduct:I})):(z||q)&&(ye||ke)?n.a.createElement("div",{className:"section-vertical"},n.a.createElement("div",{className:"content"},n.a.createElement(D.v,{children:"Organization"}),Be),n.a.createElement("div",{className:"content"},n.a.createElement(D.v,null,n.a.createElement("span",{style:{margin:"0.5rem"}},"Product Base:"),n.a.createElement(xj,{base:j})),n.a.createElement(qj,Object.assign({base:j,bases:E,isAdminSeller:z,isRoleIdea:q,canUpdate:Ce,itemStatusNull:ke,hideBtnRemove:ve,hidePFDLeader:Te,handleChange:ee,forceUpdate:M,toggleForceUpdate:T},De)))):z||q?null:n.a.createElement("div",null,n.a.createElement(D.v,{children:"Product base:"}),n.a.createElement(qj,{isAdminSeller:z,isRoleIdea:q,base:j,handleUpdateBase:ue,isUpdate:B,hideBtnRemove:ve,hidePFDLeader:Te,setChanged:x,taskId:d,isTeamLeader:H,item:a,handleAttributesChange:ce,isCreator:$,handleChange:ee,forceUpdate:M,toggleForceUpdate:T})),(z||q)&&!fe&&n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.j,{label:"Prioritize this "+Ne,checked:C,id:"isPriority",onChange:ee}),n.a.createElement(Rj,{item:a,canUpdate:Ce,handleFieldsChange:le,handleIsPersonalizedChange:ae})),n.a.createElement(Uj,Object.assign({canUpdate:Ce,item:a},Pe,{designerCanView:be||de||he,taskDone:be})),n.a.createElement(Tj,Object.assign({canUpdate:Ce,item:a},Pe)),!Ue&&Fe&&!g&&n.a.createElement(Pj,{bases:E}),(z||N||V)&&!Ue&&!g&&n.a.createElement(Oj,{item:a,taskId:d,isTeamLeader:H,taskValue:m,onCloseParent:p,activeKey:A}))))}));function qj(e){let{base:t,handleAttributesChange:a,bases:r,updateBaseRef:i,handleUpdateBase:o,updateBaseRef2:s,isAdminSeller:c,isRoleIdea:u,isUpdate:d,canUpdate:m,hideBtnRemove:p,itemStatusNull:g,hidePFDLeader:A,setChanged:b,taskId:h,isTeamLeader:f,item:v,isCreator:E,handleChange:y,forceUpdate:C,toggleForceUpdate:k}=e;const O=null===t||void 0===t?void 0:t.productBaseId,{isNeedReview:j}=Object(SO.b)(null===v||void 0===v?void 0:v.status),w=Object(l.useRef)(!1),S=Object(l.useRef)(t);S.current=t;const{data:I}=Object(De.d)(Vj,{variables:{id:O},skip:!O,fetchPolicy:"no-cache"});Object(l.useEffect)(()=>{if(d&&null!=(null===I||void 0===I?void 0:I.productBaseByID)&&!w.current){const e={...S.current,...I.productBaseByID},t=e.variants,a=e.activeProductBaseVariantIds,l={},n=(t||[]).map(e=>{const t=Object.assign({},e),n=t.attributes||[];for(let a=0;a<n.length;a++){var r;const e=n[a],{slug:t,option:i,name:o}=e||{};l[t]=null!=(null===(r=l[t])||void 0===r?void 0:r.options)?{...l[t],options:[...l[t].options,i]}:{slug:t,name:o,options:[i]}}return(null===a||void 0===a?void 0:a.length)>0&&(t.disabled=!a.includes(t.id)),t.productBaseVariant={attributes:t.attributes},t.productBaseVariantId=t.id,t});e.variants=n,e.attributes=Object.values(l),S.current=e,o({...e},!0),w.current=!0}},[I,o,d]);const B=Object(l.useCallback)(e=>{const t={...S.current,...e};o({...t})},[o]);return!c&&!u||j?n.a.createElement(Hj,{base:t,hideBtnRemove:p,hidePFDLeader:A,taskId:h,isTeamLeader:f,item:v,handleUpdateBase:o,isCreator:E,handleChange:y}):n.a.createElement(n.a.Fragment,null,n.a.createElement(cS,{base:t,updateState:a,selectedBases:r,ref:i,disabledAll:!m&&!g,setChanged:b,forceUpdate:C,toggleForceUpdate:k}),m&&n.a.createElement($j,{base:t,updateBase:B,updateBaseRef2:s}))}function Hj(e){let{base:t,isCampaign:a,handleUpdateBase:l,item:r,status:i,hideBtnRemove:o,attrMarkup:s,hidePFDLeader:c=!1,taskId:u,isTeam
16239Leader:d,isCreator:m,handleChange:p}=e;const g=null===t||void 0===t?void 0:t.images,A=(null===g||void 0===g?void 0:g.length)>0?g[0]:null,b=A?A.thumbnailUrl?A.thumbnailUrl:A.url?A.url:null:null,h=s?"has-attr":"",f=n.a.createElement(xj,{base:t}),v=n.a.createElement("div",{className:"base-info"},n.a.createElement("img",{src:b||ze.a,className:"base-image",alt:""}),f);return a?n.a.createElement("div",{className:"base-wrap have-print-file "+h},h?n.a.createElement("div",{className:"base-info-wrap"},v,s):v,n.a.createElement("div",{className:"design-position"},!c&&n.a.createElement(tj,{base:t,item:r,handleUpdateBase:l,status:i,hideBtnRemove:o,hideTitle:!0,taskId:u,isTeamLeader:d,handleChange:e=>{let{clone:t,isCustom:a}=e;p(t,"mainMockups"),p(a,"isMainCustomMockup")}}))):m?n.a.createElement("div",{className:"base-wrap"},n.a.createElement("img",{src:b||ze.a,className:"base-image",alt:""}),f):n.a.createElement("div",{className:"base-wrap have-print-file"},v,n.a.createElement("div",{className:"design-position"},!c&&n.a.createElement(tj,{base:t,item:r,handleUpdateBase:l,status:i,hideBtnRemove:o,hideTitle:!0,taskId:u,isTeamLeader:d,handleChange:e=>{let{clone:t,isCustom:a}=e;p(t,"mainMockups"),p(a,"isMainCustomMockup")}})))}function $j(e){let{base:t,updateBase:a,updateBaseRef2:r}=e;const[i,o]=Object(Ee.a)(!1);return n.a.createElement(l.Fragment,null,n.a.createElement(D.g,{children:"View all variants",onClick:o,size:"slim"}),n.a.createElement(WO,{open:i,onClose:o,base:t,updateBase:a,ref:r}))}function _j(e){let{item:t,updateProduct:a,index:r}=e;const i=t.bases,o=t.fulfillmentId,s=t.isCampaign,[c,u]=Object(Ee.a)(!1),[d,m]=Object(l.useState)({fulfillmentId:o,selectedProductBases:i});Object(l.useEffect)(()=>{m(e=>({...e,fulfillmentId:o,selectedProductBases:i}))},[o,i]);const p=Object(l.useCallback)(e=>{m(t=>({...t,fulfillmentId:e}))},[]),g=Object(l.useCallback)(e=>{m(t=>({...t,selectedProductBases:e}))},[]),A=Object(l.useCallback)(async()=>{const e=(d.selectedProductBases||[]).map(e=>null===e||void 0===e?void 0:e.id).filter(Boolean),t=await VA(e),l=(d.selectedProductBases||[]).map(e=>{const{id:a}=e;return(t||t[a])&&(e={...e,...t[a]}),e});a(r,{bases:l,fulfillmentId:o})},[d,a,r]);return n.a.createElement("div",{className:"add-more"},n.a.createElement(D.g,{children:"Add More Products",onClick:u}),n.a.createElement(YO,{isCampaign:s,open:c,onClose:u,handleContinue:A,handleFulfillmentChange:p,handleChange:g,fulfillmentId:d.fulfillmentId,selectedProductBases:d.selectedProductBases}))}function Gj(e){let{base:t,handleDelete:a,disabled:r,bases:i,handleAttributesChange:o,handleUpdateBase:s,updateBaseRef2:c,updateBaseRef:u,forceUpdate:d,toggleForceUpdate:m,isAdminSeller:p,isRoleIdea:g,isUpdate:A,showPrintFile:b,item:h,status:f,canUpdate:v,hideBtnRemove:E,noDoingOrPending:y,itemStatusNull:C,hidePFDLeader:k,setChanged:O,taskId:j,isTeamLeader:w,isCreator:S,handleChange:I}=e;const B=null===t||void 0===t?void 0:t.id,P=null===t||void 0===t?void 0:t.images,x=(null===P||void 0===P?void 0:P.length)>0?P[0]:null,M=x?x.thumbnailUrl?x.thumbnailUrl:x.url?x.url:null:null,[T,Q]=Object(Ee.a)(!1),R=Object(l.useRef)(!1),F=Object(l.useRef)(t),{data:N}=Object(De.d)(Vj,{variables:{id:B},skip:!B,fetchPolicy:"no-cache"});Object(l.useEffect)(()=>{if(A&&null!=(null===N||void 0===N?void 0:N.productBaseByID)&&!R.current){const e={...F.current,...N.productBaseByID},t=e.variants,a=e.activeProductBaseVariantIds,l={},n=(t||[]).map(e=>{const t=e.attributes||[];for(let a=0;a<t.length;a++){var n;const e=t[a],{slug:r,option:i,name:o}=e||{};l[r]=null!=(null===(n=l[r])||void 0===n?void 0:n.options)?{...l[r],options:[...l[r].options,i]}:{slug:r,name:o,options:[i]}}return(null===a||void 0===a?void 0:a.length)>0&&(e.disabled=!a.includes(e.id)),e.productBaseVariant={attributes:e.attributes},e.productBaseVariantId=e.id,e});e.variants=n,e.attributes=Object.values(l),F.current=e,s({...e},!0),R.current=!0}},[A,N,s]);const U=Object(l.useCallback)(e=>{const t={...F.current,...e};s({...t})},[s]),L=Object(l.useCallback)(()=>{a(B)},[a,B]),V=n.a.createElement(D.g,{children:"Delete",destructive:!0,plain:!0,onClick:L,size:"slim",disabled:!v}),z=n.a.createElement(D.g,{children:"Edit",size:"slim",plain:!0,onClick:Q,disabled:!v}),{isNeedReview:q}=Object(SO.b)(null===h||void 0===h?void 0:h.status),H=(p||g)&&!q&&n.a.createElement(cS,{base:t,updateState:o,selectedBases:i,ref:u,forceUpdate:d,toggleForceUpdate:m,disabledAll:!v&&!C,setChanged:O});
16239return(p||g)&&(y||C)?n.a.createElement("div",{className:"base-content"},n.a.createElement(D.Y,null,n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(xj,{base:t})),n.a.createElement("div",{className:"btn-wrap"},z,!r&&V)),n.a.createElement("div",{className:"base-wrap"},n.a.createElement("img",{src:M||ze.a,className:"base-image",alt:""}),n.a.createElement(cS,{base:t,updateState:o,selectedBases:i,ref:u,forceUpdate:d,toggleForceUpdate:m,disabledAll:!v&&!C,setChanged:O})),n.a.createElement(WO,{open:T,onClose:Q,base:t,updateBase:U,ref:c})):n.a.createElement(Hj,{base:t,isCampaign:b,handleUpdateBase:s,item:h,status:f,hideBtnRemove:E,attrMarkup:H,hidePFDLeader:k,taskId:j,isTeamLeader:w,isCreator:S,handleChange:I})}const Kj=j.b.div` 16240 .add-more { 16241 margin-top: 1.6rem; 16242 } 16243 .section-vertical { 16244 display: flex; 16245 flex-direction: row; 16246 gap: 1rem 2rem; 16247 flex-wrap: wrap; 16248 16249 .content { 16250 width: calc(50% - 1rem); 16251 } 16252 16253 .left { 16254 width: calc(40% - 1rem); 16255 } 16256 16257 .right { 16258 width: calc(60% - 1rem); 16259 } 16260 } 16261 16262 .additional-info { 16263 margin-top: 1.6rem; 16264 padding-top: 1.6rem; 16265 border-top: 1px solid #c4cdd5; 16266 } 16267 16268 .Polaris-Heading { 16269 margin-bottom: 1rem; 16270 } 16271 16272 .product-base-wrap { 16273 display: flex; 16274 flex-direction: column; 16275 row-gap: 2rem; 16276 } 16277 16278 .base-content { 16279 display: flex; 16280 flex-direction: column; 16281 padding: 1rem 1.6rem 1.6rem; 16282 border: 0.2rem solid #dfe3e8; 16283 border-radius: 5px; 16284 flex: 1 1 60%; 16285 16286 .actions-wrap { 16287 display: flex; 16288 flex-direction: row; 16289 column-gap: 1rem; 16290 } 16291 } 16292 16293 .base-image { 16294 width: 16rem; 16295 height: 16rem; 16296 object-fit: cover; 16297 border-radius: 5px; 16298 box-shadow: var( 16299 --p-card-shadow, 16300 0 0 0 1px rgba(63, 63, 68, 0.05), 16301 0 1px 3px 0 rgba(63, 63, 68, 0.15) 16302 ); 16303 } 16304 16305 .base-wrap, 16306 .bases-header-wrap { 16307 display: flex; 16308 flex-direction: row; 16309 gap: 2rem; 16310 margin-top: 0.5rem; 16311 flex-wrap: wrap; 16312 16313 &.have-print-file { 16314 + .have-print-file { 16315 margin-top: 1.6rem; 16316 padding-top: 1.6rem; 16317 border-top: 1px solid #d9d9d9; 16318 } 16319 16320 &.has-attr { 16321 .base-info-wrap { 16322 width: calc(50% - 1rem); 16323 16324 .attributes-wrap { 16325 margin-top: 1.6rem; 16326 } 16327 16328 .base-info { 16329 width: 100%; 16330 } 16331 } 16332 } 16333 16334 .base-info { 16335 width: calc(50% - 1rem); 16336 display: flex; 16337 flex-direction: row; 16338 column-gap: 2rem; 16339 margin-top: 0.5rem; 16340 } 16341 16342 .design-position { 16343 flex: 1 1; 16344 } 16345 } 16346 } 16347 16348 .attributes-wrap { 16349 display: flex; 16350 flex-direction: column; 16351 row-gap: 1.6rem; 16352 16353 .option-wrap { 16354 border-radius: 3px; 16355 font-weight: 500; 16356 display: flex; 16357 align-items: center; 16358 } 16359 } 16360 16361 .info-wrap { 16362 display: flex; 16363 flex-direction: row; 16364 column-gap: 1.6rem; 16365 16366 > .content { 16367 width: calc(50% - 1rem); 16368 display: flex; 16369 flex-direction: column; 16370 row-gap: 1.6rem; 16371 } 16372 } 16373`,Jj=Object(l.createContext)(null);Jj.displayName="ProductSectionContext";const Yj="ToggleView",Wj={[Yj]:e=>({...e,toggleView:!e.toggleView})};function Zj(e,t){return Object(c.Cb)(t.type,Wj,e,t)}const Xj={toggleView:!0};function ew(e){let{children:t}=e;const[a,r]=Object(l.useReducer)(Zj,Xj),i=Object(l.useCallback)(()=>{r({type:Yj})},[r]),o=Object(l.useMemo)(()=>({...a,handleToggleView:i}),[a,i]);return n.a.createElement(Jj.Provider,{value:o},t)}const tw=j.b.div` 16374 margin: -1rem; 16375 @media (min-width: 640px) { 16376 margin: -1.5rem; 16377 } 16378`,aw=o.a` 16379 query templates($filter: TemplateFilter!) { 16380 templates(filter: $filter) { 16381 total 16382 nodes { 16383 id 16384 name 16385 slug 16386 grouping 16387 isProductTemplate 16388 defaultMockupIds 16389 productBases { 16390 id 16391 mockupTemplates { 16392 id 16393 originTemplateID 16394 isDefault 16395 } 16396 } 16397 data { 16398 personalized 16399 productBases { 16400 ...ProductBasse 16401 } 16402 ProductBaseIds 16403 fields { 16404 name 16405 title 16406 type 16407 extraFee 16408 configure 16409 sorting 16410 } 16411 products { 16412 title 16413 description 16414 productbaseId 16415 shortDescription 16416 tagIds 16417 tags { 16418 id 16419 name 16420 } 16421 variants { 16422 salePrice 16423 regularPrice 16424 productBaseVariantID 16425 disabled 16426 } 16427 collectionIds 16428 collections { 16429 id 16430 name 16431 } 16432 } 16433 } 16434 } 16435 } 16436 } 16437 ${Gp} 16438`,lw=e=>{var t,a;let{handleUseTemplate:r,allTemplate:i=!0}=e;const[o,s]=Object(l.useState)(0),[u,d]=Object(l.useState)({limit:Number(Object(c.M)("perPageTemplates"))||20,offset:0,product:null,search:null}),[m,p]=Object(l.useReducer)(c.Hb,{search:""}),{currentUser:g}=Object(te.c)(),A=Object(c.U)(g),{data:b,loading:h,error:f}=Object(De.d)(aw,{variables:{filter:u}});Object(l.useEffect)(()=>{0===o?d(e=>({...e,product:null})):1===o?d(e=>({...e,product:!0})):2===o&&d(e=>({...e,product:!1}))}
16438,[o]);const v=Object(l.useCallback)(e=>{s(e),d(e=>({...e,offset:0}))},[]),E=Object(l.useCallback)((e,t)=>{d(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageTemplates",t,100)},[]),y=n.a.useRef(null),C=Object(l.useCallback)(e=>{p({search:e}),y.current&&clearTimeout(y.current),y.current=setTimeout(()=>{d(t=>({...t,search:e}))},500)},[]),k=h&&n.a.createElement(D.D,null),O=n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Add Template for Product",url:`/${A}/templates/for-product`}),n.a.createElement(D.g,{children:"Add Template for Campaign",url:`/${A}/templates/for-campaign`}));return n.a.createElement(tw,null,k,n.a.createElement(D.H,{title:"All Templates",fullWidth:!0,primaryAction:O},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.cb,{value:m.search,onChange:C,placeholder:"Enter template name"})),n.a.createElement(D.i,null,n.a.createElement(D.Z,{tabs:[{id:"all-templates",content:"All Templates",accessibilityLabel:"All Templates",panelID:"all-templates"},{id:"product-templates",content:"Product Templates",accessibilityLabel:"Product Templates",panelID:"product-templates"},{id:"campaign-templates",content:"Campaign Templates",panelID:"campaign-templates"}],selected:o,onSelect:v},f&&n.a.createElement("div",null,"Error: ",f.toString()),h?n.a.createElement(Je.SkeletonPagePolaris,null):(null===b||void 0===b||null===(t=b.templates)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(tb,{allTemplate:i,selectedTab:o,data:b,handleUseTemplate:r,filter:u,setFilter:E}):n.a.createElement(We.EmptyStatePolaris,null)))))},nw=o.a` 16439 query getTemplateByID($id: ID!) { 16440 getTemplateByID(id: $id) { 16441 id 16442 name 16443 slug 16444 grouping 16445 isProductTemplate 16446 defaultMockupIds 16447 productBases { 16448 id 16449 mockupTemplates { 16450 id 16451 originTemplateID 16452 isDefault 16453 } 16454 } 16455 data { 16456 personalized 16457 productBases { 16458 ...ProductBasse 16459 } 16460 ProductBaseIds 16461 fields { 16462 name 16463 title 16464 type 16465 extraFee 16466 configure 16467 sorting 16468 } 16469 products { 16470 title 16471 description 16472 productbaseId 16473 shortDescription 16474 tagIds 16475 tags { 16476 id 16477 name 16478 } 16479 variants { 16480 salePrice 16481 regularPrice 16482 productBaseVariantID 16483 disabled 16484 } 16485 collectionIds 16486 collections { 16487 id 16488 name 16489 } 16490 } 16491 } 16492 } 16493 } 16494 ${Gp} 16495`,rw=Object(l.createContext)(null),iw=new Map;function ow(e){let{children:t,...a}=e;const[r,i]=Object(l.useReducer)(c.Hb,{active:!1,index:-1,templateId:null,template:null,loading:!1}),[o,{loading:s,data:u}]=Object(De.b)(nw);Object(l.useEffect)(()=>{if(u){const e=Object(C.get)(u,"getTemplateByID");i({loading:!1,template:e}),(null===e||void 0===e?void 0:e.id)&&iw.set(e.id,e)}},[s]);const d=Object(l.useCallback)(e=>{i({active:!0,templateId:e});const t=iw.get(e),a={active:!0,templateId:e,loading:!0};t?(a.template=t,a.loading=!1):o({variables:{id:e}}),i(a)},[o]),m=Object(l.useCallback)(()=>{i({active:!1,loading:!1,templateId:null,template:null})},[]);return n.a.createElement(rw.Provider,{value:{...r,...a,handleOpenExpand:d,handleCloseExpand:m}},t)}function sw(){return Object(l.useContext)(rw)}const cw=o.a` 16496 query getTemplateByID($id: ID!) { 16497 getTemplateByID(id: $id) { 16498 id 16499 name 16500 slug 16501 grouping 16502 isProductTemplate 16503 defaultMockupIds 16504 16505 data { 16506 products { 16507 title 16508 description 16509 productbaseId 16510 shortDescription 16511 tagIds 16512 tags { 16513 id 16514 name 16515 } 16516 variants { 16517 salePrice 16518 regularPrice 16519 productBaseVariantID 16520 disabled 16521 } 16522 collectionIds 16523 collections { 16524 id 16525 name 16526 } 16527 } 16528 } 16529 } 16530 } 16531`;function uw(e){let{id:t}=e;const[a,r]=Object(Ee.a)(!1),[i,o]=Object(Ee.a)(!1),[s,c]=Object(l.useState)({msg:null,err:!1}),u=i&&s.msg&&n.a.createElement(D.fb,{content:s.msg,duration:2e3,onDismiss:o});return n.a.createElement(l.Fragment,null,u,n.a.createElement(D.g,{children:"Update content",onClick:r,plain:!0}),n.a.createElement(dw,{open:a,onClose:r,id:t,toggleActive:o,setNotify:c}))}function dw(e){let{open:t,onClose:a,id:r,toggleActive:i,setNotify:o}=e;const{data:s,loading:u}=Object(De.d)(cw,{variables:{id:r},skip:!r||!t}),d=Object(C.get)(s,"getTemplateByID"),{defaultMockupIds:m,id:p,data:g}=d||{},{products:A}=g||{},[b]=A||[],{description:h}=b||{},[f,v]=Object(l.useState)({defaultMockups:[],newContent:""}),[E,{loading:y}]=Object(De.c)(Jt.ie,{onCompleted:()=>{o({msg:"Update template content successfully",err:!1}),a()},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString),err:!0})}}),[k]=kg(m);Object(l.useEffect)(()=>{h&&v(e=>({...e,newContent:h}))},[h]),Object(l.useEffect)(()=>{t&&async function(){const e=await k();(null===e||void 0===e?void 0:e.length)>0&&v(t=>({...t,defaultMockups:e}))}()},[k,t]);const O=Object(l.useCallback)(()=>{const{defaultMockups:e,newContent:t}=f,a=(e||[]).map(e=>
16531e.id).filter(Boolean);null!=p&&(i&&i(!0),o&&o({msg:null,err:!1}),E({variables:{id:p,defaultMockupIds:a,newContent:t||null}}))},[f,E,i,o]),j=Object(l.useCallback)(e=>{v(t=>({...t,defaultMockups:e}))},[]),w=Object(l.useCallback)(e=>{v(t=>({...t,newContent:e}))},[]);return n.a.createElement(D.E,{open:t,onClose:a,title:"Update Template Content",sectioned:!0,large:!0,primaryAction:{content:"Submit",onAction:O,loading:y},secondaryActions:[{content:"Cancel",onAction:a}]},u?n.a.createElement(Je.default,{sizeSmall:!0}):n.a.createElement(D.Y,{vertical:!0},n.a.createElement("div",null,n.a.createElement(D.z,{label:"Template Content 222"}),n.a.createElement(Kt.a,{value:f.newContent,onChange:w})),n.a.createElement("div",null,n.a.createElement(D.z,{label:"Default Mockup Files"}),n.a.createElement(Ae.a,{prefix:"mockups/",folder:oe.ob.MOCKUPS,multiple:!0,listType:"picture-card",buttonType:"primary",accept:"image/*",fileList:f.defaultMockups,onChange:j}))))}const mw=o.a` 16532 query getTemplateByID($id: ID!) { 16533 getTemplateByID(id: $id) { 16534 id 16535 name 16536 slug 16537 grouping 16538 isProductTemplate 16539 defaultMockupIds 16540 productBases { 16541 id 16542 mockupTemplates { 16543 id 16544 originTemplateID 16545 isDefault 16546 } 16547 } 16548 data { 16549 personalized 16550 productBases { 16551 ...ProductBasse 16552 } 16553 ProductBaseIds 16554 fields { 16555 name 16556 title 16557 type 16558 extraFee 16559 configure 16560 sorting 16561 } 16562 products { 16563 title 16564 description 16565 productbaseId 16566 shortDescription 16567 tagIds 16568 tags { 16569 id 16570 name 16571 } 16572 variants { 16573 salePrice 16574 regularPrice 16575 productBaseVariantID 16576 disabled 16577 } 16578 collectionIds 16579 collections { 16580 id 16581 name 16582 } 16583 } 16584 } 16585 } 16586 } 16587 ${Gp} 16588`;const pw=o.a` 16589 mutation deleteTemplate($id: ID!) { 16590 deleteTemplate(id: $id) 16591 } 16592`,gw=j.b.div` 16593 button + button { 16594 margin-left: 1.25rem; 16595 } 16596`;var Aw=e=>{let{node:t,handleUseTemplate:a,allTemplate:r,selectedTab:i}=e;const[o,s]=Object(l.useState)(!1),{id:u}=t||{},{refetch:d,handleOpenExpand:m,templateId:p,handleCloseExpand:g}=sw(),{setNotify:A,toggleToast:b}=Object(Fa.b)(),{currentUser:h}=Object(l.useContext)(te.a),f=Object(c.U)(h),[v]=Object(mm.a)(),[E,{loading:y}]=Object(De.c)(pw,{onCompleted:()=>{k(),A({msg:"Template has been deleted!",err:!1}),v(()=>{d&&d()},1500)},onError:e=>{k(),A({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),k=Object(l.useCallback)(()=>s(e=>!e),[o]),O=p===u,j=Object(l.useCallback)(()=>{O?g():m(u)},[u,m,O]),w=Object(l.useCallback)(()=>{b&&b(!0),A&&A({msg:null,err:!1}),E({variables:{id:t.id}})},[t.id,A,b]);return n.a.createElement(gw,null,n.a.createElement(uw,{id:u}),n.a.createElement(D.g,{plain:!0,onClick:j},O?"Hide Details":"Show Details"),n.a.createElement(D.g,{plain:!0,onClick:async()=>{if(r)(1===i||0===i&&t.isProductTemplate)&&B.a.push(`/${f}/products/add/${t.id}`),(2===i||0===i&&!t.isProductTemplate)&&B.a.push(`/${f}/products/add-campaign/${t.id}`);else{const e=await async function(e){const{__apolloClient__:t}=window;if(!e||!t)return null;try{const{data:a}=await t.query({query:mw,variables:{id:e}});return Object(C.get)(a,"getTemplateByID")}catch(a){console.error(null===a||void 0===a?void 0:a.toString())}}(t.id);a(e)}}},"Use Template"),r&&n.a.createElement(D.g,{plain:!0,onClick:k},"Remove"),n.a.createElement(D.E,{title:"Remove template",open:o,onClose:k,primaryAction:{content:"Remove",loading:y,onAction:w}},n.a.createElement(D.E.Section,null,n.a.createElement(D.bb,null,n.a.createElement("p",null,"Are you sure to delete this template?")))))};function bw(e){let{node:t}=e;const{id:a}=t||{},{active:l,templateId:r,template:i,loading:o}=sw(),s=null===i||void 0===i?void 0:i.data,{bases:u,baseIds:d}=function(e){const t=((null===e||void 0===e?void 0:e.productBases)||[]).reduce((e,t)=>t&&"object"===typeof t?(e[t.id]=t,e):e,{}),a=(null===e||void 0===e?void 0:e.ProductBaseIds)||[];return{bases:t,baseIds:a}}(s),m=a===r,p=o&&m;return n.a.createElement(D.l,{open:!0===l?m:l,id:""+r,transition:{duration:"150ms",timingFunction:"ease"}},p?n.a.createElement(Je.default,{sizeSmall:!0}):(null===d||void 0===d?void 0:d.length)>0?d.map((e,t)=>{const a=u[e];
16596if(!a)return null;let l=s.products&&s.products.length&&s.products.find(e=>e.productbaseId===a.id),r=function(e){let t=0,a=0;if(!e||0===e.length)return{counEnabled:t,counDisabled:a};return e.forEach(e=>{e.disabled?a++:t++}),{counEnabled:t,counDisabled:a}}(l.variants),i=l.variants,o=a,d=o.variants,m=function(e,t,a){let l={},n=!1;if(a){0===function(e){let t=0;return k.a.forOwn(e,(function(e,a){e.productBaseVariant.attributes&&e.productBaseVariant.attributes.length>0&&(e.disabled||t++)})),t}(a)&&(n=!0)}e&&e.length>0&&e.forEach(e=>{let a={};e.options.forEach(l=>{let r=!1;n&&(r=!0),t&&t[e.slug]&&t[e.slug].length>0&&(r=!0,k.a.includes(t[e.slug],l)&&(r=!1)),a[Object(c.Tb)(l)]={label:l,disabled:r}}),l[e.slug]={name:e.name,slug:e.slug,options:a}});return l}(o.attributes,function(e){let t={};return k.a.forOwn(e,(function(e,a){!e.disabled&&e.productBaseVariant&&e.productBaseVariant.attributes&&e.productBaseVariant.attributes.length>0&&e.productBaseVariant.attributes.forEach(e=>{t[e.slug]||(t[e.slug]=[]),t[e.slug].push(e.option)})})),t}(function(e,t){let a=[];if(!e||0===e.length)return a;return e.forEach(e=>{let l=e.productBaseVariantID;(t||[]).forEach(t=>{if(t.id===l){let a={attributes:t.attributes};e.productBaseVariant=a,e.productBaseVariantId=t.id,e.image=null}}),a.push(e)}),a}(i,d)));const p=a.images;return n.a.createElement("div",{key:`${e}-${t}`,className:"bases-wrap"},n.a.createElement("div",{className:"img-wrap"},(null===p||void 0===p?void 0:p.length)>0?p.map((t,a)=>n.a.createElement("div",{key:`${e}-${a}`,style:{width:200}},n.a.createElement("img",{src:t.thumbnailUrl?t.thumbnailUrl:t.url,alt:"",style:{width:"100%"}}))):n.a.createElement("div",{key:e+"-image",style:{width:200}},n.a.createElement("img",{src:ze.a,alt:"",style:{width:"100%"}})),n.a.createElement("span",{style:{marginTop:"1rem",display:"inline-block"}},a.baseCostDescription)),n.a.createElement("div",null,n.a.createElement("span",null,a.title),m&&Object.keys(m).map((e,t)=>n.a.createElement("div",{key:`${t}-attribute-${e}`},n.a.createElement("div",{className:"attribute-title"},m[e]&&m[e].name,":"),n.a.createElement("div",null,m[e]&&m[e].options&&Object.keys(m[e].options).map((a,l)=>{let r="attr-option-val pm-tag-enabled";return m[e].options[a].disabled&&(r="attr-option-val pm-tag-disabled"),n.a.createElement("div",{key:`${t}-attr-option-${a}`,className:r},m[e].options&&m[e].options[a]&&m[e].options[a].label)})))),n.a.createElement("div",{className:"variant-total"},r&&r.counDisabled>=0&&n.a.createElement("div",null,"Total enabled: ",n.a.createElement("span",null,r.counEnabled)),r&&r.counDisabled>=0&&n.a.createElement("div",null,"Total disabled: ",n.a.createElement("span",null,r.counDisabled)))))}):null)}function hw(e){let{data:t,handleUseTemplate:a,filter:l,setFilter:r,allTemplate:i,selectedTab:o}=e,s=[];t&&t.templates.nodes.forEach((e,t)=>{s.push([n.a.createElement("div",{className:"flex flex-col"},n.a.createElement("span",null,n.a.createElement("strong",null,`#${++t} `),e.name," ",2===o&&e.grouping?n.a.createElement(D.e,{status:"success"},"Grouping"):""),n.a.createElement("span",null,e.slug),n.a.createElement(bw,{node:e})),n.a.createElement(Aw,{node:e,idx:t,handleUseTemplate:a,filter:l,allTemplate:i,selectedTab:o})])});let{limit:c,offset:u}=l;const d=k.a.get(t,"templates.total",0),m={page:u/c+1,totalPage:Math.ceil(d/c),offset:u,limit:c,onChange:r,total:d};return n.a.createElement(fw,null,n.a.createElement(D.n,{columnContentTypes:["text","numeric"],headings:["Name","Actions"],rows:s,verticalAlign:"top",footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:m,showTotal:!0})}))}const fw=j.b.div` 16597 .bases-wrap { 16598 display: flex; 16599 flex-direction: row; 16600 margin: 2rem; 16601 } 16602 .img-wrap { 16603 margin-right: 3rem; 16604 } 16605 .attribute-title, 16606 .variant-total { 16607 margin-top: 1rem; 16608 } 16609 .Polaris-Tag + .Polaris-Tag { 16610 margin-left: 1rem; 16611 } 16612 .attr-option-val { 16613 -webkit-box-sizing: border-box; 16614 box-sizing: border-box; 16615 margin: 0; 16616 padding: 0; 16617 color: rgba(0, 0, 0, 0.65); 16618 font-size: 14px; 16619 font-variant: tabular-nums; 16620 line-height: 1.5715; 16621 list-style: none; 16622 -webkit-font-feature-settings: "tnum"; 16623 font-feature-settings: "tnum", "tnum"; 16624 display: inline-block; 16625 height: auto; 16626 margin-right: 8px; 16627 margin-top: 8px; 16628 padding: 0 7px; 16629 font-size: 12px; 16630 line-height: 20px; 16631 white-space: nowrap; 16632 background: #fafafa; 16633 border: 1px solid #d9d9d9; 16634 border-radius: 2px; 16635 cursor: default; 16636 opacity: 1; 16637 -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); 16638 transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); 16639 } 16640 .attr-option-val.pm-tag-enabled { 16641 background-color: rgb(24, 144, 255); 16642 border-color: transparent; 16643 color: #fff; 16644 } 16645 .Polaris-DataTable__Footer { 16646 overflow-x: scroll; 16647 } 16648 .Polaris-DataTable__Navigation { 16649 display: none; 16650 } 16651`,vw=j.b.div` 16652 margin: -1rem; 16653 @media (min-width: 640px) { 16654 margin: -1.5rem; 16655 } 16656`,Ew=o.a` 16657 query templates($filter: TemplateFilter!) { 16658 templates(filter: $filter) { 16659 total 16660 nodes { 16661 id 16662 name 16663 slug 16664 grouping 16665 isProductTemplate 16666 defaultMockupIds 16667 } 16668 } 16669 } 16670`;var yw=e=>{var t,a;let{handleUseTemplate:r,allTemplate:i=!0}=e;const[o,s]=Object(l.useState)(0),[u,d]=Object(l.useState)({limit:Number(Object(c.M)("perPageTemplates"))||20,offset:0,product:null,search:null}),[m,p]=Object(l.useReducer)(c.Hb,{search:""}),{currentUser:g}=Object(te.c)(),A=Object(c.U)(g),{data:b,loading:h,error:f,refetch:v}=Object(De.d)(Ew,{variables:{filter:u}}),E=Object(l.useCallback)(e=>{s(e);let t=null;1===e?t=!0:2===e&&(t=!1),d(e=>({...e,product:t,offset:0}))},[]),y=Object(l.useCallback)((e,t)=>{d(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageTemplates",t,100)},[]),C=n.a.useRef(null),k=Object(l.useCallback)(e=>{p({search:e}),C.current&&clearTimeout(C.current),C.current=setTimeout(()=>{d(t=>({...t,search:e}))},500)},[]),O=h&&n.a.createElement(D.D,null),j=n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Add Template for Product",url:`/${A}/templates/for-product`}),n.a.createElement(D.g,{children:"Add Template for Campaign",url:`/${A}/templates/for-campaign`}));return n.a.createElement(vw,null,O,n.a.createElement(D.H,{title:"All Templates",fullWidth:!0,primaryAction:j},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.cb,{value:m.search,onChange:k,placeholder:"Enter template name"})),n.a.createElement(D.i,null,n.a.createElement(ow,{refetch:v},n.a.createElement(D.Z,{tabs:[{id:"all-templates",content:"All Templates",accessibilityLabel:"All Templates",panelID:"all-templates"},{id:"product-templates",content:"Product Templates",accessibilityLabel:"Product Templates",panelID:"product-templates"},{id:"campaign-templates",content:"Campaign Templates",panelID:"campaign-templates"}],selected:o,onSelect:E},f&&n.a.createElement("div",null,"Error: ",f.toString()),h?n.a.createElement(Je.SkeletonPagePolaris,null):(null===b||void 0===b||null===(t=b.templates)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(hw,{allTemplate:i,selectedTab:o,data:b,handleUseTemplate:r,filter:u,setFilter:y}):n.a.createElement(We.EmptyStatePolaris,null))))))};
16670function Cw(e){let{fields:t,products:a,setActiveKey:r}=e;const[i,o]=Object(Ee.a)(!1),s=Object(l.useRef)(null),{addProduct:u,toggleForceUpdate:d}=CO(),m=Object(l.useCallback)(()=>{o()},[o]),p=Object(l.useCallback)(e=>{var t,l;const{data:n,productBases:i}=e||{};let c="",m=[],p=[],g=(null===n||void 0===n?void 0:n.fields)||[];const A=(null===n||void 0===n?void 0:n.products)||[],b=(null===A||void 0===A?void 0:A.length)>0?A[0]:null;null!=b&&({description:c,tags:m,collections:p}=b),g=(g||[]).map(e=>{const{__typename:t,sorting:a,...l}=e||{};return l});let h={};if((null===A||void 0===A?void 0:A.length)>0)for(let a=0;a<A.length;a++){const e=A[a];e&&(h[e.productbaseId]=e)}let f=(null===n||void 0===n||null===(t=n.productBases)||void 0===t?void 0:t.length)>0?n.productBases:[];const v=!!(null===n||void 0===n?void 0:n.personalized);f=f.map(e=>{const t=(i||[]).find(t=>t.id===e.id);let a=e.mockupTemplates;return t&&({mockupTemplates:a}=t),{...e,mockupTemplates:a}});const E={title:"",shortTitle:"",amzTitle:"",description:c,collectionIds:p,tagIds:m,isPersonalized:v,fields:g,isCampaign:!!((null===(l=f)||void 0===l?void 0:l.length)>1),bases:f.map(t=>{let a=h[t.id];return{...t,variants:t.variants.map((t,l)=>{let n=t.id,r=l;r=Object(C.findIndex)(a.variants,{productBaseVariantID:n});let i={productBaseVariant:t,productBaseVariantId:t.id,image:null,disabled:Object(C.get)(t,"disabled",!0)};if(e){const e=Object(C.get)(a,`variants[${r}]`);i.disabled=Object(C.get)(e,"disabled",!1)}return i})}}),medias:[],psdFiles:[],relatedProductIds:[],ideaDescription:"",psd:"",isPriority:!!g.priority};u({...E}),s.current=setTimeout(()=>{d(!0)},1500);const y=Math.max(0,a.length-1);r("product-"+y),o(!1)},[t,u,d,r,a,o]);return Object(l.useEffect)(()=>{let e=document.querySelector("#use-template-wrap"),t=document.querySelectorAll(".Polaris-Modal-Dialog__Modal");for(let a of t)Object(c.u)(a,e)&&a.setAttribute("style","max-width: calc(100% - 5rem); height: calc(100vh)")}),Object(l.useEffect)(()=>()=>{s.current&&clearTimeout(s.current)},[]),n.a.createElement(l.Fragment,null,n.a.createElement(D.i.Section,null,n.a.createElement(D.g,{children:"Use Templates",onClick:m})),n.a.createElement(D.E,{title:"Use Templates",sectioned:!0,open:i,onClose:m,large:!0},n.a.createElement("div",{id:"use-template-wrap"},n.a.createElement(yw,{handleUseTemplate:p,allTemplate:!1}))))}const{TabPane:kw}=ib.a;function Ow(e){let{layoutRef:t,value:a,isAdminSeller:r,isRoleIdea:i,onCloseParent:o,fields:s,isIdeaLeader:c}=e;const[u,d]=Object(Ee.a)(!1),[m,p]=Object(l.useState)(!1),[g,A]=Object(l.useState)({fulfillmentId:null,selectedProductBases:null}),[b,h]=Object(l.useState)("product-0"),f=Object(l.useRef)(!1),v=Object(l.useRef)(null),{products:E,addProduct:y,addProducts:C,updateProduct:k,setProductChecked:O,isClone:j,canContinue:w}=CO();Object(l.useEffect)(()=>{if((null===E||void 0===E?void 0:E.length)>0){const e=E.some(e=>e.checked);O&&O(e)}},[E,O]),Object(l.useEffect)(()=>{if(null!=a){const{taskBaseGroups:t}=a||{};if(Array.isArray(t)&&(null===t||void 0===t?void 0:t.length)>0&&!f.current){let a=[];for(let l=0;l<t.length;l++){const n=t[l];let{collections:r,tags:i,medias:o,relatedProducts:s,baseConfigs:c,psdFiles:u,psd:d,...m}=n||{};null!=(null===m||void 0===m?void 0:m.product)&&(d=m.product.psd,u=m.product.psdFiles);const p=r,g=i,A=s,b=[],h=[];if((null===c||void 0===c?void 0:c.length)>0)for(let t=0;t<c.length;t++){var e;const a=c[t];(null===a||void 0===a||null===(e=a.taskBaseSubmissions)||void 0===e?void 0:e.length)>0?b.push(a):h.push(a)}const f=[...b,...h].map(e=>{const{taskBaseSubmissions:t}=e||{},a=(t||[])[0],{customMockups:l}=a||{};return(null===l||void 0===l?void 0:l.length)>0?{...e,customMockups:l}:e}),v=f.map(e=>({...e,baseConfigId:e.id,id:e.productBaseId})),{mainMockups:E,isMainCustomMockup:y}=Iw(v);let C=d||null,k=C?C.split("|"):null;Array.isArray(k)&&(k=k.length>1?k.join("\n"):k[0]);const O={...m,collectionIds:p,tagIds:g,relatedProductIds:A,medias:o||[],psdFiles:u||[],psd:k,isCampaign:(null===f||void 0===f?void 0:f.length)>1,bases:v,mainMockups:E,isMainCustomMockup:y};a.push(O)}a.sort((e,t)=>
16670e.position-t.position),C(a),f.current=!0,clearTimeout(v.current),v.current=setTimeout(()=>{for(let e=0;e<a.length;e++){h("product-"+e)}},500)}}},[a,C]);Object(l.useCallback)((function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return()=>{p(e),d()}}),[d]),Object(l.useCallback)(e=>{A(t=>({...t,fulfillmentId:e}))},[]),Object(l.useCallback)(e=>{A(t=>({...t,selectedProductBases:e}))},[]),Object(l.useCallback)(()=>{const e=g.selectedProductBases,t=g.fulfillmentId,a=s.collectionIds,l=s.tagIds,n=s.title;let r="";if(m)r=(null===e||void 0===e?void 0:e.length)>0?e.reduce((e,t)=>{const{title:a,niceName:l,defaultContent:n}=t||{};return e+=`<div><strong>${l||a}<strong></div>${n}`},""):"";else{const[t]=e,{defaultContent:a}=t||{};r=a}const i={title:n,shortTitle:"",amzTitle:"",description:r,collectionIds:a,tagIds:l,isPersonalized:!1,fields:[],isCampaign:m,bases:e,fulfillmentId:t,medias:[],psdFiles:[],relatedProductIds:[],ideaDescription:"",psd:"",isPriority:!!s.priority};y(i);const o=Math.max(0,E.length-1);h("product-"+o)},[g,m,y,E,s]);const S=Object(l.useCallback)(e=>h(e),[]),I=null===a||void 0===a?void 0:a.status,B=null===a||void 0===a?void 0:a.assignee,P=null===a||void 0===a?void 0:a.id,x=a,{isPending:M,isDone:T,isDraft:Q}=Object(SO.b)(I),R=(r||i)&&(null==I||M||T||Q||j);return n.a.createElement(ew,null,n.a.createElement("div",{className:"product-section"},n.a.createElement(Bw,null),!w&&n.a.createElement(D.x,{message:"At least one product base with a mockup template must be included in each group configuration."}),n.a.createElement(ww,{products:E,ref:t,activeKey:b,handleActiveKeyChange:S,status:I,isAdminSeller:r,isRoleIdea:i,updateProduct:k,assignee:B,taskId:P,taskValue:x,onCloseParent:o,isIdeaLeader:c,isClone:j}),R&&n.a.createElement(Cw,{fields:s,products:E,setActiveKey:h}),0===(null===E||void 0===E?void 0:E.length)&&n.a.createElement(D.x,{message:"Please choose at least one product for idea task."}),P&&!r&&!i&&n.a.createElement(PO,{taskId:P})))}const jw={[SO.a.Approved]:{label:"Approved",color:"success"},[SO.a.Rejected]:{label:"Rejected",color:"warning"},[SO.a.Pending]:{label:SO.a.Pending,color:"info"},[SO.a["Need Review"]]:{label:SO.a["Need Review"],color:"attention"}},ww=Object(l.forwardRef)((function(e,t){var a;let{products:r,activeKey:i,handleActiveKeyChange:o,status:s,isAdminSeller:c,isRoleIdea:u,updateProduct:d,assignee:m,taskId:p,taskValue:g,onCloseParent:A,isIdeaLeader:b,isClone:h}=e;const[f,v]=Object(l.useState)({}),E=Object(l.useRef)(null),{currentUser:y}=Object(te.c)(),C=(null===y||void 0===y?void 0:y.roles)||[],k=null===y||void 0===y||null===(a=y.teamUser)||void 0===a?void 0:a.role,O=C.includes(oe.pb.Seller)&&[oe.gb.Designer].includes(k),j=Object(l.useCallback)(()=>{E.current&&E.current.onSubmit();const e=[];function t(e){return Array.isArray(e)?e.length>0:null!=e}function a(e){return Object.values(e).every(e=>null==e)}for(let l=0;l<r.length;l++){const n=r[l],i=f[l],o={};o.title=n.title,o.collectionIds=n.collectionIds,o.tagIds=n.tagIds;const s=Object.values(o).every(t),c=!i||a(i);e.push({canSubmit:s,noError:c})}return e.every(e=>Object.values(e).every(Boolean))},[f,r]),w=Object(l.useCallback)(e=>t=>{d(e,{checked:t})},[d]);Object(l.useImperativeHandle)(t,()=>({onSubmit:j}));const{isNeedReview:S}=Object(SO.b)(s);return(null===r||void 0===r?void 0:r.length)>0&&n.a.createElement(D.i.Section,null,n.a.createElement(Dw,null,n.a.createElement(ib.a,{onChange:o,type:"card",tabPosition:"left",activeKey:i},r.map((e,t)=>{const a=n.a.createElement(Sw,{item:e,index:t,handleCheckedChange:w,isDesigner:O,isNeedReview:S,isClone:h}),l=i==="product-"+t;return n.a.createElement(kw,{tab:a,key:"product-"+t},n.a.createElement(zj,{item:e,index:t,ref:E,setErrorRoot:v,status:s,isAdminSeller:c,isRoleIdea:u,isIdeaLeader:b,assignee:m,taskId:p,taskValue:g,onCloseParent:A,isClone:h,activeKey:l,handleActiveKeyChange:o}))}))))}));function Sw(e){var t;let{item:a,index:l,handleCheckedChange:r,isDesigner:i,isClone:o}=e;const{title:s,isCampaign:c,checked:u=!1,status:d,productId:m}=a||{},{currentUser:p}=Object(te.c)(),g=null===p||void 0===p||null===(t=p.teamUser)||void 0===t?void 0:t.role;let A=oe.hb.Seller;[oe.gb.StoreManager].includes(g)&&(A=oe.hb.StoreManager);let b=c?`/${A}/products/campaign`:`/${A}/products/edit`;b=m?`${b}/${m}`:"";const h=c?"Campaign":"Product",f=n.a.createElement(D.e,{status:"info"},h),v=n.a.createElement(D.e,{status:"success"},l+1),E=jw[d],{isNeedReview:y}=Object(SO.b)(d),C=n.a.createElement("span",{className:"product-title",title:s},s||"Untitled");return n.a.createElement("div",null,!o&&E&&n.a.createElement(D.e,{children:E.label,status:E.color}),n.a.createElement("div",{className:"tab-header"},n.a.createElement("div",{className:"tab-title"},n.a.createElement("span",null,v),b?n.a.createElement(jn.a,{href:b},C):C),n.a.createElement("span",{onClick:e=>e.stopPropagation()},!i&&y&&!o&&n.a.createElement(D.j,{checked:u,onChange:r(l)}))),f)}function Iw(e){if(!(e instanceof Array)||0===e.length)return{};let t={};const a=e.reduce((e,a)=>{const{taskBaseSubmissions:l}=a||{},[n]=l||[],{customMockups:r,mainCustomMockupId:i,taskBaseMockups:o}=n||{},s=(r||[]).reduce((e,t)=>
16670null==t?e:{...e,[t.id]:t.id===i},{});t={...t,...s};return{...e,...(o||[]).reduce((e,t)=>({...e,[t.id]:!!t.isMainMockup}),{}),...s}},{});let l;for(let[n,r]of Object.entries(a))if(r){l=n;break}return{mainMockups:l?[l]:[],isMainCustomMockup:Object.values(t).some(Boolean)}}function Bw(){return n.a.createElement(D.i.Header,{title:n.a.createElement(D.v,{children:"Products/Campaigns"})})}const Dw=j.b.div` 16671 .ant-tabs-nav-wrap { 16672 padding-left: 0; 16673 } 16674 16675 .tab { 16676 &-header { 16677 margin-top: 0.5rem; 16678 margin-bottom: 0.5rem; 16679 display: flex; 16680 flex-direction: row; 16681 column-gap: 0.5rem; 16682 justify-content: space-between; 16683 margin-right: -1rem; 16684 max-width: 500px; 16685 16686 .Polaris-Choice__Control { 16687 margin: 0; 16688 } 16689 16690 .product-title { 16691 white-space: normal; 16692 } 16693 } 16694 16695 &-title { 16696 display: flex; 16697 width: 100%; 16698 } 16699 } 16700 16701 .ant-tabs { 16702 color: inherit; 16703 .ant-tabs-tab { 16704 margin-bottom: 0 !important; 16705 text-align: unset; 16706 border: 1px solid #c4cdd5 !important; 16707 border-radius: 0 !important; 16708 border-right: none !important; 16709 padding-top: 1.6rem !important; 16710 padding-bottom: 1.6rem !important; 16711 16712 &:not(:last-child) { 16713 border-bottom: none !important; 16714 } 16715 } 16716 16717 .ant-tabs-left-bar { 16718 margin-right: unset; 16719 border-right: 0; 16720 } 16721 16722 .ant-tabs-left-content { 16723 padding: 0; 16724 border: 1px solid #c4cdd5; 16725 } 16726 } 16727 16728 .ant-tabs-bar { 16729 width: 18rem; 16730 16731 .product-title, 16732 .Polaris-Link { 16733 word-break: break-word; 16734 white-space: normal; 16735 margin-left: 0.5rem; 16736 } 16737 16738 .tab-title { 16739 color: #212b36; 16740 } 16741 16742 .product-title { 16743 display: -webkit-box; 16744 max-width: 200px; 16745 -webkit-line-clamp: 2; 16746 -webkit-box-orient: vertical; 16747 overflow: hidden; 16748 } 16749 } 16750 16751 .ant-tabs-left > .ant-tabs-content-holder, 16752 .ant-tabs-left > div > .ant-tabs-content-holder { 16753 margin-left: 0; 16754 } 16755`,Pw={title:"Title",collectionIds:"Collections",tagIds:"Tags"},xw={title:"",description:"",collectionIds:[],tagIds:[],nicheIds:[],relatedProductIds:[],medias:[],ideaKpi:"0.5",priority:!1},Mw=Object(l.forwardRef)((function(e,t){let{value:a,isAdminSeller:r,isRoleIdea:i,onCloseParent:o,refetchIdea:s,isIdeaLeader:u}=e;const{products:d,removeProduct:m,updateProduct:p,setChanged:g}=CO(),A=Object(l.useRef)(d);A.current=d;const[b,h]=Object(l.useState)(xw),[f,v]=Object(l.useState)({}),E=Object(l.useRef)(null);Object(l.useEffect)(()=>{if(null!=a){const{ideaTitle:e,ideaDesc:t,ideaKpi:l,medias:n,collections:r,tags:i,niches:o,relatedProducts:s,priority:c}=a||{},u={};u.title=e,u.description=t,u.ideaKpi=null!=l?""+l:"0.5",u.medias=n,u.collectionIds=r,u.tagIds=i,u.nicheIds=o,u.relatedProductIds=s,u.priority=!!c,h(e=>({...e,...u}))}},[a]);const y=Object(l.useCallback)((e,t)=>{let a=null,l=Pw[t];l&&(e&&e.length||!l||(a=l+" is required.")),"title"===t&&e.length>254&&(a="Maximum 255 characters."),v(e=>({...e,[t]:a}))},[]),C=n.a.useRef(null),k=Object(l.useCallback)((e,t)=>{g&&g(!0);const a=function(e,t){let{id:a,value:l}=t;if(!e||0===e.length)return;return e.map(e=>{if("priority"===a){if(!Qw.includes(a))return null;e.isPriority=l}else{if(!(Array.isArray(l)?(null===l||void 0===l?void 0:l.length)>0:l?null!=l:null)||!Qw.includes(a))return null;if(Tw.includes(a)){const t=e[a]||[],n=l||[],r=Object(c.eb)([...t,...n],"id");e[a]=r}else e[a]=l}return e}).filter(Boolean)}(A.current,{id:t,value:e});if((null===a||void 0===a?void 0:a.length)>0)for(let l=0;l<a.length;l++)p(l,{...a[l]});h(a=>({...a,[t]:e})),C.current&&clearTimeout(C.current),C.current=setTimeout(()=>{y(e,t)},350)},[y,p,g]),O=Object(l.useCallback)(()=>{const e={};e.title=b.title,e.collectionIds=b.collectionIds,e.tagIds=b.tagIds;for(let[l,n]of Object.entries(b))y(n,l);const t=Object.values(f).every(e=>null==e),a=Object.values(e).every(e=>Array.isArray(e)?e.length>0:null!=e);if(t&&a&&(null===d||void 0===d?void 0:d.length)>0){const{ideaKpi:e,medias:t,collectionIds:a,tagIds:l,nicheIds:n,relatedProductIds:r,priority:i,...o}=b,s={...o,mediaIds:(t||[]).map(e=>e.id),ideaKpi:parseFloat(e),designKpi:.5,collectionIds:Rw(a),tagIds:Rw(l),nicheIds:Rw(n),relatedProductIds:Rw(r),priority:i?1e4:0},c=E.current;if(!(c&&c.onSubmit()))return;const u=[...d]||!1;return s.baseGroups=u.map((e,t)=>{const{bases:a,fulfillmentId:l,isCampaign:n,medias:r,psdFiles:i,collectionIds:o,tagIds:s,relatedProductIds:c,position:u,niches:d,status:m,fields:p,productId:g,__typename:A,isMainCustomMockup:b,mainMockups:h,psd:f,...v}=e||{},E=null!=u?u:t;v.collectionIds=Rw(o),v.tagIds=Rw(s),v.relatedProductIds=Rw(c),v.fields=(p||[]).map(e=>{let{id:t,sorting:a,__typename:l,...n}=e;return{...n}});const y=(r||[]).map(e=>e.id),C=(i||[]).map(e=>e.id),k=(a||[]).map((e,t)=>{const{id:a,variants:l,position:n,baseConfigId:r}=e||{},i=a,o=null!=n?n:t,s=(l||[]).filter(e=>!e.disabled&&e.productBaseVariant).sort((e,t)=>
16755e.productBaseVariant.sorting-t.productBaseVariant.sorting),c=s.map(e=>e.productBaseVariantId),u=s.reduce((e,t)=>{const{productBaseVariant:a}=t||{},{attributes:l}=a||{};return(l||[]).forEach(t=>{if(t&&t.slug){const a=[t.option];if(e[t.slug]){const l=[...e[t.slug]],n=l.includes(t.option)?l:[...l,...a];e[t.slug]=n}else e[t.slug]=a}}),e},{});return{id:r,productBaseId:i,position:o,activeProductBaseVariantIds:c,activeAttributes:Object.entries(u).map(e=>{let[t,a]=e;return{slug:t,options:a}})}});let O=(f||"").split(/\n/g).join("|");return{...v,position:E,mediaIds:y,psdFiles:C,baseConfigs:k,psd:O}}),s}},[b,y,f,d]),j=Object(l.useCallback)(()=>{for(let e=0;e<d.length;e++)m(e)},[d,m]),w=Object(l.useCallback)(()=>{h(()=>({...xw})),j()},[j]);Object(l.useImperativeHandle)(t,()=>({submit:O,close:j,clearField:w}),[O,d,j,w]);const S={handleFieldsChange:k,fields:b,setFields:h,errors:f,setErrors:v,isAdminSeller:r,isRoleIdea:i,value:a,refetchIdea:s,isIdeaLeader:u},I=null===a||void 0===a?void 0:a.status;return n.a.createElement(Fw,null,n.a.createElement(RO,Object.assign({},S,{status:I})),n.a.createElement(Ow,Object.assign({},S,{layoutRef:E,onCloseParent:o})))})),Tw=["collectionIds","tagIds"],Qw=["title","priority",...Tw];function Rw(e){return e&&0!==e.length?e.map(e=>"object"===typeof e?e.id:e):[]}const Fw=j.b.div` 16756 display: flex; 16757 flex-direction: row; 16758 column-gap: 2rem; 16759 min-height: 100%; 16760 16761 .idea-section { 16762 border-right: 1px solid var(--p-border, #c4cdd5); 16763 height: inherit; 16764 max-width: 40rem; 16765 width: 35%; 16766 } 16767 16768 .product-section { 16769 flex: 1 1; 16770 padding-right: 2rem; 16771 16772 > * { 16773 padding-left: 0; 16774 padding-right: 0; 16775 } 16776 } 16777 16778 .Polaris-Label__Text, 16779 .label-inline { 16780 font-weight: 600; 16781 } 16782`;function Nw(e){let{open:t,title:a,primaryAction:r,handleClose:i,children:o,domId:s,isUpdate:u,setProductChecked:d,isClone:m,setChanged:p,secondaryActions:g}=e;const[A,b]=Object(l.useState)({}),[h,f]=Object(l.useState)(!0),[v,E]=Object(Ee.a)(!1),y=Object(l.useRef)(t);y.current=t,Object(l.useEffect)(()=>{setTimeout(()=>{const e=document.querySelector("#"+s);(null===e||void 0===e?void 0:e.style)&&(e.style.height="100%");const t=document.querySelectorAll(".Polaris-Modal-Dialog__Modal");for(const a of t)Object(c.u)(a,e)&&a.setAttribute("style","max-width: calc(100% - 5rem); max-height: calc(100vh - 5rem); height: calc(100vh)")},0)});const C=n.a.createElement(D.Y,null,n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement(D.Y,null,Object(D.ib)({content:"Close",onAction:i}),Array.isArray(g)&&g.length>0?g.map((e,t)=>{const{overrides:a={},...l}=e||{};return a.disabled=!h,Object(D.ib)({...l},a,"secondary-action-"+t)}):null)),Array.isArray(r)&&r.length>0?r.length>1?r.map((e,t)=>{const{overrides:a={},...l}=e||{};return a.disabled=!h,Object(D.ib)({...l},a,"action-"+t)}):Object(D.ib)({...r[0]},{primary:!0,disabled:!h}):null);return Object(l.useEffect)(()=>{const e=e=>{const{keyCode:t}=e||{};27===t&&y.current&&e.stopImmediatePropagation()};return document.addEventListener("keyup",e,{capture:!1}),()=>{document.addEventListener("keyup",e,{capture:!1})}},[]),n.a.createElement(D.E,{title:a,large:!0,open:t,onClose:i,footer:C},n.a.createElement("div",{id:s},n.a.createElement(yO,{errorDimensions:A,setErrorDimensions:b,isUpdate:u,setProductChecked:d,isClone:m,setChanged:p,setCanContinue:f,canContinue:h,forceUpdate:v,toggleForceUpdate:E},o)))}S.d.map(e=>({value:String(e),label:String(e)}));function Uw(e){let{item:t,onCloseParent:a,...r}=e;const i=null===t||void 0===t?void 0:t.id,o=null!=(null===t||void 0===t?void 0:t.ideaKpi)?String(t.ideaKpi):"",[s,u]=Object(l.useState)(o||"0.5"),d=Object(l.useRef)(null),{setNotify:m,toggleToast:p,refetch:g,setFilter:A}=Object(Fa.b)(),[b,{loading:h}]=Object(De.c)(Jt.ec,{onCompleted:()=>{m({msg:"Published idea task successfully.",err:!1}),r.onClose&&r.onClose(),a&&a(),d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{g&&g(),A&&A(e=>({...e}))},1e3)},onError:e=>{m({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}});Object(l.useEffect)(()=>{u(()=>o)},[o]);Object(l.useCallback)(e=>u(e),[]);const f=Object(l.useCallback)(()=>
16782{if(null!=i&&s){const e=parseFloat(s);p&&p(!0),m&&m({msg:null,err:!1}),b({variables:{id:i,kpi:e}})}},[i,s,b,p,m]);return n.a.createElement(D.E,Object.assign({},r,{sectioned:!0,title:"Publish Idea",large:!0,secondaryActions:[{content:"Close",onAction:r.onClose}],primaryAction:{content:"Submit",onAction:f,loading:h}}),n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.db,{children:"Are you sure to publish this idea?"}),n.a.createElement("div",null,n.a.createElement(sO,{required:!0,value:s,onChange:e=>u(e?e[0]:s)}))))}function Lw(e){let{item:t,onCloseParent:a,...r}=e;const i=null===t||void 0===t?void 0:t.id,o=Object(l.useRef)(null),{setNotify:s,toggleToast:u,refetch:d,setFilter:m}=Object(Fa.b)(),[p,{loading:g}]=Object(De.c)(Jt.I,{onCompleted:()=>{s({msg:"Cancel this task successfully.",err:!1}),r.onClose&&r.onClose(),a&&a(),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{d&&d(),m&&m(e=>({...e}))},1e3)},onError:e=>{s({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),A=Object(l.useCallback)(()=>{null!=i&&(u&&u(!0),s&&s({msg:null,err:!1}),p({variables:{id:i}}))},[i,p,u,s]);return n.a.createElement(D.E,Object.assign({title:"Cancel this Idea Task",sectioned:!0,primaryAction:{content:"Submit",onAction:A,loading:g},secondaryActions:[{content:"Close",onAction:r.onClose}]},r),n.a.createElement("p",null,"Are you sure to cancel to this task?"))}var Vw=e=>{var t;let{item:a,onCloseParent:l,...r}=e;const i=null===a||void 0===a?void 0:a.id,[o,s]=n.a.useReducer(c.Hb,{designTeamId:"",designTeams:[]}),{setNotify:u,toggleToast:d,refetch:m,setFilter:p}=Object(Fa.b)(),{data:g}=Object(De.d)(I.w,{variables:{filter:{}},skip:!r.open});n.a.useEffect(()=>{var e;const t=null===a||void 0===a?void 0:a.designTeamID,l=function(e,t){return Object(c.c)(e)?[]:e.filter(e=>(null===e||void 0===e?void 0:e.id)!==t).map(e=>({label:null===e||void 0===e?void 0:e.name,value:null===e||void 0===e?void 0:e.id}))}((null===g||void 0===g||null===(e=g.getDesignTeams)||void 0===e?void 0:e.nodes)||[],t);s({designTeams:l})},[g,null===a||void 0===a?void 0:a.designTeamID]);const A=n.a.useRef(),[b,{loading:h}]=Object(De.c)(Jt.Xc,{onCompleted:()=>{u({msg:"Assign Idea Task to Design Team succss",err:!1}),r.onClose&&r.onClose(),l&&l(),A.current&&clearTimeout(A.current),A.current=setTimeout(()=>{p&&p(e=>({...e})),m&&m()},1e3)},onError:e=>{u({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),f=n.a.useCallback(()=>{i.length>0&&o.designTeamId&&(d&&d(),u&&u({err:!1,msg:""}),b({variables:{input:{taskID:i,designTeamID:o.designTeamId}}}))},[b,d,u,i,o.designTeamId]),v=n.a.useCallback(e=>{s({designTeamId:e})},[]),E=null===a||void 0===a||null===(t=a.designTeam)||void 0===t?void 0:t.name;return n.a.createElement(D.E,Object.assign({},r,{sectioned:!0,title:"Re-assign to Design Team",large:!0,secondaryActions:[{content:"Close",onAction:r.onClose}],primaryAction:{content:"Submit",onAction:f,disabled:null==o.designTeamId,loading:h}}),n.a.createElement(D.Y,{vertical:!0},n.a.createElement("div",null,n.a.createElement("label",null,n.a.createElement("b",null,"Current Design Team: ")),n.a.createElement("span",null,E)),n.a.createElement(yl.a,{options:o.designTeams,onChange:v,label:"Design Team",required:!0,value:o.designTeamId})))};const zw={assign:"assign",assignToDS:"assignToDesignTeam",reAssignToDS:"re-assignToDesignTeam",review:"review",reject:"reject",approve:"approve",rejectAll:"rejectAll",approveAll:"approveAll",reReview:"reReview",deny:"deny",start:"start",publish:"publish",clone:"clone",cancel:"cancel",decline:"decline",submitToDraft:"submitToDraft",takeTask:"takeTask",updatePsd:"updatePsd"};function qw(e){let{open:t,onClose:a,item:r,isClone:i}=e;const o=null===r||void 0===r?void 0:r.id,s=Object(l.useRef)(null),u=Object(l.useRef)(null),{setNotify:d,toggleToast:m,refetch:p,setFilter:g}=Object(Fa.b)(),{currentUser:A}=Object(te.c)(),{teamUser:b,roles:h,id:f}=A||{},{role:v}=b||{},E=(h||[]).includes(oe.pb.Seller),y=[oe.gb.Admin].includes(v),C=[oe.gb.StoreManager].includes(v),k=[oe.gb.DesignLeader].includes(v),O=E&&(y||C),j=[oe.gb.Designer].includes(v),w=[oe.gb.Idea].includes(v),S=[oe.gb.IdeaLeader].includes(v),B=w||S,[D,P]=Object(Ee.a)(!1),[x,M]=Object(l.useState)(null),[T,Q]=Object(l.useState)(!1),[R,F]=Object(l.useState)(!1),{data:N,loading:U,refetch:L}=Object(De.d)(I.G,{variables:{id:o},skip:!o||!t,fetchPolicy:"no-cache"}),[V,{loading:z}]=Object(De.c)(Jt.Hb,{onCompleted:()=>{d({msg:"Update Idea Task successfully.",err:!1}),a&&a(),u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{p&&p(),g&&g(e=>({...e}))},1e3)},onError:e=>{d({msg:Object(c.ib)(e.toString()),err:!0})}}),[q,{loading:H}]=Object(De.c)(Jt.cb,{onCompleted:()=>{d({msg:"Create Idea Task successfully.",err:!1}),a&&a(),u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{p&&p(),g&&g(e=>({...e}))},1e3)},onError:e=>{d({msg:Object(c.ib)(e.toString()),err:!0})}}),$=Object(l.useCallback)(e=>{e.stopPropagation();const t=s.current,a=t&&t.submit();if(null!=a){m&&m(!0),d&&d({msg:null,err:!1});const{baseGroups:e,...t}=a,l=(e||[]).map(e=>{let{product:t,...a}=e;return{...a}});V({variables:{input:{...t,baseGroups:l,id:o}}})}},[o,V,m,d]),_=Object(l.useCallback)(e=>{e.stopPropagation();const t=s.current,a=t&&t.submit();if(null!=a){const{baseGroups:e}=a,t=(e||[]).map(e=>{let{id:t,product:a,...l}=e;const{baseConfigs:n}=l||{},r=(n||[]).map(e=>{let{id:t,...a}=e;return a});return{...l,baseConfigs:r}});m&&m(!0),d&&d({msg:null,err:!1}),q({variables:{input:{...a,baseGroups:t}}})}},[q,m,d]),G=Object(l.useCallback)(()=>
16782{if(R){if(!window.confirm("You have unsaved changes, are you sure you want to leave?"))return}a&&a()},[a,R]),K=Object(l.useCallback)(e=>()=>{P(()=>!0),M(()=>e)},[P]),J=null===N||void 0===N?void 0:N.ideaTaskById,Y=null===J||void 0===J?void 0:J.status,W=null===r||void 0===r?void 0:r.assignee,Z=null===W||void 0===W?void 0:W.id,X=null==W,ee=!(null===r||void 0===r?void 0:r.designTeamID),ae=k&&f===Z,le=Object(c.rb)(A),{isFileGenerating:ne}=Object(SO.b)(Y),re={primary:!0};Object(l.useEffect)(()=>{ne&&(j||w)&&(P(!0),M(zw.review))},[ne,j,w]);const ie=e=>e.status.some(e=>[Y,"*"].includes(e))&&e.roles.some(e=>["*",e].includes(v)),se=[{content:"Save Changes",onAction:$,loading:z,status:[SO.a.Pending,SO.a.Draft],roles:[oe.gb.Admin,oe.gb.StoreManager,oe.gb.Idea,oe.gb.IdeaLeader]},{content:"Save Changes",onAction:$,loading:z,status:[SO.a.Declined],roles:[oe.gb.IdeaLeader,oe.gb.Idea]},!le&&{content:"Reject Selected",onAction:K(zw.reject),status:[SO.a["Need Review"]],roles:[oe.gb.Admin,oe.gb.StoreManager]},!le&&{content:"Approve Selected",onAction:K(zw.approve),status:[SO.a["Need Review"]],roles:[oe.gb.Admin,oe.gb.StoreManager],overrides:re},!le&&T&&{content:"Reject Selected",onAction:K(zw.reject),status:[SO.a["Partially Completed"]],roles:[oe.gb.Admin,oe.gb.StoreManager]},!le&&T&&{content:"Approve Selected",onAction:K(zw.approve),status:[SO.a["Partially Completed"]],roles:[oe.gb.Admin,oe.gb.StoreManager],overrides:re},!le&&T&&{content:"Reject Selected",onAction:K(zw.reject),status:[SO.a["Need Review"],SO.a["Partially Completed"]],roles:[oe.gb.DesignLeader,oe.gb.IdeaLeader]},!le&&T&&{content:"Approve Selected",onAction:K(zw.approve),status:[SO.a["Need Review"],SO.a["Partially Completed"]],roles:[oe.gb.DesignLeader,oe.gb.IdeaLeader],overrides:re},X&&{content:"Take Idea Task",onAction:K(zw.takeTask),status:[SO.a.Pending],roles:[oe.gb.DesignLeader]},!le&&X&&{content:"Assign to Designer",onAction:K(zw.assign),status:[SO.a.Pending,SO.a.Denied],roles:[oe.gb.DesignLeader,oe.gb.IdeaLeader,oe.gb.Admin,oe.gb.StoreManager]},!le&&{content:"Assign to Designer",onAction:K(zw.assign),status:[SO.a["Partially Completed"],SO.a.Denied],roles:[oe.gb.DesignLeader,oe.gb.IdeaLeader,oe.gb.Admin,oe.gb.StoreManager]},!le&&ee?{content:"Assign to Design Team",onAction:K(zw.assignToDS),roles:[oe.gb.Admin,oe.gb.StoreManager,oe.gb.Idea,oe.gb.IdeaLeader],status:[SO.a.Pending,SO.a.Denied,SO.a["Partially Completed"]],overrides:re}:!le&&X&&{content:"Re-assign to Design Team",onAction:K(zw.reAssignToDS),roles:[oe.gb.Admin,oe.gb.StoreManager,oe.gb.Idea,oe.gb.IdeaLeader],status:[SO.a.Pending,SO.a.Denied,SO.a["Partially Completed"]]},!le&&{content:"Reject All",onAction:K(zw.rejectAll),status:[SO.a["Need Review"]],roles:[oe.gb.Admin,oe.gb.StoreManager,oe.gb.DesignLeader,oe.gb.IdeaLeader]},!le&&{content:"Approve All",onAction:K(zw.approveAll),status:[SO.a["Need Review"]],roles:[oe.gb.Admin,oe.gb.StoreManager,oe.gb.DesignLeader,oe.gb.IdeaLeader],overrides:re},{content:"Submit to review",onAction:K(zw.review),status:[SO.a.Doing],roles:[oe.gb.DesignLeader],overrides:re},{content:"Re-generate mockup",onAction:K(zw.reReview),status:[SO.a.Rejected,SO.a["Partially Completed"]],roles:[oe.gb.DesignLeader,oe.gb.Designer],overrides:re},{content:"Deny this task",onAction:K(zw.deny),status:[SO.a.Pending],roles:[oe.gb.Designer]},ae&&{content:"Deny this task",onAction:K(zw.deny),status:[SO.a.Pending],roles:[oe.gb.DesignLeader]},{content:"Start this task",onAction:K(zw.start),status:[SO.a.Pending],roles:[oe.gb.Designer],overrides:re},ae&&{content:"Start this task",onAction:K(zw.start),status:[SO.a.Pending],roles:[oe.gb.DesignLeader],overrides:re},{content:"Submit to generate mockup",onAction:K(zw.review),status:[SO.a.Doing,SO.a["File Generating"]],roles:[oe.gb.Designer],overrides:re},{content:"Publish Idea",onAction:K(zw.publish),status:[SO.a.Draft,SO.a.Declined],roles:[oe.gb.IdeaLeader],overrides:re},{content:"Cancel",onAction:K(zw.cancel),status:[SO.a.Denied,SO.a.Rejected],roles:[oe.gb.Admin,oe.gb.StoreManager,oe.gb.Idea,oe.gb.IdeaLeader,oe.gb.DesignLeader]},{content:"Update PSD File",onAction:K(zw.updatePsd),status:[SO.a.Done],roles:[oe.gb.Designer,oe.gb.Admin,oe.gb.StoreManager,oe.gb.IdeaLeader,oe.gb.DesignLeader]}
16782].filter(Boolean).filter(ie),ce=[{content:"Decline",onAction:K(zw.decline),status:[SO.a.Draft],roles:[oe.gb.IdeaLeader]},{content:"Submit to Draft",onAction:K(zw.submitToDraft),status:[SO.a.Declined],roles:[oe.gb.Idea]}].filter(Boolean).filter(ie),ue=[{content:"Clone Idea",onAction:_,status:["*"],roles:[oe.gb.Admin,oe.gb.Idea,oe.gb.IdeaLeader],overrides:re,loading:H}],de=Object(l.useMemo)(()=>({open:D,onClose:P,item:J,onCloseParent:()=>{a(),p&&p()},isFileGenerating:ne}),[D,P,r,a,p,ne,J]),me=null!=(null===J||void 0===J?void 0:J.id)?[J.id]:[],pe={[zw.assign]:n.a.createElement(cO,Object.assign({},de,{ids:me})),[zw.assignToDS]:n.a.createElement(Yw,Object.assign({},de,{ids:me})),[zw.reAssignToDS]:n.a.createElement(Vw,Object.assign({},de,{ids:me})),[zw.deny]:n.a.createElement(dO,de),[zw.start]:n.a.createElement(mO,de),[zw.review]:n.a.createElement(Aj,de),[zw.reReview]:n.a.createElement(Aj,Object.assign({},de,{type:zw.reReview})),[zw.approve]:n.a.createElement(_w,Object.assign({},de,{type:zw.approve})),[zw.approveAll]:n.a.createElement(_w,Object.assign({},de,{type:zw.approveAll})),[zw.reject]:n.a.createElement(_w,Object.assign({},de,{type:zw.reject})),[zw.rejectAll]:n.a.createElement(_w,Object.assign({},de,{type:zw.rejectAll})),[zw.publish]:n.a.createElement(Uw,de),[zw.cancel]:n.a.createElement(Lw,de),[zw.decline]:n.a.createElement(Gw,de),[zw.submitToDraft]:n.a.createElement(Kw,de),[zw.takeTask]:n.a.createElement(Jw,de),[zw.updatePsd]:n.a.createElement(pj,de)};return n.a.createElement(Nw,{open:t,title:i?"Clone Idea Task":"View detail",primaryAction:i?ue:se,handleClose:G,domId:"idea-task-"+o,isUpdate:!0,setProductChecked:Q,isClone:i,setChanged:F,secondaryActions:ce},U?n.a.createElement(Je.SkeletonPagePolaris,{sizeSmall:!0}):n.a.createElement(Mw,{ref:s,value:J,isAdminSeller:O,isRoleIdea:B,isIdeaLeader:S,onCloseParent:a,refetchIdea:L}),pe[x],ne&&(O||k||S)&&n.a.createElement(Hw,{value:J,onClose:G}))}function Hw(e){let{value:t,onClose:a}=e;const[r,i]=Object(Ee.a)(!0),o=Object(l.useCallback)(()=>{i(!1)},[i]);return n.a.createElement(uj,{open:r,toggleOpen:i,onClose:a,taskBaseGroups:null===t||void 0===t?void 0:t.taskBaseGroups,id:null===t||void 0===t?void 0:t.id,assignee:null===t||void 0===t?void 0:t.assignee,handleBackToDetail:o,isFileGenerating:!0})}const $w={Accept:"Accept",Reject:"Reject"};function _w(e){let{type:t,item:a,onCloseParent:r,...i}=e;const o=null===a||void 0===a?void 0:a.id,s=[zw.reject,zw.rejectAll].includes(t),u=[zw.rejectAll,zw.approveAll].includes(t),d=s?$w.Reject:$w.Accept,[m,p]=Object(l.useState)(""),g=Object(l.useRef)(null),{products:A}=CO(),{setNotify:b,toggleToast:h,refetch:f,setFilter:v}=Object(Fa.b)(),[E,{loading:y}]=Object(De.c)(Jt.Uc,{onCompleted:()=>{b({msg:(s?"Rejected":"Approved")+" to this tasks successfully.",err:!1}),i.onClose&&i.onClose(),r&&r(),g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{f&&f(),v&&v(e=>({...e}))},1e3)},onError:e=>{b({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),C=Object(l.useCallback)(()=>{h&&h(!0),b&&b({msg:null,err:!1});const e=function(e,t){if(!e||0===e.length)return[];return e.map(e=>{const{id:a,bases:l}=e||{};return{taskBaseGroupId:a,baseConfigs:(l||[]).map(e=>{const{baseConfigId:a,taskBaseSubmissions:l}=e||{},[n]=l||[],r=null===n||void 0===n?void 0:n.id;return"Pending"!==(null===n||void 0===n?void 0:n.status)?null:{taskBaseConfigId:a,submissionId:r,rejectReason:t}}).filter(Boolean).filter(e=>null!=e.submissionId)}})}([...A].filter(e=>!!u||e.checked).filter(e=>e.status!==SO.a.Approved),s?m:void 0);if(0!==(null===e||void 0===e?void 0:e.length)){if(null!=o){E({variables:{input:{ideaTaskId:o,baseGroups:e,status:d}}})}}else b({msg:"Select least at one item to handle.",err:!0})},[d,m,s,A,u,o,h,b,E]),k=Object(l.useCallback)(e=>{p(e)},[]);return Object(l.useEffect)(()=>p(""),[i.open]),n.a.createElement(D.E,Object.assign({title:(s?"Reject":"Approve")+" selected tasks",sectioned:!0,large:!0,primaryAction:{content:"Submit",onAction:C,loading:y},secondaryActions:[{content:"Close",onAction:i.onClose}]},i),s?n.a.createElement(D.cb,{value:m,multiline:4,label:"Reason",placeholder:"Enter reason reject",onChange:k}):n.a.createElement("p",null,"Are you sure to approve to this tasks?"))}function Gw(e){let{item:t,onCloseParent:a,...r}=e;const i=null===t||void 0===t?void 0:t.id,o=Object(l.useRef)(null),{setNotify:s,toggleToast:u,refetch:d,setFilter:m}=Object(Fa.b)(),[p,g]=Object(l.useState)(""),[A,{loading:b}]=Object(De.c)(Jt.dc,{onCompleted:()=>{s({msg:"Declined this task successfully.",err:!1}),r.onClose&&r.onClose(),a&&a(),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{d&&d(),m&&m(e=>({...e}))},1e3)},onError:e=>{s({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),h=Object(l.useCallback)(()=>{null!=i&&(u&&u(!0),s&&s({msg:null,err:!1}),A({variables:{id:i,reason:p}}))},[i,A,u,s,p]),f=Object(l.useCallback)(e=>g(e),[]);return n.a.createElement(D.E,Object.assign({title:"Decline this Idea Task",sectioned:!0,primaryAction:{content:"Submit",onAction:h,loading:b},secondaryActions:[{content:"Close",onAction:r.onClose}]},r),n.a.createElement(D.cb,{value:p,multiline:4,label:"Reason",placeholder:"Enter reason decline",onChange:f}))}function Kw(e){let{item:t,onCloseParent:a,...r}=e;const i=null===t||void 0===t?void 0:t.id,o=Object(l.useRef)(null),{setNotify:s,toggleToast:u,refetch:d,setFilter:m}=Object(Fa.b)(),[p,{loading:g}]=Object(De.c)(Jt.fc,{onCompleted:()=>{s({msg:"Submit to Draft this task successfully.",err:!1}),r.onClose&&r.onClose(),a&&a(),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{d&&d(),m&&m(e=>({...e}))},1e3)},onError:e=>{s({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),A=Object(l.useCallback)(()=>{null!=i&&(u&&u(!0),s&&s({msg:null,err:!1}),p({variables:{id:i}}))},[i,p,u,s]);return n.a.createElement(D.E,Object.assign({title:"Submit to Draft status for this Idea Task",sectioned:!0,primaryAction:{content:"Submit",onAction:A,loading:g},secondaryActions:[{content:"Close",onAction:r.onClose}]},r),n.a.createElement("p",null,"Are you sure to submit to Draft status for this idea task?"))}function Jw(e){let{item:t,onCloseParent:a,...r}=e;const i=null!=(null===t||void 0===t?void 0:t.id)?[t.id]:[],[o,s]=Object(l.useState)("0.5"),u=Object(l.useRef)(null),{currentUser:d}=Object(te.c)(),m=null===d||void 0===d?void 0:d.id,{setNotify:p,toggleToast:g,refetch:A,setFilter:b}=Object(Fa.b)(),[h,{loading:f}]=Object(De.c)(Jt.p,{onCompleted:()=>{p({msg:"Take this idea task successfully.",err:!1}),r.onClose&&r.onClose(),a&&a(),u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{b&&b(e=>({...e})),A&&A()},1e3)},onError:e=>{p({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),v=(Object(l.useCallback)(e=>s(e),[]),Object(l.useCallback)(()=>
16782{if((null===i||void 0===i?void 0:i.length)>0&&null!=o){const e=parseFloat(o);g&&g(!0),p&&p({msg:null,err:!1}),h({variables:{input:{ideaTaskIds:i,designerId:m,kpi:e}}})}},[m,o,i,h,g,p]));return n.a.createElement(D.E,Object.assign({},r,{sectioned:!0,title:"Task this idea task",large:!0,secondaryActions:[{content:"Close",onAction:r.onClose}],primaryAction:{content:"Submit",onAction:v,disabled:null==m,loading:f}}),n.a.createElement(D.Y,{vertical:!0},n.a.createElement(sO,{required:!0,value:o,onChange:e=>s(e?e[0]:o)})))}var Yw=e=>{let{ids:t,onCloseParent:a,...l}=e;const[r,i]=n.a.useReducer(c.Hb,{designTeamId:"",designTeams:[]}),{setNotify:o,toggleToast:s,refetch:u,setFilter:d}=Object(Fa.b)(),{data:m}=Object(De.d)(I.w,{variables:{filter:{}},skip:!l.open});n.a.useEffect(()=>{var e;const t=function(e){return Object(c.c)(e)?[]:e.map(e=>({label:null===e||void 0===e?void 0:e.name,value:null===e||void 0===e?void 0:e.id}))}((null===m||void 0===m||null===(e=m.getDesignTeams)||void 0===e?void 0:e.nodes)||[]);i({designTeams:t})},[m]);const p=n.a.useRef(),[g,{loading:A}]=Object(De.c)(Jt.q,{onCompleted:()=>{o({msg:"Assign Idea Task to Design Team succss",err:!1}),l.onClose&&l.onClose(),a&&a(),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{d&&d(e=>({...e})),u&&u()},1e3)},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),b=n.a.useCallback(()=>{t.length>0&&r.designTeamId&&(s&&s(),o&&o({err:!1,msg:""}),g({variables:{input:{ideaTaskIds:t,designTeamId:r.designTeamId}}}))},[g,s,o,t,r.designTeamId]),h=n.a.useCallback(e=>{i({designTeamId:e})},[]);return n.a.createElement(D.E,Object.assign({},l,{sectioned:!0,title:"Assign to Design Team",large:!0,secondaryActions:[{content:"Close",onAction:l.onClose}],primaryAction:{content:"Submit",onAction:b,disabled:null==r.designTeamId,loading:A}}),n.a.createElement(yl.a,{options:r.designTeams,onChange:h,label:"Design Team",required:!0,value:r.designTeamId}))};function Ww(e){let{onClose:t,item:a,taskId:r}=e;const i=r,[o,s]=Object(Ee.a)(!1),u=Object(l.useRef)(null),{setNotify:d,toggleToast:m,refetch:p,setFilter:g}=Object(Fa.b)(),[A,{loading:b}]=Object(De.c)(Jt.Uc,{onCompleted:()=>{d({msg:"Approved to this tasks successfully.",err:!1}),t&&t(),s&&s(),u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{p&&p(),g&&g(e=>({...e}))},1e3)},onError:e=>{d({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),h=Object(l.useCallback)(()=>{m&&m(!0),d&&d({msg:null,err:!1});const{taskBaseGroupId:e,baseConfigs:t}=function(e){if(!e)return null;const{id:t,bases:a}=e||{},l=t,n=(a||[]).map(e=>{const{baseConfigId:t,taskBaseSubmissions:a}=e||{},[l]=a||[];return{taskBaseConfigId:t,submissionId:null===l||void 0===l?void 0:l.id}}).filter(e=>null!=e.submissionId);return{taskBaseGroupId:l,baseConfigs:n}}(a);if(null!=i){const a={ideaTaskId:i,baseGroups:[{taskBaseGroupId:e,baseConfigs:t}],status:$w.Accept};A({variables:{input:a}})}},[i,m,d,A,a]);return n.a.createElement(l.Fragment,null,n.a.createElement(D.g,{children:"Approve",onClick:s}),n.a.createElement(D.E,{title:"Approve Idea Task",open:o,onClose:s,sectioned:!0,secondaryActions:[{content:"Close",onAction:s}],primaryAction:{onAction:h,content:"Submit",loading:b}},n.a.createElement("p",null,"Are you sure to approve this idea?")))}function Zw(e){let{base:t,setErrorDimensions:a}=e;const{state:{selectedBases:r},updateState:i}=_k(),o=Object(l.useRef)(r||[]);Object(l.useEffect)(()=>{o.current=r},[r]);const s=Object(l.useCallback)(e=>{const a=tS([...r],t,{key:"useDesign",value:e});i({selectedBases:a})},[r,i,t]),c=Object(l.useCallback)(e=>{const a=tS([...r],t,{key:"isRandomTemplate",value:e});i({selectedBases:a})},[r,i,t]),u=Object(l.useCallback)(e=>{const a=tS([...r],t,{key:"templateQuantity",value:e});i({selectedBases:a})},[r,i,t]),d=Object(l.useCallback)((e,a)=>{var l;const n=(null===(l=t.designPositions)||void 0===l?void 0:l.length)>0?t.designPositions.map(t=>(t.id===a&&(t.file=e),t)):null,r=tS([...o.current],t,{key:"designPositions",value:n});i({selectedBases:r})},[t,i]),m=null===t||void 0===t?void 0:t.useDesign,p=null===t||void 0===t?void 0:t.isRandomTemplate,g=null===t||void 0===t?void 0:t.templateQuantity,A=(null===t||void 0===t?void 0:t.designPositions)||[],b=null===t||void 0===t?void 0:t.id;return n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement(D.db,{variation:"strong",children:"Print files"}),n.a.createElement(D.j,{label:"Only use these files for generating mockups",checked:m,onChange:s}),n.a.createElement(D.j,{label:"Using random mockup template(s)?",checked:p,onChange:c}),p&&n.a.createElement(D.cb,{onChange:u,label:"Number of random template(s)",placeholder:"Enter template quantity",type:"number",min:"1",value:g||"3"}),n.a.createElement(Xw,{checked:m,setErrorDimensions:a,handleFileChange:d,designPositions:A,targetId:b}))}function Xw(e){let{checked:t,setErrorDimensions:a,handleFileChange:r,de
16782signPositions:i,targetId:o,hideBtnRemove:s,isAdminSeller:c=!1,showArtGuide:u=!1,approveProps:d}=e;const m=Object(l.useRef)({}),p=Object(l.useRef)(null),g=Object(l.useRef)(null),[A,b]=Object(l.useState)({}),[h,f]=Object(l.useState)({}),v=Object(l.useCallback)((e,t,l)=>{const n=m.current;if(Object.keys(n).length)for(let[r,i]of Object.entries(e))if(r===n[t]){let e=i&&i.isRealDimensionOk,n=e?"You can upload this file.":"The dimensions of file uploaded is not correct.";g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{f(a=>({...a,[t]:{message:n,type:e?"success":"error"}})),a(t=>({...t,[`${o}-${l}`]:e?null:n}))},100)}},[a,o]),E=Object(l.useCallback)((e,t)=>{b(a=>({...a,[t]:e}))},[]),y=Object(l.useCallback)((e,t,l)=>{const[n]=e,i=null===n||void 0===n?void 0:n.id;m.current={...m.current,[l]:null!=i?i:null},e&&0!==e.length||(a(e=>({...e,[`${o}-${t}`]:null})),f(e=>({...e,[l]:null}))),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{r(e,t,l)},100)},[r,o,a]);return Object(l.useEffect)(()=>{if(t){b({}),f({}),m.current={};const e=new RegExp(o);a(t=>Object.keys(t).reduce((a,l)=>e.test(l)?a:{...a,[l]:t[l]},{}))}},[t,a,o]),n.a.createElement(lS,{className:"dp-wrap"},(null===i||void 0===i?void 0:i.length)>0?[...i].filter(e=>!c||null!=(null===e||void 0===e?void 0:e.file)).map((e,a)=>{var l,r,i;if(null==e)return null;const o=e.id,c=(null===(l=e.file)||void 0===l?void 0:l.length)>0?e.file:[],m=e.description,p=A[a],g=(null===c||void 0===c?void 0:c.length)>0?null===(r=h[a])||void 0===r?void 0:r.message:"",b="message-wrap "+("success"===(null===(i=h[a])||void 0===i?void 0:i.type)?"success":"error");return n.a.createElement("div",{className:"dp-inner",key:"dp-"+a},n.a.createElement(D.z,{label:e.name}),n.a.createElement(iO,{multiple:!1,singleUpload:!0,accept:"image/*",value:c,onChange:e=>y(e,o,a),isCompareDesign:!t,isUploadDesign:!0,designPosition:e,onCheckDimensions:e=>v(e,a,o),onCheckingDimensions:e=>E(e,a),hideBtnRemove:s}),!t&&n.a.createElement("div",{className:"design-position-info"},p?n.a.createElement(D.X,{size:"small"}):g?n.a.createElement("p",{className:b},g):null,m&&n.a.createElement("span",null,`(${m})`)),u&&n.a.createElement("div",{className:"artwork-guide"},n.a.createElement(eS,{designPosition:e,approveProps:d})))}):null)}function eS(e){var t;let{designPosition:a,approveProps:r}=e;const{artworkGuidelines:i,file:o}=a||{},s=(i||[]).filter(e=>e.file).find(e=>oe.A.includes(e.file.mimeType)),u=(null===s||void 0===s||null===(t=s.file)||void 0===t?void 0:t.url)||"",d=(o||[]).filter(e=>null===e||void 0===e?void 0:e.url)[0],m=(null===d||void 0===d?void 0:d.url)||"",[p,g]=Object(Ee.a)(!1),[A,b]=Object(l.useState)(100),h=Object(l.useCallback)(e=>b(e),[]);return Object(l.useEffect)(()=>{const e=document.querySelector("#compare-art-guide"),t=document.querySelectorAll(".Polaris-Modal-Dialog__Modal");for(const n of t)Object(c.u)(n,e)&&n.setAttribute("style","max-width: 100%; max-height: calc(100vh - 5rem); height: calc(100vh)");let a=document.querySelector("#content-wrap"),l=document.querySelector("#imgs-wrap");if((null===a||void 0===a?void 0:a.offsetHeight)&&l){let e=a.offsetHeight;l.style.padding=e+"px 0 0"}}),m&&u&&n.a.createElement(n.a.Fragment,null,n.a.createElement(D.g,{children:"Compare with artguide",onClick:g,size:"slim",primary:!0}),n.a.createElement(D.E,{title:"Compare with artguide",open:p,onClose:g,sectioned:!0},n.a.createElement(aS,{id:"compare-art-guide"},n.a.createElement("div",{className:"content-wrap",id:"content-wrap"},n.a.createElement("div",{className:"header-wrap"},n.a.createElement("div",{className:"header"},n.a.createElement(D.v,{element:"h3"},"Compare with artguide")),n.a.createElement("div",{className:"change-opacity"},n.a.createElement("div",{className:"change-opacity-inner"},n.a.createElement(D.M,{label:"Change opacity",min:1,max:100,onChange:h,value:A}))),n.a.createElement(Ww,Object.assign({},r,{onClose:g})))),n.a.createElement("div",{className:"imgs-wrap",id:"imgs-wrap"},n.a.createElement("div",{style:{position:"relative"}},n.a.createElement("div",null,n.a.createElement("img",{alt:"",src:u,style:{position:"static",opacity:"0.25",zIndex:0},className:"img-item"})),n.a.createElement("img",{src:m,alt:"",style:{opacity:""+.01*A,position:"absolute",zIndex:1,top:0},className:"img-item"}))))))}function tS(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,{key:a,value:l}=arguments.length>2?arguments[2]:void 0;if(0===(null===e||void 0===e?void 0:e.length))return[];const n=e.map(e=>(e.id===t.id&&(e[a]=l),e));return n}const aS=j.b.div` 16783 display: flex; 16784 flex-direction: column; 16785 text-align: left; 16786 position: relative; 16787 16788 .content-wrap { 16789 position: fixed; 16790 background: #fff; 16791 width: calc(100% - 4rem); 16792 padding-top: 2rem; 16793 padding-bottom: 2rem; 16794 z-index: 10; 16795 margin-top: -2rem; 16796 } 16797 16798 .header-wrap { 16799 display: flex; 16800 flex-direction: row; 16801 column-gap: 3rem; 16802 align-items: center; 16803 16804 .header h2 { 16805 font-size: 1.2em; 16806 } 16807 16808 .change-opacity { 16809 flex: 1 1; 16810 display: flex; 16811 justify-content: flex-end; 16812 16813 h3 { 16814 margin-left: 6px; 16815 } 16816 16817 .change-opacity-inner { 16818 width: 300px; 16819 } 16820 } 16821 } 16822 .imgs-wrap { 16823 position: relative; 16824 16825 .img-item { 16826 object-fit: cover; 16827 width: 100%; 16828 height: 100%; 16829 max-width: 8900px; 16830 max-height: 10000px; 16831 } 16832 } 16833`,lS=j.b.div` 16834 .design-position-info { 16835 display: flex; 16836 flex-direction: column; 16837 flex-wrap: wrap; 16838 word-break: break-word; 16839 margin-top: 1.5rem; 16840 row-gap: 1rem; 16841 } 16842 16843 .artwork-guide { 16844 margin-top: 0.5rem; 16845 16846 .Polaris-Button { 16847 padding-inline: 0.5rem; 16848 } 16849 } 16850 16851 .message-wrap { 16852 &.success { 16853 color: #2abd0e; 16854 } 16855 &.error { 16856 color: #bd3b2f; 16857 } 16858 } 16859`;function nS(e){let{setErrorDimensions:t}=e;const{state:{fieldsValue:{personalized:a,fields:r,using2dMockup:i},selectedBases:o,template:s,canUpdateDescription:c},updateField:u,updateState:d}=_k();Object(l.useEffect)(()=>
16859{if(null==s&&(null===o||void 0===o?void 0:o.length)>0&&c){let e;e=1===o.length?o[0].defaultContent:o.reduce((e,t)=>e+=`<div><strong>${t.title}<strong></div>${t.defaultContent}`,""),u(e,"description")}},[o,s,u]);const[m,p]=Object(Ee.a)(!1),g=Object(l.useCallback)(e=>{u([...e],"fields")},[u]),A=Object(l.useCallback)(e=>{u(e,"personalized")},[u]),b=Object(l.useCallback)(e=>{const t={...i,isReview:e};u(t,"using2dMockup")},[i,u]),h=Object(l.useCallback)(e=>{const t=[...o],a=t.findIndex(t=>t.id===e);let l=1===t.length&&-1!==a;-1!==a&&t.splice(a,1);let n={selectedBases:t,...l?{step:zk.ChooseBase}:{}};d(n)},[o,d]);return n.a.createElement(D.i,{title:"Product bases"},(null===o||void 0===o?void 0:o.length)>0?o.map((e,a)=>n.a.createElement(D.i.Section,{key:"base-"+a},n.a.createElement(iS,{base:e,selectedBases:o,handleDelete:h,setErrorDimensions:t}))):null,n.a.createElement(D.i.Section,null,n.a.createElement(D.Y,{vertical:!0,spacing:"loose"},n.a.createElement(D.g,{children:"Add product base",icon:pl.a,onClick:p}),n.a.createElement(D.j,{label:"Review mockup",checked:!!i.isReview,onChange:b}),n.a.createElement("div",null,n.a.createElement(D.j,{label:"This is a personalized product",checked:a,onChange:A}),a?n.a.createElement(Xk.SimpleCustomizePolaris,{value:r,onChange:g}):null))),n.a.createElement(rS,{open:m,onClose:p}))}function rS(e){let{open:t,onClose:a}=e;return n.a.createElement(D.E,{open:t,onClose:a,title:"Select Bases",large:!0,primaryAction:{content:"Done",onAction:a}},n.a.createElement(Yk,{inModal:!0}))}function iS(e){let{base:t,handleDelete:a,selectedBases:r,setErrorDimensions:i}=e;const o=null===t||void 0===t?void 0:t.id,s=null===t||void 0===t?void 0:t.title,c=null===t||void 0===t?void 0:t.images,u=(null===c||void 0===c?void 0:c.length)>0?c[0]:null,d=u?u.thumbnailUrl?u.thumbnailUrl:u.url?u.url:null:null,m={action:{content:Object(l.useMemo)(()=>n.a.createElement(D.g,{children:"Delete",destructive:!0,plain:!0,onClick:()=>a(o)}),[a,o])}};return n.a.createElement(uS,null,n.a.createElement("div",{className:"base-content"},n.a.createElement(D.z,Object.assign({label:n.a.createElement(D.db,{children:s,variation:"strong"})},m)),n.a.createElement("div",{className:"base-wrap"},n.a.createElement("img",{src:d||ze.a,className:"base-image",alt:""}),n.a.createElement(oS,{base:t}))),n.a.createElement("div",{className:"print-file"},n.a.createElement(Zw,{base:t,setErrorDimensions:i})))}function oS(e){let{base:t}=e;const{updateState:a,state:{selectedBases:l,isEdit:r}}=_k();return n.a.createElement(cS,{updateState:a,selectedBases:l,isEdit:r,base:t})}const sS=/\/$/,cS=Object(l.forwardRef)((function(e,t){let{base:a,updateState:r,selectedBases:i,isEdit:o,forceUpdate:s,toggleForceUpdate:u,disabledAll:d,setChanged:m}=e;const[p,g]=Object(l.useState)({productAttributes:{},firstColor:null,variants:[]}),A=Object(l.useRef)(!1),b=Object(l.useCallback)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return(null===e||void 0===e?void 0:e.length)>0?e.reduce((e,t)=>{var a,l;return(null===t||void 0===t||null===(a=t.productBaseVariant)||void 0===a||null===(l=a.attributes)||void 0===l?void 0:l.length)>0&&!t.disabled?e+1:e},0):0}),[]),h=Object(l.useCallback)((function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=arguments.length>2?arguments[2]:void 0,l=arguments.length>3?arguments[3]:void 0,n=arguments.length>4?arguments[4]:void 0;return e.variants?e.variants.map((e,r)=>{var i,o;const s="boolean"===typeof e.disabled;let c=!s||e.disabled;(null===(i=e.attributes)||void 0===i?void 0:i.length)>0&&a&&e.attributes.forEach(e=>{var t;"color"===e.slug&&(null===(t=e.option)||void 0===t?void 0:t.toLowerCase())===(null===l||void 0===l?void 0:l.toLowerCase())&&(c=!1)});let u=e.id,d=r;Object.keys(t).length&&(d=(t.variants||[]).findIndex(e=>e.productBaseVariantID===u));let m=e.id,p=e;null==m&&null!=e.productBaseVariantId&&(m=e.productBaseVariantId,p=e.productBaseVariant);const g=a&&l||s?c:Object.keys(t).length?t.variants[d].disabled:!!(null===(o=p)||void 0===o?void 0:o.disabled)&&p.disabled;return n?{...e,disabled:g}:{productBaseVariantId:m,productBaseVariant:p,regularPrice:Object.keys(t).length?t.variants[d].regularPrice:e.regularPrice,disabled:g}}):[]}),[]),f=Object(l.useCallback)((e,t,a)=>{let l={},n=!1;if(null!=a){b(a)||(n=!0)}return(null===e||void 0===e?void 0:e.length)>0&&(l=e.reduce((e,l)=>{if(!l)return e;let r=!t&&!a&&"color"===l.slug,i=l.options.reduce((e,a)=>{var i;let o=!1;if(n&&(o=!0),(null===t||void 0===t||null===(i=t[l.slug])||void 0===i?void 0:i.length)>0&&(o=!0,[...t[l.slug]].includes(a)&&(o=!1)),r){let[e]=l.options;o=a!==e}let s=null===a||void 0===a?void 0:a.trim();return s=s.replace(sS,""),{...e,[Object(c.Tb)(a)]:{label:s,disabled:o}}},{});
16859return{...e,[l.slug]:{name:l.name,slug:l.slug,options:i}}},{})),l},[b]),v=Object(l.useCallback)((e,t)=>{const l=tS([...(null===i||void 0===i?void 0:i.length)>0?i:[]],a,{key:t,value:e});r({selectedBases:l,canUpdateDescription:!1})},[i,a,r]),E=Object(l.useCallback)((e,t,a)=>{let l=p.productAttributes;const n=l[e].options,r=n[t].disabled;n[t].disabled=!r;let i=p.variants,o=Object.keys(l).length,s={};o>1&&(s=Object.entries(l).reduce((e,t)=>{let[a,l]=t;return{...e,[a]:Object.values(l.options).reduce((e,t)=>t.disabled?e:[...e,t.label],[])}},{}));let c=[];i=i.map((t,l)=>{const n=t.productBaseVariant.attributes;let i;return(null===n||void 0===n?void 0:n.length)>0&&n.forEach(u=>{if(u.slug===e&&u.option===a&&(c.push({key:l,disabled:t.disabled}),i=!r,o>1&&r)){let e=0;n.forEach(t=>{let a=t.slug,l=t.option,n=s[a];(null===n||void 0===n?void 0:n.includes(l))&&e++}),e!==o&&(i=r)}}),t.disabled=null!=i?i:t.disabled,t}),0===b(i)&&(n[t].disabled=r,c.length>0&&c.forEach(e=>{i[e.key].disabled=e.disabled}),alert("You must keep at least one option for each attributes")),g(e=>({...e,variants:[...i],productAttributes:l}),[]),v(i,"variants")},[p,b,v]),y=Object(l.useCallback)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(0===e.length)return null;let t=0,a=null===e||void 0===e?void 0:e.length;return t=e.reduce((e,t)=>(t.disabled||e++,e),0),{countEnabled:t,countDisabled:a-t}}),[]),k=Object(l.useCallback)((e,t)=>{var l;const n=f(a.attributes,e?(e=>{let t={};return Object(C.forOwn)(e,(function(e){!e.disabled&&e.productBaseVariant&&e.productBaseVariant.attributes&&e.productBaseVariant.attributes.length>0&&e.productBaseVariant.attributes.forEach(e=>{t[e.slug]||(t[e.slug]=[]),t[e.slug].push(e.option)})})),t})(a.variants):void 0,e?a.variants:void 0);let r;(null===a||void 0===a||null===(l=a.attributes)||void 0===l?void 0:l.length)>0&&a.attributes.forEach(e=>{var t;"color"===e.slug&&(null===(t=e.options)||void 0===t?void 0:t.length)>0&&(r=e.options[0])});const i=h(a,{},!e,r,t);g(e=>({...e,productAttributes:n,firstColor:r,variants:i})),v(i,"variants"),A.current=!0,u&&u(!1)},[a,v,u,f,h]);n.a.useImperativeHandle(t,()=>({update:()=>{null!=a&&k(!0,!0)}}),[a,k]),Object(l.useEffect)(()=>{s&&k(!0,!0)},[s,k]),Object(l.useEffect)(()=>{null==a||A.current||k(o)},[a,o,k]);const O=Object(l.useMemo)(()=>Object.entries(p.productAttributes).map((e,t)=>{let[a,{name:l,options:r,slug:i}]=e;if(!a||!r)return null;const o="color"===i,s=Object.entries(r).map(e=>{let[t,{label:l,disabled:r}]=e;const i=o?n.a.createElement("div",{className:"option-wrap"},n.a.createElement(cA.a,{optionSlug:t,borderColor:"#3f4eae"}),l):l;return n.a.createElement(D.g,{key:"option-"+t,primary:!r,size:"slim",children:i,disabled:!!d,onClick:()=>{m&&m(!0),E(a,t,l)}})}),c=(null===s||void 0===s?void 0:s.length)>1?n.a.createElement(D.h,null,s):s;return n.a.createElement("div",{className:"attribute-wrap",key:"attribute-"+t},n.a.createElement(D.db,{variation:"strong",title:a},l," :"),n.a.createElement("div",{className:"options-wrap"},c))}),[p.productAttributes,E,d,m]),j=Object(l.useMemo)(()=>{const e=y(p.variants);return null!=e?n.a.createElement(D.Y,{vertical:!0,spacing:"extraTight"},n.a.createElement(D.db,{variation:"subdued"},"Total enabled: ",e.countEnabled),n.a.createElement(D.db,{variation:"subdued"},"Total disabled: ",e.countDisabled)):null},[p.variants,y]);return n.a.createElement("div",{className:"attributes-wrap"},O,j)})),uS=j.b.div` 16860 display: flex; 16861 column-gap: 2rem; 16862 16863 .base-content { 16864 display: flex; 16865 flex-direction: column; 16866 padding: 1rem 1.6rem 1.6rem; 16867 border: 0.2rem solid #dfe3e8; 16868 border-radius: 5px; 16869 flex: 1 1 60%; 16870 16871 .base-image { 16872 width: 16rem; 16873 height: 16rem; 16874 object-fit: cover; 16875 border-radius: 5px; 16876 box-shadow: var( 16877 --p-card-shadow, 16878 0 0 0 1px rgba(63, 63, 68, 0.05), 16879 0 1px 3px 0 rgba(63, 63, 68, 0.15) 16880 ); 16881 } 16882 16883 .base-wrap { 16884 display: flex; 16885 flex-direction: row; 16886 column-gap: 2rem; 16887 } 16888 16889 .attributes-wrap { 16890 display: flex; 16891 flex-direction: column; 16892 row-gap: 1.6rem; 16893 16894 .option-wrap { 16895 border-radius: 3px; 16896 font-weight: 500; 16897 display: flex; 16898 align-items: center; 16899 } 16900 } 16901 } 16902 16903 .print-file { 16904 flex: 1 1 40%; 16905 16906 .dp-wrap { 16907 display: flex; 16908 flex-direction: row; 16909 gap: 1.6rem; 16910 flex-wrap: wrap; 16911 16912 .dp-inner { 16913 width: 16rem; 16914 .list-file_wrap { 16915 height: 16rem; 16916 16917 .file_wrap { 16918 width: 16rem; 16919 height: 16rem; 16920 } 16921 } 16922 } 16923 } 16924 } 16925`,dS={title:"Title",collections:"Collections",tags:"Tags"};function mS(e){let{onSubmit:t,loading:a,onCancel:r,isEdit:i,isClone:o}=e;const{toggleToast:s,setNotify:c}=Object(Fa.b)(),{state:{fieldsValue:{title:u,shortTitle:d,amzTitle:m,description:p,collections:g,tags:A,...b},selectedBases:h,template:f},updateField:v,updateState:E,clearState:y}=_k(),[C,k]=Object(l.useState)({}),[O,j]=Object(l.useState)({}),w=Object(l.useCallback)((e,t)=>{let a=null,l=dS[t];e&&e.length||!l||(a=l+" is required."),k(e=>({...e,[t]:a}))},[]),S=Object(l.useCallback)((e,t)=>{v(e,t),w(e,t)},[v,w]),I=Object(l.useCallback)(()=>{r?r():(y(),E({selectedBases:[]}))},[E,y,r]),B=Object(l.useCallback)(()=>
16925{const e={title:u,collections:g,tags:A};for(let[t,r]of Object.entries(e))w(r,t);const a=Object.values(C).every(e=>null==e),l=Object.values(O).every(e=>null==e);if(u&&g.length>0&&A.length>0&&a&&l){var n;const e=(null===g||void 0===g?void 0:g.length)>0?g.map(e=>"object"===typeof e?e.id:e):[],a=(null===A||void 0===A?void 0:A.length)>0?A.map(e=>"object"===typeof e?e.id:e):[],l=(null===(n=b.fields)||void 0===n?void 0:n.length)>0?b.fields.map(e=>{const{id:t,__typename:a,sorting:l,...n}=e;return n}):[],r=[],f=[],v=[],E=[];let y=[];const C=[],k=[];for(let t=0;t<h.length;t++){const e=h[t];if(null==e)continue;const a=e.id;C.push(a),r.push({productBaseId:a,position:t});for(let t=0;t<e.variants.length;t++){let{disabled:a,productBaseVariantId:l,regularPrice:n,productBaseVariant:r}=e.variants[t];const s=null===r||void 0===r?void 0:r.productBaseVariantId,c=null===r||void 0===r?void 0:r.id,u={disabled:a,productBaseVariantId:l,regularPrice:n};i?(u.id=c,u.productBaseVariantId=s):o&&(u.productBaseVariantId=s),a?f.push(u):v.push(u)}const l=e.designPositions.map(e=>{var t;const a=(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.length)>0?e.file[0]:null,l=a?a.id:null;return{designPositionId:e.id,fileId:l}});y=y.concat(l),e.useDesign&&E.push(a),e.isRandomTemplate&&k.push({productBaseId:e.id,qty:e.templateQuantity?parseInt(e.templateQuantity):3})}const O=[...v,...f];if(0===y.filter(e=>e.fileId).length)return s(!0),void c({msg:"Please choose at least one file for design position",err:!0});const j={title:u,shortTitle:d,amzTitle:m,description:p,collections:e,tags:a,productBases:C,variants:O,designPositions:y,using2dMockup:{...b.using2dMockup,productBaseOnlyUseDesignForGenMockup:E,randomTemplate:k},personalized:b.personalized,fields:l};t&&t(j)}},[u,d,m,g,A,C,p,b,h,t,s,c,O,i,o,w]);Object(l.useEffect)(()=>{if(null!=f){var e,t,a,l;let s="",c="",u=[],d=[],m={},p=(null===(e=f.data)||void 0===e?void 0:e.fields)?f.data.fields:[];var n,r,i,o;if((null===(t=p)||void 0===t?void 0:t.length)>0&&(p=p.map(e=>{const{__typename:t,sorting:a,...l}=e;return l})),(null===(a=f.data)||void 0===a||null===(l=a.products)||void 0===l?void 0:l.length)>0)m=f.data.products[0],s=null===(n=m)||void 0===n?void 0:n.title,c=null===(r=m)||void 0===r?void 0:r.description,d=(null===(i=m)||void 0===i?void 0:i.collections)||[],u=(null===(o=m)||void 0===o?void 0:o.tags)||[];v(s,"title"),v(c,"description"),v(d,"collections"),v(u,"tags")}},[f,v]);const P=Object(Og.b)(u);return n.a.createElement(pS,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement("div",{className:"first-content"},n.a.createElement("div",{className:"left-content"},n.a.createElement(D.Y,{vertical:!0,spacing:"loose"},n.a.createElement("div",null,n.a.createElement(al.a,{label:"Title",required:!0}),n.a.createElement(D.cb,{id:"title",placeholder:"Enter product title",value:u,onChange:S,error:C.title,helpText:P})),n.a.createElement("div",null,n.a.createElement(Og.a,{id:"shortTitle",placeholder:"Enter facebook title",value:d,onChange:S,multiline:4,maxLength:oe.D.fbTitle,label:"FB Title"})),n.a.createElement("div",null,n.a.createElement(D.z,{label:"Description"}),n.a.createElement(Kt.a,{value:p,onChange:e=>S(e,"description")})))),n.a.createElement("div",{className:"right-content"},n.a.createElement(D.Y,{vertical:!0,spacing:"loose"},n.a.createElement("div",null,n.a.createElement(Og.a,{id:"amzTitle",placeholder:"Enter amazon title",value:m,onChange:S,multiline:4,maxLength:oe.D.amzTitle,label:"Amazon Title"})),n.a.createElement(Av.CollectionSelectPolaris,{label:"Collections",required:!0,allowMultiple:!0,haveQuickAdd:!0,value:g,errorMessage:C.collections,limit:2e3,onChange:e=>S(e,"collections")}),n.a.createElement(bv.TagsSelectPolaris,{label:"Tags",required:!0,allowMultiple:!0,haveQuickAdd:!0,value:A,errorMessage:C.tags,limit:2e3,onChange:e=>S(e,"tags")}))))),n.a.createElement(nS,{selectedBases:h,setErrorDimensions:j}),n.a.createElement(D.I,{primaryAction:{content:"Submit",onAction:B,loading:a},secondaryActions:[{content:"Cancel",onAction:I}]}))}const pS=j.b.div` 16926 .first-content { 16927 display: flex; 16928 column-gap: 2rem; 16929 16930 .left-content { 16931 width: calc(60% - 1rem); 16932 } 16933 16934 .right-content { 16935 width: calc(40% - 1rem); 16936 } 16937 } 16938`;function gS(){const{id:e}=Object(O.i)();return n.a.createElement(AS,{id:e})}function AS(e){let{id:t,title:a="Update Product",isClone:l=!1}=e;const{data:r,loading:i}=Object(De.d)(I.gc,{variables:{id:t},fetchPolicy:"no-cache",skip:!t}),o=i?n.a.createElement(D.D,null):null;return n.a.createElement($k,null,n.a.createElement(Fa.a,null,o,n.a.createElement(bS,{value:null===r||void 0===r?void 0:r.productByID,isClone:l,title:a,id:t})))}function bS(e){let{value:t,isClone:a,title:r,id:i}=e;const{updateField:o,updateState:s}=_k(),{toggleToast:u,setNotify:d}=Object(Fa.b)(),m=Object(O.g)(),{currentUser:p}=Object(l.useContext)(te.a);let g=Object(c.U)(p);const A=Object(l.useRef)(null),b=a?Gk:Jt.ge,[h,{loading:f}]=Object(De.c)(b,{onCompleted:()=>{d({msg:"Product has been saved.",err:!1}),A.current&&clearTimeout(A.current),A.current=setTimeout(()=>{m.push(`/${g}/product-from-print-file`)},1500)},onError:e=>{d({msg:Object(c.ib)(e.toString()),err:!0})}});Object(l.useEffect)(()=>
16938{if(null!=t){const e={};a||(e.title=t.title,e.shortTitle=t.shortTitle,e.amzTitle=t.amzTitle),e.collections=t.collections||[],e.tags=t.tags||[],e.description=t.description,e.personalized=t.personalized,e.fields=t.fields||[];const l=t.mockup2DGenerate,n=null===l||void 0===l?void 0:l.isNeedReview,r=null===l||void 0===l?void 0:l.productBaseOnlyUseDesignForGenMockup,i=(null===l||void 0===l?void 0:l.randomMockupTemplate)||[];e.using2dMockup={isReview:n,productBaseOnlyUseDesignForGenMockup:r},Object.entries(e).forEach(e=>{let[t,a]=e;o(a,t)});const c=t.variants,u=t.designPositions;let d=(t.productBases||[]).filter(Boolean).map(e=>{var t,l,n;const o=(null===(t=e.variants)||void 0===t?void 0:t.length)>0?e.variants.map(e=>{const t=e.id,a=c.find(e=>e.productBaseVariantId===t);return null!=a&&(e.disabled=a.disabled,e.regularPrice=a.regularPrice,e.productBaseVariant={attributes:e.attributes},e.id=a.id,e.productBaseVariantId=a.productBaseVariantId),e}):[];(null===(l=e.designPositions)||void 0===l?void 0:l.length)>0&&!a&&e.designPositions.forEach(e=>{const t=e.id,a=u.find(e=>{var a;return(null===e||void 0===e||null===(a=e.designPosition)||void 0===a?void 0:a.id)===t});if(null!=a){const t=a.file;e.file=t?[t]:[]}return e});const s=i.find(t=>t.productBaseId===e.id);return{...e,useDesign:!!(null===r||void 0===r?void 0:r.includes(e.id)),variants:o,isRandomTemplate:!!(null===s||void 0===s?void 0:s.productBaseId),templateQuantity:(null===s||void 0===s?void 0:s.qty)?null===(n=s.qty)||void 0===n?void 0:n.toString():""}});s({selectedBases:d,isEdit:!0,canUpdateDescription:!1})}},[t,a]);const v=`/${g}/product-from-print-file`,E=Object(l.useCallback)(e=>{const t={...e};a||(t.id=i),null!=t&&(u&&u(!0),d&&d({msg:null,err:!1}),h({variables:{input:t}}))},[h,i,a,d,u]),y=Object(l.useCallback)(()=>{m.push(v)},[m,v]);return n.a.createElement(hS,null,n.a.createElement(D.H,{title:r,fullWidth:!0,breadcrumbs:[{content:"Product From Print File",url:v}]},n.a.createElement(mS,{onSubmit:E,onCancel:y,loading:f,isEdit:!a,isClone:a})))}const hS=j.b.div` 16939 margin: -1rem; 16940 @media (min-width: 640px) { 16941 margin: -1.5rem; 16942 } 16943`;function fS(){const{id:e}=Object(O.i)();return n.a.createElement(AS,{id:e,title:"Clone Product",isClone:!0})}class vS extends l.Component{constructor(){super(...arguments),this.state={selected:0,loading:!1,defaultFieldsValue:null,showBtnSave:null},this.onFinish=e=>{const{productBases:t}=this.props,{name:a,slug:l,defaultMockups:n,collections:r,fields:i,tags:o,description:s,personalized:c}=e;let u=e.products.map(e=>({title:e.title,description:s,productBaseId:e.productBase.id,tags:o||[],tagIds:o?o.map(e=>e.id):[],collections:r||[],collectionIds:r?r.map(e=>e.id):[],variants:e.variants.map(e=>({salePrice:e.salePrice,regularPrice:e.regularPrice,productBaseVariantId:e.productBaseVariantId,disabled:!(!e||!e.disabled)&&e.disabled}))}));let d={name:a,slug:l,data:{productBaseIds:t.map(e=>e.id),Personalized:c,fields:i,products:u},grouping:!0,defaultMockupIds:(n||[]).map(e=>e.id).filter(Boolean)};this.props.onSubmit&&this.props.onSubmit(d)},this.handleError=e=>{let t={};k.a.each(e,e=>{k.a.each(k.a.get(e,"errors",[]),e=>{const a=k.a.trim(e.message.toLowerCase());"undefined"===typeof t[a]&&i.a.error({message:Object(c.ib)(e.message)}),t[a]=!0})})},this.validateTitle=(e,t,a)=>{let l=null;t?t.length>oe.C&&(l=oe.mb):l="Template name is required.",l?a(l):a()},this.handleTitleChange=e=>{const{value:t}=e.target,a=Object(c.Vb)(t);this.props.form.setFieldsValue({slug:a})}}componentDidMount(){const{productBases:e}=this.props,t={personalized:!1,fields:[],products:e.map(e=>{let t=[],a=[];return{productBase:e,title:e.title+" Product Title",description:e.defaultContent,collections:t||[],tags:a||[],variants:e.variants.map((e,t)=>({productBaseVariant:e,productBaseVariantId:e.id,image:null,regularPrice:e.regularPrice,salePrice:e.salePrice,disabled:e.disabled}))}})};this.props.form.setFieldsValue(t)}render(){let{productBases:e,currentParam:t,loading:a}=this.props;const{getFieldDecorator:l}=this.props.form;let r=this.props.form.getFieldValue("products");const i=this.props.form.getFieldValue("personalized"),o={labelCol:{span:24},wrapperCol:{span:24}};let s=e.reduce((e,t)=>
16943e+=`<div><strong>${t.title}<strong></div>${t.defaultContent}`,"");return n.a.createElement(n.a.Fragment,null,n.a.createElement(O.a,{when:!1===this.state.isPrompt,message:"You have unsaved changes, are you sure you want to leave?"}),n.a.createElement(hi.a,null,c=>n.a.createElement(u.a,Object.assign({},o,{onSubmit:e=>{e.preventDefault(),this.props.form.validateFields((e,t)=>{e?this.handleError(e):this.onFinish(t)})},scrollToFirstError:!0,onChange:()=>{this.setState({showBtnSave:!1})}}),n.a.createElement(ma,{subTitle:"Templates",title:"Add Template for Campaign",link:`/${t}/templates`}),n.a.createElement(g.a,{gutter:16},n.a.createElement(A.a,{span:24},n.a.createElement(b.a,null,n.a.createElement(u.a.Item,{label:"Template name"},l("name",{rules:[{required:!0,validator:this.validateTitle}]})(n.a.createElement(p.a,{placeholder:"Template name",onChange:this.handleTitleChange}))),n.a.createElement(u.a.Item,{label:"Template slug"},l("slug",{rules:[{required:!0,message:"Template slug is required "}]})(n.a.createElement(p.a,{placeholder:"Template slug"}))),n.a.createElement(u.a.Item,{label:"Description"},l("description",{initialValue:s})(n.a.createElement(Kt.a,null))),n.a.createElement(u.a.Item,{label:"Default Mockup Files"},l("defaultMockups",{initialValue:[]})(n.a.createElement(Ae.a,{prefix:"mockups/",folder:oe.ob.MOCKUPS,multiple:!0,listType:"picture-card",buttonType:"primary",accept:"image/*"}))),n.a.createElement(u.a.Item,{label:"Collections"},l("collections",{initialValue:[]})(n.a.createElement(gg,null))),n.a.createElement(u.a.Item,{label:"Tags"},l("tags",{initialValue:[]})(n.a.createElement(ig,null))),n.a.createElement(u.a.Item,null,l("products",{initialValue:[]})(n.a.createElement(vA,{grouped:!0,noAction:!0,selectedIndex:this.state.selected,onSelected:e=>{this.setState({selected:e})},onDelete:t=>{r[t]&&(e=e.filter(e=>e.id!==r[t].productBase.id),this.props.onChange&&this.props.onChange(e),this.props.form.setFieldsValue({products:r.filter((e,a)=>a!==t)}))},onChangeValue:e=>{this.setState({onChangeValue:e})}}))),n.a.createElement("div",{className:"add-more",style:{display:"flex",justifyContent:"flex-end"}},n.a.createElement(v.a,{onClick:()=>{this.props.onAddMore&&this.props.onAddMore()},type:"primary"},"Add More Products"))),n.a.createElement(b.a,{style:{marginTop:20},title:"Personalized"},n.a.createElement(u.a.Item,null,l("personalized",{initialValue:!1,valuePropName:"checked"})(n.a.createElement(E.a,null,"This is a personalized product"))),n.a.createElement(u.a.Item,null,l("fields",{initialValue:[],rules:[{required:!!i,message:"Personalized is required"}]})(n.a.createElement(Cg,{showPreview:!!i})))),n.a.createElement(u.a.Item,{style:{marginTop:20,textAlign:"right",marginBottom:0}},n.a.createElement(v.a,{onClick:()=>{null===this.state.showBtnSave||this.state.showBtnSave?B.a.push(`/${t}/templates`):y.a.confirm({title:"Cancel all unsaved changes?",icon:n.a.createElement(m.a,null),content:"If Ok, you\u2019ll delete any edits you made.",onOk(){B.a.push(`/${t}/templates`)},cancelText:"Continue"})}},"Cancel"),n.a.createElement(v.a,{className:"ml-4",type:"primary",loading:a,htmlType:"submit",disabled:null===this.state.showBtnSave||this.state.showBtnSave},"Create template")))))))}}var ES=u.a.create({name:"campaign-form"})(vS);const yS=o.a` 16944 mutation createTemplate($input: NewTemplate!) { 16945 createTemplate(input: $input) { 16946 id 16947 name 16948 slug 16949 grouping 16950 data { 16951 personalized 16952 productBases { 16953 ...ProductBasse 16954 } 16955 ProductBaseIds 16956 fields { 16957 name 16958 title 16959 type 16960 extraFee 16961 configure 16962 sorting 16963 } 16964 products { 16965 title 16966 description 16967 productbaseId 16968 shortDescription 16969 tagIds 16970 tags { 16971 id 16972 name 16973 } 16974 variants { 16975 salePrice 16976 regularPrice 16977 productBaseVariantID 16978 } 16979 collectionIds 16980 collections { 16981 id 16982 name 16983 } 16984 } 16985 } 16986 } 16987 } 16988 ${Gp} 16989`;class CS extends l.Component{constructor(){super(...arguments),this.state={step:1,selectedProductBases:[],fulfillmentId:null,loading:!1},this.handleOnProductBaseChange=e=>{this.setState({selectedProductBases:e,step:0===e.length?1:this.state.step})},this.handleClickContinue=async()=>{const{selectedProductBases:e}=this.state;if(0===e.length)return void i.a.error({message:"Product base is required!"});const t=e.map(e=>{let{id:t}=e;return t}),a=await VA(t),l=e.map(e=>{const{id:t}=e;return(a||a[t])&&(e={...e,...a[t]}),e});this.setState({step:2,selectedProductBases:l})}}render(){const{step:e,selectedProductBases:t}=this.state,{currentUser:a}=this.context,l=Object(c.U)(a);return n.a.createElement("div",null,1===e&&n.a.createElement("div",null,n.a.createElement(ma,{action:n.a.createElement(v.a,{onClick:this.handleClickContinue,type:"primary",disabled:!t.length||1===t.length},"Continue"),link:`/${l}/templates`,subTitle:"Templates",title:"Add Template for Campaign"}),n.a.createElement(HA,{selectedProductBases:t,onFulfillmentChange:e=>this.setState({fulfillmentId:e}),fulfillmentId:this.state.fulfillmentId,value:t,onChange:this.handleOnProductBaseChange,multiple:!0,onViewTemplates:()=>{this.setState({step:3})}})),2===e&&n.a.createElement(s.a,{mutation:yS,onError:e=>{i.a.error({message:Object(c.ib)(e.toString())}),this.setState({loading:!1})},onCompleted:e=>{const t=e.createTemplate;try{const e=window.__apolloClient__;if(null==e)return;const a={filter:{limit:20,offset:0,product:null}},l=e.readQuery({query:aw,variables:a});e.writeQuery({query:aw,variables:a,data:{...l,templates:{...l.templates,total:l.templates.total+1,nodes:[t,...l.templates.nodes]}}})}catch(a){}i.a.success({message:"Template has been saved!"}),B.a.push(`/${l}/templates`)}},e=>n.a.createElement(ES,{currentParam:l,loading:this.state.loading,onViewTemplates:()=>{this.setState({step:3})},onAddMore:()=>{this.setState({step:1})},onChange:this.handleOnProductBaseChange,productBases:t,onSubmit:t=>{this.setState({loading:!0},()=>{e({variables:{input:t}})})}})))}}CS.contextType=te.a;const kS=o.a` 16990 mutation createProductTemplate($input: NewProductTemplate!) { 16991 createProductTemplate(input: $input) { 16992 id 16993 name 16994 slug 16995 grouping 16996 isProductTemplate 16997 defaultMockupIds 16998 productBases { 16999 id 17000 mockupTemplates { 17001 id 17002 originTemplateID 17003 isDefault 17004 } 17005 } 17006 data { 17007 personalized 17008 productBases { 17009 ...ProductBasse 17010 } 17011 ProductBaseIds 17012 fields { 17013 name 17014 title 17015 type 17016 extraFee 17017 configure 17018 sorting 17019 } 17020 products { 17021 title 17022 description 17023 productbaseId 17024 shortDescription 17025 tagIds 17026 tags { 17027 id 17028 name 17029 } 17030 variants { 17031 salePrice 17032 regularPrice 17033 productBaseVariantID 17034 disabled 17035 } 17036 collectionIds 17037 collections { 17038 id 17039 name 17040 } 17041 } 17042 } 17043 } 17044 } 17045 ${Gp} 17046`;class OS extends l.Component{constructor(){super(...arguments),this.state={selectedProductBase:null,step:1,loading:!1,fulfillmentId:null},this.preLoadDesignPositionByBase=async e=>{if(!e)return e;const{__apolloClient__:t}=window||{};if(!t)return e;const{id:a}=e,l=await VA([a]);let n={...e};return l&&l[a]&&(n={...n,...l[a]}),n}}componentDidUpdate(e,t){let{loading:a}=this.state,{handleLoading:l}=this.props;a!==t.loading&&l&&l(a)}render(){let{step:e}=this.state;const{currentUser:t}=this.context;let a=Object(c.U)(t);return n.a.createElement(n.a.Fragment,null,1===e&&n.a.createElement("div",null,n.a.createElement(ma,{title:"Add Template for Product",subTitle:"All Templates",link:`/${a}/templates`,action:n.a.createElement(v.a,{type:"primary",onClick:async()=>
17046{if(1===this.state.step){if(!this.state.selectedProductBase)return void i.a.error({message:"Please select product base!"});const e=await this.preLoadDesignPositionByBase(this.state.selectedProductBase);this.setState({step:2,selectedProductBase:e})}}},"Continue")}),n.a.createElement(HA,{onFulfillmentChange:e=>{this.setState({fulfillmentId:e})},fulfillmentId:this.state.fulfillmentId,selectedProductBases:this.state.selectedProductBase,onChange:e=>{this.setState({selectedProductBase:e?e[0]:null})}})),2===e&&n.a.createElement(n.a.Fragment,null,n.a.createElement(s.a,{onError:e=>{i.a.error({message:Object(c.ib)(e.toString())}),this.setState({loading:!1})},onCompleted:e=>{i.a.success({message:"Template has been saved!"}),B.a.push(`/${a}/templates`)},mutation:kS},(e,t)=>{let{client:l}=t;return n.a.createElement(wh,{apolloClient:l,loading:this.state.loading,currentParam:a,onSubmit:t=>{this.setState({loading:!0},()=>{e({variables:{input:t}})})},productBase:this.state.selectedProductBase,fulfillmentId:this.state.fulfillmentId,onChangeProductBase:e=>this.setState({selectedProductBase:e})})})))}}OS.contextType=te.a;var jS=a(253);const wS=j.b.div` 17047 .btns-wrap { 17048 display: flex; 17049 flex-direction: row-reverse; 17050 margin-top: 2rem; 17051 } 17052`,SS={title:"Division title",storeIDs:"Accounts"},IS=e=>{let{onSubmit:t,toggleShowModal:a,loading:r}=e;const[i,o]=Object(l.useState)({title:null,storeIDs:[],divideAllAccount:!1}),[s,c]=Object(l.useState)({}),u=Object(l.useCallback)(()=>{for(let[t]of Object.entries(SS))d(i[t],t);let{title:e,storeIDs:a}=i,l={...i,onlyRecreateMockup:!0,enableUpdate:!0};const n=Object(C.size)(Object(C.filter)(Object(C.values)(s),e=>null!==e));e&&(null===a||void 0===a?void 0:a.length)&&0===n&&t&&t(l)},[i]),d=Object(l.useCallback)((e,t)=>{let a,l=null;for(let[n,r]of Object.entries(SS))[n].includes(t)&&(a=r);e&&e.length||(l=a+" is required."),c(e=>({...e,[t]:l}))},[]),m=Object(l.useCallback)((e,t)=>{o(a=>({...a,[t]:e})),d(e,t)},[]);return n.a.createElement(wS,null,n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Title",required:!0}),n.a.createElement(D.cb,{value:i.title,onChange:m,id:"title",placeholder:"Enter division title",error:s.title})),n.a.createElement(Ay,{value:i.storeIDs,onChange:e=>m(e,"storeIDs"),error:s.storeIDs}),n.a.createElement(D.j,{label:"Divide all matches products to all account",checked:i.divideAllAccount,onChange:e=>o(t=>({...t,divideAllAccount:e}))}),n.a.createElement("div",{className:"btns-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Cancel",onClick:a}),n.a.createElement(D.g,{children:"Submit",onClick:u,primary:!0,loading:r})))))},BS=e=>{let{open:t,toggleShowModal:a,toggleActive:r,onNotificationChange:i,onCompleted:o}=e;const[s,{loading:u}]=Object(De.c)(gC,{onCompleted:e=>{a&&a();let t=[];(null===e||void 0===e?void 0:e.createProductDivision)&&t.push({value:e.createProductDivision.id,label:e.createProductDivision.title}),e&&o&&o(t),i&&i({message:"Add division successfully.",isError:!1})},onError:e=>{i&&i({message:Object(c.ib)(e.toString()),isErorr:!0})}}),d=Object(l.useCallback)(e=>{i&&i({message:null,isErorr:!1}),e&&s({variables:{input:e}}),r&&r()},[]);return n.a.createElement(D.E,{title:"Add Division",open:t,onClose:a,sectioned:!0},n.a.createElement(IS,{onSubmit:d,toggleShowModal:a,loading:u}))},DS={title:"Title",divisionId:"Division"},PS=j.b.div` 17053 .btns-wrap { 17054 display: flex; 17055 flex-direction: row-reverse; 17056 margin-top: 3rem; 17057 } 17058 .divisions-wrap { 17059 display: flex; 17060 flex-direction: row; 17061 align-items: flex-end; 17062 column-gap: 1.6rem; 17063 .division-control { 17064 flex: 1 1; 17065 } 17066 } 17067`,xS=e=>{let{onSubmit:t,loading:a,handleRedirect:r,value:i,isEditRM:o}=e;const[s,c]=Object(l.useState)({title:null,productBaseIds:[],divisionId:null,totalOrder:1,authorId:null}),[u,d]=Object(l.useState)(!0),[m,p]=Object(l.useState)([]),[g,A]=Object(l.useState)(!1),[b,h]=Object(l.useState)([]),[f,v]=Object(l.useState)({}),[E,y]=Object(l.useState)(!1),[k,O]=Object(l.useState)({message:null,isError:!1}),{loading:j}=Object(De.d)(jS.a,{onCompleted:e=>{w(e)},onError:()=>{},variables:{filter:{limit:1e3,offset:0}}}),w=Object(l.useCallback)(e=>{var t,a;let l=(null===e||void 0===e||null===(t=e.teamMembers)||void 0===t||null===(a=t.hits)||void 0===a?void 0:a.length)>0?e.teamMembers.hits.map(e=>{let t=null===e||void 0===e?void 0:e.user;return t?{value:t.id,label:`${t.firstName} ${t.lastName}`}:null}
17067).filter(Boolean):[];p(l)},[]);Object(l.useEffect)(()=>{if(i){let{__typename:e,divisionId:t,hasDesign:a,...l}=i,n=Array.isArray(t)?t:[t];c(e=>({...e,...l,divisionId:n})),d(a)}},[i]);const S=Object(l.useCallback)(()=>y(e=>!e),[]),I=Object(l.useCallback)((e,t)=>{let a,l=null;for(let[n,r]of Object.entries(DS))[n].includes(t)&&(a=r);e&&e.length||!a||(l=a+" is required."),v(e=>({...e,[t]:l}))},[]),B=Object(l.useCallback)((e,t)=>{I(e,t),c(a=>({...a,[t]:e}))},[]),P=Object(l.useCallback)(e=>{B(e,"productBaseIds")},[]),x=Object(l.useCallback)(e=>{B(e,"divisionId")},[]),M=Object(l.useCallback)(()=>{for(let t of Object.keys(DS))o&&[t].includes("divisionId")||I(s[t],t);let{title:e,divisionId:a,totalOrder:l,authorId:n}=s;l=+l;let r=Object(C.size)(Object(C.filter)(Object(C.values)(f),e=>null!==e)),i=Array.isArray(a)?a[0]:a;e&&i&&0===r&&t&&t({...s,divisionId:i,totalOrder:l,hasDesign:u,authorId:n})},[s,o,u]),T=Object(l.useCallback)(()=>A(e=>!e),[]),Q=e=>{let{id:t,placeholder:a="",type:l="text"}=e,r="text"===l?s[t]:s[t].toString();return n.a.createElement(D.cb,{id:t,onChange:B,value:r,placeholder:a,error:f[t],type:l,min:0})},R=Q({id:"title",placeholder:"Enter title"}),F=Q({id:"totalOrder",type:"number"}),N=E&&k.message&&n.a.createElement(D.fb,{content:k.message,error:k.isError,onDismiss:S,duration:2e3});return n.a.createElement(PS,null,N,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Title",required:!0}),R),n.a.createElement(mv,{value:s.productBaseIds,allowMultiple:!0,onChange:P}),j?n.a.createElement(D.X,{size:"small"}):n.a.createElement(yl.a,{options:m||[],label:"Author",placeholder:"Choose author",value:s.authorId,onChange:e=>c(t=>({...t,authorId:e}))}),n.a.createElement("div",{className:"divisions-wrap"},n.a.createElement("div",{className:"division-control"},n.a.createElement(iv,{value:s.divisionId,onChange:x,error:f.divisionId,isRecreateMockup:!0,newDivisions:b})),n.a.createElement("div",null,n.a.createElement(D.g,{children:"Add Division",onClick:T})),n.a.createElement(BS,{open:g,toggleShowModal:T,toggleActive:S,onNotificationChange:e=>{let{message:t,isError:a}=e;O(e=>({...e,message:t,isError:a}))},onCompleted:e=>{let t=(null===e||void 0===e?void 0:e.length)>0?e[0].value:null;t&&c(e=>({...e,divisionId:[t]})),h(t=>[...t,...e])}})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Min order",required:!0}),F),n.a.createElement("div",{className:"btns-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Cancel",onClick:r}),n.a.createElement(D.g,{children:"Submit",primary:!0,onClick:M,loading:a}))))))},MS=o.a` 17068 mutation createProductRecreateMockup($input: NewProductRecreateMockup!) { 17069 createProductRecreateMockup(input: $input) { 17070 id 17071 title 17072 } 17073 } 17074`,TS=o.a` 17075 query recreateMockup($id: ID!) { 17076 recreateMockup(id: $id) { 17077 title 17078 productBaseIds 17079 divisionId 17080 totalOrder 17081 limit 17082 hasDesign 17083 authorId 17084 } 17085 } 17086`,QS=o.a` 17087 mutation updateProductRecreateMockup($input: EditProductRecreateMockup!) { 17088 updateProductRecreateMockup(input: $input) { 17089 id 17090 title 17091 } 17092 } 17093`;var RS=a(771);const{Option:FS}=h.a;class NS extends l.Component{render(){const{value:e}=this.props;return n.a.createElement(s.b,{query:Ag},t=>{let{error:a,loading:l,data:i}=t;return a?n.a.createElement("div",null,"Error: ",Object(c.ib)(a.toString())):l?n.a.createElement(r.a,{active:!0}):n.a.createElement(h.a,{value:e,className:"w-40 mr-2",onChange:e=>this.props.onChange(e),placeholder:"Filter by Product"},i.products.nodes.map(e=>n.a.createElement(FS,{key:e.id,value:e.id},e.title)),n.a.createElement(FS,{value:"all"},"All"))})}}var US=NS;const{Option:LS}=h.a;class VS extends l.Component{render(){const{value:e}=this.props;return n.a.createElement(s.b,{fetchPolicy:"network-only",query:oE.a},t=>{let{data:a,error:l,loading:i}=t;if(i)return n.a.createElement(r.a,{active:!0});if(l)return n.a.createElement("div",null,"Error:",Object(c.ib)(l.toString()));const o=a.teamMembers.hits||[];return n.a.createElement("div",null,n.a.createElement(h.a,{value:e,className:"w-40 mr-2",onChange:e=>this.props.onChange(e),placeholder:"Filter by Assignee"},o.map(e=>{const t=e.user;return n.a.createElement(LS,{key:t.id,value:t.id},t.firstName," ",t.lastName)}),n.a.createElement(LS,{value:"all"},"All")))})}}var zS=VS;const{TextArea:qS}=p.a;class HS extends l.Component{constructor(){super(...arguments),this.state={assigneeId:null},this.onSelectAssignee=e=>{this.setState({assigneeId:e})}}render(){const{form:e,onClose:t,onSubmit:a,value:l}=this.props,{getFieldDecorator:r}=e;return n.a.createElement(u.a,{onSubmit:e=>{e.preventDefault(),this.props.form.validateFields((e,t)=>{e||a&&a(t)})}},n.a.createElement(u.a.Item,{label:"Title"},r("title",{initialValue:k.a.get(l,"title",null),rules:[{required:!0,message:"Please input title!"}]})(n.a.createElement(p.a,{placeholder:"Title"}))),n.a.createElement(u.a.Item,{label:"Body"},r("body",{initialValue:k.a.get(l,"body",null)})(n.a.createElement(qS,null))),n.a.createElement(u.a.Item,{label:"Assignee"},r("assigneeId",{initialValue:k.a.get(l,"assignee.id",null)})(n.a.createElement(zS,null))),l?n.a.createElement(u.a.Item,{label:"Product"},r("productId",{initialValue:k.a.get(l,"product.id",null)})(n.a.createElement(US,null))):null,n.a.createElement(u.a.Item,null,n.a.createElement(v.a,{type:"primary",htmlType:"submit",style:{marginRight:5}},n.a.createElement(RS.a,null),"Save"),n.a.createElement(v.a,{onClick:t||(()=>{B.a.push("/seller/tasks")})},"Cancel")))}}var $S=u.a.create({name:"create"})(HS);const _S=j.b.div``,GS=o.a` 17094 mutation updateTask($input: EditTask!) { 17095 updateTask(input: $input) { 17096 id 17097 title 17098 body 17099 } 17100 } 17101`,KS=o.a` 17102 query taskById($id: ID!) {
17103 taskById(id: $id) { 17104 id 17105 title 17106 body 17107 assignee { 17108 id 17109 } 17110 product { 17111 id 17112 } 17113 } 17114 } 17115`;class JS extends l.Component{constructor(){super(...arguments),this.state={loading:!1}}render(){const e=this.props.match.params.id,{onCompleted:t}=this.props,{currentUser:a}=this.context;let l=oe.hb.Seller;const o=k.a.get(a,"teamUser.role");return[oe.gb.StoreManager].includes(o)&&(l=oe.hb.StoreManager),[oe.gb.MarketplaceManager].includes(o)&&(l=oe.hb.MarketplaceManager),n.a.createElement(_S,{style:{maxWidth:"700px"}},n.a.createElement(s.a,{mutation:GS,onCompleted:e=>{this.setState({loading:!1},()=>{i.a.success({message:"Edit task success!"}),t&&t(e.updateTask)}),B.a.push(`/${l}/tasks`)},onError:e=>{this.setState({loading:!1},()=>{i.a.error({message:"Error"})})}},(t,a)=>{let{client:l}=a;return n.a.createElement(s.b,{query:KS,variables:{id:e}},a=>{let{data:l,error:i,loading:o}=a;return o?n.a.createElement("div",{className:"p-4"},n.a.createElement(r.a,{active:!0})):i?n.a.createElement("div",null,"Error:",Object(c.ib)(i.toString())):n.a.createElement($S,{onSubmit:a=>{this.setState({loading:!1}),t({variables:{input:{...a,id:e}}})},value:l.taskById})})}))}}JS.contextType=te.a;var YS=u.a.create({name:"form"})(JS);const WS=j.b.div` 17116 margin-top: 1.5rem; 17117 .condition { 17118 display: flex; 17119 padding: 1rem 0 1.5rem; 17120 gap: 1rem; 17121 div { 17122 flex: 1 1 0%; 17123 } 17124 } 17125`,ZS=e=>{let{onChange:t}=e;const[a,r]=Object(l.useState)([]);Object(l.useEffect)(()=>{t&&t(a)},[a]);const i=Object(l.useCallback)(()=>{r([...a,{name:"startsWith",value:""}])},[a]),o=Object(l.useCallback)((e,t)=>{r(a.map((a,l)=>l===t?{...a,name:e}:a))},[a]),s=Object(l.useCallback)((e,t)=>{r(a.map((a,l)=>l===t?{...a,value:e}:a))},[a]);return n.a.createElement(WS,null,n.a.createElement("div",null,a.length>0&&a.map((e,t)=>n.a.createElement("div",{className:"condition",key:t},n.a.createElement("div",null,n.a.createElement(D.Q,{label:"condition",labelHidden:!0,options:[{label:"SKU starts with",value:"startsWith"},{label:"SKU contains",value:"contains"}],value:e.name,onChange:e=>o(e,t)})),n.a.createElement("div",null,n.a.createElement(D.cb,{type:"text",label:"input",labelHidden:!0,value:e.value,placeholder:"Enter your value",onChange:e=>s(e,t)})),n.a.createElement(D.g,{onClick:()=>r(a.filter((e,a)=>a!==t)),icon:n.a.createElement(D.w,{source:zl.a})})))),n.a.createElement(D.g,{onClick:i,icon:n.a.createElement(D.w,{source:pl.a})},"New condition"))},XS=j.b.div` 17126 .ignore-inner { 17127 width: 70px; 17128 margin: 0 10px; 17129 .Polaris-Select__Content { 17130 line-height: 2rem; 17131 min-height: 3rem; 17132 } 17133 } 17134`,eI=e=>{let{onChange:t}=e;const[a,r]=Object(l.useState)("all"),[i,o]=Object(l.useState)(null),[s,c]=Object(l.useState)([]);Object(l.useEffect)(()=>{let e=[];i&&(e=i.split("\n"),e.length&&(e=e.map(e=>e.trim()))),t&&t({skus:e,type:a,conditions:s.filter(e=>""!==e.value.trim())})},[i,a,s]);const u=Object(l.useCallback)(e=>{o(e)},[]),d=Object(l.useCallback)(e=>r(e),[]),m=Object(l.useCallback)(e=>c(e),[]);return n.a.createElement(XS,{className:"ignore"},n.a.createElement(D.i,{sectioned:!0,title:"Ignore Mapping Orders"},n.a.createElement(D.cb,{label:"Ignore by list SKUs",type:"text",multiline:5,value:i,onChange:u,placeholder:"Sku1 \r\nSku2 \r\n.."}),n.a.createElement("h4",{className:"mt-4"},"Ignore by product sku structure"),n.a.createElement("div",{className:"flex items-center mt-4"},n.a.createElement("span",null,"Ignore If"),n.a.createElement("div",{className:"ignore-inner"},n.a.createElement(D.Q,{label:"Ignore",labelHidden:!0,options:[{label:"All",value:"all"},{label:"Any",value:"any"}],value:a,onChange:d})),n.a.createElement("span",null,"conditions match")),n.a.createElement(ZS,{onChange:e=>m(e)})))},tI=e=>{let{listUser:t,error:a,onChange:r}=e;const[i,o]=Object(l.useState)([]),[s,u]=Object(l.useState)(null),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)([]);Object(l.useEffect)(()=>{const e=[];t&&t.listUserTeamByRoles&&t.listUserTeamByRoles.length&&t.listUserTeamByRoles.map(t=>{let a={};return a.label=t&&t.user&&`${t.user.firstName} ${t.user.lastName}`,a.value=t&&t.user&&t.user.id,e.push(a),t}),m(e),g(e)},[t]);const A=Object(l.useCallback)(e=>{if(u(e),""===e)return void m(p);const t=new RegExp(e,"i"),a=p.filter(e=>e.label.match(t));m(a)}
17134,[p]),b=Object(l.useCallback)(e=>{const t=e.map(e=>{const t=d.find(t=>t.value===e);return t&&t.label});o(e),r&&r(e);let a="";t&&t.length&&(a=t.length>1?k.a.join(k.a.reverse(t)," & "):k.a.head(t)),u(a)},[d]),h=n.a.createElement(D.c.TextField,{label:"Choose store managers",value:s,placeholder:"Search owners",onChange:A});return a?n.a.createElement("div",null,"Error: ",Object(c.ib)(a.toString())):n.a.createElement(D.c,{allowMultiple:!0,options:d,selected:i,textField:h,onSelect:b,emptyState:n.a.createElement("span",null,"No items found")})},aI=o.a` 17135 mutation createStore($input: NewStore!) { 17136 createStore(input: $input) 17137 } 17138`,lI=[{label:"Woocommerce",value:"woocommerce"},{label:"Shopify",value:"shopify"},{label:"Shopbase",value:"shopbase"}],nI=".myshopify.com",rI=".onshopbase.com",iI=j.b.div` 17139 .Polaris-ButtonGroup { 17140 flex-direction: row-reverse; 17141 } 17142 .checkbox-wrap { 17143 margin-top: -1rem; 17144 } 17145`,oI=e=>{let{listUser:t,error:a}=e;const[r,i]=Object(l.useState)(null),[o,s]=Object(l.useState)(null),[u,d]=Object(l.useState)(null),[m,p]=Object(l.useState)(null),[g,A]=Object(l.useState)("https://"),[b,h]=Object(l.useState)(["woocommerce"]),[f,v]=Object(l.useState)([]),[E,y]=Object(l.useState)({}),[C,O]=Object(l.useState)(!1),[j,w]=Object(l.useState)(null),[S,I]=Object(l.useState)({title:null,domain:null,shopbasePublicDomain:null,shopifyPublicDomain:null,accessToken:null}),[P,x]=Object(l.useState)(""),[M,T]=Object(l.useReducer)(c.Hb,{clientId:"",clientSecret:""}),[Q,R]=Object(l.useState)({active:!1,msg:null,err:!1}),F=Object(l.useRef)(null),[N,{loading:U}]=Object(De.c)(aI),[L,{loading:V}]=Object(De.c)(Jt.ib,{onCompleted:()=>{R(e=>({...e,msg:"Create store success",err:!1})),F.current&&clearTimeout(F.current),F.current=setTimeout(()=>{B.a.push("/seller/stores")},1500)},onError:e=>{R(t=>({...t,msg:Object(c.ib)(e.toString()),err:!0}))}}),z=e=>{I(t=>{let a=null;return e||(a="Please input title."),{...t,title:a}})},q=e=>{I(t=>{let a=null;if(e)if(Object(c.cc)(e)){let t=b&&b.length>0?b[0]:null;"shopify"!==t||e.includes(nI)||(a=n.a.createElement("span",null,"Your domain must include ",n.a.createElement("b",null,nI))),"shopbase"!==t||e.includes(rI)||(a=n.a.createElement("span",null,"Your domain must include"," ",n.a.createElement("b",null,rI)))}else a="Invalidate domain.";else a="Please enter domain.";return{...t,domain:a}})},H=e=>{I(t=>{let a=null;return e||(a="Client ID is required"),{...t,clientId:a}})},$=e=>{I(t=>{let a=null;return e||(a="Client Secret is required"),{...t,clientSecret:a}})},_=Object(l.useCallback)(e=>{z(e),i(e)},[]),G=Object(l.useCallback)(e=>{q(e),s(e)},[b]),K=Object(l.useCallback)(e=>{(e=>{I(t=>{let a=null;return e&&(Object(c.cc)(e)||(a="Invalidate public domain.")),{...t,shopbasePublicDomain:a}})})(e),d(e)},[]),J=Object(l.useCallback)(e=>{(e=>{I(t=>{let a=null;return e&&(Object(c.cc)(e)||(a="Invalidate public domain.")),{...t,shopifyPublicDomain:a}})})(e),p(e)},[]),Y=(Object(l.useCallback)(e=>{var t;x(e),t=e,I(e=>{let a=null;return t||(a="Access token is required"),{...e,accessToken:a}})},[]),Object(l.useCallback)(e=>{T({clientId:e}),H(e)},[])),W=Object(l.useCallback)(e=>{T({clientSecret:e}),$(e)},[]),Z=Object(l.useCallback)(e=>{A(e),I(e=>({...e,shopifyPublicDomain:null,accessToken:null,clientId:null,clientSecret:null}))},[]),X=Object(l.useCallback)(e=>{h(e),s(null)},[]),ee=Object(l.useCallback)(()=>O(e=>!e),[]),te=Object(l.useCallback)(e=>{v(e)},[]),ae=Object(l.useCallback)(e=>{y(e)},[]),le=Object(l.useCallback)(e=>w(e),[]),ne=Object(l.useCallback)(()=>{z(r),q(o);let e=k.a.head(b);const t="shopify"===e;t&&(H(M.clientId),$(M.clientSecret));let a=k.a.size(k.a.filter(k.a.values(S),e=>null!==e));if(r&&o&&g&&e&&0===a){let a=`${g}${o}`;a=a.toLowerCase();"/"===a[a.length-1]&&(a=a.slice(0,-1));let l={title:r,domain:a,shopbasePublicDomain:u,shopifyPublicDomain:m,platform:e,owners:f,note:j,ignoreMapping:E,...k.a.includes(b,"woocommerce")?{usingFakeVariants:C}:null,shopifyClientID:t?M.clientId:void 0,shopifyClientSecret:t?M.clientSecret:void 0};console.log("input",l);const n={input:l};t?(R(e=>({...e,active:!0,msg:null,err:!1})),L({variables:n})):N({variables:n}).then(e=>{window.location.href=e.data.createStore}).catch(e=>{})}},[r,o,g,b,f,E,S,C,m,u,j,M.clientId,M.clientSecret]),re=Q.active&&Q.msg&&n.a.createElement(D.fb,{content:Q.msg,error:Q.err,duration:1400,onDismiss:()=>R(e=>({...e,active:!1}))});return n.a.createElement(iI,null,re,n.a.createElement(D.s,{onSubmit:ne},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Title",required:!0}),n.a.createElement(D.cb,{type:"text",value:r,onChange:_,placeholder:"Title",error:S.title})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Domain",required:!0}),n.a.createElement(D.cb,{type:"text",value:o,onChange:G,error:S.domain,connectedLeft:n.a.createElement(D.Q,{label:"Select domain",labelHidden:!0,value:g,onChange:Z,options:["http://","https://"]})})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Platform",required:!0}),n.a.createElement(D.k,{choices:lI,selected:b,onChange:X})),k.a.includes(b,"woocommerce")&&n.a.createElement("div",{className:"checkbox-wrap"},n.a.createElement(D.j,{label:"Store using fake variants",checked:C,onChange:ee})),k.a.includes(b,"shopify")&&n.a.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"1.6rem"}},n.a.createElement("div",null,n.a.createElement(al.a,{label:"Shopify Client ID",required:!0}),n.a.createElement(D.cb,{type:"text",value:M.clientId,onChange:Y,placeholder:"Enter client id",error:S.clientId})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Shopify Client Secret",required:!0}),n.a.createElement(D.cb,{type:"text",value:M.clientSecret,onChange:W,placeholder:"Enter client secret",error:S.clientId})),n.a.createElement(D.cb,{label:"Shopify public domain",type:"text",value:m,onChange:J,placeholder:"Enter public domain",error:S.shopifyPublicDomain})),k.a.includes(b,"shopbase")&&n.a.createElement(D.cb,{label:"Shopbase public domain",type:"text",value:u,onChange:K,placeholder:"Enter public domain",error:S.shopbasePublicDomain}),n.a.createElement(tI,{listUser:t,error:a,onChange:e=>te(e)}),n.a.createElement(D.cb,{label:"Note",type:"text",value:j,onChange:le,placeholder:"Enter note",multiline:4}),n.a.createElement(eI,{onChange:e=>ae(e)}),n.a.createElement(D.h,null,n.a.createElement(D.g,{primary:!0,submit:!0,loading:U||V},"Add store"),n.a.createElement(D.g,{onClick:()=>B.a.push("/seller/stores")},"Cancel")))))},sI=j.b.div` 17146 margin: -1rem; 17147 @media (min-width: 640px) { 17148 margin: -1.5rem; 17149 } 17150`;var cI=a(1385),uI=a(553),dI=a.n(uI);function mI(e){let{value:t,onChange:a}=e;const[r,i]=n.a.useReducer(c.Hb,{friendly:"",files:[]}),o=n.a.useRef(!1),[s]=Object(De.b)(I.C,{onCompleted:e=>{o.current=!0;const t=function(e){return Object(C.get)(e,"fileById")||null}(e);t&&i({files:[t]})},onError:()=>{}}),[u]=Object(mm.a)(),d=Object(l.useCallback)(e=>(t,l)=>{let n=e||l;i({[n]:t}),u(()=>{a&&a(t,n)},1e3)},[a]);return n.a.useEffect(()=>{if(!o.current&&t){const{friendly:e,logo:a}=t||{};e&&(i({friendly:e}),s({variables:{id:a}}))}},[JSON.stringify(t)]),n.a.createElement(D.i,{sectioned:!0,title:"Extra Info"},n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.cb,{label:"Friendly Name",id:"friendly",placeholder:"Enter your friendly name",value:r.friendly,onChange:d()}),n.a.createElement(pI,null,n.a.createElement(al.a,{label:"Logo"}),n.a.createElement(dl.a,{value:r.files,folder:"undefined",singleUpload:!0,onChange:d("files"),accept:"image/*",sizeSmall:!0}))))}const pI=j.b.div` 17151 max-width: 160px; 17152 17153 .list-file_wrap, 17154 .file_wrap { 17155 height: 160px; 17156 } 17157`;n.a.forwardRef((function(e,t){let{values:a,storeId:l,canAdd:r}=e;const[i,o]=n.a.useReducer(c.Hb,{inputValue:"",options:[],selected:[],deselectedOptions:[]}),[s,u]=n.a.useReducer(c.Hb,{limit:20,offset:0,search:""}),{data:d,loading:m,refetch:p}=Object(De.d)(I.nb,{variables:{filter:s}}),[g,{loading:A}]=Object(De.c)(Jt.jb,{onCompleted:async e=>{const t=function(e){const t=Object(C.get)(e,"createStoreType");if(!t)return;return gI(t)}(e);o(e=>({...e,inputValue:"",selected:[...e.selected,t.value],deselectedOptions:[t,...e.deselectedOptions]})),f(),await new Promise(e=>setTimeout(e,500)),p()},onError:e=>{}}),[b]=Object(mm.a)(),h=n.a.useCallback(e=>{o({inputValue:e}),b(()=>{u({search:e})})},[]),f=n.a.useCallback(()=>{o({inputValue:""}),b(()=>{u({search:""})})},[]),v=n.a.useCallback(()=>{s.search&&l&&g({variables:{input:{storeID:l,label:(s.search||"").trim()}}})},[s.search,l,g,o]),E=n.a.useCallback(e=>{const t=(i.options||[]).filter(t=>e.includes(t.value));o(a=>{const l=bI(a.deselectedOptions,t);return{...a,selected:e,deselectedOptions:l}})},[i.options]),y=n.a.useCallback(e=>()=>{const t=t=>"object"==typeof t?t.value!==e:t!==e;o(e=>{const a=e.selected.filter(t),l=e.deselectedOptions.filter(t);return{...e,selected:a,deselectedOptions:l}})},[]),k=n.a.useRef(!1);n.a.useEffect(()=>{!k.current&&a&&0!==a.length&&(o(e=>{const t=AI(void 0,a),l=bI(e.options,t),n=function(e){const t=new Set;for(let a of e)a&&a.id&&t.add(a.id);return Array.from(t)}(a);return{...e,options:l,selected:n,deselectedOptions:t}}),k.current=!0)},[a]),n.a.useEffect(()=>{o(e=>({...e,options:AI(d)}))},[d]),n.a.useImperativeHandle(t,()=>({getSelected:()=>i.selected}));const O=n.a.createElement(D.c.TextField,{clearButton:!0,value:i.inputValue,placeholder:"Enter store type",onChange:h,onClearButtonClick:f});return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.z,{label:"Store Types"}),n.a.createElement(D.c,{textField:O,allowMultiple:!0,options:i.options,selected:i.selected,onSelect:E,loading:m,emptyState:s.search&&r?n.a.createElement(D.g,{plain:!0,onClick:v,loading:A},n.a.createElement("b",null,"Add: "),s.search):n.a.createElement("span",null,"No items found!")}),i.deselectedOptions&&i.deselectedOptions.length>0?n.a.createElement(hI,null,i.deselectedOptions.map(e=>n.a.createElement(D.ab,{children:e.label,onRemove:y(e.value),key:e.value}))):null)}));function gI(e){return{value:e.id,label:e.label}}function AI(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];const a=Object(C.get)(e,"getStoreTypes.nodes")||t||[],l=new Map;for(let n of a)n&&n.id&&l.set(n.id,gI(n));return Array.from(l.values())}function bI(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];const a=new Map;for(let l of[...e,...t])a.set(l.value,l);return Array.from(a.values())}const hI=j.b.div` 17158 display: flex; 17159 padding-top: 0.8rem; 17160 flex-wrap: wrap; 17161 > * { 17162 margin-right: 0.8rem; 17163 margin-bottom: 0.8rem; 17164 } 17165`;var fI=a(364);const vI=n.a.lazy(()=>a.e(110).then(a.bind(null,1671))),EI=n.a.lazy(()=>a.e(25).then(a.bind(null,1786))),yI=o.a` 17166 query storeById($id: ID!) {
17167 storeById(id: $id) { 17168 id 17169 title 17170 platform 17171 shopbasePublicDomain 17172 shopifyPublicDomain 17173 suspended 17174 note 17175 extraInfo 17176 owners { 17177 user { 17178 id 17179 firstName 17180 lastName 17181 } 17182 id 17183 store_id 17184 role 17185 } 17186 status 17187 ignoreCronFetch 17188 usingEtsyAPI 17189 alwaysCreateArtistTask 17190 enableFulfillmentConfig 17191 certificate 17192 fulfillmentConfigs { 17193 id 17194 fulfillmentId 17195 fulfillment { 17196 id 17197 name 17198 } 17199 apiKey 17200 apiSecret 17201 storeID 17202 mbStoreId 17203 description 17204 printifyAutoProduction 17205 teezilyAutoProduction 17206 } 17207 storeTypes { 17208 id 17209 label 17210 } 17211 17212 channelMembers { 17213 id 17214 firstName 17215 lastName 17216 email 17217 } 17218 } 17219 } 17220`,CI=o.a` 17221 mutation updateStore($input: EditStore!) { 17222 updateStore(input: $input) { 17223 id 17224 } 17225 } 17226`,kI=o.a` 17227 mutation reAuthenticateStore($storeId: ID!) { 17228 reAuthenticateStore(storeId: $storeId) 17229 } 17230`,OI=o.a` 17231 mutation generateEtsyOAuthURL($etsyStoreName: String!) { 17232 generateEtsyOAuthURL(etsyStoreName: $etsyStoreName) 17233 } 17234`,jI=j.b.div` 17235 margin: -1rem; 17236 @media (min-width: 640px) { 17237 margin: -1.5rem; 17238 } 17239 div[role="combobox"]:focus { 17240 outline: none; 17241 } 17242`,wI=j.b.div` 17243 display: flex; 17244 padding-top: 0.8rem; 17245 flex-wrap: wrap; 17246 > * { 17247 margin-right: 0.8rem; 17248 margin-bottom: 0.8rem; 17249 } 17250`,SI=j.b.div` 17251 label { 17252 display: block; 17253 margin-bottom: 0.4rem; 17254 } 17255`,II=j.b.div` 17256 display: flex; 17257 flex-direction: row-reverse; 17258 margin-top: 2rem; 17259`,BI=j.b.div` 17260 margin-top: 20px; 17261`,DI=j.b.div` 17262 .image { 17263 display: flex; 17264 justify-content: center; 17265 img { 17266 max-width: 200px; 17267 height: auto; 17268 } 17269 } 17270 .warning-box { 17271 background: rgb(233, 162, 173); 17272 padding: 10px; 17273 } 17274`,PI=e=>{var t,a;const{id:r}=e.match.params,[i,o]=Object(l.useState)([]),[s,u]=Object(l.useState)(null),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)([]),[A,b]=Object(l.useState)(!1),[h,f]=Object(l.useState)(null),[v,E]=Object(l.useState)(null),[y,k]=Object(l.useState)(null),[O,j]=Object(l.useState)(null),[w,S]=Object(l.useState)(null),[P,x]=Object(l.useState)(""),[M,T]=Object(l.useState)(null),[Q,R]=Object(l.useState)(!1),[F,N]=Object(l.useState)(null),[U,L]=Object(l.useState)(!1),[V,z]=Object(l.useState)(!1),[q,H]=Object(l.useState)(!1),[$,_]=Object(l.useState)(!1),[G,K]=Object(l.useState)(!1),[J,Y]=Object(l.useState)("OAuth URL is generating..."),[W,Z]=Object(l.useState)(!1),[X,ee]=Object(l.useState)(!1),[,ae]=n.a.useState({}),[le,ne]=n.a.useReducer(c.Hb,{friendly:"",url:"",emailContact:"",facebookLink:"",instagramLink:"",youtubeLink:"",files:[]}),[re,ie]=n.a.useReducer(c.Hb,{isTiktok:!1,privateAppAPIKey:"",privateAppPassword:"",channelMemberIDs:[]}),{currentUser:se}=Object(l.useContext)(te.a),ue=Object(c.ub)(se),{isMarketplaceManager:de}=Object(c.j)(se),{data:me,loading:pe,error:ge,refetch:Ae}=Object(De.d)(yI,{variables:{id:r},fetchPolicy:"no-cache",onCompleted:e=>{if(null===e||void 0===e?void 0:e.storeById){e.storeById.platform===oe.M.Tiktok&&ie({isTiktok:!0})}}}),{data:be,loading:he,error:fe}=Object(De.d)(I.Qb,{variables:{roles:[oe.pb.Admin,oe.pb.Seller,oe.pb.StoreManager,oe.gb.Supporter]}}),[ve,{data:Ee,loading:ye,error:Ce}]=Object(De.c)(kI,{onError:()=>{}}),ke=n.a.useRef(null),[Oe]=Object(De.c)(Jt.pe),[je,{data:we,loading:Se,error:Ie}]=Object(De.c)(CI,{onCompleted:async()=>{if(null!=ke.current&&ke.current.getSelected){const e=ke.current.getSelected();await Oe({variables:{storeID:r,storeTypeIDs:e}})}const e=setTimeout(()=>{Ge()},2500);f(e)},onError:()=>{}}),[Be]=Object(De.c)(OI,{onError:()=>{},onCompleted:()=>{}});Object(l.useEffect)(()=>{let e=be&&be.listUserTeamByRoles&&be.listUserTeamByRoles.length?be.listUserTeamByRoles.map(e=>e&&e.user?{label:`${e.user.firstName} ${e.user.lastName}`,value:e.user.id}
17274:null).filter(Boolean):[];m(e),g(e)},[be]),Object(l.useEffect)(()=>{var e;const t=me&&me.storeById,a=t&&t.title,l=t&&t.shopbasePublicDomain,n=t&&t.shopifyPublicDomain,r=t&&t.owners&&t.owners.length?t.owners.filter(e=>e.role&&"Owner"===e.role).map(e=>e&&e.user&&e.user.id).filter(Boolean):[],i=t&&t.note,s=t&&t.ignoreCronFetch,u=t&&t.usingEtsyAPI,d=t&&t.alwaysCreateArtistTask;x(a),o(r),E(l),j(n),R(t&&t.suspended),N(i),L(s),z(u),H(d),(null===t||void 0===t?void 0:t.extraInfo)&&ne({...t.extraInfo});const m=function(e){return Object(C.get)(e,"certificate")||""}(t),p={};if(m){const{private_app_api_key:e,private_app_password:t}=m||{};p.privateAppAPIKey=e,p.privateAppPassword=t}(null===t||void 0===t||null===(e=t.channelMembers)||void 0===e?void 0:e.length)>0&&(p.channelMemberIDs=function(e){if(Object(c.c)(e))return[];const t=new Set;for(let a of e)a&&a.id&&t.add(a.id);return Array.from(t)}(t.channelMembers)),Object.keys(p).length>0&&ie(p)},[me]),Object(l.useEffect)(()=>()=>clearTimeout(h),[h]);const Pe=Object(l.useCallback)(e=>{if(u(e),""===e)return void m(p);const t=new RegExp(e,"i"),a=p.filter(e=>e.label.match(t));m(a)}
17274,[p]),xe=Object(l.useCallback)(e=>{o(e)},[d]),Me=Object(l.useCallback)(e=>{let t="";e&&e.length>0&&(t=e),E(t)},[]),Te=Object(l.useCallback)(e=>{let t="";e&&e.length>0&&(t=e),j(t)},[]),Qe=Object(l.useCallback)(e=>{let t=i.filter(t=>t!==e);o(t)},[i]),Re=Object(l.useCallback)(e=>N(e),[]),Fe=me&&me.storeById,Ne=(null===Fe||void 0===Fe?void 0:Fe.platform)===oe.M.ShopBase;const Ue=Object(l.useCallback)(()=>{let e=i&&i.length?i.map(e=>({userId:e,id:e.seller})):null;if(He(P),P){var t;let l={owners:e,id:r,title:P,note:F,ignoreCronFetch:U};if("shopbase"===Fe.platform)if(v&&v.length>0){if(!Object(c.cc)(v))return void k("Please enter a valid url with https://");l.shopbasePublicDomain=v}else l.shopbasePublicDomain=v;if("shopify"===Fe.platform)if(O&&O.length>0){if(!Object(c.cc)(O))return void S("Please enter a valid url with https://");l.shopifyPublicDomain=O}else l.shopifyPublicDomain=v;const n=Fe&&Fe.platform;if([oe.M.Amazon,oe.M.Tiktok,oe.M.Ebay].includes(n)&&(l.suspended=Q),["etsy"].includes(n)&&(l.usingEtsyAPI=V,ue)){const{files:e,...t}=le||{};l.extraInfo=t}var a;if(re.isTiktok)if(l.extraInfo={friendly:le.friendly},(null===le||void 0===le||null===(a=le.files)||void 0===a?void 0:a.length)>0){const e=Object(C.get)(le,"files[0].id")||null;l.extraInfo.logo=e}l.alwaysCreateArtistTask=q,Ne&&(l.privateAppApiKey=re.privateAppAPIKey,l.privateAppPassword=re.privateAppPassword),(null===(t=re.channelMemberIDs)||void 0===t?void 0:t.length)>0&&(l.channelMemberIDs=re.channelMemberIDs),je({variables:{input:l}})}Ve()},[i,v,O,P,Q,F,U,V,q,ue,le,re.isTiktok,re.privateAppAPIKey,re.privateAppPassword,Ne,re.channelMemberIDs]),Le=Object(l.useCallback)(()=>{ve({variables:{storeId:r}}),Ve()},[]),Ve=Object(l.useCallback)(()=>b(e=>!e),[]),ze=Object(l.useCallback)(e=>{x(e),He(e),Z(!0)},[]),qe=Object(l.useCallback)((e,t)=>{ne(a=>({...a.extraInfo,[t]:e}))},[]),He=e=>{let t=null;e||(t="Title is required."),T(t)},$e=A?(ge||Ie||Ce||we&&we.updateStore||Ee&&Ee.reAuthenticateStore||X)&&n.a.createElement(D.fb,{content:ge||Ie||Ce?Ie&&Ie.toString().includes("Could not found Etsy store ID by given name")?"Could not found Etsy store ID by given name":"Went something wrong":we&&we.updateStore?"Update store successful.":Ee&&Ee.reAuthenticateStore?(window.location.href=Ee.reAuthenticateStore,"You will be redirected momentarily."):X?'You must hit "Update store" first.':void 0,error:ge||Ie||Ce,duration:2e3,onDismiss:Ve}):null;let _e=function(e,t){const{currentUser:a}=Object(te.c)(),{isStoreManager:l}=Object(c.j)(a);let n=`/${e}/stores`;if(!t)return n;switch(t){case oe.M.Amazon:case oe.M.Ebay:case oe.M.Etsy:l||(n=`/${e}/stores/${t}`);break;case oe.M.Facebook:n=`/${e}/stores/fb-marketplace`;break;case oe.M.Tiktok:n=`/${e}/stores/tiktok`}return n}(function(){const{currentUser:e}=Object(te.c)(),t=ce()(e,"teamUser");let a=Object(c.V)(e);return null!=t&&(a=Object(c.U)(e)),a}(),null===Fe||void 0===Fe?void 0:Fe.platform);const Ge=Object(l.useCallback)(()=>{B.a.push(_e)},[Fe]),Ke=Object(l.useCallback)(async e=>{if(K(e),e&&"OAuth URL is generating..."==J)try{const e=await Be({variables:{etsyStoreName:P}});e&&e.data&&e.data.generateEtsyOAuthURL&&Y(e.data.generateEtsyOAuthURL)}catch{}},[P]),Je=n.a.useCallback((e,t)=>{ie({[t]:e})},[]),Ye=n.a.createElement(D.c.TextField,{value:s,onChange:Pe,placeholder:"Choose store managers",label:"Choose store managers(*)",labelHidden:!0}),We=n.a.useMemo(()=>{var e;return!!(null===me||void 0===me||null===(e=me.storeById)||void 0===e?void 0:e.enableFulfillmentConfig)},[null===me||void 0===me?void 0:me.storeById]),Ze=pe&&n.a.createElement(D.D,null);if(ge)return n.a.createElement("div",null,"Error",Object(c.ib)(ge.toString()));if(fe)return n.a.createElement("div",null,"Error",Object(c.ib)(fe.toString()));const Xe="etsy"===(null===Fe||void 0===Fe?void 0:Fe.platform),et=Object(c.bb)(Fe);return n.a.createElement(jI,null,Ze,$e,n.a.createElement(D.H,{title:"Edit Store",breadcrumbs:de?[]:[{content:"Stores",url:_e}]},n.a.createElement(D.s,{onSubmit:Ue},n.a.createElement(D.i,{sectioned:!0,title:"General"},n.a.createElement(D.t,null,n.a.createElement(n.a.Fragment,null,n.a.createElement(al.a,{label:"Title",required:!0}),n.a.createElement(D.cb,{value:P,onChange:ze,placeholder:"Enter title",error:M})),[oe.M.Amazon,oe.M.Tiktok,oe.M.Ebay].includes(Fe&&Fe.platform)&&n.a.createElement(D.j,{checked:Q,onChange:()=>R(e=>!e),label:"Is suspended"}),n.a.createElement(n.a.Fragment,null,n.a.createElement(al.a,{label:"Cho
17274ose store managers"}),n.a.createElement(D.c,{options:d,onSelect:xe,selected:i,textField:Ye,emptyState:n.a.createElement("span",null,"No items found!"),allowMultiple:!0,loading:he}),n.a.createElement(wI,null,i&&i.length?i.map(e=>{let t=d.find(t=>t.value===e);if(t)return n.a.createElement(D.ab,{children:t&&t.label,onRemove:()=>Qe(e),key:e})}):null)),et?n.a.createElement(fI.a,{label:"Channel Members",value:re.channelMemberIDs,onChange:e=>Je(e,"channelMemberIDs"),roles:[oe.gb.ChannelLeader,oe.gb.ChannelIdea,oe.gb.ChannelSeller,oe.gb.ChannelSupportLeader,oe.gb.ChannelSupporter]}):null,n.a.createElement(D.cb,{label:"Note",value:F,onChange:Re,placeholder:"Enter note",multiline:4}),Fe&&"shopbase"===Fe.platform&&n.a.createElement(D.cb,{label:"Shopbase public domain",type:"text",value:v,onChange:Me,placeholder:"Enter public domain",error:y}),Fe&&"shopify"===Fe.platform&&n.a.createElement(D.cb,{label:"Shopify public domain",type:"text",value:O,onChange:Te,placeholder:"Enter public domain",error:w}),Ne?n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.cb,{label:"Private App - Api Key",name:"privateAppAPIKey",id:"privateAppAPIKey",onChange:Je,value:re.privateAppAPIKey,placeholder:"Enter Api Key"}),n.a.createElement(D.cb,{label:"Private App - Password",name:"privateAppPassword",id:"privateAppPassword",onChange:Je,value:re.privateAppPassword,placeholder:"Enter Password"})):null,n.a.createElement(D.j,{label:"Ignore cron fetch",checked:U,onChange:e=>{L(e)}}),ue?n.a.createElement(D.j,{label:"Always create the artist task for orders from this store?",checked:q,onChange:e=>{H(e)}}):null,Xe?n.a.createElement(D.j,{label:"Would you like to use Etsy API in this store?",checked:V,onChange:e=>{z(e)}}):null,Fe&&["woocommerce","shopbase"].includes(Fe.platform)&&n.a.createElement(SI,null,n.a.createElement("label",null,"Re Authorize your store"),n.a.createElement(D.g,{loading:ye,icon:ye?null:cI.a,onClick:Le},"Re Authorize")),Fe&&"etsy"==Fe.platform&&n.a.createElement(n.a.Fragment,null,n.a.createElement(BI,null,n.a.createElement(D.g,{icon:cI.a,onClick:()=>{W?(ee(!0),b(!0)):_(!0)}},"Authorize")),n.a.createElement(D.E,{open:$,onClose:()=>{_(!1)},title:"OAuth Your Etsy Account"},n.a.createElement(DI,null,n.a.createElement(D.E.Section,null,n.a.createElement(D.bb,null,n.a.createElement("h2",null,"Manage and fulfill your Etsy orders from all your accounts at once with MerchBridge"),n.a.createElement("div",{className:"image"},n.a.createElement("img",{src:dI.a,alt:""})),n.a.createElement("div",{className:"warning-box"},n.a.createElement("p",null,"Warning: To protect your account from being suspended by Etsy, Please:"),n.a.createElement("ul",null,n.a.createElement("li",null,"Read and follow the documentation carefully"),n.a.createElement("li",null,"Only use the Auth Etsy Account URL from the PC or VPS of the Etsy account that you want to connect"))),n.a.createElement(D.j,{label:"I have read and agreed with the documentation.",checked:G,onChange:e=>{Ke(e)}}),G&&n.a.createElement(Jd.a,{text:J})))))))),ue?Xe?n.a.createElement(n.a.Suspense,{fallback:null},n.a.createElement(EI,{values:le,onChange:qe})):re.isTiktok?n.a.createElement(n.a.Suspense,{fallback:null},n.a.createElement(mI,{value:le,onChange:qe})):null:null,We&&n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(vI,{value:null===me||void 0===me||null===(t=me.storeById)||void 0===t?void 0:t.fulfillmentConfigs,storeId:null===me||void 0===me||null===(a=me.storeById)||void 0===a?void 0:a.id,refetch:Ae,forceUpdate:ae})),n.a.createElement(II,null,n.a.createElement(D.h,null,n.a.createElement(D.g,{onClick:()=>Ge()},"Cancel"),n.a.createElement(D.g,{primary:!0,submit:!0,loading:Se},"Update store"))))))};const xI={name:"Name",email:"Email"},MI=[{value:"Connected",label:"Connected"},{value:"Checkpointed",label:"Checkpointed"},{value:"Dead",label:"Dead"}];function TI(e){let{onSubmit:t,handleRedirect:a,loading:l,value:r,isEdit:i,isStoreManager:o}=e;const[s,u]=n.a.useState({name:"",email:"",note:"",owners:[],facebookUid:"",status:""}),[d,m]=n.a.useState({});n.a.useEffect(()=>{if(null!=r){const{title:e,note:t,owners:a,status:l,facebookUid:n}=r,i=(null===a||void 0===a?void 0:a.length)>0?a.map(e=>{var t;return(null===e||void 0===e||null===(t=e.user)||void 0===t?void 0:t.id)?e.user.id:null}
17274).filter(Boolean):[];u(a=>({...a,name:e,note:t,owners:i,status:l,facebookUid:n}))}},[r]);const p=n.a.useCallback((e,t)=>{let a,l=null;for(let[n,r]of Object.entries(xI))[n].includes(t)&&(a=r);e&&e.length||!a?"email"===t&&(Object(c.sb)(e)||(l="Email must be a valid email address.")):l=a+" is required.",m(e=>({...e,[t]:l}))},[]),g=n.a.useCallback((e,t)=>{p(e,t),u(a=>({...a,[t]:e}))},[p]),A=n.a.useCallback(()=>{for(let[t]of Object.entries(xI))p(s[t],t);let{name:e,email:a,owners:l,note:n,facebookUid:r,status:o}=s,c=Object(C.size)(Object(C.filter)(Object(C.values)(d),e=>null!==e)),u=!1;u=i?e&&0===c:e&&a&&0===c;const m=l.length>0?l.map(e=>({userId:e})):[];u&&t&&t({...{name:e,email:a,note:n,owners:m,facebookUid:r,status:i?o:void 0}})},[s,d,t,i,p]);return n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.Y,{vertical:!0,spacing:"loose"},n.a.createElement("div",null,n.a.createElement(al.a,{label:"Name",required:!0}),n.a.createElement(D.cb,{id:"name",value:s.name,onChange:g,error:d.name,placeholder:"Enter account name"})),!i&&n.a.createElement("div",null,n.a.createElement(al.a,{label:"Email",required:!0}),n.a.createElement(D.cb,{id:"email",value:s.email,onChange:g,error:d.email,placeholder:"Enter account email"})),i&&!o&&n.a.createElement(QI,{value:s.owners,onChange:g}),i&&n.a.createElement(D.Q,{id:"status",label:"Status",onChange:g,value:s.status,options:MI}),n.a.createElement(D.cb,{label:"Facebook UID",placeholder:"Enter facebook uid",value:s.facebookUid,onChange:g,id:"facebookUid",multiline:2}),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Note"}),n.a.createElement(D.cb,{id:"note",value:s.note,onChange:g,multiline:4,placeholder:"Enter note"})),n.a.createElement("div",{className:"actions-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Cancel",onClick:a}),n.a.createElement(D.g,{children:"Submit",primary:!0,onClick:A,loading:l})))))}function QI(e){let{onChange:t,value:a,error:l}=e;const[r,i]=n.a.useState([]),{data:o,loading:s,error:c}=Object(De.d)(I.Qb,{variables:{roles:[oe.pb.Admin,oe.pb.Seller,oe.pb.StoreManager,oe.gb.Supporter]}});return n.a.useEffect(()=>{var e;let t=(null===o||void 0===o||null===(e=o.listUserTeamByRoles)||void 0===e?void 0:e.length)>0?o.listUserTeamByRoles.map(e=>e&&e.user?{label:`${e.user.firstName} ${e.user.lastName}`,value:e.user.id}:null).filter(Boolean):[];i(t)},[o]),s?n.a.createElement(D.X,{size:"small"}):c?n.a.createElement("div",null,"Error: ",c.toString()):n.a.createElement(ur,{data:r,value:a,label:"Store manager",placeholder:"Search for store manager",onChange:e=>t(e,"owners"),error:l})}const RI=j.b.div` 17275 margin: -1rem; 17276 @media (min-width: 640px) { 17277 margin: -1.5rem; 17278 } 17279`;function FI(){const{currentUser:e}=n.a.useContext(te.a),t=(null===e||void 0===e?void 0:e.roles)||[],a=(null===e||void 0===e?void 0:e.teamUser.role)||null,l=t.includes(oe.pb.Seller),r=l&&[oe.gb.StoreManager].includes(a),i=l&&[oe.gb.MarketplaceManager].includes(a);let o=oe.hb.Seller;r&&(o=oe.hb.StoreManager),i&&(o=oe.hb.MarketplaceManager);const s=`/${o}/stores/fb-marketplace`,u=Object(O.g)(),[d,m]=Object(Ee.a)(!1),[p,g]=n.a.useState({msg:null,err:!1}),A=n.a.useRef(null),[b,{loading:h}]=Object(De.c)(Jt.R,{onCompleted:()=>{g&&g({msg:"Create account successfully.",err:!1}),A.current&&clearTimeout(A.current),A.current=setTimeout(()=>{f()},1500)},onError:e=>{g&&g({msg:Object(c.ib)(e.toString()),err:!0})}}),f=n.a.useCallback(()=>{u.push(s)},[u,s]),v=n.a.useCallback(e=>{if(null!=e){const{owners:t,...a}=e;m&&m(!0),g&&g({msg:null,err:!1}),b({variables:{input:{...a,platform:oe.O}}})}},[b,m,g]),E=d&&p.msg&&n.a.createElement(D.fb,{content:p.msg,error:p.err,duration:1500,onDismiss:m}),y=r?"Create FB Marketplace Account":"Add Marketplace Account";return n.a.createElement(RI,null,E,n.a.createElement(D.H,{title:y,fullWidth:!0,breadcrumbs:[{content:"Facebook Marketplace",url:s}]},n.a.createElement(TI,{onSubmit:v,loading:h,handleRedirect:f})))}const NI=j.b.div` 17280 margin: -1rem; 17281 @media (min-width: 640px) { 17282 margin: -1.5rem; 17283 } 17284`,UI=o.a` 17285 query storeById($id: ID!) {
17286 storeById(id: $id) { 17287 id 17288 title 17289 note 17290 facebookUid 17291 status 17292 owners { 17293 user { 17294 id 17295 } 17296 } 17297 } 17298 } 17299`;function LI(){const{id:e}=Object(O.i)(),{currentUser:t}=n.a.useContext(te.a),a=Object(c.U)(t),{isStoreManager:l}=Object(c.j)(t),r=`/${a}/stores/fb-marketplace`,i=Object(O.g)(),[o,s]=Object(Ee.a)(!1),[u,d]=n.a.useState({msg:null,err:!1}),m=n.a.useRef(null),{data:p,loading:g,error:A}=Object(De.d)(UI,{variables:{id:e}}),[b,{loading:h}]=Object(De.c)(Jt.ne,{onCompleted:()=>{d&&d({msg:"Update account successfully.",err:!1}),m.current&&clearTimeout(m.current),m.current=setTimeout(()=>{f()},1500)},onError:e=>{d&&d({msg:Object(c.ib)(e.toString()),err:!0})}}),f=n.a.useCallback(()=>{i.push(r)},[i,r]),v=n.a.useCallback(t=>{if(null!=e&&null!=t){const{name:a,note:l,owners:n,status:r,facebookUid:i}=t;s(!0),d&&d({msg:null,err:!1}),b({variables:{input:{id:e,title:a,note:l,owners:n,facebookUid:i,status:r}}})}},[b,e,s,d]),E=o&&u.msg&&n.a.createElement(D.fb,{content:u.msg,error:u.err,duration:1500,onDismiss:s}),y=g&&n.a.createElement(D.D,null),C=l?"Update FB Marketplace Account":"Update Marketplace Account";return n.a.createElement(NI,null,y,E,n.a.createElement(D.H,{title:C,fullWidth:!0,breadcrumbs:[{content:"Facebook Marketplace",url:r}]},g?n.a.createElement(Je.SkeletonPagePolaris,null):A?n.a.createElement("div",null,"Error: ",Object(c.ib)(A.toString())):n.a.createElement(TI,{value:(null===p||void 0===p?void 0:p.storeById)||null,onSubmit:v,loading:h,isEdit:!0,handleRedirect:f,isStoreManager:l})))}const VI=o.a` 17300 query stores($filter: StoreFilter) { 17301 stores(filter: $filter) { 17302 total 17303 nodes { 17304 id 17305 title 17306 } 17307 } 17308 } 17309`,zI=e=>{let{value:t,onChange:a,type:l}=e;const[r,i]=n.a.useState(l),[o,s]=n.a.useState([]),{data:c,error:u}=Object(De.d)(VI,{variables:{filter:{limit:3e3,offset:0,search:null,platformSelected:"online-store"===r?["woocommerce","shopify","shopbase"]:[r]}}});n.a.useEffect(()=>{var e,t;let a=(null===c||void 0===c||null===(e=c.stores)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?c.stores.nodes.map(e=>({value:e.id,label:e.title})):[];s(a)},[c]),n.a.useEffect(()=>i(l),[l]);const d=n.a.useMemo(()=>[{value:"online-store",label:"Online Store"},{value:"amazon",label:"Amazon"},{value:"ebay",label:"Ebay"},{value:"etsy",label:"Etsy"},{value:"facebook",label:"Facebook"},{value:"tiktok",label:"Tiktok"}],[]),m=n.a.useCallback(e=>{i(e),a&&a([])},[a]);return n.a.createElement("div",{style:{paddingTop:"1px"}},n.a.createElement(D.t,null,n.a.createElement(D.Q,{value:r,options:d,onChange:m,label:"Type store"}),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Stores"}),n.a.createElement(oC.a,{stores:o,allowMultiple:!0,value:t,onChange:a,error:u,labelHidden:!0}))))},qI=j.b.div` 17310 .actions-wrap { 17311 display: flex; 17312 flex-direction: row-reverse; 17313 margin-top: 3rem; 17314 } 17315`,HI=e=>{let{btnSubmitLabel:t,onSubmit:a,onRedirect:l,loading:r,isEditGroup:i,value:o}=e;const[s,c]=n.a.useState({name:null,description:null,stores:[]}),[u,d]=n.a.useState({}),[m,p]=n.a.useState("online-store"),g=n.a.useMemo(()=>({name:"Name",description:"Description"}),[]);n.a.useEffect(()=>{if(o){let{name:e,description:t,stores:a}=o,l=(null===a||void 0===a?void 0:a.length)>0?a.find(e=>e.platform):null,n=null===l||void 0===l?void 0:l.platform;["woocommerce","shopify","shopbase"].includes(n)&&(n="online-store");let r=(null===a||void 0===a?void 0:a.length)>0?a.map(e=>e.id):[];n&&p(n),c(a=>({...a,name:e,description:t,stores:r}))}},[o]);const A=n.a.useCallback((e,t)=>{let a,l=null;for(let[n,r]of Object.entries(g))[n].includes(t)&&(a=r);e&&e.length||!a||(l=a+" is required."),d(e=>({...e,[t]:l}))},[g]),b=n.a.useCallback((e,t)=>{c(a=>({...a,[t]:e})),A(e,t)},[A]),h=n.a.useCallback(()=>{for(let a of Object.keys(g))A(s[a],a);let e=Object(C.size)(Object(C.filter)(Object(C.values)(u),e=>null!==e)),{name:t,description:l,stores:n}=s,r={name:t,description:l};i?r={...r,name:Object(C.isEqual)(o.name,t)?null:t,newGroupStores:n}:(r.newGroupStores=void 0,r.storeIds=n),t&&l&&0===e&&a&&a({...r})},[s,u,a,A,g,i,o]);return n.a.createElement(qI,null,n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Name",required:!0}),n.a.createElement(D.cb,{id:"name",value:s.name,placeholder:"Enter group name",onChange:b,error:u.name})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Description",required:!0}),n.a.createElement(D.cb,{id:"description",value:s.description,placeholder:"Enter group description",onChange:b,error:u.description,multiline:4}
17315)),n.a.createElement(zI,{value:s.stores,type:m,onChange:e=>b(e,"stores")}),n.a.createElement("div",{className:"actions-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Cancel",onClick:l}),n.a.createElement(D.g,{children:t,primary:!0,onClick:h,loading:r})))))},$I=o.a` 17316 mutation createGroup($input: NewGroup!) { 17317 createGroup(input: $input) { 17318 id 17319 name 17320 } 17321 } 17322`,_I=j.b.div``,GI=()=>{const{currentUser:e}=Object(te.c)(),t=Object(c.U)(e),[a,l]=n.a.useState(!1),[r,i]=n.a.useState(null),[o,s]=n.a.useState({message:null,error:!1}),[u,{loading:d}]=Object(De.c)($I,{onCompleted:()=>{s({message:"Create group successfully,",error:!1});const e=setTimeout(()=>{g()},2100);i(e)},onError:e=>{s({message:Object(c.ib)(e.toString()),error:!0})}});n.a.useEffect(()=>()=>clearTimeout(r),[r]);const m=n.a.useCallback(()=>l(e=>!e),[]),p=n.a.useCallback(e=>{e&&(m(),u({variables:{input:e}}))},[u,m]),g=n.a.useCallback(()=>{B.a.push(`/${t}/stores/groups`)},[]),A=a&&o.message&&n.a.createElement(D.fb,{content:o.message,error:o.error,onDismiss:m,duration:2e3});return n.a.createElement(_I,null,A,n.a.createElement(D.H,{title:"Add Group",breadcrumbs:[{content:"Groups",url:`/${t}/stores/groups`}]},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(HI,{btnSubmitLabel:"Submit",onSubmit:p,onRedirect:g,loading:d}))))},KI=o.a` 17323 query group($id: ID!) { 17324 group(id: $id) { 17325 id 17326 name 17327 description 17328 stores { 17329 id 17330 title 17331 platform 17332 } 17333 } 17334 } 17335`,JI=o.a` 17336 mutation updateGroup($input: EditGroup!) { 17337 updateGroup(input: $input) { 17338 id 17339 name 17340 description 17341 stores { 17342 id 17343 title 17344 } 17345 } 17346 } 17347`,YI=j.b.div``,WI=()=>{const{id:e}=Object(O.i)(),{currentUser:t}=Object(te.c)(),a=Object(c.U)(t),[l,r]=n.a.useState(!1),[i,o]=n.a.useState(null),[s,u]=n.a.useState({message:null,error:!1}),{data:d,loading:m,error:p}=Object(De.d)(KI,{variables:{id:e},skip:!e}),[g,{loading:A}]=Object(De.c)(JI,{onCompleted:()=>{u({message:"Update group successfully,",error:!1});const e=setTimeout(()=>{h()},2100);o(e)},onError:e=>{u({message:Object(c.ib)(e.toString()),error:!0})}});n.a.useEffect(()=>()=>clearTimeout(i),[i]);const b=n.a.useCallback(()=>r(e=>!e),[]),h=n.a.useCallback(()=>{B.a.push(`/${a}/stores/groups`)},[]),f=n.a.useCallback(t=>{t&&(b&&b(),u({message:null,error:!1}),g({variables:{input:{...t,id:e}}}))},[e,g,b]),v=m&&n.a.createElement(D.D,null),E=l&&s.message&&n.a.createElement(D.fb,{content:s.message,error:s.error,onDismiss:b,duration:2e3});return n.a.createElement(YI,null,E,v,n.a.createElement(D.H,{title:"Update Group",breadcrumbs:[{content:"Groups",url:`/${a}/stores/groups`}]},n.a.createElement(D.i,{sectioned:!0},m?n.a.createElement(Je.SkeletonPagePolaris,null):p?n.a.createElement("div",null,"Error: ",Object(c.ib)(p.toString())):n.a.createElement(HI,{onRedirect:h,onSubmit:f,loading:A,btnSubmitLabel:"Update Group",isEditGroup:!0,value:null===d||void 0===d?void 0:d.group}))))};var ZI=a(989),XI=a.n(ZI);function eB(){const[e,t]=n.a.useReducer((e,t)=>({...e,...t}),{name:"",email:"","shop Code":"",emailLabel:"Store Email",useAPI:!1,openModal:!1,canRedirect:!0}),[a,l]=n.a.useReducer(c.Hb,{friendly:"",files:[]}),[r,i]=n.a.useReducer((e,t)=>({...e,...t}),{}),{setNotify:o,toggleToast:s}=Object(Fa.b)(),{currentUser:u}=Object(te.c)(),d=Object(c.ub)(u),m=Object(c.U)(u),p=Object(O.g)(),g=n.a.useRef(null),[A,{loading:b}]=Object(De.c)(Jt.R,{onCompleted:()=>{o({msg:"Create Tiktok account success",err:!1}),e.useAPI?t({openModal:!0,canRedirect:!0}):f()},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0}),t({openModal:!1,canRedirect:!1})}}),{data:h}=Object(De.e)(sj.c);n.a.useEffect(()=>{var t,a,l;"store_tiktok_is_connected"===(null===h||void 0===h||null===(t=h.storeEvents)||void 0===t?void 0:t.event)&&(e["shop Code"]===(null===h||void 0===h||null===(a=h.storeEvents)||void 0===a||null===(l=a.store)||void 0===l?void 0:l.domain)&&f())},[h,e["shop Code"]]);const f=n.a.useCallback(()=>{g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{p.push(`/${m}/stores/tiktok`)},2e3)},[p,m]),v=n.a.useCallback((e,t)=>{let a=null,l=t.charAt(0).toUpperCase()+t.slice(1);e&&e.length||(a=l+" is required."),i({[t]:a})},[]),E=n.a.useRef(null),y=n.a.useCallback((e,a)=>{t({[a]:e}),E.current&&clearTimeout(E.current),E.current=setTimeout(()=>{v(e,a)},350)},[]),k=n.a.useCallback(()=>{let{email:t,name:l,useAPI:n}=e;v(l,"name");let r=t&&l;const i={name:l,platform:oe.M.Tiktok,useAPI:n};if(n){const t=e["shop Code"];r=l&&t,v(t,"shop Code"),i.domain=t,i.email=""}else v(t,"email"),i.email=t;if(a){var c;let e={friendly:a.friendly};if((null===a||void 0===a||null===(c=a.files)||void 0===c?void 0:c.length)>0){const t=Object(C.get)(a,"files[0].id")||null;t&&(e.logo=t)}i.extraInfo=e}r&&(s&&s(),o&&o({msg:null,err:!1}),A({variables:{input:i}}))},[e,a,A,o,s,v]),j=n.a.useCallback(e=>{const a={useAPI:e,emailLabel:"Store Email"};e&&(a.emailLabel="Shop Code"),t(a)},[]),w=n.a.useCallback(()=>{t({openModal:!1}),e.canRedirect&&f()},[e.canRedirect]),S=n.a.useCallback((e,t)=>{l(a=>({...a.extraInfo,[t]:e}))},[]);return n.a.useEffect(()=>()=>{E.current&&clearTimeout(E.current)},[]),n.a.createElement(lB,null,n.a.createElement(D.s,{onSubmit:k,name:"add_tiktok_account"},n.a.createElement(D.i,{title:"General",sectioned:!0},n.a.createElement(D.t,null,n.a.createElement(D.j,{label:"Use TikTok's API",checked:e.useAPI,onChange:j}),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Store name",required:!0}),n.a.createElement(D.cb,{value:e.name,id:"name",onChange:y,error:r.name,placeholder:"Enter store name"})),n.a.createElement("div",null,n.a.createElement(al.a,{label:e.emailLabel,required:!0}),n.a.createElement(D.cb,{value:e.useAPI?e["shop Code"]:e.email,id:e.useAPI?"
17347shop Code":"email",onChange:y,error:e.useAPI?r["shop Code"]:r.email,placeholder:"Enter "+e.emailLabel})))),d?n.a.createElement(n.a.Suspense,{fallback:null},n.a.createElement(mI,{values:a,onChange:S})):null,n.a.createElement("div",{className:"btn-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Cancel",url:`/${m}/stores/tiktok`}),n.a.createElement(D.g,{children:"Add Account",primary:!0,loading:b,submit:!0})))),n.a.createElement(tB,{open:e.openModal,onClose:w}))}function tB(e){let{open:t,onClose:a}=e;const[l,r]=n.a.useState(!1);return n.a.createElement(D.E,{open:t,onClose:a,title:"Connect Your TikTok Account",sectioned:!0},n.a.createElement(aB,null,n.a.createElement(D.bb,null,n.a.createElement("h2",null,"Manage and fulfill your Tiktok orders from all your accounts at once with MerchBridge"),n.a.createElement("div",{className:"image"},n.a.createElement("img",{src:XI.a,alt:"",style:{backgroundColor:"#fff"}})),n.a.createElement("div",{className:"warning-box"},n.a.createElement("p",null,"Warning: To protect your account from being suspended by Tiktok, Please:"),n.a.createElement("ul",null,n.a.createElement("li",null,"Read and follow the documentation carefully"),n.a.createElement("li",null,"Only use the Auth Tiktok Account URL from the PC or VPS of the Tiktok account that you want to connect"))),n.a.createElement(D.j,{label:"I have read and agreed with the documentation.",checked:l,onChange:r}),l&&n.a.createElement(Jd.a,{text:$e.h}))))}const aB=j.b.div` 17348 .image { 17349 display: flex; 17350 justify-content: center; 17351 img { 17352 max-width: 200px; 17353 height: auto; 17354 } 17355 } 17356 .warning-box { 17357 background: rgb(233, 162, 173); 17358 padding: 10px; 17359 } 17360`,lB=j.b.div` 17361 a:hover { 17362 color: inherit; 17363 } 17364 17365 .btn-wrap { 17366 margin-top: 2rem; 17367 justify-content: flex-end; 17368 display: flex; 17369 } 17370`,nB=o.a` 17371 query storeById($id: ID!) { 17372 storeById(id: $id) { 17373 id 17374 title 17375 domain 17376 } 17377 } 17378`;function rB(e){let{match:t}=e;const{id:a}=t.params,{setNotify:l,toggleToast:r}=Object(Fa.b)(),{currentUser:i}=Object(te.c)(),{isMarketplaceManager:o}=Object(c.j)(i),s=Object(c.U)(i),u=Object(O.g)(),[d,m]=n.a.useReducer((e,t)=>({...e,...t}),{name:"",email:"","shop Code":"",useAPI:!1,openModal:!1,id:"",canRedirect:!0}),[p,g]=n.a.useReducer((e,t)=>({...e,...t}),{}),{data:A,loading:b}=Object(De.d)(nB,{variables:{id:a},skip:!a}),[h,{loading:f}]=Object(De.c)(Jt.ne,{onCompleted:()=>{l({msg:"Update Tiktok account success",err:!1}),m({openModal:!0,canRedirect:!0})},onError:e=>{l({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0}),m({openModal:!1,canRedirect:!1})}});n.a.useEffect(()=>{if(null===A||void 0===A?void 0:A.storeById){const{title:e,id:t}=A.storeById;m({name:e,id:t})}},[null===A||void 0===A?void 0:A.storeById]);const v=n.a.useRef(null),E=n.a.useCallback(()=>{v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{u.push(`/${s}/stores/tiktok`)},2e3)},[u,s]),y=n.a.useCallback((e,t)=>{let a=null,l=t.charAt(0).toUpperCase()+t.slice(1);e&&e.length||(a=l+" is required."),g({[t]:a})},[]),C=n.a.useRef(null),k=n.a.useCallback((e,t)=>{m({[t]:e}),C.current&&clearTimeout(C.current),C.current=setTimeout(()=>{y(e,t)},350)},[]),j=n.a.useCallback(()=>{m({openModal:!1}),d.canRedirect&&E()},[d.canRedirect]),w=n.a.useCallback(()=>{const{name:e,id:t}=d,a=d["shop Code"];y(e,"name"),y(a,"shop Code"),e&&a&&(r&&r(),l&&l({msg:null,err:!1}),m({openModal:!1,canRedirect:!1}),h({variables:{input:{id:t,title:e,domain:a}}}))},[d,y,h,r,l]);n.a.useEffect(()=>()=>{C.current&&clearTimeout(C.current)},[]);const S=b&&n.a.createElement(D.D,null);return n.a.createElement(ud.a,null,n.a.createElement(D.H,{title:"Switch To API Store",breadcrumbs:o?[]:[{content:"Stores",url:`/${s}/stores/tiktok`}]},S,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(iB,null,n.a.createElement(D.s,{onSubmit:w,name:"add_tiktok_account"},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Store name",required:!0}),n.a.createElement(D.cb,{value:d.name,id:"name",onChange:k,error:p.name,placeholder:"Enter store name"})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Shop Code",required:!0}),n.a.createElement(D.cb,{value:d["shop Code"],id:"shop Code",onChange:k,error:p["shop Code"],placeholder:"Enter shop code"})),n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Cancel",url:`/${s}/stores/tiktok`}),n.a.createElement(D.g,{children:"Add Account",primary:!0,loading:f,submit:!0})))),n.a.createElement(tB,{open:d.openModal,onClose:j})))))}const iB=j.b.div` 17379 a:hover { 17380 color: inherit; 17381 } 17382`;var oB=a(483),sB=a(267);const cB=j.b.div`
17383 .ant-btn-link { 17384 span { 17385 text-align: left; 17386 width: 400px; 17387 white-space: nowrap; 17388 overflow: hidden; 17389 text-overflow: ellipsis; 17390 } 17391 } 17392`,uB=o.a` 17393 query filter($role: String!) { 17394 listUserByRole(role: $role) { 17395 id 17396 firstName 17397 lastName 17398 } 17399 } 17400`,dB=o.a` 17401 query imports($filter: ImportFilter) { 17402 imports(filter: $filter) { 17403 total 17404 nodes { 17405 id 17406 files { 17407 id 17408 url 17409 name 17410 mimeType 17411 } 17412 supplier { 17413 id 17414 firstName 17415 lastName 17416 } 17417 createdAt 17418 } 17419 } 17420 } 17421`,mB=Object(c.m)(B.a.location.search);class pB extends l.Component{constructor(){super(...arguments),this.state={filter:{limit:+Object(c.M)("perPageImports")||20,offset:0,supplierId:null,...mB,search:mB&&mB.search?[mB.search]:null},page:1},this.onChange=(e,t)=>{this.setState({filter:{...this.state.filter,[e]:t}})}}componentWillUpdate(e,t){if(!k.a.isEqual(t.filter,this.state.filter)){const e=Object(c.l)({limit:t.filter.limit,offset:t.filter.offset,search:t.filter.search});B.a.push(B.a.location.pathname+"?"+e)}}render(){const{filter:e}=this.state,{role:t}=this.props,a={onChange:(e,t)=>
17421{}},l=[{title:"File Name",dataIndex:"files",key:"files",width:300,render:e=>n.a.createElement("div",null,e.map(e=>n.a.createElement(v.a,{key:e.id,className:"block",type:"link",href:e.url,style:{textAlign:"left"}},e.name)))},...[oe.pb.Admin].includes(t)?[{title:"Author",dataIndex:"supplier",key:"supplier",width:150,render:e=>`${e.firstName} ${e.lastName}`}]:[],{title:"Import Date",dataIndex:"createdAt",key:"createdAt",width:150,render:e=>Zr()(e).format("YYYY-MM-DD HH:mm:ss")},{title:"Actions",key:"action",fixed:"right",align:"right",width:100,render:(e,t)=>1===t.files.length&&n.a.createElement(v.a,{href:t.files[0].url},n.a.createElement(oB.a,null))}],i=k.a.sum(l.map(e=>e.width));return n.a.createElement(cB,null,n.a.createElement(b.a,{className:"bg-white",bodyStyle:{padding:0}},n.a.createElement("div",{className:"flex p-4"},n.a.createElement(p.a.Search,{defaultValue:e.search,onChange:e=>{e.target.value||this.setState({filter:{...this.state.filter,search:null}})},onSearch:t=>this.setState({filter:{...e,search:[t]}}),addonBefore:[oe.pb.Admin].includes(t)&&n.a.createElement(s.b,{query:uB,variables:{role:oe.pb.Supplier}},t=>{let{loading:a,data:l,err:r}=t;return a?n.a.createElement(f.a,{size:"small"}):r?n.a.createElement("div",null,"Error: ",Object(c.ib)(r.toString())):n.a.createElement(Kp.a,{title:"Filter",placement:"bottom",trigger:"click",content:n.a.createElement(h.a,{onChange:t=>{this.setState({filter:{...e,supplierId:t}})},defaultValue:null,className:"w-full"},n.a.createElement(h.a.Option,{value:null},"All"),l&&l.listUserByRole.map((e,t)=>n.a.createElement(h.a.Option,{key:t,value:e.id},`${e.firstName} ${e.lastName}`)))},n.a.createElement("div",{className:"cursor-pointer"},"Filter ",n.a.createElement(sB.a,null)))})})),n.a.createElement(s.b,{query:dB,variables:{filter:{limit:e.limit,offset:e.offset,search:e.search,supplierId:e.supplierId}},fetchPolicy:"cache-and-network"},t=>{let{data:o,error:s,loading:u}=t;if(u)return n.a.createElement("div",{className:"p-4"},n.a.createElement(r.a,{active:!0}));if(s)return n.a.createElement("div",null,"Error:",Object(c.ib)(s.toString()));const d=o&&o.imports.nodes;return n.a.createElement(M.a,{rowSelection:a,columns:l,scroll:{x:i},rowKey:e=>e.id,dataSource:d,pagination:{pageSize:e.limit,current:e.offset/e.limit+1,total:o&&o.imports.total,onChange:(e,t)=>
17421{this.setState({page:e,filter:{...this.state.filter,limit:t,offset:(e-1)*t}})},onShowSizeChange:(t,a)=>{this.setState({page:1,filter:{...e,offset:0,limit:a}}),Object(c.Nb)("perPageImports",a,100)}}})})))}}var gB=a(1587);const AB=j.b.div` 17422 .ant-upload.ant-upload-drag { 17423 border: 2px dashed gray; 17424 } 17425 margin-bottom: 20px; 17426`,bB=o.a` 17427 mutation createUploadUrl($input: RequestFileUpload!, $uniqueFolder: Boolean) { 17428 createUploadUrl(input: $input, uniqueFolder: $uniqueFolder) { 17429 key 17430 url 17431 } 17432 } 17433`,hB=o.a` 17434 mutation createFile($input: NewFile!) { 17435 createFile(input: $input) { 17436 id 17437 name 17438 key 17439 mimeType 17440 size 17441 url 17442 thumbnailUrl 17443 } 17444 } 17445`;class fB extends l.Component{constructor(){super(...arguments),this.customRequest=async(e,t,a)=>{const{file:l,onSuccess:n,onError:r}=e;try{const e=new FileReader;e.onload=async e=>{const r=e.target.result,i=await a({variables:{input:{name:l.name,mimeType:l.type,size:l.size}}}),{key:o,url:s}=i.data.createUploadUrl;await He.a.put(s,l,{headers:{"Content-Type":l.type},timeout:18e5});const c=await t.mutate({mutation:hB,variables:{input:{name:l.name,key:o,size:l.size,mimeType:l.type}}});n({file:c.data.createFile,data:r})},e.onerror=()=>{r(e.error)},e.readAsText(l,"UTF-8")}catch(i){r(i)}}}render(){return n.a.createElement(AB,null,n.a.createElement(s.a,{mutation:bB},(e,t)=>{let{client:a}=t;return n.a.createElement(gB.a.Dragger,{accept:"text/plain,text/csv",beforeUpload:e=>{let t="";return!["csv","plain"].includes(e.type)&&e.name&&(t=e.name.split(".").pop()),"text/csv"===e.type||"text/plain"===e.type||"csv"===t||(i.a.error({message:"Allow .txt or .csv"}),!1)},customRequest:t=>this.customRequest(t,a,e),onChange:e=>{let t=[];for(let a=0;a<e.fileList.length;a++)"done"===e.fileList[a].status&&e.fileList[a].response&&t.push(e.fileList[a].response);this.props.onChange&&this.props.onChange(t)},multiple:!1},n.a.createElement(v.a,{type:"primary",icon:n.a.createElement(d.a,{type:"upload"})},"Add file"),n.a.createElement("p",null,"Or drop file to upload"))}))}}var vB=fB;const EB=j.b.div` 17446 .ant-upload.ant-upload-drag { 17447 border: 2px dashed gray; 17448 } 17449 margin-bottom: 20px; 17450`;class yB extends l.Component{constructor(){super(...arguments),this.customRequest=async(e,t,a)=>{const{file:l,onSuccess:n,onError:r}=e;try{const e=new FileReader;e.onload=async e=>{const r=e.target.result,i=await a({variables:{input:{name:l.name,mimeType:l.type,size:l.size,folder:oe.ob.SUPPLIER_IMPORT}}}),{key:o,url:s}=i.data.createUploadUrl;await He.a.put(s,l,{headers:{"Content-Type":l.type},timeout:18e5});const c=await t.mutate({mutation:hB,variables:{input:{name:l.name,key:o,size:l.size,mimeType:l.type}}});n({file:c.data.createFile,data:r})},e.onerror=()=>{r(e.error)},e.readAsText(l,"UTF-8")}catch(i){r(i)}}}render(){return n.a.createElement(EB,null,n.a.createElement(s.a,{mutation:bB},(e,t)=>{let{client:a}=t;return n.a.createElement(gB.a.Dragger,{accept:"text/plain,text/csv",beforeUpload:e=>{let t="";return!["csv","plain"].includes(e.type)&&e.name&&(t=e.name.split(".").pop()),"text/csv"===e.type||"text/plain"===e.type||"csv"===t||(i.a.error({message:"Allow .txt or .csv"}),!1)},customRequest:t=>this.customRequest(t,a,e),onChange:e=>{let t=[];for(let a=0;a<e.fileList.length;a++)"done"===e.fileList[a].status&&e.fileList[a].response&&t.push(e.fileList[a].response);this.props.onChange&&this.props.onChange(t)},multiple:!1},n.a.createElement(v.a,{type:"primary",icon:n.a.createElement(d.a,{type:"upload"})},"Add file"))}))}}var CB=yB;const kB=j.b.div` 17451 max-width: 70%; 17452 margin: auto; 17453 .btn-import { 17454 float: right; 17455 background: darkcyan; 17456 color: white; 17457 margin-top: 10px; 17458 } 17459`,OB=o.a` 17460 mutation saveImportData($input: NewImport!) { 17461 saveImportData(input: $input) { 17462 id 17463 files { 17464 id 17465 url 17466 name 17467 mimeType 17468 } 17469 createdAt 17470 } 17471 } 17472`;class jB extends l.Component{constructor(){super(...arguments),this.state={orders:[],files:[],loading:!1},this.handleFiles=e=>{let t=[],a={};if(this.setState({files:e}),e.length)for(let l=0;l<e.length;l++){const n=e[l].data;let r=Object(c.s)(n);if(!r)return;if(r.length<=1)return;const i=r[0].findIndex(e=>"order number"===(e&&e.toLowerCase().trim())||"order id"===(e&&e.toLowerCase().trim())),o=r[0].findIndex(e=>"tracking code"===(e&&e.toLowerCase().trim())),s=r[0].findIndex(e=>"new tracking code"===(e&&e.toLowerCase().trim())||"tracking code 2"===(e&&e.toLowerCase().trim()));if(-1===i||-1===o)return;for(let e=1;e<r.length;e++){const l=r[e],n=k.a.get(l,i),c=k.a.get(l,o,""),u=k.a.get(l,s,"");if(c&&!(k.a.size(c)<8))if(a[n]){const e=a[n];c&&(t[e].trackingCode=c),u&&(t[e].trackingCode2=u,t[e].trackingCode||(t[e].trackingCode=u))}else a[n]=t.length,t.push({id:n,trackingCode:c,trackingCode2:u})}}this.setState({orders:t})}}render(){const{getFieldDecorator:e}=this.props.form,{currentUser:t}=this.context,{isSeller:a}=Object(c.j)(t);return n.a.createElement(kB,{className:"container import-tracking"},n.a.createElement(s.a,{mutation:OB,onCompleted:()=>{this.setState({loading:!1}),a?B.a.push("/seller/imports"):B.a.push("/supplier/imports"),i.a.success({message:"Import success!"})},onError:e=>{this.setState({loading:!1}),i.a.error({message:e.toString()})}},(t,a)=>{let{client:l}=a;return n.a.createElement(u.a,{onSubmit:e=>{e.preventDefault(),this.props.form.validateFields((e,a)=>{if(!this.state.orders.length)return void i.a.error({message:"Orders not found!"});const n={files:this.state.files.map(e=>e.file.id),orders:this.state.orders};this.setState({loading:!0}),t({variables:{input:n}}).then(e=>{if(e&&e.data){const a=e.data;try{const e={filter:{limit:20,offset:0,search:null,supplierId:null}},t=l.readQuery({query:dB,variables:e});l.writeQuery({query:dB,variables:e,data:{...t,imports:{...t.imports,total:t.imports.total+1,nodes:[a.saveImportData,...t.imports.nodes]}}})}catch(t){}}})})}},n.a.createElement(b.a,null,n.a.createElement("h4",null,"Tracking file"),n.a.createElement("p",{className:"mb-2"},"Your import file must have these fields: Order Number or Order ID, Tracking Code, New Tracking Code or Tracking Code 2."),e("files",{rules:[{required:!0,message:"File is required!"}]})(n.a.createElement(CB,{onChange:async e=>{this.handleFiles(e)}}))),n.a.createElement(v.a,{className:"mt-4",style:{float:"right"},htmlType:"submit",type:"primary",loading:this.state.loading,disabled:!this.state.files.length},"Import"))}))}}jB.contextType=te.a;var wB=u.a.create({name:"form"})(jB),SB=a(240);const IB=o.a` 17473 query fulfillments { 17474 fulfillments { 17475 id 17476 name 17477 slug 17478 } 17479 } 17480`,BB=e=>{const{data:t,loading:a,error:r}=Object(De.d)(IB),[i,o]=Object(l.useState)([]),[s,u]=Object(l.useState)([]),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)(null),A=t&&t.fulfillments?t.fulfillments:[];Object(l.useEffect)(()=>{let{value:a,ignored:l=[]}=e,n=[{value:"All",label:"Merchbridge"}];if(t&&t.fulfillments&&t.fulfillments.length){let a=t.fulfillments.map(e=>({label:e.name,value:e.id,disabled:l.includes(e.id)}
17480));n=[...n,...a],e.onLoaded&&e.onLoaded(t.fulfillments)}a||(a="All");let r=n.find(e=>e.value===a);m(r&&[r.value]),g(r&&r.label),o(n),u(n)},[t,e.value]);const b=Object(l.useCallback)(e=>{if(g(e),""===e)return void o(s);const t=new RegExp(e,"i"),a=s.filter(e=>e.label.match(t));o(a)},[s]),h=Object(l.useCallback)(t=>{const a=t.map(e=>{const t=i.find(t=>t.value===e);return t&&t.label});m(t),g(k.a.head(a));let l=k.a.head(t);e.onChange&&e.onChange(l,A.find(e=>e.id===l))},[A,i]),f=n.a.createElement(D.c.TextField,{label:"Select a Fulfillment",labelHidden:!0,placeholder:"Select fulfillment",value:p,onChange:b,error:e.error});return r?n.a.createElement("div",null,"Error: ",Object(c.ib)(r.toString())):n.a.createElement(n.a.Fragment,null,e.labelHidden?null:n.a.createElement(al.a,{label:"Select a Fulfillment",required:!0}),n.a.createElement(D.c,{options:i,onSelect:h,selected:d,textField:f,loading:a}))},DB=[{value:"nil",label:"All Sources"},{value:"ebay",label:"Ebay"},{value:"amazon",label:"Amazon"},{value:"shopbase",label:"Shopbase"},{value:"shopify",label:"Shopify"},{value:"woocommerce",label:"WooCommerce"},{value:"etsy",label:"Etsy"},{value:"facebook",label:"Facebook"},{value:"tiktok",label:"Tiktok"}],PB=e=>{let{value:t,onChange:a,labelHidden:r,options:i,defaultValue:o="nil",exclude:s=[]}=e;const[c,u]=Object(l.useState)(DB);return Object(l.useEffect)(()=>{if((null===i||void 0===i?void 0:i.length)>0){let e=DB.filter(e=>{let{value:t}=e;return i.includes(t)});(null===s||void 0===s?void 0:s.length)>0&&(e=e.map(e=>({...e,disabled:s.includes(e.value)&&(!t||0===t.length||!t.includes(e.value))}))),u(e)}},[i,t,s]),n.a.createElement(ur,{data:c,label:"Order source",labelHidden:r,value:t,onChange:a,defaultValue:o,placeholder:"Choose sources"})},xB=o.a` 17481 query productBaseByFulfillment($filter: ProductBaseByFulfillmentFilter!) { 17482 productBaseByFulfillment(filter: $filter) { 17483 id 17484 name 17485 } 17486 } 17487`,MB=e=>{const[t,a]=Object(l.useState)([]),[r,i]=Object(l.useState)([]),[o,s]=Object(l.useState)([]),[u,d]=Object(l.useState)(null),[m,p]=n.a.useReducer(c.Hb,{limit:20,offset:0,fulfillmentId:e.fulfillmentId?e.fulfillmentId:null,search:u}),{data:g,loading:A,error:b}=Object(De.d)(xB,{variables:{filter:m}});Object(l.useEffect)(()=>{if(g&&g.productBaseByFulfillment&&g.productBaseByFulfillment.length){let t=g.productBaseByFulfillment.map(e=>({label:e.name,value:e.id}));i(t),a(t);let l=g.productBaseByFulfillment;if(e.isAddForm)return s([l[0].id]),d(l[0].name),void(e.onChange&&e.onChange(l[0].id,l[0]));if(e.value){s(e.value?e.value:[]);let t=l.find(t=>t.id===e.value);d(t&&t.name?t.name:null),e.onChange&&e.onChange(e.value,t)}else s([l[0].id]),d(l[0].name),e.onChange&&e.onChange(l[0].id,l[0])}else i([]),a([]),d(null),e.isAddForm&&e.onChange&&e.onChange(null,null)},[g]);const h=g&&g.productBaseByFulfillment?g.productBaseByFulfillment:[],[f]=Object(mm.a)(),v=Object(l.useCallback)(e=>{d(e),f(()=>{p({search:e})})},[t]),E=Object(l.useCallback)(async t=>{const a=t.map(e=>{const t=r.find(t=>t.value===e);return t&&t.label});s(t),d(k.a.head(a));const l=t[0];e.onChange&&e.onChange(t[0],{id:l,name:k.a.head(a)})},[r,h]),y=n.a.createElement(D.c.TextField,{label:"Choose a product base",labelHidden:!0,placeholder:"Search product base",value:u,onChange:v,error:e.error});return b?n.a.createElement("div",null,"Eror: ",Object(c.ib)(b.toString())):n.a.createElement("div",null,e.labelHidden?null:n.a.createElement(al.a,{label:"Choose a product base",required:!0}),n.a.createElement(D.c,{options:r,onSelect:E,selected:o,textField:y,emptyState:n.a.createElement("span",null,"No items found!"),loading:A}))};var TB=a(294);var QB=e=>{const t=e.variants.map(t=>[n.a.createElement("div",null,t.name),n.a.createElement(D.g,{size:"slim",onClick:()=>{e.onAdd(t)}},"Add to configure")]);return n.a.createElement("div",null,n.a.createElement(D.n,{columnContentTypes:["text","text"],headings:["Variant","Action"],rows:t}))};const RB=o.a` 17488 query productBaseByFulfillment($filter: ProductBaseByFulfillmentFilter!) { 17489 productBaseByFulfillment(filter: $filter) { 17490 id 17491 name 17492 # variants { 17493 # id 17494 # name 17495 # } 17496 } 17497 } 17498`,FB=e=>{const[t,{data:a,loading:r,error:i}]=Object(De.b)(RB),[o,s]=Object(l.useState)([]),[u,d]=Object(l.useState)([]),[m,p]=Object(l.useState)([]),[g,A]=Object(l.useState)(null);Object(l.useEffect)(()=>{t({variables:{filter:{limit:-1,offset:-1,fulfillmentId:e.fulfillmentId?e.fulfillmentId:null}}})},[e.fulfillmentId]),Object(l.useEffect)(()=>
17498{if(a&&a.productBaseByFulfillment&&a.productBaseByFulfillment.length){let t=a.productBaseByFulfillment.map(e=>({label:e.name,value:e.id}));d(t),s(t);let l=a.productBaseByFulfillment;if(e.isAddForm)return p([l[0].id]),A(l[0].name),void(e.onChange&&e.onChange(l[0].id,l[0]));if(e.value){p(e.value?e.value:[]);let t=l.find(t=>t.id===e.value);A(t&&t.name?t.name:null),e.onChange&&e.onChange(e.value,t)}else p([l[0].id]),A(l[0].name),e.onChange&&e.onChange(l[0].id,l[0])}else d([]),s([]),A(null),e.isAddForm&&e.onChange&&e.onChange(null,null)},[a]);const b=a&&a.productBaseByFulfillment?a.productBaseByFulfillment:[],h=Object(l.useCallback)(e=>{if(A(e),""===e)return void d(o);const t=new RegExp(e,"i"),a=o.filter(e=>e.label.match(t));d(a)},[o]),f=Object(l.useCallback)(t=>{const a=t.map(e=>{const t=u.find(t=>t.value===e);return t&&t.label});p(t),A(k.a.head(a)),e.onChange&&e.onChange(t[0],b.find(e=>e.id===t[0]))},[u,b]),v=n.a.createElement(D.c.TextField,{label:"Choose a product base",labelHidden:!0,placeholder:"Search product base",value:g,onChange:h,error:e.error});return i?n.a.createElement("div",null,"Eror: ",Object(c.ib)(i.toString())):n.a.createElement("div",null,e.labelHidden?null:n.a.createElement(al.a,{label:"Choose a product base",required:!0}),n.a.createElement(D.c,{options:u,onSelect:f,selected:m,textField:v,emptyState:n.a.createElement("span",null,"No items found!"),loading:r}))},NB=e=>{const[t,a]=Object(l.useState)([]),[r,i]=Object(l.useState)([]),[o,s]=Object(l.useState)([]),[c,u]=Object(l.useState)(null);Object(l.useEffect)(()=>{if(e.options&&(a(e.options),i(e.options)),e.value&&e.options&&e.options.length){let t=e.options&&e.options.length?e.options.find(t=>t.value===e.value):null,a=t&&t.value?t.value:e.options[0].value,l=t&&t.label?t.label:e.options[0].label;s([a]),u(l)}else{let t=e.options&&e.options.length>0?[e.options[0].value]:[],a=e.options&&e.options.length>0?e.options[0].label:null;s(t),u(a)}},[e]);const d=Object(l.useCallback)(e=>{if(u(e),""===e)return void a(r);const t=new RegExp(e,"i"),l=r.filter(e=>e.label.match(t));a(l)},[r]),m=Object(l.useCallback)(a=>{const l=a.map(e=>{const a=t.find(t=>t.value===e);return a&&a.label});s(a),u(l[0]),e.onChange&&e.onChange(a[0])},[t]),p=n.a.createElement(D.c.TextField,{label:"Choose a variant",labelHidden:!0,placeholder:"Search variants",value:c,onChange:d});return n.a.createElement(D.c,{options:t,onSelect:m,selected:o,textField:p,emptyState:n.a.createElement("span",null,"No items found!")})},UB=j.b.div` 17499 display: flex; 17500 .mid { 17501 margin: 0 10px; 17502 width: 100%; 17503 min-width: 30rem; 17504 } 17505 17506 .fulfillment-wrap { 17507 width: 100%; 17508 min-width: 24rem; 17509 } 17510 17511 .variant-wrap { 17512 width: 100%; 17513 max-width: 24rem; 17514 } 17515 17516 .order-source-wrap { 17517 display: flex; 17518 flex-direction: column; 17519 width: 100%; 17520 flex-wrap: wrap; 17521 max-width: 20rem; 17522 margin-left: 1rem; 17523 } 17524`,LB=o.a` 17525 query productBaseVariantSelect($productBaseId: ID!) { 17526 productBaseVariantSelect(productBaseId: $productBaseId) { 17527 id 17528 name 17529 } 17530 } 17531`;var VB=e=>{var t;let{isAllOrderSource:a,item:r,allFulfillment:i,onChange:o,originFulfillmentID:s,mapOSByVariant:u}=e;const d=Object(SB.b)(),[m,p]=Object(l.useState)(r?r.targetFulfillmentId:i.length?i[0].id:""),[g,A]=Object(l.useState)(""),[b,h]=Object(l.useState)(null),f=b&&b.variants?b.variants:[],[v,E]=Object(l.useState)(r),[y,k]=Object(l.useState)([]),[O,j]=n.a.useReducer(c.Hb,{baseCache:new Map}),[w]=Object(De.b)(LB,{onCompleted:e=>{const t=function(e){return Object(C.get)(e,"productBaseVariantSelect")||[]}(e);h(e=>({...e,variants:t})),(null===b||void 0===b?void 0:b.id)&&j(e=>({...e,baseCache:e.baseCache.set(b.id,t)})),E(e=>{let a=(null===t||void 0===t?void 0:t.length)>0?e.targetVariantId?e.targetVariantId:t[0].id:null;if((null===b||void 0===b?void 0:b.id)!==e.targetProductBaseId){const[e]=(t||[]).filter(Boolean);(null===e||void 0===e?void 0:e.id)&&(a=e.id)}return{...e,targetProductBaseId:null===b||void 0===b?void 0:b.id,targetVariantId:a}})}});return Object(l.useEffect)(()=>{var e;const t=(null===r||void 0===r||null===(e=r.orderSource)||void 0===e?void 0:e.length)>0?r.orderSource:[];k(()=>[...t])},[null===r||void 0===r?void 0:r.orderSource]),Object(l.useEffect)(()=>{(null===r||void 0===r?void 0:r.targetVariantId)&&A(r.targetVariantId)},[null===r||void 0===r?void 0:r.targetVariantId]),Object(l.useEffect)(()=>{o(v)},[v]),n.a.createElement(UB,null,n.a.createElement("div",{className:"fulfillment-wrap"},n.a.createElement(BB,{value:m,labelHidden:!0,ignored:s?[s]:[],onChange:(e,t)=>
17531{p(e),h(null),E(t=>({...t,targetFulfillmentId:e||null,targetProductBaseId:null,targetVariantId:null}))}})),n.a.createElement("div",{className:"mid"},n.a.createElement(FB,{value:r?r.targetProductBaseId:null,labelHidden:!0,fulfillmentId:m,onChange:(e,t)=>{if(h(t),e){if(O.baseCache.get(e))return;w({variables:{productBaseId:e}})}}})),n.a.createElement("div",{className:"variant-wrap"},n.a.createElement(NB,{onChange:e=>{A(e),E(t=>({...t,targetVariantId:e}))},value:g,options:f.map(e=>({label:e.name,value:e.id}))})),a?null:n.a.createElement("div",{className:"order-source-wrap"},n.a.createElement(PB,{value:[...y],labelHidden:!0,defaultValue:null,options:(null===d||void 0===d||null===(t=d.orderSource)||void 0===t?void 0:t.length)>0?d.orderSource:[],exclude:u||[],onChange:e=>{k(e),E(t=>({...t,orderSource:e}))}})))};const zB=j.b.div` 17532 .empty-state { 17533 width: 100%; 17534 padding: 1.6rem; 17535 display: flex; 17536 justify-content: center; 17537 align-items: center; 17538 } 17539`;var qB=e=>{const[t,a]=Object(l.useState)(e.value?e.value:[]),[r,i]=Object(l.useState)(null),[o,s]=Object(l.useState)([]),[c,u]=Object(l.useState)([]),[d,m]=Object(l.useReducer)((e,t)=>({...e,...t}),{isAllOrderSource:!1,countByOS:new Map,rows:[],mapOSByVariant:new Map}),p=Object(l.useRef)(null),g=Object(SB.b)();Object(l.useEffect)(()=>{const e=!(!(t=null===g||void 0===g?void 0:g.orderSource)||1!==t.length)&&"nil"===t[0];var t;m({isAllOrderSource:e})},[null===g||void 0===g?void 0:g.orderSource]),Object(l.useEffect)(()=>{if(!d.isAllOrderSource&&t.length>0){const e={},a=t.reduce((t,a)=>{let{variantId:l,orderSource:n}=a;return t[l]=(t[l]||0)+((null===n||void 0===n?void 0:n.length)||1),e[l]=e[l]||[],(null===n||void 0===n?void 0:n.length)>0&&(e[l].push(...n),e[l]=e[l].filter((e,t,a)=>a.lastIndexOf(e)===t)),t},{});m({countByOS:new Map(Object.entries(a)),mapOSByVariant:new Map(Object.entries(e))})}},[t,d.isAllOrderSource]),Object(l.useEffect)(()=>{var l;const r=(null===g||void 0===g||null===(l=g.orderSource)||void 0===l?void 0:l.length)||0,{countByOS:i,mapOSByVariant:o,isAllOrderSource:s}=d,c=t.map((l,c)=>{const{variantId:u}=l,m=i.get(u)||0,p=o.get(u)||[],g=m>=r;return[n.a.createElement("div",null,f(u)),n.a.createElement(VB,{onChange:l=>{let n=t.map((e,t)=>t===c?l:e);a(n),e.onChange(n)},item:l,allFulfillment:e.allFulfillment,originFulfillmentID:A,isAllOrderSource:s,mapOSByVariant:p}),n.a.createElement("div",{className:"action-wrap"},n.a.createElement(D.h,null,!d.isAllOrderSource&&n.a.createElement(D.g,{size:"slim",onClick:v(l,c),icon:n.a.createElement(D.w,{source:pl.a}),disabled:g}),n.a.createElement(D.g,{onClick:()=>{const l=t.filter((e,t)=>t!==c);a(l),e.onChange(l)},size:"slim",icon:n.a.createElement(D.w,{source:Le.a})})))]});m({rows:c})},[t,d.countByOS,d.mapOSByVariant,d.isAllOrderSource,null===g||void 0===g?void 0:g.orderSource]),Object(l.useEffect)(()=>{e&&e.productBase&&e.productBase.variants&&e.productBase.variants.length&&(s(e.productBase.variants),u(e.productBase.variants))},[e]);const A=ce()(e,"fulfillment.id");let b={},h={};for(let l=0;l<t.length;l++){const e=t[l].variantId;b[e]=!0}for(let l=0;l<c.length;l++)h[c[l].id]=c[l];const f=e=>h[e]?h[e].name:"",v=Object(l.useCallback)((e,t)=>{let{orderSource:l,targetVariantId:n,...r}=e;return()=>{a(e=>{const a=e.findIndex((e,a)=>a===t);return-1!==a&&e.splice(a+1,0,{...r}),[...e]})}},[]),E=Object(l.useCallback)(e=>{if(p.current&&clearTimeout(p.current),i(e),""===e)return void s(c);const t=new RegExp(e,"i"),a=c.filter(e=>e.name.match(t));p.current=setTimeout(()=>{s(a)},500)},[c]);return n.a.createElement(zB,null,n.a.createElement(D.i,{title:"Switch items",sectioned:!0},n.a.createElement(D.n,{columnContentTypes:["text","text","text"],headings:["Origin Variant","Map to Variant","Action"],rows:d.rows})),(null===t||void 0===t?void 0:t.length)>0?n.a.createElement(TB.b,{items:t}):null,n.a.createElement(D.i,{title:"Disabled Variants",sectioned:!0},n.a.createElement(D.cb,{label:"Search variants",labelHidden:!0,placeholder:"Search variants",value:r,onChange:E,prefix:n.a.createElement(D.w,{source:zi.a,color:"inkLighter"})}),o.length>0?n.a.createElement(QB,{onAdd:e=>{a(t=>[...t,{variantId:e.id,targetFulfillmentId:null,targetProductBaseId:null,targetVariantId:null}])},variants:o.filter(e=>!b[e.id])}):n.a.createElement("div",{className:"empty-state"},n.a.createElement("span",null,"No items found!"))))};const HB=o.a` 17540 mutation createSwitchFulfillment($input: CreateSwitchFulfillmentInput!) { 17541 createSwitchFulfillment(input: $input) { 17542 id 17543 title 17544 } 17545 } 17546`,$B=o.a` 17547 query productBaseVariantSelect($productBaseId: ID!) { 17548 productBaseVariantSelect(productBaseId: $productBaseId) { 17549 id 17550 name 17551 } 17552 } 17553`;function _B(e){if(!e||0===e.length)return!1;const t=e.reduce((e,t)=>
17553{const a=function(e){const{variantId:t,targetFulfillmentId:a,targetProductBaseId:l,targetVariantId:n}=e;return[t,a,l,n].filter(Boolean).join("-")}(t);return e[a]=(e[a]||0)+1,e},{});return Object.values(t).some(e=>e>1)}var GB=()=>{const[e,t]=Object(l.useState)(""),[a,r]=Object(l.useState)(null),[i,o]=Object(l.useState)([]),[s,u]=Object(l.useState)(null),[d,m]=Object(l.useState)(1),[p,g]=Object(l.useState)({}),[A,b]=Object(l.useState)(!0),[h,f]=Object(l.useState)([]),[v,E]=Object(l.useState)(null),[y,k]=Object(l.useState)(["nil"]),[O,j]=Object(l.useState)({usingShippingOption:!1,shippingOptionConfigs:new Map}),w=[];if("object"===typeof O.shippingOptionConfigs)for(let l of O.shippingOptionConfigs.values()){const{mappingOptions:e,...t}=l||{},a=[];if("object"===typeof e)for(let l of e.values())a.push(l);a.length>0&&w.push({...t,mappingOptions:a})}const[S]=Object(De.b)($B,{onCompleted:e=>{const t=function(e){return Object(C.get)(e,"productBaseVariantSelect")||[]}(e);u(e=>({...e,variants:t})),m(2)}}),[I,{loading:P}]=Object(De.c)(HB,{onCompleted:()=>{f([]),B.a.push("/seller/fulfillment/switch")},onError:e=>{E(Object(c.ib)(e.toString()))}}),x=Object(l.useCallback)(()=>{if(_B(h))return void E("Only keep one setting per target variant");E(null);const t=h.map(e=>{let{orderSource:t,...a}=e;return t&&0!==t.length&&"nil"!==t[0]?{...a,orderSource:t}:{...a,orderSource:void 0}}),l={title:e,productBaseId:s.id,fulfillmentId:a?a.id:null,items:t,orderSource:(null===y||void 0===y?void 0:y.length)&&"nil"===y[0]?null:y,usingShippingOption:O.usingShippingOption,shippingOptionConfigs:O.usingShippingOption&&(null===w||void 0===w?void 0:w.length)>0?w:void 0};I({variables:{input:l}})},[I,h,e,s,a,y,O,w]);return n.a.createElement("div",null,n.a.createElement(D.H,{fullWidth:!0,breadcrumbs:[{content:n.a.createElement("div",{className:"b-link",onClick:()=>{2===d?m(1):B.a.push("/seller/fulfillment/switch")}},"Switch Fulfillment")}],primaryAction:2===d?n.a.createElement(D.g,{onClick:x,loading:P,primary:!0,disabled:A},"Save"):null,title:"Add Switch Fulfillment"},1===d&&n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.s,{onSubmit:()=>{(()=>{let t=!0;return e&&s||(t=!1),g(t=>({...t,title:e?null:"Enter switch title",productBase:s?null:"Select product base"})),t})()&&s.id&&S({variables:{productBaseId:s.id}})}},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Switch title",required:!0}),n.a.createElement(D.cb,{error:!!Object(C.get)(p,"title",null),value:e,helpText:n.a.createElement(D.x,{message:Object(C.get)(p,"title","")}),onChange:e=>t(e),type:"text",placeholder:"Enter switch title"})),n.a.createElement(BB,{onLoaded:e=>o(e),value:a?a.id:null,error:Object(C.get)(p,"fulfillment"),onChange:(e,t)=>
17553{r(t)}}),n.a.createElement(MB,{isAddForm:!0,value:s?s.id:null,onChange:(e,t)=>{u(t)},error:Object(C.get)(p,"productBase"),fulfillmentId:a?a.id:null}),n.a.createElement(PB,{value:y,onChange:e=>{k(()=>[...e])}}),n.a.createElement(D.g,{submit:!0},"Continue")))),2===d&&n.a.createElement(SB.a,{shippingOption:O,setShippingOption:j,fulfillment:a||{},allFulfillment:i||[],orderSource:y},n.a.createElement(qB,{onChange:e=>{f(e);let t=!0;for(let a=0;a<e.length;a++){const l=e[a];if(!l.variantId||!l.targetProductBaseId||!l.targetVariantId){t=!1;break}}b(!t)},allFulfillment:i,productBase:s,fulfillment:a,title:e})),v&&n.a.createElement(D.fb,{error:!0,content:v,onDismiss:()=>{E(null)}})))};const KB=j.b.div` 17554 padding: 1.6rem; 17555 overflow-x: scroll; 17556 background: var(--p-surface-subdued, #f4f6f8); 17557`,JB=j.b.div` 17558 .designer-wrap { 17559 width: calc(18rem - 3.2rem); 17560 white-space: normal; 17561 word-break: break-word; 17562 } 17563`,YB=e=>{let{data:t,filter:a,setFilter:l}=e;const[r,i]=n.a.useState([]);n.a.useEffect(()=>{var e,a;const l=(null===t||void 0===t||null===(e=t.getCountTaskByUser)||void 0===e||null===(a=e.nodes)||void 0===a?void 0:a.length)>0?t.getCountTaskByUser.nodes.map(e=>{if(!e)return null;const{pending:t,doing:a,needReview:l,rejected:r,done:i,cancel:o,denied:s,expired:c,expiredSoon:u,firstName:d,lastName:m,kpi:p}=e,g=[d,m].filter(Boolean).join(" ");return[n.a.createElement("div",{className:"designer-wrap"},n.a.createElement("span",null,g)),n.a.createElement("div",{className:"pending-wrap"},n.a.createElement("span",null,t)),n.a.createElement("div",{className:"doing-wrap"},n.a.createElement("span",null,a)),n.a.createElement("div",{className:"need-review-wrap"},n.a.createElement("span",null,l)),n.a.createElement("div",{className:"reject-wrap"},n.a.createElement("span",null,r)),n.a.createElement("div",{className:"expired-soon-wrap"},n.a.createElement("span",null,u)),n.a.createElement("div",{className:"denied-wrap"},n.a.createElement("span",null,s)),n.a.createElement("div",{className:"expired-wrap"},n.a.createElement("span",null,c)),n.a.createElement("div",{className:"cancel-wrap"},n.a.createElement("span",null,o)),n.a.createElement("div",{className:"done-wrap"},n.a.createElement("span",null,i)),n.a.createElement("div",{className:"kpi-wrap"},n.a.createElement("span",null,p))]}).filter(Boolean):[];i(l)},[t]);const o=n.a.useCallback((e,t)=>{const a=Object(c.o)(t,e);l&&l({paged:a,limit:t})},[]),s=[];for(let n=0;n<10;n++)s.push("text");let{limit:u,paged:d}=a,m=Object(c.n)(u,d);const p=Object(C.get)(t,"getCountTaskByUser.total",0),g={page:m/u+1,totalPage:Math.ceil(p/u),offset:m,limit:u,onChange:o,total:p};return n.a.createElement(n.a.Fragment,null,n.a.createElement(JB,null,n.a.createElement(D.n,{rows:r,columnContentTypes:s,headings:["Designer","Pending","Doing","Need Review","Rejected","Expired Soon","Denied","Expired","Cancel","Done","KPI"],verticalAlign:"middle",hideScrollIndicator:!0})),n.a.createElement(KB,null,n.a.createElement(Ye.PaginationPolaris,{aggregation:g,showTotal:!0})))};var WB=a(189),ZB=a(311),XB=a(419);const eD="Need Review",tD="Expired Soon",aD="All",lD=[],nD=Object(C.cloneDeep)([...WB.f]);for(let Z0=0;Z0<nD.length;Z0++){const e=nD[Z0],t=null===e||void 0===e?void 0:e.value;["All","Pending Design"].includes(t)||([eD].includes(t)&&(e.value="Need_Review",e.label=eD),[tD].includes(t)&&(e.value="Expired_Soon",e.label=tD),lD.push(e))}const rD=[{value:aD,label:aD}],iD=Object(C.cloneDeep)([...WB.f]);for(let Z0=0;Z0<iD.length;Z0++){const e=iD[Z0],t=null===e||void 0===e?void 0:e.value;["All","Pending Design"].includes(t)||([eD].includes(t)&&(e.label=eD,e.label=eD),[tD].includes(t)&&(e.value=tD,e.label=tD),rD.push(e))}const oD=[{value:aD,label:aD},{value:"Artist Task",label:"Artist Task"},{value:"Design Task",label:"Design Task"},{value:"Idea Task",label:"Idea Task"}],sD=o.a` 17564 query teamMembers { 17565 teamMembers( 17566 filter: { 17567 limit: 1000 17568 offset: 0 17569 search: null 17570 status: true 17571 role: "Designer" 17572 } 17573 ) { 17574 hits { 17575 id 17576 user { 17577 id 17578 firstName 17579 lastName 17580 } 17581 } 17582 } 17583 } 17584`,cD=e=>{let{onChange:t,filter:a}=e;const l=null===a||void 0===a?void 0:a.userId,r=a.status,i=a.sortStatus,o=a.order,s=a.taskType,c=a.designTeamID,[u,d]=n.a.useState((null===a||void 0===a?void 0:a.search)||null),[m,p]=n.a.useState([]),[g,A]=n.a.useState({value:l,label:null,search:null}),[b,h]=n.a.useState({value:i||null,label:i||null}),[f,v]=n.a.useState({value:r||null,label:r||null}),[E,y]=n.a.useState({value:s||null,label:s||null}),[k,O]=n.a.useState([]),[j,w]=n.a.useState({value:l,label:null,search:null}),[S,B]=n.a.useState({range:null,rangeLabel:null,field:"tasks.created_at",fieldLabel:null}),[P,x]=n.a.useState(o),M=n.a.useRef(null),{data:T,loading:Q,error:R}=Object(De.d)(I.Qb,{variables:{roles:[oe.gb.Designer,oe.gb.DesignLeader,oe.gb.Idea,oe.gb.IdeaLeader,oe.gb.Artist,oe.gb.ArtistLeader]}}),{data:F,loading:N,error:U}=Object(De.d)(I.w,{variables:{filter:{limit:20,offset:0,search:j.search||null}}});n.a.useEffect(()=>{if(i){let e=lD.find(e=>e.value===i);e&&h({value:e.value,label:e.label})}else h({value:"Doing",label:"Doing"})},[i]),n.a.useEffect(()=>{if(r){let e=rD.find(e=>e.value===r);e&&v({value:e.value,label:e.label})}else v({value:null,label:null})},[r]),n.a.useEffect(()=>{if(s){let e=oD.find(e=>e.value===s);e&&y({value:e.value,label:e.label})}else y({value:null,label:null})},[s]),n.a.useEffect(()=>{var e;let t=(null===T||void 0===T||null===(e=T.listUserTeamByRoles)||void 0===e?void 0:e.length)>0?T.listUserTeamByRoles.filter(e=>
17584null===e||void 0===e?void 0:e.user).filter(Boolean).map(e=>{let{user:t}=e;return{value:t.id,label:`${t.firstName} ${t.lastName}`}}):[];if(p(t),l){let e=t&&t.length>0?t.find(e=>e.value===l):null;e&&A(t=>({...t,label:e.label,value:e.value}))}},[T,l]),n.a.useEffect(()=>{var e,t;let a=(null===F||void 0===F||null===(e=F.getDesignTeams)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?F.getDesignTeams.nodes.map(e=>{if(e&&e.id)return{value:e.id,label:e.name}}).filter(Boolean):[];if(O([{value:aD,label:aD},...a]),c){let e=a&&a.length>0?a.find(e=>e.value===c):null;e&&w(t=>({...t,label:e.label,value:e.value}))}},[F,c]),n.a.useEffect(()=>{var e,a;M.current&&clearTimeout(M.current);const l={field:S.field};(null===S||void 0===S||null===(e=S.range)||void 0===e?void 0:e.from)&&(l.from=S.range.from),(null===S||void 0===S||null===(a=S.range)||void 0===a?void 0:a.to)&&(l.to=S.range.to),M.current=setTimeout(()=>{t&&t({search:u?u.trim():null,userId:g.value,sortStatus:b.value,status:f.value,taskType:E.value===aD?null:E.value,designTeamID:j.value===aD?null:j.value,order:P,fieldByTime:Object.keys(l).length>1?{...l}:null})},300)},[u,t,g,S,b,f,E,P,j]);const L=n.a.useCallback(e=>d(e),[]),V=n.a.useCallback(()=>B(()=>({range:null,rangeLabel:null,field:null,fieldLabel:null})),[]),z=n.a.useCallback(()=>x(null),[]),q=n.a.useCallback(()=>d(null),[]),H=n.a.useCallback(()=>A({value:null,label:null}),[]),$=n.a.useCallback(()=>{h({value:"Doing",label:"Doing"})},[]),_=n.a.useCallback(()=>{v({value:null,label:null})},[]),G=n.a.useCallback(()=>{y({value:null,label:null})},[]),K=n.a.useCallback(()=>{w({value:null,label:null})},[]),J=[q,H,V,_,$,z,G],Y=n.a.useCallback(()=>{for(let e of J)e&&e()},[...J]),W=[{key:"designer",label:"Designer",tagLabel:g.label,onRemove:H,filter:n.a.createElement(ga.a,{data:m,value:g,loading:Q,error:R,onChange:e=>{let{value:t,label:a}=e;return A(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return A(e=>({...e,search:t}))}})},{key:"team",label:"Team",tagLabel:j.label,onRemove:K,filter:n.a.createElement(ba.a,{options:k,value:j,loading:N,error:U,onChange:e=>{let{value:t,label:a}=e;return w(e=>({...e,value:t,label:a}))},onChangeSearch:e=>w(t=>({...t,search:e}))})},{key:"status",label:"Status",tagLabel:f.label,onRemove:_,filter:n.a.createElement(Mi.a,{value:f&&f.value,options:rD,onChange:e=>{let{value:t,label:a}=e;return v(e=>({...e,value:t,label:a}))}})},{key:"task-type",label:"Task Type",tagLabel:E.label,onRemove:G,filter:n.a.createElement(Mi.a,{value:E&&E.value,options:oD,onChange:e=>{let{value:t,label:a}=e;return y(e=>({...e,value:t,label:a}))}})},{key:"filterTime",label:"Filter Time",tagLabel:S.rangeLabel,onRemove:V,filter:n.a.createElement(ZB.a,{filterTime:S,isReport:!0,onChange:(e,t)=>
17584{B(a=>({...a,field:e,fieldLabel:t}))},onChangeRange:(e,t)=>{B(a=>({...a,range:e,rangeLabel:t}))}})},{key:"sort-status",label:"Sort By Status",tagLabel:b.label,onRemove:$,filter:n.a.createElement(Mi.a,{value:b&&b.value,options:lD,onChange:e=>{let{value:t,label:a}=e;return h(e=>({...e,value:t,label:a}))}})},{key:"order",label:"Order",tagLabel:P,onRemove:z,filter:n.a.createElement(XB.a,{order:P,onChange:e=>{x(e)}})}],Z=[];for(let{key:n,label:I,onRemove:D,tagLabel:ee}of W)if("filterTime"!==n)Object(C.isEmpty)(ee)||aD===ee||Z.push({key:n,label:X(I,ee),onRemove:D});else if(!Object(C.isEmpty)(S.fieldLabel)&&"tasks.created_ad"!==S.field||!Object(C.isEmpty)(S.rangeLabel)&&S.range){const e="filterTime";let{fieldLabel:t,rangeLabel:a,range:l,field:n}=S,r="";null!==t&&null!==a&&"Task Created Date"!==t?r=`${t} & ${a}`:null!==n&&null!==t&&"Task Created Date"!==t?r=""+t:null!==l&&(r=""+a),Z.push({key:e,label:X("Time",r),onRemove:D})}return n.a.createElement(D.r,{queryValue:u,filters:W,appliedFilters:Z,queryPlaceholder:"Filter designer",onQueryChange:L,onQueryClear:q,onClearAll:Y});function X(e,t){return e?`${e}: ${t}`:t}},uD=j.b.div` 17585 margin: -1rem; 17586 @media (min-width: 640px) { 17587 margin: -1.5rem; 17588 } 17589`,dD=[...oe.n,"userId","sortStatus","order","status","taskType","designTeamID"],mD=function(){for(var e,t,a=arguments.length,r=new Array(a),i=0;i<a;i++)r[i]=arguments[i];const o=Object(l.useMemo)(()=>Object(c.W)(r),[r]),s=Object(l.useMemo)(()=>Object(c.Bb)(o),[o]),u=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=10),e.limit=t;let a=e.paged;a=Number(a),a||(a=1),e.paged=a,e=Object(c.Jb)(e,dD)}return e},[s]),[d,m]=n.a.useState({limit:Number(Object(c.M)("perPageReportTask"))||20,paged:1,userId:null,sortStatus:"Doing",order:null,fieldByTime:null,search:null,status:null,taskType:null,designTeamID:null,...u}),{data:p,loading:g,error:A}=Object(De.d)(I.q,{variables:{filter:d}}),b=n.a.useCallback(e=>{let{search:t,userId:a,order:l,sortStatus:n,fieldByTime:r,status:i,taskType:o,designTeamID:s}=e;m(e=>Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.userId,a)&&Object(C.isEqual)(e.order,l)&&Object(C.isEqual)(e.sortStatus,n)&&Object(C.isEqual)(e.fieldByTime,r)&&Object(C.isEqual)(e.status,i)&&Object(C.isEqual)(e.taskType,o)&&Object(C.isEqual)(e.designTeamID,s)?e:{...e,paged:1,search:t,sortStatus:n,order:l,userId:a,fieldByTime:r,status:i,taskType:o,designTeamID:s}
17589)},[]);n.a.useEffect(()=>{let{paged:e,limit:t,fieldByTime:a,...l}=d,n=null;n=Object(c.l)({limit:t,paged:e,...l}),B.a.push(`${B.a.location.pathname}?${n}`)},[d]);const h=n.a.useCallback(e=>{let{paged:t,limit:a}=e;m(e=>Object(C.isEqual)(e.limit,a)?{...e,paged:t}:{...e,limit:a,paged:1}),Object(c.Nb)("perPageReportTask",a,100)},[]),f=g&&n.a.createElement(D.D,null);return n.a.createElement(uD,null,n.a.createElement(D.H,{title:"Report by Status",fullWidth:!0},f,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(cD,{filter:d,onChange:b})),n.a.createElement(D.i,null,g?n.a.createElement(Je.SkeletonPagePolaris,null):A?n.a.createElement("div",null,"Error: ",Object(c.ib)(A.toString())):(null===p||void 0===p||null===(e=p.getCountTaskByUser)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?n.a.createElement(YB,{data:p,filter:d,setFilter:h}):n.a.createElement(We.EmptyStatePolaris,null))))},pD=o.a` 17590 query pushByID($id: ID!) { 17591 pushByID(id: $id) { 17592 id 17593 title 17594 continue 17595 limit 17596 order 17597 orderBy 17598 isPersonalize 17599 onlyGenerateCsv 17600 limitType 17601 tags { 17602 id 17603 tag { 17604 id 17605 name 17606 } 17607 included 17608 } 17609 collections { 17610 id 17611 collection { 17612 id 17613 name 17614 } 17615 included 17616 } 17617 stores { 17618 id 17619 title 17620 } 17621 specialProducts 17622 productBases 17623 matchAnyCollections 17624 matchAnyTags 17625 onlyPushHasSale 17626 csvFiles { 17627 url 17628 name 17629 } 17630 setting { 17631 ignoreSalePrice 17632 modifyVariantPrice 17633 modifyVariantType 17634 baseVariants { 17635 id 17636 productBaseId 17637 productBase { 17638 id 17639 title 17640 } 17641 productBaseVariantId 17642 productBaseVariant { 17643 id 17644 regularPrice 17645 salePrice 17646 attributes { 17647 name 17648 slug 17649 option 17650 } 17651 } 17652 regularPrice 17653 salePrice 17654 sorting 17655 } 17656 } 17657 } 17658 } 17659`,gD=o.a` 17660 mutation updatePush($input: EditPush!) { 17661 updatePush(input: $input) { 17662 id 17663 title 17664 continue 17665 tags { 17666 id 17667 tag { 17668 id 17669 name 17670 } 17671 included 17672 } 17673 collections { 17674 id 17675 collection { 17676 id 17677 name 17678 } 17679 included 17680 } 17681 stores { 17682 id 17683 title 17684 } 17685 specialProducts 17686 productBases 17687 onlyGenerateCsv 17688 } 17689 } 17690`,AD=j.b.div` 17691 margin: -1rem; 17692 @media (min-width: 640px) { 17693 margin: -1.5rem; 17694 } 17695`,bD=e=>{const{id:t}=e.match.params,[a,r]=Object(l.useState)(!1),[i,o]=Object(l.useState)(!1),[s,u]=Object(l.useState)(null),{data:d,loading:m,error:p}=Object(De.d)(pD,{variables:{id:t},fetchPolicy:"cache-and-network"}),[g,{loading:A,client:b}]=Object(De.c)(gD,{onError:()=>{},onCompleted:()=>{r(!0);const e=setTimeout(()=>{b.resetStore(),B.a.push("/seller/products/product-push")},2500);u(e)}});Object(l.useEffect)(()=>()=>clearTimeout(s),[]);const h=d&&d.pushByID,f=Object(l.useCallback)(e=>{g({variables:{input:{...e,id:t}}}),v()},[]),v=Object(l.useCallback)(()=>{o(e=>!e)},[]);const E=i?a&&n.a.createElement(D.fb,{content:a&&"Edit product push ssucces.",error:null,duration:2e3,onDismiss:v}):null,y=m&&n.a.createElement(D.D,null);return n.a.createElement(AD,null,y,E,n.a.createElement(D.H,{title:"Edit Product Push",fullWidth:!0,breadcrumbs:[{content:"Push Product",url:"/seller/products/product-push"}]},p?n.a.createElement("div",null,"Error: ",Object(c.ib)(p.toString())):n.a.createElement(Ky,{btnLabel:"Save change",value:h,onSubmit:f,loading:A})))},hD=j.b.div` 17696.mb-flex { 17697 display: flex; 17698 flex-wrap: nowrap; 17699} 17700.mb-col-half { 17701 width: 50%; 17702} 17703.mb-flex-right .Polaris-Stack{ 17704 justify-content: end; 17705} 17706.mb-transparent-table tr td:nth-child(2) { 17707 padding-left: 10px; 17708} 17709 17710.mb-mt-10 { 17711 margin-top: 10px; 17712} 17713.mb-mt-20 { 17714 margin-top: 20px; 17715} 17716.qr-using-name { 17717 max-width: 350px; 17718 padding: 20px 0; 17719 text-align: center; 17720} 17721.mb-heading-underline h3.Polaris-Heading { 17722 text-decoration: underline; 17723} 17724@media screen and (max-width: 1000px) { 17725 .mb-flex { 17726 flex-wrap: wrap; 17727 } 17728 .mb-col-half { 17729 width: 100%; 17730 } 17731 .invoice-details { 17732 margin-top: 20px; 17733 } 17734} 17735 17736.show-on-print { 17737 display: none; 17738} 17739 17740`,fD={Pending:"info",Paid:"success",Overdue:"critical",Frozen:"critical","Awaiting Approval":"warning"},vD={"bank-transfer":"Bank Transfer",paypal:"Paypal",payoneer:"Payoneer",pingpong:"Pingpong"},ED=e=>{var t,a,r,i,o,s,c;let{invoice:u}=e;const d=Object(De.d)(I.Ub,{variables:{filter:{search:"invoice_"}},fetchPolicy:"network-only"});let m={};(null===d||void 0===d?void 0:d.data)&&(null===d||void 0===d||null===(t=d.data)||void 0===t?void 0:t.variables)&&(null===d||void 0===d||null===(a=d.data)||void 0===a?void 0:a.variables.length)>
177400&&d.data.variables.forEach(e=>{m[e.key]=e.value});const[p,g]=Object(l.useState)(u&&u.paymentMethod?u.paymentMethod:"bank-transfer"),A=e=>Zr()(e).format("YYYY-MM-DD HH:mm:ss"),b=Object(l.useCallback)(e=>{g(e)},[p]),h=Object(l.useRef)();let f=u.rootUser,v=!1;return u.user&&(f=u.user,v=!0),n.a.createElement(hD,{ref:h},n.a.createElement(D.bb,null,n.a.createElement("div",{className:"mb-flex"},n.a.createElement("div",{className:"mb-col-half"},n.a.createElement(D.v,{children:u.name,element:"h3"})),n.a.createElement("div",{className:"mb-col-half mb-flex-right hide-on-print"},n.a.createElement(D.Y,{alignment:"right"},n.a.createElement(D.g,{onClick:()=>(async e=>{const t=document.querySelectorAll(".hide-on-print");t.forEach(e=>{e.style.display="none"});const a=document.querySelectorAll(".show-on-print");a.forEach(e=>{e.style.display="block"});const l=h.current,n=await dh()(l,{scale:2,useCORS:!0}),r=n.toDataURL("image/png"),i=n.width,o=n.height,s=new ch.a("portrait","mm","a4"),c=s.internal.pageSize.getWidth()-40,u=s.internal.pageSize.getHeight()-40,d=Math.min(c/i,u/o),m=i*d,p=o*d;s.addImage(r,"PNG",20,20,m,p),s.save(`invoice-${e}.pdf`),t.forEach(e=>{e.style.display=""}),a.forEach(e=>{e.style.display=""})})(u.id)},"Download PDF")))),n.a.createElement("div",{className:"mb-heading-underline"},n.a.createElement(D.v,{children:"From:",element:"h3"}),n.a.createElement(D.v,{children:(null===m||void 0===m?void 0:m.invoice_company_name)?null===m||void 0===m?void 0:m.invoice_company_name:"",element:"h4"}),n.a.createElement("div",{dangerouslySetInnerHTML:{__html:(null===m||void 0===m?void 0:m.invoice_company_address)?null===m||void 0===m?void 0:m.invoice_company_address:""}})),n.a.createElement("div",{className:"mb-flex mb-heading-underline"},n.a.createElement("div",{className:"mb-col-half billing-details"},n.a.createElement(D.v,{children:"To:",element:"h3"}),n.a.createElement("table",{className:"mb-transparent-table"},n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Seller email:")),n.a.createElement("td",null,null===(r=f)||void 0===r?void 0:r.email)),n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Seller name:")),n.a.createElement("td",null,null===(i=f)||void 0===i?void 0:i.firstName," ",null===(o=f)||void 0===o?void 0:o.lastName)),u.user?n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Seller address:")),n.a.createElement("td",null,null===(s=f)||void 0===s?void 0:s.address)):n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Seller team:")),n.a.createElement("td",null,v?(null===(c=f)||void 0===c?void 0:c.firstName)+"'s Team":u.team.name))))),n.a.createElement("div",{className:"mb-col-half invoice-details"},n.a.createElement(D.v,{children:"Invoice Details:",element:"h3"}),n.a.createElement("table",{className:"mb-transparent-table"},n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Invoice ID:")),n.a.createElement("td",null,"#",u.id)),n.a.createElement("tr",{className:"hide-on-print"},n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Status:")),n.a.createElement("td",null,n.a.createElement(D.e,{children:u.status,status:fD[u.status]}))),n.a.createElement("tr",{className:"show-on-print"},n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Status:")),n.a.createElement("td",null,u.status)),n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Currency:")),n.a.createElement("td",null,"USD")),n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Created At:")),n.a.createElement("td",null,A(u.createdAt))),n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Due At:")),n.a.createElement("td",null,A(u.paymentDueDate))))))),n.a.createElement("div",null,n.a.createElement(D.v,{children:"Invoice summary",element:"h3"}),n.a.createElement("div",{dangerouslySetInnerHTML:{__html:u.summary}})),u.paymentMethod&&u.paymentMethod.length>0&&n.a.createElement("div",null,n.a.createElement(D.v,{children:"Payment instructions",element:"h4"}),n.a.createElement("div",{className:"mb-mt-10"},"Paid"==u.status?n.a.createElement("label",null,n.a.createElement("strong",null,"Choice payment method:")," ",vD[p]):n.a.createElement(n.a.Fragment,null,n.a.createElement("label",null,n.a.createElement("strong",null,"Choose payment method:")),n.a.createElement(D.bb,null,n.a.createElement(D.Y,null,n.a.createElement(D.L,{label:"Bank Transfer",checked:"bank-transfer"==p,value:"bank-transfer",name:"payment-method",onChange:()=>b("bank-transfer")}))),n.a.createElement("div",null,((e,t)=>
17740{if(!t)return;let a=`${t.rootUser.firstName} ${t.rootUser.lastName}`;console.log("invoice",t);let l=Object(C.get)(t,"team.address");l||(l=Object(C.get)(t,"rootUser.address"));let r=!1,i="";var o;t.user&&(f=t.user,r=!0,i=(null===(o=f)||void 0===o?void 0:o.firstName)+" Team",l=Object(C.get)(f,"address"));let s=(null===m||void 0===m?void 0:m.invoice_payment_rate_1usd_to_vnd)?parseInt(null===m||void 0===m?void 0:m.invoice_payment_rate_1usd_to_vnd):25390,c=Math.round(s*t.totalPrice),u=s.toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:0}),d=c.toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:0}),p=(null===m||void 0===m?void 0:m.invoice_payment_bank_name)?null===m||void 0===m?void 0:m.invoice_payment_bank_name:"",g=(null===m||void 0===m?void 0:m.invoice_payment_bank_account_number)?null===m||void 0===m?void 0:m.invoice_payment_bank_account_number:"";switch(e){case"bank-transfer":return n.a.createElement("div",{className:"mb-mt-20"},n.a.createElement(D.v,{children:"Bank Transfer",element:"h5"}),n.a.createElement("p",null,"To pay via bank transfer, please use the following bank account details:"),n.a.createElement("div",{className:"mb-mt-20"},n.a.createElement("table",{className:"mb-transparent-table"},n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Bank name:")),n.a.createElement("td",null,p)),n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Bank account number:")),n.a.createElement("td",null,g)),n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Bank beneficiary:")),n.a.createElement("td",null,(null===m||void 0===m?void 0:m.invoice_payment_bank_beneficiary)?null===m||void 0===m?void 0:m.invoice_payment_bank_beneficiary:"")),n.a.createElement("tr",null,n.a.createElement("td",null,n.a.createElement(D.db,{variation:"strong"},"Amount:")),n.a.createElement("td",null," ",u," x ",t.totalPrice," = ",d," VND"))))),n.a.createElement("div",null,n.a.createElement("div",{className:"qr-using-name"},n.a.createElement("div",null,n.a.createElement("strong",null,"-- Or --")),n.a.createElement("div",null,"Scan the QR bellow:")),n.a.createElement("img",{src:`https://img.vietqr.io/image/${p}-${g}-compact2.jpg?amount=${c}&addInfo=MB - ${t.id} - ${r?i:a}${l?" - "+l:""}`,style:{width:"350px",height:"auto",objectFit:"cover",display:"inline-block"}})));case"paypal":return n.a.createElement("div",{className:"mb-mt-20"},n.a.createElement(D.v,{children:"Paypal",element:"h5"}),n.a.createElement("p",null,"To pay via PayPal, send the payment to our PayPal account at: ",n.a.createElement("strong",null,(null===m||void 0===m?void 0:m.invoice_payment_paypal_email)?null===m||void 0===m?void 0:m.invoice_payment_paypal_email:"")));case"payoneer":return n.a.createElement("div",{className:"mb-mt-20"},n.a.createElement(D.v,{children:"Payoneer",element:"h5"}),n.a.createElement("p",null,"To pay via Payoneer, send the payment to our Payoneer account at: ",n.a.createElement("strong",null,(null===m||void 0===m?void 0:m.invoice_payment_payoneer_email)?null===m||void 0===m?void 0:m.invoice_payment_payoneer_email:"")));case"pingpong":return n.a.createElement("div",{className:"mb-mt-20"},n.a.createElement(D.v,{children:"Pingpong",element:"h5"}),n.a.createElement("p",null,"To pay via Pingpong, send the payment to our Pingpong account at: ",n.a.createElement("strong",null,(null===m||void 0===m?void 0:m.invoice_payment_pingpong_email)?null===m||void 0===m?void 0:m.invoice_payment_pingpong_email:"")));default:return n.a.createElement("p",null,"Please select a payment method.")}})(p,u))))),n.a.createElement("hr",null),n.a.createElement("div",null,n.a.createElement(D.v,{children:"Payment terms",element:"h4"}),n.a.createElement("div",{dangerouslySetInnerHTML:{__html:'\n\t\t\t\t\t\t<p>1. Please ensure the payment is completed by the due date to avoid any interruptions.</p>\n\t\t\t\t\t\t<p>2. When making the bank transfer, please include Invoice ID as the payment reference so we can quickly identify your payment.</p>\n\t\t\t\t\t\t<p>3. Once the payment is complete, kindly send a payment confirmation or transaction receipt to <a href="mailto:[email protected]">[email protected]</a>.</p>\n\t\t\t\t\t\t<p>4. If you have any questions regarding your invoice or need assistance, please contact us at <a href="mailto:[email protected]">[email protected]</a>.</p>\n\t\t\t\t\t\t'}}))))},yD=o.a` 17741 query invoiceByID($id: ID!) { 17742 invoiceByID( 17743 id: $id 17744 ) { 17745 id 17746 name 17747 createdAt 17748 paymentDueDate 17749 totalPrice 17750 status 17751 orderIDs 17752 summary 17753 team { 17754 id 17755 name 17756 address 17757 } 17758 summary 17759 rootUser { 17760 firstName 17761 lastName 17762 email 17763 address 17764 } 17765 paymentMethod 17766 user { 17767 firstName 17768 lastName 17769 email 17770 address 17771 } 17772 } 17773 } 17774`,CD=o.a` 17775 mutation sellerRequestApproval($id: ID!, $input: RequestApprovalInput!) { 17776 sellerRequestApproval(id: $id, input: $input) { 17777 id 17778 name 17779 createdAt 17780 paymentDueDate 17781 totalPrice 17782 status 17783 orderIDs 17784 summary 17785 team { 17786 id 17787 name 17788 } 17789 summary 17790 rootUser { 17791 firstName 17792 lastName 17793 email 17794 } 17795 paymentMethod 17796 } 17797 } 17798`,kD=j.b.div` 17799 margin: -1rem; 17800 @media (min-width: 640px) { 17801 margin: -1.5rem; 17802 } 17803`,OD=e=>{var t;const[a,r]=Object(l.useState)(!1),[i,o]=Object(l.useState)(!1),[s,u]=Object(l.useState)(""),[d,m]=Object(l.useState)(null),[p,g]=Object(l.useState)({paymentReference:null,paymentProof:null}),{id:A}=e.match.params,{data:b,loading:h}=Object(De.d)(yD,{variables:{id:A},fetchPolicy:"no-cache"});let f=b&&b.invoiceByID&&b.invoiceByID.id.length?b.invoiceByID:null;const[v,E]=Object(l.useState)((null===(t=f)||void 0===t?void 0:t.paymentMethod)||"bank-transfer"),y=Object(l.useCallback)(e=>{E(e)},[v]),[C,k]=Object(De.c)(CD,{onCompleted:()=>{k&&k.data&&k.data.sellerRequestApproval&&(f=k.data.sellerRequestApproval),B(),o(!0)},onError:()=>{B(),o(!0)}}),O=Object(l.useCallback)(()=>{o(e=>!e)},[]),j=i?(k.error||k.data&&k.data.sellerRequestApproval)&&n.a.createElement(D.fb,{content:k.error?Object(c.ib)(k.error.toString()):k.data&&k.data.sellerRequestApproval&&"Your request has been successfully submitted!",error:k.error,duration:1e4,onDismiss:O}):null,w=h&&n.a.createElement(D.D,null);let S={};f&&"Pending"==f.status&&(S={primaryAction:{content:"Request Approval",onAction:()=>I("requestApproval",f)}});const I=(e,t)=>{switch(e){case"requestApproval":B()}},B=Object(l.useCallback)(()=>r(e=>!e),[]),P=Object(l.useCallback)(e=>{u(e),e&&e.length>0&&g(e=>({...e,paymentReference:null}))},[]),x=Object(l.useCallback)(e=>{m(e),e&&e.length>0&&g(e=>({...e,paymentProof:null}))},[]);return n.a.createElement(kD,null,n.a.createElement(D.H,Object.assign({title:"Invoice Details",breadcrumbs:[{content:"All Invoices",url:"/seller/billings/invoices"}]},S),n.a.createElement(D.i,{sectioned:!0},w,h?n.a.createElement(Je.SkeletonPagePolaris,null):f?n.a.createElement(ED,{invoice:f}):n.a.createElement(We.EmptyStatePolaris,null)),n.a.createElement(D.E,{title:"Request Approval",open:a,onClose:B,primaryAction:{content:"Request Approval",loading:h,onAction:()=>{var e;0==d.length&&g(e=>({...e,paymentProof:"You must upload a proof of payment"})),0==s.length&&g(e=>({...e,paymentReference:"You must enter the payment reference id"}
17803)),0!=d.length&&0!=s.length&&C({variables:{id:f.id,input:{referenceID:s,proofOfPayment:null===d||void 0===d||null===(e=d[0])||void 0===e?void 0:e.id,paymentMethod:v}}}).then(e=>{}).catch(e=>{console.log("Error: ",e)})}},secondaryActions:[{content:"Cancel",onAction:B}]},n.a.createElement(D.E.Section,null,n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement("label",null,n.a.createElement("strong",null,"Which payment method did you use?")),n.a.createElement(D.bb,null,n.a.createElement(D.Y,null,n.a.createElement(D.L,{label:"Bank Transfer",checked:"bank-transfer"==v,value:"bank-transfer",name:"payment-method",onChange:()=>y("bank-transfer")})))),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Your payment reference",required:!0}),n.a.createElement(D.cb,{value:s,onChange:P,error:p.paymentReference})),n.a.createElement("div",{style:{maxWidth:"200px"}},n.a.createElement(al.a,{label:"Upload proof of payment",required:!0}),n.a.createElement(dl.a,{onChange:x}),p.paymentProof&&n.a.createElement("p",{style:{color:"red"}},p.paymentProof))),n.a.createElement("br",null),n.a.createElement(D.bb,null,n.a.createElement("div",null,n.a.createElement("strong",null,"Notes:")),n.a.createElement("div",null,"1. To request approval for your invoice, please ensure you provide a valid payment reference and upload proof of payment."),n.a.createElement("div",null,"2. Incomplete submissions will not be processed.")))),j))};var jD=a(241),wD=a(1388),SD=a(161),ID=a(178),BD=a(1542),DD=a(1533);function PD(e){let{storeId:t,onClose:a,open:l,setNotify:r,toggleActiveToast:i,refetch:o}=e;const s=n.a.useRef(null),[u,{loading:d}]=Object(De.c)(Jt.zb,{onCompleted:()=>{r&&r({msg:"Delete account successfully.",err:!1}),o&&(s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{o()},1500))},onError:e=>{r&&r({msg:Object(c.ib)(e.toString()),err:!0})}}),m=n.a.useCallback(()=>{null!=t&&(i&&i(!0),r&&r({msg:null,err:!1}),u({variables:{id:t}}))},[u,t,i,r]);return n.a.createElement(D.E,{title:"Delete account",open:l,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:m,loading:d}},n.a.createElement("p",null,"Are you sure to delete this account?"))}var xD=a(340),MD=a(230),TD=a(264);function QD(e){let{store:t,refetch:a,currentParam:r}=e;const[i,o]=Object(Ee.a)(!1),[s,c]=Object(Ee.a)(!1),[u,d]=Object(l.useState)(null),[m,p]=Object(Ee.a)(!1),[g,A]=Object(l.useState)({msg:null,err:!1}),b=null===t||void 0===t?void 0:t.id,h=Object(l.useCallback)(e=>{d(e),c()},[b]),f="Deactivated"===(null===t||void 0===t?void 0:t.status),v=[{content:"Manage",icon:BD.a,onAction:()=>B.a.push(`/${r}/store/edit/${t.id}`)},{content:"Re-gen API Key",icon:Ek.a,onAction:()=>h("reGen")},{content:"Mark as "+(f?"Connected":"Deactivated"),icon:DD.a,onAction:()=>h("markStatus")},{content:"Index Order",icon:cI.a,onAction:()=>h("indexOrder")},{content:"Delete",icon:zl.a,onAction:()=>h("delete")}],E={open:s,onClose:c,storeId:null===t||void 0===t?void 0:t.id,refetch:a,store:t,toggleActiveToast:p,setNotify:A,isDeactivated:f},y={delete:n.a.createElement(PD,E),reGen:n.a.createElement(xD.a,E),markStatus:n.a.createElement(MD.a,E),indexOrder:n.a.createElement(TD.a,E)},C=n.a.createElement(D.g,{children:"Actions",disclosure:!0,onClick:o}),k=m&&g.msg&&n.a.createElement(D.fb,{content:g.msg,error:g.err,duration:2e3,onDismiss:p});return n.a.createElement(l.Fragment,null,k,n.a.createElement(D.K,{activator:C,onClose:o,active:i},n.a.createElement(D.a,{items:v})),y[u])}const RD=o.a` 17804 query stores($filter: StoreFilter) { 17805 stores(filter: $filter) { 17806 total 17807 nodes { 17808 id 17809 title 17810 email 17811 platform 17812 apiKey 17813 status 17814 suspended 17815 group { 17816 id 17817 name 17818 } 17819 storeTypes { 17820 id 17821 label 17822 } 17823 channelMembers { 17824 firstName 17825 lastName 17826 email 17827 } 17828 } 17829 } 17830 } 17831`,FD={filter:{limit:1e3,offset:0,platformSelected:["amazon"]}};class ND extends l.Component{constructor(e){super(e),this.handleFilterChange=e=>{const{search:t,status:a}=e;this.setState(e=>{if(!Object(C.isEqual)(e.filter.search,t)||!Object(C.isEqual)(e.filter.status,a))return{...e,filter:{...e.filter,search:t,status:a,offset:0}}})},this.handlePaginationChange=(e,t)=>
17831{this.setState(a=>({...a,filter:{...a.filter,offset:e,limit:t}}))},this.state={error:null,active:!1,checked:!1,ebayAuthUrl:"",data:{total:0,nodes:[]},filter:{limit:20,offset:0,platformSelected:["amazon"],status:null,search:null}},this.inputRef=n.a.createRef()}render(){const{data:e}=this.state,{currentUser:t}=this.context,a=k.a.get(t,"teamUser.role"),l=Object(c.U)(t),r=[oe.gb.MarketplaceManager].includes(a);return n.a.createElement(LD,null,n.a.createElement(D.H,{fullWidth:!0,breadcrumbs:r?[]:[{content:"Sales Channels",url:`/${l}/stores`}],title:"All Amazon Accounts",primaryAction:n.a.createElement(D.g,{onClick:()=>{B.a.push(`/${l}/stores/amazon/add`)},size:"medium",primary:!0},"Add Amazon Account")},n.a.createElement(s.b,{fetchPolicy:"cache-and-network",onCompleted:e=>{this.setState({data:e.stores})},variables:{filter:this.state.filter},query:RD},t=>{let{_:a,loading:r,error:i,refetch:o}=t;return n.a.createElement("div",null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(ID.a,{filter:this.state.filter,onChange:this.handleFilterChange})),n.a.createElement(jD.a,{error:i}),n.a.createElement(D.i,null,r?n.a.createElement(Je.SkeletonPagePolaris,null):n.a.createElement(SD.a,{data:(null===e||void 0===e?void 0:e.nodes)||[],refetch:o},t=>{let{checkAllMarkup:a,checkItemMarkup:r}=t;const i=e.nodes.map(e=>{var t;let a=e.status,i=null;"Connected"===a&&(i="success"),("Suspended"===a||e.suspended)&&(i="critical",a="Suspended"),"Deactivated"===a&&(a="Deactivated",i="attention");const s=null===e||void 0===e||null===(t=e.group)||void 0===t?void 0:t.name;return[r(e.id),n.a.createElement("div",{className:"id-wrap"},n.a.createElement(D.B,{url:`/${l}/store/edit/${e.id}`},n.a.createElement("span",null,e.id))),n.a.createElement("div",{className:"avatar-container item"},n.a.createElement("div",null,n.a.createElement(D.d,{customer:!0,name:"John Smith"})),n.a.createElement("div",{className:"avatar-right"},n.a.createElement("div",null,e.title),e.email)),n.a.createElement("div",{className:"group-wrap item"},s),n.a.createElement("div",{className:"api-key-wrap"},e.apiKey&&n.a.createElement(Jd.a,{text:e.apiKey})),n.a.createElement("div",{className:"status-container item"},n.a.createElement(D.g,{size:"slim",plain:!0,icon:n.a.createElement(D.w,{source:wD.a})}),n.a.createElement(D.e,{status:i},a)),n.a.createElement("div",{className:"item channel-member"},n.a.createElement("span",null,zD(e))),n.a.createElement("div",{className:"actions item"},n.a.createElement(QD,{store:e,currentParam:l,refetch:o}))]});let{limit:s,offset:c}=this.state.filter;const u=Object(C.get)(e,"total",0),d={page:c/s+1,totalPage:Math.ceil(u/s),offset:c,limit:s,onChange:this.handlePaginationChange,total:u};return n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{className:"table-wrapper"},n.a.createElement(D.n,{columnContentTypes:["text","text","text","text","text","text","text","numeric"],headings:[a,"ID","Account","Group","API Key","Status","Channel Member","Action"],rows:i,verticalAlign:"middle",hideScrollIndicator:!0})),n.a.createElement(VD,null,n.a.createElement(Ye.PaginationPolaris,{aggregation:d,showTotal:!0})))})))})))}}ND.contextType=te.a;var UD=ND;const LD=j.b.div` 17832 margin: -1rem; 17833 @media (min-width: 640px) { 17834 margin: -1.5rem; 17835 } 17836 .table-wrapper { 17837 overflow-x: auto; 17838 .Polaris-DataTable__Cell--header { 17839 white-space: nowrap; 17840 } 17841 17842 .Polaris-DataTable { 17843 .Polaris-DataTable__ScrollContainer { 17844 overflow-x: initial; 17845 -webkit-overflow-scrolling: touch; 17846 } 17847 } 17848 } 17849 17850 .item { 17851 white-space: normal; 17852 word-break: break-word; 17853 } 17854 17855 .Polaris-Page-Header { 17856 padding-top: 0; 17857 } 17858 17859 .avatar-container { 17860 display: flex; 17861 width: 40rem; 17862 17863 .avatar-right { 17864 margin-left: 10px; 17865 } 17866 } 17867 17868 .status-container { 17869 display: flex; 17870 width: 20rem; 17871 align-items: center; 17872 17873 button { 17874 margin-right: 5px; 17875 } 17876 } 17877 17878 .actions { 17879 width: 11rem; 17880 17881 button { 17882 margin-right: 8px; 17883 } 17884 } 17885 17886 .group-wrap, 17887// .store-type, 17888 .id-wrap { 17889 white-space: normal; 17890 width: 20rem; 17891 } 17892 17893 .api-key-wrap { 17894 width: 30rem; 17895 } 17896 17897 .channel-member { 17898 width: 50rem; 17899 } 17900`,VD=j.b.div` 17901 padding: 1.6rem; 17902 overflow-x: scroll; 17903 background: var(--p-surface-subdued, #f4f6f8); 17904`;function zD(e){return(Object(C.get)(e,"channelMembers")||[]).map(e=>{if(!e)return null;const{firstName:t,lastName:a,email:l}=e;let n=[t,a].join(" ");return l&&(n+=` (${l})`),n}
17904).filter(Boolean).join(", ")}const qD=j.b.div` 17905 .Polaris-Page-Header { 17906 padding-top: 0; 17907 } 17908 .actions { 17909 display: flex; 17910 margin: 10px 0; 17911 justify-content: flex-end; 17912 button { 17913 margin-left: 10px; 17914 } 17915 } 17916`,HD=o.a` 17917 mutation createAccountSaleChannel($input: NewAccount!) { 17918 createAccountSaleChannel(input: $input) { 17919 id 17920 title 17921 email 17922 platform 17923 apiKey 17924 } 17925 } 17926`;class $D extends l.Component{constructor(){super(...arguments),this.state={name:"",email:"",error:null,errors:{name:null,email:null},loading:!1}}render(){const{errors:e,name:t,email:a}=this.state,{currentUser:l}=this.context;let r=oe.hb.Seller;const i=k.a.get(l,"teamUser.role");return[oe.gb.StoreManager].includes(i)&&(r=oe.hb.StoreManager),[oe.gb.MarketplaceManager].includes(i)&&(r=oe.hb.MarketplaceManager),n.a.createElement(qD,null,n.a.createElement(D.H,{breadcrumbs:[{content:"Amazon",onAction:()=>{B.a.push(`/${r}/stores/amazon`)}}],title:"Add Amazon Account"},n.a.createElement(s.a,{onError:e=>{console.log("e",e),this.setState({error:e,loading:!1})},mutation:HD},l=>n.a.createElement(D.i,null,n.a.createElement(D.i.Section,null,n.a.createElement(D.s,{onSubmit:n=>{n.preventDefault(),t.trim()||a.trim()?a.trim()?t.trim()?this.setState({loading:!0},()=>{l({variables:{input:{platform:"amazon",name:t,email:a}},update:(e,t)=>{let{data:{createAccountSaleChannel:a}}=t;this.setState({loading:!1});try{const t=e.readQuery({query:RD,variables:FD});e.writeQuery({query:RD,variables:FD,data:{...t,stores:{...t.stores,total:t.stores.total+1,notes:[...t.stores.nodes,a]}}})}catch(n){console.log(n)}B.a.push(`/${r}/stores/amazon`)}})}):this.setState({errors:{...e,name:"Full Name is required!"}}):this.setState({errors:{...e,email:"Email is required!"}}):this.setState({errors:{...e,name:"Full Name is required!",email:"Email is required!"}})}},n.a.createElement(D.t,null,n.a.createElement(jD.a,{error:this.state.error}),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Full name",required:!0}),n.a.createElement(D.cb,{onChange:t=>{let a={...e,name:null};t.trim()||(a={...e,name:"Full Name is required!"}),this.setState({name:t,errors:a})},value:t,error:e.name})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Email",required:!0}),n.a.createElement(D.cb,{onChange:t=>{Object(c.sb)(t)?this.setState({email:t,errors:{...e,email:null}}):this.setState({email:t,errors:{...e,email:"Invalid email address!"}})},value:a,error:e.email}))),n.a.createElement("div",{className:"actions"},n.a.createElement(D.g,{onClick:()=>{B.a.push(`/${r}/stores/amazon`)}},"Cancel"),n.a.createElement(D.g,{primary:!0,submit:!0,loading:this.state.loading},"Add Account"))))))))}}$D.contextType=te.a;var _D=$D;const GD=n.a.lazy(()=>a.e(25).then(a.bind(null,1786))),KD=j.b.div` 17927 .Polaris-Page-Header { 17928 padding-top: 0; 17929 } 17930 .actions { 17931 display: flex; 17932 margin: 10px 0; 17933 justify-content: flex-end; 17934 button { 17935 margin-left: 10px; 17936 } 17937 } 17938`,JD=j.b.div` 17939 .image { 17940 display: flex; 17941 justify-content: center; 17942 img { 17943 max-width: 200px; 17944 height: auto; 17945 } 17946 } 17947 .warning-box { 17948 background: rgb(233, 162, 173); 17949 padding: 10px; 17950 } 17951`,YD=o.a` 17952 mutation createAccountSaleChannel($input: NewAccount!) { 17953 createAccountSaleChannel(input: $input) { 17954 id 17955 title 17956 email 17957 platform 17958 apiKey 17959 usingEtsyAPI 17960 etsyStoreID 17961 } 17962 } 17963`;class WD extends l.Component{constructor(){super(...arguments),this.state={name:"",email:"",error:null,errors:{name:null,email:null},loading:!1,usingEtsyAPI:!1,alwaysCreateArtistTask:!1,showOauthLinkModal:!1,agreeOAuthTerms:!1,etsyOAuthUrl:"OAuth URL is generating...",active:!1,msg:null,extraInfo:{friendly:"",url:"",emailContact:"",facebookLink:"",instagramLink:"",youtubeLink:""}},this.timeRef=n.a.createRef(null),this.toggleActive=()=>{this.setState(e=>!e.active)},this.handleExtraChange=(e,t)=>
17963{this.setState(a=>({...a,extraInfo:{...a.extraInfo,[t]:e}}))}}componentWillUnmount(){clearTimeout(this.timeRef.current)}render(){const{errors:e,name:t,email:a,usingEtsyAPI:l,agreeOAuthTerms:r,etsyOAuthUrl:i,extraInfo:u,alwaysCreateArtistTask:d}=this.state,{currentUser:m}=this.context;let p=oe.hb.Seller;const g=k.a.get(m,"teamUser.role");[oe.gb.StoreManager].includes(g)&&(p=oe.hb.StoreManager),[oe.gb.MarketplaceManager].includes(g)&&(p=oe.hb.MarketplaceManager);const A=Object(c.ub)(m);return n.a.createElement(KD,null,n.a.createElement(D.H,{breadcrumbs:[{content:"Etsy",onAction:()=>{B.a.push(`/${p}/stores/etsy`)}}],title:"Add Etsy Account"},this.state.active&&this.state.msg?n.a.createElement(D.fb,{content:this.state.msg,onDismiss:this.toggleActive}):null,n.a.createElement(s.a,{onError:e=>{this.setState({error:e,loading:!1})},mutation:YD},r=>n.a.createElement(D.i,null,n.a.createElement(D.i.Section,null,n.a.createElement(D.s,{onSubmit:async n=>{n.preventDefault(),t.trim()||a.trim()?a.trim()?t.trim()?this.setState({loading:!0,msg:null,active:!0},()=>{r({variables:{input:{platform:"etsy",name:t,email:a,usingEtsyAPI:l,alwaysCreateArtistTask:d,extraInfo:A?{...u}:void 0}},update:(e,a)=>{let{data:{createAccountSaleChannel:l}}=a;if(this.setState({loading:!1,msg:"Create Etsy account success."}),l&&"etsy"==l.platform&&l.usingEtsyAPI){this.setState({showOauthLinkModal:!0});try{_e.a.mutate({mutation:o.a` 17964 mutation generateEtsyOAuthURL( 17965 $etsyStoreName: String! 17966 ) { 17967 generateEtsyOAuthURL( 17968 etsyStoreName: $etsyStoreName 17969 ) 17970 } 17971 `,variables:{etsyStoreName:t}}).then(e=>{e&&e.data&&e.data.generateEtsyOAuthURL&&this.setState({etsyOAuthUrl:e.data.generateEtsyOAuthURL})}).catch(e=>{})}catch(n){}}else this.timeRef.current=setTimeout(()=>{B.a.push(`/${p}/stores/etsy`)},1500)}})}):this.setState({errors:{...e,name:"Store Name is required!"}}):this.setState({errors:{...e,email:"Email is required!"}}):this.setState({errors:{...e,name:"Full Name is required!",email:"Email is required!"}})}},n.a.createElement(D.i,{sectioned:!0,title:"General"},n.a.createElement(D.t,null,n.a.createElement(jD.a,{error:this.state.error}),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Store name",required:!0}),n.a.createElement(D.cb,{onChange:t=>{let a={...e,name:null};t.trim()||(a={...e,name:"Store Name is required!"}),this.setState({name:t,errors:a})},value:t,error:e.name,placeholder:"Enter store name"})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Store Email",required:!0}),n.a.createElement(D.cb,{onChange:t=>{Object(c.sb)(t)?this.setState({email:t,errors:{...e,email:null}}):this.setState({email:t,errors:{...e,email:"Invalid email address!"}})},value:a,error:e.email,placeholder:"Enter store email"})),A?n.a.createElement("div",null,n.a.createElement(D.j,{label:"Always create the artist task for orders from this store?",checked:d,onChange:e=>{this.setState({alwaysCreateArtistTask:e})}})):null)),A?n.a.createElement(n.a.Suspense,{fallback:null},n.a.createElement(GD,{values:u,onChange:this.handleExtraChange})):null,n.a.createElement("div",{style:{marginTop:16}},n.a.createElement(D.f,{title:"MerchBridge Etsy Helper",children:"This extension enables the collection and export of data from Etsy. The use of this extension may be restricted or prohibited under Etsy's Terms of Service, Usage Policies, or other applicable rules and regulations. Users should carefully consider its use and assume full responsibility for any risks, consequences, or liabilities arising from the use of this extension",status:"warning"})),n.a.createElement("div",{className:"actions"},n.a.createElement(D.g,{onClick:()=>{B.a.push(`/${p}/stores/etsy`)}},"Cancel"),n.a.createElement(D.g,{primary:!0,submit:!0,loading:this.state.loading},"Add Account")))))),n.a.createElement(D.E,{open:this.state.showOauthLinkModal,onClose:()=>{this.setState({showOauthLinkModal:!1}),B.a.push(`/${p}/stores/etsy`)},title:"OAuth Your Etsy Account"}
17971,n.a.createElement(JD,null,n.a.createElement(D.E.Section,null,n.a.createElement(D.bb,null,n.a.createElement("h2",null,"Manage and fulfill your Etsy orders from all your accounts at once with MerchBridge"),n.a.createElement("div",{className:"image"},n.a.createElement("img",{src:dI.a,alt:""})),n.a.createElement("div",{className:"warning-box"},n.a.createElement("p",null,"Warning: To protect your account from being suspended by Etsy, Please:"),n.a.createElement("ul",null,n.a.createElement("li",null,"Read and follow the documentation carefully"),n.a.createElement("li",null,"Only use the Auth Etsy Account URL from the PC or VPS of the Etsy account that you want to connect"))),n.a.createElement(D.j,{label:"I have read and agreed with the documentation.",checked:r,onChange:e=>{this.setState({agreeOAuthTerms:e})}}),r&&n.a.createElement(Jd.a,{text:i})))))))}}WD.contextType=te.a;var ZD=WD;l.Component;const XD=o.a` 17972 fragment cat on Category { 17973 id 17974 name 17975 description 17976 image { 17977 id 17978 name 17979 thumbnailUrl 17980 url 17981 } 17982 } 17983 query fulfillments($filter: TeamUserFilter) { 17984 fulfillmentConfigs { 17985 id 17986 fulfillmentId 17987 } 17988 fulfillments { 17989 id 17990 name 17991 slug 17992 products { 17993 title 17994 originId 17995 status 17996 attributes { 17997 name 17998 slug 17999 options 18000 } 18001 variants { 18002 regularPrice 18003 salePrice 18004 sellerPrice 18005 fulfillmentProductId 18006 sorting 18007 attributes { 18008 name 18009 slug 18010 option 18011 } 18012 } 18013 } 18014 } 18015 productBaseCategories { 18016 ...cat 18017 children { 18018 ...cat 18019 children { 18020 ...cat 18021 children { 18022 ...cat 18023 children { 18024 ...cat 18025 } 18026 } 18027 } 18028 } 18029 } 18030 teamMembers(filter: $filter) { 18031 hits { 18032 id 18033 user { 18034 id 18035 firstName 18036 lastName 18037 } 18038 } 18039 } 18040 suppliers { 18041 id 18042 firstName 18043 lastName 18044 } 18045 carriers { 18046 id 18047 name 18048 code 18049 } 18050 } 18051`,eP=o.a` 18052 query productBases($filter: ProductBaseFilter) { 18053 productBases(filter: $filter) { 18054 total 18055 nodes { 18056 id 18057 title 18058 baseCostDescription 18059 status 18060 images { 18061 id 18062 name 18063 url 18064 thumbnailUrl 18065 } 18066 suppliers { 18067 id 18068 firstName 18069 lastName 18070 } 18071 supplierPricing { 18072 id 18073 price 18074 userId 18075 } 18076 fulfillment { 18077 fulfillmentId 18078 fulfillmentTitle 18079 } 18080 } 18081 } 18082 } 18083`,tP=o.a` 18084 query productBaseByID($id: ID!) { 18085 productBaseHasProduct(id: $id) 18086 productBaseByID(id: $id) { 18087 id 18088 title 18089 niceName 18090 slug 18091 marketplaceIdentifyKey 18092 baseCostDescription 18093 defaultContent 18094 defaultShortDescription 18095 details 18096 regularPrice 18097 salePrice 18098 sellerPrice 18099 hasVariant 18100 kpi 18101 passOnHold 18102 hasAdditionalShipping 18103 requiredDesign 18104 shippingOptionIds 18105 shippingOptions { 18106 id 18107 name 18108 } 18109 defaultShippingOptionId 18110 mockupTemplates { 18111 id 18112 productBaseID 18113 originTemplateID 18114 sorting 18115 isDefault 18116 } 18117 colorCodes { 18118 name 18119 value 18120 patternImageId 18121 patternImage { 18122 id 18123 url 18124 name 18125 thumbnailUrl 18126 } 18127 } 18128 fulfillment { 18129 fulfillmentId 18130 productId 18131 presetId 18132 printer 18133 madeInLocation 18134 } 18135 images { 18136 id 18137 name 18138 url 18139 thumbnailUrl 18140 } 18141 suppliers { 18142 id 18143 firstName 18144 lastName 18145 } 18146 carriers { 18147 id 18148 code 18149 name 18150 } 18151 categories { 18152 id 18153 name 18154 description 18155 } 18156 supplierPricing { 18157 id 18158 userId 18159 price 18160 } 18161 carrierPricing { 18162 id 18163 carrierId 18164 price 18165 default 18166 } 18167 attributes { 18168 name 18169 slug 18170 options 18171 } 18172 designPositions { 18173 id 18174 extraFee 18175 image { 18176 id 18177 thumbnailUrl 18178 url 18179 } 18180 name 18181 displayName 18182 description 18183 productBaseVariants { 18184 id 18185 attributes { 18186 name 18187 slug 18188 option 18189 } 18190 } 18191 artworkGuidelines { 18192 id 18193 file { 18194 id 18195 name 18196 } 18197 description 18198 } 18199 resize 18200 position 18201 scalablePressCustomize 18202 } 18203 variants { 18204 id 18205 fulfillmentProductId 18206 fulfillmentSku 18207 fulfillmentShippingCost 18208 fulfillmentShippingInternationalCost 18209 attributes { 18210 name 18211 slug 18212 option 18213 } 18214 supplierPricing { 18215 id 18216 userId 18217 price 18218 } 18219 carrierPricing { 18220 id 18221 carrierId 18222 price 18223 default 18224 usingAdditionalPrice 18225 additionalPriceType 18226 additionalPrice 18227 } 18228 regularPrice 18229 salePrice 18230 sellerPrice 18231 fulfillmentWarehouses 18232 } 18233 status 18234 customcatShiping { 18235 isSingleShipment 18236 usFirstFee 18237 usAdditionalFee 18238 canadaFirstFee 18239 canadaAdditionalFee 18240 internationalFirstFee 18241 internationalAdditionalFee 18242 shippingRate 18243 } 18244 scalablePressType 18245 scalableOriginID 18246 scalablePressDesignType 18247 nasFileNameSyntax 18248 isDigitalProduct 18249 printifyPrintProviderID 18250 printifyPrintProviderName 18251 printifyBlueprintID 18252 } 18253 } 18254`,aP=o.a` 18255 mutation createProductBase($input: NewProductBase!) { 18256 createProductBase(input: $input) { 18257 id 18258 title 18259 niceName 18260 slug 18261 baseCostDescription 18262 defaultContent
18263 defaultShortDescription 18264 details 18265 regularPrice 18266 salePrice 18267 sellerPrice 18268 hasVariant 18269 mockupTemplates { 18270 id 18271 productBaseID 18272 originTemplateID 18273 isDefault 18274 } 18275 fulfillment { 18276 fulfillmentId 18277 productId 18278 } 18279 images { 18280 id 18281 name 18282 url 18283 thumbnailUrl 18284 } 18285 suppliers { 18286 id 18287 firstName 18288 lastName 18289 } 18290 carriers { 18291 id 18292 code 18293 name 18294 } 18295 categories { 18296 id 18297 name 18298 description 18299 } 18300 supplierPricing { 18301 id 18302 userId 18303 price 18304 } 18305 carrierPricing { 18306 id 18307 carrierId 18308 price 18309 } 18310 attributes { 18311 name 18312 slug 18313 options 18314 } 18315 designPositions { 18316 id 18317 image { 18318 id 18319 thumbnailUrl 18320 url 18321 } 18322 name 18323 description 18324 productBaseVariants { 18325 id 18326 attributes { 18327 name 18328 slug 18329 option 18330 } 18331 } 18332 } 18333 variants { 18334 id 18335 fulfillmentProductId 18336 fulfillmentShippingCost 18337 attributes { 18338 name 18339 slug 18340 option 18341 } 18342 supplierPricing { 18343 id 18344 userId 18345 price 18346 } 18347 carrierPricing { 18348 id 18349 carrierId 18350 price 18351 default 18352 } 18353 regularPrice 18354 salePrice 18355 sellerPrice 18356 sorting 18357 status 18358 } 18359 status 18360 isDigitalProduct 18361 } 18362 } 18363`,lP=o.a` 18364 mutation updateProductBase($input: EditProductBase!) { 18365 updateProductBase(input: $input) { 18366 id 18367 title 18368 slug 18369 baseCostDescription 18370 defaultContent 18371 defaultShortDescription 18372 details 18373 regularPrice 18374 salePrice 18375 sellerPrice 18376 hasVariant 18377 fulfillment { 18378 fulfillmentId 18379 productId 18380 } 18381 images { 18382 id 18383 name 18384 url 18385 thumbnailUrl 18386 } 18387 suppliers { 18388 id 18389 firstName 18390 lastName 18391 } 18392 carriers { 18393 id 18394 code 18395 name 18396 } 18397 categories { 18398 id 18399 name 18400 description 18401 } 18402 supplierPricing { 18403 id 18404 userId 18405 price 18406 } 18407 carrierPricing { 18408 id 18409 carrierId 18410 price 18411 default 18412 } 18413 attributes { 18414 name 18415 slug 18416 options 18417 } 18418 designPositions { 18419 image { 18420 id 18421 thumbnailUrl 18422 url 18423 } 18424 name 18425 description 18426 } 18427 variants { 18428 id 18429 fulfillmentProductId 18430 attributes { 18431 name 18432 slug 18433 option 18434 } 18435 supplierPricing { 18436 userId 18437 price 18438 } 18439 carrierPricing { 18440 carrierId 18441 price 18442 default 18443 } 18444 regularPrice 18445 salePrice 18446 sellerPrice 18447 } 18448 status 18449 } 18450 } 18451`;var nP=a(477),rP=a(760),iP=a(274),oP=a.n(iP);const sP=()=>{};const cP=n.a.forwardRef((function(){return n.a.createElement(h.a,null,[{title:"Default",value:null},{title:"Supper Lightweight",value:"Supper Lightweight"},{title:"LightWeight",value:"LightWeight"},{title:"HeavyWeight",value:"HeavyWeight"},{title:"LightWeight DrinkWare",value:"LightWeight DrinkWare"},{title:"HeavyWeight DrinkWare",value:"HeavyWeight DrinkWare"}].map(e=>n.a.createElement(h.a.Option,{value:e.value,key:e.value},e.title)))}));var uP=n.a.forwardRef((function(e,t){let{isCustomcat:a,form:l,showShipping:r}=e;const{getFieldValue:i=sP,setFieldsValue:o=sP}=l||{},[s,c]=n.a.useState(i("isSingleShipment")),u=n.a.useCallback(e=>{let t=e.target.checked;c(t),t&&o({shippingRate:null})},[o]);return n.a.createElement(b.a,{style:{marginTop:20},title:"Shipping"},n.a.createElement(x.a.Item,{name:"shippingRate",label:"Customcat shipping rate",hidden:!a},n.a.createElement(cP,null)),n.a.createElement(x.a.Item,{style:{marginTop:0},name:"isSingleShipment",valuePropName:"checked"},n.a.createElement(E.a,{onChange:u},"Is single shipment?")),n.a.createElement(x.a.Item,{label:"US First product fee",name:"usFirstFee",rules:[{required:r,message:"US First product fee is required"}]},n.a.createElement(V,null)),n.a.createElement(x.a.Item,{name:"usAdditionalFee",label:"US Additional products fee",hidden:s},n.a.createElement(V,null)),n.a.createElement(x.a.Item,{rules:[{required:r,message:"Canada First product fee is required"}],label:"Canada First product fee",name:"canadaFirstFee"},n.a.createElement(V,null)),n.a.createElement(x.a.Item,{name:"canadaAdditionalFee",label:"Canada Additional products fee",hidden:s},n.a.createElement(V,null)),n.a.createElement(x.a.Item,{rules:[{required:r,message:"International First product fee is required"}],label:"International First product fee",name:"internationalFirstFee"},n.a.createElement(V,null)),n.a.createElement(x.a.Item,{hidden:s,label:"International Additional product fee",name:"internationalAdditionalFee"},n.a.createElement(V,null)))}));const dP=j.b.div` 18452 .ant-legacy-form-item { 18453 margin-bottom: 0; 18454 margin-top: 10px; 18455 } 18456`;let mP=!1;const pP=/color(s)*/gi;class gP extends l.Component{constructor(){super(...arguments),this.state={fieldsValue:{},handleBtnSave:null,showBtnSave:null,colorCodes:[],productPrintID:null,productProviders:[],isPrintify:!1,loadingProductProviders:!1,openDPCollapse:!0,teamMembers:[],loadingFFProduct:!1,productsGearment:[],openVM:!1,loadingVM:!1,variantsMissing:[]},this.submitButtonRef=n.a.createRef(),this.disableSubmitButton=e
18456=>{e||(mP=!0),this.submitButtonRef.current.disabled=e},this.generateVariants=e=>{if(0===e.length)return[];let t=[[]];return e.forEach(e=>{let a=[];t.forEach(t=>{e.options.forEach(l=>{a.push(t.concat([{name:e.name,slug:e.slug,option:l}]))})}),t=a}),t},this.handleUpdateVariantSupplierPricing=(e,t)=>t=t.map(t=>{if(e&&0===e.length)t.supplierPricing=[];else{t.supplierPricing||(t.supplierPricing=[]),t.supplierPricing=t.supplierPricing.filter(t=>e.includes(t.userId));for(let a=0;a<e.length;a++){const l=Array.isArray(e[a])?e[a][0]:e[a];t.supplierPricing.find(e=>e.userId===l)||t.supplierPricing.push({userId:l,price:null})}}return t}),this.getProductIntoPrintify=async e=>{const{__apolloClient__:t}=window;if(e&&t){this.setState({loadingProductProviders:!0});try{var a;const{data:l}=await t.query({query:I.Z,variables:{productID:e}});if(0===(null===l||void 0===l||null===(a=l.getPrintifyProductPrintProviders)||void 0===a?void 0:a.length))return void i.a.error({message:"Product print providers counld'nt found."});const n=l.getPrintifyProductPrintProviders.map(e=>{let{id:t,title:a}=e;return{id:t,title:a}});this.setState({productProviders:n,productPrintID:e})}catch(l){i.a.error({message:null===l||void 0===l?void 0:l.toString()})}finally{this.setState({loadingProductProviders:!1})}}},this.getProductVariantsIntoPrintify=async(e,t)=>{const{__apolloClient__:a}=window,{productPrintID:l}=this.state;if(l&&e&&a)try{const{data:n}=await a.query({query:I.ab,variables:{productID:l,printProviderID:e+""}}),r=Object(C.get)(n,"getPrintifyProductPrintProviderVariants.variants",[]);if(0===r.length)return void i.a.error({message:"Product variants print providers counld'nt found."});const{variants:o,attributes:s}=bP(r),c=hP(r,o),{getFieldValue:u,setFieldsValue:d}=this.props.form,m=u("fulfillment");(null===m||void 0===m?void 0:m.data)&&(m.data.variants=o,m.data.attributes=s),d({variants:o,designPositions:c,attributes:s,fulfillment:m});const{children:p}=t;this.setState({printifyPrintProviderName:null===p||void 0===p?void 0:p.trim()})}catch(n){i.a.error({message:null===n||void 0===n?void 0:n.toString()})}},this.handleChangeFulfillment=(e,t)=>{const{fulfillments:a}=this.props,l=Object(C.get)(e,"fulfillmentId"),n=Object(ye.c)(a,l),{isDreamship:r,isScalablepress:i}=n;let o=[ye.b];r?o=Object(ye.t)(e):i&&(o=Object(ye.u)(t)),this.props.form.setFieldsValue({designPositions:o})},this.toggleOpen=()=>{this.setState(e=>{let{openDPCollapse:t}=e;return{openDPCollapse:!t}})},this.onChange=()=>{this.disableSubmitButton(!1)},this.getProductDetailPrintway=async e=>{try{const{form:t,isEditProductBase:a}=this.props,l=await Object(ye.d)(e,a)||{},n=(null===l||void 0===l?void 0:l.name)||"",r=(null===l||void 0===l?void 0:l.description)||"",i=(null===l||void 0===l?void 0:l.variants)||[],o=(null===l||void 0===l?void 0:l.attributes)||[],s=(null===l||void 0===l?void 0:l.dataSku)||{},c=Object(ye.v)(s,i),u=t.getFieldValue("fulfillment");(null===u||void 0===u?void 0:u.data)&&(u.data.variants=i,u.data.attributes=o),t.setFieldsValue({variants:i,designPositions:c,attributes:o,fulfillment:u,title:n,defaultContent:r})}catch(t){i.a.error({message:null===t||void 0===t?void 0:t.toString()})}},this.getProductInfoCustomcat=async e=>{try{this.setState({loadingFFProduct:!0});const{form:t}=this.props,{title:a,description:l,attributes:n=[],variants:r=[],designPositions:i=[]}=await Object(ye.o)(e)||{},o=t.getFieldValue("fulfillment");(null===o||void 0===o?void 0:o.data)&&(o.data.variants=r,o.data.attributes=n),t.setFieldsValue({variants:r,designPositions:i,attributes:n,fulfillment:o,title:a,defaultContent:l}),this.setState({loadingFFProduct:!1})}catch(t){i.a.error({message:null===t||void 0===t?void 0:t.toString()})}},this.getProductInfoGearment=async()=>{try{this.setState({loadingFFProduct:!0});const e=await Object(ye.m)();this.setState({loadingFFProduct:!1,productsGearment:e})}catch(e){i.a.error({message:null===e||void 0===e?void 0:e.toString()})}},this.matchProductGearment=e=>{if(!e)return;const{productsGearment:t}=this.state;if(t&&"object"===typeof t){const{title:a,variants:l,attributes:n,colorCodes:r}=t[e]||{},{form:i}=this.props,o=i.getFieldValue("fulfillment");(null===o||void 0===o?void 0:o.data)&&(o.data.variants=l,o.data.attributes=n),i.setFieldsValue({variants:l,attributes:n,fulfillment:o,title:a,c
18456olorCodes:r})}},this.getProductInfoDreamship=async e=>{try{this.setState({loadingFFProduct:!0});const{title:t,description:a,attributes:l,variants:n,designPositions:r,colorCodes:i}=await Object(ye.f)(e),{form:o}=this.props,s=o.getFieldValue("fulfillment");(null===s||void 0===s?void 0:s.data)&&(s.data.variants=n,s.data.attributes=l),o.setFieldsValue({variants:n,defaultContent:a,attributes:l,fulfillment:s,title:t,colorCodes:i,designPositions:r}),this.setState({loadingFFProduct:!1})}catch(t){i.a.error("error",t.toString())}},this.getProductInfoTeezily=async e=>{try{this.setState({loadingFFProduct:!0});const{title:t,variants:a=[],attributes:l=[],designPositions:n=[]}=await Object(ye.i)(e),{form:r}=this.props,i=r.getFieldValue("fulfillment");(null===i||void 0===i?void 0:i.data)&&(i.data.variants=a,i.data.attributes=l),r.setFieldsValue({title:t,variants:a,attributes:l,fulfillment:i,designPositions:n})}catch(t){i.a.error({message:null===t||void 0===t?void 0:t.toString()})}finally{this.setState({loadingFFProduct:!1})}},this.getProductInfoMerchize=async(e,t)=>{try{this.setState({loadingFFProduct:!0});const a=await Object(ye.g)(e)||{},l=a.variants||[],n=a.attributes||[],{title:r,description:i}=a||{},{form:o}=this.props,s=o.getFieldValue("fulfillment");(null===s||void 0===s?void 0:s.data)&&(s.data.variants=l,s.data.attributes=n);const c=Object(ye.C)(l,t);o.setFieldsValue({variants:c,defaultContent:i,attributes:n,fulfillment:s,title:r}),this.setState({loadingFFProduct:!1})}catch(a){i.a.error({message:null===a||void 0===a?void 0:a.toString()})}},this.fetchVariantsMissingForPrintify=async()=>{const{value:e,form:t}=this.props,{printifyPrintProviderID:a,printifyBlueprintID:l}=e||{};try{const e=await Object(ye.l)(l,a),n=Object(ye.p)(e,t.getFieldValue("variants")),{variants:r}=bP(n);this.setState({variantsMissing:r,tmpVariants:n})}catch(n){i.a.error({message:Object(c.ib)(n.toString())})}},this.fetchVariantsMissingForDreamship=async()=>{const{value:e,form:t}=this.props,a=Object(C.get)(e,"id",null);if(null!=a)try{const e=await Object(ye.k)(a),l=Object(ye.p)(e,t.getFieldValue("variants")),n=(l||[]).reduce((e,t)=>{const{attributes:a}=t,l=(a||[]).map(e=>{let{slug:t,option:a}=e;return`${t}_${a}`}).join("_");return e[l]=(e[l]||0)+1,e},{});if(Object.values(n).some(e=>e>1))return void this.setState({tmpError:"The current Dreamship product catalog differs from the current product base in terms of attributes."});const{variants:r}=Object(ye.s)(l);this.setState({variantsMissing:r,tmpVariants:l})}catch(l){}},this.fetchVariantsMissingForCustomcat=async()=>{const{value:e,form:t}=this.props,a=Object(C.get)(e,"id",null);if(null!=a)try{const e=await Object(ye.j)(a),l=Object(ye.p)(e,t.getFieldValue("variants")),n=(l||[]).reduce((e,t)=>{const{attributes:a}=t,l=(a||[]).map(e=>{let{slug:t,option:a}=e;return`${t}_${a}`}).join("_");return e[l]=(e[l]||0)+1,e},{});if(Object.values(n).some(e=>e>1))return void this.setState({tmpError:"The current Customcat product catalog differs from the current product base in terms of attributes."});const{variants:r}=Object(ye.r)(l);this.setState({variantsMissing:r,tmpVariants:l})}catch(l){}},this.fetchVariantsMissingForMerchize=async()=>{const{merchizeSku:e,fulfillmentSkus:t}=this.state;if(e&&t)try{const{form:a}=this.props,l=(await Object(ye.g)(e)||{}).variants||[],n=Object(ye.q)(l,a.getFieldValue("variants"),t);this.setState({variantsMissing:n,tmpVariants:n})}catch(a){}},this.fetchVariantsMissing=async()=>{const{isPrintify:e,isDreamship:t,isCustomcat:a,isMerchize:l}=this.state;this.setState({loadingVM:!0,openVM:!0}),e?await this.fetchVariantsMissingForPrintify():t?await this.fetchVariantsMissingForDreamship():a?await this.fetchVariantsMissingForCustomcat():l&&await this.fetchVariantsMissingForMerchize(),this.setState({loadingVM:!1})},this.handleVariantsMissingForPrintify=e=>{var t;const{form:a}=this.props;if(!e||0===e.lengh)return{};const{variants:l,attributes:n}=bP(e),r=hP(e,l),i=a.getFieldsValue(["variants","designPositions","attributes","fulfillment"]),o=Object(ye.H)(i.attributes,n),s=Object(ye.I)(i.designPositions,r),c=[...i.variants,...l];return(null===(t=i.fulfillment)||void 0===t?void 0:t.data)&&(i.fulfillment.data.variants=c,i.fulfillment.data.attributes=o),{variants:c,designPositions:s,attributes:o,fulfillment:i.fulfillment}},this.handleVariantsMissingForMerchize=e=>{var t;if(!e||0===e.length)return{};let a=Object(ye.w)(e);const{form:l}=this.props,n=l.getFieldsValue(["variants","attributes","fulfillment"]),r=[...n.variants,...e],i=Object(ye.H)(n.attributes,a);return(null===(t=n.fulfillment)||void 0===t?void 0:t.data)&&(n.fulfillment.data.variants=r,n.fulfillment.data.attributes=i),{variants:r,attributes:i,fulfillment:n.fulfillment}},this.handleVariantsMissingForDreamship=e=>{var t;if(!e||0===e.length)return{};const{isDreamship:a,isCustomcat:l}=this.state;let n=[],r=[];a?({variants:n,attributes:r}=Object(ye.s)(e)):l&&({variants:n,attributes:r}=Object(ye.r)(e));const{form:i}=this.props,o=i.getFieldsValue(["variants","attributes","fulfillment"]),s=[...o.variants,...n],c=Object(ye.H)(o.attributes,r);return(null===(t=o.fulfillment)||void 0===t?void 0:t.data)&&(o.fulfillment.data.variants=s,o.fulfillment.data.attributes=c),{variants:s,attributes:c,fulfillment:o.fulfillment}},this.handleVariantsMissing=e=>{const{tmpVariants:t}=this.state;if(!e||0===e.length||!t||0===t.length)return;this.disableSubmitButton(!1),this.setState({tmpError:null});const{isPrintify:a,isDreamship:l,isCustomcat:n,isMerchize:r}=this.state,{form:i}=this.props,o=e.map(e=>{let{fulfillmentProductId:t}=e;return t}),s=t.filter(e=>{let{id:t,fulfillmentProductId:a}=e,l=t;return r&&(l=a),o.includes(l)});let c={};a?c=this.handleVariantsMissingForPrintify(s):l||n?c=this.handleVariantsMissingForDreamship(s):r&&(c=this.handleVariantsMissingForMerchize(s)),i.setFieldsValue(c)}}componentDidMount(){var e;const{form:t,fulfillments:a,value:l}=this.props;if(this.submitButtonRef&&(this.submitButtonRef.current.disabled=!0),mP=!1,l){let e=fP(l.suppliers),n=fP(l.carriers);const r=l.hasVariant;this.handleColorCodesUpdate(l.variants);const{hasAdditionalShipping:i}=l;t.setFieldsValue({suppliers:e,carriers:n,hasVariant:r,variants:l.variants,hasAdditionalShipping:i,fulfillment:l.fulfillment});const o=[];l.printifyPrintProviderName&&l.printifyPrintProviderID&&o.push({id:l.printifyPrintProviderID,title:l.printifyPrintProviderName});const s=Object(C.get)(l,"fulfillment.fulfillmentId"),c=Object(ye.c)(a,s);return void this.setState({defaultValue:JSON.parse(JSON.stringify(l)),scalablePressDesignType:l.scalablePressDesignType,scalableOriginID:l.scalableOriginID,scalablePressType:l.scalablePressType,productProviders:o,...c})}let n=null;(null===a||void 0===a?void 0:a.length)>0&&(n=a.find(e=>{let{slug:t}=e;return t===w.f}),n&&(n.fulfillmentId=n.id)),t.setFieldsValue({hasVariant:!0,fulfillment:n});const r=Object(ye.c)(a,null===(e=n)||void 0===e?void 0:e.fulfillmentId);
18456this.setState({...r,fieldsValue:JSON.parse(JSON.stringify(t.getFieldsValue(w.F)))})}componentDidUpdate(e){let{clickSave:t,onSubmit:a,form:l,value:n,fulfillments:r}=this.props;if(t!==e.clickSave&&l.validateFields((e,t)=>{e||(t.fulfillment&&t.fulfillment.__typename&&delete t.fulfillment.__typename,t.fulfillment&&t.fulfillment.data&&delete t.fulfillment.data,t.attributes&&(t.attributes=t.attributes.map(e=>(delete e.__typename,e))),t.variants&&(t.variants=t.variants.map(e=>(delete e.__typename,delete e.sorting,e.attributes=e.attributes.map(e=>(delete e.__typename,e)),e))),t.designPositions&&t.designPositions.length&&(t.designPositions=t.designPositions.map(e=>(delete e.imageUrl,e.productBaseVariants=e.productBaseVariants&&e.productBaseVariants.map(e=>(delete e.__typename,e.attributes&&e.attributes.map(e=>(delete e.__typename,e)),e)),e.extraFee&&(e.extraFee=parseFloat(e.extraFee)),e))),t.images&&t.images.length&&(t.images=t.images.map(e=>e.id)),a&&a(t))}),!Object(C.isEqual)(n,e.value)){let e=fP(n.suppliers),t=fP(n.carriers);const a=n.hasVariant;this.handleColorCodesUpdate(n.variants);const{hasAdditionalShipping:i}=n;l.setFieldsValue({suppliers:e,carriers:t,hasVariant:a,variants:n.variants,hasAdditionalShipping:i,fulfillment:n.fulfillment});const o=[];n.printifyPrintProviderName&&n.printifyPrintProviderID&&o.push({id:n.printifyPrintProviderID,title:n.printifyPrintProviderName});const s=Object(C.get)(n,"fulfillment.fulfillmentId"),c=Object(ye.c)(r,s);this.setState({defaultValue:JSON.parse(JSON.stringify(n)),scalablePressDesignType:n.scalablePressDesignType,scalableOriginID:n.scalableOriginID,scalablePressType:n.scalablePressType,productProviders:o,...c})}}handleUpdateVariantCarrierPricing(e,t){const a=this.props.form.getFieldValue("hasAdditionalShipping");return t=t.map(t=>{if(e&&0===e.length)t.carrierPricing=[];else{t.carrierPricing||(t.carrierPricing=[]),t.carrierPricing=t.carrierPricing.filter(t=>e.includes(t.carrierId));for(let l=0;l<(e&&e.length||0);l++)if(!t.carrierPricing.find(t=>t.carrierId===e[l])){const n={carrierId:e[l],price:null,default:!1};a&&(n.usingAdditionalPrice=!0,n.additionalPriceType="SameItem",n.additionalPrice=null),t.carrierPricing.push(n)}}return t})}handleUpdateOnSupplierChange(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];const{form:t}=this.props;let a=t.getFieldValue("supplierPricing"),l=t.getFieldValue("variants");a&&0!==e.length||(a=[]),a=a.filter(t=>e.includes(t.userId));for(let n=0;n<e.length;n++){const t=Array.isArray(e[n])?e[n][0]:e[n];a.find(e=>e.userId===t)||a.push({userId:t,price:null})}l&&l.length&&(l=this.handleUpdateVariantSupplierPricing(e,l)),t.setFieldsValue({supplierPricing:a,variants:l})}handleChangeDesignPosition(e){const{form:t}=this.props,a=t.getFieldValue("designPositions");if(!e||0===e.length||!a||0===a.length)return;const l=a.map(t=>{const{productBaseVariants:a}=t||{},l=(a||[]).filter(t=>{const{attributes:a}=t||{};let l=[];for(let r=0;r<a.length;r++){var n;const{slug:t,option:i}=a[r],o=(e||[]).find(e=>e.slug===t);(null===o||void 0===o||null===(n=o.options)||void 0===n?void 0:n.length)>0&&(l[r]=o.options.includes(i))}return l.every(Boolean)});return{...t,productBaseVariants:l}});t.setFieldsValue({designPositions:l})}handleOnAttributeUpdate(e,t){const{form:a}=this.props,l=a.getFieldValue("variants");let n=[];for(let o=0;o<e.length;o++){const t=e[o];t.name&&t.slug&&t.options.length&&n.push(t)}let r=function(e,t){if(!e.length)return[];let a=[];const l=e.length;let n=[];for(let i=0;i<l;i++)n[i]=0;for(;;){let t=[],r=[];for(let a=0;a<l;a++){const l=e[a].options[n[a]];t.push(l),r.push({name:e[a].name,slug:e[a].slug,option:l})}a.push({__slug:t.join("-"),attributes:r,regularPrice:null,salePrice:null,sellerPrice:null,fulfillmentProductId:null});let i=l-1;for(;i>=0&&n[i]+1>=e[i].options.length;)i--;if(i<0)break;n[i]++;for(let e=i+1;e<l;e++)n[e]=0}let r={};t||(t=[]);for(let i=0;i<t.length;i++){const e=t[i];if(e.__slug)r[e.__slug]=e;else{let t=[];for(let l=0;l<e.attributes.length;l++){const a=e.attributes[l];t.push(a.option)}const a=t.join("-");r[a]=e}}for(let i=0;i<a.length;i++){const e=a[i],t=r[e.__slug];t&&(a[i]={...t,attributes:e.attributes}),"undefined"!==typeof a[i].__slug&&delete a[i].__slug}return a}(n,l);const{isCustom:i}=this.state;if(!t||i){const e=a.getFieldValue("suppliers");r=this.handleUpdateVariantSupplierPricing(e?[e]:[],r),r=this.handleUpdateVariantCarrierPricing(a.getFieldValue("carriers"),r)}this.handleColorCodesUpdate(r),this.handleChangeDesignPosition(e),a.setFieldsValue({variants:r})}handleColorCodesUpdate(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];const{form:t}=this.props,a=t.getFieldValue("colorCodes"),l=e.reduce((e,t)=>
18456{const l=t.attributes;let n=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0;return[...new Map(e.map(e=>[e[t],e])).values()]}([...e,...(null===l||void 0===l?void 0:l.length)>0?l.filter(e=>{var t;return null===e||void 0===e||null===(t=e.name)||void 0===t?void 0:t.match(pP)}).map(e=>({name:e.option,value:"",patternImage:[]})):[]],"name");function r(e,t){var a,l;return(null===(a=e.name)||void 0===a?void 0:a.toLowerCase())===(null===(l=t.name)||void 0===l?void 0:l.toLowerCase())}return n=n.map(e=>{const t=(a||[]).find(t=>r(t,e)),l=w.e.find(t=>r(t,e));return null!=t?{...e,value:t.value,patternImage:t.patternImage}:null==l||e.value?e:{...e,value:l.value}}),n},[]);t.setFieldsValue({colorCodes:l}),this.setState({colorCodes:l})}handleUpdateOnCarrierChange(e){const{getFieldValue:t,setFieldsValue:a}=this.props.form;let l=t("carrierPricing"),n=t("variants");const r=t("hasAdditionalShipping");l&&0!==e.length||(l=[]),l&&l.length&&(l=l.filter(t=>e.includes(t.carrierId)));for(let o=0;o<(e&&e.length);o++)if(!l.find(t=>t.carrierId===e[o])){const t={carrierId:e[o],price:null,default:!1};r&&(t.usingAdditionalPrice=!0,t.additionalPriceType="SameItem",t.additionalPrice=null),l.push(t)}n&&n.length&&(n=this.handleUpdateVariantCarrierPricing(e,n));let i=0;for(let o=0;o<l.length;o++)l[o].default&&(i=o);l.length&&(l[i].default=!0),a({carrierPricing:l,variants:n})}render(){const{carriers:e,suppliers:t,loading:a,onSubmit:l,value:r,fulfillments:o,teamMembers:s}=this.props,{getFieldDecorator:k,getFieldValue:j}=this.props.form;let{handleBtnSave:w,showBtnSave:I,colorCodes:D,openDPCollapse:P}=this.state;const x=[{name:"title",label:"Title",component:n.a.createElement(p.a,{onChange:e=>{r||this.props.form.setFieldsValue({slug:Object(c.Vb)(e.target.value)})},placeholder:"Product base title"}),rules:[{required:!0,message:"Title is required!"}]},{name:"niceName",label:"Nice Name",component:n.a.createElement(p.a,{placeholder:"Nice name"}),rules:[{required:!0,message:"Nice name is required!"}]},{name:"slug",label:"Slug",component:n.a.createElement(p.a,{placeholder:"Product base slug"}),rules:[{required:!0,message:"Slug is required!"}]},{name:"baseCostDescription",label:"Base cost description",rules:[],component:n.a.createElement(p.a,{placeholder:"You cost $29 - $40"})},{name:"defaultContent",label:"Default content",rules:[],component:n.a.createElement(Kt.a,null)}],M=j("carriers"),T=j("suppliers"),Q=vP(e,M),R=vP(t,T?Array.isArray(T)?T:[T]:[]),F=j("fulfillment"),N=function(e){return!(!e||"object"!==typeof e)&&Object.keys(e).length>0}(F),U=j("hasVariant");if(r&&r.variants&&r.variants.length&&(r.variants=r.variants.map(e=>{if(e.carrierPricing&&e.carrierPricing.length){let t=yP(e.carrierPricing);e.carrierPricing[t].default=!0}return e})),r&&r.carrierPricing&&r.carrierPricing.length){let e=yP(r.carrierPricing);r.carrierPricing[e].default=!0}const L=j("isSingleShipment"),z=j("isDigitalProduct"),q=r&&r.customcatShiping,{isDreamship:H,isCustomcat:$,isGearment:_,isScalablepress:G,isPrintify:K,isCustom:J,isMerchize:Y,isPrintway:W}=this.state,Z=$||_,X=j("shippingRate");let ee=[];ee=q&&q.shippingRate?oe.o.filter(e=>e.value!==q.shippingRate):oe.o;let te=null;$&&(te=ee.find(e=>e.value===X));let ae=null;ae=ee.map(e=>e.value).includes(X)?te&&te.shippingCost:q,H&&!q&&(ae=oe.y.shippingCost);let le=G,ne=oe.V,re=[];if(ne)for(let[n,i]of Object.entries(ne))re.push({key:n,value:i});let{scalablePressDesignType:se}=this.state,ce=se;const{productProviders:ue,loadingProductProviders:de}=this.state;return n.a.createElement(n.a.Fragment,null,n.a.createElement(O.a,{when:mP,message:"You have unsaved changes, are you sure you want to leave?"}),n.a.createElement(dP,null,n.a.createElement(u.a,Object.assign({},{labelCol:{span:24},wrapperCol:{span:24}},{onSubmit:e=>{this.setState({isPrompt:!0}),e.preventDefault(),this.props.form.validateFields((e,t)=>{if(!e){var a,n,o,s;const{variants:e}=t;if((e||[]).some(e=>{let{regularPrice:t}=e;return null==t||t<1}))return void i.a.error({message:"You must enter regular price!"});const{isCustomcat:u,isDreamship:d,isGearment:m,isScalablepress:p,isPrintify:g,isTeezily:A}=this.state;if([u,d,m,p,g,A].some(Boolean)){if((e||[]).some(e=>{let{fulfillmentProductId:t}=e;return null==t||""==t}))return void i.a.error({message:"You must enter fulfillment product id!"})}if(t.fulfillment&&t.fulfillment.__typename&&delete t.fulfillment.__typename,t.fulfillment&&void 0!==t.fulfillment.data&&delete t.fulfillment.data,null!=(null===(a=t)||void 0===a?void 0:a.fulfillment)){let e={};if(Object.keys(t.fulfillment).length>0){const{fulfillmentId:a,productId:l,presetId:n}=t.fulfillment;e={fulfillmentId:a,productId:l,presetId:n}}else e=null;t.fulfillment=e}t.attributes&&(t.attributes=t.attributes.map(e=>(delete e.__typename,e)));let b=(c=t.colorCodes)&&0!==c.length?c.map(e=>{let{patternImage:t,name:a,value:l=null}=e,{id:n}=(t||[]).find(e=>{let{id:t}=e;return t})||{};return{name:a,value:l,patternImageId:n}}
18456).filter(Boolean):[];t.colorCodes=b,t.variants&&(t.variants=t.variants.map(e=>(delete e.__typename,delete e.sorting,e.attributes=e.attributes.map(t=>{delete t.__typename;const a=t.option,l=b.find(e=>e.name===a);return null!=l&&(e.colorCodes=l),t}),e)));let{scalablePressType:h,scalableOriginID:f}=this.state,v={},E=!0;const{isScalablepress:y}=this.state;y&&(t.scalablePressType=h,t.scalableOriginID=f),t.designPositions&&t.designPositions.length&&(t.designPositions=t.designPositions.map((e,a)=>{delete e.imageUrl,e.artworkGuidelines=e.artworkGuidelines&&e.artworkGuidelines.map(e=>{let{fileId:t,description:a}=e;if(t)return{fileId:t,description:a}}).filter(Boolean),e.productBaseVariants=e.productBaseVariants&&e.productBaseVariants.map(e=>(delete e.__typename,e.attributes&&e.attributes.map(e=>(delete e.__typename,e)),e));let{width:l,height:n,horizontal:r,top:i,bottom:o,...s}=e;return e=s,["dtg","poster"].includes(t.scalablePressDesignType)&&(l||n||(v[a]={...v[a],dimensions:"For design position, width or height is required."})),["dtg"].includes(t.scalablePressDesignType)&&(i||o||(v[a]={...v[a],position:"For design position, top or bottom is required."})),y&&["dtg","poster"].includes(t.scalablePressDesignType)&&(e.scalablePressCustomize={dimensions:{...l?{width:l}:{},...n?{height:n}:{}},position:{horizontal:r||"",offset:{...i?{top:i}:{},...o?{bottom:o}:{}}}}),e})),y&&(v&&Object.keys(v).length?(Object.keys(v).forEach((e,t)=>{if(0===t){let t=v[e];for(let[,e]of Object.entries(t))i.a.error({message:e})}}),E=!1):E=!0),t.images&&t.images.length&&(t.images=t.images.map(e=>e.id));let{isSingleShipment:C,usFirstFee:k,usAdditionalFee:O,canadaFirstFee:j,canadaAdditionalFee:w,internationalFirstFee:S,internationalAdditionalFee:I,shippingRate:B,...D}=t;t=D,Z&&(t.customcatShipping={isSingleShipment:C,usFirstFee:k,usAdditionalFee:O,canadaFirstFee:j,canadaAdditionalFee:w,internationalFirstFee:S,internationalAdditionalFee:I,shippingRate:B});const{printifyPrintProviderName:P,printifyBlueprintID:x}=this.state;g&&!r&&(t.printifyPrintProviderName=P,t.printifyBlueprintID=x),r&&delete t.printifyPrintProviderID,(null===(n=t.fulfillment)||void 0===n?void 0:n.fulfillmentInfo)&&delete t.fulfillment.fulfillmentInfo;let M=!1;if((null===(o=t.variants)||void 0===o?void 0:o.length)>0&&(t.variants=t.variants.map(e=>{const{fulfillmentProductId:t,attributes:a}=e||{};return e.disabledFPI=void 0,M||(M=a.some(e=>{let{name:t,slug:a}=e;const l=/^type$/i;return l.test(t)||l.test(a)})),"number"===typeof t?{...e,fulfillmentProductId:t+""}:e})),(null===(s=t.categories)||void 0===s?void 0:s.length)>0&&(t.categories=(fP(t.categories)||[])[0]),t.suppliers&&!Array.isArray(t.suppliers)&&(t.suppliers=[t.suppliers]),null==t.requiredDesign&&(t.requiredDesign=!1),J&&(!t.suppliers||0===t.suppliers.length))return void i.a.error({message:"You must enter suppliers."});E&&!M&&l&&(l(t),mP=!1)}var c})},onChange:this.onChange}),n.a.createElement(g.a,{gutter:16},n.a.createElement(A.a,{span:16},n.a.createElement(b.a,null,x.map((e,t)=>n.a.createElement(u.a.Item,{key:t,label:e.label},k(e.name,{initialValue:r?r[e.name]:e.value?e.value:null,...["defaultContent","defaultShortDescription","details"].includes(e.name)?[]:[{trigger:"onBlur",valuePropName:"defaultValue"}],rules:e.rules})(e.component))),n.a.createElement(u.a.Item,{label:"Categories"},k("categories",{initialValue:r&&r.categories||[],rules:[{required:!0,message:"Category is required!"}]})(n.a.createElement(pe,{data:this.props.categories?this.props.categories:[],placeholder:"Categories",multiple:!1,quickAdd:!0,onChange:()=>{this.disableSubmitButton(!1)}}))))),n.a.createElement(A.a,{span:8},n.a.createElement(b.a,null,n.a.createElement(u.a.Item,{label:"Image"},k("images",{initialValue:EP(r?r.images:[])})(n.a.createElement(Ae.a,{accept:"image/*",listType:"picture",multiple:!0,onChange:()=>{this.setState({handleBtnSave:!w})}})))),n.a.createElement(b.a,{title:"Fulfillment",style:{marginTop:20}},n.a.createElement(g.a,null,n.a.createElement(A.a,{span:24},k("fulfillment",{initialValue:r?r.fulfillment:null})(n.a.createElement(Ht,{fulfillments:o,isPrintify:K&&!!r,loadingFFProduct:this.state.loadingFFProduct,getOriginId:(e,t)=>{const a=Object(C.get)(e,"fulfillmentSkus");this.setState({fulfillmentSkus:a,merchizeSku:t})},onChange:async e=>{var t;this.disableSubmitButton(!1);const a=Object(C.get)(e,"fulfillmentId"),l=Object(ye.c)(o,a);if(this.setState({productProviders:[],isPrintify:!1,tmpError:null,tmpVariants:[],...l}),U&&e&&e.data){if(e.data.isChange){const t=Object(C.get)(e,"data.originId",null);if(l.isPrintify)return this.setState({isPrintify:!0,printifyBlueprintID:Number.parseInt(t)}),void await this.getProductIntoPrintify(t);if(l.isPrintway)return void await this.getProductDetailPrintway(t);if(l.isCustomcat)return void await this.getProductInfoCustomcat(t);if(l.isGearment)return void this.matchProductGearment(t);if(l.isDreamship)return void this.getProductInfoDreamship(t);if(l.isMerchize){const a=Object(C.get)(e,"data.fulfillmentSkus");return void this.getProductInfoMerchize(t,a)}if(l.isTeezily)return void this.getProductInfoTeezily(t);this.props.form.setFieldsValue({attributes:e.data.attributes}),this.handleColorCodesUpdate(e.data.variants);const a=this.props.isEditProductBase,i=(n=e.data.variants,r=a,n&&0!==n.length?n.map(e=>{const{regularPrice:t,sellerPrice:a}=e;if(e.disabledFPI=!0,r||0!==t||0===a)return e;const l=Number.parseFloat(Object(c.a)(a/.35,2));return{...e,regularPrice:l}}):[]);this.props.form.setFieldsValue({variants:i});let o=e.data.type;const s=Object(ye.x)(o);this.props.form.setFieldsValue({scalablePressDesignType:s}),this.setState({scalablePressType:e.data.type,scalableOriginID:e.data.originId,scalablePressDesignType:s},()=>{this.handleChangeFulfillment(e,s)})}}else U&&l.isGearment&&0===(null===(t=this.state.productsGearment)||void 0===t?void 0:t.length)?await this.getProductInfoGearment():(this.handleColorCodesUpdate([]),this.props.form.setFieldsValue({variants:[],attributes:[],fulfillment:e,defaultContent:"",designPositions:[ye.b]}
18456));var n,r}})),J&&n.a.createElement(u.a.Item,{label:"Suppliers"},k("suppliers",{initialValue:r&&r.suppliers?r.suppliers.map(e=>e.id):[],rules:[{message:"Supplier is required",required:!0}]})(n.a.createElement(h.a,{filterOption:(e,t)=>t.children.toLowerCase().indexOf(e.toLowerCase())>=0,onChange:e=>{this.handleUpdateOnSupplierChange(e?[e]:[]),this.disableSubmitButton(!1)}},(J?s:t).map((e,t)=>n.a.createElement(h.a.Option,{value:e.id,key:t},`${e.firstName} ${e.lastName}`))))),le&&n.a.createElement(u.a.Item,{label:"Design type"},k("scalablePressDesignType",{initialValue:r&&r.scalablePressDesignType,rules:[{message:"Design type is required.",required:!0}]})(n.a.createElement(h.a,{onChange:e=>{this.setState({scalablePressDesignType:e})}},re.map((e,t)=>n.a.createElement(h.a.Option,{value:e.key,key:t},e.value))))),this.state.isPrintify?n.a.createElement(u.a.Item,{label:"Product Print Providers"},k("printifyPrintProviderID",{initialValue:null===r||void 0===r?void 0:r.printifyPrintProviderID,rules:[{message:"Product Print Provider is required",required:!0}]})(de?n.a.createElement(f.a,null):n.a.createElement(h.a,{onChange:this.getProductVariantsIntoPrintify,disabled:!!r,showSearch:!0,filterOption:(e,t)=>{const a=(Object(C.get)(t,"data.title")||"").toLowerCase();return new RegExp(e,"i").test(a)}},ue.map(e=>n.a.createElement(h.a.Option,{value:e.id,key:"print-provider-"+e.id,data:e},e.title))))):null,this.props.isEditProductBase&&(K||H||$||Y)&&n.a.createElement(u.a.Item,null,n.a.createElement(v.a,{children:"Fetch variants missing",onClick:this.fetchVariantsMissing}))),U||F&&(!F||F.fulfillmentId)?null:n.a.createElement(A.a,{span:24},R.length>0&&n.a.createElement(b.a,{style:{marginTop:20},title:"Suppliers pricing"},k("supplierPricing",{initialValue:r&&r.supplierPricing?r.supplierPricing:[]})(n.a.createElement(_t,{suppliers:R,onChange:()=>{this.setState({handleBtnSave:!w})}})))))),J&&n.a.createElement(b.a,{title:"Carriers",style:{marginTop:20}},n.a.createElement(g.a,null,n.a.createElement(A.a,{span:24},k("carriers",{initialValue:r&&r.carriers?r.carriers.map(e=>e.id):[]})(n.a.createElement(h.a,{filterOption:(e,t)=>t.children.toLowerCase().indexOf(e.toLowerCase())>=0,onChange:e=>{this.handleUpdateOnCarrierChange(e),this.disableSubmitButton(!1)},mode:"multiple"},e.map((e,t)=>n.a.createElement(h.a.Option,{value:e.id,key:t},e.name))))),n.a.createElement(A.a,{span:24},!U&&Q.length>0&&n.a.createElement(b.a,{title:"Carrier pricing",style:{marginTop:20}},k("carrierPricing",{initialValue:r&&r.carrierPricing?r.carrierPricing:[]})(n.a.createElement(fe,{carriers:Q,onChange:()=>{this.disableSubmitButton(!1)}})))))),n.a.createElement(b.a,{title:"Design Task Default KPI",style:{marginTop:20}},n.a.createElement(g.a,null,n.a.createElement(A.a,{span:24},k("kpi",{initialValue:r&&r.kpi?r.kpi:.2})(n.a.createElement(h.a,{onChange:()=>{this.disableSubmitButton(!1)},filterOption:(e,t)=>{var a;return!e.match(/[a-zA-Z]/gi)&&(e=e.replace(/[\.\,]/,()=>"\\."),!!(null===t||void 0===t||null===(a=t.children)||void 0===a?void 0:a.toString().match(new RegExp(e,"gi"))))},showSearch:!0},n.a.createElement(h.a.Option,{value:null,key:"default-kpi"},"Select Default KPI"),S.d.map((e,t)=>n.a.createElement(h.a.Option,{value:e,key:t},e))))))),n.a.createElement(b.a,{hidden:!Z,style:{marginTop:20},title:"Shipping"},$&&n.a.createElement(u.a.Item,{label:"Customcat shipping rate"},k("shippingRate",{initialValue:q?q.shippingRate:null})(n.a.createElement(AP,null))),n.a.createElement(u.a.Item,{style:{marginTop:0}},k("isSingleShipment",{initialValue:!!q&&q.isSingleShipment,valuePropName:"checked"})(n.a.createElement(E.a,{onChange:e=>{e.target.checked&&this.props.form.setFieldsValue({shippingRate:null})}},"Is single shipment?"))),n.a.createElement(u.a.Item,{label:"US First product fee"},k("usFirstFee",{initialValue:ae?ae.usFirstFee:null,rules:[{required:Z,message:"US First product fee is required"}]})(n.a.createElement(V,{onChange:()=>{this.disableSubmitButton(!1)}}))),!L&&n.a.createElement(u.a.Item,{label:"US Additional products fee"},k("usAdditionalFee",{initialValue:ae?ae.usAdditionalFee:null})(n.a.createElement(V,{onChange:()=>{this.disableSubmitButton(!1)}}))),n.a.createElement(u.a.Item,{label:"Canada First product fee"},k("canadaFirstFee",{initialValue:ae?ae.canadaFirstFee:null,rules:[{required:Z,message:"Canada First product fee is required"}]})(n.a.createElement(V,{onChange:()=>{this.disableSubmitButton(!1)}}))),!L&&n.a.createElement(u.a.Item,{label:"Canada Additional products fee"},k("canadaAdditionalFee",{initialValue:ae?ae.canadaAdditionalFee:null})(n.a.createElement(V,{onChange:()=>{this.disableSubmitButton(!1)}}))),n.a.createElement(u.a.Item,{label:"International First product fee"},k("internationalFirstFee",{initialValue:ae?ae.internationalFirstFee:null,rules:[{required:Z,message:"International First product fee is required"}]})(n.a.createElement(V,{onChange:()=>{this.disableSubmitButton(!1)}}))),!L&&n.a.createElement(u.a.Item,{label:"International Additional product fee"},k("internationalAdditionalFee",{initialValue:ae?ae.internationalAdditionalFee:null})(n.a.createElement(V,{onChange:()=>{this.disableSubmitButton(!1)}})))),n.a.createElement(b.a,{hidden:U,title:"Pricing",style:{marginTop:20}},n.a.createElement("div",null,n.a.createElement(u.a.Item,{label:"Regular Price"},k("regularPrice",{initialValue:r?r.regularPrice:null,rules:U?[]:[{required:!0,message:"Regular price is required"}]})(n.a.createElement(V,{onChange:()=>{this.disableSubmitButton(!1)}}))),n.a.createElement(u.a.Item,{label:"Sale Price"},k("salePrice",{initialValue:r?r.salePrice:null})(n.a.createElement(V,{onChange:()=>{this.disableSubmitButton(!1)}}))),n.a.createElement(u.a.Item,{label:"Seller Price"},k("sellerPrice",{initialValue:r?r.sellerPrice:null})(n.a.createElement(V,{onChange:()=>{this.disableSubmitButton(!1)}}))))),n.a.createElement(b.a,{style:{marginTop:"20px"},bodyStyle:{padding:"10px 24px"},hidden:!J||Object.keys(F||{}).length>0},n.a.createElement(u.a.Item,null,k("passOnHold",{initialValue:!!r&&r.passOnHold,valuePropName:"checked"})(n.a.createElement(E.a,null,"Auto pass on hold for orders of this product base"))),n.a.createElement(u.a.Item,null,k("isDigitalProduct",{initialValue:!!r&&r.isDigitalProduct,valuePropName:"checked"})(n.a.createElement(E.a,null,"Is digital products? (Often used to map with Etsy's digital products)"))),z?n.a.createElement(u.a.Item,null,k("requiredDesign",{initialValue:!r||!!r.requiredDesign,valuePropName:"checked"})(n.a.createElement(E.a,{children:"Using design task Workflow(digital product base also creates design task like normal product base)\xa0",onChange:()=>{this.disableSubmitButton(!1)}}))):null))),n.a.createElement(b.a,{title:n.a.createElement("div",null,n.a.createElement("h3",null,"Variants"),n.a.createElement("p",{className:"sub-card-title"},k("hasVariant",{initialValue:!r||r.hasVariant,valuePropName:"checked"})(n.a.createElement("span",null," ","This product base has multiple options, like different sizes or colors")))),style:{marginTop:20,width:"100%"}},U&&n.a.createElement("div",null,n.a.createElement("h3",null,"OPTIONS"),k("attributes",{initialValue:F&&F.data&&F.data.attributes||r&&r.attributes&&r.attributes||[]})(n.a.createElement(dt,{disableSubmitButton:this.disableSubmitButton,hasProduct:!!this.props.hasProduct,onChange:e=>{this.disableSubmitButton(!1),this.handleOnAttributeUpdate(e,F)}})))),U&&n.a.createElement(u.a.Item,{style:{marginTop:20}},k("variants",{initialValue:F&&F.data&&F.data.variants||r&&r.variants||[]})(n.a.createElement(ie,{isCustom:J,isCustomcat:$,isMerchize:Y,isPrintway:W,hasFulfillment:!!N,hasProduct:!!this.props.hasProduct,carriers:Q,suppliers:R,isEditProductBase:this.props.isEditProductBase,form:this.props.form,hasAdditionalShipping:null===r||void 0===r?void 0:r.hasAdditionalShipping,onChange:()=>{this.disableSubmitButton(!1)}}))),n.a.createElement(b.a,{title:n.a.createElement("span",{onClick:this.toggleOpen,style:{cursor:"pointer"}},n.a.createElement(d.a,{type:P?"caretDown":"caretRight"}),n.a.createElement("span",{style:{marginLeft:5}},"Design positions")),style:{marginTop:20,width:"100%"},hidden:!!z&&!this.props.form.getFieldValue("requiredDesign")},k("designPositions",{initialValue:r&&r.designPositions?r.designPositions:[ye.b]}
18456)(n.a.createElement(jt,{hasFulfillment:!J,disableSubmitButton:this.disableSubmitButton,variants:this.props.form.getFieldValue("variants"),isDreamship:H,isFFScalabelPress:le,scalablePressDT:ce,openDPCollapse:P,isEdit:this.props.isEditProductBase,onChange:()=>{this.disableSubmitButton(!1)}}))),n.a.createElement(u.a.Item,{style:{marginTop:20,textAlign:"right"}},n.a.createElement(v.a,{onClick:()=>{null===I||I?B.a.push("/admin/product-bases"):y.a.confirm({title:"Cancel all unsaved changes?",icon:n.a.createElement(m.a,null),content:"If Ok, you'll delete any edits you made.",onOk(){B.a.push("/admin/product-bases")},cancelText:"Continue"})}},"Cancel"),n.a.createElement(v.a,{ref:this.submitButtonRef,className:"ml-4",type:"primary",icon:n.a.createElement(d.a,{type:"save"}),loading:a,htmlType:"submit"},"Save"))),n.a.createElement(xe,{value:r})),n.a.createElement(st,{open:this.state.openVM,loading:this.state.loadingVM,error:this.state.tmpError,data:this.state.variantsMissing,onClose:()=>{this.setState({openVM:!1,tmpError:null})},handleVariantsMissing:this.handleVariantsMissing}))}}const AP=n.a.forwardRef((function(){return n.a.createElement(h.a,null,[{title:"Default",value:null},{title:"Supper Lightweight",value:"Supper Lightweight"},{title:"LightWeight",value:"LightWeight"},{title:"HeavyWeight",value:"HeavyWeight"},{title:"LightWeight DrinkWare",value:"LightWeight DrinkWare"},{title:"HeavyWeight DrinkWare",value:"HeavyWeight DrinkWare"}].map(e=>n.a.createElement(h.a.Option,{value:e.value,key:e.value},e.title)))}));function bP(e){if(!e||0===e.length)return[];const t=new Map,a=e.map((e,a)=>{const{id:l,options:n}=e||{};return{regularPrice:0,salePrice:0,sellerPrice:0,sorting:a,attributes:Object.entries(n||{}).reduce((e,a)=>{const[l,n]=a;if(t.has(l)){const e=t.get(l);t.set(l,e.add(n))}else t.set(l,new Set([n]));const r={name:Object(C.capitalize)(l),slug:l,option:n};return e.push(r),e},[]),fulfillmentProductId:l,disabledFPI:!0}}),l=Array.from(t.entries()).map(e=>{let[t,a]=e;return{name:Object(C.capitalize)(t),slug:t,options:Array.from(a.values())}}),n=(a||[]).reduce((e,t)=>(e[(t.attributes||[]).map(e=>e.option).join("__")]=t,e),{}),r=Object.values(n),i=[];for(let o=0;o<r.length;o++)i.push({...r[o],sorting:o});return{variants:i,attributes:l}}function hP(e,t){if(!e||0===e.length)return[];const a=e.reduce((e,t)=>{const{placeholders:a,id:l}=t||{};return Array.isArray(a)&&a.length>0&&e.push(...a.map(e=>({...e,id:l}))),e},[]),l=new Map;for(let n of a){const{height:e,position:t,width:a,id:r}=n||{},i=`${t}-${a}-${e}`;l.has(i)?l.set(i,[...l.get(i),r]):l.set(i,[r])}return Array.from(l.entries()).map(e=>{let[a,l]=e;const[n,r,i]=a.split(/\-/),o=`${r}x${i}px|PNG|300DPI`,s=((l||[]).map(e=>{const a=(t||[]).find(t=>{let{fulfillmentProductId:a}=t;return a===e});if(!a)return null;const{attributes:l}=a;return{attributes:l,id:void 0}}).filter(Boolean)||[]).reduce((e,t)=>(e[(t.attributes||[]).map(e=>e.option).join("__")]=t,e),{});return{name:n,image:null,description:o,productBaseVariants:Object.values(s)}})}function fP(e){return e&&0!==e.length?e.map(e=>{let{id:t}=e;return t}):[]}function vP(e,t){if(!e||0===e.length||!t||0===t.length)return[];const a=[],l={};for(let n of e)l[n.id]=n;for(let n of t)a.push(l[n]);return a}function EP(e){return e&&0!==e.length?e.map(e=>{let{name:t,url:a,thumbnailUrl:l,id:n}=e;return{thumbnailUrl:l,id:n,name:t,url:a}}):[]}function yP(e){if(!e||0===e.length)return e;let t=0;for(let a=0;a<e.length;a++)e[a].default&&(t=a);return t}u.a.create({name:"form"})(gP);let CP=!1;const kP={labelCol:{span:24},wrapperCol:{span:24}};let OP=oe.V;const jP=[];if(OP)for(let[Z0,X0]of Object.entries(OP))jP.push({key:Z0,value:X0});class wP extends n.a.Component{constructor(e){var t;super(e),t=this,this.submitButtonRef=n.a.createRef(),this.disableSubmitButton=e=>{e||(CP=!0),this.submitButtonRef.current.disabled=e},this.getProductIntoPrintify=async e=>{const{__apolloClient__:t}=window;if(e&&t){this.setState({loadingProductProviders:!0});try{var a;const{data:l}=await t.query({query:I.Z,variables:{productID:e}});if(0===(null===l||void 0===l||null===(a=l.getPrintifyProductPrintProviders)||void 0===a?void 0:a.length))return void i.a.error({message:"Product print providers counld'nt found."});const n=l.getPrintifyProductPrintProviders.map(e=>{let{id:t,title:a}=e;return{id:t,title:a}});this.setState({productProviders:n,productPrintID:e})}catch(l){i.a.error({message:null===l||void 0===l?void 0:l.toString()})}finally{this.setState({loadingProductProviders:!1})}}},this.getProductDetailPrintway=async e=>{try{const{isEditProductBase:t}=this.props,a=this.ref.current,l=await Object(ye.d)(e,t)||{},n=(null===l||void 0===l?void 0:l.name)||"",r=(null===l||void 0===l?void 0:l.description)||"",i=(null===l||void 0===l?void 0:l.variants)||[],o=(null===l||void 0===l?void 0:l.attributes)||[],s=(null===l||void 0===l?void 0:l.dataSku)||{},u=Object(ye.v)(s,i),d=a.getFieldValue("fulfillment");(null===d||void 0===d?void 0:d.data)&&(d.data.variants=i,d.data.attributes=o),a.setFieldsValue({variants:i,designPositions:u,attributes:o,fulfillment:d,title:n,slug:Object(c.Vb)(n),defaultContent:r}),this.setState({changedTime:Date.now()})}catch(t){i.a.error({message:null===t||void 0===t?void 0:t.toString()})}},this.matchProductGearment=async e=>{if(!e)return;const{productsGearment:t}=this.state,{title:a,description:l,attributes:n,variants:r}=await Object(ye.n)(e)||{};if((null===r||void 0===r?void 0:r.length)>0){const e=this.ref.current,t=e.getFieldValue("fulfillment");return(null===t||void 0===t?void 0:t.data)&&(t.data.variants=r,t.data.attributes=n),void e.setFieldsValue({variants:r,attributes:n,fulfillment:t,title:a,description:l,slug:Object(c.Vb)(a)})}if(t&&"object"===typeof t){const{title:a,variants:l,attributes:n}=t[e]||{},r=this.ref.current,i=r.getFieldValue("fulfillment");(null===i||void 0===i?void 0:i.data)&&(i.data.variants=l,i.data.attributes=n),r.setFieldsValue({variants:l,attributes:n,fulfillment:i,title:a,slug:Object(c.Vb)(a)})}},this.getProductInfoGearment=async()=>{try{this.setState({loadingFFProduct:!0});const e=await Object(ye.m)();this.setState({loadingFFProduct:!1,productsGearment:e})}catch(e){i.a.error({message:null===e||void 0===e?void 0:e.toString()})}},this.getProductInfoCustomcat=async(e,t)=>{try{this.setState({loadingFFProduct:!0});const a=this.ref.current,{title:l,description:n,attributes:r=[],variants:i=[],designPositions:o=[]}=await Object(ye.o)(e)||{},s=a.getFieldValue("fulfillment");(null===s||void 0===s?void 0:s.data)&&(s.data.variants=i,s.data.attributes=r),a.setFieldsValue({variants:i,designPositions:t&&t.length>0?t:o,attributes:r,fulfillment:s,title:l,slug:Object(c.Vb)(l),defaultContent:n}),this.setState({loadingFFProduct:!1})}catch(a){i.a.error({message:null===a||void 0===a?void 0:a.toString()})}},this.getProductInfoDreamship=async e=>{try{this.setState({loadingFFProduct:!0});const{title:t,description:a,attributes:l,variants:n,designPositions:r}=await Object(ye.f)(e),i=this.ref.current,o=i.getFieldValue("fulfillment");(null===o||void 0===o?void 0:o.data)&&(o.data.variants=n,o.data.attributes=l),i.setFieldsValue({variants:n,defaultContent:a,attributes:l,fulfillment:o,title:t,slug:Object(c.Vb)(t),designPositions:r}),this.setState({loadingFFProduct:!1})}catch(t){i.a.error("error",t.toString())}},this.getProductInfoMerchize=async(e,t)=>{try{this.setState({loadingFFProduct:!0});const a=await Object(ye.g)(e)||{}
18456,l=a.variants||[],n=a.attributes||[],{title:r,description:i}=a||{},o=this.ref.current,s=o.getFieldValue("fulfillment");(null===s||void 0===s?void 0:s.data)&&(s.data.variants=l,s.data.attributes=n);const u=Object(ye.C)(l,t);o.setFieldsValue({variants:u,defaultContent:i,attributes:n,fulfillment:s,title:r,slug:Object(c.Vb)(r)}),this.setState({loadingFFProduct:!1})}catch(a){i.a.error({message:null===a||void 0===a?void 0:a.toString()})}},this.getProductInfoTeezily=async e=>{try{this.setState({loadingFFProduct:!0});const{title:t,variants:a=[],attributes:l=[],designPositions:n=[]}=await Object(ye.i)(e),r=this.ref.current,i=r.getFieldValue("fulfillment");(null===i||void 0===i?void 0:i.data)&&(i.data.variants=a,i.data.attributes=l),r.setFieldsValue({title:t,slug:Object(c.Vb)(t),variants:a,attributes:l,fulfillment:i,designPositions:n})}catch(t){i.a.error({message:null===t||void 0===t?void 0:t.toString()})}finally{this.setState({loadingFFProduct:!1})}},this.handleChangeFulfillment=(e,t)=>{const{fulfillments:a}=this.props,l=ce()(e,"fulfillmentId"),n=Object(ye.c)(a,l),{isDreamship:r,isScalablepress:i}=n;let o=[ye.b];r?o=Object(ye.t)(e):i&&(o=Object(ye.u)(t));this.ref.current.setFieldsValue({designPositions:o})},this.getProductVariantsIntoPrintify=async(e,t)=>{const{__apolloClient__:a}=window,{productPrintID:l}=this.state;if(l&&e&&a)try{const{data:n}=await a.query({query:I.ab,variables:{productID:l,printProviderID:e+""}}),r=ce()(n,"getPrintifyProductPrintProviderVariants.variants",[]);if(0===r.length)return void i.a.error({message:"Product variants print providers counld'nt found."});const{variants:o,attributes:s}=BP(r),c=DP(r,o),u=this.ref.current,{getFieldValue:d,setFieldsValue:m}=u,p=d("fulfillment");(null===p||void 0===p?void 0:p.data)&&(p.data.variants=o,p.data.attributes=s),m({variants:o,designPositions:c,attributes:s,fulfillment:p});const{children:g}=t;this.setState({printifyPrintProviderName:null===g||void 0===g?void 0:g.trim()})}catch(n){i.a.error({message:null===n||void 0===n?void 0:n.toString()})}},this.fetchVariantsMissingForPrintify=async()=>{const{value:e}=this.props,t=this.ref.current,{printifyPrintProviderID:a,printifyBlueprintID:l}=e||{};try{const e=await Object(ye.l)(l,a),n=Object(ye.p)(e,t.getFieldValue("variants")),{variants:r}=BP(n);this.setState({variantsMissing:r,tmpVariants:n})}catch(n){i.a.error({message:Object(c.ib)(n.toString())})}},this.fetchVariantsMissingForDreamship=async()=>{const{value:e}=this.props,t=this.ref.current,a=ce()(e,"id",null);if(null!=a)try{const e=await Object(ye.k)(a),l=Object(ye.p)(e,t.getFieldValue("variants")),n=(l||[]).reduce((e,t)=>{const{attributes:a}=t,l=(a||[]).map(e=>{let{slug:t,option:a}=e;return`${t}_${a}`}).join("_");return e[l]=(e[l]||0)+1,e},{});if(Object.values(n).some(e=>e>1))return void this.setState({tmpError:"The current Dreamship product catalog differs from the current product base in terms of attributes."});const{variants:r}=Object(ye.s)(l);this.setState({variantsMissing:r,tmpVariants:l})}catch(l){}},this.fetchVariantsMissingForCustomcat=async()=>{const{value:e}=this.props,t=this.ref.current,a=ce()(e,"id",null);if(null!=a)try{const e=await Object(ye.j)(a),l=Object(ye.p)(e,t.getFieldValue("variants")),n=(l||[]).reduce((e,t)=>{const{attributes:a}=t,l=(a||[]).map(e=>{let{slug:t,option:a}=e;return`${t}_${a}`}).join("_");return e[l]=(e[l]||0)+1,e},{});if(Object.values(n).some(e=>e>1))return void this.setState({tmpError:"The current Customcat product catalog differs from the current product base in terms of attributes."});const{variants:r}=Object(ye.r)(l);this.setState({variantsMissing:r,tmpVariants:l})}catch(l){}},this.fetchVariantsMissingForMerchize=async()=>{const{merchizeSku:e,fulfillmentSkus:t}=this.state;if(e&&t)try{const a=this.ref.current,l=(await Object(ye.g)(e)||{}).variants||[],n=Object(ye.q)(l,a.getFieldValue("variants"),t);this.setState({variantsMissing:n,tmpVariants:n})}catch(a){}},this.fetchVariantsMissingForPrintway=async()=>{const e=this.ref.current,{originId:t}=this.state;if(!t)return;const a=await Object(ye.d)(t)||{};if(!a||Object(c.c)(a.variants))return;let l=Object(ye.p)(a.variants.map(e=>({...e,id:e.fulfillmentProductId})),e.getFieldValue("variants"),!1);l=l.map(e=>{let{id:t,...a}=e;return a}),this.setState({variantsMissing:l,tmpVariants:l,printwayDataSku:null===a||void 0===a?void 0:a.dataSku})},this.fetchVariantsMissing=async()=>{const{isPrintify:e,isDreamship:t,isCustomcat:a,isMerchize:l,isPrintway:n}=this.state;this.setState({loadingVM:!0,openVM:!0}),e?await this.fetchVariantsMissingForPrintify():t?await this.fetchVariantsMissingForDreamship():a?await this.fetchVariantsMissingForCustomcat():l?await this.fetchVariantsMissingForMerchize():n&&await this.fetchVariantsMissingForPrintway(),this.setState({loadingVM:!1})},this.handleVariantsMissingForPrintify=e=>{var t;const a=this.ref.current;if(!e||0===e.lengh)return{};const{variants:l,attributes:n}
18456=BP(e),r=DP(e,l),i=a.getFieldsValue(["variants","designPositions","attributes","fulfillment"]),o=Object(ye.H)(i.attributes,n),s=Object(ye.I)(i.designPositions,r),c=[...i.variants,...l];return(null===(t=i.fulfillment)||void 0===t?void 0:t.data)&&(i.fulfillment.data.variants=c,i.fulfillment.data.attributes=o),{variants:c,designPositions:s,attributes:o,fulfillment:i.fulfillment}},this.handleVariantsMissingForDreamship=e=>{var t;if(!e||0===e.length)return{};const{isDreamship:a,isCustomcat:l}=this.state;let n=[],r=[];a?({variants:n,attributes:r}=Object(ye.s)(e)):l&&({variants:n,attributes:r}=Object(ye.r)(e));const i=this.ref.current.getFieldsValue(["variants","attributes","fulfillment"]),o=[...i.variants,...n],s=Object(ye.H)(i.attributes,r);return(null===(t=i.fulfillment)||void 0===t?void 0:t.data)&&(i.fulfillment.data.variants=o,i.fulfillment.data.attributes=s),{variants:o,attributes:s,fulfillment:i.fulfillment}},this.handleVariantsMissingForMerchize=e=>{var t;if(!e||0===e.length)return{};let a=Object(ye.w)(e);const l=this.ref.current.getFieldsValue(["variants","attributes","fulfillment"]),n=[...l.variants,...e],r=Object(ye.H)(l.attributes,a);return(null===(t=l.fulfillment)||void 0===t?void 0:t.data)&&(l.fulfillment.data.variants=n,l.fulfillment.data.attributes=r),{variants:n,attributes:r,fulfillment:l.fulfillment}},this.handleVariantsMissingForPrintway=e=>{var t;if(!e||0===e.length)return{};const a=this.ref.current.getFieldsValue(["variants","attributes","fulfillment"]);let l=Object(ye.w)(e);const n=[...a.variants,...e],r=Object(ye.H)(a.attributes,l);return(null===(t=a.fulfillment)||void 0===t?void 0:t.data)&&(a.fulfillment.data.variants=n,a.fulfillment.data.attributes=r),{variants:n,attributes:r,fulfillment:a.fulfillment}},this.handleVariantsMissing=e=>{const{tmpVariants:t}=this.state;if(!e||0===e.length||!t||0===t.length)return;this.disableSubmitButton(!1),this.setState({tmpError:null});const{isPrintify:a,isDreamship:l,isCustomcat:n,isMerchize:r,isPrintway:i}=this.state,o=this.ref.current,s=e.map(e=>{let{fulfillmentProductId:t}=e;return t}),c=t.filter(e=>{let{id:t,fulfillmentProductId:a}=e,l=t;return(r||i)&&(l=a),s.includes(l)});let u={};a?u=this.handleVariantsMissingForPrintify(c):l||n?u=this.handleVariantsMissingForDreamship(c):r?u=this.handleVariantsMissingForMerchize(c):i&&(u=this.handleVariantsMissingForPrintway(c)),o.setFieldsValue(u)},this.titleTypingRef=n.a.createRef(null),this.onChange=e=>{const t=this.ref.current;"title"in e&&(this.titleTypingRef.current&&clearTimeout(this.titleTypingRef.current),this.titleTypingRef.current=setTimeout(()=>{t.setFieldValue("slug",Object(c.Vb)(e.title))},500)),this.disableSubmitButton(!1);const a=["hasVariant","fulfillment","variants","carriers","suppliers","shippingRate","isSingleShipment"];for(let l of a)l in e&&this.setState({changedTime:Date.now()})},this.handelFinish=function(e){var a,l,n,r;const{variants:o}=e;if((o||[]).some(e=>{let{regularPrice:t}=e;return null==t||t<1}))return void i.a.error({message:"You must enter regular price!"});const{isCustomcat:s,isDreamship:c,isGearment:u,isScalablepress:d,isPrintify:m,isTeezily:p,isCustom:g}=t.state,A=s||u;if([s,c,u,d,m,p].some(Boolean)){if((o||[]).some(e=>{let{fulfillmentProductId:t}=e;return null==t||""==t}))return void i.a.error({message:"You must enter fulfillment product id!"})}if(e.fulfillment&&e.fulfillment.__typename&&delete e.fulfillment.__typename,e.fulfillment&&void 0!==e.fulfillment.data&&delete e.fulfillment.data,null!=(null===(a=e)||void 0===a?void 0:a.fulfillment)){let t={};if(Object.keys(e.fulfillment).length>0){const{fulfillmentId:a,productId:l,presetId:n,printer:r,madeInLocation:i}=e.fulfillment;t={fulfillmentId:a,productId:l,presetId:n,printer:r,madeInLocation:i}}else t=null;e.fulfillment=t}e.attributes&&(e.attributes=e.attributes.map(e=>(delete e.__typename,e))),e.variants&&(e.variants=e.variants.map(e=>(delete e.__typename,delete e.sorting,e.attributes=e.attributes.map(e=>(delete e.__typename,e)),e)));let{scalablePressType:b,scalableOriginID:h}=t.state,f={},v=!0;const{isScalablepress:E}=t.state;E&&(e.scalablePressType=b,e.scalableOriginID=h),e.designPositions&&e.designPositions.length&&(e.designPositions=e.designPositions.map((t,a)=>{delete t.imageUrl,t.artworkGuidelines=t.artworkGuidelines&&t.artworkGuidelines.map(e=>{let{fileId:t,description:a}=e;if(t)return{fileId:t,description:a}}
18456).filter(Boolean),t.productBaseVariants=t.productBaseVariants&&t.productBaseVariants.map(e=>(delete e.__typename,e.attributes&&e.attributes.map(e=>(delete e.__typename,e)),e));let{width:l,height:n,horizontal:r,top:i,bottom:o,...s}=t;return t=s,["dtg","poster"].includes(e.scalablePressDesignType)&&(l||n||(f[a]={...f[a],dimensions:"For design position, width or height is required."})),["dtg"].includes(e.scalablePressDesignType)&&(i||o||(f[a]={...f[a],position:"For design position, top or bottom is required."})),E&&["dtg","poster"].includes(e.scalablePressDesignType)&&(t.scalablePressCustomize={dimensions:{...l?{width:l}:{},...n?{height:n}:{}},position:{horizontal:r||"",offset:{...i?{top:i}:{},...o?{bottom:o}:{}}}}),t})),E&&(f&&Object.keys(f).length?(Object.keys(f).forEach((e,t)=>{if(0===t){let t=f[e];for(let[,e]of Object.entries(t))i.a.error({message:e})}}),v=!1):v=!0),e.images&&e.images.length&&(e.images=e.images.map(e=>e.id));let{isSingleShipment:y,usFirstFee:C,usAdditionalFee:k,canadaFirstFee:O,canadaAdditionalFee:j,internationalFirstFee:w,internationalAdditionalFee:S,shippingRate:I,...B}=e;e=B,A&&(e.customcatShipping={isSingleShipment:y,usFirstFee:C,usAdditionalFee:k,canadaFirstFee:O,canadaAdditionalFee:j,internationalFirstFee:w,internationalAdditionalFee:S,shippingRate:I});const{printifyPrintProviderName:D,printifyBlueprintID:P}=t.state,{value:x}=t.props;m&&!x&&(e.printifyPrintProviderName=D,e.printifyBlueprintID=P),x&&delete e.printifyPrintProviderID,(null===(l=e.fulfillment)||void 0===l?void 0:l.fulfillmentInfo)&&delete e.fulfillment.fulfillmentInfo;let M=!1;if((null===(n=e.variants)||void 0===n?void 0:n.length)>0&&(e.variants=e.variants.map(e=>{const{fulfillmentProductId:t,attributes:a}=e||{};return e.disabledFPI=void 0,M||(M=a.some(e=>{let{name:t,slug:a}=e;const l=/^type$/i;return l.test(t)||l.test(a)})),"number"===typeof t?{...e,fulfillmentProductId:t+""}:e})),(null===(r=e.categories)||void 0===r?void 0:r.length)>0&&(e.categories=(PP(e.categories)||[])[0]),e.suppliers&&!Array.isArray(e.suppliers)&&(e.suppliers=[e.suppliers]),null==e.requiredDesign&&(e.requiredDesign=!1),g&&(!e.suppliers||0===e.suppliers.length))return void i.a.error({message:"You must enter suppliers."});const{isDigitalProduct:T,requiredDesign:Q}=t.state;if(e.isDigitalProduct=T,e.requiredDesign=Q,v&&!M){const{onSubmit:a}=t.props;a&&(a(e),CP=!1)}},this.getProductInfoBurgerPrints=async e=>{try{this.setState({loadingFFProduct:!0});const t=await Object(ye.e)(e);let{title:a,description:l,variants:n=[],attributes:r=[],designPositions:i=[]}=t;const o=this.ref.current,s=o.getFieldValue("fulfillment");(null===s||void 0===s?void 0:s.data)&&(s.data.variants=n,s.data.attributes=r),Object(c.c)(i)&&(i=[ye.b]),o.setFieldsValue({title:a,variants:n,attributes:r,fulfillment:s,designPositions:i,defaultContent:l})}catch(t){i.a.error({message:null===t||void 0===t?void 0:t.toString()})}finally{this.setState({loadingFFProduct:!1})}},this.getProductInfoPrintBelle=async e=>{try{this.setState({loadingFFProduct:!0});const t=await Object(ye.h)(e);let{title:a,description:l,variants:n=[],attributes:r=[],designPositions:i=[]}=t||{};const o=this.ref.current,s=o.getFieldValue("fulfillment");(null===s||void 0===s?void 0:s.data)&&(s.data.variants=n,s.data.attributes=r),Object(c.c)(i)&&(i=[ye.b]),o.setFieldsValue({title:a,variants:n,attributes:r,fulfillment:s,designPositions:i,defaultContent:l})}catch(t){i.a.error({message:null===t||void 0===t?void 0:t.toString()})}finally{this.setState({loadingFFProduct:!1})}},this.getProductInfoCommon=async e=>{const t=e||{};let{title:a,description:l,variants:n=[],attributes:r=[],designPositions:i=[]}=t;const o=this.ref.current,s=o.getFieldValue("fulfillment");(null===s||void 0===s?void 0:s.data)&&(s.data.variants=n,s.data.attributes=r),Object(c.c)(i)&&(i=[ye.b]),o.setFieldsValue({title:a,variants:n,attributes:r,fulfillment:s,designPositions:i,defaultContent:l})},this.handleUpdateWarehouse=e=>{const t=this.ref.current,a=t.getFieldValue("variants"),l=Object(ye.E)(e,a),n=t.getFieldValue("fulfillment");(null===n||void 0===n?void 0:n.data)&&(n.data.variants=l),t.setFieldsValue({variants:l,fulfillment:n}),this.disableSubmitButton(!1)},this.getProductInfoMangoTeePrints=async e=>{await this.getProductInfoCommon(e)},this.getProductInfoFivetify=async e=>{await this.getProductInfoCommon(e)},this.getProductInfoPrintik=async e=>{await this.getProductInfoCommon(e)},this.ref=n.a.createRef(),this.state={handleBtnSave:null,showBtnSave:null,productPrintID:null,productProviders:[],isPrintify:!1,loadingProductProviders:!1,teamMembers:[],loadingFFProduct:!1,productsGearment:[],openVM:!1,loadingVM:!1,variantsMissing:[],hasVariant:!1,changedTime:null,isDigitalProduct:!1,requiredDesign:!1}}componentDidMount(){var e;const{fulfillments:t,value:a}=this.props,l=this.ref.current;if(this.submitButtonRef&&(this.submitButtonRef.current.disabled=!0),!l)return;if(CP=!1,a){const e=[];a.printifyPrintProviderName&&a.printifyPrintProviderID&&e.push({id:a.printifyPrintProviderID,title:a.printifyPrintProviderName});const n=ce()(a,"fulfillment.fulfillmentId"),r=Object(ye.c)(t,n);this.setState({scalablePressDesignType:a.scalablePressDesignType,scalableOriginID:a.scalableOriginID,scalablePressType:a.scalablePressType,productProviders:e,changedTime:Date.now(),...r});const{isCustomcat:i,isDreamship:o}=r,s=IP(a,i,o);l.setFieldsValue({...s});const c=(ce()(a,"shippingOptions")||[]).map(e=>e.id?{value:e.id,children:e.name}
18456:null).filter(Boolean);return void this.setState(e=>{var t,l;return{...e,changedTime:Date.now(),isDigitalProduct:null!==(t=a.isDigitalProduct)&&void 0!==t?t:e.isDigitalProduct,requiredDesign:null!==(l=a.requiredDesign)&&void 0!==l?l:e.requiredDesign,shippingOptions:c}})}let n=null;(null===t||void 0===t?void 0:t.length)>0&&(n=t.find(e=>{let{slug:t}=e;return t===w.f}),n&&(n.fulfillmentId=n.id)),l.setFieldsValue({hasVariant:!0,fulfillment:n});const r=Object(ye.c)(t,null===(e=n)||void 0===e?void 0:e.fulfillmentId);this.setState({...r,changedTime:Date.now()})}componentDidUpdate(e){const{value:t,fulfillments:a}=this.props;if(!md()(t,e.value)){const e=this.ref.current,l=[];t.printifyPrintProviderName&&t.printifyPrintProviderID&&l.push({id:t.printifyPrintProviderID,title:t.printifyPrintProviderName});const n=ce()(t,"fulfillment.fulfillmentId"),r=Object(ye.c)(a,n),i=(ce()(t,"shippingOptions")||[]).map(e=>e.id?{value:e.id,children:e.name}:null).filter(Boolean);this.setState({scalablePressDesignType:t.scalablePressDesignType,scalableOriginID:t.scalableOriginID,scalablePressType:t.scalablePressType,productProviders:l,shippingOptions:i,...r});const{isCustomcat:o,isDreamship:s}=r,c=IP(t,o,s);e.setFieldsValue({...c}),this.setState(e=>{var a,l;return{...e,changedTime:Date.now(),isDigitalProduct:null!==(a=t.isDigitalProduct)&&void 0!==a?a:e.isDigitalProduct,requiredDesign:null!==(l=t.requiredDesign)&&void 0!==l?l:e.requiredDesign}})}}handleUpdateVariantCarrierPricing(e,t){const a=this.ref.current.getFieldValue("hasAdditionalShipping");return t=t.map(t=>{if(e&&0===e.length)t.carrierPricing=[];else{t.carrierPricing||(t.carrierPricing=[]),t.carrierPricing=t.carrierPricing.filter(t=>e.includes(t.carrierId));for(let l=0;l<(e&&e.length||0);l++)if(!t.carrierPricing.find(t=>t.carrierId===e[l])){const n={carrierId:e[l],price:null,default:!1};a&&(n.usingAdditionalPrice=!0,n.additionalPriceType="SameItem",n.additionalPrice=null),t.carrierPricing.push(n)}}return t})}handleChangeDesignPosition(e){const t=this.ref.current,a=t.getFieldValue("designPositions");if(!e||0===e.length||!a||0===a.length)return;const l=a.map(t=>{const{productBaseVariants:a}=t||{},l=(a||[]).filter(t=>{const{attributes:a}=t||{};let l=[];for(let r=0;r<a.length;r++){var n;const{slug:t,option:i}=a[r],o=(e||[]).find(e=>e.slug===t);(null===o||void 0===o||null===(n=o.options)||void 0===n?void 0:n.length)>0&&(l[r]=o.options.includes(i))}return l.every(Boolean)});return{...t,productBaseVariants:l}});t.setFieldsValue({designPositions:l})}handleOnAttributeUpdate(e,t){const a=this.ref.current,l=a.getFieldValue("variants");let n=[];for(let o=0;o<e.length;o++){const t=e[o];t.name&&t.slug&&t.options.length&&n.push(t)}let r=function(e,t){if(!e.length)return[];let a=[];const l=e.length;let n=[];for(let i=0;i<l;i++)n[i]=0;for(;;){let t=[],r=[];for(let a=0;a<l;a++){const l=e[a].options[n[a]];t.push(l),r.push({name:e[a].name,slug:e[a].slug,option:l})}a.push({__slug:t.join("-"),attributes:r,regularPrice:null,salePrice:null,sellerPrice:null,fulfillmentProductId:null});let i=l-1;for(;i>=0&&n[i]+1>=e[i].options.length;)i--;if(i<0)break;n[i]++;for(let e=i+1;e<l;e++)n[e]=0}let r={};t||(t=[]);for(let i=0;i<t.length;i++){const e=t[i];if(e.__slug)r[e.__slug]=e;else{let t=[];for(let l=0;l<e.attributes.length;l++){const a=e.attributes[l];t.push(a.option)}const a=t.join("-");r[a]=e}}for(let i=0;i<a.length;i++){const e=a[i],t=r[e.__slug];t&&(a[i]={...t,attributes:e.attributes}),"undefined"!==typeof a[i].__slug&&delete a[i].__slug}return a}(n,l);const{isCustom:i}=this.state;if(!t||i){const e=a.getFieldValue("suppliers");r=xP(e?[e]:[],r),r=this.handleUpdateVariantCarrierPricing(a.getFieldValue("carriers"),r)}this.handleChangeDesignPosition(e),a.setFieldsValue({variants:r})}handleUpdateOnSupplierChange(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];const t=this.ref.current;let a=t.getFieldValue("supplierPricing"),l=t.getFieldValue("variants");a&&0!==e.length||(a=[]),a=a.filter(t=>e.includes(t.userId));for(let n=0;n<e.length;n++){const t=Array.isArray(e[n])?e[n][0]:e[n];a.find(e=>e.userId===t)||a.push({userId:t,price:null})}l&&l.length&&(l=xP(e,l)),t.setFieldsValue({supplierPricing:a,variants:l})}handleUpdateOnCarrierChange(e){const t=this.ref.current,{getFieldValue:a,setFieldsValue:l}=t;let n=a("carrierPricing"),r=a("variants");const i=a("hasAdditionalShipping");n&&0!==e.length||(n=[]),n&&n.length&&(n=n.filter(t=>e.includes(t.carrierId)));for(let s=0;s<(e&&e.length);s++)if(!n.find(t=>t.carrierId===e[s])){const t={carrierId:e[s],price:null,default:!1};i&&(t.usingAdditionalPrice=!0,t.additionalPriceType="SameItem",t.additionalPrice=null),n.push(t)}r&&r.length&&(r=this.handleUpdateVariantCarrierPricing(e,r));let o=0;for(let s=0;s<n.length;s++)n[s].default&&(o=s);n.length&&(n[o].default=!0),l({carrierPricing:n,variants:r})}render(){var e,t,a;const{categories:l,value:r,fulfillments:i,hasProduct:o,carriers:s,suppliers:u,isEditProductBase:d,teamMembers:C,loading:k}=this.props,{isPrintify:j,loadingFFProduct:I,isDreamship:D,isCustomcat:P,isGearment:M,isScalablepress:T,isCustom:Q,isMerchize:R,isPrintway:F,scalablePressDesignType:N,loadingProductProviders:U,productProviders:L,showBtnSave:z,openVM:q,loadingVM:H,tmpError:$,variantsMissing:_,isBurgerPrints:G,isMangoTeePrints:K,isSnapEcom:J}=this.state,Y=P||M,W=this.ref.current,{getFieldValue:Z=(()=>{})}=W||{},X=Z("hasVariant"),ee=Z("fulfillment"),te=Z("variants"),ae=Z("carriers"),le=Z("suppliers"),ne=Z("shippingRate"),re=this.state.isDigitalProduct,se=(null===ee||void 0===ee?void 0:ee.slug)===w.f,ue=(null===ee||void 0===ee||null===(e=ee.data)||void 0===e||e.attributes,null===ee||void 0===ee||null===(t=ee.data)||void 0===t||t.variants,null===r||void 0===r||r.attributes,null===r||void 0===r||r.varaints,r&&r.customcatShiping);let de=[];de=ue&&ue.shippingRate?oe.o.filter(e=>e.value!==ue.shippingRate):oe.o;let me=null;P&&(me=de.find(e=>e.value===ne));let ge=null;ge=de.map(e=>e.value).includes(ne)?me&&me.shippingCost:ue,D&&!ue&&(ge=oe.y.shippingCost);let be=T,he=N;const ve=function(e){return!(!e||"object"!==typeof e)&&Object.keys(e).length>0}(ee),Ee=MP(s,ae),Ce=MP(u,le?Array.isArray(le)?le:[le]:[]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(O.a,{when:CP,message:"You have unsaved changes, are you sure you want to leave?"}),n.a.createElement(TP,null,n.a.createElement(x.a,Object.assign({},kP,{ref:this.ref,onValuesChange:this.onChange,onFinish:this.handelFinish,initialValues:{...IP(null,P,D)}}),n.a.createElement(g.a,{gutter:16},n.a.createElement(A.a,{span:16},n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{name:"title",label:"Title",rules:[{required:!0,message:"Title is required"}]},n.a.createElement(p.a,{placeholder:"Product base title"})),n.a.createElement(x.a.Item,{name:"niceName",label:"Nice Name",rules:[{required:!0,message:"Product base ice name is required"}]},n.a.createElement(p.a,{placeholder:"Nice name"})),n.a.createElement(x.a.Item,{name:"slug",label:"Slug",rules:[{required:!0,message:"Slug is required"}]},n.a.createElement(p.a,{placeholder:"Product base slug"})),n.a.createElement(x.a.Item,{name:"baseCostDescription",label:"Base cost description"},n.a.createElement(p.a,{placeholder:"You cost $29 - $40"})),n.a.createElement(x.a.Item,{name:"defaultContent",label:"Default content"},n.a.createElement(Kt.a,null)),n.a.createElement(x.a.Item,{label:"Categories",name:"categories",rules:[{required:!0,message:"Category is required"}]},n.a.createElement(pe,{data:l||[],placeholder:"Categories",multiple:!1,quickAdd:!0})))),n.a.createElement(A.a,{span:8},n.a.createElement(b.a,null,n.a.createElement(x.a.Item,{label:"Image",name:"images"},n.a.createElement(Ae.a,{accept:"image/*",listType:"picture",multiple:!0}))),n.a.createElement(b.a,{title:"Fulfillment",style:{marginTop:20}},n.a.createElement(g.a,null,n.a.createElement(A.a,{span:24},n.a.createElement(Dt,{isBurgerPrints:G,isMangoTeePrints:K,isGearment:M,isPrintway:F,isSnapEcom:J},n.a.createElement(x.a.Item,{name:"fulfillment"},n.a.createElement(Ht,{fulfillments:i,isPrintify:j&&!!r,loadingFFProduct:I,isEdit:d,getOriginId:(e,t)=>{const a=ce()(e,"fulfillmentSkus");this.setState({fulfillmentSkus:a,merchizeSku:t,originId:t})},onChange:async e=>{var t;const a=ce()(e,"fulfillmentId"),l=Object(ye.c)(i,a);if(this.setState({productProviders:[],isPrintify:!1,tmpError:null,tmpVariants:[],...l}),X&&e&&e.data){if(e.data.isChange){const t=ce()(e,"data.originId",null);if(l.isPrintify)return this.setState({isPrintify:!0,printifyBlueprintID:Number.parseInt(t)}),void await this.getProductIntoPrintify(t);if(l.isPrintway)return void await this.getProductDetailPrintway(t);if(l.isCustomcat){const{printAreas:a}=e.data||{};return void await this.getProductInfoCustomcat(t,a)}if(l.isGearment)return void this.matchProductGearment(t);if(l.isDreamship)return void this.getProductInfoDreamship(t);if(l.isMerchize){const a=ce()(e,"data.fulfillmentSkus"),l=ce()(e,"data.variants");if(!l||0==l.length)return void this.getProductInfoMerchize(t,a)}if(l.isTeezily)return void this.getProductInfoTeezily(t);if(l.isBurgerPrints)return void this.getProductInfoBurgerPrints(t);if(l.isMangoTeePrints)return void this.getProductInfoMangoTeePrints(e.data);if(l.isFivetify)return void this.getProductInfoFivetify(e.data);if(l.isPrintik)return void this.getProductInfoPrintik(e.data);if(l.isPrintBelle)return void this.getProductInfoPrintBelle(t);const a=this.props.isEditProductBase;let r=function(e,t){return e&&0!==e.length?e.map(e=>{const{regularPrice:a,sellerPrice:l}=e;if(e.disabledFPI=!0,t||0!==a||0===l)return e;const n=Number.parseFloat(Object(c.a)(l/.35,2));return{...e,regularPrice:n}}):[]}(e.data.variants,a);var n;if(l.isPGPrints||l.isMerchize||l.isLenful||l.isSnapEcom||l.isBondre)return l.isMerchize&&(null===e||void 0===e||null===(n=e.data)||void 0===n?void 0:n.fulfillmentSkus)&&(r=Object(ye.C)(r,e.data.fulfillmentSkus)),void W.setFieldsValue({fulfillment:e,attributes:e.data.attributes,variants:r,title:e.data.title,defaultContent:e.data.description,designPositions:e.data.printAreas||[ye.b]});W.setFieldsValue({attributes:e.data.attributes}),W.setFieldsValue({variants:r});let i=e.data.type;const o=Object(ye.x)(i);W.setFieldsValue({scalablePressDesignType:o}),this.setState({scalablePressType:e.data.type,scalableOriginID:e.data.originId,scalablePressDesignType:o},()=>{this.handleChangeFulfillment(e,o)})}}else X&&l.isGearment&&0===(null===(t=this.state.productsGearment)||void 0===t?void 0:t.length)?await this.getProductInfoGearment():W.setFieldsValue({variants:[],attributes:[],fulfillment:e,defaultContent:"",designPositions:[ye.b]}
18456)}}))),n.a.createElement(x.a.Item,{name:"suppliers",label:"Suppliers",hidden:!Q,rules:[{message:"Supplier is required",required:Q}]},n.a.createElement(h.a,{filterOption:(e,t)=>t.children.toLowerCase().indexOf(e.toLowerCase())>=0,onChange:e=>{this.handleUpdateOnSupplierChange(e?[e]:[])},showSearch:!0},(Q?C:u).map((e,t)=>n.a.createElement(h.a.Option,{value:e.id,key:t},`${e.firstName} ${e.lastName}`)))),n.a.createElement(x.a.Item,{label:"Design type",hidden:!be,name:"scalablePressDesignType",rules:[{message:"Design type is required.",required:be}]},n.a.createElement(h.a,{onChange:e=>{this.setState({scalablePressDesignType:e})}},jP.map((e,t)=>n.a.createElement(h.a.Option,{value:e.key,key:t},e.value)))),n.a.createElement(x.a.Item,{rules:[{message:"Product Print Provider is required",required:j}],name:"printifyPrintProviderID",label:"Product Print Providers",hidden:!j},U?n.a.createElement(f.a,null):n.a.createElement(h.a,{onChange:this.getProductVariantsIntoPrintify,disabled:!!r,showSearch:!0,filterOption:(e,t)=>{const a=(ce()(t,"data.title")||"").toLowerCase();return new RegExp(e,"i").test(a)}},L.map(e=>n.a.createElement(h.a.Option,{value:e.id,key:"print-provider-"+e.id,data:e},e.title)))),n.a.createElement(x.a.Item,{hidden:!(d&&(j||D||P||R||F))},n.a.createElement(v.a,{children:"Fetch variants missing",onClick:this.fetchVariantsMissing}))),X||ee&&(!ee||ee.fulfillmentId)?null:n.a.createElement(A.a,{span:24},Ce.length>0&&n.a.createElement(b.a,{style:{marginTop:20},title:"Suppliers pricing"},n.a.createElement(x.a.Item,{name:"supplierPricing"},n.a.createElement(_t,{suppliers:Ce})))),R&&n.a.createElement(Gt,{onChange:this.handleUpdateWarehouse}))),n.a.createElement(b.a,{title:"Carriers",style:{marginTop:20},hidden:!Q},n.a.createElement(g.a,null,n.a.createElement(A.a,{span:24},n.a.createElement(x.a.Item,{name:"carriers"},n.a.createElement(h.a,{filterOption:(e,t)=>t.children.toLowerCase().indexOf(e.toLowerCase())>=0,onChange:e=>{this.handleUpdateOnCarrierChange(e),this.disableSubmitButton(!1)},mode:"multiple"},s.map((e,t)=>n.a.createElement(h.a.Option,{value:e.id,key:t},e.name))))),n.a.createElement(A.a,{span:24},n.a.createElement(b.a,{title:"Carrier pricing",style:{marginTop:20},hidden:X||0===Ee.length},n.a.createElement(x.a.Item,{name:"carrierPricing"},n.a.createElement(fe,{carriers:Ee})))))),Q?n.a.createElement(b.a,{title:"Shipping Option",style:{marginTop:20},hidden:!Q},n.a.createElement(g.a,null,n.a.createElement(A.a,{span:24},n.a.createElement(x.a.Item,{name:"shippingOptionIds"},n.a.createElement(Xt,{onChange:(e,t)=>
18456{this.disableSubmitButton(!1),W.setFieldsValue({shippingOptionIds:e}),this.setState({shippingOptions:t})}}))),n.a.createElement(A.a,{span:24},(null===(a=this.state.shippingOptions)||void 0===a?void 0:a.length)>0&&n.a.createElement(b.a,{title:"Default Shipping Option",style:{marginTop:20}},n.a.createElement(x.a.Item,{name:"defaultShippingOptionId"},n.a.createElement(h.a,{filterOption:(e,t)=>t.children.toLowerCase().indexOf(e.toLowerCase())>=0,onChange:e=>{this.disableSubmitButton(!1)}},this.state.shippingOptions.map(e=>n.a.createElement(h.a.Option,{value:e.value,key:"shipping-option-"+e.value},e.children)))))))):null,n.a.createElement(b.a,{title:"Design Task Default KPI",style:{marginTop:20}},n.a.createElement(g.a,null,n.a.createElement(A.a,{span:24},n.a.createElement(x.a.Item,{name:"kpi"},n.a.createElement(h.a,{filterOption:(e,t)=>{var a;return!e.match(/[a-zA-Z]/gi)&&(e=e.replace(/[\.\,]/,()=>"\\."),!!(null===t||void 0===t||null===(a=t.children)||void 0===a?void 0:a.toString().match(new RegExp(e,"gi"))))},showSearch:!0},n.a.createElement(h.a.Option,{value:null,key:"default-kpi"},"Select Default KPI"),S.d.map((e,t)=>n.a.createElement(h.a.Option,{value:e,key:t},e))))))),n.a.createElement(b.a,{style:{marginTop:"20px"},bodyStyle:{padding:"10px 24px"},hidden:!se},n.a.createElement(x.a.Item,null,n.a.createElement(E.a,{checked:this.state.isDigitalProduct,onChange:e=>this.setState({isDigitalProduct:e.target.checked})},"Is digital products? (Often used to map with Etsy's digital products)")),re?n.a.createElement(x.a.Item,null,n.a.createElement(E.a,{checked:this.state.requiredDesign,children:"Using design task Workflow(digital product base also creates design task like normal product base)",onChange:e=>{this.disableSubmitButton(!1),this.setState({requiredDesign:e.target.checked})}})):null),Y&&n.a.createElement(uP,{form:W,isCustomcat:P,showShipping:Y}),n.a.createElement(b.a,{hidden:X,title:"Pricing",style:{marginTop:20}},n.a.createElement("div",null,n.a.createElement(x.a.Item,{label:"Regular Price",name:"regularPrice",rules:[{required:!X,message:"Regular price is required"}]},n.a.createElement(V,null)),n.a.createElement(x.a.Item,{label:"Sale Price",name:"salePrice"},n.a.createElement(V,null)),n.a.createElement(x.a.Item,{label:"Seller Price",name:"sellerPrice"},n.a.createElement(V,null)))))),n.a.createElement(b.a,{title:n.a.createElement("div",null,n.a.createElement("h3",null,"Variants"),n.a.createElement("p",{className:"sub-card-title"},n.a.createElement("span",null," ","This product base has multiple options, like different sizes or colors"))),style:{marginTop:20,width:"100%"}},n.a.createElement("div",null,n.a.createElement("h3",null,"OPTIONS"),n.a.createElement(x.a.Item,{name:"attributes"},n.a.createElement(dt,{disableSubmitButton:this.disableSubmitButton,hasProduct:!!o,onChange:e=>{this.disableSubmitButton(!1),this.handleOnAttributeUpdate(e,ee)}})))),n.a.createElement(x.a.Item,{style:{marginTop:20},name:"variants",hidden:!X},n.a.createElement(ie,{isCustom:Q,isCustomcat:P,isMerchize:R,isPrintway:F,hasFulfillment:!!ve,hasProduct:!!o,carriers:Ee,suppliers:Ce,isEditProductBase:d,form:W,hasAdditionalShipping:null===r||void 0===r?void 0:r.hasAdditionalShipping,isNewForm:!0})),n.a.createElement(SP,null,e=>n.a.createElement(x.a.Item,{name:"designPositions"},n.a.createElement(jt,{hasFulfillment:!Q,disableSubmitButton:this.disableSubmitButton,variants:te,isDreamship:D,isFFScalabelPress:be,scalablePressDT:he,openDPCollapse:e,isEdit:d}))),n.a.createElement(x.a.Item,{style:{marginTop:20,textAlign:"right"}},n.a.createElement("div",null,n.a.createElement(v.a,{onClick:()=>{null===z||z?B.a.push("/admin/product-bases"):y.a.confirm({title:"Cancel all unsaved changes?",icon:n.a.createElement(m.a,null),content:"If Ok, you'll delete any edits you made.",onOk(){B.a.push("/admin/product-bases")},cancelText:"Continue"})}},"Cancel"),n.a.createElement(v.a,{ref:this.submitButtonRef,className:"ml-4",type:"primary",icon:n.a.createElement(RS.a,null),loading:k,htmlType:"submit"},"Save")))),n.a.createElement(xe,{value:r})),n.a.createElement(st,{open:q,loading:H,error:$,data:_,onClose:()=>{this.setState({openVM:!1,tmpError:null})},handleVariantsMissing:this.handleVariantsMissing}))}}const SP=e=>{let{children:t}=e;const[a,l]=n.a.useState(!0),r=n.a.useCallback(()=>
18456{l(e=>!e)},[]);return n.a.createElement(b.a,{title:n.a.createElement("span",{onClick:r,style:{cursor:"pointer"}},a?n.a.createElement(nP.a,null):n.a.createElement(rP.a,null),n.a.createElement("span",{style:{marginLeft:5}},"Design positions")),style:{marginTop:20,width:"100%"}},t(a))};function IP(e,t,a){if(!e||"object"!==typeof e)return{title:"",niceName:"",slug:"",baseCostDescription:"",defaultContent:"",attributes:[],variants:[],hasVariant:!0,categories:[],suppliers:[],supplierPricing:[],carriers:[],carrierPricing:[],kpi:.2,shippingRate:null,isSingleShipment:!1,usFirstFee:null,usAdditionalFee:null,canadaFirstFee:null,canadaAdditionalFee:null,internationalAdditionalFee:null,internationalFirstFee:null,regularPrice:null,salePrice:null,sellerPrice:null,passOnHold:!1,designPositions:[ye.b],isDigitalProduct:!1,requiredDesign:!1,defaultShippingOptionId:null,shippingOptionIds:[]};const{suppliers:l,carriers:n,customcatShiping:r}=e,i=["title","niceName","slug","baseCostDescription","defaultContent","hasVariant","variants","hasAdditionalShipping","fulfillment","attributes","categories","scalablePressDesignType","printifyPrintProviderID","carrierPricing","supplierPricing","kpi","regularPrice","salePrice","sellerPrice","passOnHold","designPositions","shippingOptionIds","defaultShippingOptionId"].reduce((t,a)=>(void 0!==e[a]&&(t[a]=e[a]),t),{}),o=null===r||void 0===r?void 0:r.shippingRate;let s=[];s=(null===r||void 0===r?void 0:r.shippingRate)?oe.o.filter(e=>e.value!==r.shippingRate):oe.o;let c=null;t&&(c=s.find(e=>e.value===o));let u=null;return u=s.map(e=>e.value).includes(o)?c&&c.shippingCost:r,a&&!r&&(u=oe.y.shippingCost),r&&(i.shippingRate=o,i.isSingleShipment=ce()(r,"isSingleShipment")),u&&(i.usFirstFee=ce()(u,"usFirstFee"),i.usAdditionalFee=ce()(u,"usAdditionalFee"),i.canadaFirstFee=ce()(u,"canadaFirstFee"),i.canadaAdditionalFee=ce()(u,"canadaAdditionalFee"),i.internationalAdditionalFee=ce()(u,"internationalAdditionalFee"),i.internationalFirstFee=ce()(u,"internationalFirstFee")),{...i,suppliers:PP(l),carriers:PP(n)}}function BP(e){if(!e||0===e.length)return[];const t=new Map,a=e.map((e,a)=>{const{id:l,options:n}=e||{};return{regularPrice:0,salePrice:0,sellerPrice:0,sorting:a,attributes:Object.entries(n||{}).reduce((e,a)=>{const[l,n]=a;if(t.has(l)){const e=t.get(l);t.set(l,e.add(n))}else t.set(l,new Set([n]));const r={name:oP()(l),slug:l,option:n};return e.push(r),e},[]),fulfillmentProductId:l,disabledFPI:!0}}),l=Array.from(t.entries()).map(e=>{let[t,a]=e;return{name:oP()(t),slug:t,options:Array.from(a.values())}}),n=(a||[]).reduce((e,t)=>(e[(t.attributes||[]).map(e=>e.option).join("__")]=t,e),{}),r=Object.values(n),i=[];for(let o=0;o<r.length;o++)i.push({...r[o],sorting:o});return{variants:i,attributes:l}}function DP(e,t){if(!e||0===e.length)return[];const a=e.reduce((e,t)=>{const{placeholders:a,id:l}=t||{};return Array.isArray(a)&&a.length>0&&e.push(...a.map(e=>({...e,id:l}))),e},[]),l=new Map;for(let n of a){const{height:e,position:t,width:a,id:r}=n||{},i=`${t}-${a}-${e}`;l.has(i)?l.set(i,[...l.get(i),r]):l.set(i,[r])}return Array.from(l.entries()).map(e=>{let[a,l]=e;const[n,r,i]=a.split(/\-/),o=`${r}x${i}px|PNG|300DPI`,s=((l||[]).map(e=>{const a=(t||[]).find(t=>{let{fulfillmentProductId:a}=t;return a===e});if(!a)return null;const{attributes:l}=a;return{attributes:l,id:void 0}}).filter(Boolean)||[]).reduce((e,t)=>(e[(t.attributes||[]).map(e=>e.option).join("__")]=t,e),{});return{name:n,image:null,description:o,productBaseVariants:Object.values(s)}})}function PP(e){return e&&0!==e.length?e.map(e=>{let{id:t}=e;return t}):[]}function xP(e,t){return t=t.map(t=>{if(e&&0===e.length)t.supplierPricing=[];else{t.supplierPricing||(t.supplierPricing=[]),t.supplierPricing=t.supplierPricing.filter(t=>e.includes(t.userId));for(let a=0;a<e.length;a++){const l=Array.isArray(e[a])?e[a][0]:e[a];t.supplierPricing.find(e=>e.userId===l)||t.supplierPricing.push({userId:l,price:null})}}return t})}function MP(e,t){if(!e||0===e.length||!t||0===t.length)return[];const a=[],l={};for(let n of e)l[n.id]=n;for(let n of t)a.push(l[n]);
18456return a.filter(Boolean)}const TP=j.b.div` 18457 .ant-legacy-form-item { 18458 margin-bottom: 0; 18459 margin-top: 10px; 18460 } 18461`;var QP=wP;class RP extends l.Component{constructor(){super(...arguments),this.state={loading:!1},this.handleSetCache=e=>{try{const{__apolloClient__:t}=window,a={filter:{limit:50,offset:0}},l=t.readQuery({query:Ea,variables:a});t.writeQuery({query:Ea,variables:a,data:{...l,productBases:{...l.productBases,total:l.productBases.total+1,nodes:[e,...l.productBases.nodes]}}})}catch(t){}}}componentDidUpdate(e,t){let{loading:a}=this.state,{handleLoading:l}=this.props;a!==t.loading&&l&&l(a)}render(){let{handleBtnSave:e,clickSave:t}=this.props;return n.a.createElement("div",null,n.a.createElement("div",{style:{marginBottom:20}},n.a.createElement(ma,{title:"Add Product base",subTitle:"Product bases",link:"/seller/product-bases"})),n.a.createElement(s.b,{query:XD,fetchPolicy:"network-only",variables:{filter:{limit:200,offset:0,role:"Supplier",status:!0}}},a=>{let{error:l,loading:o,data:s,client:u}=a;if(l)return n.a.createElement("div",null,Object(c.ib)(l.toString()));if(o)return n.a.createElement("div",{className:"p-4"},n.a.createElement(r.a,{active:!0}));const d=(ce()(s,"teamMembers.hits",[])||[]).map(e=>{let{user:t}=e;return t}),m=((null===s||void 0===s?void 0:s.fulfillmentConfigs)||[]).map(e=>{let{fulfillmentId:t}=e;return t}),p=((null===s||void 0===s?void 0:s.fulfillments)||[]).filter(e=>{let{id:t,slug:a}=e;return m.includes(t)||a===w.f});return n.a.createElement(QP,{onSubmit:e=>{e.designPositions&&e.designPositions.length&&(e.designPositions=e.designPositions.map(e=>(e.image&&e.image.id&&(e.image=e.image.id),e))),this.setState({loading:!0},()=>{u.mutate({mutation:aP,variables:{input:{...e,categories:[e.categories]}}}).then(e=>{this.setState({loading:!1}),i.a.success({message:"Product base has been saved!"}),this.handleSetCache(u,e.data.createProductBase),B.a.push("/seller/product-bases")}).catch(e=>{this.setState({loading:!1}),i.a.error({message:Object(c.ib)(e.toString())})})})},fulfillments:p,loading:this.state.loading,categories:s.productBaseCategories,suppliers:s.suppliers,carriers:s.carriers,teamMembers:d,clickSave:t,handleBtnSave:(t,a)=>{a={...a,link:"/seller/product-bases"},e&&e(t,a)}})}))}}function FP(){const{id:e}=Object(O.i)(),[t,a]=Object(l.useState)(null),{loading:o,data:s,error:u,refetch:d}=Object(De.d)(tP,{variables:{id:e},skip:!e,fetchPolicy:"cache-and-network"}),{loading:m,data:p}=Object(De.d)(XD,{variables:{filter:{limit:200,offset:0,role:"Supplier",status:!0}},fetchPolicy:"no-cache"}),[g,{loading:A}]=Object(De.c)(lP,{onError:e=>{i.a.error({message:Object(c.ib)(e.toString())})},onCompleted:()=>{i.a.success({message:"Product base has been saved."}),d&&d()}});Object(l.useEffect)(()=>{const e=null===s||void 0===s?void 0:s.productBaseByID;e&&(e.designPositions=function(e){return e&&0!==e.length?e.map(e=>{let{scalablePressCustomize:t,...a}=e;const{dimensions:l,position:n}=t||{},{width:r,height:i}=l||{},{horizontal:o,offset:s}=n||{},{top:c,bottom:u}=s||{};return t&&Object.keys(t).length>0?{...a,width:r,height:i,horizontal:o,top:c,bottom:u}:a}):[]}(e.designPositions),a(e))},[s]);const b=Object(l.useCallback)(t=>{if(null==e)return;const a=!0===Array.isArray(t.categories)?t.categories:[t.categories],l=["supplierPricing","carrierPricing","attributes","designPositions","variants"];for(let e of l)t[e]&&t[e].length>0&&(t[e]=t[e].map(t=>{let{__typename:a,...l}=t;var n;"designPositions"===e&&(l.image&&(l.image=l.image.id),(null===(n=l.productBaseVariants)||void 0===n?void 0:n.length)>0&&(l.productBaseVariants=l.productBaseVariants.map(e=>{var t;let{__typename:a,...l}=e;const n=(null===(t=l.attributes)||void 0===t?void 0:t.length)>0?l.attributes.map(e=>{let{__typename:t,...a}=e;return a}):void 0;return{...l,attributes:n}})));if("variants"===e){const e=["attributes","supplierPricing","carrierPricing"];for(let t of e)l[t]&&l[t].length>0&&(l[t]=l[t].map(e=>{let{__typename:t,...a}=e;return a}))}return l}));g({variables:{input:{...t,id:e,categories:a}}})},[g,e]),h=Object(l.useMemo)(()=>o||m,[o,m]),f=Object(l.useMemo)(()=>(ce()(p,"teamMembers.hits",[])||[]).map(e=>{let{user:t}=e;return t}),[p]),v=((null===p||void 0===p?void 0:p.fulfillmentConfigs)||[]).map(e=>{let{fulfillmentId:t}=e;return t}),E=((null===p||void 0===p?void 0:p.fulfillments)||[]).filter(e=>{let{id:t,slug:a}=e;return v.includes(t)||a===w.f});return n.a.createElement("div",null,n.a.createElement(ma,{subTitle:"Product bases",title:"Edit product base",link:"/seller/product-bases"}),h?n.a.createElement(r.a,{active:!0}):u?n.a.createElement("div",null,"Error: ",Object(c.ib)(u.toString())):s?n.a.createElement(QP,{hasProduct:s.productBaseHasProduct,loading:A,fulfillments:E,categories:null===p||void 0===p?void 0:p.productBaseCategories,suppliers:null===p||void 0===p?void 0:p.suppliers,carriers:null===p||void 0===p?void 0:p.carriers,teamMembers:f||[],value:t,isEditProductBase:!0,onSubmit:b}):null)}const NP=[...oe.n,"fulfillmentId","status","supplierIds"];function UP(e){var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;if(t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e.supplierIds){const t=e.supplierIds.split(",").filter(
18461Boolean)||null;e.supplierIds=t}e.status&&("Publish"===e.status?e.status=!0:"Draft"===e.status&&(e.status=!1)),e=Object(c.Jb)(e,NP)}return e},[i]),[s,u]=Object(l.useState)({limit:Number(Object(c.M)("perPageProductBase"))||20,offset:0,search:null,fulfillmentId:null,status:null,supplierIds:null,...o}),{data:d,loading:m,error:p,refetch:g}=Object(De.d)(eP,{variables:{filter:s},fetchPolicy:"no-cache"});Object(l.useEffect)(()=>{let{offset:e,limit:t,status:a,supplierIds:l,...n}=s,r=null,i=Object(c.o)(t,e);const o="boolean"===typeof a?a?"Publish":"Draft":null;r=Object(c.l)({limit:t,paged:i,status:o,supplierIds:(l||[]).join(","),...n}),B.a.push(`${B.a.location.pathname}?${r}`)},[s]);const A=n.a.useCallback(e=>{let{search:t,fulfillmentId:a,supplierIds:l,status:n}=e;u(e=>md()(e.search,t)&&md()(e.fulfillmentId,a)&&md()(e.status,n)&&md()(e.supplierIds,l)?e:{...e,search:t,fulfillmentId:a,status:n,supplierIds:l,offset:0})},[]),b=m&&n.a.createElement(D.D,null);return n.a.createElement(n.a.Fragment,null,b,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(va,{filter:s,onChange:A})),n.a.createElement(D.i,null,m?n.a.createElement(Je.SkeletonPagePolaris,null):p?n.a.createElement("div",null,"Error: ",Object(c.ib)(p.toString())):(null===d||void 0===d||null===(t=d.productBases)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(wd,{data:d,filter:s,refetch:g,setFilter:(e,t)=>{u(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageProductBase",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null)))}const LP=j.b.div` 18462 img { 18463 width: 100%; 18464 } 18465 .guide-image { 18466 text-align: center; 18467 margin-bottom: 30px; 18468 } 18469 p.Polaris-Heading { 18470 font-weight: 400; 18471 } 18472`,VP=()=>n.a.createElement(LP,null,n.a.createElement(D.bb,null,n.a.createElement(D.v,null,"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Tool Crawl"),n.a.createElement("div",{className:"guide-section"},n.a.createElement(D.v,{element:"h3"},"T\u1ed5ng quan"),n.a.createElement(D.v,{element:"p"},n.a.createElement(D.db,{variation:"strong"},"Tool Crawl"),' s\u1ebd gi\xfap ng\u01b0\u1eddi d\xf9ng crawl product t\u1eeb website kh\xe1c th\xf4ng qua 2 c\u1ea5u tr\xfac file csv nhau: "Only URLs" v\xe0 "Definded Structure"'),n.a.createElement(D.v,{element:"p"},n.a.createElement(D.db,{variation:"strong"},"Product Base:")," l\xe0 lo\u1ea1i s\u1ea3n ph\u1ea9m m\xe0 MerchBridge h\u1ed7 tr\u1ee3. VD: 3D Shirts, Quilt Blanket, Fleece Blanket..."," "),n.a.createElement(D.v,{element:"p"},n.a.createElement(D.db,{variation:"strong"},"Template:")," Khi t\u1ea1o s\u1ea3n ph\u1ea9m, ng\u01b0\u1eddi d\xf9ng c\xf3 th\u1ec3 l\u01b0u c\xe1c th\xf4ng tin c\u1ea5u h\xecnh cho s\u1ea3n ph\u1ea9m \u0111\xf3 d\u01b0\u1edbi d\u1ea1ng m\u1ed9t template, nh\u1eefng l\u1ea7n t\u1ea1o s\u1ea3n ph\u1ea9m ti\u1ebfp theo ng\u01b0\u1eddi d\xf9ng c\xf3 th\u1ec3 c\u1ea5u h\xecnh l\u1ea1i th\xf4ng tin cho s\u1ea3n ph\u1ea9m ho\u1eb7c d\xf9ng l\u1ea1i c\u1ea5u h\xecnh c\u0169 t\u1eeb template."," ")),n.a.createElement("div",{className:"guide-section"},n.a.createElement(D.v,{element:"h3"},"1. T\u1ea1o product th\xf4ng qua file csv struct"),n.a.createElement(D.v,{element:"p"},"V\u1edbi option n\xe0y, ng\u01b0\u1eddi d\xf9ng c\u1ea7n chu\u1ea9n b\u1ecb 1 file csv ch\u1ee9a c\xe1c th\xf4ng tin c\u01a1 b\u1ea3n c\u1ee7a product: Title, Images, Product Base, Template, Collections, Tags"),n.a.createElement(D.v,{element:"p"},"File m\u1eabu:"," ",n.a.createElement(D.B,{url:"https://res.cloudinary.com/mbmedia/raw/upload/v1590112585/defined-structure_cdjjlq.csv"},"Defined-structure.csv")),n.a.createElement(D.v,{element:"p"},n.a.createElement(D.db,{variation:"strong"},"L\u01b0u \xfd:")," \u0111\u1ec3 l\u1ea5y \u0111\u01b0\u1ee3c product base slug ng\u01b0\u1eddi d\xf9ng c\xf3 th\u1ec3 v\xe0o menu add product/add campaign \u0111\u1ec3 xem:"),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",style:{maxWidth:"100%",height:"auto"},src:"https://res.cloudinary.com/mbmedia/image/upload/v1590114564/add-product-campaign_xzxy8j.png"})),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",style:{maxWidth:"100%",height:"auto"},src:"https://res.cloudinary.com/mbmedia/image/upload/v1590112101/850f3ef5-56a9-45af-89c4-36a9cb5e5886_f043od.png"})),n.a.createElement(D.v,{element:"p"},"\u0110\u1ec3 l\u1ea5y \u0111\u01b0\u1ee3c template slug, ng\u01b0\u1eddi d\xf9ng c\xf3 th\u1ec3 v\xe0o add campaign, ch\u1ecdn All templates:"),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",src:"https://res.cloudinary.com/mbmedia/image/upload/v1590112692/b9e62849-1b18-4383-9adb-6ae79f0f67e9_vcorcn.png"})),n.a.createElement(D.v,{element:"p"},"T\u1ea1i m\u1ee5c All templates s\u1ebd hi\u1ec3n th\u1ecb t\u1ea5t c\u1ea3 c\xe1c template \u0111\xe3 \u0111\u01b0\u1ee3c t\u1ea1o k\xe8m theo t\xean v\xe0 slug:"),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",src:"https://res.cloudinary.com/mbmedia/image/upload/v1590112729/e21fb62f-d825-45e3-a977-865db34fb34b_at4mkj.png"})),n.a.createElement(D.v,{element:"h4"},'C\xe1c b\u01b0\u1edbc t\u1ea1o crawl v\u1edbi file "defined-structure.csv"'),n.a.createElement(D.v,{element:"p"},n.a.createElement(D.db,{variation:"strong"},"B\u01b0\u1edbc 1:")," Truy c\u1eadp menu:"," ",n.a.createElement(D.db,{variation:"strong"},"Tools -> Product Crawlers"),", \u1ea5n ch\u1ecdn"," ",n.a.createElement(D.db,{variation:"strong"},"New Product Crawler")," "),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",src:"https://res.cloudinary.com/mbmedia/image/upload/v1590112786/buoc1_cygopg.png"})),n.a.createElement(D.v,{element:"p"},n.a.createElement(D.db,{variation:"strong"}
18472,"B\u01b0\u1edbc 2:")," \u0110i\u1ec1n title, ch\u1ecdn type: ",n.a.createElement(D.db,{variation:"strong"},"Product base struct"),", upload file csv theo m\u1eabu tr\xean, sau \u0111\xf3 \u1ea5n"," ",n.a.createElement(D.db,{variation:"strong"},"Process Now"),", h\u1ec7 th\u1ed1ng s\u1ebd t\u1ef1 \u0111\u1ed9ng t\u1ea1o product d\u1ef1a tr\xean th\xf4ng tin c\u1ee7a file."),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",src:"https://res.cloudinary.com/mbmedia/image/upload/v1590112805/buoc2_lfumf2.png"}))),n.a.createElement("div",{className:"guide-section"},n.a.createElement(D.v,{element:"h3"},"2. T\u1ea1o product th\xf4ng qua file csv only urls"),n.a.createElement(D.v,{element:"p"},"V\u1edbi option n\xe0y, ng\u01b0\u1eddi d\xf9ng c\xf3 2 thao t\xe1c:"),n.a.createElement("ul",null,n.a.createElement("li",null,"Chu\u1ea9n b\u1ecb file csv ch\u1ec9 ch\u1ee9a c\xe1c url c\u1ee7a product c\u1ea7n crawl, theo m\u1eabu sau:"," ",n.a.createElement(D.B,{url:"https://res.cloudinary.com/mbmedia/raw/upload/v1590112866/only-urls_vrbms5.csv"},"Only-URLs.csv")),n.a.createElement("li",null,"Khi crawl product v\u1ec1, ng\u01b0\u1eddi d\xf9ng c\u1ea7n ti\u1ebfp t\u1ee5c assign product v\xe0o c\xe1c product base ho\u1eb7c template hay xo\xe1 b\u1ecf n\u1ebfu kh\xf4ng ph\xf9 h\u1ee3p.")),n.a.createElement(D.v,{element:"p"},n.a.createElement(D.db,{variation:"strong"},"B\u01b0\u1edbc 1:")," Truy c\u1eadp menu:"," ",n.a.createElement(D.db,{variation:"strong"}," Tools -> Product Crawlers"),", \u1ea5n ch\u1ecdn"," ",n.a.createElement(D.db,{variation:"strong"},"New Product Crawler")),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",src:"https://res.cloudinary.com/mbmedia/image/upload/v1590113070/b1_l9wy8g.png"})),n.a.createElement(D.v,{element:"p"},n.a.createElement(D.db,{variation:"strong"},"B\u01b0\u1edbc 2:")," Nh\u1eadp title cho crawler, ch\u1ecdn file csv \u0111\xe3 chu\u1ea9n b\u1ecb, ch\u1ecdn type:"," ",n.a.createElement(D.db,{variation:"strong"},"Only urls"),", c\xe0i \u0111\u1eb7t xpath cho title, xpath cho thumbs. Thao t\xe1c select expath s\u1ebd ch\u1ecdn ch\xednh x\xe1c th\u1ebb HTML ch\u1ee9a d\u1eef li\u1ec7u c\u1ea7n crawl v\u1ec1."),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",src:"https://res.cloudinary.com/mbmedia/image/upload/v1590113099/b2_pysonk.png"})),n.a.createElement(D.v,{element:"p"},"Thao t\xe1c setup xpath c\u1ea7n chu\u1ea9n x\xe1c \u0111\u1ec3 l\u1ea5y \u0111\u01b0\u1ee3c d\u1eef li\u1ec7u mong mu\u1ed1n:"),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",src:"https://res.cloudinary.com/mbmedia/image/upload/v1590113135/xpath_fego02.png"})),n.a.createElement(D.v,{element:"p"},"\u0110\u1ec3 ki\u1ec3m tra ph\u1ea7n xpath, ng\u01b0\u1eddi d\xf9ng c\xf3 th\u1ec3 d\xf9ng button preview \u0111\u1ec3 ki\u1ec3m tra, n\u1ebfu setup chu\u1ea9n x\xe1c th\xec khi preview ng\u01b0\u1eddi d\xf9ng s\u1ebd th\u1ea5y d\u1eef li\u1ec7u m\xecnh mong mu\u1ed1n \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb ra, ng\u01b0\u1ee3c l\u1ea1i ng\u01b0\u1eddi d\xf9ng c\u1ea7n setup l\u1ea1i \u0111\u1ec3 c\xf3 th\u1ec3 l\u1ea5y ch\xednh x\xe1c d\u1eef li\u1ec7u m\xecnh mong mu\u1ed1n."),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",src:"https://res.cloudinary.com/mbmedia/image/upload/v1590113163/check-result_uaenp8.png"})),n.a.createElement(D.v,{element:"p"},n.a.createElement(D.db,{variation:"strong"},"B\u01b0\u1edbc 3:")," Assign product v\xe0o product base ho\u1eb7c template: ng\u01b0\u1eddi d\xf9ng c\u1ea7n assign product \u0111\xe3 \u0111\u01b0\u1ee3c crawl v\xe0o product base ho\u1eb7c template. Thao t\xe1c crawl ch\u1ec9 l\u01b0u t\u1ea1m th\u1eddi d\u1eef li\u1ec7u, khi \u0111\u01b0\u1ee3c assign v\xe0o product base ho\u1eb7c template th\xec product m\u1edbi \u0111\u01b0\u1ee3c t\u1ea1o theo d\u1eef li\u1ec7u m\u1eb7c \u0111\u1ecbnh c\u1ee7a product base ho\u1eb7c template."),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",src:"https://res.cloudinary.com/mbmedia/image/upload/v1590113195/assign_pqw3lp.png"})))));var zP=a(1544),qP=a(1373),HP=a(1543);const $P=j.b.div` 18473 .add-new_wrap { 18474 padding: 1.6rem; 18475 display: flex; 18476 flex-direction: row; 18477 justify-content: space-between; 18478 } 18479`,_P=e=>{const{url:t,onChange:a}=e,[r,i]=Object(l.useState)(!1),[o,s]=Object(l.useState)([]),[c,u]=Object(l.useState)([{find:"",replace:""}]);Object(l.useEffect)(()=>{let e=c&&c.length>0?c.map((e,t)=>[n.a.createElement("div",{className:"find_wrap"},n.a.createElement(D.cb,{value:e.find,placeholder:"Find",onChange:e=>{c[t].find=e,m(c)}})),n.a.createElement("div",{className:"replace_wrap"},n.a.createElement(D.cb,{value:e.replace,placeholder:"Replace",onChange:e=>{c[t].replace=e,m(c)}})),n.a.createElement("div",{className:"actions_wrap"},c.length>1&&n.a.createElement(D.g,{icon:zl.a,plain:!0,onClick:()=>{let e=c.filter((e,a)=>t!==a);m(e)}}))]):[];s(e)},[c]);const d=Object(l.useCallback)(()=>i(e=>!e),[]),m=Object(l.useCallback)(e=>{u([...e]),a&&a([...e])},[]),p=n.a.createElement(D.g,{icon:HP.a,onClick:d,disabled:!t});return n.a.createElement(D.K,{activator:p,active:r,onClose:d},n.a.createElement($P,null,n.a.createElement(D.n,{rows:o,columnContentTypes:["text","text","numeric"],headings:["Find and replace","",""],verticalAlign:"middle",hide
18479ScrollIndicator:!0}),n.a.createElement("div",{className:"add-new_wrap"},n.a.createElement(D.g,{children:"Add new",onClick:()=>{u(e=>[...e,{find:"",replace:""}])},size:"slim"}),n.a.createElement(D.g,{children:"Done",onClick:d,size:"slim",primary:!0}))))};class GP extends l.Component{constructor(e){super(e),this.listenMessage=e=>{e.data&&"xpath"===e.data.type&&(this.setState({xpath:e.data.path,visible:!1}),this.props.onChange&&this.props.onChange(e.data.path))},this.listenMessage=this.listenMessage.bind(this)}componentDidMount(){window.addEventListener("message",this.listenMessage,!1)}componentWillUnmount(){window.removeEventListener("message",this.listenMessage,!1)}render(){const{src:e}=this.props;return n.a.createElement("iframe",{title:e,width:"100%",height:"500px",src:e,name:"ifr"})}}var KP=GP;const JP=o.a` 18480 query getCrawlTitle( 18481 $url: String! 18482 $xPath: String! 18483 $attribute: String 18484 $replacement: [ReplacementData!] 18485 ) { 18486 getCrawlTitle( 18487 url: $url 18488 xPath: $xPath 18489 replacement: $replacement 18490 attribute: $attribute 18491 ) 18492 } 18493`,YP=o.a` 18494 query getCrawlImages( 18495 $url: String! 18496 $xPath: String! 18497 $attribute: String 18498 $replacement: [ReplacementData!] 18499 ) { 18500 getCrawlImages( 18501 url: $url 18502 xPath: $xPath 18503 attribute: $attribute 18504 replacement: $replacement 18505 ) 18506 } 18507`,WP=j.b.div` 18508 display: flex; 18509 flex-direction: column; 18510 row-gap: 1.6rem; 18511 .xpath_wrap { 18512 display: flex; 18513 flex-direction: row; 18514 width: 100%; 18515 gap: 2rem; 18516 .xpath, 18517 .attribute { 18518 flex: 1 1; 18519 } 18520 .actions_inner { 18521 display: flex; 18522 flex-direction: row; 18523 column-gap: 1rem; 18524 } 18525 } 18526 .title_wrap { 18527 h3 { 18528 display: inline-block; 18529 margin-right: 0.5rem; 18530 font-weight: 500; 18531 } 18532 } 18533 .actions_wrap { 18534 .Polaris-Icon { 18535 height: 1.75rem; 18536 width: 1.75rem; 18537 } 18538 } 18539 .image_inner { 18540 display: flex; 18541 flex-direction: row; 18542 column-gap: 1.6rem; 18543 flex-wrap: wrap; 18544 row-gap: 1.6rem; 18545 margin-top: 1.6rem; 18546 .image-result { 18547 box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 15px -3px, 18548 rgba(0, 0, 0, 0.1) 0px 4px 6px 2px; 18549 padding: 10px; 18550 } 18551 } 18552`,ZP=e=>{const{value:t,onChange:a,onChangeAttribute:r,onChangeItems:i,isImage:o,url:s,crawler:u,error:d,onNotificationChange:m,toggleActive:p}=e;let g=$e.g?`${$e.b}/viewer?url=${s}`:`${$e.c}/viewer?url=${s}`;const[A,b]=Object(l.useState)(!1),[h,f]=Object(l.useState)([]),[v,E]=Object(l.useState)(""),[y,C]=Object(l.useState)(null),[k,O]=Object(l.useState)(!1);Object(l.useEffect)(()=>{let e=document.querySelector("#xpath-iframe"),t=document.querySelectorAll(".Polaris-Modal-Dialog__Modal");for(let a of t)Object(c.u)(a,e)&&a.setAttribute("style","max-width: calc(100% - 10rem);")});const j=Object(l.useCallback)(e=>{const a={url:s,xPath:t,attribute:o?u.imageXpathAttribute||null:u.titleXpathAttribute||null,replacement:o?u.imageReplacement||[]:u.titleReplacement||[]};b(!0),o?e.query({query:YP,variables:a,fetchPolicy:"no-cache"}).then(e=>{b(!1),f(()=>e.data.getCrawlImages)}).catch(()=>{b(!1),m&&m({message:"No found.",isError:!0})}):e.query({query:JP,variables:a,fetchPolicy:"no-cache"}).then(e=>{b(!1),E(()=>e.data.getCrawlTitle)}).catch(()=>{b(!1),m&&m({message:"No found.",isError:!0})})},[s,t,o,u]),w=Object(l.useCallback)(()=>O(e=>!e),[]);return n.a.createElement(hi.a,null,e=>n.a.createElement(WP,null,n.a.createElement("div",{className:"xpath_wrap"},n.a.createElement("div",{className:"xpath"},n.a.createElement(D.cb,{value:t,onChange:e=>{a&&a(e)},error:d})),n.a.createElement("div",{className:"attribute"},n.a.createElement(D.cb,{placeholder:o?"Attribute (default: src)":"Attribute (default: text)",onChange:e=>{r&&r(e)},value:o?u.imageXpathAttribute:u.titleXpathAttribute})),n.a.createElement("div",{className:"actions_wrap"},n.a.createElement("div",{className:"actions_inner"},n.a.createElement(D.g,{disabled:!s,icon:zP.a,onClick:w}),n.a.createElement(_P,{url:s,onChange:e=>{i&&i(e)}}),n.a.createElement(D.g,{disabled:!s||!t,icon:qP.a,loading:A,onClick:()=>{j(e),p&&p()}})))),v&&n.a.createElement("div",{className:"title_wrap"},n.a.createElement("h3",null,"Result:"),n.a.createElement("label",null,v)),o&&h&&h.length>0?n.a.createElement("div",{className:"image_wrap"},n.a.createElement("h3",null,"Result:"),n.a.createElement("div",{className:"image_inner"},h.map((e,t)=>n.a.createElement("div",{className:"image-result",key:t},n.a.createElement("img",{style:{width:200,height:200,objectFit:"cover",cursor:"pointer"},key:t,onClick:()=>{C(()=>e)},src:e,alt:""}))))):null,n.a.createElement(D.E,{open:k,onClose:w,title:"XPath Iframe",sectioned:!0}
18552,n.a.createElement("div",{id:"xpath-iframe"},n.a.createElement(KP,{onChange:e=>{w(),a&&a(e)},src:g}))),n.a.createElement(D.E,{open:y,onClose:()=>C(()=>null),title:"Preview image",sectioned:!0,large:!0},n.a.createElement("div",{style:{width:"100%",display:"flex",justifyContent:"center"}},n.a.createElement("img",{src:y,alt:""})))))},XP=j.b.div` 18553 .Polaris-ChoiceList__Choices { 18554 display: flex; 18555 column-gap: 2rem; 18556 } 18557`,ex=e=>{const{onSubmit:t,loading:a,onNotificationChange:r,toggleActive:i}=e,[o,s]=Object(l.useState)(null),[u,d]=Object(l.useState)(["Struct"]),[m,p]=Object(l.useState)([]),[g,A]=Object(l.useState)(null),[b,h]=Object(l.useState)(null),[f,v]=Object(l.useState)([]),[E,y]=Object(l.useState)({}),[k,O]=Object(l.useState)({title:null,file:null,titleXPath:null,imageXPath:null}),j=Object(l.useCallback)(e=>{let t=null;e||(t="Title is required."),O(e=>({...e,title:t}))},[]),w=Object(l.useCallback)(e=>{let t=null;e.length||(t="Crawler is required."),O(e=>({...e,file:t}))},[]),S=Object(l.useCallback)(e=>{let t=null;e||(t="TitleXPath is required."),O(e=>({...e,titleXPath:t}))},[]),I=Object(l.useCallback)(e=>{let t=null;e||(t="ImageXPath is required."),O(e=>({...e,imageXPath:t}))},[]),B=Object(l.useCallback)(e=>{s(e),j(e)},[]),P=Object(l.useCallback)(e=>{d(e)},[m]),x=Object(l.useCallback)(()=>{var e,a;j(o),w(m),S(g),I(b),i&&i();let l=R(m);if(!l||0===l.length)return void(r&&r({message:"No urls for crawl. Please check crawler file again.",isError:!0}));r&&r({message:null,isError:!1});let n=u[0],s="Url"===n;l=l.length>0?l.map(e=>({...e,...E})):[];let c={title:o,description:null,type:n,domain:s?null===(e=l[0])||void 0===e?void 0:e.url:null===(a=l[0])||void 0===a?void 0:a.imageUrl,items:l,files:m.map(e=>{var t;return null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id})},d=!1;s?o&&m.length&&g&&b&&(d=!0):o&&m.length&&(d=!0),d&&t&&t(c)},[f,o,g,b,u,m,E]),M=Object(l.useCallback)(e=>{let t=[],a={};for(let i=0;i<e.length;i++){const o=e[i].data.split(/[\r\n]+/g);let s=!1;for(let e=0;e<o.length;e++){const l=o[e].trim().toLowerCase();Object(c.cc)(l)&&"undefined"===typeof a[l]&&(a[l]=!0,s=!0,t.push({url:l,title:null,titleXpath:g,imageXpath:b,imageUrl:null,productBaseSlug:null,type:"Url"}))}var l,n;if(!s)if(r)r({message:`File ${null===(l=e[i])||void 0===l||null===(n=l.file)||void 0===n?void 0:n.name} contain wrong urls`,isError:!0})}return v(()=>t),t},[g,b]),T=Object(l.useCallback)(e=>{let t=[],a={};for(let i=0;i<e.length;i++){const o=e[i].data;if(o){let s=Q(o,a);var l,n;if(0===s.length)if(r)r({message:`File ${null===(l=e[i])||void 0===l||null===(n=l.file)||void 0===n?void 0:n.name} contain wrong urls`,isError:!0});t=[...t,...s]}}return v(()=>t),t},[]),Q=(e,t)=>{let a=[],l=Object(c.s)(e);for(let n=0;n<l.length;n++){const e=l[n],r=Object(C.trim)(Object(C.get)(e,"[0]",null)),i=Object(C.trim)(Object(C.get)(e,"[1]",null));if("undefined"!==typeof t[i]||!Object(c.cc)(i))continue;const o=Object(C.get)(e,"[2]",""),s=Object(C.get)(e,"[3]"),u=Object(C.split)(Object(C.get)(e,"[4]",[]),",").map(e=>Object(C.trim)(e)),d=Object(C.split)(Object(C.get)(e,"[5]",[]),",").map(e=>Object(C.trim)(e));let m=Object(C.get)(e,"[6]",null);m&&(m=Object(C.trim)(m)),"site_crawler"===m&&(m=null);let p=Object(C.get)(e,"[7]",null);p&&(p=Object(C.trim)(p)),"0"===p&&(p=null);let g=Object(C.get)(e,"[8]",null);const A=Object(C.get)(e,"[9]",null),b=Object(C.get)(e,"[10]",null);g&&(g=JSON.parse(g)),r&&i&&(o||s)&&(t[i]=i,a.push({title:r,imageUrl:i,productBaseSlug:o,templateSlug:s,type:"Struct",tags:d,collections:u,storeUrl:m,storeProductId:p,designFiles:g||null,originSku:A,relateSku:b}))}return a},R=Object(l.useCallback)(e=>e&&e.length?"Url"===u[0]?M(e):T(e):[],[u,g,b]);let F=f&&f.length>0?f[0].url:null;return n.a.createElement(XP,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.s,null,n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Title",required:!0}),n.a.createElement(D.cb,{label:"Title(*)",labelHidden:!0,placeholder:"Enter crawler title",value:o,onChange:B,error:k.title})),n.a.createElement(D.k,{title:"Type",selected:u,onChange:P,choices:[{value:"Struct",label:"Product Base Struct"},{value:"Url",label:"Only Urls"}]}),n.a.createElement(tn,{onChange:e=>{R(e),p(()=>e),w(e),i&&i()},error:k.file,onNotificationChange:r,toggleActive:i,label:"Crawler file",isCrawler:e.isCrawler}),"Url"===u[0]&&n.a.createElement("div",null,n.a.createElement(al.a,{label:"Title XPath",required:!0}),n.a.createElement(ZP,{value:g,url:F,crawler:E,error:k.titleXPath,onChange:e=>{A(e),S(e)},onChangeAttribute:e=>{y(t=>({...t,titleXpathAttribute:e}))},onChangeItems:e=>{y(t=>({...t,titleReplacement:e}))},onNotificationChange:r,toggleActive:i})),"Url"===u[0]&&n.a.createElement("div",null,n.a.createElement(al.a,{label:"Image XPath",required:!0}),n.a.createElement(ZP,{isImage:!0,crawler:E,url:F,value:b,error:k.imageXPath,onChange:e=>{h(e),I(e)},onChangeAttribute:e=>{y(t=>({...t,imageXpathAttribute:e}))},onChangeItems:e=>{y(t=>({...t,imageReplacement:e}))},onNotificationChange:r,toggleActive:i})),n.a.createElement(D.g,{children:"Process now",primary:!0,onClick:x,loading:a})))))},tx=j.b.div` 18558 margin: -1rem; 18559 @media (min-width: 640px) { 18560 margin: -1.5rem; 18561 } 18562`,ax=o.a` 18563 mutation createCrawl($input: NewCrawl!) { 18564 createCrawl(input: $input) { 18565 id 18566 title 18567 description 18568 } 18569 } 18570`;function lx(){const{currentUser:e}=Object(te.c)(),t=Object(c.U)(e);
18570return n.a.createElement(ud.a,null,n.a.createElement(D.H,{title:"Add Tiktok Account",breadcrumbs:[{content:"All Tiktok Accounts",url:`/${t}/stores/tiktok`}]},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(eB,null))))}const nx=j.b.div` 18571 img { 18572 width: 100%; 18573 } 18574 .guide-image { 18575 text-align: center; 18576 margin: 30px 0; 18577 } 18578 .api-quick-guide h2, 18579 .api-quick-guide h3, 18580 .api-quick-guide h4 { 18581 color: #222; 18582 font-weight: 700; 18583 margin-bottom: 10px; 18584 } 18585 .api-quick-guide p { 18586 margin-bottom: 10px; 18587 } 18588 .api-quick-guide h2 { 18589 font-size: 22px; 18590 } 18591 .api-quick-guide h3 { 18592 font-size: 20px; 18593 } 18594 .api-quick-guide h4 { 18595 font-size: 18px; 18596 } 18597`;class rx extends l.Component{render(){return n.a.createElement(nx,null,n.a.createElement("div",{className:"api-quick-guide"},n.a.createElement("h3",null,"1. API Keys cho Venus Addon"),n.a.createElement("h4",null,"1.1. M\u1ee5c \u0111\xedch c\u1ee7a Venus Addon"),n.a.createElement("div",{className:"guide-section"},n.a.createElement("p",null,n.a.createElement("b",null,"Venus Addon")," l\xe0 m\u1ed9t chrome addon gi\xfap l\u1ea5y th\xf4ng tin s\u1ea3n ph\u1ea9m bao g\u1ed3m: Ti\xeau \u0111\u1ec1 v\xe0 mockup t\u1eeb ",n.a.createElement("b",null,"Google Shopping")," g\u1eedi v\u1ec1"," ",n.a.createElement("b",null,"Product Assortment")," \u1edf ",n.a.createElement("b",null,"MerchBridge"))),n.a.createElement("h4",null,"1.2. H\u01b0\u1edbng d\u1eabn c\xe0i \u0111\u1eb7t"),n.a.createElement("div",{className:"guide-section"},n.a.createElement("p",null,n.a.createElement("b",null,"B\u01b0\u1edbc 1:")," Download addon t\u1ea1i \u0111\u1ecba ch\u1ec9:"," ",n.a.createElement("a",{href:"https://github.com/khactien98/chrome-extension-venus",target:"_blank",rel:"noopener noreferrer"},"https://github.com/khactien98/chrome-extension-venus")),n.a.createElement("p",null,"Click v\xe0o ",n.a.createElement("b",null,"Code")," v\xe0 ch\u1ecdn ",n.a.createElement("b",null,"Download ZIP")),n.a.createElement("img",{className:"guide-image",style:{maxWidth:"100%",height:"auto"},src:"https://pmmedia.nyc3.digitaloceanspaces.com/guides/download-zip-file.png",alt:""}),n.a.createElement("p",null,n.a.createElement("b",null,"B\u01b0\u1edbc 2:")," Gi\u1ea3i n\xe9n t\u1eadp tin v\u1eeba download, m\u1edf"," ",n.a.createElement("b",null,"Google Chrome")," v\xe0o c\xe0i \u0111\u1eb7t ch\u1ecdn ",n.a.createElement("b",null,"Extensions")),n.a.createElement("img",{className:"guide-image",style:{maxWidth:"100%",height:"auto"},src:"https://pmmedia.nyc3.digitaloceanspaces.com/guides/setting-extensions.png",alt:""}),n.a.createElement("p",null,n.a.createElement("b",null,"B\u01b0\u1edbc 3:")," B\u1eadt ",n.a.createElement("b",null,"Developer mode"),", r\u1ed3i ch\u1ecdn"," ",n.a.createElement("b",null,"Load unpacked")),n.a.createElement("img",{className:"guide-image",style:{maxWidth:"100%",height:"auto"},src:"https://pmmedia.nyc3.digitaloceanspaces.com/guides/load-addon.png",alt:""}),n.a.createElement("p",null,"Ch\u1ecdn \u0111\u1ebfn folder v\u1eeba gi\u1ea3n n\xe9n v\xe0 ch\u1ecdn ",n.a.createElement("b",null,"Select Folder")),n.a.createElement("img",{className:"guide-image",style:{maxWidth:"100%",height:"auto"},src:"https://pmmedia.nyc3.digitaloceanspaces.com/guides/addon-location.png",alt:""})),n.a.createElement("h4",null,"1.3. H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng"),n.a.createElement("div",{className:"guide-section"},n.a.createElement("p",null,"Click v\xe0o bi\u1ec3u t\u01b0\u1ee3ng tr\xean thanh c\xf4ng c\u1ee5 c\u1ee7a ",n.a.createElement("b",null,"Google Chrome")," ","nh\u1eadp ",n.a.createElement("b",null,"API Key")," r\u1ed3i ch\u1ecdn ",n.a.createElement("b",null,"Submit"),"."),n.a.createElement("img",{className:"guide-image",style:{maxWidth:"100%",height:"auto"},src:"https://pmmedia.nyc3.digitaloceanspaces.com/guides/add-api-key.png",alt:""}),n.a.createElement("p",null,"V\xe0o Google Search t\u1eeb kh\xf3a mu\u1ed1n t\xecm ki\u1ebfm, ch\u1ecdn v\xe0o ph\u1ea7n"," ",n.a.createElement("b",null,"Shopping")),n.a.createElement("p",null,"T\xecm s\u1ea3n ph\u1ea9m c\u1ea7n th\xeam v\xe0o ",n.a.createElement("b",null,"MerchBridge")," r\u1ed3i click v\xe0o Checkbox."),n.a.createElement("p",null,"Sau khi ch\u1ecdn xong, nh\u1eadp niche cho s\u1ea3n ph\u1ea9m r\u1ed3i ch\u1ecdn"," ",n.a.createElement("b",null,"Push Product")," \u0111\u1ec3 th\u1ef1c thi c\xf4ng vi\u1ec7c."),n.a.createElement("img",{className:"guide-image",style:{maxWidth:"100%",height:"auto"},src:"https://pmmedia.nyc3.digitaloceanspaces.com/guides/push-data.png",alt:""}))))}}const ix=e=>{const{data:t,onChange:a}=e,[r,i]=Object(l.useState)(null),[o,s]=Object(l.useState)([]),[c,u]=Object(l.useState)([]),[d,m]=Object(l.useState)([]);Object(l.useEffect)(()=>{let e=t&&t.users&&t.users.length?t.users.map(e=>{const t=e.user;return{label:`${t.firstName} ${t.lastName} - [${e.role}]`,value:t.id}}):[];s(e),m(e)},[t]);const p=Object(l.useCallback)(e=>{if(i(e),""===e)return void s(d);const t=new RegExp(e,"i"),a=d.filter(e=>e.label.match(t));s(a)},[d]),g=Object(l.useCallback)(e=>{const t=e.map(e=>{const t=o.find(t=>t.value===e);return t&&t.label});u(e),i(k.a.head(t)),a&&a(k.a.head(e))},[o]),A=n.a.createElement(D.c.TextField,{value:r,onChange:p,placeholder:"Filter user",label:"Users",labelHidden:!0});return n.a.createElement("div",null,n.a.createElement(al.a,{label:"Users"}),n.a.createElement(D.c,{options:o,onSelect:g,selected:c,textField:A,emptyState:n.a.createElement("span",null,"No found item!")}))},ox=j.b.div` 18598 position: relative; 18599 .Polaris-Page-Header { 18600 padding-top: 0; 18601 } 18602 .pager { 18603 display: flex; 18604 justify-content: flex-end; 18605 padding: 20px; 18606 align-items: center; 18607 } 18608 .spinner { 18609 margin-right: 20px; 18610 } 18611 .filter { 18612 padding: 15px; 18613 } 18614`,sx=o.a` 18615 query apis($roles: [String!]!) { 18616 apis { 18617 id 18618 key 18619 description 18620 user { 18621 id 18622 firstName 18623 lastName 18624 } 18625 } 18626 users: listUserTeamByRoles(roles: $roles) { 18627 id 18628 role 18629 user { 18630 id 18631 lastName 18632 firstName 18633 } 18634 } 18635 } 18636`,cx=o.a` 18637 mutation createApi($description: String, $userId: ID!) { 18638 createApi(description: $description, userId: $userId) { 18639 id 18640 key 18641 description 18642 } 18643 } 18644`,ux=o.a` 18645 mutation revokeApi($id: ID!) { 18646 revokeApi(id: $id) 18647 } 18648`;var dx=()=>{const[e,t]=Object(l.useState)(!1),[a,r]=Object(l.useState)(!1),[i,o]=Object(l.useState)(""),[s,c]=Object(l.useState)(!1),[u,d]=Object(l.useState)(""),{data:m,refetch:p}=Object(De.d)(sx,{variables:{roles:[oe.pb.Admin,oe.pb.Seller,oe.pb.StoreManager,oe.gb.Supporter,oe.gb.MarketplaceManager,oe.gb.Idea,oe.gb.IdeaLeader]}}),[,g]=Object(l.useState)(null),A=Object(l.useCallback)(e=>g(e),[]),[b]=Object(De.c)(cx),[h,f]=Object(l.useState)(null),[v]=Object(De.c)(ux),E=m?m.apis.map(e=>[e.key,e.user?`${e.user.firstName} ${e.user.lastName}`:"",e.description,n.a.createElement("div",null,n.a.createElement(D.g,{onClick:()=>f(e),size:"slim",destructive:!0},"Revoke"))]):[];return n.a.createElement(ox,null,n.a.createElement(D.H,{title:"API Keys",primaryAction:{content:"Create new API Key",onAction:()=>{t(!0)}},secondaryActions:[{content:"Quick Guide",onAction:()=>{r(!0)}}]},n.a.createElement(D.i,null,n.a.createElement(D.n,{columnContentTypes:["text","text","text","text"],headings:["Venus API Key","User","Description",""],rows:E}))),n.a.createElement(D.E,{open:e,onClose:()=>t(!1),title:"Create new Venus API Key",primaryAction:{content:"Create",disabled:!u||!i,loading:s,onAction:()=>{c(!0),b({variables:{description:u,userId:i}}).then(()=>{p(),c(!1),t(!1),d("")}).catch(e=>{A({message:e.toString(),type:"error"}),c(!1)})}}}
18648,n.a.createElement(D.E.Section,null,n.a.createElement(D.bb,null,n.a.createElement(ix,{value:i,data:m,onChange:e=>o(e)}),n.a.createElement(D.cb,{label:"Description",value:u,onChange:e=>{d(e)},multiline:5})))),h&&n.a.createElement(D.E,{open:!0,onClose:()=>f(null),title:"Revoke api confirmation",primaryAction:{content:"Revoke",loading:s,onAction:()=>{c(!0),v({variables:{id:h.id}}).then(e=>{p(),c(!1),f(null)}).catch(e=>{c(!1),A(e.toString())})}}},n.a.createElement(D.E.Section,null,n.a.createElement(D.bb,null,n.a.createElement("p",null,"Are you sure want to revoke api: ",h.key)))),n.a.createElement(D.E,{open:a,onClose:()=>r(!1),title:"Quick guide",large:!0},n.a.createElement(D.E.Section,null,n.a.createElement(rx,null))))};const mx=j.b.div` 18649 margin: -1rem; 18650 @media (min-width: 640px) { 18651 margin: -1.5rem; 18652 } 18653`,px=n.a.lazy(()=>a.e(39).then(a.bind(null,1827)));function gx(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=Object(c.W)(t),{currentUser:r}=Object(te.c)(),i=Object(c.ub)(r);return i?n.a.createElement(wg.a,{fallback:n.a.createElement(Je.SkeletonPagePolaris,null)},n.a.createElement(px,{path:l})):n.a.createElement("p",null,"You don't have privilege to accept this page")}var Ax=a(422);const bx=j.b.div` 18654 margin: -1rem; 18655 @media (min-width: 640px) { 18656 margin: -1.5rem; 18657 } 18658`,hx=()=>n.a.createElement(bx,null,n.a.createElement(D.H,{title:"Claims",fullWidth:!0},n.a.createElement(Ax.b,null))),fx=e=>{let{filter:t,onChange:a}=e;const[r,i]=Object(l.useState)(t.search),[o,s]=Object(l.useState)({value:t.status,label:"true"===t.status?"Active":"false"===t.status?"Inactive":t.status}),u=Object(l.useRef)(null);Object(l.useEffect)(()=>{u.current&&clearTimeout(u.current),a&&(u.current=setTimeout(()=>{a({search:r?r.trim():r,status:!0===o.value?"true":!1===o.value?"false":o.value})},500))},[r,o]);const d=Object(l.useCallback)(e=>{i(e)},[]),m=Object(l.useCallback)(()=>i(null),[]),p=Object(l.useCallback)(()=>s({value:null,label:null}),[]),g=Object(l.useCallback)(()=>{m(),p()},[m,p]),A=[{key:"status",label:"Status",filter:n.a.createElement(Ud.a,{status:"true"===t.status||"false"!==t.status&&t.status,onChange:(e,t)=>
18658{s(a=>({...a,value:e,label:t}))}})}],b=[];if(!Object(c.tb)(o.label)){const e="status";b.push({key:e,label:function(e,t){switch(e){case"status":return"Status: "+t;default:return t}}(e,o.label),onRemove:p})}return n.a.createElement(D.r,{filters:A,appliedFilters:b,queryValue:r,queryPlaceholder:"Filter collection",onQueryChange:d,onQueryClear:m,onClearAll:g})},vx=j.b.div` 18659 button + button { 18660 margin-left: 0.75rem; 18661 } 18662`,Ex=o.a` 18663 mutation deleteCollection($id: ID!) { 18664 deleteCollection(id: $id) 18665 } 18666`,yx=e=>{let{collection:t,filter:a,currentParam:r}=e;const[i,o]=Object(l.useState)(!1),[s,u]=Object(l.useState)(!1),[d,{data:m,error:p,client:g,loading:A}]=Object(De.c)(Ex,{onCompleted:()=>{h()}}),b=Object(l.useCallback)(()=>{B.a.push(`/${r}/edit/collection/${t.id}`)},[]),h=Object(l.useCallback)(()=>o(e=>!e),[]),f=Object(l.useCallback)(()=>{u(e=>!e)},[]),v=s?(p||m&&m.deleteCollection)&&n.a.createElement(D.fb,{content:p?Object(c.ib)(p.toString()):m&&m.deleteCollection&&"Collection has been deleted!",error:p,duration:2e3,onDismiss:f}):null,E=(e,t)=>{for(let a=0;a<e.length;a++){const l=e[a];if(l.id===t){e.splice(a,1);break}l.children&&l.children.length&&(l.children=E(l.children,t))}return e};return n.a.createElement(vx,null,n.a.createElement(D.g,{onClick:b,plain:!0},"Edit"),n.a.createElement(D.E,{title:"Delete collection",open:i,onClose:h,primaryAction:{content:"Delete",loading:A,onAction:()=>{d({variables:{id:t.id}}).then(e=>{if(e)try{const e=g.readQuery({query:wx,variables:{filter:{...a}}}),l=E(JSON.parse(JSON.stringify(e.collections.nodes)),t.id);g.writeQuery({query:wx,variables:{filter:{...a}},data:{...e,collections:{...e.collections,nodes:l}}})}catch(l){}}).catch(()=>{}),f()}},secondaryActions:[{content:"Cancel",onAction:h}]},n.a.createElement(D.E.Section,null,n.a.createElement(D.bb,null,n.a.createElement("p",null,"Are you sure to delete this collection?")))),v)},Cx=j.b.div` 18667 .Polaris-DataTable__Footer { 18668 overflow-x: scroll; 18669 } 18670 .Polaris-DataTable__Navigation { 18671 display: none; 18672 } 18673 18674 .condition-inner { 18675 display: flex; 18676 flex-direction: row; 18677 flex-wrap: wrap; 18678 column-gap: 0.5rem; 18679 } 18680`,kx=j.b.div` 18681 display: flex; 18682 align-items: center; 18683 column-gap: 0.75rem; 18684 padding-left: ${e=>{let{level:t}=e;return 1.5*t+"rem"}}; 18685 .expaned-wrap { 18686 margin-right: 0.5rem; 18687 } 18688`,Ox=e=>{let{data:t,filter:a,setFilter:r,currentParam:i}=e;const[o,s]=Object(l.useState)([]),{offset:c,limit:u}=a,[d,m]=Object(l.useState)({}),p=Object(l.useCallback)(e=>()=>{m(t=>({...t,[e]:!t[e]}))},[]);Object(l.useEffect)(()=>{var e;const l=function e(t){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(!t||0===t.length)return[];const l=[];for(let r of t){var n;let{__typename:t,...i}=r;i.level=a,l.push(i),(null===(n=i.children)||void 0===n?void 0:n.length)>0&&l.push(...e(i.children,a+1))}return l}((null===t||void 0===t||null===(e=t.collections)||void 0===e?void 0:e.nodes)||[]).map(e=>{const{image:t,name:l,id:r,automated:o,conditions:s,children:c,parent:u}=e||{},m=(null===c||void 0===c?void 0:c.length)>0;if(u&&!d[u.id])return[];const g=n.a.createElement(kx,{level:(null===e||void 0===e?void 0:e.level)||0},m?n.a.createElement("div",{className:"expaned-wrap"},n.a.createElement(D.g,{plain:!0,icon:d[r]?ml.a:pl.a,onClick:p(r)})):n.a.createElement("div",{style:{width:"2.5rem"}}),n.a.createElement("span",null,r)),A=n.a.createElement(D.eb,{source:t?t.url:ze.a,alt:t?t.name:""}),b=n.a.createElement("span",null,l),h=n.a.createElement(yx,{collection:e,filter:a,currentParam:i}),f=(null===e||void 0===e?void 0:e.private)?"success":"info",v=(null===e||void 0===e?void 0:e.private)?"Private":"Public";return[g,A,b,n.a.createElement("div",{className:"status-wrap"},null!=(null===e||void 0===e?void 0:e.private)&&n.a.createElement(D.e,{children:v,status:f})),n.a.createElement("div",{className:"automated-wrap"},o&&(null===s||void 0===s?void 0:s.length)>0?s.map((e,t)=>{const{field:a,value:l,operator:r}=e||{};return n.a.createElement("div",{key:"condition-"+t,className:"condition-inner"},n.a.createElement("span",null,t+1,"."),n.a.createElement("strong",null,Object(C.capitalize)(a||"")),n.a.createElement("span",null,r),n.a.createElement("strong",null,l))}):null),n.a.createElement(D.gb,{content:"Count of product used"},n.a.createElement(D.e,{status:"info"},(null===e||void 0===e?void 0:e.count)||0)),h]});s(l)},[t,p,d]),Object(l.useEffect)(()=>{var e;const a=function e(t){if(!t||0===t.length)return[];const a={};for(let r of t){var l,n;(null===r||void 0===r||null===(l=r.parent)||void 0===l?void 0:l.id)&&(a[r.parent.id]=!0),(null===(n=r.children)||void 0===n?void 0:n.length)>0&&Object.assign(a,{...e(r.children)})}return a}((null===t||void 0===t||null===(e=t.collections)||void 0===e?void 0:e.nodes)||[]);m(a)},[t]);const g=Object(C.get)(t,"collections.total",0),A={page:c/u+1,totalPage:Math.ceil(g/u),offset:c,limit:u,onChange:r,total:g};return n.a.createElement(Cx,null,n.a.createElement(D.n,{columnContentTypes:["text","text","text","text","text","text","numeric"],headings:["ID","Image","Name","Visibility","Automated Condition","Count","Actions"],rows:o,verticalAlign:"middle",footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:A,showTotal:!0})}))};const jx=j.b.div` 18689 margin: -1rem; 18690 @media (min-width: 640px) { 18691 margin: -1.5rem; 18692 } 18693`,wx=o.a` 18694 fragment cat on Collection { 18695 id 18696 name 18697 private 18698 automated 18699 count 18700 parent { 18701 id 18702 } 18703 conditions { 18704 id 18705 field 18706 operator
18707 value 18708 } 18709 image { 18710 id 18711 name 18712 url 18713 thumbnailUrl 18714 } 18715 } 18716 query collections($filter: CollectionFilter!) { 18717 collections(filter: $filter) { 18718 total 18719 nodes { 18720 ...cat 18721 children { 18722 ...cat 18723 children { 18724 ...cat 18725 children { 18726 ...cat 18727 children { 18728 ...cat 18729 } 18730 } 18731 } 18732 } 18733 } 18734 } 18735 } 18736`,Sx=[...oe.n,"status"],Ix=e=>{let{path:t}=e;const a=Object(l.useMemo)(()=>Object(c.Bb)(t),[t]),r=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=20),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,Sx)}return e},[a]),[i,o]=Object(l.useState)({limit:Number(Object(c.M)("perPageCollections"))||20,offset:0,search:null,status:null,...r}),{currentUser:s}=Object(l.useContext)(te.a);let u=Object(c.U)(s);Object(l.useEffect)(()=>{let{offset:e,limit:t,...a}=i,l=null,n=Object(c.o)(t,e);l=Object(c.l)({limit:t,paged:n,...a}),B.a.push(`${B.a.location.pathname}?${l}`)},[i]);const{data:d,loading:m,error:p}=Object(De.d)(wx,{variables:{filter:{...i}},fetchPolicy:"cache-and-network"}),g=m&&n.a.createElement(D.D,null);return n.a.createElement(jx,null,g,n.a.createElement(D.H,{title:"All Collections",fullWidth:!0,primaryAction:n.a.createElement(D.g,{primary:!0,onClick:()=>B.a.push(`/${u}/add/collection`)},"New Collection")},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(fx,{filter:i,onChange:e=>{let{search:t,status:a}=e;o(l=>(k.a.isEqual(l.search,t)&&k.a.isEqual(l.status,a)||(l.offset=0),{...l,...e}))}})),n.a.createElement(D.i,null,p&&n.a.createElement("div",null,"Error: ",p.toString()),m?n.a.createElement(Je.SkeletonPagePolaris,null):d&&d.collections&&d.collections.nodes&&d.collections.nodes.length?n.a.createElement(Ox,{data:d,filter:i,currentParam:u,setFilter:(e,t)=>{o(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageCollections",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null))))};class Bx extends l.Component{render(){const e=Object(c.W)(null!=this.props?[this.props]:[]);return n.a.createElement(Ix,{path:e})}}var Dx=Bx;const Px=o.a` 18737 query productAssortmentDomains { 18738 productAssortmentDomains { 18739 total 18740 nodes { 18741 domain 18742 } 18743 } 18744 } 18745`,xx=o.a` 18746 query getAssortmentAuthors { 18747 getAssortmentAuthors { 18748 nodes { 18749 id 18750 user { 18751 id 18752 firstName 18753 lastName 18754 } 18755 } 18756 } 18757 } 18758`,Mx=o.a` 18759 query getAssortmentStores { 18760 getAssortmentStores { 18761 total 18762 nodes { 18763 id 18764 title 18765 } 18766 } 18767 } 18768`,Tx=[{value:"All",label:"All"},{value:"Api",label:"Api"},{value:"Url",label:"Url"},{value:"Struct",label:"Struct"}],Qx=e=>{const{filter:t,onChange:a}=e,[r,i]=Object(l.useState)(t.search),[o,s]=Object(l.useState)({value:t.type,label:null}),[u,d]=Object(l.useState)([]),[m,p]=Object(l.useState)({value:t.domain,label:null,search:null}),g=Object(l.useRef)(null),[A,b]=Object(l.useState)([]),[h,f]=Object(l.useState)({value:t.authorId,label:null,search:null}),[v,E]=Object(l.useState)({range:null,rangeLabel:null}),y=t.collection,[C,O]=Object(l.useState)([]),[j,w]=Object(l.useState)({value:y,label:null}),S=t.tag,[B,P]=Object(l.useState)([]),[x,M]=Object(l.useState)({value:S,label:null}),T=t.niche,[Q,R]=Object(l.useState)([]),[F,N]=Object(l.useState)({value:T,label:null}),{currentUser:U}=Object(l.useContext)(te.a),L=k.a.get(U,"roles",[]),V=k.a.get(U,"teamUser.role",null),{isIdea:z,isIdeaLeader:q}=Object(c.j)(U),H=z||q,[$,_]=Object(l.useState)([]),[G,K]=Object(l.useState)({value:t.storeId||null,label:null,search:null});let J=!1;L.includes(oe.pb.Seller)&&[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager,oe.gb.Supporter].includes(V)&&(J=!0);const{data:Y,loading:W,error:Z}=Object(De.d)(Px),{data:X,loading:ee,error:ae}=Object(De.d)(xx),{data:le,loading:ne,error:re}=Object(De.d)(Mx),{data:ie}=Object(De.d)(I.db);Object(l.useEffect)(()=>
18768{if(ie){const t=null===ie||void 0===ie?void 0:ie.getProductAssortmentTaxonomy,a=(e=t)instanceof Array&&0!==e.length?e.reduce((e,t)=>{const{term:a,taxonomies:l}=t||{};return{...e,[a]:(Array.isArray(l)&&(null===l||void 0===l?void 0:l.length)>0?l.filter(Boolean):[]).map(e=>({value:e,label:e}))}},{}):{},l=a.Collections,n=a.Tags,r=a.Niches;O(l),P(n),R(r)}var e},[ie]),Object(l.useEffect)(()=>{if(t.domain){let e=u&&u.length>0?u.find(e=>e.value===t.domain):null;e&&p(()=>({value:e.value,label:e.label}))}if(t.type){let e=Tx&&Tx.length>0?Tx.find(e=>e.value===t.type):null;e&&s(()=>({value:e.value,label:e.label}))}if(t.authorId){let e=A&&A.length>0?A.find(e=>e.value===t.authorId):null;e&&f(()=>({value:e.value,label:e.label}))}if(t.storeId){let e=$&&$.length>0?$.find(e=>e.value===t.storeId):null;e&&K(()=>({value:e.value,label:e.label}))}},[t,u,Tx,A,$]),Object(l.useEffect)(()=>{if(null!=y&&(null===C||void 0===C?void 0:C.length)>0){const e=C.find(e=>e.value===y);if(null!=e){const{value:t,label:a}=e;w({value:t,label:a})}}},[C,y]),Object(l.useEffect)(()=>{if(null!=S&&(null===B||void 0===B?void 0:B.length)>0){const e=B.find(e=>e.value===S);if(null!=e){const{value:t,label:a}=e;M({value:t,label:a})}}},[B,S]),Object(l.useEffect)(()=>{if(null!=T&&(null===Q||void 0===Q?void 0:Q.length)>0){const e=Q.find(e=>e.value===T);if(null!=e){const{value:t,label:a}=e;N({value:t,label:a})}}},[Q,T]),Object(l.useEffect)(()=>{let e=Y&&Y.productAssortmentDomains&&Y.productAssortmentDomains.nodes&&Y.productAssortmentDomains.nodes.length>0?Y.productAssortmentDomains.nodes.filter(e=>e.domain).map(e=>({value:e.domain,label:e.domain})):[];d(e)},[Y]),Object(l.useEffect)(()=>{let e=X&&X.getAssortmentAuthors&&X.getAssortmentAuthors.nodes&&X.getAssortmentAuthors.nodes.length>0?X.getAssortmentAuthors.nodes.map(e=>{let t=e&&e.user,a="";return(U&&U.id)===t.id&&(a="(current)"),{value:t?t.id:null,label:t?`${t.firstName} ${t.lastName} ${a}`:""}}):[];b(e)},[X]),Object(l.useEffect)(()=>{var e,t;let a=(null===le||void 0===le||null===(e=le.getAssortmentStores)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?le.getAssortmentStores.nodes.map(e=>{let{id:t,title:a}=e;return{value:t,label:a}}):[];_(a)},[le]),Object(l.useEffect)(()=>{g.current&&clearTimeout(g.current),a&&(g.current=setTimeout(()=>{a({search:r?r.trim():r,type:o.value,domain:m.value,authorId:h.value,createdTime:v.range,storeId:G.value,collection:j.value,tag:x.value,niche:F.value})},300))},[o,m,r,h,v,G,j.value,x.value,F.value]);const se=Object(l.useCallback)(e=>i(e),[]),ce=Object(l.useCallback)(()=>i(null),[]),ue=Object(l.useCallback)(()=>p(()=>({value:null,label:null,search:null})),[]),de=Object(l.useCallback)(()=>s(()=>({value:null,label:null})),[]),me=Object(l.useCallback)(()=>{f(()=>({value:null,label:null,search:null}))},[]),pe=Object(l.useCallback)(()=>E({range:null,rangeLabel:null}),[]),ge=Object(l.useCallback)(()=>K({value:null,label:null,search:null}),[]),Ae=Object(l.useCallback)(()=>w({value:null,label:null,search:null}),[]),be=Object(l.useCallback)(()=>w({value:null,label:null,search:null}),[]),he=Object(l.useCallback)(()=>N({value:null,label:null,search:null}),[]),fe=[ce,de,ue,me,pe,ge,Ae,be,he],ve=Object(l.useCallback)(()=>{for(let e of fe)e&&e()},[...fe]),Ee=[{key:"domain",label:"Domain",filter:n.a.createElement(ga.a,{data:u,value:m,loading:W,error:Z,onChange:e=>{let{value:t,label:a}=e;return p(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return p(e=>({...e,search:t}))}})},{key:"type",label:"Type",filter:n.a.createElement(Mi.a,{value:o&&o.value,options:Tx,onChange:e=>{let{value:t,label:a}=e;return s(e=>({...e,value:t,label:a}))}})},...J||H?[{key:"author",label:"Author",filter:n.a.createElement(ga.a,{value:h,data:A,loading:ee,error:ae,onChange:e=>{let{value:t,label:a}=e;return f(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return f(e=>({...e,search:t}))}})}]:[],{key:"createdTime",label:"Created Time",filter:n.a.createElement(yv.a,{filterTime:v,onChangeRange:(e,t)=>{E(a=>({...a,range:e,rangeLabel:t}))}})},...J?[{key:"store",label:"Stores",filter:n.a.createElement(ga.a,{data:$,value:G,loading:ne,error:re,onChange:e=>{let{value:t,label:a}=e;return K(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return K(e=>({...e,search:t}))}})}]:[],{key:"collection",label:"Collection",filter:n.a.createElement(ga.a,{value:j,data:C,onChange:e=>{let{value:t,label:a}=e;return w(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return w(e=>({...e,search:t}))}})},{key:"tag",label:"Tag",filter:n.a.createElement(ga.a,{value:x,data:B,onChange:e=>{let{value:t,label:a}=e;return M(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return M(e=>({...e,search:t}))}})},{key:"niche",label:"Niche",filter:n.a.createElement(ga.a,{value:F,data:Q,onChange:e=>{let{value:t,label:a}=e;return N(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return N(e=>({...e,search:t}))}})}],ye=[];if(!Object(c.tb)(o.label)){const e="type";ye.push({key:e,label:Ce(e,o.label),onRemove:de})}if(!Object(c.tb)(m.label)){const e="domain";
18768ye.push({key:e,label:Ce(e,m.label),onRemove:ue})}if(!Object(c.tb)(h.label)){const e="author";ye.push({key:e,label:Ce(e,h.label),onRemove:me})}if(!Object(c.tb)(v.rangeLabel)&&v.range){const e="createdTime";ye.push({key:e,label:Ce(e,v.rangeLabel),onRemove:pe})}if(!Object(c.tb)(G.label)){const e="store";ye.push({key:e,label:Ce(e,G.label),onRemove:ge})}if(!Object(c.tb)(j.label)){const e="collection";ye.push({key:e,label:Ce(e,j.label),onRemove:Ae})}if(!Object(c.tb)(x.label)){const e="tag";ye.push({key:e,label:Ce(e,x.label),onRemove:be})}if(!Object(c.tb)(F.label)){const e="niche";ye.push({key:e,label:Ce(e,F.label),onRemove:he})}return n.a.createElement(D.r,{filters:Ee,appliedFilters:ye,queryPlaceholder:"Search...",queryValue:r,onQueryChange:se,onQueryClear:ce,onClearAll:ve});function Ce(e,t){switch(e){case"type":return"Type: "+t;case"domain":return"Domain: "+t;case"author":return"Author: "+t;case"createdTime":return"Created time: "+t;case"store":return"Store: "+t;case"collection":return"Collection: "+t;case"tag":return"Tag: "+t;case"niche":return"Niche: "+t;default:return t}}};function Rx(e){let{filter:t,onChange:a}=e;const r=t.search,[i,o]=Object(l.useState)(""),s=Object(l.useRef)(null),[c,u]=Object(l.useState)({range:null,rangeLabel:null}),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)({value:t.domain,label:null,search:null}),[A,b]=Object(l.useState)([]),[h,f]=Object(l.useState)({value:t.authorId,label:null,search:null}),[v,E]=Object(l.useState)([]),[y,k]=Object(l.useState)({value:t.storeId||null,label:null,search:null}),{currentUser:O}=Object(l.useContext)(te.a),j=Object(C.get)(O,"roles",[]),w=Object(C.get)(O,"teamUser.role",null);let S=!1;j.includes(oe.pb.Seller)&&[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager,oe.gb.Supporter].includes(w)&&(S=!1);const{data:B,loading:P,error:x}=Object(De.d)(I.e),{data:M,loading:T,error:Q}=Object(De.d)(xx,{skip:!0}),{data:R,loading:F,error:N}=Object(De.d)(Mx,{skip:!0});Object(l.useEffect)(()=>{var e,t;let a=(null===B||void 0===B||null===(e=B.complexProductAssortmentDomains)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?B.complexProductAssortmentDomains.nodes.filter(e=>e.domain).map(e=>({value:e.domain,label:e.domain})):[];m(a)},[B]),Object(l.useEffect)(()=>{var e,t;let a=(null===M||void 0===M||null===(e=M.getAssortmentAuthors)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?M.getAssortmentAuthors.nodes.map(e=>{let t=e&&e.user,a="";return(O&&O.id)===t.id&&(a="(current)"),{value:t?t.id:null,label:t?`${t.firstName} ${t.lastName} ${a}`:""}}):[];b(a)},[M,O]),Object(l.useEffect)(()=>{var e,t;let a=(null===R||void 0===R||null===(e=R.getAssortmentStores)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?R.getAssortmentStores.nodes.map(e=>{let{id:t,title:a}=e;return{value:t,label:a}}):[];E(a)},[R]),Object(l.useEffect)(()=>(s.current=setTimeout(()=>{a&&a({search:null===i||void 0===i?void 0:i.trim(),createdTime:c.range,domain:p.value,authorId:h.value,storeId:y.value})},350),()=>{clearTimeout(s.current)}),[a,i,c.range,p.value,y.value,h.value]);const U=Object(l.useCallback)(e=>{o(e)},[]),L=Object(l.useCallback)(()=>o(""),[]),V=Object(l.useCallback)(()=>u({range:null,rangeLabel:null}),[]),z=Object(l.useCallback)(()=>g(()=>({value:null,label:null,search:null})),[]),q=Object(l.useCallback)(()=>{f(()=>({value:null,label:null,search:null}))},[]),H=Object(l.useCallback)(()=>k({value:null,label:null,search:null}),[]),$=Object(l.useMemo)(()=>[L,V,z,q,H],[L,V,z,H,q]),_=Object(l.useCallback)(()=>{for(let e of $)e&&e()},[...$]);Object(l.useEffect)(()=>{r&&o(r)},[r]),Object(l.useEffect)(()=>{if(t.domain){let e=(null===d||void 0===d?void 0:d.length)>0?d.find(e=>e.value===t.domain):null;e&&g(()=>({value:e.value,label:e.label}))}},[t.domain,d]),Object(l.useEffect)(()=>{if(t.authorId){let e=(null===A||void 0===A?void 0:A.length)>0?A.find(e=>e.value===t.authorId):null;e&&f(()=>({value:e.value,label:e.label}))}},[t.authorId,A]),Object(l.useEffect)(()=>{if(t.storeId){let e=(null===v||void 0===v?void 0:v.length)>0?v.find(e=>e.value===t.storeId):null;e&&k(()=>({value:e.value,label:e.label}))}},[t.storeId,v]);const G=[{key:"domain",label:"Domain",filter:n.a.createElement(ga.a,{data:d,value:p,loading:P,error:x,onChange:e=>{let{value:t,label:a}=e;return g(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return g(e=>({...e,search:t}))}})},...S?[{key:"author",label:"Author",filter:n.a.createElement(ga.a,{value:h,data:A,loading:T,error:Q,onChange:e=>{let{value:t,label:a}=e;return f(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return f(e=>({...e,search:t}))}})},{key:"store",label:"Stores",filter:n.a.createElement(ga.a,{data:v,value:y,loading:F,error:N,onChange:e=>{let{value:t,label:a}=e;return k(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return k(e=>({...e,search:t}))}})}]:[],{key:"createdTime",label:"Created Time",filter:n.a.createElement(yv.a,{filterTime:c,onChangeRange:(e,t)=>
18768{u(a=>({...a,range:e,rangeLabel:t}))}})}],K=[];if(!Object(C.isEmpty)(p.label)){const e="domain";K.push({key:e,label:J(e,p.label),onRemove:z})}if(!Object(C.isEmpty)(c.rangeLabel)&&c.range){const e="createdTime";K.push({key:e,label:J(e,c.rangeLabel),onRemove:V})}if(!Object(C.isEmpty)(h.label)){const e="author";K.push({key:e,label:J(e,h.label),onRemove:q})}if(!Object(C.isEmpty)(y.label)){const e="store";K.push({key:e,label:J(e,y.label),onRemove:H})}return n.a.createElement(D.r,{filters:G,appliedFilters:K,queryValue:i,queryPlaceholder:"Filter item",onQueryChange:U,onQueryClear:L,onClearAll:_});function J(e,t){switch(e){case"domain":return"Domain: "+t;case"createdTime":return"Created time: "+t;case"author":return"Author: "+t;case"store":return"Store: "+t;default:return t}}}var Fx=a(1384),Nx=a(1545);const Ux=o.a` 18769 query fulfillments { 18770 fulfillments { 18771 id 18772 name 18773 } 18774 } 18775`,Lx=o.a` 18776 query productBasesForAssortment { 18777 productBasesForAssortment { 18778 id 18779 title 18780 slug 18781 attributes { 18782 name 18783 slug 18784 options 18785 } 18786 fulfillment { 18787 fulfillmentId 18788 } 18789 } 18790 } 18791`,Vx=["Color","Type","Shape","Pack"];function zx(e){let{value:t,onSubmit:a,loading:r}=e;const{currentUser:i}=Object(te.c)(),{teamUser:o}=i||{},{team:s}=o||{},{id:u}=s||{},[d,m]=Object(l.useState)({id:null,title:"",collections:oe.Q===u?["hGypw"]:[],tags:[],personalized:!1,fields:[],attr:null,optionByAttr:[],optionsCrawl:[],mockupUrls:{},mainImageUrl:null,variantImages:[],productBaseId:null}),[p,g]=Object(l.useState)({});Object(l.useEffect)(()=>{if(null!=t){const{id:e,title:a}=t;m(t=>({...t,id:e,title:a}))}},[t]),Object(l.useEffect)(()=>{var e;const a=null===(e=d.attr)||void 0===e?void 0:e.toLowerCase();if(null!=t){const{variantAttributes:e}=t;if(null!=a){const t=(e||[]).map(e=>{const{attribute:t,image:a}=e;if(null==t||0===t.length)return null;const[l]=t;return{value:Object(c.Vb)(l.value),label:l.value,image:a}}).filter(Boolean),a=t.reduce((e,t)=>{let{value:a,image:l}=t;const[n]=(l||[]).filter(Boolean);return{...e,[a]:n}},{});m(e=>{let l=e.variantImages||[];return l=l.map(e=>{let a;Array.isArray(e.options)?a=t.find(t=>e.options.includes(t.value)):"string"===typeof e.options&&(a=t.find(t=>t.value===e.options));let l={...e,imageUrl:[],mainImageUrl:null};var n;null!=a&&(l={...e,value:a.value,imageUrl:a.image,mainImageUrl:(null===(n=a.image)||void 0===n?void 0:n.length)>0?a.image[0]:null});return l}),{...e,optionsCrawl:t,mockupUrls:a,variantImages:l}})}}},[t,d.attr,d.productBaseId]);const A=Object(l.useMemo)(()=>({collections:"Collections",tags:"Tags",productBaseId:"Product base"}),[]),b=Object(l.useCallback)((e,t)=>{let a=null,l=A[t];e&&0!==e.length||!l||(a=l+" is required"),g(e=>({...e,[t]:a}))},[A]),h=Object(l.useCallback)((e,t)=>{m(a=>({...a,[t]:e})),b(e,t)},[b]),f=Object(l.useCallback)(e=>{m(t=>({...t,personalized:e,fields:e?t.fields:[]}))},[]),v=Object(l.useCallback)(e=>{m(t=>({...t,fields:[...e]}))},[]),E=Object(l.useCallback)(()=>{for(let a of Object.keys(A))b(d[a],a);const{productBaseId:e,collections:t,tags:l,variantImages:n,id:r,title:i,personalized:o,fields:s,mockupUrls:c,mainImageUrl:u}=d,m=Object.values(p).every(e=>null==e),g=n.filter(e=>e.mainImageUrl).map(e=>{let{attribute:t,imageUrl:a,mainImageUrl:l}=e;return{attribute:t,imageUrl:a,mainImageUrl:l}});if(null!=e&&(null===t||void 0===t?void 0:t.length)>0&&(null===l||void 0===l?void 0:l.length)>0&&(null===g||void 0===g?void 0:g.length)>0&&null!=c&&null!=u&&m){const n=Object.values(c).filter(Boolean),[d]=Object.values(u).filter(Boolean),m={id:r,title:i,productBaseId:e,collections:t,tags:l,personalized:o,fields:s,variantImages:g,mockupUrls:n,mainImageUrl:d};a&&a(m)}},[d,A,p,a,b]);return Object(l.useEffect)(()=>{var e;if((null===(e=d.variantImages)||void 0===e?void 0:e.length)>0){const e=d.variantImages.filter(e=>e.mainImageUrl);let t=null;0===(null===e||void 0===e?void 0:e.length)&&(t="Please select at least one variant."),g(e=>({...e,mapping:t}))}},[d.variantImages]),n.a.createElement(Yx,null,n.a.createElement(D.Y,{vertical:!0,spacing:"loose"},n.a.createElement(qx,{value:d.title,setState:m}),n.a.createElement(Hx,{setState:m,errors:p,onChange:e=>h(e,"productBaseId")}),n.a.createElement(Av.CollectionSelectPolaris,{label:"Collections",required:!0,allowMultiple:!0,hasPopular:!0,haveQuickAdd:!0,value:d.collections,errorMessage:p.collections,isAssortment:!0,onChange:e=>h(e,"collections")}),n.a.createElement(bv.TagsSelectPolaris,{label:"Tags",required:!0,allowMultiple:!0,haveQuickAdd:!0,value:d.tags,errorMessage:p.tags,onChange:e=>h(e,"tags")}),n.a.createElement(Kx,{stateRoot:d,setStateRoot:m}),n.a.createElement(_x,{options:d.optionByAttr,optionsCrawl:d.optionsCrawl,setStateRoot:m,stateRoot:d,error:null===p||void 0===p?void 0:p.mapping}),n.a.createElement("div",null,n.a.createElement(D.j,{label:"This is a personalized product",checked:d.personalized,onChange:f}),d.personalized&&n.a.createElement(Xk.SimpleCustomizePolaris,{value:d.fields,onChange:v})),n.a.createElement(D.g,{fullWidth:!0,primary:!0,loading:r,children:"Submit",onClick:E})))}function qx(e){let{value:t,setState:a}=e;const[r,i]=Object(Ee.a)(!1),o=Object(l.useRef)(null),s=Object(l.useCallback)(e=>{a&&a(t=>({...t,title:e}))},[a]);return Object(l.useEffect)(()=>()=>clearTimeout(o.current)),n.a.createElement("div",{className:"product-title-wrap"},n.a.createElement("span",null,"Product Title:"),r?n.a.createElement("div",{className:"input-wrap"},n.a.createElement(D.cb,{value:t,onChange:s,placeholder:"Product title"})):n.a.createElement(D.db,{variation:"strong"},t),n.a.createElement(D.g,{icon:r?UE.a:Fx.a,plain:!0,onClick:i}))}function Hx(e){let{setState:t,onChange:a,errors:r}=e;const[i,o]=Object(l.useState)([]),[s,u]=Object(l.useState)([]),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)({fulfillmentId:null,baseId:null,currentBase:null,attributeId:null,fulfillment:null}),{data:A,loading:b,error:h}=Object(De.d)(Ux),{data:f,loading:v,error:E}=Object(De.d)(Lx);Object(l.useEffect)(()=>{var e;const t=(null===A||void 0===A||null===(e=A.fulfillments)||void 0===e?void 0:e.length)>0?A.fulfillments.map(e=>({value:e.id,label:e.name})):[];o([{value:null,label:"MerchBridge"},...t])},[A]);const y=Object(l.useCallback)((function(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(t){const l=(null===e||void 0===e?void 0:e.length)>0?e.map(e=>{const t=$x(p.fulfillment,e);return{attribute:e,options:t||null}}):[];t(t=>({...t,optionByAttr:e,attr:a,variantImages:[...l]}))}}),[t,p.fulfillment]);Object(l.useEffect)(()=>{var e;const t=p.fulfillmentId,a=(null===f||void 0===f||null===(e=f.productBasesForAssortment)||void 0===e?void 0:e.length)>0?f.productBasesForAssortment.filter(e=>{var a;const l=null===e||void 0===e||null===(a=e.fulfillment)||void 0===a?void 0:a.fulfillmentId;return null!=t?l===t:null===e.fulfillment}).map(e=>({...e,value:e.id,label:e.title})):[];u(a),y([])},[f,p.fulfillmentId,y]);const C=Object(l.useCallback)(e=>{const t=null===e||void 0===e?void 0:e.value,a=null===e||void 0===e?void 0:e.label;g(e=>({...e,fulfillmentId:t,attributeId:null,fulfillment:a}))},[]),k=Object(l.useCallback)(e=>{if(a&&a(e),g(t=>({...t,baseId:e})),null!=e){const t=(null===s||void 0===s?void 0:s.length)>0?s.find(t=>
18791t.id===e):null;if(null!=t){g(e=>({...e,currentBase:t,attributeId:null}));const{attributes:e}=t,a=(e||[]).map(e=>({value:e.slug,label:e.name}));m(a);const l=(null===e||void 0===e?void 0:e.length)>0?e.find(e=>{var t,a;const l=null===e||void 0===e||null===(t=e.slug)||void 0===t||null===(a=t.trim())||void 0===a?void 0:a.toLowerCase();return Vx.map(e=>e.toLowerCase()).includes(l)}):null;null!=l?(g(e=>({...e,attributeId:l.slug})),y(l.options,l.slug)):y([])}}},[s,y,a]),O=Object(l.useCallback)(e=>{g(t=>({...t,attributeId:e}));const t=p.currentBase;if(null!=t&&null!=e){const{attributes:a}=t,l=(a||[]).find(t=>t.slug===e);null!=l&&y(l.options,e)}},[p.currentBase,y]);return n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement(al.a,{label:"Product Base",required:!0}),n.a.createElement(D.Y,{distribution:"fill"},n.a.createElement("div",null,n.a.createElement(D.z,{label:"Fulfillment"}),b?n.a.createElement(D.X,{size:"small"}):h?n.a.createElement("div",null,"Error: ",Object(c.ib)(h.toString())):n.a.createElement(yl.a,{options:i,value:p.fulfillmentId,placeholder:"Filter fulfillment",onChange:C,isFilter:!0})),n.a.createElement("div",null,n.a.createElement(D.z,{label:"Product base"}),v?n.a.createElement(D.X,{size:"small"}):E?n.a.createElement("div",null,"Error: ",Object(c.ib)(E.toString())):n.a.createElement(yl.a,{options:s,value:p.baseId,placeholder:"Filter product base",onChange:k,error:r.productBaseId})),n.a.createElement("div",null,n.a.createElement(D.z,{label:"Attributes"}),n.a.createElement(yl.a,{options:d,value:p.attributeId,placeholder:"Filter attribute",onChange:O}))))}function $x(e,t){if(!e)return!1;const a=e.toLowerCase(),l=null===t||void 0===t?void 0:t.replace(/\s/g,""),n=oe.x[a];if(null==n)return!1;const r=n[l];let i=null;return Array.isArray(r)?i=r.map(e=>Object(c.Vb)(e)):"string"===typeof r&&(i=Object(c.Vb)(r)),i}function _x(e){let{options:t,optionsCrawl:a,setStateRoot:l,stateRoot:r,error:i}=e;return n.a.createElement(Wx,null,n.a.createElement(D.z,{label:"Mapping"}),n.a.createElement(D.i,{sectioned:!0},n.a.createElement("div",{className:"header"},n.a.createElement("span",null,"Attributes"),n.a.createElement("span",null,"Crawl variants"),n.a.createElement("div",{className:"image-wrap"})),n.a.createElement(D.Y,{vertical:!0,spacing:"loose"},(t||[]).map((e,t)=>n.a.createElement("div",{className:"option-wrap",key:"option-"+t},n.a.createElement(Gx,{item:e,index:t,option:a,setStateRoot:l,stateRoot:r}))))),i&&n.a.createElement(D.x,{message:i,fieldID:"mapping"}))}function Gx(e){let{item:t,option:a,setStateRoot:r,stateRoot:i,index:o}=e;const[s,c]=Object(l.useState)([]),[u,d]=Object(l.useState)(null),[m,p]=Object(l.useState)([]),[g,A]=Object(l.useState)(null);Object(l.useEffect)(()=>{null!=a&&c(a)},[a]),Object(l.useEffect)(()=>{const e=(null===i||void 0===i?void 0:i.variantImages)?i.variantImages.find(e=>e.attribute===t):null;null!=e&&(p(e.imageUrl),d(e.value))},[i,g,o,t]);const b=Object(l.useCallback)(e=>{d(e);const t=(s||[]).find(t=>t.value===e);null!=t&&(A(t),r(e=>({...e,variantImages:e.variantImages.map((e,a)=>{var l;return a===o?{...e,value:t.value,imageUrl:t.image,mainImageUrl:(null===(l=t.image)||void 0===l?void 0:l.length)>0?t.image[0]:null}:e})})))},[s,r,o]),h=Object(l.useCallback)(e=>{r&&r(t=>({...t,variantImages:t.variantImages.map((t,a)=>{if(a===o){var l;let a=null===t||void 0===t||null===(l=t.imageUrl)||void 0===l?void 0:l.indexOf(t.mainImageUrl);a===e&&(a-=1),a-=1,a=a<0?0:a;const n=t.imageUrl.filter((t,a)=>e!==a),r=n[a];return{...t,imageUrl:n,mainImageUrl:r}}return t})}))},[r,o]),f=Object(l.useCallback)(e=>{if(r&&null!=g){const t=g.value;r(a=>({...a,variantImages:a.variantImages.map((t,a)=>o===a?{...t,mainImageUrl:e}:t),mockupUrls:{...a.mockupUrls,[t]:e}}))}},[o,r,g]),v=Object(l.useMemo)(()=>(m||[]).map((e,t,a)=>{var l,r;if(!e)return null;const s=null===(l=i.variantImages)||void 0===l||null===(r=l[o])||void 0===r?void 0:r.mainImageUrl,c=a.indexOf(s)===t,u=a.length>1;return n.a.createElement(Jx,{image:e,key:"img-"+t,onClick:()=>h(t),chooseMainImg:()=>f(e),isActive:c,canRemove:u})}),[m,i,h,f,o]),E=Object(l.useCallback)(()=>{d(null),r(e=>({...e,variantImages:e.variantImages.map((e,t)=>t===o?{...e,imageUrl:[],mainImageUrl:null}:e)}))},[r,o]);return n.a.createElement(l.Fragment,null,n.a.createElement(D.cb,{value:t,disabled:!0}),n.a.createElement(yl.a,{options:s,value:u,onChange:b,handleClear:E,clearButton:!0}),n.a.createElement("div",{className:"image-wrap"},(null===v||void 0===v?void 0:v.length)>0?v:n.a.createElement("span",null,"\xa0")))}function Kx(e){let{stateRoot:t,setStateRoot:a}=e;const r=Object(l.useCallback)(e=>{a(t=>({...t,mockupUrls:{...t.mockupUrls,[e]:null},mainImageUrl:{...t.mainImageUrl,[e]:null}}))},[a]),i=Object(l.useCallback)(e=>{a(t=>({...t,mainImageUrl:e}))},[a]);Object(l.useEffect)(()=>
18791{if(null!=t.mockupUrls){const[e]=Object.entries(t.mockupUrls);if(null!=e){const[t,l]=e;a(e=>({...e,mainImageUrl:{[t]:l}}))}}},[t.mockupUrls]);const o=Object(l.useMemo)(()=>{const e=t.mockupUrls;return Object.entries(e).map((e,a,l)=>{var o;let[s,c]=e;if(!c)return null;const u=(null===(o=t.mainImageUrl)||void 0===o?void 0:o[s])===c,d=l.length>1;return n.a.createElement(Jx,{image:c,key:"product-image-"+a,onClick:()=>r(s),chooseMainImg:()=>i({[s]:c}),isActive:u,canRemove:d})})},[t.mockupUrls,t.mainImageUrl,r,i]);return n.a.createElement(l.Fragment,null,n.a.createElement(D.z,{label:"Product Images"}),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(Xx,null,o)))}function Jx(e){let{image:t,onClick:a,chooseMainImg:l,isActive:r,canRemove:i}=e;const o=r?"active":"",s=i?"can-remove":"";return n.a.createElement(Zx,{className:[o,s].join(" ")},n.a.createElement("img",{src:t,alt:"img",onClick:l}),n.a.createElement(D.g,{plain:!0,icon:Nx.a,onClick:a}))}const Yx=j.b.div` 18792 .product-title-wrap { 18793 display: flex; 18794 align-items: center; 18795 flex-direction: row; 18796 column-gap: 1rem; 18797 justify-content: start; 18798 18799 .input-wrap { 18800 flex: 1 1 auto; 18801 } 18802 18803 .Polaris-Icon { 18804 height: 1.75rem; 18805 width: 1.75rem; 18806 } 18807 } 18808`,Wx=j.b.div` 18809 .Polaris-InlineError { 18810 margin-top: 1rem; 18811 } 18812 18813 .option-wrap, 18814 .header { 18815 display: flex; 18816 flex-direction: row; 18817 justify-content: start; 18818 column-gap: 1.6rem; 18819 align-items: center; 18820 18821 > * { 18822 flex: 1 1 20%; 18823 } 18824 .image-wrap { 18825 flex: 1 1 60%; 18826 } 18827 } 18828 18829 .image-wrap { 18830 display: flex; 18831 flex-wrap: wrap; 18832 flex-direction: row; 18833 gap: 0.785rem; 18834 } 18835 18836 .header { 18837 margin-bottom: 1.6rem; 18838 } 18839`,Zx=j.b.div` 18840 position: relative; 18841 border-radius: 3px; 18842 border: 2.5px solid transparent; 18843 box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 15px -3px, 18844 rgba(0, 0, 0, 0.1) 0px 4px 6px 2px; 18845 18846 &.active { 18847 border: 2.5px solid #3f4eae; 18848 } 18849 18850 img { 18851 width: 10rem; 18852 height: 10rem; 18853 border-radius: 3px; 18854 object-fit: cover; 18855 cursor: pointer; 18856 } 18857 18858 .Polaris-Button { 18859 visibility: hidden; 18860 transition: 0.3 all ease-in-out; 18861 position: absolute; 18862 right: 0.8rem; 18863 top: 0.8rem; 18864 padding: 0; 18865 min-height: 0; 18866 min-width: 0; 18867 18868 svg { 18869 fill: #2f3138; 18870 } 18871 } 18872 18873 &.can-remove { 18874 &:hover { 18875 img { 18876 opacity: 0.7; 18877 } 18878 18879 .Polaris-Button { 18880 visibility: visible; 18881 min-height: 2rem; 18882 min-width: 2rem; 18883 } 18884 } 18885 } 18886`,Xx=j.b.div` 18887 display: flex; 18888 flex-direction: row; 18889 flex-wrap: wrap; 18890 gap: 1.6rem; 18891`;function eM(e){let{open:t,onClose:a,item:r}=e;const i=null===r||void 0===r?void 0:r.id,{toggleToast:o,setNotify:s,filter:u}=Object(Fa.b)(),{data:d,loading:m,error:p,client:g}=Object(De.d)(I.d,{variables:{id:i},skip:null==i}),[A,{loading:b}]=Object(De.c)(Jt.o,{onCompleted:()=>{s({msg:"Assign this product successfully.",err:!1}),a&&a()},onError:e=>{s({msg:Object(c.ib)(e.toString()),err:!0})}}),h=Object(l.useCallback)(()=>{if(null!=i){const e=I.c,t={filter:u},a=g.readQuery({query:e,variables:t});g.writeQuery({query:e,variables:t,data:{...a,complexProductAssortment:{...a.complexProductAssortment,total:a.complexProductAssortment.total-1,nodes:a.complexProductAssortment.nodes.filter(e=>e.id!==i)}}})}},[g,u,i]),f=Object(l.useCallback)(e=>{null!=e&&(o&&o(!0),s&&s({msg:null,err:!1}),A({variables:{input:e}}).then(e=>{var t;null!=(null===e||void 0===e||null===(t=e.data)||void 0===t?void 0:t.assignComplexProduct)&&h()}).catch(()=>{}))},[s,o,A,h]),v=Object(l.useMemo)(()=>{if(null!=(null===d||void 0===d?void 0:d.getComplexProductAssortmentById))return d.getComplexProductAssortmentById},[d]);return n.a.createElement(D.E,{large:!0,title:"Assign Product",sectioned:!0,open:t,onClose:a},m?n.a.createElement(Je.SkeletonPagePolaris,null):p?n.a.createElement("div",null,"Error: ",Object(c.ib)(p.toString())):null!=v?n.a.createElement(zx,{onSubmit:f,loading:b,value:v}):n.a.createElement(We.EmptyStatePolaris,{noData:!0}))}const tM=e=>{let{open:t,onClose:a,item:r}=e;const i=null===r||void 0===r?void 0:r.id,{toggleToast:o,setNotify:s,filter:u}=Object(Fa.b)(),[d,{loading:m,client:p}]=Object(De.c)(Jt.tb,{onCompleted:()=>{s({msg:"Remove this product successfully.",err:!1}),a&&a()},onError:e=>{s({msg:Object(c.ib)(e.toString()),err:!0})}}),g=Object(l.useCallback)(()=>
18891{if(null!=i){const e=I.c,t={filter:u},a=p.readQuery({query:e,variables:t});p.writeQuery({query:e,variables:t,data:{...a,complexProductAssortment:{...a.complexProductAssortment,total:a.complexProductAssortment.total-1,nodes:a.complexProductAssortment.nodes.filter(e=>e.id!==i)}}})}},[p,u,i]),A=Object(l.useCallback)(()=>{null!=i&&(o&&o(!0),s&&s({msg:null,err:!1}),d({variables:{id:i}}).then(e=>{var t;null!=(null===e||void 0===e||null===(t=e.data)||void 0===t?void 0:t.deleteComplexProductCrawlItem)&&g()}).catch(()=>{}))},[i,d,o,s,g]);return n.a.createElement(D.E,{open:t,title:"Delete product selected",onClose:a,sectioned:!0,primaryAction:{content:"Trash",onAction:A,loading:m,destructive:!0},secondaryActions:[{content:"Cancel",onAction:a}]},n.a.createElement("p",null,"Are you sure to delete to this product?"))};function aM(e){let{item:t}=e;const[a,r]=Object(Ee.a)(!1),[i,o]=Object(l.useState)(null),s=Object(l.useCallback)(e=>{o(e),r()},[r]),c={item:t,open:a,onClose:r},u={assign:n.a.createElement(eM,c),trash:n.a.createElement(tM,c)};return n.a.createElement(l.Fragment,null,n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Assign",primary:!0,onClick:()=>s("assign")}),n.a.createElement(D.g,{children:"Trash",destructive:!0,onClick:()=>s("trash")})),u[i])}const lM=j.b.div` 18892 .Polaris-Thumbnail { 18893 width: 20rem; 18894 margin: 1rem 0; 18895 .Polaris-Thumbnail__Image { 18896 width: 100%; 18897 height: 100%; 18898 object-fit: cover; 18899 } 18900 :after { 18901 box-shadow: none; 18902 } 18903 } 18904`,nM=e=>{const{product:t,isSpecial:a}=e,[r,i]=Object(l.useState)(!1),[o,s]=Object(l.useState)(!1),c=Object(l.useCallback)(()=>s(e=>!e),[]);if(t&&t.source&&"etsy"===t.source.toLowerCase()&&Array.isArray(t.images)&&t.images.length>2&&!r){let e=t.images.length,a=t.images[e-1];t.images.pop(),t.images.unshift(a),i(()=>!0)}let u=[],d=null;t.mainImage&&(u=[{file:t.mainImage}],d=t.mainImage.id),t.images&&(u=[...u,...t.images.filter(e=>e.file?e.file.id!==d:e.id!==d)]);let m="";if(a){if(u[0]&&u[0].file){let e=u[0].file;m=e.thumbnailUrl?e.thumbnailUrl:e.url}}else u[0]&&u[0].file&&u[0].file.thumbnailUrl?m=u[0].file.thumbnailUrl:u[0]&&u[0].file&&u[0].file.url&&(m=u[0].file.url);let p={images:u};return n.a.createElement(lM,null,n.a.createElement("div",{onClick:c,style:{cursor:"pointer"}},n.a.createElement(D.eb,{size:"large",alt:"",source:m})),n.a.createElement(rs.a,{open:o,toggleShowModal:c,item:p}))};function rM(e){let{data:t,setFilter:a,filter:r}=e;const[i,o]=Object(l.useState)([]);Object(l.useEffect)(()=>{var e,a;const l=(null===t||void 0===t||null===(e=t.complexProductAssortment)||void 0===e||null===(a=e.nodes)||void 0===a?void 0:a.length)>0?t.complexProductAssortment.nodes.map(e=>{var t;if(!e)return null;const{id:a,title:l,source:r,createdAt:i,author:o,url:s,variantAttributes:u}=e,d=n.a.createElement("div",{className:"item id-wrap"},n.a.createElement("span",null,a)),m=(null===u||void 0===u?void 0:u.length)>0?u.find(e=>{var t;return(null===e||void 0===e||null===(t=e.image)||void 0===t?void 0:t.length)>0}):[],p=(null===m||void 0===m||null===(t=m.image)||void 0===t?void 0:t.length)>0?m.image.filter(Boolean).map(e=>({file:{url:e}})):[],g=n.a.createElement("div",{className:"images-wrap"},n.a.createElement(nM,{product:{images:p},isSpecial:!0})),A=n.a.createElement(jn.a,{href:s||""},n.a.createElement(D.w,{source:yk.a})),b=n.a.createElement("div",{className:"item title-wrap"},n.a.createElement("span",null,l),s&&n.a.createElement(D.cb,{disabled:!0,value:s,suffix:A})),h=n.a.createElement("div",{className:"item source-wrap"},n.a.createElement("span",null,r)),f=[null===o||void 0===o?void 0:o.firstName,null===o||void 0===o?void 0:o.lastName].filter(Boolean).join(" "),v=n.a.createElement("div",{className:"item author-wrap"},n.a.createElement("span",null,f)),E=Object(c.C)(i,"YYYY-MM-DD HH:mm:ss");return[d,g,b,h,v,n.a.createElement("div",{className:"item created-at-wrap"},n.a.createElement("span",null,E)),n.a.createElement("div",{className:"actions-wrap"},n.a.createElement(aM,{item:e}))]}).filter(Boolean):[];o(l)},[t]);const s=["ID","Images","Title","Source","Author","Created At","Actions"],u=Array(s.length-1).fill("text").concat("numeric");let{limit:d,offset:m}=r;const p=Object(C.get)(t,"complexProductAssortment.total",0),g={page:m/d+1,totalPage:Math.ceil(p/d),offset:m,limit:d,onChange:a,total:p};return n.a.createElement(iM,null,n.a.createElement(D.n,{verticalAlign:"middle",columnContentTypes:u,headings:s,rows:i,hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:g,showTotal:!0})}))}const iM=j.b.div` 18905 .Polaris-DataTable__Footer { 18906 border-top: 0.1rem solid #e2e6ea; 18907 overflow: scroll; 18908 } 18909 18910 .actions-wrap { 18911 display: flex; 18912 flex-direction: row-reverse; 18913 min-width: calc(19rem - 3.2rem); 18914 } 18915 18916 .title-wrap { 18917 display: flex; 18918 flex-direction: column; 18919 row-gap: 0.5rem; 18920 width: calc(40rem - 3.2rem); 18921 white-space: break-spaces; 18922 18923 .Polaris-TextField__Input { 18924 border-right: 0.1rem solid var(--p-border, #c4cdd5); 18925 } 18926 18927 .Polaris-TextField__Suffix { 18928 margin-left: 0.6em; 18929 } 18930 } 18931`,oM=[...oe.n,"domain","authorId","storeId"],sM=j.b.div` 18932 margin: -1rem; 18933 @media (min-width: 640px) { 18934 margin: -1.5rem; 18935 } 18936`;function cM(e){var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};return e&&(e.limit=Number(e.limit)||10,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,oM)),e},[i]),[s,u]=Object(l.useState)({search:"",limit:+Object(c.M)("perPageComplexAssortment")||20,offset:0,createdTime:null,domain:null,authorId:null,storeId:null,...o}),{data:d,loading:m,error:p}=Object(De.d)(I.c,{variables:{filter:s}}),g=Object(l.useCallback)(e=>{let{search:t,createdTime:a,domain:l,authorId:n,storeId:r}=e;u(e=>Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.createdTime,a)&&Object(C.isEqual)(e.domain,l)&&Object(C.isEqual)(e.authorId,n)&&Object(C.isEqual)(e.storeId,r)?e:{...e,search:t,createdTime:a,domain:l,authorId:n,storeId:r,offset:0})},[]),A=Object(l.useCallback)((e,t)=>{u(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageComplexAssortment",t,100)},[]);Object(l.useEffect)(()=>{let{offset:e,limit:t,createdTime:a,...l}=s,n=Object(c.o)(t,e),r=null;r=Object(c.l)({limit:t,paged:n,...l}),B.a.push(`${B.a.location.pathname}?${r}`)},[s]);const b=m&&n.a.createElement(D.D,null);return n.a.createElement(sM,null,b,n.a.createElement(Fa.a,{filter:s},n.a.createElement(D.H,{fullWidth:!0,title:"Complex Assortment"},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(Rx,{filter:s,onChange:g})),n.a.createElement(D.i,null,m?n.a.createElement(Je.SkeletonPagePolaris,null):p?n.a.createElement("div",null,"Error: ",Object(c.ib)(p.toString())):(null===d||void 0===d||null===(t=d.complexProductAssortment)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(rM,{data:d,filter:s,setFilter:A}):n.a.createElement(We.EmptyStatePolaris,null)))))}var uM=a(545);function dM(){const e=Object(O.g)(),{currentUser:t}=n.a.useContext(te.a);let a=Object(c.U)(t);const[l,r]=Object(Ee.a)(!1),[i,o]=n.a.useState({msg:null,err:!1}),s=n.a.useRef(null),[u,{loading:d}]=Object(De.c)(Jt.eb,{onCompleted:()=>{o({msg:"Create order successfully.",err:!1}),s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{e.push(`/${a}/orders`)},1500)},onError:e=>{o({msg:Object(c.ib)(e.toString()),err:!0})}}),m=n.a.useCallback(e=>{r(!0),o({msg:null,err:!1}),null!=e&&u({variables:{input:e}})},[u,r,o]),p=l&&i.msg&&n.a.createElement(D.fb,{content:i.msg,error:i.err,onDismiss:r,duration:1500});return n.a.createElement(n.a.Fragment,null,p,n.a.createElement(D.i,{sectioned:!0,title:"Create Order"},n.a.createElement(uM.a,{onSubmit:m,loading:d})))}const mM=j.b.div` 18937 margin: -1rem; 18938 @media (min-width: 640px) { 18939 margin: -1.5rem; 18940 } 18941`;function pM(){return n.a.createElement(mM,null,n.a.createElement(D.H,{title:"Create Manual Order",fullWidth:!0},n.a.createElement(dM,null)))}const gM=j.b.div` 18942 margin: -1rem; 18943 @media (min-width: 640px) { 18944 margin: -1.5rem; 18945 } 18946`,AM=n.a.createContext({filter:{},refetch:()=>{}});function bM(e){let{open:t,onClose:a}=e;const r=Object(l.useRef)(null),i=Object(l.useRef)(null),[o,s]=Object(l.useState)(!1),[u,d]=Object(l.useState)(!1),{setNotify:m,toggleToast:p,refetch:g,setFilter:A}=Object(Fa.b)(),[b,{client:h}]=Object(De.c)(Jt.cb,{onCompleted:()=>{m({msg:"Create Idea Task successfully.",err:!1}),a&&a(),d(!1),i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{A&&A(e=>({...e})),g&&g()},1e3)},onError:e=>{d(!1),m({msg:Object(c.ib)(e.toString()),err:!0})}}),f=Object(l.useCallback)(async()=>{const e=r.current,t=e&&e.submit();if(null!=t){var a;p&&p(!0),m&&m({msg:null,err:!1}),d(!0);const{baseGroups:e}=t;let l=(e||[]).map(e=>({amzTitle:e.amzTitle})).filter(e=>e.amzTitle);if(l=Object(c.eb)(l,"amzTitle"),(null===(a=l)||void 0===a?void 0:a.length)>0){const e=await Promise.all(l.map(async e=>{let{amzTitle:t}=e;return await h.query({query:I.fb,variables:{title:t,whichField:oe.rb.AmzTitle}})}));if(!e||0===e.length)return;if(e.some(e=>{var t,a;return(null===e||void 0===e||null===(t=e.data)||void 0===t||null===(a=t.getProductsByTitle)||void 0===a?void 0:a.total)>0}))return m({msg:oe.i,err:!0}),void d(!1)}b({variables:{input:t}})}},[b,m,p,h]),v=Object(l.useCallback)(()=>
18946{if(o){if(!window.confirm("You have unsaved changes, are you sure you want to leave?"))return}a();const e=r.current;e&&e.close()},[o,a]),E=[{content:"Create idea task",onAction:f,loading:u}];return n.a.createElement(Nw,{open:t,title:"Add new idea task",primaryAction:E,handleClose:v,domId:"idea-task-id",setChanged:s},n.a.createElement(Mw,{ref:r,isAdminSeller:!0}))}function hM(e){const{currentUser:t}=Object(te.c)(),a=`${Object(c.db)(t)}${e}`,{data:l}=Object(De.d)(I.Ub,{variables:{filter:{search:a}}});return function(e){const t=Object(C.get)(e,"variables[0].value")||"";if(!t)return!1;try{return JSON.parse(t)}catch(a){console.log("[checkVariable] - error:",a)}}(l)}const fM=j.b.div` 18947 .Polaris-Tabs__DisclosureActivator:focus { 18948 box-shadow: none; 18949 } 18950`,vM="draft",EM={value:"artworkConfigurable",label:"Artwork Configurable"},yM=[{value:"all",label:"All Tasks"},{value:vM,label:"Draft"},{value:"pending",label:"Pending"},{value:"doing",label:"Doing"},{value:"fileGenerating",label:"File Generating"},{value:"needReview",label:"Need Review"},{value:"rejected",label:"Rejected"},{value:"expiredSoon",label:"Expired Soon"},{value:"denied",label:"Denied"},{value:"expired",label:"Expired"},{value:"cancel",label:"Cancel"},{value:"partiallyCompleted",label:"Partially Completed"},{value:"done",label:"Done"}],CM={value:"declined",label:"Declined"},kM=[{value:"pendingDesign",label:"Pending Design"},{value:"assigned",label:"Assigned"},{value:"unassigned",label:"Un-assigned"}],OM=["expiredSoon","expired","pendingDesign","assigned"],jM=["partiallyCompleted",vM,"declined"],wM=["all"],SM={value:"needBuyerConfirm",label:"Need Buyer Confirm"},IM={value:"awaitingBuyerConfirm",label:"Awaiting Buyer Confirm"},BM=e=>{let{isLeader:t,isDesigner:a,onChange:r,value:i,hasAssign:o,dataCountV2:s,isIdeaTask:u,ideaRoles:d,isRoleIdeaLeader:m}=e;const[p,g]=Object(l.useState)(0),[A,b]=Object(l.useState)([]),{currentUser:h}=Object(te.c)(),f=Object(c.ub)(h),v=hM(w.t.TP);Object(l.useEffect)(()=>{let e=yM;if(t){e=[...e.slice(0,1),...kM,...e.slice(1)];const t=e.findIndex(e=>{let{label:t}=e;return"Pending"===t});t>-1&&!u&&e.splice(t+1,0,EM)}if(u)if(e=e.filter(e=>!OM.includes(e.value)),d){const t=[...e],a=t.findIndex(e=>"denied"===e.value);a>-1&&t.splice(a,0,CM),e=[...t]}else e=e.filter(e=>![vM].includes(e.value));else e=e.filter(e=>!jM.includes(e.value));if(a&&(e=e.filter(e=>!wM.includes(e.value))),f||v){const t=e.findIndex(e=>{let{label:t}=e;return"File Generating"===t});t>-1&&!u&&e.splice(t+1,0,SM,IM)}if(null!=s)for(let[t,a]of Object.entries(s))e.forEach(e=>{e.value===t&&(e.total=a)});let l=e.map(e=>{let t;("expired"===e.value||"expiredSoon"===e.value)&&e.total>0&&(t="critical");let l=e.label;return a&&("pending"===e.value&&(l=WB.b),"needReview"===e.value&&(l="In Review")),{id:e.value,content:n.a.createElement("span",null,n.a.createElement("span",{style:{marginRight:"0.5rem"}},l),n.a.createElement(D.e,{status:t},e.total)),accessibilityLabel:"File Generating"===l?"File Generating":l,panelID:e.value}});b(l)},[s,t,u,d,m,a,f]),Object(l.useEffect)(()=>{let e=0;if(i){let t=i;if(a&&("Pending"===t&&(t=WB.b),"Need Review"===t&&(t="In Review")),null==o)e=DM(A,t);else if("Pending Design"===i){let t;t=o?"Assigned":"Un-assigned",e=DM(A,t)}else e=DM(A,t)}else if("boolean"===typeof o){let t;t=o?"Assigned":"Un-assigned",e=DM(A,t)}g(e>-1?e:0)},[A,i,o,a]);const E=Object(l.useCallback)(e=>{g(e);let t=A&&A.length>0?A.find((t,a)=>a===e):null,l=t&&t.accessibilityLabel;r&&(l="All Tasks"===l?null:l,a&&(l="In Review"===l?"Need Review":l,l=WB.b===l?"Pending":l),r({status:l}))},[A,a]);return n.a.createElement(fM,null,n.a.createElement(D.Z,{tabs:A,onSelect:E,selected:p}))};function DM(e,t){return e&&0!==e.length?e.findIndex(e=>e.accessibilityLabel===t):-1}var PM=a(1546),xM=a(1547),MM=a(1548);function TM(e){let{item:t,open:a,onClose:r}=e;const i=null===t||void 0===t?void 0:t.id,o=Object(l.useRef)(null),{setNotify:s,toggleToast:u,refetch:d,setFilter:m}=Object(Fa.b)(),[p,{loading:g}]=Object(De.c)(Jt.xb,{onCompleted:()=>{s({msg:"Create Idea Task successfully.",err:!1}),r&&r(),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{m&&m(e=>({...e})),d&&d()},1e3)},onError:e=>{s({msg:Object(c.ib)(e.toString()),err:!0})}}),A=Object(l.useCallback)(()=>{null!=i&&(u&&u(!0),s&&s({msg:null,err:!1}),p({variables:{id:i}}))},[i,p,u,s]);return n.a.createElement(D.E,{open:a,onClose:r,title:"Delete Idea Task",sectioned:!0,primaryAction:{content:"Delete",onAction:A,loading:g,destructive:!0},secondaryActions:[{content:"Close",onAction:r}]},n.a.createElement("p",null,"Are you sure to delete this idea?"))}function QM(e){let{data:t,filter:a,setFilter:r,isDesignLeader:i,isRoleIdeaLeader:o,isWriter:s,dataTotal:u}=e,{limit:d,offset:m}=a;const p=Object(C.get)(t,"tasksV2.total",0),g={page:m/d+1,totalPage:Math.ceil(p/d),offset:m,limit:d,onChange:r,total:p},A=null===u||void 0===u?void 0:u.totalKpi,b=null===u||void 0===u?void 0:u.totalKpiAssignTask;let h={};A&&[SO.a.Done,SO.a["Need Review"]].includes(a.status)&&(h={...h,totalKpi:A}),b&&(h={...h,totalKpiAssignTask:b});const[f,v]=Object(l.useState)([]),[E,y]=Object(Ee.a)(!1),[k,O]=Object(Ee.a)(!1),[j,w]=Object(l.useState)(200),S=Object(l.useCallback)(()=>{v(()=>[])},[v]),I=n.a.useMemo(()=>function(e,t){if(Object(c.c)(e)||Object(c.c)(t))return null;const[a]=e,l=t.find(e=>a===e.id&&e.designTeamID),n=t.filter(t=>e.includes(t.id)).some(e=>!!l&&e.designTeamID!==l.designTeamID);return{designTeamID:null===l||void 0===l?void 0:l.designTeamID,diff:n}}(f,t.tasksV2.nodes),[f,t.tasksV2.nodes]);return n.a.createElement(qM,null,n.a.createElement(D.l,{open:f.length>0,transition:{duration:"150ms",timingFunction:"ease"}},n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Assign to Team",onClick:O,primary:!0,size:"slim"}),n.a.createElement(D.g,{children:"Assign to Designer",onClick:y,size:"slim",primary:!0,disabled:!!I&&I.diff}))),n.a.createElement("div",{className:"media-items-wrap"},t.tasksV2.nodes.map((e,t)=>n.a.createElement(RM,{item:e,key:"item-"+t,isRoleIdeaLeader:o,isWriter:s,idsTake:f,setIdsTake:v,setHeight:w,index:t,height:j}))),n.a.createElement(HM,null,n.a.createElement(Ye.PaginationPolaris,Object.assign({aggregation:g,showTotal:!0,gotoPage:i},h))),n.a.createElement(cO,{ids:f,open:E,onClose:y,onCloseParent:S,item:I}),n.a.createElement(Yw,{ids:f,open:k,onClose:O,onCloseParent:S}))}function RM(e){var t;let{item:a,isRoleIdeaLeader:r,isWriter:i,setIdsTake:o,idsTake:s,setHeight:u,index:d,height:m}=e;const{relatedProducts:p,status:g,ideaTitle:A,medias:b,createdAt:h,createBy:f,assignee:v,collections:E,hasTemplateGenMockup:y,priority:C,taskBaseGroups:k,id:O}=a||{},j=function(e){if(!(e instanceof Array)||0===e.length)return[];let t=e.reduce((e,t)=>
18950{var a;const{baseConfigs:l}=t||{};let n=[];return(null===l||void 0===l?void 0:l.length)>0&&(n=l.reduce((e,t)=>{const{taskBaseSubmissions:a}=t||{},[l]=a||[],{customMockups:n,taskBaseMockups:r}=l||{};let i=[...n||[],...(null===r||void 0===r?void 0:r.length)>0?r.reduce((e,t)=>{const{outputMockup:a}=t||{};return null!=a?[...e,a]:e},[]):[]];return(null===i||void 0===i?void 0:i.length)>0?[...e,...i]:e},[])),(null===(a=n)||void 0===a?void 0:a.length)>0?[...e,...n]:e},[]);return t=Object(c.eb)(t,"id"),t.filter(e=>oe.A.includes(e.mimeType)),t}(k);let w=b||[];(null===j||void 0===j?void 0:j.length)>0&&(w=j),w&&0!==w.length||(w=(p||[]).map(e=>{var t;if((null===(t=e.images)||void 0===t?void 0:t.length)>0){return e.images.map(e=>e.file).filter(Boolean)}return null}).filter(Boolean).reduce((e,t)=>(null===t||void 0===t?void 0:t.length)>0?[...e,...t]:e,[]));const S=oe.eb.find(e=>e.name===g);w=w.filter(e=>oe.A.includes(e.mimeType));const I=w[0],B=(null===I||void 0===I?void 0:I.url)?I.url:(null===I||void 0===I?void 0:I.thumbnailUrl)?I.thumbnailUrl:ze.a,P=UM(f),x=UM(v),M=!1===y?n.a.createElement(D.e,{children:"No Template",status:"attention"}):null,[T,Q]=Object(Ee.a)(!1),[R,F]=Object(l.useState)(!1),N=Object(l.useRef)(null),[U,L]=Object(Ee.a)(!1),[V,z]=Object(Ee.a)(!1),q=Object(l.useCallback)(e=>{e.stopPropagation(),Q(),F(!1)},[Q]),H=Object(l.useCallback)(()=>{Q(),F(!0)},[Q]);Object(l.useEffect)(()=>{if(!N.current&&d)return;const e=N.current.getBoundingClientRect();(null===e||void 0===e?void 0:e.width)&&u(Number(e.width))},[d,u]);const $=Object(l.useRef)(null);Object(l.useEffect)(()=>{if(!N.current&&d)return;const e=()=>{const e=N.current.getBoundingClientRect();$.current&&clearTimeout($.current),$.current=setTimeout(()=>{(null===e||void 0===e?void 0:e.width)&&u(Number(e.width))},100)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e,!1)}},[d,u]);let _=Zr()(h).format("LL");const G=(E||[]).filter(Boolean).map(e=>e.name).map((e,t)=>n.a.createElement(D.e,{key:"col-"+t},e)),{isDraft:K,isPending:J,isDeclined:Y,isRejected:W}=Object(SO.b)(g),Z=S?"File Generating"===S.name?"File Generating":S.name:null,X=i&&(K||J||W)||r&&Y,ee=r&&(K||Y),te=null===a||void 0===a||null===(t=a.designTeam)||void 0===t?void 0:t.name;return n.a.createElement(l.Fragment,null,n.a.createElement("div",{className:"item-wrap",onClick:q,"data-idea-id":O||A},n.a.createElement("div",{ref:N,className:"item-inner"},n.a.createElement("div",{className:"idea-header-wrap"},n.a.createElement(FM,{item:a,idsTake:s,setIdsTake:o}),!!C&&n.a.createElement("div",{className:"priority-wrap"},n.a.createElement(D.e,{status:"critical",children:"Prioritized"})),n.a.createElement("div",{className:"status-wrap"},null!=S&&n.a.createElement(D.e,Object.assign({children:Z},S))),n.a.createElement("div",{className:"image-wrap img-box-shadow",style:m?{height:m}:{}},n.a.createElement("img",{src:B,alt:"",onDragStart:e=>e.preventDefault()}))),n.a.createElement("div",{className:"idea-content-wrap"},n.a.createElement("div",{className:"created-at-wrap have-icon"},n.a.createElement(D.w,{source:PM.a}),n.a.createElement("span",{className:"content"},n.a.createElement(D.db,{variation:"subdued"},_)),n.a.createElement(LM,{value:a})),n.a.createElement("div",{className:"title-wrap"},n.a.createElement("span",{className:"Polaris-TextStyle--variationStrong",title:A},A)),M&&n.a.createElement("div",{className:"no-mockup-template"},M),n.a.createElement("div",{className:"taxonomy-wrap"},G),te&&n.a.createElement("div",{className:"design-team"},n.a.createElement("b",null,"Design Team: "),n.a.createElement("span",null,te)),(null===a||void 0===a?void 0:a.needReviewAt)?n.a.createElement("div",null,n.a.createElement(D.gb,{content:"Need Review at"},n.a.createElement(D.e,{status:"info"},Zr()(null===a||void 0===a?void 0:a.needReviewAt).format("LL")))):null),n.a.createElement("div",{className:"idea-footer-wrap"},n.a.createElement("div",{className:"idea-footer-left"},n.a.createElement("div",{className:"assignee-wrap have-icon"},n.a.createElement(D.w,{source:xM.a}),n.a.createElement("span",{className:"content author-item"},n.a.createElement("span",{className:"author-name",title:P},P))),x&&n.a.createElement("div",{className:"assignee-wrap have-icon"},n.a.createElement(D.w,{source:MM.a}),n.a.createElement("span",{className:"content author-item"},n.a.createElement("span",{className:"author-name",title:x},x)))),n.a.createElement("div",{className:"actions-wrap"},n.a.createElement(NM,{item:a,showDelete:X,showPublish:ee,showClone:i,handleClickClone:H,handleClickPublish:L,handleClickDelete:z}))))),n.a.createElement(qw,{item:a,open:T,onClose:Q,isClone:R}),n.a.createElement(Uw,{open:U,onClose:L,item:a}),n.a.createElement(TM,{open:V,onClose:z,item:a}))}function FM(e){let{item:t,idsTake:a,setIdsTake:r}=e;const i=null===t||void 0===t?void 0:t.id,{isPending:o}=Object(SO.b)(null===t||void 0===t?void 0:t.status),s=null==(null===t||void 0===t?void 0:t.assignee),u=a.includes(i),{currentUser:d}=Object(te.c)(),{isDesignLeader:m,isIdeaLeader:p,isSeller:g,isStoreManager:A}=Object(c.j)(d),b=Object(l.useCallback)(()=>{r(e=>{const t=(e||[]).findIndex(e=>e===i);return t>-1?e.splice(t,1):e.push(i),[...e]})},[i,r]);return(m||p||g||A)&&s&&o?n.a.createElement("div",{onClick:e=>e.stopPropagation(),className:"take-assign"},n.a.createElement(D.gb,{content:"Take to assign",preferredPosition:"above"},n.a.createElement(D.j,{checked:u,onChange:b}))):null}function NM(e){let{handleClickClone:t,handleClickPublish:a,handleClickDelete:r,showDelete:i,showPublish:o,showClone:s}=e;const[c,u]=Object(Ee.a)(!1),d=Object(l.useCallback)(e=>{e.stopPropagation(),u()},[u]),m=n.a.createElement(D.g,{icon:dr.a,plain:!0,size:"slim",onClick:d}),p=[s&&{content:"Clone Idea",onAction:t},o&&{content:"Publish Idea",onAction:a},i&&{content:"Delete Idea",onAction:r}
18950].filter(Boolean);return p.length>0&&n.a.createElement("div",{onClick:e=>e.stopPropagation()},n.a.createElement(D.K,{active:c,onClose:u,activator:m,fluidContent:!0,preferredPosition:"right"},n.a.createElement(D.a,{actionRole:"menuitem",items:p})))}function UM(e){if(null==e||"object"!==typeof e)return null;const{firstName:t,lastName:a}=e;return[t,a].filter(Boolean).join(" ")}function LM(e){let{value:t}=e;const{currentUser:a}=Object(te.c)(),{isIdea:l,isDesigner:r}=Object(c.j)(a);if(!t)return null;const{ideaKpi:i,kpi:o,defaultKpi:s,assignee:u}=t,d=o||s;return n.a.createElement(zM,null,!r&&n.a.createElement(VM,{kpi:i,msg:"Idea KPI",className:"idea-kpi-tooltip"}),null==u||l?null:n.a.createElement(VM,{kpi:d,msg:"Design KPI",className:"design-kpi-tooltip"}))}function VM(e){let{kpi:t,msg:a,className:l}=e;return t&&n.a.createElement(D.gb,{content:a,preferredPosition:"above",light:!0},n.a.createElement("span",{className:l},n.a.createElement(D.d,{initials:""+t,size:"small"})))}const zM=j.b.div` 18951 display: flex; 18952 flex-direction: row; 18953 gap: 0.5rem; 18954 margin-right: -1rem; 18955 18956 .Polaris-Avatar { 18957 color: var(--p-decorative-one-text, white); 18958 background: var(--p-decorative-one-surface, #47c1bf); 18959 } 18960 18961 .idea-kpi-tooltip { 18962 .Polaris-Avatar { 18963 color: var(--p-decorative-one-text, white); 18964 background: var(--p-decorative-two-surface, #cfd2d6); 18965 } 18966 } 18967 .design-kpi-tooltip { 18968 .Polaris-Avatar { 18969 color: var(--p-decorative-one-text, white); 18970 background: var(--p-decorative-two-surface, #92d7d6); 18971 } 18972 } 18973 18974 .Polaris-Avatar { 18975 min-width: 3rem; 18976 width: 3rem; 18977 18978 text { 18979 font-size: 18px; 18980 } 18981 } 18982`,qM=j.b.div` 18983 --textColor: #637381; 18984 18985 .item-wrap { 18986 padding: 0; 18987 padding-bottom: 5.6rem; 18988 position: relative; 18989 18990 .take-assign { 18991 left: -0.1rem; 18992 right: auto; 18993 top: -0.7rem; 18994 position: absolute; 18995 } 18996 18997 .priority-wrap { 18998 position: absolute; 18999 right: 0; 19000 top: 2.5rem; 19001 opacity: 0.8; 19002 } 19003 } 19004 19005 .Polaris-Collapsible { 19006 margin-bottom: 2rem; 19007 } 19008 19009 .item-inner { 19010 display: flex; 19011 flex-direction: column; 19012 grid-row-gap: 2rem; 19013 row-gap: 2rem; 19014 19015 .author-name, 19016 .Polaris-TextStyle--variationSubdued { 19017 font-size: 1.3rem; 19018 color: var(--textColor); 19019 } 19020 19021 .created-at-wrap, 19022 .need-review-at-wrap { 19023 display: flex; 19024 flex-direction: row; 19025 align-items: center; 19026 } 19027 19028 .idea-header-wrap { 19029 position: relative; 19030 19031 .status-wrap { 19032 position: absolute; 19033 right: 0; 19034 top: 0rem; 19035 opacity: 0.8; 19036 } 19037 19038 .image-wrap { 19039 width: 100%; 19040 height: 100%; 19041 border-bottom-left-radius: 0; 19042 border-bottom-right-radius: 0; 19043 19044 img { 19045 width: 100%; 19046 height: 100%; 19047 } 19048 } 19049 19050 .no-mockup-template { 19051 position: absolute; 19052 left: 0; 19053 top: -1rem; 19054 } 19055 } 19056 19057 .idea-content-wrap { 19058 display: flex; 19059 flex-direction: column; 19060 row-gap: 1rem; 19061 padding-inline: 1.6rem; 19062 19063 .title-wrap { 19064 display: -webkit-box; 19065 -webkit-line-clamp: 3; 19066 -webkit-box-orient: vertical; 19067 overflow: hidden; 19068 text-overflow: ellipsis; 19069 } 19070 19071 .taxonomy-wrap { 19072 margin-top: -0.75rem; 19073 margin-left: -0.75rem; 19074 19075 .Polaris-Badge { 19076 margin-top: 0.75rem; 19077 margin-left: 0.75rem; 19078 } 19079 } 19080 } 19081 19082 .have-icon { 19083 display: flex; 19084 19085 .Polaris-Icon { 19086 height: 1.3rem; 19087 width: 1.3rem; 19088 19089 svg { 19090 fill: #637381; 19091 } 19092 } 19093 19094 .content { 19095 display: inline-block; 19096 flex: 1; 19097 margin-left: 0.5rem; 19098 } 19099 } 19100 19101 .idea-footer-wrap { 19102 display: flex; 19103 flex-direction: row; 19104 column-gap: 0.5rem; 19105 border-top: 0.1rem solid #e4e7eb; 19106 width: 100%; 19107 position: absolute; 19108 bottom: 0; 19109 padding: 1rem; 19110 align-items: center; 19111 justify-content: space-between; 19112 padding-right: 1.3rem; 19113 19114 .idea-footer-left { 19115 display: flex; 19116 flex-direction: row; 19117 flex: 1 1; 19118 column-gap: 0.5rem; 19119 width: 80%; 19120 } 19121 19122 .actions-wrap { 19123 transform: translateY(5px); 19124 19125 .Polaris-Button { 19126 padding: 0; 19127 min-height: 2rem; 19128 min-width: 2rem; 19129 } 19130 } 19131 19132 .assignee-wrap { 19133 flex-wrap: nowrap; 19134 overflow: hidden; 19135 // max-width: calc(50% - 1rem); 19136 flex: 1 1 50%; 19137 19138 .author-item { 19139 max-width: calc(100% - 2rem); 19140 19141 .author-name { 19142 white-space: nowrap; 19143 overflow: hidden; 19144 text-overflow: ellipsis; 19145 display: block; 19146 } 19147 } 19148 } 19149 } 19150 } 19151`,HM=j.b.div` 19152 width: 100%; 19153 overflow-x: scroll; 19154`,$M=j.b.div` 19155 margin: -1rem; 19156 @media (min-width: 640px) { 19157 margin: -1.5rem; 19158 } 19159`,_M=[...oe.n,"assigneeIds","status","order","orderBy","fieldByTime","hasAssign","storeIds","createdById"];function GM(e){var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){e.hasAssign&&(e.status=null,"Assigned"===e.hasAssign&&(e.hasAssign=!0),"Un-assigned"===e.hasAssign&&(e.hasAssign=!1));const t=e.status;t&&(WB.e.includes(t)||(e.status=null)),"Yes"===e.usingExpressShipping&&(e.usingExpressShipping=!0);let a=e.limit;a=Number(a),a||(a=20),e.limit=a,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,_M)}return e},[i]),{currentUser:s,store:u}=Object(l.useContext)(te.a),d=Object(C.get)(s,"roles",[]),m=Object(C.get)(s,"teamUser.role",null),p=Object(C.get)(s,"id",null),g=Object(c.f)(s);let A=!1,b=!1,h=!1;d.includes(oe.pb.Seller)&&(A=[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager,oe.gb.DesignLeader,oe.gb.IdeaLeader].includes(m),h=[oe.gb.Admin].includes(m),b=[oe.gb.Admin,oe.gb.DesignLeader].includes(m));const{isDesigner:f,isStoreManager:v,isDesignLeader:E,isIdea:y,isIdeaLeader:k}=Object(c.j)(s),O=y||k,j=h||O||v,w=h||k,S=[oe.s.accLy,oe.s.accDung].includes(p);let P=null;S?P=oe.K.PendingDesign:f&&(P=oe.K.Pending);const[x,M]=Object(Ee.a)(!1),[T,Q]=Object(l.useState)(null),[R,F]=Object(l.useState)(null),[N,U]=Object(l.useState)({limit:Number(Object(c.M)("perPageIdeaTasks"))||20,offset:0,search:null,assigneeIds:null,status:P,storeIds:null,order:null,orderBy:null,fieldByTime:null,hasAssign:!S&&null,isIdeaTask:!0,collections:null,tags:null,niches:null,createdById:null,viewWholeTeamReport:g,...o}
19159),{data:L,loading:V,error:z,refetch:q}=Object(De.d)(I.pb,{variables:{filter:{...N,storeIds:u?"all"!==u.id?[u.id]:null:N.storeIds}},fetchPolicy:"no-cache",onCompleted:e=>{var t;const a=null===e||void 0===e||null===(t=e.tasksV2)||void 0===t?void 0:t.aggregations;if(null!=a){const e=Object(c.x)(a,!0);Q(t=>({...t,...e}))}}}),[H,{data:$}]=Object(De.b)(I.Sc,{fetchPolicy:"no-cache",onCompleted:e=>{const t=null===e||void 0===e?void 0:e.taskAggsV2;if(null!=t){const e=Object(c.x)(t,!0);Q(t=>({...t,...e}))}}}),{data:_}=Object(De.d)(I.Sc,{fetchPolicy:"cache-and-network",variables:{filter:{...N,storeIds:u?"all"!==u.id?[u.id]:null:N.storeIds}},skip:![SO.a.Done,SO.a["Need Review"]].includes(N.status)});Object(l.useEffect)(()=>{const e=null===$||void 0===$?void 0:$.taskAggsV2;if(null!=e){const t=Object(c.x)(e,!1);Q(e=>({...e,...t}))}},[$]),Object(l.useEffect)(()=>{const e=null===_||void 0===_?void 0:_.taskAggsV2;if(null!=e){const t=Object(c.x)(e,!0);F(e=>({...e,...t}))}},[_]),Object(l.useEffect)(()=>{y||U(e=>{let t=e.status;return"Draft"===t&&(t=null),{...e,status:t}})},[y]),Object(l.useEffect)(()=>{H({variables:{filter:{...N,status:null,hasAssign:null}}})},[N,H]),Object(l.useEffect)(()=>{let{offset:e,limit:t,hasAssign:a,fieldByTime:l,collections:n,tags:r,niches:i,assigneeIds:o,...s}=N,u=null,d=Object(c.o)(t,e);null!=a&&(a=a?"Assigned":"Un-assigned"),u=Object(c.l)({limit:t,paged:d,...s,hasAssign:a}),B.a.push(`${B.a.location.pathname}?${u}`)},[N]);const G=n.a.useCallback(e=>{const{search:t,designer:a,status:l,order:n,orderBy:r,filterTime:i,stateAssign:o,storeIds:s,collections:c,tags:u,niches:d,createdById:m}=e;let p=o,g=a,A=i.from&&i.to&&i.field?i:null;U(e=>Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.assigneeIds,g)&&Object(C.isEqual)(e.status,l)&&Object(C.isEqual)(e.hasAssign,p)&&Object(C.isEqual)(e.order,n)&&Object(C.isEqual)(e.orderBy,r)&&Object(C.isEqual)(e.fieldByTime,A)&&Object(C.isEqual)(e.storeIds,s)&&Object(C.isEqual)(e.collections,c)&&Object(C.isEqual)(e.tags,u)&&Object(C.isEqual)(e.niches,d)&&Object(C.isEqual)(e.createdById,m)?e:{...e,offset:0,search:t,assigneeIds:g,status:l,hasAssign:p,order:n,orderBy:r,fieldByTime:A,storeIds:s,collections:c,tags:u,niches:d,createdById:m})},[]),K=n.a.useCallback(e=>{let{status:t}=e,a={status:t};t?"Assigned"===t?(a.status=null,a.hasAssign=!0):"Un-assigned"===t?(a.status=null,a.hasAssign=!1):a.hasAssign=null:a.hasAssign=null,U(e=>e.status!==t||e.hasAssign!==a.hasAssign?{...e,...a,offset:0}:e)},[]),J=n.a.useCallback((e,t)=>{U(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageIdeaTasks",t,100)},[]),Y=h||v||y||k?{primaryAction:{content:"Create new idea",onAction:M}}:{};return n.a.createElement($M,null,n.a.createElement(Fa.a,{refetch:q,setFilter:U},n.a.createElement(D.H,Object.assign({fullWidth:!0},Y,{title:"All Idea Tasks"}),n.a.createElement(WB.d,{filters:N,isDesigner:f,isLeader:A,hasStoreFilter:b,onChangeFilter:G,isIdeaTask:!0,ideaRoles:O}),n.a.createElement(D.i,null,n.a.createElement(BM,{dataCountV2:T,value:N.status,hasAssign:N.hasAssign,isDesigner:f,isLeader:A,onChange:K,isIdeaTask:!0,ideaRoles:O}),n.a.createElement(D.i.Section,null,V?n.a.createElement(Je.SkeletonPagePolaris,null):z?n.a.createElement("div",null,"Error: ",Object(c.ib)(z.toString())):(null===L||void 0===L||null===(t=L.tasksV2)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(QM,{data:L,filter:N,setFilter:J,isDesignLeader:E,isRoleIdeaLeader:k,isWriter:j,isTeamLeader:w,dataTotal:R}):n.a.createElement(We.EmptyStatePolaris,null)))),n.a.createElement(bM,{open:x,onClose:M})))}var KM=a(1523);const JM="*";function YM(e){var t;let{item:a}=e;const r=null===a||void 0===a?void 0:a.id,{currentUser:i}=Object(te.c)(),o=null===i||void 0===i||null===(t=i.teamUser)||void 0===t?void 0:t.role,[s,c]=Object(Ee.a)(!1),[u,d]=Object(Ee.a)(!1),[m,p]=Object(l.useState)(null),g=Object(l.useCallback)(e=>()=>{d(!0),p(e)},[d]),A=Object(l.useMemo)(()=>[{content:"View detail",icon:KM.a,status:[JM],roles:[JM],onAction:g("view")},{content:"Update KPI",icon:Ue.a,status:[JM],roles:[oe.gb.Admin],onAction:g("updateKpi")}].filter(e=>e.status.some(t=>[JM].includes(t)&&e.roles.some(e=>[JM,o].includes(e)))),[g,o]),b=n.a.createElement(D.g,{children:"Actions",onClick:c,disclosure:!0}),h={open:u,onClose:d,item:a,id:r},f={view:n.a.createElement(qw,h),updateKpi:n.a.createElement(IO,h)};return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.K,{activator:b,active:s,onClose:c,preferredAlignment:"right"}
19159,n.a.createElement(WM,null,n.a.createElement(D.a,{items:A}))),f[m])}const WM=j.b.div` 19160 .Polaris-ActionList__Image { 19161 .Polaris-Icon { 19162 max-width: 1.7rem; 19163 max-height: 1.7rem; 19164 } 19165 } 19166`;var ZM=a(263);const XM=e=>{const{options:t,onChangeFixedColumn:a}=e;return n.a.createElement(ZM.a,Object.assign({},e,{options:t,onChangeFixedColumn:a,hasFixedColumn:!0}))};var eT=a(336);const tT=j.b.div` 19167 .item-wrap { 19168 display: flex; 19169 column-gap: 1rem; 19170 } 19171 .heading { 19172 font-size: 1.2em; 19173 font-weight: 700; 19174 } 19175`,aT=e=>{const{open:t,toggleShowModal:a,onNotificationChange:r,toggleActive:i,idsChecked:o,onCompleted:s}=e,[u,d]=n.a.useState([]),[m,{loading:p}]=Object(De.c)(Jt.t,{onError:e=>{r&&r({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:e=>{const t=null===e||void 0===e?void 0:e.bulkAcceptDesign,a=(null===t||void 0===t?void 0:t.length)>0?t.filter(e=>"Error"===e.status):[];(null===a||void 0===a?void 0:a.length)?d(a):(r&&r({message:"Accept designs successfully.",isError:!1}),s&&s())}}),g=Object(l.useCallback)(()=>{r&&r({message:null,isError:!1}),m({variables:{id:o}}),i&&i()},[o,m,i,r]),A=(null===u||void 0===u?void 0:u.length)>0?n.a.createElement("div",null,n.a.createElement("div",{className:"heading"},"ERROR"),u.map((e,t)=>{if(!e)return null;const{id:a,log:l}=e;return n.a.createElement("div",{className:"item-wrap",key:t},n.a.createElement("strong",null,a,": "),n.a.createElement("span",null,l))}).filter(Boolean)):null;return n.a.createElement(D.E,{title:"Accept designs",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:g,loading:p}},n.a.createElement(tT,null,n.a.createElement(D.Y,{vertical:!0,spacing:"loose"},n.a.createElement("p",null,"Are you sure to accept designs?"),A)))};function lT(e){let{open:t,toggleShowModal:a,toggleActive:l,onNotificationChange:r,idsChecked:i,onCompleted:o,newStatus:s,label:u}=e,d=n.a.useRef(null);const[m,{loading:p}]=Object(De.c)(Jt.A,{onError:e=>{r&&r({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{r&&r({message:"Export design urls successfully.",isError:!1}),d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{o&&o()},2e3)}}),g=n.a.useCallback(()=>{r&&r({message:null,isError:!1}),l&&l(),m({variables:{taskIDs:i,newStatus:s}})},[m,i,s,l,a]);return n.a.createElement(D.E,{title:u||"Change status",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:g,loading:p}},n.a.createElement("p",null,"Are you sure to change task's status to ",s,"?"))}function nT(e){let{open:t,toggleShowModal:a,toggleActive:l,onNotificationChange:r,idsChecked:i,onCompleted:o}=e,s=n.a.useRef(null);const[u,{loading:d}]=Object(De.c)(Jt.jc,{onError:e=>{r&&r({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{r&&r({message:"Mark task configurable success.",isError:!1}),s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{o&&o()},2e3)}}),m=n.a.useCallback(()=>{r&&r({message:null,isError:!1}),l&&l(),u({variables:{taskIDs:i}})},[u,i,l,a]);return n.a.createElement(D.E,{title:"Mark as Configurable",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:m,loading:d}},n.a.createElement("p",null,"Are you sure want to mark this task to Artwork Configurable?"))}var rT=a(523);function iT(e){let{open:t,toggleShowModal:a,onNotificationChange:l,toggleActive:r,idsChecked:i,onCompleted:o}=e,s=n.a.useRef(null);const[u,{loading:d}]=Object(De.c)(Jt.B,{onError:e=>{l&&l({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:e=>{(null===e||void 0===e?void 0:e.bulkRejectDesign)&&l&&l({message:"Reject designs successfully.",isError:!1}),s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{o&&o()},2e3)}}),m=n.a.useCallback(e=>{const{rejectReason:t,rejectResources:a}=e;t&&i&&0!==i.length&&(l&&l({message:null,isError:!1}),r&&r(),u({variables:{ids:i,rejectReason:t,rejectResources:a}}))},[i,u,r,l]);return n.a.createElement(D.E,{title:"Reject designs",open:t,onClose:a,sectioned:!0},n.a.createElement(rT.a,{onSubmit:m,toggleShowModal:a,loading:d}))}function oT(e){let{open:t,toggleShowModal:a,toggleActive:l,onNotificationChange:r,idsChecked:i,onCompleted:o}=e,s=n.a.useRef(null);const[u,{loading:d}]=Object(De.c)(Jt.Pc,{onError:e=>{r&&r({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{r&&r({message:"Remove from task configurable success.",isError:!1}),s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{o&&o()},2e3)}}),m=n.a.useCallback(()=>{r&&r({message:null,isError:!1}),l&&l(),u({variables:{taskIDs:i}})},[u,i,l,a]);return n.a.createElement(D.E,{title:"Remove Task From Configurable",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:m,loading:d}},n.a.createElement("p",null,"Are you sure want to remove Task from Configurable?"))}const sT=e=>{const{open:t,toggleShowModal:a,idsChecked:r,toggleActive:i,onNotificationChange:o,onCompleted:s}=e,u=Object(l.useRef)(null),{setFilter:d,refetch:m}=Object(Fa.b)(),[p,{loading:g}]=Object(De.c)(Jt.Db,{onError:e=>{o&&o({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{a(),o&&o({message:`Deny ${r.length>1?"tasks":"task"} success.`,isError:!1}),s&&s(),u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{d&&d(e=>({...e})),m&&m()},1e3)}}),A=Object(l.useCallback)(()=>{o&&o({message:null,isError:!1}),r&&(p({variables:{taskIds:r}}),i())},[r]);return n.a.createElement(D.E,{title:"Deny task",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Deny",onAction:A,loading:g}},n.a.createElement("p",null,"Are you sure to deny ",r.length>1?"tasks":"task"," ","selected?"))};function cT(e){let{open:t,toggleShowModal:a,toggleActive:l,onNotificationChange:r,idsChecked:i,onCompleted:o}=e;const[s,{loading:u}]=Object(De.c)(Jt.Mb,{onError:e=>{r&&r({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:e=>{const t=null===e||void 0===e?void 0:e.exportDesignURL;(null===t||void 0===t?void 0:t.length)&&(r&&r({message:"Export design urls successfully.",isError:!1}),"string"===typeof t&&(window.location.href=t),o&&o())}}),d=n.a.useCallback(()=>{r&&r({message:null,isError:!1}),l&&l(),s({variables:{taskIDs:i}})},[s,i,l,a]);return n.a.createElement(D.E,{title:"Export Design URL",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:d,loading:u}},n.a.createElement("p",null,"Are you sure to export design urls?"))}const uT=e=>{const{open:t,toggleShowModal:a,idsChecked:r,toggleActive:i,onNotificationChange:o,onCompleted:s}=e,u=Object(l.useRef)(null),{setFilter:d,refetch:m}=Object(Fa.b)(),[p,{loading:g}]=Object(De.c)(Jt.Eb,{onError:e=>{o&&o({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{a(),o&&o({message:`Start ${r.length>1?"tasks":"task"} success.`,isError:!1}),s&&s(),u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{d&&d(e=>({...e})),m&&m()},1e3)}}),A=Object(l.useCallback)(()=>{o&&o({message:null,isError:!1}),r&&(p({variables:{taskIds:r}}),i())},[r]);return n.a.createElement(D.E,{title:"Start task",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Start",onAction:A,loading:g}},n.a.createElement("p",null,"Are you sure to start ",r.length>1?"tasks":"task"," ","selected?"))};var dT=a(990);const mT=e=>{const{value:t,onChange:a}=e,[r,i]=Object(l.useState)(""),[{month:o,year:s},c]=Object(l.useState)({month:(new Date).getMonth(),year:(new Date).getFullYear()}),[u,d]=Object(l.useState)({start:t||new Date,end:t||new Date});Object(l.useEffect)(()=>{let e=t?Zr()(t).format("YYYY-MM-DD"):null;i(e)},[]);const[m,p]=Object(l.useState)(!1),g=Object(l.useCallback)(()=>p(e=>!e),[]),A=Object(l.useCallback)((e,t)=>c({month:e,year:t}),[]),b=Object(l.useCallback)(e=>{d(e),i(Zr()(e.start).format("YYYY-MM-DD")),p(!1),a&&a(Zr()(e.start).startOf("day"))},[]),h=Object(l.useCallback)(e=>{let t={start:new Date,end:new Date};d(t);let l=Zr()(t.start).startOf("day");"clear"===e&&(l=null,p(!1)),a&&a(l)},[]),f=n.a.createElement(D.cb,{label:"Deadline",labelHidden:!0,placeholder:"Select date",value:r,onFocus:()=>p(!0),clearButton:!0,onClearButtonClick:()=>{h("clear"),i("")},suffix:r?null:n.a.createElement("div",{style:{cursor:"pointer"}},n.a.createElement(D.w,{source:PM.a,color:"inkLighter"}))});let v=new Date(new Date);return v.setDate(v.getDate()-1),n.a.createElement(n.a.Fragment,null,n.a.createElement(al.a,{label:"Deadline"}),n.a.createElement(D.K,{activator:f,active:m,onClose:g,fullWidth:!0,fullHeight:!0,sectioned:!0},n.a.createElement(n.a.Fragment,null,n.a.createElement(D.o,{month:o,year:s,selected:u,onChange:b,onMonthChange:A,disableDatesBefore:v}),n.a.createElement("div",{style:{display:"flex",marginTop:"1rem",justifyContent:"center"}},n.a.createElement(D.g,{children:"Today",plain:!0,onClick:()=>{h(),i(Zr()(new Date).format("YYYY-MM-DD"))}})))))};var pT=a(186);const gT=j.b.div` 19176 .btns_wrap { 19177 padding-top: 1.6rem; 19178 display: flex; 19179 flex-direction: row-reverse; 19180 } 19181`,AT=(S.d.map(e=>({value:String(e),label:String(e)})),e=>{const{currentUser:t}=Object(te.c)(),{isOnline:a}=Object(c.j)(t),r=Object(c.wb)(t),{loadingM:i,toggleShowModal:o,onSubmit:s,value:u}=e,{data:d}=Object(De.d)(I.Qb,{variables:{roles:[oe.gb.Designer]}}),[m,p]=Object(l.useState)([]),[g,A]=Object(l.useState)(null),[b,h]=Object(l.useState)((null===u||void 0===u?void 0:u.kpi)||"0.25"),[f,v]=Object(l.useState)(null),[E,y]=Object(l.useState)(null),[C,k]=Object(l.useState)(null),[O,j]=Object(l.useState)([]),[w,S]=Object(l.useState)(["designer"]),[B,P]=Object(l.useState)({assignee:null});Object(l.useEffect)(()=>{let e=d&&d.listUserTeamByRoles&&d.listUserTeamByRoles.length>0?d.listUserTeamByRoles.map(e=>{let{user:t}=e;return t?{value:t.id,label:`${t.firstName} ${t.lastName}`}:null}
19181).filter(Boolean):[];p(e)},[d]),Object(l.useEffect)(()=>{if(u){var e,t;let l=null===(e=u.assignee)||void 0===e?void 0:e.id,n=u.kpi||"0.25",r=u.requirement,i=u.description,o=u.deadline,s=u.designOnlineTeamID;A(l),h(String(n)),y(r),k(i),v(o);let c=[];!Object(pT.n)(u)&&(null===(t=u.resources)||void 0===t?void 0:t.length)>0&&(c=u.resources),j(c),s&&!a&&S(["team"])}},[u,m,a]),Object(l.useEffect)(()=>(document.addEventListener("keydown",R),()=>{document.removeEventListener("keydown",R)}),[g,b,f,E,C]);const x=Object(l.useCallback)(e=>{let t=null;e||(t="Designer is required."),P(e=>({...e,assignee:t}))},[]),M=n.a.useRef(null),T=w.includes("designer"),Q=Object(l.useCallback)(()=>{T&&x(g);const e=(null===O||void 0===O?void 0:O.length)>0?O.map(e=>e.id).filter(Boolean):null;let t={deadline:f,requirement:E,description:C,resources:e},l=!1;if(T)t.designerId=g,l=!!g;else{var n;const e=null===(n=M.current)||void 0===n?void 0:n.getTeamId();t.designOnlineTeamID=e,l=!!e}a||(l=l&&b,t.kpi=Number(b)),l&&s&&s(t)},[g,b,f,E,C,O,T,a]),R=Object(l.useCallback)(e=>{13===e.keyCode&&Q()},[Q]);let F=null===u||void 0===u?void 0:u.deadline;const N=Object(l.useCallback)(e=>{let t=e&&e.length>0?e:[];j(t)},[]);return n.a.createElement(gT,null,n.a.createElement(D.t,null,!a&&n.a.createElement(D.k,{title:"Assign to",onChange:S,selected:w,choices:[{label:"Designer",value:"designer"},{label:"Design Online Team",value:"team"}]}),T?n.a.createElement(yl.a,{options:m,onChange:e=>A(e),label:"Choose designer",required:!0,error:B.assignee,value:g}):n.a.createElement(dT.default,{ref:M,value:null===u||void 0===u?void 0:u.designOnlineTeamID}),!a&&n.a.createElement("div",null,n.a.createElement(sO,{required:!0,value:b,onChange:e=>h(e?e[0]:b)})),r&&n.a.createElement(mT,{onChange:e=>v(()=>e),value:F?new Date(Zr()(F)):null}),n.a.createElement(D.cb,{label:"Requirements",onChange:e=>y(e),value:E,multiline:5}),n.a.createElement(D.cb,{label:"Resources",onChange:e=>k(e),value:C,multiline:5}),n.a.createElement("div",null,n.a.createElement("label",null,"Resource Files:"),n.a.createElement(dl.a,{value:O,prefix:oe.ob.PSD_RESOURCE+"/",folder:oe.ob.PSD_RESOURCE,accept:"image/*",onChange:N,multiple:!0,sizeSmall:!0,isArtistTask:!!u&&Object(pT.n)(u)})),n.a.createElement("div",{className:"btns_wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Cancel",onClick:o}),n.a.createElement(D.g,{children:"Update task",primary:!0,onClick:Q,loading:i})))))}),bT=e=>{const{open:t,toggleShowModal:a,onNotificationChange:r,toggleActive:i,idsChecked:o,onCompleted:s}=e,[u,{loading:d}]=Object(De.c)(Jt.G,{onError:e=>{r&&r({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{a(),r&&r({message:"Update task success.",isError:!1}),s&&s()}}),m=Object(l.useCallback)(e=>{r&&r({message:null,isError:!1}),e&&(u({variables:{id:o,input:e}}),i&&i())},[o]);return n.a.createElement(D.E,{title:"Update task",open:t,onClose:a,sectioned:!0},n.a.createElement(AT,{onSubmit:m,loadingM:d,toggleShowModal:a}))},hT=j.b.div` 19182 .Polaris-Choice { 19183 padding: 0; 19184 .Polaris-Choice__Control { 19185 margin-top: 0.1rem; 19186 } 19187 } 19188 19189 .Polaris-ButtonGroup--segmented { 19190 flex-wrap: wrap; 19191 row-gap: 0.8rem; 19192 } 19193`,fT={needBuyerConfirm:S.f.NeedBuyerConfirm,awaitingBuyerConfirm:S.f.AwaitingBuyerConfirm,needReview:S.f.NeedReview},vT=e=>{const{idsChecked:t,onCheckAll:a,isLeader:r,isDesigner:i,filterStatus:o,user:s}=e,u=[S.f.NeedReview].includes(o),d=[S.f.Pending].includes(o),m=[S.f.ArtworkConfigurable].includes(o),p=[S.f.AwaitingBuyerConfirm,S.f.NeedBuyerConfirm].includes(o),g=Object.values(fT).includes(o),A=n.a.useMemo(()=>Object.entries(fT).map(e=>{let[t,a]=e;return a!==o?t:null}).filter(Boolean),[o]),[b,h]=Object(l.useState)(!1),[f,v]=Object(l.useState)(null),E=Object(l.useCallback)(e=>{h(e=>!e),v(e)},[]),y=Object(c.pb)(s),C=[{show:i,render:n.a.createElement(D.g,{children:"Start now",onClick:()=>E("startNow"),disclosure:!0})},{show:i,render:n.a.createElement(D.g,{children:"Deny",onClick:()=>E("deny"),disclosure:!0})},!y&&{show:r,render:n.a.createElement(D.g,{children:"Update tasks",onClick:()=>E("updateTasks"),disclosure:!0})},{show:p&&r,render:n.a.createElement(D.g,{children:"Export Design URL",onClick:()=>E("exportDesignURL"),disclosure:!0})},...A.map(e=>({show:g&&r,render:n.a.createElement(D.g,{children:"Change to "+fT[e],disclosure:!0,onClick:()=>E(e)})})),{show:r&&d,render:n.a.createElement(D.g,{children:"Mark as Configurable",disclosure:!0,onClick:()=>E("markAsConfigurable")})},{show:r&&m,render:n.a.createElement(D.g,{children:"Remove From Configurable",disclosure:!0,onClick:()=>E("removeFromConfigurable")})},{show:r&&u,render:n.a.createElement(D.g,{children:"Accept designs",onClick:()=>E("acceptDesign"),disclosure:!0})},{show:r&&u,render:n.a.createElement(D.g,{children:"Reject designs",onClick:()=>E("rejectDesign"),disclosure:!0})}].filter(e=>e.show),k={open:b,toggleShowModal:E},O={startNow:n.a.createElement(uT,Object.assign({},e,k)),deny:n.a.createElement(sT,Object.assign({},e,k)),updateTasks:n.a.createElement(bT,Object.assign({},e,k)),acceptDesign:n.a.createElement(aT,Object.assign({},e,k)),exportDesignURL:n.a.createElement(cT,Object.assign({},e,k)),rejectDesign:n.a.createElement(iT,Object.assign({},e,k)),awaitingBuyerConfirm:n.a.createElement(lT,Object.assign({},e,k,{label:"Change to "+fT.awaitingBuyerConfirm,newStatus:fT.awaitingBuyerConfirm})),needBuyerConfirm:n.a.createElement(lT,Object.assign({},e,k,{label:"Change to "+fT.needBuyerConfirm,newStatus:fT.needBuyerConfirm})),needReview:n.a.createElement(lT,Object.assign({},e,k,{label:"Change to "+fT.needReview,newStatus:fT.needReview})),markAsConfigurable:n.a.createElement(nT,Object.assign({},e,k)),removeFromConfigurable:n.a.createElement(oT,Object.assign({},e,k))};return n.a.createElement(hT,null,n.a.createElement(D.h,{segmented:!0},n.a.createElement(D.g,{children:n.a.createElement(D.j,{label:t.length+" selected",checked:!0}),onClick:a}),(null===C||void 0===C?void 0:C.length)>0?C.map((e,t)=>n.a.createElement(n.a.Fragment,{key:t},e.render)):null),O[f])};
19193var ET=a(1549),yT=a(1550),CT=a(1525),kT=a(1528),OT=a(1531),jT=a(1551),wT=a(1527),ST=a(277);function IT(e){let{open:t,toggleShowModal:a,task:r,toggleActive:i,onNotificationChange:o,refetch:s}=e;const u=null===r||void 0===r?void 0:r.id,d=null===r||void 0===r?void 0:r.status,m=null===r||void 0===r?void 0:r.isAwaitingApproval,p=null===r||void 0===r?void 0:r.note,g=[HQ].includes(d),A=g?"Mark await approval":"Note",[b,h]=n.a.useState(""),[f,v]=n.a.useState(!1),E=Object(l.useRef)(null),{setFilter:y}=Object(Fa.b)(),[C,{loading:k}]=Object(De.c)(Jt.kc,{onCompleted:()=>{o&&o({message:(g?"Mark awaiting approval":"Note")+" successfully.",isError:!1}),a&&a(),E.current&&clearTimeout(E.current),E.current=setTimeout(()=>{y&&y(e=>({...e})),s&&s()},1e3)},onError:e=>{o&&o({message:Object(c.ib)(e.toString()),isError:!0})}});n.a.useEffect(()=>{null!=m&&(v(m),m&&h(p))},[m,p]);const O=n.a.useCallback(()=>{if(u){i&&i(),o&&o({message:null,isError:!1});C({variables:{...{taskId:u,isWaiting:f,note:b}}})}},[o,i,u,f,b,C]);return n.a.createElement(D.E,{title:A,open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:O,loading:k}},n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},g&&n.a.createElement(D.j,{checked:f,onChange:v,label:"Waiting approval"}),n.a.createElement(D.cb,{label:"Note",value:b,onChange:h,multiline:4})))}const BT=e=>{const{open:t,toggleShowModal:a,task:r,refetch:i,toggleActive:o,onNotificationChange:s}=e,u=Object(l.useRef)(null),{setFilter:d}=Object(Fa.b)(),[m,{loading:p}]=Object(De.c)(Jt.Xb,{onError:e=>{s&&s({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{a(),s&&s({message:"Cancel task success.",isError:!1}),u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{d&&d(e=>({...e})),i&&i()},1e3)}}),g=Object(l.useCallback)(()=>{s&&s({message:null,isError:!0});let e=r.id;e&&m({variables:{id:e}}),o()},[r]);return n.a.createElement(D.E,{title:"Cancel task",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:g,loading:p}},n.a.createElement("p",null,"Are you sure to cancel this task?"))};var DT=a(207),PT=a(293),xT=a(991);const MT=n.a.lazy(()=>Promise.resolve().then(a.bind(null,991))),TT=e=>{const{designs:t,taskId:a,orderId:r,attributes:i,taskRequirement:o,isDLead:s,userConfigDesign:u=""}=e,[d,m]=Object(l.useState)(0),[p,g]=Object(l.useState)([]);Object(l.useEffect)(()=>{let e=t&&t.length>0?t.filter(e=>e.designPosition&&e.file).map(e=>{var t;let a=null===e||void 0===e||null===(t=e.designPosition)||void 0===t?void 0:t.name;return a?{id:Object(c.Vb)(a),content:a,accessibilityLabel:a}:null}).filter(Boolean):[];g(e)},[t]);const A=Object(l.useCallback)(e=>{m(e)},[]);return n.a.createElement(D.Z,{tabs:p,selected:d,onSelect:A},t&&t.length>0?t.filter(e=>null===e||void 0===e?void 0:e.file).map((t,l)=>{const c=t.designPosition?t.designPosition:null,m=Object(xT.getArtworkGuideUrl)(null===c||void 0===c?void 0:c.artworkGuidelines);return l===d?n.a.createElement("div",{className:"task-compare-item",key:t.id,style:{marginTop:"1rem"}},n.a.createElement("div",{className:"design_inner"},m?n.a.createElement(wg.a,null,n.a.createElement(MT,{designPosition:c,userConfigDesign:u,isDLead:s,files:{files:t.file?[t.file]:[]}})):n.a.createElement(ci.default,Object.assign({width:"auto",maxWidth:"100%",height:"auto",files:{files:t.file?[t.file]:[]},isCompareDesign:!0,designPosition:c,hasShadow:!0,isCompare:!0,hasColorPicker:!0,isDLead:s,orderId:r,taskId:a,attributes:i,taskRequirement:o,userConfigDesign:u},e)))):null}):null)};var QT=a(278);function RT(){const{toggleActive:e,active:t}=Object(PT.b)();return n.a.createElement(D.g,{children:"Compare by thumbnail",primary:t,onClick:e,size:"slim"})}function FT(e){let{originID:t,lineID:a}=e;const{data:l}=Object(De.d)(I.S,{variables:{input:t?[{originID:t,lineID:a}]:void 0},skip:!t}),r=function(e,t,a){const l=Object(C.get)(e,"getOrderPreviewImage")||{};let n=t;a>0&&(n+="_"+a);return l&&"object"===typeof l?l[n]:""}(l,t,a);return n.a.createElement("div",null,r?n.a.createElement(n.a.Fragment,null,n.a.createElement(D.v,{element:"h3"},"Preview Image:"),n.a.createElement("img",{className:"cursor-pointer block",src:r,alt:"product mockup",style:{maxWidth:"100%",objectFit:"cover",borderRadius:3,boxShadow:"rgba(0, 0, 0, 0.1) 0px -1px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px 2px"}})):null)}const NT=n.a.lazy(()=>Promise.resolve().then(a.bind(null,748))),UT=n.a.lazy(()=>Promise.resolve().then(a.bind(null,342))),LT=n.a.lazy(()=>Promise.resolve().then(a.bind(null,747))),VT=n.a.lazy(()=>Promise.resolve().then(a.bind(null,341))),zT=["JzoMUIr9Q2","xkzrz5V6iQ","hDveujJaaN","8lYBUNZwZv","psjAGaSu5X","nZ4xPgu1El","9oeNm8Y4NW","7mhjleg3ax"],qT={display:"flex",flexDirection:"column",gap:7,marginTop:10,maxWidth:"50%",overflow:"hidden"},HT=e=>{var t,a,r,i,o,s,u,d,m,p,g,A,b,h,f;const{task:v,status:E,open:y,toggleShowModal:k,modalTitle:O,isViewRejectedDesign:j,hasCompareDesign:w,refetch:S,toggleActive:B,onNotificationChange:P,hasAcceptDesign:x,hasRejectDesign:M}=e;Object(DT.a)(y);const{currentUser:T}=Object(l.useContext)(te.a),{isOnline:Q}=Object(c.j)(T),R=Object(c.ub)(T),F=null===T||void 0===T||null===(t=T.teamUser)||void 0===t?void 0:t.role,N=[oe.gb.DesignLeader,oe.gb.Admin,oe.gb.StoreManager,oe.gb.MarketplaceManager].includes(F),U=null===T||void 0===T?void 0:T.id,L=oe.d.includes(U),V=null===v||void 0===v?void 0:v.orderId,z=null===v||void 0===v?void 0:v.id,q=null===v||void 0===v?void 0:v.personalized,H=null===v||void 0===v?void 0:v.order,$=(null===H||void 0===H||null===(a=H.productVariant)||void 0===a||null===(r=a.productBaseVariant)||void 0===r?void 0:r.productBase)?H.productVariant.productBaseVariant.productBase.id:null===H||void 0===H||null===(i=H.product)||void 0===i||null===(o=i.productBases[0])||void 0===o?void 0:o.id,{data:_,loading:G,error:K}
19193=Object(De.d)(I.sb,{variables:{taskId:z,status:E},fetchPolicy:"cache-and-network",skip:!z||!y}),{data:J}=Object(De.d)(I.Q,{variables:{id:null===H||void 0===H?void 0:H.id,productBaseId:$},skip:"Done"!==E});Object(l.useEffect)(()=>{let e=document.querySelector("#compare-design_wrap"),t=document.querySelectorAll(".Polaris-Modal-Dialog__Modal");for(let a of t)Object(c.u)(a,e)&&a.setAttribute("style","max-width: calc(100% - 10rem); height: calc(100vh)")});let Y=K?Object(C.get)(J,"getOrderDesigns.orderDesigns",[]):Object(C.get)(_,"getTaskSubmission.designs",[]);const W=Y.findIndex(e=>"master"===Object(C.get)(e,"designPosition.name","").toLowerCase());W>0&&([Y[0],Y[W]]=[Y[W],Y[0]]);const Z=Object(C.get)(_,"getTaskSubmission.rejectReason",null),X=(Object(C.get)(_,"getTaskSubmission.rejectResources",[])||[]).map(e=>{let{url:t,thumbnailUrl:a}=e;return t||a}),ee=Object(C.get)(_,"getTaskSubmission.configByUser",{}),{firstName:ae,lastName:le}=ee||{},ne=[ae,le].filter(Boolean).join(" "),re=Object(C.get)(H,"product",null),ie=null===re||void 0===re?void 0:re.mainImageId,se=null===re||void 0===re?void 0:re.images;let ce=[];const ue=(null===re||void 0===re||null===(s=re.productBases)||void 0===s?void 0:s.length)>1,de=ie||"undefined"!==ie;$&&ue?(ce=(null===se||void 0===se?void 0:se.length)>0?se.filter(e=>(null===e||void 0===e?void 0:e.productBaseId)===$).map(e=>e.file):[],ce.length>1&&de&&(ce=(null===se||void 0===se?void 0:se.length)>0?se.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===ie}).map(e=>e.file):[])):de&&(ce=(null===se||void 0===se?void 0:se.length)>0?se.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===ie}).map(e=>e.file):[]),0===ce.length&&(ce=(null===se||void 0===se?void 0:se.length)>0?se.filter(Boolean).map(e=>e.file):[]);const me=(null===H||void 0===H||null===(u=H.productVariant)||void 0===u||null===(d=u.productBaseVariant)||void 0===d||null===(m=d.attributes)||void 0===m?void 0:m.length)>0?H.productVariant.productBaseVariant.attributes:[],pe=Object(C.get)(v,"requirement",null),ge=Object(C.get)(H,"productVariant.productBaseVariant.productBase",{}),Ae=Object(C.get)(ge,"slug",""),be=Object(C.get)(ge,"title",""),he=Object(C.get)(ge,"id",null),fe=/dreamship/i,ve=zT.includes(he)||fe.test(Ae)||fe.test(be),[Ee]=Object(mm.a)(),ye=Object(l.useCallback)(e=>{const t=document.querySelector(".Polaris-Modal-Dialog .Polaris-Modal__Body.Polaris-Scrollable:has(.order-wrap)");e?t.addEventListener("scroll",e=>{const t=document.querySelector(".order-wrap").offsetWidth||1e3;Ee(()=>{const a=e.target.scrollTop,l=document.querySelector(".personalized-info");if(!l)return;const n=document.querySelector(".order-id"),r=((null===l||void 0===l?void 0:l.clientHeight)||44)+((null===n||void 0===n?void 0:n.clientHeight)||40)+20;l.style=a>r?`position: fixed; background-color: #fff; width: calc(${t}px + 3.5rem); z-index: 99; padding: 1rem; top: 99px;left: 5rem;box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px 2px;`:void 0},60)}):t&&t.removeEventListener("scroll",()=>{},!1)},[]);return n.a.createElement(D.E,{title:O,open:y,onClose:k,sectioned:!0,large:!0,footer:n.a.createElement(D.Y,{distribution:"trailing"},n.a.createElement($T,{taskId:z,orderId:V,refetch:S,toggleModalParent:k,onNotificationChange:P,toggleActive:B}))},G?n.a.createElement(Je.SkeletonPagePolaris,null):n.a.createElement("div",null,n.a.createElement(KT,{id:"compare-design_wrap",isDLead:N,ref:ye},n.a.createElement("div",{className:"order-wrap"},n.a.createElement("div",{className:"order-id"},n.a.createElement("span",null,n.a.createElement(D.db,{variation:"strong"},"Order ID:"," "),n.a.createElement("span",null,null===v||void 0===v||null===(p=v.order)||void 0===p?void 0:p.id)),n.a.createElement("span",null,n.a.createElement(D.db,{variation:"strong"},"Order Origin ID:"," "),n.a.createElement("span",null,null===v||void 0===v||null===(g=v.order)||void 0===g?void 0:g.originId))),n.a.createElement(wg.a,null,n.a.createElement(VT,{orderId:V,personalized:q}),n.a.createElement(UT,{order:H}),n.a.createElement(LT,{taskRequirement:pe})),R?n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{className:"mockup_wrap"},n.a.createElement(D.v,{element:"h3"},"Mockup"),n.a.createElement(wg.a,null,n.a.createElement(NT,{width:"auto",maxWidth:"100%",height:"auto",files:{files:ce},originImages:se,hasShadow:!0,isCompare:!0}))),n.a.createElement(FT,{originID:null===v||void 0===v||null===(A=v.order)||void 0===A?void 0:A.originId,lineID:null===v||void 0===v||null===(b=v.order)||void 0===b?void 0:b.lineItemID})):n.a.createElement(n.a.Fragment,null,n.a.createElement(FT,{originID:null===v||void 0===v||null===(h=v.order)||void 0===h?void 0:h.originId,lineID:null===v||void 0===v||null===(f=v.order)||void 0===f?void 0:f.lineItemID}),n.a.createElement("div",{className:"mockup_wrap"},n.a.createElement(D.v,{element:"h3"},"Mockup"),n.a.createElement(wg.a,null,n.a.createElement(NT,{width:"auto",maxWidth:"100%",height:"auto",files:{files:ce},originImages:se,hasShadow:!0,isCompare:!0}))))),n.a.createElement("div",{className:"design_wrap"},n.a.createElement(PT.a,null,n.a.createElement("div",{className:"heading-action-wrap"},n.a.createElement("div",{className:"heading-wrap"},n.a.createElement(D.v,{element:"h3"}
19193,"Designs"),n.a.createElement(RT,null)),Q||!x&&!M?null:n.a.createElement("div",{className:"action-wrap"},n.a.createElement($T,{taskId:z,orderId:V,refetch:S,toggleModalParent:k,onNotificationChange:P,toggleActive:B}))),ve&&n.a.createElement("div",{className:"product-title"},n.a.createElement("h3",{className:"Polaris-Heading",style:{display:"inline-block",marginRight:"1rem",marginTop:"1.6rem"},children:"Product Base: "}),n.a.createElement("span",{"data-base-id":he},be)),(N||L)&&n.a.createElement("div",{style:{paddingTop:"11rem"}}),n.a.createElement(TT,{designs:Y,orderId:V,taskId:z,hasCompareDesign:w,refetch:S,onNotificationChange:P,toggleActive:B,hasAcceptDesign:x,hasRejectDesign:M,toggleModalParent:k,attributes:me,taskRequirement:pe,isDLead:N||L,userConfigDesign:ne,isViewRejectedDesign:j,isDesignOnline:Q})))),j&&n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{style:{marginTop:"1.6rem",width:"50%"}},n.a.createElement("h3",{style:{fontWeight:500,fontSize:"1.1em"}},"Reject reason:"),n.a.createElement(_T,{rejectReason:Z,value:v})),(null===X||void 0===X?void 0:X.length)>0?n.a.createElement("div",{style:{marginTop:"1.6rem"}},n.a.createElement("h3",{style:{fontWeight:500,fontSize:"1.1em"}},"Reject resource:"),n.a.createElement("div",{style:qT},X.map(e=>{const[t]=(e||"").split(/\?/);return n.a.createElement("a",{target:"_blank",href:e},t)}))):null)))};function $T(e){let{taskId:t,orderId:a,refetch:l,toggleModalParent:r,onNotificationChange:i,toggleActive:o}=e;const[s,c]=Object(Ee.a)(!1),[u,d]=Object(Ee.a)(!1),m=n.a.useMemo(()=>({id:t,orderId:a}),[t,a]);return n.a.createElement("div",{style:{marginTop:10}},n.a.createElement(D.h,null,n.a.createElement(D.g,{primary:!0,children:"Accept Design",onClick:c}),n.a.createElement(D.g,{children:"Reject Design",onClick:d})),n.a.createElement(ST.a,{open:s,toggleShowModal:c,task:m,refetch:l,toggleModalParent:r,onNotificationChange:i,toggleActive:o}),n.a.createElement(QT.a,{open:u,toggleShowModal:d,task:m,refetch:l,toggleModalParent:r,onNotificationChange:i,toggleActive:o}))}function _T(e){let{rejectReason:t,value:a}=e;const[l,r]=n.a.useState(t||""),[i,o]=Object(Ee.a)(!1),{setFilter:s,toggleToast:u,setNotify:d,refetch:m}=Object(Fa.b)(),p=n.a.useRef(null),[g,{loading:A}]=Object(De.c)(Jt.Mc,{onCompleted:()=>{d&&d({msg:"Reject design success.",err:!1}),o(),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{s&&s(e=>({...e})),m&&m()},1e3)},onError:e=>{d&&d({msg:Object(c.ib)(e.toString()),err:!0})}}),b=null===a||void 0===a?void 0:a.id,h=n.a.useCallback(()=>{b&&(u&&u(),d&&d({msg:null,err:!1}),g({variables:{input:{id:b,rejectReason:l}}}))},[u,d,g,l,b]);return n.a.createElement(GT,{open:i},i?n.a.createElement("div",{className:"input-wrap"},n.a.createElement(D.cb,{value:l,onChange:r,placeholder:"Enter reason",multiline:!0})):n.a.createElement("span",null,l),i&&n.a.createElement(D.g,{icon:Wl.a,onClick:h,primary:!0,size:"small",loading:A}),n.a.createElement(D.g,{plain:!0,icon:i?UE.a:Fx.a,onClick:o,size:"small"}))}const GT=j.b.div` 19194 display: flex; 19195 flex-direction: row; 19196 column-gap: 10px; 19197 margin-top: 10px; 19198 19199 .input-wrap { 19200 flex: 1; 19201 } 19202 19203 .Polaris-Icon { 19204 height: ${e=>{let{open:t}=e;return t?"2rem":"1.7rem"}}; 19205 width: ${e=>{let{open:t}=e;return t?"2rem":"1.7rem"}}; 19206 } 19207`,KT=j.b.div` 19208 display: flex; 19209 flex-direction: row; 19210 column-gap: 2rem; 19211 19212 .personalized-info { 19213 transition: 0.1s all ease-out; 19214 } 19215 19216 .order-id { 19217 display: flex; 19218 flex-direction: column; 19219 } 19220 19221 .order-wrap { 19222 width: 50%; 19223 display: flex; 19224 flex-direction: column; 19225 row-gap: 10px; 19226 19227 position: sticky; 19228 height: 100%; 19229 top: 0; 19230 } 19231 19232 .design_wrap { 19233 width: 50%; 19234 position: relative; 19235 overflow-y: auto; 19236 min-height: 1px; 19237 height: 100%; 19238 19239 .heading-action-wrap { 19240 display: flex; 19241 align-items: center; 19242 flex-direction: row; 19243 justify-content: space-between; 19244 } 19245 19246 > .heading-wrap { 19247 padding-top: ${e=>{let{isDLead:t}=e;return t?"3rem":""}}; 19248 }
19249 .modal-image-item { 19250 display: flex; 19251 align-items: start !important; 19252 flex-direction: column; 19253 row-gap: 1.5rem; 19254 } 19255 .Polaris-Tabs__TabContainer { 19256 &:first-child { 19257 button.Polaris-Tabs__Tab { 19258 padding-left: 0px; 19259 } 19260 } 19261 } 19262 .design_inner { 19263 margin-left: -5px; 19264 } 19265 19266 .heading-wrap { 19267 display: flex; 19268 flex-direction: row; 19269 justify-content: start; 19270 align-items: center; 19271 column-gap: 1rem; 19272 } 19273 19274 .attributes-wrap { 19275 margin-top: 1rem; 19276 } 19277 } 19278`,JT=j.b.div` 19279 display: flex; 19280 flex-direction: row; 19281 column-gap: 2rem; 19282`,YT=e=>{const{open:t,toggleShowModal:a,task:r}=e,{currentUser:i}=Object(te.c)(),o=null===i||void 0===i?void 0:i.id,{id:s}=r||{},{data:u}=Object(De.d)(I.rb,{variables:{id:s},skip:!s}),{data:d,loading:m}=Object(De.d)(nh.b,{fetchPolicy:"network-only"}),p=null===d||void 0===d?void 0:d.getConnectedApp.find(e=>"POD"===e.app);Object(l.useEffect)(()=>{let e=document.querySelector("#config-design_wrap"),t=document.querySelectorAll(".Polaris-Modal-Section"),a=document.querySelectorAll(".Polaris-Modal-Dialog__Modal");for(let l of t)Object(c.u)(l,e)&&l.setAttribute("style","padding: 0");for(let l of a)Object(c.u)(l,e)&&l.setAttribute("style","max-width: calc(100% - 10rem); height: calc(100vh)")}),Object(l.useLayoutEffect)(()=>{const e=e=>{var l;t&&(null===(l=e.data)||void 0===l?void 0:l.taskId)===r.id&&a(!1)};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[]);const g=o?"mb_user_id="+o:"",A=!!WT(u),b=function(e){const{email:t}=e||{};return!!(t||"").match(/.*(degisner-bot).*/)}(WT(u));return n.a.createElement(D.E,{title:"Config design",open:t,onClose:a,sectioned:!0,large:!0},m?n.a.createElement(Je.SkeletonPagePolaris,null):n.a.createElement("div",null,A&&!b?n.a.createElement("div",{style:{textAlign:"center",margin:24}},n.a.createElement("h3",null,"This task has been assigned to someone else.")):p?n.a.createElement(JT,{id:"config-design_wrap"},n.a.createElement("iframe",{id:"POD-iframe",title:"Personalized",style:{border:"none",width:"100%",height:"calc(100vh - 129px)"},src:`${$e.f}/config-design?token=${null===p||void 0===p?void 0:p.token}&taskId=${null===r||void 0===r?void 0:r.id}&${g}`})):n.a.createElement("div",{style:{textAlign:"center"}},n.a.createElement("h3",null,"Please config your personalized orders with PersonalBridge app to use this feature."),n.a.createElement(Je.SkeletonPagePolaris,null))))};function WT(e){return Object(C.get)(e,"taskById.assignee")}function ZT(e){let{open:t,toggleShowModal:a,task:r,toggleActive:i,onNotificationChange:o,refetch:s}=e;const u=null===r||void 0===r?void 0:r.id,d=Object(l.useRef)(null),{setFilter:m}=Object(Fa.b)(),[p,{loading:g}]=Object(De.c)(Jt.kc,{onCompleted:()=>{o&&o({message:"Delete note successfully.",isError:!1}),a&&a(),d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{m&&m(e=>({...e})),s&&s()},1e3)},onError:e=>{o&&o({message:Object(c.ib)(e.toString()),isError:!0})}}),A=n.a.useCallback(()=>{if(u){i&&i(),o&&o({message:null,isError:!1});p({variables:{...{taskId:u,isWaiting:!0,note:""}}})}},[o,i,u,p]);return n.a.createElement(D.E,{title:"Delete note for this task.",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:A,loading:g}},n.a.createElement("p",null,"Are you sure to delete note?"))}const XT=j.b.div` 19283 display: flex; 19284 flex-direction: column; 19285 row-gap: 1rem; 19286 label { 19287 font-weight: 500; 19288 } 19289 .Polaris-DropZone { 19290 min-height: 11rem; 19291 } 19292`,eQ=e=>{var t,a,r;const{open:i,toggleShowModal:o,onNotificationChange:s,toggleActive:u,refetch:d,task:m}=e,p=null===m||void 0===m||null===(t=m.product)||void 0===t?void 0:t.id,g=null===m||void 0===m||null===(a=m.product)||void 0===a?void 0:a.psdFiles,[A,b]=Object(l.useState)(null===m||void 0===m||null===(r=m.product)||void 0===r?void 0:r.psd),[h,f]=Object(l.useState)([]),v=Object(l.useRef)(null),{setFilter:E}=Object(Fa.b)(),[y,{loading:C}]=Object(De.c)(Jt.he,{onError:e=>{s&&s({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{o(),s&&s({message:"Update design resource file success.",isError:!1}),v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{E&&E(e=>({...e})),d&&d()},1e3)}}),k=Object(l.useCallback)(()=>{s&&s({message:null,isError:!1}),y({variables:{productId:p,files:h,psd:A}}),u()},[p,h,A]),O=Object(l.useCallback)(e=>{let t=e&&e.length>0?e.map(e=>e.id):[];f(t)},[]);return n.a.createElement(D.E,{title:"Update design resource",open:i,onClose:o,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:o}],primaryAction:{content:"Submit",onAction:k,loading:C}},n.a.createElement(XT,null,n.a.createElement("div",null,n.a.createElement("label",null,"Files:"),n.a.createElement(dl.a,{value:g,prefix:oe.ob.PSD_RESOURCE+"/",folder:oe.ob.PSD_RESOURCE,multiple:!0,onChange:O})),n.a.createElement("span",{className:"or_wrap"},"Or"),n.a.createElement("div",null,n.a.createElement("label",null,"Urls:"),n.a.createElement(D.cb,{value:A,onChange:e=>b(e),multiline:4}
19292))))},tQ=j.b.div` 19293 display: flex; 19294 flex-direction: row; 19295 .image-compare { 19296 width: 25%; 19297 height: auto; 19298 } 19299 .similar-container { 19300 flex: 1 1; 19301 border-right: 2px solid var(--p-border-subdued, #dfe3e8); 19302 margin-right: 2rem; 19303 .paginatation-wrap { 19304 padding: 2rem 0; 19305 } 19306 } 19307 .design-wrap { 19308 display: flex; 19309 flex-direction: column; 19310 row-gap: 1rem; 19311 max-width: 20rem; 19312 img { 19313 width: 200px; 19314 height: auto; 19315 cursor: pointer; 19316 } 19317 .label { 19318 font-size: 0.875em; 19319 word-break: break-all; 19320 } 19321 } 19322 .similar-product-wrap { 19323 display: flex; 19324 flex-direction: colum; 19325 row-gap: 2rem; 19326 flex-wrap: wrap; 19327 padding: 2rem 0 2rem 0.8rem; 19328 flex-direction: column; 19329 border-bottom: 1px solid var(--p-border-subdued, #dfe3e8); 19330 } 19331 .designs-wrap { 19332 display: flex; 19333 flex-direction: row; 19334 gap: 2rem 3rem; 19335 flex-wrap: wrap; 19336 } 19337 .design-wrap, 19338 .image-compare { 19339 img { 19340 border-radius: 5px; 19341 box-shadow: rgb(0 0 0 / 10%) 0px -1px 15px -3px, 19342 rgb(0 0 0 / 10%) 0px 4px 6px 2px; 19343 } 19344 } 19345`,aQ=e=>{var t,a,l,r,i,o,s,u;let{task:d,open:m,toggleShowModal:p}=e;const g=null===d||void 0===d||null===(t=d.product)||void 0===t?void 0:t.id,[A,b]=n.a.useState({}),[h,f]=n.a.useState({productIds:[],pLimit:10,pOffset:0}),[v,E]=Object(Ee.a)(!1),{data:y,loading:C,error:k}=Object(De.d)(I.kb,{variables:{id:g,...h},skip:!0});Object(DT.a)(m);const O=n.a.useCallback((e,t)=>{var a;let l=null===y||void 0===y||null===(a=y.getSimilarProduct)||void 0===a?void 0:a.productIds;f(a=>({...a,pLimit:t,pOffset:e,productIds:l}))},[y]),j=n.a.useCallback(e=>{b(t=>({...t,[e]:!t[e]}))},[]);let{pLimit:w,pOffset:S}=h;const B=null===y||void 0===y||null===(a=y.getSimilarProduct)||void 0===a?void 0:a.total,P={page:S/w+1,totalPage:Math.ceil(B/w),offset:S,limit:w,onChange:O,total:B},x=null===d||void 0===d?void 0:d.order,M=null===x||void 0===x?void 0:x.product,T=null===M||void 0===M?void 0:M.mainImageId,Q=null===M||void 0===M?void 0:M.images,R=(null===M||void 0===M||null===(l=M.productBases)||void 0===l?void 0:l.length)>1;let F=[];const N=ce()(x,"productVariant.productBaseVariant.productBase.id",null),U=T||"undefined"!==T;N&&R?(F=(null===Q||void 0===Q?void 0:Q.length)>0?Q.filter(e=>(null===e||void 0===e?void 0:e.productBaseId)===N).map(e=>e.file):[],F.length>1&&U&&(F=(null===Q||void 0===Q?void 0:Q.length)>0?Q.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===T}).map(e=>e.file):[])):U&&(F=(null===Q||void 0===Q?void 0:Q.length)>0?Q.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===T}).map(e=>e.file):[]),0===F.length&&(F=(null===Q||void 0===Q?void 0:Q.length)>0?Q.filter(Boolean).map(e=>e.file):[]);const L=(null===(r=F)||void 0===r?void 0:r.length)>0?F[0]:null,V=L?(null===L||void 0===L?void 0:L.thumbnailUrl)?null===L||void 0===L?void 0:L.thumbnailUrl:(null===L||void 0===L?void 0:L.url)?null===L||void 0===L?void 0:L.url:null:null,z=(e,t,a)=>{if(!e)return null;let{orderId:l,designUrl:r,designer:i}=e,o=(null===(s=r)||void 0===s?void 0:s.length)>0?s.filter(Boolean).map(e=>{let{url:t,thumbUrl:a}=e;return{file:{thumbnailUrl:a,url:t}}}):null;var s;const c=[null===i||void 0===i?void 0:i.firstName,null===i||void 0===i?void 0:i.lastName].filter(Boolean).join(" "),u=(null===r||void 0===r?void 0:r.length)>0?r[0].thumbUrl:null;return n.a.createElement("div",{className:"design-wrap",key:t},n.a.createElement("img",{src:u,alt:"",onClick:()=>j(t)}),a,(e=>e?n.a.createElement("span",{className:"label"},n.a.createElement("strong",null,"Designer:")," ",e):null)(c),(e=>e?n.a.createElement("span",{className:"label"},n.a.createElement("strong",null,"Order ID:")," ",e):null)(l),n.a.createElement(rs.a,{item:{images:o},open:!!A[t],toggleShowModal:()=>j(t)}))},q=(null===y||void 0===y||null===(i=y.getSimilarProduct)||void 0===i||null===(o=i.nodes)||void 0===o?void 0:o.length)>0?y.getSimilarProduct.nodes.map((e,t)=>{if(!e)return null;let{sku:a,designs:l}=e;const r=(e=>e?n.a.createElement("span",{className:"label"},n.a.createElement("strong",null,"SKU:")," ",e):null)(a);return n.a.createElement("div",{className:"similar-product-wrap",key:t},n.a.createElement("div",{className:"designs-wrap"},(null===l||void 0===l?void 0:l.length)>0?l.map((e,t)=>n.a.createElement(n.a.Fragment,{key:t},z(e,t,r))):null))}):null;return n.a.createElement(D.E,{title:"Get Similar Design",onClose:p,open:m,sectioned:!0,large:!0},n.a.createElement(tQ,null,n.a.createElement("div",{className:"similar-container"},C?n.a.createElement(Je.SkeletonPagePolaris,null):k?n.a.createElement("div",null,"Error: ",Object(c.ib)(k.toString())):(null===y||void 0===y||null===(s=y.getSimilarProduct)||void 0===s||null===(u=s.nodes)||void 0===u?void 0:u.length)>0?n.a.createElement("div",null,n.a.createElement(D.P,{shadow:!0,style:{height:"70rem"}},q,n.a.createElement("div",{className:"paginatation-wrap"},n.a.createElement(Ye.PaginationPolaris,{aggregation:P})))):n.a.createElement(We.EmptyStatePolaris,{noData:!0,slim:!0})),n.a.createElement("div",{className:"image-compare"},n.a.createElement("div",{onClick:E},n.a.createElement("img",{src:V,alt:"",style:{width:"100%",height:"auto",objectFit:"cover",cursor:"pointer"}})),n.a.createElement(rs.a,{item:{images:Q},open:v,toggleShowModal:E}))))},lQ=e=>{const{open:t,toggleShowModal:a,refetch:r,toggleActive:i,onNotificationChange:o,task:s,toggleModalParent:u}=e,d=Object(l.useRef)(null),{setFilter:m}=Object(Fa.b)(),[p,{loading:g}]=Object(De.c)(Jt.jc,{onError:e=>{o&&o({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{a(),o&&o({message:"Mark as task configurable success.",isError:!1}),u&&u(),d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{m&&m(e=>({...e})),r&&r()},1e3)}}),A=Object(l.useCallback)(()=>{let e=null===s||void 0===s?void 0:s.id;e&&(o&&o({message:null,isError:!1}),i&&i(),p({variables:{taskIDs:[e]}}))},[s,p,o,i]);return n.a.createElement(D.E,{title:"Mark as Configurable",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:A,loading:g}},n.a.createElement("p",null,"Are you sure want to mark this task to Artwork Configurable for order #",s.orderId))},nQ=e=>{let{open:t,toggleShowModal:a,onNotificationChange:r,refetch:i,toggleActive:o,product:s}=e;const u=null===s||void 0===s?void 0:s.id,[d,m]=Object(l.useState)(""),p=Object(l.useRef)(null),{setFilter:g}=Object(Fa.b)(),[A,{loading:b}]=Object(De.c)(Jt.rc,{onError:e=>{r&&r({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{a(),r&&r({message:"Mark Facebook error successfully.",isError:!1}),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{g&&g(e=>({...e})),i&&i()},1e3)}}),h=n.a.useCallback(()=>{u&&(o&&o(),r&&r({message:null,isError:!1}),A({variables:{productId:u,note:d}}))},[u,A,d,o,r]);return n.a.createElement(D.E,{title:"Mark Facebook Error",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:h,loading:b}}
19345,n.a.createElement(D.cb,{label:"Note",onChange:m,value:d,multiline:3}))},rQ=e=>{var t,a;let{open:r,toggleShowModal:i,task:o,onNotificationChange:s,refetch:u,toggleActive:d}=e;const m=null===o||void 0===o||null===(t=o.order)||void 0===t||null===(a=t.productVariant)||void 0===a?void 0:a.id,p=Object(l.useRef)(null),{setFilter:g}=Object(Fa.b)(),[A,{loading:b}]=Object(De.c)(Jt.sc,{onError:e=>{s&&s({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{i(),s&&s({message:"Mark this product has PSD in Nas successfully.",isError:!1}),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{g&&g(e=>({...e})),u&&u()},1e3)}}),h=n.a.useCallback(()=>{m&&(s&&s({message:null,isError:!1}),A({variables:{productVariantId:m}}),d&&d())},[m,A]);return n.a.createElement(D.E,{title:"Mark PSD in Nas",open:r,onClose:i,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:i}],primaryAction:{content:"Submit",onAction:h,loading:b}},n.a.createElement("p",null,"Are you sure to mark this product has PSD in Nas"))},iQ=e=>{const{open:t,toggleShowModal:a,refetch:r,toggleActive:i,onNotificationChange:o,task:s,toggleModalParent:u}=e,d=Object(l.useRef)(null),{setFilter:m}=Object(Fa.b)(),[p,{loading:g}]=Object(De.c)(Jt.Bc,{onError:e=>{o&&o({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{a(),o&&o({message:"Design has been passed to Awaiting Buyer Confirm.",isError:!1}),u&&u(),d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{m&&m(e=>({...e})),r&&r()},1e3)}}),A=Object(l.useCallback)(()=>{let e=null===s||void 0===s?void 0:s.id;e&&(o&&o({message:null,isError:!1}),i&&i(),p({variables:{taskID:e,newStatus:"Awaiting Buyer Confirm"}}))},[s,p,o,i]);return n.a.createElement(D.E,{title:"Pass to Awaiting Buyer Confirm",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:A,loading:g}},n.a.createElement("p",null,"Are you sure want to pass this design to Awaiting Buyer Confirm for order #",s.orderId))},oQ=e=>{const{open:t,toggleShowModal:a,refetch:r,toggleActive:i,onNotificationChange:o,task:s,toggleModalParent:u}=e,d=Object(l.useRef)(null),{setFilter:m}=Object(Fa.b)(),[p,{loading:g}]=Object(De.c)(Jt.Ac,{onError:e=>{o&&o({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{a(),o&&o({message:"Design has been passed to Need Review.",isError:!1}),u&&u(),d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{m&&m(e=>({...e})),r&&r()},1e3)}}),A=Object(l.useCallback)(()=>{let e=null===s||void 0===s?void 0:s.id;e&&(o&&o({message:null,isError:!1}),i&&i(),p({variables:{taskID:e}}))},[s,p,o,i]);return n.a.createElement(D.E,{title:"Pass to Need Review",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:A,loading:g}},n.a.createElement("p",null,"Are you sure want to pass this design to Need Review for order #",s.orderId))},sQ=e=>{const{open:t,toggleShowModal:a,refetch:r,task:i,toggleActive:o,onNotificationChange:s}=e,u=Object(l.useRef)(null),{setFilter:d}=Object(Fa.b)(),[m,{loading:p}]=Object(De.c)(Jt.Yc,{onError:e=>{s&&s({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{a(),s&&s({message:"Re assign success.",isError:!1}),u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{d&&d(e=>({...e})),r&&r()},1e3)}}),g=Object(l.useCallback)(e=>{let t=null===i||void 0===i?void 0:i.id;s&&s({message:null,isError:!1}),e&&t&&(m({variables:{input:{...e,id:t}}}),o&&o())},[i]);return n.a.createElement(D.E,{title:"Re-assign",open:t,onClose:a,sectioned:!0},n.a.createElement(AT,{onSubmit:g,loadingM:p,toggleShowModal:a,value:i}))},cQ=e=>{let{open:t,toggleShowModal:a,onNotificationChange:r,refetch:i,toggleActive:o,product:s}=e;const u=null===s||void 0===s?void 0:s.id,d=Object(l.useRef)(null),{setFilter:m}=Object(Fa.b)(),[p,{loading:g}]=Object(De.c)(Jt.Oc,{onError:e=>{r&&r({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{a(),r&&r({message:"Remove mark Facebook error successfully.",isError:!1}),d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{m&&m(e=>({...e})),i&&i()},1e3)}}),A=n.a.useCallback(()=>{u&&(o&&o(),r&&r({message:null,isError:!1}),p({variables:{productId:u}}))},[u,p,o,r]);return n.a.createElement(D.E,{title:"Remove Mark Facebook Error",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:A,loading:g}},n.a.createElement("p",null,"Are you sure to remove mark Facebook error?"))},uQ=e=>{const{open:t,toggleShowModal:a,refetch:r,toggleActive:i,onNotificationChange:o,task:s,toggleModalParent:u}=e,d=Object(l.useRef)(null),{setFilter:m}=Object(Fa.b)(),[p,{loading:g}]=Object(De.c)(Jt.Pc,{onError:e=>{o&&o({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{a(),o&&o({message:"Remove task from configurable success.",isError:!1}),u&&u(),d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{m&&m(e=>({...e})),r&&r()},1e3)}}),A=Object(l.useCallback)(()=>{let e=null===s||void 0===s?void 0:s.id;e&&(o&&o({message:null,isError:!1}),i&&i(),p({variables:{taskIDs:[e]}}))},[s,p,o,i]);return n.a.createElement(D.E,{title:"Remove Task From Configurable",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:A,loading:g}},n.a.createElement("p",null,"Are you sure want to remove task from configurable for order #",s.orderId))},dQ=e=>{const{open:t,toggleShowModal:a,onNotificationChange:r,toggleActive:i,refetch:o,task:s}=e,u=null===s||void 0===s?void 0:s.id,d=Object(l.useRef)(null),{setFilter:m}=Object(Fa.b)(),[p,{loading:g}]=Object(De.c)(Jt.Gd,{onError:e=>{r&&r({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{a(),r&&r({message:"Update task success.",isError:!1}),d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{m&&m(e=>({...e})),o&&o()},1e3)}}),A=Object(l.useCallback)(e=>{r&&r({message:null,isError:!1}),e&&u&&(p({variables:{input:{...e,id:u}}}),i&&i())},[u]);return n.a.createElement(D.E,{title:"Update task",open:t,onClose:a,sectioned:!0},n.a.createElement(AT,{onSubmit:A,loadingM:g,toggleShowModal:a,value:s}))},mQ=e=>{const{open:t,toggleShowModal:a,onNotificationChange:r,toggleActive:i,refetch:o,task:s}=e,u=null===s||void 0===s?void 0:s.id,[d,m]=Object(l.useState)([]);Object(l.useEffect)(()=>{var e;s&&m((null===(e=s.resources)||void 0===e?void 0:e.length)>0?s.resources:[])},[s]);const p=Object(l.useRef)(null),{setFilter:g}=Object(Fa.b)(),[A,{loading:b}]=Object(De.c)(Jt.Gd,{onError:e=>{r&&r({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{a(),r&&r({message:"Update task resource success.",isError:!1}),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{g&&g(e=>({...e})),o&&o()},1e3)}}),h=Object(l.useCallback)(()=>
19345{if(r&&r({message:null,isError:!1}),u){const e=(null===d||void 0===d?void 0:d.length)>0?d.map(e=>e.id).filter(Boolean):[];A({variables:{input:{id:u,resources:e}}}),i&&i()}},[u,d]),f=Object(l.useCallback)(e=>{let t=e&&e.length>0?e:[];m(t)},[]);return n.a.createElement(D.E,{title:"Update task resource",open:t,onClose:a,sectioned:!0},n.a.createElement(D.Y,{vertical:!0},n.a.createElement("div",null,n.a.createElement("label",null,"Resource Files:"),n.a.createElement(dl.a,{value:d,prefix:oe.ob.PSD_RESOURCE+"/",folder:oe.ob.PSD_RESOURCE,accept:"image/*",onChange:f,multiple:!0,sizeSmall:!0})),n.a.createElement(D.g,{children:"Submit",onClick:h,primary:!0,loading:b})))},pQ=e=>{const{task:t,open:a,toggleShowModal:r,refetch:i,toggleActive:o,onNotificationChange:s}=e,u=Object(l.useRef)(null),{setFilter:d}=Object(Fa.b)(),[m,{loading:p}]=Object(De.c)(Jt.nd,{onError:e=>{s&&s({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{r(),s&&s({message:"Task status is updated to Doing.",isError:!1}),u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{d&&d(e=>({...e})),i&&i()},1e3)}}),g=Object(l.useCallback)(()=>{s&&s({message:null,isError:null}),m({variables:{taskIds:[t.id]}}),o()},[t]);return n.a.createElement(D.E,{title:"Set status to Doing",open:a,onClose:r,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:r}],primaryAction:{content:"Submit",onAction:g,loading:p}},n.a.createElement("p",null,"Are you sure set status to Doing?"))};var gQ=a(341),AQ=a(342);const bQ=[],hQ=j.b.div` 19346 .upload-design_wrap { 19347 display: flex; 19348 flex-direction: column; 19349 column-gap: 2rem; 19350 19351 h2, 19352 h3 { 19353 font-weight: 500; 19354 } 19355 19356 .design-file_wrap { 19357 display: flex; 19358 flex-direction: row; 19359 column-gap: 2rem; 19360 19361 .design-file_left { 19362 text-align: center; 19363 display: flex; 19364 flex-direction: column; 19365 row-gap: 1rem; 19366 width: 50%; 19367 } 19368 .design-file_right { 19369 width: 50%; 19370 display: flex; 19371 flex-direction: row; 19372 flex-wrap: wrap; 19373 gap: 2rem 1.6rem; 19374 .design-position_item { 19375 display: flex; 19376 flex-direction: column; 19377 row-gap: 1rem; 19378 text-align: center; 19379 width: 48%; 19380 } 19381 } 19382 .Polaris-DropZone { 19383 min-height: 11rem; 19384 } 19385 } 19386 } 19387 .message_wrap { 19388 &.success { 19389 color: #2abd0e; 19390 } 19391 &.error { 19392 color: #bd3b2f; 19393 } 19394 } 19395 .checking-dimensions { 19396 display: flex; 19397 align-self: center; 19398 column-gap: 0.5rem; 19399 } 19400`;class fQ extends n.a.Component{constructor(){super(...arguments),this.state={designs:{},currentDesignId:{},disableSubmit:!0,dimensions:{},checkingDimensions:{},changeToBuyerConfirm:!0,maxSize:oe.v,enableTaskPreview:!1},this.handleCheckDimensions=(e,t)=>{let{currentDesignId:a}=this.state;if(Object.keys(a).length)for(let[l,n]of Object.entries(e))if(l===a[t]){let e=n&&n.isRealDimensionOk,a=e?"You can upload this file.":"The dimensions of file uploaded is not correct.";this.setState({dimensions:{...this.state.dimensions,[t]:{message:a,type:e?"success":"error"}}})}},this.deleteFileOutAmz=(e,t)=>{e&&t.mutate({mutation:Jt.vb,variables:{id:e,deleteAmz:!0}}).then(()=>{}).catch(()=>{})},this.handleSubmit=e=>{let{designs:t}=this,{task:a,toggleActive:l,enableTaskPreview:n}=this.props;const{changeToBuyerConfirm:r,isPMETeam:i,canBuyerConfirm:o}=this.state;Object.keys(t).length&&e({variables:{input:{id:a.id,designs:Object.values(t),changeToBuyerConfirm:(i||n)&&o?r:void 0}}}),l&&l()},this.designs={},this.onChangeStatus=e=>{this.setState({changeToBuyerConfirm:e})},this.handleCheckingDimensions=e=>t=>{this.timer&&clearTimeout(this.timer),this.timer=setTimeout(()=>{this.setState({checkingDimensions:{...this.state.checkingDimensions,[e]:t}})},500)}}componentDidUpdate(e,t){let{currentDesignId:a,dimensions:l,checkingDimensions:n}=this.state;if(t.currentDesignId!==a)for(let[r,i]of Object.entries(a))null===i&&this.setState(e=>({dimensions:{...e.dimensions,[r]:{message:null}}}));if(t.dimensions!==l){let e=Object.values(l).filter(e=>e.message);e=!!e.length&&e.every(e=>"success"===e.type),this.setState({disableSubmit:!e})}if(t.checkingDimensions!==n){let e=!0;Object.values(n).some(e=>!0===e)||(e=this.state.disableSubmit),this.setState({disableSubmit:e})}}componentDidMount(){const{currentUser:e}=this.context||{},t=Object(c.ub)(e),{task:a}=this.props,l=ce()(a,"order.store.platform"),n=ce()(a,"order.store.id"),r=bQ.includes(n)||[oe.M.Etsy].includes(l);this.setState({isPMETeam:t,canBuyerConfirm:r},async()=>{let e=this.state.maxSize;await Object(jg.c)(null===a||void 0===a?void 0:a.orderId)&&(e=oe.w),this.setState({maxSize:e})})}render(){var e,t,a,l,r,i;const{open:o,toggleShowModal:u,onNotificationChange:d,reUpload:m,task:p,refetch:g,isDesigner:A,userId:b,enableTaskPreview:h}=this.props,{disableSubmit:f,dimensions:v,checkingDimensions:E,changeToBuyerConfirm:y,isPMETeam:C,canBuyerConfirm:k}=this.state,{onChangeStatus:O}=this,{currentUser:j}=this.context||{},S=Object(c.db)(j),B=(null===p||void 0===p||null===(e=p.order)||void 0===e||null===(t=e.productVariant)||void 0===t||null===(a=t.productBaseVariant)||void 0===a?void 0:a.productBase)?null===p||void 0===p?void 0:p.order.productVariant.productBaseVariant.productBase.id:null===p||void 0===p||null===(l=p.order)||void 0===l||null===(r=l.product)||void 0===r||null===(i=r.productBases[0])||void 0===i?void 0:i.id;return n.a.createElement(n.a.Fragment,null,n.a.createElement(s.a,{mutation:Jt.we,onCompleted:()=>{u(),d&&d({message:"Design has been saved.",isError:!1}),g&&g()},onError:e=>{u(),d&&d({message:Object(c.ib)(e.toString()),isError:!0})}},(e,t)=>{let{loading:a,client:l}=t;return n.a.createElement(D.E,{title:`${m?"Re-upload":"Upload"} design for task: #${p.id}`,open:o,onClose:u,sectioned:!0,large:!0,secondaryActions:[{content:"Cancel",onAction:()=>{let e=this.state.currentDesignId;for(let[,t]of Object.entries(e))t&&this.deleteFileOutAmz(t,l);u&&u()}}],primaryAction:{content:"Submit",onAction:()=>this.handleSubmit(e),loading:a,disabled:f}},n.a.createElement(hQ,null,n.a.createElement(s.b,{query:I.Ub,variables:{filter:{search:`${S}${w.t.TP}`}},fetchPolicy:"no-cache",onCompleted:e=>{var t,a;const l=(null===(t=e.variables)||void 0===t?void 0:t.length)>0?null===(a=e.variables[0])||void 0===a?void 0:a.value:null;if(l)try{const e=JSON.parse(l);this.setState({enableTaskPreview:e})}catch(n){console.log("parse variable task preview failed: ",n)}}}),n.a.createElement(s.b,{query:I.v,variables:{taskId:p.id},fetchPolicy:"network-only"},e=>{let{data:t,loading:a,error:r}=e;if(a)return n.a.createElement(Je.SkeletonPagePolaris,null);if(r)return n.a.createElement("div",null,"Error:"," ",Object(c.ib)(r.toString()));let i=t&&t.getDesignPositionFromOrderTask;if(!i||i&&0===i.length)return n.a.createElement(We.EmptyStatePolaris,{noData:!0});i=Object(c.Qb)(i.map(e=>({designPosition:e}))),i=(i||[]).map(e=>e.designPosition);const o=(i||[])[0],s=Object(c.P)(o);return n.a.createElement(D.Y,{vertical:!0},p?n.a.createElement(wg.a,null,n.a.createElement(gQ.default,{orderId:p.orderId,personalized:p.personalized}),n.a.createElement(AQ.default,{order:p.order}),n.a.createElement("div",{style:{borderBottom:"1px solid #dfe3e8",paddingBottom:"1rem"}})):null,n.a.createElement("div",{className:"upload-design_wrap"},n.a.createElement("h2",null,"Design Files"),(C||h)&&k?n.a.createElement("div",{stlye:{marginTop:16,marginBottom:16}},n.a.createElement(D.j,{label:"Change status to Need Buyer Confirm",checked:y,onChange:O})):null,n.a.createElement("div",{className:"design-file_wrap"},n.a.createElement("div",{className:"design-file_left"},n.a.createElement("h3",null,s),n.a.createElement(dl.a,{prefix:"print_files/",folder:"print_files",userId:A?b:null,multiple:!1,typeSpecial:!0,singleUpload:!0,accept:"image/*,.eps,application/postscript",placeholderImage:i[0].image,productBaseId:B,isPrintFile:A,maxSize:this.state.maxSize,onChange:e=>{if(e.length){const t={designPositionId:i[0].id,fileId:e[0].id};this.designs[i[0].id]=t,this.setState(t=>({currentDesignId:{...t.currentDesignId,0:e[0].id}}))}else this.setState(e=>({currentDesignId:{...e.currentDesignId,0:null}}))},isCompareDesign:!0,isUploadDesign:!0,designPosition:i[0],onCheckDimensions:e=>{if(!0!==e)return this.handleCheckDimensions(e,0);this.setState({disableSubmit:!1})},onCheckingDimensions:this.handleCheckingDimensions(0),onRemove:e=>this.deleteFileOutAmz(e,l)}),this.state.checkingDimensions[0]?n.a.createElement(D.X,{size:"small"}):v[0]&&v[0].message?n.a.createElement("p",{className:"message_wrap "+("success"===v[0].type?"success":"error")},v[0].message):null,n.a.createElement("i",{className:"description_wrap"},i[0].description)),n.a.createElement("div",{className:"design-file_right"},i.map((e,t)=>{if(!t)return null;const a=Object(c.P)(e);return n.a.createElement("div",{className:"design-position_item",key:"design-position-"+t},n.a.createElement("h3",null,a),n.a.createElement(dl.a,{prefix:"print_files/",folder:"print_files",userId:A?b:null,isPrintFile:A,multiple:!1,singleUpload:!0,accept:"image/*,.eps,application/postscript",typeSpecial:!0,placeholderImage:e.image,productBaseId:B,onChange:e=>{if(e.length){const a={designPositionId:i[t].id,fileId:e[0].id};this.designs[i[t].id]=a,this.setState(a=>({currentDesignId:{...a.currentDesignId,[t]:e[0].id}}))}else this.setState(e=>({currentDesignId:{...e.currentDesignId,[t]:null}}))},isCompareDesign:!0,isUploadDesign:!0,designPosition:i[t],onCheckDimensions:e=>{if(!0!==e)return this.handleCheckDimensions(e,t);this.setState({disableSubmit:!1})},onCheckingDimensions:this.handleCheckingDimensions(t),onRemove:e=>this.deleteFileOutAmz(e,l)}),E[t]?n.a.createElement("div",{className:"checking-dimensions"},n.a.createElement(D.X,{size:"small"}),n.a.createElement("span",null,"Checking dimensions...")):v[t]&&v[t].message?n.a.createElement("p",{className:"message_wrap "+("success"===v[t].type?"success":"error")},v[t].message):null,n.a.createElement("i",{className:"description_wrap"},e.description))})))))})))}))}}fQ.contextType=te.a;var vQ=fQ,EQ=a(1375);const yQ=j.b.div` 19401 display: flex; 19402 flex-direction: column; 19403 row-gap: 1rem; 19404 .content_wrap { 19405 display: flex; 19406 flex-direction: row; 19407 column-gap: 2rem; 19408 .thumbnail_wrap { 19409 display: flex; 19410 flex-direction: column; 19411 row-gap: 1rem; 19412 width: 50%; 19413 label { 19414 display: inline-block; 19415 font-size: 1.4rem; 19416 font-weight: 500; 19417 } 19418 } 19419 .thumbnail_content { 19420 display: flex; 19421 flex-direction: column; 19422 text-align: center; 19423 row-gap: 0.75rem; 19424 position: relative; 19425 &:hover { 19426 .view-origin { 19427 opacity: 1; 19428 } 19429 } 19430 .view-origin { 19431 position: absolute; 19432 top: 0; 19433 right: 0; 19434 bottom: 0; 19435 left: 0; 19436 text-align: right; 19437 padding-top: 1rem; 19438 padding-right: 1rem; 19439 background: linear-gradient( 19440 180deg, 19441 rgba(33, 43, 54, 0.55), 19442 hsla(0, 0%, 100%, 0) 19443 ); 19444 opacity: 0; 19445 transition: 0.3s opacity ease-out; 19446 .img-wrap { 19447 display: inline-block; 19448 } 19449 .Polaris-Icon { 19450 svg { 19451 fill: hsla(0, 0%, 100%, 0.8); 19452 } 19453 } 19454 } 19455 } 19456 img { 19457 width: 100%; 19458 height: 28rem; 19459 object-fit: cover; 19460 border-radius: 3px; 19461 box-shadow: 0 -1px 15px -3px rgba(0, 0, 0, 0.1), 19462 0 4px 6px 2px rgba(0, 0, 0, 0.1); 19463 } 19464 } 19465 .design-position_wrap { 19466 width: 50%; 19467 .design-position_item { 19468 display: flex; 19469 } 19470 .design-position_inner { 19471 display: flex; 19472 flex-flow: column; 19473 row-gap: 1rem; 19474 .design-position-content + .design-position-content { 19475 border-top: var( 19476 --p-thin-border-subdued, 19477 0.1rem solid var(--p-border-subdued, #dfe3e8) 19478 ); 19479 padding-top: 1rem; 19480 } 19481 .loading_wrap { 19482 display: flex; 19483 justify-content: center; 19484 } 19485 label { 19486 font-size: 1.4rem; 19487 font-weight: 500; 19488 margin-bottom: 1.09rem; 19489 display: inline-block; 19490 } 19491 .artwork_inner { 19492 word-break: break-all; 19493 overflow: hidden; 19494 text-overflow: ellipsis; 19495 } 19496 .design-position-info { 19497 display: flex; 19498 flex-direction: column; 19499 row-gap: 0.75rem; 19500 margin-top: 1rem; 19501 > div { 19502 display: flex; 19503 flex-direction: column; 19504 row-gap: 0.5rem; 19505 } 19506 } 19507 } 19508 } 19509 } 19510 .message_wrap { 19511 &.success { 19512 color: #2abd0e; 19513 } 19514 &.error { 19515 color: #bd3b2f; 19516 } 19517 } 19518`;class CQ extends l.Component{constructor(e){super(e),this.handleSubmit=e=>{var t;let{designPosition:a,designs:l,cancelOtherTask:n}=this.state,{task:r,toggleActive:i}=this.props;e({variables:{id:null===r||void 0===r||null===(t=r.order)||void 0===t?void 0:t.id,input
19518:l&&l.length>0?l.map((e,t)=>a[t]&&a[t][0]?{designPositionId:e.designPosition.id,fileId:a[t][0].id}:{designPositionId:e.designPosition.id,fileId:null}).filter(Boolean):[],cancelOtherTask:n}}),i&&i()},this.handleCheckDimensions=(e,t)=>{let{currentDesignId:a}=this.state;if(Object.keys(a).length)for(let[l,n]of Object.entries(e))if(l===a[t]){let e=n&&n.isRealDimensionOk,a=e?"You can upload this file.":"The dimensions of file uploaded is not correct.";this.setState({dimensions:{...this.state.dimensions,[t]:{message:a,type:e?"success":"error"}}})}},this.deleteFileOutAmz=(e,t)=>{e&&t.mutate({mutation:Jt.vb,variables:{id:e,deleteAmz:!0}}).then(()=>{}).catch(()=>{})},this.state={cancelOtherTask:!0,designPosition:{},designs:[],currentDesignId:{},disableSubmit:!0,dimensions:{},checkingDimensions:{},maxSize:oe.v}}componentDidMount(){var e;(async()=>{let e=this.state.maxSize;const{task:t}=this.props;await Object(jg.c)(null===t||void 0===t?void 0:t.orderId)&&(e=oe.w),this.setState({maxSize:e})})();Object(c.yb)(null===(e=this.context)||void 0===e?void 0:e.currentUser)&&this.setState({disableSubmitSpec:!0,disableSubmit:!1})}componentDidUpdate(e,t){let{currentDesignId:a,dimensions:l,designs:n,checkingDimensions:r}=this.state;if(t.currentDesignId!==a)for(let[i,o]of Object.entries(a))null===o&&this.setState(e=>({dimensions:{...e.dimensions,[i]:{message:null}}}));if(t.dimensions!==l){let e=Object.values(l).filter(e=>e.message);e=!!e.length&&e.every(e=>"success"===e.type),this.setState({disableSubmit:!e})}if(t.checkingDimensions!==r){let e=!0;Object.values(r).some(e=>!0===e)||(e=this.state.disableSubmit),this.setState({disableSubmit:e})}if(!Object(C.isEqual)(t.designs,n)){((null===n||void 0===n?void 0:n.length)>0?n.find(e=>e.designPosition.description?e:null):null)||this.setState({disableSubmit:!1})}}render(){var e,t,a,l,r;const{open:i,toggleShowModal:o,onNotificationChange:u,task:d,refetch:m}=this.props,{cancelOtherTask:p,disableSubmit:g,dimensions:A,disableSubmitSpec:b}=this.state,h=null===d||void 0===d?void 0:d.order,f=null===h||void 0===h?void 0:h.id,v=h&&h.productVariant&&h.productVariant.productBaseVariant&&h.productVariant.productBaseVariant.productBase?h.productVariant.productBaseVariant.productBase.id:null===h||void 0===h||null===(e=h.product)||void 0===e||null===(t=e.productBases[0])||void 0===t?void 0:t.id,E=Object(C.get)(h,"product",null),y=null===E||void 0===E?void 0:E.mainImageId,k=null===E||void 0===E?void 0:E.images;let O=[];const j=(null===E||void 0===E||null===(a=E.productBases)||void 0===a?void 0:a.length)>1,w=y||"undefined"!==y;v&&j?(O=(null===k||void 0===k?void 0:k.length)>0?k.filter(e=>(null===e||void 0===e?void 0:e.productBaseId)===v).map(e=>e.file):[],O.length>1&&w&&(O=(null===k||void 0===k?void 0:k.length)>0?k.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===y}).map(e=>e.file):[])):w&&(O=(null===k||void 0===k?void 0:k.length)>0?k.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===y}).map(e=>e.file):[]),0===O.length&&(O=(null===k||void 0===k?void 0:k.length)>0?k.filter(Boolean).map(e=>e.file):[]);const S=(null===(l=O)||void 0===l?void 0:l.length)>0?O[0]:null,B=Object(c.yb)(null===(r=this.context)||void 0===r?void 0:r.currentUser);return n.a.createElement(n.a.Fragment,null,n.a.createElement(s.a,{mutation:Jt.ye,onError:e=>{o(),u&&u({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:()=>{o(),u&&u({message:"Upload design successful.",isError:!1}),m&&m()}},(e,t)=>{let{loading:a,client:l}=t;return n.a.createElement(D.E,{title:"Upload design",open:i,onClose:o,secondaryActions:[{content:"Cancel",onAction:()=>{let e=this.state.currentDesignId;for(let[,t]of Object.entries(e))t&&this.deleteFileOutAmz(t,l);o()}}],primaryAction:{content:"Submit",onAction:()=>this.handleSubmit(e),loading:a,disabled:!0!==b&&g},sectioned:!0},n.a.createElement(s.b,{onCompleted:e=>{e&&this.setState({designs:e.getOrderDesigns.orderDesigns})},variables:{id:f,productBaseId:v},fetchPolicy:"no-cache",query:I.Q},e=>{var t;let{error:a,loading:r,data:i}=e;if(a)return n.a.createElement("div",null,"Error: ",Object(c.ib)(a.toString()));if(r)return n.a.createElement(Je.SkeletonPagePolaris,null);let o=null===i||void 0===i||null===(t=i.getOrderDesigns)||void 0===t?void 0:t.orderDesigns;if(!o)return n.a.createElement(We.EmptyStatePolaris,{noData:!0});const s=o.findIndex(e=>"master"===e.designPosition.name.toLowerCase());o=Object(c.Qb)(o);const u=o.findIndex(e=>"front"===e.designPosition.name.toLowerCase());let m=0;u>0&&s>0&&(m=1),u>0&&oe.ab.includes(v)&&([o[m],o[u]]=[o[u],o[m]]);const g=S&&(S.url?S.url:S.thumbnailUrl?S.thumbnailUrl:null);return n.a.createElement(yQ,null,n.a.createElement("div",null,d?n.a.createElement(wg.a,null,n.a.createElement(gQ.default,{orderId:d.orderId,personalized:d.personalized}),n.a.createElement(AQ.default,{order:d.order}),n.a.createElement("div",{style:{borderBottom:"1px solid #dfe3e8",paddingBottom:"1rem"}})):null),n.a.createElement("div",null,n.a.createElement(D.j,{label:"Cancel related Tasks",checked:p,onChange:e=>this.setState({cancelOtherTask:e})})),n.a.createElement("div",{className:"content_wrap"},n.a.createElement("div",{className:"thumbnail_wrap"},n.a.createElement("label",null,"Thumbnail"),n.a.createElement("div",{className:"thumbnail_content"},n.a.createElement("img",{src:S&&(S.thumbnailUrl?S.thumbnailUrl:null),alt:""}),n.a.createElement("div",{className:"view-origin"},n.a.createElement("div",{className:"img-wrap"},n.a.createElement(jn.a,{href:g},n.a.createElement(D.w,{source:EQ.a})))))),n.a.createElement("div",{className:"design-position_wrap"},n.a.createElement("div",{className:"design-position_inner"},r?n.a.createElement("div",{className:"loading_wrap"},n.a.createElement(D.X,null)):n.a.createElement(n.a.Fragment,null,o&&o.length>
195180?o.filter(Boolean).map((e,t)=>{var a;return n.a.createElement("div",{key:t,className:"design-position-content"},n.a.createElement("label",null,(null===e||void 0===e?void 0:e.designPosition)&&Object(c.P)(e.designPosition)),n.a.createElement("div",{className:"design-position_item"},n.a.createElement(dl.a,{value:e&&(e.file?[e.file]:[]),isPrintFile:!0,prefix:"print_files/",folder:"print_files",singleUpload:!0,multiple:!1,productBaseId:v,placeholderImage:null===e||void 0===e||null===(a=e.designPosition)||void 0===a?void 0:a.image,maxSize:this.state.maxSize,onChange:e=>{e.length?this.setState(a=>{var l;return{designPosition:{...a.designPosition,[t]:e},currentDesignId:{...a.currentDesignId,[t]:null===(l=e[0])||void 0===l?void 0:l.id}}}):this.setState(e=>({currentDesignId:{...e.currentDesignId,[t]:null}}))},isCompareDesign:!B,isUploadDesign:!0,designPosition:e.designPosition,onCheckDimensions:e=>{if(!0!==e)return this.handleCheckDimensions(e,t);this.setState({disableSubmitSpec:!1,disableSubmit:!1})},onCheckingDimensions:e=>this.setState({checkingDimensions:{...this.state.checkingDimensions,[t]:e}}),onRemove:e=>this.deleteFileOutAmz(e,l,t)})),n.a.createElement("div",{className:"design-position-info"},this.state.checkingDimensions[t]?n.a.createElement(D.X,{size:"small"}):A[t]&&A[t].message?n.a.createElement("p",{className:"message_wrap "+("success"===A[t].type?"success":"error")},A[t].message):null,e.designPosition&&e.designPosition.description&&n.a.createElement("span",null,`(${e.designPosition.description})`),e.designPosition.artworkGuidelines&&e.designPosition.artworkGuidelines.length?n.a.createElement("div",null,n.a.createElement("strong",{style:{display:"inline-block"}},"Artguides:"," "),e.designPosition.artworkGuidelines.map((t,a)=>n.a.createElement("div",{key:"artworkGuidelines-"+a,className:"artwork_inner"},n.a.createElement(jn.a,{href:""+(t.file.url||t.file.thumbnailUrl)},` ${t.file.name} `),a!==e.designPosition.artworkGuidelines.length-1?"|":""))):null),o.length>1&&"master"===e.designPosition.name.toLowerCase()&&n.a.createElement("div",{style:{marginTop:"1rem"}},"Or"))}):null)))))}))}))}}CQ.contextType=te.a;var kQ=CQ,OQ=a(746);const jQ=n.a.lazy(()=>a.e(31).then(a.bind(null,1672))),wQ=["Order ID","Origin ID","SKU","Product title","Product base","Avaiable design position"],SQ=["Order ID","Origin ID","SKU","KPI","Product title","Requirements","Product base"],IQ=o.a` 19519 query order($id: ID!) { 19520 order(id: $id) { 19521 id 19522 mappingOrder { 19523 id 19524 sku 19525 } 19526 } 19527 } 19528`,BQ=e=>{var t,a,r,i;const{task:o,open:s,toggleShowModal:u,toggleActive:d,onNotificationChange:m,filter:p}=e,g=o&&o.status;Object(DT.a)(s);const[A,b]=Object(l.useState)(!1),[h,f]=Object(l.useState)([]),[v,E]=Object(l.useState)(null),y=Object(l.useRef)(null),[k,{data:O}]=Object(De.b)(I.rb),[j,{data:w}]=Object(De.b)(I.Tb),[B,{data:P}]=Object(De.b)(I.Q),[x,{data:M}]=Object(De.b)(IQ,{fetchPolicy:"no-cache"}),[T,{data:Q}]=Object(De.b)(I.sb),[R,{loading:F,client:N}]=Object(De.c)(Jt.me,{onError:()=>{},onCompleted:e=>{b(!1),m&&m({message:"Update resource success.",isError:!1});let t=Object(C.get)(e,"updateResourceTask.description",null);const a=N.readQuery({query:I.pb,variables:{filter:p}});N.writeQuery({query:I.pb,variables:{filter:p},data:{...a,tasksV2:{...a.tasksV2,nodes:a.tasksV2.nodes.map(e=>(e.id===o.id&&(e={...e,description:t}),e))}}})}}),U=Object(C.get)(p,"status",null);Object(l.useEffect)(()=>{if(o&&s){if(o.id){k({variables:{id:o.id}});["Rejected","Need Review"].includes(U)&&T({variables:{taskId:o.id,status:U}})}o.description&&E(o.description)}},[o,s,U]),Object(l.useEffect)(()=>{const e=Object(C.get)(O,"taskById",null),t=Object(C.get)(e,"orderId",null),a=Object(C.get)(e,"personalized"),l=Object(C.get)(e,"product.productBases"),n=Object(C.head)(l),r=Object(C.get)(n,"id",null);t&&s&&(j({variables:{orderId:t},skip:!a}),B({variables:{id:t,productBaseId:r}}),x({variables:{id:t}}))},[O,s]);const L=(null===M||void 0===M||null===(t=M.order)||void 0===t||null===(a=t.mappingOrder)||void 0===a?void 0:a.sku)||"";Object(l.useEffect)(()=>{var e;let t=Object(C.get)(O,"taskById",null),a="",l=Object(C.get)(t,"order",null),r=Object(C.get)(l,"productVariant.productBaseVariant.productBase",null);const i=null===r||void 0===r?void 0:r.title,o=null===r||void 0===r?void 0:r.id;
19528if(null==y.current&&(y.current=o),i)a=i;else{let e=Object(C.get)(t,"product",null),l=Object(C.get)(e,"productBases",[]);if(Array.isArray(l)&&l.length){a=Object(C.get)(Object(C.head)(l),"title",null)}}let s=Object(C.get)(t,"order.productVariant.productBaseVariant.attributes",[]),u=(d=s)&&Array.isArray(d)&&0!==d.length?d.map((e,t)=>n.a.createElement(n.a.Fragment,{key:t},n.a.createElement("div",{className:"attribute-item",key:t},n.a.createElement("h4",null,e.name,":"),n.a.createElement("span",null,e.option)),t!==d.length-1?"|":"")):null;var d;let m=function(e){if(!e||!Array.isArray(e)||0===e.length)return null;return e.map((e,t)=>{const{value:a}=e||{};let l=((null===a||void 0===a?void 0:a.length)||0)>0?a.map((e,t)=>n.a.createElement(PQ,{key:"field-"+t,item:e})):null,r="";var i,o;e.field&&(r=(null===(i=e.field)||void 0===i?void 0:i.title)||(null===(o=e.field)||void 0===o?void 0:o.name),r=r?Object(C.capitalize)(r):r);const s=(r||"").trim(),u=Object(c.lb)(s);return n.a.createElement(n.a.Fragment,{key:e.id},n.a.createElement("div",{className:"personalized_item",key:e.id},n.a.createElement("div",{className:"personalized_inner",style:{display:"flex",alignItems:"center"}},n.a.createElement("h4",{style:{whiteSpace:"nowrap"}},u?s:s+": "),l)))})}(Object(C.get)(w,"getFieldValueForOrder",null)),p=Object(C.get)(t,"product.designPositions",null),A=Object(C.get)(t,"order.productVariant.productBaseVariant.productBase.id",null);const b=function(e,t){if(!e||!Array.isArray(e)||0===e.length)return null;return e.map((e,a)=>{const l=null===e||void 0===e?void 0:e.designPosition,r=null===l||void 0===l?void 0:l.artworkGuidelines,i=null===l||void 0===l?void 0:l.productBaseId,o=(null===r||void 0===r?void 0:r.length)||0;if(!(t&&[t].includes(i)))return null;const s=Object(c.P)(l);return n.a.createElement("div",{className:"design-position_item",key:a},l?n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{className:"design-position-title"},s?n.a.createElement("h4",null,s,":"):null,n.a.createElement("span",null,l.description)),o>0?n.a.createElement("div",{className:"design-position-artguide"},n.a.createElement("h4",null,"Artguides: "),r.map((e,t)=>n.a.createElement(DQ,{item:e,index:t,length:o,key:"design-position-"+t}))):null):null)}).filter(Boolean)}(Object(c.Qb)(p),A);let h,v=Object(C.get)(P,"getOrderDesigns.anotherDesigns",null),E=Object(C.get)(P,"getOrderDesigns.siblingDesigns",null);h=function(e,t,a,l){e=MQ(e),t=MQ(t),a=MQ(a),l=MQ(l);const r=[{label:"Another design:",files:a},{label:"Sibling design:",files:l},{label:"Order design:",files:e},{label:"Origin product design:",files:t}];return n.a.createElement("div",{className:"related-design_wrap"},r.map((e,t)=>n.a.createElement(xQ,Object.assign({key:"design-"+t},e))))}(Object(C.get)(P,"getOrderDesigns.orderDesigns",null),Object(C.get)(P,"getOrderDesigns.originProduct.designPositions",[]),v,E);let k=Object(C.get)(Q,"getTaskSubmission.rejectReason",null),j=[S.f.Rejected].includes(g);const I=Object(C.get)(Q,"getTaskSubmission.configByUser",{});let B=Object(C.get)(t,"product.title",null);(null===(e=B)||void 0===e?void 0:e.includes("(fake)"))&&(B=B.replaceAll("(fake)",""));const x=function(e,t){const{firstName:a,lastName:l}=t||{},r=[a,l].filter(Boolean).join(" ");return n.a.createElement("div",{className:"mix-wrap"},n.a.createElement("div",{className:"kpi-wrap"},n.a.createElement("span",null,e)),r?n.a.createElement("div",{className:"config-by-user"},n.a.createElement("strong",null,"Configured by:"),n.a.createElement(D.e,{status:"success",children:r})):null)}(Object(C.get)(t,"kpi",null),I);let M={"Order ID":Object(C.get)(t,"orderId",null),"Origin ID":Object(C.get)(t,"order.originId",null),...L?{SKU:L}:{},KPI:x,"Product title":n.a.createElement("span",{title:B},B),Requirements:Object(C.get)(t,"requirement",null),"Product base":a,...s.length>0?{Attributes:u}:{},"Personalized info":m,"Avaiable design position":b,"Related designs":h,...j?{"Rejected reason":n.a.createElement("span",null,k)}:{}},T=[];for(let[n,g]of Object.entries(M)){let e={};if(n){let t=wQ.includes(n),a=SQ.includes(n);e.term=n,e.description=g,e.className=Object(c.Vb)(n),e.left=t,e.normal=a}T.push(e)}f(T)},[O,w,P,Q,L]);const V=Object(C.get)(O,"taskById",null),z=Object(C.get)(V,"product",null),q=y.current,H=null===z||void 0===z?void 0:z.mainImageId,$=null===z||void 0===z?void 0:z.images,_=(null===z||void 0===z||null===(r=z.productBases)||void 0===r?void 0:r.length)>1,G=H||"undefined"!==H,K=n.a.useMemo(()=>$&&Array.isArray($)&&0!==$.length?function(e,t,a,l,n){if(!e||!Array.isArray(e)||0===e.length)return[];let r=[];const i=e=>null===e||void 0===e?void 0:e.file,o=e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===n},s=e=>e.filter(o).map(i);t&&a?(r=e.filter(e=>(null===e||void 0===e?void 0:e.productBaseId)===t).map(i),r.length>1&&l&&(r=s(e))):l&&(r=s(e));0===r.length&&(r=e.filter(Boolean).map(i));return r}($,q,_,G,H):[],[$,q,_,G,H]),[J=null,Y]=n.a.useMemo(()=>{const[e]=K||[];return[e,(null===e||void 0===e?void 0:e.url)||(null===e||void 0===e?void 0:e.thumbnailUrl)||null]},[K]),W=Object(C.get)(V,"order.personalizedPreview",null),Z=Object(C.get)(V,"product.psdFiles",[]);let X=Object(C.get)(V,"product.psd",null);const ee=Object(C.get)(V,"product.title","");/\(fake\)/gi.test(ee)&&!X&&(X=Object(C.get)(V,"order.originalProduct.psd",null));const te=/[\|\n]/g;
19528X&&(X=X.split(te).filter(Boolean));const ae=Object(l.useCallback)(()=>{m&&m({message:null,isError:!1}),v!==o.description&&(R({variables:{taskId:o.id,description:v}}),d())},[v,o.description]),le=Object(l.useCallback)(e=>{E(e),b(!0)},[]),ne=(null===Z||void 0===Z?void 0:Z.length)>0?n.a.createElement("div",null,n.a.createElement("h3",null,"Design resource files:"),n.a.createElement(QQ,null,Z.map((e,t)=>{const a=e&&e.url?e.url:e.thumbnailUrl,l=n.a.createElement("div",{style:{display:"flex",justifyContent:"start",marginTop:"1rem"}},n.a.createElement(jn.a,{href:a,file:e},"View origin")),r=n.a.createElement(ci.default,{files:{files:[e]},limit:1,width:"120px",height:"auto"});return n.a.createElement("div",{className:"psdf-wrap",key:"psdf-"+t},oe.A.includes(e.mimeType)?n.a.createElement("div",{style:{maxWidth:"120px"}},r,l):n.a.createElement("div",{key:"psdf-"+t},n.a.createElement(jn.a,{href:a},e.name)))}))):null,re=(null===(i=X)||void 0===i?void 0:i.length)>0?n.a.createElement("div",null,n.a.createElement("h3",null,"Design resources urls:"),X.map((e,t)=>n.a.createElement("div",{className:"design-resources-urls",key:"psd-"+t},Object(c.Yb)(e)?n.a.createElement(jn.a,{href:e},e):n.a.createElement("span",null,e)))):null,ie=W?n.a.createElement("div",{className:"personalized-preview"},n.a.createElement("h3",null,"Personalized preview:"),n.a.createElement(jn.a,{href:W},n.a.createElement("img",{alt:"",src:W,style:{width:160,height:160,marginTop:"1rem",objectFit:"cover"}}))):null,se=Object(pT.d)(Object(C.get)(o,"resources"))||[],[ce]=se||[],ue=n.a.createElement("div",{className:"resources_wrap"},n.a.createElement(D.Y,null,n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement("h3",null,"Task resource: "),n.a.createElement(D.cb,{label:"resources",labelHidden:!0,multiline:4,value:v,onChange:le})),n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement("h3",null,"Task resource files: "),(null===se||void 0===se?void 0:se.length)>0?n.a.createElement("div",{className:"resource-artist"},n.a.createElement("div",null,n.a.createElement(ci.default,{files:{files:se},limit:1,width:160,height:"auto"})),n.a.createElement("div",{className:"file-name"},n.a.createElement(n.a.Suspense,{fallback:null},n.a.createElement(jQ,{file:ce})))):null)));return n.a.createElement(D.E,{title:"Task detail #"+(null===o||void 0===o?void 0:o.id),open:s,onClose:u,sectioned:!0,large:!0,primaryAction:{content:A?"Save":"Done",onAction:A?ae:u,loading:F},secondaryActions:[{content:"Cancel",onAction:u}]},n.a.createElement(TQ,null,n.a.createElement("div",{className:"first-row"},n.a.createElement("div",{className:"content_left"},n.a.createElement("div",{className:"product-thumb_wrap"},n.a.createElement("h3",null,"Product thumb: "),n.a.createElement(ci.default,{files:{files:K},limit:1,width:"auto",height:"auto",maxWidth:"100%",maxHeight:"300px",isCompare:!0}),n.a.createElement("div",{style:{display:"flex",justifyContent:"start",margin:"0.5rem 0 1rem"}},n.a.createElement(jn.a,{href:Y,file:J},"View origin"))),ie,ne,re),n.a.createElement("div",{className:"content_right"},n.a.createElement(BO.a,{taskId:null===o||void 0===o?void 0:o.id}))),n.a.createElement("div",null,ue),n.a.createElement("div",{className:"second-row"},n.a.createElement(OQ.a,{task:o,taskInfo:h}))))};function DQ(e){let{item:t,index:a,length:l}=e;const r=null===t||void 0===t?void 0:t.file,i=(null===r||void 0===r?void 0:r.url)||r.thumbnailUrl;return n.a.createElement("div",{className:"design-position-artguide_inner"},n.a.createElement(jn.a,{href:i},(null===r||void 0===r?void 0:r.name)||"",a!==l-1?" |":""))}function PQ(e){let{item:t}=e;const a=t&&"string"===typeof t?t.split(/\n/).filter(Boolean):t,l=!(!a||!Array.isArray(a))&&a.every(e=>Object(C.includes)(e,oe.G)||Object(c.X)(e));let r=Object(C.includes)(t,oe.G)||Object(c.X)(t);return l?n.a.createElement("div",{style:{display:"flex",gap:16,flexWrap:"wrap"}},a.map((e,t)=>n.a.createElement("div",{className:"personalized-img"},n.a.createElement(jn.a,{href:e},n.a.createElement("img",{src:e,alt:""}))))):r?n.a.createElement("div",{className:"personalized-img"},n.a.createElement(jn.a,{href:t},n.a.createElement("img",{src:t,alt:""}))):n.a.createElement("span",{style:{whiteSpace:"pre-line"}},t)}function xQ(e){let{label:t,files:a}=e;return a&&Array.isArray(a)&&0!==a.length?n.a.createElement("div",{className:"related-design"},n.a.createElement("h4",null,t),n.a.createElement(ci.default,{files:{files:a},width:120,height:120})):null}function MQ(e){if(!e||!Array.isArray(e)||0===e.length)return[];return e.map(e=>e&&e.file&&e.file.id&&(e.file.url||e.file.thumbnailUrl)?e.file:null).filter(
19528Boolean)}const TQ=j.b.div` 19529 display: flex; 19530 flex-direction: column; 19531 column-gap: 2rem; 19532 justify-content: space-between; 19533 19534 .resource-artist { 19535 margin-top: -1rem; 19536 } 19537 19538 .resources_wrap { 19539 h3 { 19540 margin-bottom: 0.5rem; 19541 } 19542 } 19543 19544 .first-row { 19545 width: 100%; 19546 display: flex; 19547 flex-direction: row; 19548 column-gap: 2rem; 19549 row-gap: 2rem; 19550 .content_left { 19551 width: 60%; 19552 display: flex; 19553 flex-direction: column; 19554 row-gap: 1rem; 19555 } 19556 .content_right { 19557 width: 40%; 19558 display: flex; 19559 flex-direction: column; 19560 row-gap: 1rem; 19561 label { 19562 font-weight: 600; 19563 margin-bottom: 0.4rem; 19564 display: inline-block; 19565 } 19566 } 19567 .related-design_wrap { 19568 display: flex; 19569 flex-direction: column; 19570 row-gap: 1rem; 19571 .related-design { 19572 & + .related-design { 19573 border-top: 1px solid #d9d9d9; 19574 padding-top: 1rem; 19575 } 19576 } 19577 } 19578 } 19579 19580 h3 { 19581 font-weight: 600; 19582 font-size: 1.1em; 19583 } 19584 19585 .product-thumb_wrap {
19586 .modal-image-item { 19587 margin-left: -1rem; 19588 margin-right: -1rem; 19589 img { 19590 box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 15px -3px, 19591 rgba(0, 0, 0, 0.1) 0px 4px 6px 2px; 19592 } 19593 } 19594 } 19595 19596 .Polaris-DescriptionList { 19597 border: 0.1rem solid var(--p-border-subdued, #dfe3e8); 19598 align-items: stretch; 19599 border-radius: 5px; 19600 .Polaris-DescriptionList__Term { 19601 padding: 1.6rem; 19602 } 19603 .Polaris-DescriptionList__Description { 19604 border-left: 0.1rem solid var(--p-border-subdued, #dfe3e8); 19605 align-self: stretch; 19606 padding: 1.6rem; 19607 margin-bottom: 0; 19608 } 19609 } 19610 .personalized-img { 19611 img { 19612 width: 100px; 19613 height: 100px; 19614 object-fit: cover; 19615 } 19616 } 19617 .design-resources-urls { 19618 &:not(:first-child) { 19619 margin-top: 0.785rem; 19620 } 19621 19622 a { 19623 word-break: break-all; 19624 white-space: break-spaces; 19625 } 19626 } 19627 .design-position-artguide_inner { 19628 a { 19629 word-break: break-all; 19630 } 19631 } 19632 19633 .content_wrap.kpi { 19634 align-items: center; 19635 .content_item { 19636 flex-grow: 1; 19637 } 19638 19639 .mix-wrap { 19640 display: flex; 19641 flex-direction: rows; 19642 align-items: center; 19643 justify-content: space-between; 19644 19645 .Polaris-Badge { 19646 font-weight: 600; 19647 } 19648 } 19649 } 19650 19651 .personalized-info .content_item { 19652 flex-direction: column !important; 19653 row-gap: 1rem; 19654 } 19655`,QQ=j.b.div` 19656 .psdf-wrap + .psdf-wrap { 19657 border-top: 1px solid #f0f0f0; 19658 margin-top: 0.5rem; 19659 padding-top: 0.5rem; 19660 } 19661`,RQ=Object(l.lazy)(()=>a.e(114).then(a.bind(null,1788))),FQ=Object(l.lazy)(()=>a.e(115).then(a.bind(null,1789))),NQ=j.b.div` 19662 .Polaris-ActionList__Image { 19663 .Polaris-Icon { 19664 max-width: 1.7rem; 19665 max-height: 1.7rem; 19666 } 19667 } 19668`,UQ=e=>{const{task:t,isLeader:a,filter:r,isDesigner:i,onNotificationChange:o,toggleActive:s,refetch:u,isDesignLeader:d,user:m,configDesignRoles:p,canShowTaskConfigurable:g}=e,A=t&&t.hasTaskSubmission,b=r&&r.hasAssign,h=t&&t.status,f=null===r||void 0===r?void 0:r.status,v=t.personalized;let E="Compare Design";"Done"===h&&(E="View Design");const{isOnline:y}=Object(c.j)(m),k=Object(C.get)(m,"id"),O=Object(C.get)(t,"assignee"),j=LQ(O),I=Object(C.get)(t,"assignee.id"),B=Object(c.ub)(m),P=hM(w.t.TP);let x=!0;j?x=!0:d&&I?x=!1:i&&(x=k===I),y&&(x=!1);const M=null===t||void 0===t?void 0:t.product,T=null===M||void 0===M?void 0:M.isCannotConfigInPB,[Q,R]=Object(l.useState)(!1),[F,N]=Object(l.useState)(null),[U,L]=Object(l.useState)(null),[V,z]=Object(l.useState)(!1),q=Object(l.useCallback)(()=>R(e=>!e),[]),H=Object(l.useCallback)(()=>z(e=>!e),[]),$=Object(l.useCallback)(e=>{H(),L(e),N(()=>t.id)},[t]),_=Object(c.rb)(m),G=Object(c.pb)(m);let K=[{content:"View detail",icon:KM.a,status:["*"],role:!0,onAction:()=>$("viewDetail")},{content:E,icon:ET.a,status:[S.f.NeedReview,S.f.Done,S.f.NeedBuyerConfirm,S.f.AwaitingBuyerConfirm],role:a,onAction:()=>$("compareDesignUU")},{content:E,icon:ET.a,status:[S.f.Cancel],role:a,onAction:()=>$("compareDesignCancel")},{content:"View rejected design",icon:ET.a,status:[S.f.Rejected],role:!0,onAction:()=>$("compareDesignRejected")},...A?[{content:"View design",icon:ET.a,status:[S.f.Doing],role:!0,onAction:()=>$("compareDesignDoing")}]:[],{content:"Upload design",icon:Fx.a,status:[S.f.Doing],role:i,onAction:()=>$("uploadDesignDoing")},(B&&!y||!B)&&{content:"Set status to Doing",icon:cI.a,status:[S.f.NeedReview],role:i,onAction:()=>$("updateToDoing")},{content:"Upload design",icon:Fx.a,status:[S.f.Pending,S.f.Doing,S.f.NeedReview,S.f.Rejected,S.f.ExpiredSoon,S.f.Expired,S.f.Denied,S.f.Cancel],role:a,onAction:()=>$("uploadDesignByLead")},{content:"Upload design",icon:Fx.a,status:[S.f.Done],role:d,onAction:()=>$("uploadDesignDone")},!y&&!_&&{content:"Accept design",icon:yT.a,status:[S.f.NeedReview],role:a,onAction:()=>$("acceptDesign")},{content:[S.f.NeedReview].includes(h)?"Await approval":"Note",icon:DD.a,status:["*"],role:["*"],onAction:()=>$("awaitApproval")},(B||P)&&{content:"Pass to Awaiting Buyer Confirm",icon:yT.a,status:[S.f.NeedBuyerConfirm],role:a,onAction:()=>$("passToAwaitingBuyerConfirm")},(B||P)&&!_&&{content:"Pass to Need Review",icon:yT.a,status:[S.f.NeedBuyerConfirm,S.f.AwaitingBuyerConfirm],role:a,onAction:()=>$("passToNeedReview")},g&&!y&&{content:"Mark as Configurable",icon:yT.a,status:[S.f.Pending],role:a,onAction:()=>$("markAsTaskConfigurable")},{content:"Remove From Configurable",icon:yT.a,status:[S.f.ArtworkConfigurable],role:a,onAction:()=>$("removeTaskFromConfigurable")},!_&&{content:"Reject design",icon:Hh.a,status:[S.f.NeedReview,S.f.NeedBuyerConfirm,S.f.AwaitingBuyerConfirm],role:a,onAction:()=>$("rejectDesign")},VQ(t)&&{content:"Reject Artist Task",icon:Hh.a,status:[S.f.Rejected],role:a,onAction:()=>$("rejectAristTask")},{content:"Re-upload design",icon:Fx.a,status:[S.f.Rejected],role:i,onAction:()=>$("reUploadDesign")}
19668,...null===b?[{content:"Start now",icon:CT.a,status:[S.f.Pending],role:i,onAction:()=>$("startNow")},{content:"Deny",icon:kT.a,status:[S.f.Pending],role:i,onAction:()=>$("deny")}]:[],x&&{content:"Config designs",icon:zP.a,status:i?[S.f.Doing,S.f.Rejected]:[S.f.Pending,S.f.Rejected,S.f.ArtworkConfigurable],role:p,onAction:()=>$("config"),personalized:!0},!_&&{content:"Re-assign",icon:OT.a,status:[S.f.Denied],role:a,onAction:()=>$("reAssign")},!G&&{content:"Update task",icon:jT.a,status:[S.f.Pending,S.f.Doing,S.f.NeedReview,S.f.Rejected,S.f.Expired,S.f.ExpiredSoon],role:a,onAction:()=>$("updateTask")},{content:"Update design resource",icon:wT.a,status:[S.f.Pending,S.f.Doing,S.f.NeedReview,S.f.Rejected,S.f.ExpiredSoon,S.f.Expired,S.f.Done,S.f.Cancel,S.f.Denied],role:!0,onAction:()=>$("designResource")},{content:"Update task resource",icon:wT.a,status:[S.f.Pending,S.f.Doing,S.f.NeedReview,S.f.Rejected,S.f.ExpiredSoon,S.f.Expired,S.f.Done,S.f.Denied],role:i,onAction:()=>$("taskResource")},!y&&{content:"Mark has PSD in NAS",icon:Fx.a,status:[S.f.Pending,S.f.Doing,S.f.NeedReview,S.f.Rejected,S.f.ExpiredSoon,S.f.Expired,S.f.Done,S.f.Cancel,S.f.Denied],role:["*"],onAction:()=>$("markPSD")},...!y&&T?[{content:"Remove Mark PB Error",icon:Nx.a,status:["*"],role:a,onAction:()=>$("removeMarkFBError")}]:y?[]:[{content:"Mark PB Error",icon:Fx.a,status:[S.f.Pending,S.f.Doing,S.f.NeedReview,S.f.Rejected,S.f.ExpiredSoon,S.f.Expired,S.f.Done,S.f.Cancel,S.f.Denied],role:a,onAction:()=>$("markFBError")}],{content:"Delete note",icon:Nx.a,status:["*"],role:["*"],onAction:()=>$("deleteNote")},d&&{content:"Revert to Need Review",icon:cI.a,status:[S.f.Done],role:a,onAction:()=>$("revertToNV")},!y&&{content:"Cancel",icon:Nx.a,status:[S.f.Pending,S.f.Doing,S.f.NeedReview,S.f.Rejected,S.f.Expired,S.f.ExpiredSoon,S.f.Denied],role:a,onAction:()=>$("cancel")}].filter(Boolean).filter(e=>(e.status.includes("*")||e.status.includes(h)||e.status.includes(f))&&(e.role||e.role.length)&&(void 0===e.personalized||e.personalized===v));K=K.map(e=>({content:e.content,icon:e.icon,onAction:e.onAction}));const J=n.a.createElement(D.g,{children:"Actions",onClick:q,disclosure:!0}),Y=[S.f.NeedReview].includes(h);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.K,{activator:J,onClose:q,active:Q,preferredAlignment:"right"},n.a.createElement(NQ,null,n.a.createElement(D.a,{items:K}))),Object(C.isEqual)(F,t.id)&&n.a.createElement(n.a.Fragment,null,n.a.createElement(BQ,{open:V&&"viewDetail"===U,toggleShowModal:H,task:t,filter:r,onNotificationChange:o,toggleActive:s}),n.a.createElement(dQ,{open:V&&"updateTask"===U,toggleShowModal:H,task:t,onNotificationChange:o,toggleActive:s,refetch:u}),n.a.createElement(mQ,{open:V&&"taskResource"===U,toggleShowModal:H,task:t,onNotificationChange:o,toggleActive:s,refetch:u}),n.a.createElement(pQ,{open:V&&"updateToDoing"===U,toggleShowModal:H,task:t,onNotificationChange:o,toggleActive:s,refetch:u}),n.a.createElement(uT,{open:V&&"startNow"===U,toggleShowModal:H,idsChecked:[t.id],toggleActive:s,onNotificationChange:o,onCompleted:()=>{u&&u()}}),n.a.createElement(sT,{open:V&&"deny"===U,toggleShowModal:H,idsChecked:[t.id],toggleActive:s,onNotificationChange:o,onCompleted:()=>{u&&u()}}),n.a.createElement(sQ,{open:V&&"reAssign"===U,toggleShowModal:H,toggleActive:s,onNotificationChange:o,refetch:u,task:t}),V&&"config"===U&&n.a.createElement(YT,{open:V&&"config"===U,toggleShowModal:H,toggleActive:s,onNotificationChange:o,refetch:u,task:t}),n.a.createElement(BT,{open:V&&"cancel"===U,toggleShowModal:H,toggleActive:s,onNotificationChange:o,refetch:u,task:t}),n.a.createElement(ST.a,{open:V&&"acceptDesign"===U,toggleShowModal:H,toggleActive:s,onNotificationChange:o,refetch:u,task:t}),n.a.createElement(oQ,{open:V&&"passToNeedReview"===U,toggleShowModal:H,toggleActive:s,onNotificationChange:o,refetch:u,task:t}),n.a.createElement(lQ,{open:V&&"markAsTaskConfigurable"===U,toggleShowModal:H,toggleActive:s,onNotificationChange:o,refetch:u,task:t}),n.a.createElement(uQ,{open:V&&"removeTaskFromConfigurable"===U,toggleShowModal:H,toggleActive:s,onNotificationChange:o,refetch:u,task:t}),n.a.createElement(iQ,{open:V&&"passToAwaitingBuyerConfirm"===U,toggleShowModal:H,toggleActive:s,onNotificationChange:o,refetch:u,task:t}),n.a.createElement(IT,{open:V&&"awaitApproval"===U,toggleShowModal:H,toggleActive:s,onNotificationChange:o,task:t,refetch:u}),n.a.createElement(ZT,{open:V&&"deleteNote"===U,toggleShowModal:H,toggleActive:s,onNotificationChange:o,task:t,refetch:u}),n.a.createElement(HT,{open:V&&"compareDesignUU"===U,toggleShowModal:H,task:t,status:h,modalTitle:[S.f.Done].includes(h)?"Task design files":"Compare design task",hasCompareDesign:!0,hasAcceptDesign:Y,hasRejectDesign:Y,toggleActive:s,onNotificationChange:o,refetch:u}),n.a.createElement(HT,{open:V&&"compareDesignCancel"===U,toggleShowModal:H,task:t,status:h,modalTitle:"Compare design task"}),n.a.createElement(HT,{open:V&&"compareDesignRejected"===U,toggleShowModal:H,task:t,status:h,modalTitle:"View rejected design",isViewRejectedDesign:!0,hasCompareDesign:!0}),n.a.createElement(HT,{open:V&&"compareDesignDoing"===U,toggleShowModal:H,task:t,status:h,modalTitle:"View Design",isViewRejectedDesign:!0}),n.a.createElement(eQ,{open:V&&"designResource"===U,toggleActive:s,onNotificationChange:o,toggleShowModal:H,task:t,refetch:u}),n.a.createElement(QT.a,{open:V&&"rejectDesign"===U,toggleActive:s,onNotificationChange:o,toggleShowModal:H,task:t,refetch:u}),n.a.createElement(vQ,{open:V&&"uploadDesignDoing"===U,toggleActive:s,toggleShowModal:H,task:t,user:m,isDesigner:i,onNotificationChange:o,refetch:u,enableTaskPreview:P}),n.a.createElement(vQ,{open:V&&"reUploadDesign"===U,toggleActive:s,toggleShowModal:H,task:t,user:m,isDesigner:i,onNotificationChange:o,refetch:u,reUpload:!0,enableTaskPreview:P}),n.a.createElement(kQ,{open:V&&"uploadDesignByLead"===U,toggleActive:s,toggleShowModal:H,task:t,onNotificationChange:o,refetch:u}),n.a.createElement(kQ,{open:V&&"uploadDesignDone"===U,toggleActive:s,toggleShowModal:H,task:t,onNotificationChange:o,refetch:u}),n.a.createElement(aQ,{open:V&&"similarProduct"===U,toggleShowModal:H,task:t,onNotificationChange:o}),n.a.createElement(rQ,{open:V&&"markPSD"===U,toggleShowModal:H,task:t,toggleActive:s,onNotificationChange:o,refetch:u}),n.a.createElement(nQ,{open:V&&"markFBError"===U,toggleShowModal:H,product:M,toggleActive:s,onNotificationChange:o,refetch:u}),n.a.createElement(cQ,{open:V&&"removeMarkFBError"===U,toggleShowModal:H,product:M,toggleActive:s,onNotificationChange:o,refetch:u}),n.a.createElement(wg.a,{fallback:null},n.a.createElement(RQ,{open:V&&"rejectAristTask"===U,onClose:H,task:t,refetch:u}),n.a.createElement(FQ,{open:V&&"revertToNV"===U,onClose:H,task:t,refetch:u}))))},LQ=e=>{if(Object(c.Gb)(e))return!1;const{firstName:t,lastName:a}=e,l=new RegExp("designerbot","gi");
19668return!![t,a].filter(Boolean).map(e=>e.trim()).join("").match(l)};function VQ(e){const t=Object(C.get)(e,"artistTaskID"),a=Object(pT.u)(Object(C.get)(e,"label")),l=Object(pT.o)(a,oe.cb.AwaitingArtistFix);return!(!t||l)}var zQ=a(635);const qQ=n.a.lazy(()=>a.e(148).then(a.bind(null,1787))),HQ="Need Review",$Q="Pending Design",_Q="size",GQ=["+","/","small","medium","large"],KQ="Idea Task";const JQ=e=>{var t;const{data:a,screenOptions:r,dataSO:i,filter:o,setFilter:s,isDesigner:u,currentUser:d,fixedColumn:m,refetch:p,dataTotal:g,handlePaginationChange:A,isDesignOnline:b}=e,h=Object(C.get)(d,"teamUser.role",null),f=Object(C.get)(d,"id",null),v=Object(c.U)(d),{isSeller:E}=Object(c.j)(d),y=[oe.gb.StoreManager,oe.gb.DesignLeader,oe.gb.Designer,oe.gb.Admin,oe.pb.Seller,oe.gb.MarketplaceManager],k=[oe.gb.StoreManager,oe.gb.MarketplaceManager,oe.gb.Admin,oe.gb.DesignLeader,oe.gb.Fulfillment].includes(h);let O=[oe.gb.DesignLeader].includes(h);const j=oe.s.accIds.includes(f),[w,I]=Object(l.useState)([]),[P,x]=Object(l.useState)([]),[M,T]=Object(l.useState)([]),[Q,R]=Object(l.useState)(!1),[F,N]=Object(l.useState)({}),[U,L]=Object(l.useState)([]),[V,z]=Object(l.useState)(!1),[q,H]=Object(l.useState)({message:null,isError:!1}),[$,_]=Object(l.useState)({scrollLeft:null,scrollWidth:null,offsetWidth:null}),G=Object(l.useRef)(null),{isMobile:K}=Object(te.c)();let J=!1,Y=null===o||void 0===o?void 0:o.status;(u&&Y&&[S.f.Pending].includes(Y)||k&&Y&&["Pending Design",S.f.Pending,S.f.Doing,S.f.NeedReview,S.f.Rejected,S.f.Expired,S.f.ExpiredSoon,S.f.NeedBuyerConfirm,S.f.AwaitingBuyerConfirm,S.f.ArtworkConfigurable].includes(Y))&&(J=!0),Object(l.useEffect)(()=>{let e=[],t=[],a=(i||[]).filter(e=>r.length&&r.includes(e.value));e=a.map(e=>e.label),t=a.map(()=>"text"),t=["text",...t],J&&(e=[n.a.createElement(D.j,{label:"",checked:Q,onChange:e=>X(e)}),...e]),I(t),x(e)},[r,i,u,Q,o,k]);const{assignessByTask:W,loading:Z}=function(e){const[t,a]=Object(l.useState)({}),n=(null===e||void 0===e?void 0:e.length)>0?e.map(e=>{let{id:t}=e;return t}):null,{loading:r,data:i}=Object(De.d)(WQ,{variables:{taskIds:n},skip:0===n.length});return Object(l.useEffect)(()=>{var e;if(!i||0===(null===(e=i.getTaskSimilarAssigneesByIds)||void 0===e?void 0:e.length))return;const t=i.getTaskSimilarAssigneesByIds.reduce((e,t)=>{let{taskId:a,assignees:l}=t;if(!Array.isArray(l)||0===l.length)return e;const n=l.map(e=>{let{firstName:t,lastName:a}=e;return[t,a].filter(Boolean).join(" ")}).join(", ");return e[a]=n,e},{});a(t)},[i]),{assignessByTask:t,loading:r}}(null===a||void 0===a||null===(t=a.tasksV2)||void 0===t?void 0:t.nodes);Object(l.useEffect)(()=>{if(a){let e=a.tasksV2.nodes.map(e=>{var t,a,l,i,s,m,g,A,h;let f={id:e&&e.orderId,product:null===e||void 0===e?void 0:e.product},w=Object(C.get)(e,"order.store.platform",null);w=Object(C.capitalize)(w),"Woocommerce"===w&&(w="WooCommerce"),"Shopbase"===w&&(w="ShopBase");let S=Object(C.get)(e,"order.store.title",null);const I=e.taskType,P=[KQ].includes(I);let x=e&&e.product;const M=null===x||void 0===x?void 0:x.ideaTaskId;let T=x&&x.sku,Q=null,R=e&&e.order;const N=null===R||void 0===R?void 0:R.originId;let U=R&&R.originalProductID,L=R&&R.originalProduct,V=L&&L.sku,z=L&&L.title;const q=null===x||void 0===x?void 0:x.isCannotConfigInPB,$=null===x||void 0===x?void 0:x.cannotConfigInPBNote;let _,G,Y=null===x||void 0===x?void 0:x.collections;x&&(G=U||x.id,_=z||x.title);let X=V||T,te=null===x||void 0===x?void 0:x.productBases;const ae=null===R||void 0===R?void 0:R.originalProductIsCampaign,ne=`/${v}/products/edit`,re=`/${v}/products/campaign`;if(ae)Q=`${re}/${G}`;else if(te){Q=`${te.length>1?re:ne}/${G}`}const ie=null===R||void 0===R?void 0:R.productVariant;let se=null===ie||void 0===ie||null===(t=ie.productBaseVariant)||void 0===t?void 0:t.attributes;se=XQ(se);let ce=eR(se);const ue=null===ie||void 0===ie||null===(a=ie.productBaseVariant)||void 0===a?void 0:a.productBase;let de=null===ue||void 0===ue?void 0:ue.title;de=de?Object(c.Tb)(de):"";const me=null===x||void 0===x?void 0:x.hasPsdInNas,pe=null===ie||void 0===ie?void 0:ie.hasPsdInNas,ge=null===L||void 0===L?void 0:L.hasPsdInNas,Ae=null===R||void 0===R?void 0:R.originalProductVariant;let be=null===Ae||void 0===Ae||null===(l=Ae.productBaseVariant)||void 0===l?void 0:l.productBase,he=null===be||void 0===be?void 0:be.title;he=he?Object(c.Tb)(he):"";let fe=null===be||void 0===be?void 0:be.nasFileNameSyntax,ve=null===Ae||void 0===Ae||null===(i=Ae.productBaseVariant)||void 0===i?void 0:i.attributes;ve=XQ(ve);let Ee=eR(ve),ye=null,Ce=!1,ke=!1;const Oe=n.a.createElement(D.e,{children:"Has PSD in Nas",status:"success"}),je=n.a.createElement(D.e,{children:"Similar PSD in Nas",status:"attention"}),we=n.a.createElement(D.e,{children:"Config PB Error",status:"critical"}),Se=null!=$?n.a.createElement(D.gb,{content:n.a.createElement("div",{style:{maxWidth:"35rem"}},$)},we):we,Ie=(null===te||void 0===te?void 0:te.length)>1,Be=null===ue||void 0===ue?void 0:ue.designPositions,De=(null===Be||void 0===Be?void 0:Be.length)>0&&Be.every(e=>{var t;return(null===e||void 0===e||null===(t=e.productBaseVariants)||void 0===t?void 0:t.length)>0});pe?ye=Oe:!pe&&me?Ie||De?(ye=je,ke=!0):ye=Oe:ge&&(Ce=!0,ye=je);let Pe=null===ue||void 0===ue?void 0:ue.nasFileNameSyntax;null==Pe&&(Pe=oe.J);let xe=ZQ(Pe,T,de,ce),Me=Ce?ZQ(fe,V,he,Ee):null,Te=e&&e.kpi,Qe=e&&e.defaultKpi;u&&(Te=Te||Qe);const Re=j?"YYYY-MM-DD":void 0;let Fe=Object(c.C)(null===e||void 0===e?void 0:e.createdAt,Re),Ne=Object(c.C)(null===e||void 0===e?void 0:e.assignDate,Re),Ue=Object(c.C)(null===e||void 0===e?void 0:e.doneDate,Re),Le=Object(c.C)(null===e||void 0===e?void 0:e.deadline,Re),Ve=null===e||void 0===e||null===(s=e.order)||void 0===s?void 0:s.status,ze=[oe.K.ReadyToPrint,oe.K.Printing,oe.K.PendingPayment].includes(Ve)?oe.K.InProduction:Ve;const qe=ze&&oe.L.find(e=>e.name===ze);let He=e&&e.status;"Need Review"===He&&u&&(He="In Review");const $e=(null===d||void 0===d?void 0:d.id)!==(null===e||void 0===e||null===(m=e.assignee)||void 0===m?void 0:m.id);$e&&u&&(He="Denied");const _e=He&&oe.eb.find(e=>e.name===He);let Ge=null===e||void 0===e?void 0:e.assignee,Ke=[null===Ge||void 0===Ge?void 0:Ge.firstName,null===Ge||void 0===Ge?void 0:Ge.lastName].filter(
19668Boolean).join(" ");const Je=(null===e||void 0===e||null===(g=e.designOnlineTeam)||void 0===g?void 0:g.name)||"";let Ye=Z?n.a.createElement(D.X,{size:"small"}):W[e.id];let We=!(("Denied"===He||$e)&&u);const Ze=null===e||void 0===e?void 0:e.resources,Xe=Object(pT.d)(Ze);null===e||void 0===e||e.description,(null===Xe||void 0===Xe?void 0:Xe.length)>0&&ci.default;let et=null===e||void 0===e||null===(A=e.product)||void 0===A?void 0:A.psd;const tt=/[|\n]/g;et&&(et=et.split(tt).filter(Boolean));const at=(null===(h=et)||void 0===h?void 0:h.length)>0?n.a.createElement("div",null,et.map((e,t)=>n.a.createElement("div",{className:"design-resources-urls",key:"psd-"+t},Object(c.Yb)(e)?n.a.createElement(jn.a,{href:e},e):n.a.createElement("span",null,e)))):null,lt=null===ue||void 0===ue?void 0:ue.id,nt=null===R||void 0===R?void 0:R.product;let rt=Object(eT.b)(nt,lt);const it=n.a.createElement("div",null,n.a.createElement(ci.default,{files:{files:rt},limit:1,width:80,height:80})),ot=k&&!b?n.a.createElement(D.B,{url:Q},_):n.a.createElement("span",null,_);let st;const ct=function(e,t,a){var l,n,r;if(!e||!t)return null;const i=null===(l=e.productBases)||void 0===l?void 0:l.length,o=e.hasPBArtwork,s=e.basesHasArtwork,c=e.baseVariantsHasArtwork,u=i>1,d=null===(n=t.productVariant)||void 0===n?void 0:n.productBaseVariant,m=null===d||void 0===d?void 0:d.id,p=null===d||void 0===d||null===(r=d.productBase)||void 0===r?void 0:r.id,g=null==a?(s||[]).includes(p):(c||[]).includes(m);return u?g:!!o}(x,R,e.productVariantId),ut=e.personalized&&!ct;ct&&(st=n.a.createElement(D.e,{status:"success",progress:"incomplete",children:"Has PB Artwork"}));let dt=n.a.createElement("div",{className:"has-artwork"},st,q&&Se);const mt=ye?n.a.createElement(n.a.Fragment,null," | ",ye):null,pt=Me?n.a.createElement(zQ.a,{fileName:Me,sku:V}):null,gt=n.a.createElement("div",{className:"sku-wrap"},n.a.createElement(D.e,null,X),mt,ke?n.a.createElement(zQ.a,{sku:T}):null,pt);let At=null===x||void 0===x?void 0:x.tags;const bt=n.a.createElement("div",{className:"product_wrap"},x?n.a.createElement(n.a.Fragment,null,it,n.a.createElement("div",null,ot,gt,dt,M&&n.a.createElement(D.e,{children:"Created via Idea",status:"success"}),n.a.createElement("div",{className:"slug-special"},n.a.createElement(Jd.a,{text:xe})),n.a.createElement("div",{className:"product-collections",style:{marginTop:"1rem"}},Y&&Y.length>0?n.a.createElement(D.Y,{spacing:"extraTight"},n.a.createElement(D.db,{variation:"strong"},"Collections:"," "),Y.map((e,t)=>e&&e.name?n.a.createElement(D.e,{key:`collection_${e.name}_${t}`},e.name):"")):null),At&&At.length>0?n.a.createElement("div",{style:{marginTop:"1rem"}},n.a.createElement(D.Y,{spacing:"extraTight"},n.a.createElement(D.db,{variation:"strong"},"Tags:"," "),At.map((e,t)=>e&&e.name?n.a.createElement(D.e,{key:`tag_${e.name}_${t}`},e.name):""))):null)):P?null:n.a.createElement("span",null,"Product does not exists(maybe is deleted)")),ht=null===R||void 0===R?void 0:R.usingTaskBulkDesign,ft=ht?"Yes":"No",vt=ht?"success":"critical",Et=null!=ht?n.a.createElement("div",{className:"bulk-accept-design"},n.a.createElement(D.e,{children:ft,status:vt})):null,yt=[HQ,$Q].includes(o.status),Ct=null===e||void 0===e?void 0:e.note;let kt=k&&Ct;(null===e||void 0===e?void 0:e.isAwaitingApproval)&&yt&&(kt=!0);const Ot=kt&&Ct?"waitApproval":"",jt=(null===e||void 0===e?void 0:e.rejectedTimeCount)>=1&&yt&&k?"rejected":"",wt=!yt&&Ct?"info":"",St=B.a.location.search;let It={...Object(c.m)(St)};null!=It&&(It.search=V||null),It=Object(c.l)({...It});const Bt=n.a.createElement("div",{className:"original-product"},V?n.a.createElement(jn.a,{href:`${B.a.location.pathname}?${It}`,children:V}):null),Dt=null===R||void 0===R?void 0:R.fulfillmentServiceShippingOption;let Pt;oe.Z.includes(Dt)&&(Pt=n.a.createElement("div",null,n.a.createElement(D.e,{children:"Express Shipping",status:"info"})));const xt=n.a.createElement("div",{className:"origin-id-wrap item"},n.a.createElement("span",null,N)),Mt=[{key:"",show:J,render:n.a.createElement("div",null,n.a.createElement(D.j,{label:"",id:e.id,checked:!!F[e.id],onChange:(e,t)=>
19668ee(t,e)}))},{key:"id",show:r.includes("id"),render:n.a.createElement("div",null,n.a.createElement("span",null,e.id))},{key:"orderID",show:r.includes("orderID"),render:n.a.createElement("div",{className:"order-id_wrap"},n.a.createElement("span",null,e.orderId),e.personalized&&n.a.createElement(Yh.PersonalizedPolaris,{order:f}),Pt)},{key:"originId",show:r.includes("originId"),render:xt},{key:"platform",show:r.includes("platform"),render:n.a.createElement("div",{className:"platform_wrap"},n.a.createElement("span",null,w))},{key:"store",show:r.includes("store"),render:n.a.createElement("div",{className:"store_wrap"},n.a.createElement("span",null,S))},{key:"product",show:r.includes("product"),render:bt},{key:"defaultKPI",show:r.includes("defaultKPI"),render:n.a.createElement("div",{className:"default-kpi_wrap"},n.a.createElement("span",null,e.defaultKpi))},{key:"kpi",show:r.includes("kpi"),render:n.a.createElement("div",{className:"kpi_wrap"},n.a.createElement("span",null,Te))},{key:"createdAt",show:r.includes("createdAt"),render:n.a.createElement("div",{className:"createdAt_wrap"},n.a.createElement("span",null,Fe))},{key:"assignDate",show:r.includes("assignDate"),render:n.a.createElement("div",{className:"assignDate_wrap"},n.a.createElement("span",null,Ne))},...[SO.a.Done].includes(o.status)?[{key:"doneDate",show:r.includes("doneDate"),render:n.a.createElement("div",{className:"done-date_wrap"},n.a.createElement("span",null,Ue))}]:[],{key:"originalProduct",show:r.includes("originalProduct"),render:Bt},{key:"deadline",show:r.includes("deadline"),render:n.a.createElement("div",{className:"deadline_wrap"},n.a.createElement("span",null,Le))},{key:"taskResources",show:r.includes("taskResources"),render:n.a.createElement("div",{className:"taskResources_wrap"},n.a.createElement(wg.a,null,n.a.createElement(qQ,{task:e})))},{key:"designResourceUrls",show:r.includes("designResourceUrls"),render:n.a.createElement("div",{className:"design-resource-url-wrap"},at)},...![oe.K.PendingDesign].includes(o.status)&&null!==o.status||u?[]:[{key:"orderStatus",show:r.includes("orderStatus"),render:n.a.createElement("div",{className:"order-status_wrap"},qe&&n.a.createElement("div",null,n.a.createElement(D.e,{children:E&&"Processing"===qe.name?"Supplier Processing":qe.name,status:qe.status,progress:qe.progress?qe.progress:null})))}],{key:"status",show:r.includes("status"),render:n.a.createElement("div",{className:"status_wrap"},_e&&n.a.createElement("div",null,n.a.createElement(D.e,{children:_e.name,status:_e.status,progress:_e.progress?_e.progress:null})),n.a.createElement(YQ,{task:e}))},{key:"designer",show:r.includes("designer"),render:n.a.createElement("div",{className:"designer_wrap"},n.a.createElement("span",null,Ke))},{key:"designOnlineTeam",show:r.includes("designOnlineTeam"),render:n.a.createElement("div",{className:"design-online-team_wrap"},n.a.createElement("span",null,Je))},{key:"similarTaskAssignee",show:r.includes("similarTaskAssignee"),render:n.a.createElement("div",{className:"task-assignee_wrap"},n.a.createElement("span",null,Ye))},{key:"bulkAcceptDesign",show:r.includes("bulkAcceptDesign"),render:Et},{key:"actions",render:n.a.createElement("div",{className:`actions_wrap ${Ot} ${jt} ${wt}`,"data-awaiting-note":Ct},P?n.a.createElement(YM,{item:e}):We?n.a.createElement(UQ,{task:e,isLeader:k,filter:o,isDesigner:u,isDesignLeader:O,toggleActive:le,refetch:p,user:d,canShowTaskConfigurable:ut,configDesignRoles:y,onNotificationChange:e=>{let{message:t,isError:a}=e;return H(()=>({message:t,isError:a}))}}):null)}];let Tt=[];return Tt=Mt.filter(e=>e.show).map(e=>e.render),K||(Tt=[...Tt,Mt[Mt.length-1].render]),Tt.length>(J?2:1)?[...Tt]:[]});T(e)}},[a,r,F,u,h,o,k,j,K,Z,W,E,b,O]);const X=Object(l.useCallback)(e=>{var t;R(e);let l=(null===a||void 0===a||null===(t=a.tasksV2)||void 0===t?void 0:t.nodes)?a.tasksV2.nodes:[],n=[];if(e){let e={};for(let t=0;t<l.length;t++)e={...e,[l[t].id]:!0};N(e),n=ae(e)}else N({}),n=[];L(n)},[a]),ee=Object(l.useCallback)((e,t)=>{let a,l=[];N(n=>{let r={...n,[e]:t};return a=Object.values(r).filter(e=>e).length,l=ae(r),r}),t?R(!0):a||R(!1),L(l)},[U]),ae=Object(l.useCallback)(e=>{e=Object(e);let t=[];for(let[a,l]of Object.entries(e))l&&t.push(a);return t},[]),le=Object(l.useCallback)(()=>z(e=>!e),[]),ne=Object(l.useCallback)(()=>{L(()=>[]),R(!1),N({}),p&&p(),s(e=>({...e}))},[]);Object(l.useEffect)(()=>{let{scrollLeft:e,scrollWidth:t,offsetWidth:a}=$,l=document.querySelectorAll(".actions_wrap"),n=document.querySelectorAll(".Polaris-DataTable__Cell");for(let d of n)for(let e of l)Object(c.u)(d,e)&&(m?d.classList.add("custom-cell"):d.classList.remove("custom-cell"));let r=document.querySelectorAll(".Polaris-DataTable__TableRow"),i=document.querySelectorAll(".waitApproval"),o=document.querySelectorAll(".rejected"),s=document.querySelectorAll(".info"),u=document.querySelectorAll("[data-awaiting-note]");for(let d of r){for(let e of i){if(Object(c.u)(d,e)){d.classList.add("waitApproval");break}d.classList.remove("waitApproval")}for(let e of o){if(Object(c.u)(d,e)){d.classList.add("rejected");break}d.classList.remove("rejected")}for(let e of s){if(Object(c.u)(d,e)){d.classList.add("info");break}d.classList.remove("info")}for(let e of u){let t=d.querySelector(".data-awaiting-note");if(Object(c.u)(d,e)){t||(t=document.createElement("span"));const a=e.getAttribute("data-awaiting-note");t.innerText=a?"Note: "+a:"",t.className="data-awaiting-note",d.appendChild(t);break}t&&t.remove()}}},[M,$,m]),Object(l.useEffect)(()=>{const e=()=>{Object(c.Ub)(()=>{G.current&&_({scrollLeft:G.current.scrollLeft,scrollWidth:G.current.scrollWidth,offsetWidth:G.current.offsetWidth})})};return G.current&&G.current.addEventListener("scroll",e,{capture:!1,passive:!0}),()=>{G.current&&G.current.removeEventListener("scroll",e)}},[]);const re=V?q&&q.message&&n.a.createElement(D.fb,{content:q.message,error:q.isError,duration:2e3,onDismiss:le}):null;let{limit:ie,offset:se}=o;const ce=Object(C.get)(a,"tasksV2.total",0),ue={page:se/ie+1,totalPage:Math.ceil(ce/ie),offset:se,limit:ie,onChange:A,total:ce},de=null===g||void 0===g?void 0:g.totalKpi,me=null===g||void 0===g?void 0:g.totalKpiAssignTask;let pe={};de&&[SO.a.Done,SO.a["Need Review"]].includes(o.status)&&(pe={...pe,totalKpi:de}),me&&(pe={...pe,totalKpiAssignTask:me});const ge=U.length>0?n.a.createElement("div",{className:"bulk-actions_wrap"},n.a.createElement(vT,{idsChecked:U,isDesigner:u,isLeader:k,filterStatus:Y,toggleActive:le,onNotificationChange:e=>{let{message:t,isError:a}=e;return H(()=>({message:t,isError:a}))},onCompleted:ne,onCheckAll:()=>{X(!1)},user:d}
19668)):null;let Ae,be=["text"],he=["Please choose at least one column above to visible data table"];return P.length>(J?1:0)&&(be=w,he=P,K||(be=[...w,"numeric"],he=[...P,n.a.createElement("div",{className:"actions_wrap"},"Actions")]),Ae=n.a.createElement(tR,null,n.a.createElement(Ye.PaginationPolaris,Object.assign({aggregation:ue,showTotal:!0,gotoPage:O},pe)))),n.a.createElement(n.a.Fragment,null,re,n.a.createElement(aR,{ref:G},ge,n.a.createElement(D.n,{columnContentTypes:be,headings:he,rows:M,verticalAlign:"middle",hideScrollIndicator:!0})),Ae)};function YQ(e){let{task:t}=e;const a=Object(pT.u)(Object(C.get)(t,"label"));return!(e=>[S.f.NeedBuyerConfirm,S.f.Rejected].includes(e))(Object(C.get)(t,"status"))||Object(c.c)(a)?null:n.a.createElement("div",{style:{marginTop:"0.6rem"}},n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},Object(pT.o)(a,oe.cb.RejectedByBuyer)&&n.a.createElement(D.e,{children:oe.cb.RejectedByBuyer,status:"attention"}),Object(pT.o)(a,oe.cb.AwaitingArtistFix)&&n.a.createElement(D.e,{children:oe.cb.AwaitingArtistFix,status:"info"})))}const WQ=o.a` 19669 query getTaskSimilarAssigneesByIds($taskIds: [String!]!) { 19670 getTaskSimilarAssigneesByIds(taskIds: $taskIds) { 19671 taskId 19672 assignees { 19673 id 19674 firstName 19675 lastName 19676 } 19677 } 19678 } 19679`;function ZQ(e,t,a,l){let n=e,r=t;GQ.forEach(e=>{r=r?r.replace(e,""):""});let i=a;GQ.forEach(e=>{i=i?i.replace(e,""):""});let o=l;return GQ.forEach(e=>{o=o?o.replace(e,""):""}),null!=n&&(n=n.replace(oe.U,r),n=n.replace(oe.T,i),n=n.replace(oe.j,o),n=n.split("-").join("_")),n}function XQ(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.filter(e=>[_Q].includes(e.slug))}function eR(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.map(e=>{let t=e&&e.option;return GQ.forEach(e=>{var a,l;t=(null===(a=t)||void 0===a?void 0:a.length)>0?t.toLowerCase():"",t=(null===(l=t)||void 0===l?void 0:l.length)>0?t.replace(e,""):""}),t?Object(c.Tb)(t.trim()):""}).filter(Boolean).join("_")}const tR=j.b.div` 19680 padding: 1.6rem; 19681 overflow-x: scroll; 19682 background: var(--p-surface-subdued, #f4f6f8); 19683`,aR=j.b.div` 19684 overflow-x: auto; 19685 19686 .id_wrap, 19687 .default-kpi_wrap, 19688 .done-date_wrap, 19689 .designer_wrap { 19690 width: calc(150px - 3.2rem); 19691 white-space: normal; 19692 word-break: break-word; 19693 } 19694 19695 .order-status_wrap, 19696 .design-online-team_wrap { 19697 width: calc(200px - 3.2rem); 19698 white-space: normal; 19699 word-break: break-word; 19700 } 19701 19702 .task-assignee_wrap { 19703 width: calc(45rem - 3.2rem); 19704 white-space: normal; 19705 word-break: break-word; 19706 } 19707 19708 .default-kpi_wrap { 19709 text-align: center; 19710 } 19711 19712 .order-id_wrap { 19713 width: calc(17rem - 3.2rem); 19714 display: flex; 19715 white-space: normal; 19716 word-break: break-word; 19717 flex-direction: column; 19718 } 19719 19720 .platform_wrap, 19721 .store_wrap, 19722 .taskResources_wrap, 19723 .product-resources_wrap, 19724 .status_wrap { 19725 width: calc(220px - 3.2rem); 19726 white-space: normal; 19727 word-break: break-word; 19728 } 19729 19730 .product_wrap { 19731 width: calc(47rem - 3.2rem); 19732 display: flex; 19733 flex-direction: row; 19734 align-items: center; 19735 column-gap: 0.75rem; 19736 white-space: normal; 19737 word-break: break-word; 19738
19739 .modal-image { 19740 width: max-content; 19741 } 19742 } 19743 19744 .actions_wrap { 19745 display: flex; 19746 justify-content: flex-end; 19747 margin-left: auto; 19748 } 19749 .Polaris-DataTable { 19750 .Polaris-DataTable__ScrollContainer { 19751 overflow-x: initial; 19752 } 19753 } 19754 19755 .Polaris-DataTable__Cell { 19756 &.custom-cell { 19757 position: sticky; 19758 right: 0; 19759 z-index: 10; 19760 background-color: #fff; 19761 19762 &:after { 19763 box-shadow: rgba(0, 0, 0, 0.15) -10px 0px 8px -8px inset; 19764 position: absolute; 19765 top: 0px; 19766 bottom: -1px; 19767 width: 30px; 19768 transition: box-shadow 0.3s ease 0s, 19769 -webkit-box-shadow 0.3s ease 0s; 19770 content: ""; 19771 pointer-events: none; 19772 left: 0px; 19773 transform: translateX(-100%); 19774 } 19775 } 19776 } 19777 19778 .Polaris-DataTable__TableRow { 19779 &:hover { 19780 .Polaris-DataTable__Cell { 19781 &.custom-cell { 19782 background-color: var(--p-surface-hovered, #f9fafb); 19783 } 19784 } 19785 } 19786 19787 .data-awaiting-note { 19788 display: none; 19789 } 19790 19791 &.waitApproval { 19792 color: #202223; 19793 position: relative; 19794 --status-color: #e81e1e; 19795 19796 .Polaris-DataTable__Cell { 19797 background-color: #f1ccca; 19798 } 19799 19800 &:hover { 19801 .Polaris-DataTable__Cell { 19802 &.custom-cell { 19803 background-color: #f1ccca; 19804 } 19805 } 19806 } 19807 } 19808 19809 .data-awaiting-note { 19810 position: absolute; 19811 display: block; 19812 left: 2rem; 19813 top: 1rem; 19814 font-size: 1.5em; 19815 color: var(--status-color, #f2f2f2); 19816 } 19817 19818 &.rejected { 19819 position: relative; 19820 --status-color: #988219; 19821 19822 .Polaris-DataTable__Cell { 19823 background-color: #f3efdc; 19824 } 19825 19826 &:hover { 19827 .Polaris-DataTable__Cell { 19828 &.custom-cell { 19829 background-color: #f3efdc; 19830 } 19831 } 19832 } 19833 } 19834 19835 &.info { 19836 position: relative; 19837 --status-color: #329ef1; 19838 19839 .Polaris-DataTable__Cell { 19840 background-color: rgb(220 233 243); 19841 } 19842 19843 &:hover { 19844 .Polaris-DataTable__Cell { 19845 &.custom-cell { 19846 background-color: rgb(220 233 243); 19847 } 19848 } 19849 } 19850 } 19851 19852 .product_wrap { 19853 .sku-wrap { 19854 display: flex; 19855 flex-direction: row; 19856 align-items: center; 19857 column-gap: 0.35rem; 19858 } 19859 19860 .suggest-wrap { 19861 display: inline-block; 19862 19863 .Polaris-Button { 19864 padding: 0; 19865 margin: 0; 19866 margin-left: -0.5rem; 19867 } 19868 } 19869 .has-artwork { 19870 .Polaris-Badge { 19871 font-size: 0.8em; 19872 &.Polaris-Badge--statusSuccess { 19873 background: #001833; 19874 color: #2daaff; 19875 } 19876 } 19877 } 19878 } 19879 .slug-special { 19880 .copy-box { 19881 font-size: 0.8em; 19882 padding: 2px; 19883 padding-left: 5px; 19884 border-radius: var(--p-border-radius-base, 3px); 19885 margin-top: 0.5rem; 19886 border-color: #b7c1ca; 19887 19888 input { 19889 background: transparent; 19890 } 19891 } 19892 } 19893 .product-collections { 19894 margin-top: 5px; 19895 } 19896 } 19897 19898 // bulk actions 19899 .bulk-actions_wrap { 19900 padding: 1.6rem; 19901 } 19902 .Polaris-DataTable__Cell--header { 19903 border-top: 0.1rem solid #dbdee0; 19904 } 19905 19906 .has-artwork { 19907 margin: 0.5rem 0; 19908 } 19909 19910 .design-resource-url-wrap { 19911 width: calc(30rem - 3.2rem); 19912 white-space: normal; 19913 word-break: break-all; 19914 } 19915 19916 .design-resources-urls:not(:first-child) { 19917 margin-top: 0.785rem; 19918 } 19919`;var lR=a(174),nR=a(81),rR=a(747);const iR=[{content:"View detail",icon:KM.a,key:"view",comp:BQ},{content:"Compare Design",icon:ET.a,key:"compareDesign",comp:HT},{content:"Accept Task",icon:yT.a,key:"acceptTask",comp:ST.a},{content:"Reject design",icon:Hh.a,key:"rejectDesign",comp:QT.a}],oR=e=>{let{onAction:t,role:a}=e;return e=>{let l=!0;return Object(c.c)(e.role)||(l=e.role.includes(a)),!!l&&{...e,onAction:t(e.key)}}};var sR=function(e){let{task:t}=e;const{currentUser:a}=Object(te.c)(),l=Object(C.get)(a,"teamUser.role"),{refetch:r}=Object(nR.b)()||{},[i,o]=n.a.useReducer(c.Hb,{active:!1,open:!1,action:null}),s=n.a.useCallback(e=>()=>{o({active:e})},[]),u=n.a.useCallback(e=>()=>{o(t=>({open:e,action:e?t.action:null}))},[]),d=n.a.useCallback(e=>()=>{o({action:e,open:!0})},[]),m=n.a.useMemo(()=>iR.map(oR({role:l,onAction:d}
19919)).filter(Boolean),[d,l]),p=n.a.useMemo(()=>{const e={task:t,ids:(null===t||void 0===t?void 0:t.id)?[t.id]:[],open:i.open,status:null===t||void 0===t?void 0:t.status,refetch:r,hasAcceptDesign:!0,hasRejectDesign:!0,modalTitle:"Compare design task",onClose:u(!1),toggleShowModal:u(!1)};return m.reduce((t,a)=>a&&a.key&&a.comp?(t[a.key]={...a,props:{...e,...a.props||{}}},t):t,{})},[u,m,t,i.open,r]);let g=i.action?p[i.action]:null;const A=n.a.useMemo(()=>n.a.createElement(D.g,{children:"Actions",onClick:s(!0),disclosure:!0}),[s]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.K,{activator:A,onClose:s(!1),active:i.active,preferredAlignment:"right"},n.a.createElement(D.a,{items:m})),g?n.a.createElement(wg.a,{fallback:null},n.a.createElement(g.comp,g.props)):null)};var cR=function(){const[e,t]=Object(l.useReducer)(c.Hb,{open:!1,action:null}),{ids:a,onCompleted:r}=Object(nR.b)()||{},i=Object(l.useCallback)(e=>{t(t=>({...t,open:!t.open,action:e}))},[]),o={open:e.open,toggleShowModal:i,onCompleted:r,idsChecked:a},s={acceptDesign:n.a.createElement(aT,o),rejectDesign:n.a.createElement(iT,o)};return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.g,{children:"Accept designs",onClick:()=>i("acceptDesign"),disclosure:!0}),n.a.createElement(D.g,{children:"Reject designs",onClick:()=>i("rejectDesign"),disclosure:!0}),s[e.action])};const uR=j.b.div` 19920 width: 600px; 19921 position: relative; 19922 19923 .modal-image-item { 19924 flex-direction: column; 19925 align-items: start !important; 19926
19927 .modal-image-info { 19928 padding-left: 1rem; 19929 } 19930 } 19931 19932 .color-picker-wrap { 19933 position: absolute; 19934 top: 8rem; 19935 right: unset; 19936 left: calc(100% + 1rem); 19937 } 19938`;var dR=function(e){let{node:t}=e;const a=function(e){let t=Object(C.get)(e,"taskSubmission.designs")||[];return Object(c.Qb)(t)}(t),{currentUser:l}=Object(te.c)(),{isSeller:r,isDesignLeader:i,isStoreManager:o,isMarketplaceManager:s}=Object(c.j)(l),u=null===l||void 0===l?void 0:l.id,d=oe.d.includes(u),m=r||i||o||s||!!d,{orderId:p,requirement:g}=t||{};return n.a.createElement(uR,null,n.a.createElement(TT,{designs:a,orderId:p,taskRequirement:g,isDLead:m}))},mR=a(748);function pR(e){var t,a,l,n;return(null===e||void 0===e||null===(t=e.productVariant)||void 0===t||null===(a=t.productBaseVariant)||void 0===a?void 0:a.productBase)?e.productVariant.productBaseVariant.productBase.id:null===e||void 0===e||null===(l=e.product)||void 0===l||null===(n=l.productBases[0])||void 0===n?void 0:n.id}var gR=function(e){let{order:t}=e;const a=function(e){var t;const a=Object(C.get)(e,"product",null),l=null===a||void 0===a?void 0:a.mainImageId,n=null===a||void 0===a?void 0:a.images,r=(null===a||void 0===a||null===(t=a.productBases)||void 0===t?void 0:t.length)>1;return{mainImageId:l,images:n,isCampaign:r}}(t)||{},l=Object(c.S)({...a,pBaseId:pR(t)});return n.a.createElement(mR.default,{width:"auto",maxWidth:"100%",height:"auto",files:{files:l},originImages:(null===a||void 0===a?void 0:a.images)||[],hasShadow:!0,isCompare:!0})};function AR(e){let{node:t}=e;const a=null===t||void 0===t?void 0:t.orderId,l=null===t||void 0===t?void 0:t.id,{refetch:r}=(()=>{const e=n.a.useContext(AM);if(!e)throw new Error("useTaskContext must be used within TaskContext");return e})();return n.a.createElement($T,{taskId:l,orderId:a,refetch:r})}function bR(e){return Object(C.get)(e,"tasksV2.nodes")||[]}function hR(e){e&&Object(c.Ub)(()=>{!function(e){let{scrollLeft:t,scrollWidth:a,offsetWidth:l}=e,n=document.querySelectorAll(".actions_wrap"),r=document.querySelectorAll(".Polaris-DataTable__Cell");for(let i of r)for(let e of n)Object(c.u)(i,e)&&i.classList.add("custom-cell")}({scrollLeft:e.scrollLeft,scrollWidth:e.scrollWidth,offsetWidth:e.offsetWidth})})}const fR=j.b.div` 19939 .order-detail-wrap { 19940 display: flex; 19941 flex-direction: column; 19942 row-gap: 10px; 19943 } 19944 19945 .mockup-wrap { 19946 width: 500px; 19947
19948 .modal-image { 19949 max-width: 400px; 19950 } 19951 } 19952`,vR=j.b.div` 19953 padding: 1.6rem; 19954 overflow-x: scroll; 19955 background: var(--p-surface-subdued, #f4f6f8); 19956`;var ER=function(e){let{data:t,refetch:a,filter:l,handlePaginationChange:r}=e;const i=function(e){return bR(e).map(e=>null===e||void 0===e?void 0:e.id).filter(Boolean)}(t),{data:o,loading:s,error:u}=Object(De.d)(I.tb,{variables:{taskIDs:i},skip:!i||0===i.length}),d=n.a.useCallback(e=>{e&&function(e){e.addEventListener("scroll",hR,{capture:!1,passive:!0})}(e)},[]),m=function(e){return(Object(C.get)(e,"getTaskSubmissionAndFieldValueForTask")||[]).map(e=>({...e,id:e.taskID}))}(o),p=function(e){const t=bR(e),a={};for(let l of t)l&&l.id&&(a[l.id]=l);return a}(t);let{limit:g,offset:A}=l;const b=Object(C.get)(t,"tasksV2.total",0),h={page:A/g+1,totalPage:Math.ceil(b/g),offset:A,limit:g,onChange:r,total:b};return n.a.createElement(n.a.Fragment,null,n.a.createElement(fR,{ref:d},s?n.a.createElement(Je.default,null):u?n.a.createElement("div",null," Error: ",Object(c.ib)(u.toString())):n.a.createElement(nR.a,{data:m,refetch:a,actionMarkup:n.a.createElement(cR,null)},e=>{let{checkAllMarkup:t,checkItemMarkup:a}=e;const l=function(e,t,a){const l=[];for(let r of t){const{id:t,fieldValues:i}=r,o=a[t]||{},{personalized:s,orderId:u,order:d,requirement:m,assignee:p,createdAt:g,kpi:A,defaultKpi:b}=o;let h=Object(c.C)(g),f=p,v=[null===f||void 0===f?void 0:f.firstName,null===f||void 0===f?void 0:f.lastName].filter(Boolean).join(" ");const E=[e(t),n.a.createElement("div",{className:"id item"},n.a.createElement("span",null,t)),n.a.createElement("div",{className:"design-wrap item"},n.a.createElement(dR,{node:{...r,orderId:u,requirement:m}})),n.a.createElement("div",{className:"order-detail-wrap item"},n.a.createElement("div",null,n.a.createElement(D.db,{variation:"strong"},"Order ID: "),n.a.createElement("span",null,null===d||void 0===d?void 0:d.id)),n.a.createElement("div",null,n.a.createElement(D.db,{variation:"strong"},"Order Origin ID: "),n.a.createElement("span",null,null===d||void 0===d?void 0:d.originId)),n.a.createElement("div",null,n.a.createElement(D.db,{variation:"strong"},"Created At: "),n.a.createElement("span",null,h)),n.a.createElement("div",null,n.a.createElement(D.db,{variation:"strong"},"Designer: "),n.a.createElement("span",null,v)),n.a.createElement("div",null,n.a.createElement(D.db,{variation:"strong"},"KPI: "),n.a.createElement("span",null,A||"")),n.a.createElement("div",null,n.a.createElement(D.db,{variation:"strong"},"Default KPI: "),n.a.createElement("span",null,b||"")),n.a.createElement(gQ.PersonalizedInfoInner,{personalized:s,fieldValues:i}),n.a.createElement(AQ.default,{order:d}),n.a.createElement(rR.default,{taskRequirement:m}),n.a.createElement(AR,{node:r})),n.a.createElement("div",{className:"mockup-wrap item"},n.a.createElement(gR,{order:d})),n.a.createElement("div",{className:"action-wrap"},n.a.createElement(sR,{task:o}))];l.push(E)}return l}(a,m,p);return!l||Object(c.c)(l)?n.a.createElement(We.default,null):n.a.createElement(lR.default,{fixedColumn:!0},n.a.createElement(D.n,{rows:l,columnContentTypes:[...Array.from({length:5}).fill("text"),"numeric"],headings:[t,"ID","Design","Order Detail","Mockup","Actions"],verticalAlign:"middle",hideScrollIndicator:!0}))})),n.a.createElement(vR,null,n.a.createElement(Ye.default,{aggregation:h,showTotal:!0})))};const yR=o.a` 19957 subscription { 19958 taskGetDesignFromPOD { 19959 id 19960 teamId 19961 ownerIds 19962 assigneeId 19963 } 19964 } 19965`,CR=j.b.div` 19966 margin: -1rem; 19967 @media (min-width: 640px) { 19968 margin: -1.5rem; 19969 } 19970`,kR=[...oe.n,"assigneeIds","similarTaskAssigneeId","status","order","orderBy","fieldByTime","hasAssign","platform","productBaseId","storeIds","personalized","hasDesign","kpi","usingTaskBulkDesign","usingDesignApp","usingExpressShipping","productCreatedVia","hasPBArtwork","designOnlineTeamID"],OR=/(RD|Team)$/i,jR=e=>{var t,a;let{path:r}=e;const{currentUser:i,store:o}=Object(l.useContext)(te.a),s=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),u=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){e.hasAssign&&(e.status="Pending Design","Assigned"===e.hasAssign&&(e.hasAssign=!0),"Un-assigned"===e.hasAssign&&(e.hasAssign=!1));const t=e.status;if(t&&(WB.c.includes(t)||(e.status=null)),e.orderType&&("personalized"===e.orderType&&(e.personalized=!0),"normal"===e.orderType&&(e.personalized=!1)),e.hasDesign&&("Yes"===e.hasDesign&&(e.hasDesign=!0),"No"===e.hasDesign&&(e.hasDesign=!1)),e.usingTaskBulkDesign&&("Yes"===e.usingTaskBulkDesign&&(e.usingTaskBulkDesign=!0),"No"===e.usingTaskBulkDesign&&(e.usingTaskBulkDesign=!1)),e.usingDesignApp&&("Yes"===e.usingDesignApp&&(e.usingDesignApp=!0),"No"===e.usingDesignApp&&(e.usingDesignApp=!1)),e.hasPBArtwork&&("Yes"===e.hasPBArtwork&&(e.hasPBArtwork=!0),"No"===e.hasPBArtwork&&(e.hasPBArtwork=!1)),e.kpi&&(e.kpi=parseFloat(e.kpi)),e.platform){let t=e.platform;t=t.split(","),e.platform=t}if(e.productBaseId){let t=e.productBaseId;t=t.split(","),e.productBaseId=t}"Yes"===e.usingExpressShipping&&(e.usingExpressShipping=!0);let a=e.limit;a=Number(a),a||(a=10),e.limit=a,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,kR)}return e},[s]),d=Object(C.get)(i,"roles",[]),m=Object(C.get)(i,"teamUser.role",null),p=Object(C.get)(i,"lastName",null),g=Object(C.get)(i,"firstName",null),A=Object(C.get)(i,"id",null),b=`${g} ${p}`.trim(),h=b.includes(oe.P),f=OR.test(b),v=[oe.s.accLy,oe.s.accDung].includes(A);let E=!1,y=!1,k=!1;d.includes(oe.pb.Seller)&&(y=[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager,oe.gb.DesignLeader,oe.gb.IdeaLeader].includes(m),E=[oe.gb.StoreManager].includes(m),k=[oe.gb.Admin,oe.gb.DesignLeader,oe.gb.Accountant].includes(m));const{isOnline:O,isDesignLeader:j,isDesigner:w}=Object(c.j)(i),S=(j||w)&&O,[P,x]=Object(l.useState)(null),[M,T]=Object(l.useState)([]),[Q,R]=Object(l.useState)(!0),[,F]=Object(l.useState)(!1),[N,U]=Object(Ee.a)(!1),[L,V]=Object(l.useState)(null),[z,q]=Object(l.useState)(null),[H,$]=n.a.useReducer(c.Hb,{viewAllNR:!1});let _=null;v?_=oe.K.PendingDesign:w&&(_=oe.K.Pending);const[G,K]=Object(l.useState)({limit:Number(Object(c.M)("perPageDesignTasks"))||20,offset:0,search:null,assigneeIds:null,status:_,storeIds:null,order:null,orderBy:null,fieldByTime:null,hasAssign:!v&&null,platform:null,productBaseId:null,personalized:null,hasDesign:!!v||null,kpi:null,usingTaskBulkDesign:null,usingDesignApp:null,usingExpressShipping:null,isIdeaTask:!1,isArtistTask:!1,productCreatedVia:null,similarTaskAssigneeId:null,hasPBArtwork:null,designOnlineTeamID:null,kpiRange:null,...u}),{data:J,loading:Y,error:W,refetch:Z}=Object(De.d)(I.pb,{variables:{filter:{...G,storeIds:o?"all"!==o.id?[o.id]:null:G.storeIds}},fetchPolicy:"no-cache"}),[X,{data:ee}]=Object(De.b)(I.Sc,{fetchPolicy:"no-cache",onCompleted:e=>
19970{const t=null===e||void 0===e?void 0:e.taskAggsV2;if(null!=t){const e=Object(c.x)(t,!0);V(t=>({...t,...e}))}}}),{data:ae}=Object(De.d)(I.Sc,{fetchPolicy:"cache-and-network",variables:{filter:{...G,storeIds:o?"all"!==o.id?[o.id]:null:G.storeIds}},skip:![oe.db.Done,"Need Review"].includes(G.status)});Object(l.useEffect)(()=>{const e=null===ee||void 0===ee?void 0:ee.taskAggsV2;if(null!=e){const t=Object(c.x)(e,!1);V(e=>({...e,...t}))}},[ee]),Object(l.useEffect)(()=>{const e=null===ae||void 0===ae?void 0:ae.taskAggsV2;if(null!=e){const t=Object(c.x)(e,!0);q(e=>({...e,...t}))}},[ae]),Object(l.useEffect)(()=>{X({variables:{filter:{...G,status:null,hasAssign:null,storeIds:o?"all"!==o.id?[o.id]:null:G.storeIds}}}),wR(G)||$({viewAllNR:!1})},[G,X]);let le=[{value:"id",label:"ID",priority:0,public:!0},{value:"orderID",label:"Order ID",priority:5,public:!0},{value:"originId",label:"Origin Order ID",priority:6,public:!0},{value:"platform",label:"Platform",priority:10,public:!0},!S&&{value:"store",label:"Store",priority:10,public:y||h||f},{value:"product",label:"Product",priority:15,public:!0},{value:"defaultKPI",label:"Default KPI",priority:20,public:y},{value:"kpi",label:"KPI",priority:25,public:!0},{value:"createdAt",label:"Created at",priority:30,public:!0},{value:"assignDate",label:"Assign Date",priority:35,public:!0},{value:"doneDate",label:"Done Date",priority:35,public:[oe.db.Done].includes(G.status)},{value:"originalProduct",label:"Original Product",priority:36,public:!0},{value:"deadline",label:"Deadline",priority:40,public:!0},{value:"taskResources",label:"Task Resource",priority:45,public:!0},{value:"designResourceUrls",label:"Design Resource Urls",priority:46,public:!0},{value:"orderStatus",label:"Order status",priority:50,public:([oe.K.PendingDesign].includes(G.status)||null===G.status)&&!w},{value:"status",label:[oe.K.PendingDesign].includes(G.status)&&!w?"Task status":"Status",priority:55,public:!0},{value:"designer",label:"Designer",priority:60,public:!0},{value:"designOnlineTeam",label:"Design Online Team",priority:60,public:!0},{value:"similarTaskAssignee",label:"Similar Task Assignees",priority:61,public:!0},{value:"bulkAcceptDesign",label:"Bulk Accept Design",priority:62,public:y}];le=le.filter(e=>e.public).filter(Boolean),Object(l.useEffect)(()=>{let e=Object(c.M)("screenOption_DT_"+A);const t=le.map(e=>e.value);e?(e=e.split(","),e=e.filter(e=>t.includes(e))):e=le.map(e=>e.value),T(e),x(A)},[A]),Object(l.useEffect)(()=>{P&&Object(c.Nb)("screenOption_DT_"+P,M,100)},[P,M]),Object(l.useEffect)(()=>{let{offset:e,limit:t,hasAssign:a,personalized:l,hasDesign:n,usingTaskBulkDesign:r,usingDesignApp:i,fieldByTime:o,usingExpressShipping:s,hasPBArtwork:u,storeIds:d,kpiRange:m,...p}=G,g=null,A=Object(c.o)(t,e);null!=a&&(a=a?"Assigned":"Un-assigned");let b=null;!0===l&&(b="personalized"),!1===l&&(b="normal");let h=null;!0===n&&(h="Yes"),!1===n&&(h="No"),!0===r&&(r="Yes"),!1===r&&(r="No"),!0===i&&(i="Yes"),!1===i&&(i="No"),!0===u&&(u="Yes"),!1===u&&(u="No"),s=s?"Yes":null,g=Object(c.l)({limit:t,paged:A,orderType:b,hasDesign:h,usingDesignApp:i,hasPBArtwork:u,...p,hasAssign:a,usingTaskBulkDesign:r,usingExpressShipping:s}),B.a.push(`${B.a.location.pathname}?${g}`)},[G]);const ne=n.a.useCallback(e=>{const{search:t,designer:a,status:l,order:n,orderBy:r,filterTime:i,stateAssign:o,orderSource:s,productBaseId:c,storeIds:u,personalized:d,hasDesign:m,kpi:p,usingTaskBulkDesign:g,usingDesignApp:A,usingExpressShipping:b,productCreatedVia:h,similarTaskAssigneeId:f,hasPBArtwork:v,designOnlineTeamID:E,kpiRange:y}=e;let k=o,O=a;let j="all"===f?null:"Pending Design"===l&&!k?f:null,w=i.from&&i.to&&i.field?i:null,S=s;S=S.length?S:null,K(e=>Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.assigneeIds,O)&&Object(C.isEqual)(e.status,l)&&Object(C.isEqual)(e.hasAssign,k)&&Object(C.isEqual)(e.order,n)&&Object(C.isEqual)(e.orderBy,r)&&Object(C.isEqual)(e.fieldByTime,w)&&Object(C.isEqual)(e.platform,S)&&Object(C.isEqual)(e.productBaseId,c)&&Object(C.isEqual)(e.storeIds,u)&&Object(C.isEqual)(e.personalized,d)&&Object(C.isEqual)(e.hasDesign,m)&&Object(C.isEqual)(e.kpi,p)&&Object(C.isEqual)(e.usingTaskBulkDesign,g)&&Object(C.isEqual)(e.usingDesignApp,A)&&Object(C.isEqual)(e.usingExpressShipping,b)&&Object(C.isEqual)(e.productCreatedVia,h)&&Object(C.isEqual)(e.hasPBArtwork,v)&&Object(C.isEqual)(e.similarTaskAssigneeId,j)&&Object(C.isEqual)(e.designOnlineTeamID,E)&&Object(C.isEqual)(e.kpiRange,y)?e:{...e,offset:0,search:t,assigneeIds:O,status:l,hasAssign:k,order:n,orderBy:r,fieldByTime:w,platform:S,productBaseId:c,storeIds:u,personalized:d,hasDesign:m,kpi:p,usingTaskBulkDesign:g,usingDesignApp:A,hasPBArtwork:v,usingExpressShipping:b,productCreatedVia:h,similarTaskAssigneeId:j,designOnlineTeamID:E,kpiRange:y})},[]),re=n.a.useCallback(e=>{let{status:t}=e,a={status:t};t&&("Assigned"===t?(a.status="Pending Design",a.hasAssign=!0):"Un-assigned"===t?(a.status="Pending Design",a.hasAssign=!1):a.hasAssign=null),K(e=>e.status!==t||e.hasAssign!==a.hasAssign?{...e,...a,offset:0}:e)},[]),ie=n.a.useCallback((e,t)=>{K(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageDesignTasks",t,100)},[]),se=Y&&n.a.createElement(D.D,null),{data:ce}=Object(De.e)(yR);Object(l.useEffect)(()=>{ce&&ce.taskGetDesignFromPOD.teamId===i.teamUser.team.id&&(E?ce.taskGetDesignFromPOD.ownerIds.includes(i.id)&&F(ce.taskGetDesignFromPOD.id
19970):w?ce.taskGetDesignFromPOD.assigneeId==i.id&&F(ce.taskGetDesignFromPOD.id):F(ce.taskGetDesignFromPOD.id))},[ce]);const ue=n.a.useCallback(()=>{$(e=>({...e,viewAllNR:!e.viewAllNR}))},[]);return n.a.createElement(CR,null,se,n.a.createElement("div",null,n.a.createElement(XM,{options:le,defaultValue:M,onChange:e=>T(e),onChangeFixedColumn:e=>R(e)})),n.a.createElement(Fa.a,{refetch:Z,setFilter:K},n.a.createElement(D.H,{title:"Design Tasks",fullWidth:!0,primaryAction:wR(G)&&y?{content:H.viewAllNR?"View Task Info":"View File Design",onAction:ue,primary:!H.viewAllNR}:null},n.a.createElement(WB.d,{filters:G,isDesigner:w,isLeader:y,hasStoreFilter:k,onChangeFilter:ne}),n.a.createElement(D.i,null,H.viewAllNR?null:n.a.createElement(BM,{dataCountV2:L,value:G.status,hasAssign:G.hasAssign,isDesigner:w,isLeader:y,onChange:re}),Y?n.a.createElement(Je.SkeletonPagePolaris,null):W?n.a.createElement("div",null," Error: ",Object(c.ib)(W.toString())):(null===J||void 0===J||null===(t=J.tasksV2)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(AM.Provider,{value:{filter:G,refetch:Z}},H.viewAllNR?n.a.createElement(ER,{data:J,refetch:Z,filter:G,handlePaginationChange:ie}):n.a.createElement(JQ,{data:J,filter:G,screenOptions:M,dataSO:le,currentUser:i,fixedColumn:Q,isDesigner:w,refetch:Z,handlePaginationChange:ie,setFilter:K,dataTotal:z,isDesignOnline:S})):n.a.createElement(We.EmptyStatePolaris,null))),n.a.createElement(bM,{open:N,onClose:U})))};function wR(e){return!!e&&e.status===S.f.NeedReview}const SR=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=Object(c.W)(t);return n.a.createElement(jR,{path:l})},IR=Object(l.lazy)(()=>a.e(45).then(a.bind(null,1790)));var BR=a(992),DR=a.n(BR),PR=a(1552);class xR extends l.Component{constructor(){super(...arguments),this.state={visible:!1}}render(){const{open:e,onClose:t}=this.state,{store:a,refetch:l}=this.props;return n.a.createElement(s.a,{mutation:o.a` 19971 mutation deleteStore($id: ID!) { 19972 deleteStore(id: $id) 19973 } 19974 `},r=>n.a.createElement(n.a.Fragment,null,n.a.createElement(D.E,{open:e,onClose:t,title:"Delete Ebay Account confirmation",primaryAction:{content:"Delete",onAction:()=>{r({variables:{id:a.id}}).then(()=>{l&&l()})}},secondaryActions:[{content:"Cancel",onAction:()=>{this.setState({visible:!1})}}]},n.a.createElement(D.E.Section,null,n.a.createElement(D.bb,null,n.a.createElement("p",null,"Are you sure want to delete ",n.a.createElement("strong",null,a.title)))))))}}var MR=xR;const TR=j.b.div` 19975 button + button { 19976 margin-left: 0.75rem; 19977 } 19978`,QR=o.a` 19979 mutation fetchStoreOrders($storeId: ID!) { 19980 fetchStoreOrders(storeId: $storeId) 19981 } 19982`,RR=e=>{let{store:t,refetch:a}=e;const[r,i]=Object(Ee.a)(!1),[o,s]=Object(l.useState)(null),[u,d]=Object(Ee.a)(!1),{currentUser:m}=Object(te.c)(),p=Object(c.U)(m),[g,{loading:A}]=Object(De.c)(QR,{variables:{storeId:null===t||void 0===t?void 0:t.id},skip:!(null===t||void 0===t?void 0:t.id)}),b=Object(l.useCallback)(e=>{s(e),i()},[]),h="Deactivated"===(null===t||void 0===t?void 0:t.status),f=[{content:"Manage",icon:BD.a,onAction:()=>B.a.push(`/${p}/store/edit/${t.id}`)},{content:"Mark as "+(h?"Connected":"Deactivated"),icon:DD.a,onAction:()=>b("markStatus")},{content:"Fetch orders",icon:PR.a,loading:A,onAction:g},{content:"Index Order",icon:cI.a,onAction:()=>b("indexOrder")},{content:"Delete",icon:zl.a,onAction:()=>b("delete")}].filter(Boolean),v={open:r,onClose:i,storeId:null===t||void 0===t?void 0:t.id,store:t,refetch:a,isDeactivated:h},E={delete:n.a.createElement(MR,v),markStatus:n.a.createElement(MD.a,v),indexOrder:n.a.createElement(TD.a,v)},y=n.a.createElement(D.g,{children:"Actions",disclosure:!0,onClick:d});return n.a.createElement(TR,null,n.a.createElement(D.K,{activator:y,onClose:d,active:u},n.a.createElement(D.a,{items:f})),E[o])},FR=o.a` 19983 query stores($filter: StoreFilter) { 19984 stores(filter: $filter) { 19985 total 19986 nodes { 19987 id 19988 title 19989 email 19990 platform 19991 status 19992 suspended 19993 group { 19994 id 19995 name 19996 } 19997 } 19998 } 19999 getAuthEbayURL 20000 } 20001`;o.a` 20002 mutation fetchStoreOrders($storeId: ID!) { 20003 fetchStoreOrders(storeId: $storeId) 20004 } 20005`;class NR extends l.Component{constructor(){super(...arguments),this.state={error:null,active:!1,checked:!1,ebayAuthUrl:"",fetching:null,data:{total:0,nodes:[]},filter:{limit:20,offset:0,platformSelected:["ebay"],status:null,search:null}},this.handleFilterChange=e=>{const{search:t,status:a}=e;this.setState(e=>{if(!Object(C.isEqual)(e.filter.search,t)||!Object(C.isEqual)(e.filter.status,a))return{...e,filter:{...e.filter,search:t,status:a,offset:0}}})},this.handlePaginationChange=(e,t)=>
20005{this.setState(a=>({...a,filter:{...a.filter,offset:e,limit:t}}))}}render(){const{data:e,checked:t,ebayAuthUrl:a}=this.state,{currentUser:l}=this.context;let r=oe.hb.Seller;const i=k.a.get(l,"teamUser.role");[oe.gb.StoreManager].includes(i)&&(r=oe.hb.StoreManager),[oe.gb.MarketplaceManager].includes(i)&&(r=oe.hb.MarketplaceManager);const o=[oe.gb.MarketplaceManager].includes(i);return n.a.createElement(UR,null,n.a.createElement(D.H,{fullWidth:!0,breadcrumbs:o?[]:[{content:"Sales Channels",url:`/${r}/stores`}],title:"All Ebay Accounts",primaryAction:n.a.createElement(D.g,{onClick:()=>{this.setState({active:!0})},size:"medium",primary:!0},"Add Ebay Account")},n.a.createElement(s.b,{onCompleted:e=>{this.setState({data:e.stores,ebayAuthUrl:e.getAuthEbayURL})},variables:{filter:this.state.filter},query:FR,fetchPolicy:"cache-and-network"},t=>{let{_:a,loading:l,error:r,refetch:i}=t;const o=t=>(e.nodes||[]).map(e=>{var a;let l="Connected",r="success";e.status&&e.status.length>0&&(l=e.status),e.platform&&"ebay"===e.platform&&e.suspended&&(l="Suspended",r="critical"),"Deactivated"===e.status&&(l="Deactivated",r="attention");const o=null===e||void 0===e||null===(a=e.group)||void 0===a?void 0:a.name;return[t(e.id),n.a.createElement("div",{className:"id-wrap"},n.a.createElement("span",null,e.id)),n.a.createElement("div",{className:"avatar-container item"},n.a.createElement("div",null,n.a.createElement(D.d,{customer:!0,name:"John Smith"})),n.a.createElement("div",{className:"avatar-right"},n.a.createElement("div",null,e.title),e.email)),n.a.createElement("div",{className:"group-wrap item"},o),n.a.createElement("div",{className:"status-container item"},n.a.createElement(D.g,{size:"slim",plain:!0,icon:n.a.createElement(D.w,{source:wD.a})}),n.a.createElement(D.e,{status:r},l)),n.a.createElement("div",{className:"actions item"},n.a.createElement(RR,{store:e,refetch:i}))]});let{limit:s,offset:c}=this.state.filter;const u=Object(C.get)(e,"total",0),d={page:c/s+1,totalPage:Math.ceil(u/s),offset:c,limit:s,onChange:this.handlePaginationChange,total:u};return n.a.createElement("div",null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(ID.a,{filter:this.state.filter,onChange:this.handleFilterChange})),l?n.a.createElement(Je.SkeletonPagePolaris,null):r?n.a.createElement("div",{style:{marginTop:10}},n.a.createElement(jD.a,{error:r})):n.a.createElement(D.i,null,n.a.createElement(SD.a,{data:e.nodes||[],refetch:i},e=>{let{checkAllMarkup:t,checkItemMarkup:a}=e;return n.a.createElement("div",{className:"table-wrapper"},n.a.createElement(D.n,{columnContentTypes:["text","text","text","text","text","numeric"],headings:[t,"ID","Account","Group","Status","Action"],rows:o(a),hideScrollIndicator:!0,verticalAlign:"middle"}),n.a.createElement(VR,null,n.a.createElement(Ye.PaginationPolaris,{aggregation:d,showTotal:!0})))})))})),n.a.createElement(D.E,{open:this.state.active,onClose:()=>this.setState({active:!1}),title:"Connect Your Ebay Account"},n.a.createElement(LR,null,n.a.createElement(D.E.Section,null,n.a.createElement(D.bb,null,n.a.createElement("h2",null,"Manage and fulfill your eBay orders from all your accounts at once with MerchBridge"),n.a.createElement("div",{className:"image"},n.a.createElement("img",{src:DR.a,alt:""})),n.a.createElement("div",{className:"warning-box"},n.a.createElement("p",null,"Warning: To protect your account from being suspended by eBay, Please:"),n.a.createElement("ul",null,n.a.createElement("li",null,"Read and follow the documentation carefully"),n.a.createElement("li",null,"Only use the Auth eBay Account URL from the PC or VPS of the eBay account that you want to connect"))),n.a.createElement(D.j,{label:"I have read and agreed with the documentation.",checked:t,onChange:e=>{this.setState({checked:e})}}),t&&n.a.createElement(Jd.a,{text:a}))))))}}NR.contextType=te.a;const UR=j.b.div` 20006 margin: -1rem; 20007 @media (min-width: 640px) { 20008 margin: -1.5rem; 20009 } 20010 20011 .table-wrapper { 20012 overflow-x: auto; 20013 .Polaris-DataTable__Cell--header { 20014 white-space: nowrap; 20015 } 20016 20017 .Polaris-DataTable { 20018 .Polaris-DataTable__ScrollContainer { 20019 overflow-x: initial; 20020 -webkit-overflow-scrolling: touch; 20021 } 20022 } 20023 } 20024 20025 .item { 20026 white-space: normal; 20027 word-break: break-word; 20028 } 20029 20030 .Polaris-Page-Header { 20031 padding-top: 0; 20032 } 20033 .avatar-container { 20034 display: flex; 20035 width: 40rem; 20036 20037 .avatar-right { 20038 margin-left: 10px; 20039 } 20040 } 20041 20042 .status-container { 20043 display: flex; 20044 align-items: center; 20045 width: 20rem; 20046 20047 button { 20048 margin-right: 5px; 20049 } 20050 } 20051 .actions { 20052 width: 26rem; 20053 20054 button { 20055 margin-right: 8px; 20056 } 20057 } 20058 20059 .group-wrap, 20060 .id-wrap { 20061 white-space: normal; 20062 width: 20rem; 20063 } 20064 20065 .api-key-wrap { 20066 width: 30rem; 20067 } 20068`,LR=j.b.div` 20069 .image { 20070 display: flex; 20071 justify-content: center; 20072 img { 20073 max-width: 200px; 20074 height: auto; 20075 } 20076 } 20077 .warning-box { 20078 background: rgb(233, 162, 173); 20079 padding: 10px; 20080 } 20081`,VR=j.b.div` 20082 padding: 1.6rem; 20083 overflow-x: scroll; 20084 background: var(--p-surface-subdued, #f4f6f8); 20085`;var zR=NR;const qR=o.a` 20086 query load($id: ID!) { 20087 fulfillments { 20088 id 20089 name 20090 slug 20091 }
20092 switchFulfillmentById(id: $id) { 20093 id 20094 title 20095 usingShippingOption 20096 shippingOptionConfigs 20097 productBase { 20098 id 20099 name 20100 variants { 20101 id 20102 name 20103 } 20104 } 20105 fulfillment { 20106 id 20107 name 20108 slug 20109 } 20110 orderSource 20111 items { 20112 id 20113 orderSource 20114 variant { 20115 id 20116 name 20117 } 20118 targetProductBase { 20119 id 20120 name 20121 } 20122 targetFulfillment { 20123 id 20124 name 20125 slug 20126 } 20127 targetVariant { 20128 id 20129 name 20130 } 20131 } 20132 } 20133 } 20134`,HR=o.a` 20135 mutation updateSwitchFulfillment( 20136 $id: ID! 20137 $input: CreateSwitchFulfillmentInput! 20138 ) { 20139 updateSwitchFulfillment(id: $id, input: $input) { 20140 id 20141 title 20142 } 20143 } 20144`;var $R=()=>{const{id:e}=Object(O.i)(),[t,a]=Object(l.useState)([]),[r,i]=Object(l.useState)(!0),[o,s]=Object(l.useState)(""),[u,d]=Object(l.useState)({}),{data:m,loading:p}=Object(De.d)(qR,{variables:{id:e},fetchPolicy:"no-cache"}),[g,A]=Object(l.useState)(null),b=Object(l.useRef)(!1),[h,f]=Object(l.useState)({usingShippingOption:!1,shippingOptionConfigs:new Map}),[v,E]=Object(l.useState)(["nil"]),[y,{loading:k}]=Object(De.c)(HR,{onCompleted:()=>{B.a.push("/seller/fulfillment/switch")},onError:e=>{A(Object(c.ib)(e.toString()))}}),j=m&&m.switchFulfillmentById?m.switchFulfillmentById:{},w=j&&j.items?j.items.map(e=>({variantId:e.variant.id,targetFulfillmentId:e.targetFulfillment?e.targetFulfillment.id:null,targetProductBaseId:e.targetProductBase.id,targetVariantId:e.targetVariant.id,orderSource:e.orderSource})):[];Object(l.useEffect)(()=>{m&&s(m.switchFulfillmentById.title);let e=null===m||void 0===m?void 0:m.switchFulfillmentById;(null===e||void 0===e?void 0:e.orderSource)&&E(e.orderSource)},[m]),Object(l.useEffect)(()=>{if(0===Object.keys(j).length||b.current)return;const{usingShippingOption:e,shippingOptionConfigs:t}=j;let a=new Map;Array.isArray(t)&&t.length>0&&(a=new Map(t.map(e=>{let{originFulfillmentID:t,targetFulfillmentID:a,mappingOptions:l}=e,n=new Map;const r=Object(TB.c)(t,a);return Array.isArray(l)&&l.length>0&&(n=new Map(l.map(e=>{let{originShippingMethod:t,targetShippingMethod:a}=e;return[t,{targetShippingMethod:a,originShippingMethod:t}]}))),[r,{originFulfillmentID:t,targetFulfillmentID:a,mappingOptions:n}]}))),f(t=>({...t,usingShippingOption:e,shippingOptionConfigs:a})),b.current=!0},[j]);const S=[];if("object"===typeof h.shippingOptionConfigs)for(let l of h.shippingOptionConfigs.values()){const{mappingOptions:e,...t}=l||{},a=[];if("object"===typeof e)for(let l of e.values())a.push(l);a.length>0&&S.push({...t,mappingOptions:a})}const I=Object(l.useCallback)(()=>{if(!o)return void d({title:"Title is required"});if(_B(t))return void A("Only keep one setting per target variant");A(null);const e=t.map(e=>{let{orderSource:t,...a}=e;return t&&0!==t.length&&"nil"!==t[0]?{...a,orderSource:t}:{...a,orderSource:void 0}});
20144y({variables:{id:j.id,input:{title:o,productBaseId:j.productBase.id,fulfillmentId:j.fulfillment?j.fulfillment.id:null,items:e,orderSource:(null===v||void 0===v?void 0:v.length)&&"nil"===v[0]?null:v,usingShippingOption:h.usingShippingOption,shippingOptionConfigs:h.usingShippingOption&&(null===S||void 0===S?void 0:S.length)>0?S:void 0}}})},[j,o,t,v,h,S,y]);return p?n.a.createElement(D.X,{accessibilityLabel:"Loading",size:"small",color:"teal"}):n.a.createElement("div",null,n.a.createElement(D.H,{fullWidth:!0,primaryAction:n.a.createElement(D.g,{disabled:r,primary:!0,loading:k,onClick:I},"Save"),breadcrumbs:[{content:"Switch Fulfillment",url:"/seller/fulfillment/"}],title:"Switch Fulfillment"},n.a.createElement("div",{style:{marginBottom:20}},n.a.createElement(D.i,{title:"Update Switch Fulfillment",sectioned:!0},n.a.createElement(D.cb,{error:!!Object(C.get)(u,"title",null),value:o,helpText:n.a.createElement(D.x,{message:Object(C.get)(u,"title","")}),onChange:e=>s(e),label:"Switch Title",type:"text"}),n.a.createElement("div",{style:{marginTop:"1.6rem"}},n.a.createElement(PB,{value:v,onChange:e=>{i(!1),E(()=>[...e])}})))),n.a.createElement(SB.a,{shippingOption:h,setShippingOption:f,fulfillment:(null===j||void 0===j?void 0:j.fulfillment)||{},allFulfillment:m&&m.fulfillments?m.fulfillments:[],orderSource:v},n.a.createElement(qB,{onChange:e=>{a(e);let t=!0;for(let a=0;a<e.length;a++){const l=e[a];if(!l.variantId||!l.targetProductBaseId||!l.targetVariantId){t=!1;break}}i(!t)},allFulfillment:m&&m.fulfillments?m.fulfillments:[],value:w,title:j.title,productBase:j.productBase,fulfillment:j.fulfillment})),g&&n.a.createElement(D.fb,{error:!0,content:g,onDismiss:()=>{A(null)}})))},_R=a(371);a(363);const GR=e=>{const{data:t,onChange:a,value:r}=e,[i,o]=Object(l.useState)(""),[s,c]=Object(l.useState)([]),[u,d]=Object(l.useState)([]),[m,p]=Object(l.useState)([]),g=Object(l.useRef)(null),[A,b]=Object(l.useState)(!1);Object(l.useEffect)(()=>{g.current&&clearTimeout(g.current),b(!0),t&&(g.current=setTimeout(()=>{p(t),d(t),b(!1),c(r?[r.value]:[]),o(r?r.search:null)},1e3))},[t,r]);const h=Object(l.useCallback)(e=>{if(o(e),""===e)return void p(u);const t=new RegExp(e,"i"),a=u.filter(e=>{let a=k.a.get(e,"label.props.children");return Array.isArray(a)&&(a=a.join("")),a.match(t)});p(a)},[u]),f=Object(l.useCallback)(e=>{c(e);let t=u&&u.length>0?u.filter(t=>e.includes(t.value)).map(e=>{let t=k.a.get(e,"label.props.children",null);return Array.isArray(t)&&(t=t.join("")),{value:e.value,label:t}}):[];a&&a({value:t&&t.length?t[0].value:null,label:t&&t.length?t[0].label:null})},[u]),v=n.a.createElement(D.c.TextField,{label:"Accounts",labelHidden:!0,value:i,onChange:h,placeholder:"Select store",autoFocus:!1});return n.a.createElement(n.a.Fragment,null,A?n.a.createElement(D.X,{size:"small"}):n.a.createElement(D.c,{options:m,onSelect:f,selected:s,textField:v,id:"account-select"}))},KR=e=>{let{options:t,value:a,onChange:r}=e;const i=Object(l.useCallback)(e=>{let a=(null===t||void 0===t?void 0:t.length)>0?t.find(t=>e.includes(t.value)):null;a&&r&&r({value:a.value,label:a.label})},[t]);return n.a.createElement(D.k,{selected:a.value,choices:t,onChange:i})},JR=j.b.p` 20145 flex: auto; 20146 overflow: hidden; 20147 white-space: nowrap; 20148 text-overflow: ellipsis; 20149`,YR=[{value:!1,label:"False"},{value:!0,label:"True"}],WR=o.a` 20150 query productBasesForSeller($filter: ProductBaseFilter) { 20151 productBasesForSeller(filter: $filter) { 20152 total 20153 nodes { 20154 id 20155 title 20156 } 20157 } 20158 } 20159`,ZR=e=>{const{onChange:t,filter:a}=e,[r,i]=Object(l.useState)(a.search),[o,s]=Object(l.useState)([]),[u,d]=Object(l.useState)({value:a.productBaseId,label:null,search:null}),[m,p]=Object(l.useState)({value:a.collectionId,label:null,search:null}),[g,A]=Object(l.useState)({value:a.tagId,label:null,search:null}),[b,h]=Object(l.useState)({value:a.storeId,label:null,search:null}),[f,v]=Object(l.useState)([]),[E,y]=Object(l.useState)([]),[O,j]=Object(l.useState)([]),w=Object(l.useRef)(null),[S,I]=Object(l.useState)({value:[!1],label:"False"}),{data:B,loading:P,error:x}=Object(De.d)(WR,{variables:{filter:{limit:20,offset:0,search:u.search}}}),{data:M,loading:T,error:Q}=Object(De.d)(Av.LIST_COLLECTION,{variables:{filter:{search:m.search,limit:20,offset:0}}}),{data:R,loading:F,error:N}=Object(De.d)(bv.TAGS,{variables:{filter:{search:g.search,limit:20,offset:0}}}),{data:U}=Object(De.d)(my,{variables:{filter:{limit:1e3,offset:0,platformSelected:["amazon"]}}});Object(l.useEffect)(()=>{let e=(t=B,(Object(C.get)(t,"productBasesForSeller.nodes")||[]).map(e=>e?{value:e.id,label:e.title}
20159:null).filter(Boolean));var t;s(e)},[B]),Object(l.useEffect)(()=>{var e;const t=(null===M||void 0===M||null===(e=M.collections)||void 0===e?void 0:e.nodes)||[];if(t.length>0){let e=Object(c.z)(t);y(e)}},[M]),Object(l.useEffect)(()=>{var e;const t=(null===R||void 0===R||null===(e=R.tags)||void 0===e?void 0:e.nodes)||[];if(t.length>0){let e=Object(c.z)(t);j(e)}},[R]),Object(l.useEffect)(()=>{var e,t;let a=[],l=(null===U||void 0===U||null===(e=U.stores)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?U.stores.nodes.map(e=>({value:e.id,label:n.a.createElement(JR,null,e.title," ",e.email?`(${e.email})`:"")})):[];a=[...a,...l],v(a)},[U]),Object(l.useEffect)(()=>{const{productBaseId:e,collectionId:t,tagId:l,storeId:n}=a;if(e){let t=o&&o.length>0?o.find(t=>t.value===e):null;t&&d(e=>({...e,value:t.value,label:t.label}))}if(t){let e=E&&E.length>0?E.find(e=>e.value===t):null;e&&p(t=>({...t,value:e.value,label:e.label}))}if(l){let e=O&&O.length>0?O.find(e=>e.value===l):null;e&&A(t=>({...t,value:e.value,label:e.label}))}if(n){let e=f&&f.length>0?f.find(e=>e.value===n):null,t=e?k.a.get(e,"label.props.children",null):null;k.a.isArray(t)&&(t=t.join("")),e&&h(a=>({...a,value:e.value,label:t}))}},[a,o,E,O,f]),Object(l.useEffect)(()=>{if(w.current&&clearTimeout(w.current),t){let e=Array.isArray(S.value)?S.value[0]:S.value;w.current=setTimeout(()=>{t({search:r?r.trim():r,productBaseId:u.value,collectionId:m.value,tagId:g.value,storeId:b.value,onlyRecreateMockup:e})},300)}},[u.value,m.value,g.value,b.value,r,S]);Object(l.useCallback)(e=>{let t=[];const a=function(e){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";e.forEach(e=>{let n={label:l&&""!==l?l+" "+e.name:e.name,value:e.id};t.push(n),e&&e.children&&e.children.length>0&&a(e.children,l+"--")})};return a(e,""),t},[]);const L=Object(l.useCallback)(e=>i(e),[]),V=Object(l.useCallback)(()=>i(""),[]),z=Object(l.useCallback)(()=>d({value:null,label:null}),[]),q=Object(l.useCallback)(()=>p({value:null,label:null}),[]),H=Object(l.useCallback)(()=>A({value:null,label:null}),[]),$=Object(l.useCallback)(()=>h({value:null,label:null}),[]),_=Object(l.useCallback)(()=>I({value:[!1],label:"False"}),[]),G=Object(l.useCallback)(()=>{V(),z(),q(),H(),$(),_()},[V,z,q,H,$,_]),K=[{key:"productBase",label:"Product bases",filter:n.a.createElement(ba.a,{value:u,options:o&&o.length>0?o:[],error:x,loading:P,onChangeSearch:e=>d(t=>({...t,search:e})),onChange:e=>{let{value:t,label:a}=e;return d(e=>({...e,value:t,label:a}))}})},{key:"stores",label:"Stores",filter:n.a.createElement(GR,{data:f&&f.length>0?f:[],value:b,onChange:e=>{let{value:t,label:a}=e;return h(e=>({...e,value:t,label:a}))}})},{key:"collections",label:"Collections",filter:n.a.createElement(ba.a,{options:E,value:m,loading:T,error:Q,onChangeSearch:e=>p(t=>({...t,search:e})),onChange:e=>{let{value:t,label:a}=e;return p(e=>({...e,value:t,label:a}))}})},{key:"tags",label:"Tags",filter:n.a.createElement(ba.a,{options:O,value:g,loading:F,error:N,onChangeSearch:e=>A(t=>({...t,search:e})),onChange:e=>{let{value:t,label:a}=e;return A(e=>({...e,value:t,label:a}))}})},{key:"onlyRM",label:"Only Recreate Mockup",filter:n.a.createElement(KR,{options:YR,value:S,onChange:e=>{let{value:t,label:a}=e;I(e=>({...e,value:[t],label:a}))}})}],J=[];if(!Object(c.tb)(u.label)){const e="productBase";J.push({key:e,label:Y(e,u.label),onRemove:z})}if(!Object(c.tb)(b.label)){const e="stores";J.push({key:e,label:Y(e,b.label),onRemove:$})}if(!Object(c.tb)(m.label)){const e="collections";J.push({key:e,label:Y(e,m.label),onRemove:q})}if(!Object(c.tb)(g.label)){const e="tags";J.push({key:e,label:Y(e,g.label),onRemove:H})}if(null!=S){const e="onlyRM";J.push({key:e,label:Y(e,S.label),onRemove:_})}return n.a.createElement(D.r,{filters:K,appliedFilters:J,queryValue:r,queryPlaceholder:"Filter product division",onQueryChange:L,onQueryClear:V,onClearAll:G});function Y(e,t){switch(e){case"productBase":return"Product base: "+t;case"stores":return"Store: "+t;case"collections":return"Collection: "+(t?Object(c.E)([t]):"");case"tags":return"Tag: "+(t?Object(c.E)([t]):"");case"onlyRM":return"Only Recreate Mockup: "+t;default:return t}}};const XR=j.b.div` 20160 width: 220px; 20161 display: flex; 20162 flex-wrap: wrap; 20163`,eF=j.b.div` 20164 display: flex; 20165 align-items: center; 20166 position: relative; 20167 cursor: pointer; 20168 z-index: 1; 20169 transform: ${e=>e.index?`translateX(-${e.index%5*12}px)`:"translateX(0px)"}; 20170 .Polaris-Avatar { 20171 border: 2px solid #fff; 20172 width: calc(4rem + 4px); 20173 } 20174 .tolltip { 20175 visibility: hidden; 20176 background-color: black; 20177 color: #fff; 20178 text-align: center; 20179 border-radius: 6px; 20180 padding: 5px 8px; 20181 position: absolute; 20182 top: 100%; 20183 left: 50%; 20184 transform: translateX(-50%); 20185 } 20186 &:hover { 20187 z-index: 2; 20188 .tolltip { 20189 visibility: visible; 20190 } 20191 } 20192`,tF=e=>{const{stores:t}=e;return n.a.createElement(XR,null,t&&t.length>0?t.map((e,t)=>{let a=e.title&&e.title.trim();return a||(a="M"),n.a.createElement(eF,{key:t,index:t},n.a.createElement(D.d,{initials:a.charAt(0)}),n.a.createElement("span",{className:"tolltip"},e.title))}):null)},aF=j.b.div` 20193 overflow-x: auto; 20194 20195 .Polaris-DataTable__ScrollContainer { 20196 overflow-x: inherit; 20197 } 20198 .title-wrap { 20199 width: calc(25rem - 3.2rem); 20200 } 20201 .pbTitle-wrap { 20202 width: calc(55rem - 3.2rem); 20203 white-space: break-spaces; 20204 } 20205 20206 .stores-wrap, 20207 .total-wrap, 20208 .status-wrap, 20209 .action-wrap { 20210 width: calc(18rem - 3.2rem); 20211 } 20212 20213 .Polaris-DataTable__TableRow { 20214 &:last-child { 20215 .stores-wrap { 20216 padding-bottom: 2rem; 20217 } 20218 } 20219 } 20220`,lF=j.b.div` 20221 padding: 1.6rem; 20222 background: var(--p-surface-subdued, #ebeef1); 20223 text-align: center; 20224 border-radius: var(--p-border-radius-wide, 3px); 20225 width: 100%; 20226 border-top-right-radius: 0; 20227 border-top-left-radius: 0; 20228 overflow-x: scroll; 20229`,nF=e=>{const{data:t,filter:a,setFilter:r,currentParam:i}=e,[o,s]=Object(l.useState)([]);Object(l.useEffect)(()=>{let e=t&&t.listProductDivision&&t.listProductDivision.nodes&&t.listProductDivision.nodes.length>0?t.listProductDivision.nodes.map(e=>{let t=e.productBases&&e.productBases.length>0?e.productBases.map(e=>e.title).join(", "):"",a=e.total,l=e.totalUsed;a||(a=0),l||(l=0);let r=e.status,o=null;return r&&"Done"!==r||(r="Done",o="success"),"Processing"===r&&(o="attention"),[n.a.createElement("div",{className:"title-wrap"},n.a.createElement("span",null,e.title)),n.a.createElement("div",{className:"pbTitle-wrap"},n.a.createElement("span",null,t)),n.a.createElement("div",{className:"stores-wrap"},n.a.createElement(tF,{stores:e.stores?e.stores:[]})),n.a.createElement("div",{className:"total-wrap"},n.a.createElement("span",null,l,"/",a)),n.a.createElement("div",{className:"status-wrap"},n.a.createElement(D.e,{status:o,children:r})),n.a.createElement("div",{className:"action-wrap"},n.a.createElement(D.g,{plain:!0,children:"Edit",onClick:()=>B.a.push(`/${i}/product-divisions/edit/${e.id}`)}))]}):[];s(e)},[t]);let{limit:c,offset:u}=a;const d=k.a.get(t,"listProductDivision.total",0),m={page:u/c+1,totalPage:Math.ceil(d/c),offset:u,limit:c,onChange:r,total:d};return n.a.createElement(l.Fragment,null,n.a.createElement(aF,null,n.a.createElement(D.n,{columnContentTypes:["text","text","text","text","text","numeric"],headings:["Title","Product base","Account","Total products","Status","Action"],rows:o,verticalAlign:"middle",hide
20229ScrollIndicator:!0})),n.a.createElement(lF,null,n.a.createElement(Ye.PaginationPolaris,{aggregation:m,showTotal:!0})))},rF=o.a` 20230 query listProductDivision($filter: DivisionFilter) { 20231 listProductDivision(filter: $filter) { 20232 total 20233 nodes { 20234 id 20235 title 20236 productBases { 20237 id 20238 title 20239 } 20240 stores { 20241 id 20242 title 20243 domain 20244 email 20245 platform 20246 } 20247 total 20248 totalUsed 20249 status 20250 } 20251 } 20252 } 20253`,iF=[...oe.n,"productBaseId","storeId","tagId","collectionId"],oF=e=>{const{currentParam:t,path:a}=e,r=Object(l.useMemo)(()=>Object(c.Bb)(a),[a]),i=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=20),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,iF)}return e},[r]),[o,s]=Object(l.useState)({limit:Number(Object(c.M)("perPageDivisions"))||20,offset:0,search:null,productBaseId:null,storeId:null,tagId:null,collectionId:null,onlyRecreateMockup:!1,...i}),{data:u,loading:d,error:m}=Object(De.d)(rF,{variables:{filter:o},fetchPolicy:"cache-and-network"});Object(l.useEffect)(()=>{let{offset:e,limit:t,onlyRecreateMockup:a,...l}=o,n=null,r=Object(c.o)(t,e);n=Object(c.l)({limit:t,paged:r,...l}),B.a.push(`${B.a.location.pathname}?${n}`)},[o]);const p=d&&n.a.createElement(D.D,null);return m?n.a.createElement("div",null,"Error: ",Object(c.ib)(m.toString())):n.a.createElement(n.a.Fragment,null,p,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(ZR,{filter:o,onChange:e=>{let{search:t,productBaseId:a,collectionId:l,tagId:n,storeId:r,onlyRecreateMockup:i}=e;return s(e=>(k.a.isEqual(e.search,t)&&k.a.isEqual(e.productBaseId,a)&&k.a.isEqual(e.collectionId,l)&&k.a.isEqual(e.tagId,n)&&k.a.isEqual(e.storeId,r)&&k.a.isEqual(e.onlyRecreateMockup,i)||(e.offset=0),{...e,search:t,productBaseId:a,collectionId:l,tagId:n,storeId:r,onlyRecreateMockup:i}))}})),n.a.createElement(D.i,null,d?n.a.createElement(Je.SkeletonPagePolaris,null):u&&u.listProductDivision&&u.listProductDivision.nodes&&u.listProductDivision.nodes.length>0?n.a.createElement(nF,{data:u,filter:o,currentParam:t,setFilter:(e,t)=>{s(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageDivisions",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null)))};var sF=a(250);const cF={limit:20,offset:0,teamRoles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager,oe.gb.Supporter]},uF=o.a` 20254 query productBasesForSeller($filter: ProductBaseFilter) { 20255 productBasesForSeller(filter: $filter) { 20256 total 20257 nodes { 20258 id 20259 title 20260 } 20261 } 20262 } 20263`,dF=e=>{var t;let{onChange:a,filter:r}=e;const i=Object(l.useRef)(null),[o,s]=Object(l.useState)(r.search),[u,d]=Object(l.useState)([]),[m,p]=Object(l.useState)({value:(null===(t=r.authorIds)||void 0===t?void 0:t.length)>0?r.authorIds:[],label:null,search:null}),[g,A]=Object(l.useState)([]),[b,h]=Object(l.useState)({value:r.productBaseIds?r.productBaseIds:[],label:[],search:null}),[f,v]=Object(l.useState)([]),[E,y]=Object(l.useState)({value:r.divisionIds?r.divisionIds:[],label:[],search:null}),[k,O]=Object(l.useState)({range:null,rangeLabel:null}),{currentUser:j}=Object(l.useContext)(te.a),{loading:w,error:S}=Object(De.d)(hv,{onCompleted:e=>{M(e)},onError:()=>{},variables:{filter:{...cF,search:m.search}}}),{loading:I,error:B}=Object(De.d)(uF,{onCompleted:e=>{T(e)},onError:()=>{},variables:{filter:{limit:20,offset:0,search:b.search}}}),{loading:P,error:x}=Object(De.d)(rF,{variables:{filter:{limit:20,offset:0,search:E.search}},onCompleted:e=>{Q(e)},onError:()=>{}}),M=Object(l.useCallback)(e=>{var t,a;let l=(null===e||void 0===e||null===(t=e.teamMembers)||void 0===t||null===(a=t.hits)||void 0===a?void 0:a.length)>0?e.teamMembers.hits.map(e=>{if(!e||!e.user)return null;const t=e.user;return{value:t.id,label:`${t.firstName} ${t.lastName}`}}).filter(Boolean):[];l=l.filter(Boolean);let n={};j&&(n={value:null===j||void 0===j?void 0:j.id,label:`${null===j||void 0===j?void 0:j.firstName} ${j.lastName}`}),l.find(e=>[e.value].includes(null===j||void 0===j?void 0:j.id))||(l=[n,...l]),d(l)},[]),T=Object(l.useCallback)(e=>{let t=function(e){return(Object(C.get)(e,"productBasesForSeller.nodes")||[]).map(e=>e?{value:e.id,label:e.title}
20263:null).filter(Boolean)}(e);A(t)},[]),Q=Object(l.useCallback)(e=>{var t,a;let l=(null===e||void 0===e||null===(t=e.listProductDivision)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?e.listProductDivision.nodes.map(e=>({value:e.id,label:e.title})):[];v(l)},[]),R=Object(l.useCallback)(e=>s(e),[]),F=Object(l.useCallback)(()=>s(null),[]),N=Object(l.useCallback)(()=>p(()=>({value:null,label:null,search:null})),[]),U=Object(l.useCallback)(()=>h(()=>({value:[],label:[],search:null})),[]),L=Object(l.useCallback)(()=>y(()=>({value:[],label:[],search:null})),[]),V=Object(l.useCallback)(()=>O(()=>({range:null,rangeLabel:null})),[]),z=Object(l.useCallback)(()=>{F(),N(),U(),L(),V()},[F,N,U,L,V]);Object(l.useEffect)(()=>{let e=null===r||void 0===r?void 0:r.authorIds;if(null===e||void 0===e?void 0:e.length){let t=(null===u||void 0===u?void 0:u.length)>0?u.find(t=>e.includes(t.value)):null;t&&p(e=>({...e,value:t.value,label:t.label}))}let t=null===r||void 0===r?void 0:r.productBaseIds;if(null===t||void 0===t?void 0:t.length){let e=(null===g||void 0===g?void 0:g.length)>0?g.filter(e=>t.includes(e.value)):[];e.length&&h(t=>({...t,value:e.map(e=>e.value),label:e.map(e=>e.label)}))}let a=null===r||void 0===r?void 0:r.divisionIds;if(null===a||void 0===a?void 0:a.length){let e=(null===f||void 0===f?void 0:f.length)>0?f.filter(e=>a.includes(e.value)):[];e.length&&y(t=>({...t,value:e.map(e=>e.value),label:e.map(e=>e.label)}))}},[r,u,g,f]),Object(l.useEffect)(()=>{var e;i.current&&clearTimeout(i.current);let t=k.range,l=(null===(e=m.value)||void 0===e?void 0:e.length)>0?[m.value]:null;i.current=setTimeout(()=>{var e,n;a&&a({search:o?o.trim():o,authorIds:l,productBaseIds:(null===b||void 0===b||null===(e=b.value)||void 0===e?void 0:e.length)>0?b.value:null,divisionIds:(null===E||void 0===E||null===(n=E.value)||void 0===n?void 0:n.length)>0?E.value:null,range:t})},300)},[o,m,b,E,k]);const q=[{key:"author",label:"Authors",filter:n.a.createElement(ba.a,{value:m,options:u,loading:w,error:S,onChange:e=>{let{value:t,label:a}=e;return p(e=>({...e,value:t,label:a}))},onChangeSearch:e=>p(t=>({...t,search:e}))})},{key:"productBase",label:"Product bases",filter:n.a.createElement(Ji.a,{options:g,value:b,loading:I,error:B,onChange:e=>{let{value:t,label:a}=e;return h(e=>({...e,value:t||[],label:a}))},onChangeSearch:e=>h(t=>({...t,search:e}))})},{key:"division",label:"Product divisions",filter:n.a.createElement(Ji.a,{options:f,value:E,loading:P,erorr:x,onChange:e=>{let{value:t,label:a}=e;return y(e=>({...e,value:t,label:a}))},onChangeSearch:e=>y(t=>({...t,search:e}))})},{key:"filter-time",label:"Filter time by",filter:n.a.createElement(sF.a,{options:Aa.a,filterTime:k,onChangeRange:(e,t)=>{O(a=>({...a,range:e,rangeLabel:t}))}})}],H=[];if(!Object(c.tb)(m.label)){const e="author";H.push({key:e,label:$(e,m.label),onRemove:N})}if(b.label.length){const e="productBase";H.push({key:e,label:$(e,b.label),onRemove:U})}if(E.label.length){const e="division";H.push({key:e,label:$(e,E.label),onRemove:L})}if(!Object(c.tb)(k.rangeLabel)&&k.range){const e="filter-time";H.push({key:e,label:$(e,k.rangeLabel),onRemove:V})}return n.a.createElement(D.r,{filters:q,appliedFilters:H,queryPlaceholder:"Filter file",queryValue:o,onQueryChange:R,onClearAll:z,onQueryClear:F});function $(e,t){switch(e){case"author":return"Author: "+t;case"productBase":return"Product bases: "+(t&&t.length>0?t.join(", "):"");case"division":return"Product divisions: "+(t&&t.length>0?t.join(", "):"");case"filter-time":return"Time: "+t;default:return t}}};const mF=j.b.div` 20264 padding-top: 0.6rem; 20265 .actions_wrap { 20266 display: flex; 20267 justify-content: flex-end; 20268 column-gap: 1.5rem; 20269 } 20270 .Polaris-DataTable__Footer { 20271 overflow-x: scroll; 20272 } 20273 .file-name_wrap { 20274 width: calc(25rem - 3.2rem); 20275 white-space: break-spaces; 20276 } 20277 .created-by_wrap { 20278 width: calc(20rem - 3.2rem); 20279 white-space: break-spaces; 20280 } 20281 .created-at_wrap { 20282 width: calc(25rem - 3.2rem); 20283 white-space: break-spaces; 20284 } 20285 .divisions_wrap { 20286 width: calc(20rem - 3.2rem); 20287 white-space: break-spaces; 20288 } 20289 .product-total_wrap { 20290 width: calc(10rem - 3.2rem); 20291 white-space: break-spaces; 20292 } 20293`,pF=e=>{const{data:t,filter:a,setFilter:r}=e,[i,o]=Object(l.useState)([]);Object(l.useEffect)(()=>{let a=t&&t.amazonExports&&t.amazonExports.nodes&&t.amazonExports.nodes.length>0?t.amazonExports.nodes.map(t=>{let a=null===t||void 0===t?void 0:t.createdBy,l=a?`${a.firstName} ${a.lastName}`:"",r=null===t||void 0===t?void 0:t.createdAt;r&&(r=Zr()(r).format("LLL"));let i=null===t||void 0===t?void 0:t.divisions,o=(null===i||void 0===i?void 0:i.length)>0?i.map(e=>e.title).join(", "):null,s=null===t||void 0===t?void 0:t.totalProducts;return[n.a.createElement("div",{className:"file-name_wrap"},n.a.createElement("span",null,t.title)),n.a.createElement("div",{className:"created-by_wrap"},n.a.createElement("p",null,l)),n.a.createElement("div",{className:"created-at_wrap"},n.a.createElement("span",null,r)),n.a.createElement("div",{className:"divisions_wrap"},n.a.createElement("span",null,o)),n.a.createElement("div",{className:"product-total_wrap"},n.a.createElement("span",null,s)),n.a.createElement("div",{className:"actions_wrap"},n.a.createElement(nv,Object.assign({item:t},e)))]}):[];o(a)},[t]);let{limit:s,offset:c}=a;const u=Object(C.get)(t,"amazonExports.total",0),d={page:c/s+1,totalPage:Math.ceil(u/s),offset:c,limit:s,onChange:r,total:u};
20293return n.a.createElement(mF,null,n.a.createElement(D.n,{columnContentTypes:["text","text","text","text","text","numeric"],headings:["File name","Created by","Created at","Product divisions","Product total","Actions"],rows:i,verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:d,showTotal:!0})}))},gF=j.b.div``,AF=o.a` 20294 query amazonExports($filter: AmazonExportFilter) { 20295 amazonExports(filter: $filter) { 20296 total 20297 nodes { 20298 id 20299 title 20300 totalProducts 20301 divisions { 20302 id 20303 title 20304 } 20305 createdAt 20306 createdBy { 20307 firstName 20308 lastName 20309 id 20310 } 20311 } 20312 } 20313 } 20314`,bF=["authorIds","productBaseIds","divisionIds"],hF=[...oe.n,...bF],fF=e=>{const{currentParam:t,path:a}=e,r=Object(l.useMemo)(()=>Object(c.Bb)(a),[a]),i=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){for(let a=0;a<bF.length;a++){let t=bF[a];e[t]&&(e[t]=e[t].split(","))}let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,hF)}return e},[r]),[o,s]=Object(l.useState)({limit:Number(Object(c.M)("perPageExportAmazon"))||20,offset:0,search:null,authorIds:null,productBaseIds:null,divisionIds:null,range:null,...i}),[u,d]=Object(l.useState)({message:null,isError:!1}),[m,p]=Object(l.useState)(!1),{data:g,loading:A,error:b}=Object(De.d)(AF,{variables:{filter:o},fetchPolicy:"cache-and-network"}),h=Object(l.useCallback)(()=>p(e=>!e),[]);Object(l.useEffect)(()=>{let{offset:e,limit:t,range:a,...l}=o,n=Object(c.o)(t,e),r=null;r=Object(c.l)({limit:t,paged:n,...l}),B.a.push(`${B.a.location.pathname}?${r}`)},[o]);const f=m?u&&u.message&&n.a.createElement(D.fb,{content:u.message,error:u.isError,duration:2e3,onDismiss:h}):null;return n.a.createElement(gF,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(dF,{filter:o,onChange:e=>{let{search:t,authorIds:a,productBaseIds:l,divisionIds:n,range:r}=e;s(e=>Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.authorIds,a)&&Object(C.isEqual)(e.productBaseIds,l)&&Object(C.isEqual)(e.divisionIds,n)&&Object(C.isEqual)(e.range,r)?e:{...e,search:t,authorIds:a,productBaseIds:l,divisionIds:n,range:r,offset:0})}})),n.a.createElement(D.i,null,f,A?n.a.createElement(Je.SkeletonPagePolaris,null):b?n.a.createElement("div",null,"Error: ",Object(c.ib)(b.toString())):g&&g.amazonExports&&g.amazonExports.nodes&&g.amazonExports.nodes.length>0?n.a.createElement(pF,{currentParam:t,data:g,filter:o,setNotification:d,toggleActive:h,setFilter:(e,t)=>{s(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageExportAmazon",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null)))},vF=j.b.div` 20315 margin: -1rem; 20316 @media (min-width: 640px) { 20317 margin: -1.5rem; 20318 } 20319`,EF=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const r=Object(l.useMemo)(()=>Object(c.W)(t),[t]),{currentUser:i}=Object(l.useContext)(te.a),o=Object(C.get)(i,"roles",[]),s=Object(C.get)(i,"teamUser.role",null);let u=[oe.gb.Admin,oe.gb.StoreManager,oe.gb.MarketplaceManager],d=!1,m=oe.hb.Seller;return o.includes(oe.pb.Seller)&&([oe.gb.MarketplaceManager].includes(s)&&(m=oe.hb.MarketplaceManager),[oe.pb.StoreManager].includes(s)&&(m=oe.hb.StoreManager),u.includes(s)&&(d=!0)),d?n.a.createElement(vF,null,n.a.createElement(D.H,{title:"All Amazon Export Files",fullWidth:!0,breadcrumbs:[{content:"Products",url:`/${m}/products`}],primaryAction:{content:"New Export",url:`/${m}/export-amazon/add`}},n.a.createElement(fF,{currentParam:m,path:r}))):null},yF=j.b.div` 20320 .id-wrap { 20321 width: calc(20rem - 3.2rem); 20322 white-space: normal; 20323 word-break: break-word; 20324 } 20325 .origin-id-wrap { 20326 width: calc(30rem - 3.2rem); 20327 white-space: normal; 20328 word-break: break-word; 20329 } 20330 .status-wrap { 20331 width: calc(20rem - 3.2rem); 20332 white-space: normal; 20333 word-break: break-word; 20334 } 20335 .store-wrap { 20336 width: calc(20rem - 3.2rem); 20337 white-space: normal; 20338 word-break: break-word; 20339 } 20340 20341 .Polaris-DataTable__Footer { 20342 overflow-x: scroll; 20343 } 20344`;var CF=e=>{let{data:t,filter:a,handlePagination:l}=e;const[r,i]=n.a.useState([]);n.a.useEffect(()=>{var e,a;let l=(null===t||void 0===t||null===(e=t.getOrderExportConfirmShipmentToDayV2)||void 0===e||null===(a=e.nodes)||void 0===a?void 0:a.length)>0?t.getOrderExportConfirmShipmentToDayV2.nodes.map(e=>{var t,a,l,r;let i=null===e||void 0===e?void 0:e.status,o=null===e||void 0===e||null===(t=e.order)||void 0===t?void 0:t.id,s=null===e||void 0===e||null===(a=e.order)||void 0===a?void 0:a.originId,c=null===e||void 0===e||null===(l=e.order)||void 0===l||null===(r=l.store)||void 0===r?void 0:r.title;return[n.a.createElement("div",{className:"id-wrap"},n.a.createElement("span",null,o)),n.a.createElement("div",{className:"origin-id-wrap"},n.a.createElement("span",null,s)),n.a.createElement("div",{className:"status-wrap"},n.a.createElement("span",null,i)),n.a.createElement("div",{className:"store-wrap"},n.a.createElement("span",null,c))]}):[];i(l)},[t]);const{limit:o,paged:s}=a,c=ce()(t,"getOrderExportConfirmShipmentToDayV2.total",0),u={page:s,limit:o,offset:(s-1)*o,total:c,totalPage:Math.ceil(c/o),onChange:l};return n.a.createElement(yF,null,n.a.createElement(D.n,{rows:r,columnContentTypes:["text","text","text","text"],headings:["Order ID","Order Origin ID","Status","Store"],hideScrollIndicator:!0,verticalAlign:"middle",footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:u,showTotal:!0})}))};const kF=[{value:"All",label:"All"},{value:"Yes",label:"Yes"},{value:"No",label:"No"}],OF={Yes:!0,No:!1},jF=e=>{let{filter:t,onChange:a}=e;const[r,i]=Object(l.useState)([]),[o,s]=Object(l.useState)(t.search||""),[u,d]=Object(l.useState)({value:null,label:null,search:null}),m=null===t||void 0===t?void 0:t.isToday,[p,g]=Object(l.useState)({value:null,label:null}),A=Object(l.useRef)(),b=Object(l.useRef)(null),{data:h,loading:f}=Object(De.d)(I.mb,{variables:{filter:{limit:20,offset:0,platformSelected:["amazon"],search:u.search}}});Object(l.useEffect)(()=>{let e=null===t||void 0===t?void 0:t.storeId;if(e){let t=(null===r||void 0===r?void 0:r.length)>0?r.find(t=>
20344t.id===e):null;if(t){let{value:e,label:a}=t;d({value:e,label:a})}}},[t.storeId,r]),Object(l.useEffect)(()=>{if(null==m)return;let e={value:"Yes",label:"Yes"};!0!==m&&(e={value:"No",label:"No"}),g(e)},[m]),Object(l.useEffect)(()=>{A.current&&clearTimeout(A.current);const e=function(e,t){const a=Object(C.get)(e,"value");return void 0===t[a]?null:t[a]}(p,OF);a&&(A.current=setTimeout(()=>{a({storeId:u.value,search:(o||"").trim(),isToday:e})},500))},[u,o,p.value]),Object(l.useEffect)(()=>{var e,t;let a=(null===h||void 0===h||null===(e=h.stores)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?h.stores.nodes.map(e=>({value:e.id,label:e.title})):[];i(a)},[h]);const v=Object(l.useCallback)(e=>{s(e)},[]),E=Object(l.useCallback)(()=>{s("")},[]),y=Object(l.useCallback)(()=>g({value:null,label:null}),[]),k=Object(l.useCallback)(()=>d({value:null,label:null}),[]),O=Object(l.useCallback)(()=>{k(),E(),y()},[k,E,y]),j=Object(l.useCallback)(e=>{b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{d(t=>({...t,search:e}))},500)},[]),w=[{key:"stores",label:"Stores",filter:n.a.createElement(ba.a,{options:r,value:u,onChangeSearch:j,loading:f,onChange:e=>{let{value:t,label:a}=e;d(e=>({...e,value:t,label:a}))}})},{key:"isToday",label:"Ship late today",filter:n.a.createElement(Mi.a,{value:p.value,options:kF,onChange:e=>{let{value:t,label:a}=e;return g(e=>({...e,value:t,label:a}))}})}],S=[];if(!Object(c.tb)(u.label)){const e="stores";S.push({key:e,label:B(e,u.label),onRemove:k})}if(!Object(c.tb)(p.label)){const e="isToday";S.push({key:e,label:B(e,p.label),onRemove:y})}return n.a.createElement(D.r,{queryValue:o,onQueryChange:v,onQueryClear:E,queryPlaceholder:"Search ...",filters:w,appliedFilters:S,onClearAll:O});function B(e,t){switch(e){case"stores":return"Store: "+t;case"isToday":return"Ship late today: "+t;default:return t}}};o.a` 20345 query getOrderExportConfirmShipmentToDay( 20346 $limit: Int 20347 $paged: Int 20348 $storeId: ID 20349 ) { 20350 getOrderExportConfirmShipmentToDay( 20351 limit: $limit 20352 paged: $paged 20353 storeId: $storeId 20354 ) { 20355 total 20356 nodes { 20357 status 20358 order { 20359 id 20360 originId 20361 store { 20362 id 20363 title 20364 } 20365 } 20366 } 20367 } 20368 } 20369`;var wF=e=>{var t,a;let{handleBtnDisabeld:l,handleFilterChange:r,filter:i,handlePagination:o}=e;const{data:s,loading:u,error:d}=Object(De.d)(I.R,{variables:{filter:i},fetchPolicy:"no-cache"}),m=u&&n.a.createElement(D.D,null);return n.a.useEffect(()=>{var e,t;let a=(null===s||void 0===s||null===(e=s.getOrderExportConfirmShipmentToDayV2)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0;if(l&&(null===i||void 0===i?void 0:i.storeId)){let e=!a;const t=Object(c.M)(BF+i.storeId);t&&parseInt(t)>(new Date).getTime()&&(e=!0),l(e)}},[s,null===i||void 0===i?void 0:i.storeId]),n.a.createElement(n.a.Fragment,null,m,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(jF,{filter:i,onChange:r})),n.a.createElement(D.i,null,u?n.a.createElement(Je.SkeletonPagePolaris,null):d?n.a.createElement("div",null,"Error: ",Object(c.ib)(d.toString())):(null===s||void 0===s||null===(t=s.getOrderExportConfirmShipmentToDayV2)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(CF,{data:s,filter:i,handlePagination:o}):n.a.createElement(We.EmptyStatePolaris,null)))};o.a` 20370 mutation amazonExportConfirmShipment($storeId: ID!) { 20371 amazonExportConfirmShipment(storeId: $storeId) 20372 } 20373`;const SF=j.b.div` 20374 margin: -1rem; 20375 @media (min-width: 640px) { 20376 margin: -1.5rem; 20377 } 20378`,IF=[...oe.n,"storeId","isToday"],BF="click_export_tracking",DF=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const{currentUser:l}=Object(te.c)(),r=Object(c.U)(l),i=Object(c.ub)(l),o=n.a.useMemo(()=>Object(c.W)(t),[t]),s=n.a.useMemo(()=>Object(c.Bb)(o),[o]),u=n.a.useMemo(()=>{let e={...Object(c.m)(B.a.location.search)},t=e.limit;if(t=Number(t),t||(t=20),e.limit=t,e.paged&&(e.paged=parseInt(e.paged)),e.isToday)try{e.isToday=Boolean(JSON.parse(e.isToday))}catch(a){console.error("error while parse isToday")}return e=Object(c.Jb)(e,IF),e},[s]),[d,m]=n.a.useState(!1),[p,g]=n.a.useState({message:null,error:!1}),[A,b]=n.a.useState(!0),[h,f]=n.a.useState({limit:Number(Object(c.M)("perPageExportTracking"))||20,paged:1,storeId:null,isToday:!i||null,...u}),[v,{loading:E}]=Object(De.c)(Jt.l,{onCompleted:e=>{(null===e||void 0===e?void 0:e.amazonExportConfirmShipmentV2)&&B.a.push(`/${r}/export-tracking-history`),g({message:"Export tracking successfully.",error:!1})},onError:e=>{g({message:Object(c.ib)(e.toString()),error:!0})}});n.a.useEffect(()=>{let{paged:e,limit:t,...a}=h,l=null;l=Object(c.l)({limit:t,paged:e,...a}),B.a.push(`${B.a.location.pathname}?${l}`)},[h]),n.a.useEffect(()=>{h.storeId||b(!0)}
20378,[h]);const y=n.a.useCallback(()=>m(e=>!e),[]),k=n.a.useCallback(()=>{y();let e=null===h||void 0===h?void 0:h.storeId;if(e){const t=(new Date).getTime()+6e5;Object(c.Nb)(BF+e,t,1)}v({variables:{filter:{storeId:e,limit:i?void 0:h.limit,paged:i?void 0:h.paged,isToday:h.isToday,originIds:h.originIds}}})},[h,i]);n.a.useEffect(()=>{if(null===h||void 0===h?void 0:h.storeId){const e=Object(c.M)(BF+h.storeId);e&&parseInt(e)>(new Date).getTime()&&b(!0)}},[null===h||void 0===h?void 0:h.storeId]);const O=n.a.useCallback(e=>b(e),[]),j=n.a.useCallback(e=>{let{storeId:t,isToday:a,search:l}=e,n=(l||"").split(/[\t\s]+/).filter(Boolean),r={};n.length>0?r.originIds=n:r.originIds=void 0,f(e=>Object(C.isEqual)(t,e.storeId)&&Object(C.isEqual)(a,e.isToday)&&Object(C.isEqual)(r.originIds,e.originIds)?e:{...e,...r,storeId:t,isToday:a,paged:1})},[]),w=d&&p.message&&n.a.createElement(D.fb,{content:p.message,error:p.error,onDismiss:y,duration:1500}),S=n.a.useCallback((e,t)=>{const a=e/t+1;f(e=>Object(C.isEqual)(e.limit,t)?Object(C.isEqual)(e.paged,a)?e:{...e,paged:a}:{...e,limit:t,paged:1}),Object(c.Nb)("perPageExportTracking",t,100)},[]);return n.a.createElement(SF,null,w,n.a.createElement(D.H,{title:"Export Trackings",fullWidth:!0,primaryAction:{content:"Export Tracking",onAction:k,loading:E,disabled:A||!h.storeId}},n.a.createElement(wF,{handleBtnDisabeld:O,handleFilterChange:j,filter:h,handlePagination:S})))},PF=n.a.createContext({filter:null,toastActive:!1,toggleToast:()=>{},notify:null,setNotify:()=>{}});function xF(e){let{value:t,toggleOpen:a,open:l}=e;const r=null===t||void 0===t?void 0:t.id,{toggleToast:i,setNotify:o,filter:s}=n.a.useContext(PF),[u,{loading:d,client:m}]=Object(De.c)(Jt.zb,{onCompleted:()=>{o&&o({msg:"Delete account successfully.",err:!1}),a&&a(),p()},onError:e=>{o&&o({msg:Object(c.ib)(e.toString()),err:!0})}}),p=n.a.useCallback(()=>{if(null!=r){const e={filter:s},t=m.readQuery({query:I.mb,variables:e});m.writeQuery({query:I.mb,variables:e,data:{...t,stores:{...t.stores,total:t.stores.total-1,nodes:[...t.stores.nodes].filter(e=>e.id!==r)}}})}},[r,m,s]),g=n.a.useCallback(()=>{null!=r&&(i&&i(!0),o&&o({msg:null,err:!1}),u({variables:{id:r}}))},[u,r,i,o]);return n.a.createElement(D.E,{title:"Delete account",open:l,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:g,loading:d}},n.a.createElement("p",null,"Are you sure to delete this account?"))}function MF(e){let{value:t,toggleOpen:a,open:l}=e;const r=null===t||void 0===t?void 0:t.id,i=null===t||void 0===t?void 0:t.suspended,o=null===t||void 0===t?void 0:t.email,s=i?"Unmark checkpointed":"Mark checkpointed",{toggleToast:u,setNotify:d}=n.a.useContext(PF),[m,{loading:p}]=Object(De.c)(Jt.mc,{onCompleted:()=>{d&&d({msg:s+" for account successfully.",err:!1}),a&&a()},onError:e=>{d&&d({msg:Object(c.ib)(e.toString()),err:!0})}}),g=n.a.useCallback(()=>{null!=r&&(u&&u(!0),d&&d({msg:null,err:!1}),m({variables:{emailStore:o,isCheckpoint:!i}}))},[m,r,o,i,u,d]);return n.a.createElement(D.E,{title:s,open:l,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:g,loading:p}},n.a.createElement("p",null,"Are you sure to ",s," for this account?"))}function TF(e){let{value:t,refetch:a}=e;const{currentUser:l}=n.a.useContext(te.a),r=(null===l||void 0===l?void 0:l.roles)||[],i=(null===l||void 0===l?void 0:l.teamUser.role)||null,o=r.includes(oe.pb.Seller),s=o&&[oe.gb.StoreManager].includes(i),c=o&&[oe.gb.MarketplaceManager].includes(i),[u,{loading:d}]=Object(De.c)(Jt.cd);let m=oe.hb.Seller;s&&(m=oe.hb.StoreManager),c&&(m=oe.hb.MarketplaceManager);const p=null===t||void 0===t?void 0:t.id,g=Object(O.g)(),[A,b]=Object(Ee.a)(!1),[h,f]=Object(Ee.a)(!1),[v,E]=n.a.useState(null),y=n.a.useCallback(e=>{f(!0),E(e)},[f,p]),C="Deactivated"===(null===t||void 0===t?void 0:t.status),k=n.a.useMemo(()=>[{content:"Edit",icon:BD.a,onAction:()=>g.push(`/${m}/stores/fb-marketplace/edit/${p}`)},{content:"Re-gen API Key",loading:d,icon:PR.a,onAction:()=>y("reGen")},{content:"Mark as "+(C?"Connected":"Deactivated"),icon:DD.a,onAction:()=>y("markStatus")},{content:"Delete",destructive:!0,icon:zl.a,onAction:()=>y("delete")}],[y,m,g,p,d]),j=n.a.createElement(D.g,{children:"Actions",onClick:b,disclosure:!0}),w={open:h,toggleOpen:f,onClose:f,value:t,isDeactivated:C,value:t,storeId:null===t||void 0===t?void 0:t.id,refetch:a},S={delete:n.a.createElement(xF,w),mark:n.a.createElement(MF,w),markStatus:n.a.createElement(MD.a,w),reGen:n.a.createElement(xD.a,{open:h,onClose:f,storeId:null===t||void 0===t?void 0:t.id,refetch:a})};return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.K,{active:A,onClose:b,activator:j},n.a.createElement(D.a,{items:k})),S[v])}var QF=a(472);const RF=j.b.div` 20379 overflow-x: auto; 20380 overflow-y: hidden; 20381 20382 .Polaris-DataTable__ScrollContainer { 20383 overflow-x: initial; 20384 } 20385 20386 .avatar-container { 20387 min-width: calc(30rem - 3.2rem); 20388 white-space: normal; 20389 word-break: break-word; 20390 display: flex; 20391 flex-direction: row; 20392 column-gap: 1.5rem; 20393 } 20394 20395 .Polaris-DataTable__TableRow { 20396 &:last-child { 20397 .stores-wrap { 20398 padding-bottom: 2rem; 20399 } 20400 } 20401 } 20402 20403 .id-wrap { 20404 white-space: normal; 20405 width: 20rem; 20406 } 20407`,FF=j.b.div` 20408 padding: 1.6rem; 20409 overflow-x: scroll; 20410 background: var(--p-surface-subdued, #f4f6f8); 20411`,NF={Connected:"success",Suspended:"critical",Checkpointed:"attention",Deactivated:"attention"};function UF(e){let{data:t,filter:a,setFilter:l,isStoreManager:r,userId:i,refetch:o}=e;const[s,c]=n.a.useState([]),{isMobile:u}=Object(te.c)(),{checkAllMarkup:d,checkItemMarkup:m}=Object(SD.b)();n.a.useEffect(()=>{var e;const a=(null===t||void 0===t||null===(e=t.value)||void 0===e?void 0:e.length)>0?t.value.filter(Boolean).map(e=>{const{title:t,email:a,group:l,apiKey:s,status:c,facebookUid:d}=e,p=null===l||void 0===l?void 0:l.name;let g=e.owners;r&&(g=g.filter(e=>e.user&&e.user.id===i));const A=n.a.createElement("div",{className:"actions"},n.a.createElement(TF,{value:e,refetch:o}));let b=[m(e.id),n.a.createElement("div",{className:"id-wrap"}
20411,n.a.createElement("span",null,e.id)),n.a.createElement("div",{className:"avatar-container"},n.a.createElement("div",null,n.a.createElement(D.d,{customer:!0,name:"John Smith"})),n.a.createElement("div",{className:"avatar-right"},n.a.createElement("div",null,t),a)),n.a.createElement("div",{className:"stores-wrap"},n.a.createElement(QF.a,{owners:g})),n.a.createElement("div",{className:"facebook-uid-wrap"},n.a.createElement("span",null,d)),n.a.createElement("div",{className:"group-wrap"},p),n.a.createElement("div",null,n.a.createElement(Jd.a,{text:s})),n.a.createElement("div",{className:"status-container"},n.a.createElement(D.e,{status:NF[c]},c)),n.a.createElement("div",{className:"note-wrap"},n.a.createElement("span",null,e.note))];return u||b.push(A),b}):[];c(a)},[t,u,r,i,o,m]);let{limit:p,offset:g}=a;const A=Object(C.get)(t,"total",0),b={page:g/p+1,totalPage:Math.ceil(A/p),offset:g,limit:p,onChange:l,total:A};let h=[d,"ID","Account","Owners","Facebook UID","Group","API Key","Status","Note"],f=new Array(h.length).fill("text");return u||(h.push("Actions"),f.push("numeric")),n.a.createElement(n.a.Fragment,null,n.a.createElement(RF,null,n.a.createElement(D.n,{rows:s,columnContentTypes:f,headings:h,verticalAlign:"middle",hideScrollIndicator:!0})),n.a.createElement(FF,null,n.a.createElement(Ye.PaginationPolaris,{aggregation:b,showTotal:!0})))}const LF=j.b.div` 20412 margin: -1rem; 20413 @media (min-width: 640px) { 20414 margin: -1.5rem; 20415 } 20416`;function VF(){var e,t,a,r;const{currentUser:i}=Object(te.c)(),{isStoreManager:o,isMarketplaceManager:s}=Object(c.j)(i),u=Object(c.U)(i),d=null===i||void 0===i?void 0:i.id,[m,p]=Object(l.useState)({limit:20,offset:0,platformSelected:[oe.O],search:null,status:null,seller:null}),[g,A]=Object(Ee.a)(!1),[b,h]=Object(l.useState)({msg:null,err:!1}),{data:f,loading:v,error:E,refetch:y}=Object(De.d)(I.mb,{variables:{filter:m},fetchPolicy:"cache-and-network"}),C=Object(l.useCallback)(e=>{let{search:t,status:a,seller:l}=e;p(e=>md()(e.search,t)&&md()(e.status,a)&&md()(e.seller,l)?e:{...e,search:t,status:a,seller:l,offset:0})},[]),k=Object(l.useCallback)((e,t)=>{p(a=>({...a,offset:e,limit:t}))},[]),O=v&&n.a.createElement(D.D,null),j=g&&b.msg&&n.a.createElement(D.fb,{content:b.msg,error:b.err,duration:1500,onDismiss:A}),w={filter:m,toggleToast:A,setNotify:h},S={value:null===f||void 0===f||null===(e=f.stores)||void 0===e?void 0:e.nodes,total:null===f||void 0===f||null===(t=f.stores)||void 0===t?void 0:t.total},B=o?"Create FB Marketplace Account":"Add Marketplace Account";return n.a.createElement(LF,null,O,j,n.a.createElement(PF.Provider,{value:w},n.a.createElement(D.H,{title:"Facebook Marketplace",fullWidth:!0,breadcrumbs:[{content:"Sales Channels",url:`/${u}/stores`}],primaryAction:{content:B,url:`/${u}/stores/fb-marketplace/add`}},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(ID.a,{filter:m,isMarketPlaceM:s,onChange:C})),n.a.createElement(D.i,null,v?n.a.createElement(Je.SkeletonPagePolaris,null):E?n.a.createElement("div",null,"Error: ",Object(c.ib)(E.toString())):(null===f||void 0===f||null===(a=f.stores)||void 0===a||null===(r=a.nodes)||void 0===r?void 0:r.length)>0?n.a.createElement(SD.a,{data:f.stores.nodes||[],refetch:y,isChildNode:!0},n.a.createElement(UF,{data:S,filter:m,userId:d,isStoreManager:o,setFilter:k,refetch:y})):n.a.createElement(We.EmptyStatePolaris,null)))))}const zF=()=>n.a.createElement(VF,null);var qF=a(757);const HF=o.a` 20417 query apps { 20418 apps { 20419 id 20420 name 20421 slug 20422 description 20423 installUrl 20424 uninstallUrl 20425 installed 20426 settings 20427 } 20428 } 20429`,$F=j.b.div` 20430 margin: -1rem; 20431 @media (min-width: 640px) { 20432 margin: -1.5rem; 20433 } 20434`;var _F=a(372);const GF=j.b.div` 20435 margin: -1rem; 20436 @media (min-width: 640px) { 20437 margin: -1.5rem; 20438 } 20439`,KF=function(){const{currentUser:e}=Object(te.c)(),t=Object(c.U)(e);for(var a=arguments.length,l=new Array(a),r=0;r<a;r++)l[r]=arguments[r];const i=Object(c.W)(l);return n.a.createElement(GF,null,n.a.createElement(D.H,{title:"All Groups",primaryAction:{content:"New Group",url:`/${t}/stores/groups/add`},fullWidth:!0},n.a.createElement(_F.a,{path:i})))},JF=o.a` 20440 mutation reDownloadExportConfirmShipment($id: ID!) { 20441 reDownloadExportConfirmShipment(id: $id) 20442 } 20443`,YF=e=>{let{id:t,labelLinkExport:a,disabled:l,isErrorStatus:r,refetch:i}=e;const[o,s]=Object(Ee.a)(!1),[u,d]=n.a.useState({msg:null,err:!1}),[m,{loading:p}]=Object(De.c)(JF,{onCompleted:e=>{const t=null===e||void 0===e?void 0:e.reDownloadExportConfirmShipment;t?B.a.push("/download/url=?"+t):r&&i&&i(),d({msg:"Download file successfully.",err:!1})},onError:e=>{d({msg:Object(c.ib)(e.toString()),err:!0})}}),g=n.a.useCallback(()=>{t&&(s(!0),m({variables:{id:t}}))},[t]),A=o&&u.msg&&n.a.createElement(D.fb,{content:u.msg,error:u.err,onDismiss:s,duration:1500});return n.a.createElement(n.a.Fragment,null,A,n.a.createElement(D.g,{disabled:l,children:a,onClick:g,plain:!0,loading:p}))},WF=j.b.div``,ZF=e=>{let{data:t,filter:a,setFilter:l,refetch:r}=e;const[i,o]=n.a.useState([]);n.a.useEffect(()=>{var e,a;const l=(null===t||void 0===t||null===(e=t.getListExportConfirmShipment)||void 0===e||null===(a=e.nodes)||void 0===a?void 0:a.length)>0?t.getListExportConfirmShipment.nodes.map(e=>{if(!e)return null;let{createdAt:t,store:a,author:l,id:i,status:o,isExport:s}=e;const c=[null===l||void 0===l?void 0:l.firstName,null===l||void 0===l?void 0:l.lastName].join(" "),u=null===a||void 0===a?void 0:a.title,d=t?Zr()(t).format("YYYY-MM-DD HH:mm:ss"):null,m=o?n.a.createElement(D.e,{children:o,status:{Done:"success",Error:"critical",Processing:"attention"}[o]}):null;let p=!1===s?"Download":"Re-download tracking";const g=o&&"Processing"===o,A="Error"===o;return p=A?"Re-export tracking":p,[n.a.createElement("div",{className:"id-wrap"},n.a.createElement("span",null,i)),n.a.createElement("div",{className:"created-at-wrap"},n.a.createElement("span",null,d)),n.a.createElement("div",{className:"store-wrap"},n.a.createElement("span",null,u)),n.a.createElement("div",{className:"author-wrap"},n.a.createElement("span",null,c)),n.a.createElement("div",{className:"status-wrap"},m),n.a.createElement("div",{className:"actions-wrap"},n.a.createElement(YF,{id:i,labelLinkExport:p,disabled:g,refetch:r,isErrorStatus:A}))]}
20443).filter(Boolean):[];o(l)},[t,r]);let{limit:s,paged:c}=a;const u=Object(C.get)(t,"getListExportConfirmShipment.total",0),d={page:c,totalPage:Math.ceil(u/s),offset:c*s-s,limit:s,onChange:l,total:u};return n.a.createElement(WF,null,n.a.createElement(D.n,{columnContentTypes:["text","text","text","text","text","numeric"],headings:["ID","Created At","Store","Author","Status","Actions"],rows:i,verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:d,showTotal:!0})}))},XF=o.a` 20444 query getListExportConfirmShipment( 20445 $filter: GetListExportConfirmShipmentFilter! 20446 ) { 20447 getListExportConfirmShipment(filter: $filter) { 20448 total 20449 nodes { 20450 id 20451 createdAt 20452 author { 20453 id 20454 firstName 20455 lastName 20456 } 20457 store { 20458 id 20459 title 20460 } 20461 status 20462 reason 20463 isExport 20464 } 20465 } 20466 } 20467`,eN=()=>{var e,t;const{refetch:a}=Object(O.i)(),[l,r]=n.a.useState({limit:20,paged:1,storeId:null,search:""}),{data:i,loading:o,error:s,refetch:u}=Object(De.d)(XF,{variables:{filter:l},fetchPolicy:"no-cache"});n.a.useEffect(()=>{a&&u()},[a,u]);const d=n.a.useCallback(e=>{let{storeId:t,search:a}=e;r(e=>Object(C.isEqual)(e.storeId,t)&&Object(C.isEqual)(e.search,a)?e:{...e,storeId:t,search:a,paged:1})},[]),m=n.a.useCallback((e,t)=>{let a=e/t+1;r(e=>Object(C.isEqual)(t,e.limit)&&Object(C.isEqual)(a,e.paged)?e:{...e,paged:a,limit:t})},[]),p=o&&n.a.createElement(D.D,null);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(jF,{filter:!0,onChange:d})),n.a.createElement(D.i,null,p,o?n.a.createElement(Je.SkeletonPagePolaris,null):s?n.a.createElement("div",null,"Error: ",Object(c.ib)(s.toString())):(null===i||void 0===i||null===(e=i.getListExportConfirmShipment)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?n.a.createElement(ZF,{data:i,filter:l,setFilter:m,refetch:u}):n.a.createElement(We.EmptyStatePolaris,null)))},tN=j.b.div` 20468 margin: -1rem; 20469 @media (min-width: 640px) { 20470 margin: -1.5rem; 20471 } 20472`,aN=()=>n.a.createElement(tN,null,n.a.createElement(D.H,{title:"History Export Tracking",fullWidth:!0},n.a.createElement(eN,null)));function lN(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=Object(c.W)(t),{currentUser:r}=Object(te.c)(),i=Object(c.ub)(r);return i?n.a.createElement(GM,{path:l}):n.a.createElement("p",null,"You don't have privilege to accept this page")}var nN=a(566);const rN=j.b.div` 20473 margin: -1rem; 20474 @media (min-width: 640px) { 20475 margin: -1.5rem; 20476 } 20477`,iN=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const{currentUser:l}=n.a.useContext(te.a);let r=Object(c.U)(l);const i=n.a.useMemo(()=>Object(c.W)(t),[t]);return n.a.createElement(rN,null,n.a.createElement(D.H,{title:"Mapping Orders",fullWidth:!0,breadcrumbs:[{content:"Orders",url:`/${r}/orders`}]},n.a.createElement(nN.b,{path:i})))},oN=n.a.lazy(()=>a.e(86).then(a.bind(null,1799)));function sN(){return n.a.createElement(ud.a,null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(Je.SkeletonPagePolaris,null)},n.a.createElement(oN,null)))}const cN=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=Object(c.W)(t);return n.a.createElement(Zu.b,{role:oe.pb.Seller,ordersFilter:w.m,path:l})};var uN=a(375);const dN={open:!1,act:null,email:"",disabled:!1},mN=e=>{let{ids:t,total:a,filter:l,onCompleted:r}=e;const[i,o]=n.a.useReducer((e,t)=>({...e,...t}),dN),s=n.a.useCallback(e=>()=>{o({open:!i.open,act:e})},[i]),{toggleToast:u,setNotify:d}=Object(Fa.b)(),[m,{loading:p}]=Object(De.c)(Jt.Rc,{onCompleted:e=>{(null===e||void 0===e?void 0:e.reportPlatformSaleStats)&&(d({msg:"Export order stats success",err:!1}),"string"===typeof e.reportPlatformSaleStats&&(window.location.href=e.reportPlatformSaleStats),r&&r())},onError:e=>{d({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),g=n.a.useCallback(()=>{o({open:!1,act:null})},[]),A=n.a.useCallback(e=>{o({email:e})},[]),b=n.a.useCallback(()=>{const{limit:e,offset:a,...n}=l,r=(new Date).getTime()+6e5;Object(c.Nb)("click_export_order_stats",r,1);let s=!1;"limit"===i.act?(n.ids=t,s=Array.isArray(t)&&t.length>0):(n.email=i.email,s=!!i.email),s&&(u&&u(),d({msg:null,err:!1}),m({variables:{input:n}}).finally(()=>{o({initValues:dN})}))},[t,l,i.act,i.email,m,d,u]);return n.a.useEffect(()=>{const e=Object(c.M)("click_export_order_stats");e&&parseInt(e)>(new Date).getTime()&&o({disabled:!0})},[]),n.a.createElement(n.a.Fragment,null,n.a.createElement(D.g,{children:"Export",onClick:s("limit"),disabled:i.disabled,primary:!0}),n.a.createElement("span",{style:{marginLeft:10,display:"inline-block"}},n.a.createElement(D.g,{children:`Select all ${a} items to export`,plain:!0,onClick:s("unlimit"),disabled:i.disabled})),n.a.createElement(D.E,{title:"Export Order Stats",open:i.open,onClose:g,sectioned:!0,primaryAction:{content:"Export",onAction:b,loading:p},secondaryActions:[{content:"Cancel",onAction:g}]},n.a.createElement(D.Y,{vertical:!0},n.a.createElement("p",null,"Are you sure to export order stats?"),"unlimit"===i.act?n.a.createElement(D.cb,{value:i.email,onChange:A,placeholder:"Enter email retrieve message",error:!i.email&&"Email is required."}):null)))};function pN(e){var t;let{filter:a,onChange:l,data:r}=e;const[i,o]=n.a.useState([]),{currentUser:s}=Object(te.c)(),u=Object(c.T)(s),[d,m]=n.a.useState({}),[p,g]=n.a.useState([]),[A,b]=n.a.useState(!1),h=(null===r||void 0===r||null===(t=r.platformSaleStats)||void 0===t?void 0:t.nodes)||[];n.a.useEffect(()=>{if((null===h||void 0===h?void 0:h.length)>0){const e=h.map(e=>{const t=Object(C.get)(e,"product");let a=Object(C.get)(t,"sku",""),l=Object(C.get)(t,"id",""),r=Object(C.get)(t,"title",""),i=Object(C.get)(t,"personalized",""),o=Object(eT.b)(t);
20477const s=(Object(C.get)(e,"topStores")||[]).map((e,t)=>{var a;return n.a.createElement(D.bb,{key:`${e.id}_${t}`},n.a.createElement(D.db,{variation:"strong"},null===e||void 0===e||null===(a=e.store)||void 0===a?void 0:a.title,": "),n.a.createElement(D.db,null,null===e||void 0===e?void 0:e.totalOrders," "))});let c=null;if(t&&t.productBases){c=`${t.productBases.length>1?`/${u}/products/campaign`:`/${u}/products/edit`}/${l}`}const m=Object(C.get)(e,"totalOrders"),p=Object(C.get)(t,"collections");return[n.a.createElement("div",{className:"selection-wrap"},n.a.createElement(D.j,{label:"",checked:!!d[e.productID],onChange:t=>f(e.productID,t)})),n.a.createElement("div",{className:"product-wrap item"},t?n.a.createElement(n.a.Fragment,null,n.a.createElement("div",null,n.a.createElement(ci.default,{files:{files:o},limit:1,width:120,height:120})),n.a.createElement("div",{className:"product-detail item flex-custom"},n.a.createElement(D.B,{children:r,url:c}),i?n.a.createElement(uN.b,{item:t}):null,n.a.createElement("div",null,n.a.createElement(D.e,{children:a})))):null),n.a.createElement("div",{className:"collection-wrap itme"},(p||[]).map(e=>null===e||void 0===e?void 0:e.name).filter(Boolean).map((e,t)=>n.a.createElement(D.e,{key:"collection-"+t},e))),n.a.createElement("div",{className:"item top-orders"},s),n.a.createElement("div",{className:"item total-orders"},n.a.createElement(D.e,{status:"success"},m))]});o(e)}},[h,d]),n.a.useEffect(()=>{let e=[];
20477if(d)for(let[t,a]of Object.entries(d))a&&e.push(t);g(e)},[d]);const f=n.a.useCallback((e,t)=>{let a;m(l=>{let n={...l,[e]:t};return a=Object.values(n).filter(e=>e).length,n}),t?b(!0):0===a&&b(!1)},[p]),v=n.a.useCallback(e=>{if(b(e),e){let e={};for(let t=0;t<h.length;t++)h[t]&&h[t].productID&&(e={...e,[h[t].productID]:!0});m(e)}else m({})},[h]),E=n.a.useCallback(()=>{g(()=>[]),b(!1),m({})},[]),y=Object(C.get)(r,"platformSaleStats.total",0);let{limit:k,offset:O}=a;const j={page:O/k+1,totalPage:Math.ceil(y/k),offset:O,limit:k,onChange:l,total:y};return n.a.createElement(n.a.Fragment,null,n.a.createElement(BC.BulkActions,{idsChecked:p,onClose:()=>v(!1)},n.a.createElement(mN,{ids:p,onCompleted:E,filter:a,total:y})),n.a.createElement(gN,null,n.a.createElement(D.n,{columnContentTypes:["text","text","text","text","text"],headings:[n.a.createElement(D.j,{label:"",checked:A,onChange:v}),"Product Info","Collections","Top Stores","Total Orders"],rows:i,verticalAlign:"middle",hideScrollIndicator:!0})),n.a.createElement(AN,null,n.a.createElement(Ye.PaginationPolaris,{aggregation:j,showTotal:!0})))}const gN=j.b.div` 20478 overflow-x: auto; 20479 .Polaris-DataTable__Cell--header { 20480 white-space: nowrap; 20481 } 20482 20483 .item { 20484 white-space: normal; 20485 word-break: break-word; 20486 } 20487 20488 .product-wrap { 20489 display: flex; 20490 column-gap: 20px; 20491 align-items: center; 20492 width: calc(80rem - 3.2rem); 20493 white-space: normal; 20494 } 20495 20496 .collection-wrap { 20497 width: calc(30rem - 3.2rem); 20498 white-space: normal; 20499 } 20500 20501 .top-orders { 20502 width: calc(45rem - 3.2rem); 20503 white-space: normal; 20504 } 20505 20506 .total-orders { 20507 width: calc(15rem - 3.2rem); 20508 white-space: normal; 20509 } 20510 20511 .Polaris-DataTable { 20512 .Polaris-DataTable__ScrollContainer { 20513 overflow-x: initial; 20514 } 20515 } 20516`,AN=j.b.div` 20517 padding: 1.6rem; 20518 overflow-x: scroll; 20519 background: var(--p-surface-subdued, #f4f6f8); 20520`,bN=n.a.lazy(()=>a.e(100).then(a.bind(null,1800))),hN=[...oe.n,"storeID"];function fN(e){var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,hN)}return e},[i]),[s,u]=n.a.useState({search:"",platform:"amazon",storeID:null,limit:Number(Object(c.M)("perPageOrderStats"))||20,offset:0,...o}),{data:d,loading:m,error:p}=Object(De.d)(I.ac,{variables:{filter:s}}),g=m&&n.a.createElement(D.D,null),A=n.a.useCallback(e=>{let{search:t,storeId:a}=e;return u(e=>(Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.storeID,a)||(e.offset=0),{...e,search:t,storeID:a}))},[]),b=n.a.useCallback((e,t)=>{u(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageOrderStats",t,100)},[]);return n.a.createElement(D.H,{title:"Order Stats",fullWidth:!0},g,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(wg.a,null,n.a.createElement(bN,{filter:s,onChange:A}))),n.a.createElement(D.i,null,m?n.a.createElement(Je.SkeletonPagePolaris,null):n.a.createElement(n.a.Fragment,null,p?n.a.createElement("div",null,"Error: ",Object(c.ib)(p.toString())):(null===d||void 0===d||null===(t=d.platformSaleStats)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(pN,{data:d,onChange:b,filter:s}):n.a.createElement(We.EmptyStatePolaris,null))))}const vN=Object(l.createContext)({});function EN(){return Object(l.useContext)(vN)}const yN=[{value:"image",label:"Image",priority:0,public:!0},{value:"product",label:"Product",priority:5,public:!0},{value:"originDomain",label:"Origin domain",priority:10,public:!0},{value:"niche",label:"Niche",priority:15,public:!0},{value:"source",label:"Source",priority:20,public:!0},{value:"createdAt",label:"Created at",priority:25,public:!0},{value:"author",label:"Author",priority:30,public:!0},{value:"titles",label:"Show Titles",priority:35,public:!0}],CN=e=>n.a.createElement(ZM.a,Object.assign({},e,{options:yN})),kN=o.a` 20521 mutation deleteCrawlItemSelected($id: [ID]!) { 20522 deleteCrawlItemSelected(id: $id) 20523 } 20524`,ON=o.a` 20525 mutation deleteProductCrawlItem($id: ID!) { 20526 deleteProductCrawlItem(id: $id) 20527 } 20528`,jN=e=>{const{open:t,toggleShowModal:a,ids:r,toggleActive:i,onNotificationChange:o,onCompleted:s,deleteOneProduct:u}=e,[d,{loading:m}]=Object(De.c)(kN,{onCompleted:()=>{a(),o&&o({message:"Delete product(s) success.",isError:!1}),s&&s()},onError:e=>{o&&o({message:Object(c.ib)(e.toString()),isError:!0})}}),[p,{loading:g}]=Object(De.c)(ON,{onCompleted:()=>{a(),o&&o({message:"Delete product success.",isError:!1}),s&&s()},onError:e=>{o&&o({message:Object(c.ib)(e.toString()),isError:!0})}}),A=Object(l.useCallback)(()=>{u?p({variables:{id:r}}):d({variables:{id:r}}),i()},[r]);return n.a.createElement(D.E,{open:t,title:`Delete product${u?"":"s"} selected`,onClose:a,sectioned:!0,primaryAction:{content:"Delete",onAction:A,loading:u?g:m},secondaryActions:[{content:"Cancel",onAction:a}]},n.a.createElement("p",null,"Are you sure to delete this product",u?"":"s","?"))},wN=e=>{const{data:t,onChange:a}=e,[r,i]=Object(l.useState)([]),[o,s]=Object(l.useState)(null);return Object(l.useEffect)(()=>{var e,a;const l=(null===t||void 0===t||null===(e=t.fulfillmentConfigs)||void 0===e?void 0:e.length)>0?t.fulfillmentConfigs.map(e=>{let{fulfillmentId:t}=e;return t}):[];let n=(null===t||void 0===t||null===(a=t.fulfillments)||void 0===a?void 0:a.length)>0?t.fulfillments.filter(e=>l.includes(e.id)).map(e=>({value:e.id,label:e.name})):[];n=[{value:null,label:"MerchBridge"},...n],i(n),s(n.length>0?n[0].value:null)},[t]),n.a.createElement(yl.a,{options:r,placeholder:"Filter product base",value:o,onChange:a,label:"Product base",required:!0})},SN=e=>{const{data:t,fulfillmentId:a,onChange:r,error:i}=e,[o,s]=Object(l.useState)([]);return Object(l.useEffect)(()=>{let e=t&&t.productBasesForAssortment&&t.productBasesForAssortment.length>0?t.productBasesForAssortment.filter(e=>{if(a){if(e.fulfillment&&e.fulfillment.fulfillmentId===a)return!0}else if(null===e.fulfillment)return!0;return!1}):[];e=e.filter(Boolean).map(e=>({value:e.id,label:e.title})),s(()=>[...e])},[t,a]),n.a.createElement(yl.a,{options:o,labelHidden:!0,value:null,onChange:r,error:i})};var IN=a(14),BN=a.n(IN);const DN=j.b.div` 20529 display: flex; 20530 flex-wrap: wrap; 20531 row-gap: 1rem; 20532 .item_wrap { 20533 width: 200px; 20534 height: 200px; 20535 position: relative; 20536 .item { 20537 border: 2px solid transparent; 20538 padding: 10px; 20539 border-radius: 3px; 20540 width: 100%; 20541 height: 100%; 20542 &.selected { 20543 border: 2px solid #5b69c4; 20544 + .actions_wrap { 20545 visibility: visible; 20546 } 20547 } 20548 &.overlay { 20549 opacity: 0.2; 20550 } 20551 &:not(.overlay) { 20552 cursor: pointer; 20553 } 20554 img { 20555 display: block; 20556 max-width: 100%; 20557 height: 100%; 20558 width: 100%; 20559 max-height: 100%; 20560 object-fit: cover; 20561 border-radius: 3px; 20562 box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 15px -3px, 20563 rgba(0, 0, 0, 0.1) 0px 4px 6px 2px; 20564 } 20565 } 20566 .actions_wrap { 20567 position: absolute; 20568 top: 12px; 20569 right: 12px; 20570 display: flex; 20571 justify-content: flex-end; 20572 align-items: start; 20573 flex-direction: row; 20574 column-gap: 0.75rem; 20575 visibility: hidden; 20576 .Polaris-Button { 20577 padding: 0.4rem; 20578 min-width: 3rem; 20579 .Polaris-Icon { 20580 height: 1.75rem; 20581 width: 1.75rem; 20582 } 20583 } 20584 } 20585 &:hover { 20586 .actions_wrap { 20587 visibility: visible; 20588 } 20589 } 20590 } 20591`,PN=j.b.div` 20592 position: relative; 20593 .view-origin_wrap { 20594 position: absolute; 20595 top: 0; 20596 left: 0; 20597 right: 0; 20598 bottom: 0; 20599 display: flex; 20600 justify-content: flex-end; 20601 padding-top: 1rem; 20602 padding-right: 1rem; 20603 visibility: hidden; 20604 background: linear-gradient( 20605 180deg, 20606 rgba(33, 43, 54, 0.55), 20607 hsla(0, 0%, 100%, 0) 20608 ); 20609 .view-origin_inner { 20610 display: inline-block; 20611 .Polaris-Icon { 20612 svg { 20613 fill: hsla(0, 0%, 100%, 0.8); 20614 } 20615 } 20616 } 20617 } 20618 &:hover { 20619 .view-origin_wrap { 20620 visibility: visible; 20621 } 20622 } 20623`,xN=e=>{const{images:t,value:a,deleteImgs:r,onChange:i,onChangeDeleteImgs:o}=e,[s,c]=Object(l.useState)(null),[u,d]=Object(l.useState)(!1),[,m]=Object(l.useState)({}),p=Object(l.useCallback)(()=>d(e=>!e),[]),g=Object(l.useCallback)(e=>{m(t=>{let a=[],l={...t,[e]:!t[e]};for(let[e,n]of Object.entries(l))n&&a.push(e);return o&&o(a),l})},[]);return n.a.createElement("div",null,n.a.createElement(al.a,{label:"Main image"}),n.a.createElement(DN,null,t.map((e,t)=>{let l,o;return e.file?l=e.file.thumbnailUrl?e.file.thumbnailUrl:e.file.url:(e.thumbnailUrl||e.url)&&(l=e.thumbnailUrl?e.thumbnailUrl:e.url),e.file?o=e.file.url?e.file.url:e.file.thumbnailUrl:(e.url||e.thumbnailUrl)&&(o=e.url?e.url:e.thumbnailUrl),n.a.createElement(n.a.Fragment,{key:"img-"+t},n.a.createElement("div",{className:"item_wrap"},n.a.createElement("div",{onClick:()=>{r.includes(e.id)||i(e.id)},className:BN()("item",{selected:e.id===a,overlay:r.length&&r.includes(e.id)&&e.id!==a})},n.a.createElement("img",{src:l,alt:""})),n.a.createElement("div",{className:"actions_wrap"},n.a.createElement(D.g,{icon:qP.a,onClick:()=>{c(e.id),p()},size:"slim"}),a&&e.id!==a&&n.a.createElement(D.g,{icon:r.length&&r.includes(e.id)?cI.a:zl.a,onClick:()=>g(e.id),size:"slim"}))),n.a.createElement(D.E,{title:"Image",open:u&&s===e.id,onClose:p,sectioned:!0},n.a.createElement(PN,null,n.a.createElement("img",{style:{width:"100%",height:"auto",objectFit:"cover"},src:o,alt:""}),n.a.createElement("div",{className:"view-origin_wrap"},n.a.createElement("div",{className:"view-origin_inner"},n.a.createElement(jn.a,{href:o},n.a.createElement(D.w,{source:EQ.a})))))))})))},MN=j.b.div` 20624 .design-files { 20625 display: flex; 20626 column-gap: 3rem; 20627 margin-top: 1rem; 20628 margin-left: 1rem; 20629 } 20630 .design-item { 20631 display: flex; 20632 column-gap: 1.6rem; 20633 width: 50%; 20634 .image { 20635 width: 100px; 20636 height: 100px; 20637 object-fit: cover; 20638 } 20639 .design-position { 20640 flex: 1 1; 20641 } 20642 } 20643`,TN=e=>{let{crawlId:t,designUrls:a,designPositions:r,onChange:i}=e;const[o,s]=Object(l.useState)(!1),[c,u]=Object(l.useState)([]),d=Object(l.useCallback)(e=>{let t=e;o||(t=[]),i&&i(t)},[o,i]);Object(l.useEffect)(()=>{var e;let l=(null===(e=r)||void 0===e?void 0:e.length)>1?r[1].value:null,n=(null===a||void 0===a?void 0:a.length)>0?a.map((e,a)=>{let n=e,r=e,i=e.split("||");return i.length>1&&(n=i[0],r=i[1]),{productCrawlItemId:t,thumbnailUrl:n,designUrl:r,designPositionId:0===a?l:null}}):[];u(n),d(n)},[a,t,r,o]);const m=Object(l.useCallback)(e=>s(e),[]);
20643return r=[{value:null,label:"Choose a design position"},...r],n.a.createElement(MN,null,n.a.createElement(D.j,{label:"Using product design files",checked:o,onChange:m}),o&&(null===c||void 0===c?void 0:c.length)>0?n.a.createElement("div",{className:"design-files"},c.map((e,t)=>n.a.createElement("div",{className:"design-item",key:t},n.a.createElement("img",{className:"image",src:(null===e||void 0===e?void 0:e.thumbnailUrl)?e.thumbnailUrl:e.designUrl,alt:"Design file"}),n.a.createElement("div",{className:"design-position"},n.a.createElement(yl.a,{label:"Design position",placeholder:"Filter design position",options:r,value:c[t].designPositionId||null,onChange:e=>{c[t].designPositionId=e,u(()=>[...c]),d([...c])}}))))):null)},QN=o.a` 20644 mutation updateProductCrawlItemTitle( 20645 $id: ID! 20646 $title: String! 20647 $fbTitle: String 20648 $amzTitle: String 20649 ) { 20650 updateProductCrawlItemTitle( 20651 id: $id 20652 title: $title 20653 fbTitle: $fbTitle 20654 amzTitle: $amzTitle 20655 ) 20656 } 20657`,RN=j.b.div` 20658 display: flex; 20659 flex-direction: column; 20660 row-gap: 1rem; 20661 20662 .url_wrap { 20663 margin-top: 2rem; 20664 20665 .Polaris-TextField__Input { 20666 border-right: 0.1rem solid var(--p-border, #c4cdd5); 20667 } 20668 .Polaris-TextField__Suffix { 20669 margin-left: 0.6em; 20670 } 20671 } 20672`,FN=e=>{let{product:t,toggleActive:a,onNotificationChange:l}=e;const r=t.url&&t.url.length>0?t.url:"foo",i=n.a.createElement(jn.a,{href:r},n.a.createElement(D.w,{source:yk.a}));return n.a.createElement(RN,null,n.a.createElement(LN,{value:t},n.a.createElement(qN,{value:t,onNotificationChange:l,toggleActive:a,haveSubmit:!0}),t.url&&t.url.length>0?n.a.createElement("div",{className:"url_wrap"},n.a.createElement(D.cb,{disabled:!0,value:t.url,suffix:i})):null,n.a.createElement(VN,null)))},NN=Object(l.createContext)(null);function UN(){return Object(l.useContext)(NN)}function LN(e){let{children:t,value:a}=e;const[r,i]=Object(Ee.a)(!1),{title:o,fbTitle:s,amzTitle:c}=a,u=[o,s,c].some(e=>!!e)?"Update Titles":"Add Titles",{screenOptions:d}=EN(),m=(d||[]).includes("titles"),p=Object(l.useMemo)(()=>({edit:r,toggleEdit:i,btnLabel:u,showTitles:m}),[r,i,u,m]);return n.a.createElement(NN.Provider,{value:p},t)}function VN(){const{toggleEdit:e,btnLabel:t,showTitles:a}=UN();return a&&n.a.createElement("div",{style:{marginTop:"1.6rem"}},n.a.createElement(D.g,{children:t,size:"slim",onClick:e}))}const zN=Object(l.forwardRef)((function(e,t){let{value:a,haveSubmit:r,onSubmit:i,loading:o}=e;const{edit:s}=UN();let{title:c,fbTitle:u,amzTitle:d,id:m}=a||{};c=HN(c),u=HN(u),d=HN(d);const[p,g]=Object(l.useState)({title:c,fbTitle:u,amzTitle:d}),[A,b]=Object(l.useState)({}),h=Object(l.useCallback)(e=>{let t=null;""===e?t="Product title is required.":e.length>oe.C&&(t=oe.mb),b(e=>({...e,title:t}))},[]),f=Object(l.useCallback)((e,t)=>{"title"===t&&h(e),g(a=>({...a,[t]:e}))},[h]),v=Object(l.useCallback)(()=>{if(null==m)return;const{title:e}=p;h(e);let t=Object.values(A).every(e=>null==e);e&&t&&i&&i({id:m,...p})},[p,A,m,i]);Object(l.useImperativeHandle)(t,()=>({onSubmit:v}));const E=c===p.title&&u===p.fbTitle&&d===p.amzTitle,y=Object(Og.b)(p.title);return n.a.createElement("span",{onClick:e=>e.stopPropagation()},n.a.createElement(D.Y,{spacing:"tight",vertical:!0},!s&&n.a.createElement("div",null,n.a.createElement(D.db,{children:"Origin Title: ",variation:"strong"}),n.a.createElement("span",null,c)),!s&&u&&n.a.createElement("div",null,n.a.createElement(D.db,{children:"FB Title: ",variation:"strong"}),n.a.createElement("span",null,u)),!s&&d&&n.a.createElement("div",null,n.a.createElement(D.db,{children:"AMZ Title: ",variation:"strong"}),n.a.createElement("span",null,d)),n.a.createElement(D.l,{id:"titles-"+m,open:s,transition:{duration:"550ms",timingFunction:"ease"}},n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement(D.cb,{value:p.title,id:"title",onChange:f,placeholder:"Enter origin title",error:A.title,multiline:4,autoFocus:!0,helpText:y,label:n.a.createElement(D.db,{variation:"strong",children:"Origin Title: "})}),n.a.createElement(Og.a,{value:p.fbTitle,onChange:f,id:"fbTitle",multiline:4,maxLength:oe.D.fbTitle,placeholder:"facebook title",label:n.a.createElement(D.db,{variation:"strong",children:"FB Title: "})}),n.a.createElement(Og.a,{value:p.amzTitle,onChange:f,id:"amzTitle",multiline:4,maxLength:oe.D.amzTitle,placeholder:"amazon title",label:n.a.createElement(D.db,{variation:"strong",children:"AMZ Title: "})}),r&&n.a.createElement(D.g,{children:"Submit",primary:!0,disabled:E,onClick:v,size:"slim",loading:o})))))}));function qN(e){let{value:t,onNotificationChange:a,toggleActive:r}=e,{title:i,id:o,amzTitle:s}=t||{};i=HN(i);const{btnLabel:u,toggleEdit:d,showTitles:m}=UN(),{filter:p}=EN(),[g,A]=Object(l.useState)(!1),[b,{client:h}]=Object(De.c)(QN,{onError:e=>{a&&a({message:Object(c.ib)(e.toString()),isError:!0}),A(!1)},onCompleted:()=>{a&&a({message:u+" successfully",isError:!1}),A(!1),d()}}),f=Object(l.useCallback)(e=>{let{title:t,fbTitle:a,amzTitle:l}=e;const n=h.readQuery({query:dU,variables:{filter:p}});h.writeQuery({query:dU,variables:{filter:p},data:{...n,productAssortment:{...n.productAssortment,nodes:n.productAssortment.nodes.map(e=>e.id===o?{...e,title:t,fbTitle:a,amzTitle:l}:e)}}})},[h,p,o]),v=Object(l.useCallback)(async e=>{if(null!=e){if(A(!0),a&&a({message:null,isError:!1}),r&&r(),e.amzTitle&&s!==e.amzTitle){var t;const{data:l}=await h.query({query:I.fb,variables:{title:e.amzTitle,whichField:oe.rb.AmzTitle}});if((null===l||void 0===l||null===(t=l.getProductsByTitle)||void 0===t?void 0:t.total)>0)return a({message:oe.i,isError:!0}),void A(!1)}b({variables:e}).then(()=>{f(e)}).catch(()=>{})}},[f,a,r,b,s]);return m?n.a.createElement(zN,{value:t,onSubmit:v,loading:g,haveSubmit:!0}):n.a.createElement("span",{className:"title",title:i},i)}function HN(e){if(!e)return"";let t=Object(c.B)(e);return t=t.trim(),t}const $N=j.b.div` 20673 display: flex; 20674 flex-direction: column; 20675 justify-content: space-between; 20676 gap-gap: 1rem; 20677 20678 .Polaris-Button--plain.Polaris-Button--iconOnly:focus, 20679 .Polaris-Button--plain.Polaris-Button--iconOnly:active { 20680 background: transparent; 20681 } 20682 20683 .input-field { 20684 display: flex; 20685 width: 100%; 20686 flex-direction: column; 20687 row-gap: 1rem; 20688 } 20689`,_N=e=>{let{currentValue:t,isBulkActions:a,bulkSpecial:r,onCompleted:i,ids:o,detectSubmit:s,handAssign:u=(()=>{}),toggleDetectSubmit:d=(()=>{})}=e;const{id:m,title:p,fbTitle:g,amzTitle:A}=t||{},{filter:b}=Object(l.useContext)(vN),[h,f]=Object(Ee.a)(!p),[v,E]=Object(l.useState)({}),[y,C]=Object(Ee.a)(!1),[k,O]=Object(l.useState)({title:p,fbTitle:g,amzTitle:A}),[j,w]=Object(l.useState)({msg:null,err:!1}),S=Object(l.useRef)(null),[B,{loading:P,client:x}]=Object(De.c)(QN),[M,{loading:T,client:Q}]=Object(De.c)(Jt.w);Object(l.useEffect)(()=>{r&&f(!0)},[r,f]);const R=Object(l.useCallback)(e=>{let t=null;""===e?t="Product title is required.":e.length>
20689oe.C&&(t=oe.mb),E(e=>({...e,title:t}))},[]),F=Object(l.useCallback)((e,t)=>{"title"===t&&R(e),O(a=>({...a,[t]:e}))},[R]),N=Object(l.useCallback)(e=>{let{id:t,title:a,fbTitle:l,amzTitle:n}=e;if(t){const e={filter:b},r=x.readQuery({query:dU,variables:e});x.writeQuery({query:dU,variables:e,data:{...r,productAssortment:{...r.productAssortment,nodes:r.productAssortment.nodes.map(e=>e.id===t?{...e,title:a,fbTitle:l,amzTitle:n}:e)}}})}},[b,x]),U=p===k.title&&g===k.fbTitle&&A===k.amzTitle,L=Object(l.useCallback)(async()=>{if(m&&!U&&k.title){if(C&&C(),d(!1),w&&w({msg:null,err:!1}),k.amzTitle&&A!==k.amzTitle){var e;const{data:t}=await x.query({query:I.fb,variables:{title:k.amzTitle,whichField:oe.rb.AmzTitle}});if((null===t||void 0===t||null===(e=t.getProductsByTitle)||void 0===e?void 0:e.total)>0)return void w({msg:oe.i,err:!0})}B({variables:{id:m,...k}}).then(()=>{w&&w({msg:"Update title successfully.",err:!1}),f(),N({id:m,...k}),u()}).catch(e=>{w&&w({msg:Object(c.ib)(e.toString()),err:!0})})}else u(),d(!1)},[m,k,U,x,A,u,d,N,f,C,B]),V=Object(l.useCallback)(e=>{let{ids:t,title:a,fbTitle:l,amzTitle:n}=e;if(t.length>0){const e={filter:b},r=x.readQuery({query:dU,variables:e});x.writeQuery({query:dU,variables:e,data:{...r,productAssortment:{...r.productAssortment,nodes:r.productAssortment.nodes.map(e=>t.includes(e.id)?{...e,title:a,fbTitle:l,amzTitle:n}:e)}}})}},[Q,b,x]),z=Object(l.useCallback)(async()=>{if(o.length>0&&!U&&k.title){if(C&&C(),d(!1),w&&w({msg:null,err:!1}),k.amzTitle&&A!==k.amzTitle){var e;const{data:t}=await x.query({query:I.fb,variables:{title:k.amzTitle,whichField:oe.rb.AmzTitle}});if((null===t||void 0===t||null===(e=t.getProductsByTitle)||void 0===e?void 0:e.total)>0)return void w({msg:oe.i,err:!0})}M({variables:{ids:o,...k}}).then(()=>{w&&w({msg:"Update title for list item successfully.",err:!1}),f(),V({ids:o,...k}),u(),S.current&&clearTimeout(S.current),S.current=setTimeout(()=>{i&&i()},1500)}).catch(e=>{w&&w({msg:Object(c.ib)(e.toString()),err:!0})})}else u(),d(!1)},[o,k,U,x,A,i,u,f,C,d,M,V]);Object(l.useEffect)(()=>{if(s){(a?z:L)()}},[s,a,z,L]);const q=a?T:P,H=y&&j.msg&&n.a.createElement(D.fb,{content:j.msg,error:j.err,onDismiss:C,duration:3e3}),$=a?z:L;return n.a.createElement($N,null,H,n.a.createElement("div",{onClick:e=>e.stopPropagation(),style:{width:"100%"}},n.a.createElement(D.Y,{spacing:"tight",vertical:!0},!h&&n.a.createElement("div",null,n.a.createElement(D.db,{children:"Origin Title: ",variation:"strong"}),n.a.createElement("span",null,a?k.title:p)),!h&&(g||k.fbTitle)&&n.a.createElement("div",null,n.a.createElement(D.db,{children:"FB Title: ",variation:"strong"}),n.a.createElement("span",null,a?k.fbTitle:g)),!h&&(A||k.amzTitle)&&n.a.createElement("div",null,n.a.createElement(D.db,{children:"AMZ Title: ",variation:"strong"}),n.a.createElement("span",null,a?k.amzTitle:A)),n.a.createElement(D.l,{id:"assign-template-titles-"+m,open:h,transition:{duration:"550ms",timingFunction:"ease"}},n.a.createElement(D.Y,{vertical:!0,spacing:"tight",distribution:"fill"},n.a.createElement(D.cb,{value:k.title,id:"title",onChange:F,placeholder:"Enter origin title",error:v.title,multiline:4,autoFocus:!0,label:n.a.createElement(D.db,{variation:"strong",children:"Origin Title: "})}),n.a.createElement(Og.a,{value:k.fbTitle,onChange:F,id:"fbTitle",multiline:4,maxLength:oe.D.fbTitle,placeholder:"facebook title",label:n.a.createElement(D.db,{variation:"strong",children:"FB Title: "})}),n.a.createElement(Og.a,{value:k.amzTitle,onChange:F,id:"amzTitle",multiline:4,maxLength:oe.D.amzTitle,placeholder:"amazon title",label:n.a.createElement(D.db,{variation:"strong",children:"AMZ Title: "})}),r&&n.a.createElement(D.g,{children:"Submit",primary:!0,disabled:U,onClick:$,size:"slim",loading:q}))))),!r&&n.a.createElement("div",{style:{marginTop:"1.6rem"}},n.a.createElement(D.g,{children:"Update Titles",onClick:f,size:"slim"})))},GN=o.a` 20690 query productBasesForAssortment { 20691 fulfillments { 20692 id 20693 name 20694 } 20695 fulfillmentConfigs { 20696 id 20697 fulfillmentId 20698 } 20699 productBasesForAssortment { 20700 id 20701 title 20702 fulfillment { 20703 fulfillmentId 20704 productId 20705 } 20706 designPositions { 20707 id 20708 name 20709 } 20710 } 20711 } 20712`,KN=o.a` 20713 mutation assignProduct($input: NewAssignProduct!) { 20714 assignProduct(input: $input) { 20715 products { 20716 id 20717 title 20718 sku 20719 description 20720 designStatus 20721 personalized 20722 status 20723 productBases { 20724 id 20725 title 20726 } 20727 images { 20728 id 20729 productBaseId 20730 file { 20731 id 20732 url 20733 thumbnailUrl 20734 } 20735 } 20736 tags { 20737 id 20738 name 20739 } 20740 collections { 20741 id 20742 name 20743 } 20744 fields { 20745 id 20746 title 20747 name 20748 type 20749 extraFee 20750 configure 20751 sorting 20752 } 20753 } 20754 success 20755 failed 20756 } 20757 } 20758`,JN=j.b.div` 20759 .product-base_wrap { 20760 padding-top: 2.4rem; 20761 } 20762 .title_wrap { 20763 span.title-content { 20764 opacity: 0.8; 20765 } 20766 } 20767`,YN="MerchKing",WN=e=>{var t;const{ids:a,currentChecked:r,toggleActive:i,onNotificationChange:o,onCompleted:s,toggleShowModal:u,currentValue:d,bulkActions:m,dataCheckeds:p}=e,{currentUser:g}=Object(te.c)(),{teamUser:A}=g||{},{team:b}=A||{},{id:h}=b||{},{data:f,loading:v}=Object(De.d)(GN),[E,y]=Object(l.useState)(null),[k,O]=Object(l.useState)(null),[j,w]=Object(l.useState)(oe.Q===h?["hGypw"]:[]),[S,I]=Object(l.useState)([]),[B,P]=Object(l.useState)(null),[x,M]=Object(l.useState)([]),[T,Q]=Object(l.useState)(!1),[R,F]=Object(l.useState)([]),[N,U]=Object(l.useState)([]),[L,V]=Object(l.useState)([]),[z,q]=Object(l.useState)([]),[H,$]=Object(Ee.a)(!1),[_,G]=Object(l.useState)({pBase:null,collections:null,tags:null}),[K,{loading:J}]=Object(De.c)(KN,{onError:e=>{o&&o({message:Object(c.ib)(e.toString()),isError:!0}),$(!1)},onCompleted:e=>{u(),o&&o({message:`Total ${e.assignProduct.success} items assigned success.`,isError:!1}),s&&s()}});Object(l.useEffect)(()=>
20767{if(null===p||void 0===p?void 0:p.length){const e=p.map(e=>{var t;const a=[YN].includes(null===e||void 0===e?void 0:e.source);let l=(null===e||void 0===e||null===(t=e.designUrls)||void 0===t?void 0:t.length)>0?e.designUrls.map(e=>{const t=e.split("||");return t.length>1?t[1]:t[0]}):[];return a?{productCrawlItemId:null===e||void 0===e?void 0:e.id,designUrl:l}:null}).filter(Boolean);q(e)}},[p]),Object(l.useEffect)(()=>{let e=f&&f.productBasesForAssortment&&f.productBasesForAssortment.length>0?f.productBasesForAssortment.find(e=>e.id===k):[];if(e){let t=e&&e.designPositions?e.designPositions:[],a=[],l=[],n=[];t.forEach(e=>{if(e.name){let t=e.name.toLowerCase();"master"===t?a.push(e):"front"===t?l.push(e):n.push(e)}});let r=[...a,...l,...n],i=(null===r||void 0===r?void 0:r.length)>0?r.map(e=>({value:e.id,label:e.name})).filter(Boolean):[];U(i)}},[f,k]),Object(l.useEffect)(()=>{r&&P(Object(C.get)(r,"images[0][file].id"))},[r]);const Y=Object(l.useCallback)(e=>{F(()=>[...e])},[]),W=Object(l.useCallback)(e=>{let t=null;e||(t="Product base is required."),G(e=>({...e,pBase:t}))},[]),Z=Object(l.useCallback)(e=>{let t=null;e.length||(t="Collections is required."),G(e=>({...e,collections:t}))},[]),X=Object(l.useCallback)(e=>{let t=null;e.length||(t="Tags is required."),G(e=>({...e,tags:t}))},[]),ee=Object(l.useCallback)(()=>{o&&o({message:null,isError:!1}),W(k),Z(j),X(S);let e=(null===L||void 0===L?void 0:L.length)>0?L.filter(e=>e.designPositionId):[];e=Object(c.eb)(e,"designPositionId");let t={productBaseId:k,productCrawlItems:a,collections:j,tags:S,personalized:T,fields:R,mainImageId:B,deleteImages:x,designs:e,designUrls:(null===z||void 0===z?void 0:z.length)>0?z:void 0};k&&j.length&&S.length&&(K({variables:{input:t}}),i())},[k,j,S,B,x,R,T,a,L,z]),ae=Object(l.useCallback)(()=>{$(!0)},[$]);return n.a.createElement(JN,null,n.a.createElement(D.t,null,n.a.createElement("div",{className:"title_wrap"},n.a.createElement("div",{className:"title-content"},n.a.createElement(_N,{currentValue:d,toggleActive:i,onNotificationChange:o,isBulkActions:m,ids:a,detectSubmit:H,handAssign:ee,toggleDetectSubmit:$}))),v?n.a.createElement(D.X,{size:"small"}):n.a.createElement(D.t.Group,null,n.a.createElement(wN,{data:f,onChange:e=>{y(()=>e),O(()=>null),W(null)}}),n.a.createElement("div",{className:"product-base_wrap"},n.a.createElement(SN,{data:f,fulfillmentId:E,value:k,onChange:e=>{O(()=>e),W(e)},error:_.pBase}))),n.a.createElement(Av.CollectionSelectPolaris,{label:"Collections",required:!0,allowMultiple:!0,value:j,hasPopular:!0,errorMessage:_.collections,haveQuickAdd:!0,limit:200,isAssortment:!0,onChange:e=>{w(e),Z(e)}}),n.a.createElement(bv.TagsSelectPolaris,{label:"Tags",required:!0,allowMultiple:!0,value:S,errorMessage:_.tags,haveQuickAdd:!0,limit:200,onChange:e=>{I(e),X(e)}}),r&&Object(C.get)(r,"images[0]",null)&&n.a.createElement(xN,{images:r.images.map(e=>e.file),value:B,deleteImgs:x,onChangeDeleteImgs:e=>M(e),onChange:e=>P(e)}),n.a.createElement(D.j,{label:"This is a personalized product",checked:T,onChange:e=>{Q(e),e||F([])}}),T?n.a.createElement(Xk.SimpleCustomizePolaris,{value:R,onChange:Y}):null,!m&&(null===r||void 0===r||null===(t=r.designUrls)||void 0===t?void 0:t.length)>0?n.a.createElement(TN,{crawlId:r.id,designUrls:r.designUrls,designPositions:N,onChange:e=>{var t;e=(null===(t=e)||void 0===t?void 0:t.length)>0?e.map(e=>{let{thumbnailUrl:t,...a}=e;return a}):[],V(e)}}):null,n.a.createElement(D.g,{children:"Submit",primary:!0,onClick:ae,loading:J,fullWidth:!0})))},ZN=e=>{const{open:t,toggleShowModal:a}=e;return n.a.createElement(D.E,{open:t,onClose:a,fluidContent:!0,sectioned:!0,title:"Assign product",large:!0},n.a.createElement(WN,e))},XN=e=>{const{options:t,error:a,onChange:l,loading:r}=e;return n.a.createElement(n.a.Fragment,null,n.a.createElement(al.a,{label:"Template",required:!0}),r?n.a.createElement(D.X,{size:"small"}):n.a.createElement(yl.a,{options:t,onChange:l,error:a,labelHidden:!0}))},eU=j.b.p` 20768 flex: auto; 20769 overflow: hidden; 20770 white-space: nowrap; 20771 text-overflow: ellipsis; 20772 font-weight: 500; 20773 cursor: default !important; 20774`,tU=j.b.div` 20775 span.title-content { 20776 opacity: 0.8; 20777 } 20778`,aU="MerchKing",lU=e=>{var t;const{open:a,toggleShowModal:r,currentChecked:i,ids:o,toggleActive:s,onNotificationChange:u,onCompleted:d,currentValue:m,bulkActions:p,dataCheckeds:g}=e,{currentUser:A}=Object(te.c)(),{teamUser:b}=A||{},{team:h}=b||{},{id:f}=h||{},[v,E]=Object(l.useState)([]),[y,k]=Object(l.useState)(null),[O,j]=Object(l.useState)(null),[w,S]=Object(l.useState)([]),[B,P]=Object(l.useState)(oe.Q===f?["hGypw"]:[]),[x,M]=Object(l.useState)([]),[T,Q]=Object(l.useState)([]),[R,F]=Object(l.useState)(!1),[N,U]=Object(l.useState)([]),[L,V]=Object(l.useState)([]),[z,q]=Object(l.useState)([]),[H,$]=Object(Ee.a)(!1),[_,G]=Object(l.useState)({template:null,collections:null,tags:null}),[K,{data:J,loading:Y}]=Object(De.b)(I.Uc),[W,{data:Z,loading:X}]=Object(De.b)(I.Uc),[ee,{loading:ae}]=Object(De.c)(Jt.s,{onCompleted:e=>{r(),u&&u({message:`Total ${e.assignToTemplate.success} items assigned success.`,isError:!1}),d&&d()},onError:e=>{u&&u({message:Object(c.ib)(e.toString()),isError:!0}),$(!1)}});Object(l.useEffect)(()=>{a&&(K({variables:{filter:{grouping:!0}}}),W({variables:{filter:{product:!0}}}))},[a]),Object(l.useEffect)(()=>{var e,t,a,l;let n=[...(null===Z||void 0===Z||null===(e=Z.templates)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?Z.templates.nodes.map(e=>{let t=[];if(e&&e.data&&e.data.productBases){let a=e.data.productBases;if(a&&a.length)for(let e=0;e<a.length;e++)t=[...t,...a[e].designPositions]}return{value:e.id,label:e.name,designPositions:t}}):[],...(null===J||void 0===J||null===(a=J.templates)||void 0===a||null===(l=a.nodes)||void 0===l?void 0:l.length)>0?J.templates.nodes.map(e=>{let t=[];if(e&&e.data&&e.data.productBases){let a=e.data.productBases;if(a&&a.length)for(let e=0;e<a.length;e++)t=[...t,...a[e].designPositions]}return{value:e.id,label:e.name,designPositions:t}}):[]],r=n&&n.length>0?n.find(e=>e.value===y):[];if(r){let e=r&&r.designPositions?r.designPositions:[],t=[],a=[],l=[];
20778e.forEach(e=>{if(e.name){let n=e.name.toLowerCase();"master"===n?t.push(e):"front"===n?a.push(e):l.push(e)}});let n=[...t,...a,...l];n=n&&n.length>0?n.map(e=>({value:e.id,label:e.name})).filter(Boolean):[],U(()=>n)}},[Z,J,y]),Object(l.useEffect)(()=>{if(null===g||void 0===g?void 0:g.length){const e=g.map(e=>{var t;const a=[aU].includes(null===e||void 0===e?void 0:e.source);let l=(null===e||void 0===e||null===(t=e.designUrls)||void 0===t?void 0:t.length)>0?e.designUrls.map(e=>{const t=e.split("||");return t.length>1?t[1]:t[0]}):[];return a?{productCrawlItemId:null===e||void 0===e?void 0:e.id,designUrl:l}:null}).filter(Boolean);q(e)}},[g]),Object(l.useEffect)(()=>{var e,t,a,l;let r=[];r=[...[{value:"productTemplate",label:n.a.createElement(eU,null,"-- Product template --"),disabled:!0}],...(null===Z||void 0===Z||null===(e=Z.templates)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?Z.templates.nodes.map(e=>({value:e.id,label:e.name})):[],...[{value:"campaignTemplate",label:n.a.createElement(eU,null,"-- Campaign Template --"),disabled:!0}],...(null===J||void 0===J||null===(a=J.templates)||void 0===a||null===(l=a.nodes)||void 0===l?void 0:l.length)>0?J.templates.nodes.map(e=>({value:e.id,label:e.name})):[]],E(r)},[J,Z]),Object(l.useEffect)(()=>{i&&j(Object(C.get)(i,"images[0][file].id",null))},[i]);const le=Object(l.useCallback)(e=>Q(()=>[...e]),[]),ne=Object(l.useCallback)(e=>{let t=null;e||(t="Template is required."),G(e=>({...e,template:t}))},[]),re=Object(l.useCallback)(e=>{let t=null;e.length||(t="Collections is required."),G(e=>({...e,collections:t}))},[]),ie=Object(l.useCallback)(e=>{let t=null;e.length||(t="Tags is required."),G(e=>({...e,tags:t}))},[]),se=Object(l.useCallback)(()=>{u&&u({message:null,isError:!1}),ne(y),re(B),ie(x);let e=(null===L||void 0===L?void 0:L.length)>0?L.filter(e=>e.designPositionId):[];e=Object(c.eb)(e,"designPositionId");let t={productCrawlItems:o,templateId:y,collections:B,tags:x,mainImageId:O,deleteImages:w,fields:T,designs:e,designUrls:(null===z||void 0===z?void 0:z.length)>0?z:void 0};y&&B.length&&x.length&&(ee({variables:{input:t}}),s())},[o,y,x,B,O,w,T,L,z,ee,re,ie,ne,u,s]),ce=Object(l.useCallback)(()=>{$(!0)},[$]);return n.a.createElement(D.t,null,n.a.createElement(tU,null,n.a.createElement("div",{className:"title-content"},n.a.createElement(_N,{currentValue:m,toggleActive:s,onNotificationChange:u,isBulkActions:p,ids:o,detectSubmit:H,handAssign:se,toggleDetectSubmit:$}))),n.a.createElement(XN,{options:v,error:_.template,loading:Y||X,onChange:e=>{k(e),ne(e)}}),i&&Object(C.get)(i,"images[0]",null)&&n.a.createElement(xN,{images:i.images.map(e=>e.file),value:O,deleteImgs:w,onChangeDeleteImgs:e=>S(e),onChange:e=>j(e)}),n.a.createElement(Av.CollectionSelectPolaris,{label:"Collections",required:!0,allowMultiple:!0,value:B,hasPopular:!0,errorMessage:_.collections,haveQuickAdd:!0,limit:200,isAssortment:!0,onChange:e=>{P(e),re(e)}}),n.a.createElement(bv.TagsSelectPolaris,{label:"Tags",required:!0,allowMultiple:!0,value:x,errorMessage:_.tags,haveQuickAdd:!0,limit:200,onChange:e=>{M(e),ie(e)}}),n.a.createElement(D.j,{label:"This is a personalized product",checked:R,onChange:e=>{F(e),e||Q([])}}),R?n.a.createElement(Xk.SimpleCustomizePolaris,{value:T,onChange:le}):null,!p&&(null===i||void 0===i||null===(t=i.designUrls)||void 0===t?void 0:t.length)>0?n.a.createElement(TN,{crawlId:i.id,designUrls:i.designUrls,designPositions:N,onChange:e=>{var t;e=(null===(t=e)||void 0===t?void 0:t.length)>0?e.map(e=>{let{thumbnailUrl:t,...a}=e;return a}):[],V(e)}}):null,n.a.createElement(D.g,{children:"Submit",primary:!0,onClick:ce,fullWidth:!0,loading:ae}))},nU=e=>{const{open:t,toggleShowModal:a}=e;return n.a.createElement(D.E,{open:t,onClose:a,fluidContent:!0,sectioned:!0,title:"Assign product use template",large:!0},n.a.createElement(lU,e))},rU=e=>{let{open:t,toggleShowModal:a,...l}=e;return n.a.createElement(D.E,{open:t,onClose:a,sectioned:!0,title:"Change titles"},n.a.createElement(n.a.Fragment,null,n.a.createElement(_N,l)))},iU=j.b.div` 20779 .Polaris-Choice { 20780 padding: 0; 20781 .Polaris-Choice__Control { 20782 margin-top: 0.1rem; 20783 } 20784 } 20785 20786 ${e=>{let{isMobile:t}=e;return t&&"\n .Polaris-ButtonGroup {\n flex-wrap: wrap;\n row-gap: 1rem;\n }\n "}} 20787`,oU=e=>{var t,a;const{idsChecked:r,toggleActive:i,onNotificationChange:o,onCompleted:s,currentChecked:c,onCheckAll:u,data:d}=e,{isMobile:m}=Object(te.c)(),[p,g]=Object(l.useState)(!1),[A,b]=Object(l.useState)(null),h=Object(l.useCallback)(e=>{g(e=>!e),b(e)},[]);let f=(null===d||void 0===d||null===(t=d.productAssortment)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?d.productAssortment.nodes.filter(e=>r.includes(e.id)):[];const v=n.a.useCallback(()=>{h(),b(null)},[h]);return n.a.createElement(iU,{isMobile:m},n.a.createElement(D.h,{segmented:!0},n.a.createElement(D.g,{children:n.a.createElement(D.j,{label:r.length+" selected",checked:!0}),onClick:u}),n.a.createElement(D.g,{children:"Assign use template",onClick:()=>h("assignTemplate"),disclosure:!0}),n.a.createElement(D.g,{children:"Assign",onClick:()=>h("assign"),disclosure:!0}),n.a.createElement(D.g,{children:"Change Titles",onClick:()=>h("changeTitle"),disclosure:!0}),n.a.createElement(D.g,{children:"Delete",destructive:!0,onClick:()=>h("delete")})),n.a.createElement(nU,{open:p&&"assignTemplate"===A,toggleShowModal:h,ids:r,onNotificationChange:o,toggleActive:i,onCompleted:s,currentChecked:c,dataCheckeds:f,bulkActions:!0}),n.a.createElement(ZN,{open:p&&"assign"===A,toggleShowModal:h,ids:r,onNotificationChange:o,toggleActive:i,onCompleted:s,currentChecked:c,bulkActions:!0,dataCheckeds:f}),n.a.createElement(rU,{open:p&&"changeTitle"===A,toggleShowModal:h,ids:r,bulkSpecial:!0,isBulkActions:!0,onCompleted:v}),n.a.createElement(jN,{open:p&&"delete"===A,toggleShowModal:h,ids:r,onNotificationChange:o,toggleActive:i,onCompleted:s}))},sU=e=>{const{currentChecked:t,toggleActive:a,onNotificationChange:r,onCompleted:i,currentValue:o}=e,[s,c]=Object(l.useState)(null),[u,d]=Object(l.useState)(!1),m=Object(l.useCallback)(e=>
20787{let t=o.title,l=null;if(""===t||null==t?l="Product title is required.":t.length>oe.C&&(l=oe.mb),l)return a(),void r({message:l,isError:!0});c(e),d(e=>!e)},[o]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Assign use Template",onClick:()=>m("assignTemplate"),size:"slim",primary:!0}),n.a.createElement(D.g,{children:"Assign",onClick:()=>m("assign"),size:"slim",primary:!0}),n.a.createElement(D.g,{children:"Trash",onClick:()=>m("delete"),size:"slim",destructive:!0})),n.a.createElement(nU,{open:u&&"assignTemplate"===s,toggleShowModal:m,ids:[null===t||void 0===t?void 0:t.id],onNotificationChange:r,toggleActive:a,onCompleted:i,currentChecked:t,currentValue:o,dataCheckeds:[t]}),n.a.createElement(ZN,{open:u&&"assign"===s,toggleShowModal:m,ids:[null===t||void 0===t?void 0:t.id],onNotificationChange:r,toggleActive:a,onCompleted:i,currentChecked:t,currentValue:o,dataCheckeds:[t]}),n.a.createElement(jN,{open:u&&"delete"===s,toggleShowModal:m,ids:null===t||void 0===t?void 0:t.id,onNotificationChange:r,toggleActive:a,onCompleted:i,deleteOneProduct:!0}))},cU=j.b.div` 20788 .image_wrap { 20789 width: 200px; 20790 } 20791 .product_wrap { 20792 width: calc(500px - 3.2rem); 20793 white-space: normal; 20794 word-break: break-word; 20795 } 20796 .origin-domain_wrap { 20797 width: calc(150px - 3.2rem); 20798 white-space: normal; 20799 word-break: break-word; 20800 } 20801 .niche_wrap { 20802 width: calc(20rem - 3.2rem); 20803 white-space: normal; 20804 word-break: break-word; 20805 } 20806 .source_wrap { 20807 width: calc(120px - 3.2rem); 20808 white-space: normal; 20809 word-break: break-word; 20810 } 20811 .create-at_wrap { 20812 width: calc(130px - 3.2rem); 20813 white-space: normal; 20814 word-break: break-word; 20815 } 20816 .author_wrap { 20817 width: calc(200px - 3.2rem); 20818 white-space: normal; 20819 word-break: break-word; 20820 } 20821 .actions-wrap { 20822 width: calc(350px - 3.2rem); 20823 display: flex; 20824 justify-content: flex-end; 20825 margin-left: auto; 20826 } 20827 20828 // bulk actions 20829 .bulk-actions_wrap { 20830 padding: 1.6rem; 20831 border-bottom: 0.1rem solid var(--p-border-subdued, #dfe3e8); 20832 } 20833 20834 // Similar 20835 .custom-row { 20836 .similar_wrap { 20837 position: relative; 20838 .similar_inner { 20839 display: flex; 20840 } 20841 .pseudo { 20842 position: absolute; 20843 width: 24px; 20844 height: 24px; 20845 top: -2.8rem; 20846 left: 129px; 20847 transform: rotate(45deg); 20848 background: var(--p-surface, #f4f6f8); 20849 } 20850 .similar-products, 20851 .similar-items { 20852 display: flex; 20853 flex-direction: row; 20854 .similar-product, 20855 .similar-item { 20856 display: flex; 20857 flex-direction: column; 20858 width: 250px; 20859 justify-content: center; 20860 text-align: center; 20861 align-self: flex-start; 20862 .title_inner { 20863 margin: 0 1rem; 20864 display: inline-block; 20865 } 20866 } 20867 } 20868 } 20869 } 20870 .Polaris-DataTable__Footer { 20871 border-top: 0.1rem solid #e2e6ea; 20872 overflow: scroll; 20873 } 20874`,uU=e=>{const{data:t,filter:a,screenOptions:r,refetch:i,setFilter:o}=e,[s,u]=Object(l.useState)([]),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)([]),[A,b]=Object(l.useState)(!1),[h,f]=Object(l.useState)({}),[v,E]=Object(l.useState)([]),[y,k]=Object(l.useState)(!1),[O,j]=Object(l.useState)(null),[w,S]=Object(l.useState)({message:null,isError:!1}),I=n.a.useRef(null);Object(l.useEffect)(()=>{let e=[],t=[],a=(yN||[]).filter(e=>r.length&&r.includes(e.value)&&"titles"!==e.value);e=a.map(e=>e.label),t=a.map(()=>"text"),e=r.length>0?[n.a.createElement(D.j,{label:"",checked:A,onChange:e=>B(e)}),...e]:[...e],t=["text",...t],u(t),e.length||B(!1),m(e)},[r,A]),Object(l.useEffect)(()=>{if(t){let e=t.productAssortment.nodes.reduce((e,t)=>{let l=t.url,i="";l&&(l.includes(".jpg")||l.includes(".png")||l.includes(".gif")||(i=Object(c.Q)(l)));let o=Zr()(t.createdAt).format("YYYY-MM-DD HH:mm:ss"),s=t.author,u=s?`${null===s||void 0===s?void 0:s.firstName} ${null===s||void 0===s?void 0:s.lastName}`:"",d=t.similarItems,m=t.similarProducts,p=null;(d&&null!==d||m&&m.length)&&(p=n.a.createElement("div",{className:"similar_wrap"},n.a.createElement("span",{className:"pseudo"},"\xa0"),n.a.createElement("div",{className:"similar_inner"},m&&m.length>0?n.a.createElement("div",{className:"similar-products"},m.map((e,t)=>n.a.createElement("div",{key:t,className:"similar-product"},n.a.createElement("span",null,"Distance: ",e.distance),n.a.createElement("div",{style:{display:"flex",justifyContent:"center"}},n.a.createElement(nM,{product:e.product})),n.a.createElement("span",{className:"title_inner"},null===e||void 0===e?void 0:e.product.title)))):null,d&&d.length>0?n.a.createElement("div",{className:"similar-items"},d.filter(e=>e.similarItem).map((e,t)=>{var a;let l={images:null===e||void 0===e||null===(a=e.similarItem)||void 0===a?void 0:a.images.filter(e=>e.file)};return n.a.createElement("div",{key:t,className:"similar-item"},n.a.createElement("span",null,"Distance: ",e.distance),n.a.createElement("div",{style:{display:"flex",justifyContent:"center"}},n.a.createElement(nM,{product:l})),n.a.createElement("span",{className:"title_inner"},e.similarItem.title))})):null)));const g=[n.a.createElement("div",{className:"custom-row"},p)],A=[{key:"",show:r.length,render:n.a.createElement("div",{className:"checked_wrap"},n.a.createElement(D.j,{label:"",id:t.id,checked:!!h[t.id],onChange:(e,t)=>
20874P(t,e)}))},{key:"image",show:r.includes("image"),render:n.a.createElement("div",{className:"image_wrap"},n.a.createElement(nM,{product:t,isSpecial:!0}))},{key:"product",show:r.includes("product"),render:n.a.createElement("div",{className:"product_wrap"},n.a.createElement(FN,{product:t,filter:a,toggleActive:M,onNotificationChange:e=>{let{message:t,isError:a}=e;return S(()=>({message:t,isError:a}))}}))},{key:"originDomain",show:r.includes("originDomain"),render:n.a.createElement("div",{className:"origin-domain_wrap"},i.length>0?n.a.createElement("span",null,i):null)},{key:"niche",show:r.includes("niche"),render:n.a.createElement("div",{className:"niche_wrap"},n.a.createElement("span",null,t.niche))},{key:"source",show:r.includes("source"),render:n.a.createElement("div",{className:"source_wrap"},n.a.createElement("span",null,t.source))},{key:"createdAt",show:r.includes("createdAt"),render:n.a.createElement("div",{className:"create-at_wrap"},n.a.createElement("span",null,o))},{key:"author",show:r.includes("author"),render:n.a.createElement("div",{className:"author_wrap"},n.a.createElement("span",null,u))},{key:"actions",render:n.a.createElement("div",{className:"actions-wrap"},n.a.createElement(sU,{currentValue:t,currentChecked:t,toggleActive:M,onCompleted:T,onNotificationChange:e=>{let{message:t,isError:a}=e;return S(()=>({message:t,isError:a}))}}))}];let b=[];return b=A.filter(e=>e.show).map(e=>e.render),b=[...b,A[A.length-1].render],b.length>1?d||m?[...e,b,g]:[...e,b]:[]},[]);g(e)}},[t,r,h]),Object(l.useEffect)(()=>{const e=document.querySelectorAll(".Polaris-DataTable__Cell"),t=document.querySelectorAll(".custom-row");for(let a of e)for(let e of t)if(Object(c.u)(a,e))a.style.background="var(--p-surface, #f4f6f8)",a.setAttribute("colspan",r.length+2);else{a.getAttribute("colspan")&&a.nextElementSibling&&(a.removeAttribute("style"),a.removeAttribute("colspan"))}},[p,t,v]),Object(l.useEffect)(()=>{if(t)if(1===v.length){let e=t.productAssortment.nodes.find(e=>e.id===v[0]);j(e)}else j(null)},[v,t]);const B=Object(l.useCallback)(e=>{b(e);let a=t&&t.productAssortment&&t.productAssortment.nodes?t.productAssortment.nodes:[],l=[];if(e){let e={};for(let t=0;t<a.length;t++)e={...e,[a[t].id]:!0};f(e),l=x(e)}else f({}),l=[];E(l)},[t]),P=Object(l.useCallback)((e,t)=>{let a,l=[];f(n=>{let r={...n,[e]:t};return a=Object.values(r).filter(e=>e).length,l=x(r),r}),t?b(!0):a||b(!1),E(l)},[v]),x=Object(l.useCallback)(e=>{e=Object(e);let t=[];for(let[a,l]of Object.entries(e))l&&t.push(a);return t},[]),M=Object(l.useCallback)(()=>k(e=>!e),[]),T=Object(l.useCallback)(()=>{I&&clearTimeout(I.current),I.current=setTimeout(()=>{E(()=>[]),b(!1),f({}),i&&i()},1500)},[]),Q=y?w&&w.message&&n.a.createElement(D.fb,{content:w.message,error:w.isError,duration:3e3,onDismiss:M}):null;let{limit:R,offset:F}=a;const N=Object(C.get)(t,"productAssortment.total",0),U={page:F/R+1,totalPage:Math.ceil(N/R),offset:F,limit:R,onChange:o,total:N};return n.a.createElement(cU,null,Q,v.length>0?n.a.createElement("div",{className:"bulk-actions_wrap"},n.a.createElement(oU,{idsChecked:v,toggleActive:M,onNotificationChange:e=>{let{message:t,isError:a}=e;return S(()=>({message:t,isError:a}))},onCompleted:T,currentChecked:O,onCheckAll:()=>{B(!1)},data:t})):null,n.a.createElement(D.n,{columnContentTypes:[...s,"numeric"],headings:d.length>0?[...d,"Actions"]:["Please choose at least one column above to visible data table"],rows:p,verticalAlign:"middle",hideScrollIndicator:!0,footerContent:d.length>0?n.a.createElement(Ye.PaginationPolaris,{aggregation:U,showTotal:!0}):null}))},dU=o.a` 20875 query productAssortment($filter: ProductAssortmentFilter) { 20876 productAssortment(filter: $filter) { 20877 total 20878 nodes { 20879 id 20880 title 20881 fbTitle 20882 amzTitle 20883 url 20884 niche 20885 source 20886 createdAt 20887 author { 20888 id 20889 firstName 20890 lastName 20891 } 20892 images { 20893 id 20894 file { 20895 id 20896 url 20897 thumbnailUrl 20898 } 20899 } 20900 similarProducts { 20901 id 20902 distance 20903 product { 20904 id 20905 title 20906 images { 20907 id 20908 productBaseId 20909 file { 20910 id 20911 thumbnailUrl 20912 url 20913 } 20914 } 20915 } 20916 } 20917 similarItems { 20918 id 20919 distance 20920 similarItem { 20921 id 20922 title 20923 images { 20924 id 20925 file { 20926 id 20927 thumbnailUrl 20928 url 20929 } 20930 } 20931 } 20932 } 20933 designUrls 20934 } 20935 } 20936 } 20937`,mU=j.b.div` 20938 margin: -1rem; 20939 @media (min-width: 640px) { 20940 margin: -1.5rem; 20941 } 20942`,pU=[...oe.n,"authorId","createdTime","type","domain","storeId","collection","tag","niche"],gU=e=>{var t,a,r;let{path:i}=e;const o=Object(l.useMemo)(()=>Object(c.Bb)(i),[i]),s=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,pU)}return e},[o]),{store:u,currentUser:d}=n.a.useContext(te.a),m=(null===u||void 0===u?void 0:u.id)&&("all"===u.id?null:u.id),p=null===d||void 0===d||null===(t=d.teamUser)||void 0===t?void 0:t.role,g=[oe.gb.MarketplaceManager,oe.gb.StoreManager].includes(p),[A,b]=Object(l.useState)({limit:Number(Object(c.M)("perPageProductAssortment"))||20,offset:0,search:null,authorId:null,createdTime:null,type:null,domain:null,storeId:g?m:null,collection:null,tag:null,niche:null,...s}),[h,f]=Object(l.useState)(null),[v,E]=Object(l.useState)([]),{data:y,loading:k,error:O,refetch:j}=Object(De.d)(dU,{variables:{filter:{...A}},fetchPolicy:"cache-and-network"});Object(l.useEffect)(()=>{let e=Object(c.M)("userId"),t=Object(c.M)("screenOption_PA_"+e);t=t?t.split(","):yN.map(e=>e.value),E(t),f(e)},[]),Object(l.useEffect)(()=>{h&&Object(c.Nb)("screenOption_PA_"+h,v,100)}
20942,[h,v]),Object(l.useEffect)(()=>{let{offset:e,limit:t,createdTime:a,...l}=A,n=null,r=Object(c.o)(t,e);n=Object(c.l)({limit:t,paged:r,...l}),B.a.push(`${B.a.location.pathname}?${n}`)},[A]);const w=Object(l.useCallback)(e=>{let{search:t,domain:a,type:l,authorId:n,createdTime:r,storeId:i,collection:o,tag:s,niche:c}=e;b(e=>Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.type,l)&&Object(C.isEqual)(e.domain,a)&&Object(C.isEqual)(e.authorId,n)&&Object(C.isEqual)(e.createdTime,r)&&Object(C.isEqual)(e.storeId,i)&&Object(C.isEqual)(e.collection,o)&&Object(C.isEqual)(e.tag,s)&&Object(C.isEqual)(e.niche,c)?e:{...e,search:t,type:l,domain:a,authorId:n,createdTime:r,storeId:i,collection:o,tag:s,niche:c,offset:0})},[]),S=k&&n.a.createElement(D.D,null),I=Object(l.useMemo)(()=>({filter:A,screenOptions:v}),[A,v]);return n.a.createElement(mU,null,S,n.a.createElement("div",null,n.a.createElement(CN,{defaultValue:v,onChange:e=>E(e)})),n.a.createElement(D.H,{title:"Product Assortment",fullWidth:!0},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(Qx,{filter:A,onChange:w})),n.a.createElement(D.i,null,k?n.a.createElement(Je.SkeletonPagePolaris,null):n.a.createElement(n.a.Fragment,null,O?n.a.createElement("div",null,"Error: ",Object(c.ib)(O.toString())):(null===y||void 0===y||null===(a=y.productAssortment)||void 0===a||null===(r=a.nodes)||void 0===r?void 0:r.length)>0?n.a.createElement(vN.Provider,{value:I},n.a.createElement(uU,{data:y,filter:A,screenOptions:v,refetch:j,setFilter:(e,t)=>{b(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageProductAssortment",t,100)}})):n.a.createElement(We.EmptyStatePolaris,null)))))},AU=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const r=Object(l.useMemo)(()=>Object(c.W)(t),[t]);return n.a.createElement(gU,{path:r})};l.Component;const bU=o.a` 20943 mutation crawlRetry($id: ID!) { 20944 crawlRetry(id: $id) { 20945 id 20946 url 20947 title 20948 titleXpath 20949 imageXpath 20950 imageUrl 20951 productBaseSlug 20952 type 20953 status 20954 } 20955 } 20956`,hU=e=>{let{itemId:t,crawlId:a,filter:r}=e;const[i,{loading:o,client:s}]=Object(De.c)(bU,{onError:()=>{},onCompleted:e=>{u(e.data.crawlRetry)}}),c=Object(l.useCallback)(e=>{i({variables:{id:e}})},[]),u=Object(l.useCallback)(e=>{try{const t=s.readQuery({query:yU,variables:{crawlId:a,...r}});s.readQuery({query:yU,variables:{crawlId:a,...r},data:{...t,crawlItems:{...t.crawlItems,nodes:t.crawlItems.nodes.map(t=>t.id===e.id?{...t,newData:e}:t)}}})}catch(t){}},[]);return n.a.createElement(D.g,{primary:!0,loading:o,onClick:()=>c(t)},"Retry")},fU=j.b.div` 20957 .title-wrap { 20958 width: 200px; 20959 } 20960 .url-wrap { 20961 width: 400px; 20962 white-space: break-spaces; 20963 } 20964`,vU=e=>{let{data:t,filter:a,crawlId:l,setFilter:r}=e;const i=t?t.crawlItems.nodes.map(e=>{let t=e.status,r=null;return"Done"===t&&(r="success"),"Error"===t&&(r="critical"),"Running"===t&&(r="attention"),[n.a.createElement("div",{className:"title-wrap"},e.title),n.a.createElement("div",{className:"url-wrap"},e.url?e.url:e.imageUrl),n.a.createElement(D.e,{status:r},t),n.a.createElement(n.a.Fragment,null,"Error"===t?n.a.createElement(hU,{crawlId:l,itemId:e.id,filter:a}):n.a.createElement("div",null))]}):[];let{limit:o,offset:s}=a;const c={page:s/o+1,totalPage:Math.ceil(k.a.get(t,"crawlItems.total",0)/o),offset:s,limit:o,onChange:r};return n.a.createElement(fU,null,n.a.createElement(D.n,{columnContentTypes:["text","text","text","numeric"],headings:["Title","Url","Status","Actions"],rows:i,verticalAlign:"center",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:c})}))},EU=j.b.div` 20965 .filter-wrap { 20966 text-align: left; 20967 display: flex; 20968 align-items: center; 20969 flex-direction: row; 20970 column-gap: 0.5rem; 20971 margin-bottom: 1.5rem; 20972 margin-top: -1rem; 20973 } 20974`,yU=o.a` 20975 query crawlItems($crawlId: ID!, $limit: Int, $offset: Int, $status: String) { 20976 crawlItems( 20977 crawlId: $crawlId 20978 limit: $limit 20979 offset: $offset 20980 status: $status 20981 ) { 20982 total 20983 nodes { 20984 id 20985 title 20986 url 20987 titleXpath 20988 imageUrl 20989 imageXpath 20990 productBaseSlug 20991 type 20992 status 20993 } 20994 } 20995 } 20996`,CU=e=>{let{id:t}=e;const[a,r]=Object(l.useState)("all"),[i,o]=Object(l.useState)({crawlId:t,limit:20,offset:0,status:null}),{data:s,loading:c}=Object(De.d)(yU,{variables:{...i},fetchPolicy:"network-only"}),u=c&&n.a.createElement(D.D,null),d=Object(l.useCallback)(e=>{r(e),o(t=>({...t,status:"all"===e?null:e}))},[]);return n.a.createElement(EU,null,n.a.createElement("div",{className:"filter-wrap"},n.a.createElement(D.v,{element:"h4"},"Filter status:"),n.a.createElement(D.Q,{options:[{value:"all",label:"All"},{value:"Pending",label:"Pending"},{value:"Error",label:"Error"}],value:a,onChange:d})),n.a.createElement(D.i,null,u,c?n.a.createElement(Je.SkeletonPagePolaris,null):s&&s.crawlItems&&s.crawlItems.nodes&&s.crawlItems.nodes.length?n.a.createElement(vU,{data:s,filter:i,crawlId:t,onChange:e=>{let{status:t}=e;return o(e=>({...e,status:t}))},setFilter:e=>o(t=>({...t,offset:e}))}):n.a.createElement(We.EmptyStatePolaris,null)))}
20996,kU=j.b.div` 20997 margin: -1rem; 20998 @media (min-width: 640px) { 20999 margin: -1.5rem; 21000 } 21001`,OU=e=>{const{id:t}=e.match.params;return n.a.createElement(kU,null,n.a.createElement(D.H,{title:"Crawler",breadcrumbs:[{content:"All Crawlers",url:"/tools/product-crawlers"}]},n.a.createElement(CU,{id:t})))},jU=o.a` 21002 mutation startCrawl($id: ID!) { 21003 startCrawl(id: $id) 21004 } 21005`,wU=o.a` 21006 mutation stopCrawl($id: ID!) { 21007 stopCrawl(id: $id) 21008 } 21009`,SU=o.a` 21010 mutation deleteCrawler($id: ID!) { 21011 deleteCrawler(id: $id) 21012 } 21013`,IU=j.b.div` 21014 display: flex; 21015 flex-direction: column; 21016 width: 200px; 21017 margin-right: 0px; 21018 margin-left: auto; 21019`,BU=e=>{let{value:t,isCompleted:a}=e;const[r,i]=Object(l.useState)(!1),[o,s]=Object(l.useState)(!1),[u,{loading:d,client:m}]=Object(De.c)(jU,{onError:()=>{},onCompleted:()=>{E({...t,status:"Pending"})}}),[p,{loading:g}]=Object(De.c)(wU,{onError:()=>{},onCompleted:()=>{E({...t,status:"Stopped"})}}),[A,{loading:b,error:h,data:f}]=Object(De.c)(SU,{onError:()=>{j()},onCompleted:()=>{y(),j()}});let v={limit:20,offset:0,search:null};const E=Object(l.useCallback)(e=>{try{const t=m.readQuery({query:xU,variables:{filter:v}});m.writeQuery({query:xU,variables:{filter:v},data:{...t,productCrawlers:{...t.productCrawlers,nodes:t.productCrawlers.nodes.map(t=>t.id===e.id?{...t,status:e.status}:t)}}})}catch(t){}},[]),y=Object(l.useCallback)(()=>{try{const e=m.readQuery({query:xU,variables:{filter:v}});m.writeQuery({query:xU,variables:{filter:v},data:{...e,productCrawlers:{...e.productCrawlers,total:e.productCrawlers.total-1,nodes:e.productCrawlers.nodes.filter(e=>e.id!==t.id)}}})}catch(e){}},[]),C=Object(l.useCallback)(()=>{u({variables:{id:t.id}})},[]),k=Object(l.useCallback)(()=>{p({variables:{id:t.id}})},[]),O=Object(l.useCallback)(()=>{A({variables:{id:t.id}}),w()},[]),j=Object(l.useCallback)(()=>i(e=>!e),[]),w=Object(l.useCallback)(()=>{s(e=>!e)},[]);let S=f&&f.deleteCrawler&&"Add collection success",I=h?Object(c.ib)(h.toString()):null;const B=o?(I||S)&&n.a.createElement(D.fb,{content:I||S,error:I,duration:2e3,onDismiss:w}):null;return n.a.createElement(IU,null,B,n.a.createElement(D.h,null,n.a.createElement(D.g,{size:"slim",primary:!0,onClick:C,loading:d,disabled:a||"Pending"===t.status},"Start"),n.a.createElement(D.g,{size:"slim",disabled:a||"Stopped"===t.status,onClick:k,loading:g},"Stop"),n.a.createElement(D.g,{size:"slim",destructive:!0,onClick:j},"Delete")),n.a.createElement(D.E,{title:"Delete crawler",open:r,sectioned:!0,onClose:j,secondaryActions:[{content:"Cancel",onAction:j}],primaryAction:{content:"Delete",onAction:O,loading:b}},n.a.createElement(D.bb,null,"Are you delete this crawler?")))},DU=j.b.div` 21020 overflow: hidden; 21021 .info-wrap { 21022 display: flex; 21023 flex-direction: column; 21024 row-gap: 1rem; 21025 } 21026 .title-wrap { 21027 width: 200px; 21028 } 21029 .date-wrap { 21030 width: 150px; 21031 white-space: break-spaces; 21032 } 21033`,PU=e=>{let{data:t,filter:a,setFilter:l}=e;const r=e=>{const t=e.info;return t.completedCount+t.errorCount===t.total},i=t?t.productCrawlers.nodes.map(e=>{let t=null;t="Stopped"===e.status?n.a.createElement(D.e,{status:"critical"},"Stopped"):"Running"===e.status?n.a.createElement(D.e,{status:"attention"},"Running"):r(e)?n.a.createElement(D.e,{status:"success"},"Done"):e.info.runningCount>0?n.a.createElement(D.e,{status:"attention"},"Running"):n.a.createElement(D.e,null,"Pending");const a=n.a.createElement("div",{className:"info-wrap"},n.a.createElement("span",null,"Total URLS: ",k.a.get(e,"info.total")),n.a.createElement("span",null,"Completed URLS: ",k.a.get(e,"info.completedCount")),n.a.createElement("span",null,"Error URLS: ",k.a.get(e,"info.errorCount")));return[n.a.createElement("div",{className:"title-wrap"},n.a.createElement(D.B,{url:"/tools/product-crawlers/"+e.id},e.title)),n.a.createElement("div",{className:"date-wrap"},Zr()(e.createdAt).format("LLL")),t,a,n.a.createElement(BU,{value:e,isCompleted:r(e)})]}):[];let{limit:o,offset:s}=a;const c=k.a.get(t,"productCrawlers.total",0),u={page:s/o+1,totalPage:Math.ceil(c/o),offset:s,limit:o,onChange:l,total:c};return n.a.createElement(DU,null,n.a.createElement(D.n,{columnContentTypes:["text","text","text","text","numeric"],headings:["Name","Created Date","Status","Info","Actions"],rows:i,hideScrollIndicator:!0,verticalAlign:"middle",footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:u,showTotal:!0})}))},xU=o.a` 21034 query product($filter: ProductCrawlFilter) { 21035 productCrawlers(filter: $filter) { 21036 total 21037 nodes { 21038 id 21039 title 21040 description 21041 domain 21042 info { 21043 total 21044 completedCount 21045 errorCount 21046 runningCount 21047 } 21048 files { 21049 id 21050 url 21051 } 21052 type 21053 status 21054 createdAt 21055 } 21056 } 21057 } 21058`,MU=()=>{const[e,t]=Object(l.useState)({limit:Number(Object(c.M)("perPageProductCrawlers"))||20,offset:0,search:null}),{data:a,loading:r,error:i}=Object(De.d)(xU,{variables:{filter:e}}),o=r&&n.a.createElement(D.D,null);return n.a.createElement(D.i,null,o,i&&n.a.createElement("div",null,"Error: ",i.toString()),r?n.a.createElement(Je.SkeletonPagePolaris,null):a&&a.productCrawlers&&a.productCrawlers.nodes&&a.productCrawlers.nodes.length?n.a.createElement(PU,{data:a,filter:e,setFilter:(e,a)=>{t(t=>({...t,offset:e,limit:a})),Object(c.Nb)("perPageProductCrawlers",a,100)}}):n.a.createElement(We.EmptyStatePolaris,null))},TU=j.b.div` 21059 margin: -1rem; 21060 @media (min-width: 640px) { 21061 margin: -1.5rem; 21062 } 21063`,QU=()=>n.a.createElement(TU,null,n.a.createElement(D.H,{title:"All Crawlers",fullWidth:!0,primaryAction:{content:"New Product Crawler",url:"/tools/product-crawler"}},n.a.createElement(MU,null))),RU=j.b.div` 21064 margin: -1rem; 21065 @media (min-width: 640px) { 21066 margin: -1.5rem; 21067 } 21068`,FU=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const r=Object(l.useMemo)(()=>Object(c.W)(t),[t]),{currentUser:i}=Object(l.useContext)(te.a),o=k.a.get(i,"roles",[]),s=k.a.get(i,"teamUser.role",null);let u=oe.hb.Seller;return o.includes(oe.pb.Seller)&&[oe.gb.MarketplaceManager].includes(s)&&(u=oe.hb.MarketplaceManager),n.a.createElement(RU,null,
21068n.a.createElement(D.H,{title:"Product Divisions",breadcrumbs:[{content:"Products",url:`/${u}/products`}],fullWidth:!0,primaryAction:{content:"Add product division",url:`/${u}/product-divisions/add`}},n.a.createElement(oF,{currentParam:u,path:r})))};var NU=a(533);let UU=[{value:"All",label:"All"}];const LU=Object.keys(w.u).map(e=>({value:e,label:e}));UU=[...UU,...LU];const VU=o.a` 21069 query productBasesForSeller($filter: ProductBaseFilter) { 21070 productBasesForSeller(filter: $filter) { 21071 total 21072 nodes { 21073 id 21074 title 21075 } 21076 } 21077 } 21078`;function zU(e){let{filter:t,onChange:a}=e;const r=null===t||void 0===t?void 0:t.productBaseId,i=null===t||void 0===t?void 0:t.collections,o=null===t||void 0===t?void 0:t.tags,s=null===t||void 0===t?void 0:t.search,u=null===t||void 0===t?void 0:t.status,d=null===t||void 0===t?void 0:t.personalized,m=!0===d?"Personalized":!1===d?"Normal":d,[p,g]=Object(l.useState)(""),[A,b]=Object(l.useState)([]),[h,f]=Object(l.useState)({value:r,label:null,search:null}),[v,E]=Object(l.useState)([]),[y,k]=Object(l.useState)({value:i,label:[],search:null}),[O,j]=Object(l.useState)([]),[w,S]=Object(l.useState)({value:o,label:[],search:null}),[I,B]=Object(l.useState)({value:d,label:m}),[P,x]=Object(l.useState)({value:u,label:null}),M=Object(l.useRef)(null),{data:T,loading:Q,error:R}=Object(De.d)(VU,{variables:{filter:{limit:20,offset:0,search:h.search}}}),{data:F,loadingC:N,errorC:U}=Object(De.d)(Ki.a,{variables:{filter:{limit:20,offset:0,search:y.search}}}),{data:L,loadingT:V,errorT:z}=Object(De.d)(Ki.c,{variables:{filter:{limit:20,offset:0,search:w.search}}}),q=Object(l.useCallback)(e=>{g(e)},[]),H=Object(l.useCallback)((e,t)=>{t(t=>({...t,...e}))},[]),$=Object(l.useCallback)(e=>H(e,f),[H]),_=Object(l.useCallback)(e=>H({search:e},f),[H]),G=Object(l.useCallback)(e=>H(e,k),[H]),K=Object(l.useCallback)(e=>H({search:e},k),[H]),J=Object(l.useCallback)(e=>H(e,S),[H]),Y=Object(l.useCallback)(e=>H({search:e},S),[H]),W=Object(l.useCallback)((e,t)=>H({value:e,label:t},B),[H]),Z=Object(l.useCallback)(e=>H(e,x),[H]),X=Object(l.useCallback)(()=>g(""),[]),ee={value:null,label:null},te=Object(l.useCallback)(()=>H({...ee,search:null},f),[H,ee]),ae={value:[],label:[],search:null},le=Object(l.useCallback)(()=>H(ae,k),[H,ae]),ne=Object(l.useCallback)(()=>H(ae,S),[H,ae]),re=Object(l.useCallback)(()=>H(ee,B),[H,ee]),ie=Object(l.useCallback)(()=>H(ee,x),[H,ee]),oe=Object(l.useMemo)(()=>[X,te,le,ne,re,ie],[X,te,le,ne,re,ie]),se=Object(l.useCallback)(()=>{for(let e of oe)e&&e()},oe);Object(l.useEffect)(()=>{const e=function(e){return(Object(C.get)(e,"productBasesForSeller.nodes")||[]).map(e=>e?{value:e.id,label:e.title}:null).filter(Boolean)}(T);b(e)},[T]),Object(l.useEffect)(()=>{var e;const t=null===F||void 0===F||null===(e=F.collections)||void 0===e?void 0:e.nodes,a=(null===t||void 0===t?void 0:t.length)>0?t:[],l=Object(c.z)(a);E(l)},[F]),Object(l.useEffect)(()=>{var e;const t=null===L||void 0===L||null===(e=L.tags)||void 0===e?void 0:e.nodes,a=(null===t||void 0===t?void 0:t.length)>0?t:[],l=Object(c.z)(a);j(l)},[L]),Object(l.useEffect)(()=>{g(s)},[s]),Object(l.useEffect)(()=>{if(null!=r&&(null===A||void 0===A?void 0:A.length)>0){const e=A.find(e=>e.value===r);null!=e&&H(e,f)}},[r,A,H]),Object(l.useEffect)(()=>{if((null===i||void 0===i?void 0:i.length)>0&&(null===v||void 0===v?void 0:v.length)>0){const e=v.find(e=>i.includes(e.value));if(null!=e){const{value:t,label:a}=e;H({value:t,label:a},k)}}},[i,v,H]),Object(l.useEffect)(()=>{if((null===o||void 0===o?void 0:o.length)>0&&(null===O||void 0===O?void 0:O.length)>0){const e=O.find(e=>o.includes(e.value));if(null!=e){const{value:t,label:a}=e;H({value:t,label:a},S)}}},[o,O,H]),Object(l.useEffect)(()=>{let e={};null==u?e={value:"All",label:"All"}:u&&(e=UU.find(e=>e.value===u)),null!=e&&H(e,x)},[u,H]),Object(l.useEffect)(()=>{const e=p?p.trim():"",t=h.value?h.value:null,l=me(y.value),n=me(w.value),r="All"!==P.value?P.value:null;return a&&(M.current=setTimeout(()=>{a({search:e,productBaseId:t,collections:l,tags:n,personalized:I.value,status:r})},350)),()=>
21078clearTimeout(M.current)},[p,h,y,w,I,P]);const ce=[{key:"productBases",label:"Product Bases",tagLabel:h.label,onRemove:te,filter:n.a.createElement(ba.a,{options:A,value:h,loading:Q,error:R,onChange:$,onChangeSearch:_})},{key:"collection",label:"Collections",tagLabel:y.label,onRemove:le,filter:n.a.createElement(ba.a,{options:v,value:y,loading:N,error:U,onChangeSearch:K,onChange:G})},{key:"tag",label:"Tags",tagLabel:w.label,onRemove:ne,filter:n.a.createElement(ba.a,{options:O,value:w,loading:V,error:z,onChangeSearch:Y,onChange:J})},{key:"productType",label:"Product Type",tagLabel:I.label,onRemove:re,filter:n.a.createElement(NU.a,{productType:I,setProductType:W})},{key:"status",label:"Status",tagLabel:P.label,onRemove:ie,filter:n.a.createElement(Mi.a,{options:UU,value:P.value,onChange:Z})}],ue=[];for(let{key:l,label:n,onRemove:c,tagLabel:D}of ce)Object(C.isEmpty)(D)||"All"===D||ue.push({key:l,label:de(n,D),onRemove:c});return n.a.createElement(D.r,{filters:ce,appliedFilters:ue,queryValue:p,queryPlaceholder:"Filter product...",onQueryChange:q,onQueryClear:X,onClearAll:se});function de(e,t){return e?(["collections","tags"].includes(e.trim().toLowerCase())&&(t=t?Object(c.E)([t]):""),`${e}: ${t}`):t}function me(e){return e&&0!==e.length?Array.isArray(e)?e:[e]:null}}var qU=a(1553),HU=a(1554),$U=a(1372),_U=a(1555);function GU(e){let{file:t,oneItem:a,handleDismiss:r}=e;const i=null===t||void 0===t?void 0:t.url,o=null===t||void 0===t?void 0:t.thumbnailUrl,s=i||o,c=o||i,[u,d]=Object(l.useState)(!1),[m,p]=Object(Ee.a)(!1),g=Object(l.useCallback)(()=>d(!0),[]),A=Object(l.useCallback)(()=>d(!1),[]),b=u?"visible":"";return n.a.createElement(l.Fragment,null,n.a.createElement("div",{className:"image-wrap",onMouseOver:g,onMouseLeave:A,onClick:p},a?null:n.a.createElement("div",{className:"dismiss "+b},n.a.createElement(D.g,{plain:!0,size:"slim",icon:UE.a,accessibilityLabel:"Dismiss image",onClick:()=>r()})),n.a.createElement("img",{src:c||ze.a,alt:""})),n.a.createElement(D.E,{sectioned:!0,title:"Image Product",open:m,onClose:p,large:!0},n.a.createElement(JU,null,n.a.createElement("img",{src:s||ze.a,alt:""}))))}function KU(e){let{item:t,open:a,toggleOpen:r}=e;const i=null===t||void 0===t?void 0:t.id,o=null===t||void 0===t?void 0:t.images,[s,u]=Object(l.useState)(null),[d,m]=Object(l.useState)([]),p="boolean"===typeof s&&(s?"Accept":"Reject")+" Design successfully.",{toggleToast:g,setNotify:A}=Object(Fa.b)(),[b,{loading:h}]=Object(De.c)(Jt.Vc,{onCompleted:()=>{A({msg:p,err:!1}),r()},onError:e=>{A({msg:Object(c.ib)(e.toString()),err:!0}),r()}});Object(l.useEffect)(()=>{const e=(null===o||void 0===o?void 0:o.length)>0?o.filter(e=>e.file).map(e=>e.file):[];m(e)},[o]);const f=Object(l.useCallback)(e=>{if(null!=i){g&&g(!0),A&&A({msg:null,err:!1}),u(e);const t=(null===d||void 0===d?void 0:d.length)>0?d.map(e=>e.id):[];b({variables:{id:i,isApprove:e,fileIds:t}})}},[i,b,d,g,A]),v=Object(l.useCallback)(()=>{f(!0)},[f]),E=Object(l.useCallback)(()=>{f(!1)},[f]),y=Object(l.useCallback)(e=>{const t=[...d],a=t.findIndex((t,a)=>a===e);-1!==a&&(t.splice(a,1),m(t))},[d]),C=Object(l.useMemo)(()=>d.map((e,t,a)=>{const l=1===a.length;return n.a.createElement(GU,{file:e,oneItem:l,handleDismiss:()=>y(t),key:"image-"+t})}),[d,y]),k={content:"Accept",onAction:v,loading:!0===s&&h},O={content:"Reject",onAction:E,loading:!1===s&&h};return n.a.createElement(l.Fragment,null,n.a.createElement(D.E,{title:"Review",open:a,onClose:r,sectioned:!0,large:!0,primaryAction:k,secondaryActions:[O]},n.a.createElement(D.Y,{vertical:!0,spacing:"loose"},n.a.createElement(D.f,{title:"You must keep at least one image for product",status:"warning"}),n.a.createElement(YU,null,C))))}const JU=j.b.div` 21079 img { 21080 width: 100%; 21081 height: auto; 21082 object-fit: cover; 21083 } 21084`,YU=j.b.div` 21085 display: flex; 21086 flex-wrap: wrap; 21087 gap: 1.6rem; 21088 21089 .image-wrap { 21090 width: 20rem; 21091 height: 20rem; 21092 position: relative; 21093 cursor: pointer; 21094 21095 .dismiss { 21096 position: absolute; 21097 top: 0; 21098 left: 0; 21099 bottom: 0; 21100 right: 0; 21101 padding-top: 1rem; 21102 padding-right: 1rem; 21103 display: flex; 21104 justify-content: flex-end; 21105 align-items: start; 21106 flex-direction: row; 21107 column-gap: 1.5rem; 21108 visibility: hidden; 21109 border-radius: 5px; 21110 21111 background: linear-gradient( 21112 180deg, 21113 rgba(33, 43, 54, 0.55), 21114 hsla(0, 0%, 100%, 0) 21115 ); 21116 21117 .Polaris-Icon { 21118 svg { 21119 fill: hsla(0, 0%, 100%, 0.8); 21120 } 21121 } 21122 21123 &.visible { 21124 visibility: visible; 21125 } 21126 } 21127 21128 img { 21129 width: 100%; 21130 height: 100%; 21131 border-radius: 5px; 21132 object-fit: cover; 21133 } 21134 } 21135`;function WU(e){let{idsChecked:t,handleCompleted:a,isAction:r=!1,open:i,toggleOpen:o}=e;const{toggleToast:s,setNotify:u}=Object(Fa.b)(),[d,m]=Object(Ee.a)(!1),p=r?o:m,g=(null===t||void 0===t?void 0:t.length)>1?"s":"",[A,{loading:b}]=Object(De.c)(Jt.Zc,{onCompleted:()=>{u({msg:`Re-gen mockup${g} successfully.`,err:!1}),p&&p(),a&&a()},onError:e=>{u({msg:Object(c.ib)(e.toString()),err:!0})}}),h=Object(l.useCallback)(()=>{(null===t||void 0===t?void 0:t.length)>0&&(s&&s(!0),u({msg:null,err:!1}),A({variables:{ids:t}}))},[t,A,u,s]);return n.a.createElement(l.Fragment,null,!r&&n.a.createElement(D.g,{children:"Re-gen Mockups",onClick:m}),n.a.createElement(D.E,{title:"Re-gen Mockup"+g,open:r?i:d,onClose:p,sectioned:!0,primaryAction:{loading:b,content:"Re-gen",onAction:h},secondaryActions:[{content:"Cancel",onAction:p}]},n.a.createElement("p",null,"Are you sure to re-gen mockup",g,"?")))}function ZU(e){let{idsChecked:t,handleCompleted:a,isAction:r=!1,open:i,toggleOpen:o}=e;const{toggleToast:s,setNotify:u}=Object(Fa.b)(),[d,m]=Object(Ee.a)(!1),p=r?o:m,g=(null===t||void 0===t?void 0:t.length)>1?"s":"",[A,{loading:b}]=Object(De.c)(Jt.rb,{onCompleted:()=>{u({msg:`Delete mockup${g} successfully.`,err:!1}),p&&p(),a&&a()},onError:e=>{u({msg:Object(c.ib)(e.toString()),err:!0})}}),h=Object(l.useCallback)(()=>{(null===t||void 0===t?void 0:t.length)>0&&(s&&s(!0),u({msg:null,err:!1}),A({variables:{ids:t}}))},[t,A,u,s]);return n.a.createElement(l.Fragment,null,!r&&n.a.createElement(D.g,{children:"Delete Mockups",onClick:m,destructive:!0}),n.a.createElement(D.E,{title:"Delete Mockup"+g,open:r?i:d,onClose:p,sectioned:!0,primaryAction:{loading:b,content:"Delete",onAction:h,destructive:!0},secondaryActions:[{content:"Cancel",onAction:p}]},n.a.createElement("p",null,"Are you sure to delete to mockup",g,"?")))}const XU={Pending:"Pending",Doing:"Doing",NeedReview:"Need Review",Done:"Done",Error:"Error",Rejected:"Rejected"};function eL(e){let{item:t,mockupStatus:a,handleCompleted:r,currentParam:i}=e;const o=null===t||void 0===t?void 0:t.id,s=Object(O.g)(),[c,u]=Object(Ee.a)(!1),[d,m]=Object(Ee.a)(!1),[p,g]=Object(l.useState)(null),A=Object(l.useCallback)(e=>{m(!0),g(e)},[m]),b=Object(l.useCallback)(e=>{s.push(`/${i}/product-from-print-file/${e}/${o}`)},[s,o,i]),h=Object(l.useMemo)(()=>{const e=[XU.Doing,XU.Pending,XU.NeedReview,XU.Rejected,XU.Error];return[{content:"Review",icon:qU.a,onAction:()=>A("review"),status:[XU.NeedReview]},{content:"Update",icon:HU.a,onAction:()=>b("edit"),status:e},{content:"Clone product",icon:$U.a,onAction:()=>b("clone"),status:["*"]},{content:"Re-gen Mockup",icon:cI.a,onAction:()=>A("reGenMockup"),status:[XU.Rejected,XU.Error]},{content:"Delete product",icon:_U.a,onAction:()=>A("delete"),destructive:!0,status:e}].filter(e=>e.status.some(e=>[a,"*"].includes(e)))},[A,b,a]),f=n.a.createElement(D.g,{children:"Actions",onClick:u,disclosure:!0}
21135),v={open:d,toggleOpen:m,item:t,id:o,idsChecked:null!=o?[o]:[],handleCompleted:r},E={reGenMockup:n.a.createElement(WU,Object.assign({},v,{isAction:!0})),review:n.a.createElement(KU,v),delete:n.a.createElement(ZU,Object.assign({},v,{isAction:!0}))};return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.K,{activator:f,active:c,onClose:u,preferredAlignment:"right"},n.a.createElement(D.a,{items:h})),E[p])}function tL(e){let{idsChecked:t,handleCompleted:a}=e;const{toggleToast:r,setNotify:i}=Object(Fa.b)(),[o,s]=Object(Ee.a)(!1),[u,d]=Object(l.useState)(null),m="boolean"===typeof u&&(u?"Accept":"Reject")+" Design successfully.",[p,{loading:g}]=Object(De.c)(Jt.D,{onCompleted:()=>{i({msg:m,err:!1}),s(),a&&a()},onError:e=>{i({msg:Object(c.ib)(e.toString()),err:!0})}}),A=Object(l.useCallback)(e=>{(null===t||void 0===t?void 0:t.length)>0&&(d(e),r&&r(!0),i({msg:null,err:!1}),p({variables:{ids:t,isApprove:e}}))},[t,p,i,r]),b={content:"Accept",onAction:Object(l.useCallback)(()=>{A(!0)},[A]),loading:!0===u&&g},h={content:"Reject",onAction:Object(l.useCallback)(()=>{A(!1)},[A]),loading:!1===u&&g};return n.a.createElement(l.Fragment,null,n.a.createElement(D.g,{children:"Review",onClick:s}),n.a.createElement(D.E,{title:"Review Mockups",open:o,onClose:s,sectioned:!0,primaryAction:b,secondaryActions:[h]},n.a.createElement("p",null,"Are you sure to review to mockups?")))}function aL(e){let{filter:t,data:a,setFilter:r,refetch:i,refetchCount:o,currentParam:s}=e;const c=null===a||void 0===a?void 0:a.productUsingGen2dMockups,u=null===c||void 0===c?void 0:c.nodes,[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)(!1),[A,b]=Object(l.useState)({}),[h,f]=Object(l.useState)([]),v=Object(l.useRef)(null),E=Object(l.useCallback)(e=>{e=Object(e);let t=[];for(let[a,l]of Object.entries(e))l&&t.push(a);return t},[]),y=Object(l.useCallback)(e=>{g(e);let t=(null===u||void 0===u?void 0:u.length)>0?u:[],a=[];if(e){let e={};for(let a=0;a<t.length;a++)e={...e,[t[a].id]:!0};b(e),a=E(e)}else b({}),a=[];f(a)},[u,E]),k=Object(l.useMemo)(()=>n.a.createElement(D.j,{label:"",checked:p,onChange:e=>y(e)}),[p,y]),O=Object(l.useCallback)((e,t)=>{let a,l=[];b(n=>{let r={...n,[e]:t};return a=Object.values(r).filter(e=>e).length,l=E(r),r}),t?g(!0):a||g(!1),f(l)},[E]),j=Object(l.useCallback)(()=>{i(),clearTimeout(v.current),v.current=setTimeout(()=>{o()},100)},[i,o]);Object(l.useEffect)(()=>{const e=(null===u||void 0===u?void 0:u.length)>0?u.map(e=>{var t;if(null==e)return null;const a=null===(t=e.mockup2DGenerate)||void 0===t?void 0:t.status,l=e.productBases,r=e.id,i=n.a.createElement("div",{className:"check-box-wrap"},n.a.createElement(D.j,{id:r,checked:!!A[r],onChange:(e,t)=>
21135O(t,e)})),{title:o,shortTitle:c,amzTitle:u}=e||{},d=(null===l||void 0===l?void 0:l.length)>1?`/${s}/products/campaign`:`/${s}/products/edit`,m="Done"===a?jn.a:"span",p=n.a.createElement(nL,{label:"Origin Title"},n.a.createElement(m,{href:`${d}/${r}`},o)),g=e.personalized&&n.a.createElement(D.e,{status:"success",children:"Personalized"}),b=n.a.createElement("div",{className:"product-wrap item"},n.a.createElement(D.Y,{vertical:!0,spacing:"extraTight"},p,n.a.createElement("div",null,n.a.createElement(nL,{label:"FB Title",value:c})),n.a.createElement("div",null,n.a.createElement(nL,{label:"AMZ Title",value:u})),n.a.createElement("div",null,g),n.a.createElement("div",null,n.a.createElement(D.e,{children:e.sku})))),h=(null===l||void 0===l?void 0:l.length)>0?l.map(e=>e.title).filter(Boolean).join(", "):null,f=n.a.createElement("div",{className:"bases-wrap item"},n.a.createElement("span",null,h)),v=w.u[a],E=n.a.createElement("div",{className:"status-wrap item"},v&&n.a.createElement(D.e,{children:a,status:v})),y=e.collections.map((e,t)=>n.a.createElement(D.e,{key:"collection-"+t,children:e.name})),C=n.a.createElement("div",{className:"collections-wrap item"},y),k=e.tags.map((e,t)=>n.a.createElement(D.e,{key:"tag-"+t,children:e.name})),S=n.a.createElement("div",{className:"tags-wrap item"},k);return[i,n.a.createElement("div",{className:"image-wrap item"},n.a.createElement(lL,{item:e})),b,f,E,C,S,n.a.createElement("div",{className:"actions-wrap item"},n.a.createElement(eL,{item:e,mockupStatus:a,handleCompleted:j,currentParam:s}))]}).filter(Boolean):[];m(e)},[u,O,A,j,s]);const S=[k,"","Product","Product Base","Status","Collections","Tags",n.a.createElement("div",{className:"actions-wrap"},"Actions")],I=new Array(S.length-1).fill("text").concat("numeric"),{limit:B,offset:P,status:x}=t,M=Object(C.get)(c,"total",0),T={page:P/B+1,totalPage:Math.ceil(M/B),offset:P,limit:B,onChange:r,total:M},Q=[XU.NeedReview].includes(x),R=["Error","Rejected"].includes(x);return n.a.createElement(l.Fragment,null,n.a.createElement(BC.BulkActions,{idsChecked:h,onClose:()=>y(!1)},R&&n.a.createElement(WU,{idsChecked:h,handleCompleted:j}),Q&&n.a.createElement(tL,{idsChecked:h,handleCompleted:j}),n.a.createElement(ZU,{idsChecked:h,handleCompleted:j})),n.a.createElement(rL,null,n.a.createElement(D.n,{rows:d,columnContentTypes:I,headings:S,hideScrollIndicator:!0,verticalAlign:"middle"})),n.a.createElement(iL,null,n.a.createElement(Ye.PaginationPolaris,{aggregation:T,showTotal:!0})))}function lL(e){var t;let{item:a}=e;const[r,i]=Object(Ee.a)(!1),o=(null===(t=a.images)||void 0===t?void 0:t.length)>0?a.images.filter(e=>e.file):[],s=(null===o||void 0===o?void 0:o.length)>0?o[0]:null,c=null===s||void 0===s?void 0:s.file,u=n.a.createElement("div",{style:{cursor:c?"pointer":"initial"},onClick:()=>c?i():{}},n.a.createElement(uN.a,{file:c}));return n.a.createElement(l.Fragment,null,u,n.a.createElement(rs.a,{item:a,open:r,toggleShowModal:i}))}function nL(e){let{label:t,value:a,children:r}=e;return a||r?n.a.createElement(l.Fragment,null,n.a.createElement(D.db,{variation:"strong",children:t+": "}),r||n.a.createElement("span",null,a)):null}const rL=j.b.div` 21136 overflow-x: auto; 21137 21138 .Polaris-DataTable__ScrollContainer { 21139 overflow-x: inherit; 21140 } 21141 21142 .item { 21143 white-space: normal; 21144 word-break: break-word; 21145 } 21146 21147 .product-wrap { 21148 width: calc(40rem - 3.2rem); 21149 } 21150 21151 .bases-wrap { 21152 width: calc(20rem - 3.2rem); 21153 } 21154 21155 .status-wrap { 21156 width: calc(15rem - 3.2rem); 21157 } 21158 21159 .actions-wrap { 21160 width: calc(23rem - 3.2rem); 21161 21162 .Polaris-ButtonGroup { 21163 justify-content: end; 21164 } 21165 } 21166 21167 .collections-wrap, 21168 .tags-wrap { 21169 width: calc(20rem - 3.2rem); 21170 margin-left: -0.7rem; 21171 margin-top: -0.9rem; 21172 21173 > span { 21174 margin-top: 1rem; 21175 margin-left: 1rem; 21176 } 21177 21178 .Polaris-Badge { 21179 max-width: 100%; 21180 .Polaris-Badge__Content { 21181 overflow: hidden; 21182 text-overflow: ellipsis; 21183 white-space: nowrap; 21184 } 21185 } 21186 } 21187`,iL=j.b.div` 21188 padding: 1.6rem; 21189 background: var(--p-surface-subdued, #ebeef1); 21190 text-align: center; 21191 border-radius: var(--p-border-radius-wide, 3px); 21192 width: 100%; 21193 border-top-right-radius: 0; 21194 border-top-left-radius: 0; 21195 overflow-x: scroll; 21196`,oL=[{label:"All",value:null},...Object.keys(w.u).map(e=>({value:e,label:e}))],sL=e=>{let{defaultValue:t,onChange:a,aggregations:r}=e;const[i,o]=Object(l.useState)(0),[s,c]=Object(l.useState)([]),u=Object(l.useCallback)(e=>e?e.replace(/\s+/g,""):"",[]),d=Object(l.useCallback)((e,t)=>e[t]||0,[]);Object(l.useEffect)(()=>
21196{if(oL.length>0){let e=oL.map(e=>{if(!e)return null;let t=u(e.label);return{id:t,content:n.a.createElement("span",null,n.a.createElement("span",{style:{marginRight:"0.5rem"}},e.label),r?n.a.createElement(D.e,null,d(r,t)):null),accessibilityLabel:e.label,panelID:t}}).filter(Boolean);c(e)}},[u,r,d]),Object(l.useEffect)(()=>{let e=t;if(e){if((null===s||void 0===s?void 0:s.length)>0){let t=s.findIndex(t=>t.accessibilityLabel===e);o(t)}}else o(0)},[s,t]);const m=Object(l.useCallback)(e=>{o(e);let t=s&&s.length?s.find((t,a)=>a===e):null,l=t&&t.accessibilityLabel;a&&a({status:"All"!==l?l:null})},[s,a]);return n.a.createElement(D.Z,{tabs:s,onSelect:m,selected:i})},cL=[...oe.n,"productBaseId","tags","collections","personalized","status"],uL={normal:!1,personalized:!0};function dL(e){var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(null!=e){const{productType:t,limit:a,paged:l,collections:n,tags:r}=e,i=uL[t]||null;e.collections=n?[n]:null,e.tags=r?[r]:null,e.personalized=i;let o=Number(a)||10;e.limit=o;let s=l?Object(c.n)(e.limit,Math.round(l)):0;e.offset=s,e=Object(c.Jb)(e,cL)}return e},[i]),{currentUser:s}=Object(l.useContext)(te.a);let u=Object(c.U)(s);const[d,m]=Object(l.useState)({limit:Number(Object(c.M)("perProductFPrintFile"))||20,offset:0,search:"",productBaseId:null,tags:null,collections:null,personalized:null,status:null,...o}),[p,g]=Object(l.useState)({}),{data:A,loading:b,error:h,refetch:f}=Object(De.d)(I.bc,{variables:{filter:d},fetchPolicy:"cache-and-network"}),[v,{data:E,refetch:y}]=Object(De.b)(I.bc);Object(l.useEffect)(()=>{var e,t;let a=null===E||void 0===E||null===(e=E.productUsingGen2dMockups)||void 0===e||null===(t=e.aggeration)||void 0===t?void 0:t.aggeration;g(a)},[E]),Object(l.useEffect)(()=>{v({variables:{filter:{...d,status:null}}})},[d,v]),Object(l.useEffect)(()=>{let{limit:e,offset:t,personalized:a,...l}=d,n=null;!1===a?n="normal":!0===a&&(n="personalized");let r=null;const i=Object(c.o)(e,t);r=Object(c.l)({limit:e,paged:i,productType:n,...l}),B.a.push(`${B.a.location.pathname}?${r}`)},[d]);const k=Object(l.useCallback)(()=>{B.a.push(`/${u}/product-from-print-file/create`)},[B.a,u]),O=Object(l.useCallback)(e=>{let{search:t,productBaseId:a,collections:l,tags:n,personalized:r,status:i}=e;m(e=>Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.productBaseId,a)&&Object(C.isEqual)(e.collections,l)&&Object(C.isEqual)(e.tags,n)&&Object(C.isEqual)(e.personalized,r)&&Object(C.isEqual)(e.status,i)?e:{...e,offset:0,search:t,productBaseId:a,collections:l,tags:n,personalized:r,status:i})},[]),j=Object(l.useCallback)((e,t)=>{m(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perProductFPrintFile",t,100)},[]),w=b&&n.a.createElement(D.D,null);return n.a.createElement(D.H,{title:"Product From Print File",fullWidth:!0,breadcrumbs:[{url:`/${u}/products`,content:"Products"}],primaryAction:{content:"Create New",onAction:k}},w,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(zU,{filter:d,onChange:O})),n.a.createElement(D.i,null,n.a.createElement(sL,{aggregations:p,defaultValue:d.status,onChange:e=>{let{status:t}=e;return m(e=>({...e,status:t,offset:t!==e.status?0:e.offset}))}}),b?n.a.createElement(Je.SkeletonPagePolaris,null):h?n.a.createElement("div",null,"Error: ",Object(c.ib)(h.toString())):(null===A||void 0===A||null===(t=A.productUsingGen2dMockups)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(aL,{filter:d,setFilter:j,data:A,refetch:f,refetchCount:y,currentParam:u}):n.a.createElement(We.EmptyStatePolaris,null)))}function mL(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const r=Object(l.useMemo)(()=>Object(c.W)(t),[t]);return n.a.createElement(pL,null,n.a.createElement(Fa.a,null,n.a.createElement(dL,{path:r})))}const pL=j.b.div` 21197 margin: -1rem; 21198 @media (min-width: 640px) { 21199 margin: -1.5rem; 21200 } 21201`,gL=j.b.div` 21202 .product_wrap { 21203 width: calc(25rem - 3.2rem); 21204 white-space: break-spaces; 21205 } 21206 .reason_wrap { 21207 width: calc(20rem - 3.2rem); 21208 white-space: break-spaces; 21209 } 21210 .collection_wrap, 21211 .tag_wrap { 21212 margin-left: -1rem; 21213 margin-top: -0.9rem; 21214 max-width: calc(20rem - 3.2rem); 21215 display: flex; 21216 flex-wrap: wrap; 21217 > span { 21218 margin-top: 1rem; 21219 margin-left: 1rem; 21220 } 21221 .Polaris-Badge { 21222 max-width: 100%; 21223 .Polaris-Badge__Content { 21224 overflow: hidden; 21225 text-overflow: ellipsis; 21226 white-space: nowrap; 21227 } 21228 } 21229 } 21230 .Polaris-DataTable__Footer { 21231 overflow-x: scroll; 21232 } 21233`,AL=e=>{const{data:t,filter:a,setFilter:r,total:i}=e,{currentUser:o}=Object(l.useContext)(te.a);let s=Object(c.U)(o);const u=t&&t.length>0?t.map(e=>{const t=k.a.get(e,"title",null),a=k.a.get(e,"images",[]),l=k.a.get(e,"divisions",[]),r=l&&l.length>0?l.filter(e=>e.ignored).map(e=>e.reason).join(", "):null;let i=(e&&e.collections&&e.collections.length>0?e.collections.map(e=>e.name):[]).map((e,t)=>
21233n.a.createElement(D.e,{key:"collection-"+t},e)),o=(e&&e.tags&&e.tags.length>0?e.tags.map(e=>e.name):[]).map((e,t)=>n.a.createElement(D.e,{key:"tag-"+t}," ",e));const c=`${(u=e)&&u.productBases&&u.productBases.length>1?`/${s}/products/campaign`:`/${s}/products/edit`}/${u.id}?productIgnored=true`;var u;let d=k.a.head(a);return d=d&&d.file&&(d.file.thumbnailUrl?d.file.thumbnailUrl:d.file.url?d.file.url:null),[n.a.createElement("div",null,n.a.createElement(D.eb,{size:"large",alt:"",source:d})),n.a.createElement("div",{className:"product_wrap"},n.a.createElement("span",null,t)),n.a.createElement("div",{className:"reason_wrap"},n.a.createElement("span",null,r)),n.a.createElement("div",{className:"collection_wrap"},i),n.a.createElement("div",{className:"tag_wrap"},o),n.a.createElement("div",null,n.a.createElement(D.g,{plain:!0,children:"Edit",url:c}))]}):[];let{limit:d,offset:m}=a;const p={page:m/d+1,totalPage:Math.ceil(i/d),offset:m,limit:d,onChange:r,total:i};return n.a.createElement(gL,null,n.a.createElement(D.n,{columnContentTypes:["text","text","text","text","text","number"],headings:["Image","Product","Reason","Collections","Tags","Action"],rows:u,verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:p,showTotal:!0})}))},bL=o.a` 21234 query getProductsIgnored($filter: ProductIgnoredFilter) { 21235 getProductsIgnored(filter: $filter) { 21236 total 21237 nodes { 21238 id 21239 title 21240 productBases { 21241 id 21242 } 21243 collections { 21244 id 21245 name 21246 } 21247 tags { 21248 id 21249 name 21250 } 21251 images { 21252 id 21253 file { 21254 id 21255 thumbnailUrl 21256 url 21257 } 21258 } 21259 divisions { 21260 id 21261 ignored 21262 reason 21263 used 21264 } 21265 } 21266 } 21267 } 21268`,hL=()=>{const[e,t]=Object(l.useState)({limit:Number(Object(c.M)("perPageProductsIgnored"))||20,offset:0,search:null}),{data:a,loading:r,error:i}=Object(De.d)(bL,{variables:e,fetchPolicy:"cache-and-network"}),o=r&&n.a.createElement(D.D,null);return n.a.createElement(n.a.Fragment,null,o,n.a.createElement(D.i,null,r?n.a.createElement(Je.SkeletonPagePolaris,null):n.a.createElement(n.a.Fragment,null,i?n.a.createElement("div",{style:{padding:"1.6rem"}},"Error: ",Object(c.ib)(i.toString())):n.a.createElement(n.a.Fragment,null,a&&a.getProductsIgnored&&a.getProductsIgnored.nodes&&a.getProductsIgnored.nodes.length>0?n.a.createElement(AL,{data:a.getProductsIgnored.nodes,total:a.getProductsIgnored.total?Number(a.getProductsIgnored.total):0,filter:e,setFilter:(e,a)=>{t(t=>({...t,offset:e,limit:a})),Object(c.Nb)("perPageProductsIgnored",a,100)}}):n.a.createElement(We.EmptyStatePolaris,null)))))},fL=j.b.div` 21269 margin: -1rem; 21270 @media (min-width: 640px) { 21271 margin: -1.5rem; 21272 } 21273`,vL=()=>n.a.createElement(fL,null,n.a.createElement(D.H,{title:"Products Ignored",fullWidth:!0},n.a.createElement(hL,null))),EL=j.b.div` 21274 margin: -1rem; 21275 @media (min-width: 640px) { 21276 margin: -1.5rem; 21277 } 21278`,yL=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const r=Object(l.useMemo)(()=>Object(c.W)(t),[t]),{currentUser:i}=Object(te.c)(),o=Object(c.U)(i);return n.a.createElement(EL,null,n.a.createElement(D.H,{title:"All Push Product",fullWidth:!0,primaryAction:{content:"New Push Product",url:`/${o}/products/product-push/add`}},n.a.createElement(My,{path:r})))},CL=[{value:!1,label:"False"},{value:!0,label:"True"}],kL=[{value:"productcreated",label:"Product created time"},{value:"totalorder",label:"Total order"}],OL=[{value:"DESC",label:"Desc"},{value:"ASC",label:"Asc"}],jL=o.a` 21279 query recreateMockups($filter: RecreateMockupFilter) { 21280 recreateMockups(filter: $filter) { 21281 nodes { 21282 id 21283 title 21284 } 21285 } 21286 } 21287`,wL={limit:20,offset:0},SL=e=>{var t;let{filter:a,onChange:r,designerSpecial:i}=e;const[o,s]=Object(l.useState)(a.search),[c,u]=Object(l.useState)({value:[!1],label:"False"}),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)({value:a.recreateMockupId,label:null,search:null}),[A,b]=Object(l.useState)({value:a.sortBy,label:null}),[h,f]=Object(l.useState)({value:a.sortOrder,label:null}),v=Object(l.useRef)(null),[E,y]=Object(l.useState)([]),[k,O]=Object(l.useState)({value:(null===(t=a.mockupUpdatedBy)||void 0===t?void 0:t.length)>0?a.mockupUpdatedBy:[],label:null,search:null}),[j,w]=Object(l.useState)({range:null,rangeLabel:null}),{loading:S,error:I}=Object(De.d)(jL,{variables:{filter:{limit:20,offset:0,search:p.search?p.search:null}},onCompleted:e=>{M(e)}}),{loading:B,error:P}=Object(De.d)(hv,{onCompleted:e=>{x(e)},onError:()=>{},variables:{filter:{...wL,search:k.search,teamRoles:[oe.gb.Admin,oe.gb.DesignLeader]}}}),x=Object(l.useCallback)(e=>{var t,l;let n=(null===e||void 0===e||null===(t=e.teamMembers)||void 0===t||null===(l=t.hits)||void 0===l?void 0:l.length)>0?e.teamMembers.hits.map(e=>{if(!e||!e.user)return null;const t=e&&e.user;return{value:t.id,label:`${t.firstName} ${t.lastName}`}}):[];
21287n=n.filter(Boolean);let r=a.mockupUpdatedBy,i=n.find(e=>[e.value].includes(r));if(i){let{value:e,label:t}=i;O({value:e,label:t})}y(n)},[a.mockupUpdatedBy]);Object(l.useEffect)(()=>{if(a.recreateMockupId){let e=a.recreateMockupId,t=d.find(t=>t.value===e);t&&g({value:t.value,label:t.label})}},[a,d]);const M=Object(l.useCallback)(e=>{var t,a;let l=(null===e||void 0===e||null===(t=e.recreateMockups)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?e.recreateMockups.nodes.map(e=>({value:e.id,label:e.title})):[];m(l)},[]),T=Object(l.useCallback)(e=>{s(e=e||null)},[]),Q=Object(l.useCallback)(()=>s(null),[]),R=Object(l.useCallback)(()=>u({value:[!1],label:"False"}),[]),F=Object(l.useCallback)(()=>g({value:null,label:null,search:null}),[]),N=Object(l.useCallback)(()=>b({value:a.sortBy,label:null}),[a.sortBy]),U=Object(l.useCallback)(()=>f({value:a.sortOrder,label:null}),[a.sortOrder]),L=Object(l.useCallback)(()=>O(()=>({value:null,label:null,search:null})),[]),V=Object(l.useCallback)(()=>w(()=>({range:null,rangeLabel:null})),[]),z=[Q,R,F,N,U,L,V],q=Object(l.useCallback)(()=>{for(let e of z)e&&e()},[...z]);Object(l.useEffect)(()=>{v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{var e;let t=Array.isArray(c.value)?c.value[0]:c.value,a=(null===(e=k.value)||void 0===e?void 0:e.length)>0?k.value:null,l=j.range;r&&r({search:o?o.trim():o,mockupUpdated:t,recreateMockupId:p.value,sortOrder:h.value,sortBy:A.value,mockupUpdatedBy:a,range:l})},300)},[o,c,p,h,A,k,j]);const H=[{key:"recreateMockups",label:"Recreate Mockups",filter:n.a.createElement(ba.a,{value:p,options:d,loading:S,error:I,onChangeSearch:e=>g(t=>({...t,search:e})),onChange:e=>{let{value:t,label:a}=e;return g(e=>({...e,value:t,label:a}))}})},{key:"updated",label:"Mockup updated",filter:n.a.createElement(KR,{options:CL,value:c,onChange:e=>{let{value:t,label:a}=e;u(e=>({...e,value:[t],label:a}))}})},...i?[{key:"author",label:"Mockup updated by",filter:n.a.createElement(ba.a,{value:k,options:E,loading:B,error:P,onChange:e=>{let{value:t,label:a}=e;return O(e=>({...e,value:t,label:a}))},onChangeSearch:e=>O(t=>({...t,search:e}))})}]:[],{key:"filter-time",label:"Mockup updated at",filter:n.a.createElement(sF.a,{options:Aa.a,filterTime:j,onChangeRange:(e,t)=>{w(a=>({...a,range:e,rangeLabel:t}))}})},{key:"sortBy",label:"Sort by",filter:n.a.createElement(Mi.a,{options:kL,value:A.value,onChange:e=>{let{value:t,label:a}=e;return b({value:t,label:a})}})},{key:"sortOrder",label:"Sort order",filter:n.a.createElement(Mi.a,{options:OL,value:h.value,onChange:e=>{let{value:t,label:a}=e;return f({value:t,label:a})}})}],$=[];if(null!=c){const e="updated";$.push({key:e,label:_(e,c.label),onRemove:R})}if(!Object(C.isEmpty)(p.value)){const e="recreateMockups";$.push({key:e,label:_(e,p.label),onRemove:F})}if(!Object(C.isEmpty)(A.label)){const e="sortBy";$.push({key:e,label:_(e,A.label),onRemove:N})}if(!Object(C.isEmpty)(h.label)){const e="sortOrder";$.push({key:e,label:_(e,h.label),onRemove:U})}if(!Object(C.isEmpty)(k.label)){const e="author";$.push({key:e,label:_(e,k.label),onRemove:L})}if(!Object(C.isEmpty)(j.rangeLabel)&&j.range){const e="filter-time";$.push({key:e,label:_(e,j.rangeLabel),onRemove:V})}return n.a.createElement(D.r,{filters:H,appliedFilters:$,queryPlaceholder:"Filter item",queryValue:o,onQueryChange:T,onQueryClear:Q,onClearAll:q});function _(e,t){switch(e){case"updated":return"Mockup updated: "+t;case"recreateMockups":return"Recreate Mockup: "+t;case"sortBy":return"Sort by: "+t;case"sortOrder":return"Sort order: "+t;case"author":return"Updated by: "+t;case"filter-time":return"Time: "+t;default:return t}}},IL=j.b.div` 21288 .bases-wrap { 21289 padding-left: 0.5rem; 21290 display: flex; 21291 flex-direction: row; 21292 column-gap: 1.5rem; 21293 flex-wrap: wrap; 21294 margin-bottom: 3rem; 21295 .base-wrap { 21296 width: 48%; 21297 } 21298 } 21299 .btns-wrap { 21300 display: flex; 21301 flex-direction: row-reverse; 21302 } 21303`,BL=e=>{let{value:t,onSubmit:a,toggleShowModal:r,loading:i}=e;const[o,s]=Object(l.useState)({title:null,collections:null,tags:null,mockups:null,mainImageId:null}),[u,d]=Object(l.useState)([]),[m,p]=Object(l.useState)(!0);Object(l.useEffect)(()=>
21303{if(t){var e,a;let{title:l,collections:n,tags:r,images:i,productBases:o}=t,c=n||[];c=(null===(e=c)||void 0===e?void 0:e.length)>0?c.map(e=>{let{id:t,name:a}=e;return{id:t,name:a}}):[];let u=r||[];u=(null===(a=u)||void 0===a?void 0:a.length)>0?u.map(e=>{let{id:t,name:a}=e;return{id:t,name:a}}):[];let m=[];for(let e of o){let t=null===e||void 0===e?void 0:e.id,a=(null===i||void 0===i?void 0:i.length)>0?i.filter(e=>e.productBaseId===t):[];m.push({...e,images:a})}d(m),s(e=>({...e,title:l,collections:c,tags:u}))}},[t]);const g=Object(l.useCallback)(()=>{let e=[];u.forEach(t=>{let{id:a,images:l}=t;l.forEach(t=>{let{file:l}=t,n={productBaseId:a,fileId:l?l.id:t.id};e.push(n)})});let{title:t,collections:l,tags:n,mainImageId:r}=o,i=l&&l.length>0?l.map(e=>"object"===typeof e?e.id:e):[],s=n&&n.length>0?n.map(e=>"object"===typeof e?e.id:e):[];a&&a({title:t,collections:i,tags:s,mockups:e,mainImageId:r})},[o,u]),A=Object(l.useCallback)((e,t)=>{if(t.length){var a;p(!1);let e=null===(a=t[0])||void 0===a?void 0:a.id;s(t=>({...t,mainImageId:e||null}))}d(a=>{for(let l of a)l.id===e&&(l.images=t);return[...a]})},[]),b=null===t||void 0===t?void 0:t.sku;return n.a.createElement(IL,null,n.a.createElement(D.t,null,n.a.createElement(D.cb,{value:o.title,label:"Title",placeholder:"Enter title",onChange:e=>s(t=>({...t,title:e}))}),n.a.createElement(Av.CollectionSelectPolaris,{value:o.collections,allowMultiple:!0,label:"Collections",onChange:e=>s(t=>({...t,collections:e}))}),n.a.createElement(bv.TagsSelectPolaris,{value:o.tags,allowMultiple:!0,label:"Tags",onChange:e=>s(t=>({...t,tags:e}))}),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Mockup for:"}),n.a.createElement("div",{className:"bases-wrap"},(null===u||void 0===u?void 0:u.length)>0?u.map((e,t)=>n.a.createElement("div",{className:"base-wrap",key:t},n.a.createElement("span",null,null===e||void 0===e?void 0:e.title),n.a.createElement(dl.a,{prefix:"mockups/",sizeSmall:!0,folder:b?Object(c.Z)(b):oe.ob.MOCKUPS,multiple:!0,accept:"image/*",onChange:t=>A(null===e||void 0===e?void 0:e.id,t),mainImageId:o.mainImageId,hasMainImg:!0,setMainImage:e=>s(t=>({...t,mainImageId:e}))}))):null)),n.a.createElement("div",{className:"btns-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Cancel",onClick:r}),n.a.createElement(D.g,{children:"Submit",primary:!0,onClick:g,loading:i,disabled:m})))))},DL=o.a` 21304 mutation uploadProductMockup($input: EditProductMockup!) { 21305 uploadProductMockup(input: $input) { 21306 id 21307 title 21308 } 21309 } 21310`,PL=e=>{let{open:t,toggleShowModal:a,value:r,onNotificationChange:i,toggleActive:o,refetch:s}=e;const[u,{loading:d}]=Object(De.c)(DL,{onCompleted:()=>{a&&a(),i&&(i({message:"Update mockup successfuly.",isError:!1}),s&&s())},onError:e=>{i({message:Object(c.ib)(e.toString()),isError:!0})}}),m=Object(l.useCallback)(e=>{let t=null===r||void 0===r?void 0:r.id;i&&i({message:null,isError:!1}),e&&u({variables:{input:{...e,id:t}}}),o&&o()},[r]);return n.a.createElement(D.E,{title:"Update Mockup",open:t,onClose:a,sectioned:!0},n.a.createElement(BL,{value:r,toggleShowModal:a,onSubmit:m,loading:d}))},xL=e=>{let{designPositions:t,productBases:a}=e;const[r,i]=Object(l.useState)(0),[o,s]=Object(l.useState)([]);Object(l.useEffect)(()=>{let e=(null===t||void 0===t?void 0:t.length)>0?t.map(e=>{let t={...e};return a.forEach(a=>{var l;(null===e||void 0===e||null===(l=e.designPosition)||void 0===l?void 0:l.productBaseId)===a.id&&(t={...t,baseName:a.title})}),t}).filter(Boolean):[],l=(null===e||void 0===e?void 0:e.length)>0?e.map(e=>{var t;let a=`${null===e||void 0===e||null===(t=e.designPosition)||void 0===t?void 0:t.name} (${null===e||void 0===e?void 0:e.baseName})`;return a?{id:Object(c.Vb)(a),content:a,accessibilityLabel:a}:null}).filter(Boolean):[];s(l)},[t,a]);const u=Object(l.useCallback)(e=>i(e),[]);return n.a.createElement(D.Z,{tabs:o,selected:r,onSelect:u},(null===t||void 0===t?void 0:t.length)>0?t.map((e,t)=>{let a=o[r],l=!1;return(null===a||void 0===a?void 0:a.id.includes("black"))&&(l=!0),t===r?n.a.createElement("div",{className:"task-compare-item",key:e.id,style:{marginTop:"1rem"}},n.a.createElement("div",{className:"design_inner"},n.a.createElement(ci.default,{width:"auto",maxWidth:"100%",height:"auto",files:{files:e.file?[e.file]:[]},isCompare:!0,hasShadow:!0,includesBlack:l}))):null}):null)},ML=j.b.div` 21311 display: flex; 21312 flex-direction: row; 21313 column-gap: 2rem; 21314 .content-wrap { 21315 display: flex; 21316 width: 50%; 21317 flex-direction: column; 21318 row-gap: 1rem; 21319 .thumbnail-wrap { 21320 width: 100%; 21321 display: flex; 21322 flex-direction: column; 21323 text-align: center; 21324 row-gap: 1rem; 21325 position: relative; 21326 margin-bottom: 2rem; 21327 img { 21328 width: 100%; 21329 height: auto; 21330 object-fit: cover; 21331 cursor: pointer; 21332 border-radius: 3px; 21333 box-shadow: 0 -1px 15px -3px rgba(0, 0, 0, 0.1), 21334 0 4px 6px 2px rgba(0, 0, 0, 0.1); 21335 } 21336 } 21337 } 21338 .orderDesign-wrap { 21339 width: 50%; 21340 display: flex; 21341 flex-direction: column; 21342 flex-wrap: wrap; 21343 row-gap: 1rem; 21344 .orderDesign-inner { 21345 display: flex; 21346 flex-wrap: wrap; 21347 row-gap: 1rem; 21348 justify-content: start; 21349 width: 100%; 21350 } 21351 } 21352 h3 { 21353 font-size: 16px; 21354 font-weight: 500; 21355 margin-bottom: 0.5rem; 21356 } 21357 21358 .orderDesign-content, 21359 .thumbnail-wrap { 21360 &:hover { 21361 .view-origin { 21362 opacity: 1; 21363 } 21364 } 21365 .view-origin { 21366 position: absolute; 21367 top: 0; 21368 right: 0; 21369 bottom: 0; 21370 left: 0; 21371 text-align: right; 21372 padding-top: 1rem; 21373 padding-right: 1rem; 21374 background: linear-gradient( 21375 180deg, 21376 rgba(33, 43, 54, 0.55), 21377 hsla(0, 0%, 100%, 0) 21378 ); 21379 opacity: 0; 21380 transition: 0.3s opacity ease-out; 21381 .img-wrap { 21382 display: inline-block; 21383 } 21384 .Polaris-Icon { 21385 svg { 21386 fill: hsla(0, 0%, 100%, 0.8); 21387 } 21388 } 21389 } 21390 } 21391 .design-postions-wrap { 21392 width: 50%; 21393 } 21394`,TL=e=>{var t;let{open:a,toggleShowModal:r,value:i}=e;const[,o]=Object(l.useState)(!1),s=Object(l.useCallback)(()=>o(e=>!e),[]);Object(l.useEffect)(()=>{let e=document.querySelector("#view-mockup-wrap"),t=document.querySelectorAll(".Polaris-Modal-Dialog__Modal");for(let a of t)Object(c.u)(a,e)&&a.setAttribute("style","max-width: calc(100% - 10rem); height: calc(100vh)")});const u=(null===i||void 0===i?void 0:i.images)||[],d=(null===i||void 0===i||null===(t=i.designPositions)||void 0===t?void 0:t.length)>0?i.designPositions.filter(e=>e.file):[];return n.a.createElement(D.E,{title:"View Mockups",open:a,onClose:r,sectioned:!0,primaryAction:{content:"Done",onAction:r}},n.a.createElement(ML,{id:"view-mockup-wrap"},n.a.createElement("div",{className:"content-wrap"},n.a.createElement("h3",null,"Mockups"),(null===u||void 0===u?void 0:u.length)>0?u.map((e,t)=>{let a=e&&e.file?e.file.url?e.file.url:e.file.thumbnail:null;return n.a.createElement("div",{className:"thumbnail-wrap",key:t},n.a.createElement("img",{alt:"",src:a,onClick:s,className:"shadow-md"}),n.a.createElement("div",{className:"view-origin"},n.a.createElement("div",{className:"img-wrap"},n.a.createElement(jn.a,{href:a},n.a.createElement(D.w,{source:EQ.a})))))}):null),n.a.createElement("div",{className:"design-postions-wrap"},d.length>0?n.a.createElement("div",null,n.a.createElement("h3",null,"Designs"),n.a.createElement(xL,{designPositions:d,productBases:null===i||void 0===i?void 0:i.productBases})):null)))},QL=e=>{let{item:t,toggleActive:a,onNotificationChange:r,refetch:i}=e;const[o,s]=Object(l.useState)(!1),[c,u]=Object(l.useState)(null),d=Object(l.useCallback)(e=>{u(e),s(e=>!e)},[]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"View",size:"slim",plain:!0,onClick:()=>d("view")}),n.a.createElement(D.g,{children:"Update Mockup",plain:!0,size:"slim",onClick:()=>d("updateMockup")})),n.a.createElement(PL,{open:o&&"updateMockup"===c,toggleShowModal:d,value:t,refetch:i,toggleActive:a,onNotificationChange:r}),n.a.createElement(TL,{open:o&&"view"===c,toggleShowModal:d,value:t,refetch:i}))},RL=j.b.div` 21395 .product-wrap, 21396 .base-wrap { 21397 width: calc(25rem - 3.2rem); 21398 white-space: break-spaces; 21399 } 21400 .reason_wrap, 21401 .sku-wrap { 21402 width: calc(20rem - 3.2rem); 21403 white-space: break-spaces; 21404 } 21405 .collection-wrap, 21406 .tag-wrap { 21407 margin-left: -1rem; 21408 margin-top: -0.9rem; 21409 max-width: calc(20rem - 3.2rem); 21410 display: flex; 21411 flex-wrap: wrap; 21412 > span { 21413 margin-top: 1rem; 21414 margin-left: 1rem; 21415 } 21416 .Polaris-Badge { 21417 max-width: 100%; 21418 .Polaris-Badge__Content { 21419 overflow: hidden; 21420 text-overflow: ellipsis; 21421 white-space: nowrap; 21422 } 21423 } 21424 } 21425 .Polaris-DataTable__Footer { 21426 overflow-x: scroll; 21427 } 21428 .actions-wrap { 21429 display: flex; 21430 flex-direction: row-reverse; 21431 min-width: calc(22rem - 3.2rem); 21432 white-space: break-spaces; 21433 } 21434 .updated-at-wrap { 21435 width: calc(15rem - 3.2rem); 21436 white-space: break-spaces; 21437 } 21438 .Polaris-DataTable__TableRow { 21439 &:last-child { 21440 .updated-by-wrap { 21441 padding-bottom: 2rem; 21442 } 21443 } 21444 } 21445`,FL=j.b.div` 21446 display: flex; 21447 align-items: center; 21448 position: relative; 21449 cursor: pointer; 21450 z-index: 1; 21451 transform: ${e=>e.index?`translateX(-${e.index%5*12}px)`:"translateX(0px)"}; 21452 .Polaris-Avatar { 21453 border: 2px solid #fff; 21454 width: calc(4rem + 4px); 21455 } 21456 .tooltip { 21457 visibility: hidden; 21458 background-color: black; 21459 color: #fff; 21460 text-align: center; 21461 border-radius: 6px; 21462 padding: 5px 8px; 21463 position: absolute; 21464 top: 100%; 21465 left: 50%; 21466 transform: translateX(-50%); 21467 } 21468 &:hover { 21469 z-index: 2; 21470 .tooltip { 21471 visibility: visible; 21472 } 21473 } 21474`,NL=e=>{let{filter:t,data:a,setFilter:r,refetch:i}=e;const[o,s]=Object(l.useState)([]),[c,u]=Object(l.useState)(!1),[d,m]=Object(l.useState)({message:null,isError:!1}),p=null===t||void 0===t?void 0:t.mockupUpdated,{currentUser:g}=Object(l.useContext)(te.a),A=Object(C.get)(g,"roles",[]),b=Object(C.get)(g,"teamUser.role",null);let h=oe.hb.Seller,f=!1;A.includes(oe.pb.Seller)&&([oe.gb.MarketplaceManager].includes(b)&&(h=oe.hb.MarketplaceManager),[oe.gb.StoreManager].includes(b)&&(h=oe.hb.StoreManager),[oe.gb.DesignLeader,oe.gb.Designer].includes(b)&&(f=!0)),Object(l.useEffect)(()=>{var e,t;let l=(null===a||void 0===a||null===(e=a.getListProductRecreateMockup)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?a.getListProductRecreateMockup.nodes.map(e=>{const t=Object(C.get)(e,"title",null),a=Object(C.get)(e,"sku",null),l=Object(C.get)(e,"images",[]);let r=Object(C.get)(e,"productBases",[]);const o=(null===r||void 0===r?void 0:r.length)>0?r.map(e=>e.title).join(", "):null;let s=(e&&e.collections&&e.collections.length>0?e.collections.map(e=>e.name):[]).map((e,t)=>
21474n.a.createElement(D.e,{key:"collection-"+t},e)),c=(e&&e.tags&&e.tags.length>0?e.tags.map(e=>e.name):[]).map((e,t)=>n.a.createElement(D.e,{key:"tag-"+t}," ",e)),u=Object(C.head)(l);u=u&&u.file&&(u.file.thumbnailUrl?u.file.thumbnailUrl:u.file.url?u.file.url:null);let d=null===e||void 0===e?void 0:e.personalized;const g=`${(A=e)&&A.productBases&&A.productBases.length>1?`/${h}/products/campaign`:`/${h}/products/edit`}/${A.id}`;var A;let b,E=null===e||void 0===e?void 0:e.mockupUpdatedAt,y=E?Zr()(E).format("YYYY-MM-DD"):null,k=null===e||void 0===e?void 0:e.mockupUpdatedBy;if(k){let{firstName:e,lastName:t}=k,a=`${e} ${t}`;b=n.a.createElement(FL,null,n.a.createElement(D.d,{initials:a.charAt(0)}),n.a.createElement("span",{className:"tooltip"},a))}return[n.a.createElement("div",{className:"image-wrap"},n.a.createElement(D.eb,{size:"large",alt:"",source:u})),n.a.createElement("div",{className:"product-wrap","data-product_id":null===e||void 0===e?void 0:e.id},f?n.a.createElement("span",null,t):n.a.createElement(D.B,{url:g,children:t}),d&&n.a.createElement("div",null,n.a.createElement(D.e,{status:"success",children:"Personalized"}))),n.a.createElement("div",{className:"sku-wrap"},n.a.createElement("span",null,a)),n.a.createElement("div",{className:"base-wrap"},n.a.createElement("span",null,o)),...p?[n.a.createElement("div",{className:"updated-by-wrap"},b),n.a.createElement("div",{className:"updated-at-wrap"},n.a.createElement("span",null,y))]:[],n.a.createElement("div",{className:"collection-wrap"},s),n.a.createElement("div",{className:"tag-wrap"},c),n.a.createElement("div",{className:"actions-wrap"},n.a.createElement(QL,{item:e,toggleActive:v,refetch:i,onNotificationChange:e=>{let{message:t,isError:a}=e;return m({message:t,isError:a})}}))]}):[];s(l)},[a,p]);const v=Object(l.useCallback)(()=>u(e=>!e),[]);let E=[],y=p?8:6;for(let l=0;l<y;l++)E.push("text");E.push("numeric");let{limit:k,offset:O}=t;const j=Object(C.get)(a,"getListProductRecreateMockup.total",0),w={page:O/k+1,totalPage:Math.ceil(j/k),offset:O,limit:k,onChange:r,total:j},S=c?d&&d.message&&n.a.createElement(D.fb,{content:d.message,error:d.isError,duration:2e3,onDismiss:v}):null;return n.a.createElement(RL,null,S,n.a.createElement(D.n,{rows:o,columnContentTypes:E,headings:["Image","Product","SKU","Product bases",...p?["Updated By","Updated At"]:[],"Collections","Tags","Actions"],verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:w,showTotal:!0})}))},UL=o.a` 21475 query getListProductRecreateMockup($filter: ProductRecreateMockupFilter) { 21476 getListProductRecreateMockup(filter: $filter) { 21477 total 21478 nodes { 21479 id 21480 title 21481 sku 21482 personalized 21483 mockupUpdatedBy { 21484 id 21485 firstName 21486 lastName 21487 } 21488 mockupUpdatedAt 21489 productBases { 21490 id 21491 title 21492 designPositions { 21493 id 21494 name 21495 image { 21496 id 21497 bucket 21498 key 21499 name 21500 size 21501 mimeType 21502 url 21503 thumbnailUrl 21504 alt 21505 caption 21506 } 21507 } 21508 } 21509 collections { 21510 id 21511 name 21512 } 21513 tags { 21514 id 21515 name 21516 } 21517 images { 21518 id 21519 file { 21520 id 21521 name 21522 mimeType 21523 url 21524 thumbnailUrl 21525 alt 21526 } 21527 productBaseId 21528 } 21529 divisions { 21530 id 21531 ignored 21532 reason 21533 used 21534 } 21535 designPositions { 21536 id 21537 designPosition { 21538 name 21539 productBaseId 21540 } 21541 file { 21542 id 21543 name 21544 mimeType 21545 url 21546 thumbnailUrl 21547 } 21548 } 21549 } 21550 } 21551 } 21552`,LL=[...oe.n,"recreateMockupId","mockupUpdatedBy"],VL=e=>{var t,a,r;let{path:i}=e;const o=Object(l.useMemo)(()=>Object(c.Bb)(i),[i]),s=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=20),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,LL)}return e},[o]),[u,d]=Object(l.useState)({limit:Number(Object(c.M)("perPageProductsRM"))||20,offset:0,search:null,recreateMockupId:null,mockupUpdated:!1,sortOrder:"DESC",sortBy:"productcreated",mockupUpdatedBy:null,mockupUpdatedAt:null,...s}),{currentUser:m}=Object(l.useContext)(te.a),p=(null===m||void 0===m?void 0:m.roles)||[],g=null===m||void 0===m||null===(t=m.teamUser)||void 0===t?void 0:t.role,A=null===m||void 0===m?void 0:m.id;let b=!0;p.includes(oe.pb.Seller)&&[oe.gb.Designer].includes(g)&&oe.r.includes(A)&&(b=!1);const{data:h,loading:f,error:v,refetch:E}=Object(De.d)(UL,{variables:{filter:{...u,mockupUpdatedBy:b?u.mockupUpdatedBy:A}},fetchPolicy:"no-cache"});Object(l.useEffect)(()=>{let{offset:e,limit:t,sortOrder:a,mockupUpdatedAt:l,sortBy:n,...r}=u,i=Object(c.o)(t,e),o=null;o=Object(c.l)({limit:t,paged:i,...r}),B.a.push(`${B.a.location.pathname}?${o}`)},[u]);const y=Object(l.useCallback)(e=>{let{search:t,mockupUpdated:a,recreateMockupId:l,sortOrder:n,sortBy:r,mockupUpdatedBy:i,range:o}=e;d(e=>Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.mockupUpdated,a)&&Object(C.isEqual)(e.recreateMockupId,l)&&Object(C.isEqual)(e.sortOrder,n)&&Object(C.isEqual)(e.sortBy,r)&&Object(C.isEqual)(e.mockupUpdatedBy,i)&&Object(C.isEqual)(e.mockupUpdatedAt,o)?e:{...e,search:t,mockupUpdated:a,recreateMockupId:l,offset:0,sortOrder:n,sortBy:r,mockupUpdatedBy:i,mockupUpdatedAt:o})},[]),k=f&&n.a.createElement(D.D,null);return n.a.createElement(l.Fragment,null,k,n.a.createElement(D.i,{sectioned:!0}
21552,n.a.createElement(SL,{designerSpecial:b,filter:u,onChange:y})),n.a.createElement(D.i,null,f?n.a.createElement(Je.SkeletonPagePolaris,null):v?n.a.createElement("div",null,"Error: ",Object(c.ib)(v.toString())):(null===h||void 0===h||null===(a=h.getListProductRecreateMockup)||void 0===a||null===(r=a.nodes)||void 0===r?void 0:r.length)>0?n.a.createElement(NL,{filter:u,data:h,refetch:E,setFilter:(e,t)=>{d(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageProductsRM",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null)))},zL=j.b.div` 21553 margin: -1rem; 21554 @media (min-width: 640px) { 21555 margin: -1.5rem; 21556 } 21557`,qL=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const r=Object(l.useMemo)(()=>Object(c.W)(t),[t]);return n.a.createElement(zL,null,n.a.createElement(D.H,{title:"Recreate Mockup Tasks",fullWidth:!0},n.a.createElement(VL,{path:r})))},HL=o.a` 21558 query productBasesForSeller($filter: ProductBaseFilter) { 21559 productBasesForSeller(filter: $filter) { 21560 total 21561 nodes { 21562 id 21563 title 21564 } 21565 } 21566 } 21567`,$L=o.a` 21568 query listProductDivision($filter: DivisionFilter) { 21569 listProductDivision(filter: $filter) { 21570 total 21571 nodes { 21572 id 21573 title 21574 } 21575 } 21576 } 21577`,_L=e=>{let{filter:t,onChange:a}=e;const[r,i]=Object(l.useState)(t.search),[o,s]=Object(l.useState)([]),[u,d]=Object(l.useState)({value:t.productBaseIds?t.productBaseIds:[],label:[],search:null}),[m,p]=Object(l.useState)([]),[g,A]=Object(l.useState)({value:t.divisionId?t.divisionId:null,label:null,search:null}),b=Object(l.useRef)(null),{loading:h,error:f}=Object(De.d)(HL,{onCompleted:e=>{y(e)},onError:()=>{},variables:{filter:{limit:20,offset:0,search:u.search}}}),{loading:v,error:E}=Object(De.d)($L,{variables:{filter:{limit:20,offset:0,search:g.search}},onCompleted:e=>{k(e)},onError:()=>{}}),y=Object(l.useCallback)(e=>{let t=function(e){return(Object(C.get)(e,"productBasesForSeller.nodes")||[]).map(e=>e?{value:e.id,label:e.title}:null).filter(Boolean)}(e);s(t)},[]),k=Object(l.useCallback)(e=>{var t,a;let l=(null===e||void 0===e||null===(t=e.listProductDivision)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?e.listProductDivision.nodes.map(e=>({value:e.id,label:e.title})):[];p(l)},[]);Object(l.useEffect)(()=>{let e=null===t||void 0===t?void 0:t.productBaseIds;if(null===e||void 0===e?void 0:e.length){let t=(null===o||void 0===o?void 0:o.length)>0?o.filter(t=>e.includes(t.value)):[];t.length&&d(e=>({...e,value:t.map(e=>e.value),label:t.map(e=>e.label)}))}let a=null===t||void 0===t?void 0:t.divisionId;if(a){let e=(null===m||void 0===m?void 0:m.length)>0?m.find(e=>[a].includes(e.value)):[];e&&A(t=>({...t,value:e.value,label:e.label}))}},[t,o,m]);const O=Object(l.useCallback)(e=>{i(e=e||null)},[]),j=Object(l.useCallback)(()=>i(null),[]),w=Object(l.useCallback)(()=>d(()=>({value:[],label:[],search:null})),[]),S=Object(l.useCallback)(()=>A(()=>({value:null,label:null,search:null})),[]),I=[j,w,S],B=Object(l.useCallback)(()=>{for(let e of I)e&&e()},[...I]);Object(l.useEffect)(()=>{b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{var e;a&&a({search:r?r.trim():r,productBaseIds:(null===u||void 0===u||null===(e=u.value)||void 0===e?void 0:e.length)>0?u.value:null,divisionId:g.value})},300)},[r,u,g]);const P=[{key:"productBase",label:"Product bases",filter:n.a.createElement(Ji.a,{options:o,value:u,loading:h,error:f,onChange:e=>{let{value:t,label:a}=e;return d(e=>({...e,value:t||[],label:a}))},onChangeSearch:e=>d(t=>({...t,search:e}))})},{key:"division",label:"Product divisions",filter:n.a.createElement(ba.a,{options:m,value:g,loading:v,erorr:E,onChange:e=>{let{value:t,label:a}=e;return A(e=>({...e,value:t,label:a}))},onChangeSearch:e=>A(t=>({...t,search:e}))})}],x=[];if(u.label.length){const e="productBase";x.push({key:e,label:M(e,u.label),onRemove:w})}if(!Object(c.tb)(g.label)){const e="division";x.push({key:e,label:M(e,g.label),onRemove:S})}return n.a.createElement(D.r,{filters:P,appliedFilters:x,queryValue:r,queryPlaceholder:"Filter item",onQueryChange:O,onQueryClear:j,onClearAll:B});function M(e,t){switch(e){case"productBase":return"Product bases: "+(t&&t.length>0?t.join(", "):"");case"division":return"Product divisions: "+t;default:return t}}};const GL=j.b.div` 21578 .Polaris-DataTable__Footer { 21579 overflow-x: scroll; 21580 } 21581 .product-bases-wrap { 21582 width: calc(30rem - 3.2rem); 21583 white-space: break-spaces; 21584 } 21585 .title-wrap { 21586 width: calc(25rem - 3.2rem); 21587 white-space: break-spaces; 21588 } 21589`,KL=e=>{let{data:t,filter:a,setFilter:r}=e;const[i,o]=Object(l.useState)([]);Object(l.useEffect)(()=>
21589{if(t){var e,a;let l=(null===t||void 0===t||null===(e=t.recreateMockups)||void 0===e||null===(a=e.nodes)||void 0===a?void 0:a.length)>0?t.recreateMockups.nodes.map(e=>{var t;let{id:a,title:l,productBases:r,division:i,totalOrder:o,status:s}=e;r=(null===(t=r)||void 0===t?void 0:t.length)>0?r.map(e=>e.title):[];let c,u=r.join(", ");switch(s){case"Error":c="critical";break;case"Done":c="success";break;default:c="default"}return[n.a.createElement("div",{className:"title-wrap"},n.a.createElement("span",null,l)),n.a.createElement("div",{className:"product-bases-wrap"},n.a.createElement("span",null,u)),n.a.createElement("div",{className:"division-wrap"},n.a.createElement("span",null,null===i||void 0===i?void 0:i.title)),n.a.createElement("div",{className:"total-product-wrap"},n.a.createElement("span",null,o)),n.a.createElement("div",{className:"status-wrap"},n.a.createElement(D.e,{children:s,status:c})),n.a.createElement("div",{className:"actions-wrap"},n.a.createElement(D.g,{plain:!0,children:"Edit",url:"/seller/re-mockups/edit/"+a}))]}):[];o(l)}},[t]);let s=[];for(let l=0;l<6;l++)s.push("text");s.push("numeric");let{limit:c,offset:u}=a;const d=Object(C.get)(t,"recreateMockups.total",0),m={page:u/c+1,totalPage:Math.ceil(d/c),offset:u,limit:c,onChange:r,total:d};return n.a.createElement(GL,null,n.a.createElement(D.n,{rows:i,columnContentTypes:s,headings:["Title","Product bases","Division","Min order","Status","Actions"],verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:m,showTotal:!0})}))},JL=o.a` 21590 query recreateMockups($filter: RecreateMockupFilter) { 21591 recreateMockups(filter: $filter) { 21592 total 21593 nodes { 21594 id 21595 title 21596 productBases { 21597 id 21598 title 21599 } 21600 division { 21601 id 21602 title 21603 } 21604 totalOrder 21605 status 21606 } 21607 } 21608 } 21609`,YL=[...oe.n,"productBaseIds","divisionId"],WL=e=>{var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t="productBaseIds";e[t]&&(e[t]=e[t].split(","));let a=e.limit;a=Number(a),a||(a=20),e.limit=a,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,YL)}return e},[i]),[s,u]=Object(l.useState)({limit:Number(Object(c.M)("perPageRecreateMockups"))||20,offset:0,search:null,divisionId:null,productBaseIds:null,...o}),{data:d,loading:m,error:p}=Object(De.d)(JL,{variables:{filter:s},fetchPolicy:"no-cache"});Object(l.useEffect)(()=>{let{offset:e,limit:t,...a}=s,l=Object(c.o)(t,e),n=null;n=Object(c.l)({limit:t,paged:l,...a}),B.a.push(`${B.a.location.pathname}?${n}`)},[s]);const g=Object(l.useCallback)(e=>{let{search:t,productBaseIds:a,divisionId:l}=e;u(e=>Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.productBaseIds,a)&&Object(C.isEqual)(e.divisionId,l)?e:{...e,search:t,productBaseIds:a,divisionId:l,offset:0})},[]),A=m&&n.a.createElement(D.D,null);return n.a.createElement(l.Fragment,null,A,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(_L,{onChange:g,filter:s})),n.a.createElement(D.i,null,m?n.a.createElement(Je.SkeletonPagePolaris,null):p?n.a.createElement("div",null,"Error: ",Object(c.ib)(p.toString())):(null===d||void 0===d||null===(t=d.recreateMockups)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(KL,{data:d,filter:s,setFilter:(e,t)=>{u(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageRecreateMockups",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null)))},ZL=j.b.div` 21610 margin: -1rem; 21611 @media (min-width: 640px) { 21612 margin: -1.5rem; 21613 } 21614`,XL=o.a` 21615 query stores($filter: StoreFilter) { 21616 stores(filter: $filter) { 21617 total 21618 nodes { 21619 id 21620 title 21621 } 21622 } 21623 } 21624`;const eV=n.a.forwardRef((function(e,t){let{label:a,error:l,allowMultiple:r,required:i,onChange:o}=e;const[s,c]=n.a.useState([]),[u,d]=n.a.useState(""),[m,p]=n.a.useState([]),[g,A]=n.a.useState({limit:20,offset:0,search:""}),{data:b,loading:h,error:f}=Object(De.d)(XL,{variables:{filter:g}});n.a.useEffect(()=>{var e;const t=((null===b||void 0===b||null===(e=b.stores)||void 0===e?void 0:e.nodes)||[]).map(e=>{let{id:t,title:a}=e;return{value:t,label:a}});c(t)},[b]);const v=n.a.useRef(null),E=n.a.useCallback(e=>{d(e),v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{A(t=>({...t,search:e}))},500)},[]),y=n.a.useCallback(e=>{const t=e.map(e=>{const t=s.find(t=>t.value===e);return t&&t.label});p(e),o&&o(e);const[a]=t||[];d(a)},[s]),C=n.a.createElement(D.c.TextField,{placeholder:"Search store",value:u,onChange:E,error:l}),k=n.a.useCallback(()=>m,[m]);return n.a.useImperativeHandle(t,()=>({getSelected:k})),n.a.createElement(n.a.Fragment,null,n.a.createElement(al.a,{label:null!==a&&void 0!==a?a:"Store",required:i}),f?n.a.createElement("div",null,null===f||void 0===f?void 0:f.toString()):n.a.createElement(D.c,{options:s,selected:m,onSelect:y,textField:C,allowMultiple:r,emptyState:n.a.createElement("span",{children:"No items found!"}),loading:h}))})),tV={oldValue:"",newValue:"",column:""};function aV(e){let{pathname:t}=e;const[a,l]=n.a.useState({}),[r,i]=n.a.useReducer((e,t)=>
21624({...e,...t}),{fileId:null,values:[tV]}),{toggleToast:o,setNotify:s}=Object(Fa.b)(),[u,{loading:d,data:m}]=Object(De.c)(Jt.Qc,{onCompleted:()=>{s({msg:"Replace product feed success.",err:!1})},onError:e=>{s({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}});n.a.useEffect(()=>{(null===m||void 0===m?void 0:m.replaceFeed)&&(window.location.href=m.replaceFeed)},[m]);const p=n.a.useCallback(()=>{const{fileId:e,values:t,storeId:a}=r,l=(t||[]).filter(e=>!(!e||"object"!==typeof e)&&(e.oldValue&&e.newValue));for(let[n,r]of Object.entries({file:e,store:a,values:l}))g(r,n);a&&e&&l.length>0&&(o&&o(),s&&s({err:!1,msg:null}),u({variables:{input:{fileId:e,storeId:a,values:l}}}))},[r]),g=n.a.useCallback((e,t)=>{let a=null,n=t.charAt(0).toUpperCase()+t.slice(1);e?Array.isArray(e)&&0===e.filter(Boolean).length&&(a=n+" is required."):a=n+" is required.",l(e=>({...e,[t]:a}))},[]),A=n.a.useCallback(e=>{i({fileId:e}),g(e,"file")},[]),b=n.a.useCallback(()=>{i({values:[...r.values||[],tV]})},[r.values]),h=n.a.useCallback(e=>(t,a)=>{const l=(r.values||[]).map((l,n)=>n!==e?l:{...l,[a]:t});i({values:l}),g(l,"values")},[r.values]),f=n.a.useCallback(e=>()=>{const t=r.values;t.splice(e,1),i({values:t})},[r.values]),v=(n.a.useCallback(()=>{B.a.push(t)},[t]),n.a.useCallback(e=>{const[t]=e||[];g(t,"store"),i({storeId:t})},[]));return n.a.createElement(lV,null,n.a.createElement(D.s,{onSubmit:p},n.a.createElement(D.t,null,n.a.createElement(eV,{required:!0,error:a.store,onChange:v}),n.a.createElement("div",null,n.a.createElement(Mv,{onChange:A}),a.file&&n.a.createElement(D.x,{message:a.file})),n.a.createElement("div",{className:"values-wrapper"},(r.values||[]).map((e,t,a)=>n.a.createElement(D.t.Group,{key:"values-"+t},n.a.createElement(D.cb,{label:"Column",id:"column",value:e.column,placeholder:"Enter column",onChange:h(t)}),n.a.createElement(D.cb,{label:"Old Value",id:"oldValue",value:e.oldValue,placeholder:"Enter old value",onCh
21624ange:h(t)}),n.a.createElement(D.cb,{label:"New Value",id:"newValue",value:e.newValue,placeholder:"Enter new value",onChange:h(t)}),n.a.createElement("div",{style:{marginTop:30}},a.length>1&&n.a.createElement(D.g,{plain:!0,icon:Nx.a,onClick:f(t)})))),a.values&&n.a.createElement(D.x,{message:a.values})),n.a.createElement(D.g,{children:"Add row",onClick:b,size:"slim"}),n.a.createElement("div",{style:{padding:1}}),n.a.createElement(D.g,{children:"Submit",submit:!0,primary:!0,loading:d}))))}const lV=j.b.div` 21625 .values-wrapper { 21626 .Polaris-FormLayout--grouped { 21627 margin-left: -2rem; 21628 margin-bottom: 0.6rem; 21629 } 21630 } 21631`;function nV(){const{currentUser:e}=Object(te.c)(),t=`/${Object(c.T)(e)}/products/feeds`;return n.a.createElement(ud.a,null,n.a.createElement(D.H,{title:"Replace Feed",fullWidth:!0,breadcrumbs:[{content:"Product Feeds",url:t}]},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(aV,{pathname:t}))))}const rV=j.b.div``,iV=[{label:"All",value:"All"},{label:"Amazon",value:"amazon"},{label:"Ebay",value:"ebay"}],oV=e=>{const{onChange:t,filter:a}=e,[r,i]=Object(l.useState)(null),[o,s]=Object(l.useState)({value:a.platform,label:null}),[u,d]=Object(l.useState)({range:null,rangeLabel:null}),m=Object(l.useRef)(null);Object(l.useEffect)(()=>{if(a.platform){let e=iV.find(e=>e.value===a.platform);e&&s({value:e.value,label:e.label})}},[a.platform]),Object(l.useEffect)(()=>{m.current&&clearTimeout(m.current),t&&(m.current=setTimeout(()=>{t({search:r?r.trim():r,platform:o.value,range:u.range})},300))},[r,o,u]);const p=Object(l.useCallback)(e=>i(e),[]),g=Object(l.useCallback)(()=>i(null),[]),A=Object(l.useCallback)(()=>s({value:null,label:null}),[]),b=Object(l.useCallback)(()=>d({range:null,rangeLabel:null}),[]),h=Object(l.useCallback)(()=>{g(),A(),b()},[g,A,b]),f=[{key:"platform",label:"Platform",filter:n.a.createElement(Mi.a,{options:iV,value:o&&o.value,onChange:e=>{let{value:t,label:a}=e;return s(e=>({...e,value:t,label:a}))}})},{key:"createdTime",label:"Filter Time",filter:n.a.createElement(yv.a,{filterTime:u,onChangeRange:(e,t)=>{d(a=>({...a,range:e,rangeLabel:t}))}})}],v=[];if(!Object(c.tb)(o.label)){const e="platform";v.push({key:e,label:E(e,o.label),onRemove:A})}if(!Object(c.tb)(u.rangeLabel)&&u.range){const e="createdTime";v.push({key:e,label:E(e,u.rangeLabel),onRemove:b})}return n.a.createElement(rV,null,n.a.createElement(D.r,{filters:f,appliedFilters:v,queryValue:r,onQueryChange:p,onQueryClear:g,onClearAll:h}));function E(e,t){switch(e){case"platform":return"Platform: "+t;case"createdTime":return"Time: "+t;default:return t}}},sV=j.b.div` 21632 .Polaris-DataTable__Footer { 21633 overflow-x: scroll; 21634 } 21635 .title_wrap, 21636 .email_wrap { 21637 width: calc(25rem - 3.2rem); 21638 white-space: normal; 21639 word-break: break-word; 21640 } 21641 .platform_wrap, 21642 .total-base-cost_wrap, 21643 .total-revenue_wrap, 21644 .total-unit_wrap, 21645 .total-order_wrap { 21646 width: calc(15rem - 3.2rem); 21647 white-space: normal; 21648 word-break: break-word; 21649 } 21650`,cV=e=>{const{data:t,filter:a,setFilter:r}=e,[i,o]=Object(l.useState)([]);Object(l.useEffect)(()=>{let e=t&&t.saleReports&&t.saleReports.nodes&&t.saleReports.nodes.length>0?t.saleReports.nodes.map(e=>{var t;let a=null===e||void 0===e||null===(t=e.store)||void 0===t?void 0:t.title,l=null===e||void 0===e?void 0:e.store.platform,r=null===e||void 0===e?void 0:e.store.email,i=c.D.format((null===e||void 0===e?void 0:e.totalBaseCost)||0),o=c.D.format((null===e||void 0===e?void 0:e.totalRevenue)||0),s=Number.parseInt((null===e||void 0===e?void 0:e.totalUnit)||0),u=Number.parseInt((null===e||void 0===e?void 0:e.totalOrder)||0);return[n.a.createElement("div",{className:"title_wrap"},n.a.createElement("span",null,a)),n.a.createElement("div",{className:"platform_wrap"},n.a.createElement("span",null,l)),n.a.createElement("div",{className:"email_wrap"},n.a.createElement("span",null,r)),n.a.createElement("div",{className:"total-base-cost_wrap"},n.a.createElement("span",null,i)),n.a.createElement("div",{className:"total-revenue_wrap"},n.a.createElement("span",null,o)),n.a.createElement("div",{className:"total-unit_wrap"},n.a.createElement("span",null,s)),n.a.createElement("div",{className:"total-order_wrap"},n.a.createElement("span",null,u))]}):[];o(e)},[t]);let{limit:s,offset:u}=a;const d=Object(C.get)(t,"saleReports.total",0),m={page:u/s+1,totalPage:Math.ceil(d/s),offset:u,limit:s,onChange:r,total:d};
21650return n.a.createElement(sV,null,n.a.createElement(D.n,{columnContentTypes:["text","text","text","text","text","text","text"],headings:["Title","Platform","Email","Total base cost","Total revenue","Total items","Total orders"],rows:i,verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:m,showTotal:!0})}))},uV=o.a` 21651 query saleReports($filter: SaleReportsFilter) { 21652 saleReports(filter: $filter) { 21653 total 21654 nodes { 21655 store { 21656 id 21657 platform 21658 email 21659 title 21660 } 21661 totalBaseCost 21662 totalRevenue 21663 totalUnit 21664 totalOrder 21665 } 21666 } 21667 } 21668`,dV=o.a` 21669 mutation exportSaleReports($filter: SaleReportsFilter) { 21670 exportSaleReports(filter: $filter) 21671 } 21672`,mV=[...oe.n,"platform"],pV=e=>{let{path:t}=e;const a=Object(l.useMemo)(()=>Object(c.Bb)(t),[t]),r=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,mV)}return e},[a]),[i,o]=Object(l.useState)({limit:Number(Object(c.M)("perPageReports"))||20,offset:0,search:null,range:null,platform:null,...r}),[s,u]=Object(l.useState)(!1),[d,m]=Object(l.useState)({message:null,isError:!1}),{data:p,loading:g,error:A}=Object(De.d)(uV,{variables:{filter:i}}),[b,{loading:h}]=Object(De.c)(dV,{onError:e=>{m({message:Object(c.ib)(e.toString()),isError:!0})},onCompleted:e=>{let t=null===e||void 0===e?void 0:e.exportSaleReports;t&&window.open(t,"_blank"),m({message:"Export file success.",isError:!1})}}),f=Object(l.useCallback)(()=>u(e=>!e),[]),v=Object(l.useCallback)(()=>{m({message:null,isError:!1}),b({variables:{filter:i}}),f()},[i]);Object(l.useEffect)(()=>{let{offset:e,limit:t,range:a,...l}=i,n=null,r=Object(c.o)(t,e);n=Object(c.l)({limit:t,paged:r,...l}),B.a.push(`${B.a.location.pathname}?${n}`)},[i]);const E=s?d&&d.message&&n.a.createElement(D.fb,{content:d.message,error:d.isError,duration:2e3,onDismiss:f}):null,y=g&&n.a.createElement(D.D,null);return n.a.createElement(n.a.Fragment,null,y,E,n.a.createElement(D.H,{title:"All reports",fullWidth:!0,primaryAction:{content:"Export",onAction:v,loading:h}},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(oV,{filter:i,onChange:e=>{let{search:t,platform:a,range:l}=e;o(e=>Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.platform,a)&&Object(C.isEqual)(e.range,l)?e:{...e,search:t,platform:a,range:l,offset:0})}})),n.a.createElement(D.i,null,g?n.a.createElement(Je.SkeletonPagePolaris,null):A?n.a.createElement("div",null,"Error: ",Object(c.ib)(A.toString())):p&&p.saleReports&&p.saleReports.nodes&&p.saleReports.nodes.length>0?n.a.createElement(cV,{data:p,filter:i,setFilter:(e,t)=>{o(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageReports",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null))))},gV=j.b.div` 21673 margin: -1rem; 21674 @media (min-width: 640px) { 21675 margin: -1.5rem; 21676 } 21677`,AV=[{value:"All",label:"All"},{value:"total_orders",label:"Total Orders"},{value:"total_cost",label:"Total Cost"},{value:"order_created_at_str",label:"Order Created"}],bV=[{value:"All",label:"All"},{value:"ASC",label:"Ascending"},{value:"DESC",label:"Descending"}],hV={value:null,label:null};function fV(e){let{filter:t,onChange:a}=e;const[r,i]=Object(l.useState)(t.search),o=null===t||void 0===t?void 0:t.order,s=null===t||void 0===t?void 0:t.orderBy,[c,u]=Object(l.useState)({value:o,label:null}),[d,m]=Object(l.useState)({value:s,label:null}),[p,g]=Object(l.useState)({range:null,rangeLabel:null}),A=n.a.useRef(null);Object(l.useEffect)(()=>{A.current&&clearTimeout(A.current);const e="All"!==c.value?c.value:null,t="All"!==d.value?d.value:null;a&&(A.current=setTimeout(()=>{a({search:r?r.trim():r,order:e,orderBy:t,filterByTime:p.range})},500))},[r,c.value,d.value,p.range]);const b=Object(l.useCallback)(e=>i(e),[]),h=Object(l.useCallback)(()=>i(""),[]),f=Object(l.useCallback)(()=>g({range:null,rangeLabel:null}),[]),v=Object(l.useCallback)((e,t)=>{t(t=>({...t,...e}))},[]),E=Object(l.useCallback)(e=>v(e,u),[v]),y=Object(l.useCallback)(e=>v(e,m),[v]),k=Object(l.useCallback)(()=>v(hV,u),[v]),O=Object(l.useCallback)(()=>v(hV,m),[v]),j=Object(l.useMemo)(()=>[k,O,f],[k,O,f]),w=Object(l.useCallback)(()=>{for(let e of j)e&&e()},[...j]);Object(l.useEffect)(()=>{let e={};null==o?e={value:"All",label:"All"}:o&&(e=AV.find(e=>e.value===o)),null!=e&&v(e,u)}
21677,[o,v]),Object(l.useEffect)(()=>{let e={};null==s?e={value:"All",label:"All"}:s&&(e=bV.find(e=>e.value===s)),null!=e&&v(e,m)},[s,v]);const S=n.a.useMemo(()=>[{key:"order",label:"Order",tagLabel:c.label,onRemove:k,filter:n.a.createElement(Mi.a,{options:AV,value:c.value,onChange:E})},{key:"orderBy",label:"Order By",tagLabel:d.label,onRemove:O,filter:n.a.createElement(Mi.a,{options:bV,value:d.value,onChange:y})},{key:"filterTime",label:"Filter Time",tagLabel:p.rangeLabel,onRemove:f,filter:n.a.createElement(yv.a,{filterTime:p,onChangeRange:(e,t)=>{g(a=>({...a,range:e,rangeLabel:t}))}})}],[c,d,p,E,k,O,y,f]),I=[];for(let{key:l,onRemove:n,tagLabel:B}of S)Object(C.isEmpty)(B)||"All"===B||I.push({key:l,label:vV(l,B),onRemove:n});return n.a.createElement(EV,null,n.a.createElement(D.r,{queryValue:r,queryPlaceholder:"Search ..",filters:S,appliedFilters:I,onQueryChange:b,onQueryClear:h,onClearAll:w}))}function vV(e,t){switch(e){case"order":return"Order: "+t;case"orderBy":return"Order By: "+t;case"filterTime":return"Filter time: "+t;default:return t}}const EV=j.b.div``;function yV(e){let{filter:t,onChange:a,data:l}=e;const[r,i]=n.a.useState([]);n.a.useEffect(()=>{var e;const t=(null===l||void 0===l||null===(e=l.reportTotalCostByFulfillment)||void 0===e?void 0:e.nodes)||[];if((null===t||void 0===t?void 0:t.length)>0){const e=t.map(e=>{const{totalCost:t,totalOrders:a,orderCreatedAtStr:l}=e||{};return[n.a.createElement("div",{className:"order-created-at item"},n.a.createElement("span",null,l)),n.a.createElement("div",{className:"item total-orders"},n.a.createElement("span",null,a)),n.a.createElement("div",{className:"item total-cost"},c.D.format(t))]});i(e)}},[l]);const o=Object(C.get)(l,"reportTotalCostByFulfillment"),s=Object(C.get)(o,"total",0),u=Object(C.get)(o,"totalCost",0),d=Object(C.get)(o,"totalAllCost",0),m=Object(C.get)(o,"totalOrders",0),p=Object(C.get)(o,"totalAllOrders",0);let{limit:g,offset:A}=t;const b={page:A/g+1,totalPage:Math.ceil(s/g),offset:A,limit:g,onChange:a,total:s};return n.a.createElement(CV,null,n.a.createElement(D.n,{columnContentTypes:["text","text","text"],headings:["Order Created At","Total Orders","Total Cost"],rows:r,verticalAlign:"middle",hideScrollIndicator:!0}),n.a.createElement(kV,null,n.a.createElement(Ye.PaginationPolaris,{showTotal:!0,aggregation:b,extraFooter:n.a.createElement(D.Y,{vertical:!0,spacing:"extraTight"},n.a.createElement(D.Y,{distribution:"equalSpacing"},n.a.createElement(D.Y,null,n.a.createElement(D.db,{children:"Current showing Total:"}),n.a.createElement(D.db,{children:m,variation:"strong"})),n.a.createElement(D.Y,null,n.a.createElement(D.db,{children:"Total Order:"}),n.a.createElement(D.db,{children:p,variation:"strong"}))),n.a.createElement(D.Y,{distribution:"equalSpacing"},n.a.createElement(D.Y,null,n.a.createElement(D.db,{children:"Current showing Total:"}),n.a.createElement(D.db,{children:c.D.format(u),variation:"strong"})),n.a.createElement(D.Y,null,n.a.createElement(D.db,{children:"Total Cost:"}),n.a.createElement(D.db,{children:c.D.format(d),variation:"strong"}))))})))}const CV=j.b.div` 21678 overflow-x: auto; 21679 .Polaris-DataTable__Cell--header { 21680 white-space: nowrap; 21681 } 21682 21683 .item { 21684 white-space: normal; 21685 word-break: break-word; 21686 } 21687 21688 .product-wrap { 21689 display: flex; 21690 column-gap: 20px; 21691 align-items: center; 21692 } 21693`,kV=j.b.div` 21694 padding: 1.6rem; 21695 overflow-x: scroll; 21696 background: var(--p-surface-subdued, #f4f6f8); 21697`,OV=[...oe.n,"order","orderBy"];function jV(e){var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=20),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,OV)}return e},[i]),[s,u]=n.a.useState({search:"",order:null,orderBy:null,filterByTime:null,limit:Number(Object(c.M)("perPageTotalCost"))||20,offset:0,...o}),{data:d,loading:m,error:p}=Object(De.d)(I.Oc,{variables:{filter:s}}),{setNotify:g,toggleToast:A}=Object(Fa.b)(),[b,{loading:h}]=Object(De.c)(Jt.Rb,{onCompleted:()=>{g({msg:"Fetch order information success",err:!1})},onError:e=>{g({msg:null===e||void 0===e?void 0:e.toString(),err:!0})}}),f=m&&n.a.createElement(D.D,null),v=n.a.useCallback(e=>{let{search:t,order:a,orderBy:l,filterByTime:n}=e;return u(e=>(Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.order,a)&&Object(C.isEqual)(e.orderBy,l)&&Object(C.isEqual)(e.filterByTime,n)||(e.offset=0),{...e,search:t,order:a,orderBy:l,filterByTime:n}))},[]),E=n.a.useCallback((e,t)=>{u(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageTotalCost",t,100)},[]),y=n.a.useCallback(()=>{A&&A(),g&&g({msg:"",err:!1}),b()},[b,A,g]);return n.a.createElement(D.H,{title:"Report Total Cost",fullWidth:!0,primaryAction:{content:"Fetch order info",onAction:y,loading:h}},f,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(wg.a,null,n.a.createElement(fV,{filter:s,onChange:v}))),n.a.createElement(D.i,null,m?n.a.createElement(Je.SkeletonPagePolaris,null):n.a.createElement(n.a.Fragment,null,p?n.a.createElement("div",null,"Error: ",Object(c.ib)(p.toString())):(null===d||void 0===d||null===(t=d.reportTotalCostByFulfillment)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(yV,{data:d,filter:s,onChange:E}):n.a.createElement(We.EmptyStatePolaris,null))))}const wV=j.b.div` 21698 padding: 1.6rem; 21699 overflow-x: scroll; 21700 background: var(--p-surface-subdued, #f4f6f8); 21701`,SV=j.b.div` 21702 .designer-wrap { 21703 width: calc(25rem - 3.2rem); 21704 white-space: normal; 21705 word-break: break-word; 21706 } 21707`,IV=e=>{let{data:t,filter:a,setFilter:l}=e;const[r,i]=n.a.useState([]);n.a.useEffect(()=>{var e,a;const l=(null===t||void 0===t||null===(e=t.getCountTaskRejectForUser)||void 0===e||null===(a=e.nodes)||void 0===a?void 0:a.length)>0?t.getCountTaskRejectForUser.nodes.map(e=>{if(!e)return null;const{reject:t,firstName:a,lastName:l,kpi:r,kpiByRejectTimes:i}
21707=e,o=[a,l].filter(Boolean).join(" ");let s=r&&i?i/r*100:null;s=s?Object(c.a)(s,2):null;const u=n.a.createElement("div",{className:"percent-wrap"},n.a.createElement("span",null,s?s+"%":""));return[n.a.createElement("div",{className:"designer-wrap"},n.a.createElement("span",null,o)),n.a.createElement("div",{className:"reject-times-wrap"},n.a.createElement("span",null,t)),u]}).filter(Boolean):[];i(l)},[t]);const o=n.a.useCallback((e,t)=>{const a=Object(c.o)(t,e);l&&l({paged:a,limit:t})},[]),s=[];for(let n=0;n<10;n++)s.push("text");let{limit:u,paged:d}=a,m=Object(c.n)(u,d);const p=Object(C.get)(t,"getCountTaskRejectForUser.total",0),g={page:m/u+1,totalPage:Math.ceil(p/u),offset:m,limit:u,onChange:o,total:p};return n.a.createElement(n.a.Fragment,null,n.a.createElement(SV,null,n.a.createElement(D.n,{rows:r,columnContentTypes:s,headings:["Designer","Total reject times","Reject times percentage"],verticalAlign:"middle",hideScrollIndicator:!0})),n.a.createElement(wV,null,n.a.createElement(Ye.PaginationPolaris,{aggregation:g,showTotal:!0})))},BV=e=>{var t;let{onChange:a,filter:l}=e;const r=null===l||void 0===l?void 0:l.userId,[i,o]=n.a.useState(null!==(t=null===l||void 0===l?void 0:l.search)&&void 0!==t?t:""),[s,c]=n.a.useState([]),[u,d]=n.a.useState({value:r,label:null,search:null}),[m,p]=n.a.useState({range:null,rangeLabel:null,field:"task_submissions.created_at",fieldLabel:null}),g=n.a.useRef(null),{data:A,loading:b,error:h}=Object(De.d)(sD);n.a.useEffect(()=>{var e,t;const a=(null===A||void 0===A||null===(e=A.teamMembers)||void 0===e||null===(t=e.hits)||void 0===t?void 0:t.length)>0?A.teamMembers.hits.filter(e=>null===e||void 0===e?void 0:e.user).filter(Boolean).map(e=>{let{user:t}=e;return{value:t.id,label:`${t.firstName} ${t.lastName}`}}):[];if(c(a),r){let e=a&&a.length>0?a.find(e=>e.value===r):null;e&&d(t=>({...t,label:e.label,value:e.value}))}},[A,r]),n.a.useEffect(()=>{var e,t;g.current&&clearTimeout(g.current);const l={field:m.field};(null===m||void 0===m||null===(e=m.range)||void 0===e?void 0:e.from)&&(l.from=m.range.from),(null===m||void 0===m||null===(t=m.range)||void 0===t?void 0:t.to)&&(l.to=m.range.to),g.current=setTimeout(()=>{a&&a({search:i?i.trim():null,userId:u.value,fieldByTime:Object.keys(l).length>1?{...l}:null})},300)},[i,a,u,m]);const f=n.a.useCallback(e=>o(e),[]),v=n.a.useCallback(()=>p(e=>({...e,range:null,rangeLabel:null})),[]),E=n.a.useCallback(()=>o(null),[]),y=n.a.useCallback(()=>d({value:null,label:null}),[]),k=[E,y,v],O=n.a.useCallback(()=>{for(let e of k)e&&e()},[...k]),j=[{key:"designer",label:"Designer",tagLabel:u.label,onRemove:y,filter:n.a.createElement(ga.a,{data:s,value:u,loading:b,error:h,onChange:e=>{let{value:t,label:a}=e;return d(e=>({...e,value:t,label:a}))},onChangeSearch:e=>{let{search:t}=e;return d(e=>({...e,search:t}))}})},{key:"filterTime",label:"Filter Time",tagLabel:m.rangeLabel,onRemove:v,filter:n.a.createElement(ZB.a,{filterTime:m,ignoreForVal:!0,onChangeRange:(e,t)=>{p(a=>({...a,range:e,rangeLabel:t}))}})}],w=[];for(let{key:n,label:I,onRemove:B,tagLabel:D}of j)Object(C.isEmpty)(D)||"All"===D||w.push({key:n,label:S("filterTime"===n?"Time":I,D),onRemove:B});return n.a.createElement(D.r,{queryValue:i,filters:j,appliedFilters:w,queryPlaceholder:"Filter designer",onQueryChange:f,onQueryClear:E,onClearAll:O});function S(e,t){return e?`${e}: ${t}`:t}},DV=[...oe.n,"userId"],PV=e=>{var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=10),e.limit=t;let a=e.paged;a=Number(a),a||(a=1),e.paged=a,e=Object(c.Jb)(e,DV)}return e},[i]),[s,u]=n.a.useState({limit:Number(Object(c.M)("perStatisticForTask"))||20,paged:1,search:null,userId:null,fieldByTime:null,...o}),{data:d,loading:m,error:p}=Object(De.d)(I.r,{variables:{filter:s}}),g=n.a.useCallback(e=>{let{search:t,userId:a,fieldByTime:l}=e;u(e=>Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.userId,a)&&Object(C.isEqual)(e.fieldByTime,l)?e:{...e,paged:1,search:t,userId:a,fieldByTime:l})},[]);n.a.useEffect(()=>{let{paged:e,limit:t,fieldByTime:a,...l}=s,n=null;n=Object(c.l)({limit:t,paged:e,...l}),B.a.push(`${B.a.location.pathname}?${n}`)},[s]);const A=n.a.useCallback(e=>{let{paged:t,limit:a}=e;u(e=>Object(C.isEqual)(e.limit,a)?{...e,paged:t}:{...e,limit:a,paged:1}),Object(c.Nb)("perStatisticForTask",a,100)},[]),b=m&&n.a.createElement(D.D,null);return n.a.createElement(n.a.Fragment,null,b,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(BV,{filter:s,onChange:g})),n.a.createElement(D.i,null,m?n.a.createElement(Je.SkeletonPagePolaris,null):p?n.a.createElement("div",null,"Error:",Object(c.ib)(p.toString())):(null===d||void 0===d||null===(t=d.getCountTaskRejectForUser)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(IV,{data:d,filter:s,setFilter:A}):n.a.createElement(We.EmptyStatePolaris,null)))},xV=j.b.div` 21708 margin: -1rem; 21709 @media (min-width: 640px) { 21710 margin: -1.5rem; 21711 } 21712`,MV=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=Object(c.W)(t);return n.a.createElement(xV,null,n.a.createElement(D.H,{title:"Statistic",fullWidth:!0},n.a.createElement(PV,{path:l})))};var TV=a(1536),QV=a(750),RV=a(751),FV=a(752),NV=a(753),UV=a(754);function LV(e){let{open:t,onClose:a,store:l}=e;const{id:r}=l,[i,{loading:o}]=Object(De.c)(Jt.Vb),{toggleToast:s,setNotify:u}=Object(Fa.b)(),d=n.a.useCallback(()=>{r&&(s&&s(!0),u&&u({err:!1,msg:null}),i({variables:{storeId:r}}).then(()=>{u({err:!1,msg:"Fetch Order for this Store success"})}).catch(e=>{u({err:!0,msg:Object(c.ib)(e.toString())})}).finally(()=>{a&&a()}))},[i,r,a,s,u]);return n.a.createElement(D.E,{title:"Fetch Order",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Submit",onAction:d,loading:o},secondaryActions:[{content:"Cancel",onAction:a}]},n.a.createElement("p",null,"Are you sure to Fetch Order for this Store?"))}const VV=j.b.div` 21713 button + button { 21714 margin-left: 0.75rem; 21715 } 21716`,zV=o.a` 21717 mutation deleteStore($id: ID!) { 21718 deleteStore(id: $id) 21719 } 21720`,qV=e=>{let{store:t,isStoreManager:a,refetch:r}=e;const{setStore:i}=Object(l.useContext)(te.a),[o,s]=Object(Ee.a)(!1),[u,d]=Object(l.useState)(null),[m,p]=Object(Ee.a)(!1),{currentUser:g}=Object(te.c)(),A=Object(c.U)(g),b=Object(c.ub)(g),h=Object(l.useCallback)(e=>{d(e),s()},[]),f=(Object(l.useCallback)(()=>{i({id:t.id,title:t.title}
21720),B.a.push("/store-manager/products")},[B.a,t]),!!t.apiKey&&!t.certificate),v="Deactivated"===(null===t||void 0===t?void 0:t.status),E=(null===t||void 0===t?void 0:t.platform)==oe.M.Tiktok&&!f&&a,y=[(!a||b)&&{content:"Manage",icon:BD.a,onAction:()=>B.a.push(`/${A}/store/edit/${t.id}`)},E&&{content:"Fetch All Orders",icon:cI.a,onAction:()=>h("fetchAll")},E&&{content:"Fetch Orders by ID",icon:cI.a,onAction:()=>h("fetchOrderByIds")},E&&{content:"Fetch All Products",icon:cI.a,onAction:()=>h("fetchAllProduct")},E&&{content:"Fetch Products by ID",icon:cI.a,onAction:()=>h("fetchProductByIds")},E&&{content:"Deactivate All Promotions",icon:TV.a,onAction:()=>h("deactivatePromotions")},{content:"Mark as "+(v?"Connected":"Deactivated"),icon:DD.a,onAction:()=>h("markStatus")},{content:"Fetch Order",icon:cI.a,onAction:()=>h("fetchOrder")},{content:"Index Order",icon:cI.a,onAction:()=>h("indexOrder")},{content:"Delete",icon:zl.a,destructive:!0,onAction:()=>h("delete")}].filter(Boolean),C={open:o,onClose:s,storeId:null===t||void 0===t?void 0:t.id,store:t,refetch:r,isDeactivated:v},k={delete:n.a.createElement(HV,C),markStatus:n.a.createElement(MD.a,C),fetchOrderByIds:n.a.createElement(QV.a,C),fetchAllProduct:n.a.createElement(FV.a,C),fetchProductByIds:n.a.createElement(NV.a,C),fetchAll:n.a.createElement(RV.a,C),deactivatePromotions:n.a.createElement(UV.a,C),indexOrder:n.a.createElement(TD.a,C),fetchOrder:n.a.createElement(LV,C)},O=n.a.createElement(D.g,{children:"Actions",disclosure:!0,onClick:p});return n.a.createElement(VV,null,n.a.createElement(D.K,{activator:O,onClose:p,active:m},n.a.createElement(D.a,{items:y})),k[u])};function HV(e){let{onClose:t,open:a,refetch:l,storeId:r}=e;const{setNotify:i,toggleToast:o}=Object(Fa.b)(),s=n.a.useRef(null),[u,{loading:d}]=Object(De.c)(zV,{onCompleted:()=>{i({msg:"Delete store succes",err:!1}),t&&t(),l&&(s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{l()},1500))},onError:e=>{i({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),m=n.a.useCallback(()=>{o&&o(),i&&i({msg:null,err:!1}),u({variables:{id:r}})},[u,o,i,r]);return n.a.createElement(D.E,{title:"Delete store",open:a,onClose:t,primaryAction:{content:"Submit",loading:d,onAction:m},secondaryActions:[{content:"Cancel",onAction:t}]},n.a.createElement(D.E.Section,null,n.a.createElement(D.bb,null,n.a.createElement("p",null,"Are you sure to delete this store?"))))}const $V=o.a` 21721 query storeInfo($storeId: ID!) { 21722 storeInfo(storeId: $storeId) { 21723 totalOrders 21724 pending 21725 pendingCost 21726 onHold 21727 inProduction 21728 fulfilled 21729 cancel 21730 error 21731 totalProducts 21732 pendingDesign 21733 paidAmount 21734 } 21735 } 21736`,_V=e=>{let{storeId:t}=e;const a=Object(l.useMemo)(()=>t,[t]),{loading:r,error:i,data:o}=Object(De.d)($V,{variables:{storeId:a}});if(r)return"Loading..";if(i)return n.a.createElement("div",null,"Error:",Object(c.ib)(i.toString()));const s=o.storeInfo,u={fontSize:"13px",fontWeight:"500"};return n.a.createElement("div",{style:{width:300}},n.a.createElement("h4",{style:{fontWeight:600,marginBottom:0}},"Store info"),n.a.createElement("hr",{style:{marginBottom:3}}),n.a.createElement("div",{style:{width:"100%",display:"grid",gridTemplateColumns:"50% 50%"}},n.a.createElement("div",null,n.a.createElement("div",{style:u},"Total Orders:",n.a.createElement("span",{className:"b"}," ",s.totalOrders)),n.a.createElement("div",{style:u},"Pending design:",n.a.createElement("span",{className:"b"}," ",s.pendingDesign)),n.a.createElement("div",{style:u},"Pending :",n.a.createElement("span",{className:"b"}," ",s.pending)),n.a.createElement("div",{style:u},"On hold:",n.a.createElement("span",{className:"b"}," ",s.onHold)),n.a.createElement("div",{style:u},"In Production:",n.a.createElement("span",{className:"b"}," ",s.inProduction)),n.a.createElement("div",{style:u},"Fulfilled:",n.a.createElement("span",{className:"b"}," ",s.fulfilled))),n.a.createElement("div",null,n.a.createElement("div",{style:u},"Cancel:",n.a.createElement("span",{className:"b"}," ",s.cancel)),n.a.createElement("div",{style:u},"Error:",n.a.createElement("span",{className:"b"}," ",s.error)),n.a.createElement("div",{style:u},"Total Product:",n.a.createElement("span",{className:"b"}," ",s.totalProducts)),n.a.createElement("div",{style:u},"Pending Cost:",n.a.createElement("span",{className:"b"}," ",s.pendingCost)),n.a.createElement("div",{style:u},"Paid Amount:",n.a.createElement("span",{className:"b"}," ",s.paidAmount)))))},GV=e=>{let{storeId:t}=e;return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.gb,{content:n.a.createElement(_V,{storeId:t}),light:!0},n.a.createElement(D.w,{source:_h.a})))},KV=j.b.div` 21737 .Polaris-Thumbnail { 21738 background: transparent; 21739 :after { 21740 box-shadow: none; 21741 } 21742 } 21743`,JV=e=>{let{store:t}=e;const{platform:a,domain:l}=t;let r={woocommerce:Ib.a,shopify:Ob.a,ebay:bb.a,amazon:gb.a,shopbase:Cb.a,etsy:fb.a,facebook:Eb.a,tiktok:wb.a};const i="tiktok"===a;let o="Add On",s="info";return t.certificate&&(o="API",s="warning"),n.a.createElement(KV,null,
21743n.a.createElement(D.eb,{source:r[a],alt:"Black choker necklace"}),t.title,t.usingFakeVariants&&n.a.createElement("p",{style:{marginTop:".5rem"}},n.a.createElement(D.e,{status:"info"},"Fake Variants")),i&&n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.e,{status:s},o),n.a.createElement("p",null,n.a.createElement("b",null,"Shop Code: "),n.a.createElement("span",null,l))))};var YV=a(755);const WV=j.b.div` 21744 padding: 1.6rem; 21745 overflow-x: scroll; 21746 background: var(--p-surface-subdued, #f4f6f8); 21747`,ZV=e=>{var t;let{data:a,filters:r,setFilters:i,isStoreManager:o,userId:s,fixedColumn:u,refetch:d}=e;const[m,p]=Object(l.useState)({scrollLeft:null,scrollWidth:null,offsetWidth:null}),g=Object(l.useRef)(null),{isMobile:A}=Object(te.c)();Object(l.useEffect)(()=>{if(A)return;let{scrollLeft:e,scrollWidth:t,offsetWidth:a}=m,l=document.querySelectorAll(".actions_wrap"),n=document.querySelectorAll(".Polaris-DataTable__Cell");for(let r of n)for(let e of l)Object(c.u)(r,e)&&(u?r.classList.add("custom-cell"):r.classList.remove("custom-cell"))},[m,u,A]),Object(l.useEffect)(()=>{const e=()=>{Object(c.Ub)(()=>{g.current&&p({scrollLeft:g.current.scrollLeft,scrollWidth:g.current.scrollWidth,offsetWidth:g.current.offsetWidth})})};return g.current&&g.current.addEventListener("scroll",e,{capture:!1,passive:!0}),()=>{g.current&&g.current.removeEventListener("scroll",e)}},[g]);const b=e=>{var t,l;let i=[];return(null===a||void 0===a||null===(t=a.stores)||void 0===t||null===(l=t.nodes)||void 0===l?void 0:l.length)>0&&a.stores.nodes.forEach(t=>{var a;let l=t.owners;o&&(l=l.filter(e=>e.user&&e.user.id===s));const c=null===t||void 0===t||null===(a=t.group)||void 0===a?void 0:a.name,u=null===t||void 0===t?void 0:t.suspended;let m={children:null===t||void 0===t?void 0:t.status,status:""};"Connected"===(null===t||void 0===t?void 0:t.status)?(m.children="Connected",m.status="success"):"Suspended"===(null===t||void 0===t?void 0:t.status)||u?(m.children="Suspended",m.status="critical"):"Deactivated"===(null===t||void 0===t?void 0:t.status)&&(m.children="Deactivated",m.status="attention");const p=(g=t,"tiktok"===Object(C.get)(g,"platform"));var g;let A=[e(t.id),n.a.createElement("div",{className:"id-wrap"},n.a.createElement("span",null,t.id)),n.a.createElement(JV,{store:t}),n.a.createElement("div",{className:"stores-wrap"},n.a.createElement(QF.a,{owners:l})),n.a.createElement("div",{className:"group-wrap"},n.a.createElement("span",null,c)),n.a.createElement("div",{className:"token-wrap"},(null===t||void 0===t?void 0:t.apiKey)&&n.a.createElement(Jd.a,{text:(null===t||void 0===t?void 0:t.apiKey)||""})),n.a.createElement("div",{className:"domain"},p?null:n.a.createElement(D.B,{url:t.domain},t.domain)),n.a.createElement(GV,{storeId:t.id}),n.a.createElement(D.e,m),n.a.createElement("div",{className:"count-pushed"},n.a.createElement(YV.a,{node:t})),n.a.createElement("div",{className:"actions_wrap"},n.a.createElement(qV,{store:t,filters:r,isStoreManager:o,refetch:d}))];i.push(A)}),i};let{limit:h,offset:f}=r;const v=k.a.get(a,"stores.total",0),E={page:f/h+1,totalPage:Math.ceil(v/h),offset:f,limit:h,onChange:i,total:v};let y=Array.from({length:10}).map(()=>"text");return y.push("numeric"),n.a.createElement(SD.a,{data:(null===a||void 0===a||null===(t=a.stores)||void 0===t?void 0:t.nodes)||[],refetch:d},e=>{let{checkAllMarkup:t,checkItemMarkup:a}=e;return n.a.createElement(n.a.Fragment,null,n.a.createElement(XV,{ref:g},n.a.createElement(D.n,{columnContentTypes:y,headings:[t,"ID","Store","Owners","Group","API Key","Domain","","Status","Total Pushed",n.a.createElement("div",{className:"actions_wrap"},"Actions")],rows:b(a)||[],verticalAlign:"middle",hideScrollIndicator:!0})),n.a.createElement(WV,null,n.a.createElement(Ye.PaginationPolaris,{aggregation:E,showTotal:!0})))})};const XV=j.b.div` 21748 overflow-x: auto; 21749 overflow-y: hidden; 21750 .domain { 21751 white-space: normal; 21752 max-width: 250px; 21753 } 21754 21755 .Polaris-DataTable__ScrollContainer { 21756 overflow-x: initial; 21757 } 21758 21759 .Polaris-DataTable__Cell { 21760 &.custom-cell { 21761 position: sticky; 21762 right: 0; 21763 z-index: 10; 21764 background-color: #fff; 21765 &:after { 21766 box-shadow: rgba(0, 0, 0, 0.15) -10px 0px 8px -8px inset; 21767 position: absolute; 21768 top: 0px; 21769 bottom: -1px; 21770 width: 30px; 21771 transition: box-shadow 0.3s ease 0s, 21772 -webkit-box-shadow 0.3s ease 0s; 21773 content: ""; 21774 pointer-events: none; 21775 left: 0px; 21776 transform: translateX(-100%); 21777 } 21778 } 21779 } 21780 .Polaris-DataTable__TableRow { 21781 &:hover { 21782 .Polaris-DataTable__Cell { 21783 &.custom-cell { 21784 background-color: var(--p-surface-hovered, #f9fafb); 21785 } 21786 } 21787 } 21788 } 21789 .Polaris-DataTable__TableRow { 21790 &:last-child { 21791 .stores-wrap { 21792 padding-bottom: 2rem; 21793 } 21794 } 21795 } 21796 21797 .group-wrap, 21798 .id-wrap { 21799 white-space: normal; 21800 width: 20rem; 21801 } 21802 21803 .token-wrap { 21804 white-space: break-spaces; 21805 width: calc(28rem - 3.2rem); 21806 } 21807`,ez=j.b.div` 21808 margin: -1rem; 21809 @media (min-width: 640px) { 21810 margin: -1.5rem; 21811 } 21812`,tz=o.a` 21813 query stores($filter: StoreFilter) { 21814 stores(filter: $filter) { 21815 total 21816 nodes { 21817 id 21818 team { 21819 id 21820 name 21821 } 21822 title 21823 domain 21824 platform 21825 apiKey 21826 suspended 21827 certificate 21828 owners { 21829 user { 21830 id 21831 firstName 21832 lastName 21833 email 21834 avatar { 21835 id 21836 thumbnailUrl 21837 } 21838 } 21839 store_id 21840 role 21841 } 21842 status 21843 usingFakeVariants 21844 group { 21845 id 21846 name 21847 } 21848 } 21849 } 21850 } 21851`,az=[...oe.n,"status","platform","seller"],lz=e=>{var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,az)}return e},[i]),[s,u]=Object(l.useState)({limit:Number(Object(c.M)("perPageStores"))||20,offset:0,platformSelected:["woocommerce","shopify","shopbase"],search:null,status:null,platform:null,seller:null,...o}),{data:d,loading:m,error:p,refetch:g}=Object(De.d)(tz,{variables:{filter:{...s}},fetchPolicy:"network-only"});Object(l.useEffect)(()=>{let{offset:e,limit:t,platformSelected:a,...l}=s,n=null,r=Object(c.o)(t,e);n=Object(c.l)({limit:t,paged:r,...l}),B.a.push(`${B.a.location.pathname}?${n}`)},[s]);const A=n.a.useCallback(e=>{let{search:t,status:a,platform:l,seller:n}=e;u(e=>md()(e.search,t)&&md()(e.status,a)&&md()(e.platform,l)&&md()(e.seller,n)?e:{...e,search:t,status:a,platform:l,seller:n,offset:0})},[]),b=m&&n.a.createElement(D.D,null);return n.a.createElement(ez,null,b,n.a.createElement(D.H,{title:"All Online Stores",fullWidth:!0,primaryAction:n.a.createElement(D.g,{primary:!0,onClick:()=>B.a.push("/seller/store/add")},"New Store")},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(ID.a,{filter:s,isOnlineStore:!0,onChange:A})),n.a.createElement(D.i,null,p&&n.a.createElement("div",null,"Error: ",Object(c.ib)(p.toString())),m?n.a.createElement(Je.SkeletonPagePolaris,null):(null===d||void 0===d||null===(t=d.stores)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)?n.a.createElement(ZV,{data:d,refetch:g,filters:s,fixedColumn:!0,setFilters:(e,t)=>{u(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageStores",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null))))};
21851class nz extends l.Component{render(){const e=Object(c.W)(null!=this.props?[this.props]:[]);return n.a.createElement(lz,{path:e})}}var rz=nz;const iz=o.a` 21852 query switchFulfillmentList { 21853 switchFulfillmentList { 21854 id 21855 title 21856 productBase { 21857 id 21858 name 21859 variants { 21860 id 21861 name 21862 } 21863 } 21864 fulfillment { 21865 id 21866 name 21867 } 21868 items { 21869 id 21870 variant { 21871 id 21872 name 21873 } 21874 targetProductBase { 21875 id 21876 name 21877 } 21878 targetFulfillment { 21879 id 21880 name 21881 } 21882 targetVariant { 21883 id 21884 name 21885 } 21886 } 21887 } 21888 } 21889`,oz=o.a` 21890 mutation deleteSwitchFulfillment($id: ID!) { 21891 deleteSwitchFulfillment(id: $id) 21892 } 21893`,sz=j.b.div` 21894 .b-link { 21895 color: #454f5b; 21896 } 21897 .actions { 21898 button { 21899 margin-right: 10px; 21900 } 21901 } 21902`;var cz=()=>{const{data:e,loading:t,refetch:a}=Object(De.d)(iz,{fetchPolicy:"cache-and-network"}),[r]=Object(De.c)(oz),[i,o]=Object(l.useState)(null),[s,u]=Object(l.useState)(!1),[d,m]=Object(l.useState)(null),p=(e&&e.switchFulfillmentList?e.switchFulfillmentList:[]).map(e=>{let t="MerchBridge";return e.fulfillment&&e.fulfillment.name&&(t=e.fulfillment.name),[n.a.createElement("div",null,n.a.createElement("p",null,n.a.createElement("strong",null,e.title),n.a.createElement("br",null),n.a.createElement("b",null,t,": "),e.productBase.name)),n.a.createElement("div",{className:"actions"},n.a.createElement(sa.a,{to:"/seller/fulfillment/switch/edit/"+e.id},n.a.createElement(D.g,{size:"slim"},"Edit")),n.a.createElement(D.g,{size:"slim",onClick:()=>{m(e.id)},destructive:!0},"Delete"))]});return n.a.createElement(sz,null,n.a.createElement(D.H,{fullWidth:!1,primaryAction:n.a.createElement(sa.a,{to:"/seller/fulfillment/switch/add"},n.a.createElement(D.g,{primary:!0},"Add new")),breadcrumbs:[{content:n.a.createElement(sa.a,{className:"b-link",to:"/seller/fulfillment"},"Fulfillment")}],title:"Switch Fulfillment"},n.a.createElement(D.i,null,n.a.createElement(D.n,{loading:t,columnContentTypes:["text","text"],headings:["Title","Action"],rows:p}))),d&&n.a.createElement(D.E,{open:!0,onClose:()=>{m(null),o(null),u(null)},title:"Delete confirmation",primaryAction:{content:"Delete",loading:s,onAction:()=>{u(!0),r({variables:{id:d}}).then(()=>{u(!1),m(null),a()}).catch(e=>{o(Object(c.ib)(e.toString()))})}}},n.a.createElement(D.E.Section,null,n.a.createElement(D.bb,null,n.a.createElement("p",null,"Are you sure want to delete ?")))),i&&n.a.createElement(D.fb,{content:i,onDismiss:()=>o(null)}))},uz=a(758);function dz(e){let{}=e;return n.a.createElement(ud.a,null,n.a.createElement(D.H,{title:"Switch Store for Order",fullWidth:!0},n.a.createElement(uz.SwitchStoreForOrder,null)))}var mz=a(369);const pz=e=>{let{handleSubmitProps:t,handleSheetChange:a,loading:r,tag:i,buttonLabel:o}=e;const[s,u]=Object(l.useState)(null),[d,m]=Object(l.useState)(!1);Object(l.useEffect)(()=>{i&&u(i.name)},[i]);const p=Object(l.useCallback)(e=>u(e),[]),g=Object(l.useCallback)(()=>{Object(c.tb)(s)?m(!0):(m(!1),t&&(t(s),!i&&u(null)))},[t,s,i]);return n.a.createElement(D.s,{onSubmit:g},n.a.createElement(D.t,null,n.a.createElement(D.cb,{value:s,onChange:p,label:"Name",placeholder:"name",error:d&&"Please input name tag!"}),n.a.createElement(D.h,null,n.a.createElement(D.g,{loading:r,primary:!0,submit:!0},o||"Submit"),n.a.createElement(D.g,{onClick:a},"Cancel"))))},gz=n.a.createContext({toggleToast:()=>Boolean,notifyChange:()=>{}}),Az=o.a` 21903 fragment TagFragment on Tag { 21904 id 21905 name 21906 count 21907 } 21908`,bz=o.a` 21909 mutation createTag($name: String!) { 21910 createTag(name: $name) { 21911 ...TagFragment 21912 } 21913 } 21914 ${Az} 21915`,hz=e=>{let{handleSheetChange:t,filter:a}=e;const{toggleToast:r,notifyChange:i}=Object(l.useContext)(gz),o=Object(l.useRef)(null),[s,{loading:u}]=Object(De.c)(bz,{onCompleted:()=>{i&&i({msg:"Add tag successfully.",err:!1})},onError:e=>{i&&i({msg:Object(c.ib)(e.toString()),err:!0})}}),d=Object(l.useCallback)(e=>{r&&r(!0),i&&i({msg:null,err:!1}),s({variables:{name:e},update:(e,t)=>
21915{let{data:l}=t;const n=l.createTag;if(null!=n){const t={filter:a},{tags:l}=e.readQuery({query:Sz,variables:t});e.writeQuery({query:Sz,variables:t,data:{tags:{...l,total:l.total+1,nodes:[n,...l.nodes]}}})}}}).then(()=>{o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{t()},2e3)}).catch(e=>{})},[a,r,i]);return n.a.createElement(mz.a,{title:"Add Tag",handleSheetChange:t},n.a.createElement(pz,{handleSubmitProps:e=>d(e),handleSheetChange:t,loading:u,buttonLabel:"Add"}))},fz=j.b.div` 21916 .Polaris-Filters-ConnectedFilterControl.Polaris-Filters-ConnectedFilterControl--right 21917 .Polaris-Filters-ConnectedFilterControl__CenterContainer 21918 * { 21919 border-radius: var(--p-border-radius-base, 3px) !important; 21920 } 21921`,vz=e=>{let{filter:t,onChange:a}=e;const[r,i]=Object(l.useState)(t.search),o=Object(l.useRef)(null);Object(l.useEffect)(()=>{o.current&&clearTimeout(o.current),a&&(o.current=setTimeout(()=>{a({search:""===r||null===r?null:r.trim()})},500))},[r]);const s=Object(l.useCallback)(e=>{i(e)},[]),c=Object(l.useCallback)(()=>i(null),[]);return n.a.createElement(fz,null,n.a.createElement(D.r,{filters:[],queryValue:r,queryPlaceholder:"Filter tag",onQueryChange:s,onQueryClear:c,onClearAll:()=>{}}))},Ez=o.a` 21922 mutation updateTag($id: ID!, $name: String) { 21923 updateTag(id: $id, name: $name) { 21924 ...TagFragment 21925 } 21926 } 21927 ${Az} 21928`,yz=e=>{let{tag:t,handleSheetChange:a}=e;const{notifyChange:r,toggleToast:i}=Object(l.useContext)(gz),o=Object(l.useRef)(null),[s,{loading:u}]=Object(De.c)(Ez,{onCompleted:()=>{r&&r({msg:"Edit tag successfully.",err:!1}),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{a()},2e3)},onError:e=>{r&&r({msg:Object(c.ib)(e.toString()),err:!0})}}),d=Object(l.useCallback)(e=>{i&&i(!0),r&&r({msg:null,err:!1}),s({variables:{name:e,id:t.id}})},[i,r,s,t.id]);return n.a.createElement(mz.a,{title:"Edit Tag",handleSheetChange:a},n.a.createElement(pz,{handleSubmitProps:d,handleSheetChange:a,loading:u,tag:t,buttonLabel:"Edit"}))},Cz=j.b.div` 21929 button + button { 21930 margin-left: 0.75rem; 21931 } 21932`,kz=o.a` 21933 mutation deleteTag($id: ID!) { 21934 deleteTag(id: $id) 21935 } 21936`,Oz=e=>{let{tag:t,filter:a}=e;const[r,i]=Object(l.useState)(!1),[o,s]=Object(l.useState)(!1),[u,d]=Object(l.useState)(!1),[m,{data:p,error:g,client:A,loading:b}]=Object(De.c)(kz,{onCompleted:()=>{h(),f()},onError:()=>{h(),f()}}),h=Object(l.useCallback)(()=>i(e=>!e),[]),f=Object(l.useCallback)(()=>{s(e=>!e)},[]),v=Object(l.useCallback)(()=>{d(e=>!e)},[]),E=o?(g||p&&p.deleteTag)&&n.a.createElement(D.fb,{content:g?Object(c.ib)(g.toString()):p&&p.deleteTag&&"Tag has been deleted!",error:g,duration:2e3,onDismiss:f}):null;return n.a.createElement(Cz,null,n.a.createElement(D.g,{plain:!0,onClick:v},"Edit"),n.a.createElement(D.E,{title:"Delete tag",open:r,onClose:h,primaryAction:{content:"Delete",loading:b,onAction:()=>{m({variables:{id:t.id}}).then(e=>{if(e)try{let e={filter:a};const l=A.readQuery({query:Sz,variables:e});A.writeQuery({query:Sz,variables:e,data:{...l,tags:{...l.tags,total:l.tags.total-1,nodes:l.tags.nodes.filter(e=>e.id!==t.id)}}})}catch(l){}}).catch(()=>{})}}},n.a.createElement(D.E.Section,null,n.a.createElement(D.bb,null,n.a.createElement("p",null,"Are you sure to delete this tag?")))),n.a.createElement(D.S,{onClose:v,open:u},n.a.createElement(yz,{handleSheetChange:v,filter:a,tag:t})),E)},jz=j.b.div` 21937 .Polaris-DataTable__Footer { 21938 overflow-x: scroll; 21939 } 21940 .Polaris-DataTable__Navigation { 21941 display: none; 21942 } 21943`,wz=e=>{let{data:t,filter:a,setFilter:l}=e;const[r,i]=n.a.useState([]);n.a.useEffect(()=>{var e;const l=((null===t||void 0===t||null===(e=t.tags)||void 0===e?void 0:e.nodes)||[]).map(e=>{const t=n.a.createElement(D.gb,{content:"Count of product used"},n.a.createElement(D.e,{status:"info"},(null===e||void 0===e?void 0:e.count)||0));return[n.a.createElement("span",null,null===e||void 0===e?void 0:e.name),t,n.a.createElement(Oz,{tag:e,filter:a})]});i(l)},[t,a]);let{limit:o,offset:s}=a;const c=k.a.get(t,"tags.total",0),u={page:s/o+1,totalPage:Math.ceil(c/o),offset:s,limit:o,onChange:l,total:c};return n.a.useEffect(()=>{function e(e){27===(null===e||void 0===e?void 0:e.keyCode)&&e.stopImmediatePropagation&&e.stopImmediatePropagation()}return document.addEventListener("keyup",e),()=>{document.removeEventListener("keyup",e,!1)}},[]),n.a.createElement(jz,null,n.a.createElement(D.n,{columnContentTypes:["text","text","numeric"],headings:["Name","Count","Actions"],rows:r,verticalAlign:"middle",footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:u,showTotal:!0})}))},Sz=o.a` 21944 query tags($filter: TagFilter) { 21945 tags(filter: $filter) { 21946 total 21947 nodes { 21948 ...TagFragment 21949 } 21950 } 21951 } 21952 ${Az} 21953`,Iz=j.b.div` 21954 margin: -1rem; 21955 @media (min-width: 640px) { 21956 margin: -1.5rem; 21957 } 21958`,Bz=[...oe.n],Dz=e=>{var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,Bz)}return e},[i]),[s,u]=Object(l.useState)({limit:Number(Object(c.M)("perPageTags"))||20,offset:0,search:null,...o}),[d,m]=Object(l.useState)(!1),[p,g]=Object(Ee.a)(!1),[A,b]=Object(l.useState)({msg:null,err:!1}),{data:h,loading:f,error:v}=Object(De.d)(Sz,{variables:{filter:s},fetchPolicy:"cache-and-network"});Object(l.useEffect)(()=>{let{offset:e,limit:t,...a}=s,l=null,n=Object(c.o)(t,e);l=Object(c.l)({limit:t,paged:n,...a}),B.a.push(`${B.a.location.pathname}?${l}`)},[s]);const E=Object(l.useCallback)(()=>{m(e=>!e)},[]),y=f&&n.a.createElement(D.D,null),C=p&&A.msg&&n.a.createElement(D.fb,{content:A.msg,onDismiss:g,duration:1500,error:A.err}),O={toggleToast:g,notifyChange:b};return n.a.createElement(Iz,null,y,C,n.a.createElement(gz.Provider,{value:O},n.a.createElement(D.H,{title:"All Tags",fullWidth:!0,primaryAction:n.a.createElement(D.g,{primary:!0,onClick:E},"New Tag")},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(vz,{filter:s,onChange:e=>{let{search:t}=e;u(a=>(k.a.isEqual(a.search,t)||(a.offset=0),{...a,...e}))}})),n.a.createElement(D.i,null,v&&n.a.createElement("div",null,"Error: ",v.toString()),f?n.a.createElement(Je.SkeletonPagePolaris,null):(null===h||void 0===h||null===(t=h.tags)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement(wz,{data:h,filter:s,setFilter:(e,t)=>{u(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageTags",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null)),n.a.createElement(D.S,{onClose:E,open:d},n.a.createElement(hz,{handleSheetChange:E,filter:s})))))};class Pz extends l.Component{render(){const e=Object(c.W)(null!=this.props?[this.props]:[]);return n.a.createElement(Dz,{path:e})}}var xz=Pz;
21958const Mz=j.b.div` 21959 margin: -1rem; 21960 @media (min-width: 640px) { 21961 margin: -1.5rem; 21962 } 21963`,Tz=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const{currentUser:r}=Object(l.useContext)(te.a);let i=Object(c.U)(r);const o=Object(l.useMemo)(()=>Object(c.W)(t),[t]),s=Object(c.ub)(r),{isSeller:u}=Object(c.j)(r),{canCreate:d}=Object(iE.a)(r),m={primaryAction:{content:"Add member",url:`/${i}/add-team-member`}},p=s?d?m:{}:m;return s||u?n.a.createElement(Mz,null,n.a.createElement(D.H,Object.assign({title:"All Members",fullWidth:!0},p),n.a.createElement(jS.b,{path:o}))):null};var Qz=a(218);const Rz=e=>{let{action:t,onChange:a,options:r}=e;const[i,o]=Object(l.useState)([]);Object(l.useEffect)(()=>{t&&!t.value?o(["All"]):o([t.value])},[t]);const s=Object(l.useCallback)(e=>{o(e);const t=e.map(e=>{const t=r.find(t=>t.value===e);return t&&t.label});a&&a({value:k.a.includes(e,"All")?null:k.a.head(e),label:k.a.includes(t,"All")?null:k.a.head(t)})},[r]);return n.a.createElement(D.k,{choices:r,selected:i,onChange:s,title:"status",titleHidden:!0})},Fz=[{value:"All",label:"All"},{value:"Order",label:"Paid for item"},{value:"Deposit",label:"Deposit"},{value:"Refund",label:"Refund"}],Nz=[{value:"All",label:"All"},{value:"Approved",label:"Approved"},{value:"Cancelled",label:"Cancelled"}],Uz=e=>{let{filter:t,onChange:a}=e;const[r,i]=Object(l.useState)(t.search),[o,s]=Object(l.useState)({value:null,label:null}),[u,d]=Object(l.useState)(t.status),m=Object(l.useRef)(null);Object(l.useEffect)(()=>{m.current&&clearTimeout(m.current),a&&(m.current=setTimeout(()=>{a({search:r?r.trim():r,status:u,action:o.value})},300))},[r,u,o]),Object(l.useEffect)(()=>{if(t&&t.kind){const e=Fz.find(e=>e.value===k.a.head(t.kind));s(a=>({...a,value:k.a.head(t.kind),label:e&&e.label}))}},[t]);const p=Object(l.useCallback)(e=>i(e),[]),g=Object(l.useCallback)(()=>i(null),[]),A=Object(l.useCallback)(()=>d(null),[]),b=Object(l.useCallback)(()=>s({value:null,label:null}),[]),h=Object(l.useCallback)(()=>{g(),A(),b()},[g,A,b]),f=[{key:"actions",label:"Actions",filter:n.a.createElement(Rz,{action:o,options:Fz,onChange:e=>{let{value:t,label:a}=e;return s(e=>({...e,value:t,label:a}))}})},{key:"status",label:"Status",filter:n.a.createElement(Uf,{value:u,options:Nz,onChange:e=>d(e)})}],v=[];if(!Object(c.tb)(o.label)){const e="actions";v.push({key:e,label:E(e,o.label),onRemove:b})}if(!Object(c.tb)(u)){const e="status";v.push({key:e,label:E(e,u),onRemove:A})}return n.a.createElement(D.r,{queryValue:r,queryPlaceholder:"Filter transactions",onQueryChange:p,onQueryClear:g,filters:f,appliedFilters:v,onClearAll:h});function E(e,t){switch(e){case"actions":return"Action: "+t;case"status":return"Status: "+t;default:return t}}},Lz=[...oe.n,"accountId","status","kind"],Vz=e=>{let{path:t}=e;const a=Object(l.useMemo)(()=>Object(c.Bb)(t),[t]),r=Object(l.useMemo)(()=>{let e={...Object(c.m)(B.a.location.search)};if(e){e.kind&&(e.kind=[e.kind]);let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,Lz)}return e},[a]),[i,o]=Object(l.useState)({limit:Number(Object(c.M)("perPageTransactions"))||20,offset:0,accountId:null,status:null,search:null,kind:null,...r}),{data:s,loading:u,error:d}=Object(De.d)(Yf,{variables:{filter:i},fetchPolicy:"cache-and-network"});Object(l.useEffect)(()=>{let{offset:e,limit:t,...a}=i,l=null,n=Object(c.o)(t,e);l=Object(c.l)({limit:t,paged:n,...a}),B.a.push(`${B.a.location.pathname}?${l}`)},[i]);const m=u&&n.a.createElement(D.D,null);return n.a.createElement(n.a.Fragment,null,m,n.a.createElement(D.A,null,n.a.createElement(D.A.Section,null,n.a.createElement(_f,null)),n.a.createElement(D.A.Section,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(Uz,{filter:i,onChange:e=>{let{search:t,status:a,action:l}=e;return o(e=>(k.a.isEqual(e.search,t)&&k.a.isEqual(e.status,a)&&k.a.isEqual(e.kind,l)||(e.offset=0),{...e,search:t,status:a,kind:l?[l]:null}))}})),n.a.createElement(D.i,null,d&&n.a.createElement("div",null,"Error: ",d.toString()),u?n.a.createElement(Je.SkeletonPagePolaris,null):s&&s.transactions&&s.transactions.nodes&&s.transactions.nodes.length?n.a.createElement(Jf,{isTransactions:!0,data:s,filter:i,setFilter:(e,t)=>{o(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageTransactions",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null)))))},zz=j.b.div` 21964 margin: -1rem; 21965 @media (min-width: 640px) { 21966 margin: -1.5rem; 21967 } 21968`,qz=j.b.div` 21969 .Polaris-DataTable__Footer { 21970 overflow-x: scroll; 21971 } 21972 .note-wrap { 21973 width: calc(20rem - 3.2rem); 21974 white-space: normal; 21975 word-break: break-word; 21976 } 21977`,Hz={Pending:"info",Paid:"success",Overdue:"critical",Frozen:"critical","Awaiting Approval":"warning"},$z=e=>{let{data:t,filter:a,setFilter:r}=e;const i=Object(O.g)(),[o,s]=Object(l.useState)([]),[u,d]=Object(l.useState)([]),[m,p]=Object(l.useState)([]),{currentUser:g}=Object(te.c)();let A=`/${Object(c.U)(g)}/billings/invoice`;const[b,h]=Object(l.useState)(null),f=Object(l.useCallback)(e=>n.a.createElement(D.K,{active:b===e.id,activator:n.a.createElement(D.g,{disclosure:!0,onClick:()=>{h(b===e.id?null:e.id)}},"Actions"),onClose:()=>h(null)},n.a.createElement(D.a,{items:[{content:"View Details",onAction:()=>v("view",e)}]})),[b,i]),v=(e,t)=>
21977{switch(console.log("Action: "+e,t),e){case"view":let e=`${A}/${null===t||void 0===t?void 0:t.id}`;i.push(e)}h(null)};Object(l.useEffect)(()=>{var e,a;const l=[];for(let t=0;t<8;t++)l.push("text");d(l),p(["ID","Name","User","Created At","Status","Total","Actions"]);let r=(null===t||void 0===t||null===(e=t.invoices)||void 0===e||null===(a=e.nodes)||void 0===a?void 0:a.length)>0?null===t||void 0===t?void 0:t.invoices.nodes.map(e=>{var t,a;const l=null===e||void 0===e?void 0:e.status;let r;for(let[n,c]of Object.entries(Hz))l===n&&(r=c);const i=Zr()(null===e||void 0===e?void 0:e.createdAt).format("YYYY-MM-DD HH:mm:ss");let o=`${A}/${null===e||void 0===e?void 0:e.id}`,s=Object(c.R)(null===e||void 0===e?void 0:e.user);return(null===e||void 0===e||null===(t=e.user)||void 0===t?void 0:t.email)&&(s+=` (${e.user.email})`),[n.a.createElement("div",{className:"invoice-id"},n.a.createElement(D.B,{url:o,children:null===e||void 0===e?void 0:e.id})),n.a.createElement("div",{className:"invoice-name"},n.a.createElement("span",null,null===e||void 0===e?void 0:e.name)),n.a.createElement("div",{className:"invoice-user"},n.a.createElement("span",null,s)),n.a.createElement("div",{className:"invoice-created_at"},n.a.createElement("span",null,i)),n.a.createElement("div",{className:"invoice-status"},n.a.createElement(D.e,{children:l,status:r})),n.a.createElement("div",{className:"invoice-total"},n.a.createElement("span",null,"$",null===e||void 0===e||null===(a=e.totalPrice)||void 0===a?void 0:a.toFixed(2))),n.a.createElement("div",{className:"invoice-action"},f(e))]}):[];s(r)},[t,b]);let{limit:E,offset:y}=a;const k=Object(C.get)(t,"invoices.total",0),j={page:y/E+1,totalPage:Math.ceil(k/E),offset:y,limit:E,onChange:r,total:k};return n.a.createElement(qz,null,n.a.createElement(D.n,{columnContentTypes:u,headings:m,rows:o,verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:j,showTotal:!0})}))},_z=[{value:"All",label:"All"},{value:"Pending",label:"Pending"},{value:"Awaiting Approval",label:"Awaiting Approval"},{value:"Paid",label:"Paid"},{value:"Overdue",label:"Overdue"}],Gz=e=>{let{role:t,filter:a,onChange:r}=e;const[i,o]=Object(l.useState)(a.search),[s,u]=Object(l.useState)({value:a.status,label:null}),d=Object(l.useRef)(null);Object(l.useEffect)(()=>{if(a.status){let e=_z.find(e=>e.value===a.status);e&&u(()=>({value:e.value,label:e.label}))}else u({value:null,label:null})},[a.status]),Object(l.useEffect)(()=>{d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{r&&r({search:i?i.trim():i,status:s.value})},300)},[i,s]);const m=Object(l.useCallback)(e=>o(e),[]),p=Object(l.useCallback)(()=>u(()=>({value:null,label:null})),[]),g=Object(l.useCallback)(()=>o(null),[]),A=Object(l.useCallback)(()=>{g(),p()},[g,p]),b=[{key:"status",label:"Status",filter:n.a.createElement(Mi.a,{options:_z,value:s.value,onChange:e=>{let{value:t,label:a}=e;return u({value:t,label:a})}})}],h=[];if(!Object(c.tb)(s.label)){const e="status";h.push({key:e,label:function(e,t){switch(e){case"status":return"Status: "+t;default:return t}}(e,s.label),onRemove:p})}return n.a.createElement(D.r,{queryPlaceholder:"Filter invoice",queryValue:i,onQueryChange:m,onQueryClear:g,onClearAll:A,filters:b,appliedFilters:h})},Kz=o.a` 21978 query invoices($filter: InvoiceFilter!) { 21979 invoices(filter: $filter) { 21980 total 21981 nodes { 21982 id 21983 createdAt 21984 name 21985 totalPrice 21986 status 21987 team { 21988 id 21989 name 21990 } 21991 user { 21992 firstName 21993 lastName 21994 email 21995 } 21996 } 21997 } 21998 } 21999`,Jz=[...oe.n,"status"],Yz=e=>{var t,a;let{path:r}=e;const i=Object(l.useMemo)(()=>Object(c.Bb)(r),[r]),o=Object(l.useMemo)(()=>{let e={};if(e){let t=e.limit;t=Number(t),t||(t=20),e.limit=t,e.paged&&(e.offset=Object(c.n)(e.limit,Math.round(e.paged))),e=Object(c.Jb)(e,Jz)}return e},[i]),[s,u]=Object(l.useState)({limit:Number(Object(c.M)("perPageInvoices"))||20,offset:0,search:null,status:null,...o}),{data:d,loading:m,error:p}=Object(De.d)(Kz,{variables:{filter:s}});Object(l.useEffect)(()=>{},[s]);const g=m&&n.a.createElement(D.D,null),A=Object(l.useRef)(!0);return Object(l.useEffect)(()=>(A.current=!0,()=>{A.current=!1}),[]),n.a.createElement(n.a.Fragment,null,g,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(Gz,{filter:s,onChange:e=>{let{search:t,status:a,teamID:l}=e;A.current&&u(e=>Object(C.isEqual)(e.search,t)&&Object(C.isEqual)(e.status,a)&&Object(C.isEqual)(e.team_id,l)?e:{...e,search:t,status:a,teamID:l,offset:0})}})),n.a.createElement(D.i,null,p&&n.a.createElement("div",null,"Error: ",Object(c.ib)(p.toString())),n.a.createElement(n.a.Fragment,null,m?n.a.createElement(Je.SkeletonPagePolaris,null):(null===d||void 0===d||null===(t=d.invoices)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?n.a.createElement($z,{data:d,filter:s,setFilter:(e,t)=>{u(a=>Object(C.isEqual)(a.offset,e)&&Object(C.isEqual)(a.limit,t)?a:{...a,offset:e,limit:t}
21999),Object(c.Nb)("perPageInvoices",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null))))},Wz=j.b.div` 22000 margin: -1rem; 22001 @media (min-width: 640px) { 22002 margin: -1.5rem; 22003 } 22004`,Zz=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=n.a.useMemo(()=>Object(c.W)(t),[t]);return n.a.createElement(Wz,null,n.a.createElement(D.H,{title:"All Invoices",fullWidth:!0},n.a.createElement(Yz,{path:l})))},Xz=o.a` 22005 query upcs($filter: UpcFilter) { 22006 upcs(filter: $filter) { 22007 total 22008 nodes { 22009 id 22010 code 22011 used 22012 createdAt 22013 } 22014 } 22015 } 22016`,eq=o.a` 22017 mutation importUpc($codes: [String!]!) { 22018 importUpc(codes: $codes) 22019 } 22020`,tq=j.b.div` 22021 position: relative; 22022 .Polaris-Page-Header { 22023 padding-top: 0; 22024 } 22025 .pager { 22026 display: flex; 22027 justify-content: flex-end; 22028 padding: 20px; 22029 align-items: center; 22030 } 22031 .spinner { 22032 margin-right: 20px; 22033 } 22034 .filter { 22035 padding: 15px; 22036 } 22037`;var aq=()=>{const[e,t]=Object(l.useState)(""),[a,r]=Object(l.useState)(null),i=Object(l.useCallback)(e=>r(e),[]),o=a?n.a.createElement(D.fb,{content:a.message,error:"error"===a.type,onDismiss:i}):null,[s,c]=Object(l.useState)(!1),[u,d]=Object(l.useState)(""),[m,p]=Object(l.useState)(!1),[g,A]=Object(l.useState)({limit:100,offset:0,search:null}),[b]=Object(De.c)(eq),{loading:h,data:f,refetch:v}=Object(De.d)(Xz,{variables:{filter:g}}),E=f?f.upcs.nodes.map(e=>[e.code,e.used?e.used:"No",Zr()(e.createdAt).format("LLL")]):[],y=Math.ceil(k.a.get(f,"upcs.total",0)/g.limit),C=g.offset/g.limit+1;return n.a.createElement(tq,null,n.a.createElement(D.H,{title:"Products UPCs",primaryAction:{content:"Import new UPCs",onAction:()=>{p(!0)}}},n.a.createElement(D.i,null,n.a.createElement("div",{className:"filter"},n.a.createElement(D.cb,{onChange:e=>{t(e),e||A(e=>({...e,offset:0,search:null}))},value:e,suffix:n.a.createElement(D.g,{onClick:()=>{A(t=>({...t,search:e}))},plain:!0,icon:zi.a})})),n.a.createElement(D.n,{columnContentTypes:["text","text","text"],headings:["Code","Used","Created"],rows:E}),n.a.createElement("div",{className:"pager"},h&&n.a.createElement("div",{className:"spinner"},n.a.createElement(D.X,{accessibilityLabel:"Small spinner example",size:"small",color:"teal"})),n.a.createElement(D.J,{label:`${C}/${y}`,hasPrevious:C>1,onPrevious:()=>{A(e=>({...e,offset:e.offset-e.limit}))},hasNext:C<y,onNext:()=>{A(e=>({...e,offset:e.offset+e.limit}))}})))),n.a.createElement(D.E,{open:m,onClose:()=>p(!1),title:"Import new Upcs",primaryAction:{content:"Import",disabled:!u,loading:s,onAction:()=>{c(!0);const e=u.split("\n").map(e=>e.trim());b({variables:{codes:e}}).then(()=>{v(),c(!1),p(!1),d("")}).catch(e=>{i({message:e.toString(),type:"error"}),c(!1)})}}},n.a.createElement(D.E.Section,null,n.a.createElement(D.bb,null,n.a.createElement(D.cb,{label:"Codes",value:u,onChange:e=>{d(e)},multiline:20}),n.a.createElement("p",null,"Enter each upc code per line.")))),o)};const lq=e=>{let{index:t,moveRow:a,className:l,style:r,...i}=e;const o=n.a.useRef(),[{isOver:s,dropClassName:c},u]=Object(R.a)({accept:"DragableBodyRow",collect:e=>{const{index:a}=e.getItem()||{};return a===t?{}:{isOver:e.isOver(),dropClassName:a<t?" drop-over-downward":" drop-over-upward"}},drop:e=>{a&&a(e.index,t)}}),[,d]=Object(F.a)({item:{type:"DragableBodyRow",index:t},collect:e=>({isDragging:e.isDragging()})});return u(d(o)),n.a.createElement("tr",Object.assign({ref:o,className:`${l}${s?c:""}`,style:{cursor:"move",...r}},i))},nq=j.b.div` 22038 .ant-row.ant-form-item { 22039 margin-bottom: 0px; 22040 } 22041 tr.drop-over-upward td { 22042 border-top: 2px dashed #1890ff; 22043 } 22044 tr.drop-over-downward td { 22045 border-bottom: 2px dashed #1890ff; 22046 } 22047`;class rq extends l.Component{constructor(){super(...arguments),this.components={body:{row:lq}},this.moveRow=(e,t)=>{const{value:a,onChange:l,disabled:n}=this.props;n||([a[e],a[t]]=[a[t],a[e]],l([...a]))}}render(){const{value:e,onChange:t,templateColumns:a,disabled:l}=this.props;return n.a.createElement(nq,null,n.a.createElement(N.a,{backend:U.a},n.a.createElement(M.a,{dataSource:e,components:this.components,onRow:(e,t)=>({index:t,moveRow:this.moveRow}),columns:[{title:n.a.createElement(Lg.a,null),render:()=>n.a.createElement(Vg.a,null),key:"move"},{title:"Column Name",key:"name",dataIndex:"name",render:(a,r,i)=>n.a.createElement(p.a,{disabled:l,value:a,onChange:a=>{e[i].name=a.target.value,t([...e])}})},{title:"Type",key:"type",dataIndex:"type",render:(a,r,i)=>n.a.createElement(h.a,{disabled:l,style:{width:200},value:a,onSelect:a=>{e[i].type=a,t([...e])}},n.a.createElement(h.a.Option,{value:"defined_value"},"Defined Value"),n.a.createElement(h.a.Option,{value:"custom_value"},"Custom Value"),n.a.createElement(h.a.Option,{value:"personalized_option"},"Personalized Option"))},{title:"Value",key:"value",dataIndex:"value",render:(r,i,o)=>"defined_value"===i.type?n.a.createElement(h.a,{disabled:l,value:r,style:{width:200},onSelect:a=>{e[o].value=a,t([...e])}},a.map((e,t)=>n.a.createElement(h.a.Option,{key:t,value:e.value},e.label))):n.a.createElement(p.a,{disabled:l,style:{width:200},value:r,onChange:a=>{e[o].value=a.target.value,t([...e])}})},{title:"Actions",key:"Actions",render:(a,r,i)=>n.a.createElement(v.a,{disabled:l,onClick:()=>{e.splice(i,1),t([...e])},icon:n.a.createElement(mt.a,null)})}],pagination:!1,scroll:{x:"maxWidth"},rowKey:(e,t)=>t})),n.a.createElement(x.a.Item,null,n.a.createElement(v.a,{disabled:l,className:"my-4",onClick:()=>{t([...e,{name:"",type:"custom_value",value:""}])}},"Add New Column")))}}var iq=a(1597);const oq=o.a` 22048 mutation deleteExportTemplate($id: ID!) { 22049 deleteExportTemplate(id: $id) 22050 } 22051`;class sq extends l.Component{constructor(){super(...arguments),this.state={loading:!1}}render(){const{id:e}=this.props;return n.a.createElement(s.a,{mutation:oq},(t,a)=>{let{client:l}=a;return n.a.createElement(pa.a,{title:"Are you sure remove this export file template?",onConfirm:()=>{this.setState({loading:!0}),t({variables:{id:e}}).then(t=>{i.a.success({message:"Remove file template success."}),this.setState({loading:!1});try{const t=l.readQuery({query:dq,variables:{search:null}});l.writeQuery({query:dq,variables:{search:null}
22051,data:{...t,exportTemplates:t.exportTemplates.filter(t=>t.id!==e)}})}catch(a){}}).catch(e=>{i.a.error({message:e.toString()}),this.setState({loading:!1})})}},n.a.createElement(v.a,{loading:this.state.loading,type:"dashed",icon:n.a.createElement(mt.a,null)},"Delete"))})}}const cq=o.a` 22052 mutation setDefaultExportTemplate($id: ID!, $isDefault: Boolean!) { 22053 setDefaultExportTemplate(id: $id, isDefault: $isDefault) 22054 } 22055`;class uq extends l.Component{constructor(){super(...arguments),this.state={loading:!1,isDefault:!1,open:!1},this.handleSubmit=(e,t,a)=>{a&&e({variables:{id:a,isDefault:this.state.isDefault}}).then(()=>{this.setState({open:!1}),i.a.success({message:"Update template success"}),t&&t()}).catch(e=>{i.a.error({message:e})})}}componentDidMount(){const{record:e}=this.props,t=null===e||void 0===e?void 0:e.isDefault;this.setState({isDefault:t})}render(){const{record:e,refetch:t}=this.props,{isDefault:a,open:l}=this.state;return n.a.createElement(s.a,{mutation:cq},r=>n.a.createElement(n.a.Fragment,null,n.a.createElement(v.a,{onClick:()=>{this.setState(e=>({...e,open:!e.open}))}},"Set Default"),n.a.createElement(y.a,{title:"Update Template",onOk:()=>this.handleSubmit(r,t,e.id),open:l,onCancel:()=>this.setState({open:!1})},n.a.createElement(E.a,{children:"Make this the default",checked:a,onChange:e=>{const t=e.target.checked;this.setState({isDefault:t})}}))))}}const dq=o.a` 22056 query exportTemplates($search: String) { 22057 exportTemplates(search: $search) { 22058 id 22059 name 22060 isDefault 22061 suppliers { 22062 id 22063 firstName 22064 lastName 22065 } 22066 author { 22067 id 22068 } 22069 } 22070 } 22071`;class mq extends l.Component{constructor(){super(...arguments),this.state={search:null}}render(){const{isAdmin:e}=this.props,{currentUser:t}=this.context||{},a=Object(c.T)(t);return n.a.createElement(te.a.Consumer,null,t=>{let{currentUser:l}=t;return n.a.createElement(b.a,{bodyStyle:{padding:0},title:n.a.createElement("div",{className:"flex flex-row justify-between"},n.a.createElement("div",{className:"flex-1"},"All Templates"),n.a.createElement("div",{className:"flex-1",style:{maxWidth:300}},n.a.createElement(p.a.Search,{className:"w-full",placeholder:"Search for templates",onSearch:e=>{this.setState({search:e})},onChange:e=>{e.target.value||this.setState({search:null})}})))},n.a.createElement(s.b,{query:dq,variables:{search:this.state.search},fetchPolicy:"no-cache"},t=>{let{data:i,error:o,loading:s,refetch:c}=t;const u=[{title:"Template Name",key:"templateName",dataIndex:"name",width:300,render:(t,l)=>n.a.createElement(sa.a,{to:`/${e?"admin":a}/manager-files/edit-template/${l.id}`},t)},...e?[{title:"Supplier",key:"suppliers",dataIndex:"suppliers",width:300,render:e=>e&&e.map(e=>n.a.createElement(de.a,{key:e.id},`${e.firstName} ${e.lastName}`))}]:[],{title:"Default",key:"isDefault",dataIndex:"isDefault",width:100,render:e=>e?n.a.createElement(iq.a,{color:"green",count:"Yes"}):n.a.createElement(iq.a,{color:"#ddd",count:"No",style:{color:"#000"}})},{title:"Actions",key:"action",width:138,fixed:"right",align:"center",render:(e,t)=>n.a.createElement("div",{style:{display:"flex",gap:10}},(l&&l.id)===(t.author&&t.author.id)||l&&(l.roles.includes("Administrator")||l.roles.includes(oe.pb.Supporter))?n.a.createElement(sq,{id:t.id}):n.a.createElement(gq,{id:t.id}),n.a.createElement(uq,{record:t,refetch:c}))}];if(s)return n.a.createElement("div",{className:"p-4"},n.a.createElement(r.a,null));if(o)return o.toString();const d=i&&i.exportTemplates||[];return n.a.createElement(M.a,{columns:u,scroll:{x:"maxWidth"},dataSource:d,rowKey:e=>e.id,pagination:!1})}))})}}mq.contextType=te.a;const pq=o.a` 22072 mutation cloneExportTemplate($id: ID!) { 22073 cloneExportTemplate(id: $id) { 22074 id 22075 name 22076 author { 22077 id 22078 firstName 22079 lastName 22080 roles 22081 } 22082 suppliers { 22083 id 22084 firstName 22085 lastName 22086 } 22087 } 22088 } 22089`;class gq extends l.Component{constructor(){super(...arguments),this.state={loading:!1}}render(){const{id:e,type:t,router:a}=this.props;return n.a.createElement(s.a,{mutation:pq},(l,r)=>{let{client:o}=r;return n.a.createElement(pa.a,{title:"Are you sure clone this export file template?",onConfirm:()=>{this.setState({loading:!0}),l({variables:{id:e}}).then(e=>{if(i.a.success({message:"Clone file template success."}),this.setState({loading:!1}),a&&B.a.push(a),e&&e.data&&e.data.cloneExportTemplate)try{const t=o.readQuery({query:dq,variables:{search:null}});o.writeQuery({query:dq,variables:{search:null}
22089,data:{...t,exportTemplates:[...t.exportTemplates,e.data.cloneExportTemplate]}})}catch(t){}}).catch(e=>{i.a.error({message:e.toString()}),this.setState({loading:!1})})}},n.a.createElement(v.a,{type:t||"dashed",loading:this.state.loading,icon:n.a.createElement(zg.a,null)},"Clone"))})}}const Aq=o.a` 22090 query exportTemplateColumns($role: String!) { 22091 exportTemplateColumns { 22092 label 22093 value 22094 } 22095 listUserByRole(role: $role) { 22096 id 22097 firstName 22098 lastName 22099 } 22100 } 22101`,bq=o.a` 22102 query exportTemplateColumns { 22103 exportTemplateColumns { 22104 label 22105 value 22106 } 22107 } 22108`;class hq extends l.Component{render(){const{onSubmit:e,isAdmin:t,exportTemplate:a,disabled:l}=this.props,{currentUser:i}=this.context,o=function(e){const{isSeller:t,isSupplier:a}=Object(c.j)(e);let l="admin";return(t||a)&&(l=Object(c.U)(e)),l}(i);return n.a.createElement(b.a,null,n.a.createElement(s.b,{query:t?Aq:bq,variables:{role:t?oe.pb.Supplier:void 0}},i=>{let{data:s,error:c,loading:u}=i;if(u)return n.a.createElement(r.a,{active:!0});if(c)return c.toString();const d=s&&s.exportTemplateColumns||[];return n.a.createElement(x.a,{ref:e=>this.form=e,labelCol:{span:24},wrapperCol:{span:24},initialValues:{name:a&&a.name,isDefault:a&&a.isDefault,suppliers:t&&a&&a.suppliers&&a.suppliers.map(e=>e.id)||[],columns:a?a.columns||[]:d.reduce((e,t)=>[...e,{name:t.label,value:t.value,type:"defined_value"}],[])},onFinish:t=>{e(t)}},n.a.createElement(x.a.Item,{label:"Template Name",name:"name",rules:[{required:!0,message:"Template name is required."}]},n.a.createElement(p.a,{disabled:l,placeholder:"Template Name"})),t&&n.a.createElement(x.a.Item,{label:"Supplier",name:"suppliers",rules:[{required:!0,message:"Suppliers is required."}]},n.a.createElement(h.a,{disabled:l,placeholder:"Search for supplier",mode:"multiple",showSearch:!0,filterOption:(e,t)=>t.children.toLowerCase().includes(e.toLowerCase())},s&&s.listUserByRole.map(e=>n.a.createElement(h.a.Option,{key:e.id,value:e.id},`${e.firstName} ${e.lastName}`)))),n.a.createElement(x.a.Item,{name:"isDefault",valuePropName:"checked"},n.a.createElement(E.a,{children:"Make this Template the default"})),n.a.createElement(x.a.Item,{label:"Template Configs",name:"columns",rules:[{required:!0,message:"Template configs is required."}]},n.a.createElement(rq,{disabled:l,templateColumns:d})),n.a.createElement(x.a.Item,{className:"w-full text-right"},l?n.a.createElement(gq,{id:a&&a.id,type:"primary",router:`/${o}/manager-files/export-templates`}):n.a.createElement(v.a,{type:"primary",htmlType:"submit",loading:this.props.loading},a?"Update Template":"Create Template")))}))}}hq.contextType=te.a;const fq=o.a` 22109 mutation createExportTemplate($input: NewExportTemplate!) { 22110 createExportTemplate(input: $input) { 22111 id 22112 name 22113 suppliers { 22114 id 22115 firstName 22116 lastName 22117 } 22118 columns { 22119 name 22120 type 22121 value 22122 } 22123 } 22124 } 22125`;class vq extends l.Component{constructor(){super(...arguments),this.state={loading:!1}}render(){const{link:e,isAdmin:t}=this.props;return n.a.createElement(s.a,{mutation:fq,onCompleted:()=>{this.setState({loading:!1}),i.a.success({message:"Create export template success."}),B.a.push(e)},onError:e=>{i.a.error({message:e.toString()}),this.setState({loading:!1})}},e=>n.a.createElement(hq,{isAdmin:t,loading:this.state.loading,onSubmit:t=>{this.setState({loading:!0}),e({variables:{input:t}})}}))}}const Eq=j.b.div` 22126 max-width: 70%; 22127 margin-left: auto; 22128 margin-right: auto; 22129 @media screen and (max-width: 768px) { 22130 max-width: 100%; 22131 } 22132`;class yq extends l.Component{render(){const{currentUser:e}=this.context,t=Object(c.T)(e);return n.a.createElement(Eq,null,n.a.createElement(ma,{title:"Add Export File Template",subTitle:"Export Templates",link:`/${t}/manager-files/export-templates`}),n.a.createElement(vq,{link:`/${t}/manager-files/export-templates`}))}}yq.contextType=te.a;const Cq=o.a` 22133 mutation editExportTemplate($input: EditExportTemplate!) { 22134 editExportTemplate(input: $input) { 22135 id 22136 name 22137 suppliers { 22138 id 22139 firstName 22140 lastName 22141 } 22142 author { 22143 id 22144 } 22145 } 22146 } 22147`,kq=o.a` 22148 query exportTemplateById($id: ID!) {
22149 exportTemplateById(id: $id) { 22150 id 22151 name 22152 isDefault 22153 suppliers { 22154 id 22155 firstName 22156 lastName 22157 } 22158 columns { 22159 name 22160 type 22161 value 22162 } 22163 author { 22164 id 22165 } 22166 } 22167 } 22168`;class Oq extends l.Component{constructor(){super(...arguments),this.state={loading:!1}}render(){const{isAdmin:e,link:t}=this.props,a=this.props.match.params.id;return n.a.createElement(te.a.Consumer,null,l=>{let{currentUser:o}=l;return n.a.createElement(s.a,{mutation:Cq,onCompleted:()=>{this.setState({loading:!1}),i.a.success({message:"Update export template success."}),B.a.push(t)},onError:e=>{i.a.error({message:e.toString()}),this.setState({loading:!1})}},t=>n.a.createElement(s.b,{query:kq,variables:{id:a},fetchPolicy:"cache-and-network"},l=>{let{data:i,loading:s,error:c}=l;return s?n.a.createElement(r.a,{active:!0}):c?c.toString():n.a.createElement(hq,{isAdmin:e,disabled:!e&&(o&&o.id)!==(i&&i.exportTemplateById&&i.exportTemplateById.author.id),loading:this.state.loading,exportTemplate:i.exportTemplateById,onSubmit:e=>{this.setState({loading:!0}),e.columns=e.columns.map(e=>(delete e.__typename,e)),t({variables:{input:{id:a,...e}}})}})}))})}}var jq=Object(O.j)(Oq);const wq=j.b.div` 22169 max-width: 70%; 22170 margin-left: auto; 22171 margin-right: auto; 22172 @media screen and (max-width: 768px) { 22173 max-width: 100%; 22174 } 22175`;class Sq extends l.Component{render(){const{currentUser:e}=this.context,t=Object(c.T)(e);return n.a.createElement(wq,null,n.a.createElement(ma,{title:"Edit Export File Template",subTitle:"Export Templates",link:`/${t}/manager-files/export-templates`}),n.a.createElement(jq,{link:`/${t}/manager-files/export-templates`}))}}Sq.contextType=te.a;const Iq=o.a` 22176 query filter($role: String!) { 22177 listUserByRole(role: $role) { 22178 id 22179 firstName 22180 lastName 22181 } 22182 } 22183`,Bq=o.a` 22184 query exports($filter: ExportFilter) { 22185 exports(filter: $filter) { 22186 total 22187 nodes { 22188 id 22189 fileId 22190 file { 22191 id 22192 url 22193 name 22194 mimeType 22195 } 22196 template { 22197 id 22198 name 22199 } 22200 supplier { 22201 id 22202 firstName 22203 lastName 22204 } 22205 createdAt 22206 } 22207 } 22208 } 22209`;class Dq extends l.Component{constructor(){super(...arguments),this.state={filter:{limit:+Object(c.M)("perPageExports")||20,offset:0,search:null,supplierId:null,...Object(c.m)(B.a.location.search)},page:1},this.onChange=(e,t)=>
22209{this.setState({filter:{...this.state.filter,[e]:t}})}}componentDidMount(){const{currentUser:e}=this.context;if(!e)return;const{isSupplier:t}=Object(c.j)(e);t&&this.setState(t=>({...t,filter:{...t.filter,supplierId:e.id}}))}componentWillUpdate(e,t){if(!k.a.isEqual(t.filter,this.state.filter)){const e=Object(c.l)({limit:t.filter.limit,offset:t.filter.offset,search:t.filter.search});B.a.push(B.a.location.pathname+"?"+e)}}render(){const{filter:e}=this.state,{role:t}=this.props,a={onChange:(e,t)=>{}},l=[{title:"File Name",dataIndex:["file","name"],key:"file.name",width:350},...[oe.pb.Admin].includes(t)?[{title:"Supplier",dataIndex:"supplier",key:"supplier",render:e=>`${e.firstName} ${e.lastName}`}]:[],{title:"Template",dataIndex:["template","name"],key:"template",width:150},{title:"Export Date",dataIndex:"createdAt",key:"createdAt",width:150,render:e=>Zr()(e).format("YYYY-MM-DD HH:mm:ss")},{title:"Actions",key:"action",width:100,align:"right",fixed:"right",render:(e,t)=>n.a.createElement(v.a,{href:t.file.url},n.a.createElement(oB.a,null))}],i=k.a.sum(l.map(e=>e.width));return n.a.createElement(b.a,{bodyStyle:{padding:0}},n.a.createElement("div",{className:"flex p-4"},n.a.createElement(p.a.Search,{defaultValue:e.search,addonBefore:[oe.pb.Admin].includes(t)&&n.a.createElement(s.b,{query:Iq,variables:{role:oe.pb.Supplier}},t=>{let{loading:a,data:l,err:r}=t;return a?n.a.createElement(f.a,{size:"small"}):r?n.a.createElement("div",null,"Error: ",Object(c.ib)(r.toString())):n.a.createElement(Kp.a,{title:"Filter",placement:"bottom",trigger:"click",content:n.a.createElement(h.a,{onChange:t=>{this.setState({filter:{...e,supplierId:t}})},defaultValue:null,className:"w-full"},n.a.createElement(h.a.Option,{value:null},"All"),l&&l.listUserByRole.map((e,t)=>n.a.createElement(h.a.Option,{key:t,value:e.id},`${e.firstName} ${e.lastName}`)))},n.a.createElement("div",{className:"cursor-pointer"},"Filter ",n.a.createElement(sB.a,null)))}),onChange:e=>{e.target.value||this.setState({filter:{...this.state.filter,search:null}})},onSearch:t=>this.setState({filter:{...e,search:t}})})),n.a.createElement(s.b,{query:Bq,variables:{filter:e}},t=>{let{data:o,error:s,loading:u}=t;if(u)return n.a.createElement("div",{className:"p-4"},n.a.createElement(r.a,{active:!0}));if(s)return s.toString();const d=o&&o.exports.nodes;return n.a.createElement(M.a,{rowSelection:a,columns:l,scroll:{x:i},rowKey:e=>e.id,dataSource:d,pagination:{pageSize:e.limit,current:e.offset/e.limit+1,total:o&&o.exports.total,onChange:(t,a)=>{this.setState({page:t,filter:{...e,offset:(t-1)*e.limit}})},onShowSizeChange:(t,a)=>{this.setState({page:1,filter:{...e,offset:0,limit:a}}),Object(c.Nb)("perPageExports",a,100)}}})}))}}Dq.contextType=te.a;class Pq extends l.Component{render(){const{currentUser:e}=this.context,{isSeller:t}=Object(c.j)(e);return n.a.createElement("div",null,n.a.createElement(ma,{title:t?"Export Order Files":"Exports Tracking"}),n.a.createElement(Dq,{role:oe.pb.Supplier}))}}Pq.contextType=te.a;const xq=j.b.div` 22210 max-width: 70%; 22211 margin-left: auto; 22212 margin-right: auto; 22213 @media screen and (max-width: 768px) { 22214 max-width: 100%; 22215 } 22216`;class Mq extends l.Component{render(){const{currentUser:e}=this.context;let t=Object(c.T)(e);return n.a.createElement(xq,null,n.a.createElement(ma,{title:"Export Templates",action:n.a.createElement(sa.a,{to:`/${t}/manager-files/add-template`},n.a.createElement(v.a,{type:"primary"},"Add Export Template"))}),n.a.createElement(mq,null))}}Mq.contextType=te.a;class Tq extends l.Component{render(){const{currentUser:e}=this.context;let t=Object(c.T)(e);return n.a.createElement("div",null,n.a.createElement(ma,{title:"Import Files",action:n.a.createElement(sa.a,{to:`/${t}/import-tracking`},n.a.createElement(v.a,{type:"primary"},"Import Tracking"))}),n.a.createElement(pB,{role:oe.pb.Supplier}))}}Tq.contextType=te.a;const Qq=[{value:"DESC",label:"DESC"},{value:"ASC",label:"ASC"}],Rq=[{value:"title",label:"Title"},{value:"created_at",label:"Created At"}],Fq=o.a` 22217 query getTiktokCrawlProductDomains { 22218 getTiktokCrawlProductDomains 22219 } 22220`,Nq=[{value:"All",label:"All"},{value:"Yes",label:"Yes"},{value:"No",label:"No"}];function Uq(e){let{onFilterChange:t,filters:a}=e;const{currentUser:r}=Object(te.c)(),i=Object(c.ub)(r),{isSeller:o}=Object(c.j)(r),[s,u]=Object(l.useState)(""),[d,m]=Object(l.useState)("DESC"),[p,g]=Object(l.useState)("created_at"),[A,b]=Object(l.useState)(""),[h,f]=Object(l.useState)([]),[v,
22220E]=Object(l.useReducer)(c.Hb,{members:[],createdByID:"All",createdByName:"All",collections:[],colValue:[],colLabel:[],colSearch:"",tags:[],tagValue:[],tagLabel:[],tagSearch:"",pushValue:null,pushLabel:null,personalizedValue:null,personalizedLabel:null,rangeValue:null,rangeLabel:null}),y=!i||i&&o,k=Object(l.useRef)(null),{loading:O,error:j,data:w}=Object(De.d)(Fq),{data:S}=um({roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager]},!1,"id role user {id firstName lastName}"),{loading:I,error:B,data:P}=Object(De.d)(Ki.a,{fetchPolicy:"network-only",variables:{filter:{search:v.colSearch,limit:20,offset:0}}}),{loading:x,error:M,data:T}=Object(De.d)(Ki.c,{fetchPolicy:"network-only",variables:{filter:{search:v.tagSearch,limit:20,offset:0}}});Object(l.useEffect)(()=>{const e=Object(C.get)(P,"collections.nodes")||[],t=Object(c.z)(e);E({collections:t})},[P]),Object(l.useEffect)(()=>{const e=Object(C.get)(T,"tags.nodes")||[],t=Object(c.z)(e);E({tags:t})},[T]),Object(l.useEffect)(()=>{const e=gm(S),t={members:Object(c.c)(e)?[]:e};if((null===v||void 0===v?void 0:v.createdByID)&&!Object(c.c)(e)){const a=e.find(e=>(null===e||void 0===e?void 0:e.value)===v.createdByID);a&&(t.createdByID=a.value,t.createdByName=a.label)}E({...t})},[JSON.stringify(S),null===v||void 0===v?void 0:v.createdByID]),Object(l.useEffect)(()=>{let e=null===w||void 0===w?void 0:w.getTiktokCrawlProductDomains;if((null===e||void 0===e?void 0:e.length)>0){let t=[];e.forEach(e=>{e&&t.push({value:e,label:e})}),f(t)}else f([])},[w]),Object(l.useEffect)(()=>{k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{var e,a;t&&t({search:A?A.trim():A,domain:s,orderBy:p,order:d,createdByID:"All"===v.createdByID?null:v.createdByID,range:"All"===v.rangeValue?null:v.rangeValue,isPushed:"Yes"===v.pushValue||"No"!==v.pushValue&&null,collectionIDs:(null===(e=v.colValue)||void 0===e?void 0:e.length)>0?v.colValue:null,tagIDs:(null===(a=v.tagValue)||void 0===a?void 0:a.length)>0?v.tagValue:null,isPersonalized:"Yes"===v.personalizedValue||"No"!==v.personalizedValue&&null})},300)},[A,s,p,d,v.createdByID,v.pushValue,v.colValue,v.tagValue,v.personalizedValue,v.rangeValue]);const Q=Object(l.useCallback)(e=>b(e),[]),R=Object(l.useCallback)(()=>b(null),[]),F=Object(l.useCallback)(()=>E({createdByID:"All"}),[]),N=Object(l.useCallback)((e,t)=>()=>E({[e+"Value"]:t?null:[],[e+"Label"]:t?null:[]}),[]),U=Object(l.useCallback)(e=>t=>{let{value:a,label:l}=t;E({[e+"Value"]:a,[e+"Label"]:l})},[]),L=Object(l.useCallback)(()=>{R(),V("origin_source"),V("ordering"),V("order_by"),V("created_by");for(let e of["col","tag","push","personalized","range"]){let t="range".includes(e);N(e,t)()}},[R,N]),V=e=>{switch(e){case"origin_source":u("");break;case"ordering":m("");break;case"order_by":g("");break;case"keyword":R();break;case"created_by":F()}},z=Object(l.useCallback)(e=>t=>{E({[e+"Search"]:t})},[]),q=[{key:"origin_source",label:"Origin Source",filter:n.a.createElement(Mi.a,{options:h,value:s,onChange:e=>{let{value:t,label:a}=e;return u(t)}})},{key:"collection",label:"Collections",filter:n.a.createElement(Ji.a,{value:{value:v.colValue},options:v.collections,loading:I,error:B,onChange:U("col"),onChangeSearch:z("col")})},{key:"tag",label:"Tags",filter:n.a.createElement(Ji.a,{value:{value:v.tagValue},options:v.tags,loading:x,error:M,onChange:U("tag"),onChangeSearch:z("tag")})},y&&{key:"created_by",label:"Created By",filter:n.a.createElement(ga.a,{hasAll:!0,data:v.members,value:{value:v.createdByID,label:v.createdByName},onChange:e=>{let{value:t,label:a}=e;E({createdByID:t,createdByName:a})}})},{key:"pushed",label:"Pushed",filter:n.a.createElement(Mi.a,{value:v.pushValue,options:Nq,onCh
22220ange:U("push")})},{key:"personalized",label:"Personalized",filter:n.a.createElement(Mi.a,{value:v.personalizedValue,options:Nq,onChange:U("personalized")})},{key:"created-time",label:"Created Time",filter:n.a.createElement(yv.a,{filterTime:{range:v.rangeValue,rangeLabel:v.rangeLabel},onChangeRange:(e,t)=>{U("range")({value:e,label:t})}})},{key:"ordering",label:"Order",filter:n.a.createElement(Mi.a,{options:Qq,value:d,onChange:e=>{let{value:t,label:a}=e;return m(t)}})},{key:"order_by",label:"Order by",filter:n.a.createElement(Mi.a,{options:Rq,value:p,onChange:e=>{let{value:t,label:a}=e;return g(t)}})}].filter(Boolean),H=[];if(!Object(c.tb)(s)){const e="origin_source";H.push({key:e,label:$(e,s),onRemove:()=>V(e)})}if(!Object(c.tb)(d)){const e="ordering";H.push({key:e,label:$(e,d),onRemove:()=>V(e)})}if(!Object(c.tb)(p)){const e="order_by";H.push({key:e,label:$(e,p),onRemove:()=>V(e)})}if(!Object(c.tb)(A)){const e="keyword";H.push({key:e,label:$(e,A),onRemove:()=>V(e)})}if(y&&!Object(c.tb)(v.createdByID)&&"All"!==v.createdByID&&"All"!==v.createdByName){const e="created_by";H.push({key:e,label:$(e,v.createdByName),onRemove:()=>V(e)})}if(!Object(c.tb)(v.colLabel)){const e="collection";H.push({key:e,label:$(e,v.colLabel),onRemove:N("col")})}if(!Object(c.tb)(v.tagLabel)){const e="tag";H.push({key:e,label:$(e,v.tagLabel),onRemove:N("tag")})}if(!Object(c.tb)(v.pushLabel)){const e="pushed";H.push({key:e,label:$(e,v.pushLabel),onRemove:N("push",!0)})}if(!Object(c.tb)(v.personalizedLabel)){const e="personalized";H.push({key:e,label:$(e,v.personalizedLabel),onRemove:N("personalized",!0)})}if(!Object(c.tb)(v.rangeLabel)){const e="created-time";H.push({key:e,label:$(e,v.rangeLabel),onRemove:N("range",!0)})}return n.a.createElement(D.r,{queryPlaceholder:"Search crawl item",queryValue:A,onQueryChange:Q,onQueryClear:R,onClearAll:L,filters:q,appliedFilters:H});function $(e,t){switch(e){case"keyword":return"Keyword: "+t;case"origin_source":return"Origin source: "+t;case"ordering":return"Order: "+t;case"order_by":if(Rq){let e=Rq.find(e=>e.value===t);if(e&&e.label)return"Order by: "+e.label}return"Order by: "+t;case"created_by":return"Created by: "+t;case"collection":return"Collections: "+Object(c.E)(t);case"tag":return"Tags: "+Object(c.E)(t);case"pushed":return"Pushed: "+t;case"personalized":return"Personalized: "+t;case"created-time":return"Created time: "+t;default:return t}}}const Lq=j.b.div` 22221 .Polaris-Thumbnail { 22222 width: 20rem; 22223 margin: 1rem 0; 22224 .Polaris-Thumbnail__Image { 22225 width: 100%; 22226 height: 100%; 22227 object-fit: cover; 22228 } 22229 :after { 22230 box-shadow: none; 22231 } 22232 } 22233`;function Vq(e){let{imageUrl:t,galleryImageUrls:a}=e;const[r,i]=Object(l.useState)(!1),o=Object(l.useCallback)(()=>i(e=>!e),[]);let s=[];return s.push({file:{url:t,thumbnailUrl:t}}),a.filter(e=>e&&t!==e).map((e,t)=>{s.push({file:{url:e,thumbnailUrl:e}})}),n.a.createElement(Lq,null,n.a.createElement("div",{onClick:o,style:{cursor:"pointer"}},n.a.createElement(D.eb,{size:"large",alt:"",source:t})),n.a.createElement(rs.a,{open:r,toggleShowModal:o,item:{images:s}}))}const zq=o.a` 22234 mutation deleteTiktokCrawlProduct($id: ID!) { 22235 deleteTiktokCrawlProduct(id: $id) 22236 } 22237`;function qq(e){let{item:t,onDeleted:a}=e;const[r,i]=Object(l.useState)(!1),o=Object(l.useCallback)(()=>i(e=>!e),[]),[s,{loading:c}]=Object(De.c)(zq);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.g,{size:"small",type:"primary",onClick:o},"Delete"),n.a.createElement(D.E,{open:r,title:"Delete crawl item",onClose:o,sectioned:!0,primaryAction:{content:"Delete",onAction:()=>(async e=>{try{var t;const n=await s({variables:{id:e.id}});if(n&&(null===n||void 0===n?void 0:n.data)&&(null===n||void 0===n||null===(t=n.data)||void 0===t?void 0:t.deleteTiktokCrawlProduct)){var l;let e=null===n||void 0===n||null===(l=n.data)||void 0===l?void 0:l.deleteTiktokCrawlProduct;a&&a(e?{type:"success",message:"The selected item is deleted"}:{type:"fail",message:"Could not delete the selected item"})}}catch(n){a&&a({type:"fail",message:n.toString()})}i(!1)})(t),loading:c},secondaryActions:[{content:"Cancel",onAction:o}]},n.a.createElement("p",null,"Are you sure to delete this crawl item?")))}var Hq=a(1486);const $q=o.a` 22238 mutation updateTiktokCrawlProduct($input: TiktokCrawlProductInput!) { 22239 updateTiktokCrawlProduct(input: $input) { 22240 id 22241 } 22242 } 22243`,_q=o.a` 22244 query getTiktokProductTemplates($filter: GetTiktokProductTemplateFilter!) { 22245 getTiktokProductTemplates(filter: $filter) { 22246 total 22247 nodes { 22248 value: id 22249 label: title 22250 } 22251 } 22252 } 22253`;function Gq(e){let{item:t,onEdited:a}=e,{mainImage:r,id:i,title:o,createdAt:s,originUrl:c,collections:u,tags:d,templateID:m,image2:p,image3:g,image4:A,image5:b,image6:h,image7:f,image8:v,image9:E,collectionIDs:y,tagIDs:C,randomText:k,isPersonalized:O}=t;const[j,w]=Object(l.useState)(!1),[S,I]=Object(l.useState)(!1),B=Object(l.useCallback)(()=>w(e=>!e),[]),P=Object(l.useCallback)(()=>I(e=>!e),[]),[x,M]=Object(l.useState)([]),[T,Q]=Object(l.useState)(null),[R,F]=Object(l.useState)(""),[N,U]=Object(l.useState)(""),[L,V]=Object(l.useState)([]),[z,q]=Object(l.useState)([]),[H,$]=Object(l.useState)([]),[_,G]=Object(l.useState)([]),[K,J]=Object(l.useState)(""),[Y,W]=Object(l.useState)({oldUrl:null,newUrl:null}),[Z,X]=Object(l.useState)(""),[ee,te]=Object(l.useState)(O);n.a.useEffect(()=>{te(!!O)},[O]);const[ae,le]=Object(l.useState)({title:null,originUrl:null,template:null,collections:null,tags:null,mainImage:null}),[ne,{loading:re}]=Object(De.c)($q);Object(l.useEffect)(()=>{G([p||null,g||null,A||null,b||null,h||null,f||null,v||null,E||null]),Q(m),F(o),U(c),V(u),q(d),$([]),J(r),W({oldUrl:null,newUrl:null}),X(k||"")},[t]);const{loading:ie,error:oe,data:se}=Object(De.d)(_q,{variables:{filter:{limit:500,offset:0}}});Object(l.useEffect)(()=>{var e;let t=null===se||void 0===se||null===(e=se.getTiktokProductTemplates)||void 0===e?void 0:e.nodes;(null===t||void 0===t?void 0:t.length)>0?M(t):M([])},[se]);const ce=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];$(a=>{let l;return l=t?a.filter(t=>t!==e):[...a,e],l})},ue=n.a.useCallback(e=>{X(e)},[]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.g,{size:"small",type:"primary",onClick:B},"Edit"),n.a.createElement(D.E,{open:j,title:"Edit crawl item",onClose:B,sectioned:!0,primaryAction:{content:"Submit",onAction:()=>(async e=>{try{var t;let n={ID:e.id,title:R,originUrl:N,mainImage:K,templateID:T,mainImage:K,randomText:Z,isPersonalized:ee},r=[],i=[];L.length>0&&L.map(e=>{"object"===typeof e&&e.id?r.push(e.id):e&&r.push(e)}),z.length>0&&z.map(e=>{"object"===typeof e&&e.id?i.push(e.id):e&&i.push(e)}),n.collectionIDs=r,n.tagIDs=i;let o=_.filter(e=>!H.includes(e)).reduce((e,t,a)=>(e["image"+(a+2)]=t,e),{});Object.keys(o).length>0&&(n={...n,...o});const s=await ne({variables:{input:n}});if(s&&(null===s||void 0===s?void 0:s.data)&&(null===s||void 0===s||null===(t=s.data)||void 0===t?void 0:t.updateTiktokCrawlProduct)){var l;let e=null===s||void 0===s||null===(l=s.data)||void 0===l?void 0:l.updateTiktokCrawlProduct;a&&a(e?{type:"success",message:"The selected item is updated"}:{type:"fail",message:"Could not update the selected item"})}}catch(n){a&&a({type:"fail",message:n.toString()})}w(!1)})(t),loading:re},secondaryActions:[{content:"Cancel",onAction:B}],fluidContent:!0,large:!0},n.a.createElement(Kq,null,n.a.createElement(D.s,{onSubmit:()=>console.log("EditCrawlItem form submited")},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(D.cb,{label:"Title",value:R,id:"title",type:"text",error:ae.title,onChange:e=>F(e)})),n.a.createElement("div",null,n.a.createElement(D.cb,{label:"Origin URL",value:N,id:"originUrl",type:"text",error:ae.originUrl,onChange:e=>U(e)})),n.a.createElement("div",null,n.a.createElement(Av.CollectionSelectPolaris,{label:"Collections",required:!0,allowMultiple:!0,getCoupleValue:!0,value:L,errorMessage:ae.collections,hasPopular:!0,haveQuickAdd:!0,limit:200,isAssortment:!0,resource:u||[],onChange:e=>V(e)})),n.a.createElement("div",null,n.a.createElement(bv.TagsSelectPolaris,{label:"Tags",required:!0,allowMultiple:!0,getCoupleValue:!0,value:z,errorMessage:ae.tags,haveQuickAdd:!0,limit:200,resource:d||[],onChange:e=>q(e)})),n.a.createElement("div",null,n.a.createElement(D.cb,{label:"Random Text",placeholder:"Text1; Text2",value:Z,onChange:ue,helpText:"If this string includes a semicolon(;), the System will split it and randomly select a value"})),n.a.createElement("div",null,n.a.createElement(D.j,{label:"Personalized",checked:ee,onChange:te})),n.a.createElement("div",null,n.a.createElement(D.Q,{label:"Tiktok Product Template",options:x,onChange:e=>Q(e),value:T,errorMessage:ae.template})),n.a.createElement("div",null,n.a.createElement("label",null,"Main Image"),n.a.createElement("div",null,n.a.createElement(Vq,{imageUrl:K,galleryImageUrls:_}))),_&&_.filter(e=>e).length>0?n.a.createElement("div",{className:"crawl-item-images"},n.a.createElement("label",null,"Other Images"),n.a.createElement("div",{className:"item-images-wrap"},_.filter(e=>e).map((e,t)=>n.a.createElement("div",{key:e||t,className:"item-image"},H.includes(e)?n.a.createElement("div",{className:"action-re-enable-image"},n.a.createElement(D.g,{plain:!0,icon:Hq.a,onClick:()=>ce(e,!0)})):n.a.createElement("div",{className:"action-delete-image"},n.a.createElement(D.g,{plain:!0,icon:Fx.a,onClick:()=>(e=>{I(!0),W({oldUrl:e,newUrl:e})})(e)}),n.a.createElement(D.g,{plain:!0,icon:zl.a,onClick:()=>ce(e,!1)})),n.a.createElement("div",{style:{display:"flex",justifyContent:"center"}},n.a.createElement(Vq,{imageUrl:e,galleryImageUrls:_})))))):null)))),n.a.createElement(D.E,{open:S,title:"Edit image url",onClose:P,sectioned:!0,primaryAction:{content:"Save",onAction:()=>{G(e=>e.map(e=>e===Y.oldUrl?Y.newUrl:e)),W({oldUrl:null,newUrl:null}),I(!1)},disabled:!Y||Y&&0==Y.length},secondaryActions:[{content:"Cancel",onAction:P}]},n.a.createElement("div",null,n.a.createElement(D.cb,{label:"Image URL",value:(null===Y||void 0===Y?void 0:Y.newUrl)||null,id:"title",type:"text",onCh
22253ange:e=>W(t=>({...t,newUrl:e}))})),Y&&Y.newUrl&&Y.newUrl.length>0?n.a.createElement("div",{className:"edit-url-preview",style:{marginTop:"15px"}},n.a.createElement("div",null,n.a.createElement("label",null,"Preview")),n.a.createElement(D.eb,{size:"large",alt:"",source:(null===Y||void 0===Y?void 0:Y.newUrl)||null})):null))}const Kq=j.b.div` 22254 .item-images-wrap { 22255 display: flex; 22256 flex-wrap: wrap; 22257 gap: 10px; 22258 } 22259 22260 .item-image { 22261 position: relative; 22262 } 22263 22264 .action-delete-image { 22265 position: absolute; 22266 top: 0; 22267 right: 0; 22268 z-index: 100; 22269 display: none; 22270 22271 .Polaris-Button { 22272 margin-right: 5px; 22273 } 22274 .Polaris-Button:last-child { 22275 margin-right: 0; 22276 } 22277 } 22278 22279 .item-image:hover .action-delete-image { 22280 display: block; 22281 } 22282 22283 .action-re-enable-image { 22284 display: flex; 22285 position: absolute; 22286 z-index: 100; 22287 top: 0; 22288 left: 0; 22289 right: 0; 22290 bottom: 0; 22291 width: 100%; 22292 width: 100%; 22293 height: 100%; 22294 justify-content: center; 22295 background: #ff000047; 22296 22297 .Polaris-Icon { 22298 display: none; 22299 color: green; 22300 width: 32px; 22301 height: 32px; 22302 22303 svg { 22304 fill: white; 22305 } 22306 } 22307 &:hover .Polaris-Icon { 22308 display: block; 22309 } 22310 } 22311`;var Jq=a(1016),Yq=a(168),Wq=a(285);const Zq={title:"Please enter Titlte",storeIDs:"Please choose at least one store",groupIDs:"Please choose at least one group",tiktokProductTemplateID:"Please choose a product template"};var Xq=function(e){let{open:t,onClose:a}=e;const{ids:l,onCompleted:r}=Object(nR.b)(),[i,o]=n.a.useReducer(c.Hb,{storeIDs:[],tiktokProductTemplateID:null,title:"",titlePrefix:"",titleSuffix:"",mainImageIndex:[1],groupIDs:[],isStore:!1,errors:{}}),{setNotify:s,toggleToast:u}=Object(Fa.b)(),[d,{loading:m}]=Object(De.c)(Jt.nb,{onCompleted:()=>{s({msg:"The new push has been added successfully",err:!1}),r&&r()},onError:e=>{s({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),p=n.a.useCallback(e=>(t,a)=>{let l=e||a;o(e=>function(e,t,a){let l=Object(c.ac)(t,a,Zq);return{...e,[a]:t,errors:{...e.errors,[a]:l}}}(e,t,l))},[]),g=n.a.useCallback(e=>{let t=e;t&&"string"===typeof t&&(t=[t]),p("storeIDs")(t)},[]),A=n.a.useCallback(e=>{let t=e;t&&"string"===typeof t&&(t=[t]),p("groupIDs")(t)},[]),b=n.a.useCallback(()=>{if(Object(c.c)(l))return;const{storeIDs:e,tiktokProductTemplateID:t,titlePrefix:a,titleSuffix:n,mainImageIndex:r,groupIDs:m,isStore:p,title:g}=i;let A={title:Zq.title,tiktokProductTemplateID:Zq.tiktokProductTemplateID},b={tiktokProductTemplateID:t,title:g};const h={title:g,productCrawlIDs:l,tiktokProductTemplateID:t,titlePrefix:a,titleSuffix:n};p?(A.storeIDs=Zq.storeIDs,b.storeIDs=e,h.storeIDs=e):(A.groupIDs=Zq.groupIDs,b.groupIDs=m,h.groupID=m[0]);const f=Object(c.bc)(b,A);o({errors:f});Object(c.mb)(f)||(u&&u(!0),s&&s({msg:null,err:!1}),(null===r||void 0===r?void 0:r.length)>0&&(h.mainImageIndex=r[0]),d({variables:{input:h}}))},[i,l,d,s,u]),h=n.a.useCallback(e=>()=>{o({isStore:e})},[]);return n.a.createElement(D.E,{sectioned:!0,title:"Quick Push",open:t,onClose:a,primaryAction:{content:"Submit",onAction:b,loading:m},secondaryActions:[{content:"Cancel",onAction:a}]},n.a.createElement(D.i,{sectioned:!0,title:"Genernal"},n.a.createElement(D.Y,{vertical:!0},n.a.createElement("div",null,n.a.createElement(al.a,{label:"Title",required:!0}),n.a.createElement(D.cb,{id:"title",onChange:p(),placeholder:"Enter title ",value:i.title||"",error:i.errors.title||null})),n.a.createElement("div",null,n.a.createElement(D.h,{segmented:!0},n.a.createElement(D.g,{primary:!i.isStore,children:"Choose Group",onClick:h(!1),size:"slim"}),n.a.createElement(D.g,{primary:i.isStore,children:"Choose Store",onClick:h(!0),size:"slim"}))),i.isStore?n.a.createElement("div",null,n.a.createElement(al.a,{label:"Target stores",required:!0}),n.a.createElement(Yq.default,{allowMultiple:!0,labelHidden:!0,value:null===i||void 0===i?void 0:i.storeIDs,onChange:g,filter:{platform:"tiktok"},error:i.errors.storeIDs||null})):n.a.createElement("div",null,n.a.createElement(al.a,{label:"Target group",required:!0}),n.a.createElement(Wq.a,{labelHidden:!0,value:null===i||void 0===i?void 0:i.groupIDs,onChange:A,error:i.errors.groupIDs||null})),n.a.createElement("div",null,n.a.createElement(Jq.default,{required:!0,label:"Tiktok product template",onCh
22311ange:p("tiktokProductTemplateID"),filters:{must_has_excel_template_file:!1},value:null===i||void 0===i?void 0:i.tiktokProductTemplateID,error:i.errors.tiktokProductTemplateID||null}),n.a.createElement(D.db,{variation:"subdued"},"This template will be applied to MerchBridge products when pushing them to TikTok.")))),n.a.createElement(D.i,{sectioned:!0,title:"Extra settings"},n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.cb,{label:"Title Prefix",id:"titlePrefix",onChange:p(),placeholder:"Enter title prefix",value:i.titlePrefix||""}),n.a.createElement(D.cb,{label:"Title Suffix",id:"titleSuffix",onChange:p(),placeholder:"Enter title suffix",value:i.titleSuffix||""}),n.a.createElement(D.k,{title:"Which image index do you want to set as the main image?",name:"mainImageIndex",choices:[{value:1,label:"Main image"},{value:2,label:"Image 2"},{value:3,label:"Image 3"}],selected:i.mainImageIndex||[],onChange:p()}))))};var eH=function(e){let{open:t,onClose:a}=e;const{ids:r,onCompleted:i}=Object(nR.b)(),{setNotify:o,toggleToast:s}=Object(Fa.b)(),[u,{loading:d}]=Object(De.c)(Jt.z,{onCompleted:()=>{o({msg:"The product crawl items deleted success",err:!1}),i&&i()},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),m=Object(l.useCallback)(()=>{Object(c.c)(r)||(s(!0),o({msg:null,err:!1}),u({variables:{ids:r}}))},[s,o,u,r]);return n.a.createElement(D.E,{title:"Bulk Delete Product Crawl Item",open:t,onClose:a,sectioned:!0,primaryAction:{content:"Submit",onAction:m,loading:d},secondaryActions:[{content:"Cancel",onAction:a}]},n.a.createElement("p",null,"Are you sure to delete Product crawl items?"))};var tH=function(e){let{open:t,onClose:a}=e;const{ids:r,onCompleted:i}=Object(nR.b)(),{setNotify:o,toggleToast:s}=Object(Fa.b)(),[u,d]=n.a.useReducer(c.Hb,{pattern:"",replacement:"",error:{}}),[m,{loading:p}]=Object(De.c)(Jt.C,{onCompleted:()=>{o({msg:"The product crawl items replace title success",err:!1}),i&&i()},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),g=n.a.useCallback((e,t)=>{if(d({[t]:e}),"pattern"===t){let a="";e||(a="Pattern is required"),d(e=>({...e,error:{...u.error,[t]:a}}))}},[]),A=Object(l.useCallback)(()=>{Object(c.c)(r)||(u.pattern?(s(!0),o({msg:null,err:!1}),m({variables:{ids:r,pattern:u.pattern,replacement:u.replacement}})):d(e=>({...e,error:{...e,pattern:"Pattern is required"}})))},[s,o,m,r,u]);return n.a.createElement(D.E,{title:"Bulk Replace Product Crawl Item",open:t,onClose:a,sectioned:!0,primaryAction:{content:"Submit",onAction:A,loading:p},secondaryActions:[{content:"Cancel",onAction:a}]},n.a.createElement(D.Y,{vertical:!0},n.a.createElement("div",null,n.a.createElement(al.a,{required:!0,label:"Pattern"}),n.a.createElement(D.cb,{helpText:"If this string includes a semicolon (;), the system will split it into multiple parts and use them as the basis for replacing the product title accordingly.",value:u.pattern,placeholder:"Text1; text2",id:"pattern",onChange:g,error:u.error.pattern})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Replacement"}),n.a.createElement(D.cb,{helpText:"This is the value used to replace the product title.",value:u.replacement,placeholder:"Target",id:"replacement",onChange:g}))))};const aH=()=>{const[e,t]=Object(Ee.a)(!1),[a,r]=Object(l.useReducer)(c.Hb,{open:!1,action:null}),i=Object(l.useCallback)(e=>()=>{r({open:!0,action:e})},[]),o=Object(l.useCallback)(()=>{r({open:!1,action:null})},[]),s={delete:n.a.createElement(eH,{open:a.open,onClose:o}),replaceTitle:n.a.createElement(tH,{open:a.open,onClose:o})}[a.action];return n.a.createElement(l.Fragment,null,n.a.createElement(D.g,{children:"Quick Push",onClick:t}),n.a.createElement(Xq,{onClose:t,open:e}),n.a.createElement(D.g,{children:"Delete",onClick:i("delete")}),n.a.createElement(D.g,{children:"Replace Title",onClick:i("replaceTitle")}),s)},lH=Object(l.createContext)(null);function nH(e){let{children:t,data:a}=e;const r=function(e){const t=Object(C.get)(e,"getTiktokCrawlProducts.nodes")||[];return Array.from(new Set(t.map(e=>
22311Object(C.get)(e,"id")).filter(Boolean)))}(a),{data:i}=Object(De.d)(I.Eb,{variables:{productIDs:r}}),o=Object(l.useMemo)(()=>rH(i),[JSON.stringify(rH(i))]);return n.a.createElement(lH.Provider,{value:o},t)}function rH(e){return Object(C.get)(e,"getTiktokCrawlProductPushedToStore")}const iH=e=>Object(c.c)(e)?[]:Array.from(new Map(e.map(e=>e.id?[e.id,e]:null).filter(Boolean)).values());j.b.div``;var oH=function(e){let{node:t}=e;const{id:a}=t||{},r=(Object(l.useContext)(lH)||{})[a];return Object(c.c)(r)?null:n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},iH(r).map((e,t)=>n.a.createElement("div",{key:`${a}-store-${t}`,title:(null===e||void 0===e?void 0:e.title)||""},n.a.createElement(D.e,{children:(null===e||void 0===e?void 0:e.title)||""}))))};const sH=o.a` 22312 query getTiktokCrawlProducts($filter: TiktokCrawlProductFilter!) { 22313 getTiktokCrawlProducts(filter: $filter) { 22314 total 22315 nodes { 22316 id 22317 createdAt 22318 title 22319 originID 22320 originUrl 22321 status 22322 teamID 22323 team { 22324 id 22325 } 22326 collectionIDs 22327 collections { 22328 id 22329 name 22330 } 22331 tagIDs 22332 tags { 22333 id 22334 name 22335 } 22336 mainImage 22337 image2 22338 image3 22339 image4 22340 image5 22341 image6 22342 image7 22343 image8 22344 image9 22345 templateID 22346 template { 22347 id 22348 title 22349 } 22350 createdBy { 22351 firstName 22352 lastName 22353 } 22354 randomText 22355 originSKU 22356 isPersonalized 22357 } 22358 } 22359 } 22360`,cH=["ID","Image","Title","Origin SKU","Taxon","Template","Pushed to Stores","Random Text","Personalized","Created At","Actions"];var uH=Object(l.forwardRef)((function(e,t){var a;let r=e.filters;const{currentUser:i}=Object(te.c)(),[o,s]=Object(l.useState)(!1),[u,d]=Object(l.useState)({}),[m,p]=Object(l.useState)([]),[g,A]=Object(l.useState)({}),b=async e=>{let t=e&&e.type&&"success"==e.type&&e.message?e.message:null,a=e&&e.type&&"fail"==e.type&&e.message?e.message:null;d({success_message:t,error_message:a}),s(!0);try{await C()}catch(l){console.error("Error refreshing data:",l)}},[h,f]=Object(l.useState)({paged:1,limit:(null===r||void 0===r?void 0:r.limit)||20,offset:(null===r||void 0===r?void 0:r.offset)||0}),{loading:v,error:E,data:y,refetch:C}=Object(De.d)(sH,{variables:{filter:{limit:h.limit,offset:h.offset,search:(null===r||void 0===r?void 0:r.search)||null,originSource:(null===r||void 0===r?void 0:r.domain)||null,orderBy:(null===r||void 0===r?void 0:r.orderBy)||null,order:(null===r||void 0===r?void 0:r.order)||null,createdByID:(null===r||void 0===r?void 0:r.createdByID)||null,collectionIDs:null===r||void 0===r?void 0:r.collectionIDs,tagIDs:null===r||void 0===r?void 0:r.tagIDs,isPushed:null===r||void 0===r?void 0:r.isPushed,isPersonalized:null!=(null===r||void 0===r?void 0:r.isPersonalized)?r.isPersonalized:null,range:null!=(null===r||void 0===r?void 0:r.range)?r.range:null}},fetchPolicy:"network-only"});n.a.useImperativeHandle(t,()=>({refetch:C})),Object(l.useEffect)(()=>{var e,t;let a=null===y||void 0===y||null===(e=y.getTiktokCrawlProducts)||void 0===e?void 0:e.nodes;p(a||[]);let l=null===y||void 0===y||null===(t=y.getTiktokCrawlProducts)||void 0===t?void 0:t.total,n={page:h.paged,totalPage:Math.ceil(l/h.limit),offset:h.offset,limit:h.limit,onChange:O,total:l};A(n)},[y,h]);const k=n.a.useCallback(e=>((e,t)=>{const a=[],{isStoreManager:l}=Object(c.j)(i);for(let s of e){var r,o;if(Object(c.Gb)(s))continue;let{mainImage:e,id:u,title:d,createdAt:m,originUrl:p,collections:g,tags:A,template:h,image2:f,image3:v,image4:E,image5:y,image6:C,image7:k,image8:O,image9:j,createdBy:w,randomText:S,originSKU:I,isPersonalized:B}=s;A=Array.from(new Map([...A||[]].map(e=>(null===e||void 0===e?void 0:e.id)?[e.id,e]:null).filter(Boolean)).values()),m=Zr()(m).format("YYYY-MM-DD HH:mm:ss");let P=[f||null,v||null,E||null,y||null,C||null,k||null,O||null,j||null],x=null;f&&f.length>0&&(x=n.a.createElement("div",{className:"similar_wrap"},n.a.createElement("span",{className:"pseudo"},"\xa0"),n.a.createElement("div",{className:"similar_inner"},P.length>0?n.a.createElement("div",{className:"similar-products"},P.filter(e=>e).map((e,t)=>n.a.createElement("div",{key:e||t,className:"similar-product"},n.a.createElement("div",{style:{display:"flex",justifyContent:"center"}},n.a.createElement(Vq,{imageUrl:e,galleryImageUrls:P}
22360))))):null)));const M=[n.a.createElement("div",{className:"custom-row"},x)];let T=!!(l&&(null===i||void 0===i?void 0:i.id)&&(null===w||void 0===w?void 0:w.id)&&i.id!==w.id);const Q=[t(u),n.a.createElement("div",{className:"id item"},n.a.createElement("span",null,u)),n.a.createElement("div",{className:"thumb item"},n.a.createElement(Vq,{imageUrl:e,galleryImageUrls:P})),n.a.createElement("div",{className:"title item"},n.a.createElement("div",null,d),n.a.createElement("div",{className:"origin-url"},n.a.createElement(D.cb,{value:p}))),n.a.createElement("div",{className:"origin-sku item"},n.a.createElement("span",null,I)),n.a.createElement("div",{className:"taxons item"},g&&g.length>0?n.a.createElement("div",{className:"collections item"},n.a.createElement("div",null,n.a.createElement("strong",null,"Collections: ")),n.a.createElement("div",null,g.map(e=>n.a.createElement(D.e,{key:e.id},e.name)))):null,A&&A.length>0?n.a.createElement("div",{className:"tags item"},n.a.createElement("div",null,n.a.createElement("strong",null,"Tags: ")),n.a.createElement("div",null,A.map((e,t)=>n.a.createElement(D.e,{key:`${u}-tag-${(null===e||void 0===e?void 0:e.id)||t}`},e.name)))):null),n.a.createElement("div",{className:"template item"},n.a.createElement(D.e,{status:"success"},(null===h||void 0===h?void 0:h.title)||null)),n.a.createElement("div",{className:"pushed-to-store item"},n.a.createElement(oH,{node:s})),n.a.createElement("div",{className:"random-text item"},n.a.createElement("span",null,S)),n.a.createElement("div",{className:"personalized item"},n.a.createElement(D.e,{status:B?"success":"new",children:B?"Yes":"No"})),n.a.createElement("div",{className:"created-at item"},n.a.createElement("span",null,m),(null===w||void 0===w?void 0:w.firstName)||(null===w||void 0===w?void 0:w.lastName)?n.a.createElement("div",{style:{marginTop:"10px"}},n.a.createElement("span",null,n.a.createElement("strong",null,"By: "),`${null!==(r=null===w||void 0===w?void 0:w.firstName)&&void 0!==r?r:""} ${null!==(o=null===w||void 0===w?void 0:w.lastName)&&void 0!==o?o:""}`)):null),n.a.createElement("div",{className:"actions item"},n.a.createElement(Gq,{item:s,onEdited:b}),T?null:n.a.createElement(qq,{item:s,onDeleted:b}))];a.push(Q),x&&a.push(M)}return a})(m,e),[m]);Object(l.useEffect)(()=>{const e=document.querySelectorAll(".Polaris-DataTable__Cell"),t=document.querySelectorAll(".custom-row");for(let a of e)for(let e of t)if(Object(c.u)(a,e))a.style.background="var(--p-surface, #f4f6f8)",a.setAttribute("colspan",cH.length);else{a.getAttribute("colspan")&&a.nextElementSibling&&(a.removeAttribute("style"),a.removeAttribute("colspan"))}},[JSON.stringify(m),y]);const O=(e,t)=>{let a=Math.floor(e/t)+1;f(l=>({...l||{},limit:t,offset:e,paged:a}))},j=o?n.a.createElement(D.fb,{content:u.success_message,error:u.error_message,duration:5e3,onDismiss:()=>s(!1)}):null;return n.a.createElement(n.a.Fragment,null,j,n.a.createElement(wg.a,{fallback:n.a.createElement(Je.default,null)},v?n.a.createElement(Je.default,null):E?n.a.createElement("div",null,"Error: ",Object(c.ib)(null===E||void 0===E?void 0:E.toString())):(null===m||void 0===m?void 0:m.length)>0?n.a.createElement(mH,null,n.a.createElement(nH,{data:y},n.a.createElement(nR.a,{data:(null===y||void 0===y||null===(a=y.getTiktokCrawlProducts)||void 0===a?void 0:a.nodes)||[],refetch:C,actionMarkup:n.a.createElement(aH,null)},e=>{let{checkAllMarkup:t,checkItemMarkup:a}=e;return n.a.createElement(lR.default,{fixedColumn:!0},n.a.createElement(D.n,{rows:k(a),columnContentTypes:[...Array.from({length:11}).fill("text"),"numeric"],headings:[t,...cH],verticalAlign:"middle",hideScrollIndicator:!0}))})),n.a.createElement(dH,null,n.a.createElement(Ye.PaginationPolaris,{aggregation:g,showTotal:!0,limitRange:[20,50,100,200,300,500,1e3]}))):n.a.createElement(We.default,null)))}));const dH=j.b.div` 22361 padding: 1.6rem; 22362 overflow-x: scroll; 22363 background: var(--p-surface-subdued, #f4f6f8); 22364`,mH=j.b.div` 22365 overflow-x: auto; 22366 22367 .Polaris-DataTable__Table { 22368 overflow-x: inherit; 22369 } 22370 22371 .Polaris-DataTable__Cell--firstColumn { 22372 width: 100px; 22373 } 22374 22375 .id { 22376 width: 100px; 22377 } 22378 22379 .origin-sku { 22380 width: 150px; 22381 } 22382 22383 .thumb, 22384 .Polaris-Thumbnail--sizeLarge { 22385 width: 200px; 22386 } 22387 22388 .item { 22389 white-space: normal; 22390 word-break: break-word; 22391 } 22392 22393 .title { 22394 width: 300px; 22395 } 22396 22397 .other-images { 22398 width: 250px; 22399 } 22400 .origin-url { 22401 margin-top: 10px; 22402 } 22403 22404 .taxons, 22405 .random-text { 22406 width: 200px; 22407 } 22408 .template { 22409 width: 150px; 22410 22411 .Polaris-Badge__Content { 22412 white-space: nowrap; 22413 overflow: hidden; 22414 text-overflow: ellipsis; 22415 max-width: 150px; 22416 } 22417 } 22418 22419 .pushed-to-store { 22420 width: 350px; 22421 } 22422 22423 .collections { 22424 margin-bottom: 20px; 22425 } 22426 22427 .actions, 22428 .created-at {
22429 width: 150px; 22430 } 22431 22432 .actions .Polaris-Button:first-child { 22433 margin-right: 15px; 22434 } 22435 22436 // Similar 22437 .custom-row { 22438 .similar_wrap { 22439 position: relative; 22440 .similar_inner { 22441 display: flex; 22442 } 22443 .pseudo { 22444 position: absolute; 22445 width: 24px; 22446 height: 24px; 22447 top: -2.8rem; 22448 left: 129px; 22449 transform: rotate(45deg); 22450 background: var(--p-surface, #f4f6f8); 22451 } 22452 .similar-products, 22453 .similar-items { 22454 display: flex; 22455 flex-direction: row; 22456 gap: 10px; 22457 22458 .similar-product, 22459 .similar-item { 22460 display: flex; 22461 flex-direction: column; 22462 width: 200px; 22463 justify-content: center; 22464 text-align: center; 22465 align-self: flex-start; 22466 .title_inner { 22467 margin: 0 1rem; 22468 display: inline-block; 22469 } 22470 } 22471 } 22472 } 22473 } 22474`;var pH=a(328);const gH={name:"",open:!1,data:[],error:""};const AH="collectionNames",bH="tagNames",hH={title:"title",url:"originUrl","image 1":"image1","image 2":"image2","image 3":"image3","image 4":"image4","image 5":"image5","image 6":"image6","image 7":"image7","image 8":"image8","image 9":"image9","collection name":AH,"collection names":AH,"tag name":bH,"tag names":bH,"random text":"randomText","origin sku":"originSKU"};var fH=function(e){let{open:t,onClose:a,onCompleted:l}=e;const[r,i]=n.a.useReducer(c.Hb,gH),{setNotify:o,toggleToast:s}=Object(Fa.b)(),[u]=Object(mm.a)(),[d,{loading:m}]=Object(De.c)(pH.a,{onCompleted:()=>{o({msg:"Import product crwal success",err:!1}),a&&a(),u(l,1500)},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),p=n.a.useCallback(()=>{o({msg:null,err:!1}),s(!0),Object(c.c)(r.data)?o({msg:"Please choose the file to import",err:!0}):d({variables:{input:r.data}})},[d,s,r.data]),g=n.a.useCallback(async e=>{try{i(gH);let[t]=e;const a=await async function(e){return new Promise((t,a)=>{const l=new FileReader;l.onload=function(e){const l=new Uint8Array(e.target.result),n=ve.a(l,{type:"array"}),r=n.SheetNames[0],i=n.Sheets[r],o=ve.b.sheet_to_json(i);Object(c.c)(o)&&a("could not get data from file");const s=[];for(let t of o){const e={};let a=Array.from({length:9});const l=/image/i;for(let[r,i]of Object.entries(t)){const t=r.toLowerCase().trim(),n=hH[t];if(n&&([AH,bH].includes(n)&&(i=i.split(",").map(e=>e.trim()).filter(Boolean)),"originSKU"===n&&(i+=""),e[n]=i,n.match(l))){let[,e]=n.split(l);e=Number(e.trim()),a[e-1]=i}}const[n]=a.filter(Boolean);e.mainImage=n,delete e.image1,s.push(e)}t(s)},l.onerror=function(t){a("Error occurred reading file: "+e.name)},l.readAsArrayBuffer(e)})}(t);i({name:null===t||void 0===t?void 0:t.name,data:a})}catch(t){console.error(null===t||void 0===t?void 0:t.toString())}},[]),A=n.a.useCallback(e=>{i(gH);let[t]=e,a=(null===t||void 0===t?void 0:t.name)||"The file";i({error:`File: ${a} error, type invalid`})},[]),b=n.a.useCallback(()=>{i(gH)},[]),h=n.a.useCallback(e=>{if(e instanceof File){const{type:t}=e;if(!["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/vnd.ms-excel","text/csv"].includes(t))return!1}return!0},[]);return n.a.createElement(D.E,{title:"Import Product Crawl",sectioned:!0,open:t,onClose:a,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:p,loading:m}},n.a.createElement("div",null,n.a.createElement(al.a,{label:"Crawler file",required:!0}),n.a.createElement(D.p,{allowMultiple:!1,onDropAccepted:g,onDropRejected:A,disabled:!!m,customValidator:h},n.a.createElement(D.p.FileUpload,null),";"),n.a.createElement("div",{style:{marginTop:8}},n.a.createElement(D.db,{variation:"subdued",children:"The valid file types are CSV or XLSX"})),r.error?n.a.createElement(D.db,{variation:"negative",children:r.error}):r.name?n.a.createElement("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"}},n.a.createElement("span",{className:"file-name"},r.name),n.a.createElement(D.g,{plain:!0,size:"slim",icon:Wi.a,onClick:b})):null,n.a.createElement("div",{style:{marginTop:"8px"}},"Product Crawl Template",n.a.createElement("a",{className:"Polaris-Link",target:"_blank",href:"https://docs.google.com/spreadsheets/d/14bCTtYwfVTIyS8p6ecjBjdz9ZZfhlxxT_GFzEnwekO4/edit?gid=0#gid=0"}," "," example"))))};function vH(){const{currentUser:e}=Object(te.c)(),{id:t}=e||{},{isSeller:a}=Object(c.j)(e),r=Object(c.ub)(e),[i,o]=Object(l.useState)({limit:100,offset:0,order:"DESC",orderBy:"created_at",originSource:null,search:null,createdByID:r?a?null:t||null:null,isPushed:!0}),s=Object(l.useRef)(!0),[u,d]=Object(l.useState)(!1);Object(l.useEffect)(()=>(s.current=!0,()=>{s.current=!1}),[]);const m=n.a.useCallback(e=>()=>{d(e)},[]),p=n.a.useRef(),g=n.a.useCallback(()=>{p.current&&p.current.refetch&&"function"===typeof p.current.refetch&&p.current.refetch()},[]);return n.a.createElement(D.H,{title:"Product Crawl Items",fullWidth:!0,primaryAction:{content:"Import Product Crawl",onAction:m(!0)}},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(wg.a,{fallback:n.a.createElement(D.U,null)},n.a.createElement(Uq,{filters:i,onFilterChange:e=>{k.a.isEqual(i,e)||s.current&&o(e)}}))),n.a.createElement(D.i,null,n.a.createElement(uH,{filters:i,ref:p})),n.a.createElement(fH,{open:u,onClose:m(!1),onCompleted:g}))}
22474function EH(){return n.a.createElement(ud.a,null,n.a.createElement(wg.a,{fallback:n.a.createElement(Je.SkeletonPagePolaris,null)},n.a.createElement(vH,null)))}const yH=[{value:"DESC",label:"DESC"},{value:"ASC",label:"ASC"}],CH=[{value:"title",label:"Title"},{value:"created_at",label:"Created At"}],kH=o.a` 22475 query stores($filter: StoreFilter) { 22476 stores(filter: $filter) { 22477 total 22478 nodes { 22479 id 22480 title 22481 } 22482 } 22483 } 22484`,OH=[{value:"All",label:"All"},{value:"Yes",label:"Yes"},{value:"No",label:"No"}],jH=[{value:"All",label:"All"},{value:"Pending",label:"Pending"},{value:"Running",label:"Running"},{value:"Reach daily limit",label:"Reach daily limit"},{value:"Done",label:"Done"},{value:"Error",label:"Error"},{value:"Paused",label:"Paused"}],wH=j.b.div` 22485 display: flex; 22486 flex-direction: column; 22487 word-break: break-all; 22488 .domain { 22489 font-size: 0.9em; 22490 padding-right: 5px; 22491 color: var(--p-interactive, #006fbb); 22492 } 22493`;function SH(e){let{onFilterChange:t}=e;const[a,r]=Object(l.useState)("DESC"),[i,o]=Object(l.useState)("created_at"),[s,u]=Object(l.useState)(""),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)({value:null,label:null,search:null}),[A,b]=n.a.useReducer(c.Hb,{members:[],createdByID:"All",createdByName:"All",pushValue:null,pushLabel:null,personalizedValue:null,personalizedLabel:null,pushMassValue:null,pushMassLabel:null,rangeValue:null,rangeLabel:null,statusLabel:null,statusValue:null}),{currentUser:h}=Object(te.c)(),{isSeller:f}=Object(c.j)(h),v=!!f,{data:E}=um({roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager]},!1,"id role user {id firstName lastName}"),y=Object(l.useRef)(null),{data:C,loading:k,error:O}=Object(De.d)(kH,{variables:{filter:{limit:p.search?1e3:20,offset:0,search:p.search,platform:"tiktok"}},fetchPolicy:"cache-and-network"});Object(l.useEffect)(()=>{const e=gm(E),t={members:Object(c.c)(e)?[]:e};if((null===A||void 0===A?void 0:A.createdByID)&&!Object(c.c)(e)){const a=e.find(e=>(null===e||void 0===e?void 0:e.value)===A.createdByID);a&&(t.createdByID=a.value,t.createdByName=a.label)}b({...t})},[JSON.stringify(E),null===A||void 0===A?void 0:A.createdByID]),Object(l.useEffect)(()=>{if(C){var e,t;let a=(null===(e=C.stores)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?C.stores.nodes.map(e=>{let t=e.domain;return{value:e.id,label:n.a.createElement(wH,null,n.a.createElement("span",{className:"title"},e.title),n.a.createElement("span",{className:"domain"},t))}}):[];m(a)}},[C]),Object(l.useEffect)(()=>{y.current&&clearTimeout(y.current),y.current=setTimeout(()=>{t&&t({search:s?s.trim():s,storeID:(null===p||void 0===p?void 0:p.value)||null,orderBy:i,order:a,createdByID:"All"===A.createdByID?null:A.createdByID,range:"All"===A.rangeValue?null:A.rangeValue,status:"All"===A.statusValue?null:A.statusValue,isPersonalized:"Yes"===A.personalizedValue||"No"!==A.personalizedValue&&null,isPushMass:"Yes"===A.pushMassValue||"No"!==A.pushMassValue&&null})},300)},[s,i,A.createdByID,A.personalizedValue,A.pushMassValue,a,p,A.rangeValue,A.statusValue]);const j=Object(l.useCallback)(e=>u(e),[]),w=Object(l.useCallback)(e=>t=>{let{value:a,label:l}=t;b({[e+"Value"]:a,[e+"Label"]:l})},[]),S=Object(l.useCallback)((e,t)=>()=>b({[e+"Value"]:t?null:[],[e+"Label"]:t?null:[]}),[]),I=Object(l.useCallback)(()=>u(null),[]),B=Object(l.useCallback)(()=>b({createdByID:"All"}),[]),P=Object(l.useCallback)(()=>{I(),x("origin_source"),x("ordering"),x("order_by"),x("created_by");for(let e of["personalized","pushMass","range","status"])S(e,!0)()},[I]),x=e=>{switch(e){case"store_id":g({value:null,label:null,search:null});break;case"ordering":r("");break;case"order_by":o("");break;case"keyword":I();break;case"created_by":B()}},M=[{key:"store",label:"Stores",filter:n.a.createElement(ba.a,{options:d,value:p,loading:k,error:O,onChangeSearch:e=>g(t=>({...t,search:e})),onChange:e=>{let{value:t,label:a}=e;return g(e=>({...e,value:t,label:a}))}})},{key:"personalized",label:"Personalized",filter:n.a.createElement(Mi.a,{value:A.personalizedValue,options:OH,onChange:w("personalized")})},{key:"push-mass",label:"Push Mass",filter:n.a.createElement(Mi.a,{value:A.pushMassValue,options:OH,onChange:w("pushMass")})},{key:"status",label:"Status",filter:n.a.createElement(Mi.a,{value:A.statusValue,options:jH,onChange:w("status")})},v&&{key:"created_by",label:"Created By",filter:n.a.createElement(ga.a,{data:A.members,value:{value:A.createdByID,label:A.createdByName},hasAll:!0,onChange:e=>{let{value:t,label:a}=e;b({createdByID:t,createdByName:a})}})},{key:"created-time",label:"Created Time",filter:n.a.createElement(yv.a,{filterTime:{range:A.rangeValue,rangeLabel:A.rangeLabel},onChangeRange:(e,t)=>
22493{w("range")({value:e,label:t})}})},{key:"ordering",label:"Order",filter:n.a.createElement(Mi.a,{options:yH,value:a,onChange:e=>{let{value:t,label:a}=e;return r(t)}})},{key:"order_by",label:"Order by",filter:n.a.createElement(Mi.a,{options:CH,value:i,onChange:e=>{let{value:t,label:a}=e;return o(t)}})}].filter(Boolean),T=[];if(!Object(c.tb)(a)){const e="ordering";T.push({key:e,label:Q(e,a),onRemove:()=>x(e)})}if(!Object(c.tb)(i)){const e="order_by";T.push({key:e,label:Q(e,i),onRemove:()=>x(e)})}if(!Object(c.tb)(s)){const e="keyword";T.push({key:e,label:Q(e,s),onRemove:()=>x(e)})}if(!Object(c.tb)(p.label)){const e="store_id";T.push({key:e,label:Q(e,p.label),onRemove:()=>x(e)})}if(v&&!Object(c.tb)(A.createdByID)&&"All"!==A.createdByID&&"All"!==A.createdByName){const e="created_by";T.push({key:e,label:Q(e,A.createdByName),onRemove:()=>x(e)})}if(!Object(c.tb)(A.personalizedLabel)){const e="personalized";T.push({key:e,label:Q(e,A.personalizedLabel),onRemove:S("personalized",!0)})}if(!Object(c.tb)(A.pushMassLabel)){const e="push-mass";T.push({key:e,label:Q(e,A.pushMassLabel),onRemove:S("pushMass",!0)})}if(!Object(c.tb)(A.rangeLabel)){const e="created-time";T.push({key:e,label:Q(e,A.rangeLabel),onRemove:S("range",!0)})}if(!Object(c.tb)(A.statusLabel)){const e="status";T.push({key:e,label:Q(e,A.statusLabel),onRemove:S("status",!0)})}return n.a.createElement(D.r,{queryPlaceholder:"Search crawl item",queryValue:s,onQueryChange:j,onQueryClear:I,onClearAll:P,filters:M,appliedFilters:T});function Q(e,t){switch(e){case"store_id":if(t)return"Store: "+t;break;case"keyword":return"Keyword: "+t;case"origin_source":return"Origin source: "+t;case"ordering":return"Order: "+t;case"order_by":if(CH){let e=CH.find(e=>e.value===t);if(e&&e.label)return"Order by: "+e.label}return"Order by: "+t;case"created_by":return"Created by: "+t;case"personalized":return"Personalized: "+t;case"push-mass":return"Push Mass: "+t;case"created-time":return"Created time: "+t;case"status":return"Status: "+t;default:return t}}}const IH=o.a` 22494 query getTiktokProductStores($filter: GetTiktokProductStoreInput!) { 22495 getTiktokProductStores(filter: $filter) { 22496 total 22497 nodes { 22498 id 22499 crawlProductID 22500 mbProductID 22501 lastRunAt 22502 status 22503 errorMessage 22504 tiktokProductID 22505 } 22506 } 22507 } 22508`,BH=o.a` 22509 mutation tiktokRePushProductByItem($itemIds: [ID!]!, $pushId: ID!) { 22510 tiktokRePushProductByItem(itemIds: $itemIds, pushId: $pushId) 22511 } 22512`;function DH(e){var t;let{push:a,open:l,onClose:r}=e;const[i,o]=n.a.useReducer(c.Hb,{limit:50,paged:1,search:"",status:null,tiktokPushID:null===a||void 0===a?void 0:a.id}),[s,u]=n.a.useState(!0),{data:d,loading:m,error:p,refetch:g}=Object(De.d)(IH,{variables:{filter:{...i,tiktokPushID:a.id}},skip:!a||!a.id||!l}),A=n.a.useCallback(e=>()=>{o({status:e,limit:50,paged:1}),u(!1)},[]),b=n.a.useCallback(()=>u(e=>!e),[]),h=n.a.useCallback((e,t)=>{o({limit:t,paged:e/t+1})},[]);n.a.useEffect(()=>(l||o({limit:50,paged:1,search:"",status:null,tiktokPushID:null===a||void 0===a?void 0:a.id}),()=>{o({limit:50,paged:1,search:"",status:null,tiktokPushID:null===a||void 0===a?void 0:a.id})}),[l]);const f=n.a.createElement(D.g,{onClick:b,disclosure:!0},"Status"),v=(null===d||void 0===d||null===(t=d.getTiktokProductStores)||void 0===t?void 0:t.nodes)||[],E="mb_products"===Object(C.get)(a,"source");let{limit:y,paged:k}=i;const O=Object(C.get)(d,"getTiktokProductStores.total",0),j={page:k,totalPage:Math.ceil(O/y),offset:(k-1)*y,limit:y,onChange:h,total:O};return n.a.createElement(D.E,{large:!0,onClose:r,open:l,title:"Tiktok Push Detail "+(a.id?"#"+a.id:""),sectioned:!0},n.a.createElement(n.a.Fragment,null,n.a.createElement(D.Y,{vertical:!0,spacing:"none"},n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement("div",{style:{display:"flex",justifyContent:"flex-end"}},n.a.createElement(D.K,{active:s,onClose:b,sectioned:!0,activator:f},n.a.createElement(D.a,{actionRole:"menuitem",items:[{content:"Pending",onAction:A("Pending")},{content:"Error",onAction:A("Error")},{content:"Pushed",onAction:A("Pushed")}]})))),m?n.a.createElement(Je.default,{sizeSmall:!0}):p?n.a.createElement("div",null,"Error: ",Object(c.ib)(null===p||void 0===p?void 0:p.toString())):(null===v||void 0===v?void 0:v.length)>0?n.a.createElement(n.a.Fragment,null,n.a.createElement(TH,null,
22512n.a.createElement(nR.a,{data:v,refetch:g,actionMarkup:n.a.createElement(xH,null),pushId:null===a||void 0===a?void 0:a.id},e=>{let{checkAllMarkup:t,checkItemMarkup:a}=e;return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.n,{headings:[t,"ID","Status",E?"MB Product ID":"Product Crawl ID","Tiktok Product ID","Message","Last Run At"],columnContentTypes:Array.from({length:6}).fill("text"),verticalAlign:"middle",rows:PH(a,v,E)||[],hideScrollIndicator:!0}))})),n.a.createElement(QH,null,n.a.createElement(Ye.default,{aggregation:j,showTotal:!0}))):n.a.createElement(We.default,{slim:!0}))))}function PH(e,t,a){const l=[];for(let r of t){if(!r||!r.id)continue;const{id:t,status:i,tiktokProductID:o,errorMessage:s,lastRunAt:u,crawlProductID:d,mbProductID:m}=r;let p=a?m:d;l.push([e(t),n.a.createElement("div",{className:"id"},n.a.createElement("span",null,t)),n.a.createElement("div",{className:"status"},n.a.createElement("span",null,i)),n.a.createElement("div",{className:"product-id"},n.a.createElement("span",null,p)),n.a.createElement("div",{className:"tiktok-proudct-id"},n.a.createElement("span",null,o)),n.a.createElement("div",{className:"error-message"},n.a.createElement("span",null,s)),n.a.createElement("div",{className:"last-run-at"},n.a.createElement("span",null,Object(c.C)(u)))])}return l}function xH(){const[e,t]=n.a.useReducer(c.Hb,{open:!1,action:null}),{ids:a,onCompleted:l,pushId:r}=Object(nR.b)(),i=n.a.useCallback(e=>{t(t=>({...t,open:!t.open,action:e}))},[]),o={open:e.open,onClose:i,onCompleted:l,idsChecked:a,pushId:r},s={rePush:n.a.createElement(MH,o)};return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.g,{children:"Re-push product",onClick:()=>i("rePush")}),s[e.action])}function MH(e){let{open:t,onClose:a,idsChecked:l,pushId:r,onCompleted:i}=e;const{setNotify:o,toggleToast:s}=Object(Fa.b)(),[u,{loading:d}]=Object(De.c)(BH,{onCompleted:()=>{o({msg:"Re-push for item successfully",err:!1}),a&&a(),i&&i()},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),m=n.a.useCallback(()=>{r&&!Object(c.c)(l)&&(s&&s(!0),o&&o({msg:null,err:!1}),u({variables:{pushId:r,itemIds:l}}))},[l,r,u]);return n.a.createElement(D.E,{onClose:a,open:t,primaryAction:{content:"Submit",loading:d,onAction:m},title:"Re-push product",secondaryActions:[{content:"Cancel",onAction:a}],sectioned:!0},n.a.createElement("p",null,"Are you sure to re-push product?"),n.a.createElement(D.db,{variation:"subdued"},"This action only processes products that are in an Error state."))}const TH=j.b.div` 22513 .error-message { 22514 width: 300px; 22515 white-space: break-spaces; 22516 word-break: break-word; 22517 } 22518`,QH=j.b.div` 22519 padding: 1.6rem; 22520 overflow-x: scroll; 22521 background: var(--p-surface-subdued, #f4f6f8); 22522`,RH=a(5),FH=o.a` 22523 mutation deleteSelectedTiktokPushes($ids: [ID!]) { 22524 deleteSelectedTiktokPushes(ids: $ids) 22525 } 22526`,NH=o.a` 22527 mutation pauseSelectedTiktokPushes($ids: [ID!]) { 22528 pauseSelectedTiktokPushes(ids: $ids) 22529 } 22530`,UH=o.a` 22531 mutation resumeSelectedTiktokPushes($ids: [ID!]) { 22532 resumeSelectedTiktokPushes(ids: $ids) 22533 } 22534`,LH=o.a` 22535 mutation forceGenerateTiktokPushExcelFile($tiktokPushID: ID!) { 22536 forceGenerateTiktokPushExcelFile(tiktokPushID: $tiktokPushID) 22537 } 22538`,VH=o.a` 22539 mutation tiktokRePushProductProcess($ids: [ID!]!) { 22540 tiktokRePushProductProcess(ids: $ids) 22541 } 22542`;function zH(e){var t,a,r,i,o;let{item:s,onActionCompleted:u}=e;const d=Object(O.g)(),[m,p]=Object(l.useState)(!1),[g,A]=Object(l.useState)({}),[b,h]=Object(l.useState)(!1),[f,v]=Object(l.useState)(null),[E,y]=n.a.useReducer(c.Hb,{openDetail:!1}),{currentUser:C}=Object(te.c)(),{isSeller:k}=Object(c.j)(C),j=Object(c.U)(C),w=(e,t)=>{switch(e){case"edit":let a=`/${j}/tiktok-hub/push-products/${null===t||void 0===t?void 0:t.id}`;d.push(a);break;case"pause":case"resume":case"reGenrate":case"rePush":case"delete":p(!0),A({action:e,item:t})}v(null)},S=n.a.useCallback(e=>()=>{y({openDetail:e})},[]),I=Object(l.useCallback)(e=>{let t=[{content:"Edit push",onAction:()=>w("edit",e)}];return(k||qH(C,e))&&t.unshift({content:"View Detail",onAction:S(!0)}),"Done"==e.status||e.paused||t.push({content:"Pause push",onAction:()=>w("pause",e)}),"Done"!=e.status&&e.paused&&t.push({content:"Resume push",onAction:()=>w("resume",e)}),["Done","Error"].includes(e.status)&&"EXPORT_EXCEL"===e.processingMode&&t.push({content:"Re-Generate Excel file",onAction:()=>w("reGenrate",e)}),(k||qH(C,e))&&t.push({content:"Push Again",onAction:()=>w("rePush",e)}),(k||qH(C,e))&&t.push({content:"Delete push",onAction:()=>w("delete",e)}
22542),n.a.createElement(D.K,{active:f===e.id,activator:n.a.createElement(D.g,{disclosure:!0,onClick:()=>{v(t=>t===e.id?null:e.id)}},"Actions"),onClose:()=>v(null)},n.a.createElement(D.a,{items:t}))},[f]),B=Object(l.useCallback)(()=>p(e=>!e),[]),[P,{}]=Object(De.c)(FH),[x,{}]=Object(De.c)(NH),[M,{}]=Object(De.c)(UH),[T]=Object(De.c)(LH),[Q]=Object(De.c)(VH);let R={delete:P,pause:x,resume:M,reGenrate:T,rePush:Q};const F={pause:{heading:"Pause this push: #"+((null===s||void 0===s?void 0:s.id)||""),label:"Pause this push",confirmText:"Are you sure to pause the selected push?"},resume:{heading:"Resume this push: #"+((null===s||void 0===s?void 0:s.id)||""),label:"Resume this push",confirmText:"Are you sure to resume the selected push?"},reGenrate:{heading:"Re-generate this push: #"+((null===s||void 0===s?void 0:s.id)||""),label:"Re-generate this push",confirmText:"Are you sure to re-generate the selected push?"},rePush:{heading:"Re-push this push: #"+((null===s||void 0===s?void 0:s.id)||""),label:"Push again",confirmText:"Are you sure to push again for the selected push?",helpText:"This action only processes products that are in an Error state."},delete:{heading:"Delete this push: #"+((null===s||void 0===s?void 0:s.id)||""),label:"Delete this push",confirmText:"Are you sure to delete the selected push?"}};return n.a.createElement(n.a.Fragment,null,I(s),n.a.createElement(DH,{open:E.openDetail,onClose:S(!1),push:s}),n.a.createElement(D.E,{title:null===F||void 0===F||null===(t=F[null===g||void 0===g?void 0:g.action])||void 0===t?void 0:t.heading,open:m,onClose:B,primaryAction:{content:null===F||void 0===F||null===(a=F[null===g||void 0===g?void 0:g.action])||void 0===a?void 0:a.label,loading:b,onAction:()=>{h(!0);let e=null===g||void 0===g?void 0:g.item;if(e)switch(null===g||void 0===g?void 0:g.action){case"pause":case"resume":case"reGenrate":case"rePush":case"delete":R[g.action]({variables:"reGenrate"===g.action?{tiktokPushID:e.id}:{ids:[e.id]}}).then(e=>{h(!1),e&&u&&u({type:"success",message:RH.startCase(null===g||void 0===g?void 0:g.action)+" processed successfully"})}).catch(e=>{h(!1),u&&u({type:"fail",message:RH.startCase(null===g||void 0===g?void 0:g.action)+" failed to process"})}).finally(()=>{p(!1)})}}},secondaryActions:[{content:"Cancel",onAction:B}]},n.a.createElement(D.E.Section,null,n.a.createElement(D.bb,null,n.a.createElement("div",{dangerouslySetInnerHTML:{__html:null===F||void 0===F||null===(r=F[g.action])||void 0===r?void 0:r.confirmText}}),(null===F||void 0===F||null===(i=F[g.action])||void 0===i?void 0:i.helpText)?n.a.createElement(D.db,{variation:"subdued"},null===F||void 0===F||null===(o=F[g.action])||void 0===o?void 0:o.helpText):null))))}function qH(e,t){return RH.get(e,"id")===RH.get(t,"createdByID")}const HH=o.a` 22543 query getTiktokPushes($filter: TiktokPushFilter) { 22544 getTiktokPushes(filter: $filter) { 22545 total 22546 nodes { 22547 id 22548 createdAt 22549 title 22550 status 22551 lastPushTime 22552 paused 22553 stores { 22554 id 22555 title 22556 } 22557 group { 22558 id 22559 name 22560 } 22561 dailyPushCount 22562 canPushToday 22563 pushDetailInfo { 22564 count 22565 status 22566 } 22567 createdByID 22568 createdBy { 22569 firstName 22570 lastName 22571 } 22572 processingMode 22573 note 22574 isPersonalized 22575 isPushMass 22576 isQuickPush 22577 source 22578 generatedExcelFiles { 22579 file { 22580 id 22581 url 22582 } 22583 store { 22584 id 22585 title 22586 } 22587 } 22588 } 22589 } 22590 } 22591`,$H=["ID","Title","Created At","Status","ProcessingMode","Personalized","Group / Stores","Push stats","Actions"],_H={Pending:"info",Done:"success",Paused:"critical",Error:"critical",Running:"warning","Reach daily limit":"warning"};function GH(e){let t=e.filters;const{currentUser:a}=Object(te.c)(),r=Object(c.U)(a),[i,o]=Object(l.useState)(!1),[s,u]=Object(l.useState)({}),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)({}),[A,b]=Object(l.useState)({}),h=async e=>{let t=e&&e.type&&"success"==e.type&&e.message?e.message:null,a=e&&e.type&&"fail"==e.type&&e.message?e.message:null;u({success_message:t,error_message:a}),o(!0);try{await O()}catch(l){console.error("Error refreshing data:",l)}},f=e=>{b(t=>({...t,[e]:!(null===t||void 0===t?void 0:t[e])||!t[e]}))},[v,E]=Object(l.useState)({paged:1,limit:20,offset:0}),{loading:y,error:C,data:k,refetch:O}=Object(De.d)(HH,{variables:{filter:{limit:v.limit,offset:v.offset,search:(null===t||void 0===t?void 0:t.search)||null,storeID:(null===t||void 0===t?void 0:t.storeID)||null,orderBy:(null===t||void 0===t?void 0:t.orderBy)||null,order:(null===t||void 0===t?void 0:t.order)||null,createdByID:(null===t||void 0===t?void 0:t.createdByID)||null,isPersonalized:null!=(null===t||void 0===t?void 0:t.isPersonalized)?t.isPersonalized:null,isPushMass:null!=(null===t||void 0===t?void 0:t.isPushMass)?t.isPushMass:null,range:null!=(null===t||void 0===t?void 0:t.range)?t.range:null,status:null!=(null===t||void 0===t?void 0:t.status)?t.status:null}},fetchPolicy:"network-only"});Object(l.useEffect)(()=>{var e,t;let a=null===k||void 0===k||null===(e=k.getTiktokPushes)||void 0===e?void 0:e.nodes;m(a||[]);let l=null===k||void 0===k||null===(t=k.getTiktokPushes)||void 0===t?void 0:t.total,n={page:v.paged,totalPage:Math.ceil(l/v.limit),offset:v.offset,limit:v.limit,onChange:w,total:l};g(n)},[k,v]);const j=n.a.useMemo(()=>(e=>{const t=[];for(let i of e){var a,l;if(Object(c.Gb)(i))continue;let{id:e,title:o,createdAt:s,stores:u,status:d,processingMode:m,lastPushTime:p,paused:g,dailyPushCount:b,canPushToday:v,pushDetailInfo:E,createdBy:y,note:C,generatedExcelFiles:k,isPersonalized:O,isPushMass:j,isQuickPush:w,group:S}=i;s=Zr()(s).format("YYYY-MM-DD HH:mm:ss"),p&&(p=Zr()(p).format("YYYY-MM-DD HH:mm:ss"));let I,B=`/${r}/tiktok-hub/push-products/${e}`;for(let[t,a]of Object.entries(_H))d===t&&(I=a);let P,x=["list-stores"],M=!1;(null===A||void 0===A?void 0:A[e])&&A[e]&&x.push("show-all-stores"),u&&u.length>4&&(x.push("show-view-more"),M=!0),(null===S||void 0===S?void 0:S.name)&&(P=n.a.createElement("div",{className:"group-wrap"},n.a.createElement(D.y,{children:"Group: "}),n.a.createElement(D.e,{children:S.name||""})));const T=[n.a.createElement("div",{className:"id item"},n.a.createElement(D.B,{url:B,children:e})),n.a.createElement("div",{className:"title item"},n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement(D.B,{url:B,children:o}),g?n.a.createElement("div",null,n.a.createElement(D.e,{children:"Paused",status:"warning"})):null,j?n.a.createElement(D.e,{status:"success",children:"Push Mass"}
22591):null,w?n.a.createElement(D.e,{status:"new",children:"Quick Push"}):null)),n.a.createElement("div",{className:"created-at item"},n.a.createElement("span",null,s),(null===y||void 0===y?void 0:y.firstName)||(null===y||void 0===y?void 0:y.lastName)?n.a.createElement("div",{style:{marginTop:"10px"}},n.a.createElement("span",null,n.a.createElement("strong",null,"By: "),`${null!==(a=null===y||void 0===y?void 0:y.firstName)&&void 0!==a?a:""} ${null!==(l=null===y||void 0===y?void 0:y.lastName)&&void 0!==l?l:""}`)):null),n.a.createElement("div",{className:"status item"},d&&"Error"==d&&C?n.a.createElement(D.gb,{content:C},n.a.createElement("div",{style:{display:"flex",alignItems:"center"}},n.a.createElement(D.e,{children:d,status:I}),n.a.createElement(D.w,{source:_h.a}))):n.a.createElement(D.e,{children:d||"",status:I})),n.a.createElement("div",{className:"processing-mode item"},m&&"EXPORT_EXCEL"==m?n.a.createElement(D.e,{children:"Export Excel File",status:"info"}):n.a.createElement(D.e,{children:"Using API",status:"warning"})),n.a.createElement("div",{className:"personalized item"},n.a.createElement(D.e,{status:KH(O)?O?"success":"warning":"new",children:KH(O)?O?"Yes":"No":"N/A"})),n.a.createElement("div",{className:"stores item"},P||(u&&u.length>0?n.a.createElement("div",{className:"selected-stores item"},n.a.createElement(D.y,{children:"Stores: "}),n.a.createElement("div",{className:x.join(" ")},u.map(e=>{let t;return m&&"EXPORT_EXCEL"==m&&k&&k.length>0&&k.forEach(a=>{var l,n;(null===a||void 0===a||null===(l=a.store)||void 0===l?void 0:l.id)&&(null===a||void 0===a||null===(n=a.file)||void 0===n?void 0:n.url)&&a.store.id==e.id&&(t=a.file.url)}),n.a.createElement("div",{key:e.id,style:{marginBottom:"10px"}},n.a.createElement(D.e,{key:e.id},e.title),t&&t.length>0?n.a.createElement("div",null,"\xa0 \u21b3 ",n.a.createElement("a",{href:t,target:"_blank",title:"Excel file for store: "+e.title},"Excel file")):null)})),M?n.a.createElement("div",{className:"collapse-stores"},n.a.createElement("span",{onClick:()=>f(e)},(null===A||void 0===A?void 0:A[e])&&A[e]?"View less":`View all stores (${u.length})`)):null):n.a.createElement("span",null,"Group/Stores not found"))),n.a.createElement("div",{className:"stats item"},n.a.createElement("div",null,n.a.createElement("strong",null,"Today pushable: ")," ",v?"yes":"no"),n.a.createElement("div",null,n.a.createElement("strong",null,"Last date pushed: ")," ",b),p&&p.length>0?n.a.createElement("div",{className:"last-push-time item"},n.a.createElement("strong",null,"Last run: "),n.a.createElement("span",null,p||"")):null,E&&E.length>0?E.map((e,t)=>n.a.createElement("div",{className:"last-push-time item",key:t},n.a.createElement("strong",null,e.status," items: "),n.a.createElement("span",null,e.count))):null),n.a.createElement("div",{className:"actions item"},n.a.createElement(zH,{item:i,onActionCompleted:h}))];t.push(T)}return t})(d),[d,JSON.stringify(A)]),w=(e,t)=>{let a=Math.floor(e/t)+1;E(l=>({...l||{},limit:t,offset:e,paged:a}))},S=i&&(s.success_message||s.error_message)?n.a.createElement(D.fb,{content:s.success_message||s.error_message,error:!!s.error_message,duration:5e3,onDismiss:()=>o(!1)}):null;return n.a.createElement(JH,null,S,n.a.createElement(wg.a,{fallback:n.a.createElement(Je.default,null)},y?n.a.createElement(Je.default,null):C?n.a.createElement("div",null,"Error: ",Object(c.ib)(null===C||void 0===C?void 0:C.toString())):(null===d||void 0===d?void 0:d.length)>0?n.a.createElement(n.a.Fragment,null,n.a.createElement(lR.default,{fixedColumn:!0},n.a.createElement(D.n,{rows:j,columnContentTypes:[...Array.from({length:10}).fill("text"),"numeric"],headings:$H,verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:p,showTotal:!0})}))):n.a.createElement(We.default,null)))}function KH(e){return"boolean"===typeof e}const JH=j.b.div` 22592 overflow-x: auto; 22593 22594 .Polaris-DataTable__Table { 22595 overflow-x: inherit; 22596 } 22597 22598 .Polaris-DataTable__Cell--firstColumn { 22599 width: 100px; 22600 } 22601 22602 .id { 22603 width: 100px; 22604 } 22605 .item { 22606 white-space: normal; 22607 word-break: break-word; 22608 } 22609 22610 .title { 22611 width: 230px; 22612 } 22613 22614 .created-at, 22615 .last-push-at { 22616 width: 150px; 22617 } 22618 22619 .status { 22620 width: 125px; 22621 22622 .Polaris-Icon{ 22623 margin: 0; 22624 } 22625 } 22626 22627 .processing-mode { 22628 width: 140px; 22629 } 22630 22631 .stores { 22632 width: 320px; 22633 22634 .Polaris-Badge__Content { 22635 white-space: nowrap; 22636 overflow: hidden; 22637 text-overflow: ellipsis; 22638 max-width: 320px; 22639 } 22640 } 22641 22642 .stats { 22643 width: 150px; 22644 } 22645 .actions { 22646 width: 115px; 22647 } 22648 22649 .list-stores:not(.show-all-stores) { 22650 position: relative; 22651 height: 100%; 22652 max-height: 200px; 22653 overflow: hidden; 22654 } 22655 22656 .collapse-stores { 22657 cursor: pointer; 22658 margin-top: 10px; 22659 color: #1890ff; 22660 } 22661 22662 .list-stores.show-view-more:not(.show-all-stores)::after { 22663 opacity: 1; 22664 content: ""; 22665 pointer-events: none; 22666 background-image: linear-gradient(#0000, #fff); 22667 transition: opacity .2s ease-in; 22668 position: absolute; 22669 top: 0; 22670 bottom: 0; 22671 left: 0; 22672 right: 0; 22673 } 22674`;function YH(){const[e,t]=Object(l.useState)({limit:20,offset:0,search:null,storeID:null,orderBy:"created_at",order:"DESC",createdByID:null,isPersonalized:null,isPushMass:null,status:null}),a=Object(l.useRef)(!0);Object(l.useEffect)(()=>(a.current=!0,()=>{a.current=!1}),[]);const{currentUser:r}=Object(te.c)(),i=Object(c.U)(r);return n.a.createElement(D.H,{title:"Push Products",fullWidth:!0,primaryAction:{content:"New Push",url:`/${i}/tiktok-hub/push-products/add`}},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(wg.a,{fallback:n.a.createElement(D.U,null)},n.a.createElement(SH,{filters:e,onFilterChange:e=>{a.current&&t(e)}}))),n.a.createElement(D.i,null,n.a.createElement(GH,{filters:e})))}
22674function WH(){return n.a.createElement(ud.a,null,n.a.createElement(wg.a,{fallback:n.a.createElement(Je.SkeletonPagePolaris,null)},n.a.createElement(YH,null)))}const ZH=[{value:"DESC",label:"DESC"},{value:"ASC",label:"ASC"}],XH=[{value:"title",label:"Title"},{value:"created_at",label:"Created At"}];function e$(e){let{onFilterChange:t}=e;const[a,r]=Object(l.useState)("DESC"),[i,o]=Object(l.useState)("created_at"),[s,u]=Object(l.useState)(""),d=Object(l.useRef)(null);Object(l.useEffect)(()=>{d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{t&&t({search:s?s.trim():s,orderBy:i,order:a})},300)},[s,i,a]);const m=Object(l.useCallback)(e=>u(e),[]),p=Object(l.useCallback)(()=>u(null),[]),g=Object(l.useCallback)(()=>{p(),A("ordering"),A("order_by")},[p]),A=e=>{switch(e){case"ordering":r("");break;case"order_by":o("");break;case"keyword":p()}},b=[{key:"ordering",label:"Order",filter:n.a.createElement(Mi.a,{options:ZH,value:a,onChange:e=>{let{value:t,label:a}=e;return r(t)}})},{key:"order_by",label:"Order by",filter:n.a.createElement(Mi.a,{options:XH,value:i,onChange:e=>{let{value:t,label:a}=e;return o(t)}})}],h=[];if(!Object(c.tb)(a)){const e="ordering";h.push({key:e,label:f(e,a),onRemove:()=>A(e)})}if(!Object(c.tb)(i)){const e="order_by";h.push({key:e,label:f(e,i),onRemove:()=>A(e)})}if(!Object(c.tb)(s)){const e="keyword";h.push({key:e,label:f(e,s),onRemove:()=>A(e)})}return n.a.createElement(D.r,{queryPlaceholder:"Search product template",queryValue:s,onQueryChange:m,onQueryClear:p,onClearAll:g,filters:b,appliedFilters:h});function f(e,t){switch(e){case"keyword":return"Keyword: "+t;case"origin_source":return"Origin source: "+t;case"ordering":return"Order: "+t;case"order_by":if(XH){let e=XH.find(e=>e.value===t);if(e&&e.label)return"Order by: "+e.label}return"Order by: "+t;default:return t}}}const t$=n.a.createContext(null);function a$(e){let{children:t,templates:a}=e;const l=function(e){const t=e||[],a=[];for(let l of t)l&&l.id&&a.push(l.id);return Array.from(new Set(a))}(a),{data:r,refetch:i}=Object(De.d)(I.Ib,{variables:{ids:l},skip:Object(c.c)(l)}),o=n.a.useMemo(()=>({...l$(r),refetch:i}),[JSON.stringify(r),i]);return n.a.createElement(t$.Provider,{value:o},t)}function l$(e){const t=Object(C.get)(e,"getTiktokProductTemplatesAccessLevel")||[],a={},l={};function n(e){const{firstName:t,lastName:a}=e||{};return[t,a].filter(Boolean).join(" ")}for(let r of t){if(!r||!r.productTemplateID||!r.user)continue;l[r.productTemplateID]=l[r.productTemplateID]||[];const e=a[r.userID]||n(r.user);a[r.userID]=e,l[r.productTemplateID].push(e)}return l}function n$(){return n.a.useContext(t$)}function r$(e){let{open:t,onClose:a,template:l}=e;const[r,i]=n.a.useReducer(c.Hb,{userIds:[]}),{setNotify:o,toggleToast:s}=Object(Fa.b)(),{refetch:u}=n$()||{},{data:d}=Object(De.d)(I.Jb,{variables:{id:null===l||void 0===l?void 0:l.id},skip:!l||!l.id||!t}),[m,{loading:p}]=Object(De.c)(Jt.cc,{onCompleted:()=>{a&&a(),o({msg:"Grant access this template for user success",err:!1}),u&&u()},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),g=n.a.useCallback(()=>{l.id&&(s&&s(!0),o&&o({msg:null,err:!1}),m({variables:{ids:[l.id],userIds:r.userIds}}))},[m,s,o,r.userIds,l.id]),A=n.a.useCallback(e=>{i({userIds:e})},[]);return n.a.useEffect(()=>{if(!d)return;const e=function(e){const t=Object(C.get)(e,"getTiktokProductTemplateAccessLevel")||[],a=[];for(let l of t)l&&l.userID&&a.push(l.userID);return a}(d);i({userIds:e})},[d]),n.a.useEffect(()=>()=>{i({userIds:[]})},[]),n.a.createElement(D.E,{open:t,onClose:a,sectioned:!0,large:!0,title:"Share product template",primaryAction:{content:"Submit",onAction:g,loading:p},secondaryActions:[{content:"Cancel",onAction:a}]},n.a.createElement(Am,{label:"Users",allowMultiple:!0,value:r.userIds,onChange:A,getValueImmediate:!0,filter:{roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager]}}))}const i$=a(5),o$=o.a` 22675 mutation deleteTiktokProductTemplate($id: ID!) { 22676 deleteTiktokProductTemplate(id: $id) 22677 } 22678`;function s$(e){var t,a,r;let{item:i,onActionCompleted:o,disableAction:s}=e;const u=Object(O.g)(),[d,m]=Object(l.useState)(!1),[p,g]=Object(l.useState)({}),[A,b]=Object(l.useState)(!1),[h,f]=Object(l.useState)(null),[v,E]=n.a.useReducer(c.Hb,{open:!1}),{currentUser:y}=Object(te.c)(),{refetch:C}=n$()||{},k=i$.get(i,"createdBy.id")===i$.get(y,"id")&&!!i$.get(y,"id"),j=Object(c.U)(y),w=n.a.useCallback(e=>()=>{E({open:e})},[]),S=(e,t)=>{switch(e){case"edit":let a=`/${j}/tiktok-hub/product-templates/${null===t||void 0===t?void 0:t.id}`;u.push(a);break;case"clone":let l=`/${j}/tiktok-hub/product-templates/${null===t||void 0===t?void 0:t.id}/clone`;u.push(l);break;case"revoke":case"delete":m(!0),g({action:e,item:t})}f(null)},I=Object(l.useCallback)(e=>{let t=[{content:"Edit template",onAction:()=>S("edit",e)}];return t.push({content:"Clone template",onAction:()=>S("clone",e)}),k&&(t.push({onAction:w(!0),content:"Grant access template"}),t.push({content:"Revoke access template",onAction:()=>S("revoke",e)}
22678)),k&&t.push({content:"Delete template",onAction:()=>S("delete",e)}),n.a.createElement(D.K,{active:h===e.id,activator:n.a.createElement(D.g,{disabled:s,disclosure:!0,onClick:()=>{f(t=>t===e.id?null:e.id)}},"Actions"),onClose:()=>f(null)},n.a.createElement(D.a,{items:t}))},[h]),B=Object(l.useCallback)(()=>m(e=>!e),[]),[P,{}]=Object(De.c)(o$),[x]=Object(De.c)(pH.m);let M={delete:P,revoke:x};const T={delete:{heading:"Delete this template: #"+((null===i||void 0===i?void 0:i.id)||""),label:"Delete this template",confirmText:"Are you sure to delete the selected template?"},revoke:{heading:"Revoke access this template: #"+((null===i||void 0===i?void 0:i.id)||""),label:"Revoke access this template",confirmText:"Are you sure to revoke access the selected template?"}};return n.a.createElement(n.a.Fragment,null,I(i),n.a.createElement(r$,{open:v.open,onClose:w(!1),template:i,onCompleted:o}),n.a.createElement(D.E,{title:null===T||void 0===T||null===(t=T[null===p||void 0===p?void 0:p.action])||void 0===t?void 0:t.heading,open:d,onClose:B,primaryAction:{content:null===T||void 0===T||null===(a=T[null===p||void 0===p?void 0:p.action])||void 0===a?void 0:a.label,loading:A,onAction:()=>{b(!0);let e=null===p||void 0===p?void 0:p.item;if(e){const t="revoke"===(null===p||void 0===p?void 0:p.action);switch(null===p||void 0===p?void 0:p.action){case"delete":case"revoke":M[p.action]({variables:t?{ids:[e.id]}:{id:e.id}}).then(e=>{b(!1),e&&o&&(o({type:"success",message:i$.startCase(null===p||void 0===p?void 0:p.action)+" processed successfully"}),t&&C&&C())}).catch(e=>{b(!1),o&&o({type:"fail",message:e?Object(c.ib)(e.toString()):i$.startCase(null===p||void 0===p?void 0:p.action)+" failed to process"})}).finally(()=>{m(!1)})}}}},secondaryActions:[{content:"Cancel",onAction:B}]},n.a.createElement(D.E.Section,null,n.a.createElement(D.bb,null,n.a.createElement("div",{dangerouslySetInnerHTML:{__html:null===T||void 0===T||null===(r=T[p.action])||void 0===r?void 0:r.confirmText}})))))}function c$(e){let{template:t}=e;const{refetch:a,...l}=n$()||{};if(!t||!t.id||!l[t.id])return null;const r=l[t.id];return n.a.createElement(D.Y,{spacing:"extraTight"},r.map((e,t)=>n.a.createElement(D.ab,{children:e,key:`${e}__${t}`})))}function u$(e){let{open:t,onClose:a}=e;const[l,r]=n.a.useReducer(c.Hb,{userIds:[]}),{setNotify:i,toggleToast:o}=Object(Fa.b)(),{ids:s,onCompleted:u}=Object(nR.b)(),{refetch:d}=n$(),[m,{loading:p}]=Object(De.c)(Jt.cc,{onCompleted:()=>{a&&a(),i({msg:"Grant access this template for user success",err:!1}),u&&u(),d&&d()},onError:e=>{i({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),g=n.a.useCallback(()=>{Object(c.c)(s)||(o&&o(!0),i&&i({msg:null,err:!1}),m({variables:{ids:s,userIds:l.userIds}}))},[m,o,i,l.userIds,s]),A=n.a.useCallback(e=>{r({userIds:e})},[]);return n.a.useEffect(()=>()=>{r({userIds:[]})},[]),n.a.createElement(D.E,{open:t,onClose:a,sectioned:!0,large:!0,title:"Share product template",primaryAction:{content:"Submit",onAction:g,loading:p},secondaryActions:[{content:"Cancel",onAction:a}]},n.a.createElement(Am,{label:"Users",allowMultiple:!0,value:l.userIds,onChange:A,getValueImmediate:!0,filter:{roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager]}}))}function d$(e){let{open:t,onClose:a}=e;const{setNotify:l,toggleToast:r}=Object(Fa.b)(),{ids:i,onCompleted:o}=Object(nR.b)(),{refetch:s}=n$(),[u,{loading:d}]=Object(De.c)(Jt.Wc,{onCompleted:()=>{l({msg:"Revoke access for this Template success",err:!1}),o&&o(),s&&s()},onError:e=>{l({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString),err:!0})}}),m=n.a.useCallback(()=>{Object(c.c)(i)||(r(!0),l({msg:null,err:!1}),u({variables:{ids:i}}))},[u,i]);return n.a.createElement(D.E,{title:"Revoke Access Template",open:t,onClose:a,primaryAction:{content:"Submit",onAction:m,loading:d},secondaryActions:[{content:"Cancel",onaction:a}],sectioned:!0},n.a.createElement("p",null,"Are you sure to revoke access this template?"))}function m$(){const[e,t]=Object(l.useReducer)(c.Hb,{open:!1,action:null}),a=Object(l.useCallback)(e=>()=>{t({open:!0,action:e})},[]),r=Object(l.useCallback)(()=>{t({open:!1,action:null})},[]),i={grantAccess:n.a.createElement(u$,{open:e.open,onClose:r}),revokeAccess:n.a.createElement(d$,{open:e.open,onClose:r})}[e.action];return n.a.createElement(l.Fragment,null,n.a.createElement(D.g,{children:"Grant access",onClick:a("grantAccess")}),n.a.createElement(D.g,{children:"Revoke access",onClick:a("revokeAccess")}),i)}const p$=o.a` 22679 query getTiktokProductTemplates($filter: GetTiktokProductTemplateFilter!) { 22680 getTiktokProductTemplates(filter: $filter) { 22681 total 22682 nodes { 22683 id 22684 createdAt 22685 title 22686 createdBy { 22687 id 22688 firstName 22689 lastName 22690 } 22691 } 22692 } 22693 } 22694`,g$=["ID","Title","Created At","Author","Shared","Actions"];function A$(e){let t=e.filters;const{currentUser:a}=Object(te.c)(),r=Object(c.U)(a),[i,o]=Object(l.useState)(!1),[s,u]=Object(l.useState)({}),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)({}),A=async e=>{let t=e&&e.type&&"success"==e.type&&e.message?e.message:null,a=e&&e.type&&"fail"==e.type&&e.message?e.message:null;u({success_message:t,error_message:a}),o(!0);try{await k()}catch(l){console.error("Error refreshing data:",l)}},[b,h]=Object(l.useState)(1),[f,v]=Object(l.useState)((null===t||void 0===t?void 0:t.limit)||20),{loading:E,error:y,data:C,refetch:k}=Object(De.d)(p$,{variables:{filter:{limit:f,offset:(null===t||void 0===t?void 0:t.offset)||0,search:(null===t||void 0===t?void 0:t.search)||null,order:(null===t||void 0===t?void 0:t.order)||"DESC",orderBy:(null===t||void 0===t?void 0:t.orderBy)||"created_at"}},fetchPolicy:"network-only"});Object(l.useEffect)(()=>{var e,a,l,n;let r=null===C||void 0===C||null===(e=C.getTiktokProductTemplates)||void 0===e?void 0:e.nodes;m(r||[]);let i=null===C||void 0===C||null===(a=C.getTiktokProductTemplates)||void 0===a?void 0:a.total,o=1;i&&(o=Math.ceil(i/f));let s={page:b,totalPage:null!==(l=o)&&void 0!==l?l:1,offset:null!==(n=null===t||void 0===t?void 0:t.offset)&&void 0!==n?n:0,limit:f,onChange:j,total:i};g(s)},[C]);const O=n.a.useCallback(e=>((e,t)=>{const l=[];for(let s of e){var i,o;if(Object(c.Gb)(s))continue;let{id:e,title:u,createdAt:d,createdBy:m}=s;
22694d=Zr()(d).format("YYYY-MM-DD HH:mm:ss");let p=`/${r}/tiktok-hub/product-templates/${e}`;const{isStoreManager:g}=Object(c.j)(a);let b=!!(g&&(null===a||void 0===a?void 0:a.id)&&(null===m||void 0===m?void 0:m.id)&&a.id!==m.id);const h=[t(e),n.a.createElement("div",{className:"id item"},n.a.createElement(D.B,{url:p,children:e})),n.a.createElement("div",{className:"title item"},n.a.createElement(D.B,{url:p,children:u})),n.a.createElement("div",{className:"created-at item"},n.a.createElement("span",null,d)),n.a.createElement("div",{className:"author item"},n.a.createElement("span",null,`${null!==(i=null===m||void 0===m?void 0:m.firstName)&&void 0!==i?i:""} ${null!==(o=null===m||void 0===m?void 0:m.lastName)&&void 0!==o?o:""}`)),n.a.createElement("div",{className:"user-access item"},n.a.createElement(c$,{template:s})),n.a.createElement("div",{className:"actions item"},n.a.createElement(s$,{disableAction:b,item:s,onActionCompleted:A}))];l.push(h)}return l})(d,e),[d]),j=(e,t)=>{let a=Math.floor(e/t)+1;h(a),v(t)},w=i?n.a.createElement(D.fb,{content:s.success_message||s.error_message,error:!!s.error_message,duration:5e3,onDismiss:()=>o(!1)}):null;return n.a.createElement(b$,null,w,n.a.createElement(wg.a,{fallback:n.a.createElement(Je.default,null)},E?n.a.createElement(Je.default,null):y?n.a.createElement("div",null,"Error: ",Object(c.ib)(null===y||void 0===y?void 0:y.toString())):(null===d||void 0===d?void 0:d.length)>0?n.a.createElement(a$,{templates:d},n.a.createElement(nR.a,{data:d,actionMarkup:n.a.createElement(m$,null)},e=>{let{checkAllMarkup:t,checkItemMarkup:a}=e;return n.a.createElement(lR.default,{fixedColumn:!0},n.a.createElement(D.n,{rows:O(a),columnContentTypes:[...Array.from({length:11}).fill("text"),"numeric"],headings:[t,...g$],verticalAlign:"middle",hideScrollIndicator:!0,footerContent:n.a.createElement(Ye.PaginationPolaris,{aggregation:p,showTotal:!0})}))})):n.a.createElement(We.default,null)))}const b$=j.b.div` 22695 overflow-x: auto; 22696 22697 .Polaris-DataTable__Table { 22698 overflow-x: inherit; 22699 } 22700 22701 .Polaris-DataTable__Cell--firstColumn { 22702 width: 100px; 22703 } 22704 22705 .id { 22706 width: 100px; 22707 } 22708 .item { 22709 white-space: normal; 22710 word-break: break-word; 22711 } 22712 22713 .title { 22714 width: 230px; 22715 } 22716 22717 .author, 22718 .created-at{ 22719 width: 150px; 22720 } 22721 22722 .user-access { 22723 width: 300px; 22724 } 22725 22726 .Polaris-DataTable__Cell:last-child { 22727 text-align: right; 22728 } 22729`;function h$(){const[e,t]=Object(l.useState)({limit:20,offset:0,search:null,order:"DESC",orderBy:"created_at"}),a=Object(l.useRef)(!0);Object(l.useEffect)(()=>(a.current=!0,()=>{a.current=!1}),[]);const{currentUser:r}=Object(te.c)(),i=Object(c.U)(r);return n.a.createElement(D.H,{title:"Tiktok Product Templates",fullWidth:!0,primaryAction:{content:"New template",url:`/${i}/tiktok-hub/product-templates/add`}},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(wg.a,{fallback:n.a.createElement(D.U,null)},n.a.createElement(e$,{filters:e,onFilterChange:l=>{k.a.isEqual(e,l)||a.current&&t(l)}}))),n.a.createElement(D.i,null,n.a.createElement(A$,{filters:e})))}function f$(){return n.a.createElement(ud.a,null,n.a.createElement(wg.a,{fallback:n.a.createElement(Je.SkeletonPagePolaris,null)},n.a.createElement(h$,null)))}var v$=a(289);const E$=o.a` 22730 query getTiktokProductTemplateByStore($storeID: ID!) { 22731 getTiktokProductTemplateByStore(storeID: $storeID) { 22732 id 22733 title 22734 createdBy { 22735 firstName 22736 lastName 22737 } 22738 } 22739 } 22740`;function y$(){const[e,{data:t,loading:a}]=Object(De.b)(E$);return[n.a.useCallback(async t=>{t&&e({variables:{storeID:t}})},[]),{data:C$(t),loading:a}]}function C$(e){const t=Object(C.get)(e,"getTiktokProductTemplateByStore")||[];return Object(c.c)(t)?null:t.map(e=>({...e,excelTemplateFileID:!0}))}const k$=o.a` 22741 query getTiktokProductTemplate($ID: ID!) { 22742 getTiktokProductTemplate(ID: $ID) { 22743 id 22744 tiktokProductTemplateStores { 22745 storeID 22746 store { 22747 id 22748 title 22749 platform 22750 } 22751 excelTemplateFile { 22752 id 22753 name 22754 url 22755 thumbnailUrl 22756 } 22757 } 22758 } 22759 } 22760`;function O$(){const[e,{data:t,loading:a}]=Object(De.b)(k$);return[n.a.useCallback(async t=>{t&&e({variables:{ID:t}})},[]),{data:j$(t),loading:a}]}function j$(e){const t=Object(C.get)(e,"getTiktokProductTemplate.tiktokProductTemplateStores")||[],a=[];for(let l of t)l&&l.store&&a.push({id:l.store.id,title:l.store.title});return Object(c.c)(a)?null:a}
22760const w$=a(5),S$=o.a` 22761 mutation createTiktokPush($input: TiktokPushRecord!) { 22762 createTiktokPush(input: $input) { 22763 id 22764 status 22765 } 22766 } 22767`,I$=n.a.lazy(()=>Promise.resolve().then(a.bind(null,168))),B$=n.a.lazy(()=>a.e(0).then(a.bind(null,1782))),D$=n.a.lazy(()=>a.e(4).then(a.bind(null,1783))),P$=n.a.lazy(()=>a.e(3).then(a.bind(null,1784))),x$=n.a.lazy(()=>a.e(6).then(a.bind(null,1830))),M$=n.a.lazy(()=>a.e(32).then(a.bind(null,1831))),T$=n.a.lazy(()=>Promise.resolve().then(a.bind(null,1016))),Q$=j.b.div` 22768 .short-desc { 22769 font-size: 13px; 22770 font-style: italic; 22771 } 22772 .btn-wrap { 22773 margin-top: 20px; 22774 display: flex; 22775 flex-direction: row-reverse; 22776 } 22777 .mt-15 { 22778 margin-top: 15px; 22779 } 22780`;function R$(){var e,t,a,r,i,o,s,u;const d=Object(O.g)(),m=Object(v$.b)(),{currentUser:p}=Object(te.c)(),{id:g}=p||{},{isSeller:A}=Object(c.j)(p),b=Object(c.ub)(p),h=Object(c.U)(p),[f,v]=Object(l.useState)({title:null,source:"tiktok_crawl_products",storeIDs:[],groupIDs:[],limit:null,order:"DESC",orderBy:"title",paused:"false",inclusionCollections:{ids:[],matchType:"MATCH_ONE"},exclusionCollections:{ids:[],matchType:"MATCH_ONE"},inclusionTags:{ids:[],matchType:"MATCH_ONE"},exclusionTags:{ids:[],matchType:"MATCH_ONE"},productBaseIDs:[],excludedProductBaseIDs:[],includedCrawlProductIDs:[],excludedCrawlProductIDs:[],includedMBProductIDs:[],excludedMBProductIDs:[],intervalMinutes:null,maxDailyPushes:null,tiktokProductTemplateID:null,processingMode:"USING_API",titlePrefix:"",titleSuffix:"",mainImageIndex:[1],crawlProductCreatedByID:b?A?null:g||null:null,isPushMass:!1,isPersonalized:["All"],hasSale:!1,hasDesign:!1,ignoreText:"",ignoreProductTitle:"",productTitlePatternText:"",productTitleReplacementText:"",imageResizeType:["fit"]}),[E,y]=Object(l.useState)({}),[C,k]=n.a.useReducer(c.Hb,{isStore:!1,templates:void 0,stores:void 0}),[j,w]=Object(l.useState)(!1),[S,I]=Object(l.useState)({loading:!1,response:null,error:null}),B=`/${h}/tiktok-hub/push-products`,{toggleToast:P,setNotify:x}=Object(Fa.b)(),[M,{data:T,loading:Q}]=y$(),[R,{data:F,loading:N}]=O$(),U=(e,t)=>{v(a=>{if(e.includes(".")){const l=e.split("."),[n,r]=l;return{...a,[n]:{...a[n],[r]:t}}}return{...a,[e]:t}}),t&&y(t=>{const a={...t};return e in a&&delete a[e],a}),"tiktokProductTemplateID"===e&&R(t),"storeIDs"===e&&(Array.isArray(t)&&(t=t[0]),t&&M(t)),w(!0)},L=n.a.useCallback((e,t)=>{U(t,e)},[]),V=(e,t)=>{y(a=>({...a,[e]:t}))},z=(e,t)=>w$.has(e,t)&&null!=e[t]&&e[t].length>0,[q]=Object(De.c)(S$),H=n.a.useCallback(e=>()=>{k({isStore:e})},[]);return n.a.createElement(Q$,null,n.a.createElement(D.H,{title:"New Push",breadcrumbs:[{content:"All Pushes",url:B}]},n.a.createElement(n.a.Fragment,null,n.a.createElement(O.a,{when:j,message:"You have unsaved changes, are you sure you want to leave?"}),n.a.createElement(Q$,null,n.a.createElement(D.s,{onSubmit:async()=>{var e,t,a;let l={...f},n=!1;var r;(z(l,"title")||(V("title","Please enter a title"),n=!0),C.isStore)?(z(l,"storeIDs")||(V("storeIDs","Please choose at least one store"),n=!0),l.groupID=void 0,l.groupIDs=void 0):(z(l,"groupIDs")||(V("groupIDs","Please choose at least one group"),n=!0),l.storeIDs=void 0,l.groupID=(null===(r=l.groupIDs)||void 0===r?void 0:r.length)>0?l.groupIDs[0]:void 0,l.groupIDs=void 0);if(l.tiktokProductTemplateID||(V("tiktokProductTemplateID","Please choose a product template"),n=!0),!n){if(l&&l.paused&&"string"==typeof l.paused&&("true"===l.paused?l.paused=!0:l.paused=!1),l&&l.limit&&l.limit.length>0&&"number"!=typeof l.limit?l.limit=parseInt(l.limit):l.limit=void 0,l&&l.intervalMinutes&&l.intervalMinutes.length>0&&"number"!=typeof l.intervalMinutes&&(l.intervalMinutes=parseInt(l.intervalMinutes)),l&&l.maxDailyPushes&&l.maxDailyPushes.length>0&&"number"!=typeof l.maxDailyPushes&&(l.maxDailyPushes=parseInt(l.maxDailyPushes)),(null===l||void 0===l||null===(e=l.mainImageIndex)||void 0===e?void 0:e.length)>0&&(l.mainImageIndex=l.mainImageIndex[0]),(null===l||void 0===l||null===(t=l.imageResizeType)||void 0===t?void 0:t.length)>0&&(l.imageResizeType=l.imageResizeType[0]),F$(f)?l.crawlProductCreatedByID=l.crawlProductCreatedByID:l.crawlProductCreatedByID=void 0,m||(l.isPushMass=!1),(null===(a=f.isPersonalized)||void 0===a?void 0:a.length)>0){let e=f.isPersonalized[0];l.isPersonalized="boolean"===typeof e?e:null}P(!0);try{I(e=>({...e,loading:!0}));const e=await q({variables:{input:l}});e&&e.data&&e.data.createTiktokPush&&x({msg:"The new push has been added successfully",err:!1})}catch(i){x({msg:"Could not add new push",err:!0})}finally{w(!1),I(e=>({...e,loading:!1})),setTimeout((function(){d.push(B)}),3e3)}}}},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Push name",required:!0}),n.a.createElement(D.cb,{value:(null===f||void 0===f?void 0:f.title)||null,placeholder:"Enter push name",onChange:e=>U("title",e),error:(null===E||void 0===E?void 0:E.title)||null})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Processing mode"}),n.a.createElement(D.k,{choices:[{value:"USING_API",label:"Using Tiktok Shop API"},{value:"EXPORT_EXCEL",label:"Exporting to Excel file"}],selected:(null===f||void 0===f?void 0:f.processingMode)||"USING_API",onChange:e=>{const t=null===e||void 0===e?void 0:e[0];U("processingMode",null===e||void 0===e?void 0:e[0]),U("storeIDs",[]),U("groupIDs",[]),"EXPORT_EXCEL"===t&&(k({isStore:!0}),U("limit","100"))}})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Product source"}),n.a.createElement(D.k,{choices:[{value:"tiktok_crawl_products",label:"Using Tiktok crawl products"},{value:"mb_products",label:"Using MerchBridge products"}],selected:(null===f||void 0===f?void 0:f.source)||"tiktok_crawl_products",onChange:e=>{U("source",null===e||void 0===e?void 0:e[0])}})),"EXPORT_EXCEL"===(null===f||void 0===f?void 0:f.processingMode)?n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(al.a,{label:"Target stores",required:!0}),n.a.createElement(I$,{labelHidden:!0,value:null===f||void 0===f?void 0:f.storeIDs,onChange:e=>{let t=e;t&&"string"===typeof t&&(t=[t]),U("storeIDs",t)},filter:{platform:"tiktok"},error:(null===E||void 0===E?void 0:E.storeIDs)||null,getValueImmediate:!0,options:F,loading:N,allowMultiple:!!T||!!F}))):n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement("div",{style:{marginBottom:10}},n.a.createElement(D.h,{segmented:!0},n.a.createElement(D.g,{primary:!C.isStore,children:"Choose Group",onClick:H(!1),size:"slim"}),n.a.createElement(D.g,{primary:C.isStore,children:"Choose Store",onClick:H(!0),size:"slim"}))),C.isStore?n.a.createElement("div",null,n.a.createElement(al.a,{label:"Target stores",required:!0}),n.a.createElement(I$,{allowMultiple:!0,labelHidden:!0,value:null===f||void 0===f?void 0:f.storeIDs,onChange:e=>{let t=e;t&&"string"===typeof t&&(t=[t]),U("storeIDs",t)},filter:{platform:"tiktok"},error:(null===E||void 0===E?void 0:E.storeIDs)||null,options:F,loading:N,getValueImmediate:!0})):n.a.createElement("div",null,n.a.createElement(al.a,{label:"Target group",required:!0}),n.a.createElement(Wq.a,{labelHidden:!0,value:null===f||void 0===f?void 0:f.groupIDs,onChange:e=>{let t=e;t&&"string"===typeof t&&(t=[t]),U("groupIDs",t)},error:(null===E||void 0===E?void 0:E.groupIDs)||null}))),n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(T$,{required:!0,label:"Tiktok product template",onCh
22780ange:e=>U("tiktokProductTemplateID",e),filters:n.a.useMemo(()=>({must_has_excel_template_file:!(!(null===f||void 0===f?void 0:f.processingMode)||"EXPORT_EXCEL"!=f.processingMode)}),[null===f||void 0===f?void 0:f.processingMode]),value:null===f||void 0===f?void 0:f.tiktokProductTemplateID,error:(null===E||void 0===E?void 0:E.tiktokProductTemplateID)||null,options:T,loading:Q}),n.a.createElement("p",{className:"short-desc"},"This template will be applied to MerchBridge products when pushing them to TikTok."))),F$(f)?n.a.createElement("div",null,n.a.createElement(Am,{label:"Created By",value:(null===f||void 0===f?void 0:f.crawlProductCreatedByID)?[null===f||void 0===f?void 0:f.crawlProductCreatedByID]:[],onChange:e=>{U("crawlProductCreatedByID",e)},getValueImmediate:!0,filter:{roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager]}})):null,m?n.a.createElement("div",null,n.a.createElement(D.j,{label:"Push Mass",checked:!!(null===f||void 0===f?void 0:f.isPushMass),onChange:e=>U("isPushMass",e)})):null)),n.a.createElement(D.i,{sectioned:!0,title:"Product Type"},n.a.createElement("div",null,n.a.createElement(D.k,{title:"Select product type",choices:[{value:"All",label:"All"},{value:!0,label:"Personalized"},{value:!1,label:"Normal"}],selected:f.isPersonalized,onChange:e=>U("isPersonalized",e)}))),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(P$,{multiple:!0,label:"Inclusion Collections",onChange:e=>U("inclusionCollections.ids",e),value:null===f||void 0===f||null===(e=f.inclusionCollections)||void 0===e?void 0:e.ids}))),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Matching type"}),n.a.createElement(D.k,{choices:[{value:"MATCH_ONE",label:"Match One: only one value to match for the selected collections"},{value:"MATCH_ALL",label:"Match All: requires all values to match for the selected collections"}],selected:(null===f||void 0===f||null===(t=f.inclusionCollections)||void 0===t?void 0:t.matchType)||"MATCH_ONE",onChange:e=>U("inclusionCollections.matchType",null===e||void 0===e?void 0:e[0])})))),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(P$,{multiple:!0,label:"Exclusion Collections",onChange:e=>U("exclusionCollections.ids",e),value:null===f||void 0===f||null===(a=f.exclusionCollections)||void 0===a?void 0:a.ids}))),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Matching type"}),n.a.createElement(D.k,{choices:[{value:"MATCH_ONE",label:"Match One: only one value to match for the selected collections"},{value:"MATCH_ALL",label:"Match All: requires all values to match for the selected collections"}],selected:(null===f||void 0===f||null===(r=f.exclusionCollections)||void 0===r?void 0:r.matchType)||"MATCH_ONE",onChange:e=>U("exclusionCollections.matchType",null===e||void 0===e?void 0:e[0])})))),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(D$,{multiple:!0,label:"Inclusion tags",onChange:e=>U("inclusionTags.ids",e),value:null===f||void 0===f||null===(i=f.inclusionTags)||void 0===i?void 0:i.ids}))),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Matching type"}),n.a.createElement(D.k,{choices:[{value:"MATCH_ONE",label:"Match One: only one value to match for the selected collections"},{value:"MATCH_ALL",label:"Match All: requires all values to match for the selected collections"}],selected:(null===f||void 0===f||null===(o=f.inclusionTags)||void 0===o?void 0:o.matchType)||"MATCH_ONE",onChange:e=>U("inclusionTags.matchType",null===e||void 0===e?void 0:e[0])})))),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(D$,{multiple:!0,label:"Exclusion tags",onChange:e=>U("exclusionTags.ids",e),value:null===f||void 0===f||null===(s=f.exclusionTags)||void 0===s?void 0:s.ids}))),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Matching type"}),n.a.createElement(D.k,{choices:[{value:"MATCH_ONE",label:"Match One: only one value to match for the selected collections"},{value:"MATCH_ALL",label:"Match All: requires all values to match for the selected collections"}],selected:(null===f||void 0===f||null===(u=f.exclusionTags)||void 0===u?void 0:u.matchType)||"MATCH_ONE",onChange:e=>U("exclusionTags.matchType",null===e||void 0===e?void 0:e[0])})))),"tiktok_crawl_products"==f.source?n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(M$,{label:"Inclusion Tiktok crawl products",value:null===f||void 0===f?void 0:f.includedCrawlProductIDs,allowMultiple:!0,onChange:e=>U("includedCrawlProductIDs",e)})),n.a.createElement("p",{className:"short-desc"},"Only the selected products will be processed")),n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(M$,{label:"Exclusion Tiktok crawl products",value:null===f||void 0===f?void 0:f.excludedCrawlProductIDs,allowMultiple:!0,onChange:e=>U("excludedCrawlProductIDs",e)})),n.a.createElement("p",{className:"short-desc"},"Any products not included in the selected ones will be processed")))):n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(D.z,{label:"Inclusion Product Bases"}),n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(B$,{allowMultiple:!0,labelHidden:!0,value:null===f||void 0===f?void 0:f.productBaseIDs,onChange:e=>U("productBaseIDs",e),fragment:"\n\tid\n\ttitle\n\tteamId\n"}),n.a.createElement("p",{className:"short-desc"},"Products containing any of the selected values will be included in the push"))),n.a.createElement("div",null,n.a.createElement(D.z,{label:"Exclusion Product Bases"}),n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(B$,{allowMultiple:!0,labelHidden:!0,value:null===f||void 0===f?void 0:f.excludedProductBaseIDs,onChange:e=>U("excludedProductBaseIDs",e),fragment:"\n\tid\n\ttitle\n\tteamId\n"}),n.a.createElement("p",{className:"short-desc"},"Products containing any of the selected values will be NOT included in the push"))),n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(x$,{label:"Inclusion special products",value:null===f||void 0===f?void 0:f.includedMBProductIDs,allowMultiple:!0,onChange:e=>U("includedMBProductIDs",e)})),n.a.createElement("p",{className:"short-desc"},"Only the selected products will be processed")),n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(x$,{label:"Exclusion special products",value:null===f||void 0===f?void 0:f.excludedMBProductIDs,allowMultiple:!0,onChange:e=>U("excludedMBProductIDs",e)})),n.a.createElement("p",{className:"short-desc"},"Any products not included in the selected ones will be processed")))),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Limit products per store"}),n.a.createElement(D.cb,Object.assign({type:"number",value:null===f||void 0===f?void 0:f.limit,onChange:e=>U("limit",e),min:0},function(e){return!(!e||!e.processingMode)&&"USING_API"===e.processingMode}(f)?{}:{min:1,max:100})),n.a.createElement("p",{className:"short-desc"},"The maximum number of products you want to retrieve. Leave it blank to retrieve all products.")),F$(f)?null:n.a.createElement(D.Y,{spacing:"extraTight",vertical:!0},n.a.createElement("div",null,n.a.createElement(D.j,{label:"Priority item has sale first",checked:!!(null===f||void 0===f?void 0:f.hasSale),onChange:e=>U("hasSale",e)})),n.a.createElement("div",null,n.a.createElement(D.j,{label:"Priority item has design first",checked:!!(null===f||void 0===f?void 0:f.hasDesign),onChange:e=>U("hasDesign",e)}))),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Order by"}),n.a.createElement(D.k,{choices:[{value:"title",label:"Title"},{value:"created_at",label:"Created at"}],selected:(null===f||void 0===f?void 0:f.orderBy)||"title",onCh
22780ange:e=>U("orderBy",null===e||void 0===e?void 0:e[0])})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Order"}),n.a.createElement(D.k,{choices:[{value:"DESC",label:"Descending"},{value:"ASC",label:"Ascending"}],selected:(null===f||void 0===f?void 0:f.order)||"DESC",onChange:e=>U("order",null===e||void 0===e?void 0:e[0])})),(null===f||void 0===f?void 0:f.processingMode)&&"USING_API"==f.processingMode?n.a.createElement(n.a.Fragment,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Pause this push"}),n.a.createElement(D.k,{choices:[{value:"false",label:"No"},{value:"true",label:"Yes"}],selected:!(null===f||void 0===f?void 0:f.paused)||!0!==f.paused&&"true"!==f.paused?["false"]:["true"],onChange:e=>{U("paused","true"==(null===e||void 0===e?void 0:e[0]))}}),n.a.createElement("p",{className:"short-desc"},"This option ensures that your push will not process until it is resummed")),n.a.createElement("div",{className:"mt-15"},n.a.createElement(al.a,{label:"Push Interval (Minutes)"}),n.a.createElement(D.cb,{type:"number",value:null===f||void 0===f?void 0:f.intervalMinutes,onChange:e=>U("intervalMinutes",e),min:0}),n.a.createElement("p",{className:"short-desc"},"Set the minimum wait time in minutes between pushes")),n.a.createElement("div",{className:"mt-15"},n.a.createElement(al.a,{label:"Maximum Daily Pushes"}),n.a.createElement(D.cb,{type:"number",value:null===f||void 0===f?void 0:f.maxDailyPushes,onChange:e=>U("maxDailyPushes",e),min:0}),n.a.createElement("p",{className:"short-desc"},"Enter the maximum number of products that can be pushed each day"))):null)),n.a.createElement(D.i,{sectioned:!0,title:"Extra settings"},n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.cb,{label:"Title Prefix",id:"titlePrefix",onChange:L,placeholder:"Enter title prefix",value:f.titlePrefix||"",helpText:"If this string includes a semicolon(;), the System will split it and randomly select a value for Title"}),n.a.createElement(D.cb,{label:"Title Suffix",id:"titleSuffix",onChange:L,placeholder:"Enter title suffix",value:f.titleSuffix||"",helpText:"If this string includes a semicolon(;), the System will split it and randomly select a value for Title"}),n.a.createElement(D.k,{title:"Which image index do you want to set as the main image?",name:"mainImageIndex",choices:[{value:1,label:"Main image"},{value:2,label:"Image 2"},{value:3,label:"Image 3"}],selected:f.mainImageIndex||[],onChange:L}),n.a.createElement(D.cb,{label:"Ignore Text",multiline:!0,id:"ignoreText",placeholder:"Enter ignore text",value:f.ignoreText,helpText:"If this string includes a semicolon(;), the System will split it and ignore in the title",onChange:L}),n.a.createElement(D.cb,{label:"Ignore Product Title",multiline:!0,id:"ignoreProductTitle",placeholder:"Enter product title",value:f.ignoreProductTitle,helpText:"If this string includes a semicolon (;), the System will split it and ignore the product that has a title containing it.",onChange:L}),n.a.createElement("div",{style:{display:"flex",justifyContent:"space-between",gap:"1.2rem"}},n.a.createElement("div",{style:{flex:"1"}},n.a.createElement(D.cb,{label:"Product title pattern text",multiline:!0,id:"productTitlePatternText",placeholder:"Text1;text2",value:f.productTitlePatternText,helpText:"If this string includes a semicolon (;), the system will split it into multiple parts and use them as the basis for replacing the product title accordingly.",onChange:L})),n.a.createElement("div",{style:{flex:"1"}},n.a.createElement(D.cb,{label:"Product title replacement text",multiline:!0,id:"productTitleReplacementText",placeholder:"Target",value:f.productTitleReplacementText,helpText:"This is the value used to replace the product title.",onChange:L}))),n.a.createElement(D.k,{title:"Which type do you want to use when resizing the image?",name:"imageResizeType",choices:[{value:"fit",label:"Fit"},{value:"fill",label:"Fill"}],selected:f.imageResizeType||[],onChange:L}))),n.a.createElement("div",{className:"btn-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{onClick:()=>d.push(B)},"Cancel"),n.a.createElement(D.g,{submit:!0,primary:!0,loading:S.loading,disabled:!j||S.loading}
22780,"Create new push"))))))))}function F$(e){return!(!e||!e.source)&&"tiktok_crawl_products"===e.source}function N$(){return n.a.createElement(ud.a,null,n.a.createElement(wg.a,{fallback:n.a.createElement(Je.SkeletonPagePolaris,null)},n.a.createElement(R$,null)))}const U$=a(5),L$=o.a` 22781 query getTiktokPushByID($id: ID!) { 22782 getTiktokPushByID(id: $id) { 22783 title 22784 status 22785 inclusionTags { 22786 ids 22787 matchType 22788 } 22789 exclusionTags { 22790 ids 22791 matchType 22792 } 22793 inclusionCollections { 22794 ids 22795 matchType 22796 } 22797 exclusionCollections { 22798 ids 22799 matchType 22800 } 22801 storeIDs 22802 groupID 22803 includedCrawlProductIDs 22804 excludedCrawlProductIDs 22805 limit 22806 order 22807 orderBy 22808 paused 22809 source 22810 productBaseIDs 22811 excludedProductBaseIDs 22812 includedMBProductIDs 22813 excludedMBProductIDs 22814 intervalMinutes 22815 maxDailyPushes 22816 tiktokProductTemplateID 22817 processingMode 22818 titlePrefix 22819 titleSuffix 22820 mainImageIndex 22821 crawlProductCreatedByID 22822 isPersonalized 22823 isPushMass 22824 hasSale 22825 hasDesign 22826 ignoreText 22827 ignoreProductTitle 22828 productTitlePatternText 22829 productTitleReplacementText 22830 imageResizeType 22831 isQuickPush 22832 } 22833 } 22834`,V$=o.a` 22835 mutation updateTiktokPush($input: TiktokPushRecord!) { 22836 updateTiktokPush(input: $input) { 22837 id 22838 } 22839 } 22840`,z$=n.a.lazy(()=>Promise.resolve().then(a.bind(null,168))),q$=n.a.lazy(()=>a.e(0).then(a.bind(null,1782))),H$=n.a.lazy(()=>a.e(4).then(a.bind(null,1783))),$$=n.a.lazy(()=>a.e(3).then(a.bind(null,1784))),_$=n.a.lazy(()=>a.e(6).then(a.bind(null,1830))),G$=n.a.lazy(()=>a.e(32).then(a.bind(null,1831))),K$=n.a.lazy(()=>Promise.resolve().then(a.bind(null,1016))),J$=j.b.div` 22841 .short-desc { 22842 font-size: 13px; 22843 font-style: italic; 22844 } 22845 .btn-wrap { 22846 margin-top: 20px; 22847 display: flex; 22848 flex-direction: row-reverse; 22849 } 22850 .mt-15 { 22851 margin-top: 15px; 22852 } 22853`;function Y$(e){var t,a,r,i,o,s,u,d;let{id:m}=e;const p=Object(O.g)(),[g,A]=Object(l.useState)({}),[b,h]=Object(l.useState)({}),[f,v]=Object(l.useState)(!1),[E,y]=Object(l.useState)({loading:!1,response:null,error:null}),{currentUser:C}=Object(te.c)(),{id:k}=C||{},{isSeller:j}=Object(c.j)(C),w=Object(c.ub)(C)?j?null:k||null:null,[S,I]=n.a.useReducer(c.Hb,{isStore:!1,templates:void 0,stores:void 0}),B=`/${Object(c.U)(C)}/tiktok-hub/push-products`,{toggleToast:P,setNotify:x}=Object(Fa.b)(),[M,{data:T,loading:Q}]=y$(),[R,{data:F,loading:N}]=O$(),{loading:U,error:L,data:V}=Object(De.d)(L$,{variables:{id:m},fetchPolicy:"network-only"}),z=Object(v$.b)();Object(l.useEffect)(()=>{if(V&&V.getTiktokPushByID){var e;let t=V.getTiktokPushByID,a=null===t||void 0===t?void 0:t.groupID,l=null===t||void 0===t?void 0:t.processingMode,n=(null===t||void 0===t?void 0:t.limit)||null;Z$(t)||(n=+((null===t||void 0===t?void 0:t.limit)||""),n<1?n=1:n>100&&(n=100));let r={id:m,title:(null===t||void 0===t?void 0:t.title)||null,source:(null===t||void 0===t?void 0:t.source)||"tiktok_crawl_products",storeIDs:(null===t||void 0===t?void 0:t.storeIDs)||[],groupIDs:a?[a]:[],limit:n+""||null,order:(null===t||void 0===t?void 0:t.order)||"DESC",orderBy:(null===t||void 0===t?void 0:t.orderBy)||"title",paused:(null===t||void 0===t?void 0:t.paused)?"true":"false",inclusionCollections:(null===t||void 0===t?void 0:t.inclusionCollections)||{ids:[],matchType:"MATCH_ONE"},exclusionCollections:(null===t||void 0===t?void 0:t.exclusionCollections)||{ids:[],matchType:"MATCH_ONE"},inclusionTags:(null===t||void 0===t?void 0:t.inclusionTags)||{ids:[],matchType:"MATCH_ONE"},exclusionTags:(null===t||void 0===t?void 0:t.exclusionTags)||{ids:[],matchType:"MATCH_ONE"},productBaseIDs:(null===t||void 0===t?void 0:t.productBaseIDs)||[],excludedProductBaseIDs:(null===t||void 0===t?void 0:t.excludedProductBaseIDs)||[],includedCrawlProductIDs:(null===t||void 0===t?void 0:t.includedCrawlProductIDs)||[],excludedCrawlProductIDs:(null===t||void 0===t?void 0:t.excludedCrawlProductIDs)||[],includedMBProductIDs:(null===t||void 0===t?void 0:t.includedMBProductIDs)||[],excludedMBProductIDs:(null===t||void 0===t?void 0:t.excludedMBProductIDs)||[],intervalMinutes:(null===t||void 0===t?void 0:t.intervalMinutes)||null,maxDailyPushes:(null===t||void 0===t?void 0:t.maxDailyPushes)||null,tiktokProductTemplateID:(null===t||void 0===t?void 0:t.t
22853iktokProductTemplateID)||null,processingMode:(null===t||void 0===t?void 0:t.processingMode)||"USING_API",titlePrefix:(null===t||void 0===t?void 0:t.titlePrefix)||"",titleSuffix:(null===t||void 0===t?void 0:t.titleSuffix)||"",mainImageIndex:(null===t||void 0===t?void 0:t.mainImageIndex)?[t.mainImageIndex]:[1],crawlProductCreatedByID:(null===t||void 0===t?void 0:t.crawlProductCreatedByID)||w,isPushMass:z&&(null===t||void 0===t?void 0:t.isPushMass)||!1,hasSale:(null===t||void 0===t?void 0:t.hasSale)||!1,hasDesign:(null===t||void 0===t?void 0:t.hasDesign)||!1,ignoreText:(null===t||void 0===t?void 0:t.ignoreText)||"",ignoreProductTitle:(null===t||void 0===t?void 0:t.ignoreProductTitle)||"",productTitlePatternText:(null===t||void 0===t?void 0:t.productTitlePatternText)||"",productTitleReplacementText:(null===t||void 0===t?void 0:t.productTitleReplacementText)||"",imageResizeType:(null===t||void 0===t?void 0:t.imageResizeType)?[t.imageResizeType]:["fit"]};"boolean"===typeof(null===t||void 0===t?void 0:t.isPersonalized)?r.isPersonalized=[t.isPersonalized]:r.isPersonalized=["All"],A(r);let i={};a&&(i.isStore=!1),("EXPORT_EXCEL"===l||(null===t||void 0===t||null===(e=t.storeIDs)||void 0===e?void 0:e.length)>0)&&(i.isStore=!0),I({...i})}},[U,L,V,w,z]);const q=(e,t)=>{A(a=>{if(e.includes(".")){const l=e.split("."),[n,r]=l;return{...a,[n]:{...a[n],[r]:t}}}return{...a,[e]:t}}),t&&h(t=>{const a={...t};return e in a&&delete a[e],a}),"tiktokProductTemplateID"===e&&R(t),"storeIDs"===e&&t&&M(t),v(!0)},H=(e,t)=>{h(a=>({...a,[e]:t}))},$=n.a.useCallback((e,t)=>{q(t,e)},[]),_=(e,t)=>U$.has(e,t)&&null!=e[t]&&e[t].length>0,[G]=Object(De.c)(V$),K=n.a.useCallback(e=>()=>{I({isStore:e})},[]),J=U&&n.a.createElement(D.D,null),Y=n.a.useMemo(()=>({must_has_excel_template_file:!(!(null===g||void 0===g?void 0:g.processingMode)||"EXPORT_EXCEL"!=g.processingMode)}),[null===g||void 0===g?void 0:g.processingMode]),W=U$.get(V,"getTiktokPushByID.isQuickPush")||!1;return n.a.createElement(J$,null,n.a.createElement(D.H,{title:"Edit Push",breadcrumbs:[{content:"All Pushes",url:B}]},J,L?n.a.createElement("div",{className:"load-data-error"},Object(c.ib)(L.toString())):n.a.createElement(n.a.Fragment,null,n.a.createElement(O.a,{when:f,message:"You have unsaved changes, are you sure you want to leave?"}),n.a.createElement(J$,null,n.a.createElement(D.s,{onSubmit:async()=>{var e,t,a;let l={...g},n=!1;var r;(_(l,"title")||(H("title","Please enter a title"),n=!0),S.isStore)?(_(l,"storeIDs")||(H("storeIDs","Please choose at least one store"),n=!0),l.groupID=void 0,l.groupIDs=void 0):(_(l,"groupIDs")||(H("groupIDs","Please choose at least one group"),n=!0),l.storeIDs=void 0,l.groupID=(null===(r=l.groupIDs)||void 0===r?void 0:r.length)>0?l.groupIDs[0]:void 0,l.groupIDs=void 0);if(l.tiktokProductTemplateID||(H("tiktokProductTemplateID","Please choose a product template"),n=!0),W$(g)?l.crawlProductCreatedByID=l.crawlProductCreatedByID:l.crawlProductCreatedByID=void 0,!n){if(l&&l.paused&&"string"==typeof l.paused&&("true"===l.paused?l.paused=!0:l.paused=!1),l&&l.limit&&l.limit.length>0&&"number"!=typeof l.limit?l.limit=parseInt(l.limit):l.limit=void 0,l&&l.intervalMinutes&&l.intervalMinutes.length>0&&"number"!=typeof l.intervalMinutes&&(l.intervalMinutes=parseInt(l.intervalMinutes)),l&&l.maxDailyPushes&&l.maxDailyPushes.length>0&&"number"!=typeof l.maxDailyPushes&&(l.maxDailyPushes=parseInt(l.maxDailyPushes)),(null===l||void 0===l||null===(e=l.mainImageIndex)||void 0===e?void 0:e.length)>0&&(l.mainImageIndex=l.mainImageIndex[0]),(null===l||void 0===l||null===(t=l.imageResizeType)||void 0===t?void 0:t.length)>0&&(l.imageResizeType=l.imageResizeType[0]),z||(l.isPushMass=!1),(null===(a=g.isPersonalized)||void 0===a?void 0:a.length)>0){let e=g.isPersonalized[0];l.isPersonalized="boolean"===typeof e?e:null}P(!0);try{y(e=>({...e,loading:!0}));const e=await G({variables:{input:l}});e&&e.data&&e.data.updateTiktokPush&&x({msg:"The selected push has been updated successfully",err:!1})}catch(i){x({msg:"Could not update the selected push",err:!0})}finally{v(!1),y(e=>({...e,loading:!1})),setTimeout((function(){p.push(B)}),3e3)}}}},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Push name",required:!0}),n.a.createElement(D.cb,{value:(null===g||void 0===g?void 0:g.title)||null,placeholder:"Enter push name",onChange:e=>q("title",e),error:(null===b||void 0===b?void 0:b.title)||null})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Processing mode"}),n.a.createElement(D.k,{choices:[{value:"USING_API",label:"Using Tiktok Shop API"},{value:"EXPORT_EXCEL",label:"Exporting to Excel file"}],selected:(null===g||void 0===g?void 0:g.processingMode)||"USING_API",onChange:e=>{q("processingMode",null===e||void 0===e?void 0:e[0]),"EXPORT_EXCEL"===(null===e||void 0===e?void 0:e[0])&&q
22853("limit","100")}})),W?null:n.a.createElement("div",null,n.a.createElement(al.a,{label:"Product source"}),n.a.createElement(D.k,{choices:[{value:"tiktok_crawl_products",label:"Using Tiktok crawl products"},{value:"mb_products",label:"Using MB products"}],selected:(null===g||void 0===g?void 0:g.source)||"tiktok_crawl_products",onChange:e=>{q("source",null===e||void 0===e?void 0:e[0])}})),"EXPORT_EXCEL"===(null===g||void 0===g?void 0:g.processingMode)?n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(al.a,{label:"Target stores",required:!0}),n.a.createElement(z$,{labelHidden:!0,value:null===g||void 0===g?void 0:g.storeIDs,onChange:e=>q("storeIDs",e),filter:{platform:"tiktok"},error:(null===b||void 0===b?void 0:b.storeIDs)||null,getValueImmediate:!0,options:F,loading:N,allowMultiple:!Object(c.c)(null===g||void 0===g?void 0:g.storeIDs)&&(null===g||void 0===g?void 0:g.storeIDs.length)>1}))):n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement("div",null,n.a.createElement(D.h,{segmented:!0},n.a.createElement(D.g,{primary:!S.isStore,children:"Choose Group",onClick:K(!1),size:"slim"}),n.a.createElement(D.g,{primary:S.isStore,children:"Choose Store",onClick:K(!0),size:"slim"}))),S.isStore?n.a.createElement("div",null,n.a.createElement(al.a,{label:"Target stores",required:!0}),n.a.createElement(z$,{allowMultiple:!0,labelHidden:!0,value:null===g||void 0===g?void 0:g.storeIDs,onChange:e=>{let t=e;t&&"string"===typeof t&&(t=[t]),q("storeIDs",t)},filter:{platform:"tiktok"},error:(null===b||void 0===b?void 0:b.storeIDs)||null,getValueImmediate:!0,options:F,loading:N})):n.a.createElement("div",null,n.a.createElement(al.a,{label:"Target group",required:!0}),n.a.createElement(Wq.a,{labelHidden:!0,value:null===g||void 0===g?void 0:g.groupIDs,onChange:e=>{let t=e;t&&"string"===typeof t&&(t=[t]),q("groupIDs",t)},error:(null===b||void 0===b?void 0:b.groupIDs)||null}))),n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(K$,{required:!0,label:"Tiktok product template",onChange:e=>q("tiktokProductTemplateID",e),value:null===g||void 0===g?void 0:g.tiktokProductTemplateID,error:(null===b||void 0===b?void 0:b.tiktokProductTemplateID)||null,filters:Y,options:T,loading:Q}),n.a.createElement("p",{className:"short-desc"},"This template will be applied to MerchBridge products when pushing them to TikTok."))),W$(g)?n.a.createElement("div",null,n.a.createElement(Am,{label:"Created By",value:(null===g||void 0===g?void 0:g.crawlProductCreatedByID)?[null===g||void 0===g?void 0:g.crawlProductCreatedByID]:[],onChange:e=>{q("crawlProductCreatedByID",e)},getValueImmediate:!0,filter:{roles:[oe.gb.Admin,oe.gb.MarketplaceManager,oe.gb.StoreManager]}})):null,z?n.a.createElement("div",null,n.a.createElement(D.j,{label:"Push Mass",checked:!!(null===g||void 0===g?void 0:g.isPushMass),onChange:e=>q("isPushMass",e)})):null)),W?null:n.a.createElement(n.a.Fragment,null,n.a.createElement(D.i,{sectioned:!0,title:"Product Type"},n.a.createElement("div",null,n.a.createElement(D.k,{title:"Select product type",choices:[{value:"All",label:"All"},{value:!0,label:"Personalized"},{value:!1,label:"Normal"}],selected:g.isPersonalized||[],onChange:e=>q("isPersonalized",e)}))),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement($$,{multiple:!0,label:"Inclusion Collections",onChange:e=>q("inclusionCollections.ids",e),value:null===g||void 0===g||null===(t=g.inclusionCollections)||void 0===t?void 0:t.ids}))),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Matching type"}),n.a.createElement(D.k,{choices:[{value:"MATCH_ONE",label:"Match One: only one value to match for the selected collections"},{value:"MATCH_ALL",label:"Match All: requires all values to match for the selected collections"}],selected:(null===g||void 0===g||null===(a=g.inclusionCollections)||void 0===a?void 0:a.matchType)||"MATCH_ONE",onChange:e=>q("inclusionCollections.matchType",null===e||void 0===e?void 0:e[0])})))),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement($$,{multiple:!0,label:"Exclusion Collections",onChange:e=>q("exclusionCollections.ids",null===e||void 0===e?void 0:e[0]),value:null===g||void 0===g||null===(r=g.exclusionCollections)||void 0===r?void 0:r.ids}))),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Matching type"}),n.a.createElement(D.k,{choices:[{value:"MATCH_ONE",label:"Match One: only one value to match for the selected collections"},{value:"MATCH_ALL",label:"Match All: requires all values to match for the selected collections"}],selected:(null===g||void 0===g||null===(i=g.exclusionCollections)||void 0===i?void 0:i.matchType)||"MATCH_ONE",onChange:e=>q("exclusionCollections.matchType",null===e||void 0===e?void 0:e[0])})))),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(H$,{multiple:!0,label:"Inclusion tags",onChange:e=>q("inclusionTags.ids",null===e||void 0===e?void 0:e[0]),value:null===g||void 0===g||null===(o=g.inclusionTags)||void 0===o?void 0:o.ids}))),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Matching type"}),n.a.createElement(D.k,{choices:[{value:"MATCH_ONE",label:"Match One: only one value to match for the selected collections"},{value:"MATCH_ALL",label:"Match All: requires all values to match for the selected collections"}],selected:(null===g||void 0===g||null===(s=g.inclusionTags)||void 0===s?void 0:s.matchType)||"MATCH_ONE",onChange:e=>q("inclusionTags.matchType",null===e||void 0===e?void 0:e[0])})))),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(H$,{multiple:!0,label:"Exclusion tags",onChange:e=>q("exclusionTags.ids",null===e||void 0===e?void 0:e[0]),value:null===g||void 0===g||null===(u=g.exclusionTags)||void 0===u?void 0:u.ids}))),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Matching type"}),n.a.createElement(D.k,{choices:[{value:"MATCH_ONE",label:"Match One: only one value to match for the selected collections"},{value:"MATCH_ALL",label:"Match All: requires all values to match for the selected collections"}],selected:(null===g||void 0===g||null===(d=g.exclusionTags)||void 0===d?void 0:d.matchType)||"MATCH_ONE",onChange:e=>{q("exclusionTags.matchType",null===e||void 0===e?void 0:e[0])}})))),"tiktok_crawl_products"==g.source?n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(G$,{label:"Inclusion Tiktok crawl products",value:null===g||void 0===g?void 0:g.includedCrawlProductIDs,allowMultiple:!0,onChange:e=>q("includedCrawlProductIDs",e)})),n.a.createElement("p",{className:"short-desc"},"Only the selected products will be processed")),n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(G$,{label:"Exclusion Tiktok crawl products",value:null===g||void 0===g?void 0:g.excludedCrawlProductIDs,allowMultiple:!0,onChange:e=>q("excludedCrawlProductIDs",e)})),n.a.createElement("p",{className:"short-desc"},"Any products not included in the selected ones will be processed")))):n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(D.z,{label:"Inclusion Product Bases"}),n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(q$,{labelHidden:!0,allowMultiple:!0,value:null===g||void 0===g?void 0:g.productBaseIDs,onChange:e=>q("productBaseIDs",e),fragment:"\n\tid\n\ttitle\n\tteamId\n"}),n.a.createElement("p",{className:"short-desc"},"Products containing any of the selected values will be included in the push"))),n.a.createElement("div",null,n.a.createElement(D.z,{label:"Exclusion Product Bases"}),n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(q$,{labelHidden:!0,allowMultiple:!0,value:null===g||void 0===g?void 0:g.excludedProductBaseIDs,onChange:e=>q("excludedProductBaseIDs",e),fragment:"\n\tid\n\ttitle\n\tteamId\n"}),n.a.createElement("p",{className:"short-desc"},"Products containing any of the selected values will be NOT included in the push"))),n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(_$,{label:"Inclusion special products",value:null===g||void 0===g?void 0:g.includedMBProductIDs,allowMultiple:!0,onChange:e=>q("includedMBProductIDs",e)})),n.a.createElement("p",{className:"short-desc"},"Only the selected products will be processed")),n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(_$,{label:"Exclusion special products",value:null===g||void 0===g?void 0:g.excludedMBProductIDs,allowMultiple:!0,onChange:e=>q("excludedMBProductIDs",e)})),n.a.createElement("p",{className:"short-desc"},"Any products not included in the selected ones will be processed"))))),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Limit products per store"}),n.a.createElement(D.cb,Object.assign({type:"number",value:(null===g||void 0===g?void 0:g.limit)?""+(null===g||void 0===g?void 0:g.limit):"",onCh
22853ange:e=>q("limit",e),min:0},Z$(g)?{}:{min:1,max:100})),n.a.createElement("p",{className:"short-desc"},"The maximum number of products you want to retrieve. Leave it blank to retrieve all products.")),W$(g)?null:n.a.createElement(D.Y,{spacing:"extraTight",vertical:!0},n.a.createElement("div",null,n.a.createElement(D.j,{label:"Priority item has sale first",checked:!!(null===g||void 0===g?void 0:g.hasSale),onChange:e=>q("hasSale",e)})),n.a.createElement("div",null,n.a.createElement(D.j,{label:"Priority item has design first",checked:!!(null===g||void 0===g?void 0:g.hasDesign),onChange:e=>q("hasDesign",e)}))),W?null:n.a.createElement("div",null,n.a.createElement(al.a,{label:"Order by"}),n.a.createElement(D.k,{choices:[{value:"title",label:"Title"},{value:"created_at",label:"Created at"}],selected:(null===g||void 0===g?void 0:g.orderBy)||"title",onChange:e=>q("orderBy",null===e||void 0===e?void 0:e[0])})),W?null:n.a.createElement("div",null,n.a.createElement(al.a,{label:"Order"}),n.a.createElement(D.k,{choices:[{value:"DESC",label:"Descending"},{value:"ASC",label:"Ascending"}],selected:(null===g||void 0===g?void 0:g.order)||"DESC",onChange:e=>q("order",null===e||void 0===e?void 0:e[0])})),(null===g||void 0===g?void 0:g.processingMode)&&"USING_API"==g.processingMode?n.a.createElement(n.a.Fragment,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Pause this push"}),n.a.createElement(D.k,{choices:[{value:"false",label:"No"},{value:"true",label:"Yes"}],selected:!(null===g||void 0===g?void 0:g.paused)||!0!==g.paused&&"true"!==g.paused?["false"]:["true"],onChange:e=>q("paused","true"==(null===e||void 0===e?void 0:e[0]))}),n.a.createElement("p",{className:"short-desc"},"This option ensures that your push will not process until it is resummed")),n.a.createElement("div",{className:"mt-15"},n.a.createElement(al.a,{label:"Push Interval (Minutes)"}),n.a.createElement(D.cb,{type:"number",value:(null===g||void 0===g?void 0:g.intervalMinutes)?""+(null===g||void 0===g?void 0:g.intervalMinutes):null,onChange:e=>q("intervalMinutes",e),min:0}),n.a.createElement("p",{className:"short-desc"},"Set the minimum wait time in minutes between pushes")),n.a.createElement("div",{className:"mt-15"},n.a.createElement(al.a,{label:"Maximum Daily Pushes"}),n.a.createElement(D.cb,{type:"number",value:(null===g||void 0===g?void 0:g.maxDailyPushes)?""+(null===g||void 0===g?void 0:g.maxDailyPushes):null,onChange:e=>q("maxDailyPushes",e),min:0}),n.a.createElement("p",{className:"short-desc"},"Enter the maximum number of products that can be pushed each day"))):null)),n.a.createElement(D.i,{sectioned:!0,title:"Extra settings"},n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.cb,{label:"Title Prefix",id:"titlePrefix",onChange:$,placeholder:"Enter title prefix",value:g.titlePrefix||"",helpText:"If this string includes a semicolon(;), the System will split it and randomly select a value"}),n.a.createElement(D.cb,{label:"Title Suffix",id:"titleSuffix",onChange:$,placeholder:"Enter title suffix",value:g.titleSuffix||"",helpText:"If this string includes a semicolon(;), the System will split it and randomly select a value"}),n.a.createElement(D.k,{title:"Which image index do you want to set as the main image?",name:"mainImageIndex",choices:[{value:1,label:"Main image"},{value:2,label:"Image 2"},{value:3,label:"Image 3"}],selected:g.mainImageIndex||[],onChange:$}),n.a.createElement(D.cb,{label:"Ignore Text",multiline:!0,id:"ignoreText",placeholder:"Enter Ignore Text",value:g.ignoreText,helpText:"If this string includes a semicolon(;), the System will split it and ignore in the title",onChange:$}),n.a.createElement(D.cb,{label:"Ignore Product Title",multiline:!0,id:"ignoreProductTitle",placeholder:"Enter product title",value:g.ignoreProductTitle,helpText:"If this string includes a semicolon (;), the System will split it and ignore the product that has a title containing it.",onChange:$}),n.a.createElement("div",{style:{display:"flex",justifyContent:"space-between",gap:"1.2rem"}},n.a.createElement("div",{style:{flex:"1"}},n.a.createElement(D.cb,{label:"Product title pattern text",multiline:!0,id:"productTitlePatternText",placeholder:"Text1;text2",value:g.productTitlePatternText,helpText:"If this string includes a semicolon (;), the system will split it into multiple parts and use them as the basis for replacing the product title accordingly.",onCh
22853ange:$})),n.a.createElement("div",{style:{flex:"1"}},n.a.createElement(D.cb,{label:"Product title replacement text",multiline:!0,id:"productTitleReplacementText",placeholder:"Target",value:g.productTitleReplacementText,helpText:"This is the value used to replace the product title.",onChange:$}))),n.a.createElement(D.k,{title:"Which type do you want to use when resizing the image?",name:"imageResizeType",choices:[{value:"fit",label:"Fit"},{value:"fill",label:"Fill"}],selected:g.imageResizeType||[],onChange:$}))),V&&V.getTiktokPushByID&&V&&"Done"!=V.getTiktokPushByID.status?n.a.createElement("div",{className:"btn-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{onClick:()=>p.push(B)},"Cancel"),n.a.createElement(D.g,{submit:!0,primary:!0,loading:E.loading,disabled:!f||E.loading},"Save changes"))):null)))))}function W$(e){return!(!e||!e.source)&&"tiktok_crawl_products"===e.source}function Z$(e){return!(!e||!e.processingMode)&&"USING_API"===e.processingMode}function X$(){const{id:e}=Object(O.i)();return n.a.createElement(ud.a,null,n.a.createElement(wg.a,{fallback:n.a.createElement(Je.SkeletonPagePolaris,null)},n.a.createElement(Y$,{id:e})))}const e_=o.a` 22854 fragment TiktokCat on TiktokCategory { 22855 id 22856 localName 22857 isLeaf 22858 parentID 22859 } 22860 query getFirstStoreTiktokCategories { 22861 getFirstStoreTiktokCategories { 22862 ...TiktokCat 22863 children { 22864 ...TiktokCat 22865 children { 22866 ...TiktokCat 22867 children { 22868 ...TiktokCat 22869 children { 22870 ...TiktokCat 22871 } 22872 } 22873 } 22874 } 22875 } 22876 } 22877`,t_=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const a=[];return e.forEach(e=>{const l=t?`${t} > ${e.localName}`:e.localName;a.push({id:e.id,path:l,localName:e.localName,isLeaf:e.isLeaf}),e.children&&e.children.length>0&&a.push(...t_(e.children,l))}),a};function a_(e){let{defaultValue:t,onSelect:a,label:r}=e;const{loading:i,error:o,data:s}=Object(De.d)(e_),[c,u]=Object(l.useState)([]),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)(""),[A,b]=Object(l.useState)(t||[]);Object(l.useEffect)(()=>{b(t)},[t]),Object(l.useEffect)(()=>{if(s&&s.getFirstStoreTiktokCategories){const e=t_(s.getFirstStoreTiktokCategories).map(e=>({label:e.path,value:e.id,disabled:!e.isLeaf}));u(e),m(e.slice(0,100))}},[s]);const h=e=>{b(e),a&&a(e),m(t=>t.map(t=>({...t,selected:e.includes(t.value)})))},f=A.map(e=>c.find(t=>t.value===e)).filter(Boolean).map(e=>e.label);return i?n.a.createElement("p",null,"Loading categories..."):o?n.a.createElement("p",null,"Error loading categories"):n.a.createElement("div",null,n.a.createElement(al.a,{label:r||"Tiktok category",required:!0}),n.a.createElement(D.c,{options:d,selected:A,textField:n.a.createElement(D.c.TextField,{value:p,onChange:e=>{if(g(e),e){const t=e.toLowerCase(),a=c.filter(e=>e.label.toLowerCase().includes(t));m(a.slice(0,100))}else m(c.slice(0,100))},placeholder:"Type to search..."}),onSelect:h}),n.a.createElement(dm.a,null,f.map(e=>n.a.createElement(D.ab,{key:e,onRemove:()=>h(A.filter(t=>c.find(t=>t.label===e).value!==t))},e))))}const l_=o.a` 22878 query getFirstStoreTiktokAttributesByCategory($categoryID: String!) { 22879 getFirstStoreTiktokAttributesByCategory(categoryID: $categoryID) { 22880 id 22881 name 22882 type 22883 isCustomizable 22884 isMultipleSelection 22885 isRequried 22886 values { 22887 id 22888 name 22889 } 22890 } 22891 } 22892`,n_=j.b.div` 22893 .box-flex { 22894 display: flex; 22895 flex-wrap: nowrap; 22896 gap: 20px; 22897 margin-bottom: 15px; 22898 } 22899 22900 .box-flex-50 { 22901 width: 50%; 22902 } 22903`;var r_=e=>{let{categoryID:t,defaultValues:a=[],onAttributeChange:r}=e;const{loading:i,error:o,data:s}=Object(De.d)(l_,{variables:{categoryID:t}}),[c,u]=Object(l.useState)({}),[d,m]=Object(l.useState)({}),[p,g]=Object(l.useState)({}),[A,b]=Object(l.useState)({});Object(l.useEffect)(()=>{if(!a||k.a.isEmpty(a))return;a.length>0&&(()=>{const e={},t={};a.forEach(a=>{var l;e[a.id]=(null===(l=a.values)||void 0===l?void 0:l.map(e=>e.id))||[],t[a.id]=a.custom_values||[]}),u(e),m(t)})()},[a]);const h=n.a.useRef(t);if(Object(l.useEffect)(()=>{t!=h.current&&(u({}),h.current=t)},[t]),i)return n.a.createElement("div",null,"Loading...");if(o)return n.a.createElement("div",null,"Error: ",o.message);const f=s.getFirstStoreTiktokAttributesByCategory,v=(e,t)=>
22903{u(a=>{const l={...a,[e]:t};return r&&r(O(l,d)),l})},E=(e,t)=>{b(a=>({...a,[t]:e}))},y=f.filter(e=>"PRODUCT_PROPERTY"===e.type).sort((e,t)=>e.isRequried&&!t.isRequried?-1:!e.isRequried&&t.isRequried?1:e.isCustomizable&&!t.isCustomizable?-1:!e.isCustomizable&&t.isCustomizable?1:0),C=(e,t)=>{const a=A[t];return a?e.filter(e=>e.label.toLowerCase().includes(a.toLowerCase())):e},O=(e,t)=>y.map(a=>{const l=t[a.id]||[],n=e[a.id]||[];return{id:a.id,name:a.name,type:a.type,values:a.values.filter(e=>n.includes(e.id)).map(e=>({id:e.id,name:e.name})),isRequried:a.isRequried,custom_values:l,isCustomizable:a.isCustomizable,isMultipleSelection:a.isMultipleSelection}});return n.a.createElement(D.t,null,n.a.createElement(n_,null,y.map(e=>{var t,a;const l=e.values&&e.values.length>0,i="search_"+(null===e||void 0===e?void 0:e.id);return n.a.createElement("div",{key:e.id},n.a.createElement("div",{className:"box-flex"},n.a.createElement("div",{className:"box-flex-50"},n.a.createElement(al.a,{label:null===e||void 0===e?void 0:e.name,required:null!==(t=null===e||void 0===e?void 0:e.isRequried)&&void 0!==t&&t}),n.a.createElement(D.c,{options:l?C(e.values.map(e=>({label:e.name,value:e.id})),i):[],selected:c[e.id]||[],onSelect:t=>v(e.id,t),allowMultiple:e.isMultipleSelection,textField:n.a.createElement(D.cb,{id:i,value:A[i]||"",onChange:E,placeholder:"Search options..."}),emptyState:"No items found"}),(null===(a=c[e.id])||void 0===a?void 0:a.length)>0&&n.a.createElement(dm.a,null,c[e.id].map(t=>{const a=e.values.find(e=>e.id===t);return a?n.a.createElement(D.ab,{key:t,onRemove:()=>v(e.id,c[e.id].filter(e=>e!==t))},a.name):null}))),n.a.createElement("div",{className:"box-flex-50"},e.isCustomizable&&n.a.createElement(n.a.Fragment,null,n.a.createElement(D.cb,{label:"Custom values",value:p[e.id]||"",onChange:t=>((e,t)=>{if(g(a=>({...a,[e]:t})),t.includes(",")){let a=t.replaceAll(",","");if(0==a.length)return;g(t=>({...t,[e]:null})),m(t=>{let l=t[e]||[];return l.push(a),{...t,[e]:l}}),r&&r(O(c,d))}})(e.id,t),placeholder:"Enter custom values (comma to confirm)"}),n.a.createElement(dm.a,null,(d[e.id]||[]).map((t,a)=>n.a.createElement(D.ab,{key:a,onRemove:()=>{m(a=>{var l;const n=(null===(l=a[e.id])||void 0===l?void 0:l.filter(e=>e!==t))||[],i={...a,[e.id]:n};return r&&r(O(c,i)),i})}},t)))))))})))},i_=(a(166),a(58)),o_=a.n(i_);const s_=j.b.div` 22904 margin-bottom: 20px; 22905 22906 .variant-items:first-child { 22907 .Polaris-Choice { 22908 margin-top: 25px; 22909 } 22910 .Polaris-Button { 22911 margin-top: 24px; 22912 } 22913 } 22914 .variant-items { 22915 padding: 15px 0; 22916 border-bottom: 1px solid #eee; 22917 22918 .Polaris-Stack__Item:last-child { 22919 flex-grow: 1; 22920 text-align: right; 22921 } 22922 } 22923 .variant-items:last-child { 22924 border-bottom: 0; 22925 } 22926 22927 .bulk-actions-wrap { 22928 .Polaris-Stack__Item:last-child { 22929 text-align: right; 22930 } 22931 } 22932 22933 .divider { 22934 margin-bottom: 20px; 22935 } 22936`,c_=n.a.forwardRef((function(e,t){let{selectedVariants:a,attributes:l}=e;if((null===a||void 0===a?void 0:a.length)>0)return null;if(!l||!Array.isArray(l)||0===l.length)return null;const r=[...l];return n.a.createElement("div",null,n.a.createElement("div",{className:"heading"},n.a.createElement(D.db,null,"Bulk edit by attribute"),n.a.createElement("br",null),n.a.createElement(D.db,{variation:"subdued"},"Variants that match at least one value of selected attribute will be update")),n.a.createElement(m_,null,r.map((e,a)=>n.a.createElement(u_,{attribute:e,key:"attribute-"+a,ref:a=>t.current[e.name]=a}))))}
22936)),u_=n.a.forwardRef((function(e,t){let{attribute:a}=e;const{name:r,values:i}=a,[o,s]=Object(l.useState)(!0),[u,d]=Object(l.useState)(!1),[m,p]=Object(l.useReducer)(c.Hb,{}),g=Object(l.useCallback)(e=>{if(d(e),s(e=>!e),e){const e=(i||[]).reduce((e,t)=>(e[t]=!0,e),{});p(e)}},[i]),A=Object(l.useCallback)((e,t)=>{p({[t]:e})},[]);return n.a.useImperativeHandle(t,()=>({getState:()=>m})),r&&i&&0!==i.length?n.a.createElement("div",null,n.a.createElement("div",null,n.a.createElement(D.j,{checked:u,onChange:g,label:r})),n.a.createElement(D.l,{open:o,id:"basic-collapsible",transition:{duration:"500ms",timingFunction:"ease-in-out"},expandOnPrint:!0},n.a.createElement("div",{className:"attr-inner"},i.map((e,t)=>n.a.createElement(D.j,{label:e,id:e,key:"values-"+t,onChange:A,checked:m[e]||!1}))))):null}));const d_=e=>e.sort((e,t)=>e.attr_name.localeCompare(t.attr_name)).map(e=>`${e.attr_name}:${e.attr_value}`).join("|"),m_=j.b.div` 22937 margin-bottom: 1.6rem; 22938 display: flex; 22939 flex-direction: row; 22940 justify-content: flex-start; 22941 column-gap: 1rem; 22942 22943 > * { 22944 width: calc(50% - 1rem); 22945 } 22946 22947 .attr-inner { 22948 display: flex; 22949 flex-direction: column; 22950 margin-left: 1rem; 22951 } 22952`;var p_=e=>{let{initialData:t,onDataChange:a,error:r}=e;const[i,o]=Object(l.useState)(""),[s,u]=Object(l.useState)([]),[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)({}),[A,b]=Object(l.useState)(!1),[h,f]=Object(l.useState)([]),[v,E]=Object(l.useState)(""),[y,C]=Object(l.useState)(""),[k,O]=Object(l.useState)(!1),[j,w]=Object(l.useState)(!1),[S,I]=n.a.useReducer(c.Hb,{tmpDelete:new Set}),{setNotify:B,toggleToast:P}=Object(Fa.b)(),[x,M]=Object(l.useReducer)(c.Hb,{loading:!1});Object(l.useEffect)(()=>{t.attributes&&t.attributes.length>0&&u(t.attributes.map(e=>({name:e.name,values:e.value}))),t.variants&&t.variants.length>0&&m(t.variants.map(e=>{let{warehouse_id:t,...a}=e;return a}))},[t]);Object(l.useEffect)(()=>{a&&a({attributes:s.map(e=>({name:e.name,value:e.values})),variants:d})},[JSON.stringify(s),JSON.stringify(d)]);Object(l.useEffect)(()=>{j&&(s&&s.length>0?T():m([]))},[s]);const T=()=>{const e=t=>{if(0===t.length)return[[]];const[a,...l]=t,n=e(l);return a.values.flatMap(e=>n.map(t=>[{attr_name:a.name,attr_value:e},...t]))},t=e=>e.sort((e,t)=>e.attr_name.localeCompare(t.attr_name)).map(e=>`${e.attr_name}:${e.attr_value}`).join("|"),a=new Set(d.map(e=>t(e.attributes)));if(S.tmpDelete.size>0)for(let i of S.tmpDelete)a.add(i);const l=e(s).map(e=>({attributes:e,key:t(e)})).filter(e=>{let{key:t}=e;return!a.has(t)}).map(e=>{let{attributes:t}=e;return{price:0,quantity:100,attributes:t}}),n=(s||[]).map(e=>null===e||void 0===e?void 0:e.name).filter(Boolean);let r=[...d,...l].filter(e=>{const t=(e.attributes||[]).map(e=>null===e||void 0===e?void 0:e.attr_name).filter(Boolean);return t.length===n.length&&n.every(e=>t.includes(e))});m(r)},Q=(e,t,a)=>{m(l=>{const n=[...l];return n[e][t]=a,n})},R=n.a.useRef({}),F=e=>{let t=e.toLowerCase(),a="";return t.includes("color")?a="e.g., Red, Blue for "+e:t.includes("size")?a="e.g., X, S for "+e:t.includes("type")&&(a="e.g., Hoodie, T-Shirt for "+e),a};return n.a.createElement(s_,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.v,{element:"h3"},"Product Attributes:"),s&&s.length&&s.length>=3?null:n.a.createElement(D.cb,{label:"Enter attribute names (comma to confirm). Max 3 attribute names.",value:i,onChange:e=>{if(e.includes(",")){const t=e.replace(",","").trim();t&&!s.some(e=>e.name===t)&&(u([...s,{name:t,values:[]}]),w(!0)),o("")}else o(e)},placeholder:"e.g., Color, Size, Type",disabled:!!(s&&s.length&&s.length>=3)}),n.a.createElement("div",{className:"divider",style:{marginTop:"20px"}}),s.map(e=>{var t;return n.a.createElement(D.i,{key:e.name,title:"Values for: "+e.name,sectioned:!0,actions:[{content:"Remove",destructive:!0,onAction:()=>{return t=e.name,u(e=>e.filter(e=>e.name!==t)),void w(!0);var t}}]},n.a.createElement("div",null,n.a.createElement(D.cb,{label:"Enter attribute values (comma to confirm)",placeholder:F(e.name),value:null!==(t=p[e.name])&&void 0!==t?t:null,onChange:t=>{if(g(a=>({...a,[e.name]:t})),t.includes(",")){let a=t.replaceAll(",","");if(0===a.length)return;g(t=>({...t,[e.name]:null})),((e,t)=>{u(a=>a.map(a=>a.name===e&&t&&!a.values.includes(t)?{...a,values:[...a.values,t]}:a)),w(!0)})(e.name,a)}}}),n.a.createElement(dm.a,null,e.values.map((t,a)=>n.a.createElement(D.ab,{key:a,onRemove:()=>{e.values.length>1?((e,t)=>
22952{u(a=>a.map(a=>a.name===e?{...a,values:a.values.filter(e=>e!==t)}:a));const a=function(e,t,a){let l=[];for(let n of a){if(!n||!n.attributes||0===n.attributes.length)continue;let a=!1;for(let l of n.attributes)if(l.attr_name===e&&l.attr_value===t){a=!0;break}a||l.push(n)}return l}(e,t,d);m([...a]),w(!0)})(e.name,t):(b(!0),setTimeout(()=>b(!1),3e3))}},t)))))}),r&&r.length>0?n.a.createElement("div",{className:"Polaris-Labelled__Error"},n.a.createElement("div",{className:"Polaris-InlineError"},n.a.createElement("div",{className:"Polaris-InlineError__Icon"},n.a.createElement("span",{className:"Polaris-Icon"},n.a.createElement("svg",{viewBox:"0 0 20 20",className:"Polaris-Icon__Svg",focusable:"false","aria-hidden":"true"},n.a.createElement("path",{d:"M10 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm-1-8h2V6H9v4zm0 4h2v-2H9v2z",fillRule:"evenodd"})))),r)):null),d.length>0&&n.a.createElement(D.i,{title:`Product Variants (${d.length})`,sectioned:!0},n.a.createElement(D.Y,{vertical:!0},n.a.createElement("div",{className:"bulk-actions-wrap"},n.a.createElement(D.Y,{distribution:"equalSpacing"},n.a.createElement(D.g,{onClick:()=>{h.length===d.length?f([]):f(d.map((e,t)=>t))}},h.length===d.length?"Deselect All":"Select All"),n.a.createElement(D.h,null,n.a.createElement(D.g,{onClick:()=>O(!0)},"Apply Bulk Action"),(null===h||void 0===h?void 0:h.length)>0?n.a.createElement(D.g,{destructive:!0,children:"Remove selected item",onClick:(N=h,()=>{window.confirm("Are you sure to delete this variant")&&(w(!1),m(e=>{const t=e.filter((e,t)=>!N.includes(t));return 0===t.length&&(u([]),w(!0)),t}),f([]))})}):null))),n.a.createElement(D.i,{sectioned:!0},d.map((e,t)=>n.a.createElement("div",{className:"variant-items",key:t},n.a.createElement(D.Y,null,n.a.createElement(D.j,{checked:h.includes(t),onChange:()=>(e=>{f(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])})(t)}),n.a.createElement(D.cb,{label:0==t?"Name":null,type:"text",value:e.attributes.map(e=>e.attr_value).join(" / "),disabled:!0}),n.a.createElement(D.cb,{label:0==t?"Price":null,type:"number",min:.01,step:.01,value:e.price?""+e.price:"",onChange:e=>Q(t,"price",e)}),n.a.createElement(D.cb,{label:0==t?"Quantity":null,type:"number",min:1,step:1,value:e.quantity?""+e.quantity:"",onChange:e=>Q(t,"quantity",e)}),n.a.createElement(D.g,{icon:n.a.createElement(D.w,{source:Le.a}),onClick:()=>(e=>{if(window.confirm("Are you sure to delete this variant")){let t=(d||[]).find((t,a)=>a===e);if(m(t=>{const a=t.filter((t,a)=>a!==e);return 0===a.length&&(u([]),w(!0)),a}),t){const e=d_(t.attributes||[]);I(t=>({...t,tmpDelete:t.tmpDelete.add(e)}))}w(!1)}})(t)}))))))),n.a.createElement(D.E,{open:k,onClose:()=>O(!1),title:"Apply Bulk Action",primaryAction:{content:"Apply",onAction:async()=>{var e;if(P(!0),B({msg:null,err:!1}),M({loading:!0}),""===v&&""===y)return;let t=[...h];if(0===(null===(e=t)||void 0===e?void 0:e.length)){const e={};for(let[t,a]of Object.entries(R.current))"getState"in a&&"function"===typeof a.getState&&(e[t]=a.getState());t=function(e,t){if(0===Object.keys(e).length)return[];let a={};for(let[r,i]of Object.entries(e))if(!Object.values(i).every(e=>!e))for(let[e,t]of Object.entries(i)){if(!t)continue;let l=`${r}__${e}`.toLowerCase();a[l]=!0}const l={};for(let r=0;r<t.length;r++){let e=t[r];if(!e||!e.attributes||0===e.attributes.length)continue;let a=[];for(let t of e.attributes){const{attr_name:e,attr_value:l}=t||{};let n=`${e}__${l}`.toLowerCase();a.push(n)}a=a.join("|"),l[a]=r}let n=[];for(let[r,i]of Object.entries(l)){let e=!0;for(let t of r.split("|"))if(!a[t]){e=!1;break}e&&n.push(i)}return Array.from(new Set(n))}(e,d)}m(e=>e.map((e,a)=>t.includes(a)?{...e,price:""!==v?parseFloat(v):e.price,quantity:""!==y?parseInt(y):e.quantity}:e)),await Object(c.Ob)(250),B({msg:"Apply Price/Quantity success",err:!1}),M({loading:!1})},disabled:0==v.length&&0==y.length,loading:x.loading},secondaryActions:[{content:"Cancel",onAction:()=>O(!1)}]},n.a.createElement(D.E.Section,null,n.a.createElement(c_,{attributes:s,selectedVariants:h,ref:R}),n.a.createElement(D.cb,{label:"Price",value:v,onChange:e=>E(e),type:"number"}),n.a.createElement("div",{style:{marginBottom:"15px"}}),n.a.createElement(D.cb,{label:"Quantity",value:y,onChange:e=>C(e),type:"number"}))),A&&n.a.createElement(D.fb,{content:"Must keep at least one value",onDismiss:()=>b(!1)}));var N};const g_=j.b.div` 22953 .box-flex { 22954 display: flex; 22955 flex-wrap: nowrap; 22956 gap: 20px; 22957 margin-bottom: 15px; 22958 } 22959 22960 .box-flex-25 { 22961 width: 25%; 22962 } 22963`;var A_=e=>{var t,a,r,i,o,s,c,u;let{defaultValues:d,onChange:m}=e;const[p,g]=Object(l.useState)({unit:null!==(t=null===d||void 0===d?void 0:d.unit)&&void 0!==t?t:"INCH",width:null!==(a=null===d||void 0===d?void 0:d.width)&&void 0!==a?a:"",height:null!==(r=null===d||void 0===d?void 0:d.height)&&void 0!==r?r:"",length:null!==(i=null===d||void 0===d?void 0:d.length)&&void 0!==i?i:""});Object(l.useEffect)(()=>{var e;g({unit:null!==(e=null===d||void 0===d?void 0:d.unit)&&void 0!==e?e:"INCH",width:(null===d||void 0===d?void 0:d.width)?null===d||void 0===d?void 0:d.width.toString():"",height:(null===d||void 0===d?void 0:d.height)?null===d||void 0===d?void 0:d.height.toString():"",length:(null===d||void 0===d?void 0:d.length)?null===d||void 0===d?void 0:d.length.toString():""})},[JSON.stringify(d)]);const A=(e,t)=>
22963{let a=t;"unit"!=e&&(a=parseInt(t)),g(t=>({...t,[e]:a}))};return Object(l.useEffect)(()=>{m&&m(p)},[JSON.stringify(p)]),n.a.createElement(g_,null,n.a.createElement("div",{className:"box-flex"},n.a.createElement("div",{className:"box-flex-25"},n.a.createElement(D.Q,{label:"Unit",options:["CENTIMETER","INCH"],value:null!==(o=null===p||void 0===p?void 0:p.unit)&&void 0!==o?o:"INCH",onChange:e=>A("unit",e)})),n.a.createElement("div",{className:"box-flex-25"},n.a.createElement(D.cb,{label:"Width",value:null!==(s=null===p||void 0===p?void 0:p.width)&&void 0!==s?s:null,onChange:e=>A("width",e),type:"number",min:0,step:1})),n.a.createElement("div",{className:"box-flex-25"},n.a.createElement(D.cb,{label:"Height",value:null!==(c=null===p||void 0===p?void 0:p.height)&&void 0!==c?c:null,onChange:e=>A("height",e),type:"number",min:0,step:1})),n.a.createElement("div",{className:"box-flex-25"},n.a.createElement(D.cb,{label:"Length",value:null!==(u=null===p||void 0===p?void 0:p.length)&&void 0!==u?u:null,onChange:e=>A("length",e),type:"number",min:0,step:1}))))};const b_=j.b.div` 22964 .box-flex { 22965 display: flex; 22966 flex-wrap: nowrap; 22967 gap: 20px; 22968 margin-bottom: 15px; 22969 } 22970 22971 .box-flex-50 { 22972 width: 50%; 22973 } 22974`;var h_=e=>{var t,a,r,i;let{defaultValues:o,onChange:s}=e;const[c,u]=Object(l.useState)({unit:null!==(t=null===o||void 0===o?void 0:o.unit)&&void 0!==t?t:"POUND",value:null!==(a=null===o||void 0===o?void 0:o.value)&&void 0!==a?a:""});Object(l.useEffect)(()=>{var e;u({unit:null!==(e=null===o||void 0===o?void 0:o.unit)&&void 0!==e?e:"POUND",value:(null===o||void 0===o?void 0:o.value)?null===o||void 0===o?void 0:o.value.toString():""})},[JSON.stringify(o)]);const d=(e,t)=>{u(a=>({...a,[e]:t}))};return Object(l.useEffect)(()=>{s&&s(c)},[JSON.stringify(c)]),n.a.createElement(b_,null,n.a.createElement("div",{className:"box-flex"},n.a.createElement("div",{className:"box-flex-50"},n.a.createElement(D.Q,{label:"Unit",options:["KILOGRAM","POUND","OUNCE","GRAM"],value:null!==(r=null===c||void 0===c?void 0:c.unit)&&void 0!==r?r:"POUND",onChange:e=>d("unit",e)})),n.a.createElement("div",{className:"box-flex-50"},n.a.createElement(D.cb,{label:"Value",value:null!==(i=null===c||void 0===c?void 0:c.value)&&void 0!==i?i:null,onChange:e=>d("value",e),type:"number",step:.1,min:0}))))};const f_=j.b.div` 22975 .box-flex { 22976 display: flex; 22977 flex-wrap: nowrap; 22978 gap: 20px; 22979 margin-bottom: 15px; 22980 } 22981 22982 .box-flex-20 { 22983 width: 20%; 22984 } 22985`;function v_(e){let{defaultValues:t,onChange:a}=e;const[r,i]=Object(l.useState)(null!==t&&void 0!==t?t:[]);Object(l.useEffect)(()=>{i(null!==t&&void 0!==t?t:[])},[JSON.stringify(t)]);return Object(l.useEffect)(()=>{if(a){let e=[];r.forEach(t=>{t&&(null===t||void 0===t?void 0:t.id)&&e.push(t)}),a(e)}},[JSON.stringify(r)]),n.a.createElement(f_,null,n.a.createElement("div",{className:"box-flex"},Array.from({length:5},(e,t)=>n.a.createElement("div",{className:"box-flex-20",key:t},n.a.createElement(al.a,{label:"Extra image "+(t+1)}),n.a.createElement(dl.a,{accept:"image/*",singleUpload:!0,multiple:!1,value:r[t]?[r[t]]:[],onChange:e=>((e,t)=>{i(a=>{const l=[...a];return l[e]||(l[e]=null),t&&t.length>0?l[e]=t[0]:l[e]=null,l})})(t,e)})))))}const E_=j.b.div` 22986 .box-flex { 22987 display: flex; 22988 flex-wrap: nowrap; 22989 gap: 20px; 22990 margin-bottom: 15px; 22991 } 22992 22993 .box-flex-20 { 22994 width: 20%; 22995 } 22996`;function y_(e){let{defaultValue:t,onChange:a}=e;const[r,i]=Object(l.useState)(t&&!k.a.isEmpty(t)&&(null===t||void 0===t?void 0:t.id)?[t]:[]);Object(l.useEffect)(()=>{i(t&&!k.a.isEmpty(t)&&(null===t||void 0===t?void 0:t.id)?[t]:[])},[JSON.stringify(t)]);return Object(l.useEffect)(()=>{a&&a(r)},[JSON.stringify(r)]),n.a.createElement(E_,null,n.a.createElement("div",{className:"box-flex"},n.a.createElement("div",{className:"box-flex-20"},n.a.createElement(al.a,{label:"Size chart image"}),n.a.createElement(dl.a,{accept:"image/*",singleUpload:!0,multiple:!1,value:null!==r&&void 0!==r?r:[],onChange:e=>(e=>{i(e)})(e)}))))}var C_=a(993),k_=a.n(C_);const O_=o.a` 22997 query getTiktokBrands($input: GetTiktokBrandFilter!) { 22998 getTiktokBrands(input: $input) { 22999 code 23000 data { 23001 brands { 23002 id 23003 name 23004 } 23005 nextPageToken 23006 totalCount 23007 } 23008 message 23009 } 23010 } 23011`,j_=o.a` 23012 mutation createFirstStoreTiktokCustomBrand($name: String!) { 23013 createFirstStoreTiktokCustomBrand(name: $name) { 23014 code 23015 data { 23016 id 23017 } 23018 message 23019 } 23020 } 23021`;var w_=e=>{let{label:t,defaultValue:a,onSelect:r}=e;const[i,o]=Object(l.useState)((null===a||void 0===a?void 0:a.title)||""),[s,c]=Object(l.useState)(a||null),[u,d]=Object(l.useState)([]),[m,p]=Object(l.useState)(!1),[g,A]=Object(l.useState)(null);Object(l.useEffect)(()=>{o((null===a||void 0===a?void 0:a.title)||""),c(a||null)},[a]);const{refetch:b,loading:h}=Object(De.d)(O_,{skip:!0}),[f]=Object(De.c)(j_),v=async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";p(!1);try{var t,a;const{data:l}=await b({input:{brandName:e,pageToken:""}}),n=(null===l||void 0===l||null===(t=l.getTiktokBrands)||void 0===t||null===(a=t.data)||void 0===a?void 0:a.brands)||[];0===n.length?p(!0):d(n.map(e=>({value:e.id,label:e.name})))}catch(l){console.log("Failed to fetch brands",l)}},E=Object(l.useCallback)(k_()(v,1e3),[]),y=Object(l.useCallback)(e=>{if(o(e),""===e.trim())return d([]),void p(!1);E(e)},[E]),C=Object(l.useCallback)(e=>{const t=u.find(t=>t.value===e[0]);if(t){const e={id:t.value,title:t.label};r(e),c(e),o("")}},[u,r]);Object(l.useEffect)(()=>{v("")},[]);const k=Object(l.useCallback)(()=>{c(null),r(null)},[r]);return n.a.createElement("div",null,n.a.createElement(D.c,{options:m?[{value:"create-new",label:n.a.createElement("div",{style:{display:"flex",alignItems:"center"}},n.a.createElement(D.w,{source:pl.a}),n.a.createElement("span",{style:{marginLeft:"0.5rem"}},'Create new brand: "',i,'"'))}]:u,selected:[],onSelect:e=>{"create-new"===e[0]?(async e=>{try{var t;const{data:a}=await f({variables:{name:e}}),l=null===a||void 0===a||null===(t=a.createFirstStoreTiktokCustomBrand)||void 0===t?void 0:t.data;if(null===l||void 0===l?void 0:l.id){const t={id:l.id,title:e};r(t),c(t),o(""),A(`Brand "${e}" created successfully!`)}}catch(a){console.log("Failed to create brand",a),A("Failed to create brand. Please try again.")}})(i):C(e)},textField:n.a.createElement(D.cb,{value:i,onChange:y,label:t||"Tiktok brand",clearButton:!0,onClearButtonClick:()=>{o(""),d([]),p(!1)},placeholder:"Type to search...",prefix:h?n.a.createElement(D.X,{size:"small"}):null}),loading:h}),s&&s.title?n.a.createElement(dm.a,null,n.a.createElement(D.ab,{onRemove:k},s.title)):null,g&&n.a.createElement(D.fb,{content:g,onDismiss:()=>A(null)}))};const S_=j.b.div` 23022 .box-flex { 23023 display: flex; 23024 flex-wrap: nowrap; 23025 gap: 20px; 23026 margin-bottom: 15px; 23027 } 23028 23029 .box-flex-20 { 23030 width: 20%; 23031 } 23032 23033 .external-message { 23034 margin-top: 15px; 23035 } 23036`,I_=o.a` 23037 query getCategoriesFromExcelTemplate($excelTemplateFileID: ID!) { 23038 getCategoriesFromExcelTemplate(excelTemplateFileID: $excelTemplateFileID) { 23039 label 23040 id 23041 } 23042 } 23043`;function B_(e){let{defaultValue:t,tiktokCategoryID:a,onChange:r,onError:i}=e;const[o,s]=Object(l.useState)(t&&!k.a.isEmpty(t)&&(null===t||void 0===t?void 0:t.id)?[t]:[]),{refetch:c}=Object(De.d)(I_,{skip:!0}),[u,d]=Object(l.useState)(!1),[m,p]=Object(l.useState)(null);Object(l.useEffect)(()=>{s(t&&!k.a.isEmpty(t)&&(null===t||void 0===t?void 0:t.id)?[t]:[])},[JSON.stringify(t)]);const g=Object(l.useCallback)(e=>{s(e)},[]);return Object(l.useEffect)(()=>{(async()=>{let e;if(o&&o[0]&&o[0].id&&a){d(!0);let l=!1;try{const{data:e}=await c({excelTemplateFileID:o[0].id});if(e.getCategoriesFromExcelTemplate)for(const t of e.getCategoriesFromExcelTemplate)if(t&&t.id&&t.id==a){l=!0;break}}catch(t){}l?p(null):(e="Could not found the selected Category in this Excel file",p(e)),d(!1)}else d(!1),p(null);r&&r(o,e)})()},[JSON.stringify(o)]),n.a.createElement(S_,null,n.a.createElement("div",{className:"box-flex"},n.a.createElement("div",{className:"box-flex-20"},n.a.createElement(al.a,{label:"Excel template"}),n.a.createElement(dl.a,{accept:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",singleUpload:!0,multiple:!1,value:null!==o&&void 0!==o?o:[],onChange:e=>g(e)}),n.a.createElement("div",{className:"external-message"},m&&m.length>0?n.a.createElement(D.x,{message:m}):null,u?n.a.createElement("p",null,n.a.createElement(D.X,{size:"small"})," Checking the Excel template..."):null))))}var D_=a(279),P_=a.n(D_),x_=a(286);function M_(e){let{onChange:t,value:a,label:r,allowMultiple:i}=e;const[o,s]=Object(l.useReducer)(c.Hb,{limit:20,offset:0,search:""}),{data:u,loading:d,error:m}=Object(De.d)(I.Gb,{variables:{filter:o}}),p=Object(l.useRef)(null),g=Object(l.useMemo)(()=>{const e=function(e){const t=Object(C.get)(e,"getTiktokImageTemplates.nodes")||[],a=[];for(let l of t)l&&l.id&&a.push({value:l.id,label:l.title||""});return a}(u);var t;e.length>
230430&&((null===(t=p.current)||void 0===t?void 0:t.handleFocus)&&p.current.handleFocus());return e},[JSON.stringify(u)]);return n.a.createElement("div",{style:{marginBottom:"1rem"}},n.a.createElement(x_.a,{label:r||"Image Templates",options:g,value:a,allowMultiple:i,error:m,loading:d,setFilter:s,onChange:t,ref:p}))}function T_(e,t,a){return n.a.createElement(M_,{label:"Extra image template "+t,value:e["item"+t],onChange:a("item"+t)})}const Q_=j.b.div` 23044 .item { 23045 display: flex; 23046 flex-direction: row; 23047 gap: 1.6rem; 23048 justify-content: space-between; 23049 23050 > * { 23051 width: calc(50% - 0.8rem); 23052 } 23053 } 23054`;var R_=Object(l.forwardRef)((function(e,t){let{value:a}=e;const[r,i]=Object(l.useReducer)(c.Hb,{item1:[],item2:[],item3:[],item4:[],item5:[]});Object(l.useEffect)(()=>{const e=function(e){if(Object(c.c)(e))return{};const t={};let a=1;for(let l=0;l<5;l++)e[l]&&(t["item"+a]=[e[l]],a++);return t}(a);0!==Object.keys(e).length&&i({...e})},[JSON.stringify(a)]);const o=Object(l.useCallback)(e=>t=>{i({[e]:t?[t]:[]})},[]);return Object(l.useImperativeHandle)(t,()=>({getIds:()=>function(e){const t=[];for(let a of Object.values(e))Object(c.c)(a)||t.push(...a);return t}(r)})),n.a.createElement(Q_,null,n.a.createElement(D.v,{element:"h3",children:"Extra Image template"}),n.a.createElement(D.Y,{vertical:!0},n.a.createElement("div",{className:"item"},T_(r,"1",o),T_(r,"2",o)),n.a.createElement("div",{className:"item"},T_(r,"3",o),T_(r,"4",o)),n.a.createElement(D.Y,{distribution:"fill"},T_(r,"5",o))))}));const F_=j.b.div``;var N_=Object(l.forwardRef)((function(e,t){let{value:a}=e;const[r,i]=Object(l.useReducer)(c.Hb,{value:[]});Object(l.useEffect)(()=>{a&&i({value:[a]})},[a]);const o=Object(l.useCallback)(e=>{i({value:e?[e]:[]})},[]);return Object(l.useImperativeHandle)(t,()=>({getId:()=>r.value})),n.a.createElement(F_,null,n.a.createElement(D.v,{element:"h3",children:"Size chart image template"}),n.a.createElement(M_,{label:"Size char image template",value:r.value,onChange:o}))}));const U_={CENTIMETER:"KILOGRAM",INCH:"POUND"},L_={KILOGRAM:"CENTIMETER",POUND:"INCH",GRAM:"CENTIMETER",OUNCE:"INCH"};function V_(e){let{state:t,key:a,value:l}=e;switch(a){case"packageDimensions":if(null===l||void 0===l?void 0:l.unit){const e=t.packageWeight;if(!e)break;if("INCH"===l.unit&&"OUNCE"===e.unit)break;if("CENTIMETER"===l.unit&&"GRAM"===e.unit)break;e.unit=U_[l.unit]||e.unit,t.packageWeight=e}break;case"packageWeight":if(null===l||void 0===l?void 0:l.unit){const e=t.packageDimensions;if(!e)break;e.unit=L_[l.unit]||e.unit,t.packageDimensions=e}}return t}const z_={MB_TT_PRODUCT_STORE_ID:{key:"MB_TT_PRODUCT_STORE_ID",value:"ID of item created by the Push"},MB_TT_ITEM_ID:{key:"MB_TT_ITEM_ID",value:'ID of Product Crawl Item if Push\'s Product source is "Using Tiktok crawl products", ID of MerchBridge product if Push\'s Product source is "Using MerchBridge products"'},MB_TT_ITEM_TITLE:{key:"MB_TT_ITEM_TITLE",value:'Title of Product Crawl Item if Push\'s Product source is "Using Tiktok crawl products", Title of MerchBridge product if Push\'s Product source is "Using MerchBridge products"'},MB_TT_PUSH_ID:{key:"MB_TT_PUSH_ID",value:"ID of the Push"},MB_TT_PUSH_TITLE:{key:"MB_TT_PUSH_TITLE",value:"Title of the Push"},MB_RANDOM_ID:{key:"MB_RANDOM_ID",value:"The string is randomly generated from characters or numbers"}};function q_(){return n.a.createElement("ul",{style:{paddingLeft:16,marginBottom:0}},Object.keys(z_).map(e=>{const t=z_[e];return n.a.createElement("li",{key:e},n.a.createElement("span",null,n.a.createElement("strong",null,t.key,": "),t.value))}))}const H_=n.a.lazy(()=>Promise.resolve().then(a.bind(null,168))),$_={platform:"tiktok"},__={storeIDs:[],stores:[],fileIDs:[],file:null};function G_(e){let{categoryID:t,item:a,index:l,setState:r,disabled:i}=e;const o=n.a.useCallback(e=>()=>{r(t=>({...t,data:J_(t.data,e)}))},[]),s=n.a.useCallback((e,t,a)=>{r(n=>(n.data[l]={...n.data[l],[e]:t},"fileIDs"===e&&(n.errors[l]=a,n.error=""),{...n,data:[...n.data]}))},[l]),c=n.a.useCallback(e=>{let t=e;t&&"string"===typeof t&&(t=[t]),s("storeIDs",t)},[s]),u=n.a.useCallback((e,t)=>{var a;e&&(null===e||void 0===e?void 0:e[0])&&(null===e||void 0===e||null===(a=e[0])||void 0===a?void 0:a.id)?s("fileIDs",[e[0].id],t):s("fileIDs",[],t)},[s]),d=i?{}:{action:{content:"Delete",onAction:o(l)}};return n.a.createElement("div",{className:"template-store-item"},n.a.createElement(D.z,Object.assign({label:"Store"},d)),n.a.createElement(wg.a,{fallback:null},n.a.createElement(H_,{labelHidden:!0,value:a.storeIDs,onChange:c,filter:$_,source:a.stores||[]})),n.a.createElement("div",{style:{marginTop:"5px"}},n.a.createElement(B_,{tiktokCategoryID:t||null,defaultValue:a.file||{},onChange:u})))}function K_(e){return[...e,{...__}]}function J_(e,t){return(e||[]).splice(t,1),e}const Y_=e=>Object.values(e).every(e=>!!e),W_=e=>{if(!e||!e.data||Object(c.c)(e.data))return null;const t=[];for(let a of e.data)a&&a.fileIDs&&a.storeIDs&&!Object(c.c)(a.fileIDs)&&!Object(c.c)(a.storeIDs)&&t.push({storeID:a.storeIDs[0],excelTemplateFileID:a.fileIDs[0]});return t},Z_=e=>{const t=Object(C.get)(e,"getTiktokProductTemplate.tiktokProductTemplateStores")||[],a=[];for(let l of t){if(!l)continue;const e={...__};l.storeID&&(e.storeIDs=[l.storeID],e.stores=[l.store]),l.excelTemplateFileID&&(e.fileIDs=[l.excelTemplateFileID],e.file=l.excelTemplateFile),a.push(e)}return a},X_=j.b.div` 23055 display: grid; 23056 grid-template-columns: repeat(3, 1fr); 23057 column-gap: 2rem; 23058 23059 .box-flex, 23060 .box-flex-20 { 23061 display: inline-block; 23062 width: 100%; 23063 } 23064 23065 .list-file_wrap, 23066 .file_wrap { 23067 height: 20rem; 23068 } 23069 23070 .file_wrap { 23071 width: 20rem; 23072 } 23073 23074 .file-item { 23075 justify-content: start; 23076 } 23077`;var eG=n.a.forwardRef((function(e,t){var a;let{categoryID:l,data:r,required:i}=e;const[o,s]=n.a.useReducer(c.Hb,{data:[__],errors:{},error:""});n.a.useEffect(()=>{const e=Z_(r);(null===e||void 0===e?void 0:e.length)>0&&s({data:e})},[JSON.stringify(r)]);const u=n.a.useCallback(()=>{s({data:K_(o.data)})},[o.data]),d=n.a.useCallback(()=>{s({error:""});if(Y_(o.errors))return;const e=W_(o);if(!i||!Object(c.c)(e))return e;s({error:"Please choose at least one store and excel template file"})},[o,i]);return n.a.useImperativeHandle(t,()=>({getInput:d})),n.a.createElement(D.i,{sectioned:!0,title:"Excel templates"},n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement(X_,{className:"store-wrap"},(null===(a=o.data)||void 0===a?void 0:a.length)>0?o.data.map((e,t)=>n.a.createElement(G_,{key:"item-store-"+t,index:t,item:e,setState:s,categoryID:l,disabled:0===t})):null),n.a.createElement("div",null,o.error?n.a.createElement(D.x,{message:o.error}):null,n.a.createElement(D.g,{icon:pl.a,onClick:u,children:"Add new"}))))}));const tG=a(5),aG=o.a` 23078 mutation createTiktokProductTemplate($input: CreateTiktokProductTemplateInput!) { 23079 createTiktokProductTemplate(input: $input) { 23080 id 23081 } 23082 } 23083`,lG=j.b.div` 23084 .short-desc { 23085 font-size: 13px; 23086 font-style: italic; 23087 } 23088 .btn-wrap { 23089 margin-top: 20px; 23090 display: flex; 23091 flex-direction: row-reverse; 23092 } 23093 23094 .product-attributes { 23095 margin-top: 20px; 23096 } 23097 23098 .field-error-message { 23099 color: red; 23100 font-size: 12px; 23101 } 23102`;function nG(){var e;const t=Object(O.g)(),[a,r]=Object(l.useState)({title:null,brand:null,brandDetail:{},categoryID:null,productDescription:null,staticAttributes:null,dynamicAttributes:null,variants:null,packageDimensions:null,packageWeight:null,extraImageFileIDs:null,sizeChartFileID:null,excelTemplateFileID:null}),[i,o]=Object(l.useState)({}),s=Object(l.useRef)(null),[u,d]=Object(l.useState)(!1),[m,p]=Object(l.useState)({loading:!1,response:null,error:null}),{currentUser:g}=Object(te.c)(),A=`/${Object(c.U)(g)}/tiktok-hub/product-templates`,{toggleToast:b,setNotify:h}=Object(Fa.b)(),f=Object(l.useCallback)((e,t)=>{r(a=>{if(e.includes(".")){const l=e.split("."),[n,r]=l;return{...a,[n]:{...a[n],[r]:t}}}return{...V_({state:a,key:e,value:t}),[e]:t}}),t&&o(t=>{const a={...t};return e in a&&delete a[e],a}),d(!0)},[]),v=(e,t)=>
23102{o(a=>({...a,[e]:t}))},E=(e,t)=>tG.has(e,t)&&null!=e[t]&&e[t].length>0,y=(e,t)=>{const a=Array.isArray(t)?t:t.split(".");let l=e;for(let n=0;n<a.length;n++){if(!l||!Object.prototype.hasOwnProperty.call(l,a[n]))return!1;l=l[a[n]]}return null!=l&&l.length>0},[C]=Object(De.c)(aG),k=n.a.useRef(null),j=n.a.useRef(null),w=n.a.useRef(null),S=Object(l.useMemo)(()=>({attributes:(null===a||void 0===a?void 0:a.dynamicAttributes)||null,variants:(null===a||void 0===a?void 0:a.variants)||null}),[a]),I=e=>{let t=null;return(null===i||void 0===i?void 0:i[e])&&(t=null===i||void 0===i?void 0:i[e]),t?n.a.createElement("div",{className:"Polaris-Labelled__Error"},n.a.createElement("div",{className:"Polaris-InlineError"},n.a.createElement("div",{className:"Polaris-InlineError__Icon"},n.a.createElement("span",{className:"Polaris-Icon"},n.a.createElement("svg",{viewBox:"0 0 20 20",className:"Polaris-Icon__Svg",focusable:"false","aria-hidden":"true"},n.a.createElement("path",{d:"M10 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm-1-8h2V6H9v4zm0 4h2v-2H9v2z",fillRule:"evenodd"})))),t)):null},B=Object(l.useMemo)(()=>({readonly:!1,placeholder:"Start typings...",minHeight:400,buttons:"bold,italic,underline,strikethrough,eraser,ul,ol,cut,copy,paste,selectall,copyformat,hr,table,link,indent,outdent,left"}),[]);return n.a.createElement(lG,null,n.a.createElement(D.H,{title:"New Tiktok Product Template",breadcrumbs:[{content:"All Tiktok Product Templates",url:A}]},n.a.createElement(n.a.Fragment,null,n.a.createElement(O.a,{when:u,message:"You have unsaved changes, are you sure you want to leave?"}),n.a.createElement(lG,null,n.a.createElement(D.s,{onSubmit:async()=>{let e=a,l=!1,n=void 0;if(w.current&&"function"===typeof w.current.getInput&&(n=w.current.getInput(),Object(c.c)(n)||(e.tiktokProductTemplateStores=n)),k.current){const t=k.current,a=(null===t||void 0===t?void 0:t.getIds)?t.getIds():[];(null===a||void 0===a?void 0:a.length)>0&&(e.extraImageTemplateIDs=a)}if(j.current){const t=j.current,a=(null===t||void 0===t?void 0:t.getId)?t.getId():null;(null===a||void 0===a?void 0:a.length)>0&&(e.sizeChartImageTemplateID=a[0])}if(E(e,"title")||(v("title","Please enter a template name"),l=!0),E(e,"categoryID")||(v("categoryID","Please choose a Tiktok category"),l=!0),y(e,"packageDimensions.unit")||(v("packageDimensions","Please enter a package dimensions unit"),l=!0),y(e,"packageDimensions.width")||(v("packageDimensions","Please enter a package dimensions width"),l=!0),y(e,"packageDimensions.height")||(v("packageDimensions","Please enter a package dimensions height"),l=!0),y(e,"packageDimensions.length")||(v("packageDimensions","Please enter a package dimensions length"),l=!0),y(e,"packageWeight.unit")||(v("packageWeight","Please enter a package weight unit"),l=!0),y(e,"packageWeight.value")||(v("packageWeight","Please enter a package weight value"),l=!0),y(e,"dynamicAttributes")||(v("dynamicAttributes","Please create product attributes"),l=!0),!l){b(!0);try{p(e=>({...e,loading:!0}));const a=await C({variables:{input:e}});a&&a.data&&a.data.createTiktokProductTemplate&&h({msg:"The new Tiktok product template has been added successfully",err:!1})}catch(r){h({msg:"Could not create new Tiktok product template",err:!1})}finally{d(!1),p(e=>({...e,loading:!1})),setTimeout((function(){t.push(A)}),3e3)}}}},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Template name",required:!0}),n.a.createElement(D.cb,{value:(null===a||void 0===a?void 0:a.title)||null,placeholder:"Enter template name",onChange:e=>f("title",e),error:(null===i||void 0===i?void 0:i.title)||null})),n.a.createElement("div",null,n.a.createElement(a_,{label:"Tiktok product category",defaultValue:(null===a||void 0===a?void 0:a.categoryID)?[null===a||void 0===a?void 0:a.categoryID]:[],onSelect:e=>f("categoryID",null===e||void 0===e?void 0:e[0])}),I("categoryID")),n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(w_,{label:"Tiktok brand",defaultValue:(null===a||void 0===a?void 0:a.brandDetail)||{},onSelect:e=>{f("brandDetail",e),f("brand",e.id)}}))),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Product description"}),n.a.createElement(P_.a,{ref:s,value:null!==(e=null===a||void 0===a?void 0:a.productDescription)&&void 0!==e?e:"",config:B,tabIndex:1,onBlur:e=>f("productDescription",e)}),n.a.createElement("div",{style:{marginTop:10}},n.a.createElement("div",{className:"Polaris-TextStyle--variationSubdued"},n.a.createElement(q_,null)))))),n.a.createElement("div",{className:"product-attributes"},n.a.createElement(p_,{initialData:S||null,onDataChange:e=>{f("dynamicAttributes",e.attributes),f("variants",e.variants)},error:(null===i||void 0===i?void 0:i.dynamicAttributes)||null})),(null===a||void 0===a?void 0:a.categoryID)?n.a.createElement(n.a.Fragment,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.v,{element:"h3"},"Product attributes (ID: ",null===a||void 0===a?void 0:a.categoryID,"):"),n.a.createElement(r_,{categoryID:null===a||void 0===a?void 0:a.categoryID,defaultValues:(null===a||void 0===a?void 0:a.staticAttributes)||null,onAttributeChange:e=>{const t=e.filter(e=>e.values.length>0||e.custom_values.length>0);f("staticAttributes",t)}}))):null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.v,null,"Package Dimensions"),n.a.createElement(A_,{defaultValues:(null===a||void 0===a?void 0:a.packageDimensions)||null,onChange:e=>f("packageDimensions",e)}),I("packageDimensions")),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.v,null,"Package weight"),n.a.createElement(h_,{defaultValues:(null===a||void 0===a?void 0:a.packageWeight)||null,onChange:e=>f("packageWeight",e)}),I("packageWeight")),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.v,null,"Extra Images"),n.a.createElement(v_,{defaultValues:[],onChange:e=>{if(e.length>0){let t=[];
23102e.forEach(e=>{e&&e.id&&t.push(e.id)}),t.length>0?f("extraImageFileIDs",t):f("extraImageFileIDs",null)}else f("extraImageFileIDs",null)}}),n.a.createElement(R_,{ref:k})),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.v,null,"Size chart"),n.a.createElement(y_,{defaultValue:{},onChange:e=>{var t;e&&(null===e||void 0===e?void 0:e[0])&&(null===e||void 0===e||null===(t=e[0])||void 0===t?void 0:t.id)?f("sizeChartFileID",e[0].id):f("sizeChartFileID",null)}}),n.a.createElement(N_,{ref:j})),(null===a||void 0===a?void 0:a.categoryID)?n.a.createElement(eG,{categoryID:null===a||void 0===a?void 0:a.categoryID,ref:w}):null,n.a.createElement("div",{className:"btn-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{onClick:()=>t.push(A)},"Cancel"),n.a.createElement(D.g,{submit:!0,primary:!0,loading:m.loading,disabled:!u||m.loading||!tG.isEmpty(i)},"Create new template"))))))))}function rG(){return n.a.createElement(ud.a,null,n.a.createElement(wg.a,{fallback:n.a.createElement(Je.SkeletonPagePolaris,null)},n.a.createElement(nG,null)))}const iG=a(5),oG=o.a` 23103 query getTiktokProductTemplate($ID: ID!) { 23104 getTiktokProductTemplate(ID: $ID) { 23105 title 23106 brand 23107 brandDetail 23108 categoryID 23109 productDescription 23110 staticAttributes 23111 dynamicAttributes 23112 variants 23113 packageDimensions { 23114 height 23115 length 23116 unit 23117 width 23118 } 23119 packageWeight { 23120 unit 23121 value 23122 } 23123 extraImageFileIDs 23124 extraImageFiles { 23125 id 23126 name 23127 url 23128 mimeType 23129 } 23130 sizeChartFileID 23131 sizeChartFile { 23132 id 23133 name 23134 url 23135 mimeType 23136 } 23137 excelTemplateFileID 23138 excelTemplateFile { 23139 id 23140 name 23141 url 23142 mimeType 23143 } 23144 extraImageTemplateIDs 23145 sizeChartImageTemplateID 23146 23147 tiktokProductTemplateStores { 23148 storeID 23149 store { 23150 id 23151 title 23152 platform 23153 } 23154 excelTemplateFileID 23155 excelTemplateFile { 23156 id 23157 name 23158 url 23159 thumbnailUrl 23160 } 23161 } 23162 createdByID 23163 } 23164 } 23165`,sG=o.a` 23166 mutation updateTiktokProductTemplate($input: EditTiktokProductTemplateInput!) { 23167 updateTiktokProductTemplate(input: $input) { 23168 id 23169 } 23170 } 23171`,cG=j.b.div` 23172 .short-desc { 23173 font-size: 13px; 23174 font-style: italic; 23175 } 23176 .btn-wrap { 23177 margin-top: 20px; 23178 display: flex; 23179 flex-direction: row-reverse; 23180 } 23181 23182 .product-attributes { 23183 margin-top: 20px; 23184 } 23185 23186 .field-error-message { 23187 color: red; 23188 font-size: 12px; 23189 } 23190`;function uG(e){var t;let{id:a}=e;const r=Object(O.g)(),[i,o]=Object(l.useState)({}),[s,u]=Object(l.useState)({}),d=Object(l.useRef)(null),[m,p]=Object(l.useState)({extraImageFiles:null,extraImageFileIDs:null}),[g,A]=Object(l.useState)(!1),[b,h]=Object(l.useState)({loading:!1,response:null,error:null}),{currentUser:f}=Object(te.c)(),v=`/${Object(c.U)(f)}/tiktok-hub/product-templates`,{toggleToast:E,setNotify:y}=Object(Fa.b)(),{loading:C,error:k,data:j}=Object(De.d)(oG,{variables:{ID:a},fetchPolicy:"network-only"});Object(l.useEffect)(()=>{if(j&&j.getTiktokProductTemplate){let e=j.getTiktokProductTemplate,t={ID:a,title:(null===e||void 0===e?void 0:e.title)||null,brand:(null===e||void 0===e?void 0:e.brand)||null,brandDetail:(null===e||void 0===e?void 0:e.brandDetail)||{},categoryID:(null===e||void 0===e?void 0:e.categoryID)||null,productDescription:(null===e||void 0===e?void 0:e.productDescription)||null,staticAttributes:(null===e||void 0===e?void 0:e.staticAttributes)||null,dynamicAttributes:(null===e||void 0===e?void 0:e.dynamicAttributes)||null,variants:(null===e||void 0===e?void 0:e.variants)||null,packageDimensions:(null===e||void 0===e?void 0:e.packageDimensions)||null,packageWeight:(null===e||void 0===e?void 0:e.packageWeight)||null,extraImageFileIDs:(null===e||void 0===e?void 0:e.extraImageFileIDs)||null,extraImageFiles:(null===e||void 0===e?void 0:e.extraImageFiles)||null,sizeChartFileID:(null===e||void 0===e?void 0:e.sizeChartFileID)||null,sizeChartFile:(null===e||void 0===e?void 0:e.sizeChartFile)||null,extraImageTemplateIDs:(null===e||void 0===e?void 0:e.extraImageTemplateIDs)||null,sizeChartImageTemplateID:(null===e||void 0===e?void 0:e.sizeChartImageTemplateID)||null,excelTemplateFileID:(null===e||void 0===e?void 0:e.excelTemplateFileID)||null,excelTemplateFile:(null===e||void 0===e?void 0:e.excelTemplateFile)||null};o(t),p({extraImageFileIDs:(null===e||void 0===e?void 0:e.extraImageFileIDs)||null,extraImageFiles:(null===e||void 0===e?void 0:e.extraImageFiles)||null})}},[C,k,j]);const w=(e,t)=>{o(a=>
23190{if(e.includes(".")){const l=e.split("."),[n,r]=l;return{...a,[n]:{...a[n],[r]:t}}}return{...V_({state:a,key:e,value:t}),[e]:t}}),t&&u(t=>{const a={...t};return e in a&&delete a[e],a}),A(!0)},S=(e,t)=>{u(a=>({...a,[e]:t}))},I=(e,t)=>iG.has(e,t)&&null!=e[t]&&e[t].length>0,B=(e,t)=>{const a=Array.isArray(t)?t:t.split(".");let l=e;for(let n=0;n<a.length;n++){if(!l||!Object.prototype.hasOwnProperty.call(l,a[n]))return!1;l=l[a[n]]}return null!=l&&l.length>0},[P]=Object(De.c)(sG),x=n.a.useRef(null),M=n.a.useRef(null),T=n.a.useRef(null),Q=e=>{let t=null;return(null===s||void 0===s?void 0:s[e])&&(t=null===s||void 0===s?void 0:s[e]),t?n.a.createElement("div",{className:"Polaris-Labelled__Error"},n.a.createElement("div",{className:"Polaris-InlineError"},n.a.createElement("div",{className:"Polaris-InlineError__Icon"},n.a.createElement("span",{className:"Polaris-Icon"},n.a.createElement("svg",{viewBox:"0 0 20 20",className:"Polaris-Icon__Svg",focusable:"false","aria-hidden":"true"},n.a.createElement("path",{d:"M10 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm-1-8h2V6H9v4zm0 4h2v-2H9v2z",fillRule:"evenodd"})))),t)):null},R=Object(l.useMemo)(()=>({attributes:(null===i||void 0===i?void 0:i.dynamicAttributes)||null,variants:(null===i||void 0===i?void 0:i.variants)||null}),[i]),F=C&&n.a.createElement(D.D,null),N=Object(l.useMemo)(()=>({readonly:!1,placeholder:"Start typings...",minHeight:400,buttons:"bold,italic,underline,strikethrough,eraser,ul,ol,cut,copy,paste,selectall,copyformat,hr,table,link,indent,outdent,left"}),[]),U=iG.get(j,"getTiktokProductTemplate.createdByID")===iG.get(f,"id")&&!!iG.get(f,"id");return n.a.createElement(cG,null,n.a.createElement(D.H,{title:"Edit Tiktok Product Template",breadcrumbs:[{content:"All Tiktok Product Templates",url:v}]},F,k?n.a.createElement("div",{className:"load-data-error"},Object(c.ib)(k.toString())):n.a.createElement(n.a.Fragment,null,n.a.createElement(O.a,{when:g,message:"You have unsaved changes, are you sure you want to leave?"}),n.a.createElement(cG,null,n.a.createElement(D.s,{onSubmit:async()=>{let e=i,t=!1;if(x.current){const t=x.current,a=(null===t||void 0===t?void 0:t.getIds)?t.getIds():[];(null===a||void 0===a?void 0:a.length)>0&&(e.extraImageTemplateIDs=a)}if(M.current){const t=M.current,a=(null===t||void 0===t?void 0:t.getId)?t.getId():null;(null===a||void 0===a?void 0:a.length)>0&&(e.sizeChartImageTemplateID=a[0])}let a=void 0;if(T.current&&"function"===typeof T.current.getInput&&(a=T.current.getInput(),Object(c.c)(a)||(e.tiktokProductTemplateStores=a)),I(e,"title")||(S("title","Please enter a template name"),t=!0),I(e,"categoryID")||(S("categoryID","Please choose a Tiktok category"),t=!0),B(e,"packageDimensions.unit")||(S("packageDimensions","Please enter a package dimensions unit"),t=!0),B(e,"packageDimensions.width")||(S("packageDimensions","Please enter a package dimensions width"),t=!0),B(e,"packageDimensions.height")||(S("packageDimensions","Please enter a package dimensions height"),t=!0),B(e,"packageDimensions.length")||(S("packageDimensions","Please enter a package dimensions length"),t=!0),B(e,"packageWeight.unit")||(S("packageWeight","Please enter a package weight unit"),t=!0),B(e,"packageWeight.value")||(S("packageWeight","Please enter a package weight value"),t=!0),B(e,"dynamicAttributes")||(S("dynamicAttributes","Please create product attributes"),t=!0),delete e.extraImageFiles,delete e.sizeChartFile,delete e.excelTemplateFile,!t){E(!0);try{h(e=>({...e,loading:!0}));const t=await P({variables:{input:e}});t&&t.data&&t.data.updateTiktokProductTemplate&&y({msg:"The template has been updated successfully",err:!1}),setTimeout((function(){r.push(v)}),3e3)}catch(l){y({msg:l?Object(c.ib)(l.toString()):"Could not update the template",err:!0})}finally{A(!1),h(e=>({...e,loading:!1}))}}}},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Template name",required:!0}),n.a.createElement(D.cb,{value:(null===i||void 0===i?void 0:i.title)||null,placeholder:"Enter template name",onChange:e=>w("title",e),error:(null===s||void 0===s?void 0:s.title)||null})),n.a.createElement("div",null,n.a.createElement(a_,{label:"Tiktok product category",defaultValue:(null===i||void 0===i?void 0:i.categoryID)?[null===i||void 0===i?void 0:i.categoryID]:[],onSelect:e=>w("categoryID",null===e||void 0===e?void 0:e[0])}),Q("categoryID")),n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(w_,{label:"Tiktok brand",defaultValue:(null===i||void 0===i?void 0:i.brandDetail)||{},onSelect:e=>{w("brandDetail",e),w("brand",e.id)}}))),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Product description"}),n.a.createElement(P_.a,{ref:d,value:null!==(t=null===i||void 0===i?void 0:i.productDescription)&&void 0!==t?t:"",config:N,tabIndex:1,onBlur:e=>w("productDescription",e)}),n.a.createElement("div",{style:{marginTop:10}},n.a.createElement("div",{className:"Polaris-TextStyle--variationSubdued"},n.a.createElement(q_,null)))))),n.a.createElement("div",{className:"product-attributes"},n.a.createElement(p_,{initialData:R||null,onDataChange:e=>{w("dynamicAttributes",e.attributes),w("variants",e.variants)},error:(null===s||void 0===s?void 0:s.dynamicAttributes)||null})),(null===i||void 0===i?void 0:i.categoryID)?n.a.createElement(n.a.Fragment,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.v,{element:"h3"},"Product attributes (ID: ",null===i||void 0===i?void 0:i.categoryID,"):"),n.a.createElement(r_,{categoryID:null===i||void 0===i?void 0:i.categoryID,defaultValues:(null===i||void 0===i?void 0:i.staticAttributes)||null,onAttributeChange:e=>{const t=e.filter(e=>e.values.length>0||e.custom_values.length>0);w("staticAttributes",t)}}))):null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.v,null,"Package Dimensions"),n.a.createElement(A_,{defaultValues:(null===i||void 0===i?void 0:i.packageDimensions)||null,onChange:e=>w("packageDimensions",e)}),Q("packageDimensions")),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.v,null,"Package weight"),n.a.createElement(h_,{defaultValues:(null===i||void 0===i?void 0:i.packageWeight)||null,onChange:e=>w("packageWeight",e)}),Q("packageWeight")),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.v,null,"Extra Images"),n.a.createElement(v_,{defaultValues:((e,t)=>{if(e&&e.length>0&&t&&t.length>0){return e.map(e=>t.find(t=>
23190t.id===e))}return[]})(null===m||void 0===m?void 0:m.extraImageFileIDs,null===m||void 0===m?void 0:m.extraImageFiles),onChange:e=>{if(e.length>0){let t=[];e.forEach(e=>{e&&e.id&&t.push(e.id)}),t.length>0?w("extraImageFileIDs",t):w("extraImageFileIDs",null)}else w("extraImageFileIDs",null)}}),n.a.createElement(R_,{value:null===i||void 0===i?void 0:i.extraImageTemplateIDs,ref:x})),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.v,null,"Size chart"),n.a.createElement(y_,{defaultValue:(null===i||void 0===i?void 0:i.sizeChartFile)||{},onChange:e=>{var t;e&&(null===e||void 0===e?void 0:e[0])&&(null===e||void 0===e||null===(t=e[0])||void 0===t?void 0:t.id)?w("sizeChartFileID",e[0].id):w("sizeChartFileID",null)}}),n.a.createElement(N_,{value:null===i||void 0===i?void 0:i.sizeChartImageTemplateID,ref:M})),(null===i||void 0===i?void 0:i.categoryID)?n.a.createElement(eG,{categoryID:null===i||void 0===i?void 0:i.categoryID,ref:T,data:j}):null,n.a.createElement("div",{className:"btn-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{onClick:()=>r.push(v)},"Cancel"),U?n.a.createElement(D.g,{submit:!0,primary:!0,loading:b.loading,disabled:!g||b.loading||k||!iG.isEmpty(s)},"Save changes"):null)))))))}function dG(){const{id:e}=Object(O.i)();return n.a.createElement(ud.a,null,n.a.createElement(wg.a,{fallback:n.a.createElement(Je.SkeletonPagePolaris,null)},n.a.createElement(uG,{id:e})))}const mG=a(5),pG=o.a` 23191 query getTiktokProductTemplate($ID: ID!) { 23192 getTiktokProductTemplate(ID: $ID) { 23193 title 23194 brand 23195 brandDetail 23196 categoryID 23197 productDescription 23198 staticAttributes 23199 dynamicAttributes 23200 variants 23201 packageDimensions { 23202 height 23203 length 23204 unit 23205 width 23206 } 23207 packageWeight { 23208 unit 23209 value 23210 } 23211 extraImageFileIDs 23212 extraImageFiles { 23213 id 23214 name 23215 url 23216 mimeType 23217 } 23218 sizeChartFileID 23219 sizeChartFile { 23220 id 23221 name 23222 url 23223 mimeType 23224 } 23225 excelTemplateFileID 23226 excelTemplateFile { 23227 id 23228 name 23229 url 23230 mimeType 23231 } 23232 23233 extraImageTemplateIDs 23234 sizeChartImageTemplateID 23235 } 23236 } 23237`,gG=o.a` 23238 mutation createTiktokProductTemplate( 23239 $input: CreateTiktokProductTemplateInput! 23240 ) { 23241 createTiktokProductTemplate(input: $input) { 23242 id 23243 } 23244 } 23245`;function AG(e){var t;let{id:a}=e;const r=Object(O.g)(),[i,o]=Object(l.useState)({}),[s,u]=Object(l.useState)({}),d=Object(l.useRef)(null),[m,p]=Object(l.useState)({extraImageFiles:null,extraImageFileIDs:null}),[g,A]=Object(l.useState)(!1),[b,h]=Object(l.useState)({loading:!1,response:null,error:null}),{currentUser:f}=Object(te.c)(),v=`/${Object(c.U)(f)}/tiktok-hub/product-templates`,{toggleToast:E,setNotify:y}=Object(Fa.b)(),{loading:C,error:k,data:j}=Object(De.d)(pG,{variables:{ID:a},fetchPolicy:"network-only"});Object(l.useEffect)(()=>{if(j&&j.getTiktokProductTemplate){let e=j.getTiktokProductTemplate,t={title:((null===e||void 0===e?void 0:e.title)||"")+" (Copy)",brand:(null===e||void 0===e?void 0:e.brand)||null,brandDetail:(null===e||void 0===e?void 0:e.brandDetail)||{},categoryID:(null===e||void 0===e?void 0:e.categoryID)||null,productDescription:(null===e||void 0===e?void 0:e.productDescription)||null,staticAttributes:(null===e||void 0===e?void 0:e.staticAttributes)||null,dynamicAttributes:(null===e||void 0===e?void 0:e.dynamicAttributes)||null,variants:(null===e||void 0===e?void 0:e.variants)||null,packageDimensions:(null===e||void 0===e?void 0:e.packageDimensions)||null,packageWeight:(null===e||void 0===e?void 0:e.packageWeight)||null,extraImageFileIDs:(null===e||void 0===e?void 0:e.extraImageFileIDs)||null,extraImageFiles:(null===e||void 0===e?void 0:e.extraImageFiles)||null,sizeChartFileID:(null===e||void 0===e?void 0:e.sizeChartFileID)||null,sizeChartFile:(null===e||void 0===e?void 0:e.sizeChartFile)||null,extraImageTemplateIDs:(null===e||void 0===e?void 0:e.extraImageTemplateIDs)||null,sizeChartImageTemplateID:(null===e||void 0===e?void 0:e.sizeChartImageTemplateID)||null,excelTemplateFileID:(null===e||void 0===e?void 0:e.excelTemplateFileID)||null,excelTemplateFile:(null===e||void 0===e?void 0:e.excelTemplateFile)||null};o(t),p({extraImageFileIDs:(null===e||void 0===e?void 0:e.extraImageFileIDs)||null,extraImageFiles:(null===e||void 0===e?void 0:e.extraImageFiles)||null})}},[C,k,j]);const w=(e,t)=>{o(a=>
23245{if(e.includes(".")){const l=e.split("."),[n,r]=l;return{...a,[n]:{...a[n],[r]:t}}}return{...V_({state:a,key:e,value:t}),[e]:t}}),t&&u(t=>{const a={...t};return e in a&&delete a[e],a}),A(!0)},S=(e,t)=>{u(a=>({...a,[e]:t}))},I=(e,t)=>mG.has(e,t)&&null!=e[t]&&e[t].length>0,B=(e,t)=>{const a=Array.isArray(t)?t:t.split(".");let l=e;for(let n=0;n<a.length;n++){if(!l||!Object.prototype.hasOwnProperty.call(l,a[n]))return!1;l=l[a[n]]}return null!=l&&l.length>0},[P]=Object(De.c)(gG),x=n.a.useRef(null),M=n.a.useRef(null),T=e=>{let t=null;return(null===s||void 0===s?void 0:s[e])&&(t=null===s||void 0===s?void 0:s[e]),t?n.a.createElement("div",{className:"Polaris-Labelled__Error"},n.a.createElement("div",{className:"Polaris-InlineError"},n.a.createElement("div",{className:"Polaris-InlineError__Icon"},n.a.createElement("span",{className:"Polaris-Icon"},n.a.createElement("svg",{viewBox:"0 0 20 20",className:"Polaris-Icon__Svg",focusable:"false","aria-hidden":"true"},n.a.createElement("path",{d:"M10 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm-1-8h2V6H9v4zm0 4h2v-2H9v2z",fillRule:"evenodd"})))),t)):null},Q=Object(l.useMemo)(()=>({attributes:(null===i||void 0===i?void 0:i.dynamicAttributes)||null,variants:(null===i||void 0===i?void 0:i.variants)||null}),[i]),R=C&&n.a.createElement(D.D,null),F=Object(l.useMemo)(()=>({readonly:!1,placeholder:"Start typings...",minHeight:400,buttons:"bold,italic,underline,strikethrough,eraser,ul,ol,cut,copy,paste,selectall,copyformat,hr,table,link,indent,outdent,left"}),[]);return n.a.createElement(bG,null,n.a.createElement(D.H,{title:"Edit Tiktok Product Template",breadcrumbs:[{content:"All Tiktok Product Templates",url:v}]},R,k?n.a.createElement("div",{className:"load-data-error"},Object(c.ib)(k.toString())):n.a.createElement(n.a.Fragment,null,n.a.createElement(O.a,{when:g,message:"You have unsaved changes, are you sure you want to leave?"}),n.a.createElement(bG,null,n.a.createElement(D.s,{onSubmit:async()=>{let e=i,t=!1;if(x.current){const t=x.current,a=(null===t||void 0===t?void 0:t.getIds)?t.getIds():[];(null===a||void 0===a?void 0:a.length)>0&&(e.extraImageTemplateIDs=a)}if(M.current){const t=M.current,a=(null===t||void 0===t?void 0:t.getId)?t.getId():null;(null===a||void 0===a?void 0:a.length)>0&&(e.sizeChartImageTemplateID=a[0])}if(I(e,"title")||(S("title","Please enter a template name"),t=!0),I(e,"categoryID")||(S("categoryID","Please choose a Tiktok category"),t=!0),B(e,"packageDimensions.unit")||(S("packageDimensions","Please enter a package dimensions unit"),t=!0),B(e,"packageDimensions.width")||(S("packageDimensions","Please enter a package dimensions width"),t=!0),B(e,"packageDimensions.height")||(S("packageDimensions","Please enter a package dimensions height"),t=!0),B(e,"packageDimensions.length")||(S("packageDimensions","Please enter a package dimensions length"),t=!0),B(e,"packageWeight.unit")||(S("packageWeight","Please enter a package weight unit"),t=!0),B(e,"packageWeight.value")||(S("packageWeight","Please enter a package weight value"),t=!0),B(e,"dynamicAttributes")||(S("dynamicAttributes","Please create product attributes"),t=!0),delete e.extraImageFiles,delete e.sizeChartFile,delete e.excelTemplateFile,!t){E(!0);try{h(e=>({...e,loading:!0}));const t=await P({variables:{input:e}});t&&t.data&&t.data.updateTiktokProductTemplate&&y({msg:"The template has been updated successfully",err:!1})}catch(a){y({msg:"Could not update the template",err:!1})}finally{A(!1),h(e=>({...e,loading:!1})),setTimeout((function(){r.push(v)}),3e3)}}}},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Template name",required:!0}),n.a.createElement(D.cb,{value:(null===i||void 0===i?void 0:i.title)||null,placeholder:"Enter template name",onChange:e=>w("title",e),error:(null===s||void 0===s?void 0:s.title)||null})),n.a.createElement("div",null,n.a.createElement(a_,{label:"Tiktok product category",defaultValue:(null===i||void 0===i?void 0:i.categoryID)?[null===i||void 0===i?void 0:i.categoryID]:[],onSelect:e=>w("categoryID",null===e||void 0===e?void 0:e[0])}),T("categoryID")),n.a.createElement("div",null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(D.X,{size:"small"})},n.a.createElement(w_,{label:"Tiktok brand",defaultValue:(null===i||void 0===i?void 0:i.brandDetail)||{},onSelect:e=>{w("brandDetail",e),w("brand",e.id)}}))),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Product description"}),n.a.createElement(P_.a,{ref:d,value:null!==(t=null===i||void 0===i?void 0:i.productDescription)&&void 0!==t?t:"",config:F,tabIndex:1,onBlur:e=>w("productDescription",e)})))),n.a.createElement("div",{className:"product-attributes"},n.a.createElement(p_,{initialData:Q||null,onDataChange:e=>{w("dynamicAttributes",e.attributes),w("variants",e.variants)},error:(null===s||void 0===s?void 0:s.dynamicAttributes)||null})),(null===i||void 0===i?void 0:i.categoryID)?n.a.createElement(n.a.Fragment,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.v,{element:"h3"},"Product attributes (ID: ",null===i||void 0===i?void 0:i.categoryID,"):"),n.a.createElement(r_,{categoryID:null===i||void 0===i?void 0:i.categoryID,defaultValues:(null===i||void 0===i?void 0:i.staticAttributes)||null,onAttributeChange:e=>{const t=e.filter(e=>e.values.length>0||e.custom_values.length>0);w("staticAttributes",t)}}))):null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.v,null,"Package Dimensions"),n.a.createElement(A_,{defaultValues:(null===i||void 0===i?void 0:i.packageDimensions)||null,onChange:e=>w("packageDimensions",e)}),T("packageDimensions")),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.v,null,"Package weight"),n.a.createElement(h_,{defaultValues:(null===i||void 0===i?void 0:i.packageWeight)||null,onChange:e=>w("packageWeight",e)}),T("packageWeight")),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.v,null,"Extra Images"),n.a.createElement(v_,{defaultValues:((e,t)=>{if(e&&e.length>0&&t&&t.length>0){return e.map(e=>t.find(t=>
23245t.id===e))}return[]})(null===m||void 0===m?void 0:m.extraImageFileIDs,null===m||void 0===m?void 0:m.extraImageFiles),onChange:e=>{if(e.length>0){let t=[];e.forEach(e=>{e&&e.id&&t.push(e.id)}),t.length>0?w("extraImageFileIDs",t):w("extraImageFileIDs",null)}else w("extraImageFileIDs",null)}}),n.a.createElement(R_,{value:null===i||void 0===i?void 0:i.extraImageTemplateIDs,ref:x})),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.v,null,"Size chart"),n.a.createElement(y_,{defaultValue:(null===i||void 0===i?void 0:i.sizeChartFile)||{},onChange:e=>{var t;e&&(null===e||void 0===e?void 0:e[0])&&(null===e||void 0===e||null===(t=e[0])||void 0===t?void 0:t.id)?w("sizeChartFileID",e[0].id):w("sizeChartFileID",null)}}),n.a.createElement(N_,{value:null===i||void 0===i?void 0:i.sizeChartImageTemplateID,ref:M})),(null===i||void 0===i?void 0:i.categoryID)?n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.v,null,"Excel template"),n.a.createElement(B_,{tiktokCategoryID:(null===i||void 0===i?void 0:i.categoryID)||null,defaultValue:(null===i||void 0===i?void 0:i.excelTemplateFile)||{},onChange:(e,t)=>
23245{var a,l;e&&(null===e||void 0===e?void 0:e[0])&&(null===e||void 0===e||null===(a=e[0])||void 0===a?void 0:a.id)?w("excelTemplateFileID",e[0].id):w("excelTemplateFileID",null),t?S("excelTemplateFileID",t):(l="excelTemplateFileID",u(e=>{const t={...e};return l in t&&delete t[l],t}))}})):null,n.a.createElement("div",{className:"btn-wrap"},n.a.createElement(D.h,null,n.a.createElement(D.g,{onClick:()=>r.push(v)},"Cancel"),n.a.createElement(D.g,{submit:!0,primary:!0,loading:b.loading,disabled:!g||b.loading||k||!mG.isEmpty(s)},"Save changes"))))))))}const bG=j.b.div` 23246 .short-desc { 23247 font-size: 13px; 23248 font-style: italic; 23249 } 23250 .btn-wrap { 23251 margin-top: 20px; 23252 display: flex; 23253 flex-direction: row-reverse; 23254 } 23255 23256 .product-attributes { 23257 margin-top: 20px; 23258 } 23259 23260 .field-error-message { 23261 color: red; 23262 font-size: 12px; 23263 } 23264`;function hG(){const{id:e}=Object(O.i)();return n.a.createElement(ud.a,null,n.a.createElement(wg.a,{fallback:n.a.createElement(Je.SkeletonPagePolaris,null)},n.a.createElement(AG,{id:e})))}const fG=n.a.lazy(()=>a.e(38).then(a.bind(null,1822)));const vG=o.a` 23265 fragment AmazonIdeaFragment on AmazonIdea { 23266 id 23267 createdAt 23268 title 23269 type 23270 kpi 23271 keyword 23272 keyword2 23273 keyword3 23274 keyword4 23275 keyword5 23276 description 23277 isPersonalized 23278 denyReason 23279 author { 23280 id 23281 firstName 23282 lastName 23283 } 23284 23285 picker { 23286 id 23287 firstName 23288 lastName 23289 } 23290 23291 fields { 23292 type 23293 label 23294 ordering 23295 placeholder 23296 instructions 23297 sampleText 23298 min 23299 max 23300 optionsList { 23301 name 23302 priceDifference 23303 } 23304 } 23305 status 23306 asin 23307 storeTypes { 23308 id 23309 label 23310 } 23311 productLink 23312 rejectReason 23313 mockups { 23314 id 23315 name 23316 key 23317 size 23318 mimeType 23319 url 23320 thumbnailUrl 23321 } 23322 bulletPoint 23323 stores { 23324 id 23325 title 23326 } 23327 hexColor 23328 products { 23329 id 23330 asin 23331 productLink 23332 status 23333 23334 store { 23335 id 23336 title 23337 } 23338 } 23339 23340 23341 totalStore 23342 } 23343`,EG=o.a` 23344 fragment AmazonIdeaTemplateFragment on AmazonIdeaTemplate { 23345 id 23346 createdAt 23347 title 23348 author { 23349 id 23350 firstName 23351 lastName 23352 } 23353 23354 fields { 23355 type 23356 label 23357 ordering 23358 placeholder 23359 instructions 23360 sampleText 23361 min 23362 max 23363 optionsList { 23364 name 23365 priceDifference 23366 } 23367 } 23368 } 23369`,yG=o.a` 23370 fragment AmazonIdeaTimelineFragment on AmazonIdeaTimeline { 23371 id 23372 createdAt 23373 content 23374 } 23375`,CG=o.a` 23376 query getAmazonIdeas($filter: AmazonIdeaFilter!) { 23377 getAmazonIdeas(filter: $filter) { 23378 total 23379 aggregations 23380 nodes { 23381 ...AmazonIdeaFragment 23382 } 23383 } 23384 } 23385 ${vG} 23386`,kG=o.a` 23387 query getAmazonIdea($id: ID!) { 23388 getAmazonIdea(id: $id) { 23389 ...AmazonIdeaFragment 23390 } 23391 } 23392 ${vG} 23393`,OG=o.a` 23394 query getAmazonIdeaTemplates($filter: AmazonIdeaTemplateFilter!) { 23395 getAmazonIdeaTemplates(filter: $filter) { 23396 total 23397 nodes { 23398 ...AmazonIdeaTemplateFragment 23399 } 23400 } 23401 } 23402 ${EG} 23403`,jG=o.a` 23404 query getAmazonIdeaTemplate($id: ID!) { 23405 getAmazonIdeaTemplate(id: $id) { 23406 ...AmazonIdeaTemplateFragment 23407 } 23408 } 23409 ${EG} 23410`,wG=o.a` 23411 query getAmazonIdeaType($filter: AmazonIdeaTypeFilter!) { 23412 getAmazonIdeaType(filter: $filter) 23413 } 23414`,SG=o.a` 23415 query getAmazonIdeaTimelines($filter: AmazonIdeaTimelineFilter!) { 23416 getAmazonIdeaTimelines(filter: $filter) { 23417 total 23418 nodes { 23419 ...AmazonIdeaTimelineFragment 23420 } 23421 } 23422 } 23423 ${yG} 23424`;var IG=a(401),BG=a(417);const DG=Object(l.createContext)(null);function PG(e){let{children:t,...a}=e;const l=n.a.useMemo(()=>({...a}),[...Object.values(a)]);return n.a.createElement(DG.Provider,{value:l},t)}function xG(){return n.a.useContext(DG)}const MG=[{value:"All",label:"All"},{value:"Yes",label:"Yes"},{value:"No",label:"No"}];function TG(){const[e,t]=n.a.useReducer(c.Hb,{search:"",authorValue:[],authorLabel:"",authorSearch:"",pickerValue:[],pickerLabel:"",pickerSearch:"",typeValue:[],typeLabel:[],typeSearch:"",personalizedValue:"",personalizedLabel:"",rangeValue:null,rangeLabel:null,storeValue:[],storeLabel:[],storeSearch:""}),{store:a}=Object(te.c)(),{filter:r,setFilter:i}=xG(),{options:o,loading:s,error:u}=Object(IG.a)({value:[],roles:[oe.gb.ChannelIdea,oe.gb.ChannelSeller,oe.gb.ChannelLeader]}),{options:d,loading:m,error:p}=Object(IG.a)({value:[],roles:[oe.gb.ChannelSupporter]}),{data:g,loading:A,error:b}=Object(De.d)(wG,{variables:{filter:{limit:20,offset:0,search:e.typeSearch}}}),{data:h,loading:f,error:v}=Object(De.d)(I.mb,{variables:{filter:{limit:20,offset:0,search:e.storeSearch,platform:oe.M.Amazon}}}),[E]=Object(mm.a)(),y=(null===a||void 0===a?void 0:a.id)&&"all"!==a.id;Object(l.useEffect)(()=>{i&&E(()=>{var t,a,l,n;i({search:e.search?e.search.trim():e.search,authorIDs:(null===(t=e.authorValue)||void 0===t?void 0:t.length)>0?e.authorValue:null,pickerIDs:(null===(a=e.pickerValue)||void 0===a?void 0:a.length)>0?e.pickerValue:null,types:(null===(l=e.typeValue)||void 0===l?void 0:l.length)>0?e.typeValue:null,...y?{}:{storeIDs:(null===(n=e.storeValue)||void 0===n?void 0:n.length)>0?e.storeValue:null},range:"All"===e.rangeValue?null:e.rangeValue,isPersonalized:"Yes"===e.personalizedValue||"No"!==e.personalizedValue&&null})})},[e.search,e.authorValue,e.pickerValue,e.typeValue,e.storeValue,e.personalizedValue,e.rangeValue,y]);const[k]=Object(mm.a)(),O=n.a.useCallback(e=>{t({search:e}),k(()=>{i({search:e})})},[]),j=n.a.useCallback(()=>{t({search:""}),k(()=>{i({search:""})})},[]),w=Object(l.useCallback)(e=>a=>{let{value:l,label:n}=a;t({[e+"Value"]:l,[e+"Label"]:n})},[]),S=Object(l.useCallback)(e=>a=>{t({[e+"Search"]:a})},[]),B=Object(l.useMemo)(()=>Object(BG.a)(o,e.authorSearch),[e.authorSearch,o]),P=Object(l.useMemo)(()=>Object(BG.a)(d,e.pickerSearch),[e.pickerSearch,d]),x=Object(l.useMemo)(()=>function(e){const t=Object(C.get)(e,"getAmazonIdeaType")||[];return Object(c.c)(t)?[]:Array.from(new Set([...t])).map(e=>({value:e,label:e}))}(g),[e.typeSearch,g]),M=Object(l.useMemo)(()=>function(e){const t=Object(C.get)(e,"stores.nodes")||[];if(Object(c.c)(t))return[];const a=[];for(let l of t)l&&l.id&&a.push({value:l.id,label:l.title});return a}(h,e.storeSearch),[e.storeSearch,h]),T=Object(l.useCallback)((e,a)=>()=>t({[e+"Value"]:a?null:[],[e+"Label"]:a?null:[]}),[]),Q=n.a.useCallback(()=>{j();for(let e of["author","picker","type","storeType","personalized","range"]){let t="range".includes(e);T(e,t)()}},[j,T]),R=[{key:"author",label:"Author",filter:n.a.createElement(Ji.a,{value:{value:e.authorValue},options:B,loading:s,error:u,onChange:w("author"),onChangeSearch:S("author")})},{key:"picker",label:"Picker",filter:n.a.createElement(Ji.a,{value:{value:e.pickerValue},options:P,loading:m,error:p,onChange:w("picker"),onChangeSearch:S("picker")})},{key:"type",label:"Type",filter:n.a.createElement(Ji.a,{value:{value:e.typeValue},options:x,loading:A,error:b,onChange:w("type"),onChangeSearch:S("type")})},(null===a||void 0===a?void 0:a.id)&&"all"!==a.id?null:{key:"store",label:"Store",filter:n.a.createElement(Ji.a,{value:{value:e.storeValue}
23424,options:M,loading:f,error:v,onChange:w("store"),onChangeSearch:S("store")})},{key:"personalized",label:"Personalized",filter:n.a.createElement(Mi.a,{value:e.personalizedValue,options:MG,onChange:w("personalized")})},{key:"created-time",label:"Created Time",filter:n.a.createElement(yv.a,{filterTime:{range:e.rangeValue,rangeLabel:e.rangeLabel},onChangeRange:(e,t)=>{w("range")({value:e,label:t})}})}].filter(Boolean),F=[];if(!Object(C.isEmpty)(e.storeLabel)){const t="store";F.push({key:t,label:QG(t,e.storeLabel),onRemove:T("store")})}if(e.storeTypeLabel&&!Object(c.c)(e.storeTypeLabel)){const t="storeType";F.push({key:t,label:QG(t,e.storeTypeLabel.join(", ")),onRemove:T("storeType")})}if(e.authorLabel&&!Object(c.c)(e.authorLabel)){const t="author";F.push({key:t,label:QG(t,e.authorLabel.join(", ")),onRemove:T("author")})}if(!Object(C.isEmpty)(e.pickerLabel)){const t="picker";F.push({key:t,label:QG(t,e.pickerLabel),onRemove:T("picker")})}if(!Object(C.isEmpty)(e.personalizedLabel)){const t="personalized";F.push({key:t,label:QG(t,e.personalizedLabel),onRemove:T("personalized",!0)})}if(!Object(C.isEmpty)(e.rangeLabel)){const t="created-time";F.push({key:t,label:QG(t,e.rangeLabel),onRemove:T("range",!0)})}return n.a.createElement(D.r,{filters:R,appliedFilters:F,queryPlaceholder:"Search Amazon Idea",queryValue:e.search,onClearAll:Q,onQueryChange:O,onQueryClear:j})}function QG(e,t){switch(e){case"picker":return"Picker: "+t;case"storeType":return"Store Type: "+t;case"type":return"Type: "+t;case"author":return"Author: "+t;case"store":return"Store: "+t;case"personalized":return"Personalized: "+t;case"created-time":return"Created time: "+t;default:return t}}const RG=o.a` 23425 mutation createAmazonIdea($input: CreateAmazonIdeaInput!) { 23426 createAmazonIdea(input: $input) { 23427 id 23428 } 23429 } 23430`,FG=o.a` 23431 mutation updateAmazonIdea($input: UpdateAmazonIdeaInput!) { 23432 updateAmazonIdea(input: $input) { 23433 id 23434 } 23435 } 23436`,NG=o.a` 23437 mutation deleteAmazonIdea($ids: [ID!]!) { 23438 deleteAmazonIdea(ids: $ids) 23439 } 23440`,UG=(o.a` 23441 mutation duplicationAmazonIdea($input: DuplicationAmazonIdeaInput!) { 23442 duplicationAmazonIdea(input: $input) { 23443 id 23444 } 23445 } 23446`,o.a` 23447 mutation divisionAmazonIdea($totalKpi: Int!, $supporterIDs: [ID!]!) { 23448 divisionAmazonIdea(totalKpi: $totalKpi, supporterIDs: $supporterIDs) 23449 } 23450`),LG=o.a` 23451 mutation assignAmazonIdea( 23452 $ids: [ID!]! 23453 $supporterID: ID 23454 $storeIDs: [ID!] 23455 ) { 23456 assignAmazonIdea( 23457 ids: $ids 23458 supporterID: $supporterID 23459 storeIDs: $storeIDs 23460 ) 23461 } 23462`,VG=o.a` 23463 mutation pickAmazonIdea($ids: [ID!]!) { 23464 pickAmazonIdea(ids: $ids) 23465 } 23466`,zG=(o.a` 23467 mutation markAmazonIdeaDone( 23468 $ids: [ID!]! 23469 $asin: String 23470 $productLink: String 23471 $storeIDs: [ID!] 23472 ) { 23473 markAmazonIdeaDone( 23474 ids: $ids 23475 asin: $asin 23476 productLink: $productLink 23477 storeIDs: $storeIDs 23478 ) 23479 } 23480`,o.a` 23481 mutation markAmazonIdeaDoneV2($input: [UpdateAmazonIdeaProductInput!]!) { 23482 markAmazonIdeaDoneV2(input: $input) 23483 } 23484`),qG=o.a` 23485 mutation updateAmazonIdeaProduct($input: [UpdateAmazonIdeaProductInput!]!) { 23486 updateAmazonIdeaProduct(input: $input) 23487 } 23488`,HG=o.a` 23489 mutation updateAmazonIdeaProductStatus( 23490 $ids: [ID!]! 23491 $status: AmazonIdeaProductStatus! 23492 ) { 23493 updateAmazonIdeaProductStatus(ids: $ids, status: $status) 23494 } 23495`,$G=o.a` 23496 mutation markAmazonIdeaBadge($ids: [ID!]!, $hexColor: String!) { 23497 markAmazonIdeaBadge(ids: $ids, hexColor: $hexColor) 23498 } 23499`,_G=o.a` 23500 mutation acceptAmazonIdea($ids: [ID!]!) { 23501 acceptAmazonIdea(ids: $ids) 23502 } 23503`,GG=(o.a` 23504 mutation markAmazonIdeaNeedReview( 23505 $id: ID! 23506 $asin: String 23507 $productLink: String 23508 ) { 23509 markAmazonIdeaNeedReview( 23510 id: $id 23511 asin: $asin 23512 productLink: $productLink 23513 ) 23514 } 23515`,o.a` 23516 mutation denyAmazonIdea($ids: [ID!]!, $reason: String!) { 23517 denyAmazonIdea(ids: $ids, reason: $reason) 23518 } 23519`),KG=o.a` 23520 mutation startAmazonIdea($ids: [ID!]!, $storeIDs: [ID!]) { 23521 startAmazonIdea(ids: $ids, storeIDs: $storeIDs) 23522 } 23523`,JG=o.a` 23524 mutation markAmazonIdeaStatusDone($ids: [ID!]!) { 23525 markAmazonIdeaStatusDone(ids: $ids) 23526 } 23527`,YG=o.a` 23528 mutation rejectAmazonIdeas($ids: [ID!]!, $reason: String!) { 23529 rejectAmazonIdeas(ids: $ids, reason: $reason) 23530 } 23531`,WG=o.a` 23532 mutation updateKPIForAmazonIdea($ids: [ID!]!, $kpi: Float!) { 23533 updateKPIForAmazonIdea(ids: $ids, kpi: $kpi) 23534 } 23535`,ZG=o.a` 23536 mutation createAmazonIdeaTemplate($input: CreateAmazonIdeaTemplateInput!) { 23537 createAmazonIdeaTemplate(input: $input) { 23538 id 23539 } 23540 } 23541`,XG=o.a` 23542 mutation updateAmazonIdeaTemplate($input: UpdateAmazonIdeaTemplateInput!) { 23543 updateAmazonIdeaTemplate(input: $input) { 23544 id 23545 } 23546 } 23547`,eK=o.a` 23548 mutation deleteAmazonIdeaTemplate($ids: [ID!]!) { 23549 deleteAmazonIdeaTemplate(ids: $ids) 23550 } 23551`,tK=o.a` 23552 mutation duplicationAmazonIdeas($input: [DuplicationAmazonIdeaInput!]!) { 23553 duplicationAmazonIdeas(input: $input) 23554 } 23555`,aK=o.a` 23556 mutation updateAmazonIdeasStore($input: [UpdateAmazonIdeaStoreInput!]!) { 23557 updateAmazonIdeasStore(input: $input) 23558 } 23559`;function lK(e){let{ids:t,node:a,handleCompleted:r}=e;const[i,o]=n.a.useReducer(c.Hb,{color:(null===a||void 0===a?void 0:a.hexColor)?a.hexColor:"#f5f5f5",show:!!r||!!(null===a||void 0===a?void 0:a.hexColor)});n.a.useEffect(()=>{(null===a||void 0===a?void 0:a.hexColor)&&o({color:a.hexColor})},[null===a||void 0===a?void 0:a.hexColor]);const{setNotify:s,toggleToast:u}=Object(Fa.b)(),[d]=Object(De.c)($G,{onCompleted:()=>{s({msg:"Update Amazon Idea Badge success",err:!1}),r&&r()},onError:e=>{s({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),[m]=Object(mm.a)(),p=Object(l.useCallback)(e=>{e.target,o({color:e.target.value});const a=e.target;Object(c.c)(t)||m(()=>{s&&s({msg:null,err:!1}),u&&u(!0),d({variables:{ids:t,hexColor:a.value}})})},[d,s,u,t]),g=Object(l.useRef)(null);return n.a.createElement(nK,{title:"Mark Badge"},i.show?n.a.createElement("input",{ref:g,type:"color",value:i.color,onChange:p}):n.a.createElement(D.g,{plain:!0,size:"slim",icon:Fx.a,onClick:()=>{o({show:!0})}}))}const nK=j.b.div` 23560 input[type="color"] { 23561 -webkit-appearance: none; 23562 border: none; 23563 width: 70px; 23564 height: 24px; 23565 display: inline-flex; 23566 align-items: center; 23567 padding: 0; 23568 border: 0.2rem solid var(--p-surface, white); 23569 border-radius: 2rem; 23570 cursor: pointer; 23571 } 23572 23573 input[type="color"]::-webkit-color-swatch-wrapper { 23574 padding: 0; 23575 } 23576 input[type="color"]::-webkit-color-swatch { 23577 border: none; 23578 } 23579`;var rK=a(1483);const iK=oe.g,oK=oe.f;function sK(e){let{status:t,setState:a,ids:r}=e;const[i,o]=Object(l.useReducer)(c.Hb,{active:!1,open:!1,status:t}),{setNotify:s,toggleToast:u}=Object(Fa.b)(),d=Object(l.useCallback)(e=>()=>{o({active:e})},[]),m=Object(l.useCallback)(e=>()=>{o({open:e})},[]),[p,{loading:g}]=Object(De.c)(HG,{onCompleted:()=>{s({msg:"Update Product Status success",err:!1}),m(!1)(),d(!1)(),a({status:i.status})},onError:e=>{s({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0}),m(!1)()}}),A=Object(l.useCallback)(e=>()=>{o({status:e,open:!0})}
23579,[o]),b=n.a.createElement(D.g,{plain:!0,size:"slim",icon:rK.a,onClick:d(!0)}),h=Object(l.useCallback)(()=>{Object(c.c)(r)||(u&&u(!0),s&&s({msg:null,err:!1}),p({variables:{ids:r,status:i.status}}))},[p,r,i.status]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.K,{activator:b,active:i.active,onClose:d(!1),fluidContent:!0,preferredAlignment:"left"},n.a.createElement(D.a,{items:[{content:iK[oK.Active],onAction:A(oK.Active)},{content:iK[oK.Inactive],onAction:A(oK.Inactive)},{content:iK[oK.OutOfStock],onAction:A(oK.OutOfStock)},{content:iK[oK.Closed],onAction:A(oK.Closed)}]})),n.a.createElement(D.E,{open:i.open,onClose:m(!1),title:"Update status",sectioned:!0,primaryAction:{content:"Submit",onAction:h,loading:g},secondaryActions:[{content:"Cancel",onAction:m(!1)}]},n.a.createElement("p",null,"Are you sure to update product status to"," ",iK[i.status]||"")))}function cK(e,t){const a=Object(C.get)(e,"teamUsersByRole")||[],l=new Map;t&&l.set("",{value:"",label:"Choose Supporter"});for(let n of a){if(!n||!n.id)continue;const e=[n.firstName,n.lastName].filter(Boolean).join(" ");l.set(n.id,{value:n.id,label:e})}return Array.from(l.values())}var uK=Object(l.forwardRef)((function(e,t){let{allowMultiple:a}=e;const[r,i]=Object(l.useState)(a?[]:""),[o,s]=Object(l.useState)(null),{data:u}=Object(De.d)(I.Tc,{variables:{role:oe.gb.ChannelSupporter}}),d=Object(l.useCallback)(()=>{if(r){if(!a||!Object(c.c)(r))return r;s("Supporter is required")}else s("Supporter is required")},[r]),m=Object(l.useCallback)(e=>{i(e),s(e?null:"Supporter is required")},[]);return Object(l.useImperativeHandle)(t,()=>({getSupporter:d})),n.a.createElement(n.a.Fragment,null,n.a.createElement(al.a,{label:"Channel Supporter",required:!0}),a?n.a.createElement(D.Y,{vertical:!0,spacing:"extraTight"},n.a.createElement(x_.a,{options:cK(u)||[],onChange:m,allowMultiple:!0}),n.a.createElement(D.x,{message:null===o||void 0===o?void 0:o.toString()})):n.a.createElement(D.Q,{options:cK(u,!0),value:r,onChange:m,error:o}))}));function dK(e,t){let a=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];const l=Object(C.get)(e,a?"author.id":"picker.id"),n=Object(C.get)(t,"id");return l===n}const mK={Data:"Data","Option Dropdown":"Option Dropdown",Image:"Image"};function pK(e){return[mK.Data].includes(e)}const gK={[oe.h["Partially Completed"]]:"info",[oe.h.Doing]:"success",[oe.h.Denied]:"critical",[oe.h.Done]:"success",[oe.h.Rejected]:"critical",[oe.h["Need Review"]]:"attention"};function AK(e){if(Object(c.c)(e))return e;const t=[];for(let a=0;a<e.length;a++){const l=e[a];l&&(null==l.ordering&&(l.ordering=a),t.push(l))}return t}function bK(e,t){const a=Object(C.get)(e,"status");return(t||[]).includes(a)}function hK(e){return Object(c.c)(e)?[]:Array.from(new Set(e.map(e=>null===e||void 0===e?void 0:e.id).filter(Boolean)))}function fK(e){let{open:t,onClose:a,ids:r,onCompleted:i,node:o}=e;const{setNotify:s,toggleToast:u}=Object(Fa.b)(),{refetch:d}=xG(),[m,p]=Object(l.useReducer)(c.Hb,{selected:["supporter"],storeIDs:[]}),[g]=Object(mm.a)(),[A,{loading:b}]=Object(De.c)(LG,{onCompleted:()=>{s({msg:"Asssign amazon idea successfully",err:!1}),a(),i&&i(),g(()=>{d&&d()},1500)},onError:e=>{s({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),h=Object(l.useRef)(null),f=Object(l.useCallback)(()=>{if(Object(c.c)(r))return;u&&u(!0),s&&s({msg:null,err:!1});const e={ids:r};var t;if(vK(m.selected,"supporter")){if(null===(t=h.current)||void 0===t?void 0:t.getSupporter){const t=h.current.getSupporter();if(!t)return;e.supporterID=t}}else if(vK(m.selected,"store")){if(Object(c.c)(m.storeIDs))return;e.storeIDs=m.storeIDs}A({variables:e})},[r,m.selected,m.storeIDs]),v=Object(l.useCallback)(e=>{p({selected:e})},[]),E=Object(l.useCallback)(e=>{p({storeIDs:e})},[]);return Object(l.useEffect)(()=>{const e=hK(null===o||void 0===o?void 0:o.stores);e.length>0&&p({storeIDs:e,selected:["store"]})},[JSON.stringify(null===o||void 0===o?void 0:o.stores)]),n.a.createElement(D.E,{open:t,onClose:a,sectioned:!0,title:"Assign Amazon Idea",primaryAction:{content:"Submit",onAction:f,loading:b},secondaryActions:[{content:"Cancel",onAction:a}]},t?n.a.createElement(D.Y,{vertical:!0}
23579,n.a.createElement(D.k,{title:"Choose Type",selected:m.selected,onChange:v,choices:[{value:"supporter",label:"Supporter"},{value:"store",label:"Store"}]}),vK(m.selected,"store")?n.a.createElement(Yq.default,{value:m.storeIDs,filter:{platform:"amazon",limit:200},onChange:E,getValueImmediate:!0,allowMultiple:!0}):null,vK(m.selected,"supporter")?n.a.createElement(uK,{ref:h}):null):null)}function vK(e,t){return e.includes(t)}function EK(e){let{open:t,onClose:a,ids:r,onCompleted:i}=e;const{setNotify:o,toggleToast:s}=Object(Fa.b)(),{refetch:u}=xG(),[d]=Object(mm.a)(),[m,{loading:p}]=Object(De.c)(NG,{onCompleted:()=>{o({msg:"Delete amazon idea successfully",err:!1}),a(),i&&i(),d(()=>{u&&u()},1e3)},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),g=Object(l.useCallback)(()=>{Object(c.c)(r)||(o&&o({msg:null,err:!1}),s&&s(!0),m({variables:{ids:r}}))},[r,m,o,s]);return n.a.createElement(D.E,{open:t,title:"Delete Amazon Idea",onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Delete",onAction:g,loading:p}},n.a.createElement("p",null,"Are you sure to delete this idea?"))}function yK(e){let{open:t,onClose:a,ids:r,onCompleted:i}=e;const{setNotify:o,toggleToast:s}=Object(Fa.b)(),{refetch:u}=xG(),[d,m]=Object(l.useReducer)(c.Hb,{reason:"",error:""}),[p]=Object(mm.a)(),[g,{loading:A}]=Object(De.c)(GG,{onCompleted:()=>{o({msg:"Deny amazon idea successfully",err:!1}),a(),i&&i(),p(()=>{u&&u()},1500)},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),b=Object(l.useCallback)(()=>{Object(c.c)(r)||(d.reason?(s&&s(!0),o&&o({msg:null,err:!1}),g({variables:{ids:r,reason:d.reason}})):m({error:!0}))},[r,d.reason]),h=n.a.useCallback(e=>{m({reason:e,error:!e})},[]);return n.a.createElement(D.E,{open:t,onClose:a,sectioned:!0,title:"Deny Amazon Idea",primaryAction:{content:"Submit",onAction:b,loading:A},secondaryActions:[{content:"Cancel",onAction:a}]},n.a.createElement("div",null,n.a.createElement(al.a,{label:"Reason",required:!0}),n.a.createElement(D.cb,{id:"reason",value:d.reason,onChange:h,placeholder:"Enter reason",error:d.error?"Reason is required":null})))}var CK=a(1487);const kK={[mK.Data]:"Allow buyers to provide input about your product that does not affect the image priview. Ideal for custom sizing or notes",[mK["Option Dropdown"]]:"Allow buyers to choose from different sets of options that you offer.",[mK.Image]:"Allow buyers to personalize your product by uploading their own image."};function OK(e){let{open:t,onClose:a,onChange:r}=e;const[i,o]=Object(l.useState)(""),s=Object(l.useCallback)(e=>()=>{o(e)},[]),c=Object(l.useCallback)(()=>{r(i),a(),o("")},[i]);return n.a.createElement(D.E,{open:t,onClose:a,title:"Add Customization",secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Add Customization",onAction:c},sectioned:!0},n.a.createElement(jK,null,n.a.createElement(D.Y,{vertical:!0},Object.entries(kK).map(e=>{let[t,a]=e;return n.a.createElement("div",{className:""+(t===i?"active":""),onClick:s(t),key:"custom-field-"+t},n.a.createElement(D.i,{title:t,sectioned:!0},n.a.createElement("span",null,a)))}))))}const jK=j.b.div` 23580 .Polaris-Card { 23581 cursor: pointer; 23582 } 23583 23584 .Polaris-Card__Header { 23585 border-radius: 3px 0 0; 23586 padding: 1rem 2rem; 23587 border-bottom: var( 23588 --p-thin-border-subdued, 23589 0.1rem solid var(--p-border-subdued, #dfe3e8) 23590 ); 23591 } 23592 23593 .active { 23594 .Polaris-Card { 23595 outline-color: #3f4eae; 23596 } 23597 23598 .Polaris-Card__Header { 23599 background: linear-gradient(to bottom, #6371c7, #5563c1); 23600 border: #3f4eae; 23601 23602 .Polaris-Heading { 23603 color: white; 23604 } 23605 } 23606 } 23607`;function wK(e){let{optionsList:t,onChange:a,disabled:r}=e;const[i,o]=Object(l.useState)((null===t||void 0===t?void 0:t.length)>0?t:[]),[s]=Object(mm.a)(),c=Object(l.useCallback)(e=>(t,l)=>{const n=(i||[]).find((t,a)=>a===e);n&&(n[l]=t,i[e]=n,o([...i]),s(()=>{a(i)},1e3))},[i,a]),u=Object(l.useCallback)(()=>{const e={name:"Option "+(i.length+1),priceDifference:""},t=[...i,e];o(t),s(()=>{a(t)},1e3)},[i,a]),d=Object(l.useCallback)(e=>()=>{i.splice(e,1),o([...i]),s(()=>{a(i)},1e3)},[i,a]),m=(i||[]).map((e,t)=>[n.a.createElement("div",{className:"option-name"},n.a.createElement(D.cb,{id:"name",value:e.name,onChange:c(t),placeholder:"Option "+t,disabled:r}
23607)),n.a.createElement("div",{className:"option-price"},n.a.createElement(D.cb,{id:"priceDifference",value:e.priceDifference+"",onChange:c(t),placeholder:"0.0",prefix:"$",type:"number",step:"0.01",disabled:r})),n.a.createElement("div",{className:"option-delete"},n.a.createElement(D.gb,{content:"Delete"},n.a.createElement(D.g,{icon:Nx.a,plain:!0,onClick:d(t),disabled:r})))]);return n.a.createElement(SK,null,n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.Y,{vertical:!0,spacing:"extraTight"},n.a.createElement(D.z,null,n.a.createElement(D.v,{element:"h3"},"Options List")),n.a.createElement(D.n,{rows:m,verticalAlign:"middle",headings:[n.a.createElement(al.a,{required:!0,label:"Option Name"}),"Price difference","Delete"],columnContentTypes:["text","text","numeric"],hideScrollIndicator:!0})),r?null:n.a.createElement("div",null,n.a.createElement(D.g,{children:"Add Option",onClick:u,plain:!0}))))}const SK=j.b.div` 23608 margin-top: 1.6rem; 23609 23610 .Polaris-DataTable__Table thead th { 23611 padding-top: 0; 23612 } 23613 23614 .Polaris-DataTable__Cell { 23615 padding-left: 3px; 23616 } 23617`;var IK=function(e){let{setState:t,param:a}=e;const[r,i]=n.a.useReducer(c.Hb,{limit:20,offset:0,search:""}),{data:o,loading:s,error:u}=Object(De.d)(OG,{variables:{filter:r},fetchPolicy:"no-cache"}),d=Object(l.useCallback)((e,a)=>{var l;if(!a||!a.data||!a.data.fields)return;const n=$K(((null===(l=a.data.fields)||void 0===l?void 0:l.length)||0)-1);t(e=>({...e,fields:a.data.fields,kpi:String(Number(1)+n)}))},[]),m=Object(l.useRef)(null),p=Object(l.useMemo)(()=>{const e=function(e){const t=Object(C.get)(e,"getAmazonIdeaTemplates.nodes")||[],a=[];for(let l of t){if(!l||!l.id)continue;const{id:e,title:t,fields:n}=l;a.push({value:e,label:t||"",data:{id:e,title:t,fields:n}})}return a}(o);var t;e.length>0&&((null===(t=m.current)||void 0===t?void 0:t.handleFocus)&&m.current.handleFocus());return e},[JSON.stringify(o)]);return n.a.createElement("div",{style:{maxWidth:"30rem",marginBottom:"1rem",marginLeft:"1rem"}},n.a.createElement(D.Y,{vertical:!0,spacing:"extraTight"},n.a.createElement(x_.a,{label:"Apply a template",options:p,value:[],loading:s,error:u,onChange:d,setFilter:i,getValueImmediate:!0,ref:m,placeholder:"Choose template"}),n.a.createElement(D.B,{url:`/${a}/amazon-idea-templates`},"Manager template")))};const BK={title:""};const DK={title:"Idea Template title is required"};function PK(e,t){const a={};return DK[t]&&(a[t]=null,e?"string"!==typeof e&&Object(c.c)(e)&&(a[t]=DK[t]):a[t]=DK[t]),a}var xK=function(e){let{fields:t}=e;const[a,r]=Object(l.useState)(!1),[i,o]=Object(l.useReducer)(c.Hb,BK),[s,u]=Object(l.useState)({}),{setNotify:d,toggleToast:m}=Object(Fa.b)(),[p]=Object(mm.a)(),[g,{loading:A}]=Object(De.c)(ZG,{onCompleted:()=>{d({msg:"Create amazon idea template successfully",err:!1}),p(()=>{h(),o(BK)},1e3)},onError:e=>{d({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),b=Object(l.useCallback)(()=>{r(!0)},[]),h=Object(l.useCallback)(()=>{r(!1),o(BK)},[]),f=Object(l.useCallback)((e,t)=>{o({[t]:e});const a=PK(e,t);u(e=>({...e,...a}))},[]),v=async()=>{let e={};return Object.entries(i).forEach(t=>{let[a,l]=t;const n=PK(l,a);n&&(e={...e,...n})}),Object.values(e).filter(Boolean).length>0&&(u(t=>({...t,...e})),!0)},E=Object(l.useCallback)(async()=>{if(await v())return;const e=function(e){Object(c.c)(e.fields)||(e.fields=e.fields.map((e,t)=>({type:e.type,label:e.label,instructions:e.instructions,sampleText:e.sampleText,min:e.min?Number(e.min):void 0,max:e.max?Number(e.max):void 0,placeholder:e.placeholder,ordering:t,optionsList:(e.optionsList||[]).map(e=>({name:e.name,priceDifference:Number((null===e||void 0===e?void 0:e.priceDifference)||0)}))})));const{kpi:t,...a}=e;return a}({title:i.title,fields:t});m&&m(!0),d&&d({msg:null,err:!1}),g({variables:{input:e}})},[t,i,v,g,m,d]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.g,{children:"Generate a template",onClick:b}),n.a.createElement(D.E,{title:"Generate a template",sectioned:!0,open:a,onClose:h,primaryAction:{content:"Submit",onAction:E,loading:A},secondaryActions:[{content:"Cancel",onAction:h}]},n.a.createElement("div",null,n.a.createElement(al.a,{label:"Template Title",required:!0}
23617),n.a.createElement(D.cb,{value:i.title,id:"title",onChange:f,placeholder:"Enter Template title",error:s.title}))))};const MK=[{value:"mug",label:"Mug"},{value:"tumbler",label:"Tumbler"},{value:"blanket",label:"Blanket"},{value:"poster",label:"Poster"},{value:"ornament",label:"Ornament"},{value:"shirt",label:"Shirt"},{value:"towel",label:"Towel"}];function TK(e){let{index:t,onChange:a,value:r}=e;const[i,o]=function(e){const t=new Map;for(let a of e){if(!a||!a.value||!a.label)continue;const{value:e}=a;t.set(e,a)}return[e,Array.from(t.values())]}(r),[s,u]=Object(l.useReducer)(c.Hb,{input:"",options:MK,selected:r,deselectedOption:MK,selectedOptions:[]}),d=Object(l.useCallback)(e=>{if(u({input:e}),e)try{const t=s.deselectedOption.filter(t=>t.label===e);u({options:t})}catch(t){console.error(null===t||void 0===t?void 0:t.toString())}else u(e=>({...e,options:e.deselectedOption}))},[s.deselectedOption]),m=Object(l.useCallback)(e=>{u(t=>{const a=(t.deselectedOption||[]).find(t=>e.includes(t.value));return{...t,selected:e,selectedOptions:[a],input:a.label}}),a(e)},[a]),p=Object(l.useCallback)(()=>{const e=function(e){return{value:e,label:e}}(s.input);let t=s.selected;u(a=>{const l=a.deselectedOption,n=new Map([...l,e].map(e=>[e.value,e]));t=Array.from(new Set([e.value]));const r=[e];return{...a,input:e.label,selected:t,deselectedOption:Array.from(n.values()),options:Array.from(n.values()),selectedOptions:Array.from(r.values())}}),a(t)},[s.input,s.selected]),g=Object(l.useCallback)(()=>{u(e=>({...e,input:"",options:e.deselectedOption})),a([])},[]),A=(Object(l.useCallback)(e=>()=>{const t=t=>"object"==typeof t?t.value!==e:t!==e;let l=s.selected;u(e=>{l=s.selected.filter(t);const a=e.selectedOptions.filter(t);return{...e,selected:l,selectedOptions:a}}),a&&a(l)},[s.selected]),n.a.createElement(D.c.TextField,{id:"field_"+t,label:"Type",value:s.input,onChange:d,clearButton:!0,onClearButtonClick:g}));return n.a.createElement("div",null,n.a.createElement(D.c,{options:s.options,selected:s.selected,onSelect:m,textField:A,emptyState:s.input?n.a.createElement(D.g,{plain:!0,onClick:p},n.a.createElement("b",null,"Add: ")," ",s.input):n.a.createElement("span",null,"No items found!")}))}j.b.div` 23618 display: flex; 23619 padding-top: 0.8rem; 23620 flex-wrap: wrap; 23621 > * { 23622 margin-right: 0.8rem; 23623 margin-bottom: 0.8rem; 23624 } 23625`;const QK={title:"Idea title is required",mockups:"Idea must have at least one mockup"};function RK(e,t){const a={};return QK[t]&&(a[t]=null,e?"string"!==typeof e&&Object(c.c)(e)&&(a[t]=QK[t]):a[t]=QK[t]),a}var FK=function(e){var t;let{onSubmit:a,loading:r,value:i}=e;const{currentUser:o}=Object(te.c)(),{isSeller:s,isChannelLeader:u}=Object(c.j)(o),d=s||u,m=Object(c.U)(o),[p,g]=Object(l.useReducer)(c.Hb,{title:"",type:"mug",bulletPoint:"",kpi:"0.5",description:"",keyword:"",keyword2:"",keyword3:"",keyword4:"",keyword5:"",mockupIDs:[],mockups:[],isPersonalized:!1,fields:[],storeTypeIDs:[],storeTypes:[],storeIDs:[]}),[A,b]=Object(l.useState)({});Object(l.useEffect)(()=>{if(!i)return;const{title:e,type:t,kpi:a,description:l,keyword:n,keyword2:r,keyword3:o,keyword4:s,keyword5:u,mockups:d,isPersonalized:m,fields:p,storeTypeIDs:A,storeTypes:b,bulletPoint:h}=i||{},f=hK(null===i||void 0===i?void 0:i.stores),v={title:e,type:t,description:l||"",keyword:n||"",keyword2:r||"",keyword3:o||"",keyword4:s||"",keyword5:u||"",isPersonalized:m,storeTypeIDs:A,storeTypes:b,bulletPoint:h};a&&(v.kpi=a+""),m&&(v.fields=Object(c.c)(p)?[]:AK(p)),Object(c.c)(d)||(v.mockups=d),Object(c.c)(f)||(v.storeIDs=f),g(v)},[i]);const h=Object(l.useCallback)((e,t)=>{let a=p.kpi;"isPersonalized"!==t||e||(a="0.5"),g({[t]:e,kpi:a});const l=RK(e,t);b(e=>({...e,...l}))},[p.fields,p.isPersonalized]),f=async()=>{let e={};return Object.entries(p).forEach(t=>{let[a,l]=t;const n=RK(l,a);n&&(e={...e,...n})}),Object.values(e).filter(Boolean).length>0&&(b(t=>({...t,...e})),!0)},v=Object(l.useRef)(null),E=Object(l.useRef)(null),y=Object(l.useCallback)(async()=>{if(E.current=!0,null!=v.current){const e=v.current.getSelected();p.storeTypeIDs=e}if(await f())return;let e=function(e){e.kpi&&(e.kpi=Number(e.kpi));e.isPersonalized||(e.fields=void 0);Object(c.c)(e.fields)||(e.fields=e.fields.map((e,t)=>({type:e.type,label:e.label,instructions:e.instructions,sampleText:e.s
23625ampleText,min:e.min?Number(e.min):void 0,max:e.max?Number(e.max):void 0,placeholder:e.placeholder,ordering:t,optionsList:(e.optionsList||[]).map(e=>({name:e.name,priceDifference:Number((null===e||void 0===e?void 0:e.priceDifference)||0)}))})));Object(c.c)(e.mockups)||(e.mockupIDs=Array.from(new Set((e.mockups||[]).map(e=>e.id))).filter(Boolean));const{mockups:t,storeTypes:a,...l}=e;return l}(p);a(e)},[a,p,f,d]);return n.a.createElement(D.s,{onSubmit:y},n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.Y,{distribution:"fill"},n.a.createElement("div",null,n.a.createElement(al.a,{required:!0,label:"Title"}),n.a.createElement(D.cb,{value:p.title,id:"title",onChange:h,placeholder:"Enter title",error:(null===A||void 0===A?void 0:A.title)||""})),n.a.createElement(TK,{value:[],onChange:e=>{h((e||[])[0]||"","type")}})),d?n.a.createElement(D.Y,{distribution:"fill"},n.a.createElement(D.cb,{label:"KPI",type:"number",id:"kpi",step:"0.1",value:p.kpi,onChange:h,error:(null===A||void 0===A?void 0:A.kpi)||""})):null,n.a.createElement(D.Y,{distribution:"fill"},n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.cb,{label:"Keyword",id:"keyword",placeholder:"Enter keyword",value:p.keyword,onChange:h,maxLength:500,helpText:"Maximum 500 characters."}),n.a.createElement(D.cb,{id:"keyword2",placeholder:"Enter keyword",value:p.keyword2,onChange:h,maxLength:500,helpText:"Maximum 500 characters."}),n.a.createElement(D.cb,{id:"keyword3",placeholder:"Enter keyword",value:p.keyword3,onChange:h,maxLength:500,helpText:"Maximum 500 characters."}),n.a.createElement(D.cb,{id:"keyword4",placeholder:"Enter keyword",value:p.keyword4,onChange:h,maxLength:500,helpText:"Maximum 500 characters."}),n.a.createElement(D.cb,{id:"keyword5",placeholder:"Enter keyword",value:p.keyword5,onChange:h,maxLength:500,helpText:"Maximum 500 characters."}))),n.a.createElement(D.Y,{distribution:"fill"},n.a.createElement(D.cb,{label:"Bullet Point",id:"bulletPoint",placeholder:"Enter Bullet Point",multiline:4,value:p.bulletPoint,onChange:h})),n.a.createElement(D.Y,{distribution:"fill"},n.a.createElement(D.cb,{label:"Item Highlight",id:"description",placeholder:"Enter Item Highlight",multiline:4,value:p.description,onChange:h})),n.a.createElement("div",null,n.a.createElement(al.a,{label:"Mockups"}),n.a.createElement(dl.a,{accept:"image/*",singleUpload:!1,multiple:!0,value:p.mockups?p.mockups:[],onChange:e=>h(e,"mockups"),sizeSmall:!0}),(null===A||void 0===A?void 0:A.mockups)&&E.current?n.a.createElement("span",{style:{marginTop:5,display:"block"}},n.a.createElement(D.x,{message:A.mockups})):null),n.a.createElement("div",null,n.a.createElement(D.z,{label:"Stores"}),n.a.createElement(Yq.default,{value:p.storeIDs,labelHidden:!0,filter:{platform:"amazon",limit:200},onChange:e=>h(e,"storeIDs"),getValueImmediate:!0,allowMultiple:!0})),n.a.createElement(D.j,{id:"isPersonalized",checked:p.isPersonalized,label:"Personalized",onChange:h}),p.isPersonalized?n.a.createElement(D.Y,{vertical:!0,spacing:"extraTight"},n.a.createElement(IK,{setState:g,param:m}),n.a.createElement(NK,{fields:p.fields,setState:g})):null,n.a.createElement(D.Y,{distribution:"trailing"},n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Cancel",onClick:()=>{B.a.goBack()}}),(null===p||void 0===p||null===(t=p.fields)||void 0===t?void 0:t.length)>0?n.a.createElement(xK,{fields:p.fields}):null,n.a.createElement(D.g,{submit:!0,children:"Submit",primary:!0,loading:r})))))};function NK(e){let{fields:t,setState:a,disabled:r,defaultOpen:i}=e;const[o,s]=Object(l.useState)(!1),u=Object(l.useCallback)(e=>{a(t=>{const a=[...t.fields,zK(e)],l=$K(a.length-1);return{...t,fields:a,kpi:String(Number(1)+l)}})},[a]),d=Object(l.useCallback)(e=>(t,l)=>{a(a=>{const n=a.fields,r=n.findIndex((t,a)=>a===e);return"type"===l&&(n[r]={...n[r],...zK(t)}),n[r]={...n[r],[l]:t},{...a,fields:n}})},[a]),m=Object(l.useCallback)(e=>()=>{a(t=>{const a=t.fields,l=a.findIndex((t,a)=>a===e);l>-1&&a.splice(l,1);let n=Object(c.c)(a)?.5:Number(1)+$K(a.length-1);return n=String(n),n=Number(n).toFixed(2),{...t,fields:a,kpi:n}})},[a]),p=Object(l.useCallback)((e,t)=>{a(a=>{const l=a.fields;return[l[e],l[t]]=[l[t],l[e]],{...a,fields:l}})},[a]),g=Object(l.useCallback)(()=>{s(!1)},[]),A=Object(l.useCallback)(()=>{s(!0)},[]);return n.a.createElement(D.Y,{vertical:!0},(null===t||void 0===t?void 0:t.length)>0?n.a.createElement("div",{style:{marginLeft:10}},r?n.a.createElement(D.Y,{vertical:!0},(t||[]).map((e,t)=>n.a.createElement(UK,{key:"field_"+t,field:e,handleRemove:m,index:t,disabled:!0},n.a.createElement(VK,{field:e,handleFieldUpdate:d(t),onMoveField:p,disabled:!0})))):n.a.createElement(n.a.Fragment,null,n.a.createElement(N.a,{backend:U.a},n.a.createElement(D.Y,{vertical:!0},(t||[]).map((e,t)=>n.a.createElement(LK,{key:"field_"+t,index:t,onMoveField:p},n.a.createElement(UK,{field:e,index:t,handleRemove:m(t)},n.a.createElement(VK,{field:e,handleFieldUpdate:d(t),onMoveField:p}
23625)))))))):null,r?null:n.a.createElement("div",{style:{display:"flex",justifyContent:"center"}},n.a.createElement(D.g,{icon:pl.a,onClick:A,children:"Add Customization"})),n.a.createElement(OK,{open:o,onClose:g,onChange:u}))}function UK(e){let{index:t,field:a,handleRemove:l,children:r,disabled:i}=e;return n.a.createElement(D.i,{sectioned:!0,title:n.a.createElement(D.Y,{distribution:"middle"},i?null:n.a.createElement("span",{style:{display:"block",cursor:"move"}},n.a.createElement(D.w,{source:CK.a})),n.a.createElement("span",null,n.a.createElement("b",null,`#${t+1} `),""+a.type)),actions:i?void 0:[{content:"Remove",onAction:l}]},r)}function LK(e){const{index:t,onMoveField:a,children:r}=e,i=Object(l.useRef)(null),[,o]=Object(R.a)({accept:"amazonIdeaField",hover(e,l){if(!i.current)return;const n=e.index,r=t;if(n===r)return;const o=i.current.getBoundingClientRect(),s=(o.bottom-o.top)/2,c=l.getClientOffset().y-o.top;n<r&&c<s||n>r&&c>s||(a(n,r),e.index=r)}}),[,s]=Object(F.a)({item:{type:"amazonIdeaField",index:t},collect:e=>({isDragging:e.isDragging()})});return s(o(i)),n.a.createElement("div",{ref:i,style:{cursor:"move"}},r)}function VK(e){let{field:t,handleFieldUpdate:a,disabled:l}=e;return n.a.createElement(D.Y,null,n.a.createElement(D.Y.Item,{fill:!0},n.a.createElement("div",{style:{cursor:"default"}},n.a.createElement("div",{style:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",alignItems:"start",gap:"1.6rem"}},n.a.createElement("div",null,n.a.createElement(al.a,{label:"Label",required:!0}),n.a.createElement(D.cb,{id:"label",value:t.label,placeholder:"Enter label",onChange:a,disabled:l})),n.a.createElement("div",null,n.a.createElement(al.a,{label:n.a.createElement(n.a.Fragment,null,n.a.createElement("span",null,"Instructions "),n.a.createElement(D.db,{variation:"subdued"},"(Optional)"))}),n.a.createElement(D.cb,{id:"instructions",value:t.instructions,placeholder:"Enter Instructions",onChange:a,disabled:l})),pK(t.type)?n.a.createElement("div",null,n.a.createElement(al.a,{label:n.a.createElement(n.a.Fragment,null,n.a.createElement("span",null,"Sample Text "),n.a.createElement(D.db,{variation:"subdued"},"(Optional)"))}),n.a.createElement(D.cb,{id:"sampleText",value:t.sampleText,placeholder:"Enter Sample text",onChange:a,disabled:l})):null,pK(t.type)?n.a.createElement("div",null,n.a.createElement(al.a,{label:"Character Limit",required:!0}),n.a.createElement(D.Y,{distribution:"fillEvenly"},n.a.createElement(D.cb,{id:"min",type:"number",helpText:"Min",value:t.min+""||"",placeholder:"Enter Min",onChange:a,disabled:l}),n.a.createElement(D.cb,{id:"max",helpText:"Max",type:"number",value:t.max+""||"",placeholder:"Enter Max",onChange:a,disabled:l}))):null),(r=t.type,[mK["Option Dropdown"]].includes(r)?n.a.createElement(wK,{optionsList:t.optionsList,onChange:e=>a(e,"optionsList"),disabled:l}):null))));var r}function zK(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:mK.Data;return HK(e)}const qK={[mK.Data]:["instructions","sampleText","min","max"],[mK["Option Dropdown"]]:["instructions","optionsList"],[mK.Image]:["instructions"]};function HK(e){const t=qK[e];if(!t)return{};const a={type:e,label:mK[e]},l={};for(let n of t)l[n]="optionsList"!==n?"min"!==n?"max"!==n?"":"1000":"1":[{name:"Option 1",priceDifference:""},{name:"Option 2",priceDifference:""}];return{...a,...l}}function $K(e){return.1*e}function _K(e){let{open:t,onClose:a,ids:r}=e;const{setNotify:i,toggleToast:o}=Object(Fa.b)(),{refetch:s}=xG(),[u]=Object(mm.a)(),[d,{loading:m}]=Object(De.c)(_G,{onCompleted:()=>{i({msg:"Accept amazon idea Done successfully",err:!1}),a(),u(()=>{s&&s()},1500)},onError:e=>{i({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),p=Object(l.useCallback)(()=>{Object(c.c)(r)||(o&&o(!0),i&&i({msg:null,err:!1}),d({variables:{ids:r}}))},[r,d,o,i]);return n.a.createElement(D.E,{open:t,onClose:a,sectioned:!0,title:"Accept Amazon Idea",primaryAction:{content:"Submit",onAction:p,loading:m},secondaryActions:[{content:"Cancel",onAction:a}]},n.a.createElement("p",null,"Are you sure to accept this Idea?"))}function GK(e){let{open:t,onClose:a,ids:r,onCompleted:i}=e;const{setNotify:o,toggleToast:s}=Object(Fa.b)(),{refetch:u}=xG(),[d,m]=Object(l.useReducer)(c.Hb,{reason:"",error:""}),[p]=Object(mm.a)(),[g,{loading:A}]=Object(De.c)(YG,{onCompleted:()=>{o({msg:"Reject amazon idea successfully",err:!1}),a(),i&&i(),p(()=>{u&&u()},1500)},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),b=Object(l.useCallback)(()=>{Object(c.c)(r)||(d.reason?(s&&s(!0),o&&o({msg:null,err:!1}),g({variables:{ids:r,reason:d.reason}})):m({error:!0}))},[r,d.reason]),h=n.a.useCallback(e=>{m({reason:e,error:!e})},[]);return n.a.createElement(D.E,{open:t,onClose:a,sectioned:!0,title:"Reject Amazon Idea",primaryAction:{content:"Submit",onAction:b,loading:A},secondaryActions:[{content:"Cancel",onAction:a}]},n.a.createElement("div",null,n.a.createElement(al.a,{label:"Reason",required:!0}),n.a.createElement(D.cb,{id:"reason",value:d.reason,onChange:h,placeholder:"Enter reason",error:d.error?"Reason is required":null})))}var KK=a(368);function JK(e){let{node:t}=e;const[a,r]=Object(l.useReducer)(c.Hb,{limit:20,offset:0,amazonIdeaI
23625D:null===t||void 0===t?void 0:t.id}),{data:i,loading:o,error:s}=Object(De.d)(SG,{variables:{filter:a},skip:!t||!t.id,fetchPolicy:"no-cache"}),u=Object(l.useCallback)((e,t)=>{r(a=>({...a,offset:e,limit:t}))},[]),d=function(e){return Object(C.get)(e,"getAmazonIdeaTimelines.total")||0}(i),m=function(e){const t=Object(C.get)(e,"getAmazonIdeaTimelines.nodes")||[],a=[];for(let l of t)a.push({id:l.id,createdAt:l.createdAt,title:l.content});return a}(i),p=function(e,t){const{limit:a,offset:l}=e||{},n=Math.ceil(t/a);return{page:l/a+1,totalPage:n,offset:l,limit:a}}(a,d);return n.a.createElement(YK,null,o?n.a.createElement(Je.default,{sizeSmall:!0}):s?n.a.createElement("div",null,"Error: ",Object(c.ib)(null===s||void 0===s?void 0:s.toString())):(null===m||void 0===m?void 0:m.length)>0?n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.v,{element:"h4",children:"History"}),n.a.createElement(KK.a,{data:m}),n.a.createElement("div",{className:"pagination"},n.a.createElement(Ye.default,{aggregation:{...p,onChange:u}}))):null)}const YK=j.b.div` 23626 border-top: var( 23627 --p-thin-border-subdued, 23628 0.1rem solid var(--p-border-subdued, #dfe3e8) 23629 ); 23630 padding-top: 1rem; 23631`;function WK(e){var t,a,r;let{node:i,open:o,onClose:s}=e;const u=gK[null===i||void 0===i?void 0:i.status],[d,m]=Object(l.useReducer)(c.Hb,{open:!1,action:null,active:!1}),{currentUser:p}=Object(te.c)(),{isSeller:g,isChannelLeader:A,isChannelSupportLeader:b}=Object(c.j)(p),h=g||A||b,f=bK(i,[oe.h["Need Review"]]);let v="";(null===i||void 0===i?void 0:i.status)&&(v=n.a.createElement(D.e,{status:u,progress:i.status===oe.h.Doing?"incomplete":void 0},i.status),i.status===oe.h.Rejected&&i.rejectReason&&(v=n.a.createElement(n.a.Fragment,null,n.a.createElement(D.gb,{content:i.rejectReason}," ",v),n.a.createElement("div",{style:{paddingLeft:".8rem"}},"Reason:"," ",n.a.createElement(D.db,{variation:"subdued"},i.rejectReason)))),i.status===oe.h.Denied&&i.denyReason&&(v=n.a.createElement(n.a.Fragment,null,n.a.createElement(D.gb,{content:i.denyReason}," ",v),n.a.createElement("div",{style:{paddingLeft:".8rem"}},"Reason:"," ",n.a.createElement(D.db,{variation:"subdued"},i.denyReason)))));const E=Object(l.useCallback)(()=>{m({open:!1,active:!1,action:null}),s()},[]),y=Object(l.useCallback)(e=>()=>{m({open:!0,action:e})},[]);let C=[],k=null;h&&f&&i&&(C=[{content:"Reject",onAction:y("reject")}],k={content:"Accept",onAction:y("accept")});const O={node:i,ids:i?[i.id]:[],open:d.open,onClose:E},j={accept:n.a.createElement(_K,O),reject:n.a.createElement(GK,O)};return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.E,Object.assign({open:o,sectioned:!0,onClose:s,title:"Amazon Idea Detail "+(i.id?"#"+i.id:""),secondaryActions:C},k?{primaryAction:k}:{},{large:!0}),n.a.createElement(D.bb,null,n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.Y,{distribution:"fill"},n.a.createElement(D.Y,{vertical:!0},n.a.createElement("span",null,n.a.createElement(D.db,{variation:"strong"},"Title:"," "),null===i||void 0===i?void 0:i.title),n.a.createElement("span",null,n.a.createElement(D.db,{variation:"strong"},"Type:"," "),null===i||void 0===i?void 0:i.type),n.a.createElement(ZK,null,n.a.createElement(D.db,{variation:"strong"},"Keyword:"," "),(null===i||void 0===i?void 0:i.keyword)?n.a.createElement("p",null,(null===i||void 0===i?void 0:i.keyword)||""):null,(null===i||void 0===i?void 0:i.keyword2)?n.a.createElement("p",null,(null===i||void 0===i?void 0:i.keyword2)||""):null,(null===i||void 0===i?void 0:i.keyword3)?n.a.createElement("p",null,(null===i||void 0===i?void 0:i.keyword3)||""):null,(null===i||void 0===i?void 0:i.keyword4)?n.a.createElement("p",null,(null===i||void 0===i?void 0:i.keyword4)||""):null,(null===i||void 0===i?void 0:i.keyword5)?n.a.createElement("p",null,(null===i||void 0===i?void 0:i.keyword5)||""):null),n.a.createElement("div",null,n.a.createElement(D.Y,null,n.a.createElement(D.db,{variation:"strong"},"Mockups:"," "),(null===i||void 0===i||null===(t=i.mockups)||void 0===t?void 0:t.length)>0?n.a.createElement(ej.a,{files:i.mockups,filename:i.id||"",label:"Download all Mockups"}):null),(null===i||void 0===i||null===(a=i.mockups)||void 0===a?void 0:a.length)>0?n.a.createElement(ci.default,{files:{files:i.mockups},limit:1,width:80,height:80,label:"Mockups"}):null),(null===i||void 0===i?void 0:i.asin)||(null===i||void 0===i?void 0:i.productLink)?n.a.createElement("div",null,n.a.createElement(D.db,{variation:"strong"},"Product:"," "),n.a.createElement(yJ,{productLink:null===i||void 0===i?void 0:i.productLink,asin:null===i||void 0===i?void 0:i.asin})):null),n.a.createElement(D.Y,{vertical:!0},n.a.createElement("span",null,n.a.createElement(D.db,{variation:"strong"},"KPI:"," "),null===i||void 0===i?void 0:i.kpi),n.a.createElement("span",null,n.a.createElement(D.db,{variation:"strong"},"Status:"," "),v),n.a.createElement("span",null,n.a.createElement(D.db,{variation:"strong"},"Author:"," "),Object(c.R)((null===i||void 0===i?void 0:i.author)||{})),(null===i||void 0===i?void 0:i.picker)?n.a.createElement("span",null,n.a.createElement(D.db,{variation:"strong"},"Picker:"," "),Object(c.R)((null===i||void 0===i?void 0:i.picker)||{})):null)),n.a.createElement("span",null,n.a.createElement(D.db,{variation:"strong"},"Bullet Point:"," "),null===i||void 0===i?void 0:i.bulletPoint),n.a.createElement("span",null,n.a.createElement(D.db,{variation:"strong"},"Item Highlight:"," "),null===i||void 0===i?void 0:i.description),n.a.createElement("span",null,n.a.createElement(D.db,{variation:"strong"},"Personalized:"," "),(null===i||void 0===i?void 0:i.isPersonalized)?n.a.createElement(D.e,{status:"success"},"Yes"):n.a.createElement(D.e,{status:"critical"},"No")),(null===i||void 0===i||null===(r=i.fields)||void 0===r?void 0:r.length)>0?n.a.createElement(NK,{fields:i.fields,setState:()=>{},disabled:!0}):null,n.a.createElement(JK,{node:i})))),j[d.action])}const ZK=j.b.div` 23632 p { 23633 padding-left: 1rem; 23634 } 23635 23636 p + p { 23637 margin-top: 1rem; 23638 } 23639`;function XK(e){let{open:t,onClose:a,ids:r,onCompleted:i}=e;const{setNotify:o,toggleToast:s}=Object(Fa.b)(),{refetch:u}=xG(),[d]=Object(mm.a)(),[m,{loading:p}]=Object(De.c)(VG,{onCompleted:()=>{o({msg:"Pick amazon idea successfully",err:!1}),a(),i&&i(),d(()=>{u&&u()},1500)},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),g=Object(l.useCallback)(()=>{Object(c.c)(r)||(s&&s(!0),o&&o({msg:null,err:!1}),m({variables:{ids:r}}))},[r]);return n.a.createElement(D.E,{open:t,onClose:a,sectioned:!0,title:"Pick Amazon Idea",primaryAction:{content:"Submit",onAction:g,loading:p},secondaryActions:[{content:"Cancel",onAction:a}]},n.a.createElement("p",null,"Are you sure to pick this Idea?"))}function eJ(e){let{open:t,onClose:a,ids:r,onCompleted:i,node:o}=e;const{setNotify:s,toggleToast:u}=Object(Fa.b)(),{refetch:d}=xG(),[m,p]=Object(l.useReducer)(c.Hb,{storeIDs:[]}),[g]=Object(mm.a)(),[A,{loading:b}]=Object(De.c)(KG,{onCompleted:()=>{s({msg:"Start amazon idea successfully",err:!1}),a(),i&&i(),g(()=>{d&&d()},1500)},onError:e=>{s({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),h=Object(l.useCallback)(()=>{Object(c.c)(r)||(u&&u(!0),s&&s({msg:null,err:!1}),A({variables:{ids:r}}))},[r,m.storeIDs]);Object(l.useCallback)(e=>{p({storeIDs:e})},[]);return Object(l.useEffect)(()=>{const e=hK(null===o||void 0===o?void 0:o.stores);e.length>0&&p({storeIDs:e})},[JSON.stringify(null===o||void 0===o?void 0:o.stores)]),n.a.createElement(D.E,{open:t,onClose:a,sectioned:!0,title:"Start Amazon Idea",primaryAction:{content:"Submit",onAction:h,loading:b},secondaryActions:[{content:"Cancel",onAction:a}]},n.a.createElement(D.Y,{vertical:!0},n.a.createElement("p",null,"Are you sure to start this Idea?")))}function tJ(e){let{open:t,onClose:a,node:r,ids:i}=e;const[o,s]=Object(l.useState)((null===r||void 0===r?void 0:r.kpi)?r.kpi+"":""),[u]=Object(mm.a)(),{setNotify:d,toggleToast:m}=Object(Fa.b)(),{refetch:p}=xG(),[g,{loading:A}]=Object(De.c)(WG,{onCompleted:()=>{d({msg:"Update KPI for amazon idea successfully",err:!1}),a(),u(()=>{p&&p()},1500)},onError:e=>{d({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),b=Object(l.useCallback)(()=>{Object(c.c)(i)||(m&&m(!0),d&&d({msg:null,err:!1}),g({variables:{ids:i,kpi:Number(o)}}))},[i,o,g,m,d]);return n.a.createElement(D.E,{title:"Update Amazon Idea KPI",open:t,onClose:a,secondaryActions:[{content:"Cancel",onAction:a,loading:A}],primaryAction:{content:"Submit",onAction:b},sectioned:!0},n.a.createElement(D.cb,{label:"KPI",value:o,onChange:e=>s(e),placeholder:"Enter KPI",type:"number",step:"0.1"}))}const aJ=Object.entries(oe.g).map(e=>
23639{let[t,a]=e;return{value:t,label:a}});function lJ(e){var t;let{ids:a,open:r,onClose:i}=e;const{setNotify:o,toggleToast:s}=Object(Fa.b)(),{refetch:u}=xG(),[d,m]=Object(l.useReducer)(c.Hb,{storeIDs:[],stores:[]}),[p]=Object(mm.a)(),[g,{loading:A}]=Object(De.c)(zG,{onCompleted:()=>{o({msg:"Mark amazon idea Done successfully",err:!1}),i(),p(()=>{u&&u()},1500)},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),b=Object(l.useCallback)(()=>{if(Object(c.c)(a)||Object(c.c)(d.storeIDs))return;s&&s(!0),o&&o({msg:null,err:!1});const e=[];for(let t of d.stores)if(!Object(c.c)(t.amazonIdeaData))for(let l of t.amazonIdeaData)for(let n of a)e.push({amazonIdeaID:n,storeID:t.value,asin:l.asin,productLink:l.productLink,status:l.status?l.status:void 0});g({variables:{input:e}})},[a,d.stores,d.storeIDs]),h=n.a.useCallback((e,t)=>(a,l)=>{const n=(d.stores||[]).find((t,a)=>a===e);if(n){(n.amazonIdeaData||[]).find((e,a)=>a===t)&&(n.amazonIdeaData[t]={...n.amazonIdeaData[t],[l]:a})}d.stores[e]=n,m({stores:d.stores})},[d.stores]),f=Object(l.useCallback)((e,t)=>{const a=function(e){if(Object(c.c)(e))return e;const t=[];for(let a of e){const e={asin:"",productLink:"",status:""};a.amazonIdeaData=[e],t.push(a)}return t}(t);m({storeIDs:e,stores:a})},[]),v=Object(l.useCallback)((e,t)=>{const a=d.stores.find((t,a)=>a===e);a&&(a.amazonIdeaData.splice(t,1),d.stores[e]=a,m({stores:d.stores}))},[d.stores]),E=Object(l.useCallback)(e=>{const t={asin:"",productLink:"",status:""},a=(d.stores||[]).find((t,a)=>a===e);a&&(a.amazonIdeaData.push(t),d.stores[e]=a,m({stores:d.stores}))},[d.stores]);return n.a.createElement(D.E,{open:r,onClose:i,sectioned:!0,title:"Mark Amazon Idea to Done",primaryAction:{content:"Submit",onAction:b,loading:A},secondaryActions:[{content:"Cancel",onAction:i}]},n.a.createElement(D.Y,{vertical:!0},n.a.createElement(Yq.default,{value:d.storeIDs,filter:{platform:"amazon",limit:200},onChange:f,getValueImmediate:!0,allowMultiple:!0}),(null===(t=d.stores)||void 0===t?void 0:t.length)>0?n.a.createElement(n.a.Fragment,null,d.stores.map((e,t)=>n.a.createElement(nJ,{key:"store-"+((null===e||void 0===e?void 0:e.value)||(null===e||void 0===e?void 0:e.label)||t),store:e,storeIndex:t,onStateChange:h,onStoreAddAsin:E,onStoreRemoveAsin:v}))):null))}function nJ(e){var t;let{store:a,onStateChange:l,storeIndex:r,onStoreAddAsin:i,onStoreRemoveAsin:o}=e;return n.a.createElement(D.i,{title:(null===a||void 0===a?void 0:a.label)||(null===a||void 0===a?void 0:a.name)||"Store unknown",sectioned:!0,actions:[{content:"Add More",onAction:()=>i(r)}]},(null===a||void 0===a||null===(t=a.amazonIdeaData)||void 0===t?void 0:t.length)>0?n.a.createElement("div",{style:{display:"flex",rowGap:"2rem",flexDirection:"column"}},null===a||void 0===a?void 0:a.amazonIdeaData.map((e,t)=>n.a.createElement(D.i,{title:"Product",sectioned:!0,key:`amazon-idea-${r}-${t}`,actions:[{content:"Delete",disabled:0===t,onAction:()=>o(r,t)}]},n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.cb,{label:"Asin",id:"asin",value:e.asin,onChange:l(r,t),placeholder:"Enter asin"}),n.a.createElement(D.cb,{label:"Product Link",id:"productLink",value:e.productLink,onChange:l(r,t),placeholder:"Enter product link"}),n.a.createElement(D.Q,{options:aJ,value:e.status,id:"status",onChange:l(r,t)}))))):n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.cb,{label:"Asin",id:"asin",value:a.asin,onChange:l,placeholder:"Enter asin"}),n.a.createElement(D.cb,{label:"Product Link",id:"productLink",value:a.productLink,onChange:l,placeholder:"Enter product link"}),n.a.createElement(D.Q,{options:aJ,value:a.status||[],id:"status",onChange:l})))}aJ.unshift({label:"Choose status",value:""});const rJ=Object.entries(oe.g).map(e=>{let[t,a]=e;return{value:t,label:a}});function iJ(e){var t;let{ids:a,open:r,onClose:i}=e;const{setNotify:o,toggleToast:s}=Object(Fa.b)(),{refetch:u}=xG(),[d,m]=Object(l.useReducer)(c.Hb,{storeIDs:[],stores:[]}),[p]=Object(mm.a)(),[g,{loading:A}]=Object(De.c)(qG,{onCompleted:()=>{o({msg:"Update Amazon Idea Product Status successfully",err:!1}),i(),p(()=>{u&&u()},1500)},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),b=Object(l.useCallback)(()=>
23639{if(Object(c.c)(a)||Object(c.c)(d.storeIDs))return;s&&s(!0),o&&o({msg:null,err:!1});const e=[];for(let t of d.stores)if(!Object(c.c)(t.amazonIdeaData))for(let l of t.amazonIdeaData)for(let n of a)e.push({amazonIdeaID:n,storeID:t.value,asin:l.asin,productLink:l.productLink,status:l.status?l.status:void 0});g({variables:{input:e}})},[a,d.stores,d.storeIDs]),h=n.a.useCallback((e,t)=>(a,l)=>{const n=(d.stores||[]).find((t,a)=>a===e);if(n){(n.amazonIdeaData||[]).find((e,a)=>a===t)&&(n.amazonIdeaData[t]={...n.amazonIdeaData[t],[l]:a})}d.stores[e]=n,m({stores:d.stores})},[d.stores]),f=Object(l.useCallback)((e,t)=>{const a=function(e){if(Object(c.c)(e))return e;const t=[];for(let a of e){const e={asin:"",productLink:"",status:""};a.amazonIdeaData=[e],t.push(a)}return t}(t);m({storeIDs:e,stores:a})},[]),v=Object(l.useCallback)((e,t)=>{const a=d.stores.find((t,a)=>a===e);a&&(a.amazonIdeaData.splice(t,1),d.stores[e]=a,m({stores:d.stores}))},[d.stores]),E=Object(l.useCallback)(e=>{const t={asin:"",productLink:"",status:""},a=(d.stores||[]).find((t,a)=>a===e);a&&(a.amazonIdeaData.push(t),d.stores[e]=a,m({stores:d.stores}))},[d.stores]);return n.a.createElement(D.E,{open:r,onClose:i,sectioned:!0,title:"Update Amazon Idea Product Status",primaryAction:{content:"Submit",onAction:b,loading:A},secondaryActions:[{content:"Cancel",onAction:i}]},n.a.createElement(D.Y,{vertical:!0},n.a.createElement(Yq.default,{value:d.storeIDs,filter:{platform:"amazon",limit:200},onChange:f,getValueImmediate:!0,allowMultiple:!0}),(null===(t=d.stores)||void 0===t?void 0:t.length)>0?n.a.createElement(n.a.Fragment,null,d.stores.map((e,t)=>n.a.createElement(oJ,{key:"store-"+((null===e||void 0===e?void 0:e.value)||(null===e||void 0===e?void 0:e.label)||t),store:e,storeIndex:t,onStateChange:h,onStoreAddAsin:E,onStoreRemoveAsin:v}))):null))}function oJ(e){var t;let{store:a,onStateChange:l,storeIndex:r,onStoreAddAsin:i,onStoreRemoveAsin:o}=e;return n.a.createElement(D.i,{title:(null===a||void 0===a?void 0:a.label)||(null===a||void 0===a?void 0:a.name)||"Store unknown",sectioned:!0,actions:[{content:"Add More",onAction:()=>i(r)}]},(null===a||void 0===a||null===(t=a.amazonIdeaData)||void 0===t?void 0:t.length)>0?n.a.createElement("div",{style:{display:"flex",rowGap:"2rem",flexDirection:"column"}},null===a||void 0===a?void 0:a.amazonIdeaData.map((e,t)=>n.a.createElement(D.i,{title:"Product",sectioned:!0,key:`amazon-idea-${r}-${t}`,actions:[{content:"Delete",disabled:0===t,onAction:()=>o(r,t)}]},n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.cb,{label:"Asin",id:"asin",value:e.asin,onChange:l(r,t),placeholder:"Enter asin"}),n.a.createElement(D.cb,{label:"Product Link",id:"productLink",value:e.productLink,onChange:l(r,t),placeholder:"Enter product link"}),n.a.createElement(D.Q,{options:rJ,value:e.status,id:"status",onChange:l(r,t)}))))):n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.cb,{label:"Asin",id:"asin",value:a.asin,onChange:l,placeholder:"Enter asin"}),n.a.createElement(D.cb,{label:"Product Link",id:"productLink",value:a.productLink,onChange:l,placeholder:"Enter product link"}),n.a.createElement(D.Q,{options:rJ,value:a.status||[],id:"status",onChange:l})))}function sJ(e){let{open:t,onClose:a,ids:r,onCompleted:i}=e;const{setNotify:o,toggleToast:s}=Object(Fa.b)(),{refetch:u}=xG(),[d]=Object(mm.a)(),[m,{loading:p}]=Object(De.c)(tK,{onCompleted:()=>{o({msg:"Clone amazon idea successfully",err:!1}),a(),i&&i(),d(()=>{u&&u()},1e3)},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),g=Object(l.useCallback)(()=>{if(Object(c.c)(r))return;o&&o({msg:null,err:!1}),s&&s(!0);const e=[];
23639for(let t of r)e.push({amazonIdeaID:t});m({variables:{input:e}})},[r,m,o,s]);return n.a.createElement(D.E,{open:t,title:"Clone Amazon Idea",onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Clone",onAction:g,loading:p}},n.a.createElement("p",null,"Are you sure to clone this idea?"))}function cJ(e){let{open:t,onClose:a,ids:r,onCompleted:i}=e;const{setNotify:o,toggleToast:s}=Object(Fa.b)(),{refetch:u}=xG(),[d]=Object(mm.a)(),[m,{loading:p}]=Object(De.c)(JG,{onCompleted:()=>{o({msg:"Mark amazon idea's status Done successfully",err:!1}),a(),i&&i(),d(()=>{u&&u()},1500)},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),g=Object(l.useCallback)(()=>{Object(c.c)(r)||(s&&s(!0),o&&o({msg:null,err:!1}),m({variables:{ids:r}}))},[r]);return n.a.createElement(D.E,{open:t,onClose:a,sectioned:!0,title:"Mark Amazon Idea's status Done",primaryAction:{content:"Submit",onAction:g,loading:p},secondaryActions:[{content:"Cancel",onAction:a}]},n.a.createElement(D.Y,{vertical:!0},n.a.createElement("p",null,"Are you sure you want to mark this Idea as Done?")))}function uJ(e){let{open:t,onClose:a,ids:r,onCompleted:i,node:o}=e;const{setNotify:s,toggleToast:u}=Object(Fa.b)(),{refetch:d}=xG(),[m,p]=Object(l.useReducer)(c.Hb,{storeIDs:[]}),[g]=Object(mm.a)(),[A,{loading:b}]=Object(De.c)(aK,{onCompleted:()=>{s({msg:"Start amazon idea successfully",err:!1}),a(),i&&i(),g(()=>{d&&d()},1500)},onError:e=>{s({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),h=Object(l.useCallback)(()=>{if(Object(c.c)(r))return;if(Object(c.c)(m.storeIDs))return;u&&u(!0),s&&s({msg:null,err:!1});const e=[];for(let t of r)e.push({id:t,storeIDs:m.storeIDs});A({variables:{input:e}})},[r,m.storeIDs]),f=Object(l.useCallback)(e=>{p({storeIDs:e})},[]);return Object(l.useEffect)(()=>{const e=hK(null===o||void 0===o?void 0:o.stores);e.length>0&&p({storeIDs:e})},[JSON.stringify(null===o||void 0===o?void 0:o.stores)]),n.a.createElement(D.E,{open:t,onClose:a,sectioned:!0,title:"Amazon Idea Update Store",primaryAction:{content:"Submit",onAction:h,loading:b,disabled:Object(c.c)(m.storeIDs)},secondaryActions:[{content:"Cancel",onAction:a}]},n.a.createElement(D.Y,{vertical:!0},n.a.createElement(Yq.default,{value:m.storeIDs,filter:{platform:"amazon",limit:200},onChange:f,getValueImmediate:!0,allowMultiple:!0})))}function dJ(e){let{node:t}=e;const[a,r]=Object(l.useReducer)(c.Hb,{open:!1,action:null,active:!1}),{currentUser:i}=Object(te.c)(),{isSeller:o,isChannelLeader:s,isChannelSeller:u,isChannelIdea:d,isChannelSupporter:m,isChannelSupportLeader:p}=Object(c.j)(i),g=o||s||p,A=Object(c.U)(i),b=o||s||u||d,h=Object(l.useCallback)(()=>{r({open:!1,active:!1,action:null})},[]),f=Object(l.useCallback)(()=>{r(e=>({...e,active:!e.active}))},[]),v=Object(l.useCallback)(e=>()=>{r({open:!0,action:e})},[]),E={node:t,ids:[t.id],open:a.open,onClose:h},y=bK(t,[oe.h.Doing]),k=bK(t,[oe.h.Done]),O=bK(t,[oe.h["Partially Completed"]]),j=bK(t,[oe.h["Need Review"]]),w=bK(t,[oe.h.Rejected]),S=bK(t,[oe.h["Partially Completed"],oe.h.Denied]),I=!!Object(C.get)(t,"picker"),P=m&&dK(t,i,!1),x=[{content:"View Detail",icon:KM.a,onAction:v("view")},dK(t,i)&&{content:"Update",icon:Fx.a,onAction:()=>{B.a.push(`/${A}/amazon-ideas/${t.id}/update`)}},g&&!I&&S&&{content:"Assign",icon:OT.a,onAction:v("assign")},g&&{content:"Update KPI",icon:cI.a,onAction:v("updateKPI")},m&&!I&&S&&{content:"Pick",icon:OT.a,onAction:v("pick")},j&&b&&{content:"Accept",icon:yT.a,onAction:v("accept")},j&&b&&{content:"Reject",icon:Nx.a,onAction:v("reject")},(b||p||m)&&{content:"Update Store",icon:cI.a,onAction:v("updateStore")},y&&P&&{content:"Mark Done",icon:yT.a,onAction:v("markDone")},(O||w)&&P&&{content:"Mark Status Done",icon:yT.a,onAction:v("markStatusDone")},k&&{content:"Update Product Status",icon:yT.a,onAction:v("updateProductStatus")},I&&O&&P&&{content:"Start",icon:CT.a,onAction:v("start")},O&&P&&{content:"Deny",icon:kT.a,onAction:v("deny")},b&&{content:"Clone",icon:$U.a,onAction:v("clone")},dK(t,i)&&{content:"Delete",icon:Nx.a,onAction:v("delete")}
23639].filter(Boolean),M={view:n.a.createElement(WK,E),assign:n.a.createElement(fK,E),pick:n.a.createElement(XK,E),accept:n.a.createElement(_K,E),deny:n.a.createElement(yK,E),start:n.a.createElement(eJ,E),markStatusDone:n.a.createElement(cJ,E),delete:n.a.createElement(EK,E),reject:n.a.createElement(GK,E),markDone:n.a.createElement(lJ,E),updateKPI:n.a.createElement(tJ,E),updateProductStatus:n.a.createElement(iJ,E),clone:n.a.createElement(sJ,E),updateStore:n.a.createElement(uJ,E)},T=n.a.createElement(D.g,{children:"Actions",disclosure:!0,onClick:f,disabled:Object(c.c)(x)});return n.a.createElement(l.Fragment,null,n.a.createElement(D.K,{activator:T,onClose:f,active:a.active},n.a.createElement(D.a,{items:x})),M[a.action])}function mJ(e){let{ids:t,open:a,onClose:r}=e;const{refetch:i}=xG(),[o]=Object(mm.a)(),s=Object(l.useCallback)(()=>{r(),o(()=>{i&&i()},1500)},[]);return n.a.createElement(D.E,{title:"Mark Badge",sectioned:!0,open:a,onClose:r},n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement(D.z,{label:"Badge color"}),n.a.createElement(lK,{ids:t,handleCompleted:s})))}function pJ(){const{currentUser:e}=Object(te.c)(),{isChannelLeader:t,isChannelIdea:a,isChannelSupporter:r,isChannelSeller:i,isSeller:o,isChannelSupportLeader:s}=Object(c.j)(e),{filter:u}=xG(),d=i||t||o,[m,p]=Object(l.useReducer)(c.Hb,{open:!1,action:null}),{ids:g,onCompleted:A}=Object(nR.b)(),b=Object(l.useCallback)(e=>{p(t=>({...t,open:!t.open,action:e}))},[]),h={open:m.open,toggleShowModal:b,onClose:b,onCompleted:A,ids:g},f={assign:n.a.createElement(fK,h),pick:n.a.createElement(XK,h),start:n.a.createElement(eJ,h),markStatusDone:n.a.createElement(cJ,h),deny:n.a.createElement(yK,h),delete:n.a.createElement(EK,h),reject:n.a.createElement(GK,h),updateKPI:n.a.createElement(tJ,h),accept:n.a.createElement(_K,h),markDone:n.a.createElement(lJ,h),updateProductStatus:n.a.createElement(iJ,h),markBadge:n.a.createElement(mJ,h),clone:n.a.createElement(sJ,h),updateStore:n.a.createElement(uJ,h)},v=function(e){return gJ(e,oe.h["Partially Completed"])}(u),E=function(e){return gJ(e,oe.h.Denied)}(u),y=function(e){return gJ(e,oe.h.Doing)}(u),C=function(e){return gJ(e,oe.h.Done)}(u),k=function(e){return gJ(e,oe.h.Rejected)}(u);return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.h,{segmented:!0},d||s?n.a.createElement(D.g,{children:"Assign Amazon Idea",onClick:()=>b("assign"),disclosure:!0}):null,r&&(v||y)?n.a.createElement(D.g,{children:"Deny Amazon Idea",onClick:()=>b("deny"),disclosure:!0}):null,r&&v?n.a.createElement(D.g,{children:"Start Amazon Idea",onClick:()=>b("start"),disclosure:!0}):null,r&&(v||E)?n.a.createElement(D.g,{children:"Pick Amazon Idea",onClick:()=>b("pick"),disclosure:!0}):null,r&&y?n.a.createElement(D.g,{children:"Mark Done",onClick:()=>b("markDone"),disclosure:!0}):null,r&&(v||k)?n.a.createElement(D.g,{children:"Mark Status Done",onClick:()=>b("markStatusDone"),disclosure:!0}):null,d||s?n.a.createElement(D.g,{children:"Reject Amazon Idea",onClick:()=>b("reject"),disclosure:!0}):null,d?n.a.createElement(D.g,{children:"Accept Amazon Idea",onClick:()=>b("accept"),disclosure:!0}):null,d||s?n.a.createElement(D.g,{children:"Update KPI",onClick:()=>b("updateKPI"),disclosure:!0}):null,C?n.a.createElement(D.g,{children:"Update Product Status",onClick:()=>b("updateProductStatus"),disclosure:!0}):null,n.a.createElement(D.g,{children:"Mark Badge",onClick:()=>b("markBadge"),disclosure:!0}),d||a?n.a.createElement(D.g,{children:"Clone",onClick:()=>b("clone"),disclosure:!0}):null,d||a||s||r?n.a.createElement(D.g,{children:"Update Store",onClick:()=>b("updateStore"),disclosure:!0}):null,d||a?n.a.createElement(D.g,{children:"Delete Amazon Idea",onClick:()=>b("delete"),disclosure:!0}):null),f[m.action]||null)}function gJ(e,t){const a=Object(C.get)(e,"status");return!a||a===t}function AJ(e,t){const a=[];for(const r of e){var l;if(Object(c.Gb)(r))continue;const{id:e,title:i,type:o,createdAt:s,status:u,isPersonalized:d,totalStore:m}=r;let p=Number((m||1)*(r.kpi||0));p=Number(p).toFixed(2);const g=gK[u],A=d?"success":"new",b=d?"Yes":"No";let h=n.a.createElement(D.e,{status:g,progress:u===oe.h.Doing?"incomplete":void 0},u);u===oe.h.Rejected&&r.rejectReason&&(h=n.a.createElement(n.a.Fragment,null,n.a.createElement(D.gb,{content:r.rejectReason},h),n.a.createElement("div",{style:{paddingLeft:".8rem"}},"Reason:"," ",n.a.createElement(D.db,{variation:"subdued"},r.rejectReason)))),u===oe.h.Denied&&r.denyReason&&(h=n.a.createElement(n.a.Fragment,null,n.a.createElement(D.gb,{content:r.denyReason}," ",h),n.a.createElement("div",{style:{paddingLeft:".8rem"}},"Reason:"," ",n.a.createElement(D.db,{variation:"subdued"},r.denyReason))));const f=CJ(r),v=(kJ(r),[t?t(e):null,n.a.createElement("div",{className:"id item"},n.a.createElement("span",null,e)),n.a.createElement("div",{className:"title item"},n.a.createElement("span",null,i),n.a.createElement(lK,{ids:[e],node:r})),n.a.createElement("div",{className:"mockup item"},n.a.createElement("div",null,(null===r||void 0===r||null===(l=r.mockups)||void 0===l?void 0:l.length)>0?n.a.createElement(ci.default,{files:{files:r.mockups},limit:1,width:80,height:80,label:"Mockups"}):null)),n.a.createElement("div",{className:"type item"},n.a.createElement("span",null,o)),n.a.createElement("div",{className:"status item"},h),n.a.createElement("div",{className:"personalized item"},n.a.createElement(D.e,{status:A},b)),n.a.createElement("div",{className:"kpi item","data-kpi":r.kpi,"data-total-store":m},p||""),n.a.createElement("div",{className:"product item"},n.a.createElement(hJ,{node:r})),n.a.createElement("div",{className:"author item"},n.a.createElement("span",null,bJ(r.author))),n.a.createElement("div",{className:"picker item"},n.a.createElement("span",null,bJ(r.picker))),n.a.createElement("div",{className:"store-name item"},n.a.createElement("span",null,f)),n.a.createElement("div",{className:"created-at item"},n.a.createElement("span",null,Object(c.C)(s))),n.a.createElement("div",{className:"actions-wrap item"},n.a.createElement(dJ,{node:r}))]);a.push(v)}return a}
23639function bJ(e){return e?[e.firstName,e.lastName].filter(Boolean).join(" "):""}function hJ(e){let{node:t}=e;const a=function(e){const t=Object(C.get)(e,"products")||[],a=[];for(let l of t)l&&(l.asin||l.productLink)&&a.push(l);return a}(t);return(null===a||void 0===a?void 0:a.length)>0?n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},a.map((e,t)=>n.a.createElement(D.Y,{spacing:"tight",alignment:"center",key:"product-info-"+t},n.a.createElement(EJ,{store:null===e||void 0===e?void 0:e.store}),n.a.createElement(yJ,e),n.a.createElement(vJ,{status:null===e||void 0===e?void 0:e.status,ids:(null===e||void 0===e?void 0:e.id)?[e.id]:void 0})))):null}rJ.unshift({label:"Choose status",value:""});const fJ={[oe.f.Active]:"#bbe5b3",[oe.f.Inactive]:"#fead9a",[oe.f.OutOfStock]:"#ffea8a",[oe.f.Closed]:"#dfe3e8",Unknown:"#b4e1fa"};function vJ(e){let{status:t,ids:a}=e;const[r,i]=Object(l.useReducer)(c.Hb,{status:t||"Unknown"});n.a.useEffect(()=>{t&&i({status:t})},[t]);const o=fJ[r.status],s=oe.g[r.status]||"Unknown";return n.a.createElement(wJ,{statusColor:o,style:{"--bg-color":o}},s,n.a.createElement(sK,{status:r.status,setState:i,ids:a}))}function EJ(e){let{store:t}=e;return t?n.a.createElement("span",{title:null===t||void 0===t?void 0:t.id},n.a.createElement("b",null,"Store:")," ",null===t||void 0===t?void 0:t.title," -"):null}function yJ(e){let{productLink:t,asin:a}=e;return t?n.a.createElement("a",{title:"Asin: "+a,href:t,target:"_blank",className:"Polaris-Link"},a||"Product Link"):a?n.a.createElement("span",{title:"Asin: "+a},a):""}function CJ(e){return(Object(C.get)(e,"stores")||[]).map(e=>null===e||void 0===e?void 0:e.title).filter(Boolean).join(", ")}function kJ(e){return(Object(C.get)(e,"storeTypes")||[]).map(e=>null===e||void 0===e?void 0:e.label).filter(Boolean).join(", ")}const OJ=j.b.div` 23640 overflow-x: auto; 23641 23642 .Polaris-DataTable__ScrollContainer { 23643 overflow-x: inherit; 23644 } 23645 23646 .item { 23647 white-space: normal; 23648 word-break: break-word; 23649 } 23650 23651 .actions-wrap { 23652 width: calc(13.5rem - 3.2rem); 23653 margin-left: auto; 23654 } 23655 23656 .author, 23657 .picker, 23658 .store-type, 23659 .created-at { 23660 width: calc(18rem - 3.2rem); 23661 } 23662 23663 .id { 23664 width: calc(13rem - 3.2rem); 23665 } 23666 23667 .status { 23668 width: calc(17.5rem - 3.2rem); 23669 } 23670 23671 .personalized, 23672 .type, 23673 .kpi { 23674 width: calc(13rem - 3.2rem); 23675 } 23676 23677 .store-name { 23678 width: calc(25rem - 3.2rem); 23679 } 23680 23681 .title { 23682 width: calc(30rem - 3.2rem); 23683 } 23684 23685 .product { 23686 width: calc(40rem - 3.2rem); 23687 } 23688`,jJ=j.b.div` 23689 padding: 1.6rem; 23690 overflow-x: scroll; 23691 background: var(--p-surface-subdued, #f4f6f8); 23692`,wJ=j.b.div` 23693 display: flex; 23694 background-color: var(--bg-color, #f0f0f0); 23695 padding: 0.3rem 1rem 0.3rem 1.3rem; 23696 border-radius: 2rem; 23697 align-items: center; 23698 column-gap: 0.5rem; 23699 23700 > div { 23701 display: flex; 23702 align-items: center; 23703 } 23704`;var SJ=function(){const{loading:e,error:t,amazonIdeas:a,setFilter:r,filter:i,total:o,refetch:s,aggregations:u}=xG(),d=Object(l.useCallback)((e,t)=>{r({offset:e,limit:t})},[r]);let{limit:m,offset:p}=i;const g={page:p/m+1,totalPage:Math.ceil(o/m),offset:p,limit:m,onChange:d,total:o},A=(null===i||void 0===i?void 0:i.status)===oe.h.Done,b=Object(C.get)(u,"total_kpi");return n.a.createElement(n.a.Fragment,null,n.a.createElement(OJ,null,e?n.a.createElement(Je.default,null):t?n.a.createElement("div",null,"Error: ",Object(c.ib)(null===t||void 0===t?void 0:t.toString())):(null===a||void 0===a?void 0:a.length)>0?n.a.createElement(n.a.Fragment,null,n.a.createElement(nR.a,{data:a,refetch:s,actionMarkup:n.a.createElement(pJ,null)},e=>{let{checkAllMarkup:t,checkItemMarkup:l}=e;return n.a.createElement(lR.default,{fixedColumn:!0},n.a.createElement(D.n,{rows:AJ(a,l)||[],columnContentTypes:[...Array.from({length:13}).fill("text"),"numeric"],headings:[t,"ID","Title","Mockup","Type","Status","Personalized","KPI","Product","Author","Picker","Stores","Created At",n.a.createElement("div",{className:"actions-wrap"},"Actions")],hideScrollIndicator:!0,verticalAlign:"middle"}))}),n.a.createElement(jJ,null,n.a.createElement(Ye.default,Object.assign({aggregation:g,showTotal:!0},A?{totalKpi:b}:{})))):n.a.createElement(We.default,null)))};function IJ(e){let{open:t,onClose:a}=e;const{setNotify:r,toggleToast:i}=Object(Fa.b)(),{refetch:o}=xG(),[s,u]=Object(l.useState)("50"),[d]=Object(mm.a)(),[m,{loading:p}]=Object(De.c)(UG,{onCompleted:()=>{r({msg:"Division amazon idea is being handled",err:!1}),a(),d(()=>{o&&o()},1500)},onError:e=>{r({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),g=Object(l.useRef)(null),A=Object(l.useCallback)(()=>{var e;
23704if(null===(e=g.current)||void 0===e?void 0:e.getSupporter){const e=g.current.getSupporter();if(!e||Object(c.c)(e))return;i&&i(!0),r&&r({msg:null,err:!1}),m({variables:{totalKpi:Number(s)||50,supporterIDs:e}})}},[s]);return n.a.createElement(D.E,{open:t,onClose:a,sectioned:!0,title:"Amazon Idea Division",primaryAction:{content:"Submit",onAction:A,loading:p},secondaryActions:[{content:"Cancel",onAction:a}]},t?n.a.createElement(D.Y,{vertical:!0},n.a.createElement(D.cb,{label:"Total kpi",type:"number",value:s,onChange:e=>u(e),placeholder:"Enter total kpi"}),n.a.createElement(uK,{ref:g,allowMultiple:!0})):null)}const BJ=["all",oe.h.Rejected,oe.h["Partially Completed"],oe.h["Un Picked"],oe.h.Picked,oe.h.Denied,oe.h.Doing,oe.h.Done].map(e=>e.toLocaleLowerCase()),DJ=[{name:"All",key:"all"},{name:oe.h["Need Review"],key:oe.h["Need Review"].toLocaleLowerCase()},{name:oe.h.Rejected,key:oe.h.Rejected.toLocaleLowerCase()},{name:oe.h["Partially Completed"],key:oe.h["Partially Completed"].toLocaleLowerCase()},{name:oe.h["Un Picked"],key:oe.h["Un Picked"].toLocaleLowerCase()},{name:oe.h.Picked,key:oe.h.Picked.toLocaleLowerCase()},{name:oe.h.Denied,key:oe.h.Denied.toLocaleLowerCase()},{name:oe.h.Doing,key:oe.h.Doing.toLocaleLowerCase()},{name:oe.h.Done,key:oe.h.Done.toLocaleLowerCase()}],PJ=DJ.filter(e=>BJ.includes(e.key)),xJ=Object.values(oe.h).map(e=>e.toLowerCase());function MJ(){const{aggregations:e,filter:t,setFilter:a}=xG(),{currentUser:r}=Object(te.c)(),{isChannelSupportLeader:i,isChannelSupporter:o}
23704=Object(c.j)(r),s=i||o,u=s?PJ:DJ,[d,m]=Object(l.useState)(TJ(null===t||void 0===t?void 0:t.status,u));Object(l.useEffect)(()=>{m(TJ(null===t||void 0===t?void 0:t.status,u))},[null===t||void 0===t?void 0:t.search,u]);const[p]=Object(mm.a)(),g=Object(l.useCallback)(e=>{m(e);const t={status:null,isPicked:null};var l;e>0&&(t.status=null===(l=u[e])||void 0===l?void 0:l.name);"Un Picked"===t.status?(t.status=oe.h["Partially Completed"],t.isPicked=!1):"Picked"===t.status&&(t.status=oe.h["Partially Completed"],t.isPicked=!0),p(()=>{a(t)})},[u]);return n.a.createElement(D.Z,{tabs:QJ(e,s),selected:d,onSelect:g})}function TJ(e,t){if(!e)return 0;if(!xJ.includes(e.toLowerCase()))return 0;const a=t.findIndex(t=>{let{name:a}=t;return a===e});return a>0?a:0}function QJ(e,t){const a={};for(let[n,r]of Object.entries(e)){const e=n.split("_");"total"!==n?2===e.length&&e.includes("total")&&xJ.includes(e[1])&&(a[e[1]]=r):a.all=r}const l=[];for(let r of DJ){if(t&&!BJ.includes(r.key))continue;let e=0;a[r.key]&&(e=a[r.key]);const i={id:RJ(r.name),content:n.a.createElement("div",null,n.a.createElement("span",{style:{marginRight:"0.5rem"}},r.name),n.a.createElement(D.e,null,e))};l.push(i)}return l}function RJ(e){return e?e.toLowerCase().replace(/ /g,"_"):""}function FJ(){const{currentUser:e}=Object(te.c)(),t=Object(c.U)(e),[a,l]=Object(Ee.a)(!1),{isChannelSupporter:r,isChannelSupportLeader:i}=Object(c.j)(e),o=r||i;return n.a.createElement(D.H,{title:"Amazon Ideas",fullWidth:!0,primaryAction:r?null:n.a.createElement(D.h,null,o?null:n.a.createElement(D.g,{primary:!0,url:`/${t}/amazon-ideas/create`},"Create Amazon Idea"),n.a.createElement(D.g,{onClick:l},"Division"))},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(TG,null)),n.a.createElement(D.i,null,n.a.createElement(MJ,null),n.a.createElement(SJ,null)),n.a.createElement(IJ,{open:a,onClose:()=>l(!1)}))}function NJ(){const{store:e}=Object(te.c)(),[t,a]=n.a.useReducer(c.Hb,{limit:20,offset:0,search:"",status:null,authorIDs:null,pickerIDs:null,storeIDs:(null===e||void 0===e?void 0:e.id)&&"all"!==e.id?[e.id]:null,types:null,range:null,isPersonalized:null,isPicked:null}),{data:l,loading:r,error:i,refetch:o}=Object(De.d)(CG,{variables:{filter:t},fetchPolicy:"no-cache"});return n.a.createElement(PG,{filter:t,setFilter:a,loading:r,error:i,total:UJ(l),amazonIdeas:LJ(l),aggregations:VJ(l),refetch:o},n.a.createElement(FJ,null))}function UJ(e){return Object(C.get)(e,"getAmazonIdeas.total")}function LJ(e){return Object(C.get)(e,"getAmazonIdeas.nodes")||[]}function VJ(e){return Object(C.get)(e,"getAmazonIdeas.aggregations")||{}}function zJ(){const{currentUser:e}=Object(te.c)(),t=Object(c.ub)(e);return n.a.createElement(ud.a,null,t?n.a.createElement(NJ,null):n.a.createElement("p",null,"You don't have privilege to access this route"))}function qJ(){const{id:e}=Object(O.i)(),{currentUser:t}=Object(te.c)(),a=Object(c.U)(t),{setNotify:r,toggleToast:i}=Object(Fa.b)(),{data:o,loading:s,error:u}=Object(De.d)(kG,{variables:{id:e},fetchPolicy:"no-cache"}),[d]=Object(mm.a)(),[m,{loading:p}]=Object(De.c)(FG,{onCompleted:()=>{r({msg:"Update amazon idea successfully",err:!1}),d(()=>{B.a.push(`/${a}/amazon-ideas`)},1e3)},onError:e=>{r({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),g=Object(l.useCallback)(t=>{t&&(r&&r({msg:null,err:!1}),i&&i(!0),m({variables:{input:{...t,id:e}}}))},[m,r,i,e]);return n.a.createElement(D.H,{title:"Update Amazon Idea",fullWidth:!0,breadcrumbs:[{content:"Amazon Ideas",url:`/${a}/amazon-ideas`}]},n.a.createElement(D.i,{sectioned:!0},s?n.a.createElement(Je.default,null):u?n.a.createElement("div",null,"Error: ",Object(c.ib)(null===u||void 0===u?void 0:u.toString())):n.a.createElement(FK,{value:null===o||void 0===o?void 0:o.getAmazonIdea,onSubmit:g,loading:p})))}function HJ(){const{currentUser:e}=Object(te.c)(),t=Object(c.U)(e),{setNotify:a,toggleToast:r}=Object(Fa.b)(),[i]=Object(mm.a)(),[o,{loading:s}]=Object(De.c)(RG,{onCompleted:()=>{a({msg:"Create amazon idea successfully",err:!1}),i(()=>{B.a.push(`/${t}/amazon-ideas`)},1e3)},onError:e=>{a({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),u=Object(l.useCallback)(e=>{e&&(r&&r(!0),a&&a({msg:null,err:!1}),o({variables:{input:e}}))},[o,a,r]);return n.a.createElement(D.H,{title:"Create Amazon Idea",breadcrumbs:[{content:"Amazon Ideas",url:`/${t}/amazon-ideas`}],fullWidth:!0},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(FK,{onSubmit:u,loading:s})))}const $J=[{value:oe.M.Amazon,label:Object(C.capitalize)(oe.M.Amazon)},{value:oe.M.Etsy,label:Object(C.capitalize)(oe.M.Etsy),disabled:!0}];function _J(e){return Object(c.c)(e)?[]:Array.from(new Set(e.map(e=>e.id)))}var GJ=Object(l.forwardRef)((function(e,t){let{value:a}=e;const[r,i]=Object(l.useReducer)(c.Hb,{name:"",channel:oe.M.Amazon,memberIds:[],errors:{}});n.a.useEffect(()=>{if(!a)return;const{name:e,channel:t,members:l}=a||{};i({name:e,channel:t,memberIds:_J(l)})},[a]);const o=Object(l.useCallback)(()=>
23704{if(!r.name)return void i(e=>({...e,errors:{...e.errors,name:"Name is required"}}));const{errors:e,...t}=r;return t},[r]);n.a.useImperativeHandle(t,()=>({getState:o}));const s=Object(l.useCallback)((e,t)=>{const a={[t]:e};"name"===t&&(a.errors=e?{}:{name:"Name is required"}),i(a)},[]);return n.a.createElement(D.s,null,n.a.createElement(D.t,null,n.a.createElement("div",null,n.a.createElement(al.a,{label:"Name",required:!0}),n.a.createElement(D.cb,{id:"name",value:r.name,placeholder:"Enter Channel Team Name",onChange:s,error:r.errors.name})),n.a.createElement(D.Q,{label:"Channel",id:"channel",options:$J,onChange:s,value:r.channel}),n.a.createElement(fI.a,{value:r.memberIds,onChange:e=>s(e,"memberIds"),roles:[oe.gb.ChannelIdea,oe.gb.ChannelSeller,oe.gb.ChannelSupporter,oe.gb.ChannelSupportLeader]})))}));const KJ=Object(l.createContext)(null);function JJ(e){let{children:t,...a}=e;const r=Object(l.useMemo)(()=>({...a}),[Object.values(a)]);return n.a.createElement(KJ.Provider,{value:r},t)}function YJ(){return Object(l.useContext)(KJ)}const WJ=o.a` 23705 mutation createChannelTeam($input: CreateChannelTeamInput!) { 23706 createChannelTeam(input: $input) { 23707 id 23708 } 23709 } 23710`,ZJ=o.a` 23711 mutation updateChannelTeam($input: UpdateChannelTeamInput!) { 23712 updateChannelTeam(input: $input) { 23713 id 23714 } 23715 } 23716`,XJ=o.a` 23717 mutation deleteChannelTeam($ids: [ID!]!) { 23718 deleteChannelTeam(ids: $ids) 23719 } 23720`;function eY(e){let{open:t,onClose:a}=e;const{refetch:r}=YJ(),{toggleToast:i,setNotify:o}=Object(Fa.b)(),[s]=Object(mm.a)(),[u,{loading:d}]=Object(De.c)(WJ,{onCompleted:()=>{o({msg:"Create Channel Team successfully",err:!1}),a(),s(()=>{r&&r()},1500)},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),m=n.a.useRef(null),p=Object(l.useCallback)(()=>{if(!m.current||!m.current.getState)return;const e=m.current.getState();e&&(i&&i(!0),o&&o({msg:null,err:!1}),u({variables:{input:e}}))},[u,i,o]);return n.a.createElement(D.E,{title:"Create Channel Team",sectioned:!0,open:t,onClose:a,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:p,loading:d}},n.a.createElement(GJ,{ref:m}))}function tY(){const[e,t]=n.a.useReducer(c.Hb,{search:""}),{filter:a,setFilter:l}=YJ(),[r]=Object(mm.a)(),i=n.a.useCallback(e=>{t({search:e}),r(()=>{l({search:e})})},[]),o=n.a.useCallback(()=>{t({search:""}),r(()=>{l({search:""})})},[]),s=n.a.useCallback(()=>{o()},[]);return n.a.createElement(D.r,{filters:[],appliedFilters:[],queryPlaceholder:"Search Channel Team",queryValue:e.search,onClearAll:s,onQueryChange:i,onQueryClear:o})}function aY(e){let{open:t,onClose:a,ids:r}=e;const{refetch:i}=YJ(),{toggleToast:o,setNotify:s}=Object(Fa.b)(),[u]=Object(mm.a)(),[d,{loading:m}]=Object(De.c)(XJ,{onCompleted:()=>{s({msg:"Delete Channel Team successfully",err:!1}),a(),u(()=>{i&&i()},1500)},onError:e=>{s({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),p=Object(l.useCallback)(()=>{Object(c.c)(r)||(o&&o(!0),s&&s({msg:null,err:!1}),d({variables:{ids:r}}))},[r,d,o,s]);return n.a.createElement(D.E,{open:t,onClose:a,title:"Delete Channel Team",sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:p,loading:m}},n.a.createElement("p",null,"Are you sure to delete this Channel Team?"))}function lY(e){let{open:t,onClose:a,node:r}=e;const{refetch:i}=YJ(),{toggleToast:o,setNotify:s}=Object(Fa.b)(),[u]=Object(mm.a)(),[d,{loading:m}]=Object(De.c)(ZJ,{onCompleted:()=>{s({msg:"Update Channel Team successfully",err:!1}),a(),u(()=>{i&&i()},1500)},onError:e=>{s({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),p=n.a.useRef(null),g=Object(l.useCallback)(()=>{if(!(null===r||void 0===r?void 0:r.id))return;if(!p.current||!p.current.getState)return;const e=p.current.getState();e&&(o&&o(!0),s&&s({msg:null,err:!1}),d({variables:{input:{...e,id:r.id}}}))},[d,o,s,r]);return n.a.createElement(D.E,{title:"Update Channel Team",sectioned:!0,open:t,onClose:a,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:g,loading:m}},n.a.createElement(GJ,{value:r,ref:p}))}function nY(e){let{node:t}=e;const[a,r]=Object(l.useReducer)(c.Hb,{open:!1,action:null,active:!1}),i=Object(l.useCallback)(()=>{r({open:!1,active:!1,action:null})},[]),o=Object(l.useCallback)(()=>{r(e=>({...e,active:!e.active}))},[]),s=Object(l.useCallback)(e=>()=>{r({open:!0,action:e})},[]),u={node:t,ids:[t.id],open:a.open,onClose:i},d=[{content:"Update",icon:Fx.a,onAction:s("update")},{content:"delete",icon:Nx.a,onAction:s("delete")}
23720].filter(Boolean),m={update:n.a.createElement(lY,u),delete:n.a.createElement(aY,u)},p=n.a.createElement(D.g,{children:"Actions",disclosure:!0,onClick:o,disabled:Object(c.c)(d)});return n.a.createElement(l.Fragment,null,n.a.createElement(D.K,{activator:p,onClose:o,active:a.active},n.a.createElement(D.a,{items:d})),m[a.action])}function rY(e){const t=[];for(const a of e){if(Object(c.Gb)(a))continue;const{id:e,name:l,channel:r,createdAt:i,members:o}=a,s=[n.a.createElement("div",{className:"id item"},n.a.createElement("span",null,e)),n.a.createElement("div",{className:"name item"},n.a.createElement("span",null,l)),n.a.createElement("div",{className:"channel item"},n.a.createElement("span",null,r)),n.a.createElement("div",{className:"members item"},n.a.createElement("span",null,iY(o))),n.a.createElement("div",{className:"created-at item"},n.a.createElement("span",null,Object(c.C)(i))),n.a.createElement("div",{className:"actions-wrap item"},n.a.createElement(nY,{node:a}))];t.push(s)}return t}function iY(e){const t=[];if(Object(c.c)(e))return"";for(let a of e)t.push(Object(c.R)(a));return t.join(", ")}const oY=j.b.div` 23721 overflow-x: auto; 23722 23723 .Polaris-DataTable__ScrollContainer { 23724 overflow-x: inherit; 23725 } 23726 23727 .item { 23728 white-space: normal; 23729 word-break: break-word; 23730 } 23731 23732 .actions-wrap { 23733 width: calc(13.5rem - 3.2rem); 23734 margin-left: auto; 23735 } 23736 23737 .author, 23738 .picker, 23739 .id, 23740 .created-at { 23741 width: calc(18rem - 3.2rem); 23742 } 23743 23744 .personalized, 23745 .type, 23746 .kpi { 23747 width: calc(13rem - 3.2rem); 23748 } 23749 23750 .status { 23751 width: calc(25rem - 3.2rem); 23752 } 23753 23754 .title, 23755 .product { 23756 width: calc(20rem - 3.2rem); 23757 } 23758`,sY=j.b.div` 23759 padding: 1.6rem; 23760 overflow-x: scroll; 23761 background: var(--p-surface-subdued, #f4f6f8); 23762`;var cY=function(){const{loading:e,error:t,channelTeams:a,setFilter:r,filter:i,total:o}=YJ(),s=Object(l.useCallback)((e,t)=>{r({offset:e,limit:t})},[r]);let{limit:u,offset:d}=i;const m={page:d/u+1,totalPage:Math.ceil(o/u),offset:d,limit:u,onChange:s,total:o};return n.a.createElement(n.a.Fragment,null,n.a.createElement(oY,null,e?n.a.createElement(Je.default,null):t?n.a.createElement("div",null,"Error: ",Object(c.ib)(null===t||void 0===t?void 0:t.toString())):(null===a||void 0===a?void 0:a.length)>0?n.a.createElement(n.a.Fragment,null,n.a.createElement(lR.default,{fixedColumn:!0},n.a.createElement(D.n,{rows:rY(a)||[],columnContentTypes:[...Array.from({length:5}).fill("text"),"numeric"],headings:["ID","Name","Channel","Members","Created At",n.a.createElement("div",{className:"actions-wrap"},"Actions")],hideScrollIndicator:!0,verticalAlign:"middle"})),n.a.createElement(sY,null,n.a.createElement(Ye.default,{aggregation:m,showTotal:!0}))):n.a.createElement(We.default,null)))};function uY(){const{currentUser:e}=Object(te.c)(),{isSeller:t,isChannelLeader:a}=Object(c.j)(e),r=t||a,[i,o]=Object(l.useState)(!1),s=Object(l.useCallback)(()=>{o(!1)},[]),u=Object(l.useCallback)(()=>{o(!0)},[]);return n.a.createElement(D.H,{title:"Channel Teams",fullWidth:!0,primaryAction:r?{content:"Create ChannelTeam",onAction:()=>u()}:null},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(tY,null)),n.a.createElement(D.i,null,n.a.createElement(cY,null)),n.a.createElement(eY,{open:i,onClose:s}))}function dY(){const[e,t]=Object(l.useReducer)(c.Hb,{limit:20,offset:0,search:""}),{data:a,loading:r,error:i,refetch:o}=Object(De.d)(mE,{variables:{filter:e},fetchPolicy:"no-cache"});return n.a.createElement(JJ,{filter:e,setFilter:t,loading:r,error:i,total:mY(a),channelTeams:pY(a),refetch:o},n.a.createElement(uY,null))}function mY(e){return Object(C.get)(e,"getChannelTeams.total")}function pY(e){return Object(C.get)(e,"getChannelTeams.nodes")||[]}function gY(){const{currentUser:e}=Object(te.c)(),t=Object(c.ub)(e);return n.a.createElement(ud.a,null,t?n.a.createElement(dY,null):n.a.createElement("p",null,"You don't have privilege to access this route"))}const AY=Object(l.createContext)(null);function bY(e){let{children:t,...a}=e;const r=Object(l.useMemo)(()=>({...a}),[...Object.values(a)]);return n.a.createElement(AY.Provider,{value:r},t)}function hY(){return Object(l.useContext)(AY)}function fY(){const[e,t]=n.a.useReducer(c.Hb,{search:""}),{setFilter:a}=hY(),[l]=Object(mm.a)(),r=n.a.useCallback(e=>{t({search:e}),l(()=>{a({search:e})})},[]),i=n.a.useCallback(()=>{t({search:""}),l(()=>{a({search:""})})},[]),o=n.a.useCallback(()=>{i()},[]);return n.a.createElement(D.r,{filters:[],appliedFilters:[],queryPlaceholder:"Search Amazon Idea Template",queryValue:e.search,onClearAll:o,onQueryChange:r,onQueryClear:i})}function vY(e){let{open:t,onClose:a,ids:r,onCompleted:i}=e;const{setNotify:o,toggleToast:s}=Object(Fa.b)(),{refetch:u}=hY(),[d]=Object(mm.a)(),[m,{loading:p}]=Object(De.c)(eK,{onCompleted:()=>{o({msg:"Delete amazon idea template successfully",err:!1}),a(),i&&i(),d(()=>{u&&u()},1e3)},onError:e=>{o({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),g=Object(l.useCallback)(()=>{Object(c.c)(r)||(o&&o({msg:null,err:!1}),s&&s(!0),m({variables:{ids:r}}))},[r,m,o,s]);return n.a.createElement(D.E,{open:t,title:"Delete Amazon Idea Template",onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Delete",onAction:g,loading:p}},n.a.createElement("p",null,"Are you sure to delete this idea template?"))}function EY(e){let{node:t}=e;const[a,r]=Object(l.useReducer)(c.Hb,{open:!1,action:null,active:!1}),{currentUser:i}=Object(te.c)(),o=Object(c.U)(i),s=Object(l.useCallback)(()=>{r({open:!1,active:!1,action:null})},[]),u=Object(l.useCallback)(()=>{r(e=>({...e,active:!e.active}))},[]),d=Object(l.useCallback)(e=>()=>{r({open:!0,action:e})},[]),m={node:t,ids:[t.id],open:a.open,onClose:s},p=[dK(t,i)&&{content:"Update",icon:Fx.a,onAction:()=>{B.a.push(`/${o}/amazon-idea-templates/${t.id}/update`)}},dK(t,i)&&{content:"delete",icon:Nx.a,onAction:d("delete")}
23762].filter(Boolean),g={delete:n.a.createElement(vY,m)},A=n.a.createElement(D.g,{children:"Actions",disclosure:!0,onClick:u,disabled:Object(c.c)(p)});return n.a.createElement(l.Fragment,null,n.a.createElement(D.K,{activator:A,onClose:u,active:a.active},n.a.createElement(D.a,{items:p})),g[a.action])}function yY(){const{currentUser:e}=Object(te.c)(),{isChannelLeader:t,isChannelIdea:a,isChannelSeller:r,isSeller:i}=Object(c.j)(e),o=r||t||a||i,[s,u]=Object(l.useReducer)(c.Hb,{open:!1,action:null}),{ids:d,onCompleted:m}=Object(nR.b)(),p=Object(l.useCallback)(e=>{u(t=>({...t,open:!t.open,action:e}))},[]),g={open:s.open,toggleShowModal:p,onClose:p,onCompleted:m,ids:d},A={delete:n.a.createElement(vY,g)};return n.a.createElement(n.a.Fragment,null,n.a.createElement(D.h,{segmented:!0},o?n.a.createElement(D.g,{children:"Delete Template",onClick:()=>p("delete"),disclosure:!0}):null),A[s.action]||null)}function CY(e,t){const a=[];for(const l of e){if(Object(c.Gb)(l))continue;const{id:e,title:r,createdAt:i}=l,o=[t?t(e):null,n.a.createElement("div",{className:"id item"},n.a.createElement("span",null,e)),n.a.createElement("div",{className:"title item"},n.a.createElement("span",null,r)),n.a.createElement("div",{className:"author item"},n.a.createElement("span",null,kY(l.author))),n.a.createElement("div",{className:"created-at item"},n.a.createElement("span",null,Object(c.C)(i))),n.a.createElement("div",{className:"actions-wrap item"},n.a.createElement(EY,{node:l}))];a.push(o)}return a}function kY(e){return e?[e.firstName,e.lastName].filter(Boolean).join(" "):""}const OY=j.b.div` 23763 overflow-x: auto; 23764 23765 .Polaris-DataTable__ScrollContainer { 23766 overflow-x: inherit; 23767 } 23768 23769 .item { 23770 white-space: normal; 23771 word-break: break-word; 23772 } 23773 23774 .actions-wrap { 23775 width: calc(13.5rem - 3.2rem); 23776 margin-left: auto; 23777 } 23778 23779 .author, 23780 .id, 23781 .created-at { 23782 width: calc(18rem - 3.2rem); 23783 } 23784 23785 .title { 23786 width: calc(20rem - 3.2rem); 23787 } 23788`,jY=j.b.div` 23789 padding: 1.6rem; 23790 overflow-x: scroll; 23791 background: var(--p-surface-subdued, #f4f6f8); 23792`;var wY=function(){const{loading:e,error:t,amazonIdeaTemplates:a,setFilter:r,filter:i,total:o,refetch:s}=hY(),u=Object(l.useCallback)((e,t)=>{r({offset:e,limit:t})},[r]);let{limit:d,offset:m}=i;const p={page:m/d+1,totalPage:Math.ceil(o/d),offset:m,limit:d,onChange:u,total:o};return n.a.createElement(n.a.Fragment,null,n.a.createElement(OY,null,e?n.a.createElement(Je.default,null):t?n.a.createElement("div",null,"Error: ",Object(c.ib)(null===t||void 0===t?void 0:t.toString())):(null===a||void 0===a?void 0:a.length)>0?n.a.createElement(n.a.Fragment,null,n.a.createElement(nR.a,{data:a,refetch:s,actionMarkup:n.a.createElement(yY,null)},e=>{let{checkAllMarkup:t,checkItemMarkup:l}=e;return n.a.createElement(lR.default,{fixedColumn:!0},n.a.createElement(D.n,{rows:CY(a,l)||[],columnContentTypes:[...Array.from({length:13}).fill("text"),"numeric"],headings:[t,"ID","Title","Author","Created At",n.a.createElement("div",{className:"actions-wrap"},"Actions")],hideScrollIndicator:!0,verticalAlign:"middle"}))}),n.a.createElement(jY,null,n.a.createElement(Ye.default,{aggregation:p,showTotal:!0}))):n.a.createElement(We.default,null)))};function SY(){const{currentUser:e}=Object(te.c)(),t=Object(c.U)(e),{isChannelSupporter:a,isChannelSupportLeader:l}=Object(c.j)(e),r=a||l;return n.a.createElement(D.H,{fullWidth:!0,title:"Amazon Idea Templates",primaryAction:r?null:n.a.createElement(D.h,null,n.a.createElement(D.g,{primary:!0,url:`/${t}/amazon-idea-templates/create`},"Create Amazon Idea Template"))},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(fY,null)),n.a.createElement(D.i,null,n.a.createElement(wY,null)))}function IY(){const[e,t]=n.a.useReducer(c.Hb,{limit:20,offset:0,search:""}),{data:a,loading:l,error:r,refetch:i}=Object(De.d)(OG,{variables:{filter:e},fetchPolicy:"no-cache"});return n.a.createElement(bY,{filter:e,setFilter:t,loading:l,error:r,refetch:i,amazonIdeaTemplates:DY(a),total:BY(a)},n.a.createElement(SY,null))}function BY(e){return Object(C.get)(e,"getAmazonIdeaTemplates.total")}function DY(e){return Object(C.get)(e,"getAmazonIdeaTemplates.nodes")||[]}function PY(){const{currentUser:e}=Object(te.c)(),t=Object(c.ub)(e);return n.a.createElement(ud.a,null,t?n.a.createElement(IY,null):n.a.createElement("p",null,"You don't have privilege to access this route"))}const xY={title:"Idea Template title is required"};function MY(e,t){const a={};return xY[t]&&(a[t]=null,e?"string"!==typeof e&&Object(c.c)(e)&&(a[t]=xY[t]):a[t]=xY[t]),a}var TY=function(e){let{loading:t,onSubmit:a,value:r}=e;const[i,o]=Object(l.useReducer)(c.Hb,{title:"",fields:[]}),[s,u]=Object(l.useState)({});Object(l.useEffect)(()=>
23792{if(!r)return;const{title:e,fields:t}=r||{},a={title:e,fields:Object(c.c)(t)?[]:AK(t)};o(a)},[JSON.stringify(r)]);const d=Object(l.useCallback)((e,t)=>{o({[t]:e});const a=MY(e,t);u(e=>({...e,...a}))},[]),m=async()=>{let e={};return Object.entries(i).forEach(t=>{let[a,l]=t;const n=MY(l,a);n&&(e={...e,...n})}),Object.values(e).filter(Boolean).length>0&&(u(t=>({...t,...e})),!0)},p=Object(l.useCallback)(async()=>{if(await m())return;const e=function(e){Object(c.c)(e.fields)||(e.fields=e.fields.map((e,t)=>({type:e.type,label:e.label,instructions:e.instructions,sampleText:e.sampleText,min:e.min?Number(e.min):void 0,max:e.max?Number(e.max):void 0,placeholder:e.placeholder,ordering:t,optionsList:(e.optionsList||[]).map(e=>({name:e.name,priceDifference:Number((null===e||void 0===e?void 0:e.priceDifference)||0)}))})));const{kpi:t,...a}=e;return a}(i);a(e)},[a,i,m]);return n.a.createElement(D.s,{onSubmit:p},n.a.createElement(D.Y,{vertical:!0},n.a.createElement("div",null,n.a.createElement(al.a,{required:!0,label:"Title"}),n.a.createElement(D.cb,{id:"title",placeholder:"Enter Title",value:i.title,error:(null===s||void 0===s?void 0:s.title)||"",onChange:d})),n.a.createElement("div",null,n.a.createElement(D.z,{label:"Custom Fields"}),n.a.createElement(NK,{fields:i.fields,setState:o,defaultOpen:!r})),n.a.createElement(D.Y,{distribution:"trailing"},n.a.createElement(D.h,null,n.a.createElement(D.g,{children:"Cancel",onClick:()=>{B.a.goBack()}}),n.a.createElement(D.g,{submit:!0,children:"Submit",primary:!0,loading:t})))))};function QY(){const{currentUser:e}=Object(te.c)(),t=Object(c.U)(e),{setNotify:a,toggleToast:r}=Object(Fa.b)(),[i]=Object(mm.a)(),[o,{loading:s}]=Object(De.c)(ZG,{onCompleted:()=>{a({msg:"Create amazon idea template successfully",err:!1}),i(()=>{B.a.push(`/${t}/amazon-idea-templates`)},1e3)},onError:e=>{a({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),u=Object(l.useCallback)(e=>{e&&(r&&r(!0),a&&a({msg:null,err:!1}),o({variables:{input:e}}))},[o,a,r]);return n.a.createElement(D.H,{title:"Create Amazon Idea Template",fullWidth:!0,breadcrumbs:[{content:"Amazon Idea Templates",url:`/${t}/amazon-idea-templates`}]},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(TY,{onSubmit:u,loading:s})))}function RY(){const{id:e}=Object(O.i)(),{currentUser:t}=Object(te.c)(),a=Object(c.U)(t),{setNotify:r,toggleToast:i}=Object(Fa.b)(),{data:o,loading:s,error:u}=Object(De.d)(jG,{variables:{id:e},fetchPolicy:"no-cache"}),[d]=Object(mm.a)(),[m,{loading:p}]=Object(De.c)(XG,{onCompleted:()=>{r({msg:"Update amazon idea template successfully",err:!1}),d(()=>{B.a.push(`/${a}/amazon-idea-templates`)},1e3)},onError:e=>{r({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),g=Object(l.useCallback)(t=>{t&&(r&&r({msg:null,err:!1}),i&&i(!0),m({variables:{input:{...t,id:e}}}))},[m,r,i,e]);return n.a.createElement(D.H,{title:"Update Amazon Idea Template",fullWidth:!0,breadcrumbs:[{content:"Amazon Idea Templates",url:`/${a}/amazon-idea-templates`}]},n.a.createElement(D.i,{sectioned:!0},s?n.a.createElement(Je.default,null):u?n.a.createElement("div",null,"Error: ",Object(c.ib)(null===u||void 0===u?void 0:u.toString())):n.a.createElement(TY,{value:null===o||void 0===o?void 0:o.getAmazonIdeaTemplate,onSubmit:g,loading:p})))}const FY=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=Object(c.W)(t);return n.a.createElement(Pf,{role:oe.pb.Seller,ordersFilter:w.m,path:l})};var NY=[{path:"/seller/stores",exact:!0,component:rz,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/stores/ebay",exact:!0,component:zR,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/stores/amazon",exact:!0,component:UD,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/stores/amazon/add",exact:!0,component:_D,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/stores/etsy",exact:!0,component:_R.b,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/stores/etsy/add",exact:!0,component:ZD,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/stores/tiktok",exact:!0,component:Qz.b,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/stores/tiktok/add",exact:!0,component:lx,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/store/add",exact:!0,component:()=>{const{data:e,loading:t,error:a}=Object(De.d)(I.Qb,{variables:{roles:[oe.pb.StoreManager,oe.gb.Supporter]}}),l=t&&n.a.createElement(D.D,null);return n.a.createElement(sI,null,l,n.a.createElement(D.H,{title:"Add Store",breadcrumbs:[{content:"Stores",url:"/seller/stores"}]},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(oI,{listUser:e,error:a}))))},layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/store/edit/:id",exact:!0,component:PI,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/store/switch/:id",exact:!0,component:rB,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/tools/product-crawlers",exact:!0,component:QU,layout:ar,title:"All Crawlers",roles:["Seller"],teamRole:"Admin",private:!0},{path:"/tools/product-crawler",exact:!0,component:()=>{const[e,t]=Object(l.useState)(!1),[a,r]=Object(l.useState)(!1),[i,o]=Object(l.useState)({message:null,isError:!1}),[s,{loading:u}]=Object(De.c)(ax,{onCompleted:e=>{o(()=>({message:"Crawl successfuly.",isError:!1})),setTimeout(()=>{B.a.push("/tools/product-crawlers/"+e.createCrawl.id)},2100)},onError:e=>{o({message:Object(c.ib)(e.toString()),isError:!0})}}),d=Object(l.useCallback)(()=>r(e=>!e),[]),m=Object(l.useCallback)(()=>t(e=>!e),[]),p=Object(l.useCallback)(e=>{o({message:null,isError:!1}),e&&s({variables:{input:e}})},[]),g=a?i&&i.message&&n.a.createElement(D.fb,{content:i.message,error:i.isError,duration:2e3,onDismiss:d}):null;return n.a.createElement(tx,null,g,n.a.createElement(D.H,{title:"Product Crawler",breadcrumbs:[{content:"All Crawler",url:"/tools/product-crawlers"}],primaryAction:{content:"Quick Guide",onAction:m},fullWidth:!0},n.a.createElement(ex,{onSubmit:p,loading:u,onNotificationChange:e=>{let{message:t,isError:a}=e;return o(()=>({message:t,isError:a}))},toggleActive:d,isCrawler:!0})),n.a.createElement(D.E,{title:"Quick Guide",open:e,sectioned:!0,large:!0,onClose:m,secondaryActions:[{content:"Cancel",onAction:m}]},n.a.createElement(VP,null)))},layout:ar,title:"Product crawler",roles:["Seller"],teamRole:"Admin"},{path:"/tools/product-crawlers/:id",exact:!0,component:OU,layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/products/product-push",exact:!0,component:yL,title:"Product Push",layout:ar,roles:["Seller"],teamRole:"Admin"}
23792,{path:"/seller/products/product-push/add",exact:!0,component:iC,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/products/product-push/:id",exact:!0,component:bD,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/products/add",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Seller"],teamRole:"Admin"},{path:"/seller/products/add/:id",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Seller"],teamRole:"Admin"},{path:"/seller/products/clone",exact:!0,component:yh,layout:ar,title:"Clone Product",roles:["Seller"],teamRole:"Admin"},{path:"/seller/products/feeds",exact:!0,component:Pk,layout:ar,title:"Product Feeds",roles:["Seller"],teamRole:"Admin"},{path:"/seller/products/feeds/edit/:id",exact:!0,component:Qk,layout:ar,title:"Edit Product Feed",roles:["Seller"],teamRole:"Admin"},{path:"/seller/products/feeds/add",exact:!0,component:fk,layout:ar,title:"Add Product Feed",roles:["Seller"],teamRole:"Admin"},{path:"/seller/products/add-campaign",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Seller"],teamRole:"Admin"},{path:"/seller/products/add-campaign/:id",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Seller"],teamRole:"Admin"},{path:"/seller/products/clone-campaign",exact:!0,component:Kb,layout:ar,title:"Clone Campaign Product",roles:["Seller"],teamRole:"Admin"},{path:"/seller/products/campaign/:id",exact:!0,component:ah,layout:ar,title:"Edit Product Campaign",roles:["Seller"],teamRole:"Admin"},{path:"/seller/tags",exact:!0,component:xz,layout:ar,title:"Tags",roles:["Seller"],teamRole:"Admin"},{path:"/seller/templates",exact:!0,component:yw,layout:ar,title:"Templates",roles:["Seller"],teamRole:"Admin"},{path:"/seller/templates/for-product",exact:!0,component:OS,layout:ar,title:"Add Template for Product",roles:["Seller"],teamRole:"Admin"},{path:"/seller/templates/for-campaign",exact:!0,component:CS,layout:ar,title:"Add Template for Campaign",roles:["Seller"],teamRole:"Admin"},{path:"/seller/collections",exact:!0,component:Dx,layout:ar,title:"Collections",roles:["Seller"],teamRole:"Admin"},{path:"/seller/add/collection",exact:!0,component:oy,layout:ar,title:"Add Collection",roles:["Seller"],teamRole:"Admin"},{path:"/seller/edit/collection/:id",exact:!0,component:dy,layout:ar,title:"Edit Collection",roles:["Seller"],teamRole:"Admin"},{path:"/tools/product-assortment",exact:!0,component:AU,layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/tools/complex-assortment",exact:!0,component:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const r=Object(l.useMemo)(()=>Object(c.W)(t),[t]);return n.a.createElement(cM,{path:r})},layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/team-members",exact:!0,component:Tz,layout:ar,title:"Members",roles:["Seller"],teamRole:"Admin"},{path:"/seller/add-team-member",exact:!0,component:BE,layout:ar,title:"Add New Member",roles:["Seller"],teamRole:"Admin"},{path:"/seller/edit-team-member/:id",exact:!0,component:ME,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/online-design-teams",exact:!0,component:sN,layout:ar,title:"Design Online Team",roles:["Seller"],teamRole:"Admin"},{path:"/seller/internal-design-teams",exact:!0,component:function(){return n.a.createElement(ud.a,null,n.a.createElement(n.a.Suspense,{fallback:n.a.createElement(Je.SkeletonPagePolaris,null)},n.a.createElement(fG,null)))},layout:ar,title:"Internal Design Teams",roles:["Seller"],teamRole:"Admin"},{path:"/seller/design-teams",exact:!0,component:function(){return n.a.createElement(ud.a,null,n.a.createElement(l.Suspense,{fallback:Je.SkeletonPagePolaris},n.a.createElement(IR,null)))},layout:ar,title:"Design Team",roles:["Seller"],teamRole:"Admin"},{path:"/seller/edit-task/:id",exact:!0,component:YS,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/products",exact:!0,component:sh.c,layout:ar,title:"Products",roles:["Seller"],teamRole:"Admin"},{path:"/seller/products/edit/:id",exact:!0,component:Th,layout:ar,title:"Edit Product",roles:["Seller"],teamRole:"Admin"},{path:"/seller/orders2",exact:!0,component:cN,layout:ar,title:"Orders",roles:["Seller"],teamRole:"Admin"},{path:"/seller/orders",exact:!0,component:FY,layout:ar,title:"Orders",roles:["Seller"],teamRole:"Admin"},{path:"/seller/mapping",exact:!0,component:iN,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/claims",exact:!0,component:hx,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/billings/deposits",exact:!0,component:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const r=Object(l.useMemo)(()=>Object(c.W)(t),[t]);
23792return n.a.createElement(gM,null,n.a.createElement(D.H,{title:"All Deposits",fullWidth:!0,primaryAction:{content:"Add Deposit",url:"/seller/billings/deposits/add"}},n.a.createElement(Zf,{path:r})))},title:"All Deposits",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/billings/deposits/add",exact:!0,component:()=>{const[e,t]=Object(l.useState)(null),[a,r]=Object(l.useState)(!1),[i,o]=Object(l.useState)(null),{data:s,loading:u,erorr:d}=Object(De.d)(Xf,{variables:{role:oe.pb.Supplier}}),[m,{loading:p,error:g,client:A}]=Object(De.c)(ev,{onError:()=>{},onCompleted:e=>{o(!0);const a=setTimeout(()=>{b()},2500);t(a);const l=e.data.createDeposit,n={limit:30,offset:0,accountId:null,status:null,search:null,kind:["Deposit"]},r=A.readQuery({query:Yf,variables:{filter:n}});A.writeQuery({query:Yf,variables:{filter:n},data:{...r,transactions:{...r.transactions.total+1,nodes:[l,...r.transactions.nodes]}}})}});Object(l.useEffect)(()=>()=>clearTimeout(e),[]);const b=Object(l.useCallback)(()=>{B.a.push("/seller/billings/deposits")},[]),h=s&&s.listUserTeamByRole&&s.listUserTeamByRole.length?s.listUserTeamByRole.map(e=>{let{user:t}=e;return t}):[],f=Object(l.useCallback)(e=>{e&&(m({variables:{input:e}}),v())},[]),v=Object(l.useCallback)(()=>{r(e=>!e)},[]);let E=g&&!k.a.includes(g.toString(),"createDeposit")?g:null;const y=a?(E||i)&&n.a.createElement(D.fb,{content:E?Object(c.ib)(E.toString()):i&&"Add deposit success.",error:E,duration:2e3,onDismiss:v}):null,C=u&&n.a.createElement(D.D,null);return n.a.createElement(tv,null,C,y,n.a.createElement(D.H,{title:"Add Deposit",breadcrumbs:[{content:"Billings",url:"/seller/billings/deposits"}]},n.a.createElement(Rf,{suppliers:h,onSubmit:f,erorr:d,loading:p,handleRedirect:b})))},title:"Add Deposits",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/billings/transactions",exact:!0,component:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const r=Object(l.useMemo)(()=>Object(c.W)(t),[t]);return n.a.createElement(zz,null,n.a.createElement(D.H,{title:"Transactions",fullWidth:!0},n.a.createElement(Vz,{path:r})))},title:"Transactions",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/billings/invoices",exact:!0,component:Zz,title:"Invoices",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/billings/invoice/:id",exact:!0,component:OD,title:"Invoice Details",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/fulfillment",exact:!0,component:()=>{const{currentUser:e}=Object(te.c)(),t=Object(c.ub)(e),a=null===e||void 0===e?void 0:e.isRootUser,{data:l,loading:r,error:i,refetch:o}=Object(De.d)(HF,{fetchPolicy:"no-cache",skip:t?!a:void 0}),s=r&&n.a.createElement(D.D,null);return n.a.createElement($F,null,s,n.a.createElement(D.H,{title:"All Fulfillments",fullWidth:!0},r?n.a.createElement(D.i,null,n.a.createElement(Je.SkeletonPagePolaris,null)):l&&l.apps&&l.apps.length>0?n.a.createElement(qF.a,{data:l,error:i,loading:r,refetch:o}):n.a.createElement(D.i,null,n.a.createElement(We.EmptyStatePolaris,null))))},title:"All Fulfillment",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/fulfillment/switch",exact:!0,component:cz,title:"Switch Fulfillment",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/fulfillment/switch-order",exact:!0,component:Jm,title:"Switch Fulfillment Order",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/fulfillment/switch/add",exact:!0,component:GB,title:"Add Switch Fulfillment",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/fulfillment/switch/edit/:id",exact:!0,component:$R,title:"Switch Fulfillment",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/design-tasks",exact:!0,component:SR,title:"All Tasks",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/design-tasks/ideas",exact:!0,component:lN,title:"Idea Task page",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/artist-tasks",exact:!0,component:gx,title:"Artist Task page",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/upcs",exact:!0,component:aq,title:"UPCs",layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/settings/apis",exact:!0,component:dx,title:"API Keys",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/settings",exact:!0,component:function(){return n.a.createElement(ud.a,null,
23792n.a.createElement(D.H,{title:"Settings",fullWidth:!0},n.a.createElement(vm,null)))},title:"Settings",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/settings/payment-accounts",exact:!0,component:lh.a,title:"Payment Accounts",layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/manager-files/export-templates",exact:!0,component:Mq,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/order-stats",exact:!0,component:function(){return n.a.createElement(ud.a,null,n.a.createElement(fN,null))},layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/manager-files/add-template",exact:!0,component:yq,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/manager-files/edit-template/:id",exact:!0,component:Sq,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/imports",exact:!0,component:Tq,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/export-files",exact:!0,component:Pq,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/product-divisions",exact:!0,component:FU,title:"Product Divisions",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/product-divisions/add",exact:!0,component:bC,title:"Add Product Divisions",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/product-divisions/edit/:id",exact:!0,component:EC,title:"Add Product Divisions",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/products-ignored",exact:!0,component:vL,title:"Product Ignored",layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/export-amazon",exact:!0,component:EF,title:"Export for Amazon",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/export-amazon/add",exact:!0,component:Zv,title:"Export for Amazon",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/export-amazon/:id",exact:!0,component:tE,title:"Export for Amazon",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/reports",exact:!0,component:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const r=Object(l.useMemo)(()=>Object(c.W)(t),[t]);return n.a.createElement(gV,null,n.a.createElement(pV,{path:r}))},title:"Reports",layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/report-total-cost",exact:!0,component:function(){return n.a.createElement(ud.a,null,n.a.createElement(jV,null))},title:"Report Total Cost",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/export-amazon/view-products/:id",exact:!0,component:rE,title:"View products",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/export-amazon/view-configs/:id",exact:!0,component:aE,title:"View products",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/re-mockups",exact:!0,component:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const r=Object(l.useMemo)(()=>Object(c.W)(t),[t]);return n.a.createElement(ZL,null,n.a.createElement(D.H,{title:"Product Re-Mockup Conditions",fullWidth:!0,primaryAction:{content:"Add New Condition",url:"/seller/re-mockups/add"}},n.a.createElement(WL,{path:r})))},title:"Recreate mockups",layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/re-mockups/add",exact:!0,component:()=>{const[e,t]=Object(l.useState)(!1),[a,r]=Object(l.useState)(null),[i,o]=Object(l.useState)({message:null,isError:!1}),[s,{loading:u}]=Object(De.c)(MS,{onCompleted:()=>{o({message:"Create product recreate mockup successfully.",isError:!1});const e=setTimeout(()=>{m()},2100);r(e)},onError:e=>{o({message:Object(c.ib)(e.toString()),isError:!0})}});Object(l.useEffect)(()=>()=>{clearTimeout(a)},[]);const d=Object(l.useCallback)(e=>{o({message:null,isError:!1}),e&&s({variables:{input:e}}),p()},[]),m=Object(l.useCallback)(()=>B.a.push("/seller/re-mockups"),[]),p=Object(l.useCallback)(()=>t(e=>!e),[]),g=e?i&&i.message&&n.a.createElement(D.fb,{content:i.message,error:i.isError,duration:2e3,onDismiss:p}):null;return n.a.createElement(D.H,{title:"Re-Mockup Condition",breadcrumbs:[{content:"Product Re-Mockup Conditions",url:"/seller/re-mockups/"}]},g,n.a.createElement(xS,{onSubmit:d,loading:u,handleRedirect:m}))},title:"Recreate mockups additions",layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/re-mockups/edit/:id",exact:!0,component:()=>{const{id:e}=Object(O.i)(),[t,a]=Object(l.useState)(!1),[r,i]=Object(l.useState)(null),[o,s]=Object(l.useState)({message:null,isError:!1}),{data:u,loading:d,error:m}=Object(De.d)(TS,{variables:{id:e},fetchPolicy:"no-cache"}),[p,{loading:g}]=Object(De.c)(QS,{onCompleted:()=>{s({message:"Update product recreate mockup successfuly.",isError:!1});const e=setTimeout(()=>{A()},2100);i(e)},onError:e=>{s({message:Object(c.ib)(e.toString()),isError:!0})}});Object(l.useEffect)(()=>()=>{clearTimeout(r)},[r]);const A=Object(l.useCallback)(()=>B.a.push("/seller/re-mockups"),[]),b=Object(l.useCallback)(()=>a(e=>!e),[]),h=Object(l.useCallback)(t=>{s({message:null,isError:!1}),t&&p({variables:{input:{id:e,...t}}}),b()},[e]),f=d&&n.a.createElement(D.D,null),v=t?o&&o.message&&n.a.createElement(D.fb,{content:o.message,error:o.isError,duration:2e3,onDismiss:b}):null;return n.a.createElement(D.H,{title:"Update Re-Mockup Condition",breadcrumbs:[{content:"Product Re-Mockup Conditions",url:"/seller/re-mockups/"}]},f,v,d?n.a.createElement(Je.SkeletonPagePolaris,null):m?n.a.createElement(D.i,{sectioned:!0},"Error: ",Object(c.ib)(m.toString())):n.a.createElement(xS,{value:null===u||void 0===u?void 0:u.recreateMockup,onSubmit:h,handleRedirect:A,isEditRM:!0,loading:g}))},title:"Edit recreate mockup",layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/re-mockups-tasks",exact:!0,component:qL,title:"Product recreate mockup",layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/stores/groups",exact:!0,component:KF,title:"Group",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/stores/groups/add",exact:!0,component:GI,title:"Add Group",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/stores/groups/edit/:id",exact:!0,component:WI,title:"Edit Group",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/export-tracking",exact:!0,component:DF,title:"Export tracking",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/export-tracking-history",exact:!0,component:aN,title:"History export tracking",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/export-tracking-history/:refetch",exact:!0,component:aN,title:"History export tracking",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/design-tasks/report",exact:!0,component:mD,title:"Reports task tracking",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/design-tasks/statistic",exact:!0,component:MV,title:"Statistic page",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/apps",exact:!0,component:e=>{const t=e.location.search;return n.a.createElement(mx,null,n.a.createElement(D.H,{title:"All Apps",fullWidth:!0},n.a.createElement(nh.a,{status:t.includes("status")?e.location.search.includes(0):null})))}
23792,title:"Apps page",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/personalized/artworks",exact:!0,component:oh,title:"Artworks",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/personalized/cliparts",exact:!0,component:oh,title:"Cliparts",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/personalized/fonts",exact:!0,component:oh,title:"Fonts",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/stores/fb-marketplace",exact:!0,component:zF,title:"Facebook marketplace",layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/stores/fb-marketplace/add",exact:!0,component:FI,title:"Create store",layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/stores/fb-marketplace/edit/:id",exact:!0,component:LI,title:"Create store",layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/create-manual-order",exact:!0,component:pM,title:"Create Manual Order",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/documentations",exact:!0,component:fn,title:"Documentations Page",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/product-duplicate",exact:!0,component:function(){var e;const[t,a]=Object(l.useState)({titles:[""]}),{data:r,loading:i,error:o}=Object(De.d)(TC,{variables:{...t}}),s=i&&n.a.createElement(D.D,null),u=Object(l.useCallback)(e=>{let{titles:t}=e;a(e=>({...e,titles:t}))},[]);return n.a.createElement(MC,null,n.a.createElement(D.H,{fullWidth:!0,title:"Product by Tittle"},s,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(CC,{filter:t,onChange:u})),n.a.createElement(D.i,null,n.a.createElement(jC,{filter:t},i?n.a.createElement(Je.SkeletonPagePolaris,null):o?n.a.createElement("div",null,"Error: ",Object(c.ib)(o.toString())):(null===r||void 0===r||null===(e=r.productsByTitles)||void 0===e?void 0:e.nodes.length)>0?n.a.createElement(PC,{data:r}):n.a.createElement(We.EmptyStatePolaris,null)))))},title:"Product By Tittle Page",layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/product-from-print-file",exact:!0,component:mL,title:"Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/product-from-print-file/create",exact:!0,component:Kk,title:"Create Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/product-from-print-file/edit/:id",exact:!0,component:gS,title:"Edit Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/product-from-print-file/clone/:id",exact:!0,component:fS,title:"Clone Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/reports/overviews",exact:!0,component:Up,title:"Reports",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/reports/etsy",exact:!0,component:Lp,title:"Etsy Channel Page",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/reports/ebay",exact:!0,component:Vp,title:"Ebay Channel Page",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/reports/amazon",exact:!0,component:zp,title:"Amazon Channel Page",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/reports/tiktok",exact:!0,component:$p,title:"Tiktok Channel Page",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/reports/facebook-mk",exact:!0,component:qp,title:"Facebook Marketplace Channel Page",layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/reports/online-stores",exact:!0,component:Hp,title:"Online stores Page",layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/switch-store-for-order",exact:!0,title:"Switch Store For Order Page",component:dz,layout:ar,roles:["Seller"],teamRole:"Admin",private:!0},{path:"/seller/product-bases",exact:!0,title:"Product Bases",component:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const r=Object(l.useMemo)(()=>Object(c.W)(t),[t]);return n.a.createElement(ud.a,null,n.a.createElement(D.H,{title:"Product Bases",fullWidth:!0,primaryAction:{content:"Add Base",url:"/seller/product-bases/add"}},n.a.createElement(UP,{path:r})))},layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/product-bases/add",exact:!0,title:"Add product base",component:function(){return n.a.createElement("div",{className:"p-4"}
23792,n.a.createElement(Fa.a,null,n.a.createElement(RP,null)))},layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/product-bases/edit/:id",exact:!0,component:function(){return n.a.createElement("div",{className:"p-4"},n.a.createElement(Fa.a,null,n.a.createElement(FP,null)))},layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/categories",exact:!0,component:Gr,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/add-category",exact:!0,component:Sl,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/edit-category/:id",exact:!0,component:Dl,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/import-tracking",exact:!0,component:wB,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/products/replace-feed",exact:!0,component:nV,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/tiktok-hub/promotions",exact:!0,component:Object(l.lazy)(()=>a.e(8).then(a.bind(null,1777))),layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/tiktok-hub/promotions/create",exact:!0,component:Object(l.lazy)(()=>a.e(7).then(a.bind(null,1778))),layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/tiktok-hub/image-templates/create",exact:!0,component:n.a.lazy(()=>a.e(10).then(a.bind(null,1779))),layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/tiktok-hub/image-templates",exact:!0,component:n.a.lazy(()=>a.e(9).then(a.bind(null,1780))),layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/tiktok-hub/image-templates/:id",exact:!0,component:n.a.lazy(()=>a.e(11).then(a.bind(null,1781))),layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/tiktok-hub/product-crawl-items",exact:!0,component:EH,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/tiktok-hub/push-products",exact:!0,component:WH,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/tiktok-hub/push-products/add",exact:!0,component:N$,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/tiktok-hub/push-products/:id",exact:!0,component:X$,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/tiktok-hub/product-templates",exact:!0,component:f$,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/tiktok-hub/product-templates/add",exact:!0,component:rG,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/tiktok-hub/product-templates/:id",exact:!0,component:dG,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/tiktok-hub/product-templates/:id/clone",exact:!0,component:hG,layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/tiktok-hub/product-templates/create",exact:!0,component:Object(l.lazy)(()=>a.e(171).then(a.bind(null,1829))),layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/warning-addresses",exact:!0,component:Object(l.lazy)(()=>a.e(172).then(a.bind(null,1823))),layout:ar,roles:["Seller"],teamRole:"Admin"},{path:"/seller/amazon-ideas",exact:!0,component:zJ,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.Admin},{path:"/seller/amazon-ideas/create",exact:!0,component:HJ,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.Admin},{path:"/seller/amazon-ideas/:id/update",exact:!0,component:qJ,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.Admin},{path:"/seller/channel-teams",exact:!0,component:gY,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.Admin},{path:"/seller/amazon-idea-templates",exact:!0,component:PY,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.Admin},{path:"/seller/amazon-idea-templates/create",exact:!0,component:QY,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.Admin},{path:"/seller/amazon-idea-templates/:id/update",exact:!0,component:RY,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.Admin}];const UY=o.a` 23793 mutation changePassword($input: NewPassword!) { 23794 changePassword(input: $input) 23795 } 23796`;class LY extends l.Component{constructor(){super(...arguments),this.state={loading:!1,currentPassword:"",currentUser:null,authenticate:this.handleAuthenticate,setCurrentUser:this.handleSetCurrentUser},this.handleAuthenticate=e=>{Object(_e.c)(e),this.setState({currentUser:e.user})},this.handleSetCurrentUser=e=>{this.setState({currentUser:e})},this.compareToFirstPassword=(e,t,a)=>{const{form:l}=this.props;t&&t!==l.getFieldValue("password")?a("Confirm your password!"):a()},this.validateToNextPassword=(e,t,a)=>{const{form:l}=this.props;t&&this.state.confirmDirty&&l.validateFields(["confirm"],{force:!0}),a()}}componentDidMount(){Object(_e.b)()?this.setState({loading:!0},()=>{_e.a.query({query:o.a` 23797 query me { 23798 me { 23799 id 23800 firstName 23801 lastName 23802 email 23803 roles 23804 phone 23805 } 23806 } 23807 `}).then(e=>{this.setState({currentUser:e.data.me,loading:!1})}).catch(()=>{this.setState({loading:!1}),Object(_e.c)(null)})}):this.setState({loading:!1})}render(){const{onCompleted:e}=this.props,t={labelCol:{span:24},wrapperCol:{span:24}};return n.a.createElement(s.a,{onError:e=>{this.setState({loading:!1},()=>{i.a.error({message:"Current password incorrect"})})},onCompleted:t=>{this.setState({loading:!1},()=>{i.a.success({message:"Password changed success!"}),e&&e(t.changePassword)})},mutation:UY},e=>n.a.createElement(x.a,Object.assign({},t,{hideRequiredMark:!0,onFinish:t=>{const{currentUser:a}=this.state;delete t.confirm,delete t.current,""===t.pass&&delete t.pass,t&&a.id&&e({variables:{input:{currentPassword:t.currentPassword,password:t.password}}})},initialValues:{currentPassword:"",password:"",confirmPassword:""}}),n.a.createElement(b.a,{style:{maxWidth:"700px"},title:"Change Password"},n.a.createElement(x.a.Item,{label:"Current Password",name:"currentPassword",rules:[{required:!0,message:"Please input current password"}]},n.a.createElement(p.a,{type:"password",autoComplete:"currentPassword"})),n.a.createElement(x.a.Item,{label:"Password",name:"password",rules:[{required:!0,message:"Please input password"}]},n.a.createElement(p.a,{type:"password",autoComplete:"password"})),n.a.createElement(x.a.Item,{label:"Confirm Password",name:"confirmPassword",rules:[{required:!0,validator:this.compareToFirstPassword}]},n.a.createElement(p.a,{type:"password",onBlur:this.handleConfirmBlur})),n.a.createElement(x.a.Item,null,n.a.createElement(v.a,{style:{marginRight:"5px",color:"#fff",backgroundColor:"#718096"},onClick:()=>B.a.push("/")},"Cancel"),n.a.createElement(v.a,{className:"btn-green",htmlType:"submit",style:{marginRight:5}}
23807,"Save")))))}}var VY=LY;const zY=j.b.div` 23808 .button-group { 23809 display: flex; 23810 flex-direction: row-reverse; 23811 } 23812`,qY=e=>{let{data:t,onSubmit:a,loading:r}=e;const[i,o]=Object(l.useState)(null),[s,u]=Object(l.useState)(null),[d,m]=Object(l.useState)(null),[p,g]=Object(l.useState)(null),[A,b]=Object(l.useState)(null),[h,f]=Object(l.useState)(null),[v,E]=Object(l.useState)([]),[y,C]=Object(l.useState)({firstName:null,lastName:null,email:null});Object(l.useEffect)(()=>{if(t){let e=t,a=e.avatar,l=a?[a]:[],n=[{uid:a?a.id:null,name:a?a.name:null,url:a?a.url:null}];o(k.a.get(e,"firstName",null)),u(k.a.get(e,"lastName",null)),m(k.a.get(e,"email",null)),g(k.a.get(e,"phone",null)),b(k.a.get(e,"address",null)),f(l),E(n)}},[t]);const O=Object(l.useCallback)((e,t)=>{switch(t){case"firstName":o(e),j(e,"firstName");break;case"lastName":u(e),j(e,"lastName");break;case"email":m(e),j(e,"email");break;case"phone":g(e);break;case"address":b(e)}},[]),j=Object(l.useCallback)((e,t)=>{let a=t,l=null;e?"email"===a&&(Object(c.sb)(e)||(l="Email must be a valid email address.")):l=k.a.capitalize(k.a.startCase(a))+" is required.",C(e=>({...e,[a]:l}))},[]),w=Object(l.useCallback)(e=>{f(e||[])},[]),S=Object(l.useCallback)(()=>{j(i,"firstName"),j(s,"lastName"),j(d,"email");let e=h&&h.length>0?k.a.head(h).id:"";if(Object.values(y).every(e=>null===e)&&i&&s&&d){let t={firstName:i,lastName:s,email:d,phone:p,address:A,avatar:e};a&&a(t)}},[y,i,s,d,p,A,h]);return n.a.createElement(zY,null,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(D.s,{onSubmit:S},n.a.createElement(D.t,null,n.a.createElement(D.cb,{label:"First name(*)",value:i,id:"firstName",type:"text",error:y.firstName,onChange:O}),n.a.createElement(D.cb,{label:"Last name(*)",value:s,id:"lastName",type:"text",error:y.lastName,onChange:O}),n.a.createElement(D.cb,{label:"Email(*)",value:d,id:"email",type:"text",error:y.email,onChange:O}),n.a.createElement(D.cb,{label:"Phone",value:p,id:"phone",type:"text",onChange:O}),n.a.createElement(D.cb,{label:"Address",value:A,id:"address",type:"text",onChange:O}),n.a.createElement("div",null,n.a.createElement("label",null,"Avatar"),h?n.a.createElement(Ae.a,{folder:oe.ob.AVATARS,accept:"image/*",listType:"picture-card",singleUpload:!0,multiple:!1,fileList:v.length>0?v:null,value:h,onChange:w}):null),n.a.createElement("div",{className:"button-group"},n.a.createElement(D.h,null,n.a.createElement(D.g,{onClick:()=>B.a.push("/")},"Cancel"),n.a.createElement(D.g,{submit:!0,primary:!0,loading:r},"Update my profile")))))))},HY=o.a` 23813 mutation updateProfile($input: EditProfile!) { 23814 updateProfile(input: $input) { 23815 id 23816 firstName 23817 lastName 23818 email 23819 roles 23820 phone 23821 status 23822 address 23823 avatar { 23824 id 23825 name 23826 url 23827 } 23828 teamUser { 23829 id 23830 team { 23831 id 23832 } 23833 role 23834 } 23835 } 23836 } 23837`,$Y=j.b.div` 23838 margin: -1rem; 23839 @media (min-width: 640px) { 23840 margin: -1.5rem; 23841 } 23842`;var _Y=a(1607);class GY extends l.Component{componentDidMount(){this.props.onMutate()}render(){return n.a.createElement(f.a,null)}}var KY=GY;const JY=j.b.div` 23843 height: 100vh; 23844 display: flex; 23845 justify-content: center; 23846 background-color: #edf2f7; 23847 align-items: center; 23848`;class YY extends l.Component{constructor(){super(...arguments),this.state={loading:!0,error:null}}render(){const{match:e}=this.props;return n.a.createElement(JY,null,this.state.error&&n.a.createElement(_Y.a,{message:this.state.error,type:"error"}),this.state.loading&&n.a.createElement(te.a.Consumer,null,t=>{let{currentUser:a}=t;return n.a.createElement(s.a,{onCompleted:e=>{i.a.success({message:"Thank you for verification. Your account has been verified!"}),a?B.a.push("/"):B.a.push("/login")},onError:()=>{this.setState({loading:!1,error:"Sorry the url has expired or wrong. Please try again!"})},mutation:o.a` 23849 mutation verifyUser($id: ID!) { 23850 verifyUser(id: $id) 23851 } 23852 `},t=>n.a.createElement(KY,{onMutate:()=>{t({variables:{id:e.params.token}})}}))}))}}var WY=YY,ZY=a(994),XY=a.n(ZY),eW=a(554),tW=a(995),aW=a.n(tW);const lW=n.a.lazy(()=>Promise.resolve().then(a.bind(null,554))),nW=n.a.lazy(()=>
23852a.e(57).then(a.bind(null,1801))),rW=n.a.lazy(()=>a.e(56).then(a.bind(null,1802)));function iW(){const{id:e}=Object(O.i)(),{search:t}=Object(O.h)(),a=new URLSearchParams(t).get("token"),{data:l,loading:r,error:i}=Object(De.d)(I.B,{skip:!e||!a,fetchPolicy:"cache-and-network",variables:{taskID:e,token:a}});n.a.useLayoutEffect(()=>{const e=document.getElementById("AppFrameMain");e&&(e.style.maxWidth="1000px",e.style.margin="0 auto");const t=document.querySelector(".Polaris-Frame");return t&&(t.style.backgroundColor="#fff"),()=>{e.style.maxWidth="unset",e.style.margin="unset"}},[]);const o=ce()(l,"getEtsyTaskSubmission");let s=ce()(o,"taskSubmission.designs"),u=ce()(o,"order"),d=ce()(o,"store"),m=ce()(o,"personalized");const p=ce()(o,"taskStatus"),g=ce()(o,"isDigital");if(s=(s||[]).filter(e=>!!ce()(e,"file.id")).map(e=>e.file),!e||!a)return null;const A=r&&n.a.createElement(D.D,null),b=Object(c.c)(s)||!u;return n.a.createElement(wg.a,null,n.a.createElement(lW,{store:d,taskStatus:p,isDoingOrReject:fW(p),invalidToken:b},n.a.createElement(EW,null,A,n.a.createElement(uW,{taskStatus:p}),r?n.a.createElement(Je.SkeletonPagePolaris,null):i?n.a.createElement("div",null,"Error: ",Object(c.ib)(null===i||void 0===i?void 0:i.toString())):b?n.a.createElement(sW,null):fW(p)?n.a.createElement(gW,null):n.a.createElement(D.Y,{vertical:!0},n.a.createElement("div",{className:"left"},n.a.createElement(dW,{designs:s,isDigital:g}),hW(p)?g&&n.a.createElement(oW,{designs:s}):n.a.createElement(cW,{taskID:e,token:a,isDigital:g})),n.a.createElement("div",{className:"right"},n.a.createElement(pW,{order:u,personalized:m}))))))}const oW=e=>{let{designs:t}=e;const{status:a}=Object(eW.useDesignCtx)();return!a||Object(c.c)(t)?null:n.a.createElement("div",{style:{marginTop:"3rem"}},n.a.createElement(D.v,{element:"h3",children:"Download your artwork(s)"}),n.a.createElement(D.Y,null,t.map((e,t)=>n.a.createElement("div",{key:"item-"+t},n.a.createElement("a",{href:e.url||e.thumbnailUrl,download:!0,target:"_blank"},n.a.createElement(oB.a,null),n.a.createElement("span",{style:{marginLeft:"1rem"}},e.name))))))},sW=()=>n.a.createElement(n.a.Suspense,{fallback:null},n.a.createElement(nW,null)),cW=e=>{let{taskID:t,token:a,isDigital:l}=e;const{status:r}=Object(eW.useDesignCtx)();return r?null:n.a.createElement(n.a.Suspense,{fallback:null},n.a.createElement(rW,{taskID:t,token:a,isDigital:l}))},uW=e=>{let{taskStatus:t}=e;const{setStatus:a}=Object(eW.useDesignCtx)();return n.a.useEffect(()=>{t&&hW(t)&&a("approval")},[t]),null},dW=e=>{let{designs:t,isDigital:a}=e;const[l,r]=n.a.useState(""),i=n.a.useRef(null);return n.a.useLayoutEffect(()=>{if(!i.current)return;const e=i.current.closest(".Polaris-Modal-Dialog__Modal");e&&(e.style.maxWidth="calc(100vw - 20px)",e.style.width="calc(100vw - 20px)",e.style.maxHeight="calc(100vh - 20px)",e.style.height="calc(100vh - 20px)",e.style.overflow="scroll")}),n.a.createElement(n.a.Fragment,null,n.a.createElement(mW,{designs:t}),n.a.createElement(D.E,{open:!!l,onClose:()=>(e=>()=>{r(e)})("")(),large:!0},n.a.createElement("div",{ref:i},n.a.createElement("img",{src:l,alt:"image popup"}))))},mW=e=>{let{designs:t}=e;const[a,l]=n.a.useState(!0),[r,i]=n.a.useState([]);return n.a.useEffect(()=>{let e=null;const a=(t||[]).map(t=>{const a=vW(t,!0);e||(e=a);return{original:a,thumbnail:vW(t)}}),n=new Image;return n.src=e,n.onload=()=>{l(!1)},i(a),()=>{i([])}},[t]),a?n.a.createElement(D.W,null):n.a.createElement(aW.a,{items:r,showPlayButton:!1})};function pW(e){var t;let{order:a,personalized:l}=e;const r=ce()(a,"originId"),i=ce()(a,"shippingAddress"),o=ce()(a,"createdAt"),s=ce()(a,"quantity"),{address:c,city:u,country:d,buyer:m}=function(e){const{address1:t,address2:a,city:l,country:n,postalCode:r,state:i,firstName:o,lastName:s}=e||{},c=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];return[...t].filter(Boolean).join(", ")};return{buyer:[o,s].filter(Boolean).join(" "),address:c(t,a),city:c(l,`${i||""} ${r||""}`),country:n}}(i),{title:p,images:g,mainImageId:A}=ce()(a,"product")||{};let b,h=(g||[]).filter(e=>ce()(e,"file.id")).map(e=>e.file);A&&(b=h.find(e=>e.id===A)),!b&&h.length>0&&(b=h[0]);const f=AW(l);return n.a.createElement("div",{className:"order-wrap"},n.a.createElement(D.Y,{vertical:!0,spacing:"tight"},n.a.createElement("div",null,n.a.createElement(D.v,{element:"h2",children:"Summary"}),n.a.createElement("div",{className:"content"},n.a.createElement("div",null,n.a.createElement("span",null,"Order: "),n.a.createElement("span",{className:"sp-value"},"#",r)),n.a.createElement("div",null,n.a.createElement("span",null,"Order data: "),n.a.createElement("span",{className:"sp-value"},Zr()(o).format("ll"))))),n.a.createElement("div",null,n.a.createElement(D.v,{element:"h2",children:"Shipping address:"}),n.a.createElement("div",{className:"content"},n.a.createElement("div",null,n.a.createElement("span",{className:"sp-value"},m)),n.a.createElement("span",{className:"sp-value"},c,n.a.createElement("br",null),u,n.a.createElement("br",null),d))),n.a.createElement("div",null,n.a.createElement(D.v,{element:"h2",children:"Personalized: "}),n.a.createElement("div",{style:{marginTop:5,marginLeft:5}},f.length>0?n.a.createElement("ul",{className:"field-wrap"},f.map((e,t)=>n.a.createElement("li",{className:"field-item",key:"field-"+t},n.a.createElement("b",null,n.a.createElement("i",null,e.name,": ")),n.a.createElement("span",{className:"sp-value"},e.value)))):null)),n.a.createElement("div",null,n.a.createElement(D.v,{element:"h2",children:"Product:"}),n.a.createElement("div",{className:"product-wrap content"},(null===(t=b)||void 0===t?void 0:t.url)?n.a.createElement("img",{className:"product-image",src:b.url,alt:"product image"}):null,n.a.createElement("div",null,n.a.createElement("b",{className:"sp-value"},p),n.a.createElement("div",null,n.a.createElement("b",null,n.a.createElement("i",null,"Qty: ")),n.a.createElement("span",{className:"sp-value"},s)))))))}function gW(){return n.a.createElement("div",{className:"design-process-wrap"},n.a.createElement(D.v,{element:"h2",children:"We're Updating Your Artwork!"}),n.a.createElement("div",null,n.a.createElement("img",{src:XY.a,alt:"artwork preview image"})),n.a.createElement("span",null,"Our design team is currently working on your customized artwork. Please wait for our next update, and thank you for your patience!"))}const AW=e=>e&&"string"===typeof e?JSON.parse(e):[],bW=(e,t)=>e.includes(t),hW=e=>bW(["Need Review","Done"],e),fW=e=>bW(["Rejected","Doing"],e);function vW(e,t){if(!e)return null;if(t){if(e.url)return e.url;if(e.thumbnailUrl)return e.thumbnailUrl}else{if(e.thumbnailUrl)return e.thumbnailUrl;if(e.url)return e.url}return null}const EW=j.b.div` 23853 // padding-bottom: 18rem; 23854 min-height: calc(100vh - 150px); 23855 23856 .design-wrap { 23857 position: relative; 23858 23859 .download-design { 23860 position: absolute; 23861 bottom: 20px; 23862 right: 24px; 23863 23864 svg { 23865 fill: inherit; 23866 } 23867 23868 &:hover svg { 23869 fill: #006fbb; 23870 } 23871 } 23872 } 23873 23874 .design-process-wrap { 23875 display: flex; 23876 flex-direction: column; 23877 justify-content: center;
23878 align-items: center; 23879 margin-top: 10rem; 23880 margin-bottom: 8rem; 23881 } 23882 23883 .actions { 23884 margin-top: 2rem; 23885 margin-bottom: 10px; 23886 display: flex; 23887 flex-direction: column; 23888 row-gap: 1rem; 23889 23890 .Polaris-ButtonGroup__Item { 23891 width: 100%; 23892 button { 23893 width: inherit; 23894 } 23895 } 23896 23897 ul { 23898 font-size: 13px; 23899 margin-top: 0.75rem; 23900 } 23901 23902 @media (min-width: 768px) { 23903 // margin-top: 160px; 23904 // padding-bottom: 100px; 23905 23906 margin: 10px; 23907 // margin-top: 2rem; 23908 23909 .Polaris-ButtonGroup__Item { 23910 width: unset; 23911 23912 &:nth-child(2) { 23913 flex: 1; 23914 23915 button { 23916 width: 100%; 23917 } 23918 } 23919 } 23920 } 23921 } 23922 23923 .order-wrap { 23924 .content { 23925 margin: 0.5rem 0 0.5rem; 23926 } 23927 } 23928 23929 @media (min-width: 1024px) { 23930 > .Polaris-Stack { 23931 flex-direction: row; 23932 column-gap: 1.6rem; 23933 23934 > .Polaris-Stack__Item { 23935 display: block; 23936 width: calc(40% - 0.8rem); 23937 } 23938 23939 > .Polaris-Stack__Item:first-child { 23940 display: block; 23941 width: calc(60% - 0.8rem); 23942 } 23943 23944 .left { 23945 width: 100%; 23946 } 23947 23948 .right { 23949 margin-top: 0; 23950 border: none; 23951 } 23952 } 23953 } 23954 23955 .right { 23956 border-top: 1px solid #dfe3e8; 23957 padding-top: 5px; 23958 23959 .field-wrap { 23960 padding-left: 20px; 23961 } 23962 23963 .product-image { 23964 width: 100px; 23965 height: 100px; 23966 object-fit: cover; 23967 display: block; 23968 margin-top: 0.5rem; 23969 border: 1px solid #ddd; 23970 } 23971 23972 .product-wrap { 23973 display: flex; 23974 gap: 1rem; 23975 flex-direction: column; 23976 align-items: start; 23977 23978 @media (min-width: 768px) { 23979 align-items: center; 23980 flex-direction: row; 23981 } 23982 } 23983 23984 .sp-value { 23985 font-size: 14px; 23986 } 23987 } 23988 23989 .left { 23990 width: 100%; 23991 23992 .Polaris-SkeletonThumbnail { 23993 height: 35rem; 23994 width: 100%; 23995 margin: 0 auto; 23996 } 23997 23998 .image-gallery-content, 23999 .image-gallery { 24000 background-color: #fff !important; 24001 } 24002 24003 .image-gallery-fullscreen-button { 24004 padding: 10px; 24005 background-color: rgba(0, 0, 0, 0.5); 24006 border-radius: 50%; 24007 24008 svg { 24009 height: 20px; 24010 width: 20px; 24011 } 24012 } 24013 24014 @media (min-width: 992px) { 24015 width: calc(100% - (10px * 2)); 24016 } 24017 24018 @media (min-width: 1024px) { 24019 width: calc(100% - (20px * 2)); 24020 margin: -10px; 24021 margin-top: -5px; 24022 } 24023 24024 .ant-carousel { 24025 .design-wrap { 24026 border-radius: 8px; 24027 overflow: hidden; 24028 height: max-content; 24029 padding: 10px; 24030 24031 img { 24032 height: auto; 24033 max-width: 100%; 24034 object-fit: cover; 24035 display: block; 24036 border: 1px solid #ddd; 24037 } 24038 } 24039 24040 .slick-dots { 24041 bottom: -70px; 24042 margin-left: 0; 24043 margin-right: 0; 24044 24045 @media (min-width: 1024px) { 24046 bottom: -130px; 24047 } 24048 24049 li { 24050 width: 60px; 24051 height: 60px; 24052 margin-left: 7px; 24053 margin-right: 7px; 24054 border: 2px solid #ddd; 24055 24056 @media (min-width: 1024px) { 24057 width: 120px; 24058 height: 120px; 24059 } 24060 24061 &.slick-active { 24062 border-color: #202e78; 24063 } 24064 24065 a img { 24066 width: 60px; 24067 height: 60px; 24068 object-fit: cover; 24069 display: block; 24070 24071 @media (min-width: 1024px) { 24072 width: 120px; 24073 height: 120px; 24074 } 24075 } 24076 } 24077 } 24078 } 24079 } 24080`;const yW=o.a` 24081 query deposits { 24082 deposits { 24083 nodes { 24084 id 24085 amount 24086 transactionId 24087 comment 24088 supplier { 24089 id 24090 firstName 24091 lastName 24092 } 24093 status 24094 createdAt 24095 } 24096 total 24097 } 24098 } 24099`,{Search:CW}=p.a,{Option:kW}=h.a,OW=j.b.div``;class jW extends l.Component{constructor(){super(...arguments),this.state={dataSource:[]}}render(){const e=[{title:"Amount",dataIndex:"amount",key:"amount"},{title:"Transaction Id",dataIndex:"transactionId",key:"transactionId"},{title:"Note",dataIndex:"comment",key:"comment"},{title:"Target",dataIndex:"supplier",key:"supplier",render:(e,t)=>{let{firstName:a,lastName:l}=t;return n.a.createElement("div",null,e.firstName," ",e.lastName)}},{title:"Status",dataIndex:"status",key:"status"},{title:"Created Date",dataIndex:"createdAt",key:"createdAt",render:e=>Zr()(e).format("DD-MM-YYYY")}];return n.a.createElement(OW,null,n.a.createElement(b.a,{title:"All Deposit",extra:n.a.createElement(sa.a,{to:"/seller/billings/add-deposit"},n.a.createElement(v.a,{type:"primary",htmlType:"submit"},"New Deposit"))},n.a.createElement(g.a,{gutter:16,style:{marginBottom:20}},n.a.createElement(A.a,{span:6},n.a.createElement("div",{style:{border:"1px solid #999",padding:10}},n.a.createElement("h3",null,"Account Balance"),n.a.createElement("p",null,"$250.00"))),n.a.createElement(A.a,{span:6},n.a.createElement("div",{style:{border:"1px solid #999",padding:10}},n.a.createElement("h3",null,"Pending Cost"),n.a.createElement("p",null,"$250.00"))),n.a.createElement(A.a,{span:6},n.a.createElement("div",{style:{border:"1px solid #999",padding:10}},n.a.createElement("h3",null,"Paid Amount"),n.a.createElement("p",null,"$250.00"))),n.a.createElement(A.a,{span:6},n.a.createElement("div",{style:{border:"1px solid #999",padding:10}},n.a.createElement("h3",null,"Pending Deposit"),n.a.createElement("p",null,"$250.00")))),n.a.createElement(g.a,{style:{marginBottom:15}},n.a.createElement(h.a,{defaultValue:"Filter by status",style:{marginRight:10}},n.a.createElement(kW,{value:"approved"},"Approved"),n.a.createElement(kW,{value:"pending"},"Pending"),n.a.createElement(kW,{value:"cancelled"},"Cancelled")),n.a.createElement(h.a,{defaultValue:"Filter by supplier",style:{marginRight:10}},n.a.createElement(kW,{value:"approved"},"Approved"),n.a.createElement(kW,{value:"pending"},"Pending"),n.a.createElement(kW,{value:"cancelled"},"Cancelled")),n.a.createElement(CW,{className:"pt-2 sm:pt-0 mx-auto
24099sm:max-w-xs",placeholder:"Search text",enterButton:!0})),n.a.createElement(s.b,{query:yW},t=>{let{error:a,loading:l,data:i}=t;if(l)return n.a.createElement("div",{className:"m-4"},n.a.createElement(r.a,{active:!0}));if(a)return n.a.createElement("div",null,a.toString());const o=i.deposits.nodes;return n.a.createElement(M.a,{columns:e,dataSource:o,rowKey:(e,t)=>t})})))}}var wW=jW;class SW extends l.Component{render(){return n.a.createElement("div",null,n.a.createElement(wW,null))}}var IW=SW;const BW=j.b.div` 24100 display: flex; 24101 min-height: 30rem; 24102 align-items: center; 24103 justify-content: center; 24104`;var DW=a(996),PW=a.n(DW);const xW=o.a` 24105 mutation newPasswordAccount($token: String!, $newPassword: String!) { 24106 newPasswordAccount(token: $token, newPassword: $newPassword) 24107 } 24108`,MW=j.b.div` 24109 height: 100vh; 24110 display: flex; 24111 justify-content: center; 24112 background-color: #edf2f7; 24113 align-items: center; 24114 .Polaris-Link + .Polaris-Link { 24115 margin-top: 1rem; 24116 } 24117 .Polaris-FormLayout { 24118 padding-right: 2rem; 24119 padding-left: 2rem; 24120 margin-bottom: 1rem; 24121 } 24122 .Polaris-FormLayout__Item { 24123 margin-top: 2.5rem; 24124 } 24125`;var TW=a(997),QW=a.n(TW);const RW=o.a` 24126 mutation forgotPassword($mail: String!) { 24127 forgotPassword(mail: $mail) 24128 } 24129`,FW=j.b.div` 24130 height: 100vh; 24131 display: flex; 24132 justify-content: center; 24133 background-color: #edf2f7; 24134 align-items: center; 24135 .Polaris-Link + .Polaris-Link { 24136 margin-top: 1rem; 24137 } 24138 .Polaris-FormLayout { 24139 padding-right: 2rem; 24140 padding-left: 2rem; 24141 margin-bottom: 1rem; 24142 } 24143 .Polaris-FormLayout__Item { 24144 margin-top: 2.5rem; 24145 } 24146`;class NW extends l.Component{componentDidMount(){const{currentUser:e}=this.context;e||(B.a.push("/login"),window.location.reload(!1))}render(){const{currentUser:e}=this.context,{isAdministrator:t}=Object(c.j)(e);return n.a.createElement(ud.a,null,t?n.a.createElement(Dp,null):n.a.createElement(Sp,null))}}NW.contextType=te.a;var UW=NW,LW=a(1556),VW=a(1557),zW=a(998),qW=a.n(zW),HW=a(555);function $W(e){let{extraFields:t,setExtraFields:a,loading:l}=e;const[r,i]=n.a.useState("");n.a.useEffect(()=>{t.otpUrl&&xl.a.toDataURL(t.otpUrl).then(i)},[t.otpUrl]);const o=n.a.useCallback(e=>{a({code:e})},[a]);return n.a.useEffect(()=>{function e(e){return e.preventDefault(),e.returnValue=""}return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}},[]),n.a.createElement(D.t,null,n.a.createElement("h3",{className:"pt-4 text-center font-medium",style:{fontSize:"2.25rem"}},"Two-Factor Authentication (2FA)"),r?n.a.createElement("div",null,n.a.createElement(D.z,{children:"Scan QR Code"}),n.a.createElement("img",{alt:"Two-Factor Authentication",src:r,style:{display:"block",margin:"0 auto"}})):null,t.twoFASecret?n.a.createElement("div",null,n.a.createElement("span",null,"Or using secret code"),n.a.createElement(Jd.a,{text:t.twoFASecret})):null,n.a.createElement(D.cb,{value:t.code,onChange:o,label:"Verify Code",placeholder:"Code"}),n.a.createElement(D.g,{fullWidth:!0,primary:!0,submit:!0,loading:l,children:"Verify",disabled:!t.code}))}const _W=j.b.div` 24147 height: 100vh; 24148 display: flex; 24149 justify-content: center; 24150 background-color: #edf2f7; 24151 align-items: center; 24152 .Polaris-Link + .Polaris-Link { 24153 margin-top: 1rem; 24154 } 24155 .wrap-icon { 24156 .Polaris-Button { 24157 margin-top: -1px; 24158 } 24159 } 24160 .Polaris-FormLayout { 24161 min-height: 415px; 24162 padding-right: 2rem; 24163 padding-left: 2rem; 24164 margin-bottom: 1rem; 24165 } 24166 .term { 24167 margin-top: 40px; 24168 position: absolute; 24169 color: gray; 24170 bottom: 0; 24171 } 24172 .Polaris-FormLayout__Item { 24173 margin-top: 2.5rem; 24174 } 24175`,GW=j.b.div` 24176 margin: 30px auto; 24177 padding: 10px; 24178 .logo-mb { 24179 width: 100%; 24180 text-align: center; 24181 margin-bottom: 20px; 24182 .mb-privacy-logo { 24183 width: 300px; 24184 height: auto; 24185 } 24186 } 24187`;class KW extends l.Component{render(){return n.a.createElement(GW,{className:"mb-privacy container"},n.a.createElement("div",{className:"logo-mb"},n.a.createElement(sa.a,{to:"/"},n.a.createElement("img",{className:"mb-privacy-logo",alt:"Merch Bridge",src:yn.a}))),n.a.createElement("h3",null,"Introduction"),n.a.createElement("p",null,"We are MerchBridge, Inc. (\u201cMerchBridge\u201d) know you care about how your personal information is used and shared, and we take your privacy seriously. Please read the following Privacy Policy. By using or accessing our services, including this site, in any manner, you acknowledge that you accept the practices and policies outlined in this Privacy Policy, and you hereby consent to our collection, use, and sharing your information in the following ways."),n.a.createElement("h3",null,"What does this Privacy Policy cover?"),n.a.createElement("p",null,"This Privacy Policy covers our treatment of personally identifiable information (\u201cPersonal Information\u201d) that we gather when you are accessing or using this site, but does not cover the practices of companies we don\u2019t own or c
24187ontrol, or people that we don\u2019t manage. We gather various types of Personal Information from our users, as explained in more detail below, and we use this Personal Information internally in connection with the services we provide, including to personalize, provide, and improve our services, to allow you to set up a user account and profile, to contact you, to fulfill your requests for certain products and services, and to analyze how you use the services. In certain cases, we may also share some Personal Information with third parties, but only as described below."),n.a.createElement("p",null,"We do not knowingly collect or solicit personal information from anyone under the age of 13. If you are under 13, please do not attempt to register for the services or send any personal information about yourself to us. If we learn that we have collected personal information from a child under age 13, we will delete that information as quickly as possible. If you believe that a child under 13 may have provided us personal information, please contact us at\xa0",n.a.createElement("strong",null,"[email protected]"),"."),n.a.createElement("h3",null,"Will We Ever change this Privacy Policy?"),n.a.createElement("p",null,"We\u2019re constantly trying to improve our services, so we may need to change this Privacy Policy from time to time as well, but we will alert you to changes by placing a notice on our website located at , by sending you an email, and/or by some other means. We will not reduce your rights under this Privacy Policy without your explicit consent. Please note that if you\u2019ve opted not to receive legal notice emails from us (or you haven\u2019t provided us with your email address), those legal notices will still govern your use of the services, and you are still responsible for reading and understanding them. These
24187changes will only apply to Personal Information we collect after we have posted the revised Privacy Policy. If you use the services after any changes to the Privacy Policy have been posted, that means you agree to all of the changes."),n.a.createElement("h3",null,"What Information Do We Collect?"),n.a.createElement("p",null,n.a.createElement("em",null,"Information You Provide to Us:")),n.a.createElement("p",null,"We receive and store any information you knowingly provide to us. For example, when you create an account, place an order or subscribe to our newsletter we may collect Personal Information such as your name, email address, password, phone number, third-party account credentials (for example, your log-in credentials for Facebook or other third party sites), transactional information and credit card information. If you provide your third-party account credentials to us, or otherwise sign in to our services through a third party site or service, you understand some content and/or information in those accounts (\u201cThird Party Account Information\u201d) may be transmitted into your account with us, and that Third Party Account Information transmitted to our services is covered by this Privacy Policy; for example, your name and email address. Certain information may be required to register with us or to take advantage of some of our features."),n.a.createElement("p",null,"We may communicate with you if you\u2019ve provided us the means to do so. For example, if you\u2019ve given us your email address, we may email you about your use of the services. Also, we may receive a confirmation when you open an email from us. This confirmation helps us make our communications with you more interesting and improve our services. If you do not want to re
24187ceive communications from us, please indicate your preference by opting out using the link provided at the base of our email communications."),n.a.createElement("p",null,n.a.createElement("em",null,"Information Collected Automatically")),n.a.createElement("p",null,"Whenever you interact with our services, we automatically receive and record information on our server logs from your browser or device, which may include your IP address, device identification, \u201ccookie\u201d information, the type of browser and/or device you\u2019re using to access our services, and the page or feature you requested. \u201cCookies\u201d are identifiers we transfer to your browser or device that allow us to recognize your browser or device and tell us how and when pages and features in our services are visited and by how many people. You may be able to change the preferences on your browser or device to prevent or limit your device\u2019s acceptance of cookies, but this may prevent you from taking advantage of some of our features and services or degrade your user experience with features or services that you are able to use."),n.a.createElement("p",null,"Our advertising partners may also transmit cookies to your browser or device, when you click on ads that appear on the services. Also, if you click on a link to a third party website or service, a third party may also transmit cookies to you. Again, this Privacy Policy does not cover the use of cookies by any third parties, and we aren\u2019t responsible for their privacy policies and practices. Please be aware that cookies placed by third parties may continue to track your activities online even after you have left our services, and those third parties may not honor \u201cDo Not Track\u201d requests you have set using your browser or device."),n.a.createElement("p",null,"We may use this data to customize content for you that we think you might like, based on your usage patterns. We may also use it to improve our services \u2013 for example, this data can tell us how often users use a particular feature of the services, and we can use that knowledge to make the services interesting to as many users as possible."),n.a.createElement("p",null,n.a.createElement("em",null,"Information Collected From Other Websites and Do Not Track Policy:")),n.a.createElement("p",null,"Through cookies we place on your browser or device, we may collect information about your online activity after you leave our site. Just like any other usage information we collect, this information allows us to improve the services and customize your online experience, and otherwise as described in this Privacy Policy. We use Google Analytics to collect information about use of our services and site. Google Analytics collects certain information, such as how often users visit this site, what pages they visit when they do so, and what other sites they used prior to coming to this site. Google Analytics collects only the IP address assigned to you on the date you visit this site, rather than your name or other Personal Information. We do not combine the information collected through the use of Google Analytics with your Personal Information. Although Google Analytics plants a permanent cookie on your web browser to identify you as a unique user the next time you visit this site, the cookie cannot be used by anyone but Google. Google\u2019s ability to use and share information collected by Google Analytics about your visits to this site is restricted by the\xa0",n.a.createElement("a",{href:"https://www.google.com/analytics/terms/us.html",target:"_blank",rel:"noreferrer noopener"},"Google Analytics Terms of Use"),"\xa0and the\xa0",n.a.createElement("a",{href:"https://policies.google.com/privacy",target:"_blank",rel:"noreferrer noopener"},"Google Privacy Policy"),"."),n.a.createElement("p",null,"Your browser may offer you a \u201cDo Not Track\u201d option, which allows you to signal to operators of websites and web applications and services (including behavioral advertising services) that you do not wish such operators to track certain of your online activities over time and across different websites. Our services do not support Do Not Track requests at this time, which means that we collect information about your online activity both while you are using the services and after you leave our services. However, you can opt out of having your activity on the website made available to Google Analytics by installing the Google Analytics opt-out browser add-on (",n.a.createElement("a",{href:"https://tools.google.com/dlpage/gaoptout",target:"_blank",rel:"noreferrer noopener"},"https://tools.google.com/dlpage/gaoptout"),") from your web browser. The Google Analytics opt-out browser add-on provides visitors with the ability to prevent their data from being collected and used by Google Analytics."),n.a.createElement("p",null,n.a.createElement("em",null,"Will We Share Any of the Personal Information We Receive?")),n.a.createElement("p",null,"We may share your Personal Information with third parties as described
24187in this section:"),n.a.createElement("p",null,n.a.createElement("strong",null,"Information that\u2019s no longer personally identifiable:"),"\xa0We may anonymize your Personal Information so that you are not individually identified, and provide that information to our partners. We may also provide aggregate usage information to our partners, who may use such information to understand how often and in what ways people use our services, so that they, too, can provide you with an optimal online experience. However, we never disclose aggregate usage information to a partner in a manner that would identify you personally, as an individual."),n.a.createElement("p",null,n.a.createElement("strong",null,"Advertisers:"),"\xa0We allow advertisers and/or merchant partners (\u201cAdvertisers\u201d) to choose the demographic information of users who will see their advertisements and/or promotional offers and you agree that we may provide any of the information we have collected from you in non-personally identifiable form to an Advertiser, in order for that Advertiser to select the appropriate audience for those advertisements and/or offers. For example, we might use the fact you are located in San Francisco to show you ads or offers for San Francisco businesses, but we will not tell such businesses who you are. Or, we might allow Advertisers to display their ads to users with similar usage patterns to yours, but we will not disclose usage information to Advertisers except in aggregate form, and not in a manner that would identify you personally. Note that if an Advertiser asks us to show an ad to a certain audience or audience segment and you respond to that ad, the Advertiser may conclude that you fit the description of the audience they were trying to reach."),n.a.createElement("p",null,"We may deliver a file to you through our services (known as a \u201cweb beacon\u201d) from an ad network. Web beacons allow ad networks to provide anonymized, aggregated auditing, research and reporting for us and for advertisers. Web beacons also enable ad networks to serve targeted advertisements to you when you visit other websites. Because your web browser must request these advertisements and web beacons from the ad network\u2019s servers, these companies can view, edit, or set their own cookies, just as if you had requested a web page from their site. You may be able to opt-out of web beacon tracking conducted by third parties through our services by adjusting the Do Not Track settings on your browser; please note that we don\u2019t control whether or how these third parties comply with Do Not Track requests."),n.a.createElement("p",null,n.a.createElement("strong",null,"Affiliated Businesses:"),"\xa0In certain situations, businesses or third party websites we\u2019re affiliated with may sell or provide products or services to you through or in connection with the services (either alone or jointly with us). We will share your Personal Information with such affiliated businesses only to the extent that it is related to such transaction or service. We have no control over the policies and practices of third party websites or businesses as to privacy or anything else, so if you choose to take part in any transaction or service relating to an affiliated website or business, please review all such business\u2019 or websites\u2019 policies."),n.a.createElement("p",null,n.a.createElement("strong",null,"Agents:"),"\xa0We employ other companies and people to perform tasks on our behalf and need to share your Personal Information with them to provide products or services to you; for example, we may use a payment processing company to receive and process your credit card transactions for us, and we use a third party to operate our website and provide us with order processing or fulfillment services. We do not control the privacy policies and practices of these companies and people."),n.a.createElement("p",null,n.a.createElement("strong",null,"User Profiles and Submissions:"),"\xa0If you sign into the services through a third party social networking site or service, your list of \u201cfriends\u201d from that site or service may be automatically imported to the services, and such \u201cfriends,\u201d if they are also registered users of the services, may be able to access certain
24187non-public information you have entered in your services user profile. Again, we do not control the policies and practices of any other third party site or service."),n.a.createElement("p",null,n.a.createElement("strong",null,"Business Transfers:"),"\xa0We may choose to buy or sell assets, and may share and/or transfer customer information in connection with the evaluation of and entry into such transactions. Also, if we (or our assets) are acquired, or if we go out of business, enter bankruptcy, or go through some other change of control, Personal Information could be one of the assets transferred to or acquired by a third party."),n.a.createElement("p",null,"Protection of Company and Others: We reserve the right to access, read, preserve, and disclose any information that we reasonably believe is necessary to comply with law or court order; enforce or apply our Terms of Sale, located at and other agreements; or protect the rights, property, or safety of company, our employees, our users, or others."),n.a.createElement("h3",null,"Is Personal Information about me secure?"),n.a.createElement("p",null,"Your account is protected by a password for your privacy and security. If you access your account via a third party site or service, you may have additional or different sign-on protections via that third party site or service. You must prevent unauthorized access to your account and Personal Information by selecting and protecting your password and/or other sign-on mechanism appropriately and limiting access to your computer or device and browser by signing off after you have finished accessing your account."),n.a.createElement("p",null,"We endeavor to protect the privacy of your account and other Personal Information we hold in our records and maintain appropriate physical, technical and administrative safeguards (including encryption) to protect such Personal Information, but unfortunately, we cannot guarantee complete security. Unauthorized entry or use, hardware or software failure, and other factors, may compromise the security of user information at any time."),n.a.createElement("h3",null,"How long is my Personal Information stored?"),n.a.createElement("p",null,"We store your Personal Information through the life of your account with us. We will retain your Personal Information for a minimum of five years or as necessary to comply with our legal obligations."),n.a.createElement("h3",null,"What Personal Information can I access?"),n.a.createElement("p",null,"Through your account settings, you may access, and, in some cases, edit or delete the following information you\u2019ve provided to us: name and password, email address, location, order history"),n.a.createElement("p",null,"The information you can view, update, and delete may change as the services change. If you have any questions about viewing or updating information we have on file about you, please contact us at"," ",n.a.createElement("strong",null,"[email protected]"),"."),n.a.createElement("p",null,"Under California Civil Code Sections 1798.83-1798.84, California residents are entitled to ask us for a notice identifying the categories of Personal Information which we share with our affiliates and/or third parties for marketing purposes, and providing contact information for such affiliates and/or third parties. If you are a California resident and would like a copy of this notice, please submit a written request to:\xa0",n.a.createElement("strong",null,"[email protected]"),"."),n.a.createElement("h3",null,"What choices do I have?"),n.a.createElement("p",null,"You can always opt not to disclose information to us, but keep in mind some information may be needed to register with us or to take advantage of some of our features, and non-disclosure of certain information may degrade or restrict your access to some functionalities of our services."),n.a.createElement("p",null,"You may be able to add, update, or delete information as explained above. When you update information, however, we may maintain a copy of the unrevised information in our records."),n.a.createElement("h3",null,"What if I have questions about this policy?"),n.a.createElement("p",null,"If you have any questions or concerns regarding our privacy policies, please send us a detailed message to\xa0",n.a.createElement("strong",null,"[email protected]"),", and we will try to resolve your concerns."))}}class JW extends l.Component{render(){const{match:e}=this.props;return n.a.createElement(te.a.Consumer,null,t=>{let{currentUser:a}=t,l="",n="";if(e&&e.params&&e.params.orderId&&e.params.orderId.length>0&&(l=e.params.orderId),e&&e.url&&e.url.length>0&&(n=e.url),a){let e=a.roles?a.roles:[],t=a.teamUser&&a.teamUser.role?a.teamUser.role:"",n="/seller";e.includes(oe.pb.Admin)?n="/admin":e.includes(oe.pb.Seller)&&(t===oe.gb.StoreManager?n="/store-manager"
24187:t===oe.gb.MarketplaceManager&&(n="/marketplace-manager"));let r=n+"/orders?limit=20&search="+l;B.a.push(r)}else B.a.push("/login/?origin_url="+n)})}}var YW=JW,WW=a(1e3),ZW=a.n(WW);a(636);const XW=o.a` 24188 mutation register($input: NewSeller!) { 24189 register(input: $input) { 24190 id 24191 firstName 24192 lastName 24193 email 24194 roles 24195 } 24196 # login(email: $email, password: $password) { 24197 # id 24198 # expiredAt 24199 # user { 24200 # id 24201 # firstName 24202 # lastName 24203 # email 24204 # phone 24205 # address 24206 # avatar { 24207 # id 24208 # name 24209 # url 24210 # } 24211 # teamUser { 24212 # team { 24213 # id 24214 # } 24215 # role 24216 # } 24217 # roles 24218 # } 24219 # } 24220 } 24221`,eZ=j.b.div` 24222 height: 100vh; 24223 display: flex; 24224 justify-content: center; 24225 background-color: #edf2f7; 24226 align-items: center; 24227 .Polaris-Link + .Polaris-Link { 24228 margin-top: 1rem; 24229 } 24230 .wrap-icon { 24231 .Polaris-Button { 24232 margin-top: -1px; 24233 } 24234 } 24235 .Polaris-FormLayout { 24236 min-height: 600px; 24237 padding-right: 2rem; 24238 padding-left: 2rem; 24239 margin-bottom: 1rem; 24240 } 24241 .Polaris-FormLayout__Item { 24242 margin-top: 2.5rem; 24243 } 24244`;var tZ=[{path:"/",exact:!0,component:UW,layout:ar},{path:"/login",exact:!0,component:()=>{const[e,t]=Object(l.useState)(!1),[a,r]=Object(l.useState)(null),[i,o]=Object(l.useState)(null),[s,u]=Object(l.useState)(null),[d,m]=Object(l.useState)(null),[p,g]=Object(l.useState)(!1),[A,b]=Object(l.useState)(""),[h,f]=Object(l.useState)(!1),[v,E]=n.a.useReducer((e,t)=>({...e,...t}),{step:1,dataLogin:null,otpUrl:null,code:null,loading:!1,twoFASecret:null}),{authenticate:y,setStore:C,currentUser:O}=Object(l.useContext)(te.a),j=Object(HW.a)();Object(l.useEffect)(()=>{var e;const t=null===(e=window)||void 0===e?void 0:e.location.search;let a;if(t&&t.startsWith("?origin_url")&&(a=t.replace("?origin_url=",""),a.startsWith("/")||(a="/"+a)),O){var l;if(a)return void B.a.push(a);const e={Supporter:"/seller-supporter/orders",DesignLeader:"/design-leader/design-tasks",Designer:"/designer/design-tasks",StoreManager:"/store-manager/products",Home:"/",Idea:"/idea/tasks",IdeaLeader:"/idea-leader/tasks",Accountant:"/seller-accountant/reports/amazon",ChannelLeader:"/channel-leader/amazon-ideas",ChannelSeller:"/channel-seller/amazon-ideas",ChannelIdea:"/channel-idea/amazon-ideas",ChannelSupportLeader:"/channel-support-leader/amazon-ideas",ChannelSupporter:"/channel-supporter/amazon-ideas"};if((null===(l=O.roles)||void 0===l?void 0:l.includes("Supplier"))&&null==O.teamUser)return void B.a.push("/supplier/orders");const t=e=>{const{extraMenus:t}=O||{};let a=[];const l=Object(c.Wb)(t);let n=e?void 0:"/designer";const{tasksMenu:r,pathMatch:i}=Object(c.Ab)(l,n);Object(c.c)(r)||Object(c.c)(i)||(a=i);let[o]=a,s="";if(o){const[t,a,...l]=o.split("/");s=[e?"/design-leader":"/designer",...l].join("/")}return s};switch(k.a.get(O,"teamUser.role")){case oe.pb.Supporter:B.a.push(e.Supporter);break;case oe.gb.DesignLeader:let a=t(!0);a=a||e.DesignLeader,B.a.push(a);break;case oe.gb.Designer:let l=t();l=l||e.Designer,B.a.push(l);break;case oe.gb.StoreManager:B.a.push(e.StoreManager),C({id:"all",title:"All Stores"});break;case oe.gb.MarketplaceManager:B.a.push(e.Home),C({id:"all",title:"All Stores"});break;case oe.gb.Idea:B.a.push(e.Idea);break;case oe.gb.IdeaLeader:B.a.push(e.IdeaLeader);break;case oe.gb.Accountant:B.a.push(e.Accountant);break;case oe.gb.ChannelLeader:B.a.push(e.ChannelLeader);break;case oe.gb.ChannelSeller:C({id:"all",title:"All Stores"}),B.a.push(e.ChannelSeller);break;case oe.gb.ChannelIdea:C({id:"all",title:"All Stores"}),B.a.push(e.ChannelIdea);break;case oe.gb.ChannelSupportLeader:C({id:"all",title:"All Stores"}),B.a.push(e.ChannelSupportLeader);break;case oe.gb.ChannelSupporter:B.a.push(e.ChannelSupporter);break;default:B.a.push(e.Home)}}},[O]);const w=n.a.useCallback(e=>{const{user:t}=e||{},a=(t||{}).id;a&&Object(c.Nb)("userId",a,100),y(e)},[y]),[S,{loading:I}]=Object(De.c)(Jt.ic,{onCompleted:e=>{if(e.login){if(null===e||void 0===e?void 0:e.login){const{enable2fa:t,otpUrl:a,twoFASecret:l,use2fa:n}=e.login;!t||t&&!n?w(e.login):E({step:2,dataLogin:e.login,otpUrl:a,twoFASecret:l})}b("")}},onError:e=>{b(Object(c.ib)(null===e||void 0===e?void 0:e.toString()))}}),P=e=>{e?Object(c.sb)(e)?u(null):u("Email must be a valid email address."):u("Email is required.")},x=e=>{m(e?null:"Please choose a password.")},M=Object(l.useCallback)(e=>{P(e),r(e)},[]),T=Object(l.useCallback)(e=>{x(e),o(e)},[]),Q=Object(l.useCallback)(()=>{g(e=>!e)},[]),R=Object(l.useCallback)(e=>f(e),[]),F=Object(l.useCallback)(()=>{g(!0),b(""),localStorage&&localStorage.removeItem("store"),1===v.step?(P(a),x(i),a&&i&&!s&&!d&&S({variables:{input:{email:a,password:i,remember:h,fingerprint:j}}})):v.code&&(E({loading:!0}),async function(e){const{id:t}=e.dataLogin||{};if(!t)return;const a={"content-type":"application/json",Authorization:"Bearer "+t};try{const t=JSON.stringify({query:`\n mutation verify2faUser {\n verify2faUser(code: "${e.code}", fingerprint: "${j}")\n }\n `}),l=await fetch($e.b+"/query",{method:"post",body:t,headers:a}),{data:n,errors:r}=await l.json();if(null===n||void 0===n?void 0:n.verify2faUser)w(e.dataLogin);else if(r&&(null===r||void 0===r?void 0:r.length)>0){const e=r[0].message;throw new Error(e)}b("")}catch(l){b(null===l||void 0===l?void 0:l.toString())}finally{E({loading:!1})}}(v))},[a,i,s,d,h,v.step,v.code,v.dataLogin,j]),N=p&&A?n.a.createElement(D.fb,{content:A?k.a.capitalize(Object(c.ib)(A.toString()).trim()):null,error:A||null,duration:5e3,onDismiss:Q}):null,U=n.a.createElement("div",{className:"wrap-icon"},n.a.createElement(D.g,{plain:!0,onClick:()=>t(e=>!e)},n.a.createElement(D.w,{source:e?Ja.a:Ka.a})));return n.a.createElement(_W,null,n.a.createElement("div",{className:"container mx-auto"},n.a.createElement("div",{className:"flex justify-center px-8"},n.a.createElement("div",{className:"container bg-white register-card w-full xl:w-3/4 lg:w-11/12 flex rounded-l-lg rounded-r-lg"},n.a.createElement("div",{className:"w-full h-auto bg-gray-400 hidden lg:block lg:w-1/2 bg-cover rounded-l-lg",style:{backgroundImage:`url(${qW.a})`}}
24244),n.a.createElement("div",{className:"w-full lg:w-1/2 bg-white p-5 rounded-lg lg:rounded-l-none"},n.a.createElement(D.s,{onSubmit:F},1===v.step?n.a.createElement(D.t,null,n.a.createElement("h3",{className:"pt-4 text-center font-medium",style:{fontSize:"2.25rem"}},"Welcome Back!"),n.a.createElement(D.cb,{value:a,onChange:M,label:"Email",type:"email",placeholder:"Email",prefix:n.a.createElement(D.w,{source:LW.a}),error:s}),n.a.createElement(D.cb,{value:i,onChange:T,label:"Password",type:e?"text":"password",placeholder:"***************",prefix:n.a.createElement(D.w,{source:VW.a}),suffix:U,error:d}),n.a.createElement(D.j,{label:"Remember me",onChange:R,checked:h}),n.a.createElement(D.g,{fullWidth:!0,primary:!0,submit:!0,loading:I},"Login"),n.a.createElement("hr",{className:"mb-6 border-t"}),n.a.createElement("div",{className:"flex flex-col items-center"},n.a.createElement(D.B,{url:"/register"},"Create an Account!"),n.a.createElement(D.B,{url:"/forgot-password"},"Forgot Password?"))):n.a.createElement($W,{extraFields:v,setExtraFields:E,loading:v.loading})))),N)),n.a.createElement("p",{className:"term"},"PRIVACY POLICY AND TERMS OF SERVICE"))},layout:null},{path:"/register",exact:!0,component:()=>{const[e,t]=Object(l.useState)(!1),[a,r]=Object(l.useState)(null),[i,o]=Object(l.useState)(null),[s,u]=Object(l.useState)(!1),[d,m]=Object(l.useState)(null),[p,g]=Object(l.useState)(null),[A,b]=Object(l.useState)(null),[h,f]=Object(Ee.a)(!1),[v,E]=Object(l.useState)({firstName:null,lastName:null,email:null,password:null,confirmPassword:null}),[y,{loading:C,error:O}]=Object(De.c)(XW,{onCompleted:e=>{var t;(null===e||void 0===e||null===(t=e.register)||void 0===t?void 0:t.id)&&f(!0)},onError:()=>{}}),j=e=>{E(t=>{let a=null;return e||(a="Please enter first name."),{...t,firstName:a}})},w=e=>{E(t=>{let a=null;return e||(a="Please enter last name."),{...t,lastName:a}})},S=e=>{E(t=>{let a=null;return e?Object(c.sb)(e)||(a="Email must be a valid email address."):a="Please enter email.",{...t,email:a}})},I=e=>{E(t=>{let a=null;return e||(a="Please choose a password."),{...t,password:a}})},P=e=>{E(t=>{let a=null;return e?k.a.isEqual(e,i)||(a="The two passwords that you entered do not match."):a="Please confirm your password.",{...t,confirmPassword:a}})},x=Object(l.useCallback)(e=>{j(e),m(e)},[]),M=Object(l.useCallback)(e=>{w(e),b(e)},[]),T=Object(l.useCallback)(e=>{S(e),r(e)},[]),Q=Object(l.useCallback)(e=>{I(e),o(e)},[]),R=Object(l.useCallback)(e=>{P(e),g(e)}),F=Object(l.useCallback)(()=>{u(e=>!e)},[]),N=Object(l.useCallback)(()=>{j(d),w(A),S(a),I(i),P(p);let e=k.a.size(k.a.filter(k.a.values(v),e=>null!==e));if(a&&i&&d&&A&&p&&0===e){y({variables:{input:{firstName:d,lastName:A,email:a,password:i}}}),F()}},[a,i,d,A,p]),U=s&&O?n.a.createElement(D.fb,{content:O?Object(c.ib)(O.toString()):null,error:O||null,duration:5e3,onDismiss:F}):null,L=n.a.createElement("div",{className:"wrap-icon"},n.a.createElement(D.g,{plain:!0,onClick:()=>t(e=>!e)},n.a.createElement(D.w,{source:e?Ja.a:Ka.a}))),V=Object(l.useCallback)(()=>{B.a.push("/")},[]);return n.a.createElement(eZ,null,n.a.createElement(D.E,{open:h,title:"Activate your account",onClose:f,secondaryActions:[{content:"Cancel",onAction:f}],primaryAction:{content:"Go to Login",onAction:V},sectioned:!0},n.a.createElement("p",null,"Thank you for registration. Please check your email and activate your account to login.")),n.a.createElement("div",{className:"container mx-auto"},n.a.createElement("div",{className:"flex justify-center px-8"},n.a.createElement("div",{className:"container bg-white register-card w-full xl:w-3/4 lg:w-11/12 flex rounded-l-lg rounded-r-lg"},n.a.createElement("div",{className:"w-full h-auto bg-gray-400 hidden lg:block lg:w-5/12 bg-cover rounded-l-lg",style:{backgroundImage:`url(${ZW.a})`}}),n.a.createElement("div",{className:"w-full lg:w-7/12 bg-white p-5 rounded-lg lg:rounded-l-none"},n.a.createElement(D.s,{onSubmit:N},n.a.createElement(D.t,null,n.a.createElement("h3",{className:"pt-4 text-center font-medium",style:{fontSize:"2.25rem"}}
24244,"Create an Account!"),n.a.createElement(D.t.Group,null,n.a.createElement(D.cb,{label:"First Name(*)",type:"text",onChange:x,value:d,placeholder:"First name",error:v.firstName}),n.a.createElement(D.cb,{label:"Last Name(*)",type:"text",onChange:M,value:A,placeholder:"Last name",error:v.lastName})),n.a.createElement(D.cb,{value:a,onChange:T,label:"Email(*)",type:"email",placeholder:"Email",error:v.email}),n.a.createElement(D.t.Group,null,n.a.createElement(D.cb,{value:i,onChange:Q,label:"Password(*)",type:e?"text":"password",placeholder:"***************",suffix:L,error:v.password}),n.a.createElement(D.cb,{value:p,onChange:R,label:"Confirm Password(*)",type:e?"text":"password",placeholder:"***************",suffix:L,error:v.confirmPassword})),n.a.createElement(D.g,{fullWidth:!0,primary:!0,submit:!0,loading:C},"Register Account"),n.a.createElement("hr",{className:"mb-6 border-t"}),n.a.createElement("div",{className:"flex flex-col items-center"},n.a.createElement(D.B,{url:"/forgot-password"},"Forgot Password?"),n.a.createElement(D.B,{url:"/login"},"Already have an account? Login!")))))),U)))},layout:null},{path:"/forgot-password",exact:!0,component:()=>{const[e,t]=Object(l.useState)(null),[a,r]=Object(l.useState)(null),[i,o]=Object(l.useState)(!1),[s,{loading:u,error:d,data:m}]=Object(De.c)(RW,{onCompleted:()=>{},onError:()=>{}}),p=e=>{e?Object(c.sb)(e)?r(null):r("Email must be a valid email address."):r("Email is required.")},g=Object(l.useCallback)(e=>{p(e),t(e)},[]),A=Object(l.useCallback)(()=>{o(e=>!e)},[]),b=Object(l.useCallback)(()=>{p(e),e&&!a&&(s({variables:{mail:e}}),A())},[e,a]),h=i?(d||m&&m.forgotPassword)&&n.a.createElement(D.fb,{content:d?Object(c.ib)(d.toString()):m&&m.forgotPassword&&"A forgot password message has been sent to your email address.",error:!!d&&"Email not exist",duration:2e3,onDismiss:A}):null;return n.a.createElement(FW,null,n.a.createElement("div",{className:"container mx-auto"},n.a.createElement("div",{className:"flex justify-center px-8"},n.a.createElement("div",{className:"container bg-white register-card w-full xl:w-3/4 lg:w-11/12 flex rounded-l-lg rounded-r-lg"},n.a.createElement("div",{className:"w-full h-auto bg-gray-400 hidden lg:block lg:w-5/12 bg-cover rounded-l-lg",style:{backgroundImage:`url(${QW.a})`}}),n.a.createElement("div",{className:"w-full lg:w-7/12 bg-white p-5 rounded-lg lg:rounded-l-none"},n.a.createElement(D.s,{onSubmit:b},n.a.createElement(D.t,null,n.a.createElement("div",{className:"px-8 mb-4 text-center"},n.a.createElement("h3",{className:"pt-4 mb-2 font-medium",style:{fontSize:"2.25rem"}},"Forgot Your Password?"),n.a.createElement("p",{className:"mb-4 text-gray-700"},"We get it, stuff happens. Just enter your email address below and we'll send you a link to reset your password!")),n.a.createElement(D.cb,{value:e,onChange:g,label:"Email(*)",type:"email",placeholder:"Email",error:a}),n.a.createElement(D.g,{fullWidth:!0,primary:!0,submit:!0,loading:u},"Reset Password"),n.a.createElement("hr",{className:"mb-6 border-t"}),n.a.createElement("div",{className:"flex flex-col items-center"},n.a.createElement(D.B,{url:"/register"},"Create an Account!"),n.a.createElement(D.B,{url:"/login"},"Already have an account? Login!")))))),h)))},layout:null},{path:"/forgot-password/:token",exact:!0,component:e=>{const{token:t}=e.match.params,[a,r]=Object(l.useState)(!1),[i,o]=Object(l.useState)(null),[s,u]=Object(l.useState)(null),[d,m]=Object(l.useState)(!1),[p,g]=Object(l.useState)({password:null,confirmPassword:null}),[A,{loading:b,error:h,data:f}]=Object(De.c)(xW,{onCompleted:()=>{B.a.push("/login"),window.location.reload(!1)},onError:()=>{}}),v=e=>{g(t=>{let a=null;return e||(a="Please choose a password."),{...t,password:a}})},E=e=>{g(t=>{let a=null;return e?k.a.isEqual(e,i)||(a="The two passwords that you entered do not match."):a="Please confirm your password.",{...t,confirmPassword:a}})},y=Object(l.useCallback)(e=>{v(e),o(e)},[]),C=Object(l.useCallback)(e=>{E(e),u(e)}),O=Object(l.useCallback)(()=>{m(e=>!e)},[]),j=Object(l.useCallback)(()=>{v(i),E(s);let e=k.a.size(k.a.filter(k.a.values(p),e=>null!==e));i&&0===e&&(A({variables:{token:t,newPassword:i}}),O())},[i,s,p,t]),w=d?(h||f&&f.newPasswordAccount)&&n.a.createElement(D.fb,{content:h?Object(c.ib)(h.toString()):f&&f.newPasswordAccount&&"Reset password successfully.",error:h,duration:2e3,onDismiss:O}):null,S=n.a.createElement("div",{className:"wrap-icon"},n.a.createElement(D.g,{plain:!0,onClick:()=>r(e=>!e)},n.a.createElement(D.w,{source:a?Ja.a:Ka.a})));return n.a.createElement(MW,null,n.a.createElement("div",{className:"container mx-auto"},n.a.createElement("div",{className:"flex justify-center px-8"},n.a.createElement("div",{className:"container bg-white register-card w-full xl:w-3/4 lg:w-11/12 flex rounded-l-lg rounded-r-lg"},n.a.createElement("div",{className:"w-full h-auto bg-gray-400 hidden lg:block lg:w-5/12 bg-cover rounded-l-lg",style:{backgroundImage:`url(${PW.a})`}}),n.a.createElement("div",{className:"w-full lg:w-7/12 bg-white p-5 rounded-lg lg:rou
24244nded-l-none"},n.a.createElement(D.s,{onSubmit:j},n.a.createElement(D.t,null,n.a.createElement("div",{className:"px-8 mb-4 text-center"},n.a.createElement("h3",{className:"pt-4 mb-2 font-medium",style:{fontSize:"2.25rem"}},"Reset Password?"),n.a.createElement("p",{className:"mb-4 text-gray-700"},"You can reset your password using this form")),n.a.createElement(D.cb,{value:i,onChange:y,label:"Password(*)",type:a?"text":"password",placeholder:"***************",suffix:S,error:p.password}),n.a.createElement(D.cb,{value:s,onChange:C,label:"Confirm Password(*)",type:a?"text":"password",placeholder:"***************",suffix:S,error:p.confirmPassword}),n.a.createElement(D.g,{fullWidth:!0,primary:!0,submit:!0,loading:b},"Reset My Password"),n.a.createElement("hr",{className:"mb-6 border-t"}),n.a.createElement("div",{className:"flex flex-col items-center"},n.a.createElement(D.B,{url:"/register"},"Create an Account!"),n.a.createElement(D.B,{url:"/login"},"Already have an account? Login!")))))),w)))},layout:null},{path:"/edit-profile",exact:!0,component:()=>{const[e,t]=Object(l.useState)(null),[a,r]=Object(l.useState)(!1),{setCurrentUser:i,currentUser:o}=Object(l.useContext)(te.a),[s,{data:c,loading:u,error:d}]=Object(De.c)(HY,{onCompleted:e=>{const a=setTimeout(()=>{i(e.updateProfile),B.a.push("/")},2500);t(a)},onError:()=>{}}),m=Object(l.useCallback)(e=>{s({variables:{input:e}}),p()},[]),p=Object(l.useCallback)(()=>{r(e=>!e)},[]);Object(l.useEffect)(()=>()=>clearTimeout(e),[]);const g=a?(d||c)&&n.a.createElement(D.fb,{content:d||"Your profile has been saved.",error:d,duration:5e3,onDismiss:p}):null;return n.a.createElement($Y,null,g,n.a.createElement(D.H,{title:"Edit Profile",breadcrumbs:[{content:"Home",url:"/"}]},n.a.createElement(qY,{data:o,onSubmit:m,loading:u})))},layout:ar},{path:"/change-password",exact:!0,component:VY,layout:ar},{path:"/billings",exact:!0,component:IW,layout:ar},{path:"/activation/:token",exact:!0,component:WY,layout:null},{path:"/redirect/order/:orderId",exact:!0,component:YW,layout:null},{path:"/privacy",exact:!0,component:KW,layout:null},{path:"/download/:id",exact:!0,component:()=>{const e=Object(O.h)(),t=(null===e||void 0===e?void 0:e.search)?e.search.substring(1):null;return n.a.createElement(D.H,null,n.a.createElement(BW,null,n.a.createElement("p",null,"If you not redirect then"," ",n.a.createElement(jn.a,{href:t},"please click manual"),".")))},title:"Download Page",layout:ar,roles:["Seller"]},{path:"/artwork_preview/:id",exact:!0,component:function(){return n.a.createElement(iW,null)},title:"Artwork Preview",layout:null}];const aZ=j.b.div` 24245 .ant-tabs-nav-scroll { 24246 padding-left: 15px; 24247 padding-right: 15px; 24248 } 24249`;class lZ extends l.Component{constructor(){super(...arguments),this.state={defaultValue:this.props.defaultValue},this.onChange=e=>{this.props.onChange&&(this.props.onChange(e),this.setState({defaultValue:e}))},this.getMachineName=e=>e?e.toLowerCase().replace(/ /g,"_"):""}getCount(e,t){return k.a.get(e,t+".doc_count")}shouldComponentUpdate(e,t){return(!k.a.isEqual(e,this.props)||e.defaultValue!==this.props.defaultValue||this.state.defaultValue!==t.defaultValue)&&(this.setState({defaultValue:e.defaultValue}),!0)}render(){const{value:e,aggregations:t,total:a}=this.props,{defaultValue:l}=this.state;return n.a.createElement(aZ,{className:"bg-white flex order-tabs"},n.a.createElement(ib.a,{className:"w-full order",defaultActiveKey:l,activeKey:l||"null",onChange:e=>{this.props.onChange&&(this.props.onChange("null"===e?null:e),this.setState({defaultValue:"null"===e?null:e}))}},e&&e.map(e=>{const l=this.getMachineName(e.key);return n.a.createElement(ib.a.TabPane,{tab:`${e.name} ${t?"("+(e.key?this.getCount(t,l)||0:a||0)+")":""}`,key:e.key})})))}}const nZ=o.a` 24250 mutation updateTracking($input: UpdateTracking!) { 24251 updateTracking(input: $input) { 24252 id 24253 orderId 24254 type 24255 comment 24256 status 24257 } 24258 } 24259`,rZ={labelCol:{span:24},wrapperCol:{span:24}};class iZ extends l.Component{constructor(){super(...arguments),this.state={loading:!1}}render(){const{claim:e}=this.props,{loading:t}=this.state;return n.a.createElement("div",null,n.a.createElement(s.a,{mutation:nZ,onCompleted:()=>{this.setState({loading:!1}),i.a.success({message:"Resent claim success!"})},onError:e=>{this.setState({loading:!1}),i.a.error({message:e.toString()})}},a=>n.a.createElement(x.a,Object.assign({},rZ,{onFinish:t=>{t&&(this.setState({loading:!0}),a({variables:{input:{...t,claimId:e.id}}}))}}),n.a.createElement(x.a.Item,{label:"Tracking Code",name:"newCode",rules:[{required:!0,message:"Tracking code is requied."}]},n.a.createElement(p.a,{placeholder:"Enter tracking code"})),n.a.createElement(x.a.Item,{label:"Note",name:"note",rules:[{required:!0,message:"Note is required."}]},n.a.createElement(p.a.TextArea,null)),n.a.createElement(x.a.Item,{className:"flex justify-end"},n.a.createElement(v.a,{type:"primary",htmlType:"submit",loading:t},"Submit")))))}}var oZ=iZ;const sZ=o.a` 24260 mutation refundClaim($id: ID!) { 24261 refundClaim(id: $id) { 24262 id 24263 orderId 24264 type 24265 status 24266 order { 24267 id 24268 originId 24269 } 24270 comment 24271 } 24272 } 24273`;class cZ extends l.Component{constructor(){super(...arguments),this.state={loading:!1}}render(){const{claim:e}=this.props;return n.a.createElement(s.a,{mutation:sZ,onCompleted:()=>{this.setState({loading:!1}),i.a.success({message:"Refund claim success!"})},onError:e=>{this.setState({loading:!1}),i.a.error({message:e.toString()})}},t=>n.a.createElement("div",null,n.a.createElement(v.a,{className:"mx-1",onClick:()=>{y.a.confirm({title:`Are you sure to refund for order #${e.order.id}?`,onOk:()=>{t({variables:{id:e.id}})},centered:!0})}},"Refund")))}}var uZ=cZ;class dZ extends l.Component{constructor(){super(...arguments),this.state={isResend:!1,isRefund:!1},this.handleClose=()=>{this.setState({isResend:!1,isRefund:!1})}}render(){const{claim:e}=this.props,{isResend:t}=this.state;return n.a.createElement("div",null,e.type===w.d.NeedResend&&e.status!==w.c.Resent&&n.a.createElement(n.a.Fragment,null,n.a.createElement(v.a,{className:"mx-1",onClick:()=>{this.setState({isResend:!0})}},"Resend"),n.a.createElement(y.a,{title:"Resend for order #"+e.order.id,onCancel:this.handleClose,visible:t,footer
24273:!1},n.a.createElement(oZ,{claim:e}))),e.type===w.d.NeedRefund&&e.status!==w.c.Refunded&&n.a.createElement(n.a.Fragment,null,n.a.createElement(uZ,{claim:e})))}}var mZ=a(638),pZ=a(1588);class gZ extends l.Component{constructor(){super(...arguments),this.state={visible:!1}}render(){const{visible:e}=this.state,{task:t}=this.props;return n.a.createElement("div",null,n.a.createElement("div",{className:"cursor-pointer flex items-center",onClick:e=>{this.setState({visible:!0})}},n.a.createElement(TA.a,null),n.a.createElement("div",{className:"ml-2"},"Accept Design")),n.a.createElement(s.a,{onError:e=>{i.a.error({message:Object(c.ib)(e.toString())})},onCompleted:()=>{i.a.success({message:"Design has been approved!"}),this.props.refetch&&this.props.refetch()},mutation:Jt.b,variables:{id:t.id}},(a,l)=>{let{loading:r}=l;return n.a.createElement(y.a,{visible:e,okButtonProps:{loading:r},onOk:()=>{a()},onCancel:()=>this.setState({visible:!1}),title:"Accept Design Confirmation"},n.a.createElement("p",null,"Are you sure want to accept this design for order #",t.orderId))}))}}const AZ=o.a` 24274 query getFieldValueForOrder($orderId: ID!) { 24275 getFieldValueForOrder(orderId: $orderId) { 24276 id 24277 createdAt 24278 field { 24279 id 24280 name 24281 title 24282 type 24283 extraFee 24284 configure 24285 sorting 24286 } 24287 value 24288 order { 24289 id 24290 product { 24291 id 24292 images { 24293 id 24294 file { 24295 id 24296 url 24297 thumbnailUrl 24298 } 24299 } 24300 } 24301 } 24302 } 24303 } 24304`,bZ=j.b.div` 24305 display: flex !important; 24306 justify-content: center; 24307 max-height: 90vh; 24308 width: 100%; 24309 overflow: auto; 24310`,hZ=j.b.div` 24311 .ant-carousel .slick-slide { 24312 text-align: center; 24313 overflow: hidden; 24314 } 24315 .ant-carousel .slick-dots li button { 24316 background: #1a202c; 24317 } 24318 .ant-carousel .slick-dots li, 24319 .ant-carousel .slick-dots li.slick-active, 24320 .ant-carousel .slick-dots li button { 24321 width: 16px; 24322 height: 16px; 24323 } 24324 .ant-carousel .slick-dots li button { 24325 border-radius: 100%; 24326 } 24327 .ant-carousel .slick-dots-bottom { 24328 bottom: 8px; 24329 } 24330`,fZ=j.b.div` 24331 .img-wrap { 24332 box-shadow: var( 24333 --p-card-shadow, 24334 0 0 2px 2px rgba(63, 60, 68, 0.1), 24335 0 1px 3px 0 rgba(63, 63, 68, 0.3) 24336 ); 24337 } 24338 .compare-design_btn { 24339 margin-top: 1rem; 24340 } 24341`,vZ=j.b.div` 24342 display: flex; 24343 flex-direction: column; 24344 text-align: left; 24345 .header_wrap { 24346 display: flex; 24347 flex-direction: row; 24348 column-gap: 3rem; 24349 padding-right: 2rem; 24350 .header { 24351 width: 50%; 24352 h2 { 24353 font-weight: 500; 24354 font-size: 2rem; 24355 } 24356 } 24357 .change-opacity { 24358 width: 50%; 24359 display: flex; 24360 justify-content: flex-end; 24361 h3 { 24362 margin-left: 6px; 24363 } 24364 .change-opacity_inner { 24365 width: 300px; 24366 } 24367 } 24368 } 24369 .imgs_wrap { 24370 position: relative; 24371 .img_item { 24372 object-fit: cover; 24373 width: 100%; 24374 height: 100%; 24375 max-width: 8900px; 24376 max-height: 10000px; 24377 } 24378 } 24379 .personalized-info { 24380 margin-bottom: 1.6rem; 24381 margin-top: -1.6rem; 24382 h4 { 24383 font-weight: 500; 24384 font-size: 1.2em; 24385 display: inline-block; 24386 } 24387 .personalized-inner { 24388 display: flex; 24389 flex-direction: row; 24390 column-gap: 2rem; 24391 row-gap: 2rem; 24392 flex-wrap: wrap; 24393 justify-content: flex-start; 24394 label.label { 24395 font-weight: 500; 24396 color: rgba(0, 0, 0, 0.85); 24397 font-size: 1em; 24398 margin-right: 1rem; 24399 } 24400 } 24401 } 24402 .custom-btn-accpet { 24403 padding: 0; 24404 .cursor-pointer.items-center { 24405 padding: 4px 15px; 24406 span.anticon { 24407 display: none; 24408 } 24409 } 24410 } 24411`,EZ={display:"flex",alignItems:"center",justifyCntent:"center"},yZ={fontSize:"12px",paddingLeft:"10px"},CZ={marginBottom:"5px"};class kZ extends l.Component{constructor(){super(...arguments),this.state={showModal:!1,loaded:!1,dimensions:{},showModalCompareDesign:!1,inputSlider:100},this.checkRealDimension=(e,t,a)=>{let l=!1;if(e&&e.description&&e.description.length>0&&t&&a){let n=e.description;if(t=parseInt(t),a=parseInt(a),n){let e=n.split("|");if(e.length<2)return!0;
24411if(!e[0]||0===e[0].length)return!0;if(!e[1]||0===e[1].length)return!0;if(!/png|jpg|jpeg/i.test(e[1]))return!0;if(Array.isArray(e)&&e[0]&&e[0].length>0){let n=e[0];if(!/px|cm|in/i.test(n))return!0;if(n=n.replace(/,/g,""),n=n.replace(/,/g,""),n=n.replace(/px/g,""),n=n.replace(/cm/g,""),n=n.replace(/\s+/g,""),n.length>0){let e=n.split("x");if(Array.isArray(e)&&2===e.length){let n=e&&e[0]?parseInt(e[0]):0,r=e&&e[1]?parseInt(e[1]):0;n>0&&r>0&&n===t&&r===a&&(l=!0)}}}}}return l},this.imageLoadHandler=(e,t,a,l)=>{if(e){let e=new Image;e.src=t,e.onload=()=>{let t=this.state.dimensions;if(!t[a]){let n=e&&e.height?e.height:"",r=e&&e.width?e.width:"";t[a]={id:a,height:n,width:r,isRealDimensionOk:this.checkRealDimension(l,r,n)},this.setState({dimensions:t})}}}},this.toggleModalCD=()=>{this.setState(e=>({showModalCompareDesign:!e.showModalCompareDesign}))},this.onChangeSlider=e=>{this.setState({inputSlider:e})}}render(){var e;const{files:t,limit:a,width:l,height:r,inline:i,isCompareDesign:o,designPosition:u,hasShadow:d,hasCompareDesign:m,orderId:p,taskId:g,refetch:A}=this.props,{inputSlider:b,showModalCompareDesign:h}=this.state,E=t.files?t.files:[];let k;u&&u.artworkGuidelines&&u.artworkGuidelines.length&&(k=u.artworkGuidelines.filter(e=>e.file).filter(Boolean).find(e=>oe.A.includes(e.file.mimeType)));let O=k&&k.file&&k.file.url?k.file.url:"",j=E&&E.filter(e=>e.url).filter(Boolean)[0];return j=null===(e=j)||void 0===e?void 0:e.url,n.a.createElement(fZ,null,t&&E&&E.filter(Boolean).map((e,t)=>n.a.createElement(n.a.Fragment,{key:t},a&&a>0&&a<t+1?null:n.a.createElement("div",{key:e.id,className:"modal-image-item",style:u?EZ:null},n.a.createElement("div",{className:"modal-image"},n.a.createElement("img",{className:"cursor-pointer "+(d?"img-wrap ":"")+(i?"inline-block":"block"),src:e.url||e.thumbnailUrl,alt:"",key:e.id,style:{width:l||60,height:r||60,objectFit:"cover",margin:5},onClick:()=>this.setState({showModal:!0}),onLoad:this.imageLoadHandler(o,e.url,e.id,u)})),u&&n.a.createElement("div",{className:"modal-image-info",style:u?yZ:null},u.description&&n.a.createElement("p",{style:CZ},"Requirement:"," ",n.a.createElement("strong",null,u.description)),this.state&&this.state.dimensions&&this.state.dimensions[e.id]&&this.state.dimensions[e.id].height&&n.a.createElement("p",null,"Real Dimissions:"," ",n.a.createElement("strong",null,this.state.dimensions[e.id].width," x"," ",this.state.dimensions[e.id].height,"px",this.state.dimensions[e.id].isRealDimensionOk&&n.a.createElement("span",{style:{marginLeft:"5px",fontSize:"16px"}},n.a.createElement(mZ.a,{twoToneColor:"#52c41a"})))))))),m&&O&&n.a.createElement("div",{className:"compare-design_btn"},n.a.createElement(v.a,{onClick:this.toggleModalCD},"Compare with artguide")),n.a.createElement(y.a,{visible:this.state.showModal,footer:null,onCancel:()=>this.setState({showModal:!1}),bodyStyle:{textAlign:"center"},centered:!0,width:"70%"},n.a.createElement(hZ,null,n.a.createElement(Jp.a,null,E&&E.length>0?E.filter(Boolean).map((e,t)=>n.a.createElement(bZ,{key:"file-"+t},!this.state.loaded&&n.a.createElement(f.a,null),n.a.createElement("div",{className:"media-wraper"},n.a.createElement("img",{src:e.url?e.url:e.thumbnailUrl?e.thumbnailUrl:null,alt:"",style:{height:"auto",maxWidth:"760px"},onLoad:()=>this.setState({loaded:!0}),onError:()=>this.setState({loaded:!0})}),n.a.createElement("div",{className:"media-meta mt-8"},e.name&&n.a.createElement("div",{className:"media-meta-name"},e.name),e.url&&n.a.createElement("div",{className:"media-meta-link"},n.a.createElement(jn.a,{href:e.url?e.url:e.thumbnailUrl?e.thumbnailUrl:null,file:e},"View origin")))))):null))),n.a.createElement(y.a,{visible:h,footer:null,onCancel:this.toggleModalCD,bodyStyle:{textAlign:"center"},centered:!0,width:"auto"},n.a.createElement(vZ,null,n.a.createElement(s.b,{query:AZ,variables:{orderId:p}},e=>{let{data:t,error:a,loading:l}=e,r=t&&t.getFieldValueForOrder;return n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{className:"header_wrap"},n.a.createElement("div",{className:"header"},n.a.createElement("h2",null,"Compare with artguide")),n.a.createElement("div",{className:"change-opacity"},n.a.createElement("div",{className:"change-opacity_inner"},n.a.createElement("h3",null,"Change opacity:"),n.a.createElement(pZ.a,{min:1,max:100,onChange:this.onChangeSlider,value:"number"===typeof b?b:0}))),n.a.createElement("div",{className:"action-accept"},n.a.createElement(v.a,{onClick:e=>e.preventDefault(),className:"custom-btn-accpet"},n.a.createElement(gZ,{task:{id:g,orderId:p},refetch:A})))),l?n.a.createElement(f.a,null):a?n.a.createElement("div",null,"Error: ",Object(c.ib)(a.toString())):n.a.createElement(n.a.Fragment,null,r&&r.length>0?n.a.createElement("div",{className:"personalized-info"},n.a.createElement("h4",null,"Personalized info:"),n.a.createElement("div",{className:"personalized-inner"},r.map((e,t)=>{let a=e&&e.field?e.field.title?e.field.title:(e.field.name,e.field.name):null,l=e.value,r=Object(C.includes)(l.length&&l[0],oe.G);l=l&&Array.isArray(l)&&l.join(", ");const i=(a||"").trim(),o=Object(c.lb)(i);return n.a.createElement("div",{key:t},n.a.createElement("label",{className:"label"},o?i:i+":"),r?null:n.a.createElement("span",{style:{wordBreak:"break-all",whiteSpace:"pre-line"}},l))}))):null),n.a.createElement("div",{className:"imgs_wrap"},n.a.createElement("img",{src:j,alt:"",style:{opacity:""+.01*b,position:"absolute",zIndex:1},className:"img_item"}),n.a.createElement("img",{alt:"",src:O,style:{position:"static",opacity:"0.25",zIndex:0},className:"img_item"})))}))))}}var OZ=kZ,jZ=a(759);const wZ=o.a` 24412 mutation exportOrders($filter: ExportOrderFilter!) { 24413 exportOrders(filter: $filter) { 24414 id 24415 file { 24416 id 24417 url 24418 } 24419 createdAt 24420 } 24421 } 24422`,SZ=o.a` 24423 query exportTemplates { 24424 exportTemplates { 24425 id 24426 name 24427 } 24428 } 24429`;class IZ extends l.Component{constructor(){super(...arguments),this.state={loading:!1,templateId:void 0}}render(){const{exportAllResendClaims:e}=this.props;return n.a.createElement(s.a,{mutation:wZ},t=>n.a.createElement(Kp.a,{content:n.a.createElement(s.b,{query:SZ,fetchPolicy:"cache-and-network"},a=>{let{data:l,loading:r,error:o}=a;return r?n.a.createElement(f.a,null):o?o.toString():n.a.createElement("div",{className:"flex flex-col"},n.a.createElement(z.a.Group,{value:this.state.templateId,className:"flex flex-col",onChange:e=>{this.setState({templateId:e.target.value})}},n.a.createElement(z.a,{value:void 0,defaultChecked:!0},"Default Template"),l&&l.exportTemplates&&l.exportTemplates.map(e=>n.a.createElement(z.a,{key:e.id,value:e.id},e.name))),n.a.createElement(v.a,{className:"mt-4",type:"primary",size:"small",onClick:()=>{this.setState({loading:!0},()=>{let a={templateId:this.state.templateId,status:oe.K.ReadyToPrint,supplierId:this.props.supplierId};e&&(a={templateId:this.state.templateId,supplierId:this.props.supplierId,exportAllResendClaims:!0}),t({variables:{filter:a}}).then(e=>{this.setState({loading:!1},()=>{window.location.href=e.data.exportOrders.file.url})}).catch(e=>{this.setState({loading:!1}),i.a.error({message:Object(c.ib)(e.toString())})})})},loading:this.state.loading},"Export Order"))}
24429),title:"Choose export template",trigger:["click"]},n.a.createElement(v.a,{type:"primary",icon:n.a.createElement(jZ.a,null)},e?"Export all Resend Claims":"Export all Ready to Print")))}}var BZ=IZ;const DZ=o.a` 24430 query claims($filter: ClaimFilter) { 24431 claims(filter: $filter) { 24432 total 24433 nodes { 24434 id 24435 orderId 24436 type 24437 status 24438 order { 24439 id 24440 originId 24441 } 24442 files { 24443 id 24444 url 24445 thumbnailUrl 24446 } 24447 comment 24448 createdAt 24449 } 24450 } 24451 } 24452`,PZ=Object(c.m)(B.a.location.search);class xZ extends l.Component{constructor(){super(...arguments),this.state={filter:{limit:+Object(c.M)("perPageClaims")||20,offset:0,status:null,type:null,search:null,...PZ},current:1},this.onChange=e=>{const{filter:t}=this.state;this.setState({filter:{...t,...e}})},this.handleChangeFilter=e=>{this.setState({filter:{...this.state.filter,status:Object.values(w.c).includes(e)?e:null,type:Object.values(w.d).includes(e)?e:null}})}}componentWillUpdate(e,t){if(!k.a.isEqual(t.filter,this.state.filter)){const e=Object(c.l)(t.filter);B.a.push(B.a.location.pathname+"?"+e)}}render(){const{filter:e,current:t}=this.state,{role:a}=this.props,l=w.b,i=[{title:"Order ID",dataIndex:"orderId",key:"orderId",width:220},{title:"Type",dataIndex:"type",key:"type",width:150},{title:"Created",dataIndex:"createdAt",key:"created",width:150,render:e=>n.a.createElement("span",null,Zr()(e).format("YYYY-MM-DD HH:mm:ss"))},{title:"File",dataIndex:"files",key:"files",width:120,render:(e,t)=>t&&t.files&&t.files.length>0?n.a.createElement(OZ,{files:t,limit:1}):n.a.createElement("img",{alt:"",src:ze.a,style:{width:70}})},{title:"Status",dataIndex:"status",key:"status"},{title:"Note",dataIndex:"comment",key:"comment",width:230,render:e=>e.substring(0,50)},{title:"Actions",key:"action",align:"right",width:120,render:(e,t)=>n.a.createElement(dZ,{claim:t})}],o=k.a.sum(i.map(e=>e.width));return n.a.createElement("div",null,n.a.createElement(ma,{title:"Claims",action:"Need Resend"===k.a.get(e,"type","")?n.a.createElement(BZ,{exportAllResendClaims:!0}):null}),n.a.createElement(b.a,{bodyStyle:{padding:0}},n.a.createElement(lZ,{key:a,value:l,defaultValue:e.status||e.type,onCh
24452ange:this.handleChangeFilter}),n.a.createElement("div",{className:"px-4 pb-4"},n.a.createElement(p.a.Search,{defaultValue:e.search,onChange:e=>{e.target.value||this.setState({filter:{...this.state.filter,search:null,offset:0}})},onSearch:t=>this.setState({filter:{...e,search:t,offset:0}})})),n.a.createElement(s.b,{query:DZ,variables:{filter:e}},a=>{let{data:l,error:s,loading:u}=a;if(u)return n.a.createElement("div",{className:"p-5"},n.a.createElement(r.a,{active:!0}));if(s)return s.toString();const d=l&&l.claims&&l.claims.nodes||[];return n.a.createElement(M.a,{columns:i,dataSource:d,scroll:{x:o},rowKey:e=>e.id,pagination:{total:l&&l.claims.total||0,pageSize:e.limit,current:t,onShowSizeChange:(t,a)=>{this.setState({current:1,filter:{...e,limit:a,offset:0}}),Object(c.Nb)("perPageClaims",a,100)}},onChange:t=>{this.setState({current:t.current,filter:{...e,offset:e.limit*(t.current-1)}})}})})))}}var MZ=xZ;const TZ=o.a` 24453 mutation approveDeposit($id: ID!, $value: Boolean!) { 24454 approveDeposit(id: $id, value: $value) 24455 } 24456`;class QZ extends l.Component{constructor(){super(...arguments),this.state={loading:!1},this.handleOnCLick=(e,t,a)=>{const{value:l}=this.props;t({variables:{id:l.id,value:"Approved"===a}}).then(()=>{this.setState({loading:!1}),this.props.onChange(e,a)}).catch(e=>{this.setState({loading:!1}),i.a.error({message:Object(c.ib)(e.toString())})})}}render(){return n.a.createElement(s.a,{mutation:TZ},(e,t)=>{let{client:a}=t;return n.a.createElement(G.a,{overlay:n.a.createElement(K.a,null,n.a.createElement(K.a.Item,{disabled:this.state.loading,onClick:()=>this.setState({loading:!0},()=>{this.handleOnCLick(a,e,"Approved")})},"Approve"),n.a.createElement(K.a.Item,{onClick:()=>this.handleOnCLick(a,e,"Cancelled")},"Cancel"))},n.a.createElement(v.a,null,"Action ",n.a.createElement(d.a,{type:"down"})," "))})}}var RZ=QZ,FZ=a(763);const NZ=o.a` 24457 query statistic { 24458 statistic { 24459 balance 24460 paidAmount 24461 pendingCost 24462 pendingDeposit 24463 } 24464 } 24465`,UZ=j.b.div` 24466 margin-bottom: 20px; 24467 .s { 24468 border: 1px solid #e8e8e8; 24469 background: #fff; 24470 display: flex; 24471 padding: 20px; 24472 .s-content { 24473 flex-grow: 1; 24474 h2 { 24475 font-weight: normal; 24476 margin-bottom: 5px; 24477 font-size: 17px; 24478 } 24479 .value { 24480 font-weight: 700; 24481 } 24482 } 24483 } 24484`;class LZ extends l.Component{render(){return n.a.createElement(s.b,{query:NZ,fetchPolicy:"cache-and-network"},e=>{let t,a,l,{data:r}=e,i=0;if(r){const e=r.statistic;t=e.balance,l=e.paidAmount,a=e.pendingCost,i=e.pendingDeposit}return n.a.createElement(UZ,null,n.a.createElement(g.a,{gutter:30},n.a.createElement(A.a,{span:6},n.a.createElement("div",{className:"s"},n.a.createElement("div",{className:"s-content"},n.a.createElement("h2",null,"Account Balance"),n.a.createElement("div",{className:"value"},"$",Object(c.a)(t,2))),n.a.createElement("div",{className:"s-icon"},n.a.createElement(FZ.a,{style:{fontSize:30}})))),n.a.createElement(A.a,{span:6},n.a.createElement("div",{className:"s"},n.a.createElement("div",{className:"s-content"},n.a.createElement("h2",null,"Pending Cost"),n.a.createElement("div",{className:"value"},"$",Object(c.a)(a,2))),n.a.createElement("div",{className:"s-icon"},n.a.createElement(FZ.a,{style:{fontSize:30}})))),n.a.createElement(A.a,{span:6},n.a.createElement("div",{className:"s"},n.a.createElement("div",{className:"s-content"},n.a.createElement("h2",null,"Paid Amount"),n.a.createElement("div",{className:"value"},"$",Object(c.a)(l,2))),n.a.createElement("div",{className:"s-icon"},n.a.createElement(FZ.a,{style:{fontSize:30}})))),n.a.createElement(A.a,{span:6},n.a.createElement("div",{className:"s"},n.a.createElement("div",{className:"s-content"},n.a.createElement("h2",null,"Pending Deposit"),n.a.createElement("div",{className:"value"},"$",Object(c.a)(i,2))),n.a.createElement("div",{className:"s-icon"},n.a.createElement(FZ.a,{style:{fontSize:30}}))))))})}}var VZ=LZ;const zZ={labelCol:{span:24},wrapperCol:{span:24}};class qZ extends l.Component{constructor(){super(...arguments),this.state={status:null},this.onChange=()=>{const{status:e}=this.state;this.props.onChange&&this.props.onChange({status:e})}}render(){const{status:e}=this.props.value;return n.a.createElement(Kp.a,{placement:"bottomLeft",content:n.a.createElement(x.a,Object.assign({},zZ,{style:{minWidth:"200px"}}),n.a.createElement(x.a.Item,{label:"Show by status"},n.a.createElement(h.a,{style:{width:"100%"},onChange:e=>this.setState({status:e},this.onChange),value:e},n.a.createElement(h.a.Option,{value:null},"All statuses"),n.a.createElement(h.a.Option,{value:"Approved"},"Approved"),n.a.createElement(h.a.Option,{value:"Cancelled"},"Cancelled"))))},n.a.createElement("div",{className:"cursor-pointer"},"Filter ",n.a.createElement(_.a,null)))}}var HZ=qZ;const $Z=o.a` 24485 query transactons($filter: TransactionFilter) { 24486 transactions(filter: $filter) { 24487 total 24488 nodes { 24489 id 24490 amount 24491 createdAt 24492 journal { 24493 id 24494 refId 24495 comment 24496 status 24497 } 24498 account { 24499 id 24500 firstName 24501 lastName 24502 } 24503 creator { 24504 id 24505 firstName 24506 lastName 24507 } 24508 } 24509 } 24510 } 24511`,_Z={limit:30,offset:0,status:null,search:null,kind:["Deposit"],accountId:null},GZ={labelCol:{span:24},wrapperCol:{span:24}};class KZ extends l.Component{constructor(){super(...arguments),this.state={filter:{..._Z,limit:+Object(c.M)("perPageDeposits")||30,...Object(c.m)(B.a.location.search)},search:"",page:1,account:null},this.handleUpdateStats=(e,t,a)=>{try{const l=e.readQuery({query:NZ});e.writeQuery({query:NZ,data:{...l.statistic,statistic:{...l.statistic,balance:"Approved"===t?l.statistic.balance+a:l.statistic.balance,pendingDeposit:l.statistic.pendingDeposit-a}}})}catch(l){}}}componentWillUpdate(e,t){if(!k.a.isEqual(t.filter,this.state.filter)){const e=Object(c.l)({limit:t.filter.limit,offset:t.filter.offset,search:t.filter.search});B.a.push(B.a.location.pathname+"?"+e)}}render(){const{filter:e}=this.state,t=[{title:"ID",dataIndex:"id",width:120},{title:"Amount",dataIndex:"amount",render:e=>{let t=Object(c.a)(e,2);return n.a.createElement("span",null,"$",t)},width:100},{title:"Transaction ID",dataIndex:["journal","refId"],width:120},{title:"Note",dataIndex:["journal","comment"],width:250},{title:"From",dataIndex:"creator",width:160,render:(e,t)=>n.a.createElement("div",null,t.creator?t.creator.firstName:"MerchBridge")},{title:"Status",dataIndex:["journal","status"],width:120},{title:"Created",width:120,render:(e,t)=>n.a.createElement("div",null,Zr()(t.createdAt).format("LL"))},{title:"",width:120,align:"right",fixed:"right",render:(t,a)=>"Pending"===a.journal.status&&n.a.createElement(RZ,{onChange:(l,n)=>{this.handleUpdateStats(l,n,a.amount);try{const t=l.readQuery({query:$Z,variables:{filter:e}});l.writeQuery({query:$Z,variables:{filter:e},data:{...t,transactions:{...t.transactions,nodes:t.transactions.nodes.map(e=>e.id===a.id?{...e,journal:{...e.journal,status:n},journals:{}}:e)}}})}catch(t){}},value:a})}],a=k.a.sum(t.map(e=>e.width));return n.a.createElement("div",null,n.a.createElement(ma,{title:"All Deposits"}),n.a.createElement(x.a,Object.assign({},GZ,{style:{marginBottom:15},className:"filter"}),n.a.createElement(VZ,null)),n.a.createElement(b.a,{bodyStyle:{padding:0}},n.a.createElement(x.a.Item,{className:"px-4 pt-4"},n.a.createElement(p.a.Search,{defaultValue:e.search,onChange:e=>{e.target.value||this.setState({filter:{...this.state.filter,search:null}})},onSearch:t=>this.setState({filter:{...e,search:t}}),placeholder:"Search transactions",addonBefore:n.a.createElement(HZ,{value:{status:this.state.filter.status,supplier:this.state.account},onChange:e=>{this.setState({filter:{...this.state.filter,status:e.status,accountId:e.supplier?e.supplier.id:null},account:e.supplier})}})})),n.a.createElement(s.b,{query:$Z,variables:{filter:e}},l=>{let{error:i,loading:o,data:s}=l;return i?n.a.createElement("div",null,"Error: ",Object(c.ib)(i.toString())):o?n.a.createElement("div",{className:"p-4"},n.a.createElement(r.a,{active:!0})):n.a.createElement(M.a,{pagination:{current:e.offset/e.limit+1,pageSize:e.limit,total:s.transactions.total,onChange:(t,a)=>{this.setState({page:t,filter:{...e,offset:a*(t-1)}})},onShowSizeChange:(t,a)=>{this.setState({page:1,filter:{...e,limit:a,offset:0}}),Object(c.Nb)("perPageDeposits",a,100)}},dataSource:s.transactions.nodes,rowKey:(e,t)=>t,columns:t,scroll:{x:a}})})))}}var JZ=KZ;const YZ=[{key:"Order",name:"Paid For Item"},{key:"Deposit",name:"Deposit"}],WZ={labelCol:{span:24},wrapperCol:{span:24}};class ZZ extends l.Component{constructor(){super(...arguments),this.state={status:null,kind:YZ.map(e=>e.key)},this.onChange=()=>{const{status:e,kind:t}=this.state;this.props.onChange&&this.props.onChange({status:e,kind:t})}}render(){const{status:e}=this.props.value;return n.a.createElement(Kp.a,{placement:"bottom",content:n.a.createElement(x.a,Object.assign({initialValues:{action:null,status:null}},WZ),n.a.createElement(x.a.Item,{label:"Show by action",name:"action"},n.a.createElement(h.a,{style:{width:"100%"},onChange:e=>this.setState({kind:YZ.filter(t=>t.key===e).map(e=>e.key)},this.onChange)},n.a.createElement(h.a.Option,{value:null},"All action"),YZ.map(e=>n.a.createElement(h.a.Option,{key:e.key},e.name)))),n.a.createElement(x.a.Item,{label:"Show by status",name:"status"},n.a.createElement(h.a,{style:{width:"100%"},onChange:e=>this.setState({status:e},this.onChange),value:e},n.a.createElement(h.a.Option,{value:null},"All statuses"),n.a.createElement(h.a.Option,{value:"Approved"},"Approved"),n.a.createElement(h.a.Option,{value:"Cancelled"},"Cancelled"))))},n.a.createElement("div",{className:"cursor-pointer"},"Filter ",n.a.createElement(_.a,null)))}}var XZ=ZZ;const eX=o.a` 24512 query transactons($filter: TransactionFilter) { 24513 transactions(filter: $filter) { 24514 total 24515 nodes { 24516 id 24517 amount 24518 createdAt 24519 journal { 24520 id 24521 refId 24522 comment 24523 status 24524 type 24525 } 24526 account { 24527 id 24528 firstName 24529 lastName 24530 } 24531 creator { 24532 id 24533 firstName 24534 lastName 24535 } 24536 } 24537 } 24538 } 24539`,tX={limit:30,offset:0,status:null,search:null,kind:[{key:"Order",name:"Paid For Item"},{key:"Refund",name:"Refund"}].map(e=>e.key)};class aX extends l.Component{constructor(){super(...arguments),this.state={filter:{...tX,limit:+Object(c.M)("perPageTransactions")||30,...Object(c.m)(B.a.location.search)},search:"",page:1}}componentWillUpdate(e,t){if(!k.a.isEqual(t.filter,this.state.filter)){const e=Object(c.l)({limit:t.filter.limit,offset:t.filter.offset,search:t.filter.search});B.a.push(B.a.location.pathname+"?"+e)}}render(){const{filter:e}=this.state,t=[{title:"ID",dataIndex:"id",width:120},{title:"Amount",dataIndex:"amount",width:100,render:(e,t)=>t.amount<0?"-$"+Math.abs(t.amount):"$"+t.amount},{title:"Action",dataIndex:["journal","type"],width:120},{title:"Note",dataIndex:["journal","comment"],width:250},{title:"Status",dataIndex:["journal","status"],width:120},{title:"Created",width:90,render:(e,t)=>n.a.createElement("div",null,Zr()(t.createdAt).format("LL"))}],a=k.a.sum(t.map(e=>e.width));return n.a.createElement("div",null,n.a.createElement(ma,{title:"Transactions"}),n.a.createElement(VZ,null),n.a.createElement(b.a,{bodyStyle:{padding:0}},n.a.createElement("div",{className:"p-4"},n.a.createElement(p.a.Search,{defaultValue:e.search,onChange:e=>{e.target.value||this.setState({filter:{...this.state.filter,search:null}})},onSearch:t=>this.setState({filter:{...e,search:t}}),placeholder:"Search transactions",addonBefore:n.a.createElement(XZ,{value:{status:this.state.filter.status,kind:this.state.filter.kind},onChange:e=>{this.setState({filter:{...this.state.filter,status:e.status,kind:e.kind}})}})})),n.a.createElement("div",{className:"content"},n.a.createElement(s.b,{query:eX,variables:{filter:e}},l=>{let{error:i,loading:o,data:s}=l;return i?n.a.createElement("div",null,"Error: ",Object(c.ib)(i.toString())):o?n.a.createElement("div",{className:"p-4"},n.a.createElement(r.a,{active:!0})):n.a.createElement(M.a,{pagination:{current:e.offset/e.limit+1,pageSize:e.limit,total:s.transactions.total,onChange:(t,a)=>{this.setState({page:t,filter:{...e,offset:a*(t-1)}})},onShowSizeChange:(t,a)=>{this.setState({page:1,filter:{...e,limit:a,offset:0}}),Object(c.Nb)("perPageTransactions",a,100)}},dataSource:s.transactions.nodes,rowKey:(e,t)=>t,columns:t,scroll:{x:a}})}))))}}var lX=aX;var nX=[{path:"/supplier/orders2",exact:!0,component:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=n.a.useMemo(()=>Object(c.W)(t),[t]);return n.a.createElement(Zu.b,{role:oe.pb.Supplier,ordersFilter:w.o,path:l})},layout:ar,roles:["Supplier"]},{path:"/supplier/orders",exact:!0,component:Mf,layout:ar,roles:["Supplier"]},{path:"/supplier/claims",exact:!0,component:MZ,layout:ar,roles:["Supplier"]},{path:"/supplier/export-tracking",exact:!0,component:Pq,layout:ar,roles:["Supplier"]},{path:"/supplier/import-tracking",exact:!0,component:wB,layout:ar,roles:["Supplier"]},{path:"/supplier/imports",exact:!0,component:Tq,layout:ar,roles:["Supplier"]},{path:"/supplier/billings/deposits",exact:!0,component:JZ,layout:ar,roles:["Supplier"]},{path:"/supplier/billings/transactions",exact:!0,component:lX,layout:ar,roles:["Supplier"]},{path:"/supplier/manager-files/export-templates",exact:!0,component:Mq,layout:ar,roles:["Supplier"]},{path:"/supplier/manager-files/add-template",exact:!0,component:yq,layout:ar,roles:["Supplier"]},{path:"/supplier/manager-files/edit-template/:id",exact:!0,component:Sq,layout:ar,roles:["Supplier"]},{path:"/supplier/documentations",exact:!0,component:fn,title:"Documentations Page",layout:ar,roles:["Supplier"]}];class rX extends l.Component{constructor(){super(...arguments),this.state={collapsed:!1},this.toggle=()=>{this.setState({collapsed:!this.state.collapsed})}}render(){const{title:e}=this.props;return n.a.createElement(n.a.Fragment,null,n.a.createElement(er.Helmet,null,n.a.createElement("title",null," ",""+(e?e+" - ":""),"Merch Bridge")),n.a.createElement(Xn,null),n.a.createElement(g.a,{style:{flexWrap:"nowrap"}},n.a.createElement(A.a,{className:"p-4 sm:p-6 mb-custom-content",style:{minHeight:"calc(100vh - 64px)",background:"#f0f2f5",marginRight:"auto",marginLeft:"auto"}},this.props.children)))}}var iX=rX;const oX=[{label:"All",value:"all"},{label:"Print Files",value:"print_files/"},{label:"Mockup",value:"mockups/"}],sX=e=>{let{prefix:t,onChange:a}=e;const[r,i]=Object(l.useState)([]);Object(l.useEffect)(()=>{null===t.value?i(["all"]):i([t.value])},[t]);const o=Object(l.useCallback)(e=>{i(e);const t=e.map(e=>{const t=oX.find(t=>t.value===e);return t&&t.label});a&&a({label:"All"!==k.a.head(t)?k.a.head(t):null,value:"all"!==k.a.head(e)?k.a.head(e):null})},[]);return n.a.createElement(D.k,{title:"Prefix",titleHidden:!0,choices:oX,selected:r,onChange:o})},cX=e=>{let{onChange:t}=e;const[a,r]=Object(l.useState)(null),[i,o]=Object(l.useState)({value:null,label:null}),s=Object(l.useRef)(null);Object(l.useEffect)(()=>{s.current&&clearTimeout(s.current),t&&(s.current=setTimeout(()=>{t({search:a?a.trim():a,prefix:i.value})},500))},[a,i]);const u=Object(l.useCallback)(e=>r(e),[]),d=Object(l.useCallback)(()=>r(null),[]),m=Object(l.useCallback)(()=>{o({value:null,label:null})},[]),p=Object(l.useCallback)(()=>{d(),m()},[d,m]),g=[{label:"Prefix",key:"prefix",filter:n.a.createElement(sX,{prefix:i,onChange:e=>{let{value:t,label:a}=e;o(e=>({...e,value:t,label:a}))}})}],A=[];
24539if(!Object(c.tb)(i&&i.label)){let e="prefix";A.push({key:e,label:function(e,t){switch(e){case"prefix":return"Prefix: "+t;default:return t}}(e,i.label),onRemove:m})}return n.a.createElement(D.r,{queryValue:a,queryPlaceholder:"Filter image",appliedFilters:A,filters:g,onQueryChange:u,onClearAll:p,onQueryClear:d})};var uX=a(644),dX=a.n(uX);const mX=j.b.div` 24540 display: flex; 24541 flex-wrap: wrap; 24542 gap: 3rem; 24543 justify-content: space-around; 24544 .image { 24545 width: 175px; 24546 height: 175px; 24547 padding: 10px; 24548 box-shadow: inset 0 0 0 1px rgba(33, 43, 54, 0.1); 24549 border-radius: 3px; 24550 .image-inner { 24551 width: 100%; 24552 height: 100%; 24553 background-size: cover; 24554 cursor: pointer; 24555 align-items: center; 24556 justify-content: center; 24557 display: flex; 24558 } 24559 } 24560`,pX=j.b.div` 24561 display: flex; 24562 flex-direction: row; 24563 label { 24564 font-size: 1.25em; 24565 font-weight: 400; 24566 display: block; 24567 margin-bottom: 2rem; 24568 } 24569 .col-image { 24570 width: 60%; 24571 .image-inner { 24572 padding: 10px; 24573 box-shadow: inset 0 0 0 1px rgba(33, 43, 54, 0.1); 24574 margin-right: 2rem; 24575 border-radius: 3px; 24576 div { 24577 align-items: center; 24578 justify-content: center; 24579 display: flex; 24580 } 24581 } 24582 } 24583`,gX=e=>{let{data:t,onChange:a,loadMore:r}=e;const[i,o]=Object(l.useState)(!1),[s,c]=Object(l.useState)([]),[u,d]=Object(l.useState)(null),[m,p]=Object(l.useState)(!1);Object(l.useEffect)(()=>{t.mediaLibrary.nodes&&c(t.mediaLibrary.nodes)},[t]),Object(l.useEffect)(()=>(window.addEventListener("scroll",g),()=>{window.removeEventListener("scroll",g)}),[]),Object(l.useEffect)(()=>{m&&a&&a(m)},[m]);const g=()=>{const e=document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop,t=document.documentElement&&document.documentElement.scrollHeight||document.body.scrollHeight;e+window.innerHeight+150>=t?p(!0):p(!1)},A=Object(l.useCallback)(()=>o(e=>!e),[]),b=Object(l.useCallback)(e=>{d(e),A()},[]);return n.a.createElement(n.a.Fragment,null,n.a.createElement(mX,null,s.map((e,t)=>n.a.createElement("div",{key:`${t} - ${e.id}`,className:"image"},n.a.createElement("div",{className:"image-inner",style:{backgroundImage:`url(${e.thumbnailUrl?e.thumbnailUrl:e.url})`},onClick:()=>b(e)},!oe.A.includes(e.mimeType.toLowerCase())&&n.a.createElement("div",{style:{width:"100%",wordBreak:"break-word",whiteSpace:"pre",overflow:"hidden"}},n.a.createElement("img",{alt:"",src:dX.a,style:{width:20,height:20,marginRight:"0.5rem"}}),n.a.createElement("span",null,e.name))))),n.a.createElement(D.E,{open:i,onClose:A,title:"Image details",size:"Large",sectioned:!0,primaryAction:{content:"OK",onAction:()=>A()}},n.a.createElement(pX,null,n.a.createElement("div",{className:"col-image"},n.a.createElement("label",null,"Image"),n.a.createElement("div",{className:"image-inner"},u&&n.a.createElement("div",{style:{backgroundImage:`url(${u.thumbnailUrl?u.thumbnailUrl:u.url})`,width:300,height:300,backgroundSize:"cover"}},!oe.A.includes(u.mimeType.toLowerCase())&&n.a.createElement("div",{style:{width:"100%",wordBreak:"break-word",whiteSpace:"pre",overflow:"hidden"}},n.a.createElement("img",{alt:"",src:dX.a,style:{width:20,height:20,marginRight:"0.5rem"}}),n.a.createElement("span",null,u.name))))),n.a.createElement("div",{className:"col-information"},n.a.createElement("label",null,"Information"),n.a.createElement("div",null,u&&n.a.createElement("div",null,n.a.createElement("label",null,u.name),n.a.createElement(jn.a,{href:u.url?u.url:u.thumbnailUrl,file:u},"View origin"))))))),r&&n.a.createElement("div",{style:{padding:"4rem 0 2rem",display:"flex",justifyContent:"center"}},n.a.createElement(D.X,{size:"large",hasFocusableParent:!0})))},AX=o.a` 24584 query mediaLibrary($filter: FileFilter) { 24585 mediaLibrary(filter: $filter) { 24586 total 24587 nodes { 24588 id 24589 name 24590 alt 24591 caption 24592 thumbnailUrl 24593 url 24594 mimeType 24595 size 24596 createdAt 24597 } 24598 } 24599 } 24600`,bX=j.b.div` 24601 margin: -1rem; 24602 @media (min-width: 640px) { 24603 margin: -1.5rem; 24604 } 24605`,hX=()=>{const[e,t]=Object(l.useState)(!1),a=Object(l.useRef)(null),[r,i]=Object(l.useState)({limit:30,offset:0,prefix:null,
24605search:null,mimeType:[],dateFilter:{from:null,to:null}}),{data:o,loading:s,error:c,fetchMore:u}=Object(De.d)(AX,{variables:{filter:r}}),d=s&&n.a.createElement(D.D,null),m=Object(l.useCallback)(e=>{a.current&&clearTimeout(a),t(!0),e&&(a.current=setTimeout(()=>{u({variables:{filter:{...r,offset:o.mediaLibrary.nodes.length}},updateQuery:(e,a)=>{let{fetchMoreResult:l}=a;return l?(t(!1),{...e,mediaLibrary:{...e.mediaLibrary,nodes:[...e.mediaLibrary.nodes,...l.mediaLibrary.nodes]}}):e}})},500))},[o,r]);return n.a.createElement(bX,null,d,n.a.createElement(D.H,{title:"Media",fullWidth:!0},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(cX,{onChange:e=>{let{search:t,prefix:a}=e;i(e=>({...e,search:t,prefix:a}))}})),n.a.createElement(D.i,{sectioned:!0},c&&n.a.createElement("div",null,"Error: ",c.toString()),s?n.a.createElement(Je.SkeletonPagePolaris,null):o&&o.mediaLibrary&&o.mediaLibrary.nodes&&o.mediaLibrary.nodes.length?n.a.createElement(gX,{data:o,onChange:m,loadMore:e}):n.a.createElement(We.EmptyStatePolaris,null))))};var fX=a(473),vX=a(541);const EX=j.b.div` 24606 .actions { 24607 display: flex; 24608 flex-direction: row-reverse; 24609 &.simple-customize { 24610 margin-top: 0px; 24611 } 24612 button.add-field { 24613 width: auto; 24614 } 24615 .btn-default { 24616 color: #4a5568; 24617 margin-right: 10px; 24618 } 24619 } 24620 .btn-close { 24621 color: #4a5568; 24622 } 24623 .ant-table-thead > tr > th { 24624 font-weight: normal; 24625 background: none; 24626 } 24627 .ant-table-default .ant-table-thead > tr > th { 24628 padding: 5px 10px; 24629 border: 0 none; 24630 } 24631 .ant-table-tbody > tr > td { 24632 border: 0 none; 24633 } 24634 .ant-table-default .ant-table-tbody > tr > td { 24635 padding: 5px 10px; 24636 } 24637 .ant-table-placeholder { 24638 border: 0 none; 24639 } 24640 .ant-table-default { 24641 border: 0 none; 24642 } 24643 .input-group { 24644 display: flex; 24645 flex-direction: row; 24646 flex-wrap: wrap; 24647 column-gap: 1rem; 24648 justify-content: space-between; 24649 row-gap: 1rem; 24650 > * { 24651 width: 48%; 24652 } 24653 } 24654`;class yX extends l.Component{constructor(){super(...arguments),this.state={editFieldIndex:-1,checked:!0},this.onChange=()=>{const{value:e}=this.props;this.props.onChange(e)},this.handleAddNewField=()=>{const{value:e,mapOrder:t}=this.props,a=vg.b[0],l=e.length+1;let n=Object(vg.e)(a,l);t&&(n.fieldValue=""),this.props.onChange([...e,{...n}])}}render(){const{value:e,mapOrder:t,personalized:a}=this.props,l=[{title:"Type",width:120,render:(t,a,l)=>n.a.createElement(h.a,{onChange:t=>{a.type=t;const n=vg.b.find(e=>e.type===t),r=Object(vg.e)(n,l);a.configure=r.configure,this.props.onChange(e.map((e,t)=>t===l?a:e))},value:a.type,style:{width:"100%"}},vg.b.map((e,t)=>n.a.createElement(h.a.Option,{value:e.type,key:"e-"+t},e.title)))},{title:"Title",render:(l,r,i)=>n.a.createElement(p.a,{onChange:l=>{if(r.title=l.target.value,t&&a){let e="";a.length&&a.forEach(t=>{t.name&&t.name.toLowerCase().trim()===l.target.value.toLowerCase().trim()&&(e=t.value)}),r.fieldValue=e}this.props.onChange(e.map((e,t)=>t===i?r:e))},value:r.title,placeholder:"Title"})},{title:"Placeholder",render:(t,a,l)=>n.a.createElement(p.a,{onChange:t=>{a.configure.placeholder=t.target.value,this.props.onChange(e.map((e,t)=>t===l?a:e))},value:a.configure.placeholder,placeholder:"Placeholder"})},{title:"Default Value",render:(t,a,l)=>n.a.createElement(p.a,{onChange:t=>{a.configure.settings.defaultValue=t.target.value,this.props.onChange(e.map((e,t)=>t===l?a:e))},value:a.configure.settings.defaultValue,placeholder:"Default Value"})},{title:"Required",width:80,render:(t,a,l)=>n.a.createElement(E.a,{defaultChecked:this.state.checked,onChange:t=>{a.configure.required=t.target.checked,this.props.onChange(e.map((e,t)=>t===l?a:e))}})},{title:"Actions",render:(t,a,l)=>n.a.createElement("div",{style:{display:"flex"}},n.a.createElement(v.a,{onClick:()=>{this.props.onChange(e.filter((e,t)=>l!==t))},className:"btn-close",type:"link",icon:n.a.createElement(d.a,{type:"close"})}),"text"!==a.type&&"textarea"!==a.type&&n.a.createElement(Kp.a,{title:e[l].title,trigger:"click",onVisibleChange:e=>{this.setState({editFieldIndex:e?l:-1})},visible:this.state.editFieldIndex===l,content:n.a.createElement(vX.a,{onChange:t=>{this.props.onChange(e.map((e,a)=>a===l?t:e))},value:e[l]}
24654)},n.a.createElement(v.a,{onClick:()=>{this.setState({editFieldIndex:l})},type:"link"},"Edit")))}];return n.a.createElement(EX,null,n.a.createElement(M.a,{bordered:!1,pagination:!1,locale:{emptyText:"Empty custom fields"},columns:l,dataSource:e,rowKey:(e,t)=>t}),n.a.createElement("div",{className:"actions simple-customize"},n.a.createElement(v.a,{onClick:this.handleAddNewField,className:"add-field"},"Add Field")),n.a.createElement("div",null,t&&e&&e.length>0?n.a.createElement(n.a.Fragment,null,n.a.createElement("label",null,"Personalized values"),n.a.createElement("div",{className:"input-group"},e.map((t,a)=>n.a.createElement("div",{key:a},n.a.createElement("label",null,t.title),n.a.createElement(p.a,{value:e[a].fieldValue,multiline:!!(e[a].fieldValue||"").match(/\n/g)&&5,onChange:l=>{let n=l.target.value;t.fieldValue=n,this.props.onChange(e.map((e,l)=>l===a?t:e))}}))))):null))}}var CX=yX,kX=a(344),OX=a(770);const jX=j.b.div` 24655 display: flex; 24656 flex-wrap: wrap; 24657 row-gap: 1rem; 24658 .item-wrap { 24659 width: 200px; 24660 height: 200px; 24661 position: relative; 24662 .item { 24663 border: 2px solid transparent; 24664 padding: 10px; 24665 border-radius: 3px; 24666 width: 100%; 24667 height: 100%; 24668 &.selected { 24669 border: 2px solid #1890ff; 24670 } 24671 &.overlay { 24672 opacity: 0.2; 24673 } 24674 &:not(.overlay) { 24675 cursor: pointer; 24676 } 24677 img { 24678 display: block; 24679 max-width: 100%; 24680 height: 100%; 24681 width: 100%; 24682 max-height: 100%; 24683 object-fit: cover; 24684 } 24685 } 24686 .actions-wrap { 24687 top: 12px; 24688 right: 12px; 24689 position: absolute; 24690 display: flex; 24691 .ant-btn { 24692 width: 28px; 24693 height: 28px; 24694 } 24695 } 24696 } 24697`;class wX extends l.Component{constructor(){super(...arguments),this.state={deleteImages:{},showModal:!1},this.handleDelete=e=>{let{deleteImages:t}=this.state;this.setState({deleteImages:{...t,[e]:!t[e]}})},this.toggleModal=()=>{this.setState(e=>({showModal:!e.showModal}))}}componentDidUpdate(e,t){let{deleteImages:a}=this.state,{onChangeDeleteImg:l}=this.props;if(t.deleteImages!==a){let e=[];for(let[t,l]of Object.entries(a))l&&e.push(t);l&&l(e)}}render(){const{images:e,deleteImg:t}=this.props;return e?n.a.createElement(jX,null,e.map((e,a)=>{let l,r;return e.file?l=e.file.thumbnailUrl?e.file.thumbnailUrl:e.file.url:(e.thumbnailUrl||e.url)&&(l=e.thumbnailUrl?e.thumbnailUrl:e.url),e.file?r=e.file.url?e.file.url:e.file.thumbnailUrl:(e.url||e.thumbnailUrl)&&(r=e.url?e.url:e.thumbnailUrl),n.a.createElement(n.a.Fragment,{key:"img-"+a},n.a.createElement("div",{className:"item-wrap",key:"img-"+a},n.a.createElement("div",{onClick:()=>{t.includes(e.id)||this.props.onChange(e.id)},className:BN()("item",{selected:e.id===this.props.value,overlay:t&&t.includes(e.id)&&e.id!==this.props.value})},n.a.createElement("img",{src:l,alt:"",key:a})),n.a.createElement("div",{className:"actions-wrap"},n.a.createElement(v.a,{icon:n.a.createElement(kX.a,null),onClick:()=>{this.setState({currentImgShow:e.id}),this.toggleModal()}}),this.props.value&&e.id!==this.props.value&&n.a.createElement(v.a,{icon:t&&t.includes(e.id)?n.a.createElement(OX.a,null):n.a.createElement(mt.a,null),onClick:()=>this.handleDelete(e.id)}))),n.a.createElement(y.a,{footer:null,onCancel:this.toggleModal,visible:this.state.showModal&&this.state.currentImgShow===e.id,bodyStyle:{textAlign:"center"},centered:!0,width:"70%",wrapClassName:"modal-image-assgin"},n.a.createElement("div",{className:"modal-image-assgin-inner"},n.a.createElement("img",{style:{height:"auto",width:"100%",objectFit:"cover"},src:r,alt:""}),n.a.createElement("a",{href:r,target:"_blank",rel:"noopener noreferrer"},"View origin"))))})):n.a.createElement("div",null)}}var SX=wX;const IX=o.a` 24698 query productBasesForAssortment { 24699 fulfillments { 24700 id 24701 name 24702 } 24703 productBasesForAssortment { 24704 id 24705 title 24706 fulfillment { 24707 fulfillmentId 24708 productId 24709 } 24710 } 24711 } 24712`,BX=o.a` 24713 mutation assignProduct($input: NewAssignProduct!) { 24714 assignProduct(input: $input) { 24715 products { 24716 id 24717 title 24718 sku 24719 description 24720 designStatus 24721 personalized 24722 status 24723 productBases { 24724 id 24725 title 24726 } 24727 images { 24728 id 24729 productBaseId 24730 file { 24731 id 24732 url 24733 thumbnailUrl 24734 } 24735 } 24736 tags { 24737 id 24738 name 24739 } 24740 collections { 24741 id 24742 name 24743 } 24744 fields { 24745 id 24746 title 24747 name 24748 type 24749 extraFee 24750 configure 24751 sorting 24752 } 24753 } 24754 success 24755 failed 24756 } 24757 } 24758`,DX=j.b.div` 24759 width: 480px; 24760 @media (min-width: 768px) { 24761 width: 720px; 24762 } 24763`;class PX extends l.Component{constructor(){super(...arguments),this.state={fulfillmentId:null,checked:!1,loading:!1,deleteImg:[]},this.formRef=n.a.createRef()}render(){const{onError:e,onCompleted:t}=this.props,{fulfillmentId:a}=this.state,l={labelCol:{span:24},wrapperCol:{span:24}};return n.a.createElement(DX,null,n.a.createElement("div",null,n.a.createElement(s.b,{query:IX},o=>{let{error:u,loading:d,data:m}=o;if(u)return n.a.createElement("div",null,"Error: ",Object(c.ib)(u.toString()));if(d)return n.a.createElement("div",{className:"p-4"},n.a.createElement(r.a,{active:!0}));let p=m.productBasesForAssortment;return p=p.filter(e=>{if(a){if(e.fulfillment&&e.fulfillment.fulfillmentId===a)return!0}else if(null===e.fulfillment)return!0;return!1}),n.a.createElement(s.a,{onCompleted:e=>{this.setState({loading:!1}),i.a.success({message:`Total ${e.assignProduct.success} items assigned completed!`}),t&&t(e.assignProduct.products)},onError:t=>{this.setState({loading:!1}),i.a.error({message:Object(c.ib)(t.toString())}),e&&e(t)},mutation:BX},e=>n.a.createElement(x.a,Object.assign({ref:this.formRef},l,{initialValues:{collections:[{id:"hGypw",name:"NO-TM"}],tags:[],personalized:!1,fields:[],mainImageId:Object(C.get)(this.props.value,"[0].images[0][file].id",null)},onFinish:t=>{if(t){let{deleteImg:a}=this.state;a=a.filter(e=>e!==t.mainImageId),this.setState({loading:!0}),e({variables:{input:{productBaseId:t.base,productCrawlItems:this.props.value.map(e=>e.id),tags:t.tags?t.tags.map(e=>e.id):[],collections:t.collections?t.collections.map(e=>e.id):[],personalized:t.personalized,fields:t.fields,mainImageId:t.mainImageId,deleteImages:a}}})}}}),n.a.createElement(x.a.Item,{label:"Product base"},n.a.createElement(g.a,{gutter:15},n.a.createElement(A.a,{span:12},n.a.createElement(h.a,{onChange:e=>{this.setState({fulfillmentId:e},()=>{this.formRef.current.setFieldsValue({base:null})})},value:a},n.a.createElement(h.a.Option,{value:null},"MerchBridge"),m.fulfillments.map((e,t)=>n.a.createElement(h.a.Option,{key:t,value:e.id},e.name)))),n.a.createElement(A.a,{span:12,name:"base",rules:[{required:!0,message:"Product base is required!"}]},n.a.createElement(x.a.Item,{name:"base",rules:[{required:!0,message:"Product base is required!"}]},n.a.createElement(h.a,{showSearch:!0,filterOption:(e,t)=>{if(t.children)return t.children.toLowerCase().indexOf(e.toLowerCase())>=0}},p.map((e,t)=>n.a.createElement(h.a.Option,{key:t,value:e.id},e.title))))))),n.a.createElement(x.a.Item,{label:"Collections",name:"collections",rules:[{required:!0,message:"Collections is required"}]},n.a.createElement(gg,{isAssign:!0})),n.a.createElement(x.a.Item,{label:"Tags",name:"tags",rules:[{required:!0,message:"Tags is required"}]},n.a.createElement(ig,null)),1===this.props.value.length&&Object(C.get)(this.props.value,"[0].images[0]",null)&&n.a.createElement(x.a.Item,{label:"Main image",name:"mainImageId"},n.a.createElement(SX,{images:this.props.value[0].images.map(e=>e.file),deleteImg:this.state.deleteImg,onChangeDeleteImg:e=>this.setState({deleteImg:e})})),n.a.createElement(x.a.Item,{name:"personalized",valuePropName:"checked"},n.a.createElement(E.a,{onChange:e=>this.setState({checked:e.target.checked})},"This is a personalized product")),!0===this.state.checked?n.a.createElement(x.a.Item,{name:"fields"},n.a.createElement(CX,null)):null,n.a.createElement(x.a.Item,null,n.a.createElement(v.a,{style:{width:"100%"},type:"primary",htmlType:"submit",loading:this.state.loading},"Submit"))))})))}}var xX=PX;class MX extends l.Component{constructor(){super(...arguments),this.state={visible:!1}}render(){const{visible:e}=this.state;return n.a.createElement(Kp.a,{title:"Assign Product",visible:e,onVisibleChange:e=>this.setState({visible:e}),placement:"bottom",trigger:["click"],content:n.a.createElement(xX,{onCompleted:e=>{this.setState({visible:!1}),this.props.onCompleted&&this.props.onCompleted(e)},value:[this.props.value]})},n.a.createElement(v.a,{size:"small",type:"primary"},"Assign"))}}var TX=MX;const QX=o.a` 24764 mutation deleteProductCrawlItem($id: ID!) { 24765 deleteProductCrawlItem(id: $id) 24766 } 24767`;class RX extends l.Component{constructor(){super(...arguments),this.state={loading:!1}}render(){const{loading:e}=this.state,{value:t,onError:a,onCompleted:l}=this.props;return n.a.createElement(s.a,{onCompleted:()=>{this.setState({loading:!1}),i.a.success({message:t.title+" has been deleted!"}),l&&l()},onError:e=>{i.a.error({message:Object(c.ib)(e.toString())}),this.setState({loading:!1}),a&&a(e)},mutation:QX},a=>n.a.createElement(v.a,{size:"small",loading:e,onClick:()=>{this.setState({loading:!0}),a({variables:{id:t.id}})}},"Trash"))}}var FX=RX;const NX=o.a` 24768 mutation updateProductCrawlItemTitle($id: ID!, $title: String!) { 24769 updateProductCrawlItemTitle(id: $id, title: $title) 24770 } 24771`,UX=j.b.div` 24772 max-width: 500px; 24773`;class LX extends l.Component{constructor(){super(...arguments),this.state={showEdit:!1,title:"",loading:!1,theTitleLength:this.props.value.title.length}}render(){const{showEdit:e}=this.state,{value:t}=this.props,a=e=>{let{originUrl:t}=e;const a=t&&t.length>0?t:"#";return n.a.createElement(jn.a,{href:a},n.a.createElement(rb.a,null))};
24773return n.a.createElement(UX,null,n.a.createElement(s.a,{mutation:NX},l=>e?n.a.createElement("div",{style:{minWidth:"480px"}},n.a.createElement(p.a.TextArea,{rows:5,defaultValue:t.title,onChange:e=>{this.setState({title:e.target.value,theTitleLength:e.target.value.length})}}),n.a.createElement("p",null,this.state.theTitleLength," characters."),n.a.createElement("div",{style:{display:"flex",marginTop:10}},n.a.createElement(v.a,{onClick:()=>{this.setState({showEdit:!1,theTitleLength:this.props.value.title.length})},size:"small"},"Cancel"),n.a.createElement(v.a,{loading:this.state.loading,onClick:()=>{let e=this.state.title;e||(e=t.title),this.setState({loading:!0},()=>{l({variables:{id:t.id,title:e}}).then(()=>{this.setState({showEdit:!1,loading:!1,title:""}),this.props.onChange&&this.props.onChange(e)}).catch(e=>{i.a.error({message:Object(c.ib)(e.toString())})})})},style:{marginLeft:5},size:"small",type:"primary"},"Save"))):n.a.createElement("div",{style:{minWidth:"480px"}},t.title,n.a.createElement(v.a,{onClick:()=>this.setState({showEdit:!0}),style:{color:"rgba(0, 0, 0, 0.65)"},size:"small",icon:n.a.createElement(d.a,{type:"edit"}),type:"link"}),t.url&&t.url.length>0&&n.a.createElement("div",{style:{font:"14px italic",marginTop:"5px"}},n.a.createElement(p.a,{disabled:!0,addonAfter:n.a.createElement(a,{originUrl:t.url}),value:t.url})))))}}var VX=LX;const zX=o.a` 24774 query templates($filter: TemplateFilter) { 24775 templates(filter: $filter) { 24776 nodes { 24777 id 24778 name 24779 } 24780 } 24781 } 24782`,qX=o.a` 24783 mutation assignToTemplate($input: NewAssignToTemplate!) { 24784 assignToTemplate(input: $input) { 24785 products { 24786 id 24787 title 24788 sku 24789 description 24790 designStatus 24791 personalized 24792 status 24793 productBases { 24794 id 24795 title 24796 } 24797 images { 24798 id 24799 productBaseId 24800 file { 24801 id 24802 url 24803 thumbnailUrl 24804 } 24805 } 24806 tags { 24807 id 24808 name 24809 } 24810 collections { 24811 id 24812 name 24813 } 24814 fields { 24815 id 24816 title 24817 name 24818 type 24819 extraFee 24820 configure 24821 sorting 24822 } 24823 } 24824 success 24825 failed 24826 } 24827 } 24828`,HX=j.b.div` 24829 width: 480px; 24830 @media (min-width: 768px) { 24831 width: 720px; 24832 } 24833`;class $X extends l.Component{constructor(){super(...arguments),this.state={loading:!1,deleteImg:[],checked:!1}}render(){const e={labelCol:{span:24},wrapperCol:{span:24}};return n.a.createElement(HX,null,n.a.createElement(s.b,{query:zX,variables:{filter:{grouping:!0}}},t=>{let{loading:a,error:l,data:o,client:u}=t;return a?n.a.createElement("div",{className:"p-4"},n.a.createElement(r.a,{active:!0})):l?n.a.createElement("div",null,"Error: ",Object(c.ib)(l.toString())):n.a.createElement(s.b,{query:zX,variables:{filter:{product:!0}}},t=>{let{loading:a,error:s,data:d}=t;return a?n.a.createElement("div",{className:"p-4"},n.a.createElement(r.a,{active:!0})):s?n.a.createElement("div",null,"Error: ",Object(c.ib)(l.toString())):n.a.createElement(x.a,Object.assign({},e,{initialValues:{collections:[{id:"hGypw",name:"NO-TM"}],tags:[],mainImageId:Object(C.get)(this.props.value,"[0].images[0][file].id",null),fields:[]},onFinish:e=>{if(e){let{deleteImg:t}=this.state;t=t.filter(t=>t!==e.mainImageId),this.setState({loading:!0});const a={productCrawlItems:this.props.value.map(e=>e.id),templateId:e.templateId,tags:e.tags.map(e=>e.id),collections:e.collections.map(e=>e.id),mainImageId:e.mainImageId,deleteImages:t,fields:e.fields};u.mutate({mutation:qX,variables:{input:a}}).then(e=>{this.setState({loading:!1}),e&&i.a.success({message:`Total ${e.data.assignToTemplate.success} items assigned completed!`}),this.props.onCompleted&&this.props.onCompleted(e.data.assignToTemplate)}).catch(e=>{this.setState({loading:!1}),this.props.onError&&this.props.onError(e)})}}}),n.a.createElement(x.a.Item,{label:"Template",name:"templateId",rules:[{required:!0,message:"Template is required!"}]},n.a.createElement(h.a,{className:"w-full",showSearch:!0,filterOption:(e,t)=>{if(t.children)return t.children.toLowerCase().indexOf(e.toLowerCase())>=0}},n.a.createElement(h.a.OptGroup,{label:"Product Template"},d.templates.nodes.map((e,t)=>n.a.createElement(h.a.Option,{key:"product-"+t,value:e.id},e.name))),n.a.createElement(h.a.OptGroup,{label:"Campaign Template"},o.templates.nodes.map((e,t)=>n.a.createElement(h.a.Option,{key:"campaign-"+t,value:e.id},e.name))))),1===this.props.value.length&&Object(C.get)(this.props.value,"[0].images[0]",null)&&n.a.createElement(x.a.Item,{label:"Main image",name:"mainImageId"},n.a.createElement(SX,{images:this.props.value[0].images.map(e=>e.file),deleteImg:this.state.deleteImg,onChangeDeleteImg:e=>this.setState({deleteImg:e})})),n.a.createElement(x.a.Item,{label:"Collections",name:"collections",rules:[{required:!0,message:"Collections is required."}]},n.a.createElement(gg,{isAssign:!0})),n.a.createElement(x.a.Item,{label:"Tags",name:"tags",rules:[{required:!0,message:"Tags is required."}]},n.a.createElement(ig,null)),n.a.createElement(x.a.Item,{valuePropName:"checked"},n.a.createElement(E.a,{onChange:e=>this.setState({checked:e.target.checked})},"This is a personalized product")),!0===this.state.checked?n.a.createElement(x.a.Item,{name:"fields"},n.a.createElement(CX,null)):null,n.a.createElement(x.a.Item,null,n.a.createElement(v.a,{htmlType:"submit",className:"w-full",type:"primary",loading:this.state.loading},"Submit")))})}))}}var _X=$X;class GX extends l.Component{constructor(){super(...arguments),this.state={visible:!1}}render(){const{visible:e}=this.state;return n.a.createElement(Kp.a,{title:"Assign use Template",visible:e,onVisibleChange:e=>this.setState({visible:e}),placement:"bottom",trigger:["click"],content:n.a.createElement(_X,{onCompleted:e=>{this.setState({visible:!1}),this.props.onCompleted&&this.props.onCompleted(e)},value:[this.props.value]})},n.a.createElement(v.a,{size:"small",type:"primary"},"Assign use Template"))}}var KX=GX;const JX=j.b.div` 24834 .ant-checkbox-group { 24835 display: flex; 24836 flex-wrap: wrap; 24837 padding: 0 24px; 24838 } 24839 .ant-checkbox-group-item { 24840 width: 15%; 24841 padding: 10px; 24842 } 24843 @media only screen and (max-width: 768px) { 24844 .ant-checkbox-group-item { 24845 width: 20%; 24846 } 24847 } 24848 @media only screen and (max-width: 768px) { 24849 .ant-checkbox-group-item { 24850 width: 20%; 24851 } 24852 } 24853 @media only screen and (max-width: 640px) { 24854 .ant-checkbox-group-item { 24855 width: 40%; 24856 } 24857 } 24858`;class YX extends n.a.Component{constructor(){super(...arguments),this.onChange=e=>{this.props.onChange&&this.props.onChange(e)},this.comparePriority=(e,t)=>{const a=e&&e.priority?e.priority:0,l=t&&t.priority?t.priority:0;let n=0;return a>l?n=1:a<l&&(n=-1),n}}render(){let{defaultValue:e}=this.props,t=[{label:"Product",value:"product",priority:10},{label:"Origin Domain",value:"originDomain",priority:15},{label:"Niche",value:"niche",priority:20},{label:"Source",value:"source",priority:25},{label:"Created At",value:"createdAt",priority:30},{label:"Author",value:"author",priority:35}];return t=t.sort(this.comparePriority),n.a.createElement(JX,{className:this.props.className,id:"screen-options"},n.a.createElement(E.a.Group,{options:t,onChange:this.onChange,value:e}))}}const WX=j.b.div` 24859 margin-top: -1rem; 24860 @media (min-width: 640px) { 24861 margin-top: -1.5rem; 24862 } 24863`,ZX=j.b.div` 24864 .filter-container { 24865 display: flex; 24866 margin-bottom: 20px; 24867 } 24868 .actions { 24869 button { 24870 margin-left: 10px; 24871 } 24872 } 24873 .assortment-actions { 24874 margin-bottom: 10px; 24875 } 24876 .similar-products { 24877 display: flex; 24878 font-size: 80%; 24879 .similar-product { 24880 text-align: center; 24881 max-width: 300px; 24882 } 24883 } 24884 tr.ant-table-expanded-row, 24885 tr.ant-table-expanded-row:hover { 24886 background: transparent; 24887 } 24888 .ant-table-thead 24889 > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) 24890 > td, 24891 .ant-table-tbody 24892 > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) 24893 > td, 24894 .ant-table-thead 24895 > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) 24896 > td, 24897 .ant-table-tbody 24898 > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) 24899 > td { 24900 background: transparent; 24901 } 24902 .ant-table-tbody > tr > td { 24903 border-bottom: 0 none; 24904 } 24905 .ant-table-tbody { 24906 .ant-table-expanded-row { 24907 td { 24908 border-bottom: 1px solid #e2e8f0; 24909 } 24910 } 24911 } 24912 .ant-table-pagination-right { 24913 width: 100%; 24914 display: flex; 24915 padding: 15px; 24916 margin: 0 !important; 24917 .ant-pagination-total-text { 24918 margin-left: 0px; 24919 margin-right: auto; 24920 } 24921 } 24922`,XX=o.a` 24923 mutation deleteCrawlItemSelected($id: [ID]!) { 24924 deleteCrawlItemSelected(id: $id) 24925 } 24926`,e0=o.a` 24927 query productAssortment($filter: ProductAssortmentFilter) { 24928 productAssortment(filter: $filter) { 24929 total 24930 nodes { 24931 id 24932 title 24933 url 24934 niche 24935 source 24936 createdAt 24937 author { 24938 id 24939 firstName 24940 lastName 24941 } 24942 images { 24943 id 24944 file { 24945 id 24946 url 24947 thumbnailUrl 24948 } 24949 } 24950 similarProducts { 24951 id 24952 distance 24953 product { 24954 id 24955 title 24956 images { 24957 id 24958 productBaseId 24959 file { 24960 id 24961 thumbnailUrl 24962 url 24963 } 24964 } 24965 } 24966 } 24967 similarItems { 24968 id 24969 distance 24970 similarItem { 24971 id 24972 title 24973 images { 24974 id 24975 file { 24976 id 24977 thumbnailUrl 24978 url 24979 } 24980 } 24981 } 24982 } 24983 } 24984 } 24985 } 24986`;class t0 extends l.Component{constructor(){var e;super(...arguments),e=this,this.state={previewImage:null,selectedRows:[],showAssignProduct:!1,showAssignProductSingle:!1,showAssignProductTemplate:!1,currentPage:1,filter:{search:null,limit:+Object(c.M)("perPageAssortment")||30,offset:0,authorId:null,createdTime:null,...Object(c.m)(B.a.location.search)},visibleScreenOptions:!1,optionsChecked:[]},this.typingTimeoutRef=n.a.createRef(),this.handleRemoveItems=function(t){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];try{const l=t.readQuery({query:e0,variables:{filter:e.state.filter}});e.setState({selectedRows:[]}),t.writeQuery({query:e0,variables:{filter:e.state.filter},data:{...l,productAssortment:{...l.productAssortment,total:l.productAssortment.total-a.length}}}),t.resetStore()}catch(l){}},this.handleAddProductsToCache=(e,t)=>{try{const a={filter:bg},l=e.readQuery({query:Ag,variables:a});e.writeQuery({query:Ag,variables:a,data:{...l,products:{...l.products,total:l.products.total+1,nodes:[...t,...l.products.nodes]}}})}catch(a){}},this.handleScreenOptions=()=>{this.setState({visibleScreenOptions:!this.state.visibleScreenOptions})}}componentDidMount(){this.setState({widthTable:o_.a.findDOMNode(this).offsetWidth});let e=localStorage.getItem("userId"),t=Object(c.M)("screenOption_ProductAssort_"+e);t=t?t.split(","):oe.X,this.setState({userId:e,optionsChecked:t})}componentWillUpdate(e,t){if(!k.a.isEqual(t.filter,this.state.filter)){k.a.isEqual(t.filter.domain,this.state.filter.domain)&&k.a.isEqual(t.filter.type,this.state.filter.type)&&k.a.isEqual(t.filter.search,this.state.filter.search)||(t.filter.offset=0);const{createdTime:e,...a}=t.filter,l=Object(c.l)(a);B.a.push(B.a.location.pathname+"?"+l)}}componentDidUpdate(e,t){let{optionsChecked:a,userId:l}=this.state;t.optionsChecked!==a&&Object(c.Nb)("screenOption_ProductAssort_"+l,a,100)}render(){const{filter:e,visibleScreenOptions:t,optionsChecked:a}=this.state,l={selectedRowKeys:this.state.selectedRows.map(e=>e&&e.id),onChange:(e,t)=>
24986{this.setState({selectedRows:t})}},o=[{title:"Image",dataIndex:"images",width:250,key:"image",render:(e,t)=>n.a.createElement(Xp,{limit:1,product:t,isSpecial:!0})},{title:"Product",dataIndex:"title",width:500,key:"product",render:(t,a)=>n.a.createElement(hi.a,null,t=>n.a.createElement(VX,{onChange:l=>{const n=t.readQuery({query:e0,variables:{filter:e}});t.writeQuery({query:e0,variables:{filter:e},data:{...n,productAssortment:{...n.productAssortment,nodes:n.productAssortment.nodes.map(e=>(e.id===a.id&&(e={...e,title:l}),e))}}})},value:a}))},{title:"Origin Domain",dataIndex:"url",width:120,key:"originDomain",render:(e,t)=>{let a="";if(t&&t.url){let e=t.url;e.includes(".jpg")||e.includes(".png")||e.includes(".gif")||(a=Object(c.Q)(e))}return a.length>0?n.a.createElement("span",null,a):null}},{title:"Niche",dataIndex:"niche",width:100,key:"niche"},{title:"Source",dataIndex:"source",width:120,key:"source"},{title:"Created At",dataIndex:"createdAt",width:130,key:"createdAt",render:e=>{let t=Zr()(e).format("YYYY-MM-DD HH:mm:ss");return n.a.createElement("span",null,t)}},{title:"Author",dataIndex:"author",width:200,key:"author",render:e=>{if(e){let t=`${e.firstName?e.firstName:""} ${e.lastName?e.lastName:""}`;return n.a.createElement("span",null,t)}return""}},{title:"Actions",width:320,key:"actions",render:(e,t)=>n.a.createElement("div",{className:"actions"},n.a.createElement(hi.a,null,e=>n.a.createElement("div",{style:{display:"flex"}},n.a.createElement(KX,{value:t,onCompleted:()=>{this.handleRemoveItems(e,[t])}}),n.a.createElement(TX,{onCompleted:()=>{this.handleRemoveItems(e,[t])},value:t}),n.a.createElement(FX,{value:t,onCompleted:()=>{this.handleRemoveItems(e,[t])}}))))}];let u="",m="";return t&&(u="btn-active",m="show"),n.a.createElement(WX,null,n.a.createElement(YX,{defaultValue:a,className:"screen-options "+m,onChange:e=>{this.setState({optionsChecked:e})}}),n.a.createElement(v.a,{onClick:this.handleScreenOptions,className:"block btn-screen-options "+u,icon:t?n.a.createElement(fX.a,null):n.a.createElement(sB.a,null)},"Screen Options"),n.a.createElement(hi.a,null,t=>n.a.createElement(ZX,null,n.a.createElement(ma,{title:"Product Assortment"}),n.a.createElement(D.i,{sectioned:!0},n.a.createElement(Qx,{filter:e,onChange:t=>{let{search:a,type:l,domain:n,authorId:r,createdTime:i}=t;return this.setState({filter:{...e,search:a,type:l,domain:n,authorId:r,createdTime:i}})}})),n.a.createElement(D.i,{bodyStyle:{padding:0}},this.state.selectedRows.length>0&&n.a.createElement("div",{className:"px-4 p4-3 my-4"}
24986,n.a.createElement(v.a.Group,null,n.a.createElement(v.a,null,this.state.selectedRows.length+" selected"),n.a.createElement(Kp.a,{title:"Assign Product",placement:"bottom",onVisibleChange:e=>this.setState({showAssignProduct:e}),visible:this.state.showAssignProduct,trigger:["click"],content:n.a.createElement(xX,{onCompleted:e=>{this.setState({showAssignProduct:!1},()=>{this.handleRemoveItems(t,this.state.selectedRows),this.handleAddProductsToCache(t,e)})},value:this.state.selectedRows})},n.a.createElement(v.a,null,"Assign ",n.a.createElement(_.a,null))),n.a.createElement(Kp.a,{title:"Assign Product use Template",onVisibleChange:e=>{this.setState({showAssignProductTemplate:e})},visible:this.state.showAssignProductTemplate,content:n.a.createElement(_X,{onCompleted:e=>{this.setState({showAssignProductTemplate:!1},()=>{this.handleRemoveItems(t,this.state.selectedRows),this.handleAddProductsToCache(t,e)})},value:this.state.selectedRows}),placement:"bottom",trigger:["click"]},n.a.createElement(v.a,null,"Assign use template ",n.a.createElement(d.a,{type:"caret-down"}))),n.a.createElement(s.a,{mutation:XX,onCompleted:()=>{this.refetch&&this.refetch(),this.setState({selectedRows:[]}),i.a.success({message:"Delete product success!"})},onError:e=>{i.a.error({message:e.toString()})}},e=>n.a.createElement(pa.a,{placement:"top",title:"Are you sure to delete this products?",onConfirm:()=>{e({variables:{id:this.state.selectedRows.filter(Boolean).map(e=>e.id)}})},okText:"Yes",cancelText:"No"},n.a.createElement(v.a,null,"Delete"))))),n.a.createElement(s.b,{fetchPolicy:"network-only",query:e0,variables:{filter:e}},t=>{let{error:i,loading:s,data:u,refetch:d}=t;if(i)return n.a.createElement("div",null,"Error: ",Object(c.ib)(i.toString()));if(s)return n.a.createElement("div",{className:"p-4"},n.a.createElement(r.a,{active:!0}));this.refetch=d;const m=u?u.productAssortment.nodes:[],p=[o[0]];a.forEach(e=>{o.forEach(t=>{t.key===e&&p.push(t)})}),p.push(o[o.length-1]);const g=k.a.sum(p.map(e=>e.width));return n.a.createElement(M.a,{bordered:!1,expandIcon:()=>null,defaultExpandAllRows:!0,className:"p-assortment",scroll:{x:g},expandedRowRender:e=>{if(e.similarProducts&&e.similarProducts.length>0||null!==e.similarItems&&e.similarItems.length>0)return n.a.createElement(n.a.Fragment,null,n.a.createElement("span",{className:"pseudo"},"\xa0"),n.a.createElement("div",{className:"flex wrapper-expand"},n.a.createElement("div",{className:"inner-expand"},e.similarProducts&&e.similarProducts.length>0&&n.a.createElement("div",{className:"similar-products"},e.similarProducts.map((e,t)=>n.a.createElement("div",{key:t,className:"similar-product",style:{padding:"0 16px"}},n.a.createElement("span",null,"Distance:",e.distance),n.a.createElement(Xp,{product:e.product,isSimilarProducts:!0}),n.a.createElement("span",null,e.product.title)))),e.similarItems&&e.similarItems.length>0&&n.a.createElement("div",{className:"similar-products"},e.similarItems.filter(e=>e.similarItem).map((e,t)=>n.a.createElement("div",{key:t,className:"flex flex-col items-center",style:{padding:"0 16px"}},n.a.createElement("span",null,"Distance:",e.distance),n.a.createElement(OZ,{files:{files:e.similarItem&&e.similarItem.images?e.similarItem.images.map(e=>e.file):[]},limit:1,width:200,height:200}),n.a.createElement("span",null,e.similarItem&&e.similarItem.title)))))))},rowSelection:l,rowKey:(e,t)=>e.id,columns:p,dataSource:m,pagination:{pageSize:e.limit,total:u.productAssortment.total,current:e.offset/e.limit+1,showTotal:(e,t)=>n.a.createElement("span",null,`${t.join(" to ")} of ${e} ${e>1?"items":"item"}.`),onShowSizeChange:(t,a)=>{this.setState({currentPage:1,filter:{...e,limit:a,offset:0}}),Object(c.Nb)("perPageAssortment",a,100)},onChange:t=>{let a=(t-1)*e.limit;this.setState({currentPage:t,filter:{...e,offset:a}})}}})}),n.a.createElement(y.a,{footer:null,onCancel:()=>this.setState({previewImage:null}),title:this.state.previewImage?this.state.previewImage.title:null,visible:!!this.state.previewImage},n.a.createElement(Jp.a,null,this.state.previewImage&&this.state.previewImage.images.map((e,t)=>n.a.createElement("div",{key:t},n.a.createElement("img",{src:e.url,alt:""})))))))))}}var a0=t0,l0=a(1584);const n0=j.b.div` 24987 .ant-select-selection-item { 24988 cursor: pointer; 24989 } 24990`;
24990class r0 extends l.Component{render(){const{value:e,onChange:t,showAll:a}=this.props;return n.a.createElement(s.b,{query:I.Qb,variables:{roles:[oe.gb.Designer]}},l=>{let{data:r,error:i,loading:o}=l;return o?n.a.createElement(f.a,null):i?i.toString():n.a.createElement(n0,null,n.a.createElement(h.a,{className:"cursor-pointer",style:{width:a?150:"maxWidth"},value:e,showSearch:!a,filterOption:!a&&((e,t)=>t.children.toLowerCase().includes(e)),onSelect:(e,a)=>t&&t(e,a.data)},a&&n.a.createElement(h.a.Option,{value:null},"All Designer"),r&&r.listUserTeamByRoles&&r.listUserTeamByRoles.map(e=>{let{user:t}=e;return n.a.createElement(h.a.Option,{key:t.id,value:t.id,data:t},`${t.firstName} ${t.lastName}`)})))})}}const i0=o.a` 24991 query orders($filter: OrderDropdownFilter) { 24992 ordersDropdown(filter: $filter) { 24993 id 24994 product { 24995 title 24996 } 24997 } 24998 } 24999`;class o0 extends l.Component{constructor(e){super(e),this.state={orders:[],loading:!1},this.onSearch=(e,t,a)=>{this.setState({loading:!0}),t.query({query:i0,variables:{filter:{...a,search:e}}}).then(e=>{this.setState({loading:!1}),e&&this.setState({orders:e.data&&e.data.ordersDropdown||[]})}).catch(e=>{this.setState({loading:!1})})},this.handleSearch=k.a.debounce(this.onSearch,500)}render(){const{value:e,onChange:t}=this.props;return n.a.createElement(te.a.Consumer,null,a=>{let{store:l}=a;return n.a.createElement(s.b,{query:i0,variables:{filter:{storeId:l?l.id:null,status:oe.K.PendingDesign}},onCompleted:e=>{let{ordersDropdown:t}=e;this.setState({orders:t||[]})}},a=>{let{data:r,loading:i,error:o,client:s}=a;return i?n.a.createElement(f.a,null):o?o.toString():n.a.createElement(h.a,{value:e,showSearch:!0,onSearch:e=>this.handleSearch(e,s,{storeId:l?l.id:null,status:oe.K.PendingDesign}),filterOption:!1,onSelect:e=>t(e),loading:this.state.loading},this.state.orders.map(e=>n.a.createElement(h.a.Option,{key:e.id,value:e.id},`${e.id} ${e.product&&e.product.title||""}`)))})})}}const s0=j.b.div` 25000 &.remove-style { 25001 .ant-card-bordered { 25002 box-shadow: none; 25003 } 25004 .ant-card-body { 25005 padding: 0; 25006 } 25007 } 25008`;class c0 extends l.Component{render(){const{initialValues:e,onSubmit:t,loading:a,isModal:l,orderId:r,isUpdate:i,isReassign:o,isBulkActions:s}=this.props;return n.a.createElement(s0,{className:l?"remove-style":""},n.a.createElement(x.a,{labelCol:{span:24},wrapperCol:{span:24},className:"flex w-full flex-wrap",initialValues:{kpi:.5,...e},onFinish:e=>{let a={...e};r&&(a.orderId=r),t(a)}},n.a.createElement("div",{className:l?"w-full":"w-full md:w-2/3"},n.a.createElement(b.a,{className:"m-2"},n.a.createElement(x.a.Item,{name:"assigneeId",label:"Assign to designer",rules:[{required:!0,message:"Designer is required."}]},n.a.createElement(r0,null)),r||s?null:n.a.createElement(x.a.Item,{name:"orderId",label:"Order ID",rules:[{required:!0,message:"Designer is required."}]},n.a.createElement(o0,null)),n.a.createElement(x.a.Item,{name:"kpi",label:"KPI",rules:[{required:!0,message:"KPI is required."}]},n.a.createElement(h.a,null,S.d.map((e,t)=>n.a.createElement(h.a.Option,{value:e,key:t},e)))),n.a.createElement(x.a.Item,{name:"deadline",label:"Deadline"},n.a.createElement(l0.a,{style:{width:"100%"},disabledDate:e=>Zr()().add(-1,"days")>=e})),n.a.createElement(x.a.Item,{name:"requirement",label:"Requirements"},n.a.createElement(p.a.TextArea,{rows:5})),n.a.createElement(x.a.Item,{name:"description",label:"Resources"},n.a.createElement(p.a.TextArea,{rows:5})))),n.a.createElement(wA.a,{className:"mx-2",style:{border:"1px solid #e2e2e2",marginTop:"15px"}}),n.a.createElement("div",{className:"w-full text-right mr-2"},n.a.createElement(x.a.Item,null,n.a.createElement(v.a,{type:"primary",htmlType:"submit",loading:a},i?"Update Task":o?"Re-assign":"Publish Task")))))}}class u0 extends l.Component{constructor(){super(...arguments),this.state={loading:!1}}render(){const{redirect:e,isModal:t,onCancel:a,orderId:l,refetch:r}=this.props;return n.a.createElement(s.a,{mutation:Jt.W,onCompleted:t=>{this.setState({loading:!1}),i.a.success({message:"Create design task success!"}),e&&B.a.push(e),r&&r(),a&&a()},onError:e=>{this.setState({loading:!1}),i.a.error({message:e.toString()})}},e=>n.a.createElement(c0,{isModal:t,loading:this.state.loading,orderId:l,onSubmit:t=>{let{deadline:a,...l}=t,n={...l};"object"===typeof a&&(n={...n,deadline:a}),this.setState({loading:!0}),e({variables:{input:n}})}}))}}class d0 extends l.Component{render(){return n.a.createElement("div",null,n.a.createElement(ma,{title:"Add New Task",subTitle:"Task",link:"/seller/design-tasks"}),n.a.createElement(u0,{redirect:"/seller/design-tasks"}))}}const m0=j.b.div` 25009 margin: -1rem; 25010 @media (min-width: 640px) { 25011 margin: -1.5rem; 25012 } 25013`;var p0=[{path:"/store-manager/stores",exact:!0,component:()=>{var e,t;const[a,r]=Object(l.useState)({limit:20,offset:0,status:null,platform:null,search:null}),{currentUser:i}=Object(l.useContext)(te.a),o=k.a.get(i,"teamUser.role",null),s=k.a.get(i,"id",null),u=[oe.gb.StoreManager].includes(o),{data:d,loading:m,error:p}=Object(De.d)(tz,{variables:{filter:a}}),g=Object(v$.a)(Object(Qz.c)(d)),A=m&&n.a.createElement(D.D,null);return n.a.createElement(m0,null,A,n.a.createElement(D.H,{title:"All Stores",fullWidth:!0},n.a.createElement(D.i,{sectioned:!0},n.a.createElement(ID.a,{isStoreManager:u,filter:a,onChange:e=>{r(t=>({...t,...e}))}})),n.a.createElement(D.i,null,p&&n.a.createElement("div",null,"Error: ",Object(c.ib)(p.toString())),m?n.a.createElement(Je.SkeletonPagePolaris,null):(null===d||void 0===d||null===(e=d.stores)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?n.a.createElement(Qz.a,g,n.a.createElement(ZV,{data:d,isStoreManager:u,userId:s,filters:a,setFilters:e=>r(t=>({...t,offset:e}))})):n.a.createElement(We.EmptyStatePolaris,null))))},roles:["Seller"],teamRole:"Store Manager",layout:iX},{path:"/store-manager/store/edit/:id",exact:!0,component:PI,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/orders2",exact:!0,component:cN,layout:ar,title:"Orders",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/orders",exact:!0,component:FY,layout:ar,title:"Orders",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/mapping",exact:!0,component:iN,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/design-tasks",exact:!0,component:SR,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/artist-tasks",exact:!0,component:gx,title:"Artist Task page",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/design-tasks/ideas",exact:!0,component:lN,title:"Idea Task page",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/design-tasks/report",exact:!0,component:mD,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/design-tasks/statistic",exact:!0,component:MV,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/media",exact:!0,component:hX,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/re-mockups-tasks",exact:!0,component:qL,title:"Product recreate mockup",layout:ar,roles:["Seller"],teamRole:"Store Manager",private:!0},{path:"/store-manager/team-members",exact:!0,component:Tz,layout:ar,title:"Members",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/add-team-member",exact:!0,component:BE,layout:ar,title:"Add New Member",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/edit-team-member/:id",exact:!0,component:ME,layout:ar,roles:["Seller"],teamRole:"Store Manager"}
25013,{path:"/store-manager/personalized/artworks",exact:!0,component:oh,title:"Artworks",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/personalized/cliparts",exact:!0,component:oh,title:"Cliparts",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/personalized/fonts",exact:!0,component:oh,title:"Fonts",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/seller/add-task",exact:!0,component:d0,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/products",exact:!0,component:sh.c,layout:ar,title:"Products",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/products/edit/:id",exact:!0,component:Th,layout:ar,title:"Edit Product",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/products/add",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/products/add/:id",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/products/clone",exact:!0,component:yh,layout:ar,title:"Clone Product",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/products/feeds",exact:!0,component:Pk,layout:ar,title:"Product Feeds",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/products/feeds/edit/:id",exact:!0,component:Qk,layout:ar,title:"Edit Product Feed",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/products/feeds/add",exact:!0,component:fk,layout:ar,title:"Add Product Feed",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/products/add-campaign",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/products/add-campaign/:id",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/products/clone-campaign",exact:!0,component:Kb,layout:ar,title:"Clone Campaign Product",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/products/campaign/:id",exact:!0,component:ah,layout:ar,title:"Edit Product Campaign",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/collections",exact:!0,component:Dx,layout:ar,title:"Collections",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/templates",exact:!0,component:lw,layout:ar,title:"Templates",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/templates/for-product",exact:!0,component:OS,layout:ar,title:"Add Template for Product",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/templates/for-campaign",exact:!0,component:CS,layout:ar,title:"Add Template for Campaign",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/edit/collection/:id",exact:!0,component:dy,layout:ar,title:"Edit Collection",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/add/collection",exact:!0,component:oy,layout:ar,title:"Add Collection",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/tags",exact:!0,component:xz,layout:ar,title:"Tags",roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/claims",exact:!0,component:hx,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/products/product-push",exact:!0,component:yL,title:"Product Push",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/products-ignored",exact:!0,component:vL,title:"Product Ignored",layout:ar,roles:["Seller"],teamRole:"Store Manager",private:!0},{path:"/store-manager/export-amazon",exact:!0,component:EF,title:"Export for Amazon",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/export-amazon/add",exact:!0,component:Zv,title:"Export for Amazon",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/export-amazon/:id",exact:!0,component:tE,title:"Export for Amazon",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/export-amazon/view-products/:id",exact:!0,component:rE,title:"View products",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/export-amazon/view-configs/:id",exact:!0,component:aE,title:"View products",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/export-tracking",exact:!0,component:DF,title:"Export tracking group",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/export-tracking-history",exact:!0,component:aN,title:"History export tracking group",layout:ar,roles:["Seller"],teamRole:"Store Manager"}
25013,{path:"/store-manager/personalized/artworks",exact:!0,component:oh,title:"Artworks",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/personalized/cliparts",exact:!0,component:oh,title:"Cliparts",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/personalized/fonts",exact:!0,component:oh,title:"Fonts",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/create-manual-order",exact:!0,component:pM,title:"Create Manual Order",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/stores/fb-marketplace",exact:!0,component:zF,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/stores/fb-marketplace/add",exact:!0,component:FI,title:"Create store",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/stores/fb-marketplace/edit/:id",exact:!0,component:LI,title:"Create store",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/documentations",exact:!0,component:fn,title:"Documentations Page",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/reports/overviews",exact:!0,component:Up,title:"Documentations Page",layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/product-from-print-file",exact:!0,component:mL,title:"Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Store Manager",private:!0},{path:"/store-manager/product-from-print-file/create",exact:!0,component:Kk,title:"Create Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Store Manager",private:!0},{path:"/store-manager/product-from-print-file/edit/:id",exact:!0,component:gS,title:"Edit Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Store Manager",private:!0},{path:"/store-manager/product-from-print-file/clone/:id",exact:!0,component:fS,title:"Clone Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Store Manager",private:!0},{path:"/tools/product-crawlers",exact:!0,component:QU,layout:ar,title:"All Crawlers",roles:["Seller"],teamRole:"Store Manager",private:!0},{path:"/tools/product-crawlers/:id",exact:!0,component:OU,layout:ar,roles:["Seller"],teamRole:"Store Manager",private:!0},{path:"/tools/product-assortment",exact:!0,component:a0,layout:ar,roles:["Seller"],teamRole:"Store Manager",private:!0},{path:"/store-manager/products/product-push/add",exact:!0,component:iC,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/products/product-push/:id",exact:!0,component:bD,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/products/replace-feed",exact:!0,component:nV,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/stores/tiktok",exact:!0,roles:["Seller"],teamRole:"Store Manager",component:Qz.b,layout:ar},{path:"/store-manager/stores/tiktok/add",exact:!0,component:lx,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/tiktok-hub/promotions",exact:!0,component:Object(l.lazy)(()=>a.e(8).then(a.bind(null,1777))),layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/tiktok-hub/promotions/create",exact:!0,component:Object(l.lazy)(()=>a.e(7).then(a.bind(null,1778))),layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/tiktok-hub/product-crawl-items",exact:!0,component:EH,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/tiktok-hub/push-products",exact:!0,component:WH,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/tiktok-hub/push-products/add",exact:!0,component:N$,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/tiktok-hub/push-products/:id",exact:!0,component:X$,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/tiktok-hub/product-templates",exact:!0,component:f$,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/tiktok-hub/product-templates/add",exact:!0,component:rG,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/tiktok-hub/product-templates/:id",exact:!0,component:dG,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/tiktok-hub/product-templates/:id/clone",exact:!0,component:hG,layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/tiktok-hub/image-templates/create",exact:!0,component:Object(l.lazy)(()=>a.e(10).then(a.bind(null,1779))),layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/tiktok-hub/image-templates",exact:!0,component:Object(l.lazy)(()=>a.e(9).then(a.bind(null,1780))),layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/tiktok-hub/image-templates/:id",exact:!0,component:Object(l.lazy)(()=>a.e(11).then(a.bind(null,1781))),layout:ar,roles:["Seller"],teamRole:"Store Manager"},{path:"/store-manager/billings/invoices",exact:!0,component:Zz,title:"Invoices",layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.StoreManager},{path:"/store-manager/billings/invoice/:id",exact:!0,component:OD,title:"Invoice Details",layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.StoreManager}],g0=a(526),A0=a(373);const b0=o.a` 25014 query teamMembers($filter: TeamUserFilter) { 25015 teamMembers(filter: $filter) { 25016 count 25017 hits { 25018 id 25019 role 25020 team { 25021 id 25022 } 25023 user { 25024 id 25025 firstName 25026 lastName 25027 roles 25028 email 25029 phone 25030 address 25031 status 25032 avatar { 25033 id 25034 url 25035 } 25036 } 25037 } 25038 } 25039 } 25040`,h0=e=>{let{path:t}=e;const a=Object(l.useMemo)(()=>Object(c.Bb)(t),[t]),r=Object(l.useMemo)(()=>{const e={...Object(c.m)(B.a.location.search)};return e&&e.status&&("active"===e.status&&(e.status=!0),"inactive"===e.status&&(e.status=!1)),e},[a]),[i,o]=Object(l.useState)({limit:Number(Object(c.M)("perPageMembers"))||20,offset:0,search:null,status:null,role:null,createdByMe:!0,...r}),{data:s,loading:u,error:d,refetch:m}=Object(De.d)(b0,{variables:{filter:i},fetchPolicy:"cache-and-network"});Object(l.useEffect)(()=>{let{offset:e,limit:t,status:a,createdByMe:l,...n}=i;!0===a&&(a="active"),!1===a&&(a="inactive");let r=null;r=i.offset?Object(c.l)({...i,status:a}):Object(c.l)({...n,status:a}),B.a.push(`${B.a.location.pathname}?${r}`)},[i]);const p=u&&n.a.createElement(D.D,null);return n.a.createElement(n.a.Fragment,null,p,n.a.createElement(D.i,{sectioned:!0},n.a.createElement(g0.a,{filter:i,onChange:e=>{let{search:t,status:a,role:l}=e;return o(e=>({...e,search:t,status:a,role:l}))}})),n.a.createElement(D.i,null,d&&n.a.createElement("div",null,"Error: ",Object(c.ib)(d.toString())),u?n.a.createElement(Je.SkeletonPagePolaris,null):s&&s.teamMembers&&s.teamMembers.hits&&s.teamMembers.hits.length>0?n.a.createElement(A0.a,{data:s,filter:i,refetch:m,setValuePage:(e,t)=>
25040{o(a=>({...a,offset:e,limit:t})),Object(c.Nb)("perPageMembers",t,100)}}):n.a.createElement(We.EmptyStatePolaris,null)))},f0=j.b.div` 25041 margin: -1rem; 25042 @media (min-width: 640px) { 25043 margin: -1.5rem; 25044 } 25045`;var v0=a(772),E0=a(476);class y0 extends l.Component{constructor(){super(...arguments),this.state={items:[{find:"",replace:""}]},this.onChange=e=>{this.props.onChange(e),this.setState({items:e})}}render(){const{url:e}=this.props,{items:t}=this.state,a=[{key:"find",dataIndex:"find",render:(e,a,l)=>n.a.createElement(p.a,{placeholder:"Find",value:e,onChange:e=>{t[l].find=e.target.value,this.onChange(t)}})},{key:"replace",dataIndex:"replace",render:(e,a,l)=>n.a.createElement(p.a,{placeholder:"Replace",value:e,onChange:e=>{t[l].replace=e.target.value,this.onChange(t)}})},{key:"action",render:(e,a,l)=>t.length>1&&n.a.createElement(mt.a,{onClick:e=>{t.splice(l,1),this.onChange([...t])}})}];return n.a.createElement(Kp.a,{title:"Find and Replace",content:n.a.createElement(Zd.b,{direction:"vertical",style:{width:"100%"}},n.a.createElement(M.a,{title:!1,showHeader:!1,className:"w-full",columns:a,dataSource:t,pagination:!1,rowKey:(e,t)=>t}),n.a.createElement(v.a,{onClick:()=>{this.setState({items:[...t,{find:"",replace:""}]})}},"Add New")),trigger:["click"],placement:"bottomRight"},n.a.createElement(v.a,{disabled:!e},n.a.createElement(St.a,null)))}}const C0=o.a` 25046 query getCrawlTitle( 25047 $url: String! 25048 $xPath: String! 25049 $attribute: String 25050 $replacement: [ReplacementData!] 25051 ) { 25052 getCrawlTitle( 25053 url: $url 25054 xPath: $xPath 25055 attribute: $attribute 25056 replacement: $replacement 25057 ) 25058 } 25059`,k0=o.a` 25060 query getCrawlImages( 25061 $url: String! 25062 $xPath: String! 25063 $attribute: String 25064 $replacement: [ReplacementData!] 25065 ) { 25066 getCrawlImages( 25067 url: $url 25068 xPath: $xPath 25069 attribute: $attribute 25070 replacement: $replacement 25071 ) 25072 } 25073`,O0=j.b.div` 25074 .images-result { 25075 display: flex; 25076 .image-result { 25077 max-width: 200px; 25078 } 25079 } 25080 .xpath { 25081 display: flex; 25082 button, 25083 input { 25084 margin-left: 10px; 25085 } 25086 } 25087 .ant-popover-disabled-compatible-wrapper { 25088 line-height: 0; 25089 } 25090`;class j0 extends l.Component{constructor(){super(...arguments),this.state={visible:!1,xpath:"",loading:!1,title:"",images:[],previewImage:null,visibleReplace:!1}}render(){const{isImage:e,url:t,value:a,onChange:l,onChangeAttribute:r,onChangeItems:o,crawler:s}=this.props;let c=$e.g?`${$e.b}/viewer?url=${t}`:`${$e.c}/viewer?url=${t}`;return n.a.createElement(hi.a,null,d=>n.a.createElement(O0,null,n.a.createElement("div",{className:"xpath"},n.a.createElement(p.a,{value:a,onChange:e=>{l&&l(e.target.value)}}),n.a.createElement(p.a,{placeholder:e?"Attribute (default: src)":"Attribute (default: text)",onChange:e=>{r(e.target.value)}}),n.a.createElement(v.a,{disabled:!t,onClick:()=>{this.setState({visible:!0})},defaultChecked:!0},n.a.createElement(v0.a,null)),n.a.createElement(y0,{url:t,onChange:e=>{o(e)}}),n.a.createElement(v.a,{disabled:!t||!a,loading:this.state.loading,onClick:()=>{const l={url:t,xPath:a,attribute:e?s.imageXpathAttribute||null:s.titleXpathAttribute||null,replacement:e?s.imageReplacement||[]:s.titleReplacement||[]};this.setState({loading:!0},()=>{this.props.isImage?d.query({query:k0,variables:l,fetchPolicy:"no-cache"}).then(e=>{this.setState({loading:!1,images:e.data.getCrawlImages})}).catch(e=>{this.setState({loading:!1}),i.a.error({message:"Not found"})}):d.query({query:C0,variables:l,fetchPolicy:"no-cache"}).then(e=>{this.setState({loading:!1,title:e.data.getCrawlTitle})}).catch(e=>{this.setState({loading:!1}),i.a.error({message:"Not found"})})})},defaultChecked:!0},n.a.createElement(E0.a,null))),this.state.title&&n.a.createElement(u.a.Item,{label:"Result"},n.a.createElement("h3",null,this.state.title)),this.props.isImage&&this.state.images&&this.state.images.length>0&&n.a.createElement(u.a.Item,{label:"Result"},n.a.createElement("div",{className:"block"},this.state.images.map((e,t)=>n.a.createElement("div",{className:"image-result p-2"},n.a.createElement("img",{style:{width:200},key:t,onClick:()=>{this.setState({previewImage:e})},src:e,alt:""}))))),this.state.visible&&n.a.createElement(y.a,{footer:null,style:{minHeight:600},onCancel:()=>{this.setState({visible:!1})},width:"90%",visible:!0},n.a.createElement(KP,{onChange:e=>{this.setState({visible:!1},()=>{l&&l(e)}
25090)},src:c})),n.a.createElement(y.a,{style:{height:"99%"},width:"98%",footer:null,onCancel:()=>{this.setState({previewImage:null})},visible:this.state.previewImage},n.a.createElement("div",{style:{width:"100%",display:"flex",justifyContent:"center"}},n.a.createElement("img",{src:this.state.previewImage,alt:""})))))}}var w0=j0;const S0=o.a` 25091 mutation createCrawl($input: NewCrawl!) { 25092 createCrawl(input: $input) { 25093 id 25094 title 25095 description 25096 } 25097 } 25098`;class I0 extends l.Component{constructor(){super(...arguments),this.state={items:[],loading:!1,crawler:{}},this.processUrls=e=>{let t=[],a={};const l=this.props.form.getFieldValue("titleXPath"),n=this.props.form.getFieldValue("imageXPath");for(let r=0;r<e.length;r++){const o=e[r].data.split(/[\r\n]+/g);let s=!1;for(let e=0;e<o.length;e++){const r=o[e].trim().toLowerCase();Object(c.cc)(r)&&"undefined"===typeof a[r]&&(a[r]=!0,s=!0,t.push({url:r,title:null,titleXpath:l,imageXpath:n,imageUrl:null,productBaseSlug:null,type:"Url"}))}s||i.a.error({message:`File ${e[r].file.name} contain wrong urls`})}return this.setState({items:t}),t},this.processStructUrls=e=>{let t=[],a={};for(let l=0;l<e.length;l++){const n=e[l].data;if(n){let r=this.getStructItemByText(n,a);0===r.length&&i.a.error({message:`File ${e[l].file.name} contain wrong struct!`}),t=[...t,...r]}}return this.setState({items:t}),t},this.getStructItemByText=(e,t)=>{let a=[],l=Object(c.s)(e);for(let n=0;n<l.length;n++){const e=l[n],r=k.a.trim(k.a.get(e,"[0]",null)),i=k.a.trim(k.a.get(e,"[1]",null));if("undefined"!==typeof t[i]||!Object(c.cc)(i))continue;const o=k.a.get(e,"[2]",""),s=k.a.get(e,"[3]"),u=k.a.split(k.a.get(e,"[4]",[]),",").map(e=>k.a.trim(e)),d=k.a.split(k.a.get(e,"[5]",[]),",").map(e=>k.a.trim(e));let m=k.a.get(e,"[6]",null);m&&(m=k.a.trim(m)),"site_crawler"===m&&(m=null);let p=k.a.get(e,"[7]",null);p&&(p=k.a.trim(p)),"0"===p&&(p=null);let g=k.a.get(e,"[8]",null);const A=k.a.get(e,"[9]",null),b=k.a.get(e,"[10]",null);g&&(g=JSON.parse(g)),r&&i&&(o||s)&&(t[i]=i,a.push({title:r,imageUrl:i,productBaseSlug:o,templateSlug:s,type:"Struct",tags:d,collections:u,storeUrl:m,storeProductId:p,designFiles:g||null,originSku:A,relateSku:b}))}return a},this.calculateItems=e=>{const t=this.props.form.getFieldValue("type");return e&&e.length?"Url"===t?this.processUrls(e):this.processStructUrls(e):[]}}render(){const{items:e,crawler:t}=this.state,{getFieldDecorator:a}=this.props.form,l=this.props.form.getFieldValue("type");let r=e&&e.length?e[0].url:null;const o={labelCol:{span:24},wrapperCol:{span:24}};return n.a.createElement(b.a,null,n.a.createElement(s.a,{onError:e=>{i.a.error({message:Object(c.ib)(e.toString())}),this.setState({loading:!1})},onCompleted:e=>{this.setState({loading:!1},()=>{B.a.push("/tools/product-crawlers/"+e.createCrawl.id)})},mutation:S0},e=>n.a.createElement(u.a,Object.assign({},o,{onSubmit:a=>{a.preventDefault(),this.props.form.validateFields((a,n)=>{if(!a){const a=this.props.form.getFieldValue("files");let r=this.calculateItems(a);if(!r||0===r.length)return void i.a.error({message:"No urls for crawl. Please check crawler file again!"});r=r.map(e=>({...e,...t})),this.setState({loading:!0},()=>{let t={title:n.title,description:null,type:l,domain:"Url"===l?r[0].url:r[0].imageUrl,items:r,files:a.map(e=>e.file.id)};e({variables:{input:t}})})}})}}),n.a.createElement(u.a.Item,{label:"Title"},a("title",{rules:[{required:!0,message:"Title is required!"}]})(n.a.createElement(p.a,{placeholder:"Enter crawler title"}))),n.a.createElement(u.a.Item,{label:"Type"},a("type",{initialValue:"Struct"})(n.a.createElement(z.a.Group,{onChange:()=>{const e=this.props.form.getFieldValue("files");this.calculateItems(e)}},n.a.createElement(z.a,{value:"Struct"},"Product Base Struct"),n.a.createElement(z.a,{value:"Url"},"Only Urls")))),n.a.createElement(u.a.Item,{label:"Crawler File"},a("files",{initialValue:[],rules:[{required:!0,message:"Crawler file is required!"}]})(n.a.createElement(vB,{onChange:e=>this.calculateItems(e)}))),"Url"===l&&n.a.createElement(n.a.Fragment,null,n.a.createElement(u.a.Item,{label:"Title XPath"},a("titleXPath",{rules:[{required:!0,message:"TitleXPath is required!"}]})(n.a.createElement(w0,{url:r,crawler:t,onChangeAttribute:e=>{this.setState({crawler:{...t,titleXpathAttribute:e}})},onChangeItems:e=>{this.setState({crawler:{...t,titleReplacement:e}})}}))),n.a.createElement(u.a.Item,{label:"Image XPath"},a("imageXPath",{rules:[{required:!0,message:"ImageXpath is required!"}]})(n.a.createElement(w0,{isImage:!0,crawler:t,url:r,onChangeAttribute:e=>{this.setState({crawler:{...t,imageXpathAttribute:e}})},onChangeItems:e=>{this.setState({crawler:{...t,imageReplacement:e}})}})))),n.a.createElement(u.a.Item,{style:{marginTop:20,display:"flex",justifyContent:"flex-end"}},n.a.createElement(v.a,{loading:this.state.loading,className:"btn-green",htmlType:"submit"},"Process Now")))))}}var B0=u.a.create({name:"form"})(I0);const D0=j.b.div` 25099 img { 25100 width: 100%; 25101 } 25102 .guide-image { 25103 text-align: center; 25104 margin-bottom: 30px; 25105 } 25106`;class P0 extends l.Component{render(){return n.a.createElement(D0,null,n.a.createElement("div",{className:"crawler-quick-guide"},n.a.createElement("h2",null,"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Tool Crawl"),n.a.createElement("div",{className:"guide-section"},n.a.createElement("h3",null,"T\u1ed5ng quan"),n.a.createElement("p",null,n.a.createElement("b",null,"Tool Crawl"),' s\u1ebd gi\xfap ng\u01b0\u1eddi d\xf9ng crawl product t\u1eeb website kh\xe1c th\xf4ng qua 2 c\u1ea5u tr\xfac file csv nhau: "Only URLs" v\xe0 "Definded Structure"'),n.a.createElement("p",null,n.a.createElement("b",null,"Product Base:")," l\xe0 lo\u1ea1i s\u1ea3n ph\u1ea9m m\xe0 Merch
25106Bridge h\u1ed7 tr\u1ee3. VD: 3D Shirts, Quilt Blanket, Fleece Blanket..."," "),n.a.createElement("p",null,n.a.createElement("b",null,"Template:")," Khi t\u1ea1o s\u1ea3n ph\u1ea9m, ng\u01b0\u1eddi d\xf9ng c\xf3 th\u1ec3 l\u01b0u c\xe1c th\xf4ng tin c\u1ea5u h\xecnh cho s\u1ea3n ph\u1ea9m \u0111\xf3 d\u01b0\u1edbi d\u1ea1ng m\u1ed9t template, nh\u1eefng l\u1ea7n t\u1ea1o s\u1ea3n ph\u1ea9m ti\u1ebfp theo ng\u01b0\u1eddi d\xf9ng c\xf3 th\u1ec3 c\u1ea5u h\xecnh l\u1ea1i th\xf4ng tin cho s\u1ea3n ph\u1ea9m ho\u1eb7c d\xf9ng l\u1ea1i c\u1ea5u h\xecnh c\u0169 t\u1eeb template."," ")),n.a.createElement("div",{className:"guide-section"},n.a.createElement("h3",null,"1. T\u1ea1o product th\xf4ng qua file csv struct"),n.a.createElement("p",null,"V\u1edbi option n\xe0y, ng\u01b0\u1eddi d\xf9ng c\u1ea7n chu\u1ea9n b\u1ecb 1 file csv ch\u1ee9a c\xe1c th\xf4ng tin c\u01a1 b\u1ea3n c\u1ee7a product: Title, Images, Product Base, Template, Collections, Tags"),n.a.createElement("p",null,"File m\u1eabu:"," ",n.a.createElement("a",{href:"https://res.cloudinary.com/mbmedia/raw/upload/v1590112585/defined-structure_cdjjlq.csv",target:"_blank",rel:"noopener noreferrer"},"Defined-structure.csv")),n.a.createElement("p",null,n.a.createElement("strong",null,"L\u01b0u \xfd:")," \u0111\u1ec3 l\u1ea5y \u0111\u01b0\u1ee3c product base slug ng\u01b0\u1eddi d\xf9ng c\xf3 th\u1ec3 v\xe0o menu add product/add campaign \u0111\u1ec3 xem:"),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",style:{maxWidth:"100%",height:"auto"},src:"https://res.cloudinary.com/mbmedia/image/upload/v1590114564/add-product-campaign_xzxy8j.png"})),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",style:{maxWidth:"100%",height:"auto"},src:"https://res.cloudinary.com/mbmedia/image/upload/v1590112101/850f3ef5-56a9-45af-89c4-36a9cb5e5886_f043od.png"})),n.a.createElement("p",null,"\u0110\u1ec3 l\u1ea5y \u0111\u01b0\u1ee3c template slug, ng\u01b0\u1eddi d\xf9ng c\xf3 th\u1ec3 v\xe0o add campaign, ch\u1ecdn All templates:"),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",src:"https://res.cloudinary.com/mbmedia/image/upload/v1590112692/b9e62849-1b18-4383-9adb-6ae79f0f67e9_vcorcn.png"})),n.a.createElement("p",null,"T\u1ea1i m\u1ee5c All templates s\u1ebd hi\u1ec3n th\u1ecb t\u1ea5t c\u1ea3 c\xe1c template \u0111\xe3 \u0111\u01b0\u1ee3c t\u1ea1o k\xe8m theo t\xean v\xe0 slug:"),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",src:"https://res.cloudinary.com/mbmedia/image/upload/v1590112729/e21fb62f-d825-45e3-a977-865db34fb34b_at4mkj.png"})),n.a.createElement("h4",null,'C\xe1c b\u01b0\u1edbc t\u1ea1o crawl v\u1edbi file "defined-structure.csv"'),n.a.createElement("p",null,n.a.createElement("b",null,"B\u01b0\u1edbc 1:")," Truy c\u1eadp menu: ",n.a.createElement("b",null,"Tools -> Product Crawlers"),", \u1ea5n ch\u1ecdn ",n.a.createElement("b",null,"New Product Crawler")," "),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",src:"https://res.cloudinary.com/mbmedia/image/upload/v1590112786/buoc1_cygopg.png"})),n.a.createElement("p",null,n.a.createElement("b",null,"B\u01b0\u1edbc 2:")," \u0110i\u1ec1n title, ch\u1ecdn type: ",n.a.createElement("b",null,"Product base struct"),", upload file csv theo m\u1eabu tr\xean, sau \u0111\xf3 \u1ea5n ",n.a.createElement("b",null,"Process Now"),", h\u1ec7 th\u1ed1ng s\u1ebd t\u1ef1 \u0111\u1ed9ng t\u1ea1o product d\u1ef1a tr\xean th\xf4ng tin c\u1ee7a file."),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",src:"https://res.cloudinary.com/mbmedia/image/upload/v1590112805/buoc2_lfumf2.png"}))),n.a.createElement("div",{className:"guide-section"},n.a.createElement("h3",null,"2. T\u1ea1o product th\xf4ng qua file csv only urls"),n.a.createElement("p",null,"V\u1edbi option n\xe0y, ng\u01b0\u1eddi d\xf9ng c\xf3 2 thao t\xe1c:"),n.a.createElement("ul",null,n.a.createElement("li",null,"Chu\u1ea9n b\u1ecb file csv ch\u1ec9 ch\u1ee9a c\xe1c url c\u1ee7a product c\u1ea7n crawl, theo m\u1eabu sau:",n.a.createElement("a",{href:"https://res.cloudinary.com/mbmedia/raw/upload/v1590112866/only-urls_vrbms5.csv",target:"_blank",rel:"noopener noreferrer"},"Only-URLs.csv")),n.a.createElement("li",null,"Khi crawl product v\u1ec1, ng\u01b0\u1eddi d\xf9ng c\u1ea7n ti\u1ebfp t\u1ee5c assign product v\xe0o c\xe1c product base ho\u1eb7c template hay xo\xe1 b\u1ecf n\u1ebfu kh\xf4ng ph\xf9 h\u1ee3p.")),n.a.createElement("p",null,n.a.createElement("b",null,"B\u01b0\u1edbc 1:")," Truy c\u1eadp menu: ",n.a.createElement("b",null," Tools -> Product Crawlers"),", \u1ea5n ch\u1ecdn ",n.a.createElement("b",null,"New Product Crawler")),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",src:"https://res.cloudinary.com/mbmedia/image/upload/v1590113070/b1_l9wy8g.png"})),n.a.createElement("p",null,n.a.createElement("b",null,"B\u01b0\u1edbc 2
25106:")," Nh\u1eadp title cho crawler, ch\u1ecdn file csv \u0111\xe3 chu\u1ea9n b\u1ecb, ch\u1ecdn type: ",n.a.createElement("b",null,"Only urls"),", c\xe0i \u0111\u1eb7t xpath cho title, xpath cho thumbs. Thao t\xe1c select expath s\u1ebd ch\u1ecdn ch\xednh x\xe1c th\u1ebb HTML ch\u1ee9a d\u1eef li\u1ec7u c\u1ea7n crawl v\u1ec1."),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",src:"https://res.cloudinary.com/mbmedia/image/upload/v1590113099/b2_pysonk.png"})),n.a.createElement("p",null,"Thao t\xe1c setup xpath c\u1ea7n chu\u1ea9n x\xe1c \u0111\u1ec3 l\u1ea5y \u0111\u01b0\u1ee3c d\u1eef li\u1ec7u mong mu\u1ed1n:"),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",src:"https://res.cloudinary.com/mbmedia/image/upload/v1590113135/xpath_fego02.png"})),n.a.createElement("p",null,"\u0110\u1ec3 ki\u1ec3m tra ph\u1ea7n xpath, ng\u01b0\u1eddi d\xf9ng c\xf3 th\u1ec3 d\xf9ng button preview \u0111\u1ec3 ki\u1ec3m tra, n\u1ebfu setup chu\u1ea9n x\xe1c th\xec khi preview ng\u01b0\u1eddi d\xf9ng s\u1ebd th\u1ea5y d\u1eef li\u1ec7u m\xecnh mong mu\u1ed1n \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb ra, ng\u01b0\u1ee3c l\u1ea1i ng\u01b0\u1eddi d\xf9ng c\u1ea7n setup l\u1ea1i \u0111\u1ec3 c\xf3 th\u1ec3 l\u1ea5y ch\xednh x\xe1c d\u1eef li\u1ec7u m\xecnh mong mu\u1ed1n."),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",src:"https://res.cloudinary.com/mbmedia/image/upload/v1590113163/check-result_uaenp8.png"})),n.a.createElement("p",null,n.a.createElement("b",null,"B\u01b0\u1edbc 3:")," Assign product v\xe0o product base ho\u1eb7c template: ng\u01b0\u1eddi d\xf9ng c\u1ea7n assign product \u0111\xe3 \u0111\u01b0\u1ee3c crawl v\xe0o product base ho\u1eb7c template. Thao t\xe1c crawl ch\u1ec9 l\u01b0u t\u1ea1m th\u1eddi d\u1eef li\u1ec7u, khi \u0111\u01b0\u1ee3c assign v\xe0o product base ho\u1eb7c template th\xec product m\u1edbi \u0111\u01b0\u1ee3c t\u1ea1o theo d\u1eef li\u1ec7u m\u1eb7c \u0111\u1ecbnh c\u1ee7a product base ho\u1eb7c template."),n.a.createElement("div",{className:"guide-image"},n.a.createElement("img",{alt:"",src:"https://res.cloudinary.com/mbmedia/image/upload/v1590113195/assign_pqw3lp.png"})))))}}class x0 extends l.Component{constructor(){super(...arguments),this.state={visible:!1}}render(){return n.a.createElement("div",null,n.a.createElement(ma,{title:"Product Crawler",subTitle:"All Crawlers",link:"/tools/product-crawlers",action:n.a.createElement(v.a,{onClick:()=>this.setState({visible:!0})},"Quick Guide")}),n.a.createElement(B0,null),n.a.createElement(y.a,{title:"Quick Guide",visible:this.state.visible,onCancel:()=>this.setState({visible:!1}),width:"70%",footer:null},n.a.createElement(P0,null)))}}var M0=x0,T0=[{path:"/marketplace-manager/stores/amazon",exact:!0,roles:["Seller"],teamRole:"Marketplace Manager",component:UD,layout:ar},{path:"/marketplace-manager/stores/amazon/add",exact:!0,component:_D,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/stores/ebay",exact:!0,roles:["Seller"],teamRole:"Marketplace Manager",component:zR,layout:ar},{path:"/marketplace-manager/stores/etsy",exact:!0,roles:["Seller"],teamRole:"Marketplace Manager",component:_R.b,layout:ar},{path:"/marketplace-manager/stores/etsy/add",exact:!0,component:ZD,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/stores/tiktok",exact:!0,roles:["Seller"],teamRole:"Marketplace Manager",component:Qz.b,layout:ar},{path:"/marketplace-manager/stores/tiktok/add",exact:!0,component:lx,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/store/edit/:id",exact:!0,component:PI,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/store/switch/:id",exact:!0,component:rB,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/stores/fb-marketplace",exact:!0,component:zF,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager",private:!0},{path:"/marketplace-manager/stores/fb-marketplace/add",exact:!0,component:FI,title:"Create store",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager",private:!0},{path:"/marketplace-manager/stores/fb-marketplace/edit/:id",exact:!0,component:LI,title:"Create store",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager",private:!0}
25106,{path:"/marketplace-manager/products",exact:!0,component:sh.c,layout:ar,title:"Products",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/products/edit/:id",exact:!0,component:Th,layout:ar,title:"Edit Product",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/products/add",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/products/add/:id",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/products/clone",exact:!0,component:yh,layout:ar,title:"Clone Product",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/products/add-campaign",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/products/add-campaign/:id",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/products/clone-campaign",exact:!0,component:Kb,layout:ar,title:"Clone Campaign Product",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/products/campaign/:id",exact:!0,component:ah,layout:ar,title:"Edit Product Campaign",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/collections",exact:!0,component:Dx,layout:ar,title:"Collections",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/add/collection",exact:!0,component:oy,layout:ar,title:"Add Collection",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/edit/collection/:id",exact:!0,component:dy,layout:ar,title:"Edit Collection",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/templates",exact:!0,component:lw,layout:ar,title:"Templates",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/tags",exact:!0,component:xz,layout:ar,title:"Tags",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/orders2",exact:!0,component:cN,layout:ar,title:"Orders",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/orders",exact:!0,component:FY,layout:ar,title:"Orders",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/mapping",exact:!0,component:iN,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/claims",exact:!0,component:hx,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/design-tasks",exact:!0,component:SR,title:"All Tasks",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/artist-tasks",exact:!0,component:gx,title:"Artist Task page",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/team-members",exact:!0,component:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const r=Object(l.useMemo)(()=>Object(c.W)(t),[t]);return n.a.createElement(f0,null,n.a.createElement(D.H,{title:"All Members",fullWidth:!0,primaryAction:{content:"Add member",url:"/marketplace-manager/add-team-member"}},n.a.createElement(h0,{path:r})))},layout:ar,title:"Members",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/add-team-member",exact:!0,component:BE,layout:ar,title:"Add New Member",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/online-design-teams",exact:!0,component:sN,layout:ar,title:"Design Online Team",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/edit-team-member/:id",exact:!0,component:ME,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/tools/product-assortment",exact:!0,component:a0,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager",private:!0},{path:"/tools/product-crawlers",exact:!0,component:QU,layout:ar,title:"All Crawlers",roles:["Seller"],teamRole:"Marketplace Manager",private:!0},{path:"/tools/product-crawler",exact:!0,component:M0,layout:ar,title:"Product crawler",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/tools/product-crawlers/:id",exact:!0,component:OU,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager",private:!0}
25106,{path:"/marketplace-manager/product-divisions",exact:!0,component:FU,title:"Product Divisions",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/product-divisions/add",exact:!0,component:bC,title:"Add Product Divisions",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/product-divisions/edit/:id",exact:!0,component:EC,title:"Add Product Divisions",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/products-ignored",exact:!0,component:vL,title:"Product Ignored",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager",private:!0},{path:"/marketplace-manager/export-amazon",exact:!0,component:EF,title:"Export for Amazon",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/export-amazon/add",exact:!0,component:Zv,title:"Export for Amazon",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/export-amazon/:id",exact:!0,component:tE,title:"Export for Amazon",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/export-amazon/view-products/:id",exact:!0,component:rE,title:"View products",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/export-tracking",exact:!0,component:DF,title:"Export tracking group",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/export-tracking-history",exact:!0,component:aN,title:"History export tracking group",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/export-amazon/view-configs/:id",exact:!0,component:aE,title:"View products",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/personalized/artworks",exact:!0,component:oh,title:"Artworks",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/personalized/cliparts",exact:!0,component:oh,title:"Cliparts",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/personalized/fonts",exact:!0,component:oh,title:"Fonts",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/create-manual-order",exact:!0,component:pM,title:"Create Manual Order",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/documentations",exact:!0,component:fn,title:"Documentations Page",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/product-from-print-file",exact:!0,component:mL,title:"Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager",private:!0},{path:"/marketplace-manager/product-from-print-file/create",exact:!0,component:Kk,title:"Create Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager",private:!0},{path:"/marketplace-manager/product-from-print-file/edit/:id",exact:!0,component:gS,title:"Edit Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager",private:!0},{path:"/marketplace-manager/product-from-print-file/clone/:id",exact:!0,component:fS,title:"Clone Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager",private:!0},{path:"/marketplace-manager/switch-store-for-order",exact:!0,title:"Switch Store For Order Page",component:dz,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager",private:!0},{path:"/marketplace-manager/stores/groups",exact:!0,component:KF,title:"Group",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/stores/groups/add",exact:!0,component:GI,title:"Add Group",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/stores/groups/edit/:id",exact:!0,component:WI,title:"Edit Group",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/design-tasks/ideas",exact:!0,component:lN,title:"Idea Task page",layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/tiktok-hub/promotions",exact:!0,component:Object(l.lazy)(()=>a.e(8).then(a.bind(null,1777))),layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/tiktok-hub/promotions/create",exact:!0,component:Object(l.lazy)(()=>a.e(7).then(a.bind(null,1778))),layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/tiktok-hub/product-crawl-items",exact:!0,component:EH,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/tiktok-hub/push-products",exact:!0,component:WH,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/tiktok-hub/push-products/add",exact:!0,component:N$,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/tiktok-hub/push-products/:id",exact:!0,component:X$,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/tiktok-hub/product-templates",exact:!0,component:f$,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/tiktok-hub/product-templates/add",exact:!0,component:rG,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/tiktok-hub/product-templates/:id",exact:!0,component:dG,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/tiktok-hub/product-templates/:id/clone",exact:!0,component:hG,layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/tiktok-hub/image-templates/create",exact:!0,component:Object(l.lazy)(()=>a.e(10).then(a.bind(null,1779))),layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/tiktok-hub/image-templates",exact:!0,component:Object(l.lazy)(()=>a.e(9).then(a.bind(null,1780))),layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/tiktok-hub/image-templates/:id",exact:!0,component:Object(l.lazy)(()=>a.e(11).then(a.bind(null,1781))),layout:ar,roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/templates/for-product",exact:!0,component:OS,layout:ar,title:"Add Template for Product",roles:["Seller"],teamRole:"Marketplace Manager"},{path:"/marketplace-manager/templates/for-campaign",exact:!0,component:CS,layout:ar,title:"Add Template for Campaign",roles:["Seller"],teamRole:"Marketplace Manager"}],Q0=[{path:"/idea/tasks",exact:!0,component:lN,title:"Idea Task page",layout:ar,roles:["Seller"],teamRole:"Idea"},{path:"/idea/products",exact:!0,component:sh.c,layout:ar,title:"Products",roles:["Seller"],teamRole:"Idea"},{path:"/idea/orders2",exact:!0,component:cN,layout:ar,title:"Orders",roles:["Seller"],teamRole:"Idea"},{path:"/idea/orders",exact:!0,component:FY,layout:ar,title:"Orders",roles:["Seller"],teamRole:"Idea"},{path:"/idea/product-assortment",exact:!0,component:AU,layout:ar,roles:["Seller"],teamRole:"Idea",private:!0},{path:"/idea/products/add",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Seller"],teamRole:"Idea"},{path:"/idea/products/add/:id",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Seller"],teamRole:"Idea"},{path:"/idea/products/clone",exact:!0,component:yh,layout:ar,title:"Clone Product",roles:["Seller"],teamRole:"Idea"},{path:"/idea/products/add-campaign",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Seller"],teamRole:"Idea"},{path:"/idea/products/add-campaign/:id",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Seller"],teamRole:"Idea"},{path:"/idea/products/clone-campaign",exact:!0,component:Kb,layout:ar,title:"Clone Campaign Product",roles:["Seller"],teamRole:"Idea"},{path:"/idea/products/campaign/:id",exact:!0,component:ah,layout:ar,title:"Edit Product Campaign",roles:["Seller"],teamRole:"Idea"},{path:"/idea/products/edit/:id",exact:!0,component:Th,layout:ar,title:"Edit Product",roles:["Seller"],teamRole:"Idea"},{path:"/idea/templates",exact:!0,component:lw,layout:ar,title:"Templates",roles:["Seller"],teamRole:"Idea"},{path:"/idea/product-from-print-file",exact:!0,component:mL,title:"Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Idea",private:!0},{path:"/idea/product-from-print-file/create",exact:!0,component:Kk,title:"Create Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Idea",private:!0},{path:"/idea/product-from-print-file/edit/:id",exact:!0,component:gS,title:"Edit Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Idea",private:!0},{path:"/idea/product-from-print-file/clone/:id",exact:!0,component:fS,title:"Clone Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Idea",private:!0}],R0=[{path:"/idea-leader/tasks",exact:!0,component:lN,title:"Idea Task page",layout:ar,roles:["Seller"],teamRole:"IdeaLeader"},{path:"/idea-leader/team-members",exact:!0,component:Tz,layout:ar,title:"Members",roles:["Seller"],teamRole:"IdeaLeader"},{path:"/idea-leader/add-team-member",exact:!0,component:BE,layout:ar,title:"Add New Member",roles:["Seller"],teamRole:"IdeaLeader"},{path:"/idea-leader/edit-team-member/:id",exact:!0,component:ME,layout:ar,roles:["Seller"],teamRole:"IdeaLeader"},{path:"/idea-leader/products",exact:!0,component:sh.c,layout:ar,title:"Products",roles:["Seller"],teamRole:"IdeaLeader"},{path:"/idea-leader/orders2",exact:!0,component:cN,layout:ar,title:"Orders",roles:["Seller"],teamRole:"IdeaLeader"},{path:"/idea-leader/orders",exact:!0,component:FY,layout:ar,title:"Orders",roles:["Seller"],teamRole:"IdeaLeader"},{path:"/idea-leader/product-assortment",exact:!0,component:AU,layout:ar,roles:["Seller"],teamRole:"IdeaLeader",private:!0},{path:"/idea-leader/products/add",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Seller"],teamRole:"IdeaLeader"},{path:"/idea-leader/products/add/:id",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Seller"],teamRole:"IdeaLeader"},{path:"/idea-leader/products/clone",exact:!0,component:yh,layout:ar,title:"Clone Product",roles:["Seller"],teamRole:"IdeaLeader"},{path:"/idea-leader/products/add-campaign",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Seller"],teamRole:"IdeaLeader"},{path:"/idea-leader/products/add-campaign/:id",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Seller"],teamRole:"IdeaLeader"},{path:"/idea-leader/products/clone-campaign",exact:!0,component:Kb,layout:ar,title:"Clone Campaign Product",roles:["Seller"],teamRole:"IdeaLeader"},{path:"/idea-leader/products/campaign/:id",exact:!0,component:ah,layout:ar,title:"Edit Product Campaign",roles:["Seller"],teamRole:"IdeaLeader"},{path:"/idea-leader/products/edit/:id",exact:!0,component:Th,layout:ar,title:"Edit Product",roles:["Seller"],teamRole:"IdeaLeader"},{path:"/idea-leader/templates",exact:!0,component:lw,layout:ar,title:"Templates",roles:["Seller"],teamRole:"IdeaLeader"},{path:"/idea-leader/product-from-print-file",exact:!0,component:mL,title:"Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"IdeaLeader",private:!0},{path:"/idea-leader/product-from-print-file/create",exact:!0,component:Kk,title:"Create Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"IdeaLeader",private:!0},{path:"/idea-leader/product-from-print-file/edit/:id",exact:!0,component:gS,title:"Edit Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"IdeaLeader",private:!0},{path:"/idea-leader/product-from-print-file/clone/:id",exact:!0,component:fS,title:"Clone Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"IdeaLeader",private:!0},{path:"/idea-leader/templates/for-product",exact:!0,component:OS,layout:ar,title:"Add Template for Product",roles:["Seller"],teamRole:"IdeaLeader"},{path:"/idea-leader/templates/for-campaign",exact:!0,component:CS,layout:ar,title:"Add Template for Campaign",roles:["Seller"],teamRole:"IdeaLeader"}];var F0=[{path:"/seller-supporter/products",exact:!0,component:sh.c,layout:ar,title:"Products",roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/products/edit/:id",exact:!0,component:Th,layout:ar,title:"Edit Product",roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/products-ignored",exact:!0,component:vL,title:"Product Ignored",layout:ar,roles:["Seller"],teamRole:"Supporter",private:!0},{path:"/seller-supporter/products/add",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/products/add/:id",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/products/clone",exact:!0,component:yh,layout:ar,title:"Clone Product",roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/products/add-campaign",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/products/add-campaign/:id",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/products/clone-campaign",exact:!0,component:Kb,layout:ar,title:"Clone Campaign Product",roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/products/campaign/:id",exact:!0,component:ah,layout:ar,title:"Edit Product Campaign",roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/templates",exact:!0,component:lw,layout:ar,title:"Templates",roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/templates/for-product",exact:!0,component:OS,layout:ar,title:"Add Template for Product",roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/templates/for-campaign",exact:!0,component:CS,layout:ar,title:"Add Template for Campaign",roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/collections",exact:!0,component:Dx,layout:ar,title:"Collections",roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/add/collection",exact:!0,component:oy,layout:ar,title:"Add Collection",roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/edit/collection/:id",exact:!0,component:dy,layout:ar,title:"Edit Collection",roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/tags",exact:!0,component:xz,layout:ar,title:"Tags",roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/product-from-print-file",exact:!0,component:mL,title:"Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Supporter",private:!0},{path:"/seller-supporter/product-from-print-file/create",exact:!0,component:Kk,title:"Create Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Supporter",private:!0},{path:"/seller-supporter/product-from-print-file/edit/:id",exact:!0,component:gS,title:"Edit Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Supporter",private:!0},{path:"/seller-supporter/product-from-print-file/clone/:id",exact:!0,component:fS,title:"Clone Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Supporter",private:!0},{path:"/seller-supporter/orders2",exact:!0,component:cN,layout:ar,title:"Orders",roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/orders",exact:!0,component:FY,layout:ar,title:"Orders",roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/mapping",exact:!0,component:iN,layout:ar,roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/claims",exact:!0,component:hx,layout:ar,roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/create-manual-order",exact:!0,component:pM,title:"Create Manual Order",layout:ar,roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/documentations",exact:!0,component:fn,title:"Documentations Page",layout:ar,roles:["Seller"],teamRole:"Supporter"},{path:"/tools/product-assortment",exact:!0,component:AU,layout:ar,roles:["Seller"],teamRole:"Supporter",private:!0},{path:"/seller-supporter/products/product-push",exact:!0,component:yL,title:"Product Push",layout:ar,roles:["Seller"],teamRole:"Supporter"}
25106,{path:"/seller-supporter/products/product-push/add",exact:!0,component:iC,layout:ar,roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/products/product-push/:id",exact:!0,component:bD,layout:ar,roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/reports/amazon",exact:!0,component:zp,title:"Amazon Channel Page",layout:ar,roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/reports/facebook-mk",exact:!0,component:qp,title:"Facebook Marketplace Channel Page",layout:ar,roles:["Seller"],teamRole:"Supporter",private:!0},{path:"/seller-supporter/reports/online-stores",exact:!0,component:Hp,title:"Online stores Page",layout:ar,roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/reports/etsy",exact:!0,component:Lp,title:"Etsy Channel Page",layout:ar,roles:["Seller"],teamRole:"Supporter"},{path:"/seller-supporter/reports/ebay",exact:!0,component:Vp,title:"Ebay Channel Page",layout:ar,roles:["Seller"],teamRole:"Supporter"}];var N0=[{path:"/supporter/orders2",exact:!0,title:"Orders",component:Xu,roles:["Administrator"],layout:ar},{path:"/supporter/orders2/supplier",exact:!0,title:"Supplier Orders",component:Nm,roles:["Administrator"],layout:ar},{path:"/supporter/orders",exact:!0,title:"Orders",component:xf,roles:["Administrator"],layout:ar},{path:"/supporter/orders/supplier",exact:!0,title:"Supplier Orders",component:Mf,roles:["Administrator"],layout:ar},{path:"/supporter/claims",exact:!0,title:"Claims",component:bi,roles:["Administrator"],layout:ar},{path:"/supporter/manager-files/import",exact:!0,title:"Import Files",component:Wu,roles:["Administrator"],layout:ar},{path:"/supporter/manager-files/export",exact:!0,title:"Export Files",component:Ou,roles:["Administrator"],layout:ar},{path:"/supporter/manager-files/import-tracking",exact:!0,title:"Export Templates",component:nn,roles:["Administrator"],layout:ar}];var U0=[{path:"/designer/products",exact:!0,component:sh.c,layout:ar,title:"Products",roles:["Seller"],teamRole:"Designer"},{path:"/designer/products/edit/:id",exact:!0,component:Th,layout:ar,title:"Edit Product",roles:["Seller"],teamRole:"Designer"},{path:"/designer/products/add",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Seller"],teamRole:"Designer"},{path:"/designer/products/add/:id",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Seller"],teamRole:"Designer"},{path:"/designer/products/clone",exact:!0,component:yh,layout:ar,title:"Clone Product",roles:["Seller"],teamRole:"Designer"},{path:"/designer/products/add-campaign",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Seller"],teamRole:"Designer"},{path:"/designer/products/add-campaign/:id",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Seller"],teamRole:"Designer"},{path:"/designer/products/clone-campaign",exact:!0,component:Kb,layout:ar,title:"Clone Campaign Product",roles:["Seller"],teamRole:"Designer"},{path:"/designer/products/campaign/:id",exact:!0,component:ah,layout:ar,title:"Edit Product Campaign",roles:["Seller"],teamRole:"Designer"},{path:"/designer/templates",exact:!0,component:lw,layout:ar,title:"Templates",roles:["Seller"],teamRole:"Designer"},{path:"/designer/product-from-print-file",exact:!0,component:mL,title:"Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Designer",private:!0},{path:"/designer/product-from-print-file/create",exact:!0,component:Kk,title:"Create Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Designer",private:!0},{path:"/designer/product-from-print-file/edit/:id",exact:!0,component:gS,title:"Edit Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Designer",private:!0},{path:"/designer/product-from-print-file/clone/:id",exact:!0,component:fS,title:"Clone Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Designer",private:!0},{path:"/designer/design-tasks",exact:!0,component:SR,title:"All Tasks",layout:ar,roles:["Seller"],teamRole:"Designer",accessTask:!0},{path:"/designer/design-tasks/ideas",exact:!0,component:lN,title:"Idea Task page",layout:ar,roles:["Seller"],teamRole:"Designer",accessTask:!0},{path:"/designer/personalized/artworks",exact:!0,component:oh,title:"Artworks",layout:ar,roles:["Seller"],teamRole:"Designer"},{path:"/designer/personalized/cliparts",exact:!0,component:oh,title:"Cliparts",layout:ar,roles:["Seller"],teamRole:"Designer"},{path:"/designer/personalized/fonts",exact:!0,component:oh,title:"Fonts",layout:ar,roles:["Seller"],teamRole:"Designer"},{path:"/designer/re-mockups-tasks",exact:!0,component:qL,title:"Product recreate mockup",layout:ar,roles:["Seller"],teamRole:"Designer",private:!0},{path:"/designer/documentations",exact:!0,component:fn,title:"Documentations Page",layout:ar,roles:["Seller"],teamRole:"Designer"},{path:"/designer/reports/overviews",exact:!0,component:Up,title:"Documentations Page",layout:ar,roles:["Seller"],teamRole:"Designer"}];var L0=[{path:"/design-leader/products",exact:!0,component:sh.c,layout:ar,title:"Products",roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/products/edit/:id",exact:!0,component:Th,layout:ar,title:"Edit Product",roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/products/add",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/products/add/:id",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/products/clone",exact:!0,component:yh,layout:ar,title:"Clone Product",roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/products/add-campaign",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/products/add-campaign/:id",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/products/clone-campaign",exact:!0,component:Kb,layout:ar,title:"Clone Campaign Product",roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/products/campaign/:id",exact:!0,component:ah,layout:ar,title:"Edit Product Campaign",roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/templates",exact:!0,component:lw,layout:ar,title:"Templates",roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/product-from-print-file",exact:!0,component:mL,title:"Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Design Leader",private:!0},{path:"/design-leader/product-from-print-file/create",exact:!0,component:Kk,title:"Create Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Design Leader",private:!0},{path:"/design-leader/product-from-print-file/edit/:id",exact:!0,component:gS,title:"Edit Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Design Leader",private:!0},{path:"/design-leader/product-from-print-file/clone/:id",exact:!0,component:fS,title:"Clone Product From Print File Page",layout:ar,roles:["Seller"],teamRole:"Design Leader",private:!0},{path:"/design-leader/orders2",exact:!0,component:cN,layout:ar,title:"Orders",roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/orders",exact:!0,component:FY,layout:ar,title:"Orders",roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/design-tasks",exact:!0,component:SR,title:"All Tasks",layout:ar,roles:["Seller"],teamRole:"Design Leader",accessTask:!0},{path:"/design-leader/design-tasks/ideas",exact:!0,component:lN,title:"Idea Task page",layout:ar,roles:["Seller"],teamRole:"Design Leader",accessTask:!0},{path:"/design-leader/design-tasks/report",exact:!0,component:mD,title:"Reports task tracking",layout:ar,roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/design-tasks/statistic",exact:!0,component:MV,title:"Statistic page",layout:ar,roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/re-mockups-tasks",exact:!0,component:qL,title:"Product recreate mockup",layout:ar,roles:["Seller"],teamRole:"Design Leader",private:!0},{path:"/design-leader/media",exact:!0,component:hX,layout:ar,roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/team-members",exact:!0,component:Tz,layout:ar,title:"Members",roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/add-team-member",exact:!0,component:BE,layout:ar,title:"Add New Member",roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/online-design-teams",exact:!0,component:sN,layout:ar,title:"Design Online Team",roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/edit-team-member/:id",exact:!0,component:ME,layout:ar,roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/personalized/artworks",exact:!0,component:oh,title:"Artworks",layout:ar,roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/personalized/cliparts",exact:!0,component:oh,title:"Cliparts",layout:ar,roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/personalized/fonts",exact:!0,component:oh,title:"Fonts",layout:ar,roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/documentations",exact:!0,component:fn,title:"Documentations Page",layout:ar,roles:["Seller"],teamRole:"Design Leader"},{path:"/design-leader/mapping",exact:!0,component:iN,layout:ar,roles:["Seller"],teamRole:"Design Leader"}];var V0=[{path:"/supplier/orders2",exact:!0,component:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=Object(c.W)(t);return n.a.createElement(Zu.b,{role:oe.pb.Seller,ordersFilter:w.n,path:l})},layout:ar,title:"Orders",roles:["Seller"],teamRole:"Supplier"},{path:"/supplier/orders",exact:!0,component:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const l=Object(c.W)(t);return n.a.createElement(Pf,{role:oe.pb.Seller,ordersFilter:w.n,path:l})},layout:ar,title:"Orders",roles:["Seller"],teamRole:"Supplier"},{path:"/supplier/import-tracking",exact:!0,component:wB,layout:ar,roles:["Seller"],teamRole:"Supplier"},{path:"/supplier/imports",exact:!0,component:Tq,layout:ar,roles:["Seller"],teamRole:"Supplier"},{path:"/supplier/documentations",exact:!0,component:fn,title:"Documentations Page",layout:ar,roles:["Seller"],teamRole:"Supplier"},{path:"/supplier/manager-files/export-templates",exact:!0,component:Mq,layout:ar,roles:["Seller"],teamRole:"Supplier"},{path:"/supplier/manager-files/add-template",exact:!0,component:yq,layout:ar,roles:["Seller"],teamRole:"Supplier"},{path:"/supplier/manager-files/edit-template/:id",exact:!0,component:Sq,layout:ar,roles:["Seller"],teamRole:"Supplier"},{path:"/supplier/export-tracking",exact:!0,component:Pq,layout:ar,roles:["Seller"],teamRole:"Supplier"},{path:"/supplier/billings/deposits",exact:!0,component:JZ,layout:ar,roles:["Seller"],teamRole:"Supplier"},{path:"/supplier/billings/transactions",exact:!0,component:lX,layout:ar,roles:["Seller"],teamRole:"Supplier"}];var z0=[{path:"/seller-accountant/reports/amazon",exact:!0,component:zp,title:"Amazon Channel Page",layout:ar,roles:["Seller"],teamRole:"Accountant"},{path:"/seller-accountant/reports/tiktok",exact:!0,component:$p,title:"Tiktok Channel Page",layout:ar,roles:["Seller"],teamRole:"Accountant"},{path:"/seller-accountant/reports/facebook-mk",exact:!0,component:qp,title:"Facebook Marketplace Channel Page",layout:ar,roles:["Seller"],teamRole:"Accountant"},{path:"/seller-accountant/reports/online-stores",exact:!0,component:Hp,title:"Online stores Page",layout:ar,roles:["Seller"],teamRole:"Accountant"},{path:"/seller-accountant/reports/etsy",exact:!0,component:Lp,title:"Etsy Channel Page",layout:ar,roles:["Seller"],teamRole:"Accountant"},{path:"/seller-accountant/reports/ebay",exact:!0,component:Vp,title:"Ebay Channel Page",layout:ar,roles:["Seller"],teamRole:"Accountant"},{path:"/seller-accountant/design-tasks",exact:!0,component:SR,title:"All Tasks",layout:ar,roles:["Seller"],teamRole:"Accountant"},{path:"/seller-accountant/billings/invoices",exact:!0,component:kp,title:"All Invoices",layout:ar,roles:["Seller"],teamRole:"Accountant"},{path:"/seller-accountant/billings/invoice/:id",exact:!0,component:Eh,title:"Invoice Detail",layout:ar,roles:["Seller"],teamRole:"Accountant"},{path:"/seller-accountant/orders2",exact:!0,component:cN,layout:ar,title:"Orders",roles:["Seller"],teamRole:"Accountant"},{path:"/seller-accountant/orders",exact:!0,component:FY,layout:ar,title:"Orders",roles:["Seller"],teamRole:"Accountant"},{path:"/seller-accountant/settings/payment-accounts",exact:!0,component:lh.a,title:"Payment Accounts",layout:ar,roles:["Seller"],teamRole:"Accountant"}];var q0=[{path:"/artist/artist-tasks",exact:!0,component:gx,title:"Artist Task page",layout:ar,roles:["Seller"],teamRole:"Artist"}];var H0=[{path:"/artist-leader/artist-tasks",exact:!0,component:gx,title:"Artist Task page",layout:ar,roles:["Seller"],teamRole:"Artist Leader"}],$0=[{path:"/fulfillment/products/add",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Seller"],teamRole:"Fulfillment"},{path:"/fulfillment/products/add/:id",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:["Seller"],teamRole:"Fulfillment"},{path:"/fulfillment/products/clone",exact:!0,component:yh,layout:ar,title:"Clone Product",roles:["Seller"],teamRole:"Fulfillment"},{path:"/fulfillment/products/add-campaign",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Seller"],teamRole:"Fulfillment"},{path:"/fulfillment/products/add-campaign/:id",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:["Seller"],teamRole:"Fulfillment"},{path:"/fulfillment/products/clone-campaign",exact:!0,component:Kb,layout:ar,title:"Clone Campaign Product",roles:["Seller"],teamRole:"Fulfillment"},{path:"/fulfillment/products/campaign/:id",exact:!0,component:ah,layout:ar,title:"Edit Product Campaign",roles:["Seller"],teamRole:"Fulfillment"},{path:"/fulfillment/products",exact:!0,component:sh.c,layout:ar,title:"Products",roles:["Seller"],teamRole:"Fulfillment"},{path:"/fulfillment/products/edit/:id",exact:!0,component:Th,layout:ar,title:"Edit Product",roles:["Seller"],teamRole:"Fulfillment"},{path:"/fulfillment/orders2",exact:!0,component:cN,layout:ar,title:"Orders",roles:["Seller"],teamRole:"Fulfillment"},{path:"/fulfillment/orders",exact:!0,component:FY,layout:ar,title:"Orders",roles:["Seller"],teamRole:"Fulfillment"},{path:"/fulfillment/design-tasks",exact:!0,component:SR,title:"All Tasks",layout:ar,roles:["Seller"],teamRole:"Fulfillment"},{path:"/fulfillment/settings/payment-accounts",exact:!0,component:lh.a,title:"Payment Accounts",layout:ar,roles:["Seller"],teamRole:"Fulfillment"}];var _0=[{path:"/channel-leader/stores",exact:!0,component:rz,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelLeader},{path:"/channel-leader/stores/amazon",exact:!0,component:UD,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelLeader},{path:"/channel-leader/stores/amazon/add",exact:!0,component:_D,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelLeader},{path:"/channel-leader/store/edit/:id",exact:!0,component:PI,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelLeader},{path:"/channel-leader/amazon-ideas",exact:!0,component:zJ,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelLeader},{path:"/channel-leader/amazon-ideas/create",exact:!0,component:HJ,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelLeader},{path:"/channel-leader/amazon-ideas/:id/update",exact:!0,component:qJ,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelLeader},{path:"/channel-leader/channel-teams",exact:!0,component:gY,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelLeader},{path:"/channel-leader/amazon-idea-templates",exact:!0,component:PY,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelLeader},{path:"/channel-leader/amazon-idea-templates/create",exact:!0,component:QY,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelLeader},{path:"/channel-leader/amazon-idea-templates/:id/update",exact:!0,component:RY,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelLeader},{path:"/channel-leader/orders2",exact:!0,component:cN,layout:ar,title:"Orders",roles:[oe.pb.Seller],teamRole:oe.gb.ChannelLeader},{path:"/channel-leader/orders",exact:!0,component:FY,layout:ar,title:"Orders",roles:[oe.pb.Seller],teamRole:oe.gb.ChannelLeader},{path:"/channel-leader/products",exact:!0,component:sh.c,layout:ar,title:"Products",roles:[oe.pb.Seller]
25106,teamRole:oe.gb.ChannelLeader}];var G0=[{path:"/channel-seller/stores",exact:!0,component:rz,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSeller},{path:"/channel-seller/stores/amazon",exact:!0,component:UD,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSeller},{path:"/channel-seller/stores/amazon/add",exact:!0,component:_D,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSeller},{path:"/channel-seller/store/edit/:id",exact:!0,component:PI,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSeller},{path:"/channel-seller/amazon-ideas",exact:!0,component:zJ,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSeller},{path:"/channel-seller/amazon-ideas/create",exact:!0,component:HJ,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSeller},{path:"/channel-seller/amazon-ideas/:id/update",exact:!0,component:qJ,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSeller},{path:"/channel-seller/amazon-idea-templates",exact:!0,component:PY,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSeller},{path:"/channel-seller/amazon-idea-templates/create",exact:!0,component:QY,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSeller},{path:"/channel-seller/amazon-idea-templates/:id/update",exact:!0,component:RY,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSeller},{path:"/channel-seller/orders2",exact:!0,component:cN,layout:ar,title:"Orders",roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSeller},{path:"/channel-seller/orders",exact:!0,component:FY,layout:ar,title:"Orders",roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSeller},{path:"/channel-seller/products",exact:!0,component:sh.c,layout:ar,title:"Products",roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSeller}];var K0=[{path:"/channel-idea/stores",exact:!0,component:rz,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelIdea},{path:"/channel-idea/stores/amazon",exact:!0,component:UD,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelIdea},{path:"/channel-idea/stores/amazon/add",exact:!0,component:_D,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelIdea},{path:"/channel-idea/store/edit/:id",exact:!0,component:PI,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelIdea},{path:"/channel-idea/amazon-ideas",exact:!0,component:zJ,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelIdea},{path:"/channel-idea/amazon-ideas/create",exact:!0,component:HJ,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelIdea},{path:"/channel-idea/amazon-ideas/:id/update",exact:!0,component:qJ,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelIdea},{path:"/channel-idea/amazon-idea-templates",exact:!0,component:PY,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelIdea},{path:"/channel-idea/amazon-idea-templates/create",exact:!0,component:QY,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelIdea},{path:"/channel-idea/amazon-idea-templates/:id/update",exact:!0,component:RY,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelIdea},{path:"/channel-idea/orders2",exact:!0,component:cN,layout:ar,title:"Orders",roles:[oe.pb.Seller],teamRole:oe.gb.ChannelIdea},{path:"/channel-idea/orders",exact:!0,component:FY,layout:ar,title:"Orders",roles:[oe.pb.Seller],teamRole:oe.gb.ChannelIdea},{path:"/channel-idea/products",exact:!0,component:sh.c,layout:ar,title:"Products",roles:[oe.pb.Seller],teamRole:oe.gb.ChannelIdea}];var J0=[{path:"/channel-support-leader/amazon-ideas",exact:!0,component:zJ,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSupportLeader},{path:"/channel-support-leader/products",exact:!0,component:sh.c,layout:ar,title:"Products",roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSupportLeader},{path:"/channel-support-leader/orders2",exact:!0,component:cN,layout:ar,title:"Orders",roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSupportLeader},{path:"/channel-support-leader/orders",exact:!0,component:FY,layout:ar,title:"Orders",roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSupportLeader},{path:"/channel-support-leader/stores/amazon",exact:!0,component:UD,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSupportLeader},{path:"/channel-support-leader/stores/amazon/add",exact:!0,component:_D,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSupportLeader},{path:"/channel-support-leader/store/edit/:id",exact:!0,component:PI,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSupportLeader}];var Y0=[{path:"/channel-supporter/amazon-ideas",exact:!0,component:zJ,layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSupporter},{path:"/channel-supporter/products",exact:!0,component:sh.c,layout:ar,title:"Products",roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSupporter},{path:"/channel-supporter/products/edit/:id",exact:!0,component:Th,layout:ar,title:"Edit Product",roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSupporter},{path:"/channel-supporter/products/campaign/:id",exact:!0,component:ah,layout:ar,title:"Edit Product Campaign",roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSupporter},{path:"/channel-supporter/orders2",exact:!0,component:cN,layout:ar,title:"Orders",roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSupporter},{path:"/channel-supporter/orders",exact:!0,component:FY,layout:ar,title:"Orders",roles:[oe.pb.Seller],teamRole:oe.gb.ChannelSupporter}];
25106var W0=[{path:"/platform-manager/products",exact:!0,component:sh.c,layout:ar,title:"Products",roles:[oe.pb.Seller],teamRole:oe.gb.PlatformManager},{path:"/platform-manager/products/edit/:id",exact:!0,component:Th,layout:ar,title:"Edit Product",roles:[oe.pb.Seller],teamRole:oe.gb.PlatformManager},{path:"/platform-manager/products/add-campaign/:id",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:[oe.pb.Seller],teamRole:oe.gb.PlatformManager},{path:"/platform-manager/products/clone-campaign",exact:!0,component:Kb,layout:ar,title:"Clone Campaign Product",roles:[oe.pb.Seller],teamRole:oe.gb.PlatformManager},{path:"/platform-manager/products/campaign/:id",exact:!0,component:ah,layout:ar,title:"Edit Product Campaign",roles:[oe.pb.Seller],teamRole:oe.gb.PlatformManager},{path:"/platform-manager/products/add-campaign",exact:!0,component:JA,layout:ar,title:"Add Campaign Product",roles:[oe.pb.Seller],teamRole:oe.gb.PlatformManager},{path:"/platform-manager/products/add",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:[oe.pb.Seller],teamRole:oe.gb.PlatformManager},{path:"/platform-manager/products/add/:id",exact:!0,component:Dh,layout:ar,title:"Add Product",roles:[oe.pb.Seller],teamRole:oe.gb.PlatformManager},{path:"/platform-manager/products/clone",exact:!0,component:yh,layout:ar,title:"Clone Product",roles:[oe.pb.Seller],teamRole:oe.gb.PlatformManager},{path:"/platform-manager/orders2",exact:!0,component:cN,layout:ar,title:"Orders",roles:[oe.pb.Seller],teamRole:oe.gb.PlatformManager},{path:"/platform-manager/orders",exact:!0,component:FY,layout:ar,title:"Orders",roles:[oe.pb.Seller],teamRole:oe.gb.PlatformManager},{path:"/platform-manager/billings/invoices",exact:!0,component:Zz,title:"Invoices",layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.PlatformManager},{path:"/platform-manager/billings/invoice/:id",exact:!0,component:OD,title:"Invoice Details",layout:ar,roles:[oe.pb.Seller],teamRole:oe.gb.PlatformManager}];t.a=[...Tf,...NY,...nX,...tZ,...p0,...T0,...Q0,...R0,...F0,...N0,...U0,...L0,...V0,...z0,...q0,...H0,...$0,..._0,...G0,...K0,...J0,...Y0,...W0]},,function(e,t,a){"use strict";a.d(t,"a",(function(){return Q})),a.d(t,"b",(function(){return R}));var l=a(0),n=a.n(l),r=a(1),i=a(35),o=a(7),s=a(5),c=a.n(s),u=a(12),d=a(11),m=a(4),p=a(22),g=a(2),A=a(9);const b=A.b.div` 25107 .Polaris-Filters-ConnectedFilterControl.Polaris-Filters-ConnectedFilterControl--right 25108 .Polaris-Filters-ConnectedFilterControl__CenterContainer 25109 * { 25110 border-radius: var(--p-border-radius-base, 3px) !important; 25111 } 25112`,h=e=>{let{search:t,onChange:a}=e;const[i,o]=Object(l.useState)(null),s=Object(l.useRef)(null);Object(l.useEffect)(()=>{o(t)},[t]),Object(l.useEffect)(()=>{s.current&&clearTimeout(s.current),a&&(s.current=setTimeout(()=>{a({search:i?i.trim():i})},300))},[i]);const c=Object(l.useCallback)(e=>o(e),[]),u=Object(l.useCallback)(()=>o(null),[]),d=Object(l.useCallback)(()=>{u()},[u]);return n.a.createElement(b,null,n.a.createElement(r.r,{queryValue:i,queryPlaceholder:"Search...",onQueryChange:c,onQueryClear:u,onClearAll:d,filters:[]}))};var f=a(237),v=a(23),E=a(30),y=a(27),C=a.n(y),k=a(69),O=a.n(k),j=a(68),w=a(37);const S=i.a` 25113 mutation updateClaim($id: ID!, $status: String!) { 25114 updateClaim(id: $id, status: $status) 25115 } 25116`,I=e=>{let{claim:t}=e;const[a,i]=Object(l.useState)(!1),[s,c]=Object(l.useState)(!1),[u,d]=Object(l.useState)(null),[m,{data:p,loading:A,error:b,client:h}]=Object(o.c)(S,{onError:()=>{},onCompleted:()=>{const e=setTimeout(()=>{f()},2500);d(e)}});Object(l.useEffect)(()=>()=>clearTimeout(u),[]);const f=Object(l.useCallback)(()=>i(e=>!e),[]),v=Object(l.useCallback)(()=>{c(e=>!e)},[]),E=Object(l.useCallback)(()=>{m({variables:{id:t.id,status:"Cancelled"}}).then(e=>{if(e)try{const e={filter:{limit:30,offset:0,statusl:null,search:null,type:null}},a=h.readQuery({query:Q,variables:e});h.writeQuery({query:Q,variables:e,data:{...a,claims:{...a.claims,nodes:a.claims.nodes.map(e=>e.id===t.id?{...e,status:"Cancelled"}:e)}}})}catch(a){}}),v()},[]),y=s?(b||p&&p.updateClaim)&&n.a.createElement(r.fb,{content:b?Object(g.ib)(b.toString()):p&&p.updateClaim&&"Upd
25116ate status success.",error:b,duration:2e3,onDismiss:v}):null;return n.a.createElement(n.a.Fragment,null,y,n.a.createElement(r.g,{onClick:f,size:"slim"},"Cancel"),n.a.createElement(r.E,{title:"Cancel claim",open:a,onClose:f,sectioned:!0,secondaryActions:[{content:"No",onAction:f}],primaryAction:{content:"Yes",onAction:E,loading:A}},n.a.createElement(r.bb,null,"Do you want change status?")))};var B=a(71);const D=i.a` 25117 mutation updateEvidences($id: ID!, $files: [ID!]) { 25118 updateEvidences(id: $id, files: $files) { 25119 id 25120 order { 25121 id 25122 } 25123 orderId 25124 approveBy { 25125 id 25126 firstName 25127 lastName 25128 } 25129 approveById 25130 authorId 25131 author { 25132 id 25133 firstName 25134 lastName 25135 } 25136 type 25137 comment 25138 status 25139 files { 25140 id 25141 url 25142 thumbnailUrl 25143 } 25144 } 25145 } 25146`,P=e=>{let{evidence:t,refetch:a}=e;const[i,s]=Object(l.useState)(!1),[c,u]=Object(l.useState)([]),[d,m]=Object(l.useState)(null),[p,A]=Object(l.useState)(!1),[b,h]=Object(l.useState)({message:null,isError:!1}),[f,{loading:v}]=Object(o.c)(D,{onCompleted:()=>{h({message:"Update evidences successfuly.",isError:!1});const e=setTimeout(()=>{E(),a&&a()},2100);m(e)},onError:e=>{h({message:Object(g.ib)(e.toString()),isError:!0})}});Object(l.useEffect)(()=>()=>clearTimeout(d),[]);const E=Object(l.useCallback)(()=>s(e=>!e),[]),y=Object(l.useCallback)(()=>{A(e=>!e)},[]),C=Object(l.useCallback)(()=>{if(h({message:null,isError:!1}),c){const e=c&&c.length>0?c.map(e=>e.id):null;f({variables:{id:t.id,files:e}})}y()},[c]),k=p?b&&b.message&&n.a.createElement(r.fb,{content:b.message,error:b.isError,duration:2e3,onDismiss:y}):null;return n.a.createElement(n.a.Fragment,null,k,n.a.createElement(r.g,{primary:!0,onClick:E,size:"slim"},"Upload Evidence"),n.a.createElement(r.E,{open:i,title:"Upload Evidence for Order #"+(t&&t.orderId),onClose:E,primaryAction:{content:"Upload",onAction:C,loading:v},sectioned:!0},n.a.createElement(r.bb,null,n.a.createElement(B.a,{accept:"image/*",value:null===t||void 0===t?void 0:t.files,multiple:!0,sizeSmall:!0,onChange:e=>{u(e)}}))))},x=A.b.div` 25147 overflow-x: auto; 25148 .Polaris-DataTable__Footer { 25149 overflow-x: scroll; 25150 } 25151 .actions_wrap { 25152 display: flex; 25153 flex-direction: row; 25154 column-gap: 1rem; 25155 } 25156 .Polaris-DataTable__ScrollContainer { 25157 overflow-x: initial; 25158 } 25159 .Polaris-DataTable__Cell { 25160 &.custom-cell { 25161 position: sticky; 25162 right: 0; 25163 z-index: 10; 25164 background-color: #fff; 25165 &:after { 25166 box-shadow: rgba(0, 0, 0, 0.15) -10px 0px 8px -8px inset; 25167 position: absolute; 25168 top: 0px; 25169 bottom: -1px; 25170 width: 30px; 25171 transition: box-shadow 0.3s ease 0s, 25172 -webkit-box-shadow 0.3s ease 0s; 25173 content: ""; 25174 pointer-events: none; 25175 left: 0px; 25176 transform: translateX(-100%); 25177 } 25178 } 25179 } 25180 .Polaris-DataTable__TableRow { 25181 &:hover { 25182 .Polaris-DataTable__Cell { 25183 &.custom-cell { 25184 background-color: var(--p-surface-hovered, #f9fafb); 25185 } 25186 } 25187 } 25188 } 25189 .note_wrap { 25190 width: calc(20rem - 3.2rem); 25191 white-space: normal; 25192 word-break: break-word; 25193 } 25194 .Polaris-DataTable__Cell--header { 25195 .actions_wrap { 25196 justify-content: center; 25197 } 25198 } 25199`,M=A.b.div` 25200 padding: 1.6rem; 25201 overflow-x: scroll; 25202 background: var(--p-surface-subdued, #f4f6f8); 25203`,T=e=>{let{data:t,filter:a,setFilter:i,refetch:o,fixedColumn:s}=e;const[u,d]=Object(l.useState)([]),[p,A]=Object(l.useState)({scrollLeft:null,scrollWidth:null,offsetWidth:null}),b=Object(l.useRef)(null);Object(l.useEffect)(()=>{let{scrollLeft:e,scrollWidth:t,offsetWidth:a}=p,l=document.querySelectorAll(".actions_wrap"),n=document.querySelectorAll(".Polaris-DataTable__Cell");for(let r of n)for(let e of l)Object(g.u)(r,e)&&(s?r.classList.add("custom-cell"):r.classList.remove("custom-cell"))},[u,p,s]),Object(l.useEffect)(()=>{const e=()=>{Object(g.Ub)(()=>{b.current&&A({scrollLeft:b.current.scrollLeft,scrollWidth:b.current.scrollWidth,offsetWidth:b.current.offsetWidth})})};return b.current&&b.current.addEventListener("scroll",e,{capture:!1,passive:!0}),()=>{b.current&&b.current.removeEventListener("scroll",e)}},[b]),Object(l.useEffect)(()=>{let e=t.claims.nodes.map(e=>{var t,l;let{status:i}=e,s=null;[m.m.Approved].includes(i)&&(s="success"),[m.m.Cancelled].includes(i)&&(s="critical"),[m.m.InReview].includes(i)&&(s="info"),[m.m.Resent].includes(i)&&(s="attention"),[m.m.Rejected].includes(i)&&(s="warning"),[m.m.Refunded].includes(i)&&(s="warning");let u=null===e||void 0===e||null===(t=e.order)||void 0===t||null===(l=t.store)||void 0===l?void 0:l.title;return[c.a.get(e,"order.id"),e.type,n.a.createElement("p",null,C()(e.createdAt).format("YYYY-MM-DD HH:mm:ss")),n.a.createElement(r.e,{status:s},e.status),n.a.createElement("div",{className:"store_wrap"},u),n.a.createElement(n.a.Fragment,null,e.files&&e.files.length>0?n.a.createElement(j.default,{limit:1,files:e}):n.a.createElement("img",{src:O.a,style:{width:70},alt:""})),n.a.createElement("div",{className:"note_wrap"},n.a.createElement("span",null,e.comment)),n.a.createElement("div",{className:"actions_wrap"},[m.m.InReview,m.m.NeedMoreEvidence,m.m.Approved].includes(null===e||void 0===e?void 0:e.status)&&n.a.createElement(P,{evidence:e,filter:a,refetch:o}),e&&"In Review"===e.status&&n.a.createElement(I,{claim:e,refetch:o}))]});d(e)},[t]);let{limit:h,offset:f}=a;const v=c.a.get(t,"claims.total",0),E={page:f/h+1,totalPage:Math.ceil(v/h),offset:f,limit:h,onChange:i,total:v};return n.a.createElement(n.a.Fragment,null,n.a.createElement(x,{ref:b},n.a.createElement(r.n,{columnContentTypes:["text","text","text","text","text","text","text","numeric"],headings:["Order","Type","Created","Status","Store","Evidence","Note",n.a.createElement("div",{className:"actions_wrap"}
25203,"Actions")],rows:u,verticalAlign:"middle",hideScrollIndicator:!0})),n.a.createElement(M,null,n.a.createElement(w.PaginationPolaris,{aggregation:E,showTotal:!0})))},Q=i.a` 25204 query claims($filter: ClaimFilter) { 25205 claims(filter: $filter) { 25206 total 25207 nodes { 25208 id 25209 order { 25210 id 25211 store { 25212 id 25213 title 25214 } 25215 } 25216 orderId 25217 approveBy { 25218 id 25219 firstName 25220 lastName 25221 } 25222 approveById 25223 authorId 25224 author { 25225 id 25226 firstName 25227 lastName 25228 } 25229 type 25230 comment 25231 status 25232 files { 25233 id 25234 url 25235 thumbnailUrl 25236 } 25237 createdAt 25238 } 25239 } 25240 } 25241`,R=()=>{const[e,t]=Object(l.useState)({limit:Number(Object(g.M)("perPageClaims"))||20,offset:0,status:null,search:null,type:null,...Object(g.m)(u.a.location.search)}),{store:a,currentUser:i}=Object(l.useContext)(d.a),s=c.a.get(i,"teamUser.role",null),A=[m.gb.StoreManager].includes(s);let b=c.a.get(a,"id",null);"all"===b&&(b=null);const{data:y,loading:C,error:k,refetch:O}=Object(o.d)(Q,{variables:{filter:{...e,...A?{storeId:b}:null}}});Object(l.useEffect)(()=>{let{offset:t,limit:a,...l}=e,n=null;n=e.offset?Object(g.l)(e):Object(g.l)(l),u.a.push(`${u.a.location.pathname}?${n}`)},[e]);const j=C&&n.a.createElement(r.D,null),w=p.a;return n.a.createElement(n.a.Fragment,null,j,n.a.createElement(r.i,{sectioned:!0},n.a.createElement(h,{search:e&&e.search,onChange:e=>{let{search:a}=e;t(e=>(c.a.isEqual(e.search,a)||(e.offset=0),{...e,search:a}))}})),n.a.createElement(r.i,null,n.a.createElement(f.a,{value:w,defaultValue:e&&e.status,onChange:e=>{let{status:a}=e;t(e=>(c.a.isEqual(e.status,a)||(e.offset=0),{...e,status:a}))}}),k&&n.a.createElement("div",null,"Error: ",k.toString()),C?n.a.createElement(v.SkeletonPagePolaris,null):y&&y.claims&&y.claims.nodes&&y.claims.nodes.length?n.a.createElement(T,{data:y,filter:e,refetch:O,fixedColumn:!0,setFilter:(e,a)=>{t(t=>({...t,offset:e,limit:a})),Object(g.Nb)("perPageClaims",a,100)}}):n.a.createElement(E.EmptyStatePolaris,null)))}},,,,,function(e,t,a){"use strict";a.r(t);var l=a(1),n=a(1019),r=a(66),i=a.n(r),o=a(0),s=a.n(o),c=a(9),u=a(2),d=a(124);const m={value:"All",label:"All"};const p=c.b.div` 25242 .choicelist-wrap { 25243 margin-top: 1rem; 25244 } 25245 25246 .Polaris-ChoiceList__Choices { 25247 max-height: 280px; 25248 overflow-y: scroll; 25249 padding-left: 2px; 25250 } 25251`;t.default=function(e){var t;let{options:a,value:r,loading:o,error:c,placeholder:g,multiple:A,noAll:b=!1,noSearch:h=!1,onSearchChange:f,onChange:v}=e;const[E,y]=s.a.useReducer(u.Hb,{inputVal:"",options:a,deselectedOptions:a,selected:r}),C=Object(d.a)(v),k=JSON.stringify(a),O=s.a.useRef(!1);s.a.useEffect(()=>{let e=JSON.parse(k)||[];O.current||b||e.unshift(m),y({deselectedOptions:e,options:e})},[k,b]);const j=s.a.useRef(r);s.a.useEffect(()=>{i()(r,j.current)||(y({selected:r}),j.current=r)},[r]);const w=s.a.useRef(null),S=s.a.useCallback((e,t)=>{y({[t]:e}),O.current=!!e,w.current&&clearTimeout(w.current),w.current=setTimeout(()=>{f?f(e):(()=>{if(!e)return void y({options:E.deselectedOptions});const t=new RegExp(e,"i"),a=E.deselectedOptions.filter(e=>e.label.match(t));y({options:a})})()},500)},[E.deselectedOptions,f]),I=s.a.useCallback(()=>{S("","inputVal")},[S]),B=s.a.useCallback(e=>{y({selected:e});const t=E.deselectedOptions.filter(t=>{let{value:a}=t;return e.includes(a)});C&&C(t)},[E.deselectedOptions,C]);return s.a.useEffect(()=>()=>{clearTimeout(w.current)},[]),s.a.createElement(p,null,h?null:s.a.createElement(l.cb,{value:E.inputVal,onChange:S,id:"inputVal",prefix:s.a.createElement(l.w,{source:n.a,color:"inkLighter"}),autoFocus:!0,placeholder:g||"Filter item",onClearButtonClick:I,clearButton:!0}),s.a.createElement("div",{className:"mt-4"},o?s.a.createElement(l.X,{size:"small"}):c?s.a.createElement("div",null,"Error: ",Object(u.ib)(c.toString())):(null===(t=E.options)||void 0===t?void 0:t.length)>0?s.a.createElement("div",{className:"choicelist-wrap"},s.a.createElement(l.k,{choices:E.options,selected:E.selected,onChange:B,allowMultiple:A})):s.a.createElement("span",null,"No items found")))}},,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var l=a(0),n=a.n(l),r=a(1),i=a(5),o=a.n(i),s=a(2);const c=e=>{let{productBaseVariants:t,value:a,onChange:i,selectedVariants:c,enabled:u=!1}=e;const[d,m]=Object(l.useState)([]),[p,g]=Object(l.useState)([]),[A,b]=Object(l.useState)([]),[h,f]=Object(l.useState)(null);Object(l.useEffect)(()=>{let e=null;if(a){e=a&&a.productBaseVariant?a.productBaseVariant.id:null,g([e]);let t=a&&a.productBaseVariant&&a.productBaseVariant.attribute;f(t)}},[a]),Object(l.useEffect)(()=>{let e=[];
25251if(null===t||void 0===t?void 0:t.length){var a,l;let r=t.filter(e=>!e.disabled),i=t.filter(e=>e.disabled);r=r.map(e=>({value:e.id,label:e.attribute,disabled:!u&&c.includes(e.id)})),i=i.map(e=>({value:e.id,label:e.attribute,disabled:!u&&c.includes(e.id)})),(null===(a=r)||void 0===a?void 0:a.length)&&(e=[{value:null,label:n.a.createElement("span",{className:"heading"},"Popular Variants"),disabled:!0},...r]),(null===(l=i)||void 0===l?void 0:l.length)&&(e=[...e,{value:null,label:n.a.createElement("span",{className:"heading"},"Other Variants"),disabled:!0,id:"Heading"},...i])}b(e),m(e)},[t,c,u]);const v=Object(l.useCallback)(e=>{if(f(e),""===e)return void b(d);let t=e.replace(/\s\s+/g," ").split(" ");const a=d.filter(e=>Object(s.Db)(e.label,t));b(a)},[d]),E=Object(l.useCallback)(e=>{const l=e.map(e=>{const t=A.find(t=>t.value===e);return t&&t.label});g(e),f(o.a.head(l)),a.productBaseVariant=t.find(t=>t.id===o.a.head(e)),i&&i(a)},[A]),y=n.a.createElement(r.c.TextField,{label:"Variants",labelHidden:!0,value:h,onChange:v,disabled:!t.length});return n.a.createElement(r.c,{selected:p,onSelect:E,options:A,textField:y,emptyState:t.length?n.a.createElement("span",null,"No item found!"):null})}},,function(e,t,a){"use strict";a.d(t,"c",(function(){return r})),a.d(t,"p",(function(){return i})),a.d(t,"a",(function(){return o})),a.d(t,"b",(function(){return s})),a.d(t,"n",(function(){return c})),a.d(t,"j",(function(){return u})),a.d(t,"m",(function(){return d})),a.d(t,"k",(function(){return m})),a.d(t,"l",(function(){return p})),a.d(t,"i",(function(){return g})),a.d(t,"o",(function(){return A})),a.d(t,"d",(function(){return b})),a.d(t,"q",(function(){return h})),a.d(t,"g",(function(){return f})),a.d(t,"h",(function(){return v})),a.d(t,"f",(function(){return E})),a.d(t,"e",(function(){return y}));var l=a(35),n=a(43);const r=l.a` 25252 query getOrderDesigns($id: ID!, $productBaseId: ID!) { 25253 getOrderDesigns(id: $id, productBaseId: $productBaseId) { 25254 anotherDesigns { 25255 id 25256 file { 25257 ...FileFragment 25258 } 25259 } 25260 orderDesigns { 25261 id 25262 file { 25263 ...FileFragment 25264 } 25265 designPosition { 25266 id 25267 name 25268 displayName 25269 description 25270 productBaseId 25271 sorting 25272 artworkGuidelines { 25273 description 25274 file { 25275 ...FileFragment 25276 } 25277 } 25278 image { 25279 ...FileFragment 25280 } 25281 } 25282 } 25283 originProduct { 25284 id 25285 designPositions { 25286 id 25287 designPosition { 25288 id 25289 sorting 25290 image { 25291 ...FileFragment 25292 } 25293 } 25294 file { 25295 ...FileFragment 25296 } 25297 } 25298 } 25299 siblingDesigns { 25300 id 25301 file { 25302 ...FileFragment 25303 } 25304 } 25305 } 25306 } 25307 ${n.g} 25308`,i=l.a` 25309 query storeListOfMe { 25310 storeListOfMe { 25311 total 25312 nodes { 25313 ...StoreFragment 25314 } 25315 } 25316 } 25317 ${n.v} 25318`,o=l.a` 25319 query getMappingOrderAggregation($filter: MappingFilter) { 25320 getMappingOrderAggregation(filter: $filter) { 25321 ebayTotal 25322 amazonTotal 25323 etsyTotal 25324 onlineStoreTotal 25325 facebookTotal 25326 tiktokTotal 25327 } 25328 } 25329`,s=l.a` 25330 query getMappingProductSuggest($mappingId: ID!) { 25331 getMappingProductSuggest(mappingId: $mappingId) { 25332 id 25333 title 25334 sku 25335 designPositions { 25336 id 25337 designPosition { 25338 id 25339 name 25340 } 25341 file { 25342 id 25343 thumbnailUrl 25344 url 25345 } 25346 } 25347 fields { 25348 id 25349 title 25350 } 25351 productBases { 25352 id 25353 title 25354 slug 25355 fulfillment { 25356 fulfillmentTitle 25357 } 25358 variants { 25359 id 25360 attributes { 25361 name 25362 slug 25363 option 25364 } 25365 } 25366 25367 shippingOptions { 25368 id 25369 name 25370 } 25371 defaultShippingOptionId 25372 } 25373 mainImageId 25374 images { 25375 id 25376 file { 25377 id 25378 url 25379 thumbnailUrl 25380 } 25381 } 25382 variants { 25383 id 25384 disabled 25385 productBaseVariantId 25386 productBaseVariant { 25387 id 25388 attributes { 25389 name 25390 slug 25391 option 25392 } 25393 productBase { 25394 id 25395 title 25396 } 25397 } 25398 } 25399 } 25400 } 25401`,c=l.a` 25402 query reportOrdersPendingOrPendingDesign($filter: ReportOrdersFilter!) { 25403 reportOrdersPendingOrPendingDesign(filter: $filter) { 25404 ...reportOrdersResultFragment 25405 } 25406 } 25407 ${n.H} 25408`,u=l.a` 25409 query reportOrdersError($filter: ReportOrdersFilter!) { 25410 reportOrdersError(filter: $filter) { 25411 ...reportOrdersResultFragment 25412 } 25413 } 25414 ${n.H} 25415`,d=l.a` 25416 query reportOrdersOnHold($filter: ReportOrdersFilter!) { 25417 reportOrdersOnHold(filter: $filter) { 25418 ...reportOrdersResultFragment 25419 } 25420 } 25421 ${n.H} 25422`,m=l.a` 25423 query reportOrdersErrorFromMerchize($filter: ReportOrdersFilter!) { 25424 reportOrdersErrorFromMerchize(filter: $filter) { 25425 ...reportOrdersResultFragment 25426 } 25427 } 25428 ${n.H} 25429`,p=l.a` 25430 query reportOrdersErrorWithoutFFOrSupplier($filter: ReportOrdersFilter!) { 25431 reportOrdersErrorWithoutFFOrSupplier(filter: $filter) { 25432 ...reportOrdersResultFragment 25433 } 25434 } 25435 ${n.H} 25436`,g=l.a` 25437 query platformSaleStats($filter: PlatformSaleStatsFilter!) { 25438 platformSaleStats(filter: $filter) { 25439 total 25440 totalOrder 25441 nodes { 25442 ...ProductHasSaleStatFragment 25443 } 25444 } 25445 } 25446 ${n.k} 25447`,A=l.a` 25448 query reportTotalCostByFulfillment( 25449 $filter: ReportTotalCostByFulfillmentFilter! 25450 ) { 25451 reportTotalCostByFulfillment(filter: $filter) { 25452 totalCost 25453 totalAllCost 25454 totalOrders 25455 totalAllOrders 25456 total 25457 nodes { 25458 totalCost 25459 totalOrders 25460 orderCreatedAtStr 25461 } 25462 } 25463 } 25464`,b=l.a` 25465 query getOrderExportConfirmShipmentToDayV2( 25466 $filter: GetOrderExportConfirmShipmentToDayFilter! 25467 ) { 25468 getOrderExportConfirmShipmentToDayV2(filter: $filter) { 25469 total 25470 nodes { 25471 status 25472 order { 25473 id 25474 originId 25475 store { 25476 id 25477 title 25478 } 25479 } 25480 } 25481 } 25482 } 25483`,h=l.a` 25484 query totalMappingOrder($storeId: ID) { 25485 totalMappingOrder(storeId: $storeId) 25486 } 25487`,f=l.a` 25488 query getTaskAssigneeByOrderIDs($orderIds: [ID!]!) { 25489 getTaskAssigneeByOrderIDs(orderIds: $orderIds) { 25490 orderID 25491 assignee { 25492 firstName 25493 lastName 25494 } 25495 } 25496 } 25497`,v=l.a` 25498 query getTiktokLabelFiles($orderIDs: [ID!]!) { 25499 getTiktokLabelFiles(orderIDs: $orderIDs) 25500 } 25501`,E=l.a` 25502 query getOrderRelations($originID: String!) { 25503 getOrderRelations(originID: $originID) { 25504 id 25505 } 25506 } 25507`,y=l.a` 25508 query getOrderProgress($filter: OrderProgressFilter!) { 25509 getOrderProgress(filter: $filter) { 25510 id 25511 status 25512 syncAt 25513 createdAt 25514 } 25515 } 25516`},,,function(e,t,a){"use strict";a.d(t,"i",(function(){return n})),a.d(t,"a",(function(){return r})),a.d(t,"f",(function(){return i})),a.d(t,"b",(function(){return o}
25516)),a.d(t,"g",(function(){return s})),a.d(t,"j",(function(){return c})),a.d(t,"e",(function(){return u})),a.d(t,"c",(function(){return d})),a.d(t,"h",(function(){return m})),a.d(t,"d",(function(){return p}));var l=a(35);const n=l.a` 25517 mutation updateTeams($input: EditTeamInput!) { 25518 updateTeams(input: $input) 25519 } 25520`,r=l.a` 25521 mutation createDesignOnlineTeam($input: NewDesignOnlineTeam!) { 25522 createDesignOnlineTeam(input: $input) { 25523 id 25524 name 25525 } 25526 } 25527`,i=l.a` 25528 mutation updateDesignOnlineTeam($input: EditDesignOnlineTeam!) { 25529 updateDesignOnlineTeam(input: $input) { 25530 id 25531 name 25532 } 25533 } 25534`,o=l.a` 25535 mutation createDesignTeam($input: CreateDesignTeam!) { 25536 createDesignTeam(input: $input) { 25537 id 25538 name 25539 } 25540 } 25541`,s=(l.a` 25542 mutation createInternalTeam($input: CreateInternalTeam!) { 25543 createInternalTeam(input: $input) { 25544 id 25545 name 25546 } 25547 } 25548`,l.a` 25549 mutation updateInternalTeam($input: UpdateInternalTeam!) { 25550 updateInternalTeam(input: $input) { 25551 id 25552 name 25553 } 25554 } 25555`,l.a` 25556 mutation updateDesignTeam($input: UpdateDesignTeam!) { 25557 updateDesignTeam(input: $input) { 25558 id 25559 name 25560 } 25561 } 25562`),c=l.a` 25563 mutation updataTeam($input: UpdateTeamInput!) { 25564 updataTeam(input: $input) 25565 } 25566`,u=l.a` 25567 mutation EnablePrivateData($teamIds: [ID!]!) { 25568 enablePrivateDataForTeam(teamIds: $teamIds) 25569 } 25570`,d=l.a` 25571 mutation createInternalTeam($input: CreateInternalTeam!) { 25572 createInternalTeam(input: $input) { 25573 id 25574 name 25575 type 25576 } 25577 } 25578`,m=l.a` 25579 mutation updateInternalTeam($input: UpdateInternalTeam!) { 25580 updateInternalTeam(input: $input) { 25581 id 25582 name 25583 } 25584 } 25585`,p=l.a` 25586 mutation deleteInternalTeam($id: ID!) { 25587 deleteInternalTeam(id: $id) 25588 } 25589`},function(e,t,a){"use strict";a.d(t,"a",(function(){return r})),a.d(t,"g",(function(){return i})),a.d(t,"f",(function(){return o})),a.d(t,"b",(function(){return s})),a.d(t,"d",(function(){return c})),a.d(t,"h",(function(){return u})),a.d(t,"c",(function(){return d})),a.d(t,"e",(function(){return m})),a.d(t,"i",(function(){return p}));var l=a(35),n=a(43);const r=l.a` 25590 mutation adminGetUserToken($userID: ID!) { 25591 adminGetUserToken(userID: $userID) { 25592 id 25593 expiredAt 25594 user { 25595 ...UserFragment 25596 } 25597 } 25598 } 25599 ${n.E} 25600`,i=l.a` 25601 mutation updateUserHasPermissionAcceptAccessInTeam($userIds: [ID]!) { 25602 updateUserHasPermissionAcceptAccessInTeam(userIds: $userIds) { 25603 id 25604 } 25605 } 25606`,o=l.a` 25607 mutation updateManualOrderCreationNotice($userIds: [ID]!) { 25608 updateManualOrderCreationNotice(userIds: $userIds) { 25609 id 25610 } 25611 } 25612`,s=(l.a` 25613 mutation verify2faUser($code: String) { 25614 verify2faUser(code: $code) 25615 } 25616`,l.a` 25617 mutation enable2fa($input: NewEnable2FA!) { 25618 enable2fa(input: $input) 25619 } 25620`),c=l.a` 25621 mutation reGen2faCode { 25622 reGen2faCode { 25623 Secret 25624 Url 25625 } 25626 } 25627`,u=l.a` 25628 mutation verifyUpdate2faUser($input: VerifyUpdate2faUser!) { 25629 verifyUpdate2faUser(input: $input) 25630 } 25631`,d=l.a` 25632 mutation login($input: NewLogin!) { 25633 login(input: $input) { 25634 id 25635 expiredAt 25636 use2fa 25637 enable2fa 25638 otpUrl 25639 twoFASecret 25640 user { 25641 id 25642 firstName 25643 lastName 25644 email 25645 phone 25646 address 25647 extraMenus 25648 isRootUser 25649 isOnline 25650 viewOriginFile 25651 ignoreTwoFA 25652 privileges 25653 avatar { 25654 id 25655 name 25656 url 25657 } 25658 teamUser { 25659 team { 25660 id 25661 } 25662 role 25663 designOnlineTeamID 25664 team { 25665 id 25666 privateFeatures 25667 isRoot 25668 enablePrivateData 25669 } 25670 } 25671 teams { 25672 id 25673 privateFeatures 25674 isRoot 25675 address 25676 enablePrivateData 25677 } 25678 roles 25679 } 25680 } 25681 } 25682`,m=l.a` 25683 mutation sendActivationMaiToUser($userID: ID!) { 25684 sendActivationMaiToUser(userID: $userID) 25685 } 25686`,p=l.a` 25687 mutation verifyUserTeam($ids: [ID!]!) { 25688 verifyUserTeam(ids: $ids) 25689 } 25690`},function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAbwAAAG8B8aLcQwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAETSURBVDiNpdOxK8ZhEAfwz8kkWUlZFEJKBptRySwGC6NVBoOBRSal/AHKZFA2FrMsLAaTQZJBkUQZnMHvpxcvrzffenruuu5737t7nshMEdGJLTypjm68YiUztz9FMhOWMJ6Zqh2sYRgHGKuMNRY8zbj+oXqJF0xiPyLuMvMYGmokfVX7gAlsRkQPPhTUwimWI+K+8J8xi8U/EWTmTkQcVhTsx2g9CmTmbWlHRFtp1zWDavimICJaMIgTdOARrbjKzJuaBBjCNKbQhzks4DUiNsr1/UYALVhFL0Zwjz104RNBtRncYB2X3l/fWUEwgN2aLWTmeYU7X9xHPyj9/xZKgke015HXXuSIP37nr2jCTGZevAGVnmtQkpwZZAAAAABJRU5ErkJggg=="},,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var l=a(0),n=a.n(l),r=a(1),i=a(7),o=a(2),s=a(16);const c=e=>{const{orderIds:t,disabled:a,refetch:c,open:u,isAction:d,toggleShowModal:m}=e,[p,g]=Object(l.useState)(!1),[A,{data:b,loading:h,error:f}]=Object(i.c)(s.N,{onError:()=>{},onCompleted:()=>{c&&setTimeout(()=>{c()},1e3),m&&m(!1)}}),v=Object(l.useCallback)(()=>{A({variables:{orderIds:t}}),E()},[t]),E=Object(l.useCallback)(()=>g(e=>!e),[]);Object(l.useEffect)(()=>{u&&v()},[u]);
25690const y=p?(f||b&&b.chargeBaseCost)&&n.a.createElement(r.fb,{content:f?Object(o.ib)(f.toString()):b&&b.chargeBaseCost&&"Charge base cost success.",error:f,duration:2e3,onDismiss:E}):null;return n.a.createElement(n.a.Fragment,null,y,!d&&n.a.createElement(r.g,{size:"slim",loading:h,disabled:a,primary:!a,onClick:v,children:"Check & Charge base cost"}))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var l=a(0),n=a.n(l),r=a(1),i=a(7),o=a(2),s=a(16);const c=e=>{const{disabled:t,orderIds:a,updateCount:c,reload:u,isAction:d,open:m,toggleShowModal:p}=e,[g,A]=Object(l.useState)(!1),[b,h]=Object(l.useState)(!1),f=Object(l.useCallback)(()=>A(e=>!e),[]),[v,{data:E,loading:y,error:C}]=Object(i.c)(s.yc,{onError:()=>{f(),u&&setTimeout(()=>{u()},1e3)},onCompleted:()=>{c&&c("on_hold"),u&&setTimeout(()=>{u()},1e3),f(),p&&p(!1)}}),k=Object(l.useCallback)(()=>{v({variables:{orderIds:a}}),O()},[a]),O=Object(l.useCallback)(()=>h(e=>!e),[]);Object(l.useEffect)(()=>{A(m)},[m]);const j=b?(C||E&&E.passOnHold)&&n.a.createElement(r.fb,{content:C?Object(o.ib)(C.toString()):E&&E.passOnHold&&"Pass on hold success.",error:C,duration:2e3,onDismiss:O}):null;return n.a.createElement(n.a.Fragment,null,j,!d&&n.a.createElement(r.g,{size:"slim",disabled:t,primary:!t,onClick:f,children:"Pass on hold"}),n.a.createElement(r.E,{title:"Pass on hold",open:g,onClose:d?p:f,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:d?p:f}],primaryAction:{content:"Ok",onAction:k,loading:y}},n.a.createElement(r.bb,null,n.a.createElement("p",{id:"pass-hold_modal"}
25690,"Are you sure to pass on hold this order?"))))}},function(e,t,a){"use strict";a.d(t,"b",(function(){return c})),a.d(t,"a",(function(){return u}));var l=a(7),n=a(0),r=a.n(n),i=a(11),o=a(17);const[s,c]=Object(i.b)("OrderAssigneeContext");function u(e){let{data:t,screenOptions:a,children:n}=e;const i=(t||[]).map(e=>null===e||void 0===e?void 0:e.id).filter(Boolean),[c,u]=r.a.useState({});return Object(l.d)(o.qb,{variables:{orderIds:i},skip:!i||!a.includes("assignee"),onCompleted:e=>{var t;if((null===e||void 0===e||null===(t=e.getTaskAssigneeByOrderIDs)||void 0===t?void 0:t.length)>0){const t=(e.getTaskAssigneeByOrderIDs||[]).reduce((e,t)=>{if(!t||"object"!==typeof t||!t.orderID||!t.assignee||"object"!==typeof t.assignee)return e;const a=[t.assignee.firstName,t.assignee.lastName].filter(Boolean).join(" ");return e[t.orderID]=a,e},{});u(t)}}}),r.a.createElement(s,{value:c},n)}},function(e,t,a){"use strict";a.d(t,"a",(function(){return I}));var l=a(0),n=a.n(l),r=a(1),i=a(1022),o=a(1386),s=a(1387),c=a(1367),u=a(7),d=a(5),m=a(9),p=a(27),g=a.n(p),A=a(11),b=a(4),h=a(2),f=a(17),v=a(16),E=a(71),y=a(23),C=a(37),k=a(28),O=a(35);const j=m.b.div` 25691 .created_wrap { 25692 display: flex; 25693 flex-direction: row; 25694 column-gap: 1rem; 25695 margin-top: 1rem; 25696 } 25697 .input_wrap { 25698 flex: 1 1; 25699 position: relative; 25700 transition-duration: 85ms; 25701 transition-timing-function: ease; 25702 transition-property: padding-bottom; 25703 padding-bottom: ${e=>e.isFocus?"56px":""}; 25704 box-shadow: ${e=>e.isFocus?"0 4px 8px -2px rgba(9,30,66,.25), 0 0 0 1px rgba(9,30,66,.08)":"0 1px 2px -1px rgba(9,30,66,.25), 0 0 0 1px rgba(9,30,66,.08)"}; 25705 background-color: #fff; 25706 border-radius: 3px; 25707 transition: box-shadow 85ms ease; 25708 .Polaris-TextField__Backdrop { 25709 border: none; 25710 &::after { 25711 border: none; 25712 } 25713 } 25714 .actions_wrap { 25715 display: flex; 25716 justify-content: space-between; 25717 width: calc(100% - 2.3rem); 25718 position: absolute; 25719 bottom: 8px; 25720 left: 12px; 25721 transition-duration: 85ms; 25722 transition-timing-function: ease; 25723 transition-property: opacity, transform; 25724 opacity: ${e=>e.isFocus?"1":"0"}; 25725 transform: ${e=>e.isFocus?"translateY(0)":"translateY(48px)"}; 25726 } 25727 } 25728 .list-comment { 25729 margin-top: 2rem; 25730 z-index: 100; 25731 display: flex; 25732 flex-flow: column; 25733 row-gap: 0.5rem; 25734 .author-item { 25735 display: flex; 25736 flex-direction: row; 25737 column-gap: 1rem; 25738 align-items: flex-start; 25739 .user_wrap { 25740 display: flex; 25741 column-gap: 1rem; 25742 align-items: center; 25743 .time_wrap { 25744 font-size: 13px; 25745 } 25746 } 25747 .avatar_wrap { 25748 margin-top: 0.5rem; 25749 } 25750 .action_wrap { 25751 display: flex; 25752 flex-direction: row; 25753 column-gap: 1rem; 25754 .ant-btn { 25755 padding: 0; 25756 font-size: 13px; 25757 } 25758 } 25759 .info_wrap { 25760 width: 100%; 25761 .content_wrap { 25762 width: 100%; 25763 position: relative; 25764 padding: 6px 10px; 25765 display: inline-block; 25766 border-radius: 3px; 25767 box-shadow: 0 1px 2px -1px rgba(9, 30, 66, 0.25), 25768 0 0 0 1px rgba(9, 30, 66, 0.08); 25769 background-color: #fff; 25770 margin: 0.5rem 0; 25771 transition-duration: 85ms; 25772 transition-timing-function: ease; 25773 transition-property: padding-bottom; 25774 background-color: #fff; 25775 transition: box-shadow 85ms ease; 25776 &.edit { 25777 width: 100%; 25778 padding-bottom: 45px; 25779 box-shadow: 0 4px 8px -2px rgba(9, 30, 66, 0.25), 25780 0 0 0 1px rgba(9, 30, 66, 0.08); 25781 .actions_wrap { 25782 display: flex; 25783 opacity: 1; 25784 transform: translateY(0); 25785 } 25786 } 25787 .Polaris-TextField__Backdrop { 25788 border: none; 25789 box-shadow: none; 25790 &::after { 25791 box-shadow: none; 25792 border: none; 25793 } 25794 } 25795 .actions_wrap { 25796 display: none; 25797 justify-content: space-between; 25798 width: calc(100% - 2.3rem); 25799 position: absolute; 25800 bottom: 8px; 25801 left: 12px; 25802 transition-duration: 85ms; 25803 transition-timing-function: ease; 25804 transition-property: opacity, transform; 25805 opacity: 0; 25806 transform: translateY(48px); 25807 .close-btn { 25808 border: none; 25809 box-shadow: none; 25810 height: 25px; 25811 } 25812 } 25813 .show-img { 25814 display: flex; 25815 align-items: center; 25816 column-gap: 0.5rem; 25817 padding: 0.5rem 0 1rem 0.5rem; 25818 .Polaris-Icon { 25819 margin: 0; 25820 } 25821 } 25822 .content_inner { 25823 display: flex; 25824 .Polaris-Button { 25825 padding: 1rem 0 0 0; 25826 min-width: 2.5rem; 25827 min-height: 2.5rem; 25828 } 25829 .reject-reason { 25830 margin-top: 0.5rem; 25831 h4 { 25832 font-weight: 500; 25833 display: inline-block; 25834 margin-right: 0.5rem; 25835 } 25836 } 25837 } 25838 } 25839 } 25840 } 25841 } 25842 .Polaris-Button--plain.Polaris-Button--iconOnly:focus, 25843 .Polaris-Button--plain.Polaris-Button--iconOnly:active { 25844 background: transparent; 25845 } 25846`,w=m.b.div` 25847 .list-file_wrap { 25848 width: 150px; 25849 height: 150px; 25850 .file_wrap { 25851 height: 100%; 25852 } 25853 } 25854`,S=/\|/,I=e=>{var t,a,m;let{taskId:p,hideTitle:O}=e;const{currentUser:I}=Object(l.useContext)(A.a),B=null===I||void 0===I?void 0:I.id,P=null===I||void 0===I||null===(t=I.firstName)||void 0===t?void 0:t.trim(),x=null===I||void 0===I||null===(a=I.lastName)||void 0===a?void 0:a.trim(),M=null===P||void 0===P?void 0:P.charAt(0),T=null===x||void 0===x?void 0:x.charAt(0),Q=null===I||void 0===I?void 0:I.roles,R=null===I||void 0===I||null===(m=I.teamUser)||void 0===m?void 0:m.role;let F=!1,N=!1;Q.includes(b.pb.Seller)&&([b.gb.DesignLeader,b.gb.Designer,b.gb.Admin,b.gb.MarketplaceManager,b.gb.StoreManager,b.gb.Idea,b.gb.IdeaLeader].includes(R)&&(F=!0),[b.gb.Admin].includes(R)&&(N=!0));const[U,L]=Object(l.useState)({limit:4,offset:0}),[V,z]=Object(l.useState)(!1),[q,H]=Object(l.useState)(""),[$,_]=Object(l.useState)([]),[G,K]=Object(l.useState)({}),[J,Y]=Object(l.useState)({}),[W,Z]=Object(l.useState)({}),[X,ee]=Object(k.a)(!1),[te,ae]=Object(l.useState)([]),[le,ne]=Object(l.useState)({}),[re,ie]=Object(l.useState)({}),[oe,se]=Object(l.useState)({}),[ce,ue]=Object(l.useState)({}),[de,me]=Object(k.a)(!1),[pe,ge]=Object(l.useState)({message:null,isError:!1}),[Ae,{data:be,loading:he,error:fe}]=Object(u.b)(f.p),[ve,{loading:Ee,client:ye}]=Object(u.c)(v.T,{onCompleted:e=>{let t=null===e||void 0===e?void 0:e.createComment;if(t){const e={filter:{...U,taskId:p}},a=ye.readQuery({query:f.p,variables:e});ye.writeQuery({query:f.p,variables:e,data:{...a,getComments:{...a.getComments,total:a.getComments.total+1,nodes:[t,...a.getComments.nodes]}}}),_(e=>[t,...e])}H(""),z(!1),ae([]),ge({message:"Add comment successfully.",isError:!1})},onError:e=>{ge({message:Object(h.ib)(e.toString()),isError:!0})}}),[Ce]=Object(u.c)(v.Ed,{onCompleted:e=>{let t=null===e||void 0===e?void 0:e.updateComment,a=null===t||void 0===t?void 0:t.id;if(t){const e={filter:{...U,taskId:p}},l=ye.readQuery({query:f.p,variables:e});ye.writeQuery({query:f.p,variables:e,data:{...l,getComments:{...l.getComments,nodes:l.getComments.nodes.map(e=>(e.id===(null===t||void 0===t?void 0:t.id)&&(e.content=null===t||void 0===t?void 0:t.content),e))}}}),Y(e=>({...e,[a]:!1})),K(e=>({...e,[a]:!1}))}},onError:()=>{}}),[ke]=Object(u.c)(v.sb,{onError:()=>{}});Object(l.useEffect)(()=>{p&&Ae({variables:{filter:{...U,taskId:p}}})},[p,U]),Object(l.useEffect)(()=>{var e;let t=null===be||void 0===be||null===(e=be.getComments)||void 0===e?void 0:e.nodes;t&&t.length&&_(t)},[be]);const Oe=Object(l.useCallback)(()=>{let e=(null===te||void 0===te?void 0:te.length)>0?te.map(e=>e.id):[];ge({message:null,isError:!1}),p&&ve({variables:{input:{content:q,taskId:p,files:e}}}),me()},[q,p,te]),je=Object(l.useCallback)((function(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];Y(t=>({...t,[e]:!0}));let l=a.length>0?a.map(e=>e.id):[];e&&Ce({variables:{input:{content:t,id:e,files:l}}})}),[]),we=Object(l.useCallback)(e=>{Z(t=>({...t,[e]:!0})),e&&ke({variables:{id:e}}).then(()=>{const t={filter:{...U,taskId:p}},a=ye.readQuery({query:f.p,variables:t});ye.writeQuery({query:f.p,variables:t,data:{...a,getComments:{...a.getComments,total:a.getComments.total-1,nodes:a.getComments.nodes.filter(t=>t.id!==e)}}}),Z(t=>({...t,[e]:!1}))}).catch(()=>{Z(t=>({...t,[e]:!1}))})},[U,p]),Se=Object(l.useCallback)(e=>{K(t=>({...t,[e]:!t[e]}))},[]),Ie=Object(l.useCallback)(e=>{ie(t=>({...t,[e]:!t[e]}))},[]),Be=Object(l.useCallback)(e=>{se(t=>({...t,[e]:!t[e]}))},[]),De=Object(l.useCallback)(e=>{L(t=>({...t,offset:e}))},[]),Pe=de?(null===pe||void 0===pe?void 0:pe.message)&&n.a.createElement(r.fb,{c
25854ontent:pe.message,error:pe.isError,duration:2e3,onDismiss:me}):null;let xe=!0;(q||te.length)&&(xe=!1);let Me=null===be||void 0===be?void 0:be.getComments.total,{limit:Te,offset:Qe}=U;const Re={page:Qe/Te+1,totalPage:Math.ceil(Me/Te),offset:Qe,limit:Te,onChange:De};return n.a.createElement(j,{isFocus:V},Pe,!O&&n.a.createElement("h3",null,"Comments:"),F?n.a.createElement("div",{className:"created_wrap",onFocus:()=>z(!0),onBlur:()=>z(!1)},n.a.createElement("div",null,n.a.createElement(r.d,{initials:M||T,size:"small"})),n.a.createElement("div",{className:"input_wrap"},n.a.createElement(r.cb,{value:q,onChange:e=>H(e),placeholder:"Write a comment..."}),n.a.createElement("div",{className:"actions_wrap"},n.a.createElement(r.g,{children:"Save",disabled:xe,primary:!0,onClick:()=>{Oe(),z(!0)},loading:Ee}),n.a.createElement(r.g,{icon:i.a,plain:!0,onClick:()=>{ee(),z(!0)}})))):null,he?n.a.createElement(y.SkeletonPagePolaris,{sizeSmall:!0}):fe?n.a.createElement("div",null,"Error: ",Object(h.ib)(fe.toString())):$&&$.length>0?n.a.createElement("div",{className:"list-comment_wrap"},n.a.createElement("div",{className:"list-comment"},$.map((e,t)=>{var a,l;let u=null===e||void 0===e?void 0:e.id,m=null===e||void 0===e?void 0:e.author,p=null===m||void 0===m?void 0:m.id,A=null===m||void 0===m?void 0:m.firstName,b=null===m||void 0===m?void 0:m.lastName,h=null===e||void 0===e?void 0:e.content,f=null===e||void 0===e?void 0:e.createdAt,v=null===e||void 0===e?void 0:e.updatedAt,y=f?g()(f).fromNow():null,C=(null===e||void 0===e?void 0:e.files)&&(null===e||void 0===e?void 0:e.files.length)&&(null===e||void 0===e?void 0:e.files[0]),k=C&&C.name?C.name:"",O=C&&(C.thumbnailUrl||C.url),j=null===e||void 0===e?void 0:e.rejectReason,I="";m?I=`${A} ${b}`:["Bot"].includes(null===e||void 0===e?void 0:e.authorId)&&(I=null===e||void 0===e?void 0:e.authorId);const P=S.test(j);let x="";return P&&([j,x]=j.split(S)),n.a.createElement("div",{className:"author-item",key:t},n.a.createElement("div",{className:"avatar_wrap"},n.a.createElement(r.d,{initials:(null===A||void 0===A||null===(a=A.trim())||void 0===a?void 0:a.charAt(0))||(null===b||void 0===b||null===(l=b.trim())||void 0===l?void 0:l.charAt(0)),size:"small"})),n.a.createElement("div",{className:"info_wrap"},n.a.createElement("div",{className:"user_wrap"},n.a.createElement("strong",null,I),n.a.createElement("i",{className:"time_wrap"},`${y}${Object(d.isEqual)(f,v)?".":" (edited)."}`)),n.a.createElement("div",{className:"content_wrap "+(G[u]?"edit":"")},G[u]?n.a.createElement(n.a.Fragment,null,n.a.createElement(r.cb,{multiline:2,value:h,onChange:e=>{let a=$;a[t].content=e,_(()=>[...a])},autoFocus:!0,placeholder:"Enter content"}),C?n.a.createElement("div",{className:"show-img"},n.a.createElement(r.w,{source:o.a}),n.a.createElement("p",null,k)):null):n.a.createElement("div",{className:"content_inner"},n.a.createElement("div",null,n.a.createElement("div",null,n.a.createElement("p",null,h),P?n.a.createElement(D,{fileIds:x}):null),n.a.createElement("p",{style:{textDecoration:"underline",cursor:"pointer"},onClick:()=>ne(()=>({[u]:C}))},k),ce[u]?n.a.createElement("div",{className:"reject-reason"},n.a.createElement("h4",null,"Reject reason:"),n.a.createElement("span",null,j)):null),j?n.a.createElement("div",null,n.a.createElement(r.g,{plain:!0,icon:s.a,onClick:()=>ue(e=>({...e,[u]:!e[u]}))})):null,n.a.createElement(r.E,{open:!!le[u],onClose:()=>ne(()=>({[u]:!1})),title:"File image",sectioned:!0},n.a.createElement("div",{style:{display:"flex",justifyContent:"center"}},n.a.createElement("img",{src:O,alt:"",style:{width:"auto",height:"auto",objectFit:"cover"}})))),G[u]?n.a.createElement("div",{className:"actions_wrap"},n.a.createElement("div",{style:{display:"flex",columnGap:"1rem"}},n.a.createElement(r.g,{children:"Save",primary:!0,onClick:()=>je(u,h,e.files),loading:!!J[u]}),n.a.createElement(r.g,{icon:c.a,onClick:()=>Se(u),plain:!0})),n.a.createElement(r.g,{icon:i.a,plain:!0,onClick:()=>Ie(u)}),n.a.createElement(r.E,{open:!!re[u],onClose:()=>Ie(u),title:"File comment",primaryAction:{content:"Done",onAction:()=>Ie(u)},sectioned:!0}
25854,n.a.createElement(w,null,n.a.createElement(E.a,{accept:"image/*",value:null===e||void 0===e?void 0:e.files,multiple:!1,singleUpload:!0,isUploadDesign:!0,sizeSmall:!0,onChange:e=>{$[t].files=e}})))):null),([B].includes(p)||N)&&n.a.createElement("div",{className:"action_wrap"},n.a.createElement(r.g,{children:"Edit",onClick:()=>Se(u),plain:!0}),n.a.createElement(r.g,{children:"Delete",destructive:!0,plain:!0,onClick:()=>Be(u)}),n.a.createElement(r.E,{title:"Delete comment",open:!!oe[u],onClose:()=>Be(u),sectioned:!0,secondaryActions:[{content:"Cancel",onAction:()=>Be(u)}],primaryAction:{content:"Delete",onAction:()=>we(u),loading:!!W[u]}},n.a.createElement("p",null,"Are you sure to delete this comment?")))))})),n.a.createElement("div",{className:"mt-8"},n.a.createElement(C.PaginationPolaris,{aggregation:Re}))):null,n.a.createElement(r.E,{open:X,title:"Attach file",onClose:()=>{ee(),z(()=>!1)},sectioned:!0,primaryAction:{content:"Done",onAction:()=>{ee(),z(()=>!0)}}},n.a.createElement(w,null,n.a.createElement(E.a,{accept:"image/*",multiple:!1,isUpdateDesign:!0,sizeSmall:!0,onChange:e=>{ae(()=>e)}}))))},B=O.a` 25855 query fileById($id: ID!) { 25856 fileById(id: $id) { 25857 id 25858 thumbnailUrl 25859 url 25860 } 25861 } 25862`;function D(e){let{fileIds:t}=e;const a=(t||"").split(/\,/),[l,i]=n.a.useState([]),[o,s]=n.a.useState(!1);return n.a.useEffect(()=>{let e=[];!async function(){s(!0);const{__apolloClient__:t}=window;e=await Promise.allSettled((a||[]).map(e=>t.query({query:B,variables:{id:e}}))).then(e=>(e||[]).filter(e=>{let{status:t}=e;return"fulfilled"===t}).map(e=>{let{value:t}=e;const{data:{fileById:a}}=t||{},{url:l}=a||{},[n]=(l||"").split(/\?/);return{href:n,url:l}})),i(e),s(!1)}()},[]),o?n.a.createElement(r.X,{size:"small"}):(null===l||void 0===l?void 0:l.length)>0?n.a.createElement(P,{className:"url-wrap"},l.map((e,t)=>{let{href:a,url:l}=e;return n.a.createElement("li",{key:`file-${a}-${t}`},n.a.createElement("a",{target:"_blank",children:a,href:l}))})):null}const P=m.b.ul` 25863 list-style-type: none; 25864 margin: 0; 25865 padding: 0; 25866 display: flex; 25867 flex-direction: column; 25868 gap: 5px; 25869 25870 a { 25871 word-break: break-word; 25872 } 25873`},function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var l=a(0),n=a.n(l),r=a(1),i=a(9);const o=i.b.div` 25874 width: 220px; 25875 display: flex; 25876 flex-wrap: wrap; 25877`,s=i.b.div` 25878 display: flex; 25879 align-items: center; 25880 position: relative; 25881 cursor: pointer; 25882 z-index: 1; 25883 transform: ${e=>e.index?`translateX(-${e.index%5*12}px)`:"translateX(0px)"}; 25884 .Polaris-Avatar { 25885 border: 2px solid #fff; 25886 width: calc(4rem + 4px); 25887 } 25888 .tolltip { 25889 visibility: hidden; 25890 background-color: black; 25891 color: #fff; 25892 text-align: center; 25893 border-radius: 6px; 25894 padding: 5px 8px; 25895 position: absolute; 25896 top: 100%; 25897 left: 50%; 25898 transform: translateX(-50%); 25899 } 25900 &:hover { 25901 z-index: 2; 25902 .tolltip { 25903 visibility: visible; 25904 } 25905 } 25906`,c=e=>{let{owners:t}=e,a=(t||[]).filter(e=>"Owner"===e.role);return n.a.createElement(o,null,a.map((e,t)=>n.a.createElement(s,{key:t,index:t},n.a.createElement(r.d,{source:e.user&&e.user.avatar&&e.user.avatar.thumbnailUrl?e.user.avatar.thumbnailUrl:null,initials:e&&e.user&&e.user.firstName&&e.user.firstName.charAt(0)||e&&e.user&&e.user.lastName&&e.user.lastName.charAt(0)}),n.a.createElement("span",{className:"tolltip"},`${e&&e.user&&e.user.firstName} ${e&&e.user&&e.user.lastName} `))))}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,a){"use strict";var l=a(0),n=a.n(l),r=a(1);t.a=e=>{const[t,a]=Object(l.useState)("");return n.a.createElement("div",{style:{minHeight:"60rem"}},n.a.createElement(r.cb,{value:t,onChange:t=>{a(t),e.onChange(t)},helpText:"Enter each image url per line",multiline:4}))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var l=a(0),n=a.n(l),r=a(1),i=a(9),o=a(21),s=a(71);const c=i.b.div` 25907 .btns_wrap { 25908 display: flex; 25909 flex-direction: row-reverse; 25910 } 25911`,u=e=>{const{toggleShowModal:t,task:a,onSubmit:i,loading:u}=e,[d,m]=Object(l.useState)(""),[p,g]=Object(l.useState)([]),[A,b]=Object(l.useState)({reason:null}),h=Object(l.useCallback)(e=>{let t=null;e||(t="Reason is required."),b(e=>({...e,reason:t}))},[]),f=Object(l.useCallback)(e=>{h(e),m(e)},[]),v=Object(l.useCallback)(e=>{let t=e&&e.length>0?e.map(e=>e.id):[];(null===t||void 0===t?void 0:t.length)>0&&m(e=>""===e?" ":e),g(t)},[]),E=Object(l.useCallback)(()=>{h(d);
25911let e={id:null===a||void 0===a?void 0:a.id,rejectReason:d,rejectResources:p};d&&i&&i(e)},[d,p,a]);return n.a.createElement(c,null,n.a.createElement(r.t,null,n.a.createElement("div",null,n.a.createElement(o.a,{label:"Reason",required:!0}),n.a.createElement(r.cb,{value:d,onChange:f,multiline:2,error:A.reason})),n.a.createElement("div",null,n.a.createElement(o.a,{label:"Attachments"}),n.a.createElement(s.a,{multiple:!0,onChange:v})),n.a.createElement("div",{className:"btns_wrap"},n.a.createElement(r.h,null,n.a.createElement(r.g,{children:"Cancel",onClick:t}),n.a.createElement(r.g,{children:"Submit",primary:!0,onClick:E,loading:u})))))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return b}));var l=a(0),n=a.n(l),r=a(1),i=a(1373),o=a(1374),s=a(1375),c=a(9),u=a(4),d=a(52),m=a(136),p=a(2),g=a(462),A=a.n(g);const b=e=>{const{file:t,index:a,handleRemove:c,isUpdateDesign:g,dPName:b,isMainImg:v,hasMainImg:E,mainImage:y,setMainImage:C,hideBtnRemove:k,showTitle:O,fromIdeaTask:j,filesHaveFiles:w=[]}=e,[S,I]=Object(l.useState)(null),[B,D]=Object(l.useState)({}),[P,x]=Object(l.useState)(null),[M,T]=Object(l.useState)(!1),[Q,R]=Object(l.useState)(null),[F,N]=Object(l.useState)(w);Object(l.useEffect)(()=>{if(T(!0),t){const e=setTimeout(()=>{x(t),T(!1)},1e3);R(e)}},[t]),Object(l.useEffect)(()=>{(null===w||void 0===w?void 0:w.length)>0&&N(w)},[w]),Object(l.useEffect)(()=>()=>clearTimeout(Q),[]);const U=Object(l.useCallback)(e=>I(()=>e),[]),L=Object(l.useCallback)(()=>I(()=>null),[]);let V=!0,z=null===P||void 0===P?void 0:P.mimeType;if(!z){var q;let e=null===P||void 0===P||null===(q=P.name)||void 0===q?void 0:q.split(".");z=(null===e||void 0===e?void 0:e.length)>0?e[e.length-1]:null}z&&(u.A.includes(z&&z.toLowerCase())||(V=!1));const H={width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",textOverflow:"ellipsis",padding:"1.6rem"};let $=(null===P||void 0===P?void 0:P.thumbnailUrl)||"";$.length>0&&($=Object(p.Lb)($));let _=P?P.thumbnail?P.thumbnail:P.url?P.url:null:null;const G=P&&(P.url?P.url:$),K=P?P.name:"",J=P?`${K} (#${P.id})`:"",Y=Object(l.useCallback)(e=>t=>{(null===t||void 0===t?void 0:t.preventDefault)&&t.preventDefault(),(null===t||void 0===t?void 0:t.stopPropagation)&&t.stopPropagation(),D(t=>({...t,[e]:!t[e]}))},[]),W=Object(l.useCallback)(e=>()=>{D(t=>({...t,[e]:!t[e]}))},[]),Z=null===P||void 0===P?void 0:P.id,X=B[Z];return Object(l.useEffect)(()=>{X&&N(e=>{let t=[...e];const a=(t||[]).findIndex(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===Z});return a>-1&&(t=[t[a],...t.filter((e,t)=>t!==a)]),t})},[X,Z]),n.a.createElement(f,{className:"file-item "+(V?"":"non-image"),isMainImg:v},M?n.a.createElement(r.X,null):P&&n.a.createElement(n.a.Fragment,null,E&&n.a.createElement(r.j,{checked:!!y[P.id],onChange:C}),n.a.createElement("div",{className:"file_wrap "+(V?"":"non-image"),key:"file-"+a,onMouseOver:()=>U(a),onMouseLeave:()=>L(a)},g?n.a.createElement("label",null,b):null,!V&&n.a.createElement("div",{style:H,className:"psd-wrap"},n.a.createElement("img",{src:A.a,alt:"",className:"psd-icon",style:{maxWidth:20,height:"auto"}}),n.a.createElement(d.a,{href:G},P&&P.name?P.name:null)),n.a.createElement("div",{className:"file_inner",style:{backgroundImage:`url(${$||P.url})`}}),n.a.createElement("div",{className:"actions_wrap "+(S===a?"visible":""),onClick:Y(P.id),style:{cursor:"pointer"}},V?n.a.createElement("div",{className:"view-btn"},n.a.createElement(r.g,{plain:!0,icon:i.a,onClick:Y(P.id)})):null,!k&&n.a.createElement("div",null,n.a.createElement(r.g,{plain:!0,icon:o.a,onClick:()=>c(P&&P.id)})),g?n.a.createElement("div",null,n.a.createElement(d.a,{href:_},n.a.createElement(r.w,{source:s.a}))):null)),O&&n.a.createElement("span",{className:"file-name",title:K},K),j?n.a.createElement(m.a,{item:{images:F},open:!!B[P.id],toggleShowModal:W(P.id),large:!0}):n.a.createElement(r.E,{open:!!B[P.id],onClose:()=>D(e=>({...e,[P.id]:!e[P.id]})),title:"File: "+J,large:!0,sectioned:!0},V?n.a.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",rowGap:"1rem",textAlign:"center"}},n.a.createElement("div",{className:"preview-file"},n.a.createElement("img",{alt:"",src:h(P),style:{maxWidth:"100%",objectFit:"cover"}}))):n.a.createElement("div",{style:H},n.a.createElement(d.a,{href:G},P&&P.name?P.name:null)))))};function h(e){let t=(null===e||void 0===e?void 0:e.thumbnailUrl)||"",a=Object(p.xb)(t),l=e&&e.url?e.url:t||null;return a?Object(p.Lb)(t):l}const f=c.b.div` 25912 display: flex; 25913 justify-content: center; 25914 align-items: center; 25915 height: 100%; 25916 border: ${e=>e.isMainImg?"2px solid #3f4eae":""}; 25917 25918 &.non-image { 25919 width: auto !important; 25920 height: auto !important; 25921 25922 .file_wrap { 25923 display: flex; 25924 column-gap: 5px; 25925 } 25926 25927 .file_inner { 25928 width: unset !important; 25929 height: unset !important; 25930 background: unset !important; 25931 } 25932 25933 .psd-wrap { 25934 align-items: start !important; 25935 } 25936 25937 .psd-icon { 25938 margin-right: 5px; 25939 } 25940 25941 .actions_wrap { 25942 cursor: pointer; 25943 position: relative; 25944 visibility: visible; 25945 padding: 0; 25946 background: transparent; 25947 25948 .Polaris-Icon { 25949 svg { 25950 fill: unset; 25951 } 25952 } 25953 } 25954 } 25955 25956 .file_wrap { 25957 width: 100%; 25958 height: 28rem; 25959 object-fit: cover; 25960 border-radius: 3px; 25961 position: relative; 25962 box-shadow: 0 -1px 15px -3px rgba(0, 0, 0, 0.1), 25963 0 4px 6px 2px rgba(0, 0, 0, 0.1); 25964 position: relative; 25965 overflow: hidden; 25966 .file_inner { 25967 width: 100%; 25968 height: 100%; 25969 background-size: cover; 25970 background-position: center; 25971 } 25972 &:hover { 25973 label { 25974 transform: translateY(5rem); 25975 } 25976 } 25977 label { 25978 font-size: 1.4rem; 25979 font-weight: 500; 25980 position: absolute; 25981 bottom: 0; 25982 left: 0; 25983 width: 100%; 25984 background: rgba(255, 255, 255, 0.65); 25985 padding: 0.5rem; 25986 font-weight: 500; 25987 transform: translateY(0); 25988 transition: 0.3s all ease-out; 25989 z-index: 10; 25990 text-align: center; 25991 display: inline-block; 25992 } 25993 } 25994 .actions_wrap { 25995 position: absolute; 25996 top: 0; 25997 left: 0; 25998 bottom: 0; 25999 right: 0; 26000 padding-top: 1rem; 26001 padding-right: 1rem; 26002 display: flex; 26003 justify-content: flex-end; 26004 align-items: start; 26005 flex-direction: row; 26006 column-gap: 1.5rem; 26007 visibility: hidden; 26008 background: linear-gradient( 26009 180deg, 26010 rgba(33, 43, 54, 0.55), 26011 hsla(0, 0%, 100%, 0) 26012 ); 26013 .view-btn { 26014 .Polaris-Icon { 26015 height: 2.2rem; 26016 width: 2.2rem; 26017 } 26018 } 26019 .Polaris-Icon { 26020 svg { 26021 fill: hsla(0, 0%, 100%, 0.8); 26022 } 26023 } 26024 &.visible { 26025 visibility: visible; 26026 } 26027 } 26028 .Polaris-Link { 26029 word-break: break-all; 26030 } 26031`},,function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var l=a(1),n=a(0),r=a.n(n),i=a(2),o=a(53),s=a(262);const c=[{label:"All",value:"All"},{label:"Admin",value:"Admin"},{label:"Store Manager",value:"Store Manager"},{label:"Marketplace Manager",value:"Marketplace Manager"},{label:"Supporter",value:"Supporter"},{label:"Designer",value:"Designer"},{label:"Supplier",value:"Supplier"},{label:"Design Leader",value:"Design Leader"},{label:"Idea",value:"Idea"},{label:"Idea Leader",value:"Idea Leader"},{label:"Fulfillment",value:"Fulfillment"},{label:"Accountant",value:"Accountant"},{label:"Artist",value:"Artist"},{label:"Artist Leader",value:"Artist Leader"},{label:"Channel Leader",value:"Channel Leader"},{label:"Channel Seller",value:"Channel Seller"},{label:"Channel Idea",value:"Channel Idea"},{label:"Channel Support Leader",value:"Channel Support Leader"},{label:"Channel Supporter",value:"Channel Supporter"},{label:"Platform Manager",value:"Platform Manager"}],u=["All","Idea","Idea Leader","Designer"],d=e=>{let{filter:t,onChange:a,isLeadSpecial:d,isIdeaLeader:m}=e;const[p,g]=Object(n.useState)(null),[A,b]=Object(n.useState)({value:t.status,label:!0===t.status?"Active":!1===t.status?"Inactive":null}),[h,f]=Object(n.useState)({value:t.role,label:t.role}),v=Object(n.useRef)(null);Object(n.useEffect)(()=>{t&&t.search&&g(t.search)},[t]),Object(n.useEffect)(()=>{v.current&&clearTimeout(v.current),a&&(v.current=setTimeout(()=>{a({search:p?p.trim():p,status:A.value,role:h.value})},300))},[p,A,h]);const E=Object(n.useCallback)(e=>g(e),[]),y=Object(n.useCallback)(()=>g(null),[]),C=Object(n.useCallback)(()=>b({value:null,label:null}),[]),k=Object(n.useCallback)(()=>f({value:null,label:null}),[]),O=Object(n.useCallback)(()=>{y(),C(),k()},[y,C,k]),j=Object(n.useMemo)(()=>m?c.filter(e=>u.includes(e.value)):c,[m]),w=[{key:"status",label:"Status",filter:r.a.createElement(s.a,{status:A&&A.value,onChange:(e,t)=>
26031b(a=>({...a,value:e,label:t}))})},...d?[]:[{key:"roles",label:"Roles",filter:r.a.createElement(o.a,{value:h&&h.value,options:j,onChange:e=>{let{value:t,label:a}=e;return f(e=>({...e,value:t,label:a}))}})}]],S=[];if(!Object(i.tb)(A.label)){const e="status";S.push({key:e,label:I(e,A.label),onRemove:C})}if(!Object(i.tb)(h.label)){const e="roles";S.push({key:e,label:I(e,h.label),onRemove:k})}return r.a.createElement(l.r,{queryValue:p,queryPlaceholder:"Search member",onQueryChange:E,onQueryClear:y,onClearAll:O,filters:w,appliedFilters:S});function I(e,t){switch(e){case"status":return"Status: "+t;case"roles":return"Role: "+t;default:return t}}}},,,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var l=a(0),n=a.n(l),r=a(1);const i=[{value:"All",label:"All"},{value:!1,label:"Normal"},{value:!0,label:"Personalized"}],o=e=>{let{productType:t,setProductType:a}=e;const[o,s]=Object(l.useState)(["All"]);Object(l.useEffect)(()=>{null===t.value?s(["All"]):s([t.value])},[t]);const c=Object(l.useCallback)(e=>{const t=e.map(e=>{const t=i.find(t=>t.value===e);return t&&t.label});a&&a("All"!==e[0]?e[0]:null,"All"!==t[0]?t[0]:null),s(e)},[]);return n.a.createElement(r.k,{title:"product type",titleHidden:!0,selected:o,choices:i,onChange:c})}},,function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var l=a(26),n=a.n(l),r=a(0),i=a(11),o=a(2),s=a(4);const c=[{value:"orderId",label:"Order ID",priority:5},{value:"originId",label:"Origin ID",priority:5,roles:[s.k,s.pb.Seller],conditional:e=>{let{viewAs:t,role:a}=e;return![s.k].includes(a)||t!==s.pb.Supplier}},{value:"product",label:"Product",priority:6},{value:"designFiles",label:"Design Files",priority:7,roles:[s.pb.Seller],teamRoles:[s.gb.Supplier]},{value:"productBases",label:"Product Bases",priority:10},{value:"productVariant",label:"Attributes",priority:15},{value:"mappingOrder",label:"Mapping Order",priority:16},{value:"buyerName",label:"Buyer Name",priority:19},{value:"qty",label:"Quantity",priority:20},{value:"originQty",label:"Origin Quantity",priority:21},{value:"cost",label:"Cost",priority:25},{value:"shippingCost",label:"Shipping Cost",priority:30,roles:[s.k,s.pb.Seller],teamRoles:[s.gb.Admin,s.gb.MarketplaceManager,s.gb.StoreManager,s.gb.DesignLeader,s.gb.Fulfillment,s.gb.Accountant]},{value:"revenue",label:"Revenue",priority:35,roles:[s.k,s.pb.Seller],teamRoles:[s.gb.Admin,s.gb.StoreManager,s.gb.MarketplaceManager,s.gb.Fulfillment,s.gb.Accountant],conditional:e=>{let{viewAs:t,role:a}=e;return![s.k].includes(a)||t!==s.pb.Supplier}},{value:"teamName",label:"Team Name",priority:36,roles:[s.k]},{value:"store",label:"Store",priority:40,roles:[s.k,s.pb.Seller],conditional:e=>{let{viewAs:t,role:a}=e;return![s.k].includes(a)||t!==s.pb.Supplier}},{value:"storeManager",label:"Store Manager",priority:45,roles:[s.k,s.pb.Seller],teamRoles:[s.gb.Admin,s.gb.StoreManager,s.gb.MarketplaceManager,s.gb.Fulfillment],conditional:e=>{let{viewAs:t,role:a}=e;return![s.k].includes(a)||t!==s.pb.Supplier}},{value:"fulfillment",label:"Fulfillment",priority:50,roles:[s.k,s.pb.Seller],teamRoles:[s.gb.Admin,s.gb.MarketplaceManager,s.gb.StoreManager,s.gb.DesignLeader,s.gb.Fulfillment]},{value:"supplier",label:"Supplier",priority:55,roles:[s.k]},{value:"carrier",label:"Carrier",priority:60},{value:"shippingOption",label:"Shipping Option",priority:61},{value:"printingDate",label:"Printing Date",priority:65,roles:[s.k,s.pb.Supplier],status:[null,s.K.Printing,s.K.Fulfilled],conditional:e=>{let{viewAs:t,role:a}=e;return![s.k].includes(a)||t===s.pb.Supplier}},{value:"createdAt",label:"Created At",priority:70},{value:"tracking",label:"Tracking",priority:75},{value:"status",label:"Status",priority:80},{value:"taskStatus",label:"Task status",priority:85,status:[null,s.K.PendingDesign,s.K.InProduction],teamRoles:[s.gb.Supporter,s.gb.Admin,s.gb.Fulfillment],roles:[s.pb.Seller]},{value:"assignee",label:"Assignee",priority:86,status:[null,s.K.PendingDesign,s.K.OnHold,s.K.InProduction,s.K.Fulfilled,s.K.DesignRejected,s.K.Error],roles:[s.pb.Seller],teamRoles:[s.gb.Admin,s.gb.Fulfillment]},{value:"acceptedBy",label:"Accepted By",priority:87,status:[null,s.K.OnHold,s.K.InProduction,s.K.Fulfilled,s.K.DesignRejected,s.K.Error],roles:[s.pb.Seller],teamRoles:[s.gb.Admin,s.gb.Fulfillment]},{value:"bulkAcceptDesign",label:"Bulk Accept Design",priority:90,roles:[s.k,s.pb.Seller],teamRoles:[s.gb.Admin,s.gb.StoreManager,s.gb.MarketplaceManager,s.gb.Fulfillment],conditional:e=>{let{viewAs:t,role:a}=e;return![s.k].includes(a)||t!==s.pb.Supplier}},{value:"collection",label:"Collection",priority:95,roles:[s.k,s.pb.Seller],teamRoles:[s.gb.Admin,s.gb.StoreManager,s.gb.MarketplaceManager,s.gb.Fulfillment,s.gb.ChannelIdea,s.gb.ChannelSeller],conditional:e=>{let{viewAs:t,role:a}=e;return![s.k].includes(a)||t!==s.pb.Supplier}},{value:"tag",label:"Tag",priority:100,roles:[s.k,s.pb.Seller],teamRoles:[s.gb.Admin,s.gb.StoreManager,s.gb.MarketplaceManager,s.gb.Fulfillment,s.gb.ChannelIdea,s.gb.ChannelSeller],conditional:e=>{let{viewAs:t,role:a}=e;return![s.k].includes(a)||t!==s.pb.Supplier}}],u=(e,t)=>
26031{const{currentUser:a}=Object(i.c)(),l=n()(a,"roles[0]"),s=n()(a,"teamUser.role",null);return Object(r.useMemo)(()=>{const a=[];for(let n of c){if(Object(o.Gb)(n))continue;let r=!0,i=!0,c=!0;const{roles:u,teamRoles:d,status:m,conditional:p}=n;!Object(o.c)(u)&&l&&(r=u.includes(l)),!Object(o.c)(d)&&s&&(r=r&&d.includes(s)),Object(o.c)(m)||["",void 0].includes(t)||(c=m.includes(t)),p&&"function"===typeof p&&(i=p({viewAs:e,role:l}));[r,c,i].every(Boolean)&&a.push({label:n.label,value:n.value,priority:n.priority})}return a},[l,s,e,t])}},function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var l=a(7),n=a(1),r=a(0),i=a.n(r),o=a(2),s=a(19),c=a(16),u=a(41);function d(e){let{open:t,onClose:a,value:d,refetch:m,orderIDs:p,handleCompleted:g}=e;const[A,b]=Object(r.useReducer)(o.Hb,{selected:["no"]}),{setNotify:h,toggleToast:f}=Object(s.b)(),[v]=Object(u.a)(),[E,{loading:y}]=Object(l.c)(c.pc,{onCompleted:()=>{h({msg:"Update Order success",err:!1}),v(()=>{a&&a(),m&&m(),g&&g()},2e3)},onError:e=>{h({msg:Object(o.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}});Object(r.useEffect)(()=>{!!(null===d||void 0===d?void 0:d.isOrderLabel)&&b({selected:["yes"]})},[null===d||void 0===d?void 0:d.isOrderLabel]);const C=Object(r.useCallback)(()=>{var e;Object(o.c)(p)||E({variables:{ids:p,isLabel:(null===(e=A.selected)||void 0===e?void 0:e.length)>0&&"yes"===A.selected[0]}})},[E,h,f,p,A.selected]),k=Object(r.useCallback)(e=>{b({selected:e})},[]);return i.a.createElement(n.E,{title:"Mark as Tiktok Order Label",sectioned:!0,open:t,onClose:a,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:C,loading:y}},i.a.createElement(n.k,{choices:[{value:"no",label:"No"},{value:"yes",label:"Yes"}],selected:A.selected,title:"Is Order Label",onChange:k}))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return p}));var l=a(7),n=a(1),r=a(26),i=a.n(r),o=a(0),s=a.n(o),c=a(16),u=a(2),d=a(34),m=a(19);function p(e){let{value:t,orderIDs:a,thirdPartyFF:r,open:p,onClose:g,refetch:A,isPrintway:b,isPrintify:h,isPGPrints:f,isPrintBelle:v,isBulkAction:E}=e;const{id:y,fulfillmentServiceShippingOption:C}=t||{},[k,O]=Object(o.useState)([]),[j,w]=Object(o.useState)([null]),{toggleToast:S,setNotify:I}=Object(m.b)(),B=Object(o.useRef)(null),D=E?c.F:c.Sd,[P,{loading:x}]=Object(l.c)(D,{onCompleted:()=>{I({msg:"Update shipping option success.",err:!1}),B.current=setTimeout(()=>{A&&A()},1500),g&&g(!1)},onError:e=>{I({msg:Object(u.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}});Object(o.useEffect)(()=>{null!=C&&w([C])},[C]),Object(o.useEffect)(()=>{if(null==r||"object"!==typeof r)return;const e=Object.entries(r).map(e=>{let[t,a]=e;return{value:t,label:a}});v||e.unshift({value:null,label:"Default"}),O(e)},[r,v]),Object(o.useEffect)(()=>{if(!b)return;const e=i()(t,"productVariant.productBaseVariant.fulfillmentSku");e&&async function(e){const t=await Object(d.B)([e]);if(!Object(u.c)(t)){const a=t.find(t=>t.itemSKU===e);if(!Object(u.Gb)(a)&&!Object(u.c)(a.shippingServices)){const e=a.shippingServices.map(e=>"string"===typeof e?{value:e,label:e}:{value:e.code,label:e.name});e.unshift({value:null,label:"Default"}),O(e)}}}(e)},[b,t]),Object(o.useEffect)(()=>{if(!h&&!f)return;const e=i()(t,"productVariant.productBaseVariant.productBase.id");e&&async function(e){if(h){const t=await Object(d.A)(e);t.length>0&&O(t)}else if(f){const t=await Object(d.z)(e);t.length>0&&O(t)}}(e)},[h,f,t]),Object(o.useEffect)(()=>()=>{B.current&&clearTimeout(B.current)},[]);const[M]=j||[],T=Object(o.useCallback)(()=>{if(E){if(Object(u.c)(a))return}else if(!y)return;S&&S(),I({msg:null,err:!1}),P({variables:{...E?{orderIds:a}:{orderId:y},newShippingOption:M}})},[M,E,y,a,P,S,I]);return s.a.createElement(n.E,{title:"Update shipping option",open:p,onClose:g,sectioned:!0,primaryAction:{content:"Submit",onAction:T,loading:x},secondaryActions:[{content:"Cancel",onAction:g}]},s.a.createElement(n.k,{choices:k,selected:j,title:"Shipping Options",onChange:e=>w(e)}))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var l=a(7),n=a(1),r=a(0),i=a.n(r),o=a(16),s=a(2),c=a(19),u=a(41);function d(e){let{value:t,orderIDs:a,open:d,onClose:m,refetch:p,handleCompleted:g}=e;const{enabled48HFulfillment:A}=t||{},[b,h]=Object(r.useState)([!!A]),{toggleToast:f,setNotify:v}=Object(c.b)(),[E]=Object(u.a)(),[y,{loading:C}]=Object(l.c)(o.Ib,{onCompleted:()=>{v({msg:"Enabled/Disabled 48H Fulfillment success.",err:!1}),m&&m(!1),E(()=>{p&&p(),g&&g()},1500)},onError:e=>{v({msg:Object(s.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}});Object(r.useEffect)(()=>{null!=A&&h([!!A])},[A]);const k=b[0],O=Object(r.useCallback)(()=>{Object(s.c)(a)||(f&&f(),v({msg:null,err:!1}),y({variables:{ids:a,enabled:k}}))},[k,a,y,f,v]);return i.a.createElement(n.E,{title:"Enabled 48H Fulfillment",open:d,onClose:m,sectioned:!0,primaryAction:{content:"Submit",onAction:O,loading:C},secondaryActions:[{content:"Cancel",onAction:m}]},i.a.createElement(n.k,{choices:[{value:!0,label:"Yes"},{value:!1,label:"No"}],selected:b,title:"Enabled 48H Fulfillment",onChange:e=>h(e)}))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return v}));var l=a(0),n=a.n(l),r=a(1),i=a(1020),o=a(1384),s=a(646),c=a(35),u=a(7),d=a(9),m=a(5),p=a.n(m),g=a(4),A=a(2),b=a(21);const h=c.a` 26032 mutation updateFieldValue($fieldValueId: ID!, $value: [String!]!) { 26033 updateFieldValue(fieldValueId: $fieldValueId, value: $value) { 26034 id 26035 field { 26036 id 26037 name 26038 title 26039 type 26040 extraFee 26041 configure 26042 sorting 26043 } 26044 createdAt 26045 value 26046 } 26047 }
26048`,f=d.b.div` 26049 .img-wrap { 26050 img { 26051 width: 100px; 26052 height: 100px; 26053 object-fit: cover; 26054 } 26055 } 26056 .personalized_inner { 26057 display: flex; 26058 flex-direction: row; 26059 justify-content: space-between; 26060 column-gap: 1.5rem; 26061 .content_wrap { 26062 flex: 1 1; 26063 word-break: break-word; 26064 label { 26065 font-weight: 500; 26066 } 26067 } 26068 .actions_wrap { 26069 display: flex; 26070 flex-direction: column; 26071 row-gap: 0.1rem; 26072 .Polaris-Icon { 26073 height: 1.65rem; 26074 width: 1.65rem; 26075 } 26076 } 26077 } 26078`,v=e=>{const{value:t,isDesigner:a,onChange:c}=e;let d=null,m=null;t&&(d=t.field&&t.field.title,m=t.id);const[v,E]=Object(l.useState)(!1),[y,C]=Object(l.useState)(null),[k,O]=Object(l.useState)(!1),[j,w]=Object(l.useState)(null),[S,{data:I,loading:B,error:D}]=Object(u.c)(h,{onError:()=>{},onCompleted:()=>{const e=setTimeout(()=>{x()},2100);w(e)}});Object(l.useEffect)(()=>{let e=t&&t.value?t.value:null;e=e&&e.length&&e.join(", "),C(e)},[t]),Object(l.useEffect)(()=>()=>clearTimeout(j),[]);const P=Object(l.useCallback)(()=>O(e=>!e),[]),x=Object(l.useCallback)(()=>E(e=>!e),[]),M=k?(D||I&&I.updateFieldValue)&&n.a.createElement(r.fb,{content:D?Object(A.ib)(D.toString()):I&&I.updateFieldValue&&"Update field success.",error:D,duration:2e3,onDismiss:P}):null,T=t.value&&t.value.length>0?t.value.map((e,t)=>{if("string"===typeof e&&e.length>0){const a=e.split(/\n/).filter(Boolean);if(a.every(e=>p.a.includes(e,g.G)||Object(A.X)(e)))return n.a.createElement("div",{style:{display:"flex",gap:16,flexWrap:"wrap"}},a.map((e,a)=>p.a.includes(e,g.G)||Object(A.X)(e)?n.a.createElement("div",{className:"img-wrap",key:`value-${t}-item-${a}`},n.a.createElement("a",{href:e,target:"_blank"},n.a.createElement("img",{src:e,alt:""}))):n.a.createElement("span",{style:{wordBreak:"break-all",display:"block",marginLeft:10,whiteSpace:"pre-line"},dangerouslySetInnerHTML:{__html:""+(e||"").trim()}})))}return p.a.includes(e,g.G)||Object(A.X)(e)?n.a.createElement("div",{className:"img-wrap",key:t},n.a.createElement("a",{href:e,target:"_blank"},n.a.createElement("img",{src:e,alt:""}))):n.a.createElement("span",{style:{wordBreak:"break-all",display:"block",marginLeft:10,whiteSpace:"pre-line"},dangerouslySetInnerHTML:{__html:""+(e||"").trim()}})}):null,Q=Object(l.useCallback)(e=>{C(e),c&&c(e)},[]);return n.a.createElement(f,{className:"personalized-item"},M,n.a.createElement(r.t,null,n.a.createElement("div",{className:"personalized_inner"},n.a.createElement("div",{className:"content_wrap"},n.a.createElement("div",{onClick:a?null:x},n.a.createElement(b.a,{label:d})),v?n.a.createElement(n.a.Fragment,null,n.a.createElement(r.cb,{label:d,labelHidden:!0,value:y,onChange:Q,multiline:!!(y||"").match(/\n/g)&&5})):n.a.createElement(n.a.Fragment,null,T)),n.a.createElement("div",{className:"actions_wrap"},!a&&n.a.createElement("div",{style:{textAlign:"right"}},v?n.a.createElement(r.g,{plain:!0,icon:i.a,onClick:x}):n.a.createElement(r.g,{plain:!0,icon:o.a,onClick:x})),v&&null==c?n.a.createElement(r.g,{primary:!0,icon:s.a,loading:B,onClick:()=>{S({variables:{fieldValueId:m,value:[y]}}),P()}}):null))))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var l=a(7),n=a(5),r=a(0),i=a.n(r),o=a(17),s=a(2);function c(e){var t,a;let{screenOptions:r,data:c,wrapRef:u}=e;const d=r.includes("acceptedBy"),m=(null===c||void 0===c||null===(t=c.ordersV2)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?c.ordersV2.nodes.map(e=>{let{id:t}=e;return t}).filter(Boolean):[],{data:p}=Object(l.d)(o.ub,{skip:!d||0===m.length,variables:{orderIDs:m}}),g=i.a.useRef(null);return i.a.useLayoutEffect(()=>{if(!u)return;const e=(null===p||void 0===p?void 0:p.getTaskSubmissionByOrderIDs)||[];
26078if(Object(s.c)(e))return;const t=function(e){const t=e.filter(e=>"Accept"===Object(n.get)(e,"taskSubmission.status"));return t.reduce((e,t)=>(Object(s.Gb)(t)||(e[t.orderID]=t),e),{})}(e);return Object(s.Gb)(t)?void 0:(g.current=setTimeout(()=>{for(let e of Array.from(u.querySelectorAll(".accepted-by-wrap")))if(!Object(s.Gb)(e)){const a=e.getAttribute("data-order-id");if(a&&t[a]){const l=document.createElement("span"),{fullName:n}=t[a].checker||{};l.textContent=n,l.className="accepted-value",n&&e.appendChild(l)}}},0),()=>{g.current&&clearTimeout(g.current)})},[p,u]),i.a.useLayoutEffect(()=>{if(u)for(let e of Array.from(u.querySelectorAll(".accepted-value")))Object(s.Gb)(e)||e.remove()},[d,u]),null}},function(e,t,a){"use strict";var l=a(0),n=a.n(l),r=a(403),i=a(327),o=(a(97),a(1369)),s=a(1021),c=a(650),u=a(184),d=a(325),m=a(122);const p=a(9).b.div` 26079 .item { 26080 display: flex; 26081 margin-bottom: 10px; 26082 .simple-option { 26083 flex-grow: 1; 26084 } 26085 .advance-option { 26086 display: flex; 26087 flex-grow: 1; 26088 } 26089 } 26090`;class g extends l.Component{render(){const{value:e}=this.props,{type:t}=e,{settings:a}=e.configure,{options:l}=a,g="checkbox"===t||"radio"===t;return n.a.createElement(p,null,"number"===t&&n.a.createElement(n.a.Fragment,null,n.a.createElement(o.a,{gutter:15},n.a.createElement(s.a,{span:12},n.a.createElement(i.a.Item,{label:"Min",labelCol:{span:24}},n.a.createElement(c.a,{onChange:t=>{a.min=t,this.props.onChange(e)},style:{width:"100%"},value:a.min}))),n.a.createElement(s.a,{span:12},n.a.createElement(i.a.Item,{label:"Max",labelCol:{span:24}},n.a.createElement(c.a,{onChange:t=>{a.max=t,this.props.onChange(e)},style:{width:"100%"},value:a.max}))))),"dropdown"===t&&n.a.createElement(i.a.Item,{label:"Mode"},n.a.createElement(u.a,{value:a.mode,onChange:t=>{a.mode=t,this.props.onChange(e)}},n.a.createElement(u.a.Option,{value:"default"},"Default"),n.a.createElement(u.a.Option,{value:"multiple"},"Multiple"))),("dropdown"===t||"radio"===t||"checkbox"===t)&&n.a.createElement(n.a.Fragment,null,n.a.createElement(i.a.Item,{labelCol:{span:24},wrapperCol:{span:24},label:"Options"},l.map((t,a)=>n.a.createElement("div",{className:"item",key:a},g?n.a.createElement("div",{className:"simple-option"},n.a.createElement(d.a,{placeholder:"Option "+(a+1),onChange:t=>{l[a]=t.target.value,this.props.onChange(e)},value:t})):n.a.createElement("div",{className:"advance-option"},n.a.createElement(d.a,{onChange:a=>{t.value=a.target.value,this.props.onChange(e)},value:t.value,style:{marginRight:5},placeholder:"Key "+(a+1)}),n.a.createElement(d.a,{onChange:a=>{t.label=a.target.value,this.props.onChange(e)},value:t.label,style:{marginLeft:5},placeholder:"Label "+(a+1)})),n.a.createElement(m.a,{onClick:()=>{l.splice(a,1),this.props.onChange(e)},className:"btn-danger",icon:n.a.createElement(r.a,null),type:"link"})))),n.a.createElement(m.a,{onClick:()=>{const t=l.length+1;g?l.push("Option "+t):l.push({key:"key-"+t,label:"Label "+t}),this.props.onChange(e)},size:"small",style:{width:"100%"},className:"action"},"Add New Option")))}}t.a=g},function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var l=a(0),n=a.n(l),r=a(1),i=a(35),o=a(7),s=a(21);const c=i.a` 26091 query fulfillments { 26092 fulfillments { 26093 id 26094 name 26095 slug 26096 } 26097 } 26098`,u=e=>{const{exclude:t,onChange:a,setFulfillment:i=(()=>{})}=e,{data:u,loading:d}=Object(o.d)(c);Object(l.useEffect)(()=>{var e;let a=(null===u||void 0===u||null===(e=u.fulfillments)||void 0===e?void 0:e.length)>0?u.fulfillments.map(e=>{let{id:t,name:a,slug:l}=e;return{value:t,label:a,slug:l}}):[];a=[{value:"All",label:"Merchbridge"},...a],a=a.filter(e=>e.value!==t),h(a),v(a)},[u,t]);const[m,p]=Object(l.useState)("Merchbridge"),[g,A]=Object(l.useState)(["All"]),[b,h]=Object(l.useState)([]),[f,v]=Object(l.useState)([]),E=Object(l.useCallback)(e=>{if(p(e),!e)return void v(b);const t=new RegExp(e,"i"),a=b.filter(e=>e.label.match(t));v(a)},[b]),y=Object(l.useCallback)(e=>{const t=e.map(e=>{const{label:t,slug:a}=f.find(t=>t.value===e)||{};return i({label:t,slug:a}),t});A(e);let l=e?e[0]:null,n=t?t[0]:"";p(n),a&&a("All"===l?null:l,n)},[f]),C=n.a.createElement(r.c.TextField,{label:"Fulfillment",labelHidden:!0,value:m,onChange:E});return n.a.createElement(n.a.Fragment,null,n.a.createElement(s.a,{label:"Fulfillment"}),d?n.a.createElement(r.X,{size:"small"}):n.a.createElement(r.c,{textField:C,selected:g,onSelect:y,options:f,emptyState:n.a.createElement("span",null,"No items found!")}))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var l=a(0),n=a.n(l),r=a(1),i=a(35),o=a(7),s=a(21),c=a(2),u=a(41);const d=i.a` 26099 query productBaseByFulfillment($filter: ProductBaseByFulfillmentFilter!) { 26100 productBaseByFulfillment(filter: $filter) { 26101 id 26102 name 26103 } 26104 } 26105`,m=e=>{const{fulfillmentId:t,onChange:a,error:i}=e,[m,p]=Object(l.useState)(""),[g,A]=Object(l.useState)([]),[b,h]=Object(l.useState)([]),[f,v]=Object(l.useState)([]),[E,y]=n.a.useReducer(c.Hb,{limit:20,offset:0,fulfillmentId:t||null,search:m}),{data:C,loading:k}=Object(o.d)(d,{variables:{filter:E}});Object(l.useEffect)(()=>{A([]),p(""),y({fulfillmentId:t})},[t]),Object(l.useEffect)(()=>{let e=C&&C.productBaseByFulfillment?C.productBaseByFulfillment.map(e=>({value:e.id,label:e.name})):[];h(e),v(e)},[C]);const[O]=Object(u.a)(),j=Object(l.useCallback)(e=>{p(e),O(()=>{y({search:e})})},[b]),w=Object(l.useCallback)(e=>{const t=e.map(e=>{const t=f.find(t=>t.value===e);return t&&t.label});A(e);let l=e?e[0]:null,n=t?t[0]:"";p(n),a&&a(l)},[f]),S=n.a.createElement(r.c.TextField,{label:"Product base",labelHidden:!0,value:m,onChange:j,error:i});return n.a.createElement(n.a.Fragment,null,n.a.createElement(s.a,{label:"Product base",required:!0}),n.a.createElement(r.c,{textField:S,selected:g,onSelect:w,options:f,emptyState:n.a.createElement("span",null,"No items found!"),loading:k}))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var l=a(0),n=a.n(l),r=a(1),i=a(35),o=a(7),s=a(21);const c=i.a` 26106 query productBaseVariantSelect($productBaseId: ID!) { 26107 productBaseVariantSelect(productBaseId: $productBaseId) { 26108 id 26109 name 26110 } 26111 } 26112`,u=e=>{const{productBaseId:t,onChange:a,error:i}=e,[u,{data:d,loading:m}]=Object(o.b)(c),[p,g]=Object(l.useState)(""),[A,b]=Object(l.useState)([]),[h,f]=Object(l.useState)([]),[v,
26112E]=Object(l.useState)([]);Object(l.useEffect)(()=>{t&&(b([]),g(""),u({variables:{productBaseId:t}}))},[t]),Object(l.useEffect)(()=>{let e=d&&d.productBaseVariantSelect?d.productBaseVariantSelect.map(e=>({value:e.id,label:e.name})):[];f(e),E(e)},[d]);const y=Object(l.useCallback)(e=>{if(g(e),!e)return void E(h);const t=new RegExp(e,"i"),a=h.filter(e=>e.label.match(t));E(a)},[h]),C=Object(l.useCallback)(e=>{const t=e.map(e=>{const t=v.find(t=>t.value===e);return t&&t.label});b(e);let l=e?e[0]:null,n=t?t[0]:"";g(n),a&&a(l)},[v]),k=n.a.createElement(r.c.TextField,{label:"Product base variant",labelHidden:!0,value:p,onChange:y,disabled:!t,error:i});return n.a.createElement(n.a.Fragment,null,n.a.createElement(s.a,{label:"Product base variant",required:!0}),m?n.a.createElement(r.X,{size:"small"}):n.a.createElement(r.c,{textField:k,selected:A,onSelect:C,options:v,emptyState:n.a.createElement("span",null,"No items found!")}))}},function(e,t,a){"use strict";var l=a(308);a.d(t,"a",(function(){return l.a})),a.d(t,"b",(function(){return l.b}))},function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var l=a(1),n=a(5),r=a(0),i=a.n(r),o=(a(2),a(52)),s=a(339);function c(e){let{node:t}=e;const a=Object(n.get)(t,"id"),{fileUrls:r}=Object(s.b)();let c=Object(n.get)(t,"labelLink");const u=Object(n.get)(t,"isOrderLabel");if(c&&(r||{})[a]&&(c=(r||{})[a]),!c&&!u)return null;const d=Object(n.get)(t,"shippingLabel");let m="";d&&(null===d||void 0===d?void 0:d.trackingCode)&&(m=i.a.createElement("p",null,i.a.createElement("b",null,"Tracking: "),i.a.createElement("span",null,d.trackingCode," ",d.carrier?`( ${d.carrier} )`:"")));const p=i.a.createElement(l.e,{status:"success",children:"Tiktok Label"});return i.a.createElement(l.Y,{vertical:!0},c?i.a.createElement(o.a,{href:c},p):u?i.a.createElement("div",null,p):null,m)}},function(e,t,a){"use strict";a.d(t,"a",(function(){return p}));var l=a(7),n=a(1),r=a(5),i=a(0),o=a.n(i),s=a(17),c=a(2),u=a(368),d=a(369),m=a(366);function p(e){let{lastProgress:t,fulfillmentID:a,orderID:l}=e;const[r,s]=Object(i.useState)(!1);return t?o.a.createElement("div",{style:{marginTop:5}},o.a.createElement(n.Y,{spacing:"tight",alignment:"center"},o.a.createElement(n.z,{children:"Order Progress: "}),o.a.createElement(n.gb,{content:t},o.a.createElement(n.g,{onClick:()=>{s(!0)},plain:!0},o.a.createElement(n.e,null,t)))),o.a.createElement(g,{open:r,onClose:()=>{s(!1)},orderID:l,fulfillmentID:a})):null}function g(e){let{open:t,onClose:a,fulfillmentID:i,orderID:p}=e;const{data:g,loading:A,error:b}=Object(l.d)(s.T,{variables:{filter:{orderID:p,fulfillmentID:i}},skip:!p||!i||!t}),h=function(e){const t=Object(r.get)(e,"getOrderProgress")||[],a=[];for(let l of t)l&&l.id&&a.push({id:l.id,title:l.status,createdAt:l.syncAt||l.createdAt});return a}(g);return o.a.createElement(n.S,{open:t,onClose:a},o.a.createElement(d.a,{handleSheetChange:a,title:"Order Progress History"},A?o.a.createElement(m.a,null):b?o.a.createElement("div",null,"Error: ",Object(c.ib)(null===b||void 0===b?void 0:b.toString())):o.a.createElement(u.a,{data:h,timeFormat:"LL"})))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var l=a(0),n=a.n(l),r=a(263);const i=e=>{const{options:t,onChangeFixedColumn:a}=e;return n.a.createElement(r.a,Object.assign({},e,{options:t,onChangeFixedColumn:a,hasFixedColumn:!0}))}},function(e,t,a){"use strict";var l=a(0),n=a.n(l),r=a(327),i=(a(97),a(325)),o=a(650),s=a(322),c=a(423),u=a(184),d=a(1391),m=a(122),p=a(9),g=a(5),A=a.n(g);const b=p.b.div` 26113 width: ${e=>{let{fullWidth:t}=e;return t?"100%":"auto"}}; 26114 .btn-danger { 26115 color: rgba(211, 69, 91, 1); 26116 } 26117 .ant-card-head { 26118 border: 0 none; 26119 .ant-card-head-title { 26120 font-weight: normal; 26121 } 26122 } 26123 .form-preview { 26124 background: #f0f2f5; 26125 padding: 10px 20px; 26126 } 26127 .ant-card.ant-card-bordered .ant-card-head { 26128 padding: 0; 26129 } 26130 .ant-card.ant-card-bordered .ant-card-body { 26131 padding: 0; 26132 } 26133`;class h extends l.Component{constructor(){super(...arguments),this.renderField=e=>{const{configure:t}=e,{settings:a}=t,{personalizedPreview:l}=this.props;switch(e.type){case"text":return n.a.createElement(i.a,{placeholder:t.placeholder,disabled:l});case"textarea":return n.a.createElement(i.a.TextArea,{placeholder:t.placeholder,disabled:l});case"number":let e={min:a.min};return a.max&&(e.max=a.max),n.a.createElement(o.a,Object.assign({},e,{style:{width:"100%"},placeholder:t.placeholder,disabled:l}));case"checkbox":return n.a.createElement(s.a.Group,{options:a.options,disabled:l});case"radio":return n.a.createElement(c.a.Group,{options:a.options,disabled:l});case"dropdown":return n.a.createElement(u.a,{style:{width:"100%"},mode:a.mode,disabled:l},a.options.map((e,t)=>n.a.createElement(u.a.Option,{value:e.value,key:t},e.label)));default:return n.a.createElement("div",null)}},this.fieldIsVisible=e=>{const{visibility:t}=e.configure;let a={equal:(e,t)=>e===t,notEqual:(e,t)=>e!==t,startsWith:(e,t)=>e.startsWith(t),endsWith:(e,t)=>e.endsWith(t),contains:(e,t)=>e.includes(t),notContains:(e,t)=>!e.includes(t),greaterThan:(e,t)=>e>t,lessThan:(e,t)=>e<t};if(t.enabled&&t.rules.length){let e="show"===t.type,l=!0,n=!1;for(let r=0;r<t.rules.length;r++){const e=t.rules[r],i=this.props.form.getFieldValue(e.field),o=e.value;
26133if(a[e.operator](i,o)){if(n=!0,"any"===t.match)break}else if("all"===t.match){l=!1;break}}return l||(e=!e),"any"===t.match&&(n||(e=!e)),e}return!0}}componentDidMount(){const{fields:e}=this.props;let t={};if(e.length)for(let a=0;a<e.length;a++){const l=e[a];t[l.name]=A.a.get(l,"configure.settings.defaultValue",null)}this.props.form.setFieldsValue(t)}render(){const{fields:e,personalizedPreview:t=!1}=this.props,{getFieldDecorator:a}=this.props.form,l={labelCol:{span:24},wrapperCol:{span:24}};return n.a.createElement(b,{fullWidth:t},n.a.createElement(d.a,{headStyle:{padding:0,minHeight:20},bodyStyle:{padding:0},extra:t?[]:[n.a.createElement(m.a,{key:"edit",type:"link",onClick:()=>{this.props.onEdited&&this.props.onEdited()}},"Edit"),n.a.createElement(m.a,{key:"delete",onClick:()=>{this.props.onDeleted&&this.props.onDeleted()},className:"btn-danger",type:"link"},"Delete")],title:"Preview options",bordered:0},n.a.createElement("div",{className:"form-preview"},n.a.createElement(r.a,l,e.filter(e=>e.name).map((e,t)=>{const l={initialValue:A.a.get(e,"configure.settings.defaultValue",null),rules:[]};e.configure.required&&(l.rules=[{required:!0,message:A.a.get(e,"configure.errorMessage",e.title+" is required!")}]);let i={};return this.fieldIsVisible(e)||(i.display="none"),n.a.createElement(r.a.Item,{style:i,key:"field-item-"+t,label:e.title,"data-field_id":e.id},a(e.name,l)(this.renderField(e)))})))))}}t.a=r.a.create({name:"preview-form"})(h)},function(e,t,a){"use strict";a.d(t,"a",(function(){return u})),a.d(t,"b",(function(){return d}));var l=a(0),n=a.n(l),r=a(1),i=a(35),o=a(7),s=a(2),c=a(398);const u=i.a` 26134 mutation deleteProductSelected($id: [ID!], $removeStore: Boolean!) { 26135 deleteProductSelected(id: $id, removeStore: $removeStore) { 26136 deleted 26137 } 26138 } 26139`,d=e=>{let{open:t,toggleModal:a,selectedItem:i,filter:d,onCompleted:m}=e;const[p,g]=Object(l.useState)("true"),[A,b]=Object(l.useState)(!1),[h,f]=Object(l.useState)(null),[v,{data:E,loading:y,error:C,client:k}]=Object(o.c)(u,{onError:()=>{}});Object(l.useEffect)(()=>()=>clearTimeout(h),[]);const O=Object(l.useCallback)((e,t)=>g(t),[]),j=Object(l.useCallback)(()=>{v({variables:{id:i,removeStore:"true"===p}}).then(e=>{const t=setTimeout(()=>{if(a(),m(),g("true"),e&&e.data&&e.data.deleteProductSelected&&e.data.deleteProductSelected.deleted)try{const e=k.readQuery({query:c.a,variables:{filter:d}});k.writeQuery({query:c.a,variables:{filter:d},data:{...e,products:{...e.products,total:e.products.total-i.length,nodes:e.products.nodes.filter(e=>!i.includes(e.id))}}})}catch(t){}},2500);f(t)}).catch(()=>{}),w()},[i,p]),w=Object(l.useCallback)(()=>b(e=>!e),[]),S=A?(C||E&&E.deleteProductSelected)&&n.a.createElement(r.fb,{content:C?Object(s.ib)(C.toString()):E&&E.deleteProductSelected&&E.deleteProductSelected.deleted&&`Deleted ${E.deleteProductSelected.deleted.length}/${i.length} products success.`,error:C,duration:2e3,onDismiss:w}):null;return n.a.createElement(n.a.Fragment,null,S,n.a.createElement(r.E,{open:t,onClose:a,sectioned:!0,title:"Delete selected product",secondaryActions:[{content:"No",onAction:a}],primaryAction:{content:"Yes",onAction:j,loading:y}},n.a.createElement(r.bb,null,n.a.createElement(r.Y,{vertical:!0},n.a.createElement(r.L,{label:"Are you sure to delete this selected?",checked:"false"===p,id:"false",name:"removeStore",onChange:O}),n.a.createElement(r.L,{label:"Are you sure to delete this selected in store?",checked:"true"===p,id:"true",name:"removeStore",onChange:O})))))}},,function(e,t,a){"use strict";a.d(t,"a",(function(){return b}));var l=a(0),n=a.n(l),r=a(585),i=a(7),o=a(9),s=a(27),c=a.n(s),u=a(2),d=a(17),m=a(23),p=a(37),g=a(30);const A=o.b.div` 26140 .ant-timeline-item-content { 26141 display: flex; 26142 width: calc(100% - 26px); 26143 justify-content: space-between; 26144 } 26145 26146 .ant-timeline-item.ant-timeline-item-last { 26147 padding: 0px; 26148 } 26149 26150 .ant-timeline-item-head-blue { 26151 border-color: #3f4eae; 26152 color: #3f4eae; 26153 } 26154`,b=e=>{var t,a;let{taskId:o}=e;const[s,b]=Object(l.useState)({limit:20,offset:0}),[h,{data:f,loading:v,error:E}]=Object(i.b)(d.jc);Object(l.useEffect)(()=>{o&&h({variables:{filter:{taskId:o,...s}}})},[o,s]);const y=Object(l.useCallback)((e,t)=>b(a=>({...a,offset:e,limit:t})),[]);let C=null===f||void 0===f||null===(t=f.getTaskLog)||void 0===t?void 0:t.nodes,k=null===f||void 0===f||null===(a=f.getTaskLog)||void 0===a?void 0:a.total,{limit:O,offset:j}=s;const w={page:j/O+1,totalPage:Math.ceil(k/O),offset:j,limit:O,onChange:y,total:k};return n.a.createElement(A,null,v?n.a.createElement(m.SkeletonPagePolaris,null):E?n.a.createElement("div",null,"Error: ",Object(u.ib)(E.toString())):(null===C||void 0===C?void 0:C.length)>0?n.a.createElement("div",{className:"mt-8"},n.a.createElement("strong",null,"Task Timelines:"),n.a.createElement(r.a,{className:"pt-5"},C.map(e=>{const{id:t,log:a,createdAt:l}=e;let i=c()(l);return i=i.format("LLL"),n.a.createElement(r.a.Item,{key:t},n.a.createElement("div",{className:"flex-1",dangerouslySetInnerHTML:{__html:`<span>${a}</span>`}}),n.a.createElement("div",null,i))})),n.a.createElement("div",{className:"pagination_wrap"},n.a.createElement(p.PaginationPolaris,{aggregation:w}))):n.a.createElement(g.EmptyStatePolaris,{noData:!0}))}},function(e,t,a){e.exports=a.p+"static/media/etsy-app-oauth.4cbf9f08.png"},function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return c})),a.d(t,"useDesignCtx",(function(){return g}));var l=a(1),n=a(26),r=a.n(n),i=a(0),o=a.n(i),s=a(9);function c(e){let{store:t,children:a,isDoingOrReject:n,invalidToken:i}=e;const s=r()(t,"extraInfo"),c=r()(s,"friendly"),m=r()(s,"url"),g=r()(s,"emailContact"),A=r()(s,"instagramLink"),h=r()(s,"youtubeLink"),f=r()(s,"facebookLink");return o.a.createElement(p,null,o.a.createElement(b,null,o.a.createElement("div",{className:"layout-header"},o.a.createElement(l.Y,{distribution:"fill",alignment:"center"},c?o.a.createElement("a",{href:m,target:"_blank"},o.a.createElement(l.v,{element:"h1",children:c})):null,o.a.createElement(l.Y,{distribution:"trailing"},m?o.a.createElement("a",{href:m,"data-polaris-unstyled":"true",className:"Polaris-Button om-external",target:"_blank"},o.a.createElement("span",{className:"Polaris-Button__Content"},o.a.createElement("span",{className:"Polaris-Button__Text"},"View on Etsy"))):null))),i?null:o.a.createElement("div",{style:{marginTop:"3rem",marginBottom:"1.6rem"}},o.a.createElement(l.v,{children:"Your Custom Artwork is Ready! Review and Provide Your Feedback"})),n?null:o.a.createElement(d,null),a,o.a.createElement("div",{className:"layout-footer"},g?o.a.createElement(o.a.Fragment,null,o.a.createElement(l.v,{element:"h3",children:"Have a question?"}),o.a.createElement("span",null,g)):null,o.a.createElement("div",{className:"social-icons"},f?o.a.createElement(u,{title:"Facebook",link:f},o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",width:"32",height:"32",viewBox:"0 0 50 50"},o.a.createElement("path",{d:"M25,3C12.85,3,3,12.85,3,25c0,11.03,8.125,20.137,18.712,21.728V30.831h-5.443v-5.783h5.443v-3.848 c0-6.371,3.104-9.168,8.399-9.168c2.536,0,3.877,0.188,4.512,0.274v5.048h-3.612c-2.248,0-3.033,2.131-3.033,4.533v3.161h6.588 l-0.894,5.783h-5.694v15.944C38.716,45.318,47,36.137,47,25C47,12.85,37.15,3,25,3z"}))):null,A?o.a.createElement(u,{title:"Instagram",link:A},o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",width:"32",height:"32",viewBox:"0 0 50 50"},o.a.createElement("path",{d:"M 16 3 C 8.83 3 3 8.83 3 16 L 3 34 C 3 41.17 8.83 47 16 47 L 34 47 C 41.17 47 47 41.17 47 34 L 47 16 C 47 8.83 41.17 3 34 3 L 16 3 z M 37 11 C 38.1 11 39 11.9 39 13 C 39 14.1 38.1 15 37 15 C 35.9 15 35 14.1 35 13 C 35 11.9 35.9 11 37 11 z M 25 14 C 3
261541.07 14 36 18.93 36 25 C 36 31.07 31.07 36 25 36 C 18.93 36 14 31.07 14 25 C 14 18.93 18.93 14 25 14 z M 25 16 C 20.04 16 16 20.04 16 25 C 16 29.96 20.04 34 25 34 C 29.96 34 34 29.96 34 25 C 34 20.04 29.96 16 25 16 z"}))):null,h?o.a.createElement(u,{title:"Youtube",link:h},o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",width:"32",height:"32",viewBox:"0 0 50 50"},o.a.createElement("path",{d:"M 44.898438 14.5 C 44.5 12.300781 42.601563 10.699219 40.398438 10.199219 C 37.101563 9.5 31 9 24.398438 9 C 17.800781 9 11.601563 9.5 8.300781 10.199219 C 6.101563 10.699219 4.199219 12.199219 3.800781 14.5 C 3.398438 17 3 20.5 3 25 C 3 29.5 3.398438 33 3.898438 35.5 C 4.300781 37.699219 6.199219 39.300781 8.398438 39.800781 C 11.898438 40.5 17.898438 41 24.5 41 C 31.101563 41 37.101563 40.5 40.601563 39.800781 C 42.800781 39.300781 44.699219 37.800781 45.101563 35.5 C 45.5 33 46 29.398438 46.101563 25 C 45.898438 20.5 45.398438 17 44.898438 14.5 Z M 19 32 L 19 18 L 31.199219 25 Z"}))):null))))}function u(e){let{children:t,title:a,link:n}=e;return o.a.createElement("div",{className:"social-item"},o.a.createElement("a",{href:n,"data-polaris-unstyled":"true",target:"_blank"},o.a.createElement(l.gb,{content:a||"social icon"},t)))}function d(){const{status:e}=g(),t=A[e];return null!=t?o.a.createElement("div",{style:{marginTop:"1.6rem",marginBottom:"1.6rem"}},o.a.createElement(l.f,Object.assign({},t,{status:"success"}))):null}const m=o.a.createContext(),p=e=>{let{children:t}=e;const[a,l]=o.a.useState("");return o.a.createElement(m.Provider,{value:{status:a,setStatus:l}},t)},g=()=>o.a.useContext(m),A={approval:{title:"Thank you for your feedback! We appreciate you taking the time to review the artwork.",children:o.a.createElement("p",null,"You input is valuable, and we'll proceed with processing your order right away.")},requestChanges:{title:"Thank you for your feedback! We appreciate you taking the time to review the artwork.",children:o.a.createElement("p",null,"We'll make the request adjustments and get back to you with an updated artwork shortly.")},done:{title:"Your order is being processed",children:o.a.createElement("p",null,"Your order is being processed by our team. We'll be working on your artwork and will keep you updated with the next steps soon. Thanks for your patience!")},take:{title:"Thank you for your feedback!",children:o.a.createElement("p",null,"We appreciate you taking the time to review the artwork. Your response is valuable and will help us ensure everything meets your expectations.")}},b=s.b.div` 26155 margin-top: 10px; 26156 padding: 10px; 26157 padding-bottom: 0px; 26158 26159 @media (min-width: 1024px) { 26160 margin-top: 30px; 26161 padding: 0; 26162 } 26163 26164 a { 26165 color: initial; 26166 } 26167 26168 .Polaris-Stack__Item:has(.om-external) { 26169 margin-left: 1.6rem; 26170 margin-right: auto; 26171 26172 @media (min-width: 350px) { 26173 margin-left: unset; 26174 margin-right: unset; 26175 } 26176 } 26177 26178 .layout-header { 26179 border-bottom: 1px solid #ddd; 26180 padding-bottom: 16px; 26181 margin-bottom: 16px; 26182 26183 h1.Polaris-Heading { 26184 font-size: 24px; 26185 } 26186 } 26187 26188 .layout-footer { 26189 margin-top: 2rem; 26190 width: 100vw; 26191 left: 50%; 26192 position: relative; 26193 bottom: 0; 26194 transform: translateX(-50%); 26195 display: flex; 26196 flex-direction: column; 26197 align-items: center; 26198 padding: 20px 0; 26199 background-color: #ddd; 26200 // z-index: 100; 26201 26202 @media (min-width: 1024px) { 26203 padding: 30px 0; 26204 } 26205 } 26206 26207 .social-icons { 26208 display: flex; 26209 flex-direction: row; 26210 column-gap: 1rem; 26211 margin-top: 1rem; 26212 } 26213 26214 .social-item { 26215 width: 50px; 26216 height: 50px; 26217 padding: 5px; 26218 border: 1px solid #b9b9b9; 26219 border-radius: 50%; 26220 display: flex; 26221 align-items: center; 26222 justify-content: center; 26223 26224 svg { 26225 fill: #8c8c8c; 26226 } 26227 26228 > a { 26229 display: block; 26230 width: 32px; 26231 height: 32px; 26232 } 26233 } 26234`},function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var l=a(999),n=a(0),r=a.n(n);function i(){const e=r.a.useRef("");return r.a.useEffect(()=>{e.current=(Object(l.a)()||"").toString()},[]),e.current}},function(e,t,a){"use strict";a.d(t,"a",(function(){return oa}));var l=a(7),n=a(1),r=a(1523),i=a(1518),o=a(1524),s=a(1525),c=a(1384),u=a(1526),d=a(1527),m=a(1385),p=a(1367),g=a(1528),A=a(1529),b=a(1019),h=a(1530),f=a(1531),v=a(1532),E=a(646),y=a(1
26234533),C=a(1534),k=a(1495),O=a(1372),j=a(1535),w=a(1536),S=a(1485),I=a(35),B=a(5),D=a.n(B),P=a(0),x=a.n(P),M=a(9),T=a(22),Q=a(11),R=a(2),F=a(4),N=a(12),U=a(244),L=a(21),V=a(422),z=a(16);const q=[{value:"Need Resend",label:"Need Resend"},{value:"Need Refund",label:"Need Refund"}],H=e=>{const{open:t,toggleShowModal:a,value:r}=e,i=null===r||void 0===r?void 0:r.id,[o,s]=Object(P.useState)("Need Resend"),[c,u]=Object(P.useState)(""),[d,m]=Object(P.useState)([]),[p,g]=Object(P.useState)(!1),[A,b]=Object(P.useState)(null),{currentUser:h}=Object(P.useContext)(Q.a);let f=F.hb.Seller;const v=D.a.get(h,"teamUser.role");[F.gb.StoreManager].includes(v)&&(f=F.hb.StoreManager),[F.gb.MarketplaceManager].includes(v)&&(f=F.hb.MarketplaceManager);const[E,{data:y,loading:C,error:k,client:O}]=Object(l.c)(z.S,{onError:()=>{},onCompleted:e=>{if(e){const t=e.createClaim;j(t);const l=setTimeout(()=>{a(),N.a.push(`/${f}/claims`)},2100);b(l)}}}),j=Object(P.useCallback)(e=>{try{const t={filter:{limit:30,offset:0,status:null,search:"",type:null}},a=O.readQuery({query:V.a,variables:t});O.writeQuery({query:V.a,variables:t,data:{...a,claims:{...a.claims,total:a.claims.total+1,nodes:[e,...a.claims.nodes]}}})}catch(t){}},[]),w=Object(P.useCallback)(e=>s(e),[]),S=Object(P.useCallback)(e=>{u(e)},[]),I=Object(P.useCallback)(e=>{let t=e&&e.length>0?e.map(e=>e.id):[];m(t)},[]),B=Object(P.useCallback)(()=>{i&&o&&(E({variables:{input:{orderId:i,type:o,note:c,files:d}}}),M())},[o,c,d,i]);Object(P.useEffect)(()=>()=>clearTimeout(A),[]);const M=Object(P.useCallback)(()=>g(e=>!e),[]),T=p?(k||y&&y.createClaim)&&x.a.createElement(n.fb,{content:k?Object(R.ib)(k.toString()):y&&y.createClaim&&"Add claim success.",error:k,duration:2e3,onDismiss:M}):null;return x.a.createElement(x.a.Fragment,null,T,x.a.createElement(n.E,{title:"Claim order: #"+(i||""),open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Save",onAction:B,loading:C}},x.a.createElement("div",{id:"add-claim_modal"},x.a.createElement(n.t,null,x.a.createElement("div",null,x.a.createElement(n.Q,{options:q,onChange:w,value:o,label:"Type"})),x.a.createElement("div",null,x.a.createElement(n.cb,{value:c,label:"Note",onChange:S,multiline:3})),x.a.createElement("div",null,x.a.createElement(L.a,{label:"Evidence"}),x.a.createElement(U.c,{onChange:I}))))))};var $=a(19);function _(e){let{onClose:t,open:a,refetch:r,value:i}=e;const{id:o}=i||{},[s,c]=Object(P.useState)(""),u=Object(P.useRef)(null),{toggleToast:d,setNotify:m}=Object($.b)(),[p,{loading:g}]=Object(l.c)(z.c,{onCompleted:()=>{m({msg:"Add note success.",err:!1}),r&&(u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{r()},1200)),t&&t(!1)},onError:e=>{m({msg:Object(R.ib)(e.toString()),err:!0})}}),A=Object(P.useCallback)(()=>{o&&s&&(d&&d(!0),m({msg:null,err:!1}),p({variables:{input:{orderID:o,note:s}}}))},[p,d,m,o,s]);return x.a.createElement(n.E,{title:"Add note by Dev",open:a,sectioned:!0,onClose:t,primaryAction:{content:"Submit",onAction:A,loading:g,disabled:!s||0===s.length},secondaryActions:[{content:"Cancel",onAction:t}]},x.a.createElement(n.cb,{value:s,onChange:c,placeholder:"Enter note",label:"Note",multiline:4,autoFocus:!0}))}var G=a(25);const K=e=>{const{open:t,toggleShowModal:a,refetch:l,value:r,changeStatusCount:i,convertOS:o}=e,s=null===r||void 0===r?void 0:r.id,c=null===r||void 0===r?void 0:r.originId,[u,d]=Object(P.useState)([1]),[m,p]=Object(P.useState)(!1),[g,A]=Object(P.useState)(null),[b,h]=Object(P.useState)({message:null,isError:null}),f=Object(P.useCallback)(e=>d(e),[]);Object(P.useEffect)(()=>()=>clearTimeout(g),[]);const v=Object(P.useCallback)(()=>{p(e=>!e)},[]),E=m?b&&b.message&&x.a.createElement(n.fb,{content:b.message,error:b.isError,duration:2e3,onDismiss:v}):null;return x.a.createElement(x.a.Fragment,null,E,x.a.createElement(G.a,{mutation:z.K,onCompleted:()=>{h(()=>({message:"Cancel order success",isError:!1}));const e=setTimeout(()=>{a(!1),l&&l(),i&&i(o&&[o.PendingDesign,o.PendingPayment,o.OnHold,o.Pending,o.InProduction,o.Fulfilled,o.ReadyToPrint,o.Printing,o.DesignRejected])},2100);A(e)},onError:e=>{h(()=>({message:e.toString(),isError:!0}));const t=setTimeout(()=>{a(!1)},2100);A(t)}},(e,l)=>{let{loading:r}=l;return x.a.createElement(n.E,{title:"Are you sure to cancel order #"+(s||""),open:t,onClose:a,sectioned:!0,primaryAction:{content:"Cancel now",onAction:()=>{let t=null,a=null,l=!1,n=!1;switch(u&&u.length>0?u[0]:1){case 1:t=s,n=!0;break;case 2:t=s;break;case 3:l=!0,a=c,n=!0;break;case 4:l=!0,a=c}e({variables:{orderId:t,originId:a,related:l,cancelOrderStore:n}}),v()},loading:r}},x.a.createElement("div",{id:"admin-cancel_modal"},x.a.createElement(n.k,{title:"Are you sure to cancel order #"+(s||""),titleHidden:!0,choices:[{label:"Cancel this order and cancel in store",value:1},{label:"Cancel this order, without cancel in store",value:2},{label:"Cancel this order & related orders and cancel in store",value:3},{label:"Cancel this order & related orders, without cancel in store",value:4}],selected:u,onChange:f})))}))};var J=a(26),Y=a.n(J),W=a(43);var Z=a(380).a?P.useLayoutEffect:P.useEffect;var X=a(287),ee=a(28),te=a(774),ae=a(455),le=a(539),ne=a(68),re=a(321);const ie=I.a` 26235 query products($filter: ProductFilter) { 26236 products(filter: $filter) { 26237 total 26238 nodes { 26239 id 26240 title 26241 sku 26242 designPositions { 26243 id 26244 file { 26245 id 26246 thumbnailUrl 26247 url 26248 } 26249 designPosition { 26250 id 26251 name 26252 } 26253 } 26254 productBases { 26255 id 26256 title 26257 slug 26258 fulfillment { 26259 fulfillmentTitle 26260 } 26261 variants { 26262 id 26263 attributes { 26264 name 26265 slug 26266 option 26267 } 26268 } 26269 } 26270 mainImageId 26271 images { 26272 id 26273 file { 26274 id 26275 url 26276 thumbnailUrl 26277 } 26278 } 26279 variants { 26280 id 26281 disabled 26282 productBaseVariantId 26283 productBaseVariant { 26284 id 26285 attributes { 26286 name 26287 slug 26288 option 26289 } 26290 productBase { 26291 id 26292 title 26293 } 26294 } 26295 variantStores { 26296 id 26297 originId 26298 storeId 26299 } 26300 } 26301 personalized 26302 fields { 26303 id 26304 title 26305 } 26306 } 26307 } 26308 } 26309`;const oe=I.a` 26310 query getFieldValueForOrder($orderId: ID!) { 26311 getFieldValueForOrder(orderId: $orderId) { 26312 id 26313 createdAt 26314 field { 26315 ...FieldFragment 26316 } 26317 value 26318 } 26319 } 26320 ${W.f} 26321`;const se=x.a.forwardRef((function(e,t){let{personalized:a,orderId:r,setDisabled:i}=e;const[o,s]=x.a.useState([]),[c,u]=x.a.useState(""),[d,m]=x.a.useState([]),[p,g]=x.a.useState(null),[A,b]=Object(ee.a)(!1),[h,f]=x.a.useState({}),[v,E]=x.a.useState({}),[y,C]=x.a.useState(a),[k,O]=x.a.useState({limit:20,offset:0,search:""}),{currentUser:j}=Object(Q.c)(),{isAdministrator:w,isStoreManager:S,isSeller:I,isMarketplaceManager:B}=Object(R.j)(j),D=Object(R.T)(j),{data:M,loading:T}=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const{currentUser:a}=Object(Q.c)(),{isStoreManager:n,isMarketplaceManager:r}=Object(R.j)(a),{data:i,loading:o,error:s}=Object(l.d)(ie,{variables:{filter:{...e,loadDesignPosition:!0,...n?{storeId:"all"}:null,...r?{storeId:null}:null}},skip:t,fetchPolicy:"no-cache"});return{data:i,loading:o,error:s}}(k),[F]=Object(X.a)(),[N]=Object(l.c)(ne.GEN_THUMBNAIL_IMAGE,{onError:()=>{}}),{data:U}=Object(l.d)(oe,{variables:{orderId:r},skip:!r||!y});x.a.useEffect(()=>{var e;if((null===U||void 0===U||null===(e=U.getFieldValueForOrder)||void 0===e?void 0:e.length)>0){const e=U.getFieldValueForOrder.reduce((e,t)=>
26321{let{field:a,value:l}=t;if(!a||"object"!==typeof a||!a.id)return e;const[n]=l.filter(Boolean);return e[a.id]=n,e},{});E(e)}},[U]);const V=Object(P.useCallback)(e=>()=>{null!=e&&N({variables:{files:[e.id],fileType:"id"}})},[N]),z=x.a.useRef(null),q=x.a.useCallback(e=>{u(e),z.current&&clearTimeout(z.current),z.current=setTimeout(()=>{O(t=>({...t,search:e}))},500)},[]),H=x.a.useCallback(e=>{e.map(e=>{const t=o.find(t=>t.value===e);let a=t&&Y()(t,"label.props.children"),l="";for(let r of a){var n;(null===r||void 0===r||null===(n=r.props)||void 0===n?void 0:n.className)&&"title"===r.props.className&&(l=r.props.children)}return l});if(f({}),i(!0),m(e),(null===e||void 0===e?void 0:e.length)>0&&(null===o||void 0===o?void 0:o.length)>0){const t=o.find(t=>e.includes(t.value));t&&C(!!t.personalized)}},[o]),$=Object(P.useCallback)(()=>{g(null)},[]),_=Object(P.useCallback)(e=>t=>{E(a=>({...a,[e]:t}))},[]);Object(P.useEffect)(()=>{var e;const t=(null===M||void 0===M||null===(e=M.products)||void 0===e?void 0:e.nodes)||[];if((null===t||void 0===t?void 0:t.length)>0){const e=t.map(e=>function(e,t){if("object"!==typeof e)return e;let a="";const{productBases:l,images:n,title:r,sku:i,personalized:o}=e;(null===l||void 0===l?void 0:l.length)>0&&(a=l.map(e=>{var t;let a=(null===(t=e.fulfillment)||void 0===t?void 0:t.fulfillmentTitle)||"";return a=a?a+" - ":"Merch Bridge - ",`${a}${e.title}`}).filter(Boolean).join(", "));const s=(null===n||void 0===n?void 0:n.length)||0,{file:c}=(n.filter(Boolean)||[])[0]||{},{thumbnailUrl:u,url:d}=c||{},m=u||d,p=x.a.createElement("div",{className:"label-wrap"},s>0?x.a.createElement("img",{alt:"product image",src:m,onError:t(c)}):null,x.a.createElement("div",{className:"title"},(null===r||void 0===r?void 0:r.trim())||""),x.a.createElement("div",null,`(${a||"Merch Bridge"})`),x.a.createElement("div",null,`(${i})`));return{value:e.id,label:p,personalized:o}}(e,V));s(e)}},[M,V]),function(e,t){const a=x.a.useRef(!0);Z(()=>{if(!a.current)return e()},[...t]),Z(()=>(a.current=!1,()=>{a.current=!0}),[])}(()=>{var e,t;if(M&&(null===d||void 0===d?void 0:d.length)>0&&(null===(e=M.products)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0){const e=M.products.nodes,[t]=d,a=e.find(e=>{let{id:a}=e;return a===t});a&&async function(e){const t=await F(e);g(t)}(a)}},[M,d]);const G=Object(P.useCallback)(()=>{const e=Y()(h,"productBaseVariant.id"),t=Object.entries(v||{}).map(e=>{let[t,a]=e;return{fieldId:t,value:a||""}});return{productVariantId:e,personalItems:(null===t||void 0===t?void 0:t.length)>0?t:void 0}},[p,h,v]);x.a.useImperativeHandle(t,()=>({onSubmit:G}));const K=x.a.createElement(n.c.TextField,{value:c,onChange:q,placeholder:"Search ..."}),J=[w,I,S,B].some(Boolean),W=function(e){if(!e||!e.images||0===e.images.length)return"";let t="";const{mainImageId:a,images:l}=e;let n=null,r=(null===l||void 0===l?void 0:l.length)>0?l.filter(Boolean):[];(a||"undefined"!==a)&&(n=r.find(e=>{let{file:t}=e;return(null===t||void 0===t?void 0:t.id)===a}));n||([n]=r);const{file:i}=n||{},{thumbnailUrl:o,url:s}=i||{};return t=s||(o||null),t}(p),se=function(e,t){if(!e||!e.id)return null;const{id:a,productBases:l}=e;if(!l||0===l.length)return null;return`${l.length>1?`/${t}/products/campaign`:`/${t}/products/edit`}/${a}`}(p,D),ue=p?p.sku:null,de=function(e){if(!e||!e.variants||!e.productBases||0===e.variants.length||0===e.productBases.length)return[];const t=e.variants,a=e.productBases,l=a.length>1;function n(e,t){var n;let r=e?Object(R.H)(e.attributes):Object(R.H)(Y()(null===(n=a[0])||void 0===n?void 0:n.variants[t],"attributes"));var i;l&&(r=e&&Object(R.H)([...e.attributes,{option:(null===e||void 0===e||null===(i=e.productBase)||void 0===i?void 0:i.title)||"",id:0,name:"Type"}]));return r}return t.map((e,t)=>({id:e.id,disabled:e.disabled,attribute:n(e.productBaseVariant,t)}))}(p);return x.a.createElement(ce,null,x.a.createElement(L.a,{label:"Choose a product"}),x.a.createElement(n.Y,{vertical:!0},x.a.createElement(n.Y.Item,{fill:!0},x.a.createElement(n.c,{options:o,onSelect:H,selected:d,textField:K,emptyState:x.a.createElement("span",null,"No item found!"),id:"mp__choose-product",willLoadMoreResults:!0,loading:T})),p&&x.a.createElement(te.b,{urlSelectedItem:W,showUrlProduct:J,urlProduct:se,selectedItem:p,toggleShowModal:b,handleRemoveProduct:$}),x.a.createElement(n.Y.Item,{fill:!0},x.a.createElement("div",null,x.a.createElement(L.a,{label:"Product Variants"}),x.a.createElement(ae.a,{productBaseVariants:de,selectedVariants:[],value:h,onChange:e=>{f(e),i(!1)}}))),a&&null!=(null===U||void 0===U?void 0:U.getFieldValueForOrder)?U.getFieldValueForOrder.map((e,t)=>x.a.createElement(le.a,{key:"option-"+t,value:e,isDesigner:!1,onChange:_(null===e||void 0===e?void 0:e.id)}
26321)):null,"\u220f"),x.a.createElement(re.a,{toggleShowModal:b,open:A,source:W,title:ue}))})),ce=M.b.div` 26322 .selected-wrap { 26323 display: flex; 26324 flex-direction: row; 26325 column-gap: 3rem; 26326 26327 .design-positions-wrap { 26328 flex: 1 1 auto; 26329 margin-top: -0.6rem; 26330 display: flex; 26331 flex-direction: row; 26332 flex-wrap: wrap; 26333 gap: 1.6rem 2rem; 26334 26335 .Polaris-Tabs__Title { 26336 padding-bottom: 1rem; 26337 padding-top: 0; 26338 } 26339 } 26340 26341 .design-position-wrap { 26342 display: flex; 26343 flex-direction: column; 26344 row-gap: 0.875rem; 26345 26346 img { 26347 width: 120px; 26348 height: 120px; 26349 object-fit: cover; 26350 box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 15px -3px, 26351 rgba(0, 0, 0, 0.1) 0px 4px 6px 2px; 26352 border-radius: 5px; 26353 } 26354 } 26355 } 26356 26357 .selected-info { 26358 display: flex; 26359 flex-direction: column; 26360 row-gap: 1rem; 26361 max-width: calc(50% - 1.5rem); 26362 26363 img { 26364 width: 120px; 26365 height: 120px; 26366 object-fit: cover; 26367 box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 15px -3px, 26368 rgba(0, 0, 0, 0.1) 0px 4px 6px 2px; 26369 border-radius: 5px; 26370 } 26371 .image-wrap { 26372 width: 120px; 26373 height: 120px; 26374 position: relative; 26375 26376 .action-remove { 26377 position: absolute; 26378 right: 0; 26379 display: inline-block; 26380 top: 3px; 26381 } 26382 } 26383 } 26384`;function ue(e){let{open:t,onClose:a,refetch:r,value:i}=e;const{id:o}=i||{},s=Y()(i,"product.personalized",!1),[c,u]=x.a.useState(!0),{toggleToast:d,setNotify:m}=Object($.b)(),p=x.a.useRef(null),g=x.a.useRef(null),[A,{loading:b}]=Object(l.c)(z.M,{onCompleted:()=>{m({msg:"Change product for order success.",err:!1}),r&&(g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{r()},1500)),a&&a(!1)},onError:e=>{m({msg:Object(R.ib)(e.toString()),err:!0})}}),h=Object(P.useCallback)(()=>{var e;const t=null===(e=p.current)||void 0===e?void 0:e.onSubmit();(o||"object"===typeof t)&&(d&&d(),m({msg:null,err:!1}),A({variables:{input:{orderId:o,...t}}}))},[o,A]);return x.a.createElement(n.E,{title:"Change Product for Order",open:t,onClose:a,sectioned:!0,primaryAction:{content:"Submit",onAction:h,disabled:c,loading:b},secondaryActions:[{content:"Cancel",onaction:a}],large:!0},x.a.createElement(se,{personalized:s,orderId:o,ref:p,setDisabled:u}))}function de(e){let{open:t,onClose:a,refetch:r,value:i}=e;const{id:o}=i||{},[s,c]=x.a.useState(!1),[u,d]=x.a.useState(!1),[m,p]=x.a.useState(!1),{toggleToast:g,setNotify:A}=Object($.b)(),b=x.a.useRef(null),h=x.a.useRef(null),[f,{loading:v}]=Object(l.c)(z.P,{onCompleted:()=>{A({msg:"Clone order to resend success.",err:!1}),r&&(h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{r()},1500)),a&&a(!1)},onError:e=>{A({msg:Object(R.ib)(e.toString()),err:!0})}}),E=x.a.useCallback(()=>{if(!o)return;let e={orderId:o,paused:!!m};if(u){var t;e={...null===(t=b.current)||void 0===t?void 0:t.onSubmit(),...e}}g&&g(!0),A({msg:null,err:!1}),f({variables:{input:e}})},[o,m,u,f]),y=x.a.useCallback(e=>{c(!!e),d(e)},[]);return x.a.createElement(n.E,{title:"Clone to Resend",open:t,onClose:a,sectioned:!0,large:!0,secondaryActions:[{content:"Cancel",onAtion:a}],primaryAction:{content:"Submit",onAction:E,loading:v,disabled:s}},x.a.createElement(n.Y,{vertical:!0,spacing:"tight"},x.a.createElement(n.x,{message:"Notes: This action will generate a new order with the same information as the original order."}),x.a.createElement(n.j,{label:"Mark Pause",checked:m,onChange:e=>p(e)}),x.a.createElement(n.j,{label:"Change product info",checked:u,onChange:y}),x.a.createElement(n.l,{open:!!u,id:"clone-to-resend-collapsible",transition:{duration:"500ms",timingFunction:"ease-in-out"},expandOnPrint:!0},x.a.createElement(se,{ref:b,setDisabled:c,orderId:o}))))}var me=e=>{let{open:t,onClose:a,value:r,refetch:i}=e;const{toggleToast:o,setNotify:s}=Object($.b)(),c=x.a.useRef(null),[u,{loading:d}]=Object(l.c)(z.Ub,{onCompleted:()=>{s({msg:"Fetch order's status success"}),i&&(c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{i()},1500)),a&&a(!1)},onError:e=>{s({msg:Object(R.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),m=x.a.useCallback(()=>
26384{(null===r||void 0===r?void 0:r.id)&&(o&&o(),s&&s({msg:null,err:!1}),u({variables:{orderId:r.id}}).finally(()=>{a()}))},[null===r||void 0===r?void 0:r.id,u,o,s]);return x.a.createElement(n.E,{title:"Fetch Order's Status",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Submit",onAction:m,loading:d},secondaryActions:[{content:"Cancel",onAction:a}]},x.a.createElement("p",null,"Are you sure to fetch status for this order?"))};const pe=e=>{const{value:t,open:a,toggleShowModal:r,refetch:i}=e,o=Object(B.get)(t,"fulfillmentOrders[0].id"),[s,c]=Object(P.useState)(!1),[u,d]=Object(P.useState)(null),[m,p]=Object(P.useState)({message:null,error:!1}),[g,{loading:A}]=Object(l.c)(z.Sb,{onError:e=>{p({message:Object(R.ib)(e.toString()),error:!0})},onCompleted:()=>{p({message:"Fetch tracking success.",erorr:!1});const e=setTimeout(()=>{r(!1),i&&i()},2100);d(e)}}),b=Object(P.useCallback)(()=>{o&&g({variables:{fulfillmentOrderIDs:[o]}}),h()},[o]);Object(P.useEffect)(()=>()=>clearTimeout(u),[]);const h=Object(P.useCallback)(()=>c(e=>!e),[]),f=s?m&&m.message&&x.a.createElement(n.fb,{content:m.message,error:m.error,duration:2e3,onDismiss:h}):null;return x.a.createElement(x.a.Fragment,null,f,x.a.createElement(n.E,{title:"Fetch tracking",open:a,onClose:r,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:r}],primaryAction:{content:"Fetch",onAction:b,loading:A}},x.a.createElement("p",null,"Do you want to fetch tracking for this order?")))},ge=e=>{const{open:t,toggleShowModal:a,orderId:r,changeStatusCount:i,convertOS:o,refetch:s}=e,[c,u]=Object(P.useState)(!1),[d,m]=Object(P.useState)(null),[p,{data:g,loading:A,error:b}]=Object(l.c)(z.Zb,{onError:()=>{a(!1)},onCompleted:()=>{a(!1);const e=setTimeout(()=>{i&&i(o&&[o.PendingPayment]),s&&s()},2100);m(e)}}),h=Object(P.useCallback)(()=>{p({variables:{orderId:r}}),f()},[r]);Object(P.useEffect)(()=>()=>clearTimeout(d),[]);const f=Object(P.useCallback)(()=>u(e=>!e),[]),v=c?(b||g&&g.forcePauseOrder)&&x.a.createElement(n.fb,{content:b?Object(R.ib)(b.toString()):g&&g.forcePauseOrder&&"Force pause order success.",error:b,duration:2e3,onDismiss:f}):null;return x.a.createElement(x.a.Fragment,null,v,x.a.createElement(n.E,{title:"Force pause order",open:t,onClose:a,sectioned:!0,secondaryActions:[{content:"No",onAction:a}],primaryAction:{content:"Yes",onAction:h,loading:A}},x.a.createElement("p",{id:"force-pause_modal"},"Are you sure to force pause this order?")))};var Ae=a(27),be=a.n(Ae),he=a(69),fe=a.n(he),ve=a(574),Ee=a(23),ye=a(368),Ce=a(37);const ke=I.a` 26385 query historyOrder($id: ID!) { 26386 historyOrder(orderId: $id) { 26387 total 26388 nodes { 26389 id 26390 title 26391 createdAt 26392 } 26393 } 26394 } 26395`,Oe=M.b.div` 26396 border-top: var( 26397 --p-thin-border-subdued, 26398 0.1rem solid var(--p-border-subdued, #dfe3e8) 26399 ); 26400 padding-top: 1rem; 26401 margin-top: 2.6rem; 26402`,je=e=>{const{id:t}=e,[a,r]=Object(P.useState)({limit:10,offset:0}),[i,o]=Object(P.useState)([]),[s,{data:c,loading:u}]=Object(l.b)(ke);Object(P.useEffect)(()=>{t&&s({variables:{id:t}})},[t,s]),Object(P.useEffect)(()=>{let e=c&&c.historyOrder&&c.historyOrder.nodes&&c.historyOrder.nodes.length>0?c.historyOrder.nodes.slice(a.offset,a.offset+a.limit):[];o(e)},[c,a]);const d=Object(P.useCallback)((e,t)=>{r(a=>({...a,offset:e,limit:t}))},[]);let{limit:m,offset:p}=a;const g=Object(B.get)(c,"historyOrder.total",0),A={page:p/m+1,totalPage:Math.ceil(g/m),offset:p,limit:m,onChange:d,total:g};return x.a.createElement(x.a.Fragment,null,u?x.a.createElement(n.X,null):i&&i.length>0?x.a.createElement(Oe,null,x.a.createElement(n.v,{element:"h4",children:"History"}),x.a.createElement(ye.a,{data:i}),x.a.createElement("div",{className:"pagination"},x.a.createElement(Ce.PaginationPolaris,{aggregation:A}))):null)},we=I.a` 26403 query order($id: ID!, $productBaseId: ID!) { 26404 getOrderDesigns(id: $id, productBaseId: $productBaseId) { 26405 orderDesigns { 26406 id 26407 designPosition { 26408 id 26409 name 26410 } 26411 file { 26412 id 26413 thumbnailUrl 26414 url 26415 } 26416 } 26417 } 26418 order(id: $id) { 26419 id 26420 quantity 26421 baseCost 26422 supplierPrice 26423 status 26424 carrierPrice 26425 fulfillmentStatus 26426 tracking { 26427 id 26428 code 26429 } 26430 productVariant { 26431 id 26432 image { 26433 id 26434 url 26435 } 26436 regularPrice 26437 productBaseVariant { 26438 id 26439 productBase { 26440 id 26441 } 26442 } 26443 } 26444 product { 26445 id 26446 title 26447 status 26448 regularPrice 26449 sku 26450 mainImageId 26451 images { 26452 id 26453 productBaseId 26454 file { 26455 id 26456 url 26457 thumbnailUrl 26458 } 26459 } 26460 designPositions { 26461 id 26462 file { 26463 id 26464 url 26465 } 26466 } 26467 } 26468 originId 26469 createdAt 26470 shippingAddress { 26471 id 26472 firstName 26473 lastName 26474 company 26475 phone 26476 address1 26477 address2 26478 city 26479 country 26480 state 26481 postalCode 26482 cpfOrCnpjNumber 26483 } 26484 note 26485 personalizedPreview 26486 customer { 26487 id 26488 email 26489 } 26490 transactionStoreId 26491 } 26492 } 26493`,Se=M.b.div` 26494 .shipping-label-wrap { 26495 font-size: 14px; 26496 font-weight: 500; 26497 } 26498 .shipping-wrap { 26499 display: flex; 26500 flex-wrap: wrap; 26501 justify-content: space-between; 26502 margin-top: -0.6rem; 26503 .shipping-item { 26504 width: 49%; 26505 margin-top: 1rem; 26506 } 26507 } 26508 .heading-SA { 26509 &.edit { 26510 display: flex; 26511 .Polaris-Button { 26512 min-width: 1.75rem; 26513 min-height: 1.75rem; 26514 .Polaris-Icon { 26515 width: 1.75rem; 26516 height: 1.75rem; 26517 } 26518 } 26519 } 26520 .Polaris-Button { 26521 margin-left: 1rem; 26522 padding: 0; 26523 min-width: 1.75rem; 26524 min-height: 1.75rem; 26525 .Polaris-Icon { 26526 width: 1.6rem; 26527 height: 1.6rem; 26528 } 26529 } 26530 } 26531 .save-change-wrap { 26532 display: flex; 26533 flex-direction: row-reverse; 26534 } 26535 .product-wrap { 26536 display: flex; 26537 align-items: center; 26538 column-gap: 0.5rem; 26539 width: calc(300px - 3.2rem); 26540 } 26541 .history-wrap { 26542 border-top: var( 26543 --p-thin-border-subdued, 26544 0.1rem solid var(--p-border-subdued, #dfe3e8) 26545 ); 26546 padding-top: 1rem; 26547 margin-top: 2.6rem; 26548 } 26549 .data-wrap { 26550 margin-top: 2rem; 26551 border-top: var( 26552 --p-thin-border-subdued, 26553 0.1rem solid var(--p-border-subdued, #dfe3e8) 26554 ); 26555 } 26556 .Polaris-DataTable__Navigation { 26557 display: none; 26558 } 26559`,Ie=e=>{var t;const{open:a,toggleShowModal:r,value:i,role:o}=e,[s,u]=Object(P.useState)({firstName:"",lastName:"",city:"",state:"",company:"",postalCode:"",address1:"",country:"",address2:"",note:"",phone:"",cpfOrCnpjNumber:""}),[d,m]=Object(P.useState)(!1),[p,g]=Object(P.useState)(!1),[A,b]=Object(P.useState)([]),[h,f]=Object(P.useState)(null),v=i&&i.productVariant&&i.productVariant.productBaseVariant&&i.productVariant.productBaseVariant.productBase?i.productVariant.productBaseVariant.productBase.id:i&&i.product.productBases&&i.product.productBases[0].id,[E,{data:y,loading:C,error:k}]=Object(l.b)(we),[O,{data:j,loading:w,error:I}]=Object(l.c)(z.ae,{onError:()=>{},onCompleted:()=>{T()}});Object(P.useEffect)(()=>{v&&i&&a&&E({variables:{id:i.id,productBaseId:v}})},[v,i,y,a]),Object(P.useEffect)(()=>{let e=y&&y.order?y.order:null;const t=function(e){if(!e||0===e.length)return[];const t=e.filter(e=>{let{file:t}=e;return null!=t}),a=[];for(let n of De){const e=new RegExp(`^${n}$`,"i"),l=t.find(t=>{let{designPosition:a}=t;const{name:l}=a||{};return e.test(l)});l&&a.push(l)}const l=a.map(e=>{let{id:t}=e;return t});
26559for(let n of t)l.includes(n.id)||a.push(n);return a.map(e=>{let{file:t}=e;return t})}(y&&y.getOrderDesigns&&y.getOrderDesigns.orderDesigns?y.getOrderDesigns.orderDesigns:[]);if(e){var a,l;let{note:r,shippingAddress:s,product:c,quantity:d,fulfillmentStatus:m,status:p,tracking:g,personalizedPreview:A}=e;f(A),u(e=>{let t={};for(let[a,l]of Object.entries(s))"country"===a&&"United States"===l&&(l="US"),t[a]=l;return{...e,...t,note:r}});let h=c&&c.title?c.title:null,E=c&&c.sku?c.sku:null,y=[F.pb.Supplier].includes(o)?"$"+(e.supplierPrice+e.carrierPrice)*e.quantity:"$"+(e.baseCost+e.carrierPrice)*e.quantity,C=[F.pb.Seller,F.pb.Admin].includes(o)&&[F.K.ReadyToPrint,F.K.Printing,F.K.PendingPayment].includes(p)?F.K.InProduction:p;const k=C&&F.L.find(e=>e.name===C);let O;m&&(O=F.L.find(e=>e.name===m));const j=null===c||void 0===c?void 0:c.mainImageId,w=null===c||void 0===c?void 0:c.images;let S=[];const I=(null===c||void 0===c||null===(a=c.productBases)||void 0===a?void 0:a.length)>1,B=j||"undefined"!==j;v&&I?(S=(null===w||void 0===w?void 0:w.length)>0?w.filter(e=>(null===e||void 0===e?void 0:e.productBaseId)===v).map(e=>e.file):[],S.length>1&&B&&(S=(null===w||void 0===w?void 0:w.length)>0?w.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===j}).map(e=>e.file):[])):B&&(S=(null===w||void 0===w?void 0:w.length)>0?w.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===j}).map(e=>e.file):[]),0===S.length&&(S=(null===w||void 0===w?void 0:w.length)>0?w.filter(Boolean).map(e=>e.file):[]);let D=[x.a.createElement("div",{className:"product-wrap"},c&&c.images?x.a.createElement(ne.default,{files:{files:S},limit:1,width:120,height:120}):x.a.createElement("img",{alt:"",src:fe.a,style:{width:50,marginRight:5}}),x.a.createElement("span",null,h||"")),x.a.createElement("div",{className:"sku-wrap"},x.a.createElement("span",null,E)),x.a.createElement("div",{className:"qty-wrap"},x.a.createElement("span",null,d)),x.a.createElement("div",{className:"design-wrap"},t?x.a.createElement(ne.default,{key:i.id,files:{files:t},limit:1,width:120,height:120}):x.a.createElement("img",{alt:"",src:fe.a,style:{width:50}})),x.a.createElement("div",{className:"cost-wrap"},x.a.createElement("span",null,y)),x.a.createElement("div",{className:"status-wrap"},k&&!m?x.a.createElement("div",null,x.a.createElement(n.e,{children:k.name,status:k.status,progress:k.progress?k.progress:null})):x.a.createElement("div",null,x.a.createElement(n.e,{status:null===(l=O)||void 0===l?void 0:l.status,children:m||p}))),x.a.createElement("div",{className:"tracking-code-wrap"},x.a.createElement("span",null,g&&g.code?g.code:null))];b([D])}},[y,h]);const B=Object(P.useCallback)(()=>{g(e=>!e)},[]),D=y&&y.order?y.order:null,M=Object(P.useCallback)((e,t)=>{u(a=>({...a,[t]:e}))},[]),T=Object(P.useCallback)(()=>m(e=>!e),[]),Q=Object(P.useCallback)(()=>{let e=i&&i.id,{__typename:t,...a}=s;O({variables:{input:{...a,id:e}}}),B()},[s,i]),N=p?(I||j&&j.updateOrder)&&x.a.createElement(n.fb,{content:I?Object(R.ib)(I.toString()):j&&j.updateOrder&&"Update shipping address success.",error:I,duration:2e3,onDismiss:B}):null,U=(e,t)=>x.a.createElement(n.cb,{label:"*",labelHidden:!0,id:e,onChange:M,value:s[e],multiline:t?4:null}),L=[{id:"firstName",label:"First name",textField:U("firstName")},{id:"city",label:"City",textField:U("city")},{id:"lastName",label:"Last name",textField:U("lastName")},{id:"state",label:"State",textField:U("state")},{id:"company",label:"Company",textField:U("company")},{id:"postalCode",label:"Postal code",textField:U("postalCode")},{id:"address1",label:"Address 1",textField:U("address1")},{id:"country",label:"Country",textField:x.a.createElement(ve.a,{value:s.country,onChange:e=>u(t=>({...t,country:e}))})},{id:"address2",label:"Address 2",textField:U("address2")},{id:"phone",label:"Phone",textField:U("phone")},{id:"note",label:"Custom provided note",textField:U("note","textArea")},{id:"cpfOrCnpjNumber",label:"CPF/CNPJ number",textField:U("cpfOrCnpjNumber")}],V=x.a.createElement("span",{className:"heading-SA "+(d?"edit":"")},"Shipping Address",[F.pb.Supplier].includes(o)?null:x.a.createElement(n.g,{icon:d?
26559S.a:c.a,onClick:T,plain:!0}));let q=null===D||void 0===D||null===(t=D.customer)||void 0===t?void 0:t.email,H=null===D||void 0===D?void 0:D.transactionStoreId;return H&&H.length&&(H=H.join(", ")),x.a.createElement(x.a.Fragment,null,N,x.a.createElement(n.E,{title:"Order detail: "+((null===D||void 0===D?void 0:D.id)?"#"+D.id:""),open:a,onClose:r,sectioned:!0,large:!0,primaryAction:{content:"Done",onAction:r}},x.a.createElement(Se,null,C?x.a.createElement(Ee.SkeletonPagePolaris,null):x.a.createElement(x.a.Fragment,null,k?x.a.createElement("div",null,"Error: ",Object(R.ib)(k.toString())):x.a.createElement(n.bb,null,x.a.createElement("div",null,x.a.createElement("div",null,x.a.createElement(n.db,{variation:"strong"},"Order number: "),x.a.createElement("span",null,D&&D.originId)),x.a.createElement("div",{style:{marginTop:"0.5rem"}},x.a.createElement(n.db,{variation:"strong"},"Order date: "),x.a.createElement("span",null,D&&be()(D.createdAt).format("YYYY-MM-DD HH:mm:ss"))),x.a.createElement(Be,{value:q,orderId:null===i||void 0===i?void 0:i.id}),x.a.createElement("div",{style:{marginTop:"0.5rem"}},x.a.createElement(n.db,{variation:"strong"},"Transaction ID: "),x.a.createElement("span",null,H))),x.a.createElement(n.v,{element:"h3",children:V}),x.a.createElement("div",{className:"shipping-wrap"},L.map((e,t)=>x.a.createElement("div",{key:t,className:"shipping-item"},x.a.createElement("span",{className:"shipping-label-wrap"},x.a.createElement("label",null,e.label,": ")),d?x.a.createElement(x.a.Fragment,null,e.textField):x.a.createElement("span",null,s[e.id])))),d?x.a.createElement("div",{className:"save-change-wrap"},x.a.createElement(n.g,{children:"Save changes",primary:!0,onClick:Q,loading:w})):null,x.a.createElement("div",{className:"data-wrap"},x.a.createElement(n.n,{columnContentTypes:["text","text","text","text","text","text","text"],headings:["Product","SKU","Qty","Design","Cost","Status","Tracking code"],rows:A,verticalAlign:"middle"})),x.a.createElement(je,{id:i.id}))))))};function Be(e){let{value:t,orderId:a}=e;const[r,i]=Object(ee.a)(!1),[o,s]=Object(ee.a)(!1),[u,d]=Object(P.useState)({msg:null,err:!1}),[m,p]=Object(P.useState)(t),[g,{loading:A}]=Object(l.c)(z.Jd,{onCompleted:()=>{d({msg:"Update email successfully.",err:!1})},onError:e=>{d({msg:Object(R.ib)(e.toString()),err:!0})}}),b=Object(P.useCallback)(e=>{p(e)},[]),h=Object(P.useCallback)(()=>{null!=a&&null!=m&&(s(!0),g({variables:{orderId:a,email:m}}).then(e=>{var t;null!=(null===e||void 0===e||null===(t=e.data)||void 0===t?void 0:t.updateEmailCustomer)&&i(!1)}))},[g,i,s,m,a]),f=o&&u.msg&&x.a.createElement(n.fb,{content:u.msg,error:u.err,duration:1200,onDismiss:s});return x.a.createElement(Pe,{open:r},f,x.a.createElement(n.db,{variation:"strong"},"Billing email: "),r?x.a.createElement(n.cb,{value:m,id:"email",onChange:b,placeholder:"Enter email"}):x.a.createElement("span",null,t),x.a.createElement(n.g,{plain:!0,icon:r?S.a:c.a,onClick:i}),r&&x.a.createElement(n.g,{primary:!0,children:"Save",onClick:h,loading:A}))}const De=["Master","Pocket","Sleeve Left","Sleeve Right","Front","Back","Hood","Full Print","Full Print Back","Sleeves"];const Pe=M.b.div` 26560 margin-top: 0.5rem; 26561 display: flex; 26562 align-items: center; 26563 column-gap: 1rem; 26564 margin-top: 0.5rem; 26565 26566 > div { 26567 max-width: 35rem; 26568 width: 100%; 26569 } 26570 26571 ${e=>{let{open:t}=e;return!t&&M.a` 26572 .Polaris-Button { 26573 min-width: 1.75rem; 26574 min-height: 1.75rem; 26575 26576 .Polaris-Icon { 26577 width: 1.6rem; 26578 height: 1.6rem; 26579 } 26580 } 26581 `}} 26582`;var xe=a(144);const Me=e=>{const{pause:t,open:a,toggleShowModal:r,filter:i,orderId:o,refetch:s}=e,[c,u]=Object(P.useState)(!1),[d,m]=Object(P.useState)(null),[p,{data:g,loading:A,error:b,client:h}]=Object(l.c)(z.Cc,{onError:()=>{}}),f=Object(P.useCallback)(()=>{const e=!!t;p({variables:{id:o,pause:e}}).then(()=>{try{const t=h.readQuery({query:xe.a,variables:{filter:i}});h.writeQuery({query:xe.a,variables:{filter:i},data:{...t,orders:{...t.orders,nodes:t.orders.nodes.map(t=>(t.id===o&&(t.paused=e,t.pausedd=e),t))}}})}catch(b){}}),v();const a=setTimeout(()=>{r(!1),s&&s()},2100);m(a)},[o,t]);Object(P.useEffect)(()=>()=>clearTimeout(d),[]);const v=Object(P.useCallback)(()=>{u(e=>!e)},[]),E=c?(b||g&&g.pauseOrder)&&x.a.createElement(n.fb,{content:b?Object(R.ib)(b.toString()):g&&g.pauseOrder&&"Update order success.",error:b,duration:2e3,onDismiss:v}):null;return x.a.createElement(x.a.Fragment,null,E,x.a.createElement(n.E,{open:a,onClose:r,title:t?"Pause order":"Resume order",sectioned:!0,secondaryActions:[{content:"No",onAction:r}],primaryAction:{content:"Yes",onAction:f,loading:A}},x.a.createElement("p",{id:"pause-resume_modal"},"Are you sure ",t?"pause":"resume"," this order?")))};function Te(e){let{open:t,toggleShowModal:a,value:r,refetch:i}=e;const o=null===r||void 0===r?void 0:r.id,{toggleToast:s,setNotify:c}=Object($.b)(),u=Object(P.useRef)(null),[d,{loading:m}]=Object(l.c)(z.Fc,{onCompleted:()=>{c({msg:"Refetch order info success.",err:!1}),i&&(u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{i()},1200)),a&&a(!1)},onError:e=>{c({msg:Object(R.ib)(e.toString()),err:!0})}}),p=Object(P.useCallback)(()=>{o&&(s&&s(),c&&c({msg:null,err:!1}),d({variables:{orderID:o}}).finally(()=>{a()}))},[o,a,d,s,c]);return x.a.createElement(n.E,{open:t,onClose:a,sectioned:!0,title:"Refetch Printify Order Info",secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:p,loading:m}},x.a.createElement("p",null,"Are you sure to refetch this order?"))}const Qe=e=>{let{open:t,value:a,onClose:r=(()=>{}),refetch:i=(()=>{})}=e;const o=a.id,[s,c]=Object(ee.a)(!1),[u,d]=Object(P.useState)({msg:null,err:!1}),m=Object(P.useRef)(null),[p,{loading:g}]=Object(l.c)(z.Hc,{onError:e=>{d({msg:Object(R.ib)(e.toString()),err:!0}),r(!1)},onCompleted:()=>{d({msg:"Refund this order successfully.",err:!1}),r(!1),m.current&&clearTimeout(m.current),m.current=setTimeout(()=>{i()},1600)}}),A=Object(P.useCallback)(()=>{null!=o&&(c(!0),d({msg:null,err:!1}),p({variables:{id:o}}))},[o,p,c,d]),b=s&&u.msg&&x.a.createElement(n.fb,{content:u.msg,error:u.err,duration:1500,onDismiss:c});return x.a.createElement(P.Fragment,null,b,x.a.createElement(n.E,{title:"Refund Order",open:t,onClose:r,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:r}],primaryAction:{content:"Submit",onAction:A,loading:g}},x.a.createElement("p",null,"Are you sure to refund this order?")))},Re=e=>{let{id:t,toggleShowModal:a,open:r,refetch:i,changeStatusCount:o,convertOS:s}=e;const[c,u]=Object(P.useState)(!1),[d,m]=Object(P.useState)(null),[p,{loading:g,data:A,error:b}]=Object(l.c)(z.xc,{onCompleted:()=>{const e=setTimeout(()=>{a(!1),o&&o(s&&[s.ReadyToPrint,s.PendingPayment,s.Printing,s.Fulfilled,s.Cancelled,s.DesignRejected,s.Error,s.Refunded]),i&&i()},2100);m(e)},onError:()=>{}}),h=Object(P.useCallback)(()=>u(e=>!e),[]),f=Object(P.useCallback)(()=>{t&&(p({variables:{ids:[t]}}),h())},[t]);Object(P.useEffect)(()=>()=>clearTimeout(d),[]);const v=c?(b||A&&A.ordersRefund)&&x.a.createElement(n.fb,{content:b?Object(R.ib)(b.toString()):A&&A.ordersRefund&&"The order is updated to Refunded.",error:b,duration:2e3,onDismiss:h}):null;return x.a.createElement(x.a.Fragment,null,v,x.a.createElement(n.E,{title:"Set status Refunded for order #"+t,open:r,sectioned:!0,onClose:a,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:f,loading:g}},x.a.createElement("p",null,"Are you sure to change status to Refunded for this order?")))};var Fe=e=>{let{open:t,onClose:a,value:r,refetch:i}=e;const{toggleToast:o,setNotify:s}=Object($.b)(),[c,u]=x.a.useState(""),[d,m]=x.a.useState(""),p=x.a.useRef(null),[g,{loading:A}]=Object(l.c)(z.Lc,{onCompleted:()=>
26582{i&&(p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{i()},1500)),a&&a(!1)},onError:e=>{s({msg:Object(R.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),b=x.a.useCallback(()=>{r&&r.id&&(o&&o(),s&&s({msg:null,err:!1}),g({variables:{orderID:r.id,rejectReason:c}}).finally(()=>{a()}))},[null===r||void 0===r?void 0:r.id,c,g,o,s]),h=x.a.useCallback(e=>{let t="";e||(t="Reject reason is required"),m(t),u(e)},[]);return x.a.createElement(n.E,{title:"Reject Current Design",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Submit",onAction:b,loading:A,disabled:!c},secondaryActions:[{content:"Cancel",onAction:a}]},x.a.createElement(n.Y,{vertical:!0},x.a.createElement(n.x,{message:"Must cancel this order in the fulfillment service"}),x.a.createElement("div",null,x.a.createElement(L.a,{label:"Reject reason",required:!0}),x.a.createElement(n.cb,{placeholder:"Enter reject reason",multiline:3,error:d,value:c,onChange:h}))))},Ne=a(17);const Ue=e=>{let{open:t,toggleShowModal:a,value:r,refetch:i,changeStatusCount:o,convertOS:s}=e;const c=null===r||void 0===r?void 0:r.id,{setNotify:u,toggleToast:d}=Object($.b)(),[m,p]=x.a.useReducer(R.Hb,{relatedOrderIds:(null===r||void 0===r?void 0:r.id)?[r.id]:[],options:[],showRelatedOrder:!1,markPause:!1}),{data:g,loading:A}=Object(l.d)(Ne.U,{variables:{originID:null===r||void 0===r?void 0:r.originId},skip:!t||!(null===r||void 0===r?void 0:r.originId)});x.a.useEffect(()=>{const e=function(e){const t=Object(B.get)(e,"getOrderRelations")||[];return Array.from(new Set(t.map(e=>null===e||void 0===e?void 0:e.id).filter(Boolean))).map(e=>({value:e+"",label:e+""}))}(g);p({options:e})},[g]);const b=x.a.useRef(null),[h,{loading:f}]=Object(l.c)(z.h,{onError:e=>{u({msg:Object(R.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})},onCompleted:()=>{u({msg:"Re-submit order success.",err:!1}),b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{a&&a(!1),o&&o(s&&[s.Fulfilled]),i&&i()},2100)}}),v=x.a.useCallback((e,t)=>{p({[t]:e})},[]),E=Object(P.useCallback)(()=>{c&&(d&&d(!0),u&&u({msg:null,err:!1}),h({variables:{orderId:c,markPause:m.markPause,relatedOrderIds:m.showRelatedOrder&&m.relatedOrderIds.length>0?m.relatedOrderIds:void 0}}))},[c,m.relatedOrderIds,m.showRelatedOrder,m.markPause,d,u,h]);return Object(P.useEffect)(()=>()=>b.current&&clearTimeout(b.current),[]),x.a.createElement(x.a.Fragment,null,x.a.createElement(n.E,{open:t,onClose:a,sectioned:!0,title:"Resent order: #"+(c||""),secondaryActions:[{content:"No",onAction:a}],primaryAction:{content:"Yes",onAction:E,loading:f}},x.a.createElement(n.Y,{vertical:!0},x.a.createElement("p",{id:"resent_modal"},"Do you want to re-submit this order to Fulfillment?"),x.a.createElement(n.Y,{vertical:!0,spacing:"extraTight"},x.a.createElement(n.j,{label:"Mark pause",checked:m.markPause,id:"markPause",onChange:v}),x.a.createElement(n.j,{label:"Select related order",checked:m.showRelatedOrder,id:"showRelatedOrder",onChange:v}),x.a.createElement("div",{style:{marginLeft:"1rem"}},A?x.a.createElement(n.X,null):m.showRelatedOrder?x.a.createElement(n.k,{selected:m.relatedOrderIds,choices:m.options,name:"relatedOrderIds",onChange:v,allowMultiple:!0}):null)))))};const Le=e=>{const{open:t,toggleShowModal:a,orderId:r,changeStatusCount:i,convertOS:o,refetch:s,labelFF:c}=e,[u,d]=Object(P.useState)(!1),[m,p]=Object(P.useState)(null),[g,{data:A,loading:b,error:h}]=Object(l.c)(z.dd,{onError:()=>{a(!1)},onCompleted:()=>{a(!1);const e=setTimeout(()=>{i&&i(o&&[o.Error]),s&&s()},2100);p(e)}}),f=Object(P.useCallback)(()=>{g({variables:{orderId:r}}),v()},[]);Object(P.useEffect)(()=>()=>clearTimeout(m),[]);const v=Object(P.useCallback)(()=>d(e=>!e),[]),E=u?(h||A&&A.reSubmitOrderToFulfillment)&&x.a.createElement(n.fb,{content:h?Object(R.ib)(h.toString()):A&&A.reSubmitOrderToFulfillment&&"Resubmit order to Customcat success.",error:h,duration:2e3,onDismiss:v}):null;return x.a.createElement(x.a.Fragment,null,E,x.a.createElement(n.E,{title:"Resubmit to "+c,open:t,onClose:a,secondaryActions:[{content:"No",onAction:a}],primaryAction:{content:"Yes",onAction:f,loading:b},sectioned:!0},x.a.createElement(n.Y,null,x.a.createElement("p",{id:"resubmit_modal"},"Do you want to re-submit this order to Fulfillment?"),x.a.createElement(n.x,{message:"Make sure that you cancelled this order in Fulfillment service"}))))},Ve=e=>{const{open:t,toggleShowModal:a,value:l,refetch:r}=e,i=null===l||void 0===l?void 0:l.id,[o,s]=Object(P.useState)(!1),[c,u]=Object(P.useState)(null),[d,m]=Object(P.useState)({message:null,isError:null});Object(P.useEffect)(()=>()=>clearTimeout(c),[]);const p=Object(P.useCallback)(()=>{s(e=>!e)},[]),g=o?d&&d.message&&x.a.createElement(n.fb,{content:d.message,error:d.isError,duration:2e3,onDismiss:p}):null;return x.a.createElement(x.a.Fragment,null,g,x.a.createElement(G.a,{mutation:z.Tc,onCompleted:()=>{m(()=>({message:"Retrack success",isError:!1}));const e=setTimeout(()=>{a(!1),r&&r()},2100);u(e)},onError:e=>{m(()=>({message:e.toString(),isError:!0}));const t=setTimeout(()=>{a(!1)},2100);u(t)}},(e,l)=>{let{loading:r}=l;return x.a.createElement(n.E,{title:"Order #"+(i||""),open:t,onClose:a,sectioned:!0,primaryAction:{content:"Re track",onAction:()=>{e({variables:{orderId:i}}),p()},loading:r}},x.a.createElement("p",{id:"retrack_modal"},"Are you sure to re track this order?"))}))};var ze=a(238);const qe=I.a` 26583 query stores($filter: StoreFilter) { 26584 stores(filter: $filter) { 26585 total 26586 nodes { 26587 id 26588 title 26589 } 26590 } 26591 } 26592`,He=e=>{const{open:t,toggleShowModal:a,value:r,refetch:i,changeStatusCount:o,convertOS:s}=e,c=null===r||void 0===r?void 0:r.id,u=Y()(r,"store",null),[d,m]=Object(P.useState)(!1),[p,g]=Object(P.useState)(null),[A,b]=Object(P.useState)([]),[h,f]=Object(P.useState)({value:null,label:null}),[v,E]=Object(P.useState)({limit:20,offset:0,search:""}),{data:y,error:C}=Object(l.d)(qe,{variables:{filter:v},skip:!t});Object(P.useEffect)(()=>
26592{if(u){const{id:e,title:t}=u;f({value:e,label:t})}},[u]),Object(P.useEffect)(()=>{var e;const t=((null===y||void 0===y||null===(e=y.stores)||void 0===e?void 0:e.nodes)||[]).filter(Boolean).map(e=>{const{id:t,title:a}=e||{};return{value:t,label:a}});b(t)},[y]);const[k,{data:O,loading:j,error:w}]=Object(l.c)(z.i,{onError:()=>{},onCompleted:()=>{const e=setTimeout(()=>{a(!1),o&&o(s&&[s.PendingDesign,s.Pending]),i&&i()},5e3);g(e)}}),S=Object(P.useCallback)(()=>{c&&(k({variables:{orderId:c,storeId:h.value?h.value:void 0}}),I())},[c,h.value]);Object(P.useEffect)(()=>()=>clearTimeout(p),[]);const I=Object(P.useCallback)(()=>m(e=>!e),[]),B=d?(w||O&&O.adminRevertMappingOrder)&&x.a.createElement(n.fb,{content:w?Object(R.ib)(w.toString()):O&&O.adminRevertMappingOrder&&"Revert mapping order success.",error:w,duration:5e3,onDismiss:I}):null,D=Object(P.useRef)(null),M=Object(P.useCallback)(e=>{D.current&&clearTimeout(D.current),D.current=setTimeout(()=>{E(t=>({...t,search:e,offset:0}))},500)},[]),T=Object(P.useCallback)(e=>{f(e)},[]);return x.a.createElement(x.a.Fragment,null,B,x.a.createElement(n.E,{open:t,onClose:a,sectioned:!0,title:"Revert mapping order: #"+(c||""),secondaryActions:[{content:"No",onAction:a}],primaryAction:{content:"Yes",onAction:S,loading:j}},x.a.createElement(n.Y,{vertical:!0},x.a.createElement(ze.a,{data:A,value:h,onChangeSearch:M,onChange:T,queryError:C,label:"Store",required:!0}),x.a.createElement("p",{id:"revert-mapping_modal"}
26592,"Do you want to revert mapping this order?"))))},$e=e=>{const{open:t,toggleShowModal:a,value:r,refetch:i,changeStatusCount:o,convertOS:s}=e,c=null===r||void 0===r?void 0:r.id,u=null===r||void 0===r?void 0:r.originId,[d,m]=Object(P.useState)([1]),[p,g]=Object(P.useState)(null),[A,b]=Object(P.useState)(!1),[h,{data:f,loading:v,error:E}]=Object(l.c)(z.K,{onError:()=>{},onCompleted:()=>{const e=setTimeout(()=>{a(!1),o&&o(s&&[s.PendingDesign,s.PendingPayment,s.OnHold,s.Pending]),i&&i()},2100);g(e)}});Object(P.useEffect)(()=>()=>clearTimeout(p),[]);const y=Object(P.useCallback)(()=>{b(e=>!e)},[]),C=Object(P.useCallback)(()=>{const e=function(e){let{value:t,orderId:a,orderOriginId:l}=e,n=null,r=null,i=!1,o=!1;switch(t){case 1:n=a,o=!0;break;case 2:n=a;break;case 3:i=!0,r=l,o=!0;break;case 4:i=!0,r=l}return{orderId:n,originId:r,related:i,cancelOrderStore:o}}({value:(null===d||void 0===d?void 0:d.length)>0?d[0]:1,orderId:c,orderOriginId:u});h({variables:e}),y()},[u,d,c]),k=A?(E||f&&f.cancelOrder)&&x.a.createElement(n.fb,{content:E?Object(R.ib)(E.toString()):f&&f.cancelOrder&&"Cancel order success.",error:E,duration:2e3,onDismiss:y}):null,O=Object(P.useCallback)(e=>m(e),[]);return x.a.createElement(x.a.Fragment,null,k,x.a.createElement(n.E,{open:t,onClose:a,title:"Order: #"+(c||""),sectioned:!0,primaryAction:{content:"Cancel now",onAction:C,loading:v}},x.a.createElement(n.k,{title:"Are you sure to cancel order #"+(c||""),titleHidden:!0,choices:[{label:"Cancel this order and cancel in store",value:1},{label:"Cancel this order, without cancel in store",value:2},{label:"Cancel this order & related orders and cancel in store",value:3},{label:"Cancel this order & related orders, without cancel in store",value:4}],selected:d,onChange:O})))};function _e(e){let{title:t,open:a,onClose:r,value:i,refetch:o}=e;const[s,c]=x.a.useState(""),{toggleToast:u,setNotify:d}=Object($.b)(),m=x.a.useRef(null),[p,{loading:g}]=Object(l.c)(z.d,{onCompleted:()=>{d({msg:"Create/Update note success.",err:!1}),o&&(m.current&&clearTimeout(m.current),m.current=setTimeout(()=>{o()},1500)),r&&r(!1)},onError:e=>{d({msg:Object(R.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),A=null===i||void 0===i?void 0:i.sellerNote;x.a.useEffect(()=>{A&&c(A)},[A]);const b=x.a.useCallback(()=>{(null===i||void 0===i?void 0:i.id)&&(u&&u(),d&&d({msg:null,err:!1}),p({variables:{id:i.id,note:s||null}}))},[s,null===i||void 0===i?void 0:i.id]);return x.a.createElement(n.E,{title:t,open:a,onClose:r,sectioned:!0,primaryAction:{content:"Submit",onAction:b,loading:g},secondaryActions:[{content:"Cancel",onAction:r}]},x.a.createElement(n.cb,{label:"Note",value:s,onChange:c,placeholder:"Enter note",multiline:3}))}var Ge=a(542),Ke=a(543),Je=a(544),Ye=a(294),We=a(545),Ze=a(44),Xe=a(654);const et=M.b.div` 26593 .ff-info { 26594 padding-bottom: 2.5rem; 26595 border-bottom: var( 26596 --p-thin-border-subdued, 26597 0.1rem solid var(--p-border-subdued, #dfe3e8) 26598 ); 26599 h3 { 26600 font-size: 17px; 26601 font-weight: 600; 26602 margin-bottom: 1rem; 26603 } 26604 .info-inner { 26605 display: flex; 26606 flex-direction: column; 26607 label { 26608 font-size: 14px; 26609 font-weight: 600; 26610 margin-bottom: 0.5rem; 26611 } 26612 span { 26613 opacity: 0.8; 26614 } 26615 & + .info-inner { 26616 margin-top: 0.875rem; 26617 } 26618 } 26619 } 26620`,tt=e=>{const{open:t,toggleShowModal:a,value:r,refetch:i}=e,{id:o,fulfillmentServiceShippingOption:s}=r||{},[c,u]=Object(P.useState)(null),[d,m]=Object(P.useState)(null),[p,g]=Object(P.useState)(null),[A,b]=Object(P.useState)(!1),[h,f]=Object(P.useState)({productBaseId:null,productBaseVariantId:null}),[v,E]=Object(P.useState)(!1),[y,C]=Object(P.useState)(null),[k,O]=Object(P.useState)(!1),[j,w]=Object(P.useState)([null]),[S,I]=Object(P.useState)(null),[B,D]=Object(P.useState)(new Map),[M,T]=Object(P.useReducer)(R.Hb,{fulfillmentWarehouse:[],isLabel:!1}),{currentUser:N}=Object(Q.c)(),[U,{data:L,loading:V,error:q}]=Object(l.c)(z.vd,{onError:()=>{},onCompleted:()=>{const e=setTimeout(()=>{a(!1),i&&i()},2100);C(e)}});Object(P.useEffect)(()=>()=>clearTimeout(y),[]);const H=Object(P.useCallback)(e=>b(e),[]),[$]=j||[],_=Y()(S,"slug"),G=Y()(S,"label"),{isMerchize:K}=Object(We.b)(_),J=Object(P.useCallback)(()=>{let e=null,t=null;d||(e="Product base is required."),p||(t="Product base variant is required."),f(a=>({...a,productBaseId:e,productBaseVariantId:t}));let a=p,l=[];
26620if(k&&"object"===typeof B)for(let r of B.values()){const{mappingOptions:e,...t}=r||{},a=[];if("object"===typeof e)for(let l of e.values())a.push(l);a.length>0&&l.push({...t,mappingOptions:a})}if(p){var n;let e={baseVariantId:a,fulfillmentId:c,orderId:o,continue:A,usingShippingOption:k,newShippingOption:$,shippingOptionConfigs:k&&(null===l||void 0===l?void 0:l.length)>0?l:void 0};K&&M.isLabel&&(null===(n=M.fulfillmentWarehouse)||void 0===n?void 0:n.length)>0&&M.fulfillmentWarehouse[0]&&M.fulfillmentWarehouse[0].length>0&&(e.fulfillmentWarehouse=M.fulfillmentWarehouse[0]),U({variables:{input:e}})}W()},[c,d,p,A,o,k,$,B,K,M.fulfillmentWarehouse,M.isLabel]),W=Object(P.useCallback)(()=>{E(e=>!e)},[]),Z=v?(q||L&&L.switchFulfillment)&&x.a.createElement(n.fb,{content:q?Object(R.ib)(q.toString()):L&&L.switchFulfillment&&"Switch fulfillment success.",error:q,duration:2e3,onDismiss:W}):null;let X=Y()(r,"productVariant.productBaseVariant.productBase.title",null);if(!X){X=Y()(r,"product.productBases",[]).map(e=>e.title).join(", ")}let ee=Y()(r,"productVariant.productBaseVariant.attributes",[]).map((e,t)=>x.a.createElement("div",{key:t},x.a.createElement("span",null,e.name,": ",e.option)));if(!ee.length){ee=Y()(r,"product.productBases",[]).map(e=>e.attributes&&e.attributes.map((e,t)=>x.a.createElement("div",{key:t},x.a.createElement("span",null,e.name," : ",e.options.join(", ")))))}const te=Object(R.ob)(N),ae=Y()(r,"fulfillment.id"),le=Y()(r,"fulfillment.name"),ne=Y()(r,"fulfillment.slug"),re=[le,G].join(" -> "),ie=F.jb[_];Object(P.useEffect)(()=>{if(te&&A&&ae&&c){const e=Object(Ye.c)(ae,c);D(t=>{if(t.has(e))return t;const a=ce.current&&ce.current.getOptions()||[],l=new Map(a.map(e=>{let{value:t}=e;return[t,{originShippingMethod:t,targetShippingMethod:null}]}));return t.set(e,{targetFulfillmentID:c,originFulfillmentID:ae,mappingOptions:l}),t})}},[ae,c,te,A]);const oe=Object(P.useCallback)((e,t)=>{T({fulfillmentWarehouse:e,isLabel:t})},[]),se=Object(P.useCallback)((e,t)=>{const a=Object(Ye.c)(ae,c);D(l=>{if(!l.has(a))return l;const{mappingOptions:n,...r}=l.get(a);if(0===n.size)return l;const i=n.get(e);return i?(i.targetShippingMethod=t,n.set(e,i),l.set(a,{...r,mappingOptions:n}),l):l})},[ae,c]),ce=Object(P.useRef)(null);return console.log("fulfillment",S),console.log("isMerchize",K),x.a.createElement(x.a.Fragment,null,Z,x.a.createElement(n.E,{open:t,onClose:a,sectioned:!0,large:!0,title:"Switch fulfillment order: #"+(o||null),secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:J,loading:V}},x.a.createElement(et,{id:"switchff-modal"},x.a.createElement("div",{className:"ff-info"},x.a.createElement("h3",null,"Item information"),x.a.createElement("div",{className:"info-inner"},x.a.createElement("label",null,"Product base:"),x.a.createElement("span",null,X)),x.a.createElement("div",{className:"info-inner"},x.a.createElement("label",null,"Item atributes:"),x.a.createElement("span",null,ee)),!!s&&x.a.createElement("div",{className:"info-inner"},x.a.createElement("label",null,"Current Fulfillment Shipping Option:"),x.a.createElement("div",null,x.a.createElement(n.e,{children:s})))),x.a.createElement("div",{style:{paddingTop:"1.6rem"}},x.a.createElement(n.s,null,x.a.createElement(n.t,null,x.a.createElement(Ge.a,{exclude:Y()(r,"fulfillmentId",null),onChange:e=>u(e),setFulfillment:I}),x.a.createElement(Ke.a,{fulfillmentId:c,onChange:e=>{m(e),f(e=>({...e,productBaseId:null}))},error:h.productBaseId}),x.a.createElement(Je.a,{productBaseId:d,onChange:e=>{g(e),f(e=>({...e,productBaseVariantId:null}))},error:h.productBaseVariantId}),!!K&&x.a.createElement(Ze.a,null,x.a.createElement(Xe.a,{warehouse:M.fulfillmentWarehouse,onChange:oe})),te?x.a.createElement(n.j,{checked:A,label:"Save settings",helpText:"Apply this
26620settings for future orders of this product base variant.",onChange:H}):null,ie?x.a.createElement(at,{ref:ce,shippingOption:ie,newShippingOption:j,isSaveSettings:A,showSaveSetting:te,cardTtitle:re,onChange:se,originFulfillmentSlug:ne,fulfillmentSlug:_,setNewShippingOption:w,usingShippingOption:k,setUsingShippingOption:O}):null))))))},at=x.a.forwardRef((function(e,t){let{shippingOption:a,usingShippingOption:l,setUsingShippingOption:r,newShippingOption:i,setNewShippingOption:o,showSaveSetting:s,cardTtitle:c,originFulfillmentSlug:u,fulfillmentSlug:d,onChange:m,isSaveSettings:p}=e;const g=Object(P.useMemo)(()=>{if(!a||"object"!==typeof a)return[];const e=Object.entries(a).map(e=>{let[t,a]=e;return{value:t,label:a}});return e.unshift({value:null,label:"Default"}),e},[a]),A=Object(P.useMemo)(()=>{const e=F.jb[u];let t=[];return e&&(t=Object.entries(e).map(e=>{let[t,a]=e;return{value:t,label:a}}),t.unshift({value:null,label:"Default"})),t},[u]),b=Object(P.useCallback)(e=>t=>{const[a]=t||[];m(e,a)},[m]);return Object(P.useImperativeHandle)(t,()=>({getOptions:()=>A}),[A]),x.a.createElement("div",null,x.a.createElement(n.Y,{vertical:!0},x.a.createElement(n.j,{label:"Using Shipping Option",checked:l,onChange:r}),x.a.createElement("div",{style:{marginLeft:"1rem"}},x.a.createElement(n.l,{open:l},x.a.createElement(n.Y,{vertical:!0,spacing:"loose"},x.a.createElement(n.k,{choices:g,selected:i,onChange:o,title:"Shipping Options for this order"}),s&&p&&(null===A||void 0===A?void 0:A.length)>0?x.a.createElement(n.i,{title:"Shipping Options for next orders",sectioned:!0},x.a.createElement(n.Y,{vertical:!0},x.a.createElement(n.v,{element:"h3",children:c}),A.map((e,t)=>{const a=x.a.createElement(n.cb,{disabled:!0,value:e.label});return x.a.createElement(n.Y,{distribution:"fillEvenly",spacing:"loose",key:"shipping-options-"+t},a,x.a.createElement(Ye.a,{targetSlug:d,onChange:b(e.value),defaultValue:[]}))}))):null)))))})),lt=I.a` 26621 query order($id: ID!) { 26622 order(id: $id) { 26623 id 26624 carrier { 26625 id 26626 } 26627 productVariant { 26628 productBaseVariant { 26629 id 26630 carrierPricing { 26631 id 26632 price 26633 carrier { 26634 id 26635 name 26636 } 26637 } 26638 } 26639 } 26640 } 26641 } 26642`;function nt(e){let{value:t,onClose:a=(()=>{}),open:r,refetch:i}=e;const{id:o}=t||{},[s,c]=x.a.useState([]),[u,d]=x.a.useState([]),{toggleToast:m,setNotify:p}=Object($.b)(),{data:g,loading:A,error:b}=Object(l.d)(lt,{variables:{id:o},skip:!o||!r}),h=x.a.useRef(null),[f,{loading:v}]=Object(l.c)(z.Dd,{onCompleted:()=>{p({msg:"Update carrier success.",err:!1}),i&&(h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{i()},1200)),a&&a(!1)},onError:e=>{p({msg:Object(R.ib)(e.toString()),err:!0})}});x.a.useEffect(()=>{var e,t,a,l,n;const r=(null===g||void 0===g||null===(e=g.order)||void 0===e||null===(t=e.productVariant)||void 0===t||null===(a=t.productBaseVariant)||void 0===a?void 0:a.carrierPricing)||[];if(0===r.length)return;let i=null===(l=g.order)||void 0===l||null===(n=l.carrier)||void 0===n?void 0:n.id;const o=r.map(e=>{if(e&&e.carrier)return{value:e.carrier.id,label:e.carrier.name}}).filter(Boolean);if(i)d([i]);else if((null===o||void 0===o?void 0:o.length)>0){const[e]=o;(null===e||void 0===e?void 0:e.value)&&d([e.value])}c(o)},[g]);const E=x.a.useCallback(()=>{if(!o||!u[0])return null;m&&m(!0),p({msg:null,err:!1}),f({variables:{orderID:o,carrierID:u[0]}})},[o,u,f]);return x.a.createElement(n.E,{title:"Update Carrier",sectioned:!0,open:r,onClose:a,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:E,loading:v}},A?x.a.createElement(n.X,{size:"small"}):b?x.a.createElement("div",null,"Error:",null===b||void 0===b?void 0:b.toString()):x.a.createElement(n.k,{title:"Carriers",choices:s,onChange:d,selected:u}))}var rt=a(1375),it=a(71),ot=a(52);const st=Object(P.createContext)(!1);function ct(e){let{children:t}=e;const[a,l]=Object(P.useState)(!1),n=Object(P.useMemo)(()=>
26642({loading:a,setLoading:l}),[]);return x.a.createElement(st.Provider,{value:n},t(a,l))}var ut=a(179);const dt=x.a.lazy(()=>a.e(5).then(a.bind(null,1770))),mt=e=>{var t;const{open:a,toggleShowModal:r,value:i,refetch:o}=e,s=i&&i.id,c=i&&i.productVariant&&i.productVariant.productBaseVariant&&i.productVariant.productBaseVariant.productBase?i.productVariant.productBaseVariant.productBase.id:i.product.productBases[0].id,[u,d]=Object(P.useState)([]),[m,p]=Object(P.useState)({}),[g,A]=Object(P.useState)(!1),[b,h]=Object(P.useState)(F.v),[f,v]=x.a.useReducer(R.Hb,{disableSubmit:!1,dimensions:{},currentDesignId:{},checkingDimensions:{}});x.a.useEffect(()=>{i&&i.id&&a&&(async()=>{let e=F.v;await Object(ut.c)(i.id)&&(e=F.w),h(e)})()},[null===i||void 0===i?void 0:i.id,a]);const E=Object(P.useCallback)(e=>()=>{e(!0);let t=u,a=t&&t.length>0?t.map((e,t)=>{if(m[t][0])return{designPositionId:e.designPosition.id,fileId:m[t][0].id}}).filter(Boolean):[];k({variables:{id:s,input:a}}).finally(()=>{e(!1)}),S()},[m,u]),[y,{data:C}]=Object(l.b)(Ne.Q,{fetchPolicy:"no-cache"}),[k,{data:O,loading:j,error:w}]=Object(l.c)(z.Vd,{onError:()=>{r(!1)},onCompleted:()=>{const e=setTimeout(()=>{r(!1),o&&o()},2100);setTimeout(e)}});Object(P.useEffect)(()=>{s&&c&&a&&y({variables:{id:s,productBaseId:c}})},[s,c,a,y]),Object(P.useEffect)(()=>{var e,t;let a=(null===C||void 0===C||null===(e=C.getOrderDesigns)||void 0===e?void 0:e.orderDesigns)||[],l=(null===i||void 0===i||null===(t=i.product)||void 0===t?void 0:t.designPositions)||[];const n=Object(B.get)(i,"fulfillment.slug")===T.p;let r=(a||[]).map(e=>{var t;return null===e||void 0===e||null===(t=e.designPosition)||void 0===t?void 0:t.id});if(r&&!n&&(null===l||void 0===l?void 0:l.length)>0){let e=l.filter(e=>{var t;return!r.includes(null===e||void 0===e||null===(t=e.designPosition)||void 0===t?void 0:t.id)});(null===e||void 0===e?void 0:e.length)>0&&(a=a.concat(e))}a=a.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.designPosition)||void 0===t?void 0:t.productBaseId)===c}),a=pt(a),d(a)},[C,i,c]),Object(P.useEffect)(()=>{if("object"!==typeof f.dimensions)return;const e=Object(ut.b)(f.dimensions);v({disableSubmit:e})},[f.dimensions]);const S=Object(P.useCallback)(()=>A(e=>!e),[]),I=Object(P.useCallback)(e=>t=>{p(a=>({...a,[e]:t}));let a=null;const l={};(null===t||void 0===t?void 0:t.length)>0?a=t[0]?t[0].id:null:l[e]=null;const n={...f.currentDesignId,[e]:a};v(e=>({...e,currentDesignId:n,dimensions:{...e.dimensions,...l}}))},[f.currentDesignId]),D=x.a.useRef(null),M=Object(P.useCallback)(e=>t=>{D.current&&clearTimeout(D.current),D.current=setTimeout(()=>{v(!0!==t?a=>{const l=Object(ut.a)({dimensions:t,index:e,designId:a.currentDesignId});return{...a,dimensions:{...a.dimensions,...l}}}:e=>({...e,disableSubmit:!1}))},150)},[]),Q=Object(P.useCallback)(e=>t=>{v({checkingDimensions:{...f.checkingDimensions,[e]:t}})}
26642,[f.checkingDimensions]),N=g?(w||O&&O.updateOrderDesign)&&x.a.createElement(n.fb,{content:w?Object(R.ib)(w.toString()):O&&O.updateOrderDesign&&"Update design success.",error:w,duration:2e3,onDismiss:S}):null,U=Object(B.get)(i,"product",null),L=null===U||void 0===U?void 0:U.mainImageId,V=null===U||void 0===U?void 0:U.images;let q=[];const H=(null===U||void 0===U||null===(t=U.productBases)||void 0===t?void 0:t.length)>1,$=L||"undefined"!==L;c&&H?(q=(null===V||void 0===V?void 0:V.length)>0?V.filter(e=>(null===e||void 0===e?void 0:e.productBaseId)===c).map(e=>e.file):[],q.length>1&&$&&(q=(null===V||void 0===V?void 0:V.length)>0?V.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===L}).map(e=>e.file):[])):$&&(q=(null===V||void 0===V?void 0:V.length)>0?V.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===L}).map(e=>e.file):[]),0===q.length&&(q=(null===V||void 0===V?void 0:V.length)>0?V.filter(Boolean).map(e=>e.file):[]);let _=q.length&&Object(B.head)(q),G=_?_.url?_.url:_.thumbnailUrl?_.thumbnailUrl:null:null,K=_?_.thumbnailUrl?_.thumbnailUrl:_.url?_.url:null:null;return x.a.createElement(x.a.Fragment,null,N,x.a.createElement(ct,null,(e,t)=>x.a.createElement(n.E,{title:"Update design",open:a,onClose:r,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:r}],primaryAction:{content:"OK",onAction:E(t),loading:j,disabled:e||f.disableSubmit}},x.a.createElement(gt,{id:"update-design_modal"},x.a.createElement("div",{className:"content_wrap"},x.a.createElement("div",{className:"thumbnail_wrap"},x.a.createElement("h3",null,"Thumbnail"),x.a.createElement("div",{className:"thumbnail_content"},x.a.createElement("img",{src:K,alt:""}),x.a.createElement("div",{className:"view-origin"},x.a.createElement("div",{className:"img-wrap"},x.a.createElement(ot.a,{href:G},x.a.createElement(n.w,{source:rt.a})))))),x.a.createElement("div",{className:"design-position_wrap"},x.a.createElement("div",{className:"design-position_inner"},x.a.createElement("h3",null,"Design"),x.a.createElement(x.a.Fragment,null,(null===u||void 0===u?void 0:u.length)>0?u.map((e,t)=>{const a=Object(B.get)(e,"designPosition");let l=Object(R.P)(a),r=Object(B.get)(a,"description");m&&(l=`${l} (${r})`);const i=f.checkingDimensions[t],o=f.dimensions[t];return x.a.createElement("div",{key:t,className:"design-position-content"},x.a.createElement("div",{className:"design-position_item"},x.a.createElement(it.a,{value:e&&(e.file?[e.file]:[]),isPrintFile:!0,prefix:"print_files/",folder:"undefined",singleUpload:!0,multiple:!1,isUpdateDesign:!0,dPName:l,maxSize:b,onChange:I(t),isCompareDesign:!0,designPosition:a,onCheckDimensions:M(t),onCheckingDimensions:Q(t)})),x.a.createElement(Ze.a,{fallback:x.a.createElement(n.X,{size:"small"})},x.a.createElement(dt,{loading:i,msg:null===o||void 0===o?void 0:o.message,type:null===o||void 0===o?void 0:o.type})),u.length>1&&"master"===e.designPosition.name.toLowerCase()&&x.a.createElement("div",{style:{marginTop:"1rem"}},"Or"))}):null))))))))},pt=e=>{if(Object(R.c)(e))return e;e.sort((e,t)=>{var a,l;return(null===e||void 0===e||null===(a=e.designPosition)||void 0===a?void 0:a.sorting)-(null===t||void 0===t||null===(l=t.designPosition)||void 0===l?void 0:l.sorting)||0});const t=e.findIndex(e=>{var t,a;return"master"===(null===e||void 0===e||null===(t=e.designPosition)||void 0===t||null===(a=t.name)||void 0===a?void 0:a.toLowerCase())});return t>0&&([e[0],e[t]]=[e[t],e[0]]),e},gt=M.b.div` 26643 display: flex; 26644 flex-direction: column; 26645 row-gap: 1rem; 26646 .content_wrap { 26647 display: flex; 26648 flex-direction: row; 26649 column-gap: 2rem; 26650 .thumbnail_wrap { 26651 display: flex; 26652 flex-direction: column; 26653 row-gap: 1rem; 26654 width: 50%; 26655 label { 26656 display: inline-block; 26657 font-size: 1.4rem; 26658 font-weight: 500; 26659 } 26660 } 26661 .thumbnail_content { 26662 display: flex; 26663 flex-direction: column; 26664 text-align: center; 26665 row-gap: 0.75rem; 26666 position: relative; 26667 &:hover { 26668 .view-origin { 26669 opacity: 1; 26670 } 26671 } 26672 .view-origin { 26673 position: absolute; 26674 top: 0; 26675 right: 0; 26676 bottom: 0; 26677 left: 0; 26678 text-align: right; 26679 padding-top: 1rem; 26680 padding-right: 1rem; 26681 background: linear-gradient( 26682 180deg, 26683 rgba(33, 43, 54, 0.55), 26684 hsla(0, 0%, 100%, 0) 26685 ); 26686 opacity: 0; 26687 transition: 0.3s opacity ease-out; 26688 .img-wrap { 26689 display: inline-block; 26690 } 26691 .Polaris-Icon { 26692 svg { 26693 fill: hsla(0, 0%, 100%, 0.8); 26694 } 26695 } 26696 } 26697 img { 26698 width: 100%; 26699 height: 28rem; 26700 object-fit: cover; 26701 border-radius: 3px; 26702 box-shadow: 0 -1px 15px -3px rgba(0, 0, 0, 0.1), 26703 0 4px 6px 2px rgba(0, 0, 0, 0.1); 26704 } 26705 } 26706 .design-position_wrap { 26707 width: 50%; 26708 .design-position_item { 26709 display: flex; 26710 } 26711 .design-position_inner { 26712 display: flex; 26713 flex-flow: column; 26714 row-gap: 1rem; 26715 .design-position-content { 26716 & + .design-position-content { 26717 padding-top: 1rem; 26718 } 26719 } 26720 .loading_wrap { 26721 display: flex; 26722 justify-content: center; 26723 } 26724 .artwork_inner { 26725 word-break: break-all; 26726 overflow: hidden; 26727 text-overflow: ellipsis; 26728 } 26729 .design-position-info { 26730 display: flex; 26731 flex-direction: column; 26732 row-gap: 0.75rem; 26733 margin-top: 1rem; 26734 > div { 26735 display: flex; 26736 flex-direction: column; 26737 row-gap: 0.5rem; 26738 text-align: center; 26739 } 26740 } 26741 } 26742 } 26743 } 26744 h3 { 26745 font-size: 16px; 26746 font-weight: 500; 26747 margin-bottom: 0.5rem; 26748 } 26749`;function At(e){let{value:t,onClose:a,open:r,refetch:i}=e;const{id:o,storeId:s}=t||{},[c,u]=Object(P.useReducer)((e,t)=>({...e,...t}),{baseCost:null,shippingCost:null,used:!1});Object(P.useEffect)(()=>
26749{if(!t)return;const{baseCost:e,shippingCost:a,usedCalcCost:l}=t;u({baseCost:e+"",shippingCost:a+"",used:!!l})},[null===t||void 0===t?void 0:t.baseCost,null===t||void 0===t?void 0:t.shippingCost,null===t||void 0===t?void 0:t.usedCalcCost]);const{setNotify:d,toggleToast:m}=Object($.b)(),p=Object(P.useRef)(null),[g,{loading:A}]=Object(l.c)(z.Td,{onCompleted:()=>{d({msg:"Update order's cost success.",err:!1}),i&&(p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{i()},1500)),a&&a(!1)},onError:e=>{d({msg:Object(R.ib)(e.toString()),err:!0})}}),[b]=Object(l.c)(z.wc,{onError:()=>{},onCompleted:()=>{a&&a(!1)}}),h=Object(P.useCallback)(()=>{if(!o||!s)return;m&&m(),d&&d({msg:null,err:!1});const{used:e,...t}=c;g({variables:{input:{orderId:o,storeId:s,...t}}});b({variables:{ids:[o],used:e}})},[m,d,o,s,c,g,b]),f=Object(P.useCallback)((e,t)=>{u({[t]:e})},[]);return x.a.createElement(n.E,{title:"Update Cost",sectioned:!0,open:r,onClose:a,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:h,loading:A}},x.a.createElement(n.Y,{vertical:!0},x.a.createElement(n.j,{id:"used",label:"Apply this cost to report",checked:c.used,onChange:f}),x.a.createElement(n.cb,{label:"Base cost",min:0,type:"number",placeholder:"Enter base cost",onChange:f,id:"baseCost",value:c.baseCost}),x.a.createElement(n.cb,{label:"Shipping cost",min:0,type:"number",placeholder:"Enter shipping cost",onChange:f,id:"shippingCost",value:c.shippingCost})))}var bt=e=>{let{open:t,onClose:a,value:r,refetch:i}=e;const{toggleToast:o,setNotify:s}=Object($.b)(),[c,u]=x.a.useState((null===r||void 0===r?void 0:r.quantity)+""||"1"),d=x.a.useRef(null),[m,{loading:p}]=Object(l.c)(z.Yd,{onCompleted:()=>{s({msg:"Update order quantity success",err:!1}),i&&(d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{i()},1500)),a&&a(!1)},onError:e=>{s({msg:Object(R.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),g=x.a.useCallback(()=>
26749{(null===r||void 0===r?void 0:r.id)&&(o&&o(),s&&s({msg:null,err:!1}),m({variables:{orderID:r.id,qty:parseInt(c)}}).finally(()=>{a()}))},[null===r||void 0===r?void 0:r.id,c,m,o,s]);return x.a.createElement(n.E,{title:"Update Quantity",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Submit",onAction:g,loading:p},secondaryActions:[{content:"Cancel",onAction:a}]},x.a.createElement(n.cb,{label:"Quantity",value:c,onChange:u,placeholder:"Enter order's quantity",error:c<1?"Quantity is required":"",type:"number",min:1}))};function ht(e){let{value:t,onClose:a,open:r,refetch:i}=e;const{id:o,storeId:s}=t||{},c=Y()(t,"quantity"),u=Y()(t,"product.regularPrice"),d=Number.parseFloat(Object(R.a)(u*c*10),2)||500,[m,p]=Object(P.useState)(""),g=Object(P.useRef)(null),{toggleToast:A,setNotify:b}=Object($.b)(),[h,{loading:f}]=Object(l.c)(z.Zd,{onCompleted:()=>{b({msg:"Update revenue success.",err:!1}),i&&(g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{i()},1200)),a&&a(!1)},onError:e=>{b({msg:Object(R.ib)(e.toString()),err:!0})}}),v=Object(P.useCallback)(()=>{if(!o||!s||m<0)return;const e=Number.parseFloat(Object(R.a)(m,2));A&&A(!0),b({msg:null,err:!1}),h({variables:{orderId:o,storeId:s,revenue:e}})},[o,s,m]);return x.a.createElement(n.E,{title:"Update Revenue",open:r,sectioned:!0,onClose:a,primaryAction:{content:"Submit",onAction:v,loading:f},secondaryActions:[{content:"Cancel",onAction:a}]},x.a.createElement(n.cb,{value:m,onChange:e=>{Number.parseFloat(Object(R.a)(e,2))>d||p(e)},label:"New revenue",placeholder:"Enter new revenue",max:d,min:0,type:"number",helpText:`Min is: 0, max is: ${d} ( regular price * quantity * 10 ).`}))}var ft=a(537),vt=a(207);const Et=x.a.lazy(()=>a.e(5).then(a.bind(null,1770))),yt=e=>{var t;const{open:a,toggleShowModal:r,value:i,refetch:o,changeStatusCount:s,convertOS:c}=e,u=i&&i.id,d=i&&i.productVariant&&i.productVariant.productBaseVariant&&i.productVariant.productBaseVariant.productBase?i.productVariant.productBaseVariant.productBase.id:i.product.productBases[0].id,{
26749currentUser:m}=Object(Q.c)(),p=Object(R.yb)(m),[g,A]=Object(P.useState)(!0),[b,h]=Object(P.useState)([]),[f,v]=Object(P.useState)({}),[E,y]=Object(P.useState)(!1),[C,k]=Object(P.useState)(null),[O,j]=Object(P.useState)(F.v),[w,S]=x.a.useReducer(R.Hb,{disableSubmit:!1,dimensions:{},currentDesignId:{},checkingDimensions:{}});x.a.useEffect(()=>{i&&i.id&&a&&(async()=>{let e=F.v;await Object(ut.c)(i.id)&&(e=F.w),j(e)})()},[null===i||void 0===i?void 0:i.id,a]),Object(vt.a)(a);const[I,{data:D}]=Object(l.b)(Ne.Q,{fetchPolicy:"no-cache"}),[M,{data:T,loading:N,error:U}]=Object(l.c)(z.ye,{onError:()=>{},onCompleted:()=>{const e=setTimeout(()=>{r(!1),s&&s(c&&[c.PendingDesign,c.Pending]),o&&o()},2100);k(e)}});Object(P.useEffect)(()=>{u&&d&&a&&I({variables:{id:u,productBaseId:d}})},[u,d,a]),Object(P.useEffect)(()=>{var e;let t=(null===D||void 0===D||null===(e=D.getOrderDesigns)||void 0===e?void 0:e.orderDesigns)||[];t=pt(t),h(t)},[D]),Object(P.useEffect)(()=>()=>clearTimeout(C),[]),Object(P.useEffect)(()=>{if("object"!==typeof w.dimensions)return;const e=Object(ut.b)(w.dimensions);S({disableSubmit:e})},[w.dimensions]);const L=Object(P.useCallback)(()=>y(e=>!e),[]),V=Object(P.useCallback)(e=>()=>{e(!0);let t=b,a=t&&t.length>0?t.map((e,t)=>f[t][0]?{designPositionId:e.designPosition.id,fileId:f[t][0].id}:{designPositionId:e.designPosition.id,fileId:null}).filter(Boolean):[];M({variables:{id:u,input:a,cancelOtherTask:g}}).finally(()=>{e(!1)}),L()},[f,b,g]),q=Object(P.useCallback)(e=>t=>{v(a=>({...a,[e]:t}));let a=null;const l={};(null===t||void 0===t?void 0:t.length)>0?a=t[0]?t[0].id:null:l[e]=null;const n={...w.currentDesignId,[e]:a};S(e=>({...e,currentDesignId:n,dimensions:{...e.dimensions,...l}}))},[w.currentDesignId]),H=x.a.useRef(null),$=Object(P.useCallback)(e=>t=>{H.current&&clearTimeout(H.current),H.current=setTimeout(()=>{S(!0!==t?a=>{const l=Object(ut.a)({dimensions:t,index:e,designId:a.currentDesignId});return{...a,dimensions:{...a.dimensions,...l}}}:e=>({...e,disableSubmit:!1}))},150)},[]),_=Object(P.useCallback)(e=>t=>{S({checkingDimensions:{...w.checkingDimensions,[e]:t}})},[w.checkingDimensions]),G=E?(U||T&&T.uploadOrderDesign)&&x.a.createElement(n.fb,{content:U?Object(R.ib)(U.toString()):T&&T.uploadOrderDesign&&"Upload design success.",error:U,duration:2e3,onDismiss:L}):null,K=Object(B.get)(i,"product",null),J=null===K||void 0===K?void 0:K.mainImageId,Y=null===K||void 0===K?void 0:K.images;let W=[];const Z=(null===K||void 0===K||null===(t=K.productBases)||void 0===t?void 0:t.length)>1,X=J||"undefined"!==J;d&&Z?(W=(null===Y||void 0===Y?void 0:Y.length)>0?Y.filter(e=>(null===e||void 0===e?void 0:e.productBaseId)===d).map(e=>e.file):[],W.length>1&&X&&(W=(null===Y||void 0===Y?void 0:Y.length)>0?Y.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===J}).map(e=>e.file):[])):X&&(W=(null===Y||void 0===Y?void 0:Y.length)>0?Y.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===J}).map(e=>e.file):[]),0===W.length&&(W=(null===Y||void 0===Y?void 0:Y.length)>0?Y.filter(Boolean).map(e=>e.file):[]);let ee=W.length&&Object(B.head)(W),te=ee?ee.url?ee.url:ee.thumbnailUrl?ee.thumbnailUrl:null:null,ae=ee?ee.thumbnailUrl?ee.thumbnailUrl:ee.url?ee.url:null:null;return x.a.createElement(x.a.Fragment,null,G,x.a.createElement(ct,null,(e,t)=>x.a.createElement(n.E,{title:"Upload design",open:a,onClose:r,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:r}],primaryAction:{content:"OK",onAction:V(t),loading:N,disabled:e}},x.a.createElement(Ct,{id:"upload-design_modal"},x.a.createElement("div",null,x.a.createElement(n.j,{label:"Cancel related Tasks",checked:g,onChange:()=>A(e=>!e)})),x.a.createElement("div",{className:"content_wrap"},x.a.createElement("div",{className:"thumbnail_wrap"},x.a.createElement("label",null,"Thumbnail"),x.a.createElement("div",{className:"thumbnail_content"},x.a.createElement("img",{src:ae,alt:""}),x.a.createElement("div",{className:"view-origin"},x.a.createElement("div",{className:"img-wrap"},x.a.createElement(ot.a,{href:te},x.a.createElement(n.w,{source:rt.a})))))),x.a.createElement("div",{className:"design-position_wrap"},x.a.createElement("div",{className:"design-position_inner"},e?x.a.createElement("div",{className:"loading_wrap"},x.a.createElement(n.X,null)):x.a.createElement(x.a.Fragment,null,(null===b||void 0===b?void 0:b.length)>0?b.map((e,t)=>{const a=Object(B.get)(e,"designPosition");let l=Object(R.P)(a);const r=w.checkingDimensions[t],i=w.dimensions[t];return x.a.createElement("div",{key:t,className:"design-position-content"},x.a.createElement("label",null,l),x.a.createElement("div",{className:"design-position_item"},x.a.createElement(it.a,{value:e&&(e.file?[e.file]:[]),isPrintFile:!0,prefix:"print_files/",folder:"undefined",singleUpload:!0,multiple:!1,maxSize:O,onChange:q(t),isCompareDesign:!p,designPosition:a,onCheckDimensions:$(t),onCheckingDimensions:_(t)})),x.a.createElement(Ze.a,{fallback:x.a.createElement(n.X,{size:"small"})},x.a.createElement(Et,{loading:r,msg:null===i||void 0===i?void 0:i.message,type:null===i||void 0===i?void 0:i.type})),x.a.createElement("div",{className:"design-position-info"},e.designPosition&&e.designPosition.description&&x.a.createElement("span",null,`(${e.designPosition.description})`),e.designPosition.artworkGuidelines&&e.designPosition.artworkGuidelines.length?x.a.createElement("div",null,x.a.createElement("strong",{style:{display:"inline-block"}},"Artguides:"," "),e.designPosition.artworkGuidelines.map((t,a)=>x.a.createElement("div",{key:"artworkGuidelines-"+a,className:"artwork_inner"},x.a.createElement(ot.a,{href:""+(t.file.url||t.file.thumbnailUrl)},` ${t.file.name} `),a!==e.designPosition.artworkGuidelines.length-1?"|":""))):null),b.length>1&&"master"===e.designPosition.name.toLowerCase()&&x.a.createElement("div",{style:{marginTop:"1rem"}},"Or"))}):null))))))))},Ct=M.b.div` 26750 display: flex; 26751 flex-direction: column; 26752 row-gap: 1rem; 26753 .content_wrap { 26754 display: flex; 26755 flex-direction: row; 26756 column-gap: 2rem; 26757 .thumbnail_wrap { 26758 display: flex; 26759 flex-direction: column; 26760 row-gap: 1rem; 26761 width: 50%; 26762 label { 26763 display: inline-block; 26764 font-size: 1.4rem; 26765 font-weight: 500; 26766 } 26767 } 26768 .thumbnail_content { 26769 display: flex; 26770 flex-direction: column; 26771 text-align: center; 26772 row-gap: 0.75rem; 26773 position: relative; 26774 &:hover { 26775 .view-origin { 26776 opacity: 1; 26777 } 26778 } 26779 .view-origin { 26780 position: absolute; 26781 top: 0; 26782 right: 0; 26783 bottom: 0; 26784 left: 0; 26785 text-align: right; 26786 padding-top: 1rem; 26787 padding-right: 1rem; 26788 background: linear-gradient( 26789 180deg, 26790 rgba(33, 43, 54, 0.55), 26791 hsla(0, 0%, 100%, 0) 26792 ); 26793 opacity: 0; 26794 transition: 0.3s opacity ease-out; 26795 .img-wrap { 26796 display: inline-block; 26797 } 26798 .Polaris-Icon { 26799 svg { 26800 fill: hsla(0, 0%, 100%, 0.8); 26801 } 26802 } 26803 } 26804 } 26805 img { 26806 width: 100%; 26807 height: 28rem; 26808 object-fit: cover; 26809 border-radius: 3px; 26810 box-shadow: 0 -1px 15px -3px rgba(0, 0, 0, 0.1), 26811 0 4px 6px 2px rgba(0, 0, 0, 0.1); 26812 } 26813 } 26814 .design-position_wrap { 26815 width: 50%; 26816 .design-position_item { 26817 display: flex; 26818 } 26819 .design-position_inner { 26820 display: flex; 26821 flex-flow: column; 26822 row-gap: 1rem; 26823 .design-position-content + .design-position-content { 26824 border-top: var( 26825 --p-thin-border-subdued, 26826 0.1rem solid var(--p-border-subdued, #dfe3e8) 26827 ); 26828 padding-top: 1rem; 26829 } 26830 .loading_wrap { 26831 display: flex; 26832 justify-content: center; 26833 } 26834 label { 26835 font-size: 1.4rem; 26836 font-weight: 500; 26837 margin-bottom: 1.09rem; 26838 display: inline-block; 26839 } 26840 .artwork_inner { 26841 word-break: break-all; 26842 overflow: hidden; 26843 text-overflow: ellipsis; 26844 } 26845 .design-position-info { 26846 display: flex; 26847 flex-direction: column; 26848 row-gap: 0.75rem; 26849 margin-top: 1rem; 26850 > div { 26851 display: flex; 26852 flex-direction: column; 26853 row-gap: 0.5rem; 26854 } 26855 } 26856 } 26857 } 26858 } 26859`;var kt=a(30);const Ot=I.a` 26860 query getFulfillmentInfo($orderId: ID!) { 26861 getFulfillmentInfo(orderId: $orderId) { 26862 tracking { 26863 id 26864 status 26865 code 26866 newCode 26867 comment 26868 createdAt 26869 updatedAt 26870 } 26871 export { 26872 id 26873 file { 26874 id 26875 url 26876 name 26877 } 26878 createdAt 26879 } 26880 } 26881 } 26882`,jt=M.b.div` 26883 .loading-wrap { 26884 margin: 0 -3rem; 26885 } 26886 .fulfillment-item { 26887 display: flex; 26888 flex-direction: row; 26889 justify-content: space-between; 26890 } 26891`,wt=e=>{const{orderId:t,open:a,toggleShowModal:r}=e;Object(vt.a)(a);const[i,{data:o,loading:s,error:c}]=Object(l.b)(Ot);Object(P.useEffect)(()=>{t&&a&&i({variables:{orderId:t}})},[t,a]);const u=o&&o.getFulfillmentInfo||null,d=u&&u.tracking&&T.z.find(e=>e.key===u.tracking.status);return x.a.createElement(n.E,{title:"Fulfillment info: #"+t,open:a,onClose:r,sectioned:!0},x.a.createElement(jt,{id:"viewff_modal"},s?x.a.createElement("div",{className:"loading-wrap"},x.a.createElement(Ee.SkeletonPagePolaris,null)):x.a.createElement(x.a.Fragment,null,c?x.a.createElement("div",null,"Erorr: ",Object(R.ib)(c.toString())):x.a.createElement(x.a.Fragment,null,u?x.a.createElement("div",{className:"fulfillmentInfo-wrap"},x.a.createElement("div",{className:"fulfillment-item"},x.a.createElement(n.db,{variation:"strong"},"Tracking code:"),x.a.createElement("span",null,u.tracking&&u.tracking.code?u.tracking.code:null)),x.a.createElement("div",{className:"fulfillment-item"},x.a.createElement(n.db,{variation:"strong"},"Print date:"),x.a.createElement("span",null,be()(u.export.createdAt).format("YYYY-MM-DD HH:mm:ss"))),x.a.createElement("div",{className:"fulfillment-item"},x.a.createElement(n.db,{variation:"strong"},"Tracking status:"),x.a.createElement("span",null,d&&d.name)),x.a.createElement("div",{className:"fulfillment-item"},x.a.createElement(n.db,{variation:"strong"},"Tracking added:"),x.a.createElement("span",null,u.tracking&&u.tracking.createdAt?be()(u.tracking.createdAt).format("YYYY-MM-DD HH:mm:ss"):null)),x.a.createElement("div",{className:"fulfillment-item"},x.a.createElement(n.db,{variation:"strong"},"Tracking note sent:"),x.a.createElement("span",null,u.tracking&&u.tracking.comment?u.tracking.comment:null)),x.a.createElement("div",{className:"fulfillment-item"},x.a.createElement(n.db,{variation:"strong"},"In file:"),x.a.createElement("span",null,u.export&&u.export.file&&x.a.createElement(ot.a,{href:u.exp
26891ort.file.url},u.export.file.name)))):x.a.createElement(kt.EmptyStatePolaris,null)))))},St=M.b.div` 26892 display: flex; 26893 flex-direction: row; 26894 column-gap: 2rem; 26895 .content-wrap { 26896 display: flex; 26897 width: 50%; 26898 flex-direction: column; 26899 row-gap: 1rem; 26900 .thumbnail-wrap { 26901 width: 100%; 26902 display: flex; 26903 flex-direction: column; 26904 text-align: center; 26905 row-gap: 1rem; 26906 position: relative; 26907 img { 26908 width: 100%; 26909 height: auto; 26910 object-fit: cover; 26911 cursor: pointer; 26912 border-radius: 3px; 26913 box-shadow: 0 -1px 15px -3px rgba(0, 0, 0, 0.1), 26914 0 4px 6px 2px rgba(0, 0, 0, 0.1); 26915 } 26916 } 26917 } 26918 .orderDesign-wrap { 26919 width: 50%; 26920 display: flex; 26921 flex-direction: column; 26922 flex-wrap: wrap; 26923 row-gap: 1rem; 26924 .orderDesign-inner { 26925 display: flex; 26926 flex-wrap: wrap; 26927 row-gap: 1rem; 26928 justify-content: start; 26929 width: 100%; 26930 transition: all 0.3s ease-out; 26931 } 26932 .orderDesign-item { 26933 & + .orderDesign-item { 26934 margin-top: 1.5rem; 26935 } 26936 display: flex; 26937 flex-direction: column; 26938 row-gap: 1rem; 26939 width: 100%; 26940 box-shadow: 0 -1px 15px -3px rgba(0, 0, 0, 0.1), 26941 0 4px 6px 2px rgba(0, 0, 0, 0.1); 26942 .orderDesign-content { 26943 display: flex; 26944 flex-direction: column; 26945 text-align: center; 26946 width: 100%; 26947 row-gap: 0.75rem; 26948 position: relative; 26949 overflow: hidden; 26950 .label { 26951 position: absolute; 26952 bottom: 0; 26953 left: 0; 26954 width: 100%; 26955 background: rgba(255, 255, 255, 0.65); 26956 padding: 0.5rem; 26957 font-weight: 500; 26958 transform: translateY(0); 26959 transition: 0.3s all ease-out; 26960 } 26961 img { 26962 border-radius: 3px; 26963 width: 100%; 26964 height: auto; 26965 object-fit: cover; 26966 cursor: pointer; 26967 } 26968 &:hover { 26969 .label { 26970 transform: translateY(5rem); 26971 } 26972 } 26973 } 26974 } 26975 } 26976 h3 { 26977 font-size: 16px; 26978 font-weight: 500; 26979 margin-bottom: 0.5rem; 26980 } 26981 26982 .orderDesign-content, 26983 .thumbnail-wrap { 26984 &:hover { 26985 .view-origin { 26986 opacity: 1; 26987 } 26988 } 26989 .view-origin { 26990 position: absolute; 26991 top: 0; 26992 right: 0; 26993 bottom: 0; 26994 left: 0; 26995 text-align: right; 26996 padding-top: 1rem; 26997 padding-right: 1rem; 26998 background: linear-gradient( 26999 180deg, 27000 rgba(33, 43, 54, 0.55), 27001 hsla(0, 0%, 100%, 0) 27002 ); 27003 opacity: 0; 27004 transition: 0.3s opacity ease-out; 27005 .img-wrap { 27006 display: inline-block; 27007 } 27008 .Polaris-Icon { 27009 svg { 27010 fill: hsla(0, 0%, 100%, 0.8); 27011 } 27012 } 27013 } 27014 } 27015 27016 .personalized-info { 27017 margin-top: 2rem; 27018 h4 { 27019 font-weight: 500; 27020 font-size: 1.2em; 27021 display: inline-block; 27022 } 27023 .personalized-inner { 27024 display: flex; 27025 flex-direction: row; 27026 column-gap: 2rem; 27027 row-gap: 2rem; 27028 flex-wrap: wrap; 27029 justify-content: flex-start; 27030 label.label { 27031 font-weight: 500; 27032 color: rgba(0, 0, 0, 0.85); 27033 font-size: 1em; 27034 margin-right: 1rem; 27035 } 27036 } 27037 } 27038`,It=M.b.div` 27039 .color-picker-wrap { 27040 position: absolute; 27041 top: 1rem; 27042 right: 1rem; 27043 27044 .Polaris-ColorPicker__MainColor { 27045 height: 12rem; 27046 width: 12rem; 27047 } 27048 27049 .Polaris-ColorPicker__HuePicker, 27050 .Polaris-ColorPicker__AlphaPicker { 27051 height: 12rem; 27052 width: 1.8rem; 27053 } 27054 } 27055`,Bt=M.b.div` 27056 ${e=>{let{showColorPicker:t}=e;return t&&"\n margin-top: 7rem;\n "}} 27057`,Dt=e=>{var t,a,r;const{open:i,toggleShowModal:o,value:s}=e,c=null===s||void 0===s?void 0:s.id,[u,d]=Object(P.useState)(!1);Object(vt.a)(i);const[m,{data:p,loading:g}]=Object(l.b)(Ne.Q,{fetchPolicy:"no-cache"}),{data:A}=Object(l.d)(Ne.Tb,{variables:{orderId:c},skip:!i||!c,fetchPolicy:"no-cache"}),b=(null===s||void 0===s||null===(t=s.productVariant)||void 0===t||null===(a=t.productBaseVariant)||void 0===a?void 0:a.productBase)?s.productVariant.productBaseVariant.productBase.id:s.product.productBases[0].id;Object(P.useEffect)(()=>{c&&b&&i&&m({variables:{id:c,productBaseId:b}})},[c,b,i]);const h=Object(P.useCallback)(()=>d(e=>!e),[]),f=Object(B.get)(s,"product",null),v=null===f||void 0===f?void 0:f.mainImageId,E=null===f||void 0===f?void 0:f.images;let y=[];const C=(null===f||void 0===f||null===(r=f.productBases)||void 0===r?void 0:r.length)>1,k=v||"undefined"!==v;b&&C?(y=(null===E||void 0===E?void 0:E.length)>0?E.filter(e=>(null===e||void 0===e?void 0:e.productBaseId)===b).map(e=>e.file):[],y.length>1&&k&&(y=(null===E||void 0===E?void 0:E.length)>0?E.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===v}).map(e=>e.file):[])):k&&(y=(null===E||void 0===E?void 0:E.length)>0?E.filter(e=>{var t;return(null===e||void 0===e||null===(t=e.file)||void 0===t?void 0:t.id)===v}).map(e=>e.file):[]),0===y.length&&(y=(null===E||void 0===E?void 0:E.length)>
270570?E.filter(Boolean).map(e=>e.file):[]);let O=y.length&&D.a.head(y),j=O?O.url?O.url:O.thumbnailUrl?O.thumbnailUrl:null:null;return Object(P.useEffect)(()=>{let e=document.querySelector("#view-order-design_modal"),t=document.querySelectorAll(".Polaris-Modal-Dialog__Modal");for(let a of t)Object(R.u)(a,e)&&a.setAttribute("style","max-width: calc(100% - 10rem); height: calc(100vh)")}),x.a.createElement(x.a.Fragment,null,x.a.createElement(n.E,{title:"Order design",open:i,onClose:o,sectioned:!0,large:!0},x.a.createElement(St,{id:"view-order-design_modal"},x.a.createElement("div",{className:"content-wrap"},x.a.createElement("h3",null,"Thumbnail"),x.a.createElement("div",{className:"thumbnail-wrap"},x.a.createElement("img",{alt:"",src:j,onClick:h,className:"shadow-md"}),x.a.createElement("div",{className:"view-origin"},x.a.createElement("div",{className:"img-wrap"},x.a.createElement(ot.a,{href:j},x.a.createElement(n.w,{source:rt.a})))))),x.a.createElement("div",{className:"orderDesign-wrap"},g?x.a.createElement(n.X,{size:"small"}):x.a.createElement(Tt,{data:p,dataV:A})),x.a.createElement(n.E,{open:u,onClose:h,title:"Thumbnail",sectioned:!0},x.a.createElement("div",null,x.a.createElement("img",{style:{height:"auto",width:"100%",objectFit:"cover"},src:j,alt:""}))))))};function Pt(e){var t;let{item:a}=e,{field:l,value:n}=a,r=l?l.title?l.title:l.name?l.name:null:null,i=Object(B.includes)((null===(t=n)||void 0===t?void 0:t.length)&&n[0],F.G);n=n&&Array.isArray(n)&&n.join(", ");const o=(r||"").trim(),s=Object(R.lb)(o);return x.a.createElement("div",null,x.a.createElement("label",{className:"label"},s?o:o+":"),i?null:x.a.createElement("span",{style:{wordBreak:"break-all",whiteSpace:"pre-line"}},n))}function xt(e){let{data:t}=e;const a=null===t||void 0===t?void 0:t.getFieldValueForOrder;return(null===a||void 0===a?void 0:a.length)>0?x.a.createElement("div",{className:"personalized-info"},x.a.createElement(n.v,{element:"h3"},"Personalized info:"),x.a.createElement("div",{className:"personalized-inner"},a.map((e,t)=>null==e?null:x.a.createElement(Pt,{key:"personal-"+t,item:e})))):null}function Mt(e){let{item:t,onClick:a,dataV:l,setShowColorPicker:r,bg:i}=e;const{file:o,designPosition:s}=t;let c=null===o||void 0===o?void 0:o.thumbnailUrl;c&&(c=Object(R.Lb)(c));let u=o.thumbnail?o.thumbnail:o.url?o.url:null,d=(null===s||void 0===s?void 0:s.name)||"",m=Object(R.P)(s);return u=Object(R.xb)(c)?c:u,x.a.createElement(P.Fragment,null,x.a.createElement("div",{className:"orderDesign-item"},x.a.createElement("div",{className:"orderDesign-content"},x.a.createElement("img",{src:u,alt:"",style:{background:i||"transparent"},onClick:a({...t,name:d,originUrl:u}),onLoad:()=>{r(!0)}}),x.a.createElement("label",{className:"label"},m),x.a.createElement("div",{className:"view-origin"},x.a.createElement("div",{className:"img-wrap"},x.a.createElement(ot.a,{href:u},x.a.createElement(n.w,{source:rt.a})))))),x.a.createElement(xt,{data:l}))}function Tt(e){var t;let{data:a,dataV:l}=e;const r=null===a||void 0===a?void 0:a.getOrderDesigns;let i=(null===r||void 0===r?void 0:r.orderDesigns)?r.orderDesigns:[];i=function(e){if(!(e instanceof Array)||0===e.length)return[];e.sort((e,t)=>{var a,l;return(null===e||void 0===e||null===(a=e.designPosition)||void 0===a?void 0:a.sorting)-(null===t||void 0===t||null===(l=t.designPosition)||void 0===l?void 0:l.sorting)});const t=e.findIndex(e=>"master"===e.designPosition.name.toLowerCase());t>0&&([e[0],e[t]]=[e[t],e[0]]);return e.filter(e=>e.file)}(i);const[o,s]=Object(P.useState)(null),[c,u]=Object(P.useState)("transparent"),[d,m]=Object(P.useState)(!1),p=Object(P.useCallback)(e=>()=>{s(t=>(null===t||void 0===t?void 0:t.id)===e.id?null:e)},[]),g=Object(P.useCallback)(()=>s(null),[]),A=null===o||void 0===o?void 0:o.originUrl,b=null===o||void 0===o?void 0:o.name;return x.a.createElement(P.Fragment,null,(null===(t=i)||void 0===t?void 0:t.length)>0?x.a.createElement(P.Fragment,null,x.a.createElement("h3",null,"Design"),x.a.createElement(It,null,d&&x.a.createElement(ne.ColorPickerComp,{setBg:u})),x.a.createElement(Bt,{className:"orderDesign-inner",showColorPicker:d},i.map((e,t)=>null==e?null:x.a.createElement(Mt,{item:e,key:"design-"+t,onClick:p,dataV:l,setShowColorPicker:m,bg:c})))):null,x.a.createElement(n.E,{open:!!o,onClose:g,sectioned:!0,title:b},x.a.createElement("div",null,x.a.createElement("img",{style:{height:"auto",width:"100%",objectFit:"cover"},src:A,alt:""}))))}var Qt=a(468),Rt=a(469),Ft=a(813);function Nt(e){let{open:t,onClose:a,value:r,refetch:i}=e;const{id:o}=r,{toggleToast:s,setNotify:c}=Object($.b)(),u=x.a.useRef(null),[d,{loading:m}]=Object(l.c)(z.Fb,{onCompleted:()=>{c({msg:"Disabled auto map Order later success",err:!1}),i&&(u.current&&clearTimeout(u.current),u.current=setTimeout(i,1500))},onError:e=>{c({msg:Object(R.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),p=x.a.useCallback(()=>{o&&(s&&s(),c&&c({msg:null,err:!1}),d({variables:{orderIDs:[o]}}).finally(()=>{a&&a()}))},[o,d,c,s]);return x.a.createElement(n.E,{title:"Disabled auto map Order later",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Submit",onAction:p,loading:m},secondaryActions:[{content:"Cancel",onAction:a}]},x.a.createElement("p",null,"Are you sure to disabled auto map for the Order later?"))}var Ut=a(536),Lt=a(41);function Vt(e){let{open:t,onClose:a,refetch:r,orderIDs:i,handleCompleted:o}=e;const[s,c]=Object(P.useReducer)(R.Hb,{selected:["no"]}
27057),{setNotify:u,toggleToast:d}=Object($.b)(),[m]=Object(Lt.a)(),[p,{loading:g}]=Object(l.c)(z.qc,{onCompleted:()=>{u({msg:"Mark as Order Split success",err:!1}),m(()=>{a&&a(),r&&r(),o&&o()},2e3)},onError:e=>{u({msg:Object(R.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),A=Object(P.useCallback)(()=>{var e;Object(R.c)(i)||p({variables:{ids:i,isSplit:(null===(e=s.selected)||void 0===e?void 0:e.length)>0&&"yes"===s.selected[0]}})},[p,u,d,i,s.selected]),b=Object(P.useCallback)(e=>{c({selected:e})},[]);return x.a.createElement(n.E,{title:"Mark as Order Label Split",sectioned:!0,open:t,onClose:a,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Submit",onAction:A,loading:g}},x.a.createElement(n.k,{choices:[{value:"no",label:"No"},{value:"yes",label:"Yes"}],selected:s.selected,title:"Is Order Label Split",onChange:b}))}function zt(e){let{value:t,open:a,onClose:r,refetch:i,handleCompleted:o}=e;const s=null===t||void 0===t?void 0:t.id,[c,u]=Object(P.useReducer)(R.Hb,{baseCost:"",shippingCost:""}),{setNotify:d,toggleToast:m}=Object($.b)(),[p]=Object(Lt.a)(),[g,{loading:A}]=Object(l.c)(z.Ud,{onCompleted:()=>{d({msg:"Update Cost success",err:!1}),p(()=>{r&&r(),i&&i(),o&&o()},1500)},onError:e=>{d({msg:Object(R.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}});x.a.useEffect(()=>{const{shippingCost:e,baseCost:a}=t;u({shippingCost:e+"",baseCost:a+""})},[null===t||void 0===t?void 0:t.shippingCost,null===t||void 0===t?void 0:t.baseCost]);const b=Object(P.useCallback)(()=>{s&&g({variables:{id:s,baseCost:parseFloat(c.baseCost),shippingCost:parseFloat(c.shippingCost)}})},[g,d,m,s,c.baseCost,c.shippingCost]),h=Object(P.useCallback)((e,t)=>{u({[t]:e})},[]);return x.a.createElement(n.E,{title:"Update Cost",sectioned:!0,open:a,onClose:r,secondaryActions:[{content:"Cancel",onAction:r}],primaryAction:{content:"Submit",onAction:b,loading:A}},x.a.createElement(n.Y,{vertical:!0},x.a.createElement(n.cb,{id:"baseCost",label:"Base Cost",placeholder:"Enter base cost",onChange:h,value:c.baseCost,step:.1,type:"number"}),x.a.createElement(n.cb,{id:"shippingCost",label:"Shipping Cost",placeholder:"Enter shipping cost",onChange:h,value:c.shippingCost,step:.1,type:"number"})))}const qt=Object.entries(F.E).map(e=>{let[t,a]=e;return{value:t,label:a}});function Ht(e){let{open:t,onClose:a,ids:r,value:i,refetch:o}=e;const[s,c]=Object(P.useState)([""]),[u]=Object(Lt.a)(),{setNotify:d,toggleToast:m}=Object($.b)(),[p,{loading:g}]=Object(l.c)(z.Xd,{onCompleted:()=>{d({msg:"Update Printing method succes",err:!1}),a&&a(),u(()=>{o&&o()},1500)},onError:e=>{d({msg:Object(R.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}});x.a.useEffect(()=>{(null===i||void 0===i?void 0:i.printingMethod)&&Object.values(F.E).includes(i.printingMethod)&&c([i.printingMethod])},[i]);const A=Object(P.useCallback)(()=>{Object(R.c)(r)||(m&&m(!0),d&&d({msg:null,err:!1}),p({variables:{ids:r,printingMethod:(null===s||void 0===s?void 0:s.length)>0?s[0]:""}}))},[s,r,p,d,m]),b=Object(P.useCallback)(e=>{c(e)},[]);return x.a.createElement(n.E,{title:"Update Printing Method",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Submit",onAction:A,loading:g},secondaryActions:[{content:"Cancel",onAction:a}]},x.a.createElement(n.Y,{vertical:!0},x.a.createElement(n.k,{title:"Printing methods",selected:s,onChange:b,choices:qt})))}function $t(e){let{open:t,onClose:a,value:r,ids:i,refetch:o}=e;const[s,c]=Object(P.useState)({labelLink:"",carrier:"",trackingCode:""}),[u]=Object(Lt.a)(),{setNotify:d,toggleToast:m}=Object($.b)(),[p,{loading:g}]=Object(l.c)(z.be,{onCompleted:()=>{d({msg:"Update Shipping Label succes",err:!1}),a&&a(),u(()=>{o&&o()},1500)},onError:e=>{d({msg:Object(R.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}});x.a.useEffect(()=>{if(null===r||void 0===r?void 0:r.shippingLabel){const{labelLink:e,carrier:t,trackingCode:a}=r.shippingLabel;c({labelLink:e,carrier:t,trackingCode:a})}},[r]);const A=Object(P.useCallback)(()=>{Object(R.c)(i)||(m&&m(!0),d&&d({msg:null,err:!1}),p({variables:{ids:i,shippingLabel:{labelLink:s.labelLink,carrier:s.carrier,trackingCode:s.trackingCode}}}))},[s,i,p,d,m]),b=Object(P.useCallback)((e,t)=>{c(a=>({...a,[t]:e}))},[]);return x.a.createElement(n.E,{title:"Update Shipping Label",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Submit",onAction:A,loading:g},secondaryActions:[{content:"Cancel",onAction:a}]},x.a.createElement(n.Y,{vertical:!0},x.a.createElement(n.cb,{id:"labelLink",value:s.labelLink,label:"Label Link",onChange:b,placeholder:"Enter Label Link",multiline:4}),x.a.createElement(n.cb,{id:"carrier",value:s.carrier,label:"Carrier",onChange:b,placeholder:"Enter Carrier"}),x.a.createElement(n.cb,{id:"trackingCode",value:s.trackingCode,label:"Tracking Code",onChange:b,placeholder:"Enter Tracking Code"})))}qt.unshift({value:"",label:"Default"});var _t=a(538);function Gt(e){let{value:t,orderIDs:a,thirdPartyFF:r,open:i,onClose:o,refetch:s,isPrintway:c,isPrintify:u,isPGPrints:d,isPrintBelle:m,isBulkAction:p}=e;const{id:g,fulfillmentServiceShippingOption:A}=t||{},[b,h]=Object(P.useState)([]),[f,v]=Object(P.useState)([null]),{toggleToast:E,setNotify:y}=Object($.b)(),C=Object(P.useRef)(null),{data:k}=Object(l.d)(Ne.eb,{variables:{id:g},skip:!g}),[O,{loading:j}]=Object(l.c)(z.fe,{onCompleted:()=>{y({msg:"Update shipping option success.",err:!1}),C.current=setTimeout(()=>{s&&s()},1500),o&&o(!1)},onError:e=>{y({msg:Object(R.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}});x.a.useEffect(()=>{null!=A&&v([A])},[A]),Object(P.useEffect)(()=>{const e=((null===k||void 0===k?void 0:k.getProductBaseShippingOptionByOrder)||[]).map(e=>(null===e||void 0===e?void 0:e.name)?{value:e.name,label:e.name}
27057:null).filter(Boolean);h(e)},[k]),Object(P.useEffect)(()=>()=>{C.current&&clearTimeout(C.current)},[]);const[w]=f||[],S=Object(P.useCallback)(()=>{!Object(R.c)(a)&&w&&(E&&E(),y({msg:null,err:!1}),O({variables:{ids:a,shippingOption:w}}))},[w,a,O,E,y]);return x.a.createElement(n.E,{title:"Update shipping option",open:i,onClose:o,sectioned:!0,primaryAction:{content:"Submit",onAction:S,loading:j},secondaryActions:[{content:"Cancel",onAction:o}]},x.a.createElement(n.k,{choices:b,selected:f,title:"Shipping Options",onChange:e=>v(e)}))}const Kt=Object(P.lazy)(()=>a.e(54).then(a.bind(null,1759))),Jt=Object(P.lazy)(()=>a.e(55).then(a.bind(null,1760))),Yt=Object(P.lazy)(()=>a.e(88).then(a.bind(null,1761))),Wt=Object(P.lazy)(()=>a.e(90).then(a.bind(null,1762))),Zt=Object(P.lazy)(()=>a.e(89).then(a.bind(null,1763))),Xt=Object(P.lazy)(()=>a.e(91).then(a.bind(null,1764))),ea=Object(P.lazy)(()=>a.e(94).then(a.bind(null,1765))),ta=Object(P.lazy)(()=>a.e(96).then(a.bind(null,1766))),aa=Object(P.lazy)(()=>a.e(95).then(a.bind(null,1767))),la=Object(P.lazy)(()=>a.e(97).then(a.bind(null,1768))),na=["nvcWxpGaaw","GQIylA4Xax","etHA","ndvH2AnKpf","l7N2I8ZWeN","NUXQPQGWuB"],ra=I.a` 27058 query hasClaim($orderId: ID!) { 27059 hasClaim(orderId: $orderId) 27060 } 27061`,ia=M.b.div` 27062 .Polaris-ActionList__Image { 27063 .Polaris-Icon { 27064 max-width: 1.7rem; 27065 max-height: 1.7rem; 27066 } 27067 } 27068`,oa=e=>{var t;let{role:a,value:I,userRole:M,teamRole:N,isAdmin:U,filter:L,changeStatusCount:V,convertOS:z,refetch:q}=e;const $=null===I||void 0===I?void 0:I.fulfillmentId,G=null===I||void 0===I?void 0:I.sellerNote,J=!!Object(B.get)(I,"labelLink"),Y=Object(B.get)(I,"fulfillment.slug"),W=[T.g.Customcat,T.g.Dreamship,T.g.Scalablepress,T.g.Gearment,T.g.Merchize,T.g.Printify,T.g.Printway,T.g.Teezily].includes(Y),Z=(G?"Update":"Add")+" Note",[X,ee]=Object(P.useState)(!1),[te,ae]=Object(P.useState)(null),[le,ne]=Object(P.useState)(!1),[re,ie]=Object(P.useState)(null),{currentUser:oe}=Object(Q.c)(),se=Object(R.ub)(oe),ce=Object(xe.c)(),Ae=oe.id,be=Object(P.useMemo)(()=>{const{id:e}=oe||{};return!!e&&F.t.includes(e)},[oe]),{isSeller:he,isSupplier:fe,isStoreManager:ve,isMarketplaceManager:Ee,isAdministrator:ye,isFulfillment:Ce,isSupporter:ke}=Object(R.j)(oe),Oe=he||ve||Ee,[je,{data:we}]=Object(l.b)(ra),Se=Object(P.useCallback)(()=>ee(e=>!e),[]),Be=Object(P.useCallback)(e=>ne(t=>null!==e&&void 0!==e?e:!t),[]),De=Object(P.useCallback)(e=>{Be(!0),ae(e),ie(()=>I.id)},[I,Be]);let Pe=!1;M.includes(F.pb.Supplier)&&[F.gb.Supplier].includes(N)||(Pe=!0);let Ne=[...Object.values(F.K).filter(e=>F.K.PendingDesign!==e)],ze=[F.K.Pending,F.K.OnHold,F.K.DesignRejected],qe=[F.pb.Admin].includes(a)||[F.gb.Fulfillment].includes(N)?Ne:ze;I&&I.fulfillmentId&&I.fulfillmentId.length>0&&[F.pb.Seller].includes(a)&&N&&N.length>0&&[F.gb.Admin,F.gb.MarketplaceManager,F.gb.StoreManager].includes(N)&&(qe=Ne);let Ge=!1;"merchize"===(null===I||void 0===I||null===(t=I.fulfillment)||void 0===t?void 0:t.slug)&&(Ge=!0);let Ke="Fulfillment",Je=D.a.get(I,"fulfillment.name",null);Je&&(Ke=Je);let Ye=!1,We=D.a.get(I,"fulfillment",null);We&&["Administrator",F.pb.Seller].includes(M[0])&&(Ye=!0);const Ze=D.a.get(I,"fulfillment.slug",null),Xe=F.jb[Ze],et=Ze===T.q,at=Ze===T.g.Merchize,lt=Ze===T.g.PrintBelle,rt=Ze===T.g.PGPrints,it=D.a.get(I,"store.platform",null),ot=[F.O].includes(it),st=T.g.Gearment===Ze,ct=T.g.Dreamship===Ze,ut=Ze===T.p,dt=Ze===T.f,pt=((null===I||void 0===I?void 0:I.trackingCodes)||[]).length,gt=F.M.Tiktok===it;let vt=[F.M.Tiktok,F.M.Amazon,F.M.Etsy];se&&(vt=[F.M.Tiktok]);const Et=vt.includes(it),Ct=[F.K.Pending,F.K.PendingDesign,F.K.OnHold,F.K.Error,F.K.Processing,F.K.PendingPayment];$||Ct.push(F.K.ReadyToPrint);let kt=[{content:"View",icon:r.a,status:["*"],role:[F.pb.Admin,F.pb.Seller,F.pb.Supplier].includes(a),onAction:()=>De("view")},...!we||we.hasClaim||dt?[]:[{content:"Add Claim",icon:i.a,status:[F.K.Fulfilled],role:[F.pb.Seller].includes(a),onAction:()=>De("addClaim")}],{content:"Pause",icon:o.a,status:[F.K.Pending,F.K.PendingDesign,F.K.OnHold,F.K.DesignRejected],role:[F.pb.Admin,F.pb.Seller].includes(a)&&!I.paused,onAction:()=>De("pause")},{content:"Resume",icon:s.a,status:[F.K.Pending,F.K.PendingDesign,F.K.OnHold],role:[F.pb.Admin,F.pb.Seller].includes(a)&&I.paused,onAction:()=>De("resume")},{content:"Update Quantity",icon:c.a,status:[F.K.Pending,F.K.PendingDesign,F.K.OnHold,F.K.Error,F.K.Refunded],role:[F.pb.Admin,F.pb.Seller].includes(a),onAction:()=>De("updateQuantity")},{content:"Update Origin Quantity",icon:u.a,status:[F.K.Pending,F.K.PendingDesign,F.K.OnHold,F.K.Error,F.K.Refunded,F.K.Fulfilled,F.K.ReadyToPrint],role:[F.pb.Admin,F.pb.Seller].includes(a),onAction:()=>De("updateOriginQuantity")},{content:"Charge Base Cost",icon:u.a,status:[F.K.Pending],role:[F.pb.Admin].includes(a),onAction:()=>De("chargeCost")},{content:"Pass on Hold",icon:u.a,status:[F.K.OnHold],role:[F.pb.Admin].includes(a),onAction:()=>De("passOnHold")},W&&!!(null===ce||void 0===ce?void 0:ce.hasPassOnHoldTime)&&{content:"Pass On Hold",icon:u.a,status:[F.K.OnHold],role:[F.pb.Seller].includes(a),onAction:()=>De("passOnHoldUse3Party")}
27068,{content:"Upload Design",icon:d.a,status:[F.K.PendingDesign],role:[F.pb.Admin,F.pb.Seller].includes(a),onAction:()=>De("uploadDesign")},{content:"Update Design",icon:c.a,status:qe,role:[F.pb.Admin,F.pb.Seller].includes(a),onAction:()=>De("updateDesign")},{content:"Re-Submit to "+Ke,icon:m.a,status:[F.K.Error],role:Pe,onAction:()=>De("resubmitCustomcat")},ct&&{content:"Cancel in Dreamship",icon:p.a,status:[F.K.Error],role:[F.pb.Admin,F.pb.Seller].includes(a),onAction:()=>De("cancelInFulfillmentService")},ct&&{content:"Sync Dreamship status",icon:m.a,status:[F.K.Error],role:[F.pb.Admin,F.pb.Seller].includes(a),onAction:()=>De("syncDreamshipStatus")},...$&&!fe?[{content:"Re-Sent Order",icon:m.a,status:[F.K.ReadyToPrint,F.K.Fulfilled,F.K.Error,F.K.Cancelled],role:[F.pb.Admin,F.pb.Seller].includes(a),onAction:()=>De("resentOrder")}]:[],{content:"Force Pause",icon:g.a,status:[F.K.PendingPayment],role:[F.pb.Admin].includes(a)||U,onAction:()=>De("forcePause")},0===pt&&{content:"Add Tracking",icon:A.a,status:[F.K.Printing,F.K.ReadyToPrint,F.K.Processing],role:[F.pb.Admin,F.pb.Supplier].includes(a)||U||he||ve||fe,onAction:()=>De("addTracking")},{content:"Update Tracking",icon:m.a,status:[F.K.Fulfilled,F.K.Printing,F.K.ReadyToPrint],role:([F.pb.Admin,F.pb.Supplier].includes(a)||he||fe)&&pt>0,onAction:()=>De("updateTracking")},dt&&{content:"Update Tracking",icon:m.a,status:[F.K.Fulfilled],role:he&&pt>0,onAction:()=>De("updateTracking")},{content:"View Fulfillment Info",icon:b.a,status:[F.K.Fulfilled],role:[F.pb.Admin,F.pb.Supplier].includes(a),onAction:()=>De("ViewFI")},{content:"Switch Fulfillment",icon:h.a,status:[F.K.Error,F.K.PendingDesign,F.K.Pending,F.K.OnHold,F.K.PendingPayment],role:[F.pb.Admin,F.pb.Seller].includes(a),onAction:()=>De("switchFF")},{content:"Revert Mapping",icon:m.a,status:[F.K.PendingDesign,F.K.Pending,F.K.Error,F.K.Cancelled],role:[F.pb.Admin,F.pb.Seller].includes(a),onAction:()=>De("revertMapping")},{content:"Reject Current Design",icon:m.a,status:[F.K.OnHold,F.K.ReadyToPrint],role:[F.pb.Seller].includes(a)&&(na.includes(Ae)||ve||Ee),onAction:()=>De("rejectCurrentDesign")},!fe&&{content:"View Order Design",icon:b.a,status:[F.K.Cancelled,F.K.Error,F.K.PendingPayment,F.K.OnHold,F.K.Pending,F.K.InProduction,F.K.Fulfilled,F.K.ReadyToPrint,F.K.Printing,F.K.DesignRejected],role:[F.pb.Seller,F.pb.Admin].includes(a),onAction:()=>De("viewOD")},...Ge?[{content:"Fetch tracking",icon:f.a,status:[F.K.Fulfilled,F.K.ReadyToPrint],role:[F.pb.Admin,F.pb.Seller,F.pb.Supporter,F.gb.MarketplaceManager,F.gb.StoreManager],onAction:()=>De("fetchTracking")}]:[],...!Ye||ot||fe?[]:[{content:"Set to Refunded",icon:v.a,status:[F.K.ReadyToPrint,F.K.PendingPayment,F.K.Printing,F.K.Fulfilled,F.K.Cancelled,F.K.DesignRejected,F.K.Error],role:[F.pb.Admin,F.pb.Seller,F.gb.StoreManager,F.gb.MarketplaceManager],onAction:()=>De("refund")}],...ot?[{content:"Refund Order Facebook",icon:m.a,status:[F.K.PendingDesign,F.K.PendingPayment,F.K.OnHold,F.K.Pending,F.K.InProduction,F.K.Fulfilled,F.K.ReadyToPrint,F.K.Printing,F.K.DesignRejected,F.K.Error],role:[F.pb.Admin,F.pb.Seller,F.gb.StoreManager,F.gb.MarketplaceManager,F.gb.Supporter],onAction:()=>De("refundFacebook")}]:[],(Xe||et||ut||rt)&&{content:"Update shipping option",icon:c.a,status:[F.K.PendingDesign,F.K.Pending,F.K.OnHold,F.K.Error],role:["*"],onAction:()=>De("updateShippingOption")},!$||dt?{content:"Update shipping option",icon:c.a,status:[F.K.PendingDesign,F.K.Pending,F.K.OnHold,F.K.Error,F.K.Cancelled],role:["*"],onAction:()=>De("updateProductBaseShippingOption")}:null,ct&&{content:"Enable 48H Fulfillment",icon:E.a,status:[F.K.PendingDesign,F.K.Pending,F.K.OnHold,F.K.Error,F.K.Cancelled],role:["*"],onAction:()=>De("enable48HFulfillment")},gt&&{content:"Mark as Order Label",icon:y.a,status:[F.K.Pending,F.K.PendingDesign,F.K.OnHold,F.K.Error,F.K.Processing],role:[F.pb.Seller,F.pb.Admin].includes(a),onAction:()=>De("markAsOrderLabel")},gt&&{content:"Mark as Order Label Split",icon:y.a,status:[F.K.Pending,F.K.PendingDesign,F.K.OnHold,F.K.Error,F.K.Processing],role:[F.pb.Seller,F.pb.Admin].includes(a),onAction:()=>De("markAsOrderSplit")},gt&&{content:"Update Document URL",icon:C.a,status:[F.K.Pending,F.K.PendingDesign,F.K.OnHold,F.K.Error,F.K.Processing],role:[F.pb.Seller,F.pb.Admin].includes(a),onAction:()=>De("updateDocumentUrl")},!J&&(he||fe||Ee||ve)&>&&{content:"Buy Tiktok Label",icon:k.a,status:Ct,role:[F.pb.Seller],onAction:()=>De("buyTiktokLabel")},null==We&&{content:"Update Carrier",icon:c.a,status:[F.K.Pending,F.K.PendingDesign,F.K.OnHold,F.K.Error,F.K.Cancelled,F.K.Printing,F.K.PendingPayment,F.K.ReadyToPrint],role:[F.pb.Seller,F.pb.Admin].includes(a),onAction:()=>De("update_carrier")},{content:"Update Revenue",icon:m.a,status:["*"],role:[F.gb.Admin,F.gb.StoreManager,F.gb.MarketplaceManager].includes(N),onAction:()=>De("updateRevenue")},he&&{content:"Update Order Cost",icon:c.a,status:[F.K.Cancelled,F.K.Refunded],role:[F.gb.Admin,F.gb.StoreManager,F.gb.Supp
27068orter].includes(N),onAction:()=>De("updateOrderCost")},be&&{content:"Add Note By Dev",icon:c.a,status:["*"],role:[F.pb.Seller].includes(a),onAction:()=>De("addNoteByDev")},ut&&{content:"Refetch Printify order info",icon:m.a,status:[F.K.PendingPayment,F.K.InProduction,F.K.ReadyToPrint,F.K.Printing,F.K.Fulfilled],role:[F.pb.Seller,F.pb.Admin].includes(a),onAction:()=>De("refetchPrintifyOrder")},Oe&&{content:"Change Product for Order",icon:c.a,status:[F.K.Pending,F.K.PendingDesign,F.K.OnHold,F.K.Error],role:!0,onAction:()=>De("changeProduct")},{content:"Update Cost Manual",icon:c.a,status:["*"],role:[F.gb.Admin,F.gb.MarketplaceManager,F.gb.StoreManager].includes(N),onAction:()=>De("updateCostManual")},(he||ve||Ce||Ee)&&{content:"Clone to Resend",icon:O.a,status:[F.K.Fulfilled,F.K.Cancelled,F.K.Refunded,F.K.Error],role:!0,onAction:()=>De("cloneToResend")},{content:"Combine Order",icon:k.a,status:[F.K.Pending,F.K.PendingDesign,F.K.OnHold],role:[F.pb.Admin,F.pb.Seller].includes(a),onAction:()=>De("combineOrder")},at&&{content:"Update Printing Method",icon:m.a,status:[F.K.Pending,F.K.PendingDesign,F.K.OnHold,F.K.Error,F.K.Processing],role:[F.pb.Admin,F.pb.Seller].includes(a),onAction:()=>De("updatePrintingMethod")},gt&&{content:"Update Shipping Label",icon:C.a,status:[F.K.Pending,F.K.PendingDesign,F.K.OnHold],role:[F.pb.Admin,F.pb.Seller].includes(a),onAction:()=>De("updateShippingLabel")},{content:Z,icon:c.a,status:["*"],role:[F.gb.Admin,F.gb.MarketplaceManager,F.gb.StoreManager,F.gb.Supporter].includes(N),onAction:()=>De("sellerNote")},Oe&&st&&{content:"Fetch Order's Status",icon:m.a,status:[F.K.InProduction,F.K.Printing,F.K.ReadyToPrint],role:["*"],onAction:()=>De("fetchOrderStatus")},Oe&&st&&{content:"Force Create Order Label",icon:j.a,status:[F.K.Error],role:["*"],onAction:()=>De("forceCreateOrderLabel")},(Oe||Ce)&&at&&{content:"Update Warehouse",icon:m.a,status:[F.K.Pending,F.K.PendingDesign,F.K.OnHold,F.K.Error,F.K.Cancelled],role:["*"],onAction:()=>De("updateWarehouse")},Et&&he&&{content:"Disabled Auto Map",icon:w.a,status:["*"],role:[F.gb.Admin,F.gb.MarketplaceManager,F.gb.StoreManager].includes(N),onAction:()=>De("disabledAutoMap")},{content:"Cancel",icon:S.a,status:[F.K.PendingDesign,F.K.PendingPayment,F.K.OnHold,F.K.Pending,F.K.InProduction,F.K.Fulfilled,F.K.ReadyToPrint,F.K.Printing,F.K.DesignRejected,F.K.Error],role:ye,onAction:()=>De("adminCancel")},{content:"Cancel",icon:S.a,status:[F.K.PendingDesign,F.K.PendingPayment,F.K.OnHold,F.K.Pending,F.K.Error,F.K.ReadyToPrint,F.K.Printing,F.K.ReadyToPrint,F.K.Fulfilled],role:[F.pb.Seller].includes(a),onAction:()=>De("sellerCancel")},dt&&{content:"Cancel",icon:S.a,status:[F.K.Processing],role:[F.pb.Seller].includes(a),onAction:()=>De("sellerCancel")},...I.fulfillmentOrders&&I.fulfillmentOrders.length?[{content:"Re-track",icon:m.a,status:[F.K.Fulfilled,F.K.ReadyToPrint,F.K.Printing],role:[F.pb.Seller].includes(a),onAction:()=>De("reTrack")}]:[],{content:"Add Tracking Code",icon:A.a,status:[F.K.Error],role:[F.pb.Seller].includes(a),onAction:()=>De("addTrackingSeller")},0===pt&&{content:"Add Tracking Code",icon:A.a,status:[F.K.Fulfilled],role:[F.pb.Admin].includes(a),onAction:()=>De("addTrackingSeller")},dt&&{content:"Add Tracking Code",icon:A.a,status:[F.K.PendingPayment,F.K.Printing,F.K.ReadyToPrint],role:[F.pb.Seller].includes(a),onAction:()=>De("addTrackingSeller")}].filter(Boolean).filter(e=>(!e.status||e.status.includes("*")||e.status.includes(I.status)||e.status.includes(I.fulfillmentStatus))&&e.role);kt=Array.from(new Map(kt.map(e=>[e.content,e])).values()),kt=kt.map(e=>({content:e.content,icon:e.icon,onAction:e.onAction}));const Ot=x.a.createElement(n.g,{onClick:()=>{[F.K.Fulfilled].includes(null===I||void 0===I?void 0:I.status)&&![F.K.DesignRejected].includes(null===I||void 0===I?void 0:I.fulfillmentStatus)&&([F.pb.Admin].includes(a)?M.includes(F.pb.Supporter)||je({variables:{orderId:I.id}}):[F.pb.Supplier].includes(a)||je({variables:{orderId:I.id}})),Se()},disclosure:!0,children:"Actions"}),jt=x.a.useCallback(e=>{Be(e),ae(null)},[Be]),St={toggleShowModal:jt,onClose:jt,open:le,value:I,refetch:q,orderIDs:I?[I.id]:[]},It={view:x.a.createElement(Ie,Object.assign({},St,{role:a})),addClaim:x.a.createElement(H,St),pause:x.a.createElement(Me,Object.assign({},St,{pause:!0,orderId:I&&I.id,filter:L})),resume:x.a.createElement(Me,Object.assign({},St,{orderId:I&&I.id,filter:L})),chargeCost:x.a.createElement(Qt.a,Object.assign({},St,{orderIds:I&&[I.id],isAction:!0}
27068)),passOnHold:x.a.createElement(Rt.a,Object.assign({},St,{orderIds:I&&[I.id],isAction:!0})),uploadDesign:x.a.createElement(yt,Object.assign({},St,{changeStatusCount:V,convertOS:z})),updateDesign:x.a.createElement(mt,Object.assign({},St,{changeStatusCount:V,convertOS:z})),resubmitCustomcat:x.a.createElement(Le,Object.assign({},St,{orderId:I&&I.id,changeStatusCount:V,convertOS:z,labelFF:Ke})),cancelInFulfillmentService:x.a.createElement(Xt,St),syncDreamshipStatus:x.a.createElement(ea,St),resentOrder:x.a.createElement(Ue,Object.assign({},St,{convertOS:z,changeStatusCount:V})),forcePause:x.a.createElement(ge,Object.assign({},St,{orderId:I&&I.id,changeStatusCount:V,convertOS:z})),addTracking:x.a.createElement(Kt,Object.assign({},St,{changeStatusCount:V,convertOS:z})),updateTracking:x.a.createElement(Jt,Object.assign({},St,e)),ViewFI:x.a.createElement(wt,Object.assign({},St,{orderId:I&&I.id})),switchFF:x.a.createElement(tt,St),revertMapping:x.a.createElement(He,Object.assign({},St,{changeStatusCount:V,convertOS:z})),rejectCurrentDesign:x.a.createElement(Fe,St),viewOD:x.a.createElement(Dt,St),adminCancel:x.a.createElement(K,Object.assign({},St,{changeStatusCount:V,convertOS:z})),sellerCancel:x.a.createElement($e,Object.assign({},St,{changeStatusCount:V,convertOS:z})),reTrack:x.a.createElement(Ve,St),addTrackingSeller:x.a.createElement(Kt,Object.assign({},St,{changeStatusCount:V,convertOS:z,isSeller:!0})),fetchTracking:x.a.createElement(pe,St),refund:x.a.createElement(Re,Object.assign({},St,{changeStatusCount:V,convertOS:z,id:null===I||void 0===I?void 0:I.id})),refundFacebook:x.a.createElement(Qe,St),updateShippingOption:x.a.createElement(ft.a,Object.assign({},St,{thirdPartyFF:Xe,isPrintway:et,isPrintify:ut,isPrintBelle:lt,isPGPrints:rt})),updateProductBaseShippingOption:x.a.createElement(Gt,St),enable48HFulfillment:x.a.createElement(_t.a,Object.assign({},St,{orderIDs:St.orderIDs})),addNoteByDev:x.a.createElement(_,St),updateRevenue:x.a.createElement(ht,St),update_carrier:x.a.createElement(nt,St),refetchPrintifyOrder:x.a.createElement(Te,St),updateOrderCost:x.a.createElement(At,St),changeProduct:x.a.createElement(ue,St),cloneToResend:x.a.createElement(de,St),sellerNote:x.a.createElement(_e,Object.assign({},St,{title:Z})),fetchOrderStatus:x.a.createElement(me,St),updateQuantity:x.a.createElement(bt,St),updateOriginQuantity:x.a.createElement(aa,St),forceCreateOrderLabel:x.a.createElement(Yt,St),updateDocumentUrl:x.a.createElement(Wt,St),markAsOrderLabel:x.a.createElement(Ut.a,St),markAsOrderSplit:x.a.createElement(Vt,St),updateCostManual:x.a.createElement(zt,St),passOnHoldUse3Party:x.a.createElement(Zt,St),updateWarehouse:x.a.createElement(ta,St),disabledAutoMap:x.a.createElement(Nt,St),buyTiktokLabel:x.a.createElement(Ft.default,Object.assign({},St,{orderIDs:(null===I||void 0===I?void 0:I.id)?[I.id]:[]})),combineOrder:x.a.createElement(la,St),updatePrintingMethod:x.a.createElement(Ht,Object.assign({},St,{ids:St.orderIDs})),updateShippingLabel:x.a.createElement($t,Object.assign({},St,{ids:St.orderIDs}))};return x.a.createElement(x.a.Fragment,null,x.a.createElement(n.K,{activator:Ot,onClose:Se,active:X},x.a.createElement(ia,null,x.a.createElement(n.a,{items:kt}))),x.a.createElement(x.a.Suspense,{fallback:x.a.createElement(n.X,{size:"small"})},D.a.isEqual(re,I.id)&&It[te]))}},,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return x}));var l=a(0),n=a.n(l),r=a(9),i=a(22),o=a(2),s=a(4),c=a(1),u=a(35),d=a(7);const m=u.a` 27069 mutation exportOrders($filter: ExportOrderFilter!) { 27070 exportOrders(filter: $filter) { 27071 id 27072 file { 27073 id 27074 url 27075 } 27076 createdAt 27077 } 27078 } 27079`,p=u.a` 27080 query exportTemplates { 27081 exportTemplates { 27082 id 27083 name 27084 isDefault 27085 } 27086 } 27087`,g=e=>{const{filter:t}=e,[a,r]=Object(l.useState)(!1),[i,s]=Object(l.useState)([]),[u,g]=Object(l.useState)([]),[A,b]=Object(l.useState)(!1),[h,f]=Object(l.useState)(!1),[v,E]=Object(l.useState)(!1),[y,C]=n.a.useReducer(o.Hb,{splitPrintUrl:!0,selectSingleMockupLink:!1,useDriveLink:!1}),[k,{data:O,loading:j,error:w}]=Object(d.b)(p,{fetchPolicy:"cache-and-network"}),[S,{data:I,loading:B,error:D}]=Object(d.c)(m,{onError:()=>{},onCompleted:()=>{}});Object(l.useEffect)(()=>{a&&!u.length&&k()},[a]);const P=Object(l.useRef)(!1);Object(l.useEffect)(()=>
27087{if(O){const e=((null===O||void 0===O?void 0:O.exportTemplates)||[]).find(e=>null===e||void 0===e?void 0:e.isDefault);(null===e||void 0===e?void 0:e.id)&&!P.current&&(s([e.id]),P.current=!0);let t=O.exportTemplates&&O.exportTemplates.length>0?O.exportTemplates.map(e=>({value:e.id,label:e.name})):[];g([{value:"default",label:"Default Template"},...t])}},[O]);const x=Object(l.useCallback)(()=>r(e=>!e),[]),M=Object(l.useCallback)(e=>s(e),[]),T=Object(l.useCallback)(()=>{f(!0);let{supplierId:e,status:a,trackingStatus:l}=t,n=i.length&&i[0];"default"===n&&(n=void 0),S({variables:{filter:{supplierId:e,status:a,trackingStatus:l,templateId:n,splitPrintUrl:y.splitPrintUrl,selectSingleMockupLink:y.selectSingleMockupLink,useDriveLink:y.useDriveLink}}}).then(e=>{window.location.href=e.data.exportOrders.file.url}).catch(()=>{}).finally(()=>{f(!1)}),Q()},[t,i,y.splitPrintUrl,y.selectSingleMockupLink,y.useDriveLink]),Q=Object(l.useCallback)(()=>{b(e=>!e)},[]),R=A?(D||I&&I.exportOrders)&&n.a.createElement(c.fb,{content:D?Object(o.ib)(D.toString()):I&&I.exportOrders&&"Export order success.",error:!!D,duration:2e3,onDismiss:Q}):null;Object(l.useEffect)(()=>{if(!h)return;E(!0);let e=setTimeout(()=>{E(!1)},3e5);return()=>{clearTimeout(e)}},[h]);const F=n.a.createElement(c.g,{disclosure:!0,onClick:x},"Export order"),N=n.a.useCallback((e,t)=>{C({[t]:e})},[]);return n.a.createElement(n.a.Fragment,null,R,n.a.createElement(c.K,{active:a,activator:F,onClose:x,preferredAlignment:"right",fluidContent:!0},n.a.createElement(c.i,{sectioned:!0},n.a.createElement(c.t,null,j?n.a.createElement(c.X,{size:"small"}):n.a.createElement(n.a.Fragment,null,w?n.a.createElement("div",null,"Error: ",Object(o.ib)(w.toString())):n.a.createElement(c.k,{title:"Choose export template",choices:u,selected:i,onChange:M})),n.a.createElement("div",{style:{borderTop:"0.1rem solid var(--p-border-subdued, #dfe3e8)"}}),n.a.createElement(c.Y,{vertical:!0,spacing:"extraTight"},n.a.createElement(c.y,{children:"Extra options"}),n.a.createElement(c.j,{id:"splitPrintUrl",label:"Split Print Url",checked:y.splitPrintUrl,onChange:N}),n.a.createElement(c.j,{id:"selectSingleMockupLink",label:"Select 1 Mockup Link",checked:y.selectSingleMockupLink,onChange:N}),n.a.createElement(c.j,{id:"useDriveLink",label:"Use Google Drive Link",checked:y.useDriveLink,onChange:N})),n.a.createElement(c.g,{fullWidth:!0,primary:!0,onClick:T,children:"Export order",loading:B,disabled:!B&&v})))))},A=u.a` 27088 mutation exportOrders($filter: ExportOrderFilter!) { 27089 exportOrders(filter: $filter) { 27090 id 27091 file { 27092 id 27093 url 27094 } 27095 createdAt 27096 } 27097 } 27098`,b=u.a` 27099 query exportTemplates { 27100 exportTemplates { 27101 id 27102 name 27103 isDefault 27104 } 27105 } 27106`,h=e=>{const{filter:t,rangeDay:a}=e,[r,i]=Object(l.useState)(!1),[s,u]=Object(l.useState)(["default"]),[m,p]=Object(l.useState)([]),[g,h]=Object(l.useState)(!1),[f,v]=Object(l.useState)(!1),[E,y]=Object(l.useState)(!1),[C,k]=n.a.useReducer(o.Hb,{splitPrintUrl:!0,selectSingleMockupLink:!1,useDriveLink:!1}),[O,{data:j,loading:w,error:S}]=Object(d.b)(b,{fetchPolicy:"cache-and-network"}),[I,{data:B,loading:D,error:P}]=Object(d.c)(A,{onError:()=>{},onCompleted:()=>{}});Object(l.useEffect)(()=>{r&&!m.length&&O()},[r]);const x=Object(l.useRef)(!1);Object(l.useEffect)(()=>{if(j){const e=((null===j||void 0===j?void 0:j.exportTemplates)||[]).find(e=>null===e||void 0===e?void 0:e.isDefault);(null===e||void 0===e?void 0:e.id)&&!x.current&&(u([e.id]),x.current=!0);let t=j.exportTemplates&&j.exportTemplates.length>0?j.exportTemplates.map(e=>({value:e.id,label:e.name})):[];p([{value:"default",label:"Default Template"},...t])}},[j]);const M=Object(l.useCallback)(()=>i(e=>!e),[]),T=Object(l.useCallback)(e=>u(e),[]),Q=Object(l.useCallback)(()=>{v(!0);let{supplierId:e,status:l}=t,n=s.length&&s[0];"default"===n&&(n=void 0),I({variables:{filter:{supplierId:e,status:l,trackingStatus:"notfound",rangeDay:a,templateId:n,splitPrintUrl:C.splitPrintUrl,selectSingleMockupLink:C.selectSingleMockupLink,useDriveLink:C.useDriveLink}}}).then(e=>{window.location.href=e.data.exportOrders.file.url}).catch(()=>{}).finally(()=>{v(!1)}),R()},[t,s,a,C.splitPrintUrl,C.selectSingleMockupLink,C.useDriveLink]),R=Object(l.useCallback)(()=>{h(e=>!e)},[]),F=g?(P||B)&&n.a.createElement(c.fb,{content:P?Object(o.ib)(P.toString()):B&&"Export order success.",error:!!P,duration:2e3,onDismiss:R}):null;Object(l.useEffect)(()=>
27106{if(!f)return;y(!0);let e=setTimeout(()=>{y(!1)},3e5);return()=>{clearTimeout(e)}},[f]);const N=n.a.useCallback((e,t)=>{k({[t]:e})},[]),U=n.a.createElement(c.g,{disclosure:!0,primary:!0,onClick:M},"Export ",a," days no info");return n.a.createElement(n.a.Fragment,null,F,n.a.createElement(c.K,{active:r,activator:U,onClose:M,preferredAlignment:"right",fluidContent:!0},n.a.createElement(c.i,{sectioned:!0},n.a.createElement(c.t,null,w?n.a.createElement(c.X,{size:"small"}):n.a.createElement(n.a.Fragment,null,S?n.a.createElement("div",null,"Error: ",Object(o.ib)(S.toString())):n.a.createElement(c.k,{title:"Choose export template",choices:m,selected:s,onChange:T})),n.a.createElement("div",{style:{borderTop:"0.1rem solid var(--p-border-subdued, #dfe3e8)"}}),n.a.createElement(c.Y,{vertical:!0,spacing:"extraTight"},n.a.createElement(c.y,{children:"Extra options"}),n.a.createElement(c.j,{id:"splitPrintUrl",label:"Split Print Url",checked:C.splitPrintUrl,onChange:N}),n.a.createElement(c.j,{id:"selectSingleMockupLink",label:"Select 1 Mockup Link",checked:C.selectSingleMockupLink,onChange:N}),n.a.createElement(c.j,{id:"useDriveLink",label:"Use Google Drive Link",checked:C.useDriveLink,onChange:N})),n.a.createElement(c.g,{fullWidth:!0,primary:!0,onClick:Q,children:"Export order",loading:D,disabled:!D&&E})))))},f=u.a` 27107 mutation exportOrders($filter: ExportOrderFilter!) { 27108 exportOrders(filter: $filter) { 27109 id 27110 file { 27111 id 27112 url 27113 } 27114 createdAt 27115 } 27116 } 27117`,v=u.a` 27118 query exportTemplates { 27119 exportTemplates { 27120 id 27121 name 27122 isDefault 27123 } 27124 } 27125`,E=e=>{const{filter:t}=e,[a,r]=Object(l.useState)(!1),[i,u]=Object(l.useState)(["default"]),[m,p]=Object(l.useState)([]),[g,A]=Object(l.useState)(!1),[b,h]=Object(l.useState)(!1),[E,y]=Object(l.useState)(!1),[C,k]=n.a.useReducer(o.Hb,{splitPrintUrl:!0,selectSingleMockupLink:!1,useDriveLink:!1}),[O,{data:j,loading:w,error:S}]=Object(d.b)(v,{fetchPolicy:"cache-and-network"}),[I,{data:B,loading:D,error:P}]=Object(d.c)(f,{onError:()=>{},onCompleted:()=>{}});Object(l.useEffect)(()=>{a&&!m.length&&O()},[a]);const x=Object(l.useRef)(!1);Object(l.useEffect)(()=>{if(j){const e=((null===j||void 0===j?void 0:j.exportTemplates)||[]).find(e=>null===e||void 0===e?void 0:e.isDefault);(null===e||void 0===e?void 0:e.id)&&!x.current&&(u([e.id]),x.current=!0);let t=j.exportTemplates&&j.exportTemplates.length>0?j.exportTemplates.map(e=>({value:e.id,label:e.name})):[];p([{value:"default",label:"Default Template"},...t])}},[j]);const M=Object(l.useCallback)(()=>r(e=>!e),[]),T=Object(l.useCallback)(e=>u(e),[]),Q=Object(l.useCallback)(()=>{h(!0);let{supplierId:e}=t,a=i.length&&i[0];"default"===a&&(a=void 0),I({variables:{filter:{supplierId:e,status:s.K.ReadyToPrint,templateId:a,splitPrintUrl:C.splitPrintUrl,selectSingleMockupLink:C.selectSingleMockupLink,useDriveLink:C.useDriveLink}}}).then(e=>{window.location.href=e.data.exportOrders.file.url}).catch(()=>{}).finally(()=>{h(!1),M()}),R()},[t,i,C.splitPrintUrl,C.selectSingleMockupLink,C.useDriveLink]);Object(l.useEffect)(()=>{if(!b)return;y(!0);let e=setTimeout(()=>{y(!1)},6e5);return()=>{clearTimeout(e)}},[b]);const R=Object(l.useCallback)(()=>{A(e=>!e)},[]),F=g?(P||B)&&n.a.createElement(c.fb,{content:P?Object(o.ib)(P.toString()):B&&"Export order success.",error:P,duration:2e3,onDismiss:R}):null,N=n.a.useCallback((e,t)=>{k({[t]:e})},[]),U=n.a.createElement(c.g,{disclosure:!0,primary:!0,onClick:M},"Export all Ready to Print");return n.a.createElement(n.a.Fragment,null,F,n.a.createElement(c.K,{active:a,activator:U,onClose:M,preferredAlignment:"right",fluidContent:!0},n.a.createElement(c.i,{sectioned:!0},n.a.createElement(c.t,null,w?n.a.createElement(c.X,{size:"small"}):n.a.createElement(n.a.Fragment,null,S?n.a.createElement("div",null,"Error: ",Object(o.ib)(S.toString())):n.a.createElement(c.k,{title:"Choose export template",choices:m,selected:i,onChange:T})),n.a.createElement("div",{style:{borderTop:"0.1rem solid var(--p-border-subdued, #dfe3e8)"}}),n.a.createElement(c.Y,{vertical:!0,spacing:"extraTight"},n.a.createElement(c.y,{children:"Extra options"}),n.a.createElement(c.j,{id:"splitPrintUrl",label:"Split Print Url",checked:C.splitPrintUrl,onChange:N}),n.a.createElement(c.j,{id:"selectSingleMockupLink",label:"Select 1 Mockup Link",checked:C.selectSingleMockupLink,onChange:N}),n.a.createElement(c.j,{id:"useDriveLink",label:"Use Google Drive Link",checked:C.useDriveLink,onChange:N})),n.a.createElement(c.g,{fullWidth:!0,primary:!0,onClick:Q,children:"Export order",loading:D,disabled:!D&&E})))))};var y=a(26),C=a.n(y),k=a(16),O=a(28),j=a(19),w=a(144);function S(e){let{filter:t,data:a}=e;const[r,i]=Object(O.a)(!1),[s,u]=Object(l.useState)(!1),[m,g]=Object(l.useState)(!1),[A,b]=Object(l.useState)(""),[h,f]=Object(l.useState)(["default"]),[v,E]=Object(l.useState)([]),[y,S]=n.a.useReducer(o.Hb,{includeResendTimes:!1,splitPrintUrl:!0}),{toggleToast:I,setNotify:B}=Object(j.b)(),D=Object(w.c)(),{data:P,loading:x,error:M}=Object(d.d)(p,{fetchPolicy:"cache-and-network",skip:!r}),[T,{loading:Q}]=Object(d.c)(k.hd,{onCompleted:e=>{e&&B({msg:"File is generating.",err:!1})},onError:e=>{B({msg:Object(o.ib)(e.toString()),err:!0})}}),R=Object(l.useRef)(!1);Object(l.useEffect)(()=>{const e=(null===P||void 0===P?void 0:P.exportTemplates)||[],t=e.find(e=>null===e||void 0===e?void 0:e.isDefault);(null===t||void 0===t?void 0:t.id)&&!R.current&&(f([t.id]),R.current=!0);const a=(null===e||void 0===e?void 0:e.length)>0?e.map(e=>({value:e.id,label:e.name})):[];E([{value:"default",label:"Default Template"},...a])},[P]);const F=n.a.useCallback((e,t)=>{S({[t]:e})},[]),N=Object(l.useCallback)(()=>{var e;u(!0),I(!0),T({variables:{input:{filter:t,emailToReceiveFileUrl:A,templateId:"default"===h[0]?null:h[0],orderIds:(null===D||void 0===D||null===(e=D.itemsChecked)||void 0===e?void 0:e.length)>0?D.itemsChecked:void 0,includeResendTimes:y.includeResendTimes,splitPrintUrl:y.splitPrintUrl}}}).finally(()=>{u(!1),i()})},[t,h,A,I,null===D||void 0===D?void 0:D.itemsChecked,i,T,y.includeResendTimes,y.splitPrintUrl]);Object(l.useEffect)(()=>
27125{if(!s)return;g(!0);let e=setTimeout(()=>{g(!1)},3e5);return()=>{clearTimeout(e)}},[s]);const U=C()(a,"ordersV2.total",0);return U>0&&U<=1e4?n.a.createElement(l.Fragment,null,n.a.createElement(c.g,{primary:!0,onClick:i,children:"Export Orders"}),n.a.createElement(c.E,{title:"Export orders",open:r,onClose:i,sectioned:!0,primaryAction:{content:"Submit",loading:Q,onAction:N,disabled:!Q&&m},secondaryActions:[{content:"Cancel",onAction:i}]},n.a.createElement(c.Y,{vertical:!0},n.a.createElement(c.cb,{value:A,placeholder:"Email to receive export result",onChange:b,label:"Email",helpText:"We are generating the export file. An email will be send when it done."}),n.a.createElement("div",{style:{borderTop:"0.1rem solid var(--p-border-subdued, #dfe3e8)"}}),n.a.createElement(c.Y,{vertical:!0,spacing:"extraTight"},n.a.createElement(c.y,{children:"Extra options"}),n.a.createElement("div",null,n.a.createElement(c.j,{id:"includeResendTimes",label:"Include Resend Times",checked:y.includeResendTimes,onChange:F})),n.a.createElement(c.j,{id:"splitPrintUrl",label:"Split Print Url",checked:y.splitPrintUrl,onChange:F})),n.a.createElement("div",null,n.a.createElement(c.z,{label:"Choose export template"}),x?n.a.createElement(c.X,{size:"small"}):M?n.a.createElement("div",null,"Error: ",Object(o.ib)(M.toString())):n.a.createElement(c.k,{title:"Choose export template",titleHidden:!0,choices:v,selected:h,onChange:f}))))):null}var I=a(11),B=a(12);function D(e){var t;let{data:a,refetch:r,supplierId:i}=e;const s=((null===a||void 0===a||null===(t=a.ordersV2)||void 0===t?void 0:t.nodes)||[]).map(e=>{let{id:t}=e;return t}),[u,m]=Object(O.a)(!1),[g,A]=Object(l.useState)([]),[b,h]=Object(l.useState)(["default"]),f=Object(l.useRef)(null),[v,E]=Object(O.a)(!1),[y,C]=n.a.useReducer(o.Hb,{splitPrintUrl:!0,selectSingleMockupLink:!1,useDriveLink:!1}),{toggleToast:w,setNotify:S}=Object(j.b)(),{currentUser:D}=Object(I.c)(),{isSupplier:P}=Object(o.j)(D),x=Object(o.T)(D),{data:M,loading:T,error:Q}=Object(d.d)(p,{fetchPolicy:"cache-and-network",skip:!u||0===g.length});let R=P?`/${x}/export-tracking`:`/${x}/export-files`;const[F,{loading:N}]=Object(d.c)(k.Nb,{onCompleted:()=>{S({msg:"Export orders success.",err:!1}),f.current=clearTimeout(f.current),f.current=setTimeout(()=>{B.a.push(R)},1500)},onError:e=>{S({msg:Object(o.ib)(e.toString()),err:!0})}});Object(l.useEffect)(()=>{var e;const t=(null===M||void 0===M||null===(e=M.exportTemplates)||void 0===e?void 0:e.length)>0?M.exportTemplates.map(e=>({value:e.id,label:e.name})):[];A([{value:"default",label:"Default Template"},...t])},[M]);const U=Object(l.useCallback)(()=>{if(!s||0===s.length)return;w&&w(),S&&S({msg:null,err:!1});const e="default"===b[0]?null:b[0];F({variables:{filter:{orderIds:s,status:"Processing",templateId:e,supplierId:i,splitPrintUrl:y.splitPrintUrl,selectSingleMockupLink:y.selectSingleMockupLink,useDriveLink:y.useDriveLink}}})},[s,w,w,b,i,y.splitPrintUrl,y.selectSingleMockupLink,y.useDriveLink]),L=n.a.useCallback((e,t)=>{C({[t]:e})},[]),V=n.a.createElement(c.g,{primary:!0,children:"Export all Processing",onClick:m,disclosure:!0});return n.a.createElement(l.Fragment,null,n.a.createElement(c.K,{active:u,activator:V,onClose:m,preferredAlignment:"right",fluidContent:!0},n.a.createElement(c.i,{sectioned:!0},n.a.createElement(c.Y,{vertical:!0,spacing:"loose"},T?n.a.createElement(c.X,{size:"small"}):Q?n.a.createElement("div",null,"Error: ",Object(o.ib)(Q.toString())):n.a.createElement(c.k,{title:"Choose export template",choices:g,selected:b,onChange:h}),n.a.createElement("div",{style:{borderTop:"0.1rem solid var(--p-border-subdued, #dfe3e8)"}}),n.a.createElement(c.Y,{vertical:!0,spacing:"extraTight"},n.a.createElement(c.y,{children:"Extra options"}),n.a.createElement(c.j,{id:"splitPrintUrl",label:"Split Print Url",checked:y.splitPrintUrl,onChange:L}),n.a.createElement(c.j,{id:"selectSingleMockupLink",label:"Select 1 Mockup Link",checked:y.selectSingleMockupLink,onChange:L}),n.a.createElement(c.j,{id:"useDriveLink",label:"Use Google Drive Link",checked:y.useDriveLink,onChange:L})),n.a.createElement(c.g,{children:"Export Orders",fullWidth:!0,primary:!0,onClick:E})))),n.a.createElement(c.E,{title:"Export Orders",sectioned:!0,open:v,onClose:E,primaryAction:{content:"Submit",onAction:U,loading:N},secondaryActions:[{content:"Cancel",onAction:E}]},n.a.createElement("p",null,"Are you sure to export these orders? All exported orders will be changed to In Productions")))}const P=r.b.div` 27126 display: flex; 27127 flex-direction: row; 27128 column-gap: 1rem; 27129`,x=e=>{const{filter:t,role:a,isAdmin:l,KEY_DAY_10:r,KEY_DAY_12:c,data:u,currentUser:d,refetch:m}=e,p=a,{isSeller:A,isStoreManager:b,isSupplier:f}=Object(o.j)(d);let v=!1;[s.K.ReadyToPrint].includes(t.status)&&[s.pb.Supplier].includes(p)&&
27129(v=!0);let y=!1,C=null;[s.K.Fulfilled].includes(t.status)&&[...Object.keys(i.A)].includes(t.trackingStatus)&&(y=!0,C=t.trackingStatus&&t.trackingStatus.split("daysnotfound").length?t.trackingStatus.split("daysnotfound")[0]:null);let k=!1;[s.pb.Supplier].includes(a)&&l&&[s.K.PendingPayment,s.K.ReadyToPrint,s.K.Printing,s.K.Fulfilled].includes(t.status)&&![r,c].includes(t.trackingStatus)&&(k=!0);const O=(null!=t.supplierId&&A||f)&&[s.K.Processing].includes(t.status),j=A&&![s.K.Processing].includes(t.status);return n.a.createElement(P,null,j&&n.a.createElement(S,{filter:t,data:u}),v&&n.a.createElement(E,{filter:t}),y&&n.a.createElement(h,{filter:t,rangeDay:C}),k&&n.a.createElement(g,{filter:t}),O&&n.a.createElement(D,{data:u,refetch:m,supplierId:t.supplierId}))}},,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return M})),a.d(t,"b",(function(){return Q}));var l=a(7),n=a(1),r=a(35),i=a(5),o=a.n(i),s=a(0),c=a.n(s),u=a(11),d=a(17),m=a(215),p=a(2),g=a(12),A=a(28),b=a(4),h=a(237),f=a(30),v=a(23),E=a(222),y=a(9),C=a(76),k=a(65),O=a(250),j=a(280),w=a(372);const S=y.b.div` 27130 .Polaris-Filters-ConnectedFilterControl.Polaris-Filters-ConnectedFilterControl--right 27131 .Polaris-Filters-ConnectedFilterControl__CenterContainer 27132 * { 27133 border-radius: ${e=>e.hasFilterStore?"var(--p-border-radius-base, 3px)!important":null}; 27134 } 27135`,I=r.a` 27136 query stores($filter: StoreFilter) { 27137 stores(filter: $filter) { 27138 total 27139 nodes { 27140 id 27141 title 27142 } 27143 } 27144 } 27145`,B=e=>{let{onChange:t,filter:a}=e;const[r,i]=Object(s.useState)(a.search||null),[d,m]=Object(s.useState)([]),g=Object(s.useRef)(null),{currentUser:A}=Object(s.useContext)(u.a),h=o.a.get(A,"roles",[]),f=o.a.get(A,"teamUser.role",null),v=h.includes(b.pb.Seller),E=v&&[b.gb.Admin].includes(f);let y=v&&[b.gb.StoreManager].includes(f);const B=null===a||void 0===a?void 0:a.storeId,[D,P]=Object(s.useState)({value:B,label:null,search:null}),[x,M]=Object(s.useState)({range:null,rangeLabel:null}),T=null===a||void 0===a?void 0:a.groupId,[Q,R]=Object(s.useState)([]),[F,N]=Object(s.useState)({value:a.groupId,label:null,search:null}),[U,L]=Object(s.useState)({limit:20,offset:0,search:null}),{data:V,loading:z,error:q}=Object(l.d)(I,{skip:!E,variables:{filter:U}}),{data:H,loading:$,error:_}=Object(l.d)(w.b,{variables:{filter:{limit:1e3,offset:0}}});Object(s.useEffect)(()=>{if(H){var e;const t=(null===H||void 0===H||null===(e=H.groups)||void 0===e?void 0:e.nodes)||[];let a=(null===t||void 0===t?void 0:t.length)>0?t.map(e=>({value:e.id,label:e.name})):[];R(a)}},[H]),Object(s.useEffect)(()=>{if(T&&Q.length>0){let e=Q.find(e=>[T].includes(e.value));if(e){let{value:t,label:a}=e;N(e=>({...e,value:t,label:a}))}}},[T,Q]),Object(s.useEffect)(()=>{var e,t,a;let l=V;(null===(e=l)||void 0===e||null===(t=e.stores)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0&&(l=l.stores.nodes.map(e=>({value:e.id,label:e.title}))),m(l)},[V,a]),Object(s.useEffect)(()=>{if((null===d||void 0===d?void 0:d.length)>0){let e=d&&d.find(e=>e.value===a.storeId);P(t=>({...t,value:e?e.value:null,label:e?e.label:null}))}},[d,B]),Object(s.useEffect)(()=>{if(t){let e=x.range;g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{t({search:r?r.trim():r,storeId:D.value,time:e,groupId:F.value})},500)}},[r,D.value,x.range,F.value]);const G=Object(s.useCallback)(e=>i(e),[]),K=Object(s.useCallback)(()=>i(null),[]),J=Object(s.useCallback)(()=>P({value:null,label:null,search:null}),[]),Y=Object(s.useCallback)(()=>M(()=>({range:null,rangeLabel:null})),[]),W=Object(s.useCallback)(()=>N(()=>({value:null,label:null,search:null})),[]),Z=Object(s.useCallback)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};N(t=>({...t,...e}))}),[]),X=Object(s.useRef)(null),ee=Object(s.useCallback)(e=>{P(t=>({...t,search:e})),X.current&&clearTimeout(X.current),X.current=setTimeout(()=>{L(t=>({...t,search:e}))},500)},[]),te=Object(s.useCallback)(()=>{K(),J(),Y(),W()},[K,J,Y,W]),ae=[E&&{key:"stores",label:"Stores",filter:c.a.createElement(C.a,{value:D,error:q,loading:z,options:d&&d.length>0?d:[],onChangeSearch:ee,onChange:e=>{let{value:t,label:a}=e;return P(e=>({...e,value:t,label:a}))}})},{key:"filter-time",label:"Filter time by",filter:c.a.createElement(O.a,{options:j.a,filterTime:x,onChangeRange:(e,t)=>
27145{M(a=>({...a,range:e,rangeLabel:t}))}})},{key:"group",label:"Group",filter:c.a.createElement(k.a,{data:Q,value:F,loading:$,error:_,onChange:Z,onChangeSearch:Z})}].filter(Boolean),le=[];if(!Object(p.tb)(D.label)){const e="stores";le.push({key:e,label:ne(e,D.label),onRemove:J})}if(!Object(p.tb)(x.rangeLabel)&&x.range){const e="filter-time";le.push({key:e,label:ne(e,x.rangeLabel),onRemove:Y})}if(!Object(p.tb)(F.label)){const e="group";le.push({key:e,label:ne(e,F.label),onRemove:W})}return c.a.createElement(S,{hasFilterStore:y},c.a.createElement(n.r,{queryValue:r,queryPlaceholder:"Filter item",onQueryChange:G,onQueryClear:K,onClearAll:te,filters:y?[]:ae,appliedFilters:y?[]:le}));function ne(e,t){switch(e){case"stores":return"Store: "+t;case"filter-time":return"Time: "+t;case"group":return"Group: "+t;default:return t}}};var D=a(210),P=a(43);const x=[{name:"All",key:null},{name:"Online Stores",key:"Online Stores"},{name:"Ebay",key:"Ebay"},{name:"Amazon",key:"Amazon"},{name:"Etsy",key:"Etsy"},{name:"Facebook",key:"Facebook"},{name:"Tiktok",key:"Tiktok"}],M=r.a` 27146 query listMappingOrder($filter: MappingFilter) { 27147 listMappingOrder(filter: $filter) { 27148 total 27149 onlineStoreTotal 27150 ebayTotal 27151 amazonTotal 27152 etsyTotal 27153 facebookTotal 27154 tiktokTotal 27155 nodes { 27156 id 27157 originOrder 27158 orderId 27159 orderData 27160 metaData 27161 sku 27162 store { 27163 id 27164 } 27165 store { 27166 id 27167 title 27168 platform 27169 status 27170 } 27171 personalized 27172 personalizedPreview 27173 quantity 27174 images 27175 product 27176 productId 27177 variantId 27178 sku 27179 price 27180 variants 27181 ebayOriginId 27182 needVariantMapping 27183 createdAt 27184 shippingService 27185 needMappingExistProduct 27186 existProductID 27187 note 27188 label 27189 isOrderLabel 27190 currencyCode 27191 warningAddress { 27192 ...WarningAddressFragment 27193 } 27194 } 27195 } 27196 } 27197 ${P.F} 27198`,T=[...b.n,"groupId","storeId","type"],Q=e=>{var t,a;const{path:r}=e,o=Object(s.useMemo)(()=>Object(p.Bb)(r),[r]),y=Object(s.useMemo)(()=>{let e={...Object(p.m)(g.a.location.search)};if(e){let t=e.limit;t=Number(t),t||(t=10),e.limit=t,e.paged&&(e.offset=Object(p.n)(e.limit,Math.round(e.paged))),e=Object(p.Jb)(e,T)}return e},[o]),[C,k]=Object(A.a)(!1),[O,j]=Object(s.useState)({msg:null,err:!1}),[w,S]=Object(s.useState)({}),[I,P]=Object(s.useState)(0),[Q,R]=Object(s.useState)(!1),F=Object(s.useRef)(!1),N=Object(l.a)(),[U,L]=Object(s.useState)({limit:Number(Object(p.M)("perPageMappingOrders"))||20,offset:0,search:null,type:null,storeId:null,time:null,groupId:null,...y}),{store:V,currentUser:z}=Object(s.useContext)(u.a),q=Object(i.get)(z,"roles",[]),H=Object(i.get)(z,"teamUser.role",null);let $=!1;q.includes(b.pb.Seller)&&[b.gb.MarketplaceManager].includes(H)&&V&&"all"===V.id&&($=!0);const{data:_,loading:G,error:K,refetch:J}=Object(l.d)(M,{variables:{filter:{...U,...$?null:{storeId:V?V.id:U.storeId}}},fetchPolicy:"no-cache",notifyOnNetworkStatusChange:!0,onCompleted:async e=>{let t=U.type;const a=await Z(U),l=Object(i.get)(e,"listMappingOrder.total",0);if(null==t)P(e=>e!==Number(l)?l:e);else{"online store"===t&&(t="online_stores");const e=a[t];if(null!=(null===e||void 0===e?void 0:e.doc_count)){const t=Object.values(a).reduce((e,t)=>(null===t||void 0===t?void 0:t.doc_count)?e+=Number(t.doc_count):e,0)+l-Number(e.doc_count);P(t)}}}}),Y=Object(p.db)(z),{data:W}=Object(l.e)(m.b);Object(s.useEffect)(()=>{},[W,Y,Q]);const Z=Object(s.useCallback)(async e=>{if(null!=e.type&&!F.current){const t=(await N.query({query:d.K,variables:{filter:{...e,type:null}}})).data;X(t);const a=(await N.query({query:M,variables:{filter:{...e,type:null}}})).data;P(Object(i.get)(a,"listMappingOrder.total",0))}const t=(await N.query({query:d.K,variables:{filter:e},fetchPolicy:"no-cache"})).data;return F.current=!0,X(t,e.type)},[]),X=Object(s.useCallback)((e,t)=>{const a="getMappingOrderAggregation",l={amazon:{doc_count:Object(i.get)(e,a+".amazonTotal",0)},ebay:{doc_count:Object(i.get)(e,a+".ebayTotal",0)},etsy:{doc_count:Object(i.get)(e,a+".etsyTotal",0)},online_stores:{doc_count:Object(i.get)(e,a+".onlineStoreTotal",0)},facebook:{doc_count:Object(i.get)(e,a+".facebookTotal",0)},tiktok:{doc_count:Object(i.get)(e,a+".tiktokTotal",0)}};t="online store"===t?"online_stores":t;let n={};return S(e=>{const a=function(e,t,a){const l=["amazon","ebay","etsy","online_stores","facebook","tiktok"],n={...t};for(let r=0;r<l.length;r++){const o=l[r];
27198e&&e!==o||!t||Object(i.isEqual)(t[o],a[o])||(n[o]=a[o])}return n}(t,e,l);return n=a,a}),n},[U.type]);Object(s.useEffect)(()=>{let{offset:e,limit:t,time:a,...l}=U,n=null,r=Object(p.o)(t,e);n=Object(p.l)({limit:t,paged:r,...l}),g.a.push(`${g.a.location.pathname}?${n}`)},[U]);const ee=G&&c.a.createElement(n.D,null);let te=null;U&&U.type&&(te=Object(i.startCase)(U.type),"Online Store"===te&&(te="Online Stores"));const ae=Object(s.useCallback)((e,t)=>{L(a=>({...a,offset:e,limit:t})),Object(p.Nb)("perPageMappingOrders",t,100)},[]),le=Object(s.useCallback)(e=>{let{search:t,storeId:a,time:l,groupId:n}=e;L(e=>(Object(i.isEqual)(e.search,t)&&Object(i.isEqual)(e.storeId,a)&&Object(i.isEqual)(e.time,l)&&Object(i.isEqual)(e.groupId,n)||(e.offset=0),{...e,search:t,...$?null:{storeId:a},time:l,groupId:n,offset:0}))},[$]),ne=C&&O.msg&&c.a.createElement(n.fb,{content:O.msg,error:O.err,onDismiss:()=>k(!1),duration:1500}),re={toggleToast:k,notifyChange:j,setAgg:S,filter:U};return c.a.createElement(c.a.Fragment,null,ee,ne,c.a.createElement(n.i,{sectioned:!0},c.a.createElement(B,{filter:U,onChange:le})),c.a.createElement(n.i,null,c.a.createElement(h.a,{value:x,defaultValue:te,aggregations:w,total:I,onChange:e=>{let{status:t}=e;t=t&&t.toLowerCase(),"online stores"===t&&(t="online store"),L(e=>(Object(i.isEqual)(e.status,t)||(e.offset=0),{...e,type:t}))}}),K&&c.a.createElement("div",null,"Error: ",Object(p.ib)(K.toString())),G?c.a.createElement(v.SkeletonPagePolaris,null):(null===_||void 0===_||null===(t=_.listMappingOrder)||void 0===t||null===(a=t.nodes)||void 0===a?void 0:a.length)>0?c.a.createElement(E.a.Provider,{value:re},c.a.createElement(D.d,{data:_,total:I,agg:w,filter:U,setFilter:ae,refetch:J,setDoAction:R})):c.a.createElement(f.EmptyStatePolaris,null)))}},,,function(e,t,a){"use strict";var l=a(7),n=a(1),r=a(0),i=a.n(r),o=a(16),s=a(2),c=a(4),u=a(19),d=a(17),m=a(5),p=a(21);const g=a(9).b.div` 27199 display: flex; 27200 padding-top: 0.8rem; 27201 flex-wrap: wrap; 27202 > * { 27203 margin-right: 0.8rem; 27204 margin-bottom: 0.8rem; 27205 } 27206`;var A=Object(r.forwardRef)((function(e,t){let{roles:a,skip:o,allowMultiple:c,label:u,required:A}=e;const[b,h]=Object(r.useReducer)(s.Hb,{input:"",selected:[],options:[],deselectedOptions:[],error:""}),{data:f,loading:v}=Object(l.d)(d.Qb,{variables:{roles:a},skip:o});Object(r.useEffect)(()=>{const e=function(e){const t=Object(m.get)(e,"listUserTeamByRoles")||[],a=[];for(let n of t)n&&n.user&&a.push({label:`${(l=n).user.firstName} ${l.user.lastName}`,value:l.user.id});var l;return a}(f);h({options:e,deselectedOptions:e})},[JSON.stringify(f)]);const E=Object(r.useCallback)(e=>{const t={input:e};if(""===e)return void h({...t,options:b.deselectedOptions});const a=new RegExp(e,"i"),l=b.deselectedOptions.filter(e=>e.label.match(a));h({...t,options:l})},[b.deselectedOptions]),y=Object(r.useCallback)(e=>{h({selected:e})},[]),C=Object(r.useCallback)(e=>()=>{let t=b.selected.filter(t=>t!==e);h({selected:t})},[b.selected]),k=Object(r.useCallback)(()=>{if(A)return Object(s.c)(b.selected)&&h({error:"The value is required"}),b.selected;h({error:""})},[A,b.selected]);Object(r.useImperativeHandle)(t,()=>({getSelected:k}));const O=i.a.createElement(n.c.TextField,{value:b.input,onChange:E,placeholder:"Search ..",error:b.error});return i.a.createElement(i.a.Fragment,null,i.a.createElement(p.a,{label:u||"Choose marketplace managers",required:A}),i.a.createElement(n.c,{options:b.options,onSelect:y,selected:b.selected,textField:O,emptyState:i.a.createElement("span",null,"No items found!"),allowMultiple:c,loading:v}),i.a.createElement(g,null,b.selected&&b.selected.length?b.selected.map(e=>{let t=(b.options||[]).find(t=>t.value===e);if(t)return i.a.createElement(n.ab,{children:t&&t.label,onRemove:C(e),key:e})}):null))})),b=a(161);t.a=function(e){let{open:t,onClose:a,idsChecked:d,onCompleted:m}=e;const{toggleToast:p,setNotify:g}=Object(u.b)(),{ids:h,onCompleted:f}=Object(b.b)(),[v,{loading:E}]=Object(l.c)(o.v,{onCompleted:()=>{g({msg:"Update marketplace manager success",err:!1}),f&&f(),m&&m()},onError:e=>{g({msg:Object(s.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),y=Object(r.useRef)(null),C=Object(r.useCallback)(()=>{let e=[];
27206if((null===d||void 0===d?void 0:d.length)>0?e=[...d]:(null===h||void 0===h?void 0:h.length)>0&&(e=[...h]),Object(s.c)(e))return;const t=y.current;let a="";if(t){const e=t.getSelected();Array.isArray(e)&&e.length>0&&(a=e[0])}0!=a.length&&(g({msg:null,err:!1}),p(!0),v({variables:{marketplaceManagerID:a,storeIds:e}}))},[v,h,d,g,p]);return i.a.createElement(n.E,{title:"Update marketplace manager",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Submit",onAction:C,loading:E},secondaryActions:[{content:"Cancel",onAction:a}]},i.a.createElement(A,{roles:c.gb.MarketplaceManager,label:"Choose marketplace manager",required:!0,ref:y}))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return O}));var l=a(1),n=a(26),r=a.n(n),i=a(0),o=a.n(i),s=a(11),c=a(2),u=a(41),d=a(4),m=a(175),p=a(44),g=a(536),A=a(22),b=a(537),h=a(144);var f=a(538);const v=o.a.lazy(()=>a.e(93).then(a.bind(null,1755))),E=o.a.lazy(()=>a.e(92).then(a.bind(null,1756))),y=o.a.lazy(()=>Promise.resolve().then(a.bind(null,813))),C=o.a.lazy(()=>a.e(99).then(a.bind(null,1757))),k=o.a.lazy(()=>a.e(98).then(a.bind(null,1758)));function O(e){let{idsChecked:t,handleCheckedAll:a,handleCompleted:n,status:d,ids:g}=e;const{currentUser:A}=Object(s.c)(),b=r()(A,"teamUser.role"),[h]=Object(u.a)(),f=Object(i.useCallback)(()=>{h(()=>{n&&n()},1500)},[n]),[v,E]=o.a.useReducer(c.Hb,{action:null,open:!1}),y=o.a.useCallback(e=>()=>{E({action:e,open:!0})},[]),C=o.a.useMemo(()=>{const e=w({status:d,role:b,onAction:y});return S.map(e).filter(Boolean)},[d,b,y]),k=o.a.useCallback(()=>{E({open:!1,action:null})},[]),O=o.a.useMemo(()=>{const e={ids:t,open:v.open,orderIDs:g,onClose:k,handleCompleted:f};return j(C,e)},[t,g,v.open,k,f]),I=v.action?O[v.action]:null;return(null===C||void 0===C?void 0:C.length)>0?o.a.createElement(i.Fragment,null,o.a.createElement(m.BulkActions,{idsChecked:t,onClose:()=>a(!1)},C.map(e=>o.a.createElement(l.g,{children:e.content,onClick:e.onAction,key:"action-"+e.key}))),o.a.createElement(p.a,{fallback:null},I?o.a.createElement(I.comp,I.props):null)):null}const j=(e,t)=>e.reduce((e,a)=>a&&a.key&&a.comp?(e[a.key]={...a,props:t},e):e,{}),w=e=>{let{status:t,role:a,onAction:l}=e;return e=>{let n=!0,r=!0;return Object(c.c)(e.status)||(n=e.status.includes(t)),Object(c.c)(e.roles)||(r=e.roles.includes(a)),!(!n||!r)&&{...e,onAction:l(e.key)}}},S=[{content:"Switch Store for Orders",key:"switchStore",status:[d.K.Error,d.K.PendingDesign,d.K.Pending,d.K.OnHold,d.K.PendingPayment],roles:[d.gb.Admin,d.gb.MarketplaceManager],comp:v},{content:"Re-submit to Fulfillment",key:"resubmit",status:[d.K.Error],roles:[d.gb.Admin,d.gb.MarketplaceManager],comp:E},{content:"Buy Label",key:"buyLabel",status:[d.K.Pending,d.K.PendingDesign,d.K.Processing,d.K.OnHold,d.K.Error],roles:[d.gb.Admin,d.gb.Supplier],comp:y},{content:"Mark as Order label",key:"maskOrderLabel",status:[d.K.Pending,d.K.PendingDesign,d.K.Processing,d.K.OnHold,d.K.Error],roles:[d.gb.Admin,d.gb.Supplier],comp:g.a},{content:"Revert Mapping",key:"revertMapping",status:[d.K.Pending,d.K.PendingDesign,d.K.Processing,d.K.OnHold,d.K.Error,d.K.Cancelled],roles:[d.gb.Admin,d.gb.MarketplaceManager,d.gb.StoreManager],comp:C},{content:"Fetch Tracking",key:"fetchTracking",status:[d.K.InProduction,d.K.ReadyToPrint,d.K.Printing,d.K.Fulfilled],roles:[d.gb.Admin,d.gb.MarketplaceManager,d.gb.StoreManager],comp:k},{content:"Update Shipping Option",key:"updateShippingOption",status:[d.K.Pending,d.K.PendingDesign,d.K.Error,d.K.Cancelled,d.K.OnHold],roles:[d.gb.Admin,d.gb.MarketplaceManager,d.gb.StoreManager],comp:function(e){let{open:t,orderIDs:a,onClose:n,handleCompleted:r}=e;const{fulfillmentSlug:i}=Object(h.c)()||{},s=d.jb[i],c=i===A.g.Printway,u=i===A.g.Printify,m=i===A.g.PGPrints,p=i===A.g.PrintBelle;return!!s||c||u||m?o.a.createElement(b.a,{open:t,onClose:n,orderIDs:a,refetch:r,thirdPartyFF:s,isPrintway:c,isPrintify:u,isPGPrints:m,isPrintBelle:p,isBulkAction:!0}):o.a.createElement(l.E,{open:t,onClose:n,title:"Update shipping option",sectioned:!0},o.a.createElement(l.f,{title:"Please choose Fulfillment provider valid",status:"info"}))}},{content:"Enabled 48H Fulfillment",key:"updateShippingOption",status:[d.K.Pending,d.K.PendingDesign,d.K.Error,d.K.Cancelled,d.K.OnHold],roles:[d.gb.Admin,d.gb.MarketplaceManager,d.gb.StoreManager],comp:f.a}]},,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return o}
27206));var l=a(0),n=a.n(l),r=a(88);const i=[{name:"Afghanistan",code:"AF"},{name:"\xc5land Islands",code:"AX"},{name:"Albania",code:"AL"},{name:"Algeria",code:"DZ"},{name:"American Samoa",code:"AS"},{name:"AndorrA",code:"AD"},{name:"Angola",code:"AO"},{name:"Anguilla",code:"AI"},{name:"Antarctica",code:"AQ"},{name:"Antigua and Barbuda",code:"AG"},{name:"Argentina",code:"AR"},{name:"Armenia",code:"AM"},{name:"Aruba",code:"AW"},{name:"Australia",code:"AU"},{name:"Austria",code:"AT"},{name:"Azerbaijan",code:"AZ"},{name:"Bahamas",code:"BS"},{name:"Bahrain",code:"BH"},{name:"Bangladesh",code:"BD"},{name:"Barbados",code:"BB"},{name:"Belarus",code:"BY"},{name:"Belgium",code:"BE"},{name:"Belize",code:"BZ"},{name:"Benin",code:"BJ"},{name:"Bermuda",code:"BM"},{name:"Bhutan",code:"BT"},{name:"Bolivia",code:"BO"},{name:"Bosnia and Herzegovina",code:"BA"},{name:"Botswana",code:"BW"},{name:"Bouvet Island",code:"BV"},{name:"Brazil",code:"BR"},{name:"British Indian Ocean Territory",code:"IO"},{name:"Brunei Darussalam",code:"BN"},{name:"Bulgaria",code:"BG"},{name:"Burkina Faso",code:"BF"},{name:"Burundi",code:"BI"},{name:"Cambodia",code:"KH"},{name:"Cameroon",code:"CM"},{name:"Canada",code:"CA"},{name:"Cape Verde",code:"CV"},{name:"Cayman Islands",code:"KY"},{name:"Central African Republic",code:"CF"},{name:"Chad",code:"TD"},{name:"Chile",code:"CL"},{name:"China",code:"CN"},{name:"Christmas Island",code:"CX"},{name:"Cocos (Keeling) Islands",code:"CC"},{name:"Colombia",code:"CO"},{name:"Comoros",code:"KM"},{name:"Congo",code:"CG"},{name:"Congo, The Democratic Republic of the",code:"CD"},{name:"Cook Islands",code:"CK"},{name:"Costa Rica",code:"CR"},{name:"Cote D'Ivoire",code:"CI"},{name:"Croatia",code:"HR"},{name:"Cuba",code:"CU"},{name:"Cyprus",code:"CY"},{name:"Czech Republic",code:"CZ"},{name:"Denmark",code:"DK"},{name:"Djibouti",code:"DJ"},{name:"Dominica",code:"DM"},{name:"Dominican Republic",code:"DO"},{name:"Ecuador",code:"EC"},{name:"Egypt",code:"EG"},{name:"El Salvador",code:"SV"},{name:"Equatorial Guinea",code:"GQ"},{name:"Eritrea",code:"ER"},{name:"Estonia",code:"EE"},{name:"Ethiopia",code:"ET"},{name:"Falkland Islands (Malvinas)",code:"FK"},{name:"Faroe Islands",code:"FO"},{name:"Fiji",code:"FJ"},{name:"Finland",code:"FI"},{name:"France",code:"FR"},{name:"French Guiana",code:"GF"},{name:"French Polynesia",code:"PF"},{name:"French Southern Territories",code:"TF"},{name:"Gabon",code:"GA"},{name:"Gambia",code:"GM"},{name:"Georgia",code:"GE"},{name:"Germany",code:"DE"},{name:"Ghana",code:"GH"},{name:"Gibraltar",code:"GI"},{name:"Greece",code:"GR"},{name:"Greenland",code:"GL"},{name:"Grenada",code:"GD"},{name:"Guadeloupe",code:"GP"},{name:"Guam",code:"GU"},{name:"Guatemala",code:"GT"},{name:"Guernsey",code:"GG"},{name:"Guinea",code:"GN"},{name:"Guinea-Bissau",code:"GW"},{name:"Guyana",code:"GY"},{name:"Haiti",code:"HT"},{name:"Heard Island and Mcdonald Islands",code:"HM"},{name:"Holy See (Vatican City State)",code:"VA"},{name:"Honduras",code:"HN"},{name:"Hong Kong",code:"HK"},{name:"Hungary",code:"HU"},{name:"Iceland",code:"IS"},{name:"India",code:"IN"},{name:"Indonesia",code:"ID"},{name:"Iran, Islamic Republic Of",code:"IR"},{name:"Iraq",code:"IQ"},{name:"Ireland",code:"IE"},{name:"Isle of Man",code:"IM"},{name:"Israel",code:"IL"},{name:"Italy",code:"IT"},{name:"Jamaica",code:"JM"},{name:"Japan",code:"JP"},{name:"Jersey",code:"JE"},{name:"Jordan",code:"JO"},{name:"Kazakhstan",code:"KZ"},{name:"Kenya",code:"KE"},{name:"Kiribati",code:"KI"},{name:"Korea, Democratic People'S Republic of",code:"KP"},{name:"Korea, Republic of",code:"KR"},{name:"Kuwait",code:"KW"},{name:"Kyrgyzstan",code:"KG"},{name:"Lao People'S Democratic Republic",code:"LA"},{name:"Latvia",code:"LV"},{name:"Lebanon",code:"LB"},{name:"Lesotho",code:"LS"},{name:"Liberia",code:"LR"},{name:"Libyan Arab Jamahiriya",code:"LY"},{name:"Liechtenstein",code:"LI"},{name:"Lithuania",code:"LT"},{name:"Luxembourg",code:"LU"},{name:"Macao",code:"MO"},{name:"Macedonia, The Former Yugoslav Republic of",code:"MK"},{name:"Madagascar",code:"MG"},{name:"Malawi",code:"MW"},{name:"Malaysia",code:"MY"},{name:"Maldives",code:"MV"},{name:"Mali",code:"ML"},{name:"Malta",code:"MT"},{name:"Marshall Islands",code:"MH"},{name:"Martinique",code:"MQ"},{name:"Mauritania",code:"MR"},{name:"Mauritius",code:"MU"},{name:"Mayotte",code:"YT"},{name:"Mexico",code:"MX"},{name:"Micronesia, Federated States of",code:"FM"},{name:"Moldova, Republic of",code:"MD"},{name:"Monaco",code:"MC"},{name:"Mongolia",code:"MN"},{name:"Montserrat",code:"MS"},{name:"Morocco",code:"MA"},{name:"Mozambique",code:"MZ"},{name:"Myanmar",code:"MM"},{name:"Namibia",code:"NA"},{name:"Nauru",code:"NR"},{name:"Nepal",code:"NP"},{name:"Netherlands",code:"NL"},{name:"The Netherlands",code:"NL"},{name:"Netherlands Antilles",code:"AN"},{name:"New Caledonia",code:"NC"},{name:"New Zealand",code:"NZ"},{name:"Nicaragua",code:"NI"},{name:"Niger",code:"NE"},{name:"Nigeria",code:"NG"},{name:"Niue",code:"NU"},{name:"Norfolk Island",code:"NF"},{name:"Northern Mariana Islands",code:"MP"},{name:"Norway",code:"NO"},{name:"Oman",code:"OM"},{name:"Pakistan",code:"PK"},{name:"Palau",code:"PW"},{name:"Palestinian Territory, Occupied",code:"PS"},{name:"Panama",code:"PA"},{name:"Papua New Guinea",code:"PG"},{name:"Paraguay",code:"PY"},{name:"Peru",code:"PE"},{name:"Philippines",code:"PH"},{name:"Pitcairn",code:"PN"},{name:"Poland",code:"PL"},{name:"Portugal",code:"PT"},{name:"Puerto Rico",code:"PR"},{name:"Qatar",code:"QA"},{name:"Reunion",code:"RE"},{name:"Romania",code:"RO"},{name:"Russian Federation",code:"RU"},{name:"RWANDA",code:"RW"},{name:"Saint Helena",code:"SH"},{name:"Saint Kitts and Nevis",code:"KN"},{name:"Saint Lucia",code:"LC"},{name:"Saint Pierre and Miquelon",code:"PM"},{name:"Saint Vincent and the Grenadines",code:"VC"},{name:"Samoa",code:"WS"},{name:"San Marino",code:"SM"},{name:"Sao Tome and Principe",code:"ST"},{name:"Saudi Arabia",code:"SA"},{name:"Senegal",code:"SN"},{name:"Serbia and Montenegro",code:"CS"},{name:"Seychelles",code:"SC"},{name:"Sierra Leone",code:"SL"},{name:"Singapore",code:"SG"},{name:"Slovakia",code:"SK"},{name:"Slovenia",code:"SI"},{name:"Solomon Islands",code:"SB"},{name:"Somalia",code:"SO"},{name:"South Africa",code:"ZA"},{name:"South Georgia and the South Sandwich Islands",code:"GS"},{name:"Spain",code:"ES"},{name:"Sri Lanka",code:"LK"},{name:"Sudan",code:"SD"},{name:"Suriname",code:"SR"},{name:"Svalbard and Jan Mayen",code:"SJ"},{name:"Swaziland",code:"SZ"},{name:"Sweden",code:"SE"},{name:"Switzerland",code:"CH"},{name:"Syrian Arab Republic",code:"SY"},{name:"Taiwan, Province of China",code:"TW"},{name:"Tajikistan",code:"TJ"},{name:"Tanzania, United Republic of",code:"TZ"},{name:"Thailand",code:"TH"},{name:"Timor-Leste",code:"TL"},{name:"Togo",code:"TG"},{name:"Tokelau",code:"TK"},{name:"Tonga",code:"TO"},{name:"Trinidad and Tobago",code:"TT"},{name:"Tunisia",code:"TN"},{name:"Turkey",code:"TR"},{name:"Turkmenistan",code:"TM"},{name:"Turks and Caicos Islands",code:"TC"},{name:"Tuvalu",code:"TV"},{name:"Uganda",code:"UG"},{name:"Ukraine",code:"UA"},{name:"United Arab Emirates",code:"AE"},{name:"United Kingdom",code:"GB"},{name:"United States",code:"US"},{name:"United States Minor Outlying Islands",code:"UM"},{name:"Uruguay",code:"UY"},{name:"Uzbekistan",code:"UZ"},{name:"Vanuatu",code:"VU"},{name:"Venezuela",code:"VE"},{name:"Viet Nam",code:"VN"},{name:"Virgin Islands, British",code:"VG"},{name:"Virgin Islands, U.S.",code:"VI"},{name:"Wallis and Futuna",code:"WF"},{name:"Western Sahara",code:"EH"},{name:"Yemen",code:"YE"},{name:"Zambia",code:"ZM"},{name:"Zimbabwe",code:"ZW"}],o=e=>{let{value:t,onChange:a,error:l}=e,o=i;return o=o.map(e=>({value:e.code,label:e.name})),n.a.createElement(r.a,{options:o,value:t,onChange:a,error:l})}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,a){"use strict";a.d(t,"b",(function(){return c})),a.d(t,"a",(function(){return u})),a.d(t,"c",(function(){return d}));var l=a(35),n=a(0),r=a.n(n),i=a(2),o=a(124),s=a(171);function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",a=arguments.length>2?arguments[2]:void 0;const n=JSON.stringify(e),i=r.a.useMemo(()=>({variables:{filter:JSON.parse(n)},skip:a,query:l.a` 27207 query stores($filter: StoreFilter) { 27208 stores(filter: $filter) { 27209 ${t} 27210 } 27211 } 27212 `}),[n,t,a]);return Object(s.a)({queryOptions:i,path:"data.stores"})}async function u(e,t,a){if(Object(i.c)(e)||Object(i.c)(t))return[];let n=[];for(let l of t)e.includes(l)||n.push(l);if(Object(i.c)(n))return[];return await async function(e){const{__apolloClient__:t}=window;if(t){try{const n=[],r=[],o={};for(let t=0;t<e.length;t++){const a=e[t];n.push(`$id__${t}: ID!`),r.push(`\n storeById__${t}
27212: storeById(id: $id__${t}) {\n ...store\n }\n `),o["id__"+t]=a}const s=`\n query storeById(${n.join(",")}) {\n ${r.join("\n")}\n }\n `,c=l.a` 27213 fragment store on Store { 27214 ${a} 27215 } 27216 ${s} 27217 `,u=await t.query({query:c,variables:o});if(!Object(i.Gb)(null===u||void 0===u?void 0:u.data))return Object.values(u.data)}catch(n){}return[]}}(n)}function d(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"id title",l=arguments.length>3?arguments[3]:void 0;const[n,s]=r.a.useReducer(i.Hb,{options:[],selectedOptions:[]}),[d,p]=r.a.useReducer(i.Hb,{limit:20,offset:0,search:"",...l||{}}),{data:g,loading:A,error:b}=c(r.a.useMemo(()=>d,Object.values(d)),`nodes{${a}}`,t);r.a.useEffect(()=>{if(Object(i.Gb)(g))return;const e=m(g.nodes||[]);s({options:e})},[g]);const h=JSON.stringify(n.options);return r.a.useEffect(()=>{let t=JSON.parse(h);Object(i.c)(t)||Object(i.c)(e)||async function(){const l=t.map(e=>{let{value:t}=e;return t}),n=m(await u(l,e,a));t=[...t,...n];const r=t.filter(t=>{let{value:a}=t;return e.includes(a)});s({options:t,selectedOptions:r})}()},[h,e,a]),[r.a.useMemo(()=>({loading:A,error:b,options:n.options,selectedOptions:n.selectedOptions}),[A,b,n.options,n.selectedOptions]),Object(o.a)(p)]}function m(e){return Object(i.c)(e)?[]:e.map(e=>{const{id:t,title:a}=e||{};return{value:t,label:a,data:e}})}},,,,,,,,function(e,t,a){"use strict";a.d(t,"b",(function(){return d})),a.d(t,"c",(function(){return p})),a.d(t,"a",(function(){return m}));var l=a(35),n=a(0),r=a.n(n),i=a(66),o=a.n(i),s=a(2),c=a(171),u=a(124);const d=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,a=arguments.length>2?arguments[2]:void 0;const n=JSON.stringify(e),i=r.a.useMemo(()=>({variables:{filter:JSON.parse(n)},skip:t,query:l.a` 27218 query groups($filter: GroupFilter) { 27219 groups(filter: $filter) { 27220 ${a} 27221 } 27222 } 27223 `}),[n,t,a]);return Object(c.a)({queryOptions:i,path:"data.groups"})},m=async(e,t,a)=>{if(Object(s.c)(e)||Object(s.c)(t))return[];let n=[];for(const l of t)e.includes(l)||n.push(l);if(Object(s.c)(n))return[];return await async function(e){const{__apolloClient__:t}=window;if(!t)return[];try{const n=[],r=[],i={};for(let t=0;t<e.length;t++){const a=e[t];n.push(`$id__${t}: ID!`),r.push(`\n group__${t}: group(id: $id__${t}) {\n ...group\n }\n `),i["id__"+t]=a}const o=`\n query group(${n.join(",")}) {\n ${r.join("\n")}\n }\n `,c=l.a` 27224 fragment group on Group { 27225 ${a} 27226 } 27227 27228 ${o} 27229 `,u=await t.query({query:c,variables:i});if(!Object(s.Gb)(null===u||void 0===u?void 0:u.data))return Object.values(u.data)}catch(n){}return[]}(n)},p=e=>{let{value:t,skip:a,fragment:l="id name"}=e;const[n,i]=r.a.useReducer(s.Hb,{limit:20,offset:0,search:""}),[c,p]=r.a.useReducer(s.Hb,{options:[],selectedOptions:[]}),{data:A,loading:b,error:h}=d(n,a,`nodes {${l}}`);r.a.useEffect(()=>{if(Object(s.Gb)(A))return;const e=g(A.nodes);p({options:e})},[A]);const f=JSON.stringify(c.options),v=r.a.useRef();return r.a.useEffect(()=>{let e=JSON.parse(f);Object(s.c)(e)||Object(s.c)(t)||o()(v.current,t)||async function(){const a=g(e,e=>{let{value:t}=e;return t}),n=await m(a,t,l),r=g(n);e=[...e,...r];const i=e.filter(e=>{let{value:a}=e;return t.includes(a)});p({options:e,selectedOptions:i}),v.current=t}()},[f,t,l]),[r.a.useMemo(()=>({loading:b,error:h,options:c.options,selectedOptions:c.selectedOptions}),[b,h,c.options,c.selectedOptions]),Object(u.a)(i)]},g=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>{let{id:t,name:a}=e;return{value:t,label:a}};return Object(s.c)(e)?[]:e.map(t)}},function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return o}));var l=a(1),n=a(0),r=a.n(n);const i=r.a.lazy(()=>a.e(105).then(a.bind(null,1427)));function o(e){let{open:t,onClose:a,imageUrl:n,title:o,bg:s,inputSlider:c}=e;const u=r.a.useCallback(e=>{if(!e)return;let t=document.querySelector(".Polaris-Modal-Dialog__Modal:has(#moda-zoom-in-out)");t&&t.setAttribute("style","max-width: calc(100% - 10rem); height: calc(100vh)")},[]);return r.a.createElement(l.E,{open:t,onClose:a,sectioned:!0,title:o||"View Design"},r.a.createElement("span",{id:"moda-zoom-in-out",ref:u}),r.a.createElement(i,{imageUrl:n,bg:s,inputSlider:c}))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var l=a(0),n=a.n(l),r=a(1),i=a(1388),o=a(9),s=a(28),c=a(98);const u=o.b.div` 27230 .copy-box { 27231 font-size: 0.8em; 27232 padding: 2px; 27233 padding-left: 5px; 27234 border-radius: var(--p-border-radius-base, 3px); 27235 margin-top: 0.5rem; 27236 border-color: #b7c1ca; 27237 input { 27238 background: transparent; 27239 } 27240 } 27241`,d=e=>{let{fileName:t,sku:a}=e;const[l,o]=Object(s.a)(!1),d=n.a.createElement(r.g,{plain:!0,icon:i.a,onClick:o}),m=t?n.a.createElement(c.a,{text:t}):null,p=a?n.a.createElement(c.a,{text:a}):null;return n.a.createElement("div",{className:"suggest-wrap"},n.a.createElement(r.K,{activator:d,active:l,onClose:o},n.a.createElement(u,null,n.a.createElement(r.i,{sectioned:!0,title:"You can try this File name:"},n.a.createElement(r.Y,{vertical:!0,spacing:"tight"},m,m?n.a.createElement("span",null,"Or"):null,p)))))}},function(e,t,a){"use strict";var l=a(1),n=a(0),r=a.n(n);const i=a(9).b.div` 27242 position: relative; 27243 min-height: 60vh; 27244 display: flex; 27245 align-items: center; 27246 justify-content: center; 27247 text-align: center; 27248 27249 .Polaris-EmptyState__Details { 27250 display: flex; 27251 flex-direction: column; 27252 justify-content: center;
27253 align-items: center; 27254 } 27255`;t.a=function(){return r.a.createElement(l.H,null,r.a.createElement(i,null,r.a.createElement("div",{className:"Polaris-EmptyState__DetailsContainer"},r.a.createElement("div",{className:"Polaris-EmptyState__Details"},r.a.createElement("div",{className:"Polaris-TextContainer"},r.a.createElement("p",{className:"Polaris-DisplayText Polaris-DisplayText--sizeMedium"},"Ooops! We can't find what you're looking for."),r.a.createElement("div",{className:"Polaris-EmptyState__Content"},r.a.createElement("p",null,"It's probably better you head back to the dashboard and start over."))),r.a.createElement("div",{className:"Polaris-EmptyState__Actions"},r.a.createElement("div",{className:"Polaris-Stack Polaris-Stack--alignmentCenter"},r.a.createElement("div",{className:"Polaris-Stack__Item"},r.a.createElement("a",{"data-polaris-unstyled":"true",className:"Polaris-Button Polaris-Button--primary Polaris-Button--sizeMedium",href:"/"},r.a.createElement("span",{className:"Polaris-Button__Content"},r.a.createElement("span",{className:"Polaris-Button__Text"},"Back to dashboard"))))))))))}},,,,,,,function(e,t,a){e.exports=a.p+"static/media/POD.2efd2bc3.ico"},function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAABmJLR0QA/wD/AP+gvaeTAAAgAElEQVR4nO3defQddX3/8WfINwkJOwFkkU1UKruI7BB2hIIKQnFptRUq6E9B0B6XX7Wl1hbaWgR31P7cj6JCf6KyCJRVRCrIqsga5McWwhYghATy++PzTUXIcufemXnPZz7PxzmfE/TAOa/MvTPzup/5zMwE1CdrARs9b6wPTB8fawKrAKuN/7uTgRXaDig1aCawJ3BndBApBxOiA2goY8BWwGvG/9xy/M/VlvYfSQWwBEgDsgDkYQqwG7A7sAuwPbBiaCKpu+4h7SuWAGkpLADdtRFwIHAA6ReN0/XS4GaTivId0UGkrrIAdMtLgTcBhwM74+cjjWIuacbs2uggUhd5gok3lXTCPwrYFT8TqU7zSZcDfhEdROoaTzZxNgfeDbwNWDU4i9RnC4C9gUujg0hdYgFo367Ah4A/xe0vteVZYF/gv6KDSF3hCagdE4DDgI8C2wRnkUrlTID0PBaA5u0DnAxsGx1EEgtI++Ql0UGkaBaA5uwKfIp0K5Kk7rAESMBy0QF66KXAN0jTjJ78pe4ZAy4AZkQHkSI5A1CfycBHSAv8pgZnkbRszgSoaBaAeuwEfJl0a5+kfFgCVCwvAYxmKnAqcDme/KUceTlAxXIGYHhbAN8mvYVPUt6cCVBxnAGobjngb4Bf4clf6gtnAlQcZwCqWRn4OvDG6CCSGuFMgIphARjcVsCZwCbRQSQ1yscGqwheAhjM4cCVePKXSjAROJ/0FkGptywAy/Ye4LvAtOggklozBlwE7BkdRGqKBWDp/gH4HG4nqUTOBKjXXAOweBOBzwLHRAeRFM41AeolC8CLTSE9y//PooNI6gxLgHrHAvDHViSt9N83OoikzrEEqFcsAH8wFTgP2C06iKTOsgSoN1zclkwkPdbXk7+kpZkI/AzvDlAPWADSLMjpwCHRQSRlwRKgXrAAwMnAO6NDSMqKJUDZK30NwHuBz0SHkJQt1wQoWyUXgLeRbvdzFkTSKCwBylKpBWAn4GJgcnAOSf1gCVB2SiwALwF+BawXHURSr1gClJXSpr8nAWfgyV9S/VwYqKyUVgBOwhd7SGrOohcIzYgOIi1LSZcA9gXOpbzSI6l9Xg5Q55VSANYArgPWjQ4iqRgLgL2BS6ODSItTyq/hL+HJX1K7xoAL8XKAOqqEAnA4cGh0CElFWlQCXBiozun7JYBVgJvx17+kWK4JUOf0fQbgFDz5S4rnLYLqnD7PAOwCXEa//46S8rIA2Ae4JDqI1NeT43LAVcB20UE6ZCFwHzALmA08BcwNTaS+2hFYPzpEh1kC1Alj0QEa8nbKPvnPAa4klaDrgRuAu4B5gZlUju9hAViaMeACLAFS7VYE7iX94i1p/Ab4JOnSx8SRt6I0vO8Rvz/kMObjLYJSrT5M/I7d1ngYOBXYupYtJ9XDAjD4sARINVmZdH07eqduevwOOAaYVs9mk2plAag2LAFSDT5O/M7c5LidtL7BKX51mQWg+rAESCNYGXiU+B25ifE48CFgSm1bS2qOBWC4YQlQq/r0IKCjSE/+65ufAlsAJ+MqfqnPFt0dYAmQKhgDZhLf4OscTwHH1bmRpJY4AzDaWIBPDFQL+jIDcDiwQXSIGv0G2Ja0wl9SWSYC5+NMgBrWlwLwvugANfopsAPw2+ggksJ4OUCN60MB2ALYKTpETb4FvJH0JD9JZfNVwmpUHwrAX0cHqMlpwDtIK4ElCXyLoLREy9OPB/98su4NIwVyEWD9w1sEVbvcZwAOAlaPDjGiLwN/Gx1CUqe5JkC1y70AvDk6wIh+BLyH1PAlaWlcE6Ba5VwAVgQOiA4xgl8CR5Du+ZWkQXiLoGqTcwE4iHxfhjMLOAx4OjqIpOx4OUC1yLkAvCE6wAiOBH4fHUJStrwcoJHlWgAmAvtGhxjSl4Czo0NIyp6XAzSSXAvA9sD06BBDuBf4cHQISb3hTICGlmsBeF10gCG9j/TKYkmqizMBGkquBWCv6ABD+C/gzOgQknrJhYGqLMcCMAXYLjrEED4SHUBSr3k5QJXkWAC2JT0COCc/Aq6KDiGp97wcoIHlWAB2jQ4whJOiA0gqhjMBGkiOBSC36f8rx4cktcWZAC1TjgVg6+gAFX0+OoCkIjkToKXKrQBMBV4eHaKCR4EfRoeQVCxnArREuRWALUhf6FycBcyNDiGpaM4EaLFyKwCbRQeo6AfRASSJP8wE7B4dRN2RWwHYODpABXNJD/+R1F2nRAdo0RhwEc4EaFxuBWCj6AAVXIzT/1LXnQCcGh2iRa4J0P+wADTn0ugAkgbyfsqbCXBNgLIrABtGB6jAe/+lfDgToOLkVgBeEh1gQAuBa6NDSKqk1JmAPYJzKEhOBWAa6TkAOZgJPB4dQlJlJc4E/AxnAoqUUwFYIzpABbdGB5A0NGcCVIScCsD06AAVzIwOIGkkzgSo93IqACtFB6jg3ugAkkZW4kzABVgCipFTAZgcHaCC2dEBJNXiBCwB6qmcCsCk6AAVzIkOIKk2pV0OsAQUIqcCMCU6QAXzogNIqpWXA9Q7ORWAsegAFcyPDiCpds4EqFdyKgATogNIKp4zAeqNnAqAJHWBCwPVCxYASarOEqDsWQAkaTiWAGXNAiBJw7MEKFsWAEkajSVAWbIASNLoLAHKjgVAkuphCVBWLACSVB9LgLJhAZCkelkClAULgCTVzxKgzrMASFIzLAHqNAuAJDXHEqDOsgBIUrMsAeokC4AkNc8SoM6xAEhSOywB6hQLgCS1xxKgzrAASFK7LAHqBAuAJLXPEqBwFgBJimEJUCgLgCTFOQE4NTpEixaVgN2jg8gCIKl+86MDVDApOgDwfsqbCbgQZwLCWQAk1e2Z6AAVTIkOMM6ZALXOAiCpbjkVgJWjAzyPMwFqlQVAUt3mRQeoYHp0gBdwYaBaYwGQVLc50QEqWCc6wGJ4OUCtsABIqtvs6AAVbBQdYAneD3w6OkSLvBwQwAIgqW45FYBXRAdYiuOB06JDtMiZgJZZACTV7aHoABVsGR1gGY7DmQA1xAIgqW6zogNU8OroAANwJkCNsABIqtvM6AAVrAW8PDrEAJwJUO0sAJLq9iDwZHSICnL5pelMgGplAZDUhLuiA1Swf3SACpwJUG0sAJKacGd0gAr2AyZHh6jAmQDVwgIgqQk3RQeoYFVSCciJMwEamQVAUhOujw5Q0VuiAwzheOAz0SFa5ExAzSwAkppwQ3SAig4FVo8OMYRjcSZAQ7IASGrCb8nrrYDLA38ZHWJIzgRoKBYASU2YD1wbHaKi44FJ0SGG5EyAKrMASGrKFdEBKnopea4FWMSZAFViAZDUlNwKAMDHyXcWAJwJUAUWAElN+Xl0gCFsAhwdHWJEzgRoIBYASU25H7g5OsQQTgSmR4cY0bGUVwIuxBJQiQVAUpPOjQ4whNWBf40OUQMvB2ipLACSmnROdIAh/SX5PR1wcbwcoCWyAEhq0qXAE9EhhjAB+D/AGtFBauBMgBbLAiCpSc8A50WHGNK6pBLQh+OkMwF6kT58sSV12xnRAUZwEPCx6BA1cWGgsnU4sDCTcXhD20DK0TRgDvH75bDjOeCdtW+VOKcQv03bHPPxcsBiOQMgqWlPAT+JDjGCCcDpwCHRQWpyPOWtCbgAS8CLWAAkteGb0QFGNBH4FrBLdJCauCZAFgBJrTgXuDs6xIimkRY0vi46SE28O6BwFgBJbXgW+Hp0iBqsAPxf8n5p0PN5OUBZcBGglLcNSUUgev
27255+sYzwLfKDezRPqNOK3aZtjPl4OcAZAUmtmkn4998FywL8B/wmsFpylDl4OUKc5AyDlbxfi98+6x0xgxzo3UiBvEVQnWQCkfvg58fto3WMe8M+kNQK583KAOscCIPXDocTvo02NmcAb69tUYSwB6hQLgNQPywG/Jn4/bXL0YaW5JUCdYQGQ+uMNxO+nbYzLgYNJTxPMkWsC1AkWAKk/JgBXE7+vtjVuBk4A1q5j47XMmQCFswBI/bIv8ftq22MBcBFwHPDK0TdhaywBCmUBkPrnbOL318hxD/Bd4G+A/YENSO8d6CJLQM+MRQeQVLQPAPsBk6ODBFkPOGJ8LDIfuBd4CHiE9DbFee1HW6zZwPToEC1Z9LCgvYFLg7M0wgIgKdLvgM+Sro8rmUR6bPKG0UHU7xLgo4AlRft74PfRIaQl6O1jgy0AkqLNAY6ODiEtRS/fImgBkNQF55AWw0ld1bsSYAGQ1BXHAQ9Gh5CWYlEJ6MXdARYASV3xIHAk6RYsqasWrQnYNTrIqCwAkrrkx8AXo0NIyzBGeqDTn0QHGYUFQFLXfJD06FypyyYBV5LxMywsAJK65ingEOCx6CDSMqwKnBsdYlgWAEld9DvgnbgeQN23J/DG6BDDsABI6qozgX+JDiEN4KvRAYZhAZDUZR8Fvh8dQlqG1YH/FR2iKguApC57DvgL0oprqcv+NjpAVRYASV03j3SN9ZroINJSrA1sER2iCguApBzMAQ4Ebo8OIi3FR6MDVGEBkJSLB4D9gPujg0hLsFt0gCosAJJycgdpJuDx6CDSYqwbHaAKC4Ck3FwL7APMig4ivcBywCbRIQZlAZCUo6tJb2SbGR1EeoFs3hRoAZCUq98COwHXRQeRnmed6ACDsgBIytl9pEexXh4dRBq3SnSAQVkAJOXuEdKagB9GB5FID6/KggVAUh/MA94MfD46iIo3NzrAoCwAkvpiAel57G8CHg3OonI9FB1gUBYASX1zJrA98OvoICqSBUCSAt0K7AicFh1ExVkYHWBQFgBJfTUPOA44Ap8cKL2IBUBS350BvAa4JDqI1CUWAEkluI30vIC3k14qJBXPAiCpFAuBbwKbktYGPBsbR4plAZBUmsdIawO2B64KziKFsQBIKtU1wM7A0XhZQAWyAEgq2XPA6cDGwPuAu2PjSO2xAEhSenzrZ4FXAEeRFg1KvWYBkKQ/eAb4Kmmh4OtJlwmkXrIASNKLPQecDWxHKgI/wbsG1DMWAElasoWkInAQsBHwceCOyEBSXSwAkjSYe4BPAJsAWwAnAreHJpJGYAGQpOpuAv6etGhwh/F/vgovEygjY9EBJCljC4Ffjo8TgenA3sAuwK7AVnicVUf5xZSk+swmvXzojPH/vSLpiYPbkC4bbAVsDiwfkk56HguAJDXnCeCi8bHIcsB6pEWFG4+PtYG1SDMI00nFYZXxf38aMKWduCqJBUCS2vUc8PvxcVlwllwczh9mVVQTFwFKklQgC4AkSQWyAEiSVCALgCRJBbIASJJUIAuAJEkFsgBIklQgC4AkSQWyAEiSVCALgCRJBbIASJJUIAuAJEkFsgBIklQgC4AkSQWyAEiSVCALgCRJBbIASJJUIAuAJEkFsgBIklQgC4AkSQWyAEiSVCALgCRJBbIASJJUIAuAJEkFsgBIklQgC4AkSQWyAEiSVCALgCRJBbIASJJUIAuAJEkFsgBIklQgC4AkSQWyAEiSVCALgCRJBbIASJJUIAuAJEkFsgBIklQgC4AkSQWyAEiSVCALgCRJBbIASJJUIAuAJEkFsgBIklQgC4AkSQWyAEiSVCALgCRJBbIASJJUIAuAJEkFsgBIklQgC4AkSQWyAEiSVCALgCRJBbIASJJUIAuAJEkFsgBIklQgC4AkSQWyAEiSVCALgCRJBbIASJJUIAuAJEkFsgBIklQgC4AkSQWyAEiSVKCx6ADSC0wH9ge2B7YB1gfWAaZGhuq5h4H7gduAa4HLxsczkaEkNcsCoC6YArwJOArYHZgYG6c4q4+PzYDXj/9/jwM/BE4HfhGUS1KDvASgSGPA0cCtwLeBPfHk3xUrA38FXAlcBOwcG0dS3SwAirIt8Evgi6RpfnXXnsDlwFeAVYOzSKqJBUAR3kX6Zfnq6CAa2ATgSOB60voMSZmzAKhNywFfAL4ETA7OouGsD1wMHBycQ9KILABqy3LA14FjooNoZFNJCwQPiw4iaXgWALXlZODPo0OoNpP4w8JNSRmyAKgNbwU+GB1CtZsMnAGsGx1EUnUWADVtQ+Dz0SHUmDWAr5EWCUrKiAVATfs0sEp0CDVqX+At0SEkVWMBUJP2AN4YHUKtOAlYPjqEpMFZANSkj0YHUGvWx0WeUlYsAGrKZsA+0SHUqvdHB5A0OAuAmvI2XBhWms2BraNDSBqMBUBNOSQ6gEIcGh1A0mAsAGrCWsCfRIdQiBnRASQNxgKgJuyI0/+l2h6PK1IW3FHVhE2jAyjMVHy9s5QFC4CasEF0AIXaMDqApGWzAKgJK0UHUCg/fykDFgA1YXJ0AIXy85cyYAFQE56KDqBQfv5SBiwAasIj0QEUys9fyoAFQE24PTqAQt0WHUDSslkA1ISbowMozAPAw9EhJC2bBUBN+CXwdHQIhbgsOoCkwVgA1ISngZ9Hh1CIC6MDSBqMBUBN+V50ALVuAXBmdAhJg7EAqCnfB56MDqFW/RR4MDqEpMFYANSUR4D/iA6hVv1rdABJg7MAqEn/grMApbgAuDw6hKTBWQDUpHuAk6NDqHELgOOjQ0iqxgKgpp1Eui1Q/fUJ4MboEJKqsQCoafOBtwOPRwdRIy4BPhkdQlJ1FgC14RbgDcAz0UFUq9uBw4Fno4NIqs4CoLZcDLwNS0Bf3ArsBcyKDiJpOBYAtekHwOuBx6KDaCRXA7sDd0cHkTQ8C4Dadh7wWuC66CAaypdJJ//7o4NIGo0FQBFuJZWAjwFzg7NoMHcA+wPvwhc9Sb1gAVCU+cA/Ai8HPocPDOqqu4D3AK8Czo+NIqlOFgBFuxd4L7Ae6UTzM2BeaCLNAr4BHABsAnwBF29KvTMWHUAa9xjpRPMFYAVgG2BrYH1gHWBaXLTemw08ANwGXAP8FnguNJGkxlkA1EVPAleMD0lSA7wEIElSgSwAkiQVyAIgSVKBLACSJBXIAiBJUoEsAJIkFcgCIElSgSwAkiQVyAIgSVKBLACSJBXIAiBJUoEsAJIkFcgCIElSgSwAkiQVyAIgSVKBLACSJBXIAiBJUoEsAJIkFcgCIElSgSwAkiQVyAIgSVKBLACSJBXIAiBJUoEsAJIkFcgCIElSgSwAkiQVyAIgSVKBLACSJBXIAiBJUoEsAJIkFcgCIElSgSwAkiQVyAIgSVKBLACSJBXIAiBJUoEsAJIkFcgCIElSgSwAkiQVyAIgSVKBLACSJBXIAiBJUoEsAJIkFcgCIElSgSwAkiQVyAIgSVKBLACSJBXIAiBJUoEsAJIkFcgCIElSgSwAkiQVyAIgSVKBLACSJBXIAiBJUoEsAJIkFcgCIElSgSwAkiQVyAIgSVKBLACSJBXIAiBJUoEsAJIkFcgCIElSgSwAkiQVaCw6gLQUawIbAGsD04KzSFU8BdwP3A3MCs4iLZYFQF2yNnAwcACwA7BubBypFvcCVwHnAGeTioEUzgKgLpgBHEc6+fudVN+sCxwyPhaQSsCpwCWRoSTXACjSlsDPgItJB0dP/uq7MdJ3/WLSd3/L0DQqmgVAESYCJwK/AvYJziJF2Ye0D5xI2iekVlkA1LY1gPOBjwOTgrNI0SaR9oXzSfuG1BoLgNq0Dmnqc6/gHFLX7AVcDqwfHUTlsACoLS8hHeA2jw4iddSmpIL8kuAcKoQFQG2YSlr5/LLoIFLHvYy0r0yNDqL+swCoDf8OvDY6hJSJ1wKfig6h/rMAqGkHAEdHh5Aycwxp35EaYwFQkyYDnwYmRAeRMjMB+AwwJTqI+ssCoCYdBbwyOoSUqU2AI6NDqL8sAGrKROCE6BBS5j6IT8hUQywAasp+pF8wkoa3MbBvdAj1kwVATXlLdACpJ94cHUD9ZAFQEyYA+0eHkHriQFxIqwZYANSEzYC1okNIPbEGaZ+SamUBUBNeHR1A6pltogOofywAasIrogNIPeM+pdpZANQEX2Yi1ct9SrWzAKgJK0YHkHrGfUq1swBIklQgC4Ca8ER0AKln3KdUOwuAmvBAdACpZ9ynVDsLgJpwa3QAqWfcp1Q7C4C
27255acG10AKlnfh0dQP1jAVATbgYejA4h9cRDpH1KqpUFQE1YCJwbHULqiZ+Q9impVhYANeW70QGknvhedAD1kwVATTkfuC06hJS5O0n7klQ7C4Ca8ixwSnQIKXP/RtqXpNpZANSkrwC3RIeQMnUb8NXoEOovC4Ca9AxwPC5gkqpaCBwLzIsOov6yAKhp5wBfig4hZeaLpH1HaowFQG04Abg6OoSUiauBD0SHUP9ZANSGucDBwB3RQaSOu4O0r8yNDqL+swCoLQ8AuwI3RgeROuoWYAa++EctsQCoTfcBewIXRQeROuYiUkG+JzqIymEBUNseAvYD/gGYH5xFijaftC/sR9o3pNZYABThWeDvgNcAFwRnkaJcQNoH/g4f9qMAFgBFugHYF9gDOAtYEJpGat4C0nd9D9J3/4bQNCraWHQACbhkfKxNWgF9ALADsG5kKKkm9wJXke7rPxu4PzaOlFgA1CX3A18eHwBrAhuQisG0qFDSEJ4ifZ/vBmYFZ5EWywKgLpuFB09JaoRrACRJKpAFQJKkAlkAJEkqkAVAkqQCWQAkSSqQBUCSpAJZACRJKpAFQJKkAlkAJEkqkAVAkqQCWQAkSSqQBUCSpAJZACRJKpAFQJKkAlkAJEkqkAVAkqQCWQAkSSqQBUCSpAJZACRJKlBOBWBhdABJkpYhm3NVTgVgQXSACiZFB5CkHpkcHaCCZ6IDDCqnAjAvOkAFOX1ZJanrpkQHqMAC0IBsNiqwSnQASeqRVaMDVPB0dIBBWQCaMT06gCT1SE7H1Gxmq3MqAHOiA1SwTnQASeqRtaMDVPBkdIBB5VQAHooOUMGG0QEkqUdeFh2ggmzOVTkVgNnRASp4RXQASeqRl0cHqCCbc9WE6AAVPQlMiw4xgIXA6sCj0UEkKXOrk89JdQ6wcnSIQeU0AwDwYHSAAU0Ato4OIUk9sE10gApmRQeoIrcCMDM6QAU7RweQpB7YJTpABXdFB6gitwJwZ3SACnaPDiBJPbBbdIAK7ooOUEVuBSCnGYAZwNToEJKUsRXIqwDk9CM1uwJwR3SACqYCe0WHkKSM7Q0sHx2iAgtAg26KDlDR4dEBJCljR0QHqOjG6ABV5HYb4FTSbRYTo4MM6DFgXeCp6CCSlJkVgPuAlaKDDGgBsCI+Crgxc4Fbo0NUsApwWHQIScrQEeRz8ge4hYxO/pBfAQC4PjpARe+ODiBJGTo6OkBFN0QHqCrHAvDL6AAV7YjPBJCkKmYA20eHqOiq6AAl2JH0qN2cxtmNbAlJ6qdziT9uVx2vbWRL6I9MIr0TIPrDrjp2aGJjSFLP7Ez88brqeIJ0blILLiX+A686Lm5iQ0hSjywHXEn88brquKiJjdG0HNcAQJ4bewY+F0CSluZI0mXe3OR4TspWjusAFgL3Aqs2sD0kKXerk96mF32cHmZs18D20BJMBB4i/kMfZpzewPaQpNx9jfjj8zDjAfKdTc/Wd4j/4Icdb2hge0hSro4g/rg87PhGA9tDy5DzF2YWsGH9m0SSsrMp6RHv0cflYYdPew2wAnneDrhoXI2vC5ZUtmnAdcQfj4cdc8b/DgpwBvFfgFHGj4Cx2reKJHXfROBM4o/Do4xv175VNLDDiP8CjDq+QX5vZZSkUUwAvkr88XfU4XquQMsDs4n/Eow6/qnuDSNJHXYS8cfdUccsYErdG0bVnEb8F6GOcSreSiKp3yYAJxN/vK1jfKrmbaMhbEn8F6Gu8S18nrSkfhqjH9P+i8bm9W4eDSvHZ0cvaZwDrFLv5pGkUKsB5xF/fK1rXFHv5tEo3kL8F6LOcRd5Pg9bkl7oNcDtxB9X6xy+16VDxkgnzegvRZ3jGeBDeIeApHy9C5hH/PG0znEH3r7dOccT/8VoYpwPvLLG7SRJTdsUuID442cT4301bifVZCXgEeK/HE2Mp4F/xCdOSeq2aaTbmvv2q3/ReIj0FFp10MeI/4I0OWYCx+C9p5K6ZRJwJOkYFX2cbHJ8pK4NpvqtTL6vCa4y/h/pkodNVFKkFYD3kq6LRx8Xmx4PACvWs9nUlA8R/0VpazwCfIa0ylaS2rId6djT18uuixsfqGXLqVErkH4hR39Z2h6/A/4ZmIEPE5JUr0nAHqRH+N5K/PGu7TGTHr69ta+3mL0d+Hp0iEBPAFcBvwCuB24i3Yf7dGQoSVmYCmwCbAZsDewEbE/ZlxwPBc6KDlG3vhaACaST3/bRQTrmPtLLk2YDc0nvspZUthVJJ/3pwJrA2rFxOuenwJ9Gh2hCXwsApNZ6Bf3+O0qSmvM0sAVpBrV3JkYHaNA9wHq4QE6SNJxPAP8ZHaIpff91vArp+vd60UEkSVm5jfS22d6uner7++cfA46LDiFJys5x9PjkD/0vAAA/BH4QHUKSlI3vkBb/9VrfLwEssipwHbBBdBBJUqfdRlo79nh0kKaVMAMA8CjwF8Bz0UEkSZ01DziCAk7+0O+7AF5oJul+112ig0iSOulY4OzoEG0p5RLAImOkd1TPiA4iSeqU7wN/Fh2iTaUVAICXAP8NvDQ6iCSpE24nXfd/LDpIm0pZA/B8D5Ba3jPRQSRJ4eaRzglFnfyhzAIAcCXwDlwUKEklWwj8NXBNdJAIJS0CfKEbgYfo6UseJEnLdAJwenSIKCUXAICrgeWBXaODSJJa9Ungn6JDRCq9AABcRFoQuG10EElSK75JuuWvaBaA5CekVz6+KjqIJKlRPwbeimvAirwNcEmmAucBu0UHkSQ14hfAPsCT0UG6oNS7ABZnLnAgcH50EElS7S4GXocn//9hAfhjTwAHA2dEB5Ek1eYs4AAKvNd/aVwD8GLPkr4sawHbBWeRJI3mc8BfAfOjg3SNBWDxFpIWBk4A9oiNIkka0seAD5OO6XoBC8DSXQzcTXpYkJdLJCkPzwLvAU6JDtJlFoBl+zVwE2mB4JTgLJKkpXsceDPwneggXaVi/J4AAAIdSURBVOdtgIN7BWlx4DbRQSRJi3Ut6cU+t0UHyYEzAIN7GPgasDKwQ2wUSdILfBM4BHgwOkgunAEYziHAfwCrRgeRpMLNAd4FfDc6SG4sAMPbiPSFczZAkmJcAxyBU/5D8RLA8B4FvkV6hPD2eJeAJLVlPvAp4M+BWcFZsuUMQD02JT1sYu/oIJLUc5eRbvG7MTpI7vzVWo9bgH2Bd+ACFElqwmzgaGAGnvxr4SWAel0HfAWYRnqMsAVLkkbzHOly60HA5cFZesVLAM3ZDjgN2Ck6iCRl6grgWNJiP9XMX6jN+W9gZ2A34MfBWSQpJ9eTHuizK578G+MMQHt2Bv436ZWUbndJerGrgU8CP8IX+DTOE1H7tgI+CLwV12BI0kLgQtIl07ODsxTFAhDnVcC7SfexrhacRZLa9jDp8b1fAn4TnKVIFoB4ywOHAUcCu+O6DEn99RzpNetfAc4Cng5NUzgLQLesRyoDh5PWDPj5SOqDm4FvkH7x3xucReM8wXTX+sCBwOtITxhcKTaOJA3scdJ1/XOBc4Dfx8bR4lgA8jCZNCOwO7ALsCPptcSS1AWPA1cCPwcuGf9zfmgiLZMFIE8TgS1IDxvacvyftwbWiAwlqQgPku7Tv2F8XEN6NO+zkaFUnQWgX1YHNia9qnhj0mWENYDpwJrAqqRLCWPjw8sKkuYAC0i/2J8gPXP/+eNu4C7gzvE/H44Iqfr9fwIyg1pW/4ZjAAAAAElFTkSuQmCC"},,,,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return n})),a.d(t,"c",(function(){return r})),a.d(t,"b",(function(){return i}));var l=a(35);const n=l.a` 27256 mutation createWarningAddresses($input: [WarningAddressCreateInput!]!) { 27257 createWarningAddresses(input: $input) 27258 } 27259`,r=l.a` 27260 mutation updateWarningAddress($input: WarningAddressUpdateInput!) { 27261 updateWarningAddress(input: $input) 27262 } 27263`,i=l.a` 27264 mutation deleteWarningAddress($id: ID!) { 27265 deleteWarningAddress(id: $id) 27266 } 27267`},,function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var l=a(1),n=a(5),r=a(0),i=a.n(r),o=a(9),s=a(22),c=a(2);const u=s.B.map(e=>({label:e,value:e}));function d(e){let{warehouse:t,onChange:a}=e;const[r,o]=i.a.useReducer(c.Hb,{isLabel:!1,choice:t||[]}),s=i.a.useCallback(e=>{o({choice:e}),a(e,r.isLabel)},[a,r.isLabel]),d=i.a.useCallback(e=>()=>{o({isLabel:e}),a(r.choice,e)},[r.choice,a]);return i.a.useEffect(()=>{Object(n.isEqual)(t,r.choice)||o({choice:t})},[t]),i.a.createElement(m,null,i.a.createElement(l.h,{segmented:!0},i.a.createElement(l.g,{primary:!r.isLabel,onClick:d(!1),children:"Order"}),i.a.createElement(l.g,{primary:!!r.isLabel,onClick:d(!0),children:"Order Label"})),r.isLabel?i.a.createElement(l.k,{choices:u,onChange:s,selected:r.choice,title:"Cho
27267ose Warehouse"}):null)}const m=o.b.div` 27268 > .Polaris-ChoiceList { 27269 margin-top: 1.5rem; 27270 27271 .Polaris-ChoiceList__Choices { 27272 display: flex; 27273 column-gap: 2rem; 27274 } 27275 } 27276`},,function(e,t,a){"use strict";a.d(t,"H",(function(){return r})),a.d(t,"eb",(function(){return i})),a.d(t,"b",(function(){return o})),a.d(t,"z",(function(){return s})),a.d(t,"v",(function(){return c})),a.d(t,"w",(function(){return u})),a.d(t,"m",(function(){return d})),a.d(t,"Z",(function(){return m})),a.d(t,"W",(function(){return p})),a.d(t,"R",(function(){return g})),a.d(t,"bb",(function(){return A})),a.d(t,"M",(function(){return b})),a.d(t,"gb",(function(){return h})),a.d(t,"p",(function(){return f})),a.d(t,"i",(function(){return v})),a.d(t,"l",(function(){return E})),a.d(t,"F",(function(){return y})),a.d(t,"G",(function(){return C})),a.d(t,"N",(function(){return k})),a.d(t,"q",(function(){return O})),a.d(t,"x",(function(){return j})),a.d(t,"g",(function(){return w})),a.d(t,"u",(function(){return S})),a.d(t,"X",(function(){return I})),a.d(t,"n",(function(){return B})),a.d(t,"A",(function(){return D})),a.d(t,"U",(function(){return P})),a.d(t,"P",(function(){return x})),a.d(t,"S",(function(){return M})),a.d(t,"T",(function(){return T})),a.d(t,"o",(function(){return Q})),a.d(t,"r",(function(){return R})),a.d(t,"C",(function(){return F})),a.d(t,"s",(function(){return N})),a.d(t,"t",(function(){return U})),a.d(t,"j",(function(){return L})),a.d(t,"V",(function(){return V})),a.d(t,"B",(function(){return z})),a.d(t,"D",(function(){return q})),a.d(t,"cb",(function(){return H})),a.d(t,"I",(function(){return $})),a.d(t,"J",(function(){return _})),a.d(t,"y",(function(){return G})),a.d(t,"k",(function(){return K})),a.d(t,"E",(function(){return J})),a.d(t,"O",(function(){return Y})),a.d(t,"h",(function(){return W})),a.d(t,"Q",(function(){return Z})),a.d(t,"c",(function(){return X})),a.d(t,"d",(function(){return ee})),a.d(t,"fb",(function(){return te})),a.d(t,"Y",(function(){return ae})),a.d(t,"f",(function(){return le})),a.d(t,"hb",(function(){return ne})),a.d(t,"K",(function(){return re})),a.d(t,"a",(function(){return ie})),a.d(t,"db",(function(){return oe})),a.d(t,"e",(function(){return se})),a.d(t,"L",(function(){return ce})),a.d(t,"ab",(function(){return ue}));var l=a(35),n=a(43);const r=l.a` 27277 mutation markProductHasPsdInNas($productVariantId: ID!) { 27278 markProductHasPsdInNas(productVariantId: $productVariantId) 27279 } 27280`,i=l.a` 27281 mutation updateResourceTask($taskId: ID!, $description: String!) { 27282 updateResourceTask(taskId: $taskId, description: $description) { 27283 id 27284 description 27285 } 27286 } 27287`,o=l.a` 27288 mutation acceptDesign($id: ID!) { 27289 acceptDesign(id: $id) 27290 } 27291`,s=l.a` 27292 mutation forceCancelTask($id: ID!) { 27293 forceCancelTask(id: $id) 27294 } 27295`,c=l.a` 27296 mutation designerDenyTask($taskIds: [ID!]) { 27297 designerDenyTask(taskIds: $taskIds) 27298 } 27299`,u=l.a` 27300 mutation designerStartTask($taskIds: [ID!]) { 27301 designerStartTask(taskIds: $taskIds) 27302 } 27303`,d=l.a` 27304 mutation bulkUpdateTask($id: [ID!]!, $input: BulkEditTask) { 27305 bulkUpdateTask(id: $id, input: $input) { 27306 id 27307 orderId 27308 productId 27309 personalized 27310 teamId 27311 requirement 27312 status 27313 kpi 27314 } 27315 } 27316`,m=l.a` 27317 mutation updateDesignTask($input: EditDesignTask!) { 27318 updateDesignTask(input: $input) { 27319 id 27320 orderId 27321 productId 27322 personalized 27323 teamId 27324 requirement 27325 status 27326 kpi 27327 } 27328 } 27329`,p=l.a` 27330 mutation setTaskStatusToDoing($taskIds: [ID!]) { 27331 setTaskStatusToDoing(taskIds: $taskIds) 27332 } 27333`,g=l.a` 27334 mutation reAssignTask($input: EditTaskDenied!) { 27335 reAssignTask(input: $input) { 27336 ...TaskFragment 27337 } 27338 } 27339 ${n.B} 27340`,A=l.a` 27341 mutation updateProductPSDFiles($productId: ID!, $files: [ID!], $psd: String) { 27342 updateProductPSDFiles(productId: $productId, files: $files, psd: $psd) 27343 } 27344`,b=l.a` 27345 mutation rejectDesignV2($input: EditTaskSubmission!) { 27346 rejectDesignV2(input: $input) 27347 } 27348`,h=l.a` 27349 mutation uploadDesignTask($input: NewUploadDesignTask!) { 27350 uploadDesignTask(input: $input) { 27351 id 27352 assigneeId 27353 status 27354 } 27355 } 27356`,f=l.a` 27357 mutation createDesignTask($input: NewDesignTask!) { 27358 createDesignTask(input: $input) { 27359 ...TaskFragment 27360 } 27361 } 27362 ${n.B} 27363`,v=(l.a` 27364 mutation designerCreateTaskFromOrderSelected($orderId: ID!) { 27365 designerCreateTaskFromOrderSelected(orderId: $orderId) 27366 } 27367`,l.a` 27368 mutation updateKPI($orderId: ID!, $kpi: Float!) { 27369 updateKPI(orderId: $orderId, kpi: $kpi) 27370 } 27371`,l.a` 27372 mutation bulkAcceptDesign($id: [ID!]!) { 27373 bulkAcceptDesign(id: $id) { 27374 id 27375 status 27376 log 27377 } 27378 } 27379`),E=l.a` 27380 mutation bulkRejectDesignV2( 27381 $ids: [ID!]! 27382 $rejectReason: String! 27383 $rejectResources: [ID!] 27384 ) { 27385 bulkRejectDesignV2( 27386 ids: $ids 27387 rejectReason: $rejectReason 27388 rejectResources: $rejectResources 27389 ) 27390 } 27391`,y=l.a` 27392 mutation markAwaitingApproval( 27393 $taskId: ID! 27394 $isWaiting: Boolean! 27395 $note: String 27396 ) { 27397 markAwaitingApproval(taskId: $taskId, isWaiting: $isWaiting, note: $note) 27398 } 27399`,C=l.a` 27400 mutation markProductCannotConfigInPB($productId: ID!, $note: String) { 27401 markProductCannotConfigInPB(productId: $productId, note: $note) { 27402 id 27403 isCannotConfigInPB 27404 cannotConfigInPBNote 27405 } 27406 } 27407`,k=l.a` 27408 mutation removeFlagProductCannotConfigInPB($productId: ID!) { 27409 removeFlagProductCannotConfigInPB(productId: $productId) { 27410 id 27411 isCannotConfigInPB 27412 cannotConfigInPBNote 27413 } 27414 } 27415`,O=l.a` 27416 mutation createIdeaTask($input: NewIdeaTask!) { 27417 createIdeaTask(input: $input) { 27418 ...TaskFragment 27419 } 27420 } 27421 ${n.B} 27422`,j=l.a` 27423 mutation editIdeaTask($input: EditIdeaTask!) { 27424 editIdeaTask(input: $input) { 27425 ...TaskFragment 27426 } 27427 } 27428 ${n.B} 27429`,w=l.a` 27430 mutation assignIdeaTaskToDesigner($input: IdeaTaskAssignToDesign!) { 27431 assignIdeaTaskToDesigner(input: $input) { 27432 id 27433 assigneeId 27434 kpi 27435 assignee { 27436 id 27437 firstName 27438 lastName 27439 } 27440 } 27441 } 27442`,S=l.a` 27443 mutation denyIdeaTask($id: ID!) { 27444 denyIdeaTask(id: $id) { 27445 id 27446 status 27447 } 27448 } 27449`,I=l.a` 27450 mutation startIdeaTask($id: ID!) { 27451 startIdeaTask(id: $id) { 27452 id 27453 status 27454 } 27455 } 27456`,B=l.a` 27457 mutation cancelIdeaTask($id: ID!) { 27458 cancelIdeaTask(id: $id) { 27459 id 27460 status 27461 } 27462 } 27463`,D=l.a` 27464 mutation genMockupForIdeaTask($input: NewUploadDesignIdeaTask!) { 27465 genMockupForIdeaTask(input: $input) { 27466 ...IdeaTaskFragment 27467 } 27468 } 27469 ${n.h} 27470`,P=l.a` 27471 mutation sendReviewIdeaTask($id: ID!) { 27472 sendReviewIdeaTask(id: $id) { 27473 ...IdeaTaskFragment 27474 } 27475 } 27476 ${n.h} 27477`,x=l.a` 27478 mutation reviewIdeaTask($input: ReviewDesignIdeaTask!) { 27479 reviewIdeaTask(input: $input) { 27480 id 27481 status 27482 } 27483 } 27484`,M=l.a` 27485 mutation reGenMockupForIdeaTask($input: ReGenMockupForIdeaTask!) { 27486 reGenMockupForIdeaTask(input: $input) {
27487 ...TaskBaseMockupFragment 27488 } 27489 } 27490 ${n.x} 27491`,T=l.a` 27492 mutation sellerUpdateKpiIdeaTask($id: ID!, $kpi: Float!) { 27493 sellerUpdateKpiIdeaTask(id: $id, kpi: $kpi) { 27494 id 27495 } 27496 } 27497`,Q=l.a` 27498 mutation createCustomMockupForIdeaTask( 27499 $taskBaseSubmissionID: ID! 27500 $fileIds: [ID!]! 27501 ) { 27502 createCustomMockupForIdeaTask( 27503 taskBaseSubmissionID: $taskBaseSubmissionID 27504 fileIds: $fileIds 27505 ) { 27506 ...TaskBaseSubmissionFragment 27507 } 27508 } 27509 ${n.y} 27510`,R=l.a` 27511 mutation createTaskBaseMockupForSubmission( 27512 $originTemplateIds: [Int!] 27513 $taskBaseSubmissionId: ID! 27514 ) { 27515 createTaskBaseMockupForSubmission( 27516 originTemplateIds: $originTemplateIds 27517 taskBaseSubmissionId: $taskBaseSubmissionId 27518 ) { 27519 ...TaskBaseMockupFragment 27520 } 27521 } 27522 ${n.x} 27523`,F=l.a` 27524 mutation ideaLeaderPublishIdeaTask($id: ID!, $kpi: Float!) { 27525 ideaLeaderPublishIdeaTask(id: $id, kpi: $kpi) { 27526 ...IdeaTaskFragment 27527 } 27528 } 27529 ${n.h} 27530`,N=l.a` 27531 mutation deleteIdeaTask($id: ID!) { 27532 deleteIdeaTask(id: $id) 27533 } 27534`,U=l.a` 27535 mutation deleteTaskBaseMockupOfSubmission( 27536 $originTemplateId: Int! 27537 $taskBaseSubmissionId: ID! 27538 ) { 27539 deleteTaskBaseMockupOfSubmission( 27540 originTemplateId: $originTemplateId 27541 taskBaseSubmissionId: $taskBaseSubmissionId 27542 ) 27543 } 27544`,L=l.a` 27545 mutation bulkDeleteTaskBaseMockupOfSubmission( 27546 $originTemplateIds: [Int!]! 27547 $taskBaseSubmissionId: ID! 27548 ) { 27549 bulkDeleteTaskBaseMockupOfSubmission( 27550 originTemplateIds: $originTemplateIds 27551 taskBaseSubmissionId: $taskBaseSubmissionId 27552 ) 27553 } 27554`,V=l.a` 27555 mutation setMainTaskBaseMockup($id: ID!) { 27556 setMainTaskBaseMockup(id: $id) { 27557 ...TaskBaseMockupFragment 27558 } 27559 } 27560 ${n.x} 27561`,z=l.a` 27562 mutation ideaLeaderDeclineIdeaTask($id: ID!, $reason: String) { 27563 ideaLeaderDeclineIdeaTask(id: $id, reason: $reason) { 27564 id 27565 status 27566 } 27567 } 27568`,q=l.a` 27569 mutation ideaMakerSubmitToDraft($id: ID!) { 27570 ideaMakerSubmitToDraft(id: $id) { 27571 id 27572 status 27573 } 27574 } 27575`,H=l.a` 27576 mutation updatePsdFileTaskBaseGroup($input: [EditPsdFileTaskBaseGroup!]!) { 27577 updatePsdFileTaskBaseGroup(input: $input) { 27578 id 27579 psd 27580 psdFiles { 27581 ...FileFragment 27582 } 27583 } 27584 } 27585 ${n.g} 27586`,$=l.a` 27587 mutation passTaskToNeedReview($taskID: ID!) { 27588 passTaskToNeedReview(taskID: $taskID) 27589 } 27590`,_=l.a` 27591 mutation passTaskToNewStatus($taskID: ID!, $newStatus: String!) { 27592 passTaskToNewStatus(taskID: $taskID, newStatus: $newStatus) 27593 } 27594`,G=l.a` 27595 mutation exportDesignURL($taskIDs: [ID!]!) { 27596 exportDesignURL(taskIDs: $taskIDs) 27597 } 27598`,K=l.a` 27599 mutation bulkPassTaskToNewStatus($taskIDs: [ID!]!, $newStatus: String!) { 27600 bulkPassTaskToNewStatus(taskIDs: $taskIDs, newStatus: $newStatus) 27601 } 27602`,J=l.a` 27603 mutation markAsTaskConfigurable($taskIDs: [ID!]!) { 27604 markAsTaskConfigurable(taskIDs: $taskIDs) { 27605 taskID 27606 } 27607 } 27608`,Y=l.a` 27609 mutation removeTaskFromConfigurable($taskIDs: [ID!]!) { 27610 removeTaskFromConfigurable(taskIDs: $taskIDs) { 27611 taskID 27612 } 27613 } 27614`,W=l.a` 27615 mutation assignIdeaTaskToDesignTeam($input: IdeaTaskAssignToDesignTeam!) { 27616 assignIdeaTaskToDesignTeam(input: $input) 27617 } 27618`,Z=l.a` 27619 mutation reAssignDesignTeamForIdeaTask( 27620 $input: ReAssignDesignTeamForIdeaTask! 27621 ) { 27622 reAssignDesignTeamForIdeaTask(input: $input) 27623 } 27624`,X=l.a` 27625 mutation addonApprovalTask($input: [AddonAcceptTaskInput!]!) { 27626 addonApprovalTask(input: $input) 27627 } 27628`,ee=l.a` 27629 mutation addonRejectTask($input: [AddonRejectTaskInput!]!) { 27630 addonRejectTask(input: $input) 27631 } 27632`,te=l.a` 27633 mutation updateTaskKPI($taskID: ID!, $newKpi: Float!) { 27634 updateTaskKPI(taskID: $taskID, newKpi: $newKpi) { 27635 id 27636 status 27637 } 27638 } 27639`,ae=l.a` 27640 mutation updateArtistTask($input: EditArtistTask!) { 27641 updateArtistTask(input: $input) { 27642 id 27643 status 27644 } 27645 } 27646`,le=l.a` 27647 mutation artistStartTask($taskIds: [ID!]) { 27648 artistStartTask(taskIds: $taskIds) 27649 } 27650`,ne=l.a` 27651 mutation uploadFileToArtistTask($input: NewUploadArtistTask!) { 27652 uploadFileToArtistTask(input: $input) { 27653 id 27654 status 27655 } 27656 } 27657`,re=l.a`
27658 mutation rejectArtistFiles($input: EditArtistTaskSubmission!) { 27659 rejectArtistFiles(input: $input) 27660 } 27661`,ie=l.a` 27662 mutation acceptArtistFiles($taskIds: [ID!]) { 27663 acceptArtistFiles(taskIds: $taskIds) 27664 } 27665`,oe=l.a` 27666 mutation updateRejectedArtistTask($input: EditArtistTask!) { 27667 updateRejectedArtistTask(input: $input) { 27668 id 27669 status 27670 } 27671 } 27672`,se=l.a` 27673 mutation artistDenyTask($taskIds: [ID!]) { 27674 artistDenyTask(taskIds: $taskIds) 27675 } 27676`,ce=l.a` 27677 mutation rejectArtistTask($input: RejectArtistTaskInput!) { 27678 rejectArtistTask(input: $input) 27679 } 27680`,ue=l.a` 27681 mutation updateKPIForArtistTask($taskIDs: [ID!], $kpi: Float!) { 27682 updateKPIForArtistTask(taskIDs: $taskIDs, kpi: $kpi) 27683 } 27684`},,,function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var l=a(35),n=a(66),r=a.n(n),i=a(0),o=a.n(i),s=a(2),c=a(124),u=a(171),d=a(660);const m=e=>{let{value:t,skip:a,filter:n,fragment:i="id user {id firstName lastName }"}=e;const[m,g]=o.a.useReducer(s.Hb,{limit:20,offset:0,search:""}),[A,b]=o.a.useReducer(s.Hb,{options:[],selectedOptions:[]}),{data:h,loading:f,error:v}=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,a=arguments.length>2?arguments[2]:void 0;const n=JSON.stringify(e),r=o.a.useMemo(()=>({variables:{filter:JSON.parse(n)},skip:a,query:l.a` 27685 query teamMembers($filter: TeamUserFilter) { 27686 teamMembers(filter: $filter) { 27687 ${t} 27688 } 27689 } 27690 `}),[n,t,a]);return Object(u.a)({queryOptions:r,path:"data.teamMembers"})}(o.a.useMemo(()=>({...m,...n}),Object.values({...m,...n})),`hits {${i}}`,a);o.a.useEffect(()=>{if(Object(s.Gb)(h))return;const e=p(h.hits);b({options:e})},[h]);const E=JSON.stringify(A.options),y=o.a.useRef();return o.a.useEffect(()=>{let e=JSON.parse(E);Object(s.c)(e)||Object(s.c)(t)||r()(y.current,t)||async function(){const a=p(e,e=>{let{value:t}=e;return t}),l=await Object(d.a)(a,t,"id firstName lastName email"),n=p(l);e=[...e,...n];const r=e.filter(e=>{let{value:a}=e;return t.includes(a)});b({options:e,selectedOptions:r}),y.current=t}()},[E,t]),[o.a.useMemo(()=>({loading:f,error:v,options:A.options,selectedOptions:A.selectedOptions}),[f,v,A.options,A.selectedOptions]),Object(c.a)(g)]},p=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>{if(Object(s.Gb)(e))return null;const{id:t,firstName:a,lastName:l}=e.user?e.user:e;return{value:t,label:[a,l].filter(Boolean).join(" ")}};return Object(s.c)(e)?[]:e.map(t).filter(Boolean)}},function(e,t,a){"use strict";a.d(t,"b",(function(){return c})),a.d(t,"a",(function(){return s}));var l=a(35),n=a(0),r=a.n(n),i=a(2),o=a(171);const s=async(e,t,a)=>{if(Object(i.c)(e)||Object(i.c)(t))return[];let n=[];for(const l of t)e.includes(l)||n.push(l);if(Object(i.c)(n))return[];return await async function(e){const{__apolloClient__:t}=window;if(!t)return[];try{const n=[],r=[],o={};for(let t=0;t<e.length;t++){const a=e[t];n.push(`$id__${t}: ID!`),r.push(`\n userByID__${t}: userByID(id: $id__${t}) {\n ...user\n }\n `),o["id__"+t]=a}const s=`\n query userByID(${n.join(",")}) {\n ${r.join("\n")}\n }\n `,c=l.a` 27691 fragment user on User { 27692 ${a} 27693 } 27694 ${s} 27695 `,u=await t.query({query:c,variables:o});if(!Object(i.Gb)(null===u||void 0===u?void 0:u.data))return Object.values(u.data)}catch(n){}return[]}(n)},c=e=>{let{value:t,skip:a,fragment:n="id firstName lastName",role:s}=e;const[c,u]=r.a.useReducer(i.Hb,{options:[],selectedOptions:[]}),{data:d,loading:m,error:p}=((e,t,a)=>{const n=r.a.useMemo(()=>({skip:a,variables:{role:e},query:l.a` 27696 query listUserByRole($role: String!) { 27697 listUserByRole(role: $role) { 27698 ${t} 27699 } 27700 } 27701 `}),[t,a,e]);return Object(o.a)({queryOptions:n,path:"data.listUserByRole"})})(s,n,a),g=r.a.useRef(!1);r.a.useEffect(()=>{if(Object(i.c)(d)||g.current)return;const e=d.map(e=>{let{id:t,firstName:a,lastName:l}=e;return{value:t,label:[a,l].filter(Boolean).join(" ")}});u({options:e}),g.current=!0},[d]);const A=JSON.stringify(c.options);return r.a.useEffect(()=>{const e=JSON.parse(A);if(Object(i.c)(e)||Object(i.c)(t))return;const a=e.filter(e=>{let{value:a}=e;return t.includes(a)});u({selectedOptions:a})},[A,t]),r.a.useMemo(()=>({loading:m,error:p,options:c.options,selectedOptions:c.selectedOptions}),[m,p,c.options,c.selectedOptions])}},function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var l=a(1),n=a(0),r=a.n(n),i=a(2),o=a(129);function s(e){let{personalized:t,hasFieldValue:a,isAmazon:n,setState:s}=e;const[c,u]=r.a.useState(!1),[d,m]=function(e,t,a){if(Object(i.c)(e))return[];const l=[],n={};for(let r=0;r<e.length;r++){const{name:i,value:s}=e[r]||{};if(!i||!s)continue;const c=o.b[0],u=Object(o.e)(c,r+1);u&&u.configure&&null!=u.configure.required&&(u.configure.required=!1),t&&(u.fieldValue={},u.title=i,a&&(u.fieldValue={key:i,customValue:!1,value:s},n[r]=i)),l.push(u)}return[l,n]}(t,a,n),p=r.a.useCallback(e=>{u(e),s(e?{metaValue:m,fields:d}:{metaValue:void 0,fields:[]})},[d,m]);return r.a.createElement(r.a.Fragment,null,r.a.createElement(l.j,{label:"Fill All Custom Fields",checked:c,onChange:p}))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return i})),a.d(t,"b",(function(){return o}
27701));var l=a(0),n=a.n(l);const r=n.a.createContext(null);function i(e){let{children:t,...a}=e;return n.a.createElement(r.Provider,{value:a},t)}function o(){return n.a.useContext(r)}},function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var l=a(26),n=a.n(l),r=a(2);function i(e,t){let a=n()(e,"Name");const l=n()(e,"Key"),i=n()(e,"thumbnail_url"),o=n()(e,"url"),s=n()(e,"Model.id"),c={name:a,key:l,thumbnailUrl:i,url:Object(r.vb)(l)?i:o,originUrl:o,id:s};return"bool"===typeof t&&t&&(c.style={},c.style.color="red"),(null===e||void 0===e?void 0:e.rejectReason)&&(c.rejectReason=e.rejectReason,c.style={},c.style.color="red"),(null===e||void 0===e?void 0:e.reject_reason)&&(c.rejectReason=e.reject_reason,c.style={},c.style.color="red"),c}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,a){"use strict";var l=a(7),n=a(1),r=a(0),i=a.n(r),o=a(17),s=a(2),c=a(21);const u={apiKey:"Store URL is required",apiSecret:"Access token required."};const d=i.a.forwardRef((function(e,t){let{apiKey:a,printifyAutoProduction:r}=e;const[d,m]=i.a.useReducer((e,t)=>({...e,...t}),{apiKey:"",apiSecret:"",error:{},getStore:!1,stores:[],selectedStore:[],disabledBtn:!0,loading:!1,printifyAutoProduction:!!r}),[p,{data:g,loading:A,error:b}]=Object(l.b)(o.Y);i.a.useEffect(()=>{const e=(null===g||void 0===g?void 0:g.getPrintifyAvaiableShops)||[];if((null===e||void 0===e?void 0:e.length)>0){const t=e.map(e=>{let{id:t,title:a}=e;return{label:a,value:t}});m({stores:t,disabledBtn:!0})}},[g]);const h=i.a.useCallback((e,t,a)=>{let l="";e||(l=u[t]);const n={...a,[t]:l};return m({error:n}),n},[d.error]),f=i.a.useCallback((e,t)=>{m({[t]:e,getStore:!1})},[]),v=i.a.useCallback(()=>{h(d.apiKey,"apiKey");const[e]=d.selectedStore||[];if(d.apiKey&&e)return{apiKey:d.apiKey,description:d.description,storeID:e+"",printifyAutoProduction:d.printifyAutoProduction}},[d.apiKey,d.apiSecret,d.error,d.description,d.printifyAutoProduction,h]),E=i.a.useCallback(e=>{m({selectedStore:e})},[]),y=i.a.useCallback(e=>{m({printifyAutoProduction:e})},[]),C=i.a.useCallback(()=>{d.apiKey&&(m({getStore:!0}),p({variables:{apiKey:d.apiKey}}))},[p,d.apiKey]);return i.a.useImperativeHandle(t,()=>({onSubmit:v})),a?null:i.a.createElement(n.Y,{vertical:!0,spacing:"tight"},i.a.createElement("div",null,i.a.createElement(c.a,{label:"Api Key",required:!0}),i.a.createElement(n.cb,{value:d.apiKey,onChange:f,placeholder:"Enter API Key",id:"apiKey"})),i.a.createElement(n.cb,{value:d.description,onChange:f,placeholder:"Enter description",id:"description",label:"Description"}),i.a.createElement(n.j,{label:"Auto send orders to In Production",onChange:y,checked:d.printifyAutoProduction}),i.a.createElement(n.g,{children:"Get stores",onClick:C,size:"slim",disabled:!d.apiKey}),i.a.createElement("div",null,A?i.a.createElement(n.X,{size:"small"}):b?i.a.createElement("div",null,Object(s.ib)(b.toString())):g?i.a.createElement("div",null,i.a.createElement(c.a,{label:"Stores",required:!0}),i.a.createElement(n.k,{title:"Stores",titleHidden:!0,onChange:E,selected:d.selectedStore,choices:d.stores})):null))}));t.a=d},,,,,function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return P})),a.d(t,"getFieldInfoToSubmit",(function(){return M}));var l=a(1),n=a(26),r=a.n(n),i=a(0),o=a.n(i),s=a(9),c=a(11),u=a(2),d=a(4),m=a(34),p=a(661),g=a(308),A=a(44),b=a(222),h=a(194),f=a(662);const v=Object(i.lazy)(()=>a.e(81).then(a.bind(null,1420))),E=Object(i.lazy)(()=>a.e(82).then(a.bind(null,1421))),y=Object(i.lazy)(()=>Promise.resolve().then(a.bind(null,384))),C=Object(i.lazy)(()=>a.e(19).then(a.bind(null,1398))),k=Object(i.lazy)(()=>a.e(20).then(a.bind(null,1422))),O=Object(i.lazy)(()=>a.e(74).then(a.bind(null,1397))),j=Object(i.lazy)(()=>Promise.resolve().then(a.bind(null,90))),w=Object(i.lazy)(()=>Promise.resolve().then(a.bind(null,91))),S=Object(i.lazy)(()=>Promise.resolve().then(a.bind(null,187))),I=Object(i.lazy)(()=>a.e(12).then(a.bind(null,1405))),B=Object(i.lazy)(()=>a.e(1).then(a.bind(null,1404))),D={allowMultiple:!0,haveQuickAdd:!0,required:!1,limit:200};
27701function P(e){let{loading:t,onSubmit:a,setLoading:n}=e;const{item:i}=Object(b.c)(),{currentUser:s}=Object(c.c)(),P=Object(u.ub)(s),R=r()(i,"variants")||[],F=r()(i,"store.platform"),{isTiktok:N,isAmazon:U,isShopify:L,isWooCommerce:V,isEtsy:z}=Object(u.h)(F),q=r()(i,"product.name"),H=r()(i,"quantity")+"",[$,_]=o.a.useReducer(u.Hb,{fulfillment:null,base:null,productTitle:q||"",shippingOption:null,baseVariants:[],warehouse:[],forceMapping:!1,mapToBaseVariantId:null,autoMapLaterOrders:P&&N,mappingVariant:[],activateVariants:[],simpleChecked:!1,groupChecked:[],groupItems:[],collections:[],tags:[],checkPersonalized:!1,fields:[],errors:{},printingMethod:[""],quantity:H,metaValue:void 0,selectedShippingOption:[]}),G=r()($,"base.id"),[K,J]=o.a.useReducer(u.Hb,{isPrintway:!1,isPrintify:!1,isMerchize:!1,isPGPrints:!1,shippingMethods:[]}),Y=o.a.useCallback(e=>{let t=!1;var a;if("fulfillment"in e&&(e.base=null,t=!0,J((a=e.fulfillment,{...Object(g.b)(null===a||void 0===a?void 0:a.slug),shippingMethods:[]}))),null===e||void 0===e?void 0:e.base){e.baseVariants=x(e.base),t=!0;const{defaultShippingOption:a}=T(e);a&&(e.selectedShippingOption=[a])}t&&(e.shippingOption=null),_(e)},[]),W=o.a.useCallback((e,t)=>{const a=function(e){let t="";e||(t="Product title is required.");e.length>d.C&&(t=d.mb);return t}(e);_(e=>({...e,errors:{...e.errors,[t]:a}}))},[]),Z=o.a.useCallback(e=>(t,a)=>{const l=e||a,n={[l]:t};"checkPersonalized"!=l||t||(n.fields=[]),_(n),"productTitle"===l&&W(t,l)},[]),X=o.a.useCallback(e=>{_(t=>{const{variants:a,...l}=e;return a&&t.base&&(t.base.variants=a),{...t,...l}})},[]),{baseVariants:ee,baseID:te}=o.a.useMemo(()=>function(e){let t={baseID:null,baseVariants:[]};return t.baseVariants=x(e)||[],t.baseID=r()(e,"id")||null,t}($.base),[$.base]),ae=o.a.useCallback(async e=>{if(K.isPrintway){const t=await async function(e,t){const a=r()(e,"[0].productBaseVariantId");if(!a||Object(u.c)(t))return;const l=t.find(e=>(null===e||void 0===e?void 0:e.id)===a);if(!l||!l.fulfillmentSku)return[];let n=l.fulfillmentSku;const i=await Object(m.B)([n]);if(Object(u.c)(i))return[];const o=i.find(e=>e.itemSKU===n);return Object(u.Gb)(o)||Object(u.c)(o.shippingServices)?[]:o.shippingServices.map(e=>"string"===typeof e?{value:e,label:e}:{value:e.code,label:e.name})}(e,ee);J({shippingMethods:t})}if(K.isPrintify){const e=await async function(e){return e?await Object(m.A)(e):[]}(te);J({shippingMethods:e})}if(K.isPGPrints){const e=await async function(e){return e?await Object(m.z)(e):[]}(te);J({shippingMethods:e})}},[K.isPrintify,K.isPrintway,ee,te]),le=o.a.useCallback(e=>{const t=Object(h.a)(e);_({mappingVariant:e,activateVariants:t,shippingOption:null}),ae(e)},[ae]),ne=o.a.useCallback(e=>{$.mapToBaseVariantId!=e&&_({mapToBaseVariantId:e})},[$.mapToBaseVariantId]),re=o.a.useCallback(e=>{let t=Object(h.b)(e);_(t)},[]),ie=o.a.useCallback(e=>{_(t=>({...t,errors:{...t.errors,errPersonal:e}}))},[]),oe=U||L||z||V||N,se=function(e){const t=r()(e,"metaDta",[]);if(Object(u.c)(t))return!1;const a=/_?mb_personalized/;return!!t.find(e=>(e.key||"").match(a))}(i),ce=Object(h.c)(i);let ue=U||z||N;P&&(ue=N);const de=r()(i,"id"),me=r()($,"mappingVariant").sort((e,t)=>e.sorting-t.sorting).map(e=>({variantId:e.variantId,productBaseVariantId:e.productBaseVariantId}));const pe=se||$.checkPersonalized,{fieldValues:ge,fields:Ae}=M(r()($,"fields")),be=o.a.useRef(),[he]=$.selectedShippingOption||[],fe=o.a.useCallback(()=>{let e=void 0;be.current&&be.current.getCarrier&&(e=(be.current.getCarrier()||[])[0]);if(W($.productTitle)||!$.productTitle)return;const t={mappingOrderId:de,productBaseId:G,mappingVariant:$.forceMapping?[]:me,personalized:pe,fields:Ae,fieldValues:ge,productTitle:$.productTitle,collectionIds:$.collections,tagIds:$.tags,activeVariants:$.forceMapping?[]:$.activateVariants,shippingOption:he||$.shippingOption,forceMapping:$.forceMapping,mapToBaseVariantId:$.forceMapping?$.mapToBaseVariantId:void 0,autoMapLaterOrders:ue?$.autoMapLaterOrders:void 0,fulfillmentWarehouse:$.warehouse?$.warehouse[0]:void 0,carrierID:e,printingMethod:$.printingMethod[0]||void 0,quantity:$.quantity&&Number($.quantity)>0?Number($.quantity):void 0};a&&(a(t),n(!0))},[de,G,ge,Ae,me,pe,$.mappingVariant,$.collections,$.tags,$.activateVariants,$.productTitle,$.forceMapping,$.shippingOption,$.mapToBaseVariantId,$.autoMapLaterOrders,$.warehouse,$.printingMethod,$.quantity,he,ue,a,n]),ve=ue?o.a.createElement(l.Y,{vertical:!0,spacing:"none"},o.a.createElement(l.j,{checked:$.autoMapLaterOrders,label:"Auto mapping for later orders",id:"autoMapLaterOrders",onChange:Z()}),o.a.createElement("span",{style:{display:"block",marginTop:"-2px"}},o.a.createElement(l.db,{variation:"subdued"},"Recommend for non-custom orders"))):null,Ee=o.a.useMemo(()=>{let e=!0,t=!0;return P&&(t=!Object(u.c)($.collections)&&!Object(u.c)($.tags)),!Object(u.c)($.activateVariants)&&t&&(e=!1,e=(()=>{return!!$.checkPersonalized&&(!!Object(u.c)($.fields)||!!$.errors.errPersonal&&(e=$.errors.errPersonal,!!Object.values(e).map(e=>Object.values(e)).flat().filter(e=>null!=e).length));var e})()),e},[$.activateVariants,$.collections,$.tags,$.checkPersonalized,$.fields,$.errors]),{shippingOptions:ye}=T($);return P&&(D.required=!0),o.a.createElement(Q,null,o.a.createElement(f.a,Object.assign({},$,{setFormState:Y}),o.a.createElement(l.Y,{vertical:!0},o.a.createElement(l.Y,null,o.a.createElement(l.Y.Item,{fill:!0},o.a.createElement(A.a,null,o.a.createElement(E,null))),o.a.createElement(l.Y.Item,{fill:!0},o.a.createElement(A.a,null,o.a.createElement(v,null)))),o.a.createElement(l.cb,{id:"productTitle",label:"Product title",value:$.productTitle,onChange:Z(),error:$.errors.productTitle}),K.isMerchize&&$.base?o.a.createElement(A.a,null,o.a.createElement(k,{warehouse:$.warehouse,originVariants:$.baseVariants,setState:X})):null,o.a.createElement(A.a,null,o.a.createElement(O,{item:i,productBaseId:te,variants:R,productBaseVariants:ee,forceMapping:$.forceMapping,setForceMapping:Z("forceMapping"),setMapToBaseVariantId:ne,onChange:le,autoMapMarkup:ve})),o.a.createElement(A.a,null,o.a.createElement(C,{productBase:$.base,activateVariants:$.activateVariants,onChange:re,simpleChecked:$.simpleChecked,groupChecked:$.groupChecked,groupItems:$.groupItems})),o.a.createElement(A.a,null,o.a.createElement(w,Object.assign({},D,{label:"Collections",value:$.collections,onChange:Z("collections"),hasPopular:!0}))),o.a.createElement(A.a,null,o.a.createElement(j,Object.assign({},D,{label:"Tags",value:$.tags,onChange:Z("tags")}))),o.a.createElement(l.cb,{label:"Quantity",value:$.quantity,type:"number",id:"quantity",min:1,onChange:Z()}),oe?o.a.createElement(A.a,null,o.a.createElement(I,null)):null,o.a.createElement("div",{style:{display:"flex",gap:"2rem"}},o.a.createElement(l.j,{label:"This is a personalized product",checked:$.checkPersonalized,id:"checkPersonalized",onChange:Z(),disabled:se}),$.checkPersonalized?o.a.createElement(p.a,{hasFieldValue:!0,isAmazon:U,personalized:(null===i||void 0===i?void 0:i.personalized)||ce,setState:_}):null),$.checkPersonalized?o.a.createElement(A.a,null,o.a.createElement(S,{isMapOrder:!0,item:i,value:$.fields,personalized:(null===i||void 0===i?void 0:i.personalized)||ce,onChange:Z("fields"),onErrorChange:ie,metaValue:$.metaValue})):null,o.a.createElement(A.a,null,o.a.createElement(y,{item:i,fulfillment:$.fulfillment,shippingOption:$.shippingOption,setShippingOption:Z("shippingOption"),options:K.shippingMethods})),K.isMerchize?o.a.createElement(l.k,{title:"Printing methods",selected:$.printingMethod,onChange:Z("printingMethod"),choices:d.F}):null,Object(h.g)($.fulfillment)&&$.mapToBaseVariantId?o.a.createElement(A.a,null,o.a.createElement(B,{variantIds:[$.mapToBaseVariantId],ref:be})):null,Object(u.c)(ye)?null:o.a.createElement(l.k,{choices:ye,selected:$.selectedShippingOption,title:"Shipping Options",onChange:e=>_({selectedShippingOption:e})}),t?o.a.createElement(l.g,{primary:!0,fullWidth:!0,disabled:!0,loading:!0,onClick:()=>{},children:"Submit"}):o.a.createElement(l.g,{primary:!0,fullWidth:!0,disabled:Ee,loading:t,onClick:fe,children:"Submit"}))))}function x(e){return r()(e,"variants")||[]}function M(e){let t=[],a=[];if(e&&Array.isArray(e))for(let l of e){if(!l)continue;const{fieldValue:e,...n}=l;
27701(null===e||void 0===e?void 0:e.key)&&t.push(e),a.push(n)}return{fieldValues:t,fields:a}}function T(e){const t=r()(e,"base.shippingOptions")||[],a=r()(e,"base.defaultShippingOptionId")||"";let l="";const n=[];for(let r of t)r&&r.name&&(a===r.id&&(l=r.name),n.push({value:r.name,label:r.name}));return{shippingOptions:n,defaultShippingOption:l}}const Q=s.b.div` 27702 margin-top: 1.6rem; 27703`},function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var l=a(0),n=a.n(l),r=a(1),i=a(9),o=a(552);const s=i.b.div` 27704 display: flex; 27705 flex-direction: row; 27706 column-gap: 1.5rem; 27707 padding: 1.5rem 0; 27708 .column-left, 27709 .column-right { 27710 width: 50%; 27711 display: flex; 27712 flex-direction: column; 27713 row-gap: 1rem; 27714 } 27715 .content_wrap { 27716 display: flex; 27717 column-gap: 0.5rem; 27718 flex-wrap: wrap; 27719 27720 .content_item { 27721 word-break: break-all; 27722 } 27723 27724 &.special { 27725 flex-direction: column; 27726 .content_item { 27727 padding: 0.5rem; 27728 } 27729 } 27730 27731 &.avaiable-design-position { 27732 .content_item { 27733 display: flex; 27734 flex-direction: row; 27735 flex-wrap: wrap; 27736 column-gap: 1.5rem; 27737 row-gap: 1.5rem; 27738 padding: 1rem; 27739 .design-position_item { 27740 border: 1px dotted rgb(145, 158, 171); 27741 border-radius: 5px; 27742 padding: 10px; 27743 width: 48%; 27744 } 27745 } 27746 } 27747 &.personalized-info, 27748 &.attributes { 27749 .content_item { 27750 display: flex; 27751 flex-direction: row; 27752 column-gap: 1rem; 27753 flex-wrap: wrap; 27754 } 27755 } 27756 &.related-designs { 27757 .related-design > div { 27758 display: flex; 27759 flex-flow: row wrap; 27760 column-gap: 1rem; 27761 img { 27762 box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 15px -3px, 27763 rgba(0, 0, 0, 0.1) 0px 4px 6px 2px; 27764 } 27765 } 27766 } 27767 &.product-title { 27768 .content_item { 27769 width: 100%; 27770 white-space: nowrap; 27771 overflow: hidden; 27772 text-overflow: ellipsis; 27773 flex: 1 1 0%; 27774 } 27775 } 27776 } 27777 .content_item { 27778 h4 { 27779 display: inline-block; 27780 font-weight: 600; 27781 font-style: italic; 27782 margin-right: 0.5rem; 27783 color: rgba(0, 0, 0, 0.75); 27784 } 27785 } 27786`,c=e=>{const{task:t,taskInfo:a}=e,[i,c]=Object(l.useState)(0),u=Object(l.useCallback)(e=>c(e),[]);let d=[],m=[];return a&&a.length&&a.forEach(e=>{e.left?d.push(e):m.push(e)}),n.a.createElement(r.Z,{tabs:[{id:"task-information",content:"Task Information"},{id:"task-timelines",content:"Task Timelines"}],selected:i,onSelect:u},0===i?n.a.createElement(s,null,n.a.createElement("div",{className:"column-left"},d&&d.length>0?d.map((e,t)=>n.a.createElement("div",{className:`content_wrap ${e.className} ${e.normal?"":"special"}`,key:"left-"+t},n.a.createElement("h3",null,e.term,":"),n.a.createElement("div",{className:"content_item"},e.description))):null),n.a.createElement("div",{className:"column-right"},m&&m.length>0?m.map((e,t)=>n.a.createElement("div",{className:`content_wrap ${e.className} ${e.normal?"":"special"}`,key:"right-"+t},n.a.createElement("h3",null,e.term,":"),n.a.createElement("div",{className:"content_item"},e.description))):null)):n.a.createElement(o.a,{taskId:null===t||void 0===t?void 0:t.id}))}},function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return i}));var l=a(1),n=a(0),r=a.n(n);function i(e){let{taskRequirement:t}=e;return null!=t?r.a.createElement("div",{className:"task-requirement"},r.a.createElement(l.v,{element:"h3"},"Requirements: "),r.a.createElement("span",null,t)):null}},function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return b}));var l=a(1),n=a(651),r=a(0),i=a.n(r),o=a(9),s=a(2),c=a(28),u=a(68),d=a(370);const m=i.a.lazy(()=>a.e(106).then(a.bind(null,1428))),p=i.a.lazy(()=>a.e(107).then(a.bind(null,1429))),g=i.a.lazy(()=>a.e(108).then(a.bind(null,1430))),A={width:90,height:90,objectFit:"cover"};function b(e){let{files:t,width:a,maxWidth:l,maxHeight:n,height:r,hasShadow:o,isCompare:u,originImages:m}=e;const p=function(e,t){if(Object(s.c)(e)&&Object(s.c)(t))return[];const a=E(e),l=E(t,e=>e.file);return Array.from(new Map([...a,...l].filter(e=>null===e||void 0===e?void 0:e.id).map(e=>
27786[e.id,e])).values()).filter(Boolean)}(null===t||void 0===t?void 0:t.files,m),g=p[0],b="cursor-pointer block "+(o?"img-wrap":""),f={width:a||60,height:r||60,objectFit:"cover",maxWidth:l,maxHeight:n},[C,k]=Object(c.a)(!1),[O,j]=i.a.useState(()=>g?u?g.url||g.thumbnailUrl:g.thumbnailUrl||g.url:""),[w,S]=i.a.useState(!1),I=i.a.useCallback(e=>()=>{const t=v(e);j(t)},[]),B=i.a.useCallback(()=>{S(!0)},[]);return Object(s.c)(p)?null:g?i.a.createElement(y,null,i.a.createElement("div",{className:"modal-image img-box-shadow"},i.a.createElement("img",{className:b,src:O,alt:"product mockup",key:g.id,style:{...f},onClick:k,onLoad:B})),w&&i.a.createElement("div",{className:"img-controls"},p.map((e,t)=>{const a=v(e);let l="cursor-pointer img-wrap";return a===O&&(l+=" active"),i.a.createElement("img",{className:l,style:A,src:a,alt:"product mockup control",key:"product-mockup-control-"+t,onClick:I(e)})})),i.a.createElement("div",{style:{marginTop:"8px"}},i.a.createElement(d.a,{files:p,label:"Download all Mockups"})),i.a.createElement(h,{open:C,onClose:k,images:p})):null}function h(e){let{open:t,onClose:a,images:r}=e;const o=i.a.useMemo(()=>({nextArrow:i.a.createElement(m,null),prevArrow:i.a.createElement(p,null)}),[]);return i.a.createElement(l.E,{title:"Product image",open:t,onClose:a,sectioned:!0,large:!0},i.a.createElement(u.SlideContainer,null,i.a.createElement(i.a.Suspense,{fallback:i.a.createElement(l.X,{size:"small"})},i.a.createElement(n.a,Object.assign({arrows:!0},o),r.filter(Boolean).map((e,t)=>i.a.createElement(f,{file:e,key:"mockup-"+t}))))))}function f(e){let{file:t}=e;const[a,n]=i.a.useState(!1),r=i.a.useCallback(()=>{n(!0)},[]),o=v(t);return i.a.createElement("div",null,i.a.createElement(u.Container,null,!a&&i.a.createElement(l.X,{size:"small"}),i.a.createElement("div",{className:"media-wrapper"},i.a.createElement("img",{src:o,alt:"",style:{height:"auto",maxWidth:"760px"},onLoad:r,onError:r}),t.name&&i.a.createElement("div",{className:"media-meta mt-8"},i.a.createElement("div",{className:"media-meta-name"},t.name)))),o&&i.a.createElement("div",{className:"media-meta-link"},i.a.createElement(i.a.Suspense,{fallback:i.a.createElement(l.X,{size:"small"})},i.a.createElement(g,{file:t}))))}function v(e){let t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return Object(s.Gb)(e)?null:t?e.url||e.thumbnailUrl:e.thumbnailUrl||e.url}function E(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;return Object(s.c)(e)?[]:e.map(t).filter(Boolean)}const y=o.b.div` 27787 .img-controls { 27788 display: flex; 27789 flex-wrap: wrap; 27790 gap: 10px; 27791 margin-top: 10px; 27792 27793 img { 27794 border: 2px solid transparent; 27795 27796 &.active { 27797 border-color: #3f4eae; 27798 } 27799 } 27800 } 27801 27802 .modal-image { 27803 padding: 1rem; 27804 padding-left: 0; 27805 position: relative; 27806 27807 .color-picker-wrap { 27808 position: absolute; 27809 top: -12rem; 27810 right: 0; 27811 27812 .Polaris-ColorPicker__MainColor { 27813 height: 12rem; 27814 width: 12rem; 27815 } 27816 27817 .Polaris-ColorPicker__HuePicker, 27818 .Polaris-ColorPicker__AlphaPicker { 27819 height: 12rem; 27820 width: 1.8rem; 27821 } 27822 } 27823 } 27824 27825 .img-wrap { 27826 border-radius: 3px; 27827 box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 15px -3px, 27828 rgba(0, 0, 0, 0.1) 0px 4px 6px 2px; 27829 } 27830 27831 .Polaris-Badge { 27832 font-weight: 600; 27833 } 27834`},function(e,t,a){"use strict";a.d(t,"a",(function(){return i})),a.d(t,"b",(function(){return o}));var l=a(0),n=a.n(l);const r=n.a.createContext();function i(e){let{children:t,...a}=e;return n.a.createElement(r.Provider,{value:a},t)}function o(){return n.a.useContext(r)}},function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var l=a(7),n=a(1),r=a(0),i=a.n(r),o=a(16),s=a(2),c=a(19);function u(e){let{open:t,onClose:a,store:u}=e;const[d,m]=Object(r.useState)(""),[p,{loading:g}]=Object(l.c)(o.yd),{toggleToast:A,setNotify:b}=Object(c.b)(),h=i.a.useCallback(()=>{if(!u.id||!d)return;A&&A(),b&&b({err:!1,msg:null});const e=Array.from(new Set((d||"").split("\n").map(e=>e?e.trim():e).filter(Boolean)).values());0!==e.length?p({variables:{storeID:u.id,ids:e}}).then(()=>{b({err:!1,msg:"Fetch orders success"})}).catch(e=>{b({err:!0,msg:Object(s.ib)(e.toString())})}).finally(()=>{a&&a()}):b({err:!0,msg:"order ids is reqiored"})},[p,u.id,a,A,b,d]);Object(r.useEffect)(()=>{m("")},[t]);const f=i.a.useRef(null);return i.a.createElement(n.E,{title:"Fetch orders by ID",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Fetch",onAction:h,loading:g},secondaryActions:[{content:"Cancel",onAction:a}]},i.a.createElement(n.cb,{label:"Order IDs",multiline:4,value:d,onChange:function(){m(...arguments),f.current=!0},error:f.current&&!d&&"Order IDs is required",helpText:"Enter order ids with each order id separated by a new line."}))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var l=a(7),n=a(1),r=a(0),i=a.n(r),o=a(16),s=a(2),c=a(19);function u(e){let{open:t,onClose:a,store:r}=e;const[u,{loading:d}]=Object(l.c)(o.zd),{toggleToast:m,setNotify:p}=Object(c.b)(),g=i.a.useCallback(()=>{r.id&&(m&&m(),p&&p({err:!1,msg:null}),u({variables:{storeID:r.id}}).then(()=>{p({err:!1,msg:"Fetch orders success"})}).catch(e=>{p({err:!0,msg:Object(s.ib)(e.toString())})}).finally(()=>{a&&a()}))},[u,r.id,a,m,p]);return i.a.createElement(n.E,{title:"Fetch orders",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Fetch",onAction:g,loading:d},secondaryActions:[{content:"Cancel",onAction:a}]},i.a.createElement("p",null,"Are you sure to fetch orders from store ",i.a.createElement("strong",null,r.name)))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var l=a(7),n=a(1),r=a(0),i=a.n(r),o=a(16),s=a(2),c=a(19);function u(e){let{open:t,onClose:a,store:u}=e;const[d,m]=Object(r.useState)([!1]),[p,{loading:g}]=Object(l.c)(o.Bd),{toggleToast:A,setNotify:b}=Object(c.b)(),h=i.a.useCallback(()=>{u.id&&(A&&A(),b&&b({err:!1,msg:null}),p({variables:{storeID:u.id,needUpdate:(null===d||void 0===d?void 0:d.length)>0?d[0]:void 0}}).then(()=>{b({err:!1,msg:"Fetch products success"})}).catch(e=>{b({err:!0,msg:Object(s.ib)(e.toString())})}).finally(()=>{a&&a()}))},[p,u.id,a,A,b,d]);return i.a.createElement(n.E,{title:"Fetch products",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Fetch",onAction:h,loading:g},secondaryActions:[{content:"Cancel",onAction:a}]},i.a.createElement(n.Y,{vertical:!0},i.a.createElement("p",null,"Are you sure to fetch products from store"," ",i.a.createElement("strong",null,u.name)),i.a.createElement(n.k,{choices:[{value:!1,label:"Only create new product"},{value:!0,label:"Create / update product"}],selected:d,onChange:m})))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var l=a(7),n=a(1),r=a(0),i=a.n(r),o=a(16),s=a(2),c=a(19);function u(e){let{open:t,onClose:a,store:u}=e;const[d,m]=Object(r.useState)([!1]),[p,g]=Object(r.useState)(""),[A,{loading:b}]=Object(l.c)(o.Ad),{toggleToast:h,setNotify:f}=Object(c.b)(),v=i.a.useCallback(()=>
27834{if(!u.id||!p)return;h&&h(),f&&f({err:!1,msg:null});const e=Array.from(new Set((p||"").split("\n").map(e=>e?e.trim():e).filter(Boolean)).values());0!==e.length?A({variables:{storeID:u.id,originIDs:e,needUpdate:(null===d||void 0===d?void 0:d.length)>0?d[0]:void 0}}).then(()=>{f({err:!1,msg:"Fetch products success"})}).catch(e=>{f({err:!0,msg:Object(s.ib)(e.toString())})}).finally(()=>{a&&a()}):f({err:!0,msg:"product ids is reqiored"})},[A,u.id,a,h,f,p,d]);Object(r.useEffect)(()=>{g("")},[t]);const E=i.a.useRef(null);return i.a.createElement(n.E,{title:"Fetch products by ids",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Fetch",onAction:v,loading:b},secondaryActions:[{content:"Cancel",onAction:a}]},i.a.createElement(n.Y,{vertical:!0},i.a.createElement(n.cb,{label:"Product IDs",multiline:4,value:p,onChange:function(){g(...arguments),E.current=!0},error:E.current&&!p&&"Product IDs is required",helpText:"Enter product ids with each product id separated by a new line."}),i.a.createElement(n.k,{choices:[{value:!1,label:"Only create new product"},{value:!0,label:"Create / update product"}],selected:d,onChange:m})))}},function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var l=a(7),n=a(1),r=a(0),i=a.n(r),o=a(16),s=a(2),c=a(19);function u(e){let{open:t,onClose:a,store:r}=e;const{id:u}=r,[d,{loading:m}]=Object(l.c)(o.qb),{toggleToast:p,setNotify:g}=Object(c.b)(),A=i.a.useCallback(()=>{u&&d({variables:{storeIDs:[u]}}).then(()=>{g({err:!1,msg:"Deactive all promotion success"})}).catch(e=>{g({err:!0,msg:Object(s.ib)(e.toString())})}).finally(()=>{a&&a()})},[d,u,a,p,g]);return i.a.createElement(n.E,{title:"Update auto map",sectioned:!0,open:t,onClose:a,primaryAction:{content:"Submit",onAction:A,loading:m},secondaryActions:[{content:"Cancel",onAction:a}]},i.a.createElement("p",null,"Are you sure to Deactivate all Promotions of this Store?"))}},function(e,t,a){"use strict";var l=a(0),n=a.n(l),r=a(218),i=a(1);t.a=function(e){let{node:t}=e;const{data:a,loading:l}=Object(r.d)()||{};if(l)return n.a.createElement(i.U,null);const o=(a||{})[null===t||void 0===t?void 0:t.id];return null==o?null:n.a.createElement(i.e,{children:o})}},function(e,t,a){"use strict";a.d(t,"b",(function(){return bt}));var l=a(1),n=a(0),r=a.n(n),i=a(349),o=a(113),s=a(9),c=a(44),u=a(19),d=a(11),m=a(420),p=a(7),g=a(288),A=a(2),b=a(235),h=a(4),f=a(1558),v=a(1556),E=a(1559),y=a(1560),C=a(1561),k=a(1562),O=a(1563),j=a(1564),w=a(1551),S=a(1565),I=a(1544),B=a(1566),D=a(1567),P=a(1530),x=a(1568),M=a(1569),T=a(1570),Q=a(1571),R=a(1572),F=a(1573),N=a(1484),U=a(1547),L=a(1574),V=a(1575),z=a(1576),q=a(146),H=a(17),$=a(215);function _(){const{currentUser:e,store:t}=Object(d.c)(),{isMarketplaceManager:a,isStoreManager:l}=Object(A.j)(e),r=Object(A.db)(e);let i={storeId:t?t.id:l?"all":null};a&&t&&"all"===t.id&&(i={});const{data:o}=Object(p.e)($.b),s=n.useRef(!1),{data:c,loading:u,refetch:m}=Object(p.d)(H.Vc,{fetchPolicy:"no-cache",variables:i});n.useEffect(()=>{if(!s.current)return;Object(A.Eb)(o,r)&&m()},[o,r]);const g=n.useMemo(()=>{let e=0;return null!=(null===c||void 0===c?void 0:c.totalMappingOrder)&&(s.current=!0,e=Number(c.totalMappingOrder)),e},[c]);return u?n.createElement(q.a,null):n.createElement(G,null,g)}const G=s.b.span` 27835 display: inline-block; 27836 vertical-align: top; 27837 box-sizing: border-box; 27838 margin: -3px 0 -1px 2px; 27839 padding: 1px 5px; 27840 min-width: 18px; 27841 height: 18px; 27842 border-radius: 9px; 27843 background-color: #ce3400; 27844 color: #fff; 27845 font-size: 11px; 27846 line-height: 1.6; 27847 text-align: center; 27848 z-index: 26; 27849`,K=[{label:"Dashboard",url:"/",key:"dashboard",icon:f.a},{label:"Users",url:"/admin/users",key:"users",icon:v.a,subNavigationItems:[{label:"All Users",url:"/admin/users"},{label:"Add New User",url:"/admin/users/add"}]},{label:"Product Bases",icon:E.a,key:"product-base",url:"/admin/product-bases",subNavigationItems:[{label:"All Product Bases",url:"/admin/product-bases"},{label:"All Categories ",url:"/admin/categories"}]},{label:"Orders",icon:y.a,key:"orders",url:"/admin/orders",subNavigationItems:[{label:"Orders",url:"/admin/orders"},{label:"Supplier Orders",url:"/admin/orders/supplier"},{label:"Claims",url:"/admin/claims"}]},{label:"Sellers",url:"/admin/sellers",key:"sellers",icon:C.a,subNavigationItems:[{label:"All Sellers",url:"/admin/sellers"}]},{label:"Fulfillment",key:"fulfillment",icon:k.a,url:"/admin/fulfillment",subNavigationItems:[{label:"Manage Fulfillment",url:"/admin/fulfillment",key:"fulfillment-manage"},{label:"Manage Suppliers",url:"/admin/suppliers",key:"suppliers"}]},{label:"Billings",key:"billings",icon:O.a,url:"/admin/billings/overview",subNavigationItems:[{label:"Overview",url:"/admin/billings/overview"},{label:"All Deposits",url:"/admin/billings/deposits"},{label:"All Transactions",url:"/admin/billings/transactions"},{label:"All Invoices",url:"/admin/billings/invoices"}]},{label:"Manager Files",key:"managerFiles",icon:j.a,url:"/admin/manager-files/import",subNavigationItems:[{label:"Import Files",url:"/admin/manager-files/import"},{label:"Export Files",url:"/admin/manager-files/export"},{label:"Export Templates",url:"/admin/manager-files/export-templates"}]},{label:"Reports",url:"/admin/reports/amazon",key:"reports",icon:w.a,subNavigationItems:[{label:"Amazon",url:"/admin/reports/amazon"},{label:"Facebook MK",url:"/admin/reports/facebook-mk"},{label:"Online stores",url:"/admin/reports/online-stores"},{label:"Ebay",url:"/admin/reports/ebay"},{label:"Etsy",url:"/admin/reports/etsy"},{label:"Tiktok",url:"/admin/reports/tiktok"},{label:"Dev Statistics",url:"/admin/reports/dev-statistics"}]},{label:"Carriers",key:"carriers",icon:S.a,url:"/admin/carriers",subNavigationItems:[{label:"All Carriers",url:"/admin/carriers"},{label:"Add Carrier",url:"/admin/add-carriers"}]},{label:"System",key:"system",icon:I.a,url:"/admin/system/settings",subNavigationItems:[{label:"Settings",url:"/admin/system/settings"},{label:"Cron Jobs",url:"/admin/system/cron-jobs"},{label:"Switch Fulfillment",url:"/admin/system/switch-fulfillment"},{label:"Private Features",url:"/admin/system/private-features"},{label:"Payment Accounts",url:"/admin/system/payment-accounts"}]},{label:"Personalized",icon:B.a,url:"/admin/personalized/artworks",key:"personalized",subNavigationItems:[{label:"Artworks",url:"/admin/personalized/artworks"},{label:"Cliparts",url:"/admin/personalized/cliparts"},{label:"Fonts",url:"/admin/personalized/fonts"}]},{label:"Documentations",icon:D.a,url:"/admin/documentations",key:"documentations"}],J=[{label:"Dashboard",url:"/",icon:f.a},{label:"Sales Channels",url:"/seller/stores",icon:P.a,subNavigationItems:[{label:"Online Stores",url:"/seller/stores"},{label:"Amazon",url:"/seller/stores/amazon"},{label:"Ebay",url:"/seller/stores/ebay"},{label:"Etsy",url:"/seller/stores/etsy"},{label:"Facebook Marketplace",url:"/seller/stores/fb-marketplace",private:!0},{label:"Tiktok",url:"/seller/stores/tiktok"},{label:"Group",url:"/seller/stores/groups"}]},{label:"Tiktok Hub",url:"/seller/tiktok-hub/promotions",icon:x.a,subNavigationItems:[{label:"Promotions",url:"/seller/tiktok-hub/promotions"},{label:"Product Crawl Items",url:"/seller/tiktok-hub/product-crawl-items"},{label:"Push Products",url:"/seller/tiktok-hub/push-products"},{label:"Product Templates",url:"/seller/tiktok-hub/product-templates"},{label:"Image Templates",url:"/seller/tiktok-hub/image-templates"}]},{label:"Product Bases",url:"/seller/product-bases",key:"seller-product-bases",icon:M.a,subNavigationItems:[{label:"All Product Bases",url:"/seller/product-bases"},{label:"All Categories ",url:"/seller/categories"}]},{label:"Products",url:"/seller/products",key:"seller-products",icon:E.a,subNavigationItems:[{label:"All Products",url:"/seller/products"},{label:"Templates",url:"/seller/templates"},{label:"Collections",url:"/seller/collections"},{label:"Tags",url:"/seller/tags"},{label:"Push Products",url:"/seller/products/product-push"},{label:"Product Feeds",url:"/seller/products/feeds"},{label:"Replace Product Feed",url:"/seller/products/replace-feed"},{label:"UPCs Management",url:"/seller/upcs",private:!0},{label:"Product Divisions",url:"/seller/product-divisions"},{label:"Products Ignored",url:"/seller/products-ignored",private:!0},{label:"Export for Amazon",url:"/seller/export-amazon"},{label:"Re-Mockup Conditions",url:"/seller/re-mockups",private:!0},{label:"Re-Mockup Tasks",url:"/seller/re-mockups-tasks",private:!0},{label:"Product by Title",url:"/seller/product-duplicate",private:!0},{label:"Product from Print File",url:"/seller/product-from-print-file",private:!0}]},{label:"Orders",icon:y.a,key:"orders",url:"/seller/orders",subNavigationItems:[{label:"Orders",url:"/seller/orders"},{label:"Mapping Orders",url:"/seller/mapping",badge:r.a.createElement(_,null)},{label:"Claims",url:"/seller/claims"},{label:"Export Tracking",url:"/seller/export-tracking"},{label:"Export Tracking History",url:"/seller/export-tracking-history"},{label:"Create Manual Order",url:"/seller/create-manual-order"},{label:"Switch Store for Order",url:"/seller/switch-store-for-order",private:!0},{label:"Import Tracking",url:"/seller/imports"},{label:"Export Order Files",url:"/seller/export-files"},{label:"Export Order Templates",url:"/seller/manager-files/export-templates"},{label:"Order Stats",url:"/seller/order-stats"}]}
27849,{label:"Members",icon:v.a,url:"/seller/team-members",key:"team-members",subNavigationItems:[{label:"All Members",url:"/seller/team-members"},{label:"Add Member",url:"/seller/add-team-member"},{label:"Design Online Teams",url:"/seller/online-design-teams"},{label:"Design Teams",url:"/seller/design-teams"},{label:"Internal Design Teams",url:"/seller/internal-design-teams"},{label:"Channel Teams",url:"/seller/channel-teams"}]},{label:"Fulfillments",icon:T.a,url:"/seller/fulfillment",key:"fulfillment",subNavigationItems:[{label:"All Fulfillments",url:"/seller/fulfillment"},{label:"Switch Fulfillment",url:"/seller/fulfillment/switch"},{label:"Switch Fulfillment Order",url:"/seller/fulfillment/switch-order"}]},{label:"Billings",key:"seller-billings",url:"/seller/billings/deposits",icon:O.a,subNavigationItems:[{label:"All Deposits",url:"/seller/billings/deposits"},{label:"Transactions",url:"/seller/billings/transactions"},{label:"Invoices",url:"/seller/billings/invoices"}]},{label:"Tasks",icon:Q.a,url:"/seller/artist-tasks",key:"artist-tasks",subNavigationItems:[{label:"Artist Tasks",url:"/seller/artist-tasks"},{label:"Design Tasks",url:"/seller/design-tasks"},{label:"Idea Tasks",url:"/seller/design-tasks/ideas"},{label:"Report by Status",url:"/seller/design-tasks/report"},{label:"Statistic",url:"/seller/design-tasks/statistic"}]},{label:"Amazon Ideas",url:"/seller/amazon-ideas",icon:R.a,key:"amazon-ideas",subNavigationItems:[{label:"Amazon Ideas",url:"/seller/amazon-ideas"},{label:"Amazon Idea Template",url:"/seller/amazon-idea-templates"}]},{label:"Reports",icon:F.a,url:"/seller/reports/amazon",key:"reports",subNavigationItems:[{label:"Amazon",url:"/seller/reports/amazon"},{label:"Facebook MK",url:"/seller/reports/facebook-mk",private:!0},{label:"Online stores",url:"/seller/reports/online-stores"},{label:"Ebay",url:"/seller/reports/ebay"},{label:"Etsy",url:"/seller/reports/etsy"},{label:"Tiktok",url:"/seller/reports/tiktok"},{label:"Marketplace",url:"/seller/reports",private:!0},{label:"Total Cost",url:"/seller/report-total-cost"}]},{label:"Warning Addresses",icon:N.a,url:"/seller/warning-addresses",key:"warning-addresses"},{label:"Tools",icon:U.a,url:"/tools/product-crawlers",key:"tools",subNavigationItems:[{label:"Product Crawlers",url:"/tools/product-crawlers",private:!0},{label:"Product Assortment",url:"/tools/product-assortment",private:!0},{label:"Complex Assortment",url:"/tools/complex-assortment",private:!0}]},{label:"Settings",icon:I.a,url:"/seller/settings",key:"settings",subNavigationItems:[{label:"Generals",url:"/seller/settings"},{label:"API Keys",url:"/seller/settings/apis"},{label:"Payment Accounts",url:"/seller/settings/payment-accounts"}]},{label:"Apps",icon:L.a,url:"/seller/apps",key:"apps",subNavigationItems:[{label:"All Apps",url:"/seller/apps"}]},{label:"Personalized",icon:B.a,url:"/seller/personalized/artworks",key:"personalized",subNavigationItems:[{label:"Artworks",url:"/seller/personalized/artworks"},{label:"Cliparts",url:"/seller/personalized/cliparts"},{label:"Fonts",url:"/seller/personalized/fonts"}]},{label:"Documentations",icon:D.a,url:"/seller/documentations",key:"documentations"}],Y=[{label:"Orders",icon:y.a,url:"/supporter/orders",key:"supporter-orders",subNavigationItems:[{label:"Orders",url:"/supporter/orders",key:"supporter-orders"},{label:"Supplier Orders",url:"/supporter/orders/supplier",key:"supporter-order-supplier"},{label:"Claims",url:"/supporter/claims",key:"supporter-claims"}]},{label:"Manager Files",icon:j.a,url:"/supporter/manager-files/import",key:"supporter-manager-files",subNavigationItems:[{label:"Import Files",url:"/supporter/manager-files/import",key:"supporter-manager-files-import"},{label:"Export Files",url:"/supporter/manager-files/export",key:"supporter-manager-files-export"}]}],W=[{label:"Dashboard",url:"/",icon:f.a},{label:"Stores",icon:P.a,url:"/store-manager/stores",key:"stores",subNavigationItems:[{label:"All Stores",url:"/store-manager/stores"},{label:"Facebook Marketplace",url:"/store-manager/stores/fb-marketplace",private:!0}]},{label:"Tiktok Hub",url:"/store-manager/tiktok-hub/promotions",icon:P.a,subNavigationItems:[{label:"Promotions",url:"/store-manager/tiktok-hub/promotions"},{label:"Product Crawl Items",url:"/store-manager/tiktok-hub/product-crawl-items"},{label:"Push Products",url:"/store-manager/tiktok-hub/push-products"},{label:"Product Templates",url:"/store-manager/tiktok-hub/product-templates"},{label:"Image Templates",url:"/store-manager/tiktok-hub/image-templates"}]}
27849,{label:"Products",url:"/store-manager/products",key:"store-manager-products",icon:E.a,subNavigationItems:[{label:"All Products",url:"/store-manager/products"},{label:"Templates",url:"/store-manager/templates"},{label:"Collections",url:"/store-manager/collections"},{label:"Tags",url:"/store-manager/tags"},{label:"Push Products",url:"/store-manager/products/product-push"},{label:"Product Feeds",url:"/store-manager/products/feeds"},{label:"Replace Product Feed",url:"/store-manager/products/replace-feed"},{label:"Products Ignored",url:"/store-manager/products-ignored",private:!0},{label:"Export for Amazon",url:"/store-manager/export-amazon"},{label:"Product from Print File",url:"/store-manager/product-from-print-file",private:!0}]},{label:"Orders",icon:y.a,key:"orders",url:"/store-manager/orders",subNavigationItems:[{label:"Orders",url:"/store-manager/orders"},{label:"Mapping Orders",url:"/store-manager/mapping",badge:r.a.createElement(_,null)},{label:"Claims",url:"/store-manager/claims"},{label:"Export Tracking",url:"/store-manager/export-tracking"},{label:"History Export Tracking",url:"/store-manager/export-tracking-history"},{label:"Create Manual Order",url:"/store-manager/create-manual-order"}]},{label:"Tasks",icon:Q.a,url:"/store-manager/artist-tasks",key:"store-manager_artist-tasks",subNavigationItems:[{label:"Artist Tasks",url:"/store-manager/artist-tasks"},{label:"Design Tasks",url:"/store-manager/design-tasks"},{label:"Idea Tasks",url:"/store-manager/design-tasks/ideas",key:"store-manager_idea_task",_extra:!0}]},{label:"Tools",icon:U.a,url:"/tools/product-crawlers",key:"tools",subNavigationItems:[{label:"Product Crawlers",url:"/tools/product-crawlers"},{label:"Product Assortment",url:"/tools/product-assortment"}]},{label:"Personalized",icon:B.a,url:"/store-manager/personalized/artworks",key:"personalized",subNavigationItems:[{label:"Artworks",url:"/store-manager/personalized/artworks"},{label:"Cliparts",url:"/store-manager/personalized/cliparts"},{label:"Fonts",url:"/store-manager/personalized/fonts"}]},{label:"Billings",key:"store-manager-billings",url:"/store-manager/billings/invoices",icon:O.a,subNavigationItems:[{label:"Invoices",url:"/store-manager/billings/invoices"}]},{label:"Documentations",icon:D.a,url:"/store-manager/documentations",key:"documentations"}],Z=[{label:"Products",url:"/seller-supporter/products",key:"seller-supporter-products",icon:E.a,subNavigationItems:[{label:"All Products",url:"/seller-supporter/products",key:"seller-supporter-products"},{label:"Templates",url:"/seller-supporter/templates",key:"seller-supporter-templates"},{label:"Collections",url:"/seller-supporter/collections",key:"seller-supporter-collections"},{label:"Tags",url:"/seller-supporter/tags",key:"seller-supporter-tags"},{label:"Push Products",url:"/seller-supporter/products/product-push",key:"seller-supporter-products-product-push",_extra:!0},{label:"Products Ignored",url:"/seller-supporter/products-ignored",key:"seller-supporter-products-ignored",private:!0},{label:"Product from Print File",url:"/seller-supporter/product-from-print-file",key:"seller-supporter-product-from-print-file",private:!0}]},{label:"Orders",icon:y.a,key:"seller-supporter-orders",url:"/seller-supporter/orders",subNavigationItems:[{label:"Orders",url:"/seller-supporter/orders",key:"seller-supporter-orders"},{label:"Mapping Orders",url:"/seller-supporter/mapping",badge:r.a.createElement(_,null),key:"seller-supporter-mapping"},{label:"Claims",url:"/seller-supporter/claims",key:"seller-supporter-claims"},{label:"Create Manual Order",url:"/seller-supporter/create-manual-order",key:"seller-supporter-create-manual-order"}]},{label:"Tools",icon:U.a,url:"/tools/product-assortment",key:"tools",subNavigationItems:[{label:"Product Assortment",url:"/tools/product-assortment"}]},{label:"Documentations",icon:D.a,url:"/seller-supporter/documentations",key:"seller-supporter-documentations"}],X=(P.a,V.a,V.a,y.a,v.a,k.a,O.a,U.a,[{label:"Orders",icon:y.a,key:"orders",url:"/supplier/orders",subNavigationItems:[{label:"All Orders",url:"/supplier/orders"},{label:"Claims",url:"/supplier/claims"},{label:"Import Tracking",url:"/supplier/import-tracking"}]},{label:"Billings",key:"supplier-billings",icon:O.a,url:"/supplier/billings/deposits",subNavigationItems:[{label:"All Deposits",url:"/supplier/billings/deposits"},{label:"Transactions",url:"/supplier/billings/transactions"}]},{label:"Manager Files",key:"manager-files",icon:j.a,url:"/supplier/imports",subNavigationItems:[{label:"Import Files",url:"/supplier/imports"},{label:"Exports Files",url:"/supplier/export-tracking"},{label:"Export Templates",url:"/supplier/manager-files/export-templates"}]},{label:"Documentations",icon:D.a,url:"/supplier/documentations",key:"documentations"}]),ee=[{label:"Dashboard",url:"/",key:"designer_dashboard",icon:f.a},{label:"Tasks",icon:Q.a,url:"/designer/design-tasks",key:"designer_design-tasks",subNavigationItems:[{label:"Design Tasks",url:"/designer/design-tasks",key:"designer_design-tasks",_extra:!0},{label:"Idea Tasks",url:"/designer/design-tasks/ideas",key:"designer_idea-tasks",_extra:!0}]},{label:"Products",url:"/designer/products",key:"designer_products",icon:E.a,subNavigationItems:[{label:"All Products",url:"/designer/products",key:"designer_products-all"},{label:"Templates",url:"/designer/templates",key:"designer_templates"},{label:"Product from Print File",url:"/designer/product-from-print-file",key:"designer_product-from-print-file",private:!0},{label:"Re-Mockup Tasks",url:"/designer/re-mockups-tasks",key:"designer_re-mockups",private:!0}]},{label:"Personalized",icon:B.a,url:"/designer/personalized/artworks",key:"designer_personalized",subNavigationItems:[{label:"Artworks",url:"/designer/personalized/artworks"},{label:"Cliparts",url:"/designer/personalized/cliparts"},{label:"Fonts",url:"/designer/personalized/fonts"}]},{label:"Documentations",icon:D.a,url:"/designer/documentations",key:"designer_documentations"}],te=[{label:"Dashboard",url:"/",key:"design-leader_dashboard",icon:f.a},{label:"Tasks",icon:Q.a,url:"/design-leader/design-tasks",key:"design-leader_design-tasks",subNavigationItems:[{label:"Design Tasks",url:"/design-leader/design-tasks",_extra:!0},{label:"Idea Tasks",url:"/design-leader/design-tasks/ideas",_extra:!0},{label:"Report by Status",url:"/design-leader/design-tasks/report"},{label:"Statistic",url:"/design-leader/design-tasks/statistic"}]},{label:"Orders",icon:y.a,key:"design-leader_orders",url:"/design-leader/orders",subNavigationItems:[{label:"Orders",url:"/design-leader/orders"},{label:"Mapping Orders",url:"/design-leader/mapping",key:"design-leader-mapping",badge:r.a.createElement(_,null),_extra:!0}]},{label:"Products",url:"/design-leader/re-mockups-tasks",key:"design-leader_re-mockups",icon:E.a,subNavigationItems:[{label:"Re-Mockup Tasks",url:"/design-leader/re-mockups-tasks",private:!0}]},{label:"Products",url:"/design-leader/products",key:"design-leader_products",icon:E.a,subNavigationItems:[{label:"All Products",url:"/design-leader/products",key:"design-leader_products-all"},{label:"Templates",url:"/design-leader/templates",key:"design-leader_templates"},{label:"Product from Print File",url:"/design-leader/product-from-print-file",key:"design-leader_product-from-print-file",private:!0},{label:"Re-Mockup Tasks",url:"/design-leader/re-mockups-tasks",key:"design-leader_re-mockups",private:!0}]},{label:"Media",icon:z.a,url:"/design-leader/media",key:"design-leader_media"}
27849,{label:"Members",icon:v.a,url:"/design-leader/team-members",key:"design-leader_team-members",subNavigationItems:[{label:"All Members",url:"/design-leader/team-members"},{label:"Add Member",url:"/design-leader/add-team-member"},{label:"Design Online Teams",url:"/design-leader/online-design-teams"}]},{label:"Personalized",icon:B.a,url:"/design-leader/personalized/artworks",key:"design-leader_personalized",subNavigationItems:[{label:"Artworks",url:"/design-leader/personalized/artworks"},{label:"Cliparts",url:"/design-leader/personalized/cliparts"},{label:"Fonts",url:"/design-leader/personalized/fonts"}]},{label:"Documentations",icon:D.a,url:"/design-leader/documentations",key:"design-leader_documentations"}],ae=[{label:"Dashboard",url:"/",icon:f.a,subNavigationItems:[]},{label:"Sales Channels",url:"/marketplace-manager/stores/amazon",icon:P.a,subNavigationItems:[{label:"Amazon",url:"/marketplace-manager/stores/amazon"},{label:"Ebay",url:"/marketplace-manager/stores/ebay"},{label:"Etsy",url:"/marketplace-manager/stores/etsy"},{label:"Facebook Marketplace",url:"/marketplace-manager/stores/fb-marketplace",private:!0},{label:"Tiktok",url:"/marketplace-manager/stores/tiktok"},{label:"Group",url:"/marketplace-manager/stores/groups"}]},{label:"Tiktok Hub",url:"/marketplace-manager/tiktok-hub/promotions",icon:P.a,subNavigationItems:[{label:"Promotions",url:"/marketplace-manager/tiktok-hub/promotions"},{label:"Product Crawl Items",url:"/marketplace-manager/tiktok-hub/product-crawl-items"},{label:"Push Products",url:"/marketplace-manager/tiktok-hub/push-products"},{label:"Product Templates",url:"/marketplace-manager/tiktok-hub/product-templates"},{label:"Image Templates",url:"/marketplace-manager/tiktok-hub/image-templates"}]},{label:"Products",url:"/marketplace-manager/products",key:"marketplace-manager-products",icon:E.a,subNavigationItems:[{label:"All Products",url:"/marketplace-manager/products"},{label:"Templates",url:"/marketplace-manager/templates"},{label:"Collections",url:"/marketplace-manager/collections"},{label:"Tags",url:"/marketplace-manager/tags"},{label:"Product Divisions",url:"/marketplace-manager/product-divisions"},{label:"Products Ignored",url:"/marketplace-manager/products-ignored",private:!0},{label:"Export for Amazon",url:"/marketplace-manager/export-amazon"},{label:"Product from Print File",url:"/marketplace-manager/product-from-print-file",private:!0}]},{label:"Orders",icon:y.a,key:"orders",url:"/marketplace-manager/orders",subNavigationItems:[{label:"Orders",url:"/marketplace-manager/orders"},{label:"Mapping Orders",url:"/marketplace-manager/mapping",badge:r.a.createElement(_,null)},{label:"Claims",url:"/marketplace-manager/claims"},{label:"Export Tracking",url:"/marketplace-manager/export-tracking"},{label:"History Export Tracking",url:"/marketplace-manager/export-tracking-history"},{label:"Create Manual Order",url:"/marketplace-manager/create-manual-order"},{label:"Switch Store for Order",url:"/marketplace-manager/switch-store-for-order",private:!0}]},{label:"Members",icon:v.a,url:"/marketplace-manager/team-members",key:"team-members",subNavigationItems:[{label:"All Members",url:"/marketplace-manager/team-members"},{label:"Add Member",url:"/marketplace-manager/add-team-member"},{label:"Design Online Teams",url:"/marketplace-manager/online-design-teams"}]},{label:"Tasks",icon:Q.a,url:"/marketplace-manager/artist-tasks",key:"marketplace-manager_artist-tasks",subNavigationItems:[{label:"Artist Tasks",url:"/marketplace-manager/artist-tasks"},{label:"Design Tasks",url:"/marketplace-manager/design-tasks"},{label:"Idea Tasks",url:"/marketplace-manager/design-tasks/ideas",key:"marketplace-manager_idea_task",_extra:!0}]},{label:"Tools",icon:U.a,url:"/tools/product-crawlers",key:"tools",subNavigationItems:[{label:"Product Crawlers",url:"/tools/product-crawlers"},{label:"Product Assortment",url:"/tools/product-assortment"}]},{label:"Personalized",icon:B.a,url:"/marketplace-manager/personalized/artworks",key:"personalized",subNavigationItems:[{label:"Artworks",url:"/marketplace-manager/personalized/artworks"}
27849,{label:"Cliparts",url:"/marketplace-manager/personalized/cliparts"},{label:"Fonts",url:"/marketplace-manager/personalized/fonts"}]},{label:"Documentations",icon:D.a,url:"/marketplace-manager/documentations",key:"documentations"}],le=[{label:"Dashboard",url:"/",key:"idea_dashboard",icon:f.a},{label:"Products",url:"/idea/products",key:"idea_products",icon:E.a,subNavigationItems:[{label:"All Products",url:"/idea/products",key:"idea_products-all"},{label:"Templates",url:"/idea/templates",key:"idea_templates"},{label:"Product from Print File",url:"/idea/product-from-print-file",key:"idea_product-from-print-file",private:!0}]},{label:"Orders",icon:y.a,url:"/idea/orders",key:"idea_orders",subNavigationItems:[{label:"All Orders",url:"/idea/orders",key:"idea_orders-all"}]},{label:"Tasks",icon:Q.a,url:"/idea/tasks",key:"idea_tasks",subNavigationItems:[{label:"Idea Tasks",url:"/idea/tasks"}]},{label:"Product Assortment",icon:U.a,url:"/idea/product-assortment",key:"idea_product-assortment",subNavigationItems:[{label:"Product Assortment",url:"/idea/product-assortment",key:"idea_product-assortment"}]}],ne=[{label:"Dashboard",url:"/",key:"idea-leader_dashboard",icon:f.a},{label:"Products",url:"/idea-leader/products",key:"idea-leader_products",icon:E.a,subNavigationItems:[{label:"All Products",url:"/idea-leader/products",key:"idea-leader_products-all"},{label:"Templates",url:"/idea-leader/templates",key:"idea-leader_templates"},{label:"Product from Print File",url:"/idea-leader/product-from-print-file",key:"idea-leader_product-from-print-file",private:!0}]},{label:"Orders",icon:y.a,url:"/idea-leader/orders",key:"idea-leader_orders",subNavigationItems:[{label:"All Orders",url:"/idea-leader/orders",key:"idea-leader_orders-all"}]},{label:"Members",icon:v.a,url:"/idea-leader/team-members",key:"idea-leader_team-members",subNavigationItems:[{label:"All Members",url:"/idea-leader/team-members",key:"idea-leader_team-members"},{label:"Add Member",url:"/idea-leader/add-team-member",key:"idea-leader_add-team-member"}]},{label:"Tasks",icon:Q.a,url:"/idea-leader/tasks",key:"idea-leader_tasks",subNavigationItems:[{label:"Idea Tasks",url:"/idea-leader/tasks",key:"idea-leader_tasks"}]},{label:"Product Assortment",icon:U.a,url:"/idea-leader/product-assortment",key:"idea-leader_product-assortment",subNavigationItems:[{label:"Product Assortment",url:"/idea-leader/product-assortment",key:"idea-leader_product-assortment"}]}],re=[{label:"Orders",icon:y.a,key:"orders",url:"/supplier/orders",subNavigationItems:[{label:"All Orders",url:"/supplier/orders"},{label:"Import Tracking",url:"/supplier/import-tracking"}]},{label:"Manager Files",key:"manager-files",icon:j.a,url:"/supplier/imports",subNavigationItems:[{label:"Import Files",url:"/supplier/imports"},{label:"Exports Files",url:"/supplier/export-tracking"},{label:"Export Templates",url:"/supplier/manager-files/export-templates"}]},{label:"Documentations",icon:D.a,url:"/supplier/documentations",key:"documentations"}],ie=[{label:"Dashboard",url:"/",key:"dashboard",icon:f.a},{label:"Orders",icon:y.a,url:"/seller-accountant/orders",key:"orders",subNavigationItems:[{label:"Orders",url:"/seller-accountant/orders"}]},{label:"Tasks",icon:Q.a,url:"/seller-accountant/design-tasks",key:"design-tasks",subNavigationItems:[{label:"Design Tasks",url:"/seller-accountant/design-tasks"}]},{label:"Reports",url:"/seller-accountant/reports/amazon",key:"reports",icon:w.a,subNavigationItems:[{label:"Amazon",url:"/seller-accountant/reports/amazon"},{label:"Facebook MK",url:"/seller-accountant/reports/facebook-mk"},{label:"Online stores",url:"/seller-accountant/reports/online-stores"},{label:"Ebay",url:"/seller-accountant/reports/ebay"},{label:"Etsy",url:"/seller-accountant/reports/etsy"},{label:"Tiktok",url:"/seller-accountant/reports/tiktok"}]},{label:"Billings",key:"billings",icon:O.a,url:"/seller-accountant/billings/invoices",subNavigationItems:[{label:"All Invoices",url:"/seller-accountant/billings/invoices"}]},{label:"Settings",key:"settings",icon:I.a,url:"/seller-accountant/settings/payment-accounts",subNavigationItems:[{label:"Payment Accounts",url:"/seller-accountant/settings/payment-accounts"}]}],oe=[{label:"Dashboard",url:"/",key:"artist-leader_dashboard",icon:f.a},{label:"Tasks",icon:Q.a,url:"/artist-leader/artist-tasks",key:"artist-leader_artist-tasks",subNavigationItems:[{label:"Artist Tasks",url:"/artist-leader/artist-tasks"}]}],se=[{label:"Dashboard",url:"/",key:"artist_dashboard",icon:f.a},{label:"Tasks",icon:Q.a,url:"/artist/artist-tasks",key:"artist_artist-tasks",subNavigationItems:[{label:"Artist Tasks",url:"/artist/artist-tasks"}]}],ce=[{label:"Dashboard",url:"/",key:"fulfillment_dashboard",icon:f.a},{label:"Products",url:"/fulfillment/products",key:"fulfillment-products",icon:E.a,subNavigationItems:[{label:"All Products",url:"/fulfillment/products"}]},{label:"Orders",icon:y.a,key:"orders",url:"/fulfillment/orders",subNavigationItems:[{label:"Orders",url:"/fulfillment/orders"}]},{label:"Tasks",icon:Q.a,url:"/fulfillment/design-tasks",key:"design-tasks",subNavigationItems:[{label:"Design Tasks",url:"/fulfillment/design-tasks"}]},{label:"Settings",key:"settings",icon:I.a,url:"/fulfillment/settings/payment-accounts",key:"payment-accounts",subNavigationItems:[{label:"Payment Accounts",url:"/fulfillment/settings/payment-accounts"}]}],ue=[{label:"Sales Channels",url:"/channel-leader/stores/amazon",icon:P.a,subNavigationItems:[{label:"Amazon",url:"/channel-leader/stores/amazon"}]},{label:"Products",url:"/channel-leader/products",key:"channel-leader-products",icon:V.a,subNavigationItems:[{label:"All Products",url:"/channel-leader/products"}]},{label:"Orders",icon:y.a,key:"orders",url:"/channel-leader/orders",subNavigationItems:[{label:"Orders",url:"/channel-leader/orders"}]},{label:"Amazon Ideas",url:"/channel-leader/amazon-ideas",icon:Q.a,subNavigationItems:[{label:"Amazon Ideas",url:"/channel-leader/amazon-ideas"},{label:"Amazon Idea Template",url:"/channel-leader/amazon-idea-templates"}]},{label:"Channel Teams",icon:v.a,url:"/channel-leader/channel-teams",key:"channel-teams",subNavigationItems:[{label:"Channel Teams",url:"/channel-leader/channel-teams"}]}],de=[{label:"Sales Channels",url:"/channel-seller/stores/amazon",icon:P.a,subNavigationItems:[{label:"Amazon",url:"/channel-seller/stores/amazon"}]},{label:"Products",url:"/channel-seller/products",key:"channel-seller-products",icon:V.a,subNavigationItems:[{label:"All Products",url:"/channel-seller/products"}]},{label:"Orders",icon:y.a,key:"orders",url:"/channel-seller/orders",subNavigationItems:[{label:"Orders",url:"/channel-seller/orders"}]},{label:"Amazon Ideas",url:"/channel-seller/amazon-ideas",icon:Q.a,subNavigationItems:[{label:"Amazon Ideas",url:"/channel-seller/amazon-ideas"},{label:"Amazon Idea Template",url:"/channel-seller/amazon-idea-templates"}]}],me=[{label:"Sales Channels",url:"/channel-idea/stores/amazon",icon:P.a,subNavigationItems:[{label:"Amazon",url:"/channel-idea/stores/amazon"}]},{label:"Products",url:"/channel-idea/products",key:"channel-idea-products",icon:V.a,subNavigationItems:[{label:"All Products",url:"/channel-idea/products"}]},{label:"Orders",icon:y.a,key:"orders",url:"/channel-idea/orders",subNavigationItems:[{label:"Orders",url:"/channel-idea/orders"}]},{label:"Amazon Ideas",url:"/channel-idea/amazon-ideas",icon:Q.a,subNavigationItems:[{label:"Amazon Ideas",url:"/channel-idea/amazon-ideas"},{label:"Amazon Idea Template",url:"/channel-idea/amazon-idea-templates"}]}],pe=[{label:"Sales Channels",url:"/channel-support-leader/stores/amazon",icon:P.a,subNavigationItems:[{label:"Amazon",url:"/channel-support-leader/stores/amazon"}]},{label:"Products",url:"/channel-support-leader/products",key:"channel-support-leader-products",icon:V.a,subNavigationItems:[{label:"All Products",url:"/channel-support-leader/products"}]},{label:"Orders",icon:y.a,key:"orders",url:"/channel-support-leader/orders",subNavigationItems:[{label:"Orders",url:"/channel-support-leader/orders"}]},{label:"Amazon Ideas",url:"/channel-support-leader/amazon-ideas",icon:Q.a,subNavigationItems:[{label:"Amazon",url:"/channel-support-leader/amazon-ideas"}]}],ge=[{label:"Products",url:"/channel-supporter/products",key:"channel-supporter-products",icon:V.a,subNavigationItems:[{label:"All Products",url:"/channel-supporter/products"}]},{label:"Orders",icon:y.a,key:"orders",url:"/channel-supporter/orders",subNavigationItems:[{label:"Orders",url:"/channel-supporter/orders"}]},{label:"Amazon Ideas",url:"/channel-supporter/amazon-ideas",icon:Q.a,subNavigationItems:[{label:"Amazon",url:"/channel-supporter/amazon-ideas"}]}],Ae=[{label:"Dashboard",url:"/",icon:f.a}
27849,{label:"Products",url:"/platform-manager/products",key:"platform-manager-products",icon:E.a,subNavigationItems:[{label:"All Products",url:"/platform-manager/products"}]},{label:"Orders",icon:y.a,key:"orders",url:"/platform-manager/orders",subNavigationItems:[{label:"Orders",url:"/platform-manager/orders"}]},{label:"Billings",key:"platform-manager-billings",url:"/platform-manager/billings/invoices",icon:O.a,subNavigationItems:[{label:"Invoices",url:"/platform-manager/billings/invoices"}]}],be=["seller-products","team-members","tools"],he=/RD/gi,fe=["dashboard","tasks","team-members"],ve=["dashboard","tasks"],Ee=["dashboard","design-tasks","personalized","documentations"],ye=[...Ee,"media"];function Ce(e,t,a,l){let n=e||[];"design-leader"===a&&((n||[]).includes("products")?n.filter(e=>"re-mockups"===e):n.push("re-mockups"));const r=(n instanceof Array&&(null===n||void 0===n?void 0:n.length)>0?[...t,...n]:t).map(e=>`${a}_${e}`);return l.filter(e=>{const{key:t}=e||{};return r.includes(t)})}function ke(e,t){return e.some(e=>t&&!!t.match(new RegExp(e,"gi")))}var Oe=e=>{var t,a,i;const o=Object(n.useContext)(d.a),{currentUser:s,showPaymentAccount:c}=o,{roles:u,teamUser:m,firstName:f,lastName:v,extraMenus:E,isRootUser:y}=s||{},C=m?m.role:null,k=[f,v].filter(Boolean).join(" "),{isSeller:O,isAdministrator:j,isStoreManager:w,isMarketplaceManager:S,isSupporter:I,isDesignLeader:B,isOnline:D}=Object(A.j)(s),P=w||S,x=null===m||void 0===m||null===(t=m.team)||void 0===t?void 0:t.id,M=[h.Q,"IyqWIGOsAe","HsHQ"].includes(x),T="3W03Bps4az"===x,Q="1TcRkbaHzB"===x,{canCreate:R}=Object(b.a)(s),F=null===m||void 0===m||null===(a=m.team)||void 0===a?void 0:a.isRoot,N=null===m||void 0===m||null===(i=m.team)||void 0===i?void 0:i.enablePrivateData,U=r.a.useMemo(()=>Object(A.Y)(s),[s]),{data:L}=Object(p.d)(g.b,{skip:!O}),V=null===L||void 0===L?void 0:L.getConnectedApp,z=Object(n.useMemo)(()=>he.test(k),[k]),q=t=>{let{theMenu:a,isDesigner:n=!1,isDesignLead:i=!1}=t,{pathname:o}=e.location;const u=null===s||void 0===s?void 0:s.id;D&&(a=a.map(e=>{if(ke(["re-mockups","personalized"],null===e||void 0===e?void 0:e.key))return null;if(ke(["design-tasks"],null===e||void 0===e?void 0:e.key)){const{subNavigationItems:t}=e;(null===t||void 0===t?void 0:t.length)>0&&(e.subNavigationItems=t.map(e=>{var t;return(null===e||void 0===e||null===(t=e.url)||void 0===t?void 0:t.includes("design-tasks/ideas"))?null:e}).filter(Boolean))}return e}).filter(Boolean)),n&&(h.r.includes(u)||(a=a.map(e=>{const{subNavigationItems:t}=e||{},a=(t||[]).filter(e=>{var t;return"designer_re-mockups"!==(null===e||void 0===e||null===(t=e.key)||void 0===t?void 0:t.toLowerCase())});return{...e,subNavigationItems:a}})),z&&(a=a.map(e=>{const{subNavigationItems:t}=e,a=(t||[]).filter(e=>{var t;return"idea-tasks"!==(null===e||void 0===e||null===(t=e.key)||void 0===t?void 0:t.toLowerCase())});return{...e,subNavigationItems:a}}))),!i||h.s.accIds.includes(u)||R||(a=a.filter(e=>{var t;return"design-leader_team-members"!==(null===e||void 0===e||null===(t=e.key)||void 0===t?void 0:t.toLowerCase())}));let d=a;return P||(d=a.filter(e=>!(!(null===V||void 0===V?void 0:V.length)&&"personalized"===e.key)).map(e=>({...e,selected:e.url===o}))),u===h.e&&(d=d.filter(e=>be.includes(e.key))),j||(d=d.map(e=>{const{subNavigationItems:t}=e||{};if(!t||0===t.length)return e;const a=t.map(e=>{if(e.private){const t=function(e){if(!e)return"";const t=e.split(/\//);return t[t.length-1]}(e.url);return(U||[]).includes(t)?e:null}return e}).filter(Boolean);return 0===a.length?null:{...e,subNavigationItems:a}}).filter(Boolean)),M&&(d=d.filter(e=>{let{key:t}=e;return"seller-product-bases"!==t}),d=d.map(e=>{if("Members"!==e.label)return e;const{subNavigationItems:t}=e;return(null===t||void 0===t?void 0:t.length)>0&&(e.subNavigationItems=t.map(e=>{var t;if(!R&&(null===e||void 0===e||null===(t=e.url)||void 0===t?void 0:t.includes("add-team-member")))return null;return e}).filter(Boolean)),e})),B&&(d=d.map(e=>{if("design-leader_orders"!==e.key)return e;const{subNavigationItems:t}=e;return(null===t||void 0===t?void 0:t.length)>0?(e.subNavigationItems=t.map(e=>(null===e||void 0===e?void 0:e._extra)?(E||[]).map(e=>"design-leader-"+e).includes(null===e||void 0===e?void 0:e.key)?e:null:e).filter(
27849Boolean),e):void 0})),(w||S)&&(d=d.map(e=>{if(!["store-manager_design-tasks","marketplace-manager_design-tasks"].includes(e.key))return e;const{subNavigationItems:t}=e;return(null===t||void 0===t?void 0:t.length)>0?(e.subNavigationItems=t.map(e=>(null===e||void 0===e?void 0:e._extra)?(E||[]).some(t=>((null===e||void 0===e?void 0:e.key)||"").includes(t))?e:null:e).filter(Boolean),e):void 0})),(B||n)&&(d=d.map(e=>{if(!["designer_design-tasks","design-leader_design-tasks"].includes(e.key))return e;const{subNavigationItems:t}=e;if((null===t||void 0===t?void 0:t.length)>0){let a=n?"/designer":void 0;const{tasksMenu:l,pathMatch:r}=Object(A.Ab)(E,a);let i="";return 0===r.length||(e.subNavigationItems=t.map(e=>(null===e||void 0===e?void 0:e._extra)?r.includes(e.url)?(i||(i=e.url),e):null:e).filter(Boolean),e.url=i||e.url),e}return e}),d=d.map(e=>{if("design-leader_team-members"!==e.key)return e;const{subNavigationItems:t}=e;return(null===t||void 0===t?void 0:t.length)>0&&(e.subNavigationItems=t.map(e=>{var t;if(D&&(null===e||void 0===e||null===(t=e.url)||void 0===t?void 0:t.includes("online-design-teams")))return null;return e}).filter(Boolean)),e})),I&&(d=d.map(e=>{if("seller-supporter-products"!==e.key)return e;const{subNavigationItems:t}=e;return(null===t||void 0===t?void 0:t.length)>0&&(e.subNavigationItems=t.map(e=>(null===e||void 0===e?void 0:e._extra)?(E||[]).map(e=>"seller-supporter-"+e).includes(null===e||void 0===e?void 0:e.key)?e:null:e).filter(Boolean)),e})),c||(d=d.map(e=>{const{subNavigationItems:t}=e;return(null===t||void 0===t?void 0:t.length)>0&&(e.subNavigationItems=t.filter(e=>!/payment-accounts/gi.test(e.url))),e})),"hwai24Ofwg"!==u&&(d=d.map(e=>{const{subNavigationItems:t}=e||{},a=(t||[]).filter(e=>"/seller/order-stats"!==(null===e||void 0===e?void 0:e.url));return{...e,subNavigationItems:a}})),M||T||Q||(d=d.map(e=>{const{subNavigationItems:t}=e||{},a=["/tiktok-hub/product-templates","/tiktok-hub/push-products","/tiktok-hub/product-crawl-items","/tiktok-hub/image-templates"],l=(t||[]).filter(e=>(null===e||void 0===e?void 0:e.url)&&!a.some(t=>null===e||void 0===e?void 0:e.url.includes(t)));return{...e,subNavigationItems:l}})),y&&N||(d=d.map(e=>{if("team-members"!==e.key)return e;const{subNavigationItems:t}=e||{},a=(t||[]).filter(e=>"/seller/internal-design-teams"!==(null===e||void 0===e?void 0:e.url));return{...e,subNavigationItems:a}})),(!F||F&&!y&&"hwai24Ofwg"!==u)&&(d=d.map(e=>"warning-addresses"==e.key?null:e).filter(Boolean)),F||(d=d.map(e=>"amazon-ideas"==e.key?null:e).filter(Boolean),d=d.map(e=>{if("team-members"===e.key){const{subNavigationItems:t}=e;return{...e,subNavigationItems:(t||[]).map(e=>(null===e||void 0===e?void 0:e.url.includes("channel-teams"))?null:e).filter(Boolean)}}if("Tasks"===e.label){const{subNavigationItems:t}=e,a=((null===e||void 0===e?void 0:e.url)||"").split("/");let l=e.url;return a.includes("artist-tasks")&&(l=[...a.slice(0,a.length-1),"design-tasks"].join("/")),{...e,url:l,subNavigationItems:(t||[]).map(e=>(null===e||void 0===e?void 0:e.url.includes("artist-tasks"))||(null===e||void 0===e?void 0:e.url.includes("design-tasks/ideas"))?null:e).filter(Boolean)}}return e}).filter(Boolean)),r.a.createElement(l.F,{location:o},r.a.createElement(l.F.Section,{items:d}))},H=Ce(E,fe,"idea-leader",ne),$=Ce(E,ve,"idea",le),_=Ce(E,Ee,"designer",ee),G=Ce(E,[h.s.accLy,h.s.accDung].includes(s.id)?[...ye,"orders","team-members"]:ye,"design-leader",te),Oe=u&&u.map(e=>{const t={Administrator:q({theMenu:K}),[h.pb.Supporter]:q({theMenu:Y}),Seller:{[h.pb.StoreManager]:o.store?q({theMenu:W}):null,[h.gb.Supporter]:q({theMenu:Z}),[h.pb.Admin]:q({theMenu:J}),[h.gb.Designer]:q({theMenu:_,isDesigner:!0}),[h.gb.DesignLeader]:q({theMenu:G,isDesignLead:!0}),[h.gb.MarketplaceManager]:q({theMenu:ae}),[h.gb.Idea]:q({theMenu:$}),[h.gb.IdeaLeader]:q({theMenu:H}),[h.gb.Supplier]:q({theMenu:re}),[h.gb.Accountant]:q({theMenu:ie}),[h.gb.Artist]:q({theMenu:se}),[h.gb.ArtistLeader]:q({theMenu:oe}),[h.gb.Fulfillment]:q({theMenu:ce}),...M?{[h.gb.ChannelLeader]:q({theMenu:ue}),[h.gb.ChannelSeller]:q({theMenu:de}),[h.gb.ChannelIdea]:q({theMenu:me}),[h.gb.ChannelSupportLeader]:q({theMenu:pe}),[h.gb.ChannelSupporter]:q({theMenu:ge}),[h.gb.PlatformManager]:q({theMenu:Ae})}:{}},Supplier:q({theMenu:X})};return r.a.createElement("div",{key:""+e},C?t[e][C]:t[e])});return C!==h.pb.StoreManager||o.store?Oe:null},je=a(35),we=a(5),Se=a.n(we),Ie=a(1385),Be=a(1577),De=a(1578),Pe=a(1579),xe=a(1580),Me=a(128),Te=a(16),Qe=a(12),Re=a(555),Fe=a(365),Ne=a.n(Fe);function Ue(e){let{url:t,code:a,onChange:r}=e;const[i,o]=n.useState("");return n.useEffect(()=>{t&&Ne.a.toDataURL(t).then(o)},[t]),n.createElement(n.Fragment,null,i?n.createElement("div",null,n.createElement(l.z,{children:"Scan QR Code"}),n.createElement("img",{alt:"Two-Factor Authentication",src:i})):null,n.createElement(l.cb,{value:a,onChange:r,label:"Verify Code",placeholder:"Code"}))}const Le=je.a` 27850 mutation logout { 27851 logout 27852 } 27853`;function Ve(e){let{open:t,onClose:a}=e;const[r,i]=n.useState(""),[o,s]=n.useState({url:"",secret:""}),[c,m]=n.useState(!1),g=Object(Re.a)(),{toggleToast:b,setNotify:h}=Object(u.b)(),{setStore:f,setCurrentUser:v,logout:E}=Object(d.c)();let y=n.useRef(null);const[C,{data:k,loading:O,error:j}]=Object(p.c)(Te.ad),[w,{client:S}]=Object(p.c)(Le),[I,{loading:B}]=Object(p.c)(Te.Ae,{onCompleted:()=>{h({msg:"Update 2FA Code",err:!1}),y.current&&clearTimeout(y.current),y.current=setTimeout(async()=>{await w(),localStorage&&localStorage.removeItem("store"),localStorage.clear(),f(null),v(null),S.resetStore(),E(),Qe.a.push("/login"),window.location.reload(!1)},2e3)},onError:e=>{h({msg:Object(A.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}});n.useEffect(()=>{(null===k||void 0===k?void 0:k.reGen2faCode)&&s({url:k.reGen2faCode.Url,secret:k.reGen2faCode.Secret})},[k]),n.useEffect(()=>{c&&C()},[C,c]);const D=n.useCallback(()=>{b&&b(!0),h&&h({msg:null,err:!1}
27853),r&&I({variables:{input:{code:r,secret:o.secret,qrCodeUrl:o.url,fingerprint:g}}})},[r,I,b,h,o.secret,g]);return n.useEffect(()=>{function e(e){if(c)return e.preventDefault(),e.returnValue=""}return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}},[c]),n.createElement(l.E,{open:t,onClose:a,title:"Update 2FA",sectioned:!0,secondaryActions:[{content:"Cancel",onAction:a}],primaryAction:{content:"Update",onAction:D,loading:B,disabled:!r}},n.createElement(l.Y,{vertical:!0},n.createElement(l.j,{label:"Are you sure to update 2FA Code?",checked:c,onChange:m}),O?n.createElement(l.X,null):j?n.createElement("div",null,Object(A.ib)(null===j||void 0===j?void 0:j.toString())):o.url?n.createElement(Ue,{code:r,onChange:i,url:o.url}):null))}var ze=a(1515),qe=a(1516);const He=je.a` 27854 mutation changePassword($input: NewPassword!) { 27855 changePassword(input: $input) 27856 } 27857`;var $e=e=>{const[t,a]=Object(n.useState)(!0),[i,o]=Object(n.useState)(""),[s,c]=Object(n.useState)(""),[u,d]=Object(n.useState)(""),[m,g]=Object(n.useState)(!1),[b,h]=Object(n.useState)(!1),[f,v]=Object(n.useState)(!1),[E,y]=Object(n.useState)(null),[C,{error:k,data:O}]=Object(p.c)(He,{onError:()=>{},onCompleted:()=>{const t=setTimeout(()=>{e.handleModalChange&&e.handleModalChange()},2500);y(t)}});Object(n.useEffect)(()=>{e&&e.isActive&&a(e.isActive)},[e]),Object(n.useEffect)(()=>()=>clearTimeout(E),[]);const j=()=>{e&&e.handleModalChange&&e.handleModalChange()},w=Object(n.useCallback)(()=>{h(e=>!e)},[]),S=Object(n.useCallback)(async e=>{""!==i&&""!==s&&s===u&&(await C({variables:{input:{currentPassword:i,password:s}}}),w()),v(e=>!e)},[i,s,u]),I=Object(n.useCallback)((e,t)=>{"currentPassword"===t&&o(e),"newPassword"===t&&c(e),"confirmPassword"===t&&d(e)},[]),B=r.a.createElement("div",{className:"wrap-icon"},r.a.createElement(l.g,{plain:!0,onClick:()=>g(e=>!e)},r.a.createElement(l.w,{source:m?qe.a:ze.a}))),D=[{label:"Current password",value:i,id:"currentPassword",error:f&&""===i&&"Current password is required!"},{label:"New password",value:s,id:"newPassword",error:f&&""===s&&"Please choose a password."},{label:"Confirm password",value:u,id:"confirmPassword",error:f&&s!==u&&"Please confirm your password!"}].map((e,t)=>r.a.createElement(l.cb,{label:e.label,value:e.value,onChange:I,type:m?"text":"password",suffix:B,placeholder:"********",id:e.id,key:t,error:e.error})),P=b?(k||O&&O.changePassword)&&r.a.createElement(l.fb,{content:k?Object(A.ib)(k.toString()):O&&O.changePassword&&"Password has been changed!",error:k,duration:2e3,onDismiss:w}):null;return r.a.createElement(l.E,{open:t,onClose:j,title:"Change Password"},r.a.createElement("div",{className:"change-password"},r.a.createElement(l.s,{onSubmit:S},r.a.createElement(l.t,null,D,r.a.createElement("div",{className:"btn-group"},r.a.createElement(l.g,{submit:!0,primary:!0},"Save"),r.a.createElement(l.g,{onClick:j},"Cancel"),P)))))},_e=a(28),Ge=a(26),Ke=a.n(Ge),Je=a(37),Ye=a(23);function We(e){let{open:t,onClose:a}=e;const{currentUser:n}=Object(d.c)(),[i,o]=r.a.useReducer((e,t)=>({...e,...t}),{userId:null===n||void 0===n?void 0:n.id,paged:1,limit:20}),[s,c]=r.a.useState([]),u=r.a.useRef(null),{data:m,loading:g,error:b}=Object(p.d)(H.Zb,{skip:!t||!i.userId,variables:i});r.a.useEffect(()=>{var e;const t=((null===m||void 0===m||null===(e=m.loginHistory)||void 0===e?void 0:e.nodes)||[]).map(e=>{const{ipAddress:t,loggedAt:a,location:l,deviceInfo:n}=e||{},{city:i,region:o,country:s,postal:c,org:u}=l||{},{device:d}=n||{},m=r.a.createElement("div",{className:"item ip-wrap"},r.a.createElement("span",null,t)),p=r.a.createElement("div",{className:"item org-wrap"},r.a.createElement("span",null,u)),g=[i,o?`${o} ${c?"("+c+")":""}`:"",s].filter(Boolean).join(", ");return[m,p,r.a.createElement("div",{className:"item address-wrap"},r.a.createElement("span",null,g)),r.a.createElement("div",{className:"item device-wrap"},r.a.createElement("span",null,d)),r.a.createElement("div",{className:"item logged-at-wrap"},r.a.createElement("span",null,Object(A.C)(a,"YYYY-MM-DD HH:mm:ss")))]});c(t)},[null===m||void 0===m?void 0:m.loginHistory]),r.a.useLayoutEffect(()=>{if(!u.current)return;const e=u.current.closest(".Polaris-Modal-Dialog__Modal");e&&(e.style.minHeight="calc(100vh - 60px)")});const h=r.a.useMemo(()=>{const e=["IP","Organization","Address","Device","Logged At"];return{headings:e,columnContentTypes:Array.from({length:e.length}).fill("text")}},[]),f=r.a.useCallback((e,t)=>{o({paged:e/t+1,limit:t})},[]);let{limit:v,paged:E}=i;const y=Ke()(m,"loginHistory.total",0),C={page:E,totalPage:Math.ceil(y/v),offset:(E-1)*v,limit:v,onCh
27857ange:f,total:y};return r.a.createElement(l.E,{title:"Activity History",open:t,onClose:a,large:!0,footer:r.a.createElement(Je.PaginationPolaris,{aggregation:C,showTotal:!0})},r.a.createElement(Ze,{ref:u},g?r.a.createElement(Ye.SkeletonPagePolaris,null):b?r.a.createElement("div",null,"Error: ",Object(A.ib)(null===b||void 0===b?void 0:b.toString())):r.a.createElement(l.n,Object.assign({},h,{rows:s,hideScrollIndicator:!0,verticalAlign:"middle"}))))}const Ze=s.b.div` 27858 overflow-x: auto; 27859 .Polaris-DataTable__ScrollContainer { 27860 overflow-x: inherit; 27861 } 27862`,Xe=je.a` 27863 mutation logout { 27864 logout 27865 } 27866`;var et=()=>{const[e,t]=Object(n.useState)(!1),[a,i]=Object(n.useState)(!1),[o,s]=Object(_e.a)(!1),[c,u]=Object(_e.a)(!1),m=Object(n.useContext)(d.a),[g,{client:A}]=Object(p.c)(Xe),{currentUser:b,setStore:h,setCurrentUser:f,logout:v}=m,E=b&&(b.firstName?b.firstName.split(""):b.lastName.split("")),y=Object(n.useCallback)(()=>t(e=>!e),[]),C=Object(n.useCallback)(()=>i(e=>!e),[]),k=Object(n.useCallback)(async()=>{await g(),localStorage&&localStorage.removeItem("store"),localStorage.clear(),h(null),f(null),A.resetStore(),v(),Qe.a.push("/login"),window.location.reload(!1)},[]),O=r.a.useMemo(()=>{const e={content:"Update 2FA Code",icon:Ie.a,onAction:s},{enable2fa:t}=Object(Me.b)()||{},a=[{content:"Profile",icon:Be.a,onAction:()=>Qe.a.push("/edit-profile")},{content:"Change Password",icon:De.a,onAction:C},{content:"Activity History",icon:Pe.a,onAction:u},{content:"Logout",icon:xe.a,onAction:k}];if(t){const t=a.findIndex(e=>{let{content:t}=e;return"Profile"===t});-1!==t&&a.splice(t+1,0,e)}return a},[Qe.a,C,k,s]);return r.a.createElement(r.a.Fragment,null,r.a.createElement(l.hb.UserMenu,{actions:[{items:O}],name:b&&b.firstName||"",detail:b&&b.lastName||"",initials:E&&E[0].toUpperCase()||"",avatar:b&&b.avatar&&b.avatar.url||null,open:e,onToggle:y}),a&&r.a.createElement($e,{isActive:a,handleModalChange:C}),r.a.createElement(Ve,{open:o,onClose:s}),r.a.createElement(We,{open:c,onClose:u}))};const tt=s.b.div` 27867 .Polaris-OptionList__Options { 27868 .Polaris-OptionList-Option__SingleSelectOption > div { 27869 width: 100%; 27870 } 27871 } 27872`;var at=e=>{const[t,a]=Object(n.useState)([]),[i,o]=Object(n.useState)(!1),[s,c]=Object(n.useState)([]),[u,d]=Object(n.useState)(""),[m,p]=Object(n.useState)(""),g=e.deselectedOpt;Object(n.useEffect)(()=>{e.stores&&c(e.stores),e.store&&(e.store.id&&a([e.store.id]),e.store.title&&d(e.store.title))},[e]);const A=Object(n.useCallback)(()=>o(e=>!e),[]),b=Object(n.useCallback)(t=>{if(null==t[0])return;p("");const a=t.map(e=>{const t=s.find(t=>t.value===e);return t&&t.label});e.setStore({id:t[0],title:a}),d(a)},[s]),h=r.a.createElement("div",{className:"secondary-menu",style:{marginRight:10}},r.a.createElement(l.g,{onClick:A,disclosure:!0},u||"Choose store")),f=Object(n.useCallback)(e=>{if(p(e),""===e)return void c(g);const t=new RegExp(e,"i"),a=g.filter(e=>e.label.match(t)),l=(null===a||void 0===a?void 0:a.length)>0?a:[{label:"Could not found store",value:null}];c(l)},[g]),v={label:r.a.createElement(l.cb,{onChange:f,placeholder:"Search store",value:m}),value:null,active:!0};return Object(n.useEffect)(()=>{const e=document.getElementById("list-store"),t=null===e||void 0===e?void 0:e.closest(".Polaris-Popover__Content");null!=t&&t.classList.add("list-store-wrap")}),r.a.createElement(l.K,{active:i,activator:h,onClose:A},r.a.createElement(tt,{id:"list-store"},r.a.createElement(l.G,{onChange:b,options:[v,...s],selected:t})))},lt=a(1581);const nt=je.a` 27873 query getNotificationFacebook($limit: Int, $offset: Int) { 27874 getNotificationFacebook(limit: $limit, offset: $offset) { 27875 total 27876 totalUnRead 27877 nodes 27878 } 27879 } 27880`,rt=je.a` 27881 mutation seenNotification($id: ID!) { 27882 seenNotification(id: $id) 27883 } 27884`,it=je.a` 27885 query notifications($filter: NotificationFilter) { 27886 notifications(filter: $filter) { 27887 total 27888 nodes 27889 } 27890 } 27891`,ot=s.b.div` 27892 .notifications-btn { 27893 position: relative; 27894 padding-right: 1.7rem; 27895 border-right: 1px solid #b8bec5; 27896 margin-right: 0.8rem; 27897 27898 .Polaris-Badge { 27899 padding: 0 0.6rem; 27900 position: absolute; 27901 top: -1rem; 27902 left: 1rem; 27903 } 27904 } 27905`,st=s.b.div` 27906 min-width: 40rem; 27907 27908 .no-item { 27909 padding: 1.6rem; 27910 display: inline-block; 27911 } 27912 27913 .list-content { 27914 flex: 1 1; 27915 } 27916 27917 .spinner-wrap { 27918 display: flex; 27919 justify-content: center; 27920 padding-bottom: 1rem; 27921 } 27922 27923 .Polaris-ActionList__Item { 27924 display: flex; 27925 flex-direction: row; 27926 column-gap: 1rem; 27927 align-items: center; 27928 user-select: text; 27929 27930 .dot { 27931 width: 10px; 27932 height: 10px; 27933 background: rgba(164, 232, 242, 1); 27934 display: inline-block; 27935 border-radius: 50%; 27936 27937 &.seen { 27938 background-color: rgba(223, 227, 232, 1); 27939 } 27940 } 27941 } 27942`;function ct(){var e,t,a,i,o;const{currentUser:s}=Object(n.useContext)(d.a),c=null===s||void 0===s?void 0:s.roles,u=null===s||void 0===s||null===(e=s.teamUser)||void 0===e?void 0:e.role,m=(null===c||void 0===c?void 0:c.includes(h.pb.Seller))&&[h.gb.StoreManager,h.gb.MarketplaceManager].includes(u),[g,b]=Object(_e.a)(!1),[f,v]=Object(n.useState)(!1),[E]=Object(n.useState)({limit:20,offset:0}),y=Object(n.useRef)(null),{isSeller:C}=Object(A.j)(s),{data:k,loading:O,error:j,fetchMore:w,client:S}=Object(p.d)(nt,{variables:{...E},skip:!m||C,fetchPolicy:"cache-and-network"}),{data:I}=Object(p.d)(it,{variables:{filter:{limit:10,offset:0}},skip:!0}),[B,{loading:D}]=Object(p.c)(rt),P=(null===k||void 0===k||null===(t=k.getNotificationFacebook)||void 0===t?void 0:t.total)||0,x=(null===k||void 0===k||null===(a=k.getNotificationFacebook)||void 0===a?void 0:a.totalUnRead)||0,M=(null===k||void 0===k||null===(i=k.getNotificationFacebook)||void 0===i?void 0:i.nodes)||[],T=(null===I||void 0===I||null===(o=I.notifications)||void 0===o?void 0:o.nodes)||[],Q=r.a.createElement("div",{className:"notifications-btn"},r.a.createElement(l.g,{icon:lt.a,plain:!0,loading:O,onClick:b}),x>0&&r.a.createElement(l.e,{children:x,status:"info"})),R=(j&&Object(A.ib)(j.toString()),f&&r.a.createElement("div",{className:"spinner-wrap"},r.a.createElement(l.X,{size:"small"}))),F=Object(n.useCallback)(e=>{const t={...E},a=S.readQuery({query:nt,variables:t});S.writeQuery({query:nt,variables:t,data:{...a,getNotificationFacebook:{...a.getNotificationFacebook,totalUnRead:a.getNotificationFacebook.totalUnRead-1,nodes:a.getNotificationFacebook.nodes.map(t=>
27942t.id===e?{...t,seen:!0}:t)}}})},[S,E]),N=Object(n.useCallback)(e=>{const t=null===e||void 0===e?void 0:e.id;(null===e||void 0===e?void 0:e.seen)||null==t||B({variables:{id:t}}).then(e=>{var a;(null===e||void 0===e||null===(a=e.data)||void 0===a?void 0:a.seenNotification)&&F(t)}).catch(e=>{})},[B,F]),U=Object(n.useCallback)(()=>{M.length<P&&(v(!0),y.current=setTimeout(()=>{w({variables:{...E,offset:M.length},updateQuery:(e,t)=>{let{fetchMoreResult:a}=t;return v(!1),a?{...e,getNotificationFacebook:{...e.getNotificationFacebook,nodes:[...e.getNotificationFacebook.nodes,...a.getNotificationFacebook.nodes]}}:e}})},500))},[M,P,E,w]),L=e=>(e||[]).map((e,t)=>{var a,l;if(!e)return null;const n=null===(a=e.data)||void 0===a?void 0:a.message,i=null===(l=e.data)||void 0===l?void 0:l.error,o=null===e||void 0===e?void 0:e.seen,s=n||i;return s?r.a.createElement("li",{key:"message-"+t},r.a.createElement("button",{type:"button",className:"Polaris-ActionList__Item",disabled:D,onClick:()=>N(e)},r.a.createElement("span",{className:"dot "+(o?"seen":"")}),r.a.createElement("p",{className:"list-content",title:s},s))):null});return r.a.createElement(ot,null,r.a.createElement(l.K,{activator:Q,active:g,onClose:()=>b(!1),preferredAlignment:"center"},r.a.createElement(l.K.Pane,{fixed:!0},r.a.createElement(l.K.Section,null,r.a.createElement("span",{className:"notifications-heading"},"Notifications"))),(null===T||void 0===T?void 0:T.length)>0?r.a.createElement(l.K.Pane,null,r.a.createElement(st,{id:"list-notify"},r.a.createElement("ul",{className:"Polaris-ActionList__Actions"},L(T)),R)):null,(null===M||void 0===M?void 0:M.length)>0&&r.a.createElement(l.K.Pane,{onScrolledToBottom:U},r.a.createElement(st,{id:"list-notify"},r.a.createElement("ul",{className:"Polaris-ActionList__Actions"},L(M))))))}const ut=je.a` 27943 query storeListOfMe { 27944 storeListOfMe { 27945 total 27946 nodes { 27947 id 27948 title 27949 domain 27950 } 27951 } 27952 } 27953`,dt=s.b.div` 27954 display: flex; 27955 align-items: center; 27956`,mt=[h.gb.StoreManager,h.gb.MarketplaceManager,h.gb.ChannelIdea,h.gb.ChannelSeller,h.gb.ChannelSupportLeader];var pt=e=>{const t=Object(n.useContext)(d.a),{toggleMobileNavigationActive:a}=e,{currentUser:i,store:o,setStore:s}=t,[c,m]=Object(n.useState)([]),[g,A]=Object(n.useState)([]),b=Object(n.useCallback)(()=>{a()},[]),f=i&&i.roles,v=i&&i.teamUser?i.teamUser.role:null,E=[...Object.values(h.gb),...Object.values(h.pb),"Administrator"],y=E.map((e,t,a)=>a.indexOf(e)===t&&t).filter(e=>E[e]).map(e=>E[e]).filter(e=>!mt.includes(e)),{data:C}=Object(p.d)(ut,{skip:y.includes(v||Se.a.head(f))});let k;return Object(n.useEffect)(()=>{var e,t;const a=(null===C||void 0===C||null===(e=C.storeListOfMe)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?C.storeListOfMe.nodes.map(e=>({label:e.title,value:e.id})):[];a.unshift({label:"All Stores",value:"all"}),m(a),A(a)},[C]),o&&mt.includes(v)&&(k=!0),r.a.createElement(u.a,null,r.a.createElement(l.hb,{showNavigationToggle:!0,userMenu:r.a.createElement(et,null),onNavigationToggle:b,secondaryMenu:r.a.createElement(dt,null,r.a.createElement(ct,null),k&&r.a.createElement(at,{store:o,setStore:s,stores:c,setStores:m,deselectedOpt:g}))}))};const gt=s.b.div` 27957 .Polaris-Frame__Content:has(.iframe-documentations) { 27958 background-color: #fff; 27959 } 27960`,[At,bt]=Object(d.b)("FrameContext"),ht=r.a.lazy(()=>a.e(170).then(a.bind(null,1752)));t.a=e=>{const[t,a]=Object(n.useState)(!1),s=Object(n.useRef)(null),p=Object(o.h)(),g=Object(n.useContext)(d.a),{currentUser:A}=g,[b,h]=Object(n.useState)(0);let f=!1;m.a.find(e=>e.customLayout&&e.teamRoles&&e.teamRoles.includes(A&&A.teamUser&&A.teamUser.role))&&"/"===p.pathname&&(f=!0);const v=r.a.createElement("a",{id:"SkipToContentTarget",ref:s,tabIndex:-1}),E=Object(n.useCallback)(()=>a(e=>!e),[]),y=r.a.useCallback(e=>{if(!e)return;new MutationObserver(t=>{let a=0;for(let e of t){const t=e.target;if(!t||!t instanceof HTMLElement)continue;const l=t.querySelector(".mb-layout-wrap .collapsible-wrap");if(l){const{height:e}=l.getBoundingClientRect()||{};e>0&&(a=e)}}const l=document.querySelector(".mb-layout-wrap");let n=null===l||void 0===l?void 0:l.querySelector("#screen-options");
27960if(!e.querySelector("#mb-banner"))return;let r=0;if(l&&n){const{height:e}=n.getBoundingClientRect()||{};n.style.position="fixed",n.style.top="5.6rem",n.style.width="calc(100% - 24rem)",e>0&&(r=e)}a>0&&(r=36+a),h(r)}).observe(e,{childList:!0,subtree:!0})},[]);return r.a.createElement(At,{bannerPadding:b},r.a.createElement(i.Helmet,null,r.a.createElement("title",null,"Merch Bridge")),r.a.createElement(gt,{className:"bm-frame"},r.a.createElement(l.u,{topBar:A&&r.a.createElement(pt,Object.assign({},e,{toggleMobileNavigationActive:E})),navigation:!f&&A&&r.a.createElement(Oe,Object.assign({},e,{location:p})),showMobileNavigation:t,onNavigationDismiss:E,skipToContentTarget:s.current},v,r.a.createElement("div",{className:A&&"p-4 sm:p-6",id:"mb-frame-wrap",ref:y},r.a.createElement(c.a,{fallback:null},r.a.createElement(ht,null)),r.a.createElement(u.a,null,e.children)))))}},function(e,t,a){"use strict";a.d(t,"c",(function(){return le})),a.d(t,"a",(function(){return re})),a.d(t,"b",(function(){return se}));var l=a(1),n=a(1516),r=a(1515),i=a(5),o=a.n(i),s=a(0),c=a.n(s),u=a(9),d=a(22),m=a(11),p=a(2),g=a(28),A=a(98),b=a(44),h=a(19),f=a(35),v=a(7);const E=f.a` 27961 mutation createFulfillmentConfigure($input: NewFulfillmentConfig!) { 27962 createFulfillmentConfigure(input: $input) { 27963 id 27964 fulfillmentId 27965 apiKey 27966 apiSecret 27967 } 27968 } 27969`,y=f.a` 27970 mutation deleteFulfillmentConfigure($slug: String!) { 27971 deleteFulfillmentConfigure(slug: $slug) 27972 } 27973`,C=c.a.lazy(()=>a.e(18).then(a.bind(null,1673)));function k(e){let{open:t,onClose:a,item:n}=e;return c.a.createElement(l.E,{title:"Choose Default Shop",sectioned:!0,open:t,onClose:a},t?c.a.createElement(c.a.Suspense,{fallback:c.a.createElement(l.X,{size:"small"})},c.a.createElement(C,{item:n,onClose:a})):null)}const O=f.a` 27974 mutation createFulfillmentConfigure($input: NewFulfillmentConfig!) { 27975 createFulfillmentConfigure(input: $input) { 27976 id 27977 fulfillmentId 27978 apiKey 27979 apiSecret 27980 } 27981 } 27982`,j=f.a` 27983 mutation deleteFulfillmentConfigure($slug: String!) { 27984 deleteFulfillmentConfigure(slug: $slug) 27985 } 27986`,w=u.b.div` 27987 > div + div { 27988 margin-top: 1.6rem; 27989 } 27990`,S=f.a` 27991 mutation createFulfillmentConfigure($input: NewFulfillmentConfig!) { 27992 createFulfillmentConfigure(input: $input) { 27993 id 27994 fulfillmentId 27995 apiKey 27996 apiSecret 27997 } 27998 } 27999`,I=f.a` 28000 mutation deleteFulfillmentConfigure($slug: String!) { 28001 deleteFulfillmentConfigure(slug: $slug) 28002 } 28003`,B=u.b.div` 28004 > div + div { 28005 margin-top: 1.6rem; 28006 } 28007`,D=f.a` 28008 mutation createFulfillmentConfigure($input: NewFulfillmentConfig!) { 28009 createFulfillmentConfigure(input: $input) { 28010 id 28011 fulfillmentId 28012 apiKey 28013 apiSecret 28014 } 28015 } 28016`,P=f.a` 28017 mutation deleteFulfillmentConfigure($slug: String!) { 28018 deleteFulfillmentConfigure(slug: $slug) 28019 } 28020`,x=u.b.div` 28021 > div + div { 28022 margin-top: 1.6rem; 28023 } 28024`;var M=a(16),T=a(17),Q=a(21),R=a(26),F=a.n(R);const N={action:null,apiKey:"",getStore:!1,stores:[],selectedStore:[],disabledBtn:!0,loading:!1,isPrintifyAutoInProduction:!0,isAutoProduction:!1};const U=f.a` 28025 mutation createFulfillmentConfigure($input: NewFulfillmentConfig!) { 28026 createFulfillmentConfigure(input: $input) { 28027 id 28028 fulfillmentId 28029 apiKey 28030 } 28031 } 28032`,L=f.a` 28033 mutation deleteFulfillmentConfigure($slug: String!) { 28034 deleteFulfillmentConfigure(slug: $slug) 28035 } 28036`,V=f.a` 28037 mutation createFulfillmentConfigure($input: NewFulfillmentConfig!) { 28038 createFulfillmentConfigure(input: $input) { 28039 id 28040 fulfillmentId 28041 apiKey 28042 apiSecret 28043 } 28044 } 28045`,z=f.a` 28046 mutation deleteFulfillmentConfigure($slug: String!) { 28047 deleteFulfillmentConfigure(slug: $slug) 28048 } 28049`,q=u.b.div` 28050 > div + div { 28051 margin-top: 1.6rem; 28052 } 28053`,H=e=>{let{refetch:t,installed:a}=e;const[n,r]=Object(s.useState)(!1),[i,o]=Object(s.useState)(null),[u,d]=Object(s.useState)(null),[m,g]=Object(s.useState)(null),[A]=Object(s.useState)(null),[b,h]=Object(s.useState)(null),[f,E]=Object(s.useState)(!1),[y,C]=Object(s.useState)({apiKey:null,apiSecret:null}),[k,{data:O,loading:j,error:w}]=Object(v.c)(V,{onError:()=>{},onCompleted:()=>{M(),t&&t();const e=setTimeout(()=>{x()},2500);h(e)}}),[S,{data:I,loading:B,erorr:D}]=Object(v.c)(z,{onError:()=>{},onCompleted:()=>{M(),t&&t();const e=setTimeout(()=>{x()},2500);h(e)}});Object(s.useEffect)(()=>{d(a)},[a]),Object(s.useEffect)(()=>()=>clearTimeout(b),[]);const P=Object(s.useCallback)(()=>{E(e=>!e)},[]),x=Object(s.useCallback)(e=>{r(e=>!e),o(e)},[]),M=Object(s.useCallback)(()=>d(e=>!e),[]),T=Object(s.useCallback)(e=>{let t=null;e||(t="API key is required."),C(e=>({...e,apiKey:t}))},[]),Q=Object(s.useCallback)(e=>{g(e),T(e)},[]),R=Object(s.useCallback)(()=>{T(m);let e=y,t=Object.values(e).every(e=>null===e);m&&t&&(k({variables:{input:{apiKey:m,fulfillmentId:"scalablepress"}}}),P())},[y,m,A]),F=Object(s.useCallback)(()=>{S({variables:{slug:"scalablepress"}}),P()},[]);let N=O&&O.createFulfillmentConfigure,U=I&&I.deleteFulfillmentConfigure;const L=f?(w||N||U||D)&&c.a.createElement(l.fb,{content:w?Object(p.ib)(w.toString()):D?Object(p.ib)(D.toString()):N?"Create fulfillment success.":U?"Uninstall fulfillment success.":void 0,error:w||D,duration:2e3,onDismiss:P}):null;return c.a.createElement(c.a.Fragment,null,L,u?c.a.createElement(l.g,{primary:!0,children:"Uninstall",onClick:()=>x("uninstall")}):c.a.createElement(l.g,{primary:!0,children:"Install",onClick:()=>x("install")}),c.a.createElement(l.E,{title:"Install scalablepress",open:n&&"install"===i,onClose:x,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:x}],primaryAction:{content:"Install",onAction:R,loading:j}},c.a.createElement(q,null,c.a.createElement(l.cb,{label:"API key(*)",value:m,onChange:Q,placeholder:"API key",error:y.apiKey}))),c.a.createElement(l.E,{title:"Uninstall scalablepress",open:n&&"uninstall"===i,onClose:x,sectioned:!0,secondaryActions:[{content:"No",onAction:x}],primaryAction:{content:"Yes",onAction:F,loading:B}},c.a.createElement(l.bb,null,"Are you sure uninstall scalablepress fulfillment?")))},$=f.a` 28054 mutation createFulfillmentConfigure($input: NewFulfillmentConfig!) { 28055 createFulfillmentConfigure(input: $input) { 28056 id 28057 fulfillmentId 28058 apiKey 28059 apiSecret 28060 } 28061 } 28062`,_=f.a` 28063 mutation deleteFulfillmentConfigure($slug: String!) { 28064 deleteFulfillmentConfigure(slug: $slug) 28065 } 28066`,G=e=>{let{refetch:t,installed:a,value:n}=e;const r=F()(n,"id"),i=F()(n,"settings.teezily_auto_production")||!1,[o,u]=Object(s.useState)(!1),[d,m]=Object(s.useState)(null),[g,A]=Object(s.useState)(null),[b,f]=Object(s.useState)(null),[E,y]=Object(s.useState)(null),[C,k]=Object(s.useState)(null),[O,j]=Object(s.useState)(!1),[w,S]=Object(s.useState)(i),{toggleToast:I,setNotify:B}=Object(h.b)();c.a.useEffect(()=>{S(e=>null!=i&&e!==i?i:e)},[i]);const[D,{data:P,loading:x,error:T}]=Object(v.c)($,{onError:()=>{},onCompleted:()=>{G(),t&&t();const e=setTimeout(()=>{H()},2500);k(e)}}),[Q,{data:R,loading:N,error:U}]=Object(v.c)(_,{onError:()=>{},onCompleted:()=>{G(),t&&t();const e=setTimeout(()=>{H()},2500);k(e)}}),L=c.a.useRef(null),[V,{loading:z}]=Object(v.c)(M.re,{onError:e=>{B({msg:Object(p.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})},onCompleted:()=>{B({msg:"Update auto production success.",err:!1}),t&&(L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{t()},1500))}});Object(s.useEffect)(()=>{y(a)},[a]),Object(s.useEffect)(()=>()=>clearTimeout(C),[]);const q=Object(s.useCallback)(()=>{j(e=>!e)},[]),H=Object(s.useCallback)(e=>{u(e=>!e),m(e)},[]),G=Object(s.useCallback)(()=>y(e=>!e),[]),K=Object(s.useCallback)(e=>{f(e?null:"API Key is required.")},[]),J=Object(s.useCallback)(e=>{A(e),K(e)},[]),Y=Object(s.useCallback)(()=>{K(g),g&&!b&&(D({variables:{input:{apiKey:g,fulfillmentId:"teezily",teezilyAutoProduction:w}}}),q())},[b,g,w]),W=Object(s.useCallback)(()=>{Q({variables:{slug:"teezily"}}),q()},[]);let Z=P&&P.createFulfillmentConfigure,X=R&&R.deleteFulfillmentConfigure;const ee=O?(T||Z||X||U)&&c.a.createElement(l.fb,{content:T?Object(p.ib)(T.toString()):U?Object(p.ib)(U.toString()):Z?"Create fulfillment success.":X?"Uninstall fulfillment success.":void 0,error:T||U,duration:2e3,onDismiss:q}):null,te=c.a.useCallback(e=>{S(e)},[]),ae=c.a.useCallback(()=>{r&&(I(),B({msg:null,err:!1}),V({variables:{appIntegrationID:r,isAutoProduction:w}}))},[V,I,B,r,w]);return c.a.createElement(c.a.Fragment,null,ee,E?c.a.createElement("div",{style:{marginBottom:10}},c.a.createElement(l.Y,null,c.a.createElement(l.j,{label:"Auto send orders to In Production",onChange:te,checked:w}),c.a.createElement(l.g,{size:"slim",onClick:ae,children:"Save change",loading:z}))):null,E?c.a.createElement(l.g,{primary:!0,onClick:()=>H("uninstall"),children:"Uninstall"}):c.a.createElement(l.g,{primary:!0,onClick:()=>H("install")},"Install"),c.a.createElement(l.E,{title:"Install Teezily",open:o&&"install"===d,onClose:H,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:H}],primaryAction:{content:"Install",onAction:Y,loading:x}},c.a.createElement(l.Y,{vertical:!0},c.a.createElement(l.cb,{label:"API Key(*)",value:g,onChange:J,placeholder:"Enter your API Key",error:b}),c.a.createElement("div",null,c.a.createElement(l.j,{label:"Auto send orders to In Production",checked:w,onChange:te})))),c.a.createElement(l.E,{title:"Uninstall customcat",open:o&&"uninstall"===d,onClose:H,sectioned:!0,secondaryActions:[{content:"No",onAction:H}],primaryAction:{content:"Yes",onAction:W,loading:N}},c.a.createElement(l.bb,null,"Are you sure uninstall this config fulfillment?")))};var K=a(749);const J=c.a.lazy(()=>a.e(62).then(a.bind(null,1791))),Y=c.a.lazy(()=>a.e(66).then(a.bind(null,1792))),W=c.a.lazy(()=>a.e(64).then(a.bind(null,1793))),Z=c.a.lazy(()=>a.e(63).then(a.bind(null,1794))),X=c.a.lazy(()=>a.e(69).then(a.bind(null,1795))),ee=c.a.lazy(()=>a.e(68).then(a.bind(null,1796))),te=c.a.lazy(()=>a.e(70).then(a.bind(null,1797))),ae=c.a.lazy(()=>a.e(67).then(a.bind(null,1798))),le=u.b.div` 28067 display: flex; 28068 align-items: center; 28069 margin-bottom: 1rem; 28070 28071 > a { 28072 margin: 0 0.5rem; 28073 } 28074 28075 strong { 28076 margin-right: 0.5rem; 28077 } 28078 28079 .input-wrap { 28080 min-width: 30rem; 28081 margin-left: 1rem; 28082 } 28083`,ne=u.b.div` 28084 > a { 28085 margin: 0 0.5rem; 28086 } 28087 28088 strong { 28089 margin-right: 0.5rem; 28090 } 28091 28092 .input-wrap { 28093 min-width: 30rem; 28094 } 28095 28096 ul { 28097 padding: 0; 28098 list-style-type: none; 28099 display: flex; 28100 flex-direction: row; 28101 column-gap: 2rem; 28102 margin: 1rem 0; 28103 28104 li { 28105 display: flex; 28106 align-items: center; 28107 column-gap: 1rem; 28108 } 28109 } 28110`,re=e=>{let{data:t,error:a,refetch:l}=e;const{currentUser:n}=Object(m.c)(),r=Object(p.db)(n),o=function(e){return(Object(i.get)(e,"apps")||[]).filter(e=>"trello"!==ce(e))}(t);return a?c.a.createElement("div",null,"Error: ",Object(p.ib)(a.toString())):c.a.createElement(h.a,null,o&&o.length>0?o.map((e,t)=>c.a.createElement(oe,{key:"app-"+t,app:e,teamId:r,refetch:l})):null)};const ie={[d.g.Customcat]:e=>{let{refetch:t,installed:a}=e;const[n,r]=Object(s.useState)(!1),[i,o]=Object(s.useState)(null),[u,d]=Object(s.useState)(null),[m,g]=Object(s.useState)(null),[A,b]=Object(s.useState)(null),[h,f]=Object(s.useState)(null),[C,k]=Object(s.useState)(!1),[O,{data:j,loading:w,error:S}]=Object(v.c)(E,{onError:()=>{},onCompleted:()=>{T(),t&&t();const e=setTimeout(()=>{M()},2500);f(e)}}),[I,{data:B,loading:D,error:P}]=Object(v.c)(y,{onError:()=>{},onCompleted:()=>{T(),t&&t();const e=setTimeout(()=>{M()},2500);f(e)}});Object(s.useEffect)(()=>{b(a)},[a]),Object(s.useEffect)(()=>()=>clearTimeout(h),[]);const x=Object(s.useCallback)(()=>{k(e=>!e)},[]),M=Object(s.useCallback)(e=>{r(e=>!e),o(e)},[]),T=Object(s.useCallback)(()=>b(e=>!e),[]),Q=Object(s.useCallback)(e=>{g(e?null:"API Key is required.")},[]),R=Object(s.useCallback)(e=>{d(e),Q(e)},[]),F=Object(s.useCallback)(()=>{Q(u),u&&!m&&(O({variables:{input:{apiKey:u,fulfillmentId:"customcat"}}}),x())},[m,u]),N=Object(s.useCallback)(()=>{I({variables:{slug:"customcat"}}),x()},[]);let U=j&&j.createFulfillmentConfigure,L=B&&B.deleteFulfillmentConfigure;const V=C?(S||U||L||P)&&c.a.createElement(l.fb,{content:S?Object(p.ib)(S.toString()):P?Object(p.ib)(P.toString()):U?"Create fulfillment success.":L?"Uninstall fulfillment success.":void 0,error:S||P,duration:2e3,onDismiss:x}):null;return c.a.createElement(c.a.Fragment,null,V,A?c.a.createElement(l.g,{primary:!0,onClick:()=>M("uninstall"),children:"Uninstall"}):c.a.createElement(l.g,{primary:!0,onClick:()=>M("install")},"Install"),c.a.createElement(l.E,{title:"Install customcat",open:n&&"install"===i,onClose:M,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:M}],primaryAction:{content:"Install",onAction:F,loading:w}},c.a.createElement(l.cb,{label:"API Key(*)",value:u,onChange:R,placeholder:"Enter your API Key",error:m})),c.a.createElement(l.E,{title:"Uninstall customcat",open:n&&"uninstall"===i,onClose:M,sectioned:!0,secondaryActions:[{content:"No",onAction:M}],primaryAction:{content:"Yes",onAction:N,loading:D}},c.a.createElement(l.bb,null,"Are you sure uninstall this config fulfillment?")))},[d.g.Gearment]:e=>{let{refetch:t,installed:a}=e;const[n,r]=Object(s.useState)(!1),[i,o]=Object(s.useState)(null),[u,d]=Object(s.useState)(null),[m,g]=Object(s.useState)(null),[A,b]=Object(s.useState)(null),[h,f]=Object(s.useState)(null),[E,y]=Object(s.useState)(!1),[C,k]=Object(s.useReducer)(p.Hb,{apiVersion:["v3"]}),[O,j]=Object(s.useState)({apiKey:null,apiSecret:null}),[w,{data:D,loading:P,error:x}]=Object(v.c)(S,{onError:()=>{},onCompleted:()=>{U(),t&&t();const e=setTimeout(()=>{N()},2500);f(e)}}),[M,{data:T,loading:Q,erorr:R}]=Object(v.c)(I,{onError:()=>{},onCompleted:()=>{U(),t&&t();const e=setTimeout(()=>{N()},2500);f(e)}});Object(s.useEffect)(()=>{d(a)},[a]),Object(s.useEffect)(()=>()=>clearTimeout(h),[]);const F=Object(s.useCallback)(()=>{y(e=>!e)},[]),N=Object(s.useCallback)(e=>{r(e=>!e),o(e)},[]),U=Object(s.useCallback)(()=>d(e=>!e),[]),L=Object(s.useCallback)(e=>{let t=null;e||(t="API Key is required."),j(e=>({...e,apiKey:t}))},[]),V=Object(s.useCallback)(e=>{let t=null;e||(t="API signature is required."),j(e=>({...e,apiSecret:t}))},[]),z=Object(s.useCallback)(e=>{g(e),L(e)},[]),q=Object(s.useCallback)(e=>{b(e),V(e)},[V]),H=Object(s.useCallback)(()=>{L(m),V(A);let e=O,t=Object.values(e).every(e=>null===e);var a;m&&A&&t&&(w({variables:{input:{apiKey:m,apiSecret:A,fulfillmentId:"gearment",apiVersion:(null===(a=C.apiVersion)||void 0===a?void 0:a.length)>0?C.apiVersion[0]:void 0}}}),F())},[O,m,A,C.apiVersion]),$=Object(s.useCallback)(()=>{M({variables:{slug:"gearment"}}),F()},[]),_=Object(s.useCallback)((e,t)=>{k({[t]:e})},[]);let G=D&&D.createFulfillmentConfigure,K=T&&T.deleteFulfillmentConfigure;const J=E?(x||G||K||R)&&c.a.createElement(l.fb,{content:x?Object(p.ib)(x.toString()):R?Object(p.ib)(R.toString()):G?"Create fulfillment success.":K?"Uninstall fulfillment success.":void 0,error:x||R,duration:2e3,onDismiss:F}):null;return c.a.createElement(c.a.Fragment,null,J,u?c.a.createElement(l.g,{primary:!0,children:"Uninstall",onClick:()=>N("uninstall")}):c.a.createElement(l.g,{primary:!0,children:"Install",onClick:()=>N("install")}),c.a.createElement(l.E,{title:"Install gearment",open:n&&"install"===i,onClose:N,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:N}],primaryAction:{content:"Install",onAction:H,loading:P}},c.a.createElement(B,null,c.a.createElement("div",null,c.a.createElement(l.k,{name:"apiVersion",selected:C.apiVersion,choices:[{value:"",label:"Default"},{value:"v3",label:"Version 3"}],title:"API Version",onChange:_})),c.a.createElement(l.cb,{label:"API Key(*)",value:m,onChange:z,placeholder:"Enter your API Key",error:O.apiKey}),c.a.createElement(l.cb,{label:"API Signature(*)",value:A,onChange:q,placeholder:"Enter your API signature",error:O.apiSecret}))),c.a.createElement(l.E,{title:"Uninstall customcat",open:n&&"uninstall"===i,onClose:N,sectioned:!0,secondaryActions:[{content:"No",onAction:N}],primaryAction:{content:"Yes",onAction:$,loading:Q}},c.a.createElement(l.bb,null,"Are you sure uninstall gearment fulfillment?")))},[d.g.Dreamship]:e=>{let{refetch:t,installed:a,app:n}=e;const[r,i]=Object(s.useState)(!1),[o,u]=Object(s.useState)(null),[d,m]=Object(s.useState)(null),[A,b]=Object(s.us
28110eState)(null),[h,f]=Object(s.useState)(null),[E,y]=Object(s.useState)(!1),[C,S]=Object(g.a)(!1),[I,B]=Object(s.useState)({apiKey:null,apiSecret:null}),[D,{data:P,loading:x,error:M}]=Object(v.c)(O,{onError:()=>{},onCompleted:()=>{L(),t&&t();const e=setTimeout(()=>{U()},2500);f(e)}}),[T,{data:Q,loading:R,erorr:F}]=Object(v.c)(j,{onError:()=>{},onCompleted:()=>{L(),t&&t();const e=setTimeout(()=>{U()},2500);f(e)}});Object(s.useEffect)(()=>{m(a)},[a]),Object(s.useEffect)(()=>()=>clearTimeout(h),[]);const N=Object(s.useCallback)(()=>{y(e=>!e)},[]),U=Object(s.useCallback)(e=>{i(e=>!e),u(e)},[]),L=Object(s.useCallback)(()=>m(e=>!e),[]),V=Object(s.useCallback)(e=>{let t=null;e||(t="API Key is required."),B(e=>({...e,apiKey:t}))},[]),z=Object(s.useCallback)(e=>{b(e),V(e)},[]),q=Object(s.useCallback)(()=>{V(A);let e=I,t=Object.values(e).every(e=>null===e);A&&t&&(D({variables:{input:{apiKey:A,fulfillmentId:"dreamship"}}}),N())},[I,A]),H=Object(s.useCallback)(()=>{T({variables:{slug:"dreamship"}}),N()},[]);let $=P&&P.createFulfillmentConfigure,_=Q&&Q.deleteFulfillmentConfigure;const G=E?(M||$||_||F)&&c.a.createElement(l.fb,{content:M?Object(p.ib)(M.toString()):F?Object(p.ib)(F.toString()):$?"Create fulfillment success.":_?"Uninstall fulfillment success.":void 0,error:M||F,duration:2e3,onDismiss:N}):null;return c.a.createElement(c.a.Fragment,null,G,d?c.a.createElement(l.h,null,c.a.createElement(l.g,{children:"Choose default shop",onClick:S}),c.a.createElement(l.g,{children:"Uninstall",onClick:()=>U("uninstall")})):c.a.createElement(l.g,{primary:!0,children:"Install",onClick:()=>U("install")}),c.a.createElement(l.E,{title:"Install dreamship",open:r&&"install"===o,onClose:U,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:U}],primaryAction:{content:"Install",onAction:q,loading:x}},c.a.createElement(w,null,c.a.createElement(l.cb,{label:"API Key(*)",value:A,onChange:z,placeholder:"Enter your API Key",error:I.apiKey}))),c.a.createElement(l.E,{title:"Uninstall dreamship",open:r&&"uninstall"===o,onClose:U,sectioned:!0,secondaryActions:[{content:"No",onAction:U}],primaryAction:{content:"Yes",onAction:H,loading:R}},c.a.createElement(l.bb,null,"Are you sure uninstall dreamship fulfillment?")),c.a.createElement(k,{open:C,onClose:S,item:n}))},[d.g.Merchize]:e=>{let{refetch:t,installed:a}=e;const[n,r]=Object(s.useState)(!1),[i,o]=Object(s.useState)(null),[u,d]=Object(s.useState)(null),[m,g]=Object(s.useState)(null),[A,b]=Object(s.useState)(null),[h,f]=Object(s.useState)(null),[E,y]=Object(s.useState)(!1),[C,k]=Object(s.useState)({apiKey:null,apiSecret:null}),[O,{data:j,loading:w,error:S}]=Object(v.c)(D,{onError:()=>{},onCompleted:()=>{F(),t&&t();const e=setTimeout(()=>{R()},2500);f(e)}}),[I,{data:B,loading:M,erorr:T}]=Object(v.c)(P,{onError:()=>{},onCompleted:()=>{F(),t&&t();const e=setTimeout(()=>{R()},2500);f(e)}});Object(s.useEffect)(()=>{d(a)},[a]),Object(s.useEffect)(()=>()=>clearTimeout(h),[]);const Q=Object(s.useCallback)(()=>{y(e=>!e)},[]),R=Object(s.useCallback)(e=>{r(e=>!e),o(e)},[]),F=Object(s.useCallback)(()=>d(e=>!e),[]),N=Object(s.useCallback)(e=>{let t=null;e||(t="Store URL is required."),k(e=>({...e,apiKey:t}))},[]),U=Object(s.useCallback)(e=>{let t=null;
28110e||(t="Access token required."),k(e=>({...e,apiSecret:t}))},[]),L=Object(s.useCallback)(e=>{g(e),N(e)},[]),V=Object(s.useCallback)(e=>{b(e),U(e)},[U]),z=Object(s.useCallback)(()=>{N(m),U(A);let e=C,t=Object.values(e).every(e=>null===e);m&&A&&t&&(O({variables:{input:{apiKey:m,apiSecret:A,fulfillmentId:"merchize"}}}),Q())},[C,m,A]),q=Object(s.useCallback)(()=>{I({variables:{slug:"merchize"}}),Q()},[]);let H=j&&j.createFulfillmentConfigure,$=B&&B.deleteFulfillmentConfigure;const _=E?(S||H||$||T)&&c.a.createElement(l.fb,{content:S?Object(p.ib)(S.toString()):T?Object(p.ib)(T.toString()):H?"Create fulfillment success.":$?"Uninstall fulfillment success.":void 0,error:S||T,duration:2e3,onDismiss:Q}):null;return c.a.createElement(c.a.Fragment,null,_,u?c.a.createElement(l.g,{primary:!0,children:"Uninstall",onClick:()=>R("uninstall")}):c.a.createElement(l.g,{primary:!0,children:"Install",onClick:()=>R("install")}),c.a.createElement(l.E,{title:"Install merchize",open:n&&"install"===i,onClose:R,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:R}],primaryAction:{content:"Install",onAction:z,loading:w}},c.a.createElement(x,null,c.a.createElement(l.cb,{label:"Store URL(*)",value:m,onChange:L,placeholder:"Store URL",error:C.apiKey,helpText:"eg: https://tabvn-cmz.merchize.store"}),c.a.createElement(l.cb,{label:"API Key(*)",value:A,onChange:V,placeholder:"Enter merchize API Key",error:C.apiSecret}))),c.a.createElement(l.E,{title:"Uninstall merchize",open:n&&"uninstall"===i,onClose:R,sectioned:!0,secondaryActions:[{content:"No",onAction:R}],primaryAction:{content:"Yes",onAction:q,loading:M}},c.a.createElement(l.bb,null,"Are you sure uninstall merchize fulfillment?")))},[d.g.Scalablepress]:function(e){let{installed:t,refetch:a}=e;return c.a.createElement(c.a.Fragment,null,c.a.createElement(le,null,c.a.createElement("strong",null,"Note:")," Go to your",c.a.createElement("a",{href:"https://scalablepress.com/manager/v2/settings/account",target:"_blank",className:"Polaris-Link",rel:"noopener noreferrer"},"ScalablePress account settings"),"and set API webhook URL with value:",c.a.createElement("div",{className:"input-wrap"},c.a.createElement(A.a,{text:"https://api.merchbridge.com/scalablepress-wh"}))),c.a.createElement(H,{installed:t,refetch:a}))},[d.g.Printify]:function(e){let{refetch:t,installed:a,value:n}=e;const{id:r,settings:i}=n||{},o=F()(i,"printify_auto_production")||!1,[u,m]=c.a.useReducer((e,t)=>({...e,...t}),N),[A,b]=Object(g.a)(!1),f=Object(s.useRef)(null),{toggleToast:E,setNotify:y}=Object(h.b)(),[C,{loading:k}]=Object(v.c)(D,{onError:e=>{y({msg:Object(p.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})},onCompleted:()=>{y({msg:"Install Printify fulfillment configure success.",err:!1}),b(),m(N),t&&(f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{t()},1500))}}),[O,{loading:j}]=Object(v.c)(M.de,{onError:e=>{y({msg:Object(p.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})},onCompleted:()=>{y({msg:"Update auto production success.",err:!1}),m(N),t&&(f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{t()},1500))}}),[w,{loading:S}]=Object(v.c)(P,{onError:e=>{y({msg:Object(p.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})},onCompleted:()=>{y({msg:"Uninstall Printify fulfillment configure success.",err:!1}),b(),m(N),t&&(f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{t()},1500))}}),[I,{data:B,loading:x,error:R}]=Object(v.b)(T.Y);Object(s.useEffect)(()=>{const e=(null===B||void 0===B?void 0:B.getPrintifyAvaiableShops)||[];if((null===e||void 0===e?void 0:e.length)>0){const t=e.map(e=>{let{id:t,title:a}=e;return{label:a,value:t}});m({stores:t,disabledBtn:!0})}},[B]),Object(s.useEffect)(()=>{null!=o&&m({isAutoProduction:o})},[o]);const U=Object(s.useCallback)(e=>()=>{m({action:e}),b()},[]),L=Object(s.useCallback)(e=>{m({apiKey:e,disabledBtn:!1,getStore:!1})},[]),V=Object(s.useCallback)(()=>{E(),y({msg:null,err:!1}),w({variables:{slug:d.p}})},[w]),z=Object(s.useCallback)(()=>{u.apiKey&&(m({getStore:!0}),I({variables:{apiKey:u.apiKey}}))},[I,u.apiKey]),q=Object(s.useCallback)(()=>{const[e]=u.selectedStore||[];e&&(E(),y({msg:null,err:!1}),C({variables:{input:{apiKey:u.apiKey,fulfillmentId:d.p,storeID:e+"",printifyAutoProduction:u.isPrintifyAutoInProduction}}}))},[C,u.selectedStore,u.apiKey,u.isPrintifyAutoInProduction]),H=Object(s.useCallback)(e=>
28110{m({selectedStore:e,disabledBtn:!1})},[]),$=Object(s.useMemo)(()=>k||S,[k,S]),_=Object(s.useMemo)(()=>{let e="",t=()=>{},l=u.disabledBtn;return a?(e="Uninstall",t=V,l=!1):u.getStore?(e="Install",t=q):(e="Get stores",t=z),{content:e,onAction:t,disabled:l,loading:$}},[a,u.getStore,u.disabledBtn,V,q,z,$]),G=Object(s.useCallback)(e=>m({isPrintifyAutoInProduction:e}),[]),K=c.a.useCallback(()=>{r&&(E(),y({msg:null,err:!1}),O({variables:{appIntegrationID:r,isAutoProduction:u.isAutoProduction}}))},[O,E,y,r,u.isAutoProduction]),J=c.a.useCallback(e=>{m({isAutoProduction:e})},[]);return c.a.createElement(c.a.Fragment,null,a?c.a.createElement("div",{style:{marginBottom:10}},c.a.createElement(l.Y,null,c.a.createElement(l.j,{label:"Auto send orders to In Production",onChange:J,checked:u.isAutoProduction}),c.a.createElement(l.g,{size:"slim",onClick:K,children:"Save change",loading:j}))):null,c.a.createElement(l.g,{primary:!0,children:a?"Uninstall":"Install",onClick:U(a?"uninstall":"install")}),c.a.createElement(l.E,{title:a?"Uninstall Printify":"Install Printify",open:A,onClose:b,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:U(null)}],primaryAction:_},a?c.a.createElement("p",null,"Are you sure uninstall Printify fulfillment?"):c.a.createElement(l.Y,{vertical:!0},c.a.createElement("div",null,c.a.createElement(Q.a,{label:"Api Key",required:!0}),c.a.createElement(l.cb,{value:u.apiKey,onChange:L,placeholder:"Enter API Key"})),c.a.createElement("div",null,c.a.createElement(l.j,{label:"Auto send orders to In Production",checked:u.isPrintifyAutoInProduction,onChange:G})),c.a.createElement("div",null,x?c.a.createElement(l.X,{size:"small"}):R?c.a.createElement("div",null,Object(p.ib)(R.toString())):B?c.a.createElement("div",null,c.a.createElement(Q.a,{label:"Stores",required:!0}),c.a.createElement(l.k,{title:"Stores",titleHidden:!0,onChange:H,selected:u.selectedStore,choices:u.stores})):null))))},[d.g.Printway]:e=>{let{refetch:t,installed:a}=e;const[n,r]=Object(s.useState)(!1),[i,o]=Object(s.useState)(null),[u,d]=Object(s.useState)(null),[m,g]=Object(s.useState)(null),[A,b]=Object(s.useState)(null),[h,f]=Object(s.useState)(null),[E,y]=Object(s.useState)(!1),[C,{data:k,loading:O,error:j}]=Object(v.c)(U,{onError:()=>{},onCompleted:()=>{x(),t&&t();const e=setTimeout(()=>{P()},250);f(e)}}),[w,{data:S,loading:I,error:B}]=Object(v.c)(L,{onError:()=>{},onCompleted:()=>{x(),t&&t();const e=setTimeout(()=>{P()},250);f(e)}});Object(s.useEffect)(()=>{b(a)},[a]),Object(s.useEffect)(()=>()=>clearTimeout(h),[]);const D=Object(s.useCallback)(()=>{y(e=>!e)},[]),P=Object(s.useCallback)(e=>{r(e=>!e),o(e)},[]),x=Object(s.useCallback)(()=>b(e=>!e),[]),M=Object(s.useCallback)(e=>{g(e?null:"API Key is required.")},[]),T=Object(s.useCallback)(e=>{d(e),M(e)},[]),Q=Object(s.useCallback)(()=>{M(u),u&&!m&&(C({variables:{input:{apiKey:u,fulfillmentId:"printway"}}}),D())},[m,u]),R=Object(s.useCallback)(()=>{w({variables:{slug:"printway"}}),D()},[]);let F=k&&k.createFulfillmentConfigure,N=S&&S.deleteFulfillmentConfigure;const V=E?(j||F||N||B)&&c.a.createElement(l.fb,{content:j?Object(p.ib)(j.toString()):B?Object(p.ib)(B.toString()):F?"Printway fulfillment config has been saved successfully.":N?"Uninstall Printway fulfillment successfully.":void 0,error:j||B,duration:8e3,onDismiss:D}):null;return c.a.createElement(c.a.Fragment,null,V,A?c.a.createElement(l.g,{primary:!0,onClick:()=>P("uninstall"),children:"Uninstall"}):c.a.createElement(l.g,{primary:!0,onClick:()=>P("install")},"Install"),c.a.createElement(l.E,{title:"Install Printway",open:n&&"install"===i,onClose:P,sectioned:!0,secondaryActions:[{content:"Cancel",onAction:P}],primaryAction:{content:"Install",onAction:Q,loading:O}},c.a.createElement(l.cb,{label:"API Key(*)",value:u,onChange:T,placeholder:"Enter your API Key",error:m}),c.a.createElement("p",null,"You can go to your ",c.a.createElement("a",{target:"_blank",href:"https://pro.printway.io/users/profile"},"Profile page")," and get ",c.a.createElement("b",null,"API Key")," in ",c.a.createElement("b",null,"Setting")," tab.")),c.a.createElement(l.E,{title:"Uninstall Printway",open:n&&"uninstall"===i,onClose:P,sectioned:!0,secondaryActions:[{content:"No",onAction:P}],primaryAction:{content:"Yes",onAction:R,loading:I}},c.a.createElement(l.bb,null,"Are you sure uninstall this config fulfillment?")))},[d.g.Teezily]:function(e){let{installed:t,refetch:a,value:l,teamId:n}=e;return c.a.createElement(c.a.Fragment,null,c.a.createElement(ne,null,c.a.createElement("strong",null,"Note:")," Go to your",c.a.createElement("a",{href:"https://plus.teezily.com/account/shops",target:"_blank",className:"Polaris-Link",rel:"noopener noreferrer"},"Teezily account settings"),"and set:",c.a.createElement("div",null,c.a.createElement("ul",null,c.a.createElement("li",null,c.a.createElement("span",null,"API Webhook URL with value:"),c.a.createElement("div",{className:"input-wrap"},c.a.createElement(A.a,{text:"https://api.merchbridge.com/teezily-wh"}))),c.a.createElement("li",null,c.a.createElement("span",null,"and Webhook Secret Key with value:"),c.a.createElement("div",{className:"input-wrap"},c.a.createElement(A.a,{text:n})))))),c.a.createElement(G,{installed:t,refetch:a,value:l}))},[d.g.BurgerPrints]:J,[d.g.MangoTeePrints]:Y,[d.g.Flashship]:Z,[d.g.PGPrints]:X,[d.g.Lenful]:ee,[d.g.SnapEcom]:te,[d.g.Bondre]:ae};function oe(e){let{app:t,teamId:a,refetch:n}=e;const r=ce(t),i=c.a.useMemo(()=>"merchize"===r?c.a.createElement(se,{label:"Store URL",text:o.a.get(t,"settings.url")}):"flashship"===r?c.a.createElement(l.Y,{vertical:!0},c.a.createElement(se,{label:"Username",text:o.a.get(t,"settings.username")}),c.a.createElement(se,{label:"Password",text:o.a.get(t,"settings.password")})):r===d.g.PGPrints?c.a.createElement(l.Y,{vertical:!0},c.a.createElement(se,{label:"Shop ID",text:o.a.get(t,"settings.shop_id")}),c.a.createElement(se,{label:"Secret key",text:o.a.get(t,"settings.secret_key")})):[d.g.Lenful,d.g.Bondre].includes(r)?c.a.createElement(se,{label:"Token",text:o.a.get(t,"settings.token")}):c.a.createElement("div",{style:{display:"inline-block",wordBreak:"break-all"}},c.a.createElement(se,{label:"API key",text:o.a.get(t,"settings.api_key")})),[r,t]),s={app:t,refetch:n,teamId:a,value:t,installed:t.installed},u=ie[r]||W;return c.a.createElement(K.a,{refetch:n},c.a.createElement(l.i,null,c.a.createElement(l.i.Header,{title:t.name}),c.a.createElement(l.i.Section,null,c.a.createElement(l.bb,{spacing:"tight"},c.a.createElement("div",null,t.description),i,c.a.createElement(b.a,null,c.a.createElement("div",null,u?c.a.createElement(u,s):null))))))}function se(e){let{label:t,text:a}=e;const[i,o]=Object(g.a)(!1);return a?c.a.createElement(ue,null,t,":",c.a.createElement(A.a,{text:a,type:i?"text":"password"}),c.a.createElement(l.g,{plain:!0,icon:i?n.a:r.a,onClick:o})):null}function ce(e){return(Object(i.get)(e,"name")||"").toLowerCase()}const ue=u.b.div` 28111 display: flex; 28112 flex-direction: row; 28113 align-items: center; 28114 column-gap: 1rem; 28115 margin-bottom: 1rem; 28116 28117 .copy-box { 28118 padding: 0.5rem 1rem; 28119 border-radius: var(--p-border-radius-base, 3px); 28120 margin-top: 0.5rem; 28121 border-color: rgb(183, 193, 202); 28122 gap: 0.5rem; 28123 } 28124`},function(e,t,a){"use strict";a.r(t),a.d(t,"SwitchStoreForOrder",(function(){return h})),a.d(t,"SwitchStoreForOrderComp",(function(){return f}));var l=a(7),n=a(1),r=a(0),i=a.n(r),o=a(11),s=a(16),c=a(2),u=a(19),d=a(21),m=a(17),p=a(88);function g(e){let{onChange:t,error:a,value:n}=e;const[o,s]=Object(r.useState)([]),{data:c}=Object(l.d)(m.Qc);return Object(r.useEffect)(()=>{var e;const t=null===c||void 0===c||null===(e=c.storeListOfMe)||void 0===e?void 0:e.nodes,a=(null===t||void 0===t?void 0:t.length)>0?t.map(e=>{const{id:t,title:a}=e||{};return{value:t,label:a}}):[];s(a)},[c]),i.a.createElement(p.a,{options:o,placeholder:"Choose store",label:"Stores",required:!0,onChange:t,error:a,value:n})}function A(e){let{onSubmit:t,loading:a,ids:l}=e;const[o,s]=Object(r.useState)({originIds:"",storeId:null}),[c,u]=Object(r.useState)({}),m=Object(r.useMemo)(()=>({originIds:"Original Order IDs",storeId:"Store ID"}),[]),p=Object(r.useCallback)((e,t)=>{let a,l;for(let[n,r]of Object.entries(m))n===t&&(l=r);e&&0!==e.length||!l||(a=l+" is required"),u(e=>({...e,[t]:a}))},[m]),A=Object(r.useCallback)((e,t)=>{p(e,t),s(a=>({...a,[t]:e}))},[p]),b=Object(r.useCallback)(e=>{A(e,"storeId")},[A]),h=Object(r.useCallback)(()=>{for(let[t,l]of Object.entries(o))p(l,t);const{originIds:e,storeId:a}=o,n=(e||"").split(/\n/).map(e=>
28124null===e||void 0===e?void 0:e.trim()).filter(Boolean),r=(null===l||void 0===l?void 0:l.length)>0?l:n,i=Object.values(c).every(e=>"undefined"===typeof e||null===e);a&&(null===r||void 0===r?void 0:r.length)>0&&i&&t&&t({originIds:r,storeId:a})},[o,c,t,p,l]);return i.a.createElement(n.s,{onSubmit:h},i.a.createElement(n.t,null,!l&&i.a.createElement("div",null,i.a.createElement(d.a,{label:"Original Order IDs",required:!0}),i.a.createElement(n.cb,{value:o.originIds,onChange:A,multiline:4,error:c.originIds,id:"originIds",placeholder:"Enter original order ids",helpText:"Enter order ids with each order id separated by a new line."})),i.a.createElement(g,{onChange:b,error:c.storeId}),i.a.createElement(n.Y,{distribution:"trailing"},i.a.createElement(n.g,{submit:!0,primary:!0,children:"Submit",loading:a}))))}var b=a(12);function h(){return i.a.createElement(n.i,{sectioned:!0},i.a.createElement(f,null))}function f(e){let{handleCompleted:t,ids:a}=e;const{currentUser:n}=Object(o.c)(),d=Object(c.U)(n),{toggleToast:m,setNotify:p}=Object(u.b)(),g=Object(r.useRef)(null),[h,{loading:f}]=Object(l.c)(s.wd,{onCompleted:()=>{p({msg:"Switch store for order(s) were successfully.",err:!1}),t&&t(),g.current=window.setTimeout(()=>{b.a.push(`/${d}/orders`)},1500)},onError:e=>{p({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}});Object(r.useEffect)(()=>()=>{g.current&&clearTimeout(g.current)},[]);const v=Object(r.useCallback)(e=>{null!=e&&(m&&m(!0),p&&p({msg:null,err:!1}),h({variables:e}))},[m,p,h]);return i.a.createElement(A,{loading:f,onSubmit:v,ids:a})}t.default=f},,,,,,,,,,,,,,,,function(e,t,a){"use strict";a.d(t,"a",(function(){return R})),a.d(t,"b",(function(){return F}));var l=a(7),n=a(1),r=a(1485),i=a(5),o=a.n(i),s=a(0),c=a.n(s),u=a(9),d=a(69),m=a.n(d),p=a(11),g=a(2),A=a(287),b=a(28),h=a(4),f=a(34),v=a(68),E=a(21),y=a(52),C=a(321),k=a(23),O=a(455);const j=u.b.div` 28125 .label-mapping { 28126 font-weight: 600; 28127 font-size: 16px; 28128 } 28129 .mapping-wrap { 28130 margin-left: -2rem; 28131 > .Polaris-FormLayout--grouped:first-child { 28132 .Polaris-FormLayout__Item { 28133 margin-top: 1rem; 28134 } 28135 } 28136 } 28137 .has-reset { 28138 display: flex; 28139 align-items: center; 28140 justify-content: space-between; 28141 } 28142 .notify-wrap { 28143 margin-top: 1rem; 28144 } 28145`,w=e=>{let{item:t,product:a,onChange:l,productNeedMapping:r,forceMapping:u,loadingVariant:d,setForceMapping:m=(()=>{}),setMapToVariantId:p=(()=>{}),autoMapMarkup:A=null}=e;const[b,f]=Object(s.useState)([]),[v,E]=Object(s.useState)([]),[y,C]=Object(s.useState)(!1),k=c.a.useMemo(()=>{if(!t||!t.metaData||0===t.metaData.length)return"";let e=t.metaData.filter(e=>{let{key:t,value:a}=e;return![h.H].includes(t)&&"string"===typeof a}).map(e=>{let{value:t}=e;return t});return e=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.sort((e,t)=>{const a=e&&e.toLowerCase(),l=t&&t.toLowerCase();return a<l?-1:a>l?1:0})}(e).join("-"),e},[t]);Object(s.useEffect)(()=>{f(S())},[a]),Object(s.useEffect)(()=>{D();let e=b,t=e&&e.length>0?e.filter(e=>e.productBaseVariant).map(e=>e.productBaseVariant.id):[];E(t);const a=(null===e||void 0===e?void 0:e.length)>0&&e.some(e=>{var t;return null===e||void 0===e||null===(t=e.productBaseVariant)||void 0===t?void 0:t.haveVariantStore});C(a)},[b]);const w=Object(s.useCallback)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(!e)return"";let t=[];const a=[];for(let r=0;r<e.length;r++){const l=e[r];"Type"===(null===l||void 0===l?void 0:l.name)?t.push(l):a.push(l)}t=t.filter(e=>{let{name:t}=e;return"_WCPA_order_meta_data"!==t}).map(e=>{var t;return null===e||void 0===e||null===(t=e.option)||void 0===t?void 0:t.trim()}).filter(Boolean);let l=a.filter(e=>{let{name:t}=e;return"_WCPA_order_meta_data"!==t});const n=Object(g.Pb)(l);return[...t,n].join("-")}),[a]),S=Object(s.useCallback)(()=>{var e;const l=(null===r||void 0===r||null===(e=r.originVariantNeedMapping)||void 0===e?void 0:e.length)>0?r.originVariantNeedMapping:[];let n=t&&t.variants;(null===l||void 0===l?void 0:l.length)>0&&(n=n.filter(e=>l.includes(e.id)));const i=I(a);return n&&n.map(e=>({variant:e,productBaseVariant:i.find(t=>t.attribute&&t.attribute.toLowerCase()===w(e.attributes).toLowerCase())}))},[a,r]),I=Object(s.useCallback)(e=>{const t=null!=r?r.variantAvailableMapping:null===e||void 0===e?void 0:e.variants;return e&&1===e.productBases.length?(null===t||void 0===t?void 0:t.length)>0?t.map((t,a)=>{var l;const n=(null===t||void 0===t||null===(l=t.variantStores)||void 0===l?void 0:l.length)>0;return{id:t.id,disabled:t.disabled,attribute:t.productBaseVariant?w(t.productBaseVariant.attributes):w(o.a.get(e.productBases[0].variants[a],"attributes")),haveVariantStore:n}}):[]:e&&e.productBases.length>1&&(null===t||void 0===t?void 0:t.length)>0?t.map(e=>({id:e.id,disabled:e.disabled,attribute:e.productBaseVariant&&w([...e.productBaseVariant.attributes,{option:e.productBaseVariant&&e.productBaseVariant.productBase&&e.productBaseVariant.productBase.title,id:0,name:"Type"}])})):[]},[r,w]),B=I(a),D=Object(s.useCallback)(()=>{let e=b;const t=e&&e.length?e.map(e=>e.variant&&e.productBaseVariant?{variantId:e.variant.id,productVariantId:e.productBaseVariant.id}
28145:null).filter(Boolean):[];l&&l(t)},[b]),P=Object(s.useCallback)((e,t)=>{let a=[];b&&b.length&&(a=b.map((a,l)=>l===t?e:a)),f(a),D()},[b]),x=Object(s.useCallback)(()=>{let e=b;e=e.length?e.map(e=>({variant:e.variant,productBaseVariant:null})):[],f(e)},[b]),M=c.a.useMemo(()=>o.a.get(t,"variantId",null),[t]),T=b&&b.length>0?b.map((e,a)=>{var l;let r=w(e.variant.attributes);const s=null===r||void 0===r?void 0:r.toLowerCase(),d=null===k||void 0===k?void 0:k.toLowerCase(),m=null===(l=e.variant)||void 0===l?void 0:l.id;let g=()=>{};if(u)if(null!=M){if(String(m)!==String(M))return null}else if(s!==d)return null;if(M===m+""||s===d){g=p;const t=Object(i.get)(e,"productBaseVariant.id")||null;g(t)}return c.a.createElement(c.a.Fragment,{key:"variants-"+a},c.a.createElement(n.t.Group,null,c.a.createElement(n.cb,{label:"Origin product",labelHidden:!0,value:r||o.a.get(t,"product.name","")}),c.a.createElement(O.a,{productBaseVariants:B,value:e,onChange:e=>{P(e,a);const{productBaseVariant:t}=e||{},{id:l}=t||{};g(l)},selectedVariants:v,enabled:!!u})))}):c.a.createElement("p",{style:{marginTop:"1rem",marginLeft:"2rem"}},"No variant found.");let Q=null;return B&&B.length&&v&&v.length&&B.length===v.length&&(Q=c.a.createElement(n.g,{children:"Reset variant",onClick:x,plain:!0})),c.a.createElement(j,null,c.a.createElement("label",{className:"label-mapping"},"Mapping"),c.a.createElement("div",null,c.a.createElement(n.j,{checked:!!u,onChange:m,label:"Force Mapping for this order item (only map this item without saving the mapping reuseable info)",disabled:!b||1===b.length})),A,c.a.createElement("div",{className:"mapping-wrap",style:{marginLeft:"-2rem"}},d?c.a.createElement("div",{className:"pl-8 pt-4"},c.a.createElement(n.X,{size:"small"})):c.a.createElement(c.a.Fragment,null,c.a.createElement(n.t.Group,null,c.a.createElement("span",null,"Origin product"),c.a.createElement("div",{className:"has-reset"},c.a.createElement("span",null,"Product variant"),Q)),T)),y&&c.a.createElement("div",{className:"notify-wrap"},c.a.createElement(n.f,{status:"critical"},c.a.createElement("p",null,"Note! This action will modify old product store configs."))))};var S=a(384),I=a(308),B=a(194),D=a(44),P=a(187),x=a(745);const M=c.a.lazy(()=>a.e(79).then(a.bind(null,1769))),T=c.a.lazy(()=>a.e(1).then(a.bind(null,1404))),Q=u.b.div` 28146 padding-top: 1.6rem; 28147 28148 .selected-wrap { 28149 display: flex; 28150 flex-direction: row; 28151 column-gap: 3rem; 28152 28153 .design-positions-wrap { 28154 flex: 1 1 auto; 28155 margin-top: -0.6rem; 28156 display: flex; 28157 flex-direction: row; 28158 flex-wrap: wrap; 28159 gap: 1.6rem 2rem; 28160 28161 .Polaris-Tabs__Title { 28162 padding-bottom: 1rem; 28163 padding-top: 0; 28164 } 28165 } 28166 28167 .design-position-wrap { 28168 display: flex; 28169 flex-direction: column; 28170 row-gap: 0.875rem; 28171 28172 img { 28173 width: 120px; 28174 height: 120px; 28175 object-fit: cover; 28176 box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 15px -3px, 28177 rgba(0, 0, 0, 0.1) 0px 4px 6px 2px; 28178 border-radius: 5px; 28179 } 28180 } 28181 } 28182 28183 .selected-info { 28184 display: flex; 28185 flex-direction: column; 28186 row-gap: 1rem; 28187 max-width: calc(50% - 1.5rem); 28188 28189 img { 28190 width: 120px; 28191 height: 120px; 28192 object-fit: cover; 28193 box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 15px -3px, 28194 rgba(0, 0, 0, 0.1) 0px 4px 6px 2px; 28195 border-radius: 5px; 28196 } 28197 .image-wrap { 28198 width: 120px; 28199 height: 120px; 28200 position: relative; 28201 28202 .action-remove { 28203 position: absolute; 28204 right: 0; 28205 display: inline-block; 28206 top: 3px; 28207 } 28208 } 28209 } 28210 28211 .personalized-wrap { 28212 > label { 28213 display: inline-block; 28214 margin-bottom: 0.8rem; 28215 font-size: 15px; 28216 font-weight: 500; 28217 } 28218 } 28219 28220 .input-group { 28221 display: grid; 28222 grid-template-columns: 49% 49%; 28223 column-gap: 2rem; 28224 row-gap: 1rem; 28225 } 28226 28227 .personalized-wrap { 28228 .label { 28229 height: 23px; 28230 font-weight: 500; 28231 display: inline-flex; 28232 position: relative; 28233 align-items: center; 28234 color: rgba(0, 0, 0, 0.85); 28235 } 28236 .list-item { 28237 list-style-type: none; 28238 padding: 0 0 0 0.5rem; 28239 color: rgba(0, 0, 0, 0.85); 28240 .key { 28241 font-weight: 500; 28242 } 28243 } 28244 } 28245 28246 .loading-wrap { 28247 margin: 0 -3rem; 28248 } 28249`,R=e=>{var t;let{data:a,changeSearch:r,suggestMappingProduct:u,item:d,onSubmit:m,loadingMutation:b,loading:O,removeLabel:j,productNeedMapping:R,isNeedVariantMapping:N,existProductID:U,canSetExistProduct:L,handleRemoveCurrentProduct:V,setSearch:z,setLoadingMutation:q}=e;const[H,$]=Object(s.useState)([]),[_,G]=Object(s.useState)([]),[K,J]=Object(s.useState)(null),[Y,W]=Object(s.useState)(null),[Z,X]=Object(s.useState)([]),[ee,te]=Object(s.useState)([]),[ae,le]=Object(s.useState)(!1),[ne,re]=Object(s.useState)("Search product"),[ie,oe]=Object(s.useState)(!1),{currentUser:se}=Object(s.useContext)(p.a),ce=o.a.get(se,"roles",[]),ue=o.a.get(se,"teamUser.role",null),de=Object(g.ub)(se),[me,pe]=Object(s.useState)(null),[ge,Ae]=Object(s.useState)(!1),[be,he]=Object(s.useState)(null),[fe,ve]=Object(s.useState)([]),Ee=o.a.get(d,"store.platform"),{isTiktok:ye}=Object(g.h)(Ee),Ce=o.a.get(d,"quantity")+"",[ke,Oe]=c.a.useReducer(g.Hb,{autoMapLaterOrders:de&&ye,originVariants:[],warehouse:[],printingMethod:[""],quantity:Ce,newFields:[],enabledExtraField:!1,selectedShippingOption:[],shippingOptions:[]}),[je,we]=c.a.useReducer(g.Hb,{isPrintway:!1,isPrintify:!1,options:[]}),[Se,Ie,Be]=Object(A.a)(),[De]=Object(l.c)(v.GEN_THUMBNAIL_IMAGE,{onError:()=>{}}),Pe=Object(s.useCallback)(e=>{var t,a;const l=(null===e||void 0===e||null===(t=e.images)||void 0===t?void 0:t.length)>0?null===(a=e.images[0])||void 0===a?void 0:a.file:null;null!=l&&De({variables:{files:[l.id],fileType:"id"}})},[De]);Object(s.useEffect)(()=>{var e;let t=((null===a||void 0===a||null===(e=a.products)||void 0===e?void 0:e.nodes)||[]).find(e=>(null===e||void 0===e?void 0:e.id)===U);L&&null!=t&&async function(){t=await Se(t);const e=Object(B.f)(t);W({...t,variants:e}),Oe({originVariants:e})}()},[U,a,L]),Object(s.useEffect)(()=>{let e=null===R||void 0===R?void 0:R.product;N&&null!=e&&async function(){e=await Se(e);const t=Object(B.f)(e);W({...e,variants:t}),Oe({originVariants:t})}()},[R,N]);let xe=ce.includes(h.pb.Seller)&&[h.gb.Admin,h.gb.StoreManager,h.gb.MarketplaceManager].includes(ue)||ce.includes("Administrator"),Me=h.hb.Seller;[h.gb.StoreManager].includes(ue)&&(Me=h.hb.StoreManager),[h.gb.MarketplaceManager].includes(ue)&&(Me=h.hb.MarketplaceManager);const Te=Object(s.useRef)(null);Object(s.useEffect)(()=>{let e=[];
28249if(a&&a.products&&a.products.nodes&&a.products.nodes.length){let t=a.products.nodes;if(u){t=[u,...t.filter(e=>e.id!==u.id)],$([u.id]);let e=u.title.trim();re(e)}e=t.map(e=>{let t="";e.productBases&&e.productBases.length&&(t=e.productBases.map(e=>{let t=e.fulfillment&&e.fulfillment.fulfillmentTitle?e.fulfillment.fulfillmentTitle:"";return`${t?t+" - ":"Merch Bridge - "}${e.title}`}).filter(Boolean).join(", "));let a=c.a.createElement("div",{className:"label-wrap"},e.images&&e.images.length?c.a.createElement("img",{alt:"",src:e.images[0].file&&e.images[0].file.thumbnailUrl||e.images[0].file&&e.images[0].file.url,onError:()=>Pe(e)}):null,c.a.createElement("div",{className:"title"},e.title&&e.title.trim()),c.a.createElement("div",null,`(${t||"Merch Bridge"})`),c.a.createElement("div",null,`(${e.sku})`));return{value:e.id,label:a}})}G(e),j&&J(null)},[a,u,j]),Object(s.useEffect)(()=>{if((null===H||void 0===H?void 0:H.length)>0){var e,t;let l=H[0],n=(null===a||void 0===a||null===(e=a.products)||void 0===e||null===(t=e.nodes)||void 0===t?void 0:t.length)>0?a.products.nodes:[];u&&(n=[u,...n.filter(e=>e.id!==u.id)]),async function(e){if(e){const t=await Se(e),a=Object(B.f)(t);W({...t,variants:a}),Oe({originVariants:a})}}(n.find(e=>e.id===l))}},[a,H,u]);const Qe=Object(s.useCallback)(()=>{let{fields:e}=Y,t=o.a.get(d,"personalized"),a=e&&e.length>0?e.map(e=>{let a={id:e.id,title:e.title,value:""},l="";if(t&&t.length>0){const e=Object(g.Kb)(a.title||"");t.forEach(e=>{a.title&&a.title.toLowerCase().trim()===e.name.toLowerCase().trim()&&(l=e.value)}),0===l&&t.forEach(t=>{(t.name||"").match(e)&&(l=t.value)})}return a.value=l,a}):[];X(()=>[...a])},[Y,d]);Object(s.useEffect)(()=>{Y&&Qe()},[Y,Qe,d]);const Re=Object(s.useCallback)(e=>{J(e),le(()=>!0),Te.current&&clearTimeout(Te.current),Te.current=setTimeout(()=>{r&&r(e)},500)},[]),Fe=Object(s.useCallback)(e=>{pe(null);const t=e.map(e=>{const t=_.find(t=>t.value===e);let a=t&&o.a.get(t,"label.props.children"),l="";for(let n=0;n<a.length;n++)a[n]&&a[n].props&&a[n].props.className&&"title"===a[n].props.className&&(l=a[n].props.children);return l});$(e),re(o.a.head(t)),J(null),ve([])},[_]),Ne=Object(s.useCallback)(()=>oe(e=>!e),[]),Ue=Object(s.useCallback)(e=>{te(e),pe(null);const t=Object(i.get)(e,"[0].productVariantId"),{fulfillmentSku:a,baseID:l}=function(e,t){if(!e||0==e.length)return{};if(Object(g.c)(t))return{};const a=t.find(t=>t.id===e);if(!a)return{};const l=Object(i.get)(a,"productBaseVariant.productBase.id");return{fulfillmentSku:Object(i.get)(a,"productBaseVariant.fulfillmentSku"),baseID:l}}(t,null===Y||void 0===Y?void 0:Y.variants),{isPrintify:n,isPrintway:r}=je;r?a?(async e=>{let t=[];const a=await Object(f.B)([e]);if(!Object(g.c)(a)){const l=a.find(t=>t.itemSKU===e);Object(g.Gb)(l)||Object(g.c)(l.shippingServices)||(t=l.shippingServices.map(e=>"string"===typeof e?{value:e,label:e}:{value:e.code,label:e.name}))}we({options:t})})(a):we({options:[]}):n&&(l?async function(e){const t=await Object(f.A)(e);(null===t||void 0===t?void 0:t.length)>0&&we({options:t})}(l):we({options:[]}))},[Y,je]),Le=c.a.useCallback(e=>(t,a)=>{Oe({[e||a]:t})},[]),Ve=c.a.createElement(n.c.TextField,{label:"Choose a product",labelHidden:!0,placeholder:ne,value:K,onChange:Re});let ze="";if(Y&&Y.images&&Y.images.length){const e=null===Y||void 0===Y?void 0:Y.mainImageId,t=null===Y||void 0===Y?void 0:Y.images;let a=[];(e||"undefined"!==e)&&(a=(null===t||void 0===t?void 0:t.length)>0?t.filter(t=>{var a;return(null===t||void 0===t||null===(a=t.file)||void 0===a?void 0:a.id)===e}).map(e=>e.file):[]),0===a.length&&(a=(null===t||void 0===t?void 0:t.length)>0?t.filter(Boolean).map(e=>e.file):[]);let l=o.a.head(a);ze=(null===l||void 0===l?void 0:l.url)?l.url:(null===l||void 0===l?void 0:l.thumbnailUrl)?l.thumbnailUrl:null}const qe=null===R||void 0===R?void 0:R.originVariantNeedMapping,He=c.a.useMemo(()=>{let e=!!ge||ee.length===(d.variants&&d.variants.length);return!Y||!(d&&d.variants)||!e||!!(null===qe||void 0===qe?void 0:qe.length)&&qe.length!==ee.length},[Y,d,ee,qe,ge]),$e=[h.M.Amazon,h.M.Shopify,h.M.WooCommerce,h.N,h.O,h.M.Tiktok].includes(Ee);let _e=[h.M.Tiktok,h.M.Amazon,h.M.Etsy];de&&(_e=[h.M.Tiktok]);const Ge=_e.includes(Ee),Ke=c.a.useRef(),Je=Object(s.useCallback)(()=>{let e=void 0;Ke.current&&Ke.current.getCarrier&&(e=(Ke.current.getCarrier()||[])[0]);let t=d.id,a=Y&&Y.id,l=Z&&Z.length>0?Z.map(e=>({fieldId:e.id,value:e.value,customValue:!0})):[];const{fieldValues:n,fields:r}=ke.enabledExtraField?Object(x.getFieldInfoToSubmit)(Object(i.get)(ke,"newFields")):{fieldValues:void 0,fields:void 0};let o={mappingOrderId:t,productId:a,mappingVariant:ge?[]:ee,fieldValues:l,shippingOption:Object(g.c)(ke.selectedShippingOption)?me:ke.selectedShippingOption[0],forceMapping:ge,mapToVariantId:ge?be:void 0,autoMapLaterOrders:Ge?ke.autoMapLaterOrders:void 0,fulfillmentWarehouse:ke.warehouse?ke.warehouse[0]:void 0,carrierID:e,printingMethod:ke.printingMethod[0]||void 0,quantity:ke.quantity&&Number(ke.quantity)>0?Number(ke.quantity):void 0,newFieldValues:ke.enabledExtraField?n:void 0,newFields:ke.enabledExtraField?r:void 0};m&&(m(o),q(!0))},[d,Y,ee,Z,me,ge,be,ke.autoMapLaterOrders,ke.warehouse,ke.printingMethod,ke.quantity,ke.newFields,ke.enabledExtraField,ke.selectedShippingOption,Ge,q]);let Ye=null,We=Y?Y.id:null,Ze=Y?Y.sku:null;if(Y&&Y.productBases){Ye=`${Y.productBases.length>1?`/${Me}/products/campaign`:`/${Me}/products/edit`}/${We}`}const Xe=new RegExp(h.H,"i"),et=(null===d||void 0===d?void 0:d.metaData)?d.metaData.filter(e=>Xe.test(e.key)).map(e=>{var t;return(null===e||void 0===e||null===(t=e.value)||void 0===t?void 0:t.length)&&Array.isArray(e.value)?e.value.map(e=>({name:e.key,value:e.value})):null}
28249).filter(Boolean).flat():[],tt=(null===d||void 0===d||null===(t=d.personalized)||void 0===t?void 0:t.length)>0?d.personalized:(null===et||void 0===et?void 0:et.length)>0?et:[],at=Object(s.useMemo)(()=>{if(!Y)return null;const e=function(e){const t=function(e){if(Object(g.Gb)(e))return;if(Object(g.c)(e.productBases))return;return e.productBases.find(e=>e.fulfillment)}(e),a=Object(i.get)(t,"fulfillment.fulfillmentTitle");if(null!=a)return{slug:Object(g.Vb)(a)};return}(Y),t=Object(I.b)(null===e||void 0===e?void 0:e.slug);return we(t),e},[Y]),lt=Object(s.useCallback)(()=>{V(),W(null),Oe({originVariants:[]}),z(null)},[V,W,z]),nt=c.a.useCallback(e=>{Oe({autoMapLaterOrders:e})},[]),{isMerchize:rt}=Object(I.b)(null===at||void 0===at?void 0:at.slug),it=function(e,t){if(!e)return;if(Object(g.c)(t))return;let a;for(let l of t)if(l&&l.id&&l.productBaseVariantId&&l.id===e){a=l.productBaseVariantId;break}return a}(be,null===Y||void 0===Y?void 0:Y.variants),ot=Object(s.useRef)(null);return Object(s.useEffect)(()=>{if(be!==ot.current){let a=[],l=[];if(be&&Y){var e,t;const n=(Y.variants||[]).find(e=>(null===e||void 0===e?void 0:e.id)===be);if(null===n||void 0===n||null===(e=n.productBaseVariant)||void 0===e||null===(t=e.productBase)||void 0===t?void 0:t.id){const e=(Y.productBases||[]).find(e=>{var t,a;return(null===e||void 0===e?void 0:e.id)===(null===n||void 0===n||null===(t=n.productBaseVariant)||void 0===t||null===(a=t.productBase)||void 0===a?void 0:a.id)});({shippingOptions:a,defaultShippingOption:l}=Object(B.d)(e)),l.length>0&&(l=[l]),Oe({selectedShippingOption:l,shippingOptions:a}),ot.current=be}}}},[be,Y]),c.a.createElement(Q,null,O&&!ae?c.a.createElement("div",{className:"loading-wrap"},c.a.createElement(k.SkeletonPagePolaris,null)):Be?c.a.createElement("div",null,"Error: ",Object(g.ib)(null===Be||void 0===Be?void 0:Be.toString())):c.a.createElement(n.t,null,N?null:c.a.createElement(c.a.Fragment,null,c.a.createElement(E.a,{label:"Choose a product"}),!L&&c.a.createElement(n.c,{options:_,onSelect:Fe,selected:H,textField:Ve,emptyState:c.a.createElement("span",null,"No item found!"),id:"mp__choose-product",willLoadMoreResults:!0})),Y&&c.a.createElement(F,{urlSelectedItem:ze,showUrlProduct:xe,urlProduct:Ye,selectedItem:Y,toggleShowModal:Ne,handleRemoveProduct:lt}),!!rt&&c.a.createElement(D.a,null,c.a.createElement(M,{originVariants:ke.originVariants,setState:Oe,warehouse:ke.warehouse,setSelectedItem:W})),c.a.createElement(w,{item:d,product:Y,onChange:Ue,isNeedVariantMapping:N,productNeedMapping:R,forceMapping:ge,setForceMapping:Ae,setMapToVariantId:he,loadingVariant:Ie,autoMapMarkup:Ge&&c.a.createElement(n.Y,{vertical:!0,spacing:"none"},c.a.createElement(n.j,{label:"Auto mapping for later orders",checked:!!ke.autoMapLaterOrders,onChange:nt}),c.a.createElement("span",{style:{display:"block",marginTop:"-2px"}},c.a.createElement(n.db,{variation:"subdued"},"Recommend for non-custom orders")))}),c.a.createElement(n.cb,{label:"Quantity",value:ke.quantity,type:"number",id:"quantity",min:1,onChange:e=>Oe({quantity:e})}),$e&&(null===tt||void 0===tt?void 0:tt.length)>0?c.a.createElement("div",{className:"personalized-wrap"},c.a.createElement("label",{className:"label"},"Personalized info"),c.a.createElement("ul",{className:"list-item"},tt.map((e,t)=>{let a=o.a.includes(e.value,h.G);const l=(e.name||"").trim(),n=Object(g.lb)(l);return c.a.createElement("li",{key:"personalized-"+t},c.a.createElement("span",{className:"key",style:{wordBreak:"break-all"}},n?l:l+":")," ",a?c.a.createElement("div",null,c.a.createElement(y.a,{href:e.value},c.a.createElement("img",{src:e.value,alt:"",style:{width:100,height:100,objectFit:"cover"}}))):c.a.createElement("span",{style:{wordBreak:"break-all",display:"block",marginLeft:10,whiteSpace:"pre-line"},dangerouslySetInnerHTML:{__html:""+(e.value||"").trim()}}))}))):null,Z&&Z.length>0?c.a.createElement("div",{className:"personalized-wrap"},c.a.createElement(c.a.Fragment,null,c.a.createElement("label",null,"Personalized values"),c.a.createElement("div",{className:"input-group"},Z.map((e,t)=>c.a.createElement("div",{key:t},c.a.createElement(n.cb,{label:e.title,value:e.value,multiline:!!(e.value||"").match(/\n/g)&&5,onChange:a=>{let l=a;e.value=l,Z.map((a,l)=>l===t?e:a),X(()=>[...Z])}})))))):null,c.a.createElement("div",null,c.a.createElement(n.j,{label:"Add custom field",checked:ke.enabledExtraField,onChange:Le("enabledExtraField"),helpText:"Add more custom field"}),ke.enabledExtraField?c.a.createElement("div",{style:{borderRadius:"8px",padding:"2rem",marginTop:".5rem",boxShadow:"0 1px 5px 0 rgba(41, 85, 115, .21)"}},c.a.createElement(n.v,{element:"h3"},"Custom field"),c.a.createElement(P.default,{isMapOrder:!0,item:d,value:ke.newFields,personalized:(null===d||void 0===d?void 0:d.personalized)||et,onChange:Le("newFields")})):null),c.a.createElement(S.ShippingService,{item:d,fulfillment:at,shippingOption:me,setShippingOption:pe,options:je.options}),rt?c.a.createElement(n.k,{title:"Printing methods",selected:ke.printingMethod,onChange:e=>Oe({printingMethod:e}),choices:h.F}):null,Object(B.g)(ke.fulfillment)&&it?c.a.createElement(D.a,null,c.a.createElement(T,{variantIds:[it],ref:Ke})):null,Object(g.c)(ke.shippingOptions)?null:c.a.createElement(n.k,{choices:ke.shippingOptions,selected:ke.selectedShippingOption,title:"Shipping Options",onChange:e=>Oe({selectedShippingOption:e})}),c.a.createElement("div",null,b?c.a.createElement(n.g,{primary:!0,fullWidth:!0,children:"Submit",disabled:!0,loading:!0,onClick:()=>{}}):c.a.createElement(n.g,{disabled:He,primary:!0,fullWidth:!0,children:"Submit",loading:b,onClick:Je}))),c.a.createElement(C.a,{toggleShowModal:Ne,open:ie,source:ze,title:Ze}))};function F(e){var t;let{urlSelectedItem:a,showUrlProduct:l,urlProduct:i,selectedItem:o,toggleShowModal:u,handleRemoveProduct:d}=e;const m=Object(s.useMemo)(()=>{var e,t;return{pBase:(null===(e=o.productBases)||void 0===e?void 0:e.length)>0?o.productBases.map(e=>e.title).join(", "):[],skuSelectedItem:o.sku,designPositions:(null===(t=o.designPositions)||void 0===t?void 0:t.length)>0?o.designPositions.map(e=>{var t;
28249return null!=e.file?{content:null===(t=e.designPosition)||void 0===t?void 0:t.name,file:e.file,id:e.id,panelID:e.id}:null}).filter(Boolean):[]}},[o]);return c.a.createElement("div",{className:"selected-wrap"},c.a.createElement("div",{className:"selected-info"},c.a.createElement("div",{className:"image-wrap"},a&&c.a.createElement("img",{alt:"",src:a,onClick:u,style:{cursor:"pointer"}}),c.a.createElement("span",{className:"action-remove"},c.a.createElement(n.g,{size:"slim",icon:r.a,onClick:d,plain:!0}))),c.a.createElement("div",{style:{marginTop:10}},c.a.createElement("span",{style:{fontWeight:"500"}},"Product Title:")," ",(null===o||void 0===o||null===(t=o.title)||void 0===t?void 0:t.length)>0?c.a.createElement("span",null,o.title):null),c.a.createElement("span",null,c.a.createElement("span",{style:{fontWeight:"500"}},"Product Bases:")," ",m.pBase),c.a.createElement("span",null,c.a.createElement("span",{style:{fontWeight:"500"}},"SKU:")," ",l?c.a.createElement(y.a,{href:i},m.skuSelectedItem):c.a.createElement("span",null,m.skuSelectedItem))),c.a.createElement("div",{className:"design-positions-wrap"},(m.designPositions||[]).map((e,t)=>c.a.createElement(N,{key:"design-position-"+t,item:e}))))}function N(e){let{item:t}=e;const[a,l]=Object(b.a)(!1),n=Object(s.useMemo)(()=>{if(null===t||void 0===t?void 0:t.file){const e=t.file;return{thumbnailUrl:e.thumbnailUrl?e.thumbnailUrl:e.url,url:e.url?e.url:e.thumbnailUrl,title:t.content}}return{}},[t]);return c.a.createElement("div",{className:"design-position-wrap"},c.a.createElement("span",null,n.title),c.a.createElement("img",{src:n.thumbnailUrl||n.url||m.a,alt:"",style:{cursor:"pointer"},onClick:()=>l()}),c.a.createElement(C.a,{toggleShowModal:l,open:a,source:n.url||n.thumbnailUrl,title:n.title}))}},,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,a){e.exports=a.p+"static/media/no-items-found.4c70d996.png"},,,,,,,,,,function(e,t,a){"use strict";a.r(t);var l=a(0),n=a.n(l),r=a(124),i=a(427);t.default=function(e){let{onSearchChange:t,...a}=e;const l=Object(r.a)(t),o=n.a.useCallback(e=>{l({search:e})},[l]);return n.a.createElement(i.default,Object.assign({placeholder:"Search for base",onSearchChange:o,multiple:!0,noAll:!0},a))}},,function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QAqRXhpZgAASUkqAAgAAAABADEBAgAHAAAAGgAAAAAAAABQaWNhc2EAAP/iDFhJQ0NfUFJPRklMRQABAQAADEhMaW5vAhAAAG1udHJSR0IgWFlaIAfOAAIACQAGADEAAGFjc3BNU0ZUAAAAAElFQyBzUkdCAAAAAAAAAAAAAAABAAD21gABAAAAANMtSFAgIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEWNwcnQAAAFQAAAAM2Rlc2MAAAGEAAAAbHd0cHQAAAHwAAAAFGJrcHQAAAIEAAAAFHJYWVoAAAIYAAAAFGdYWVoAAAIsAAAAFGJYWVoAAAJAAAAAFGRtbmQAAAJUAAAAcGRtZGQAAALEAAAAiHZ1ZWQAAANMAAAAhnZpZXcAAAPUAAAAJGx1bWkAAAP4AAAAFG1lYXMAAAQMAAAAJHRlY2gAAAQwAAAADHJUUkMAAAQ8AAAIDGdUUkMAAAQ8AAAIDGJUUkMAAAQ8AAAIDHRleHQAAAAAQ29weXJpZ2h0IChjKSAxOTk4IEhld2xldHQtUGFja2FyZCBDb21wYW55AABkZXNjAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAEnNSR0IgSUVDNjE5NjYtMi4xAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABYWVogAAAAAAAA81EAAQAAAAEWzFhZWiAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAG+iAAA49QAAA5BYWVogAAAAAAAAYpkAALeFAAAY2lhZWiAAAAAAAAAkoAAAD4QAALbPZGVzYwAAAAAAAAAWSUVDIGh0dHA6Ly93d3cuaWVjLmNoAAAAAAAAAAAAAAAWSUVDIGh0dHA6Ly93d3cuaWVjLmNoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGRlc2MAAAAAAAAALklFQyA2MTk2Ni0yLjEgRGVmYXVsdCBSR0IgY29sb3VyIHNwYWNlIC0gc1JHQgAAAAAAAAAAAAAALklFQyA2MTk2Ni0yLjEgRGVmYXVsdCBSR0IgY29sb3VyIHNwYWNlIC0gc1JHQgAAAAAAAAAAAAAAAAAAAAAAAAAAAABkZXNjAAAAAAAAACxSZWZlcmVuY2UgVmlld2luZyBDb25kaXRpb24gaW4gSUVDNjE5NjYtMi4xAAAAAAAAAAAAAAAsUmVmZXJlbmNlIFZpZXdpbmcgQ29uZGl0aW9uIGluIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdmlldwAAAAAAE6T+ABRfLgAQzxQAA+3MAAQTCwADXJ4AAAABWFlaIAAAAAAATAlWAFAAAABXH+dtZWFzAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAACjwAAAAJzaWcgAAAAAENSVCBjdXJ2AAAAAAAABAAAAAAFAAoADwAUABkAHgAjACgALQAyADcAOwBAAEUASgBPAFQAWQBeAGMAaABtAHIAdwB8AIEAhgCLAJAAlQCaAJ8ApACpAK4AsgC3ALwAwQDGAMsA0ADVANsA4ADlAOsA8AD2APsBAQEHAQ0BEwEZAR8BJQErATIBOAE+AUUBTAFSAVkBYAFnAW4BdQF8AYMBiwGSAZoBoQGpAbEBuQHBAckB0QHZAeEB6QHyAfoCAwIMAhQCHQImAi8COAJBAksCVAJdAmcCcQJ6AoQCjgKYAqICrAK2AsECywLVAuAC6wL1AwADCwMWAyEDLQM4A0MDTwNaA2YDcgN+A4oDlgOiA64DugPHA9MD4APsA/kEBgQTBCAELQQ7BEgEVQRjBHEEfgSMBJoEqAS2BMQE0wThBPAE/gUNBRwFKwU6BUkFWAVnBXcFhgWWBaYFtQXFBdUF5QX2BgYGFgYnBjcGSAZZBmoGewaMBp0GrwbABtEG4wb1BwcHGQcrBz0HTwdhB3QHhgeZB6wHvwfSB+UH+AgLCB8IMghGCFoIbgiCCJYIqgi+CNII5wj7CRAJJQk6CU8JZAl5CY8JpAm6Cc8J5Qn7ChEKJwo9ClQKagqBCpgKrgrFCtwK8wsLCyILOQtRC2kLgAuYC7ALyAvhC/kMEgwqDEMMXAx1DI4MpwzADNkM8w0NDSYNQA1aDXQNjg2pDcMN3g34DhMOLg5JDmQOfw6bDrYO0g7uDwkPJQ9BD14Peg+WD7MPzw/sEAkQJhBDEGEQfhCbELkQ1xD1ERMRMRFPEW0RjBGqEckR6BIHEiYSRRJkEoQSoxLDEuMTAxMjE0MTYxODE6QTxRPlFAYUJxRJFGoUixStFM4U8BUSFTQVVhV4FZsVvRXgFgMWJhZJFmwWjxayFtYW+hcdF0EXZReJF64X0hf3GBsYQBhlGIoYrxjVGPoZIBlFGWsZkRm3Gd0aBBoqGlEadxqeGsUa7BsUGzsbYxuKG7Ib2hwCHCocUhx7HKMczBz1HR4dRx1wHZkdwx3sHhYeQB5qHpQevh7pHxMfPh9pH5Qfvx/qIBUgQSBsIJggxCDwIRwhSCF1IaEhziH7IiciVSKCIq8i3SMKIzgjZiOUI8Ij8CQfJE0kfCSrJNolCSU4JWgllyXHJfcmJyZXJocmtyboJxgnSSd6J6sn3CgNKD8ocSiiKNQpBik4KWspnSnQKgIqNSpoKpsqzysCKzYraSudK9EsBSw5LG4soizXLQwtQS12Last4S4WLkwugi63Lu4vJC9aL5Evxy/+MDUwbDCkMNsxEjFKMYIxujHyMioyYzKbMtQzDTNGM38zuDPxNCs0ZTSeNNg1EzVNNYc1wjX9Njc2cjauNuk3JDdgN5w31zgUOFA4jDjIOQU5Qjl/Obw5+To2OnQ6sjrvOy07azuqO+g8JzxlPKQ84z0iPWE9oT3gPiA+YD6gPuA/IT9hP6I/4kAjQGRApkDnQSlBakGsQe5CMEJyQrVC90M6Q31DwEQDREdEikTORRJFVUWaRd5GIkZnRqtG8Ec1R3tHwEgFSEtIkUjXSR1JY0mpSfBKN0p9SsRLDEtTS5pL4kwqTHJMuk0CTUpNk03cTiVObk63TwBPSU+TT91QJ1BxULtRBlFQUZtR5lIxUnxSx1MTU19TqlP2VEJUj1TbVShVdVXCVg9WXFapVvdXRFeSV+BYL1h9WMtZGllpWbhaB1pWWqZa9VtFW5Vb5Vw1XIZc1l0nXXhdyV4aXmxevV8PX2Ffs2AFYFdgqmD8YU9homH1YklinGLwY0Njl2PrZEBklGTpZT1lkmXnZj1mkmboZz1nk2fpaD9olmjsaUNpmmnxakhqn2r3a09rp2v/bFdsr20IbWBtuW4SbmtuxG8eb3hv0XArcIZw4HE6cZVx8HJLcqZzAXNdc7h0FHRwdMx1KHWFdeF2Pnabdvh3VnezeBF4bnjMeSp5iXnnekZ6pXsEe2N7wnwhfIF84X1BfaF+AX5ifsJ/I3+Ef+WAR4CogQqBa4HNgjCCkoL0g1eDuoQdhICE44VHhauGDoZyhteHO4efiASI
28249aYjOiTOJmYn+imSKyoswi5aL/IxjjMqNMY2Yjf+OZo7OjzaPnpAGkG6Q1pE/kaiSEZJ6kuOTTZO2lCCUipT0lV+VyZY0lp+XCpd1l+CYTJi4mSSZkJn8mmia1ZtCm6+cHJyJnPedZJ3SnkCerp8dn4uf+qBpoNihR6G2oiailqMGo3aj5qRWpMelOKWpphqmi6b9p26n4KhSqMSpN6mpqhyqj6sCq3Wr6axcrNCtRK24ri2uoa8Wr4uwALB1sOqxYLHWskuywrM4s660JbSctRO1irYBtnm28Ldot+C4WbjRuUq5wro7urW7LrunvCG8m70VvY++Cr6Evv+/er/1wHDA7MFnwePCX8Lbw1jD1MRRxM7FS8XIxkbGw8dBx7/IPci8yTrJuco4yrfLNsu2zDXMtc01zbXONs62zzfPuNA50LrRPNG+0j/SwdNE08bUSdTL1U7V0dZV1tjXXNfg2GTY6Nls2fHadtr724DcBdyK3RDdlt4c3qLfKd+v4DbgveFE4cziU+Lb42Pj6+Rz5PzlhOYN5pbnH+ep6DLovOlG6dDqW+rl63Dr++yG7RHtnO4o7rTvQO/M8Fjw5fFy8f/yjPMZ86f0NPTC9VD13vZt9vv3ivgZ+Kj5OPnH+lf65/t3/Af8mP0p/br+S/7c/23////bAIQAAwICCAgICAgICAgFBgUGBQUFBQUIBQUGBgYGCAcGBQYGBgUFBgUGBgcGBgYGCgcGBwgJCQkHBwsNCggNBggJCAEDBAQCAgIJAgIJCAICAggICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgI/8AAEQgBAAIAAwERAAIRAQMRAf/EABwAAQADAAMBAQAAAAAAAAAAAAABAgMEBQYHCP/EAEAQAQACAAMEAwsLAwQDAAAAAAABAgMREgQGITEFE5EWMkFRUlNxgaHR0hUiIzNhgoOSsbLBQnLwFGKiwiTh8f/EABQBAQAAAAAAAAAAAAAAAAAAAAD/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwD9lgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmgL5AZAZAZAZAZAnQB1QJjDgE9VAHVR4gOqA6oDqgOqA6oDqgOqgDqo8QHVR4gR1cAicMDQCMgNIGQGQItUFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWoC4AAAJiATkCQTEAnICIBOQJyA0gnQBoA0AaQRkCMgMgRkCswACswCMgAAAZSAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC1AXAABbSCYgE6QTEAmIBOkExAL6AIoCYqCQAAJgFdAGgFARkCJBEwCswACswCAAZSAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC1AXABaIBIJiAWiATEAtEAtFAXiATpBMQCdAGkDSBpA0gTUFMgJgFbQCs0BSYBEwCJgFZABQFbgoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC9KgsC0QCcgWyBMQC8VBatQX0gtFQTFQW0gmIBOQGQJyAyA0grMAjIFZgEaQVmARkDOagrIKzAKgoCtwUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABrALRAJgFgTEAvWoNIgFogFogFoqC9aAvOGC0VBbIDSBpA0gaQVtAK9WCnVAragKzAKaQVmoM5oCs1BS0AzBW4KAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1gFoBaoLRAL1qDSsAvEAvWoL1wwaVwwXioLaATWoL5AmMME9UB1QKzUFZoCugEWqDOYBnaoKWqDOYBAM7AzuDKwKXBQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG1QWqC8AvWoNYgFogF61BesA1iAaUqC8UBeuGC+gF4oCdAGgDQCvVf5z/TkCtsP7AUinqBSYBWYBliV9gMtAKWqCkwCsgzxAYWqDLEBQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG1QXrALxANKwDStQaVgGlagvEA1rhg2pQF4qC4Lxhg0jCA6sHP2HoHEvyrMVn+u/zY9MZ5TPqB32x7m1jjiWm8+TX5te3vpB2e09EUnCtStYpqrOWmMuPOszPOeIPnl6TGcTwmM4mPFMc4BnagKdUDO2GClqAztAMJgFLVBnaAZYoMbAxxAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABtQGtAXiAaxANMgaUgGsVBpWoNq0BrSgLxUG1K+sHI2XYbXnKsTafsjl6Z5R65B3ex7oWnv7RSPFX51u3PTHtB3uxdC4dOVYz8q3zrds8vUDba+kKU760R9nO3ZHEHSbXvZ4KV+9ifDXj2yDtuh9u6zDi099xrbLhxjhPDwZ8weU3l2DTizMcIxPnx6Zz1e2PaDqLUBTEqDK1AY3qDOYBleoMbQDO0AyxYBhiQDC4KAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1rINoBrQGlQaRANqUBqDSoORANMOufDnM8ojOZ7I4g7jYd2cW/OOrr4Zvwn1V76Qeh2HdXDr32eJP2/Nr+WOPbIO1yrSPBSseLKsewHXbVvLSOFfpJ+zhXtn+IB0219N4l/D1dfFThPbnNv09AOu0ev7Z4z2zxA6sHdbsbTlaaTwi8Zx/dHvgHN3o2LVh6o54U6vuzwt/E+oHj7VBnauYMr0BlaoML1BlaoMb1BlYGWNAOPeAcfEBQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGsA3w+YN4BeoNKQDasA0qDsuj+icTE7yk2jyuVfzcgel6P3I8OJf7mH/Nrc/VAPQ7H0Vh4fe1iv+7nafTM5zIOVa3rB1e142POcUpWkeVa1Zt2co9oOpxuhMe052nV6bR/GUAjudxfFH5oA+QMXxR+aoHyBi+KPzVA+QMXxR+aoL7P0Li1tFoiM6zE99Hr9gPS3pExMTytGUx9k8JB5K+7GLnwiJjlE6ojh4+Pj5gzndbG8VfzQDi7bu7i0rN7REVrlnlMTPGYjl6ZB1FqgyvQGFqgyvUGN4BleAcawOPaQZzIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANqg2woBvAL1Bthg2gHqtytnwrWtFqRfErFb0m3HhynKJ4cJynl4Qe1x8etK52mKVr4Z4RHgj3ZQDodr3yrHDDrN58q/za9nfT7AV6B6XxMTF+dPzYpaYrXhXPhx8c8/DIO+2va60jVacoziM8pnjPLlEg4cbxYPlT+W3uBaen8Lxz+W3uA+XsLyvZb3An5dwvK9lvcB8u4Xley3uA+XcLyvZb3AiensLyvZb3AjugwvKn8tvcCs7x4PlT+W3uBtsvTeHe0VrMzac8oynwcZ8AMt5/qL/h/vqD5/aAZWBjagMbAwxAZXBxrwDjyDOwIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABrhA5GEDesAvkDXDBvEA7LoLburxaW8ETpv8A224W7OYPpO37LGJS1PLrMZ/pPqnKQfOYw8pmOU1mYmOXGOEg73dL637lv+oO73n+r+/X9JB5auYORg7Na3Ks2y56YmcuwE2wpicpiaz4pzifaACYBGYKyDOYBSYBzN3/AK6nov8AtkHf7yfUX/D/AH1B4K8AwxIBS4ONYGGIDKwOPjA41wZSAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADXCByMIG9QaA1wwbgvQH0jdjbteDXPvqfR2+7ynsyB0G9GxaMXVHLGjVn/ujKLR+k+sG26f1v3Lf9Qd3vP9X9+v8g8vhxnMRyzmIz9PCAe52bZ4rERHCI5e/wC2QcTprZ4mlp8NI1Vn0e+AeXBaLAUrMzERGczOUQDkdIdHzh6c+MWjn/u8McwcGQVkHK3f+ur6L/tkHf7x/UX/AA/31B4O4MbgxxZBx7gwxAZWBx8YHHtIMrAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG1Qb4INqyDSJBrQG9QaVB6jcvb9OJonlixw8WqvGO2M4B3+9Gx68KZiM7YU64y55R30R6v0B0u6Fvpfw7f8AUHeb0z9F9+v6SDymH/n+eoHqdg3hrMZXzraIjOcuFvt4foDj9K9NxaNNOU99aeHqiOYOo1AkHedBdH5fPmOP9ET4vH7gdj0jsWukx4edZ8U+AHRYu7tora0zGqsTaK1znPLwZ8P0B0k3Bzt3vrqei/7ZB3+8s/QX/D/fUHgrAxxAYYlgY2BhiAysDjYkg4uICgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANag3w+YN4BeoNqyDWtga0sDlbLtE1tFq8Jpato9XH/wBA+n4GLF6RPOuJWJ9Vo/yAeb6B2XRtNqeRW8R9scJrPZkDtN6p+i+/X+QeUpcGkAvSM54RnP2Rny9AJiwOd0TsXWWy/pjjef0j1g9ZWuXDwRw9wLArav8A8B4HbcLTe1fItNY9H9M+uMgcrdz66nov+2Qeh3mj6C/4f76g+f2BlcHHsDOwOPcGWIDjWBx7SDOZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABrUG+HzBvAL1kF6yDagNayDbDuD3G5O36qThzzwpzr/AGWz/S0THYDtbbF9PXEjlOHbDt6c4ms9mceoHF3s+q+/T9LA8jWwN8GJmYiOM2mIrHjkHsOieiow448bz31v4j7AZdIdA1txr9Hbw+TPpjwT6Ac3o7Yow6xXnPO0+OfCDlAAA8jvXs2V4t4MSvH+6vD9JjsBw93L/TU+/H/GQej3ot9Bifh/vqD59a38gxvYGNpBleQZTIMbyDj2BxsQFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAbVBrSQbVsC1Qa1kGlLA1rINag7ndrb+rxaz/TfPDv6LeH1WykH0eJB0u98/Rffp/IPHRPLxzyj/PtB7HoPo6mHGdrVnEtznOvzYn+mOPbMA7aNor5Ve2PeCf9RXyo7Y94EbRXyo7Y94J/1FfKjtj3gj/U18qvbHvA/wBTXyq9se8HTb0VrbCmYmJnDmLxlMeifZOfqB0G7E/T0/En/hYHpd64/wDHxPw/31B88vYGNrgytYGNrAzmQY4sg48yDDEBQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG1QaUkF4BqC8SDSJBrQGsSDWtwfTugdv6zCrbw5ab/AN1eE9vCfWDHefZLXw9NI1210nKMo4RnnOdpiPDHhB5aN3to83P5sP4wWjd3H83PbhfECe5/H83PbhfEC0dAY/m57cP3gfIGP5ue3D94HyBj+bntw/eCO5/H83PbhfECs7u4/mvbhfGCLbuY/mp9U4XxA527/QmNTGra1JrWNeczNOGdZiOVpnnIO63tn/x8T8P99QfNbW/kGdrAztYGVpBnYGOLIMbAxxAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABtUFqg0iQXrYGkSDSJBatgb1uC0WB6jc7p2uHrpiW00tlesznMRblMcImc5iI7AeojejZ/O17LfCC3dPgecjst8IHdNgecjst8IHdNgecjst8IHdNgecjst8IJ7pMDzkf8AL4QR3TYHnI7LfCB3TYHnI7LfCB3TYHnI7LfCCO6fZ/OV7LfCB3UbP5yvZb4QdXvLvBg3wL1reL2toyrGrOcr1mecRHKJkHg7W7AZ3sDKZBnaQVmQZYoMLSDLEBQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGsAvQF4BbMGkSC8SC8SC0SDWMQGkWBatwaRYF62BbUBrBE3gDWBqBW1gVzBTUClrAznEBS9gZzYFLSClrAztIMbyDO4KAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1gFqgtqBaJBaLA0rYF4sC0WBbUDSuIC+YLVsC2oFouBrA1gawNQKzYETYGdsUGcyCsyCsyCsyClrAztYFZkGVgUuCgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL1sC8SCwJqC0SCwLVsDSJBatgWrYFtQJrYF+sAi4L6wOsgDrIBW2ICNYKzIK6gVmwKzII1ApawM5kFMwJBkCtwUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABagLgmJBYFokEwCcwXrYFosCQW1AvqAiwLawNQGoDUBaQV1AagUmQRMgiZBnaQV1ArMgiZBAKArcFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWoC4AGYLRIJiQWiQTmC0WBatgW1gmLAagTEgnWBrA1gTIK5gjWBrBXUCs2BWZBGYKzIIBEyCAZzIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABagLgAAAtEgmJBMSCcwTmBmC8WA6wE9YBrA1gagOsBGsEZgi1gRmCJkFcwQBMgrmAADKQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWoC4AAAAJiQTEgkE6gNQJAABMSCdQGoFQARMgagRMgAArMggAAAGUgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmsgtrBMSCQAAAATEgnUACQAAAAAAAARMgjUCJAAAAAABlIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAESDTWBrA1gawNYGsDWBrA1gawT1kAdZAHWQB1kATiQCNYGsDWBrA1gawNYGsDWBrBW1gVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB//2Q=="},function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return d}));var l=a(7),n=a(1),r=a(0),i=a.n(r),o=a(16),s=a(19),c=a(2),u=a(41);function d(e){let{orderIDs:t,open:a,onClose:r,handleCompleted:d}=e;const{setNotify:m,toggleToast:p}=Object(s.b)(),[g]=Object(u.a)(),[A,{loading:b}]=Object(l.c)(o.H,{onCompleted:()=>{m({msg:"Buy Tiktok Label successfully.",err:!1}),r&&r(),g(()=>{d&&d()},1500)},onError:e=>{m({msg:Object(c.ib)(null===e||void 0===e?void 0:e.toString()),err:!0})}}),h=i.a.useCallback(()=>{t&&0!==t.length&&(p&&p(),m&&m({msg:null,err:!0}),A({variables:{orderIDs:t}}))},[t,m,p,A]);return i.a.createElement(n.E,{title:"Buy Tiktok Label",open:a,onClose:r,sectioned:!0,primaryAction:{content:"Submit",onAction:h,loading:b},secondaryActions:[{content:"Cancel",onAction:r}]},i.a.createElement("p",null,"Are you sure to buy Tiktok Label?"))}},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJD
28249QsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAH0AAAIDAQAAAAAAAAAAAAAAAAEDAAIEBQEBAQEBAQAAAAAAAAAAAAAAAQACAwgQAAIBAgMEBA8AAAAAAAAAAAECEQAxIRIDQWEiE1GxMjNxgZHRYnKCkqKywiNTYwQRAQABAwUAAwAAAAAAAAAAAAABESEC8DFBUXGBoRL/2gAMAwEAAhEDEQA/AO/zNNYZCxLGYMi94ou9v/meQYK5McakCQSWEbrVkxMxqhL6a63ZUA9oYkNBm4GzxU7NY5Tin2/xjymisi/YpwuQ4QxZTcgxuwvTKm8WXKzlzAEK2McMg2AMVDwF5eEaGW+UkHo2nCozXtTN6S+6fPTSDRq4lPMzqwa4YAcO4gUOW9qBDSuUzA7SkEY9VR9RV2DnKEuAQMeiKKqZ8Ky/s/p+CtN/EfZen3Q9RvlNXKy313BR7xvZ6hU3wGjY+H6qVlvrptrDD//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAUG/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AmwF5lAAAAAAH/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDsaKKK9g+ACiiigAooooAKKKKAP//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAG4AAAICAwAAAAAAAAAAAAAAAAMEAAUBAgkBAQEBAQAAAAAAAAAAAAAAAAABAgMQAAIBAgIIBAcBAAAAAAAAAAECAwAREgQhMWFxobEiE0GRMhRRgVKS0jNTNBEBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhEDEQA/AOzGYTMsy4GDIBoJG
28249Lgfjsruy3ihYDCTcnSyem+43oDOWvF1opAIKFrnd0mgD2D/AGy/m9AtmJZFkXtTF4lNiAQSNhvQHy8xdXHYwsdIVlJOjxFqCNHE4KfrF+v1Am/EUGPaxbfNqA8mXjljvAViAsDiVsR40CZy7pIqrILEdKrdOZNA0HzCDAAtr9BLXJA8To10QL3Of+iH7j+NFWQ1LvPOgTzOp9xoK3If6fkOdWgtQf/Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAH4AAQADAQAAAAAAAAAAAAAAAAIAAQMIAQEBAQEBAQAAAAAAAAAAAAABAgADBwgQAAEDAgIHCQAAAAAAAAAAAAEAEQIhMUESUXGhseEiUvBhgZEyggMzUxEAAgECBAUEAwAAAAAAAAAAAAER8AIhMUFRYYGREgNxsSIy8VIz/9oADAMBAAIRAxEAPwDu0knK1YimtfFPc3G1Uj3wppBgCGJoTvWfcstRwEYNdpUDjBVd4441WoSFj1x8lMXbroMoWYserEvbUFdt7jiEEEWZ5mpL8boVqUfJ1uaeBByliSwLkHSm34OMcGZ4i5v22hHa/wBvYMNiMxMQz4xVq2JSz2MZgMBly2qNRZcVbClRWHMZ3HQEE1rYX71UpQ3Va5mFy6NvFMKvyBnH1+J3Ln4/v19irshxsO2BXa3T0JZl8n2+wrh5f68irfqWgD//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAACCQAAAqsAAANlAAAEjP/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EALYAAAIDAQAAAAAAAAAAAAAAAAMEAAECCAEBAQEBAQAAAAAAAAAAAAAAAAECBwgQAAEEAQMFAQAAAAAAAAAAAAEAEBECEiAhAzAxIhMjBBEAAQIEAwMLBQAAAAAAAAAAAREhADECEkFRA2GBIhBxkbHBMkKC0hME0WJTc5MSAAMAAAAAAAAAAAAAAAAAACAwQRMAAgECBgICAgMAAAAAAAAAAREhADEQQVFhcZHw0YHBobEg4fH/2gAMAwEAAhEDEQAAAe8/IvWhwbQ8Jqaxi5sXl2QBm62bZVltP//aAAgBAQABBQIWlG0rKV9FgCoE4+Xr40KiADF4qsrNx9/1N//aAAgBAgABBQJ99EDRJezf/9oACAEDAAEFAuns4b//2gAIAQICBj8COJ//2gAIAQMCBj8COp//2gAIAQEBBj8CWZqkQ16TsBW1M4AYgkPtxpoz1NsomwZLWuSU+LVXdsju/J6NP0QSWYXgvjSnu5jIQVmRRdgbOG27LSRGiRCjhztRyBhpGJ/F6avrFJlM02+I4+0Cm8lIoZENJY+JXsz1X5oQFCTdWqs0yfyfbHfr/kPXGp5eyPJpdVMU/sp7OT//2gAIAQEDAT8hshEYGJMoSTMl1wpNCl8ERndFGFgwgOYb0pEICsEiLQOBaJCNoVNaLJxCJBIpgGbTQMBEGEABCQtUhm6wfTESCIAgthEnQACcHkJMEKC+TQFzqZM0kgOpMSLGDrhuN+H60s0F3gnB/9oACAECAwE/IXTp18qWdLXz+qU4AWwMVydV6oX6r7Yf/9oACAEDAwE/IceqeDpnEJpU0rLF/9oADAMBAAIRAxEAABBuAQyteO3/2gAIAQEDAT8QIgWBchuiXQJiEwpaW1mANaklghYKgCGDUkBtEyzIjJAVi6MILz0ySyfKAXQpmES04eFMUR4RCxLGiaM5KbNJAYISGM5gAUbBIEYNmBIMMGAyiyKAgALSnAEDKLhGhw+AQ2JAYWQQla3/ACxO83P/2gAIAQIDAT8QDhiTtnxpzL6rItu9Bvvai2cDJRxudMtq8YpDmAQb+9eIpCS0oPj/ABb81CwgERx6rd70AAOIhZnb2VQYAiL+b9DejkBe56/cWzrc6PdDOljj6Vkw/wD/2gAIAQMDAT8QIFsu+9eKAU5rx+qSgXPnX53pjXsfdaLz7t90ygkpXOfzvUhcMGefdbdCS0P85+lRImb/AK328VNI2y803ri7we9X/H3h/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAG8AAQEBAQAAAAAAAAAAAAAAAAQDBQkBAQEAAwAAAAAAAAAAAAAAAAEAAgMEEAACAgECAgcIAwAAAAAAAAABAhEDACEEQRIxUXGRIhM0YaHhMnKy0lNjc5MRAQADAQAAAAAAAAAAAAAAAAABESEx/9oADAMBAAIRAxEAPwDqNaqotQN7VugEKsfOQJABBMDhnYxVrNmllbuSF1Los9GhGCRtu3ahHDuQDDs6Cs6nhHtPTiFvH/J/r8MCNY1llW33EMlHOAABKgTxAEjHLVnBTbVzCa3Bma2JJQmNJEDJMsLtNujWPeQGJBuIDqJ6yYjuy0cT5dl+x+4Y0qgnyyyAJerVwCEXUGDJPhJHbgU1uCu67V6hWunkkkGZEzHVrplQIjb2VGx9tW3KviYkMOOsiR25ETzj+uj3/lhiLHpz2NiJ4x6vUJ9LffiY42KvRN/UMoTPya3/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDnqKK6zwn4TbVHW9vVK2Sn5VPBlP8Ah716TdtT7irVjSjzSE8J+FG1R1vb1Stkp+VTwZT/AIe9eif2Xp//AD423/fpf8KsqixoqIoVVGAoGABS1hKTbPnq+JnVlfZHmPhTwm2qOt7eqVslOVXoZT/h716airGioihVUYAAwAKraX/yCLP/AK4J/wCgirVEpNsMTXlVnd7
28249IWkooqTnP/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4gWkSUNDX1BST0ZJTEUAAQEAAAWUYXBwbAIgAABtbnRyUkdCIFhZWiAH2QACABkACwAaAAthY3NwQVBQTAAAAABhcHBsAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWFwcGwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAtkZXNjAAABCAAAAG9kc2NtAAABeAAAA1ZjcHJ0AAAE0AAAADh3dHB0AAAFCAAAABRyWFlaAAAFHAAAABRnWFlaAAAFMAAAABRiWFlaAAAFRAAAABRyVFJDAAAFWAAAAA5jaGFkAAAFaAAAACxiVFJDAAAFWAAAAA5nVFJDAAAFWAAAAA5kZXNjAAAAAAAAABRHZW5lcmljIFJHQiBQcm9maWxlAAAAAAAAAAAAAAAUR2VuZXJpYyBSR0IgUHJvZmlsZQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAbWx1YwAAAAAAAAATAAAADHB0QlIAAAAmAAAA9GZyRlUAAAAoAAABGnpoVFcAAAAWAAABQml0SVQAAAAoAAABWG5iTk8AAAAmAAABgGtvS1IAAAAWAAABpmRlREUAAAAsAAABvHN2U0UAAAAmAAABgHpoQ04AAAAWAAAB6GphSlAAAAAaAAAB/nB0UE8AAAAmAAACGG5sTkwAAAAoAAACPmVzRVMAAAAmAAACGGZpRkkAAAAoAAACZnBsUEwAAAAsAAACjnJ1UlUAAAAiAAACumFyRUcAAAAmAAAC3GVuVVMAAAAmAAADAmRhREsAAAAuAAADKABQAGUAcgBmAGkAbAAgAFIARwBCACAARwBlAG4A6QByAGkAYwBvAFAAcgBvAGYAaQBsACAAZwDpAG4A6QByAGkAcQB1AGUAIABSAFYAQpAadSgAIABSAEcAQgAggnJfaWPPj/AAUAByAG8AZgBpAGwAbwAgAFIARwBCACAAZwBlAG4AZQByAGkAYwBvAEcAZQBuAGUAcgBpAHMAawAgAFIARwBCAC0AcAByAG8AZgBpAGzHfLwYACAAUgBHAEIAINUEuFzTDMd8AEEAbABsAGcAZQBtAGUAaQBuAGUAcwAgAFIARwBCAC0AUAByAG8AZgBpAGxmbpAaACAAUgBHAEIAIGPPj/Blh072TgCCLAAgAFIARwBCACAw1zDtMNUwoTCkMOsAUABlAHIAZgBpAGwAIABSAEcAQgAgAGcAZQBuAOkAcgBpAGMAbwBBAGwAZwBlAG0AZQBlAG4AIABSAEcAQgAtAHAAcgBvAGYAaQBlAGwAWQBsAGUAaQBuAGUAbgAgAFIARwBCAC0AcAByAG8AZgBpAGkAbABpAFUAbgBpAHcAZQByAHMAYQBsAG4AeQAgAHAAcgBvAGYAaQBsACAAUgBHAEIEHgQxBEkEOAQ5ACAEPwRABD4ERAQ4BDsETAAgAFIARwBCBkUGRAZBACAGKgY5BjEGSgZBACAAUgBHAEIAIAYnBkQGOQYnBkUARwBlAG4AZQByAGkAYwAgAFIARwBCACAAUAByAG8AZgBpAGwAZQBHAGUAbgBlAHIAZQBsACAAUgBHAEIALQBiAGUAcwBrAHIAaQB2AGUAbABzAGUAAHRleHQAAAAAQ29weXJpZ2h0IDIwMDcgQXBwbGUgSW5jLiwgYWxsIHJpZ2h0cyByZXNlcnZlZC4AWFlaIAAAAAAAAPNSAAEAAAABFs9YWVogAAAAAAAAdE0AAD3uAAAD0FhZWiAAAAAAAABadQAArHMAABc0WFlaIAAAAAAAACgaAAAVnwAAuDZjdXJ2AAAAAAAAAAEBzQAAc2YzMgAAAAAAAQxCAAAF3v//8yYAAAeSAAD9kf//+6L///2jAAAD3AAAwGz/4QCARXhpZgAATU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAABIAAAAAQAAAEgAAAABAAKgAgAEAAAAAQAAABmgAwAEAAAAAQAAABkAAAAA/9sAQwACAgICAgECAgICAgICAwMGBAMDAwMHBQUEBggHCAgIBwgICQoNCwkJDAoICAsPCwwNDg4ODgkLEBEPDhENDg4O/9sAQwECAgIDAwMGBAQGDgkICQ4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4O/8AAEQgAGQAZAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/n/oorYsbEykTTDEXVVP8X/1qunTc3ZGdWrGnG7CxsDK4nmXEfVV/vf/AFq3sL/dH5CndBgUV7FKjGCsjwa1eVSV2c/YWBl2zTj931VT/F/9aug7Y7U1f9Sv0FOHQUqNJQjZDr1pVJXYUUUVsYH/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAoECAv/xAAnEAACAQQCAQEJAAAAAAAAAAAEBQMAAQIIBgcJERIUGDhYeJe31v/EABsBAAEEAwAAAAAAAAAAAAAAAAAHCAkKAgQG/8QAMBEAAgIBAwMBAg8AAAAAAAAAAgMBBAUABgcIERITQYEWFzY3UVVXdXeVlrS209X/2gAMAwEAAhEDEQA/AM/+jRoo0aZA8LHhYabatEezuzqM9NrCmPxM4dw0zEhe077aLyPS9rXteEsHq0EuHKFw4hyiI5SRFMhQzYQYNWq+Lvru67qnDNTIcT8T5Cve5ZvV5RnM4mV2anHVSyvv7fNNjd1hJwyjRODXiFmGRyIEZU6dlfOJOJGbnYncW4kmrbqj8qlQvIGZpgF7iDGgUdmtjsVkolKZgYYwHXvhW1g+nDoX8P8AXv8APVAx8cHLX2o8i/rbcv8Ap6d18G9u/UOF/K6P9GsmGrleoydMgeFjwsNNtWiPZ3Z1Gem1hTH4mcO4aZiQvad9tF5Hpe1r2vCWD1aCXDlC4cQ5REcpIimQoZsIMGrVfF313dd1ThmpkOJ+J8hXvcs3q8ozmcTK7NTjqpZX39vmmxu6wk4ZRonBrxCzDI5ECMqdOyvnEnEjNzsTuLcSTVt1R+VSoXkDM0wC9xBjQKOzWx2KyUSlMwMMYD5KpUrRK1qRItATJUwAapQoVBjr1apWvHjEAWrQBI4RAQARIYhQwxYohxh4o4YY8I8McbV3Lly3kLdq/ftWL1+9Yfcu3bj2Wbdy3ZYTrNq1ZcRusWLDjNr3tM2NYZGZERTOnorWtK1pSsFKUArUpYiC1rAYEFrAYgQABiBERiBEYiIiIjU+tbWekJfCt4WmW27NHs9s0kOUawJmPvXDuHFWnAZ99NlhWUcmPtY3iKB6uXmwZjOm8OURPKCoZ0COWOKNs1XWLOu/rtq8MVMhxNxRfr3eWb1b0s3m0+nZqcdU7aoIZ7T5psbtsoYLaFI4NWJUa8lkAIyp07LK+JOJWbnYncW4Umrbqj8qlUu4MzTVl2n6CDHAcSLWx2KwUSlMxENYD5apUrRK1qRItATJUwAapQoVBjr1apWvHjEAWrQBI4RAQARIYhQwxYohxh4o4YY8I8McbV3Lly3kLdq/ftWL1+9Yfcu3bj2Wbdy3ZYTrNq1ZcRusWLDjNr3tM2NYZGZERTOnorWtK1pSsFKUArUpYiC1rAYEFrAYgQABiBERiBEYiIiIjU+tbWeijRqqui3yVak/bb0p+ueO0sHUJ8/HM/4pb8/k+T1zWzPkjtj7gxP7FGrVUj+ul0UaNFGjX//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAoECAkL/8QAKBAAAgICAgEDAgcAAAAAAAAAAwQCBQEHAAYJCBETFCEYOFd3l7bV/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AOf/AMA4G4viz8Wb/qNfqd977qXKzQlY5hnrHWGcGSf3A+kb2z98fGwpr9RgeRWdmLIzdhMMtRUEiGNhYJg1J+HvQf6H6g/jXpn+LwOctwNxfFn4s3/Ua/U7733UuVmhKxzDPWOsM4Mk/uB9I3tn74+NhTX6jA8is7MWRm7CYZaioJEMbCwTBvevr0KhBGqqkU6yrrE1q+tra9YKSFegkGCyaKKa0BrqJqLjGBZYAxhAEcBChGEYxwEzgJ9eLLxaveo9+p35vmqartB1bv1HWOssfMm/uCxQYzCcfeORsKdASaDMFpZCkM9+wItPUkgKFjYJg3zX16FQgjVVSKdZV1ia1fW1tesFJCvQSDBZNFFNaA11E1FxjAssAYwgCOAhQjCMY4CZwDgV59I/5WPTh+xurP6TS8Cw3AOAcD//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMpaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7v
28249yIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA4OEU2NEYyRjBEQzExREY5MTk5RjQ3NjEwQzY1MTA1IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA4OEU2NEYxRjBEQzExREY5MTk5RjQ3NjEwQzY1MTA1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY5RTE0MjM1RjBEMzExREY4MTU0RDAzNURFQkRGNkI5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY5RTE0MjM2RjBEMzExREY4MTU0RDAzNURFQkRGNkI5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAGQAZAwERAAIRAQMRAf/EAIEAAAEFAQAAAAAAAAAAAAAAAAcAAQMGCAIBAAIDAQEAAAAAAAAAAAAAAAAGAgMHBQEQAAIABAMHAwUAAAAAAAAAAAECABEDBCEFBjFBUbEiYhPREnKyU5MUNBEAAQICCgIDAQAAAAAAAAAAAQACUQMRMUFhcSIyEwUGkbHBElIU/9oADAMBAAIRAxEAPwDKkCF3tlhAhXrQuhDflMzzNJWQ6qFBsPKRvPBOccTk+TDMjNVpgnDgOv7tE6cMljY34XW+yh+rS+yv419IWdx0T5Wgfzyvy3wFnXbLCNBWHq9aF0Kb4pmeZoVslPuoUGw8st57OccTk+TDB9GarTBOHX+v7lE6cMlgjebveFZUVVVQqgKFAAAEgJcBCsSSaStFa0NFAqSkOERUkKtCaFN+aeZ5kkrIdVCg2HllvPZzhr5Pk9vIzVbcs46/wG7RPnDJYI3m6EcKyqqqqhVAUKAAAJSlCsSSaStGa0NFAqTxFepQIUFl/Nb/AAp/SItfWcSq5OgYfCmGwRUrE8CEoEL/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcEBAQFBAcFBQcKBwUHCgwJBwcJDA0LCwwLCw0RDQ0NDQ0NEQ0PEBEQDw0UFBYWFBQeHR0dHiIiIiIiIiIiIiL/2wBDAQgHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAhICAgICAgISEhICAgISEhISEhISEiIiIiIiIiIiIiIiIiIiL/wAARCAAZABkDAREAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAACAAJAf/EACUQAAAEAwgDAAAAAAAAAAAAAAABAgMFBggEFBUhIiUzQTE0Q//EABQBAQAAAAAAAAAAAAAAAAAAAAD/xAAVEQEBAAAAAAAAAAAAAAAAAAAAMf/aAAwDAQACEQMRAD8ANwCAIGnKnLF7vOc52fZ8nYXC3S9rtL76T+HaEHyeT0cgg+gOgEDTlTli93nOc7Ps+TsLhbpe12l99J/DtCD5PJ6ORSFCAzcAIKnKnLF7vOc52fZ8nYXC3S9rtL76T+HaEHyeT0cikKEBAM3AEAgEAgH/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcEBAQFBAcFBQcKBwUHCgwJBwcJDA0LCwwLCw0RDQ0NDQ0NEQ0PEBEQDw0UFBYWFBQeHR0dHiIiIiIiIiIiIiL/2wBDAQgHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAhICAgICAgISEhICAgISEhISEhISEiIiIiIiIiIiIiIiIiIiL/wAARCAAZABkDAREAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAYHCP/EACIQAAECBAcBAAAAAAAAAAAAAAABAwQGMWECEhMjQnGxEf/EABgBAQEBAQEAAAAAAAAAAAAAAAAGBQQH/8QAIxEAAQEGBwEAAAAAAAAAAAAAAAECAwQGQmEREiIxUXGxQf/aAAwDAQACEQMRAD8A5uAABQS9L2p8jIxNurba8rrb3qvBFxdLJXS9L2fB8+TT8Tm62963pTMLgzoojxkoJel7UyxkZh26ttryutveq8EXF0slbL0vZ8Hz5NFLPN1t71vSmYXIAJqXpe1MsZGYdurba8rrb3qunFxdLJDS9L2fB8+TRSzzdbe9b0pmFyAAAAAAAAAf/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD5/oortfBXgp9ZkXUNQRk09T8qHgzEf+y+p/D6AB4K8FPrMi6hqCMmnqflQ8GYj/2X1P4fT1H+xdK/6Btn/wB+F/wq4iJFGscaqiKAFVRgADsKdWiVibnkHgrwU+syLqGoIyaep+VDwZiP/ZfU/h9PXURIo1jjVURQAqqMAAdhVPRf+QFp/wD17R/+gir1CVgYUUUUCP/Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDnKKKK+uPlwooooAKKKKACiiigD//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAACFwAAAmEAAAMYAAAEI/
28249/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EAKwAAAMBAQAAAAAAAAAAAAAAAAQFBgcDAQEBAQEAAwAAAAAAAAAAAAADAgAEAQcIEAACAQQCAgMAAAAAAAAAAAAAAQMQEQISIDEhEzMEFBEAAQIBCQkAAAAAAAAAAAAAAAExIfARQVGBkaGx0RBhceHxAhIychIBAAAAAAAAAAAAAAAAAAAAQBMAAgIBAgUFAQEAAAAAAAAAAREAITFBURDwYYGhcZGxwdHx4f/aAAwDAQACEQMRAAABkfpH1QPNMys6cbRyrZIk9ITV+fnV5p5KQLOrByDy6fKm8t//2gAIAQEAAQUCyWWLUzI5rntZJCsiWHUybwPchmeFyb65+WknUvxn/9oACAECAAEFAi3C54ZrVM2Hw//aAAgBAwABBQKtqWLmxcTOzUQhU//aAAgBAgIGPwIH/9oACAEDAgY/Agf/2gAIAQEBBj8CX2apSZSCLfDkNiLT9LHNxYLdfuFloNmRnt6jeVtA2EdBsF1O3iLKolVs/9oACAEBAwE/Ia8RhYf0kCAAE6mw9SSGG9JkAGgMmIt7ip13slk3WChyugLhyQo1trWB8RMSwiAXjAxbzOSf1BBZJLKQArBAwsGDqwlm9JEEWLEppjqrnSFgCD1jRTj0fueb9xk7cH//2gAIAQIDAT8ho+sMIy40YN8XE4hRF4DNeH//2gAIAQMDAT8hxwIHSJAWJbEYXE6we6AMQCdnBomHD//aAAwDAQACEQMRAAAQK2V4IiJq/9oACAEBAwE/EBtpQWFk2CSBggsAga3FhKYAVBLWBALIaYcGQMG7gS5BQPVuc6fUECKkMMYNqEFpiCR1cCBAHTaJLrYIQQ6LouCWIQBGhoIoUDa2MzoZ75xGk4BZYpLcOa64AFIKaqmURvLyjMZYYYIBalkLK4Yc63jzcfP+Hh//2gAIAQIDAT8QDVdJqUsY5/ZuEp4HXv8Ace3xAYDZXK50mXq9YREDp/Im8IBdV4lltCFa7z1PP5MJh2mnt98P/9oACAEDAwE/ENzCb553gIOW/XxzUMepZrTtf+YnUPuYFCAfL5+oSAayPSAthr/ZzlFI18u189IEBGfmBoTS+In8D9mXeZct593D/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAB7gAAAjkAAALiAAADzP/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EAKEAAQEBAQEAAAAAAAAAAAAAAAQFBgMJAQEBAQEBAAAAAAAAAAAAAAACAwQBBhAAAgMBAAMAAAAAAAAAAAAAAAIBESEQMEBBEQABAQUHBQAAAAAAAAAAAAABAPARMWFxIUGBkaHBAhDR8UKyEgEAAAAAAAAAAAAAAAAAAABAEwEAAgECBgMBAQEAAAAAAAABABEhMUEQ8FFhcaGBkbHRwfH/2gAMAwEAAhEDEQAAAfKfyvrkFU51YHl9WVYVKVUcWd0Z2hunTpzuf0ZqcqqDaX//2gAIAQEAAQUCUixKKQgiMScIu1FbNPqkc//aAAgBAgABBQL0P//aAAgBAwABBQLueX//2gAIAQICBj8CB//aAAgBAwIGPwIH/9oACAEBAQY/AoPxQpIhzkHOmWCiNUA0lg16cA2UlDU9lbWZtW11cSp+VFca7ri3qFn9Hp//2gAIAQEDAT8hDrXRnHImNc3z0mXsyyBYVSVRMA6C30jVw58/8CQoeKQvQMlruphVpqbDTOyN5hMQLVQvLV5bd0xKuNjcZTA750joyVsGy1BuuBW1ttV1nGm64B706/jDf54T/9oACAECAwE/IXgy2d+Dw2jE4bR3jw//2gAIAQMDAT8hJmHB24DtMQ1hB++G8NocP//aAAwDAQACEQMRAAAQ/EFdgS6f/9oACAEBAwE/ELQMoCBE1VWnQptryLRq7QBxopFpTRvVMCWstYCxb0qFmLa62xzX/kQEaGhrYG2a7+pmQCqKmgirIesb6lKeoBmTjG1QCsDrVNdCF0LMAsTmm5vLT4iA2LUajSN4cVY/EsVpmwgWivgTppV6S+t9P9nIuqerLr4P/9oACAECAwE/EFtdc885jWfMvas8kUytIuc9Yc2srv6jWiDp9zJ2lnT3HV4mjluzR9fhw//aAAgBAwMBPxAbh755+ofjzK0BXfnn+12e4DQIGPiYqEro/ZbVVe4k/kKotmya+WxP6/eH/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAB9gAAAi0AAALLAAADlv/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EAKcAAAICAwAAAAAAAAAAAAAAAAMFAgQAAQYBAAMBAQEAAAAAAAAAAAAAAAABAgMIBBAAAgIBAwUAAAAAAAAAAAAAAAEQEQIgMBIhMUEyAxEAAQIEBQUAAAAAAAAAAAAAABBR8AEx4WFxocEC0UKCkqISAQAAAAAAAAAAAAAAAAAAAEATAQABAwQBBAMBAQAAAAAAAAERACExEEFRYXHwgZGhILHhMPH/2gAMAwEAAhEDEQAAAee5n7JxIFFTSW+N7CIU2mSoYqdJXun/AJ6gJRug3P8A/9oACAEBAAEFAqjJHFjRXVqbM8jmzEy9fp3P/9oACAECAAEFApvWipUf/9oACAEDAAEFAt7yf//aAAgBAgIGPwIH/9oACAEDAgY/Agf/2gAIAQEBBj8CTUppcdIexXl9EYpNrnb7E4c5ZdDx2mn/2gAIAQEDAT8hRe2/Lvi0SkFQh2jAX25SKRHN7JsRcBYteup8qXcEmJ3nzbmoeFsYZ5mBhPeiv7r52YYpBS7wE7b/ADxemJO8bM783vUZ0DtEKdrYfavR/msPIp9X+6ZPLQ//2gAIAQIDAT8h0Px31EtR7+NCsffT/9oACAEDAwE/If8AOPOhTo//2gAMAwEAAhEDEQAAEGwftnTGQP/aAAgBAQMBPxAylAb8iUihfM3XNpTZCRdBEgG83IC/QAsGLQWdxZBjOL50gNwBJN5zaBAExBEExSeBEaMgxQwYZEkqK9gaw2KJWN1486MZnErSZM4FoM9yS3oGSYIDnJOzNpQhYqICQcSLguZntEDm9dNH0Hj8AER//9oACAECAwE/EK3pAjaocvz/ACin7oqen1URT1ikA3rsoK2eax+mTT//2gAIAQMDAT8QeqiWkm1Q0l4qNqSpOH7r1+6am1Q/4/tc+uawfGp//9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJD
28249QsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAGoAAAMBAQAAAAAAAAAAAAAAAAECAwAIAQEBAAMAAAAAAAAAAAAAAAAAAQIFCBABAAEDAgMGBwAAAAAAAAAAAQIAESExEkGBIvBRYXGhA5HRMlJiEzMRAQEBAAAAAAAAAAAAAAAAAAARAf/aAAwDAQACEQMRAD8A4XI4BjGLO6Lgb6WrUupgLYHpQzEb89KoGxkbrstUx8aBLz+99KVJiu1kEtuhiJbJoZoFcRDdaQ2VcFBP6fBcLQb9j2agMzZK3B6iWTklUOR6V2udW/lpign+Tl884KgXdHu9X51EWeHOslJ7ekqKp7f85VUPQf/Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAGoAAAMBAQAAAAAAAAAAAAAAAAECAwAIAQEBAAMAAAAAAAAAAAAAAAAAAQIFCBABAAEDAgMGBwAAAAAAAAAAAQIAESExEkGBIvBRYXGhA5HRMlJiEzMRAQEBAAAAAAAAAAAAAAAAAAARAf/aAAwDAQACEQMRAD8A4XI4BjGLO6Lgb6WrUupgLYHpQzEb89KoGxkbrstUx8aBLz+99KVJiu1kEtuhiJbJoZoFcRDdaQ2VcFBP6fBcLQb9j2agMzZK3B6iWTklUOR6V2udW/lpign+Tl884KgXdHu9X51EWeHOslJ7ekqKp7f85VUPQf/Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAHAAAQEBAQEAAAAAAAAAAAAAAAIDAQAHAQEBAQEBAAAAAAAAAAAAAAABAAIGBxAAAgEDAQUFCQAAAAAAAAAAAQIRACExEkGxMlIDUWGBwRORodHhIkJykqIRAQEBAQEBAAAAAAAAAAAAAAARASECEv/aAAwDAQACEQMRAD8A981uUWGPVc502x2jZXtEcBSGsFSzaLwx2zn7juo5pLQhXVrAJkgqYbxooiXoNzH9vnT9YooqZQBWYxBi8DIvFG6cxTRxK62JsCJGc9xoqdCMhFgbXYRA86u5p5A+nm/mtBq6me3GTabj2/GgmXVVZHIRjBBBoneKtBUpA6itkQLnYQaFgeo3N1PdTMVZ0eJfDfV6HldvOpounk/kN5qR1lp//9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDhaKKK0MwooooAKKKKACiiigD/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDhaKKK0MwooooAKKKKACiiigD/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDcooorvPqQooooAKKKKACiiigD/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAB0QAAAg4AAAKQAAADGP/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EAJ4AAQADAQEAAAAAAAAAAAAAAAMBAgQACAEBAQAAAAAAAAAAAAAAAAAAAAYQAAICAgMAAAAAAAAAAAAAAAAREAFAAiExEhEAAQIEBQUAAAAAAAAAAAAAAAExEBEhYUFxgZHRscHhIjISAQAAAAAAAAAAAAAAAAAAAEATAQABAwMDBAMBAAAAAAAAAAERACExQVFxQGGREPChwbHR4fH/2gAMAwEAAhEDEQAAAfBEpeQOAcUGIMwhUQA0BCn/2gAIAQEAAQUCGij0dmxZzDGO53j/2gAIAQIAAQUCwP/aAAgBAwABBQLA/9oACAECAgY/Agf/2gAIAQMCBj8CB//aAAgBAQEGPwK+5Nz2R6ovJ8lOq98C70GrqMZGOrSzQSe/FjzFIf/aAAgBAQMBPyG85iGnysEU5j2T9Upc8IGpGrepf7/tDIcO2Q3gQPmpTeHJl4DHFAAMhcUPMVHsP3TZGJLi97+CmUOUmB3Ch1kW0L504PCtuPutDj1v/9oACAECAwE/Ieg//9oACAEDAwE/Ieg//9oADAMBAAIRAxEAABAwAASCQCD/2gAIAQEDAT8QbNgFSIMyCU3eKRDm2YmI1N0jfWo4VZVEkN6/Wby17zooiU2UbCrsXKIRd2bCgws1G2VC6yKqUvLGrpauxrjtgEEwmJdDWo0AkKuwywMrS3GoWqYMIibJrse72pzyUPhflrHl9np//9oACAECAwE/EOg//9oACAEDAwE/EJeg/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4QBoRXhpZgAATU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAAExAAIAAAARAAAATgAAAAAAAABgAAAAAQAAAGAAAAABcGFpbnQubmV0IDQuMC4xMwAA/9sAQwABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEB/9sAQwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEB/8AAEQgAGQAZAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFB
28249BhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A8Pooor/fA/xvCiiigAooooAKKKKAP//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAACgAECAv/xAAnEAACAgEEAQIHAQAAAAAAAAAEBQIDCAABBgcJERMUGDhYeJe31v/EABsBAAICAwEAAAAAAAAAAAAAAAAGCAkCBAUH/8QANxEAAgEBBAUFEQEAAAAAAAAAAQMCAAQFBhEHEiExQTJCUYHTExQWIjQ2UlNWc3aTlbK1w9HU/9oADAMBAAIRAxEAPwBDGrEKpvq0UUdHzNeZpZigseYz4zuwHGTLgCQnMOYCSHYLOiFjAf12332390U3tA0W2NyhRdG0fi49tL17TO+atWfxLzvMWcFCDm88qW8KHadA5u87chUiNDehtuK2pxLiVE04aTPXslknrLbfrVy6pQuyEhk5wylaZAoQQA1qxd/NHk19xfe37d7A/wBBpX7u71zfmT/tTL8F8M+ztxfSLv8A89erlr0OqrKOj5mvM0sxQWPMZ8Z3YDjJlwBITmHMBJDsFnRCxgP67b77b+6Kb2gaLbG5QoujaPxce2l69pnfNWrP4l53mLOChBzeeVLeFDtOgc3eduQqRGhvQ23FbU4lxKiacNJnr2SyT1ltv1q5dUoXZCQyc4ZStMgUIIAa1YVGjRm8ZsXbtie4cuDy2jZs0LIYM2jNgRYWexYnl2WlGnmlW2kllk22kEkW2XXWTsnKW6kSSSScydpJ2kk8TU5VKUhS0pXBKUwgpSlQitSlLiILWtcAIwhCIEYQiBGMQAAAKwaKzp3fmc8zC7E5a7xmxpdBNsmnC/4bmHLxfYPW9EKmYsbK5ektrRTuzmAV8CEqm6No3GRbqHzuqy6xUrYNt6Xn3uChBzeR40uCgf2Hh6O88BUF9DehxmK2JxLiRM1YaSzWslklrLZfrVyyPRKF2LmDFzhlK0yEkIIAa1YU2jRm8ZsXbtie4cuDy2jZs0LIYM2jNgRYWexYnl2WlGnmlW2kllk22kEkW2XXWTsnKW6kSSSScydpJ2kk8TU5VKUhS0pXBKUwgpSlQitSlLiILWtcAIwhCIEYQiBGMQAAAKwaKzq0UV1LnF9Z2WH5G9z/AND5DrYtflVo98z7jStgfzMwn8OXL+Os9cta16aatFFWiiv/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDr6KKKZ7gUUUUAFFFFABRRRQB//9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAIYAAAMBAQEAAAAAAAAAAAAAAAABAgMECQEAAgMBAQAAAAAAAAAAAAAAAQIAAwQHCBAAAQMCAQgLAAAAAAAAAAAAAQARAiESQTFRkaHRMoIDYXGBseEiQlITQ3MRAAIBAgMFBwUAAAAAAAAAAAABESECMWGB8FFxoRJBkcHR4TID8SJyMxT/2gAMAwEAAhEDEQA/APRxgBQGMcQQ/YF4o6UlRNLNcjswCwhrpBiTlRTsaxa1I5KjKJO8Xq8ZN3o2XJvGufnIGjLi5mmWxV9Wd/PyH7izaZyNxl0ZmZgEzdrudZ8IiIzFrBYdwbgLSWkCH6k9stpzhO7bZgYOSQDa5NSzkjCoTOW1MS8p4VIHwn3R1bUn8z3oHUJzTym2jkHwQm59lMn6bV0ag2uytLBzii1ONeIMCrSSKRzSyYakYczTl9NQSZWxzDQNqy/buXd6jD5vo/RX/PivyJZ4EffxLNd+/UZe00jvxWj4/euAjOlahD//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDgqKKK6TMKKKKACiiigAooooA//9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJD
28249QsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAGoAAAMAAwAAAAAAAAAAAAAAAAMEBQECCQEBAQEBAQAAAAAAAAAAAAAAAAECBQYQAAEDAwIFBQAAAAAAAAAAAAEAEQIhMRJRA0FhcYEy8JHREwQRAQEBAQEBAAAAAAAAAAAAAAABETEhAv/aAAwDAQACEQMRAD8A5nSfEOQNTWq4b07ENt24OUtMWfz7IxyYXJfh7ouG8JaBPF8QPrc25jREUNnaOURGIBZz2+UFLFoOfIAWUlaBzHJaCMYVaItW6nEihtbYjHKpAoXNVN1W5kDFh1fspZgE41C1oF+e3rmp9BweMuyThAty46K3gGoj/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAb/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCKAol+AAAAAA//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAB6gAAAk8AAAL1AAAD1P/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EAK4AAAIDAQAAAAAAAAAAAAAAAAIDAAEECQEBAQEBAQAAAAAAAAAAAAAAAQACAwYQAAICAwEAAAAAAAAAAAAAAAAREAFAIQJBEQABAQQFCQkAAAAAAAAAAAABABEhQQLwMVFhkRBxobEyksLSA4HRQmJygvIjcxIBAAAAAAAAAAAAAAAAAAAAQBMBAAEDAgUEAwEBAAAAAAAAAREAITEQcfBBYYGRIFGhwbHR4TDx/9oADAMBAAIRAxEAAAHldw8pVDL4yWoxBaETIVacZyumwEq0/wD/2gAIAQEAAQUCQ4fRbNwy9jqF2e3P/9oACAECAAEFAsD/2gAIAQMAAQUCwP/aAAgBAgIGPwIH/9oACAEDAgY/Agf/2gAIAQEBBj8C9r6QkQDIV3WDym1OA1/I35KgzQ3imWkvdnPKqB2P1i5bY3D3KvGtnAFhDB0M67WWhr4eOa9bXU3peZUtC6v5y6pVJ6cn/9oACAEBAwE/IYgQRkMMIZf7VY2AYEbDHiD+Kuq5cBh2LbyIrc8/2rEGFYJwygg7kFZMlvcXRlDLaySoYbN5jEJKx+ydGLnIpDALxmJOQRdqCSfYRBtaCLG196VY5ErvIH5J10X82xTlQvv+9P/aAAgBAgMBPyH/ADt6f//aAAgBAwMBPyGdbVbXt6LdNPbevfT/2gAMAwEAAhEDEQAAEF8sNWxiYP/aAAgBAQMBPxCDigEbeYhAbBOBFS6AQSUGlguRCiiGNkDQiIVJhJlzF+hVRgAYuNAE6VEAs3YptpAYNPncyZC2nnTmlTyRCZeXkMLCX0DdtMEAA7btnI2c2BIuVEIWJEEImszLNZhcSgpOYDLFwEDALa64IrjRf//aAAgBAgMBPxDXt6O1RptitlGO1czvTl0//9oACAEDAwE/ELm/vxu1Ek8d+vT5oIyvH42qOigyZnjwfNWi2duPNc+OHeu7yfuixjHHf8VC8ceMUW3jb/h0+Kn2+L+q5UY3Puue7T//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAHgAAAICAwAAAAAAAAAAAAAAAAMEBQYBAggBAQEBAQEAAAAAAAAAAAAAAAEAAgMEEAACAQMCAgQNBQAAAAAAAAABAgMAEQQhEjEiQVGxBZHRMkJScpKy0hMUNBVz03SUNREBAQEAAwAAAAAAAAAAAAAAABEBIWEC/9oADAMBAAIRAxEAPwDicMkmHI0UPyjLySPIVUWLg2ZQBYAXsQTXvjgDGY4USJzBlSxyALjDVWJ4DhrfotoOmiFiXFbGMS5ECNHOdjYjMVlia3lx2O1SOBFOajf0sfpp4W/couiYTxWypvq0SUxwatHGrF0IcWsVte5PGrpVJKjwZCtJnmIBGSQFC68psyjdpzcB01RBzY+OYBMEkadtxWOwUE+aq6G5uTercVLfjI+vI/rRfDQeGscTZytLNZySAwiYxiPS9iLhjbrFWVbAUlg2CLCZ+8JFZkyZtp2pzcrWOptbWxrVEOx5sqH5EThXkbcW3ggWU7jY3A3E21NVUC/DYnU3tr4qCsmf/pp/IHux0+Rqrd4feN+nJ2GsnEb3f993j6kXYKit9Qf/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAB9gAAAkUAAALsAAADrf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EAK8AAAEFAQAAAAAAAAAAAAAAAAQBAgMFBggBAQEBAQEAAAAAAAAAAAAAAAABAgQDEAACAAYCAwAAAAAAAAAAAAAAAUARITECAxASMhMEEQAAAwQHCAMAAAAAAAAAAAAAATHwEUFxIWGRsdHxAhBRgaHB4WKicoKyEgEAAAAAAAAAAAAAAAAAAABAEwEAAgEDAwQCAwEAAAAAAAABESEAEDFR8EFhcYGhsTCRIMHh8f/aAAwDAQACEQMRAAAB5X6eWJVDGEaqZZg25JM7K4tKOM7mt0up5//aAAgBAQABBQKSbYr9sOM3J4NnsJGyj01OpsttPn8T/9oACAECAAEFAoD/2gAIAQMAAQUCgP/aAAgBAgIGPwIH/9oACAEDAgY/Agf/2gAIAQEBBj8CVCMNmZjKNNtwh7YB7m4HUN0K5WBTneF1euINItSO7wfyWVTOC8g3gPqX50gp9dn/2gAIAQEDAT8hgJ4ntXaTxPFeuQF3ntMKVtEFhrw+MZwIjgyHZXfv/TOo5WqjLMTEHpJbv9iMWCOCWnaFVS+9ecXM2VLjymYfnQlByCm0CRtR5l32MmM0eYJWEICq+POIEptUagrIgVDv9s6P+86PfQH4TR//2gAIAQIDAT8h1j8E6Gv/2gAIAQMDAT8h1h/hH4f/2gAMAwEAAhEDEQAAEPgZ3y+Zjf/aAAgBAQMBPxAIsgBqwYSaIJfExZcd+g7MihtAXJvhWUyUiiRFdQlMOBSl8OHKcIIEaKoSnKbMEiZxWAu3sM7NOGRAFBCxxgWpSuENE7H3yH+uE6KgsrIoVVBwHeGsN6pAEBUkp7o2cV2VBKbhkYncNkAx5fvnd9HLuz+s8tP/2gAIAQIDAT8Q9s+9PZhOPjDIdIudOm2G+jv7mn//2gAIAQMDAT8QlM+s+89XCDRz0GTJW2KZeS9OG57fRjt+8dP/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAkDBwgK/8QAJxAAAwABBAECBgMAAAAAAAAAAgMEAQAFBgcIEoIRExc3VnaWtdT/xAAYAQEBAQEBAAAAAAAAAAAAAAAABAIDBf/EACERAAECBgIDAAAAAAAAAAAAAAABAwIRIjGx4RIyUXKR/9oADAMBAAIRAxEAPwBS+vQPPDQGCvLTy0n6yns6969sTV2HUnKt13VWQfPwud4e5buRuWWDllPBBtwENto5PM0z+LjkqYb42dm251RWzoUh9SOxPz3mn8p3z/dqaa+V+lMk8J8OmTV5AYK8tPLSfrKezr3r2xNXYdScq3XdVZB8/C53h7lu5G5ZYOWU8EG3AQ22jk8zTP4uOSphvjZ2bbnVFbOhMdNNFlD7LHuqrqc2mqqlpvopoeZNc97mkTHOcwiY1rCI2GRGZZLOc6lKiDQDpPLXyzR1jPZ1517WmrsOtHy913VfodPwuaheM4z8M+pbuRPUeGSSlgl7cswtsHJFNM+pxzjSl8bJW2+VS2zoTFTTRZQ+yx7qq6nNpqqpab6KaHmTXPe5pExznMImNawiNhkRmWSznOpSog0AaAsjuP7tdm/v3Lv767Wo+0XsuTMHWH1TBW+smg0AaA//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCnRRRW5kFFFFABRRRQAUUUUAf/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAACQQAAAwkAAARiAAAF1P/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EAMQAAQACAwAAAAAAAAAAAAAAAAUDBAIGCAEAAgMBAQAAAAAAAAAAAAAAAgMBBAUACBAAAgICAgMBAAAAAAAAAAAAAAERAhADMRMSIjIEEQABAwICBwkBAAAAAAAAAAABESECADFBElFhcYGRMnIQ8KHB0SKisgPCEgABAgQEBAcAAAAAAAAAAAABABEQIWEC8EGxElGBkcEgMXGh4SJzEwEBAAIBBAAGAwEBAAAAAAABEQAhMfBBUWEQcYGRocGx0fEg4f/aAAwDAQACEQMRAAAB5y9keJ6YkM9Aklt6eGIxrPZsXdrwYTkxRcsUAlak1eXllHp4v//aAAgBAQABBQK1oWyzRfcdtzyaW3e2Nuz8S+wXsa6NnSyxp+vz4//aAAgBAgABBQKsuyc49xiq8SRD4Jw+C3yf/9oACAEDAAEFAtsVparRVs66lG4mTgkg4x2iLH5+T//aAAgBAgIGPwJwJL65KsNoc4+VJUjVTiPXuh+gh//aAAgBAwIGPwLbdeRfwnWgkx4HkEd7vcxx75aLNhjsJQNzAAnoadMMmOY0T5+CS8kUeeiv/K6H/9oACAEBAQY/AkzzEuUxOdALRcQiAETTuo5yfeBJHREJUnKwyk4ODSLNjbM6ot0FpAb6t841MplUtZIy0xiZLcbKI2NiG5le9cfE+lXPChggyuXwsyRSt3fXThghKIzh9d65vtUdv8iodHnX6dH6/Qdn/9oACAEBAwE/IUrtIBaoAJWgWQ04k1+KLhgSSliN3FNeZNMBv3hexrznW/sxgOIGiFvEPh4x0YZsjRMhpqarl0t55yOpHkN9inKhy+p+82gtIeZAtd01KLlJfFMKTUJwLxkh5BJQG7g1+czqmOP/ABDrf//aAAgBAgMBPyHXWOH7e3dHuT24Uycjevt89d/w5r02duf13ly+J19cliJPue/kV/HOeol7cC8fbj+8OQJGfVgOQjePpPtx/wCawmzP3Ovt4xckx7ab3675fb9nOL55+rHUvPw//9oACAEDAwE/IdlJR4A7GFo6KaMCimEB1zdstN4xN244IkOLx35l5Qj8zOmOWEAnAc1D5R4NRYsJo6C+0QanL3kZq5DZ0/3J8ZsAHHN35v0uz52rvGGZardO52/z5nz1kdDP4v3nDq5Z07w/D//aAAwDAQACEQMRAAAQgQQHzA49/9oACAEBAwE/EJcJcHsPWklMpgLVe1bzKh+CqlQ1+5aTFAkYRrLcellkSK8Z5ENVQlNXG8a0F5Au9HUQXhW2tANlFAZqjq13n+pwemq8kicWpryCxzbqrAC6iAtYhOWhY4+wVgbNohEI1Guff6vWfk8Px2OXwF//2gAIAQIDAT8Q2CnUCtbgpUS9wuAQhTIIYmtSRsVoE0YpbsE9imhBRRIM7pBmYEAKrtW4EDaNKyIowiU0Q1KLp4Eqm1kTJCASgJeR49h2DVLk/wCT+sUqMgpHUJ8oi5JCGBLYBYHcEde9nblw
28249xJjkUg5UY0TwOxCz4E6f1h8Yp//aAAgBAwMBPxBOOGlSMQop0FEIpCxN0KKAFCY08koRHZEeC4oGFSQRp9vV8s067luKSENPytVx6yGkWq0bGyQGhoEbLRb5DfO+R354z1PvgFcT9ToBAEkgopSCR2Lrzd18WaZ8lx4Et4EULKHp7FAs6Tjn0cs/L+K3f//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAACVAAAAsMAAAOVAAAEvP/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EALwAAQACAwAAAAAAAAAAAAAAAAcGCAIEBQEAAQQDAQAAAAAAAAAAAAAABAMGBwgAAQIFEAABBAIBBAMAAAAAAAAAAAABAAIDBBESMxAxQRQhMgURAAECBAUDBQEAAAAAAAAAAAEAESExQQIQcYGx0ZEiclFhoeEyshIAAQMBCQEAAAAAAAAAAAAAABABETEgQEFRcYGxEiJCEwEAAgIBAwQDAQEAAAAAAAABESEAMUEQUWHwcaHBgbHRkfH/2gAMAwEAAhEDEQAAAU6K6tmHTDLDovxzLZhWVgybdHjon4ini2hAsNt7KGdxrFCWoyBSmiLO8gSYMAXY/wD/2gAIAQEAAQUCe0uH6NUSArJUJ3jvRYdci0kVKy2RtyHLbkGXeqxfmd7XFe4V/9oACAECAAEFAk046+E05CCKacLZeSh3X//aAAgBAwABBQJwyr9USt6R/LbLFch0lVaYPE7Mi3DsfVCpKX6XOJf/2gAIAQICBj8CuH//2gAIAQMCBj8CJ+uLHXM80SGSMCo+psOn/9oACAEBAQY/AniIbomsYt+WjsFlg8+OYI2gFr5VnXILtkz9AHJOvTAWhvTKD7LRw1LT9Iw7SJ00b3CmfjhX+R/mxHwV+Vu9uH//2gAIAQEDAT8h1ImiabTWsEcPN0wUeKHWUpkaXuqvtdZ6IM5l/GA3VMM2FhbPGRrm85L3UoF0hCOeFEMk7fLnzCGgVczy85HRbQEBEhZ3T2yPyUzCLTuGKiuTqS89H4etn//aAAgBAgMBPyFMn+OpeNObjIMUVhz8jqa5q6f/2gAIAQMDAT8hUzojHlPLwv6hyEYd5BivxhQV9sKpYnvqJn/fYIyHAujNBuP8MN0WN/z8xnmZv736M2Y+OfXT/9oADAMBAAIRAxEAABDFJYMZ2Jf/2gAIAQEDAT8Qq4SpIaUIotHgjU4xDFBpPGwBAtCOpQJpJJRUMFBBkKRw54HBAEsoK7KBBqCdDcxtqbQQVqqQ2GCDGaKFYuTMY0AkICADxhGJROsmApUkpDAF1YScphdC9Xk5gwF4bMqcTTFGSGlDQuf8PpdvlOoQ/9oACAECAwE/EGbxoz8O/v8A7jBZrJ983tv1nLwZUbHsete6znqjJguchYJvIUiW9feT7GP6fbn6M9D26f/aAAgBAwMBPxDZ/ATv+sEXJDJRCnYTYBHUpE8MBhIhEmo7nM565cSNL/OPEwb43jllYEt8pmgqfMcavUs5IAkvFAABDseT4yHF0rip+SxeG9Za2sIIkq/OvaaxRiyaAbSQMUDBCl1OevP51lx6N36f/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAHMAAAMAAwAAAAAAAAAAAAAAAAIDBAEGCAEBAQADAAAAAAAAAAAAAAAAAAECBQYQAAEDAQUFBQkAAAAAAAAAAAERIQIAMUFxEgNRYYGhM5EiMlKS0WKissITI3OzEQEBAQEBAAAAAAAAAAAAAAAAAREhEv/aAAwDAQACEQMRAD8A4QMYnNbIiKARGUIN2xOVa1zuBCBRpyzFOqUOUKC++89lFw4RtEtNEICB70AW/Yu16If+DzafxUXyikwUkSS1QkRjuvwogok6YJAzSBUyCSkLLmcHnRemwBUgAFUjltVkMfpB40NH3/No+ih1HnAHizKveRABJybN6pwoQcSVIESXa8h8uBLI19CmxlBQpAsPAsA9gIbB6EkM+57x9FFxGfGcD88qII9XTw9lFZj05/pn/I0SNlrMf//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAHMAAAMAAwAAAAAAAAAAAAAAAAIDBAEGCAEBAQADAAAAAAAAAAAAAAAAAAECBQYQAAEDAQUFBQkAAAAAAAAAAAERIQIAMUFxEgNRYYGhM5EiMlKS0WKissITI3OzEQEBAQEBAAAAAAAAAAAAAAAAAREhEv/aAAwDAQACEQMRAD8A4QMYnNbIiKARGUIN2xOVa1zuBCBRpyzFOqUOUKC++89lFw4RtEtNEICB70AW/Yu16If+DzafxUXyikwUkSS1QkRjuvwogok6YJAzSBUyCSkLLmcHnRemwBUgAFUjltVkMfpB40NH3/No+ih1HnAHizKveRABJybN6pwoQcSVIESXa8h8uBLI19CmxlBQpAsPAsA9gIbB6EkM+57x9FFxGfGcD88qII9XTw9lFZj05/pn/I0SNlrMf//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAL/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAMG/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AkBRrgAAAAAH/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4QBoRXhpZgAATU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAAExAAIAAAARAAAATgAAAAAAAABgAAAAAQAAAGAAAAABcGFpbnQubmV0IDQuMC4xMwAA/9sAQwABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEB/9sAQwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEB/8AAEQgAGQAZAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFB
28249BhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/kXooor+dz/ZAKKKKACiiigAooooA//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcEBAQFBAcFBQcKBwUHCgwJBwcJDA0LCwwLCw0RDQ0NDQ0NEQ0PEBEQDw0UFBYWFBQeHR0dHiIiIiIiIiIiIiL/2wBDAQgHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAhICAgICAgISEhICAgISEhISEhISEiIiIiIiIiIiIiIiIiIiL/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAYH/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AprEFUAAAAAAAAAAAAAAA/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAcEAQb/xAAlEAACAQIFAwUAAAAAAAAAAAABAgAEBgMFESLRFTFhNVRzk7L/xAAYAQADAQEAAAAAAAAAAAAAAAAABQcEBv/EACQRAAEEAQMDBQAAAAAAAAAAAAEAAgMEBRExURIhQRNhkdHh/9oADAMBAAIRAxEAPwChRE8tdN0rlaNR0bBq1hubuMIc+JMKNGa9MIIBqT8Acn2TiedkDC957JdN0rlaNR0bBq1hubuMIc+JP+qZh76p+1uZld2xHZ3YszHUsTqSZyV/FYStj4PTADnHckbn64C463elsSdROg8BUu6bpXK0ajo2DVrDc3cYQ58Sau7Yjs7sWZjqWJ1JM1Zp6vW/O/6MyQwmKgx9YCPu5wBJ8n84CL1uSxKS7YbBIiI5WNf/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMpaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRDQwODI5M0YwRDQxMURGQkQwMEFDRDBBRERFRTA4RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRDQwODI5NEYwRDQxMURGQkQwMEFDRDBBRERFRTA4RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJENDA4MjkxRjBENDExREZCRDAwQUNEMEFEREVFMDhFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJENDA4MjkyRjBENDExREZCRDAwQUNEMEFEREVFMDhFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAGQAZAwERAAIRAQMRAf/EAIQAAAIDAAAAAAAAAAAAAAAAAAAIAwUHAQABBQEBAAAAAAAAAAAAAAAAAQQFBgcDCBAAAwAABQMCBwEAAAAAAAAAAQIDABExQQYEBQchMiLSs3SUVRY2EQACAAMEBwcFAAAAAAAAAAAAAQIDBBGxMgYhMVFhgRJScZHR4SLiE3KSM1MV/9oADAMBAAIRAxEAPwDZseey0hgAx3zd5ujxaNewdgqteR1XK9xky9GrDU7GpHtXbU7A2/LmXHVNTZyskrUur27XwW5lV1agXLDiuFp/tOY/ve4/l3+fGk/zqf8AXB9q8CI+eZ1PvH4xg5ZDHfN3m6PFo17B2Cq15HVcr3GTL0asNTsake1dtTsDb8uZcdU1NnKyStS6vbtfBbmVXVqBcsOK4VS1rXtS96NW1WL1q5LMzMc2ZmPqSTqcapDCoUklYkQjdulkeFEGw83ebZcWjXj/AGCi15HVcr3GTL0aMNTsakH4V21OwOVZby46pqdNVklal1eW18FunKur+P0rFcKna1r2pe9GrarF61clmZmObMzH1JJ1ONUhhUKSSsSIRu3SyPCiBgAt+X/6vvP33U/VbDek/FB9KuOk3G+1lRhwcwwAGAD/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAACgAECAv/xAAoEAACAgEEAQMDBQAAAAAAAAAEBQIDCAABBgcJERMhFBg4WHiXt9b/xAAbAQACAgMBAAAAAAAAAAAAAAAACAkKAwQGB//EADARAAICAQMDAQIPAAAAAAAAAAMEAQIFAAYHCRESE0GBCBYXNjhWV3Z3lZe1ttTV/9oADAMBAAIRAxEAPwBEGqQ+pUNWjRo5vmc8zizFBY8xmxmeAOMmXAEg+Y8xDkOwWdDrGA/rt8b+8Kb2gaLbG5QoujaPxYe2l48pnfNWrPmT6bHTYe59exfN3N2Lax3CWOahjbm3GIKo9yq8obt7PTOtsZU45HkMgOaFzpqExeLJUVXnlV35k5kFtQR9tbaPQ25TU8G26eJBYIRK++t8nes9whnvVaswc8TMiEQW/wB0eTX6i+9v5d7A/wBBqyz8hfCP2OcV/p7tL/I0mnxo3N9Ys7+b5D+xr1etUE9Sp6Ob5nPM4sxQWPMZsZngDjJlwBIPmPMQ5DsFnQ6xgP67fG/vCm9oGi2xuUKLo2j8WHtpePKZ3zVqz5k+mx02HufXsXzdzdi2sdwljmoY25txiCqPcqvKG7ez0zrbGVOOR5DIDmhc6ahMXiyVFV55Vd+ZOZBbUEfbW2j0NuU1PBtuniQWCESvvrfJ3rPcIZ71WrMHPEzIhECg0aM3jNi7dsT3DlweW0bNmhZDBm0ZsCLCz2LE8uy0o080q20kssm20gki2y66ydk5S3tRIoo4tFPGYxNXHY3HKro4/HoriURRRUFRdRNNRegwKqqgGMC64R0EEVKDHStKxEI2UpTlIYxLmMa9ylKW9iFKUlpuQhCXmbXve0za97TNrWmZmZmdYNbesengeZ7zNLsTVrvGXGh0E2yacL/peYcwF3oOW9EKmYsbK5ektrRTuz2AV8CEym6No3GBbqHzuqy6xUrPqo9NfptOc/u4vm7mzGMocI45v19ubdP6qrvKr6R5paO8TQ6ux1GRWDknxzQ2cOMuKxhKCo+8o9PMnMY9qDNtrbZqF3KYfi23XxuPBCJXvE+2t8mSlosEU96rVmpzxMyIRAnNGjN4zYu3bE9
28249w5cHltGzZoWQwZtGbAiws9ixPLstKNPNKttJLLJttIJItsuusnZOUt7UaKKOLRTxmMTVx2Nxyq6OPx6K4lEUUVBUXUTTUXoMCqqoBjAuuEdBBFSgx0rSsRCNFKU5SGMS5jGvcpSlvYhSlJabkIQl5m173tM2ve0za1pmZmZnWDW3rHq0aNdTZyfmhll+47uj+xOQ68J+C79GvgD8GeNP4dh9dRvf55br+8WZ/cGNcs6921y+rRo1aNGv/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAL/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCNAWgAAAAAB//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDiKKKx9Y1gWimCAgznqf7n/wBeuttJXZzJX0F1jVxaKYICDORyf7n/ANeua+13P/PxL/32aiJLEliSTySe9JXPKTbN4xSOr1fWBaKYICDORyf7n/165UksxZiSTySe9S3f/H5P/wBdG/nUNEpNsIxSQUuKBSVJR//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAAZABkDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAIG/8QAFhABAQEAAAAAAAAAAAAAAAAAAAIB/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAED/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A1TdFgAAkFYAACZBQAAIkFgAA/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAAZABkDAREAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAcGCP/EACYQAAADBAsBAAAAAAAAAAAAAAABAgMEBgcTFCEiJDEyM0JRUlP/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A0IAAk015r1Cmh+H22PtQ/v6D2O2TI/r6VwyK9pCGgOywEmmvNeoU0Pw+2x9qH9/Qex2yZH9fSuGRXtIQ0AAXKa816hTQ/D7bH2of39B7HbJkf19K4ZFe0hDQAAAAAAAAH//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcEBAQFBAcFBQcKBwUHCgwJBwcJDA0LCwwLCw0RDQ0NDQ0NEQ0PEBEQDw0UFBYWFBQeHR0dHiIiIiIiIiIiIiL/2wBDAQgHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAhICAgICAgISEhICAgISEhISEhISEiIiIiIiIiIiIiIiIiIiL/wAARCAAZABkDAREAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAcFBgj/xAAtEAAABAQDBAsAAAAAAAAAAAAAAQIDBAYHMQVCURESMlIUISU2QUNTcXJ0s//EABkBAQADAQEAAAAAAAAAAAAAAAABAgQDBf/EABoRAQEBAAMBAAAAAAAAAAAAAAABAxESITH/2gAMAwEAAhEDEQA/AOnHZAAjdWKsFHk7L0vO9n8EbGo87Vpo/T5lZ/jxbMcevt+q2piO6HrIeYuj1WasqilOy/L7pdD2bkbGou4fi22fJqeb2vrxx49qtqXDQgAVOr1U33H4iWcEWaGEGprEInrJalkexbKNEFZR5rWvnxx49qbUsGhAAANWc++GM/fif2UBGUAAAD//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDMooqneXghBjjOZD1PpSqVI0480jfCYSriqqpUldv8PNheXghBjjOZD1PpWZ50n/PR/wDvo0wkk5JyTRXj1a8qkrn6NgMroYOlyJXfVvqa15eCEGOM5kPU+lZJJJyTkmnzf66T/eP86ZRXqyqS1DK8BSwdBKG71b7hRRRWJ6R//9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDCoorK1XVRagwwkGY9T/d/+vWkYuTsjNtJXYuq6oLVTDCQZj1P93/69c/9quP+e8n/AH2aiJLEkkknkk0cV2Qgoqxyym5M6XVNVFqDDCQZiOT/AHf/AK9c0SWJJJJPJJqW6/4+5v8Afb+dRdqIQUVoE5OTCjFApask/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDo6KK29E0Q3rC4uARbg8D+/wD/AFqoQaJohvWFxcAi3B4H9/8A+tXVfYrX/n2h/wC+BUwUKoVQAAMADtS1ViG7nHaJojXrC4uAVtweB/f/APrV2CgKoVQAAMADtUNl/wAeNv8A9c1/lU9CBu4UmaU0UxH/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAn/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAQJ/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AluoYHgAAAAAAAAAAAAAAP//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcEBAQFBAcFBQcKBwUHCgwJBwcJDA0LCwwLCw0RDQ0NDQ0NEQ0PEBEQDw0UFBYWFBQeHR0dHiIiIiIiIiIiIiL/2wBDAQgHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAhICAgICAgISEhICAgISEhISEhISEiIiIiIiIiIiIiIiIiIiL/wAARCAAZABkDAREAAhEBAxEB/8QAGgAAAgIDAAAAAAAAAAAAAAAAAAgHCQIDBf/EACkQAAIBAQYGAQUAAAAAAAAAAAECBAADBQYHETEIEiFTcrIiFDRRkrH/xAAYAQEBAQEBAAAAAAAAAAAAAAAABAMCBf/EAB8RAAIDAAICAwAAAAAAAAAAAAABAgMRITESURMycf/aAAwDAQACEQMRAD8AgeNGjmPZk2aklRqdB+KinN6efOcvJ8mz6WL2k/UVz5v2c/JL2yZ8heHuPfzWOKcUxEFxj5wYTqAZRGzuOz7eO9FUW+yimMny28F6rcqO9F+1svBf5UE+2ebZ9n+k15C5CtfzWOKcU2OlxD5woL9DKI2dx2fbx33qq3lm1NO8voZhVVV5VGgGwqgsK3qAYXh7yFa/o8TFOKbHS4wivCgv0MogdHcdn28d8I1a9JY07Jt9aM4qqq8qjQDYVuVGVAVuUAUAUAUAUB//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJD
28249QsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAHAAAAICAwAAAAAAAAAAAAAAAAMEAQIABQgBAAMBAQEAAAAAAAAAAAAAAAABAgMGBxAAAQIEAwcFAAAAAAAAAAAAAQACESExA0FRofBhgZESMhOx0UJiBBEBAQEBAAMAAAAAAAAAAAAAAAERAjFhEv/aAAwDAQACEQMRAD8A7S/NaiZCpmvBeY4pt2gNABwqcOSulVXvqASQMt6i0A9f29Eb7LEWWtaJVGiuQxX3BOgiZGOk1NpUq51JzUiK9dzdyCPqmcDHwERAYq7oxnjMO2deOSWUlmWYmkc05DM+G1loPZafPI0D5O2xCxvmhDe9vFMqPax2yT5EOrZT/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAHMAAAIDAQAAAAAAAAAAAAAAAAQFAQYHCAEBAQEAAAAAAAAAAAAAAAAAAAEDEAACAQMCAwMICwAAAAAAAAABAgMAEQQSEyExIkGBk1FxoTLTFFQFUnKywiNTgzS0FTURAQEBAAAAAAAAAAAAAAAAAAABIf/aAAwDAQACEQMRAD8A7KlyJREzPKr5UpMkhBBY2QPbp03t2k2FbAreyP6+Vk3IZ92RtMgG5pQgm/aFvcEi/CiEcWZNtRCbC0xxSsY2TSYijLqsXfiAh4i/pBosLPf/AJL8ZkeHL7Ogc5sAicRGUxs9oi5u6qnNioF7BybcT9LlwoDclQcXEghkneeT8LHlDaU3C43Sb3HJeZ7qBLNFLh5Eolxo5sPIij0My8l6gTe4BAAANvJQJtzH/Oi8RaDRosYZOUzZQUwq5Z4yQ5YgFrFvW4E2IoicrbkwxPHpjZQyNKylx0E6XK9nM8R33oqnN1Te+yKGyZl28dCQAq3sD1DT6tyRagSWg+En8JfZ0TWmZH7n9P7ooAT/AJ+H9SX7LUVVvm3LE88v8dqCKD//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAHMAAAIDAQAAAAAAAAAAAAAAAAQFAQYHCAEBAQEAAAAAAAAAAAAAAAAAAAEDEAACAQMCAwMICwAAAAAAAAABAgMAEQQSEyExIkGBk1FxoTLTFFQFUnKywiNTgzS0FTURAQEBAAAAAAAAAAAAAAAAAAABIf/aAAwDAQACEQMRAD8A7KlyJREzPKr5UpMkhBBY2QPbp03t2k2FbAreyP6+Vk3IZ92RtMgG5pQgm/aFvcEi/CiEcWZNtRCbC0xxSsY2TSYijLqsXfiAh4i/pBosLPf/AJL8ZkeHL7Ogc5sAicRGUxs9oi5u6qnNioF7BybcT9LlwoDclQcXEghkneeT8LHlDaU3C43Sb3HJeZ7qBLNFLh5Eolxo5sPIij0My8l6gTe4BAAANvJQJtzH/Oi8RaDRosYZOUzZQUwq5Z4yQ5YgFrFvW4E2IoicrbkwxPHpjZQyNKylx0E6XK9nM8R33oqnN1Te+yKGyZl28dCQAq3sD1DT6tyRagSWg+En8JfZ0TWmZH7n9P7ooAT/AJ+H9SX7LUVVvm3LE88v8dqCKD//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDjqKKqXd2IgUQ5fufSvabseQlcLy7EQKRnLnqfSs3zZP8Ano350wkkknk0Vk22aJWNW7vBEDGhy/c+lZROTknJp8v+uf8A3jTKG7glYKKKKQz/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAYH/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AiAGkKYAAAAAB/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAIoAAQEAAwEAAAAAAAAAAAAAAAIEAwUGBwEBAQEBAAMAAAAAAAAAAAAAAQACAwQGCBAAAgAEAwQDEQEAAAAAAAAAAQIAERIDITEEQVEiE5FCBXGBoTJykrLC4nOTs9MUNFR0FREAAgEACQIHAAAAAAAAAAAAAAER8CExQVFhgQIDcRKRobHRIjIT/9oADAMBAAIRAxEAPwDxy4i3RZRVCVcd6z1RLCo9UR6Uz7FlqWAXgwdAy0XBUSgZmUnDMYbdsSLtgdoW9OLa3nzrqnwhdzUjwQk/lYPlabfqfMeEzLy8QrWVAupzJtQiXDSBOUyccctxjKZuq4L1o71qlu4WEkSQQ04UgASlKeURm0X2aKrvZDTkJG44BmVJIE5bjs78Ivc7yX/S7T36X4dz6UMl+ezPy9yo29S7ojIqBeJXAxZid+0DLMQF3bUM2E5hZ7rXGUBFQUcQGDGcivTn3YClxUYVV7DOzrKw7BQt6Q5YAkTKmWIM4RdfUs5/Y/7Njo9mGTlHJg6akGp8TQeXd9WA7cd+htNN+C/9Fz04Ecd/20XoDXZW/dv8yE1x2UwOWjJ5R//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAYH/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AmgGmJoAAAAAB/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAEC/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8Aq4CsAAAAAAP/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJD
28249QsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAHUAAAIDAQAAAAAAAAAAAAAAAAMFAgQGBwEBAQEAAAAAAAAAAAAAAAAAAQACEAACAQMBBAgDCQAAAAAAAAABAgMREgQAITETFEFRYYGR0SIysZI0slNzw0RUFVV1EQEBAQEAAwAAAAAAAAAAAAAAEQEhMUEC/9oADAMBAAIRAxEAPwDquRLkyuF4AslMbywRKfRcttGYyEDtJp379LWijEgOTBkQyNj46yK0sk0zMD7gTwoW9W3rpTV1CTY2esYl5kyxBnGPM0fBEpoKVuZ3pSu4dWqqA8tN+/HhJqVWo34LskcOGbHBZIlEiqSpuoQKMS2gqzwVktkChQwcxvcQCam0RixdtB0HStxa4U/KtG2QoRztjnlDE3CltqbqUpU1p1DUCb+Fy/vIPkl8tNEajHdo8aKSfLmhnvZLUCbOGDWlBcBUg79+stZwubJxpIIKZcxyXeyVJo/Y4B9TevoHZTx0ioYWWuRlPNFg81HGhcZBjsNKWhaXN3U0xIc1P/QN8reeiE7/AFGJ/np9k6mWfH1kvf8AE6PprGpxvpR+D+Xp9jfBbrTL/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAHUAAAMBAQEAAAAAAAAAAAAAAAIDBQYEBwEBAQEAAAAAAAAAAAAAAAAAAQACEAACAQMCAwYCCwAAAAAAAAABAgMAEQQhElETBTFBcSJSk7EU0eEystIjs9M0FTURAQEBAQADAQAAAAAAAAAAAAABEUEhMRJR/9oADAMBAAIRAxEAPwD12Us8eQEAxVRVHIiYM35guWFrak9zcNK1GichGh5cLYufKeWvKdIw1ibBlWRSo076NOUS5ZBxg2M8EmMQzLKm0u1j5t21iBqO/WoGfNReiL3vqp+WtORsqTzYweIuDZQruijtBdm1F/hRfDMHJlPgxY8zohzQRGswBIawIJG5RckG1zx0qiMixpckR5YhjYzoUgQO8aljcbWN9Re/hVpiX/Rdf9HTvei/DT9T8WUcuUmMIOXO2OZHB3PNGQezzWQm/dpppVgimnzOQZJneOSEoGI5iRhSdCRYjaOzVvoqWOCB5IMtY87p0Rx4zfZDNuDNpxbZoOPGo+mn39B9UPu4/wC5RkO1jev/AGsTxHwarioD/Lbwg/Up4yr5P+rN4r91aOLrX0Nv/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDgqKKK6TMKKKKACiiigAooooA//9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAH0AAAIDAQAAAAAAAAAAAAAAAAEDAAIEBQEBAQEBAQAAAAAAAAAAAAAAAQACAwgQAAIBAgMEBA8AAAAAAAAAAAECEQAxIRIDQWEiE1GxMjNxgZHRYnKCkqKywiNTYwQRAQABAwUAAwAAAAAAAAAAAAABESEC8DFBUXGBoRL/2gAMAwEAAhEDEQA/AO/zNNYZCxLGYMi94ou9v/meQYK5McakCQSWEbrVkxMxqhL6a63ZUA9oYkNBm4GzxU7NY5Tin2/xjymisi/YpwuQ4QxZTcgxuwvTKm8WXKzlzAEK2McMg2AMVDwF5eEaGW+UkHo2nCozXtTN6S+6fPTSDRq4lPMzqwa4YAcO4gUOW9qBDSuUzA7SkEY9VR9RV2DnKEuAQMeiKKqZ8Ky/s/p+CtN/EfZen3Q9RvlNXKy313BR7xvZ6hU3wGjY+H6qVlvrptrDD//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAb/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCiAqF8AAAAAA//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAkKBAf/xAAnEAADAAICAgAEBwAAAAAAAAACAwQFBwABBggREhOCFzdXd5a21f/EABsBAAICAwEAAAAAAAAAAAAAAAAEAQYCAwcF/8QALBEBAAECBAQDCQEAAAAAAAAAAQADBAIRMUEFIjKxQlHhEhQ0VHJ0kZOy0v/aAAwDAQACEQMRAD8Alv56E5PDhCM99F/RevcVeP2ttbH0Rapio6fg8G/pk1ew65mfY5HiSHB2FtodizLsE8fjzFY11z6alTLlw69vWWHg/B26S5uRLYeTBo107Uzd8XTh3R7P4Sap/TLXv8L8b/zeLZvm/mXD3W2+Xofqp/5kdPH5y6M99F/RevcVeP2ttbH0Rapio6fg8G/pk1ew65mfY5HiSHB2FtodizLsE8fjzFY11z6alTLlw69vWWHg/B26S5uRLYeTBo107Uzd8XTh3ShOSSTHyTQQSzxQxTpkjjkSuaSSSZYpnlmnSIJROhIApKVAK1LEQAREeuuKy7AYQAADIAyANANg8po4SZPH6LejFO5KoNr7VhfHqiGn6uEwjfqT1bDskd2JdfHr5Gz+JzPWSrrA7BuWcDMdAYrGyudqpU9nlNe3rKRwfg7dJc3IlsPJg0a6dqZu+Lpw7pQpJJJj5JoIJZ4oYp0yRxyJXNJJJMsUzyzTpEEonQkAUlKgFaliIAIiPXXFZdgMIAABkAZAGgGweU0cJMOEJyH1+/IrTf7X+Cf1nG8yx9WL6nvFbH4O1+3o/wAYZ17mMahwhDhCf//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAB8wAAAj0AAALuAAAD8f/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EAKkAAAIDAQAAAAAAAAAAAAAAAAMEAQIFCAEAAwEBAQAAAAAAAAAAAAAAAAECAwcJEAABBAEFAAAAAAAAAAAAAAABABEhQQIQMEAxEhEAAQICCAcBAAAAAAAAAAAAAAExEZHwIUFhcaHR4RBRgbHxAlKyEgEAAAAAAAAAAAAAAAAAAABAEwEAAQMCBgMAAwEAAAAAAAABEQAhMUFREPBxgaGxYZHBIDDR4f/aAAwDAQACEQMRAAAB53536G5W8u5skgLCyQORBoeya9lwE25kl9Hq4R//2gAIAQEAAQUCygF8iAy9FZGMRDaCVTqFV0v/2gAIAQIAAQUCC63/AP/aAAgBAwABBQLgf//aAAgBAgIGPwIH/9oACAEDAgY/Agf/2gAIAQEBBj8CoojK8mvMLhkn6lUR9kohTQ3TQjzeFl2I65Qtb6SBnUiwkedRRev4J9uH/9oACAEBAwE/IekmbWMzGMGMlCGg7pDsMczQmNFe4JFYzJ4ngQigCUGJzOGMGnxQzTJtpYg01+tQ0TfGZts120qHdoiYtViXKEaqcE5vV7SaLYZCI3R7atOxvaIpbSLX+CJrpPqj0V7PdWnh/wD/2gAIAQIDAT8huosqZqPmjNKzxxWs1FX4ac71rw//2gAIAQMDAT8hrLwv/C/9P//aAAwDAQACEQMRAAAQGrrTCktE/9oACAEBAwE/EGITBCaixYWGQgxYm80iShkJn2kGQCQXgJo4y4LSUWh7tyN1i7XNH5VpKgW24pqCh3TM0USEQUvYolYW9BFooSWCKUhCwCixBSGUXsVGgAQQiJloKCLAgsXIlsEgwZUCDBC8xF6GROTJHMtS
28249IYkwExBwv9j84GHn9PD/2gAIAQIDAT8QuTl+ue/1SEGRt2fHcpTnVxfzzMVHd5ohJTn3+1aEwdZZ/wC1KZzXOGlRG3nnpi2tWuB5nTOzPzoZokQlsZF57vmu7x/lFf4p+T28P//aAAgBAwMBPxCSJpmDT7oLVOx8UtqMQV0rq5+qzdotXa9S057U/lacP//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDyqiilAr0ErnE3YAM06iirSsZt3GgZp1HaihKwN3CiiimB/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAHYAAAMBAQAAAAAAAAAAAAAAAAECBAMAAQEBAQADAAAAAAAAAAAAAAABAAIDBggQAAEDAgIFDQAAAAAAAAAAAAEAEQIhEjFRYXGRIgNBgbHB4TJCUhMjMzRUEQEBAAEEAwEAAAAAAAAAAAAAAREhMUFRYRIiMv/aAAwDAQACEQMRAD8ApDioBJ5AM11V5DN7nE3bKu5Gb6U5tGkcYGMaytbIOnGIss7B+kbOxZx5Ob0oMoRJjCsjg9KaAtbMYvICcpCyZAyjoVJ2cFAEBWG7iz4KnzwrqHqRzGxXvFggEi90byGwxZUnerR7WaRk2cWdQEwhdQkg+FOJ2M0LY+U7EesWpZd4c3Si7mNx9jh6o9a3yxfyU/LLWibtTZUhxv/Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAG8AAAMAAwAAAAAAAAAAAAAAAAQFBgECAwEBAQEBAAAAAAAAAAAAAAAAAAECBBAAAQIDBQUIAwAAAAAAAAAAARECACEDMUFREgRhcZEiMoHR4VJygrIUkjMFEQEBAQEAAAAAAAAAAAAAAAAAAREx/9oADAMBAAIRAxEAPwCWepbcURJYywjucdcHBW9ICgiduYSwgAdQ4tzNUsLRmUIEIUQC/O3F3HwiIonuCEtBIcodmuUXRWgtSXMoDkmQhdZtC8IBTXL6jsrecyRwFkpjb2xGWPp1PJU4QMUL5BSbZi4idsVos1DwS825QhzbLgm+CNtFp31H8gmDfMXTQDCCmv1aeDfwPdAAusqe6CFx66+9vyERmm38v9Om9J+QitTikgr/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAn/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAQJ/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AluoYHgAAAAAAAAAAAAAAP//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAn/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAQJ/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AluoYHgAAAAAAAAAAAAAAP//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAHAAAQADAQEAAAAAAAAAAAAAAAEAAgMECAEBAQEAAwEAAAAAAAAAAAAAAAECAwQHCBAAAQMCBAUFAAAAAAAAAAAAAQARAiExQRJScvBRYaEDkbHBIkIRAQEAAgIDAAAAAAAAAAAAAAABESFBAmHBEv/aAAwDAQACEQMRAD8A99lgatZwBZ1866eYmJItfEKQT6yBINaAnhldAeOseizgZO1QDlelFKNayeLF41B581qixj0DGwSETL5NfaK18mWRJLCpxBss5CZExFSMS2LJbpbSJSLjK4e5U61BmlpPZPrwEWO1anpVPHee4ey4+rPK4/W4fK115WO5dgf/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJD
28249QsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAHMAAAIDAQAAAAAAAAAAAAAAAAIDAAEECQEAAwADAAAAAAAAAAAAAAAAAAECAwQHEAABAwICCAcAAAAAAAAAAAABABECIRJRIkFhcUJSkgMzMYGhweEychEBAQEAAgIDAAAAAAAAAAAAAAERIUExcVFhMv/aAAwDAQACEQMRAD8A6CSIMYvIgirhjRcdrl1WZTO7cR9iKpaSzLwytLEgP5UCLVCzYjk+UbT2s7iMTbE4Vb2ReJwx3iHRmGeJ6hOgOwTl9qlRxmEoFyS7mr66pb9GK08cPVGejIBLEGNhFRF2BxSqDM4zMbWpK52cKuTkMvGIoGETpfW1EarUuHAeYIyfBEDsnYUdDoUOx0/1FE/JTwZunaFXSmFa4f/Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAL/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAb/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCAEqnwAAAAAH//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAIYAAAMBAQEAAAAAAAAAAAAAAAABAgMECQEAAgMBAQAAAAAAAAAAAAAAAQIAAwQHCBAAAQMCAQgLAAAAAAAAAAAAAQARAiESQTFRkaHRMoIDYXGBseEiQlITQ3MRAAIBAgMFBwUAAAAAAAAAAAABESECMWGB8FFxoRJBkcHR4TID8SJyMxT/2gAMAwEAAhEDEQA/APRxgBQGMcQQ/YF4o6UlRNLNcjswCwhrpBiTlRTsaxa1I5KjKJO8Xq8ZN3o2XJvGufnIGjLi5mmWxV9Wd/PyH7izaZyNxl0ZmZgEzdrudZ8IiIzFrBYdwbgLSWkCH6k9stpzhO7bZgYOSQDa5NSzkjCoTOW1MS8p4VIHwn3R1bUn8z3oHUJzTym2jkHwQm59lMn6bV0ag2uytLBzii1ONeIMCrSSKRzSyYakYczTl9NQSZWxzDQNqy/buXd6jD5vo/RX/PivyJZ4EffxLNd+/UZe00jvxWj4/euAjOlahD//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAACNAAAA4MAAATwAAAGWf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EAMsAAAIDAQEAAAAAAAAAAAAAAAMFAQIEAAgBAAIDAQAAAAAAAAAAAAAAAAEDAAIEBxAAAgIDAQADAQAAAAAAAAAAAAERAiExEhAiAxNDEQACAQIEBAEKBwAAAAAAAAABAgMREgAhIhMxQSMEMhBhkrLSM0Nzs9MUNHSUpLQFEgABAgMFBgcAAAAAAAAAAAAA8CEQATERQYGh4VFxkcHR8bECQmKC4oMTAQEAAQQBBAEFAQAAAAAAAAERIQAxQVFhEPBxgZEgobHh8cH/2gAMAwEAAhEDEQAAAfZ/YeQiIghgu+Ym0FpM4aQq4wVqFW1a5UXzs0tG7F//2gAIAQEAAQUCo+i3CTWPwJVl06iPkP7bxDqS2c0GfVv+Z//aAAgBAgABBQJ4M+SaI8ipHssRbS2f/9oACAEDAAEFAllEGDYn53Yk0ZOS5Tb8/9oACAECAgY/ArZrtCwvyHqMtquhfwGqMJNDDrD4zh//2gAIAQMCBj8Cs8q75iT7R1PsmPTn0Got6wHqrFScPtqWToPNaaC8ee8quIvaTx5n6Sh//9oACAEBAQY/AgqnMvtLJGUlDPt2yPdc0bb6U8LkOB5jjLVoMi1ZlXZDXIHkPJ7iAwzXM88SSMoqLemSxKzmv4eItHHt9EKWJ6gOZ5LT8x2/8r7WBYoCPGtRm1EHUSvxAnG5CwII4ZjGukZNJLTSMqtjx9oC10d7XjN6FJVrwNuDpHTqakUQkEN3Em17zajy0MWoRXljxdv+4l+xhRIlY9TyyJZUVIeOMhIlk6N9Ea2oUZ8RhaySmt4WiRO5kNiyNtmiLtZlltep50GQ1WUpluCQ2R2bJMgZHA7y42sNwlRaRqx4x6cHs4P63uv7EeE+W/0pMH5v+d6z+T//2gAIAQEDAT8hUZeDDRyaQAIEMHYhInMeJJs3/CmABsEIxUUfXsOtejlKpQ/lV1gqNXRrmYCx6m7hHY6WyVixGtYcgRCjWaisJK2Z11gYMC0NAYy7ZLSJtjlxNAe1E2R1bY2pRXf0sCVuP//aAAgBAgMBPyEK6Co452/sE84pT1md58HM65waHYbd+OXOcs6fmuvh7vnUdzd/XjPUMnwmmuSbd+f8b/lp+XP58F2vnHoIcvwGfvnnku+2rdhT5DmF8907mkC8/tvvj6UxKJtrw/zr3fWn8h/zXsfHp//aAAgBAwMBPyFAbTgTI4/tyx1WKTNed5jffjdh0vBp3PD22hsd6dJGvn+Wq1gff74cO64a5q1HEG7rGTx4y/DozwOPrcrN5e8mO3XkPw045O2Prji4Y4M6hugfF6rFwdGvbLo+nzvjBu5FTKztqO34NN79ae086bX25PT/2gAMAwEAAhEDEQAAEJ36TCCuwf/aAAgBAQMBPxAkJduWcXE9RprXUj3N99PwuhF1SJ2LI14VVC1D/D1DVwrX8M1QEGuixwPS7HBlThINzMh0Xa2CgUv0NMMAtrokBJixg8CTWNNBrVQ/NOllURVYa9uA7z9AReQn0V//2gAIAQIDAT8QcC4KCBoyBK3VO5waEG1BQqxFHdIr5Q3m62lwmTsU5AAkEQWrRbxE4Yhd3AaMkoFNITTC0UKIpBQjjB0uGpJgEEEiieIWgCKPE8WipYYiYJIsoMFLcyAdQ3ZFrBlBVcQES5JUoLeQi0zKOAUshr4Pv8a2Hx9COx78vT//2gAIAQMDAT8QdAowHCFxhyUDkg00x6EE42Uh47wABqqaCTbMZIsAhwAwRRShdYJSCFYFhhuhiQNRAIHVSASxAmtLJbd3hHCKhZjYJUZ0IJ5BB18WB3KolqqlgcAwISsVgyFAD8dCVwIytNLCrI0VjcwiT+dvpxfsP4fohrf/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAB5QAAAggAAAJ0AAADLv/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EAJYAAQACAwAAAAAAAAAAAAAAAAUCAwEECQEAAwEAAwAAAAAAAAAAAAAAAQIEAwAFBxAAAgMBAQEAAAAAAAAAAAAAAAEQMQIDIDARAAIDAAAAAAAAAAAAAAAAABAw8AFhEgEAAAAAAAAAAAAAAAAAAABAEwACAQMCBgMBAQAAAAAAAAABEQAQITFBcfBRYYGRsSCh0cHx/9oADAMBAAIRAxEAAAHqlL6ZsHNHSaTKHh2FhVN5ZlRs7YgqPNc2Y+VtPGWeTAH/2gAIAQEAAQUCd4Yo3fMUdLyKOt5MR//aAAgBAgABBQL6Px//2gAIAQMAAQUCQ5Q5yMcZGOP/2gAIAQICBj8CB//aAAgBAwIGPwIH/9oACAEBAQY/AmWJo//aAAgBAQMBPyF33+5e7J8Ch7eZl32hXyvX8hccCePqBJozTeMchPS9CZTA9/dP/9oACAECAwE/ITBBHDBUwfAIKf/aAAgBAwMBPyHCDDFMaSKYfAxpzp//2gAMAwEAAhEDEQAAEH9UCa1BL//aAAgBAQMBPxAwYWQZYYTWQJIt0MeRNzkMoWQsRvuBbGsJgPuvCFgFE58G0PBbABEkQ9Swhnpy0ABeRZJS4AKLEm2LQewt1YQJ1FDvLf6/UKzNytENACS8KEHuiiragmyZPGpAgtACQIBb53Atzc4A0wybD1Po0X//2gAIAQIDAT8QZzkhOdkyiuCM9IN4V7QU1dqcaf/aAAgBAwMBPxBMZbgo2jdZ6YJ
28249VhDd5frCgWHAIiPM1WDf8p//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAACJwAAAsIAAAOIAAAEd//bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EALgAAAMBAQEAAAAAAAAAAAAAAAMFBgQCCAEAAwEBAQAAAAAAAAAAAAAAAAECAwQHEAABAwMCBwAAAAAAAAAAAAAAAQIDERIEMQUQIEAyFBUGEQABAgMEBQoHAAAAAAAAAAABEQIAITFBYXES8IEiMmIQUaGx0UJyogOTkrLSQ4PD0xIBAAAAAAAAAAAAAAAAAAAAQBMBAAEDAwQCAwEBAAAAAAAAAREAITEQQVHwYXGBkaEgsdHxwf/aAAwDAQACEQMRAAABpvWOo6XFikdDgn0KgZsk8t996sx0lt0IbWg5I9N1vP8A/9oACAEBAAEFAk+fxqR7DjIsuwxnoCLcWjdwjVW5Mbi+EV6tVuQ5itz3NPOUk1j73an/2gAIAQIAAQUCuLi4qhQpwqUKFqFFF5P/2gAIAQMAAQUC6D//2gAIAQICBj8CB//aAAgBAwIGPwIH/9oACAEBAQY/AmzE2pfMU8U4k0EuPeuXCaHCDlaMvalDOsbjvi9P6YQvaahMpDt5aENVahBqUhsb3CtiEkG1FBKrdzTJvQ7S4WeLSaVd7Xq/zgbSBuwvDMB3m0tzB5JnihmDbMIq2dIqQcrclg2ZZSEq4N8uCfd9ww7V1Oh2v9Mfjb8p5P/aAAgBAQMBPyGdAwWeiYxLbwh3pSwRlEeGyCZu92eWIoWuzgEKWRGfZedRyQzaomBpvALAQoAJDIJRgRJwFcpZUZsMt0m0Cdy0lCO0aPALGRMYIEdMgEogL+afeYJbRwBdnkJTnoA2UlzFgXIQgIFet/Ovu6G+DSP/2gAIAQIDAT8h4b0cd6u0V71LioTFSqy7mr/LSmK7717rCnNGn//aAAgBAwMBPyGampqaj8oqNHX/2gAMAwEAAhEDEQAAEByK4LpZxv/aAAgBAQMBPxAI0SZiQnCwSmcbFIXVSXKSEUqLwJKaKW6bjPRIDJ4wjoi7qS5UpokBmhhLAqOIbompoJJCg6BY1ATMyCVGTLvTMpoBjykUENQAh2UczmWxePVIskgIlTbm80zCNNiZKKgXZ/FA5gv/2gAIAQIDAT8QQRFl46Lf9oGwHpNuf9ii4JGTv4M2+67R8P8AKNubmMR3nr91FfCe+Pc7Hb+XBLPP65v+q7p81CyLI8cUiKYI7/GD6+qQjlva2LR19z/mU6vmun4rPT//2gAIAQMDAT8QnUq4a0c0lRUWqJqGN68jr3pkVv70/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAHMAAAIDAQAAAAAAAAAAAAAAAAIDAAEECQEAAwADAAAAAAAAAAAAAAAAAAECAwQHEAABAwICCAcAAAAAAAAAAAABABECIRJRIkFhcUJSkgMzMYGhweEychEBAQEAAgIDAAAAAAAAAAAAAAERIUExcVFhMv/aAAwDAQACEQMRAD8A6CSIMYvIgirhjRcdrl1WZTO7cR9iKpaSzLwytLEgP5UCLVCzYjk+UbT2s7iMTbE4Vb2ReJwx3iHRmGeJ6hOgOwTl9qlRxmEoFyS7mr66pb9GK08cPVGejIBLEGNhFRF2BxSqDM4zMbWpK52cKuTkMvGIoGETpfW1EarUuHAeYIyfBEDsnYUdDoUOx0/1FE/JTwZunaFXSmFa4f/Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCWiiivUNQooooAKKKKACiiigD/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwBtFFFeYfbBRRRQAUUUUAFFFFAH/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcEBAQFBAcFBQcKBwUHCgwJBwcJDA0LCwwLCw0RDQ0NDQ0NEQ0PEBEQDw0UFBYWFBQeHR0dHiIiIiIiIiIiIiL/2wBDAQgHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAhICAgICAgISEhICAgISEhISEhISEiIiIiIiIiIiIiIiIiIiL/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAUG/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8Ah6c2YAAAAAAAAAAAAAAD/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAoLBQj/xAArEAABAwMDAgUEAwAAAAAAAAADAQIEBQYHAAgRCSEKEiIjJhY2VnWVtdT/xAAZAQEAAwEBAAAAAAAAAAAAAAAABgcICQT/xAAxEQABAwQABAQBDQAAAAAAAAACAQMEAAUGEQcSITEUFSJhohc1N1VWdXaUlrS109T/2gAMAwEAAhEDEQA/AEt7btu3T27QDnoFFMY1FpZTGLS4JClKSCB5CEI8CueR7lVz3uVXOcqqqqq6pe6XS5t3O4tt3GeABPlgABMkCAAMhxBERRxEERRERERERETSV04wHAcFmYLhcuXheJypcrE8ckypUnHLO/IkyH7PDdeffedhk48884ROOuuERuGRGZKSqtbX0tbH45Qf4in/AOfXg83u31pcfzsn+2pb8nHD37B4Z+l7J/hprroMeHvoO6iTbW8beNjemU/bXT5QqtinFNWocWDOz3OglGUFy3KEsJpouF4pm+2P0HyGdisYrLSZ8qmeNQrtcNTp1zuQwhX0B42SivKnXm
28249LbnRpPj7r6NI5mTjhlPDvEkdxLEsIwmRlsgOWVKHF7G43Y23ETXTy8hOYYl7+F2nQpBCLSOerErGtdpWt9sW5+hpH9fH1RF3+drp94zf3LtdZeHH0eYH+DMX/hINNsdBjoMSd1Em2t428a2pVP210+UKrYpxTVhFgzs9zoJRlBctyhKNpouF4pm+2P0HyGdisYrLSZ8qkWNY15hqdORRhCvoDsryp15i32aT4+6+jSOUvxw44JiSO4liToSMtkByypQ6cbsbbiJrpohOYYl7+F2nQpBCLVD6PGi06KCFCACJEiAQIABRI8aLGjp5Ua1G9mo1OOE47d1VeOVW1awFUBfSlPGeHv6DEndTQcb7xt41tSqftrp9ModWxTimrCLBnZ7nQYsIoLluUBRtNFwvFM32x+g+QzsVjFZaTPlVdwsa8wu1znTkUYQ3KbyB2V5UkuLzFvs0nx919Gkc2VlPHBMS4d4TiWJOhIy2RhOLjKlDpxuxtuWOBrpohOYYl7+F2nQpBCLVFyPGi06KCFCACJEiAQIABRI8aLGjp5Ua1G9mo1OOE47d1VeOVWxKxrWhpSoA+lKNKUaUo0pRpSv//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAoEBwn/xAAoEAACAgICAQMCBwAAAAAAAAADBAIFAQcABgkREhMIQRc4V3eWttX/xAAbAQACAgMBAAAAAAAAAAAAAAAACAYHAQMJBP/EADMRAAMAAQMBAwYPAAAAAAAAAAECAwAEBhEFBxIhIjEyQoGRFBY1NlFUVnR2lJWztdLU/9oADAMBAAIRAxEAPwBO/i752Yw4YZrZ49PHo5vFyt3HuOtZQ04gzhjr/X2MFVc2a4qX0+3sOt0tY8MjffHmBbosCVtaSIouurTLbW2m6gy63WqV0KnmczyG1bA+8QB9JvO58hPWZVn7b+2+W0ZX2tta87bptPua3Wp3aS2/Ki+1H6q6HmMTyukUi9wWMpOxB+C2nP0m1n/A+rf5XLL+AaH6lpPy8f6Yj3xr3R9pOv8A6x1H/RiOfKCzrzmtnj08ejm8XK3ce461lDTiDOGOv9fYwVVzZripfT7ew63S1jwyN98eYFuiwJW1pIii66tMttbabqDLrdapXQqeZzPIbVsD7xAH0m87nyE9ZlWftv7b5bRlfa21rztum0+5rdandpLb8qL7UfqroeYxPK6RSL3BYyk7MSSSdampXVyiyFegsBJFFIAlU0k1RRAqooqCMALLLAhAIABhAQRQiMcYwjjGLVVVVQqgKqgKqqAFVQOAAB4AAeAA8AMQOta3rS96Uta1Hra1Xala1oxelKUcl3o7ks7sSzMSSSTkrmc14sl48/Hs3vNyt3JuGuYR03XtfNQUBvkWc2a8mbMZY9cZgZbpirApCsHh5gW5MMlZXTiOLrq1U7a22eoMut1qldCp5nM+DatlPvEARwzedz5Cesy9Ae2/tuntCV9q7Xuld02n3dbrV7tJbfjVOR9K06rRGDRkeV0iMuouCxlJ2Y0kk61NSurlFkK9BYCSKKQBKppJqiiBVRRUEYAWWWBCAQADCAgihEY4xhHGMWqqqqhVAVVAVVUAKqgcAADwAA8AB4AYgVa1vWl70pa1qPW1qu1K1rRi9KUo5LvR3JZ3YlmYkkknJXM5rw4YZSn02fl50b+0mvP6pVc8HS/kzp/3LTfspks358993/ibrn8lqcuvnvyJ4cMMOGGf/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAB+wAAAjMAAALfAAAD6v/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EAKYAAAIDAQEAAAAAAAAAAAAAAAIEAwUGAQgBAQADAAMAAAAAAAAAAAAAAAIAAQMEBQgQAAIDAAIDAAAAAAAAAAAAAAABEBECMRIgMEERAAECAwcFAAAAAAAAAAAAAAABMRBBkSFRgaGx0eECMkKSshIBAAAAAAAAAAAAAAAAAAAAQBMBAAIBAwQBBQEBAAAAAAAAAQARITFBURDwYXGRgaGxwdHh8f/aAAwDAQACEQMRAAAB9L+XfcgFFdSQ1I5s0yNUcOax7RlZOrFtYZI9kwTZXn0z/9oACAEBAAEFArhFsW6O9pMs72Z2LRZrjM//2gAIAQIAAQUC9deP/9oACAEDAAEFAoZSOpRUcFDUfRR//9oACAECAgY/Agf/2gAIAQMCBj8CB//aAAgBAQEGPwJx7hlPI3ztHJnb1e3MEahPQ5UTH6QqVh//2gAIAQEDAT8hAnmKlH5+kXhOQ8a2vM57nrity54vlAWM+aVkFG66uCsrXBrq43ltVem7uisVLf4IQxbfeNMG3Ew5D19zvcZzlfkGvHmp9Pd56Kbe20dT1+XT/9oACAECAwE/IY+IFTPmKy71nzUv3KtuE/Mt0ev/2gAIAQMDAT8hrx1eiKSYukfSV5JVI2gSu66OZu99P//aAAwDAQACEQMRAAAQryHXBjoT/9oACAEBAwE/EDWLYYoOEcrQoGpBsEmjFFjIAXRZu3FQcDrlRRlKGmpZW9T/ALiFg1FolRRjWIrO3MsRUZrSGBkIg6JScy4laqvFASmjBy2GnQQpSCuAA8E5qBkuoXBap0sS1fI53rMoEXhxeWB2eQ0ZbozOn3/KOzcOn//aAAgBAgMBPxBscuHvveZOWcTUI135l8ZA4rvz95oWzxBt3DedlkVc1jSrfiDeLY8v3hqzZ6/sf0dP/9oACAEDAwE/EFjjRo29752gboGvfe0yas0/vbPNNycPB7wVtx94moV8unf6lQ3TGmsr/i/yNwKPz5+98bw00L7e/UFgoPSte/r8T6vhN3v9M36h/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAHEAAQEBAQEAAAAAAAAAAAAAAAQDAgEJAQEBAQEBAAAAAAAAAAAAAAAAAQIFBhAAAgECAgcFCQAAAAAAAAAAAQIRACESAzFBUWFxwSLwMkITM4GRseFScpJjF
28249BEBAQEBAQAAAAAAAAAAAAAAAAERgRL/2gAMAwEAAhEDEQA/APKXLyyuLzCRBEBWjTrNeq1z5CEbvAmTMJw3DVQa6gIszXERqO2kVT+df2e/5VfVBAzEAQqAkktNt4piStgRBib95dHG1QWUgP0+LQCJgRRVZP1fGmASKuFy1lywSTtBq1MGZxLjMJ6SDCmBblRCk8pkJDMoUYUxGyzeDtoOYRu/Jq2nVvEe2usVsLP9fO+9eVRin5Ppe08qRoOtD//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAHAAAQEAAwEAAAAAAAAAAAAAAAMBAAIEBwEBAQEBAQAAAAAAAAAAAAAAAQACBAYQAAIBAwEFBwUAAAAAAAAAAAECEQAhEjFBYXEDM1GBkcHhImKhMnKyExEBAQEAAwEAAAAAAAAAAAAAABEBITFBAv/aAAwDAQACEQMRAD8A8EGGakuRy2yCtMG066V5rh3Kyhb5FwTKsh0i+/tpWDJDFsySV0DAWpLWR8PH0qFLP2j2FiWGWwSDFqkNmKqRcnYbza9ZxQTMxYlmZMrE2J4GmrWfxX5+HrRNFb8tciQixNyALC3bTGsXEkmHgKYLgbCN0GmLpWUBiB742lp4GCdaFUxO76UVEHSHf+orRc46o/HyWs/LOibq8zj50erDVF//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAACFQAAAoMAAAM9AAAEMf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EALMAAAIBBQAAAAAAAAAAAAAAAAMEBQABAgYJAQADAQEAAAAAAAAAAAAAAAAAAQIDBhAAAQQBAgcAAAAAAAAAAAAAAgABEQMQIBIxQTJCMwQUEQABAgQCBgsAAAAAAAAAAAABABEhMUECYYHwcZGh4RIQUdEyQnKywgMzcxIBAAAAAAAAAAAAAAAAAAAAQBMBAAIBAgYBBQEBAAAAAAAAAQARITFBEPBRYXGhgSCRscHx0eH/2gAMAwEAAhEDEQAAAeiHK8q1TOOmSca2AoCgiyDN4JJyteebMtuqXrP/2gAIAQEAAQUCenYw1iTNULL5nRjKqCBLp2Oh9kZK5mKy2H+s13HwPyL/2gAIAQIAAQUCUqctmcy+OT4//9oACAEDAAEFAoUKFGmczp//2gAIAQICBj8CB//aAAgBAwIGPwIH/9oACAEBAQY/AoyYyrdDm0xTgeCDCUJB2qrXECA2xo5r7DuTWxA31dEYF+sw4oV5RDB/aV39/BTg4DPKsdaByOuiwuYAZCdVM7be1XeW5fF+lvrKOlB0f//aAAgBAQMBPyHCDAt2JZ6iNgeW0oJUppbgR2FlddILRCgltPXXTds7TkP8wi0d6OTbSDjHgmhOaWdBbmnKiClrGteRpSncevAAaZKy2EOQY7oSHW0G88Gtc231qDVVpZLRQvir578JhzfQ4GfceD//2gAIAQIDAT8hbIWmAXpM9Y9JhwplIuY8LePL5mrh/9oACAEDAwE/IX6Ie0CMzwXFl46s6cf/2gAMAwEAAhEDEQAAEGXUK2C95P/aAAgBAQMBPxBgHdlN9gLSEkdC8JR2pbCKgBI4QumCUDTqZ16WUAKxhQT+1BmHWqYAJthGiIbF2JkAbUUYtDFodRElDAM0HXgeAtaFuthCVWz9Fi7UCJaHXDLTJlPKlFUMRfY1jS4xTKyrga2UW4fqBMF/f//aAAgBAgMBPxBpa/159wRi1rnnzULDoTzeobEc9/1AhMW3z92XQVkC+fc7/tgCu3z95Tbfn/v4jrTRrH+8+53Pc2fP4ZreY0eduH//2gAIAQMDAT8QoKTb+8/Mql9pU10lesF4gKqYHUJXVAXV4iRuUudGeT1Pyv1HTyJv88P/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcEBAQFBAcFBQcKBwUHCgwJBwcJDA0LCwwLCw0RDQ0NDQ0NEQ0PEBEQDw0UFBYWFBQeHR0dHiIiIiIiIiIiIiL/2wBDAQgHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAhICAgICAgISEhICAgISEhISEhISEiIiIiIiIiIiIiIiIiIiL/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAj/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAMF/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AnRspgAAAAAAAAAAAAAAP/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAACgAECAv/xAAnEAACAgEEAQIHAQAAAAAAAAAEBQIDCAABBgcJERMUGDhYeJe31v/EABsBAAICAwEAAAAAAAAAAAAAAAAIBgoDBAkH/8QAMREAAgIBAwMBAg8BAAAAAAAAAgMBBAUABgcJERITMYEIFhc2OFFWV3Z3lZe1ttTV/9oADAMBAAIRAxEAPwAF+nI1H9WjRpF3hl8MrPK9mjyYyYSHp8Zk58S+H8PLiQvZ97s15Hpvttvt7RQXV4RVUqW7emVRHKCKrkSK6FEGjQDjh1JepLR4Co5ThLhLKVcjzbkas19xbiryq3R4qo21d49vqItb5tIZDMfjmQasEo15TKLJpUaNtiOG+G2bqYjcu5UGnbST86dM/JbM6xZe4gxgFHZrY7FaKJSmYGGtBonyuYy/bp0T+ouv/wDP6rVfLpzd98fKn7hbt/6+nM+LG2/s9g/0mh/n15Rur8muVekXeGXwys8r2aPJjJhIenxmTnxL4fw8uJC9n3uzXkem+22+3tFBdXhFVSpbt6ZVEcoIquRIroUQaNAOOHUl6ktHgKjlOEuEspVyPNuRqzX3FuKvKrdHiqjbV3j2+oi1vm0hkMx+OZBqwSjXlMosmlRo22I4b4bZupiNy7lQadtJPzp0z8lszrFl7iDGAUdmtjsVoolKZgYa0HVq1axGsXJEi4BOmTgCK1KlWIOvWK1i8esQBcuAErqFCACFqqGEEGqqHGHqrpprhXCMdqsN69eyl65k8nctZHJZG1YvZDIXrDbd69etuOxbuXLdg2PtWrT2MfYsOYbXOM2MMjKZl5FKWha0pWCUpAFKUoBWtS1jAgtYDECAAMQIAMQIjEREREa361NZNBE8MfhnY5YskmTOSyU1TjKnYfE8P4gV74DLvdqsKlXZH1jvUUD1ivNomO6bUyqJ5MVTehSW101tWi+1V1JupHT4BpZPhLhTJVshzbkanobi3Ej0rVLiqhdRBjPaYYi1vi3WaLsbj2QacGhisrk1kw6FG2i/DfDjN1sRuXciTVtpLPKnTLuDM61Rdp+ogxizGRc2OxWSgkJmBhrAdYrVrEaxckSLgE6ZOAIrUqVYg69YrWLx6xAFy4ASuoUIAIWqoYQQaqocYeqummuFcIx2qwXr17KXrmTydy1kclkbVi9kMhesNt3r16247Fu5ct2DY+1atPYx9iw5htc4zYwyMpmXkUpaFrSlYJSkAUpSgFa1LWMCC1gMQIAAxAgAxAiMRERERrfrU1k1aNGuWcG/ovxN/HHpf+d8e17t8KL6SnP/AOc3Jf8AccxqL7I+Zu1Pw7hv4+vrqbXhOpRq0aNWjRr/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDzKiiuh8PeHmv2W6ulK2oPyr3kP+FexKSirs8qMXJ2QeHvDzag4urpStqp4XoZD/hXafYLP/n0g/79ip1VUUKoAUDAAHAFLXn1Kspu53QpqKscH4e8PNqDLdXSlbUH5V7yH/Cu7VVRQqqFUDAAHAFQWH/
28249IOtf+uSfyFWKKlRzlqFOCitApOaWisyz/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAoGCAn/xAAoEAABBQACAQMCBwAAAAAAAAADAQIEBQYACAcSEyEJFRk4WHWSt9X/xAAYAQADAQEAAAAAAAAAAAAAAAAABggHBP/EACsRAAICAAUCAwkBAAAAAAAAAAEEAgMABhEhQQUSExQzBxYiNlVykrTTF//aAAwDAQACEQMRAD8ASH5qGMvwcMGNGehHQjUdstQzT6dlhm/BmbsGj0ejG1QTdTNArCkyWSIVisJMIxWJcXCNLFoYpUVUNYmhwyvmSslM5mZ8wx3r9HXnowwNpsTG5VVJ2MyPVt3jTE8zMIHP8855Wyst5Zbw2OtMV6rrn4oLQlqA00AdRAH0qtpXyHFYnMMW/h7dLv09YX+Nx/q83b3Dyj9DV/Nj+2MA/wBAzj9eb/Bf+OEueSbiv8aM9COhGo7Zahmn07LDN+DM3YNHo9GNqgm6maBWFJkskQrFYSYRisS4uEaWLQxSoqoaxNDhlfMlZKZzMz5hjvX6OvPRhgbTYmNyqqTsZkerbvGmJ5mYQOf55zytlZbyy3hsdaYr1XXPxQWhLUBpoA6iAPpVbSvkOKxOYbSx+Py/j/L0eLxdHX5vK5uvDV0dHVhQEKvhARfSMbfl5CEerzyZJ3llTJRTS5ZjSTFK+nFVVkVqVFKYLrLwFdNNY0hCA4HJJOplIkynImUiZEkyw22y+zc45dYw0xYbbrrT3TnOXJ4AA0EYgCMIgRiBEACS86Mc2FB+g/QnTds9Qmm0yT834NzNiwWl0Ym+xO1E8HtmJkMmQjHNdNIN4/vFv6CRqGIZrlaewPChllvJWSmMzM+YY71+jrz0YYG02JjQlVUnYzI08W3eNMTrvMwgawzznlbKy3l1+xjrTNZKy53gtA6gNtAb9gIPhVaiV8wRtXGcw2nj8fl/H+Xo8Xi6OvzeVzdeGro6OrCgIVfCAi+kY2/LyEI9XnkyTvLKmSimlyzGkmKV9OKqrIrUqKUwXWXgK6aaxpCEBwOSSdTKRJlORMpEyJJlhttl9m5xy6xhpiw23XWnunOcuTwABoIxAEYRAjECIAEl50Y5sHDBiiv00PyOeAv2XWf2JsOJXs8+T+j/AGM/uMYefaR85dY+9b9SjF6uOuEbBwwYOGDH/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAoLAwb/xAAtEAABAQcDAgMJAAAAAAAAAAABAwACBAUGBwgKERcTIRIUNxYnNEVTc5Oy0f/EABkBAQEBAQEBAAAAAAAAAAAAAAAFBwMIBP/EADsRAAEDAQQDCBMBAAAAAAAAAAEAAgMFBBESIQYxMhMVIjNRU2FxFBYjNkFDVXJzdYGRkpWhsrTR8NP/2gAMAwEAAhEDEQA/AEJEEECgiSikSUkySU3CSS4NyTt3Jb0zQaDQ5qHRZZaLSZZZaTTpJZZKdY3ySSPscLnvke6Eue97iXOc4lznEkm8qPLLIJJAJHgB7wBjdlwj0rXy8P8AQR/E5/Grdruj/kKjfLLF/gue6y87J8bv2nW9Ovpy4W/3sRn5n5b+GFgw7AVXjvjtVkqTDt9nXfBFSK611pHFubcFAOJzGjqOmIIveHUajqNPhd2HQvNkemtXoNixUylUWkNqGbXOZT7EDFldhBEN+69ezdidedv6ohMdckh63O/f9qCR6bLFSXVQ/wAOh9lL9HW9X6Od71C9TUv8KBQ5eNl9I/7inZNOzp1TkAaGz8z7ogCwm0HVmOeOtXQPrvt4YyTXXu3JYo+hfzGj6Bmbp5w3TqGpHOF+jD3nzjTfTY2XFS6aTvgcTZHtdnGbtTTr3U4r9o4DwiS83u7Qw+E9B/uXky9lwBVGpsXVZQB2IngtOZp1jf8Ahre5859UM7wGIaWVdjljlV0F2vwOm5GSi7V2pRFuJ+4rsJlQNAzFN0XxBTqGoURZXoQ95tQq2mvYdCo1KphO+DaTYIpJGvF7MNjhGFtw4zMm7xe0e6E3zRDfLITzj3Z+cfffqy+gCo7Nl6pIYigDsRDEQxEMRDEX/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAoEBwn/xAAnEAACAgICAgECBwAAAAAAAAADBAIFAQcABgkTEQgxFzhXd5e21f/EABkBAAIDAQAAAAAAAAAAAAAAAAAGAQQHBf/EACsRAQABAgQGAAUFAAAAAAAAAAEEAAIDBTFBESEiMkKxFDRTdJNUsrPR0v/aAAwDAQACEQMRAD8ASf5qFY/RworYnxv+N93fbtZuvddY1XaUrmsMdd66xgqju1HVC/H3x6zrdHWOPI7CwHmBbwsCVdWSIovPKcHNs2Iwx46MhOq/UwR94jseOrsUx5LkrLSTJEij0WaMhPWEPdd5dtu6MmfgZpP9HtWfx91L/I4p/ESPr435b/7p1+Ei/po/4cP/ADSFXNKrJ62J8b/jfd327Wbr3XWNV2lK5rDHXeusYKo7tR1Qvx98es63R1jjyOwsB5gW8LAlXVkiKLzynBzbNiMMeOjITqv1MEfeI7Hjq7FMeS5Ky0kyRIo9FmjIT1hD3XeXbbujSiKKVWknWViatdW1yq6NfXoriUSRSUFBdVNNVeAwLKrAGMK64RwEEUIDHCMI4xhOVVVVXirzVdVd1p8AtC20C0AAOAByADkAaFS+RU0q/wCN3xwOb9drN2bprWUNJ1zfv6914/tVd2m+kfMZY+cZgdXpCjIpBsrAeYGuzjLVVhIjg+8o5ZtmpGGPHeMhOq7UwR94iaHjq7FIWS5Ky0kyRIo9FmjIT1hD3XeXbbujSqKKVWknWViatdW1yq6NfXoriUSRSUFBdVNNVeAwLKrAGMK64RwEEUIDHCMI4xhOVVVVXirzVdVd1p8AtC20C0AAOAByADkAaFS+RU0cKKov6YPy3aC/ZvWv9PqOWp3zkr7jG/fdVSB8lE+2wf47avTlWrdHCijhRX//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAQCB//EACEQAAIBAwMFAAAAAAAAAAAAAAABAgQRExIysQMzUnKR/8QAGAEAAgMAAAAAAAAAAAAAAAAAAAIDBAX/xAAXEQEBAQEAAAAAAAAAAAAAAAAAAQIR/9oADAMBAAIRAxEAPwDkQBTTU2R657OTaU7eFNTZHrns5LccPCPw0lZWQFQ3VqCmpsj1z2cl6VlZGen2oeqNANXtAABX/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAYH/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AvgM6WQAAAAAD/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAYH/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AoAVTQgAAAAAH/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAL/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAQG/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AsBg1oAAAAAD/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcEBAQFBAcFBQcKBwUHCgwJBwcJDA0LCwwLCw0RDQ0NDQ0NEQ0PEBEQDw0UFBYWFBQeHR0dHiIiIiIiIiIiIiL/2wBDAQgHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAhICAgICAgISEhICAgISEhISEhISEiIiIiIiIiIiIiIiIiIiL/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAYH/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AjINtQAAAAAAAAAAAAAAD/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMpaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7v
28249yIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGOUUxNDIzNUYwRDMxMURGODE1NEQwMzVERUJERjZCOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGOUUxNDIzNkYwRDMxMURGODE1NEQwMzVERUJERjZCOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY5RTE0MjMzRjBEMzExREY4MTU0RDAzNURFQkRGNkI5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY5RTE0MjM0RjBEMzExREY4MTU0RDAzNURFQkRGNkI5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAGQAZAwERAAIRAQMRAf/EAIIAAAIDAQEAAAAAAAAAAAAAAAAHAgQGBQgBAAICAwAAAAAAAAAAAAAAAAAHAQYDBAUQAAICAQMDAwUAAAAAAAAAAAECAAUDESEGQVHC0bKTBFR0FTURAAIAAgYJAwUAAAAAAAAAAAABAgMRIeEEBQZRYYGRsSIyohNxMxTRUnKSU//aAAwDAQACEQMRAD8A40XI9wgBiud87SqR66ucNZMNMmQbjCD59h0nZwzDPLzx9HGwquYMwK7JypTpmvtt0La9av8A3Nx999R8r+ss/wAeX9sO5C9+feP6R/s/qehYvx2GK53ztKpHrq5w1kw0yZBuMIPn2HSdnDMM8vPH0cbCq5gzArsnKlOma+23Qtr1qR3d3Z3Ys7EszMdSSdySTLYlRUhZxROJ0utsjJIG7zvnaVSPXVzBrJxpkyDcYQfPsOkqWGYZ5eePo42DNzBmBXZOVKdM19tuje9akd3d2d2LOxLMzHUknckky2JUVIWcUTidLrbIySAgBfv/AO5Yfk5feZhu/tw+iNm+e9H+UXEoTMawQAIAf//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAGkAAQADAQEAAAAAAAAAAAAAAAMBAgQACAEBAAAAAAAAAAAAAAAAAAAAABAAAgEEAAIHCAMAAAAAAAAAAQIRACESAzEicZEyUsITBEFRYoKy0jNzFDQVEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwD3Tr37UcjbG8gkOWIgEkEdnoNBfUhZmbbbjgABkxa1sogQKBkLDm065LQV2qWNhMsTkb2oO8nd3fUdb0AJsRlCM488/jUFmgcTzWANqCw5I3O2QsEzczE3m3G3voHGxTqxK4hGDcjZASTbH29AoMf8T4tvUKBPNRdm522QjZK4AwCAWggyb0FXXU+rXtIUKTDjkBESTBJAMxQMnpvT7WwSFMQAArEg24qZFBH+IO43U33UBa/7O79Y+p6Cd3Y+dvFQbR2N36/EaA6D/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAP/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAUG/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AuAqtoAAAAAA//9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcEBAQFBAcFBQcKBwUHCgwJBwcJDA0LCwwLCw0RDQ0NDQ0NEQ0PEBEQDw0UFBYWFBQeHR0dHiIiIiIiIiIiIiL/2wBDAQgHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAhICAgICAgISEhICAgISEhISEhISEiIiIiIiIiIiIiIiIiIiL/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAb/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCOqJVgAAAAAAAAAAAAAAP/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAoLBQj/xAAmEAACAQQCAQIHAAAAAAAAAAAEBQMBAgYIAAkHEhQYOFh4l7fW/8QAGgEAAgMBAQAAAAAAAAAAAAAAAAgCBwkFBv/EACkRAAMAAQQCAQEJAQAAAAAAAAECAwAEBQYRBxKBNhUWUVVWdZW003b/2gAMAwEAAhEDEQA/AFT+aIZqxhwwxnXox6MW24rZBtXtWgYJNU0jC03CcJNtJWtthmy0mtK0pWlYTAPEoBkN0Dt1BdETlpMU2P4/NZBY3brqa8leSk2BK7JslVpvdF9dTqV6dNqRx8q2uZT3OZ7EARWo79EagPLvl2fF5247x2yV5HVPXV6tfV57JOi/KvuTqe5SPa6ZSLWBJlJ3rvhH1R+mPXr8L+N/5ri0/bu9/nO6/wAhq/8AbFB+8vI/1Bvf8rrv98jucfvNPcZ16MejFtuK2QbV7VoGCTVNIwtNwnCTbSVrbYZstJrStKVpWEwDxKAZDdA7dQXRE5aTFNj+PzWQWN266mvJXkpNgSuybJVab3RfXU6lenTakcfKtrmU9zmexAEVqO/RGoDy75dnxeduO8dsleR1T11erX1eeyTovyr7k6nuUj2umUi1gSZSehEoUKcfUrEKFYvSI0i8JQmTKAhlqlQpWjRhrlixcHHCGAvADhhFCCFhiGFGijggjsisttoqzu9XetXalKMz0o7F3d3JZ3d2JZmZiSzEkkkknvEprSlqUtaj1tV2pWtWZ6Uo7FnpR2JZ3diWZmJZmJJJJzR5HIZPL6L+jNnuQ1QbWbUoj02qSNl7vCcKLoQva7DOFRd0clnqtrCWv8TrTh5BnrmC6IrKy4CMdQTRwxuGy1q/JXklOPpXZNkqtN7onrqdQvTJtU3X5Vtc6nucz2IKRWo7M0Z2fLvl2fF5245x2yV5HVPXV6tfV57JKi9j8VfcnQhoyPa6ZSL2BJlOlCNQoU4+pWIUKxekRpF4ShMmUBDLVKhStGjDXLFi4OOEMBeAHDCKEELDEMKNFHBBHZFZbbRVnd6u9au1KUZnpR2Lu7uSzu7sSzMzElmJJJJJPeJTWlLUpa1Hrart
28249Stasz0pR2LPSjsSzu7EszMSzMSSSTmjyOQw4YZyJ1/8AyLacfbB4L/WmNc7vKPqTf/3ncv7ls9NzT6v5R/0G7/37513zhZ5nDhhhwwz/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAHgAAQEAAwEAAAAAAAAAAAAAAAMEAAECBgEBAQEAAwAAAAAAAAAAAAAAAAECAwUIEAACAQIEAwQLAAAAAAAAAAABEQIAITESIgNBYROx0XKSUXGh4TJSsgQUVGQRAQEBAAEEAwAAAAAAAAAAAAABEUEhMVECgZES/9oADAMBAAIRAxEAPwD3cOnm6kjlMiFGbQ1LhizzrrnrC25hM5jLK3AjNEmQCJIsjQk00ts3mdUYnhg81mE3yFCXhn48vlh5B301P2OBcinDalqIklqTwbdMZz7NtQ0rKJIIxISJR48gL0W10DCMdyBCMg4kuLGB50w6qOnufsbft76M7PCJHN0yARqEHpDNw/TwoTyUQymBiWgRGJAV7XIISVvdRdOobhaN5Asu6aSGFCbDZf5T541E+UP2uMfXL6a1U929344eM9lZbnZUcd7xntjVT14WVXE//9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcEBAQFBAcFBQcKBwUHCgwJBwcJDA0LCwwLCw0RDQ0NDQ0NEQ0PEBEQDw0UFBYWFBQeHR0dHiIiIiIiIiIiIiL/2wBDAQgHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAhICAgICAgISEhICAgISEhISEhISEiIiIiIiIiIiIiIiIiIiL/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAYH/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AmadbMAAAAAAAAAAAAAAA/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAoLBgn/xAAnEAACAQQCAQIHAQAAAAAAAAACAwQABQYHAQgJChIVFzdXdpa21f/EABkBAQADAQEAAAAAAAAAAAAAAAAHCAkKBf/EADARAAEDBAEDAQMNAAAAAAAAAAECAwUABAYHEggRFhMUFSEYNjhWV3Z3lZe1ttTV/9oADAMBAAIRAxEAPwBXXWutdcztc4BOnYBhUybMwrFZUyZKxWxSJUqVIsUF0iTJkOgG173tM2uc0yY1hEZlyXPPNUvynKcnt8nyO3t8jnmGGJ6XZZZZl5BtplpuQuENtNNouAhtttACEIQAlKQEpAArpx0HoPRcxovS0vL6W1NKy0rqbXMjJyclrnD76QkZC+w+Gub2/v725h3bm8vby5dcuLq6uHHH7h9xbrq1uLUo7X5V6v8AtvgX6fj3+dXg+X5Z9aMi/O5L+zUs/Jy6evsH0z+l+Ef4dM3eFP0/es+yTbB2t7YaXwqNoGJKC4az1nPw2yxJW55sCSBKyC/B8MAw1UpyjGOpbODztgEKzHGBY29TfrWDyibbbnZ3I8jVFkk2loZyWbN4W3CnmspukE2/JBHcEodR8ElXIqayj649tdP2BKkdPaa01pgZqptVrmWZ22sMGV4g2+0tL0DCL9zc2swSFJEleqQDjHc2rA8i9VyAnzVP9ZI12r1X9L9b/gWH/wA9bqojl/zsyj7xTf7lc11ldOX0etD/AIM6v/hEHTVnhS8KTex7bB2u7XWCTE0FEk8Ttaa0ncPhy90S4cjj2X6/BwK2DqgWLYtKVs4LPS4MAPjF+GMvcm611oiaQ3OzrZMWSTaWhLjZvC24UlaykoUbclBHwJQ6g8U8uRLVCeuXrlOCGR07p2RQc1KPQzHMWODicPS4hXKEhFcuTeZNK9NV9fKb5Ysoez2/bIw45APQ1aGsK6gD0pVBn0/fhTb2S1npfth2tsEqJoGNhWGz9Z6zuASYE3c8qJZbZ7L9kCiBTlaqAwYtUcTBmdmJrEhxgWsvUAQetW5vKMjnZ1smLVkc4bS0JcbN4W5a6SVr4lCvZyUEHseDqCUjlyUWtbttdcasC6ftNaa09ItqzUaY1hbZnmVqpp9vEOWDQ3OEgXkrUE5g0vgq+kgk+MKAYtT5F6jsA+/U/wBZI0UpUAelKKUopSilKKUr/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcEBAQFBAcFBQcKBwUHCgwJBwcJDA0LCwwLCw0RDQ0NDQ0NEQ0PEBEQDw0UFBYWFBQeHR0dHiIiIiIiIiIiIiL/2wBDAQgHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAhICAgICAgISEhICAgISEhISEhISEiIiIiIiIiIiIiIiIiIiL/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAUG/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AjrRIIAAAAAAAAAAAAAAD/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAPAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAGQAZAwERAAIRAQMRAf/EAIQAAAMBAQAAAAAAAAAAAAAAAAAHCAIFAQACAgMBAAAAAAAAAAAAAAAABgEHAgQFCBAAAgECBQMDBQAAAAAAAAAAAQIDAAURMUEEByEyBtIjs5RVdRY2EQACAAMFBgMJAAAAAAAAAAAAARECA1GxBAUGMUHhUuITkdEiMnKSsjNTczQV/9oADAMBAAIRAxEAPwBG0zi6FADH4t4tlv8AKl3u6NHZI2xjjOKtuWU5DURg9za5DUhB1bq1YROhQca72vk6rhgyjKO7CpUXo3K3hePH9W8Y+0bL6eL01Un9HEfcn+J+Y3dmSxeBI9emSsRj8W8Wy3+VLvd0aOyRtjHGcVbcspyGojB7m1yGpCDq3VqwidCg413tfJ1XDBlGUd2FSovRuVvC8oKKKKGJIokWOKNQscagKqqowAAHQACqammczbbi2OKUDVYkk98W8WyeQSpd7shjskbe3H1DbllOBA1EYPc2uQ1IufVurFhE6FBxrva+TquE3KMo7sKlT2Nyt4XlBRRRQxJFEixxRqFjjUBVVVGAAA6AAVTU0zmbbcWxxSgarEkKAOJ4N/F2H8ftvhWunnf7tb8s/wAzNfCfRk91XHbrmGwFABQB/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAoLBgn/xAArEAABAwQABAQHAQAAAAAAAAACAwYHAAEEBQgJERcKEhY
28249iISY2VnaWtdT/xAAXAQEBAQEAAAAAAAAAAAAAAAAABwgF/8QAMBEAAQMDAgMECgMAAAAAAAAAAQIDBQAGEQQhEhUxBxMiJRQWIzI2QVaVtdRCdXb/2gAMAwEAAhEDEQA/AFAGYzGflM9qZOS1G1kZOQ2tEvkZC+i1ay6662rxVFVllVMUlFVVVCI1FDIjMyuRXve971tC1rWtjUWxbmo1FuQL778DEPPPPREe46865H6dbjrri9OVuOOLJWtayVKUSpRJNZHuS5LiYuKfYYn5pllmalGmWWpTXNtNNN659DbbbaHwlDaEgJQhICUpAAAArS+hWR9nNX9e1H+Su96oWn9L279kjf1q4vrTc/1HPfd5D9im2uRh4e1izB6T40ONmHGhkw2sSW6hKC9y19JkIyxcDBbXSbI2vVwyTKHhIQVZ7VUE7SkVk3K4bdnbojJEJ7SrgtWJS9blvW1AenLUDqpzkUf5UnhUotA9ygFR8AU4QvAJQjDuXGbFYMRcsxiSlLgnFR2wSky0hvv1V7f3c5BIOT0T02n/ANQerhXSZi/RDO/FW9/IxK3daHwna/8AnYT8bpqxbdPxPcf99L/kNRTgfIs5FhS2TU40uNJqF2d8w7mDYN3I2vaW7Xt1w5Nk3Dv8Oz3T3NRqF7ZVH5icXWHCSSkmU9p/aeqLUbdt0lGuQUFaygnkeSriaaVxA8WQA44AcZ7tv22SzRrBsESwEnJjy/8AinpnGNzsDjII679BgCnz6zPWjKgD0pVADw9vIw7wMWHONnjQaZLQ1ktBr7mC4S3SRheWEcjSYauvkaTdcuIEMPEmQqNVnqhYpSsdnC5U7w75UZHvFwdpSYm1bZt63HlL13IILnmqwnhivL2dmipXvHgBcUEEDj4EHvQ4WofEWDzi5bglJIeXKnJcpSAd/MH/ABH58OcgkHc+EY+T/FQerhRSlQB6UopSilKKUopSv//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAkKBAf/xAAnEAADAAICAgAEBwAAAAAAAAACAwQFBwABBggREhOCFzdXd5a21f/EABkBAAIDAQAAAAAAAAAAAAAAAAAIAgUHCf/EACgRAAMAAgEDAgYDAQAAAAAAAAECAwURAAQHEgaBFSE2VXW0YZTTlf/aAAwDAQACEQMRAD8AlP50Q4h/Dhw40j0O9Dq9zV4/bO2cfRDqaGjp+Dwb+mTV7GrmZ9jp/EJ3B2F1wdgzMMA8djjFY2WTY13K7lJgErhMJVaZui+PU9SunTFI491brmU7nM7EARWo34I2s9vu3z5x55jMTaeHm3lCDbV8m6n2ZejUjVKDRsQZzOvN0fX+D+pf0u11/CfGv8zi0/Hc395yv/Q6v/bjCfBcN9pxn9Dpf8uRmcfviRcaR6Heh1e5q8ftnbOPoh1NDR0/B4N/TJq9jVzM+x0/iE7g7C64OwZmGAeOxxisbLJsa7ldykwCVwmEqtM3RfHqepXTpikce6t1zKdzmdiAIrUb8EbWe33b58488xmJtPDzbyhBtq+TdT7MvRqRqlBo2IM5nXm6UTxxyY+SWCCWeGCGdEcUUaFzSRyTLFM0ssyRBM886QBSEKAFqWAgAiI9dcVZ3ervWrtSlGZ6Udi7u7ks7u7EszMxJZiSSSSTvjKoiTRJzRZzmqoiIoVERR4qiKugqqAAqgAADQ+XNPI8lyc70N9EKt0V4/bW2IKItSw0/VweDd9SevY1kjuxLr49fI6fxGZ6yVfaHYNy7gZjseYgNlczV9yu5Ken0rhMJVaZuiePU9QumTFTdfdW651O5zOxBSK1GzNGWft92+fOPPMZebJh5tuEDtXybodfwy9GrDVKDRsQZTOvN0oojjkx8ksEEs8MEM6I4oo0LmkjkmWKZpZZkiCZ550gCkIUALUsBABER664qzu9XetXalKMz0o7F3d3JZ3d2JZmZiSzEkkkknfGWREmiTmiznNVRERQqIijxVEVdBVUABVAAAGh8uaeR5Lhw4c4969fkNpf9rPAv6xjOX3qn6m9Qfmsn+5blL6b+n8H+Jx/6sudh5Q8uuHDhw4cOf/Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAGwAAAMBAQEAAAAAAAAAAAAAAAIDBAABBwEBAQEBAQAAAAAAAAAAAAAAAgEAAwgQAAECBQEIAwAAAAAAAAAAAAEAAhEhQWESMVFxgZGxIjITwUIDEQEBAQADAQAAAAAAAAAAAAAAAREhMUES/9oADAMBAAIRAxEAPwDwRsQDkcgRReoHkms3EwawC0ZdE2u+uta4nKMCKb0qNvhuBtzUwdSzd9oEVC5uvQwSMRGVbpS6mDEAQS4ToVbBo/Z+duS2JlRM7ACT3aAR1QdryIuDnNNNl1ZqYxIiTTUATSnTGex1lh+UZ8mbx1QdYa3yPFKDT26cR8LDS1lf/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDmqKKK80+8CiiigAooooAKKKKAP//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAB8gAAAiwAAALCAAADgP/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EAKUAAQEAAwEAAAAAAAAAAAAAAAUEAgMGCQEAAwEBAAAAAAAAAAAAAAAAAAECBAUQAAICAQQDAAAAAAAAAAAAAAEDAAJAECExEhEyMxEAAQIEBQUAAAAAAAAAAAAAAPABETFBAhAhUaHhYZGxMoISAQAAAAAAAAAAAAAAAAAAAEATAQABAwMEAQQDAAAAAAAAAAERACExEEFR8GFxoZEgscHRMIHx/9oADAMBAAIRAxEAAAHzC3cs9C9JSnQKdAMtGhVrMCpDkdBZvZPKgmv/2gAIAQEAAQUCQjwHLKrq3m0AqI5YvX5X7QHRqwR0g9hxfmf/2gAIAQIAAQUCwP/aAAgBAwABBQLA/9oACAECAgY/Agf/2gAIAQMCBj8CB//aAAgBAQEGPwKBGD9i2hQ8KhKRboszjkW4th36HsfBctR8P//aAAgBAQMBPyFTRfYizbzy1hgnBIz3vtTXhKHifc3qf9a5gschOLbO1IrlDsTebrjNFhyhFmMTk2715NW6zHaJvG4bTWTeIW5n4bk1bTJjETjEeK8vqsfh+a978U9E+2n/2gAIAQIDAT8hCm1GrWKnVPq//9oACAEDAwE/If5Nvo//2gAMAwEAAhEDEQAAEFLAhMvAWf/aAAgBAQMBPxB3AktokDlQ2HHzRcEmkJUWhWQRxtMF6B5kA3gLKsIQAmUJzXc+T9VEF4kAgBmC4SwzaxQcohvCbkYCsoraLXQqiokAJRWAGLO9SoDEuRKKSU1J2HsQLelGtMiCBIquBZdg4wYkCVCBtJBdjB3xXQf2rofGhjrfLT//2gAIAQIDAT8Q5aEqu0M0JKlWvapCavW9GHzTnT//2gAIAQMDAT8QWiGmv7q9Y0nSdLd6cvNde66+2n//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJD
28249QsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAHoAAQACAwEAAAAAAAAAAAAAAAMEBQACBgkBAQEBAQAAAAAAAAAAAAAAAAABAgQQAAIBAwIBBgkNAAAAAAAAAAECAwARBCESIjFBgRNzBfBRYXEyQrIUJFKCwtIjQ5PTNJQVNVURAQEBAQAAAAAAAAAAAAAAAAABETH/2gAMAwEAAhEDEQA/APT1WhZWieaN4AGV3eAhmHqgMuh8Rveu1lv7rCHG0yYYmP2xkhIsF4tAVsemp0Vkk0ySS/BySdUQDk7BsW3k3DUjUCpkBdYP9HJ/Dh/Lqh4ZcgSzu+OXxHVTizMw4ZDa1txPIOe1UF/IDJlWCLNXHyJCyGZyw4r2DBXW4Nui9BJkjlTHMDl0Z2LI6NuVgdCyupUkk8xpBE9y7X9lD9egWHMlji+CkZOMiRC6Pw2O0qPPfn5LaUDJhvIvVMkKS5CBmnhdTI4Y34rgrxE8htUUSMFjfHj7waKTGQ7cOWRQHa3o2tYanQClQm3vT5Ufh86ptXIw/d9v9A1tFl3f+gbsMb2zQcSf7TvLtX9mOlV0dRH/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAIYAAAMBAQEAAAAAAAAAAAAAAAABAgMECQEAAgMBAQAAAAAAAAAAAAAAAQIAAwQHCBAAAQMCAQgLAAAAAAAAAAAAAQARAiESQTFRkaHRMoIDYXGBseEiQlITQ3MRAAIBAgMFBwUAAAAAAAAAAAABESECMWGB8FFxoRJBkcHR4TID8SJyMxT/2gAMAwEAAhEDEQA/APRxgBQGMcQQ/YF4o6UlRNLNcjswCwhrpBiTlRTsaxa1I5KjKJO8Xq8ZN3o2XJvGufnIGjLi5mmWxV9Wd/PyH7izaZyNxl0ZmZgEzdrudZ8IiIzFrBYdwbgLSWkCH6k9stpzhO7bZgYOSQDa5NSzkjCoTOW1MS8p4VIHwn3R1bUn8z3oHUJzTym2jkHwQm59lMn6bV0ag2uytLBzii1ONeIMCrSSKRzSyYakYczTl9NQSZWxzDQNqy/buXd6jD5vo/RX/PivyJZ4EffxLNd+/UZe00jvxWj4/euAjOlahD//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAB8wAAAkoAAALrAAADpf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EAKoAAAMAAwAAAAAAAAAAAAAAAAUGBwEECAEBAQEBAAAAAAAAAAAAAAAAAQACAxAAAQQCAwAAAAAAAAAAAAAAEQABAgNABBAhMREAAQIDBQUJAAAAAAAAAAAAAQDwESFRMWFxgdEQQZGhQrHB4QIyksIDkxIBAAAAAAAAAAAAAAAAAAAAQBMAAgIBBAAEBwAAAAAAAAAAAREAITEQQVFh8IGxwSAwQHGRodH/2gAMAwEAAhEDEQAAAeQHjmGhDFqVht04sVqRETl0QtEZkqLs5L1//9oACAEBAAEFApyChIz13RdWSL1e65Ck/dTltcc1LX8X/9oACAECAAEFAsD/2gAIAQMAAQUCwP/aAAgBAgIGPwIH/9oACAEDAgY/Agf/2gAIAQEBBj8CNfF4ITsgO2XNE7ojITL1C6+P1rPvTpC5cS3Q1XpHs8mqzWNyFYGF5kcLHat/5nVO9B9SGfy2f//aAAgBAQMBPyHnmfSYH9fxM1UAVgJAbp4Y2MPmols4IWiqteUO/wADuNAxed35lxXIis0wCUyc7Lyx3jMoZZ3aKSLPCf8ACbiwY1fnk3n8xohkjYsFUhZavnbENDOAEKobeyz7e8VxJHvPrz43rT//2gAIAQIDAT8h+g//2gAIAQMDAT8h1Y+QtNpvp//aAAwDAQACEQMRAAAQzYpjk3ua/9oACAEBAwE/EA05QAAHTbBCJoMsSdEJ5KW4CbSoFaxDkRLggQwSqRd2BCU6AMtZUjMWBPQIGQQ3IuxZWBhSMAIBDF6NIOCB2KE2BQESSQAcECwukpFhBpFmHkiCCKoKNItxhIU3CxYDBICKMgbGEDQwyRgAENqCIlSjIfZ6zn9n0at//9oACAECAwE/ECYG9EZmAaeUH6ljRnqDEOfxNtP/2gAIAQMDAT8QU2m/wHtPM6jMTvQR7xp//9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAB8gAAAiwAAALCAAADgP/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EAKUAAQEAAwEAAAAAAAAAAAAAAAUEAgMGCQEAAwEBAAAAAAAAAAAAAAAAAAECBAUQAAICAQQDAAAAAAAAAAAAAAEDAAJAECExEhEyMxEAAQIEBQUAAAAAAAAAAAAAAPABETFBAhAhUaHhYZGxMoISAQAAAAAAAAAAAAAAAAAAAEATAQABAwMEAQQDAAAAAAAAAAERACExEEFR8GFxoZEgscHRMIHx/9oADAMBAAIRAxEAAAHzC3cs9C9JSnQKdAMtGhVrMCpDkdBZvZPKgmv/2gAIAQEAAQUCQjwHLKrq3m0AqI5YvX5X7QHRqwR0g9hxfmf/2gAIAQIAAQUCwP/aAAgBAwABBQLA/9oACAECAgY/Agf/2gAIAQMCBj8CB//aAAgBAQEGPwKBGD9i2hQ8KhKRboszjkW4th36HsfBctR8P//aAAgBAQMBPyFTRfYizbzy1hgnBIz3vtTXhKHifc3qf9a5gschOLbO1IrlDsTebrjNFhyhFmMTk2715NW6zHaJvG4bTWTeIW5n4bk1bTJjETjEeK8vqsfh+a978U9E+2n/2gAIAQIDAT8hCm1GrWKnVPq//9oACAEDAwE/If5Nvo//2gAMAwEAAhEDEQAAEFLAhMvAWf/aAAgBAQMBPxB3AktokDlQ2HHzRcEmkJUWhWQRxtMF6B5kA3gLKsIQAmUJzXc+T9VEF4kAgBmC4SwzaxQcohvCbkYCsoraLXQqiokAJRWAGLO9SoDEuRKKSU1J2HsQLelGtMiCBIquBZdg4wYkCVCBtJBdjB3xXQf2rofGhjrfLT//2gAIAQIDAT8Q5aEqu0M0JKlWvapCavW9GHzTnT//2gAIAQMDAT8QWiGmv7q9Y0nSdLd6cvNde66+2n//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAQH/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AtAXM2AAAAAAf/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4QBoRXhpZgAATU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAAExAAIAAAARAAAATgAAAAAAAABgAAAAAQAAAGAAAAABcGFpbnQubmV0IDQuMC4xMwAA/9sAQwABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEB/9sAQwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEB/8AAEQgAGQAZAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFB
28249BhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/Yiiiiv4/P6ACiiigAooooAKKKKAP//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAB6QAAAgsAAAJqAAAC9v/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EAJcAAAMBAQEAAAAAAAAAAAAAAAIEBQMBBgEAAwEBAQAAAAAAAAAAAAAAAAECAwYEEAACAgEDBQAAAAAAAAAAAAAAARECECAhMTBBEiITEQADAAAAAAAAAAAAAAAAAAAgMAESAQAAAAAAAAAAAAAAAAAAAEATAAMAAQMDBAMBAAAAAAAAAAABERAhMUFRYbEg8HHRgZGh4f/aAAwDAQACEQMRAAAB9hw3Q0UPzJBLsfT0nXNWVedgpMrJqnMEay3fHn//2gAIAQEAAQUCSdhIVSCi9UhuD6IpXZKCzk8RcW47n//aAAgBAgABBQLXHR//2gAIAQMAAQUCzGFjbMav/9oACAECAgY/Agf/2gAIAQMCBj8CB//aAAgBAQEGPwIYv//aAAgBAQMBPyHXnqTmL5j5aRzELfU7Y1TsQV8F8w2jxDw//9oACAECAwE/Ic05H6z9H//aAAgBAwMBPyGC2GmViuRTDkmS3w9sf//aAAwDAQACEQMRAAAQV1riFUoC/9oACAEBAwE/EIjnqv8APscl1NyEtW42uSej9/6UG1nHkdXtsLLRpJbHeCu0SJpeBvQDgt8TWWTT6I7ftfZ/GvCPY/BufL8Y/9oACAECAwE/EKhjbWHQKuDfbcob6CdEsbhbi3x//9oACAEDAwE/EHWxbgoWBOoVLwEqMvWRPtGz0WxSVZ796YFx85f/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAUG/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8ArAKjBgAAAAAP/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAHoAAAMBAQEAAAAAAAAAAAAAAAIDBAEFBgEAAwEAAwAAAAAAAAAAAAAAAAECAwQHCBAAAgEDAQQIBwAAAAAAAAAAAQIRACEDEjFBcTJRkbHhIhNTBIHBcpIjMyQRAQEBAAIBBAMAAAAAAAAAAAABESECQTFRYZESIjL/2gAMAwEAAhEDEQA/APOMFCh/M1M4Pgm033XroPJ669EqQS2JQsMYA8I29EVe8AKhgqlzDkyoUwd15FTl8gX9Hpjr7qr9vYFNKIGKnWzECIkn47KnmQtZ+QYgGUBYIBueIkUc4DRjxHGg0kAi0mRttRkw2afbdLfdSzqfKXJkxq+PIZBi4AnUYO4Gxotm6mjyZsgyYsISEcxlIGqLSNwp9u1lkEVKlvKDtp2wL7J5RRJ4PSr+jl6u+o/L4v0ac/s9v9LdhrXr/XVNUY+YcG7DRDhODnXgvzrDoqu1XLQ//9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAQF/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AlYDVSAAAAAAP/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcEBAQFBAcFBQcKBwUHCgwJBwcJDA0LCwwLCw0RDQ0NDQ0NEQ0PEBEQDw0UFBYWFBQeHR0dHiIiIiIiIiIiIiL/2wBDAQgHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAhICAgICAgISEhICAgISEhISEhISEiIiIiIiIiIiIiIiIiIiL/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAYH/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AmadbMAAAAAAAAAAAAAAA/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcEBAQFBAcFBQcKBwUHCgwJBwcJDA0LCwwLCw0RDQ0NDQ0NEQ0PEBEQDw0UFBYWFBQeHR0dHiIiIiIiIiIiIiL/2wBDAQgHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAhICAgICAgISEhICAgISEhISEhISEiIiIiIiIiIiIiIiIiIiL/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAUG/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AjrRIIAAAAAAAAAAAAAAD/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcEBAQFBAcFBQcKBwUHCgwJBwcJDA0LCwwLCw0RDQ0NDQ0NEQ0PEBEQDw0UFBYWFBQeHR0dHiIiIiIiIiIiIiL/2wBDAQgHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAhICAgICAgISEhICAgISEhISEhISEiIiIiIiIiIiIiIiIiIiL/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAX/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCHpyUAAAAAAAAAAAAAAA//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAB9wAAAicAAALIAAADzP/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGQAZAwERAAIRAQMRAf/EAKUAAQADAQEAAAAAAAAAAAAAAAIAAwUBBgEAAwACAwAAAAAAAAAAAAAAAAECAwQFCAkQAAMAAgMBAQAAAAAAAAAAAAABESASECECQRMRAAECBQUAAAAAAAAAAAAAAAAQgfABQZH
28249xUbHRAsISAAMBAAAAAAAAAAAAAAAAABAwQAETAQACAQEHBQEBAQAAAAAAAAEAESExEPBBUWFxgZGhscHR8SDh/9oADAMBAAIRAxEAAAHy3b3yugAoKwqsITXG8fV5FE2VCazcO6lMY3P/2gAIAQEAAQUC6IhpMnk2NkUqNjYXs/Q+/OP/2gAIAQIAAQUCwuNKXH//2gAIAQMAAQUC4TKyEZDshB+TXH//2gAIAQICBj8Cg//aAAgBAwIGPwJ2D//aAAgBAQEGPwJNZRUpZNhlYyY4LDeTsn//2gAIAQEDAT8hSyV/dPM5FZvCehmWFnMAPp7TpTNPKnL+8sfs67p1VXDnK315P+1idT2P2OjI6vQ+9fMKh/Bmpw3LXk+DftOw9Zujv9pxd3whr4/Js//aAAgBAgMBPyGUSpjYuXsvYNgzht//2gAIAQMDAT8hFqW8Yh3nd9f8ZUEuex373DScfP3HTY//2gAMAwEAAhEDEQAAEP6Y0E+56f/aAAgBAQMBPxAxDQi5w0DYoJq83BDAUQWnNKAxRdGk16FOUoIKVQcOLhbP5n8gFhRI0WuuLIqlmaywWKWGTIsKVjYOGtc8EGGUopsFgCNhjrpkCdfGooBSGTiDaqzpx1C6MpxdB6yyAgKFU0q03dIjgNSjDmqkULu7ruZaN3pyl2iC/wD/2gAIAQIDAT8QxOgRCVK6fSGUrw02blztCpjScNl5q8z6w49/zZ//2gAIAQMDAT8QSFc7sTdWON+rKOmuFz8fLOvBbYmbN9/EashV5338ZYsOl8d9Z0vd/ICIiO/145Ua2o6+d+fYvFQDJgvpp5fbn1one+jGr2fqGnsj5H3s/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAP/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCfgKpgAAAAAP/Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAED/8QAFBABAAAAAAAAAAAAAAAAAAAAAP/EABcBAAMBAAAAAAAAAAAAAAAAAAACBAb/xAAdEQACAwADAQEAAAAAAAAAAAABAgADBBESMSFB/9oADAMBAAIRAxEAPwDIA11yUoXc/ItVTWt0WFBl9Ouy9+xPA/BNHnypSnXjkyKA16XvsJbweCGXOlKDr6YASyqf/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDJoorB17XlsVNtbMDckcntH/8AXrZuxmGv68LFTbWzA3JHJ7Rj/GuQ+3Xf/P1P/wB/DUDMXYsxJJOST3pKybbLSsdvr2vrYq1tbENckcntH/8AXriWYuxZmJJOST1NT33/ACELn/rq38zVftQ3dglYKXFAopDP/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAIBBv/EABoQAQACAwEAAAAAAAAAAAAAAAABAhEhMVH/xAAXAQADAQAAAAAAAAAAAAAAAAAAAwUE/8QAGhEAAwEBAQEAAAAAAAAAAAAAAAIDAREhEv/aAAwDAQACEQMRAD8A6IE2tjUdaUTX3mCKUWa/TC1sajqcz6wUpyVM4Rq3ajdLtbGo6hs9lglPEXwL1ajegAwSf//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDMoorH1jWBaKYICDORyf7n/wBerbsZt2DWNYFopggIM5HJ/uf/AF65r7Xc/wDPxL/32ahJLMWJJJ5JPekrBybMXJs6zWNYFopggIM5HJ/uf/XrlCSzEsSSeST3qa7/AOPyf/ro386gok7sJO7FoxQKKkk//9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDMoorR07TjcESyjEQ6D+9/9apr14UIOc3oKEHN8qDTtONwRLKCIh0H97/61bf2eH/njH/3yKeAFAAGAOABS18fi8dVxFTmbsuiPVpUY042MDTtONwRLKMRDoP73/1q3gAoAAwB0Aplv/x7Rf7g/lUnejHYupiKrctlsgo0o046BRRSVxmx/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwClRRWLrWtCzU29uQbg9T/c/wDr1q2krsmnTlUlyxDWtaFmpt7cg3BHJ/uf/Xrlvtlz/wA/M3/fZqIsWYsxJJOST3pK5pTcmexSoRpxsdfrWtLZqbe3INwRyf7n/wBeuRYlmLMSSTkk96lvP+P24/66N/OoaJycmFClGnHQKMUDpRUmx//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCjRRWbqWpC3BhhIMx6n+7/APXrZJt2Q4QlOXLENT1IWwMUJBlPU/3f/r1hfaJ/+e0n/fRqMksSSSSe5pK6YxSR61KjGnGx0WpamLYGGI5lPU/3f/r1zxJYkkkk9SakuP8Aj5m/3z/OoqIxSQUaUacdBaMUDpRVGx//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDEoorF1rWhZqbe3INwRyf7n/161jFydkQGta0LNTb25BuCOT/c/wDr1y/2y6/5+Zv++zURYsxZiSTySe9JXdCmoqxF7nXa1rQs1NvbkG4I5P8Ac/8Ar1yTEsxZiSTySe9S3n/H7P8A9dG/nUNFOCitAbuFFFFWB//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCtRRVS7uxENiHL+vpVSkoq7Lw+HqYioqdNahd3flDYh+c9T6Vn+bJ/z0b86YSScnrRXnTqym7n22DwFLDU+VK76s07u7EQKJy/c+lZhJJyTk0+X/XP/vGmUVZuctQwGDp4aklDd7sKKKKzO4//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDGoorK1XVRagwwkGY9T/d/+vW0YuTsjGUlFXYuq6oLVTDCQZj1P93/AOvXP/arj/nvL/32aiJLEkkknkk0V6MKUYKxyym5M6XVNVFqDDCQZiOT/d/+vXNEliSSSTySaluv+Pub/fb+dRUUoKC0CcnJiUtFF
28249aEH/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAX/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCWgKiaAAAAAA//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAUG/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AkAFZtAAAAAAH/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAQG/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8Al4DSqgAAAAAH/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAMG/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AkAEmsAAAAAAf/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAUG/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AhwGhRQAAAAAH/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGgAAAgIDAAAAAAAAAAAAAAAAAAsFCAYJCv/EAC8QAAAFBAEBAw0BAAAAAAAAAAECBAUGAAMICQcREiEyExkiIyUxNDlRWXiYuNf/xAAXAQEBAQEAAAAAAAAAAAAAAAAACQgK/8QAKBEAAgEDBAIBAwUAAAAAAAAAAQIDAAQFBgcREggTIQkUURUjMTM1/9oADAMBAAIRAxEAPwDoa1laytbk91ua+Z1OtfOEE0m00wgxQlkxmMsxQ4GkcplkpkfA0CeJDJZLIXiBLHZ9kD67LFbo8vLorVOLm4qlK1apvqb926ZSrv8AmndWX208AP03x1/zmlK11c24VaxHNSMa4912YHIG9JeKdwkrdiHj8lVOSm0ICWy1KbPHZD22koB3qLZ+04gYDdQt9Ruwz84fqDZWPI3u2Ow2o8jjFhnWTP64xlxJZXsUnWQHFafvbOaC5tTEwjea544Kt0Tl2Jh1XtTs3bmAZvVltDd+4H7fHzoHj5DIe0sUkbxFCO8Z6MGDqQCAGaRQ3VzKypTvnU78rLWn+AGG/wDOvHNKVBc787g8hfhcLv8AsjwvT0XsiZ2MJfhEnvArcUB69/i8JevUxqht54+eP+rspsplT+m8+nU2povlYlPycLhSeOkCcIZJCn4AH8Aao2k2j46ai1Endn+YID8GQjkEkgkhQSyu6t+Y4zz3cVDqKFaopO/XbxUr6b54Wc13b2sLXZx7GfUp0+A2IDdI3EB9NVcDHjjy2saikEBDyVu8XpcufUDEKHUwiWJH1E/N+4s7jOeO+1r+iS2nmstyNStwxjuYz1l01hVWT9t+6sc7cTxdWbrbRJIXmki1NsxtRaSQQayzS+x7lEfG24HHaL4ZJ5HK/wBfQ+tRGe7P35eMRgSZbUPq1VRSlJ367eKlfRSlFKUUpRSlf//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAACgAIC//EACYQAAECBwABAwUAAAAAAAAAAAYEBQABAgMHCAkUFRk5WXiYuNf/xAAXAQEBAQEAAAAAAAAAAAAAAAAABwgG/8QAKREAAQQBAwIEBwAAAAAAAAAAAQACAxEGBAUSITETIjJRFCNBUmGBov/aAAwDAQACEQMRAD8AQ1zK5lc3D3m5z5OjrnzpAaGxppBqgWGJiWaoYGIyksKSPAwE8EJKSkLwBLHZ9IH12WK3R5eXRWqcXNxVKVq1TfU37t2oi2/7TvLL6aegH4b66/zmCIOXdrbXmGkUv2nnPjSPQWxXbo8HMmzQBqthxkJB0iaSKiaoBwyWM2Ph+tOoszZaqSjIDQqem1Y2P11hFVaRSmVrkk6yTKXcnaLbJHR8SRNqY3FrwfqyNwohw7OcPR2HzLLI5k2ZT6iU6XaNRLBp299RFJJHK4+zZGkOA/diyLv0iTiiqxrt88nfiy5p/YBpv+uuOYIjId8++ZRjgoKtIdICpuSPaRu9Lz3ntrmpWPA28rFNN5VjDGCq9TQ1WllpqolIyMpSIJJ5P9Q4OVD5APrFiHgMoygtLtt21xaGkGaYjt2cI4w4UbFFziKAoAc+Tmx7LMs+Jvb9vJbG0jxpq/hn3crtzj0qgBysgMsTZThYPjRC1QnMbR96TXFHO3Q3RLSwhRspG08+NO2PYXOKK2vmTiJPLA2OPOxXjmtRZTNiF1QNaaVk0MZSIp2ZENwbH6x0iHFqxHwGU5M+Nztr0NsdE6tTMRdO6XHGHdOvdzqIroPPZbIc1yiWeWbZtKS2CCR0epPvIw09jfxyB5dx7ea6KvE2U1VBFg+NELVCoIqCKgioIv/Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMpaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7v
28249yIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MSA2NC4xNDA5NDksIDIwMTAvMTIvMDctMTA6NTc6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQyRENDMDU5MEQzNjExRTFBNUU5RDZCNEYyMUNFNjNBIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQyRENDMDU4MEQzNjExRTFBNUU5RDZCNEYyMUNFNjNBIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYxN0QwNjhGQ0U1NjExRTBBRDlCRkU3QkNGMEU3OEExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYxN0QwNjkwQ0U1NjExRTBBRDlCRkU3QkNGMEU3OEExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAGQAZAwERAAIRAQMRAf/EAIkAAAICAwAAAAAAAAAAAAAAAAMHAQIFBggBAAEFAQAAAAAAAAAAAAAAAAYAAQIFBwMQAAIBAgMDBw0AAAAAAAAAAAECAwQFABEHEjIGMUGBUmIVFyFRIrIjk9N0tDVVdRYRAAIBAwIDCAMAAAAAAAAAAAECABEhAwQFMaES8EFRcbHRMxWBIjL/2gAMAwEAAhEDEQA/AG1plplptWabcJ1lZwnZqmrqbNb5qiomt9K8kkj0sbO7u0ZZmZjmSeXCimx+FGlu1l/HWPL9bSfDwqWjVpaL3Uqk0p4fje22vhGwyXh1O24ttGVplI329nv9Vek8wNXrtxXEOkXaEux7I+pbrf8AXGPxXytFD3BYfw9L7hcUn2eXw9feGf0OLx9PadQaU7Xhbwdlydx236SPBeKTJzbhMNqXqVHYI3tttkWS8SKdt881plYb7dvqr0nmBqtdrgoKqbwi2TY31Tdb2xjnyiDqamomnkmmkd5pHZ3kdizFmJJJJJJJJwJu5Zqk1M1LBhVFCqAFEDkfPhVM7UEbFLqVHw/pTwla7bIr3mSxW4O2ea0ymjj9N+31V6TzAlu464Ylov8ARmU7Jsbal+p7Y15+VorampqJp5Jp5Hknkdnkd2LMWYksSSSSSTgSd2YkmahhwJjUKoosCT5Mzy4iBSdLg0HCRtYn1SdIGw/ZLN8rT+riy3P5R274ObB8Tdu6HG8cVh4wiHCQ2HaOsriElP/Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAoLBQj/xAAmEAACAQQCAQIHAAAAAAAAAAAEBQMBAgYIAAkHEhQYOFh4l7fW/8QAGwEAAgIDAQAAAAAAAAAAAAAAAAgCBwMFBgn/xAApEQADAAEEAgEBCQEAAAAAAAABAgMABAUGEQcSgTYVFkFVVnWVtNN2/9oADAMBAAIRAxEAPwB/jhhhwwxYrvO7zlOnSl/qpqo/Xu9rHa+4LNs2CuGZKdeVLIalaVrStJgz/LR4c1s6VLPbKNiQ0sOQZBDfPeoUMbk8a+NX395b3vcmnsk29tNpm7R91dD8MuhVh1Sg6NyDKR693W//ABF4ipyikeRcii8uOSf20mkb2Sm90m3wybajDqtR02pYGMSAK1RFH4uNrvqc2F/NHkj+l4y/2Fsn5NtX8fpP8cb77tcc/T+yfxWh/wAMsR8QTPMLFiu87vOU6dKX+qmqj9e72sdr7gs2zYK4Zkp15UshqVpWtK0mDP8ALR4c1s6VLPbKNiQ0sOQZBDfPeoUMbk8a+NX395b3vcmnsk29tNpm7R91dD8MuhVh1Sg6NyDKR693W/8AxF4ipyikeRcii8uOSf20mkb2Sm90m3wybajDqtR02pYGMSAK1Se63btsgbM3z5mwdvHbA1u5ctzSWTZu2ZEyGMWbNiZJMYewPMmmKNNKmlJKJlknnkvlvuuq1KIkkSUkWc5qqTmihEREAVERFAVVVQAqgAAAADrHVnOcZzjGaSjJFnKU1VJzmihUnNFAVERQFVVAVVAAAAzO5PMmUNO9DvMWabqn+qeqz0Bzta8W+0zbNRKjsFWvKdqJbJHf6bqTCMPLDIEiMlEmntlFxQScfIn8Mk0idSyVPxr42fkDy3ve5NPZJv7abTt2r7rRG+GXQow6pQdG7AykehR1SXxD4ipyikeR8ii8uOSp7aTSt2lN7rNuiPwZNtm6lbVHTahgYRIArSc9xu3bZA2ZvnzNg7eO2Brdy5bmksmzdsyJkMYs2bEySYw9geZNMUaaVNKSUTLJPPJfLfddVqURJIkpIs5zVUnNFCIiIAqIiKAqqqgBVAAAAAHWOtOc4znGM0lGSLOUpqqTnNFCpOaKAqIigKqqAqqAAABmdyeZMOGGdd9gHz07j/c/50/ZeS80PFvpnj/7Ltn9OOczwv6Q4v8A8/tH9CGcic32dNhwww4YZ//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcEBAQFBAcFBQcKBwUHCgwJBwcJDA0LCwwLCw0RDQ0NDQ0NEQ0PEBEQDw0UFBYWFBQeHR0dHiIiIiIiIiIiIiL/2wBDAQgHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAhICAgICAgISEhICAgISEhISEhISEiIiIiIiIiIiIiIiIiIiL/wAARCAAZABkDAREAAhEBAxEB/8QAGQABAAMBAQAAAAAAAAAAAAAAAAYICQUH/8QAIxAAAQMEAAcBAAAAAAAAAAAAAAIDBAEFBgcXN1Z1lbTTEf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwD03WWstbTNbY1Ll41aX5b9pguvvuwYy3FuLjIUpa1KRWqlKrX9rWoHf4T6s6Us3j4vzAcJ9WdKWbx8X5gUBAv9qflZinZrf6rYElAAZuAX+1PysxTs1v8AVbAkoADNwAAAAAP/2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD3yiisrVdVFqphhIMx6n+5/wDXpkhq2qi1UwwkGY9T/c/+vXPfarj/AJ7y/wDfZqIksSSSSeSTSUwOn1XVhagwwkGYjk/3P/r1zJJYkkkk8knvUt1/x9zf9dG/nUPagApaSloA/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcEBAQFBAcFBQcKBwUHCgwJBwcJDA0LCwwLCw0RDQ0NDQ0NEQ0PEBEQDw0UFBYWFBQeHR0dHiIiIiIiIiIiIiL/2wBDAQgHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAhICAgICAgISEhICAgISEhISEhISEiIiIiIiIiIiIiIiIiIiL/wAARCAAZABkDAREAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAcIBf/EADAQAAADBQQJAwUAAAAAAAAAAAECAwAEBQYHCBUzQRQhIiQlMTI0QxEXN1Z1lbTT/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AKbTKmVNnym0tPb3LUJXe14S4qrrquLsdQ6h3YhjHOYxBExjCPqIiwd/2npZ9KQb8e6/zYIBaOnel0G0iS5Ll2DXzrSisVScHXdcjIIGBPHyOcMPkG30BAWDftJ/iyVPs0P/AFU2CSWjrR1z6RJclvHGdaUViqQ9rkZBAwefI5ww+QbfQGXWAwX6d7R1zUul2S5LeOM3M4JRWKpD2u6pgZBAwefI5ww+QbfQEBYDAYDAYDAYP//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAACgAIC//EACgQAAEDBAIBAQkAAAAAAAAAAAYDBAUCBwgJAAEREhUXMTM5eIG3uP/EABgBAQEBAQEAAAAAAAAAAAAAAAAIBwYJ/8QAKhEAAgEDAwMCBgMAAAAAAAAAAQIDAAQSBQYiBxEhExQIFSMxMkIkM1P/2gAMAwEAAhEDEQA/AENaytZWtw91ua+To6184QGhsaYQYoFhiYlmKFhiMpLCkjsMBTBCSkpDMATyWnSCdlnjuUmZmUdupGTkXTl69cruV1ValK2gpqk1Yppd1ra18AkaUfnKd4cY7en9c/n4cUoBu8PMLXVcwte4wa7sK8KQG2AZNU+8TJm2WMNiRssumRRS3XdI9aUvHwRlMQNrYd2n5fl8Q+aSly3yPSMa4bW/QWc3EzXce65ZZfaaTKYYI/7LuFgJJ2K/aORDwRcvLKVcuPGAXldfRn4f7DSNP+fdQdOtdV1y/GUeh31utxp+joHPdZLaUNb3FzJiPyjeGKL7eq0hZCD80qoUrt86nfpZa0/sAw3/AJ1tzxSi4779952EnZhhPhOYD0e2jx5Uavde4aVfPCSJJHb7r2rb+38r4ax8XIRce17ZlRSz7nKlqpuqOjqoElgXDhlw259zvZudM0whcR3llPZsMgQqqoP5/vzyUKw8OH42N0M6GWN7Yw7v3fC0887fwrLlGHEbLlLK2I+l4MIEJWQyLJ9SEwgSCE5mFWlWD+URXjPTfcpd8Vxrb4B4JYMYalMJD1QeujEATv3eWFUklzGAMKrFW6pmrZBb3wzjYKUH2jGqPMJ5p3PV1Vzq46h3CEI28Vb8Nubc81m502wxVwCbiXw2DMCMVX/T9zmCoDDi4k42D0J6IaTq2mwb03RC1x7pstLtOUaywIwKzyv2GUBXvEoibMyCQ+pE0I9QuXMwq16uKVg/lEV4z1cUq4pVxSrilf/Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAYKCwj/xAApEAAABQQBAwIHAAAAAAAAAAADBAUGBwABCAkCChUWExcZOVl4mLjX/8QAGAEBAQEBAQAAAAAAAAAAAAAAAAUHBgj/xAAlEQACAQIGAgMBAQAAAAAAAAABAgADEQQFBhIhMUFhEyJRceH/2gAMAwEAAhEDEQA/AKGtZWsrW4/dbmvl9PrXzhA9Hs9MIMUHY8Xi7MUIGcbpdjpccDMJYcLlcrhWGEcVl1wLqscNqiysqhs0oqaiaMnTpkcyOKLyRO3/AITurL6aeAH4b46/zmkSFzqHs4dZMVqLjwc154Ka/gJF4AhE54yXaWIUJJ6nFimVWuJn20htXBjxOJG3ibTSIPmMhFO/oaKhOPmgtkQJ/cDh+Otm0VoFUpjMc/oCrUPFHA1lpvSKlOamIpsGswckLS+hVqd2urWafiMSb7UNj5Ivx+AfvHk37/eoqaxmUJt86nflZa0/sAw3/XWOaRJpOom6iZfxVX3Xgtgs622bmY22z6JOc5oh82bVoFVjZsIPwVi+mFdF9y+y3N8Vtb4mzYseimwAggLPaworV1jQuhVxSpnedozl2DUKDABK6AGzuL3FMG21bAuR4A5n4jEEHavfn17PfPJ8+zM5Gtwk+J9eN50EujzI6iVwYq61cAsFsGXU3TM0Gtb+JCHOk4ox82bWIEVzcBRoH4IyLBg9l9zbI1zfFcWuJo0LHoxsEIIvZ7WFEausaF0LSxSJnebozK7K+Ew7AbK9Gx+N3+xPxi67RYbyL8DufiK5Viq2v1/P95NufZHgRGVuEnwpET68bzoIUiFIhSIUif/Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAkKCwj/xAAuEAAABQQBAgIKAwAAAAAAAAACAwQGBwEFCAkAERcSFRMUFhgZJCc5WXiYuNf/xAAYAQEBAQEBAAAAAAAAAAAAAAAACQcICv/EACkRAAECBQMDAwUAAAAAAAAAAAECBgADBRESBAcIExQWFSEyIiMmMUH/2gAMAwEAAhEDEQA/AKGtZWsrW4/dbmvl9PrXzhA9Hs9MIMUHY8Xi7MUIGcbpdjpccDMK8OFyuVw3hhLLtfXBfbssV3S83m6K1VxudxVKVq1SepPNNEhHb/wndW
28249X408AP4b46/wCc8QiVbdNJ2ruDxuTEvEbADAfvL8xaJZl204h46jLihOaUcmVM1mqyI/pXunUNel7vPhECPizKpU1KyAIYo/w7czdD08qojeWZOul27nWIABkXSD7H9mYq90IVcJSQtYtildY+DfBZD3FP3l3ppcsstQ7hjsPUgrDpOeXkbkuclNvqJvR6QTathPcTz48JaHJnX83GJORt86nftZa0/wBAMN/66xzxCEn7p90/ZD2lxGxGcte8PU+0yzLNpPLGRFBAyzCFLNZqkgylO6fSgPOr14BAj4AvVk3WQaiFH2Hbn7n9nlQaCrDWIsNTqgAehcZf295hvlLQq4SCFrHxSusnBfgul4ppe8e8dLQhlIQJrCYU0HFypubOBwC4IbIIIo9HBxrSfvz/AMd6ctyRPc5gi5kIX5RCPGfGihJ26YcH6u8AMRsS3J9ZfcHxDtEuyzaFBRqeKCx46x+QrZrNVJjqhrKfWgfOr3T0hcfAFRMlqKQKiMj/AA7c/c00/JvURXT18khGs1ICT25A9x7g3mE/UhBulIIWsfFK6x8FuDYe6KXvTvLTwplmWNSw2PqM7ukLJPkjjyxmeNqVc0ijnEVoXn6izewluSZfnMEXNg4hCF+UQjxnwcQg4hBxCDiEf//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAkKCwj/xAAqEAABAgcAAAILAAAAAAAAAAAEAwUAAQIGBwgJERIUFRkyNTlZeJi41//EABcBAQEBAQAAAAAAAAAAAAAAAAAHCAn/xAAnEQACAQMDBAICAwAAAAAAAAABAgMABBEFBxIGEyEiFDMVJlJkcv/aAAwDAQACEQMRAD8Aoa5lcyubl+83OfN9X1z50gvS9r00g1Quy8bxuzVDA1x3Tdl03Hgawni4bluW4XiwjHZ9uB9djC3R5eXQspxc3Eok00lcldVWpSu3/ZO8svpp6Afhvrr/ADmFKlI7l5x5VazhXLqTqRz958uewroG4M2S8ls+pGvM6MCpK1eiEMzQsFjqimvK6sqF6/LUROVjzmmuQmoWoKLO67X7W/L/AGPqVe9ZzEPpekycJYJISnie4OX7kZ5ZQH2kYcjxRR3JHuHuF+GL6Po54aqvi4nADLZqwyMhsg3BBBjjYEAYllBUokud7EKquVt88nflZc0/sA03/XXHMKUk/uZ3ME1cEf8AUzUx/FP2QPFWb8jZGb1qChcFClUfDm73klcsqpVSVQQVlOixaJpkkp1mViiq27a3a0X4TqPqNFlglU/Ht8+L0eQXdgcG0IyoCnEgz5/jJdw9wzo5fR9HfGqj75/VlslZcjwcg3BBDIjA4z3ZcqUSWAaNRVmmlXxzvreFaJ2cO5YmrXKznxqVqa/huGyBvPrUFuyNkdtJoODwWKTrpjqXq9srl50iMrqpVSVHSU8aLHTmkUQmoYoKKrb9r9r49Rx1Jr0fO0mDGztTkG7iJIBl/rcPTiPs8j/Mk3C3DOjctG0d8aquO/P6stkrLkepypnIIaONgQM92XKlElkBjUNZqohSlXxzvreFEKUQpRClEKV//9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD3WiisPXNcFkpt7cg3BHJ/uf8A16qEHN2RdOnKpLliLrmtiyU29uwNwRyf7n/165T7bdf8/M3/AH2ahZizFmJJJySe9JXpU6UYKx7lHDwpRsdlreuLZKbe3INwRyf7n/1645mLMWYkknJJ71Ne/wDH/cf9dW/nUHailTUI6Bh6MaUNApaSlrQ3P//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAGQAZAwERAAIRAQMRAf/EAIYAAAMBAQEAAAAAAAAAAAAAAAABAgMECQEAAgMBAQAAAAAAAAAAAAAAAQIAAwQHCBAAAQMCAQgLAAAAAAAAAAAAAQARAiESQTFRkaHRMoIDYXGBseEiQlITQ3MRAAIBAgMFBwUAAAAAAAAAAAABESECMWGB8FFxoRJBkcHR4TID8SJyMxT/2gAMAwEAAhEDEQA/APRxgBQGMcQQ/YF4o6UlRNLNcjswCwhrpBiTlRTsaxa1I5KjKJO8Xq8ZN3o2XJvGufnIGjLi5mmWxV9Wd/PyH7izaZyNxl0ZmZgEzdrudZ8IiIzFrBYdwbgLSWkCH6k9stpzhO7bZgYOSQDa5NSzkjCoTOW1MS8p4VIHwn3R1bUn8z3oHUJzTym2jkHwQm59lMn6bV0ag2uytLBzii1ONeIMCrSSKRzSyYakYczTl9NQSZWxzDQNqy/buXd6jD5vo/RX/PivyJZ4EffxLNd+/UZe00jvxWj4/euAjOlahD//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAcJ/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8ArCwM/wAAAAAAAAAAAAAAAB//2Q=="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAn/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAj/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCU6d1IAAAAAAAAAAAAAAAP/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAn/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAcJ/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AoQn7SgAAAAAAAAAAAAAAB//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAj/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAQI/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8An9O2AAAAAAAAAAAAAAAA/9k="},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAr/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAYI/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AvAZHVAAAAAAAAAAAAAAAD//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAn/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAYI/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AqgzOsAAAAAAAAAAAAAAAH//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAn/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAgJ/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8Aowh9vgAAAAAAAAAAAAAAA//Z"},function(e,t){e.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAgK/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AnSu1oAAAAAAAAAAAAAAAP//Z"},function(e,t,a){e.exports=a.p+"static/media/mb_dark_favicon.c1e8c817.png"},,,function(e,t,a){e.exports=a.p+"static/media/tiktok-app-oauth.99b34adb.png"},function(e,t,a){"use strict";a.r(t);var l=a(7),n=a(1),r=a(0),i=a.n(r),o=a(17),s=a(2);const c=i.a.forwardRef((function(e,t){let{value:a}=e;const[r,c]=i.a.useState({limit:20,offset:0,search:"",status:!0}),{data:u,loading:d,error:m}=Object(l.d)(o.u,{variables:{filter:r}}),[p,g]=i.a.useReducer(s.Hb,{input:"",options:[],selectedOptions:[]});i.a.useEffect(()=>{var e;const t=((null===u||void 0===u||null===(e=u.getDesignOnlineTeams)||void 0===e?void 0:e.nodes)||[]).map(e=>Object(s.Gb)(e)?null:{value:e.id,label:e.name}
28249).filter(Boolean);g(e=>{if(!Object(s.c)(e.selectedOptions)){const a=t.find(t=>e.selectedOptions.includes(null===t||void 0===t?void 0:t.value));a&&(e.input=a.label)}return{...e,options:t}})},[u]),i.a.useEffect(()=>{a&&g(e=>{if(!Object(s.c)(e.options)){const t=e.options.find(e=>a===(null===e||void 0===e?void 0:e.value));t&&(e.input=t.label)}return{...e,selectedOptions:[a]}})},[a]);const A=i.a.useRef(null),b=i.a.useCallback(e=>{g({input:e}),A.current&&clearTimeout(A.current),A.current=setTimeout(()=>{c(t=>({...t,search:e}))},500)},[]),h=i.a.useCallback(e=>{const t=p.options.find(t=>e.includes(t.value));let a={selectedOptions:e};t&&(a.input=t.label),g(a)},[p.options]);i.a.useImperativeHandle(t,()=>({getTeamId:()=>{var e;return(null===(e=p.selectedOptions)||void 0===e?void 0:e.length)>0?p.selectedOptions[0]:null}}));const f=i.a.createElement(n.c.TextField,{placeholder:"Choose Design Online Team",value:p.input,onChange:b});return i.a.createElement("div",{style:{marginTop:10}},i.a.createElement(n.Y,{vertical:!0,spacing:"tight"},i.a.createElement(n.z,{children:"Design Online Teams"}),d?i.a.createElement(n.X,{size:"small"}):m?i.a.createElement("div",null,"Error: ",null===m||void 0===m?void 0:m.toString()):i.a.createElement(n.c,{textField:f,options:p.options,selected:p.selectedOptions,onSelect:h,emptyState:i.a.createElement("span",null,"No items found!")})))}));t.default=c},function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return A})),a.d(t,"getArtworkGuideUrl",(function(){return b}));var l=a(1),n=a(0),r=a.n(n),i=a(9),o=a(2),s=a(28),c=a(4),u=a(68),d=a(634),m=a(44);const p=r.a.lazy(()=>a.e(145).then(a.bind(null,1425))),g=r.a.lazy(()=>a.e(146).then(a.bind(null,1426)));function A(e){let{designPosition:t,files:a,userConfigDesign:n,isDLead:i}=e;const c=a.files?a.files:[],[A,f]=Object(s.a)(!1),[v,E]=r.a.useState(100),[y,C]=r.a.useState(null),[k,O]=r.a.useState(!1),[j,w]=r.a.useState("transparent"),S=r.a.useRef(null),I=r.a.useRef(null),B=r.a.useCallback(e=>{E(e),S.current&&(I.current&&clearTimeout(I.current),I.current=setTimeout(()=>{S.current.style.opacity=""+.01*e},500))},[]),D=r.a.useCallback(e=>()=>{O(!0);let a=new Image;a.src=e,a.onload=()=>{let e=y;if(!e){let l=a&&a.height?a.height:"",n=a&&a.width?a.width:"";e={height:l,width:n,isRealDimensionOk:Object(o.i)(t,n,l)},C(e)}}},[t,y]),P=c&&c.filter(e=>null===e||void 0===e?void 0:e.url).filter(Boolean)[0],x=null===P||void 0===P?void 0:P.url,M=r.a.useMemo(()=>b(null===t||void 0===t?void 0:t.artworkGuidelines),[null===t||void 0===t?void 0:t.artworkGuidelines]),T=r.a.useCallback(()=>{Object(o.q)(P),f()},[P]);return r.a.createElement(h,null,i&&k&&r.a.createElement(u.ColorPickerComp,{setBg:w}),r.a.createElement("div",{className:"change-opacity"},r.a.createElement("div",{className:"change-opacity-inner"},r.a.createElement(l.M,{label:"Change opacity",min:1,max:100,onChange:B,value:"number"===typeof v?v:0}))),r.a.createElement("div",{className:"imgs-wrap",id:"imgs-wrap"},r.a.createElement("div",{style:{position:"relative"}},r.a.createElement("div",null,r.a.createElement("img",{alt:"",src:M,className:"img_item artwork"})),r.a.createElement("div",null,r.a.createElement("img",{alt:"",ref:S,src:x,className:"img_item design",onLoad:D(x),onClick:T,style:{backgroundColor:j||"transparent"}})))),r.a.createElement(m.a,null,r.a.createElement(g,{designPosition:t,dimension:y}),r.a.createElement(p,{value:n})),r.a.createElement(d.default,{open:A,imageUrl:x,onClose:f,bg:j,inputSlider:v}))}function b(e){var t,a;let l={};return(null===e||void 0===e?void 0:e.length)>0&&(l=e.filter(e=>e.file).filter(Boolean).find(e=>c.A.includes(e.file.mimeType))),(null===(t=l)||void 0===t||null===(a=t.file)||void 0===a?void 0:a.url)?l.file.url:""}const h=i.b.div` 28250 .imgs-wrap { 28251 img { 28252 max-width: 100%; 28253 } 28254 28255 .img_item { 28256 object-fit: cover; 28257 width: 100%; 28258 height: 100%; 28259 max-width: 8900px; 28260 max-height: 10000px; 28261 } 28262 } 28263 28264 .design { 28265 position: absolute; 28266 z-index: 1; 28267 top: 0; 28268 background-color: transparent; 28269 cursor: pointer; 28270 } 28271 28272 .artwork { 28273 position: static; 28274 opacity: 0.25; 28275 z-index: 0; 28276 } 28277 28278 .change-opacity-inner { 28279 margin-bottom: 10px; 28280 28281 > div { 28282 display: flex; 28283 column-gap: 1rem; 28284 justify-content: flex-end; 28285 } 28286 28287 .Polaris-RangeSlider-SingleThumb { 28288 width: 300px; 28289 } 28290 } 28291 28292 .color-picker-wrap { 28293 position: absolute; 28294 top: 8rem; 28295 right: 0; 28296 28297 .Polaris-ColorPicker__MainColor { 28298 height: 12rem; 28299 width: 12rem; 28300 } 28301 28302 .Polaris-ColorPicker__HuePicker, 28303 .Polaris-ColorPicker__AlphaPicker { 28304 height: 12rem; 28305 width: 1.8rem; 28306 } 28307 } 28308`},function(e,t,a){e.exports=a.p+"static/media/ebay-app-oauth-2.8b5519a8.png"},,function(e,t,a){e.exports=a.p+"static/media/artwork-preview.7d7d4a3a.png"},,function(e,t,a){e.exports=a.p+"static/media/Pug.a8759007.png"},function(e,t,a){e.exports=a.p+"static/media/photo-forgot-password.e5a87542.jpeg"},function(e,t,a){e.exports=a.p+"static/media/photo-login.333f684d.jpeg"},,function(e,t,a){e.exports=a.p+"static/media/photo-register.653008f2.jpeg"},,,,,,,,,,,,,,,,function(e,t,a){"use strict";a.r(t);var l=a(1),n=a(0),r=a.n(n),i=a(9),o=(a(11),a(2)),s=a(124),c=a(21),u=a(143),d=a(35),m=a(171);var p=a(5);const g=(e,t)=>({...e,...t});function A(e,t){return Object(o.c)(e)?[]:e.filter(t)}function b(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e=>{const{firstName:t,lastName:a}=Object(p.get)(e,"createdBy")||{}
28308,l=[t,a].filter(Boolean).join(" "),n=l?` (by: ${l})`:"";let i=r.a.createElement("span",{style:{fontStyle:"italic",fontWeight:"bold"},dangerouslySetInnerHTML:{__html:n}});return{value:e.id,label:r.a.createElement(h,null,e.title,i),data:e}};if(Object(o.c)(t))return[];const l=e.must_has_excel_template_file?t.filter(e=>{var t;return null!=(null===e||void 0===e||null===(t=e.data)||void 0===t?void 0:t.excelTemplateFileID)||null!=e.excelTemplateFileID}):t;return l.map(a)}const h=i.b.p` 28309 flex: auto; 28310 overflow: hidden; 28311 white-space: nowrap; 28312 text-overflow: ellipsis; 28313`;t.default=function(e){var t;let{value:a,source:n,error:i,allowMultiple:p,label:h,labelHidden:f,required:v=!1,fragment:E="id title excelTemplateFileID createdBy{ firstName lastName}",onChange:y,filters:C,options:k,loading:O}=e;const[j,w]=r.a.useReducer(o.Hb,{options:[],_options:[],selected:[],inputVal:"",selectedOptions:[],deselectedOptions:[]}),[S,I]=r.a.useReducer(g,{limit:20,offset:0,search:""}),{data:B,loading:D,error:P}=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",a=arguments.length>2?arguments[2]:void 0;const l=JSON.stringify(e),n=r.a.useMemo(()=>({variables:{filter:JSON.parse(l)},query:d.a` 28314 query getTiktokProductTemplates($filter: GetTiktokProductTemplateFilter!) { 28315 getTiktokProductTemplates(filter: $filter) { 28316 ${t} 28317 } 28318 } 28319 `,skip:a}),[l,t]);return Object(m.a)({queryOptions:n,path:"data.getTiktokProductTemplates"})}(S,`nodes {${E}}`,!!k),x=r.a.useMemo(()=>"INPUT_COLLECTION_"+Math.random(),[]),M=r.a.useMemo(()=>"AUTOCOMPLETE_COLLECTION_"+Math.random(),[]),T=r.a.useMemo(()=>`div[role="combobox"][aria-controls="${M}"]`,[M]);console.log("optionsProp",k),console.log("data",B),console.log("state",j);const Q=r.a.useRef(null);r.a.useEffect(()=>{k||async function(){const e=(null===B||void 0===B?void 0:B.nodes)||[];if(0===(null===e||void 0===e?void 0:e.length))return void w({options:[]});let t=b(C,e);if(!Q.current){const e=b(C,n),l=Object(o.eb)([...t,...e],"value"),r=b(C,l,e=>{let{value:t}=e;return t}),i=await async function(e,t,a){if(Object(o.c)(e))return[];let l=[];if(Array.isArray(t)){if(Object(o.c)(t))return[];for(let a of t)e.includes(a)||l.push(a)}else t&&t.length>0&&l.push(t);return Object(o.c)(l)?[]:await async function(e){const{__apolloClient__:t}=window;if(t){try{const l=[],n=[],r={};for(let t=0;t<e.length;t++){const a=e[t];l.push(`$id__${t}: ID!`),n.push(`\n\t\t\t\t\tgetTiktokProductTemplate__${t}: getTiktokProductTemplate(ID: $id__${t}) {\n\t\t\t\t\t\t...tiktokProductTemplate\n\t\t\t\t\t}\n\t\t\t\t`),r["id__"+t]=a}const i=`\n\t\t\t\tquery getTiktokProductTemplate(${l.join(",")}) {\n\t\t\t\t\t${n.join("\n")}\n\t\t\t\t}\n\t\t\t`,s=d.a` 28320 fragment tiktokProductTemplate on TiktokProductTemplate { 28321 ${a} 28322 } 28323 ${i} 28324 `,c=await t.query({query:s,variables:r});if(!Object(o.Gb)(null===c||void 0===c?void 0:c.data)){return Object.values(c.data)}}catch(l){}return[]}}(l)}(r,a,E),s=b(C,i);t=Object(o.eb)([...l,...s],"value")}if(w({options:t,_options:t}),null!=Q.current&&!N.current){const e=document.getElementById(x);e&&(e.blur&&e.blur(),await Object(o.Ob)(0),e.focus&&e.focus())}}()},[B,n,a,E,C,k]),r.a.useEffect(()=>{const e=b(S,k);Object(o.c)(e)?w(e=>({...e,_options:e._options,options:e._options})):w(t=>({...t,_options:t.options,options:[...e]}))},[JSON.stringify(k)]);const R=r.a.useCallback((e,t)=>b(C,e,e=>t.find(t=>{let{value:a}=t;return a===e})).filter(Boolean),[]);r.a.useLayoutEffect(()=>{let e=a;if(!Array.isArray(a)&&a&&(e=[a]),Object(o.c)(e))return;const t=Object(o.eb)([...j.options,...j.deselectedOptions],"value"),l=R(e,t);w({selectedOptions:l,selected:e,deselectedOptions:t})},[a,j.options,R]);const F=Object(s.a)(y),N=r.a.useRef(!1),U=r.a.useCallback(e=>{const t=R(e,Object(o.eb)([...j.options,...j.deselectedOptions],"value")),a={selected:e,selectedOptions:t},[l]=t||[],{label:n}=l||{};p||(a.inputVal=n),w({...a}),N.current=!0},[p,j.options,j.deselectedOptions,R]),L=r.a.useRef(null),V=r.a.useCallback(e=>{w({inputVal:e}),Q.current=!!e,L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{I({search:e})},500)},[]),z=r.a.useCallback(e=>()=>{const t=A(j.selected,t=>t!==e),a=A(j.selectedOptions,t=>t.value!==e);w({selected:t,selectedOptions:a}),p&&F(t,a)},[j.selected,j.selectedOptions,p,F]);r.a.useLayoutEffect(()=>{const e=document.querySelector(T);if(e&&F){function t(t){if(!JSON.parse(e.getAttribute("aria-expanded")||"")&&!e.contains(t.target)&&N.current){const e=j.selectedOptions,t=j.selected,[a]=e||[],{value:l}=a||{};p?F(t,e):F(l,a),N.current=!1,Q.current=null}}return document.addEventListener("click",t),()=>{document.removeEventListener("click",t)}}},[j.selectedOptions,j.selected]);const q=r.a.createElement(l.c.TextField,{value:j.inputVal,onChange:V,placeholder:"Search for Tiktok product template",error:i,id:x});return r.a.createElement(r.a.Fragment,null,f?null:r.a.createElement(c.a,{label:null!==h&&void 0!==h?h:"Tiktok product templates",required:v}
28324),P?r.a.createElement("div",null,"Error: ",Object(o.ib)(null===P||void 0===P?void 0:P.toString())):r.a.createElement(r.a.Fragment,null,r.a.createElement(l.c,{options:j.options,selected:j.selected,onSelect:U,textField:q,allowMultiple:p,emptyState:r.a.createElement("span",null,"No items found!"),loading:D||O,id:M}),r.a.createElement(u.a,null,(null===(t=j.selectedOptions)||void 0===t?void 0:t.length)>0?j.selectedOptions.map(e=>r.a.createElement(l.ab,{children:e.label,key:e.value,onRemove:z(e.value)})):null)))}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,a){e.exports=a(1365)},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,a){},,function(e,t,a){"use strict";a.r(t);var l=a(0),n=a.n(l),r=a(58),i=a.n(r),o=a(133),s=a(1),c=a(1001),u=a(35),d=a(26),m=a.n(d),p=a(66),g=a.n(p),A=a(113),b=a(9),h=a(128),f=a(45);var v=e=>{let{children:t,url:a="",...l}=e;return function(e){return/^(?:[a-z][a-z\d+.-]*:|\/\/)/.test(e)}(a)||l.download?n.a.createElement("a",Object.assign({href:a},l),t):n.a.createElement(f.a,Object.assign({to:a},l),t)},E=a(12),y=a(4),C=a(44),k=function(e,t){class a extends n.a.Component{constructor(){super(...arguments),this.state={showBtnSave:!1,clickSave:null,aggregations:{},loading:null},this.redirect=()=>{E.a.push("/login"),window.location.reload(!1)},this.checkTeamRoles=()=>e.teamRoles&&e.teamRoles.includes(t&&t.teamUser&&t.teamUser.role),this.handleBtnSave=(e,t)=>{this.setState({aggregations:t}),e?this.setState({showBtnSave:!1}):this.setState({showBtnSave:!0})},this.onSubmit=e=>{this.setState({clickSave:e})},this.handleLoading=e=>{let{aggregations:t}=this.state;this.setState({aggregations:{...t,loading:e}})}}componentDidMount(){if(t&&t.roles&&t.roles.length&&(t.roles.includes("Administrator")||t.roles.includes(y.pb.Supporter)))return;const a=e.roles?e.roles:[];if(t&&a.includes("Authenticated"))return;let l={};for(let e=0;e<a.length;e++)l[a[e]]=!0;if(a.length){if(!t||!t.roles||!t.roles.length)return void this.redirect();let e=!1;for(let a=0;a<t.roles.length;a++)if(l[t.roles[a]]){e=!0;break}e||this.redirect()}}shouldComponentUpdate(e,t){return!g()(this.props,e)||!g()(this.state,t)}render(){let t=e.component;return this.checkTeamRoles()&&e.customLayout&&(t=e.customComponent),n.a.createElement(C.a,{fallback:null},n.a.createElement("div",{className:"mb-layout-wrap"},n.a.createElement(t,this.props)))}}return a},O=a(348);const j={colors:{topBar:{background:"#fff"}},logo:{width:140,topBarSource:a.n(O).a,url:"/"}};var w=a(11),S=a(17),I=a(2),B=a(756),D=a(636),P=a(420);const x=b.b.div` 28325 display: flex; 28326 justify-content: center; 28327 align-items: center; 28328 height: 100vh; 28329`;class M extends l.Component{constructor(){super(...arguments),this.handleAuthenticate=e=>{Object(h.c)(e),this.setState({currentUser:e.user})},this.handleSetCurrentUser=e=>{this.setState({currentUser:e})},this.handleLogout=()=>{this.setState({currentUser:null}),Object(h.c)(null)},this.setStore=e=>{this.setState({store:e}),localStorage.setItem("store",JSON.stringify(e))},this.handleTotalMappingOrder=e=>{e!==this.state.totalMappingOrder&&this.setState({totalMappingOrder:e})},this.handleBackgroundImage=e=>{this.setState({backgroundImage:e})},this.state={loading:!0,currentUser:null,authenticate:this.handleAuthenticate,setCurrentUser:this.handleSetCurrentUser,logout:this.handleLogout,store:null,setStore:this.setStore,isMobile:!1,routers:[],showPaymentAccount:!1,backgroundImage:"#fff",setBackgroundImage:this.handleBackgroundImage}}componentDidMount(){const e=Object(h.b)(),t=localStorage.getItem("store");t&&this.setState({store:JSON.parse(t)}),e?this.setState({loading:!0},()=>{h.a.query({query:u.a` 28330 query me { 28331 me { 28332 id 28333 firstName 28334 lastName 28335 email 28336 phone 28337 address 28338 extraMenus 28339 isRootUser 28340 isOnline 28341 viewOriginFile 28342 privileges 28343 avatar { 28344 id 28345 name 28346 url 28347 } 28348 teamUser { 28349 role 28350 designOnlineTeamID 28351 team { 28352 id 28353 privateFeatures 28354 isRoot 28355 address 28356 ignoreSystemFees 28357 enablePrivateData 28358 } 28359 } 28360 roles 28361 teams { 28362 id 28363 privateFeatures 28364 isRoot 28365 address 28366 ignoreSystemFees 28367 enablePrivateData 28368 } 28369 } 28370 } 28371 `}).then(e=>{this.setState({currentUser:e.data.me,loading:!1}),function(e){if(!e||"object"!==typeof e)return;let t,{href:a}=window.location;t=null==e.teamUser?Object(I.V)(e):Object(I.U)(e);const l=[...Object.values(y.hb),...Object.values(y.qb)],n=new RegExp(t);for(let r of l){if(new RegExp(r).test(a)&&!n.test(a)){a=a.replace(r,t),window.location.href=a;break}}}(e.data.me);const t=Object(I.db)(e.data.me);(async()=>
28371{if(t){const e=await Object(I.I)(t);e&&this.handleBackgroundImage(e)}})()}).catch(()=>{this.setState({loading:!1}),Object(h.c)(null)})}):this.setState({loading:!1}),this.setState({isMobile:Object(I.g)(),routers:P.a})}componentDidUpdate(e,t){if(!g()(t.currentUser,this.state.currentUser)){const{currentUser:e}=this.state;if(e){const{roles:t,teamUser:a,id:l,isRootUser:n}=e;let r=[];if((null===t||void 0===t?void 0:t.length)>0&&(r=P.a.filter(e=>null!=a&&null!=e.teamRole?null==e.roles||e.teamRole===a.role:null==e.roles||t.some(t=>{var a;return null===(a=e.roles)||void 0===a?void 0:a.includes(t)}))),null!=a){const t=Object(I.Y)(e);r=r.filter(e=>!e.private||(!!Object(I.c)(t)||t.some(t=>new RegExp(t,"gi").test(e.path))))}const{isAdministrator:i,isSeller:o,isDesignLeader:s,isDesigner:c}=Object(I.j)(e),{extraMenus:u}=e||{};if(s||c){const e=Object(I.Wb)(u);let t=c?"/designer":void 0;const{tasksMenu:a,pathMatch:l}=Object(I.Ab)(e,t);Object(I.c)(a)||Object(I.c)(l)||(r=r.filter(e=>!e.accessTask||l.includes(e.path)))}let d=r.map(e=>{let{teamRole:t,accessTask:a,private:l,...n}=e;return n});this.setState({routers:d,showPaymentAccount:n&&i},async()=>{if(!i&&!o||n&&i)return;const e=await h.a.query({query:S.Pb,variables:{role:"Admin",includeAdministrator:!0}}),t=(m()(e,"data.getUsersPaymentAccountAccess")||[]).map(e=>{let{id:t}=e;return t}).includes(l);let a=d;t||(a=d.filter(e=>{let{path:t}=e;return!/payment-accounts/gi.test(t)})),this.setState({routers:a,showPaymentAccount:t})})}}}shouldComponentUpdate(e,t){return!g()(this.state,t)}render(){const{loading:e,routers:t}=this.state;return n.a.createElement(s.b,{i18n:c,linkComponent:v,theme:j},e?n.a.createElement(x,null,n.a.createElement(s.X,null)):n.a.createElement(o.b,{client:h.a},n.a.createElement("style",{type:"text/css",children:`:root{\n --omg-custom-bg: ${this.state.backgroundImage}\n }`}),n.a.createElement(w.a.Provider,{value:this.state},n.a.createElement(A.c,{history:E.a},n.a.createElement(B.a,null,n.a.createElement(A.d,null,t.map((e,t)=>n.a.createElement(A.b,{key:t,exact:e.exact,path:e.path,component:k(e,this.state.currentUser)})),n.a.createElement(A.b,{path:"*",component:D.a})))))))}}var T=M;Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));a(1362),a(1363),a(1364);i.a.render(n.a.createElement(T,null),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then(e=>{e.unregister()})}],[[1064,34,35]]]); 28372//# sourceMappingURL=main.7afe2b06.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.