@axelor/aos-mobile-stock 0.0.1

package/lib/screens/inventories/InventoryStartedDetailsScreen.js

@@ -0,0 +1,110 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React, { useCallback, useEffect } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Button, HeaderContainer, Screen, ScrollView, Text, ViewAllContainer, } from '@axelor/aos-mobile-ui';
+import { useDispatch, useSelector, useTranslator, HeaderOptionsMenu, } from '@axelor/aos-mobile-core';
+import { InventoryHeader, InventoryLineCard, LocationsMoveCard, } from '../../components';
+import { fetchInventoryLines } from '../../features/inventoryLineSlice';
+import { fetchInventoryById, updateInventory, } from '../../features/inventorySlice';
+import Inventory from '../../types/inventory';
+const InventoryStartedDetailsScreen = ({ route, navigation }) => {
+    const inventoryId = route.params.inventoryId;
+    const { loading, inventory } = useSelector(state => state.inventory);
+    const { loadingInventoryLines, inventoryLineList } = useSelector(state => state.inventoryLine);
+    const { mobileSettings } = useSelector(state => state.config);
+    const I18n = useTranslator();
+    const dispatch = useDispatch();
+    useEffect(() => {
+        dispatch(fetchInventoryById({ inventoryId: inventoryId }));
+        dispatch(fetchInventoryLines({ inventoryId: inventoryId, page: 0 }));
+    }, [dispatch, inventoryId]);
+    const handleShowLine = item => {
+        if (inventory.statusSelect === Inventory.status.Validated) {
+            navigation.navigate('InventoryLineDetailsScreen', {
+                inventoryLine: item,
+                inventory: inventory,
+            });
+        }
+        else {
+            navigation.navigate('InventorySelectProductScreen', {
+                inventoryLine: item,
+                inventory: inventory,
+            });
+        }
+    };
+    const handleViewAll = () => {
+        navigation.navigate('InventoryLineListScreen', {
+            inventory: inventory,
+        });
+    };
+    const handleCompleteInventory = useCallback(() => {
+        dispatch(updateInventory({
+            inventoryId: inventory.id,
+            version: inventory.version,
+            status: Inventory.status.Completed,
+            userId: null,
+        }));
+        navigation.popToTop();
+    }, [dispatch, inventory, navigation]);
+    const handleValidateInventory = useCallback(() => {
+        dispatch(updateInventory({
+            inventoryId: inventory.id,
+            version: inventory.version,
+            status: Inventory.status.Validated,
+            userId: null,
+        }));
+        navigation.popToTop();
+    }, [dispatch, inventory, navigation]);
+    const handleNewLine = useCallback(() => {
+        navigation.navigate('InventorySelectProductScreen', {
+            inventoryLine: null,
+            inventory: inventory,
+        });
+    }, [inventory, navigation]);
+    React.useLayoutEffect(() => {
+        navigation.setOptions({
+            headerRight: () => (<HeaderOptionsMenu model="com.axelor.apps.stock.db.Inventory" modelId={inventory?.id} navigation={navigation} disableMailMessages={!mobileSettings?.isTrackerMessageOnStockApp}/>),
+        });
+    }, [I18n, mobileSettings, navigation, inventory]);
+    return (<Screen removeSpaceOnTop={true} fixedItems={inventory?.statusSelect === Inventory.status.InProgress ? (<Button title={I18n.t('Base_Complete')} onPress={handleCompleteInventory}/>) : inventory?.statusSelect === Inventory.status.Completed ? (<Button title={I18n.t('Base_Validate')} onPress={handleValidateInventory}/>) : null} loading={loadingInventoryLines || loading || inventory == null}>
+      <HeaderContainer expandableFilter={false} fixedItems={<View>
+            <InventoryHeader reference={inventory?.inventorySeq} status={inventory?.statusSelect} date={inventory?.statusSelect === Inventory.status.Planned
+                ? inventory?.plannedStartDateT
+                : inventory?.plannedEndDateT} stockLocation={inventory?.stockLocation?.name}/>
+            <View style={styles.marginHorizontal}>
+              {inventory?.productFamily != null && (<Text>{`${I18n.t('Stock_ProductFamily')} : ${inventory?.productFamily?.name}`}</Text>)}
+              {inventory?.productCategory != null && (<Text>{`${I18n.t('Stock_ProductCategory')} : ${inventory?.productCategory?.name}`}</Text>)}
+            </View>
+          </View>}/>
+      <ScrollView>
+        {inventory?.fromRack && (<LocationsMoveCard style={styles.moveCard} isLockerCard={true} fromStockLocation={inventory?.fromRack} toStockLocation={inventory?.toRack}/>)}
+        <ViewAllContainer isHeaderExist={inventory?.statusSelect !== Inventory.status.Completed} onNewIcon={handleNewLine} data={inventoryLineList} renderFirstTwoItems={item => (<InventoryLineCard style={styles.item} productName={item.product?.fullName} currentQty={item.currentQty} realQty={item.realQty} unit={item.unit?.name} locker={item.rack} trackingNumber={item.trackingNumber} onPress={() => handleShowLine(item)}/>)} onViewPress={handleViewAll}/>
+      </ScrollView>
+    </Screen>);
+};
+const styles = StyleSheet.create({
+    moveCard: {
+        marginVertical: 10,
+    },
+    marginHorizontal: {
+        marginHorizontal: 16,
+    },
+});
+export default InventoryStartedDetailsScreen;
+//# sourceMappingURL=InventoryStartedDetailsScreen.js.map

