@wavemaker/app-rn-runtime 11.5.0-next.40301 → 11.5.0-rc.5392

app-rn-runtime/components/advanced/network-info-toaster/network-info-toaster.component.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -38,60 +39,60 @@ export default class WmNetworkInfoToaster extends BaseComponent {
     if (this.state.newtworkState.isConnected) {
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
-      }, this._background, /*#__PURE__*/React.createElement(Text, {
+      }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
         style: this.styles.text
-      }, this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTED), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      }), this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTED), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('close'), {
         style: this.styles.action,
         onPress: () => this._close()
-      }, /*#__PURE__*/React.createElement(Text, {
+      }), /*#__PURE__*/React.createElement(Text, {
         style: this.styles.actionText
       }, this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO)));
     }
     if (this.state.newtworkState.isConnecting) {
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
-      }, this._background, /*#__PURE__*/React.createElement(Text, {
+      }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
         style: this.styles.text
-      }, this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTING));
+      }), this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTING));
     }
     if (this.state.newtworkState.isServiceAvailable) {
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
-      }, this._background, /*#__PURE__*/React.createElement(Text, {
+      }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
         style: this.styles.text
-      }, this.props.appLocale.messages.MESSAGE_SERVICE_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      }), this.props.appLocale.messages.MESSAGE_SERVICE_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('close'), {
         style: this.styles.action,
         onPress: () => this._close()
-      }, /*#__PURE__*/React.createElement(Text, {
+      }), /*#__PURE__*/React.createElement(Text, {
         style: this.styles.actionText
       }, this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO)), /*#__PURE__*/React.createElement(Text, {
         style: this.styles.actionSeparator
-      }, "|"), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      }, "|"), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('connect'), {
         style: this.styles.action
-      }, /*#__PURE__*/React.createElement(Text, {
+      }), /*#__PURE__*/React.createElement(Text, {
         style: this.styles.actionText
       }, this.props.appLocale.messages.LABEL_CONNECT_TO_SERVICE)));
     }
     if (!this.state.newtworkState.isNetworkAvailable) {
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
-      }, this._background, /*#__PURE__*/React.createElement(Text, {
+      }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
         style: this.styles.text
-      }, this.props.appLocale.messages.MESSAGE_NETWORK_NOT_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      }), this.props.appLocale.messages.MESSAGE_NETWORK_NOT_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('close'), {
         style: this.styles.action,
         onPress: () => this._close()
-      }, /*#__PURE__*/React.createElement(Text, {
+      }), /*#__PURE__*/React.createElement(Text, {
         style: this.styles.actionText
       }, this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO)));
     }
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, this._background, /*#__PURE__*/React.createElement(Text, {
+    }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
       style: this.styles.text
-    }, this.props.appLocale.messages.MESSAGE_SERVICE_NOT_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    }), this.props.appLocale.messages.MESSAGE_SERVICE_NOT_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('close'), {
       style: this.styles.action,
       onPress: () => this._close()
-    }, /*#__PURE__*/React.createElement(Text, {
+    }), /*#__PURE__*/React.createElement(Text, {
       style: this.styles.actionText
     }, this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO)));
   }

