@movalib/movalib-commons 1.63.4 → 1.64.0

package/dist/src/models/Garage.d.ts

@@ -59,5 +59,6 @@ export default class Garage {
     billingToken?: string;
     billingSimulationActive?: boolean;
     appId?: number;
-    constructor(id: string, adminId: string, name: string, address: Address, workforce: number, prestations: Prestation[], schedules: Schedule[], contactPhone: string, prestationCategories: CategoryPrestation[], dayPeriodFastServiceExcluded: boolean, loanerVehicleFastServiceExcluded: boolean, fastServiceThreshold: number, timezone: string, vehicles?: VehicleGarage[], contactEmail?: string, logo?: string, suppliers?: Supplier[], documents?: Document[], subscriptions?: Subscription[], loanerVehicleActive?: boolean, loanerVehicleRequestActive?: boolean, customStyle?: string, subscription?: Subscription, partialWorkforce?: number, mailCustomization?: boolean, billingActive?: boolean, billingToken?: string, billingSimulationActive?: boolean, appId?: number);
+    quoteRequestStart?: Date;
+    constructor(id: string, adminId: string, name: string, address: Address, workforce: number, prestations: Prestation[], schedules: Schedule[], contactPhone: string, prestationCategories: CategoryPrestation[], dayPeriodFastServiceExcluded: boolean, loanerVehicleFastServiceExcluded: boolean, fastServiceThreshold: number, timezone: string, vehicles?: VehicleGarage[], contactEmail?: string, logo?: string, suppliers?: Supplier[], documents?: Document[], subscriptions?: Subscription[], loanerVehicleActive?: boolean, loanerVehicleRequestActive?: boolean, customStyle?: string, subscription?: Subscription, partialWorkforce?: number, mailCustomization?: boolean, billingActive?: boolean, billingToken?: string, billingSimulationActive?: boolean, appId?: number, quoteRequestStart?: Date);
 }