package/lib/screens/inventories/InventoryStartedDetailsScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InventoryStartedDetailsScreen.js","sourceRoot":"","sources":["../../../src/screens/inventories/InventoryStartedDetailsScreen.js"],"names":[],"mappings":"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"}

package/lib/screens/inventories/index.d.ts

@@ -0,0 +1,77 @@
+declare namespace _default {
+    namespace InventoryListScreen {
+        export const title: string;
+        export { InventoryListScreen as component };
+        export namespace options {
+            const shadedHeader: boolean;
+        }
+    }
+    namespace InventoryPlannedDetailsScreen {
+        const title_1: string;
+        export { title_1 as title };
+        export { InventoryPlannedDetailsScreen as component };
+        export namespace options_1 {
+            const shadedHeader_1: boolean;
+            export { shadedHeader_1 as shadedHeader };
+        }
+        export { options_1 as options };
+    }
+    namespace InventoryStartedDetailsScreen {
+        const title_2: string;
+        export { title_2 as title };
+        export { InventoryStartedDetailsScreen as component };
+        export namespace options_2 {
+            const shadedHeader_2: boolean;
+            export { shadedHeader_2 as shadedHeader };
+        }
+        export { options_2 as options };
+    }
+    namespace InventoryLineDetailsScreen {
+        const title_3: string;
+        export { title_3 as title };
+        export { InventoryLineDetailsScreen as component };
+        export namespace options_3 {
+            const shadedHeader_3: boolean;
+            export { shadedHeader_3 as shadedHeader };
+        }
+        export { options_3 as options };
+    }
+    namespace InventoryLineListScreen {
+        const title_4: string;
+        export { title_4 as title };
+        export { InventoryLineListScreen as component };
+        export namespace options_4 {
+            const shadedHeader_4: boolean;
+            export { shadedHeader_4 as shadedHeader };
+        }
+        export { options_4 as options };
+    }
+    namespace InventorySelectProductScreen {
+        const title_5: string;
+        export { title_5 as title };
+        export { InventorySelectProductScreen as component };
+        export namespace options_5 {
+            const shadedHeader_5: boolean;
+            export { shadedHeader_5 as shadedHeader };
+        }
+        export { options_5 as options };
+    }
+    namespace InventorySelectTrackingScreen {
+        const title_6: string;
+        export { title_6 as title };
+        export { InventorySelectTrackingScreen as component };
+        export namespace options_6 {
+            const shadedHeader_6: boolean;
+            export { shadedHeader_6 as shadedHeader };
+        }
+        export { options_6 as options };
+    }
+}
+export default _default;
+import InventoryListScreen_1 from "./InventoryListScreen";
+import InventoryPlannedDetailsScreen_1 from "./InventoryPlannedDetailsScreen";
+import InventoryStartedDetailsScreen_1 from "./InventoryStartedDetailsScreen";
+import InventoryLineDetailsScreen_1 from "./InventoryLineDetailsScreen";
+import InventoryLineListScreen_1 from "./InventoryLineListScreen";
+import InventorySelectProductScreen_1 from "./InventorySelectProductScreen";
+import InventorySelectTrackingScreen_1 from "./InventorySelectTrackingScreen";

