@everymatrix/cashier-receipt-page 1.28.2 → 1.28.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/cashier-receipt-page",
-  "version": "1.28.2",
+  "version": "1.28.4",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d958fcf980942e498f37b94d506a1b27a5169aa4"
+  "gitHead": "1bfc13085b6829695a52b1569af671db1c024e41"
 }

package/src/CashierReceiptPage.svelte

@@ -33,6 +33,33 @@
       Html = 'Html',
       QRCode = 'QR'
   }
+  const mapReducer = (arr, [keys, val]) => [
+      ...arr,
+      ...(Array.isArray(keys) ? [...keys.map(key => [key, val])] : [[keys, val]]
+      )
+  ];
+
+  const fieldTypeMap = new Map([
+      [['Unknown', 0], FieldTypes.Unknown],
+      [['Text', 1], FieldTypes.Text],
+      [['Boolean', 2], FieldTypes.Boolean],
+      [['Number', 3], FieldTypes.Number],
+      [['Money', 4], FieldTypes.Money],
+      [['DateTime', 5], FieldTypes.DateTime],
+      [['Lookup', 6], FieldTypes.Lookup],
+      [['IpAddress', 7], FieldTypes.IpAddress],
+      [['Date', 8], FieldTypes.Date],
+      [['Time', 9], FieldTypes.Time],
+      [['LookupCollection', 10], FieldTypes.LookupCollection],
+      [['Hidden', 11], FieldTypes.Hidden],
+      [['Label', 12], FieldTypes.Label],
+      [['Password', 13], FieldTypes.Password],
+      [['Link', 14], FieldTypes.Link],
+      [['Image', 15], FieldTypes.Image],
+      [['Html', 19], FieldTypes.Html],
+      [['QR', 20], FieldTypes.QRCode]
+  ].reduce(mapReducer, []));
+
   let displayNone:boolean = false;
   let txnInfo: {
       type: string,
@@ -147,7 +174,7 @@
            currency: data.Transaction.Amounts[0]?.Currency,
        }
        receiptFields = data.ReceiptInfo && data.ReceiptInfo.ReceiptFields ? data.ReceiptInfo.ReceiptFields.map(field => ({
-           type: field.Type,
+           type: fieldTypeMap.get(field.Type),
            name: field.Name,
            description: field.Description,
            defaultValue: field.DefaultValue,
@@ -249,9 +276,9 @@
     height: 100%;
   }
   .CashierReceiptPage {
-    border-radius: var(--emw--border-radius-large, 6px);
+    border-radius: var(--mmw--border-radius-medium-plus, 6px);
     background: var(--emw--color-background, #fff);
-    padding: 0 0 10px 0;
+    padding: 0 0 var(--emw--spacing-small-minus, 10px) 0;
     margin: 0 auto;
     position: relative;
     word-wrap: break-word;
@@ -260,7 +287,7 @@
   .ReceiptWrapper {
     width: 100%;
     height: 200px;
-    border-bottom: 1px solid rgba(0,0,0,.1);
+    border-bottom: 1px solid var(--mmw--color-black-transparency-10, rgba(0,0,0,.1));
     display: flex;
     align-items: flex-end;
     flex-direction: row-reverse;
@@ -276,25 +303,25 @@
     flex-shrink: 0;
   }
   .Title {
-    color: var(--emw--color-gray-300, #111);
-    font-size: var(--emw--font-size-x-large, 26px);
+    color: var(--mmw--color-grey-10, #111);
+    font-size: var(--emw--font-size-x-large-plus, 26px);
     font-weight: var(--emw--font-weight-semibold, 500);
     margin-bottom: 0;
-    line-height: var(--emw--font-size-x-large, 26px);
+    line-height: var(--emw--font-size-x-large-plus, 26px);
   }
   .SubTitle {
     font-weight: var(--emw--font-weight-normal, 400);
     font-size: var(--emw--font-size-small, 14px);
-    color: var(--emw--color-gray-150, #666);
+    color: var(--mmw--color-grey-290, #666);
     margin-top: var(--emw--spacing-small, 12px);
   }
   .Text {
     padding: var(--emw--spacing-small, 12px);
     font-size: var(--emw--font-size-small, 14px);
-    color: var(--header-text-color, #111);
+    color: var(--mmw--color-grey-10, #111);
   }
   .Reference {
-    color: var(--header-sub-text-color, #666);
+    color: var(--mmw--color-grey-290, #666);
     font-size: var(--emw--font-size-x-small, 12px);
     font-weight: var(--emw--font-weight-normal, 400);
     margin: 0 var(--emw--spacing-small, 12px) 0;