@cleartrip/ct-platform-supercoins-floating-island 2.4.0-SNAPSHOT-native-main.0 → 2.4.0
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.
- package/dist/LottieWrapper.d.ts +1 -2
- package/dist/LottieWrapper.d.ts.map +1 -1
- package/dist/SupercoinsFloatingIsland.d.ts +1 -2
- package/dist/SupercoinsFloatingIsland.d.ts.map +1 -1
- package/dist/ct-platform-supercoins-floating-island.cjs.js +1 -1
- package/dist/ct-platform-supercoins-floating-island.cjs.js.map +1 -1
- package/dist/ct-platform-supercoins-floating-island.esm.js +1 -1
- package/dist/ct-platform-supercoins-floating-island.esm.js.map +1 -1
- package/package.json +2 -2
package/dist/LottieWrapper.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
interface LottieWrapperProps {
|
|
3
2
|
onAnimationEnd?: () => void;
|
|
4
3
|
}
|
|
5
|
-
export default function LottieWrapper({ onAnimationEnd, }: LottieWrapperProps):
|
|
4
|
+
export default function LottieWrapper({ onAnimationEnd, }: LottieWrapperProps): import("react/jsx-runtime").JSX.Element;
|
|
6
5
|
export {};
|
|
7
6
|
//# sourceMappingURL=LottieWrapper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LottieWrapper.d.ts","sourceRoot":"","sources":["../packages/components/SupercoinsFloatingIsland/src/LottieWrapper.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LottieWrapper.d.ts","sourceRoot":"","sources":["../packages/components/SupercoinsFloatingIsland/src/LottieWrapper.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IACxB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAClC,cAAyB,GAC5B,EAAE,kBAAkB,2CA6BpB"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import { SupercoinsFloatingIslandProps } from './SupercoinsFloatingIsland.types';
|
|
3
|
-
declare const SupercoinsFloatingIsland: ({ islandStyles, superCoins, align, onAnimationStart, onAnimationEnd, }: SupercoinsFloatingIslandProps) =>
|
|
2
|
+
declare const SupercoinsFloatingIsland: ({ islandStyles, superCoins, align, onAnimationStart, onAnimationEnd, }: SupercoinsFloatingIslandProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
3
|
export default SupercoinsFloatingIsland;
|
|
5
4
|
//# sourceMappingURL=SupercoinsFloatingIsland.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SupercoinsFloatingIsland.d.ts","sourceRoot":"","sources":["../packages/components/SupercoinsFloatingIsland/src/SupercoinsFloatingIsland.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SupercoinsFloatingIsland.d.ts","sourceRoot":"","sources":["../packages/components/SupercoinsFloatingIsland/src/SupercoinsFloatingIsland.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,6BAA6B,EAChC,MAAM,kCAAkC,CAAC;AAS1C,QAAA,MAAM,wBAAwB,2EAM3B,6BAA6B,4CA6F/B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
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",x="index-module_supercoins_increment_wrapper__ot0MN",f="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{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:1px}.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,Y=t.onAnimationStart,I=void 0===Y?function(){}:Y,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(){I()}),[]);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:x},{children:n.jsxs("p",e.__assign({className:f,ref:z},{children:["= ₹",E]}))}))]}))]}))]}))]}))};
|
|
2
2
|
//# sourceMappingURL=ct-platform-supercoins-floating-island.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-platform-supercoins-floating-island.cjs.js","sources":["../packages/components/SupercoinsFloatingIsland/src/
|
|
1
|
+
{"version":3,"file":"ct-platform-supercoins-floating-island.cjs.js","sources":["../packages/components/SupercoinsFloatingIsland/src/SupercoinsFloatingIsland.types.ts","../packages/components/SupercoinsFloatingIsland/src/LottieWrapper.tsx","../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../packages/components/SupercoinsFloatingIsland/src/constants.ts","../packages/components/SupercoinsFloatingIsland/src/SupercoinsFloatingIsland.tsx","../packages/components/SupercoinsFloatingIsland/src/utils/setCSSVariable.ts"],"sourcesContent":[null,null,"function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null,null,null],"names":["ISLAND_ALIGN","LottieWrapper","_a","_b","onAnimationEnd","_c","useState","dotLottie","setDotLottie","useEffect","timeout","setTimeout","play","addEventListener","unfreeze","clearTimeout","_jsx","DotLottieReact","src","className","styles","dotLottieRefCallback","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","DEFAULT_ISLAND_ALIGNMENT","right","lengthOfSupercoins","ctx","leftShiftBy","width","islandStyles","superCoins","_d","align","_e","onAnimationStart","_f","querySelector","setProperty","concat","_g","incrementSupercoin","setIncrementSupercoin","supercoinsIncrementElement","useRef","current","startIncrementing","removeEventListener","setInterval","prev","alignStyles","left","islandWidth","documentElement","clientWidth","_jsxs","jsxs","__assign","children","jsx","position","overflow","height","borderRadius"],"mappings":"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","x_google_ignoreList":[2]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsx as n,jsxs as i}from"react/jsx-runtime";import{useState as t,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 i=e.onAnimationEnd,a=void 0===i?function(){}:i,s=t(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 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{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:1px}.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,M=r.onAnimationEnd,j=void 0===M?function(){}:M;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 D=t(L-40),F=D[0],H=D[1],I=a(null);o((function(){var e;if(I.current)return null===(e=null==I?void 0:I.current)||void 0===e||e.addEventListener("animationstart",n),function(){var e;null===(e=null==I?void 0:I.current)||void 0===e||e.removeEventListener("animationstart",n)};function n(){return setInterval((function(){H((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 i("div",e({className:"".concat(d," ").concat(q)},{children:[n("div",{className:_}),i("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:j})})),i("div",e({className:c},{children:[n("p",e({className:u},{children:"Your SuperCoin balance"})),i("div",e({className:h},{children:[i("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:i("p",e({className:g,ref:I},{children:["= ₹",F]}))}))]}))]}))]}))]}))};export{s as ISLAND_ALIGN,k as SupercoinsFloatingIsland};
|
|
2
2
|
//# sourceMappingURL=ct-platform-supercoins-floating-island.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-platform-supercoins-floating-island.esm.js","sources":["../packages/components/SupercoinsFloatingIsland/src/
|
|
1
|
+
{"version":3,"file":"ct-platform-supercoins-floating-island.esm.js","sources":["../packages/components/SupercoinsFloatingIsland/src/SupercoinsFloatingIsland.types.ts","../packages/components/SupercoinsFloatingIsland/src/LottieWrapper.tsx","../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../packages/components/SupercoinsFloatingIsland/src/constants.ts","../packages/components/SupercoinsFloatingIsland/src/SupercoinsFloatingIsland.tsx","../packages/components/SupercoinsFloatingIsland/src/utils/setCSSVariable.ts"],"sourcesContent":[null,null,"function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null,null,null],"names":["ISLAND_ALIGN","LottieWrapper","_a","_b","onAnimationEnd","_c","useState","dotLottie","setDotLottie","useEffect","timeout","setTimeout","play","addEventListener","unfreeze","clearTimeout","_jsx","DotLottieReact","src","className","styles","dotLottieRefCallback","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","DEFAULT_ISLAND_ALIGNMENT","right","SupercoinsFloatingIsland","lengthOfSupercoins","ctx","leftShiftBy","width","islandStyles","superCoins","_d","align","_e","onAnimationStart","_f","querySelector","setProperty","concat","_g","incrementSupercoin","setIncrementSupercoin","supercoinsIncrementElement","useRef","current","startIncrementing","removeEventListener","setInterval","prev","alignStyles","left","islandWidth","documentElement","clientWidth","_jsxs","__assign","children","position","overflow","height","borderRadius"],"mappings":"iNAAYA,ogBCQY,SAAAC,EAAcC,GAClC,IAAAC,EAAAD,EAAAE,eAAAA,OAAiB,IAAAD,EAAA,WAAQ,EAAAA,EAEnBE,EAA4BC,EAA2B,MAAtDC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAqB9B,OAhBAI,GAAU,WACN,GAAKF,EAAL,CACA,IAAMG,EAAUC,YAAW,WACvBJ,EAAUK,MACb,GAAE,MAOH,OALAL,EAAUM,iBAAiB,WAAYT,GACvCG,EAAUM,iBAAiB,UAAU,WACjCN,EAAUO,UACd,IAEO,WACHC,aAAaL,EACjB,CAZuB,CAa3B,GAAG,CAACH,IAGAS,EAACC,EAAc,CACXC,IAAI,6FACJC,UAAWC,EACXC,qBAxBqB,SAACd,GAC1BC,EAAaD,EACjB,GAyBJ,ECvCA,SAAqBe,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAgC,oBAAbC,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBW,CAqBzD,ovHFzBA,SAAYtB,GACRA,EAAAA,EAAA,KAAA,GAAA,OACAA,EAAAA,EAAA,MAAA,GAAA,OACH,CAHD,CAAYA,IAAAA,EAGX,CAAA,IGDM,IACMqC,EAA2BrC,EAAasC,MCW/C,IAAAC,EAA2B,SAACrC,GAC9B,ICfmCsC,EAC7BC,EACFC,EACAC,EDYJxC,EAAAD,EAAA0C,aAAAA,OAAe,IAAAzC,EAAA,KACfE,EAAAH,EAAA2C,WAAAA,aDd8B,ICcCxC,EAC/ByC,EAAA5C,EAAA6C,MAAAA,OAAK,IAAAD,EAAGT,EAAwBS,EAChCE,EAAA9C,EAAA+C,iBAAAA,aAAmB,WAAQ,EAAAD,EAC3BE,mBAAA9C,OAAiB,IAAA8C,EAAA,WAAQ,EAAAA,ECnBUV,EDqBpBK,ECpBTJ,EAAMhB,SAAS0B,cAAc,SAC/BT,EAAc,GACdC,EAAQ,IACRH,EAAqB,IAAMA,EAAqB,IAChDE,EAAc,GACPF,EAAqB,KAAOA,EAAqB,MACxDE,EAAc,GACdC,EAAQ,KACDH,EAAqB,OAC5BE,EAAc,GACdC,EAAQ,KAEZF,SAAAA,EAAKb,MAAMwB,YACP,uCACA,GAAAC,OAAGX,EAAW,MAElBD,SAAAA,EAAKb,MAAMwB,YAAY,+BAAgC,GAAAC,OAAGV,EAAK,ODMzD,IAAAW,EAA8ChD,EAChDuC,EAAa,IADVU,EAAkBD,EAAA,GAAEE,OAGrBC,EAA6BC,EAA6B,MAEhEjD,GAAU,iBACN,GAAKgD,EAA2BE,QAiBhC,OALqC,QAArCzD,EAAAuD,aAA0B,EAA1BA,EAA4BE,eAAS,IAAAzD,GAAAA,EAAAW,iBACjC,iBACA+C,GAGG,iBACkC,QAArC1D,EAAAuD,aAA0B,EAA1BA,EAA4BE,eAAS,IAAAzD,GAAAA,EAAA2D,oBACjC,iBACAD,EAER,EArBA,SAASA,IACL,OAAOE,aAAY,WACfN,GAAsB,SAACO,GACnB,OAAIA,EAAOlB,EACAkB,EAAO,EAEXA,CACX,GACH,GAAE,GACN,CAaJ,GAAE,IAEHtD,GAAU,WACNwC,GACH,GAAE,IAEH,IAAMe,EACFjB,IAAU/C,EAAaiE,KAAO,CAAEA,KAAM,GAAM,CAAE3B,MAAO,GAEnD4B,EAAczC,SACdA,SAAS0C,gBAAgBC,YAAc,GACvC,IAEN,OACIC,EAAK,MAAAC,EAAA,CAAAnD,UAAW,GAAAkC,OAAGjC,EAA0B,KAAAiC,OAAIT,eAC7C5B,EAAK,MAAA,CAAAG,UAAWC,IAChBiD,EACI,MAAAC,EAAA,CAAA1C,MACO0C,EAAAA,EAAA,CAAA,EAAAN,IACHrB,MAAOuB,IAEX/C,UAAWC,GAAgB,CAAAmD,SAAA,CAE3BvD,EACI,MAAA,CAAAE,IAAI,mHACJC,UAAWC,IAEfJ,EACI,MAAAsD,EAAA,CAAA1C,MAAO,CACH4C,SAAU,WACVC,SAAU,SACV9B,MAAO,OACP+B,OAAQ,OACRC,aAAc,SAGlB,CAAAJ,SAAAvD,EAACf,EAAc,CAAAG,eAAgBA,OAEnCiE,EAAA,MAAAC,EAAA,CAAKnD,UAAWC,cACZJ,EAAG,IAAAsD,EAAA,CAAAnD,UAAWC,GAAoB,CAAAmD,SDvF/B,4BCwFHF,EAAA,MAAAC,EAAA,CAAKnD,UAAWC,cACZiD,EAAK,MAAAC,EAAA,CAAAnD,UAAWC,GAA4B,CAAAmD,SAAA,CACxCvD,EACI,MAAA,CAAAE,IAAI,4GACJC,UAAWC,IAEfJ,SAAGG,UAAWC,GAAuB,CAAAmD,SAAA1B,SAEzC7B,EAAK,MAAAsD,EAAA,CAAAnD,UAAWC,aACZiD,EACI,IAAAC,EAAA,CAAAnD,UAAWC,EACXG,IAAKkC,GAA0B,CAAAc,SAAA,CAAA,MAE3BhB,wBAQpC","x_google_ignoreList":[2]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cleartrip/ct-platform-supercoins-floating-island",
|
|
3
|
-
"version": "2.4.0
|
|
3
|
+
"version": "2.4.0",
|
|
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",
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"dist"
|
|
11
11
|
],
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@cleartrip/ct-design-typography": "
|
|
13
|
+
"@cleartrip/ct-design-typography": "2.6.0",
|
|
14
14
|
"@lottiefiles/dotlottie-react": "^0.10.0"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|