https://molly88.net/cp/javascript/components/pages/StickerCollectionPage.js?7ba90e05433659d50625

1(globalThis.webpackChunkPlesk||=[]).push([["components/pages/StickerCollectionPage"],{2804(e,i,t){"use strict";t.r(i),t.d(i,{default:()=>l});var n=t(341);t(2805);const s=t(1308),l=({collected:e,revealed:i,total:t})=>{const l=t?Math.round(i/t*100):0,[c,a]=(0,n.useState)(!1);return(0,n.jsxs)("div",{className:"sticker-progress",children:[(0,n.jsxs)("div",{className:"sticker-progress__count",dir:"ltr",children:[e,(0,n.jsx)("span",{className:"sticker-progress__count-total",children:`/${t}`})]}),(0,n.jsxs)("div",{className:"sticker-progress__bar-wrap",children:[(0,n.jsx)("div",{className:"sticker-progress__bar",children:(0,n.jsx)("div",{className:"sticker-progress__bar-fill",style:{inlineSize:`${l}%`},onTransitionEnd:()=>100===l&&a(!0)})}),c?(0,n.jsx)("div",{className:"sticker-progress__stars","aria-hidden":!0,children:[1,2,3,4,5].map(e=>(0,n.jsx)("img",{className:`sticker-progress__star sticker-progress__star--${e}`,src:s,alt:""},e))}):null]})]})}},2803(e,i,t){"use strict";t.r(i),t.d(i,{default:()=>n.default});var n=t(2804)},2798(e,i,t){"use strict";t.r(i),t.d(i,{default:()=>_});var n=t(341),s=t(811),l=t(785),c=t(342),a=t(95),r=t(408),o=t(909),d=t(1275),m=t(2803),u=t(892),k=t.n(u),f=t(2806),v=t.n(f);t(2807);const g=t(2799),h=t(2800),p=t(2801),S=t(2802),b=a.Locale.getSection("components.pages.StickerCollectionPage"),_=(0,o.withSimplePageLayout)(()=>{const{data:e}=(0,l.useQuery)(k()),{type:i,stickerCollection:{enabled:t,stickers:a}}=e.viewer,[o,{loading:u}]=(0,s.useMutation)(v()),{pageSidebar:f}=(0,r.usePageData)(),_=(0,d.getStickers)(!!f?.isPowerUserPanel,i),x=new Set(_.map(e=>e.id)),N=_.length,w=a.filter(e=>x.has(e)),j=w.length,E=j===N,[y,C]=(0,n.useState)(0);(0,n.useEffect)(()=>{if(!j)return;if(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)return void C(j);if(E){C(0);const e=setTimeout(()=>C(j),200);return()=>clearTimeout(e)}C(0);let e=0;const i=setInterval(()=>{e+=1,C(e),e>=j&&clearInterval(i)},200);return()=>clearInterval(i)},[j,E]);const D=new Set(E?w:w.slice(0,y)),L=((e,i)=>e.slice().sort((e,t)=>{const n=i.indexOf(e.id),s=i.indexOf(t.id);return-1!==n&&-1!==s?n-s:-1!==n?-1:-1!==s?1:e.order-t.order}))(_,w);return(0,n.jsxs)("div",{className:"sticker-collection",children:[(0,n.jsx)(c.Paragraph,{children:b.formatMessage("description",{count:N})}),(0,n.jsx)(c.Switch,{"data-action":"toggle-sticker-collection",checked:t,loading:u,onChange:e=>o({variables:{input:{enabled:e}}}),children:b.lmsg("switchLabel")}),(0,n.jsx)(c.Text,{className:"sticker-collection__switch-hint",component:"div",intent:"muted",fontSize:"sm",children:b.lmsg("switchHint")}),(0,n.jsxs)("div",{className:"sticker-collection__body",children:[(0,n.jsxs)("div",{className:"sticker-collection__hero",children:[(0,n.jsxs)("div",{className:"sticker-collection__hero-figure",children:[(0,n.jsx)("img",{className:"sticker-collection__hero-sun",src:E?p:g,alt:""}),(0,n.jsx)("img",{className:"sticker-collection__hero-guy"+(E?" sticker-collection__hero-guy--animated":""),src:E?S:h,alt:""})]}),(0,n.jsx)(m.default,{collected:j,revealed:y,total:N})]}),(0,n.jsx)(c.ItemList,{className:"sticker-collection__grid",children:L.map(e=>{const i=D.has(e.id);return(0,n.jsxs)(c.Item,{view:"card",hoverable:!1,className:i?"sticker-collection__card--collected":void 0,icon:(0,n.jsx)("img",{className:"sticker-collection__icon",src:e.image(),alt:""}),children:[(0,n.jsx)(c.Heading,{level:4,children:(0,n.jsx)(c.Text,{className:"sticker-collection__name",component:"div",intent:i?void 0:"muted",children:b.lmsg(`Sticker.${e.id}`)})}),i?(0,n.jsx)(c.Text,{className:"sticker-collection__description",component:"div",fontSize:"sm",children:b.lmsg(`Sticker.${e.id}Desc`)}):null]},e.id)})})]})]})},({viewer:{type:e}})=>({breadcrumbs:[{ADMIN:{title:a.Locale.getSection("admin.controllers.server.tools").lmsg("title"),href:"/admin/server/tools"},RESELLER:{title:a.Locale.getSection("admin.controllers.navigation.index").lmsg("reseller-tools"),href:"/admin/reseller/tools"}}[e]??{title:a.Locale.getSection("smb.controllers.account.index").lmsg("title"),href:"/smb/account"},{title:b.lmsg("title"),href:"/cp/sticker-collection"}]}))},2797(e,i,t){"use strict";t.r(i),t.d(i,{default:()=>n.default});var n=t(2798)},2802(e){e.exports=Jsw.skinUrl+"/images/sticker-collection/hero/guy.gif?41b3a4441389d3be1967bdfccf98c798"},2800(e){e.exports=Jsw.skinUrl+"/images/sticker-collection/hero/guy.png?9e904be268799acbff9c9147f4437511"},2801(e){e.exports=Jsw.skinUrl+"/images/sticker-collection/hero/sun.gif?faee58c6f3bc0ee1c3cc048b49182198"},2799(e){e.exports=Jsw.skinUrl+"/images/sticker-collection/hero/sun.png?14a0693aa11afb98c1158021bb89835d"},2806(e){var i={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"SetStickerCollectionEnabled"}

1,variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"input"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"SetStickerCollectionEnabledInput"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"setStickerCollectionEnabled"},arguments:[{kind:"Argument",name:{kind:"Name",value:"input"},value:{kind:"Variable",name:{kind:"Name",value:"input"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"query"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"viewer"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"login"}},{kind:"Field",name:{kind:"Name",value:"stickerCollection"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"enabled"}},{kind:"Field",name:{kind:"Name",value:"stickers"}}]}}]}}]}}]}}]}}],loc:{start:0,end:333}};i.loc.source={body:"mutation SetStickerCollectionEnabled($input: SetStickerCollectionEnabledInput!) {\n    setStickerCollectionEnabled(input: $input) {\n        query {\n            viewer {\n                login\n                stickerCollection {\n                    enabled\n                    stickers\n                }\n            }\n        }\n    }\n}\n",name:"GraphQL request",locationOffset:{line:1,column:1}};function t(e,i){if("FragmentSpread"===e.kind)i.add(e.name.value);else if("VariableDefinition"===e.kind){var n=e.type;"NamedType"===n.kind&&i.add(n.name.value)}e.selectionSet&&e.selectionSet.selections.forEach(function(e){t(e,i)}),e.variableDefinitions&&e.variableDefinitions.forEach(function(e){t(e,i)}),e.definitions&&e.definitions.forEach(function(e){t(e,i)})}var n={};function s(e,i){for(var t=0;t<e.definitions.length;t++){var n=e.definitions[t];if(n.name&&n.name.value==i)return n}}i.definitions.forEach(function(e){if(e.name){var i=new Set;t(e,i),n[e.name.value]=i}}),e.exports=i,e.exports.SetStickerCollectionEnabled=function(e,i){var t={kind:e.kind,definitions:[s(e,i)]};e.hasOwnProperty("loc")&&(t.loc=e.loc);var l=n[i]||new Set,c=new Set,a=new Set;for(l.forEach(function(e){a.add(e)});a.size>0;){var r=a;a=new Set,r.forEach(function(e){c.has(e)||(c.add(e),(n[e]||new Set).forEach(function(e){a.add(e)}))})}return c.forEach(function(i){var n=s(e,i);n&&t.definitions.push(n)}),t}(i,"SetStickerCollectionEnabled")},2805(e,i,t){"use strict";t.r(i)},2807(e,i,t){"use strict";t.r(i)}}]);
2//# sourceMappingURL=StickerCollectionPage.js.map?7ba90e05433659d50625