https://www.authy.com/etc.clientlibs/twilio-foundation/clientlibs/…/resources/4866.bd2f1f2a0a3decdfe204.js

1"use strict";(self.webpackChunktwilio_foundation_frontend=self.webpackChunktwilio_foundation_frontend||[]).push([[4866],{9787:function(t,e,o){o.d(e,{B:function(){return u},HN:function(){return i},gz:function(){return l},kv:function(){return T},pC:function(){return p},qe:function(){return f},rx:function(){return c},sA:function(){return s},zP:function(){return a}});var r=o(67629),n=o(77e3);const i=(t,e)=>{const o=t.querySelectorAll(n.X.TIMELINE_BUTTON),r=t.querySelector(n.X.TIMELINE_BG),i=t.querySelector(n.X.SLIDER_CONTAINER);o.forEach((t,o)=>{const n=o===e;if(t.setAttribute("data-active",n.toString()),t.setAttribute("aria-current",n?"true":"false"),n&&r&&i){const e=i.getBoundingClientRect(),o=t.getBoundingClientRect(),n=o.left+o.width/2-e.left;r.style.setProperty("--timeline-bg-center",`${n}px`)}})},s=(t,e,o)=>{const i="true"===t.dataset.introEnabled;t.querySelectorAll(n.X.TIMELINE_BUTTON).forEach((t,n)=>{o?t.addEventListener("click",()=>((t,e,o,n)=>{if(!o)return;const i=n?2+e:e,s=1/i,l=n?(n?2/i:0)+s*(t+.5):s*(t+.5),a=o.start,c=a+(o.end-a)*l;r.os.to(window,{scrollTo:{y:c},duration:0,ease:"power2.inOut"})})(n,e.slides.length,o,i)):t.addEventListener("click",()=>e.slideTo(n))})},l=t=>{const e=t.querySelector(".platform-story__skip-holder"),o=Array.from(t.querySelectorAll(".swiper-slide")),r=o[o.length-1],n=e?.parentElement??null;if(!e||!r||!n)return()=>{};const i=parseFloat(getComputedStyle(document.documentElement).fontSize),s=parseFloat(getComputedStyle(t).getPropertyValue("--nav-bar-mobile"))*i;let l=!1;const a=()=>{l=!1;const t=n.getBoundingClientRect(),o=r.getBoundingClientRect();t.bottom<=0||o.top>s?"true"===e.dataset.released&&(e.style.top="",e.dataset.released="false"):(e.style.top=o.top-t.top+"px",e.dataset.released="true")},c=()=>{l||(requestAnimationFrame(a),l=!0)};return window.addEventListener("scroll",c,{passive:!0}),a(),()=>{window.removeEventListener("scroll",c),e.style.top="",delete e.dataset.released}},a=(t,e)=>{const o=t.querySelectorAll("[data-skip-experience]");0!==o.length&&o.forEach(o=>{o.addEventListener("click",()=>{const o=Boolean(e?.()),n=t.parentElement;let i=(o&&n?.classList.contains("pin-spacer")?n:t).getBoundingClientRect().bottom+window.scrollY;const s=document.querySelector(".global-header");s&&(i-=s.offsetHeight),r.os.to(window,{scrollTo:{y:i},duration:.6,ease:"power2.inOut"})})})},c=(t,e)=>{const o=t.querySelectorAll(n.X.SWIPER_SLIDE)[e];if(!o)return null;const r=o.querySelector(n.X.STORY_ITEM_CONTENT),i=o.querySelector(n.X.STORY_ITEM_VISUAL);if(!r||!i)return null;const s=o.querySelector(n.X.PLATFORM_STORY_ITEM);return{content:r,visual:i,isOneColumn:s?.classList.contains("platform-story-item--oneColumn")??!1}},u=(t,e)=>t>e;function d(t){return"function"==typeof t.play}function p(t){t.querySelectorAll("lottie-player").forEach(t=>{t.removeAttribute("autoplay")})}function f(t){t.querySelectorAll("lottie-player").forEach(t=>{d(t)&&t.play()})}function T(t){t.querySelectorAll("lottie-player").forEach(t=>{d(t)&&t.pause()})}},34866:function(t,e,o){o.r(e),o.d(e,{initPlatformStory:function(){return T}}),o(48579);var r=o(67629),n=o(35354),i=o(86734),s=o(77e3),l=o(9787);const a="cubic-bezier(0.4, 0, 0.2, 1)",c=(t,e=0)=>{const o=t.querySelectorAll(s.X.SWIPER_SLIDE)[e],n=o?.querySelector(s.X.STORY_ITEM_CONTENT),i=o?.querySelector(s.X.STORY_ITEM_VISUAL);n&&i&&(r.os.set(n,{opacity:1,y:"0%"}),r.os.set(i,{opacity:1,x:"0%"}))};var u=o(40973),d=o(17019);const p=(t,e=!1)=>{const o=t.querySelector(s.X.SWIPER);if(!o)throw new Error("Swiper element not found");return new u.A(o,{init:!1,modules:[d.dK,d._R,d.s3],effect:"fade",fadeEffect:{crossFade:!1},keyboard:{enabled:!0,onlyInViewport:!0},speed:e?0:600,allowTouchMove:e})};r.os.registerPlugin(i.u,n.I);class f{swiper;scrollTrigger;constructor(t){this.init(t)}init(t){(0,l.pC)(t),(0,l.zP)(t,()=>this.scrollTrigger);const e=r.os.matchMedia();e.add("(min-width: 992px) and (prefers-reduced-motion: no-preference)",()=>(this.initDesktop(t),()=>this.destroyDesktop(t))),e.add("(min-width: 992px) and (prefers-reduced-motion: reduce)",()=>(this.initDesktopReducedMotion(t),()=>this.destroyDesktop(t))),e.add("(max-width: 61.999em)",()=>{const e=(0,l.gz)(t);return()=>e()})}initDesktop(t){const e=p(t);(0,l.HN)(t,0),((t,e)=>{e.on("slideChange",()=>{(0,l.HN)(t,e.activeIndex)}),e.on("slideChangeTransitionStart",()=>{const o=(0,l.rx)(t,e.previousIndex);if(!o)return;const n=(0,l.B)(e.activeIndex,e.previousIndex);if(o.isOneColumn){const t=n?"left":"right";((t,e,o)=>{const n="left"===o?"-100%":"100%";r.os.to([t,e],{x:n,opacity:0,duration:.4,ease:a})})(o.content,o.visual,t)}else{const t=n?"up-left":"down-right";((t,e,o)=>{const n="up-left"===o?"-100%":"100%",i="up-left"===o?"-100%":"100%";

1r.os.to(t,{y:n,opacity:0,duration:.4,ease:a}),r.os.to(e,{x:i,opacity:0,duration:.4,ease:a})})(o.content,o.visual,t)}}),e.on("slideChangeTransitionEnd",()=>{const o=t.querySelectorAll(s.X.SWIPER_SLIDE);(0,l.kv)(t);const n=o[e.activeIndex];n&&(0,l.qe)(n);const i=(0,l.rx)(t,e.activeIndex);if(!i)return;const c=(0,l.B)(e.activeIndex,e.previousIndex);if(i.isOneColumn){const t=c?"right":"left";((t,e,o)=>{const n="right"===o?"100%":"-100%";r.os.fromTo([t,e],{x:n,opacity:0},{x:"0%",opacity:1,duration:.4,ease:a})})(i.content,i.visual,t)}else{const t=c?"bottom-right":"top-left";((t,e,o)=>{const n="bottom-right"===o?"100%":"-100%",i="bottom-right"===o?"100%":"-100%";r.os.fromTo(t,{y:n,opacity:0},{y:"0%",opacity:1,duration:.4,ease:a}),r.os.fromTo(e,{x:i,opacity:0},{x:"0%",opacity:1,duration:.4,ease:a})})(i.content,i.visual,t)}})})(t,e),e.init(),this.swiper=e,this.scrollTrigger=((t,e)=>{const o=e.slides.length,n="true"===t.dataset.introEnabled,i=n?2/(n?2+o:o):0,a=r.os.utils.snap(1/(o-1));if(n){const e=t.querySelector(s.X.INTRO_TITLE),o=t.querySelector(s.X.INTRO_IMAGE_WRAPPER);e&&r.os.set(e,{clearProps:"top,left,yPercent,transform"}),o&&r.os.set(o,{clearProps:"width,height,borderRadius,opacity,transform"})}const u=r.os.timeline({scrollTrigger:{trigger:s.X.PLATFORM_STORY,start:"top top+=112",pin:!0,scrub:1,end:()=>""+3*t.querySelector(s.X.CONTENT).offsetWidth,markers:!1,id:"horizontal-scroll",invalidateOnRefresh:!0,onEnter:()=>{if(n)0===e.activeIndex&&c(t,0);else{const t=e.slides[0];t&&(0,l.qe)(t)}},onLeaveBack:()=>{(0,l.kv)(t)},onUpdate:t=>{if(t.progress>=i){const r=(t.progress-i)/(1-i),s=a(r),c=Math.round(s*(o-1));if(c!==e.activeIndex)e.slideTo(c,400);else if(n&&0===c){const t=e.slides[0];t&&(0,l.qe)(t)}}},onRefresh:r=>{if(r.progress>=i){const n=(r.progress-i)/(1-i),s=a(n),u=Math.round(s*(o-1));e.slideTo(u,0),c(t,u);const d=e.slides[u];d&&0!==u&&(0,l.qe)(d)}}}});return n&&u.fromTo(s.X.INTRO_TITLE,{clearProps:"top,left,yPercent,transform"},{top:"50%",left:"10rem",yPercent:-50,ease:"none",duration:1}).fromTo(s.X.INTRO_IMAGE_WRAPPER,{clearProps:"width,height,borderRadius,opacity,transform"},{width:"calc(100% - 200px)",height:"323px",borderRadius:"var(--radius-2x-large)",ease:"none",transformOrigin:"center center",objectFit:"cover",duration:1},0).to(s.X.INTRO_IMAGE_WRAPPER,{opacity:"0.2",ease:"none",duration:1},0).to(s.X.CONTENT,{x:"-50%",duration:1,ease:"none"}).to(s.X.SLIDER_CONTAINER,{opacity:1,duration:5}),u.scrollTrigger})(t,this.swiper),(0,l.sA)(t,e,this.scrollTrigger)}initDesktopReducedMotion(t){const e=p(t,!0);(0,l.HN)(t,0),((t,e)=>{e.on("slideChange",()=>{(0,l.HN)(t,e.activeIndex)}),e.on("slideChangeTransitionStart",()=>{const o=(0,l.rx)(t,e.previousIndex);var n,i;o&&(n=o.content,i=o.visual,r.os.set([n,i],{opacity:0}))}),e.on("slideChangeTransitionEnd",()=>{const o=(0,l.rx)(t,e.activeIndex);var n,i;o&&(n=o.content,i=o.visual,r.os.set([n,i],{opacity:1,x:"0%",y:"0%"}))})})(t,e),e.init(),this.swiper=e,c(t,0),(0,l.sA)(t,e)}destroyDesktop(t){if(this.swiper?.destroy(!0,!0),this.swiper=void 0,this.scrollTrigger=void 0,t){const e=t.querySelectorAll(`${s.X.STORY_ITEM_CONTENT}, ${s.X.STORY_ITEM_VISUAL}`);r.os.set(e,{clearProps:"all"})}}}function T(){document.querySelectorAll(s.X.COMPONENT).forEach(t=>{new f(t)})}},77e3:function(t,e,o){var r;o.d(e,{X:function(){return r}}),function(t){t.COMPONENT='[data-component="platform-story"]',t.PLATFORM_STORY=".platform-story",t.CONTENT=".platform-story__content",t.INTRO=".platform-story__intro",t.INTRO_SECTION=".platform-story__intro-section",t.INTRO_CONTENT=".platform-story__intro-content",t.INTRO_IMAGE_WRAPPER=".platform-story__intro-image-wrapper",t.INTRO_TITLE=".platform-story__intro-title",t.SWIPER=".swiper",t.SWIPER_SLIDE=".swiper-slide",t.SWIPER_PAGINATION=".swiper-pagination",t.SLIDER_CONTAINER=".slider-container",t.PLATFORM_STORY_ITEM=".platform-story-item",t.STORY_ITEM_CONTENT=".platform-story-item__content",t.STORY_ITEM_VISUAL=".platform-story-item__visual",t.TIMELINE_BUTTON=".platform-story__timeline-button",t.TIMELINE_WRAPPER=".platform-story__timeline-wrapper",t.TIMELINE_BG=".platform-story__timeline-bg"}(r||(r={}))}}]);