WebBuild/wwwroot/apps/transact/controls/subscriptions/registeremail.component.js

var Bizgaze;
(function (Bizgaze) {
    let Apps;
    (function (Apps) {
        let Transact;
        (function (Transact) {
            let Controls;
            (function (Controls) {
                let Subscriptions;
                (function (Subscriptions) {
                    class RegisterEmail extends Unibase.Platform.Core.BaseComponent {
                        init(formpropertyid, prop, callback) {
                            this.fileCacheHelper.loadCssFiles(['libs/owl.carousel/assets/owl.carousel.min.css', 'libs/simplebar/simplebar.min.css', 'apps/transact/controls/subscriptions/style.subscription.css'], null);
                            $(".planSelectRadio").click(function () {
                            });
                            $(".login-btn").click(function () {
                                var url = _appsettings.server_url() + '/#/login';
                                window.open(url, "_blank");
                            });
                        }
                        loadControl(containerid, prop) {
                            var html = `<div class="pricing-details-wrap subs-bg-pattern"><div id="pricingFormErrMsg" class="princing-form-err-msg"></div><div class="plan-details-bg-img-wrap"><img src="./imgs/plan-detail-top-left.png" class="plan-detail-top-left-img"><img src="./imgs/plan-detail-top-right-1.png" class="plan-detail-top-right-1-img"><img src="./imgs/plan-detail-top-right-2.png" class="plan-detail-top-right-2-img"><img src="./imgs/plan-detail-left-bottom.png" class="plan-detail-left-bottom-img"><img src="./imgs/plan-detail-bottom-right.png" class="plan-detail-bottom-right-img"></div>
                            <div class="pricing-details-header-wrap py-15 px-15 pl-lg-130 px-xl-150 pr-lg-100">
                                <div class="logo-wrap">
                                    <img src="./imgs/biz-logo.svg" class="img-fluid biz-logo h-50p" alt="logo">
                                </div>
                                <h5 class="pricing-body-heading text-dark-100 mt-20 font-weight-bold">Pricing Details</h5>
                                </div>
                                <div data-simplebar class="pricing-details-body-wrap simple-scroll-bar px-15 pb-15 pb-md-20">
                                    <div class="row mx-0 List_cartItems">
                                        <div class="col-12 px-0 pricing-detail-col plan-details-wrap">
                                            <h6 class="form-heading heading-underline ml-lg-120 ml-xl-135 mb-md-20">Select Plan</h6>
                                            <div class="plans-carousel-wrap biz-custom-scrollbar px-xl-100 px-lg-80 px-md-50">
                        <div class="owl-carousel owl-theme biz-plans-carousel listitems" id="biz-plans-carousel">

                        </div>
                    </div>
                </div>
            </div>
        </div>`;
                            $("#" + containerid).html(html);
                        }
                        planItemsList() {
                            var SubscriptionItemType = 1;
                            this.fileCacheHelper.loadJsFiles(['apps/transact/managers/subscriptions/subscriptionmanager.js', 'apps/transact/components/subscriptions/userregistration.component.js'], function () {
                                Bizgaze.Apps.Transact.Managers.Subscriptions.SubscriptionManager.Instance().getItemsList(Number(SubscriptionItemType)).then(function (response) {
                                    var res = response.result;
                                    for (var i = 0; i < res.length; i++) {
                                        let html = `<div class="item card plan-card-item CartItems" id="planCard_${res[i].ItemId}">
                                <div class="card-header">`;
                                        html += ` <h5 class="plan-title text-truncate">${res[i].ItemName}</h5>`;
                                        html += `</div>
                                 <div class="card-body px-10 py-0">
                                     <div class="dropdown plan-price-wrap">
                                        <h6 class="plan-price inr-sign mr-1">${res[i].SalesPrice}</h6><span class="text-dark-100">/</span>
                                        <a href="javascript:;" data-toggle="dropdown"
                                            class="plans-dp-link dropdown-toggle ml-1"></a>
                                        <div role="menu" class="dropdown-menu TenureDropdown_${res[i].ItemId}">`;
                                        html += ` </div>
                                     </div>
                                    <ul class="plan-list-group biz-custom-scrollbar PlanList_${res[i].ItemId}">`;
                                        html += ` <input type="hidden" id="hf_Sku" value=` + res[i].SKU + ` /><input type="hidden" id="hf_CartItemId" value=` + res[i].ItemId + ` /><input type="hidden" id="hf_Quantity" value=1 /><input type="hidden" class="itemprice" value=` + res[i].SalesPrice + ` id="hf_itemprice" /><input type="hidden" class="price hf_itemprice" value=` + res[i].SalesPrice + ` id="hf_price" /><input type="hidden" class="hf_discountPercent" value=0 id="hf_discountPercent" /><input type="hidden" class="hf_dropitemtenure_${res[i].ItemId}" value=0 id="hf_dropitemtenure_${res[i].ItemId}" />
                                    </ul>
                                  <div class="card-footer d-flex justify-content-between align-items-center">
                                        <div>
                                            <a class="btn btn-sm btn-outline-dark plan-subscribe-btn addonchk planSelectBox_${res[i].ItemId}" href="javascript:;" onclick="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().userRegistration(\'${res[i].ItemId}\')">Subscribe</a>
                                        </div>
                                        <div>
                                            <button class="btn btn-sm btn-outline-dark plan-subscribe-btn addonchk planSelectBox_${res[i].ItemId}" id="Sub_try_now" onclick="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().TryUser();">Try Now</button>
                                        </div>
                                    </div>
                                </div>
                                <img src="./imgs/plan-item-bg.png" class="plan-item-bg-img img-fluid">
                            </div>`;
                                        $("#biz-plans-carousel").append(html);
                                    }
                                    Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().loadCustomUiJs();
                                    Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().initiatePlansCarousel();
                                    $(".planSelectBox_" + res[0].ItemId).addClass('checked');
                                    for (var i = 0; i < res.length; i++) {
                                        Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().getBoMItems(res[i].ItemId);
                                    }
                                    for (var i = 0; i < res.length; i++) {
                                        Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().getTenures(res[i].ItemId);
                                    }
                                });
                            });
                        }
                        OpenModal() {
                            const html = `<div class="modal fade open-try-modal" id="Opentrynowmodal" style="width: auto;background-color: rgba(0, 0, 0, 0.5) !important;">
                              <div class="modal-dialog modal-dialog-centered" role="document">
                                <div class="modal-content p-4">
                                  <div class="modal-body">
                                        <div class="otp-err-msg" id="trynowotpErrMsg"></div>
                                        <div class="form-heading-col pt-10"><h5 class="form-heading heading-underline">Try Now</h5></div>
                                        <div class="otp-header hidden"><p>Enter 6 Digit Verification Code sent</p></div>
                                        <div class="trynow_contact pt-3">
                                            <input type="text" class="form-control trynow_register" Placeholder="Enter Email / Contact Number">
                                            <div class="otp-input-group hidden">
                                                <input class="otp-input" type="text" onkeyup="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().otpInputTabChange(1);" maxlength=1>
                                                <input class="otp-input" type="text" onkeyup="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().otpInputTabChange(2);" maxlength=1>
                                                <input class="otp-input" type="text" onkeyup="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().otpInputTabChange(3);" maxlength=1>
                                                <input class="otp-input" type="text" onkeyup="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().otpInputTabChange(4);" maxlength=1>
                                                <input class="otp-input" type="text" onkeyup="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().otpInputTabChange(5);" maxlength=1>
                                                <input class="otp-input" type="text" onkeyup="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().otpInputTabChange(6);" maxlength=1>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="text-right close_trynow mt-30">
                                        <a href="javascript:;" onclick="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().sendOtp();"  class="otp-trynowresend-link hidden">Resend Code</a>
                                        <a href="javascript:;" class="btn subs-btn-outline-primary trynow-submit-btn" id="trynow_submit">Submit</a>
                                        <a href="javascript:;" class="btn subs-btn-outline-primary trynow-otp-submit-btn hidden" id="trynow_otpSubmitBtn" onclick="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().tryNowSubmitHandler();">Proceed</a>
                                    </div>
                                    <a href="javascript:;" class="modal-close-btn btn btn-icon btn-flush-danger btn-rounded flush-soft-hover w-30p h-30p" id="otpModalCloseBtn" style="position:absolute;right:10px;top:5px;"><span class="btn-icon-wrap"><i class="las la-times"></i></span></a>
                                  </div>
                                </div>
                              </div>
                            </div>`;
                            const containerId = Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds[Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.length - 1];
                            $('.open-try-modal').remove();
                            $(`#${containerId}`).append(html);
                            const trynowotpModalEl = $('#Opentrynowmodal');
                            $("#trynow_submit").click(function () {
                                let input_val = $(".trynow_register").val().toString();
                                function isNumeric(val) {
                                    return /^-?\d+$/.test(val);
                                }
                                let values = isNumeric(input_val);
                                var email = input_val;
                                var mailFormat = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})|([0-9]{10})+$/;
                                if (email == "") {
                                    MessageHelper.Instance().showError('Please Enter a Eamil or Phone Number!', 'trynowotpErrMsg');
                                }
                                else if (!mailFormat.test(email)) {
                                    MessageHelper.Instance().showError('Vaild eamil or phone number must be!', 'trynowotpErrMsg');
                                    return false;
                                }
                                else {
                                    $("#trynowotpErrMsg").addClass("hidden");
                                    $(this).addClass("hidden");
                                    $("#Opentrynowmodal").find(".modal-body").addClass("p-3");
                                    $(".close_trynow").addClass("otp-modal-footer");
                                    $(".trynow_register").addClass("hidden");
                                    $(".trynow-otp-submit-btn").removeClass("hidden");
                                    $(".otp-trynowresend-link").removeClass("hidden");
                                    $(".otp-header").removeClass("hidden");
                                    $(".otp-input-group").removeClass("hidden");
                                }
                            });
                            trynowotpModalEl.addClass('show d-block');
                            $('.otp-input').first().focus();
                            $('#otpModalCloseBtn').click(function () {
                                trynowotpModalEl.removeClass('show d-block');
                            });
                            $('.otp-input-group .otp-input').on('input', function (e) {
                                const inputEl = this;
                                inputEl.value = inputEl.value.replace(/[^0-9]/g, '');
                            });
                        }
                        trynow() {
                            Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().OpenModal();
                        }
                        tryNowSubmitHandler() {
                            let enteredtrynowOtp = '';
                            $("#Opentrynowmodal").find('.otp-input').each(function () {
                                enteredtrynowOtp += $(this).val();
                            });
                            let otp = RegisterEmail.instance.registertoken;
                            var token = '123456';
                            if (token === enteredtrynowOtp) {
                                $('#Opentrynowmodal').removeClass('show d-block');
                            }
                            else {
                                MessageHelper.Instance().showError('Invalid OTP!', 'trynowotpErrMsg');
                            }
                        }
                        planItemsListByorgId(orgid) {
                            var SubscriptionItemType = 1;
                            this.fileCacheHelper.loadJsFiles(['apps/transact/managers/subscriptions/subscriptionmanager.js', 'apps/transact/components/subscriptions/userregistration.component.js'], function () {
                                Bizgaze.Apps.Transact.Managers.Subscriptions.SubscriptionManager.Instance().getItemsList(SubscriptionItemType).then(function (response) {
                                    var res = response.result;
                                    for (var i = 0; i < res.length; i++) {
                                        let html = `<div class="item card plan-card-item CartItems" id="planCard_${res[i].ItemId}">
                                <div class="card-header">`;
                                        html += ` <h5 class="plan-title text-truncate">${res[i].ItemName}</h5>`;
                                        html += `</div>
                                 <div class="card-body px-10 py-0">
                                     <div class="dropdown plan-price-wrap">
                                        <h6 class="plan-price inr-sign mr-1">${res[i].SalesPrice}</h6><span class="text-dark-100">/</span>
                                        <a href="javascript:;" data-toggle="dropdown"
                                            class="plans-dp-link dropdown-toggle ml-1"></a>
                                        <div role="menu" class="dropdown-menu TenureDropdown_${res[i].ItemId}">`;
                                        html += ` </div>
                                     </div>
                                    <ul class="plan-list-group biz-custom-scrollbar PlanList_${res[i].ItemId}">`;
                                        html += ` <input type="hidden" id="hf_Sku" value=` + res[i].SKU + ` /><input type="hidden" id="hf_CartItemId" value=` + res[i].ItemId + ` /><input type="hidden" id="hf_Quantity" value=1 /><input type="hidden" class="itemprice" value=` + res[i].SalesPrice + ` id="hf_itemprice" /><input type="hidden" class="price hf_itemprice" value=` + res[i].SalesPrice + ` id="hf_price" /><input type="hidden" class="hf_discountPercent" value=0 id="hf_discountPercent" /><input type="hidden" class="hf_dropitemtenure_${res[i].ItemId}" value=0 id="hf_dropitemtenure_${res[i].ItemId}" />
                                    </ul>
                                    <div class="card-footer"><a class="btn btn-sm btn-outline-dark plan-subscribe-btn addonchk planSelectBox_${res[i].ItemId}" href="javascript:;" onclick="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().UpgradePlan(\'${res[i].ItemId}\','${orgid}')">Subscribe</a></div>
                                </div>
                                <img src="./imgs/plan-item-bg.png" class="plan-item-bg-img img-fluid">
                            </div>`;
                                        $("#biz-plans-carousel").append(html);
                                    }
                                    Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().loadCustomUiJs();
                                    Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().initiatePlansCarousel();
                                    $(".planSelectBox_" + res[0].ItemId).addClass('checked');
                                    for (var i = 0; i < res.length; i++) {
                                        Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().getBoMItems(res[i].ItemId);
                                    }
                                    for (var i = 0; i < res.length; i++) {
                                        Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().getTenures(res[i].ItemId);
                                    }
                                });
                            });
                        }
                        UpgradePlan(itemid, orgid) {
                            var tenureid = $(`.hf_dropitemtenure_${itemid}`).val();
                            Bizgaze.Apps.Transact.Components.Subscriptions.Userregistration.Instance().managePayments(orgid, itemid, tenureid, null);
                        }
                        userRegistration(itemid) {
                            var tenureid = $(`.hf_dropitemtenure_${itemid}`).val();
                            Bizgaze.Apps.Transact.Components.Subscriptions.Userregistration.Instance().openUserRegistration(itemid, tenureid);
                        }
                        getTenures(itemId) {
                            this.fileCacheHelper.loadJsFile('apps/transact/managers/subscriptions/subscriptionmanager.js', function () {
                                Bizgaze.Apps.Transact.Managers.Subscriptions.SubscriptionManager.Instance().getTenures(itemId).then(function (response) {
                                    var tenures = response.result;
                                    if (tenures.length != 0) {
                                        for (var i = 0; i < tenures.length; i++) {
                                            var tenure = "";
                                            var price = tenures[i].Price;
                                            if (tenures[i].Tenure == 1) {
                                                tenure = "Daily";
                                            }
                                            else if (tenures[i].Tenure == 2) {
                                                tenure = "Monthly";
                                            }
                                            else if (tenures[i].Tenure == 3) {
                                                tenure = "Yearly";
                                            }
                                            var html = `<a class="dropdown-item tenure-item dropitemtenure_${itemId}_${tenures[i].Tenure}" href="javascript:;" data-price="${price}">${tenure}</a>`;
                                            $(`.TenureDropdown_` + itemId + `:first`).append(html);
                                            if (i == 0) {
                                                $(`#planCard_${itemId}`).find('.plans-dp-link').text(tenure);
                                                $(`#planCard_${itemId}`).find('.plan-price').text(price);
                                                $(`.hf_dropitemtenure_${itemId}`).val(tenures[0].Tenure);
                                            }
                                        }
                                        $('.tenure-item').click(function () {
                                            const parentEl = $(this).parents('.plan-card-item');
                                            if ($(this).text() == 'Monthly') {
                                                parentEl.find('.plans-dp-link').text('Monthly');
                                                $(`.hf_dropitemtenure_${itemId}`).val(2);
                                            }
                                            else if ($(this).text() == 'Yearly') {
                                                parentEl.find('.plans-dp-link').text('Yearly');
                                                $(`.hf_dropitemtenure_${itemId}`).val(3);
                                            }
                                            else if ($(this).text() == 'Daily') {
                                                parentEl.find('.plans-dp-link').text('Daily');
                                                $(`.hf_dropitemtenure_${itemId}`).val(1);
                                            }
                                            parentEl.find('.plan-price').text($(this).attr('data-price'));
                                        });
                                    }
                                });
                            });
                        }
                        getBoMItems(itemId) {
                            this.fileCacheHelper.loadJsFile('apps/transact/managers/subscriptions/subscriptionmanager.js', function () {
                                Bizgaze.Apps.Transact.Managers.Subscriptions.SubscriptionManager.Instance().getbomitems(itemId).then(function (BoMresponse) {
                                    var BoMres = BoMresponse.result;
                                    if (BoMres.length != 0) {
                                        for (var i = 0; i < BoMres.length; i++) {
                                            var html = `<li class="plan-list-item">
                                            ${BoMres[i].ChildItemName}
                                        </li>`;
                                            $(`.PlanList_` + BoMres[i].ParentItemId + `:first`).append(html);
                                        }
                                    }
                                });
                            });
                        }
                        getAddonsList(itemid, tenureid) {
                            $('.plan-select-box').removeClass('checked');
                            $(`.planSelectBox_${itemid}`).addClass('checked');
                            this.fileCacheHelper.loadJsFile('apps/transact/managers/subscriptions/subscriptionmanager.js', function () {
                                Bizgaze.Apps.Transact.Managers.Subscriptions.SubscriptionManager.Instance().getAddonsItems(itemid, tenureid).then(function (response) {
                                    var res = response.result;
                                    var html = ``;
                                    for (var i = 0; i < res.length; i++) {
                                        html += `<div class="product-card CartItems">
                                                   <div class="product-card-body">
                                                      <div class="product-img-wrap">
                                                        <img src="https://www.pteinc.com/wp-content/uploads/2021/04/Process-Automation-Icon-Redn.png" alt="" class="product-img">
                                                      </div>
                                                   <div class="product-title-desc-wrap">
                                                       <p class="product-title" title="${res[i].ItemName}">${res[i].ItemName}</p>
                                                       <p class="product-desc" title="Automation Evolved Evolved Evolved Evolved">
                                                       ${res[i].Description}
                                                       </p>
                                                   </div>
                                                </div>
                                                   <div class="product-card-footer">
                                                       <span class="product-price inr-sign">${res[i].SalesPrice}</span>
                                                          <a href="javascript:;" class="btn btnadd_${res[i].ItemId} cart-btn add-cart-btn btnTxt" onclick="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().btnChange(\'btnadd_${res[i].ItemId},btnadd_${tenureid}\');" >Add</a>
                                                  </div>
                                                     <div class="offer-percentage">0%</div>
<input type="hidden" id="hf_addonQuantity" value=${res[i].SubscriptionAddonsQuantity} /> <input type="hidden" id="hf_addonSku" value=${res[i].Sku} /> <input type="hidden" id="hf_CartItemId" value=${res[i].ItemId} />
                                                  </div>`;
                                    }
                                    $(".add-on-products-sec .ListAddons").html(html);
                                });
                            });
                        }
                        btnChange(itemid) {
                            var BtnText = $("." + itemid + "").text();
                            if (BtnText == "Add") {
                                $("." + itemid + "").removeClass("add-cart-btn");
                                $("." + itemid + "").addClass("remove-cart-btn");
                                $("." + itemid + "").text("Remove");
                            }
                            if (BtnText == "Remove") {
                                $("." + itemid + "").addClass("add-cart-btn");
                                $("." + itemid + "").removeClass("remove-cart-btn");
                                $("." + itemid + "").text("Add");
                            }
                        }
                        sendOtp() {
                            var instance = this;
                            var ContactText = $(".txt_phonenumber").val().toString();
                            let Ismail = ContactText.includes("@");
                            if (ContactText != "") {
                                if (Ismail == false) {
                                    if (ContactText.length == 10) {
                                        var token = "123456";
                                        RegisterEmail.instance.isMail = Ismail;
                                        instance.fileCacheHelper.loadJsFile("apps/crm/contacts/managers/contactmanager.js", function () {
                                            Bizgaze.Apps.Crm.Contacts.Managers.ContactManager.Instance().getContactnumuberdetails(ContactText).then(function (response) {
                                                var res = response.result;
                                                if (res != null && res != "") {
                                                    Unibase.Platform.Forms.Components.FormViewer.Instance().showError("Mobile Number Already Exists");
                                                }
                                                else {
                                                    Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().sendEmail(ContactText, Ismail);
                                                }
                                            });
                                        });
                                    }
                                    else {
                                        MessageHelper.Instance().showError("Please Enter Valid Input Details!", "pricingFormErrMsg");
                                    }
                                }
                                if (Ismail == true) {
                                    RegisterEmail.instance.isMail = Ismail;
                                    var token = "123456";
                                    Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().otpVerificationModal();
                                    Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().sendEmail(ContactText, Ismail);
                                }
                            }
                            else {
                                MessageHelper.Instance().showError("Please Enter Valid Input Details!", "pricingFormErrMsg");
                            }
                        }
                        initiatePlansCarousel() {
                            Unibase.Platform.Helpers.FileCacheHelper.Instance().loadFile({
                                FileName: 'libs/owl.carousel/owl.carousel.min.js',
                                FileType: Unibase.Platform.Helpers.FileType.Js
                            }, function () {
                                $('#biz-plans-carousel').owlCarousel({
                                    autoplay: false,
                                    loop: false,
                                    nav: true,
                                    navText: [
                                        '<i class="fa fa-angle-left"></i>',
                                        '<i class="fa fa-angle-right"></i>',
                                    ],
                                    dots: false,
                                    autoHeight: true,
                                    responsiveClass: true,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        575: {
                                            items: 1
                                        },
                                        767: {
                                            items: 2
                                        },
                                        991: {
                                            items: 2
                                        },
                                        1199: {
                                            items: 3
                                        }
                                    }
                                });
                            });
                        }
                        loadCustomUiJs() {
                            const formEl = $('[data-formuniquekey="bizgaze_transact_extension_subscription_userverification"],[data-formuniquekey="bizgaze_transact_extension_subscription_upgradeplan"]');
                            const headerHeight = formEl.find('.pricing-details-header-wrap').outerHeight(true);
                            const detailBodyPaddingBottom = parseInt(formEl.find('.pricing-details-body-wrap').css('padding-bottom'));
                            const carouselHeadingHeight = formEl.find('.plan-details-wrap .form-heading').outerHeight(true);
                            formEl.find('.pricing-details-body-wrap').css('height', `calc(100vh - ${headerHeight - 2}px)`);
                            const finalCarouselWrapHeight = headerHeight + carouselHeadingHeight + detailBodyPaddingBottom;
                            if ($(window).width() >= 991) {
                                formEl.find('.plans-carousel-wrap').css({ 'max-height': `calc(100vh - ${finalCarouselWrapHeight}px)`, 'overflow-y': 'auto' });
                            }
                            const planCardItem = formEl.find('.plan-card-item').first();
                            const itemPropertiesHeight = parseInt(planCardItem.css('margin-top')) + parseInt(planCardItem.css('margin-bottom')) + parseInt(planCardItem.css('border-top'));
                            const itemHeaderHeight = planCardItem.find('.card-header').outerHeight(true);
                            const itemFooterHeight = planCardItem.find('.card-footer').outerHeight(true);
                            const planNameHeight = planCardItem.find('.plan-price-wrap').outerHeight(true);
                            const finalItemListHeight = finalCarouselWrapHeight + itemPropertiesHeight + itemHeaderHeight + itemFooterHeight + planNameHeight;
                            formEl.find('.plan-card-item .plan-list-group').css({ 'height': `calc(100vh - ${finalItemListHeight + 10}px)` });
                        }
                        otpInputTabChange(val) {
                            const ele = $('.otp-input');
                            if (ele[val - 1].value != '') {
                                if (ele[val])
                                    ele[val].focus();
                            }
                            else if (ele[val - 1].value == '') {
                                if (ele[val - 2])
                                    ele[val - 2].focus();
                            }
                        }
                        sendEmail(email, Ismail) {
                            this.fileCacheHelper.loadJsFile('apps/transact/managers/subscriptions/subscriptionmanager.js', function () {
                                Bizgaze.Apps.Transact.Managers.Subscriptions.SubscriptionManager.Instance().sendRegistrationMail(email, Ismail).then(function (response) {
                                    var res = response.message;
                                    RegisterEmail.instance.registertoken = response.result;
                                    var registertoken = '123456';
                                    Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().otpVerificationModal();
                                });
                            });
                        }
                        otpVerificationModal() {
                            const html = `<div class="modal fade otp-verification-modal" id="otpVerificationModal">
                              <div class="modal-dialog modal-dialog-centered" role="document">
                                <div class="modal-content">
                                  <div class="modal-body">
                                    <div class="otp-err-msg" id="otpErrMsg"></div>
                                    <img src="./imgs/otp-verify-img.png" class="otp-verify-img h-100p w-100p">
                                    <div class="otp-heading-wrap">
                                    <h5 class="otp-heading font-weight-bold mb-10">OTP Verification</h5>
                                    <p class="otp-desc">Enter 6 Digit Verification Code sent</p>
                                    </div>
                                    <div class="otp-input-group">
                                      <input class="otp-input" type="text" onkeyup="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().otpInputTabChange(1);" maxlength=1>
                                      <input class="otp-input" type="text" onkeyup="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().otpInputTabChange(2);" maxlength=1>
                                      <input class="otp-input" type="text" onkeyup="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().otpInputTabChange(3);" maxlength=1>
                                      <input class="otp-input" type="text" onkeyup="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().otpInputTabChange(4);" maxlength=1>
                                        <input class="otp-input" type="text" onkeyup="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().otpInputTabChange(5);" maxlength=1>
                                        <input class="otp-input" type="text" onkeyup="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().otpInputTabChange(6);" maxlength=1>
                                  </div>
                                    <div class="otp-modal-footer mt-30">
                                        <p class="otp-timer text-danger d-none">Time: <span class="otp-expire-time">00:46</span></p>
                                        <a href="javascript:;" onclick="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().sendOtp();"  class="otp-resend-link">Resend Code</a>
                                        <a href="javascript:;" class="btn subs-btn-outline-primary otp-submit-btn" id="otpSubmitBtn" onclick="Bizgaze.Apps.Transact.Controls.Subscriptions.RegisterEmail.Instance().otpSubmitHandler();">Submit</a>
                                    </div>
                                    <a href="javascript:;" class="modal-close-btn btn btn-icon btn-flush-danger btn-rounded flush-soft-hover w-30p h-30p" id="otpModalCloseBtn"><span class="btn-icon-wrap"><i class="las la-times"></i></span></a>
                                  </div>
                                </div>
                              </div>
                            </div>`;
                            const containerId = Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds[Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.length - 1];
                            $('.otp-verification-modal').remove();
                            $(`#${containerId}`).append(html);
                            const otpModalEl = $('#otpVerificationModal');
                            otpModalEl.addClass('show d-block');
                            $('.otp-input').first().focus();
                            $('#otpModalCloseBtn').click(function () {
                                otpModalEl.removeClass('show d-block');
                            });
                            $('.otp-input-group .otp-input').on('input', function (e) {
                                const inputEl = this;
                                inputEl.value = inputEl.value.replace(/[^0-9]/g, '');
                            });
                        }
                        otpSubmitHandler() {
                            let enteredOtp = '';
                            $('.otp-input').each(function () {
                                enteredOtp += $(this).val();
                            });
                            let otp = RegisterEmail.instance.registertoken;
                            var token = '123456';
                            if (token === enteredOtp) {
                                $('#otpVerificationModal').removeClass('show d-block');
                                $(".txt_phonenumber").prop('disabled', true);
                                $('#phoneVerifyBtn').text('Verified').removeClass('btn-primary').addClass('btn-success').removeAttr('onclick');
                                $('.registration-proceed-btn').removeClass('d-none');
                            }
                            else {
                                MessageHelper.Instance().showError('Invalid OTP!', 'otpErrMsg');
                            }
                        }
                        saveCartItems(registertoken) {
                            var CartItemData = [];
                            RegisterEmail.instance.regmail = $("#ContactText").val();
                            $(".List_cartItems").find(".CartItems").each(function () {
                                var addcheck = $(this).find('.addonchk').hasClass('checked');
                                var itemId = Number($(this).find('#hf_CartItemId').val());
                                var registermail = $("#contactInput").val().toString();
                                var registerToken = registertoken;
                                var btnTxt = $(this).find('.btnTxt').text();
                                if (addcheck || btnTxt == 'Remove') {
                                    CartItemData.push({
                                        ItemId: itemId,
                                        RegisterMail: registermail,
                                        RegisterToken: registerToken,
                                        CartItemId: 0,
                                        IsMail: RegisterEmail.instance.isMail
                                    });
                                }
                            });
                            this.fileCacheHelper.loadJsFiles(['apps/transact/managers/subscriptions/subscriptionmanager.js', 'apps/transact/components/subscriptions/userregistration.component.js'], function () {
                                Bizgaze.Apps.Transact.Managers.Subscriptions.SubscriptionManager.Instance().saveCartItems(CartItemData).then(function (response) {
                                    var res = response.result;
                                    var token = res.RegisterToken;
                                    var regmail = res.RegisterMail;
                                    if (res != null) {
                                    }
                                });
                            });
                        }
                        TryUser() {
                            var instance = this;
                            instance.fileCacheHelper.loadJsFiles(["platform/forms/managers/formmanager.js", "platform/apps/managers/appmanager.js", "platform/forms/components/formviewer/formviewer.js", "libs/moment/moment.min.js", "platform/core/helpers/html/htmlhelper.js", "apps/transact/managers/subscriptions/subscriptionmanager.js",
                                "apps/transact/components/subscriptions/userregistration.component.js",
                                "apps/transact/controls/subscriptions/addons.component.js",
                                "apps/transact/controls/subscriptions/orderdetails.component.js", "platform/controls/autocomplete/autocomplete.component.js", "platform/core/helpers/autocomplete/autocompletehelper.js", "apps/transact/controls/subscriptions/tryuserregistration.component.js"], function () {
                                var formuniqueid = "Bizgaze_Platform_Crm_subscription_try_user";
                                Unibase.Platform.Forms.Managers.FormManager.Instance().getFormbyUniqueId(formuniqueid).then(function (response) {
                                    instance.fileCacheHelper.loadJsFiles(["platform/apps/enums/appconfigurationtypes.js", "apps/transact/managers/subscriptions/subscriptionmanager.js"], function () {
                                        instance.navigationHelper.showLoading();
                                        var successObj = {
                                            CallBack: function (id) {
                                                var obj = {
                                                    id: id,
                                                };
                                                Bizgaze.Apps.Transact.Controls.Subscriptions.TryUserRegistration.Instance().createTryTenant(obj.id);
                                            },
                                            Parameters: null,
                                        };
                                        var formviewerObj = {
                                            FormId: response.result.FormId,
                                            AppConfigurationId: 0,
                                            Pk_Value: 0,
                                            PortletWidgetId: 0,
                                            OnSuccess: successObj,
                                            OnFail: null,
                                            OnLoad: null,
                                            FormSize: Unibase.Platform.Helpers.Size.ExtraLarge
                                        };
                                        Unibase.Platform.Forms.Components.FormViewer.Instance().init(formviewerObj);
                                    });
                                });
                            });
                        }
                        loadControlSettings(controlsettingjson, formpropertyid) {
                        }
                        loadPropertySettings(propertysettings, formpropertyid, DocPropertyName) {
                        }
                        bindEditFormDetails(formpropertyid, propval, DocPropertyName) {
                        }
                        static Instance() {
                            if (this.instance === undefined) {
                                this.instance = new RegisterEmail();
                            }
                            return this.instance;
                        }
                    }
                    Subscriptions.RegisterEmail = RegisterEmail;
                })(Subscriptions = Controls.Subscriptions || (Controls.Subscriptions = {}));
            })(Controls = Transact.Controls || (Transact.Controls = {}));
        })(Transact = Apps.Transact || (Apps.Transact = {}));
    })(Apps = Bizgaze.Apps || (Bizgaze.Apps = {}));
})(Bizgaze || (Bizgaze = {}));