package/dist/src/models/Garage.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var Garage = /** @class */ (function () {
-    function Garage(id, adminId, name, address, workforce, prestations, schedules, contactPhone, prestationCategories, dayPeriodFastServiceExcluded, loanerVehicleFastServiceExcluded, fastServiceThreshold, timezone, vehicles, contactEmail, logo, suppliers, documents, subscriptions, loanerVehicleActive, loanerVehicleRequestActive, customStyle, subscription, partialWorkforce, mailCustomization, billingActive, billingToken, billingSimulationActive, appId) {
+    function Garage(id, adminId, name, address, workforce, prestations, schedules, contactPhone, prestationCategories, dayPeriodFastServiceExcluded, loanerVehicleFastServiceExcluded, fastServiceThreshold, timezone, vehicles, contactEmail, logo, suppliers, documents, subscriptions, loanerVehicleActive, loanerVehicleRequestActive, customStyle, subscription, partialWorkforce, mailCustomization, billingActive, billingToken, billingSimulationActive, appId, quoteRequestStart) {
         this.id = id;
         this.adminId = adminId;
         this.name = name;
@@ -31,6 +31,7 @@ var Garage = /** @class */ (function () {
         this.billingToken = billingToken;
         this.billingSimulationActive = billingSimulationActive;
         this.appId = appId;
+        this.quoteRequestStart = quoteRequestStart;
     }
     return Garage;
 }());

package/index.ts

@@ -120,6 +120,7 @@ export {
 
 // Export des utils
 export { openDialogPrint } from './src/utils/DialogPrint';
+export { getQrCodeBase64} from './src/utils/getQRCodeBase64';
 
 // Export des styles
 export { StyledToggleButton, StyledToggleButtonGroup} from './src/style/styled';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@movalib/movalib-commons",
-	"version": "1.63.4",
+	"version": "1.64.0",
 	"description": "Bibliothèque d'objets communs à l'ensemble des projets React de Movalib",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",

package/src/components/vehicle/VehicleFullCard.tsx

@@ -37,10 +37,7 @@ import {
   MovaAppType,
 } from "../../helpers/Enums";
 import Logger from "../../helpers/Logger";
-import {
-  formatVehiclePlate,
-  formatVehicleTire,
-} from "../../helpers/Tools";
+import { formatVehiclePlate, formatVehicleTire } from "../../helpers/Tools";
 import { MovaFormField, MovaVehicleForm } from "../../helpers/Types";
 import User from "../../models/User";
 import Vehicle from "../../models/Vehicle";
@@ -73,6 +70,8 @@ const initialUserFormState = {
   tireSpeedIndex: { value: "", isValid: true },
   lastInspectionDate: { value: null, isValid: true },
   lastMaintenanceDate: { value: null, isValid: true },
+  tireBrand: { value: "", isValid: true },
+  tireProfile: { value: "", isValid: true },
 };
 
 const VehicleFullCard: FC<VehicleFullCardProps> = ({
@@ -183,6 +182,14 @@ const VehicleFullCard: FC<VehicleFullCardProps> = ({
             : null,
         },
       }));
+      setForm((prevForm) => ({
+        ...prevForm,
+        tireBrand: { ...prevForm["tireBrand"], value: vehicle.tireBrand },
+      }));
+      setForm((prevForm) => ({
+        ...prevForm,
+        tireProfile: { ...prevForm["tireProfile"], value: vehicle.tireProfile },
+      }));
 
       if (isVehicleTireSizeDefined(vehicle)) {
         setForm((prevForm) => ({
@@ -350,6 +357,8 @@ const VehicleFullCard: FC<VehicleFullCardProps> = ({
             : undefined,
         lastInspectionDate: form.lastInspectionDate.value,
         lastMaintenanceDate: form.lastMaintenanceDate.value,
+        tireBrand: form.tireBrand.value,
+        tireProfile: form.tireProfile.value,
       };
       Logger.info(query);
 
@@ -438,7 +447,9 @@ const VehicleFullCard: FC<VehicleFullCardProps> = ({
                     color={theme.palette.text.primary}
                     sx={{ position: "absolute", top: "8px", left: "76px" }}
                   >
-                    <b>{formatVehiclePlate(vehicle.plate, vehicle.foreignPlate)}</b>
+                    <b>
+                      {formatVehiclePlate(vehicle.plate, vehicle.foreignPlate)}
+                    </b>
                   </Typography>
                 </Grid>
                 {onDelete && (
@@ -578,6 +589,35 @@ const VehicleFullCard: FC<VehicleFullCardProps> = ({
                   </Grid>
                 </Grid>
               )}
+              {!localEditMode && (
+                <Grid container textAlign="justify" sx={{ pt: 2 }}>
+                  <Grid item xs={6}>
+                    <Typography variant="body1" color="text.secondary">
+                      Marque pneumatiques :
+                    </Typography>
+                  </Grid>
+                  <Grid item xs={6} sx={{ textAlign: "right" }}>
+                    <Typography variant="body1" color="text.secondary">
+                      {vehicle.tireBrand ? <b>{vehicle.tireBrand}</b> : "-"}
+                    </Typography>
+                  </Grid>
+                </Grid>
+              )}
+
+              {!localEditMode && (
+                <Grid container textAlign="justify" sx={{ pt: 2 }}>
+                  <Grid item xs={6}>
+                    <Typography variant="body1" color="text.secondary">
+                      Modèle pneumatiques :
+                    </Typography>
+                  </Grid>
+                  <Grid item xs={6} sx={{ textAlign: "right" }}>
+                    <Typography variant="body1" color="text.secondary">
+                      {vehicle.tireProfile ? <b>{vehicle.tireProfile}</b> : "-"}
+                    </Typography>
+                  </Grid>
+                </Grid>
+              )}
 
               {localEditMode && (
                 <Grid item xs={12} sx={{ mt: 1 }}>
@@ -587,6 +627,41 @@ const VehicleFullCard: FC<VehicleFullCardProps> = ({
                   />
                 </Grid>
               )}
+              {localEditMode && (
+                <Grid item xs={12}>
+                  <TextField
+                    label="Modèle pneumatique"
+                    name="tireProfile"
+                    variant="outlined"
+                    value={form.tireProfile.value}
+                    onChange={(e) => handleInputChange(e)}
+                    error={Boolean(form.tireProfile.error)}
+                    sx={{
+                      width: "100%",
+                      mt: 2,
+                      "& input": { textTransform: "uppercase" }, // CSS pour forcer les majuscules dans l'input
+                    }}
+                  />
+                </Grid>
+              )}
+
+              {localEditMode && (
+                <Grid item xs={12}>
+                  <TextField
+                    label="Marque pneumatique"
+                    name="tireBrand"
+                    variant="outlined"
+                    value={form.tireBrand.value}
+                    onChange={(e) => handleInputChange(e)}
+                    error={Boolean(form.tireBrand.error)}
+                    sx={{
+                      width: "100%",
+                      mt: 2,
+                      "& input": { textTransform: "uppercase" }, // CSS pour forcer les majuscules dans l'input
+                    }}
+                  />
+                </Grid>
+              )}
 
               {!localEditMode && (
                 <Grid container textAlign="justify" sx={{ pt: 2 }}>

package/src/helpers/Enums.ts

@@ -64,6 +64,7 @@ export enum SubscriptionPaymentInterval {
    * Paiement 24 Mois
    */
   TWO_YEARS = "TWO_YEARS",
+  THREE_YEARS = "THREE_YEARS",
 }
 
 export enum RegistrationState {
@@ -92,7 +93,7 @@ export enum RegistrationState {
 export enum VehiclePlateFormat {
   FRENCH_NEW = "FRENCH_NEW",
   FRENCH_OLD = "FRENCH_OLD",
-  FOREIGN = "FOREIGN"
+  FOREIGN = "FOREIGN",
 }
 
 export enum SlotAlgorithm {

package/src/helpers/Types.ts

@@ -1,53 +1,59 @@
 export type MovaValidationForm = {
-    password: MovaFormField,
-    confirmation: MovaFormField,
-    securityCode: MovaFormField,
-    phoneNumber: MovaFormField,
-    acceptsTerms:  MovaFormField,
-}
+  password: MovaFormField;
+  confirmation: MovaFormField;
+  securityCode: MovaFormField;
+  phoneNumber: MovaFormField;
+  acceptsTerms: MovaFormField;
+};
 
-export type AddressFieldName = 'streetName' | 'additional' | 'postalCode' | 'cityName';
+export type AddressFieldName =
+  | "streetName"
+  | "additional"
+  | "postalCode"
+  | "cityName";
 
 export type MovaVehicleForm = {
-    currentMileage: MovaFormField,  // Integer
-    averageMileagePerYear: MovaFormField,  // Integer
-    tireSize: MovaFormField,
-    tireWidth: MovaFormField,
-    tireHeight: MovaFormField,
-    tireDiameter: MovaFormField,
-    tireSpeedIndex: MovaFormField,
-    lastInspectionDate: MovaFormField,
-    lastMaintenanceDate: MovaFormField,
-}
+  currentMileage: MovaFormField; // Integer
+  averageMileagePerYear: MovaFormField; // Integer
+  tireSize: MovaFormField;
+  tireWidth: MovaFormField;
+  tireHeight: MovaFormField;
+  tireDiameter: MovaFormField;
+  tireSpeedIndex: MovaFormField;
+  lastInspectionDate: MovaFormField;
+  lastMaintenanceDate: MovaFormField;
+  tireBrand: MovaFormField;
+  tireProfile: MovaFormField;
+};
 
 /**
  * Type utilisé pour définir un interval sur une objet Schedule
  */
 export type MovaInterval = {
-    startTime: Date | string | null, 
-    endTime: Date | string | null,
-    countryCode: string
-  }
+  startTime: Date | string | null;
+  endTime: Date | string | null;
+  countryCode: string;
+};
 
 export type MovaUserSignUpForm = {
-    firstname: MovaFormField,
-    lastname: MovaFormField,
-    email: MovaFormField,
-    phoneNumber: MovaFormField,
-    password: MovaFormField,
-    gender?: MovaFormField,
-    birthDate?: MovaFormField,
-    acceptsTerms: MovaFormField
-}
+  firstname: MovaFormField;
+  lastname: MovaFormField;
+  email: MovaFormField;
+  phoneNumber: MovaFormField;
+  password: MovaFormField;
+  gender?: MovaFormField;
+  birthDate?: MovaFormField;
+  acceptsTerms: MovaFormField;
+};
 
 export type MovaLoginForm = {
-    email: MovaFormField,
-    password: MovaFormField,
-    phoneNumberEmail: MovaFormField
-}
+  email: MovaFormField;
+  password: MovaFormField;
+  phoneNumberEmail: MovaFormField;
+};
 
 export type MovaFormField = {
-    value?: any,
-    error?: string,
-    isValid?: boolean
-}
+  value?: any;
+  error?: string;
+  isValid?: boolean;
+};

package/src/models/Event.ts

@@ -89,7 +89,8 @@ export default class Event {
   origin?: string;
   quoteLastSendingTime?: Date;
   invoiceSendingDate?: Date;
-  creationDate?: Date;
+  vehicleLoanStart?: Date;
+  vehicleLoanEnd?: Date;  creationDate?: Date;
   updatedDate?: Date;
   quoteFirstSendingTime?: Date;
   lastQuoteCreationDate?: Date;
@@ -122,6 +123,8 @@ export default class Event {
     quoteLastSendingTime?: Date,
     invoiceSendingDate?: Date,
     orders?: order[],
+    vehicleLoanStart?: Date,
+    vehicleLoanEnd?: Date,
     creationDate?: Date,
     updatedDate?: Date,
     lastQuoteCreationDate?: Date,
@@ -163,6 +166,10 @@ export default class Event {
       ? new Date(invoiceSendingDate)
       : undefined;
     this.orders = orders;
+    this.vehicleLoanStart = vehicleLoanStart
+      ? new Date(vehicleLoanStart)
+      : undefined;
+    this.vehicleLoanEnd = vehicleLoanEnd ? new Date(vehicleLoanEnd) : undefined;
     this.creationDate = creationDate ? new Date(creationDate) : undefined;
     this.updatedDate = updatedDate ? new Date(updatedDate) : undefined;
     this.lastQuoteCreationDate = lastQuoteCreationDate

package/src/models/Garage.ts

@@ -65,7 +65,9 @@ export default class Garage {
   billingToken?: string;
   billingSimulationActive?: boolean;
   appId?: number;
-
+  quoteRequestStart?: Date;
+  companyRegistrationNumber?: string;
+  establishmentRegistrationNumber?: string;
   constructor(
     id: string,
     adminId: string,
@@ -95,7 +97,10 @@ export default class Garage {
     billingActive?: boolean,
     billingToken?: string,
     billingSimulationActive?: boolean,
-    appId?: number
+    appId?: number,
+    establishmentRegistrationNumber?: string,
+    companyRegistrationNumber?: string,
+    quoteRequestStart?: Date
   ) {
     this.id = id;
     this.adminId = adminId;
@@ -126,5 +131,8 @@ export default class Garage {
     this.billingToken = billingToken;
     this.billingSimulationActive = billingSimulationActive;
     this.appId = appId;
+    this.quoteRequestStart = quoteRequestStart;
+    this.companyRegistrationNumber = companyRegistrationNumber;
+    this.establishmentRegistrationNumber = establishmentRegistrationNumber;
   }
 }

package/src/models/Subscription.ts

@@ -1,26 +1,29 @@
-import { SubscriptionPaymentInterval, SubscriptionState, SubscriptionType } from "../helpers/Enums";
+import {
+  SubscriptionPaymentInterval,
+  SubscriptionState,
+  SubscriptionType,
+} from "../helpers/Enums";
 interface roiInterface {
-  period: string,
-  turnover: number,
-  nbInvoice: number,
-  nbQuote: number,
-  nbNoShow: number,
-  nbLostQuote: number,
-  moRateOne: number,
-  moRateTwo: number,
-  moRateThree: number,
-  moOne: number,
-  moTwo: number,
-  moThree: number,
-  comment: string,
-  workforce: number,
-  workingTimePerEmployee: number,
-  partialWorkforce:number,
-  workingTimePerPartialEmployee: number
+  period: string;
+  turnover: number;
+  nbInvoice: number;
+  nbQuote: number;
+  nbNoShow: number;
+  nbLostQuote: number;
+  moRateOne: number;
+  moRateTwo: number;
+  moRateThree: number;
+  moOne: number;
+  moTwo: number;
+  moThree: number;
+  comment: string;
+  workforce: number;
+  workingTimePerEmployee: number;
+  partialWorkforce: number;
+  workingTimePerPartialEmployee: number;
+  smsCampaign: boolean;
 }
 export default class Subscription {
-
-
   // Properties
   id: string;
   garageId: string;
@@ -38,24 +41,42 @@ export default class Subscription {
   paymentIban: string;
   roi: roiInterface;
   additionalFormationQuantity: number;
-  additionalFormationFree: boolean;
   webPage: boolean;
   webcam: boolean;
-  plvQuantity: number;
-  plvFree: boolean;
+  billing: boolean;
   trainingOptionalOne: Date;
   trainingOptionalTwo: Date;
+  movaPackage: string;
+  packInfo: boolean;
+  smsCampaign: boolean;
+  checkList: any;
 
-  constructor(id: string, garageId: string, type: SubscriptionType, state: SubscriptionState, companyName: string,
-    companyEmail: string, companySiren: string, companyLegalForm: string, trialDays: number, startDate: Date, activationDate: Date,
-    cancellationDate: Date, paymentInterval: SubscriptionPaymentInterval, paymentIban: string, roi: roiInterface, additionalFormationQuantity: number,
-    additionalFormationFree: boolean,
+  constructor(
+    id: string,
+    garageId: string,
+    type: SubscriptionType,
+    state: SubscriptionState,
+    companyName: string,
+    companyEmail: string,
+    companySiren: string,
+    companyLegalForm: string,
+    trialDays: number,
+    startDate: Date,
+    activationDate: Date,
+    cancellationDate: Date,
+    paymentInterval: SubscriptionPaymentInterval,
+    paymentIban: string,
+    roi: roiInterface,
+    additionalFormationQuantity: number,
     webPage: boolean,
-    plvQuantity: number,
-    plvFree: boolean,
+    smsCampaign: boolean,
     trainingOptionalOne: Date,
     trainingOptionalTwo: Date,
-    webcam: boolean
+    webcam: boolean,
+    billing: boolean,
+    movaPackage: string,
+    packInfo: boolean,
+    checkList: any
   ) {
     this.id = id;
     this.garageId = garageId;
@@ -74,11 +95,13 @@ export default class Subscription {
     this.roi = roi;
     this.webPage = webPage;
     this.additionalFormationQuantity = additionalFormationQuantity;
-    this.additionalFormationFree = additionalFormationFree;
-    this.plvQuantity = plvQuantity;
-    this.plvFree = plvFree;
     this.webcam = webcam;
+    this.billing = billing;
     this.trainingOptionalOne = trainingOptionalOne;
     this.trainingOptionalTwo = trainingOptionalTwo;
+    this.movaPackage = movaPackage;
+    this.packInfo = packInfo;
+    this.smsCampaign = smsCampaign;
+    this.checkList = checkList;
   }
-}
+}

package/src/models/Vehicle.ts

@@ -1,6 +1,6 @@
-import { DigitalPassportIndex } from '../helpers/Enums';
-import Document from './Document';
-import VehicleTire from './VehicleTire';
+import { DigitalPassportIndex } from "../helpers/Enums";
+import Document from "./Document";
+import VehicleTire from "./VehicleTire";
 
 /* AUDI A5 Sportback (F5A, F5F)
 Marque : AUDI
@@ -14,77 +14,82 @@ Cylindrée : 1984 cm3
 Puissance : 140 KW (190 HP) */
 
 export default class Vehicle {
+  // Properties
+  id: number;
+  ownerId: number;
+  averageMileagePerYear: number;
+  plate: string;
+  brand: string;
+  model: string;
+  version: string;
+  vin: string;
+  currentMileage: number;
+  digitalPassportIndex: DigitalPassportIndex;
+  firstRegistrationDate: Date;
+  ktype: string;
+  tireDiameter: string;
+  tireHeight: string;
+  tireSpeedIndex: string;
+  tireWidth: string;
+  documents: Document[];
+  tireSize: VehicleTire;
+  lastInspectionDate: Date;
+  lastMaintenanceDate: Date;
+  foreignPlate: boolean;
+  tireBrand?: string;
+  tireProfile?: string;
 
-     // Properties
-     id: number;
-     ownerId: number;
-     averageMileagePerYear: number;
-     plate: string;
-     brand: string;
-     model: string;
-     version: string;
-     vin: string;
-     currentMileage: number;
-     digitalPassportIndex: DigitalPassportIndex;
-     firstRegistrationDate: Date;
-     ktype: string;
-     tireDiameter: string;
-     tireHeight: string;
-     tireSpeedIndex: string;     
-     tireWidth: string;
-     documents : Document[];
-     tireSize: VehicleTire;
-     lastInspectionDate: Date;
-     lastMaintenanceDate: Date;
-     foreignPlate: boolean;
+  constructor(
+    id: number,
+    ownerId: number,
+    averageMileagePerYear: number,
+    plate: string,
+    brand: string,
+    model: string,
+    version: string,
+    vin: string,
+    currentMileage: number,
+    digitalPassportIndex: DigitalPassportIndex,
+    firstRegistrationDate: Date,
+    ktype: string,
+    tireDiameter: string,
+    tireHeight: string,
+    tireSpeedIndex: string,
+    tireWidth: string,
+    documents: Document[],
+    tireSize: VehicleTire,
+    lastInspectionDate: Date,
+    lastMaintenanceDate: Date,
+    foreignPlate: boolean,
+    tireBrand?: string,
+    tireProfile?: string
+  ) {
+    this.id = id;
+    this.ownerId = ownerId;
+    this.averageMileagePerYear = averageMileagePerYear;
+    this.plate = plate;
+    this.brand = brand;
+    this.model = model;
+    this.version = version;
+    this.vin = vin;
+    this.currentMileage = currentMileage;
+    this.digitalPassportIndex = digitalPassportIndex;
+    this.firstRegistrationDate = firstRegistrationDate;
+    this.ktype = ktype;
+    this.tireDiameter = tireDiameter;
+    this.tireHeight = tireHeight;
+    this.tireSpeedIndex = tireSpeedIndex;
+    this.tireWidth = tireWidth;
+    this.documents = documents;
+    this.tireSize = tireSize;
+    this.lastInspectionDate = lastInspectionDate;
+    this.lastMaintenanceDate = lastMaintenanceDate;
+    this.foreignPlate = foreignPlate;
+    this.tireBrand = tireBrand;
+    this.tireProfile = tireProfile;
+  }
 
-    constructor(
-        id: number,
-        ownerId: number,
-        averageMileagePerYear: number,
-        plate: string,
-        brand: string,
-        model: string,
-        version: string,
-        vin: string,
-        currentMileage: number,
-        digitalPassportIndex: DigitalPassportIndex,
-        firstRegistrationDate: Date,
-        ktype: string,
-        tireDiameter: string,
-        tireHeight: string,
-        tireSpeedIndex: string,
-        tireWidth: string,
-        documents: Document[],
-        tireSize: VehicleTire,
-        lastInspectionDate: Date,
-        lastMaintenanceDate: Date,
-        foreignPlate: boolean
-    ) {
-        this.id = id;
-        this.ownerId = ownerId;
-        this.averageMileagePerYear = averageMileagePerYear;
-        this.plate = plate;
-        this.brand = brand;
-        this.model = model;
-        this.version = version;
-        this.vin = vin;
-        this.currentMileage = currentMileage;
-        this.digitalPassportIndex = digitalPassportIndex;
-        this.firstRegistrationDate = firstRegistrationDate;
-        this.ktype = ktype;
-        this.tireDiameter = tireDiameter;
-        this.tireHeight = tireHeight;
-        this.tireSpeedIndex = tireSpeedIndex;
-        this.tireWidth = tireWidth;
-        this.documents = documents;
-        this.tireSize = tireSize;
-        this.lastInspectionDate = lastInspectionDate;
-        this.lastMaintenanceDate = lastMaintenanceDate;
-        this.foreignPlate = foreignPlate
-    }
-
-    getVehicleLabel() {
-        return `${this.brand} ${this.model} ${this.version}`
-    }
-}
+  getVehicleLabel() {
+    return `${this.brand} ${this.model} ${this.version}`;
+  }
+}

package/src/services/GarageService.ts

@@ -665,6 +665,19 @@ export default class GarageService {
     });
   }
 
+  static editGarageVehicleDateEvent(
+    garageId: string,
+    eventId: string,
+    req: any
+  ): Promise<APIResponse<string>> {
+    return request({
+      url: `${API_BASE_URL}/garage/${garageId}/event/${eventId}/vehicles/dates`,
+      method: APIMethod.PATCH,
+      appType: MovaAppType.GARAGE,
+      body: JSON.stringify(req),
+    });
+  }
+
   static deassignGarageVehicleEvent(
     garageId: string,
     eventId: string

package/src/utils/getQRCodeBase64.tsx

@@ -0,0 +1,45 @@
+import QRCodeStyling from 'qr-code-styling';
+import QRCodeImage from '../assets/images/leaf_yellow_small.png';
+import { Options } from 'qr-code-styling';
+
+export const getQrCodeBase64 = async (url: string, dotsColor: string, cornerColor: string) => {
+
+    const qrCodeOptions: Options = {
+        width: 300,
+        height: 300,
+        type: 'canvas',
+        data: url,
+        image: QRCodeImage,
+        margin: 10,
+        qrOptions: {
+            typeNumber: 0,
+            mode: 'Byte',
+            errorCorrectionLevel: 'Q',
+        },
+        imageOptions: {
+            hideBackgroundDots: true,
+            imageSize: 0.4,
+            margin: 15,
+        },
+        dotsOptions: {
+            color: dotsColor,
+            type: 'square',
+        },
+        backgroundOptions: {
+            color: 'white',
+        },
+        cornersSquareOptions: {
+            color: cornerColor,
+            type: 'square',
+        },
+        cornersDotOptions: {
+            color: cornerColor,
+            type: 'square',
+        },
+    };
+
+    const qrCode = new QRCodeStyling(qrCodeOptions);
+
+    const qrCodeBase64 = await qrCode.getRawData("png");
+    return qrCodeBase64;
+};