package/lib/screens/inventories/index.js

@@ -0,0 +1,76 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import InventoryLineDetailsScreen from './InventoryLineDetailsScreen';
+import InventoryLineListScreen from './InventoryLineListScreen';
+import InventoryListScreen from './InventoryListScreen';
+import InventoryPlannedDetailsScreen from './InventoryPlannedDetailsScreen';
+import InventorySelectProductScreen from './InventorySelectProductScreen';
+import InventorySelectTrackingScreen from './InventorySelectTrackingScreen';
+import InventoryStartedDetailsScreen from './InventoryStartedDetailsScreen';
+export default {
+    InventoryListScreen: {
+        title: 'Stock_Inventory',
+        component: InventoryListScreen,
+        options: {
+            shadedHeader: false,
+        },
+    },
+    InventoryPlannedDetailsScreen: {
+        title: 'Stock_Inventory',
+        component: InventoryPlannedDetailsScreen,
+        options: {
+            shadedHeader: false,
+        },
+    },
+    InventoryStartedDetailsScreen: {
+        title: 'Stock_Inventory',
+        component: InventoryStartedDetailsScreen,
+        options: {
+            shadedHeader: false,
+        },
+    },
+    InventoryLineDetailsScreen: {
+        title: 'Stock_Inventory',
+        component: InventoryLineDetailsScreen,
+        options: {
+            shadedHeader: false,
+        },
+    },
+    InventoryLineListScreen: {
+        title: 'Stock_Inventory',
+        component: InventoryLineListScreen,
+        options: {
+            shadedHeader: false,
+        },
+    },
+    InventorySelectProductScreen: {
+        title: 'Stock_Inventory',
+        component: InventorySelectProductScreen,
+        options: {
+            shadedHeader: false,
+        },
+    },
+    InventorySelectTrackingScreen: {
+        title: 'Stock_Inventory',
+        component: InventorySelectTrackingScreen,
+        options: {
+            shadedHeader: false,
+        },
+    },
+};
+//# sourceMappingURL=index.js.map

package/lib/screens/inventories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/screens/inventories/index.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,0BAA0B,MAAM,8BAA8B,CAAC;AACtE,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,6BAA6B,MAAM,iCAAiC,CAAC;AAC5E,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,6BAA6B,MAAM,iCAAiC,CAAC;AAC5E,OAAO,6BAA6B,MAAM,iCAAiC,CAAC;AAE5E,eAAe;IACb,mBAAmB,EAAE;QACnB,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,mBAAmB;QAC9B,OAAO,EAAE;YACP,YAAY,EAAE,KAAK;SACpB;KACF;IACD,6BAA6B,EAAE;QAC7B,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,6BAA6B;QACxC,OAAO,EAAE;YACP,YAAY,EAAE,KAAK;SACpB;KACF;IACD,6BAA6B,EAAE;QAC7B,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,6BAA6B;QACxC,OAAO,EAAE;YACP,YAAY,EAAE,KAAK;SACpB;KACF;IACD,0BAA0B,EAAE;QAC1B,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,0BAA0B;QACrC,OAAO,EAAE;YACP,YAAY,EAAE,KAAK;SACpB;KACF;IACD,uBAAuB,EAAE;QACvB,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,uBAAuB;QAClC,OAAO,EAAE;YACP,YAAY,EAAE,KAAK;SACpB;KACF;IACD,4BAA4B,EAAE;QAC5B,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,4BAA4B;QACvC,OAAO,EAAE;YACP,YAAY,EAAE,KAAK;SACpB;KACF;IACD,6BAA6B,EAAE;QAC7B,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,6BAA6B;QACxC,OAAO,EAAE;YACP,YAAY,EAAE,KAAK;SACpB;KACF;CACF,CAAC"}

package/lib/screens/products/ProductDetailsScreen.d.ts

@@ -0,0 +1,5 @@
+export default ProductDetailsScreen;
+declare function ProductDetailsScreen({ route, navigation }: {
+    route: any;
+    navigation: any;
+}): JSX.Element;

