{"version":3,"file":"js/custom/utilities/modals/upgrade-plan.js","mappings":";;;;;;AAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA,yBAAyB;AACzB;AACA,qBAAqB;AACrB;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA,CAAC","sources":["webpack://keenthemes/../src/metronic/demo1/js/custom/utilities/modals/upgrade-plan.js"],"sourcesContent":["\"use strict\";\r\n\r\n// Class definition\r\nvar KTModalUpgradePlan = function () {\r\n    // Private variables\r\n    var modal;\r\n\tvar planPeriodMonthButton;\r\n\tvar planPeriodAnnualButton;\r\n    var planUpgradeButton;\r\n\r\n    // Private functions\r\n\tvar changePlanPrices = function(type) {\r\n\t\tvar items = [].slice.call(modal.querySelectorAll('[data-kt-plan-price-month]'));\r\n\r\n\t\titems.map(function (item) {\r\n\t\t\tvar monthPrice = item.getAttribute('data-kt-plan-price-month');\r\n\t\t\tvar annualPrice = item.getAttribute('data-kt-plan-price-annual');\r\n\r\n\t\t\tif ( type === 'month' ) {\r\n\t\t\t\titem.innerHTML = monthPrice;\r\n\t\t\t} else if ( type === 'annual' ) {\r\n\t\t\t\titem.innerHTML = annualPrice;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n    var handlePlanPeriodSelection = function() {\r\n        // Handle period change\r\n        planPeriodMonthButton.addEventListener('click', function (e) {\r\n            e.preventDefault();\r\n\r\n            planPeriodMonthButton.classList.add('active');\r\n            planPeriodAnnualButton.classList.remove('active');\r\n\r\n            changePlanPrices('month');\r\n        });\r\n\r\n\t\tplanPeriodAnnualButton.addEventListener('click', function (e) {\r\n            e.preventDefault();\r\n\r\n            planPeriodMonthButton.classList.remove('active');\r\n            planPeriodAnnualButton.classList.add('active');\r\n            \r\n            changePlanPrices('annual');\r\n        });\r\n    }\r\n    \r\n    var handlePlanUpgrade = function () {\r\n        if ( !planUpgradeButton ) {\r\n            return;\r\n        }\r\n\r\n        planUpgradeButton.addEventListener('click', function (e) {\r\n            e.preventDefault();\r\n\r\n            var el = this;\r\n\r\n            swal.fire({\r\n                text: \"Are you sure you would like to upgrade to selected plan ?\",\r\n                icon: \"warning\",\r\n                buttonsStyling: false,\r\n                showDenyButton: true,\r\n                confirmButtonText: \"Yes\",\r\n                denyButtonText: 'No',\r\n                customClass: {\r\n                    confirmButton: \"btn btn-primary\",\r\n                    denyButton: \"btn btn-light-danger\"\r\n                }\r\n            }).then((result) => {\r\n                if (result.isConfirmed) {\r\n                    el.setAttribute('data-kt-indicator', 'on');            \r\n                    el.disabled = true;\r\n\r\n                    setTimeout(function() {\r\n                        Swal.fire({\r\n                            text: 'Your subscription plan has been successfully upgraded', \r\n                            icon: 'success',\r\n                            confirmButtonText: \"Ok\",\r\n                            buttonsStyling: false,\r\n                            customClass: {\r\n                                confirmButton: \"btn btn-light-primary\"\r\n                            }\r\n                        }).then((result) => {\r\n                            bootstrap.Modal.getInstance(modal).hide();\r\n                        })\r\n\r\n                    }, 2000);\r\n                } \r\n            });            \r\n        });\r\n    }\r\n\r\n    // Public methods\r\n    return {\r\n        init: function () {\r\n            // Elements\r\n            modal = document.querySelector('#kt_modal_upgrade_plan');\r\n\r\n            if (!modal) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tplanPeriodMonthButton = modal.querySelector('[data-kt-plan=\"month\"]');\r\n\t\t\tplanPeriodAnnualButton = modal.querySelector('[data-kt-plan=\"annual\"]');\r\n            planUpgradeButton = document.querySelector('#kt_modal_upgrade_plan_btn');\r\n\r\n            // Handlers\r\n            handlePlanPeriodSelection();\r\n            handlePlanUpgrade();\r\n            changePlanPrices();\r\n        }\r\n    }\r\n}();\r\n\r\n// On document ready\r\nKTUtil.onDOMContentLoaded(function() {\r\n    KTModalUpgradePlan.init();\r\n});\r\n"],"names":[],"sourceRoot":""}