react-native-stallion 1.0.0

package/src/main/components/modules/listing/components/CardDescriptionContent.js

@@ -0,0 +1,34 @@
+import { StyleSheet, Text, View } from 'react-native';
+import React from 'react';
+import { COLORS } from '../../../../constants/colors';
+const CardDescriptionContent = _ref => {
+  let {
+    title,
+    subtitle
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.centerContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, title), /*#__PURE__*/React.createElement(Text, {
+    style: styles.subtitle
+  }, subtitle));
+};
+const styles = StyleSheet.create({
+  centerContainer: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  title: {
+    fontSize: 12,
+    fontWeight: '500'
+  },
+  subtitle: {
+    fontSize: 14,
+    fontWeight: '600',
+    marginTop: 5,
+    color: COLORS.black
+  }
+});
+export default CardDescriptionContent;
+//# sourceMappingURL=CardDescriptionContent.js.map

package/src/main/components/modules/listing/components/CardDescriptionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","View","React","COLORS","CardDescriptionContent","_ref","title","subtitle","createElement","style","styles","centerContainer","create","justifyContent","alignItems","fontSize","fontWeight","marginTop","color","black"],"sourceRoot":"../../../../../../../src","sources":["main/components/modules/listing/components/CardDescriptionContent.tsx"],"mappings":"AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,8BAA8B;AAMrD,MAAMC,sBAAyD,GAAGC,IAAA,IAG5D;EAAA,IAH6D;IACjEC,KAAK;IACLC;EACF,CAAC,GAAAF,IAAA;EACC,oBACEH,KAAA,CAAAM,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAEC,MAAM,CAACC;EAAgB,gBAClCT,KAAA,CAAAM,aAAA,CAACR,IAAI;IAACS,KAAK,EAAEC,MAAM,CAACJ;EAAM,GAAEA,KAAY,CAAC,eACzCJ,KAAA,CAAAM,aAAA,CAACR,IAAI;IAACS,KAAK,EAAEC,MAAM,CAACH;EAAS,GAAEA,QAAe,CAC1C,CAAC;AAEX,CAAC;AAED,MAAMG,MAAM,GAAGX,UAAU,CAACa,MAAM,CAAC;EAC/BD,eAAe,EAAE;IAAEE,cAAc,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAS,CAAC;EACnER,KAAK,EAAE;IAAES,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAM,CAAC;EAC1CT,QAAQ,EAAE;IACRQ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE,CAAC;IACZC,KAAK,EAAEf,MAAM,CAACgB;EAChB;AACF,CAAC,CAAC;AAEF,eAAef,sBAAsB"}

package/src/main/components/modules/listing/components/styles/index.js

@@ -0,0 +1,65 @@
+import { StyleSheet } from 'react-native';
+import { HEADER_SLAB_HEIGHT, STD_MARGIN } from '../../../../../constants/appConstants';
+import { COLORS } from '../../../../../constants/colors';
+const styles = StyleSheet.create({
+  cardContainer: {
+    margin: STD_MARGIN,
+    backgroundColor: COLORS.white,
+    borderRadius: 8,
+    shadowColor: COLORS.black,
+    shadowOffset: {
+      height: 4,
+      width: 4
+    },
+    shadowOpacity: 0.1,
+    elevation: 2,
+    shadowRadius: 8
+  },
+  infoSection: {
+    width: '100%'
+  },
+  actionSection: {
+    flex: 1,
+    alignItems: 'center'
+  },
+  rowContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  appliedText: {
+    color: COLORS.green,
+    fontWeight: 'bold',
+    fontSize: 14
+  },
+  container: {
+    margin: 15
+  },
+  divider: {
+    borderBottomWidth: 0.5,
+    opacity: 0.2,
+    marginVertical: 10
+  },
+  subText: {
+    fontSize: HEADER_SLAB_HEIGHT / 3,
+    marginBottom: STD_MARGIN / 2
+  },
+  titleText: {
+    fontSize: 16
+  },
+  bold: {
+    fontWeight: 'bold'
+  },
+  releaseNoteText: {
+    fontSize: 12,
+    fontWeight: '500',
+    marginTop: 10
+  },
+  releaseNoteDescriptionText: {
+    fontSize: 14,
+    marginTop: 5,
+    color: COLORS.black
+  }
+});
+export default styles;
+//# sourceMappingURL=index.js.map

package/src/main/components/modules/listing/components/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","HEADER_SLAB_HEIGHT","STD_MARGIN","COLORS","styles","create","cardContainer","margin","backgroundColor","white","borderRadius","shadowColor","black","shadowOffset","height","width","shadowOpacity","elevation","shadowRadius","infoSection","actionSection","flex","alignItems","rowContainer","flexDirection","justifyContent","appliedText","color","green","fontWeight","fontSize","container","divider","borderBottomWidth","opacity","marginVertical","subText","marginBottom","titleText","bold","releaseNoteText","marginTop","releaseNoteDescriptionText"],"sourceRoot":"../../../../../../../../src","sources":["main/components/modules/listing/components/styles/index.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SACEC,kBAAkB,EAClBC,UAAU,QACL,uCAAuC;AAC9C,SAASC,MAAM,QAAQ,iCAAiC;AAExD,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;EAC/BC,aAAa,EAAE;IACbC,MAAM,EAAEL,UAAU;IAClBM,eAAe,EAAEL,MAAM,CAACM,KAAK;IAC7BC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAER,MAAM,CAACS,KAAK;IACzBC,YAAY,EAAE;MAAEC,MAAM,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE,CAAC;IACrCC,aAAa,EAAE,GAAG;IAClBC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE;EAChB,CAAC;EACDC,WAAW,EAAE;IACXJ,KAAK,EAAE;EACT,CAAC;EACDK,aAAa,EAAE;IACbC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE;EACd,CAAC;EACDC,YAAY,EAAE;IACZC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BH,UAAU,EAAE;EACd,CAAC;EACDI,WAAW,EAAE;IAAEC,KAAK,EAAExB,MAAM,CAACyB,KAAK;IAAEC,UAAU,EAAE,MAAM;IAAEC,QAAQ,EAAE;EAAG,CAAC;EACtEC,SAAS,EAAE;IACTxB,MAAM,EAAE;EACV,CAAC;EACDyB,OAAO,EAAE;IACPC,iBAAiB,EAAE,GAAG;IACtBC,OAAO,EAAE,GAAG;IACZC,cAAc,EAAE;EAClB,CAAC;EACDC,OAAO,EAAE;IACPN,QAAQ,EAAE7B,kBAAkB,GAAG,CAAC;IAChCoC,YAAY,EAAEnC,UAAU,GAAG;EAC7B,CAAC;EACDoC,SAAS,EAAE;IACTR,QAAQ,EAAE;EACZ,CAAC;EACDS,IAAI,EAAE;IACJV,UAAU,EAAE;EACd,CAAC;EACDW,eAAe,EAAE;IAAEV,QAAQ,EAAE,EAAE;IAAED,UAAU,EAAE,KAAK;IAAEY,SAAS,EAAE;EAAG,CAAC;EACnEC,0BAA0B,EAAE;IAC1BZ,QAAQ,EAAE,EAAE;IACZW,SAAS,EAAE,CAAC;IACZd,KAAK,EAAExB,MAAM,CAACS;EAChB;AACF,CAAC,CAAC;AAEF,eAAeR,MAAM"}

