https://userstyles.org/_next/static/chunks/9899.968321036165eba9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9899],{11729:e=>{e.exports={root:"new-onboarding_root__2n3Oq",optInBackdropIn:"new-onboarding_optInBackdropIn__L5mAp",modal:"new-onboarding_modal__TiIpe",optInModalIn:"new-onboarding_optInModalIn__BM3ou",status:"new-onboarding_status__CQA7F",spinner:"new-onboarding_spinner__40Fgz",optInSpin:"new-onboarding_optInSpin__xmlZL",error:"new-onboarding_error__sMdmp",errorText:"new-onboarding_errorText__JmOCz",retry:"new-onboarding_retry__PpXNU",video:"new-onboarding_video__6VmW_",optInFadeUp:"new-onboarding_optInFadeUp__VF9v9",optInCheckPop:"new-onboarding_optInCheckPop__qtZk0",optInShake:"new-onboarding_optInShake__ouyvH",optInErrIn:"new-onboarding_optInErrIn__WH9nY",optInGlowPulse:"new-onboarding_optInGlowPulse__J87N3",optInPillPulse:"new-onboarding_optInPillPulse__D7rLB",optInRingDraw:"new-onboarding_optInRingDraw__v_eUO"}},15331:e=>{e.exports={banner:"warning-banner_banner__KDOt9",optInErrIn:"warning-banner_optInErrIn__PhuCF",icon:"warning-banner_icon__lUruJ",copy:"warning-banner_copy__OENqs",title:"warning-banner_title__98Ejf",body:"warning-banner_body__MEiHd",optInFadeUp:"warning-banner_optInFadeUp__OGAwJ",optInBackdropIn:"warning-banner_optInBackdropIn__69sqd",optInModalIn:"warning-banner_optInModalIn__Se6EB",optInCheckPop:"warning-banner_optInCheckPop__oTcJZ",optInShake:"warning-banner_optInShake__b6YMb",optInGlowPulse:"warning-banner_optInGlowPulse__MvYw9",optInPillPulse:"warning-banner_optInPillPulse__Zbud1",optInRingDraw:"warning-banner_optInRingDraw__K4_WQ",optInSpin:"warning-banner_optInSpin__nDCep"}},49739:e=>{e.exports={panel:"consent-panel_panel__u812a",header:"consent-panel_header__Tokvh",logo:"consent-panel_logo__49Nw_",scroll:"consent-panel_scroll__YgGcP",title:"consent-panel_title__cWT4k",description:"consent-panel_description__6rZek",termsClip:"consent-panel_termsClip__4UDVj",termsScroll:"consent-panel_termsScroll__Zdt5N",termsFade:"consent-panel_termsFade__1aUtY",choices:"consent-panel_choices__NN7aF",prompt:"consent-panel_prompt__k9Lel",acceptAll:"consent-panel_acceptAll__ZcfS1",acceptAllLabel:"consent-panel_acceptAllLabel__iWHqW",optionList:"consent-panel_optionList__e3XmN",option:"consent-panel_option__YMQm6",optionInline:"consent-panel_optionInline___Ove8",optionRow:"consent-panel_optionRow__SBOxL",optionBody:"consent-panel_optionBody__WKPhu",optionTitle:"consent-panel_optionTitle___Q2Eg",footer:"consent-panel_footer__CtEWy",shake:"consent-panel_shake__6rxhB",optInShake:"consent-panel_optInShake__IIjM_",fade1:"consent-panel_fade1__yQEqb",optInFadeUp:"consent-panel_optInFadeUp__GPZnW",fade2:"consent-panel_fade2__4258X",fade3:"consent-panel_fade3__ogOQN",fade4:"consent-panel_fade4__64M_x",optInBackdropIn:"consent-panel_optInBackdropIn__JtrdV",optInModalIn:"consent-panel_optInModalIn__doQOh",optInCheckPop:"consent-panel_optInCheckPop__UWel8",optInErrIn:"consent-panel_optInErrIn__262D3",optInGlowPulse:"consent-panel_optInGlowPulse__pPxio",optInPillPulse:"consent-panel_optInPillPulse__XOYsS",optInRingDraw:"consent-panel_optInRingDraw__1YPBJ",optInSpin:"consent-panel_optInSpin__GwTjB"}},54123:e=>{e.exports={content:"markdown-text_content__4XkzU"}},54670:e=>{e.exports={button:"opt-in-button_button__o_Ubx",primary:"opt-in-button_primary__V5GMC",soft:"opt-in-button_soft__gnk_j",glow:"opt-in-button_glow__4aE4R",optInGlowPulse:"opt-in-button_optInGlowPulse__T9zyj",shake:"opt-in-button_shake__2IvQc",optInShake:"opt-in-button_optInShake__prtCX",label:"opt-in-button_label__DDAgt",trailIcon:"opt-in-button_trailIcon__9v912",arrow:"opt-in-button_arrow__OV1Rr",optInFadeUp:"opt-in-button_optInFadeUp__fu6iT",optInBackdropIn:"opt-in-button_optInBackdropIn__AC943",optInModalIn:"opt-in-button_optInModalIn__Mk2xF",optInCheckPop:"opt-in-button_optInCheckPop__1Uy_z",optInErrIn:"opt-in-button_optInErrIn__wxqrq",optInPillPulse:"opt-in-button_optInPillPulse__IcCw4",optInRingDraw:"opt-in-button_optInRingDraw__m5lkU",optInSpin:"opt-in-button_optInSpin__yCYV4"}},63950:e=>{e.exports={box:"opt-in-checkbox_box__5uq6C",filled:"opt-in-checkbox_filled__RQIyp",error:"opt-in-checkbox_error__ByYTH",checkmark:"opt-in-checkbox_checkmark__bELBz",optInCheckPop:"opt-in-checkbox_optInCheckPop__lZxQv",minu

