3401 lines
1.5 MiB
JavaScript
3401 lines
1.5 MiB
JavaScript
|
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".gh-portal-account-header{display:flex;flex-direction:column;align-items:center;margin:0 0 32px}.gh-portal-account-header .gh-portal-avatar{margin:6px 0 8px!important}.gh-portal-account-data{margin-bottom:40px}footer.gh-portal-account-footer{display:flex}.gh-portal-account-footer.paid{margin-top:12px}.gh-portal-account-footermenu{display:flex;align-items:center;list-style:none;padding:0;margin:0}.gh-portal-account-footerright{display:flex;flex-grow:1;align-items:center;justify-content:flex-end}.gh-portal-account-footermenu li{margin-right:16px}.gh-portal-account-footermenu li:last-of-type{margin-right:0}.gh-portal-freeaccount-newsletter{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.gh-portal-freeaccount-newsletter .label{display:flex;flex-direction:column;flex-grow:1}.gh-portal-free-ctatext{margin-top:-12px}.gh-portal-cancelcontinue-container{margin:24px 0 32px}.gh-portal-list-detail .gh-portal-email-notice{display:flex;align-items:center;gap:5px;margin-top:6px;color:var(--red);font-weight:500;font-size:1.25rem;letter-spacing:.2px}.gh-portal-email-notice-icon{width:20px;height:20px}.gh-portal-billing-button-loader{width:32px;height:32px;margin-right:-3px;opacity:.6}.gh-portal-product-icon{width:52px;margin-right:12px;border-radius:2px}.gh-portal-account-discountcontainer{position:relative;display:flex;align-items:center}.gh-portal-account-old-price{text-decoration:line-through;color:var(--grey9)!important}.gh-portal-account-tagicon{width:16px;height:16px;color:var(--brandcolor);margin-right:5px;z-index:999}@media (max-width: 390px){.gh-portal-account-footer{padding:0!important}}@media (max-width: 340px){.gh-portal-account-footer{padding:0!important;flex-wrap:wrap;gap:12px}.gh-portal-account-footer .gh-portal-account-footerright{justify-content:flex-start}}.gh-email-suppressed-page-title{margin-bottom:14px}.gh-email-suppressed-page-icon{display:block;width:38px;height:38px;margin:0 auto 18px}.gh-email-suppressed-page-text{padding:0 14px;text-align:center;color:var(--grey6)}.gh-email-faq-footer-text{color:var(--grey8)}.gh-portal-list-detail.email-newsletter .gh-email-faq-page-button{display:block;margin-top:3px}.gh-portal-action-footer .gh-email-faq-page-button{margin-left:4px}.emailReceivingFAQ .gh-portal-btn-back,.emailReceivingFAQ .gh-portal-btn-back:hover{left:calc(6vmin - 14px)}.emailReceivingFAQ .gh-portal-closeicon-container{right:calc(6vmin - 20px)}@media (max-width: 480px){.emailReceivingFAQ .gh-portal-btn-back,.emailReceivingFAQ .gh-portal-btn-back:hover{left:16px}.emailReceivingFAQ .gh-portal-closeicon-container{right:24px}}.gh-email-faq-page-button{color:var(--brandcolor);cursor:pointer;background:none;transition:color linear .1s;font-size:1.45rem}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|||
|
|
var cj=Object.defineProperty;var uj=(Ae,tt,Ge)=>tt in Ae?cj(Ae,tt,{enumerable:!0,configurable:!0,writable:!0,value:Ge}):Ae[tt]=Ge;var Z=(Ae,tt,Ge)=>(uj(Ae,typeof tt!="symbol"?tt+"":tt,Ge),Ge);(function(Ae){typeof define=="function"&&define.amd?define(Ae):Ae()})(function(){var vu,ay,iy;"use strict";function Ae(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var tt={exports:{}},Ge={};/*
|
|||
|
|
object-assign
|
|||
|
|
(c) Sindre Sorhus
|
|||
|
|
@license MIT
|
|||
|
|
*/var wu=Object.getOwnPropertySymbols,ry=Object.prototype.hasOwnProperty,oy=Object.prototype.propertyIsEnumerable;function sy(e){if(e==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function ly(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de",Object.getOwnPropertyNames(e)[0]==="5")return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;var a=Object.getOwnPropertyNames(t).map(function(r){return t[r]});if(a.join("")!=="0123456789")return!1;var i={};return"abcdefghijklmnopqrst".split("").forEach(function(r){i[r]=r}),Object.keys(Object.assign({},i)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}var xu=ly()?Object.assign:function(e,t){for(var n,a=sy(e),i,r=1;r<arguments.length;r++){n=Object(arguments[r]);for(var o in n)ry.call(n,o)&&(a[o]=n[o]);if(wu){i=wu(n);for(var s=0;s<i.length;s++)oy.call(n,i[s])&&(a[i[s]]=n[i[s]])}}return a},Su={exports:{}},R={};/** @license React v17.0.2
|
|||
|
|
* react.production.min.js
|
|||
|
|
*
|
|||
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|||
|
|
*
|
|||
|
|
* This source code is licensed under the MIT license found in the
|
|||
|
|
* LICENSE file in the root directory of this source tree.
|
|||
|
|
*/var Xo=xu,Pn=60103,Eu=60106;R.Fragment=60107,R.StrictMode=60108,R.Profiler=60114;var Cu=60109,$u=60110,ju=60112;R.Suspense=60113;var Pu=60115,Tu=60116;if(typeof Symbol=="function"&&Symbol.for){var qe=Symbol.for;Pn=qe("react.element"),Eu=qe("react.portal"),R.Fragment=qe("react.fragment"),R.StrictMode=qe("react.strict_mode"),R.Profiler=qe("react.profiler"),Cu=qe("react.provider"),$u=qe("react.context"),ju=qe("react.forward_ref"),R.Suspense=qe("react.suspense"),Pu=qe("react.memo"),Tu=qe("react.lazy")}var Nu=typeof Symbol=="function"&&Symbol.iterator;function cy(e){return e===null||typeof e!="object"?null:(e=Nu&&e[Nu]||e["@@iterator"],typeof e=="function"?e:null)}function Ea(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var Iu={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Au={};function Tn(e,t,n){this.props=e,this.context=t,this.refs=Au,this.updater=n||Iu}Tn.prototype.isReactComponent={},Tn.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error(Ea(85));this.updater.enqueueSetState(this,e,t,"setState")},Tn.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function zu(){}zu.prototype=Tn.prototype;function es(e,t,n){this.props=e,this.context=t,this.refs=Au,this.updater=n||Iu}var ts=es.prototype=new zu;ts.constructor=es,Xo(ts,Tn.prototype),ts.isPureReactComponent=!0;var ns={current:null},Du=Object.prototype.hasOwnProperty,Fu={key:!0,ref:!0,__self:!0,__source:!0};function Mu(e,t,n){var a,i={},r=null,o=null;if(t!=null)for(a in t.ref!==void 0&&(o=t.ref),t.key!==void 0&&(r=""+t.key),t)Du.call(t,a)&&!Fu.hasOwnProperty(a)&&(i[a]=t[a]);var s=arguments.length-2;if(s===1)i.children=n;else if(1<s){for(var l=Array(s),u=0;u<s;u++)l[u]=arguments[u+2];i.children=l}if(e&&e.defaultProps)for(a in s=e.defaultProps,s)i[a]===void 0&&(i[a]=s[a]);return{$$typeof:Pn,type:e,key:r,ref:o,props:i,_owner:ns.current}}function uy(e,t){return{$$typeof:Pn,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function as(e){return typeof e=="object"&&e!==null&&e.$$typeof===Pn}function dy(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var _u=/\/+/g;function is(e,t){return typeof e=="object"&&e!==null&&e.key!=null?dy(""+e.key):t.toString(36)}function Li(e,t,n,a,i){var r=typeof e;(r==="undefined"||r==="boolean")&&(e=null);var o=!1;if(e===null)o=!0;else switch(r){case"string":case"number":o=!0;break;case"object":switch(e.$$typeof){case Pn:case Eu:o=!0}}if(o)return o=e,i=i(o),e=a===""?"."+is(o,0):a,Array.isArray(i)?(n="",e!=null&&(n=e.replace(_u,"$&/")+"/"),Li(i,t,n,"",function(u){return u})):i!=null&&(as(i)&&(i=uy(i,n+(!i.key||o&&o.key===i.key?"":(""+i.key).replace(_u,"$&/")+"/")+e)),t.push(i)),1;if(o=0,a=a===""?".":a+":",Array.isArray(e))for(var s=0;s<e.length;s++){r=e[s];var l=a+is(r,s);o+=Li(r,t,n,l,i)}else if(l=cy(e),typeof l=="function")for(e=l.call(e),s=0;!(r=e.next()).done;)r=r.value,l=a+is(r,s++),o+=Li(r,t,n,l,i);else if(r==="object")throw t=""+e,Error(Ea(31,t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t));return o}function Oi(e,t,n){if(e==null)return e;var a=[],i=0;return Li(e,a,"","",function(r){return t.call(n,r,i++)}),a}function my(e){if(e._status===-1){var t=e._result;t=t(),e._status=0,e._result=t,t.then(function(n){e._status===0&&(n=n.default,e._status=1,e._result=n)},function(n){e._status===0&&(e._status=2,e._result=n)})}if(e._status===1)return e._result;throw e._result}var Ru={current:null};function gt(){var e=Ru.current;if(e===null)throw Error(Ea(321));return e}var py={ReactCurrentDispatcher:Ru,ReactCurrentBatchConfig:{transition:0},ReactCurrentOwner:ns,IsSomeRendererActing:{current:!1},assign:Xo};R.Children={map:Oi,forEach:function(e,t,n){Oi(e,function(){t.apply
|
|||
|
|
* react-jsx-runtime.production.min.js
|
|||
|
|
*
|
|||
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|||
|
|
*
|
|||
|
|
* This source code is licensed under the MIT license found in the
|
|||
|
|
* LICENSE file in the root directory of this source tree.
|
|||
|
|
*/var hy=k,Yu=60103;if(Ge.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var Uu=Symbol.for;Yu=Uu("react.element"),Ge.Fragment=Uu("react.fragment")}var gy=hy.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,fy=Object.prototype.hasOwnProperty,yy={key:!0,ref:!0,__self:!0,__source:!0};function Lu(e,t,n){var a,i={},r=null,o=null;n!==void 0&&(r=""+n),t.key!==void 0&&(r=""+t.key),t.ref!==void 0&&(o=t.ref);for(a in t)fy.call(t,a)&&!yy.hasOwnProperty(a)&&(i[a]=t[a]);if(e&&e.defaultProps)for(a in t=e.defaultProps,t)i[a]===void 0&&(i[a]=t[a]);return{$$typeof:Yu,type:e,key:r,ref:o,props:i,_owner:gy.current}}Ge.jsx=Lu,Ge.jsxs=Lu,tt.exports=Ge;var c=tt.exports,Ou={exports:{}},Ye={},Bu={exports:{}},Hu={};/** @license React v0.20.2
|
|||
|
|
* scheduler.production.min.js
|
|||
|
|
*
|
|||
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|||
|
|
*
|
|||
|
|
* This source code is licensed under the MIT license found in the
|
|||
|
|
* LICENSE file in the root directory of this source tree.
|
|||
|
|
*/(function(e){var t,n,a,i;if(typeof performance=="object"&&typeof performance.now=="function"){var r=performance;e.unstable_now=function(){return r.now()}}else{var o=Date,s=o.now();e.unstable_now=function(){return o.now()-s}}if(typeof window>"u"||typeof MessageChannel!="function"){var l=null,u=null,d=function(){if(l!==null)try{var T=e.unstable_now();l(!0,T),l=null}catch(D){throw setTimeout(d,0),D}};t=function(T){l!==null?setTimeout(t,0,T):(l=T,setTimeout(d,0))},n=function(T,D){u=setTimeout(T,D)},a=function(){clearTimeout(u)},e.unstable_shouldYield=function(){return!1},i=e.unstable_forceFrameRate=function(){}}else{var p=window.setTimeout,m=window.clearTimeout;if(typeof console<"u"){var g=window.cancelAnimationFrame;typeof window.requestAnimationFrame!="function"&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"),typeof g!="function"&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills")}var b=!1,v=null,h=-1,f=5,y=0;e.unstable_shouldYield=function(){return e.unstable_now()>=y},i=function(){},e.unstable_forceFrameRate=function(T){0>T||125<T?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):f=0<T?Math.floor(1e3/T):5};var w=new MessageChannel,x=w.port2;w.port1.onmessage=function(){if(v!==null){var T=e.unstable_now();y=T+f;try{v(!0,T)?x.postMessage(null):(b=!1,v=null)}catch(D){throw x.postMessage(null),D}}else b=!1},t=function(T){v=T,b||(b=!0,x.postMessage(null))},n=function(T,D){h=p(function(){T(e.unstable_now())},D)},a=function(){m(h),h=-1}}function C(T,D){var M=T.length;T.push(D);e:for(;;){var ee=M-1>>>1,fe=T[ee];if(fe!==void 0&&0<$(fe,D))T[ee]=D,T[M]=fe,M=ee;else break e}}function S(T){return T=T[0],T===void 0?null:T}function E(T){var D=T[0];if(D!==void 0){var M=T.pop();if(M!==D){T[0]=M;e:for(var ee=0,fe=T.length;ee<fe;){var $n=2*(ee+1)-1,jn=T[$n],Ui=$n+1,Sa=T[Ui];if(jn!==void 0&&0>$(jn,M))Sa!==void 0&&0>$(Sa,jn)?(T[ee]=Sa,T[Ui]=M,ee=Ui):(T[ee]=jn,T[$n]=M,ee=$n);else if(Sa!==void 0&&0>$(Sa,M))T[ee]=Sa,T[Ui]=M,ee=Ui;else break e}}return D}return null}function $(T,D){var M=T.sortIndex-D.sortIndex;return M!==0?M:T.id-D.id}var P=[],_=[],re=1,he=null,te=3,pt=!1,Re=!1,ht=!1;function xa(T){for(var D=S(_);D!==null;){if(D.callback===null)E(_);else if(D.startTime<=T)E(_),D.sortIndex=D.expirationTime,C(P,D);else break;D=S(_)}}function ge(T){if(ht=!1,xa(T),!Re)if(S(P)!==null)Re=!0,t(et);else{var D=S(_);D!==null&&n(ge,D.startTime-T)}}function et(T,D){Re=!1,ht&&(ht=!1,a()),pt=!0;var M=te;try{for(xa(D),he=S(P);he!==null&&(!(he.expirationTime>D)||T&&!e.unstable_shouldYield());){var ee=he.callback;if(typeof ee=="function"){he.callback=null,te=he.priorityLevel;var fe=ee(he.expirationTime<=D);D=e.unstable_now(),typeof fe=="function"?he.callback=fe:he===S(P)&&E(P),xa(D)}else E(P);he=S(P)}if(he!==null)var $n=!0;else{var jn=S(_);jn!==null&&n(ge,jn.startTime-D),$n=!1}return $n}finally{he=null,te=M,pt=!1}}var Cn=i;e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(T){T.callback=null},e.unstable_continueExecution=function(){Re||pt||(Re=!0,t(et))},e.unstable_getCurrentPriorityLevel=function(){return te},e.unstable_getFirstCallbackNode=function(){return S(P)},e.unstable_next=function(T){switch(te){case 1:case 2:case 3:var D=3;break;default:D=te}var M=te;te=D;try{return T()}finally{te=M}},e.unstable_pauseExecution=function(){},e.unstable_requestPaint=Cn,e.unstable_runWithPriority=function(T,D){switch(T){case 1:case 2:case 3:case 4:case 5:break;default:T=3}var M=te;te=T;try{return D()}finally{te=M}},e.unstable_scheduleCallback=function(T,D,M){var ee=e.unstable_now();switch(typeof M=="object"&&M!==null?(M=M.delay,M=typeof M=="number"&&0<M?ee+M:ee):M=ee,T){case 1:var fe=-1;break;case 2:fe=250;break;case
|
|||
|
|
* react-dom.production.min.js
|
|||
|
|
*
|
|||
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|||
|
|
*
|
|||
|
|
* This source code is licensed under the MIT license found in the
|
|||
|
|
* LICENSE file in the root directory of this source tree.
|
|||
|
|
*/var Bi=k,K=xu,oe=by;function j(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}if(!Bi)throw Error(j(227));var Vu=new Set,Ca={};function Zt(e,t){Nn(e,t),Nn(e+"Capture",t)}function Nn(e,t){for(Ca[e]=t,e=0;e<t.length;e++)Vu.add(t[e])}var ft=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),ky=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,Wu=Object.prototype.hasOwnProperty,Ku={},Gu={};function vy(e){return Wu.call(Gu,e)?!0:Wu.call(Ku,e)?!1:ky.test(e)?Gu[e]=!0:(Ku[e]=!0,!1)}function wy(e,t,n,a){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return a?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function xy(e,t,n,a){if(t===null||typeof t>"u"||wy(e,t,n,a))return!0;if(a)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function xe(e,t,n,a,i,r,o){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=a,this.attributeNamespace=i,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=r,this.removeEmptyString=o}var ce={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ce[e]=new xe(e,0,!1,e,null,!1,!1)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];ce[t]=new xe(t,1,!1,e[1],null,!1,!1)}),["contentEditable","draggable","spellCheck","value"].forEach(function(e){ce[e]=new xe(e,2,!1,e.toLowerCase(),null,!1,!1)}),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){ce[e]=new xe(e,2,!1,e,null,!1,!1)}),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){ce[e]=new xe(e,3,!1,e.toLowerCase(),null,!1,!1)}),["checked","multiple","muted","selected"].forEach(function(e){ce[e]=new xe(e,3,!0,e,null,!1,!1)}),["capture","download"].forEach(function(e){ce[e]=new xe(e,4,!1,e,null,!1,!1)}),["cols","rows","size","span"].forEach(function(e){ce[e]=new xe(e,6,!1,e,null,!1,!1)}),["rowSpan","start"].forEach(function(e){ce[e]=new xe(e,5,!1,e.toLowerCase(),null,!1,!1)});var rs=/[\-:]([a-z])/g;function os(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vecto
|
|||
|
|
`+fs+e}var ys=!1;function Ki(e,t){if(!e||ys)return"";ys=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(t,[])}catch(l){var a=l}Reflect.construct(e,[],t)}else{try{t.call()}catch(l){a=l}e.call(t.prototype)}else{try{throw Error()}catch(l){a=l}e()}}catch(l){if(l&&a&&typeof l.stack=="string"){for(var i=l.stack.split(`
|
|||
|
|
`),r=a.stack.split(`
|
|||
|
|
`),o=i.length-1,s=r.length-1;1<=o&&0<=s&&i[o]!==r[s];)s--;for(;1<=o&&0<=s;o--,s--)if(i[o]!==r[s]){if(o!==1||s!==1)do if(o--,s--,0>s||i[o]!==r[s])return`
|
|||
|
|
`+i[o].replace(" at new "," at ");while(1<=o&&0<=s);break}}}finally{ys=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Na(e):""}function Sy(e){switch(e.tag){case 5:return Na(e.type);case 16:return Na("Lazy");case 13:return Na("Suspense");case 19:return Na("SuspenseList");case 0:case 2:case 15:return e=Ki(e.type,!1),e;case 11:return e=Ki(e.type.render,!1),e;case 22:return e=Ki(e.type._render,!1),e;case 1:return e=Ki(e.type,!0),e;default:return""}}function In(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case jt:return"Fragment";case en:return"Portal";case ja:return"Profiler";case ls:return"StrictMode";case Pa:return"Suspense";case Vi:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case us:return(e.displayName||"Context")+".Consumer";case cs:return(e._context.displayName||"Context")+".Provider";case Hi:var t=e.render;return t=t.displayName||t.name||"",e.displayName||(t!==""?"ForwardRef("+t+")":"ForwardRef");case Wi:return In(e.type);case ms:return In(e._render);case ds:t=e._payload,e=e._init;try{return In(e(t))}catch{}}return null}function Pt(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function Qu(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function Ey(e){var t=Qu(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),a=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var i=n.get,r=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return i.call(this)},set:function(o){a=""+o,r.call(this,o)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return a},setValue:function(o){a=""+o},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Gi(e){e._valueTracker||(e._valueTracker=Ey(e))}function Zu(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),a="";return e&&(a=Qu(e)?e.checked?"true":"false":e.value),e=a,e!==n?(t.setValue(e),!0):!1}function qi(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function bs(e,t){var n=t.checked;return K({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Xu(e,t){var n=t.defaultValue==null?"":t.defaultValue,a=t.checked!=null?t.checked:t.defaultChecked;n=Pt(t.value!=null?t.value:n),e._wrapperState={initialChecked:a,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function ed(e,t){t=t.checked,t!=null&&ss(e,"checked",t,!1)}function ks(e,t){ed(e,t);var n=Pt(t.value),a=t.type;if(n!=null)a==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(a==="submit"||a==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?vs(e,t.type,n):t.hasOwnProperty("defaultValue")&&vs(e,t.type,Pt(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function td(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var a=t.type;if(!(a!=="submit"&&a!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function vs(e,t,n){(t!=="number"||qi(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function Cy(e){var t="";return Bi.Children.forEach(e,function(n){n!=null&&(t+=n)}),t}function ws(e,t){return e=K({children:void 0},t),(t=Cy(t.children))&&(e.children=t),e}function An(e,t,n,a){if(e=e.options,t){t={};for(var i=0;i<n.length;i++)t["$"+n[i]]=!0;for(n=0;n<e.length;n++)i=t.hasOwnProperty("$"+e[n].value),e[n].selected!==i&&(e[n].selected=i),i&&a&&(e[n].defaultSelected=!0)}else{for(n=""+Pt(n),t=null
|
|||
|
|
Error generating stack: `+r.message+`
|
|||
|
|
`+r.stack}return{value:e,source:t,stack:i}}function Ml(e,t){try{console.error(t.value)}catch(n){setTimeout(function(){throw n})}}var Hb=typeof WeakMap=="function"?WeakMap:Map;function up(e,t,n){n=Rt(-1,n),n.tag=3,n.payload={element:null};var a=t.value;return n.callback=function(){_r||(_r=!0,Wl=a),Ml(e,t)},n}function dp(e,t,n){n=Rt(-1,n),n.tag=3;var a=e.type.getDerivedStateFromError;if(typeof a=="function"){var i=t.value;n.payload=function(){return Ml(e,t),a(i)}}var r=e.stateNode;return r!==null&&typeof r.componentDidCatch=="function"&&(n.callback=function(){typeof a!="function"&&(st===null?st=new Set([this]):st.add(this),Ml(e,t));var o=t.stack;this.componentDidCatch(t.value,{componentStack:o!==null?o:""})}),n}var Vb=typeof WeakSet=="function"?WeakSet:Set;function mp(e){var t=e.ref;if(t!==null)if(typeof t=="function")try{t(null)}catch(n){Vt(e,n)}else t.current=null}function Wb(e,t){switch(t.tag){case 0:case 11:case 15:case 22:return;case 1:if(t.flags&256&&e!==null){var n=e.memoizedProps,a=e.memoizedState;e=t.stateNode,t=e.getSnapshotBeforeUpdate(t.elementType===t.type?n:Je(t.type,n),a),e.__reactInternalSnapshotBeforeUpdate=t}return;case 3:t.flags&256&&ol(t.stateNode.containerInfo);return;case 5:case 6:case 4:case 17:return}throw Error(j(163))}function Kb(e,t,n){switch(n.tag){case 0:case 11:case 15:case 22:if(t=n.updateQueue,t=t!==null?t.lastEffect:null,t!==null){e=t=t.next;do{if((e.tag&3)===3){var a=e.create;e.destroy=a()}e=e.next}while(e!==t)}if(t=n.updateQueue,t=t!==null?t.lastEffect:null,t!==null){e=t=t.next;do{var i=e;a=i.next,i=i.tag,i&4&&i&1&&(jp(n,e),tk(n,e)),e=a}while(e!==t)}return;case 1:e=n.stateNode,n.flags&4&&(t===null?e.componentDidMount():(a=n.elementType===n.type?t.memoizedProps:Je(n.type,t.memoizedProps),e.componentDidUpdate(a,t.memoizedState,e.__reactInternalSnapshotBeforeUpdate))),t=n.updateQueue,t!==null&&Pm(n,t,e);return;case 3:if(t=n.updateQueue,t!==null){if(e=null,n.child!==null)switch(n.child.tag){case 5:e=n.child.stateNode;break;case 1:e=n.child.stateNode}Pm(n,t,e)}return;case 5:e=n.stateNode,t===null&&n.flags&4&&cm(n.type,n.memoizedProps)&&e.focus();return;case 6:return;case 4:return;case 12:return;case 13:n.memoizedState===null&&(n=n.alternate,n!==null&&(n=n.memoizedState,n!==null&&(n=n.dehydrated,n!==null&&Ed(n))));return;case 19:case 17:case 20:case 21:case 23:case 24:return}throw Error(j(163))}function pp(e,t){for(var n=e;;){if(n.tag===5){var a=n.stateNode;if(t)a=a.style,typeof a.setProperty=="function"?a.setProperty("display","none","important"):a.display="none";else{a=n.stateNode;var i=n.memoizedProps.style;i=i!=null&&i.hasOwnProperty("display")?i.display:null,a.style.display=sd("display",i)}}else if(n.tag===6)n.stateNode.nodeValue=t?"":n.memoizedProps;else if((n.tag!==23&&n.tag!==24||n.memoizedState===null||n===e)&&n.child!==null){n.child.return=n,n=n.child;continue}if(n===e)break;for(;n.sibling===null;){if(n.return===null||n.return===e)return;n=n.return}n.sibling.return=n.return,n=n.sibling}}function hp(e,t){if(on&&typeof on.onCommitFiberUnmount=="function")try{on.onCommitFiberUnmount(cl,t)}catch{}switch(t.tag){case 0:case 11:case 14:case 15:case 22:if(e=t.updateQueue,e!==null&&(e=e.lastEffect,e!==null)){var n=e=e.next;do{var a=n,i=a.destroy;if(a=a.tag,i!==void 0)if(a&4)jp(t,n);else{a=t;try{i()}catch(r){Vt(a,r)}}n=n.next}while(n!==e)}break;case 1:if(mp(t),e=t.stateNode,typeof e.componentWillUnmount=="function")try{e.props=t.memoizedProps,e.state=t.memoizedState,e.componentWillUnmount()}catch(r){Vt(t,r)}break;case 5:mp(t);break;case 4:bp(e,t)}}function gp(e){e.alternate=null,e.child=null,e.dependencies=null,e.firstEffect=null,e.lastEffect=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.return=null,e.updateQueue=null}function fp(e){return e.tag===5||e.tag===3||e.tag===4}function yp(e){e:{for(var t=e.return;t!==null;){if(fp(t))break e;t=t.return}throw Error(j(160))}var n=t;switch(t=n.stateNode,n.tag){case 5:var a=!1;break;case 3:t=t.containerInfo,a=!0;break;case 4:t=t.containerInfo,a=!0;break;default:throw Error(j(161))}n.flags&16&&(Ia(t,""),n.flags&=-17);e:t:for(n=e;;){
|
|||
|
|
|
|||
|
|
Add a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.`)}de!==5&&(de=2),l=Fl(l,s),m=o;do{switch(m.tag){case 3:r=l,m.flags|=4096,t&=-t,m.lanes|=t;var C=up(m,r,t);jm(m,C);break e;case 1:r=l;var S=m.type,E=m.stateNode;if(!(m.flags&64)&&(typeof S.getDerivedStateFromError=="function"||E!==null&&typeof E.componentDidCatch=="function"&&(st===null||!st.has(E)))){m.flags|=4096,t&=-t,m.lanes|=t;var $=dp(m,r,t);jm(m,$);break e}}m=m.return}while(m!==null)}$p(n)}catch(P){t=P,ne===n&&n!==null&&(ne=n=n.return);continue}break}while(1)}function Ep(){var e=Fr.current;return Fr.current=zr,e===null?zr:e}function fi(e,t){var n=z;z|=16;var a=Ep();Se===e&&ve===t||na(e,t);do try{Qb();break}catch(i){Sp(e,i)}while(1);if(gl(),z=n,Fr.current=a,ne!==null)throw Error(j(261));return Se=null,ve=0,de}function Qb(){for(;ne!==null;)Cp(ne)}function Zb(){for(;ne!==null&&!zb();)Cp(ne)}function Cp(e){var t=Tp(e.alternate,e,dn);e.memoizedProps=e.pendingProps,t===null?$p(e):ne=t,Ul.current=null}function $p(e){var t=e;do{var n=t.alternate;if(e=t.return,t.flags&2048){if(n=Bb(t),n!==null){n.flags&=2047,ne=n;return}e!==null&&(e.firstEffect=e.lastEffect=null,e.flags|=2048)}else{if(n=Ob(n,t,dn),n!==null){ne=n;return}if(n=t,n.tag!==24&&n.tag!==23||n.memoizedState===null||dn&1073741824||!(n.mode&4)){for(var a=0,i=n.child;i!==null;)a|=i.lanes|i.childLanes,i=i.sibling;n.childLanes=a}e!==null&&!(e.flags&2048)&&(e.firstEffect===null&&(e.firstEffect=t.firstEffect),t.lastEffect!==null&&(e.lastEffect!==null&&(e.lastEffect.nextEffect=t.firstEffect),e.lastEffect=t.lastEffect),1<t.flags&&(e.lastEffect!==null?e.lastEffect.nextEffect=t:e.firstEffect=t,e.lastEffect=t))}if(t=t.sibling,t!==null){ne=t;return}ne=t=e}while(t!==null);de===0&&(de=5)}function mn(e){var t=Kn();return sn(99,Xb.bind(null,e,t)),null}function Xb(e,t){do Ht();while(mi!==null);if(z&48)throw Error(j(327));var n=e.finishedWork;if(n===null)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(j(177));e.callbackNode=null;var a=n.lanes|n.childLanes,i=a,r=e.pendingLanes&~i;e.pendingLanes=i,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=i,e.mutableReadLanes&=i,e.entangledLanes&=i,i=e.entanglements;for(var o=e.eventTimes,s=e.expirationTimes;0<r;){var l=31-At(r),u=1<<l;i[l]=0,o[l]=-1,s[l]=-1,r&=~u}if(vt!==null&&!(a&24)&&vt.has(e)&&vt.delete(e),e===Se&&(ne=Se=null,ve=0),1<n.flags?n.lastEffect!==null?(n.lastEffect.nextEffect=n,a=n.firstEffect):a=n:a=n.firstEffect,a!==null){if(i=z,z|=32,Ul.current=null,al=ir,o=Qd(),Xs(o)){if("selectionStart"in o)s={start:o.selectionStart,end:o.selectionEnd};else e:if(s=(s=o.ownerDocument)&&s.defaultView||window,(u=s.getSelection&&s.getSelection())&&u.rangeCount!==0){s=u.anchorNode,r=u.anchorOffset,l=u.focusNode,u=u.focusOffset;try{s.nodeType,l.nodeType}catch{s=null;break e}var d=0,p=-1,m=-1,g=0,b=0,v=o,h=null;t:for(;;){for(var f;v!==s||r!==0&&v.nodeType!==3||(p=d+r),v!==l||u!==0&&v.nodeType!==3||(m=d+u),v.nodeType===3&&(d+=v.nodeValue.length),(f=v.firstChild)!==null;)h=v,v=f;for(;;){if(v===o)break t;if(h===s&&++g===r&&(p=d),h===l&&++b===u&&(m=d),(f=v.nextSibling)!==null)break;v=h,h=v.parentNode}v=f}s=p===-1||m===-1?null:{start:p,end:m}}else s=null;s=s||{start:0,end:0}}else s=null;il={focusedElem:o,selectionRange:s},ir=!1,gi=null,Ur=!1,I=a;do try{ek()}catch(P){if(I===null)throw Error(j(330));Vt(I,P),I=I.nextEffect}while(I!==null);gi=null,I=a;do try{for(o=e;I!==null;){var y=I.flags;if(y&16&&Ia(I.stateNode,""),y&128){var w=I.alternate;if(w!==null){var x=w.ref;x!==null&&(typeof x=="function"?x(null):x.current=null)}}switch(y&1038){case 2:yp(I),I.flags&=-3;break;case 6:yp(I),I.flags&=-3,Yl(I.alternate,I);break;case 1024:I.flags&=-1025;break;case 1028:I.flags&=-1025,Yl(I.alternate,I);break;case 4:Yl(I.alternate,I);break;case 8:s=I,bp(o,s);var C=s.alternate;gp(s),C!==null&&gp(C)}I=I.nextEffect}}catch(P){if(I===null)throw Error(j(330));Vt(I,P),I=I.nextEffect}while(I!==null);if(x=il,w=Qd(),y=x.focusedElem,o=x.selectionRange,w!==y&&y&&y.ownerDocument&&Jd(y.ownerDocument.documentElement,y)){for(o!==null&&Xs(y)&&
|
|||
|
|
`);for(let o=a;o<r.length;o++){const s=r[o];if(s.length>1024)continue;const l=Gp.test(s)?s.replace(Gp,"$1"):s;if(!l.match(/\S*Error: /)){for(const u of t){const d=u(l);if(d){i.push(d);break}}if(i.length>=Kp)break}}return Mk(i)}}function Fk(e){return Array.isArray(e)?Jp(...e):e}function Mk(e){if(!e.length)return[];const t=Array.from(e);return/sentryWrapped/.test(t[t.length-1].function||"")&&t.pop(),t.reverse(),qp.test(t[t.length-1].function||"")&&(t.pop(),qp.test(t[t.length-1].function||"")&&t.pop()),t.slice(0,Kp).map(n=>({...n,filename:n.filename||t[t.length-1].filename,function:n.function||"?"}))}const fc="<anonymous>";function Kt(e){try{return!e||typeof e!="function"?fc:e.name||fc}catch{return fc}}const Xr={},Qp={};function hn(e,t){Xr[e]=Xr[e]||[],Xr[e].push(t)}function gn(e,t){Qp[e]||(t(),Qp[e]=!0)}function Ze(e,t){const n=e&&Xr[e];if(n)for(const a of n)try{a(t)}catch(i){ki&&A.error(`Error while triggering instrumentation handler.
|
|||
|
|
Type: ${e}
|
|||
|
|
Name: ${Kt(a)}
|
|||
|
|
Error:`,i)}}function _k(e){const t="console";hn(t,e),gn(t,Rk)}function Rk(){"console"in L&&pc.forEach(function(e){e in L.console&&me(L.console,e,function(t){return Qr[e]=t,function(...n){Ze("console",{args:n,level:e});const i=Qr[e];i&&i.apply(L.console,n)}})})}function Ve(){const e=L,t=e.crypto||e.msCrypto;let n=()=>Math.random()*16;try{if(t&&t.randomUUID)return t.randomUUID().replace(/-/g,"");t&&t.getRandomValues&&(n=()=>{const a=new Uint8Array(1);return t.getRandomValues(a),a[0]})}catch{}return([1e7]+1e3+4e3+8e3+1e11).replace(/[018]/g,a=>(a^(n()&15)>>a/4).toString(16))}function Zp(e){return e.exception&&e.exception.values?e.exception.values[0]:void 0}function Gt(e){const{message:t,event_id:n}=e;if(t)return t;const a=Zp(e);return a?a.type&&a.value?`${a.type}: ${a.value}`:a.type||a.value||n||"<unknown>":n||"<unknown>"}function yc(e,t,n){const a=e.exception=e.exception||{},i=a.values=a.values||[],r=i[0]=i[0]||{};r.value||(r.value=t||""),r.type||(r.type=n||"Error")}function wi(e,t){const n=Zp(e);if(!n)return;const a={type:"generic",handled:!0},i=n.mechanism;if(n.mechanism={...a,...i,...t},t&&"data"in t){const r={...i&&i.data,...t.data};n.mechanism.data=r}}function Xp(e){if(e&&e.__sentry_captured__)return!0;try{vi(e,"__sentry_captured__",!0)}catch{}return!1}function eh(e){return Array.isArray(e)?e:[e]}const la=L,Yk=1e3;let th,bc,kc;function Uk(e){const t="dom";hn(t,e),gn(t,Lk)}function Lk(){if(!la.document)return;const e=Ze.bind(null,"dom"),t=nh(e,!0);la.document.addEventListener("click",t,!1),la.document.addEventListener("keypress",t,!1),["EventTarget","Node"].forEach(n=>{const a=la[n]&&la[n].prototype;!a||!a.hasOwnProperty||!a.hasOwnProperty("addEventListener")||(me(a,"addEventListener",function(i){return function(r,o,s){if(r==="click"||r=="keypress")try{const l=this,u=l.__sentry_instrumentation_handlers__=l.__sentry_instrumentation_handlers__||{},d=u[r]=u[r]||{refCount:0};if(!d.handler){const p=nh(e);d.handler=p,i.call(this,r,p,s)}d.refCount++}catch{}return i.call(this,r,o,s)}}),me(a,"removeEventListener",function(i){return function(r,o,s){if(r==="click"||r=="keypress")try{const l=this,u=l.__sentry_instrumentation_handlers__||{},d=u[r];d&&(d.refCount--,d.refCount<=0&&(i.call(this,r,d.handler,s),d.handler=void 0,delete u[r]),Object.keys(u).length===0&&delete l.__sentry_instrumentation_handlers__)}catch{}return i.call(this,r,o,s)}}))})}function Ok(e){if(e.type!==bc)return!1;try{if(!e.target||e.target._sentryId!==kc)return!1}catch{}return!0}function Bk(e,t){return e!=="keypress"?!1:!t||!t.tagName?!0:!(t.tagName==="INPUT"||t.tagName==="TEXTAREA"||t.isContentEditable)}function nh(e,t=!1){return n=>{if(!n||n._sentryCaptured)return;const a=Hk(n);if(Bk(n.type,a))return;vi(n,"_sentryCaptured",!0),a&&!a._sentryId&&vi(a,"_sentryId",Ve());const i=n.type==="keypress"?"input":n.type;Ok(n)||(e({event:n,name:i,global:t}),bc=n.type,kc=a?a._sentryId:void 0),clearTimeout(th),th=la.setTimeout(()=>{kc=void 0,bc=void 0},Yk)}}function Hk(e){try{return e.target}catch{return null}}const vc=dc();function ah(){if(!("fetch"in vc))return!1;try{return new Headers,new Request("http://www.example.com"),new Response,!0}catch{return!1}}function wc(e){return e&&/^function fetch\(\)\s+\{\s+\[native code\]\s+\}$/.test(e.toString())}function Vk(){if(typeof EdgeRuntime=="string")return!0;if(!ah())return!1;if(wc(vc.fetch))return!0;let e=!1;const t=vc.document;if(t&&typeof t.createElement=="function")try{const n=t.createElement("iframe");n.hidden=!0,t.head.appendChild(n),n.contentWindow&&n.contentWindow.fetch&&(e=wc(n.contentWindow.fetch)),t.head.removeChild(n)}catch(n){ki&&A.warn("Could not create sandbox iframe for pure fetch check, bailing to window.fetch: ",n)}return e}function Wk(e){const t="fetch";hn(t,e),gn(t,Kk)}function Kk(){Vk()&&me(L,"fetch",function(e){return function(...t){const{method:n,url:a}=Gk(t),i={args:t,fetchData:{method:n,url:a},startTimestamp:Date.now()};return Ze("fetch",{...i}),e.apply(L,t).then(r=>{const o={...i,endTimestamp:Date.now(),response:r};return Ze("fetch",o),r},r=>{const o={...i,endTimestamp:Date.now(),error:r};throw Ze("fetc
|
|||
|
|
${JSON.stringify(s)}
|
|||
|
|
`),typeof l=="string"||l instanceof Uint8Array)r(l);else{let u;try{u=JSON.stringify(l)}catch{u=JSON.stringify(qt(l))}r(u)}}return typeof i=="string"?i:yv(i)}function yv(e){const t=e.reduce((i,r)=>i+r.length,0),n=new Uint8Array(t);let a=0;for(const i of e)n.set(i,a),a+=i.length;return n}function bv(e,t){const n=typeof e.data=="string"?$c(e.data,t):e.data;return[St({type:"attachment",length:n.length,filename:e.filename,content_type:e.contentType,attachment_type:e.attachmentType}),n]}const kv={session:"session",sessions:"session",attachment:"attachment",transaction:"transaction",event:"error",client_report:"internal",user_report:"default",profile:"profile",replay_event:"replay",replay_recording:"replay",check_in:"monitor",feedback:"feedback",span:"span",statsd:"metric_bucket"};function uh(e){return kv[e]}function dh(e){if(!e||!e.sdk)return;const{name:t,version:n}=e.sdk;return{name:t,version:n}}function vv(e,t,n,a){const i=e.sdkProcessingMetadata&&e.sdkProcessingMetadata.dynamicSamplingContext;return{event_id:e.event_id,sent_at:new Date().toISOString(),...t&&{sdk:t},...!!n&&a&&{dsn:sa(a)},...i&&{trace:St({...i})}}}function wv(e,t,n){const a=[{type:"client_report"},{timestamp:n||Ei(),discarded_events:e}];return ua(t?{dsn:t}:{},[a])}const xv=60*1e3;function Sv(e,t=Date.now()){const n=parseInt(`${e}`,10);if(!isNaN(n))return n*1e3;const a=Date.parse(`${e}`);return isNaN(a)?xv:a-t}function Ev(e,t){return e[t]||e.all||0}function Cv(e,t,n=Date.now()){return Ev(e,t)>n}function $v(e,{statusCode:t,headers:n},a=Date.now()){const i={...e},r=n&&n["x-sentry-rate-limits"],o=n&&n["retry-after"];if(r)for(const s of r.trim().split(",")){const[l,u,,,d]=s.split(":",5),p=parseInt(l,10),m=(isNaN(p)?60:p)*1e3;if(!u)i.all=a+m;else for(const g of u.split(";"))g==="metric_bucket"?(!d||d.split(";").includes("custom"))&&(i[g]=a+m):i[g]=a+m}else o?i.all=a+Sv(o,a):t===429&&(i.all=a+60*1e3);return i}const H=typeof __SENTRY_DEBUG__>"u"||__SENTRY_DEBUG__,io="production";function jc(){return Yp("globalEventProcessors",()=>[])}function jv(e){jc().push(e)}function ro(e,t,n,a=0){return new Fe((i,r)=>{const o=e[a];if(t===null||typeof o!="function")i(t);else{const s=o({...t},n);H&&o.id&&s===null&&A.log(`Event processor "${o.id}" dropped event`),Gr(s)?s.then(l=>ro(e,l,n,a+1).then(i)).then(null,r):ro(e,s,n,a+1).then(i).then(null,r)}})}function mh(e){const t=lh(),n={sid:Ve(),init:!0,timestamp:t,started:t,duration:0,status:"ok",errors:0,ignoreDuration:!1,toJSON:()=>Pv(n)};return e&&fn(n,e),n}function fn(e,t={}){if(t.user&&(!e.ipAddress&&t.user.ip_address&&(e.ipAddress=t.user.ip_address),!e.did&&!t.did&&(e.did=t.user.id||t.user.email||t.user.username)),e.timestamp=t.timestamp||lh(),t.abnormal_mechanism&&(e.abnormal_mechanism=t.abnormal_mechanism),t.ignoreDuration&&(e.ignoreDuration=t.ignoreDuration),t.sid&&(e.sid=t.sid.length===32?t.sid:Ve()),t.init!==void 0&&(e.init=t.init),!e.did&&t.did&&(e.did=`${t.did}`),typeof t.started=="number"&&(e.started=t.started),e.ignoreDuration)e.duration=void 0;else if(typeof t.duration=="number")e.duration=t.duration;else{const n=e.timestamp-e.started;e.duration=n>=0?n:0}t.release&&(e.release=t.release),t.environment&&(e.environment=t.environment),!e.ipAddress&&t.ipAddress&&(e.ipAddress=t.ipAddress),!e.userAgent&&t.userAgent&&(e.userAgent=t.userAgent),typeof t.errors=="number"&&(e.errors=t.errors),t.status&&(e.status=t.status)}function ph(e,t){let n={};t?n={status:t}:e.status==="ok"&&(n={status:"exited"}),fn(e,n)}function Pv(e){return St({sid:`${e.sid}`,init:e.init,started:new Date(e.started*1e3).toISOString(),timestamp:new Date(e.timestamp*1e3).toISOString(),status:e.status,errors:e.errors,did:typeof e.did=="number"||typeof e.did=="string"?`${e.did}`:void 0,duration:e.duration,abnormal_mechanism:e.abnormal_mechanism,attrs:{release:e.release,environment:e.environment,ip_address:e.ipAddress,user_agent:e.userAgent}})}const Tv=1;function Nv(e){const{spanId:t,traceId:n}=e.spanContext(),{data:a,op:i,parent_span_id:r,status:o,tags:s,origin:l}=Ci(e);return St({data:a,op:i,parent_span_id:r,span_id:t,status:o,tags:s,trace_id:n,origin:l})}functi
|
|||
|
|
Sentry.addTracingExtensions();
|
|||
|
|
Sentry.init({...});
|
|||
|
|
`):A.warn("Tracing extension 'startTransaction' is missing. You should 'init' the SDK before calling 'startTransaction'")),a}traceHeaders(){return this._callExtensionMethod("traceHeaders")}captureSession(t=!1){if(t)return this.endSession();this._sendSessionUpdate()}endSession(){const n=this.getStackTop().scope,a=n.getSession();a&&ph(a),this._sendSessionUpdate(),n.setSession()}startSession(t){const{scope:n,client:a}=this.getStackTop(),{release:i,environment:r=io}=a&&a.getOptions()||{},{userAgent:o}=L.navigator||{},s=mh({release:i,environment:r,user:n.getUser(),...o&&{userAgent:o},...t}),l=n.getSession&&n.getSession();return l&&l.status==="ok"&&fn(l,{status:"exited"}),this.endSession(),n.setSession(s),s}shouldSendDefaultPii(){const t=this.getClient(),n=t&&t.getOptions();return!!(n&&n.sendDefaultPii)}_sendSessionUpdate(){const{scope:t,client:n}=this.getStackTop(),a=t.getSession();a&&n&&n.captureSession&&n.captureSession(a)}_callExtensionMethod(t,...n){const i=oo().__SENTRY__;if(i&&i.extensions&&typeof i.extensions[t]=="function")return i.extensions[t].apply(this,n);H&&A.warn(`Extension method ${t} couldn't be found, doing nothing.`)}}function oo(){return L.__SENTRY__=L.__SENTRY__||{extensions:{},hub:void 0},L}function Ph(e){const t=oo(),n=Ic(t);return Th(t,e),n}function ct(){const e=oo();if(e.__SENTRY__&&e.__SENTRY__.acs){const t=e.__SENTRY__.acs.getCurrentHub();if(t)return t}return Xv(e)}function so(){return ct().getIsolationScope()}function Xv(e=oo()){return(!ew(e)||Ic(e).isOlderThan($h))&&Th(e,new jh),Ic(e)}function ew(e){return!!(e&&e.__SENTRY__&&e.__SENTRY__.hub)}function Ic(e){return Yp("hub",()=>new jh,e)}function Th(e,t){if(!e)return!1;const n=e.__SENTRY__=e.__SENTRY__||{};return n.hub=t,!0}function tw(e,t){return t&&(e.sdk=e.sdk||{},e.sdk.name=e.sdk.name||t.name,e.sdk.version=e.sdk.version||t.version,e.sdk.integrations=[...e.sdk.integrations||[],...t.integrations||[]],e.sdk.packages=[...e.sdk.packages||[],...t.packages||[]]),e}function nw(e,t,n,a){const i=dh(n),r={sent_at:new Date().toISOString(),...i&&{sdk:i},...!!a&&t&&{dsn:sa(t)}},o="aggregates"in e?[{type:"sessions"},e]:[{type:"session"},e.toJSON()];return ua(r,[o])}function aw(e,t,n,a){const i=dh(n),r=e.type&&e.type!=="replay_event"?e.type:"event";tw(e,n&&n.sdk);const o=vv(e,i,a,t);return delete e.sdkProcessingMetadata,ua(o,[[{type:r},e]])}const iw="7";function Nh(e){const t=e.protocol?`${e.protocol}:`:"",n=e.port?`:${e.port}`:"";return`${t}//${e.host}${n}${e.path?`/${e.path}`:""}/api/`}function rw(e){return`${Nh(e)}${e.projectId}/envelope/`}function ow(e,t){return Ak({sentry_key:e.publicKey,sentry_version:iw,...t&&{sentry_client:`${t.name}/${t.version}`}})}function sw(e,t={}){const n=typeof t=="string"?t:t.tunnel,a=typeof t=="string"||!t._metadata?void 0:t._metadata.sdk;return n||`${rw(e)}?${ow(e,a)}`}function lw(e,t){const n=Op(e);if(!n)return"";const a=`${Nh(n)}embed/error-page/`;let i=`dsn=${sa(n)}`;for(const r in t)if(r!=="dsn"&&r!=="onClose")if(r==="user"){const o=t.user;if(!o)continue;o.name&&(i+=`&name=${encodeURIComponent(o.name)}`),o.email&&(i+=`&email=${encodeURIComponent(o.email)}`)}else i+=`&${encodeURIComponent(r)}=${encodeURIComponent(t[r])}`;return`${a}?${i}`}const Ih=[];function cw(e){const t={};return e.forEach(n=>{const{name:a}=n,i=t[a];i&&!i.isDefaultInstance&&n.isDefaultInstance||(t[a]=n)}),Object.keys(t).map(n=>t[n])}function uw(e){const t=e.defaultIntegrations||[],n=e.integrations;t.forEach(o=>{o.isDefaultInstance=!0});let a;Array.isArray(n)?a=[...t,...n]:typeof n=="function"?a=eh(n(t)):a=t;const i=cw(a),r=mw(i,o=>o.name==="Debug");if(r!==-1){const[o]=i.splice(r,1);i.push(o)}return i}function dw(e,t){const n={};return t.forEach(a=>{a&&zh(e,a,n)}),n}function Ah(e,t){for(const n of t)n&&n.afterAllSetup&&n.afterAllSetup(e)}function zh(e,t,n){if(n[t.name]){H&&A.log(`Integration skipped because it was already installed: ${t.name}`);return}if(n[t.name]=t,Ih.indexOf(t.name)===-1&&(t.setupOnce(jv,ct),Ih.push(t.name)),t.setup&&typeof t.setup=="function"&&t.setup(e),e.on&&typeof t.preprocessEvent=="function"){const a=t.preprocessEvent.bind(t);e.o
|
|||
|
|
`}return t}function hw(e,t,n,a){const i={sent_at:new Date().toISOString()};n&&n.sdk&&(i.sdk={name:n.sdk.name,version:n.sdk.version}),a&&t&&(i.dsn=sa(t));const r=gw(e);return ua(i,[r])}function gw(e){const t=pw(e);return[{type:"statsd",length:t.length},t]}const Dh="Not capturing exception because it's already been captured.";class fw{constructor(t){if(this._options=t,this._integrations={},this._integrationsInitialized=!1,this._numProcessing=0,this._outcomes={},this._hooks={},this._eventProcessors=[],t.dsn?this._dsn=Op(t.dsn):H&&A.warn("No DSN provided, client will not send events."),this._dsn){const n=sw(this._dsn,t);this._transport=t.transport({tunnel:this._options.tunnel,recordDroppedEvent:this.recordDroppedEvent.bind(this),...t.transportOptions,url:n})}}captureException(t,n,a){if(Xp(t)){H&&A.log(Dh);return}let i=n&&n.event_id;return this._process(this.eventFromException(t,n).then(r=>this._captureEvent(r,n,a)).then(r=>{i=r})),i}captureMessage(t,n,a,i){let r=a&&a.event_id;const o=lc(t)?t:String(t),s=cc(t)?this.eventFromMessage(o,n,a):this.eventFromException(t,a);return this._process(s.then(l=>this._captureEvent(l,a,i)).then(l=>{r=l})),r}captureEvent(t,n,a){if(n&&n.originalException&&Xp(n.originalException)){H&&A.log(Dh);return}let i=n&&n.event_id;const o=(t.sdkProcessingMetadata||{}).capturedSpanScope;return this._process(this._captureEvent(t,n,o||a).then(s=>{i=s})),i}captureSession(t){typeof t.release!="string"?H&&A.warn("Discarded session because of missing or non-string release"):(this.sendSession(t),fn(t,{init:!1}))}getDsn(){return this._dsn}getOptions(){return this._options}getSdkMetadata(){return this._options._metadata}getTransport(){return this._transport}flush(t){const n=this._transport;return n?(this.metricsAggregator&&this.metricsAggregator.flush(),this._isClientDoneProcessing(t).then(a=>n.flush(t).then(i=>a&&i))):ca(!0)}close(t){return this.flush(t).then(n=>(this.getOptions().enabled=!1,this.metricsAggregator&&this.metricsAggregator.close(),n))}getEventProcessors(){return this._eventProcessors}addEventProcessor(t){this._eventProcessors.push(t)}setupIntegrations(t){(t&&!this._integrationsInitialized||this._isEnabled()&&!this._integrationsInitialized)&&this._setupIntegrations()}init(){this._isEnabled()&&this._setupIntegrations()}getIntegrationById(t){return this.getIntegrationByName(t)}getIntegrationByName(t){return this._integrations[t]}getIntegration(t){try{return this._integrations[t.id]||null}catch{return H&&A.warn(`Cannot retrieve integration ${t.id} from the current Client`),null}}addIntegration(t){const n=this._integrations[t.name];zh(this,t,this._integrations),n||Ah(this,[t])}sendEvent(t,n={}){this.emit("beforeSendEvent",t,n);let a=aw(t,this._dsn,this._options._metadata,this._options.tunnel);for(const r of n.attachments||[])a=gv(a,bv(r,this._options.transportOptions&&this._options.transportOptions.textEncoder));const i=this._sendEnvelope(a);i&&i.then(r=>this.emit("afterSendEvent",t,r),null)}sendSession(t){const n=nw(t,this._dsn,this._options._metadata,this._options.tunnel);this._sendEnvelope(n)}recordDroppedEvent(t,n,a){if(this._options.sendClientReports){const i=typeof a=="number"?a:1,r=`${t}:${n}`;H&&A.log(`Recording outcome: "${r}"${i>1?` (${i} times)`:""}`),this._outcomes[r]=(this._outcomes[r]||0)+i}}captureAggregateMetrics(t){H&&A.log(`Flushing aggregated metrics, number of metrics: ${t.length}`);const n=hw(t,this._dsn,this._options._metadata,this._options.tunnel);this._sendEnvelope(n)}on(t,n){this._hooks[t]||(this._hooks[t]=[]),this._hooks[t].push(n)}emit(t,...n){this._hooks[t]&&this._hooks[t].forEach(a=>a(...n))}_setupIntegrations(){const{integrations:t}=this._options;this._integrations=dw(this,t),Ah(this,t),this._integrationsInitialized=!0}_updateSessionFromEvent(t,n){let a=!1,i=!1;const r=n.exception&&n.exception.values;if(r){i=!0;for(const l of r){const u=l.mechanism;if(u&&u.handled===!1){a=!0;break}}}const o=t.status==="ok";(o&&t.errors===0||o&&a)&&(fn(t,{...a&&{status:"crashed"},errors:t.errors||Number(i||a)}),this.captureSession(t))}_isClientDoneProcessing(t){return new Fe(n=>{let a=0;cons
|
|||
|
|
Reason: ${g}`))})}_process(t){this._numProcessing++,t.then(n=>(this._numProcessing--,n),n=>(this._numProcessing--,n))}_sendEnvelope(t){if(this.emit("beforeEnvelope",t),this._isEnabled()&&this._transport)return this._transport.send(t).then(null,n=>{H&&A.error("Error while sending event:",n)});H&&A.error("Transport disabled")}_clearOutcomes(){const t=this._outcomes;return this._outcomes={},Object.keys(t).map(n=>{const[a,i]=n.split(":");return{reason:a,category:i,quantity:t[n]}})}}function yw(e,t){const n=`${t} must return \`null\` or a valid event.`;if(Gr(e))return e.then(a=>{if(!ra(a)&&a!==null)throw new lt(n);return a},a=>{throw new lt(`${t} rejected with ${a}`)});if(!ra(e)&&e!==null)throw new lt(n);return e}function bw(e,t,n){const{beforeSend:a,beforeSendTransaction:i}=e;if(Fh(t)&&a)return a(t,n);if(Mh(t)&&i){if(t.spans){const r=t.spans.length;t.sdkProcessingMetadata={...t.sdkProcessingMetadata,spanCountBeforeProcessing:r}}return i(t,n)}return t}function Fh(e){return e.type===void 0}function Mh(e){return e.type==="transaction"}function kw(e,t){t.debug===!0&&(H?A.enable():Zr(()=>{console.warn("[Sentry] Cannot initialize SDK with `debug` option using a non-debug bundle.")})),$i().update(t.initialScope);const a=new e(t);vw(a),ww(a)}function vw(e){const n=ct().getStackTop();n.client=e,n.scope.setClient(e)}function ww(e){e.init?e.init():e.setupIntegrations&&e.setupIntegrations()}const xw=30;function _h(e,t,n=dv(e.bufferSize||xw)){let a={};const i=o=>n.drain(o);function r(o){const s=[];if(ch(o,(p,m)=>{const g=uh(m);if(Cv(a,g)){const b=Rh(p,m);e.recordDroppedEvent("ratelimit_backoff",g,b)}else s.push(p)}),s.length===0)return ca();const l=ua(o[0],s),u=p=>{ch(l,(m,g)=>{const b=Rh(m,g);e.recordDroppedEvent(p,uh(g),b)})},d=()=>t({body:fv(l,e.textEncoder)}).then(p=>(p.statusCode!==void 0&&(p.statusCode<200||p.statusCode>=300)&&H&&A.warn(`Sentry responded with status code ${p.statusCode} to sent event.`),a=$v(a,p),p),p=>{throw u("network_error"),p});return n.add(d).then(p=>p,p=>{if(p instanceof lt)return H&&A.error("Skipped sending event because buffer is full."),u("queue_overflow"),ca();throw p})}return r.__sentry__baseTransport__=!0,{send:r,flush:i}}function Rh(e,t){if(!(t!=="event"&&t!=="transaction"))return Array.isArray(e)?e[1]:void 0}function Yh(e,t,n=[t],a="npm"){const i=e._metadata||{};i.sdk||(i.sdk={name:`sentry.javascript.${t}`,packages:n.map(r=>({name:`${a}:@sentry/${r}`,version:Nc})),version:Nc}),e._metadata=i}const Sw=[/^Script error\.?$/,/^Javascript error: Script error\.? on line 0$/,/^ResizeObserver loop completed with undelivered notifications.$/,/^Cannot redefine property: googletag$/],Ew=[/^.*\/healthcheck$/,/^.*\/healthy$/,/^.*\/live$/,/^.*\/ready$/,/^.*\/heartbeat$/,/^.*\/health$/,/^.*\/healthz$/],Uh="InboundFilters",Lh=(e={})=>({name:Uh,setupOnce(){},processEvent(t,n,a){const i=a.getOptions(),r=Cw(e,i);return $w(t,r)?null:t}});Jt(Uh,Lh);function Cw(e={},t={}){return{allowUrls:[...e.allowUrls||[],...t.allowUrls||[]],denyUrls:[...e.denyUrls||[],...t.denyUrls||[]],ignoreErrors:[...e.ignoreErrors||[],...t.ignoreErrors||[],...e.disableErrorDefaults?[]:Sw],ignoreTransactions:[...e.ignoreTransactions||[],...t.ignoreTransactions||[],...e.disableTransactionDefaults?[]:Ew],ignoreInternal:e.ignoreInternal!==void 0?e.ignoreInternal:!0}}function $w(e,t){return t.ignoreInternal&&Aw(e)?(H&&A.warn(`Event dropped due to being internal Sentry Error.
|
|||
|
|
Event: ${Gt(e)}`),!0):jw(e,t.ignoreErrors)?(H&&A.warn(`Event dropped due to being matched by \`ignoreErrors\` option.
|
|||
|
|
Event: ${Gt(e)}`),!0):Pw(e,t.ignoreTransactions)?(H&&A.warn(`Event dropped due to being matched by \`ignoreTransactions\` option.
|
|||
|
|
Event: ${Gt(e)}`),!0):Tw(e,t.denyUrls)?(H&&A.warn(`Event dropped due to being matched by \`denyUrls\` option.
|
|||
|
|
Event: ${Gt(e)}.
|
|||
|
|
Url: ${lo(e)}`),!0):Nw(e,t.allowUrls)?!1:(H&&A.warn(`Event dropped due to not being matched by \`allowUrls\` option.
|
|||
|
|
Event: ${Gt(e)}.
|
|||
|
|
Url: ${lo(e)}`),!0)}function jw(e,t){return e.type||!t||!t.length?!1:Iw(e).some(n=>qr(n,t))}function Pw(e,t){if(e.type!=="transaction"||!t||!t.length)return!1;const n=e.transaction;return n?qr(n,t):!1}function Tw(e,t){if(!t||!t.length)return!1;const n=lo(e);return n?qr(n,t):!1}function Nw(e,t){if(!t||!t.length)return!0;const n=lo(e);return n?qr(n,t):!0}function Iw(e){const t=[];e.message&&t.push(e.message);let n;try{n=e.exception.values[e.exception.values.length-1]}catch{}return n&&n.value&&(t.push(n.value),n.type&&t.push(`${n.type}: ${n.value}`)),H&&t.length===0&&A.error(`Could not extract message for event ${Gt(e)}`),t}function Aw(e){try{return e.exception.values[0].type==="SentryError"}catch{}return!1}function zw(e=[]){for(let t=e.length-1;t>=0;t--){const n=e[t];if(n&&n.filename!=="<anonymous>"&&n.filename!=="[native code]")return n.filename||null}return null}function lo(e){try{let t;try{t=e.exception.values[0].stacktrace.frames}catch{}return t?zw(t):null}catch{return H&&A.error(`Cannot extract url for event ${Gt(e)}`),null}}let Oh;const Bh="FunctionToString",Hh=new WeakMap,Vh=()=>({name:Bh,setupOnce(){Oh=Function.prototype.toString;try{Function.prototype.toString=function(...e){const t=hc(this),n=Hh.has(Ee())&&t!==void 0?t:this;return Oh.apply(n,e)}}catch{}},setup(e){Hh.set(e,!0)}});Jt(Bh,Vh);const Y=L;let Ac=0;function Wh(){return Ac>0}function Dw(){Ac++,setTimeout(()=>{Ac--})}function da(e,t={},n){if(typeof e!="function")return e;try{const i=e.__sentry_wrapped__;if(i)return typeof i=="function"?i:e;if(hc(e))return e}catch{return e}const a=function(){const i=Array.prototype.slice.call(arguments);try{n&&typeof n=="function"&&n.apply(this,arguments);const r=i.map(o=>da(o,t));return e.apply(this,r)}catch(r){throw Dw(),fh(o=>{o.addEventProcessor(s=>(t.mechanism&&(yc(s,void 0,void 0),wi(s,t.mechanism)),s.extra={...s.extra,arguments:i},s)),Pc(r)}),r}};try{for(const i in e)Object.prototype.hasOwnProperty.call(e,i)&&(a[i]=e[i])}catch{}Bp(a,e),vi(e,"__sentry_wrapped__",a);try{Object.getOwnPropertyDescriptor(a,"name").configurable&&Object.defineProperty(a,"name",{get(){return e.name}})}catch{}return a}const We=typeof __SENTRY_DEBUG__>"u"||__SENTRY_DEBUG__;function Kh(e,t){const n=Dc(e,t),a={type:t&&t.name,value:Rw(t)};return n.length&&(a.stacktrace={frames:n}),a.type===void 0&&a.value===""&&(a.value="Unrecoverable error caught"),a}function Fw(e,t,n,a){const i=Ee(),r=i&&i.getOptions().normalizeDepth,o={exception:{values:[{type:Kr(t)?t.constructor.name:a?"UnhandledRejection":"Error",value:Lw(t,{isUnhandledRejection:a})}]},extra:{__serialized__:oh(t,r)}};if(n){const s=Dc(e,n);s.length&&(o.exception.values[0].stacktrace={frames:s})}return o}function zc(e,t){return{exception:{values:[Kh(e,t)]}}}function Dc(e,t){const n=t.stacktrace||t.stack||"",a=_w(t);try{return e(n,a)}catch{}return[]}const Mw=/Minified React error #\d+;/i;function _w(e){if(e){if(typeof e.framesToPop=="number")return e.framesToPop;if(Mw.test(e.message))return 1}return 0}function Rw(e){const t=e&&e.message;return t?t.error&&typeof t.error.message=="string"?t.error.message:t:"No error message"}function Yw(e,t,n,a){const i=n&&n.syntheticException||void 0,r=Fc(e,t,i,a);return wi(r),r.level="error",n&&n.event_id&&(r.event_id=n.event_id),ca(r)}function Uw(e,t,n="info",a,i){const r=a&&a.syntheticException||void 0,o=Mc(e,t,r,i);return o.level=n,a&&a.event_id&&(o.event_id=a.event_id),ca(o)}function Fc(e,t,n,a,i){let r;if(sc(t)&&t.error)return zc(e,t.error);if(Dp(t)||hk(t)){const o=t;if("stack"in t)r=zc(e,t);else{const s=o.name||(Dp(o)?"DOMError":"DOMException"),l=o.message?`${s}: ${o.message}`:s;r=Mc(e,l,n,a),yc(r,l)}return"code"in o&&(r.tags={...r.tags,"DOMException.code":`${o.code}`}),r}return oc(t)?zc(e,t):ra(t)||Kr(t)?(r=Fw(e,t,n,i),wi(r,{synthetic:!0}),r):(r=Mc(e,t,n,a),yc(r,`${t}`,void 0),wi(r,{synthetic:!0}),r)}function Mc(e,t,n,a){const i={};if(a&&n){const r=Dc(e,n);r.length&&(i.exception={values:[{value:t,stacktrace:{frames:r}}]})}if(lc(t)){const{__sentry_template_string__:r,__sentry_template_values__:o}=t;return i.logentry={message:r,params:o},i}return i.messag
|
|||
|
|
* react-is.production.min.js
|
|||
|
|
*
|
|||
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|||
|
|
*
|
|||
|
|
* This source code is licensed under the MIT license found in the
|
|||
|
|
* LICENSE file in the root directory of this source tree.
|
|||
|
|
*/var le=typeof Symbol=="function"&&Symbol.for,Rc=le?Symbol.for("react.element"):60103,Yc=le?Symbol.for("react.portal"):60106,po=le?Symbol.for("react.fragment"):60107,ho=le?Symbol.for("react.strict_mode"):60108,go=le?Symbol.for("react.profiler"):60114,fo=le?Symbol.for("react.provider"):60109,yo=le?Symbol.for("react.context"):60110,Uc=le?Symbol.for("react.async_mode"):60111,bo=le?Symbol.for("react.concurrent_mode"):60111,ko=le?Symbol.for("react.forward_ref"):60112,vo=le?Symbol.for("react.suspense"):60113,YS=le?Symbol.for("react.suspense_list"):60120,wo=le?Symbol.for("react.memo"):60115,xo=le?Symbol.for("react.lazy"):60116,US=le?Symbol.for("react.block"):60121,LS=le?Symbol.for("react.fundamental"):60117,OS=le?Symbol.for("react.responder"):60118,BS=le?Symbol.for("react.scope"):60119;function Me(e){if(typeof e=="object"&&e!==null){var t=e.$$typeof;switch(t){case Rc:switch(e=e.type,e){case Uc:case bo:case po:case go:case ho:case vo:return e;default:switch(e=e&&e.$$typeof,e){case yo:case ko:case xo:case wo:case fo:return e;default:return t}}case Yc:return t}}}function vg(e){return Me(e)===bo}O.AsyncMode=Uc,O.ConcurrentMode=bo,O.ContextConsumer=yo,O.ContextProvider=fo,O.Element=Rc,O.ForwardRef=ko,O.Fragment=po,O.Lazy=xo,O.Memo=wo,O.Portal=Yc,O.Profiler=go,O.StrictMode=ho,O.Suspense=vo,O.isAsyncMode=function(e){return vg(e)||Me(e)===Uc},O.isConcurrentMode=vg,O.isContextConsumer=function(e){return Me(e)===yo},O.isContextProvider=function(e){return Me(e)===fo},O.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===Rc},O.isForwardRef=function(e){return Me(e)===ko},O.isFragment=function(e){return Me(e)===po},O.isLazy=function(e){return Me(e)===xo},O.isMemo=function(e){return Me(e)===wo},O.isPortal=function(e){return Me(e)===Yc},O.isProfiler=function(e){return Me(e)===go},O.isStrictMode=function(e){return Me(e)===ho},O.isSuspense=function(e){return Me(e)===vo},O.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===po||e===bo||e===go||e===ho||e===vo||e===YS||typeof e=="object"&&e!==null&&(e.$$typeof===xo||e.$$typeof===wo||e.$$typeof===fo||e.$$typeof===yo||e.$$typeof===ko||e.$$typeof===LS||e.$$typeof===OS||e.$$typeof===BS||e.$$typeof===US)},O.typeOf=Me,kg.exports=O;var HS=kg.exports,wg=HS,VS={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},WS={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},xg={};xg[wg.ForwardRef]=VS,xg[wg.Memo]=WS;const KS=typeof __SENTRY_DEBUG__>"u"||__SENTRY_DEBUG__;function GS(e){const t=e.match(/^([^.]+)/);return t!==null&&parseInt(t[0])>=17}const Sg={componentStack:null,error:null,eventId:null};function qS(e,t){const n=new WeakMap;function a(i,r){if(!n.has(i)){if(i.cause)return n.set(i,!0),a(i.cause,r);i.cause=r}}a(e,t)}class Lc extends k.Component{constructor(t){super(t),Lc.prototype.__init.call(this),this.state=Sg,this._openFallbackReportDialog=!0;const n=Ee();n&&n.on&&t.showDialog&&(this._openFallbackReportDialog=!1,n.on("afterSendEvent",a=>{!a.type&&a.event_id===this._lastEventId&&gg({...t.dialogOptions,eventId:this._lastEventId})}))}componentDidCatch(t,{componentStack:n}){const{beforeCapture:a,onError:i,showDialog:r,dialogOptions:o}=this.props;fh(s=>{if(GS(k.version)&&oc(t)){const u=new Error(t.message);u.name=`React ErrorBoundary ${t.name}`,u.stack=n,qS(t,u)}a&&a(s,t,n);const l=Pc(t,{captureContext:{contexts:{react:{componentStack:n}}},mechanism:{handled:!!this.props.fallback}});i&&i(t,n,l),r&&(this._lastEventId=l,this._openFallbackReportDialog&&gg({...o,eventId:l})),this.setState({error:t,componentStack:n,eventId:l})})}componentDidMount(){const{onMount:t}=this.props;t&&t()}componentWillUnmount(){const{error:t,componentStack:n,eventId:a}=this.state,{onUnmount:i}=this.props;i&&i(t,n,a)}__init(){this.resetErrorBoundary=()=>{const{onReset:t}=this.props,{error:n,componentStack:a,eventId:i}=this.state;t&&t(n,a,i),this.setState(Sg)}}render(){const{fallback:t,children:n}=this.props,a=this.state;if(a.error){let i;return typeof t=="function"?i=t({error:a.error,componentStack:a.componentStack,resetError:this.resetErrorB
|
|||
|
|
.gh-portal-avatar {
|
|||
|
|
position: relative;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin: 0 0 8px 0;
|
|||
|
|
border-radius: 999px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-avatar img {
|
|||
|
|
position: absolute;
|
|||
|
|
display: block;
|
|||
|
|
top: -2px;
|
|||
|
|
right: -2px;
|
|||
|
|
bottom: -2px;
|
|||
|
|
left: -2px;
|
|||
|
|
width: calc(100% + 4px);
|
|||
|
|
height: calc(100% + 4px);
|
|||
|
|
opacity: 1;
|
|||
|
|
max-width: unset;
|
|||
|
|
}
|
|||
|
|
`,JS=({style:e={}})=>({avatarContainer:{...e.avatarContainer||{}},gravatar:{...e.avatarContainer||{}},userIcon:{width:"34px",height:"34px",color:"#fff",...e.userIcon||{}}});function Hc({gravatar:e,style:t}){let n=JS({style:t});return c.jsxs("figure",{className:"gh-portal-avatar",style:n.avatarContainer,children:[c.jsx(Bc,{style:n.userIcon}),e?c.jsx("img",{style:n.gravatar,src:e,alt:""}):null]})}const N=U.createContext({site:{},member:{},action:"",lastPage:"",brandColor:"",pageData:{},onAction:(e,t)=>({action:e,data:t}),t:()=>{}}),QS=e=>k.createElement("svg",{width:21,height:24,viewBox:"0 0 21 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},k.createElement("path",{d:"M10.533 11.267c2.835 0 5.134-2.299 5.134-5.134C15.667 3.298 13.368 1 10.533 1 7.698 1 5.4 3.298 5.4 6.133s2.298 5.134 5.133 5.134zM1 23c0-2.529 1.004-4.953 2.792-6.741 1.788-1.788 4.213-2.792 6.741-2.792 2.529 0 4.954 1.004 6.741 2.792 1.788 1.788 2.793 4.212 2.793 6.74",stroke:"#fff",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),ZS=e=>k.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e},k.createElement("g",{fill:"none",fillRule:"evenodd"},k.createElement("path",{stroke:"#FFF",strokeWidth:1.5,strokeLinecap:"round",d:"M12.5 2v20M2 12.5h20"}))),XS=e=>k.createElement("svg",{width:25,height:24,viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},k.createElement("path",{d:"M23.5 6v14.25c0 .597-.237 1.169-.659 1.591-.422.422-.994.659-1.591.659s-1.169-.237-1.591-.659c-.422-.422-.659-.994-.659-1.591V3c0-.398-.158-.78-.44-1.06-.28-.282-.662-.44-1.06-.44h-15c-.398 0-.78.158-1.06.44C1.157 2.22 1 2.601 1 3v17.25c0 .597.237 1.169.659 1.591.422.422.994.659 1.591.659h18M4.75 15h10.5M4.75 18h6",stroke:"#fff",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),k.createElement("path",{d:"M14.5 5.25h-9c-.414 0-.75.336-.75.75v4.5c0 .414.336.75.75.75h9c.414 0 .75-.336.75-.75V6c0-.414-.336-.75-.75-.75z",stroke:"#fff",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),eE=e=>k.createElement("svg",{width:24,height:18,viewBox:"0 0 24 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},k.createElement("path",{d:"M21.75 1.5H2.25c-.828 0-1.5.672-1.5 1.5v12c0 .828.672 1.5 1.5 1.5h19.5c.828 0 1.5-.672 1.5-1.5V3c0-.828-.672-1.5-1.5-1.5zM15.687 6.975L19.5 10.5M8.313 6.975L4.5 10.5",stroke:"#fff",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),k.createElement("path",{d:"M22.88 2.014l-9.513 6.56C12.965 8.851 12.488 9 12 9s-.965-.149-1.367-.426L1.12 2.014",stroke:"#fff",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),tE=e=>k.createElement("svg",{width:26,height:26,viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},k.createElement("path",{d:"M17.903 12.016c-.332-1.665-1.491-3.032-3.031-3.654M11.037 8.4C9.252 9.163 8 10.935 8 13c0 .432.055.85.158 1.25M10.44 17.296c.748.447 1.624.704 2.56.704 1.71 0 3.22-.858 4.12-2.167M15.171 21.22c3.643-.96 6.329-4.276 6.329-8.22 0-1.084-.203-2.121-.573-3.075M18.611 6.615C17.114 5.3 15.151 4.5 13 4.5c-2.149 0-4.112.797-5.608 2.113M5.112 9.826c-.395.98-.612 2.052-.612 3.174 0 4.015 2.783 7.38 6.526 8.27",stroke:"#fff",strokeWidth:1.5,strokeLinecap:"round"}),k.createElement("path",{d:"M8.924 24.29c1.273.46 2.645.71 4.076.71 5.52 0 10.17-3.727 11.57-8.803M6.712 2.777C3.285 4.89 1 8.678 1 13c0 3.545 1.537 6.731 3.982 8.928M24.849 11.089C23.933 5.369 18.977 1 13 1c-.69 0-1.367.058-2.025.17",stroke:"#fff",strokeWidth:1.5,strokeLinecap:"round"})),Vc=`
|
|||
|
|
/* Colors
|
|||
|
|
/* ----------------------------------------------------- */
|
|||
|
|
:root {
|
|||
|
|
--black: #000;
|
|||
|
|
--blackrgb: 0,0,0;
|
|||
|
|
--grey0: #1d1d1d;
|
|||
|
|
--grey1: #333;
|
|||
|
|
--grey1rgb: 33, 33, 33;
|
|||
|
|
--grey2: #3d3d3d;
|
|||
|
|
--grey3: #474747;
|
|||
|
|
--grey4: #515151;
|
|||
|
|
--grey5: #686868;
|
|||
|
|
--grey6: #7f7f7f;
|
|||
|
|
--grey7: #979797;
|
|||
|
|
--grey8: #aeaeae;
|
|||
|
|
--grey9: #c5c5c5;
|
|||
|
|
--grey10: #dcdcdc;
|
|||
|
|
--grey11: #e1e1e1;
|
|||
|
|
--grey12: #eaeaea;
|
|||
|
|
--grey13: #f9f9f9;
|
|||
|
|
--grey13rgb: 249,249,249;
|
|||
|
|
--grey14: #fbfbfb;
|
|||
|
|
--white: #fff;
|
|||
|
|
--whitergb: 255,255,255;
|
|||
|
|
--red: #f02525;
|
|||
|
|
--darkerRed: #C50202;
|
|||
|
|
--yellow: #FFDC15;
|
|||
|
|
--green: #7FC724;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Globals
|
|||
|
|
/* ----------------------------------------------------- */
|
|||
|
|
html {
|
|||
|
|
font-size: 62.5%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body {
|
|||
|
|
margin: 0px;
|
|||
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|||
|
|
font-size: 1.6rem;
|
|||
|
|
height: 100%;
|
|||
|
|
line-height: 1.6em;
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-style: normal;
|
|||
|
|
color: var(--grey2);
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
button,
|
|||
|
|
button span {
|
|||
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
*, ::after, ::before {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h1, h2, h3, h4, h5, h6, p {
|
|||
|
|
line-height: 1.15em;
|
|||
|
|
padding: 0;
|
|||
|
|
margin: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h1 {
|
|||
|
|
font-size: 35px;
|
|||
|
|
font-weight: 700;
|
|||
|
|
letter-spacing: -0.022em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h2 {
|
|||
|
|
font-size: 32px;
|
|||
|
|
font-weight: 700;
|
|||
|
|
letter-spacing: -0.021em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h3 {
|
|||
|
|
font-size: 24px;
|
|||
|
|
font-weight: 700;
|
|||
|
|
letter-spacing: -0.019em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h4 {
|
|||
|
|
font-size: 19px;
|
|||
|
|
font-weight: 700;
|
|||
|
|
letter-spacing: -0.02em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h5 {
|
|||
|
|
font-size: 15px;
|
|||
|
|
font-weight: 700;
|
|||
|
|
letter-spacing: -0.02em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
p {
|
|||
|
|
font-size: 15px;
|
|||
|
|
line-height: 1.5em;
|
|||
|
|
margin-bottom: 24px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
strong {
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
a,
|
|||
|
|
.gh-portal-link {
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
p a {
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: var(--brandcolor);
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
svg {
|
|||
|
|
box-sizing: content-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
input,
|
|||
|
|
textarea {
|
|||
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
textarea {
|
|||
|
|
padding: 10px;
|
|||
|
|
line-height: 1.5em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-longform {
|
|||
|
|
padding: 56px 6vmin 6vmin;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-longform p {
|
|||
|
|
color: var(--grey3);
|
|||
|
|
margin-bottom: 1.2em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-longform p:last-of-type {
|
|||
|
|
margin-bottom: 0.2em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-longform h3 {
|
|||
|
|
font-size: 27px;
|
|||
|
|
margin-top: 0px;
|
|||
|
|
margin-bottom: 0.25em;
|
|||
|
|
text-wrap: balance;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-longform h4 {
|
|||
|
|
font-size: 17.5px;
|
|||
|
|
margin-top: 1.85em;
|
|||
|
|
margin-bottom: 0.4em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-longform h5 {
|
|||
|
|
margin-top: 0.8em;
|
|||
|
|
margin-bottom: 0.2em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-longform a {
|
|||
|
|
color: var(--brandcolor);
|
|||
|
|
font-weight: 500;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-longform strong {
|
|||
|
|
color: var(--grey1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-longform .ul {
|
|||
|
|
text-decoration: underline;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-longform .gh-portal-btn {
|
|||
|
|
width: calc(100% + 4vmin);
|
|||
|
|
margin-top: 4rem;
|
|||
|
|
margin-right: -4vmin;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-longform .gh-portal-btn.no-margin-right {
|
|||
|
|
margin-right: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-longform .gh-portal-btn-text {
|
|||
|
|
color: var(--brandcolor);
|
|||
|
|
cursor: pointer;
|
|||
|
|
background: none;
|
|||
|
|
transition: color linear 100ms;
|
|||
|
|
font-size: 1.45rem;
|
|||
|
|
text-decoration: underline;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 1440px) {
|
|||
|
|
h1 {
|
|||
|
|
font-size: 32px;
|
|||
|
|
letter-spacing: -0.022em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h2 {
|
|||
|
|
font-size: 28px;
|
|||
|
|
letter-spacing: -0.021em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h3 {
|
|||
|
|
font-size: 26px;
|
|||
|
|
letter-spacing: -0.02em;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 480px) {
|
|||
|
|
h1 {
|
|||
|
|
font-size: 30px;
|
|||
|
|
letter-spacing: -0.021em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h2 {
|
|||
|
|
font-size: 26px;
|
|||
|
|
letter-spacing: -0.02em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h3 {
|
|||
|
|
font-size: 24px;
|
|||
|
|
letter-spacing: -0.019em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-longform {
|
|||
|
|
padding: 10vmin 28px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-desktop-only {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (min-width: 481px) {
|
|||
|
|
.gh-mobile-only {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
`,nE=Vc+`
|
|||
|
|
.gh-portal-triggerbtn-wrapper {
|
|||
|
|
display: inline-flex;
|
|||
|
|
align-items: flex-start;
|
|||
|
|
justify-content: flex-end;
|
|||
|
|
height: 100%;
|
|||
|
|
opacity: 1;
|
|||
|
|
transition: transform 0.16s linear 0s; opacity 0.08s linear 0s;
|
|||
|
|
user-select: none;
|
|||
|
|
line-height: 1;
|
|||
|
|
padding: 10px 28px 0 17px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-triggerbtn-wrapper span {
|
|||
|
|
margin-bottom: 1px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-triggerbtn-container {
|
|||
|
|
position: relative;
|
|||
|
|
cursor: pointer;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
background: var(--brandcolor);
|
|||
|
|
height: 60px;
|
|||
|
|
min-width: 60px;
|
|||
|
|
box-shadow: rgba(0, 0, 0, 0.24) 0px 8px 16px -2px;
|
|||
|
|
border-radius: 999px;
|
|||
|
|
transition: opacity 0.3s ease;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-triggerbtn-container:before {
|
|||
|
|
position: absolute;
|
|||
|
|
content: "";
|
|||
|
|
top: 0;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
border-radius: 999px;
|
|||
|
|
background: rgba(var(--whitergb), 0);
|
|||
|
|
transition: background 0.3s ease;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-triggerbtn-container:hover:before {
|
|||
|
|
background: rgba(var(--whitergb), 0.08);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-triggerbtn-container.halo:before {
|
|||
|
|
top: -4px;
|
|||
|
|
right: -4px;
|
|||
|
|
bottom: -4px;
|
|||
|
|
left: -4px;
|
|||
|
|
border: 4px solid rgba(var(--whitergb), 0.15);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-triggerbtn-container.with-label {
|
|||
|
|
padding: 0 12px 0 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-triggerbtn-label {
|
|||
|
|
padding: 8px;
|
|||
|
|
color: var(--white);
|
|||
|
|
display: block;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
max-width: 380px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-avatar {
|
|||
|
|
margin-bottom: 0px !important;
|
|||
|
|
width: 60px;
|
|||
|
|
height: 60px;
|
|||
|
|
}
|
|||
|
|
`+Eg,$t=e=>{if(!e)return"";const t=new Date(e),n={year:"numeric",month:"short",day:"numeric"};return t.toLocaleDateString("en-GB",n)};function Wc(){const[e]=window.location.hash.substr(1).split("?");e&&/^\/portal\/?(?:\/(\w+(?:\/\w+)*))?\/?$/.test(e)&&window.history.pushState("",document.title,window.location.pathname+window.location.search)}function aE({page:e}){const t={signin:"#/portal/signin",signup:"#/portal/signup"};return Object.keys(t).includes(e)?t[e]:t.default}function Cg({page:e,siteUrl:t}){const n=t||`${window.location.protocol}//${window.location.host}${window.location.pathname}`,a=aE({page:e});return`${n}${a}`}function ma(){return!(navigator&&navigator.cookieEnabled)}function iE({event:e}){var i,r,o,s;const n=(((s=(o=(r=(i=e==null?void 0:e.exception)==null?void 0:i.values)==null?void 0:r[0])==null?void 0:o.stacktrace)==null?void 0:s.frames)||[]).map(l=>l.filename).filter(l=>!!l);return(n[n.length-1]||"").includes("@tryghost/portal")}function _e({member:e={}}){if(ut({member:e})){const n=(e.subscriptions||[]).find(a=>["active","trialing","unpaid","past_due"].includes(a.status));return!(n!=null&&n.price)&&(n!=null&&n.plan)&&(n.price=n.plan),n}return null}function Qt({member:e={}}){if(!e)return!1;const t=_e({member:e});if(t){const{price:n}=t;return n&&n.amount===0}else if(!t&&e.paid)return!0;return!1}function ut({member:e={}}){return e&&e.paid}function rE({product:e}){return e!=null&&e.monthlyPrice?e.monthlyPrice.currency:null}function oE({site:e}){return(e==null?void 0:e.editor_default_email_recipients)==="visibility"}function Ti({member:e}){var t,n,a;return((a=(n=(t=e==null?void 0:e.subscriptions)==null?void 0:t[0])==null?void 0:n.tier)==null?void 0:a.expiry_at)!==void 0}function Kc({member:e}){var n;const t=_e({member:e});return(n=t==null?void 0:t.tier)!=null&&n.expiry_at?$t(t.tier.expiry_at):""}function sE({site:e,member:t}){const n=bn({member:t}),a=n==null?void 0:n.currency,i=Eo({site:e});return n!=null&&n.id?i.filter(r=>Ao(rE({product:r}),a)):i}function lE({prices:e,currency:t}){return e.filter(n=>Ao(n.currency||"",t||""))}function Gc({subscription:e}){var t,n;return e&&e.price?{...e.price,stripe_price_id:e.price.id,id:e.price.price_id,price:e.price.amount/100,name:e.price.nickname,tierId:(t=e.tier)==null?void 0:t.id,cadence:((n=e.price)==null?void 0:n.interval)==="month"?"month":"year",currency:e.price.currency.toLowerCase(),currency_symbol:pe(e.price.currency)}:null}function bn({member:e}){const t=_e({member:e});return Gc({subscription:t})}function cE({member:e,site:t}){const n=_e({member:e}),a=Gc({subscription:n});return Co({site:t}).find(r=>r.id===(a==null?void 0:a.product.product_id))}function uE({priceId:e,site:t,member:n}){const a=bn({member:n}),{tierId:i,cadence:r}=xn({site:t,priceId:e});return(a==null?void 0:a.tierId)===i&&(a==null?void 0:a.cadence)===r}function dE({member:e,subscriptionId:t}){return ut({member:e})?(e.subscriptions||[]).find(a=>a.id===t):null}function $g({member:e}){var n;const t=_e({member:e});return((n=t==null?void 0:t.tier)==null?void 0:n.name)||""}function Ni({plans:e,site:t={}}){return e=e||Io({site:t}),!e||e.length===0||e.length===1&&e[0].type==="free"}function mE(e,t){const a=Eo({site:e}).find(i=>i.type==="paid");return t==="monthly"?{cadence:"month",tierId:a.id}:t==="yearly"?{cadence:"year",tierId:a.id}:{priceId:t}}function pE({site:e={},priceId:t}){const n=No({site:e});if(t==="free")return!n||n.length===0||n.find(a=>a.type==="free");if(n&&n.length>0&&t==="monthly"){const a=n.find(r=>r.name==="Monthly"),i=n.find(r=>r.interval==="month");return a||i}else if(n&&n.length>0&&t==="yearly"){const a=n.find(r=>r.name==="Yearly"),i=n.find(r=>r.interval==="year");return a||i}else if(n&&n.length>0&&t)return n.find(a=>a.id===t);return null}function dt({site:e={},pageQuery:t=""}){return Io({site:e,pageQuery:t}).length===0||e&&e.members_signup_access==="invite"}function hE({site:e}){return(e==null?void 0:e.recommendations_enabled)===!0}function kn({site:e}){return(e==null?void 0:e.members_signup_access)==="all"||(e==null?void 0:e.members_signup_access)==="invite"}function qc({site:e})
|
|||
|
|
:root {
|
|||
|
|
--brandcolor: ${this.context.brandColor}
|
|||
|
|
}
|
|||
|
|
`+nE;return c.jsx("style",{dangerouslySetInnerHTML:{__html:t}})}render(){const t=this.context.site,{portal_button:n}=t,{showPopup:a}=this.context;if(!n||!kn({site:t})||G(["offerPreview"]))return null;const i=this.hasText(),o={...Rg({brandColor:this.context.brandColor,hasText:i}).frame};if(this.state.width){const s=this.state.width+2;o.width=`${s}px`}return c.jsx(Oc,{dataTestId:"portal-trigger-frame",className:"gh-portal-triggerbtn-iframe",style:o,title:"portal-trigger",head:this.renderFrameStyles(),children:c.jsx(Yg,{isPopupOpen:a,updateWidth:s=>this.onWidthChange(s)})})}}Z(Ug,"contextType",N);const DE=Vc+`
|
|||
|
|
.gh-portal-notification-wrapper {
|
|||
|
|
position: relative;
|
|||
|
|
overflow: hidden;
|
|||
|
|
height: 100%;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-notification {
|
|||
|
|
position: absolute;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
top: 12px;
|
|||
|
|
right: 12px;
|
|||
|
|
width: 100%;
|
|||
|
|
padding: 14px 44px 18px 20px;
|
|||
|
|
max-width: 380px;
|
|||
|
|
min-height: 66px;
|
|||
|
|
font-size: 1.3rem;
|
|||
|
|
letter-spacing: 0.2px;
|
|||
|
|
background: rgba(var(--grey1rgb),0.95);
|
|||
|
|
backdrop-filter: blur(8px);
|
|||
|
|
color: var(--white);
|
|||
|
|
border-radius: 7px;
|
|||
|
|
box-shadow: 0 3.2px 3.6px rgba(var(--black), 0.024), 0 8.8px 10px -5px rgba(var(--black), 0.08);
|
|||
|
|
animation: notification-slidein 0.55s cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-notification.slideout {
|
|||
|
|
animation: notification-slideout 0.4s cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-notification.hide {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-notification p {
|
|||
|
|
flex-grow: 1;
|
|||
|
|
font-size: 1.4rem;
|
|||
|
|
line-height: 1.5em;
|
|||
|
|
text-align: left;
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0 0 0 40px;
|
|||
|
|
color: var(--grey13);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-notification p strong {
|
|||
|
|
color: var(--white);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-notification a {
|
|||
|
|
color: var(--white);
|
|||
|
|
text-decoration: underline;
|
|||
|
|
transition: all 0.2s ease-in-out;
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-notification a:hover {
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-notification-icon {
|
|||
|
|
position: absolute;
|
|||
|
|
top: calc(50% - 14px);
|
|||
|
|
left: 17px;
|
|||
|
|
width: 28px;
|
|||
|
|
height: 28px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-notification-icon.success {
|
|||
|
|
color: var(--green);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-notification-icon.error {
|
|||
|
|
color: var(--red);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-notification-closeicon {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 5px;
|
|||
|
|
bottom: 0;
|
|||
|
|
right: 5px;
|
|||
|
|
color: var(--white);
|
|||
|
|
cursor: pointer;
|
|||
|
|
width: 12px;
|
|||
|
|
height: 12px;
|
|||
|
|
padding: 10px;
|
|||
|
|
transition: all 0.2s ease-in-out forwards;
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-notification-closeicon:hover {
|
|||
|
|
opacity: 1.0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes notification-slidein {
|
|||
|
|
0% { transform: translateX(380px); }
|
|||
|
|
60% { transform: translateX(-6px); }
|
|||
|
|
100% { transform: translateX(0); }
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes notification-slideout {
|
|||
|
|
0% { transform: translateX(0); }
|
|||
|
|
30% { transform: translateX(-10px); }
|
|||
|
|
100% { transform: translateX(380px); }
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes notification-slidein-mobile {
|
|||
|
|
0% { transform: translateY(-150px); }
|
|||
|
|
50% { transform: translateY(6px); }
|
|||
|
|
100% { transform: translateY(0); }
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes notification-slideout-mobile {
|
|||
|
|
0% { transform: translateY(0); }
|
|||
|
|
35% { transform: translateY(6px); }
|
|||
|
|
100% { transform: translateY(-150px); }
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 414px) {
|
|||
|
|
.gh-portal-notification {
|
|||
|
|
left: 12px;
|
|||
|
|
max-width: calc(100% - 24px);
|
|||
|
|
animation-name: notification-slidein-mobile;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-notification.slideout {
|
|||
|
|
animation-duration: 0.55s;
|
|||
|
|
animation-name: notification-slideout-mobile;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
`,tu=e=>k.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e},k.createElement("defs",null,k.createElement("style",null,".a{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px !important;}")),k.createElement("path",{className:"a",d:"M.75 23.249l22.5-22.5M23.25 23.249L.75.749"})),Lg=e=>k.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e},k.createElement("defs",null,k.createElement("style",null,".checkmark-icon-fill{fill:currentColor;}")),k.createElement("path",{className:"checkmark-icon-fill",d:"M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"})),nu=e=>k.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e},k.createElement("defs",null,k.createElement("style",null,".warning-icon-fill{fill:currentColor;}")),k.createElement("path",{className:"warning-icon-fill",d:"M23.25,23.235a.75.75,0,0,0,.661-1.105l-11.25-21a.782.782,0,0,0-1.322,0l-11.25,21A.75.75,0,0,0,.75,23.235ZM12,20.485a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,12,20.485Zm0-12.25a1,1,0,0,1,1,1V14.7a1,1,0,0,1-2,0V9.235A1,1,0,0,1,12,8.235Z"})),FE=({action:e,status:t})=>{if(t&&["true","false"].includes(t)){const n=JSON.parse(t);return{type:e,status:n?"success":"error",duration:3e3,autoHide:!!n}}return{}},ME=({status:e,billingOnly:t})=>{if(!t&&["success"].includes(e))return{type:"stripe:checkout",status:["success"].includes(e)?"success":"warning",duration:3e3,autoHide:!0};if(t&&["billing-update-success","billing-update-cancel"].includes(e))return{type:"stripe:billing-update",status:e==="billing-update-success"?"success":"warning",duration:3e3,autoHide:!0,closeable:!0}},au=(e=[])=>{const t=window.location.search||"",n=new URLSearchParams(t);e.forEach(i=>{n.delete(i)});const a=n.toString()?`?${n}`:"";window.history.replaceState({},"",`${window.location.pathname}${a}`)};function Og({billingOnly:e=!1}={}){const t=window.location.search;if(!t)return null;const n=new URLSearchParams(t),a=n.get("action"),i=n.get("success"),r=n.get("stripe");let o=null;return r?ME({status:r,billingOnly:e}):a&&i&&!e?FE({qsParams:n,action:a,status:i}):o}const _E=()=>({frame:{zIndex:"4000000",position:"fixed",top:"0",right:"0",maxWidth:"415px",width:"100%",height:"120px",animation:"250ms ease 0s 1 normal none running animation-bhegco",transition:"opacity 0.3s ease 0s",overflow:"hidden"}}),RE=({type:e,status:t,context:n})=>{const a=n.t,i=Cg({page:"signin",siteUrl:n.site.url}),r=Cg({page:"signup",siteUrl:n.site.url});if(e==="signin"&&t==="success"&&n.member){const o=n.member.firstname||"";return c.jsxs("p",{children:[o?a("Welcome back, {{name}}!",{name:o}):a("Welcome back!"),c.jsx("br",{}),a("You've successfully signed in.")]})}else{if(e==="signin"&&t==="error")return c.jsxs("p",{children:[a("Could not sign in. Login link expired.")," ",c.jsx("a",{href:i,target:"_parent",children:a("Click here to retry")})]});if(e==="signup"&&t==="success")return c.jsxs("p",{children:[a("You've successfully subscribed to")," ",c.jsx("br",{}),c.jsx("strong",{children:n.site.title})]});if(e==="signup-paid"&&t==="success")return c.jsxs("p",{children:[a("You've successfully subscribed to")," ",c.jsx("br",{}),c.jsx("strong",{children:n.site.title})]});if(e==="updateEmail"&&t==="success")return c.jsx("p",{children:a("Success! Your email is updated.")});if(e==="updateEmail"&&t==="error")return c.jsx("p",{children:a("Could not update email! Invalid link.")});if(e==="signup"&&t==="error")return c.jsxs("p",{children:[a("Signup error: Invalid link"),c.jsx("br",{}),c.jsx("a",{href:r,target:"_parent",children:a("Click here to retry")})]});if(e==="signup-paid"&&t==="error")return c.jsxs("p",{children:[a("Signup error: Invalid link"),c.jsx("br",{}),c.jsx("a",{href:r,target:"_parent",children:a("Click here to retry")})]});if(e==="stripe:checkout"&&t==="success")return n.member?c.jsx("p",{children:a("Success! Your account is fully activated, you now have access to all content.")}):c.j
|
|||
|
|
:root {
|
|||
|
|
--brandcolor: ${this.context.brandColor}
|
|||
|
|
}
|
|||
|
|
`+DE;return c.jsx("style",{dangerouslySetInnerHTML:{__html:t}})}render(){const n={..._E({brandColor:this.context.brandColor}).frame};if(!this.state.active)return null;const{type:a,status:i,autoHide:r,duration:o}=this.state;return a&&i?c.jsx(Oc,{style:n,title:"portal-notification",head:this.renderFrameStyles(),className:"gh-portal-notification-iframe","data-testid":"portal-notification-frame",children:c.jsx(Bg,{type:a,status:i,autoHide:r,duration:o,onHideNotification:s=>this.onHideNotification(s)})}):null}}Z(Hg,"contextType",N);const ga=e=>k.createElement("svg",{id:"loader-1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",width:"40px",height:"40px",viewBox:"0 0 40 40",enableBackground:"new 0 0 40 40",xmlSpace:"preserve",...e},k.createElement("path",{opacity:.2,fill:"#000",d:"M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"}),k.createElement("path",{fill:"#000",d:"M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z"},k.createElement("animateTransform",{attributeType:"xml",attributeName:"transform",type:"rotate",from:"0 20 20",to:"360 20 20",dur:"0.5s",repeatCount:"indefinite"}))),YE=`
|
|||
|
|
.gh-portal-btn-main {
|
|||
|
|
box-shadow: none;
|
|||
|
|
position: relative;
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-main:hover,
|
|||
|
|
.gh-portal-btn-main:focus {
|
|||
|
|
box-shadow: none;
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-primary:hover,
|
|||
|
|
.gh-portal-btn-primary:focus {
|
|||
|
|
opacity: 0.92 !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-primary:disabled:hover::before {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-destructive:not(:disabled):hover {
|
|||
|
|
color: var(--red);
|
|||
|
|
border-color: var(--red);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-text {
|
|||
|
|
padding: 0;
|
|||
|
|
font-weight: 500;
|
|||
|
|
height: unset;
|
|||
|
|
border: none;
|
|||
|
|
box-shadow: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-loadingicon {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 50%;
|
|||
|
|
display: inline-block;
|
|||
|
|
margin-left: -19px;
|
|||
|
|
height: 31px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-loadingicon path,
|
|||
|
|
.gh-portal-loadingicon rect {
|
|||
|
|
fill: var(--white);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-loadingicon.dark path,
|
|||
|
|
.gh-portal-loadingicon.dark rect {
|
|||
|
|
fill: var(--grey0);
|
|||
|
|
}
|
|||
|
|
`,UE=({brandColor:e,disabled:t,style:n={},isPrimary:a})=>{let i=e||"#3eb0ef",r="1.0",o="auto";return t&&(r="0.5",o="none"),{button:{...a?{color:"#fff"}:{},...a?{backgroundColor:i}:{},opacity:r,pointerEvents:o,...n||{}}}};function ae({label:e,onClick:t,disabled:n=!1,retry:a=!1,brandColor:i,isRunning:r,isPrimary:o=!0,isDestructive:s=!1,classes:l="",style:u={},tabindex:d=void 0,dataTestId:p}){let m=UE({disabled:n,retry:a,brandColor:i,style:u,isPrimary:o}),g="gh-portal-btn";o&&(g+=" gh-portal-btn-main gh-portal-btn-primary"),s&&(g+=" gh-portal-btn-destructive"),l&&(g+=" "+l),ma()&&(n=!0);const b=o?"gh-portal-loadingicon":"gh-portal-loadingicon dark";return c.jsx("button",{className:g,style:m.button,onClick:v=>t(v),disabled:n,type:"submit",tabIndex:d,"data-test-button":p,children:r?c.jsx(ga,{className:b}):e})}const LE=e=>k.createElement("svg",{id:"Regular",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e},k.createElement("defs",null,k.createElement("style",null,".cls-1{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;fill-rule:evenodd;}")),k.createElement("path",{className:"cls-1",d:"M16.25,23.25,5.53,12.53a.749.749,0,0,1,0-1.06L16.25.75"})),OE=`
|
|||
|
|
.gh-portal-btn-back,
|
|||
|
|
.gh-portal-btn-back:hover {
|
|||
|
|
box-shadow: none;
|
|||
|
|
position: relative;
|
|||
|
|
height: unset;
|
|||
|
|
min-width: unset;
|
|||
|
|
position: fixed;
|
|||
|
|
top: 29px;
|
|||
|
|
left: 20px;
|
|||
|
|
background: none;
|
|||
|
|
padding: 8px;
|
|||
|
|
margin: 0;
|
|||
|
|
box-shadow: none;
|
|||
|
|
color: var(--grey3);
|
|||
|
|
border: none;
|
|||
|
|
z-index: 10000;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 480px) {
|
|||
|
|
.gh-portal-btn-back,
|
|||
|
|
.gh-portal-btn-back:hover {
|
|||
|
|
left: 16px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-back:hover {
|
|||
|
|
color: var(--grey1);
|
|||
|
|
transform: translateX(-4px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-back svg {
|
|||
|
|
width: 17px;
|
|||
|
|
height: 17px;
|
|||
|
|
margin-top: 1px;
|
|||
|
|
margin-right: 2px;
|
|||
|
|
}
|
|||
|
|
`;function fa({label:e=null,hidden:t=!1,onClick:n}){const{t:a}=k.useContext(N);return t?null:(e===null&&(e=a("Back")),c.jsxs("button",{className:"gh-portal-btn gh-portal-btn-back",onClick:i=>n(i),children:[c.jsx(LE,{})," ",e]}))}const BE=`
|
|||
|
|
.gh-portal-for-switch label,
|
|||
|
|
.gh-portal-for-switch .container {
|
|||
|
|
position: relative;
|
|||
|
|
display: inline-block;
|
|||
|
|
width: 44px !important;
|
|||
|
|
height: 26px !important;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-for-switch label p,
|
|||
|
|
.gh-portal-for-switch .container p {
|
|||
|
|
overflow: auto;
|
|||
|
|
color: var(--grey0);
|
|||
|
|
font-weight: normal;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-for-switch input {
|
|||
|
|
opacity: 0;
|
|||
|
|
width: 0;
|
|||
|
|
height: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-for-switch .input-toggle-component {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
background: var(--grey12);
|
|||
|
|
transition: .3s;
|
|||
|
|
width: 44px !important;
|
|||
|
|
height: 26px !important;
|
|||
|
|
border-radius: 999px;
|
|||
|
|
transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-for-switch label:hover input:not(:checked) + .input-toggle-component,
|
|||
|
|
.gh-portal-for-switch .container:hover input:not(:checked) + .input-toggle-component {
|
|||
|
|
border-color: var(--grey9);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-for-switch .input-toggle-component:before {
|
|||
|
|
position: absolute;
|
|||
|
|
content: "";
|
|||
|
|
top: 3px !important;
|
|||
|
|
left: 3px !important;
|
|||
|
|
height: 20px !important;
|
|||
|
|
width: 20px !important;
|
|||
|
|
background-color: var(--white);
|
|||
|
|
transition: .3s;
|
|||
|
|
border-radius: 999px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-for-switch input:checked + .input-toggle-component {
|
|||
|
|
background: var(--brandcolor);
|
|||
|
|
border-color: transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-for-switch input:checked + .input-toggle-component:before {
|
|||
|
|
transform: translateX(18px);
|
|||
|
|
box-shadow: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-for-switch .container {
|
|||
|
|
width: 38px !important;
|
|||
|
|
height: 22px !important;
|
|||
|
|
}
|
|||
|
|
`;function zo({id:e,label:t="",onToggle:n,checked:a=!1,dataTestId:i="switch-input"}){const{action:r}=k.useContext(N),[o,s]=k.useState(a),l=["updateNewsletter:failed","updateNewsletter:success"].includes(r);return k.useEffect(()=>{s(a)},[a,l]),c.jsx("div",{className:"gh-portal-for-switch","data-test-switch":i,children:c.jsxs("label",{className:"switch",htmlFor:e,children:[c.jsx("input",{type:"checkbox",checked:o,id:e,onChange:()=>{},"aria-label":t}),c.jsx("span",{className:"input-toggle-component",onClick:u=>{s(!o),n(u,!o)},"data-testid":i})]})})}const HE=`.gh-portal-account-header{display:flex;flex-direction:column;align-items:center;margin:0 0 32px}.gh-portal-account-header .gh-portal-avatar{margin:6px 0 8px!important}.gh-portal-account-data{margin-bottom:40px}footer.gh-portal-account-footer{display:flex}.gh-portal-account-footer.paid{margin-top:12px}.gh-portal-account-footermenu{display:flex;align-items:center;list-style:none;padding:0;margin:0}.gh-portal-account-footerright{display:flex;flex-grow:1;align-items:center;justify-content:flex-end}.gh-portal-account-footermenu li{margin-right:16px}.gh-portal-account-footermenu li:last-of-type{margin-right:0}.gh-portal-freeaccount-newsletter{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.gh-portal-freeaccount-newsletter .label{display:flex;flex-direction:column;flex-grow:1}.gh-portal-free-ctatext{margin-top:-12px}.gh-portal-cancelcontinue-container{margin:24px 0 32px}.gh-portal-list-detail .gh-portal-email-notice{display:flex;align-items:center;gap:5px;margin-top:6px;color:var(--red);font-weight:500;font-size:1.25rem;letter-spacing:.2px}.gh-portal-email-notice-icon{width:20px;height:20px}.gh-portal-billing-button-loader{width:32px;height:32px;margin-right:-3px;opacity:.6}.gh-portal-product-icon{width:52px;margin-right:12px;border-radius:2px}.gh-portal-account-discountcontainer{position:relative;display:flex;align-items:center}.gh-portal-account-old-price{text-decoration:line-through;color:var(--grey9)!important}.gh-portal-account-tagicon{width:16px;height:16px;color:var(--brandcolor);margin-right:5px;z-index:999}@media (max-width: 390px){.gh-portal-account-footer{padding:0!important}}@media (max-width: 340px){.gh-portal-account-footer{padding:0!important;flex-wrap:wrap;gap:12px}.gh-portal-account-footer .gh-portal-account-footerright{justify-content:flex-start}}
|
|||
|
|
`;let ie=(vu=class extends U.Component{constructor(){super(...arguments);Z(this,"closePopup",()=>{this.context.onAction("closePopup")})}render(){const{onClick:n}=this.props;return c.jsx("div",{className:"gh-portal-closeicon-container","data-test-button":"close-popup",children:c.jsx(tu,{className:"gh-portal-closeicon",alt:"Close",onClick:n||this.closePopup,"data-testid":"close-popup"})})}},Z(vu,"contextType",N),vu);const Vg=e=>k.createElement("svg",{width:15,height:14,viewBox:"0 0 15 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},k.createElement("path",{d:"M1 6.89286L6.10714 12L13.9643 1",stroke:"#222222",strokeWidth:2}));function Wg(e,t){if(isNaN(e)||isNaN(t))return 0;const n=e?100-Math.floor(t/12*100/e):0;return n>=1&&n<100?n:0}var Kg={exports:{}},VE="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",WE=VE,KE=WE;function Gg(){}function qg(){}qg.resetWarningCache=Gg;var GE=function(){function e(a,i,r,o,s,l){if(l!==KE){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}e.isRequired=e;function t(){return e}var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:qg,resetWarningCache:Gg};return n.PropTypes=n,n};Kg.exports=GE();var qE=Kg.exports;const iu=Ae(qE);function Jg(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function zi(e){"@babel/helpers - typeof";return zi=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},zi(e)}function JE(e,t){if(zi(e)!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var a=n.call(e,t||"default");if(zi(a)!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function QE(e){var t=JE(e,"string");return zi(t)=="symbol"?t:String(t)}function Qg(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,QE(a.key),a)}}function Zg(e,t,n){return t&&Qg(e.prototype,t),n&&Qg(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function ZE(e,t){if(e==null)return{};var n={},a=Object.keys(e),i,r;for(r=0;r<a.length;r++)i=a[r],!(t.indexOf(i)>=0)&&(n[i]=e[i]);return n}function XE(e,t){if(e==null)return{};var n=ZE(e,t),a,i;if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)a=r[i],!(t.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var Do="TOKEN_PLACEHOLDER",Di="TOKEN_OPEN_TAG",Fo="TOKEN_CLOSE_TAG",Mo="TOKEN_SELF_TAG",_o="TOKEN_TEXT",Xg="NODE_FRAGMENT",ef="NODE_TAG_ELEMENT",tf="NODE_VOID_ELEMENT",nf="NODE_PLACEHOLDER",af="NODE_TEXT",eC=["type","children"],Ce=function(){function e(t){var n=t.type,a=t.children,i=XE(t,eC);Jg(this,e),this.type=n,this.children=a||[];for(var r in i)this[r]=i[r];i.token&&(this.string=i.token.string)}return Zg(e,[{key:"appendChild",value:function(n){this.children.push(n)}},{key:"isLeaf",get:function(){return this.children.length===0}}]),e}();Ce.createTagNode=function(e,t){return new Ce({type:ef,children:t,name:e.name,token:e})},Ce.createFragmentNode=function(e){return new Ce({type:Xg,children:e})},Ce.createVoidNode=function(e){return new Ce({type:tf,name:e.name,token:e})},Ce.createTextNode=function(e){return new Ce({type:af,text:e.string,token:e})},Ce.createPlaceholderNode=function(e){return new Ce({type:nf,name:e.name,token:e})};var tC=[{type:Do,regex:/{\s*(\w+)\s*}/g},{type:Di,regex:/<(\w+)>/g},{type:Fo,regex:/<\/(\w+)>/g},{type:Mo,regex:/<(\w+)\s*\/>/g}],Ie=[{type:Do,regex:/{{\s*(\w+)\s*}}/g},{type:Di,regex:/<(\w+)>/g},{type:Fo,regex:/<\/(\w+)>/g},{type:Mo,regex:/<(\w+)\s*\/>/g}];function nC(e,t){var n=typeof Symbol<"u"&&e[Sy
|
|||
|
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var r=!0,o=!1,s;return{s:function(){n=n.call(e)},n:function(){var u=n.next();return r=u.done,u},e:function(u){o=!0,s=u},f:function(){try{!r&&n.return!=null&&n.return()}finally{if(o)throw s}}}}function aC(e,t){if(e){if(typeof e=="string")return rf(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set")return Array.from(e);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return rf(e,t)}}function rf(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function iC(e,t){var n=[],a=nC(t),i;try{for(a.s();!(i=a.n()).done;)for(var r=i.value,o=r.type,s=r.regex,l;(l=s.exec(e))!==null;)n.push({type:o,string:l[0],name:l[1],start:l.index,end:l.index+l[0].length})}catch(g){a.e(g)}finally{a.f()}n.sort(function(g,b){return g.start-b.start});var u=[],d=0;n.forEach(function(g){if(g.start===d){d=g.end;return}var b=g.start,v=e.substring(d,b);u.push({type:_o,string:v,text:v,start:d,end:b}),d=g.end});var p=e.substring(d);p!==""&&u.push({type:_o,string:p,start:d,end:e.length});var m=[].concat(u,n).sort(function(g,b){return g.start-b.start});return m}function rC(e,t){t||(t=tC);var n=iC(e,t),a=new oC(n);return a.parse()}var Fi="Syntax error. Please check if each open tag is closed correctly",of={type:"EPSILON"},oC=function(){function e(t){Jg(this,e),this.tokens=[].concat(t),this.tags=[]}return Zg(e,[{key:"parse",value:function(){var n=this.document();if(!this.predict(of.type))throw new Error(Fi);return n}},{key:"document",value:function(){var n=this.elementOrData();return Ce.createFragmentNode(n)}},{key:"element",value:function(){var n=this.openTag(),a=this.elementOrData();return this.endTag(),Ce.createTagNode(n,a)}},{key:"openTag",value:function(){if(!this.predict(Di))throw new Error(Fi);return this.pushTag(this.lookahead),this.match(Di)}},{key:"elementOrData",value:function(){var n=[];if(this.predict(Di)&&(n.push(this.element()),n=n.concat(this.elementOrData())),this.predict(Mo,_o,Do)){var a=this.match(this.lookahead.type),i;switch(a.type){case Mo:i=Ce.createVoidNode(a);break;case _o:i=Ce.createTextNode(a);break;case Do:i=Ce.createPlaceholderNode(a);break}n.push(i),n=n.concat(this.elementOrData())}return n}},{key:"endTag",value:function(){if(!this.predict(Fo))throw new Error(Fi);var n=this.tags.pop();if(n.name!==this.lookahead.name)throw new Error(Fi);this.match(Fo)}},{key:"lookahead",get:function(){return this.tokens.length===0?of:this.tokens[0]}},{key:"predict",value:function(){for(var n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return a.includes(this.lookahead.type)}},{key:"match",value:function(n){if(!this.predict(n))throw new Error(Fi);var a=this.tokens.shift();return a}},{key:"pushTag",value:function(n){this.tags.push(n)}}]),e}(),sC=function e(t,n,a){var i=t.children.map(function(l,u){return U.createElement(U.Fragment,{key:a+u},e(l,n,a))});switch(t.type){case af:return t.text;case Xg:return U.createElement(U.Fragment,null,i);case tf:{var r=n[t.name];return typeof r=="function"?r():r||U.createElement(t.name,null)}case ef:{var o=n[t.name];if(o===void 0)return U.createElement(t.name,null,i);if(typeof o=="function")return o(i);if(U.isValidElement(o)){if(U.Children.count(o.props.children)!==0)throw new Error("when passing an element as value, the element should not contains children");return U.cloneElement(o,{children:i})}throw new Error('Invalid mapping value for "'.concat(t.name,'". Only element or render function are accepted'))}case nf:{var s=n[t.name];return s===void 0?(console.warn('missing "'.concat(t.name,'" in mapping')),t.string):typeof s=="function"?s():s}default:return}};function $e(e){var t=e.string,n=e.syntax,a=e.mapping,i=a===void 0?{}:a,r=e.graceful,o=r===void 0?!0:r;try{var s=rC(t,n);return sC(s,i,t)}catch(l){if(o)return console.error(l),t;throw l}}$e.propTypes={string:iu.string.isRequired,mapping:iu.object,graceful:iu.bool};const lC=()=>`
|
|||
|
|
.gh-portal-products {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-products-pricetoggle {
|
|||
|
|
position: relative;
|
|||
|
|
display: flex;
|
|||
|
|
background: #F3F3F3;
|
|||
|
|
width: 100%;
|
|||
|
|
border-radius: 999px;
|
|||
|
|
padding: 4px;
|
|||
|
|
height: 44px;
|
|||
|
|
margin: 0 0 40px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-products-pricetoggle:before {
|
|||
|
|
position: absolute;
|
|||
|
|
content: "";
|
|||
|
|
display: block;
|
|||
|
|
width: 50%;
|
|||
|
|
top: 4px;
|
|||
|
|
bottom: 4px;
|
|||
|
|
right: 4px;
|
|||
|
|
background: var(--white);
|
|||
|
|
box-shadow: 0px 1px 3px rgba(var(--blackrgb), 0.08);
|
|||
|
|
border-radius: 999px;
|
|||
|
|
transition: all 0.15s ease-in-out;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-products-pricetoggle.left:before {
|
|||
|
|
transform: translateX(calc(-100% + 8px));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-products-pricetoggle .gh-portal-btn {
|
|||
|
|
border: 0;
|
|||
|
|
height: 100% !important;
|
|||
|
|
width: 50%;
|
|||
|
|
border-radius: 999px;
|
|||
|
|
background: transparent;
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-products-pricetoggle .gh-portal-btn.active {
|
|||
|
|
border: 0;
|
|||
|
|
height: 100%;
|
|||
|
|
width: 50%;
|
|||
|
|
color: var(--grey0);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-priceoption-label {
|
|||
|
|
font-size: 1.4rem;
|
|||
|
|
font-weight: 400;
|
|||
|
|
letter-spacing: 0.3px;
|
|||
|
|
margin: 0 6px;
|
|||
|
|
min-width: 180px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-priceoption-label.monthly {
|
|||
|
|
text-align: right;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-priceoption-label.inactive {
|
|||
|
|
color: var(--grey8);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-maximum-discount {
|
|||
|
|
font-weight: 400;
|
|||
|
|
margin-left: 4px;
|
|||
|
|
opacity: 0.5;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-products-grid {
|
|||
|
|
display: flex;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
align-items: stretch;
|
|||
|
|
justify-content: center;
|
|||
|
|
gap: 40px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
padding: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-card {
|
|||
|
|
flex: 1;
|
|||
|
|
max-width: 420px;
|
|||
|
|
min-width: 320px;
|
|||
|
|
position: relative;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: flex-start;
|
|||
|
|
justify-content: stretch;
|
|||
|
|
background: var(--white);
|
|||
|
|
padding: 32px;
|
|||
|
|
border-radius: 7px;
|
|||
|
|
border: 1px solid var(--grey11);
|
|||
|
|
min-height: 200px;
|
|||
|
|
transition: border-color 0.25s ease-in-out;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-card.top {
|
|||
|
|
border-bottom: none;
|
|||
|
|
border-radius: 7px 7px 0 0;
|
|||
|
|
padding-bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-card.bottom {
|
|||
|
|
border-top: none;
|
|||
|
|
border-radius: 0 0 7px 7px;
|
|||
|
|
padding-top: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-card:not(.disabled):hover {
|
|||
|
|
border-color: var(--grey9);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-card.checked::before {
|
|||
|
|
position: absolute;
|
|||
|
|
display: block;
|
|||
|
|
top: -2px;
|
|||
|
|
right: -2px;
|
|||
|
|
bottom: -2px;
|
|||
|
|
left: -2px;
|
|||
|
|
content: "";
|
|||
|
|
z-index: 999;
|
|||
|
|
border: 0px solid var(--brandcolor);
|
|||
|
|
pointer-events: none;
|
|||
|
|
border-radius: 7px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-card-header {
|
|||
|
|
width: 100%;
|
|||
|
|
min-height: 56px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-card-name-trial {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-card-name-trial .gh-portal-discount-label {
|
|||
|
|
margin-top: -4px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-card-details {
|
|||
|
|
flex: 1;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-name {
|
|||
|
|
font-size: 1.8rem;
|
|||
|
|
font-weight: 600;
|
|||
|
|
line-height: 1.3em;
|
|||
|
|
letter-spacing: 0px;
|
|||
|
|
margin-top: -4px;
|
|||
|
|
word-break: break-word;
|
|||
|
|
width: 100%;
|
|||
|
|
color: var(--brandcolor);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-discount-label-trial {
|
|||
|
|
color: var(--brandcolor);
|
|||
|
|
font-weight: 600;
|
|||
|
|
font-size: 1.3rem;
|
|||
|
|
line-height: 1;
|
|||
|
|
margin-top: 4px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-discount-label {
|
|||
|
|
position: relative;
|
|||
|
|
font-size: 1.25rem;
|
|||
|
|
line-height: 1em;
|
|||
|
|
font-weight: 600;
|
|||
|
|
letter-spacing: 0.3px;
|
|||
|
|
color: var(--grey0);
|
|||
|
|
padding: 6px 9px;
|
|||
|
|
text-align: center;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
border-radius: 999px;
|
|||
|
|
margin-right: -4px;
|
|||
|
|
max-height: 24.5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-discount-label:before {
|
|||
|
|
position: absolute;
|
|||
|
|
content: "";
|
|||
|
|
display: block;
|
|||
|
|
background: var(--brandcolor);
|
|||
|
|
top: 0;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
border-radius: 999px;
|
|||
|
|
opacity: 0.2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-card-price-trial {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: flex-end;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
row-gap: 10px;
|
|||
|
|
column-gap: 4px;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-card-pricecontainer {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: flex-start;
|
|||
|
|
width: 100%;
|
|||
|
|
margin-top: 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-price {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
color: var(--grey0);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-price .currency-sign {
|
|||
|
|
align-self: flex-start;
|
|||
|
|
font-size: 2.7rem;
|
|||
|
|
font-weight: 700;
|
|||
|
|
line-height: 1.135em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-price .currency-sign.long {
|
|||
|
|
margin-right: 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-price .amount {
|
|||
|
|
font-size: 3.5rem;
|
|||
|
|
font-weight: 700;
|
|||
|
|
line-height: 1em;
|
|||
|
|
letter-spacing: -1.3px;
|
|||
|
|
color: var(--grey0);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-price .amount.trial-duration {
|
|||
|
|
letter-spacing: -0.022em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-price .billing-period {
|
|||
|
|
align-self: flex-end;
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
line-height: 1.6em;
|
|||
|
|
color: var(--grey5);
|
|||
|
|
letter-spacing: 0.3px;
|
|||
|
|
margin-left: 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-alternative-price {
|
|||
|
|
font-size: 1.3rem;
|
|||
|
|
line-height: 1.6em;
|
|||
|
|
color: var(--grey8);
|
|||
|
|
letter-spacing: 0.3px;
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.after-trial-amount {
|
|||
|
|
display: block;
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
color: var(--grey5);
|
|||
|
|
margin-top: 6px;
|
|||
|
|
margin-bottom: 6px;
|
|||
|
|
line-height: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-card-detaildata {
|
|||
|
|
flex: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-description {
|
|||
|
|
font-size: 1.55rem;
|
|||
|
|
font-weight: 600;
|
|||
|
|
line-height: 1.4em;
|
|||
|
|
width: 100%;
|
|||
|
|
margin-top: 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-benefits {
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
line-height: 1.4em;
|
|||
|
|
width: 100%;
|
|||
|
|
margin-top: 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-benefit {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: flex-start;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-benefit-checkmark {
|
|||
|
|
width: 14px;
|
|||
|
|
height: 14px;
|
|||
|
|
min-width: 14px;
|
|||
|
|
margin: 3px 10px 0 0;
|
|||
|
|
overflow: visible;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-benefit-checkmark polyline,
|
|||
|
|
.gh-portal-benefit-checkmark g {
|
|||
|
|
stroke-width: 3px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-products-grid.change-plan {
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-product {
|
|||
|
|
position: sticky;
|
|||
|
|
bottom: 0;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: flex-start;
|
|||
|
|
width: 100%;
|
|||
|
|
justify-self: flex-end;
|
|||
|
|
padding: 40px 0 32px;
|
|||
|
|
margin-bottom: -32px;
|
|||
|
|
/*background: rgb(255,255,255);
|
|||
|
|
background: linear-gradient(0deg, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);*/
|
|||
|
|
background: transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-product::before {
|
|||
|
|
position: absolute;
|
|||
|
|
content: "";
|
|||
|
|
display: block;
|
|||
|
|
top: -16px;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
background: linear-gradient(0deg, rgba(var(--whitergb),1) 60%, rgba(var(--whitergb),0) 100%);
|
|||
|
|
z-index: 800;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-product:not(.gh-portal-btn-unsubscribe) .gh-portal-btn {
|
|||
|
|
background: var(--brandcolor);
|
|||
|
|
color: var(--white);
|
|||
|
|
border: none;
|
|||
|
|
width: 100%;
|
|||
|
|
z-index: 900;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-product:not(.gh-portal-btn-unsubscribe) .gh-portal-btn:hover {
|
|||
|
|
opacity: 0.9;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-product:not(.gh-portal-btn-unsubscribe) .gh-portal-btn {
|
|||
|
|
background: var(--brandcolor);
|
|||
|
|
color: var(--white);
|
|||
|
|
border: none;
|
|||
|
|
width: 100%;
|
|||
|
|
z-index: 900;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-product .gh-portal-error-message {
|
|||
|
|
z-index: 900;
|
|||
|
|
color: var(--red);
|
|||
|
|
font-size: 1.4rem;
|
|||
|
|
min-height: 40px;
|
|||
|
|
padding-bottom: 13px;
|
|||
|
|
margin-bottom: -40px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-current-plan {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
text-align: center;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 44px;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
color: var(--grey5);
|
|||
|
|
font-size: 1.4rem;
|
|||
|
|
font-weight: 500;
|
|||
|
|
line-height: 1em;
|
|||
|
|
letter-spacing: 0.2px;
|
|||
|
|
font-weight: 500;
|
|||
|
|
background: var(--grey14);
|
|||
|
|
z-index: 900;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-card.only-free {
|
|||
|
|
margin: 0 0 16px;
|
|||
|
|
min-height: unset;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-card.only-free .gh-portal-product-card-header {
|
|||
|
|
min-height: unset;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 670px) {
|
|||
|
|
.gh-portal-products-grid {
|
|||
|
|
grid-template-columns: unset;
|
|||
|
|
grid-gap: 20px;
|
|||
|
|
width: 100%;
|
|||
|
|
max-width: 440px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-priceoption-label {
|
|||
|
|
font-size: 1.25rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-products-priceswitch .gh-portal-discount-label {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-products-priceswitch {
|
|||
|
|
padding-top: 18px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-card {
|
|||
|
|
min-height: unset;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-singleproduct-benefits .gh-portal-product-description {
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-benefit:last-of-type {
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 480px) {
|
|||
|
|
.gh-portal-product-price .amount {
|
|||
|
|
font-size: 3.4rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-card {
|
|||
|
|
min-width: unset;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-product {
|
|||
|
|
position: static;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-product::before {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 370px) {
|
|||
|
|
.gh-portal-product-price .currency-sign {
|
|||
|
|
font-size: 1.8rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-price .amount {
|
|||
|
|
font-size: 2.8rem;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* Upgrade and change plan*/
|
|||
|
|
.gh-portal-upgrade-product {
|
|||
|
|
margin-top: -70px;
|
|||
|
|
padding-top: 60px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-upgrade-product .gh-portal-products-grid {
|
|||
|
|
grid-template-columns: unset;
|
|||
|
|
grid-gap: 20px;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-upgrade-product .gh-portal-product-card .gh-portal-plan-current {
|
|||
|
|
display: inline-block;
|
|||
|
|
position: relative;
|
|||
|
|
padding: 2px 8px;
|
|||
|
|
font-size: 1.2rem;
|
|||
|
|
letter-spacing: 0.3px;
|
|||
|
|
text-transform: uppercase;
|
|||
|
|
margin-bottom: 4px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-upgrade-product .gh-portal-product-card .gh-portal-plan-current::before {
|
|||
|
|
position: absolute;
|
|||
|
|
content: "";
|
|||
|
|
top: 0;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
border-radius: 999px;
|
|||
|
|
background: var(--brandcolor);
|
|||
|
|
opacity: 0.15;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 880px) {
|
|||
|
|
.gh-portal-products-grid {
|
|||
|
|
flex-direction: column;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
max-width: 420px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-card-header {
|
|||
|
|
min-height: unset;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
`,ya=U.createContext({selectedInterval:"month",selectedProduct:"free",selectedPlan:null,setSelectedProduct:null});function cC({product:e}){return!e.benefits||!e.benefits.length?null:e.benefits.map((t,n)=>{const a=(t==null?void 0:t.id)||`benefit-${n}`;return c.jsxs("div",{className:"gh-portal-product-benefit",children:[c.jsx(Vg,{className:"gh-portal-benefit-checkmark",alt:""}),c.jsx("div",{className:"gh-portal-benefit-title",children:t.name})]},a)})}function ru({product:e,hide:t=!1}){if(!e.benefits||!e.benefits.length||t)return null;let n="gh-portal-product-benefits";return c.jsx("div",{className:n,children:c.jsx(cC,{product:e})})}function sf({price:e}){const{site:t}=k.useContext(N),{portal_plans:n}=t;return!n.includes("monthly")||!n.includes("yearly")?c.jsx("div",{className:"gh-portal-product-alternative-price"}):c.jsx("div",{className:"gh-portal-product-alternative-price",children:SE(e)})}function uC({trialDays:e,discount:t,selectedInterval:n}){const{site:a,t:i}=k.useContext(N);return jo({site:a})?e?c.jsx("span",{className:"gh-portal-discount-label",children:i("{{trialDays}} days free",{trialDays:e})}):null:n==="year"?c.jsx("span",{className:"gh-portal-discount-label",children:i("{{discount}}% discount",{discount:t})}):null}function lf({product:e}){const{selectedInterval:t}=k.useContext(ya),{t:n,site:a}=k.useContext(N),i=e.monthlyPrice,r=e.yearlyPrice,o=e.trial_days,s=t==="month"?i:r,l=t==="month"?r:i,u=s.interval==="year"?n("year"):n("month");if(!i||!r)return null;const d=Wg(e.monthlyPrice.amount,e.yearlyPrice.amount),p=pe(s.currency);return jo({site:a})?c.jsx(c.Fragment,{children:c.jsxs("div",{className:"gh-portal-product-card-pricecontainer",children:[c.jsxs("div",{className:"gh-portal-product-card-price-trial",children:[c.jsxs("div",{className:"gh-portal-product-price",children:[c.jsx("span",{className:"currency-sign"+(p.length>1?" long":""),children:p}),c.jsx("span",{className:"amount","data-testid":"product-amount",children:ha(eu(s.amount))}),c.jsxs("span",{className:"billing-period",children:["/",u]})]}),c.jsx(uC,{trialDays:o,discount:d,selectedInterval:t})]}),t==="year"?c.jsx(cf,{discount:d,trialDays:o}):"",c.jsx(sf,{price:l})]})}):c.jsxs("div",{className:"gh-portal-product-card-pricecontainer",children:[c.jsxs("div",{className:"gh-portal-product-card-price-trial",children:[c.jsxs("div",{className:"gh-portal-product-price",children:[c.jsx("span",{className:"currency-sign"+(p.length>1?" long":""),children:p}),c.jsx("span",{className:"amount","data-testid":"product-amount",children:ha(eu(s.amount))}),c.jsxs("span",{className:"billing-period",children:["/",u]})]}),t==="year"?c.jsx(cf,{discount:d}):""]}),c.jsx(sf,{price:l})]})}function dC({products:e,handleChooseSignup:t,error:n}){const{site:a,action:i,t:r}=k.useContext(N),{selectedProduct:o,setSelectedProduct:s}=k.useContext(ya);let l=o==="free"?"gh-portal-product-card free checked":"gh-portal-product-card free";const u=vn({site:a});let d=Ig({site:a}),p=i==="signup:running";ma()&&(p=!0);let m="$";e&&e[1]?m=pe(e[1].monthlyPrice.currency):m="$";const g=Jc({site:a}),b=Tg({site:a});if(g){if(!d&&!b.length)return null;l+=" only-free"}return!d&&!b.length&&(d="Free preview"),c.jsx(c.Fragment,{children:c.jsxs("div",{className:l,onClick:v=>{v.stopPropagation(),s("free")},"data-test-tier":"free",children:[c.jsxs("div",{className:"gh-portal-product-card-header",children:[c.jsx("h4",{className:"gh-portal-product-name",children:Ng({site:a})}),g?"":c.jsx("div",{className:"gh-portal-product-card-pricecontainer free-trial-disabled",children:c.jsxs("div",{className:"gh-portal-product-price",children:[c.jsx("span",{className:"currency-sign"+(m.length>1?" long":""),children:m}),c.jsx("span",{className:"amount","data-testid":"product-amount",children:"0"})]})})]}),c.jsxs("div",{className:"gh-portal-product-card-details",children:[c.jsxs("div",{className:"gh-portal-product-card-detaildata",children:[d?c.jsx("div",{className:"gh-portal-product-description","data-testid":"product-description",children:d}):"",c.jsx(ru,{product:u})]}),g?"":c.jsxs("div",{className:"gh-portal-btn-product
|
|||
|
|
.account-plan.full-size .gh-portal-main-title {
|
|||
|
|
font-size: 3.2rem;
|
|||
|
|
margin-top: 44px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-accountplans-main {
|
|||
|
|
margin-top: 24px;
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-expire-container {
|
|||
|
|
margin: 32px 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-cancellation-form p {
|
|||
|
|
margin-bottom: 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-cancellation-form .gh-portal-input-section {
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-cancellation-form .gh-portal-input {
|
|||
|
|
resize: none;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 62px;
|
|||
|
|
padding: 6px 12px;
|
|||
|
|
}
|
|||
|
|
`;function xC({confirmationType:e,t}){if(e==="changePlan")return t("Confirm subscription");if(e==="cancel")return t("Cancel subscription");if(e==="subscribe")return t("Subscribe")}const SC=({showConfirmation:e,confirmationType:t})=>{const{member:n,t:a}=k.useContext(N);let i=ut({member:n})?a("Change plan"):a("Choose a plan");return e&&(i=xC({confirmationType:t,t:a})),c.jsx("header",{className:"gh-portal-detail-header",children:c.jsx("h3",{className:"gh-portal-main-title",children:i})})},EC=({member:e,onCancelSubscription:t,action:n,brandColor:a})=>{const{site:i,t:r}=k.useContext(N);if(!e.paid)return null;const o=_e({member:e});if(!o||o.cancel_at_period_end)return null;const s=r("Cancel subscription"),l=["cancelSubscription:running"].includes(n),u=!!l,d=!!o.cancel_at_period_end,p=!o.cancelAtPeriodEnd;return c.jsx("div",{className:"gh-portal-expire-container",children:c.jsx(ae,{dataTestId:"cancel-subscription",onClick:()=>{t({subscriptionId:o.id,cancelAtPeriodEnd:!0})},isRunning:l,disabled:u,isPrimary:d,isDestructive:p,classes:So({site:i})?"gh-portal-btn-text mt2 mb4":"",brandColor:a,label:s,style:{width:"100%"}})})},CC=({plan:e,type:t,onConfirm:n})=>{const{site:a,action:i,member:r,brandColor:o,t:s}=k.useContext(N),[l,u]=k.useState(""),d=_e({member:r}),p=["updateSubscription:running","checkoutPlan:running","cancelSubscription:running"].includes(i),m=s("Confirm"),g=$t(d.current_period_end),b=bn({member:r});let v=s("Starting {{startDate}}",{startDate:g});b.id!==e.id&&(v=s("Starting today"));const h=ha(e.price),f=`${e.currency_symbol}${h}/${s(e.interval)} – ${v}`,y=Dg({site:a,priceId:e==null?void 0:e.id}),w=So({site:a})?y==null?void 0:y.name:s("Price");return t==="changePlan"?c.jsxs("div",{className:"gh-portal-logged-out-form-container",children:[c.jsxs("div",{className:"gh-portal-list mb6",children:[c.jsx("section",{children:c.jsxs("div",{className:"gh-portal-list-detail",children:[c.jsx("h3",{children:s("Account")}),c.jsx("p",{children:r.email})]})}),c.jsx("section",{children:c.jsxs("div",{className:"gh-portal-list-detail",children:[c.jsx("h3",{children:w}),c.jsx("p",{children:f})]})})]}),c.jsx(ae,{dataTestId:"confirm-action",onClick:x=>n(x,e),isRunning:p,isPrimary:!0,brandColor:o,label:m,style:{width:"100%",height:"40px"}})]}):c.jsxs("div",{className:"gh-portal-logged-out-form-container gh-portal-cancellation-form",children:[c.jsx("p",{children:c.jsx($e,{syntax:Ie,string:s("If you cancel your subscription now, you will continue to have access until {{periodEnd}}."),mapping:{periodEnd:c.jsx("strong",{children:$t(d.current_period_end)})}})}),c.jsxs("section",{className:"gh-portal-input-section",children:[c.jsx("div",{className:"gh-portal-input-labelcontainer",children:c.jsx("label",{className:"gh-portal-input-label",children:s("Cancellation reason")})}),c.jsx("textarea",{"data-test-input":"cancellation-reason",className:"gh-portal-input",label:"Cancellation reason",type:"text",name:"cancellation_reason",placeholder:"",value:l,onChange:x=>u(x.target.value),rows:"2",maxLength:"500"},"cancellation_reason")]}),c.jsx(ae,{dataTestId:"confirm-cancel-subscription",onClick:x=>n(x,l),isRunning:p,isPrimary:!0,brandColor:o,label:s("Confirm cancellation"),style:{width:"100%",height:"40px"}})]})},$C=({plans:e,selectedPlan:t,onPlanSelect:n,onCancelSubscription:a})=>{const{member:i,action:r,brandColor:o}=k.useContext(N);return c.jsxs("section",{children:[c.jsx("div",{className:"gh-portal-section gh-portal-accountplans-main",children:c.jsx(mf,{showLabel:!1,plans:e,selectedPlan:t,onPlanSelect:n,changePlan:!0})}),c.jsx(EC,{member:i,onCancelSubscription:a,action:r,brandColor:o})]})};function mf({selectedPlan:e,onPlanSelect:t,onPlanCheckout:n,changePlan:a=!1}){const{site:i,member:r}=k.useContext(N),o=sE({site:i,member:r}),s=Qt({member:r}),l=cE({member:r,site:i});return c.jsx(vC,{products:o.length>0||s||!l?o:[l],selectedPlan:e,changePlan:a,onPlanSelect:t,onPlanCheckout:n})}const jC=({plans:e,selectedPlan:t,onPlanSelect:n,onPlanCheckout:a})=>{let i="";return e.length===1&&(i="singleplan"),c.jsx("section",{children:c.jsx("div",{className:`gh-port
|
|||
|
|
.gh-portal-input-section.hidden {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
.gh-portal-input {
|
|||
|
|
-webkit-appearance: none;
|
|||
|
|
-moz-appearance: none;
|
|||
|
|
appearance: none;
|
|||
|
|
|
|||
|
|
display: block;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
color: inherit;
|
|||
|
|
background: transparent;
|
|||
|
|
outline: none;
|
|||
|
|
border: 1px solid var(--grey11);
|
|||
|
|
border-radius: 6px;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 44px;
|
|||
|
|
padding: 0 12px;
|
|||
|
|
margin-bottom: 18px;
|
|||
|
|
letter-spacing: 0.2px;
|
|||
|
|
transition: border-color 0.25s ease-in-out;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-input-labelcontainer {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-input-labelcontainer p {
|
|||
|
|
color: var(--red);
|
|||
|
|
font-size: 1.3rem;
|
|||
|
|
letter-spacing: 0.35px;
|
|||
|
|
line-height: 1.6em;
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-input-label.hidden {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-input:focus {
|
|||
|
|
border-color: var(--grey8);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-input.error {
|
|||
|
|
border-color: var(--red);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-input::placeholder {
|
|||
|
|
color: var(--grey8);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-container:not(.preview) .gh-portal-input:disabled {
|
|||
|
|
background: var(--grey13);
|
|||
|
|
color: var(--grey9);
|
|||
|
|
box-shadow: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-container:not(.preview) .gh-portal-input:disabled::placeholder {
|
|||
|
|
color: var(--grey9);
|
|||
|
|
}
|
|||
|
|
`;function NC({message:e,style:t}){return e?c.jsx("p",{style:{...t||{}},children:e}):null}function IC({name:e,id:t,hidden:n,label:a,hideLabel:i,type:r,value:o,placeholder:s,disabled:l=!1,onChange:u=()=>{},onBlur:d=()=>{},onKeyDown:p=()=>{},tabindex:m,maxlength:g,autoFocus:b,errorMessage:v}){const h=k.useRef(null);t=t||`input-${e}`;const f=n?"gh-portal-input-section hidden":"gh-portal-input-section",y=i?"gh-portal-input-label hidden":"gh-portal-input-label",w=v?"gh-portal-input error":"gh-portal-input";ma()&&(l=!0),G(["preview"])&&(l=!0);let x="",C="",S="";switch(t){case"input-email":x="off",C="off",S="off";break;case"input-name":x="off",C="off";break}return k.useEffect(()=>{b&&h.current.focus()},[b]),c.jsxs("section",{className:f,children:[c.jsxs("div",{className:"gh-portal-input-labelcontainer",children:[c.jsxs("label",{htmlFor:t,className:y,children:[" ",a," "]}),c.jsx(NC,{message:v,name:e})]}),c.jsx("input",{"data-test-input":t,ref:h,id:t,className:w,type:r,name:e,value:o,placeholder:s,onChange:E=>u(E,e),onKeyDown:E=>p(E,e),onBlur:E=>d(E,e),disabled:l,tabIndex:m,maxLength:g,autoComplete:x,autoCorrect:C,autoCapitalize:S,"aria-label":a})]})}class hf extends U.Component{render(){const{t}=this.context;return c.jsx(c.Fragment,{children:c.jsxs("button",{className:"gh-portal-btn gh-portal-btn-site-title-back",onClick:()=>{this.props.onBack?this.props.onBack():this.context.onAction("closePopup")},children:[c.jsx("span",{children:"← "})," ",t("Back")]})})}}Z(hf,"contextType",N);const AC=e=>k.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",...e},k.createElement("g",{transform:"matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"},k.createElement("path",{d:"M19.5,9.5h-.75V6.75a6.75,6.75,0,0,0-13.5,0V9.5H4.5a2,2,0,0,0-2,2V22a2,2,0,0,0,2,2h15a2,2,0,0,0,2-2V11.5A2,2,0,0,0,19.5,9.5Zm-7.5,9a2,2,0,1,1,2-2A2,2,0,0,1,12,18.5ZM16.25,9a.5.5,0,0,1-.5.5H8.25a.5.5,0,0,1-.5-.5V6.75a4.25,4.25,0,0,1,8.5,0Z",style:{fill:"#000000"}})));function zC({newsletter:e,subscribedNewsletters:t,setSubscribedNewsletters:n,t:a}){const i=t.some(r=>r.id===(e==null?void 0:e.id));return e.paid?c.jsxs("section",{className:"gh-portal-list-toggle-wrapper","data-testid":"toggle-wrapper",children:[c.jsxs("div",{className:"gh-portal-list-detail gh-portal-list-big",children:[c.jsx("h3",{children:e.name}),c.jsx("p",{children:e.description})]}),c.jsx("div",{className:"gh-portal-lock-icon-container",children:c.jsx(AC,{className:"gh-portal-lock-icon",alt:"",title:a("Unlock access to all newsletters by becoming a paid subscriber.")})})]}):c.jsxs("section",{className:"gh-portal-list-toggle-wrapper","data-testid":"toggle-wrapper",children:[c.jsxs("div",{className:"gh-portal-list-detail gh-portal-list-big",children:[c.jsx("h3",{children:e.name}),c.jsx("p",{children:e.description})]}),c.jsx("div",{children:c.jsx(zo,{id:e.id,onToggle:(r,o)=>{let s=[];o?s=t.filter(l=>l.id!==e.id).concat(e):s=t.filter(l=>l.id!==e.id),n(s)},checked:i})})]})}function DC({subscribedNewsletters:e,setSubscribedNewsletters:t}){const{site:n,t:a}=k.useContext(N);return wn({site:n}).map(r=>c.jsx(zC,{newsletter:r,subscribedNewsletters:e,setSubscribedNewsletters:t,t:a},r==null?void 0:r.id))}function lu({pageData:e,onBack:t}){const{brandColor:n,site:a,onAction:i,action:r,t:o}=k.useContext(N),l=wn({site:a}).filter(v=>v.subscribe_on_signup);let u=!1;r==="signup:running"&&(u=!0);let d=o("Continue"),p=!1;r==="signup:failed"&&(d=o("Retry"),p=!0);const m=r==="signup:running",[g,b]=k.useState(l);return c.jsxs("div",{className:"gh-portal-content with-footer gh-portal-newsletter-selection",children:[c.jsx("p",{className:"gh-portal-text-center gh-portal-text-large",children:o("Choose your newsletters")}),c.jsx("div",{className:"gh-portal-section",children:c.jsx("div",{className:"gh-portal-list",children:c.jsx(DC,{subscribedNewsletters:g,setSubscribedNewsletters:b})})}),c.jsx("footer",{className:"gh-portal-action-footer",children:c.jsxs("div",{style:{width:"100%"},children:[c.jsx("div",{style:{marginBottom:"20px"},children:c.jsx(ae,{isRunning:u,retry:p,disabled:m,onClick:()=>{let v=g.map
|
|||
|
|
.gh-portal-back-sitetitle {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 35px;
|
|||
|
|
left: 32px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-back-sitetitle .gh-portal-btn {
|
|||
|
|
padding: 0;
|
|||
|
|
border: 0;
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
height: auto;
|
|||
|
|
line-height: 1em;
|
|||
|
|
color: var(--grey1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper:not(.full-size) .gh-portal-back-sitetitle,
|
|||
|
|
.gh-portal-popup-wrapper.preview .gh-portal-back-sitetitle {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-logo {
|
|||
|
|
position: relative;
|
|||
|
|
display: block;
|
|||
|
|
background-position: 50%;
|
|||
|
|
background-size: cover;
|
|||
|
|
border-radius: 2px;
|
|||
|
|
width: 60px;
|
|||
|
|
height: 60px;
|
|||
|
|
margin: 12px 0 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-header,
|
|||
|
|
.gh-portal-signin-header {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
padding: 0 32px;
|
|||
|
|
margin-bottom: 32px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.full-size .gh-portal-signup-header {
|
|||
|
|
margin-top: 32px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-header .gh-portal-main-title,
|
|||
|
|
.gh-portal-signin-header .gh-portal-main-title {
|
|||
|
|
margin-top: 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-logo + .gh-portal-main-title {
|
|||
|
|
margin: 4px 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-header .gh-portal-main-subtitle {
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 1.45em;
|
|||
|
|
margin: 4px 0 0;
|
|||
|
|
color: var(--grey3);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-logged-out-form-container {
|
|||
|
|
width: 100%;
|
|||
|
|
max-width: 420px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.signup .gh-portal-input-section:last-of-type {
|
|||
|
|
margin-bottom: 40px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-message {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
color: var(--grey4);
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
margin: 16px 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-message,
|
|||
|
|
.gh-portal-signup-message * {
|
|||
|
|
z-index: 9999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.full-size .gh-portal-signup-message {
|
|||
|
|
margin: 24px 0 40px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 480px) {
|
|||
|
|
.preview .gh-portal-products + .gh-portal-signup-message {
|
|||
|
|
margin-bottom: 40px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-message button {
|
|||
|
|
font-size: 1.4rem;
|
|||
|
|
font-weight: 600;
|
|||
|
|
margin-left: 4px !important;
|
|||
|
|
margin-bottom: -1px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-message button span {
|
|||
|
|
display: inline-block;
|
|||
|
|
padding-bottom: 2px;
|
|||
|
|
margin-bottom: -2px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-content.signup.invite-only {
|
|||
|
|
background: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
footer.gh-portal-signup-footer,
|
|||
|
|
footer.gh-portal-signin-footer {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
position: relative;
|
|||
|
|
padding-top: 24px;
|
|||
|
|
height: unset;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-content.signup,
|
|||
|
|
.gh-portal-content.signin {
|
|||
|
|
max-height: unset !important;
|
|||
|
|
padding-bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-content.signin {
|
|||
|
|
padding-bottom: 4px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-content.signup .gh-portal-section {
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-content.signup.single-field {
|
|||
|
|
margin-bottom: 4px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-content.signup.single-field .gh-portal-input,
|
|||
|
|
.gh-portal-content.signin .gh-portal-input {
|
|||
|
|
margin-bottom: 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-content.signup.single-field + .gh-portal-signup-footer,
|
|||
|
|
footer.gh-portal-signin-footer {
|
|||
|
|
padding-top: 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-content.signin .gh-portal-section {
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
footer.gh-portal-signup-footer.invite-only {
|
|||
|
|
height: unset;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
footer.gh-portal-signup-footer.invite-only .gh-portal-signup-message {
|
|||
|
|
margin-top: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-invite-only-notification, .gh-portal-members-disabled-notification {
|
|||
|
|
margin: 8px 32px 24px;
|
|||
|
|
padding: 0;
|
|||
|
|
text-align: center;
|
|||
|
|
color: var(--grey2);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-icon-invitation {
|
|||
|
|
width: 44px;
|
|||
|
|
height: 44px;
|
|||
|
|
margin: 12px 0 2px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.full-size .gh-portal-popup-container.preview footer.gh-portal-signup-footer {
|
|||
|
|
padding-bottom: 32px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-invite-only-notification + .gh-portal-signup-message {
|
|||
|
|
margin-bottom: 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-free-trial-notification {
|
|||
|
|
max-width: 480px;
|
|||
|
|
text-align: center;
|
|||
|
|
margin: 24px auto;
|
|||
|
|
color: var(--grey4);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-terms-wrapper {
|
|||
|
|
width: 100%;
|
|||
|
|
max-width: 420px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.signup.single-field .gh-portal-signup-terms-wrapper {
|
|||
|
|
margin-top: 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.signup.single-field .gh-portal-products:not(:has(.gh-portal-product-card)) {
|
|||
|
|
margin-top: -16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-terms {
|
|||
|
|
margin: -16px 0 36px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-terms-wrapper.free-only .gh-portal-signup-terms {
|
|||
|
|
margin: -16px 0 24px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-products:has(.gh-portal-product-card) + .gh-portal-signup-terms-wrapper.free-only {
|
|||
|
|
margin: 20px auto 0 !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-terms label {
|
|||
|
|
position: relative;
|
|||
|
|
display: flex;
|
|||
|
|
gap: 10px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-terms input {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-terms .checkbox {
|
|||
|
|
position: relative;
|
|||
|
|
top: 1px;
|
|||
|
|
flex-shrink: 0;
|
|||
|
|
display: inline-block;
|
|||
|
|
float: left;
|
|||
|
|
width: 18px;
|
|||
|
|
height: 18px;
|
|||
|
|
margin: 1px 0 0;
|
|||
|
|
background: var(--white);
|
|||
|
|
border: 1px solid var(--grey10);
|
|||
|
|
border-radius: 4px;
|
|||
|
|
transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-terms label:hover input:not(:checked) + .checkbox {
|
|||
|
|
border-color: var(--grey9);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-terms .checkbox:before {
|
|||
|
|
content: "";
|
|||
|
|
position: absolute;
|
|||
|
|
top: 4px;
|
|||
|
|
left: 3px;
|
|||
|
|
width: 10px;
|
|||
|
|
height: 6px;
|
|||
|
|
border: 2px solid var(--white);
|
|||
|
|
border-top: none;
|
|||
|
|
border-right: none;
|
|||
|
|
opacity: 0;
|
|||
|
|
transition: opacity 0.15s ease-in-out;
|
|||
|
|
transform: rotate(-45deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-terms input:checked + .checkbox {
|
|||
|
|
border-color: var(--black);
|
|||
|
|
background: var(--black);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-terms input:checked + .checkbox:before {
|
|||
|
|
opacity: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-terms.gh-portal-error .checkbox,
|
|||
|
|
.gh-portal-signup-terms.gh-portal-error label:hover input:not(:checked) + .checkbox {
|
|||
|
|
border: 1px solid var(--red);
|
|||
|
|
box-shadow: 0 0 0 3px rgb(240, 37, 37, .15);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-terms.gh-portal-error input:checked + .checkbox {
|
|||
|
|
box-shadow: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-terms-content {
|
|||
|
|
color: var(--grey4);
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
line-height: 1.5em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-terms-content p {
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-error .gh-portal-signup-terms-content {
|
|||
|
|
line-height: 1.5em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-terms-content a {
|
|||
|
|
color: var(--brandcolor);
|
|||
|
|
font-weight: 500;
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (min-width: 480px) {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 480px) {
|
|||
|
|
.gh-portal-signup-logo {
|
|||
|
|
width: 48px;
|
|||
|
|
height: 48px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (min-width: 480px) and (max-width: 820px) {
|
|||
|
|
.gh-portal-powered.outside {
|
|||
|
|
left: 50%;
|
|||
|
|
transform: translateX(-50%);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
`;class ff extends U.Component{constructor(n){super(n);Z(this,"handleSelectPlan",(n,a)=>{n&&n.preventDefault(),this.timeoutId=setTimeout(()=>{this.setState(()=>({plan:a}))},5)});this.state={name:"",email:"",plan:"free",showNewsletterSelection:!1,termsCheckboxChecked:!1}}componentDidMount(){const{member:n}=this.context;n&&this.context.onAction("switchPage",{page:"accountHome"}),this.handleSelectedPlan()}componentDidUpdate(){this.handleSelectedPlan()}handleSelectedPlan(){const{site:n,pageQuery:a}=this.context,i=Io({site:n,pageQuery:a}),r=this.getSelectedPriceId(i,this.state.plan);r!==this.state.plan&&this.setState({plan:r})}componentWillUnmount(){clearTimeout(this.timeoutId)}getFormErrors(n){const i=this.context.site.portal_signup_checkbox_required&&this.context.site.portal_signup_terms_html&&!n.termsCheckboxChecked;return{...Yo({fields:this.getInputFields({state:n}),t:this.context.t}),checkbox:i}}doSignup(){this.setState(n=>({errors:this.getFormErrors(n)}),()=>{const{site:n,onAction:a}=this.context,{name:i,email:r,plan:o,phonenumber:s,errors:l}=this.state;l&&Object.values(l).filter(d=>!!d).length>0||(To({site:n})?this.setState({showNewsletterSelection:!0,pageData:{name:i,email:r,plan:o,phonenumber:s},errors:{}}):(this.setState({errors:{}}),a("signup",{name:i,email:r,phonenumber:s,plan:o})))})}handleSignup(n){n.preventDefault(),this.doSignup()}handleChooseSignup(n,a){n.preventDefault(),this.setState({plan:a},()=>{this.doSignup()})}handleInputChange(n,a){const i=a.name,r=n.target.value;this.setState({[i]:r})}onKeyDown(n){n.keyCode===13&&this.handleSignup(n)}getSelectedPriceId(n=[],a){return!n||n.length===0?"free":n.some(r=>r.id===a)?a:n[0].id||"free"}getInputFields({state:n,fieldNames:a}){const{site:{portal_name:i},t:r}=this.context,o=n.errors||{},s=[{type:"email",value:n.email,placeholder:r("jamie@example.com"),label:r("Email"),name:"email",required:!0,tabindex:2,errorMessage:o.email||""},{type:"text",value:n.phonenumber,placeholder:r("+1 (123) 456-7890"),label:r("Phone number"),name:"phonenumber",required:!1,tabindex:-1,autocomplete:"off",hidden:!0}];return i&&s.unshift({type:"text",value:n.name,placeholder:r("Jamie Larson"),label:r("Name"),name:"name",required:!0,tabindex:1,errorMessage:o.name||""}),s[0].autoFocus=!0,a&&a.length>0?s.filter(l=>a.includes(l.name)):s}renderSignupTerms(){var l;const{site:n}=this.context;if(n.portal_signup_terms_html===null||n.portal_signup_terms_html==="")return null;const a=u=>{this.setState({termsCheckboxChecked:u.target.checked})},i=c.jsx("div",{className:"gh-portal-signup-terms-content",dangerouslySetInnerHTML:{__html:n.portal_signup_terms_html}}),r=n.portal_signup_checkbox_required?c.jsxs("label",{children:[c.jsx("input",{type:"checkbox",checked:!!this.state.termsCheckboxChecked,required:!0,onChange:a}),c.jsx("span",{className:"checkbox"}),i]}):i,s=`gh-portal-signup-terms ${(l=this.state.errors)!=null&&l.checkbox?"gh-portal-error":""}`;return c.jsx("div",{className:s,onClick:gf,children:r})}renderSubmitButton(){const{action:n,site:a,brandColor:i,pageQuery:r,t:o}=this.context;if(dt({site:a,pageQuery:r}))return null;let s=o("Continue");const l=r==="free";if(Ni({site:a})||l)s=o("Sign up");else return null;let u=!1;n==="signup:running"&&(s=o("Sending..."),u=!0);let d=!1;n==="signup:failed"&&(s=o("Retry"),d=!0);const p=n==="signup:running";return c.jsx(ae,{style:{width:"100%"},retry:d,onClick:m=>this.handleSignup(m),disabled:p,brandColor:i,label:s,isRunning:u,tabIndex:"3"})}renderProducts(){const{site:n,pageQuery:a,t:i}=this.context,r=$o({site:n,pageQuery:a}),o=this.state.errors||{},s={};return Object.keys(o).length>0&&this.state.plan&&(s[this.state.plan]=i("Please fill in required fields")),c.jsx(c.Fragment,{children:c.jsx(df,{handleChooseSignup:(...l)=>this.handleChooseSignup(...l),products:r,onPlanSelect:this.handleSelectPlan,errors:s})})}renderFreeTrialMessage(){const{site:n,t:a,pageQuery:i}=this.context;return jo({site:n,pageQuery:i})&&!dt({site:n})?c.jsx("p",{className:"gh-portal-free-trial-notification","data-testid":"free-trial-notification-text",children:a("After a free trial ends,
|
|||
|
|
.gh-portal-icon-envelope {
|
|||
|
|
width: 44px;
|
|||
|
|
margin: 12px 0 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-inbox-notification {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-inbox-notification p {
|
|||
|
|
max-width: 420px;
|
|||
|
|
text-align: center;
|
|||
|
|
margin-bottom: 30px;
|
|||
|
|
}
|
|||
|
|
`;class yf extends U.Component{renderFormHeader(){const{t}=this.context;let n=t("Now check your email!"),a=t("A login link has been sent to your inbox. If it doesn't arrive in 3 minutes, be sure to check your spam folder.");return this.context.lastPage==="signup"&&(n=t("Now check your email!"),a=t("To complete signup, click the confirmation link in your inbox. If it doesn't arrive within 3 minutes, check your spam folder!")),c.jsxs("section",{className:"gh-portal-inbox-notification",children:[c.jsxs("header",{className:"gh-portal-header",children:[c.jsx(YC,{className:"gh-portal-icon gh-portal-icon-envelope"}),c.jsx("h2",{className:"gh-portal-main-title",children:n})]}),c.jsx("p",{children:a})]})}renderLoginMessage(){const{t}=this.context;return c.jsx(c.Fragment,{children:c.jsx("div",{style:{color:"#1d1d1d",fontWeight:"bold",cursor:"pointer"},onClick:()=>this.context.onAction("switchPage",{page:"signin"}),children:t("Back to Log in")})})}handleClose(){this.context.onAction("closePopup")}renderCloseButton(){const{t}=this.context,n=t("Close");return c.jsx(ae,{style:{width:"100%"},onClick:a=>this.handleClose(a),brandColor:this.context.brandColor,label:n})}render(){return c.jsxs("div",{className:"gh-portal-content",children:[c.jsx(ie,{}),this.renderFormHeader(),this.renderCloseButton()]})}}Z(yf,"contextType",N);const LC=`
|
|||
|
|
.gh-portal-popupnotification {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 8px;
|
|||
|
|
left: 8px;
|
|||
|
|
right: 8px;
|
|||
|
|
padding: 12px;
|
|||
|
|
background: var(--grey2);
|
|||
|
|
z-index: 11000;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
box-shadow: 0px 0.8151839971542358px 0.8151839971542358px 0px rgba(var(--blackrgb),0.01),
|
|||
|
|
0px 2.2538793087005615px 2.2538793087005615px 0px rgba(var(--blackrgb),0.02),
|
|||
|
|
0px 5.426473140716553px 5.426473140716553px 0px rgba(var(--blackrgb),0.03),
|
|||
|
|
0px 18px 18px 0px rgba(var(--blackrgb),0.04);
|
|||
|
|
animation: popupnotification-slidein 0.3s ease-in-out;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popupnotification.slideout {
|
|||
|
|
animation: popupnotification-slideout 0.48s ease-in;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popupnotification p {
|
|||
|
|
color: var(--white);
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0 20px;
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
line-height: 1.5em;
|
|||
|
|
letter-spacing: 0.2px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popupnotification a {
|
|||
|
|
color: var(--white);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popupnotification-icon {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 12px;
|
|||
|
|
left: 12px;
|
|||
|
|
width: 20px;
|
|||
|
|
height: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popupnotification-icon.success {
|
|||
|
|
color: var(--green);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popupnotification-icon.error {
|
|||
|
|
color: var(--red);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popupnotification .closeicon {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 3px;
|
|||
|
|
bottom: 0;
|
|||
|
|
right: 3px;
|
|||
|
|
color: var(--white);
|
|||
|
|
cursor: pointer;
|
|||
|
|
width: 16px;
|
|||
|
|
height: 16px;
|
|||
|
|
padding: 12px;
|
|||
|
|
transition: all 0.15s ease-in-out forwards;
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popupnotification .closeicon:hover {
|
|||
|
|
opacity: 1.0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes popupnotification-slidein {
|
|||
|
|
0% {
|
|||
|
|
transform: translateY(-10px);
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
60% { transform: translateY(2px); }
|
|||
|
|
100% {
|
|||
|
|
transform: translateY(0);
|
|||
|
|
opacity: 1.0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes popupnotification-slideout {
|
|||
|
|
0% {
|
|||
|
|
transform: translateY(0);
|
|||
|
|
opacity: 1.0;
|
|||
|
|
}
|
|||
|
|
40% { transform: translateY(2px); }
|
|||
|
|
100% {
|
|||
|
|
transform: translateY(-10px);
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
`,OC=({hide:e=!1,onClose:t})=>e?null:c.jsx(tu,{className:"closeicon",alt:"Close",onClick:t}),BC=({message:e,site:t,t:n})=>{const i=`mailto:${Ii({site:t})}`;return e?c.jsx("p",{children:e}):c.jsx("p",{children:c.jsx($e,{syntax:Ie,string:n("An unexpected error occured. Please try again or <a>contact support</a> if the error persists."),mapping:{a:c.jsx("a",{href:i,onClick:()=>{i&&window.open(i)}})}})})};class bf extends U.Component{constructor(){super(),this.state={className:""}}onAnimationEnd(t){const{popupNotification:n}=this.context,{type:a}=n||{};t.animationName==="popupnotification-slideout"&&(a==="stripe:billing-update"&&au(["stripe"]),this.context.onAction("clearPopupNotification"))}closeNotification(){this.context.onAction("clearPopupNotification")}componentDidUpdate(){const{popupNotification:t}=this.context;t.count!==this.state.notificationCount&&(clearTimeout(this.timeoutId),this.handlePopupNotification({popupNotification:t}))}handlePopupNotification({popupNotification:t}){if(this.setState({notificationCount:t.count}),t.autoHide){const{duration:n=2600}=t;this.timeoutId=setTimeout(()=>{this.setState(a=>a.className!=="slideout"?{className:"slideout",notificationCount:t.count}:{})},n)}}componentDidMount(){const{popupNotification:t}=this.context;this.handlePopupNotification({popupNotification:t})}componentWillUnmount(){clearTimeout(this.timeoutId)}render(){const{popupNotification:t,site:n,t:a}=this.context,{className:i}=this.state,{type:r,status:o,closeable:s,message:l}=t,u=o?` ${o}`:"",d=i?` ${i}`:"";return c.jsxs("div",{className:`gh-portal-popupnotification${u}${d}`,onAnimationEnd:p=>this.onAnimationEnd(p),children:[o==="error"?c.jsx(nu,{className:"gh-portal-popupnotification-icon error",alt:""}):c.jsx(Lg,{className:"gh-portal-popupnotification-icon success",alt:""}),c.jsx(BC,{type:r,status:o,message:l,site:n,t:a}),c.jsx(OC,{hide:!s,onClose:p=>this.closeNotification(p)})]})}}Z(bf,"contextType",N);const HC=()=>`
|
|||
|
|
.gh-portal-offer {
|
|||
|
|
padding-bottom: 0;
|
|||
|
|
overflow: unset;
|
|||
|
|
max-height: unset;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-offer-container {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-plans-container.offer {
|
|||
|
|
justify-content: space-between;
|
|||
|
|
border-color: var(--grey12);
|
|||
|
|
border-top: none;
|
|||
|
|
border-top-left-radius: 0;
|
|||
|
|
border-top-right-radius: 0;
|
|||
|
|
padding: 12px 16px;
|
|||
|
|
font-size: 1.3rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-offer-bar {
|
|||
|
|
position: relative;
|
|||
|
|
padding: 26px 28px 28px;
|
|||
|
|
margin-bottom: 24px;
|
|||
|
|
/*border: 1px dashed var(--brandcolor);*/
|
|||
|
|
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='99.9%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23C3C3C3' stroke-width='3' stroke-dasharray='3%2c 9' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
|
|||
|
|
background-color: var(--white);
|
|||
|
|
border-radius: 6px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-offer-title {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-offer-title h4 {
|
|||
|
|
font-size: 1.8rem;
|
|||
|
|
margin: 0 110px 0 0;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-offer-title h4.placeholder {
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-offer-bar .gh-portal-discount-label {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 23px;
|
|||
|
|
right: 25px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-offer-bar p {
|
|||
|
|
padding-bottom: 0;
|
|||
|
|
margin: 12px 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-offer-title h4 + p {
|
|||
|
|
margin: 12px 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-offer-details .gh-portal-plan-name,
|
|||
|
|
.gh-portal-offer-details p {
|
|||
|
|
margin-right: 8px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-offer .footnote {
|
|||
|
|
font-size: 1.35rem;
|
|||
|
|
color: var(--grey8);
|
|||
|
|
margin: 4px 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.offer .gh-portal-product-card {
|
|||
|
|
max-width: unset;
|
|||
|
|
min-height: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.offer .gh-portal-product-card .gh-portal-product-card-pricecontainer:not(.offer-type-trial) {
|
|||
|
|
margin-top: 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.offer .gh-portal-product-card-header {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: flex-start;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-offer-oldprice {
|
|||
|
|
display: flex;
|
|||
|
|
position: relative;
|
|||
|
|
font-size: 1.8rem;
|
|||
|
|
font-weight: 300;
|
|||
|
|
color: var(--grey8);
|
|||
|
|
line-height: 1;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
margin: 16px 0 4px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-offer-oldprice:after {
|
|||
|
|
position: absolute;
|
|||
|
|
display: block;
|
|||
|
|
content: "";
|
|||
|
|
left: 0;
|
|||
|
|
top: 50%;
|
|||
|
|
right: 0;
|
|||
|
|
height: 1px;
|
|||
|
|
background: var(--grey8);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-offer-details p {
|
|||
|
|
margin-bottom: 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.offer .after-trial-amount {
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.offer .trial-duration {
|
|||
|
|
margin-top: 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-cancel {
|
|||
|
|
white-space: nowrap;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-offer .gh-portal-signup-terms-wrapper {
|
|||
|
|
margin: 8px auto 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-offer .gh-portal-signup-terms.gh-portal-error {
|
|||
|
|
margin: 0;
|
|||
|
|
}
|
|||
|
|
`;class kf extends U.Component{constructor(t,n){var a,i;super(t,n),this.state={name:((a=n==null?void 0:n.member)==null?void 0:a.name)||"",email:((i=n==null?void 0:n.member)==null?void 0:i.email)||"",plan:"free",showNewsletterSelection:!1,termsCheckboxChecked:!1}}getFormErrors(t){const a=this.context.site.portal_signup_checkbox_required&&this.context.site.portal_signup_terms_html&&!t.termsCheckboxChecked;return{...Yo({fields:this.getInputFields({state:t}),t:this.context.t}),checkbox:a}}getInputFields({state:t,fieldNames:n}){const{portal_name:a}=this.context.site,{member:i,t:r}=this.context,o=t.errors||{},s=[{type:"email",value:(i==null?void 0:i.email)||t.email,placeholder:"jamie@example.com",label:r("Email"),name:"email",disabled:!!i,required:!0,tabindex:2,errorMessage:o.email||""}];let l=!!a;return i&&!(i!=null&&i.name)&&(l=!1),l&&s.unshift({type:"text",value:(i==null?void 0:i.name)||t.name,placeholder:r("Jamie Larson"),label:r("Name"),name:"name",disabled:!!i,required:!0,tabindex:1,errorMessage:o.name||""}),s[0].autoFocus=!0,n&&n.length>0?s.filter(u=>n.includes(u.name)):s}renderSignupTerms(){var s;const{site:t}=this.context;if(t.portal_signup_terms_html===null||t.portal_signup_terms_html==="")return null;const n=l=>{this.setState({termsCheckboxChecked:l.target.checked})},a=c.jsx("div",{className:"gh-portal-signup-terms-content",dangerouslySetInnerHTML:{__html:t.portal_signup_terms_html}}),i=t.portal_signup_checkbox_required?c.jsxs("label",{children:[c.jsx("input",{type:"checkbox",checked:!!this.state.termsCheckboxChecked,required:!0,onChange:n}),c.jsx("span",{className:"checkbox"}),a]}):a,o=`gh-portal-signup-terms ${(s=this.state.errors)!=null&&s.checkbox?"gh-portal-error":""}`;return c.jsx("div",{className:o,onClick:gf,children:i})}onKeyDown(t){t.keyCode===13&&this.handleSignup(t)}handleSignup(t){t.preventDefault();const{pageData:n,site:a}=this.context;if(!n)return null;const i=pa({site:a,productId:n.tier.id}),r=n.cadence==="month"?i.monthlyPrice:i.yearlyPrice;this.setState(o=>({errors:this.getFormErrors(o)}),()=>{const{onAction:o}=this.context,{name:s,email:l,phonenumber:u,errors:d}=this.state;if(!(d&&Object.values(d).filter(m=>!!m).length>0)){const m={name:s,email:l,plan:r==null?void 0:r.id,offerId:n==null?void 0:n.id,phonenumber:u};To({site:a})?this.setState({showNewsletterSelection:!0,pageData:m,errors:{}}):(o("signup",m),this.setState({errors:{}}))}})}handleInputChange(t,n){const a=n.name,i=t.target.value;this.setState({[a]:i})}renderSiteLogo(){const{site:t}=this.context,n=t.icon;return n?c.jsx("img",{className:"gh-portal-signup-logo",src:n,alt:t.title}):null}renderFormHeader(){const{site:t}=this.context,n=t.title||"";return c.jsxs("header",{className:"gh-portal-signup-header",children:[this.renderSiteLogo(),c.jsx("h2",{className:"gh-portal-main-title",children:n})]})}renderForm(){const t=this.getInputFields({state:this.state});return this.state.showNewsletterSelection?c.jsx(lu,{pageData:this.state.pageData,onBack:()=>{this.setState({showNewsletterSelection:!1})}}):c.jsx("section",{children:c.jsx("div",{className:"gh-portal-section",children:c.jsx(Ro,{fields:t,onChange:(n,a)=>this.handleInputChange(n,a),onKeyDown:n=>this.onKeyDown(n)})})})}renderSubmitButton(){const{action:t,brandColor:n,t:a}=this.context,{pageData:i}=this.context;let r=a("Continue");i.type==="trial"&&(r=a("Start {{amount}}-day free trial",{amount:i.amount}));let o=!1;t==="signup:running"&&(r=a("Sending..."),o=!0);let s=!1;t==="signup:failed"&&(r=a("Retry"),s=!0);const l=t==="signup:running";return c.jsx(ae,{style:{width:"100%"},retry:s,onClick:u=>this.handleSignup(u),disabled:l,brandColor:n,label:r,isRunning:o,tabindex:"3",classes:"sticky bottom"})}renderLoginMessage(){const{member:t}=this.context;if(t)return null;const{brandColor:n,onAction:a,t:i}=this.context;return c.jsxs("div",{className:"gh-portal-signup-message",children:[c.jsx("div",{children:i("Already a member?")}),c.jsx("button",{className:"gh-portal-btn gh-portal-btn-link",style:{color:n},onClick:()=>a("switchPage",{page:"signin"}),children:c.jsx("span",{children:i("Sign in")})})]
|
|||
|
|
.gh-portal-feedback {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-feedback .gh-feedback-icon {
|
|||
|
|
padding: 10px 0;
|
|||
|
|
text-align: center;
|
|||
|
|
color: var(--brandcolor);
|
|||
|
|
width: 48px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-feedback .gh-feedback-icon.gh-feedback-icon-error {
|
|||
|
|
color: #f50b23;
|
|||
|
|
width: 96px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-feedback .gh-portal-text-center {
|
|||
|
|
padding: 16px 32px 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-confirm-title {
|
|||
|
|
line-height: inherit;
|
|||
|
|
text-align: center;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
margin: 0;
|
|||
|
|
margin-bottom: .4rem;
|
|||
|
|
font-size: 24px;
|
|||
|
|
font-weight: 700;
|
|||
|
|
letter-spacing: -.018em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-confirm-button {
|
|||
|
|
width: 100%;
|
|||
|
|
margin-top: 3.6rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-feedback-buttons-group {
|
|||
|
|
display: grid;
|
|||
|
|
grid-template-columns: 1fr 1fr;
|
|||
|
|
gap: 16px;
|
|||
|
|
margin-top: 3.6rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-feedback-button {
|
|||
|
|
position: relative;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
gap: 8px;
|
|||
|
|
font-size: 1.4rem;
|
|||
|
|
line-height: 1.2;
|
|||
|
|
font-weight: 700;
|
|||
|
|
border: none;
|
|||
|
|
border-radius: 22px;
|
|||
|
|
padding: 12px 8px;
|
|||
|
|
color: #505050;
|
|||
|
|
background: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-feedback-button::before {
|
|||
|
|
content: '';
|
|||
|
|
position: absolute;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
border-radius: inherit;
|
|||
|
|
background: currentColor;
|
|||
|
|
opacity: 0.10;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-feedback-button-selected {
|
|||
|
|
box-shadow: inset 0 0 0 2px currentColor;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-feedback-button svg {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px;
|
|||
|
|
color: inherit;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-feedback-button svg path {
|
|||
|
|
stroke-width: 4px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 480px) {
|
|||
|
|
.gh-portal-popup-background {
|
|||
|
|
animation: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.feedback h1 {
|
|||
|
|
font-size: 2.5rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.feedback p {
|
|||
|
|
margin-bottom: 1.2rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-feedback .gh-portal-text-center {
|
|||
|
|
padding-left: 8px;
|
|||
|
|
padding-right: 8px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.feedback {
|
|||
|
|
display: block;
|
|||
|
|
position: relative;
|
|||
|
|
width: 100%;
|
|||
|
|
background: none;
|
|||
|
|
padding-right: 0 !important;
|
|||
|
|
overflow: hidden;
|
|||
|
|
overflow-y: hidden !important;
|
|||
|
|
animation: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-container.feedback {
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
border-radius: 18px 18px 0 0;
|
|||
|
|
margin: 0 !important;
|
|||
|
|
animation: none;
|
|||
|
|
animation: mobile-tray-from-bottom 0.4s ease;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.feedback .gh-portal-closeicon-container {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-feedback-buttons-group,
|
|||
|
|
.gh-portal-confirm-button {
|
|||
|
|
margin-top: 28px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-powered.outside.feedback {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes mobile-tray-from-bottom {
|
|||
|
|
0% {
|
|||
|
|
opacity: 0;
|
|||
|
|
transform: translateY(300px);
|
|||
|
|
}
|
|||
|
|
20% {
|
|||
|
|
opacity: 1.0;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: translateY(0);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
`;function KC({error:e}){const{onAction:t,t:n}=k.useContext(N);return c.jsxs("div",{className:"gh-portal-content gh-portal-feedback with-footer",children:[c.jsx(ie,{}),c.jsx("div",{className:"gh-feedback-icon gh-feedback-icon-error",children:c.jsx(VC,{})}),c.jsx("h1",{className:"gh-portal-main-title",children:n("Sorry, that didn’t work.")}),c.jsx("div",{children:c.jsx("p",{className:"gh-portal-text-center",children:e})}),c.jsx(ae,{style:{width:"100%"},retry:!1,onClick:()=>t("closePopup"),disabled:!1,brandColor:"#000000",label:n("Close"),isRunning:!1,tabindex:"3",classes:"sticky bottom"})]})}const GC=({onConfirm:e,loading:t,initialScore:n})=>{const{onAction:a,brandColor:i,t:r}=k.useContext(N),[o,s]=k.useState(n),l=g=>{g.stopPropagation()},u=()=>{a("closePopup")},d=async g=>{g.stopPropagation(),await e(o)},p=g=>{const b="gh-feedback-button";return g===o?`${b} gh-feedback-button-selected`:b},m=g=>g===o?{color:i}:{};return c.jsxs("div",{className:"gh-portal-confirm-dialog",onMouseDown:l,children:[c.jsx("h1",{className:"gh-portal-confirm-title",children:r("Give feedback on this post")}),c.jsxs("div",{className:"gh-feedback-buttons-group",children:[c.jsxs("button",{className:p(1),style:m(1),onClick:()=>s(1),children:[c.jsx(wf,{}),r("More like this")]}),c.jsxs("button",{className:p(0),style:m(0),onClick:()=>s(0),children:[c.jsx(vf,{}),r("Less like this")]})]}),c.jsx(ae,{classes:"gh-portal-confirm-button",retry:!1,onClick:d,disabled:!1,brandColor:i,label:r("Submit feedback"),isRunning:t,tabindex:"3"}),c.jsx(ie,{close:()=>u()})]})};async function qC({siteUrl:e,uuid:t,key:n,postId:a,score:i},r){await(r||Oo({siteUrl:e})).feedback.add({uuid:t,postId:a,key:n,score:i})}const JC=({action:e,score:t})=>(k.useEffect(()=>{e(t)}),c.jsx(Mi,{})),QC=({positive:e})=>{const{onAction:t,brandColor:n,t:a}=k.useContext(N),i=e?c.jsx(wf,{}):c.jsx(vf,{});return c.jsxs("div",{className:"gh-portal-content gh-portal-feedback",children:[c.jsx(ie,{}),c.jsx("div",{className:"gh-feedback-icon",children:i}),c.jsx("h1",{className:"gh-portal-main-title",children:a("Thanks for the feedback!")}),c.jsx("p",{className:"gh-portal-text-center",children:a("Your input helps shape what gets published.")}),c.jsx(ae,{style:{width:"100%"},retry:!1,onClick:()=>t("closePopup"),disabled:!1,brandColor:n,label:a("Close"),isRunning:!1,tabindex:"3",classes:"sticky bottom"})]})};function ZC(){const{site:e,pageData:t,member:n,t:a,api:i}=k.useContext(N),{uuid:r,key:o,postId:s,score:l}=t,[u,d]=k.useState(l),p=u===1,m=!!n,[g,b]=k.useState(m),[v,h]=k.useState(m),[f,y]=k.useState(null),w=async C=>{h(!0);try{await qC({siteUrl:e.url,uuid:r,key:o,postId:s,score:C},i),d(C)}catch(S){const E=Lo(S,a("There was a problem submitting your feedback. Please try again a little later."),a);y(E)}h(!1)},x=async C=>{await w(C),b(!0)};if(f)return c.jsx(KC,{error:f});if(g){if(v)return c.jsx(JC,{action:w,score:u})}else return c.jsx(GC,{onConfirm:x,loading:v,initialScore:u});return c.jsx(QC,{positive:p})}const XC=`.gh-email-suppressed-page-title{margin-bottom:14px}.gh-email-suppressed-page-icon{display:block;width:38px;height:38px;margin:0 auto 18px}.gh-email-suppressed-page-text{padding:0 14px;text-align:center;color:var(--grey6)}.gh-email-faq-footer-text{color:var(--grey8)}.gh-portal-list-detail.email-newsletter .gh-email-faq-page-button{display:block;margin-top:3px}.gh-portal-action-footer .gh-email-faq-page-button{margin-left:4px}.emailReceivingFAQ .gh-portal-btn-back,.emailReceivingFAQ .gh-portal-btn-back:hover{left:calc(6vmin - 14px)}.emailReceivingFAQ .gh-portal-closeicon-container{right:calc(6vmin - 20px)}@media (max-width: 480px){.emailReceivingFAQ .gh-portal-btn-back,.emailReceivingFAQ .gh-portal-btn-back:hover{left:16px}.emailReceivingFAQ .gh-portal-closeicon-container{right:24px}}.gh-email-faq-page-button{color:var(--brandcolor);cursor:pointer;background:none;transition:color linear .1s;font-size:1.45rem}
|
|||
|
|
`,e0="",t0="",n0=e=>k.createElement("svg",{id:"Regular",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e},k.createElement("title",null,"confetti"),k.createElement("defs",null,k.createElement("style",null,`
|
|||
|
|
.cls-1{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}
|
|||
|
|
`)),k.createElement("ellipse",{className:"cls-1",cx:11.531,cy:12.469,rx:2.625,ry:5.25,transform:"rotate(-45 11.531 12.47)"}),k.createElement("path",{className:"cls-1",d:"M7.4 9.7.888 21.121a1.5 1.5 0 0 0 1.991 1.991L14.3 16.605M15.773 7.7a.375.375 0 0 1 0 .531m-.53-.531a.375.375 0 0 1 .53 0m-.53.527a.377.377 0 0 1 0-.531m.53.531a.375.375 0 0 1-.53 0m4.773-4.773a.374.374 0 0 1 0 .53m-.53-.53a.374.374 0 0 1 .53 0m-.53.53a.374.374 0 0 1 0-.53m.53.53a.375.375 0 0 1-.53 0m.53 10.076a.375.375 0 0 1 0 .531m-.53-.531a.375.375 0 0 1 .53 0m-.53.531a.375.375 0 0 1 0-.531m.53.531a.375.375 0 0 1-.53 0M8.349 4.514a.377.377 0 0 1 0 .531m-.53-.531a.375.375 0 0 1 .53 0m-.53.531a.375.375 0 0 1 0-.531m.53.531a.375.375 0 0 1-.53 0M12.857.75a13.836 13.836 0 0 1-.531 5.62m4.243-4.242-.53 2.651m7.211 6.364a13.836 13.836 0 0 0-5.62.531m4.242-4.243-2.651.53"})),a0=`
|
|||
|
|
.gh-portal-tips-and-donations .gh-portal-signup-header {
|
|||
|
|
margin-bottom: 12px;
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-tips-and-donations .gh-tips-and-donations-icon-success {
|
|||
|
|
margin: 24px auto 16px;
|
|||
|
|
text-align: center;
|
|||
|
|
color: var(--brandcolor);
|
|||
|
|
width: 48px;
|
|||
|
|
height: 48px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-tips-and-donations .gh-tips-and-donations-icon-success svg {
|
|||
|
|
width: 48px;
|
|||
|
|
height: 48px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-tips-and-donations h1.gh-portal-main-title {
|
|||
|
|
font-size: 32px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-tips-and-donations .gh-portal-text-center {
|
|||
|
|
padding: 16px 32px 12px;
|
|||
|
|
}
|
|||
|
|
`,i0=()=>{const{onAction:e,brandColor:t,site:n,t:a}=k.useContext(N),i=a("Thank you for your support"),r=a("To continue to stay up to date, subscribe to {{publication}} below.",{publication:n==null?void 0:n.title}),o=a("Sign up");return c.jsxs("div",{className:"gh-portal-content gh-portal-tips-and-donations",children:[c.jsx(ie,{}),c.jsxs("div",{className:"gh-portal-signup-header",children:[n.icon?c.jsx("img",{className:"gh-portal-signup-logo",src:n.icon,alt:n.title}):c.jsx("div",{className:"gh-tips-and-donations-icon-success",children:c.jsx(n0,{})}),c.jsx("h1",{className:"gh-portal-main-title",children:i})]}),c.jsx("p",{className:"gh-portal-text-center",children:r}),c.jsx(ae,{style:{width:"100%"},retry:!1,onClick:()=>e("switchPage",{page:"signup"}),disabled:!1,brandColor:t,label:o,isRunning:!1,tabindex:"3",classes:"sticky bottom"}),c.jsxs("div",{className:"gh-portal-signup-message",children:[c.jsx("div",{children:a("Already a member?")}),c.jsx("button",{"data-test-button":"signin-switch",className:"gh-portal-btn gh-portal-btn-link",style:{color:t},onClick:()=>e("switchPage",{page:"signin"}),children:c.jsx("span",{children:a("Sign in")})})]})]})},r0=e=>k.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e},k.createElement("title",null,"warning-stroke"),k.createElement("path",{d:"M13.313 2.275a1.5 1.5 0 0 0-2.626 0l-9.75 18A1.5 1.5 0 0 0 2.25 22.5h19.5a1.5 1.5 0 0 0 1.313-2.225zM12 18a.375.375 0 0 1 .375.375m-.75 0A.375.375 0 0 1 12 18m0 .75a.375.375 0 0 1-.375-.375m.75 0a.375.375 0 0 1-.375.375M12 15V8.25",style:{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5px"}})),o0=`
|
|||
|
|
.gh-portal-tips-and-donations .gh-tips-and-donations-icon-error {
|
|||
|
|
padding: 10px 0;
|
|||
|
|
text-align: center;
|
|||
|
|
width: 48px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
color: #f50b23;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-tips-donations .gh-tips-donations-icon.gh-feedback-icon-error {
|
|||
|
|
color: #f50b23;
|
|||
|
|
width: 96px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-tips-and-donations .gh-portal-text-center {
|
|||
|
|
padding: 16px 32px 12px;
|
|||
|
|
}
|
|||
|
|
`,uu=({error:e})=>{const{onAction:t,t:n}=k.useContext(N),a=n("Sorry, that didn’t work."),i=e||n("There was an error processing your payment. Please try again."),r=n("Close");return e&&Pc(e),c.jsxs("div",{className:"gh-portal-content gh-portal-tips-and-donations",children:[c.jsx(ie,{}),c.jsx("div",{className:"gh-tips-and-donations-icon-error",children:c.jsx(r0,{})}),c.jsx("h1",{className:"gh-portal-main-title",children:a}),c.jsx("p",{className:"gh-portal-text-center",children:i}),c.jsx(ae,{style:{width:"100%"},retry:!0,onClick:()=>t("closePopup"),disabled:!1,brandColor:"#000000",label:r,isDestructive:!0,isRunning:!1,tabindex:"3",classes:"sticky bottom"})]})},s0=e=>k.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},k.createElement("path",{d:"M3.84 20.25L19.75 4.34",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),k.createElement("path",{d:"M19.75 19.3398V4.33984H4.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),xf=e=>k.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e},k.createElement("defs",null,k.createElement("style",null,`.a{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px!important;}
|
|||
|
|
`)),k.createElement("title",null,"check-circle-1"),k.createElement("path",{className:"a",d:"M6,13.223,8.45,16.7a1.049,1.049,0,0,0,1.707.051L18,6.828"}),k.createElement("circle",{className:"a",cx:12,cy:11.999,r:11.25})),l0=`
|
|||
|
|
.gh-portal-recommendations-header .gh-portal-main-title {
|
|||
|
|
padding: 0 32px;
|
|||
|
|
text-wrap: balance;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-item {
|
|||
|
|
min-height: 38px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-item .gh-portal-list-detail {
|
|||
|
|
padding: 4px 24px 4px 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-item-header {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
gap: 10px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-item-favicon {
|
|||
|
|
width: 20px;
|
|||
|
|
height: 20px;
|
|||
|
|
border-radius: 3px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendations-header {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendations-description {
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-description-container {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-item .gh-portal-recommendation-description-container p {
|
|||
|
|
font-size: 1.35rem;
|
|||
|
|
padding-left: 30px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
letter-spacing: 0.1px;
|
|||
|
|
margin-top: 4px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-description-hidden {
|
|||
|
|
visibility: hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-item .gh-portal-list-detail {
|
|||
|
|
transition: 0.2s ease-in-out opacity;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-list-detail:hover {
|
|||
|
|
cursor: pointer;
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-arrow-icon {
|
|||
|
|
height: 12px;
|
|||
|
|
opacity: 0;
|
|||
|
|
margin-left: -6px;
|
|||
|
|
transition: 0.2s ease-in opacity;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-arrow-icon path {
|
|||
|
|
stroke-width: 3px;
|
|||
|
|
stroke: #555;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-item .gh-portal-list-detail:hover .gh-portal-recommendation-arrow-icon {
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-item .gh-portal-btn-list {
|
|||
|
|
height: 28px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-subscribed {
|
|||
|
|
display: flex;
|
|||
|
|
padding-left: 30px;
|
|||
|
|
align-items: center;
|
|||
|
|
gap: 4px;
|
|||
|
|
font-size: 1.35rem;
|
|||
|
|
font-weight: 400;
|
|||
|
|
letter-spacing: 0.1px;
|
|||
|
|
line-height: 1.3em;
|
|||
|
|
animation: 0.5s ease-in-out fadeIn;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-subscribed.with-description {
|
|||
|
|
position: absolute;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-subscribed.without-description {
|
|||
|
|
margin-top: 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-subscribed span {
|
|||
|
|
color: var(--grey6);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-checkmark-icon {
|
|||
|
|
height: 16px;
|
|||
|
|
width: 16px;
|
|||
|
|
padding: 0 2px;
|
|||
|
|
color: #30cf43;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-item .gh-portal-loadingicon {
|
|||
|
|
position: relative !important;
|
|||
|
|
height: 24px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-recommendation-item-action {
|
|||
|
|
min-height: 28px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-container.recommendations .gh-portal-action-footer
|
|||
|
|
|
|||
|
|
.gh-portal-btn-recommendations-later {
|
|||
|
|
margin: 8px auto 24px;
|
|||
|
|
color: var(--grey6);
|
|||
|
|
font-weight: 400;
|
|||
|
|
}
|
|||
|
|
`,Sf=e=>{let t=e.length,n;for(;t>0;)n=Math.floor(Math.random()*t),t-=1,[e[t],e[n]]=[e[n],e[t]];return e},c0=({title:e,favicon:t,featuredImage:n})=>{const[a,i]=k.useState(t||n),r=()=>{i(null)};return a?c.jsx("img",{className:"gh-portal-recommendation-item-favicon",src:a,alt:e,onError:r}):c.jsx("div",{className:"gh-portal-recommendation-item-favicon"})},Ef=e=>{const t=window.open(e,"_blank");t?t.focus():window.location.href=e},u0=e=>{const{t,onAction:n,member:a,site:i}=k.useContext(N),{title:r,url:o,description:s,favicon:l,one_click_subscribe:u,featured_image:d}=e,p=a&&u,[m,g]=k.useState(!1),[b,v]=k.useState(!1),[h,f]=k.useState(!1),y=i.outbound_link_tagging??!1,w=k.useMemo(()=>{if(!y)return o;try{const E=new URL(o);return E.searchParams.has("ref")||E.searchParams.has("utm_source")||E.searchParams.has("source")?o:(E.searchParams.set("ref",jg()),E.toString())}catch{return o}},[o,y]),x=k.useCallback(()=>{Ef(w),b||(n("trackRecommendationClicked",{recommendationId:e.id}),v(!0))},[w,e.id,b]),C=k.useCallback(async()=>{try{f(!0),await n("oneClickSubscribe",{siteUrl:o,throwErrors:!0}),n("trackRecommendationSubscribed",{recommendationId:e.id}),g(!0)}catch{const $=new URL("#/portal/signup",w);Ef($),b||(n("trackRecommendationClicked",{recommendationId:e.id}),v(!0))}f(!1)},[g,o,w,e.id,b]),S=k.useCallback(E=>{h||(p?C(E):x(E))},[h,p,C,x]);return c.jsxs("section",{className:"gh-portal-recommendation-item",children:[c.jsxs("div",{className:"gh-portal-list-detail gh-portal-list-big",onClick:x,children:[c.jsxs("div",{className:"gh-portal-recommendation-item-header",children:[c.jsx(c0,{title:r,favicon:l,featuredImage:d}),c.jsx("h3",{children:r}),c.jsx(s0,{className:"gh-portal-recommendation-arrow-icon"})]}),c.jsxs("div",{className:"gh-portal-recommendation-description-container",children:[m&&c.jsxs("div",{className:"gh-portal-recommendation-subscribed "+(s?"with-description":"without-description"),children:[c.jsx("span",{children:t("Verification link sent, check your inbox")}),c.jsx(xf,{className:"gh-portal-recommendation-checkmark-icon",alt:""})]}),s&&c.jsx("p",{className:m?"gh-portal-recommendation-description-hidden":"",children:s})]})]}),c.jsxs("div",{className:"gh-portal-recommendation-item-action",children:[!m&&h&&c.jsx("span",{className:"gh-portal-recommendations-loading-container",children:c.jsx(ga,{className:"gh-portal-loadingicon dark"})}),!m&&!h&&p&&c.jsx("button",{type:"button",className:"gh-portal-btn gh-portal-btn-list",onClick:S,children:t("Subscribe")})]})]})},d0=()=>{const{api:e,site:t,pageData:n,t:a,onAction:i}=k.useContext(N),{title:r,icon:o}=t,{recommendations_enabled:s=!1}=t,[l,u]=k.useState(null);k.useEffect(()=>{e.site.recommendations({limit:100}).then(v=>{const h=v.recommendations.filter(y=>y.one_click_subscribe),f=v.recommendations.filter(y=>!y.one_click_subscribe);u([...Sf(h),...Sf(f)])}).catch(v=>{console.error(v)})},[]);const[d,p]=k.useState(5),m=()=>{p(l.length)};if(k.useEffect(()=>()=>{if(n.signup){const v=[];v.push("action","success"),au(v)}},[]),l===null)return c.jsx(Mi,{});const g=n&&n.signup?a("Welcome to {{siteTitle}}",{siteTitle:r,interpolation:{escapeValue:!1}}):a("Recommendations");let b;return s&&l&&l.length>0?n&&n.signup?b=a("Thank you for subscribing. Before you start reading, below are a few other sites you may enjoy."):b=a("Here are a few other sites you may enjoy."):b=a("Sorry, no recommendations are available right now."),c.jsxs("div",{className:"gh-portal-content with-footer",children:[c.jsx(ie,{}),c.jsxs("div",{className:"gh-portal-recommendations-header",children:[o&&c.jsx("img",{className:"gh-portal-signup-logo",alt:r,src:o}),c.jsx("h1",{className:"gh-portal-main-title",children:g})]}),c.jsx("p",{className:"gh-portal-recommendations-description",children:b}),s?c.jsx("div",{className:"gh-portal-list",children:l.slice(0,d).map((v,h)=>c.jsx(u0,{...v},h))}):null,(d<l.length||n&&n.signup)&&c.jsxs("footer",{className:"gh-portal-action-footer",children:[d<l.length&&c.jsx("button",{className:"gh-portal-btn gh-portal-center",style:{width:"100%"},onClick:m,children:c.jsx("span",{children:a("Show all")}
|
|||
|
|
.gh-portal-main-title {
|
|||
|
|
text-align: center;
|
|||
|
|
color: var(--grey0);
|
|||
|
|
line-height: 1.1em;
|
|||
|
|
text-wrap: pretty;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-text-disabled {
|
|||
|
|
color: var(--grey3);
|
|||
|
|
font-weight: normal;
|
|||
|
|
opacity: 0.35;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-text-center {
|
|||
|
|
text-align: center;
|
|||
|
|
text-wrap: pretty;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-input-label {
|
|||
|
|
color: var(--grey1);
|
|||
|
|
font-size: 1.3rem;
|
|||
|
|
font-weight: 600;
|
|||
|
|
margin-bottom: 2px;
|
|||
|
|
letter-spacing: 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-setting-data {
|
|||
|
|
color: var(--grey6);
|
|||
|
|
font-size: 1.3rem;
|
|||
|
|
line-height: 1.15em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-error {
|
|||
|
|
color: var(--red);
|
|||
|
|
font-size: 1.4rem;
|
|||
|
|
line-height: 1.6em;
|
|||
|
|
margin: 12px 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Buttons
|
|||
|
|
/* ----------------------------------------------------- */
|
|||
|
|
.gh-portal-btn {
|
|||
|
|
position: relative;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
font-weight: 500;
|
|||
|
|
line-height: 1em;
|
|||
|
|
letter-spacing: 0.2px;
|
|||
|
|
text-align: center;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
text-decoration: none;
|
|||
|
|
color: var(--grey0);
|
|||
|
|
background: var(--white);
|
|||
|
|
border: 1px solid var(--grey12);
|
|||
|
|
min-width: 80px;
|
|||
|
|
height: 44px;
|
|||
|
|
padding: 0 1.8rem;
|
|||
|
|
border-radius: 6px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
transition: all .25s ease;
|
|||
|
|
box-shadow: none;
|
|||
|
|
user-select: none;
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn:hover {
|
|||
|
|
border-color: var(--grey10);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn:disabled {
|
|||
|
|
opacity: 0.5 !important;
|
|||
|
|
cursor: auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-container.sticky {
|
|||
|
|
transition: none;
|
|||
|
|
position: sticky;
|
|||
|
|
bottom: 0;
|
|||
|
|
margin: 0 0 -32px;
|
|||
|
|
padding: 32px 0 32px;
|
|||
|
|
background: linear-gradient(0deg, rgba(var(--whitergb),1) 75%, rgba(var(--whitergb),0) 100%);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-container.sticky.m28 {
|
|||
|
|
margin: 0 0 -28px;
|
|||
|
|
padding: 28px 0 28px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-container.sticky.m24 {
|
|||
|
|
margin: 0 0 -24px;
|
|||
|
|
padding: 24px 0 24px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-terms-wrapper + .gh-portal-btn-container {
|
|||
|
|
margin: 16px 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-terms-wrapper + .gh-portal-btn-container.sticky.m24 {
|
|||
|
|
padding: 16px 0 24px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-container .gh-portal-btn {
|
|||
|
|
margin: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-icon svg {
|
|||
|
|
width: 16px;
|
|||
|
|
height: 16px;
|
|||
|
|
margin-right: 4px;
|
|||
|
|
stroke: currentColor;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-icon svg path {
|
|||
|
|
stroke: currentColor;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-link {
|
|||
|
|
line-height: 1;
|
|||
|
|
background: none;
|
|||
|
|
padding: 0;
|
|||
|
|
height: unset;
|
|||
|
|
min-width: unset;
|
|||
|
|
box-shadow: none;
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-link:hover {
|
|||
|
|
box-shadow: none;
|
|||
|
|
opacity: 0.85;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-branded {
|
|||
|
|
color: var(--brandcolor);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-list {
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
color: var(--brandcolor);
|
|||
|
|
height: 38px;
|
|||
|
|
width: unset;
|
|||
|
|
min-width: unset;
|
|||
|
|
padding: 0 4px;
|
|||
|
|
margin: 0 -4px;
|
|||
|
|
box-shadow: none;
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-list:hover {
|
|||
|
|
box-shadow: none;
|
|||
|
|
opacity: 0.75;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-logout {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 22px;
|
|||
|
|
left: 24px;
|
|||
|
|
background: none;
|
|||
|
|
border: none;
|
|||
|
|
height: unset;
|
|||
|
|
color: var(--grey3);
|
|||
|
|
padding: 0;
|
|||
|
|
margin: 0;
|
|||
|
|
z-index: 999;
|
|||
|
|
box-shadow: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-logout .label {
|
|||
|
|
opacity: 0;
|
|||
|
|
transform: translateX(-6px);
|
|||
|
|
transition: all 0.2s ease-in-out;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-logout:hover {
|
|||
|
|
padding: 0;
|
|||
|
|
margin: 0;
|
|||
|
|
background: none;
|
|||
|
|
border: none;
|
|||
|
|
height: unset;
|
|||
|
|
box-shadow: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-logout:hover .label {
|
|||
|
|
opacity: 1.0;
|
|||
|
|
transform: translateX(-4px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-site-title-back {
|
|||
|
|
transition: transform 0.25s ease-in-out;
|
|||
|
|
z-index: 10000;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-site-title-back span {
|
|||
|
|
margin-right: 4px;
|
|||
|
|
transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.gh-portal-btn-site-title-back:hover span {
|
|||
|
|
transform: translateX(-3px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 960px) {
|
|||
|
|
.gh-portal-btn-site-title-back {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-logouticon {
|
|||
|
|
color: var(--grey9);
|
|||
|
|
cursor: pointer;
|
|||
|
|
width: 23px;
|
|||
|
|
height: 23px;
|
|||
|
|
padding: 6px;
|
|||
|
|
transform: translateX(0);
|
|||
|
|
transition: all 0.2s ease-in-out;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-logouticon path {
|
|||
|
|
stroke: var(--grey9);
|
|||
|
|
transition: all 0.2s ease-in-out;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-logout:hover .gh-portal-logouticon {
|
|||
|
|
transform: translateX(-2px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-logout:hover .gh-portal-logouticon path {
|
|||
|
|
stroke: var(--grey3);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Global layout styles
|
|||
|
|
/* ----------------------------------------------------- */
|
|||
|
|
.gh-portal-popup-background {
|
|||
|
|
position: absolute;
|
|||
|
|
display: block;
|
|||
|
|
top: 0;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
animation: fadein 0.2s;
|
|||
|
|
background: linear-gradient(315deg , rgba(var(--blackrgb),0.2) 0%, rgba(var(--blackrgb),0.1) 100%);
|
|||
|
|
backdrop-filter: blur(2px);
|
|||
|
|
-webkit-backdrop-filter: blur(2px);
|
|||
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|||
|
|
-moz-transform: translate3d(0, 0, 0);
|
|||
|
|
-ms-transform: translate3d(0, 0, 0);
|
|||
|
|
transform: translate3d(0, 0, 0);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-background.preview {
|
|||
|
|
background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(249,249,250,1) 100%);
|
|||
|
|
animation: none;
|
|||
|
|
pointer-events: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes fadein {
|
|||
|
|
0% { opacity: 0; }
|
|||
|
|
100%{ opacity: 1.0; }
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper {
|
|||
|
|
position: relative;
|
|||
|
|
padding: 5vmin 0 0;
|
|||
|
|
height: 100%;
|
|||
|
|
max-height: 100vh;
|
|||
|
|
overflow: scroll;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Hiding scrollbars */
|
|||
|
|
.gh-portal-popup-wrapper {
|
|||
|
|
padding-right: 30px !important;
|
|||
|
|
margin-right: -30px !important;
|
|||
|
|
-ms-overflow-style: none;
|
|||
|
|
scrollbar-width: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper::-webkit-scrollbar {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.full-size {
|
|||
|
|
height: 100vh;
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-container {
|
|||
|
|
outline: none;
|
|||
|
|
position: relative;
|
|||
|
|
display: flex;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
flex-direction: column;
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
text-align: left;
|
|||
|
|
letter-spacing: 0;
|
|||
|
|
text-rendering: optimizeLegibility;
|
|||
|
|
background: var(--white);
|
|||
|
|
width: 500px;
|
|||
|
|
margin: 0 auto 40px;
|
|||
|
|
padding: 32px;
|
|||
|
|
transform: translateY(0px);
|
|||
|
|
border-radius: 10px;
|
|||
|
|
box-shadow: 0 3.8px 2.2px rgba(var(--blackrgb), 0.028), 0 9.2px 5.3px rgba(var(--blackrgb), 0.04), 0 17.3px 10px rgba(var(--blackrgb), 0.05), 0 30.8px 17.9px rgba(var(--blackrgb), 0.06), 0 57.7px 33.4px rgba(var(--blackrgb), 0.072), 0 138px 80px rgba(var(--blackrgb), 0.1);
|
|||
|
|
animation: popup 0.25s ease-in-out;
|
|||
|
|
z-index: 9999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-container.large-size {
|
|||
|
|
width: 100%;
|
|||
|
|
max-width: 720px;
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-container.full-size {
|
|||
|
|
width: 100vw;
|
|||
|
|
min-height: 100vh;
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
animation: popup-full-size 0.25s ease-in-out;
|
|||
|
|
margin: 0;
|
|||
|
|
border-radius: 0;
|
|||
|
|
transform: translateY(0px);
|
|||
|
|
transform-origin: top;
|
|||
|
|
padding: 2vmin 6vmin;
|
|||
|
|
padding-bottom: 4vw;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-container.full-size.account-plan {
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
padding-top: 4vw;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-container.preview {
|
|||
|
|
animation: none !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.preview.offer {
|
|||
|
|
padding-top: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-container.preview.offer {
|
|||
|
|
max-width: 420px;
|
|||
|
|
transform: scale(0.9);
|
|||
|
|
margin-top: 3.2vw;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 480px) {
|
|||
|
|
.gh-portal-popup-container.preview.offer {
|
|||
|
|
transform-origin: top;
|
|||
|
|
margin-top: 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes popup {
|
|||
|
|
0% {
|
|||
|
|
transform: translateY(-30px);
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
1% {
|
|||
|
|
transform: translateY(30px);
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
transform: translateY(0);
|
|||
|
|
opacity: 1.0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes popup-full-size {
|
|||
|
|
0% {
|
|||
|
|
transform: translateY(0px);
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
1% {
|
|||
|
|
transform: translateY(30px);
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
transform: translateY(0);
|
|||
|
|
opacity: 1.0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-powered {
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 24px;
|
|||
|
|
left: 24px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-powered a {
|
|||
|
|
border: none;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
line-height: 0;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
background: #ffffff;
|
|||
|
|
padding: 6px 8px 6px 7px;
|
|||
|
|
color: #303336;
|
|||
|
|
font-size: 1.25rem;
|
|||
|
|
letter-spacing: -0.2px;
|
|||
|
|
font-weight: 500;
|
|||
|
|
text-decoration: none;
|
|||
|
|
transition: color 0.5s ease-in-out;
|
|||
|
|
width: 146px;
|
|||
|
|
height: 28px;
|
|||
|
|
line-height: 28px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-powered a:hover {
|
|||
|
|
color: #15171A;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes powered-fade-in {
|
|||
|
|
0% {
|
|||
|
|
transform: scale(0.98);
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
75% {
|
|||
|
|
opacity: 1.0;
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
transform: scale(1);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-powered a svg {
|
|||
|
|
height: 16px;
|
|||
|
|
width: 16px;
|
|||
|
|
margin: 0 6px 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-powered.outside.full-size {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Sets the main content area of the popup scrollable.
|
|||
|
|
/* 12vw is the sum horizontal padding of the popup container
|
|||
|
|
*/
|
|||
|
|
.gh-portal-content {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Hide scrollbar for Chrome, Safari and Opera */
|
|||
|
|
.gh-portal-content::-webkit-scrollbar {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Hide scrollbar for IE, Edge and Firefox */
|
|||
|
|
.gh-portal-content {
|
|||
|
|
-ms-overflow-style: none; /* IE and Edge */
|
|||
|
|
scrollbar-width: none; /* Firefox */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-closeicon-container {
|
|||
|
|
position: fixed;
|
|||
|
|
top: 24px;
|
|||
|
|
right: 24px;
|
|||
|
|
z-index: 10000;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-closeicon {
|
|||
|
|
color: var(--grey10);
|
|||
|
|
cursor: pointer;
|
|||
|
|
width: 20px;
|
|||
|
|
height: 20px;
|
|||
|
|
padding: 12px;
|
|||
|
|
transition: all 0.2s ease-in-out;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-closeicon:hover {
|
|||
|
|
color: var(--grey5);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.full-size .gh-portal-closeicon-container,
|
|||
|
|
.gh-portal-popup-container.full-size .gh-portal-closeicon-container {
|
|||
|
|
top: 20px;
|
|||
|
|
right: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.full-size .gh-portal-closeicon,
|
|||
|
|
.gh-portal-popup-container.full-size .gh-portal-closeicon {
|
|||
|
|
color: var(--grey6);
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-logout-container {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 8px;
|
|||
|
|
left: 8px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-header {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
padding-bottom: 24px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-section {
|
|||
|
|
margin-bottom: 40px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-section.form {
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-section.flex {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
gap: 2rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-detail-header {
|
|||
|
|
position: relative;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
margin: -2px 0 40px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-detail-footer .gh-portal-btn {
|
|||
|
|
min-width: 90px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-action-footer {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
flex-direction: column;
|
|||
|
|
gap: 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-footer-secondary {
|
|||
|
|
display: flex;
|
|||
|
|
font-size: 14.5px;
|
|||
|
|
letter-spacing: 0.3px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-footer-secondary button {
|
|||
|
|
font-size: 14.5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-footer-secondary-light {
|
|||
|
|
color: var(--grey7);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-list-header {
|
|||
|
|
font-size: 1.25rem;
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: var(--grey3);
|
|||
|
|
text-transform: uppercase;
|
|||
|
|
letter-spacing: 0.2px;
|
|||
|
|
line-height: 1.7em;
|
|||
|
|
margin-bottom: 4px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-list + .gh-portal-list-header {
|
|||
|
|
margin-top: 28px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-list + .gh-portal-action-footer {
|
|||
|
|
margin-top: 40px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-list {
|
|||
|
|
background: var(--white);
|
|||
|
|
padding: 20px;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
border: 1px solid var(--grey12);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-newsletter-selection {
|
|||
|
|
max-width: 460px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-newsletter-selection .gh-portal-list {
|
|||
|
|
margin-bottom: 40px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-lock-icon-container {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
flex: 44px 0 0;
|
|||
|
|
padding-top: 6px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-lock-icon {
|
|||
|
|
width: 14px;
|
|||
|
|
height: 14px;
|
|||
|
|
overflow: visible;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-lock-icon path {
|
|||
|
|
color: var(--grey2);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-text-large {
|
|||
|
|
font-size: 1.8rem;
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-list section {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
margin: 0 -20px 20px;
|
|||
|
|
padding: 0 20px 20px;
|
|||
|
|
border-bottom: 1px solid var(--grey12);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-list section:last-of-type {
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
padding-bottom: 0;
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-list-detail {
|
|||
|
|
flex-grow: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-list-detail h3 {
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-list-detail.gh-portal-list-big h3 {
|
|||
|
|
font-size: 1.6rem;
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-list-detail p {
|
|||
|
|
font-size: 1.45rem;
|
|||
|
|
letter-spacing: 0.3px;
|
|||
|
|
line-height: 1.3em;
|
|||
|
|
padding: 0;
|
|||
|
|
margin: 5px 8px 0 0;
|
|||
|
|
color: var(--grey6);
|
|||
|
|
word-break: break-word;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-list-detail.gh-portal-list-big p {
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-list-toggle-wrapper {
|
|||
|
|
align-items: flex-start !important;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-list-toggle-wrapper .gh-portal-list-detail {
|
|||
|
|
padding: 4px 24px 4px 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-list-detail .old-price {
|
|||
|
|
text-decoration: line-through;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-right-arrow {
|
|||
|
|
line-height: 1;
|
|||
|
|
color: var(--grey8);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-right-arrow svg {
|
|||
|
|
width: 17px;
|
|||
|
|
height: 17px;
|
|||
|
|
margin-top: 1px;
|
|||
|
|
margin-right: -6px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-expire-warning {
|
|||
|
|
text-align: center;
|
|||
|
|
color: var(--red);
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 1.4rem;
|
|||
|
|
margin: 12px 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-cookiebanner {
|
|||
|
|
background: var(--red);
|
|||
|
|
color: var(--white);
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 1.4rem;
|
|||
|
|
letter-spacing: 0.2px;
|
|||
|
|
line-height: 1.4em;
|
|||
|
|
padding: 8px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-publication-title {
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 1.6rem;
|
|||
|
|
letter-spacing: -.1px;
|
|||
|
|
font-weight: 700;
|
|||
|
|
text-transform: uppercase;
|
|||
|
|
color: #15212a;
|
|||
|
|
margin-top: 6px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Icons
|
|||
|
|
/* ----------------------------------------------------- */
|
|||
|
|
.gh-portal-icon {
|
|||
|
|
color: var(--brandcolor);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Spacing modifiers
|
|||
|
|
/* ----------------------------------------------------- */
|
|||
|
|
.gh-portal-strong { font-weight: 600; }
|
|||
|
|
|
|||
|
|
.mt1 { margin-top: 4px; }
|
|||
|
|
.mt2 { margin-top: 8px; }
|
|||
|
|
.mt3 { margin-top: 12px; }
|
|||
|
|
.mt4 { margin-top: 16px; }
|
|||
|
|
.mt5 { margin-top: 20px; }
|
|||
|
|
.mt6 { margin-top: 24px; }
|
|||
|
|
.mt7 { margin-top: 28px; }
|
|||
|
|
.mt8 { margin-top: 32px; }
|
|||
|
|
.mt9 { margin-top: 36px; }
|
|||
|
|
.mt10 { margin-top: 40px; }
|
|||
|
|
|
|||
|
|
.mr1 { margin-right: 4px; }
|
|||
|
|
.mr2 { margin-right: 8px; }
|
|||
|
|
.mr3 { margin-right: 12px; }
|
|||
|
|
.mr4 { margin-right: 16px; }
|
|||
|
|
.mr5 { margin-right: 20px; }
|
|||
|
|
.mr6 { margin-right: 24px; }
|
|||
|
|
.mr7 { margin-right: 28px; }
|
|||
|
|
.mr8 { margin-right: 32px; }
|
|||
|
|
.mr9 { margin-right: 36px; }
|
|||
|
|
.mr10 { margin-right: 40px; }
|
|||
|
|
|
|||
|
|
.mb1 { margin-bottom: 4px; }
|
|||
|
|
.mb2 { margin-bottom: 8px; }
|
|||
|
|
.mb3 { margin-bottom: 12px; }
|
|||
|
|
.mb4 { margin-bottom: 16px; }
|
|||
|
|
.mb5 { margin-bottom: 20px; }
|
|||
|
|
.mb6 { margin-bottom: 24px; }
|
|||
|
|
.mb7 { margin-bottom: 28px; }
|
|||
|
|
.mb8 { margin-bottom: 32px; }
|
|||
|
|
.mb9 { margin-bottom: 36px; }
|
|||
|
|
.mb10 { margin-bottom: 40px; }
|
|||
|
|
|
|||
|
|
.ml1 { margin-left: 4px; }
|
|||
|
|
.ml2 { margin-left: 8px; }
|
|||
|
|
.ml3 { margin-left: 12px; }
|
|||
|
|
.ml4 { margin-left: 16px; }
|
|||
|
|
.ml5 { margin-left: 20px; }
|
|||
|
|
.ml6 { margin-left: 24px; }
|
|||
|
|
.ml7 { margin-left: 28px; }
|
|||
|
|
.ml8 { margin-left: 32px; }
|
|||
|
|
.ml9 { margin-left: 36px; }
|
|||
|
|
.ml10 { margin-left: 40px; }
|
|||
|
|
|
|||
|
|
.pt1 { padding-top: 4px; }
|
|||
|
|
.pt2 { padding-top: 8px; }
|
|||
|
|
.pt3 { padding-top: 12px; }
|
|||
|
|
.pt4 { padding-top: 16px; }
|
|||
|
|
.pt5 { padding-top: 20px; }
|
|||
|
|
.pt6 { padding-top: 24px; }
|
|||
|
|
.pt7 { padding-top: 28px; }
|
|||
|
|
.pt8 { padding-top: 32px; }
|
|||
|
|
.pt9 { padding-top: 36px; }
|
|||
|
|
.pt10 { padding-top: 40px; }
|
|||
|
|
|
|||
|
|
.pr1 { padding-right: 4px; }
|
|||
|
|
.pr2 { padding-right: 8px; }
|
|||
|
|
.pr3 { padding-right: 12px; }
|
|||
|
|
.pr4 { padding-right: 16px; }
|
|||
|
|
.pr5 { padding-right: 20px; }
|
|||
|
|
.pr6 { padding-right: 24px; }
|
|||
|
|
.pr7 { padding-right: 28px; }
|
|||
|
|
.pr8 { padding-right: 32px; }
|
|||
|
|
.pr9 { padding-right: 36px; }
|
|||
|
|
.pr10 { padding-right: 40px; }
|
|||
|
|
|
|||
|
|
.pb1 { padding-bottom: 4px; }
|
|||
|
|
.pb2 { padding-bottom: 8px; }
|
|||
|
|
.pb3 { padding-bottom: 12px; }
|
|||
|
|
.pb4 { padding-bottom: 16px; }
|
|||
|
|
.pb5 { padding-bottom: 20px; }
|
|||
|
|
.pb6 { padding-bottom: 24px; }
|
|||
|
|
.pb7 { padding-bottom: 28px; }
|
|||
|
|
.pb8 { padding-bottom: 32px; }
|
|||
|
|
.pb9 { padding-bottom: 36px; }
|
|||
|
|
.pb10 { padding-bottom: 40px; }
|
|||
|
|
|
|||
|
|
.pl1 { padding-left: 4px; }
|
|||
|
|
.pl2 { padding-left: 8px; }
|
|||
|
|
.pl3 { padding-left: 12px; }
|
|||
|
|
.pl4 { padding-left: 16px; }
|
|||
|
|
.pl5 { padding-left: 20px; }
|
|||
|
|
.pl6 { padding-left: 24px; }
|
|||
|
|
.pl7 { padding-left: 28px; }
|
|||
|
|
.pl8 { padding-left: 32px; }
|
|||
|
|
.pl9 { padding-left: 36px; }
|
|||
|
|
.pl10 { padding-left: 40px; }
|
|||
|
|
|
|||
|
|
.hidden { display: none !important; }
|
|||
|
|
`,p0=`
|
|||
|
|
@media (max-width: 1440px) {
|
|||
|
|
.gh-portal-popup-container:not(.full-size):not(.large-size):not(.preview) {
|
|||
|
|
width: 480px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-container.large-size {
|
|||
|
|
width: 100%;
|
|||
|
|
max-width: 600px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-input {
|
|||
|
|
height: 42px;
|
|||
|
|
margin-bottom: 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
button[class="gh-portal-btn"],
|
|||
|
|
.gh-portal-btn-main,
|
|||
|
|
.gh-portal-btn-primary {
|
|||
|
|
height: 42px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-product-price .amount {
|
|||
|
|
font-size: 32px;
|
|||
|
|
letter-spacing: -0.022em;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 960px) {
|
|||
|
|
.gh-portal-powered {
|
|||
|
|
display: flex;
|
|||
|
|
position: relative;
|
|||
|
|
bottom: unset;
|
|||
|
|
left: unset;
|
|||
|
|
background: var(--white);
|
|||
|
|
justify-content: center;
|
|||
|
|
width: 100%;
|
|||
|
|
padding-top: 32px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (min-width: 520px) {
|
|||
|
|
.gh-portal-popup-wrapper.full-size .gh-portal-popup-container.preview {
|
|||
|
|
box-shadow:
|
|||
|
|
0 0 0 1px rgba(var(--blackrgb),0.02),
|
|||
|
|
0 2.8px 2.2px rgba(var(--blackrgb), 0.02),
|
|||
|
|
0 6.7px 5.3px rgba(var(--blackrgb), 0.028),
|
|||
|
|
0 12.5px 10px rgba(var(--blackrgb), 0.035),
|
|||
|
|
0 22.3px 17.9px rgba(var(--blackrgb), 0.042),
|
|||
|
|
0 41.8px 33.4px rgba(var(--blackrgb), 0.05),
|
|||
|
|
0 100px 80px rgba(var(--blackrgb), 0.07);
|
|||
|
|
animation: none;
|
|||
|
|
margin: 32px;
|
|||
|
|
padding: 32px 32px 0;
|
|||
|
|
width: calc(100vw - 64px);
|
|||
|
|
height: calc(100vh - 160px);
|
|||
|
|
min-height: unset;
|
|||
|
|
border-radius: 12px;
|
|||
|
|
overflow: auto;
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 480px) {
|
|||
|
|
.gh-portal-detail-header {
|
|||
|
|
margin-top: 4px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper {
|
|||
|
|
height: 100%;
|
|||
|
|
padding: 0;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
background: var(--white);
|
|||
|
|
overflow-y: auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-container {
|
|||
|
|
width: 100% !important;
|
|||
|
|
border-radius: 0;
|
|||
|
|
overflow: unset;
|
|||
|
|
animation: popup-mobile 0.25s ease-in-out;
|
|||
|
|
box-shadow: none !important;
|
|||
|
|
transform: translateY(0);
|
|||
|
|
padding: 28px !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-container.full-size {
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-container.large-size {
|
|||
|
|
padding: 0 !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.account-home,
|
|||
|
|
.gh-portal-popup-container.account-home {
|
|||
|
|
background: var(--grey13);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.full-size .gh-portal-closeicon,
|
|||
|
|
.gh-portal-popup-container.full-size .gh-portal-closeicon {
|
|||
|
|
width: 16px;
|
|||
|
|
height: 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Small width preview in Admin */
|
|||
|
|
.gh-portal-popup-wrapper.preview:not(.full-size) footer.gh-portal-signup-footer,
|
|||
|
|
.gh-portal-popup-wrapper.preview:not(.full-size) footer.gh-portal-signin-footer {
|
|||
|
|
padding-bottom: 32px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-container.preview:not(.full-size) {
|
|||
|
|
max-height: 660px;
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-container.preview:not(.full-size).offer {
|
|||
|
|
max-height: 860px;
|
|||
|
|
padding-bottom: 0 !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.preview.full-size {
|
|||
|
|
height: unset;
|
|||
|
|
max-height: 660px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-container.preview.full-size {
|
|||
|
|
max-height: 660px;
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.preview .gh-portal-invite-only-notification + .gh-portal-signup-message {
|
|||
|
|
margin-bottom: 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.preview .gh-portal-btn-container.sticky {
|
|||
|
|
margin-bottom: 32px;
|
|||
|
|
padding-bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-powered {
|
|||
|
|
padding-top: 12px;
|
|||
|
|
padding-bottom: 24px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 390px) {
|
|||
|
|
.gh-portal-popup-container:not(.account-plan) .gh-portal-detail-header .gh-portal-main-title {
|
|||
|
|
font-size: 2.1rem;
|
|||
|
|
margin-top: 1px;
|
|||
|
|
padding: 0 74px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-input {
|
|||
|
|
margin-bottom: 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup-header,
|
|||
|
|
.gh-portal-signin-header {
|
|||
|
|
padding-bottom: 16px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (min-width: 480px) and (max-height: 880px) {
|
|||
|
|
.gh-portal-popup-wrapper {
|
|||
|
|
padding: 4vmin 0 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes popup-mobile {
|
|||
|
|
0% {
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
opacity: 1.0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Prevent zoom */
|
|||
|
|
@media (hover:none) {
|
|||
|
|
select, textarea, input[type="text"], input[type="text"], input[type="password"],
|
|||
|
|
input[type="datetime"], input[type="datetime-local"],
|
|||
|
|
input[type="date"], input[type="month"], input[type="time"],
|
|||
|
|
input[type="week"], input[type="number"], input[type="email"],
|
|||
|
|
input[type="url"] {
|
|||
|
|
font-size: 16px !important;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
`,h0=`
|
|||
|
|
.gh-portal-popup-wrapper.multiple-products .gh-portal-input-section {
|
|||
|
|
max-width: 420px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Multiple product signup/signin-only modifications! */
|
|||
|
|
.gh-portal-popup-wrapper.multiple-products {
|
|||
|
|
background: #fff;
|
|||
|
|
box-shadow: 0 3.8px 2.2px rgba(var(--blackrgb), 0.028), 0 9.2px 5.3px rgba(var(--blackrgb), 0.04), 0 17.3px 10px rgba(var(--blackrgb), 0.05), 0 30.8px 17.9px rgba(var(--blackrgb), 0.06), 0 57.7px 33.4px rgba(var(--blackrgb), 0.072), 0 138px 80px rgba(var(--blackrgb), 0.1);
|
|||
|
|
padding: 0;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
height: calc(100vh - 64px);
|
|||
|
|
max-width: calc(100vw - 64px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.multiple-products.signup {
|
|||
|
|
overflow-y: scroll;
|
|||
|
|
overflow-x: clip;
|
|||
|
|
margin: 32px auto !important;
|
|||
|
|
padding-right: 0 !important; /* Override scrollbar hiding */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.multiple-products.signin {
|
|||
|
|
margin: 10vmin auto;
|
|||
|
|
max-width: 480px;
|
|||
|
|
height: unset;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.multiple-products.preview {
|
|||
|
|
height: calc(100vh - 150px) !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.multiple-products .gh-portal-popup-container {
|
|||
|
|
align-items: center;
|
|||
|
|
width: 100% !important;
|
|||
|
|
box-shadow: none !important;
|
|||
|
|
animation: fadein 0.35s ease-in-out;
|
|||
|
|
padding: 1vmin 0;
|
|||
|
|
transform: translateY(0px);
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.multiple-products.signup .gh-portal-popup-container {
|
|||
|
|
min-height: calc(100vh - 64px);
|
|||
|
|
position: unset;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.multiple-products .gh-portal-powered {
|
|||
|
|
position: relative;
|
|||
|
|
display: flex;
|
|||
|
|
flex: 1;
|
|||
|
|
align-items: flex-end;
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
bottom: unset;
|
|||
|
|
left: unset;
|
|||
|
|
width: 100%;
|
|||
|
|
z-index: 10000;
|
|||
|
|
padding-bottom: 32px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 670px) {
|
|||
|
|
.gh-portal-popup-wrapper.multiple-products .gh-portal-powered {
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.multiple-products .gh-portal-content {
|
|||
|
|
position: unset;
|
|||
|
|
overflow-y: visible;
|
|||
|
|
max-height: unset !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 960px) {
|
|||
|
|
.gh-portal-popup-wrapper.multiple-products.signup:not(.preview) {
|
|||
|
|
margin: 20px !important;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 480px) {
|
|||
|
|
.gh-portal-popup-wrapper.multiple-products {
|
|||
|
|
margin: 0 !important;
|
|||
|
|
max-width: unset !important;
|
|||
|
|
max-height: 100% !important;
|
|||
|
|
height: 100% !important;
|
|||
|
|
border-radius: 0px;
|
|||
|
|
box-shadow: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.multiple-products.signup:not(.preview) {
|
|||
|
|
margin: 0 !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.multiple-products.preview {
|
|||
|
|
height: unset !important;
|
|||
|
|
margin: 0 !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-wrapper.multiple-products:not(.dev) .gh-portal-popup-container.preview {
|
|||
|
|
max-height: 640px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-popup-container.preview * {
|
|||
|
|
pointer-events: none !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-unsubscribe-logo {
|
|||
|
|
width: 60px;
|
|||
|
|
height: 60px;
|
|||
|
|
border-radius: 2px;
|
|||
|
|
margin-top: 12px;
|
|||
|
|
margin-bottom: 6px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 480px) {
|
|||
|
|
.gh-portal-unsubscribe-logo {
|
|||
|
|
width: 48px;
|
|||
|
|
height: 48px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-unsubscribe .gh-portal-main-title {
|
|||
|
|
margin-bottom: 16px;
|
|||
|
|
font-size: 2.6rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-unsubscribe p {
|
|||
|
|
margin-bottom: 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-unsubscribe p:last-of-type {
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-inline {
|
|||
|
|
display: inline-block;
|
|||
|
|
margin-left: 4px;
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
font-weight: 600;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-toggle-checked {
|
|||
|
|
transition: all 0.3s;
|
|||
|
|
transition-delay: 2s;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-checkmark-container {
|
|||
|
|
display: flex;
|
|||
|
|
opacity: 0;
|
|||
|
|
margin-right: 8px;
|
|||
|
|
transition: opacity ease 0.4s 0.2s;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-checkmark-show {
|
|||
|
|
opacity: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-checkmark-icon {
|
|||
|
|
height: 22px;
|
|||
|
|
color: #30cf43;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes fadeIn {
|
|||
|
|
0% {
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity: 1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes fadeOut {
|
|||
|
|
0% {
|
|||
|
|
opacity: 1;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-newsletter-selection {
|
|||
|
|
animation: 0.5s ease-in-out fadeIn;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-signup {
|
|||
|
|
animation: 0.5s ease-in-out fadeIn;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-btn-different-plan {
|
|||
|
|
margin: 0 auto 24px;
|
|||
|
|
color: var(--grey6);
|
|||
|
|
font-weight: 400;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.gh-portal-hide {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
`;function g0({site:e}){return Vc+m0+HE+wC+TC+lC()+BE+YE+OE+Eg+UC+RC+HC()+LC+p0+h0+WC+XC+e0+t0+a0+o0+l0}class Cf extends U.Component{constructor(t){super(t),this.state={email:""}}componentDidMount(){const{member:t}=this.context;t&&this.context.onAction("switchPage",{page:"accountHome"})}handleSignin(t){t.preventDefault(),this.setState(n=>({errors:Yo({fields:this.getInputFields({state:n}),t:this.context.t})}),async()=>{const{email:n,phonenumber:a,errors:i}=this.state,{redirect:r}=this.context.pageData??{};i&&Object.values(i).filter(s=>!!s).length>0||this.context.onAction("signin",{email:n,phonenumber:a,redirect:r})})}handleInputChange(t,n){const a=n.name;this.setState({[a]:t.target.value})}onKeyDown(t){t.keyCode===13&&this.handleSignin(t)}getInputFields({state:t}){const{t:n}=this.context,a=t.errors||{};return[{type:"email",value:t.email,placeholder:"jamie@example.com",label:n("Email"),name:"email",required:!0,errorMessage:a.email||"",autoFocus:!0},{type:"text",value:t.phonenumber,placeholder:"+1 (123) 456-7890",label:"Phone number",name:"phonenumber",required:!1,tabindex:-1,autocomplete:"off",hidden:!0}]}renderSubmitButton(){const{action:t,t:n}=this.context;let a=!1;const i=t==="signin:running";let r=n(i?"Sending login link...":"Continue");const o=!!i;return t==="signin:failed"&&(r=n("Retry"),a=!0),c.jsx(ae,{dataTestId:"signin",retry:a,style:{width:"100%"},onClick:s=>this.handleSignin(s),disabled:o,brandColor:this.context.brandColor,label:r,isRunning:i})}renderSignupMessage(){const{brandColor:t,t:n}=this.context;return c.jsxs("div",{className:"gh-portal-signup-message",children:[c.jsx("div",{children:n("Don't have an account?")}),c.jsx("button",{"data-test-button":"signup-switch",className:"gh-portal-btn gh-portal-btn-link",style:{color:t},onClick:()=>this.context.onAction("switchPage",{page:"signup"}),children:c.jsx("span",{children:n("Sign up")})})]})}renderForm(){const{site:t,t:n}=this.context;return kn({site:t})?c.jsxs("section",{children:[c.jsx("div",{className:"gh-portal-section",children:c.jsx(Ro,{fields:this.getInputFields({state:this.state}),onChange:(a,i)=>this.handleInputChange(a,i),onKeyDown:(a,i)=>this.onKeyDown(a,i)})}),c.jsxs("footer",{className:"gh-portal-signin-footer",children:[this.renderSubmitButton(),this.renderSignupMessage()]})]}):c.jsx("section",{children:c.jsx("div",{className:"gh-portal-section",children:c.jsx("p",{className:"gh-portal-members-disabled-notification","data-testid":"members-disabled-notification-text",children:n("Memberships unavailable, contact the owner for access.")})})})}renderSiteIcon(){const{site:t}=this.context,n=t.icon;return n?c.jsx("img",{className:"gh-portal-signup-logo",src:n,alt:this.context.site.title}):kn({site:t})?null:c.jsx(cu,{className:"gh-portal-icon gh-portal-icon-invitation"})}renderSiteTitle(){const{site:t,t:n}=this.context,a=t.title;return kn({site:t})?c.jsx("h1",{className:"gh-portal-main-title",children:n("Sign in")}):c.jsx("h1",{className:"gh-portal-main-title",children:a})}renderFormHeader(){return c.jsxs("header",{className:"gh-portal-signin-header",children:[this.renderSiteIcon(),this.renderSiteTitle()]})}render(){return c.jsxs(c.Fragment,{children:[c.jsx(ie,{}),c.jsx("div",{className:"gh-portal-logged-out-form-container",children:c.jsxs("div",{className:"gh-portal-content signin",children:[this.renderFormHeader(),this.renderForm()]})})]})}}Z(Cf,"contextType",N);const f0=({handleSignout:e,supportAddress:t="",t:n})=>{const a=`mailto:${t}`;return c.jsxs("footer",{className:"gh-portal-account-footer",children:[c.jsx("ul",{className:"gh-portal-account-footermenu",children:c.jsx("li",{children:c.jsx("button",{"data-test-button":"footer-signout",className:"gh-portal-btn",name:"logout","aria-label":"logout",onClick:i=>e(i),children:n("Sign out")})})}),c.jsx("div",{className:"gh-portal-account-footerright",children:c.jsx("ul",{className:"gh-portal-account-footermenu",children:c.jsx("li",{children:c.jsx("a",{"data-test-link":"footer-support",className:"gh-portal-btn gh-portal-btn-branded",href:a,onClick:()=>{a&&window.open(a)},children:n("Contact support")})})
|
|||
|
|
:root {
|
|||
|
|
--brandcolor: ${this.context.brandColor}
|
|||
|
|
}
|
|||
|
|
`+n;return c.jsxs(c.Fragment,{children:[c.jsx("style",{dangerouslySetInnerHTML:{__html:a}}),c.jsx("meta",{name:"viewport",content:"width=device-width, initial-scale=1, maximum-scale=1"})]})}renderFrameContainer(){const{member:t,site:n,customSiteUrl:a}=this.context,i=Af(),r=window.innerWidth<480,o={...i.frame.common};let s="gh-portal-popup-background";return G(["preview"])&&(i.modalContainer.zIndex="3999997"),G(["preview"],{customSiteUrl:a})&&!n.disableBackground&&(s+=" preview"),G(["dev"])&&(s+=" dev"),c.jsx("div",{style:i.modalContainer,children:c.jsxs(Oc,{style:o,title:"portal-popup",head:this.renderFrameStyles(),dataTestId:"portal-popup-frame",children:[c.jsx("div",{className:s,onClick:l=>this.handlePopupClose(l)}),c.jsx(zf,{isMobile:r})]})})}render(){const{showPopup:t}=this.context;return t?this.renderFrameContainer():null}}Z(Df,"contextType",N),Bo({products:hu({numOfProducts:1})});function we(){return(new Date().getTime()/1e3|0).toString(16)+"xxxxxxxxxxxxxxxx".replace(/[x]/g,function(){return(Math.random()*16|0).toString(16)}).toLowerCase()}function Bo({title:e="The Blueprint",description:t="Thoughts, stories and ideas.",logo:n="https://static.ghost.org/v4.0.0/images/ghost-orb-1.png",icon:a="https://static.ghost.org/v4.0.0/images/ghost-orb-1.png",url:i="https://portal.localhost",plans:r={monthly:5e3,yearly:15e4,currency:"USD"},products:o=hu({numOfProducts:1}),portalProducts:s=o.map(re=>re.id),accentColor:l="#45C32E",portalPlans:u=["free","monthly","yearly"],allowSelfSignup:d=!0,membersSignupAccess:p="all",freePriceName:m="Free",freePriceDescription:g="Free preview",isStripeConfigured:b=!0,portalButton:v=!0,portalName:h=!0,portalButtonIcon:f="icon-1",portalButtonSignupText:y="Subscribe now",portalButtonStyle:w="icon-and-text",membersSupportAddress:x="support@example.com",editorDefaultEmailRecipients:C="visibility",newsletters:S=[],posts:E=V0(),commentsEnabled:$,recommendations:P=[],recommendationsEnabled:_}={}){return{title:e,description:t,logo:n,icon:a,accent_color:l,url:i,plans:r,products:o,portal_products:s,allow_self_signup:d,members_signup_access:p,free_price_name:m,free_price_description:g,is_stripe_configured:b,portal_button:v,portal_name:h,portal_plans:u,portal_button_icon:f,portal_button_signup_text:y,portal_button_style:w,members_support_address:x,comments_enabled:$!=="off",newsletters:S,recommendations:P,recommendations_enabled:!!_,editor_default_email_recipients:C,posts:E}}function Ff({name:e="Black Friday",code:t="black-friday",displayTitle:n="Black Friday Sale!",displayDescription:a="Special deal for Black Friday. Subscribe now for only $15 per month and get additional benefits like accessing our podcast.",type:i="percent",cadence:r="month",amount:o=50,duration:s="repeating",durationInMonths:l=null,currencyRestriction:u=!1,currency:d=null,status:p="active",tierId:m="",tierName:g="Basic"}={}){return{id:`offer_${we()}`,name:e,code:t,display_title:n,display_description:a,type:i,cadence:r,amount:o,duration:s,duration_in_months:l,currency_restriction:u,currency:d,status:p,tier:{id:`${m}`,name:g}}}function Xe({name:e="Jamie Larson",email:t="jamie@example.com",firstname:n="Jamie",subscriptions:a=[],paid:i=!1,avatarImage:r="",subscribed:o=!0,email_suppression:s={suppressed:!1,info:null},newsletters:l=[]}={}){return{uuid:`member_${we()}`,email:t,name:e,firstname:n,paid:i,subscribed:o,avatar_image:r,subscriptions:a,email_suppression:s,newsletters:l}}function V0({numOfPosts:e=3}={}){const t=[];for(let n=0;n<e;n++)t.push(W0({title:`Post ${n+1}`,slug:`post-${n+1}`}));return t.slice(0,e)}function W0({id:e=`post_${we()}`,title:t="Post",excerpt:n="Post excerpt",slug:a="post",featured:i=!1}={}){return{id:e,title:t,excerpt:n,slug:a,featured:i}}function hu({numOfProducts:e=3}={}){const n=[ba({name:"Bronze",description:"Access to all members articles",monthlyPrice:Ke({interval:"month",amount:700}),yearlyPrice:Ke({interval:"year",amount:7e3}),numOfBenefits:2}),ba({name:"Silver",description:"Access to all members articles and weekly podcast",monthlyPrice:Ke({interval:"month",amount:1200}),yearlyPrice:Ke({interval:"y
|
|||
|
|
//# sourceMappingURL=portal.min.js.map
|