"use strict";(self.webpackChunkreact_typescript_webpack_backend_editor=self.webpackChunkreact_typescript_webpack_backend_editor||[]).push([[680],{8178:(e,t,r)=>{r.r(t),r.d(t,{default:()=>x});var n=r(3871),i=r(935),a=r(7264),o=r(288),l=r(3254),c=r(8122),u=r(5350),s=r(2899),f=r(824),p=r(4185),d=r(917),y=r(36),_=r(802),m=r(4411),E=r(7839),b=r(680),h=r(7294);function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var g=r(1234),O=r(3425);const T=r.p+"images/5177696f1319ef80cb4b.svg";var A=r(1921),P=r(230),S=r(7536),I=r(5944);function D(e){return D="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},D(e)}function L(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function R(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?L(Object(r),!0).forEach((function(t){Z(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):L(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function Z(e,t,r){return(t=function(e){var t=function(e,t){if("object"!==D(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==D(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===D(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e,t){if(e){if("string"==typeof e)return M(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?M(e,t):void 0}}function M(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}const x=function(){var e,t,r,f=(0,g.$)(),p=(t=(0,h.useState)([]),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,a,o,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=a.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}(t,r)||w(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),d=p[0],A=p[1],D=(0,E.Sh)(),L=(0,s.n)(),Z=(0,_.O)({defaultValues:{search:"",filter:void 0}}),x=Z.watch(),C=x.search,j=x.filter,W=function(e){var t,r=(0,E.A6)(e),n=(0,m.Z)(),i=n.intersectionEntry,a=n.intersectionElementRef,o=(0,h.useMemo)((function(){var e,t;return null!==(e=null===(t=r.data)||void 0===t?void 0:t.pages.flatMap((function(e){return e.results})))&&void 0!==e?e:[]}),[null===(t=r.data)||void 0===t?void 0:t.pages]);(0,h.useEffect)((function(){null!=i&&i.isIntersecting&&r.fetchNextPage()}),[null==i?void 0:i.isIntersecting,r]),(0,h.useEffect)((function(){if(o.length){var e,t=function(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return v(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?v(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,i=function(){};return{s:i,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,l=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return o=e.done,e},e:function(e){l=!0,a=e},f:function(){try{o||null==r.return||r.return()}finally{if(l)throw a}}}}(o);try{for(t.s();!(e=t.n()).done;){var r=e.value;(0,b.pE)(r.data,r.type)}}catch(e){t.e(e)}finally{t.f()}}}),[o]);var l=r.isLoading,c=r.hasNextPage,u=r.data;return{fonts:o,isLoading:l,hasNextPage:c,intersectionElementRef:a,data:u}}({search:(0,y.N)(C),type:j}),B=W.fonts,F=W.isLoading,U=W.hasNextPage,G=W.intersectionElementRef;return D.isLoading?(0,I.tZ)(i.fz,{}):null!==(e=D.data)&&void 0!==e&&e.length?(0,I.BX)("div",{css:N.rightSideWrapper,children:[(0,I.BX)("div",{css:N.filterWrapper,children:[(0,I.tZ)("div",{css:N.textInputWrapper,children:(0,I.tZ)(S.Qr,{control:Z.control,name:"search",render:function(e){return(0,I.tZ)(u.Z,R(R({},e),{},{variant:"search",placeholder:f("COM_SPPAGEBUILDER_EDITOR_FONT_BOOK_SEARCH_PLACEHOLDER"),isClearable:!0}))}})}),(0,I.tZ)("div",{css:N.selectWrapper,children:(0,I.tZ)(S.Qr,{control:Z.control,name:"filter",render:function(e){return(0,I.tZ)(c.Z,R(R({},e),{},{options:[{label:"Google",value:"google"},{label:"Local",value:"local"}],placeholder:"Types",isClearable:!0}))}})})]}),(0,I.BX)("div",{css:N.topPanel,children:[(0,I.tZ)(o.Z,{routes:[{link:null,text:f("COM_SPPAGEBUILDER_EDITOR_FONT_MANAGER_ALL_ITEMS")},{link:null,text:f("COM_SPPAGEBUILDER_EDITOR_FONT_MANAGER_INSTALLED_FONTS")}],onFilterChange:P.ZT}),d.length>0&&(0,I.BX)("div",{css:N.topPanelActionsWrapper,children:[(0,I.tZ)("p",{children:f(d.length>1?"COM_SPPAGEBUILDER_EDITOR_MEDIA_ITEMS_SELECTED":"COM_SPPAGEBUILDER_EDITOR_MEDIA_ITEM_SELECTED",{numberOfItems:d.length})}),(0,I.tZ)("div",{children:(0,I.tZ)(n.Z,{variant:"error",icon:(0,I.tZ)(a.Z,{name:"trash",height:16,width:16}),onClick:function(){console.log("uninstall font")},children:f("COM_SPPAGEBUILDER_EDITOR_FONT_BOOK_UNINSTALL")})})]})]}),F||B.length?(0,I.BX)("div",{css:N.wrapper,children:[F?(0,I.tZ)(i.g4,{}):(0,I.tZ)("div",{css:N.fontsWrapper,children:B.map((function(e){return(0,I.tZ)(l.Z,{type:"google",font:{type:e.type,family:e.family_name,variants:e.data.variants,is_installed:!1,installed_variants:[],category:""},isChecked:d.includes(e.family_name),installed:!0,onChange:function(){return A((function(t){return t.includes(e.family_name)?t.filter((function(t){return t!==e.family_name})):[].concat(function(e){return function(e){if(Array.isArray(e))return M(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||w(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(t),[e.family_name])}))}},e.family_name)}))}),(0,I.tZ)("div",{ref:G,css:N.infiniteLoader({isVisible:!F&&U}),children:(0,I.tZ)(i.ZP,{})})]}):(0,I.tZ)(O.Z,{orientation:"vertical",emptyStateImage:T,imageAltText:f("COM_SPPAGEBUILDER_EDITOR_FONT_EMPTY_STATE_IMAGE_ALT"),title:f("COM_SPPAGEBUILDER_EDITOR_FONT_NO_FONT_FOUND_TITLE"),content:f("COM_SPPAGEBUILDER_EDITOR_FONT_EMPTY_STATE_CONTENT")})]}):(0,I.tZ)(O.Z,{orientation:"vertical",emptyStateImage:T,imageAltText:f("COM_SPPAGEBUILDER_EDITOR_FONT_EMPTY_STATE_IMAGE_ALT"),title:f("COM_SPPAGEBUILDER_EDITOR_FONT_EMPTY_STATE_TITLE"),content:f("COM_SPPAGEBUILDER_EDITOR_FONT_EMPTY_STATE_CONTENT"),action:(0,I.tZ)(n.Z,{icon:(0,I.tZ)(a.Z,{name:"upload"}),onClick:function(){L({title:f("COM_SPPAGEBUILDER_EDITOR_FONT_UPLOAD_MODAL_TITLE")})},children:f("COM_SPPAGEBUILDER_EDITOR_FONT_EMPTY_STATE_UPLOAD_BUTTON")})})};var C={name:"1tbj5j9-infiniteLoader",styles:"display:block;label:infiniteLoader;"},N={wrapper:(0,d.iv)(A.iZ.overflowYAuto,";max-height:calc(90vh - 180px);padding-right:",f.W0[24],";;label:wrapper;"),fontsWrapper:(0,d.iv)("display:grid;grid-template-columns:repeat(5, minmax(120px, 1fr));gap:",f.W0[24],";",f.Uo.tablet,"{grid-template-columns:repeat(4, minmax(120px, 1fr));};label:fontsWrapper;"),noFontsFound:{name:"171xl1-noFontsFound",styles:"text-align:center;width:100%;label:noFontsFound;"},rightSideWrapper:{name:"idves2-rightSideWrapper",styles:"width:100%;display:flex;flex-direction:column;label:rightSideWrapper;"},filterWrapper:(0,d.iv)("display:flex;justify-content:center;gap:",f.W0[16],";;label:filterWrapper;"),textInputWrapper:{name:"1r9fuqm-textInputWrapper",styles:"flex:1;label:textInputWrapper;"},selectWrapper:{name:"1u54jb-selectWrapper",styles:"width:160px;label:selectWrapper;"},topPanel:(0,d.iv)("display:flex;justify-content:space-between;align-items:center;gap:",f.W0[8],";height:32px;margin-top:",f.W0[32],";margin-bottom:",f.W0[20],";;label:topPanel;"),topPanelActionsWrapper:(0,d.iv)("display:flex;justify-content:center;gap:",f.W0[16],";p{",p.c.body("medium"),";margin:auto 0;};label:topPanelActionsWrapper;"),infiniteLoader:function(e){var t=e.isVisible,r=void 0!==t&&t;return(0,d.iv)("display:none;text-align:center;height:40px;margin-top:",f.W0[16],";",r&&C,";;label:infiniteLoader;")}}}}]);