package/lib/screens/products/ProductDetailsScreen.js

@@ -0,0 +1,135 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Button, Screen, ScrollView, Text, NotesCard, } from '@axelor/aos-mobile-ui';
+import { useTranslator, useSelector, HeaderOptionsMenu, } from '@axelor/aos-mobile-core';
+import { ProductCharacteristics, SmallPropertyCard } from '../../components';
+const ProductDetailsScreen = ({ route, navigation }) => {
+    const I18n = useTranslator();
+    const product = route.params.product;
+    const { mobileSettings } = useSelector(state => state.config);
+    const showProductVariables = () => {
+        navigation.navigate('ProductListVariantScreen', { product: product });
+    };
+    const navigateToImageProduct = () => {
+        navigation.navigate('ProductImageScreen', { product: product });
+    };
+    React.useLayoutEffect(() => {
+        navigation.setOptions({
+            headerRight: () => (<HeaderOptionsMenu model="com.axelor.apps.base.db.Product" modelId={product.id} navigation={navigation} disableMailMessages={!mobileSettings?.isTrackerMessageOnStockApp} attachedFileScreenTitle={product.name}/>),
+        });
+    }, [I18n, mobileSettings, navigation, product]);
+    return (<Screen fixedItems={product.productVariant != null && (<Button onPress={() => showProductVariables()} title={I18n.t('Stock_Variants')}/>)}>
+      <ScrollView>
+        <ProductCharacteristics onPressImage={() => navigateToImageProduct()} picture={product?.picture} category={product.productCategory?.name} prototype={product.isPrototype} unrenewed={product.isUnrenewed} procurMethod={product.procurementMethodSelect} code={product.code} name={product.name} style={styles.item}/>
+        <View style={styles.lineContainer}>
+          <View style={styles.lineStyle}/>
+        </View>
+        {product.unit ? (<View style={styles.stock}>
+            <SmallPropertyCard style={styles.stockCard} title={I18n.t('Stock_Stock')} value={product.unit?.name}/>
+            <SmallPropertyCard style={styles.stockCard} title={I18n.t('Sale_Sale')} value={product.salesUnit ? product.salesUnit?.name : product.unit?.name}/>
+            <SmallPropertyCard style={styles.stockCard} title={I18n.t('Purchase_Purchase')} value={product.purchasesUnit
+                ? product.purchasesUnit?.name
+                : product.unit?.name}/>
+          </View>) : null}
+        <View style={styles.containerPack}>
+          <Text style={styles.titles}>PACKING</Text>
+          <View style={styles.packing}>
+            <SmallPropertyCard style={styles.packingCard} title={I18n.t('Stock_Length')} value={product.length} unit={product.lengthUnit == null
+            ? I18n.t('Stock_Meters')
+            : product.lengthUnit?.name} interactive={true}/>
+            <SmallPropertyCard style={styles.packingCard} title={I18n.t('Stock_Width')} value={product.width} unit={product.lengthUnit == null
+            ? I18n.t('Stock_Meters')
+            : product.lengthUnit?.name} interactive={true}/>
+            <SmallPropertyCard style={styles.packingCard} title={I18n.t('Stock_Height')} value={product.height} unit={product.lengthUnit == null
+            ? I18n.t('Stock_Meters')
+            : product.lengthUnit?.name} interactive={true}/>
+            <SmallPropertyCard style={styles.packingCard} title={I18n.t('Stock_NetMass')} value={product.netMass} unit={product.massUnit == null
+            ? I18n.t('Stock_Kilograms')
+            : product.massUnit?.name} interactive={true}/>
+            <SmallPropertyCard style={styles.packingCard} title={I18n.t('Stock_GrossMass')} value={product.grossMass} unit={product.massUnit == null
+            ? I18n.t('Stock_Kilograms')
+            : product.massUnit?.name} interactive={true}/>
+          </View>
+        </View>
+        <NotesCard title={I18n.t('Base_Description')} data={product.description}/>
+      </ScrollView>
+    </Screen>);
+};
+const styles = StyleSheet.create({
+    scrollContainer: {
+        alignContent: 'center',
+        height: '100%',
+    },
+    containerPack: {
+        marginHorizontal: '5%',
+        marginTop: 18,
+    },
+    stockCard: {
+        marginHorizontal: '1.5%',
+        minWidth: '20%',
+    },
+    description: {
+        width: '90%',
+        marginHorizontal: '5%',
+        flexDirection: 'column',
+        marginTop: '2%',
+    },
+    notes: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        justifyContent: 'center',
+        borderRadius: 10,
+        padding: 10,
+        marginVertical: 8,
+    },
+    titles: {
+        marginHorizontal: '5%',
+    },
+    packingCard: {
+        marginHorizontal: '2%',
+        marginTop: 5,
+        minWidth: '28%',
+        marginBottom: '2%',
+    },
+    packing: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        justifyContent: 'center',
+    },
+    stock: {
+        marginTop: 20,
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        justifyContent: 'center',
+    },
+    item: {
+        borderRadius: 0,
+        elevation: 0,
+    },
+    lineContainer: {
+        alignItems: 'center',
+    },
+    lineStyle: {
+        borderWidth: 0.7,
+        width: 280,
+    },
+});
+export default ProductDetailsScreen;
+//# sourceMappingURL=ProductDetailsScreen.js.map

