1#@!#!123s

: / opt / psa / admin / htdocs / modules / notifier / js /
Filename : welcome-panel.js
back
define(["plesk-ui-library"],(e=>(()=>{"use strict";var t={594: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={};return(()=>{r.r(a),r.d(a,{default:()=>_});var e=r(594);var t=function(e,t){Jsw.UAT&&Jsw.UAT.dispatchAction(e,t)};function n(e){return n="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},n(e)}function o(e,t){for(var r=0;r<t.length;r++){var a=t[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,(o=a.key,l=void 0,l=function(e,t){if("object"!==n(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!==n(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(o,"string"),"symbol"===n(l)?l:String(l)),a)}var o,l}var l=new Map,i=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.eventList=[]}var t,n,r;return t=e,(n=[{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)}))}}])&&o(t.prototype,n),r&&o(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}();const c=function(e){if(l.has(e))return l.get(e);var t=new i,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}),l.set(e,t),t};function m(e){return m="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},m(e)}function s(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 u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function f(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===m(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(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)return;if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return p(e,t)}(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 p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}const E=function(t){var n=t.isOpen,r=t.onClose,a=t.domains,o=t.onDomainSelect,l=(0,e.useTranslate)("domainSelectDialog"),i=d((0,e.useState)(""),2),c=i[0],m=i[1],s=(0,e.useMemo)((function(){return a.map((function(e,t){return u(u({},e),{},{index:t})})).filter((function(e){return!c||e.name.toLowerCase().includes(c.toLowerCase())}))}),[a,c]),f=function(){setTimeout((function(){return m("")}),300),r()},p=10+36*(a.length<=5?a.length:5);return(0,e.createElement)(e.Dialog,{isOpen:n,onClose:f,title:l("title"),subtitle:l("subtitle"),cancelButton:!1,size:"xs"},(0,e.createElement)(e.SearchBar,{inputProps:{placeholder:l("find")},style:{marginBottom:"14px"},onTyping:function(e){return m(e)}}),(0,e.createElement)(e.Menu,{className:"welcome-panel__domain-select",style:{height:"".concat(p,"px")}},s.map((function(t){return(0,e.createElement)(e.MenuItem,{key:t.siteId,onClick:function(){o(t.index),f()},icon:(0,e.createElement)("img",{src:"/cp/domain/".concat(t.siteId,"/favicon"),width:16,alt:""})},t.name)}))))};const b=function(t){t.domainId;var n=t.isOpen,r=t.onClose,a=(0,e.useTranslate)("farewellDialog");return(0,e.createElement)(e.Dialog,{isOpen:n,size:"md",onClose:r,title:a("title"),cancelButton:!1,buttons:(0,e.createElement)(e.Button,{intent:"primary",onClick:r},a("submit"))},(0,e.createElement)("div",{className:"welcome-panel__actions"},(0,e.createElement)("img",{alt:a("createDescription"),src:"/modules/notifier/images/welcome-panel/create-website.png",style:{maxWidth:"100%",height:"380px",paddingBottom:"20px",display:"block"}}),a("description")))};const y=function(){return(0,e.createElement)(e.Section,{className:"Section"},(0,e.createElement)("style",null,"\n                .List .pul-icon {\n                    height: 16px;\n                }\n                .Intro {\n                    text-align: center;\n                    margin-bottom: 44px\n                }\n            "),(0,e.createElement)(e.Paragraph,{className:"Intro"},(0,e.createElement)(e.Text,null,(0,e.createElement)(e.Translate,{content:"infoDialog.description"})),(0,e.createElement)("br",null),(0,e.createElement)(e.Text,null,(0,e.createElement)(e.Translate,{content:"infoDialog.description2"}))),(0,e.createElement)(e.Grid,{md:2,gap:"md"},(0,e.createElement)(e.GridCol,null,(0,e.createElement)(e.Item,{view:"card",className:"List"},(0,e.createElement)(e.Icon,{name:"check-mark",size:"12"})," ",(0,e.createElement)(e.Translate,{content:"infoDialog.features.dnd"}),(0,e.createElement)("br",null),(0,e.createElement)(e.Icon,{name:"check-mark",size:"12"})," ",(0,e.createElement)(e.Translate,{content:"infoDialog.features.websites"}),(0,e.createElement)("br",null),(0,e.createElement)(e.Icon,{name:"check-mark",size:"12"})," ",(0,e.createElement)(e.Translate,{content:"infoDialog.features.sections"}),(0,e.createElement)("br",null),(0,e.createElement)(e.Icon,{name:"check-mark",size:"12"})," ",(0,e.createElement)(e.Translate,{content:"infoDialog.features.responsive"}),(0,e.createElement)("br",null),(0,e.createElement)(e.Icon,{name:"check-mark",size:"12"})," ",(0,e.createElement)(e.Translate,{content:"infoDialog.features.seo"}),(0,e.createElement)("br",null),(0,e.createElement)(e.Icon,{name:"check-mark",size:"12"})," ",(0,e.createElement)(e.Translate,{content:"infoDialog.features.dynamic"}),(0,e.createElement)("br",null),(0,e.createElement)(e.Icon,{name:"check-mark",size:"12"})," ",(0,e.createElement)(e.Translate,{content:"infoDialog.features.ecommerce"}),(0,e.createElement)("br",null))),(0,e.createElement)(e.GridCol,null,(0,e.createElement)(e.Item,{view:"card",className:"List"},(0,e.createElement)(e.Icon,{name:"check-mark",size:"12"})," ",(0,e.createElement)(e.Translate,{content:"infoDialog.features.multilang"}),(0,e.createElement)("br",null),(0,e.createElement)(e.Icon,{name:"check-mark",size:"12"})," ",(0,e.createElement)(e.Translate,{content:"infoDialog.features.stock"}),(0,e.createElement)("br",null),(0,e.createElement)(e.Icon,{name:"check-mark",size:"12"})," ",(0,e.createElement)(e.Translate,{content:"infoDialog.features.image"}),(0,e.createElement)("br",null),(0,e.createElement)(e.Icon,{name:"check-mark",size:"12"})," ",(0,e.createElement)(e.Translate,{content:"infoDialog.features.backups"}),(0,e.createElement)("br",null),(0,e.createElement)(e.Icon,{name:"check-mark",size:"12"})," ",(0,e.createElement)(e.Translate,{content:"infoDialog.features.design"}),(0,e.createElement)("br",null),(0,e.createElement)("br",null),(0,e.createElement)(e.Translate,{content:"infoDialog.features.more"}),(0,e.createElement)("br",null)))))};const g=function(t){var n=t.isOpen,r=t.onClose;return(0,e.createElement)(e.Dialog,{isOpen:n,title:(0,e.createElement)(e.Translate,{content:"infoDialog.title"}),size:"md",onClose:r,cancelButton:!1},(0,e.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,e.createElement)("div",{className:"Content"},(0,e.createElement)(e.Section,null,(0,e.createElement)("img",{alt:"",className:"Header_image",src:"/modules/notifier/images/sitejet-promo/dialog/Website-Builder.png"})),(0,e.createElement)(y,{className:"Section"}),(0,e.createElement)(e.Section,{className:"Section"},(0,e.createElement)(e.Grid,{gap:"md",md:3},[3,2,1].map((function(t){return(0,e.createElement)(e.GridCol,null,(0,e.createElement)("img",{alt:"",className:"Grid_image",src:"/modules/notifier/images/sitejet-promo/dialog/screenshots/".concat(t,".png")}))}))))))};function v(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)return;if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return h(e,t)}(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 h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var w={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"}},S="plesk-sitejet";const T=function(n){var r=n.data,a=n.id,o=n.isTabContent,l=void 0!==o&&o,i=(0,e.useTranslate)(),m=v((0,e.useState)(0),2),s=m[0],u=m[1],f=v((0,e.useState)(!0),2),d=f[0],p=f[1],y=v((0,e.useState)(!1),2),h=y[0],T=y[1],O=v((0,e.useState)(!1),2),k=O[0],_=O[1],I=v((0,e.useState)(!1),2),x=I[0],C=I[1],j=r.domains,A=r.extensions,L=A.find((function(e){return e.key===S})),N=l?"GET_STARTED":"WELCOME_PANEL",D=j[s].siteId;(0,e.useEffect)((function(){t(w[N].shown,l?{domainId:D}:{}),c("#get-started-root-d".concat(D)).once("removed",(function(){var e,n,a=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");a&&!a.startsWith("tab_extension_notifier_")&&(t(w[N].left,{domainId:D}),new Ajax.Request(r.closeUrl,{method:"post",parameters:{domainId:D}}))}))}),[]);var P=function(e){t(w[N].siteCreate,{application:e.key,domainId:D}),new Ajax.Request(r.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:j[s].domId||j[s].siteId,site_id:j[s].siteId}))},z=(0,e.createElement)("div",{className:"welcome-panel ".concat(L?"welcome-panel-with-promo":"")},l?(0,e.createElement)("div",{className:"welcome-panel__heading"},(0,e.createElement)("div",{className:"welcome-panel__heading-text"},i("tabHeaderTitle"))):(0,e.createElement)("div",{className:"welcome-panel__heading"},(0,e.createElement)("div",{className:"welcome-panel__heading-text"},i("title",{domain:j.length>1?(0,e.createElement)("a",{onClick:function(){return _(!0)}},(0,e.createElement)("b",null,j[s].name)," ",(0,e.createElement)(e.Icon,{name:"chevron-down"})):(0,e.createElement)("b",null,j[s].name)})),(0,e.createElement)(e.Button,{className:"welcome-panel__heading-control",ghost:!0,icon:"cross-mark","aria-label":"close",onClick:function(){t(w[N].closed),C(!0),p(!1);var e=r.clientId,n=r.closeUrl;new Ajax.Request(n,{method:"post",parameters:{id:a,clientId:e}})}})),(0,e.createElement)("div",{className:"welcome-panel__body ".concat(l?"welcome-panel__body--get-started":"")},L&&(0,e.createElement)("div",{className:"welcome-panel__banner"},(0,e.createElement)(e.Media,{title:(0,e.createElement)(e.Heading,{level:4},L.title),image:(0,e.createElement)("div",{className:"welcome-panel__banner-image"},(0,e.createElement)("img",{alt:"",width:l?"170":"204",src:"/modules/notifier/images/welcome-panel/sj-preview.png"}),(0,e.createElement)(e.Icon,{className:"welcome-panel__banner-icon",size:"24",src:L.icon}))},(0,e.createElement)(e.Text,{component:"p",fontSize:"sm",className:"welcome-panel__banner-promo-text ".concat(l?"welcome-panel__banner-promo-text--get-started-tab":"")},i("promo.description")),(0,e.createElement)("div",{className:"welcome-panel__banner-actions"},(0,e.createElement)(e.Button,{intent:"primary",onClick:function(){l?P(L):(t(w[N].promoSiteCreate),window.location.replace(M(L.link)))}},i("promo.createWebsite")),(0,e.createElement)(e.Button,{ghost:!0,onClick:function(){t(w[N].promoLearnMore,l?{domainId:D}:{}),T(!0)}},i("promo.learnMore"))))),(0,e.createElement)("div",{className:"welcome-panel__actions ".concat(l?"welcome-panel__actions--get-started":"")},(0,e.createElement)(e.ItemList,{minColumnWidth:220},(0,e.createElement)(e.Item,{className:"welcome-panel__actions-item",component:e.Link,key:"upload",title:i("uploadFiles"),onClick:function(){return P({key:"upload",link:"/smb/file-manager/list/domainId/".concat(j[s].siteId)})},style:{padding:4},icon:(0,e.createElement)(e.Icon,{className:"welcome-panel__actions-item-icon",size:"24",src:"/modules/notifier/images/welcome-panel/files.svg"})}),A.filter((function(e){return e.key!==S})).map((function(t){return(0,e.createElement)(e.Item,{className:"welcome-panel__actions-item",component:e.Link,key:t.link,title:t.title,onClick:function(){return P(t)},style:{padding:4},icon:(0,e.createElement)(e.Icon,{className:"welcome-panel__actions-item-icon",size:"24",src:t.icon})})}))))));return(0,e.createElement)(e.Fragment,null,d?l?z:(0,e.createElement)(e.Panel,{id:"welcome-panel"},z):null,(0,e.createElement)(b,{domainId:j[s].siteId,isOpen:x,onClose:function(){return C(!1)}}),(0,e.createElement)(E,{isOpen:k,onClose:function(){return _(!1)},domains:j,onDomainSelect:function(e){return u(e)}}),(0,e.createElement)(g,{isOpen:h,onClose:function(){return T(!1)}}))};var O=["locale"];function k(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}const _=function(t,n){var r=t.locale,a=k(t,O),o=(0,e.createRoot)(n);return o.render((0,e.createElement)(e.LocaleProvider,{messages:r},(0,e.createElement)(T,a))),o}})(),a})()));