@cleartrip/ct-platform-supercoins-bottom-sheet 2.3.21 → 2.3.22

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.
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),o=require("@cleartrip/ct-design-typography"),t=require("@cleartrip/ct-platform-drawer"),a=require("@cleartrip/ct-platform-utils"),r=[{heading:"Flights",supercoinsBenefits:[{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsFlights.png",text:"Get up to ₹5000 extra off",subtext:"On this booking"},{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsCashNote.png",text:"Earn up to ₹300 cashback",subtext:"As SuperCoins after every booking"}]},{heading:"Hotels",supercoinsBenefits:[{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsHotels.png",text:"Get up to ₹5000 extra off",subtext:"On this booking"}]},{heading:"Bus",supercoinsBenefits:[{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/bus_icon_mirrors.png",text:"Get up to ₹5000 extra off",subtext:"On this booking"}]}],s=[{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsCoupon.png",text:"Get extra discounts",subtext:"Using SuperCoins on your next trip"}];var d="index-module_supercoinsContainer__EvNaU",l="index-module_supercoinsBgPattern__VSbAI",p="index-module_supercoinsContent__Oi0Xv",c="index-module_supercoinsInfo__b3GpL",_="index-module_supercoinsValue__tXaV6",u="index-module_supercoinsExpiry__1kMrX",m="index-module_supercoinsBenefitsOuterContainer__1K9QA",x="index-module_supercoinsBenefitsInnerContainer__glJQ0",f="index-module_supercoinsBenefits__Zv4jI",g="index-module_supercoinsBenefitsItem__9jW-G",h="index-module_supercoinsHorizontalLine__M-bag",y="index-module_fadeInUpAnimation_content__GTfqH",v="index-module_fadeInUpAnimation_footer__QXM34";!function(e,n){void 0===n&&(n={});var i=n.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===i&&o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}('.index-module_supercoinsContainer__EvNaU{background:#fff;border-radius:1rem 1rem 0 0;display:flex;flex-direction:column;overflow-y:scroll;position:relative}.index-module_supercoinsBgPattern__VSbAI{border-radius:1rem 1rem 0 0;height:233px;position:absolute;width:100%;z-index:0}.index-module_supercoinsContent__Oi0Xv{display:flex;flex-direction:column;padding:32px 16px 0;position:relative}.index-module_supercoinsInfo__b3GpL{align-items:center;display:flex;flex-direction:row;gap:8px;margin-bottom:16px}.index-module_supercoinsValue__tXaV6{align-items:center;background:#002560;border-radius:8px;display:flex;justify-content:center;margin-bottom:12px;overflow:hidden;padding:6px 12px;position:relative}.index-module_supercoinsValue__tXaV6:before{animation:index-module_shimmer_sheet__aY0Ex 2.4s ease-in infinite;background:hsla(0,0%,100%,.08);content:"";height:200%;left:-30%;position:absolute;transform:rotate(150deg);width:24px}@keyframes index-module_shimmer_sheet__aY0Ex{0%{left:-30%}to{left:120%}}.index-module_supercoinsExpiry__1kMrX{align-items:center;background:var(--Error-Red-100,#fbefef);border-radius:24px;display:flex;flex-direction:row;gap:6px;padding:4px 8px}.index-module_supercoinsBenefitsOuterContainer__1K9QA{background:#ecf8f4;border:.5px solid #e6e6e6;border-radius:16px;box-shadow:0 4px 16px 0 rgba(26,26,26,.08);display:flex;flex-direction:column;margin-top:32px;width:100%}.index-module_supercoinsBenefitsInnerContainer__glJQ0{background:#fff;border-radius:15px 15px 16px 16px;display:flex;flex-direction:column;gap:16px;margin:0 .5px;width:calc(100% - 1px)}.index-module_supercoinsBenefits__Zv4jI{display:flex;flex-direction:column;gap:16px}.index-module_supercoinsBenefitsItem__9jW-G{align-items:center;display:flex;flex-direction:row;gap:12px}.index-module_supercoinsHorizontalLine__M-bag{border:none;border-top:1px dotted #e6e6e6;margin:16px 0}@keyframes index-module_fadeInUp__-dPYt{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.index-module_fadeInUpAnimation_content__GTfqH>*{animation:index-module_fadeInUp__-dPYt .25s ease-in forwards;opacity:0}.index-module_fadeInUpAnimation_content__GTfqH>:first-child{animation-delay:0ms}.index-module_fadeInUpAnimation_content__GTfqH>:nth-child(2){animation-delay:.25s}.index-module_fadeInUpAnimation_content__GTfqH>:nth-child(3){animation-delay:.5s}.index-module_fadeInUpAnimation_content__GTfqH>:nth-child(4){animation-delay:.75s}.index-module_fadeInUpAnimation_content__GTfqH>:nth-child(5){animation-delay:1s}.index-module_fadeInUpAnimation_footer__QXM34>*{animation:index-module_fadeInUp__-dPYt .25s ease-in forwards;opacity:0}.index-module_fadeInUpAnimation_footer__QXM34>:first-child{animation-delay:1.25s}.index-module_fadeInUpAnimation_footer__QXM34>:nth-child(2){animation-delay:1.5s}');exports.SupercoinsBottomSheet=function(b){var j=b.isBottomSheetOpen,C=b.closeOnOutsideClick,k=void 0!==C&&C,T=b.supercoinBurnBalance,B=b.supercoinsExpiringCount,I=b.supercoinsExpiringInDays,w=b.supercoinsBenefits,q=void 0===w?r:w,H=b.commonBenefits,N=void 0===H?s:H,U=b.onCloseButtonClick,A=b.ravenPayload,S=void 0===A?{}:A,V=i.useMemo((function(){return null!=B&&null!=I&&B>0}),[B,I]),G=i.useMemo((function(){var e;return null!==(e=a.getQueryParam("utm_source"))&&void 0!==e?e:"organic"}),[]),M=i.useCallback((function(n){var i;null==n||n.stopPropagation(),U&&"function"==typeof U&&U();var o=S.action_event_name,t=e.__rest(S,["action_event_name"]);a.ravenSDKTrigger(null!==(i=o)&&void 0!==i?i:"u_ui_action",e.__assign({action_name:"supercoin_bottom_sheet_dismiss_click",page_name:"unified_homepage",supercoin_balance:T,u_utm_source:G},t))}),[]),O=i.useCallback((function(){var n,i=S.action_event_name,o=e.__rest(S,["action_event_name"]);a.ravenSDKTrigger(null!==(n=i)&&void 0!==n?n:"u_ui_action",e.__assign({action_name:"supercoin_bottom_sheet_read_guide_click",page_name:"unified_homepage",supercoin_balance:T,u_utm_source:G},o)),window.location.href="https://www.cleartrip.com/all-offers/supercoins"}),[]),E=i.useCallback((function(i,t){return n.jsxs("div",e.__assign({className:g},{children:[n.jsx("img",{src:null==i?void 0:i.icon,alt:"benefits_icon",width:32,height:32}),n.jsxs("div",{children:[n.jsx(o.Typography,e.__assign({variant:o.TypographyVariant.HM4},{children:null==i?void 0:i.text})),n.jsx(o.Typography,e.__assign({color:"subheading",variant:o.TypographyVariant.P2},{children:null==i?void 0:i.subtext}))]})]}),t)}),[]),P=i.useCallback((function(){return n.jsx("div",e.__assign({style:{padding:"16px"}},{children:null==q?void 0:q.map((function(i,t){var a;return n.jsxs("div",{children:[(null==i?void 0:i.heading)&&n.jsx(o.Typography,e.__assign({variant:o.TypographyVariant.HM2,style:{lineHeight:"24px",paddingBottom:"16px"}},{children:null==i?void 0:i.heading})),n.jsx("div",e.__assign({className:f},{children:null===(a=null==i?void 0:i.supercoinsBenefits)||void 0===a?void 0:a.map((function(e,n){return E(e,n)}))})),t<(null==q?void 0:q.length)-1&&n.jsx("hr",{className:h})]},t)}))}))}),[]);return n.jsx(t.Drawer,e.__assign({overlay:!0,showClose:!0,direction:"bottom",isOpen:j,closeOnOutsideClick:k,onClose:function(){},handleClose:M},{children:n.jsxs("div",e.__assign({className:d,style:{maxHeight:"calc(100dvh - 56px)"}},{children:[n.jsx("img",{src:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsBgPattern.png",alt:"supercoins_pattern",className:l}),n.jsxs("div",e.__assign({className:p},{children:[n.jsxs("div",e.__assign({className:y,style:{display:"flex",flexDirection:"column",alignItems:"center"}},{children:[n.jsx(o.Typography,e.__assign({colorCode:"rgba(255, 255, 255, 0.75)",variant:o.TypographyVariant.P3,style:{marginBottom:"8px"}},{children:"Your SuperCoin balance"})),n.jsxs("div",e.__assign({className:c},{children:[n.jsx("img",{src:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsLogo.png",alt:"supercoins_logo",width:32,height:32}),n.jsx(o.Typography,e.__assign({color:"neutral",variant:o.TypographyVariant.HD2,style:{lineHeight:"32px",letterSpacing:"-0.75px"}},{children:parseInt(T).toLocaleString()}))]})),n.jsx("div",e.__assign({className:_},{children:n.jsx(o.Typography,e.__assign({color:"neutral",variant:o.TypographyVariant.HM4,style:{lineHeight:"16px",letterSpacing:"0.4px",textTransform:"uppercase"}},{children:"1 SUPERCOIN = ₹1"}))})),V&&n.jsxs("div",e.__assign({className:u},{children:[n.jsx("img",{src:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoins_hourglass_red.png",alt:"hourglass_icon",width:16,height:16}),n.jsx(o.Typography,e.__assign({colorCode:"#C83232",variant:o.TypographyVariant.B3},{children:"".concat(B," SuperCoins expiring soon!")}))]})),n.jsxs("div",e.__assign({className:m},{children:[n.jsx("div",e.__assign({className:x},{children:P()})),null==N?void 0:N.map((function(i,o){return n.jsx("div",e.__assign({style:{padding:"12px 16px"}},{children:E(i,o)}),o)}))]}))]})),n.jsxs("div",e.__assign({className:v,style:{paddingTop:"20px",paddingBottom:"32px"}},{children:[n.jsx(o.Typography,e.__assign({variant:o.TypographyVariant.HM3,style:{lineHeight:"22px"}},{children:"Got more questions?"})),n.jsx(o.Typography,e.__assign({color:"link",variant:o.TypographyVariant.L2,isClickable:!0,onClick:O},{children:"Read guide"}))]}))]}))]}))}))};
1
+ "use strict";var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),o=require("@cleartrip/ct-design-typography"),t=require("@cleartrip/ct-platform-drawer"),a=require("@cleartrip/ct-platform-utils"),r=[{heading:"Flights",supercoinsBenefits:[{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsFlights.png",text:"Get up to ₹5000 extra off",subtext:"On this booking"},{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsCashNote.png",text:"Earn up to ₹100 cashback",subtext:"As SuperCoins after every booking"}]},{heading:"Hotels",supercoinsBenefits:[{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsHotels.png",text:"Get up to ₹5000 extra off",subtext:"On this booking"}]},{heading:"Bus",supercoinsBenefits:[{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/bus_icon_mirrors.png",text:"Get up to ₹5000 extra off",subtext:"On this booking"}]}],s=[{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsCoupon.png",text:"Get extra discounts",subtext:"Using SuperCoins on your next trip"}];var d="index-module_supercoinsContainer__EvNaU",l="index-module_supercoinsBgPattern__VSbAI",p="index-module_supercoinsContent__Oi0Xv",c="index-module_supercoinsInfo__b3GpL",_="index-module_supercoinsValue__tXaV6",u="index-module_supercoinsExpiry__1kMrX",m="index-module_supercoinsBenefitsOuterContainer__1K9QA",x="index-module_supercoinsBenefitsInnerContainer__glJQ0",f="index-module_supercoinsBenefits__Zv4jI",g="index-module_supercoinsBenefitsItem__9jW-G",h="index-module_supercoinsHorizontalLine__M-bag",y="index-module_fadeInUpAnimation_content__GTfqH",v="index-module_fadeInUpAnimation_footer__QXM34";!function(e,n){void 0===n&&(n={});var i=n.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===i&&o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}('.index-module_supercoinsContainer__EvNaU{background:#fff;border-radius:1rem 1rem 0 0;display:flex;flex-direction:column;overflow-y:scroll;position:relative}.index-module_supercoinsBgPattern__VSbAI{border-radius:1rem 1rem 0 0;height:233px;position:absolute;width:100%;z-index:0}.index-module_supercoinsContent__Oi0Xv{display:flex;flex-direction:column;padding:32px 16px 0;position:relative}.index-module_supercoinsInfo__b3GpL{align-items:center;display:flex;flex-direction:row;gap:8px;margin-bottom:16px}.index-module_supercoinsValue__tXaV6{align-items:center;background:#002560;border-radius:8px;display:flex;justify-content:center;margin-bottom:12px;overflow:hidden;padding:6px 12px;position:relative}.index-module_supercoinsValue__tXaV6:before{animation:index-module_shimmer_sheet__aY0Ex 2.4s ease-in infinite;background:hsla(0,0%,100%,.08);content:"";height:200%;left:-30%;position:absolute;transform:rotate(150deg);width:24px}@keyframes index-module_shimmer_sheet__aY0Ex{0%{left:-30%}to{left:120%}}.index-module_supercoinsExpiry__1kMrX{align-items:center;background:var(--Error-Red-100,#fbefef);border-radius:24px;display:flex;flex-direction:row;gap:6px;padding:4px 8px}.index-module_supercoinsBenefitsOuterContainer__1K9QA{background:#ecf8f4;border:.5px solid #e6e6e6;border-radius:16px;box-shadow:0 4px 16px 0 rgba(26,26,26,.08);display:flex;flex-direction:column;margin-top:32px;width:100%}.index-module_supercoinsBenefitsInnerContainer__glJQ0{background:#fff;border-radius:15px 15px 16px 16px;display:flex;flex-direction:column;gap:16px;margin:0 .5px;width:calc(100% - 1px)}.index-module_supercoinsBenefits__Zv4jI{display:flex;flex-direction:column;gap:16px}.index-module_supercoinsBenefitsItem__9jW-G{align-items:center;display:flex;flex-direction:row;gap:12px}.index-module_supercoinsHorizontalLine__M-bag{border:none;border-top:1px dotted #e6e6e6;margin:16px 0}@keyframes index-module_fadeInUp__-dPYt{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.index-module_fadeInUpAnimation_content__GTfqH>*{animation:index-module_fadeInUp__-dPYt .25s ease-in forwards;opacity:0}.index-module_fadeInUpAnimation_content__GTfqH>:first-child{animation-delay:0ms}.index-module_fadeInUpAnimation_content__GTfqH>:nth-child(2){animation-delay:.25s}.index-module_fadeInUpAnimation_content__GTfqH>:nth-child(3){animation-delay:.5s}.index-module_fadeInUpAnimation_content__GTfqH>:nth-child(4){animation-delay:.75s}.index-module_fadeInUpAnimation_content__GTfqH>:nth-child(5){animation-delay:1s}.index-module_fadeInUpAnimation_footer__QXM34>*{animation:index-module_fadeInUp__-dPYt .25s ease-in forwards;opacity:0}.index-module_fadeInUpAnimation_footer__QXM34>:first-child{animation-delay:1.25s}.index-module_fadeInUpAnimation_footer__QXM34>:nth-child(2){animation-delay:1.5s}');exports.SupercoinsBottomSheet=function(b){var j=b.isBottomSheetOpen,C=b.closeOnOutsideClick,k=void 0!==C&&C,T=b.supercoinBurnBalance,B=b.supercoinsExpiringCount,I=b.supercoinsExpiringInDays,w=b.supercoinsBenefits,q=void 0===w?r:w,H=b.commonBenefits,N=void 0===H?s:H,U=b.onCloseButtonClick,A=b.ravenPayload,S=void 0===A?{}:A,V=i.useMemo((function(){return null!=B&&null!=I&&B>0}),[B,I]),G=i.useMemo((function(){var e;return null!==(e=a.getQueryParam("utm_source"))&&void 0!==e?e:"organic"}),[]),M=i.useCallback((function(n){var i;null==n||n.stopPropagation(),U&&"function"==typeof U&&U();var o=S.action_event_name,t=e.__rest(S,["action_event_name"]);a.ravenSDKTrigger(null!==(i=o)&&void 0!==i?i:"u_ui_action",e.__assign({action_name:"supercoin_bottom_sheet_dismiss_click",page_name:"unified_homepage",supercoin_balance:T,u_utm_source:G},t))}),[]),O=i.useCallback((function(){var n,i=S.action_event_name,o=e.__rest(S,["action_event_name"]);a.ravenSDKTrigger(null!==(n=i)&&void 0!==n?n:"u_ui_action",e.__assign({action_name:"supercoin_bottom_sheet_read_guide_click",page_name:"unified_homepage",supercoin_balance:T,u_utm_source:G},o)),window.location.href="https://www.cleartrip.com/all-offers/supercoins"}),[]),E=i.useCallback((function(i,t){return n.jsxs("div",e.__assign({className:g},{children:[n.jsx("img",{src:null==i?void 0:i.icon,alt:"benefits_icon",width:32,height:32}),n.jsxs("div",{children:[n.jsx(o.Typography,e.__assign({variant:o.TypographyVariant.HM4},{children:null==i?void 0:i.text})),n.jsx(o.Typography,e.__assign({color:"subheading",variant:o.TypographyVariant.P2},{children:null==i?void 0:i.subtext}))]})]}),t)}),[]),P=i.useCallback((function(){return n.jsx("div",e.__assign({style:{padding:"16px"}},{children:null==q?void 0:q.map((function(i,t){var a;return n.jsxs("div",{children:[(null==i?void 0:i.heading)&&n.jsx(o.Typography,e.__assign({variant:o.TypographyVariant.HM2,style:{lineHeight:"24px",paddingBottom:"16px"}},{children:null==i?void 0:i.heading})),n.jsx("div",e.__assign({className:f},{children:null===(a=null==i?void 0:i.supercoinsBenefits)||void 0===a?void 0:a.map((function(e,n){return E(e,n)}))})),t<(null==q?void 0:q.length)-1&&n.jsx("hr",{className:h})]},t)}))}))}),[]);return n.jsx(t.Drawer,e.__assign({overlay:!0,showClose:!0,direction:"bottom",isOpen:j,closeOnOutsideClick:k,onClose:function(){},handleClose:M},{children:n.jsxs("div",e.__assign({className:d,style:{maxHeight:"calc(100dvh - 56px)"}},{children:[n.jsx("img",{src:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsBgPattern.png",alt:"supercoins_pattern",className:l}),n.jsxs("div",e.__assign({className:p},{children:[n.jsxs("div",e.__assign({className:y,style:{display:"flex",flexDirection:"column",alignItems:"center"}},{children:[n.jsx(o.Typography,e.__assign({colorCode:"rgba(255, 255, 255, 0.75)",variant:o.TypographyVariant.P3,style:{marginBottom:"8px"}},{children:"Your SuperCoin balance"})),n.jsxs("div",e.__assign({className:c},{children:[n.jsx("img",{src:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsLogo.png",alt:"supercoins_logo",width:32,height:32}),n.jsx(o.Typography,e.__assign({color:"neutral",variant:o.TypographyVariant.HD2,style:{lineHeight:"32px",letterSpacing:"-0.75px"}},{children:parseInt(T).toLocaleString()}))]})),n.jsx("div",e.__assign({className:_},{children:n.jsx(o.Typography,e.__assign({color:"neutral",variant:o.TypographyVariant.HM4,style:{lineHeight:"16px",letterSpacing:"0.4px",textTransform:"uppercase"}},{children:"1 SUPERCOIN = ₹1"}))})),V&&n.jsxs("div",e.__assign({className:u},{children:[n.jsx("img",{src:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoins_hourglass_red.png",alt:"hourglass_icon",width:16,height:16}),n.jsx(o.Typography,e.__assign({colorCode:"#C83232",variant:o.TypographyVariant.B3},{children:"".concat(B," SuperCoins expiring soon!")}))]})),n.jsxs("div",e.__assign({className:m},{children:[n.jsx("div",e.__assign({className:x},{children:P()})),null==N?void 0:N.map((function(i,o){return n.jsx("div",e.__assign({style:{padding:"12px 16px"}},{children:E(i,o)}),o)}))]}))]})),n.jsxs("div",e.__assign({className:v,style:{paddingTop:"20px",paddingBottom:"32px"}},{children:[n.jsx(o.Typography,e.__assign({variant:o.TypographyVariant.HM3,style:{lineHeight:"22px"}},{children:"Got more questions?"})),n.jsx(o.Typography,e.__assign({color:"link",variant:o.TypographyVariant.L2,isClickable:!0,onClick:O},{children:"Read guide"}))]}))]}))]}))}))};
2
2
  //# sourceMappingURL=ct-platform-supercoins-bottom-sheet.cjs.js.map
@@ -1,2 +1,2 @@
1
- import{__rest as e,__assign as n}from"tslib";import{jsxs as i,jsx as o}from"react/jsx-runtime";import{useMemo as t,useCallback as r}from"react";import{Typography as a,TypographyVariant as d}from"@cleartrip/ct-design-typography";import{Drawer as s}from"@cleartrip/ct-platform-drawer";import{getQueryParam as l,ravenSDKTrigger as c}from"@cleartrip/ct-platform-utils";var p=[{heading:"Flights",supercoinsBenefits:[{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsFlights.png",text:"Get up to ₹5000 extra off",subtext:"On this booking"},{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsCashNote.png",text:"Earn up to ₹300 cashback",subtext:"As SuperCoins after every booking"}]},{heading:"Hotels",supercoinsBenefits:[{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsHotels.png",text:"Get up to ₹5000 extra off",subtext:"On this booking"}]},{heading:"Bus",supercoinsBenefits:[{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/bus_icon_mirrors.png",text:"Get up to ₹5000 extra off",subtext:"On this booking"}]}],u=[{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsCoupon.png",text:"Get extra discounts",subtext:"Using SuperCoins on your next trip"}];var m="index-module_supercoinsContainer__EvNaU",_="index-module_supercoinsBgPattern__VSbAI",f="index-module_supercoinsContent__Oi0Xv",x="index-module_supercoinsInfo__b3GpL",g="index-module_supercoinsValue__tXaV6",h="index-module_supercoinsExpiry__1kMrX",v="index-module_supercoinsBenefitsOuterContainer__1K9QA",b="index-module_supercoinsBenefitsInnerContainer__glJQ0",y="index-module_supercoinsBenefits__Zv4jI",C="index-module_supercoinsBenefitsItem__9jW-G",k="index-module_supercoinsHorizontalLine__M-bag",B="index-module_fadeInUpAnimation_content__GTfqH",I="index-module_fadeInUpAnimation_footer__QXM34";!function(e,n){void 0===n&&(n={});var i=n.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===i&&o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}('.index-module_supercoinsContainer__EvNaU{background:#fff;border-radius:1rem 1rem 0 0;display:flex;flex-direction:column;overflow-y:scroll;position:relative}.index-module_supercoinsBgPattern__VSbAI{border-radius:1rem 1rem 0 0;height:233px;position:absolute;width:100%;z-index:0}.index-module_supercoinsContent__Oi0Xv{display:flex;flex-direction:column;padding:32px 16px 0;position:relative}.index-module_supercoinsInfo__b3GpL{align-items:center;display:flex;flex-direction:row;gap:8px;margin-bottom:16px}.index-module_supercoinsValue__tXaV6{align-items:center;background:#002560;border-radius:8px;display:flex;justify-content:center;margin-bottom:12px;overflow:hidden;padding:6px 12px;position:relative}.index-module_supercoinsValue__tXaV6:before{animation:index-module_shimmer_sheet__aY0Ex 2.4s ease-in infinite;background:hsla(0,0%,100%,.08);content:"";height:200%;left:-30%;position:absolute;transform:rotate(150deg);width:24px}@keyframes index-module_shimmer_sheet__aY0Ex{0%{left:-30%}to{left:120%}}.index-module_supercoinsExpiry__1kMrX{align-items:center;background:var(--Error-Red-100,#fbefef);border-radius:24px;display:flex;flex-direction:row;gap:6px;padding:4px 8px}.index-module_supercoinsBenefitsOuterContainer__1K9QA{background:#ecf8f4;border:.5px solid #e6e6e6;border-radius:16px;box-shadow:0 4px 16px 0 rgba(26,26,26,.08);display:flex;flex-direction:column;margin-top:32px;width:100%}.index-module_supercoinsBenefitsInnerContainer__glJQ0{background:#fff;border-radius:15px 15px 16px 16px;display:flex;flex-direction:column;gap:16px;margin:0 .5px;width:calc(100% - 1px)}.index-module_supercoinsBenefits__Zv4jI{display:flex;flex-direction:column;gap:16px}.index-module_supercoinsBenefitsItem__9jW-G{align-items:center;display:flex;flex-direction:row;gap:12px}.index-module_supercoinsHorizontalLine__M-bag{border:none;border-top:1px dotted #e6e6e6;margin:16px 0}@keyframes index-module_fadeInUp__-dPYt{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.index-module_fadeInUpAnimation_content__GTfqH>*{animation:index-module_fadeInUp__-dPYt .25s ease-in forwards;opacity:0}.index-module_fadeInUpAnimation_content__GTfqH>:first-child{animation-delay:0ms}.index-module_fadeInUpAnimation_content__GTfqH>:nth-child(2){animation-delay:.25s}.index-module_fadeInUpAnimation_content__GTfqH>:nth-child(3){animation-delay:.5s}.index-module_fadeInUpAnimation_content__GTfqH>:nth-child(4){animation-delay:.75s}.index-module_fadeInUpAnimation_content__GTfqH>:nth-child(5){animation-delay:1s}.index-module_fadeInUpAnimation_footer__QXM34>*{animation:index-module_fadeInUp__-dPYt .25s ease-in forwards;opacity:0}.index-module_fadeInUpAnimation_footer__QXM34>:first-child{animation-delay:1.25s}.index-module_fadeInUpAnimation_footer__QXM34>:nth-child(2){animation-delay:1.5s}');var w=function(w){var H=w.isBottomSheetOpen,N=w.closeOnOutsideClick,U=void 0!==N&&N,A=w.supercoinBurnBalance,q=w.supercoinsExpiringCount,G=w.supercoinsExpiringInDays,O=w.supercoinsBenefits,E=void 0===O?p:O,S=w.commonBenefits,M=void 0===S?u:S,T=w.onCloseButtonClick,P=w.ravenPayload,X=void 0===P?{}:P,Q=t((function(){return null!=q&&null!=G&&q>0}),[q,G]),V=t((function(){var e;return null!==(e=l("utm_source"))&&void 0!==e?e:"organic"}),[]),Y=r((function(i){var o;null==i||i.stopPropagation(),T&&"function"==typeof T&&T();var t=X.action_event_name,r=e(X,["action_event_name"]);c(null!==(o=t)&&void 0!==o?o:"u_ui_action",n({action_name:"supercoin_bottom_sheet_dismiss_click",page_name:"unified_homepage",supercoin_balance:A,u_utm_source:V},r))}),[]),L=r((function(){var i,o=X.action_event_name,t=e(X,["action_event_name"]);c(null!==(i=o)&&void 0!==i?i:"u_ui_action",n({action_name:"supercoin_bottom_sheet_read_guide_click",page_name:"unified_homepage",supercoin_balance:A,u_utm_source:V},t)),window.location.href="https://www.cleartrip.com/all-offers/supercoins"}),[]),j=r((function(e,t){return i("div",n({className:C},{children:[o("img",{src:null==e?void 0:e.icon,alt:"benefits_icon",width:32,height:32}),i("div",{children:[o(a,n({variant:d.HM4},{children:null==e?void 0:e.text})),o(a,n({color:"subheading",variant:d.P2},{children:null==e?void 0:e.subtext}))]})]}),t)}),[]),z=r((function(){return o("div",n({style:{padding:"16px"}},{children:null==E?void 0:E.map((function(e,t){var r;return i("div",{children:[(null==e?void 0:e.heading)&&o(a,n({variant:d.HM2,style:{lineHeight:"24px",paddingBottom:"16px"}},{children:null==e?void 0:e.heading})),o("div",n({className:y},{children:null===(r=null==e?void 0:e.supercoinsBenefits)||void 0===r?void 0:r.map((function(e,n){return j(e,n)}))})),t<(null==E?void 0:E.length)-1&&o("hr",{className:k})]},t)}))}))}),[]);return o(s,n({overlay:!0,showClose:!0,direction:"bottom",isOpen:H,closeOnOutsideClick:U,onClose:function(){},handleClose:Y},{children:i("div",n({className:m,style:{maxHeight:"calc(100dvh - 56px)"}},{children:[o("img",{src:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsBgPattern.png",alt:"supercoins_pattern",className:_}),i("div",n({className:f},{children:[i("div",n({className:B,style:{display:"flex",flexDirection:"column",alignItems:"center"}},{children:[o(a,n({colorCode:"rgba(255, 255, 255, 0.75)",variant:d.P3,style:{marginBottom:"8px"}},{children:"Your SuperCoin balance"})),i("div",n({className:x},{children:[o("img",{src:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsLogo.png",alt:"supercoins_logo",width:32,height:32}),o(a,n({color:"neutral",variant:d.HD2,style:{lineHeight:"32px",letterSpacing:"-0.75px"}},{children:parseInt(A).toLocaleString()}))]})),o("div",n({className:g},{children:o(a,n({color:"neutral",variant:d.HM4,style:{lineHeight:"16px",letterSpacing:"0.4px",textTransform:"uppercase"}},{children:"1 SUPERCOIN = ₹1"}))})),Q&&i("div",n({className:h},{children:[o("img",{src:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoins_hourglass_red.png",alt:"hourglass_icon",width:16,height:16}),o(a,n({colorCode:"#C83232",variant:d.B3},{children:"".concat(q," SuperCoins expiring soon!")}))]})),i("div",n({className:v},{children:[o("div",n({className:b},{children:z()})),null==M?void 0:M.map((function(e,i){return o("div",n({style:{padding:"12px 16px"}},{children:j(e,i)}),i)}))]}))]})),i("div",n({className:I,style:{paddingTop:"20px",paddingBottom:"32px"}},{children:[o(a,n({variant:d.HM3,style:{lineHeight:"22px"}},{children:"Got more questions?"})),o(a,n({color:"link",variant:d.L2,isClickable:!0,onClick:L},{children:"Read guide"}))]}))]}))]}))}))};export{w as SupercoinsBottomSheet};
1
+ import{__rest as e,__assign as n}from"tslib";import{jsxs as i,jsx as o}from"react/jsx-runtime";import{useMemo as t,useCallback as r}from"react";import{Typography as a,TypographyVariant as d}from"@cleartrip/ct-design-typography";import{Drawer as s}from"@cleartrip/ct-platform-drawer";import{getQueryParam as l,ravenSDKTrigger as c}from"@cleartrip/ct-platform-utils";var p=[{heading:"Flights",supercoinsBenefits:[{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsFlights.png",text:"Get up to ₹5000 extra off",subtext:"On this booking"},{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsCashNote.png",text:"Earn up to ₹100 cashback",subtext:"As SuperCoins after every booking"}]},{heading:"Hotels",supercoinsBenefits:[{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsHotels.png",text:"Get up to ₹5000 extra off",subtext:"On this booking"}]},{heading:"Bus",supercoinsBenefits:[{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/bus_icon_mirrors.png",text:"Get up to ₹5000 extra off",subtext:"On this booking"}]}],u=[{icon:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsCoupon.png",text:"Get extra discounts",subtext:"Using SuperCoins on your next trip"}];var m="index-module_supercoinsContainer__EvNaU",_="index-module_supercoinsBgPattern__VSbAI",f="index-module_supercoinsContent__Oi0Xv",x="index-module_supercoinsInfo__b3GpL",g="index-module_supercoinsValue__tXaV6",h="index-module_supercoinsExpiry__1kMrX",v="index-module_supercoinsBenefitsOuterContainer__1K9QA",b="index-module_supercoinsBenefitsInnerContainer__glJQ0",y="index-module_supercoinsBenefits__Zv4jI",C="index-module_supercoinsBenefitsItem__9jW-G",k="index-module_supercoinsHorizontalLine__M-bag",B="index-module_fadeInUpAnimation_content__GTfqH",I="index-module_fadeInUpAnimation_footer__QXM34";!function(e,n){void 0===n&&(n={});var i=n.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===i&&o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}('.index-module_supercoinsContainer__EvNaU{background:#fff;border-radius:1rem 1rem 0 0;display:flex;flex-direction:column;overflow-y:scroll;position:relative}.index-module_supercoinsBgPattern__VSbAI{border-radius:1rem 1rem 0 0;height:233px;position:absolute;width:100%;z-index:0}.index-module_supercoinsContent__Oi0Xv{display:flex;flex-direction:column;padding:32px 16px 0;position:relative}.index-module_supercoinsInfo__b3GpL{align-items:center;display:flex;flex-direction:row;gap:8px;margin-bottom:16px}.index-module_supercoinsValue__tXaV6{align-items:center;background:#002560;border-radius:8px;display:flex;justify-content:center;margin-bottom:12px;overflow:hidden;padding:6px 12px;position:relative}.index-module_supercoinsValue__tXaV6:before{animation:index-module_shimmer_sheet__aY0Ex 2.4s ease-in infinite;background:hsla(0,0%,100%,.08);content:"";height:200%;left:-30%;position:absolute;transform:rotate(150deg);width:24px}@keyframes index-module_shimmer_sheet__aY0Ex{0%{left:-30%}to{left:120%}}.index-module_supercoinsExpiry__1kMrX{align-items:center;background:var(--Error-Red-100,#fbefef);border-radius:24px;display:flex;flex-direction:row;gap:6px;padding:4px 8px}.index-module_supercoinsBenefitsOuterContainer__1K9QA{background:#ecf8f4;border:.5px solid #e6e6e6;border-radius:16px;box-shadow:0 4px 16px 0 rgba(26,26,26,.08);display:flex;flex-direction:column;margin-top:32px;width:100%}.index-module_supercoinsBenefitsInnerContainer__glJQ0{background:#fff;border-radius:15px 15px 16px 16px;display:flex;flex-direction:column;gap:16px;margin:0 .5px;width:calc(100% - 1px)}.index-module_supercoinsBenefits__Zv4jI{display:flex;flex-direction:column;gap:16px}.index-module_supercoinsBenefitsItem__9jW-G{align-items:center;display:flex;flex-direction:row;gap:12px}.index-module_supercoinsHorizontalLine__M-bag{border:none;border-top:1px dotted #e6e6e6;margin:16px 0}@keyframes index-module_fadeInUp__-dPYt{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.index-module_fadeInUpAnimation_content__GTfqH>*{animation:index-module_fadeInUp__-dPYt .25s ease-in forwards;opacity:0}.index-module_fadeInUpAnimation_content__GTfqH>:first-child{animation-delay:0ms}.index-module_fadeInUpAnimation_content__GTfqH>:nth-child(2){animation-delay:.25s}.index-module_fadeInUpAnimation_content__GTfqH>:nth-child(3){animation-delay:.5s}.index-module_fadeInUpAnimation_content__GTfqH>:nth-child(4){animation-delay:.75s}.index-module_fadeInUpAnimation_content__GTfqH>:nth-child(5){animation-delay:1s}.index-module_fadeInUpAnimation_footer__QXM34>*{animation:index-module_fadeInUp__-dPYt .25s ease-in forwards;opacity:0}.index-module_fadeInUpAnimation_footer__QXM34>:first-child{animation-delay:1.25s}.index-module_fadeInUpAnimation_footer__QXM34>:nth-child(2){animation-delay:1.5s}');var w=function(w){var H=w.isBottomSheetOpen,N=w.closeOnOutsideClick,U=void 0!==N&&N,A=w.supercoinBurnBalance,q=w.supercoinsExpiringCount,G=w.supercoinsExpiringInDays,O=w.supercoinsBenefits,E=void 0===O?p:O,S=w.commonBenefits,M=void 0===S?u:S,T=w.onCloseButtonClick,P=w.ravenPayload,X=void 0===P?{}:P,Q=t((function(){return null!=q&&null!=G&&q>0}),[q,G]),V=t((function(){var e;return null!==(e=l("utm_source"))&&void 0!==e?e:"organic"}),[]),Y=r((function(i){var o;null==i||i.stopPropagation(),T&&"function"==typeof T&&T();var t=X.action_event_name,r=e(X,["action_event_name"]);c(null!==(o=t)&&void 0!==o?o:"u_ui_action",n({action_name:"supercoin_bottom_sheet_dismiss_click",page_name:"unified_homepage",supercoin_balance:A,u_utm_source:V},r))}),[]),L=r((function(){var i,o=X.action_event_name,t=e(X,["action_event_name"]);c(null!==(i=o)&&void 0!==i?i:"u_ui_action",n({action_name:"supercoin_bottom_sheet_read_guide_click",page_name:"unified_homepage",supercoin_balance:A,u_utm_source:V},t)),window.location.href="https://www.cleartrip.com/all-offers/supercoins"}),[]),j=r((function(e,t){return i("div",n({className:C},{children:[o("img",{src:null==e?void 0:e.icon,alt:"benefits_icon",width:32,height:32}),i("div",{children:[o(a,n({variant:d.HM4},{children:null==e?void 0:e.text})),o(a,n({color:"subheading",variant:d.P2},{children:null==e?void 0:e.subtext}))]})]}),t)}),[]),z=r((function(){return o("div",n({style:{padding:"16px"}},{children:null==E?void 0:E.map((function(e,t){var r;return i("div",{children:[(null==e?void 0:e.heading)&&o(a,n({variant:d.HM2,style:{lineHeight:"24px",paddingBottom:"16px"}},{children:null==e?void 0:e.heading})),o("div",n({className:y},{children:null===(r=null==e?void 0:e.supercoinsBenefits)||void 0===r?void 0:r.map((function(e,n){return j(e,n)}))})),t<(null==E?void 0:E.length)-1&&o("hr",{className:k})]},t)}))}))}),[]);return o(s,n({overlay:!0,showClose:!0,direction:"bottom",isOpen:H,closeOnOutsideClick:U,onClose:function(){},handleClose:Y},{children:i("div",n({className:m,style:{maxHeight:"calc(100dvh - 56px)"}},{children:[o("img",{src:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsBgPattern.png",alt:"supercoins_pattern",className:_}),i("div",n({className:f},{children:[i("div",n({className:B,style:{display:"flex",flexDirection:"column",alignItems:"center"}},{children:[o(a,n({colorCode:"rgba(255, 255, 255, 0.75)",variant:d.P3,style:{marginBottom:"8px"}},{children:"Your SuperCoin balance"})),i("div",n({className:x},{children:[o("img",{src:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoinsLogo.png",alt:"supercoins_logo",width:32,height:32}),o(a,n({color:"neutral",variant:d.HD2,style:{lineHeight:"32px",letterSpacing:"-0.75px"}},{children:parseInt(A).toLocaleString()}))]})),o("div",n({className:g},{children:o(a,n({color:"neutral",variant:d.HM4,style:{lineHeight:"16px",letterSpacing:"0.4px",textTransform:"uppercase"}},{children:"1 SUPERCOIN = ₹1"}))})),Q&&i("div",n({className:h},{children:[o("img",{src:"https://rukmini-ct.flixcart.com/f_auto,q_auto,dpr_2/offermgmt-prod/offermgmt/images/banner/supercoins_hourglass_red.png",alt:"hourglass_icon",width:16,height:16}),o(a,n({colorCode:"#C83232",variant:d.B3},{children:"".concat(q," SuperCoins expiring soon!")}))]})),i("div",n({className:v},{children:[o("div",n({className:b},{children:z()})),null==M?void 0:M.map((function(e,i){return o("div",n({style:{padding:"12px 16px"}},{children:j(e,i)}),i)}))]}))]})),i("div",n({className:I,style:{paddingTop:"20px",paddingBottom:"32px"}},{children:[o(a,n({variant:d.HM3,style:{lineHeight:"22px"}},{children:"Got more questions?"})),o(a,n({color:"link",variant:d.L2,isClickable:!0,onClick:L},{children:"Read guide"}))]}))]}))]}))}))};export{w as SupercoinsBottomSheet};
2
2
  //# sourceMappingURL=ct-platform-supercoins-bottom-sheet.esm.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cleartrip/ct-platform-supercoins-bottom-sheet",
3
- "version": "2.3.21",
3
+ "version": "2.3.22",
4
4
  "description": "SuperCoins Bottom Sheet Component",
5
5
  "types": "dist/index.d.ts",
6
6
  "main": "dist/ct-platform-supercoins-bottom-sheet.cjs.js",
@@ -12,8 +12,8 @@
12
12
  "dependencies": {
13
13
  "@cleartrip/ct-design-button": "2.6.0",
14
14
  "@cleartrip/ct-design-typography": "2.6.0",
15
- "@cleartrip/ct-platform-utils": "4.3.21",
16
- "@cleartrip/ct-platform-drawer": "4.3.21"
15
+ "@cleartrip/ct-platform-drawer": "4.3.21",
16
+ "@cleartrip/ct-platform-utils": "4.3.21"
17
17
  },
18
18
  "peerDependencies": {
19
19
  "react": ">=16.8.0",