package/src/main/components/modules/listing/hooks/useListing.js

@@ -0,0 +1,71 @@
+import { useCallback, useContext, useEffect, useMemo } from 'react';
+import { CARD_TYPES, IS_ANDROID, VERSION_PREFIX } from '../../../../constants/appConstants';
+import { GlobalContext } from '../../../../state';
+const useListing = () => {
+  const {
+    bucketState,
+    bundleState,
+    actions: {
+      fetchBuckets,
+      fetchBundles,
+      selectBucket,
+      getUserProfile
+    }
+  } = useContext(GlobalContext);
+  const bundlesListingEnabled = useMemo(() => bundleState.selectedBucketId ? true : false, [bundleState.selectedBucketId]);
+  const listingLoading = useMemo(() => {
+    if (bundlesListingEnabled) return bundleState.isLoading;
+    return bucketState.isLoading;
+  }, [bucketState.isLoading, bundleState.isLoading, bundlesListingEnabled]);
+  const listingData = useMemo(() => {
+    var _bucketState$data;
+    if (bundlesListingEnabled) {
+      var _bundleState$data;
+      return (bundleState === null || bundleState === void 0 ? void 0 : (_bundleState$data = bundleState.data) === null || _bundleState$data === void 0 ? void 0 : _bundleState$data.map(bundleData => ({
+        type: CARD_TYPES.BUNDLE,
+        id: bundleData.id,
+        version: bundleData.version,
+        name: `${VERSION_PREFIX}${bundleData.version}`,
+        description: bundleData.releaseNote,
+        updatedAt: bundleData.updatedAt,
+        author: bundleData.author.fullName
+      }))) || [];
+    }
+    return ((_bucketState$data = bucketState.data) === null || _bucketState$data === void 0 ? void 0 : _bucketState$data.map(bucketItem => ({
+      type: CARD_TYPES.BUCKET,
+      id: bucketItem.id,
+      name: bucketItem.name,
+      updatedAt: bucketItem.updatedAt,
+      bundleCount: (IS_ANDROID ? bucketItem === null || bucketItem === void 0 ? void 0 : bucketItem.latestAndroidBundleVersion : bucketItem === null || bucketItem === void 0 ? void 0 : bucketItem.latestIosBundleVersion) || 0
+    }))) || [];
+  }, [bucketState.data, bundleState.data, bundlesListingEnabled]);
+  const listingError = useMemo(() => {
+    if (bundlesListingEnabled) return bundleState.error;
+    return bucketState.error;
+  }, [bucketState.error, bundleState.error, bundlesListingEnabled]);
+  const fetchListing = useCallback(() => {
+    if (bundlesListingEnabled) {
+      fetchBundles();
+    } else {
+      fetchBuckets();
+    }
+  }, [fetchBuckets, fetchBundles, bundlesListingEnabled]);
+  const setBucketSelection = useCallback(bucketId => {
+    selectBucket(bucketId);
+    fetchBundles(bucketId);
+  }, [selectBucket, fetchBundles]);
+  useEffect(() => {
+    fetchListing();
+    getUserProfile();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return {
+    listingData,
+    listingError,
+    listingLoading,
+    fetchListing,
+    setBucketSelection
+  };
+};
+export default useListing;
+//# sourceMappingURL=useListing.js.map

package/src/main/components/modules/listing/hooks/useListing.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useContext","useEffect","useMemo","CARD_TYPES","IS_ANDROID","VERSION_PREFIX","GlobalContext","useListing","bucketState","bundleState","actions","fetchBuckets","fetchBundles","selectBucket","getUserProfile","bundlesListingEnabled","selectedBucketId","listingLoading","isLoading","listingData","_bucketState$data","_bundleState$data","data","map","bundleData","type","BUNDLE","id","version","name","description","releaseNote","updatedAt","author","fullName","bucketItem","BUCKET","bundleCount","latestAndroidBundleVersion","latestIosBundleVersion","listingError","error","fetchListing","setBucketSelection","bucketId"],"sourceRoot":"../../../../../../../src","sources":["main/components/modules/listing/hooks/useListing.ts"],"mappings":"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"}

package/src/main/components/modules/listing/index.js

@@ -0,0 +1,39 @@
+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 { ScrollView, RefreshControl } from 'react-native';
+import useListing from './hooks/useListing';
+import ErrorView from '../../../components/common/ErrorView';
+import styles from './styles';
+import BucketCard from './components/BucketCard';
+import { CARD_TYPES } from '../../../constants/appConstants';
+import BundleCard from './components/BundleCard';
+const Listing = () => {
+  const {
+    listingData,
+    listingLoading,
+    listingError,
+    fetchListing,
+    setBucketSelection
+  } = useListing();
+  if (listingError) {
+    return /*#__PURE__*/React.createElement(ErrorView, {
+      error: listingError
+    });
+  }
+  return /*#__PURE__*/React.createElement(ScrollView, {
+    style: styles.mainContainer,
+    contentContainerStyle: styles.mainListContainer,
+    refreshControl: /*#__PURE__*/React.createElement(RefreshControl, {
+      refreshing: listingLoading,
+      onRefresh: fetchListing
+    })
+  }, listingData === null || listingData === void 0 ? void 0 : listingData.map(listItem => (listItem === null || listItem === void 0 ? void 0 : listItem.type) === CARD_TYPES.BUCKET ? /*#__PURE__*/React.createElement(BucketCard, _extends({
+    key: listItem.id
+  }, listItem, {
+    handlePress: () => setBucketSelection(listItem.id)
+  })) : (listItem === null || listItem === void 0 ? void 0 : listItem.type) === CARD_TYPES.BUNDLE && /*#__PURE__*/React.createElement(BundleCard, _extends({
+    key: listItem.id
+  }, listItem)) || null));
+};
+export default Listing;
+//# sourceMappingURL=index.js.map

package/src/main/components/modules/listing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ScrollView","RefreshControl","useListing","ErrorView","styles","BucketCard","CARD_TYPES","BundleCard","Listing","listingData","listingLoading","listingError","fetchListing","setBucketSelection","createElement","error","style","mainContainer","contentContainerStyle","mainListContainer","refreshControl","refreshing","onRefresh","map","listItem","type","BUCKET","_extends","key","id","handlePress","BUNDLE"],"sourceRoot":"../../../../../../src","sources":["main/components/modules/listing/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,cAAc,QAAQ,cAAc;AAEzD,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,OAAOC,SAAS,MAAM,sCAAsC;AAE5D,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,UAAU,MAAM,yBAAyB;AAChD,SAASC,UAAU,QAAQ,iCAAiC;AAC5D,OAAOC,UAAU,MAAM,yBAAyB;AAEhD,MAAMC,OAAiB,GAAGA,CAAA,KAAM;EAC9B,MAAM;IACJC,WAAW;IACXC,cAAc;IACdC,YAAY;IACZC,YAAY;IACZC;EACF,CAAC,GAAGX,UAAU,CAAC,CAAC;EAChB,IAAIS,YAAY,EAAE;IAChB,oBAAOZ,KAAA,CAAAe,aAAA,CAACX,SAAS;MAACY,KAAK,EAAEJ;IAAa,CAAE,CAAC;EAC3C;EACA,oBACEZ,KAAA,CAAAe,aAAA,CAACd,UAAU;IACTgB,KAAK,EAAEZ,MAAM,CAACa,aAAc;IAC5BC,qBAAqB,EAAEd,MAAM,CAACe,iBAAkB;IAChDC,cAAc,eACZrB,KAAA,CAAAe,aAAA,CAACb,cAAc;MAACoB,UAAU,EAAEX,cAAe;MAACY,SAAS,EAAEV;IAAa,CAAE;EACvE,GAEAH,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEc,GAAG,CAAEC,QAAQ,IACzB,CAAAA,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEC,IAAI,MAAKnB,UAAU,CAACoB,MAAM,gBAClC3B,KAAA,CAAAe,aAAA,CAACT,UAAU,EAAAsB,QAAA;IACTC,GAAG,EAAEJ,QAAQ,CAACK;EAAG,GACbL,QAAQ;IACZM,WAAW,EAAEA,CAAA,KAAMjB,kBAAkB,CAACW,QAAQ,CAACK,EAAE;EAAE,EACpD,CAAC,GAED,CAAAL,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEC,IAAI,MAAKnB,UAAU,CAACyB,MAAM,iBACnChC,KAAA,CAAAe,aAAA,CAACP,UAAU,EAAAoB,QAAA;IAACC,GAAG,EAAEJ,QAAQ,CAACK;EAAG,GAAKL,QAAQ,CAAG,CAC9C,IACD,IAEJ,CACU,CAAC;AAEjB,CAAC;AAED,eAAehB,OAAO"}

package/src/main/components/modules/listing/styles.js

@@ -0,0 +1,12 @@
+import { StyleSheet } from 'react-native';
+import { COLORS } from '../../../constants/colors';
+const styles = StyleSheet.create({
+  mainContainer: {
+    backgroundColor: COLORS.background_grey
+  },
+  mainListContainer: {
+    flexGrow: 1
+  }
+});
+export default styles;
+//# sourceMappingURL=styles.js.map

package/src/main/components/modules/listing/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","COLORS","styles","create","mainContainer","backgroundColor","background_grey","mainListContainer","flexGrow"],"sourceRoot":"../../../../../../src","sources":["main/components/modules/listing/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,MAAM,QAAQ,2BAA2B;AAElD,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAC;EAC/BC,aAAa,EAAE;IACbC,eAAe,EAAEJ,MAAM,CAACK;EAC1B,CAAC;EACDC,iBAAiB,EAAE;IACjBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAeN,MAAM"}

package/src/main/components/modules/login/components/Email.js

@@ -0,0 +1,37 @@
+import React, { memo } from 'react';
+import { TextInput, View } from 'react-native';
+import ButtonFullWidth from '../../../../components/common/ButtonFullWidth';
+import { LOGIN_PAGE_KEYS, SUBMIT_BUTTON_TEXT } from '../../../../constants/appConstants';
+import styles from './styles';
+const Email = _ref => {
+  let {
+    email,
+    password,
+    isEditable,
+    handleEmailChange,
+    handlePasswordChange,
+    handleSubmitClick
+  } = _ref;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextInput, {
+    style: styles.textInp,
+    placeholder: LOGIN_PAGE_KEYS.email,
+    editable: isEditable,
+    value: email,
+    onChange: handleEmailChange
+  }), /*#__PURE__*/React.createElement(TextInput, {
+    secureTextEntry: true,
+    style: styles.textInp,
+    placeholder: LOGIN_PAGE_KEYS.password,
+    editable: isEditable,
+    value: password,
+    onChange: handlePasswordChange
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonContainer
+  }, /*#__PURE__*/React.createElement(ButtonFullWidth, {
+    onPress: handleSubmitClick,
+    buttonText: SUBMIT_BUTTON_TEXT,
+    enabled: isEditable && (email && password ? true : false)
+  })));
+};
+export default /*#__PURE__*/memo(Email);
+//# sourceMappingURL=Email.js.map

