https://app.datapinter.com/_next/static/chunks/8819-28015d5f9b72ebc5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8819],{8532:(e,t,s)=>{e.exports=s(75631)("toUpperCase")},11220:e=>{var t="\ud800-\udfff",s="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",r="\ud83c[\udffb-\udfff]",l="[^"+t+"]",a="(?:\ud83c[\udde6-\uddff]){2}",n="[\ud800-\udbff][\udc00-\udfff]",i="(?:"+s+"|"+r+")?",o="[\\ufe0e\\ufe0f]?",c="(?:\\u200d(?:"+[l,a,n].join("|")+")"+o+i+")*",d=RegExp(r+"(?="+r+")|"+("(?:"+[l+s+"?",s,a,n,"["+t+"]"].join("|"))+")"+(o+i+c),"g");e.exports=function(e){return e.match(d)||[]}},12438:(e,t,s)=>{var r=s(59038);e.exports=function(e){return null==e?"":r(e)}},19031:(e,t,s)=>{var r=s(24298),l="object"==typeof self&&self&&self.Object===Object&&self;e.exports=r||l||Function("return this")()},19204:e=>{e.exports=function(e,t,s){var r=-1,l=e.length;t<0&&(t=-t>l?0:l+t),(s=s>l?l:s)<0&&(s+=l),l=t>s?0:s-t>>>0,t>>>=0;for(var a=Array(l);++r<l;)a[r]=e[r+t];return a}},21854:(e,t,s)=>{var r=s(19204);e.exports=function(e,t,s){var l=e.length;return s=void 0===s?l:s,!t&&s>=l?e:r(e,t,s)}},24298:(e,t,s)=>{e.exports="object"==typeof s.g&&s.g&&s.g.Object===Object&&s.g},28654:e=>{e.exports=function(e){return null!=e&&"object"==typeof e}},50243:(e,t,s)=>{"use strict";s.d(t,{A:()=>o});var r=s(37876),l=s(69241),a=s(14232),n=s(98477),i=s(75501);let o=e=>{let{containerClassName:t,contentClassName:s,icon:o,open:c,overlayClassName:d,panelClassName:u,close:x,title:m,children:p,unstyled:f=!1,width:g=600}=e,[h,j]=a.useState(!1);if(a.useEffect(()=>(j(!0),()=>j(!1)),[]),!h)return null;let v=(0,r.jsx)("div",{className:(0,l.A)("fixed left-0 top-0 z-[3000] h-full w-full bg-black bg-opacity-50 transition-opacity duration-300 ease-in-out",f?"flex items-center justify-center":"table",d),children:(0,r.jsx)("div",{className:(0,l.A)(f?"w-full":"table-cell align-middle p-[5px]",t),onClick:e=>{e.target===e.currentTarget&&x&&x()},children:(0,r.jsxs)("div",{className:(0,l.A)(f?"w-full":"mx-auto max-h-[calc(100vh-40px)] w-full overflow-y-auto rounded-[5px] bg-white px-2.5 py-2.5 shadow-[0_2px_8px_rgba(0,0,0,0.33)] transition-all duration-300 ease-in-out scrollbar-thin","relative",u||s),style:{maxWidth:"".concat(g,"px")},children:[m&&(0,r.jsxs)("div",{className:"pb-2 flex items-center gap-2",children:[o,(0,r.jsx)("p",{className:"text-sm md:text-lg font-bold",children:m})]}),p,x&&(0,r.jsx)(i.WQq,{className:"h-5 w-5 text-gray-500 cursor-pointer hover:text-gray-400 absolute top-4 right-4",onClick:x})]})})});return c?(0,n.createPortal)(v,document.body):null}},51480:e=>{var t=RegExp("[\\u200d\ud800-\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");e.exports=function(e){return t.test(e)}},52076:(e,t,s)=>{var r=s(12438),l=s(8532);e.exports=function(e){return l(r(e).toLowerCase())}},59038:(e,t,s)=>{var r=s(64451),l=s(59930),a=s(93007),n=s(76014),i=1/0,o=r?r.prototype:void 0,c=o?o.toString:void 0;e.exports=function e(t){if("string"==typeof t)return t;if(a(t))return l(t,e)+"";if(n(t))return c?c.call(t):"";var s=t+"";return"0"==s&&1/t==-i?"-0":s}},59930:e=>{e.exports=function(e,t){for(var s=-1,r=null==e?0:e.length,l=Array(r);++s<r;)l[s]=t(e[s],s,e);return l}},63349:(e,t,s)=>{"use strict";s.d(t,{A:()=>S});var r=s(37876),l=s(32653),a=s(27459),n=s(69241),i=s(52076),o=s.n(i),c=s(14232),d=s(94085),u=s(88992),x=s(34846),m=s(80807),p=s(49038),f=s(26332),g=s(43986),h=s(35180),j=s(95232),v=s(50243),b=s(52246),y=s(32057);let N=e=>{let{open:t,close:s,storeInfo:l}=e,{t:a}=(0,x.Bd)("enterprise_dashboard"),n=(0,y.jL)(),{brandStoreKeywords:i}=(0,y.GV)(e=>e.custom),{register:o,handleSubmit:d,control:m,reset:p}=(0,u.mN)({defaultValues:{keywords:[{value:""}]}}),{fields:f,append:N,remove:w}=(0,u.jz)({control:m,name:"keywords"});return((0,c.useEffect)(()=>{if(t&&null!==l){let e=i.find(e=>e.storeId===l.storeId);e&&e.keywords.length>0?p({keywords:e.keywords.map(e=>({value:e}))}):p({keywords:[{value:""}]})}},[t,l,i,p]),null===l)?null:(0,r.jsx)(v.A,{open:t,close:s,title:a("keywords_title",{storeName:l.storeName}),children:(0,r.jsxs)("form",{onSubmit:d(e=>{if(null===l)return;let t=e.keywords.map(e=>e.value.trim()).filter(e=>""!==e);n((0,b.bv)({brandId:0,storeId:l.storeId,keywords:t})),s()}),className:"flex flex-col gap-4",children:[(0,r.jsx)("p",{className:"text-xs text-zinc-500",children:a("keywords_description",{storeName:l.storeName})}),(0,r.jsx)("div",{className:"flex flex-col gap-2",children:f.map((e,t)=>(0,r.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,r.jsx)(j.A,{placeholder:"Enter keyword",name:"keywords.".concat(t,".value"),register:o,className:"flex-1"}),f.length>1&&(0,r.jsx)("button",{type:"button",onClick:()=>w(t),className:"p-2 text-red-500 hover:text-red-700 transition-colors","aria-label":"Remove keyword",children:(0,r.jsx)(g.b6i,{size:20})})]},e.id))}),(0,r.jsxs)(h.A,{type:"button",onClick:()=>N({value:""}),className:"self-start",children:[(0,r.jsx)(g.jgn,{size:20,className:"inline mr-1"}),a("add_keyword")]}),(0,r.jsxs)("div",{className:"flex gap-2 justify-end mt-4",children:[(0,r.jsx)(h.A,{onClick:s,secondary:!0,children:a("cancel")}

