\r\n \r\n\r\n {loading ? : null}\r\n\r\n \r\n\r\n {slots.error || props.error ? (\r\n \r\n \r\n {slots.error || props.error}\r\n \r\n
\r\n ) : null}\r\n\r\n {slots.default ? (\r\n {slots.default}
\r\n ) : null}\r\n \r\n );\r\n }\r\n};\r\n","import './c-link.scss';\r\n\r\nexport default {\r\n name: 'c-link',\r\n\r\n props: {\r\n to: [Object, String],\r\n href: String\r\n },\r\n\r\n template: `\r\n \r\n \r\n \r\n \r\n \r\n \r\n `\r\n};\r\n","import './c-layout.scss';\r\n\r\nexport default {\r\n props: {\r\n split: Boolean,\r\n splitExpanded: Boolean\r\n },\r\n\r\n template: '
',\r\n\r\n computed: {\r\n classObject() {\r\n return {\r\n 'c-layout--split-panes': this.split,\r\n 'c-layout--split-panes-expanded': this.splitExpanded\r\n };\r\n }\r\n }\r\n};\r\n\r\nexport const CLayoutContent = {\r\n template:\r\n '
'\r\n};\r\n\r\nexport const CLayoutHeader = {\r\n template:\r\n '
'\r\n};\r\n","export const COMPLETED = 'Completed';\r\nexport const NONE = 'None';\r\n","export const TRACKANDTRACE = 'trackandtrace';\r\nexport const INVOICE = 'invoice';\r\nexport const BROADBAND = 'accessbroadband';\r\nexport const PORTING = 'porting';\r\nexport const LETTER = 'letter';\r\n","export const VOICE = 'Voice';\r\nexport const BROADBAND = 'Broadband';\r\nexport const TELIA_TV = 'TeliaTV';\r\n","import { unionBy } from 'olympus/utils/array.js';\r\n\r\nimport createNamespace from '../create-namespace.js';\r\nimport { dispatcher } from '../dispatcher.js';\r\nimport * as _ACTION_STATUS from '../enums/order-action-status.js';\r\nimport * as _ACTION_TYPES from '../enums/order-action-types.js';\r\nimport * as _ORDER_TYPES from '../enums/order-types.js';\r\nimport { PATCH_OPERATIONS } from '../../api/api.js';\r\n\r\nimport { GETTERS as USER_GETTERS } from './user.js';\r\n\r\nlet isInitialized = false;\r\n\r\nexport const ACTIONS = createNamespace('ONBOARDING/ACTIONS', [\r\n 'FETCH_ORDERS',\r\n 'FETCH_ORDER_ACTIONS',\r\n 'FETCH_ORDER_ACTION_DETAILS',\r\n 'FETCH_BROADBAND_SUBSCRIPTIONS',\r\n 'FETCH_HANDOVERS',\r\n 'ACCEPT_HANDOVER',\r\n 'CANCEL_HANDOVER',\r\n 'COMPLETE_GUIDE',\r\n 'FETCH_PARCEL_LABEL'\r\n]);\r\n\r\nexport const GETTERS = createNamespace('ONBOARDING/GETTERS', [\r\n 'ORDERS',\r\n 'ORDERS_BY_TYPE',\r\n 'HANDOVERS',\r\n 'GET_HANDOVER_BY_ID',\r\n 'ORDER_BY_ID',\r\n 'ORDER_ACTIONS_BY_ID',\r\n 'ORDER_ACTION_BY_TYPE',\r\n 'ORDER_ACTION_DETAILS',\r\n 'OLDEST_ORDER_BY_TYPE',\r\n 'BROADBAND_SUBSCRIPTION_BY_ORDER_ID',\r\n 'GET_PARCEL_LABEL'\r\n]);\r\n\r\nconst MUTATIONS = createNamespace('CONTENT/MUTATIONS', [\r\n 'SET_ORDERS',\r\n 'SET_HANDOVER_STATUSES',\r\n 'STORE_HANDOVER',\r\n 'REMOVE_HANDOVER',\r\n 'SET_ORDER_ACTIONS',\r\n 'SET_ORDER_ACTION_DETAILS',\r\n 'SET_INSTALLATIONS',\r\n 'SET_ORDER_DELIVERY_PARCEL_LABEL'\r\n]);\r\n\r\nexport const ORDER_ACTION_TYPES = _ACTION_TYPES;\r\nexport const ACTION_STATUS = _ACTION_STATUS;\r\nexport const ORDER_TYPES = _ORDER_TYPES;\r\n\r\nfunction parseHandoverFromReponse({ links, ...handover }) {\r\n return {\r\n ...handover,\r\n links: {\r\n cancel: {\r\n href: `/api/switchr/handovers/${handover.id}`,\r\n method: 'delete'\r\n },\r\n\r\n accept: {\r\n href: `/api/switchr/handovers/${handover.id}`,\r\n method: 'patch'\r\n },\r\n\r\n ...links\r\n }\r\n };\r\n}\r\n\r\nfunction parseActionFromResponse({ status, action, orderId, ...rest }) {\r\n return {\r\n status,\r\n orderId,\r\n action,\r\n ...rest\r\n };\r\n}\r\n\r\nexport function register(store) {\r\n if (isInitialized) {\r\n return;\r\n }\r\n\r\n isInitialized = true;\r\n\r\n store.registerModule('onboarding', {\r\n state: {\r\n orders: [],\r\n installations: [],\r\n handoverStatusList: [],\r\n details: {},\r\n deliveries: {},\r\n links: {}\r\n },\r\n\r\n mutations: {\r\n [MUTATIONS.SET_ORDERS](state, { data, links, userId }) {\r\n state.orders = unionBy(state.orders, data, 'id');\r\n state.links = {\r\n handovers: {\r\n href: `/api/switchr/${userId}/handovers`,\r\n method: 'get'\r\n },\r\n\r\n broadband_subscriptions: {\r\n href: `/api/switchr/broadbands/${userId}/installations`,\r\n method: 'get'\r\n },\r\n\r\n ...links\r\n };\r\n },\r\n\r\n [MUTATIONS.SET_HANDOVER_STATUSES](state, handovers) {\r\n state.handoverStatusList = handovers.map(parseHandoverFromReponse);\r\n },\r\n\r\n [MUTATIONS.STORE_HANDOVER](state, handover) {\r\n const handoverStatus = state.handoverStatusList.find(\r\n status => status.id === handover.id\r\n );\r\n\r\n if (handoverStatus) {\r\n handoverStatus.isPendingBpm = true;\r\n }\r\n },\r\n\r\n [MUTATIONS.REMOVE_HANDOVER](state, handover) {\r\n const index = state.handoverStatusList.findIndex(\r\n handoverStatus => handoverStatus.id === handover.id\r\n );\r\n\r\n state.handoverStatusList.splice(index, 1); // eslint-disable-line no-magic-numbers\r\n },\r\n\r\n [MUTATIONS.SET_ORDER_ACTIONS](state, { orderId, actions }) {\r\n state.orders.find(order => order.id === orderId).actions = actions;\r\n },\r\n\r\n [MUTATIONS.SET_ORDER_ACTION_DETAILS](state, { data }) {\r\n state.details[data.orderId] = {\r\n ...state.details[data.orderId],\r\n [data.action]: data\r\n };\r\n },\r\n\r\n [MUTATIONS.SET_INSTALLATIONS](state, data) {\r\n state.installations = data;\r\n },\r\n\r\n [MUTATIONS.SET_ORDER_DELIVERY_PARCEL_LABEL](state, { deliveryId, data }) {\r\n state.deliveries[deliveryId] = data;\r\n }\r\n },\r\n\r\n actions: {\r\n [ACTIONS.FETCH_ORDERS]({ commit, getters }, { type }) {\r\n const userId = getters[USER_GETTERS.ID];\r\n const userLinks = getters[USER_GETTERS.LINKS];\r\n\r\n return dispatcher(userLinks.orders, {\r\n params: { category: type }\r\n }).then(response => {\r\n commit(MUTATIONS.SET_ORDERS, { ...response.data, userId });\r\n });\r\n },\r\n\r\n [ACTIONS.FETCH_HANDOVERS]({ state, commit }) {\r\n return dispatcher(state.links.handovers).then(response => {\r\n commit(MUTATIONS.SET_HANDOVER_STATUSES, response.data.data);\r\n });\r\n },\r\n\r\n [ACTIONS.ACCEPT_HANDOVER](\r\n { commit },\r\n { handover, paymentInfo, customer, creditCheck }\r\n ) {\r\n return dispatcher(handover.links.accept, {\r\n data: {\r\n op: PATCH_OPERATIONS.UPDATE,\r\n path: '',\r\n value: {\r\n paymentInfo,\r\n customer,\r\n subscription: handover.subscription,\r\n creditCheck\r\n }\r\n }\r\n }).then(() => {\r\n commit(MUTATIONS.STORE_HANDOVER, handover);\r\n });\r\n },\r\n\r\n [ACTIONS.CANCEL_HANDOVER]({ commit }, handover) {\r\n return dispatcher(handover.links.cancel).then(() => {\r\n commit(MUTATIONS.REMOVE_HANDOVER, handover);\r\n });\r\n },\r\n\r\n [ACTIONS.FETCH_ORDER_ACTIONS]({ commit }, { order }) {\r\n return dispatcher(order.links.actions).then(response => {\r\n commit(MUTATIONS.SET_ORDER_ACTIONS, {\r\n orderId: order.id,\r\n actions: response.data.data.map(parseActionFromResponse)\r\n });\r\n });\r\n },\r\n\r\n [ACTIONS.FETCH_ORDER_ACTION_DETAILS]({ commit }, { action }) {\r\n return dispatcher(action.links.details).then(response => {\r\n commit(MUTATIONS.SET_ORDER_ACTION_DETAILS, {\r\n data: {\r\n links: response.data.links,\r\n ...response.data.data\r\n }\r\n });\r\n });\r\n },\r\n\r\n [ACTIONS.FETCH_BROADBAND_SUBSCRIPTIONS]({ state, commit }) {\r\n return dispatcher(state.links.broadband_subscriptions).then(\r\n response => {\r\n commit(\r\n MUTATIONS.SET_INSTALLATIONS,\r\n response.data.data.broadbandSubscriptions\r\n );\r\n }\r\n );\r\n },\r\n\r\n [ACTIONS.COMPLETE_GUIDE]({ getters, dispatch }, { action }) {\r\n return dispatcher(action.links.complete).then(() =>\r\n dispatch(ACTIONS.FETCH_ORDER_ACTIONS, {\r\n order: getters[GETTERS.ORDER_BY_ID](action.orderId)\r\n })\r\n );\r\n },\r\n\r\n [ACTIONS.FETCH_PARCEL_LABEL](\r\n { getters, commit },\r\n { orderId, deliveryId }\r\n ) {\r\n const order = getters[GETTERS.ORDER_ACTION_DETAILS]({\r\n orderId,\r\n actionType: _ACTION_TYPES.TRACKANDTRACE\r\n });\r\n const deliverable = order.deliveries.find(\r\n delivery => delivery.id === deliveryId\r\n );\r\n\r\n return dispatcher(deliverable.links.returnlabel).then(response => {\r\n commit(MUTATIONS.SET_ORDER_DELIVERY_PARCEL_LABEL, {\r\n deliveryId: deliveryId,\r\n data: response.data.data\r\n });\r\n });\r\n }\r\n },\r\n\r\n getters: {\r\n [GETTERS.ORDERS]: state => state.orders,\r\n\r\n [GETTERS.ORDERS_BY_TYPE]: state => type =>\r\n state.orders.filter(order => order.type === type),\r\n\r\n [GETTERS.HANDOVERS]: state => state.handoverStatusList,\r\n\r\n [GETTERS.GET_HANDOVER_BY_ID]: (state, getters) => id =>\r\n getters[GETTERS.HANDOVERS].find(handover => handover.id === id),\r\n\r\n [GETTERS.ORDER_BY_ID]: state => id =>\r\n state.orders.find(order => order.id === id),\r\n\r\n [GETTERS.ORDER_ACTIONS_BY_ID]: state => id =>\r\n state.orders.find(order => order.id === id).actions,\r\n\r\n [GETTERS.ORDER_ACTION_BY_TYPE]: (state, getters) => ({\r\n orderId,\r\n actionType\r\n }) => {\r\n return getters[GETTERS.ORDER_ACTIONS_BY_ID](orderId).find(\r\n ({ action }) => action === actionType\r\n );\r\n },\r\n\r\n [GETTERS.ORDER_ACTION_DETAILS]: state => ({ orderId, actionType }) => {\r\n return state.details[orderId][actionType];\r\n },\r\n\r\n [GETTERS.OLDEST_ORDER_BY_TYPE]: state => type =>\r\n state.orders\r\n .filter(order => order.type === type)\r\n .sort(function(a, b) {\r\n return Date.parse(a.startDate) > Date.parse(b.startDate);\r\n })[0], // eslint-disable-line no-magic-numbers\r\n\r\n [GETTERS.BROADBAND_SUBSCRIPTION_BY_ORDER_ID]: state => orderId => {\r\n return state.installations.find(\r\n installation => installation.purchaseOrderId === orderId\r\n );\r\n },\r\n\r\n [GETTERS.GET_PARCEL_LABEL]: state => deliveryId => {\r\n return state.deliveries[deliveryId];\r\n }\r\n }\r\n });\r\n}\r\n","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n scriptExports,\n render,\n staticRenderFns,\n functionalTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier, /* server only */\n shadowMode /* vue-cli only */\n) {\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (render) {\n options.render = render\n options.staticRenderFns = staticRenderFns\n options._compiled = true\n }\n\n // functional template\n if (functionalTemplate) {\n options.functional = true\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = 'data-v-' + scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = shadowMode\n ? function () {\n injectStyles.call(\n this,\n (options.functional ? this.parent : this).$root.$options.shadowRoot\n )\n }\n : injectStyles\n }\n\n if (hook) {\n if (options.functional) {\n // for template-only hot-reload because in that case the render fn doesn't\n // go through the normalizer\n options._injectStyles = hook\n // register for functional component in vue file\n var originalRender = options.render\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return originalRender(h, context)\n }\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n }\n }\n\n return {\n exports: scriptExports,\n options: options\n }\n}\n","import { focusFirstFocusableChild } from '../../utilities/u-focus-trapping/u-focus-trapping.js';\r\nimport CButton from '../actions/c-button/c-button.js';\r\nimport IconChevron from '../icons/chevron.js';\r\n\r\nimport './c-table.scss';\r\n\r\nexport const CTable = {\r\n props: { spaced: Boolean, alternating: Boolean },\r\n\r\n template: '',\r\n\r\n computed: {\r\n classObject() {\r\n return {\r\n 'c-table--spaced': this.spaced,\r\n 'c-table--alternating': this.alternating\r\n };\r\n }\r\n }\r\n};\r\n\r\nexport const CThead = {\r\n props: { sticky: Boolean },\r\n\r\n template:\r\n '',\r\n\r\n computed: {\r\n classObject() {\r\n return {\r\n 'c-table__thead--sticky': this.sticky\r\n };\r\n }\r\n }\r\n};\r\n\r\nexport const CThPopup = {\r\n props: {\r\n id: {\r\n type: String,\r\n required: true\r\n },\r\n\r\n text: {\r\n type: String,\r\n required: true\r\n }\r\n },\r\n\r\n components: {\r\n CButton,\r\n IconChevron\r\n },\r\n\r\n data() {\r\n return {\r\n isExpanded: false\r\n };\r\n },\r\n\r\n template: `\r\n \r\n `,\r\n\r\n mounted() {\r\n document.body.addEventListener('click', this.onBodyClick);\r\n },\r\n\r\n destroy() {\r\n document.body.removeEventListener('click', this.onBodyClick);\r\n },\r\n\r\n methods: {\r\n toggle() {\r\n return this.isExpanded ? this.close() : this.open();\r\n },\r\n\r\n open() {\r\n this.isExpanded = true;\r\n this.$nextTick(() => focusFirstFocusableChild(this.$refs.popup));\r\n },\r\n\r\n close() {\r\n this.$refs.button.$el.focus();\r\n this.isExpanded = false;\r\n },\r\n\r\n onKeyup(event) {\r\n const ESCAPE_KEY = 27;\r\n\r\n if (event.which === ESCAPE_KEY) {\r\n this.close();\r\n }\r\n },\r\n\r\n onBodyClick() {\r\n if (!this.isExpanded || !this.$refs.popup) {\r\n return;\r\n }\r\n\r\n if (!this.$refs.popup.contains(event.target)) {\r\n this.isExpanded = false;\r\n }\r\n }\r\n }\r\n};\r\n\r\nexport const CTableSortButton = {\r\n props: {\r\n ascending: { type: Boolean, required: true },\r\n descending: { type: Boolean, required: true }\r\n },\r\n\r\n components: {\r\n CButton,\r\n IconChevron\r\n },\r\n\r\n computed: {\r\n classObject() {\r\n return {\r\n 'c-table__sort-button--ascending': this.ascending,\r\n 'c-table__sort-button--descending': this.descending\r\n };\r\n }\r\n },\r\n\r\n template: `\r\n \r\n \r\n \r\n \r\n \r\n `\r\n};\r\n\r\nexport const CTbody = {\r\n template: ''\r\n};\r\n\r\nexport const CTh = {\r\n template: ' | '\r\n};\r\n\r\nexport const CTr = {\r\n props: { highlight: Boolean },\r\n\r\n template: '|
',\r\n\r\n computed: {\r\n classObject() {\r\n return {\r\n 'c-table__tr--highlight': this.highlight\r\n };\r\n }\r\n }\r\n};\r\n\r\nexport const CTd = {\r\n props: { alignRight: Boolean },\r\n\r\n template: ' | ',\r\n\r\n computed: {\r\n classObject() {\r\n return {\r\n 'c-table__td--align-right': this.alignRight\r\n };\r\n }\r\n }\r\n};\r\n","import './u-visually-hidden.scss';\r\n\r\nexport default {\r\n props: {\r\n tag: {\r\n type: String,\r\n default: 'span'\r\n }\r\n },\r\n\r\n template: ``\r\n};\r\n","import './o-button-group.scss';\r\n\r\nexport default {\r\n template: `\r\n \r\n `,\r\n props: {\r\n alignLeft: Boolean,\r\n alignRight: Boolean,\r\n split: Boolean,\r\n stacked: Boolean\r\n },\r\n computed: {\r\n modifiers() {\r\n return {\r\n 'o-button-group--left': this.alignLeft,\r\n 'o-button-group--right': this.alignRight,\r\n 'o-button-group--split': this.split,\r\n 'o-button-group--stacked': this.stacked\r\n };\r\n }\r\n }\r\n};\r\n","import * as _STATUS from '../../enums/status.js';\r\n\r\nimport IconSmiley from '../../components/icons/smiley.js';\r\nimport IconError from '../../components/icons/error.js';\r\nimport IconWarning from '../../components/icons/warning.js';\r\nimport IconInfo from '../../components/icons/info.js';\r\n\r\nimport './c-status-message.scss';\r\n\r\nexport const STATUS = _STATUS;\r\n\r\nconst ICONS = {\r\n [STATUS.SUCCESS]: IconSmiley,\r\n [STATUS.WARNING]: IconWarning,\r\n [STATUS.ERROR]: IconError,\r\n [STATUS.INFO]: IconInfo\r\n};\r\n\r\nexport default {\r\n name: 'c-status-message',\r\n\r\n components: {\r\n IconSmiley,\r\n IconError,\r\n IconWarning,\r\n IconInfo\r\n },\r\n\r\n props: {\r\n status: {\r\n type: String,\r\n validate: value => !!STATUS[value],\r\n default: STATUS.INFO\r\n }\r\n },\r\n\r\n template: `\r\n \r\n \r\n \r\n
\r\n `,\r\n\r\n computed: {\r\n icon() {\r\n return ICONS[this.status];\r\n }\r\n }\r\n};\r\n","var DESCRIPTORS = require('../internals/descriptors');\nvar defineProperty = require('../internals/object-define-property').f;\n\nvar FunctionPrototype = Function.prototype;\nvar FunctionPrototypeToString = FunctionPrototype.toString;\nvar nameRE = /^\\s*function ([^ (]*)/;\nvar NAME = 'name';\n\n// Function instances `.name` property\n// https://tc39.es/ecma262/#sec-function-instances-name\nif (DESCRIPTORS && !(NAME in FunctionPrototype)) {\n defineProperty(FunctionPrototype, NAME, {\n configurable: true,\n get: function () {\n try {\n return FunctionPrototypeToString.call(this).match(nameRE)[1];\n } catch (error) {\n return '';\n }\n }\n });\n}\n","/* eslint-disable max-len */\r\n\r\nexport default {\r\n template: `\r\n \r\n `\r\n};\r\n","import * as _STATUS from '../../enums/status.js';\r\n\r\nimport CButton from '../../components/actions/c-button/c-button.js';\r\nimport IconAlert from '../../components/icons/alert.js';\r\nimport IconCheckCircle from '../../components/icons/check-circle.js';\r\nimport IconInfo from '../../components/icons/info.js';\r\nimport IconThinCross from '../../components/icons/thin-cross.js';\r\n\r\nimport './s-notifications.scss';\r\n\r\nexport const STATUS = _STATUS;\r\nexport const DEFAULT_DURATION = 5000;\r\n\r\nconst ICONS = {\r\n [STATUS.SUCCESS]: IconCheckCircle,\r\n [STATUS.WARNING]: IconAlert,\r\n [STATUS.ERROR]: IconAlert,\r\n [STATUS.INFO]: IconInfo\r\n};\r\n\r\nconst GUID_PREFIX = 'LOCAL_NOTIFICATION_PREFIX';\r\nlet guid = 0;\r\n\r\nexport const SNotification = {\r\n components: {\r\n CButton,\r\n IconAlert,\r\n IconCheckCircle,\r\n IconInfo,\r\n IconThinCross\r\n },\r\n\r\n props: {\r\n title: String,\r\n message: String,\r\n id: [String, Number],\r\n acceptButtonText: String,\r\n acceptButtonAction: Function,\r\n\r\n duration: {\r\n type: Number\r\n },\r\n\r\n status: {\r\n type: String,\r\n validate: value => !!STATUS[value],\r\n default: STATUS.INFO\r\n }\r\n },\r\n\r\n template: `\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n
{{ title }}
\r\n
\r\n
{{ acceptButtonText }}\r\n
\r\n\r\n
\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n `,\r\n\r\n props: {\r\n notifications: Array\r\n },\r\n\r\n data() {\r\n return {\r\n isVisible: false,\r\n innerNotifications: this.notifications ? [...this.notifications] : []\r\n };\r\n },\r\n\r\n methods: {\r\n show(notification) {\r\n this.innerNotifications.push({\r\n id: GUID_PREFIX + guid++,\r\n message: notification.message, // Error objects message property isn't included if we use spread\r\n ...notification\r\n });\r\n },\r\n\r\n close(notification) {\r\n this.innerNotifications.splice(\r\n this.innerNotifications.findIndex(({ id }) => id === notification.id),\r\n 1 // eslint-disable-line no-magic-numbers\r\n );\r\n this.$emit('close', notification);\r\n }\r\n }\r\n};\r\n","/* eslint-disable max-len */\r\n\r\nexport default {\r\n template: `\r\n \r\n `\r\n};\r\n","'use strict';\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar addToUnscopables = require('../internals/add-to-unscopables');\nvar Iterators = require('../internals/iterators');\nvar InternalStateModule = require('../internals/internal-state');\nvar defineIterator = require('../internals/define-iterator');\n\nvar ARRAY_ITERATOR = 'Array Iterator';\nvar setInternalState = InternalStateModule.set;\nvar getInternalState = InternalStateModule.getterFor(ARRAY_ITERATOR);\n\n// `Array.prototype.entries` method\n// https://tc39.es/ecma262/#sec-array.prototype.entries\n// `Array.prototype.keys` method\n// https://tc39.es/ecma262/#sec-array.prototype.keys\n// `Array.prototype.values` method\n// https://tc39.es/ecma262/#sec-array.prototype.values\n// `Array.prototype[@@iterator]` method\n// https://tc39.es/ecma262/#sec-array.prototype-@@iterator\n// `CreateArrayIterator` internal method\n// https://tc39.es/ecma262/#sec-createarrayiterator\nmodule.exports = defineIterator(Array, 'Array', function (iterated, kind) {\n setInternalState(this, {\n type: ARRAY_ITERATOR,\n target: toIndexedObject(iterated), // target\n index: 0, // next index\n kind: kind // kind\n });\n// `%ArrayIteratorPrototype%.next` method\n// https://tc39.es/ecma262/#sec-%arrayiteratorprototype%.next\n}, function () {\n var state = getInternalState(this);\n var target = state.target;\n var kind = state.kind;\n var index = state.index++;\n if (!target || index >= target.length) {\n state.target = undefined;\n return { value: undefined, done: true };\n }\n if (kind == 'keys') return { value: index, done: false };\n if (kind == 'values') return { value: target[index], done: false };\n return { value: [index, target[index]], done: false };\n}, 'values');\n\n// argumentsList[@@iterator] is %ArrayProto_values%\n// https://tc39.es/ecma262/#sec-createunmappedargumentsobject\n// https://tc39.es/ecma262/#sec-createmappedargumentsobject\nIterators.Arguments = Iterators.Array;\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables('keys');\naddToUnscopables('values');\naddToUnscopables('entries');\n","import Vue from 'vue';\r\nimport createNamespace from '../create-namespace.js';\r\nimport { dispatcher } from '../dispatcher.js';\r\n\r\nlet isInitialized = false;\r\n\r\nexport const ACTIONS = createNamespace('USAGE/ACTIONS', [\r\n 'FETCH_USAGE_FOR_MONTH',\r\n 'FETCH_USAGE_HEADERS_FOR_MONTH',\r\n 'FETCH_USAGE_DETAILS_FOR_MONTH',\r\n 'FETCH_INCLUDED_USAGE_FOR_MONTH',\r\n 'FETCH_ADDITIONAL_USAGE_FOR_MONTH'\r\n]);\r\n\r\nexport const GETTERS = createNamespace('USAGE/GETTERS', [\r\n 'USAGE_FOR_MONTH',\r\n 'HEADERS_FOR_MONTH',\r\n 'ADDITIONAL_USAGE_FOR_MONTH',\r\n 'INCLUDED_USAGE_FOR_MONTH',\r\n 'LATEST_BILLING_DATE_FOR_SUBSCRIPTION',\r\n 'FIRST_BILLING_DATE_FOR_SUBSCRIPTION'\r\n]);\r\n\r\nconst MUTATIONS = createNamespace('USAGE/MUTATIONS', [\r\n 'SET_USAGE_FOR_MONTH',\r\n 'SET_USAGE_HEADERS_FOR_MONTH',\r\n 'SET_USAGE_DETAILS_FOR_MONTH'\r\n]);\r\n\r\nexport function register(store) {\r\n if (isInitialized) {\r\n return;\r\n }\r\n\r\n isInitialized = true;\r\n\r\n store.registerModule('usage', {\r\n state: {\r\n usage: {},\r\n headers: {},\r\n additional: {},\r\n included: {},\r\n latestBillingDateBySubscriptionId: {},\r\n firstBillingDateBySubscriptionId: {}\r\n },\r\n\r\n mutations: {\r\n [MUTATIONS.SET_USAGE_FOR_MONTH](\r\n state,\r\n { subscriptionId, year, month, data }\r\n ) {\r\n if (!state.latestBillingDateBySubscriptionId[subscriptionId]) {\r\n state.latestBillingDateBySubscriptionId[subscriptionId] =\r\n data.latestBillingDate;\r\n }\r\n\r\n if (!state.firstBillingDateBySubscriptionId[subscriptionId]) {\r\n state.firstBillingDateBySubscriptionId[subscriptionId] =\r\n data.firstBillingDate;\r\n }\r\n\r\n const result = {\r\n [year]: {\r\n [month]: data\r\n }\r\n };\r\n\r\n if (!state.usage[subscriptionId]) {\r\n Vue.set(state.usage, subscriptionId, result);\r\n return;\r\n }\r\n\r\n if (!state.usage[subscriptionId][year]) {\r\n Vue.set(state.usage[subscriptionId], year, result[year]);\r\n return;\r\n }\r\n\r\n Vue.set(state.usage[subscriptionId][year], month, result[year][month]);\r\n },\r\n\r\n [MUTATIONS.SET_USAGE_DETAILS_FOR_MONTH](\r\n state,\r\n { isAdditional, subscriptionId, category, year, month, data }\r\n ) {\r\n const target = state[isAdditional ? 'additional' : 'included'];\r\n const result = {\r\n [category]: {\r\n [year]: {\r\n [month]: data\r\n }\r\n }\r\n };\r\n\r\n if (!target[subscriptionId]) {\r\n Vue.set(target, subscriptionId, result);\r\n return;\r\n }\r\n\r\n if (!target[subscriptionId][category]) {\r\n Vue.set(target[subscriptionId], category, result[category]);\r\n return;\r\n }\r\n\r\n if (!target[subscriptionId][category][year]) {\r\n Vue.set(\r\n target[subscriptionId][category],\r\n year,\r\n result[category][year]\r\n );\r\n return;\r\n }\r\n\r\n if (!target[subscriptionId][category][year][month]) {\r\n Vue.set(\r\n target[subscriptionId][category][year],\r\n month,\r\n result[category][year][month]\r\n );\r\n return;\r\n }\r\n\r\n Vue.set(target[subscriptionId][category][year], month, {\r\n ...target[subscriptionId][category][year][month],\r\n detailRows: [\r\n ...target[subscriptionId][category][year][month].detailRows,\r\n ...result[category][year][month].detailRows\r\n ]\r\n });\r\n },\r\n\r\n [MUTATIONS.SET_USAGE_HEADERS_FOR_MONTH](\r\n state,\r\n { subscriptionId, category, year, month, data }\r\n ) {\r\n const result = {\r\n [category]: {\r\n [year]: {\r\n [month]: data\r\n }\r\n }\r\n };\r\n\r\n if (!state.headers[subscriptionId]) {\r\n Vue.set(state.headers, subscriptionId, result);\r\n return;\r\n }\r\n\r\n if (!state.headers[subscriptionId][category]) {\r\n Vue.set(state.headers[subscriptionId], category, result[category]);\r\n return;\r\n }\r\n\r\n if (!state.headers[subscriptionId][category][year]) {\r\n Vue.set(\r\n state.headers[subscriptionId][category],\r\n year,\r\n result[category][year]\r\n );\r\n return;\r\n }\r\n\r\n Vue.set(\r\n state.headers[subscriptionId][category][year],\r\n month,\r\n result[category][year][month]\r\n );\r\n }\r\n },\r\n\r\n actions: {\r\n [ACTIONS.FETCH_USAGE_FOR_MONTH](\r\n { commit, state },\r\n { subscription, year, month }\r\n ) {\r\n const namespace = state.usage[subscription.id];\r\n\r\n if (namespace && namespace[year] && namespace[year][month]) {\r\n return;\r\n }\r\n\r\n return dispatcher(subscription.links.usage, {\r\n params: {\r\n subscriptionType: subscription.type.toLowerCase(),\r\n year,\r\n month\r\n }\r\n }).then(response => {\r\n commit(MUTATIONS.SET_USAGE_FOR_MONTH, {\r\n data: response.data.data,\r\n subscriptionId: subscription.id,\r\n year,\r\n month\r\n });\r\n });\r\n },\r\n\r\n [ACTIONS.FETCH_USAGE_HEADERS_FOR_MONTH](\r\n { commit, state },\r\n { subscription, usage, year, month, category }\r\n ) {\r\n const namespace = state.headers[subscription.id];\r\n\r\n if (\r\n namespace &&\r\n namespace[category] &&\r\n namespace[category][year] &&\r\n namespace[category][year][month]\r\n ) {\r\n return;\r\n }\r\n\r\n return dispatcher(usage.links.headers, {\r\n params: {\r\n year,\r\n month,\r\n category\r\n }\r\n }).then(response => {\r\n commit(MUTATIONS.SET_USAGE_HEADERS_FOR_MONTH, {\r\n data: response.data.data,\r\n subscriptionId: subscription.id,\r\n category,\r\n year,\r\n month\r\n });\r\n });\r\n },\r\n\r\n [ACTIONS.FETCH_USAGE_DETAILS_FOR_MONTH](\r\n { commit, state },\r\n {\r\n subscription,\r\n usage,\r\n year,\r\n month,\r\n category,\r\n offset,\r\n pageSize,\r\n isAdditional\r\n }\r\n ) {\r\n const namespace =\r\n state[isAdditional ? 'additional' : 'included'][subscription.id];\r\n\r\n if (\r\n namespace &&\r\n namespace[category] &&\r\n namespace[category][year] &&\r\n namespace[category][year][month] &&\r\n !offset\r\n ) {\r\n return;\r\n }\r\n\r\n return dispatcher(usage.links.details, {\r\n params: {\r\n year,\r\n month,\r\n category,\r\n offset,\r\n pageSize,\r\n isadditional: isAdditional\r\n }\r\n }).then(response => {\r\n commit(MUTATIONS.SET_USAGE_DETAILS_FOR_MONTH, {\r\n data: response.data.data,\r\n subscriptionId: subscription.id,\r\n year,\r\n month,\r\n category,\r\n isAdditional\r\n });\r\n });\r\n },\r\n\r\n [ACTIONS.FETCH_INCLUDED_USAGE_FOR_MONTH]({ dispatch }, options) {\r\n return dispatch(ACTIONS.FETCH_USAGE_DETAILS_FOR_MONTH, {\r\n ...options,\r\n isAdditional: false\r\n });\r\n },\r\n\r\n [ACTIONS.FETCH_ADDITIONAL_USAGE_FOR_MONTH]({ dispatch }, options) {\r\n return dispatch(ACTIONS.FETCH_USAGE_DETAILS_FOR_MONTH, {\r\n ...options,\r\n isAdditional: true\r\n });\r\n }\r\n },\r\n\r\n getters: {\r\n [GETTERS.USAGE_FOR_MONTH]: state => ({ subscriptionId, month, year }) =>\r\n state.usage[subscriptionId][year][month],\r\n\r\n [GETTERS.HEADERS_FOR_MONTH]: state => ({\r\n category,\r\n subscription,\r\n year,\r\n month\r\n }) => state.headers[subscription.id][category][year][month],\r\n\r\n [GETTERS.INCLUDED_USAGE_FOR_MONTH]: state => ({\r\n subscription,\r\n category,\r\n year,\r\n month\r\n }) => {\r\n return state.included[subscription.id][category][year][month];\r\n },\r\n\r\n [GETTERS.ADDITIONAL_USAGE_FOR_MONTH]: state => ({\r\n subscription,\r\n category,\r\n year,\r\n month\r\n }) => {\r\n return state.additional[subscription.id][category][year][month];\r\n },\r\n\r\n [GETTERS.LATEST_BILLING_DATE_FOR_SUBSCRIPTION]: state => subscriptionId =>\r\n state.latestBillingDateBySubscriptionId[subscriptionId],\r\n\r\n [GETTERS.FIRST_BILLING_DATE_FOR_SUBSCRIPTION]: state => subscriptionId =>\r\n state.firstBillingDateBySubscriptionId[subscriptionId]\r\n }\r\n });\r\n}\r\n","'use strict';\nvar charAt = require('../internals/string-multibyte').charAt;\nvar InternalStateModule = require('../internals/internal-state');\nvar defineIterator = require('../internals/define-iterator');\n\nvar STRING_ITERATOR = 'String Iterator';\nvar setInternalState = InternalStateModule.set;\nvar getInternalState = InternalStateModule.getterFor(STRING_ITERATOR);\n\n// `String.prototype[@@iterator]` method\n// https://tc39.es/ecma262/#sec-string.prototype-@@iterator\ndefineIterator(String, 'String', function (iterated) {\n setInternalState(this, {\n type: STRING_ITERATOR,\n string: String(iterated),\n index: 0\n });\n// `%StringIteratorPrototype%.next` method\n// https://tc39.es/ecma262/#sec-%stringiteratorprototype%.next\n}, function next() {\n var state = getInternalState(this);\n var string = state.string;\n var index = state.index;\n var point;\n if (index >= string.length) return { value: undefined, done: true };\n point = charAt(string, index);\n state.index += point.length;\n return { value: point, done: false };\n});\n","var global = require('../internals/global');\nvar DOMIterables = require('../internals/dom-iterables');\nvar ArrayIteratorMethods = require('../modules/es.array.iterator');\nvar createNonEnumerableProperty = require('../internals/create-non-enumerable-property');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar ITERATOR = wellKnownSymbol('iterator');\nvar TO_STRING_TAG = wellKnownSymbol('toStringTag');\nvar ArrayValues = ArrayIteratorMethods.values;\n\nfor (var COLLECTION_NAME in DOMIterables) {\n var Collection = global[COLLECTION_NAME];\n var CollectionPrototype = Collection && Collection.prototype;\n if (CollectionPrototype) {\n // some Chrome versions have non-configurable methods on DOMTokenList\n if (CollectionPrototype[ITERATOR] !== ArrayValues) try {\n createNonEnumerableProperty(CollectionPrototype, ITERATOR, ArrayValues);\n } catch (error) {\n CollectionPrototype[ITERATOR] = ArrayValues;\n }\n if (!CollectionPrototype[TO_STRING_TAG]) {\n createNonEnumerableProperty(CollectionPrototype, TO_STRING_TAG, COLLECTION_NAME);\n }\n if (DOMIterables[COLLECTION_NAME]) for (var METHOD_NAME in ArrayIteratorMethods) {\n // some Chrome versions have non-configurable methods on DOMTokenList\n if (CollectionPrototype[METHOD_NAME] !== ArrayIteratorMethods[METHOD_NAME]) try {\n createNonEnumerableProperty(CollectionPrototype, METHOD_NAME, ArrayIteratorMethods[METHOD_NAME]);\n } catch (error) {\n CollectionPrototype[METHOD_NAME] = ArrayIteratorMethods[METHOD_NAME];\n }\n }\n }\n}\n","import { LOCALE } from '../settings.js';\r\n\r\nexport function formatFullDateWithTime(time) {\r\n return new Date(time).toLocaleDateString(LOCALE, {\r\n year: 'numeric',\r\n month: 'short',\r\n day: 'numeric',\r\n hour: '2-digit',\r\n minute: '2-digit'\r\n });\r\n}\r\n\r\nexport function formatFullDate(time) {\r\n return new Date(time).toLocaleDateString(LOCALE, {\r\n year: 'numeric',\r\n month: 'short',\r\n day: 'numeric'\r\n });\r\n}\r\n\r\nexport function formatLongDate(time) {\r\n return new Date(time).toLocaleDateString(LOCALE, {\r\n day: 'numeric',\r\n month: 'long',\r\n year: 'numeric'\r\n });\r\n}\r\n\r\nexport function formatDateShort(time) {\r\n return new Date(time).toLocaleDateString(LOCALE, {\r\n month: 'short',\r\n day: 'numeric'\r\n });\r\n}\r\n\r\nexport function formatDate(time) {\r\n return new Date(time).toLocaleDateString(LOCALE, {\r\n month: 'numeric',\r\n day: 'numeric'\r\n });\r\n}\r\n\r\nexport function formatYear(time) {\r\n return new Date(time).toLocaleDateString(LOCALE, {\r\n year: 'numeric'\r\n });\r\n}\r\n\r\nexport function formatDateLong(time) {\r\n return new Date(time).toLocaleDateString(LOCALE, {\r\n day: 'numeric',\r\n month: 'long'\r\n });\r\n}\r\n","if (process.env.NODE_ENV === 'production') {\n module.exports = require('./vue.common.prod.js')\n} else {\n module.exports = require('./vue.common.dev.js')\n}\n","'use strict';\nvar $ = require('../internals/export');\nvar IS_PURE = require('../internals/is-pure');\nvar global = require('../internals/global');\nvar getBuiltIn = require('../internals/get-built-in');\nvar NativePromise = require('../internals/native-promise-constructor');\nvar redefine = require('../internals/redefine');\nvar redefineAll = require('../internals/redefine-all');\nvar setPrototypeOf = require('../internals/object-set-prototype-of');\nvar setToStringTag = require('../internals/set-to-string-tag');\nvar setSpecies = require('../internals/set-species');\nvar isObject = require('../internals/is-object');\nvar aFunction = require('../internals/a-function');\nvar anInstance = require('../internals/an-instance');\nvar inspectSource = require('../internals/inspect-source');\nvar iterate = require('../internals/iterate');\nvar checkCorrectnessOfIteration = require('../internals/check-correctness-of-iteration');\nvar speciesConstructor = require('../internals/species-constructor');\nvar task = require('../internals/task').set;\nvar microtask = require('../internals/microtask');\nvar promiseResolve = require('../internals/promise-resolve');\nvar hostReportErrors = require('../internals/host-report-errors');\nvar newPromiseCapabilityModule = require('../internals/new-promise-capability');\nvar perform = require('../internals/perform');\nvar InternalStateModule = require('../internals/internal-state');\nvar isForced = require('../internals/is-forced');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\nvar IS_BROWSER = require('../internals/engine-is-browser');\nvar IS_NODE = require('../internals/engine-is-node');\nvar V8_VERSION = require('../internals/engine-v8-version');\n\nvar SPECIES = wellKnownSymbol('species');\nvar PROMISE = 'Promise';\nvar getInternalState = InternalStateModule.get;\nvar setInternalState = InternalStateModule.set;\nvar getInternalPromiseState = InternalStateModule.getterFor(PROMISE);\nvar NativePromisePrototype = NativePromise && NativePromise.prototype;\nvar PromiseConstructor = NativePromise;\nvar PromiseConstructorPrototype = NativePromisePrototype;\nvar TypeError = global.TypeError;\nvar document = global.document;\nvar process = global.process;\nvar newPromiseCapability = newPromiseCapabilityModule.f;\nvar newGenericPromiseCapability = newPromiseCapability;\nvar DISPATCH_EVENT = !!(document && document.createEvent && global.dispatchEvent);\nvar NATIVE_REJECTION_EVENT = typeof PromiseRejectionEvent == 'function';\nvar UNHANDLED_REJECTION = 'unhandledrejection';\nvar REJECTION_HANDLED = 'rejectionhandled';\nvar PENDING = 0;\nvar FULFILLED = 1;\nvar REJECTED = 2;\nvar HANDLED = 1;\nvar UNHANDLED = 2;\nvar SUBCLASSING = false;\nvar Internal, OwnPromiseCapability, PromiseWrapper, nativeThen;\n\nvar FORCED = isForced(PROMISE, function () {\n var GLOBAL_CORE_JS_PROMISE = inspectSource(PromiseConstructor) !== String(PromiseConstructor);\n // V8 6.6 (Node 10 and Chrome 66) have a bug with resolving custom thenables\n // https://bugs.chromium.org/p/chromium/issues/detail?id=830565\n // We can't detect it synchronously, so just check versions\n if (!GLOBAL_CORE_JS_PROMISE && V8_VERSION === 66) return true;\n // We need Promise#finally in the pure version for preventing prototype pollution\n if (IS_PURE && !PromiseConstructorPrototype['finally']) return true;\n // We can't use @@species feature detection in V8 since it causes\n // deoptimization and performance degradation\n // https://github.com/zloirock/core-js/issues/679\n if (V8_VERSION >= 51 && /native code/.test(PromiseConstructor)) return false;\n // Detect correctness of subclassing with @@species support\n var promise = new PromiseConstructor(function (resolve) { resolve(1); });\n var FakePromise = function (exec) {\n exec(function () { /* empty */ }, function () { /* empty */ });\n };\n var constructor = promise.constructor = {};\n constructor[SPECIES] = FakePromise;\n SUBCLASSING = promise.then(function () { /* empty */ }) instanceof FakePromise;\n if (!SUBCLASSING) return true;\n // Unhandled rejections tracking support, NodeJS Promise without it fails @@species test\n return !GLOBAL_CORE_JS_PROMISE && IS_BROWSER && !NATIVE_REJECTION_EVENT;\n});\n\nvar INCORRECT_ITERATION = FORCED || !checkCorrectnessOfIteration(function (iterable) {\n PromiseConstructor.all(iterable)['catch'](function () { /* empty */ });\n});\n\n// helpers\nvar isThenable = function (it) {\n var then;\n return isObject(it) && typeof (then = it.then) == 'function' ? then : false;\n};\n\nvar notify = function (state, isReject) {\n if (state.notified) return;\n state.notified = true;\n var chain = state.reactions;\n microtask(function () {\n var value = state.value;\n var ok = state.state == FULFILLED;\n var index = 0;\n // variable length - can't use forEach\n while (chain.length > index) {\n var reaction = chain[index++];\n var handler = ok ? reaction.ok : reaction.fail;\n var resolve = reaction.resolve;\n var reject = reaction.reject;\n var domain = reaction.domain;\n var result, then, exited;\n try {\n if (handler) {\n if (!ok) {\n if (state.rejection === UNHANDLED) onHandleUnhandled(state);\n state.rejection = HANDLED;\n }\n if (handler === true) result = value;\n else {\n if (domain) domain.enter();\n result = handler(value); // can throw\n if (domain) {\n domain.exit();\n exited = true;\n }\n }\n if (result === reaction.promise) {\n reject(TypeError('Promise-chain cycle'));\n } else if (then = isThenable(result)) {\n then.call(result, resolve, reject);\n } else resolve(result);\n } else reject(value);\n } catch (error) {\n if (domain && !exited) domain.exit();\n reject(error);\n }\n }\n state.reactions = [];\n state.notified = false;\n if (isReject && !state.rejection) onUnhandled(state);\n });\n};\n\nvar dispatchEvent = function (name, promise, reason) {\n var event, handler;\n if (DISPATCH_EVENT) {\n event = document.createEvent('Event');\n event.promise = promise;\n event.reason = reason;\n event.initEvent(name, false, true);\n global.dispatchEvent(event);\n } else event = { promise: promise, reason: reason };\n if (!NATIVE_REJECTION_EVENT && (handler = global['on' + name])) handler(event);\n else if (name === UNHANDLED_REJECTION) hostReportErrors('Unhandled promise rejection', reason);\n};\n\nvar onUnhandled = function (state) {\n task.call(global, function () {\n var promise = state.facade;\n var value = state.value;\n var IS_UNHANDLED = isUnhandled(state);\n var result;\n if (IS_UNHANDLED) {\n result = perform(function () {\n if (IS_NODE) {\n process.emit('unhandledRejection', value, promise);\n } else dispatchEvent(UNHANDLED_REJECTION, promise, value);\n });\n // Browsers should not trigger `rejectionHandled` event if it was handled here, NodeJS - should\n state.rejection = IS_NODE || isUnhandled(state) ? UNHANDLED : HANDLED;\n if (result.error) throw result.value;\n }\n });\n};\n\nvar isUnhandled = function (state) {\n return state.rejection !== HANDLED && !state.parent;\n};\n\nvar onHandleUnhandled = function (state) {\n task.call(global, function () {\n var promise = state.facade;\n if (IS_NODE) {\n process.emit('rejectionHandled', promise);\n } else dispatchEvent(REJECTION_HANDLED, promise, state.value);\n });\n};\n\nvar bind = function (fn, state, unwrap) {\n return function (value) {\n fn(state, value, unwrap);\n };\n};\n\nvar internalReject = function (state, value, unwrap) {\n if (state.done) return;\n state.done = true;\n if (unwrap) state = unwrap;\n state.value = value;\n state.state = REJECTED;\n notify(state, true);\n};\n\nvar internalResolve = function (state, value, unwrap) {\n if (state.done) return;\n state.done = true;\n if (unwrap) state = unwrap;\n try {\n if (state.facade === value) throw TypeError(\"Promise can't be resolved itself\");\n var then = isThenable(value);\n if (then) {\n microtask(function () {\n var wrapper = { done: false };\n try {\n then.call(value,\n bind(internalResolve, wrapper, state),\n bind(internalReject, wrapper, state)\n );\n } catch (error) {\n internalReject(wrapper, error, state);\n }\n });\n } else {\n state.value = value;\n state.state = FULFILLED;\n notify(state, false);\n }\n } catch (error) {\n internalReject({ done: false }, error, state);\n }\n};\n\n// constructor polyfill\nif (FORCED) {\n // 25.4.3.1 Promise(executor)\n PromiseConstructor = function Promise(executor) {\n anInstance(this, PromiseConstructor, PROMISE);\n aFunction(executor);\n Internal.call(this);\n var state = getInternalState(this);\n try {\n executor(bind(internalResolve, state), bind(internalReject, state));\n } catch (error) {\n internalReject(state, error);\n }\n };\n PromiseConstructorPrototype = PromiseConstructor.prototype;\n // eslint-disable-next-line no-unused-vars -- required for `.length`\n Internal = function Promise(executor) {\n setInternalState(this, {\n type: PROMISE,\n done: false,\n notified: false,\n parent: false,\n reactions: [],\n rejection: false,\n state: PENDING,\n value: undefined\n });\n };\n Internal.prototype = redefineAll(PromiseConstructorPrototype, {\n // `Promise.prototype.then` method\n // https://tc39.es/ecma262/#sec-promise.prototype.then\n then: function then(onFulfilled, onRejected) {\n var state = getInternalPromiseState(this);\n var reaction = newPromiseCapability(speciesConstructor(this, PromiseConstructor));\n reaction.ok = typeof onFulfilled == 'function' ? onFulfilled : true;\n reaction.fail = typeof onRejected == 'function' && onRejected;\n reaction.domain = IS_NODE ? process.domain : undefined;\n state.parent = true;\n state.reactions.push(reaction);\n if (state.state != PENDING) notify(state, false);\n return reaction.promise;\n },\n // `Promise.prototype.catch` method\n // https://tc39.es/ecma262/#sec-promise.prototype.catch\n 'catch': function (onRejected) {\n return this.then(undefined, onRejected);\n }\n });\n OwnPromiseCapability = function () {\n var promise = new Internal();\n var state = getInternalState(promise);\n this.promise = promise;\n this.resolve = bind(internalResolve, state);\n this.reject = bind(internalReject, state);\n };\n newPromiseCapabilityModule.f = newPromiseCapability = function (C) {\n return C === PromiseConstructor || C === PromiseWrapper\n ? new OwnPromiseCapability(C)\n : newGenericPromiseCapability(C);\n };\n\n if (!IS_PURE && typeof NativePromise == 'function' && NativePromisePrototype !== Object.prototype) {\n nativeThen = NativePromisePrototype.then;\n\n if (!SUBCLASSING) {\n // make `Promise#then` return a polyfilled `Promise` for native promise-based APIs\n redefine(NativePromisePrototype, 'then', function then(onFulfilled, onRejected) {\n var that = this;\n return new PromiseConstructor(function (resolve, reject) {\n nativeThen.call(that, resolve, reject);\n }).then(onFulfilled, onRejected);\n // https://github.com/zloirock/core-js/issues/640\n }, { unsafe: true });\n\n // makes sure that native promise-based APIs `Promise#catch` properly works with patched `Promise#then`\n redefine(NativePromisePrototype, 'catch', PromiseConstructorPrototype['catch'], { unsafe: true });\n }\n\n // make `.constructor === Promise` work for native promise-based APIs\n try {\n delete NativePromisePrototype.constructor;\n } catch (error) { /* empty */ }\n\n // make `instanceof Promise` work for native promise-based APIs\n if (setPrototypeOf) {\n setPrototypeOf(NativePromisePrototype, PromiseConstructorPrototype);\n }\n }\n}\n\n$({ global: true, wrap: true, forced: FORCED }, {\n Promise: PromiseConstructor\n});\n\nsetToStringTag(PromiseConstructor, PROMISE, false, true);\nsetSpecies(PROMISE);\n\nPromiseWrapper = getBuiltIn(PROMISE);\n\n// statics\n$({ target: PROMISE, stat: true, forced: FORCED }, {\n // `Promise.reject` method\n // https://tc39.es/ecma262/#sec-promise.reject\n reject: function reject(r) {\n var capability = newPromiseCapability(this);\n capability.reject.call(undefined, r);\n return capability.promise;\n }\n});\n\n$({ target: PROMISE, stat: true, forced: IS_PURE || FORCED }, {\n // `Promise.resolve` method\n // https://tc39.es/ecma262/#sec-promise.resolve\n resolve: function resolve(x) {\n return promiseResolve(IS_PURE && this === PromiseWrapper ? PromiseConstructor : this, x);\n }\n});\n\n$({ target: PROMISE, stat: true, forced: INCORRECT_ITERATION }, {\n // `Promise.all` method\n // https://tc39.es/ecma262/#sec-promise.all\n all: function all(iterable) {\n var C = this;\n var capability = newPromiseCapability(C);\n var resolve = capability.resolve;\n var reject = capability.reject;\n var result = perform(function () {\n var $promiseResolve = aFunction(C.resolve);\n var values = [];\n var counter = 0;\n var remaining = 1;\n iterate(iterable, function (promise) {\n var index = counter++;\n var alreadyCalled = false;\n values.push(undefined);\n remaining++;\n $promiseResolve.call(C, promise).then(function (value) {\n if (alreadyCalled) return;\n alreadyCalled = true;\n values[index] = value;\n --remaining || resolve(values);\n }, reject);\n });\n --remaining || resolve(values);\n });\n if (result.error) reject(result.value);\n return capability.promise;\n },\n // `Promise.race` method\n // https://tc39.es/ecma262/#sec-promise.race\n race: function race(iterable) {\n var C = this;\n var capability = newPromiseCapability(C);\n var reject = capability.reject;\n var result = perform(function () {\n var $promiseResolve = aFunction(C.resolve);\n iterate(iterable, function (promise) {\n $promiseResolve.call(C, promise).then(capability.resolve, reject);\n });\n });\n if (result.error) reject(result.value);\n return capability.promise;\n }\n});\n","export default function createNameSpace(namespace, names) {\r\n const namespaced = names.reduce(\r\n (acc, name) => ({\r\n ...acc,\r\n [name]: namespace + '/' + name\r\n }),\r\n {}\r\n );\r\n\r\n return namespaced;\r\n}\r\n","import './c-spinner.scss';\r\n\r\nexport default {\r\n template: `\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n `\r\n};\r\n","import iconCaret from '../components/icons/caret.js';\r\n\r\nimport './s-dropdown.scss';\r\n\r\n/**\r\n *\r\n * Dropdown\r\n *\r\n */\r\n\r\nfunction uuidv4() {\r\n /* eslint-disable */\r\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\r\n var r = (Math.random() * 16) | 0,\r\n v = c == 'x' ? r : (r & 0x3) | 0x8;\r\n return v.toString(16);\r\n });\r\n /* eslint-enable */\r\n}\r\n\r\nfunction getMenuId(id) {\r\n return `${id}-menu`;\r\n}\r\n\r\nexport const _SDropdown = {\r\n provide() {\r\n return {\r\n open: this.open,\r\n close: this.close,\r\n state: this.state,\r\n toggle: this.toggle,\r\n addItem: this.addItem,\r\n removeItem: this.removeItem,\r\n select: this.select,\r\n isSelected: this.isSelected,\r\n setButton: $el => (this.button = $el),\r\n id: this.id\r\n };\r\n },\r\n\r\n props: {\r\n as: {\r\n default: 'div'\r\n }\r\n },\r\n\r\n data() {\r\n return {\r\n state: {\r\n isOpen: false,\r\n selectedElement: undefined,\r\n selectedIndex: -1\r\n },\r\n\r\n items: [],\r\n button: undefined,\r\n id: uuidv4()\r\n };\r\n },\r\n\r\n mounted() {\r\n this.$el.addEventListener('blur', this.onBlur, true);\r\n },\r\n\r\n destroy() {\r\n this.$el.removeEventListener('blur', this.onBlur, true);\r\n },\r\n\r\n // eslint-disable-next-line no-unused-vars\r\n render(h) {\r\n return (\r\n \r\n {this.$slots.default}\r\n \r\n );\r\n },\r\n\r\n methods: {\r\n toggle() {\r\n return this.state.isOpen ? this.close() : this.open();\r\n },\r\n\r\n close() {\r\n if (this.$el.contains(document.activeElement)) {\r\n this.button.focus();\r\n }\r\n\r\n this.state.isOpen = false;\r\n this.state.selectedElement = undefined;\r\n this.state.selectedIndex = -1;\r\n },\r\n\r\n open() {\r\n this.state.isOpen = true;\r\n this.$nextTick(() => {\r\n this.selectIndex(0); // eslint-disable-line no-magic-numbers\r\n });\r\n },\r\n\r\n onKeydown(event) {\r\n if (event.key === 'ArrowDown') {\r\n event.preventDefault();\r\n\r\n if (!this.state.isOpen) {\r\n return this.open();\r\n }\r\n\r\n /* eslint-disable no-magic-numbers */\r\n if (this.state.selectedIndex < this.items.length - 1) {\r\n this.selectIndex(this.state.selectedIndex + 1);\r\n }\r\n /* eslint-enable no-magic-numbers */\r\n } else if (event.key === 'ArrowUp') {\r\n event.preventDefault();\r\n\r\n if (!this.state.isOpen) {\r\n return this.open();\r\n }\r\n\r\n /* eslint-disable no-magic-numbers */\r\n if (this.state.selectedIndex > 0) {\r\n this.selectIndex(this.state.selectedIndex - 1);\r\n }\r\n /* eslint-enable no-magic-numbers */\r\n } else if (event.key === 'Escape') {\r\n this.close();\r\n } else if (event.key === 'Tab' && this.state.isOpen) {\r\n event.preventDefault();\r\n }\r\n },\r\n\r\n onBlur(event) {\r\n const target = event.relatedTarget || document.activeElement;\r\n if (!this.$el.contains(target)) {\r\n this.close();\r\n }\r\n },\r\n\r\n isSelected(vm) {\r\n return this.selectedElement === vm.$el;\r\n },\r\n\r\n select(vm) {\r\n this.selectIndex(this.items.indexOf(vm.$el));\r\n },\r\n\r\n selectIndex(index) {\r\n this.state.selectedElement = this.items[index];\r\n this.state.selectedIndex = index;\r\n return this.state.selectedElement && this.state.selectedElement.focus();\r\n },\r\n\r\n addItem(vm) {\r\n this.items.push(vm.$el);\r\n },\r\n\r\n removeItem(vm) {\r\n this.items = this.items.filter($el => $el !== vm.$el);\r\n }\r\n }\r\n};\r\n\r\nexport const SDropdownButton = {\r\n inject: ['id', 'toggle', 'state', 'setButton'],\r\n\r\n props: {\r\n as: {\r\n default: 'button'\r\n }\r\n },\r\n\r\n mounted() {\r\n this.setButton(this.$el);\r\n },\r\n\r\n // eslint-disable-next-line no-unused-vars\r\n render(h) {\r\n return (\r\n \r\n {this.$slots.default}\r\n \r\n );\r\n }\r\n};\r\n\r\nexport const SDropdownList = {\r\n inject: ['state', 'id'],\r\n\r\n props: {\r\n as: {\r\n default: 'div'\r\n }\r\n },\r\n\r\n // eslint-disable-next-line no-unused-vars\r\n render(h) {\r\n return this.state.isOpen ? (\r\n