Encoding slashes

src/helpers/url-query-string-encoder.js

@@ -0,0 +1,8 @@
+/**
+ * Replaces all instances of '/' with '%2F'
+ * @param {string} parameter 
+ * @returns string with '/' replaced with '%2F'
+ */
+export default function encodeParameter(parameter) {
+    return parameter.split('/').join('%2F')
+}

src/store/index.js

@@ -28,6 +28,7 @@ import partNumberStrings from '@/constants/part-number-strings';
 import { getLineItemsFlattened } from '@/helpers/line-items-helper';
 import { buildQueryStringParameterFromArrayOfComplexObjects, getLineItemQueryString, getTaxLineItemQueryString } from '@/helpers/querystring-helper';
 import coverageType from '@/constants/coverage-type';
+import encodeParameter from '@/helpers/url-query-string-encoder';
 
 const storeId = 'main';
 
@@ -477,17 +478,20 @@ export const useMainStore = defineStore({
         },
 
         getVehicleModels() {
+            const encodedMake = encodeParameter(this.order.vehicle.make);
             return globalMethods.callHttpClient({
                 method: endpoints.GetVehicleModels.method,
-                endpoint: `${endpoints.GetVehicleModels.url}/${this.order.vehicle.year}/${this.order.vehicle.make}`,
+                endpoint: `${endpoints.GetVehicleModels.url}/${this.order.vehicle.year}/${encodedMake}`,
                 payload: {}
             });
         },
 
         getVehicleStyles() {
+            const encodedMake = encodeParameter(this.order.vehicle.make);
+            const encodedModel = encodeParameter(this.order.vehicle.model);
             return globalMethods.callHttpClient({
                 method: endpoints.GetVehicleStyles.method,
-                endpoint: `${endpoints.GetVehicleStyles.url}/${this.order.vehicle.year}/${this.order.vehicle.make}/${this.order.vehicle.model}`,
+                endpoint: `${endpoints.GetVehicleStyles.url}/${this.order.vehicle.year}/${encodedMake}/${encodedModel}`,
                 payload: {}
             });
         },