package/src/main/components/modules/login/components/Email.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","TextInput","View","ButtonFullWidth","LOGIN_PAGE_KEYS","SUBMIT_BUTTON_TEXT","styles","Email","_ref","email","password","isEditable","handleEmailChange","handlePasswordChange","handleSubmitClick","createElement","Fragment","style","textInp","placeholder","editable","value","onChange","secureTextEntry","buttonContainer","onPress","buttonText","enabled"],"sourceRoot":"../../../../../../../src","sources":["main/components/modules/login/components/Email.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SACEC,SAAS,EACTC,IAAI,QAGC,cAAc;AAErB,OAAOC,eAAe,MAAM,+CAA+C;AAC3E,SACEC,eAAe,EACfC,kBAAkB,QACb,oCAAoC;AAE3C,OAAOC,MAAM,MAAM,UAAU;AAe7B,MAAMC,KAAuB,GAAGC,IAAA,IAO1B;EAAA,IAP2B;IAC/BC,KAAK;IACLC,QAAQ;IACRC,UAAU;IACVC,iBAAiB;IACjBC,oBAAoB;IACpBC;EACF,CAAC,GAAAN,IAAA;EACC,oBACET,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,qBACEjB,KAAA,CAAAgB,aAAA,CAACd,SAAS;IACRgB,KAAK,EAAEX,MAAM,CAACY,OAAQ;IACtBC,WAAW,EAAEf,eAAe,CAACK,KAAM;IACnCW,QAAQ,EAAET,UAAW;IACrBU,KAAK,EAAEZ,KAAM;IACba,QAAQ,EAAEV;EAAkB,CAC7B,CAAC,eACFb,KAAA,CAAAgB,aAAA,CAACd,SAAS;IACRsB,eAAe,EAAE,IAAK;IACtBN,KAAK,EAAEX,MAAM,CAACY,OAAQ;IACtBC,WAAW,EAAEf,eAAe,CAACM,QAAS;IACtCU,QAAQ,EAAET,UAAW;IACrBU,KAAK,EAAEX,QAAS;IAChBY,QAAQ,EAAET;EAAqB,CAChC,CAAC,eACFd,KAAA,CAAAgB,aAAA,CAACb,IAAI;IAACe,KAAK,EAAEX,MAAM,CAACkB;EAAgB,gBAClCzB,KAAA,CAAAgB,aAAA,CAACZ,eAAe;IACdsB,OAAO,EAAEX,iBAAkB;IAC3BY,UAAU,EAAErB,kBAAmB;IAC/BsB,OAAO,EAAEhB,UAAU,KAAKF,KAAK,IAAIC,QAAQ,GAAG,IAAI,GAAG,KAAK;EAAE,CAC3D,CACG,CACN,CAAC;AAEP,CAAC;AAED,4BAAeV,IAAI,CAACO,KAAK,CAAC"}

