@wavemaker/app-rn-runtime 12.0.0-next.46502 → 12.0.0-next.47810

package/variables/utils/inflight-queue.js

@@ -0,0 +1,114 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+class InflightQueue {
+  constructor() {
+    _defineProperty(this, "requestsQueue", new Map());
+  }
+  /**
+   * pushes the process against a variable in its queue
+   * @param variable
+   * @param {{resolve: (value?: any) => void; reject: (reason?: any) => void}} param2
+   * the resolve callback will be called on
+   */
+  addToQueue(variable, param2) {
+    if (this.requestsQueue.has(variable)) {
+      this.requestsQueue.get(variable).push(param2);
+    } else {
+      const processes = [];
+      processes.push({
+        resolve: param2.resolve,
+        reject: param2.reject,
+        active: false
+      });
+      this.requestsQueue.set(variable, processes);
+    }
+  }
+
+  /**
+   * Calls the reject method against the passed process
+   * @param process
+   */
+  rejectProcess(process) {
+    process.reject('PROCESS_REJECTED_IN_QUEUE');
+  }
+
+  /**
+   * clears the queue against a variable
+   * @param variable
+   */
+  clear(variable) {
+    this.requestsQueue.delete(variable);
+  }
+
+  /**
+   * executes the n/w calls for a specified variable pushed in its respective queue (pushed while it was inFlight)
+   * @param variable
+   */
+  process(variable) {
+    const processes = this.requestsQueue.get(variable);
+    let nextProcess;
+
+    // process request queue for the variable only if it is not empty
+    if (!processes || !processes.length) {
+      this.clear(variable);
+      return;
+    }
+
+    // If only one item in queue
+    if (processes.length === 1) {
+      nextProcess = processes[0];
+      if (nextProcess.active) {
+        this.clear(variable);
+      } else {
+        nextProcess.active = true;
+        nextProcess.resolve();
+      }
+      return;
+    }
+    switch (variable.config.inFlightBehavior) {
+      case 'executeLast':
+        for (let i = 0; i < processes.length - 2; i++) {
+          this.rejectProcess(processes[i]);
+        }
+        processes.splice(0, processes.length - 1);
+        this.process(variable);
+        break;
+      case 'executeAll':
+        nextProcess = processes.splice(0, 1)[0];
+        if (nextProcess.active) {
+          nextProcess = processes.splice(0, 1)[0];
+        }
+        nextProcess.active = true;
+        nextProcess.resolve();
+        break;
+      default:
+        for (let i = 0; i < processes.length - 1; i++) {
+          this.rejectProcess(processes[i]);
+        }
+        this.clear(variable);
+        break;
+    }
+  }
+
+  /**
+   * initializes the queue against a variable and makes the first process call
+   * If already initialized and a process in queue is in progress, the queue is not processed.
+   * To process the next item in the queue, the process method has to be called from the caller.
+   * @param variable
+   * @returns {Promise<any>}
+   */
+  submit(variable) {
+    return new Promise((resolve, reject) => {
+      this.addToQueue(variable, {
+        resolve: resolve,
+        reject: reject
+      });
+      if (this.requestsQueue.get(variable).length === 1) {
+        this.process(variable);
+      }
+    });
+  }
+}
+export const $queue = new InflightQueue();
+//# sourceMappingURL=inflight-queue.js.map

app-rn-runtime/actions/notification-action.js

