Merge branch 'security1'

CHANGELOG.md

@@ -3,9 +3,25 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## [2.2.0]
+## [2.3.0]
 
-## Added
+### Changed
+
+- Modified order to handle new `token` field.
+- Modified order service to query API using `token`.
+- Modified receipt component to use the new `token`.
+- Modified invoice component to use the new `token`.
+- Modified payment service component to remove order-creation logic.
+
+### Fixed
+
+- Receipt prompt textarea is now read-only.
+- Invoice prompt textarea is now read-only.
+- Button text color is now correct for Invoice and Receipt.
+
+## [2.2.0] - 2023-05-15
+
+### Added
 
 - New API calls for requesting language data for login page
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "zgo",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

src/app/app.component.html

@@ -45,7 +45,7 @@
      style="margin-top: 10px;
             margin-bottom: 20px;">
   <div >&copy; 2023 Vergara Technologies LLC</div>
-  <div class="tiny">Version 2.2.0</div>
+  <div class="tiny">Version 2.3.0</div>
   <div class="tiny">{{ vE.mainPriceData }}</div>
 </div>
 <div></div>

src/app/invoice/invoice.component.html

@@ -89,14 +89,14 @@
 				</tr>
 			</table>	
 			<div style="height: 15px;"></div>
-			<div width="100%"
+			<div *ngIf="!order.paid" width="100%"
 					    style="font-size: 14px;
 							   font-weight: 700;
 							   font-style: italic;
 							   text-align: center;">		
 						{{ vE.invoiceScanQrcode }}
 			</div>	
-			<div style="text-align: center;
+			<div *ngIf="!order.paid" style="text-align: center;
 						margin-top: 10px;
 						line-height: 30px;">
 				<div style="font-family: 'Spartan';

src/app/invoice/invoice.component.ts

@@ -9,7 +9,6 @@ import { faCheck, faHourglass, faArrowUpRightFromSquare } from '@fortawesome/fre
 import { NotifierService } from '../notifier.service';
 
 import { LanguageService } from '../language.service';
-import { LanguageData } from '../language.model';
 
 var QRCode = require('easyqrcodejs');
 var URLSafeBase64 = require('urlsafe-base64');