package/lib/screens/products/ProductDetailsScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductDetailsScreen.js","sourceRoot":"","sources":["../../../src/screens/products/ProductDetailsScreen.js"],"names":[],"mappings":"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"}

package/lib/screens/products/ProductImageScreen.d.ts

@@ -0,0 +1,4 @@
+export default ProductImageScreen;
+declare function ProductImageScreen({ route }: {
+    route: any;
+}): JSX.Element;

package/lib/screens/products/ProductImageScreen.js

@@ -0,0 +1,62 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React from 'react';
+import { Dimensions, StyleSheet, View } from 'react-native';
+import { Screen, Text } from '@axelor/aos-mobile-ui';
+import { AOSImage } from '@axelor/aos-mobile-core';
+const ProductImageScreen = ({ route }) => {
+    const product = route.params.product;
+    return (<Screen>
+      <View style={styles.textContainer}>
+        <Text style={styles.name}>{product.name}</Text>
+        <Text style={styles.code}>{product.code}</Text>
+      </View>
+      <View style={styles.imageContainer}>
+        <AOSImage generalStyle={styles.imageStyle} imageSize={styles.imageSize} resizeMode="contain" metaFile={product?.picture} defaultIconSize={Dimensions.get('window').width * 0.8} enableImageViewer={true}/>
+      </View>
+    </Screen>);
+};
+const styles = StyleSheet.create({
+    imageContainer: {
+        flex: 1,
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    imageSize: {
+        height: Dimensions.get('window').width * 0.8,
+        width: Dimensions.get('window').width * 0.8,
+    },
+    imageStyle: {
+        marginHorizontal: 20,
+    },
+    textContainer: {
+        flexDirection: 'column',
+        marginHorizontal: 20,
+        marginVertical: 18,
+    },
+    name: {
+        fontSize: 18,
+        fontWeight: 'bold',
+    },
+    code: {
+        fontSize: 14,
+    },
+});
+export default ProductImageScreen;
+//# sourceMappingURL=ProductImageScreen.js.map

package/lib/screens/products/ProductImageScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductImageScreen.js","sourceRoot":"","sources":["../../../src/screens/products/ProductImageScreen.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AAEjD,MAAM,kBAAkB,GAAG,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;IACrC,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IAErC,OAAO,CACL,CAAC,MAAM,CACL;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,CAC9C;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,CAChD;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACjC;QAAA,CAAC,QAAQ,CACP,YAAY,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAChC,SAAS,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B,UAAU,CAAC,SAAS,CACpB,QAAQ,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAC3B,eAAe,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CACtD,iBAAiB,CAAC,CAAC,IAAI,CAAC,EAE5B;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,cAAc,EAAE;QACd,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,SAAS,EAAE;QACT,MAAM,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,GAAG;QAC5C,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,GAAG;KAC5C;IACD,UAAU,EAAE;QACV,gBAAgB,EAAE,EAAE;KACrB;IACD,aAAa,EAAE;QACb,aAAa,EAAE,QAAQ;QACvB,gBAAgB,EAAE,EAAE;QACpB,cAAc,EAAE,EAAE;KACnB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;KACnB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC;AAEH,eAAe,kBAAkB,CAAC"}

package/lib/screens/products/ProductListScreen.d.ts

@@ -0,0 +1,4 @@
+export default ProductListScreen;
+declare function ProductListScreen({ navigation }: {
+    navigation: any;
+}): JSX.Element;

package/lib/screens/products/ProductListScreen.js

@@ -0,0 +1,72 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React, { useEffect, useState, useCallback } from 'react';
+import { StyleSheet } from 'react-native';
+import { Screen, ScrollList, HeaderContainer } from '@axelor/aos-mobile-ui';
+import { displayItemName, ScannerAutocompleteSearch, useDispatch, useSelector, useTranslator, } from '@axelor/aos-mobile-core';
+import { ProductCard } from '../../components';
+import { searchProducts } from '../../features/productSlice';
+import { fetchProductsAvailability } from '../../features/productIndicatorsSlice';
+const productScanKey = 'product_product-list';
+const ProductListScreen = ({ navigation }) => {
+    const { loadingProduct, moreLoading, isListEnd, productList } = useSelector(state => state.product);
+    const { activeCompany } = useSelector(state => state.user.user);
+    const { listAvailabilty } = useSelector(state => state.productIndicators);
+    const [filter, setFilter] = useState(null);
+    const [navigate, setNavigate] = useState(false);
+    const I18n = useTranslator();
+    const dispatch = useDispatch();
+    const fetchProductsAPI = useCallback(({ page = 0, searchValue }) => {
+        if (searchValue != null && searchValue !== '') {
+            setFilter(searchValue);
+            dispatch(searchProducts({ searchValue: searchValue, page: 0 }));
+        }
+        else {
+            dispatch(searchProducts({ page: page }));
+        }
+    }, [dispatch]);
+    const filterProductsAPI = useCallback(value => fetchProductsAPI({ searchValue: value }), [fetchProductsAPI]);
+    const scrollProductsAPI = useCallback(page => fetchProductsAPI({ page }), [fetchProductsAPI]);
+    const showProductDetails = useCallback(product => {
+        if (product != null) {
+            setNavigate(true);
+            navigation.navigate('ProductStockDetailsScreen', { product: product });
+        }
+    }, [navigation]);
+    useEffect(() => {
+        if (productList != null) {
+            dispatch(fetchProductsAvailability({
+                productList: productList,
+                companyId: activeCompany?.id,
+                stockLocationId: null,
+            }));
+        }
+    }, [activeCompany, dispatch, productList]);
+    return (<Screen removeSpaceOnTop={true}>
+      <HeaderContainer expandableFilter={false} fixedItems={<ScannerAutocompleteSearch objectList={productList} onChangeValue={item => showProductDetails(item)} fetchData={filterProductsAPI} displayValue={displayItemName} scanKeySearch={productScanKey} placeholder={I18n.t('Stock_Product')} isFocus={true} oneFilter={true} navigate={navigate}/>}/>
+      <ScrollList loadingList={loadingProduct} data={productList} renderItem={({ item, index }) => (<ProductCard key={item.id} style={styles.item} name={item.name} code={item.code} picture={item.picture == null ? null : item.picture} availableStock={listAvailabilty ? listAvailabilty[index]?.availableStock : null} onPress={() => showProductDetails(item)}/>)} fetchData={scrollProductsAPI} moreLoading={moreLoading} isListEnd={isListEnd} filter={filter != null && filter !== ''} translator={I18n.t}/>
+    </Screen>);
+};
+const styles = StyleSheet.create({
+    item: {
+        marginHorizontal: 12,
+        marginVertical: 4,
+    },
+});
+export default ProductListScreen;
+//# sourceMappingURL=ProductListScreen.js.map

package/lib/screens/products/ProductListScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductListScreen.js","sourceRoot":"","sources":["../../../src/screens/products/ProductListScreen.js"],"names":[],"mappings":"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"}

package/lib/screens/products/ProductListVariantScreen.d.ts

@@ -0,0 +1,5 @@
+export default ProductListVariantScreen;
+declare function ProductListVariantScreen({ route, navigation }: {
+    route: any;
+    navigation: any;
+}): JSX.Element;