kwikid-components
Version:
KwikID's Components Library
68 lines • 14.3 kB
JavaScript
import { __decorate } from "tslib";
import { Component, EventEmitter, Input, Output } from "@angular/core";
import { logMethod, mergeObjects } from "kwikid-toolkit";
import { NO_AGENT_CONFIG } from "./no-agent.config";
import * as i0 from "@angular/core";
import * as i1 from "../../components/page-header/page-header.component";
import * as i2 from "kwikui";
import * as i3 from "../../components/schedule-later-button/schedule-later-button.component";
import * as i4 from "../../components/page-footer/page-footer.component";
import * as i5 from "@angular/common";
export class KwikIDNoAgentComponent {
constructor() {
this.config = NO_AGENT_CONFIG;
this.headerConfig = undefined;
this.footerConfig = undefined;
this.scheduleLaterConfig = undefined;
this.onClickButton = new EventEmitter();
this.onClickScheduleLater = new EventEmitter();
}
ngOnInit() {
this.initNoAgentConfig();
}
initNoAgentConfig() {
var _a, _b;
this.config = mergeObjects(NO_AGENT_CONFIG, this.config);
this.headerConfig = (_a = this.config) === null || _a === void 0 ? void 0 : _a.headerConfig;
this.footerConfig = (_b = this.config) === null || _b === void 0 ? void 0 : _b.footerConfig;
this.scheduleLaterConfig = this.config.scheduleLaterConfig;
}
handleOnClickRedirect(link) {
window.location.replace(link);
}
handleOnClickButton(e) {
this.onClickButton.emit(e);
}
handleOnClickScheduleLater() {
this.onClickScheduleLater.emit("Schedule Later");
}
}
/** @nocollapse */ KwikIDNoAgentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: KwikIDNoAgentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ KwikIDNoAgentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: KwikIDNoAgentComponent, selector: "kwikid-components-no-agent", inputs: { config: "config" }, outputs: { onClickButton: "onClickButton", onClickScheduleLater: "onClickScheduleLater" }, ngImport: i0, template: "<div class=\"container\">\n <kwikid-components-page-header [config]=\"headerConfig\">\n </kwikid-components-page-header>\n\n <main>\n <div\n *ngIf=\"config?.html?.before\"\n [innerHtml]=\"config?.html?.before | kwikuiSafeHtml\"\n >\n </div>\n\n <kwikui-image\n *ngIf=\"config?.image\"\n [imageSrc]=\"config.image\"\n styles=\"padding:0.5rem; max-height: 300px;\"\n imageType=\"url\"\n ></kwikui-image>\n\n <div\n *ngIf=\"config?.redirect\"\n id=\"redirect\"\n >\n <div id=\"redirect-message\">{{ config?.redirect?.msg ?? \"\" }}</div>\n\n <kwikui-button\n appearance=\"primary\"\n [label]=\"config?.redirect?.linkTitle\"\n size=\"m\"\n styles=\"width: 100%;\"\n (onClick)=\"handleOnClickRedirect(config?.redirect?.link)\"\n ></kwikui-button>\n </div>\n\n <div\n id=\"button\"\n *ngIf=\"config?.button\"\n ><div\n *ngIf=\"config?.redirect\"\n id=\"or\"\n ><span id=\"or-label\">{{ config?.orLabel }}</span></div\n >\n <kwikui-button\n appearance=\"primary\"\n [label]=\"config?.buttonLabel\"\n size=\"m\"\n styles=\"width: 100%;\"\n (onClick)=\"handleOnClickButton(config?.button)\"\n ></kwikui-button\n ></div>\n\n <kwikid-schedule-later-button\n [config]=\"scheduleLaterConfig\"\n (onClickScheduleLater)=\"handleOnClickScheduleLater()\"\n >\n </kwikid-schedule-later-button>\n\n <div\n *ngIf=\"config?.html?.after\"\n [innerHtml]=\"config?.html?.after | kwikuiSafeHtml\"\n >\n </div>\n </main>\n\n <kwikid-components-page-footer [config]=\"footerConfig\">\n </kwikid-components-page-footer>\n</div>\n", styles: [":host{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:auto}.container>*:not(:last-child){margin-bottom:1rem}.container header{display:flex;flex-direction:column;align-items:center}.container header #client-name{margin-top:.5rem;font-size:1.7rem;font-weight:bold}.container main{display:flex;flex-direction:column;align-content:center;justify-content:flex-start;align-items:center;padding:0 1rem}.container main>*:not(:last-child){margin-bottom:1rem}.container main #redirect{text-align:center;font-size:.9rem;width:100%}.container main #redirect #redirect-message{padding:.6rem;border-radius:.5rem;background-color:#99999931}.container main #redirect>*:not(:last-child){margin-bottom:1rem}.container main #button{width:100%}.container main #button #or{border-top:2px solid #d3d3d3;position:relative;margin:.5rem 0 1.5rem}.container main #button #or #or-label{position:absolute;top:50%;left:50%;font-weight:600;background-color:#fff;transform:translate(-50%,-50%);padding:0 .5rem}.container main #schedule-later{width:100%}.container main #schedule-later #or{border-top:2px solid #d3d3d3;position:relative;margin:.5rem 0 1.5rem}.container main #schedule-later #or #or-label{position:absolute;top:50%;left:50%;font-weight:600;background-color:#fff;transform:translate(-50%,-50%);padding:0 .5rem}.container footer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.55rem}.container footer #logo{width:50px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:gray}\n"], components: [{ type: i1.KwikIDPageHeaderComponent, selector: "kwikid-components-page-header", inputs: ["config"] }, { type: i2.KwikUIImageComponent, selector: "kwikui-image", inputs: ["altText", "class", "html", "id", "imageSrc", "imageType", "loadingType", "styles"], outputs: ["onClick"] }, { type: i2.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type", "pseudoHover"], outputs: ["onClick"] }, { type: i3.KwikIDScheduleLaterButtonComponent, selector: "kwikid-schedule-later-button", inputs: ["config"], outputs: ["onClickScheduleLater"] }, { type: i4.KwikIDPageFooterComponent, selector: "kwikid-components-page-footer", inputs: ["config"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "kwikuiSafeHtml": i2.KwikUISafeHtmlPipe } });
__decorate([
logMethod
], KwikIDNoAgentComponent.prototype, "initNoAgentConfig", null);
__decorate([
logMethod
], KwikIDNoAgentComponent.prototype, "handleOnClickRedirect", null);
__decorate([
logMethod
], KwikIDNoAgentComponent.prototype, "handleOnClickButton", null);
__decorate([
logMethod
], KwikIDNoAgentComponent.prototype, "handleOnClickScheduleLater", null);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: KwikIDNoAgentComponent, decorators: [{
type: Component,
args: [{
selector: "kwikid-components-no-agent",
templateUrl: "./no-agent.component.html",
styleUrls: ["./no-agent.component.scss"]
}]
}], ctorParameters: function () { return []; }, propDecorators: { config: [{
type: Input
}], onClickButton: [{
type: Output
}], onClickScheduleLater: [{
type: Output
}], initNoAgentConfig: [], handleOnClickRedirect: [], handleOnClickButton: [], handleOnClickScheduleLater: [] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm8tYWdlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva3dpa2lkLWNvbXBvbmVudHMvc3JjL2xpYi9wYWdlcy9uby1hZ2VudC9uby1hZ2VudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rd2lraWQtY29tcG9uZW50cy9zcmMvbGliL3BhZ2VzL25vLWFnZW50L25vLWFnZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7Ozs7O0FBT3BELE1BQU0sT0FBTyxzQkFBc0I7SUFnQmpDO1FBZEEsV0FBTSxHQUFRLGVBQWUsQ0FBQztRQUU5QixpQkFBWSxHQUFRLFNBQVMsQ0FBQztRQUU5QixpQkFBWSxHQUFRLFNBQVMsQ0FBQztRQUU5Qix3QkFBbUIsR0FBUSxTQUFTLENBQUM7UUFHckMsa0JBQWEsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUd0RCx5QkFBb0IsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUU5QyxDQUFDO0lBRWhCLFFBQVE7UUFDTixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBR0QsaUJBQWlCOztRQUNmLElBQUksQ0FBQyxNQUFNLEdBQUcsWUFBWSxDQUFDLGVBQWUsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDekQsSUFBSSxDQUFDLFlBQVksR0FBRyxNQUFBLElBQUksQ0FBQyxNQUFNLDBDQUFFLFlBQVksQ0FBQztRQUM5QyxJQUFJLENBQUMsWUFBWSxHQUFHLE1BQUEsSUFBSSxDQUFDLE1BQU0sMENBQUUsWUFBWSxDQUFDO1FBQzlDLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLG1CQUFtQixDQUFDO0lBQzdELENBQUM7SUFHRCxxQkFBcUIsQ0FBQyxJQUFTO1FBQzdCLE1BQU0sQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFHRCxtQkFBbUIsQ0FBQyxDQUFDO1FBQ25CLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFHRCwwQkFBMEI7UUFDeEIsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ25ELENBQUM7O3VJQTNDVSxzQkFBc0I7MkhBQXRCLHNCQUFzQiwyTENUbkMseXREQWtFQTtBRGxDRTtJQURDLFNBQVM7K0RBTVQ7QUFHRDtJQURDLFNBQVM7bUVBR1Q7QUFHRDtJQURDLFNBQVM7aUVBR1Q7QUFHRDtJQURDLFNBQVM7d0VBR1Q7NEZBM0NVLHNCQUFzQjtrQkFMbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNEJBQTRCO29CQUN0QyxXQUFXLEVBQUUsMkJBQTJCO29CQUN4QyxTQUFTLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztpQkFDekM7MEVBR0MsTUFBTTtzQkFETCxLQUFLO2dCQVVOLGFBQWE7c0JBRFosTUFBTTtnQkFJUCxvQkFBb0I7c0JBRG5CLE1BQU07Z0JBVVAsaUJBQWlCLE1BUWpCLHFCQUFxQixNQUtyQixtQkFBbUIsTUFLbkIsMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBsb2dNZXRob2QsIG1lcmdlT2JqZWN0cyB9IGZyb20gXCJrd2lraWQtdG9vbGtpdFwiO1xuaW1wb3J0IHsgTk9fQUdFTlRfQ09ORklHIH0gZnJvbSBcIi4vbm8tYWdlbnQuY29uZmlnXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJrd2lraWQtY29tcG9uZW50cy1uby1hZ2VudFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL25vLWFnZW50LmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9uby1hZ2VudC5jb21wb25lbnQuc2Nzc1wiXVxufSlcbmV4cG9ydCBjbGFzcyBLd2lrSUROb0FnZW50Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgY29uZmlnOiBhbnkgPSBOT19BR0VOVF9DT05GSUc7XG5cbiAgaGVhZGVyQ29uZmlnOiBhbnkgPSB1bmRlZmluZWQ7XG5cbiAgZm9vdGVyQ29uZmlnOiBhbnkgPSB1bmRlZmluZWQ7XG5cbiAgc2NoZWR1bGVMYXRlckNvbmZpZzogYW55ID0gdW5kZWZpbmVkO1xuXG4gIEBPdXRwdXQoKVxuICBvbkNsaWNrQnV0dG9uOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KClcbiAgb25DbGlja1NjaGVkdWxlTGF0ZXI6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmluaXROb0FnZW50Q29uZmlnKCk7XG4gIH1cblxuICBAbG9nTWV0aG9kXG4gIGluaXROb0FnZW50Q29uZmlnKCk6IHZvaWQge1xuICAgIHRoaXMuY29uZmlnID0gbWVyZ2VPYmplY3RzKE5PX0FHRU5UX0NPTkZJRywgdGhpcy5jb25maWcpO1xuICAgIHRoaXMuaGVhZGVyQ29uZmlnID0gdGhpcy5jb25maWc/LmhlYWRlckNvbmZpZztcbiAgICB0aGlzLmZvb3RlckNvbmZpZyA9IHRoaXMuY29uZmlnPy5mb290ZXJDb25maWc7XG4gICAgdGhpcy5zY2hlZHVsZUxhdGVyQ29uZmlnID0gdGhpcy5jb25maWcuc2NoZWR1bGVMYXRlckNvbmZpZztcbiAgfVxuXG4gIEBsb2dNZXRob2RcbiAgaGFuZGxlT25DbGlja1JlZGlyZWN0KGxpbms6IGFueSk6IHZvaWQge1xuICAgIHdpbmRvdy5sb2NhdGlvbi5yZXBsYWNlKGxpbmspO1xuICB9XG5cbiAgQGxvZ01ldGhvZFxuICBoYW5kbGVPbkNsaWNrQnV0dG9uKGUpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2xpY2tCdXR0b24uZW1pdChlKTtcbiAgfVxuXG4gIEBsb2dNZXRob2RcbiAgaGFuZGxlT25DbGlja1NjaGVkdWxlTGF0ZXIoKTogdm9pZCB7XG4gICAgdGhpcy5vbkNsaWNrU2NoZWR1bGVMYXRlci5lbWl0KFwiU2NoZWR1bGUgTGF0ZXJcIik7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cbiAgPGt3aWtpZC1jb21wb25lbnRzLXBhZ2UtaGVhZGVyIFtjb25maWddPVwiaGVhZGVyQ29uZmlnXCI+XG4gIDwva3dpa2lkLWNvbXBvbmVudHMtcGFnZS1oZWFkZXI+XG5cbiAgPG1haW4+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJjb25maWc/Lmh0bWw/LmJlZm9yZVwiXG4gICAgICBbaW5uZXJIdG1sXT1cImNvbmZpZz8uaHRtbD8uYmVmb3JlIHwga3dpa3VpU2FmZUh0bWxcIlxuICAgID5cbiAgICA8L2Rpdj5cblxuICAgIDxrd2lrdWktaW1hZ2VcbiAgICAgICpuZ0lmPVwiY29uZmlnPy5pbWFnZVwiXG4gICAgICBbaW1hZ2VTcmNdPVwiY29uZmlnLmltYWdlXCJcbiAgICAgIHN0eWxlcz1cInBhZGRpbmc6MC41cmVtOyBtYXgtaGVpZ2h0OiAzMDBweDtcIlxuICAgICAgaW1hZ2VUeXBlPVwidXJsXCJcbiAgICA+PC9rd2lrdWktaW1hZ2U+XG5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cImNvbmZpZz8ucmVkaXJlY3RcIlxuICAgICAgaWQ9XCJyZWRpcmVjdFwiXG4gICAgPlxuICAgICAgPGRpdiBpZD1cInJlZGlyZWN0LW1lc3NhZ2VcIj57eyBjb25maWc/LnJlZGlyZWN0Py5tc2cgPz8gXCJcIiB9fTwvZGl2PlxuXG4gICAgICA8a3dpa3VpLWJ1dHRvblxuICAgICAgICBhcHBlYXJhbmNlPVwicHJpbWFyeVwiXG4gICAgICAgIFtsYWJlbF09XCJjb25maWc/LnJlZGlyZWN0Py5saW5rVGl0bGVcIlxuICAgICAgICBzaXplPVwibVwiXG4gICAgICAgIHN0eWxlcz1cIndpZHRoOiAxMDAlO1wiXG4gICAgICAgIChvbkNsaWNrKT1cImhhbmRsZU9uQ2xpY2tSZWRpcmVjdChjb25maWc/LnJlZGlyZWN0Py5saW5rKVwiXG4gICAgICA+PC9rd2lrdWktYnV0dG9uPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdlxuICAgICAgaWQ9XCJidXR0b25cIlxuICAgICAgKm5nSWY9XCJjb25maWc/LmJ1dHRvblwiXG4gICAgICA+PGRpdlxuICAgICAgICAqbmdJZj1cImNvbmZpZz8ucmVkaXJlY3RcIlxuICAgICAgICBpZD1cIm9yXCJcbiAgICAgICAgPjxzcGFuIGlkPVwib3ItbGFiZWxcIj57eyBjb25maWc/Lm9yTGFiZWwgfX08L3NwYW4+PC9kaXZcbiAgICAgID5cbiAgICAgIDxrd2lrdWktYnV0dG9uXG4gICAgICAgIGFwcGVhcmFuY2U9XCJwcmltYXJ5XCJcbiAgICAgICAgW2xhYmVsXT1cImNvbmZpZz8uYnV0dG9uTGFiZWxcIlxuICAgICAgICBzaXplPVwibVwiXG4gICAgICAgIHN0eWxlcz1cIndpZHRoOiAxMDAlO1wiXG4gICAgICAgIChvbkNsaWNrKT1cImhhbmRsZU9uQ2xpY2tCdXR0b24oY29uZmlnPy5idXR0b24pXCJcbiAgICAgID48L2t3aWt1aS1idXR0b25cbiAgICA+PC9kaXY+XG5cbiAgICA8a3dpa2lkLXNjaGVkdWxlLWxhdGVyLWJ1dHRvblxuICAgICAgW2NvbmZpZ109XCJzY2hlZHVsZUxhdGVyQ29uZmlnXCJcbiAgICAgIChvbkNsaWNrU2NoZWR1bGVMYXRlcik9XCJoYW5kbGVPbkNsaWNrU2NoZWR1bGVMYXRlcigpXCJcbiAgICA+XG4gICAgPC9rd2lraWQtc2NoZWR1bGUtbGF0ZXItYnV0dG9uPlxuXG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJjb25maWc/Lmh0bWw/LmFmdGVyXCJcbiAgICAgIFtpbm5lckh0bWxdPVwiY29uZmlnPy5odG1sPy5hZnRlciB8IGt3aWt1aVNhZmVIdG1sXCJcbiAgICA+XG4gICAgPC9kaXY+XG4gIDwvbWFpbj5cblxuICA8a3dpa2lkLWNvbXBvbmVudHMtcGFnZS1mb290ZXIgW2NvbmZpZ109XCJmb290ZXJDb25maWdcIj5cbiAgPC9rd2lraWQtY29tcG9uZW50cy1wYWdlLWZvb3Rlcj5cbjwvZGl2PlxuIl19