"use strict";
(self.webpackChunkui = self.webpackChunkui || []).push([
    [674], {
        2674: (_, h, s) => {
            s.d(h, {
                J: () => j
            });
            var r = s(3161),
                v = s(8598),
                m = s(6491),
                c = s(1655);
            const d = {
                solutionProvider: [{
                    errorName: c.cp.required,
                    message: "request-activation-key-solution-provider-required"
                }]
            };
            var n = s(754),
                t = s(4650),
                u = s(4006),
                k = s(457),
                f = s(9300),
                T = s(4004),
                g = s(2722),
                x = s(4086),
                Z = s(5409),
                S = s(1693),
                q = s(9653),
                y = s(3416),
                A = s(5892),
                P = s(4425),
                L = s(6895),
                F = s(8091),
                K = s(9838),
                E = s(195),
                U = s(5940);
            const w = ["businessAccount"],
                D = ["address"],
                N = ["filloutForm"];

            function O(a, l) {
                if (1 & a) {
                    const e = t.EpF();
                    t.TgZ(0, "puro-button", 39), t.NdJ("handleClick", function() {
                        t.CHM(e);
                        const i = t.oxw();
                        return t.KtG(i.onBackClick())
                    }), t.ALo(1, "translate"), t.qZA()
                }
                2 & a && (t.Tol("btn-secondary"), t.Q6J("text", t.lcZ(1, 3, "generic.button.previous")))
            }

            function B(a, l) {
                if (1 & a) {
                    const e = t.EpF();
                    t.TgZ(0, "puro-button", 39), t.NdJ("handleClick", function() {
                        t.CHM(e);
                        const i = t.oxw();
                        return t.KtG(i.onNextClick())
                    }), t.ALo(1, "translate"), t.qZA()
                }
                2 & a && (t.Tol("btn-primary"), t.Q6J("text", t.lcZ(1, 3, "generic.button.next")))
            }
            const b = function() {
                return ["/dashboard"]
            };

            function R(a, l) {
                1 & a && (t.TgZ(0, "div")(1, "div", 47)(2, "p"), t._uU(3), t.ALo(4, "translate"), t.qZA()(), t.TgZ(5, "div", 47)(6, "p"), t._uU(7), t.ALo(8, "translate"), t.TgZ(9, "a", 48), t._uU(10), t.ALo(11, "translate"), t.qZA()()()()), 2 & a && (t.xp6(3), t.Oqu(t.lcZ(4, 4, "request-activation-key-get-desc")), t.xp6(4), t.hij("", t.lcZ(8, 6, "request-activation-key-get-desc1"), "\xa0"), t.xp6(2), t.Q6J("routerLink", t.DdM(10, b)), t.xp6(1), t.Oqu(t.lcZ(11, 8, "request-activation-key-get-desc2")))
            }

            function M(a, l) {
                1 & a && (t.TgZ(0, "div")(1, "div", 47), t._UZ(2, "p", 49), t.ALo(3, "safeHtml"), t.ALo(4, "translate"), t.qZA(), t.TgZ(5, "div", 50)(6, "p"), t._uU(7), t.ALo(8, "translate"), t.TgZ(9, "a", 48), t._uU(10), t.ALo(11, "translate"), t.qZA()()()()), 2 & a && (t.xp6(2), t.Q6J("innerHTML", t.lcZ(3, 4, t.lcZ(4, 6, "request-activation-key-inactive-get-desc1")), t.oJD), t.xp6(5), t.hij("", t.lcZ(8, 8, "request-activation-key-get-desc1"), "\xa0"), t.xp6(2), t.Q6J("routerLink", t.DdM(12, b)), t.xp6(1), t.Oqu(t.lcZ(11, 10, "request-activation-key-get-desc2")))
            }

            function J(a, l) {
                if (1 & a) {
                    const e = t.EpF();
                    t.TgZ(0, "div", 40)(1, "div", 41), t._UZ(2, "img", 42), t.ALo(3, "translate"), t.TgZ(4, "p", 43), t._uU(5), t.ALo(6, "translate"), t.qZA(), t.TgZ(7, "p", 44), t._uU(8), t.qZA()(), t.TgZ(9, "div", 45)(10, "puro-button", 39), t.NdJ("handleClick", function() {
                        t.CHM(e);
                        const i = t.oxw();
                        return t.KtG(i.onCopy())
                    }), t.ALo(11, "translate"), t.qZA()(), t.YNc(12, R, 12, 11, "div", 46), t.YNc(13, M, 12, 13, "div", 46), t.qZA()
                }
                if (2 & a) {
                    const e = t.oxw();
                    t.xp6(2), t.s9C("alt", t.lcZ(3, 8, "request-activation-key-key")), t.xp6(3), t.Oqu(t.lcZ(6, 10, "request-activation-key-key")), t.xp6(3), t.Oqu(e.activationKey), t.xp6(2), t.Tol("btn-primary"), t.Q6J("text", t.lcZ(11, 12, "request-activation-key-copy-key")), t.xp6(2), t.Q6J("ngIf", "ACTIVE" === e.activationKeyStatus), t.xp6(1), t.Q6J("ngIf", "INACTIVE" === e.activationKeyStatus)
                }
            }

            function I(a, l) {
                1 & a && (t.TgZ(0, "div", 40)(1, "div", 51), t._UZ(2, "img", 42), t.ALo(3, "translate"), t.TgZ(4, "p", 43), t._uU(5), t.ALo(6, "translate"), t.qZA(), t.TgZ(7, "div", 47), t._UZ(8, "img", 52), t.ALo(9, "translate"), t._uU(10), t.ALo(11, "translate"), t.qZA()()()), 2 & a && (t.xp6(2), t.s9C("alt", t.lcZ(3, 4, "request-activation-key-key")), t.xp6(3), t.Oqu(t.lcZ(6, 6, "request-activation-key-key")), t.xp6(3), t.s9C("alt", t.lcZ(9, 8, "request-activation-key-key")), t.xp6(2), t.hij(" ", t.lcZ(11, 10, "request-activation-key-failed-create"), " "))
            }

            function Q(a, l) {
                if (1 & a) {
                    const e = t.EpF();
                    t.TgZ(0, "div", 33)(1, "div", 34)(2, "puro-button", 39), t.NdJ("handleClick", function() {
                        t.CHM(e);
                        const i = t.oxw();
                        return t.KtG(i.onBackClick())
                    }), t.ALo(3, "translate"), t.qZA()()()
                }
                if (2 & a) {
                    const e = t.oxw();
                    t.xp6(1), t.ekj("justify-content-end", e.step === e.STEPS.STEP_1)("justify-content-between", e.step !== e.STEPS.STEP_1), t.xp6(1), t.Tol("btn-secondary"), t.Q6J("text", t.lcZ(3, 7, "generic.button.previous"))
                }
            }
            let j = (() => {
                class a extends Z.r {
                    constructor(e, o, i, p, C, H, V) {
                        super(i, p, C), this.formBuilder = e, this.keyService = o, this.store = i, this.translationService = p, this.activatedRoute = C, this.clipboard = H, this.errorService = V, this.STEPS = n.Ss, this.step = n.Ss.STEP_1, this.providers = [], this.errorList = d, this.shippingAddressErrorList = m.P, this.activationKey = void 0, this.activationKeyStatus = void 0, this.puroEshipWSDAggrement = "./assets/terms-and-condition-files/en/purolatore-shipcommercialwebservicesactivationkeyagreement.pdf", this.isDataSubmitted = !1, this.showUnSavedChangesModal = !1, this.leaveConfirmed = new t.vpe, this.form = this.formBuilder.group({
                            solutionProvider: ["", [u.kI.required]]
                        })
                    }
                    get solutionProvider() {
                        return this.form.get("solutionProvider")
                    }
                    unloadHandler(e) {
                        this.hasUnsavedChanges() && window.opener.location.reload()
                    }
                    get agree() {
                        return this.addressFormComponent ? .form.get("agree")
                    }
                    get confirm() {
                        return this.addressFormComponent ? .form.get("confirm")
                    }
                    ngOnInit() {
                        super.ngOnInit(), this.store.dispatch(r.mw({
                            display: !0
                        })), this.keyService.clearActivationKeyInfo(), this.loadProgressBar(), this.keyService.getSolutionProviders().pipe((0, f.h)(e => !!e), (0, T.U)(e => e.map(o => ({
                            label: o,
                            value: o
                        }))), (0, g.R)(this.unsubscribe$)).subscribe(e => this.providers = e), this.keyService.querySolutionProviders(), this.isLanguageChanged$.pipe((0, x.g)(500), (0, g.R)(this.unsubscribe$)).subscribe(e => {
                            this.translationService.setDefaultLang(e), this.translationService.use(e), this.loadProgressBar(), this.errorList = this.translateErrors(d), this.shippingAddressErrorList = this.translateErrors(m.P), this.puroEshipWSDAggrement = e === v.iu.frCA ? "./assets/terms-and-condition-files/fr/purolatore-shipcommercialwebservicesactivationkeyagreement-fr.pdf" : "./assets/terms-and-condition-files/en/purolatore-shipcommercialwebservicesactivationkeyagreement.pdf";
                            let o = this.addressFormComponent.form.controls.province.value;
                            this.addressFormComponent.form.controls.province.setValue(""), this.addressFormComponent.form.controls.province.setValue(o)
                        }), this.errorList = this.translateErrors(d), this.shippingAddressErrorList = this.translateErrors(m.P), this.keyService.getActivationKeyInfo().pipe((0, f.h)(e => !!e), (0, g.R)(this.unsubscribe$)).subscribe(e => {
                            this.activationKeyFormData = e
                        }), this.keyService.getActivationKey().pipe((0, f.h)(e => !!e), (0, g.R)(this.unsubscribe$)).subscribe(e => {
                            this.isDataSubmitted = e.receivedSuccessFully, this.setStatusBarState(this.step, this.isDataSubmitted ? n.gB.filled : n.gB.filling), this.activationKey = e ? .activationKey, this.activationKeyStatus = e ? .status
                        }), this.setStatusBarState(n.Ss.STEP_1, n.gB.filling)
                    }
                    ngAfterViewInit() {
                        this.addressFormComponent ? .form.addControl("confirm", new u.NI(!1, u.kI.requiredTrue)), this.addressFormComponent ? .form.addControl("agree", new u.NI(!1, u.kI.requiredTrue))
                    }
                    onNextClick() {
                        let e = this.retrieveForm();
                        switch (e.updateValueAndValidity(), e.markAllAsTouched(), this.step) {
                            case n.Ss.STEP_1:
                                this.retrieveLineOfBusiness(), this.moveToNextPage(e);
                                break;
                            case n.Ss.STEP_2:
                                this.moveToNextPageBusinessAccount(e);
                                break;
                            case n.Ss.STEP_3:
                                this.isShippingAddressValid()
                        }
                    }
                    moveToNextPage(e) {
                        this.setStatusBarState(this.step, e ? .valid ? n.gB.filled : n.gB.filling), e ? .valid && (this.keyService.saveActivationKeyInfo({
                            payload: this.retrieveFormData(e)
                        }), this.step++)
                    }
                    moveToNextPageBusinessAccount(e) {
                        console.log("Attempting to move to next page from business account step...");
                        const o = this.businessAccountComponent.isValidForSubmission();
                        this.setStatusBarState(this.step, o ? n.gB.filled : n.gB.filling), o ? (console.log("Form is valid, proceeding to next step"), this.keyService.saveActivationKeyInfo({
                            payload: this.retrieveFormData(e)
                        }), this.step++) : (console.log("Form is invalid, preventing progression"), e.markAllAsTouched(), this.businessAccountComponent.courierAccountNumber.markAsTouched(), this.businessAccountComponent.freightAccountNumber.markAsTouched(), this.businessAccountComponent.zipCode.markAsTouched(), this.businessAccountComponent.form.updateValueAndValidity())
                    }
                    isShippingAddressValid() {
                        this.addressFormComponent ? .form ? .controls.zipCode.hasError("invalid") && this.addressFormComponent ? .form ? .controls.zipCode.setErrors(null), this.setStatusBarState(this.step, this.addressFormComponent ? .form ? .valid ? n.gB.filled : n.gB.filling), this.addressFormComponent ? .form ? .valid && (this.keyService.saveActivationKeyInfo({
                            payload: this.retrieveFormData(this.addressFormComponent ? .form)
                        }), this.step++, this.retrieveActivationKey())
                    }
                    retrieveActivationKey() {
                        this.isDataSubmitted = !1, this.keyService.requestActivationKey({
                            payload: {
                                platformName: this.activationKeyFormData ? .solutionProvider,
                                businessCourierAccountNum: this.activationKeyFormData ? .businessAccount ? .courierAccountNumber ? this.activationKeyFormData ? .businessAccount ? .courierAccountNumber : void 0,
                                businessFreightAccountNum: this.activationKeyFormData ? .businessAccount ? .freightAccountNumber ? this.activationKeyFormData ? .businessAccount ? .freightAccountNumber : void 0,
                                businessAccountName: this.activationKeyFormData ? .businessAccount ? .businessAccountName,
                                cliUserName: this.activationKeyFormData ? .businessAccount ? .cliUserName,
                                billingAccountPhoneNumber: this.activationKeyFormData ? .businessAccount ? .phoneNumber.replace(/\D+/g, ""),
                                billingAccountPostalCode: this.activationKeyFormData ? .businessAccount ? .zipCode,
                                shippingAddress: {
                                    suitNum: this.activationKeyFormData ? .shippingAddress.aptOrSuite,
                                    streetAddress: this.activationKeyFormData ? .shippingAddress.streetAddress,
                                    city: this.activationKeyFormData ? .shippingAddress.city,
                                    province: this.activationKeyFormData ? .shippingAddress.province,
                                    postalCode: this.activationKeyFormData ? .shippingAddress.zipCode,
                                    country: this.activationKeyFormData ? .shippingAddress.country,
                                    phone: this.activationKeyFormData ? .shippingAddress.phoneNumber.replace(/\D+/g, "")
                                },
                                accountHolderAcknowledgement: !0,
                                webTncAccepted: !0
                            }
                        })
                    }
                    retrieveLineOfBusiness() {
                        this.form.valid && this.keyService.queryLineOfBusiness({
                            payload: {
                                platformName: this.solutionProvider.value
                            }
                        })
                    }
                    onBackClick() {
                        let e = this.retrieveForm(),
                            o = this.retrieveFormData(e);
                        this.setStatusBarState(this.step, e ? .valid ? n.gB.filled : n.gB.filling), this.keyService.saveActivationKeyInfo({
                            payload: o
                        }), this.step--
                    }
                    retrieveForm() {
                        let e;
                        switch (this.step) {
                            case n.Ss.STEP_1:
                                e = this.form;
                                break;
                            case n.Ss.STEP_2:
                                e = this.businessAccountComponent.form;
                                break;
                            case n.Ss.STEP_3:
                                e = this.addressFormComponent.form;
                                break;
                            case n.Ss.STEP_4:
                                break;
                            default:
                                e = this.form
                        }
                        return e
                    }
                    retrieveFormData(e) {
                        let o;
                        switch (this.step) {
                            case n.Ss.STEP_1:
                                o = { ...this.activationKeyFormData,
                                    solutionProvider: this.solutionProvider ? .value
                                };
                                break;
                            case n.Ss.STEP_2:
                                const i = e.getRawValue();
                                i.courierAccountNumber && (i.courierAccountNumber = i.courierAccountNumber.trim()), i.freightAccountNumber && (i.freightAccountNumber = i.freightAccountNumber.trim()), o = { ...this.activationKeyFormData,
                                    businessAccount: { ...i,
                                        cliUserName: this.businessAccountComponent.cliUserName
                                    }
                                };
                                break;
                            case n.Ss.STEP_3:
                                o = { ...this.activationKeyFormData,
                                    shippingAddress: e.getRawValue()
                                };
                                break;
                            case n.Ss.STEP_4:
                                break;
                            default:
                                o = { ...this.activationKeyFormData,
                                    solutionProvider: this.solutionProvider ? .value
                                }
                        }
                        return o
                    }
                    onCopy() {
                        this.clipboard.copy(this.activationKey), this.errorService.showSuccessMessage(this.translate.instant("request-activation-key-copied-to-clipboard"), "")
                    }
                    openFillOutForm(e) {
                        this.supportForm ? .openFillOutForm(e)
                    }
                    showModal() {
                        const e = new Promise(o => {
                            this.showUnSavedChangesModal = !0, this.leaveConfirmed.subscribe(i => {
                                this.showUnSavedChangesModal = !1, o(i)
                            })
                        });
                        return (0, k.D)(e)
                    }
                    confirmLeave() {
                        this.leaveConfirmed.emit("true")
                    }
                    hasUnsavedChanges() {
                        return !this.isDataSubmitted
                    }
                    closeUnShavedPopup(e) {
                        this.showUnSavedChangesModal = !1
                    }
                    openPurolatorBusinessAccount() {
                        let e = "https://cloud.connect.purolator.com/shipping-account-benefits/learn-more-50for12?campaign=7014U0000026pdVQAQ";
                        this.language === v.iu.frCA && (e = "https://cloud.connect.purolator.com/shipping-account-benefits/learn-more-50for12?campaign=7014U0000026pdVQAQ&lang=fr"), window.open(e, "_blank")
                    }
                }
                return a.\u0275fac = function(e) {
                    return new(e || a)(t.Y36(u.qu), t.Y36(S.B), t.Y36(q.yh), t.Y36(y.sK), t.Y36(A.gz), t.Y36(P.TU), t.Y36(c.qM))
                }, a.\u0275cmp = t.Xpm({
                    type: a,
                    selectors: [
                        ["pu-activation-key"]
                    ],
                    viewQuery: function(e, o) {
                        if (1 & e && (t.Gf(w, 5), t.Gf(D, 5), t.Gf(N, 5)), 2 & e) {
                            let i;
                            t.iGM(i = t.CRH()) && (o.businessAccountComponent = i.first), t.iGM(i = t.CRH()) && (o.addressFormComponent = i.first), t.iGM(i = t.CRH()) && (o.supportForm = i.first)
                        }
                    },
                    hostAttrs: [1, "pu-main"],
                    hostBindings: function(e, o) {
                        1 & e && t.NdJ("beforeunload", function(p) {
                            return o.unloadHandler(p)
                        }, !1, t.Jf7)
                    },
                    outputs: {
                        leaveConfirmed: "leaveConfirmed"
                    },
                    features: [t.qOj],
                    decls: 89,
                    vars: 109,
                    consts: [
                        ["filloutForm", ""],
                        [3, "title", "body", "showModal", "cancelButtonText", "saveButtonText", "popupId", "closeDailog", "saveDialog"],
                        [1, "d-flex", "flex-column", "gap-3", "request-activation-container"],
                        [1, "col-md-6", "col-lg-8"],
                        [1, "_Puro-Desk-H1"],
                        [1, "text_body", "mb-3"],
                        ["routerLink", "/dashboard", 1, "hyper-link", "text-decoration-none"],
                        [3, "message", "btnText", "iconUrl", "btnRouteFn"],
                        [1, "border-no-keys", "p-3", 2, "background-color", "white", "border-radius", "8px"],
                        [3, "formStatusData"],
                        [1, "col-lg-auto", "pt-4"],
                        [1, "text_body1", "mb-3"],
                        ["autocomplete", "off", 3, "formGroup"],
                        [3, "className", "fieldTextControl", "label", "options", "errorList"],
                        [1, "text_body", "pt-4", "text-start"],
                        ["href", "javascript:void(0)", 1, "text-start", "p-0", "m-0", "hyper-link", "cursor-pointer", 3, "click"],
                        [1, "mt-2"],
                        [1, "d-flex", "flex-wrap", "align-items-center", "gap-3"],
                        [1, "text_body1", "m-0", "p-0"],
                        [3, "tooltipText"],
                        [1, "text_body", "mt-4", "col", "mb-4"],
                        [3, "data"],
                        ["businessAccount", ""],
                        [1, "gap-3", "row", "mt-2"],
                        [1, "_Puro-Desk-H4", "col", "mt-3", "text-start"],
                        [1, "_Puro-Body", "col", "text-start"],
                        [1, "col-12", "col-xl-6"],
                        [3, "errorList", "provincesList"],
                        ["address", ""],
                        [1, "col-12", "d-flex", "flex-row"],
                        [3, "label", "errorList", "fieldControl"],
                        [3, "hasContent", "label", "errorList", "fieldControl"],
                        ["target", "_blank", 1, "hyper-link", "cursor-pointer", 3, "href"],
                        [1, "mt-3"],
                        [1, "d-flex"],
                        [3, "class", "text", "handleClick", 4, "ngIf"],
                        [1, "d-grid", "gap-3", "col-12", 2, "background-color", "white"],
                        ["class", "p-3 row mt-3 d-flex justify-content-center gap-4", "style", "border-radius: 8px", 4, "ngIf"],
                        ["class", "mt-3", 4, "ngIf"],
                        [3, "text", "handleClick"],
                        [1, "p-3", "row", "mt-3", "d-flex", "justify-content-center", "gap-4", 2, "border-radius", "8px"],
                        [1, "text-center", "common-color-grey", "col-md-6", "d-flex", "flex-column", "align-items-center", "gap-3", "p-4"],
                        ["src", "assets/icons/key-skeleton-light-blue.svg", 3, "alt"],
                        [1, "_Puro-Desk-H2"],
                        [1, "_Puro-Desk-H4", "text-center", "generated-activation-key"],
                        [1, "text-center"],
                        [4, "ngIf"],
                        [1, "_Puro-Body", "text-center"],
                        [1, "hyper-link", 3, "routerLink"],
                        [3, "innerHTML"],
                        [1, "_Puro-Body", "d-block", "text-center"],
                        [1, "text-center", "common-color-grey", "col-md-6", "d-flex", "flex-column", "align-items-center", "gap-3", "p-3"],
                        ["src", "assets/icons/square-exclamation.svg", 3, "alt"]
                    ],
                    template: function(e, o) {
                        1 & e && (t._UZ(0, "pu-support-form-popup", null, 0), t.TgZ(2, "puro-modal", 1), t.NdJ("closeDailog", function(p) {
                            return o.closeUnShavedPopup(p)
                        })("saveDialog", function() {
                            return o.confirmLeave()
                        }), t.ALo(3, "translate"), t.ALo(4, "translate"), t.ALo(5, "translate"), t.ALo(6, "translate"), t.qZA(), t.TgZ(7, "section", 2)(8, "div")(9, "div", 3)(10, "p", 4), t._uU(11), t.ALo(12, "translate"), t.qZA(), t._UZ(13, "p"), t.qZA(), t.TgZ(14, "div", 5), t._uU(15), t.ALo(16, "translate"), t.ALo(17, "translate"), t.TgZ(18, "a", 6), t._uU(19), t.ALo(20, "translate"), t.qZA()()(), t.TgZ(21, "mk-warning-message", 7), t.NdJ("btnRouteFn", function() {
                            return o.openPurolatorBusinessAccount()
                        }), t.ALo(22, "translate"), t.ALo(23, "translate"), t.qZA(), t.TgZ(24, "div", 8), t._UZ(25, "puro-form-status-bar", 9), t.TgZ(26, "div", 10)(27, "div", 11), t._uU(28), t.ALo(29, "translate"), t.qZA(), t.TgZ(30, "form", 12), t._UZ(31, "puro-field-dropdown", 13), t.ALo(32, "translate"), t.TgZ(33, "p", 14), t._uU(34), t.ALo(35, "translate"), t.TgZ(36, "a", 15), t.NdJ("click", function(p) {
                            return o.openFillOutForm(p)
                        }), t._uU(37), t.ALo(38, "translate"), t.qZA(), t._uU(39), t.ALo(40, "translate"), t.qZA()()(), t.TgZ(41, "div", 16)(42, "div", 17)(43, "h4", 18), t._uU(44), t.ALo(45, "translate"), t.qZA(), t._UZ(46, "puro-tooltip", 19), t.ALo(47, "translate"), t.qZA(), t.TgZ(48, "div", 20), t._uU(49), t.ALo(50, "translate"), t.qZA(), t._UZ(51, "pu-business-account", 21, 22), t.qZA(), t.TgZ(53, "div", 23)(54, "div", 24), t._uU(55), t.ALo(56, "translate"), t.qZA(), t.TgZ(57, "div", 25), t._uU(58), t.ALo(59, "translate"), t.TgZ(60, "a", 15), t.NdJ("click", function(p) {
                            return o.openFillOutForm(p)
                        }), t._uU(61), t.ALo(62, "translate"), t.qZA()(), t.TgZ(63, "div", 26), t._UZ(64, "puro-address-form", 27, 28), t.qZA(), t.TgZ(66, "div", 29), t._UZ(67, "puro-field-checkbox", 30), t.ALo(68, "translate"), t._UZ(69, "puro-tooltip", 19), t.ALo(70, "translate"), t.qZA(), t.TgZ(71, "div", 29)(72, "puro-field-checkbox", 31), t.ALo(73, "translate"), t._uU(74), t.ALo(75, "translate"), t.TgZ(76, "a", 32), t._uU(77), t.ALo(78, "translate"), t.qZA()(), t._uU(79, "\xa0 "), t.qZA()(), t.TgZ(80, "div", 33)(81, "div", 34), t.YNc(82, O, 2, 5, "puro-button", 35), t.YNc(83, B, 2, 5, "puro-button", 35), t.qZA()(), t.TgZ(84, "div", 23)(85, "div", 36), t.YNc(86, J, 14, 14, "div", 37), t.YNc(87, I, 12, 12, "div", 37), t.YNc(88, Q, 4, 9, "div", 38), t.qZA()()()()), 2 & e && (t.xp6(2), t.Q6J("title", t.lcZ(3, 57, "profile-settings.cancel-edit-popup.heading"))("body", t.lcZ(4, 59, "profile-settings.cancel-edit-popup.body"))("showModal", o.showUnSavedChangesModal)("cancelButtonText", t.lcZ(5, 61, "generate-new-password.Cancel"))("saveButtonText", t.lcZ(6, 63, "profile-settings.cancel-edit-popup.leave-button"))("popupId", "notify-leave-popup-dev"), t.xp6(9), t.hij("", t.lcZ(12, 65, "request-activation-key"), " "), t.xp6(4), t.AsE(" ", t.lcZ(16, 67, "request-activation-key-desc"), " ", t.lcZ(17, 69, "request-activation-key-desc1"), " "), t.xp6(4), t.Oqu(t.lcZ(20, 71, "request-activation-key-desc2")), t.xp6(2), t.Q6J("message", t.lcZ(22, 73, "request-activation-key-warn"))("btnText", t.lcZ(23, 75, "getstarted.open.business.account"))("iconUrl", "assets/icons/warning_orange.svg"), t.xp6(4), t.Q6J("formStatusData", o.formStatusData), t.xp6(1), t.uIk("style", o.step === o.STEPS.STEP_1 ? "display:block" : "display:none", t.Ckj), t.xp6(2), t.Oqu(t.lcZ(29, 77, "request-activation-key-who")), t.xp6(2), t.Q6J("formGroup", o.form), t.xp6(1), t.Q6J("className", "solution-provider-dropdown")("fieldTextControl", o.solutionProvider)("label", t.lcZ(32, 79, "select"))("options", o.providers)("errorList", o.errorList.solutionProvider), t.xp6(3), t.Oqu(t.lcZ(35, 81, "request-activation-key-contact")), t.xp6(3), t.Oqu(t.lcZ(38, 83, "request-activation-key-contact-href")), t.xp6(2), t.hij(" ", t.lcZ(40, 85, "request-activation-key-contact-1"), " "), t.xp6(2), t.uIk("style", o.step === o.STEPS.STEP_2 ? "display:block" : "display:none", t.Ckj), t.xp6(3), t.hij(" ", t.lcZ(45, 87, "business-account-header"), " "), t.xp6(2), t.Q6J("tooltipText", t.lcZ(47, 89, "business-account-popup")), t.xp6(3), t.Oqu(t.lcZ(50, 91, "business-account-desc")), t.xp6(2), t.Q6J("data", null == o.activationKeyFormData ? null : o.activationKeyFormData.businessAccount), t.xp6(2), t.uIk("style", o.step === o.STEPS.STEP_3 ? "display:grid" : "display:none", t.Ckj), t.xp6(2), t.hij(" ", t.lcZ(56, 93, "request-activation-key-shipping-address-where"), " "), t.xp6(3), t.hij("", t.lcZ(59, 95, "request-activation-key-shipping-address-provide"), " "), t.xp6(3), t.Oqu(t.lcZ(62, 97, "request-activation-key-shipping-address-provide_2")), t.xp6(3), t.Q6J("errorList", o.shippingAddressErrorList)("provincesList", o.provinces), t.xp6(3), t.Q6J("label", t.lcZ(68, 99, "request-activation-key-confirm"))("errorList", o.shippingAddressErrorList.confirm)("fieldControl", o.confirm), t.xp6(2), t.Q6J("tooltipText", t.lcZ(70, 101, "business-account-popup-confirm")), t.xp6(3), t.Q6J("hasContent", !0)("label", t.lcZ(73, 103, "request-activation-key-agreement"))("errorList", o.shippingAddressErrorList.agree)("fieldControl", o.agree), t.xp6(2), t.hij(" ", t.lcZ(75, 105, "request-activation-key-agreement"), " "), t.xp6(2), t.s9C("href", o.puroEshipWSDAggrement, t.LSH), t.xp6(1), t.Oqu(t.lcZ(78, 107, "request-activation-key-agreement-link")), t.xp6(4), t.ekj("justify-content-end", o.step === o.STEPS.STEP_1)("justify-content-between", o.step !== o.STEPS.STEP_1), t.xp6(1), t.Q6J("ngIf", o.step !== o.STEPS.STEP_1 && o.step !== o.STEPS.STEP_4), t.xp6(1), t.Q6J("ngIf", o.step !== o.STEPS.STEP_4), t.xp6(1), t.uIk("style", o.step === o.STEPS.STEP_4 ? "display:grid" : "display:none", t.Ckj), t.xp6(2), t.Q6J("ngIf", o.isDataSubmitted), t.xp6(1), t.Q6J("ngIf", !o.isDataSubmitted), t.xp6(1), t.Q6J("ngIf", !o.isDataSubmitted))
                    },
                    dependencies: [L.O5, A.yS, u._Y, u.JL, u.sg, c.e8, c.vs, c.dq, c.TR, c.at, c.i4, c.mj, F.b, K.Y, E.R, y.X$, U.z],
                    styles: [".text_body[_ngcontent-%COMP%]{font-family:Open Sans;font-style:normal;font-weight:400;font-size:16px;line-height:24px}.text_body1[_ngcontent-%COMP%]{font-family:Open Sans;font-style:normal;font-weight:400;font-size:24px;line-height:32px}.button-float-right[_ngcontent-%COMP%]{float:right}.tooltip-key[_ngcontent-%COMP%]{display:inline-block;height:20px;width:20px;padding:6px!important}  .request-activation-container .warning-message-section{background:white!important}.generated-activation-key[_ngcontent-%COMP%]{display:inline-block;word-break:break-word}@media (max-width: 576px){.generated-activation-key[_ngcontent-%COMP%]{font-size:21px}}"]
                }), a
            })()
        },
        195: (_, h, s) => {
            s.d(h, {
                R: () => m
            });
            var r = s(4650),
                v = s(1655);
            let m = (() => {
                class c {
                    constructor() {
                        this.message = "", this.btnText = "", this.iconUrl = "./assets/icons/warning.svg", this.btnRouteFn = new r.vpe
                    }
                    ngOnInit() {}
                    handleClick() {
                        this.btnRouteFn.emit()
                    }
                }
                return c.\u0275fac = function(n) {
                    return new(n || c)
                }, c.\u0275cmp = r.Xpm({
                    type: c,
                    selectors: [
                        ["mk-warning-message"]
                    ],
                    inputs: {
                        message: "message",
                        btnText: "btnText",
                        iconUrl: "iconUrl"
                    },
                    outputs: {
                        btnRouteFn: "btnRouteFn"
                    },
                    decls: 6,
                    vars: 5,
                    consts: [
                        [1, "warning-message-section", "d-flex", "flex-wrap", "flex-xl-nowrap", "justify-content-between", "gap-4"],
                        [1, "d-flex", "align-items-center"],
                        ["alt", "warning-icon", 1, "warning-icon"],
                        [1, "message-content", "ps-3", "m-0"],
                        [3, "text", "handleClick"]
                    ],
                    template: function(n, t) {
                        1 & n && (r.TgZ(0, "section", 0)(1, "div", 1), r._UZ(2, "img", 2), r.TgZ(3, "p", 3), r._uU(4), r.qZA()(), r.TgZ(5, "puro-button", 4), r.NdJ("handleClick", function() {
                            return t.handleClick()
                        }), r.qZA()()), 2 & n && (r.xp6(2), r.uIk("src", t.iconUrl, r.LSH), r.xp6(2), r.hij(" ", t.message, ""), r.xp6(1), r.Tol("puro-btn puro-btn-secondary pull-right"), r.Q6J("text", t.btnText))
                    },
                    dependencies: [v.vs],
                    styles: [".warning-message-section[_ngcontent-%COMP%]{background:rgba(251,221,64,.4);border:1px solid #C0C0C0;border-radius:4px;padding:16px}@media (min-width: 992px){.warning-message-section[_ngcontent-%COMP%]{padding:24px}}.warning-message-section[_ngcontent-%COMP%]   .message-content[_ngcontent-%COMP%]{font-family:Open Sans;font-style:normal;font-weight:400;font-size:14px;line-height:24px}.warning-icon[_ngcontent-%COMP%]{width:42px;height:40px}@media (max-width: 768px){.warning-icon[_ngcontent-%COMP%]{width:22px;height:21px}}"]
                }), c
            })()
        }
    }
]);