{"version":3,"sources":["webpack:///./node_modules/core-js/modules/_flags.js","webpack:///./node_modules/core-js/modules/es6.regexp.flags.js","webpack:///./src/views/RenewPurchase.vue?14a2","webpack:///src/views/RenewPurchase.vue","webpack:///./src/views/RenewPurchase.vue?ec9e","webpack:///./src/views/RenewPurchase.vue","webpack:///./node_modules/core-js/modules/es6.regexp.to-string.js","webpack:///./node_modules/core-js/modules/es6.date.to-string.js","webpack:///./src/views/RenewPurchase.vue?fd39"],"names":["anObject","module","exports","that","this","result","global","ignoreCase","multiline","unicode","sticky","flags","f","RegExp","prototype","configurable","get","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","loading","scopedSlots","_u","key","fn","_v","proxy","on","back","next","_e","_l","item","_s","staticStyle","order","id","class","plan","default","includes","license_key","old_validity","new_validity","expire_time","timeFormat","extend_to_time","model","value","callback","$$v","yearsToExtend","expression","licenseKeys","length","createOrder","amount","globalSettings","paypal_payee_email_1","config","paypal","pdt","domProps","returnUrl","notifyUrl","invoice","_m","staticRenderFns","component","$flags","DESCRIPTORS","TO_STRING","$toString","define","call","source","R","concat","undefined","name","DateProto","Date","INVALID_DATE","getTime","NaN"],"mappings":"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","file":"js/renew.0bdebd94.js","sourcesContent":["'use strict';\n// 21.2.5.3 get RegExp.prototype.flags\nvar anObject = require('./_an-object');\nmodule.exports = function () {\n  var that = anObject(this);\n  var result = '';\n  if (that.global) result += 'g';\n  if (that.ignoreCase) result += 'i';\n  if (that.multiline) result += 'm';\n  if (that.unicode) result += 'u';\n  if (that.sticky) result += 'y';\n  return result;\n};\n","// 21.2.5.3 get RegExp.prototype.flags()\nif (require('./_descriptors') && /./g.flags != 'g') require('./_object-dp').f(RegExp.prototype, 'flags', {\n  configurable: true,\n  get: require('./_flags')\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('b-overlay',{attrs:{\"show\":_vm.loading,\"rounded\":\"sm\",\"no-wrap\":\"\",\"z-index\":\"1000\"},scopedSlots:_vm._u([(_vm.paidSuccessfully)?{key:\"overlay\",fn:function(){return [_c('div',{staticClass:\"text-center\"},[_c('i',{staticClass:\"icon icon-check\"}),_c('h3',[_vm._v(\"Thank you!\")])])]},proxy:true}:null],null,true)}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 p-3\"},[_c('button',{staticClass:\"btn btn-common btn-back\",on:{\"click\":_vm.back}},[_vm._v(\" Back \")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('h5',{staticClass:\"font-weight-bold\"},[_vm._v(\" You are going to extend validity period of AutoTouch licenses: \")]),_c('div',{staticClass:\"d-flex flex-column py-2\"},[_c('h6',{staticClass:\"field-title\"},[_vm._v(\"Licenses:\")]),(!_vm.next)?_c('div',_vm._l((_vm.licenseKeys),function(item){return _c('div',{key:item,staticClass:\"license-key\"},[_vm._v(\" \"+_vm._s(item)+\" \")])}),0):_vm._e(),(_vm.order)?_c('div',{staticClass:\"d-flex flex-row align-content-start flex-wrap\",staticStyle:{\"gap\":\"10px\"}},_vm._l((_vm.order.license_keys),function(item){return _c('div',{key:item.id,staticClass:\"license-card\",class:{\n                                    'ios-pro': item.plan === 'IOS_PRO',\n                                    'ios-basic': item.plan === 'IOS_BASIC',\n                                    'macos-basic':\n                                        item.plan === 'MACOS_BASIC',\n                                    'macos-pro': item.plan === 'MACOS_PRO',\n                                    default: ![\n                                        'IOS_BASIC',\n                                        'IOS_PRO',\n                                        'MACOS_BASIC',\n                                        'MACOS_PRO'\n                                    ].includes(item.plan)\n                                }},[_c('div',[_vm._v(\"License:\")]),_c('div',{staticClass:\"license-key\"},[_vm._v(\" \"+_vm._s(item.license_key)+\" \")]),_c('div',[_vm._v(\"Plan:\")]),_c('div',[_vm._v(\" \"+_vm._s(item.plan)+\" \")]),_c('div',[_vm._v(\"Old Validity:\")]),_c('div',[_vm._v(\" \"+_vm._s(item.old_validity)+\" Months \")]),_c('div',[_vm._v(\"New Validity:\")]),_c('div',[_vm._v(\" \"+_vm._s(item.new_validity)+\" Months \")]),_c('div',[_vm._v(\"Current expires:\")]),_c('div',[_vm._v(\" \"+_vm._s(item.expire_time ? _vm.timeFormat(item.expire_time) : 'N/A')+\" \")]),_c('div',[_vm._v(\"Extend to time:\")]),_c('div',[_vm._v(\" \"+_vm._s(item.extend_to_time ? _vm.timeFormat(item.extend_to_time) : 'N/A')+\" \")])])}),0):_vm._e()]),_c('div',{staticClass:\"d-flex flex-column py-2\"},[_c('h6',{staticClass:\"field-title\"},[_vm._v(\"Period to Extend:\")]),_c('div',[_c('b-form-spinbutton',{attrs:{\"min\":\"1\",\"max\":\"100\",\"size\":\"sm\",\"inline\":\"\",\"disabled\":_vm.next},model:{value:(_vm.yearsToExtend),callback:function ($$v) {_vm.yearsToExtend=$$v},expression:\"yearsToExtend\"}}),_c('label',{staticClass:\"ml-2\"},[_vm._v(\"Year(s)\")])],1)])])]),(!_vm.next)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('button',{staticClass:\"btn btn-common\",attrs:{\"disabled\":!_vm.licenseKeys || _vm.licenseKeys.length <= 0},on:{\"click\":_vm.createOrder}},[_vm._v(\" Confirm \")])])]):_vm._e(),(_vm.order)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 py-2\"},[_c('h6',{staticClass:\"field-title\"},[_vm._v(\"Total Amount:\")]),_c('div',{staticClass:\"font-weight-bold\"},[_c('span',{staticClass:\"mr-2\",staticStyle:{\"font-size\":\"30px\"}},[_vm._v(\"$ \"+_vm._s(_vm.order.amount / 100))]),_c('span',[_vm._v(\"USD\")])])]),_c('div',{staticClass:\"col-12 p-3\"},[_c('div',{staticClass:\"mt-3 d-flex justify-content-center w-100\"},[(\n                                _vm.globalSettings &&\n                                    _vm.globalSettings.paypal_payee_email_1\n                            )?_c('form',{attrs:{\"id\":\"form_pay\",\"name\":\"form_pay\",\"action\":_vm.config.paypal.pdt,\"method\":\"post\"}},[_c('div',{staticStyle:{\"display\":\"none\"}},[_c('input',{attrs:{\"type\":\"hidden\",\"name\":\"cmd\",\"value\":\"_xclick\"}}),_c('input',{attrs:{\"type\":\"hidden\",\"name\":\"business\"},domProps:{\"value\":_vm.globalSettings.paypal_payee_email_1}}),_c('input',{attrs:{\"type\":\"hidden\",\"name\":\"item_name\"},domProps:{\"value\":\"AutoTouch licenses period of validity renew.\"}}),_c('input',{attrs:{\"type\":\"hidden\",\"name\":\"item_number\"},domProps:{\"value\":1}}),_c('input',{attrs:{\"type\":\"hidden\",\"name\":\"amount\"},domProps:{\"value\":_vm.order.amount / 100}}),_c('input',{attrs:{\"type\":\"hidden\",\"name\":\"currency_code\",\"value\":\"USD\"}}),_c('input',{attrs:{\"type\":\"hidden\",\"name\":\"return\"},domProps:{\"value\":_vm.config.paypal.returnUrl}}),_c('input',{attrs:{\"type\":\"hidden\",\"name\":\"notify_url\"},domProps:{\"value\":_vm.config.paypal.notifyUrl}}),_c('input',{attrs:{\"type\":\"hidden\",\"name\":\"invoice\"},domProps:{\"value\":_vm.invoice}}),_c('input',{attrs:{\"type\":\"hidden\",\"name\":\"custom\"},domProps:{\"value\":(\"RENEW:\" + (_vm.order.long_id))}}),_c('input',{attrs:{\"type\":\"hidden\",\"name\":\"lc\",\"value\":\"EN\"}})]),_vm._m(0)]):_vm._e()])])]):_vm._e()])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:\"btn btn-common btn-paypal\",attrs:{\"type\":\"submit\"}},[_c('span',[_vm._v(\"Pay with\")]),_c('img',{attrs:{\"src\":\"/paypal.png\",\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"container\" v-cloak>\n        <b-overlay :show=\"loading\" rounded=\"sm\" no-wrap z-index=\"1000\">\n            <template v-slot:overlay v-if=\"paidSuccessfully\">\n                <div class=\"text-center\">\n                    <i class=\"icon icon-check\"></i>\n                    <h3>Thank you!</h3>\n                </div>\n            </template>\n        </b-overlay>\n        <div class=\"row\">\n            <div class=\"col-12 p-3\">\n                <button class=\"btn btn-common btn-back\" @click=\"back\">\n                    Back\n                </button>\n            </div>\n        </div>\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"row\">\n                    <div class=\"col-12\">\n                        <h5 class=\"font-weight-bold\">\n                            You are going to extend validity period of AutoTouch\n                            licenses:\n                        </h5>\n\n                        <div class=\"d-flex flex-column py-2\">\n                            <h6 class=\"field-title\">Licenses:</h6>\n                            <div v-if=\"!next\">\n                                <div\n                                    v-for=\"item in licenseKeys\"\n                                    :key=\"item\"\n                                    class=\"license-key\"\n                                >\n                                    {{ item }}\n                                </div>\n                            </div>\n                            <div\n                                v-if=\"order\"\n                                class=\"d-flex flex-row align-content-start flex-wrap\"\n                                style=\"gap: 10px;\"\n                            >\n                                <div\n                                    class=\"license-card\"\n                                    v-for=\"item in order.license_keys\"\n                                    :key=\"item.id\"\n                                    :class=\"{\n                                        'ios-pro': item.plan === 'IOS_PRO',\n                                        'ios-basic': item.plan === 'IOS_BASIC',\n                                        'macos-basic':\n                                            item.plan === 'MACOS_BASIC',\n                                        'macos-pro': item.plan === 'MACOS_PRO',\n                                        default: ![\n                                            'IOS_BASIC',\n                                            'IOS_PRO',\n                                            'MACOS_BASIC',\n                                            'MACOS_PRO'\n                                        ].includes(item.plan)\n                                    }\"\n                                >\n                                    <div>License:</div>\n                                    <div class=\"license-key\">\n                                        {{ item.license_key }}\n                                    </div>\n                                    <div>Plan:</div>\n                                    <div>\n                                        {{ item.plan }}\n                                    </div>\n                                    <div>Old Validity:</div>\n                                    <div>\n                                        {{ item.old_validity }} Months\n                                    </div>\n                                    <div>New Validity:</div>\n                                    <div>\n                                        {{ item.new_validity }} Months\n                                    </div>\n                                    <div>Current expires:</div>\n                                    <div>\n                                        {{ item.expire_time ? timeFormat(item.expire_time) : 'N/A' }}\n                                    </div>\n                                    <div>Extend to time:</div>\n                                    <div>\n                                        {{ item.extend_to_time ? timeFormat(item.extend_to_time) : 'N/A' }}\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n\n                        <div class=\"d-flex flex-column py-2\">\n                            <h6 class=\"field-title\">Period to Extend:</h6>\n                            <div>\n                                <b-form-spinbutton\n                                    min=\"1\"\n                                    max=\"100\"\n                                    v-model=\"yearsToExtend\"\n                                    size=\"sm\"\n                                    inline\n                                    :disabled=\"next\"\n                                ></b-form-spinbutton>\n                                <label class=\"ml-2\">Year(s)</label>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row\" v-if=\"!next\">\n                    <div class=\"col-12\">\n                        <button\n                            class=\"btn btn-common\"\n                            @click=\"createOrder\"\n                            :disabled=\"!licenseKeys || licenseKeys.length <= 0\"\n                        >\n                        Confirm\n                        </button>\n                    </div>\n                </div>\n                <div class=\"row\" v-if=\"order\">\n                    <div class=\"col-12 py-2\">\n                        <h6 class=\"field-title\">Total Amount:</h6>\n                        <div class=\"font-weight-bold\">\n                            <span class=\"mr-2\" style=\"font-size: 30px\"\n                                >$ {{ order.amount / 100 }}</span\n                            >\n                            <span>USD</span>\n                        </div>\n                    </div>\n\n                    <div class=\"col-12 p-3\">\n                        <div class=\"mt-3 d-flex justify-content-center w-100\">\n                            <form\n                                v-if=\"\n                                    globalSettings &&\n                                        globalSettings.paypal_payee_email_1\n                                \"\n                                id=\"form_pay\"\n                                name=\"form_pay\"\n                                :action=\"config.paypal.pdt\"\n                                method=\"post\"\n                            >\n                                <div style=\"display: none\">\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"cmd\"\n                                        value=\"_xclick\"\n                                    />\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"business\"\n                                        :value=\"\n                                            globalSettings.paypal_payee_email_1\n                                        \"\n                                    />\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"item_name\"\n                                        :value=\"\n                                            `AutoTouch licenses period of validity renew.`\n                                        \"\n                                    />\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"item_number\"\n                                        :value=\"1\"\n                                    />\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"amount\"\n                                        :value=\"order.amount / 100\"\n                                    />\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"currency_code\"\n                                        value=\"USD\"\n                                    />\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"return\"\n                                        :value=\"config.paypal.returnUrl\"\n                                    />\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"notify_url\"\n                                        :value=\"config.paypal.notifyUrl\"\n                                    />\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"invoice\"\n                                        :value=\"invoice\"\n                                    />\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"custom\"\n                                        :value=\"`RENEW:${order.long_id}`\"\n                                    />\n                                    <input type=\"hidden\" name=\"lc\" value=\"EN\" />\n                                </div>\n                                <button\n                                    type=\"submit\"\n                                    class=\"btn btn-common btn-paypal\"\n                                >\n                                    <span>Pay with</span>\n                                    <img src=\"/paypal.png\" alt=\"\" />\n                                </button>\n                            </form>\n                        </div>\n                        <!-- <div class=\"mt-3 d-flex justify-content-center\">\n                            <div\n                                ref=\"oftenpay\"\n                                class=\"oftenpay-button-container\"\n                            >\n                                <button\n                                    class=\"btn btn-common btn-oftenpay\"\n                                    @click=\"payWithOftenPay\"\n                                >\n                                    <span>Pay with</span>\n                                    <img src=\"/oftenpay.png\" alt=\"\" />\n                                </button>\n                            </div>\n                        </div> -->\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport config from \"../../config\";\nimport axios from \"axios\";\nimport moment from \"moment\";\n\nexport default {\n    name: \"Purchase\",\n    data() {\n        return {\n            lang: this.$store.state.language,\n\n            yearsToExtend: 1,\n            config: config,\n\n            loading: false,\n            paidSuccessfully: false,\n\n            globalSettings: null,\n            licenseKeys: [],\n\n            next: false,\n            order: null\n        };\n    },\n    mounted: function() {\n        this.licenseKeys = this.$route.params.selectedToRenew;\n    },\n    created: function() {\n        this.getGlobalSettings();\n    },\n    computed: {\n        invoice: function() {\n            let r = Math.random()\n                .toString(36)\n                .slice(2, 7);\n            return `${this.order.long_id}-${r}`;\n        }\n    },\n    methods: {\n        timeFormat(t) {\n            return moment\n                .utc(t)\n                .local()\n                .format(\"YYYY-MM-DD HH:mm:ss\");\n        },\n        back() {\n            this.$router.go(-1);\n        },\n        setLoaded() {\n            this.loading = false;\n            //   this.renderPayPalButton();\n        },\n        getGlobalSettings() {\n            const self = this;\n\n            self.loading = true;\n\n            const url = `${config.server}/api/v1/global_settings`;\n\n            axios\n                .get(url)\n                .then(function(response) {\n                    self.globalSettings = response.data;\n                })\n                .catch(function(error) {\n                    alert(error.response.data);\n                })\n                .finally(function() {\n                    self.queried = true;\n                    self.loading = false;\n                });\n        },\n        createOrder() {\n            const self = this;\n\n            self.loading = true;\n\n            const url = `${config.server}/api/v1/renew_orders`;\n\n            axios\n                .post(url, {\n                    license_keys: self.licenseKeys,\n                    validity: self.yearsToExtend * 12\n                })\n                .then(function(response) {\n                    self.order = response.data;\n                    self.next = true;\n                })\n                .catch(function(error) {\n                    alert(error.response.data);\n                })\n                .finally(function() {\n                    self.loading = false;\n                });\n        },\n        payWithOftenPay() {\n            const self = this;\n\n            self.loading = true;\n\n            const url = `${config.server}/api/v1/oftenpay/renew_orders/${self.order.id}`;\n\n            axios\n                .get(url)\n                .then(function(response) {\n                    window.location = response.data;\n                })\n                .catch(function(error) {\n                    alert(error.response.data);\n                })\n                .finally(function() {\n                    self.queried = true;\n                    self.loading = false;\n                });\n        }\n    }\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n.quantity {\n    font-size: 24px;\n    font-weight: 600;\n}\n\n.card-plan {\n    min-height: 50px !important;\n}\n\n.form-pay {\n    width: 100%;\n}\n\n.btn-paypal {\n    color: #333;\n    border-radius: 30px;\n    width: 300px;\n    background-color: #fec339;\n    box-shadow: #cf9c23 1px 1px 1px;\n\n    > span {\n        font-size: 18px;\n        font-weight: 500;\n        padding-right: 10px;\n        font-family: HelveticaNeue-CondensedBold;\n    }\n\n    > img {\n        width: 120px;\n    }\n}\n\n.btn-oftenpay {\n    font-size: 1.1rem;\n    width: 300px;\n    color: #eee;\n    border-radius: 30px;\n    border: none;\n    background: linear-gradient(172.83deg, #020664 1.44%, #c400bd 48.32%);\n    box-shadow: #8c0387 1px 1px 1px;\n\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n\n    > span {\n        font-size: 18px;\n        font-weight: 500;\n        padding-right: 10px;\n        font-family: HelveticaNeue-CondensedBold;\n    }\n\n    > img {\n        width: 120px;\n    }\n}\n\n.field-title {\n    font-size: 24px;\n    font-weight: 600;\n    font-family: HelveticaNeue-CondensedBlack;\n}\n\n.license-key {\n    font-size: 14px;\n    font-weight: 600;\n    font-family: \"Courier New\", Courier, monospace;\n}\n\n.license-card {\n    padding: 10px;\n    border-radius: 5px;\n\n    font-size: 12px;\n    line-height: 13px;\n\n    display: grid;\n    grid-template-columns: 100px auto;\n    gap: 0 5px;\n\n    max-width: 350px;\n\n    &.ios-basic {\n        // border: 2px solid #144cdb;\n        box-shadow: 0 0 2px 0px #144cdb;\n        background-image: linear-gradient(to top, #5badf1, #2060fe);\n        color: #ffffff;\n    }\n\n    &.ios-pro {\n        // border: 2px solid #d6491a;\n        box-shadow: 0 0 2px 0px #d6491a;\n        background-image: linear-gradient(to top, #ff8a00, #da1b60);\n        color: #ffffff;\n    }\n\n    &.macos-basic {\n        // border: 2px solid #d6491a;\n        box-shadow: 0 0 2px 0px #415d43;\n        background-image: linear-gradient(to top, #b9e769, #0db39e);\n        color: #ffffff;\n    }\n\n    &.macos-pro {\n        // border: 2px solid #d6491a;\n        box-shadow: 0 0 2px 0px #b5852c;\n        background-image: linear-gradient(to top, #ffd100, #f7af29);\n        color: #ffffff;\n    }\n\n    &.default {\n        background-color: #eeeeee;\n        border: 1px solid #e1e1e1;\n        // box-shadow: 0 0 50px 0px #e1e1e1;\n        color: #333333;\n    }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RenewPurchase.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RenewPurchase.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RenewPurchase.vue?vue&type=template&id=5a6186e1&scoped=true&\"\nimport script from \"./RenewPurchase.vue?vue&type=script&lang=js&\"\nexport * from \"./RenewPurchase.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RenewPurchase.vue?vue&type=style&index=0&id=5a6186e1&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5a6186e1\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nrequire('./es6.regexp.flags');\nvar anObject = require('./_an-object');\nvar $flags = require('./_flags');\nvar DESCRIPTORS = require('./_descriptors');\nvar TO_STRING = 'toString';\nvar $toString = /./[TO_STRING];\n\nvar define = function (fn) {\n  require('./_redefine')(RegExp.prototype, TO_STRING, fn, true);\n};\n\n// 21.2.5.14 RegExp.prototype.toString()\nif (require('./_fails')(function () { return $toString.call({ source: 'a', flags: 'b' }) != '/a/b'; })) {\n  define(function toString() {\n    var R = anObject(this);\n    return '/'.concat(R.source, '/',\n      'flags' in R ? R.flags : !DESCRIPTORS && R instanceof RegExp ? $flags.call(R) : undefined);\n  });\n// FF44- RegExp#toString has a wrong name\n} else if ($toString.name != TO_STRING) {\n  define(function toString() {\n    return $toString.call(this);\n  });\n}\n","var DateProto = Date.prototype;\nvar INVALID_DATE = 'Invalid Date';\nvar TO_STRING = 'toString';\nvar $toString = DateProto[TO_STRING];\nvar getTime = DateProto.getTime;\nif (new Date(NaN) + '' != INVALID_DATE) {\n  require('./_redefine')(DateProto, TO_STRING, function toString() {\n    var value = getTime.call(this);\n    // eslint-disable-next-line no-self-compare\n    return value === value ? $toString.call(this) : INVALID_DATE;\n  });\n}\n","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RenewPurchase.vue?vue&type=style&index=0&id=5a6186e1&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RenewPurchase.vue?vue&type=style&index=0&id=5a6186e1&scoped=true&lang=scss&\""],"sourceRoot":""}