https://www.jio.com/universal-apps/_next/static/chunks/4214.7aef67b7f29966ca.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4214],{76794:function(t,e,n){var l=n(73235),o=n(52903),i=n(1570),r=n(28165),a=n(84426);function _templateObject(){let t=(0,l._)(["        \n         --bg-horizontal-align: center;\n        display: flex;\n        flex-direction: row;\n        gap: var(--spacing-base);\n        justify-content: var(--bg-horizontal-align);\n        width: 100%;        \n      \n      "]);return _templateObject=function(){return t},t}let getDefaultButtonGroupStyles=t=>{let{breakpoints:e}=t;return{buttonGroup:(0,r.iv)(_templateObject())}},c={"--bg-horizontal-align":"center"},u={"--bg-horizontal-align":"flex-start"},getDynamicStyles=t=>{let{breakpoints:e,content:n}=t,{alignDesktop:l,alignMobile:o,alignTablet:i}=n||{};return{buttonGroup:(null==e?void 0:e.mobile)?"center"==o?c:u:(null==e?void 0:e.tablet)?"center"==i?c:u:(null==e?void 0:e.desktop)&&"center"==l?c:u}};e.Z=t=>{let e,{content:n,theme:l,styles:r,breakpoints:c,overideProps:u}=t,{buttons:d=[]}=n||{},s=getDefaultButtonGroupStyles({breakpoints:c});e="function"==typeof r?r({breakpoints:c,defaultStyles:s}):r;let p=(0,a.W)({defaultStyles:s.buttonGroup,styles:null==e?void 0:e.buttonGroup}),b=getDynamicStyles({breakpoints:c,content:n});return(0,o.tZ)(o.HY,{children:(null==d?void 0:d.length)>0&&(0,o.tZ)("div",{className:"j-button-group",css:p.css,style:null==b?void 0:b.buttonGroup,children:(d||[]).map((t,e)=>{var n,r;let a;let d=null==t?void 0:t.theme;return d&&(null==u?void 0:u.button)&&(null==u?void 0:null===(n=u.button)||void 0===n?void 0:n[d])&&(a=null==u?void 0:null===(r=u.button)||void 0===r?void 0:r[d]),(0,o.tZ)(i.Z,{button:t,onClick:null==t?void 0:t.onClick,theme:l,handleLogAnalytics:null==t?void 0:t.handleLogAnalytics,breakpoints:c,overideButtonProps:a,ariaLabel:(null==t?void 0:t.ariaLabel)||(null==t?void 0:t.label)},e)})})})}},44214:function(t,e,n){n.r(e),n.d(e,{default:function(){return sticky_button}});var l=n(73235),o=n(52903),i=n(28165),r=n(73961),a=n(76794),c=n(69869),u=n(2784);function _templateObject(){let t=(0,l._)(["\n  margin: 0 auto; \n  background-color:var(--color-primary-20);\n  position:fixed;\n  top:-100px;\n  z-index:9;\n  transition:bottom 0.3s ease-in-out, top 0.3s ease-in-out;\n  width:100%;\n  left:0;\n  right:0;\n\n  &.hide-at-top { \n    top:0; \n  }\n  @media screen and (max-width:619px){\n    top:inherit;\n    bottom: 0;\n    left: 0;\n    width: 100%; \n    background-color: #fff; \n    box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.15);\n\n  }\n\n  &.hide-at-bottom {\n    @media screen and (max-width: 619px) {\n      bottom:-60px;\n    }\n  }\n\n"]);return _templateObject=function(){return t},t}function _templateObject1(){let t=(0,l._)(["\n  display:flex;\n  gap:16px;\n  height:48px;\n  justify-content:space-between;\n  align-items:center;\n  .sticky-button{\n    display:flex;\n    align-items:center;\n  } \n"]);return _templateObject1=function(){return t},t}function _templateObject2(){let t=(0,l._)(["\n          ","  \n          display:flex;\n          align-items:center;\n         "]);return _templateObject2=function(){return t},t}let d=(0,i.iv)(_templateObject()),s=(0,i.iv)(_templateObject1()),p={title:{desktop:{appearance:"body-m-bold"},mobile:{appearance:"body-m-bold"},tablet:{appearance:"body-m-bold"}}},b={button:{primary:{desktop:{size:"small"}},secondary:{desktop:{size:"small"}},tertiary:{desktop:{size:"small"}}}},getSectionTitleStyles=t=>{let{defaultStyles:e}=t;return e?{...e,container:(0,i.iv)(_templateObject2(),e.container)}:{}};var sticky_button=t=>{let{content:e,source:n,logAnalytics:l,breakpoints:i}=t,{header:h,buttonGroup:v,metaData:m}=e||{},f=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:200,[e,n]=(0,u.useState)(!1),[l,o]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{let checkScreenSize=()=>o(window.innerWidth<=619);checkScreenSize(),window.addEventListener("resize",checkScreenSize);let handleScroll=()=>{let e=window.scrollY;l?n(!1):n(e>t)};return window.addEventListener("scroll",handleScroll),handleScroll(),()=>{window.removeEventListener("scroll",handleScroll),window.removeEventListener("resize",checkScreenSize)}},[t,l]),e}(),y=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10,[e,n]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{let handleScroll=()=>{let e=window.scrollY,l=window.innerHeight,o=document.documentElement.scrollHeight;n(e+l>=o-t)};return window.addEventListener("scroll",handleScroll),()=>window.removeEventListener("scroll",handleScroll)},[t]),e}(),g="myjio"==n?null==m?void 0:m.showMyjio:null==m?void 0:m.show,handleButtonLogAnalytics=t=>{(null==l?void 0:l.button)&&"function"==typeof(null==l?void 0:l.button)&&(null==l||l.button({button:t,header:h}))};

1return(v&&((null==v?void 0:v.buttons)||[]).forEach(t=>t.handleLogAnalytics=handleButtonLogAnalytics),g)?(0,o.tZ)("div",{css:d,className:"base-class ".concat(y?"hide-at-bottom":""," ").concat(f?"hide-at-top":""),children:(0,o.BX)(r.ContentLayout,{css:s,children:[h?(0,o.tZ)(c.Z,{header:h,breakpoints:i,styles:getSectionTitleStyles,overideProps:p}):null,v?(0,o.tZ)("div",{className:"sticky-button",children:(0,o.tZ)(a.Z,{"aria-haspopup":"dialog",content:v,breakpoints:i,overideProps:b})}):null]})}):(0,o.tZ)(o.HY,{})}}}]);