app-rn-runtime/components/advanced/network-info-toaster/network-info-toaster.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","TouchableOpacity","View","NetworkService","BaseComponent","BaseComponentState","ToastConsumer","WmNetworkInfoToasterProps","DEFAULT_CLASS","isEqual","WmNetworkInfoToasterState","constructor","arguments","_defineProperty","WmNetworkInfoToaster","props","updateState","newtworkState","getState","showToast","isConnected","cleanup","push","notifier","subscribe","networkState","state","getToastContent","createElement","style","styles","root","_background","text","appLocale","messages","MESSAGE_SERVICE_CONNECTED","action","onPress","_close","actionText","LABEL_HIDE_NETWORK_INFO","isConnecting","MESSAGE_SERVICE_CONNECTING","isServiceAvailable","MESSAGE_SERVICE_AVAILABLE","actionSeparator","LABEL_CONNECT_TO_SERVICE","isNetworkAvailable","MESSAGE_NETWORK_NOT_AVAILABLE","MESSAGE_SERVICE_NOT_AVAILABLE","renderWidget","options","content","onClose","toastService","hideToast"],"sources":["network-info-toaster.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity, View } from 'react-native';\nimport NetworkService, { NetworkState } from '@wavemaker/app-rn-runtime/core/network.service';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ToastConsumer, ToastOptions, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\n\nimport WmNetworkInfoToasterProps from './network-info-toaster.props';\nimport { DEFAULT_CLASS, WmNetworkInfoToasterStyles } from './network-info-toaster.styles';\nimport { isEqual } from 'lodash-es';\n\nexport class WmNetworkInfoToasterState extends BaseComponentState<WmNetworkInfoToasterProps> {\n  newtworkState = {} as NetworkState;\n  showToast = false;\n}\n\nexport default class WmNetworkInfoToaster extends BaseComponent<WmNetworkInfoToasterProps, WmNetworkInfoToasterState, WmNetworkInfoToasterStyles> {\n  options = {} as ToastOptions;\n  private _close: Function = null as any;\n\n  constructor(props: WmNetworkInfoToasterProps) {\n    super(props, DEFAULT_CLASS, new WmNetworkInfoToasterProps(), new WmNetworkInfoToasterState());\n    this.updateState({\n      newtworkState: NetworkService.getState(),\n      showToast: !NetworkService.isConnected()\n    } as WmNetworkInfoToasterState);\n    this.cleanup.push(\n      NetworkService.notifier.subscribe('onNetworkStateChange', (networkState: NetworkState) => {\n        if (!isEqual(networkState, this.state.newtworkState)) {\n          this.updateState({\n            newtworkState: networkState,\n            showToast: true\n          } as WmNetworkInfoToasterState);\n        }\n      }\n    ));\n  }\n\n  getToastContent() {\n    if (this.state.newtworkState.isConnected) { \n      return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTED}</Text>\n        <TouchableOpacity style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    if (this.state.newtworkState.isConnecting) { \n      return (\n        <View style={this.styles.root}>\n          {this._background}\n          <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTING}</Text>\n        </View>);\n    }\n    if (this.state.newtworkState.isServiceAvailable) { \n      return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_AVAILABLE}</Text>\n        <TouchableOpacity style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n          <Text style={this.styles.actionSeparator}>|</Text>\n        <TouchableOpacity style={this.styles.action}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_CONNECT_TO_SERVICE}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    if (!this.state.newtworkState.isNetworkAvailable) { \n      return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_NETWORK_NOT_AVAILABLE}</Text>\n        <TouchableOpacity style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_NOT_AVAILABLE}</Text>\n        <TouchableOpacity style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n  }\n\n  renderWidget(props: WmNetworkInfoToasterProps) {\n    this.options.content = this.getToastContent();\n    this.options.onClose = () => {\n      this._close = null as any;\n      this.updateState({\n        showToast : false\n      } as WmNetworkInfoToasterState);\n    };\n    return this.options.content && this.state.showToast ? (\n      <ToastConsumer>\n        {(toastService: ToastService) => {\n          this._close = () => toastService.hideToast(this.options);\n          toastService.showToast(this.options)\n          return null;\n        }}\n      </ToastConsumer>\n    ) : null; \n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAC3D,OAAOC,cAAc,MAAwB,gDAAgD;AAC7F,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,SAASC,aAAa,QAAoC,8CAA8C;AAExG,OAAOC,yBAAyB,MAAM,8BAA8B;AACpE,SAASC,aAAa,QAAoC,+BAA+B;AACzF,SAASC,OAAO,QAAQ,WAAW;AAEnC,OAAO,MAAMC,yBAAyB,SAASL,kBAAkB,CAA4B;EAAAM,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,wBAC3E,CAAC,CAAC;IAAAA,eAAA,oBACN,KAAK;EAAA;AACnB;AAEA,eAAe,MAAMC,oBAAoB,SAASV,aAAa,CAAmF;EAIhJO,WAAWA,CAACI,KAAgC,EAAE;IAC5C,KAAK,CAACA,KAAK,EAAEP,aAAa,EAAE,IAAID,yBAAyB,CAAC,CAAC,EAAE,IAAIG,yBAAyB,CAAC,CAAC,CAAC;IAACG,eAAA,kBAJtF,CAAC,CAAC;IAAAA,eAAA,iBACe,IAAI;IAI7B,IAAI,CAACG,WAAW,CAAC;MACfC,aAAa,EAAEd,cAAc,CAACe,QAAQ,CAAC,CAAC;MACxCC,SAAS,EAAE,CAAChB,cAAc,CAACiB,WAAW,CAAC;IACzC,CAA8B,CAAC;IAC/B,IAAI,CAACC,OAAO,CAACC,IAAI,CACfnB,cAAc,CAACoB,QAAQ,CAACC,SAAS,CAAC,sBAAsB,EAAGC,YAA0B,IAAK;MACxF,IAAI,CAAChB,OAAO,CAACgB,YAAY,EAAE,IAAI,CAACC,KAAK,CAACT,aAAa,CAAC,EAAE;QACpD,IAAI,CAACD,WAAW,CAAC;UACfC,aAAa,EAAEQ,YAAY;UAC3BN,SAAS,EAAE;QACb,CAA8B,CAAC;MACjC;IACF,CACF,CAAC,CAAC;EACJ;EAEAQ,eAAeA,CAAA,EAAG;IAChB,IAAI,IAAI,CAACD,KAAK,CAACT,aAAa,CAACG,WAAW,EAAE;MACxC,oBACArB,KAAA,CAAA6B,aAAA,CAAC1B,IAAI;QAAC2B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;MAAK,GAC3B,IAAI,CAACC,WAAW,eACjBjC,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;QAAC6B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACG;MAAK,GAAE,IAAI,CAAClB,KAAK,CAACmB,SAAS,CAACC,QAAQ,CAACC,yBAAgC,CAAC,eAC/FrC,KAAA,CAAA6B,aAAA,CAAC3B,gBAAgB;QAAC4B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACO,MAAO;QAACC,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACC,MAAM,CAAC;MAAE,gBACxExC,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;QAAC6B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACU;MAAW,GAAE,IAAI,CAACzB,KAAK,CAACmB,SAAS,CAACC,QAAQ,CAACM,uBAA8B,CAClF,CACd,CAAC;IACT;IACA,IAAI,IAAI,CAACf,KAAK,CAACT,aAAa,CAACyB,YAAY,EAAE;MACzC,oBACE3C,KAAA,CAAA6B,aAAA,CAAC1B,IAAI;QAAC2B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;MAAK,GAC3B,IAAI,CAACC,WAAW,eACjBjC,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;QAAC6B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACG;MAAK,GAAE,IAAI,CAAClB,KAAK,CAACmB,SAAS,CAACC,QAAQ,CAACQ,0BAAiC,CAC3F,CAAC;IACX;IACA,IAAI,IAAI,CAACjB,KAAK,CAACT,aAAa,CAAC2B,kBAAkB,EAAE;MAC/C,oBACA7C,KAAA,CAAA6B,aAAA,CAAC1B,IAAI;QAAC2B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;MAAK,GAC3B,IAAI,CAACC,WAAW,eACjBjC,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;QAAC6B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACG;MAAK,GAAE,IAAI,CAAClB,KAAK,CAACmB,SAAS,CAACC,QAAQ,CAACU,yBAAgC,CAAC,eAC/F9C,KAAA,CAAA6B,aAAA,CAAC3B,gBAAgB;QAAC4B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACO,MAAO;QAACC,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACC,MAAM,CAAC;MAAE,gBACxExC,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;QAAC6B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACU;MAAW,GAAE,IAAI,CAACzB,KAAK,CAACmB,SAAS,CAACC,QAAQ,CAACM,uBAA8B,CAClF,CAAC,eACjB1C,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;QAAC6B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACgB;MAAgB,GAAC,GAAO,CAAC,eACpD/C,KAAA,CAAA6B,aAAA,CAAC3B,gBAAgB;QAAC4B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACO;MAAO,gBAC1CtC,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;QAAC6B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACU;MAAW,GAAE,IAAI,CAACzB,KAAK,CAACmB,SAAS,CAACC,QAAQ,CAACY,wBAA+B,CACnF,CACd,CAAC;IACT;IACA,IAAI,CAAC,IAAI,CAACrB,KAAK,CAACT,aAAa,CAAC+B,kBAAkB,EAAE;MAChD,oBACAjD,KAAA,CAAA6B,aAAA,CAAC1B,IAAI;QAAC2B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;MAAK,GAC3B,IAAI,CAACC,WAAW,eACjBjC,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;QAAC6B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACG;MAAK,GAAE,IAAI,CAAClB,KAAK,CAACmB,SAAS,CAACC,QAAQ,CAACc,6BAAoC,CAAC,eACnGlD,KAAA,CAAA6B,aAAA,CAAC3B,gBAAgB;QAAC4B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACO,MAAO;QAACC,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACC,MAAM,CAAC;MAAE,gBACxExC,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;QAAC6B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACU;MAAW,GAAE,IAAI,CAACzB,KAAK,CAACmB,SAAS,CAACC,QAAQ,CAACM,uBAA8B,CAClF,CACd,CAAC;IACT;IACA,oBACE1C,KAAA,CAAA6B,aAAA,CAAC1B,IAAI;MAAC2B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjBjC,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;MAAC6B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACG;IAAK,GAAE,IAAI,CAAClB,KAAK,CAACmB,SAAS,CAACC,QAAQ,CAACe,6BAAoC,CAAC,eACnGnD,KAAA,CAAA6B,aAAA,CAAC3B,gBAAgB;MAAC4B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACO,MAAO;MAACC,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACC,MAAM,CAAC;IAAE,gBACxExC,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;MAAC6B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACU;IAAW,GAAE,IAAI,CAACzB,KAAK,CAACmB,SAAS,CAACC,QAAQ,CAACM,uBAA8B,CAClF,CACd,CAAC;EACX;EAEAU,YAAYA,CAACpC,KAAgC,EAAE;IAC7C,IAAI,CAACqC,OAAO,CAACC,OAAO,GAAG,IAAI,CAAC1B,eAAe,CAAC,CAAC;IAC7C,IAAI,CAACyB,OAAO,CAACE,OAAO,GAAG,MAAM;MAC3B,IAAI,CAACf,MAAM,GAAG,IAAW;MACzB,IAAI,CAACvB,WAAW,CAAC;QACfG,SAAS,EAAG;MACd,CAA8B,CAAC;IACjC,CAAC;IACD,OAAO,IAAI,CAACiC,OAAO,CAACC,OAAO,IAAI,IAAI,CAAC3B,KAAK,CAACP,SAAS,gBACjDpB,KAAA,CAAA6B,aAAA,CAACtB,aAAa,QACViD,YAA0B,IAAK;MAC/B,IAAI,CAAChB,MAAM,GAAG,MAAMgB,YAAY,CAACC,SAAS,CAAC,IAAI,CAACJ,OAAO,CAAC;MACxDG,YAAY,CAACpC,SAAS,CAAC,IAAI,CAACiC,OAAO,CAAC;MACpC,OAAO,IAAI;IACb,CACa,CAAC,GACd,IAAI;EACV;AACF"}
+{"version":3,"names":["React","Text","TouchableOpacity","View","NetworkService","BaseComponent","BaseComponentState","ToastConsumer","WmNetworkInfoToasterProps","DEFAULT_CLASS","isEqual","WmNetworkInfoToasterState","constructor","arguments","_defineProperty","WmNetworkInfoToaster","props","updateState","newtworkState","getState","showToast","isConnected","cleanup","push","notifier","subscribe","networkState","state","getToastContent","createElement","style","styles","root","_background","_extends","getTestPropsForLabel","text","appLocale","messages","MESSAGE_SERVICE_CONNECTED","getTestPropsForAction","action","onPress","_close","actionText","LABEL_HIDE_NETWORK_INFO","isConnecting","MESSAGE_SERVICE_CONNECTING","isServiceAvailable","MESSAGE_SERVICE_AVAILABLE","actionSeparator","LABEL_CONNECT_TO_SERVICE","isNetworkAvailable","MESSAGE_NETWORK_NOT_AVAILABLE","MESSAGE_SERVICE_NOT_AVAILABLE","renderWidget","options","content","onClose","toastService","hideToast"],"sources":["network-info-toaster.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity, View } from 'react-native';\nimport NetworkService, { NetworkState } from '@wavemaker/app-rn-runtime/core/network.service';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ToastConsumer, ToastOptions, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\n\nimport WmNetworkInfoToasterProps from './network-info-toaster.props';\nimport { DEFAULT_CLASS, WmNetworkInfoToasterStyles } from './network-info-toaster.styles';\nimport { isEqual } from 'lodash-es';\n\nexport class WmNetworkInfoToasterState extends BaseComponentState<WmNetworkInfoToasterProps> {\n  newtworkState = {} as NetworkState;\n  showToast = false;\n}\n\nexport default class WmNetworkInfoToaster extends BaseComponent<WmNetworkInfoToasterProps, WmNetworkInfoToasterState, WmNetworkInfoToasterStyles> {\n  options = {} as ToastOptions;\n  private _close: Function = null as any;\n\n  constructor(props: WmNetworkInfoToasterProps) {\n    super(props, DEFAULT_CLASS, new WmNetworkInfoToasterProps(), new WmNetworkInfoToasterState());\n    this.updateState({\n      newtworkState: NetworkService.getState(),\n      showToast: !NetworkService.isConnected()\n    } as WmNetworkInfoToasterState);\n    this.cleanup.push(\n      NetworkService.notifier.subscribe('onNetworkStateChange', (networkState: NetworkState) => {\n        if (!isEqual(networkState, this.state.newtworkState)) {\n          this.updateState({\n            newtworkState: networkState,\n            showToast: true\n          } as WmNetworkInfoToasterState);\n        }\n      }\n    ));\n  }\n\n  getToastContent() {\n    if (this.state.newtworkState.isConnected) { \n      return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text {...this.getTestPropsForLabel('msg')} style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTED}</Text>\n        <TouchableOpacity {...this.getTestPropsForAction('close')} style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    if (this.state.newtworkState.isConnecting) { \n      return (\n        <View style={this.styles.root}>\n          {this._background}\n          <Text {...this.getTestPropsForLabel('msg')} style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTING}</Text>\n        </View>);\n    }\n    if (this.state.newtworkState.isServiceAvailable) { \n      return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text {...this.getTestPropsForLabel('msg')} style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_AVAILABLE}</Text>\n        <TouchableOpacity {...this.getTestPropsForAction('close')} style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n          <Text style={this.styles.actionSeparator}>|</Text>\n        <TouchableOpacity {...this.getTestPropsForAction('connect')} style={this.styles.action}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_CONNECT_TO_SERVICE}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    if (!this.state.newtworkState.isNetworkAvailable) { \n      return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text {...this.getTestPropsForLabel('msg')} style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_NETWORK_NOT_AVAILABLE}</Text>\n        <TouchableOpacity {...this.getTestPropsForAction('close')} style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text {...this.getTestPropsForLabel('msg')} style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_NOT_AVAILABLE}</Text>\n        <TouchableOpacity  {...this.getTestPropsForAction('close')} style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n  }\n\n  renderWidget(props: WmNetworkInfoToasterProps) {\n    this.options.content = this.getToastContent();\n    this.options.onClose = () => {\n      this._close = null as any;\n      this.updateState({\n        showToast : false\n      } as WmNetworkInfoToasterState);\n    };\n    return this.options.content && this.state.showToast ? (\n      <ToastConsumer>\n        {(toastService: ToastService) => {\n          this._close = () => toastService.hideToast(this.options);\n          toastService.showToast(this.options)\n          return null;\n        }}\n      </ToastConsumer>\n    ) : null; \n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/advanced/webview/webview.component.js

@@ -115,6 +115,7 @@ export default class WmWebview extends BaseComponent {
       source: {
         uri: props.src
       },
+      testID: this.getTestId('web_view'),
       incognito: props.incognito,
       onMessage: this.onMessage,
       sharedCookiesEnabled: true,

app-rn-runtime/components/advanced/webview/webview.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BackHandler","Platform","View","WebView","HideMode","BaseComponent","BaseComponentState","WmWebviewProps","DEFAULT_CLASS","WmWebViewState","WmWebview","constructor","props","_defineProperty","webview","webViewState","canGoBack","goBack","event","_event$nativeEvent","data","nativeEvent","startsWith","id","match","callback","invokeJSCallbacks","result","substring","indexOf","parseResult","invokeEventCallback","e","title","url","updateState","src","hideMode","DONOT_ADD_TO_DOM","addEventListener","handleBackButtonPress","componentWillUnmount","removeEventListener","executeScript","fn","Promise","resolve","reject","Date","now","injectJavaScript","insertCSS","style","arguments","length","undefined","replace","JSON","parse","getTitle","iframe","currentTarget","contentWindow","document","renderWidget","createElement","styles","root","_background","OS","width","height","onLoad","ref","nestedScrollEnabled","source","uri","incognito","onMessage","sharedCookiesEnabled","onNavigationStateChange","state","scrollEnabled","onLoadEnd"],"sources":["webview.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BackHandler, Platform, View } from 'react-native';\nimport { WebView, WebViewNavigation, WebViewMessageEvent } from 'react-native-webview';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmWebviewProps from './webview.props';\nimport { DEFAULT_CLASS, WebviewStyles } from './webview.styles';\n\nclass WmWebViewState extends BaseComponentState<WmWebviewProps> {\n\n}\n\nexport default class WmWebview extends BaseComponent<WmWebviewProps, WmWebViewState, WebviewStyles> {\n\n  private webview: WebView | null = null as any;\n  private webViewState: WebViewNavigation = null as any;\n  private invokeJSCallbacks = {} as any;\n\n  constructor(props: WmWebviewProps) {\n    super(props, DEFAULT_CLASS, new WmWebviewProps());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    BackHandler.addEventListener('hardwareBackPress', this.handleBackButtonPress);\n  }\n\n  componentWillUnmount() {\n    super.componentWillUnmount();\n    BackHandler.removeEventListener('hardwareBackPress', this.handleBackButtonPress);\n  }\n\n  handleBackButtonPress = (): boolean => {\n    if (this.webview && this.webViewState && this.webViewState.canGoBack) {\n      this.webview.goBack();\n      return true;\n    }\n    return false;\n  }\n\n  executeScript(fn: string) {\n    return new Promise((resolve, reject) => {\n      if (this.webview) {\n        const id = '' + Date.now();\n        this.invokeJSCallbacks[id] = resolve;\n        fn = `\n         (function(){\n          try{\n            return (${fn});\n          } catch(e) {\n            return e.getMessage();\n          }\n         }())\n        `;\n        this.webview.injectJavaScript(\n          `window.ReactNativeWebView.postMessage('afterInjectJavaScript:' + ${id} + ':' + JSON.stringify(${fn}))`\n        );\n      } else {\n        reject();\n      }\n    });\n  }\n\n  insertCSS(style = '') {\n    style = style.replace(/[\\n\\t\\r]/g, '');\n    return this.executeScript(`\n    function() {\n      const style = document.createElement('style');\n      style.innerHTML = '${style}';\n      document.head.appendChild(style);\n      return 'SUCCESS';\n    }()\n    `);\n  }\n\n  parseResult(result: string) {\n    try {\n      return JSON.parse(result);\n    } catch(e) {\n      if (result === 'undefined' || result === 'null') {\n        return null;\n      }\n      return result;\n    }\n  }\n\n  onMessage = (event: WebViewMessageEvent) => {\n    const data: string = event.nativeEvent?.data;\n    if (data && data.startsWith('afterInjectJavaScript')) {\n      const id = data?.match(/\\:([0-9]+)\\:/);\n      const callback = id && this.invokeJSCallbacks[id[1]];\n      const result = data.substring(data.indexOf(':', data.indexOf(':') + 1) + 1);\n      callback && callback(this.parseResult(result));\n    } else {\n      this.invokeEventCallback('onMessage', [event, this]);\n    }\n  }\n\n  getTitle(iframe: any) {\n    try {\n      return iframe.currentTarget.contentWindow.document.title;\n    } catch(e) {\n      // browser blocks cross origin access to iframe content.\n    }\n  }\n\n  public onLoad = (e: any, title: string, url: string) => {\n    this.updateState({\n      props: {\n        title: title,\n        src: url\n      }\n    } as WmWebViewState, () => {\n      this.invokeEventCallback('onLoad', [e, this]);\n    });\n  }\n\n  protected renderWidget(props: WmWebviewProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        {Platform.OS === 'web' ?\n          (<iframe src={props.src} width={'100%'} height={'100%'}\n            onLoad={(e) => this.onLoad(e, this.getTitle(e.currentTarget), (e.currentTarget as any).src)}></iframe>) :\n          (<WebView\n            ref={(ref) => this.webview = ref}\n            nestedScrollEnabled={true}\n            style={this.styles.webview}\n            source={{\n              uri: props.src\n            }}\n            incognito={props.incognito}\n            onMessage={this.onMessage}\n            sharedCookiesEnabled={true}\n            onNavigationStateChange={(state) => {\n              this.webViewState = state;\n            }}\n            scrollEnabled={true}\n            onLoadEnd={(e) => this.onLoad(e, e.nativeEvent.title, e.nativeEvent.url)}>\n          </WebView>)}\n      </View>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,EAAEC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC1D,SAASC,OAAO,QAAgD,sBAAsB;AACtF,SAASC,QAAQ,QAAQ,6CAA6C;AACtE,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAuB,kBAAkB;AAE/D,MAAMC,cAAc,SAASH,kBAAkB,CAAiB;AAIhE,eAAe,MAAMI,SAAS,SAASL,aAAa,CAAgD;EAMlGM,WAAWA,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,cAAc,CAAC,CAAC,CAAC;IAACM,eAAA,kBALlB,IAAI;IAAAA,eAAA,uBACI,IAAI;IAAAA,eAAA,4BAClB,CAAC,CAAC;IAAAA,eAAA,gCAaN,MAAe;MACrC,IAAI,IAAI,CAACC,OAAO,IAAI,IAAI,CAACC,YAAY,IAAI,IAAI,CAACA,YAAY,CAACC,SAAS,EAAE;QACpE,IAAI,CAACF,OAAO,CAACG,MAAM,CAAC,CAAC;QACrB,OAAO,IAAI;MACb;MACA,OAAO,KAAK;IACd,CAAC;IAAAJ,eAAA,oBAgDYK,KAA0B,IAAK;MAAA,IAAAC,kBAAA;MAC1C,MAAMC,IAAY,IAAAD,kBAAA,GAAGD,KAAK,CAACG,WAAW,cAAAF,kBAAA,uBAAjBA,kBAAA,CAAmBC,IAAI;MAC5C,IAAIA,IAAI,IAAIA,IAAI,CAACE,UAAU,CAAC,uBAAuB,CAAC,EAAE;QACpD,MAAMC,EAAE,GAAGH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEI,KAAK,CAAC,cAAc,CAAC;QACtC,MAAMC,QAAQ,GAAGF,EAAE,IAAI,IAAI,CAACG,iBAAiB,CAACH,EAAE,CAAC,CAAC,CAAC,CAAC;QACpD,MAAMI,MAAM,GAAGP,IAAI,CAACQ,SAAS,CAACR,IAAI,CAACS,OAAO,CAAC,GAAG,EAAET,IAAI,CAACS,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QAC3EJ,QAAQ,IAAIA,QAAQ,CAAC,IAAI,CAACK,WAAW,CAACH,MAAM,CAAC,CAAC;MAChD,CAAC,MAAM;QACL,IAAI,CAACI,mBAAmB,CAAC,WAAW,EAAE,CAACb,KAAK,EAAE,IAAI,CAAC,CAAC;MACtD;IACF,CAAC;IAAAL,eAAA,iBAUe,CAACmB,CAAM,EAAEC,KAAa,EAAEC,GAAW,KAAK;MACtD,IAAI,CAACC,WAAW,CAAC;QACfvB,KAAK,EAAE;UACLqB,KAAK,EAAEA,KAAK;UACZG,GAAG,EAAEF;QACP;MACF,CAAC,EAAoB,MAAM;QACzB,IAAI,CAACH,mBAAmB,CAAC,QAAQ,EAAE,CAACC,CAAC,EAAE,IAAI,CAAC,CAAC;MAC/C,CAAC,CAAC;IACJ,CAAC;IA5FC,IAAI,CAACK,QAAQ,GAAGjC,QAAQ,CAACkC,gBAAgB;IACzCtC,WAAW,CAACuC,gBAAgB,CAAC,mBAAmB,EAAE,IAAI,CAACC,qBAAqB,CAAC;EAC/E;EAEAC,oBAAoBA,CAAA,EAAG;IACrB,KAAK,CAACA,oBAAoB,CAAC,CAAC;IAC5BzC,WAAW,CAAC0C,mBAAmB,CAAC,mBAAmB,EAAE,IAAI,CAACF,qBAAqB,CAAC;EAClF;EAUAG,aAAaA,CAACC,EAAU,EAAE;IACxB,OAAO,IAAIC,OAAO,CAAC,CAACC,OAAO,EAAEC,MAAM,KAAK;MACtC,IAAI,IAAI,CAACjC,OAAO,EAAE;QAChB,MAAMS,EAAE,GAAG,EAAE,GAAGyB,IAAI,CAACC,GAAG,CAAC,CAAC;QAC1B,IAAI,CAACvB,iBAAiB,CAACH,EAAE,CAAC,GAAGuB,OAAO;QACpCF,EAAE,GAAI;AACd;AACA;AACA,sBAAsBA,EAAG;AACzB;AACA;AACA;AACA;AACA,SAAS;QACD,IAAI,CAAC9B,OAAO,CAACoC,gBAAgB,CAC1B,oEAAmE3B,EAAG,2BAA0BqB,EAAG,IACtG,CAAC;MACH,CAAC,MAAM;QACLG,MAAM,CAAC,CAAC;MACV;IACF,CAAC,CAAC;EACJ;EAEAI,SAASA,CAAA,EAAa;IAAA,IAAZC,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;IAClBD,KAAK,GAAGA,KAAK,CAACI,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;IACtC,OAAO,IAAI,CAACb,aAAa,CAAE;AAC/B;AACA;AACA,2BAA2BS,KAAM;AACjC;AACA;AACA;AACA,KAAK,CAAC;EACJ;EAEAtB,WAAWA,CAACH,MAAc,EAAE;IAC1B,IAAI;MACF,OAAO8B,IAAI,CAACC,KAAK,CAAC/B,MAAM,CAAC;IAC3B,CAAC,CAAC,OAAMK,CAAC,EAAE;MACT,IAAIL,MAAM,KAAK,WAAW,IAAIA,MAAM,KAAK,MAAM,EAAE;QAC/C,OAAO,IAAI;MACb;MACA,OAAOA,MAAM;IACf;EACF;EAcAgC,QAAQA,CAACC,MAAW,EAAE;IACpB,IAAI;MACF,OAAOA,MAAM,CAACC,aAAa,CAACC,aAAa,CAACC,QAAQ,CAAC9B,KAAK;IAC1D,CAAC,CAAC,OAAMD,CAAC,EAAE;MACT;IAAA;EAEJ;EAaUgC,YAAYA,CAACpD,KAAqB,EAAE;IAC5C,oBACEb,KAAA,CAAAkE,aAAA,CAAC/D,IAAI;MAACkD,KAAK,EAAE,IAAI,CAACc,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,EAChBnE,QAAQ,CAACoE,EAAE,KAAK,KAAK,gBACnBtE,KAAA,CAAAkE,aAAA;MAAQ7B,GAAG,EAAExB,KAAK,CAACwB,GAAI;MAACkC,KAAK,EAAE,MAAO;MAACC,MAAM,EAAE,MAAO;MACrDC,MAAM,EAAGxC,CAAC,IAAK,IAAI,CAACwC,MAAM,CAACxC,CAAC,EAAE,IAAI,CAAC2B,QAAQ,CAAC3B,CAAC,CAAC6B,aAAa,CAAC,EAAG7B,CAAC,CAAC6B,aAAa,CAASzB,GAAG;IAAE,CAAS,CAAC,gBACvGrC,KAAA,CAAAkE,aAAA,CAAC9D,OAAO;MACPsE,GAAG,EAAGA,GAAG,IAAK,IAAI,CAAC3D,OAAO,GAAG2D,GAAI;MACjCC,mBAAmB,EAAE,IAAK;MAC1BtB,KAAK,EAAE,IAAI,CAACc,MAAM,CAACpD,OAAQ;MAC3B6D,MAAM,EAAE;QACNC,GAAG,EAAEhE,KAAK,CAACwB;MACb,CAAE;MACFyC,SAAS,EAAEjE,KAAK,CAACiE,SAAU;MAC3BC,SAAS,EAAE,IAAI,CAACA,SAAU;MAC1BC,oBAAoB,EAAE,IAAK;MAC3BC,uBAAuB,EAAGC,KAAK,IAAK;QAClC,IAAI,CAAClE,YAAY,GAAGkE,KAAK;MAC3B,CAAE;MACFC,aAAa,EAAE,IAAK;MACpBC,SAAS,EAAGnD,CAAC,IAAK,IAAI,CAACwC,MAAM,CAACxC,CAAC,EAAEA,CAAC,CAACX,WAAW,CAACY,KAAK,EAAED,CAAC,CAACX,WAAW,CAACa,GAAG;IAAE,CAClE,CACP,CAAC;EAEX;AACF"}
+{"version":3,"names":["React","BackHandler","Platform","View","WebView","HideMode","BaseComponent","BaseComponentState","WmWebviewProps","DEFAULT_CLASS","WmWebViewState","WmWebview","constructor","props","_defineProperty","webview","webViewState","canGoBack","goBack","event","_event$nativeEvent","data","nativeEvent","startsWith","id","match","callback","invokeJSCallbacks","result","substring","indexOf","parseResult","invokeEventCallback","e","title","url","updateState","src","hideMode","DONOT_ADD_TO_DOM","addEventListener","handleBackButtonPress","componentWillUnmount","removeEventListener","executeScript","fn","Promise","resolve","reject","Date","now","injectJavaScript","insertCSS","style","arguments","length","undefined","replace","JSON","parse","getTitle","iframe","currentTarget","contentWindow","document","renderWidget","createElement","styles","root","_background","OS","width","height","onLoad","ref","nestedScrollEnabled","source","uri","testID","getTestId","incognito","onMessage","sharedCookiesEnabled","onNavigationStateChange","state","scrollEnabled","onLoadEnd"],"sources":["webview.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BackHandler, Platform, View } from 'react-native';\nimport { WebView, WebViewNavigation, WebViewMessageEvent } from 'react-native-webview';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmWebviewProps from './webview.props';\nimport { DEFAULT_CLASS, WebviewStyles } from './webview.styles';\n\nclass WmWebViewState extends BaseComponentState<WmWebviewProps> {\n\n}\n\nexport default class WmWebview extends BaseComponent<WmWebviewProps, WmWebViewState, WebviewStyles> {\n\n  private webview: WebView | null = null as any;\n  private webViewState: WebViewNavigation = null as any;\n  private invokeJSCallbacks = {} as any;\n\n  constructor(props: WmWebviewProps) {\n    super(props, DEFAULT_CLASS, new WmWebviewProps());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    BackHandler.addEventListener('hardwareBackPress', this.handleBackButtonPress);\n  }\n\n  componentWillUnmount() {\n    super.componentWillUnmount();\n    BackHandler.removeEventListener('hardwareBackPress', this.handleBackButtonPress);\n  }\n\n  handleBackButtonPress = (): boolean => {\n    if (this.webview && this.webViewState && this.webViewState.canGoBack) {\n      this.webview.goBack();\n      return true;\n    }\n    return false;\n  }\n\n  executeScript(fn: string) {\n    return new Promise((resolve, reject) => {\n      if (this.webview) {\n        const id = '' + Date.now();\n        this.invokeJSCallbacks[id] = resolve;\n        fn = `\n         (function(){\n          try{\n            return (${fn});\n          } catch(e) {\n            return e.getMessage();\n          }\n         }())\n        `;\n        this.webview.injectJavaScript(\n          `window.ReactNativeWebView.postMessage('afterInjectJavaScript:' + ${id} + ':' + JSON.stringify(${fn}))`\n        );\n      } else {\n        reject();\n      }\n    });\n  }\n\n  insertCSS(style = '') {\n    style = style.replace(/[\\n\\t\\r]/g, '');\n    return this.executeScript(`\n    function() {\n      const style = document.createElement('style');\n      style.innerHTML = '${style}';\n      document.head.appendChild(style);\n      return 'SUCCESS';\n    }()\n    `);\n  }\n\n  parseResult(result: string) {\n    try {\n      return JSON.parse(result);\n    } catch(e) {\n      if (result === 'undefined' || result === 'null') {\n        return null;\n      }\n      return result;\n    }\n  }\n\n  onMessage = (event: WebViewMessageEvent) => {\n    const data: string = event.nativeEvent?.data;\n    if (data && data.startsWith('afterInjectJavaScript')) {\n      const id = data?.match(/\\:([0-9]+)\\:/);\n      const callback = id && this.invokeJSCallbacks[id[1]];\n      const result = data.substring(data.indexOf(':', data.indexOf(':') + 1) + 1);\n      callback && callback(this.parseResult(result));\n    } else {\n      this.invokeEventCallback('onMessage', [event, this]);\n    }\n  }\n\n  getTitle(iframe: any) {\n    try {\n      return iframe.currentTarget.contentWindow.document.title;\n    } catch(e) {\n      // browser blocks cross origin access to iframe content.\n    }\n  }\n\n  public onLoad = (e: any, title: string, url: string) => {\n    this.updateState({\n      props: {\n        title: title,\n        src: url\n      }\n    } as WmWebViewState, () => {\n      this.invokeEventCallback('onLoad', [e, this]);\n    });\n  }\n\n  protected renderWidget(props: WmWebviewProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        {Platform.OS === 'web' ?\n          (<iframe src={props.src} width={'100%'} height={'100%'}\n            onLoad={(e) => this.onLoad(e, this.getTitle(e.currentTarget), (e.currentTarget as any).src)}></iframe>) :\n          (<WebView\n            ref={(ref) => this.webview = ref}\n            nestedScrollEnabled={true}\n            style={this.styles.webview}\n            source={{\n              uri: props.src\n            }}\n            testID={this.getTestId('web_view')}\n            incognito={props.incognito}\n            onMessage={this.onMessage}\n            sharedCookiesEnabled={true}\n            onNavigationStateChange={(state) => {\n              this.webViewState = state;\n            }}\n            scrollEnabled={true}\n            onLoadEnd={(e) => this.onLoad(e, e.nativeEvent.title, e.nativeEvent.url)}>\n          </WebView>)}\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/basic/anchor/anchor.component.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { Text } from 'react-native';
 import { Badge } from 'react-native-paper';
@@ -36,11 +37,12 @@ export default class WmAnchor extends BaseComponent {
     if (this.styles.icon && this.styles.icon.text) {
       this.styles.icon.text.color = this.styles.text.color;
     }
-    const icon = /*#__PURE__*/React.createElement(WmIcon, {
+    const icon = props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('icon'),
       styles: this.styles.icon,
       name: props.name + '_icon',
       iconclass: props.iconclass
-    });
+    }) : null;
     //@ts-ignore
     const badge = props.badgevalue != undefined ? /*#__PURE__*/React.createElement(Badge, {
       style: this.styles.badge
@@ -52,7 +54,7 @@ export default class WmAnchor extends BaseComponent {
         height: this.styles.root.height,
         justifyContent: 'center'
       }
-    }, /*#__PURE__*/React.createElement(Tappable, {
+    }, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
       target: this,
       styles: [this.styles.root, this.styles.root.width && this.styles.root.height ? {
         width: '100%',
@@ -61,9 +63,9 @@ export default class WmAnchor extends BaseComponent {
         flexDirection: props.iconposition === 'top' ? 'column' : 'row'
       }],
       onTap: props.hyperlink || props.onTap ? e => this.onTap(navigationService, e) : undefined
-    }, this._background, props.iconposition === 'top' && icon, props.iconposition === 'left' && icon, props.caption ? /*#__PURE__*/React.createElement(Text, {
+    }), this._background, props.iconposition === 'top' && icon, props.iconposition === 'left' && icon, props.caption ? /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('caption'), {
       style: this.styles.text
-    }, props.caption) : null, props.iconposition === 'right' && icon, badge)));
+    }), props.caption) : null, props.iconposition === 'right' && icon, badge)));
   }
 }
 //# sourceMappingURL=anchor.component.js.map

