@axelor/aos-mobile-stock 0.0.1

package/lib/components/organisms/InventoryHeader/InventoryHeader.js

@@ -0,0 +1,77 @@
+/*
+ * 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 { Badge, Icon, Text, useThemeColor } from '@axelor/aos-mobile-ui';
+import { formatDate, useTranslator } from '@axelor/aos-mobile-core';
+import Inventory from '../../../types/inventory';
+const InventoryHeader = ({ reference, status, date, stockLocation, }) => {
+    const Colors = useThemeColor();
+    const I18n = useTranslator();
+    return (<View style={styles.infoContainer}>
+      <View style={styles.refContainer}>
+        <Text style={styles.text_important}>{reference}</Text>
+        {date != null && (<Text style={styles.text_secondary}>
+            {formatDate(date, 'MM/DD/YYYY')}
+          </Text>)}
+        {stockLocation && (<View style={styles.iconText}>
+            <Icon name="warehouse" size={12} style={styles.icon}/>
+            <Text style={styles.text_secondary}>{stockLocation}</Text>
+          </View>)}
+      </View>
+      <View style={styles.badgeContainer}>
+        <Badge color={Inventory.getStatusColor(status, Colors)} title={Inventory.getStatus(status, I18n)}/>
+      </View>
+    </View>);
+};
+const styles = StyleSheet.create({
+    infoContainer: {
+        flexDirection: 'row',
+        justifyContent: 'space-around',
+        alignItems: 'center',
+        marginBottom: '2%',
+    },
+    refContainer: {
+        flex: 1,
+        flexDirection: 'column',
+        marginLeft: 24,
+    },
+    badgeContainer: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginTop: '2%',
+        marginHorizontal: 32,
+        flexDirection: 'row-reverse',
+    },
+    text_important: {
+        fontSize: 16,
+        fontWeight: 'bold',
+    },
+    text_secondary: {
+        fontSize: 14,
+    },
+    iconText: {
+        flexDirection: 'row',
+    },
+    icon: {
+        marginRight: 5,
+    },
+});
+export default InventoryHeader;
+//# sourceMappingURL=InventoryHeader.js.map

package/lib/components/organisms/InventoryHeader/InventoryHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InventoryHeader.js","sourceRoot":"","sources":["../../../../src/components/organisms/InventoryHeader/InventoryHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,EAAC,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,yBAAyB,CAAC;AAClE,OAAO,SAAS,MAAM,0BAA0B,CAAC;AASjD,MAAM,eAAe,GAAG,CAAC,EACvB,SAAS,EACT,MAAM,EACN,IAAI,EACJ,aAAa,GACQ,EAAE,EAAE;IACzB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC/B;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,IAAI,CACrD;QAAA,CAAC,IAAI,IAAI,IAAI,IAAI,CACf,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACjC;YAAA,CAAC,UAAU,CAAC,IAAI,EAAE,YAAY,CAAC,CACjC;UAAA,EAAE,IAAI,CAAC,CACR,CACD;QAAA,CAAC,aAAa,IAAI,CAChB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC3B;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EACpD;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,IAAI,CAC3D;UAAA,EAAE,IAAI,CAAC,CACR,CACH;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACjC;QAAA,CAAC,KAAK,CACJ,KAAK,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAChD,KAAK,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,EAE7C;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,cAAc;QAC9B,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,IAAI;KACnB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,EAAE;KACf;IACD,cAAc,EAAE;QACd,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,IAAI;QACf,gBAAgB,EAAE,EAAE;QACpB,aAAa,EAAE,aAAa;KAC7B;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;KACnB;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,EAAE;KACb;IACD,QAAQ,EAAE;QACR,aAAa,EAAE,KAAK;KACrB;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEH,eAAe,eAAe,CAAC"}

package/lib/components/organisms/InventoryLineCard/InventoryLineCard.d.ts

@@ -0,0 +1,14 @@
+interface InventoryLineCardProps {
+    style?: any;
+    productName: string;
+    currentQty: number;
+    realQty: number;
+    unit: string;
+    trackingNumber?: {
+        trackingNumberSeq: string;
+    };
+    locker?: string;
+    onPress: () => void;
+}
+declare const InventoryLineCard: ({ style, productName, currentQty, realQty, unit, trackingNumber, locker, onPress, }: InventoryLineCardProps) => JSX.Element;
+export default InventoryLineCard;

package/lib/components/organisms/InventoryLineCard/InventoryLineCard.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, { useMemo } from 'react';
+import { StyleSheet, View, TouchableOpacity } from 'react-native';
+import { Card, Icon, LabelText, Text, useThemeColor, } from '@axelor/aos-mobile-ui';
+import { useTranslator } from '@axelor/aos-mobile-core';
+const InventoryLineCard = ({ style, productName, currentQty, realQty, unit, trackingNumber, locker, onPress, }) => {
+    const Colors = useThemeColor();
+    const I18n = useTranslator();
+    const borderStyle = useMemo(() => {
+        if (realQty == null) {
+            return getStyles(Colors.secondaryColor.background)?.border;
+        }
+        else if (currentQty === realQty) {
+            return getStyles(Colors.primaryColor.background)?.border;
+        }
+        else {
+            return getStyles(Colors.cautionColor.background)?.border;
+        }
+    }, [Colors, currentQty, realQty]);
+    return (<TouchableOpacity onPress={onPress} activeOpacity={0.9}>
+      <Card style={[styles.container, borderStyle, style]}>
+        <View style={styles.textContainer}>
+          <Text style={styles.txtImportant}>{productName}</Text>
+          <LabelText title={`${I18n.t('Stock_DatabaseQty')} :`} value={`${parseFloat(currentQty.toString()).toFixed(2)} ${unit}`}/>
+          {realQty && (<LabelText title={`${I18n.t('Stock_PhysicalQty')} :`} value={`${parseFloat(realQty.toString()).toFixed(2)} ${unit}`}/>)}
+          {locker != null && (<LabelText title={`${I18n.t('Stock_Locker')} :`} value={locker} iconName="map-marker-alt"/>)}
+          {trackingNumber != null && (<LabelText title={`${I18n.t('Stock_TrackingNumber')} :`} value={trackingNumber?.trackingNumberSeq} iconName="qrcode" FontAwesome5={false}/>)}
+        </View>
+        <Icon name="chevron-right" color={Colors.secondaryColor.background_light} size={20}/>
+      </Card>
+    </TouchableOpacity>);
+};
+const getStyles = color => StyleSheet.create({
+    border: {
+        borderWidth: 1.5,
+        borderColor: color,
+    },
+});
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        marginBottom: '2%',
+        paddingRight: 8,
+    },
+    textContainer: {
+        width: '90%',
+        flexDirection: 'column',
+        justifyContent: 'space-between',
+    },
+    txtImportant: {
+        fontSize: 16,
+        fontWeight: 'bold',
+    },
+});
+export default InventoryLineCard;
+//# sourceMappingURL=InventoryLineCard.js.map

package/lib/components/organisms/InventoryLineCard/InventoryLineCard.js.map

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

package/lib/components/organisms/ProductCard/ProductCard.d.ts

@@ -0,0 +1,10 @@
+interface ProductCardProps {
+    style?: any;
+    name: string;
+    code: string;
+    picture: any;
+    availableStock: number | null | undefined;
+    onPress: () => void;
+}
+declare const ProductCard: ({ style, name, code, picture, availableStock, onPress, }: ProductCardProps) => JSX.Element;
+export default ProductCard;

package/lib/components/organisms/ProductCard/ProductCard.js

@@ -0,0 +1,77 @@
+/*
+ * 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, TouchableOpacity, View } from 'react-native';
+import { Badge, Card, Icon, Text, useThemeColor } from '@axelor/aos-mobile-ui';
+import { AOSImage, useTranslator } from '@axelor/aos-mobile-core';
+const ProductCard = ({ style, name, code, picture, availableStock, onPress, }) => {
+    const Colors = useThemeColor();
+    const I18n = useTranslator();
+    return (<TouchableOpacity onPress={onPress} activeOpacity={0.9}>
+      <Card style={[styles.container, style]}>
+        <View style={styles.content}>
+          <AOSImage generalStyle={styles.imageStyle} imageSize={styles.imageSize} resizeMode="contain" metaFile={picture} defaultIconSize={60}/>
+          <View style={styles.textContainer}>
+            <Text style={styles.name}>{name}</Text>
+            <Text style={styles.code}>{code}</Text>
+            <Badge color={availableStock == null
+            ? Colors.secondaryColor
+            : availableStock > 0
+                ? Colors.primaryColor
+                : Colors.errorColor} title={availableStock == null
+            ? `${I18n.t('Stock_Calculing')}...`
+            : availableStock > 0
+                ? I18n.t('Stock_Available')
+                : I18n.t('Stock_Unavailable')}/>
+          </View>
+        </View>
+        <Icon name="chevron-right" color={Colors.secondaryColor.background_light} size={20}/>
+      </Card>
+    </TouchableOpacity>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+    },
+    content: {
+        flexDirection: 'row',
+    },
+    imageSize: {
+        height: 60,
+        width: 60,
+    },
+    imageStyle: {
+        marginRight: 30,
+    },
+    textContainer: {
+        flex: 1,
+        flexDirection: 'column',
+        justifyContent: 'space-between',
+    },
+    name: {
+        fontSize: 18,
+        fontWeight: 'bold',
+    },
+    code: {
+        fontSize: 14,
+    },
+});
+export default ProductCard;
+//# sourceMappingURL=ProductCard.js.map

package/lib/components/organisms/ProductCard/ProductCard.js.map

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

package/lib/components/organisms/ProductCardInfo/ProductCardInfo.d.ts

@@ -0,0 +1,10 @@
+interface ProductCardInfoProps {
+    name: string;
+    code: string;
+    picture: any;
+    trackingNumber?: string;
+    locker?: string;
+    onPress: () => void;
+}
+declare const ProductCardInfo: ({ name, code, picture, trackingNumber, locker, onPress, }: ProductCardInfoProps) => JSX.Element;
+export default ProductCardInfo;

package/lib/components/organisms/ProductCardInfo/ProductCardInfo.js

@@ -0,0 +1,74 @@
+/*
+ * 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 { Icon, Text } from '@axelor/aos-mobile-ui';
+import { AOSImage } from '@axelor/aos-mobile-core';
+import { ProductCardDetails } from '../../molecules';
+const ProductCardInfo = ({ name, code, picture = null, trackingNumber = null, locker = null, onPress = () => { }, }) => {
+    return (<View style={styles.container}>
+      <AOSImage generalStyle={styles.imageStyle} imageSize={styles.imageSize} resizeMode="contain" metaFile={picture} defaultIconSize={60}/>
+      <ProductCardDetails style={styles.textContainer} onPress={onPress}>
+        <Text style={styles.name}>{name}</Text>
+        <Text style={styles.code}>{code}</Text>
+        {trackingNumber && (<View style={styles.labelText}>
+            <Icon name="qrcode" FontAwesome5={false} size={15} style={styles.picto}/>
+            <Text style={styles.code}>{trackingNumber}</Text>
+          </View>)}
+        {locker && (<View style={styles.labelText}>
+            <Icon name="map-marker-alt" size={15} style={styles.picto}/>
+            <Text style={styles.code}>{locker}</Text>
+          </View>)}
+      </ProductCardDetails>
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        width: '100%',
+        marginHorizontal: 16,
+        marginBottom: 10,
+    },
+    imageSize: {
+        height: 60,
+        width: 60,
+    },
+    imageStyle: {
+        marginRight: 10,
+    },
+    textContainer: {
+        flexDirection: 'row',
+        width: '90%',
+    },
+    name: {
+        fontSize: 18,
+        fontWeight: 'bold',
+    },
+    code: {
+        fontSize: 14,
+    },
+    labelText: {
+        flexDirection: 'row',
+    },
+    picto: {
+        marginRight: 5,
+    },
+});
+export default ProductCardInfo;
+//# sourceMappingURL=ProductCardInfo.js.map

package/lib/components/organisms/ProductCardInfo/ProductCardInfo.js.map

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

package/lib/components/organisms/ProductCharacteristics/ProductCharacteristics.d.ts

@@ -0,0 +1,13 @@
+interface ProductCharacteristicsProps {
+    style?: any;
+    picture?: any;
+    onPressImage: () => void;
+    name: string;
+    code: string;
+    category: string;
+    procurMethod: string;
+    prototype: boolean;
+    unrenewed: boolean;
+}
+declare const ProductCharacteristics: ({ style, picture, onPressImage, name, code, category, procurMethod, prototype, unrenewed, }: ProductCharacteristicsProps) => JSX.Element;
+export default ProductCharacteristics;

package/lib/components/organisms/ProductCharacteristics/ProductCharacteristics.js

@@ -0,0 +1,79 @@
+/*
+ * 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, TouchableOpacity, View } from 'react-native';
+import { Badge, Card, Text, useThemeColor } from '@axelor/aos-mobile-ui';
+import { AOSImage, useTranslator } from '@axelor/aos-mobile-core';
+import Product from '../../../types/product';
+const ProductCharacteristics = ({ style, picture, onPressImage, name, code, category, procurMethod, prototype, unrenewed, }) => {
+    const Colors = useThemeColor();
+    const I18n = useTranslator();
+    return (<Card style={[styles.container, style]}>
+      <View style={styles.content}>
+        <TouchableOpacity onPress={onPressImage}>
+          <AOSImage generalStyle={styles.imageStyle} imageSize={styles.imageSize} resizeMode="contain" metaFile={picture} defaultIconSize={120}/>
+        </TouchableOpacity>
+        <View style={styles.textContainer}>
+          <Text style={styles.name}>{name}</Text>
+          <Text style={styles.code}>{code}</Text>
+        </View>
+      </View>
+      <View style={styles.states}>
+        {category && <Badge color={Colors.primaryColor} title={category}/>}
+        {procurMethod && (<Badge color={Colors.plannedColor} title={Product.getProcurementMethod(procurMethod, I18n)}/>)}
+        {prototype && (<Badge color={Colors.priorityColor} title={I18n.t('Stock_Prototype')}/>)}
+        {unrenewed && (<Badge color={Colors.cautionColor} title={I18n.t('Stock_Unrenewed')}/>)}
+      </View>
+    </Card>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'column',
+        alignItems: 'center',
+        backgroundColor: null,
+    },
+    content: {
+        flexDirection: 'row',
+    },
+    states: {
+        flexWrap: 'wrap',
+        flexDirection: 'row',
+        justifyContent: 'flex-start',
+    },
+    imageSize: {
+        height: 120,
+        width: 120,
+    },
+    imageStyle: {
+        marginRight: 32,
+    },
+    textContainer: {
+        flex: 1,
+        flexDirection: 'column',
+        justifyContent: 'space-evenly',
+    },
+    name: {
+        fontSize: 18,
+        fontWeight: 'bold',
+    },
+    code: {
+        fontSize: 14,
+    },
+});
+export default ProductCharacteristics;
+//# sourceMappingURL=ProductCharacteristics.js.map

package/lib/components/organisms/ProductCharacteristics/ProductCharacteristics.js.map

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

package/lib/components/organisms/ProductStockLocationCard/ProductStockLocationCard.d.ts

@@ -0,0 +1,10 @@
+interface ProductStockLocationCardProps {
+    stockLocationName: string;
+    unit: string;
+    realQty: number;
+    futureQty: number;
+    reservedQty: number;
+    availability: number;
+}
+declare const ProductStockLocationCard: ({ stockLocationName, unit, realQty, futureQty, reservedQty, availability, }: ProductStockLocationCardProps) => JSX.Element;
+export default ProductStockLocationCard;

package/lib/components/organisms/ProductStockLocationCard/ProductStockLocationCard.js

@@ -0,0 +1,89 @@
+/*
+ * 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, { useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Badge, Card, Icon, LabelText, Text, useThemeColor, } from '@axelor/aos-mobile-ui';
+import { useTranslator } from '@axelor/aos-mobile-core';
+const ProductStockLocationCard = ({ stockLocationName, unit, realQty, futureQty, reservedQty, availability, }) => {
+    const Colors = useThemeColor();
+    const I18n = useTranslator();
+    const borderStyle = useMemo(() => {
+        if (availability == null) {
+            return getStyles(Colors.secondaryColor.background).container;
+        }
+        else if (availability > 0) {
+            return getStyles(Colors.primaryColor.background).container;
+        }
+        else {
+            return getStyles(Colors.errorColor.background).container;
+        }
+    }, [Colors, availability]);
+    return (<Card style={borderStyle}>
+      <View style={styles.textContainer}>
+        <View style={styles.titleContainer}>
+          <Icon name="warehouse" size={18} style={styles.icon}/>
+          <Text>{stockLocationName}</Text>
+        </View>
+        <LabelText title={`${I18n.t('Stock_RealQty')} :`} value={`${realQty} ${unit}`}/>
+        <LabelText title={`${I18n.t('Stock_FutureQty')} :`} value={`${futureQty} ${unit}`}/>
+        {reservedQty > 0 && (<LabelText iconName="user-tag" title={`${I18n.t('Stock_AllocatedQty')} :`} value={`${reservedQty} ${unit}`}/>)}
+      </View>
+      <View style={styles.badgeContainer}>
+        {(availability == null || availability > 0) && (<Badge title={availability == null
+                ? `${I18n.t('Stock_Calculing')}...`
+                : availability > 0 && `${availability} ${unit}`} color={availability == null
+                ? Colors.secondaryColor
+                : availability > 0 && Colors.primaryColor}/>)}
+      </View>
+    </Card>);
+};
+const getStyles = color => StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        alignSelf: 'center',
+        marginHorizontal: 11,
+        marginBottom: 8,
+        paddingRight: 15,
+        borderLeftWidth: 7,
+        borderLeftColor: color,
+    },
+});
+const styles = StyleSheet.create({
+    titleContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    textContainer: {
+        flex: 3,
+        flexDirection: 'column',
+    },
+    badgeContainer: {
+        flex: 1,
+        flexDirection: 'column',
+        justifyContent: 'flex-start',
+        alignItems: 'center',
+        height: '100%',
+    },
+    icon: {
+        marginRight: 10,
+    },
+});
+export default ProductStockLocationCard;
+//# sourceMappingURL=ProductStockLocationCard.js.map

package/lib/components/organisms/ProductStockLocationCard/ProductStockLocationCard.js.map

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

package/lib/components/organisms/ProductVariantCard/ProductVariantCard.d.ts

@@ -0,0 +1,19 @@
+interface ProductAttribut {
+    attrName: string;
+    attrValue: string;
+    priceExtra: number;
+    applicationPriceSelect: number;
+}
+interface ProductVariantCardProps {
+    style?: any;
+    name: string;
+    code: string;
+    attributesList: {
+        attributes: ProductAttribut[];
+    };
+    picture?: any;
+    stockAvailability: number;
+    onPress: () => void;
+}
+declare const ProductVariantCard: ({ style, name, code, attributesList, picture, stockAvailability, onPress, }: ProductVariantCardProps) => JSX.Element;
+export default ProductVariantCard;