@cleartrip/ct-platform-supercoins-floating-island 1.0.1-beta.19 → 1.0.1-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.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),t=require("@lottiefiles/dotlottie-react");var o,s="index-module_island_container__4TL4c",a="index-module_island__lpIBI",r="index-module_expand__Slboq",d="index-module_tooltip__jBD1B",_="index-module_content_wrapper__0ZFTx",l="index-module_supercoins_wrapper__tv2r9",c="index-module_heading__YU4VL",m="index-module_supercoins_logo__476z2",p="index-module_supercoins__aVo4c",u="index-module_supercoins_animation_wrapper__7lDYZ",f="index-module_supercoins_increment_wrapper__ot0MN",x="index-module_supercoins_increment__HfHz9",h="index-module_lottie-canvas__b-B9p";function g(e){var o=e.onAnimationEnd,s=void 0===o?function(){}:o,a=i.useState(null),r=a[0],d=a[1];return i.useEffect((function(){if(r){var e=setTimeout((function(){r.play()}),
|
|
1
|
+
"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),t=require("@lottiefiles/dotlottie-react");var o,s="index-module_island_container__4TL4c",a="index-module_island__lpIBI",r="index-module_expand__Slboq",d="index-module_tooltip__jBD1B",_="index-module_content_wrapper__0ZFTx",l="index-module_supercoins_wrapper__tv2r9",c="index-module_heading__YU4VL",m="index-module_supercoins_logo__476z2",p="index-module_supercoins__aVo4c",u="index-module_supercoins_animation_wrapper__7lDYZ",f="index-module_supercoins_increment_wrapper__ot0MN",x="index-module_supercoins_increment__HfHz9",h="index-module_lottie-canvas__b-B9p";function g(e){var o=e.onAnimationEnd,s=void 0===o?function(){}:o,a=i.useState(null),r=a[0],d=a[1];return i.useEffect((function(){if(r){var e=setTimeout((function(){r.play()}),3100);return r.addEventListener("complete",s),r.addEventListener("freeze",(function(){r.unfreeze()})),function(){clearTimeout(e)}}}),[r]),n.jsx(t.DotLottieReact,{src:"https://static-assets-ct.flixcart.com/ct/assets/offermgmt/lottie/SC_floating_island.lottie",className:h,dotLottieRefCallback:function(e){d(e)}})}!function(e,n){void 0===n&&(n={});var i=n.insertAt;if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===i&&t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".index-module_island_container__4TL4c{font-family:Inter;position:relative}.index-module_island__lpIBI{align-items:center;animation:index-module_island_fadein__hqMds 1s 1 forwards,index-module_island_slideDown__bo-l7 1s 1 forwards,index-module_island_slideUp__k-yM5 1s 9s forwards,index-module_island_fadeOut__1aBg8 1s 9s forwards;background-color:#003ea2;border-radius:16px;display:flex;height:90px;justify-content:center;margin-top:18px;max-width:420px;opacity:.1;position:absolute;top:0;transform:translateY(-10px);width:100%;z-index:-1}.index-module_expand__Slboq{animation:index-module_expand__Slboq 1s 1 forwards,index-module_compress__8Xyt- 1s 9s 1 forwards;height:0;position:relative;width:336px}.index-module_tooltip__jBD1B{position:absolute;right:20px;top:-9px;width:25px}.index-module_content_wrapper__0ZFTx{animation:index-module_contentwrapper_slidedown__L32FG 1s;animation-fill-mode:forwards;animation-iteration-count:1;transform:translateY(-8px)}.index-module_supercoins_wrapper__tv2r9{align-items:center;animation:index-module_supercoins_slidedown__FKn-p .5s cubic-bezier(.65,.05,.36,1) .2s 1 forwards;display:flex;gap:4px;height:max-content;justify-content:center;line-height:32px;margin-left:auto;margin-right:auto;margin-top:4px;transform:translateY(-4px);width:max-content}.index-module_heading__YU4VL{animation:index-module_scale_down__4sBhs .7s 4.2s 1 forwards;color:#fff;font-size:12px;font-weight:400;line-height:16px;opacity:.7;text-align:center}.index-module_supercoins_logo__476z2{height:28px;width:28px}.index-module_supercoins__aVo4c{color:#fff;font-size:32px;font-weight:600;letter-spacing:-.5px;line-height:36px}.index-module_supercoins_animation_wrapper__7lDYZ{animation:index-module_supercoins_animation_wrapper_scaleup__O6Yq0 .85s 2.5s 1 forwards,index-module_scale_down__4sBhs .7s 4.2s 1 forwards;display:flex;position:relative}.index-module_supercoins_increment_wrapper__ot0MN{animation:index-module_supercoins_increment_wrapper_width__nZPna 1s 1s 1 forwards;direction:ltr;display:flex;height:36px;justify-content:left;max-width:168px;width:0}.index-module_supercoins_increment__HfHz9{animation:index-module_supercoins_increment_slidedown__R45HT 1s 1s 1 forwards;color:#b7eda8;font-size:32px;font-weight:600;left:var(--supercoins-increment-shift_left_by);letter-spacing:-.5px;line-height:36px;margin-top:4px;opacity:0;position:absolute;top:-50%;white-space:nowrap}.index-module_lottie-canvas__b-B9p{animation:index-module_island_fadein__hqMds 1s;animation-fill-mode:forwards;animation-iteration-count:1;border-radius:16px;height:102%;left:0;opacity:.1;position:absolute;top:0;width:102%}@keyframes index-module_animation_exit__dkIsm{0%{height:96px}to{height:0}}@keyframes index-module_scale_down__4sBhs{0%{opacity:1;scale:1}to{opacity:0;scale:0}}@keyframes index-module_supercoins_animation_wrapper_scaleup__O6Yq0{0%{scale:1}50%{scale:1.1}90%{scale:.9}to{scale:1}}@keyframes index-module_supercoins_increment_wrapper_width__nZPna{0%{width:0}to{width:var(--supercoins-increment-width)}}@keyframes index-module_supercoins_increment_slidedown__R45HT{0%{opacity:0;top:-50%}to{opacity:1;top:0}}@keyframes index-module_island_fadein__hqMds{0%{opacity:.1}to{opacity:1}}@keyframes index-module_island_fadeOut__1aBg8{0%{opacity:1}to{opacity:0}}@keyframes index-module_contentwrapper_slidedown__L32FG{0%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes index-module_supercoins_slidedown__FKn-p{0%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes index-module_island_slideDown__bo-l7{0%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes index-module_island_slideUp__k-yM5{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes index-module_expand__Slboq{0%{height:0}to{height:108px}}@keyframes index-module_compress__8Xyt-{0%{height:108px}to{height:0}}"),exports.ISLAND_ALIGN=void 0,(o=exports.ISLAND_ALIGN||(exports.ISLAND_ALIGN={}))[o.left=0]="left",o[o.right=1]="right";var w=exports.ISLAND_ALIGN.right;exports.SupercoinsFloatingIsland=function(t){var o,h,y,v,b=t.islandStyles,N=void 0===b?"":b,L=t.superCoins,j=void 0===L?5e3:L,k=t.align,S=void 0===k?w:k,I=t.onAnimationStart,Y=void 0===I?function(){}:I,q=t.onAnimationEnd,A=void 0===q?function(){}:q;o=j,h=document.querySelector(":root"),y=45,v=100,o>99&&o<999?y=50:o>999&&o<9999?(y=50,v=120):o>9999&&(y=50,v=150),null==h||h.style.setProperty("--supercoins-increment-shift_left_by","".concat(y,"%")),null==h||h.style.setProperty("--supercoins-increment-width","".concat(v,"px"));var B=i.useState(j-40),E=B[0],D=B[1],z=i.useRef(null);i.useEffect((function(){var e;if(z.current)return null===(e=null==z?void 0:z.current)||void 0===e||e.addEventListener("animationstart",n),function(){var e;null===(e=null==z?void 0:z.current)||void 0===e||e.removeEventListener("animationstart",n)};function n(){return setInterval((function(){D((function(e){return e<j?e+1:e}))}),50)}}),[]),i.useEffect((function(){Y()}),[]);var T=S===exports.ISLAND_ALIGN.left?{left:0}:{right:0},C=document?document.documentElement.clientWidth-32:320;return n.jsxs("div",e.__assign({className:"".concat(s," ").concat(N)},{children:[n.jsx("div",{className:r}),n.jsxs("div",e.__assign({style:e.__assign(e.__assign({},T),{width:C}),className:a},{children:[n.jsx("img",{src:"https://rukmini-ct.flixcart.com/f_auto,q_auto/offermgmt-prod/offermgmt/images/banner/floating_island_tooltip.png",className:d}),n.jsx("div",e.__assign({style:{position:"absolute",overflow:"hidden",width:"100%",height:"100%",borderRadius:"16px"}},{children:n.jsx(g,{onAnimationEnd:A})})),n.jsxs("div",e.__assign({className:_},{children:[n.jsx("p",e.__assign({className:c},{children:"Your SuperCoin balance"})),n.jsxs("div",e.__assign({className:u},{children:[n.jsxs("div",e.__assign({className:l},{children:[n.jsx("img",{src:"https://rukmini-ct.flixcart.com/f_auto,q_auto/offermgmt-prod/offermgmt/images/banner/supercoin_island.png",className:m}),n.jsx("p",e.__assign({className:p},{children:j}))]})),n.jsx("div",e.__assign({className:f},{children:n.jsxs("p",e.__assign({className:x,ref:z},{children:["= ₹",E]}))}))]}))]}))]}))]}))};
|
|
2
2
|
//# sourceMappingURL=ct-platform-supercoins-floating-island.cjs.js.map
|
|
@@ -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 o,useRef as a}from"react";import{DotLottieReact as r}from"@lottiefiles/dotlottie-react";var s,d="index-module_island_container__4TL4c",l="index-module_island__lpIBI",_="index-module_expand__Slboq",m="index-module_tooltip__jBD1B",c="index-module_content_wrapper__0ZFTx",p="index-module_supercoins_wrapper__tv2r9",u="index-module_heading__YU4VL",f="index-module_supercoins_logo__476z2",x="index-module_supercoins__aVo4c",h="index-module_supercoins_animation_wrapper__7lDYZ",w="index-module_supercoins_increment_wrapper__ot0MN",g="index-module_supercoins_increment__HfHz9",y="index-module_lottie-canvas__b-B9p";function v(e){var t=e.onAnimationEnd,a=void 0===t?function(){}:t,s=i(null),d=s[0],l=s[1];return o((function(){if(d){var e=setTimeout((function(){d.play()}),
|
|
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 a}from"react";import{DotLottieReact as r}from"@lottiefiles/dotlottie-react";var s,d="index-module_island_container__4TL4c",l="index-module_island__lpIBI",_="index-module_expand__Slboq",m="index-module_tooltip__jBD1B",c="index-module_content_wrapper__0ZFTx",p="index-module_supercoins_wrapper__tv2r9",u="index-module_heading__YU4VL",f="index-module_supercoins_logo__476z2",x="index-module_supercoins__aVo4c",h="index-module_supercoins_animation_wrapper__7lDYZ",w="index-module_supercoins_increment_wrapper__ot0MN",g="index-module_supercoins_increment__HfHz9",y="index-module_lottie-canvas__b-B9p";function v(e){var t=e.onAnimationEnd,a=void 0===t?function(){}:t,s=i(null),d=s[0],l=s[1];return o((function(){if(d){var e=setTimeout((function(){d.play()}),3100);return d.addEventListener("complete",a),d.addEventListener("freeze",(function(){d.unfreeze()})),function(){clearTimeout(e)}}}),[d]),n(r,{src:"https://static-assets-ct.flixcart.com/ct/assets/offermgmt/lottie/SC_floating_island.lottie",className:y,dotLottieRefCallback:function(e){l(e)}})}!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_island_container__4TL4c{font-family:Inter;position:relative}.index-module_island__lpIBI{align-items:center;animation:index-module_island_fadein__hqMds 1s 1 forwards,index-module_island_slideDown__bo-l7 1s 1 forwards,index-module_island_slideUp__k-yM5 1s 9s forwards,index-module_island_fadeOut__1aBg8 1s 9s forwards;background-color:#003ea2;border-radius:16px;display:flex;height:90px;justify-content:center;margin-top:18px;max-width:420px;opacity:.1;position:absolute;top:0;transform:translateY(-10px);width:100%;z-index:-1}.index-module_expand__Slboq{animation:index-module_expand__Slboq 1s 1 forwards,index-module_compress__8Xyt- 1s 9s 1 forwards;height:0;position:relative;width:336px}.index-module_tooltip__jBD1B{position:absolute;right:20px;top:-9px;width:25px}.index-module_content_wrapper__0ZFTx{animation:index-module_contentwrapper_slidedown__L32FG 1s;animation-fill-mode:forwards;animation-iteration-count:1;transform:translateY(-8px)}.index-module_supercoins_wrapper__tv2r9{align-items:center;animation:index-module_supercoins_slidedown__FKn-p .5s cubic-bezier(.65,.05,.36,1) .2s 1 forwards;display:flex;gap:4px;height:max-content;justify-content:center;line-height:32px;margin-left:auto;margin-right:auto;margin-top:4px;transform:translateY(-4px);width:max-content}.index-module_heading__YU4VL{animation:index-module_scale_down__4sBhs .7s 4.2s 1 forwards;color:#fff;font-size:12px;font-weight:400;line-height:16px;opacity:.7;text-align:center}.index-module_supercoins_logo__476z2{height:28px;width:28px}.index-module_supercoins__aVo4c{color:#fff;font-size:32px;font-weight:600;letter-spacing:-.5px;line-height:36px}.index-module_supercoins_animation_wrapper__7lDYZ{animation:index-module_supercoins_animation_wrapper_scaleup__O6Yq0 .85s 2.5s 1 forwards,index-module_scale_down__4sBhs .7s 4.2s 1 forwards;display:flex;position:relative}.index-module_supercoins_increment_wrapper__ot0MN{animation:index-module_supercoins_increment_wrapper_width__nZPna 1s 1s 1 forwards;direction:ltr;display:flex;height:36px;justify-content:left;max-width:168px;width:0}.index-module_supercoins_increment__HfHz9{animation:index-module_supercoins_increment_slidedown__R45HT 1s 1s 1 forwards;color:#b7eda8;font-size:32px;font-weight:600;left:var(--supercoins-increment-shift_left_by);letter-spacing:-.5px;line-height:36px;margin-top:4px;opacity:0;position:absolute;top:-50%;white-space:nowrap}.index-module_lottie-canvas__b-B9p{animation:index-module_island_fadein__hqMds 1s;animation-fill-mode:forwards;animation-iteration-count:1;border-radius:16px;height:102%;left:0;opacity:.1;position:absolute;top:0;width:102%}@keyframes index-module_animation_exit__dkIsm{0%{height:96px}to{height:0}}@keyframes index-module_scale_down__4sBhs{0%{opacity:1;scale:1}to{opacity:0;scale:0}}@keyframes index-module_supercoins_animation_wrapper_scaleup__O6Yq0{0%{scale:1}50%{scale:1.1}90%{scale:.9}to{scale:1}}@keyframes index-module_supercoins_increment_wrapper_width__nZPna{0%{width:0}to{width:var(--supercoins-increment-width)}}@keyframes index-module_supercoins_increment_slidedown__R45HT{0%{opacity:0;top:-50%}to{opacity:1;top:0}}@keyframes index-module_island_fadein__hqMds{0%{opacity:.1}to{opacity:1}}@keyframes index-module_island_fadeOut__1aBg8{0%{opacity:1}to{opacity:0}}@keyframes index-module_contentwrapper_slidedown__L32FG{0%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes index-module_supercoins_slidedown__FKn-p{0%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes index-module_island_slideDown__bo-l7{0%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes index-module_island_slideUp__k-yM5{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes index-module_expand__Slboq{0%{height:0}to{height:108px}}@keyframes index-module_compress__8Xyt-{0%{height:108px}to{height:0}}"),function(e){e[e.left=0]="left",e[e.right=1]="right"}(s||(s={}));var b=s.right;var k=function(r){var y,k,Y,N,B=r.islandStyles,q=void 0===B?"":B,z=r.superCoins,L=void 0===z?5e3:z,S=r.align,T=void 0===S?b:S,E=r.onAnimationStart,C=void 0===E?function(){}:E,I=r.onAnimationEnd,M=void 0===I?function(){}:I;y=L,k=document.querySelector(":root"),Y=45,N=100,y>99&&y<999?Y=50:y>999&&y<9999?(Y=50,N=120):y>9999&&(Y=50,N=150),null==k||k.style.setProperty("--supercoins-increment-shift_left_by","".concat(Y,"%")),null==k||k.style.setProperty("--supercoins-increment-width","".concat(N,"px"));var j=i(L-40),D=j[0],F=j[1],H=a(null);o((function(){var e;if(H.current)return null===(e=null==H?void 0:H.current)||void 0===e||e.addEventListener("animationstart",n),function(){var e;null===(e=null==H?void 0:H.current)||void 0===e||e.removeEventListener("animationstart",n)};function n(){return setInterval((function(){F((function(e){return e<L?e+1:e}))}),50)}}),[]),o((function(){C()}),[]);var Z=T===s.left?{left:0}:{right:0},A=document?document.documentElement.clientWidth-32:320;return t("div",e({className:"".concat(d," ").concat(q)},{children:[n("div",{className:_}),t("div",e({style:e(e({},Z),{width:A}),className:l},{children:[n("img",{src:"https://rukmini-ct.flixcart.com/f_auto,q_auto/offermgmt-prod/offermgmt/images/banner/floating_island_tooltip.png",className:m}),n("div",e({style:{position:"absolute",overflow:"hidden",width:"100%",height:"100%",borderRadius:"16px"}},{children:n(v,{onAnimationEnd:M})})),t("div",e({className:c},{children:[n("p",e({className:u},{children:"Your SuperCoin balance"})),t("div",e({className:h},{children:[t("div",e({className:p},{children:[n("img",{src:"https://rukmini-ct.flixcart.com/f_auto,q_auto/offermgmt-prod/offermgmt/images/banner/supercoin_island.png",className:f}),n("p",e({className:x},{children:L}))]})),n("div",e({className:w},{children:t("p",e({className:g,ref:H},{children:["= ₹",D]}))}))]}))]}))]}))]}))};export{s as ISLAND_ALIGN,k as SupercoinsFloatingIsland};
|
|
2
2
|
//# sourceMappingURL=ct-platform-supercoins-floating-island.esm.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cleartrip/ct-platform-supercoins-floating-island",
|
|
3
|
-
"version": "1.0.1-beta.
|
|
3
|
+
"version": "1.0.1-beta.20",
|
|
4
4
|
"description": "SuperCoins Floating Island Component",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"main": "dist/ct-platform-supercoins-floating-island.cjs.js",
|