@@ -1,73 +0,0 @@
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseAction } from "./base-action";
-const DEFAULT_DURATION = 3000;
-export class NotificationAction extends BaseAction {
-  constructor(config) {
-    super(config);
-    _defineProperty(this, "showDialog", void 0);
-    this.showDialog = config.showDialog;
-  }
-  prepareToastOptions(options = {}) {
-    var _options$class, _params$class;
-    const params = this.config.paramProvider();
-    const o = {};
-    o.text = options.message || params.text;
-    o.type = ((_options$class = options.class) === null || _options$class === void 0 ? void 0 : _options$class.toLowerCase()) || ((_params$class = params.class) === null || _params$class === void 0 ? void 0 : _params$class.toLowerCase());
-    o.onClose = () => {
-      this.config.onClose && this.config.onClose(this);
-    }, o.onClick = () => {
-      this.config.onOk && this.config.onOk(this);
-    }, o.content = this.config.partialContent;
-    o.hideOnClick = options.hideOnClick || true;
-    const toasterPosition = options.position || params.toasterPosition || 'bottom right';
-    const placement = toasterPosition.split(' ')[0];
-    switch (placement) {
-      case 'top':
-        o.styles = {
-          top: 0
-        };
-        break;
-      case 'bottom':
-        o.styles = {
-          bottom: 0
-        };
-        break;
-      case 'center':
-        o.styles = {
-          top: '50%'
-        };
-        break;
-    }
-    if (this.config.partialContent) {
-      if (!o.styles) {
-        o.styles = {};
-      }
-    }
-    if (!params.duration) {
-      params.duration = params.duration !== 0 && o.type === 'success' ? DEFAULT_DURATION : 0;
-    }
-    o.duration = parseInt(options.duration || params.duration);
-    o.name = this.name;
-    return o;
-  }
-  getMessage() {
-    return this.config.paramProvider().text;
-  }
-  invoke(options, success, error) {
-    super.invoke(options, success, error);
-    if (this.config.operation === 'toast') {
-      const toasterService = this.config.toasterService();
-      return toasterService.showToast(this.prepareToastOptions(options));
-    } else {
-      return this.showDialog && this.showDialog({
-        ...this.params,
-        onOk: this.config.onOk,
-        onCancel: this.config.onCancel,
-        onClose: this.config.onClose
-      });
-    }
-  }
-}
-//# sourceMappingURL=notification-action.js.map

