https://www.barracuda.com/etc.clientlibs/barracuda-core/clientlibs…/resources/4820-bbdb770a87d5582227f8.js

1(self.webpackChunkaem_module_ui_frontend=self.webpackChunkaem_module_ui_frontend||[]).push([[4820],{4820:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>u});var a=s(4724),i=s(9122),n=s(2749),r=s(3395),l=s(1968),h=s(6611),c=s(7510),o=s(9755),d=s.n(o);class u extends n.Z{constructor(e){super(e),this.S_SEARCH_INPUT=".form-control-search__input",this.S_BUTTON=".form-control-search__button",this.S_TOPIC_FILTER_SELECT=".js-cmp-events-search__topic-filter select",this.S_REGION_FILTER_SELECT=".js-cmp-events-search__region-filter select",this.S_AUDIENCE_FILTER_SELECT=".js-cmp-events-search__audience-filter select",this.S_LANGUAGE_FILTER_SELECT=".js-cmp-events-search__language-filter select",this.CLASS_HIDE="hide",this.CLEAR_FILTER_BTN_ID="clear-filters-btn",this.activeSelect="",this.firstCall=!0,this.clearAllFiltersAction="clearAllFilters",this.SERVLET_BASE_URL="",this.defaultPageLangCode="",this.userSelectLangCode="",this.responseData={},this.servletURL="",this.cache={},this.cacheSizeLimit=30,this.S_SEARCH_FIELD=".js-cmp-events-search__search-field input",this.S_CLEAR_SEACH_INPUT=".js-form-control-search__input-cross",this.classHide="hide",this.classHideOnMobile="hide-mobile",this.emptyString="",this.minNoOfSearchCharacter=1,this.maxNoOfSearchCharacter=255,this.showResult=!1,this.M_FILTER_ARROW_UP="arrow-up",this.SERVLET_SELECTORS={search:".search-",topic:".relatedTo-",region:".where-",audience:".audienceId-",language:".language-",fullMenu:".fullMenu-"},this.URL_PARAMS={search:"search",topic:"topicId",region:"whereId",audience:"audienceId",language:"languageCode",fullMenu:"fullMenu"},this.currentParam={search:"",topic:"",region:"",audience:"",language:"",fullMenu:""},this.pushState2Params=(e,t,s,a,i={},n="")=>{const r=window.location,l=new URL(r.href);""===t?l.searchParams.delete(e):l.searchParams.set(e,t),""===a?l.searchParams.delete(s):l.searchParams.set(s,a),window.history.pushState(i,n,l.toString());

1const o=new URLSearchParams(r.search);c.EventBusInstance.emit(h.events.cuda.urlParams.changed,{urlSearchParams:o})},this.$button=e.querySelector(this.S_BUTTON),this.$formContainer=d()(this.$elements.formContainer),this.AsyncLoader=new l.Z(this.$elements.asyncLoader),this.WEBINAR_LABEL=this.$formContainer.data("labelWebinar")||"",this.PARTNERWEBINAR_LABEL=this.$formContainer.data("labelPartnerwebinar")||"",this.EVENT_LABEL=this.$formContainer.data("labelEvent")||"",this.PARTNEREVENT_LABEL=this.$formContainer.data("labelPartnerevent")||"",this.REGISTER_LABEL=this.$formContainer.data("labelRegister")||"",this.WATCHONDEMAND_LABEL=this.$formContainer.data("labelWatchondemand")||"",this.LISTENTOPODCAST_LABEL=this.$formContainer.data("labelListentopodcast")||"",this.cardLimit=this.$formContainer.data("cardLimit")||"100",this.defaultPageLangCode=this.$formContainer.data("pageLanguage"),this.userSelectLangCode=this.defaultPageLangCode,this.urlSelector=this.$formContainer.data("panelEndpoint")?this.$formContainer.data("panelEndpoint"):"",this.SERVLET_BASE_URL=this.$formContainer.data("servletBase"),this.$searchInput=d()(this.S_SEARCH_FIELD,this.$cmp),this.$clearSearchBtn=d()(this.S_CLEAR_SEACH_INPUT,this.$cmp),this.$searchBtn=d()(".form-control-search__button",this.$cmp),this.$resultSearchText=d()("#search-text",this.$cmp),this.$noOfMatches=d()("#no-of-matches",this.$cmp),this.$resultSuccess=d()(".cmp-events-search__result__success",this.$cmp),this.$resultWarning=d()(".cmp-events-search__result__warning",this.$cmp),console.log("in EventsSearch constructor");const t={topic:"topic",region:"region",audience:"audience",language:"language"},s={topic:this.S_TOPIC_FILTER_SELECT,region:this.S_REGION_FILTER_SELECT,audience:this.S_AUDIENCE_FILTER_SELECT,language:this.S_LANGUAGE_FILTER_SELECT};this.filters={},Object.entries(s).forEach((([e,s])=>{this.filters[e]={identifier:t[e],selector:s,$element:d()(s,this.$cmp)}})),c.EventBusInstance.on(h.events.cuda.urlParams.changed,(()=>{this.eventBusChangeHandler()})),this.setClearFilterEvent(),this.setMaxLenForSearch(),this.searchInputEvent(),this.searchBtnEvents(),this.searchCrossEvents(),this.bindMobileToggleFilters(),this.getEventsData()}bindMobileToggleFilters(){const e=d()(this.$elements.filters),t=d()(this.$elements.toggleFilters),s=d()(this.$elements.toggleFiltersArrow),a=d()(this.$elements.desktopFiltersLabelWrap);t.on("click",(()=>{s.toggleClass(this.M_FILTER_ARROW_UP),e.toggleClass(this.classHideOnMobile),a.toggleClass(this.classHideOnMobile),d()(this.$elements.cardSectionContainers).toggleClass("section-margin-top")}))}setClearFilterEvent(){const e=document.getElementById(this.CLEAR_FILTER_BTN_ID);e&&e.addEventListener("click",(()=>{this.clearAllFilterSelections()}),{passive:!0})}clearAllFilterSelections(){this.activeSelect="";const e=new URLSearchParams(window.location.search);this.currentParam.topic!==this.filters.topic.allOptionValue&&(this.currentParam.topic=this.filters.topic.allOptionValue||"",e.delete(this.URL_PARAMS.topic)),this.currentParam.region!==this.filters.region.allOptionValue&&(this.currentParam.region=this.filters.region.allOptionValue||"",e.delete(this.URL_PARAMS.region)),this.currentParam.audience!==this.filters.audience.allOptionValue&&(this.currentParam.audience=this.filters.audience.allOptionValue||"",e.delete(this.URL_PARAMS.audience)),""!==this.currentParam.fullMenu&&(this.currentParam.fullMenu="none",e.set(this.URL_PARAMS.fullMenu,this.currentParam.fullMenu));const t=`${window.location.pathname}?${e.toString()}`;window.history.pushState({},"",t),this.getEventsData(this.clearAllFiltersAction)}eventBusChangeHandler(){this.assignCurrentParams(),this.setServletURL(),this.getEventsData()}setServletURL(e){(this.firstCall||e===this.clearAllFiltersAction)&&this.assignCurrentParams();const t=this.userSelectLangCode!==this.defaultPageLangCode?this.userSelectLangCode:this.defaultPageLangCode,s=`${this.SERVLET_SELECTORS.language}${t}`;let a="";const i=`${this.SERVLET_SELECTORS.search}${decodeURIComponent(this.currentParam.search)}`,n=`${this.SERVLET_SELECTORS.topic}${decodeURIComponent(this.currentParam.topic)}`,r=`${this.SERVLET_SELECTORS.region}${decodeURIComponent(this.currentParam.region)}`,l=`${this.SERVLET_SELECTORS.audience}${decodeURIComponent(this.currentParam.audience)}`,h=`${this.SERVLET_SELECTORS.fullMenu}${decodeURIComponent(this.currentParam.fullMenu)}`;a=e!==this.clearAllFiltersAction?`${this.currentParam.topic?n:""}${this.currentParam.region?r:""}${this.currentParam.audience?l:""}${h}${i}${s}`:`${h}${i}${s}`,a+=`.limit-${this.cardLimit}

1.events`,this.servletURL=`${this.SERVLET_BASE_URL}${a}.json`}assignCurrentParams(){const e=new URLSearchParams(window.location.search);this.currentParam.search=e.get(this.URL_PARAMS.search)||"",this.currentParam.topic=e.get(this.URL_PARAMS.topic),this.currentParam.region=e.get(this.URL_PARAMS.region),this.currentParam.audience=e.get(this.URL_PARAMS.audience),this.currentParam.language=e.get(this.URL_PARAMS.language),this.currentParam.fullMenu=e.get(this.URL_PARAMS.fullMenu)||""}getEventsData(e,t){this.AsyncLoader.show(),this.setServletURL(e);const s=this.servletURL.split("events_listing."),a=s[s.length-1];if(this.cache[a])return this.responseData=this.cache[a],void this.successHandler(this.responseData,t);d().ajax({type:"GET",url:this.servletURL,contentType:"application/json"}).done((e=>{this.responseData=e,this.cache[a]=e,this.successHandler(e)})).catch((e=>{r.Z.error(e)}))}successHandler(e,t){this.renderCards(e.cards),this.populateSelects(e.filters),this.AsyncLoader.hide(),d()(this.$elements.filters).removeClass(this.classHide),this.firstCall&&(this.firstCall=!1,this.selectsOnChangeHandler()),this.setFiltersAndSearchBasedOnUrl(t),this.updateNoOfSearchMatches(e.cards)}updateNoOfSearchMatches(e){const t=Number(e.upcoming_events.records.to)+Number(e.on_demand_webinars.records.to)||0,s=document.getElementById("cmp-events-search__no-of-matches__result-singular"),a=document.getElementById("cmp-events-search__no-of-matches__result-plural"),i=document.getElementById("result-more-match-without-filters");if(this.$noOfMatches){const e=Number(t);this.$noOfMatches.html(`${e}`),e>1?(null==s||s.classList.add(this.classHide),null==a||a.classList.remove(this.classHide)):(null==s||s.classList.remove(this.classHide),null==a||a.classList.add(this.classHide));const n=""!==this.currentParam.topic||""!==this.currentParam.region||""!==this.currentParam.audience;0===e&&!0===this.responseData.gotResultWithNoFilters&&""!==this.currentParam.search&&n?null==i||i.classList.remove(this.classHide):null==i||i.classList.add(this.classHide),!0===this.showResult?(this.$resultSuccess.removeClass(this.classHide),setTimeout((()=>{this.$resultSuccess.fadeOut(150,(()=>{this.$resultSuccess.fadeIn(150)}))}),10)):this.$resultSuccess.addClass(this.classHide)}}populateSelects(e){Object.entries(this.filters).forEach((([t,s])=>{var i;const n=s,r=e[t];if(!r)return;n.allOptionValue=(null===(i=r[0])||void 0===i?void 0:i.value)||"";const l=r.map((e=>({value:e.value,label:e.display_name})));if(this.activeSelect!==s.identifier){n.instance=new a.Z(s.$element[0],l);const e=s.$element.parent().parent();e.hasClass(this.CLASS_HIDE)&&e.removeClass(this.CLASS_HIDE)}}))}renderCards(e){this.renderCardSection(this.$elements.upcomingTitle,this.$elements.upcomingCards,e.upcoming_events.records.data,this.WEBINAR_LABEL,this.PARTNERWEBINAR_LABEL,this.EVENT_LABEL,this.PARTNEREVENT_LABEL,this.REGISTER_LABEL,this.WATCHONDEMAND_LABEL,this.LISTENTOPODCAST_LABEL,!1),this.renderCardSection(this.$elements.webinarsTitle,this.$elements.webinarsCards,e.on_demand_webinars.records.data,this.WEBINAR_LABEL,this.PARTNERWEBINAR_LABEL,this.EVENT_LABEL,this.PARTNEREVENT_LABEL,this.REGISTER_LABEL,this.WATCHONDEMAND_LABEL,this.LISTENTOPODCAST_LABEL,!0)}renderCardSection(e,t,s,a,n,r,l,h,c,o,u){const p=t;p.innerHTML="",0===s.length?e.classList.add(this.CLASS_HIDE):e.classList.remove(this.CLASS_HIDE),0===s.length?p.classList.add(this.classHide):p.classList.remove(this.classHide),s.forEach((e=>{const t=Object.assign(Object.assign({},e),{webinarLabel:a,partnerWebinarLabel:n,eventLabel:r,partnerEventLabel:l,registerLabel:h,watchOnDemandLabel:c,listenToPodcastLabel:o,isOnDemand:u,isLive:!u}),s=d()((0,i.Q)(t));p.append(s[0])}))}selectsOnChangeHandler(){this.responseData.filters.topic.length>0&&this.filters.topic.$element.on("change",(()=>{var e;this.activeSelect=this.filters.topic.identifier,this.currentParam.fullMenu=this.filters.topic.identifier,this.pushStateToFetchNewData(this.URL_PARAMS.topic,(null===(e=this.filters.topic.$element.val())||void 0===e?void 0:e.toString())||"",this.URL_PARAMS.fullMenu,this.currentParam.fullMenu)})),this.responseData.filters.region.length>0&&this.filters.region.$element.on("change",(()=>{var e;this.activeSelect=this.filters.region.identifier,this.currentParam.fullMenu=this.filters.region.identifier,this.pushStateToFetchNewData(this.URL_PARAMS.region,(null===(e=this.filters.region.$element.val())||void 0===e?void 0:e.toString())||"",this.URL_PARAMS.fullMenu,this.currentParam.fullMenu)})),this.responseData.filters.audience.length>0&&this.filters.audience.$element.on("change",(()=>{var e;this.activeSelect=this.filters.audience.identifier,this.currentParam.fullMenu=this.filters.audience.identifier,this.pushStateToFetchNewData(this.URL_PARAMS.audience,(null===(e=this.filters.audience.$element.val())||void 0===e?void 0:e.toString())||"",this.URL_PARAMS.fullMenu,this.currentParam.fullMenu)}))}pushStateToFetchNewData(e,t,s,a){this.pushState2Params(e,encodeURIComponent(t),s,encodeURIComponent(a))}setSearchInputValueAndResultDisplay(e){e.length>=this.minNoOfSearchCharacter?this.$resultSuccess.removeClass(this.classHide):this.$resultSuccess.addClass(this.classHide),this.$searchInput.val(e),this.updateClearBtnAndSearchBtnBasedOnSearchInput(e),this.$resultSearchText.html(`‘${e}’`)}setFiltersAndSearchBasedOnUrl(e){this.currentParam.topic?this.filters.topic.$element.val(this.currentParam.topic):this.filters.topic.$element.val(0),this.filters.topic.$element.val()||this.filters.topic.$element.val(this.filters.topic.allOptionValue||""),this.currentParam.region?this.filters.region.$element.val(this.currentParam.region):this.filters.region.$element.val(0),this.filters.region.$element.val()||this.filters.region.$element.val(this.filters.region.allOptionValue||""),this.currentParam.audience?this.filters.audience.$element.val(this.currentParam.audience):this.filters.audience.$element.val(0),this.filters.audience.$element.val()||this.filters.audience.$element.val(this.filters.audience.allOptionValue||""),e?this.setSearchInputValueAndResultDisplay(e):null!==this.currentParam.search&&(""!==this.currentParam.search&&(this.showResult=!0),this.setSearchInputValueAndResultDisplay(this.currentParam.search))}setMaxLenForSearch(){this.$searchInput.attr("maxlength",this.maxNoOfSearchCharacter)}searchCrossEvents(){this.$clearSearchBtn.on("click",(()=>{this.clearSearchInputAndUpdateSearchResult()})),this.$clearSearchBtn.on("keydown",(e=>{"Enter"===e.key&&this.clearSearchInputAndUpdateSearchResult()}))}clearSearchInputAndUpdateSearchResult(){this.$searchInput.val(""),this.$clearSearchBtn.addClass(this.classHide),this.showResult=!1,this.$searchInput.trigger("focus"),this.$resultWarning.addClass(this.classHide);const e=new URLSearchParams(window.location.search);""!==this.currentParam.search&&e.delete(this.URL_PARAMS.search);const t=`${window.location.pathname}?${e.toString()}`;this.currentParam.search="",window.history.pushState({},"",t),this.getEventsData()}searchBtnEvents(){this.$searchBtn.on("click",(()=>{this.handleSearch()})),this.$searchBtn.on("keydown",(e=>{"Enter"===e.key&&this.handleSearch()}))}searchInputEvent(){this.$searchInput.on("input",(e=>{const t=e.target,s=this.sanitizeInputValue(t.value);this.$searchInput.val(s),this.updateClearBtnAndSearchBtnBasedOnSearchInput(s)}

1)),this.$searchInput.on("keydown",(e=>{"Enter"===e.key&&this.handleSearch()})),this.$searchInput.on("paste",(e=>{const t=e.target;setTimeout((()=>{const e=this.sanitizeInputValue(t.value);this.$searchInput.val(e),this.updateClearBtnAndSearchBtnBasedOnSearchInput(e)}),0)}))}handleSearch(){const e=this.$searchInput.val();if("string"==typeof e&&e.length>=this.minNoOfSearchCharacter){this.showResult=!0,this.$resultSuccess.removeClass(this.classHide),this.$resultWarning.addClass(this.classHide),this.currentParam.search=e,this.getEventsData("",e);const t=new URL(window.location.href),s=new URLSearchParams(t.search);s.set("search",e),t.search=s.toString(),window.history.replaceState({},"",t.toString())}else this.showResult=!1,this.$resultSuccess.addClass(this.classHide),this.$resultWarning.removeClass(this.classHide)}sanitizeInputValue(e){return e.replace(/[^\p{L}0-9\-.()\s]+/gu,this.emptyString)}updateClearBtnAndSearchBtnBasedOnSearchInput(e){var t,s;if(!this.$clearSearchBtn)return;e.trim().length>=1?null===(t=this.$clearSearchBtn)||void 0===t||t.removeClass(this.classHide):null===(s=this.$clearSearchBtn)||void 0===s||s.addClass(this.classHide)}}},1968:(e,t,s)=>{"use strict";s.d(t,{Z:()=>l});var a=s(9755),i=s.n(a);const n=()=>'\n  <div class="async-loader async-loader--hidden">\n    <div class="async-loader__icon"></div>\n  </div>\n';class r{constructor(e){this.$asyncLoader=i()(n()),this.renderLoader(e)}renderLoader(e){i()(e).append(this.$asyncLoader)}show(){this.$asyncLoader.removeClass(r.C_AL_HIDDEN),this.$asyncLoader.attr("aria-hidden","false")}hide(){this.$asyncLoader.attr("aria-hidden","true"),setTimeout((()=>{this.$asyncLoader.addClass(r.C_AL_HIDDEN)}),300)}}r.C_AL_HIDDEN="async-loader--hidden";const l=r},4724:(e,t,s)=>{"use strict";s.d(t,{Z:()=>r});var a=s(9755),i=s.n(a);const n=e=>`\n    <option class="form-control__select-native__dropdown__item js-form-control__select-native__dropdown__item" data-option-value="${e.value}" value="${e.value}">${e.label}</option>\n`;const r=class{constructor(e,t){this.selectedValue="",this.$select=i()(e),this.$dropdown=this.$select,t&&(this.options=t,this.populateDynamicDropdown())}populateDynamicDropdown(){this.options&&(this.$dropdown.empty(),this.options.forEach((e=>{const t=i()(n(e));this.$dropdown.append(t)})))}getSelectedValue(){return this.$select.val()}setOption(e){this.$dropdown.find(`[data-option-value="${e}"]`).length>0&&(this.selectedValue=e,this.$dropdown.val(e),this.$dropdown.trigger("change"))}}},9122:(e,t,s)=>{"use strict";s.d(t,{Q:()=>a});const a=e=>{const t=(3!==e.event_type&&4!==e.event_type||e.is_partner_event?"":e.webinarLabel)||"",s=(3!==e.event_type&&4!==e.event_type||!e.is_partner_event?"":e.partnerWebinarLabel)||"",a=(3===e.event_type||4===e.event_type||e.is_partner_event?"":e.eventLabel)||"",i=(3!==e.event_type&&4!==e.event_type&&e.is_partner_event?e.partnerEventLabel:"")||"",n=(4!==e.event_type&&e.registerLabel&&e.isLive?e.registerLabel:"")||"",r=(4===e.event_type&&e.watchOnDemandLabel&&!e.isLive?e.watchOnDemandLabel:"")||"",l=(r?'<img class="card-icon play-icon" alt="" data-lazy-src="/content/dam/barracuda-corp/icons/video-play-blue.svg" width="12.8" height="16">':"")||"",h=(7===e.event_type&&e.listenToPodcastLabel?e.listenToPodcastLabel:"")||"",c=(h?'<img class="card-icon listen-icon" alt="" data-lazy-src="/content/dam/barracuda-corp/icons/icon-listen.svg" width="12" height="16">':"")||"",o=e.isOnDemand?"":`<p class="cmp-card__event__time cmp-text__rte__text-body3"><b>${e.event_month} ${e.event_day}</b> |\n      ${e.isLive?e.event_time:""} ${e.isLive?`(${e.event_timezone})`:""}</p>`;return`<div class="cmp-card">\n      <div class="cmp-card__event">\n        <a class="cmp-card__event__link" href="${e.landing_page}" target="_blank">\n          <div class="cmp-card__text-tags">\n            <span class="cmp-text__rte__text-tags">${t}${s}${a}${i}</span>\n          </div>\n          <p class="cmp-card__event__description cmp-text__rte__text-body3"><b>${e.event_title}</b></p>\n          <p class="cmp-card__event__cta cmp-text__rte__text-link">${n}${r}${l}${h}${c}</p>\n          ${o}\n        </a>\n      </div>\n    </div>`}}}]);