package/src/main/components/modules/login/components/Otp.js

@@ -0,0 +1,41 @@
+import React, { memo, useCallback } from 'react';
+import { TextInput, View, Text } from 'react-native';
+import ButtonFullWidth from '../../../../components/common/ButtonFullWidth';
+import { OTP_BACK_BUTTON_TEXT, OTP_INPUT_KEY, OTP_LENGTH, SUBMIT_BUTTON_TEXT } from '../../../../constants/appConstants';
+import styles from './styles';
+const Otp = _ref => {
+  let {
+    email,
+    otp,
+    isEditable,
+    handleOtpChange,
+    handleSubmitClick,
+    handleBack
+  } = _ref;
+  const handleNumberFormating = useCallback(e => {
+    const text = e.nativeEvent.text;
+    handleOtpChange(text.replace(/[^0-9]/g, ''));
+  }, [handleOtpChange]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, "Otp is sent to ", email), /*#__PURE__*/React.createElement(TextInput, {
+    style: styles.textInp,
+    placeholder: OTP_INPUT_KEY,
+    value: otp,
+    onChange: handleNumberFormating,
+    maxLength: OTP_LENGTH,
+    keyboardType: 'numeric'
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonContainer
+  }, /*#__PURE__*/React.createElement(ButtonFullWidth, {
+    onPress: handleSubmitClick,
+    buttonText: SUBMIT_BUTTON_TEXT,
+    enabled: isEditable && (otp === null || otp === void 0 ? void 0 : otp.length) === OTP_LENGTH
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonContainer
+  }, /*#__PURE__*/React.createElement(ButtonFullWidth, {
+    primary: false,
+    onPress: handleBack,
+    buttonText: OTP_BACK_BUTTON_TEXT
+  })));
+};
+export default /*#__PURE__*/memo(Otp);
+//# sourceMappingURL=Otp.js.map