app-rn-runtime/actions/notification-action.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["BaseAction","DEFAULT_DURATION","NotificationAction","constructor","config","_defineProperty","showDialog","prepareToastOptions","options","_options$class","_params$class","params","paramProvider","o","text","message","type","class","toLowerCase","onClose","onClick","onOk","content","partialContent","hideOnClick","toasterPosition","position","placement","split","styles","top","bottom","duration","parseInt","name","getMessage","invoke","success","error","operation","toasterService","showToast","onCancel"],"sources":["notification-action.ts"],"sourcesContent":["import { ActionConfig, BaseAction } from \"./base-action\";\nimport { ToastOptions, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\nimport React from 'react';\nexport interface NotificationActionConfig extends ActionConfig {\n    showDialog: Function;\n    onOk: any;\n    onCancel: any;\n    onClose: any;\n    operation: string;\n    partialContent: React.ReactNode;\n    toasterService: () => ToastService;\n}\nconst DEFAULT_DURATION = 3000;\nexport class NotificationAction extends BaseAction<NotificationActionConfig> {\n    showDialog: Function;\n    constructor(config: NotificationActionConfig) {\n        super(config);\n        this.showDialog = config.showDialog;\n    }\n\n    prepareToastOptions(options: any = {}) {\n        const params = this.config.paramProvider();\n        const o = {} as ToastOptions;\n        o.text = options.message || params.text;\n        o.type = options.class?.toLowerCase() || params.class?.toLowerCase();\n        o.onClose = () => {\n            this.config.onClose && this.config.onClose(this);\n        },\n        o.onClick = () => {\n            this.config.onOk && this.config.onOk(this);\n        },\n        o.content = this.config.partialContent;\n        o.hideOnClick = options.hideOnClick || true;\n        const toasterPosition = options.position || params.toasterPosition || 'bottom right';\n        const placement = toasterPosition.split(' ')[0];\n        switch(placement) {\n            case 'top':\n                o.styles = {top: 0};\n                break;\n            case 'bottom':\n                o.styles = {bottom: 0};\n                break;\n            case 'center':\n                o.styles = {top: '50%'};\n                break;\n        }\n        if (this.config.partialContent) {\n            if (!o.styles) {\n                o.styles = {};\n            }\n        }\n        if (!params.duration) {\n          params.duration = (params.duration !== 0 && o.type === 'success') ? DEFAULT_DURATION : 0;\n        }\n        o.duration = parseInt(options.duration || params.duration);\n        o.name = this.name;\n        return o;\n      }\n\n    getMessage() {\n        return this.config.paramProvider().text;\n    }\n\n    invoke(options: any, success: any, error: any) {\n        super.invoke(options, success, error);\n        if (this.config.operation === 'toast') {\n            const toasterService = this.config.toasterService();\n            return toasterService.showToast(this.prepareToastOptions(options));\n        } else {\n            return this.showDialog && this.showDialog({...this.params, onOk: this.config.onOk, onCancel: this.config.onCancel, onClose: this.config.onClose});\n        }\n    }\n}\n"],"mappings":";;;AAAA,SAAuBA,UAAU,QAAQ,eAAe;AAYxD,MAAMC,gBAAgB,GAAG,IAAI;AAC7B,OAAO,MAAMC,kBAAkB,SAASF,UAAU,CAA2B;EAEzEG,WAAWA,CAACC,MAAgC,EAAE;IAC1C,KAAK,CAACA,MAAM,CAAC;IAACC,eAAA;IACd,IAAI,CAACC,UAAU,GAAGF,MAAM,CAACE,UAAU;EACvC;EAEAC,mBAAmBA,CAACC,OAAY,GAAG,CAAC,CAAC,EAAE;IAAA,IAAAC,cAAA,EAAAC,aAAA;IACnC,MAAMC,MAAM,GAAG,IAAI,CAACP,MAAM,CAACQ,aAAa,CAAC,CAAC;IAC1C,MAAMC,CAAC,GAAG,CAAC,CAAiB;IAC5BA,CAAC,CAACC,IAAI,GAAGN,OAAO,CAACO,OAAO,IAAIJ,MAAM,CAACG,IAAI;IACvCD,CAAC,CAACG,IAAI,GAAG,EAAAP,cAAA,GAAAD,OAAO,CAACS,KAAK,cAAAR,cAAA,uBAAbA,cAAA,CAAeS,WAAW,CAAC,CAAC,OAAAR,aAAA,GAAIC,MAAM,CAACM,KAAK,cAAAP,aAAA,uBAAZA,aAAA,CAAcQ,WAAW,CAAC,CAAC;IACpEL,CAAC,CAACM,OAAO,GAAG,MAAM;MACd,IAAI,CAACf,MAAM,CAACe,OAAO,IAAI,IAAI,CAACf,MAAM,CAACe,OAAO,CAAC,IAAI,CAAC;IACpD,CAAC,EACDN,CAAC,CAACO,OAAO,GAAG,MAAM;MACd,IAAI,CAAChB,MAAM,CAACiB,IAAI,IAAI,IAAI,CAACjB,MAAM,CAACiB,IAAI,CAAC,IAAI,CAAC;IAC9C,CAAC,EACDR,CAAC,CAACS,OAAO,GAAG,IAAI,CAAClB,MAAM,CAACmB,cAAc;IACtCV,CAAC,CAACW,WAAW,GAAGhB,OAAO,CAACgB,WAAW,IAAI,IAAI;IAC3C,MAAMC,eAAe,GAAGjB,OAAO,CAACkB,QAAQ,IAAIf,MAAM,CAACc,eAAe,IAAI,cAAc;IACpF,MAAME,SAAS,GAAGF,eAAe,CAACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAC/C,QAAOD,SAAS;MACZ,KAAK,KAAK;QACNd,CAAC,CAACgB,MAAM,GAAG;UAACC,GAAG,EAAE;QAAC,CAAC;QACnB;MACJ,KAAK,QAAQ;QACTjB,CAAC,CAACgB,MAAM,GAAG;UAACE,MAAM,EAAE;QAAC,CAAC;QACtB;MACJ,KAAK,QAAQ;QACTlB,CAAC,CAACgB,MAAM,GAAG;UAACC,GAAG,EAAE;QAAK,CAAC;QACvB;IACR;IACA,IAAI,IAAI,CAAC1B,MAAM,CAACmB,cAAc,EAAE;MAC5B,IAAI,CAACV,CAAC,CAACgB,MAAM,EAAE;QACXhB,CAAC,CAACgB,MAAM,GAAG,CAAC,CAAC;MACjB;IACJ;IACA,IAAI,CAAClB,MAAM,CAACqB,QAAQ,EAAE;MACpBrB,MAAM,CAACqB,QAAQ,GAAIrB,MAAM,CAACqB,QAAQ,KAAK,CAAC,IAAInB,CAAC,CAACG,IAAI,KAAK,SAAS,GAAIf,gBAAgB,GAAG,CAAC;IAC1F;IACAY,CAAC,CAACmB,QAAQ,GAAGC,QAAQ,CAACzB,OAAO,CAACwB,QAAQ,IAAIrB,MAAM,CAACqB,QAAQ,CAAC;IAC1DnB,CAAC,CAACqB,IAAI,GAAG,IAAI,CAACA,IAAI;IAClB,OAAOrB,CAAC;EACV;EAEFsB,UAAUA,CAAA,EAAG;IACT,OAAO,IAAI,CAAC/B,MAAM,CAACQ,aAAa,CAAC,CAAC,CAACE,IAAI;EAC3C;EAEAsB,MAAMA,CAAC5B,OAAY,EAAE6B,OAAY,EAAEC,KAAU,EAAE;IAC3C,KAAK,CAACF,MAAM,CAAC5B,OAAO,EAAE6B,OAAO,EAAEC,KAAK,CAAC;IACrC,IAAI,IAAI,CAAClC,MAAM,CAACmC,SAAS,KAAK,OAAO,EAAE;MACnC,MAAMC,cAAc,GAAG,IAAI,CAACpC,MAAM,CAACoC,cAAc,CAAC,CAAC;MACnD,OAAOA,cAAc,CAACC,SAAS,CAAC,IAAI,CAAClC,mBAAmB,CAACC,OAAO,CAAC,CAAC;IACtE,CAAC,MAAM;MACH,OAAO,IAAI,CAACF,UAAU,IAAI,IAAI,CAACA,UAAU,CAAC;QAAC,GAAG,IAAI,CAACK,MAAM;QAAEU,IAAI,EAAE,IAAI,CAACjB,MAAM,CAACiB,IAAI;QAAEqB,QAAQ,EAAE,IAAI,CAACtC,MAAM,CAACsC,QAAQ;QAAEvB,OAAO,EAAE,IAAI,CAACf,MAAM,CAACe;MAAO,CAAC,CAAC;IACrJ;EACJ;AACJ","ignoreList":[]}

