@progressive-development/pd-spa-helper 0.8.22 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +2 -21
- package/dist/PdSpaHelper.js +118 -122
- package/dist/defaultpage/default-confirm-popup.d.ts +1 -1
- package/dist/defaultpage/default-confirm-popup.js +19 -22
- package/dist/defaultpage/default-dialog-popup.d.ts +1 -1
- package/dist/defaultpage/default-dialog-popup.js +22 -22
- package/dist/defaultpage/default-login.d.ts +1 -1
- package/dist/defaultpage/default-login.js +8 -8
- package/dist/defaultpage/default-not-found.d.ts +1 -1
- package/dist/defaultpage/default-not-found.js +7 -7
- package/dist/defaultpage/default-popup.d.ts +1 -1
- package/dist/defaultpage/default-popup.js +17 -16
- package/dist/defaultpage/default-step-address.d.ts +2 -2
- package/dist/defaultpage/default-step-address.js +13 -14
- package/dist/defaultpage/default-step-summary.d.ts +2 -2
- package/dist/defaultpage/default-step-summary.js +20 -19
- package/dist/defaultpage/default-view-page.js +9 -6
- package/dist/defaultpage/default-wizard.d.ts +1 -1
- package/dist/defaultpage/default-wizard.js +32 -41
- package/dist/defaultpage/pd-default-wizard-step.d.ts +3 -1
- package/dist/defaultpage/pd-default-wizard-step.d.ts.map +1 -1
- package/dist/defaultpage/pd-default-wizard-step.js +11 -14
- package/dist/generated/locale-wrapper/be-wrapper.d.ts +2 -1
- package/dist/generated/locale-wrapper/be-wrapper.d.ts.map +1 -1
- package/dist/generated/locale-wrapper/be-wrapper.js +10 -10
- package/dist/generated/locale-wrapper/de-wrapper.d.ts +2 -1
- package/dist/generated/locale-wrapper/de-wrapper.d.ts.map +1 -1
- package/dist/generated/locale-wrapper/de-wrapper.js +10 -10
- package/dist/generated/locale-wrapper/en-wrapper.d.ts +2 -1
- package/dist/generated/locale-wrapper/en-wrapper.d.ts.map +1 -1
- package/dist/generated/locale-wrapper/en-wrapper.js +10 -10
- package/dist/generated/locales/be.js +2 -3
- package/dist/generated/locales/de.js +2 -3
- package/dist/generated/locales/en.js +2 -3
- package/dist/helper/blob-helper.js +2 -4
- package/dist/helper/date-helper.js +7 -16
- package/dist/helper/locale-format.js +2 -5
- package/dist/helper/logger.js +3 -5
- package/dist/helper/number-helper.js +2 -3
- package/dist/helper/offline-watcher-helper.js +5 -6
- package/dist/helper/price-helper.js +6 -9
- package/dist/helper/refresh-id-token.js +6 -6
- package/dist/helper/text-helper.js +2 -4
- package/dist/index.js +42 -78
- package/dist/model/spa-model.js +2 -4
- package/dist/popup/wizard-close-popup.d.ts +1 -1
- package/dist/popup/wizard-close-popup.js +7 -7
- package/dist/popup/wizard-reload-popup.d.ts +1 -1
- package/dist/popup/wizard-reload-popup.js +7 -7
- package/dist/router/PdRouterService.js +11 -15
- package/dist/service-provider/firebase/auth.js +7 -14
- package/dist/service-provider/firebase/firestorage-client.js +23 -34
- package/dist/service-provider/firebase/firestore-client.d.ts +1 -1
- package/dist/service-provider/firebase/firestore-client.d.ts.map +1 -1
- package/dist/service-provider/firebase/firestore-client.js +5 -6
- package/dist/service-provider/firebase/functions-client.js +9 -10
- package/dist/service-provider/firebase/messagingFirebaseClient.js +9 -13
- package/dist/service-provider/mock/auth.js +3 -8
- package/dist/service-provider/mock/function-client.js +8 -10
- package/dist/service-provider/mock/storage-client.js +3 -7
- package/dist/service-provider/service-provider-impl.d.ts +2 -2
- package/dist/service-provider/service-provider-impl.d.ts.map +1 -1
- package/dist/service-provider/service-provider-impl.js +16 -35
- package/dist/service-provider/service-provider-model.js +2 -5
- package/dist/store/indexDB.js +6 -17
- package/dist/store/mini-rx.store.js +7 -8
- package/dist/store/spa-app-actions.js +4 -16
- package/dist/store/spa-app-effects.d.ts +1 -1
- package/dist/store/spa-app-effects.js +9 -12
- package/dist/store/spa-app-reducer.js +10 -14
- package/dist/store/spa-app-selector.js +5 -11
- package/dist/stories/address-edit.stories.d.ts +1 -1
- package/dist/stories/address-new.stories.d.ts +1 -1
- package/dist/stories/default-login.stories.d.ts +1 -1
- package/dist/stories/pd-loading-state.stories.d.ts +1 -1
- package/dist/stories/pd-toast.stories.d.ts +1 -1
- package/dist/stories/routing.stories.d.ts +1 -1
- package/dist/stories/routing.stories.d.ts.map +1 -1
- package/dist/stories/test-impls/test-pages/test-home-page.d.ts +1 -1
- package/dist/stories/test-impls/test-pages/test-not-found-page.d.ts +1 -1
- package/dist/stories/test-impls/test-pages/test-wizard.d.ts +2 -2
- package/dist/stories/test-impls/test-popups/default-confirm-popup-test-error.d.ts +1 -1
- package/dist/stories/test-impls/test-popups/default-confirm-popup-test-info.d.ts +1 -1
- package/dist/stories/test-impls/test-popups/default-confirm-popup-test-warn.d.ts +1 -1
- package/dist/stories/test-impls/test-popups/default-dialog-popup-test.d.ts +1 -1
- package/dist/stories/test-impls/test-popups/default-popup-test.d.ts +1 -1
- package/dist/stories/test-wizard-step.stories.d.ts +1 -1
- package/dist/stories/test-wizard.stories.d.ts +1 -1
- package/dist/tmpown/pd-loading-state.d.ts +2 -2
- package/dist/tmpown/pd-loading-state.js +8 -8
- package/dist/tmpown/pd-login.d.ts +1 -1
- package/dist/tmpown/pd-login.d.ts.map +1 -1
- package/dist/tmpown/pd-login.js +14 -14
- package/dist/tmpown/pd-toast.d.ts +1 -1
- package/dist/tmpown/pd-toast.js +6 -7
- package/package.json +32 -53
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { html } from
|
|
2
|
-
import { property } from
|
|
3
|
-
import
|
|
4
|
-
import { PdDefaultWizardStep } from
|
|
1
|
+
import { html } from 'lit';
|
|
2
|
+
import { property } from 'lit/decorators.js';
|
|
3
|
+
import '@progressive-development/pd-order/pd-order-contacts';
|
|
4
|
+
import { PdDefaultWizardStep } from './pd-default-wizard-step.js';
|
|
5
|
+
|
|
5
6
|
var __defProp = Object.defineProperty;
|
|
6
7
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
7
|
-
var result = void 0;
|
|
8
|
+
var result = void 0 ;
|
|
8
9
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
9
10
|
if (decorator = decorators[i])
|
|
10
|
-
result = decorator(target, key, result) || result;
|
|
11
|
+
result = (decorator(target, key, result) ) || result;
|
|
11
12
|
if (result) __defProp(target, key, result);
|
|
12
13
|
return result;
|
|
13
14
|
};
|
|
@@ -23,7 +24,6 @@ class DefaultStepAddress extends PdDefaultWizardStep {
|
|
|
23
24
|
return this._renderFormContent();
|
|
24
25
|
}
|
|
25
26
|
_renderFormContent() {
|
|
26
|
-
var _a, _b, _c, _d;
|
|
27
27
|
return html`
|
|
28
28
|
${this._addressInfo ? html` <p>${this._addressInfo}</p> ` : ""}
|
|
29
29
|
<pd-order-contacts
|
|
@@ -32,10 +32,10 @@ class DefaultStepAddress extends PdDefaultWizardStep {
|
|
|
32
32
|
?withPropertyOwner="${this.withPropertyOwner}"
|
|
33
33
|
?withPropertyDate="${this.withPropertyDate}"
|
|
34
34
|
.match="${this.match}"
|
|
35
|
-
.orderContact="${
|
|
36
|
-
.billingContact="${
|
|
37
|
-
.adminContact="${
|
|
38
|
-
.propertyContact="${
|
|
35
|
+
.orderContact="${this.contacts?.orderContact}"
|
|
36
|
+
.billingContact="${this.contacts?.billingContact}"
|
|
37
|
+
.adminContact="${this.contacts?.adminContact}"
|
|
38
|
+
.propertyContact="${this.contacts?.propertyContact}"
|
|
39
39
|
.requiredFields="${this.requiredFields}"
|
|
40
40
|
></pd-order-contacts>
|
|
41
41
|
`;
|
|
@@ -73,6 +73,5 @@ __decorateClass([
|
|
|
73
73
|
__decorateClass([
|
|
74
74
|
property({ type: Array })
|
|
75
75
|
], DefaultStepAddress.prototype, "requiredFields");
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
};
|
|
76
|
+
|
|
77
|
+
export { DefaultStepAddress };
|
|
@@ -20,8 +20,8 @@ export declare abstract class DefaultStepSummary<T> extends PdDefaultWizardStep<
|
|
|
20
20
|
abstract _withAgreement: boolean;
|
|
21
21
|
static styles: CSSResultGroup;
|
|
22
22
|
update(changedProps: any): void;
|
|
23
|
-
render(): import('lit
|
|
24
|
-
renderSummary(): import('lit
|
|
23
|
+
render(): import('lit').TemplateResult<1>;
|
|
24
|
+
renderSummary(): import('lit').TemplateResult<1>;
|
|
25
25
|
abstract _prepareOrderSteps(): OrderStep[];
|
|
26
26
|
abstract _getConditions(): HTMLTemplateResult;
|
|
27
27
|
}
|
|
@@ -1,23 +1,33 @@
|
|
|
1
|
-
import { css, html } from
|
|
2
|
-
import { property, state } from
|
|
3
|
-
import
|
|
4
|
-
import { PdDefaultWizardStep } from
|
|
1
|
+
import { css, html } from 'lit';
|
|
2
|
+
import { property, state } from 'lit/decorators.js';
|
|
3
|
+
import '@progressive-development/pd-order/pd-order-summary';
|
|
4
|
+
import { PdDefaultWizardStep } from './pd-default-wizard-step.js';
|
|
5
|
+
|
|
5
6
|
var __defProp = Object.defineProperty;
|
|
6
7
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
7
|
-
var result = void 0;
|
|
8
|
+
var result = void 0 ;
|
|
8
9
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
9
10
|
if (decorator = decorators[i])
|
|
10
|
-
result = decorator(target, key, result) || result;
|
|
11
|
+
result = (decorator(target, key, result) ) || result;
|
|
11
12
|
if (result) __defProp(target, key, result);
|
|
12
13
|
return result;
|
|
13
14
|
};
|
|
14
|
-
|
|
15
|
+
class DefaultStepSummary extends PdDefaultWizardStep {
|
|
15
16
|
constructor() {
|
|
16
17
|
super(...arguments);
|
|
17
18
|
this.withPayment = false;
|
|
18
19
|
this.wizardSteps = [];
|
|
19
20
|
this._orderSteps = [];
|
|
20
21
|
}
|
|
22
|
+
static {
|
|
23
|
+
this.styles = [
|
|
24
|
+
css`
|
|
25
|
+
pd-order-summary {
|
|
26
|
+
padding-bottom: 1.3em;
|
|
27
|
+
}
|
|
28
|
+
`
|
|
29
|
+
];
|
|
30
|
+
}
|
|
21
31
|
update(changedProps) {
|
|
22
32
|
if (changedProps.has("orderForSummary") && this.orderForSummary) {
|
|
23
33
|
this._orderSteps = this._prepareOrderSteps();
|
|
@@ -40,15 +50,7 @@ const _DefaultStepSummary = class _DefaultStepSummary extends PdDefaultWizardSte
|
|
|
40
50
|
</pd-order-summary>
|
|
41
51
|
`;
|
|
42
52
|
}
|
|
43
|
-
}
|
|
44
|
-
_DefaultStepSummary.styles = [
|
|
45
|
-
css`
|
|
46
|
-
pd-order-summary {
|
|
47
|
-
padding-bottom: 1.3em;
|
|
48
|
-
}
|
|
49
|
-
`
|
|
50
|
-
];
|
|
51
|
-
let DefaultStepSummary = _DefaultStepSummary;
|
|
53
|
+
}
|
|
52
54
|
__decorateClass([
|
|
53
55
|
property({ type: Boolean })
|
|
54
56
|
], DefaultStepSummary.prototype, "withPayment");
|
|
@@ -61,6 +63,5 @@ __decorateClass([
|
|
|
61
63
|
__decorateClass([
|
|
62
64
|
state()
|
|
63
65
|
], DefaultStepSummary.prototype, "_orderSteps");
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
};
|
|
66
|
+
|
|
67
|
+
export { DefaultStepSummary };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { css, LitElement } from
|
|
2
|
-
import { property } from
|
|
3
|
-
import { localized } from
|
|
1
|
+
import { css, LitElement } from 'lit';
|
|
2
|
+
import { property } from 'lit/decorators.js';
|
|
3
|
+
import { localized } from '@lit/localize';
|
|
4
|
+
|
|
4
5
|
var __defProp = Object.defineProperty;
|
|
5
6
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
7
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
@@ -21,6 +22,9 @@ let DefaultViewPage = class extends LitElement {
|
|
|
21
22
|
return this.active;
|
|
22
23
|
}
|
|
23
24
|
};
|
|
25
|
+
/**
|
|
26
|
+
* Define some default classes for view-pages, could - but most not - used.
|
|
27
|
+
*/
|
|
24
28
|
DefaultViewPage.styles = [
|
|
25
29
|
css`
|
|
26
30
|
:host {
|
|
@@ -62,6 +66,5 @@ __decorateClass([
|
|
|
62
66
|
DefaultViewPage = __decorateClass([
|
|
63
67
|
localized()
|
|
64
68
|
], DefaultViewPage);
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
};
|
|
69
|
+
|
|
70
|
+
export { DefaultViewPage };
|
|
@@ -15,7 +15,7 @@ export declare abstract class DefaultWizard<T> extends DefaultViewPage {
|
|
|
15
15
|
_orderFormData?: T;
|
|
16
16
|
_withLocalStorageId?: string;
|
|
17
17
|
update(changedProps: PropertyValues<this>): void;
|
|
18
|
-
render(): import('lit
|
|
18
|
+
render(): import('lit').TemplateResult<1>;
|
|
19
19
|
protected _nextStep(e: CustomEvent): void;
|
|
20
20
|
protected _previousStep(e: CustomEvent): void;
|
|
21
21
|
protected _goToStep(e: any): void;
|
|
@@ -1,25 +1,26 @@
|
|
|
1
|
-
import { html } from
|
|
2
|
-
import { state } from
|
|
3
|
-
import { msg } from
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { DefaultViewPage } from
|
|
7
|
-
import { WizardReloadPopup } from
|
|
8
|
-
import { WizardClosePopup } from
|
|
9
|
-
import { ABORT_EVENT_NAME, STORE_EVENT_NAME } from
|
|
10
|
-
import { createLogger } from
|
|
1
|
+
import { html } from 'lit';
|
|
2
|
+
import { state } from 'lit/decorators.js';
|
|
3
|
+
import { msg } from '@lit/localize';
|
|
4
|
+
import '@progressive-development/pd-dialog/pd-popup-dialog';
|
|
5
|
+
import '@progressive-development/pd-wizard/pd-wizard';
|
|
6
|
+
import { DefaultViewPage } from './default-view-page.js';
|
|
7
|
+
import { WizardReloadPopup } from '../popup/wizard-reload-popup.js';
|
|
8
|
+
import { WizardClosePopup } from '../popup/wizard-close-popup.js';
|
|
9
|
+
import { ABORT_EVENT_NAME, STORE_EVENT_NAME } from './default-confirm-popup.js';
|
|
10
|
+
import { createLogger } from '../helper/logger.js';
|
|
11
|
+
|
|
11
12
|
var __defProp = Object.defineProperty;
|
|
12
13
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
13
|
-
var result = void 0;
|
|
14
|
+
var result = void 0 ;
|
|
14
15
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
15
16
|
if (decorator = decorators[i])
|
|
16
|
-
result = decorator(target, key, result) || result;
|
|
17
|
+
result = (decorator(target, key, result) ) || result;
|
|
17
18
|
if (result) __defProp(target, key, result);
|
|
18
19
|
return result;
|
|
19
20
|
};
|
|
20
21
|
const RUNNING_WIZARD_STORAGE_ELEMENTS = "pd.spa.local.wizard.storage";
|
|
21
22
|
const wizzardLogger = createLogger("PdDefaultWizard");
|
|
22
|
-
const _DefaultWizard = class
|
|
23
|
+
const _DefaultWizard = class _DefaultWizard extends DefaultViewPage {
|
|
23
24
|
constructor() {
|
|
24
25
|
super(...arguments);
|
|
25
26
|
this.panelWizard = false;
|
|
@@ -52,7 +53,6 @@ const _DefaultWizard = class _DefaultWizard2 extends DefaultViewPage {
|
|
|
52
53
|
`;
|
|
53
54
|
}
|
|
54
55
|
_nextStep(e) {
|
|
55
|
-
var _a;
|
|
56
56
|
const setNextStep = () => {
|
|
57
57
|
if (this._currentOrderStep < this._wizardSteps.length) {
|
|
58
58
|
this._currentOrderStep += 1;
|
|
@@ -60,14 +60,14 @@ const _DefaultWizard = class _DefaultWizard2 extends DefaultViewPage {
|
|
|
60
60
|
this._doStorageUpdate();
|
|
61
61
|
}
|
|
62
62
|
if (!this.panelWizard) {
|
|
63
|
-
|
|
63
|
+
_DefaultWizard._timeOutScroll();
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
|
-
const curentStepEl =
|
|
67
|
+
const curentStepEl = this.shadowRoot?.getElementById(
|
|
68
68
|
`wiz${this._currentOrderStep}Id`
|
|
69
69
|
);
|
|
70
|
-
if (curentStepEl
|
|
70
|
+
if (curentStepEl?.valid) {
|
|
71
71
|
this._orderFormData = curentStepEl.setFormData(this._orderFormData);
|
|
72
72
|
if (this._wizardSteps.length === this._currentOrderStep) {
|
|
73
73
|
this._submitWizard();
|
|
@@ -75,7 +75,7 @@ const _DefaultWizard = class _DefaultWizard2 extends DefaultViewPage {
|
|
|
75
75
|
setNextStep();
|
|
76
76
|
}
|
|
77
77
|
} else {
|
|
78
|
-
curentStepEl
|
|
78
|
+
curentStepEl?.triggerValidate();
|
|
79
79
|
}
|
|
80
80
|
e.stopPropagation();
|
|
81
81
|
}
|
|
@@ -83,7 +83,7 @@ const _DefaultWizard = class _DefaultWizard2 extends DefaultViewPage {
|
|
|
83
83
|
if (this._currentOrderStep > 1) {
|
|
84
84
|
this._currentOrderStep -= 1;
|
|
85
85
|
if (!this.panelWizard) {
|
|
86
|
-
|
|
86
|
+
_DefaultWizard._timeOutScroll();
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
89
|
e.stopPropagation();
|
|
@@ -93,13 +93,12 @@ const _DefaultWizard = class _DefaultWizard2 extends DefaultViewPage {
|
|
|
93
93
|
if (stepNr > 0 && stepNr <= this._wizardSteps.length) {
|
|
94
94
|
this._currentOrderStep = Number(stepNr);
|
|
95
95
|
if (!this.panelWizard) {
|
|
96
|
-
|
|
96
|
+
_DefaultWizard._timeOutScroll();
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
99
|
e.stopPropagation();
|
|
100
100
|
}
|
|
101
101
|
_closeWizardRequest() {
|
|
102
|
-
var _a, _b;
|
|
103
102
|
if (this._withLocalStorageId) {
|
|
104
103
|
const popup = new WizardClosePopup();
|
|
105
104
|
popup.withStorage = true;
|
|
@@ -110,17 +109,15 @@ const _DefaultWizard = class _DefaultWizard2 extends DefaultViewPage {
|
|
|
110
109
|
id: "spaH.wizard.storage.close.popup.cancel"
|
|
111
110
|
});
|
|
112
111
|
popup.addEventListener(ABORT_EVENT_NAME, () => {
|
|
113
|
-
var _a2;
|
|
114
112
|
this._removeFromStorage();
|
|
115
|
-
|
|
113
|
+
this.shadowRoot?.removeChild(popup);
|
|
116
114
|
this._closeWizard();
|
|
117
115
|
});
|
|
118
116
|
popup.addEventListener(STORE_EVENT_NAME, () => {
|
|
119
|
-
|
|
120
|
-
(_a2 = this.shadowRoot) == null ? void 0 : _a2.removeChild(popup);
|
|
117
|
+
this.shadowRoot?.removeChild(popup);
|
|
121
118
|
this._closeWizard();
|
|
122
119
|
});
|
|
123
|
-
|
|
120
|
+
this.shadowRoot?.appendChild(popup);
|
|
124
121
|
} else {
|
|
125
122
|
const popup = new WizardClosePopup();
|
|
126
123
|
popup.withStorage = false;
|
|
@@ -131,19 +128,16 @@ const _DefaultWizard = class _DefaultWizard2 extends DefaultViewPage {
|
|
|
131
128
|
id: "spaH.wizard.close.popup.cancel"
|
|
132
129
|
});
|
|
133
130
|
popup.addEventListener(ABORT_EVENT_NAME, () => {
|
|
134
|
-
|
|
135
|
-
(_a2 = this.shadowRoot) == null ? void 0 : _a2.removeChild(popup);
|
|
131
|
+
this.shadowRoot?.removeChild(popup);
|
|
136
132
|
});
|
|
137
133
|
popup.addEventListener(STORE_EVENT_NAME, () => {
|
|
138
|
-
|
|
139
|
-
(_a2 = this.shadowRoot) == null ? void 0 : _a2.removeChild(popup);
|
|
134
|
+
this.shadowRoot?.removeChild(popup);
|
|
140
135
|
this._closeWizard();
|
|
141
136
|
});
|
|
142
|
-
|
|
137
|
+
this.shadowRoot?.appendChild(popup);
|
|
143
138
|
}
|
|
144
139
|
}
|
|
145
140
|
_reloadFromStorage(storageKey) {
|
|
146
|
-
var _a;
|
|
147
141
|
wizzardLogger.debug(`call _reloadFromStorage ${storageKey}`);
|
|
148
142
|
if (storageKey) {
|
|
149
143
|
const storageEl = this.getWizardStorage()[storageKey];
|
|
@@ -158,27 +152,25 @@ const _DefaultWizard = class _DefaultWizard2 extends DefaultViewPage {
|
|
|
158
152
|
id: "spaH.wizard.reload.popup.cancel"
|
|
159
153
|
});
|
|
160
154
|
popup.addEventListener(ABORT_EVENT_NAME, () => {
|
|
161
|
-
var _a2;
|
|
162
155
|
this._removeFromStorage();
|
|
163
|
-
|
|
156
|
+
this.shadowRoot?.removeChild(popup);
|
|
164
157
|
});
|
|
165
158
|
popup.addEventListener(STORE_EVENT_NAME, () => {
|
|
166
|
-
var _a2, _b;
|
|
167
159
|
wizzardLogger.debug(
|
|
168
160
|
`Reload storage element from ${storageEl.timestamp}`
|
|
169
161
|
);
|
|
170
162
|
this._orderFormData = storageEl.orderFormData;
|
|
171
163
|
this._currentOrderStep = storageEl.wizardStep;
|
|
172
|
-
|
|
164
|
+
this.shadowRoot?.removeChild(popup);
|
|
173
165
|
for (let stepNr = 1; stepNr <= this._wizardSteps.length; stepNr += 1) {
|
|
174
166
|
const stepId = `wiz${stepNr}Id`;
|
|
175
|
-
const stepElement =
|
|
167
|
+
const stepElement = this.shadowRoot?.getElementById(stepId);
|
|
176
168
|
if (stepElement && typeof stepElement.reloadFromOrder === "function") {
|
|
177
169
|
stepElement.reloadFromOrder(this._orderFormData);
|
|
178
170
|
}
|
|
179
171
|
}
|
|
180
172
|
});
|
|
181
|
-
|
|
173
|
+
this.shadowRoot?.appendChild(popup);
|
|
182
174
|
}
|
|
183
175
|
}
|
|
184
176
|
}
|
|
@@ -259,6 +251,5 @@ __decorateClass([
|
|
|
259
251
|
state()
|
|
260
252
|
], _DefaultWizard.prototype, "_withLocalStorageId");
|
|
261
253
|
let DefaultWizard = _DefaultWizard;
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
};
|
|
254
|
+
|
|
255
|
+
export { DefaultWizard };
|
|
@@ -14,7 +14,9 @@ export declare abstract class PdDefaultWizardStep<T, F> extends LitElement {
|
|
|
14
14
|
protected _formElement: {
|
|
15
15
|
triggerValidate: () => Promise<boolean>;
|
|
16
16
|
valid: boolean;
|
|
17
|
-
getValues: () =>
|
|
17
|
+
getValues: () => {
|
|
18
|
+
parsed: F;
|
|
19
|
+
};
|
|
18
20
|
};
|
|
19
21
|
render(): TemplateResult<1>;
|
|
20
22
|
get valid(): boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pd-default-wizard-step.d.ts","sourceRoot":"","sources":["../../src/defaultpage/pd-default-wizard-step.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvD;;;;GAIG;AACH,8BAAsB,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAE,SAAQ,UAAU;IAEhE,SAAS,EAAE,MAAM,CAAY;IAG7B,UAAU,EAAE,MAAM,CAAK;IAGvB,gBAAgB,EAAE,OAAO,CAAS;IAGlC,YAAY,EAAE,OAAO,CAAQ;IAG7B,SAAS,CAAC,SAAS,EAAE,MAAM,CAAM;IAGjC,SAAS,CAAC,UAAU,EAAE,OAAO,CAAS;IAGtC,SAAS,CAAC,YAAY,EAAG;QACvB,eAAe,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;QACxC,KAAK,EAAE,OAAO,CAAC;QACf,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"pd-default-wizard-step.d.ts","sourceRoot":"","sources":["../../src/defaultpage/pd-default-wizard-step.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvD;;;;GAIG;AACH,8BAAsB,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAE,SAAQ,UAAU;IAEhE,SAAS,EAAE,MAAM,CAAY;IAG7B,UAAU,EAAE,MAAM,CAAK;IAGvB,gBAAgB,EAAE,OAAO,CAAS;IAGlC,YAAY,EAAE,OAAO,CAAQ;IAG7B,SAAS,CAAC,SAAS,EAAE,MAAM,CAAM;IAGjC,SAAS,CAAC,UAAU,EAAE,OAAO,CAAS;IAGtC,SAAS,CAAC,YAAY,EAAG;QACvB,eAAe,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;QACxC,KAAK,EAAE,OAAO,CAAC;QACf,SAAS,EAAE,MAAM;YACf,MAAM,EAAE,CAAC,CAAC;SACX,CAAC;KACH,CAAC;IAEO,MAAM;IAgBf,IAAW,KAAK,YAEf;IAEY,eAAe,IAAI,OAAO,CAAC,OAAO,CAAC;IAIzC,WAAW,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC;IAetC,SAAS,CAAC,SAAS,IAAI,cAAc,GAAG,MAAM;IAI9C,SAAS,CAAC,QAAQ,CAAC,kBAAkB,IAAI,cAAc;IAEvD;;;;;;;;OAQG;IAEH,SAAS,CAAC,4BAA4B,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC;IAI1D;;;;;;;OAOG;IACH,SAAS,CAAC,oBAAoB,IAAI,CAAC;IAQnC,SAAS,CAAC,gBAAgB,IAAI,OAAO;IAKrC;;;;OAIG;IAEH,eAAe,CAAC,aAAa,EAAE,CAAC,GAAG,IAAI;IAIvC;;;OAGG;IACH,SAAS,CAAC,cAAc;IAgBxB,aAAa,CAAC,CAAC,EAAE,GAAG;CAwCrB"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { LitElement, html } from
|
|
2
|
-
import { property, state, query } from
|
|
1
|
+
import { LitElement, html } from 'lit';
|
|
2
|
+
import { property, state, query } from 'lit/decorators.js';
|
|
3
|
+
|
|
3
4
|
var __defProp = Object.defineProperty;
|
|
4
5
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
5
|
-
var result = void 0;
|
|
6
|
+
var result = void 0 ;
|
|
6
7
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
7
8
|
if (decorator = decorators[i])
|
|
8
|
-
result = decorator(target, key, result) || result;
|
|
9
|
+
result = (decorator(target, key, result) ) || result;
|
|
9
10
|
if (result) __defProp(target, key, result);
|
|
10
11
|
return result;
|
|
11
12
|
};
|
|
@@ -37,12 +38,10 @@ class PdDefaultWizardStep extends LitElement {
|
|
|
37
38
|
`;
|
|
38
39
|
}
|
|
39
40
|
get valid() {
|
|
40
|
-
|
|
41
|
-
return ((_a = this._formElement) == null ? void 0 : _a.valid) && this._isValidFormData();
|
|
41
|
+
return this._formElement?.valid && this._isValidFormData();
|
|
42
42
|
}
|
|
43
43
|
async triggerValidate() {
|
|
44
|
-
|
|
45
|
-
return (_a = this._formElement) == null ? void 0 : _a.triggerValidate();
|
|
44
|
+
return this._formElement?.triggerValidate();
|
|
46
45
|
}
|
|
47
46
|
setFormData(currentOrder) {
|
|
48
47
|
this._errorMsg = "";
|
|
@@ -83,11 +82,10 @@ class PdDefaultWizardStep extends LitElement {
|
|
|
83
82
|
* @returns preparaed data object from Form
|
|
84
83
|
*/
|
|
85
84
|
_prepareDataFromForm() {
|
|
86
|
-
|
|
87
|
-
if (!((_a = this._formElement) == null ? void 0 : _a.valid)) {
|
|
85
|
+
if (!this._formElement?.valid) {
|
|
88
86
|
throw new Error("Invalid form, prepare not possible");
|
|
89
87
|
}
|
|
90
|
-
return
|
|
88
|
+
return this._formElement?.getValues().parsed;
|
|
91
89
|
}
|
|
92
90
|
_isValidFormData() {
|
|
93
91
|
return true;
|
|
@@ -142,6 +140,5 @@ __decorateClass([
|
|
|
142
140
|
__decorateClass([
|
|
143
141
|
query("#stepFormContainerId")
|
|
144
142
|
], PdDefaultWizardStep.prototype, "_formElement");
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
};
|
|
143
|
+
|
|
144
|
+
export { PdDefaultWizardStep };
|
|
@@ -27,7 +27,8 @@ export declare const templates: {
|
|
|
27
27
|
"pd.order.contacts.billingContact.inputHeader": string;
|
|
28
28
|
"pd.order.contacts.orderContact.inputHeader": string;
|
|
29
29
|
"pd.order.contacts.propertyContact.checkBox": string;
|
|
30
|
-
"pd.order.summary.agree.
|
|
30
|
+
"pd.order.summary.agree.link1": string;
|
|
31
|
+
"pd.order.summary.agree.link2": string;
|
|
31
32
|
"pd.order.summary.agree.required": string;
|
|
32
33
|
"pd.order.summary.billing": string;
|
|
33
34
|
"pd.order.summary.title": string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"be-wrapper.d.ts","sourceRoot":"","sources":["../../../src/generated/locale-wrapper/be-wrapper.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"be-wrapper.d.ts","sourceRoot":"","sources":["../../../src/generated/locale-wrapper/be-wrapper.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQrB,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { beTemplates as beTemplates$3 } from
|
|
2
|
-
import { beTemplates as beTemplates$2 } from
|
|
3
|
-
import { beTemplates as beTemplates$1 } from
|
|
4
|
-
import { beTemplates } from
|
|
5
|
-
import { beTemplates as beTemplates$4 } from
|
|
6
|
-
import { beTemplates as beTemplates$5 } from
|
|
7
|
-
import { templates as templates$1 } from
|
|
1
|
+
import { beTemplates as beTemplates$3 } from '@progressive-development/pd-wizard';
|
|
2
|
+
import { beTemplates as beTemplates$2 } from '@progressive-development/pd-page';
|
|
3
|
+
import { beTemplates as beTemplates$1 } from '@progressive-development/pd-content';
|
|
4
|
+
import { beTemplates } from '@progressive-development/pd-forms';
|
|
5
|
+
import { beTemplates as beTemplates$4 } from '@progressive-development/pd-order';
|
|
6
|
+
import { beTemplates as beTemplates$5 } from '@progressive-development/pd-dialog';
|
|
7
|
+
import { templates as templates$1 } from '../locales/be.js';
|
|
8
|
+
|
|
8
9
|
const templates = {
|
|
9
10
|
...templates$1,
|
|
10
11
|
...beTemplates$5,
|
|
@@ -14,6 +15,5 @@ const templates = {
|
|
|
14
15
|
...beTemplates$1,
|
|
15
16
|
...beTemplates
|
|
16
17
|
};
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
};
|
|
18
|
+
|
|
19
|
+
export { templates };
|
|
@@ -42,7 +42,8 @@ export declare const templates: {
|
|
|
42
42
|
"pd.order.summary.title": string;
|
|
43
43
|
"pd.order.summary.billing": string;
|
|
44
44
|
"pd.order.summary.agree.required": string;
|
|
45
|
-
"pd.order.summary.agree.
|
|
45
|
+
"pd.order.summary.agree.link1": string;
|
|
46
|
+
"pd.order.summary.agree.link2": string;
|
|
46
47
|
"pd.submit.dialog.closeStay": string;
|
|
47
48
|
"pd.submit.dialog.startPage": string;
|
|
48
49
|
"spaH.loadingstate.syncState": string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"de-wrapper.d.ts","sourceRoot":"","sources":["../../../src/generated/locale-wrapper/de-wrapper.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"de-wrapper.d.ts","sourceRoot":"","sources":["../../../src/generated/locale-wrapper/de-wrapper.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQrB,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { deTemplates as deTemplates$3 } from
|
|
2
|
-
import { deTemplates as deTemplates$2 } from
|
|
3
|
-
import { deTemplates as deTemplates$1 } from
|
|
4
|
-
import { deTemplates } from
|
|
5
|
-
import { deTemplates as deTemplates$4 } from
|
|
6
|
-
import { deTemplates as deTemplates$5 } from
|
|
7
|
-
import { templates as templates$1 } from
|
|
1
|
+
import { deTemplates as deTemplates$3 } from '@progressive-development/pd-wizard';
|
|
2
|
+
import { deTemplates as deTemplates$2 } from '@progressive-development/pd-page';
|
|
3
|
+
import { deTemplates as deTemplates$1 } from '@progressive-development/pd-content';
|
|
4
|
+
import { deTemplates } from '@progressive-development/pd-forms';
|
|
5
|
+
import { deTemplates as deTemplates$4 } from '@progressive-development/pd-order';
|
|
6
|
+
import { deTemplates as deTemplates$5 } from '@progressive-development/pd-dialog';
|
|
7
|
+
import { templates as templates$1 } from '../locales/de.js';
|
|
8
|
+
|
|
8
9
|
const templates = {
|
|
9
10
|
...templates$1,
|
|
10
11
|
...deTemplates$5,
|
|
@@ -14,6 +15,5 @@ const templates = {
|
|
|
14
15
|
...deTemplates$1,
|
|
15
16
|
...deTemplates
|
|
16
17
|
};
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
};
|
|
18
|
+
|
|
19
|
+
export { templates };
|
|
@@ -27,7 +27,8 @@ export declare const templates: {
|
|
|
27
27
|
"pd.order.contacts.billingContact.inputHeader": string;
|
|
28
28
|
"pd.order.contacts.orderContact.inputHeader": string;
|
|
29
29
|
"pd.order.contacts.propertyContact.checkBox": string;
|
|
30
|
-
"pd.order.summary.agree.
|
|
30
|
+
"pd.order.summary.agree.link1": string;
|
|
31
|
+
"pd.order.summary.agree.link2": string;
|
|
31
32
|
"pd.order.summary.agree.required": string;
|
|
32
33
|
"pd.order.summary.billing": string;
|
|
33
34
|
"pd.order.summary.title": string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"en-wrapper.d.ts","sourceRoot":"","sources":["../../../src/generated/locale-wrapper/en-wrapper.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"en-wrapper.d.ts","sourceRoot":"","sources":["../../../src/generated/locale-wrapper/en-wrapper.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQrB,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { enTemplates as enTemplates$3 } from
|
|
2
|
-
import { enTemplates as enTemplates$2 } from
|
|
3
|
-
import { enTemplates as enTemplates$1 } from
|
|
4
|
-
import { enTemplates } from
|
|
5
|
-
import { enTemplates as enTemplates$4 } from
|
|
6
|
-
import { enTemplates as enTemplates$5 } from
|
|
7
|
-
import { templates as templates$1 } from
|
|
1
|
+
import { enTemplates as enTemplates$3 } from '@progressive-development/pd-wizard';
|
|
2
|
+
import { enTemplates as enTemplates$2 } from '@progressive-development/pd-page';
|
|
3
|
+
import { enTemplates as enTemplates$1 } from '@progressive-development/pd-content';
|
|
4
|
+
import { enTemplates } from '@progressive-development/pd-forms';
|
|
5
|
+
import { enTemplates as enTemplates$4 } from '@progressive-development/pd-order';
|
|
6
|
+
import { enTemplates as enTemplates$5 } from '@progressive-development/pd-dialog';
|
|
7
|
+
import { templates as templates$1 } from '../locales/en.js';
|
|
8
|
+
|
|
8
9
|
const templates = {
|
|
9
10
|
...templates$1,
|
|
10
11
|
...enTemplates$5,
|
|
@@ -14,6 +15,5 @@ const templates = {
|
|
|
14
15
|
...enTemplates$1,
|
|
15
16
|
...enTemplates
|
|
16
17
|
};
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
};
|
|
18
|
+
|
|
19
|
+
export { templates };
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { parse } from
|
|
2
|
-
import { UNDEF } from
|
|
3
|
-
import { getCurrentFormatLocale, getCurrentTimeZone } from
|
|
4
|
-
import { defaultLogger } from
|
|
1
|
+
import { parse } from 'date-fns';
|
|
2
|
+
import { UNDEF } from '../model/spa-model.js';
|
|
3
|
+
import { getCurrentFormatLocale, getCurrentTimeZone } from './locale-format.js';
|
|
4
|
+
import { defaultLogger } from './logger.js';
|
|
5
|
+
|
|
5
6
|
const calculateDueWeeks = (billingDate, dueDate) => {
|
|
6
7
|
const billingDateObj = typeof billingDate === "string" ? new Date(billingDate) : billingDate;
|
|
7
8
|
const dueDateObj = typeof dueDate === "string" ? new Date(dueDate) : dueDate;
|
|
@@ -124,15 +125,5 @@ const getUTCFromDatepickerString = (dateString) => {
|
|
|
124
125
|
const parsedDate = parse(dateString, dateFormatWithoutTime, /* @__PURE__ */ new Date());
|
|
125
126
|
return parsedDate.toUTCString();
|
|
126
127
|
};
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
calculateDurationInMinutes,
|
|
130
|
-
formatDateTime,
|
|
131
|
-
formatMonth,
|
|
132
|
-
formatShortDate,
|
|
133
|
-
formatToTime,
|
|
134
|
-
getUTCFromDatepickerString,
|
|
135
|
-
industrialHoursToMinutes,
|
|
136
|
-
minutesToIndustrialHours,
|
|
137
|
-
toISODateTime
|
|
138
|
-
};
|
|
128
|
+
|
|
129
|
+
export { calculateDueWeeks, calculateDurationInMinutes, formatDateTime, formatMonth, formatShortDate, formatToTime, getUTCFromDatepickerString, industrialHoursToMinutes, minutesToIndustrialHours, toISODateTime };
|
|
@@ -12,8 +12,5 @@ const setCurrentFormatLocale = (localeKey) => {
|
|
|
12
12
|
currentLocale = settings.locale;
|
|
13
13
|
currentTimeZone = settings.timeZone;
|
|
14
14
|
};
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
getCurrentTimeZone,
|
|
18
|
-
setCurrentFormatLocale
|
|
19
|
-
};
|
|
15
|
+
|
|
16
|
+
export { getCurrentFormatLocale, getCurrentTimeZone, setCurrentFormatLocale };
|