"use strict";(self.webpackChunkreact_typescript_webpack_backend_editor=self.webpackChunkreact_typescript_webpack_backend_editor||[]).push([[863],{4977:(e,t,n)=>{n.r(t),n.d(t,{default:()=>Z});var a=n(935),i=n(4924),o=n(7264),d=n(5791),r=n(824),l=n(4185),c=n(917),s=n(1234),p=n(6914),u=n(7230),h=n(1921),v=n(230),f=n(5944);const m=function(e){var t=e.addon,n=e.groupName,r=e.isFavorite,l=(0,s.$)(),c=(0,u.x)((function(e){return e.changeAddonStatus})),h=(0,p.LX)(),m=(0,p.Kr)(),_=v.Eu&&t.pro;return(0,f.BX)("div",{css:g.addonItem({shouldShowProLabel:_}),children:[(0,f.BX)("div",{css:g.addonContent,"data-content":!0,children:[(0,f.tZ)("span",{dangerouslySetInnerHTML:{__html:t.icon},css:g.addonIcon}),(0,f.tZ)("span",{"data-title":!0,children:t.title}),r&&(0,f.tZ)("span",{css:g.favoriteIcon,children:(0,f.tZ)(o.Z,{name:"starAlt",width:24,height:24,"data-favorite-icon":!0})})]}),(0,f.BX)("button",{type:"button",css:g.favoriteButton(r),"data-favorite":!0,title:l(r?"COM_SPPAGEBUILDER_EDITOR_REMOVE_FROM_FAVORITES":"COM_SPPAGEBUILDER_EDITOR_ADD_TO_FAVORITES"),onClick:function(){m.mutate({addon_name:t.name,state:r?0:1})},children:[(0,f.tZ)(o.Z,{name:r?"starAlt":"startEmpty",width:24,height:24}),(0,f.tZ)("span",{children:l(r?"COM_SPPAGEBUILDER_EDITOR_REMOVE_FROM_FAVORITES":"COM_SPPAGEBUILDER_EDITOR_ADD_TO_FAVORITES")})]}),m.isLoading?(0,f.tZ)(a.ZP,{}):_?(0,f.tZ)(i.Z,{isInline:!0}):(0,f.tZ)(d.Z,{checked:!!t.status,value:!!t.status,onChange:function(){c({groupName:n,addonName:t.name}),h.mutate({addonName:t.name})}})]})};var g={addonItem:function(e){var t=e.shouldShowProLabel,n=void 0!==t&&t;return(0,c.iv)("display:flex;justify-content:space-between;align-items:center;background-color:",r.qo.base.white,";border-radius:",r.E0[5],";box-shadow:",r.AF.addon,";height:48px;max-width:290px;width:100%;padding-inline:",r.W0[12],";[data-favorite]{display:none;}",n&&(0,c.iv)("pointer-events:none;background-color:",r.qo.background.disabled,";;label:addonItem;")," :hover{[data-favorite]{display:flex;}[data-content]{display:none;}};label:addonItem;")},addonIcon:{name:"hr8smh-addonIcon",styles:"width:24px;height:24px;display:flex;align-items:center;label:addonIcon;"},favoriteButton:function(e){return(0,c.iv)(h.iZ.resetButton,";width:100%;display:flex;align-items:center;gap:",r.W0[8],";span{",l.c.body("medium"),";color:",r.qo.text.primary,";}path{fill:none;stroke:",r.qo.icon.default,";}",e&&(0,c.iv)("path{fill:",r.qo.icon.warning,";stroke:none;};label:favoriteButton;"),";;label:favoriteButton;")},addonContent:(0,c.iv)("display:flex;align-items:center;gap:",r.W0[8],";&>span:first-of-type{svg,img{color:",r.qo.icon.default,";width:18px;height:18px;}}&>[data-title]{",l.c.body("medium"),";",h.iZ.textEllipsis,";color:",r.qo.text.default,";};label:addonContent;"),favoriteIcon:(0,c.iv)("path{fill:",r.qo.icon.warning,";};label:favoriteIcon;")};const _=function(e){var t=e.addon,n=(0,p.Kr)(),i=(0,s.$)();return(0,f.BX)("div",{css:E.wrapper,children:[(0,f.BX)("div",{css:E.iconAndTitle,"data-content":!0,children:[(0,f.tZ)("span",{dangerouslySetInnerHTML:{__html:t.icon},css:E.addonIcon}),(0,f.tZ)("span",{css:E.addonTitle,children:t.title})]}),(0,f.BX)("button",{type:"button",css:E.favoriteButton(!0),"data-favorite":!0,title:i("COM_SPPAGEBUILDER_EDITOR_REMOVE_FROM_FAVORITES"),onClick:function(){n.mutate({addon_name:t.name,state:0})},children:[(0,f.tZ)(o.Z,{name:"starAlt",width:24,height:24}),(0,f.tZ)("span",{children:i("COM_SPPAGEBUILDER_EDITOR_REMOVE_FROM_FAVORITES")})]}),n.isLoading&&(0,f.tZ)(a.ZP,{})]})};var E={wrapper:(0,c.iv)("height:48px;border:1px solid ",r.qo.stroke.neutral,";box-shadow:",r.AF.addon,";display:flex;border-radius:",r.E0[5],";max-width:275px;width:100%;align-items:center;justify-content:space-between;padding:",r.W0[8]," ",r.W0[12],";:hover{[data-remove]{opacity:1;}[data-favorite]{display:flex;}[data-content]{display:none;}};label:wrapper;"),iconAndTitle:(0,c.iv)("display:flex;align-items:center;gap:",r.W0[8],";;label:iconAndTitle;"),favoriteButton:function(e){return(0,c.iv)(h.iZ.resetButton,";width:100%;display:none;align-items:center;gap:",r.W0[8],";span{",l.c.body("medium"),";color:",r.qo.text.primary,";}path{fill:none;stroke:",r.qo.icon.default,";}",e&&(0,c.iv)("path{fill:",r.qo.icon.warning,";stroke:none;};label:favoriteButton;"),";;label:favoriteButton;")},removeButton:(0,c.iv)(h.iZ.resetButton,";width:32px;height:32px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;svg{color:",r.qo.icon.default,";}:hover{svg{color:",r.qo.icon.error,";}};label:removeButton;"),addonIcon:(0,c.iv)("display:flex;svg,img{color:",r.qo.icon.default,";width:18px;height:18px;};label:addonIcon;"),addonTitle:(0,c.iv)(l.c.body("medium"),";;label:addonTitle;")},b=n(7579),I=n(3039),x=n(7894),y=n(3417);const O=n.p+"images/633069b738e98959d5e7.svg",Z=function(){var e=(0,s.$)(),t=(0,u.x)((function(e){return e.addonGroups})),n=t.Favourite.length>0;return(0,f.BX)(I.Z,{children:[(0,f.tZ)(x.Z,{title:e("COM_SPPAGEBUILDER_EDITOR_ADDONS_PAGE_TITLE"),subtitle:e("COM_SPPAGEBUILDER_EDITOR_ADDONS_PAGE_SUBTITLE")}),(0,f.tZ)(b.Z,{children:(0,f.BX)("div",{css:w.wrapper,children:[(0,f.BX)(y.Z,{header:(0,f.tZ)("h5",{css:w.headerTitle,children:e("COM_SPPAGEBUILDER_EDITOR_FAVORITE_PANEL_TITLE")}),children:[!n&&(0,f.BX)("div",{css:w.emptyFavorite,children:[(0,f.tZ)("img",{src:O,alt:"empty favorite illustration",width:315}),(0,f.tZ)("h6",{children:e("COM_SPPAGEBUILDER_EDITOR_FAVORITE_PANEL_SUBTITLE")})]}),t.Favourite.length>0&&(0,f.tZ)("div",{css:w.favoriteAddonList,children:t.Favourite.map((function(e,t){return(0,f.tZ)(_,{addon:e},t)}))})]}),(0,v.Zt)(t).map((function(e){return"Favourite"===e?null:(0,f.BX)("div",{css:w.groupWrapper,children:[(0,f.tZ)("h5",{css:l.c.heading5("medium"),children:e}),(0,f.tZ)("div",{css:w.addonsContainer,children:t[e].map((function(n,a){return(0,f.tZ)(m,{addon:n,groupName:e,isFavorite:t.Favourite.findIndex((function(e){return e.name===n.name}))>-1},a)}))})]},e)}))]})})]})};var w={wrapper:(0,c.iv)("display:flex;flex-direction:column;gap:",r.W0[56],";padding-block:",r.W0[24]," ",r.W0[40],";;label:wrapper;"),favoriteAddonList:(0,c.iv)("padding:",r.W0[24]," ",r.W0[32],";display:flex;gap:",r.W0[16]," ",r.W0[32],";flex-wrap:wrap;;label:favoriteAddonList;"),headerTitle:(0,c.iv)(l.c.heading5("medium"),";;label:headerTitle;"),emptyFavorite:(0,c.iv)("display:flex;flex-direction:column;gap:",r.W0[16],";align-items:center;justify-content:center;padding:",r.W0[24]," 0 ",r.W0[32],";max-width:336px;margin:0 auto;text-align:center;h6{",l.c.heading6()," color:",r.qo.text.neutral,";};label:emptyFavorite;"),groupWrapper:(0,c.iv)("display:flex;flex-direction:column;gap:",r.W0[20],";;label:groupWrapper;"),addonsContainer:(0,c.iv)("display:flex;gap:",r.W0[24]," ",r.W0[32],";flex-wrap:wrap;;label:addonsContainer;")}}}]);