app-rn-runtime/actions/timer-action.js

@@ -1,57 +0,0 @@
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseAction } from "./base-action";
-export class TimerAction extends BaseAction {
-  constructor(config) {
-    super(config);
-    _defineProperty(this, "repeating", void 0);
-    _defineProperty(this, "_isFired", false);
-    _defineProperty(this, "_schedulerID", -1);
-    _defineProperty(this, "delay", void 0);
-    this.repeating = config.repeating;
-    this.delay = config.delay || 500;
-  }
-  invoke(options, success, error) {
-    super.invoke(options, success, error);
-    return this.fire(this.params, success, error);
-  }
-  cancel() {
-    if (this._schedulerID > -1) {
-      if (this.repeating) {
-        clearInterval(this._schedulerID);
-      } else {
-        clearTimeout(this._schedulerID);
-      }
-      this._schedulerID = -1;
-    }
-  }
-  destroy() {
-    this.cancel();
-  }
-  pause() {
-    this.cancel();
-  }
-  trigger(options, success, error) {
-    if (this._schedulerID > -1) {
-      return;
-    }
-    const repeatTimer = this.repeating,
-      delay = this.delay,
-      exec = () => {
-        this.config.onSuccess && this.config.onSuccess();
-      };
-    this._schedulerID = repeatTimer ? setInterval(exec, delay) : setTimeout(() => {
-      exec();
-      this._schedulerID = -1;
-    }, delay);
-    return this._schedulerID;
-  }
-  fire(options, success, error) {
-    if (this.repeating) {
-      this._isFired = true;
-    }
-    return this.trigger(options, success, error);
-  }
-}
-//# sourceMappingURL=timer-action.js.map

