Files
server/opt/psa/admin/htdocs/modules/notifier/js/welcome-panel.js
2026-01-07 20:52:11 +01:00

1 line
17 KiB
JavaScript
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
define(["plesk-ui-library"],e=>(()=>{"use strict";var t={280:t=>{t.exports=e}},n={};function r(e){var a=n[e];if(void 0!==a)return a.exports;var o=n[e]={exports:{}};return t[e](o,o.exports,r),o.exports}r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};r.r(a),r.d(a,{default:()=>C});var o=r(280);var l=function(e,t){Jsw.UAT&&Jsw.UAT.dispatchAction(e,t)};function i(e){return i="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},i(e)}function c(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,m(r.key),r)}}function m(e){var t=function(e,t){if("object"!=i(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=i(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==i(t)?t:t+""}var s=new Map,u=function(){return e=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.eventList=[]},(t=[{key:"on",value:function(e,t){return this.eventList[e]||(this.eventList[e]=[]),this.eventList[e].push(t),this}},{key:"once",value:function(e,t){return this.eventList[e]||(this.eventList[e]=[],this.eventList[e].push(t)),this}},{key:"emit",value:function(e){this.eventList[e]&&this.eventList[e].forEach(function(e){return e.call(null)})}}])&&c(e.prototype,t),n&&c(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t,n}();const f=function(e){if(s.has(e))return s.get(e);var t=new u,n=!1,r=new MutationObserver(function(){var r=document.querySelector(e);!n&&r?(n=!0,t.emit("added")):n&&!r&&(n=!1,t.emit("removed"))}),a=document.documentElement||document.body;return r.observe(a,{childList:!0,subtree:!0}),s.set(e,t),t};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 p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach(function(t){y(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function y(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=d(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==d(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,i=[],c=!0,m=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){m=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(m)throw a}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return g(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}(e,t)||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.")}()}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}const v=function(e){var t=e.isOpen,n=e.onClose,r=e.domains,a=e.onDomainSelect,l=(0,o.useTranslate)("domainSelectDialog"),i=b((0,o.useState)(""),2),c=i[0],m=i[1],s=(0,o.useMemo)(function(){return r.map(function(e,t){return E(E({},e),{},{index:t})}).filter(function(e){return!c||e.name.toLowerCase().includes(c.toLowerCase())})},[r,c]),u=function(){setTimeout(function(){return m("")},300),n()},f=10+36*(r.length<=5?r.length:5);return(0,o.createElement)(o.Dialog,{isOpen:t,onClose:u,title:l("title"),subtitle:l("subtitle"),cancelButton:!1,size:"xs"},(0,o.createElement)(o.SearchBar,{inputProps:{placeholder:l("find")},style:{marginBottom:"14px"},onTyping:function(e){return m(e)}}),(0,o.createElement)(o.Menu,{className:"welcome-panel__domain-select",style:{height:"".concat(f,"px")}},s.map(function(e){return(0,o.createElement)(o.MenuItem,{key:e.siteId,onClick:function(){a(e.index),u()},icon:(0,o.createElement)("img",{src:"/cp/domain/".concat(e.siteId,"/favicon"),width:16,alt:""})},e.name)})))};const h=function(e){e.domainId;var t=e.isOpen,n=e.onClose,r=(0,o.useTranslate)("farewellDialog");return(0,o.createElement)(o.Dialog,{isOpen:t,size:"md",onClose:n,title:r("title"),cancelButton:!1,buttons:(0,o.createElement)(o.Button,{intent:"primary",onClick:n},r("submit"))},(0,o.createElement)("div",{className:"welcome-panel__actions"},(0,o.createElement)("img",{alt:r("createDescription"),src:"/modules/notifier/images/welcome-panel/create-website.png",style:{maxWidth:"100%",height:"380px",paddingBottom:"20px",display:"block"}}),r("description")))};const w=function(){return(0,o.createElement)(o.Section,{className:"Section"},(0,o.createElement)("style",null,"\n .List .pul-icon {\n height: 16px;\n }\n .Intro {\n text-align: center;\n margin-bottom: 44px\n }\n "),(0,o.createElement)(o.Paragraph,{className:"Intro"},(0,o.createElement)(o.Text,null,(0,o.createElement)(o.Translate,{content:"infoDialog.description"})),(0,o.createElement)("br",null),(0,o.createElement)(o.Text,null,(0,o.createElement)(o.Translate,{content:"infoDialog.description2"}))),(0,o.createElement)(o.Grid,{md:2,gap:"md"},(0,o.createElement)(o.GridCol,null,(0,o.createElement)(o.Item,{view:"card",className:"List"},(0,o.createElement)(o.Icon,{name:"check-mark",size:"12"})," ",(0,o.createElement)(o.Translate,{content:"infoDialog.features.dnd"}),(0,o.createElement)("br",null),(0,o.createElement)(o.Icon,{name:"check-mark",size:"12"})," ",(0,o.createElement)(o.Translate,{content:"infoDialog.features.websites"}),(0,o.createElement)("br",null),(0,o.createElement)(o.Icon,{name:"check-mark",size:"12"})," ",(0,o.createElement)(o.Translate,{content:"infoDialog.features.sections"}),(0,o.createElement)("br",null),(0,o.createElement)(o.Icon,{name:"check-mark",size:"12"})," ",(0,o.createElement)(o.Translate,{content:"infoDialog.features.responsive"}),(0,o.createElement)("br",null),(0,o.createElement)(o.Icon,{name:"check-mark",size:"12"})," ",(0,o.createElement)(o.Translate,{content:"infoDialog.features.seo"}),(0,o.createElement)("br",null),(0,o.createElement)(o.Icon,{name:"check-mark",size:"12"})," ",(0,o.createElement)(o.Translate,{content:"infoDialog.features.dynamic"}),(0,o.createElement)("br",null),(0,o.createElement)(o.Icon,{name:"check-mark",size:"12"})," ",(0,o.createElement)(o.Translate,{content:"infoDialog.features.ecommerce"}),(0,o.createElement)("br",null))),(0,o.createElement)(o.GridCol,null,(0,o.createElement)(o.Item,{view:"card",className:"List"},(0,o.createElement)(o.Icon,{name:"check-mark",size:"12"})," ",(0,o.createElement)(o.Translate,{content:"infoDialog.features.multilang"}),(0,o.createElement)("br",null),(0,o.createElement)(o.Icon,{name:"check-mark",size:"12"})," ",(0,o.createElement)(o.Translate,{content:"infoDialog.features.stock"}),(0,o.createElement)("br",null),(0,o.createElement)(o.Icon,{name:"check-mark",size:"12"})," ",(0,o.createElement)(o.Translate,{content:"infoDialog.features.image"}),(0,o.createElement)("br",null),(0,o.createElement)(o.Icon,{name:"check-mark",size:"12"})," ",(0,o.createElement)(o.Translate,{content:"infoDialog.features.backups"}),(0,o.createElement)("br",null),(0,o.createElement)(o.Icon,{name:"check-mark",size:"12"})," ",(0,o.createElement)(o.Translate,{content:"infoDialog.features.design"}),(0,o.createElement)("br",null),(0,o.createElement)("br",null),(0,o.createElement)(o.Translate,{content:"infoDialog.features.more"}),(0,o.createElement)("br",null)))))};const S=function(e){var t=e.isOpen,n=e.onClose;return(0,o.createElement)(o.Dialog,{isOpen:t,title:(0,o.createElement)(o.Translate,{content:"infoDialog.title"}),size:"md",onClose:n,cancelButton:!1},(0,o.createElement)("style",null,"\n .Content {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n align-items: center;\n max-width: 1475px;\n }\n .Header_image {\n width: 100%;\n max-width: 1475px;\n }\n .Grid_image {\n max-width: 100%;\n margin-bottom: 16px;\n }\n .Section {\n width: 100%;\n max-width: 1000px;\n margin-top: 24px;\n }\n .Section .pul-section__title {\n width: 100%;\n }\n .Section .pul-section__title span {\n width: 100%;\n text-align: center;\n }\n "),(0,o.createElement)("div",{className:"Content"},(0,o.createElement)(o.Section,null,(0,o.createElement)("img",{alt:"",className:"Header_image",src:"/modules/notifier/images/sitejet-promo/dialog/Website-Builder.png"})),(0,o.createElement)(w,{className:"Section"}),(0,o.createElement)(o.Section,{className:"Section"},(0,o.createElement)(o.Grid,{gap:"md",md:3},[3,2,1].map(function(e){return(0,o.createElement)(o.GridCol,null,(0,o.createElement)("img",{alt:"",className:"Grid_image",src:"/modules/notifier/images/sitejet-promo/dialog/screenshots/".concat(e,".png")}))})))))};function T(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,i=[],c=!0,m=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){m=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(m)throw a}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return k(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?k(e,t):void 0}}(e,t)||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.")}()}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var _={WELCOME_PANEL:{shown:"WELCOME-PANEL-SHOWN",closed:"WELCOME-PANEL-CLOSED",siteCreate:"WELCOME-PANEL-SITE-CREATE",promoLearnMore:"WELCOME-PANEL-SJ-LEARN-MORE",promoSiteCreate:"WELCOME-PANEL-SJ-SITE-CREATE"},GET_STARTED:{shown:"GET-STARTED-TAB-SHOWN",left:"GET-STARTED-TAB-LEFT",siteCreate:"GET-STARTED-TAB-SITE-CREATE",promoLearnMore:"GET-STARTED-TAB-SJ-LEARN-MORE"}},O="plesk-sitejet";const I=function(e){var t=e.data,n=e.id,r=e.isTabContent,a=void 0!==r&&r,i=(0,o.useTranslate)(),c=T((0,o.useState)(0),2),m=c[0],s=c[1],u=T((0,o.useState)(!0),2),d=u[0],p=u[1],E=T((0,o.useState)(!1),2),y=E[0],b=E[1],g=T((0,o.useState)(!1),2),w=g[0],k=g[1],I=T((0,o.useState)(!1),2),x=I[0],C=I[1],A=t.domains,L=t.extensions,N=L.find(function(e){return e.key===O}),j=a?"GET_STARTED":"WELCOME_PANEL",D=A[m].siteId;(0,o.useEffect)(function(){l(_[j].shown,a?{domainId:D}:{}),f("#get-started-root-d".concat(D)).once("removed",function(){var e,n,r=null===(e=document.querySelector('[data-cy="dl-body-domain:'.concat(D,'"]')))||void 0===e||null===(n=e.querySelector('[role="tab"][aria-selected="true"]'))||void 0===n?void 0:n.getAttribute("data-type");r&&!r.startsWith("tab_extension_notifier_")&&(l(_[j].left,{domainId:D}),new Ajax.Request(t.closeUrl,{method:"post",parameters:{domainId:D}}))})},[]);var P=function(e){l(_[j].siteCreate,{application:e.key,domainId:D}),new Ajax.Request(t.createSiteUrl,{method:"post",parameters:{domainId:D,application:"upload"===e.key?e.key:"ext-".concat(e.key)},onSuccess:function(){window.location="upload"===e.key?e.link:M(e.link)}})},M=function(e){return"".concat(e,"?").concat(new URLSearchParams({dom_id:A[m].domId||A[m].siteId,site_id:A[m].siteId}))},z=(0,o.createElement)("div",{className:"welcome-panel ".concat(N?"welcome-panel-with-promo":"")},a?(0,o.createElement)("div",{className:"welcome-panel__heading"},(0,o.createElement)("div",{className:"welcome-panel__heading-text"},i("tabHeaderTitle"))):(0,o.createElement)("div",{className:"welcome-panel__heading"},(0,o.createElement)("div",{className:"welcome-panel__heading-text"},i("title",{domain:A.length>1?(0,o.createElement)("a",{onClick:function(){return k(!0)}},(0,o.createElement)("b",null,A[m].name)," ",(0,o.createElement)(o.Icon,{name:"chevron-down"})):(0,o.createElement)("b",null,A[m].name)})),(0,o.createElement)(o.Button,{className:"welcome-panel__heading-control",ghost:!0,icon:"cross-mark","aria-label":"close",onClick:function(){l(_[j].closed),C(!0),p(!1);var e=t.clientId,r=t.closeUrl;new Ajax.Request(r,{method:"post",parameters:{id:n,clientId:e}})}})),(0,o.createElement)("div",{className:"welcome-panel__body ".concat(a?"welcome-panel__body--get-started":"")},N&&(0,o.createElement)("div",{className:"welcome-panel__banner"},(0,o.createElement)(o.Media,{title:(0,o.createElement)(o.Heading,{level:4},N.title),image:(0,o.createElement)("div",{className:"welcome-panel__banner-image"},(0,o.createElement)("img",{alt:"",width:a?"170":"204",src:"/modules/notifier/images/welcome-panel/sj-preview.png"}),(0,o.createElement)(o.Icon,{className:"welcome-panel__banner-icon",size:"24",src:N.icon}))},(0,o.createElement)(o.Text,{component:"p",fontSize:"sm",className:"welcome-panel__banner-promo-text ".concat(a?"welcome-panel__banner-promo-text--get-started-tab":"")},i("promo.description")),(0,o.createElement)("div",{className:"welcome-panel__banner-actions"},(0,o.createElement)(o.Button,{intent:"primary",onClick:function(){a?P(N):(l(_[j].promoSiteCreate),window.location.replace(M(N.link)))}},i("promo.createWebsite")),(0,o.createElement)(o.Button,{ghost:!0,onClick:function(){l(_[j].promoLearnMore,a?{domainId:D}:{}),b(!0)}},i("promo.learnMore"))))),(0,o.createElement)("div",{className:"welcome-panel__actions ".concat(a?"welcome-panel__actions--get-started":"")},(0,o.createElement)(o.ItemList,{minColumnWidth:220},(0,o.createElement)(o.Item,{className:"welcome-panel__actions-item",component:o.Link,key:"upload",title:i("uploadFiles"),onClick:function(){return P({key:"upload",link:"/smb/file-manager/list/domainId/".concat(A[m].siteId)})},style:{padding:4},icon:(0,o.createElement)(o.Icon,{className:"welcome-panel__actions-item-icon",size:"24",src:"/modules/notifier/images/welcome-panel/files.svg"})}),L.filter(function(e){return e.key!==O}).map(function(e){return(0,o.createElement)(o.Item,{className:"welcome-panel__actions-item",component:o.Link,key:e.link,title:e.title,onClick:function(){return P(e)},style:{padding:4},icon:(0,o.createElement)(o.Icon,{className:"welcome-panel__actions-item-icon",size:"24",src:e.icon})})})))));return(0,o.createElement)(o.Fragment,null,d?a?z:(0,o.createElement)(o.Panel,{id:"welcome-panel"},z):null,(0,o.createElement)(h,{domainId:A[m].siteId,isOpen:x,onClose:function(){return C(!1)}}),(0,o.createElement)(v,{isOpen:w,onClose:function(){return k(!1)},domains:A,onDomainSelect:function(e){return s(e)}}),(0,o.createElement)(S,{isOpen:y,onClose:function(){return b(!1)}}))};var x=["locale"];const C=function(e,t){var n=e.locale,r=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,x),a=(0,o.createRoot)(t);return a.render((0,o.createElement)(o.LocaleProvider,{messages:n},(0,o.createElement)(I,r))),a};return a})());