https://business.manycontent.com/_next/static/chunks/pages/crm/settings/tags-845b32caf6c3b039.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="6b847e82-c574-4878-bf97-a8d52cfd9fe1",e._sentryDebugIdIdentifier="sentry-dbid-6b847e82-c574-4878-bf97-a8d52cfd9fe1")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4279],{68065:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/crm/settings/tags",function(){return a(13198)}])},7999:function(e,t,a){"use strict";a.d(t,{i:function(){return l}});var n=a(85893),s=a(57177);let l=e=>{let{children:t,className:a}=e;return(0,n.jsx)("div",{className:(0,s.Tw)(a,"flex mx-auto py-4 gap-4 flex-wrap w-[95%] xl:w-[98%] max-w-[1920px]"),children:t})}},35803:function(e,t,a){"use strict";a.d(t,{im:function(){return n.i},It:function(){return r}});var n=a(7999),s=a(85893),l=a(57177);function r(e){let{children:t,...a}=e;return(0,s.jsx)("div",{...a,className:(0,l.Tw)("grid gap-4 mx-auto py-4 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 w-[95%] xl:w-[98%] max-w-[1920px]"),style:{gridTemplateColumns:"repeat(auto-fill, minmax(288px, 1fr))"},children:t})}},13198:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return b}});var n=a(85893),s=a(35803),l=a(59335),r=a(53219),i=a(14640),c=a(11163),o=a(15142),d=a(7482);function m(e){let{tag:t,onRemove:a}=e;return(0,n.jsx)(d.sg,{color:t.color,removable:!!a,onRemove:a,children:t.name})}var u=a(67294),g=a(96162),x=a(32247),f=a(5897),p=a(31012),h=a(77705),_=a(13671),j=a(17424);function y(){var e;let t=(0,i.useTranslations)(),a=(0,x.K)(),{currentProfile:s}=(0,f.n)(),{showAlert:l}=(0,g.V)(),r=null!==(e=null==s?void 0:s.id)&&void 0!==e?e:"",[c,o]=(0,u.useState)([]),[y,v]=(0,u.useState)(!0),[b,w]=(0,u.useState)(!1),[N,C]=(0,u.useState)(null),[k,T]=(0,u.useState)(null),[X,F]=(0,u.useState)(""),[z,S]=(0,u.useState)(j.Q[0]),[E,I]=(0,u.useState)(!1),[B,D]=(0,u.useState)(!1),Q=(0,u.useCallback)(async()=>{if(r){v(!0);try{let e=await a.listTags(r);o(e)}catch(e){l(t("component.tag_manager.error_load"),"error",5e3)}finally{v(!1)}}},[r,a,l,t]);(0,u.useEffect)(()=>{Q()},[Q]);let Z=e=>{C(e),F(e.name),S(e.color),w(!0)},H=()=>{w(!1),C(null),F(""),S(j.Q[0])},O=async()=>{if(X.trim()){I(!0);try{N?(await a.updateTag(r,N.id,{name:X.trim(),color:z}),l(t("component.tag_manager.success_updated"),"success",5e3)):(await a.createTag(r,{name:X.trim(),color:z}),l(t("component.tag_manager.success_created"),"success",5e3)),H(),await Q()}catch(e){l(N?t("component.tag_manager.error_update"):t("component.tag_manager.error_create"),"error",5e3)}finally{I(!1)}}},P=async()=>{if(k){D(!0);try{await a.deleteTag(r,k.id),l(t("component.tag_manager.success_deleted"),"success",5e3),T(null),await Q()}catch(e){l(t("component.tag_manager.error_delete"),"error",5e3)}finally{D(!1)}}};return y?(0,n.jsx)("div",{className:"flex items-center justify-center p-8",children:(0,n.jsx)(d.qu,{size:"md"})}):(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between",children:[(0,n.jsx)("h2",{className:"text-base font-semibold text-ds-foreground",children:t("component.tag_manager.title")}),(0,n.jsx)(d.lf,{leftIcon:(0,n.jsx)(p.Z,{size:14}),onClick:()=>{C(null),F(""),S(j.Q[0]),w(!0)},children:t("component.tag_manager.new_tag")})]}),0===c.length?(0,n.jsx)(d.hx,{variant:"dashed",className:"p-8 text-center",children:(0,n.jsx)(d.hx.Body,{children:(0,n.jsx)(d.JX,{title:t("component.tag_manager.empty")})})}):(0,n.jsx)("div",{className:"space-y-2",children:c.map(e=>(0,n.jsx)(d.hx,{children:(0,n.jsxs)(d.hx.Body,{className:"flex flex-row items-center justify-between p-3",children:[(0,n.jsx)(m,{tag:e}),(0,n.jsxs)("div",{className:"flex items-center gap-1",children:[(0,n.jsx)(d.lf,{variant:"ghost",size:"icon","aria-label":t("sentence.edit"),onClick:()=>Z(e),children:(0,n.jsx)(h.Z,{size:14})}),(0,n.jsx)(d.lf,{variant:"ghost",size:"icon","aria-label":t("sentence.delete"),className:"text-ds-destructive hover:text-ds-destructive",onClick:()=>T(e),children:(0,n.jsx)(_.Z,{size:14})})]})]})},e.id))}),(0,n.jsxs)(d.XF,{open:b,onClose:H,size:"sm",children:[(0,n.jsx)(d.XF.Header,{title:N?t("component.tag_manager.form_edit"):t("component.tag_manager.new_tag"),onClose:H}),(0,n.jsxs)(d.XF.Body,{className:"space-y-4",children:[(0,n.jsx)(d.yj,{label:t("component.tag_manager.form_name"),value:X,onChange:e=>F(e.target.value)}),(0,n.jsxs)("div",{children:[(0,n.jsx)(d.Tl,{className:"mb-2",children:t("component.tag_manager.form_color")}),(0,n.jsx)("div",{className:"flex flex-wrap gap-2",children:j.Q.map(e=>(0,n.jsx)("button",{type:"button",onClick:()=>S(e),className:"h-8 w-8 rounded-full transition-all ".concat(z===e?"ring-2 ring-offset-2 ring-ds-primary scale-110":""),style:{backgroundColor:e}},e))})]})]}),(0,n.jsxs)(d.XF.Footer,{children:[(0,n.jsx)(d.lf,{variant:"outline",onClick:H,disabled:E,children:t("component.tag_manager.form_c