app-rn-runtime/components/advanced/carousel/carousel-content/carousel-content.props.js

@@ -1,11 +0,0 @@
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmCarouselContentProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "children", null);
-  }
-}
-//# sourceMappingURL=carousel-content.props.js.map

app-rn-runtime/components/advanced/carousel/carousel-template/carousel-template.props.js

@@ -1,11 +0,0 @@
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmCarouselTemplateProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "children", null);
-  }
-}
-//# sourceMappingURL=carousel-template.props.js.map

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

@@ -1,331 +0,0 @@
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from 'react';
-import { isArray, isUndefined } from 'lodash-es';
-import { Animated, Easing, View } from 'react-native';
-import { DefaultKeyExtractor } from '@wavemaker/app-rn-runtime/core/key.extractor';
-import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/swipe.animation';
-import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
-import WmCarouselProps from './carousel.props';
-import { DEFAULT_CLASS } from './carousel.styles';
-export class WmCarouselState extends BaseComponentState {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "activeIndex", 1);
-  }
-}
-export default class WmCarousel extends BaseComponent {
-  constructor(_props) {
-    super(_props, DEFAULT_CLASS, new WmCarouselProps(), new WmCarouselState());
-    _defineProperty(this, "noOfSlides", 0);
-    _defineProperty(this, "slidesLayout", []);
-    _defineProperty(this, "keyExtractor", new DefaultKeyExtractor());
-    _defineProperty(this, "stopPlay", null);
-    _defineProperty(this, "dotScale", new Animated.Value(0));
-    _defineProperty(this, "dotPosition", new Animated.Value(0));
-    _defineProperty(this, "animationView", null);
-    _defineProperty(this, "animationHandlers", {
-      bounds: e => {
-        var _this$slidesLayout, _this$slidesLayout$ac;
-        const activeTabIndex = this.state.activeIndex - 1;
-        let lower = 0;
-        if (activeTabIndex > 0) {
-          lower = this.slidesLayout.filter((l, i) => i < activeTabIndex - 1).reduce((s, l) => s + l.width, 0);
-        }
-        let center = lower + (((_this$slidesLayout = this.slidesLayout[activeTabIndex - 1]) === null || _this$slidesLayout === void 0 ? void 0 : _this$slidesLayout.width) || 0);
-        let upper = center + (((_this$slidesLayout$ac = this.slidesLayout[activeTabIndex]) === null || _this$slidesLayout$ac === void 0 ? void 0 : _this$slidesLayout$ac.width) || 0);
-        return {
-          lower: -1 * lower,
-          center: -1 * center,
-          upper: -1 * upper
-        };
-      },
-      computePhase: value => {
-        var _this$slidesLayout$ac2;
-        const activeTabIndex = this.state.activeIndex - 1;
-        const w = ((_this$slidesLayout$ac2 = this.slidesLayout[activeTabIndex]) === null || _this$slidesLayout$ac2 === void 0 ? void 0 : _this$slidesLayout$ac2.width) || 0;
-        return w && Math.abs(value / w);
-      },
-      onLower: e => {
-        this.onSlideChange(this.state.activeIndex - 1);
-      },
-      onUpper: e => {
-        if (this.noOfSlides < this.state.activeIndex + 1) {
-          var _this$animationView;
-          this.onSlideChange(1);
-          (_this$animationView = this.animationView) === null || _this$animationView === void 0 || _this$animationView.setPosition(0);
-        } else {
-          this.onSlideChange(this.state.activeIndex + 1);
-        }
-      }
-    });
-    _defineProperty(this, "onSlideChange", index => {
-      const prevIndex = this.state.activeIndex;
-      this.updateState({
-        activeIndex: index
-      }, () => this.invokeEventCallback('onChange', [this, index, prevIndex]));
-      this.animatePagination(index);
-    });
-    _defineProperty(this, "renderItem", (item, index) => {
-      const props = this.state.props;
-      if (props.type === 'dynamic') {
-        return props.renderSlide ? props.renderSlide(item, index, this) : null;
-      }
-      return props.children[index];
-    });
-    _defineProperty(this, "next", () => {
-      const props = this.state.props;
-      const data = props.type === 'dynamic' ? props.dataset : props.children;
-      if (this.state.activeIndex >= (data === null || data === void 0 ? void 0 : data.length) || 0) {
-        var _this$animationView2;
-        this.onSlideChange(1);
-        (_this$animationView2 = this.animationView) === null || _this$animationView2 === void 0 || _this$animationView2.setPosition(0);
-      } else {
-        var _this$animationView3;
-        (_this$animationView3 = this.animationView) === null || _this$animationView3 === void 0 || _this$animationView3.goToUpper();
-      }
-    });
-    _defineProperty(this, "prev", () => {
-      var _this$animationView4;
-      (_this$animationView4 = this.animationView) === null || _this$animationView4 === void 0 || _this$animationView4.goToLower();
-    });
-    this.cleanup.push(() => {
-      this.stopPlay && this.stopPlay();
-    });
-  }
-  addSlideLayout(index, nativeEvent) {
-    this.slidesLayout[index] = nativeEvent.nativeEvent.layout;
-    if (index === this.state.activeIndex) {
-      this.forceUpdate();
-    }
-  }
-  generateItemKey(item, index, props) {
-    if (props.itemkey && item && !this._showSkeleton) {
-      return props.itemkey(item, index);
-    }
-    return 'list_item_' + this.keyExtractor.getKey(item, true);
-  }
-  autoPlay() {
-    if (!this.initialized) {
-      return;
-    }
-    const props = this.state.props;
-    this.stopPlay && this.stopPlay();
-    if (props.animation === 'auto' && props.animationinterval) {
-      const intervalId = setInterval(() => {
-        this.next();
-      }, props.animationinterval * 1000);
-      this.stopPlay = () => clearInterval(intervalId);
-    } else {
-      setTimeout(() => {
-        var _this$animationView5;
-        this.onSlideChange(1);
-        (_this$animationView5 = this.animationView) === null || _this$animationView5 === void 0 || _this$animationView5.setPosition(0);
-      }, 1000);
-    }
-  }
-  stopAnimation() {
-    this.stopPlay();
-  }
-  startAnimation() {
-    this.autoPlay();
-  }
-  onPropertyChange(name, $new, $old) {
-    super.onPropertyChange(name, $new, $old);
-    switch (name) {
-      case 'dataset':
-        {
-          var _this$keyExtractor;
-          (_this$keyExtractor = this.keyExtractor) === null || _this$keyExtractor === void 0 || _this$keyExtractor.clear();
-          this.updateState({
-            activeIndex: Math.min(this.state.activeIndex, ($new === null || $new === void 0 ? void 0 : $new.length) || 1)
-          });
-          break;
-        }
-      case 'animation':
-      case 'animationinterval':
-        {
-          this.autoPlay();
-        }
-    }
-  }
-  animatePagination(index) {
-    var _this$styles$dotStyle, _this$styles$dotStyle2, _this$styles$dotStyle3;
-    const prevIndex = this.state.activeIndex;
-    const margin = (((_this$styles$dotStyle = this.styles.dotStyle) === null || _this$styles$dotStyle === void 0 ? void 0 : _this$styles$dotStyle.marginLeft) || 0) + (((_this$styles$dotStyle2 = this.styles.dotStyle) === null || _this$styles$dotStyle2 === void 0 ? void 0 : _this$styles$dotStyle2.marginRight) || 0);
-    const width = ((_this$styles$dotStyle3 = this.styles.dotStyle) === null || _this$styles$dotStyle3 === void 0 ? void 0 : _this$styles$dotStyle3.width) || 2;
-    const size = margin + width;
-    const position = Math.max(index - 1, 0) * size;
-    const scale = Math.abs(index - prevIndex) * size;
-    const options = {
-      useNativeDriver: true,
-      duration: 200,
-      easing: Easing.out(Easing.linear)
-    };
-    if (prevIndex < index) {
-      Animated.sequence([Animated.timing(this.dotScale, {
-        toValue: scale,
-        ...options
-      }), Animated.parallel([Animated.timing(this.dotScale, {
-        toValue: 0,
-        ...options
-      }), Animated.timing(this.dotPosition, {
-        toValue: (this.isRTL ? -1 : 1) * position,
-        ...options
-      })])]).start();
-    } else if (prevIndex > index) {
-      Animated.sequence([Animated.parallel([Animated.timing(this.dotScale, {
-        toValue: scale,
-        ...options
-      }), Animated.timing(this.dotPosition, {
-        toValue: (this.isRTL ? -1 : 1) * position,
-        ...options
-      })]), Animated.timing(this.dotScale, {
-        toValue: 0,
-        ...options
-      })]).start();
-    }
-  }
-  renderPagination(data) {
-    const maxNoOfDots = this.state.props.maxnoofdots;
-    let minIndex = Math.max(this.state.activeIndex - maxNoOfDots + 1, 0);
-    let maxIndex = Math.min(minIndex + maxNoOfDots - 1, data.length);
-    if (maxIndex === data.length) {
-      minIndex = maxIndex - maxNoOfDots;
-    }
-    const dotStyle = this._showSkeleton ? {
-      ...this.styles.dotStyle,
-      ...this.styles.dotSkeleton.root
-    } : this.styles.dotStyle;
-    return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.dotsWrapperStyle
-    }, /*#__PURE__*/React.createElement(View, {
-      style: {
-        flexDirection: this.isRTL ? 'row-reverse' : 'row'
-      }
-    }, data.map((item, index) => {
-      return index >= minIndex && index <= maxIndex ? /*#__PURE__*/React.createElement(View, _extends({
-        key: 'dots_' + this.generateItemKey(item, index, this.state.props)
-      }, this.getTestPropsForAction('indicator' + index), {
-        style: [dotStyle]
-      })) : null;
-    }), this._showSkeleton ? null : /*#__PURE__*/React.createElement(Animated.View, {
-      style: [this.styles.dotStyle, this.styles.activeDotStyle, {
-        width: undefined,
-        height: undefined,
-        transform: [{
-          translateX: this.dotPosition
-        }]
-      }, this.isRTL ? {
-        right: 0
-      } : {
-        left: 0
-      }]
-    }, /*#__PURE__*/React.createElement(Animated.View, {
-      style: [{
-        width: 1,
-        height: 1
-      }, {
-        // This is failing in Android
-        // minWidth: this.dotScale
-      }]
-    }))));
-  }
-  renderSkeleton(props) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: [this.styles.root, {
-        ...this.styles.skeleton.root
-      }]
-    }, this.renderItem({}, 0), this.renderPagination([{}, {}, {}]));
-  }
-  componentDidMount() {
-    super.componentDidMount();
-    this.autoPlay();
-  }
-  renderWidget(props) {
-    var _data, _this$styles$slide;
-    const hasNavs = props.controls === 'both' || props.controls === 'navs';
-    const hasDots = props.controls === 'both' || props.controls === 'indicators';
-    let styles = this.styles;
-    let data = props.type === 'dynamic' ? props.dataset : props.children;
-    data = isArray(data) ? data : [];
-    this.noOfSlides = ((_data = data) === null || _data === void 0 ? void 0 : _data.length) || 0;
-    let slideScale = undefined;
-    let slideTranslateX = undefined;
-    if (isArray((_this$styles$slide = this.styles.slide) === null || _this$styles$slide === void 0 ? void 0 : _this$styles$slide.transform)) {
-      var _this$styles$slide2, _this$styles$slide3;
-      slideScale = (_this$styles$slide2 = this.styles.slide) === null || _this$styles$slide2 === void 0 || (_this$styles$slide2 = _this$styles$slide2.transform) === null || _this$styles$slide2 === void 0 || (_this$styles$slide2 = _this$styles$slide2.find(o => !isUndefined(o.scale))) === null || _this$styles$slide2 === void 0 ? void 0 : _this$styles$slide2.scale;
-      slideTranslateX = (_this$styles$slide3 = this.styles.slide) === null || _this$styles$slide3 === void 0 || (_this$styles$slide3 = _this$styles$slide3.transform) === null || _this$styles$slide3 === void 0 || (_this$styles$slide3 = _this$styles$slide3.find(o => !isUndefined(o.translateX))) === null || _this$styles$slide3 === void 0 ? void 0 : _this$styles$slide3.translateX;
-    }
-    // TODO: loop prop on Carousel is not working Refer: https://github.com/meliorence/react-native-snap-carousel/issues/608
-    return /*#__PURE__*/React.createElement(View, {
-      style: styles.root
-    }, this._background, /*#__PURE__*/React.createElement(SwipeAnimation.View, {
-      enableGestures: props.enablegestures && this.noOfSlides > 1,
-      style: {
-        flex: 1
-      },
-      direction: "horizontal",
-      ref: r => {
-        this.animationView = r;
-      },
-      handlers: this.animationHandlers,
-      slideMinWidth: this.styles.slide.width
-    }, data.map((item, index) => {
-      var _this$animationView6, _this$animationView7;
-      const isActive = index === this.state.activeIndex - 1;
-      let scale = (_this$animationView6 = this.animationView) === null || _this$animationView6 === void 0 ? void 0 : _this$animationView6.animationPhase.interpolate({
-        inputRange: [-2000, index - 1, index, index + 1, 2000],
-        outputRange: [slideScale, slideScale, 1, slideScale, slideScale]
-      });
-      let translateX = (_this$animationView7 = this.animationView) === null || _this$animationView7 === void 0 ? void 0 : _this$animationView7.animationPhase.interpolate({
-        inputRange: [-2000, index - 1, index, index + 1, 2000],
-        outputRange: [-56, -56, 0, 56, 56]
-      });
-      return /*#__PURE__*/React.createElement(Animated.View, {
-        key: this.generateItemKey(item, index, props),
-        onLayout: this.addSlideLayout.bind(this, index),
-        testID: `carousel_item_${index}`,
-        style: [{
-          height: props.type === 'dynamic' ? undefined : '100%'
-        }, this.styles.slide, index === 0 ? this.styles.firstSlide : null, index === data.length - 1 ? this.styles.lastSlide : null, isActive ? this.styles.activeSlide : null, translateX && scale ? {
-          transform: [{
-            translateX: !isUndefined(slideTranslateX) ? slideTranslateX : translateX
-          }, {
-            scale: scale
-          }]
-        } : null]
-      }, /*#__PURE__*/React.createElement(Tappable, {
-        onTap: () => {
-          var _this$animationView8;
-          this.onSlideChange(index + 1);
-          const position = this.slidesLayout.filter((l, i) => i < index).reduce((s, l) => s + l.width, 0);
-          (_this$animationView8 = this.animationView) === null || _this$animationView8 === void 0 || _this$animationView8.setPosition(-1 * position);
-        },
-        rippleColor: this.styles.root.rippleColor,
-        styles: {
-          height: "100%"
-        }
-      }, this.renderItem(item, index)));
-    })), hasNavs ? /*#__PURE__*/React.createElement(View, {
-      style: styles.btnPanel
-    }, /*#__PURE__*/React.createElement(WmIcon, {
-      id: this.getTestId('prev_icon'),
-      iconclass: "wi wi-chevron-left fa-2x",
-      styles: styles.prevBtn,
-      onTap: this.prev,
-      accessibilitylabel: "back"
-    }), /*#__PURE__*/React.createElement(WmIcon, {
-      id: this.getTestId('next_icon'),
-      iconclass: "wi wi-chevron-right fa-2x",
-      styles: styles.nextBtn,
-      onTap: this.next,
-      accessibilitylabel: "next"
-    })) : null, hasDots && data ? this.renderPagination(data) : null);
-  }
-}
-//# sourceMappingURL=carousel.component.js.map