@protacon/muster-booking-frontend 1.27.1 → 1.28.0

package/dist/styles.bundle.css

@@ -373,6 +373,26 @@ input[type="radio"]:checked::before {
 	padding: 0px;
 }
 
+.rounded-circle-vehicle {
+	width: auto;
+	margin: 0px;
+	background-color: transparent;
+	position: relative;
+}
+.icon-booking-vehicle {
+ color: #000000;
+}
+
+.vehicle-info {
+	width: 100%;
+}
+
+.vehicle-card-row {
+	display: flex;
+	justify-content: space-between;
+	width: 100%;
+}
+
 .vehicle-step-component .plate-load-icon {
 	width: 64px;
 	height: 64px;
@@ -455,6 +475,10 @@ input[type="radio"]:checked::before {
 }
 
 @media screen and (max-width: 991px) {
+	.form-check-container {
+		margin-bottom: 0.5rem;
+	}
+
 	.vehicle-step-component .plate-container {
 		background-size: 28px;
 		height: 66px;
@@ -482,6 +506,12 @@ input[type="radio"]:checked::before {
 		width: 48px;
 		height: 48px;
 	}
+
+	.header-text{
+		margin: 0;
+		margin-top: 8px;
+		margin-bottom: 8px;
+	}
 }
 
 @media screen and (max-width: 424px) {
@@ -513,12 +543,6 @@ input[type="radio"]:checked::before {
 		width: 40px;
 		height: 40px;
 	}
-
-	.header-text{
-		margin: 0;
-		margin-top: 8px;
-		margin-bottom: 8px;
-	}
 }
 
 .list-remark {
@@ -550,7 +574,7 @@ input[type="radio"]:checked::before {
 	flex-direction: column;
 	width: 50%;
 	height: 100%;
-	overflow-y: hidden;
+	overflow-y: auto;
 	padding-right: 32px;
 }
 
@@ -562,8 +586,7 @@ input[type="radio"]:checked::before {
 .row-container-left-body {
 	display: flex;
 	flex-direction: column;
-	overflow-y: auto;
-	overflow-x: hidden;
+	height: auto;
 }
 
 .row-container-right {
@@ -611,7 +634,7 @@ input[type="checkbox"] {
 
 /*For pagination component*/
 .page-item.active .page-link {
-    z-index: 1;
+    z-index: auto;
     color: #fff !important;
     background-color: #3A7203 !important;
     border-color: #3A7203 !important;
@@ -640,13 +663,13 @@ input[type="checkbox"] {
 	}
 	.row-container-right.show-map {
 		display: flex;
-		height: 100%;
+		height: 50vh;
 		width: 100%;
 		padding: 0px;
 	}
 	.station-step-component {
 		flex-direction: column;
-		height: 100vh;
+		height: auto;
 	}
 	.map-button {
 		display: inline-block;
@@ -760,6 +783,7 @@ input[type="checkbox"] {
 	width: 100%;
 	justify-content: space-between;
 	flex-direction: row;
+	height: auto;
 }
 
 .dropdown-toggle::after {
@@ -770,7 +794,7 @@ input[type="checkbox"] {
     color: #95C01F !important;
 	height: auto;
 	width: auto;
-    padding: 5px;
+    padding: 0 5px 0 5px;
     background-color: transparent !important;
     border: none;
 	margin: auto;
@@ -920,6 +944,9 @@ input[type="checkbox"] {
 }
 .react-datepicker__current-month {
 	font-size: 1em;
+	display: inline-flex;
+    width: 75%;
+    justify-content: space-around;
 }
 .react-datepicker__navigation {
 	top: 1em;
@@ -993,7 +1020,7 @@ input[type="checkbox"] {
 	overflow-y: auto;
 }
 
-.calendar-footer {
+.calendar-button {
 	display: none;
 }
 
@@ -1022,20 +1049,9 @@ input[type="checkbox"] {
 		height: auto;
 		flex-direction: column;
 	}
-	.calendar-footer {
-		display: inline;
-		width: 100%;
-		height: 50px;
-		display: flex;
-		margin-top: -10px;
-		border-radius: 0 0 7px 7px;
-		justify-content: center;
-		background-color: #F9F9F9;
-	}
 	.calendar-button {
 		border: none;
 		background-color: inherit;
-		padding: 14px 28px;
 		font-size: 16px;
 		cursor: pointer;
 		display: inline-block;
@@ -1047,6 +1063,9 @@ input[type="checkbox"] {
 		margin: 0;
 		padding: 0;
 	}
+	.calendar-header-buttons-container {
+		height: 16px;
+	}
 	.price-text {
 		font-weight: 200;
 		font-size: 12px;
@@ -1078,7 +1097,7 @@ input[type="checkbox"] {
 	}
 
 	.row-container-right-prices {
-		margin-top: 16px;
+		margin-top: 0px;
 		padding: 0px;
 		height: auto;
 		width: 100%;
@@ -1436,7 +1455,7 @@ body {
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 }
 
-.campaing-code {
+.campaign-code {
     border-radius: 5px 0 0 5px;
 }
 
@@ -1483,7 +1502,7 @@ input[type="checkbox"].form-check-input-booking {
     font-size: 16px;
     line-height: 24px;
     padding: 16px;
-    width: 150px;
+    width: auto;
     height: 56px;
 }
 
@@ -1538,7 +1557,7 @@ input[type="checkbox"].form-check-input-booking {
 
     .booking-component {
         max-height: none;
-        height: calc(100vh - 97px);
+        height: 100%;
     }
 
     .booking-component-body-div {
@@ -1547,13 +1566,9 @@ input[type="checkbox"].form-check-input-booking {
 
     .button-container {
         bottom: 0;
-        position: absolute;
+        position: fixed;
         background-color: #ffffff;
     }
-
-    .booking-component-body {
-        margin-bottom: 140px;
-    }
 }
 
 @media screen and (max-height: 1100px) and (min-width: 991px) {

package/package.json

@@ -4,20 +4,21 @@
   "author": "Muster by Pinja",
   "license": "SEE LICENSE IN LICENSE.md",
   "main": "/dist/index.bundle.js",
-  "version": "1.27.1",
+  "version": "1.28.0",
   "scripts": {
     "start": "webpack-dev-server",
     "build": "cross-env NODE_ENV=production OUTPUT=library webpack --progress",
     "build-web": "cross-env NODE_ENV=production webpack",
     "lint": "eslint --ext js,jsx,ts,tsx .",
     "test": "echo \"Error: no test specified\" && exit 1",
-    "copywebconfig": "copy web.config dist\\web.config"
+    "copywebconfig": "cp web.config dist\\web.config"
   },
   "dependencies": {
     "@react-google-maps/api": "^1.13.0",
     "@types/react": "^16.14.5",
     "@types/react-dom": "^16.9.12",
     "immutable-ics": "^0.4.0",
+    "js-sha256": "0.11.0",
     "mdi-react": "^5.6.0",
     "moment-timezone": "^0.5.40",
     "promise-polyfill": "^8.2.0",
@@ -58,10 +59,10 @@
     "react-redux": "^7.2.3",
     "source-map-loader": "^0.2.4",
     "typescript": "^3.9.9",
-    "webpack": "^5.75.0",
-    "webpack-bundle-analyzer": "^4.8.0",
-    "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^4.11.1",
-    "webpack-node-externals": "^3.0.0"
+    "webpack": "5.98.0",
+    "webpack-bundle-analyzer": "4.10.2",
+    "webpack-cli": "6.0.1",
+    "webpack-dev-server": "5.2.1",
+    "webpack-node-externals": "3.0.0"
   }
 }