@cleartrip/ct-platform-timer-widget 1.6.0-beta.2 → 2.1.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/TimerWidget.d.ts.map +1 -1
- package/dist/TimerWidget.types.d.ts +0 -4
- package/dist/TimerWidget.types.d.ts.map +1 -1
- package/dist/ct-platform-timer-widget.cjs.js +1 -1
- package/dist/ct-platform-timer-widget.cjs.js.map +1 -1
- package/dist/ct-platform-timer-widget.esm.js +1 -1
- package/dist/ct-platform-timer-widget.esm.js.map +1 -1
- package/package.json +5 -6
- package/dist/utils.d.ts +0 -6
- package/dist/utils.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimerWidget.d.ts","sourceRoot":"","sources":["../packages/components/TimerWidget/src/TimerWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"TimerWidget.d.ts","sourceRoot":"","sources":["../packages/components/TimerWidget/src/TimerWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAYhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0M3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IWidgetManagerStyleConfig } from '@cleartrip/ct-platform-merch-carousel';
|
|
3
1
|
export interface TimerWidgetProps {
|
|
4
2
|
headerImg?: string;
|
|
5
3
|
lazyWidget?: boolean;
|
|
@@ -7,7 +5,5 @@ export interface TimerWidgetProps {
|
|
|
7
5
|
onItemView?: (itemId: string, url: string) => void;
|
|
8
6
|
onItemClick?: (itemId: string, url: string) => void;
|
|
9
7
|
onItemImpression?: (itemId: string, url: string) => void;
|
|
10
|
-
styleConfig?: IWidgetManagerStyleConfig['timerWidget'];
|
|
11
|
-
renderItem?: () => React.ReactNode;
|
|
12
8
|
}
|
|
13
9
|
//# sourceMappingURL=TimerWidget.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimerWidget.types.d.ts","sourceRoot":"","sources":["../packages/components/TimerWidget/src/TimerWidget.types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TimerWidget.types.d.ts","sourceRoot":"","sources":["../packages/components/TimerWidget/src/TimerWidget.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5D"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),t=require("react-countdown"),l=require("@cleartrip/ct-platform-lazy-image"),o=require("@cleartrip/ct-platform-io-hoc"),a=require("@cleartrip/ct-platform-constants"),r=require("@cleartrip/ct-platform-utils");function
|
|
1
|
+
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),t=require("react-countdown"),l=require("@cleartrip/ct-platform-lazy-image"),o=require("@cleartrip/ct-platform-io-hoc"),a=require("@cleartrip/ct-platform-constants"),r=require("@cleartrip/ct-platform-utils");function d(e){return e&&e.__esModule?e:{default:e}}var s=d(t);var c="index-module_timer-bg-image__be1qA",u="index-module_timer-content__p9q7H",m="index-module_timer-container__8bcOe",_="index-module_timer-box__U7pgT",g="index-module_timer-separator__7Ga7U",p="index-module_timer-button__ZGHD-",x="index-module_placeholder__5zI9P",h="index-module_header-ph-img__CCrxL",v="index-module_content-ph-img__A20jD",f="index-module_placeholder-img-wrapper__mcqYX";!function(e,i){void 0===i&&(i={});var n=i.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}(".index-module_timer-bg-image__be1qA{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:relative;width:100%}.index-module_timer-content__p9q7H{align-items:center;bottom:24px;display:flex;flex-direction:column;font-family:Inter,Arial,sans-serif;height:100%;justify-content:end;position:absolute;width:100%}.index-module_timer-container__8bcOe{align-items:center;display:flex;width:calc(100% - 32px)}.index-module_timer-box__U7pgT{align-items:center;background-color:#fff;border:1px solid #1a1a1a;border-radius:8px;color:#1a1a1a;display:flex;flex-direction:column;font-size:24px;font-weight:500;height:72px;justify-content:center;width:60px}.index-module_timer-box__U7pgT>span:nth-child(2){font-size:12px;padding-top:4px}.index-module_timer-separator__7Ga7U{font-family:Inter!important;font-size:32px;font-weight:500}.index-module_timer-button__ZGHD-{background-color:#1a1a1a;border-radius:8px;color:#fff;font-size:14px;font-weight:600;height:40px;margin-top:16px;width:calc(100% - 32px)}.index-module_placeholder__5zI9P{padding:8px}.index-module_header-ph-img__CCrxL{height:50%;width:auto}.index-module_content-ph-img__A20jD{height:15%;position:absolute;top:40%;width:auto}.index-module_placeholder-img-wrapper__mcqYX{align-items:center;background:#fef5f2;border-radius:8px;display:flex;height:100%;justify-content:center;position:relative;width:100%}");exports.TimerWidget=function(t){var d,b,j,y=t.headerImg,C=t.widgetData,w=t.lazyWidget,N=void 0===w||w,S=t.onItemView,I=t.onItemClick,A=t.onItemImpression,k=n.useState(!N),q=k[0],z=k[1],H=n.useState(!0),T=H[0],U=H[1],D=n.useState(NaN),L=D[0],O=D[1];n.useEffect((function(){var e;B(null===(e=null==C?void 0:C.image)||void 0===e?void 0:e.url)}),[]);var B=n.useCallback((function(e){if(e){var i=new Image;i.src=e,i.onload=function(){O(i.height/i.width*100),U(!1)}}}),[]),E=n.useCallback((function(n){var t=n.days,l=n.hours,o=n.minutes,a=n.seconds;return i.jsxs("div",e.__assign({className:m,style:t>0?{justifyContent:"space-between"}:{justifyContent:"center",gap:"8px"}},{children:[t>0&&i.jsxs(i.Fragment,{children:[i.jsxs("div",e.__assign({className:_},{children:[i.jsx("span",{children:String(t).padStart(2,"0")}),i.jsx("span",{children:"DAYS"})]})),i.jsx("div",e.__assign({className:g,style:{color:(null==C?void 0:C.colonColor)?"".concat(C.colonColor):"#1A1A1A"}},{children:":"}))]}),i.jsxs("div",e.__assign({className:_},{children:[i.jsx("span",{children:String(l).padStart(2,"0")}),i.jsx("span",{children:"HRS"})]})),i.jsx("div",e.__assign({className:g,style:{color:(null==C?void 0:C.colonColor)?"".concat(C.colonColor):"#1A1A1A"}},{children:":"})),i.jsxs("div",e.__assign({className:_},{children:[i.jsx("span",{children:String(o).padStart(2,"0")}),i.jsx("span",{children:"MINS"})]})),i.jsx("div",e.__assign({className:g,style:{color:(null==C?void 0:C.colonColor)?"".concat(C.colonColor):"#1A1A1A"}},{children:":"})),i.jsxs("div",e.__assign({className:_},{children:[i.jsx("span",{children:String(a).padStart(2,"0")}),i.jsx("span",{children:"SECS"})]}))]}))}),[]),F=n.useCallback((function(e){var i,n;I&&(null==C?void 0:C.label)&&(null===(i=null==C?void 0:C.image)||void 0===i?void 0:i.url)&&I(null==C?void 0:C.label,null===(n=null==C?void 0:C.image)||void 0===n?void 0:n.url),window.location.href=e}),[I]),G=n.useCallback((function(){var e;S&&S(null==C?void 0:C.label,null===(e=null==C?void 0:C.image)||void 0===e?void 0:e.url)}),[C,S]),Y=n.useCallback((function(){var e;N&&z(!0),A&&A(null==C?void 0:C.label,null===(e=null==C?void 0:C.image)||void 0===e?void 0:e.url)}),[C,A]),M=n.useCallback((function(){var n,t=r.getHeightFromImgUrl(y)||60,l=r.getHeightFromImgUrl(null===(n=null==C?void 0:C.image)||void 0===n?void 0:n.url)||180;return i.jsxs("div",{children:[y&&i.jsx("div",e.__assign({className:x,style:{height:"".concat(t,"px")}},{children:i.jsx("div",e.__assign({className:f},{children:i.jsx("img",{src:a.placeholderLogo,className:h})}))})),i.jsx("div",e.__assign({className:x,style:{minHeight:"".concat(l,"px")}},{children:i.jsx("div",e.__assign({className:f,style:{paddingBottom:"".concat(L,"%")}},{children:i.jsx("img",{src:a.placeholderLogo,className:v})}))}))]})}),[y,C,L]);return i.jsx(o.IntersectionObserverHOC,e.__assign({onIntersection:Y,onTimedObservationComplete:G},{children:q?i.jsxs("div",{children:[y&&i.jsx(l.LazyImage,{src:y,style:{width:"100%"}}),!T&&i.jsx("div",e.__assign({className:c,style:{backgroundImage:"url(".concat(null===(d=null==C?void 0:C.image)||void 0===d?void 0:d.url,")"),paddingBottom:"".concat(L,"%")},onClick:function(){var e;return F(null===(e=null==C?void 0:C.cta)||void 0===e?void 0:e.targetUrl)}},{children:i.jsxs("div",e.__assign({className:u},{children:[i.jsx(s.default,{date:null==C?void 0:C.endTime,renderer:E}),(null===(b=null==C?void 0:C.cta)||void 0===b?void 0:b.title)&&i.jsx("button",e.__assign({className:p},{children:null===(j=null==C?void 0:C.cta)||void 0===j?void 0:j.title}))]}))}),null==C?void 0:C.label)]}):i.jsx(i.Fragment,{children:M()})}))};
|
|
2
2
|
//# sourceMappingURL=ct-platform-timer-widget.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-platform-timer-widget.cjs.js","sources":["
|
|
1
|
+
{"version":3,"file":"ct-platform-timer-widget.cjs.js","sources":["../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../packages/components/TimerWidget/src/TimerWidget.tsx"],"sourcesContent":["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],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","_a","headerImg","widgetData","_e","lazyWidget","onItemView","onItemClick","onItemImpression","_f","useState","visible","setVisible","_g","isLoading","setIsLoading","_h","NaN","aspectRatio","setAspectRatio","useEffect","calculateAspectRatio","image","url","useCallback","imageUrl","image_1","Image","src","onload","height","width","renderCountdown","days","hours","minutes","seconds","_jsxs","jsxs","__assign","className","styles","justifyContent","gap","children","_Fragment","Fragment","_jsx","String","padStart","jsx","color","colonColor","concat","handleClick","label","_b","window","location","href","handleView","handleIntersection","showPlaceholders","headerImgHeight","getHeightFromImgUrl","contentImgHeight","placeholderLogo","minHeight","paddingBottom","IntersectionObserverHOC","onIntersection","onTimedObservationComplete","LazyImage","backgroundImage","onClick","cta","targetUrl","Countdown","default","date","endTime","renderer","_c","title","_d"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsxs as i,Fragment as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsxs as i,Fragment as o,jsx as n}from"react/jsx-runtime";import{useState as t,useEffect as l,useCallback as d}from"react";import r from"react-countdown";import{LazyImage as a}from"@cleartrip/ct-platform-lazy-image";import{IntersectionObserverHOC as c}from"@cleartrip/ct-platform-io-hoc";import{placeholderLogo as m}from"@cleartrip/ct-platform-constants";import{getHeightFromImgUrl as s}from"@cleartrip/ct-platform-utils";var u="index-module_timer-bg-image__be1qA",p="index-module_timer-content__p9q7H",h="index-module_timer-container__8bcOe",v="index-module_timer-box__U7pgT",g="index-module_timer-separator__7Ga7U",f="index-module_timer-button__ZGHD-",_="index-module_placeholder__5zI9P",x="index-module_header-ph-img__CCrxL",b="index-module_content-ph-img__A20jD",y="index-module_placeholder-img-wrapper__mcqYX";!function(e,i){void 0===i&&(i={});var o=i.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===o&&n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}(".index-module_timer-bg-image__be1qA{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:relative;width:100%}.index-module_timer-content__p9q7H{align-items:center;bottom:24px;display:flex;flex-direction:column;font-family:Inter,Arial,sans-serif;height:100%;justify-content:end;position:absolute;width:100%}.index-module_timer-container__8bcOe{align-items:center;display:flex;width:calc(100% - 32px)}.index-module_timer-box__U7pgT{align-items:center;background-color:#fff;border:1px solid #1a1a1a;border-radius:8px;color:#1a1a1a;display:flex;flex-direction:column;font-size:24px;font-weight:500;height:72px;justify-content:center;width:60px}.index-module_timer-box__U7pgT>span:nth-child(2){font-size:12px;padding-top:4px}.index-module_timer-separator__7Ga7U{font-family:Inter!important;font-size:32px;font-weight:500}.index-module_timer-button__ZGHD-{background-color:#1a1a1a;border-radius:8px;color:#fff;font-size:14px;font-weight:600;height:40px;margin-top:16px;width:calc(100% - 32px)}.index-module_placeholder__5zI9P{padding:8px}.index-module_header-ph-img__CCrxL{height:50%;width:auto}.index-module_content-ph-img__A20jD{height:15%;position:absolute;top:40%;width:auto}.index-module_placeholder-img-wrapper__mcqYX{align-items:center;background:#fef5f2;border-radius:8px;display:flex;height:100%;justify-content:center;position:relative;width:100%}");var w=function(w){var N,C,A,S=w.headerImg,I=w.widgetData,k=w.lazyWidget,z=void 0===k||k,j=w.onItemView,T=w.onItemClick,q=w.onItemImpression,D=t(!z),H=D[0],U=D[1],B=t(!0),G=B[0],E=B[1],O=t(NaN),Y=O[0],L=O[1];l((function(){var e;P(null===(e=null==I?void 0:I.image)||void 0===e?void 0:e.url)}),[]);var P=d((function(e){if(e){var i=new Image;i.src=e,i.onload=function(){L(i.height/i.width*100),E(!1)}}}),[]),X=d((function(t){var l=t.days,d=t.hours,r=t.minutes,a=t.seconds;return i("div",e({className:h,style:l>0?{justifyContent:"space-between"}:{justifyContent:"center",gap:"8px"}},{children:[l>0&&i(o,{children:[i("div",e({className:v},{children:[n("span",{children:String(l).padStart(2,"0")}),n("span",{children:"DAYS"})]})),n("div",e({className:g,style:{color:(null==I?void 0:I.colonColor)?"".concat(I.colonColor):"#1A1A1A"}},{children:":"}))]}),i("div",e({className:v},{children:[n("span",{children:String(d).padStart(2,"0")}),n("span",{children:"HRS"})]})),n("div",e({className:g,style:{color:(null==I?void 0:I.colonColor)?"".concat(I.colonColor):"#1A1A1A"}},{children:":"})),i("div",e({className:v},{children:[n("span",{children:String(r).padStart(2,"0")}),n("span",{children:"MINS"})]})),n("div",e({className:g,style:{color:(null==I?void 0:I.colonColor)?"".concat(I.colonColor):"#1A1A1A"}},{children:":"})),i("div",e({className:v},{children:[n("span",{children:String(a).padStart(2,"0")}),n("span",{children:"SECS"})]}))]}))}),[]),Z=d((function(e){var i,o;T&&(null==I?void 0:I.label)&&(null===(i=null==I?void 0:I.image)||void 0===i?void 0:i.url)&&T(null==I?void 0:I.label,null===(o=null==I?void 0:I.image)||void 0===o?void 0:o.url),window.location.href=e}),[T]),M=d((function(){var e;j&&j(null==I?void 0:I.label,null===(e=null==I?void 0:I.image)||void 0===e?void 0:e.url)}),[I,j]),R=d((function(){var e;z&&U(!0),q&&q(null==I?void 0:I.label,null===(e=null==I?void 0:I.image)||void 0===e?void 0:e.url)}),[I,q]),V=d((function(){var o,t=s(S)||60,l=s(null===(o=null==I?void 0:I.image)||void 0===o?void 0:o.url)||180;return i("div",{children:[S&&n("div",e({className:_,style:{height:"".concat(t,"px")}},{children:n("div",e({className:y},{children:n("img",{src:m,className:x})}))})),n("div",e({className:_,style:{minHeight:"".concat(l,"px")}},{children:n("div",e({className:y,style:{paddingBottom:"".concat(Y,"%")}},{children:n("img",{src:m,className:b})}))}))]})}),[S,I,Y]);return n(c,e({onIntersection:R,onTimedObservationComplete:M},{children:H?i("div",{children:[S&&n(a,{src:S,style:{width:"100%"}}),!G&&n("div",e({className:u,style:{backgroundImage:"url(".concat(null===(N=null==I?void 0:I.image)||void 0===N?void 0:N.url,")"),paddingBottom:"".concat(Y,"%")},onClick:function(){var e;return Z(null===(e=null==I?void 0:I.cta)||void 0===e?void 0:e.targetUrl)}},{children:i("div",e({className:p},{children:[n(r,{date:null==I?void 0:I.endTime,renderer:X}),(null===(C=null==I?void 0:I.cta)||void 0===C?void 0:C.title)&&n("button",e({className:f},{children:null===(A=null==I?void 0:I.cta)||void 0===A?void 0:A.title}))]}))}),null==I?void 0:I.label)]}):n(o,{children:V()})}))};export{w as TimerWidget};
|
|
2
2
|
//# sourceMappingURL=ct-platform-timer-widget.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-platform-timer-widget.esm.js","sources":["
|
|
1
|
+
{"version":3,"file":"ct-platform-timer-widget.esm.js","sources":["../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../packages/components/TimerWidget/src/TimerWidget.tsx"],"sourcesContent":["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],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","TimerWidget","_a","headerImg","widgetData","_e","lazyWidget","onItemView","onItemClick","onItemImpression","_f","useState","visible","setVisible","_g","isLoading","setIsLoading","_h","NaN","aspectRatio","setAspectRatio","useEffect","calculateAspectRatio","image","url","useCallback","imageUrl","image_1","Image","src","onload","height","width","renderCountdown","days","hours","minutes","seconds","_jsxs","__assign","className","styles","justifyContent","gap","children","_Fragment","_jsx","String","padStart","color","colonColor","concat","handleClick","label","_b","window","location","href","handleView","handleIntersection","showPlaceholders","headerImgHeight","getHeightFromImgUrl","contentImgHeight","placeholderLogo","minHeight","paddingBottom","IntersectionObserverHOC","onIntersection","onTimedObservationComplete","LazyImage","backgroundImage","onClick","cta","targetUrl","Countdown","date","endTime","renderer","_c","title","_d"],"mappings":"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","x_google_ignoreList":[0]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cleartrip/ct-platform-timer-widget",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"description": "Timer Widget Component",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"main": "dist/ct-platform-timer-widget.cjs.js",
|
|
@@ -11,11 +11,10 @@
|
|
|
11
11
|
],
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"react-countdown": "^2.3.5",
|
|
14
|
-
"@cleartrip/ct-platform-
|
|
15
|
-
"@cleartrip/ct-platform-
|
|
16
|
-
"@cleartrip/ct-platform-
|
|
17
|
-
"@cleartrip/ct-platform-
|
|
18
|
-
"@cleartrip/ct-platform-merch-carousel": "1.6.0-beta.0"
|
|
14
|
+
"@cleartrip/ct-platform-utils": "2.1.0",
|
|
15
|
+
"@cleartrip/ct-platform-lazy-image": "2.1.0",
|
|
16
|
+
"@cleartrip/ct-platform-io-hoc": "2.1.0",
|
|
17
|
+
"@cleartrip/ct-platform-constants": "2.1.0"
|
|
19
18
|
},
|
|
20
19
|
"peerDependencies": {
|
|
21
20
|
"react": ">=16.8.0",
|
package/dist/utils.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { CSSProperties } from "react";
|
|
2
|
-
export declare const TIME_BOX_STYLES: CSSProperties;
|
|
3
|
-
export declare const TIME_SEPARATOR_STYLES: CSSProperties;
|
|
4
|
-
export declare const TIMER_CONTENT_STYLES: CSSProperties;
|
|
5
|
-
export declare const getImageStyle: (isRenderImage: any, imgUrl: any, aspectRatio: any) => CSSProperties;
|
|
6
|
-
//# sourceMappingURL=utils.d.ts.map
|
package/dist/utils.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../packages/components/TimerWidget/src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAKtC,eAAO,MAAM,eAAe,EAAE,aAa7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAG,aAIpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAG,aAUnC,CAAC;AAUF,eAAO,MAAM,aAAa,yDAIvB,aAiBF,CAAC"}
|