package/src/main/components/modules/login/components/Otp.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","TextInput","View","Text","ButtonFullWidth","OTP_BACK_BUTTON_TEXT","OTP_INPUT_KEY","OTP_LENGTH","SUBMIT_BUTTON_TEXT","styles","Otp","_ref","email","otp","isEditable","handleOtpChange","handleSubmitClick","handleBack","handleNumberFormating","e","text","nativeEvent","replace","createElement","Fragment","style","textInp","placeholder","value","onChange","maxLength","keyboardType","buttonContainer","onPress","buttonText","enabled","length","primary"],"sourceRoot":"../../../../../../../src","sources":["main/components/modules/login/components/Otp.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAChD,SACEC,SAAS,EACTC,IAAI,EACJC,IAAI,QAGC,cAAc;AAErB,OAAOC,eAAe,MAAM,+CAA+C;AAC3E,SACEC,oBAAoB,EACpBC,aAAa,EACbC,UAAU,EACVC,kBAAkB,QACb,oCAAoC;AAE3C,OAAOC,MAAM,MAAM,UAAU;AAW7B,MAAMC,GAAmB,GAAGC,IAAA,IAOtB;EAAA,IAPuB;IAC3BC,KAAK;IACLC,GAAG;IACHC,UAAU;IACVC,eAAe;IACfC,iBAAiB;IACjBC;EACF,CAAC,GAAAN,IAAA;EACC,MAAMO,qBAAqB,GAAGlB,WAAW,CACtCmB,CAAiD,IAAK;IACrD,MAAMC,IAAI,GAAGD,CAAC,CAACE,WAAW,CAACD,IAAI;IAC/BL,eAAe,CAACK,IAAI,CAACE,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;EAC9C,CAAC,EACD,CAACP,eAAe,CAClB,CAAC;EACD,oBACEjB,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA0B,QAAA,qBACE1B,KAAA,CAAAyB,aAAA,CAACpB,IAAI,QAAC,iBAAe,EAACS,KAAY,CAAC,eACnCd,KAAA,CAAAyB,aAAA,CAACtB,SAAS;IACRwB,KAAK,EAAEhB,MAAM,CAACiB,OAAQ;IACtBC,WAAW,EAAErB,aAAc;IAC3BsB,KAAK,EAAEf,GAAI;IACXgB,QAAQ,EAAEX,qBAAsB;IAChCY,SAAS,EAAEvB,UAAW;IACtBwB,YAAY,EAAE;EAAU,CACzB,CAAC,eACFjC,KAAA,CAAAyB,aAAA,CAACrB,IAAI;IAACuB,KAAK,EAAEhB,MAAM,CAACuB;EAAgB,gBAClClC,KAAA,CAAAyB,aAAA,CAACnB,eAAe;IACd6B,OAAO,EAAEjB,iBAAkB;IAC3BkB,UAAU,EAAE1B,kBAAmB;IAC/B2B,OAAO,EAAErB,UAAU,IAAI,CAAAD,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAEuB,MAAM,MAAK7B;EAAW,CACnD,CACG,CAAC,eACPT,KAAA,CAAAyB,aAAA,CAACrB,IAAI;IAACuB,KAAK,EAAEhB,MAAM,CAACuB;EAAgB,gBAClClC,KAAA,CAAAyB,aAAA,CAACnB,eAAe;IACdiC,OAAO,EAAE,KAAM;IACfJ,OAAO,EAAEhB,UAAW;IACpBiB,UAAU,EAAE7B;EAAqB,CAClC,CACG,CACN,CAAC;AAEP,CAAC;AAED,4BAAeN,IAAI,CAACW,GAAG,CAAC"}

package/src/main/components/modules/login/components/styles/index.js

@@ -0,0 +1,24 @@
+import { StyleSheet } from 'react-native';
+import { HEADER_SLAB_HEIGHT, STD_MARGIN } from '../../../../../constants/appConstants';
+import { COLORS } from '../../../../../constants/colors';
+const styles = StyleSheet.create({
+  center: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  textInp: {
+    width: '80%',
+    height: HEADER_SLAB_HEIGHT,
+    borderWidth: 1,
+    borderColor: COLORS.black2,
+    borderRadius: STD_MARGIN,
+    margin: STD_MARGIN,
+    paddingHorizontal: STD_MARGIN * 2
+  },
+  buttonContainer: {
+    width: '80%',
+    margin: STD_MARGIN
+  }
+});
+export default styles;
+//# sourceMappingURL=index.js.map

package/src/main/components/modules/login/components/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","HEADER_SLAB_HEIGHT","STD_MARGIN","COLORS","styles","create","center","justifyContent","alignItems","textInp","width","height","borderWidth","borderColor","black2","borderRadius","margin","paddingHorizontal","buttonContainer"],"sourceRoot":"../../../../../../../../src","sources":["main/components/modules/login/components/styles/index.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SACEC,kBAAkB,EAClBC,UAAU,QACL,uCAAuC;AAC9C,SAASC,MAAM,QAAQ,iCAAiC;AAExD,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDC,OAAO,EAAE;IACPC,KAAK,EAAE,KAAK;IACZC,MAAM,EAAEV,kBAAkB;IAC1BW,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEV,MAAM,CAACW,MAAM;IAC1BC,YAAY,EAAEb,UAAU;IACxBc,MAAM,EAAEd,UAAU;IAClBe,iBAAiB,EAAEf,UAAU,GAAG;EAClC,CAAC;EACDgB,eAAe,EAAE;IACfR,KAAK,EAAE,KAAK;IACZM,MAAM,EAAEd;EACV;AACF,CAAC,CAAC;AAEF,eAAeE,MAAM"}

package/src/main/components/modules/login/hooks/useLoginFlow.js

@@ -0,0 +1,60 @@
+import { useContext, useState, useCallback, useMemo } from 'react';
+import { Keyboard } from 'react-native';
+import { GlobalContext } from '../../../../state';
+const useLoginFlow = () => {
+  const {
+    userState,
+    actions: {
+      loginUser,
+      verifyOtp,
+      retryLogin
+    }
+  } = useContext(GlobalContext);
+  const [email, setEmail] = useState();
+  const [password, setPassword] = useState();
+  const [otp, setOtp] = useState();
+  const handleEmailChange = useCallback(e => {
+    setEmail(e.nativeEvent.text);
+  }, [setEmail]);
+  const handlePasswordChange = useCallback(e => {
+    setPassword(e.nativeEvent.text);
+  }, [setPassword]);
+  const handleOtpChange = useCallback(newOtp => {
+    setOtp(newOtp);
+  }, [setOtp]);
+  const handleEmailSubmit = useCallback(() => {
+    Keyboard.dismiss();
+    email && password && loginUser({
+      email,
+      password
+    });
+  }, [loginUser, email, password]);
+  const handleOtpSubmit = useCallback(() => {
+    Keyboard.dismiss();
+    otp && verifyOtp({
+      otp
+    });
+  }, [verifyOtp, otp]);
+  const handleBack = useCallback(() => {
+    retryLogin();
+  }, [retryLogin]);
+  const isOtpRequested = useMemo(() => userState !== null && userState !== void 0 && userState.tempOtpToken ? true : false, [userState === null || userState === void 0 ? void 0 : userState.tempOtpToken]);
+  const userApiError = useMemo(() => userState === null || userState === void 0 ? void 0 : userState.error, [userState === null || userState === void 0 ? void 0 : userState.error]);
+  const userApiIsLoading = useMemo(() => userState === null || userState === void 0 ? void 0 : userState.isLoading, [userState === null || userState === void 0 ? void 0 : userState.isLoading]);
+  return {
+    email,
+    password,
+    otp,
+    handleEmailChange,
+    handlePasswordChange,
+    handleOtpChange,
+    isOtpRequested,
+    handleEmailSubmit,
+    userApiError,
+    userApiIsLoading,
+    handleOtpSubmit,
+    handleBack
+  };
+};
+export default useLoginFlow;
+//# sourceMappingURL=useLoginFlow.js.map