1),(0,r.jsx)(h.A,{submit:!0,children:a("save")})]})]})})};var w=s(24633);let k=(0,l.FB)(),S=()=>{let{t:e}=(0,x.Bd)("enterprise_dashboard"),t=(0,y.jL)(),{stores:s,selectedStoreIds:i,brandStoreKeywords:v,loading:S,store_current_page:z,store_total_page:_,brand:C}=(0,y.GV)(e=>e.custom),{user:A}=(0,y.GV)(e=>e.user),R=["admin","super"].includes(A.group),I=(null==C?void 0:C.type)===b.cG.public,[L,T]=(0,c.useState)(!!I&&!R),[E,M]=(0,c.useState)(!1),[O,G]=(0,c.useState)(null),{register:P,handleSubmit:F}=(0,u.mN)(),[H,V]=(0,c.useState)([]),[B,q]=(0,c.useState)("");(0,c.useEffect)(()=>{T(!!I&&!R)},[I,R]);let W=e=>{(!I||R)&&t((0,b.t7)({action:"add",storeId:e}))},Z=e=>{(!I||R)&&t((0,b.t7)({action:"remove",storeId:e}))},D=(0,c.useMemo)(()=>s.map(e=>({...e,isSelected:i.includes(e.id)})),[s,i]),K=(0,c.useMemo)(()=>[k.accessor("name",{header:()=>e("store"),size:250,enableSorting:!1,cell:e=>{let{row:t,getValue:s}=e;return(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("img",{src:t.original.image,alt:s(),className:"w-10 h-10 object-cover rounded"}),(0,r.jsx)("span",{children:s()})]})}}),k.accessor("marketplace",{header:()=>e("marketplace"),size:150,enableSorting:!1,cell:e=>{let{getValue:t}=e;return(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(()=>{let e=t();return"tiktok"===e?(0,r.jsx)("img",{src:"/icons/socials/tiktok.png",className:"w-4 h-4",alt:"tiktok"}):"tokopedia"===e?(0,r.jsx)("img",{src:"/icons/socials/tokopedia.png",className:"w-4 h-4",alt:"tokopedia"}):"lazada"===e?(0,r.jsx)("img",{src:"/icons/socials/lazada.png",className:"w-4 h-4",alt:"lazada"}):(0,r.jsx)("img",{src:"/icons/socials/shopee.png",className:"w-4 h-4",alt:"shopee"})})(),o()(t())]})}}),k.accessor("sales",{header:()=>e("sales"),size:150,enableSorting:!1,cell:e=>{var t;let{getValue:s}=e;return(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(null==(t=s())?void 0:t.toLocaleString())||0," unit"]})}}),k.accessor("revenue",{header:()=>e("revenue"),size:180,enableSorting:!1,cell:e=>{var t;let{getValue:s}=e;return(0,r.jsxs)("div",{className:"flex items-center gap-2",children:["Rp ",(null==(t=s())?void 0:t.toLocaleString())||0]})}}),k.accessor("products",{header:()=>e("products"),size:120,enableSorting:!1,cell:e=>{var t;let{getValue:s}=e;return(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(null==(t=s())?void 0:t.toLocaleString())||0," products"]})}}),k.display({id:"keywords",header:()=>e("keywords"),size:220,cell:t=>{let{row:s}=t,l=v.find(e=>e.storeId===s.original.id);return(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(!I||R)&&(0,r.jsx)(h.A,{micro:!0,secondary:!0,onClick:()=>{M(!0),G({storeId:s.original.id,storeName:s.original.name})},children:(0,r.jsx)(p.Mbp,{})}),l?(0,r.jsxs)("span",{className:"text-xs text-gray-600",children:[l.keywords.slice(0,3).join(", "),l.keywords.length>3&&"..."]}):(0,r.jsx)("span",{className:"text-xs text-gray-400",children:e("no_keywords")})]})}}),k.display({id:"actions",header:()=>e("actions"),size:60,cell:e=>{let{row:t}=e;return(0,r.jsx)("div",{className:"flex items-center gap-2",children:(0,r.jsx)("div",{className:"border rounded-md p-1 h-5 w-5 flex items-center justify-center cursor-pointer",onClick:()=>t.original.isSelected?Z(t.original.id):W(t.original.id),children:t.original.isSelected&&(0,r.jsx)(p.CMH,{className:"w-[10px] h-[10px] text-orange-500"})})})}})],[W,Z,v]);(0,c.useEffect)(()=>{let e=setTimeout(()=>{t((0,b.Ru)({keyword:B,page:z,storeIds:L?i:void 0}))},500*!!B);return()=>clearTimeout(e)},[B,z,L,i,t]);let U=(0,a.N4)({data:D,columns:K,getCoreRowModel:(0,l.HT)(),getSortedRowModel:(0,l.h5)(),state:{columnPinning:{left:["name"],right:["actions"]},sorting:H},onSortingChange:V});return(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[(!I||R)&&(0,r.jsx)("div",{className:"flex justify-between items-center gap-4",children:(0,r.jsxs)("form",{onSubmit:F(e=>{let s=e.keyword||"";q(s),t((0,b.Ru)({keyword:s,page:z,storeIds:L?i:void 0}))}),className:"flex flex-1",children:[(0,r.jsx)(j.A,{placeholder:"Search stores...",register:P,name:"keyword",className:"h-8 rounded-r-none border-r-0"}),(0,r.jsx)(h.A,{submit:!0,small:!0,className:"rounded-l-none",children:(0,r.jsx)(g.gZ7,{})})]})}),(!I||R)&&(0,r.jsxs)("div",{className:"flex items-center gap-2 text-xs font-medium justify-end select-none",children:[e("show_selected"),(0,r.jsx)("div",{className:"border rounded-md p-1 h-5 w-5 flex items-center justify-center cursor-pointer",onClick:()=>T(!L),children:L&&(0,r.jsx)(p.CMH,{className:"w-[10px] h-[10px] text-orange-500"})})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1",children:[(0,r.jsxs)("div",{className:"w-full relative min-h-[400px]",children:["failed"===S[b.Ru.typePrefix]?(0,r.jsx)("div",{className:"absolute inset-0 bg-white flex items-center justify-center z-10",children:(0,r.jsx)("span",{children:e("failed_to_load")})}):"fulfilled"===S[b.Ru.typePrefix]?null:(0,r.jsx)("div",{className:"absolute inset-0 bg-white/50 flex items-center justify-center z-10",children:(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)(m.PSR,{className:"w-6 h-6 animate-spin text-orange"}),(0,r.jsx)("span",{children:e("loading_data")})]})}),0===D.length?(0,r.jsx)("div",{className:"w-full relative min-h-[400px] flex items-center justify-center border rounded-t-lg",children:(0,r.jsx)("p",{className:"text-zinc-500 text-sm",children:e("no_stores_yet")})}):(0,r.jsx)("div",{className:"w-full overflow-x-auto border rounded-t-lg shadow-sm bg-white min-h-[400px]",children:(0,r.jsx)("div",{className:"min-w-[1000px] md:min-w-full",children:(0,r.jsxs)("table",{style:{width:U.getTotalSize()},children:[(0,r.jsx)("thead",{className:"bg-gray-50 border-b border-gray-200",style:{to

1p:"0px",opacity:.95,position:"sticky",zIndex:2},children:U.getHeaderGroups().map(e=>(0,r.jsx)("tr",{children:e.headers.map(e=>{var t;return(0,r.jsx)("th",{colSpan:e.colSpan,style:{width:"".concat(e.getSize(),"px"),...(0,w.Z)(e.column,d.Fr)},className:"p-4 text-left text-sm font-semibold text-gray-900 bg-gray-50",children:e.isPlaceholder?null:(0,r.jsxs)("div",{className:e.column.getCanSort()?"cursor-pointer select-none flex gap-1 items-center":"select-none flex gap-1 items-center",onClick:e.column.getToggleSortingHandler(),children:[(0,a.Kv)(e.column.columnDef.header,e.getContext()),null!=(t=({asc:(0,r.jsx)(f.XhJ,{className:"text-gray-600"}),desc:(0,r.jsx)(f.GOR,{className:"text-gray-600"})})[e.column.getIsSorted()])?t:e.column.getCanSort()?(0,r.jsx)(f.MjW,{className:"text-gray-400"}):null]})},e.id)})},e.id))}),(0,r.jsx)("tbody",{className:"divide-y divide-gray-200",children:U.getRowModel().rows.map((e,t)=>(0,r.jsx)("tr",{className:(0,n.A)(t%2==0?"bg-white":"bg-gray-50","hover:bg-orange-50 group"),children:e.getVisibleCells().map(e=>(0,r.jsx)("td",{className:"p-4 text-sm text-gray-900 bg-white",style:{...(0,w.Z)(e.column,d.Fr)},children:(0,a.Kv)(e.column.columnDef.cell,e.getContext())},e.id))},e.id))})]})})})]}),(0,r.jsxs)("div",{className:"flex justify-center bg-white rounded-b-md border-x border-b items-center gap-2",children:[(0,r.jsx)(g.oe,{className:(0,n.A)("text-2xl",z>1?"text-orange cursor-pointer":"text-zinc-300"),onClick:()=>z>1&&t((0,b.LG)(z-1))}),(0,r.jsxs)("p",{className:"text-sm text-zinc-500",children:["Page ",z," of ",_]}),(0,r.jsx)(g.oLC,{className:(0,n.A)("text-2xl",z<_?"text-orange cursor-pointer":"text-zinc-300"),onClick:()=>z<_&&t((0,b.LG)(z+1))})]})]}),(0,r.jsx)(N,{open:E,close:()=>M(!1),storeInfo:O})]})}},64451:(e,t,s)=>{e.exports=s(19031).Symbol},67604:(e,t,s)=>{"use strict";s.d(t,{A:()=>a});var r=s(37876),l=s(69241);s(14232);let a=e=>{let{options:t,name:s,disabled:a,className:n,register:i,errors:o,required:c}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("select",{required:c,className:(0,l.A)("text-sm block appearance-none w-full border-zinc-200 border focus:ring-0 focus:ring-orange-500 focus:border-orange-500 py-2 px-2 pr-6 rounded leading-tight focus:outline-none disabled:bg-zinc-100",n),...i(s),children:t.map((e,t)=>(0,r.jsx)("option",{value:e.value,disabled:a&&!e.default,children:e.text},t))}),(null==o?void 0:o[s])&&(0,r.jsx)("p",{className:"mt-1 text-red-500 text-sm",children:o[s].message})]})}},75631:(e,t,s)=>{var r=s(21854),l=s(51480),a=s(82180),n=s(12438);e.exports=function(e){return function(t){var s=l(t=n(t))?a(t):void 0,i=s?s[0]:t.charAt(0),o=s?r(s,1).join(""):t.slice(1);return i[e]()+o}}},76014:(e,t,s)=>{var r=s(89950),l=s(28654);e.exports=function(e){return"symbol"==typeof e||l(e)&&"[object Symbol]"==r(e)}},77306:(e,t,s)=>{"use strict";s.d(t,{A:()=>c});var r=s(37876);s(14232);var l=s(32057),a=s(69241),n=s(34846);let i=[200,201,202],o=[300,301,400,404,405,412,500,501,502],c=e=>{var t,s;let{responses:c,type:d,reset:u,className:x,successMessage:m,errorMessage:p}=e,{t:f}=(0,n.Bd)("dashboard"),g=c[d];if(!g)return(0,r.jsx)(r.Fragment,{});let h=(0,l.jL)();setTimeout(()=>{h(u(d))},3e3);let j=null==(t=g.payload)?void 0:t.statusText,v=null==(s=g.payload)?void 0:s.status,b="bg-zinc-50",y="border-zinc-200",N="text-zinc-500",w=f("loading");return i.includes(v)?(b="bg-green-100",y="border-green-500",N="text-green-800",j&&(w="".concat(f("Created"===j?"created_successfully":"updated_successfully"))),j||(w=f("success")),m&&(w=m)):o.includes(v)?(b="bg-red-100",y="border-red-500",N="text-red-800",w=f("request_failed_with_code",{code:v}),p&&(w=p),405===v&&(w="".concat(j))):g.type.includes("rejected")&&!j&&(b="bg-red-100",y="border-red-500",N="text-red-800",w=f("unexpected_error_contact_customer_service")),(0,r.jsx)("div",{className:(0,a.A)("fixed top-5 left-1/2 transform -translate-x-1/2 flex flex-row px-2 py-1 rounded-md shadow-lg justify-center z-[2000] whitespace-break-spaces text-xs max-w-sm border",y,b,N,x),children:(0,r.jsx)("p",{children:w})})}},82180:(e,t,s)=>{var r=s(84204),l=s(51480),a=s(11220);e.exports=function(e){return l(e)?a(e):r(e)}},84204:e=>{e.exports=function(e){return e.split("")}},89950:(e,t,s)=>{var r=s(64451),l=s(97023),a=s(99828),n=r?r.toStringTag:void 0;

1e.exports=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":n&&n in Object(e)?l(e):a(e)}},93007:e=>{e.exports=Array.isArray},97023:(e,t,s)=>{var r=s(64451),l=Object.prototype,a=l.hasOwnProperty,n=l.toString,i=r?r.toStringTag:void 0;e.exports=function(e){var t=a.call(e,i),s=e[i];try{e[i]=void 0;var r=!0}catch(e){}var l=n.call(e);return r&&(t?e[i]=s:delete e[i]),l}},99828:e=>{var t=Object.prototype.toString;e.exports=function(e){return t.call(e)}}}]);