app-rn-runtime/components/basic/anchor/anchor.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","Badge","BaseComponent","BaseComponentState","Tappable","WmIcon","encodeUrl","NavigationServiceConsumer","WmAnchorProps","DEFAULT_CLASS","Animatedview","createSkeleton","WmAnchorState","WmAnchor","constructor","props","onTap","navigationService","e","state","hyperlink","link","encodeurl","openUrl","target","invokeEventCallback","proxy","renderSkeleton","theme","styles","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","icon","text","color","createElement","name","iconclass","badge","badgevalue","undefined","style","entryanimation","animation","justifyContent","flexDirection","iconposition","_background","caption"],"sources":["anchor.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { Badge } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TapEvent, Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { encodeUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\n\nimport WmAnchorProps from './anchor.props';\nimport { DEFAULT_CLASS, WmAnchorStyles } from './anchor.styles';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmAnchorState extends BaseComponentState<WmAnchorProps> {\n\n}\n\nexport default class WmAnchor extends BaseComponent<WmAnchorProps, WmAnchorState, WmAnchorStyles> {\n\n  constructor(props: WmAnchorProps) {\n    super(props, DEFAULT_CLASS, new WmAnchorProps());\n  }\n\n  onTap(navigationService: NavigationService, e: TapEvent) {\n    const props = this.state.props;\n    if (props.hyperlink) {\n      const link = props.encodeurl ? encodeUrl(props.hyperlink) : props.hyperlink;\n      navigationService.openUrl(link, {\n        target: this.state.props.target\n      });\n    }\n    this.invokeEventCallback('onTap', [e, this.proxy]);\n  }\n\n  public renderSkeleton(props: WmAnchorProps){\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: this.props.skeletonwidth || this.styles.root.width,\n      height: this.props.skeletonheight || this.styles.root.height\n    });\n  }\n\n  renderWidget(props: WmAnchorProps) {\n    if (this.styles.icon && this.styles.icon.text) {\n      this.styles.icon.text.color = this.styles.text.color;\n    }\n    const icon = (<WmIcon\n      styles={this.styles.icon} name={props.name + '_icon'} iconclass={props.iconclass}></WmIcon>);\n    //@ts-ignore\n    const badge = props.badgevalue != undefined ? (<Badge style={this.styles.badge}>{props.badgevalue}</Badge>): null;\n    return (\n      <NavigationServiceConsumer>\n        {(navigationService: NavigationService) =>\n          (<Animatedview entryanimation={props.animation} style={{width: this.styles.root.width, height: this.styles.root.height, justifyContent: 'center'}}>\n            <Tappable target={this} styles={[this.styles.root, this.styles.root.width && this.styles.root.height ? { width: '100%', height: '100%'} : null, {flexDirection: props.iconposition === 'top' ? 'column': 'row'}]}\n              onTap={props.hyperlink || props.onTap ? (e: TapEvent) => this.onTap(navigationService, e) : undefined}>\n              {this._background}\n              {props.iconposition === 'top' && icon}\n              {props.iconposition === 'left' && icon}\n              {props.caption ? (<Text style={this.styles.text}>{props.caption}</Text>) : null}\n              {props.iconposition === 'right' && icon}\n              {badge}\n            </Tappable>\n          </Animatedview>)\n      }\n      </NavigationServiceConsumer>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Text","Badge","BaseComponent","BaseComponentState","Tappable","WmIcon","encodeUrl","NavigationServiceConsumer","WmAnchorProps","DEFAULT_CLASS","Animatedview","createSkeleton","WmAnchorState","WmAnchor","constructor","props","onTap","navigationService","e","state","hyperlink","link","encodeurl","openUrl","target","invokeEventCallback","proxy","renderSkeleton","theme","styles","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","icon","text","color","iconclass","createElement","id","getTestId","name","badge","badgevalue","undefined","style","entryanimation","animation","justifyContent","_extends","getTestPropsForAction","flexDirection","iconposition","_background","caption","getTestPropsForLabel"],"sources":["anchor.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { Badge } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TapEvent, Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { encodeUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\n\nimport WmAnchorProps from './anchor.props';\nimport { DEFAULT_CLASS, WmAnchorStyles } from './anchor.styles';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmAnchorState extends BaseComponentState<WmAnchorProps> {\n\n}\n\nexport default class WmAnchor extends BaseComponent<WmAnchorProps, WmAnchorState, WmAnchorStyles> {\n\n  constructor(props: WmAnchorProps) {\n    super(props, DEFAULT_CLASS, new WmAnchorProps());\n  }\n\n  onTap(navigationService: NavigationService, e: TapEvent) {\n    const props = this.state.props;\n    if (props.hyperlink) {\n      const link = props.encodeurl ? encodeUrl(props.hyperlink) : props.hyperlink;\n      navigationService.openUrl(link, {\n        target: this.state.props.target\n      });\n    }\n    this.invokeEventCallback('onTap', [e, this.proxy]);\n  }\n\n  public renderSkeleton(props: WmAnchorProps){\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: this.props.skeletonwidth || this.styles.root.width,\n      height: this.props.skeletonheight || this.styles.root.height\n    });\n  }\n\n  renderWidget(props: WmAnchorProps) {\n    if (this.styles.icon && this.styles.icon.text) {\n      this.styles.icon.text.color = this.styles.text.color;\n    }\n    const icon = props.iconclass ? (<WmIcon\n      id={this.getTestId('icon')}\n      styles={this.styles.icon} name={props.name + '_icon'} iconclass={props.iconclass}></WmIcon>) :  null;\n    //@ts-ignore\n    const badge = props.badgevalue != undefined ? (<Badge style={this.styles.badge}>{props.badgevalue}</Badge>): null;\n    return (\n      <NavigationServiceConsumer>\n        {(navigationService: NavigationService) =>\n          (<Animatedview entryanimation={props.animation} style={{width: this.styles.root.width, height: this.styles.root.height, justifyContent: 'center'}}>\n            <Tappable {...this.getTestPropsForAction()} target={this} styles={[this.styles.root, this.styles.root.width && this.styles.root.height ? { width: '100%', height: '100%'} : null, {flexDirection: props.iconposition === 'top' ? 'column': 'row'}]}\n              onTap={props.hyperlink || props.onTap ? (e: TapEvent) => this.onTap(navigationService, e) : undefined}>\n              {this._background}\n              {props.iconposition === 'top' && icon}\n              {props.iconposition === 'left' && icon}\n              {props.caption ? (<Text {...this.getTestPropsForLabel('caption')} style={this.styles.text}>{props.caption}</Text>) : null}\n              {props.iconposition === 'right' && icon}\n              {badge}\n            </Tappable>\n          </Animatedview>)\n      }\n      </NavigationServiceConsumer>\n    );\n  }\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,SAAmBC,QAAQ,QAAQ,mDAAmD;AACtF,OAAOC,MAAM,MAAM,gEAAgE;AACnF,SAASC,SAAS,QAAQ,sCAAsC;AAChE,SAA4BC,yBAAyB,QAAQ,mDAAmD;AAEhH,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,SAASC,YAAY,QAAQ,mEAAmE;AAChG,SAASC,cAAc,QAAQ,gCAAgC;AAE/D,OAAO,MAAMC,aAAa,SAAST,kBAAkB,CAAgB;AAIrE,eAAe,MAAMU,QAAQ,SAASX,aAAa,CAA+C;EAEhGY,WAAWA,CAACC,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,aAAa,CAAC,CAAC,CAAC;EAClD;EAEAQ,KAAKA,CAACC,iBAAoC,EAAEC,CAAW,EAAE;IACvD,MAAMH,KAAK,GAAG,IAAI,CAACI,KAAK,CAACJ,KAAK;IAC9B,IAAIA,KAAK,CAACK,SAAS,EAAE;MACnB,MAAMC,IAAI,GAAGN,KAAK,CAACO,SAAS,GAAGhB,SAAS,CAACS,KAAK,CAACK,SAAS,CAAC,GAAGL,KAAK,CAACK,SAAS;MAC3EH,iBAAiB,CAACM,OAAO,CAACF,IAAI,EAAE;QAC9BG,MAAM,EAAE,IAAI,CAACL,KAAK,CAACJ,KAAK,CAACS;MAC3B,CAAC,CAAC;IACJ;IACA,IAAI,CAACC,mBAAmB,CAAC,OAAO,EAAE,CAACP,CAAC,EAAE,IAAI,CAACQ,KAAK,CAAC,CAAC;EACpD;EAEOC,cAAcA,CAACZ,KAAoB,EAAC;IACzC,OAAOJ,cAAc,CAAC,IAAI,CAACiB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACD,MAAM,CAACE,IAAI;MACnBC,KAAK,EAAE,IAAI,CAACjB,KAAK,CAACkB,aAAa,IAAI,IAAI,CAACJ,MAAM,CAACE,IAAI,CAACC,KAAK;MACzDE,MAAM,EAAE,IAAI,CAACnB,KAAK,CAACoB,cAAc,IAAI,IAAI,CAACN,MAAM,CAACE,IAAI,CAACG;IACxD,CAAC,CAAC;EACJ;EAEAE,YAAYA,CAACrB,KAAoB,EAAE;IACjC,IAAI,IAAI,CAACc,MAAM,CAACQ,IAAI,IAAI,IAAI,CAACR,MAAM,CAACQ,IAAI,CAACC,IAAI,EAAE;MAC7C,IAAI,CAACT,MAAM,CAACQ,IAAI,CAACC,IAAI,CAACC,KAAK,GAAG,IAAI,CAACV,MAAM,CAACS,IAAI,CAACC,KAAK;IACtD;IACA,MAAMF,IAAI,GAAGtB,KAAK,CAACyB,SAAS,gBAAIzC,KAAA,CAAA0C,aAAA,CAACpC,MAAM;MACrCqC,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,MAAM,CAAE;MAC3Bd,MAAM,EAAE,IAAI,CAACA,MAAM,CAACQ,IAAK;MAACO,IAAI,EAAE7B,KAAK,CAAC6B,IAAI,GAAG,OAAQ;MAACJ,SAAS,EAAEzB,KAAK,CAACyB;IAAU,CAAS,CAAC,GAAK,IAAI;IACtG;IACA,MAAMK,KAAK,GAAG9B,KAAK,CAAC+B,UAAU,IAAIC,SAAS,gBAAIhD,KAAA,CAAA0C,aAAA,CAACxC,KAAK;MAAC+C,KAAK,EAAE,IAAI,CAACnB,MAAM,CAACgB;IAAM,GAAE9B,KAAK,CAAC+B,UAAkB,CAAC,GAAG,IAAI;IACjH,oBACE/C,KAAA,CAAA0C,aAAA,CAAClC,yBAAyB,QACtBU,iBAAoC,iBACnClB,KAAA,CAAA0C,aAAA,CAAC/B,YAAY;MAACuC,cAAc,EAAElC,KAAK,CAACmC,SAAU;MAACF,KAAK,EAAE;QAAChB,KAAK,EAAE,IAAI,CAACH,MAAM,CAACE,IAAI,CAACC,KAAK;QAAEE,MAAM,EAAE,IAAI,CAACL,MAAM,CAACE,IAAI,CAACG,MAAM;QAAEiB,cAAc,EAAE;MAAQ;IAAE,gBAChJpD,KAAA,CAAA0C,aAAA,CAACrC,QAAQ,EAAAgD,QAAA,KAAK,IAAI,CAACC,qBAAqB,CAAC,CAAC;MAAE7B,MAAM,EAAE,IAAK;MAACK,MAAM,EAAE,CAAC,IAAI,CAACA,MAAM,CAACE,IAAI,EAAE,IAAI,CAACF,MAAM,CAACE,IAAI,CAACC,KAAK,IAAI,IAAI,CAACH,MAAM,CAACE,IAAI,CAACG,MAAM,GAAG;QAAEF,KAAK,EAAE,MAAM;QAAEE,MAAM,EAAE;MAAM,CAAC,GAAG,IAAI,EAAE;QAACoB,aAAa,EAAEvC,KAAK,CAACwC,YAAY,KAAK,KAAK,GAAG,QAAQ,GAAE;MAAK,CAAC,CAAE;MACjPvC,KAAK,EAAED,KAAK,CAACK,SAAS,IAAIL,KAAK,CAACC,KAAK,GAAIE,CAAW,IAAK,IAAI,CAACF,KAAK,CAACC,iBAAiB,EAAEC,CAAC,CAAC,GAAG6B;IAAU,IACrG,IAAI,CAACS,WAAW,EAChBzC,KAAK,CAACwC,YAAY,KAAK,KAAK,IAAIlB,IAAI,EACpCtB,KAAK,CAACwC,YAAY,KAAK,MAAM,IAAIlB,IAAI,EACrCtB,KAAK,CAAC0C,OAAO,gBAAI1D,KAAA,CAAA0C,aAAA,CAACzC,IAAI,EAAAoD,QAAA,KAAK,IAAI,CAACM,oBAAoB,CAAC,SAAS,CAAC;MAAEV,KAAK,EAAE,IAAI,CAACnB,MAAM,CAACS;IAAK,IAAEvB,KAAK,CAAC0C,OAAc,CAAC,GAAI,IAAI,EACxH1C,KAAK,CAACwC,YAAY,KAAK,OAAO,IAAIlB,IAAI,EACtCQ,KACO,CACE,CAES,CAAC;EAEhC;AACF"}

app-rn-runtime/components/basic/animatedview.component.js

@@ -10,6 +10,7 @@ export default class AnimatedviewProps {
     _defineProperty(this, "entryanimation", null);
     _defineProperty(this, "children", void 0);
     _defineProperty(this, "duration", null);
+    _defineProperty(this, "iterationCount", void 0);
     _defineProperty(this, "style", void 0);
     _defineProperty(this, "exitanimation", null);
   }
@@ -52,6 +53,54 @@ const AnimationMap = {
   zoomInUp: 'zoomOutDown'
 };
 const CustomAnimationMap = {
+  flipInY: {
+    0: {
+      transform: [{
+        rotateY: "0deg"
+      }]
+    },
+    1: {
+      transform: [{
+        rotateY: "360deg"
+      }]
+    }
+  },
+  flipInX: {
+    0: {
+      transform: [{
+        rotateX: "0deg"
+      }]
+    },
+    1: {
+      transform: [{
+        rotateX: "360deg"
+      }]
+    }
+  },
+  flipOutY: {
+    0: {
+      transform: [{
+        rotateY: "3600deg"
+      }]
+    },
+    1: {
+      transform: [{
+        rotateY: "0deg"
+      }]
+    }
+  },
+  flipOutX: {
+    0: {
+      transform: [{
+        rotateX: "360deg"
+      }]
+    },
+    1: {
+      transform: [{
+        rotateX: "0deg"
+      }]
+    }
+  },
   slideInDown: {
     from: {
       translateY: -20
@@ -152,6 +201,7 @@ export class Animatedview extends React.Component {
       duration: this.props.duration,
       useNativeDriver: true,
       style: this.props.style,
+      iterationCount: this.props.iterationCount,
       ref: this.handleViewRef
     }, this.props.children) : /*#__PURE__*/React.createElement(View, {
       style: this.props.style

app-rn-runtime/components/basic/animatedview.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Animatable","initializeRegistryWithDefinitions","View","AnimatedviewProps","constructor","_defineProperty","AnimationMap","bounce","flash","pulse","rotate","rubberBand","shake","swing","tada","wobble","bounceIn","bounceInDown","bounceInLeft","bounceInRight","bounceInUp","fadeIn","fadeInDown","fadeInDownBig","fadeInLeft","fadeInLeftBig","fadeInRight","fadeInRightBig","fadeInUp","fadeInUpBig","flipInX","flipInY","lightSpeedIn","slideInDown","slideInLeft","slideInRight","slideInUp","zoomIn","zoomInDown","zoomInLeft","zoomInRight","zoomInUp","CustomAnimationMap","from","translateY","to","slideOutUp","slideOutDown","opacity","fadeOutDown","fadeOutUp","Animatedview","Component","props","ref","view","triggerEntry","animate","entryanimation","duration","then","endState","finished","triggerExit","exitanimation","render","createElement","animation","useNativeDriver","style","handleViewRef","children"],"sources":["animatedview.component.tsx"],"sourcesContent":["import React from 'react';\nimport * as Animatable from 'react-native-animatable';\nimport { initializeRegistryWithDefinitions } from 'react-native-animatable';\nimport { View, ViewProps, ViewStyle } from 'react-native';\n\nexport default class AnimatedviewProps {\n  entryanimation?: string = null as any;\n  children?: any;\n  duration?: number = null as any;\n  style?: any;\n  exitanimation?: string = null as any;\n}\n\nconst AnimationMap: any = {\n  bounce: 'bounce',\n  flash: 'flash',\n  pulse: 'pulse',\n  rotate: 'rotate',\n  rubberBand: 'rubberBand',\n  shake: 'shake',\n  swing: 'swing',\n  tada: 'tada',\n  wobble: 'wobble',\n  bounceIn: 'bounceOut',\n  bounceInDown: 'bounceOutUp',\n  bounceInLeft: 'bounceOutRight',\n  bounceInRight: 'bounceOutLeft',\n  bounceInUp: 'bounceOutDown',\n  fadeIn: 'fadeOut',\n  fadeInDown: 'fadeOutUp',\n  fadeInDownBig: 'fadeOutUpBig',\n  fadeInLeft: 'fadeOutRight',\n  fadeInLeftBig: 'fadeOutRightBig',\n  fadeInRight: 'fadeOutLeft',\n  fadeInRightBig: 'fadeOutLeftBig',\n  fadeInUp: 'fadeOutDown',\n  fadeInUpBig: 'fadeOutDownBig',\n  flipInX: 'flipOutX',\n  flipInY: 'flipOutY',\n  lightSpeedIn: 'lightSpeedOut',\n  slideInDown: 'slideOutUp',\n  slideInLeft: 'slideOutRight',\n  slideInRight: 'slideOutLeft',\n  slideInUp: 'slideOutDown',\n  zoomIn: 'zoomOut',\n  zoomInDown: 'zoomOutUp',\n  zoomInLeft: 'zoomOutRight',\n  zoomInRight: 'zoomOutLeft',\n  zoomInUp: 'zoomOutDown'\n};\n\nconst CustomAnimationMap: any = {\n  slideInDown : {\n    from: { translateY: -20 },\n    to: { translateY: 0 }\n  },\n  slideInUp : {\n    from: { translateY: 20 },\n    to: { translateY: 0 }\n  },\n  slideOutUp: {\n    from: { translateY: 0 },\n    to: { translateY: -20 }\n  },\n  slideOutDown : {\n    from: { translateY: 0 },\n    to: { translateY: 20 }\n  },\n  fadeInDown: {\n    from: { opacity: 0, translateY: -20 },\n    to: { opacity: 1, translateY: 0 }\n  },\n  fadeInUp: {\n    from: { opacity: 0, translateY: 20 },\n    to: { opacity: 1, translateY: 0 }\n  },\n  fadeOutDown: {\n    from: { opacity: 1, translateY: 0 },\n    to: { opacity: 0, translateY: 20 }\n  },\n  fadeOutUp: {\n    from: { opacity: 1, translateY: 0 },\n    to: { opacity: 0, translateY: -20 }\n  }\n};\n\nexport class Animatedview extends React.Component<AnimatedviewProps> {\n  static defaultProps: AnimatedviewProps = {\n    duration: 200\n  };\n\n  private view: Animatable.View = null as any;\n\n  constructor(props: AnimatedviewProps) {\n    super(props);\n    initializeRegistryWithDefinitions(CustomAnimationMap);\n  }\n\n  triggerEntry() {\n    return (this as any).view.animate(this.props.entryanimation, this.props.duration).then((endState: any) => endState.finished)\n  }\n\n  triggerExit() {\n    if (!this.view) {\n      return;\n    }\n    if (this.props.exitanimation) {\n      return (this as any).view.animate(this.props.exitanimation, this.props.duration, 1).then((endState: any) => endState.finished)\n    } else {\n      return (this as any).view.animate(AnimationMap[this.props.entryanimation || ''], this.props.duration, 1).then((endState: any) => endState.finished)\n    }\n  }\n\n  // @ts-ignore\n  handleViewRef = (ref: Animatable.View<ViewProps, ViewStyle>) => this.view = ref;\n\n  render() {\n    return this.props.entryanimation ? (\n     <Animatable.View\n       animation={this.props.entryanimation}\n       duration={this.props.duration}\n       useNativeDriver={true}\n       style={this.props.style}\n       ref={this.handleViewRef}>\n        {this.props.children}\n      </Animatable.View>\n    ): (<View style={this.props.style}>{this.props.children}</View>);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Animatable","initializeRegistryWithDefinitions","View","AnimatedviewProps","constructor","_defineProperty","AnimationMap","bounce","flash","pulse","rotate","rubberBand","shake","swing","tada","wobble","bounceIn","bounceInDown","bounceInLeft","bounceInRight","bounceInUp","fadeIn","fadeInDown","fadeInDownBig","fadeInLeft","fadeInLeftBig","fadeInRight","fadeInRightBig","fadeInUp","fadeInUpBig","flipInX","flipInY","lightSpeedIn","slideInDown","slideInLeft","slideInRight","slideInUp","zoomIn","zoomInDown","zoomInLeft","zoomInRight","zoomInUp","CustomAnimationMap","transform","rotateY","rotateX","flipOutY","flipOutX","from","translateY","to","slideOutUp","slideOutDown","opacity","fadeOutDown","fadeOutUp","Animatedview","Component","props","ref","view","triggerEntry","animate","entryanimation","duration","then","endState","finished","triggerExit","exitanimation","render","createElement","animation","useNativeDriver","style","iterationCount","handleViewRef","children"],"sources":["animatedview.component.tsx"],"sourcesContent":["import React from 'react';\nimport * as Animatable from 'react-native-animatable';\nimport { initializeRegistryWithDefinitions } from 'react-native-animatable';\nimport { View, ViewProps, ViewStyle } from 'react-native';\n\nexport default class AnimatedviewProps {\n  entryanimation?: string = null as any;\n  children?: any;\n  duration?: number = null as any;\n  iterationCount?:any;\n  style?: any;\n  exitanimation?: string = null as any;\n}\n\nconst AnimationMap: any = {\n  bounce: 'bounce',\n  flash: 'flash',\n  pulse: 'pulse',\n  rotate: 'rotate',\n  rubberBand: 'rubberBand',\n  shake: 'shake',\n  swing: 'swing',\n  tada: 'tada',\n  wobble: 'wobble',\n  bounceIn: 'bounceOut',\n  bounceInDown: 'bounceOutUp',\n  bounceInLeft: 'bounceOutRight',\n  bounceInRight: 'bounceOutLeft',\n  bounceInUp: 'bounceOutDown',\n  fadeIn: 'fadeOut',\n  fadeInDown: 'fadeOutUp',\n  fadeInDownBig: 'fadeOutUpBig',\n  fadeInLeft: 'fadeOutRight',\n  fadeInLeftBig: 'fadeOutRightBig',\n  fadeInRight: 'fadeOutLeft',\n  fadeInRightBig: 'fadeOutLeftBig',\n  fadeInUp: 'fadeOutDown',\n  fadeInUpBig: 'fadeOutDownBig',\n  flipInX: 'flipOutX',\n  flipInY: 'flipOutY',\n  lightSpeedIn: 'lightSpeedOut',\n  slideInDown: 'slideOutUp',\n  slideInLeft: 'slideOutRight',\n  slideInRight: 'slideOutLeft',\n  slideInUp: 'slideOutDown',\n  zoomIn: 'zoomOut',\n  zoomInDown: 'zoomOutUp',\n  zoomInLeft: 'zoomOutRight',\n  zoomInRight: 'zoomOutLeft',\n  zoomInUp: 'zoomOutDown'\n};\n\nconst CustomAnimationMap: any = {\n  flipInY: {\n    0: {\n        transform: [{rotateY: \"0deg\"}]\n    },\n    1: {\n        transform: [{rotateY: \"360deg\"}]\n    }\n  },\n  flipInX: {\n    0: {\n        transform: [{rotateX: \"0deg\"}]\n    },\n    1: {\n        transform: [{rotateX: \"360deg\"}]\n    }\n  },\n  flipOutY: {\n    0: {\n        transform: [{rotateY: \"3600deg\"}]\n    },\n    1: {\n        transform: [{rotateY: \"0deg\"}]\n    }\n  },\n  flipOutX: {\n    0: {\n        transform: [{rotateX: \"360deg\"}]\n    },\n    1: {\n        transform: [{rotateX: \"0deg\"}]\n    }\n  },\n  slideInDown : {\n    from: { translateY: -20 },\n    to: { translateY: 0 }\n  },\n  slideInUp : {\n    from: { translateY: 20 },\n    to: { translateY: 0 }\n  },\n  slideOutUp: {\n    from: { translateY: 0 },\n    to: { translateY: -20 }\n  },\n  slideOutDown : {\n    from: { translateY: 0 },\n    to: { translateY: 20 }\n  },\n  fadeInDown: {\n    from: { opacity: 0, translateY: -20 },\n    to: { opacity: 1, translateY: 0 }\n  },\n  fadeInUp: {\n    from: { opacity: 0, translateY: 20 },\n    to: { opacity: 1, translateY: 0 }\n  },\n  fadeOutDown: {\n    from: { opacity: 1, translateY: 0 },\n    to: { opacity: 0, translateY: 20 }\n  },\n  fadeOutUp: {\n    from: { opacity: 1, translateY: 0 },\n    to: { opacity: 0, translateY: -20 }\n  }\n};\n\nexport class Animatedview extends React.Component<AnimatedviewProps> {\n  static defaultProps: AnimatedviewProps = {\n    duration: 200\n  };\n\n  private view: Animatable.View = null as any;\n\n  constructor(props: AnimatedviewProps) {\n    super(props);\n    initializeRegistryWithDefinitions(CustomAnimationMap);\n  }\n\n  triggerEntry() {\n    return (this as any).view.animate(this.props.entryanimation, this.props.duration).then((endState: any) => endState.finished)\n  }\n\n  triggerExit() {\n    if (!this.view) {\n      return;\n    }\n    if (this.props.exitanimation) {\n      return (this as any).view.animate(this.props.exitanimation, this.props.duration, 1).then((endState: any) => endState.finished)\n    } else {\n      return (this as any).view.animate(AnimationMap[this.props.entryanimation || ''], this.props.duration, 1).then((endState: any) => endState.finished)\n    }\n  }\n\n  // @ts-ignore\n  handleViewRef = (ref: Animatable.View<ViewProps, ViewStyle>) => this.view = ref;\n\n  render() {\n    return this.props.entryanimation ? (\n     <Animatable.View\n       animation={this.props.entryanimation}\n       duration={this.props.duration}\n       useNativeDriver={true}\n       style={this.props.style}\n       iterationCount={this.props.iterationCount}\n       ref={this.handleViewRef}>\n        {this.props.children}\n      </Animatable.View>\n    ): (<View style={this.props.style}>{this.props.children}</View>);\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/basic/audio/audio.component.js

@@ -199,18 +199,21 @@ export default class WmAudio extends BaseComponent {
     return props.controls ? /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
     }, this._background, !this.state.playing ? /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('play'),
       name: props.name + "_play",
       styles: this.styles.playIcon,
       iconclass: "wi wi-play-arrow fa-2x",
       onTap: () => this.play()
     }) : /*#__PURE__*/React.createElement(WmIcon, {
       name: props.name + "_pause",
+      id: this.getTestId('pause'),
       iconclass: "wi wi-pause fa-2x",
       styles: this.styles.pauseIcon,
       onTap: () => this.pause()
     }), /*#__PURE__*/React.createElement(Text, {
       style: this.styles.text
     }, `${this.formatTime(this.state.currentTime)} / ${this.formatTime(this.state.totalTime)}`), /*#__PURE__*/React.createElement(Slider, {
+      testID: this.getTestId('slider'),
       step: 1,
       style: {
         flex: 1
@@ -226,11 +229,13 @@ export default class WmAudio extends BaseComponent {
       maximumTrackTintColor: this.styles.slider.maximumTrack.backgroundColor
     }), !props.muted ? /*#__PURE__*/React.createElement(WmIcon, {
       name: props.name + "_mute",
+      id: this.getTestId('mute'),
       iconclass: "wi wi-volume-up fa-2x",
       styles: this.styles.muteIcon,
       onTap: () => this.mute()
     }) : /*#__PURE__*/React.createElement(WmIcon, {
       name: props.name + "_unmute",
+      id: this.getTestId('unmute'),
       iconclass: "wi wi-volume-off fa-2x",
       styles: this.styles.unmuteIcon,
       onTap: () => this.unmute()

app-rn-runtime/components/basic/audio/audio.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","Text","View","Slider","isString","Audio","BaseComponent","BaseComponentState","WmAudioProps","DEFAULT_CLASS","WmIcon","isWebPreviewMode","WmAudioState","constructor","arguments","_defineProperty","WmAudio","props","onPropertyChange","name","$new","$old","initialized","Promise","resolve","then","_this$sound","sound","unloadAsync","onSeekChange","state","playing","autoplay","play","getSource","source","loadAsset","mp3format","uri","addPadding","str","maxLen","pad","length","undefined","formatTime","v","t","mins","Math","floor","seconds","round","setTimer","cancelTimer","timer","setInterval","currentTime","totalTime","loop","replay","stop","setState","max","offsetTime","clearInterval","_this$sound2","pause","updateState","replayAsync","loading","playAsync","Sound","createAsync","isMuted","muted","res","getStatusAsync","status","catch","_this$sound3","pauseAsync","mute","setStatusAsync","unmute","time","_this$sound4","setPositionAsync","componentDidMount","setTimeout","componentWillUnmount","renderWidget","controls","createElement","style","styles","root","_background","playIcon","iconclass","onTap","pauseIcon","text","step","flex","value","disabled","onValueChange","bind","minimumValue","inverted","isRTL","OS","maximumValue","thumbTintColor","slider","thumb","backgroundColor","minimumTrackTintColor","minimumTrack","maximumTrackTintColor","maximumTrack","muteIcon","unmuteIcon"],"sources":["audio.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, Text, View } from 'react-native';\nimport Slider from '@react-native-community/slider';\nimport { isString } from 'lodash-es';\nimport { Audio } from 'expo-av';\nimport { Sound } from 'expo-av/build/Audio';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmAudioProps from './audio.props';\nimport { DEFAULT_CLASS, WmAudioStyles } from './audio.styles';\nimport WmIcon from '../icon/icon.component';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmAudioState extends BaseComponentState<WmAudioProps> {\n  playing = false;\n  currentTime = 0;\n  totalTime = 0;\n}\n\nexport default class WmAudio extends BaseComponent<WmAudioProps, WmAudioState, WmAudioStyles> {\n\n  private loading = false;\n  private sound: Sound = null as any;\n  private timer: any;\n  private offsetTime = 0;\n\n  constructor(props: WmAudioProps) {\n    super(props, DEFAULT_CLASS, new WmAudioProps(), new WmAudioState());\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch(name) {\n        case 'mp3format': {\n          if (this.initialized) {\n            Promise.resolve()\n              .then(() => this.sound?.unloadAsync())\n              .then(() => {\n                this.sound = null as any;\n                this.onSeekChange(0);\n                if (this.state.playing \n                  || this.state.props.autoplay) {\n                  this.play();\n                }\n              });\n          }\n        }\n        break;\n        case 'autoplay':\n          if (this.initialized && $new) {\n            this.play();\n          }\n      }\n  }\n\n  getSource() {\n    const source = this.loadAsset \n      && this.state.props.mp3format\n      && this.loadAsset(this.state.props.mp3format as string);\n    if (isString(source)) {\n      return {\n        uri: source\n      };\n    }\n    return source;\n  }\n\n  addPadding(str: string, maxLen: number,  pad = '0'): string {\n    if (str.length < maxLen) {\n      return this.addPadding(pad + str, maxLen, pad);\n    }\n    return str;\n  }\n\n  formatTime(v: number) {\n    const t = v/60;\n    const mins =  Math.floor(t);\n    const seconds = Math.round((t - mins) * 60);\n    return this.addPadding(mins+ '', 2) + ':' + this.addPadding(seconds+ '', 2);\n  }\n\n  setTimer() {\n    this.cancelTimer();\n    this.timer = setInterval(() => {\n      if (this.state.currentTime >= this.state.totalTime) {\n        if (this.state.props.loop) {\n          this.replay();\n        } else {\n          this.stop();\n        }\n        return;\n      }\n      this.setState({\n        currentTime:  Math.max(this.offsetTime + this.state.currentTime + 1, 0)\n      } as WmAudioState);\n      this.offsetTime = 0;\n    }, 1000);\n  }\n\n  cancelTimer() {\n    clearInterval(this.timer);\n  }\n\n  stop() {\n    this.pause();\n    this.sound?.unloadAsync();\n    this.sound = null as any;\n    this.cancelTimer();\n    this.offsetTime = 0;\n    this.updateState({\n      currentTime: 0\n    } as WmAudioState);\n  }\n\n  replay() {\n    this.updateState({\n      currentTime: 0\n    } as WmAudioState, () => {\n      this.sound.replayAsync();\n    });\n  }\n\n  play() {\n    if (isWebPreviewMode() \n      || this.loading\n      || (this.state.playing && this.sound)) {\n      return;\n    }\n    if (this.sound) {\n      this.sound.playAsync();\n      this.setTimer();\n      this.updateState({\n        playing: true\n      } as WmAudioState);\n    } else {\n      this.loading = true;\n      const source = this.getSource();\n      source && Audio.Sound.createAsync(source, {\n        isMuted: this.state.props.muted\n      })\n        .then((res) => {\n          this.sound = res.sound;\n          this.sound.playAsync();\n          this.sound.getStatusAsync().then((status: any) => {\n            this.updateState({\n              currentTime: 0,\n              totalTime: Math.round(status['durationMillis']/1000)\n            } as WmAudioState, () => this.setTimer());\n          });\n          this.updateState({\n            playing: true\n          } as WmAudioState);\n        }).catch(() => {}).then(() => {\n          this.loading = false;\n        });\n    }\n  }\n\n  pause() {\n    this.cancelTimer();\n    this.sound?.pauseAsync().then(() => {\n      this.updateState({\n        playing: false\n      } as WmAudioState);\n    })\n  }\n\n  mute() {\n    this.sound.setStatusAsync({\n      isMuted: true\n    }).then(() => {\n      this.updateState({\n        props: {\n          muted: true\n        }\n      } as WmAudioState);\n    });\n  }\n\n  unmute() {\n    this.sound.setStatusAsync({\n      isMuted: false\n    }).then(() => {\n      this.updateState({\n        props: {\n          muted: false\n        }\n      } as WmAudioState);\n    });\n  }\n\n  onSeekChange(time: number) {\n    if (time !== this.state.currentTime) {\n      this.offsetTime = time - this.state.currentTime;\n      this.sound?.setPositionAsync(time * 1000);\n    }\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    //without settimeout, app is crashing with errors\n    setTimeout(() => {\n      if (this.state.props.autoplay) {\n        this.play();\n      }\n    }, 1000);\n  }\n\n  componentWillUnmount(): void {\n    super.componentWillUnmount();\n    this.stop();\n  }\n\n  renderWidget(props: WmAudioProps) {\n    return props.controls ? (\n      <View style={this.styles.root}>\n        {this._background}\n        {!this.state.playing ? (<WmIcon \n          name={props.name + \"_play\"}\n          styles={this.styles.playIcon}\n          iconclass=\"wi wi-play-arrow fa-2x\"\n          onTap={() => this.play()}></WmIcon>) : (\n        <WmIcon name={props.name + \"_pause\"}\n          iconclass=\"wi wi-pause fa-2x\"\n          styles={this.styles.pauseIcon}\n          onTap={() => this.pause()}></WmIcon>)}\n        <Text style={this.styles.text}>\n          {`${this.formatTime(this.state.currentTime)} / ${this.formatTime(this.state.totalTime)}`}\n        </Text>\n        <Slider\n          step={1}\n          style={{flex: 1}}\n          value={this.state.currentTime}\n          disabled={isWebPreviewMode()}\n          onValueChange={this.onSeekChange.bind(this)}\n          minimumValue={0}\n          inverted={this.isRTL && (Platform.OS==\"android\" || Platform.OS==\"web\")}\n          maximumValue={this.state.totalTime || 1}\n          thumbTintColor={this.styles.slider.thumb.backgroundColor as string}\n          minimumTrackTintColor={this.styles.slider.minimumTrack.backgroundColor as string}\n          maximumTrackTintColor={this.styles.slider.maximumTrack.backgroundColor as string}\n        />\n        {!props.muted ? (<WmIcon name={props.name + \"_mute\"}\n          iconclass=\"wi wi-volume-up fa-2x\"\n          styles={this.styles.muteIcon}\n          onTap={() => this.mute()}></WmIcon>) :\n        (<WmIcon name={props.name + \"_unmute\"}\n          iconclass=\"wi wi-volume-off fa-2x\"\n          styles={this.styles.unmuteIcon}\n          onTap={() => this.unmute()}></WmIcon>)}\n      </View>) : null; \n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Platform","Text","View","Slider","isString","Audio","BaseComponent","BaseComponentState","WmAudioProps","DEFAULT_CLASS","WmIcon","isWebPreviewMode","WmAudioState","constructor","arguments","_defineProperty","WmAudio","props","onPropertyChange","name","$new","$old","initialized","Promise","resolve","then","_this$sound","sound","unloadAsync","onSeekChange","state","playing","autoplay","play","getSource","source","loadAsset","mp3format","uri","addPadding","str","maxLen","pad","length","undefined","formatTime","v","t","mins","Math","floor","seconds","round","setTimer","cancelTimer","timer","setInterval","currentTime","totalTime","loop","replay","stop","setState","max","offsetTime","clearInterval","_this$sound2","pause","updateState","replayAsync","loading","playAsync","Sound","createAsync","isMuted","muted","res","getStatusAsync","status","catch","_this$sound3","pauseAsync","mute","setStatusAsync","unmute","time","_this$sound4","setPositionAsync","componentDidMount","setTimeout","componentWillUnmount","renderWidget","controls","createElement","style","styles","root","_background","id","getTestId","playIcon","iconclass","onTap","pauseIcon","text","testID","step","flex","value","disabled","onValueChange","bind","minimumValue","inverted","isRTL","OS","maximumValue","thumbTintColor","slider","thumb","backgroundColor","minimumTrackTintColor","minimumTrack","maximumTrackTintColor","maximumTrack","muteIcon","unmuteIcon"],"sources":["audio.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, Text, View } from 'react-native';\nimport Slider from '@react-native-community/slider';\nimport { isString } from 'lodash-es';\nimport { Audio } from 'expo-av';\nimport { Sound } from 'expo-av/build/Audio';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmAudioProps from './audio.props';\nimport { DEFAULT_CLASS, WmAudioStyles } from './audio.styles';\nimport WmIcon from '../icon/icon.component';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmAudioState extends BaseComponentState<WmAudioProps> {\n  playing = false;\n  currentTime = 0;\n  totalTime = 0;\n}\n\nexport default class WmAudio extends BaseComponent<WmAudioProps, WmAudioState, WmAudioStyles> {\n\n  private loading = false;\n  private sound: Sound = null as any;\n  private timer: any;\n  private offsetTime = 0;\n\n  constructor(props: WmAudioProps) {\n    super(props, DEFAULT_CLASS, new WmAudioProps(), new WmAudioState());\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch(name) {\n        case 'mp3format': {\n          if (this.initialized) {\n            Promise.resolve()\n              .then(() => this.sound?.unloadAsync())\n              .then(() => {\n                this.sound = null as any;\n                this.onSeekChange(0);\n                if (this.state.playing \n                  || this.state.props.autoplay) {\n                  this.play();\n                }\n              });\n          }\n        }\n        break;\n        case 'autoplay':\n          if (this.initialized && $new) {\n            this.play();\n          }\n      }\n  }\n\n  getSource() {\n    const source = this.loadAsset \n      && this.state.props.mp3format\n      && this.loadAsset(this.state.props.mp3format as string);\n    if (isString(source)) {\n      return {\n        uri: source\n      };\n    }\n    return source;\n  }\n\n  addPadding(str: string, maxLen: number,  pad = '0'): string {\n    if (str.length < maxLen) {\n      return this.addPadding(pad + str, maxLen, pad);\n    }\n    return str;\n  }\n\n  formatTime(v: number) {\n    const t = v/60;\n    const mins =  Math.floor(t);\n    const seconds = Math.round((t - mins) * 60);\n    return this.addPadding(mins+ '', 2) + ':' + this.addPadding(seconds+ '', 2);\n  }\n\n  setTimer() {\n    this.cancelTimer();\n    this.timer = setInterval(() => {\n      if (this.state.currentTime >= this.state.totalTime) {\n        if (this.state.props.loop) {\n          this.replay();\n        } else {\n          this.stop();\n        }\n        return;\n      }\n      this.setState({\n        currentTime:  Math.max(this.offsetTime + this.state.currentTime + 1, 0)\n      } as WmAudioState);\n      this.offsetTime = 0;\n    }, 1000);\n  }\n\n  cancelTimer() {\n    clearInterval(this.timer);\n  }\n\n  stop() {\n    this.pause();\n    this.sound?.unloadAsync();\n    this.sound = null as any;\n    this.cancelTimer();\n    this.offsetTime = 0;\n    this.updateState({\n      currentTime: 0\n    } as WmAudioState);\n  }\n\n  replay() {\n    this.updateState({\n      currentTime: 0\n    } as WmAudioState, () => {\n      this.sound.replayAsync();\n    });\n  }\n\n  play() {\n    if (isWebPreviewMode() \n      || this.loading\n      || (this.state.playing && this.sound)) {\n      return;\n    }\n    if (this.sound) {\n      this.sound.playAsync();\n      this.setTimer();\n      this.updateState({\n        playing: true\n      } as WmAudioState);\n    } else {\n      this.loading = true;\n      const source = this.getSource();\n      source && Audio.Sound.createAsync(source, {\n        isMuted: this.state.props.muted\n      })\n        .then((res) => {\n          this.sound = res.sound;\n          this.sound.playAsync();\n          this.sound.getStatusAsync().then((status: any) => {\n            this.updateState({\n              currentTime: 0,\n              totalTime: Math.round(status['durationMillis']/1000)\n            } as WmAudioState, () => this.setTimer());\n          });\n          this.updateState({\n            playing: true\n          } as WmAudioState);\n        }).catch(() => {}).then(() => {\n          this.loading = false;\n        });\n    }\n  }\n\n  pause() {\n    this.cancelTimer();\n    this.sound?.pauseAsync().then(() => {\n      this.updateState({\n        playing: false\n      } as WmAudioState);\n    })\n  }\n\n  mute() {\n    this.sound.setStatusAsync({\n      isMuted: true\n    }).then(() => {\n      this.updateState({\n        props: {\n          muted: true\n        }\n      } as WmAudioState);\n    });\n  }\n\n  unmute() {\n    this.sound.setStatusAsync({\n      isMuted: false\n    }).then(() => {\n      this.updateState({\n        props: {\n          muted: false\n        }\n      } as WmAudioState);\n    });\n  }\n\n  onSeekChange(time: number) {\n    if (time !== this.state.currentTime) {\n      this.offsetTime = time - this.state.currentTime;\n      this.sound?.setPositionAsync(time * 1000);\n    }\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    //without settimeout, app is crashing with errors\n    setTimeout(() => {\n      if (this.state.props.autoplay) {\n        this.play();\n      }\n    }, 1000);\n  }\n\n  componentWillUnmount(): void {\n    super.componentWillUnmount();\n    this.stop();\n  }\n\n  renderWidget(props: WmAudioProps) {\n    return props.controls ? (\n      <View style={this.styles.root}>\n        {this._background}\n        {!this.state.playing ? (<WmIcon \n          id={this.getTestId('play')}\n          name={props.name + \"_play\"}\n          styles={this.styles.playIcon}\n          iconclass=\"wi wi-play-arrow fa-2x\"\n          onTap={() => this.play()}></WmIcon>) : (\n        <WmIcon name={props.name + \"_pause\"}\n          id={this.getTestId('pause')}\n          iconclass=\"wi wi-pause fa-2x\"\n          styles={this.styles.pauseIcon}\n          onTap={() => this.pause()}></WmIcon>)}\n        <Text style={this.styles.text}>\n          {`${this.formatTime(this.state.currentTime)} / ${this.formatTime(this.state.totalTime)}`}\n        </Text>\n        <Slider\n          testID={this.getTestId('slider')}\n          step={1}\n          style={{flex: 1}}\n          value={this.state.currentTime}\n          disabled={isWebPreviewMode()}\n          onValueChange={this.onSeekChange.bind(this)}\n          minimumValue={0}\n          inverted={this.isRTL && (Platform.OS==\"android\" || Platform.OS==\"web\")}\n          maximumValue={this.state.totalTime || 1}\n          thumbTintColor={this.styles.slider.thumb.backgroundColor as string}\n          minimumTrackTintColor={this.styles.slider.minimumTrack.backgroundColor as string}\n          maximumTrackTintColor={this.styles.slider.maximumTrack.backgroundColor as string}\n        />\n        {!props.muted ? (<WmIcon name={props.name + \"_mute\"}\n          id={this.getTestId('mute')}\n          iconclass=\"wi wi-volume-up fa-2x\"\n          styles={this.styles.muteIcon}\n          onTap={() => this.mute()}></WmIcon>) :\n        (<WmIcon name={props.name + \"_unmute\"}\n          id={this.getTestId('unmute')}\n          iconclass=\"wi wi-volume-off fa-2x\"\n          styles={this.styles.unmuteIcon}\n          onTap={() => this.unmute()}></WmIcon>)}\n      </View>) : null; \n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/basic/button/button.component.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { Text, View } from 'react-native';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
@@ -14,12 +15,12 @@ export default class WmButton extends BaseComponent {
     super(props, DEFAULT_CLASS, new WmButtonProps());
   }
   prepareIcon(props) {
-    return /*#__PURE__*/React.createElement(WmIcon, {
+    return props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, _extends({}, this.getTestPropsForLabel('icon'), {
       styles: this.styles.icon,
       name: props.name + '_icon',
       iconclass: props.iconclass,
       iconsize: props.iconsize
-    });
+    })) : null;
   }
   prepareBadge(props) {
     //@ts-ignore
@@ -38,15 +39,15 @@ export default class WmButton extends BaseComponent {
     return /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
       style: this.styles.root
-    }, this._background, /*#__PURE__*/React.createElement(Tappable, {
+    }, this._background, /*#__PURE__*/React.createElement(Tappable, _extends({
       target: this
-    }, /*#__PURE__*/React.createElement(View, {
+    }, this.getTestPropsForAction()), /*#__PURE__*/React.createElement(View, {
       style: [this.styles.content, {
         flexDirection: props.iconposition === 'top' ? 'column' : 'row'
       }]
-    }, props.iconposition === 'top' && this.prepareIcon(props), props.iconposition === 'left' && this.prepareIcon(props), /*#__PURE__*/React.createElement(Text, {
+    }, props.iconposition === 'top' && this.prepareIcon(props), props.iconposition === 'left' && this.prepareIcon(props), props.caption ? /*#__PURE__*/React.createElement(Text, _extends({
       style: this.styles.text
-    }, props.caption), props.iconposition === 'right' && this.prepareIcon(props), props.badgevalue && this.prepareBadge(props))));
+    }, this.getTestPropsForLabel('caption')), props.caption) : null, props.iconposition === 'right' && this.prepareIcon(props), props.badgevalue && this.prepareBadge(props))));
   }
 }
 //# sourceMappingURL=button.component.js.map