@everymatrix/cashier-method-details 1.43.0 → 1.43.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/cashier-method-details",
-  "version": "1.43.0",
+  "version": "1.43.2",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2b46cd3311230285da87ca4b133f9dd5735a0db7"
+  "gitHead": "0477411e57fe6c3eda8ff28059aa540dcada8ae0"
 }

package/src/CashierMethodDetails.svelte

@@ -16,6 +16,8 @@
   import "flatpickr/dist/flatpickr.min.css";
   import FlatpickrLanguages from "flatpickr/dist/l10n";
   import dayjs from 'dayjs';
+  import utc from 'dayjs/plugin/utc';
+  dayjs.extend(utc);
   import customParseFormat from 'dayjs/plugin/customParseFormat';
   import type {DateTimeFormat, PaymentMethod} from "./CashierMethodDetails.types";
   export class PaymentMethodDetails {
@@ -161,7 +163,7 @@
     Placeholder = 'Placeholder',
     Format = 'Format'
   }
-  
+
   const defaultDateTimeFormatMap = new Map<FieldTypes, DateTimeFormat>([
     [FieldTypes.Date, {Placeholder: 'MM/DD/YYYY', Format: '^\\d{2}\/\\d{2}\/\\d{4}$' }],
     [FieldTypes.Time, { Placeholder: 'HH:mm', Format: '^\\d{2}:\\d{2}$' }],
@@ -372,6 +374,7 @@
     const headers = new Headers();
     headers.append("accept", "application/json");
     headers.append("Content-Type", "application/json");
+    headers.append("X-Client-Request-Timestamp", dayjs.utc().format("YYYY-MM-DD HH:mm:ss.SSS"));
     const requestParams:RequestInit = {
       method: "POST",
       mode: "cors",
@@ -508,7 +511,7 @@
     const topSpace = innerContainer.top - outerContainer.top - innerContainer.height;
     const bottomSpace = outerContainer.bottom - innerContainer.bottom - innerContainer.height;
     const dropdownSizeBottom = !openLookupTop && bottomSpace < 70 ? minLookupHeight - 50 : bottomSpace;
-    maxLookupHeight = openLookupTop ? topSpace : dropdownSizeBottom;    
+    maxLookupHeight = openLookupTop ? topSpace : dropdownSizeBottom;
     openedLookup = name
   }
 
@@ -521,6 +524,7 @@
     const headers = new Headers();
     headers.append("accept", "application/json");
     headers.append("Content-Type", "application/json");
+    headers.append("X-Client-Request-Timestamp", dayjs.utc().format("YYYY-MM-DD HH:mm:ss.SSS"));
     toggleDisableActionOnPage();
     const requestParams:RequestInit = {
       method: "POST",
@@ -627,6 +631,7 @@
     const headers = new Headers();
     headers.append("accept", "application/json");
     headers.append("Content-Type", "application/json");
+    headers.append("X-Client-Request-Timestamp", dayjs.utc().format("YYYY-MM-DD HH:mm:ss.SSS"));
     toggleDisableActionOnPage();
     const requestParams:RequestInit = {
       method: "POST",
@@ -648,7 +653,7 @@
         setErrorResponseCode();
         return;
       }
-      
+
       if (data.ResponseCode !== ResponseCode.Success) {
         errorResponseCode = data.ResponseCode;
         isProcessingTxn = false;
@@ -769,7 +774,7 @@
     }
     return ''
   }
-  
+
   const patternValidator = (pattern, value) => {
     if (!pattern) return true;
     let regex;
@@ -811,7 +816,7 @@
   const dateTimeValidation = (field) => {
     const value = prepareFields[field.name];
     const format = field.placeholder;
-    const inputValue = dayjs(value, format); 
+    const inputValue = dayjs(value, format);
     const maxValue = dayjs(field.maxValue, format);
     const minValue = dayjs(field.minValue, format);
     if (inputValue.isBefore(minValue) || inputValue.isAfter(maxValue)) {
@@ -823,7 +828,7 @@
 
   const validateField = (field) => {
     const value = prepareFields[field.name]
-    fieldValidation[field.name] = showField(field) ? (emptyFieldError(field, value) || patternMatchesError(field, value)) : '';    
+    fieldValidation[field.name] = showField(field) ? (emptyFieldError(field, value) || patternMatchesError(field, value)) : '';
   }
 
   const isSubmitDisabled = (amountError, fieldValidation) => {
@@ -1083,19 +1088,17 @@
   input::-webkit-date-and-time-value {
     visibility: hidden;
   }
-  
+
   input[type=number] {
     -moz-appearance: textfield;
   }
   .CashierMethodDetails {
     width: 100%;
     height: 100%;
-    overflow-y: auto;
     box-sizing: border-box;
-    scrollbar-gutter: stable both-edges;
-    padding: var(--emw--spacing-large, 20px) var(--emw--spacing-x-small, 10px) var(--emw--spacing-small, 12px) var(--emw--spacing-x-small, 10px);
     container-name: method-details;
     container-type: inline-size;
+    padding: 1px;
     min-height: 200px;
   }
   .ReceiptPage {
@@ -1145,13 +1148,13 @@
     background: var(--emw--color-background, #fff);
     border: 1px solid var(--mmw--color-grey-105, #E8E9EB);
     border-radius: var(--mmw--border-radius-medium-plus, 6px);
-    
+
     img {
       max-height: 32px;
       max-width: 56px;
     }
   }
-  
+
   .ChangePaymeth {
     margin-left: auto;
     cursor: pointer;
@@ -1159,7 +1162,7 @@
     font-size: var(--emw--font-size-small, 14px);
     text-decoration-line: underline;
   }
-  
+
   .SelectedMethodDescription {
     color: var(--mmw--color-grey-290, #666);
     font-size: var(--emw--font-size-x-small, 12px);
@@ -1196,7 +1199,7 @@
     border-radius: var(--emw--border-radius-medium, 4px);
     background: var(--emw--color-primary, #7EC51E);
   }
-  
+
   .RedirectionTitle {
     color: var(--mmw--color-grey-10, #111);
     font-size: var(--emw--font-size-x-small, 12px);
@@ -1409,7 +1412,7 @@
         display: block;
         position: absolute;
         top: 50%;
-        transform: translateY(-50%);    
+        transform: translateY(-50%);
         left: 15px;
       }
     }
@@ -1479,7 +1482,7 @@
       overflow: hidden;
       text-overflow: ellipsis;
     }
-    
+
     label, input, .Description, .FormLogo .ChangePaymeth, .OptionList div {
       font-size: var(--emw--font-size-x-small, 12px);
     }