@cleartrip/ct-platform-floater 3.2.0-beta.19 → 3.2.0-beta.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/ct-platform-floater.cjs.js +1 -1
  2. package/dist/ct-platform-floater.esm.js +1 -1
  3. package/package.json +2 -2
package/dist/ct-platform-floater.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),i=require("lottie-react"),r=require("@cleartrip/ct-platform-assets");function o(e){return e&&e.__esModule?e:{default:e}}var a=o(i);var l={"floater-container":"index-module_floater-container__r4TWr","full-screen":"index-module_full-screen__NyM07",minimised:"index-module_minimised__4WtzW",hidden:"index-module_hidden__uwRyf","floater-icon-container":"index-module_floater-icon-container__kuvxV",maximised:"index-module_maximised__wRN6q",progressBarContainer:"index-module_progressBarContainer__aRYbq","interaction-layer":"index-module_interaction-layer__vzksz",gradientContainer:"index-module_gradientContainer__nG5NN","footer-container":"index-module_footer-container__9tr8c","footer-text":"index-module_footer-text__PSF5e","progress-container":"index-module_progress-container__Vp9an","progress-bar":"index-module_progress-bar__mRoky",progress:"index-module_progress__Ja7t6",screenTapArea:"index-module_screenTapArea__siVEd",leftScreenTapArea:"index-module_leftScreenTapArea__4FOlD",rightScreenTapArea:"index-module_rightScreenTapArea__SfdTH",minimisedCTAWrapper:"index-module_minimisedCTAWrapper__i93Gj"};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if("undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}(".index-module_floater-container__r4TWr{align-items:center;background-color:#fff;border-radius:.75rem;bottom:-40rem;box-shadow:0 4px 16px 0 rgba(26,26,26,.08);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,Arial,sans-serif;justify-content:center;left:1rem;overflow:hidden;position:fixed;transition:all .5s ease-in-out;z-index:0}.index-module_floater-container__r4TWr>*{box-sizing:border-box}.index-module_floater-container__r4TWr a{color:inherit;text-decoration:none}.index-module_full-screen__NyM07{border-radius:0;bottom:0;left:0;z-index:1000}.index-module_floater-container__r4TWr.index-module_minimised__4WtzW{bottom:5rem}.index-module_hidden__uwRyf{opacity:0;transform:translateY(100%)}.index-module_floater-icon-container__kuvxV{align-items:center;display:flex;justify-content:space-between;padding:.75rem;position:absolute;right:0;top:0;width:100%;z-index:1005}.index-module_maximised__wRN6q{gap:1.5rem;justify-content:flex-end;padding-right:.75rem;top:1rem}.index-module_progressBarContainer__aRYbq{box-sizing:border-box;display:flex;gap:4px;padding:1rem;position:absolute;top:0;width:100%;z-index:1002}.index-module_interaction-layer__vzksz{align-items:center;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;margin-top:2rem;position:absolute;width:100%;z-index:1001}.index-module_gradientContainer__nG5NN{background:linear-gradient(180deg,rgba(26,26,26,.6),transparent);height:74px;position:absolute;top:0;width:100%}.index-module_footer-container__9tr8c{align-items:center;background:linear-gradient(1turn,rgba(26,26,26,.6),rgba(26,26,26,0));bottom:0;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1rem;position:absolute;width:100%}.index-module_footer-text__PSF5e{color:#fff;font-size:.875rem;font-style:normal;font-weight:600;line-height:1.25rem}.index-module_progress-container__Vp9an{align-items:center;background-color:transparent;display:flex;justify-content:center;width:100%}.index-module_progress-bar__mRoky{background:hsla(0,0%,100%,.694);overflow:hidden;width:100%}.index-module_progress__Ja7t6{background-color:#fff;height:100%;opacity:1}.index-module_screenTapArea__siVEd{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.index-module_leftScreenTapArea__4FOlD{height:100%;width:30%}.index-module_rightScreenTapArea__SfdTH{height:100%;width:70%}.index-module_minimisedCTAWrapper__i93Gj{align-items:center;background:#fff;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}");var d=function(e){var t=e.image;return n.jsx("img",{src:t,className:l.icon,alt:"Animated Icon"})},s=function(e,n){e.stopPropagation(),n()},c=function(){var e,n,t=window.innerHeight,i=window.innerWidth;return t<=640?(e="256px",n="144px"):t<=812?(e="284px",n="160px"):t<=926?(e="320px",n="180px"):(n="".concat(Math.floor(.4*i),"px"),e="".concat(Math.floor(.4*i*1.775),"px")),{width:n,height:e}},u=function(t){var i=t.campaignType,r=t.redirectLink,o=t.footerText,a=t.footerIcon,c=t.onFooterClick;return n.jsx("div",e.__assign({className:l["footer-container"]},{children:n.jsxs("div",e.__assign({onClick:function(e){c&&s(e,(function(){return c(r,i)}))}},{children:[a&&n.jsx(d,{image:a}),n.jsx("p",e.__assign({className:l["footer-text"]},{children:o}))]}))}))},m=function(t){var i=t.handleTapToPrevStory,r=t.handleTapToNextStory;return n.jsxs("div",e.__assign({className:l.screenTapArea},{children:[n.jsx("div",{className:l.leftScreenTapArea,onClick:i}),n.jsx("div",{className:l.rightScreenTapArea,onClick:r})]}))},f=function(i){var r=i.duration,o=i.resetProgress,a=i.hidden,d=i.completed,s=i.disabled,c=t.useState(0),u=c[0],m=c[1];return t.useEffect((function(){if(!d&&!s){var e=null,n=Date.now();return o&&e&&(n=Date.now(),clearInterval(e)),e=setInterval((function(){var e=(Date.now()-n)/r*100;e<=100&&m(e)}),10),function(){e&&clearInterval(e)}}}),[r,o,d,s]),n.jsx("div",e.__assign({className:l["progress-container"],style:{zIndex:a?0:9999}},{children:n.jsx("div",e.__assign({className:l["progress-bar"],style:{height:a?"0":"2px"}},{children:!s&&n.jsx("div",{className:l.progress,style:{width:"".concat(d?100:u,"%")}})}))}))},p="IMAGE",_="ANIMATION",x=null,g=null;exports.Floater=function(i){var o=i.data,d=i.onClose,h=i.onExpand,v=i.onTapToNextStory,y=i.onTapToPreviousStory,T=i.onFooterClick,b=i.timeoutToCloseFloater,w=i.onDestroy,j=i.delayToShow,C=i.onWidgetLoad,S=t.useState(null),N=S[0],k=S[1],z=t.useState(0),A=z[0],E=z[1],W=t.useState(0),R=W[0],F=W[1],D=t.useState(c()),I=D[0],M=D[1],q=t.useState(!1),P=q[0],B=q[1],L=t.useState(!1),V=L[0],G=L[1],O=t.useState(!1),H=O[0],Y=O[1],J=t.useState(!1),U=J[0],K=J[1],Q=t.useState((function(){return function(e){return e.map((function(e){var n=e.attributes.find((function(e){return"artifact"===e.type}));return null==n?void 0:n.properties})).filter((function(e){return!!e}))}(o)}))[0],X=t.useState(null),Z=X[0],$=X[1];t.useEffect((function(){var e,n=function(){M(c())},t=setTimeout((function(){return G(!0)}),j||0);return window.addEventListener("resize",n),C&&C(null===(e=o[R])||void 0===e?void 0:e.campaignType),function(){window.removeEventListener("resize",n),clearTimeout(t)}}),[]),t.useEffect((function(){var e=null;return H&&(e=setTimeout((function(){w&&w()}),1500)),function(){e&&clearTimeout(e)}}),[H]),t.useEffect((function(){$((function(){return function(e){var n=e.attributes.find((function(e){return"button"===e.type&&"redirect"===e.action}));if(n&&(null==n?void 0:n.properties))return n.properties}(o[R])}));var e,n=Q[R];if(n.imageType===p){n.time&&(e=1e3*n.time,x&&clearTimeout(x),x=setTimeout((function(){P&&R<(null==Q?void 0:Q.length)-1?(F((function(e){return e+1})),E((function(e){return e+1}))):P&&R>=(null==Q?void 0:Q.length)-1&&K((function(e){return!e}))}),e))}return function(){x&&clearTimeout(x)}}),[R,Q]),t.useEffect((function(){return g&&clearTimeout(g),U&&R===Q.length-1&&(g=setTimeout((function(){Y(!0)}),b||5e3)),function(){g&&clearTimeout(g)}}),[U,R]);var ee=t.useRef(),ne=function(){var e;Y(!0),d&&d(null===(e=o[R])||void 0===e?void 0:e.campaignType)},te=function(e){var n,t;x&&clearTimeout(x),e&&R<o.length-1?(v&&v(null===(n=o[R+1])||void 0===n?void 0:n.campaignType),F((function(e){return e+1})),E((function(e){return e+1}))):!e&&R>0&&(y&&y(null===(t=o[R-1])||void 0===t?void 0:t.campaignType),F((function(e){return e-1})),E((function(e){return e+1})))},ie=function(){var e;B(!0),!P&&h&&h(null===(e=o[R])||void 0===e?void 0:e.campaignType)},re=t.useMemo((function(){var t,i=function(t,i){if(P){if("close"===t)return n.jsx("img",{loading:"lazy",src:r.FloaterClose,onClick:function(e){s(e,ne)},alt:"Close"},"button-".concat(i));if("maximize"===t)return n.jsx("img",{loading:"lazy",src:r.FloaterExpand,alt:"Expand",onClick:function(e){s(e,ie)}},"button-".concat(i))}else{if("close"===t)return n.jsx("div",e.__assign({className:l.minimisedCTAWrapper},{children:n.jsx("img",{loading:"lazy",width:16,height:16,src:r.CloseDark,onClick:function(e){s(e,ne)},alt:"Close"},"button-".concat(i))}));if("maximize"===t)return n.jsx("div",e.__assign({className:l.minimisedCTAWrapper},{children:n.jsx("img",{loading:"lazy",width:16,height:16,src:r.ExpandDark,alt:"Expand",onClick:function(e){s(e,ie)}},"button-".concat(i))}))}};return null===(t=o[R])||void 0===t?void 0:t.attributes.map((function(e,n){return"button"!==e.type?null:P&&!e.minimisedOnly?i(e.action,n):P?null:i(e.action,n)}))}),[o,R,P]);return n.jsx("div",{children:n.jsxs("div",e.__assign({onClick:ie,className:"".concat(l["floater-container"]," ").concat(H?l.hidden:""," ").concat(P?l["full-screen"]:"").concat(V&&!P?l.minimised:""," "),style:P?{width:"100vw",height:"100dvh"}:{width:I.width,height:I.height}},{children:[V&&!P&&n.jsx("div",e.__assign({className:l["floater-icon-container"]},{children:re})),V&&n.jsx("div",e.__assign({className:l.progressBarContainer},{children:null==Q?void 0:Q.map((function(e,t){return n.jsx(f,{completed:R>t,disabled:R<t,hidden:!P,resetProgress:A,duration:e.imageType===_?1e3*N:e.imageType===p?1e3*(null==e?void 0:e.time):0},t)}))})),V&&P&&n.jsxs("div",e.__assign({className:l["interaction-layer"]},{children:[n.jsx("div",{className:l.gradientContainer}),n.jsx("div",e.__assign({className:"\n ".concat(l["floater-icon-container"]," ").concat(l.maximised,"\n ")},{children:re})),n.jsx(m,{handleTapToNextStory:function(){te(1)},handleTapToPrevStory:function(){te(0)}}),Z&&n.jsx(u,{campaignType:o[R].campaignType,redirectLink:Z.url,footerText:Z.title,onFooterClick:T})]})),V&&Q[R].imageType===_&&n.jsx(a.default,{style:P?{borderRadius:"1rem 1rem 0 0",width:"100%"}:{borderRadius:"0px"},onDOMLoaded:function(){var e,n=null===(e=null==ee?void 0:ee.current)||void 0===e?void 0:e.getDuration();n&&k(n)},onLoopComplete:function(){var e;P?P&&R<(null==Q?void 0:Q.length)-1?(F((function(e){return e+1})),E((function(e){return e+1}))):P&&N&&R>=(null==Q?void 0:Q.length)-1&&(null===(e=null==ee?void 0:ee.current)||void 0===e||e.goToAndStop(N,!0),K((function(e){return!e}))):E((function(e){return e+1}))},lottieRef:ee,animationData:Q[R].url,autoPlay:!0,loop:!0}),V&&Q[R].imageType===p&&n.jsx("img",{loading:"lazy",style:{width:"100%"},src:Q[R].url.src?Q[R].url.src:Q[R].url,alt:Q[R].title})]}))})};
1
+ "use strict";var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),i=require("lottie-react"),r=require("@cleartrip/ct-platform-assets");function o(e){return e&&e.__esModule?e:{default:e}}var a=o(i);var l={"floater-container":"index-module_floater-container__SeIgJ","full-screen":"index-module_full-screen__7Hk0z",minimised:"index-module_minimised__4gSMC",hidden:"index-module_hidden__YO30N","floater-icon-container":"index-module_floater-icon-container__-KpEq",maximised:"index-module_maximised__2Msru",progressBarContainer:"index-module_progressBarContainer__Ix6zp","interaction-layer":"index-module_interaction-layer__IqOfq",gradientContainer:"index-module_gradientContainer__cXb-u","footer-container":"index-module_footer-container__hMTGt","footer-text":"index-module_footer-text__Z9com","progress-container":"index-module_progress-container__HD7cS","progress-bar":"index-module_progress-bar__j98cB",progress:"index-module_progress__kJAbe",screenTapArea:"index-module_screenTapArea__Fr0SC",leftScreenTapArea:"index-module_leftScreenTapArea__vh-yR",rightScreenTapArea:"index-module_rightScreenTapArea__u3Nlm",minimisedCTAWrapper:"index-module_minimisedCTAWrapper__pNZtd"};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if("undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}(".index-module_floater-container__SeIgJ{align-items:center;background-color:#fff;border-radius:.75rem;bottom:-40rem;box-shadow:0 4px 16px 0 rgba(26,26,26,.08);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,Arial,sans-serif;justify-content:center;left:1rem;overflow:hidden;position:fixed;transition:all .5s ease-in-out;z-index:0}.index-module_floater-container__SeIgJ>*{box-sizing:border-box}.index-module_floater-container__SeIgJ a{color:inherit;text-decoration:none}.index-module_full-screen__7Hk0z{border-radius:0;bottom:0;left:0;z-index:1000}.index-module_floater-container__SeIgJ.index-module_minimised__4gSMC{bottom:5rem}.index-module_hidden__YO30N{opacity:0;transform:translateY(100%)}.index-module_floater-icon-container__-KpEq{align-items:center;display:flex;justify-content:space-between;padding:.75rem;position:absolute;right:0;top:0;width:100%;z-index:1005}.index-module_maximised__2Msru{gap:1.5rem;justify-content:flex-end;padding-right:.75rem;top:1rem}.index-module_progressBarContainer__Ix6zp{box-sizing:border-box;display:flex;gap:4px;padding:1rem;position:absolute;top:0;width:100%;z-index:1002}.index-module_interaction-layer__IqOfq{align-items:center;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;margin-top:2rem;position:absolute;width:100%;z-index:1001}.index-module_gradientContainer__cXb-u{background:linear-gradient(180deg,rgba(26,26,26,.6),transparent);height:74px;position:absolute;top:0;width:100%}.index-module_footer-container__hMTGt{align-items:center;background:linear-gradient(1turn,rgba(26,26,26,.6),rgba(26,26,26,0));bottom:0;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1rem;position:absolute;width:100%}.index-module_footer-text__Z9com{color:#fff;font-size:.875rem;font-style:normal;font-weight:600;line-height:1.25rem}.index-module_progress-container__HD7cS{align-items:center;background-color:transparent;display:flex;justify-content:center;width:100%}.index-module_progress-bar__j98cB{background:hsla(0,0%,100%,.694);overflow:hidden;width:100%}.index-module_progress__kJAbe{background-color:#fff;height:100%;opacity:1}.index-module_screenTapArea__Fr0SC{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.index-module_leftScreenTapArea__vh-yR{height:100%;width:30%}.index-module_rightScreenTapArea__u3Nlm{height:100%;width:70%}.index-module_minimisedCTAWrapper__pNZtd{align-items:center;background:#fff;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}");var d=function(e){var t=e.image;return n.jsx("img",{src:t,className:l.icon,alt:"Animated Icon"})},s=function(e,n){e.stopPropagation(),n()},c=function(){var e,n,t=window.innerHeight,i=window.innerWidth;return t<=640?(e="256px",n="144px"):t<=812?(e="284px",n="160px"):t<=926?(e="320px",n="180px"):(n="".concat(Math.floor(.4*i),"px"),e="".concat(Math.floor(.4*i*1.775),"px")),{width:n,height:e}},u=function(t){var i=t.campaignType,r=t.redirectLink,o=t.footerText,a=t.footerIcon,c=t.onFooterClick;return n.jsx("div",e.__assign({className:l["footer-container"]},{children:n.jsxs("div",e.__assign({onClick:function(e){c&&s(e,(function(){return c(r,i)}))}},{children:[a&&n.jsx(d,{image:a}),n.jsx("p",e.__assign({className:l["footer-text"]},{children:o}))]}))}))},m=function(t){var i=t.handleTapToPrevStory,r=t.handleTapToNextStory;return n.jsxs("div",e.__assign({className:l.screenTapArea},{children:[n.jsx("div",{className:l.leftScreenTapArea,onClick:i}),n.jsx("div",{className:l.rightScreenTapArea,onClick:r})]}))},f=function(i){var r=i.duration,o=i.resetProgress,a=i.hidden,d=i.completed,s=i.disabled,c=t.useState(0),u=c[0],m=c[1];return t.useEffect((function(){if(!d&&!s){var e=null,n=Date.now();return o&&e&&(n=Date.now(),clearInterval(e)),e=setInterval((function(){var e=(Date.now()-n)/r*100;e<=100&&m(e)}),10),function(){e&&clearInterval(e)}}}),[r,o,d,s]),n.jsx("div",e.__assign({className:l["progress-container"],style:{zIndex:a?0:9999}},{children:n.jsx("div",e.__assign({className:l["progress-bar"],style:{height:a?"0":"2px"}},{children:!s&&n.jsx("div",{className:l.progress,style:{width:"".concat(d?100:u,"%")}})}))}))},p="IMAGE",_="ANIMATION",x=null,g=null;exports.Floater=function(i){var o=i.data,d=i.onClose,h=i.onExpand,v=i.onTapToNextStory,y=i.onTapToPreviousStory,T=i.onFooterClick,b=i.timeoutToCloseFloater,S=i.onDestroy,j=i.delayToShow,w=i.onWidgetLoad,C=t.useState(null),N=C[0],k=C[1],A=t.useState(0),z=A[0],I=A[1],E=t.useState(0),M=E[0],q=E[1],D=t.useState(c()),F=D[0],B=D[1],J=t.useState(!1),L=J[0],O=J[1],P=t.useState(!1),R=P[0],W=P[1],H=t.useState(!1),Z=H[0],G=H[1],Y=t.useState(!1),K=Y[0],U=Y[1],X=t.useState((function(){return function(e){return e.map((function(e){var n=e.attributes.find((function(e){return"artifact"===e.type}));return null==n?void 0:n.properties})).filter((function(e){return!!e}))}(o)}))[0],Q=t.useState(null),V=Q[0],$=Q[1];t.useEffect((function(){var e,n=function(){B(c())},t=setTimeout((function(){return W(!0)}),j||0);return window.addEventListener("resize",n),w&&w(null===(e=o[M])||void 0===e?void 0:e.campaignType),function(){window.removeEventListener("resize",n),clearTimeout(t)}}),[]),t.useEffect((function(){var e=null;return Z&&(e=setTimeout((function(){S&&S()}),1500)),function(){e&&clearTimeout(e)}}),[Z]),t.useEffect((function(){$((function(){return function(e){var n=e.attributes.find((function(e){return"button"===e.type&&"redirect"===e.action}));if(n&&(null==n?void 0:n.properties))return n.properties}(o[M])}));var e,n=X[M];if(n.imageType===p){n.time&&(e=1e3*n.time,x&&clearTimeout(x),x=setTimeout((function(){L&&M<(null==X?void 0:X.length)-1?(q((function(e){return e+1})),I((function(e){return e+1}))):L&&M>=(null==X?void 0:X.length)-1&&U((function(e){return!e}))}),e))}return function(){x&&clearTimeout(x)}}),[M,X]),t.useEffect((function(){return g&&clearTimeout(g),K&&M===X.length-1&&(g=setTimeout((function(){G(!0)}),b||5e3)),function(){g&&clearTimeout(g)}}),[K,M]);var ee=t.useRef(),ne=function(){var e;G(!0),d&&d(null===(e=o[M])||void 0===e?void 0:e.campaignType)},te=function(e){var n,t;x&&clearTimeout(x),e&&M<o.length-1?(v&&v(null===(n=o[M+1])||void 0===n?void 0:n.campaignType),q((function(e){return e+1})),I((function(e){return e+1}))):!e&&M>0&&(y&&y(null===(t=o[M-1])||void 0===t?void 0:t.campaignType),q((function(e){return e-1})),I((function(e){return e+1})))},ie=function(){var e;O(!0),!L&&h&&h(null===(e=o[M])||void 0===e?void 0:e.campaignType)},re=t.useMemo((function(){var t,i=function(t,i){if(L){if("close"===t)return n.jsx("img",{loading:"lazy",src:r.FloaterClose,onClick:function(e){s(e,ne)},alt:"Close"},"button-".concat(i));if("maximize"===t)return n.jsx("img",{loading:"lazy",src:r.FloaterExpand,alt:"Expand",onClick:function(e){s(e,ie)}},"button-".concat(i))}else{if("close"===t)return n.jsx("div",e.__assign({className:l.minimisedCTAWrapper},{children:n.jsx("img",{loading:"lazy",width:16,height:16,src:r.CloseDark,onClick:function(e){s(e,ne)},alt:"Close"},"button-".concat(i))}));if("maximize"===t)return n.jsx("div",e.__assign({className:l.minimisedCTAWrapper},{children:n.jsx("img",{loading:"lazy",width:16,height:16,src:r.ExpandDark,alt:"Expand",onClick:function(e){s(e,ie)}},"button-".concat(i))}))}};return null===(t=o[M])||void 0===t?void 0:t.attributes.map((function(e,n){return"button"!==e.type?null:L&&!e.minimisedOnly?i(e.action,n):L?null:i(e.action,n)}))}),[o,M,L]);return n.jsx("div",{children:n.jsxs("div",e.__assign({onClick:ie,className:"".concat(l["floater-container"]," ").concat(Z?l.hidden:""," ").concat(L?l["full-screen"]:"").concat(R&&!L?l.minimised:""," "),style:L?{width:"100vw",height:"100dvh"}:{width:F.width,height:F.height}},{children:[R&&!L&&n.jsx("div",e.__assign({className:l["floater-icon-container"]},{children:re})),R&&n.jsx("div",e.__assign({className:l.progressBarContainer},{children:null==X?void 0:X.map((function(e,t){return n.jsx(f,{completed:M>t,disabled:M<t,hidden:!L,resetProgress:z,duration:e.imageType===_?1e3*N:e.imageType===p?1e3*(null==e?void 0:e.time):0},t)}))})),R&&L&&n.jsxs("div",e.__assign({className:l["interaction-layer"]},{children:[n.jsx("div",{className:l.gradientContainer}),n.jsx("div",e.__assign({className:"\n ".concat(l["floater-icon-container"]," ").concat(l.maximised,"\n ")},{children:re})),n.jsx(m,{handleTapToNextStory:function(){te(1)},handleTapToPrevStory:function(){te(0)}}),V&&n.jsx(u,{campaignType:o[M].campaignType,redirectLink:V.url,footerText:V.title,onFooterClick:T})]})),R&&X[M].imageType===_&&n.jsx(a.default,{style:L?{borderRadius:"1rem 1rem 0 0",width:"100%"}:{borderRadius:"0px"},onDOMLoaded:function(){var e,n=null===(e=null==ee?void 0:ee.current)||void 0===e?void 0:e.getDuration();n&&k(n)},onLoopComplete:function(){var e;L?L&&M<(null==X?void 0:X.length)-1?(q((function(e){return e+1})),I((function(e){return e+1}))):L&&N&&M>=(null==X?void 0:X.length)-1&&(null===(e=null==ee?void 0:ee.current)||void 0===e||e.goToAndStop(N,!0),U((function(e){return!e}))):I((function(e){return e+1}))},lottieRef:ee,animationData:X[M].url,autoPlay:!0,loop:!0}),R&&X[M].imageType===p&&n.jsx("img",{loading:"lazy",style:{width:"100%"},src:X[M].url.src?X[M].url.src:X[M].url,alt:X[M].title})]}))})};
2
2
  //# sourceMappingURL=ct-platform-floater.cjs.js.map
package/dist/ct-platform-floater.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- import{__assign as e}from"tslib";import{jsx as n,jsxs as t}from"react/jsx-runtime";import{useState as i,useEffect as r,useRef as o,useMemo as a}from"react";import l from"lottie-react";import{CloseDark as d,ExpandDark as c,FloaterClose as u,FloaterExpand as s}from"@cleartrip/ct-platform-assets";var m={"floater-container":"index-module_floater-container__r4TWr","full-screen":"index-module_full-screen__NyM07",minimised:"index-module_minimised__4WtzW",hidden:"index-module_hidden__uwRyf","floater-icon-container":"index-module_floater-icon-container__kuvxV",maximised:"index-module_maximised__wRN6q",progressBarContainer:"index-module_progressBarContainer__aRYbq","interaction-layer":"index-module_interaction-layer__vzksz",gradientContainer:"index-module_gradientContainer__nG5NN","footer-container":"index-module_footer-container__9tr8c","footer-text":"index-module_footer-text__PSF5e","progress-container":"index-module_progress-container__Vp9an","progress-bar":"index-module_progress-bar__mRoky",progress:"index-module_progress__Ja7t6",screenTapArea:"index-module_screenTapArea__siVEd",leftScreenTapArea:"index-module_leftScreenTapArea__4FOlD",rightScreenTapArea:"index-module_rightScreenTapArea__SfdTH",minimisedCTAWrapper:"index-module_minimisedCTAWrapper__i93Gj"};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if("undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}(".index-module_floater-container__r4TWr{align-items:center;background-color:#fff;border-radius:.75rem;bottom:-40rem;box-shadow:0 4px 16px 0 rgba(26,26,26,.08);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,Arial,sans-serif;justify-content:center;left:1rem;overflow:hidden;position:fixed;transition:all .5s ease-in-out;z-index:0}.index-module_floater-container__r4TWr>*{box-sizing:border-box}.index-module_floater-container__r4TWr a{color:inherit;text-decoration:none}.index-module_full-screen__NyM07{border-radius:0;bottom:0;left:0;z-index:1000}.index-module_floater-container__r4TWr.index-module_minimised__4WtzW{bottom:5rem}.index-module_hidden__uwRyf{opacity:0;transform:translateY(100%)}.index-module_floater-icon-container__kuvxV{align-items:center;display:flex;justify-content:space-between;padding:.75rem;position:absolute;right:0;top:0;width:100%;z-index:1005}.index-module_maximised__wRN6q{gap:1.5rem;justify-content:flex-end;padding-right:.75rem;top:1rem}.index-module_progressBarContainer__aRYbq{box-sizing:border-box;display:flex;gap:4px;padding:1rem;position:absolute;top:0;width:100%;z-index:1002}.index-module_interaction-layer__vzksz{align-items:center;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;margin-top:2rem;position:absolute;width:100%;z-index:1001}.index-module_gradientContainer__nG5NN{background:linear-gradient(180deg,rgba(26,26,26,.6),transparent);height:74px;position:absolute;top:0;width:100%}.index-module_footer-container__9tr8c{align-items:center;background:linear-gradient(1turn,rgba(26,26,26,.6),rgba(26,26,26,0));bottom:0;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1rem;position:absolute;width:100%}.index-module_footer-text__PSF5e{color:#fff;font-size:.875rem;font-style:normal;font-weight:600;line-height:1.25rem}.index-module_progress-container__Vp9an{align-items:center;background-color:transparent;display:flex;justify-content:center;width:100%}.index-module_progress-bar__mRoky{background:hsla(0,0%,100%,.694);overflow:hidden;width:100%}.index-module_progress__Ja7t6{background-color:#fff;height:100%;opacity:1}.index-module_screenTapArea__siVEd{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.index-module_leftScreenTapArea__4FOlD{height:100%;width:30%}.index-module_rightScreenTapArea__SfdTH{height:100%;width:70%}.index-module_minimisedCTAWrapper__i93Gj{align-items:center;background:#fff;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}");var f=function(e){var t=e.image;return n("img",{src:t,className:m.icon,alt:"Animated Icon"})},p=function(e,n){e.stopPropagation(),n()},_=function(){var e,n,t=window.innerHeight,i=window.innerWidth;return t<=640?(e="256px",n="144px"):t<=812?(e="284px",n="160px"):t<=926?(e="320px",n="180px"):(n="".concat(Math.floor(.4*i),"px"),e="".concat(Math.floor(.4*i*1.775),"px")),{width:n,height:e}},g=function(i){var r=i.campaignType,o=i.redirectLink,a=i.footerText,l=i.footerIcon,d=i.onFooterClick;return n("div",e({className:m["footer-container"]},{children:t("div",e({onClick:function(e){d&&p(e,(function(){return d(o,r)}))}},{children:[l&&n(f,{image:l}),n("p",e({className:m["footer-text"]},{children:a}))]}))}))},h=function(i){var r=i.handleTapToPrevStory,o=i.handleTapToNextStory;return t("div",e({className:m.screenTapArea},{children:[n("div",{className:m.leftScreenTapArea,onClick:r}),n("div",{className:m.rightScreenTapArea,onClick:o})]}))},x=function(t){var o=t.duration,a=t.resetProgress,l=t.hidden,d=t.completed,c=t.disabled,u=i(0),s=u[0],f=u[1];return r((function(){if(!d&&!c){var e=null,n=Date.now();return a&&e&&(n=Date.now(),clearInterval(e)),e=setInterval((function(){var e=(Date.now()-n)/o*100;e<=100&&f(e)}),10),function(){e&&clearInterval(e)}}}),[o,a,d,c]),n("div",e({className:m["progress-container"],style:{zIndex:l?0:9999}},{children:n("div",e({className:m["progress-bar"],style:{height:l?"0":"2px"}},{children:!c&&n("div",{className:m.progress,style:{width:"".concat(d?100:s,"%")}})}))}))},v="IMAGE",y="ANIMATION",T=null,b=null,w=function(f){var w=f.data,C=f.onClose,N=f.onExpand,k=f.onTapToNextStory,z=f.onTapToPreviousStory,A=f.onFooterClick,S=f.timeoutToCloseFloater,W=f.onDestroy,R=f.delayToShow,j=f.onWidgetLoad,E=i(null),I=E[0],D=E[1],F=i(0),P=F[0],M=F[1],B=i(0),L=B[0],V=B[1],G=i(_()),O=G[0],q=G[1],H=i(!1),Y=H[0],J=H[1],U=i(!1),K=U[0],Q=U[1],X=i(!1),Z=X[0],$=X[1],ee=i(!1),ne=ee[0],te=ee[1],ie=i((function(){return function(e){return e.map((function(e){var n=e.attributes.find((function(e){return"artifact"===e.type}));return null==n?void 0:n.properties})).filter((function(e){return!!e}))}(w)}))[0],re=i(null),oe=re[0],ae=re[1];r((function(){var e,n=function(){q(_())},t=setTimeout((function(){return Q(!0)}),R||0);return window.addEventListener("resize",n),j&&j(null===(e=w[L])||void 0===e?void 0:e.campaignType),function(){window.removeEventListener("resize",n),clearTimeout(t)}}),[]),r((function(){var e=null;return Z&&(e=setTimeout((function(){W&&W()}),1500)),function(){e&&clearTimeout(e)}}),[Z]),r((function(){ae((function(){return function(e){var n=e.attributes.find((function(e){return"button"===e.type&&"redirect"===e.action}));if(n&&(null==n?void 0:n.properties))return n.properties}(w[L])}));var e,n=ie[L];if(n.imageType===v){n.time&&(e=1e3*n.time,T&&clearTimeout(T),T=setTimeout((function(){Y&&L<(null==ie?void 0:ie.length)-1?(V((function(e){return e+1})),M((function(e){return e+1}))):Y&&L>=(null==ie?void 0:ie.length)-1&&te((function(e){return!e}))}),e))}return function(){T&&clearTimeout(T)}}),[L,ie]),r((function(){return b&&clearTimeout(b),ne&&L===ie.length-1&&(b=setTimeout((function(){$(!0)}),S||5e3)),function(){b&&clearTimeout(b)}}),[ne,L]);var le=o(),de=function(){var e;$(!0),C&&C(null===(e=w[L])||void 0===e?void 0:e.campaignType)},ce=function(e){var n,t;T&&clearTimeout(T),e&&L<w.length-1?(k&&k(null===(n=w[L+1])||void 0===n?void 0:n.campaignType),V((function(e){return e+1})),M((function(e){return e+1}))):!e&&L>0&&(z&&z(null===(t=w[L-1])||void 0===t?void 0:t.campaignType),V((function(e){return e-1})),M((function(e){return e+1})))},ue=function(){var e;J(!0),!Y&&N&&N(null===(e=w[L])||void 0===e?void 0:e.campaignType)},se=a((function(){var t,i=function(t,i){if(Y){if("close"===t)return n("img",{loading:"lazy",src:u,onClick:function(e){p(e,de)},alt:"Close"},"button-".concat(i));if("maximize"===t)return n("img",{loading:"lazy",src:s,alt:"Expand",onClick:function(e){p(e,ue)}},"button-".concat(i))}else{if("close"===t)return n("div",e({className:m.minimisedCTAWrapper},{children:n("img",{loading:"lazy",width:16,height:16,src:d,onClick:function(e){p(e,de)},alt:"Close"},"button-".concat(i))}));if("maximize"===t)return n("div",e({className:m.minimisedCTAWrapper},{children:n("img",{loading:"lazy",width:16,height:16,src:c,alt:"Expand",onClick:function(e){p(e,ue)}},"button-".concat(i))}))}};return null===(t=w[L])||void 0===t?void 0:t.attributes.map((function(e,n){return"button"!==e.type?null:Y&&!e.minimisedOnly?i(e.action,n):Y?null:i(e.action,n)}))}),[w,L,Y]);return n("div",{children:t("div",e({onClick:ue,className:"".concat(m["floater-container"]," ").concat(Z?m.hidden:""," ").concat(Y?m["full-screen"]:"").concat(K&&!Y?m.minimised:""," "),style:Y?{width:"100vw",height:"100dvh"}:{width:O.width,height:O.height}},{children:[K&&!Y&&n("div",e({className:m["floater-icon-container"]},{children:se})),K&&n("div",e({className:m.progressBarContainer},{children:null==ie?void 0:ie.map((function(e,t){return n(x,{completed:L>t,disabled:L<t,hidden:!Y,resetProgress:P,duration:e.imageType===y?1e3*I:e.imageType===v?1e3*(null==e?void 0:e.time):0},t)}))})),K&&Y&&t("div",e({className:m["interaction-layer"]},{children:[n("div",{className:m.gradientContainer}),n("div",e({className:"\n ".concat(m["floater-icon-container"]," ").concat(m.maximised,"\n ")},{children:se})),n(h,{handleTapToNextStory:function(){ce(1)},handleTapToPrevStory:function(){ce(0)}}),oe&&n(g,{campaignType:w[L].campaignType,redirectLink:oe.url,footerText:oe.title,onFooterClick:A})]})),K&&ie[L].imageType===y&&n(l,{style:Y?{borderRadius:"1rem 1rem 0 0",width:"100%"}:{borderRadius:"0px"},onDOMLoaded:function(){var e,n=null===(e=null==le?void 0:le.current)||void 0===e?void 0:e.getDuration();n&&D(n)},onLoopComplete:function(){var e;Y?Y&&L<(null==ie?void 0:ie.length)-1?(V((function(e){return e+1})),M((function(e){return e+1}))):Y&&I&&L>=(null==ie?void 0:ie.length)-1&&(null===(e=null==le?void 0:le.current)||void 0===e||e.goToAndStop(I,!0),te((function(e){return!e}))):M((function(e){return e+1}))},lottieRef:le,animationData:ie[L].url,autoPlay:!0,loop:!0}),K&&ie[L].imageType===v&&n("img",{loading:"lazy",style:{width:"100%"},src:ie[L].url.src?ie[L].url.src:ie[L].url,alt:ie[L].title})]}))})};export{w as Floater};
1
+ import{__assign as e}from"tslib";import{jsx as n,jsxs as t}from"react/jsx-runtime";import{useState as i,useEffect as o,useRef as r,useMemo as a}from"react";import l from"lottie-react";import{CloseDark as d,ExpandDark as c,FloaterClose as u,FloaterExpand as s}from"@cleartrip/ct-platform-assets";var m={"floater-container":"index-module_floater-container__SeIgJ","full-screen":"index-module_full-screen__7Hk0z",minimised:"index-module_minimised__4gSMC",hidden:"index-module_hidden__YO30N","floater-icon-container":"index-module_floater-icon-container__-KpEq",maximised:"index-module_maximised__2Msru",progressBarContainer:"index-module_progressBarContainer__Ix6zp","interaction-layer":"index-module_interaction-layer__IqOfq",gradientContainer:"index-module_gradientContainer__cXb-u","footer-container":"index-module_footer-container__hMTGt","footer-text":"index-module_footer-text__Z9com","progress-container":"index-module_progress-container__HD7cS","progress-bar":"index-module_progress-bar__j98cB",progress:"index-module_progress__kJAbe",screenTapArea:"index-module_screenTapArea__Fr0SC",leftScreenTapArea:"index-module_leftScreenTapArea__vh-yR",rightScreenTapArea:"index-module_rightScreenTapArea__u3Nlm",minimisedCTAWrapper:"index-module_minimisedCTAWrapper__pNZtd"};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if("undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".index-module_floater-container__SeIgJ{align-items:center;background-color:#fff;border-radius:.75rem;bottom:-40rem;box-shadow:0 4px 16px 0 rgba(26,26,26,.08);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,Arial,sans-serif;justify-content:center;left:1rem;overflow:hidden;position:fixed;transition:all .5s ease-in-out;z-index:0}.index-module_floater-container__SeIgJ>*{box-sizing:border-box}.index-module_floater-container__SeIgJ a{color:inherit;text-decoration:none}.index-module_full-screen__7Hk0z{border-radius:0;bottom:0;left:0;z-index:1000}.index-module_floater-container__SeIgJ.index-module_minimised__4gSMC{bottom:5rem}.index-module_hidden__YO30N{opacity:0;transform:translateY(100%)}.index-module_floater-icon-container__-KpEq{align-items:center;display:flex;justify-content:space-between;padding:.75rem;position:absolute;right:0;top:0;width:100%;z-index:1005}.index-module_maximised__2Msru{gap:1.5rem;justify-content:flex-end;padding-right:.75rem;top:1rem}.index-module_progressBarContainer__Ix6zp{box-sizing:border-box;display:flex;gap:4px;padding:1rem;position:absolute;top:0;width:100%;z-index:1002}.index-module_interaction-layer__IqOfq{align-items:center;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;margin-top:2rem;position:absolute;width:100%;z-index:1001}.index-module_gradientContainer__cXb-u{background:linear-gradient(180deg,rgba(26,26,26,.6),transparent);height:74px;position:absolute;top:0;width:100%}.index-module_footer-container__hMTGt{align-items:center;background:linear-gradient(1turn,rgba(26,26,26,.6),rgba(26,26,26,0));bottom:0;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1rem;position:absolute;width:100%}.index-module_footer-text__Z9com{color:#fff;font-size:.875rem;font-style:normal;font-weight:600;line-height:1.25rem}.index-module_progress-container__HD7cS{align-items:center;background-color:transparent;display:flex;justify-content:center;width:100%}.index-module_progress-bar__j98cB{background:hsla(0,0%,100%,.694);overflow:hidden;width:100%}.index-module_progress__kJAbe{background-color:#fff;height:100%;opacity:1}.index-module_screenTapArea__Fr0SC{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.index-module_leftScreenTapArea__vh-yR{height:100%;width:30%}.index-module_rightScreenTapArea__u3Nlm{height:100%;width:70%}.index-module_minimisedCTAWrapper__pNZtd{align-items:center;background:#fff;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}");var f=function(e){var t=e.image;return n("img",{src:t,className:m.icon,alt:"Animated Icon"})},p=function(e,n){e.stopPropagation(),n()},g=function(){var e,n,t=window.innerHeight,i=window.innerWidth;return t<=640?(e="256px",n="144px"):t<=812?(e="284px",n="160px"):t<=926?(e="320px",n="180px"):(n="".concat(Math.floor(.4*i),"px"),e="".concat(Math.floor(.4*i*1.775),"px")),{width:n,height:e}},_=function(i){var o=i.campaignType,r=i.redirectLink,a=i.footerText,l=i.footerIcon,d=i.onFooterClick;return n("div",e({className:m["footer-container"]},{children:t("div",e({onClick:function(e){d&&p(e,(function(){return d(r,o)}))}},{children:[l&&n(f,{image:l}),n("p",e({className:m["footer-text"]},{children:a}))]}))}))},h=function(i){var o=i.handleTapToPrevStory,r=i.handleTapToNextStory;return t("div",e({className:m.screenTapArea},{children:[n("div",{className:m.leftScreenTapArea,onClick:o}),n("div",{className:m.rightScreenTapArea,onClick:r})]}))},x=function(t){var r=t.duration,a=t.resetProgress,l=t.hidden,d=t.completed,c=t.disabled,u=i(0),s=u[0],f=u[1];return o((function(){if(!d&&!c){var e=null,n=Date.now();return a&&e&&(n=Date.now(),clearInterval(e)),e=setInterval((function(){var e=(Date.now()-n)/r*100;e<=100&&f(e)}),10),function(){e&&clearInterval(e)}}}),[r,a,d,c]),n("div",e({className:m["progress-container"],style:{zIndex:l?0:9999}},{children:n("div",e({className:m["progress-bar"],style:{height:l?"0":"2px"}},{children:!c&&n("div",{className:m.progress,style:{width:"".concat(d?100:s,"%")}})}))}))},v="IMAGE",y="ANIMATION",T=null,b=null,w=function(f){var w=f.data,C=f.onClose,N=f.onExpand,S=f.onTapToNextStory,A=f.onTapToPreviousStory,k=f.onFooterClick,z=f.timeoutToCloseFloater,I=f.onDestroy,M=f.delayToShow,j=f.onWidgetLoad,E=i(null),B=E[0],D=E[1],F=i(0),J=F[0],L=F[1],O=i(0),P=O[0],W=O[1],q=i(g()),H=q[0],R=q[1],Z=i(!1),G=Z[0],Y=Z[1],K=i(!1),U=K[0],X=K[1],Q=i(!1),V=Q[0],$=Q[1],ee=i(!1),ne=ee[0],te=ee[1],ie=i((function(){return function(e){return e.map((function(e){var n=e.attributes.find((function(e){return"artifact"===e.type}));return null==n?void 0:n.properties})).filter((function(e){return!!e}))}(w)}))[0],oe=i(null),re=oe[0],ae=oe[1];o((function(){var e,n=function(){R(g())},t=setTimeout((function(){return X(!0)}),M||0);return window.addEventListener("resize",n),j&&j(null===(e=w[P])||void 0===e?void 0:e.campaignType),function(){window.removeEventListener("resize",n),clearTimeout(t)}}),[]),o((function(){var e=null;return V&&(e=setTimeout((function(){I&&I()}),1500)),function(){e&&clearTimeout(e)}}),[V]),o((function(){ae((function(){return function(e){var n=e.attributes.find((function(e){return"button"===e.type&&"redirect"===e.action}));if(n&&(null==n?void 0:n.properties))return n.properties}(w[P])}));var e,n=ie[P];if(n.imageType===v){n.time&&(e=1e3*n.time,T&&clearTimeout(T),T=setTimeout((function(){G&&P<(null==ie?void 0:ie.length)-1?(W((function(e){return e+1})),L((function(e){return e+1}))):G&&P>=(null==ie?void 0:ie.length)-1&&te((function(e){return!e}))}),e))}return function(){T&&clearTimeout(T)}}),[P,ie]),o((function(){return b&&clearTimeout(b),ne&&P===ie.length-1&&(b=setTimeout((function(){$(!0)}),z||5e3)),function(){b&&clearTimeout(b)}}),[ne,P]);var le=r(),de=function(){var e;$(!0),C&&C(null===(e=w[P])||void 0===e?void 0:e.campaignType)},ce=function(e){var n,t;T&&clearTimeout(T),e&&P<w.length-1?(S&&S(null===(n=w[P+1])||void 0===n?void 0:n.campaignType),W((function(e){return e+1})),L((function(e){return e+1}))):!e&&P>0&&(A&&A(null===(t=w[P-1])||void 0===t?void 0:t.campaignType),W((function(e){return e-1})),L((function(e){return e+1})))},ue=function(){var e;Y(!0),!G&&N&&N(null===(e=w[P])||void 0===e?void 0:e.campaignType)},se=a((function(){var t,i=function(t,i){if(G){if("close"===t)return n("img",{loading:"lazy",src:u,onClick:function(e){p(e,de)},alt:"Close"},"button-".concat(i));if("maximize"===t)return n("img",{loading:"lazy",src:s,alt:"Expand",onClick:function(e){p(e,ue)}},"button-".concat(i))}else{if("close"===t)return n("div",e({className:m.minimisedCTAWrapper},{children:n("img",{loading:"lazy",width:16,height:16,src:d,onClick:function(e){p(e,de)},alt:"Close"},"button-".concat(i))}));if("maximize"===t)return n("div",e({className:m.minimisedCTAWrapper},{children:n("img",{loading:"lazy",width:16,height:16,src:c,alt:"Expand",onClick:function(e){p(e,ue)}},"button-".concat(i))}))}};return null===(t=w[P])||void 0===t?void 0:t.attributes.map((function(e,n){return"button"!==e.type?null:G&&!e.minimisedOnly?i(e.action,n):G?null:i(e.action,n)}))}),[w,P,G]);return n("div",{children:t("div",e({onClick:ue,className:"".concat(m["floater-container"]," ").concat(V?m.hidden:""," ").concat(G?m["full-screen"]:"").concat(U&&!G?m.minimised:""," "),style:G?{width:"100vw",height:"100dvh"}:{width:H.width,height:H.height}},{children:[U&&!G&&n("div",e({className:m["floater-icon-container"]},{children:se})),U&&n("div",e({className:m.progressBarContainer},{children:null==ie?void 0:ie.map((function(e,t){return n(x,{completed:P>t,disabled:P<t,hidden:!G,resetProgress:J,duration:e.imageType===y?1e3*B:e.imageType===v?1e3*(null==e?void 0:e.time):0},t)}))})),U&&G&&t("div",e({className:m["interaction-layer"]},{children:[n("div",{className:m.gradientContainer}),n("div",e({className:"\n ".concat(m["floater-icon-container"]," ").concat(m.maximised,"\n ")},{children:se})),n(h,{handleTapToNextStory:function(){ce(1)},handleTapToPrevStory:function(){ce(0)}}),re&&n(_,{campaignType:w[P].campaignType,redirectLink:re.url,footerText:re.title,onFooterClick:k})]})),U&&ie[P].imageType===y&&n(l,{style:G?{borderRadius:"1rem 1rem 0 0",width:"100%"}:{borderRadius:"0px"},onDOMLoaded:function(){var e,n=null===(e=null==le?void 0:le.current)||void 0===e?void 0:e.getDuration();n&&D(n)},onLoopComplete:function(){var e;G?G&&P<(null==ie?void 0:ie.length)-1?(W((function(e){return e+1})),L((function(e){return e+1}))):G&&B&&P>=(null==ie?void 0:ie.length)-1&&(null===(e=null==le?void 0:le.current)||void 0===e||e.goToAndStop(B,!0),te((function(e){return!e}))):L((function(e){return e+1}))},lottieRef:le,animationData:ie[P].url,autoPlay:!0,loop:!0}),U&&ie[P].imageType===v&&n("img",{loading:"lazy",style:{width:"100%"},src:ie[P].url.src?ie[P].url.src:ie[P].url,alt:ie[P].title})]}))})};export{w as Floater};
2
2
  //# sourceMappingURL=ct-platform-floater.esm.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cleartrip/ct-platform-floater",
3
- "version": "3.2.0-beta.19",
3
+ "version": "3.2.0-beta.20",
4
4
  "description": "Floater Component",
5
5
  "types": "dist/index.d.ts",
6
6
  "main": "dist/ct-platform-floater.cjs.js",
@@ -12,7 +12,7 @@
12
12
  "devDependencies": {},
13
13
  "dependencies": {
14
14
  "lottie-react": "^2.4.0",
15
- "@cleartrip/ct-platform-assets": "3.3.0-beta.18"
15
+ "@cleartrip/ct-platform-assets": "3.3.0-beta.19"
16
16
  },
17
17
  "peerDependencies": {
18
18
  "react": ">=16.8.0",