@cleartrip/ct-platform-timer-widget 1.0.0-beta.5 → 1.0.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.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),
|
|
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=t.headerImg,y=t.widgetData,C=t.lazyWidget,w=void 0===C||C,N=t.onItemView,S=t.onItemClick,I=t.onItemImpression,A=n.useState(!w),k=A[0],q=A[1],z=n.useState(!0),H=z[0],T=z[1],U=n.useState(NaN),D=U[0],L=U[1];n.useEffect((function(){var e;O(null===(e=null==y?void 0:y.image)||void 0===e?void 0:e.url)}),[]);var O=n.useCallback((function(e){if(e){var i=new Image;i.src=e,i.onload=function(){L(i.height/i.width*100),T(!1)}}}),[]),B=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==y?void 0:y.colonColor)?"".concat(y.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==y?void 0:y.colonColor)?"".concat(y.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==y?void 0:y.colonColor)?"".concat(y.colonColor):"#1A1A1A"}},{children:":"})),i.jsxs("div",e.__assign({className:_},{children:[i.jsx("span",{children:String(a).padStart(2,"0")}),i.jsx("span",{children:"SECS"})]}))]}))}),[]),E=n.useCallback((function(e){var i,n;S&&(null==y?void 0:y.label)&&(null===(i=null==y?void 0:y.image)||void 0===i?void 0:i.url)&&S(null==y?void 0:y.label,null===(n=null==y?void 0:y.image)||void 0===n?void 0:n.url),window.location.href=e}),[S]),F=n.useCallback((function(){var e;N&&N(null==y?void 0:y.label,null===(e=null==y?void 0:y.image)||void 0===e?void 0:e.url)}),[y,N]),G=n.useCallback((function(){var e;w&&q(!0),I&&I(null==y?void 0:y.label,null===(e=null==y?void 0:y.image)||void 0===e?void 0:e.url)}),[y,I]),Y=n.useCallback((function(){var n,t=r.getHeightFromImgUrl(j)||60,l=r.getHeightFromImgUrl(null===(n=null==y?void 0:y.image)||void 0===n?void 0:n.url)||180;return i.jsxs("div",{children:[j&&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(D,"%")}},{children:i.jsx("img",{src:a.placeholderLogo,className:v})}))}))]})}),[j,y,D]);return i.jsx(o.IntersectionObserverHOC,e.__assign({onIntersection:G,onTimedObservationComplete:F},{children:k?i.jsxs("div",{children:[j&&i.jsx(l.LazyImage,{src:j,style:{width:"100%"}}),!H&&i.jsx("div",e.__assign({className:c,style:{backgroundImage:"url(".concat(null===(d=null==y?void 0:y.image)||void 0===d?void 0:d.url,")"),paddingBottom:"".concat(D,"%")},onClick:function(){var e;return E(null===(e=null==y?void 0:y.cta)||void 0===e?void 0:e.targetUrl)}},{children:i.jsxs("div",e.__assign({className:u},{children:[i.jsx(s.default,{date:null==y?void 0:y.endTime,renderer:B}),i.jsx("button",e.__assign({className:p},{children:null===(b=null==y?void 0:y.cta)||void 0===b?void 0:b.title}))]}))}),null==y?void 0:y.label)]}):i.jsx(i.Fragment,{children:Y()})}))};
|
|
2
2
|
//# sourceMappingURL=ct-platform-timer-widget.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
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","_d","lazyWidget","onItemView","onItemClick","onItemImpression","_e","useState","visible","setVisible","_f","isLoading","setIsLoading","_g","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","date","endTime","renderer","_c","title"],"mappings":"
|
|
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","_d","lazyWidget","onItemView","onItemClick","onItemImpression","_e","useState","visible","setVisible","_f","isLoading","setIsLoading","_g","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","date","endTime","renderer","_c","title"],"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=w.headerImg,S=w.widgetData,I=w.lazyWidget,k=void 0===I||I,z=w.onItemView,j=w.onItemClick,T=w.onItemImpression,q=t(!k),D=q[0],H=q[1],U=t(!0),B=U[0],G=U[1],E=t(NaN),O=E[0],Y=E[1];l((function(){var e;L(null===(e=null==S?void 0:S.image)||void 0===e?void 0:e.url)}),[]);var L=d((function(e){if(e){var i=new Image;i.src=e,i.onload=function(){Y(i.height/i.width*100),G(!1)}}}),[]),P=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==S?void 0:S.colonColor)?"".concat(S.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==S?void 0:S.colonColor)?"".concat(S.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==S?void 0:S.colonColor)?"".concat(S.colonColor):"#1A1A1A"}},{children:":"})),i("div",e({className:v},{children:[n("span",{children:String(a).padStart(2,"0")}),n("span",{children:"SECS"})]}))]}))}),[]),X=d((function(e){var i,o;j&&(null==S?void 0:S.label)&&(null===(i=null==S?void 0:S.image)||void 0===i?void 0:i.url)&&j(null==S?void 0:S.label,null===(o=null==S?void 0:S.image)||void 0===o?void 0:o.url),window.location.href=e}),[j]),Z=d((function(){var e;z&&z(null==S?void 0:S.label,null===(e=null==S?void 0:S.image)||void 0===e?void 0:e.url)}),[S,z]),M=d((function(){var e;k&&H(!0),T&&T(null==S?void 0:S.label,null===(e=null==S?void 0:S.image)||void 0===e?void 0:e.url)}),[S,T]),R=d((function(){var o,t=s(A)||60,l=s(null===(o=null==S?void 0:S.image)||void 0===o?void 0:o.url)||180;return i("div",{children:[A&&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(O,"%")}},{children:n("img",{src:m,className:b})}))}))]})}),[A,S,O]);return n(c,e({onIntersection:M,onTimedObservationComplete:Z},{children:D?i("div",{children:[A&&n(a,{src:A,style:{width:"100%"}}),!B&&n("div",e({className:u,style:{backgroundImage:"url(".concat(null===(N=null==S?void 0:S.image)||void 0===N?void 0:N.url,")"),paddingBottom:"".concat(O,"%")},onClick:function(){var e;return X(null===(e=null==S?void 0:S.cta)||void 0===e?void 0:e.targetUrl)}},{children:i("div",e({className:p},{children:[n(r,{date:null==S?void 0:S.endTime,renderer:P}),n("button",e({className:f},{children:null===(C=null==S?void 0:S.cta)||void 0===C?void 0:C.title}))]}))}),null==S?void 0:S.label)]}):n(o,{children:R()})}))};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":["../../../../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","_d","lazyWidget","onItemView","onItemClick","onItemImpression","_e","useState","visible","setVisible","_f","isLoading","setIsLoading","_g","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"],"mappings":"
|
|
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","_d","lazyWidget","onItemView","onItemClick","onItemImpression","_e","useState","visible","setVisible","_f","isLoading","setIsLoading","_g","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"],"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.0.0
|
|
3
|
+
"version": "1.0.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,10 +11,10 @@
|
|
|
11
11
|
],
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"react-countdown": "^2.3.5",
|
|
14
|
-
"@cleartrip/ct-platform-constants": "1.0.0
|
|
15
|
-
"@cleartrip/ct-platform-lazy-image": "1.0.0
|
|
16
|
-
"@cleartrip/ct-platform-
|
|
17
|
-
"@cleartrip/ct-platform-
|
|
14
|
+
"@cleartrip/ct-platform-constants": "1.0.0",
|
|
15
|
+
"@cleartrip/ct-platform-lazy-image": "1.0.0",
|
|
16
|
+
"@cleartrip/ct-platform-utils": "1.0.0",
|
|
17
|
+
"@cleartrip/ct-platform-io-hoc": "1.0.0"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
20
|
"react": ">=16.8.0",
|