@gravatar-com/hovercards
Version:
Add profile hovercards to Gravatar images.
2 lines • 22.4 kB
JavaScript
!function(t,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("React")):"function"==typeof define&&define.amd?define("Gravatar",["React"],r):"object"==typeof exports?exports.Gravatar=r(require("React")):t.Gravatar=r(t.React)}(self,(t=>(()=>{"use strict";var r={169:(t,r,a)=>{var e=a(883),n=Symbol.for("react.element"),o=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,c=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,d={key:!0,ref:!0,__self:!0,__source:!0};function s(t,r,a){var e,o={},s=null,l=null;for(e in void 0!==a&&(s=""+a),void 0!==r.key&&(s=""+r.key),void 0!==r.ref&&(l=r.ref),r)i.call(r,e)&&!d.hasOwnProperty(e)&&(o[e]=r[e]);if(t&&t.defaultProps)for(e in r=t.defaultProps)void 0===o[e]&&(o[e]=r[e]);return{$$typeof:n,type:t,key:s,ref:l,props:o,_owner:c.current}}r.jsx=s},867:(t,r,a)=>{t.exports=a(169)},883:r=>{r.exports=t}},a={};function e(t){var n=a[t];if(void 0!==n)return n.exports;var o=a[t]={exports:{}};return r[t](o,o.exports,e),o.exports}e.d=(t,r)=>{for(var a in r)e.o(r,a)&&!e.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:r[a]})},e.o=(t,r)=>Object.prototype.hasOwnProperty.call(t,r),e.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};return(()=>{e.r(n),e.d(n,{Hovercards:()=>p,useHovercards:()=>_});var t=e(883);const r=function(r){var a=(0,t.useRef)(r);return a.current=r,a};var a,o={top:"paddingBottom",bottom:"paddingTop",left:"paddingRight",right:"paddingLeft"};function i(t,r,a){var e=void 0===a?{}:a,n=e.placement,i=void 0===n?"right-start":n,c=e.offset,d=void 0===c?0:c,s=e.autoFlip,l=void 0===s||s,v=e.autoShift,h=void 0===v||v;r.style.padding="0";var u=t.getBoundingClientRect(),_=r.getBoundingClientRect(),f=u.top+scrollY,g=u.bottom+scrollY,p=u.right+scrollX,m=u.left+scrollX,w=u.top,y=innerHeight-u.bottom,H=u.left,b=innerWidth-u.right,S=0,k=0,C=i.split("-"),E=C[0],L=C[1];if(d=Math.max(0,d),l){var T=_.height+d,P=_.width+d;"top"===E&&w<T&&y>w?E="bottom":"bottom"===E&&y<T&&w>y?E="top":"left"===E&&H<P&&b>H?E="right":"right"===E&&b<P&&H>b&&(E="left")}if(h){var I=_.height-u.height,R=_.width-u.width,F=I/2,x=R/2;"top"!==E&&"bottom"!==E||("start"===L&&b<R?L=b<x?"end":void 0:"end"===L&&H<R?L=H<x?"start":void 0:void 0===L&&(b<x||H<x)&&(L=b>H?"start":"end")),"right"!==E&&"left"!==E||("start"===L&&y<I?L=y<F?"end":void 0:"end"===L&&w<I?L=w<F?"start":void 0:void 0===L&&(y<F||w<F)&&(L=y>w?"start":"end"))}"top"===E||"bottom"===E?(S=m+u.width/2-_.width/2,k="top"===E?f-_.height-d:g,"start"===L&&(S=m),"end"===L&&(S=p-_.width)):(S="right"===E?p:m-_.width-d,k=f+u.height/2-_.height/2,"start"===L&&(k=f),"end"===L&&(k=g-_.height)),r.style.position="absolute",r.style.left=S+"px",r.style.top=k+"px",r.style[o[E]]=d+"px"}function c(t){var r={"&":"&","<":"<",">":">",'"':""","'":"'","`":"`"};return t.replace(/&(amp|lt|gt|quot|#39|x60);|[\&<>"'`]/g,(function(t){return"&"===t[0]?t:r[t]}))}function d(t){return encodeURI(t)}function s(t,r,a){var e=t.split("?"),n=e[0],o=e[1],i=new URLSearchParams(o||"");return i.set(r,a),n+"?"+i.toString()}function l(t,r){return t[r]||r}function v(){return v=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var e in a)({}).hasOwnProperty.call(a,e)&&(t[e]=a[e])}return t},v.apply(null,arguments)}var h=document,u=function(){function t(t){var r=this,a=void 0===t?{}:t,e=a.placement,n=void 0===e?"right-start":e,o=a.offset,i=void 0===o?10:o,c=a.autoFlip,d=void 0===c||c,s=a.autoShift,l=void 0===s||s,v=a.hideOnTargetClick,u=void 0!==v&&v,_=a.delayToShow,f=void 0===_?500:_,g=a.delayToHide,p=void 0===g?300:g,m=a.additionalClass,w=void 0===m?"":m,y=a.myHash,H=void 0===y?"":y,b=a.onQueryHovercardRef,S=void 0===b?function(t){return t}:b,k=a.onFetchProfileStart,C=void 0===k?function(){}:k,E=a.onFetchProfileSuccess,L=void 0===E?function(){}:E,T=a.onFetchProfileFailure,P=void 0===T?function(){}:T,I=a.onHovercardShown,R=void 0===I?function(){}:I,F=a.onHovercardHidden,x=void 0===F?function(){}:F,M=a.onCanShowHovercard,O=void 0===M?function(){return!0}:M,j=a.i18n,A=void 0===j?{}:j;this._i18n={},this._hovercardRefs=[],this._showHovercardTimeoutIds=new Map,this._hideHovercardTimeoutIds=new Map,this._cachedProfiles=new Map,this.attach=function(t,a){var e=void 0===a?{}:a,n=e.dataAttributeName,o=void 0===n?"gravatar-hash":n,i=e.ignoreSelector;t&&(r.detach(),r._queryHovercardRefs(t,o,i).forEach((function(t){t.ref.addEventListener("mouseenter",t.onEnter),t.ref.addEventListener("mouseleave",t.onLeave),t.ref.addEventListener("click",t.onClick)})))},this.detach=function(){r._hovercardRefs.length&&(r._hovercardRefs.forEach((function(t){var a;t.ref.removeEventListener("mouseenter",t.onEnter),t.ref.removeEventListener("mouseleave",t.onLeave),t.ref.removeEventListener("click",t.onClick),clearInterval(r._showHovercardTimeoutIds.get(t.id)),null==(a=h.getElementById(t.id))||a.remove()})),r._hovercardRefs=[])},this._placement=n,this._offset=i,this._autoFlip=d,this._autoShift=l,this._hideOnTargetClick=u,this._delayToShow=f,this._delayToHide=p,this._additionalClass=w,this._myHash=H,this._onQueryHovercardRef=S,this._onFetchProfileStart=C,this._onFetchProfileSuccess=L,this._onFetchProfileFailure=P,this._onHovercardShown=R,this._onHovercardHidden=x,this._canShowHovercard=O,this._i18n=A}var r=t.prototype;return r._queryHovercardRefs=function(t,r,a){var e=this,n=[],o=r.replace(/-([a-z])/g,(function(t){return t[1].toUpperCase()})),i=a?Array.from(h.querySelectorAll(a)):[],c="gravatar.com/avatar/";return o&&t.dataset[o]||"IMG"===t.tagName&&t.src.includes(c)?n=[t]:(n=Array.from(t.querySelectorAll('img[src*="'+c+'"]')),r&&(n=[].concat(n.filter((function(t){return!t.hasAttribute("data-"+r)})),Array.from(t.querySelectorAll("[data-"+r+"]"))))),this._hovercardRefs=n.map((function(t,r){if(i.includes(t))return null;var a,n,c=t.dataset[o];if(c){var d=c.split("?");a=d[0],n=d.length>1?d[1]:""}else if("IMG"===t.tagName){var s=t.src.split("/").pop().split("?");a=s[0],n=s.length>1?s[1]:""}if(!a)return null;var l=new URLSearchParams(n),v=l.get("d")||l.get("default"),h=l.get("f")||l.get("forcedefault"),u=l.get("r")||l.get("rating"),_=l.get("initials"),f=l.get("name"),g=l.get("txt_color"),p=l.get("bg_color");return{id:"gravatar-hovercard-"+a+"-"+r,hash:a,params:(n=[v&&"d="+v,h&&"f="+h,u&&"r="+u,_&&"initials="+_,f&&"name="+f,g&&"txt_color="+g,p&&"bg_color="+p].filter(Boolean).join("&"))?"?"+n:"",ref:e._onQueryHovercardRef(t)||t}})).filter(Boolean).map((function(t){return v({},t,{onEnter:function(r){return e._handleMouseEnter(r,t)},onLeave:function(r){return e._handleMouseLeave(r,t)},onClick:function(){return e._handleMouseClick(t)}})})),this._hovercardRefs},t._createDrawer=function(t,r,a){return'\n\t\t\t<div class="gravatar-hovercard__drawer" data-drawer-name="'+t+'">\n\t\t\t\t<div class="gravatar-hovercard__drawer-backdrop" data-target-drawer="'+t+'"></div>\n\t\t\t\t<div class="gravatar-hovercard__drawer-card">\n\t\t\t\t\t<div class="gravatar-hovercard__drawer-header">\n\t\t\t\t\t\t<h2 class="gravatar-hovercard__drawer-title">'+r+'</h2>\n\t\t\t\t\t\t<button class="gravatar-hovercard__drawer-close" data-target-drawer="'+t+'">\n\t\t\t\t\t\t\t<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n\t\t\t\t\t\t\t\t<path d="M12 13.0607L15.7123 16.773L16.773 15.7123L13.0607 12L16.773 8.28772L15.7123 7.22706L12 10.9394L8.28771 7.22705L7.22705 8.28771L10.9394 12L7.22706 15.7123L8.28772 16.773L12 13.0607Z" fill="#101517"></path>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ul class="gravatar-hovercard__drawer-items">\n\t\t\t\t\t\t'+a+"\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t"},t._openDrawer=function(t,r){var a=r.querySelector('.gravatar-hovercard__drawer[data-drawer-name="'+t.dataset.targetDrawer+'"]');a&&a.classList.add("gravatar-hovercard__drawer--open")},t._closeDrawer=function(t,r){var a=r.querySelector('.gravatar-hovercard__drawer[data-drawer-name="'+t.dataset.targetDrawer+'"]');a&&(a.classList.add("gravatar-hovercard__drawer--closing"),a.classList.remove("gravatar-hovercard__drawer--open"),setTimeout((function(){a.classList.remove("gravatar-hovercard__drawer--closing")}),300))},t._createContactDrawerContent=function(t,r){var a=(void 0===r?{}:r).i18n,e=void 0===a?{}:a,n={email:"icons/mail.svg",home_phone:"icons/home-phone.svg",work_phone:"icons/work-phone.svg",cell_phone:"icons/mobile-phone.svg",contact_form:"icons/envelope.svg",calendar:"icons/calendar.svg",calendly:"icons/calendly.svg"},o={email:l(e,"Email"),home_phone:l(e,"Home Phone"),work_phone:l(e,"Work Phone"),cell_phone:l(e,"Cell Phone"),contact_form:l(e,"Contact Form"),calendar:l(e,"Calendar")};return t.map((function(t){var r,a=t[0],e=t[1],i=function(t,r){switch(t){case"email":return"mailto:"+r;case"contact_form":case"calendar":case"calendly":return r.startsWith("http")?r:"https://"+r;default:return null}}(a,e),c=e.replace(/^(https?:\/\/)?(www\.)?/,"");return c=c.endsWith("/")?c.slice(0,-1):c,i&&(c='<a class="gravatar-hovercard__drawer-item-link" href="'+i+'" target="_blank">'+c+"</a>"),'\n\t\t\t\t<li class="gravatar-hovercard__drawer-item">\n\t\t\t\t\t<img\n\t\t\t\t\t\tclass="gravatar-hovercard__drawer-item-icon"\n\t\t\t\t\t\twidth="24"\n\t\t\t\t\t\theight="24"\n\t\t\t\t\t\tsrc="https://s.gravatar.com/'+n[a]+'"\n\t\t\t\t\t\talt=""\n\t\t\t\t\t>\n\t\t\t\t\t<div class="gravatar-hovercard__drawer-item-info">\n\t\t\t\t\t\t<span class="gravatar-hovercard__drawer-item-label">'+(null!=(r=o[a])?r:a.replace("_"," "))+'</span>\n\t\t\t\t\t\t<span class="gravatar-hovercard__drawer-item-text">'+c+"</span>\n\t\t\t\t\t</div>\n\t\t\t\t</li>\n\t\t\t"})).join("")},t._createSendMoneyDrawerContent=function(t){var r,a,e=[];return null==(r=t.links)||r.forEach((function(t){e.push('\n\t\t\t\t<li class="gravatar-hovercard__drawer-item">\n\t\t\t\t\t<img class="gravatar-hovercard__drawer-item-icon" width="24" height="24" src="https://s.gravatar.com/icons/link.svg" alt="">\n\t\t\t\t\t<div class="gravatar-hovercard__drawer-item-info">\n\t\t\t\t\t\t<span class="gravatar-hovercard__drawer-item-label">'+t.label+'</span>\n\t\t\t\t\t\t<span class="gravatar-hovercard__drawer-item-text">\n\t\t\t\t\t\t\t<a class="gravatar-hovercard__drawer-item-link" href="'+t.url+'" target="_blank">\n\t\t\t\t\t\t\t\t'+t.url.replace(/^(https?:\/\/)/,"")+"\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t</li>\n\t\t\t")})),null==(a=t.crypto_wallets)||a.forEach((function(t){e.push('\n\t\t\t\t<li class="gravatar-hovercard__drawer-item">\n\t\t\t\t\t<img class="gravatar-hovercard__drawer-item-icon" width="24" height="24" src="https://s.gravatar.com/icons/link.svg" alt="">\n\t\t\t\t\t<div class="gravatar-hovercard__drawer-item-info">\n\t\t\t\t\t\t<span class="gravatar-hovercard__drawer-item-label">'+t.label+'</span>\n\t\t\t\t\t\t<span class="gravatar-hovercard__drawer-item-text">'+t.address+"</span>\n\t\t\t\t\t</div>\n\t\t\t\t</li>\n\t\t\t")})),e.join("")},r._showHovercard=function(r){var a=this,e=r.id,n=r.hash,o=r.params,c=r.ref,d=setTimeout((function(){if(!h.getElementById(e)&&a._canShowHovercard(n)){var r,d=new URLSearchParams(o);d.delete("size"),d.set("s","256"),o="?"+d.toString();var u={placement:a._placement,offset:a._offset,autoFlip:a._autoFlip,autoShift:a._autoShift};if(a._cachedProfiles.has(n)){var _=a._cachedProfiles.get(n);r=t.createHovercard(v({},_,{avatarUrl:_.avatarUrl+o}),{additionalClass:a._additionalClass,myHash:a._myHash,i18n:a._i18n}),a._onHovercardShown(n,r)}else r=t.createHovercardSkeleton({additionalClass:a._additionalClass}),a._onFetchProfileStart(n),fetch(s("https://api.gravatar.com/v3/profiles/"+n,"source","hovercard")).then((function(t){if(200!==t.status)throw t.status;return t.json()})).then((function(e){var d;a._cachedProfiles.set(n,{hash:e.hash,avatarUrl:e.avatar_url,profileUrl:e.profile_url,displayName:e.display_name,location:e.location,description:e.description,jobTitle:e.job_title,company:e.company,headerImage:e.header_image,hideDefaultHeaderImage:e.hide_default_header_image,backgroundColor:e.background_color,verifiedAccounts:null==(d=e.verified_accounts)?void 0:d.map((function(t){return{type:t.service_type,label:t.service_label,icon:t.service_icon,url:t.url,isHidden:t.is_hidden}})),contactInfo:e.contact_info,payments:e.payments});var s=a._cachedProfiles.get(n),l=t.createHovercard(v({},s,{avatarUrl:s.avatarUrl+o}),{additionalClass:a._additionalClass,myHash:a._myHash,i18n:a._i18n}).firstElementChild;r.classList.remove("gravatar-hovercard--skeleton"),r.replaceChildren(l),i(c,r,u),a._onFetchProfileSuccess(n,a._cachedProfiles.get(n)),a._onHovercardShown(n,r)})).catch((function(e){var i=l(a._i18n,"Sorry, we are unable to load this Gravatar profile.");switch(e){case 403:i=l(a._i18n,"This profile is private.");break;case 404:i=l(a._i18n,"Gravatar not found.");break;case 429:i=l(a._i18n,"Too Many Requests.");break;case 500:i=l(a._i18n,"Internal Server Error.")}var c=404===e?'\n\t\t\t\t\t\t\t\t<i class="gravatar-hovercard__error-message gravatar-hovercard__error-message--claim-gravatar">\n\t\t\t\t\t\t\t\t\t'+l(a._i18n,"Is this you?")+' \n\t\t\t\t\t\t\t\t\t<a href="https://gravatar.com/signup?utm_source=hovercard" target="_blank">\n\t\t\t\t\t\t\t\t\t\t'+l(a._i18n,"Claim your free profile.")+"\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t</i>\n\t\t\t\t\t\t\t\t":"",d=t.createHovercardError("https://0.gravatar.com/avatar/"+n+o,i,{additionalClass:a._additionalClass,additionalMessage:c}).firstElementChild;r.classList.add("gravatar-hovercard--error"),r.classList.remove("gravatar-hovercard--skeleton"),r.replaceChildren(d),a._onFetchProfileFailure(n,{code:e,message:i})}));r.id=e,r.addEventListener("mouseenter",(function(){return clearInterval(a._hideHovercardTimeoutIds.get(e))})),r.addEventListener("mouseleave",(function(){return a._hideHovercard(e)})),h.body.appendChild(r),i(c,r,u)}}),this._delayToShow);this._showHovercardTimeoutIds.set(e,d)},r._hideHovercard=function(t,r){var a=this;void 0===r&&(r=this._delayToHide);var e=setTimeout((function(){var r=h.getElementById(t);r&&(r.remove(),a._onHovercardHidden(t,r))}),r);this._hideHovercardTimeoutIds.set(t,e)},r._handleMouseEnter=function(t,r){"ontouchstart"in h||(t.stopImmediatePropagation(),clearInterval(this._hideHovercardTimeoutIds.get(r.id)),this._showHovercard(r))},r._handleMouseLeave=function(t,r){var a=r.id;"ontouchstart"in h||(t.stopImmediatePropagation(),clearInterval(this._showHovercardTimeoutIds.get(a)),this._hideHovercard(a))},r._handleMouseClick=function(t){var r=t.id;!("ontouchstart"in h)&&this._hideOnTargetClick&&(clearInterval(this._showHovercardTimeoutIds.get(r)),this._hideHovercard(r,0))},t}();function _(a){var e=void 0===a?{}:a,n=e.placement,o=e.offset,i=e.autoFlip,c=e.autoShift,d=e.hideOnTargetClick,s=e.delayToShow,l=e.delayToHide,v=e.additionalClass,h=e.myHash,_=e.i18n,f=e.onQueryHovercardRef,g=e.onFetchProfileStart,p=e.onFetchProfileSuccess,m=e.onFetchProfileFailure,w=e.onHovercardShown,y=e.onHovercardHidden,H=e.onCanShowHovercard,b=r(f),S=r(g),k=r(p),C=r(m),E=r(w),L=r(y),T=r(H),P=r(_),I=(0,t.useMemo)((function(){return new u({placement:n,offset:o,autoFlip:i,autoShift:c,hideOnTargetClick:d,delayToShow:s,delayToHide:l,additionalClass:v,myHash:h,i18n:P.current,onQueryHovercardRef:b.current,onFetchProfileStart:S.current,onFetchProfileSuccess:k.current,onFetchProfileFailure:C.current,onHovercardShown:E.current,onHovercardHidden:L.current,onCanShowHovercard:T.current})}),[n,o,i,c,d,s,l,v,h,P,b,S,k,C,E,L,T]),R=I.attach,F=I.detach;return(0,t.useEffect)((function(){return F}),[F]),{attach:R,detach:F,createHovercard:u.createHovercard,createHovercardSkeleton:u.createHovercardSkeleton,createHovercardError:u.createHovercardError}}a=u,u.createHovercard=function(t,r){var e,n,o=void 0===r?{}:r,i=o.additionalClass,v=o.myHash,u=o.i18n,_=void 0===u?{}:u,f=t.hash,g=t.avatarUrl,p=t.profileUrl,m=t.displayName,w=t.location,y=t.description,H=t.jobTitle,b=t.company,S=t.headerImage,k=t.hideDefaultHeaderImage,C=t.verifiedAccounts,E=void 0===C?[]:C,L=t.payments,T=t.contactInfo,P=t.backgroundColor,I=h.createElement("div");I.className="gravatar-hovercard"+(i?" "+i:"");var R=E.find((function(t){return"calendly"===t.type&&!t.isHidden}));T&&R&&(T.calendly=R.url);var F=d(s(p,"utm_source","hovercard")),x=c(m),M=!y&&v===f,O=[H,b].filter(Boolean).join(", "),j=(null==L||null==(e=L.links)?void 0:e.length)||(null==L||null==(n=L.crypto_wallets)?void 0:n.length),A=Object.entries(T||{}).filter((function(t){t[0];return!!t[1]})),q=E.slice(0,3).reduce((function(t,r){var a=r.label,e=r.icon,n=r.url,o=r.type;return r.isHidden||t.push('\n\t\t\t\t\t<a class="gravatar-hovercard__social-link" href="'+d(n)+'" target="_blank" data-service-name="'+o+'">\n\t\t\t\t\t\t<img class="gravatar-hovercard__social-icon" src="'+d(e)+'" width="32" height="32" alt="'+c(a)+'" />\n\t\t\t\t\t</a>\n\t\t\t\t'),t}),[]).join(""),D="",N="",U="",B="";if(S||!k){var G='<img class="gravatar-hovercard__header-image-img" src="'+d(g)+'" alt=""/>';D='<div class="gravatar-hovercard__header-image">'+(S?"":G)+"</div>"}(A.length||j)&&(A.length&&(N+='\n\t\t\t\t\t<button class="gravatar-hovercard__button" data-target-drawer="contact">'+l(_,"Contact")+"</button>\n\t\t\t\t",U=a._createDrawer("contact",l(_,"Contact"),a._createContactDrawerContent(A,{i18n:_}))),j&&(N+='\n\t\t\t\t\t<button class="gravatar-hovercard__button" data-target-drawer="send-money">'+l(_,"Send money")+"</button>\n\t\t\t\t",B=a._createDrawer("send-money",l(_,"Send money"),a._createSendMoneyDrawerContent(L))),N='\n\t\t\t\t<div class="gravatar-hovercard__buttons">'+N+"</div>\n\t\t\t"),I.innerHTML='\n\t\t\t<div class="gravatar-hovercard__inner">\n\t\t\t\t'+D+'\n\t\t\t\t<div class="gravatar-hovercard__header">\n\t\t\t\t\t<a class="gravatar-hovercard__avatar-link" href="'+F+'" target="_blank">\n\t\t\t\t\t\t<img class="gravatar-hovercard__avatar" src="'+d(g)+'" width="104" height="104" alt="'+x+'" />\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class="gravatar-hovercard__personal-info-link" href="'+F+'" target="_blank">\n\t\t\t\t\t\t<h4 class="gravatar-hovercard__name">'+x+"</h4>\n\t\t\t\t\t\t"+(O?'<p class="gravatar-hovercard__job">'+c(O)+"</p>":"")+"\n\t\t\t\t\t\t"+(w?'<p class="gravatar-hovercard__location">'+c(w)+"</p>":"")+"\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t\t"+(y?'<div class="gravatar-hovercard__body">\n\t\t\t\t\t\t\t\t<p class="gravatar-hovercard__description">'+c(y)+"</p>\n\t\t\t\t\t\t\t</div>":"")+'\n\t\t\t\t<div class="gravatar-hovercard__social-links">\n\t\t\t\t\t<a class="gravatar-hovercard__social-link" href="'+F+'" target="_blank" data-service-name="gravatar">\n\t\t\t\t\t\t<img class="gravatar-hovercard__social-icon" src="https://s.gravatar.com/icons/gravatar.svg" width="32" height="32" alt="Gravatar" />\n\t\t\t\t\t</a>\n\t\t\t\t\t'+q+"\n\t\t\t\t</div>\n\t\t\t\t"+N+'\n\t\t\t\t<div class="gravatar-hovercard__footer">\n\t\t\t\t\t<a class="gravatar-hovercard__profile-url" title="'+p+'" href="'+F+'" target="_blank">\n\t\t\t\t\t\t'+p.replace("https://","")+'\n\t\t\t\t\t</a>\n\t\t\t\t\t<a\n\t\t\t\t\t\tclass="gravatar-hovercard__profile-link'+(M?" gravatar-hovercard__profile-link--edit":"")+'"\n\t\t\t\t\t\thref="'+(M?"https://gravatar.com/profiles/edit?utm_source=hovercard":F)+'"\n\t\t\t\t\t\ttarget="_blank"\n\t\t\t\t\t>\n\t\t\t\t\t\t'+l(_,M?"Edit your profile →":"View profile →")+"\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t\t"+U+"\n\t\t\t\t"+B+"\n\t\t\t\t"+(P?'<div class="gravatar-hovercard__profile-color"></div>':"")+"\n\t\t\t</div>\n\t\t";var Q=I.querySelector(".gravatar-hovercard__inner"),W=Q.querySelector(".gravatar-hovercard__header-image"),Y=Q.querySelector(".gravatar-hovercard__profile-color");return S&&W&&(W.style.background=S),P&&Y&&(Y.style.background=P),Q.querySelectorAll(".gravatar-hovercard__button").forEach((function(t){t.addEventListener("click",(function(){return a._openDrawer(t,Q)}))})),Q.querySelectorAll(".gravatar-hovercard__drawer-close").forEach((function(t){t.addEventListener("click",(function(){return a._closeDrawer(t,Q)}))})),Q.querySelectorAll(".gravatar-hovercard__drawer-backdrop").forEach((function(t){t.addEventListener("click",(function(){return a._closeDrawer(t,Q)}))})),I},u.createHovercardSkeleton=function(t){var r=(void 0===t?{}:t).additionalClass,a=h.createElement("div");return a.className="gravatar-hovercard gravatar-hovercard--skeleton"+(r?" "+r:""),a.innerHTML='\n\t\t\t<div class="gravatar-hovercard__inner">\n\t\t\t\t<div class="gravatar-hovercard__header">\n\t\t\t\t\t<div class="gravatar-hovercard__avatar-link"></div>\n\t\t\t\t\t<div class="gravatar-hovercard__personal-info-link"></div>\n\t\t\t\t</div>\n\t\t\t\t<div class="gravatar-hovercard__social-links">\n\t\t\t\t\t<div class="gravatar-hovercard__social-link"></div>\n\t\t\t\t\t<div class="gravatar-hovercard__social-link"></div>\n\t\t\t\t</div>\n\t\t\t\t<div class="gravatar-hovercard__footer">\n\t\t\t\t\t<div class="gravatar-hovercard__profile-url"></div>\n\t\t\t\t\t<div class="gravatar-hovercard__profile-link"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t',a},u.createHovercardError=function(t,r,a){var e=void 0===a?{}:a,n=e.avatarAlt,o=void 0===n?"Avatar":n,i=e.additionalClass,c=e.additionalMessage,d=void 0===c?"":c,s=h.createElement("div");return s.className="gravatar-hovercard gravatar-hovercard--error"+(i?" "+i:""),s.innerHTML='\n\t\t\t<div class="gravatar-hovercard__inner">\n\t\t\t\t<img class="gravatar-hovercard__avatar" src="'+t+'" width="104" height="104" alt="'+o+'" />\n\t\t\t\t<div class="gravatar-hovercard__error-message-wrapper">\n\t\t\t\t\t<i class="gravatar-hovercard__error-message">'+r+"</i>\n\t\t\t\t\t"+d+"\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t",s};var f=e(867),g=["children","attach","dataAttributeName","ignoreSelector","className","style"];function p(a){var e=void 0===a?{}:a,n=e.children,o=e.attach,i=e.dataAttributeName,c=e.ignoreSelector,d=e.className,s=e.style,l=_(function(t,r){if(null==t)return{};var a={};for(var e in t)if({}.hasOwnProperty.call(t,e)){if(r.indexOf(e)>=0)continue;a[e]=t[e]}return a}(e,g)).attach,v=(0,t.useRef)(null),h=r(o);return(0,t.useEffect)((function(){var t=h.current||v.current;t&&l(t,{dataAttributeName:i,ignoreSelector:c})}),[l,h,i,c]),o||!n?null:(0,f.jsx)("div",{ref:v,className:d,style:s,children:n})}})(),n})()));
//# sourceMappingURL=index.react.umd.js.map