@@ -26,6 +25,7 @@ export class InvoiceComponent implements OnInit {
 	faHourglass = faHourglass;
 	faArrowUpRightFromSquare = faArrowUpRightFromSquare;
 	orderId;
+	orderToken: string = '';
 	public orderUpdate: Observable<Order>;
 	public nameUpdate: Observable<string>;
 	name: string = '';
@@ -48,6 +48,7 @@ export class InvoiceComponent implements OnInit {
 		paid: false,
 		externalInvoice: '',
 		shortCode: '',
+		token: '',
 		lines: [
 			{
 				qty: 1,
@@ -98,33 +99,36 @@ export class InvoiceComponent implements OnInit {
 		private languageService : LanguageService
 	) {
 		this.orderId = this._ActiveRoute.snapshot.paramMap.get("orderId");
-		console.log('constructor - orderId -> ' + this.orderId);
+		this._ActiveRoute.queryParams.subscribe((params) => {
+			this.orderToken = params["token"];
+			receiptService.getOrderById(this.orderId!, this.orderToken!).subscribe(response => {
+				if (response.status == 200){
+					this.error = false;
+					if( response.body!.order.session.substring(0,1) == 'X') {
+						this.invString = response.body!.order.externalInvoice;
+						this.codeString = `zcash:${this.order.address}?amount=${this.order.totalZec.toFixed(8)}&memo=${URLSafeBase64.encode(Buffer.from('ZGo Order::'.concat(this.orderId!).concat(" Invoice: ").concat(this.invString)))}`; 
+					} else {
+						this.codeString = `zcash:${response.body!.order.address}?amount=${response.body!.order.totalZec.toFixed(8)}&memo=${URLSafeBase64.encode(Buffer.from('ZGo Order::'.concat(this.orderId!)))}`; 
+					}
+					var qrcode = new QRCode(document.getElementById("payment-qr"), {
+						text: this.codeString,
+						logo: "/assets/zcash.png",
+						width: 180,
+						height: 180,
+						logoWidth: 50,
+						logoHeight: 50,
+						correctLevel: QRCode.CorrectLevel.H
+					});
+					this.error = false;
+				} else {
+					this.error = true;
+					this.codeString = 'Test';
+				}
+			});
+		});
+		//console.log('constructor - orderId -> ' + this.orderId);
 		this.orderUpdate = receiptService.orderUpdate;
 		this.nameUpdate = receiptService.nameUpdate;
-		receiptService.getOrderById(this.orderId!).subscribe(response => {
-			if (response.status == 200){
-				this.error = false;
-				if( response.body!.order.session.substring(0,1) == 'X') {
-					this.invString = response.body!.order.externalInvoice;
-					this.codeString = `zcash:${this.order.address}?amount=${this.order.totalZec.toFixed(8)}&memo=${URLSafeBase64.encode(Buffer.from('ZGo Order::'.concat(this.orderId!).concat(" Invoice: ").concat(this.invString)))}`; 
-				} else {
-					this.codeString = `zcash:${response.body!.order.address}?amount=${response.body!.order.totalZec.toFixed(8)}&memo=${URLSafeBase64.encode(Buffer.from('ZGo Order::'.concat(this.orderId!)))}`; 
-				}
-				var qrcode = new QRCode(document.getElementById("payment-qr"), {
-					text: this.codeString,
-					logo: "/assets/zcash.png",
-					width: 180,
-					height: 180,
-					logoWidth: 50,
-					logoHeight: 50,
-					correctLevel: QRCode.CorrectLevel.H
-				});
-				this.error = false;
-			} else {
-				this.error = true;
-				this.codeString = 'Test';
-			}
-		});
 		this.orderUpdate.subscribe(order => {
 			this.order = order;
 			if ( order.session.substring(0,1) == 'W') {

src/app/language.service.ts

@@ -22,6 +22,8 @@ export class LanguageService {
   private loginURL = ConfigData.Be_URL + 'getloginlang';
   private mainURL = ConfigData.Be_URL + 'getmainlang';
   private scanURL = ConfigData.Be_URL + 'getscanlang';
+  private invoiceURL = ConfigData.Be_URL + 'getinvoicelang';
+  private pmtservURL = ConfigData.Be_URL + 'getpmtservicelang';
 
   public zgoLanguage: string = '';
 
@@ -58,6 +60,10 @@ export class LanguageService {
 		return this.http.get<LanguageData>(this.mainURL + '/?lang=' + this.zgoLanguage, {headers: reqHeaders, params: params});
 	} else if (viewName === 'scan') {
 		return this.http.get<LanguageData>(this.scanURL + '/?lang=' + this.zgoLanguage, {headers: reqHeaders, params: params});
+	} else if (viewName === 'invoice') {
+		return this.http.get<LanguageData>(this.invoiceURL + '/?lang=' + this.zgoLanguage, {headers: reqHeaders, params: params});
+	} else if (viewName === 'pmtservice') {
+		return this.http.get<LanguageData>(this.pmtservURL + '/?lang=' + this.zgoLanguage, {headers: reqHeaders, params: params});
 	} else {
 		return this.http.get<LanguageData>(this.baseURL + 
 										   '/?lang=' + this.zgoLanguage +

src/app/listorders/listorders.component.css

@@ -129,8 +129,8 @@ img.icon{
 .minibutton {
 	font-family: 'Spartan', sans-serif;
 	font-size: 14px;
-	background:  #ff5722;
-	color: white;
+	/*background:  #ff5722;*/
+	/*color: white;*/
 	height: 24px;
 	line-height: 20px;
 	padding: 10px;

src/app/listorders/listorders.component.html

@@ -162,10 +162,10 @@
 							  padding-right: 20%;
 							  margin-top: 10px;">
 			<span>
-				<button mat-stroked-button class="minibutton" color="primary" (click)="invoice(order)">{{ vE.listordersInvoiceBtn }}</button>
+				<button mat-raised-button class="minibutton" color="primary" (click)="invoice(order)">{{ vE.listordersInvoiceBtn }}</button>
 			</span>
 			<span>
-				<button mat-stroked-button class="minibutton" color="primary" (click)="receipt(order)">{{ vE.listordersReceiptBtn }}</button>
+				<button mat-raised-button class="minibutton" color="primary" (click)="receipt(order)">{{ vE.listordersReceiptBtn }}</button>
 			</span>
 		</div>
 	</mat-expansion-panel>

src/app/listorders/listorders.component.ts

@@ -173,7 +173,8 @@ export class ListOrdersComponent implements OnInit, OnDestroy{
 		dialogConfig.disableClose = true;
 		dialogConfig.autoFocus = true;
 		dialogConfig.data = {
-			orderId: order._id
+			orderId: order._id,
+			orderToken: order.token
 		};
 
 		const dialogRef = this.dialog.open(PromptInvoiceComponent, dialogConfig);
@@ -194,7 +195,8 @@ export class ListOrdersComponent implements OnInit, OnDestroy{
 		dialogConfig.disableClose = true;
 		dialogConfig.autoFocus = true;
 		dialogConfig.data = {
-			orderId: order._id
+			orderId: order._id,
+			orderToken: order.token
 		};
 
 		const dialogRef = this.dialog.open(PromptReceiptComponent, dialogConfig);

src/app/order/order.component.ts

@@ -47,6 +47,7 @@ export class OrderComponent implements OnInit{
 		paid: false,
 		externalInvoice: '',
 		shortCode: '',
+		token: '',
 		lines: [
 			{
 				qty: 1,
@@ -213,7 +214,8 @@ export class OrderComponent implements OnInit{
 		dialogConfig.disableClose = true;
 		dialogConfig.autoFocus = true;
 		dialogConfig.data = {
-			orderId: this.order._id
+			orderId: this.order._id,
+			orderToken: this.order.token
 		};
 
         //console.log ('order_id :  ' + this.order._id);

src/app/order/order.model.ts

@@ -13,5 +13,6 @@ export interface Order {
 	lines: LineItem[],
 	paid: boolean,
 	externalInvoice: string,
-	shortCode: string
+	shortCode: string,
+	token: string
 }

src/app/order/order.service.ts

@@ -55,6 +55,7 @@ export class OrderService {
 			paid: false,
 			externalInvoice: '',
 			shortCode: '',
+			token: '',
 			lines: [
 				{
 					qty: 1,
@@ -159,6 +160,7 @@ export class OrderService {
 			paid: false,
 			externalInvoice: '',
 			shortCode: '',
+			token: '',
 			lines: [lineItem]
 		};
 		let obs = this.http.post<{message: string, order: Order}>(this.beUrl+'api/order', {payload: order}, { headers: this.reqHeaders, params: this.reqParams });
@@ -188,6 +190,7 @@ export class OrderService {
 				paid: false,
 				externalInvoice: '',
 				shortCode: '',
+				token: '',
 				lines: [
 					{
 						qty: 1,
@@ -223,6 +226,7 @@ export class OrderService {
 				paid: false,
 				externalInvoice: '',
 				shortCode: '',
+				token: '',
 				lines: [
 					{
 						qty: 1,

src/app/pmtservice/pmtservice.component.html

@@ -24,11 +24,11 @@
 			 <div style="height: 50px;">
 			</div>	
 			<div style="font-weight: 700;
-			 		font-size: 25px;
+			 		fonT-size: 25px;
 			 		text-align: center;">
 				{{ vE.pmtservicePmtsrvNot }}<br>
 				{{ vE.pmtserviceEnabledFor }}<br>
-				{{ owner.name}}
+				{{ shop }}
 			</div>	
 			 <div style="height: 40px;">
 			</div>	
@@ -131,7 +131,7 @@
 		</div>	
 		<div class="invoiceDetail"
 			 *ngIf="reportType==0" 
-			 id="invoice">
+			 >
 			<div class="invoiceHdrTxt1">{{ vE.pmtserviceHdrTxt1 }}</div>
 			<div class="invoiceHdrTxt2">{{ vE.pmtserviceHdrTxt2 }}{{orderId}}</div>
 			<div class="invoiceHdrTxt3">{{ vE.pmtserviceHdrTxt3 }}{{order.timestamp | date}}
@@ -206,7 +206,7 @@
 						</td>
 						<td width="25%">		
 							<div style="text-align: right;" 
-								 id="payment-qr" 
+								 id="invoice-qr" 
 								 *ngIf="!order.paid"></div>
 						</td>
 					</tr>

src/app/pmtservice/pmtservice.component.ts

@@ -4,8 +4,6 @@ import { HttpClient, HttpParams, HttpHeaders } from "@angular/common/http";
 import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
 import { PmtData } from "./pmtservice.model";
 import { XeroInvoice } from "./xeroinvoice.model";
-import { Owner } from '../owner.model';
-// import { Item } from '../items/item.model'
 import { Order } from '../order/order.model'
 import { ConfigData } from '../configdata';
 import { faCheck, faHourglass } from '@fortawesome/free-solid-svg-icons';
@@ -19,479 +17,302 @@ var Buffer = require('buffer/').Buffer;
 import { LanguageService } from '../language.service';
 
 @Component({
-  selector: 'app-pmtservice',
-  templateUrl: './pmtservice.component.html',
-  styleUrls: ['./pmtservice.component.css']
+	selector: 'app-pmtservice',
+	templateUrl: './pmtservice.component.html',
+	styleUrls: ['./pmtservice.component.css']
 })
 
 export class PmtserviceComponent implements OnInit {
 
-  faCheck = faCheck;
-  faHourglass = faHourglass;
+	faCheck = faCheck;
+	faHourglass = faHourglass;
 
-  beUrl = ConfigData.Be_URL;
-  private reqHeaders: HttpHeaders = new HttpHeaders();
+	beUrl = ConfigData.Be_URL;
+	private reqHeaders: HttpHeaders = new HttpHeaders();
 
-  public pmtData : PmtData = {
-      ownerId :'',
-      invoice: '',
-      amount: 0,
-      currency: '',
-      shortcode: ''
-  };
+	public shop: string = '';
+	public pmtData : PmtData = {
+		ownerId :'',
+		invoice: '',
+		amount: 0,
+		currency: '',
+		shortcode: ''
+	};
 
-  public invData : XeroInvoice = { 
-      inv_Type : '',
-      inv_Id : '',
-      inv_No : '',
-      inv_Contact : '',
-      inv_Currency : '',
-      inv_CurrencyRate : 0,
-      inv_Status : '',
-      inv_Total : 0,
-      inv_Date : new Date(),
-      inv_shortCode : '',
-      inv_ProcDate : new Date()
-  };
+	public invData : XeroInvoice = { 
+		inv_Type : '',
+		inv_Id : '',
+		inv_No : '',
+		inv_Contact : '',
+		inv_Currency : '',
+		inv_CurrencyRate : 0,
+		inv_Status : '',
+		inv_Total : 0,
+		inv_Date : new Date(),
+		inv_shortCode : '',
+		inv_ProcDate : new Date()
+	};
 
-  public owner: Owner = {
-         _id: '',
-         address: '',
-         name: '',
-         currency: 'usd',
-         tax: false,
-         taxValue: 0,
-         vat: false,
-         vatValue: 0,
-         paid: false,
-         zats: false,
-         invoices: false,
-         expiration: new Date(Date.now()).toISOString(),
-         payconf: false,
-		 crmToken: '',
-		 viewkey: ''
-      }; 
 
-public order: Order = {
-         _id : '',
-         address: '',
-         session: '',
-         timestamp: '',
-         closed: false,
-         currency: '',
-         price: 0,
-         total: 0,
-         totalZec: 0,
-         paid: false,
-         externalInvoice: '',
-         shortCode: '',
-         lines: [
-            {
-               qty: 1,
-               name: '',
-               cost:0
-            }
-         ]
-      };
+	public order: Order = {
+		_id : '',
+		address: '',
+		session: '',
+		timestamp: '',
+		closed: false,
+		currency: '',
+		price: 0,
+		total: 0,
+		totalZec: 0,
+		paid: false,
+		externalInvoice: '',
+		shortCode: '',
+		token: '',
+		lines: [
+			{
+				qty: 1,
+				name: '',
+				cost:0
+			}
+		]
+	};
 
- private invData_raw : string = '';
- private invData_buff : any = null;
+	private invData_raw : string = '';
+	private invData_buff : any = null;
 
- public reportType = 1000;
- public Status = 0;
+	public reportType = 0;
+	public Status = 0;
 
- codeString: string = '';
- zcashUrl: SafeUrl = '';
- zPrice: number = 1.0;
- name: string = '';
- error: boolean = false;
- orderId : string = '';
-// -------------------------------------
-// Language Support
-//
-vE = {
-   pmtserviceInvalidOwnerid : '',
-   pmtserviceNotservClose : '',
-   pmtserviceNotservError : '',
-   pmtserviceCopyNotavail : '',
-   pmtserviceCopyaddressError : '',
-   pmtserviceCopyamountError : '',
-   pmtserviceCopymemoError : '',
-   pmtservicePaymentNotprocessed : '',
-   pmtservicePmtsrvNot : '',
-   pmtserviceEnabledFor : '',
-   pmtserviceConnectoXero : '',
-   pmtserviceServerFailed : '',
-   pmtserviceInvoiceNum : '',
-   pmtserviceInvoiceNotfound : '',
-   pmtserviceInvoiceInvalid : '',
-   pmtserviceInvoicePaid : '',
-   pmtserviceInvoiceCurrency : '',
-   pmtserviceCurrencyNotsup : '',
-   pmtserviceAmountDoesnot : '',
-   pmtserviceMatchValue : '', 
-   pmtserviceReportedByxero : '',
-   pmtserviceHdrTxt1 : '',
-   pmtserviceHdrTxt2 : '',
-   pmtserviceHdrTxt3 : '',
-   pmtserviceZecdataPrice : '',
-   pmtserviceZecdataTotal : '',
-   pmtserviceInvoiceItem : '',
-   pmtserviceInvoiceQty : '',
-   pmtserviceInvoicePrice : '',
-   pmtserviceInvoiceTotal : '',
-   pmtservicePaymentConfirmed : '',
-   pmtservicePaymentPending : '',
-   pmtserviceScanQrcode : '',
-   pmtserviceCantScan : '',
-   pmtserviceUseThis : '',
-   pmtserviceWalletLink : '',
-   pmtserviceCopyAddress : '',
-   pmtserviceCopyAmount : '',
-   pmtserviceCopyMemo : ''
-}
-//
-  constructor(private activatedRoute : ActivatedRoute,
-              private http : HttpClient,
-              private sanitizer: DomSanitizer,
-              private notifierService : NotifierService,
-              private languageService : LanguageService  ) {}
+	codeString: string = 'ZGo - The Zcash Register';
+	zcashUrl: SafeUrl = '';
+	zPrice: number = 1.0;
+	name: string = '';
+	error: boolean = false;
+	orderId : string = '';
+	// -------------------------------------
+	// Language Support
+	//
+	vE = {
+		pmtserviceInvalidOwnerid : '',
+		pmtserviceNotservClose : '',
+		pmtserviceNotservError : '',
+		pmtserviceCopyNotavail : '',
+		pmtserviceCopyaddressError : '',
+		pmtserviceCopyamountError : '',
+		pmtserviceCopymemoError : '',
+		pmtservicePaymentNotprocessed : '',
+		pmtservicePmtsrvNot : '',
+		pmtserviceEnabledFor : '',
+		pmtserviceConnectoXero : '',
+		pmtserviceServerFailed : '',
+		pmtserviceInvoiceNum : '',
+		pmtserviceInvoiceNotfound : '',
+		pmtserviceInvoiceInvalid : '',
+		pmtserviceInvoicePaid : '',
+		pmtserviceInvoiceCurrency : '',
+		pmtserviceCurrencyNotsup : '',
+		pmtserviceAmountDoesnot : '',
+		pmtserviceMatchValue : '', 
+		pmtserviceReportedByxero : '',
+		pmtserviceHdrTxt1 : '',
+		pmtserviceHdrTxt2 : '',
+		pmtserviceHdrTxt3 : '',
+		pmtserviceZecdataPrice : '',
+		pmtserviceZecdataTotal : '',
+		pmtserviceInvoiceItem : '',
+		pmtserviceInvoiceQty : '',
+		pmtserviceInvoicePrice : '',
+		pmtserviceInvoiceTotal : '',
+		pmtservicePaymentConfirmed : '',
+		pmtservicePaymentPending : '',
+		pmtserviceScanQrcode : '',
+		pmtserviceCantScan : '',
+		pmtserviceUseThis : '',
+		pmtserviceWalletLink : '',
+		pmtserviceCopyAddress : '',
+		pmtserviceCopyAmount : '',
+		pmtserviceCopyMemo : ''
+	}
+	//
+	constructor(private activatedRoute : ActivatedRoute,
+				private http : HttpClient,
+				private sanitizer: DomSanitizer,
+				private notifierService : NotifierService,
+				private languageService : LanguageService  ){
+		var auth = 'Basic ' + Buffer.from(ConfigData.UsrPwd).toString('base64');
+		this.reqHeaders = new HttpHeaders().set('Authorization', auth);
+		this.activatedRoute.queryParams.subscribe((params) => {
+			this.pmtData.ownerId = params["owner"];
+			this.pmtData.invoice = params["invoiceNo"];
+			this.pmtData.amount = +params["amount"];
+			this.pmtData.currency = params["currency"];
+			this.pmtData.shortcode = params["shortCode"];
+			this.getInvoiceData( this.pmtData );
+		});
+		this.chgUILanguage();
+	}
 
-  ngOnInit() {
-   var auth = 'Basic ' + Buffer.from(ConfigData.UsrPwd).toString('base64');
-   this.reqHeaders = new HttpHeaders().set('Authorization', auth);
-   this.activatedRoute.queryParams.subscribe((params) => {
-      this.pmtData.ownerId = params["owner"];
-      this.pmtData.invoice = params["invoiceNo"];
-      this.pmtData.amount = params["amount"];
-      this.pmtData.currency = params["currency"];
-      this.pmtData.shortcode = params["shortCode"];
-      this.getInvoiceData( this.pmtData );
-    });
-   this.chgUILanguage();
-  }
+	ngOnInit() {
+	}
 
-  getInvoiceData( reqData : PmtData ) { 
+	getInvoiceData( reqData : PmtData ) { 
+		//this.getXeroInvoiceData( reqData );
+		let obs = this.http.post<{reportType: number, order: Order, shop: string}>
+		(this.beUrl+'invdata', 
+		 {payload: reqData},
+		 {headers: this.reqHeaders, observe: 'response' }
+		);
+		obs.subscribe((invoiceData) => {
+			if(invoiceData.status == 201) {
+				this.reportType = invoiceData.body!.reportType;
+				this.order = invoiceData.body!.order;
+				this.shop = invoiceData.body!.shop;
+				this.orderId = String(this.order._id);
 
-    // 
-    // Verify owner id ( Status = 1 if not exists )
-    //                 ( Status = 2 if service not available for user )
-    //
-//    console.log('getOwner -> '+ reqData.ownerId);
-//    console.log('received amount -> ' + reqData.amount);
-    const ownParams = new HttpParams().append('id', reqData.ownerId);
-    let obs = this.http.get<{message:string, owner: any}>
-                            ( this.beUrl+'api/ownerid', 
-                            { headers: this.reqHeaders,
-                              params: ownParams, 
-                              observe: 'response'});
-    obs.subscribe((OwnerDataResponse) => {
-         //console.log('api/getowner', OwnerDataResponse.status);
-         if (OwnerDataResponse.status == 200) {
-            this.owner = OwnerDataResponse.body!.owner;
-            console.log('Owner => ' + this.owner.name );
-//
-// ==> remove "== false" for production enviroment
-// 
-            if ( this.owner.invoices ) {
-               // process data
-               console.log("Owner check passed!!!");
-               this.getXeroInvoiceData( reqData );
-            } else {
-               console.log("Owner check failed!!!") 
-               this.reportType = 2;
-            };
-         } else {
-            if ( OwnerDataResponse.status == 204 ) {
-               console.log('Res.Status = ' + OwnerDataResponse.status)
-               console.log('Owner id not found!!!');
-               this.reportType = 1;
-            }
-         }});
-  }
+				//         console.log('Generating QRCode....')
 
-  getXeroInvoiceData( reqData : PmtData  )  { 
+				this.codeString = `zcash:${this.order.address}?amount=${this.order.totalZec.toFixed(8)}&memo=${URLSafeBase64.encode(Buffer.from('ZGo Order::'.concat(this.orderId).concat(' Invoice: ').concat(this.order.externalInvoice)))}`; 
 
-/*
-    // Call test Xero API 
-    let url : string = "http://localhost:3000/xero/" + reqData.invoice;
-    this.http
-         .get<any>(url)
-*/
-   console.log('>> find current zcash price');
-   this.getPrice(this.owner.currency);
+				var qrcode = new QRCode(document.getElementById("invoice-qr"), {
+					text: this.codeString,
+					logo: "/assets/zcash.png",
+					width: 180,
+					height: 180,
+					logoWidth: 50,
+					logoHeight: 50,
+					correctLevel: QRCode.CorrectLevel.H
+				});
 
-    console.log('get Invoice -> ' + reqData.invoice);
-    let invParams = new HttpParams();
-    invParams = invParams.append('address', this.owner.address);
-    invParams = invParams.append('inv', reqData.invoice);
-    let inv = this.http.get<{message:string, invData: any}>
-                            ( this.beUrl+'api/invdata', 
-                            { headers: this.reqHeaders,
-                              params: invParams, 
-                              observe: 'response'});
-    inv.subscribe( invDataResponse => {
-//                  console.log('Response from ZGo-Xero');
-//                  console.log(invDataResponse.status);
-                  this.invData_buff = invDataResponse.body;
-                  this.invData.inv_Type = this.invData_buff.invdata.inv_Type;
-                  this.invData.inv_Id = this.invData_buff.invdata.inv_Id;
-                  this.invData.inv_No = this.invData_buff.invdata.inv_No;
-                  this.invData.inv_Contact = this.invData_buff.invdata.inv_Contact;
-                  this.invData.inv_Currency = this.invData_buff.invdata.inv_Currency;
-                  this.invData.inv_CurrencyRate = this.invData_buff.invdata.inv_CurrencyRate;
-                  this.invData.inv_Total = this.invData_buff.invdata.inv_Total;
-                  this.invData.inv_Status = this.invData_buff.invdata.inv_Status;
-                  this.invData.inv_Date = this.invData_buff.invdata.inv_Date;
-                  this.invData.inv_shortCode = reqData.shortcode;
- /*              
-                  console.log('>>> inv_Type -> ' + this.invData.inv_Type);
-                  console.log('>>> inv_Id -> ' + this.invData.inv_Id);
-                  console.log('>>> inv_No -> ' + this.invData.inv_No);
-                  console.log('>>> inv_Contact -> ' + this.invData.inv_Contact);
-                  console.log('>>> inv_Currency-> ' + this.invData.inv_Currency);
-                  console.log('>>> inv_CurrencyRate -> ' + this.invData.inv_CurrencyRate);
-                  console.log('>>> inv_Total -> ' + this.invData.inv_Total);
-                  console.log('>>> inv_Status-> ' + this.invData.inv_Status);
-                  console.log('>>> inv_Date -> ' + this.invData.inv_Date);
-*/
-                  if ( this.invData.inv_Type == 'ACCREC' ) {
-                     console.log('Invoice type is correct!!');
-                     // Test if invoice is not already paid
-                     if ( this.invData.inv_Status == 'AUTHORISED') {
-                           console.log('invoice is payable');
-                        // Test if Invoice's currency is supported
-                        if ( this.invData.inv_Currency == reqData.currency ) {
-                           console.log('Invoice currency supported');
-                           // Test if requested amount is as reported by Xero
-                           if ( this.invData.inv_Total == reqData.amount ) {
-                              console.log('Invoice amount Ok - create Order');
-     // =====> Create order here
-                              this.createOrder();
-   //
-                           } else {
-                              console.log('Invoice amount does not match')
-                              this.reportType = 8;
-                           }
-                        } else {
-                           console.log('Invoice currency not supported');
-                           this.reportType = 7;
-                        }
-                     } else {
-                        console.log('Invoice already paid');
-                        this.reportType = 6; 
-                     }
-                  } else {
-                     console.log('Invoice type is invalid' );
-                     this.reportType = 5;
-                  }
-               }, 
-       error => {
-                  console.log("Error while getting invData!!!");
-                  console.log(error);
-                  console.log(error.status);
-                  if ( error.status == 500 ) {
-                     // Assume that invoice was not found by haskell server
-                     this.reportType = 4;
-                  }
+				this.zcashUrl = this.sanitizer.bypassSecurityTrustUrl(this.codeString);
+			} else {
+				this.reportType = invoiceData.body!.reportType;
+				console.log('reportType ' + invoiceData.body!.reportType + ' code ' + invoiceData.status);
+			}
+		});
+	}
 
-               });
-  }
+	getIconStyle(order : Order) {
+		if( order.paid )
+			return "font-size: 14px; color: #72cc50; margin-bottom: -2px;";
+		return "color: #FB4F14; margin-bottom: -2px; cursor: pointer;";
 
-  createOrder() {
-      this.reportType = 0;
-//      console.log('Starting order generation');
-//      console.log('>> find current zcash price');
+	}
 
-      this.order = {
-         _id: '',
-         address: this.owner.address,
-         session: 'Xero-' + this.owner._id,
-         currency: this.owner.currency,
-         timestamp: new Date(Date.now()).toISOString(),
-         closed: true,
-         totalZec: this.invData.inv_Total/this.zPrice,
-         price: this.zPrice,
-         total: this.invData.inv_Total,
-         paid: false,
-         externalInvoice: this.invData.inv_No,
-         shortCode: this.invData.inv_shortCode,
-         lines: [{qty: 1,
-                  name: 'Invoice from ' + this.owner.name + '[' + this.invData.inv_No + ']',
-                  cost: this.invData.inv_Total}]
-      };
+	copyAddress() {
+		if (!navigator.clipboard) {
+			//       alert("Copy functionality not supported");
+			this.notifierService
+			.showNotification(this.vE.pmtserviceCopyNotavail,
+							  this.vE.pmtserviceNotservClose,
+							  "error",
+							  this.vE.pmtserviceNotservError);
+		}
+		try {
+			navigator.clipboard.writeText(this.order.address);
+		} catch (err) {
+			this.notifierService
+			.showNotification(this.vE.pmtserviceCopyaddressError,
+							  this.vE.pmtserviceNotservClose,
+							  "error",
+							  this.vE.pmtserviceNotservError);
+							  //       console.error("Error", err);
+		}
+	}
 
-      let obs = this.http.post<{message: string, order: Order}>
-                (this.beUrl+'api/orderx', 
-                 {payload: this.order},
-                 { headers: this.reqHeaders }
-                );
-      obs.subscribe((orderData) => {
-//         console.log('Order created');
+	copyAmount() {
+		if (!navigator.clipboard) {
+			//       alert("Copy functionality not supported");
+			this.notifierService
+			.showNotification(this.vE.pmtserviceCopyNotavail,
+							  this.vE.pmtserviceNotservClose,
+							  "error",
+							  this.vE.pmtserviceNotservError);
+		}
+		try {
+			navigator.clipboard.writeText(this.order.totalZec.toString());
+		} catch (err) {
+			this.notifierService
+			.showNotification(this.vE.pmtserviceCopyamountError,
+							  this.vE.pmtserviceNotservClose,
+							  "error",
+							  this.vE.pmtserviceNotservError);
+							  //       console.error("Error", err);
+		}
+	}
 
-//         console.log(orderData.order);
-         this.order = orderData.order
-         console.log('>> order -> ' + JSON.stringify(this.order));
-         this.orderId = String(this.order._id);
+	copyMemo() {
+		if (!navigator.clipboard) {
+			//       alert("Copy functionality not supported");
+			this.notifierService
+			.showNotification(this.vE.pmtserviceCopyNotavail,
+							  this.vE.pmtserviceNotservClose,
+							  "error",
+							  this.vE.pmtserviceNotservError);
+		}
+		try {
+			navigator.clipboard.writeText("ZGo Order::" + this.orderId + " Invoice: " + this.order.externalInvoice);
+		} catch (err) {
+			this.notifierService
+			.showNotification(this.vE.pmtserviceCopymemoError,
+							  this.vE.pmtserviceNotservClose,
+							  "error",
+							  this.vE.pmtserviceNotservError);
+							  //       console.error("Error", err);
+		}
+	}
 
-//         console.log('Generating QRCode....')
+	chgUILanguage(){
+		console.log('PMTSERVICE.chgUILanguage Called ');
+		this.languageService.getViewElements('pmtservice').subscribe(
+			response => { 
+				console.log('Received >> ', response );
+				console.log('Language Code : ', response.language);
+				console.log('Component Name : ',response.component);
+				console.log('Language data : ',response.data);
 
-         this.codeString = `zcash:${this.order.address}?amount=${this.order.totalZec.toFixed(8)}&memo=${URLSafeBase64.encode(Buffer.from('ZGo Order::'.concat(this.orderId).concat(' Invoice: ').concat(orderData.order.externalInvoice)))}`; 
+				this.vE.pmtserviceInvalidOwnerid = response.data.pmtservice_invalid_ownerid;
+				this.vE.pmtserviceNotservClose = response.data.pmtservice_notserv_close;
+				this.vE.pmtserviceNotservError = response.data.pmtservice_notserv_error;
+				this.vE.pmtserviceCopyNotavail = response.data.pmtservice_copy_notavail;
+				this.vE.pmtserviceCopyaddressError = response.data.pmtservice_copyaddress_error;
+				this.vE.pmtserviceCopyamountError = response.data.pmtservice_copyamount_error;
+				this.vE.pmtserviceCopymemoError = response.data.pmtservice_copymemo_error;
+				this.vE.pmtservicePaymentNotprocessed = response.data.pmtservice_payment_notprocessed;
+				this.vE.pmtservicePmtsrvNot = response.data.pmtservice_pmtsrv_not;
+				this.vE.pmtserviceEnabledFor = response.data.pmtservice_enabled_for;
+				this.vE.pmtserviceConnectoXero = response.data.pmtservice_connecto_xero;
+				this.vE.pmtserviceServerFailed = response.data.pmtservice_server_failed;
+				this.vE.pmtserviceInvoiceNum = response.data.pmtservice_invoice_num;
+				this.vE.pmtserviceInvoiceNotfound = response.data.pmtservice_invoice_notfound;
+				this.vE.pmtserviceInvoiceInvalid = response.data.pmtservice_invoice_invalid;
+				this.vE.pmtserviceInvoicePaid = response.data.pmtservice_invoice_paid;
+				this.vE.pmtserviceInvoiceCurrency = response.data.pmtservice_invoice_currency; 
+				this.vE.pmtserviceCurrencyNotsup = response.data.pmtservice_currensy_notsup; 
+				this.vE.pmtserviceAmountDoesnot = response.data.pmtservice_amount_doesnot;
+				this.vE.pmtserviceMatchValue = response.data.pmtservice_match_value;
+				this.vE.pmtserviceReportedByxero = response.data.pmtservice_reported_byxero;
+				this.vE.pmtserviceHdrTxt1 = response.data.pmtservice_hdr_txt1;
+				this.vE.pmtserviceHdrTxt2 = response.data.pmtservice_hdr_txt2;
+				this.vE.pmtserviceHdrTxt3 = response.data.pmtservice_hdr_txt3;
+				this.vE.pmtserviceZecdataPrice = response.data.pmtservice_zecdata_price;
+				this.vE.pmtserviceZecdataTotal = response.data.pmtservice_zecdata_total;
+				this.vE.pmtserviceInvoiceItem = response.data.pmtservice_invoice_item;
+				this.vE.pmtserviceInvoiceQty = response.data.pmtservice_invoice_qty;
+				this.vE.pmtserviceInvoicePrice = response.data.pmtservice_invoice_price;
+				this.vE.pmtserviceInvoiceTotal = response.data.pmtservice_invoice_total;
+				this.vE.pmtservicePaymentConfirmed = response.data.pmtservice_payment_confirmed;
+				this.vE.pmtservicePaymentPending = response.data.pmtservice_payment_pending;
+				this.vE.pmtserviceScanQrcode = response.data.pmtservice_scan_qrcode;
+				this.vE.pmtserviceCantScan = response.data.pmtservice_cant_scan;
+				this.vE.pmtserviceUseThis = response.data.pmtservice_use_this;
+				this.vE.pmtserviceWalletLink = response.data.pmtservice_wallet_link;
+				this.vE.pmtserviceCopyAddress = response.data.pmtservice_copy_address;
+				this.vE.pmtserviceCopyAmount = response.data.pmtservice_copy_amount;
+				this.vE.pmtserviceCopyMemo = response.data.pmtservice_copy_memo;
 
-         var qrcode = new QRCode(document.getElementById("payment-qr"), {
-           text: this.codeString,
-               logo: "/assets/zcash.png",
-               width: 180,
-               height: 180,
-               logoWidth: 50,
-               logoHeight: 50,
-           correctLevel: QRCode.CorrectLevel.H
-         });
-
-         this.zcashUrl = this.sanitizer.bypassSecurityTrustUrl(this.codeString);
-      }, error => {
-         console.log(error.message);
-      
-      });
-   }
-
-   getIconStyle(order : Order) {
-      if( order.paid )
-        return "font-size: 14px; color: #72cc50; margin-bottom: -2px;";
-      return "color: #FB4F14; margin-bottom: -2px; cursor: pointer;";
-
-   }
-
-   getPrice(currency: string){
-      //var currency = 'usd';
-      const params = new HttpParams().append('currency', currency);
-      let obs = this.http.get<{message: string, price: any}>(this.beUrl+'api/price', { headers:this.reqHeaders, params: params, observe: 'response'});
-      obs.subscribe((PriceData) => {
-         if (PriceData.status == 200) {
-            this.zPrice = PriceData.body!.price.price;
-            console.log("price", this.zPrice);
-         } else {
-            console.log('No price found for currency', currency);
-            this.zPrice = 1.0;
-         }
-      });
-     return obs;
-   }
-
-   copyAddress() {
-      if (!navigator.clipboard) {
-//       alert("Copy functionality not supported");
-         this.notifierService
-             .showNotification(this.vE.pmtserviceCopyNotavail,
-               this.vE.pmtserviceNotservClose,
-               "error",
-               this.vE.pmtserviceNotservError);
-      }
-      try {
-         navigator.clipboard.writeText(this.order.address);
-      } catch (err) {
-         this.notifierService
-             .showNotification(this.vE.pmtserviceCopyaddressError,
-               this.vE.pmtserviceNotservClose,
-               "error",
-               this.vE.pmtserviceNotservError);
-//       console.error("Error", err);
-      }
-   }
-   copyAmount() {
-      if (!navigator.clipboard) {
-//       alert("Copy functionality not supported");
-         this.notifierService
-             .showNotification(this.vE.pmtserviceCopyNotavail,
-               this.vE.pmtserviceNotservClose,
-               "error",
-               this.vE.pmtserviceNotservError);
-      }
-      try {
-         navigator.clipboard.writeText(this.order.totalZec.toString());
-      } catch (err) {
-         this.notifierService
-             .showNotification(this.vE.pmtserviceCopyamountError,
-               this.vE.pmtserviceNotservClose,
-               "error",
-               this.vE.pmtserviceNotservError);
-//       console.error("Error", err);
-      }
-   }
-
-   copyMemo() {
-      if (!navigator.clipboard) {
-//       alert("Copy functionality not supported");
-         this.notifierService
-             .showNotification(this.vE.pmtserviceCopyNotavail,
-               this.vE.pmtserviceNotservClose,
-               "error",
-               this.vE.pmtserviceNotservError);
-      }
-      try {
-         navigator.clipboard.writeText("ZGo Order::" + this.orderId + " Invoice: " + this.order.externalInvoice);
-      } catch (err) {
-         this.notifierService
-             .showNotification(this.vE.pmtserviceCopymemoError,
-               this.vE.pmtserviceNotservClose,
-               "error",
-               this.vE.pmtserviceNotservError);
-//       console.error("Error", err);
-      }
-   }
-
-   chgUILanguage(){
-      console.log('PMTSERVICE.chgUILanguage Called ');
-      this.languageService.getViewElements('pmtservice').subscribe(
-         response => { 
-               console.log('Received >> ', response );
-               console.log('Language Code : ', response.language);
-               console.log('Component Name : ',response.component);
-               console.log('Language data : ',response.data);
-
-               this.vE.pmtserviceInvalidOwnerid = response.data.pmtservice_invalid_ownerid;
-               this.vE.pmtserviceNotservClose = response.data.pmtservice_notserv_close;
-               this.vE.pmtserviceNotservError = response.data.pmtservice_notserv_error;
-               this.vE.pmtserviceCopyNotavail = response.data.pmtservice_copy_notavail;
-               this.vE.pmtserviceCopyaddressError = response.data.pmtservice_copyaddress_error;
-               this.vE.pmtserviceCopyamountError = response.data.pmtservice_copyamount_error;
-               this.vE.pmtserviceCopymemoError = response.data.pmtservice_copymemo_error;
-               this.vE.pmtservicePaymentNotprocessed = response.data.pmtservice_payment_notprocessed;
-               this.vE.pmtservicePmtsrvNot = response.data.pmtservice_pmtsrv_not;
-               this.vE.pmtserviceEnabledFor = response.data.pmtservice_enabled_for;
-               this.vE.pmtserviceConnectoXero = response.data.pmtservice_connecto_xero;
-               this.vE.pmtserviceServerFailed = response.data.pmtservice_server_failed;
-               this.vE.pmtserviceInvoiceNum = response.data.pmtservice_invoice_num;
-               this.vE.pmtserviceInvoiceNotfound = response.data.pmtservice_invoice_notfound;
-               this.vE.pmtserviceInvoiceInvalid = response.data.pmtservice_invoice_invalid;
-               this.vE.pmtserviceInvoicePaid = response.data.pmtservice_invoice_paid;
-               this.vE.pmtserviceInvoiceCurrency = response.data.pmtservice_invoice_currency; 
-               this.vE.pmtserviceCurrencyNotsup = response.data.pmtservice_currensy_notsup; 
-               this.vE.pmtserviceAmountDoesnot = response.data.pmtservice_amount_doesnot;
-               this.vE.pmtserviceMatchValue = response.data.pmtservice_match_value;
-               this.vE.pmtserviceReportedByxero = response.data.pmtservice_reported_byxero;
-               this.vE.pmtserviceHdrTxt1 = response.data.pmtservice_hdr_txt1;
-               this.vE.pmtserviceHdrTxt2 = response.data.pmtservice_hdr_txt2;
-               this.vE.pmtserviceHdrTxt3 = response.data.pmtservice_hdr_txt3;
-               this.vE.pmtserviceZecdataPrice = response.data.pmtservice_zecdata_price;
-               this.vE.pmtserviceZecdataTotal = response.data.pmtservice_zecdata_total;
-               this.vE.pmtserviceInvoiceItem = response.data.pmtservice_invoice_item;
-               this.vE.pmtserviceInvoiceQty = response.data.pmtservice_invoice_qty;
-               this.vE.pmtserviceInvoicePrice = response.data.pmtservice_invoice_price;
-               this.vE.pmtserviceInvoiceTotal = response.data.pmtservice_invoice_total;
-               this.vE.pmtservicePaymentConfirmed = response.data.pmtservice_payment_confirmed;
-               this.vE.pmtservicePaymentPending = response.data.pmtservice_payment_pending;
-               this.vE.pmtserviceScanQrcode = response.data.pmtservice_scan_qrcode;
-               this.vE.pmtserviceCantScan = response.data.pmtservice_cant_scan;
-               this.vE.pmtserviceUseThis = response.data.pmtservice_use_this;
-               this.vE.pmtserviceWalletLink = response.data.pmtservice_wallet_link;
-               this.vE.pmtserviceCopyAddress = response.data.pmtservice_copy_address;
-               this.vE.pmtserviceCopyAmount = response.data.pmtservice_copy_amount;
-               this.vE.pmtserviceCopyMemo = response.data.pmtservice_copy_memo;
- 
-           },
-               error  => { console.log('Error >> ',error); }
-         );
-   }  
+			},
+			error  => { console.log('Error >> ',error); }
+		);
+	}  
 
 }

src/app/prompt-invoice/prompt-invoice.component.html

@@ -20,13 +20,13 @@
 			    style="text-align: left;" 
 			    width="94%">
 			    <div>
-					<textarea
+					<textarea matInput readonly
 					    style="border: none;
 					    	   outline: none;
 					    	   width: 95%;"
 				        cdkTextareaAutosize
 				        cdkAutosizeMinRows="1"
-				        cdkAutosizeMaxRows="4">{{ invoiceUrl }}
+				        cdkAutosizeMaxRows="5">{{ invoiceUrl }}
 					</textarea>
 				</div>
 

src/app/prompt-invoice/prompt-invoice.component.ts

@@ -18,6 +18,7 @@ var Buffer = require('buffer/').Buffer;
 
 export class PromptInvoiceComponent implements OnInit {
 	orderId: string;
+	orderToken: string = '';
 	invoiceUrl: string;
  	// ------------------------------------
 	//
@@ -41,10 +42,11 @@ export class PromptInvoiceComponent implements OnInit {
 	constructor(
 		  private languageService : LanguageService,
 			private dialogRef: MatDialogRef<PromptInvoiceComponent>,
-			@Inject(MAT_DIALOG_DATA) public data: {orderId: string},
+			@Inject(MAT_DIALOG_DATA) public data: {orderId: string, orderToken: string},
 			private notifierService : NotifierService ) {
 		this.orderId = data.orderId;
-		this.invoiceUrl = 'https://app.zgo.cash/invoice/'+this.orderId;
+		this.orderToken = data.orderToken;
+		this.invoiceUrl = 'https://app.zgo.cash/invoice/'+this.orderId + '?token=' + this.orderToken;
 	}
 
 	ngOnInit(): void {

src/app/prompt-receipt/prompt-receipt.component.html

@@ -21,13 +21,13 @@
 			    style="text-align: left;" 
 			    width="94%">
 			    <div>
-					<textarea
+					<textarea matInput readonly
 					    style="border: none;
 					    	   outline: none;
 					    	   width: 95%;"
 				        cdkTextareaAutosize
 				        cdkAutosizeMinRows="1"
-				        cdkAutosizeMaxRows="4">{{ receiptUrl }}
+				        cdkAutosizeMaxRows="5">{{ receiptUrl }}
 					</textarea>
 				</div>
 

src/app/prompt-receipt/prompt-receipt.component.ts

@@ -19,6 +19,7 @@ var Buffer = require('buffer/').Buffer;
 
 export class PromptReceiptComponent implements OnInit {
 	orderId: string;
+	orderToken: string;
 	receiptUrl: string;
  
  	// ------------------------------------
@@ -43,10 +44,11 @@ export class PromptReceiptComponent implements OnInit {
 	constructor(
 		  private languageService : LanguageService,
 			private dialogRef: MatDialogRef<PromptReceiptComponent>,
-			@Inject(MAT_DIALOG_DATA) public data: {orderId: string},
+			@Inject(MAT_DIALOG_DATA) public data: {orderId: string, orderToken: string},
 			private notifierService : NotifierService ) {
 		this.orderId = data.orderId;
-		this.receiptUrl = 'https://app.zgo.cash/receipt/'+this.orderId;
+		this.orderToken = data.orderToken;
+		this.receiptUrl = 'https://app.zgo.cash/receipt/' + this.orderId + '?token=' + this.orderToken;
 
 	}
 

src/app/receipt.service.ts

@@ -14,7 +14,8 @@ var Buffer = require('buffer/').Buffer;
 })
 export class ReceiptService {
 	beUrl = ConfigData.Be_URL;
-	private dataStore: {order: Order, owner: Owner } = {
+	private dataStore: {order: Order, owner: Owner, name: string } = {
+		name: '',
 		owner: {
 			_id: '',
 			name: '',
@@ -44,6 +45,7 @@ export class ReceiptService {
 			paid: false,
 			externalInvoice: '',
 			shortCode: '',
+			token: '',
 			lines: [
 				{
 					qty: 1,
@@ -57,34 +59,30 @@ export class ReceiptService {
 	public readonly orderUpdate: Observable<Order> = this._orderUpdated.asObservable();
 	public _nameUpdated: BehaviorSubject<string> = new BehaviorSubject(this.dataStore.owner.name);
 	public readonly nameUpdate: Observable<string>= this._nameUpdated.asObservable();
-	public readonly ownerUpdate;
+	//public readonly ownerUpdate;
 	private reqHeaders: HttpHeaders;
-	private session: null|string;
 	private params: HttpParams;
 
 	constructor(
 		private http: HttpClient,
 		public userService: UserService
 	) {
-		this.session = localStorage.getItem('s4z_token');
-		this.params = new HttpParams().append('session', this.session!);
+		//this.session = localStorage.getItem('s4z_token');
+		this.params = new HttpParams();
 		var auth = 'Basic ' + Buffer.from(ConfigData.UsrPwd).toString('base64');
 		this.reqHeaders = new HttpHeaders().set('Authorization', auth);
-		this.ownerUpdate = userService.ownerUpdate;
+		//this.ownerUpdate = userService.ownerUpdate;
 	}
 
-	getOrderById(id:string) {
-		let obs = this.http.get<{message: string, order: any}>(this.beUrl+'api/order/'+id, { headers:this.reqHeaders, params: this.params, observe: 'response'});
+	getOrderById(id:string, token: string) {
+		let obs = this.http.get<{message: string, order: any, shop: string}>(this.beUrl+'order/'+id, { headers:this.reqHeaders, params: this.params.append("token", token), observe: 'response'});
 
 		obs.subscribe((OrderDataResponse) => {
 			if (OrderDataResponse.status == 200) {
 				this.dataStore.order = OrderDataResponse.body!.order;
+				this.dataStore.name = OrderDataResponse.body!.shop;
 				this._orderUpdated.next(Object.assign({}, this.dataStore).order);
-				this.userService.getOwner();
-				this.ownerUpdate.subscribe((owner) => {
-					this.dataStore.owner = owner;
-					this._nameUpdated.next(Object.assign({}, this.dataStore).owner.name);
-				});
+				this._nameUpdated.next(Object.assign({}, this.dataStore).name);
 			} else {
 				this._orderUpdated.next(Object.assign({}, this.dataStore).order);
 				console.log('No order found');

src/app/receipt/receipt.component.ts

@@ -14,6 +14,7 @@ import { LanguageData } from '../language.model';
 })
 export class ReceiptComponent implements OnInit {
 	orderId;
+	orderToken: string = '';
 	public orderUpdate: Observable<Order>;
 	public nameUpdate: Observable<string>;
 	name: string = '';
@@ -30,6 +31,7 @@ export class ReceiptComponent implements OnInit {
 			paid: false,
 			externalInvoice: '',
 			shortCode: '',
+			token: '',
 			lines: [
 				{
 					qty: 1,
@@ -60,12 +62,15 @@ export class ReceiptComponent implements OnInit {
 	  public receiptService: ReceiptService
   ) {
 	  this.orderId = this._ActiveRoute.snapshot.paramMap.get("orderId");
+	  this._ActiveRoute.queryParams.subscribe((params) => {
+		  this.orderToken = params["token"];
+		  receiptService.getOrderById(this.orderId!, this.orderToken!);
+	  });
 	  this.orderUpdate = receiptService.orderUpdate;
-	  this.nameUpdate = receiptService.nameUpdate;
-	  receiptService.getOrderById(this.orderId!);
 	  this.orderUpdate.subscribe(order => {
 		  this.order = order;
 	  });
+	  this.nameUpdate = receiptService.nameUpdate;
 
 	  this.nameUpdate.subscribe(name => {
 		  this.name = name;

src/app/settings/settings.component.html

@@ -42,7 +42,7 @@
 					<mat-form-field class="full-width" 
 									appearance="fill">
 						<mat-label>{{ vE.settingsVkeyLbl }}</mat-label>
-						<textarea matInput placeholder="{{ vE.settingsVkeyPlaceholder }}" 
+						<textarea matInput [readonly]="vKaccess" placeholder="{{ vE.settingsVkeyPlaceholder }}" 
 								formControlName="vKey">
 						</textarea>
 					</mat-form-field>

src/app/settings/settings.component.ts

@@ -1,5 +1,5 @@
 import { Inject, Component, OnInit, OnDestroy, ViewEncapsulation } from '@angular/core';
-import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { MatSlideToggleChange } from '@angular/material/slide-toggle';
 import { UntypedFormBuilder, Validators, UntypedFormGroup, FormControl } from '@angular/forms';
 import { Subject, Observable } from 'rxjs';
@@ -11,7 +11,6 @@ import { NotifierService } from '../notifier.service';
 import { faCopy } from '@fortawesome/free-solid-svg-icons';
 
 import { LanguageService } from '../language.service';
-import { LanguageData } from '../language.model';
 
 @Component({
 	selector: 'app-settings',
@@ -30,7 +29,6 @@ export class SettingsComponent implements OnInit {
 	owner: Owner;
 	useZats: boolean;
 	proVersion: boolean = false;
-	useVKey: boolean = false;
 	linkMsg: string = '';
 	xeroAccCod: string = '';
 	saveAccOk: boolean = false;
@@ -118,6 +116,7 @@ export class SettingsComponent implements OnInit {
     };
     //
     languageRdy = new Subject<boolean>();
+	vKaccess = true;
 
     // ------------------------------------------------------------
 	constructor(
@@ -129,13 +128,11 @@ export class SettingsComponent implements OnInit {
 		private dialogRef: MatDialogRef<SettingsComponent>,
 		@Inject(MAT_DIALOG_DATA) public data: {o: Owner}) {
 			this.useZats = data.o.zats;
-			this.useVKey = data.o.payconf;
 			this.settingsForm = fb.group({
 					name: [data.o.name, Validators.required],
 					currency: [data.o.currency, Validators.required],
 					useZats: [data.o.zats,  Validators.required],
 					useVKey: [data.o.payconf, Validators.required],
-	//				proVersion: [data.invoices, Validators.required],
 					vKey: [data.o.viewkey]
 				});
 			this.accCodForm = fb.group ({
@@ -143,7 +140,8 @@ export class SettingsComponent implements OnInit {
 				});
 
 			if (data.o.payconf) {
-				this.settingsForm.get('vKey')!.enable();
+				this.vKaccess = false;
+				//this.settingsForm.get('vKey')!.enable();
 			}
 			this.owner = data.o;
 			this.viewkey = data.o.viewkey;
@@ -158,7 +156,7 @@ export class SettingsComponent implements OnInit {
 				this.xeroLink = `https://login.xero.com/identity/connect/authorize?response_type=code&client_id=${this.clientId}&redirect_uri=http%3A%2F%2Flocalhost%3A4200%2Fxeroauth&scope=accounting.transactions offline_access&state=${this.owner.address.substring(0, 6)}`
 			});
 			this.accCodeUpdate = xeroService.accCodeUpdate;
-			xeroService.getXeroAccountCode(this.owner.address);
+			xeroService.getXeroAccountCode();
 			this.accCodeUpdate.subscribe(accData => {
 				this.xeroAccCod = accData;
 				//console.log("xeroAccCod -> [" + this.xeroAccCod + "]");
@@ -182,23 +180,24 @@ export class SettingsComponent implements OnInit {
 
 	ngOnInit() {
 
-	      this.settingsForm.get('vKey')!.disable();
-  			// 
-  			this.chgUILanguage();
-         //console.log('SETTINGS: Return from chgUILanguage()');
-         //
-         this.languageRdy.subscribe (
-         	  data => {
-			      	this.linkMsg = this.vE.settingsLink2Xero; 
-			      	this.pmtServiceURL + '';
-			      	if ( this.linked2Xero ) {
-		   	   		this.linkMsg = this.vE.settingsRelink2Xero; //'Relink to Xero';
-		      			this.pmtServiceURL = 
-		      				'https://zgo.cash/pmtservice?owner=' + 
-		      	         this.owner._id + 
-		      	         '&invoiceNo=[INVOICENUMBER]&currency=[CURRENCY]&amount=[AMOUNTDUE]&shortCode=[SHORTCODE]';
-	      			}
-         	  });
+		//this.settingsForm.get('vKey')!.disable();
+		// 
+		this.vKaccess = true;
+		this.chgUILanguage();
+		//console.log('SETTINGS: Return from chgUILanguage()');
+		//
+		this.languageRdy.subscribe (
+			data => {
+				this.linkMsg = this.vE.settingsLink2Xero; 
+				this.pmtServiceURL + '';
+				if ( this.linked2Xero ) {
+					this.linkMsg = this.vE.settingsRelink2Xero; //'Relink to Xero';
+					this.pmtServiceURL = 
+						'https://zgo.cash/pmtservice?owner=' + 
+					this.owner._id + 
+						'&invoiceNo=[INVOICENUMBER]&currency=[CURRENCY]&amount=[AMOUNTDUE]&shortCode=[SHORTCODE]';
+				}
+			});
 	}
 
 	safeURL(s: string){
@@ -207,7 +206,7 @@ export class SettingsComponent implements OnInit {
 
 	close() {
 
-		this.dialogRef.close();
+		this.dialogRef.close(null);
 	}
 
 	closeIntegration() {
@@ -224,8 +223,8 @@ export class SettingsComponent implements OnInit {
 		this.owner.currency = this.settingsForm.value.currency;
 		this.owner.zats = this.settingsForm.value.useZats;
 		this.owner.payconf = this.settingsForm.value.useVKey;
-		this.viewkey = this.settingsForm.value.vKey;
-		//this.owner.invoices = this.settingsForm.value.proVersion
+		this.owner.viewkey = this.settingsForm.value.vKey;
+		console.log('Settings component key: ' + this.owner.viewkey);
 		this.dialogRef.close(this.owner);
 	}
 
@@ -238,15 +237,16 @@ export class SettingsComponent implements OnInit {
 	}
 
 	onChangeVKeyOn(ob: MatSlideToggleChange) {
-//		console.log("Viewing key switch is " + 
-//			        ( ob.checked ? "[ON]." : "[OFF]." ) );
+		//		console.log("Viewing key switch is " + 
+		//			        ( ob.checked ? "[ON]." : "[OFF]." ) );
 
-        this.useVKey = ob.checked;
-
-	    if ( ob.checked ) 
-	      this.settingsForm.get('vKey')!.enable();
-	    else 
-	      this.settingsForm.get('vKey')!.disable();
+		if ( ob.checked ) {
+			//this.settingsForm.get('vKey')!.enable();
+			this.vKaccess = false;
+		} else { 
+			//this.settingsForm.get('vKey')!.disable();
+			this.vKaccess = true;
+		}
 
 	}
 

src/app/user.service.ts

@@ -162,17 +162,54 @@ export class UserService{
 	}
 
 	saveOwnerSettings(o: Owner) {
-		let obs = this.http.post(this.beUrl + 'api/ownersettings', {payload: o}, {headers: this.reqHeaders, params: this.reqParams});
+		console.log('saveOwnerSettings: ' + o.viewkey);
+		if(o.viewkey.length > 20) {
+			this.saveOwnerViewingKey(o.viewkey).subscribe({
+				next: () => {
+					let obs = this.http.post(this.beUrl + 'api/ownersettings', {payload: o}, {headers: this.reqHeaders, params: this.reqParams});
+					obs.subscribe({
+						next: () => {
+							this.getOwner();
+						},
+						error: (error) => {
+							if ( error.status == 500 ){
+								this.notifierService.showNotification("Saving settings failed", "Close", "error")
+							}
+						}
+					});
+				}
+			});
+		} else {
+			let obs = this.http.post(this.beUrl + 'api/ownersettings', {payload: o}, {headers: this.reqHeaders, params: this.reqParams});
+			obs.subscribe({
+				next: () => {
+					this.getOwner();
+				},
+				error: (error) => {
+					if ( error.status == 500 ){
+						this.notifierService.showNotification("Saving settings failed", "Close", "error")
+					}
+				}
+			});
+		}
+	}
+
+	saveOwnerViewingKey(vk: string){
+		let obs = this.http.post(this.beUrl + 'api/ownervk', {payload: vk}, {headers: this.reqHeaders, params: this.reqParams});
 		obs.subscribe({
 			next: () => {
 				this.getOwner();
 			},
 			error: (error) => {
-				if ( error.status == 500 ){
-					this.notifierService.showNotification("Saving settings failed", "Close", "error")
+				if (error.status == 400) {
+					this.notifierService.showNotification('Invalid viewing key, changes not saved', 'Close', 'error');
+				} else if (error.status == 403) {
+					this.notifierService.showNotification('Viewing key does not match shop, changes not saved', 'Close', 'error');
 				}
 			}
-		})
+		});
+
+		return obs;
 	}
 
 	getOwner() {

src/app/xero.service.ts

@@ -24,7 +24,7 @@ export class XeroService {
 	savedAcc : boolean = false;
 
 	public savedAccObs = new Observable((observer) => {
-     console.log("starting savedAccObs");
+     //console.log("starting savedAccObs");
      setTimeout(() => {observer.next(this.savedAcc)},1000);
 	})
 
@@ -65,15 +65,14 @@ export class XeroService {
 		return obs;
 	}
 
-	getXeroAccessToken(code: string, address: string){
-		const params = this.reqParams.append('code', code).append('address', address);
+	getXeroAccessToken(code: string){
+		const params = this.reqParams.append('code', code);
 		let obs = this.http.get(this.beUrl + 'api/xerotoken' , {headers: this.reqHeaders, params: params, observe: 'response'});
 		return obs;
 	}
 
-	getXeroAccountCode(address: string){
-		const params = this.reqParams.append('address', address);
-		let obs = this.http.get<{message: string, code: string}>(this.beUrl + 'api/xeroaccount', {headers: this.reqHeaders, params: params, observe: 'response'});
+	getXeroAccountCode(){
+		let obs = this.http.get<{message: string, code: string}>(this.beUrl + 'api/xeroaccount', {headers: this.reqHeaders, params: this.reqParams, observe: 'response'});
 		obs.subscribe(accountResponse => {
 			if (accountResponse.status == 200) {
 				this.xeroAcc = accountResponse.body!.code;

src/app/xeroreg/xeroreg.component.ts

@@ -77,7 +77,7 @@ export class XeroRegComponent implements OnInit {
 			this.activatedRoute.queryParams.subscribe((params) => {
 				//console.log(params);
 				if (params.state === this.owner.address.substring(0,6)) {
-					this.xeroService.getXeroAccessToken(params.code, this.owner.address).subscribe(tokenData => {
+					this.xeroService.getXeroAccessToken(params.code).subscribe(tokenData => {
 						if (tokenData.status == 200) {
 							//console.log(tokenData.body!);
 							this.flag = true;

src/index.html

@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>Z-Go!</title>
+  <title>ZGo - The Zcash Register</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">