"use strict";
(self.webpackChunkui = self.webpackChunkui || []).push([
    [299], {
        2299: (xe, M, c) => {
            c.r(M), c.d(M, {
                DashboardModule: () => fe
            });
            var q = c(1284),
                f = c(3869),
                p = c(5892),
                N = c(2674),
                Z = c(3161),
                x = c(9396),
                b = c(2873),
                A = c(6446),
                t = c(4650),
                v = c(4006),
                k = c(9300),
                d = c(2722),
                u = c(1655);
            const I = {
                nickName: [{
                    errorName: u.cp.maxLength,
                    message: "nickname.error.maxlength"
                }]
            };
            var w = c(1693),
                C = c(9653),
                m = c(3416),
                T = c(7664),
                g = c(6895);

            function S(n, a) {
                if (1 & n && (t.TgZ(0, "p", 32), t._uU(1), t.ALo(2, "translate"), t.TgZ(3, "sup"), t._uU(4, "\xae"), t.qZA(), t._uU(5), t.ALo(6, "translate"), t.qZA()), 2 & n) {
                    const e = t.oxw();
                    t.xp6(1), t.Oqu(t.lcZ(2, 3, "dashboard.welcome")), t.xp6(4), t.AsE("", t.lcZ(6, 5, "dashboard.welcome.1"), " ", e.user, " ")
                }
            }

            function J(n, a) {
                if (1 & n && (t.TgZ(0, "p", 32), t._uU(1), t.ALo(2, "translate"), t.TgZ(3, "sup"), t._uU(4, "MC"), t.qZA(), t._uU(5), t.qZA()), 2 & n) {
                    const e = t.oxw();
                    t.xp6(1), t.Oqu(t.lcZ(2, 2, "dashboard.welcome")), t.xp6(4), t.hij(", ", e.user, " ")
                }
            }

            function Q(n, a) {
                1 & n && (t.TgZ(0, "button", 33), t._UZ(1, "img", 34), t.ALo(2, "translate"), t._uU(3), t.ALo(4, "translate"), t.qZA()), 2 & n && (t.xp6(1), t.Q6J("alt", t.lcZ(2, 2, "key.status.active")), t.xp6(2), t.Oqu(t.lcZ(4, 4, "key.status.active")))
            }

            function Y(n, a) {
                1 & n && (t.TgZ(0, "button", 33), t._UZ(1, "img", 35), t.ALo(2, "translate"), t._uU(3), t.ALo(4, "translate"), t.qZA()), 2 & n && (t.xp6(1), t.Q6J("alt", t.lcZ(2, 2, "key.status.inactive")), t.xp6(2), t.Oqu(t.lcZ(4, 4, "key.status.inactive")))
            }

            function E(n, a) {
                if (1 & n && (t.TgZ(0, "div", 24)(1, "h6", 16), t._uU(2), t.ALo(3, "translate"), t.qZA(), t.TgZ(4, "div"), t._uU(5), t.qZA()()), 2 & n) {
                    const e = t.oxw();
                    t.xp6(2), t.Oqu(t.lcZ(3, 2, "manage-key-details.account-name")), t.xp6(3), t.Oqu(e.keyDetail.accountName)
                }
            }

            function B(n, a) {
                if (1 & n && (t.TgZ(0, "div", 24)(1, "h6", 16), t._uU(2), t.ALo(3, "translate"), t.qZA(), t.TgZ(4, "div"), t._uU(5), t.qZA()()), 2 & n) {
                    const e = t.oxw();
                    t.xp6(2), t.Oqu(t.lcZ(3, 2, "manage-key-details.courier-account-name")), t.xp6(3), t.Oqu(e.keyDetail.courierAccountNo)
                }
            }

            function F(n, a) {
                if (1 & n && (t.TgZ(0, "div", 24)(1, "h6", 16), t._uU(2), t.ALo(3, "translate"), t.qZA(), t.TgZ(4, "div"), t._uU(5), t.qZA()()), 2 & n) {
                    const e = t.oxw();
                    t.xp6(2), t.Oqu(t.lcZ(3, 2, "manage-key-details.freight-account-name")), t.xp6(3), t.Oqu(e.keyDetail.freightAccountNo)
                }
            }

            function j(n, a) {
                if (1 & n && (t.ynx(0), t._UZ(1, "BR"), t._uU(2), t.ALo(3, "translate"), t.BQk()), 2 & n) {
                    const e = t.oxw(2);
                    t.xp6(2), t.AsE("", t.lcZ(3, 2, "Apt/Suite"), "\xa0", e.keyDetail.shippingAddress.streetNumber, " ")
                }
            }

            function z(n, a) {
                if (1 & n && (t.ynx(0), t._uU(1), t.YNc(2, j, 4, 4, "ng-container", 25), t._UZ(3, "BR"), t._uU(4), t._UZ(5, "BR"), t._uU(6), t.BQk()), 2 & n) {
                    const e = t.oxw();
                    t.xp6(1), t.hij(" ", e.keyDetail.shippingAddress.streetName ? e.keyDetail.shippingAddress.streetName : "", " "), t.xp6(1), t.Q6J("ngIf", e.keyDetail.shippingAddress.streetNumber), t.xp6(2), t.lnq("", e.keyDetail.shippingAddress.city ? e.keyDetail.shippingAddress.city : "", " ", e.keyDetail.shippingAddress.province ? e.keyDetail.shippingAddress.province : "", ", ", e.keyDetail.shippingAddress.country ? e.keyDetail.shippingAddress.country : "", " "), t.xp6(2), t.hij("", e.keyDetail.shippingAddress.postalCode ? e.keyDetail.shippingAddress.postalCode : "", " ")
                }
            }

            function H(n, a) {
                if (1 & n) {
                    const e = t.EpF();
                    t.TgZ(0, "button", 36), t.NdJ("click", function() {
                        t.CHM(e);
                        const o = t.oxw();
                        return t.KtG(o.deactivateActivationKey())
                    }), t._uU(1), t.ALo(2, "translate"), t.qZA()
                }
                2 & n && (t.xp6(1), t.Oqu(t.lcZ(2, 1, "dashboard.activationKey.activation-key-details-deactivate-button")))
            }
            let D = (() => {
                class n extends A.H {
                    constructor(e, i, o, s, l, r) {
                        super(o, s, l), this.fb = e, this.keyService = i, this.translateservice = s, this.activatedRoute = l, this.userService = r, this.KEY_STATUS = b.xn, this.errorList = I, this.showDeleteActivationKeyModal = !1, this.showDeactivateActivationKeyModal = !1, this.keyDetail = {}, this.keyDetailsForm = new v.cw({}), this.isMobile = !1, this.user = "", this.tabsList = [{
                            name: "dashboard.activation.keys",
                            id: "activationKeys"
                        }, {
                            name: "dashboard.devkeys",
                            id: "developerKeys"
                        }], this.activeTab = void 0, this.NICKNAME_BUTTON_STATES = x.r, this.nickNameButtonState = this.NICKNAME_BUTTON_STATES.SAVE, this.backToKeyList = new t.vpe
                    }
                    onResize(e) {
                        this.checkIsMobile()
                    }
                    ngOnInit() {
                        super.ngOnInit(), this.setActiveTab("activationKeys"), this.store.dispatch(Z.mw({
                            display: !0
                        })), this.checkIsMobile(), this.userService.getUserIdentity().pipe((0, k.h)(e => !!e), (0, d.R)(this.unsubscribe$)).subscribe(e => {
                            e ? .name && (this.user = e.name)
                        }), this.loadKeyDetails(), this.keyDetailsForm = this.fb.group({
                            nickName: new v.NI("", [v.kI.maxLength(30)])
                        })
                    }
                    loadKeyDetails() {
                        this.activatedRoute.queryParams.pipe((0, d.R)(this.unsubscribe$)).subscribe(e => {
                            e.key ? (this.selectedKey = e.key, this.getActivationKeyDetails(), this.keyService.queryMerchantActivationKeyDetails({
                                payload: {
                                    activationKey: e.key
                                }
                            })) : this.router.navigate(["apimanagement/managekeys"])
                        })
                    }
                    setActiveTab(e) {
                        this.activeTab = e
                    }
                    getActivationKeyDetails() {
                        this.keyService.getMerchantActivationKeyDetails().pipe((0, k.h)(e => !!e), (0, d.R)(this.unsubscribe$)).subscribe(e => {
                            this.keyDetail = e, this.keyDetailsForm.get("nickName") ? .setValue(this.keyDetail.alias), this.nickNameButtonState = void 0 === this.keyDetail.alias || "" === this.keyDetail.alias ? .trim() ? x.r.SAVE : x.r.EDIT
                        })
                    }
                    backToActivationKey() {
                        this.router.navigate(["dashboard"])
                    }
                    handleClick(e) {
                        switch (this.nickNameButtonState) {
                            case x.r.SAVE:
                                let i = this.keyDetailsForm.get("nickName") ? .value;
                                this.keyDetailsForm.get("nickName") ? .valid && this.keyService.saveActivationKeyAlias({
                                    payload: {
                                        activationKey: this.keyDetail.activationKey,
                                        aliasName: i
                                    }
                                });
                                break;
                            case x.r.EDIT:
                                this.nickNameButtonState = x.r.SAVE
                        }
                    }
                    get nickName() {
                        return this.keyDetailsForm.get("nickName")
                    }
                    deactivateActivationKey() {
                        this.showDeactivateActivationKeyModal = !0
                    }
                    deactivateActivationKeyConfirm(e) {
                        this.keyService.deactivateActivationKey({
                            payload: {
                                activationKey: e
                            }
                        }), this.showDeactivateActivationKeyModal = !1
                    }
                    deleteActivationKey() {
                        this.showDeleteActivationKeyModal = !0
                    }
                    deleteActivationKeyConfirm(e) {
                        this.keyService.deleteActivationKey({
                            payload: {
                                activationKey: e
                            }
                        }), this.showDeleteActivationKeyModal = !1, setTimeout(() => {
                            this.backToActivationKey()
                        }, 1e3)
                    }
                    closePopup(e) {
                        this.showDeleteActivationKeyModal = !1, this.showDeactivateActivationKeyModal = !1
                    }
                    reactivateActivationKey(e) {
                        this.keyService.reactivateActivationKey({
                            payload: {
                                activationKey: e
                            }
                        })
                    }
                    checkIsMobile() {
                        this.innerWidth = window.innerWidth, this.isMobile = this.innerWidth <= 544
                    }
                }
                return n.\u0275fac = function(e) {
                    return new(e || n)(t.Y36(v.qu), t.Y36(w.B), t.Y36(C.yh), t.Y36(m.sK), t.Y36(p.gz), t.Y36(T.v))
                }, n.\u0275cmp = t.Xpm({
                    type: n,
                    selectors: [
                        ["pu-activation-key-details"]
                    ],
                    hostBindings: function(e, i) {
                        1 & e && t.NdJ("resize", function(s) {
                            return i.onResize(s)
                        }, !1, t.Jf7)
                    },
                    inputs: {
                        selectedKey: "selectedKey"
                    },
                    outputs: {
                        backToKeyList: "backToKeyList"
                    },
                    features: [t.qOj],
                    decls: 82,
                    vars: 91,
                    consts: [
                        [1, "d-flex", "flex-column", "justify-content-between", "h-100", "gap-3"],
                        [1, "d-grid", "gap-3", "mt-2"],
                        [1, "dashboard-container"],
                        ["class", "_Puro-Desk-H1-TM mb-0 pt-1", 4, "ngIf"],
                        [1, "d-flex", "flex-column", "gap-4", "p-3", "mt-3", "border-no-keys", 2, "background-color", "white", "border-radius", "8px"],
                        [1, "d-flex", "justify-content-between", "p-0", "back-to-keys"],
                        [1, "cursor-pointer"],
                        ["href", "javascript:void(0)", 3, "click"],
                        ["src", "./assets/icons/chevron-left-arrow.svg", "alt", "Key status", 1, "key-status"],
                        ["class", "status-btn ms-2", 4, "ngIf"],
                        [1, "row", "p-0"],
                        [1, "col-xl-4", "col-lg-6", "col-md-6", "col-sm-12", "col-xs-12"],
                        [3, "formGroup"],
                        ["type", "text", 1, "nick-name", 3, "fieldTextControl", "hasClickHandler", "errorList", "clickHandlerText", "label", "disabled", "buttonAriaLabel", "handleClick"],
                        [1, "d-flex", "flex-column", "flex-md-row", "gap-3", "gap-md-5", "key-info", "p-4"],
                        [1, "pe-0", "wrod-wrap"],
                        [1, "_Puro-Body-Semibold"],
                        [1, "pe-0"],
                        [1, "border-2", "border-top", "hr-line", "p-0", "m-0"],
                        [1, "p-0"],
                        [1, ""],
                        [1, "_Puro-Desk-H2", "acc-info-title", "pb-2", "pt-2"],
                        [1, "account-info", "p-0", "center-div", "d-flex", "flex-column", "flex-md-row", "gap-3", "gap-md-5", "p-4"],
                        ["class", "text-wrap", 4, "ngIf"],
                        [1, "text-wrap"],
                        [4, "ngIf"],
                        [1, "col-lg-6", "col-md-6", "col-sm-12", "col-xs-12"],
                        ["class", "btn btn-outline-primary me-3", 3, "click", 4, "ngIf"],
                        [1, "btn", "btn-outline-danger", 3, "click"],
                        [1, "tooltip-activation-key"],
                        [3, "tooltipText", "placement"],
                        [3, "title", "body", "showModal", "cancelButtonText", "saveButtonText", "popupId", "closeDailog", "saveDialog"],
                        [1, "_Puro-Desk-H1-TM", "mb-0", "pt-1"],
                        [1, "status-btn", "ms-2"],
                        ["src", "assets/icons/move-to-production/active_status.svg", 1, "key-status", "-", "Active", 3, "alt"],
                        ["src", "assets/icons/move-to-production/pending_status.svg", 1, "key-status", 3, "alt"],
                        [1, "btn", "btn-outline-primary", "me-3", 3, "click"]
                    ],
                    template: function(e, i) {
                        1 & e && (t.TgZ(0, "section", 0)(1, "section", 1)(2, "div", 2), t.YNc(3, S, 7, 7, "p", 3), t.YNc(4, J, 6, 4, "p", 3), t.qZA(), t.TgZ(5, "div", 4)(6, "div", 5)(7, "div", 6)(8, "a", 7), t.NdJ("click", function() {
                            return i.backToActivationKey()
                        }), t._UZ(9, "img", 8), t._uU(10), t.ALo(11, "translate"), t.qZA()(), t.TgZ(12, "div")(13, "div"), t._uU(14), t.ALo(15, "translate"), t.YNc(16, Q, 5, 6, "button", 9), t.YNc(17, Y, 5, 6, "button", 9), t.qZA()()(), t.TgZ(18, "div", 10)(19, "div", 11)(20, "form", 12)(21, "puro-field-text", 13), t.NdJ("handleClick", function(s) {
                            return i.handleClick(s)
                        }), t.ALo(22, "translate"), t.ALo(23, "translate"), t.ALo(24, "translate"), t.ALo(25, "translate"), t.qZA()()()(), t.TgZ(26, "div", 14)(27, "div", 15)(28, "h6", 16), t._uU(29), t.ALo(30, "translate"), t.qZA(), t.TgZ(31, "div"), t._uU(32), t.qZA()(), t.TgZ(33, "div", 17)(34, "h6", 16), t._uU(35), t.ALo(36, "translate"), t.qZA(), t.TgZ(37, "div"), t._uU(38), t.qZA()(), t.TgZ(39, "div")(40, "h6", 16), t._uU(41), t.ALo(42, "translate"), t.qZA(), t.TgZ(43, "div"), t._uU(44), t.qZA()()(), t._UZ(45, "hr", 18), t.TgZ(46, "div", 19)(47, "div", 20)(48, "h3", 21), t._uU(49), t.ALo(50, "translate"), t.qZA(), t.TgZ(51, "p"), t._uU(52), t.ALo(53, "translate"), t.qZA()()(), t.TgZ(54, "div", 22), t.YNc(55, E, 6, 4, "div", 23), t.YNc(56, B, 6, 4, "div", 23), t.YNc(57, F, 6, 4, "div", 23), t.TgZ(58, "div", 24)(59, "h6", 16), t._uU(60), t.ALo(61, "translate"), t.qZA(), t.YNc(62, z, 7, 6, "ng-container", 25), t.qZA()(), t.TgZ(63, "div", 10)(64, "div", 26), t.YNc(65, H, 3, 3, "button", 27), t.TgZ(66, "button", 28), t.NdJ("click", function() {
                            return i.deleteActivationKey()
                        }), t._uU(67), t.ALo(68, "translate"), t.qZA(), t.TgZ(69, "div", 29), t._UZ(70, "puro-tooltip", 30), t.ALo(71, "translate"), t.qZA()()()()()(), t.TgZ(72, "puro-modal", 31), t.NdJ("closeDailog", function(s) {
                            return i.closePopup(s)
                        })("saveDialog", function() {
                            return i.deleteActivationKeyConfirm(i.selectedKey)
                        }), t.ALo(73, "translate"), t.ALo(74, "translate"), t.ALo(75, "translate"), t.ALo(76, "translate"), t.qZA(), t.TgZ(77, "puro-modal", 31), t.NdJ("closeDailog", function(s) {
                            return i.closePopup(s)
                        })("saveDialog", function() {
                            return i.deactivateActivationKeyConfirm(i.selectedKey)
                        }), t.ALo(78, "translate"), t.ALo(79, "translate"), t.ALo(80, "translate"), t.ALo(81, "translate"), t.qZA()), 2 & e && (t.xp6(3), t.Q6J("ngIf", "en-CA" === i.language), t.xp6(1), t.Q6J("ngIf", "fr-CA" === i.language), t.xp6(6), t.hij(" ", t.lcZ(11, 47, "manage-key-details.back-to-keys"), " "), t.xp6(3), t.Gre("text-end status ", i.keyDetail.status, ""), t.xp6(1), t.hij(" ", t.lcZ(15, 49, "move-to-production.key-status"), " "), t.xp6(2), t.Q6J("ngIf", (null == i.keyDetail.status ? null : i.keyDetail.status.toLowerCase()) === i.KEY_STATUS.ACTIVE.toLowerCase()), t.xp6(1), t.Q6J("ngIf", (null == i.keyDetail.status ? null : i.keyDetail.status.toLowerCase()) === i.KEY_STATUS.INACTIVE.toLowerCase()), t.xp6(3), t.Q6J("formGroup", i.keyDetailsForm), t.xp6(1), t.hYB("buttonAriaLabel", "", t.lcZ(24, 55, i.nickNameButtonState === i.NICKNAME_BUTTON_STATES.SAVE ? "manage-key-details.save" : "manage-key-details.edit"), " ", t.lcZ(25, 57, "Key Nickname"), ""), t.Q6J("fieldTextControl", i.nickName)("hasClickHandler", !0)("errorList", i.errorList.nickName)("clickHandlerText", t.lcZ(22, 51, i.nickNameButtonState === i.NICKNAME_BUTTON_STATES.SAVE ? "manage-key-details.save" : "manage-key-details.edit"))("label", t.lcZ(23, 53, "Key Nickname"))("disabled", i.nickNameButtonState === i.NICKNAME_BUTTON_STATES.EDIT), t.xp6(8), t.Oqu(t.lcZ(30, 59, "manage-key-details.key")), t.xp6(3), t.Oqu(i.keyDetail.activationKey), t.xp6(3), t.Oqu(t.lcZ(36, 61, "Platform")), t.xp6(3), t.Oqu(i.keyDetail.platformName), t.xp6(3), t.Oqu(t.lcZ(42, 63, "manage-key-details.business")), t.xp6(3), t.Oqu(i.keyDetail.businessName), t.xp6(5), t.hij("", t.lcZ(50, 65, "manage-key-details.account-information"), " "), t.xp6(3), t.Oqu(t.lcZ(53, 67, "dashboard.activationKey.activation-key-details-text")), t.xp6(3), t.Q6J("ngIf", i.keyDetail.accountName), t.xp6(1), t.Q6J("ngIf", i.keyDetail.courierAccountNo), t.xp6(1), t.Q6J("ngIf", i.keyDetail.freightAccountNo), t.xp6(3), t.Oqu(t.lcZ(61, 69, "request-activation-key-shipping-address")), t.xp6(2), t.Q6J("ngIf", null == i.keyDetail ? null : i.keyDetail.shippingAddress), t.xp6(3), t.Q6J("ngIf", (null == i.keyDetail.status ? null : i.keyDetail.status.toLowerCase()) === i.KEY_STATUS.ACTIVE.toLowerCase()), t.xp6(2), t.Oqu(t.lcZ(68, 71, "dashboard.activationKey.activation-key-details-delete-btn")), t.xp6(3), t.Q6J("tooltipText", t.lcZ(71, 73, "dashboard.activationKey.activation-key-details-tooltip"))("placement", i.isMobile ? "left" : "right"), t.xp6(2), t.Q6J("title", t.lcZ(73, 75, "deleteKey-modal-title"))("body", t.lcZ(74, 77, "deleteKey-modal-body"))("showModal", i.showDeleteActivationKeyModal)("cancelButtonText", t.lcZ(75, 79, "generate-new-password.Cancel"))("saveButtonText", t.lcZ(76, 81, "delete"))("popupId", "exampleModal1"), t.xp6(5), t.Q6J("title", t.lcZ(78, 83, "deActivateKey-modal-title"))("body", t.lcZ(79, 85, "deActivateKey-modal-boday"))("showModal", i.showDeactivateActivationKeyModal)("cancelButtonText", t.lcZ(80, 87, "generate-new-password.Cancel"))("saveButtonText", t.lcZ(81, 89, "deactivate"))("popupId", "exampleModal1"))
                    },
                    dependencies: [g.O5, v._Y, v.JL, v.sg, u.e8, u.GM, u.TR, m.X$],
                    styles: [".status-btn{border:1px solid #C0C0C0;background:no-repeat;border-radius:4px;font-size:12px;padding:5px 8px}.status{font-weight:500}.key-status{padding-right:8px;padding-bottom:2px}a,.acc-info-title{color:#001996!important}.key-info{background:rgba(0,169,206,.2);border:1px solid rgba(0,169,206,.2);border-radius:4px}.account-info{background:rgb(237,237,237);border:1px solid rgba(0,0,0,.1);border-radius:4px}.hr-line{border-color:silver!important}.btn-outline-primary:hover{color:#fff!important;background:#001996}.center-div{width:100%;margin:0 auto}.tooltip-activation-key{display:inline-block;height:20px;width:20px;padding:6px!important}.wrod-wrap{word-wrap:break-word}.keys-tabs{float:right;margin-top:-4rem}.activatio-req-link{text-decoration:none;color:#001996;cursor:pointer;float:right}.quicklink-componnet{background-color:#fff;border-radius:8px}.border-no-keys{border:1px solid #C0C0C0;box-shadow:0 0 #0000001a,0 2px 8px #0000001a}.quicklink{display:inline-block;margin-left:10px;font-weight:500}.quicklink .tooltip-inner{max-width:1000px!important;text-align:left!important;width:300px!important}@media (max-width: 360px){.quicklink .status-btn{padding:5px!important}.quicklink .back-to-keys{display:block!important}.quicklink .border-no-keys{width:90%!important}}@media (max-width: 640px){.quicklink .tooltip-inner{max-width:1000px!important;text-align:left!important;width:200px!important}}sup{font-size:medium;top:-1em;margin-right:4px}\n"],
                    encapsulation: 2
                }), n
            })();
            var R = c(7579),
                $ = c(9841),
                V = c(1884),
                G = c(7001),
                K = c(8598),
                X = c(2340),
                W = c(8829),
                tt = c(8972),
                et = c(325),
                O = c(7910);

            function nt(n, a) {
                1 & n && t._UZ(0, "img", 18)
            }

            function it(n, a) {
                1 & n && t._UZ(0, "img", 19)
            }

            function at(n, a) {
                1 & n && t._UZ(0, "img", 18)
            }

            function ot(n, a) {
                1 & n && t._UZ(0, "img", 19)
            }

            function st(n, a) {
                1 & n && t._UZ(0, "img", 18)
            }

            function ct(n, a) {
                1 & n && t._UZ(0, "img", 19)
            }

            function rt(n, a) {
                1 & n && (t._UZ(0, "img", 25), t.ALo(1, "translate")), 2 & n && t.Q6J("alt", t.lcZ(1, 1, "key.status.active"))
            }

            function lt(n, a) {
                1 & n && (t._UZ(0, "img", 26), t.ALo(1, "translate")), 2 & n && t.Q6J("alt", t.lcZ(1, 1, "key.status.inactive"))
            }

            function pt(n, a) {
                1 & n && (t._UZ(0, "img", 27), t.ALo(1, "translate")), 2 & n && t.Q6J("alt", t.lcZ(1, 1, "key.status.deactivated"))
            }

            function dt(n, a) {
                if (1 & n) {
                    const e = t.EpF();
                    t.TgZ(0, "tr", 20), t.NdJ("click", function() {
                        const s = t.CHM(e).$implicit,
                            l = t.oxw(2);
                        return t.KtG(l.showActivationKeyDetails(null == s ? null : s.activationKey))
                    }), t.TgZ(1, "td"), t._uU(2), t.qZA(), t.TgZ(3, "td"), t._uU(4), t.ALo(5, "keyMaskPipe"), t.qZA(), t.TgZ(6, "td"), t.YNc(7, rt, 2, 3, "img", 21), t.YNc(8, lt, 2, 3, "img", 22), t.YNc(9, pt, 2, 3, "img", 23), t._uU(10), t.ALo(11, "translate"), t.qZA(), t.TgZ(12, "td"), t._UZ(13, "img", 24), t.qZA()()
                }
                if (2 & n) {
                    const e = a.$implicit;
                    t.xp6(2), t.Oqu(null == e ? null : e.alias), t.xp6(2), t.Oqu(t.xi3(5, 6, null == e ? null : e.activationKey, 11)), t.xp6(3), t.Q6J("ngIf", "ACTIVE" == (null == e ? null : e.status)), t.xp6(1), t.Q6J("ngIf", "INACTIVE" == (null == e ? null : e.status)), t.xp6(1), t.Q6J("ngIf", "DEACTIVATED" == (null == e ? null : e.status)), t.xp6(1), t.hij(" ", t.lcZ(11, 9, "ACTIVE" == e.status ? "key.status.active" : "DEACTIVATED" == e.status ? "key.status.deactivated" : "INACTIVE" == e.status ? "key.status.inactive" : "key.environment.none"), " ")
                }
            }

            function gt(n, a) {
                1 & n && (t._UZ(0, "img", 36), t.ALo(1, "translate")), 2 & n && t.Q6J("alt", t.lcZ(1, 1, "key.status.active"))
            }

            function ut(n, a) {
                1 & n && (t._UZ(0, "img", 37), t.ALo(1, "translate")), 2 & n && t.Q6J("alt", t.lcZ(1, 1, "key.status.inactive"))
            }

            function mt(n, a) {
                1 & n && (t._UZ(0, "img", 38), t.ALo(1, "translate")), 2 & n && t.Q6J("alt", t.lcZ(1, 1, "key.status.deactivated"))
            }

            function _t(n, a) {
                if (1 & n) {
                    const e = t.EpF();
                    t.TgZ(0, "tr", 28)(1, "td", 29)(2, "div")(3, "div")(4, "label", 30), t._uU(5), t.ALo(6, "translate"), t.qZA(), t.TgZ(7, "p", 31), t._uU(8), t.qZA()(), t.TgZ(9, "div"), t.YNc(10, gt, 2, 3, "img", 32), t.YNc(11, ut, 2, 3, "img", 33), t.YNc(12, mt, 2, 3, "img", 34), t.qZA()(), t.TgZ(13, "label", 30), t._uU(14), t.ALo(15, "translate"), t.qZA(), t.TgZ(16, "p", 31), t._uU(17), t.ALo(18, "keyMaskPipe"), t.qZA(), t.TgZ(19, "div")(20, "div")(21, "label", 30), t._uU(22), t.ALo(23, "translate"), t.qZA(), t.TgZ(24, "p", 31), t._uU(25), t.qZA()(), t.TgZ(26, "div")(27, "img", 35), t.NdJ("click", function() {
                        const s = t.CHM(e).$implicit,
                            l = t.oxw(2);
                        return t.KtG(l.showActivationKeyDetails(null == s ? null : s.activationKey))
                    }), t.qZA()()()()()
                }
                if (2 & n) {
                    const e = a.$implicit;
                    t.xp6(5), t.Oqu(t.lcZ(6, 9, "manage-key-list.business")), t.xp6(3), t.hij("", null == e ? null : e.business, " "), t.xp6(2), t.Q6J("ngIf", "ACTIVE" == (null == e ? null : e.status)), t.xp6(1), t.Q6J("ngIf", "INACTIVE" == (null == e ? null : e.status)), t.xp6(1), t.Q6J("ngIf", "DEACTIVATED" == (null == e ? null : e.status)), t.xp6(2), t.Oqu(t.lcZ(15, 11, "manage-key-details.key")), t.xp6(3), t.hij(" ", t.xi3(18, 13, null == e ? null : e.activationKey, 11), ""), t.xp6(5), t.Oqu(t.lcZ(23, 16, "Key Nickname")), t.xp6(3), t.Oqu(null == e ? null : e.alias)
                }
            }

            function vt(n, a) {
                1 & n && (t._uU(0), t.ALo(1, "translate")), 2 & n && t.Oqu(t.lcZ(1, 1, "manage-key-list.prev"))
            }

            function yt(n, a) {
                1 & n && (t._uU(0), t.ALo(1, "translate")), 2 & n && t.Oqu(t.lcZ(1, 1, "manage-key-list.next"))
            }
            const L = function() {
                return ["/dashboard/activationKey"]
            };

            function ht(n, a) {
                if (1 & n) {
                    const e = t.EpF();
                    t.TgZ(0, "div")(1, "a", 1), t._uU(2), t.ALo(3, "translate"), t.qZA(), t.TgZ(4, "h5", 2), t._uU(5), t.ALo(6, "translate"), t.qZA(), t.TgZ(7, "div", 3)(8, "table", 4)(9, "thead")(10, "tr", 5)(11, "th", 6), t.NdJ("click", function() {
                        t.CHM(e);
                        const o = t.oxw();
                        return t.KtG(o.sort("alias"))
                    }), t._uU(12), t.ALo(13, "translate"), t.YNc(14, nt, 1, 0, "img", 7), t.YNc(15, it, 1, 0, "img", 8), t.qZA(), t.TgZ(16, "th", 6), t.NdJ("click", function() {
                        t.CHM(e);
                        const o = t.oxw();
                        return t.KtG(o.sort("activationKey"))
                    }), t._uU(17), t.ALo(18, "translate"), t.YNc(19, at, 1, 0, "img", 7), t.YNc(20, ot, 1, 0, "img", 8), t.qZA(), t.TgZ(21, "th", 6), t.NdJ("click", function() {
                        t.CHM(e);
                        const o = t.oxw();
                        return t.KtG(o.sort("status"))
                    }), t._uU(22), t.ALo(23, "translate"), t.YNc(24, st, 1, 0, "img", 7), t.YNc(25, ct, 1, 0, "img", 8), t.qZA(), t._UZ(26, "th", 9), t.qZA()(), t.TgZ(27, "tbody"), t.YNc(28, dt, 14, 11, "tr", 10), t.qZA()()(), t.TgZ(29, "div", 11)(30, "table", 12)(31, "tbody", 13), t.YNc(32, _t, 28, 18, "tr", 14), t.qZA()()(), t.TgZ(33, "ngb-pagination", 15), t.NdJ("pageChange", function(o) {
                        t.CHM(e);
                        const s = t.oxw();
                        return t.KtG(s.page = o)
                    })("pageChange", function() {
                        t.CHM(e);
                        const o = t.oxw();
                        return t.KtG(o.getActivationKeyPageData())
                    }), t.YNc(34, vt, 2, 3, "ng-template", 16), t.YNc(35, yt, 2, 3, "ng-template", 17), t.qZA()()
                }
                if (2 & n) {
                    const e = t.oxw();
                    t.xp6(1), t.Q6J("routerLink", t.DdM(28, L)), t.xp6(1), t.Oqu(t.lcZ(3, 18, "request-activation-key")), t.xp6(3), t.Oqu(t.lcZ(6, 20, "dashboard.activationKey.activation-key-table-heading")), t.xp6(7), t.hij(" ", t.lcZ(13, 22, "Key Nickname"), " "), t.xp6(2), t.Q6J("ngIf", "alias" !== e.fieldNameToSort || e.reverse), t.xp6(1), t.Q6J("ngIf", "alias" == e.fieldNameToSort && !e.reverse), t.xp6(2), t.hij(" ", t.lcZ(18, 24, "manage-key-details.key"), " "), t.xp6(2), t.Q6J("ngIf", "activationKey" !== e.fieldNameToSort || e.reverse), t.xp6(1), t.Q6J("ngIf", "activationKey" == e.fieldNameToSort && !e.reverse), t.xp6(2), t.hij(" ", t.lcZ(23, 26, "manage-key-details.status"), " "), t.xp6(2), t.Q6J("ngIf", "status" !== e.fieldNameToSort || e.reverse), t.xp6(1), t.Q6J("ngIf", "status" == e.fieldNameToSort && !e.reverse), t.xp6(3), t.Q6J("ngForOf", e.activationKeyPeginateList), t.xp6(4), t.Q6J("ngForOf", e.activationKeyPeginateList), t.xp6(1), t.Q6J("collectionSize", e.collectionSize)("page", e.page)("maxSize", e.maxSize)("pageSize", e.pageSize)
                }
            }

            function ft(n, a) {
                if (1 & n && (t.TgZ(0, "div"), t._UZ(1, "pu-activation-key-details", 39), t.qZA()), 2 & n) {
                    const e = t.oxw();
                    t.xp6(1), t.Q6J("selectedKey", e.keySelected)
                }
            }
            const xt = function() {
                return ["/apisupport/getstartedwithapis"]
            };

            function bt(n, a) {
                1 & n && (t.TgZ(0, "div", 41)(1, "div", 42), t._UZ(2, "img", 43), t.TgZ(3, "p", 44), t._uU(4), t.ALo(5, "translate"), t.qZA(), t.TgZ(6, "p", 45), t._uU(7), t.ALo(8, "translate"), t.qZA(), t.TgZ(9, "button", 46), t._uU(10), t.ALo(11, "translate"), t.qZA(), t.TgZ(12, "a", 47), t._uU(13), t.ALo(14, "translate"), t.qZA()()()), 2 & n && (t.xp6(4), t.Oqu(t.lcZ(5, 6, "dashboard.nokeys")), t.xp6(3), t.Oqu(t.lcZ(8, 8, "dashboard.noActivationkeys")), t.xp6(2), t.Q6J("routerLink", t.DdM(14, L)), t.xp6(1), t.Oqu(t.lcZ(11, 10, "request-activation-key")), t.xp6(2), t.Q6J("routerLink", t.DdM(15, xt)), t.xp6(1), t.hij("", t.lcZ(14, 12, "dashboard.merchantguide"), " "))
            }

            function kt(n, a) {
                if (1 & n && (t.TgZ(0, "div"), t.YNc(1, bt, 15, 16, "div", 40), t.qZA()), 2 & n) {
                    const e = t.oxw();
                    t.xp6(1), t.Q6J("ngIf", 0 == e.activationKeyList.length)
                }
            }
            let Ct = (() => {
                class n extends A.H {
                    constructor(e, i, o) {
                        super(o, e, i), this.activatedRoute = i, this.store = o, this._activationKeyList = [], this.onRefresh = new t.vpe, this.activationKeyPeginateList = [], this.page = 1, this.pageSize = 10, this.maxSize = 5, this.collectionSize = 0, this.keySelected = null, this.fieldNameToSort = "", this.reverse = !1
                    }
                    set activationKeyList(e) {
                        this._activationKeyList = e, this.keySelected = null, this.collectionSize = this._activationKeyList.length, this.getActivationKeyPageData(), this.sort("business")
                    }
                    get activationKeyList() {
                        return this._activationKeyList
                    }
                    ngOnInit() {
                        super.ngOnInit(), this.keySelected = null, this.collectionSize = this.activationKeyList.length, this.getActivationKeyPageData(), this.sort("business")
                    }
                    showActivationKeyDetails(e) {
                        this.router.navigate(["dashboard/activationKeyDetails"], {
                            queryParams: {
                                key: e
                            }
                        })
                    }
                    sort(e) {
                        let i = [],
                            o = [];
                        this.fieldNameToSort = e, this.reverse = !this.reverse, "alias" == (e = "activationKey" == e ? "createdDateTime" : e) ? (i = this._activationKeyList.filter(s => void 0 !== s.alias && "" !== s.alias), o = this._activationKeyList.filter(s => void 0 === s.alias || "" === s.alias), this._activationKeyList = [...i].sort((s, l) => {
                            const r = (0, b.qu)(s[e] ? s[e] : "", l[e] ? l[e] : "");
                            return !0 === this.reverse ? r : -r
                        }), o.forEach(s => {
                            this._activationKeyList.push(s)
                        })) : this._activationKeyList = [...this._activationKeyList].sort((s, l) => {
                            const r = (0, b.qu)(s[e] ? s[e] : "", l[e] ? l[e] : "");
                            return !0 === this.reverse ? r : -r
                        }), this.getActivationKeyPageData()
                    }
                    getActivationKeyPageData() {
                        this.activationKeyPeginateList = this._activationKeyList.slice((this.page - 1) * this.pageSize, (this.page - 1) * this.pageSize + this.pageSize)
                    }
                }
                return n.\u0275fac = function(e) {
                    return new(e || n)(t.Y36(m.sK), t.Y36(p.gz), t.Y36(C.yh))
                }, n.\u0275cmp = t.Xpm({
                    type: n,
                    selectors: [
                        ["pu-dashboard-activation-key"]
                    ],
                    inputs: {
                        activationKeyList: "activationKeyList"
                    },
                    outputs: {
                        onRefresh: "onRefresh"
                    },
                    features: [t.qOj],
                    decls: 3,
                    vars: 3,
                    consts: [
                        [4, "ngIf"],
                        [1, "d-flex", "justify-content-end", "activatio-req-link", 3, "routerLink"],
                        [1, "pb-3", "pt-4"],
                        [1, "d-none", "d-sm-none", "d-md-none", "d-lg-none", "d-xl-block"],
                        ["aria-describedby", "Activation keys list", 1, "table", "table-responsive"],
                        [1, "_Puro-Body-Semibold"],
                        ["scope", "col", 3, "click"],
                        ["src", "./assets/icons/sorting-arrow-decending-order.svg", "class", "key-status", "alt", "Key status", 4, "ngIf"],
                        ["src", "./assets/icons/sorting-arrow-ascending-order.svg", "class", "key-status", "alt", "Key status", 4, "ngIf"],
                        ["scope", "col"],
                        ["class", "_Puro-Body cursor-pointer", 3, "click", 4, "ngFor", "ngForOf"],
                        ["id", "table-sm-screens", 1, "row", "p-2", "d-block", "d-sm-block", "d-md-block", "d-lg-block", "d-xl-none"],
                        [1, "table", "table-borderless", "table-hover", "table-sm", "border"],
                        ["colspan", "6", 1, "table-borderless", "table-striped"],
                        ["data-parent", "#accordion1", "href", "#collapseOne", "data-toggle", "collapse", "data-target", "#demo1", "class", "accordion-toggle", 4, "ngFor", "ngForOf"],
                        ["aria-label", "activation key pagination", 3, "collectionSize", "page", "maxSize", "pageSize", "pageChange"],
                        ["ngbPaginationPrevious", ""],
                        ["ngbPaginationNext", ""],
                        ["src", "./assets/icons/sorting-arrow-decending-order.svg", "alt", "Key status", 1, "key-status"],
                        ["src", "./assets/icons/sorting-arrow-ascending-order.svg", "alt", "Key status", 1, "key-status"],
                        [1, "_Puro-Body", "cursor-pointer", 3, "click"],
                        ["src", "assets/icons/move-to-production/active_status.svg", "class", "key-status", 3, "alt", 4, "ngIf"],
                        ["src", "assets/icons/move-to-production/pending_status.svg", "class", "key-status", 3, "alt", 4, "ngIf"],
                        ["src", "assets/icons/move-to-production/deactivated_status.svg", "class", "key-status", 3, "alt", 4, "ngIf"],
                        ["src", "assets/icons/left-arrow.svg", "alt", "Key Details arrow", 1, "key-details-arrow"],
                        ["src", "assets/icons/move-to-production/active_status.svg", 1, "key-status", 3, "alt"],
                        ["src", "assets/icons/move-to-production/pending_status.svg", 1, "key-status", 3, "alt"],
                        ["src", "assets/icons/move-to-production/deactivated_status.svg", 1, "key-status", 3, "alt"],
                        ["data-parent", "#accordion1", "href", "#collapseOne", "data-toggle", "collapse", "data-target", "#demo1", 1, "accordion-toggle"],
                        [1, "p-3"],
                        [1, "table-lable-font"],
                        [1, "table-mobile-value"],
                        ["src", "assets/icons/move-to-production/active_status.svg", "class", "key-status-sm", 3, "alt", 4, "ngIf"],
                        ["src", "assets/icons/move-to-production/pending_status.svg", "class", "key-status-sm", 3, "alt", 4, "ngIf"],
                        ["src", "assets/icons/move-to-production/deactivated_status.svg", "class", "key-status-sm", 3, "alt", 4, "ngIf"],
                        ["src", "assets/icons/left-arrow.svg", "alt", "Key Details arrow", 1, "key-details-arrow", "details-arrow-sm", 3, "click"],
                        ["src", "assets/icons/move-to-production/active_status.svg", 1, "key-status-sm", 3, "alt"],
                        ["src", "assets/icons/move-to-production/pending_status.svg", 1, "key-status-sm", 3, "alt"],
                        ["src", "assets/icons/move-to-production/deactivated_status.svg", 1, "key-status-sm", 3, "alt"],
                        [3, "selectedKey"],
                        ["class", "text-center common-border-dashed common-color-grey m-0 row", 4, "ngIf"],
                        [1, "text-center", "common-border-dashed", "common-color-grey", "m-0", "row"],
                        [1, "col-lg-5", "col-md-5", "col-sm-10", "mx-auto", "mt-4", "mb-4", "d-flex", "flex-column", "align-items-center"],
                        ["src", "assets/icons/empty-set 1.svg", "alt", "nokeys", "width", "67"],
                        [1, "_Puro-Desk-H4", "mt-4"],
                        [1, "_Puro-Body", "text-center", "mt-4"],
                        [1, "btn", "btn-primary", "me-3", 3, "routerLink"],
                        ["fragment", "merchant-guide", 1, "_Puro-Body", "hyper-link", "common-primary-blue", "text-center", "cursor-pointer", "mt-4", "me-3", 3, "routerLink"]
                    ],
                    template: function(e, i) {
                        1 & e && (t.YNc(0, ht, 36, 29, "div", 0), t.YNc(1, ft, 2, 1, "div", 0), t.YNc(2, kt, 2, 1, "div", 0)), 2 & e && (t.Q6J("ngIf", !i.keySelected && i.activationKeyList.length > 0), t.xp6(1), t.Q6J("ngIf", i.keySelected), t.xp6(1), t.Q6J("ngIf", 0 == i.activationKeyList.length))
                    },
                    dependencies: [g.sg, g.O5, p.rH, p.yS, f.N9, f.GZ, f.ju, D, m.X$, O.B],
                    styles: [".keys-tabs[_ngcontent-%COMP%]{float:right;margin-top:-4rem}.activatio-req-link[_ngcontent-%COMP%]{text-decoration:none;color:#001996;cursor:pointer;float:right}table[_ngcontent-%COMP%]{border:1px solid #C0C0C0}thead[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]{background:#EDEDED}tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(1), tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:nth-child(1){padding-left:24px}tr[_ngcontent-%COMP%]:nth-child(odd){background-color:#fff}tr[_ngcontent-%COMP%]:nth-child(even){background-color:#f5f6f6}th[_ngcontent-%COMP%]{background-color:#ededed}tr[_ngcontent-%COMP%]:hover{background-color:#d3d3d3}table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%], table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{background-color:#ffffff4d!important}.key-details-arrow[_ngcontent-%COMP%]{cursor:pointer}.key-status[_ngcontent-%COMP%]{padding-right:10px;padding-bottom:2px}.key-status-sm[_ngcontent-%COMP%]{padding-right:10px;padding-bottom:2px;float:right;margin-top:-60px}.table-lable-font[_ngcontent-%COMP%]{font-weight:600}.details-arrow-sm[_ngcontent-%COMP%]{float:right;margin-top:-50px;padding-right:10px}tr[_ngcontent-%COMP%]{height:53px;vertical-align:middle}#table-sm-screens[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{border:1px solid #b3b3b3!important}"]
                }), n
            })();

            function At(n, a) {
                1 & n && t._UZ(0, "img", 22)
            }

            function Zt(n, a) {
                1 & n && t._UZ(0, "img", 23)
            }

            function Tt(n, a) {
                1 & n && t._UZ(0, "img", 22)
            }

            function Kt(n, a) {
                1 & n && t._UZ(0, "img", 23)
            }

            function Ot(n, a) {
                1 & n && t._UZ(0, "img", 22)
            }

            function Pt(n, a) {
                1 & n && t._UZ(0, "img", 23)
            }

            function Mt(n, a) {
                1 & n && t._UZ(0, "img", 22)
            }

            function wt(n, a) {
                1 & n && t._UZ(0, "img", 23)
            }

            function Dt(n, a) {
                1 & n && t._UZ(0, "img", 22)
            }

            function Lt(n, a) {
                1 & n && t._UZ(0, "img", 23)
            }

            function qt(n, a) {
                1 & n && (t.TgZ(0, "span"), t._uU(1), t.ALo(2, "translate"), t.qZA()), 2 & n && (t.xp6(1), t.Oqu(t.lcZ(2, 1, "key.environment.development")))
            }

            function Nt(n, a) {
                1 & n && (t.TgZ(0, "span"), t._uU(1), t.ALo(2, "translate"), t.qZA()), 2 & n && (t.xp6(1), t.Oqu(t.lcZ(2, 1, "key.environment.production")))
            }

            function Ut(n, a) {
                if (1 & n && (t.TgZ(0, "td"), t._UZ(1, "img", 26), t.ALo(2, "translate"), t._uU(3), t.ALo(4, "translate"), t.qZA()), 2 & n) {
                    const e = t.oxw().$implicit;
                    t.xp6(1), t.Q6J("alt", t.lcZ(2, 2, "key.status.active")), t.xp6(2), t.hij(" ", t.lcZ(4, 4, "ACTIVE" == e.status ? "key.status.active" : "key.status.none"), "")
                }
            }

            function It(n, a) {
                if (1 & n && (t.TgZ(0, "td"), t._UZ(1, "img", 27), t.ALo(2, "translate"), t._uU(3), t.ALo(4, "translate"), t.qZA()), 2 & n) {
                    const e = t.oxw().$implicit;
                    t.xp6(1), t.Q6J("alt", t.lcZ(2, 2, "key.status.inactive")), t.xp6(2), t.hij(" ", t.lcZ(4, 4, "INACTIVE" == e.status ? "key.status.inactive" : "key.status.none"), "")
                }
            }

            function St(n, a) {
                if (1 & n && (t.TgZ(0, "td"), t._UZ(1, "img", 28), t.ALo(2, "translate"), t._uU(3), t.ALo(4, "translate"), t.qZA()), 2 & n) {
                    const e = t.oxw().$implicit;
                    t.xp6(1), t.Q6J("alt", t.lcZ(2, 2, "key.status.deactivated")), t.xp6(2), t.Oqu(t.lcZ(4, 4, "DEACTIVATED" == e.status ? "key.status.deactivated" : "key.environment.none"))
                }
            }

            function Jt(n, a) {
                if (1 & n && (t.TgZ(0, "tr", 24)(1, "td", 25), t._uU(2), t.qZA(), t.TgZ(3, "td"), t._uU(4), t.ALo(5, "keyMaskPipe"), t.qZA(), t.TgZ(6, "td"), t.YNc(7, qt, 3, 3, "span", 1), t.YNc(8, Nt, 3, 3, "span", 1), t.qZA(), t.TgZ(9, "td"), t._uU(10), t.qZA(), t.YNc(11, Ut, 5, 6, "td", 1), t.YNc(12, It, 5, 6, "td", 1), t.YNc(13, St, 5, 6, "td", 1), t.qZA()), 2 & n) {
                    const e = a.$implicit;
                    t.xp6(2), t.Oqu(e.clientName), t.xp6(2), t.Oqu(t.xi3(5, 8, e.key, 11)), t.xp6(3), t.Q6J("ngIf", "DEV" == e.keyType), t.xp6(1), t.Q6J("ngIf", "PROD" == e.keyType), t.xp6(2), t.hij(" ", e.alias, " "), t.xp6(1), t.Q6J("ngIf", "ACTIVE" == e.status), t.xp6(1), t.Q6J("ngIf", "INACTIVE" == e.status), t.xp6(1), t.Q6J("ngIf", "DEACTIVATED" == e.status)
                }
            }

            function Qt(n, a) {
                1 & n && (t._UZ(0, "img", 39), t.ALo(1, "translate")), 2 & n && t.Q6J("alt", t.lcZ(1, 1, "key.status.active"))
            }

            function Yt(n, a) {
                1 & n && (t._UZ(0, "img", 40), t.ALo(1, "translate")), 2 & n && t.Q6J("alt", t.lcZ(1, 1, "key.status.inactive"))
            }

            function Et(n, a) {
                1 & n && (t._UZ(0, "img", 41), t.ALo(1, "translate")), 2 & n && t.Q6J("alt", t.lcZ(1, 1, "key.status.deactivated"))
            }

            function Bt(n, a) {
                1 & n && (t.TgZ(0, "span"), t._uU(1), t.ALo(2, "translate"), t.qZA()), 2 & n && (t.xp6(1), t.Oqu(t.lcZ(2, 1, "key.environment.development")))
            }

            function Ft(n, a) {
                if (1 & n && (t.TgZ(0, "tr", 29)(1, "td", 30)(2, "div", 31)(3, "div", 32)(4, "label", 33), t._uU(5), t.ALo(6, "translate"), t.qZA(), t.TgZ(7, "p", 34), t._uU(8), t.qZA()(), t.TgZ(9, "div", 35), t.YNc(10, Qt, 2, 3, "img", 36), t.YNc(11, Yt, 2, 3, "img", 37), t.YNc(12, Et, 2, 3, "img", 38), t.qZA()(), t.TgZ(13, "label", 33), t._uU(14), t.ALo(15, "translate"), t.qZA(), t.TgZ(16, "p", 34), t._uU(17), t.ALo(18, "keyMaskPipe"), t.qZA(), t.TgZ(19, "div")(20, "div")(21, "label", 33), t._uU(22), t.ALo(23, "translate"), t.qZA(), t.TgZ(24, "p", 34), t.YNc(25, Bt, 3, 3, "span", 1), t.qZA()(), t.TgZ(26, "div")(27, "label", 33), t._uU(28), t.ALo(29, "translate"), t.qZA(), t.TgZ(30, "p", 34), t._uU(31), t.qZA()()()()()), 2 & n) {
                    const e = a.$implicit;
                    t.xp6(5), t.Oqu(t.lcZ(6, 11, "manage-key-list.business")), t.xp6(3), t.Oqu(e.clientName), t.xp6(2), t.Q6J("ngIf", "ACTIVE" == e.status), t.xp6(1), t.Q6J("ngIf", "INACTIVE" == e.status), t.xp6(1), t.Q6J("ngIf", "DEACTIVATED" == e.status), t.xp6(2), t.Oqu(t.lcZ(15, 13, "manage-key-details.key")), t.xp6(3), t.hij("", t.xi3(18, 15, e.key, 11), " "), t.xp6(5), t.Oqu(t.lcZ(23, 18, "manage-key-list.environment")), t.xp6(3), t.Q6J("ngIf", "DEV" == e.keyType), t.xp6(3), t.Oqu(t.lcZ(29, 20, "Key Nickname")), t.xp6(3), t.Oqu(e.alias)
                }
            }

            function jt(n, a) {
                1 & n && (t._uU(0), t.ALo(1, "translate")), 2 & n && t.Oqu(t.lcZ(1, 1, "manage-key-list.prev"))
            }

            function zt(n, a) {
                1 & n && (t._uU(0), t.ALo(1, "translate")), 2 & n && t.Oqu(t.lcZ(1, 1, "manage-key-list.next"))
            }
            const Ht = function() {
                return ["/apimanagement/managekeys"]
            };

            function Rt(n, a) {
                if (1 & n) {
                    const e = t.EpF();
                    t.TgZ(0, "div", 2)(1, "a", 3), t._uU(2), t.ALo(3, "translate"), t.qZA(), t.TgZ(4, "h5", 4), t._uU(5), t.ALo(6, "translate"), t.qZA(), t.TgZ(7, "div", 5)(8, "table", 6)(9, "thead")(10, "tr", 7)(11, "th", 8), t.NdJ("click", function() {
                        t.CHM(e);
                        const o = t.oxw();
                        return t.KtG(o.sort("clientName"))
                    }), t._uU(12), t.ALo(13, "translate"), t.YNc(14, At, 1, 0, "img", 9), t.YNc(15, Zt, 1, 0, "img", 10), t.qZA(), t.TgZ(16, "th", 11), t.NdJ("click", function() {
                        t.CHM(e);
                        const o = t.oxw();
                        return t.KtG(o.sort("key"))
                    }), t._uU(17), t.ALo(18, "translate"), t.YNc(19, Tt, 1, 0, "img", 9), t.YNc(20, Kt, 1, 0, "img", 10), t.qZA(), t.TgZ(21, "th", 11), t.NdJ("click", function() {
                        t.CHM(e);
                        const o = t.oxw();
                        return t.KtG(o.sort("keyType"))
                    }), t._uU(22), t.ALo(23, "translate"), t.YNc(24, Ot, 1, 0, "img", 9), t.YNc(25, Pt, 1, 0, "img", 10), t.qZA(), t.TgZ(26, "th", 11), t.NdJ("click", function() {
                        t.CHM(e);
                        const o = t.oxw();
                        return t.KtG(o.sort("alias"))
                    }), t._uU(27), t.ALo(28, "translate"), t.YNc(29, Mt, 1, 0, "img", 9), t.YNc(30, wt, 1, 0, "img", 10), t.qZA(), t.TgZ(31, "th", 11), t.NdJ("click", function() {
                        t.CHM(e);
                        const o = t.oxw();
                        return t.KtG(o.sort("status"))
                    }), t._uU(32), t.ALo(33, "translate"), t.YNc(34, Dt, 1, 0, "img", 9), t.YNc(35, Lt, 1, 0, "img", 10), t.qZA()()(), t.TgZ(36, "tbody"), t.YNc(37, Jt, 14, 11, "tr", 12), t.qZA()()(), t.TgZ(38, "div", 13)(39, "table", 14)(40, "tbody", 15), t.YNc(41, Ft, 32, 22, "tr", 16), t.qZA()()(), t.TgZ(42, "ngb-pagination", 17), t.NdJ("pageChange", function(o) {
                        t.CHM(e);
                        const s = t.oxw();
                        return t.KtG(s.page = o)
                    })("pageChange", function() {
                        t.CHM(e);
                        const o = t.oxw();
                        return t.KtG(o.getDeveloperKeyPageData())
                    }), t.YNc(43, jt, 2, 3, "ng-template", 18), t.YNc(44, zt, 2, 3, "ng-template", 19), t.qZA(), t.TgZ(45, "div", 20), t._UZ(46, "puro-button", 21), t.ALo(47, "translate"), t.qZA()()
                }
                if (2 & n) {
                    const e = t.oxw();
                    t.xp6(2), t.Oqu(t.lcZ(3, 27, "dashboard.developerKey.developer-key-link")), t.xp6(3), t.Oqu(t.lcZ(6, 29, "dashboard.developerKey.developer-key-table-heading")), t.xp6(7), t.hij(" ", t.lcZ(13, 31, "manage-key-details.business"), " "), t.xp6(2), t.Q6J("ngIf", "clientName" !== e.fieldNameToSort || e.reverse), t.xp6(1), t.Q6J("ngIf", "clientName" == e.fieldNameToSort && !e.reverse), t.xp6(2), t.hij("", t.lcZ(18, 33, "manage-key-details.key"), " "), t.xp6(2), t.Q6J("ngIf", "key" !== e.fieldNameToSort || e.reverse), t.xp6(1), t.Q6J("ngIf", "key" == e.fieldNameToSort && !e.reverse), t.xp6(2), t.hij("", t.lcZ(23, 35, "manage-key-list.environment"), " "), t.xp6(2), t.Q6J("ngIf", "keyType" !== e.fieldNameToSort || e.reverse), t.xp6(1), t.Q6J("ngIf", "keyType" == e.fieldNameToSort && !e.reverse), t.xp6(2), t.hij("", t.lcZ(28, 37, "Key Nickname"), " "), t.xp6(2), t.Q6J("ngIf", "alias" !== e.fieldNameToSort || e.reverse), t.xp6(1), t.Q6J("ngIf", "alias" == e.fieldNameToSort && !e.reverse), t.xp6(2), t.hij("", t.lcZ(33, 39, "manage-key-details.status"), " "), t.xp6(2), t.Q6J("ngIf", "status" !== e.fieldNameToSort || e.reverse), t.xp6(1), t.Q6J("ngIf", "status" == e.fieldNameToSort && !e.reverse), t.xp6(2), t.Q6J("ngForOf", e.developerKeyPeginateList), t.xp6(4), t.Q6J("ngForOf", e.developerKeyPeginateList), t.xp6(1), t.Q6J("collectionSize", e.collectionSize)("page", e.page)("maxSize", e.maxSize)("pageSize", e.pageSize), t.xp6(4), t.Tol("puro-btn puro-btn-secondary"), t.Q6J("text", t.lcZ(47, 41, "manage-key-list.header"))("routerLink", t.DdM(43, Ht))
                }
            }
            const $t = function() {
                return ["/apisupport/getstartedwithapis"]
            };

            function Vt(n, a) {
                1 & n && (t.TgZ(0, "div", 43)(1, "div", 44), t._UZ(2, "img", 45), t.TgZ(3, "p", 46), t._uU(4), t.ALo(5, "translate"), t.qZA(), t.TgZ(6, "p", 47), t._uU(7), t.ALo(8, "translate"), t.qZA(), t.TgZ(9, "a", 48), t._uU(10), t.ALo(11, "translate"), t.qZA()()()), 2 & n && (t.xp6(4), t.Oqu(t.lcZ(5, 4, "dashboard.nokeys")), t.xp6(3), t.Oqu(t.lcZ(8, 6, "dashboard.nokeys2")), t.xp6(2), t.Q6J("routerLink", t.DdM(10, $t)), t.xp6(1), t.hij("", t.lcZ(11, 8, "dashboard.integrationguide"), " "))
            }

            function Gt(n, a) {
                if (1 & n && (t.TgZ(0, "div"), t.YNc(1, Vt, 12, 11, "div", 42), t.qZA()), 2 & n) {
                    const e = t.oxw();
                    t.xp6(1), t.Q6J("ngIf", 0 == e.developerKeyList.length)
                }
            }
            let Xt = (() => {
                class n extends A.H {
                    constructor(e, i, o) {
                        super(e, i, o), this.store = e, this.translateService = i, this.activatedRoute = o, this.developerKeyList = [], this.developerKeyPeginateList = [], this.page = 1, this.pageSize = 10, this.maxSize = 4, this.collectionSize = 0, this.fieldNameToSort = "", this.reverse = !1
                    }
                    ngOnInit() {
                        this.collectionSize = this.developerKeyList.length, this.sort("integrationType")
                    }
                    sort(e) {
                        let i = [],
                            o = [],
                            s = [],
                            l = [];
                        this.fieldNameToSort = e, this.reverse = !this.reverse, "alias" == (e = "key" == e ? "createdDateTime" : e) ? (i = this.developerKeyList.filter(r => void 0 !== r.alias && "" !== r.alias), o = this.developerKeyList.filter(r => void 0 === r.alias || "" === r.alias), this.developerKeyList = [...i].sort((r, y) => {
                            const h = (0, b.qu)(r[e].toLowerCase() ? r[e].toLowerCase() : "", y[e].toLowerCase() ? y[e].toLowerCase() : "");
                            return !0 === this.reverse ? h : -h
                        }), o.forEach(r => {
                            this.developerKeyList.push(r)
                        })) : "clientName" == e ? (s = this.developerKeyList.filter(r => void 0 !== r.clientName && "" !== r.clientName), l = this.developerKeyList.filter(r => void 0 === r.clientName || "" === r.clientName), this.developerKeyList = [...s].sort((r, y) => {
                            const h = (0, b.qu)(r[e].toLowerCase() ? r[e].toLowerCase() : "", y[e].toLowerCase() ? y[e].toLowerCase() : "");
                            return !0 === this.reverse ? h : -h
                        }), l.forEach(r => {
                            this.developerKeyList.push(r)
                        })) : this.developerKeyList = [...this.developerKeyList].sort((r, y) => {
                            const h = (0, b.qu)(r[e] ? r[e] : "", y[e] ? y[e] : "");
                            return !0 === this.reverse ? h : -h
                        }), this.getDeveloperKeyPageData()
                    }
                    getDeveloperKeyPageData() {
                        this.developerKeyPeginateList = this.developerKeyList.slice((this.page - 1) * this.pageSize, (this.page - 1) * this.pageSize + this.pageSize)
                    }
                }
                return n.\u0275fac = function(e) {
                    return new(e || n)(t.Y36(C.yh), t.Y36(m.sK), t.Y36(p.gz))
                }, n.\u0275cmp = t.Xpm({
                    type: n,
                    selectors: [
                        ["pu-developer-key"]
                    ],
                    inputs: {
                        developerKeyList: "developerKeyList"
                    },
                    features: [t.qOj],
                    decls: 2,
                    vars: 2,
                    consts: [
                        ["class", "p-1", 4, "ngIf"],
                        [4, "ngIf"],
                        [1, "p-1"],
                        ["routerLink", "/developandtest/getdevelopmentkey", 1, "d-flex", "justify-content-end", "activatio-req-link"],
                        [1, "pb-3", "pt-4"],
                        [1, "d-none", "d-sm-none", "d-md-none", "d-lg-none", "d-xl-block"],
                        ["aria-describedby", "Developer keys list", 1, "table", "table-responsive"],
                        [1, "_Puro-Body-Semibold"],
                        ["scope", "col", 1, "padding-first-td", 3, "click"],
                        ["src", "./assets/icons/sorting-arrow-decending-order.svg", "class", "key-status", "alt", "Key status", 4, "ngIf"],
                        ["src", "./assets/icons/sorting-arrow-ascending-order.svg", "class", "key-status", "alt", "Key status", 4, "ngIf"],
                        ["scope", "col", 3, "click"],
                        ["class", "_Puro-Body", 4, "ngFor", "ngForOf"],
                        [1, "row", "p-2", "d-block", "d-sm-block", "d-md-block", "d-lg-block", "d-xl-none"],
                        ["id", "table-sm-screens", 1, "table", "table-borderless", "table-hover", "table-sm", "border"],
                        ["colspan", "6", 1, "table-borderless", "table-striped"],
                        ["data-parent", "#accordion1", "href", "#collapseOne", "data-toggle", "collapse", "data-target", "#demo1", "class", "accordion-toggle", 4, "ngFor", "ngForOf"],
                        ["aria-label", "activation key pagination", 3, "collectionSize", "page", "maxSize", "pageSize", "pageChange"],
                        ["ngbPaginationPrevious", ""],
                        ["ngbPaginationNext", ""],
                        [1, "me-0", "manage-keys-btn"],
                        [3, "text", "routerLink"],
                        ["src", "./assets/icons/sorting-arrow-decending-order.svg", "alt", "Key status", 1, "key-status"],
                        ["src", "./assets/icons/sorting-arrow-ascending-order.svg", "alt", "Key status", 1, "key-status"],
                        [1, "_Puro-Body"],
                        [1, "padding-first-td"],
                        ["src", "assets/icons/move-to-production/active_status.svg", 1, "key-status", 3, "alt"],
                        ["src", "assets/icons/move-to-production/pending_status.svg", 1, "key-status", 3, "alt"],
                        ["src", "assets/icons/move-to-production/deactivated_status.svg", 1, "key-status", 3, "alt"],
                        ["data-parent", "#accordion1", "href", "#collapseOne", "data-toggle", "collapse", "data-target", "#demo1", 1, "accordion-toggle"],
                        [1, "p-3"],
                        [1, "row"],
                        [1, "col-10"],
                        [1, "table-lable-font"],
                        [1, "table-mobile-value"],
                        [1, "col-2", "pt-2"],
                        ["src", "assets/icons/move-to-production/active_status.svg", "class", "key-status-sm", 3, "alt", 4, "ngIf"],
                        ["src", "assets/icons/move-to-production/pending_status.svg", "class", "key-status-sm", 3, "alt", 4, "ngIf"],
                        ["src", "assets/icons/move-to-production/deactivated_status.svg", "class", "key-status-sm", 3, "alt", 4, "ngIf"],
                        ["src", "assets/icons/move-to-production/active_status.svg", 1, "key-status-sm", 3, "alt"],
                        ["src", "assets/icons/move-to-production/pending_status.svg", 1, "key-status-sm", 3, "alt"],
                        ["src", "assets/icons/move-to-production/deactivated_status.svg", 1, "key-status-sm", 3, "alt"],
                        ["class", "text-center common-border-dashed common-color-grey row m-0", 4, "ngIf"],
                        [1, "text-center", "common-border-dashed", "common-color-grey", "row", "m-0"],
                        [1, "col-lg-5", "col-md-5", "col-sm-10", "mx-auto", "mt-4", "mb-4", "d-flex", "flex-column", "align-items-center"],
                        ["src", "assets/icons/empty-set 1.svg", "alt", "nokeys", "width", "67"],
                        [1, "_Puro-Desk-H4", "mt-4"],
                        [1, "_Puro-Body", "text-center", "mt-4"],
                        ["fragment", "integration-guide", 1, "_Puro-Body", "hyper-link", "common-primary-blue", "text-center", "cursor-pointer", "mt-4", "me-3", "align-items-center", 3, "routerLink"]
                    ],
                    template: function(e, i) {
                        1 & e && (t.YNc(0, Rt, 48, 44, "div", 0), t.YNc(1, Gt, 2, 1, "div", 1)), 2 & e && (t.Q6J("ngIf", i.developerKeyList && i.developerKeyList.length > 0), t.xp6(1), t.Q6J("ngIf", 0 == i.developerKeyList.length))
                    },
                    dependencies: [g.sg, g.O5, u.vs, p.rH, p.yS, f.N9, f.GZ, f.ju, m.X$, O.B],
                    styles: [".keys-tabs[_ngcontent-%COMP%]{float:right;margin-top:-4rem}.activatio-req-link[_ngcontent-%COMP%]{text-decoration:none;color:#001996;cursor:pointer;float:right}table[_ngcontent-%COMP%]{border:1px solid #C0C0C0}thead[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]{background:#EDEDED}tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(1), tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:nth-child(1){padding-left:24px}tr[_ngcontent-%COMP%]:nth-child(odd){background-color:#fff}tr[_ngcontent-%COMP%]:nth-child(even){background-color:#f5f6f6}th[_ngcontent-%COMP%]{background-color:#ededed}tr[_ngcontent-%COMP%]{height:53px;vertical-align:middle}tr[_ngcontent-%COMP%]:hover{background-color:#d3d3d3}table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%], table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{background-color:#ffffff4d!important}.key-details-arrow[_ngcontent-%COMP%]{cursor:pointer}.key-status[_ngcontent-%COMP%]{padding-right:10px;padding-bottom:2px;cursor:pointer}.manage-keys-btn[_ngcontent-%COMP%]{float:right;margin-top:-54px}.btn-outline-primary[_ngcontent-%COMP%]:hover{color:#fff!important;background:#001996}.key-status-sm[_ngcontent-%COMP%]{padding-right:10px;padding-bottom:2px;float:right}.table-lable-font[_ngcontent-%COMP%]{font-weight:600}.details-arrow-sm[_ngcontent-%COMP%]{float:right;margin-top:-50px;padding-right:10px}#table-sm-screens[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{border:1px solid #b3b3b3!important}@media screen and (max-width: 544px){.manage-keys-btn[_ngcontent-%COMP%]{margin-top:1px}.pagination[_ngcontent-%COMP%]{display:flex!important;justify-content:center!important}}"]
                }), n
            })();
            var Wt = c(9751),
                P = c(4086),
                te = c(2622);
            const ee = ["accordionOne"];

            function ne(n, a) {
                if (1 & n) {
                    const e = t.EpF();
                    t.TgZ(0, "div", 5)(1, "div", 6), t._UZ(2, "img", 7), t.TgZ(3, "span", 8), t._uU(4), t.ALo(5, "translate"), t.TgZ(6, "b"), t._uU(7), t.ALo(8, "keyMaskPipe"), t.qZA()()(), t.TgZ(9, "button", 9), t.NdJ("click", function() {
                        const s = t.CHM(e).$implicit,
                            l = t.oxw(3);
                        return t.KtG(l.onAccessKey(s))
                    }), t._uU(10), t.ALo(11, "translate"), t.qZA()()
                }
                if (2 & n) {
                    const e = a.$implicit;
                    t.xp6(4), t.Oqu(t.lcZ(5, 3, "manage.poc.please.review")), t.xp6(3), t.hij(" ", "ProdKey (" + t.xi3(8, 5, e, 11) + ")", " "), t.xp6(3), t.Oqu(t.lcZ(11, 8, "manage.poc.access.key.button"))
                }
            }

            function ie(n, a) {
                if (1 & n && (t.ynx(0), t.TgZ(1, "div", 3), t.YNc(2, ne, 12, 10, "div", 4), t.qZA(), t.BQk()), 2 & n) {
                    const e = t.oxw().ngIf;
                    t.xp6(2), t.Q6J("ngForOf", e.keysPOCActionRequired)
                }
            }

            function ae(n, a) {
                if (1 & n && t._UZ(0, "puro-accordion", 10), 2 & n) {
                    const e = t.oxw().ngIf,
                        i = t.oxw();
                    t.Q6J("accordionItems", i.accordionItems)("id", "supportAccordion")("alwaysOpen", !!(e.externalId && e.showPOCDashboard && e.keysPOCActionRequired && e.keysPOCActionRequired.length <= 5))
                }
            }

            function oe(n, a) {
                if (1 & n && (t.TgZ(0, "div"), t.YNc(1, ie, 3, 1, "ng-template", null, 1, t.W1O), t.YNc(3, ae, 1, 3, "puro-accordion", 2), t.qZA()), 2 & n) {
                    const e = a.ngIf;
                    t.xp6(3), t.Q6J("ngIf", e.externalId && e.showPOCDashboard && e.keysPOCActionRequired && e.keysPOCActionRequired.length > 0)
                }
            }
            let se = (() => {
                class n extends A.H {
                    constructor(e, i, o, s) {
                        super(o, e, i), this.activatedRoute = i, this.store = o, this.moveToProductionService = s, this.userProfile$ = new Wt.y
                    }
                    ngOnInit() {
                        super.ngOnInit(), this.store.dispatch(Z.mw({
                            display: !0
                        })), this.userProfile$ = this.profileService.getUserProfileDetails(!0), this.userProfile$.pipe((0, d.R)(this.unsubscribe$)).subscribe(e => {
                            this.getAccordionData(e)
                        }), this.isLanguageChanged$.pipe((0, P.g)(500), (0, d.R)(this.unsubscribe$)).subscribe(e => {
                            this.accordionItems[0].title = this.translate.instant("manage.poc.desc")
                        })
                    }
                    getAccordionData(e) {
                        this.accordionItems = [{
                            id: "accordionOne",
                            title: this.translate.instant("manage.poc.desc"),
                            content: this.accordionOne,
                            show: !!e ? .keysPOCActionRequired ? .length && e ? .keysPOCActionRequired ? .length <= 5
                        }]
                    }
                    onAccessKey(e) {
                        e && this.router.navigate(["movetoproduction/poc", e])
                    }
                }
                return n.\u0275fac = function(e) {
                    return new(e || n)(t.Y36(m.sK), t.Y36(p.gz), t.Y36(C.yh), t.Y36(te.l))
                }, n.\u0275cmp = t.Xpm({
                    type: n,
                    selectors: [
                        ["pu-manage-poc"]
                    ],
                    viewQuery: function(e, i) {
                        if (1 & e && t.Gf(ee, 5), 2 & e) {
                            let o;
                            t.iGM(o = t.CRH()) && (i.accordionOne = o.first)
                        }
                    },
                    hostAttrs: [1, "pu-main"],
                    features: [t.qOj],
                    decls: 2,
                    vars: 3,
                    consts: [
                        [4, "ngIf"],
                        ["accordionOne", ""],
                        [3, "accordionItems", "id", "alwaysOpen", 4, "ngIf"],
                        [1, "d-grid", "gap-3"],
                        ["class", "p-2 d-flex flex-wrap flex-row justify-content-between border-no-keys gap-3", "style", "border-radius: 8px", 4, "ngFor", "ngForOf"],
                        [1, "p-2", "d-flex", "flex-wrap", "flex-row", "justify-content-between", "border-no-keys", "gap-3", 2, "border-radius", "8px"],
                        [1, "p-2", "d-flex", "mb-auto", "justify-content-between", "gap-3", "align-items-center"],
                        ["src", "assets/icons/poc-key.svg", 1, "key_image_poc"],
                        [1, "_Puro-Body", "text-start", 2, "display", "inline-block"],
                        [1, "btn", "btn-primary", "stdBlueBgColor", "ms-auto", 3, "click"],
                        [3, "accordionItems", "id", "alwaysOpen"]
                    ],
                    template: function(e, i) {
                        1 & e && (t.YNc(0, oe, 4, 1, "div", 0), t.ALo(1, "async")), 2 & e && t.Q6J("ngIf", t.lcZ(1, 1, i.userProfile$))
                    },
                    dependencies: [g.sg, g.O5, u.u3, g.Ov, m.X$, O.B],
                    styles: [".text_body_poc[_ngcontent-%COMP%]{font-family:Open Sans;font-weight:600;font-size:20px;line-height:24px;color:#111}.text_review_poc[_ngcontent-%COMP%]{font-family:Open Sans;font-weight:600;font-size:16px;line-height:24px}.key_image_poc[_ngcontent-%COMP%]{width:62.5px;height:50px;top:31px;left:16px}.key_access_button[_ngcontent-%COMP%]{width:129px;height:55px;border-radius:4px}  #supportAccordion .accordion-body{overflow-y:scroll}  #supportAccordion .gap-3{gap:.9rem!important}@media screen and (min-width: 1500px){  #supportAccordion .gap-3{gap:.5rem!important}  #supportAccordion .accordion-body{max-height:474px!important}}@media screen and (min-width: 280px) and (max-width: 1499px){  #supportAccordion .accordion-body{max-height:850px!important}}@media (max-width: 280px){  #supportAccordion .accordion-body{max-height:850px!important}}.d-grid.border-gap-0[_ngcontent-%COMP%]{gap:0!important}.d-grid.border-gap-0[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{border-radius:0!important}"]
                }), n
            })();
            var _ = c(754);

            function ce(n, a) {
                if (1 & n && (t.TgZ(0, "div", 13), t._UZ(1, "puro-form-status-bar", 14), t.qZA()), 2 & n) {
                    const e = t.oxw(2);
                    t.xp6(1), t.Q6J("formStatusData", e.status)("needClickHandler", !0)("activeFormIndex", e.activeIndex)
                }
            }

            function re(n, a) {
                if (1 & n) {
                    const e = t.EpF();
                    t.TgZ(0, "div", 1)(1, "div", 2)(2, "p", 3), t._UZ(3, "img", 4), t.ALo(4, "translate"), t._uU(5), t.ALo(6, "translate"), t.qZA(), t.TgZ(7, "puro-field-dropdown", 5), t.NdJ("onDropdownChange", function(o) {
                        t.CHM(e);
                        const s = t.oxw();
                        return t.KtG(s.onSelectedIntegration(o))
                    }), t.ALo(8, "translate"), t.qZA()(), t.YNc(9, ce, 2, 3, "div", 6), t.TgZ(10, "div", 7), t._UZ(11, "puro-button", 8), t.ALo(12, "translate"), t.TgZ(13, "div", 9)(14, "span"), t._uU(15), t.ALo(16, "translate"), t.qZA(), t.TgZ(17, "div", 10), t._UZ(18, "img", 11), t.ALo(19, "translate"), t.TgZ(20, "span"), t._uU(21), t.ALo(22, "translate"), t.qZA()(), t._UZ(23, "puro-tooltip", 12), t.ALo(24, "translate"), t.qZA()()()
                }
                if (2 & n) {
                    const e = t.oxw();
                    t.xp6(3), t.Q6J("alt", t.lcZ(4, 14, "contact.status")), t.xp6(2), t.hij(" ", t.lcZ(6, 16, "contact.status"), ""), t.xp6(2), t.Q6J("label", t.lcZ(8, 18, "select"))("options", e.options)("fieldTextControl", e.productionKey)("className", "production-key-dropdown"), t.xp6(2), t.Q6J("ngIf", e.showStatus), t.xp6(2), t.Tol("btn-secondary"), t.Q6J("text", t.lcZ(12, 20, "manage-key-details.header")), t.xp6(4), t.Oqu(t.lcZ(16, 22, "move-to-production.key-status")), t.xp6(3), t.Q6J("alt", t.lcZ(19, 24, "key.status.pending")), t.xp6(3), t.Oqu(t.lcZ(22, 26, "poc-key-status-inactive")), t.xp6(2), t.Q6J("tooltipText", t.lcZ(24, 28, "contactStatus.toolTip"))
                }
            }
            let le = (() => {
                class n extends A.H {
                    constructor(e, i, o, s) {
                        super(o, e, i), this.activatedRoute = i, this.store = o, this.registerUserService = s, this.status = [{
                            formName: this.translate.instant("statusBarStepsNames.Submitted"),
                            status: _.gB.pending
                        }, {
                            formName: this.translate.instant("statusBarStepsNames.FirstContact"),
                            status: _.gB.pending
                        }, {
                            formName: this.translate.instant("statusBarStepsNames.SecondContact"),
                            status: _.gB.pending
                        }, {
                            formName: this.translate.instant("statusBarStepsNames.AllContractAccepted"),
                            status: _.gB.pending
                        }], this.contactStatusResponseList = [], this.options = [], this.productionKey = new v.NI(""), this.activeIndex = 0, this.showStatus = !0
                    }
                    ngOnInit() {
                        super.ngOnInit(), this.store.dispatch(Z.mw({
                            display: !0
                        })), this.registerUserService.getInactiveProdKeysContactStatusList().pipe((0, k.h)(e => !!e), (0, P.g)(1e3), (0, d.R)(this.unsubscribe$)).subscribe(e => {
                            this.status = this.status, this.contactStatusResponseList = e, this.options = this.contactStatusResponseList.map(i => ({
                                label: "Production (..." + i.key.substring(i.key.length - 11) + ")",
                                value: i.key
                            }))
                        }), this.registerUserService.fetchInactiveProdKeysContactStatusList(), 1 === this.options.length && (this.productionKey.setValue(this.options[0].value), this.onSelectedIntegration(this.options[0].value)), this.isLanguageChanged$.pipe((0, P.g)(1e3), (0, d.R)(this.unsubscribe$)).subscribe(e => {
                            this.status = [{
                                formName: this.translate.instant("statusBarStepsNames.Submitted"),
                                status: _.gB.pending
                            }, {
                                formName: this.translate.instant("statusBarStepsNames.FirstContact"),
                                status: _.gB.pending
                            }, {
                                formName: this.translate.instant("statusBarStepsNames.SecondContact"),
                                status: _.gB.pending
                            }, {
                                formName: this.translate.instant("statusBarStepsNames.AllContractAccepted"),
                                status: _.gB.pending
                            }]
                        })
                    }
                    onSelectedIntegration(e) {
                        this.status = this.status.map((o, s) => (0 == s && (o.currentForm = !0), o.currentForm = !1, o)), this.showStatus = !1, this.contactUsStatus = this.contactStatusResponseList.filter(o => o.key === e), (() => {
                            for (let o = 0; o < 4; o++) this.status[o].status = _.gB.pending
                        })();
                        for (let o = 0; o < this.contactUsStatus[0].pocAcceptedCount + 1; o++) this.status[o].status = _.gB.filled;
                        setTimeout(() => {
                            this.showStatus = !0
                        }, 100)
                    }
                }
                return n.\u0275fac = function(e) {
                    return new(e || n)(t.Y36(m.sK), t.Y36(p.gz), t.Y36(C.yh), t.Y36(T.v))
                }, n.\u0275cmp = t.Xpm({
                    type: n,
                    selectors: [
                        ["pu-contact-status"]
                    ],
                    features: [t.qOj],
                    decls: 1,
                    vars: 1,
                    consts: [
                        ["class", "border-no-keys p-3 mt-3 d-flex flex-column gap-5 contact-status", 4, "ngIf"],
                        [1, "border-no-keys", "p-3", "mt-3", "d-flex", "flex-column", "gap-5", "contact-status"],
                        [1, "d-flex", "justify-content-between", "flex-wrap"],
                        [1, "_Puro-Desk-H2"],
                        ["src", "./assets/icons/contact-us.svg", 1, "m-2", 3, "alt"],
                        [1, "production-key-dropdown", 3, "label", "options", "fieldTextControl", "className", "onDropdownChange"],
                        ["class", "contact-status-progress-bar", 4, "ngIf"],
                        [1, "d-flex", "justify-content-between", "flex-wrap", "gap-4"],
                        ["routerLink", "/apimanagement/managekeys", 2, "margin-right", "10px", 3, "text"],
                        [1, "d-flex", "flex-row", "gap-3", "align-items-center", "justify-content-md-end"],
                        [1, "d-flex", "flex-row", "gap-2", "p-2", 2, "border", "1px solid #C0C0C0", "border-radius", "4px"],
                        ["src", "assets/icons/move-to-production/pending_status.svg", 3, "alt"],
                        [3, "tooltipText"],
                        [1, "contact-status-progress-bar"],
                        [3, "formStatusData", "needClickHandler", "activeFormIndex"]
                    ],
                    template: function(e, i) {
                        1 & e && t.YNc(0, re, 25, 30, "div", 0), 2 & e && t.Q6J("ngIf", 0 !== i.contactStatusResponseList.length)
                    },
                    dependencies: [g.O5, u.vs, u.dq, u.TR, u.at, p.rH, m.X$],
                    styles: [".key-status-layout[_ngcontent-%COMP%]{width:207px}@media (min-width: 560px){.key-status-layout[_ngcontent-%COMP%]{float:right}}.contact-status[_ngcontent-%COMP%]{border-radius:8px;border:1px solid #C0C0C0;background:#FFF;box-shadow:0 2px 8px #0000001a,0 0 #0000001a}._Puro-Desk-H2[_ngcontent-%COMP%]{font-size:25px;font-weight:400;line-height:55px;letter-spacing:0em;text-align:left}.production-key-dropdown[_ngcontent-%COMP%]{float:right}@media (max-width: 510px){.key-status-layout-mob[_ngcontent-%COMP%]{margin-top:25px;height:35px}}.key-status[_ngcontent-%COMP%]{border:1px solid #C0C0C0;border-radius:4px;width:86px;padding:10px}@media (min-width: 560px){.key-status[_ngcontent-%COMP%]{padding:10px}}.key-tooltip[_ngcontent-%COMP%]{position:absolute}@media (max-width: 400px){.contact-status-progress-bar[_ngcontent-%COMP%]{width:300px;overflow:scroll;margin:0 auto}}@media (max-width: 768px){.production-key-dropdown[_ngcontent-%COMP%]{width:100%}}"]
                }), n
            })();

            function pe(n, a) {
                if (1 & n && (t.TgZ(0, "p", 28), t._uU(1), t.ALo(2, "translate"), t.TgZ(3, "sup"), t._uU(4, "\xae"), t.qZA(), t._uU(5), t.ALo(6, "translate"), t.qZA()), 2 & n) {
                    const e = t.oxw();
                    t.xp6(1), t.Oqu(t.lcZ(2, 3, "dashboard.welcome")), t.xp6(4), t.AsE("", t.lcZ(6, 5, "dashboard.welcome.1"), " ", e.user, " ")
                }
            }

            function de(n, a) {
                if (1 & n && (t.TgZ(0, "p", 28), t._uU(1), t.ALo(2, "translate"), t.TgZ(3, "sup"), t._uU(4, "MC"), t.qZA(), t._uU(5), t.qZA()), 2 & n) {
                    const e = t.oxw();
                    t.xp6(1), t.Oqu(t.lcZ(2, 2, "dashboard.welcome")), t.xp6(4), t.hij(", ", e.user, " ")
                }
            }

            function ge(n, a) {
                if (1 & n) {
                    const e = t.EpF();
                    t.TgZ(0, "li", 29)(1, "button", 30), t.NdJ("click", function() {
                        const s = t.CHM(e).$implicit,
                            l = t.oxw();
                        return t.KtG(l.setActiveTab(s.id))
                    }), t._uU(2), t.ALo(3, "translate"), t.qZA()()
                }
                if (2 & n) {
                    const e = a.$implicit,
                        i = t.oxw();
                    t.xp6(1), t.ekj("active", i.activeTab == e.id), t.uIk("id", e.id + "-tab")("data-bs-target", "#" + e.id)("aria-controls", e.id), t.xp6(1), t.hij(" ", t.lcZ(3, 6, e.name), "")
                }
            }

            function ue(n, a) {
                if (1 & n) {
                    const e = t.EpF();
                    t.TgZ(0, "div")(1, "pu-dashboard-activation-key", 33), t.NdJ("onRefresh", function() {
                        t.CHM(e);
                        const o = t.oxw(2);
                        return t.KtG(o.refresh())
                    }), t.qZA()()
                }
                if (2 & n) {
                    const e = t.oxw(2);
                    t.xp6(1), t.Q6J("activationKeyList", e.activationKeys)
                }
            }

            function me(n, a) {
                if (1 & n && (t.TgZ(0, "div"), t._UZ(1, "pu-developer-key", 34), t.qZA()), 2 & n) {
                    const e = t.oxw(2);
                    t.xp6(1), t.Q6J("developerKeyList", e.developerKeys)
                }
            }

            function _e(n, a) {
                if (1 & n && (t.TgZ(0, "div", 31), t.YNc(1, ue, 2, 1, "div", 32), t.YNc(2, me, 2, 1, "div", 32), t.qZA()), 2 & n) {
                    const e = a.$implicit,
                        i = t.oxw();
                    t.ekj("show", i.activeTab == e.id)("active", i.activeTab == e.id), t.uIk("id", e.id)("aria-labelledby", e.id + "-tab"), t.xp6(1), t.Q6J("ngIf", "activationKeys" === i.activeTab), t.xp6(1), t.Q6J("ngIf", "developerKeys" === i.activeTab)
                }
            }

            function ve(n, a) {
                if (1 & n) {
                    const e = t.EpF();
                    t.TgZ(0, "li", 35), t.NdJ("click", function() {
                        t.CHM(e);
                        const o = t.oxw();
                        return t.KtG(o.goToDevCommunityLink())
                    }), t._uU(1), t.ALo(2, "translate"), t.qZA()
                }
                2 & n && (t.xp6(1), t.hij(" ", t.lcZ(2, 1, "dashboard.developercommunity"), " "))
            }
            const ye = [{
                path: "",
                component: (() => {
                    class n {
                        constructor(e, i, o, s, l) {
                            this.store = e, this.modalService = i, this.keysService = o, this.userService = s, this.userTypeService = l, this.isInternalUser = !1, this.unsubscribe$ = new R.x, this.activationKeys = [], this.developerKeys = [], this.language = window.navigator.language === K.iu.frCA ? K.iu.frCA : K.iu.enCA, this.page = 1, this.pageSize = 10, this.name = "User", this.data = "first", this.isNewUser = !1, this.isAuthenticated = !1, this.user = "", this.tabsList = [{
                                name: "dashboard.activation.keys",
                                id: "activationKeys"
                            }, {
                                name: "dashboard.devkeys",
                                id: "developerKeys"
                            }], this.activeTab = void 0, this.userTypeService.isInternalUser$.pipe((0, d.R)(this.unsubscribe$)).subscribe(r => this.isInternalUser = r)
                        }
                        ngOnInit() {
                            this.setActiveTab("activationKeys"), this.store.dispatch(Z.mw({
                                display: !0
                            })), this.userService.getUserIdentity().pipe((0, k.h)(e => !!e), (0, d.R)(this.unsubscribe$)).subscribe(e => {
                                e ? .name && (this.user = e.name), this.keysService.queryKeyList()
                            }), this.userService.getNewUserStatus().pipe((0, k.h)(e => !!e), (0, d.R)(this.unsubscribe$)).subscribe(e => {
                                e && (this.isNewUser = e, this.userService.resetUserFirstTimeExperienceFlag(), this.openModal("dashboardStart"))
                            }), (0, $.a)([this.keysService.getActivationKeysForUser(), this.keysService.getKeyList()]).pipe((0, d.R)(this.unsubscribe$)).subscribe(([e, i]) => {
                                e && (this.activationKeys = e), i && (this.developerKeys = i.filter(o => !0 === o.isLegacy)), this.setActiveTab(this.developerKeys.length > 0 && 0 == this.activationKeys.length ? "developerKeys" : "activationKeys")
                            }), this.store.select(G.eE).pipe((0, k.h)(e => !!e), (0, V.x)((e, i) => e === i), (0, d.R)(this.unsubscribe$)).subscribe(e => {
                                this.language = e
                            })
                        }
                        ngAfterViewInit() {
                            this.keysService.queryActivationKeysForUser()
                        }
                        ngOnDestroy() {
                            this.unsubscribe$.next(), this.unsubscribe$.complete()
                        }
                        openModal(e) {
                            this.modalService.open(e)
                        }
                        onModalClose(e) {
                            this.userService.resetUserFirstTimeExperienceFlag()
                        }
                        onModalSubmit(e) {}
                        setActiveTab(e) {
                            this.activeTab = e
                        }
                        refresh() {
                            this.keysService.queryActivationKeysForUser()
                        }
                        goToDevCommunityLink() {
                            window.open(X.NZ.developercommunity.link, "_blank")
                        }
                    }
                    return n.\u0275fac = function(e) {
                        return new(e || n)(t.Y36(C.yh), t.Y36(W.Z), t.Y36(w.B), t.Y36(T.v), t.Y36(tt.j))
                    }, n.\u0275cmp = t.Xpm({
                        type: n,
                        selectors: [
                            ["pu-dashboard"]
                        ],
                        decls: 43,
                        vars: 25,
                        consts: [
                            [1, "dashboard-startup-modal"],
                            [3, "title", "popupId", "showModal", "closeDailog", "saveDialog"],
                            ["id", "dashboardStart"],
                            [1, "d-flex", "flex-column", "justify-content-between", "h-100", "gap-3"],
                            [1, "d-grid", "gap-3", "mt-2"],
                            [1, "dashboard-container"],
                            ["class", "_Puro-Desk-H1-TM mb-0 pt-1", 4, "ngIf"],
                            [1, "border-no-keys", "p-3", 2, "background-color", "white", "border-radius", "8px"],
                            [1, "row"],
                            [1, "col-lg-3", "col-md-3", "col-sm-3", "col-xs-3"],
                            ["src", "assets/icons/key-skeleton.svg", "alt", "dashboardkeys"],
                            [1, "_Puro-Desk-H2", "ml-2", 2, "display", "inline-block", "margin-left", "10px"],
                            [1, "col-lg-12", "xs-keys-tabs"],
                            [1, "api-catalog_services-container"],
                            ["id", "myTab", "role", "tablist", 1, "nav", "nav-tabs", "api-catalog_services-list", "keys-tabs"],
                            ["class", "nav-item", "role", "presentation", 4, "ngFor", "ngForOf"],
                            ["id", "myTabContent", 1, "tab-content", "api-catalog_tab-content"],
                            ["class", "tab-pane fade", "role", "tabpanel", 3, "show", "active", 4, "ngFor", "ngForOf"],
                            [1, "border-no-keys", "ps-3", "pe-3", "quicklink-componnet"],
                            ["aria-label", "breadcrumb", 2, "--bs-breadcrumb-divider", "url(assets/icons/left-arrow.svg)"],
                            [1, "breadcrumb", "m-0", "p-2", "ps-0", "d-flex", "flex-column", "flex-md-row", "align-items-start", "align-items-md-center"],
                            [1, "breadcrumb-item", "pe-4", "pt-3", "pb-3"],
                            ["src", "assets/icons/box-arrow-in-up-right.svg", "alt", "quicklink"],
                            [1, "_Puro-Desk-H2", "ml-2", "quicklink"],
                            ["routerLink", "/apisupport/aboutpurolatorapis", 1, "breadcrumb-item", "_Puro-Body", "common-primary-blue", "cursor-pointer", "pe-4", "pt-3", "pb-3"],
                            ["aria-current", "page", "routerLink", "/apicatalogue", 1, "breadcrumb-item", "_Puro-Body", "common-primary-blue", "cursor-pointer", "pe-4", "pt-3", "pb-3"],
                            ["aria-current", "page", "routerLink", "/apisupport/contact-us", 1, "breadcrumb-item", "_Puro-Body", "common-primary-blue", "cursor-pointer", "pe-4", "pt-3", "pb-3"],
                            ["class", "breadcrumb-item _Puro-Body common-primary-blue cursor-pointer pe-4 pt-3 pb-3", "aria-current", "page", 3, "click", 4, "ngIf"],
                            [1, "_Puro-Desk-H1-TM", "mb-0", "pt-1"],
                            ["role", "presentation", 1, "nav-item"],
                            ["data-bs-toggle", "tab", "type", "button", "role", "tab", "aria-selected", "true", 1, "_Puro-Body", "nav-link", "api-catalog_services-tab", 3, "click"],
                            ["role", "tabpanel", 1, "tab-pane", "fade"],
                            [4, "ngIf"],
                            [3, "activationKeyList", "onRefresh"],
                            [3, "developerKeyList"],
                            ["aria-current", "page", 1, "breadcrumb-item", "_Puro-Body", "common-primary-blue", "cursor-pointer", "pe-4", "pt-3", "pb-3", 3, "click"]
                        ],
                        template: function(e, i) {
                            1 & e && (t.TgZ(0, "div", 0)(1, "puro-modal", 1), t.NdJ("closeDailog", function(s) {
                                return i.onModalClose(s)
                            })("saveDialog", function(s) {
                                return i.onModalSubmit(s)
                            }), t.ALo(2, "translate"), t.TgZ(3, "div"), t._UZ(4, "pu-dashboard-start-popup", 2), t.qZA()()(), t.TgZ(5, "section", 3)(6, "section", 4)(7, "div", 5), t.YNc(8, pe, 7, 7, "p", 6), t.YNc(9, de, 6, 4, "p", 6), t._UZ(10, "pu-contact-status"), t.qZA(), t._UZ(11, "pu-manage-poc"), t.TgZ(12, "div", 7)(13, "div", 8)(14, "div", 9), t._UZ(15, "img", 10), t.TgZ(16, "span", 11), t._uU(17), t.ALo(18, "translate"), t.qZA()(), t.TgZ(19, "div", 12)(20, "div", 13)(21, "ul", 14), t.YNc(22, ge, 4, 8, "li", 15), t.qZA(), t.TgZ(23, "div", 16), t.YNc(24, _e, 3, 8, "div", 17), t.qZA()()()()()(), t.TgZ(25, "section", 18)(26, "nav", 19)(27, "ol", 20)(28, "li", 21), t._UZ(29, "img", 22), t.TgZ(30, "span", 23), t._uU(31), t.ALo(32, "translate"), t.qZA()(), t.TgZ(33, "li", 24), t._uU(34), t.ALo(35, "translate"), t.qZA(), t.TgZ(36, "li", 25), t._uU(37), t.ALo(38, "translate"), t.qZA(), t.TgZ(39, "li", 26), t._uU(40), t.ALo(41, "translate"), t.qZA(), t.YNc(42, ve, 3, 3, "li", 27), t.qZA()()()()), 2 & e && (t.xp6(1), t.Q6J("title", t.lcZ(2, 13, "dashboardpopup.title"))("popupId", "dashboard-popup")("showModal", i.isNewUser), t.xp6(7), t.Q6J("ngIf", "en-CA" === i.language), t.xp6(1), t.Q6J("ngIf", "fr-CA" === i.language), t.xp6(8), t.Oqu(t.lcZ(18, 15, "dashboard.keys")), t.xp6(5), t.Q6J("ngForOf", i.tabsList), t.xp6(2), t.Q6J("ngForOf", i.tabsList), t.xp6(7), t.Oqu(t.lcZ(32, 17, "dashboard.quickliks")), t.xp6(3), t.hij(" ", t.lcZ(35, 19, "dashboard.aboutapilinks"), " "), t.xp6(3), t.hij(" ", t.lcZ(38, 21, "dashboard.APICatalog"), " "), t.xp6(3), t.hij(" ", t.lcZ(41, 23, "dashboard.ContactUs"), " "), t.xp6(2), t.Q6J("ngIf", !i.isInternalUser))
                        },
                        dependencies: [g.sg, g.O5, u.e8, p.rH, et.L, Ct, Xt, se, le, m.X$],
                        styles: ["h1[_ngcontent-%COMP%], h2[_ngcontent-%COMP%], h3[_ngcontent-%COMP%], h4[_ngcontent-%COMP%]{color:#001996}h1.pu-black-title[_ngcontent-%COMP%], h2.pu-black-title[_ngcontent-%COMP%], h3.pu-black-title[_ngcontent-%COMP%], h4.pu-black-title[_ngcontent-%COMP%]{color:#111}main[_ngcontent-%COMP%], .pu-main[_ngcontent-%COMP%]{flex:1}img.pu-ratio-height[_ngcontent-%COMP%]{object-fit:cover;width:100%;height:250px;height:var(--height)}.puro-page[_ngcontent-%COMP%]{display:block}.pu-global-container-border[_ngcontent-%COMP%]{border:solid 1px #d3d3d3}.pu-global-container-border-radius[_ngcontent-%COMP%]{border-radius:4px}.pu-global-hr[_ngcontent-%COMP%]{border:1px solid #c0c0c0}.puro-main-icon[_ngcontent-%COMP%]{display:flex;flex-direction:row;width:153px}.puro-main-icon-public[_ngcontent-%COMP%]{display:flex;flex-direction:row;width:203px}@media screen and (max-width: 576px){.puro-main-icon-public[_ngcontent-%COMP%]{width:171px}}.header[_ngcontent-%COMP%]{text-align:center;padding-top:5px}.keys-div[_ngcontent-%COMP%]{display:inline-block;padding:.5rem 1rem}.api-catalog_title_container[_ngcontent-%COMP%]{display:flex;justify-content:space-between}.api-catalog_title_container[_ngcontent-%COMP%]   .get-dev-key[_ngcontent-%COMP%]{color:#001996;padding:0 24px;height:42px;background:#FFFFFF;border:1px solid #001996;border-radius:4px}.api-catalog_description[_ngcontent-%COMP%]{margin-top:16px;max-width:80%}.api-catalog_services-container[_ngcontent-%COMP%]{background-color:#fff}.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_services-list[_ngcontent-%COMP%]{width:max-content;border:1px solid #C0C0C0;border-radius:4px;overflow:hidden}.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_services-list[_ngcontent-%COMP%]   .api-catalog_services-tab[_ngcontent-%COMP%]{border-radius:0!important;color:#111!important;border:none!important}.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_services-list[_ngcontent-%COMP%]   .api-catalog_services-tab.active[_ngcontent-%COMP%]{background:#001996;color:#fff!important;font-weight:600}@media (max-width: 768px){.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_services-list[_ngcontent-%COMP%]{width:100%}.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_services-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{width:50%}.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_services-list[_ngcontent-%COMP%]   .api-catalog_services-tab[_ngcontent-%COMP%]{width:100%;text-align:center}}@media (max-width: 425px){.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_services-list[_ngcontent-%COMP%]{width:100%}.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_services-list[_ngcontent-%COMP%]   .api-catalog_services-tab[_ngcontent-%COMP%]{width:100%;text-align:center}}.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_tab-content[_ngcontent-%COMP%]{margin-top:24px}.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_tab-content[_ngcontent-%COMP%]   .web-services-container[_ngcontent-%COMP%]{display:grid;flex-wrap:wrap;gap:24px 32px}@media (min-width: 576px){.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_tab-content[_ngcontent-%COMP%]   .web-services-container[_ngcontent-%COMP%]{grid-template-columns:auto}}@media (min-width: 768px){.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_tab-content[_ngcontent-%COMP%]   .web-services-container[_ngcontent-%COMP%]{grid-template-columns:auto auto}}@media (min-width: 1200px){.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_tab-content[_ngcontent-%COMP%]   .web-services-container[_ngcontent-%COMP%]{grid-template-columns:auto auto auto}}.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_tab-content[_ngcontent-%COMP%]   .web-services-container[_ngcontent-%COMP%]   .web-services-card[_ngcontent-%COMP%]{border-radius:4px}.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_tab-content[_ngcontent-%COMP%]   .web-services-container[_ngcontent-%COMP%]   .web-services-card[_ngcontent-%COMP%]:hover{border-color:#001996;box-shadow:4px 4px 12px #00000029}.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_tab-content[_ngcontent-%COMP%]   .web-services-container[_ngcontent-%COMP%]   .web-service-title-container[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px;gap:16px}.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_tab-content[_ngcontent-%COMP%]   .web-services-container[_ngcontent-%COMP%]   .web-service-title-container[_ngcontent-%COMP%]   .web-service-title[_ngcontent-%COMP%]{font-family:Open Sans;font-style:normal;font-weight:400;font-size:20px;line-height:27px;color:#001996}.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_tab-content[_ngcontent-%COMP%]   .web-services-container[_ngcontent-%COMP%]   .web-service-card-body[_ngcontent-%COMP%]{display:flex;flex-direction:column}.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_tab-content[_ngcontent-%COMP%]   .web-services-container[_ngcontent-%COMP%]   .web-service-card-body[_ngcontent-%COMP%]   .web-service-card-description[_ngcontent-%COMP%]{flex:1}.api-catalog_services-container[_ngcontent-%COMP%]   .api-catalog_tab-content[_ngcontent-%COMP%]   .web-services-container[_ngcontent-%COMP%]   .web-service-card-body[_ngcontent-%COMP%]   .view-web-service[_ngcontent-%COMP%]{color:#001996;text-decoration:none}.keys-tabs[_ngcontent-%COMP%]{float:right;margin-top:-4rem}.key-details-arrow[_ngcontent-%COMP%]{cursor:pointer}.key-status[_ngcontent-%COMP%]{padding-right:10px;padding-bottom:2px}@media screen and (max-width: 544px){.modal-content[_ngcontent-%COMP%]{padding:16px;width:65%;margin-left:.5rem}.keys-tabs[_ngcontent-%COMP%]{float:inherit!important;margin-top:-3rem!important}}@media screen and (max-width: 420px){.keys-tabs[_ngcontent-%COMP%]{float:inherit!important;margin-top:-3rem!important}}@media screen and (max-width: 400px){.keys-tabs[_ngcontent-%COMP%]{float:inherit!important;margin:0 auto!important;margin-top:-2rem!important}}@media screen and (max-width: 768px){.xs-keys-tabs[_ngcontent-%COMP%]{margin-top:4rem}}.border-radius-for-no-keys[_ngcontent-%COMP%]{border-radius:8px}.quicklink-componnet[_ngcontent-%COMP%]{background-color:#fff;border-radius:8px}.quicklink[_ngcontent-%COMP%]{display:inline-block;margin-left:10px;font-weight:500}.breadcrumb-item[_ngcontent-%COMP%] + .breadcrumb-item[_ngcontent-%COMP%]:before{padding-right:1rem!important}sup[_ngcontent-%COMP%]{font-size:medium;top:-1em;margin-right:4px}"]
                    }), n
                })(),
                data: {
                    shouldReuse: !1
                }
            }, {
                path: "activationKey",
                component: N.J
            }, {
                path: "activationKeyDetails",
                component: D,
                canDeactivate: []
            }];
            let he = (() => {
                    class n {}
                    return n.\u0275fac = function(e) {
                        return new(e || n)
                    }, n.\u0275mod = t.oAB({
                        type: n
                    }), n.\u0275inj = t.cJS({
                        imports: [p.Bz.forChild(ye), p.Bz]
                    }), n
                })(),
                fe = (() => {
                    class n {}
                    return n.\u0275fac = function(e) {
                        return new(e || n)
                    }, n.\u0275mod = t.oAB({
                        type: n
                    }), n.\u0275inj = t.cJS({
                        providers: [g.uU],
                        imports: [q.m, he, f.jF]
                    }), n
                })()
        }
    }
]);