package/src/main/components/modules/login/hooks/useLoginFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","useState","useCallback","useMemo","Keyboard","GlobalContext","useLoginFlow","userState","actions","loginUser","verifyOtp","retryLogin","email","setEmail","password","setPassword","otp","setOtp","handleEmailChange","e","nativeEvent","text","handlePasswordChange","handleOtpChange","newOtp","handleEmailSubmit","dismiss","handleOtpSubmit","handleBack","isOtpRequested","tempOtpToken","userApiError","error","userApiIsLoading","isLoading"],"sourceRoot":"../../../../../../../src","sources":["main/components/modules/login/hooks/useLoginFlow.ts"],"mappings":"AAAA,SAASA,UAAU,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAClE,SAGEC,QAAQ,QACH,cAAc;AAErB,SAASC,aAAa,QAAQ,mBAAmB;AAkBjD,MAAMC,YAAY,GAAGA,CAAA,KAAqB;EACxC,MAAM;IACJC,SAAS;IACTC,OAAO,EAAE;MAAEC,SAAS;MAAEC,SAAS;MAAEC;IAAW;EAC9C,CAAC,GAAGX,UAAU,CAACK,aAAa,CAAC;EAC7B,MAAM,CAACO,KAAK,EAAEC,QAAQ,CAAC,GAAGZ,QAAQ,CAAS,CAAC;EAC5C,MAAM,CAACa,QAAQ,EAAEC,WAAW,CAAC,GAAGd,QAAQ,CAAS,CAAC;EAClD,MAAM,CAACe,GAAG,EAAEC,MAAM,CAAC,GAAGhB,QAAQ,CAAS,CAAC;EAExC,MAAMiB,iBAAiB,GAAGhB,WAAW,CAClCiB,CAAiD,IAAK;IACrDN,QAAQ,CAACM,CAAC,CAACC,WAAW,CAACC,IAAI,CAAC;EAC9B,CAAC,EACD,CAACR,QAAQ,CACX,CAAC;EACD,MAAMS,oBAAoB,GAAGpB,WAAW,CACrCiB,CAAiD,IAAK;IACrDJ,WAAW,CAACI,CAAC,CAACC,WAAW,CAACC,IAAI,CAAC;EACjC,CAAC,EACD,CAACN,WAAW,CACd,CAAC;EACD,MAAMQ,eAAe,GAAGrB,WAAW,CAChCsB,MAAc,IAAK;IAClBP,MAAM,CAACO,MAAM,CAAC;EAChB,CAAC,EACD,CAACP,MAAM,CACT,CAAC;EACD,MAAMQ,iBAAiB,GAAGvB,WAAW,CAAC,MAAM;IAC1CE,QAAQ,CAACsB,OAAO,CAAC,CAAC;IAClBd,KAAK,IACHE,QAAQ,IACRL,SAAS,CAAC;MACRG,KAAK;MACLE;IACF,CAAC,CAAC;EACN,CAAC,EAAE,CAACL,SAAS,EAAEG,KAAK,EAAEE,QAAQ,CAAC,CAAC;EAChC,MAAMa,eAAe,GAAGzB,WAAW,CAAC,MAAM;IACxCE,QAAQ,CAACsB,OAAO,CAAC,CAAC;IAClBV,GAAG,IACDN,SAAS,CAAC;MACRM;IACF,CAAC,CAAC;EACN,CAAC,EAAE,CAACN,SAAS,EAAEM,GAAG,CAAC,CAAC;EACpB,MAAMY,UAAU,GAAG1B,WAAW,CAAC,MAAM;IACnCS,UAAU,CAAC,CAAC;EACd,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAChB,MAAMkB,cAAc,GAAG1B,OAAO,CAC5B,MAAOI,SAAS,aAATA,SAAS,eAATA,SAAS,CAAEuB,YAAY,GAAG,IAAI,GAAG,KAAM,EAC9C,CAACvB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEuB,YAAY,CAC1B,CAAC;EACD,MAAMC,YAAY,GAAG5B,OAAO,CAC1B,MAAMI,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEyB,KAAK,EACtB,CAACzB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEyB,KAAK,CACnB,CAAC;EACD,MAAMC,gBAAgB,GAAG9B,OAAO,CAC9B,MAAMI,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAE2B,SAAS,EAC1B,CAAC3B,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAE2B,SAAS,CACvB,CAAC;EACD,OAAO;IACLtB,KAAK;IACLE,QAAQ;IACRE,GAAG;IACHE,iBAAiB;IACjBI,oBAAoB;IACpBC,eAAe;IACfM,cAAc;IACdJ,iBAAiB;IACjBM,YAAY;IACZE,gBAAgB;IAChBN,eAAe;IACfC;EACF,CAAC;AACH,CAAC;AAED,eAAetB,YAAY"}

