react-native-apxor-rtm-plugin
Version:
React Native wrapper for Apxor RTM plugin
2 lines • 3.07 kB
JavaScript
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ApxorWidget=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/builds/apxor/development/sdk/react-native/react-native-apxor-sdk/packages/react-native-apxor-rtm-plugin/src/apxor_embedded_view.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var ApxorViewManager=(0,_reactNative.requireNativeComponent)('ApxorViewManager');var EmbedCardView=(0,_reactNative.requireNativeComponent)('APXRNEmbedCard');var ApxorWidget=exports.ApxorWidget=function ApxorWidget(_ref){var cardID=_ref.cardID;var _useState=(0,_react.useState)({height:0,width:0}),_useState2=(0,_slicedToArray2.default)(_useState,2),cardDimensions=_useState2[0],setCardDimensions=_useState2[1];var eventEmitter=(0,_react.useMemo)(function(){return new _reactNative.NativeEventEmitter(_reactNative.NativeModules.APXRNEventEmitter);},[]);(0,_react.useEffect)(function(){if(_reactNative.Platform.OS==='android'){return;}var subscription=eventEmitter.addListener('EmbedCardDimensionsSet',function(dimensions){if(dimensions.width>_reactNative.Dimensions.get('screen').width){dimensions.width=_reactNative.Dimensions.get('screen').width;}if(dimensions.id===cardID){setCardDimensions(dimensions);}});var subscription2=eventEmitter.addListener('RemovePlaceHolder',function(dimensions){if(dimensions.activeCards){if(!dimensions.activeCards.includes(cardID==null?void 0:cardID.toString())){setCardDimensions(dimensions);}}});return function(){subscription.remove();subscription2.remove();};},[cardID,eventEmitter]);return _reactNative.Platform.OS==='android'?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.viewManager,children:(0,_jsxRuntime.jsx)(ApxorViewManager,{cardID:cardID})}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.container,{height:cardDimensions.height,width:`100%`}],testID:cardID==null?void 0:cardID.toString(),nativeID:cardID==null?void 0:cardID.toString(),children:(0,_jsxRuntime.jsx)(EmbedCardView,{cardID:cardID})});};var styles=_reactNative.StyleSheet.create({container:{overflow:'hidden'},viewManager:{width:'100%'}});
//# sourceMappingURL=apxor_embedded_view.js.map