IO-879 Added bill enter cancel confirmation

bodyshop_translations.babel

@@ -12102,6 +12102,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>cancel</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                     <concept_node>
                                         <name>confirmpassword</name>
                                         <definition_loaded>false</definition_loaded>

client/src/components/bill-enter-modal/bill-enter-modal.container.jsx

@@ -191,7 +191,10 @@ function BillEnterModalContainer({
   };
 
   const handleCancel = () => {
-    toggleModalVisible();
+    const r = window.confirm(t("general.labels.cancel"));
+    if (r === true) {
+      toggleModalVisible();
+    }
   };
 
   useEffect(() => {
@@ -227,6 +230,7 @@ function BillEnterModalContainer({
       width={"90%"}
       visible={billEnterModal.visible}
       okText={t("general.actions.save")}
+      keyboard="false"
       onOk={() => form.submit()}
       onCancel={handleCancel}
       afterClose={() => form.resetFields()}

client/src/translations/en_us/common.json

@@ -778,6 +778,7 @@
 				"actions": "Actions",
 				"areyousure": "Are you sure?",
 				"barcode": "Barcode",
+				"cancel": "Are you sure you want to cancel? Your changes will not be saved.",
 				"confirmpassword": "Confirm Password",
 				"email": "Email",
 				"errors": "Errors",

client/src/translations/es/common.json

@@ -778,6 +778,7 @@
 				"actions": "Comportamiento",
 				"areyousure": "",
 				"barcode": "código de barras",
+				"cancel": "",
 				"confirmpassword": "",
 				"email": "",
 				"errors": "",

client/src/translations/fr/common.json

@@ -778,6 +778,7 @@
 				"actions": "actes",
 				"areyousure": "",
 				"barcode": "code à barre",
+				"cancel": "",
 				"confirmpassword": "",
 				"email": "",
 				"errors": "",