package/src/main/components/modules/login/index.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import { View, Text, KeyboardAvoidingView } from 'react-native';
+import Otp from './components/Otp';
+import Email from './components/Email';
+import { DEFAULT_ERROR_PREFIX, KEYBOARD_AVOIDING_BEHAVIOUR, Login_TITLE } from '../../../constants/appConstants';
+import useLoginFlow from './hooks/useLoginFlow';
+import styles from './styles';
+import Spinner from '../../common/Spinner';
+const Login = () => {
+  const {
+    email,
+    password,
+    otp,
+    handleEmailChange,
+    handlePasswordChange,
+    handleOtpChange,
+    handleEmailSubmit,
+    handleOtpSubmit,
+    isOtpRequested,
+    userApiError,
+    userApiIsLoading,
+    handleBack
+  } = useLoginFlow();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.pageContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.logoContainer, styles.center]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.logoText
+  }, Login_TITLE)), /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+    behavior: KEYBOARD_AVOIDING_BEHAVIOUR,
+    style: [styles.center, styles.inputSection]
+  }, isOtpRequested ? /*#__PURE__*/React.createElement(Otp, {
+    otp: otp,
+    email: email,
+    handleOtpChange: handleOtpChange,
+    handleSubmitClick: handleOtpSubmit,
+    handleBack: handleBack,
+    isEditable: !userApiIsLoading
+  }) : /*#__PURE__*/React.createElement(Email, {
+    email: email,
+    password: password,
+    isEditable: !userApiIsLoading,
+    handleEmailChange: handleEmailChange,
+    handlePasswordChange: handlePasswordChange,
+    handleSubmitClick: handleEmailSubmit
+  }), userApiIsLoading ? /*#__PURE__*/React.createElement(View, {
+    style: styles.spinnerContainer
+  }, /*#__PURE__*/React.createElement(Spinner, null)) : null, userApiError ? /*#__PURE__*/React.createElement(Text, {
+    style: styles.errorText
+  }, DEFAULT_ERROR_PREFIX, userApiError) : null));
+};
+export default Login;
+//# sourceMappingURL=index.js.map

package/src/main/components/modules/login/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","KeyboardAvoidingView","Otp","Email","DEFAULT_ERROR_PREFIX","KEYBOARD_AVOIDING_BEHAVIOUR","Login_TITLE","useLoginFlow","styles","Spinner","Login","email","password","otp","handleEmailChange","handlePasswordChange","handleOtpChange","handleEmailSubmit","handleOtpSubmit","isOtpRequested","userApiError","userApiIsLoading","handleBack","createElement","style","pageContainer","logoContainer","center","logoText","behavior","inputSection","handleSubmitClick","isEditable","spinnerContainer","errorText"],"sourceRoot":"../../../../../../src","sources":["main/components/modules/login/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,oBAAoB,QAAQ,cAAc;AAE/D,OAAOC,GAAG,MAAM,kBAAkB;AAClC,OAAOC,KAAK,MAAM,oBAAoB;AAEtC,SACEC,oBAAoB,EACpBC,2BAA2B,EAC3BC,WAAW,QACN,iCAAiC;AACxC,OAAOC,YAAY,MAAM,sBAAsB;AAC/C,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,OAAO,MAAM,sBAAsB;AAE1C,MAAMC,KAAe,GAAGA,CAAA,KAAM;EAC5B,MAAM;IACJC,KAAK;IACLC,QAAQ;IACRC,GAAG;IACHC,iBAAiB;IACjBC,oBAAoB;IACpBC,eAAe;IACfC,iBAAiB;IACjBC,eAAe;IACfC,cAAc;IACdC,YAAY;IACZC,gBAAgB;IAChBC;EACF,CAAC,GAAGf,YAAY,CAAC,CAAC;EAClB,oBACET,KAAA,CAAAyB,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAEhB,MAAM,CAACiB;EAAc,gBAChC3B,KAAA,CAAAyB,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAE,CAAChB,MAAM,CAACkB,aAAa,EAAElB,MAAM,CAACmB,MAAM;EAAE,gBACjD7B,KAAA,CAAAyB,aAAA,CAACvB,IAAI;IAACwB,KAAK,EAAEhB,MAAM,CAACoB;EAAS,GAAEtB,WAAkB,CAC7C,CAAC,eACPR,KAAA,CAAAyB,aAAA,CAACtB,oBAAoB;IACnB4B,QAAQ,EAAExB,2BAA4B;IACtCmB,KAAK,EAAE,CAAChB,MAAM,CAACmB,MAAM,EAAEnB,MAAM,CAACsB,YAAY;EAAE,GAE3CX,cAAc,gBACbrB,KAAA,CAAAyB,aAAA,CAACrB,GAAG;IACFW,GAAG,EAAEA,GAAI;IACTF,KAAK,EAAEA,KAAM;IACbK,eAAe,EAAEA,eAAgB;IACjCe,iBAAiB,EAAEb,eAAgB;IACnCI,UAAU,EAAEA,UAAW;IACvBU,UAAU,EAAE,CAACX;EAAiB,CAC/B,CAAC,gBAEFvB,KAAA,CAAAyB,aAAA,CAACpB,KAAK;IACJQ,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBoB,UAAU,EAAE,CAACX,gBAAiB;IAC9BP,iBAAiB,EAAEA,iBAAkB;IACrCC,oBAAoB,EAAEA,oBAAqB;IAC3CgB,iBAAiB,EAAEd;EAAkB,CACtC,CACF,EACAI,gBAAgB,gBACfvB,KAAA,CAAAyB,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAEhB,MAAM,CAACyB;EAAiB,gBACnCnC,KAAA,CAAAyB,aAAA,CAACd,OAAO,MAAE,CACN,CAAC,GACL,IAAI,EACPW,YAAY,gBACXtB,KAAA,CAAAyB,aAAA,CAACvB,IAAI;IAACwB,KAAK,EAAEhB,MAAM,CAAC0B;EAAU,GAC3B9B,oBAAoB,EACpBgB,YACG,CAAC,GACL,IACgB,CAClB,CAAC;AAEX,CAAC;AAED,eAAeV,KAAK"}

package/src/main/components/modules/login/styles/index.js

@@ -0,0 +1,34 @@
+import { StyleSheet } from 'react-native';
+import { HEADER_SLAB_HEIGHT } from '../../../../constants/appConstants';
+import { COLORS } from '../../../../constants/colors';
+const styles = StyleSheet.create({
+  pageContainer: {
+    flex: 1,
+    backgroundColor: COLORS.white
+  },
+  center: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  logoContainer: {
+    flex: 1
+  },
+  logoText: {
+    fontSize: HEADER_SLAB_HEIGHT
+  },
+  inputSection: {
+    flex: 2,
+    justifyContent: 'flex-start',
+    paddingTop: HEADER_SLAB_HEIGHT
+  },
+  errorText: {
+    fontSize: HEADER_SLAB_HEIGHT / 4,
+    color: COLORS.red,
+    padding: HEADER_SLAB_HEIGHT / 2
+  },
+  spinnerContainer: {
+    margin: HEADER_SLAB_HEIGHT / 2
+  }
+});
+export default styles;
+//# sourceMappingURL=index.js.map

