https://www.aafp.org/embed-assets/176d5dbfd90cbc7a76d5063a725b8d7312858405/chunks/my-account-flyout.js

1/*! For license information please see my-account-flyout.js.LICENSE.txt */
2(self.webpackChunkaafp_embeds=self.webpackChunkaafp_embeds||[]).push([[49],{326(e,t){"use strict";Symbol.for("react.transitional.element");Symbol.for("react.fragment")},540(e,t,n){"use strict";n(326)},259(e,t,n){"use strict";n.d(t,{t:()=>c});var i,o=n(690),a=n(451),r=n(402),l=n(272),s=(i=function(e,t){return i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},i(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),c=function(e){function t(t,n,i){var o=e.call(this,t)||this;return Object.defineProperty(o,"$dialog",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(o,"$topNav",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(o,"transition",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(o,"focusTrapInstance",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"isMobileMax",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(o,"unsubscribe",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"config",{enumerable:!0,configurable:!0,writable:!0,value:{className:"",direction:"left"}}),Object.defineProperty(o,"_isOpen",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(o,"handleKeydownBound",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"trackHeaderPositionBound",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),o.$el?(o.config=i,o.$topNav=n,o.$dialog=o.$el.querySelector(".".concat(i.className,"__dialog")),o.handleKeydownBound=o.handleKeydown.bind(o),o.trackHeaderPositionBound=o.trackHeaderPosition.bind(o),o.setupFocusTrap(),o.setupTransition(),o.attachEventListeners(),o.subscribeToContext(),o.$topNav&&document.contains(o.$topNav)&&o.$topNav.addEventListener("topNavPositionChanged",o.trackHeaderPositionBound),o):o}return s(t,e),Object.defineProperty(t.prototype,"setupTransition",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.config,n=t.className,i=t.transitionDuration,o=void 0===i?200:i;this.transition=new a.I(this.$el,n,o,{onEnter:function(){var t,n;e.trackHeaderPosition(),null===(n=(t=e.config).onEnter)||void 0===n||n.call(t)},onEntered:function(){var t,n;e.activateFocusTrap(),null===(n=(t=e.config).onEntered)||void 0===n||n.call(t)},onExited:function(){var t,n;document.documentElement.classList.remove("no-scroll"),null===(n=(t=e.config).onExited)||void 0===n||n.call(t)}})}}),Object.defineProperty(t.prototype,"setupFocusTrap",{enumerable:!1,configurable:!0,writable:!0,value:function(){if(this.$el)if("hamburger-menu-modal"===this.config.className){var e=this.$topNav&&document.contains(this.$topNav)?this.$topNav.querySelector(".top-navigation__hamburger-container"):null;this.focusTrapInstance=e?r.K([this.$el,e],{escapeDeactivates:!1,allowOutsideClick:!0,clickOutsideDeactivates:!1,preventScroll:!0}):r.K(this.$el,{escapeDeactivates:!1,allowOutsideClick:!0,clickOutsideDeactivates:!1,preventScroll:!0})}else this.config.className,this.focusTrapInstance=r.K(this.$el,{escapeDeactivates:!1,allowOutsideClick:!0,clickOutsideDeactivates:!1,preventScroll:!0})}}),Object.defineProperty(t.prototype,"activateFocusTrap",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,n=null===(e=this.$el)||void 0===e?void 0:e.classList.contains("".concat(this.config.className,"--mobile"));(n&&this.isMobileMax||!n&&!this.isMobileMax)&&(null===(t=this.focusTrapInstance)||void 0===t||t.activate())}}),Object.defineProperty(t.prototype,"attachEventListeners",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this;null===(e=this.$el)||void 0===e||e.addEventListener("click",function(e){t._isOpen&&t.$dialog&&!t.$dialog.contains(e.target)&&(e.stopPropagation(),t.hide())}),document.addEventListener("keydown",this.handleKeydownBound)}}),Object.defineProperty(t.prototype,"subscribeToContext",{enumerable:!1,

2configurable:!0,writable:!0,value:function(){var e=this;this.unsubscribe=l.X.subscribe(function(t){var n=t.isMobileMax;"boolean"==typeof n&&e.isMobileMax!==n&&(e.handleBreakpointChange(n),e.isMobileMax=n)})}}),Object.defineProperty(t.prototype,"handleBreakpointChange",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t,n,i,o;if(this.isOpenState()){null===(t=this.focusTrapInstance)||void 0===t||t.deactivate(),this.setupFocusTrap();var a=null===(n=this.$el)||void 0===n?void 0:n.classList.contains("".concat(this.config.className,"--mobile")),r=null===(i=this.$el)||void 0===i?void 0:i.classList.contains("".concat(this.config.className,"--desktop"));(a&&e||r&&!e)&&(null===(o=this.focusTrapInstance)||void 0===o||o.activate())}}}),Object.defineProperty(t.prototype,"isOpenState",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e;return"false"===(null===(e=this.$el)||void 0===e?void 0:e.getAttribute("aria-hidden"))}}),Object.defineProperty(t.prototype,"handleKeydown",{enumerable:!1,configurable:!0,writable:!0,value:function(e){"Escape"===e.key&&this._isOpen&&this.hide()}}),Object.defineProperty(t.prototype,"trackHeaderPosition",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.$topNav&&document.contains(this.$topNav)&&this.$topNav.style.setProperty("--top-nav-offset-y","".concat(this.$topNav.getBoundingClientRect().top/16,"rem"))}}),Object.defineProperty(t.prototype,"show",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t;this.$el&&document.contains(this.$el)?(this._isOpen=!0,null===(e=this.transition)||void 0===e||e.enter(),document.body.style.overflow="hidden",null===(t=this.$el)||void 0===t||t.setAttribute("aria-hidden","false")):console.warn("FlyoutBase: Cannot show - element not in DOM")}}),Object.defineProperty(t.prototype,"hide",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,n,i,o;if(this.$el&&document.contains(this.$el)){this._isOpen=!1;var a=null===(e=this.$el)||void 0===e?void 0:e.querySelector(":focus");a?a.blur():null===(t=this.$el)||void 0===t||t.blur(),null===(n=this.focusTrapInstance)||void 0===n||n.deactivate(),null===(i=this.transition)||void 0===i||i.exit(),document.body.style.removeProperty("overflow"),null===(o=this.$el)||void 0===o||o.setAttribute("aria-hidden","true")}else console.warn("FlyoutBase: Cannot hide - element not in DOM")}}),Object.defineProperty(t.prototype,"toggle",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t,n;if(e!==this._isOpen){var i=null===(t=this.$el)||void 0===t?void 0:t.classList.contains("".concat(this.config.className,"--mobile")),o=null===(n=this.$el)||void 0===n?void 0:n.classList.contains("".concat(this.config.className,"--desktop")),a=i&&!this.isMobileMax,r=o&&this.isMobileMax;a||r||(e?this.show():this.hide())}}}),Object.defineProperty(t.prototype,"destroy",{enumerable:!1,configurable:!0,writable:!0,value:function(){var t,n,i,o,a;document.removeEventListener("keydown",this.handleKeydownBound),null===(t=this.$topNav)||void 0===t||t.removeEventListener("topNavPositionChanged",this.trackHeaderPositionBound),null===(n=this.transition)||void 0===n||n.destroy(),this.transition=null,null===(i=this.$el)||void 0===i||i.setAttribute("aria-hidden","true"),null===(o=this.focusTrapInstance)||void 0===o||o.deactivate(),this.focusTrapInstance=null,null===(a=this.unsubscribe)||void 0===a||a.call(this),document.body.style.removeProperty("overflow"),e.prototype.destroy.call(this)}}),t}(o.$)},274(e,t,n){"use strict";n.d(t,{initMyAccountFlyout:()=>s}),n(540),n(452);var i,o=n(259),a=n(272),r=(i=function(e,t){return i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},i(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),l=function(e){function t(t,n){var i=e.call(this,t,n,{className:"my-account-flyout",direction:"right",transitionDuration:200})||this;return Object.defineProperty(i,"$myAccountList",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(i,"contextUnsubscribe",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),i.initializeContent(),i.subscribeToMyAccountContext(),i}return r(t,e),Object.defineProperty(t.prototype,"initializeContent",{enumerable:!1,

2configurable:!0,writable:!0,value:function(){var e;this.$el&&document.contains(this.$el)?(this.$myAccountList=(null===(e=this.$el)||void 0===e?void 0:e.querySelector(".my-account-flyout__list"))||null,this.$myAccountList&&this.attachSpecificEventListeners()):console.warn("MyAccountFlyout: Cannot initialize - element not in DOM")}}),Object.defineProperty(t.prototype,"attachSpecificEventListeners",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,n,i=this;if(this.$el&&document.contains(this.$el)){var o=null===(e=this.$el)||void 0===e?void 0:e.querySelector(".my-account-flyout__close-btn");null==o||o.addEventListener("click",function(e){e.preventDefault(),a.X.setMyAccountShow(!1)});var r=null===(t=this.$el)||void 0===t?void 0:t.querySelector(".my-account-logout-btn");null==r||r.addEventListener("click",function(e){e.preventDefault(),i.handleLogout()});var l=null===(n=this.$el)||void 0===n?void 0:n.querySelectorAll("a[href]:not(.my-account-logout-btn)");null==l||l.forEach(function(e){e.addEventListener("click",function(){setTimeout(function(){a.X.setMyAccountShow(!1)},100)})})}else console.warn("MyAccountFlyout: Cannot attach listeners - element not in DOM")}}),Object.defineProperty(t.prototype,"handleLogout",{enumerable:!1,configurable:!0,writable:!0,value:function(){console.log("Logout clicked - TODO: Implement logout logic"),a.X.setMyAccountShow(!1)}}),Object.defineProperty(t.prototype,"subscribeToMyAccountContext",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;this.contextUnsubscribe=a.X.subscribe(function(t){var n,i=t.myAccountShow,o=t.isMobileMax;if(!e.$el||!document.contains(e.$el))return console.warn("MyAccountFlyout: Element no longer in DOM, unsubscribing from context"),void(null===(n=e.contextUnsubscribe)||void 0===n||n.call(e));e.$el&&"boolean"==typeof i&&e.toggle(i),"boolean"==typeof o&&(e.isMobileMax=o)})}}),Object.defineProperty(t.prototype,"show",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.$el&&document.contains(this.$el)?e.prototype.show.call(this):console.warn("MyAccountFlyout: Cannot show - element not in DOM")}}),Object.defineProperty(t.prototype,"hide",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.$el&&document.contains(this.$el)?(e.prototype.hide.call(this),a.X.setMyAccountShow(!1)):console.warn("MyAccountFlyout: Cannot hide - element not in DOM")}}),Object.defineProperty(t.prototype,"toggle",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t,n;if(this.$el&&document.contains(this.$el)){var i=(null===(t=this.$el)||void 0===t?void 0:t.classList.contains("my-account-flyout--mobile"))&&!this.isMobileMax,o=(null===(n=this.$el)||void 0===n?void 0:n.classList.contains("my-account-flyout--desktop"))&&this.isMobileMax;i||o||(e?this.show():this.hide())}else console.warn("MyAccountFlyout: Cannot toggle - element not in DOM")}}),Object.defineProperty(t.prototype,"destroy",{enumerable:!1,configurable:!0,writable:!0,value:function(){var t;null===(t=this.contextUnsubscribe)||void 0===t||t.call(this),e.prototype.destroy.call(this)}}),t}(o.t);function s(e,t){if(e&&t)try{new l(e,t)}catch(e){console.error(e)}}},451(e,t,n){"use strict";n.d(t,{I:()=>i});var i=function(){function e(e,t,n,i){void 0===n&&(n=300),void 0===i&&(i={}),Object.defineProperty(this,"el",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"classNames",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"timeout",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"startTimer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"endTimer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"callbacks",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.el=e,this.classNames=t,this.timeout=n,this.callbacks=i}return Object.defineProperty(e.prototype,"clearTransitionClasses",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.el.classList.remove("".concat(this.classNames,"--enter"),"".concat(this.classNames,"--enter-active"),"".concat(this.classNames,"--enter-done"),"".concat(this.classNames,"--exit"),"".concat(this.classNames,"--exit-active"),"".concat(this.classNames,"--exit-done"))}}

2),Object.defineProperty(e.prototype,"enter",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.callbacks,n=t.onEnter,i=t.onEntered;this.clearTimers(),this.clearTransitionClasses(),this.el.classList.add("".concat(this.classNames,"--enter")),null==n||n(),requestAnimationFrame(function(){e.el.classList.add("".concat(e.classNames,"--enter-active"))}),this.startTimer=setTimeout(function(){e.el.classList.remove("".concat(e.classNames,"--enter-active")),e.el.classList.add("".concat(e.classNames,"--enter-done")),null==i||i()},this.timeout)}}),Object.defineProperty(e.prototype,"exit",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.callbacks,n=t.onExit,i=t.onExited;this.clearTimers(),this.clearTransitionClasses(),this.el.classList.add("".concat(this.classNames,"--exit")),null==n||n(),requestAnimationFrame(function(){e.el.classList.add("".concat(e.classNames,"--exit-active"))}),this.endTimer=setTimeout(function(){e.el.classList.remove("".concat(e.classNames,"--exit-active")),e.el.classList.add("".concat(e.classNames,"--exit-done")),null==i||i()},this.timeout)}}),Object.defineProperty(e.prototype,"clearTimers",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.startTimer&&(clearTimeout(this.startTimer),this.startTimer=void 0),this.endTimer&&(clearTimeout(this.endTimer),this.endTimer=void 0)}}),Object.defineProperty(e.prototype,"destroy",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.clearTimers(),this.clearTransitionClasses()}}),e}()},452(e,t){var n;!function(){"use strict";var i={}.hasOwnProperty;function o(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=r(e,a(n)))}return e}function a(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return o.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)i.call(e,n)&&e[n]&&(t=r(t,n));return t}function r(e,t){return t?e?e+" "+t:e+t:e}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()}}]);