1#@!#!123s

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