@cleartrip/ct-platform-animated-wallet-cta 3.2.0-beta.16 → 3.2.0-beta.18
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"),a=require("react/jsx-runtime"),t=require("react"),n=require("classnames"),i=require("@cleartrip/ct-platform-assets");function
|
|
1
|
+
"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),t=require("react"),n=require("classnames"),i=require("@cleartrip/ct-platform-assets");function o(e){return e&&e.__esModule?e:{default:e}}var s=o(n);var r={"cta-container__wrapper":"index-module_cta-container__wrapper__MvXTk","cta-container":"index-module_cta-container__bz48O",shine:"index-module_shine__UYBcW","animated-item":"index-module_animated-item__bURXx",slideUpText:"index-module_slideUpText__Gn4OK",slideUpTextReverse:"index-module_slideUpTextReverse__KFm5F",icon:"index-module_icon__9ecd1",balance:"index-module_balance__ooo5g"};!function(e,a){void 0===a&&(a={});var t=a.insertAt;if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}(".index-module_cta-container__wrapper__MvXTk{background-color:#fff;border-radius:100px}.index-module_cta-container__bz48O{animation:index-module_shine__UYBcW 1.5s 1,index-module_shine__UYBcW 1.5s 6s,index-module_shine__UYBcW 1.5s 11.8s;background:linear-gradient(45deg,hsla(0,0%,100%,0) 40%,rgba(255,214,13,.2) 41%,hsla(0,0%,100%,0) 60%);background-position:-44px;background-repeat:no-repeat;background-size:44px;border:1px solid #e6e6e6;border-radius:100px;box-sizing:border-box;height:32px;line-height:50px;min-width:84px;overflow:hidden;padding:4px 8px;position:relative;text-align:center;width:fit-content}@keyframes index-module_shine__UYBcW{0%{background-position:-12px}49%{background-position:200%}50%{background-position:-12px}to{background-position:200%}}@-moz-keyframes index-module_shine__UYBcW{0%{background-position:-12px}to{background-position:200%}}@-webkit-keyframes index-module_shine__UYBcW{0%{background-position:-12px}to{background-position:200%}}@-o-keyframes index-module_shine__UYBcW{0%{background-position:-12px}to{background-position:200%}}@-ms-keyframes index-module_shine__UYBcW{0%{background-position:-12px}to{background-position:200%}}.index-module_cta-container__bz48O .index-module_animated-item__bURXx{align-items:center;animation:index-module_slideUpText__Gn4OK 3s ease-in-out 1 forwards;display:flex;gap:4px;opacity:0;position:absolute;top:50%;width:max-content}.index-module_cta-container__bz48O .index-module_animated-item__bURXx:nth-child(2){animation-delay:2.8s}.index-module_cta-container__bz48O .index-module_animated-item__bURXx:nth-child(3){animation-delay:5.8s}.index-module_cta-container__bz48O .index-module_animated-item__bURXx:nth-child(4){animation-delay:8.8s}.index-module_cta-container__bz48O .index-module_animated-item__bURXx:nth-child(5){animation-delay:10.8s;animation-name:index-module_slideUpTextReverse__KFm5F}.index-module_cta-container__bz48O .index-module_animated-item__bURXx .index-module_icon__9ecd1{height:20px;vertical-align:middle;width:20px}.index-module_cta-container__bz48O .index-module_animated-item__bURXx .index-module_balance__ooo5g{align-items:baseline;color:#1a1a1a;display:flex;font-size:12px;font-style:normal;font-weight:500;line-height:20px;margin:0;padding:0 4px}@keyframes index-module_slideUpText__Gn4OK{0%,to{opacity:0;transform:translateY(0)}16.666%,50%{opacity:1;transform:translateY(-50%)}83.333%,to{opacity:0;transform:translateY(-100%)}}@-moz-keyframes index-module_slideUpText__Gn4OK{0%,to{opacity:0;transform:translateY(0)}16.666%,50%{opacity:1;transform:translateY(-50%)}83.333%,to{opacity:0;transform:translateY(-100%)}}@-webkit-keyframes index-module_slideUpText__Gn4OK{0%,to{opacity:0;transform:translateY(0)}16.666%,50%{opacity:1;transform:translateY(-50%)}83.333%,to{opacity:0;transform:translateY(-100%)}}@-o-keyframes index-module_slideUpText__Gn4OK{0%,to{opacity:0;transform:translateY(0)}16.666%,50%{opacity:1;transform:translateY(-50%)}83.333%,to{opacity:0;transform:translateY(-100%)}}@-ms-keyframes index-module_slideUpText__Gn4OK{0%,to{opacity:0;transform:translateY(0)}16.666%,50%{opacity:1;transform:translateY(-50%)}83.333%,to{opacity:0;transform:translateY(-100%)}}@keyframes index-module_slideUpTextReverse__KFm5F{0%{opacity:0;transform:translateY(100%)}50%,83.333%,to{opacity:1;transform:translateY(-50%)}}@-moz-keyframes index-module_slideUpTextReverse__KFm5F{0%{opacity:0;transform:translateY(100%)}50%,83.333%,to{opacity:1;transform:translateY(-50%)}}@-webkit-keyframes index-module_slideUpTextReverse__KFm5F{0%{opacity:0;transform:translateY(100%)}50%,83.333%,to{opacity:1;transform:translateY(-50%)}}@-o-keyframes index-module_slideUpTextReverse__KFm5F{0%{opacity:0;transform:translateY(100%)}50%,83.333%,to{opacity:1;transform:translateY(-50%)}}@-ms-keyframes index-module_slideUpTextReverse__KFm5F{0%{opacity:0;transform:translateY(100%)}50%,83.333%,to{opacity:1;transform:translateY(-50%)}}");exports.AnimatedWalletCta=function(n){var o=n.superCoinsBalance,d=n.walletBalance,l=t.useRef(null),c=t.useRef(null),m=t.useState({}),_=m[0],x=m[1];return t.useEffect((function(){var e,a;if(l.current&&c.current){var t=Math.max(null===(e=null==l?void 0:l.current)||void 0===e?void 0:e.clientWidth,null===(a=null==c?void 0:c.current)||void 0===a?void 0:a.clientWidth);x({width:"".concat(t+16,"px"),minWidth:"84px"})}}),[]),a.jsx("div",e.__assign({style:_,className:r["cta-container__wrapper"]},{children:a.jsxs("div",e.__assign({className:r["cta-container"],style:_},{children:[a.jsxs("div",e.__assign({className:s.default(r["animated-item"],r.supercoins),ref:c},{children:[a.jsx(i.SuperCoinIcon,{className:r.icon}),a.jsx("p",e.__assign({className:r.balance},{children:o}))]})),a.jsxs("div",e.__assign({className:s.default(r["animated-item"],r.wallet),ref:l},{children:[a.jsx(i.WalletIcon,{className:r.icon}),a.jsxs("p",e.__assign({className:r.balance},{children:["₹",d]}))]})),a.jsxs("div",e.__assign({className:s.default(r["animated-item"],r.supercoins),ref:c},{children:[a.jsx(i.SuperCoinIcon,{className:r.icon}),a.jsx("p",e.__assign({className:r.balance},{children:o}))]})),a.jsxs("div",e.__assign({className:s.default(r["animated-item"],r.wallet),ref:l},{children:[a.jsx(i.WalletIcon,{className:r.icon}),a.jsxs("p",e.__assign({className:r.balance},{children:["₹",d]}))]})),a.jsxs("div",e.__assign({className:s.default(r["animated-item"],r.supercoins),ref:c},{children:[a.jsx(i.SuperCoinIcon,{className:r.icon}),a.jsx("p",e.__assign({className:r.balance},{children:o}))]}))]}))}))};
|
|
2
2
|
//# sourceMappingURL=ct-platform-animated-wallet-cta.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsx as a,jsxs as t}from"react/jsx-runtime";import{useRef as n,useState as i,useEffect as o}from"react";import r from"classnames";import{SuperCoinIcon as d,WalletIcon as s}from"@cleartrip/ct-platform-assets";var l={"cta-container__wrapper":"index-module_cta-
|
|
1
|
+
import{__assign as e}from"tslib";import{jsx as a,jsxs as t}from"react/jsx-runtime";import{useRef as n,useState as i,useEffect as o}from"react";import r from"classnames";import{SuperCoinIcon as d,WalletIcon as s}from"@cleartrip/ct-platform-assets";var l={"cta-container__wrapper":"index-module_cta-container__wrapper__MvXTk","cta-container":"index-module_cta-container__bz48O",shine:"index-module_shine__UYBcW","animated-item":"index-module_animated-item__bURXx",slideUpText:"index-module_slideUpText__Gn4OK",slideUpTextReverse:"index-module_slideUpTextReverse__KFm5F",icon:"index-module_icon__9ecd1",balance:"index-module_balance__ooo5g"};!function(e,a){void 0===a&&(a={});var t=a.insertAt;if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}(".index-module_cta-container__wrapper__MvXTk{background-color:#fff;border-radius:100px}.index-module_cta-container__bz48O{animation:index-module_shine__UYBcW 1.5s 1,index-module_shine__UYBcW 1.5s 6s,index-module_shine__UYBcW 1.5s 11.8s;background:linear-gradient(45deg,hsla(0,0%,100%,0) 40%,rgba(255,214,13,.2) 41%,hsla(0,0%,100%,0) 60%);background-position:-44px;background-repeat:no-repeat;background-size:44px;border:1px solid #e6e6e6;border-radius:100px;box-sizing:border-box;height:32px;line-height:50px;min-width:84px;overflow:hidden;padding:4px 8px;position:relative;text-align:center;width:fit-content}@keyframes index-module_shine__UYBcW{0%{background-position:-12px}49%{background-position:200%}50%{background-position:-12px}to{background-position:200%}}@-moz-keyframes index-module_shine__UYBcW{0%{background-position:-12px}to{background-position:200%}}@-webkit-keyframes index-module_shine__UYBcW{0%{background-position:-12px}to{background-position:200%}}@-o-keyframes index-module_shine__UYBcW{0%{background-position:-12px}to{background-position:200%}}@-ms-keyframes index-module_shine__UYBcW{0%{background-position:-12px}to{background-position:200%}}.index-module_cta-container__bz48O .index-module_animated-item__bURXx{align-items:center;animation:index-module_slideUpText__Gn4OK 3s ease-in-out 1 forwards;display:flex;gap:4px;opacity:0;position:absolute;top:50%;width:max-content}.index-module_cta-container__bz48O .index-module_animated-item__bURXx:nth-child(2){animation-delay:2.8s}.index-module_cta-container__bz48O .index-module_animated-item__bURXx:nth-child(3){animation-delay:5.8s}.index-module_cta-container__bz48O .index-module_animated-item__bURXx:nth-child(4){animation-delay:8.8s}.index-module_cta-container__bz48O .index-module_animated-item__bURXx:nth-child(5){animation-delay:10.8s;animation-name:index-module_slideUpTextReverse__KFm5F}.index-module_cta-container__bz48O .index-module_animated-item__bURXx .index-module_icon__9ecd1{height:20px;vertical-align:middle;width:20px}.index-module_cta-container__bz48O .index-module_animated-item__bURXx .index-module_balance__ooo5g{align-items:baseline;color:#1a1a1a;display:flex;font-size:12px;font-style:normal;font-weight:500;line-height:20px;margin:0;padding:0 4px}@keyframes index-module_slideUpText__Gn4OK{0%,to{opacity:0;transform:translateY(0)}16.666%,50%{opacity:1;transform:translateY(-50%)}83.333%,to{opacity:0;transform:translateY(-100%)}}@-moz-keyframes index-module_slideUpText__Gn4OK{0%,to{opacity:0;transform:translateY(0)}16.666%,50%{opacity:1;transform:translateY(-50%)}83.333%,to{opacity:0;transform:translateY(-100%)}}@-webkit-keyframes index-module_slideUpText__Gn4OK{0%,to{opacity:0;transform:translateY(0)}16.666%,50%{opacity:1;transform:translateY(-50%)}83.333%,to{opacity:0;transform:translateY(-100%)}}@-o-keyframes index-module_slideUpText__Gn4OK{0%,to{opacity:0;transform:translateY(0)}16.666%,50%{opacity:1;transform:translateY(-50%)}83.333%,to{opacity:0;transform:translateY(-100%)}}@-ms-keyframes index-module_slideUpText__Gn4OK{0%,to{opacity:0;transform:translateY(0)}16.666%,50%{opacity:1;transform:translateY(-50%)}83.333%,to{opacity:0;transform:translateY(-100%)}}@keyframes index-module_slideUpTextReverse__KFm5F{0%{opacity:0;transform:translateY(100%)}50%,83.333%,to{opacity:1;transform:translateY(-50%)}}@-moz-keyframes index-module_slideUpTextReverse__KFm5F{0%{opacity:0;transform:translateY(100%)}50%,83.333%,to{opacity:1;transform:translateY(-50%)}}@-webkit-keyframes index-module_slideUpTextReverse__KFm5F{0%{opacity:0;transform:translateY(100%)}50%,83.333%,to{opacity:1;transform:translateY(-50%)}}@-o-keyframes index-module_slideUpTextReverse__KFm5F{0%{opacity:0;transform:translateY(100%)}50%,83.333%,to{opacity:1;transform:translateY(-50%)}}@-ms-keyframes index-module_slideUpTextReverse__KFm5F{0%{opacity:0;transform:translateY(100%)}50%,83.333%,to{opacity:1;transform:translateY(-50%)}}");var m=function(m){var c=m.superCoinsBalance,_=m.walletBalance,p=n(null),x=n(null),u=i({}),f=u[0],h=u[1];return o((function(){var e,a;if(p.current&&x.current){var t=Math.max(null===(e=null==p?void 0:p.current)||void 0===e?void 0:e.clientWidth,null===(a=null==x?void 0:x.current)||void 0===a?void 0:a.clientWidth);h({width:"".concat(t+16,"px"),minWidth:"84px"})}}),[]),a("div",e({style:f,className:l["cta-container__wrapper"]},{children:t("div",e({className:l["cta-container"],style:f},{children:[t("div",e({className:r(l["animated-item"],l.supercoins),ref:x},{children:[a(d,{className:l.icon}),a("p",e({className:l.balance},{children:c}))]})),t("div",e({className:r(l["animated-item"],l.wallet),ref:p},{children:[a(s,{className:l.icon}),t("p",e({className:l.balance},{children:["₹",_]}))]})),t("div",e({className:r(l["animated-item"],l.supercoins),ref:x},{children:[a(d,{className:l.icon}),a("p",e({className:l.balance},{children:c}))]})),t("div",e({className:r(l["animated-item"],l.wallet),ref:p},{children:[a(s,{className:l.icon}),t("p",e({className:l.balance},{children:["₹",_]}))]})),t("div",e({className:r(l["animated-item"],l.supercoins),ref:x},{children:[a(d,{className:l.icon}),a("p",e({className:l.balance},{children:c}))]}))]}))}))};export{m as AnimatedWalletCta};
|
|
2
2
|
//# sourceMappingURL=ct-platform-animated-wallet-cta.esm.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cleartrip/ct-platform-animated-wallet-cta",
|
|
3
|
-
"version": "3.2.0-beta.
|
|
3
|
+
"version": "3.2.0-beta.18",
|
|
4
4
|
"description": "Animated Wallet CTA",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"main": "dist/ct-platform-animated-wallet-cta.cjs.js",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
],
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"classnames": "^2.5.1",
|
|
14
|
-
"@cleartrip/ct-platform-assets": "3.3.0-beta.
|
|
14
|
+
"@cleartrip/ct-platform-assets": "3.3.0-beta.18"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
17
|
"react": ">=16.8.0",
|