making sure the bin uses the correct data when using libracart as an inventory control

package-lock.json

@@ -42,7 +42,7 @@
         "mui-tel-input": "^7.0.0",
         "notistack": "^3.0.1",
         "openweathermap-ts": "^1.2.10",
-        "protobuf-ts": "git+https://gitlab+deploy-token-50627:hv8mB4WkyvtjBpJKU1rN@gitlab.com/brandx/protobuf-ts.git#dev",
+        "protobuf-ts": "git+https://gitlab+deploy-token-50627:hv8mB4WkyvtjBpJKU1rN@gitlab.com/brandx/protobuf-ts.git#libracart",
         "query-string": "^9.2.1",
         "react": "^18.3.1",
         "react-beautiful-dnd": "^13.1.1",
@@ -10911,7 +10911,7 @@
     },
     "node_modules/protobuf-ts": {
       "version": "1.0.0",
-      "resolved": "git+https://gitlab+deploy-token-50627:hv8mB4WkyvtjBpJKU1rN@gitlab.com/brandx/protobuf-ts.git#1f0c0924fc9bca00e4512a29ffa75904cc8468c0",
+      "resolved": "git+https://gitlab+deploy-token-50627:hv8mB4WkyvtjBpJKU1rN@gitlab.com/brandx/protobuf-ts.git#c68c727be5b1076bbb534996a13d5e3285c6ca68",
       "dependencies": {
         "protobufjs": "^6.8.8"
       }

package.json

@@ -54,7 +54,7 @@
     "mui-tel-input": "^7.0.0",
     "notistack": "^3.0.1",
     "openweathermap-ts": "^1.2.10",
-    "protobuf-ts": "git+https://gitlab+deploy-token-50627:hv8mB4WkyvtjBpJKU1rN@gitlab.com/brandx/protobuf-ts.git#dev",
+    "protobuf-ts": "git+https://gitlab+deploy-token-50627:hv8mB4WkyvtjBpJKU1rN@gitlab.com/brandx/protobuf-ts.git#libracart",
     "query-string": "^9.2.1",
     "react": "^18.3.1",
     "react-beautiful-dnd": "^13.1.1",

src/bin/BinSettings.tsx

@@ -58,7 +58,7 @@ import { Bin } from "models";
 import moment from "moment";
 import { GetBinShapeDescribers } from "pbHelpers/Bin";
 import { pond } from "protobuf-ts/pond";
-import { useBinAPI, useBinYardAPI, useGlobalState } from "providers";
+import { useBinAPI, useBinYardAPI, useGlobalState, useLibraCartProxyAPI } from "providers";
 import React, { useCallback, useEffect, useState } from "react";
 // import { useHistory } from "react-router";
 import { getDistanceUnit, or, getTemperatureUnit, getGrainUnit } from "utils";
@@ -176,7 +176,7 @@ export default function BinSettings(props: Props) {
   const grainOptions = GrainOptions();
   const grainUseOptions = GetGrainUseOptions();
   const [inputCapacity, setInputCapacity] = useState<string>("");
-  const [{ as }] = useGlobalState();
+  const [{ user, as }] = useGlobalState();
   const [grainDiff, setGrainDiff] = useState(0);
   const [isCustomInventory, setIsCustomInventory] = useState<boolean>(false);
   const [grainUpdate, setGrainUpdate] = useState(false);
@@ -197,10 +197,13 @@ export default function BinSettings(props: Props) {
   const [inventoryControl, setInventoryControl] = useState<pond.BinInventoryControl>(
     pond.BinInventoryControl.BIN_INVENTORY_CONTROL_UNKNOWN
   );
-
   const [storageType, setStorageType] = useState<pond.BinStorage>(
     pond.BinStorage.BIN_STORAGE_SUPPORTED_GRAIN
   );
+  //libracart stuff
+  const libracartAPI = useLibraCartProxyAPI()
+  const [lcDestination, setlcDestination] = useState<Option | null>()
+  const [lcDestinationOptions, setlcDestinationOptions] = useState<Option[]>([])
 
   useEffect(() => {
     if (open) {
@@ -365,9 +368,34 @@ export default function BinSettings(props: Props) {
     }
   }, [binYardAPI, form.yardKey, userID, as, props.binYards]);
 
+  const loadLibraCartDestinations = useCallback(()=>{
+    if(inventoryControl === pond.BinInventoryControl.BIN_INVENTORY_CONTROL_LIBRACART){
+      //load the destinations for the user/team they are viewing as
+      let options: Option[] = []
+      libracartAPI.listDestinations(0,0,undefined, as)
+      .then(resp=>{
+        console.log(resp)
+        //set the options for the search select
+        resp.data.destinations.forEach(d => {
+          let newOp: Option = {
+            label: d.name,
+            value: d.id
+          }
+          options.push(newOp)
+          //set the current option based on the key in the form
+          if (d.id === form.libracartDestinationKey){
+            setlcDestination(newOp)
+          }
+        })
+        setlcDestinationOptions(options)
+      }).catch(()=>{})
+    }
+  },[libracartAPI, inventoryControl, as, form.libracartDestinationKey])
+
   useEffect(() => {
     loadBinYards();
-  }, [loadBinYards]);
+    loadLibraCartDestinations();
+  }, [loadBinYards, loadLibraCartDestinations]);
 
   useEffect(() => {
     if (bin?.settings.specs?.bushelCapacity) {
@@ -458,6 +486,7 @@ export default function BinSettings(props: Props) {
           form.inventory.inventoryControl = inventoryControl
           form.inventory.autoThreshold = autoFillThreshold
         }
+        console.log(form)
         binAPI
           .updateBin(bin.key(), form, as)
           .then(response => {
@@ -713,6 +742,8 @@ export default function BinSettings(props: Props) {
         return "Auto (cable)"
       case pond.BinInventoryControl.BIN_INVENTORY_CONTROL_HYBRID_LIDAR:
         return "Hybrid (lidar)"
+      case pond.BinInventoryControl.BIN_INVENTORY_CONTROL_LIBRACART:
+        return "Auto (LibraCart)"
       default:
         return "Manual"
     }
@@ -860,7 +891,7 @@ export default function BinSettings(props: Props) {
               <FormControlLabel
                 value={pond.BinInventoryControl.BIN_INVENTORY_CONTROL_AUTOMATIC}
                 control={<Radio />}
-                label={"Auto"}
+                label={"Auto (Cable)"}
               />
               <FormControlLabel
                 value={pond.BinInventoryControl.BIN_INVENTORY_CONTROL_AUTOMATIC_LIDAR}
@@ -872,6 +903,13 @@ export default function BinSettings(props: Props) {
                 control={<Radio />}
                 label={"Hybrid (Lidar)"}
               />
+              {user.hasFeature("libra-cart") &&
+                <FormControlLabel
+                  value={pond.BinInventoryControl.BIN_INVENTORY_CONTROL_LIBRACART}
+                  control={<Radio />}
+                  label={"Auto (LibraCart)"}
+                />
+              }
             </RadioGroup>
           </AccordionDetails>
           {inventoryControl === pond.BinInventoryControl.BIN_INVENTORY_CONTROL_AUTOMATIC &&
@@ -912,6 +950,25 @@ export default function BinSettings(props: Props) {
               />
             </Box>
           }
+          {inventoryControl === pond.BinInventoryControl.BIN_INVENTORY_CONTROL_LIBRACART &&
+            <Box width="100%" padding={2}>
+              <SearchSelect 
+                label="LibraCart Destination"
+                selected={lcDestination}
+                changeSelection={option => {
+                  let newForm = form;
+                  newForm.libracartDestinationKey = option?.value;
+                  setForm(newForm);
+                  setlcDestination(option ? option : null);
+                }}
+                disabled={!canEdit}
+                options={lcDestinationOptions}
+              />
+              <Typography variant="caption">
+                The linked bins inventory will be adjusted When the LibraCart Destination data is synced every 6 hours
+              </Typography>
+            </Box>
+          }
         </Accordion>
         {empty ? (
           <Box marginTop={3} display="flex" flexDirection="column" alignItems="center">

src/bin/graphs/BinLevelOverTime.tsx

@@ -238,7 +238,8 @@ export default function BinLevelOverTime(props: Props) {
     let control = bin.inventoryControl()
     //for automatic lidar and cables get the data from measurements as an object measurement
     if(control === pond.BinInventoryControl.BIN_INVENTORY_CONTROL_AUTOMATIC_LIDAR ||
-       control === pond.BinInventoryControl.BIN_INVENTORY_CONTROL_AUTOMATIC
+       control === pond.BinInventoryControl.BIN_INVENTORY_CONTROL_AUTOMATIC ||
+       control === pond.BinInventoryControl.BIN_INVENTORY_CONTROL_LIBRACART
     ){
       //load the measurement data for the bar graph
       loadMeasurementData()
@@ -307,7 +308,8 @@ export default function BinLevelOverTime(props: Props) {
       {dataLoading ? <CircularProgress /> : inventoryChart()}
       {/* when using auto will need to make a new chart just for the bin modes since the auto inventory comes from another place */}
       {(bin.inventoryControl() === pond.BinInventoryControl.BIN_INVENTORY_CONTROL_AUTOMATIC_LIDAR ||
-        bin.inventoryControl() === pond.BinInventoryControl.BIN_INVENTORY_CONTROL_AUTOMATIC) && autoBinModeChart()}
+        bin.inventoryControl() === pond.BinInventoryControl.BIN_INVENTORY_CONTROL_AUTOMATIC || 
+        bin.inventoryControl() === pond.BinInventoryControl.BIN_INVENTORY_CONTROL_LIBRACART) && autoBinModeChart()}
     </Card>
   );
 }

src/integrations/LibraCart/LibraCartAccess.tsx

@@ -1,3 +1,4 @@
+import { Help } from "@mui/icons-material";
 import {
   Avatar,
   Box,
@@ -5,9 +6,11 @@ import {
   DialogActions,
   DialogContent,
   DialogTitle,
-  Grid,
+  Grid2 as Grid,
   MenuItem,
-  TextField
+  TextField,
+  Tooltip,
+  Typography
 } from "@mui/material";
 import ResponsiveDialog from "common/ResponsiveDialog";
 import { teamScope, User } from "models";
@@ -15,7 +18,6 @@ import { pond } from "protobuf-ts/pond";
 import { useSnackbar, useUserAPI } from "providers";
 import { useLibraCartProxyAPI } from "providers/pond/libracartProxyAPI";
 import React, { useEffect, useState } from "react";
-import { useLocation } from "react-router";
 import TeamSearch from "teams/TeamSearch";
 
 export default function LibraCartAccess() {
@@ -109,7 +111,7 @@ export default function LibraCartAccess() {
           {teamUsers.map(u => (
             <MenuItem key={u.id()} value={u.id()}>
               <Grid container direction="row" alignItems="center">
-                <Grid item>
+                <Grid>
                   <Avatar
                     alt={u.name()}
                     src={
@@ -117,7 +119,7 @@ export default function LibraCartAccess() {
                     }
                   />
                 </Grid>
-                <Grid item>
+                <Grid>
                   <Box marginLeft={2}>{u.name()}</Box>
                 </Grid>
               </Grid>
@@ -174,6 +176,8 @@ export default function LibraCartAccess() {
 
   return (
     <Box style={{ padding: 10 }}>
+      <Grid container direction="row" alignContent="center" alignItems="center" wrap="nowrap">
+        <Grid>
       <Button
         variant="contained"
         color="primary"
@@ -183,8 +187,18 @@ export default function LibraCartAccess() {
         }}>
         Link Libra Cart Account
       </Button>
-      To integrate with Libra Cart, navigate to Integrations page on Libra Cart and "Connect" to
+        </Grid>
-      Adaptive Agriculture App: https://staging.cloud.agrimatics.com/grain/integrations
+        <Grid>
+          <Tooltip 
+            title='The integration can be found by selecting my account in the corner, selecting the "Manage Account" option and then selecting integrations in the left side menu'
+          >
+          <Help />
+          </Tooltip>
+        </Grid>
+
+      </Grid>
+
+
       {newOrgDialog()}
     </Box>
   );

src/models/Bin.ts

@@ -126,8 +126,11 @@ export class Bin {
   }
 
   public bushels(): number {
+    console.log(this)
+    let control = this.settings.inventory?.inventoryControl;
     let bushels = this.settings.inventory?.grainBushels || 0
-    if (this.settings.inventory?.inventoryControl === pond.BinInventoryControl.BIN_INVENTORY_CONTROL_AUTOMATIC_LIDAR){
+    if (control === pond.BinInventoryControl.BIN_INVENTORY_CONTROL_AUTOMATIC_LIDAR ||
+        control === pond.BinInventoryControl.BIN_INVENTORY_CONTROL_LIBRACART){
       bushels = this.status.grainBushels
     }
     return bushels

src/pages/LibraCart.tsx

@@ -1,7 +1,4 @@
 import {
-  Accordion,
-  AccordionDetails,
-  AccordionSummary,
   Box,
   Button,
   Checkbox,
@@ -10,7 +7,6 @@ import {
   MenuItem,
   Select
 } from "@mui/material";
-import { ExpandMore } from "@mui/icons-material";
 import LibraCartAccess from "integrations/LibraCart/LibraCartAccess";
 import { pond } from "protobuf-ts/pond";
 import { useGlobalState } from "providers";
@@ -22,7 +18,6 @@ export default function LibraCart() {
   const [currentOrg, setCurrentOrg] = useState("");
   const libracartAPI = useLibraCartProxyAPI();
   const [organizations, setOrganizations] = useState<Map<string, pond.LibraCartAccount>>(new Map());
-  const [fieldAccordion, setFieldAccordion] = useState(false);
   const [dataOptions, setDataOptions] = useState<pond.DataOption[]>([]);
   const [{ as }] = useGlobalState();
 
@@ -32,9 +27,10 @@ export default function LibraCart() {
     libracartAPI
       .listAccounts(0, 0, as)
       .then(resp => {
-        let tempOrgs: Map<string, pond.JDAccount> = new Map();
+        let tempOrgs: Map<string, pond.LibraCartAccount> = new Map();
+        console.log(resp)
         resp.data.accounts.forEach(org => {
-          let organization = pond.JDAccount.fromObject(org);
+          let organization = pond.LibraCartAccount.fromObject(org);
           tempOrgs.set(organization.key, organization);
         });
         setOrganizations(tempOrgs);
@@ -73,34 +69,25 @@ export default function LibraCart() {
   const fieldOptions = () => {
     return (
       <React.Fragment>
-        <Accordion
-          expanded={fieldAccordion}
-          onChange={(_, expanded) => {
-            setFieldAccordion(expanded);
-          }}>
-          <AccordionSummary expandIcon={<ExpandMore />}>Field Data</AccordionSummary>
-          <AccordionDetails>
             <Grid container direction="row" spacing={2} alignItems="center" alignContent="center">
               <Grid size={6}>
                 <FormControlLabel
-                  label="Field Boundaries"
+                  label="Destinations"
                   control={
                     <Checkbox
-                      checked={dataOptions.includes(pond.DataOption.DATA_OPTION_FIELDS)}
+                      checked={dataOptions.includes(pond.DataOption.DATA_OPTION_DESTINATIONS)}
                       onChange={(_, checked) => {
                         //setFields(!fields);
-                        updateOrgData(checked, pond.DataOption.DATA_OPTION_FIELDS);
+                        updateOrgData(checked, pond.DataOption.DATA_OPTION_DESTINATIONS);
                       }}
                     />
                   }
                 />
               </Grid>
               <Grid size={6}>
-                View your data from Libra Cart on your visual Farm
+                  Import your destinations for the option to link it to a bin
               </Grid>
             </Grid>
-          </AccordionDetails>
-        </Accordion>
       </React.Fragment>
     );
   };
@@ -117,7 +104,7 @@ export default function LibraCart() {
         <Grid>
           <Select
             //style={{ maxWidth: 110 }}
-            title="John Deer Account"
+            title="LibraCart Account"
             displayEmpty
             disableUnderline={true}
             value={currentOrg}

src/providers/pond/libracartProxyAPI.tsx

@@ -27,15 +27,12 @@ export interface ILibraCartProxyAPIContext {
     options: pond.DataOption[],
     as?: string
   ) => Promise<AxiosResponse<pond.UpdateLibraCartAccountResponse>>;
-  listFields: (
+  listDestinations: (
     limit: number,
     offset: number,
-    // order?: "asc" | "desc",
+    libracartKey?: string,
-    // orderBy?: string,
+    as?: string
-    // search?: string,
+  ) => Promise<AxiosResponse<pond.ListLibraCartDestinationsResponse>>;
-    as?: string,
-    asRoot?: boolean
-  ) => Promise<AxiosResponse<pond.ListLibraCartFieldsResponse>>;
 }
 
 export const LibraCartProxyAPIContext = createContext<ILibraCartProxyAPIContext>(
@@ -91,28 +88,6 @@ export default function LibraCartProvider(props: PropsWithChildren<Props>) {
     );
   };
 
-  const listFields = (
-    limit: number,
-    offset: number,
-    // order?: "asc" | "desc",
-    // orderBy?: string,
-    // search?: string,
-    as?: string,
-    asRoot?: boolean
-  ) => {
-    return get<pond.ListFieldsResponse>(
-      pondURL(
-        "/libracartFields" +
-          "?limit=" +
-          limit +
-          "&offset=" +
-          offset +
-          (as ? "&as=" + as : "") +
-          (asRoot ? "&asRoot=" + asRoot.toString() : "")
-      )
-    );
-  };
-
   const updateAccount = (key: string, options: pond.DataOption[], as?: string) => {
     return put<pond.UpdateLibraCartAccountResponse>(
       pondURL(
@@ -121,13 +96,21 @@ export default function LibraCartProvider(props: PropsWithChildren<Props>) {
     );
   };
 
+  const listDestinations = (limit: number, offset: number, libracartKey?: string, as?: string) => {
+    return get<pond.ListLibraCartDestinationsResponse>(
+      pondURL(
+        "/libracartDestinations?limit" + limit + "&offset=" + offset + (libracartKey ? "&libracartKey=" + libracartKey : "") + (as ? "&as=" + as : "")
+      )
+    )
+  }
+
   return (
     <LibraCartProxyAPIContext.Provider
       value={{
         addAccount,
         listAccounts,
         updateAccount,
-        listFields
+        listDestinations
       }}>
       {children}
     </LibraCartProxyAPIContext.Provider>