package/src/main/components/modules/login/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","HEADER_SLAB_HEIGHT","COLORS","styles","create","pageContainer","flex","backgroundColor","white","center","justifyContent","alignItems","logoContainer","logoText","fontSize","inputSection","paddingTop","errorText","color","red","padding","spinnerContainer","margin"],"sourceRoot":"../../../../../../../src","sources":["main/components/modules/login/styles/index.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,kBAAkB,QAAQ,oCAAoC;AACvE,SAASC,MAAM,QAAQ,8BAA8B;AAErD,MAAMC,MAAM,GAAGH,UAAU,CAACI,MAAM,CAAC;EAC/BC,aAAa,EAAE;IACbC,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEL,MAAM,CAACM;EAC1B,CAAC;EACDC,MAAM,EAAE;IACNC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDC,aAAa,EAAE;IACbN,IAAI,EAAE;EACR,CAAC;EACDO,QAAQ,EAAE;IACRC,QAAQ,EAAEb;EACZ,CAAC;EACDc,YAAY,EAAE;IACZT,IAAI,EAAE,CAAC;IACPI,cAAc,EAAE,YAAY;IAC5BM,UAAU,EAAEf;EACd,CAAC;EACDgB,SAAS,EAAE;IACTH,QAAQ,EAAEb,kBAAkB,GAAG,CAAC;IAChCiB,KAAK,EAAEhB,MAAM,CAACiB,GAAG;IACjBC,OAAO,EAAEnB,kBAAkB,GAAG;EAChC,CAAC;EACDoB,gBAAgB,EAAE;IAChBC,MAAM,EAAErB,kBAAkB,GAAG;EAC/B;AACF,CAAC,CAAC;AAEF,eAAeE,MAAM"}

package/src/main/components/modules/modal/StallionModal.js

@@ -0,0 +1,73 @@
+import React from 'react';
+import { Modal, SafeAreaView, StyleSheet, View } from 'react-native';
+import Login from '../login';
+import Header from '../../../components/common/Header';
+import Footer from '../../../components/common/Footer';
+import { HEADER_TITLE } from '../../../constants/appConstants';
+import { COLORS } from '../../../constants/colors';
+import Listing from '../listing';
+import useStallionModal from './hooks/useStallionModal';
+import OverlayLoader from '../../../components/common/OverlayLoader';
+import ProfileOverlay from '../../common/ProfileOverlay';
+const StallionModal = () => {
+  var _userState$data, _userState$data2, _userState$data3;
+  const {
+    userState,
+    isModalVisible,
+    onBackPress,
+    onClosePress,
+    loginRequired,
+    metaState,
+    isBackEnabled,
+    activeBucketMeta,
+    toggleStallionSwitch,
+    isDownloading,
+    downloadProgress,
+    downloadError,
+    showProfileSection,
+    closeProfileSection,
+    presentProfileSection,
+    performLogout
+  } = useStallionModal();
+  return /*#__PURE__*/React.createElement(Modal, {
+    transparent: true,
+    animationType: "slide",
+    visible: isModalVisible,
+    onRequestClose: onClosePress
+  }, isModalVisible ? /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Header, {
+    userName: showProfileSection ? null : (_userState$data = userState.data) === null || _userState$data === void 0 ? void 0 : _userState$data.fullName,
+    title: loginRequired ? null : HEADER_TITLE,
+    onClosePress: onClosePress,
+    onBackPress: isBackEnabled ? onBackPress : null,
+    onProfilePress: presentProfileSection
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.listingSection
+  }, loginRequired ? /*#__PURE__*/React.createElement(Login, null) : /*#__PURE__*/React.createElement(Listing, null), isDownloading ? /*#__PURE__*/React.createElement(OverlayLoader, {
+    currentDownloadFraction: downloadProgress
+  }) : null, showProfileSection ? /*#__PURE__*/React.createElement(ProfileOverlay, {
+    fullName: (_userState$data2 = userState.data) === null || _userState$data2 === void 0 ? void 0 : _userState$data2.fullName,
+    email: (_userState$data3 = userState.data) === null || _userState$data3 === void 0 ? void 0 : _userState$data3.email,
+    onBackPress: closeProfileSection,
+    onLogoutPress: performLogout
+  }) : null), loginRequired ? null : /*#__PURE__*/React.createElement(Footer, {
+    switchIsOn: metaState.switchState,
+    activeBundle: activeBucketMeta,
+    onSwitchToggle: toggleStallionSwitch,
+    errorMessage: downloadError
+  })) : null);
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'flex-start',
+    alignContent: 'center',
+    backgroundColor: COLORS.white
+  },
+  listingSection: {
+    flex: 1
+  }
+});
+export default StallionModal;
+//# sourceMappingURL=StallionModal.js.map

package/src/main/components/modules/modal/StallionModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Modal","SafeAreaView","StyleSheet","View","Login","Header","Footer","HEADER_TITLE","COLORS","Listing","useStallionModal","OverlayLoader","ProfileOverlay","StallionModal","_userState$data","_userState$data2","_userState$data3","userState","isModalVisible","onBackPress","onClosePress","loginRequired","metaState","isBackEnabled","activeBucketMeta","toggleStallionSwitch","isDownloading","downloadProgress","downloadError","showProfileSection","closeProfileSection","presentProfileSection","performLogout","createElement","transparent","animationType","visible","onRequestClose","style","styles","container","userName","data","fullName","title","onProfilePress","listingSection","currentDownloadFraction","email","onLogoutPress","switchIsOn","switchState","activeBundle","onSwitchToggle","errorMessage","create","flex","justifyContent","alignContent","backgroundColor","white"],"sourceRoot":"../../../../../../src","sources":["main/components/modules/modal/StallionModal.tsx"],"mappings":"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"}