Share
Report
424Hi All,
i'm new to store commerce extension
I'm trying to open a new HTML form before adding a customer to the cart, i did the following
- Created an HTML form,
- Create Typescript module
- extended PreCustomerSetTrigger
- updated manifest file
but the extension not loaded and showing below error
Failed to fetch Instantiating https://local.storecommerce.dynamics.com/Create/Dialogs/EnterCustomerContactDialogs/EnterCustomerContactModule Loading https://extensions.local.storecommerce.dynamics.com/UCCustomerContact/Extend/Triggers/BeforeAddingCustomerToCartTrigger.js Loading
PreSetCustomer Extension code
------------------------------------
import { IPreCustomerSetTriggerOptions, PreCustomerSetTrigger } from "PosApi/Extend/Triggers/CustomerTriggers";
import { ClientEntities } from "PosApi/Entities";
import DialogSampleModule from "Create/Dialogs/EnterCustomerContactDialogs/EnterCustomerContactModule"
export default class AfterAddingCustomerToCart extends PreCustomerSetTrigger {
public execute(options: IPreCustomerSetTriggerOptions): Promise<ClientEntities.ICancelable> {
return new Promise((resolve, reject) => {
let dialogSampleModule: DialogSampleModule = new DialogSampleModule();
dialogSampleModule.open();
//const result = "Operation completed successfully";
//alert(result);
const cancelableResult: ClientEntities.ICancelable = {
canceled: false
};
resolve(cancelableResult);
});
}
}
import { ClientEntities } from "PosApi/Entities";
import DialogSampleModule from "Create/Dialogs/EnterCustomerContactDialogs/EnterCustomerContactModule"
export default class AfterAddingCustomerToCart extends PreCustomerSetTrigger {
public execute(options: IPreCustomerSetTriggerOptions): Promise<ClientEntities.ICancelable> {
return new Promise((resolve, reject) => {
let dialogSampleModule: DialogSampleModule = new DialogSampleModule();
dialogSampleModule.open();
//const result = "Operation completed successfully";
//alert(result);
const cancelableResult: ClientEntities.ICancelable = {
canceled: false
};
resolve(cancelableResult);
});
}
}
EnterCustomerContactModule
----------------------------------
import * as Dialogs from "PosApi/Create/Dialogs";
import { ObjectExtensions } from "PosApi/TypeExtensions";
import { ISampleDialogResult } from "Create/Dialogs/EnterCustomerContactDialogs/IDialogSampleResult";
import ko from "knockout";
type DialogResolve = (value: ISampleDialogResult) => void;
type DialogReject = (reason: any) => void;
export default class DialogSampleModule extends Dialogs.ExtensionTemplatedDialogBase {
public userEnteredValue: ko.Observable<string>;
private _resolve: DialogResolve;
constructor() {
super();
this.userEnteredValue = ko.observable("");
}
public onReady(element: HTMLElement): void {
ko.applyBindings(this, element);
}
import { ObjectExtensions } from "PosApi/TypeExtensions";
import { ISampleDialogResult } from "Create/Dialogs/EnterCustomerContactDialogs/IDialogSampleResult";
import ko from "knockout";
type DialogResolve = (value: ISampleDialogResult) => void;
type DialogReject = (reason: any) => void;
export default class DialogSampleModule extends Dialogs.ExtensionTemplatedDialogBase {
public userEnteredValue: ko.Observable<string>;
private _resolve: DialogResolve;
constructor() {
super();
this.userEnteredValue = ko.observable("");
}
public onReady(element: HTMLElement): void {
ko.applyBindings(this, element);
}
public open(): Promise<ISampleDialogResult> {
let promise: Promise<ISampleDialogResult> = new Promise((resolve: DialogResolve, reject: DialogReject) => {
this._resolve = resolve;
let option: Dialogs.ITemplatedDialogOptions = {
title: "Create Customer Contact",
button1: {
id: "btnCreate",
label: "Create Customer Contact",
isPrimary: true,
onClick: this.btnUpdateClickHandler.bind(this)
},
button2: {
id: "btnCancel",
label: "Create Customer Contact",
onClick: this.btnCancelClickHandler.bind(this)
},
onCloseX: () => this.btnCancelClickHandler()
};
this._resolve = resolve;
let option: Dialogs.ITemplatedDialogOptions = {
title: "Create Customer Contact",
button1: {
id: "btnCreate",
label: "Create Customer Contact",
isPrimary: true,
onClick: this.btnUpdateClickHandler.bind(this)
},
button2: {
id: "btnCancel",
label: "Create Customer Contact",
onClick: this.btnCancelClickHandler.bind(this)
},
onCloseX: () => this.btnCancelClickHandler()
};
this.openDialog(option);
});
return promise;
}
});
return promise;
}
private btnUpdateClickHandler(): boolean {
this.resolvePromise("Success");
return true;
}
this.resolvePromise("Success");
return true;
}
private btnCancelClickHandler(): boolean {
this.resolvePromise(null);
return true;
}
this.resolvePromise(null);
return true;
}
private resolvePromise(result: string): void {
if (ObjectExtensions.isFunction(this._resolve)) {
this._resolve(<ISampleDialogResult>{
selectedValue: result
});
if (ObjectExtensions.isFunction(this._resolve)) {
this._resolve(<ISampleDialogResult>{
selectedValue: result
});
this._resolve = null;
}
}
}
}
}
}
Categories:
All responses (
Answers (