1ancel")}),(0,n.jsx)(d.lf,{onClick:O,loading:E,disabled:!X.trim(),children:t("component.tag_manager.form_save")})]})]}),(0,n.jsxs)(d.XF,{open:!!k,onClose:()=>T(null),size:"sm",children:[(0,n.jsx)(d.XF.Header,{title:t("component.tag_manager.delete_title"),onClose:()=>T(null)}),(0,n.jsxs)(d.XF.Body,{className:"space-y-3",children:[(0,n.jsx)("p",{className:"text-sm text-ds-muted-foreground",children:t("component.tag_manager.delete_message")}),k&&(0,n.jsx)(m,{tag:k})]}),(0,n.jsxs)(d.XF.Footer,{children:[(0,n.jsx)(d.lf,{variant:"outline",onClick:()=>T(null),disabled:B,children:t("component.tag_manager.delete_cancel")}),(0,n.jsx)(d.lf,{variant:"destructive",onClick:P,loading:B,children:t("component.tag_manager.delete_confirm")})]})]})]})}function v(){let e=(0,i.useTranslations)(),t=(0,c.useRouter)();return(0,n.jsx)(s.im,{children:(0,n.jsxs)("div",{className:"w-full space-y-4",children:[(0,n.jsxs)(l.Button,{variant:"text",className:"flex items-center gap-2",onClick:()=>t.push("/crm/settings"),children:[(0,n.jsx)(r.Z,{size:16}),e("page.crm_settings.back")]}),(0,n.jsxs)("div",{children:[(0,n.jsx)(l.Typography,{variant:"h4",className:"text-blue-gray-800",children:e("page.crm_settings.nav_tags")}),(0,n.jsx)(l.Typography,{variant:"small",className:"text-blue-gray-500",children:e("page.crm_settings.nav_tags_desc")})]}),(0,n.jsx)(y,{})]})})}v.getLayout=o.i;var b=v}},function(e){e.O(0,[472,7482,5142,9774,2888,179],function(){return e(e.s=68065)}),_N_E=e.O()}]);