1s:"opt-in-checkbox_minus__V9t4n",optInFadeUp:"opt-in-checkbox_optInFadeUp__Iqjuh",optInBackdropIn:"opt-in-checkbox_optInBackdropIn__7IJJG",optInModalIn:"opt-in-checkbox_optInModalIn__nMzqw",optInShake:"opt-in-checkbox_optInShake__fZg8q",optInErrIn:"opt-in-checkbox_optInErrIn__ljp_r",optInGlowPulse:"opt-in-checkbox_optInGlowPulse__TTM_X",optInPillPulse:"opt-in-checkbox_optInPillPulse__bFBdB",optInRingDraw:"opt-in-checkbox_optInRingDraw__cJD8R",optInSpin:"opt-in-checkbox_optInSpin__IVemj"}},89899:(e,n,o)=>{"use strict";o.r(n),o.d(n,{default:()=>J});var t,a,r,s,l,i=o(37876),_=o(14232),p=o(77328),c=o.n(p),d=o(14568),u=o.n(d),I=o(81740),h=o(95471),m=o(30647),b=o(70931),k=o(55405),w=o(32425),g=o(69241),x=o(88791),y=o(54670),v=o.n(y);let N=({label:e,onClick:n,variant:o="primary",showArrow:t=!1,glow:a=!1,shake:r=!1})=>(0,i.jsxs)("button",{type:"button",className:(0,g.A)(v().button,"soft"===o?v().soft:v().primary,a&&v().glow,r&&v().shake),onClick:n,"data-stylish":"next",children:[(0,i.jsx)("span",{className:v().label,children:e}),t&&(0,i.jsx)("span",{className:v().trailIcon,"aria-hidden":"true",children:(0,i.jsx)("img",{className:v().arrow,src:"/icons/opt-in/arrow-right.svg",alt:"",width:20,height:20})})]});var j=o(63950),f=o.n(j);let P=({checked:e,indeterminate:n=!1,error:o=!1,onChange:t,labelledBy:a,interactive:r=!0})=>{let s=n?"mixed":e;return(0,i.jsxs)("span",{className:(0,g.A)(f().box,(e||n)&&f().filled,o&&!e&&!n&&f().error),role:r?"checkbox":void 0,"aria-checked":r?s:void 0,"aria-labelledby":a,tabIndex:r?0:void 0,onClick:r?e=>{e.stopPropagation(),t()}:void 0,onKeyDown:r?e=>{(" "===e.key||"Enter"===e.key)&&(e.preventDefault(),t())}:void 0,children:[e&&!n&&(0,i.jsx)("img",{className:f().checkmark,src:"/icons/opt-in/checkbox-checkmark.svg",alt:""}),n&&(0,i.jsx)("span",{className:f().minus})]})};var E=o(67376),S=o.n(E),T=o(54123),C=o.n(T);let R=({markdown:e,className:n})=>{let o=(0,_.useMemo)(()=>S()(e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/\[([^\]]+)\]\(([^)]+)\)/g,'<a href="$2">$1</a>').replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>").replace(/(?:^|\n)((?:- .+(?:\n|$))+)/g,(e,n)=>{let o=n.trim().split("\n").map(e=>e.replace(/^- /,""));return`
2<ul>${o.map(e=>`<li>${e}</li>`).join("")}</ul>
3`}).split(/\n{2,}/).map(e=>{let n=e.trim();return n?n.startsWith("<ul>")?n:`<p>${n.replace(/\n/g,"<br/>")}</p>`:""}).join(""),{allowedTags:["a","p","br","strong","b","em","ul","ol","li"],allowedAttributes:{a:["href","target","rel"]},allowedSchemes:["http","https","mailto"],transformTags:{a:S().simpleTransform("a",{target:"_blank",rel:"noopener noreferrer"})}}),[e]);return(0,i.jsx)("div",{className:(0,g.A)(C().content,n),dangerouslySetInnerHTML:{__html:o}})};var L=o(15331),O=o.n(L);function A(){return(A=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var t in o)({}).hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e}).apply(null,arguments)}let W=function(e){return _.createElement("svg",A({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none"},e),t||(t=_.createElement("path",{stroke:"#FF4747",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"m3.301 10.902 3.51-6.998c.491-.98 1.892-.98 2.383 0l3.506 6.999c.444.886-.2 1.93-1.192 1.93H4.493a1.333 1.333 0 0 1-1.192-1.93"})),a||(a=_.createElement("path",{stroke:"#FF4747",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 6.667V8"})),r||(r=_.createElement("path",{stroke:"#FF4747",d:"M8.333 10.667a.333.333 0 1 1-.666 0 .333.333 0 0 1 .666 0Z"})))},B=({title:e,body:n})=>(0,i.jsxs)("div",{className:O().banner,children:[(0,i.jsx)(W,{className:O().icon}),(0,i.jsxs)("div",{className:O().copy,children:[(0,i.jsx)("span",{className:O().title,children:e}),(0,i.jsx)("span",{className:O().body,children:n.split("\n").map((e,n)=>(0,i.jsxs)(_.Fragment,{children:[n>0&&(0,i.jsx)("br",{}),e]},n))})]})]});var D=o(99663),M=o.n(D);function F(){return(F=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var t in o)({}).hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e}).apply(null,arguments)}let U=function(e){return _.createElement("svg",F({xmlns:"http://www.w3.org/2000/svg",width:84,height:84,fill:"none",viewBox:"0 0 60 60"},e),s||(s=_.createElement("circle",{cx:30,cy:30,r:26,transform:"rotate(-90 3

30 30)"})),l||(l=_.createElement("path",{d:"m19 30.5 8 7.5 15-16"})))},G=({title:e,description:n})=>(0,i.jsxs)("div",{className:M().overlay,children:[(0,i.jsx)(U,{className:M().icon,"aria-hidden":"true"}),(0,i.jsx)("span",{className:M().title,children:e}),(0,i.jsx)("span",{className:M().description,children:n})]});var q=o(49739),Y=o.n(q);let V=({options:e,locales:n,onComplete:o})=>{let{error:t,shake:a,success:r,allChecked:s,indeterminate:l,requiredOk:p,optionalOk:c,isChecked:d,toggle:u,toggleAll:I,continueAction:h,markSuccess:b}=function(e){let[n,o]=(0,_.useState)({}),[t,a]=(0,_.useState)(null),[r,s]=(0,_.useState)(!1),[l,i]=(0,_.useState)(!1),p=(0,_.useMemo)(()=>e.filter(e=>e.required).map(e=>e.key),[e]),c=(0,_.useMemo)(()=>e.filter(e=>!e.required).map(e=>e.key),[e]),d=e.length>0&&e.every(e=>n[e.key]),u=e.some(e=>n[e.key])&&!d,I=p.every(e=>n[e]),h=0===c.length||c.every(e=>n[e]);(0,_.useEffect)(()=>{"required"===t&&I&&a(null),"optional"===t&&h&&a(null)},[t,h,I]);let m=(0,_.useCallback)(e=>!!n[e],[n]),b=(0,_.useCallback)(e=>{l||o(n=>({...n,[e]:!n[e]}))},[l]),k=(0,_.useCallback)(()=>{if(l)return!1;let n=!d,t={};return e.forEach(e=>{t[e.key]=n}),o(t),n&&a(null),n},[d,e,l]),w=(0,_.useCallback)(e=>{a(e),s(!1),window.setTimeout(()=>s(!0),20),window.setTimeout(()=>s(!1),560)},[]),g=(0,_.useCallback)(()=>l?"busy":t?"finish":I?h?"finish":(w("optional"),"optional"):(w("required"),"required"),[w,t,h,I,l]);return{error:t,shake:r,success:l,allChecked:d,indeterminate:u,requiredOk:I,optionalOk:h,isChecked:m,toggle:b,toggleAll:k,continueAction:g,markSuccess:(0,_.useCallback)(()=>{i(!0)},[])}}(e),k=(0,_.useRef)(null),w=(0,_.useRef)(null),y=(0,_.useRef)(null),v=(0,_.useRef)(!1),j=(0,_.useId)();(0,_.useEffect)(()=>{if(!r||v.current)return;let e=window.setTimeout(()=>{v.current=!0,o(p,c)},1700);return()=>window.clearTimeout(e)},[o,c,p,r]);let f=(e,n=72)=>{let o=k.current;if(!o||!e)return;let t=e.getBoundingClientRect().top-o.getBoundingClientRect().top+o.scrollTop-n;o.scrollTo({top:Math.max(0,t),behavior:"smooth"})},E=()=>{I()&&window.setTimeout(()=>f(w.current),80)},S="optional"===t?n.continueWithoutThese:"required"===t?n.continueAnyway:n.continue;return(0,i.jsxs)("div",{className:Y().panel,children:[(0,i.jsx)("div",{className:Y().header,children:(0,i.jsx)("img",{className:Y().logo,src:"/icons/stylish-logo-white.svg",alt:"Stylish"})}),(0,i.jsxs)("div",{ref:k,className:Y().scroll,children:[(0,i.jsx)("span",{className:(0,g.A)(Y().title,Y().fade1),children:n.title}),(0,i.jsx)("span",{className:(0,g.A)(Y().description,Y().fade2),children:n.description}),(0,i.jsxs)("div",{className:(0,g.A)(Y().termsClip,Y().fade3),children:[(0,i.jsx)("div",{className:Y().termsScroll,children:(0,i.jsx)(R,{markdown:n.termsIntro})}),(0,i.jsx)("div",{className:Y().termsFade})]}),(0,i.jsxs)("div",{className:(0,g.A)(Y().choices,Y().fade4),children:[(0,i.jsx)("span",{className:Y().prompt,children:n.consentPrompt}),(0,i.jsxs)("div",{className:Y().acceptAll,onClick:E,onKeyDown:e=>{(" "===e.key||"Enter"===e.key)&&(e.preventDefault(),E())},role:"checkbox","aria-checked":l?"mixed":s,"aria-labelledby":j,tabIndex:0,children:[(0,i.jsx)(P,{checked:s,indeterminate:l,onChange:E,interactive:!1}),(0,i.jsx)("span",{id:j,className:Y().acceptAllLabel,children:s?n.acceptAllDone:n.acceptAll})]}),(0,i.jsx)("div",{ref:w,className:Y().optionList,children:e.map(e=>{let o=n.optionLabels[e.key],a=e.key===x.p.TERMS,r="required"===t&&e.required||"optional"===t&&!e.required;return(0,i.jsxs)("div",{ref:a?y:void 0,className:(0,g.A)(Y().option,a&&Y().optionInline),children:[(0,i.jsxs)("div",{className:Y().optionRow,onClick:()=>u(e.key),children:[(0,i.jsx)(P,{checked:d(e.key),error:r,onChange:()=>u(e.key)}),o?.title?(0,i.jsx)("span",{className:Y().optionTitle,children:o.title}):(0,i.jsx)(R,{markdown:o?.body||"",className:Y().optionBody})]}),o?.title&&o.body&&(0,i.jsx)(R,{markdown:o.body,className:Y().optionBody})]},e.key)})})]})]}),(0,i.jsxs)("div",{className:(0,g.A)(Y().footer,a&&Y().shake),children:["optional"===t&&(0,i.jsx)(B,{title:n.privacyWarningTitle,body:n.privacyWarning}),"required"===t&&(0,i.jsx)(B,{title:n.termsRequiredWarningTitle,body:n.termsRequiredWarning}),(0,i.jsx)(N,{label:S,variant:t?"soft":"primary",showArrow:!t,glow:!t&&s,onClick:()=>{let e=h();if("required"===e){(0,m.Ld)({...m.R2.NEW_OPT_IN_TC_WARNING_SHOWN}),window.setTimeout(()=>f(y.current,180),80);return}if("optional"===e){(0,m.Ld)({...m.R2.NEW_OPT_IN_PRIVACY_WARNING_SHOWN}),window.setTimeout(()=>f(w.current),80);return}"finish"===e&&b()}})]}

3),r&&(0,i.jsx)(G,{title:n.successTitle,description:n.successDescription})]})};var H=o(11729),Z=o.n(H);let J=({onComplete:e})=>{let[n,o]=(0,_.useState)(null),[t,a]=(0,_.useState)(!1),[r,s]=(0,_.useState)(!0),l=(0,_.useCallback)(()=>{s(!0),a(!1),k.FH.getOptInLocales().then(e=>{if(!e){o(null),a(!0),(0,m.Ld)({...m.R2.NEW_OPT_IN_DISPLAY_ERROR});return}o(e),(0,m.Ld)({...m.R2.NEW_OPT_IN_SHOWN})}).catch(()=>{o(null),a(!0),(0,m.Ld)({...m.R2.NEW_OPT_IN_DISPLAY_ERROR})}).finally(()=>{s(!1)})},[]);(0,_.useEffect)(()=>{l()},[l]),(0,_.useEffect)(()=>{(0,m.GM)("PURCHASE_FLOW","PAGE_VIEW","WELCOME"),(0,b.pW)(h.XV.GET_INSTALL_SOURCE).then(e=>{"chrome_store"===e&&(0,m.GM)("WELCOME","VIEW","EXTENSION_INSTALL")})},[]);let p=async(n,o)=>{n&&o?((0,m.Ld)({...m.R2.NEW_OPT_IN_AGREED_ALL}),await (0,b.Z3)(!0)):n?((0,m.Ld)({...m.R2.NEW_OPT_IN_AGREED_TC_ONLY}),await (0,b.Z3)(!1)):((0,m.Ld)({...m.R2.NEW_OPT_IN_CONTINUE_ANYWAY}),await (0,b.fS)()),(0,m.Ld)({category:m.R2.CATEGORIES.PURCHASE_FLOW,action:m.R2.ACTIONS.START_BROWSING,label:n?m.R2.LABELS.OPTIN:m.R2.LABELS.OPTOUT}),w.B.emit(w.B.events.optInStatusChanged),e()},d=!r&&!!n&&!t;return(0,i.jsx)(I.A,{portalId:h.GS.POPUP,children:(0,i.jsxs)("div",{className:Z().root,children:[(0,i.jsxs)(c(),{children:[(0,i.jsx)("title",{children:"Website Themes & Skins by Stylish | Userstyles.org | Welcome"}),(0,i.jsx)("meta",{name:"description",content:"Website Themes & Skins by Stylish | Userstyles.org | Welcome"})]}),(0,i.jsxs)("div",{className:Z().modal,children:[r&&(0,i.jsx)("div",{className:Z().status,children:(0,i.jsx)("span",{className:Z().spinner})}),!r&&(t||!n)&&(0,i.jsx)("div",{className:Z().status,children:(0,i.jsxs)("div",{className:Z().error,children:[(0,i.jsx)("span",{className:Z().errorText,children:"Could not load opt-in details."}),(0,i.jsx)("button",{type:"button",className:Z().retry,onClick:l,children:"Try again"})]})}),d&&n&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:Z().video,children:(0,i.jsx)(u(),{className:"react-player",url:"https://www.youtube.com/watch?v=oi-LGcfiK2g",width:"100%",height:"100%",loop:!0,controls:!1,playing:!0,muted:!0})}),(0,i.jsx)(V,{options:n.optInOptions,locales:n.optInLocales,onComplete:p})]})]})]})})}},99663:e=>{e.exports={overlay:"success-overlay_overlay__IY8ue",overlayIn:"success-overlay_overlayIn__EP_U6",icon:"success-overlay_icon__bDJuj",ringDraw:"success-overlay_ringDraw___o1Dd",checkDraw:"success-overlay_checkDraw__6tvdU",title:"success-overlay_title__9uwGW",description:"success-overlay_description__c6L9c",optInFadeUp:"success-overlay_optInFadeUp__w4b1z",optInBackdropIn:"success-overlay_optInBackdropIn__8qEyR",optInModalIn:"success-overlay_optInModalIn__XSWu7",optInCheckPop:"success-overlay_optInCheckPop__q1QcK",optInShake:"success-overlay_optInShake__3JPD2",optInErrIn:"success-overlay_optInErrIn__rt1H8",optInGlowPulse:"success-overlay_optInGlowPulse__BNF7c",optInPillPulse:"success-overlay_optInPillPulse__oknxB",optInRingDraw:"success-overlay_optInRingDraw__V_eTj",optInSpin:"success-overlay_optInSpin__7Uij9"}}}]);