\r\n You are in an Impersonation Session for\r\n {{name}}\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n\r\n\r\n","import script from \"./ImpersonateAlert.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ImpersonateAlert.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ImpersonateAlert.vue?vue&type=style&index=0&id=68c4bc96&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\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 script from \"./GlobalTabBar.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./GlobalTabBar.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./GlobalTabBar.vue?vue&type=style&index=0&id=3069de0c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\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 script from \"./ToolTip.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ToolTip.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ToolTip.vue?vue&type=style&index=0&id=14aec1aa&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\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\r\n
\r\n Which channel(s) would you like to use for your Cross-sell effort?\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 Pro tip on how these different marketing channels work together\r\n \r\n
\r\n \r\n
\r\n
Pro Tip
\r\n
\r\n \r\n
\r\n Boost conversions: \r\n Studies have shown that using email and direct mail together can increase your conversion rate by up to 35% from using either method individually.\r\n
\r\n
\r\n
SOURCE: Marketing Insider Group
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
Availability for Cross-sell campaigns may vary by state. Please check back for future updates to availability and reach out to your TM with any questions.
\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n Express Ordering is available for Direct Mail only.\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\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
\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 \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 script from \"./SelectChannelPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SelectChannelPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SelectChannelPage.vue?vue&type=style&index=0&id=2ec1cd28&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2ec1cd28\"]])\n\nexport default __exports__","\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
\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
\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
\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 \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
\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
\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 \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
\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
\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
\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
\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 script from \"./TableSkeleton.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./TableSkeleton.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./TableSkeleton.vue?vue&type=style&index=0&id=b4a85c9e&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./ConfirmationOverlay.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ConfirmationOverlay.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ConfirmationOverlay.vue?vue&type=style&index=0&id=3a875746&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n\r\n\r\n \r\n \r\n
\r\n Grow your business through a targeted lead generation program today.\r\n
\r\n \r\n
\r\n
\r\n
{{ opps.title }}
\r\n
\r\n \r\n
\r\n
Program
\r\n
Opportunities
\r\n
\r\n
Date sent
\r\n
\r\n
Prospecting list expires
\r\n
\r\n \r\n\r\n \r\n 0\">\r\n \r\n
\r\n
\r\n Prospecting Order: {{opp.titleHtml}}\r\n
\r\n \r\n
\r\n {{opp.oppCount}}\r\n
\r\n\r\n
\r\n {{Util.date(opp.dateSent, false)}}\r\n
\r\n\r\n
\r\n {{opp.listExpires}} Days\r\n
\r\n\r\n
\r\n View List\r\n
\r\n
\r\n \r\n \r\n\r\n \r\n
\r\n
\r\n
\r\n No campaigns were found.\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 No opportunities were found that match your criteria.\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 script from \"./ProspectingOpportunitiesTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProspectingOpportunitiesTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProspectingOpportunitiesTile.vue?vue&type=style&index=0&id=6cefdb66&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-6cefdb66\"]])\n\nexport default __exports__","\r\n\r\n\r\n\r\n
\r\n\r\n
\r\n\r\n
{{props.title}}
\r\n\r\n \r\n\r\n
\r\n\r\n
\r\n\r\n\r\n\r\n","import script from \"./IconPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./IconPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./IconPanel.vue?vue&type=style&index=0&id=300659fa&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n\r\n
\r\n Total used: {{selectedAgencyIgniteDetails.usage}} | Remaining: {{selectedAgencyIgniteDetails.remaining}}\r\n
\r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n
\r\n Thank you for redeeming your Ignite rewards.\r\n
\r\n\r\n \r\n\r\n \r\n
\r\n To get started, download your list to view your new prospects.\r\n
\r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n
\r\n you may qualify for\r\n
\r\n
\r\n {{igniteMessage}}\r\n
\r\n \r\n \r\n Contact your TM to discuss or you can order Prospects at cost.\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n Safeco is committed to helping\r\n agents grow their business.\r\n
\r\n \r\n \r\n That's why the MSC provides a\r\n wide array of tools and resources.\r\n \r\n \r\n","import script from \"./IgniteProspectingPromo.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./IgniteProspectingPromo.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","\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
{{ announcement.title }}
\r\n \r\n
\r\n
\r\n
\r\n
Prospect, cross-sell and market your agency
\r\n
\r\n Take advantage of free and highly discounted resources and programs to fuel your agency's success.\r\n To learn more about what's available, explore the tabs above.\r\n
\r\n
\r\n To kickstart your agency's growth, start below with just a few clicks.\r\n
\r\n You have no saved marketing materials at this time.\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\r\n\r\n\r\n","import script from \"./HomePage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./HomePage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./HomePage.vue?vue&type=style&index=0&id=57074da2&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-57074da2\"]])\n\nexport default __exports__","import script from \"./SignInPageHeader.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SignInPageHeader.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SignInPageHeader.vue?vue&type=style&index=0&id=3359d08c&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-3359d08c\"]])\n\nexport default __exports__","\r\n// SignInForm\r\n// Implements the form that signs a user in.\r\n\r\n// Imports ----\r\nimport { Form } from '@dd-nucleus/nucleus-vue';\r\nimport { site } from '@/Site';\r\n\r\nexport default class SignInForm extends Form {\r\n\r\n // Constructor\r\n constructor(router) {\r\n // Pass our model to the base class\r\n super(\r\n {\r\n username: '',\r\n statCode1: '',\r\n statCode2: '',\r\n keepSignedIn: false\r\n });\r\n\r\n this.router = router;\r\n\r\n this.validator.fields.username.isRequired = true;\r\n\r\n // If we want the form to validate immediately based on automatic validations (e.g. to disable a button), do so here\r\n this.validate();\r\n }\r\n\r\n onValidate() {\r\n super.onValidate();\r\n }\r\n\r\n async onValidateAsync() {\r\n super.onValidateAsync();\r\n }\r\n\r\n async onSubmit() {\r\n if (!await site.mockSignIn(this.model.username, this.router)) {\r\n // Show messages\r\n this.validator.addError('The user name or password provided is not valid.');\r\n }\r\n }\r\n}","import script from \"./SignInPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SignInPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SignInPage.vue?vue&type=style&index=0&id=fbaf53e2&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\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 \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n You do not have any contacts that match your selected options.\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 script from \"./ProductGridTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProductGridTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProductGridTile.vue?vue&type=style&index=0&id=6daa8fa8&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n
\r\n
My Account / My Favorites
\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 \r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n No products were found that match your criteria.\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 script from \"./FavoritesPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./FavoritesPanel.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n Drop file to upload\r\n
\r\n\r\n
or
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n (Accepted File Formats are \"JPG, JPEG, TIF , EPS, Vector Image and TIFF)\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 script from \"./ImageDropZone.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ImageDropZone.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ImageDropZone.vue?vue&type=style&index=0&id=2581a597&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n\r\n
\r\n Logo Upload: \r\n In order to provide a clear, crisp image of your logo and picture, it is important to upload images that are high resolution.\r\n For photos, a head shot (show head and shoulders) with a solid color background works best and is the most professional.\r\n Most digital cameras will produce an image that will meet these quality requirements.\r\n
\r\n For the best results, use a high resolution image of 300 DPI (dots per inch) minimum.\r\n The higher the DPI, the clearer the photo or logo will be once it is printed.\r\n
\r\n
\r\n
Acceptable file formats:
\r\n
Agent photo: JPG, JPEG, TIF and TIFF
\r\n
Agency logo: Vector image, EPS, JPEG, TIF and TIFF
\r\n
Need help? Call 1-800-845-9860 and ask the operator for image upload support.
\r\n\r\n\r\n\r\n","import script from \"./OrderHistoryTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrderHistoryTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OrderHistoryTile.vue?vue&type=style&index=0&id=498529f1&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n
\r\n
My Account / My Order History/Lists
\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 \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
\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
\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 \r\n \r\n \r\n \r\n\r\n \r\n
\r\n You do not currently have any previously-placed orders.\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\r\n
\r\n\r\n\r\n\r\n","import script from \"./OrderHistoryPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrderHistoryPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OrderHistoryPanel.vue?vue&type=style&index=0&id=1af6573c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n
\r\n
\r\n \r\n
This card has expired
\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 script from \"./PaymentMethodTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PaymentMethodTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PaymentMethodTile.vue?vue&type=style&index=0&id=191ed316&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","// PaymentInfo\r\n// Services and actions related to payment info.\r\n\r\n// Imports ----\r\nimport { ref, reactive } from 'vue';\r\nimport { Util } from '@dd-nucleus/nucleus-vue';\r\n\r\n\r\nexport default class PaymentInfo {\r\n // Constructor\r\n constructor(store) {\r\n // This will typically be a subclass of NucleusStore\r\n this.store = store;\r\n\r\n this.defaultPaymentMethodId = ref('');\r\n\r\n this.stripeCustomerId = ref('');\r\n\r\n this.paymentMethods = reactive([]);\r\n\r\n this.months = reactive([]);\r\n this.years = reactive([]);\r\n\r\n this.#loadMonths();\r\n this.#loadYears();\r\n\r\n }\r\n\r\n /**\r\n * Creates a new user payment method for the current user.\r\n */\r\n async createUserPaymentMethod(userPaymentMethodModel, validator = null) {\r\n\r\n const response = await this.store.api.post(`/site/user/current/user-payment-method`, userPaymentMethodModel );\r\n\r\n \r\n if (response.succeeded) { \r\n this.getPaymentMethods();\r\n return response;\r\n }\r\n else {\r\n // TODO: More error handling here?\r\n if (validator !== null) validator.addMessages(response.messages);\r\n return false;\r\n }\r\n \r\n }\r\n\r\n /**\r\n * Deletes a user payment method from the current user's account.\r\n */\r\n async deleteUserPaymentMethod(id) {\r\n return await this.store.api.delete(`/site/user/current/user-payment-method/${id}`, {});\r\n }\r\n\r\n /**\r\n * Calls our own service that calls Cybersource to get back a JWK token which we will use to tokenize payment methods for the user \r\n */\r\n async getJwkToken() {\r\n return await this.store.api.get('site/user/current/user-payment-method');\r\n }\r\n\r\n /**\r\n * Get the default Payment Method ID Method\r\n */\r\n async getPaymentMethods() {\r\n\r\n const filter = this.#getFilter();\r\n\r\n const results = await this.store.api.post(`/api/search/user-payment-methods-for-user/tile`, filter);\r\n\r\n Object.assign(this.paymentMethods, results.results);\r\n\r\n this.#setDefaultPaymentId(results.results);\r\n\r\n this.#setStripeCustomerId(results.results);\r\n }\r\n\r\n /**\r\n * Sets the given payment method to the default payment method for the user.\r\n */\r\n async setUserPaymentMethodAsDefault(id) {\r\n const response = await this.store.api.post(`/site/user/current/user-payment-method/${id}/default`, {});\r\n this.defaultPaymentMethodId.value = id;\r\n return response;\r\n }\r\n\r\n /**\r\n * Create a customer at stripe \r\n * @param {object} data - the meta data of userId and name of the user \r\n */\r\n async createStripeCustomer(data) {\r\n\r\n // Stripe create customer endpoint \r\n const url = `/site/stripe/create-customer`;\r\n const response = await this.store.api.post(url, data);\r\n this.stripeCustomerId = response.id; \r\n return response;\r\n\r\n }\r\n\r\n /**\r\n * Attach a customer to a payment method \r\n */\r\n async attachStripeCustomerPaymentMethod(paymentMethodId, customerId, isDefault) {\r\n\r\n // Stripe create customer endpoint\r\n const url = `/site/stripe/payment-methods/${paymentMethodId}/attach`;\r\n const data = { customer: customerId, isDefault: isDefault, province:'' };\r\n const response = await this.store.api.post(url, data).catch((error) => {\r\n return error;\r\n });\r\n this.getPaymentMethods();\r\n return response;\r\n }\r\n\r\n /**\r\n * Gets a list of calendar months, normally used to identify the month of when a credit card expires.\r\n */\r\n #loadMonths() {\r\n this.months.push({ text: 'Jan', id: '01' });\r\n this.months.push({ text: 'Feb', id: '02' });\r\n this.months.push({ text: 'Mar', id: '03' });\r\n this.months.push({ text: 'Apr', id: '04' });\r\n this.months.push({ text: 'May', id: '05' });\r\n this.months.push({ text: 'Jun', id: '06' });\r\n this.months.push({ text: 'Jul', id: '07' });\r\n this.months.push({ text: 'Aug', id: '08' });\r\n this.months.push({ text: 'Sep', id: '09' });\r\n this.months.push({ text: 'Oct', id: '10' });\r\n this.months.push({ text: 'Nov', id: '11' });\r\n this.months.push({ text: 'Dec', id: '12' });\r\n }\r\n\r\n /**\r\n * Gets a list of calendar years, normally used to identify the year of when a credit card expires.\r\n */\r\n #loadYears() {\r\n let now = new Date();\r\n\r\n for (let i = 0; i < 8; i++) {\r\n const year = now.getFullYear();\r\n\r\n this.years.push({ text: year.toString(), id: year.toString() });\r\n now = new Date(year +1, now.getMonth(), now.getDay());\r\n }\r\n }\r\n\r\n #getFilter() {\r\n return { \"filterValues\": [], \"paging\": { \"pageNumber\": 0, \"perPage\": 500, \"includeTotalCount\": true, \"includePageCount\": true }, \"sortId\": \"newest-to-oldest\" }\r\n }\r\n\r\n #setDefaultPaymentId(methods) {\r\n\r\n methods.forEach((x) => {\r\n if (x.isDefault == true) {\r\n this.defaultPaymentMethodId.value = x.id;\r\n }\r\n });\r\n\r\n }\r\n\r\n #setStripeCustomerId(methods) {\r\n if (Util.isNotEmpty(methods)) {\r\n const paymentData = JSON.parse(methods[0].paymentData)\r\n this.stripeCustomerId = paymentData.customer;\r\n }\r\n }\r\n\r\n}\r\n\r\n// Exports ----\r\nexport const PaymentTypeCode = {\r\n /**\r\n * Type code to assign a payment method as a type of credit card\r\n * TODO: Currently only used for develop/display purposes.\r\n */\r\n CREDIT_CARD: 'CREDIT_CARD',\r\n\r\n /**\r\n * Type code to assign a payment method as a type of stripe payment method.\r\n * TODO: Not an actual implementation requirement at this time. Just stubbing out for visual/understanding purposes. Might be removed at a later date.\r\n */\r\n PAYPAL: 'PAYPAL',\r\n\r\n /**\r\n * Type code to assign a payment method as a type of paypal payment method.\r\n * TODO: Not an actual implementation requirement at this time. Just stubbing out for visual/understanding purposes. Might be removed at a later date.\r\n */\r\n STRIPE: 'STRIPE'\r\n}","\r\n\r\n\r\n
\r\n\r\n \r\n \r\n \r\n\r\n
\r\n
\r\n
Credit Card Information
\r\n
\r\n
\r\n\r\n \r\n \r\n \r\n\r\n
\r\n
\r\n
Billing Information
\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
\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
\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
\r\n
\r\n\r\n
\r\n
\r\n \r\n Save as my default credit card\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 script from \"./AddPaymentMethodStripe.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddPaymentMethodStripe.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n// PaymentMethodFormStripe\r\n// Used for adding a new payment method for the user.\r\n\r\n// Imports ----\r\nimport { Form } from '@dd-nucleus/nucleus-vue';\r\nimport { DEFAULT_COUNTRY_CODE } from '@/Site';\r\n\r\nexport default class PaymentMethodForm extends Form {\r\n\r\n // Constructor\r\n constructor(model, id = null) {\r\n // Pass our model to the base class\r\n super(Object.assign(model ?? {},\r\n {\r\n id: id,\r\n name: '',\r\n isExpired: false,\r\n isDefault: false,\r\n addressLine1: '',\r\n addressLine2: '',\r\n city: '',\r\n state: '',\r\n province: '',\r\n country: DEFAULT_COUNTRY_CODE,\r\n }));\r\n\r\n // Set required fields\r\n this.validator.fields.name.isRequired = true;\r\n this.validator.fields.addressLine1.isRequired = true;\r\n this.validator.fields.city.isRequired = true;\r\n this.validator.fields.state.isRequired = true;\r\n\r\n // Set maximum lengths\r\n // TODO: Expose these numbers from the backend somehow\r\n this.validator.fields.name.maxLength = 100;\r\n this.validator.fields.addressLine1.maxLength = 100;\r\n this.validator.fields.addressLine2.maxLength = 100;\r\n this.validator.fields.city.maxLength = 50;\r\n this.validator.fields.state.maxLength = 2;\r\n this.validator.fields.province.maxLength = 50;\r\n this.validator.fields.country.maxLength = 2;\r\n\r\n // Force an immediate validation (e.g. for buttons disabled until valid)\r\n this.validate();\r\n }\r\n\r\n reset() {\r\n this.model.name = '';\r\n this.model.isExpired = false;\r\n this.model.isDefault = false;\r\n this.model.addressLine1 = '';\r\n this.model.addressLine2 = '';\r\n this.model.city = '';\r\n this.model.state = '';\r\n this.model.province = '';\r\n this.model.country = DEFAULT_COUNTRY_CODE;\r\n }\r\n\r\n /**\r\n * Call the form to reset for a new payment info.\r\n */\r\n create() {\r\n this.model.id = null;\r\n this.reset();\r\n }\r\n\r\n onValidate() {\r\n super.onValidate();\r\n }\r\n}","\r\n\r\n\r\n\r\n\r\n
\r\n\r\n
\r\n
\r\n
My Account / My Payment & Billing Info
\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 \r\n
0\" class=\"row mb-3\">\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
Credit Card
\r\n
{{item.name}}
\r\n
{{getCardTypeName(item.paymentData)}}
\r\n
{{getMaskPen(item.paymentData)}}
\r\n
{{getCardDate(item.expirationDate)}}
\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n You have no credit cards saved to your account.\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\r\n \r\n \r\n
Are you sure you want to delete this payment method?
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n","import script from \"./PaymentInfoPanelStripe.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PaymentInfoPanelStripe.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PaymentInfoPanelStripe.vue?vue&type=style&index=0&id=0e5d963b&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n\r\n
\r\n \r\n \r\n \r\n\r\n
\r\n
\r\n Default Shipping\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 script from \"./ShippingAddressTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ShippingAddressTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ShippingAddressTile.vue?vue&type=style&index=0&id=520ed1c4&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n
\r\n
{{props.title}}
\r\n
\r\n\r\n\r\n","import script from \"./HeadlineContainer.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./HeadlineContainer.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./HeadlineContainer.vue?vue&type=style&index=0&id=657799f4&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\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\r\n\r\n\r\n","import script from \"./AccountTitle.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AccountTitle.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AccountTitle.vue?vue&type=style&index=0&id=0697302a&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n// AgencyAddressForm\r\n// Used for adding or editing a agency address.\r\n\r\n// Imports ----\r\nimport { site } from '@/Site';\r\nimport { ShippingAddressForm } from '@dd-nucleus/nucleus-vue';\r\n\r\n// TODO: Figure out enums\r\nconst ADDRESS_TYPE_SHIPPING = 2;\r\nconst DEFAULT_MODEL = {\r\n id: '',\r\n contactId: '',\r\n name: '', // NOTE: Not individual's name, name of the address, e.g. \"Home\"\r\n addressee: '',\r\n addressLine1: '',\r\n addressLine2: '',\r\n addressLine3: '',\r\n addressLine4: '',\r\n city: '',\r\n state: '',\r\n province: '',\r\n postalCode: '',\r\n countryCode: '',\r\n companyName: '',\r\n phoneNumber: '',\r\n email:'',\r\n isResidential: false,\r\n addressType: ADDRESS_TYPE_SHIPPING,\r\n isDefault: false\r\n};\r\n\r\nexport default class AgencyAddressForm extends ShippingAddressForm {\r\n // Constructor\r\n constructor(model = {}, id = null , addressConfig = null) {\r\n super({\r\n ...DEFAULT_MODEL,\r\n id: id,\r\n ...model,\r\n addressConfig\r\n })\r\n delete this.model.contactId;\r\n this.model.attributes = {\r\n phoneNumber: '',\r\n email:''\r\n };\r\n this.validator.fields.companyName.isRequired = true;\r\n this.validator.fields.phoneNumber.isRequired = true;\r\n this.validator.fields.phoneNumber.maxLength = 15;\r\n this.validator.fields.email.isRequired = false;\r\n this.validator.fields.email.maxLength = 50;\r\n // Force an immediate validation (e.g. for buttons disabled until valid)\r\n this.validate();\r\n }\r\n\r\n onValidate() {\r\n super.onValidate();\r\n }\r\n\r\n async onValidateAsync() {\r\n super.onValidateAsync();\r\n }\r\n\r\n async reset() {\r\n this.model = {\r\n ...this.model,\r\n ...DEFAULT_MODEL,\r\n id: this.model.id\r\n };\r\n this.validator.reset();\r\n }\r\n\r\n async onSubmit() {\r\n this.model.name = this.model.addressee = this.model.companyName;\r\n this.model.attributes.phoneNumber = this.model.phoneNumber;\r\n this.model.attributes.email = this.model.email;\r\n return await site.agencyDetails.updateAgencyAddress(this.model, false, this.validator);\r\n }\r\n}","\r\n\r\n\r\n
\r\n\r\n \r\n \r\n
Are you sure you want to delete this Agency Email Preference?
Mail Frequency: {{dropDetails?.dropType}} Drops ({{dropDetails?.frequency}}), {{dropDetails?.numberOfMailings}} Mailings
\r\n
\r\n \r\n Total Prospect Count:\r\n \r\n \r\n Total Policy Holders Count:\r\n \r\n {{targetCount}}\r\n
\r\n
\r\n
\r\n \r\n {{ chargeMessage }}\r\n
\r\n\r\n
\r\n \r\n Mailed out on the dates listed below. Allow up to 10 days for in-home delivery. \r\n
\r\n
\r\n \r\n For customer mailings, prior to the first mail/email date, View List will display the records you selected for the order. Once the direct mail or email has gone out, View List will display the records contacted.\r\n
\r\n\r\n
\r\n
\r\n\r\n \r\n
\r\n
\r\n {{ heading }}\r\n
\r\n
\r\n \r\n\r\n \r\n
\r\n
\r\n {{Util.date(row.mailDate, false)}}\r\n
\r\n
{{row.dropNumber}}
\r\n
{{row.quantity}}
\r\n
{{site.convertNumberToCurrency(row.price)}}
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Drops Complete: {{completedDrops}} of {{ dropDetails?.numberOfMailings}}\r\n
\r\n \r\n\r\n\r\n","import script from \"./ReportingMainPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ReportingMainPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ReportingMainPanel.vue?vue&type=style&index=0&id=4c0dd23e&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\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
\r\n \r\n
\r\n
\r\n
\r\n \r\n","import script from \"./ReportsHomePage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ReportsHomePage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n Back to Reports\r\n
\r\n
\r\n
\r\n \r\n
0\">\r\n
\r\n {{ errorMessage }}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n","import script from \"./ReportDetailsPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ReportDetailsPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","\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
Marketing materials
\r\n
Increase sales with Safeco product brochures and marketing collateral.
\r\n
\r\n
\r\n
\r\n
Choose the products and programs you'd like to promote Most items are available as free digital downloads so you can easily email them to customers or print them locally. Some items can be printed and shipped at low cost.
\r\n
Customize for your agency Whether print or digital, most items can be customized. Just follow the steps to add your name, contact information and agency logo or headshot at checkout.
\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
\r\n\r\n
\r\n \r\n\r\n\r\n\r\n","import script from \"./MarketingHomePage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MarketingHomePage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MarketingHomePage.vue?vue&type=style&index=0&id=ffef3f42&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-ffef3f42\"]])\n\nexport default __exports__","\r\n\r\n\r\n \r\n
\r\n \r\n\r\n
\r\n\r\n
\r\n
Would you like to use Express Ordering to place
\r\n \r\n
one order for yourself and the Sub Codes to which you have access
\r\n \r\n
\r\n Express Ordering: This functionality allows you to place one order for the substats that you have authorization/access to.\r\n Important to note the custom personalization information ( Agent Name, Contact Information, Phone Number and Signature, Logo) will be\r\n identical for all the SubCodes selected. If you to chose to have custom personalization for some or all your Sub Codes, you'll need to\r\n personlaize SubCode for each separately. The available Sub Codes will be driven by state(s) in which the asset usage is permitted.\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\r\n\r\n","import script from \"./ExpressOrderConfirmation.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ExpressOrderConfirmation.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ExpressOrderConfirmation.vue?vue&type=style&index=0&id=10f0fcd1&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n \r\n
\r\n \r\n\r\n
\r\n\r\n
\r\n
Would you like to apply same personalization for all the Sub Codes selected?
\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 script from \"./ExpressOrderPersonalizationConfirmation.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ExpressOrderPersonalizationConfirmation.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
The Sub Codes below will be included.
\r\n
Unselect any Sub Codes you would like to exclude.
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
Clear All
\r\n \r\n \r\n \r\n Previous\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n\r\n","import script from \"./ExpressOrderSubCodes.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ExpressOrderSubCodes.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ExpressOrderSubCodes.vue?vue&type=style&index=0&id=3df54ce7&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n
\r\n\r\n \r\n\r\n\r\n\r\n\r\n","import script from \"./CustomizeDownloadPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CustomizeDownloadPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CustomizeDownloadPage.vue?vue&type=style&index=0&id=428ad826&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n
\r\n
\r\n \r\n
Your Welcome Kit is being prepared for download...
\r\n
\r\n
\r\n\r\n\r\n\r\n","import script from \"./CustomizeDownloadPageFlexReturn.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CustomizeDownloadPageFlexReturn.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","\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
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n Your personalized New Client Welcome Kit is available from My Custom Downloads under My Account at the top of the page. If you have partially completed your Kit, you may finish it at any time by going to My Account > My Custom Downloads. If it's complete, you may download it here.\r\n
\r\n
\r\n Your Customizable Download is ready. You may also access it from My Custom Downloads under My Account.\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
\r\n\r\n \r\n\r\n\r\n\r\n\r\n","import script from \"./DownloadCustomizeAssetPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./DownloadCustomizeAssetPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./DownloadCustomizeAssetPage.vue?vue&type=style&index=0&id=05345d98&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n\r\n \r\n\r\n
\r\n \r\n Insurance Check Up Form (Customizable) Print On Demand (AP-3967P)\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
Agent Image (Optional)
\r\n\r\n \r\n\r\n \r\n\r\n
Preview & Approve
\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\r\n
\r\n \r\n \r\n \r\n \r\n Next\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 \r\n\r\n\r\n\r\n","import script from \"./CustomizableDownloadStep1Page.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CustomizableDownloadStep1Page.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CustomizableDownloadStep1Page.vue?vue&type=style&index=0&id=067bad9b&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\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 \r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
Your Customizable Download is Ready.
\r\n\r\n
You may also download this item at any later date from Order History.
\r\n\r\n
\r\n \r\n Continue Shopping\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 script from \"./CustomizableDownloadStep2Page.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CustomizableDownloadStep2Page.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CustomizableDownloadStep2Page.vue?vue&type=style&index=0&id=07f9f208&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\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 Would you like to use Express Ordering to place one order for yourself and the Sub Codes to which you have access?\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\r\n
\r\n\r\n
\r\n\r\n \r\n\r\n\r\n","import script from \"./AnnualAutoExpressOrderingPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AnnualAutoExpressOrderingPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AnnualAutoExpressOrderingPage.vue?vue&type=style&index=0&id=db4f4694&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\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 How would you like to notify your 6-month auto policyholders of conversion to a 12-month policy?\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 Pro tip on how these different marketing channels work together.\r\n \r\n
\r\n \r\n
\r\n
Pro Tip
\r\n
\r\n \r\n
\r\n Boost conversions: \r\n Studies have shown that using email and direct mail together can increase your conversion rate by up to 35% from using either method individually.\r\n
\r\n
\r\n
SOURCE: Marketing Insider Group
\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\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
\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\r\n
\r\n\r\n
\r\n\r\n \r\n Previous\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 script from \"./AnnualAutoSelectChannelPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AnnualAutoSelectChannelPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AnnualAutoSelectChannelPage.vue?vue&type=style&index=0&id=47e9aadf&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-47e9aadf\"]])\n\nexport default __exports__","import script from \"./GrowYourBusinessPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./GrowYourBusinessPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./SellNewProspectsPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SellNewProspectsPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./PromoteAnEventPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PromoteAnEventPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./PromoteOnlinePresencePage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PromoteOnlinePresencePage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./OrderMarketingMaterialsPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrderMarketingMaterialsPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./IncreaseRetentionAddValuePage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./IncreaseRetentionAddValuePage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./MyFavoriteMarketingMaterialsPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MyFavoriteMarketingMaterialsPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./MyFavoriteReportsPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MyFavoriteReportsPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./MostRecentDownloadsPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MostRecentDownloadsPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./AutoInsuranceBrochuresPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AutoInsuranceBrochuresPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./HomeInsuranceBrochuresPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./HomeInsuranceBrochuresPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./AnnualAutoLetterPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AnnualAutoLetterPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./InsuranceCheckUpPosterPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./InsuranceCheckUpPosterPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./ImpersonationEnded.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ImpersonationEnded.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n
\r\n\r\n
\r\n\r\n\r\n\r\n","import script from \"./DeepLinkRedirect.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./DeepLinkRedirect.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./TermsAndConditions.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./TermsAndConditions.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./TermsAndConditions.vue?vue&type=style&index=0&id=db170b1e&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n
Loading..
\r\n","import script from \"./MWSOptOutEmailPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MWSOptOutEmailPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./GenericHeader.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./GenericHeader.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./GenericHeader.vue?vue&type=style&index=0&id=02b44318&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-02b44318\"]])\n\nexport default __exports__","\r\n\r\n\r\n\r\n \r\n
\r\n\r\n \r\n\r\n\r\n","import script from \"./GenericFooter.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./GenericFooter.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./GenericFooter.vue?vue&type=style&index=0&id=3967e675&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n \r\n \r\n
\r\n
Moving With Safeco
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
Please enter your email address. (Required)
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
Please enter a valid email address
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
If you no longer wish to receive email notices for the Moving with Safeco program, please enter your email information and click the Opt Out button below.
\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 script from \"./MWSEmailOptOutPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MWSEmailOptOutPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MWSEmailOptOutPage.vue?vue&type=style&index=0&id=1a7142a2&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n \r\n \r\n
\r\n
Moving With Safeco
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n\r\n
We have received and processed your request to opt out the email address:
\r\n
{{email}}
\r\n
from:
\r\n
Moving with Safeco
\r\n
Offers may have been sent prior to your remove request, you may receive offers up to 10 business day from the day you requested to be removed.
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n\r\n\r\n\r\n","import script from \"./MWSAcknowledgementPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MWSAcknowledgementPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MWSAcknowledgementPage.vue?vue&type=style&index=0&id=7f2f8734&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n// AspNetAuthenticator\r\n// Provides functionality for local authentication via DD.Nucleus.Base.Security.AspNetCoreAuthentication.\r\n\r\n// Constants ----\r\nconst JWT_TOKEN_KEY = 'access_token';\r\nconst I_TOKEN = 'i-token';\r\n\r\n// Imports ----\r\nimport { Authenticator } from '@dd-nucleus/nucleus-vue';\r\n\r\nexport default class SSOAuthenticator extends Authenticator {\r\n\r\n // Constructor\r\n constructor(site) {\r\n super(site);\r\n }\r\n\r\n // #region Authenticator Overrides\r\n\r\n /**\r\n * Called to determine whether the user is currently logged in.\r\n * \r\n */\r\n async isSignedIn() {\r\n const token = this.#getAccessToken();\r\n if (token) {\r\n const parsed = this.#parseToken(token);\r\n if (parsed.exp < Date.now() / 1000) {\r\n this.#trace('JWT expired, removing token from localStorage');\r\n this.#removeToken();\r\n\r\n return false;\r\n }\r\n else {\r\n return true;\r\n }\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n\r\n /**\r\n * Called to allow the authenticator to redirect to sign in if needed. Local authenticators should return a route, where\r\n * authenticators that use SSO should perform any redirect needed, preferably retaining the supplied route as an eventual\r\n * return destination.\r\n */\r\n async getSignInRoute(to) {\r\n if (to) {\r\n return {\r\n name: 'SignIn',\r\n params: { path: to?.fullPath }\r\n }\r\n }\r\n return { name: 'SignIn' };\r\n }\r\n\r\n /**\r\n * Signs the user out by removing the stored token.\r\n */\r\n async signOut() {\r\n await this.site.api.post(`/site/asp-net-auth/logout`);\r\n this.#removeToken();\r\n }\r\n\r\n /**\r\n * Called to allow the authenticator to redirect to sign out.\r\n */\r\n async getSignOutRoute() {\r\n return { name: 'SignIn', query: { signout: 'true' } };\r\n }\r\n\r\n /**\r\n * Called for authenticated API calls to apply the appropriate header(s).\r\n */\r\n async getApiHeaders() {\r\n // If User is authenticated, add header with access token\r\n if (this.site.user.isAuthenticated) {\r\n const headers = {};\r\n\r\n const impersonatedUserToken = sessionStorage.getItem(I_TOKEN);\r\n if (impersonatedUserToken) {\r\n headers[I_TOKEN] = impersonatedUserToken;\r\n }\r\n\r\n // Get access token from localStorage\r\n const token = await this.#getAccessToken();\r\n\r\n headers['Authorization'] = `Bearer ${token}`;\r\n\r\n return headers;\r\n }\r\n else\r\n return null;\r\n }\r\n\r\n // #endregion\r\n\r\n /**\r\n * Called from a sign-in form to actually sign the user in.\r\n * @param {string} username\r\n * @param {string} password\r\n */\r\n async signIn(userId) {\r\n try {\r\n const options = { authenticate: false };\r\n this.site.user.isAuthenticated = false;\r\n\r\n const response = await this.site.api.get(`/site/asp-net-auth/get-token/${userId}`, options);\r\n\r\n\r\n if (response && response.access_token) {\r\n this.#removeToken();\r\n this.#storeToken(response.access_token);\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n catch (e) {\r\n console.log(\"error in ssoSignIn: \", e);\r\n return false;\r\n }\r\n\r\n }\r\n\r\n /**\r\n * delete impersonate session storage.\r\n */\r\n deleteImpersonateSession() {\r\n sessionStorage.removeItem(I_TOKEN);\r\n }\r\n\r\n // Removes the JWT stored in localStorage.\r\n removeLoginToken() {\r\n localStorage.removeItem(JWT_TOKEN_KEY);\r\n }\r\n \r\n /**\r\n * Updates user name and email\r\n * TODO: Keep this?\r\n */\r\n async updateInfo(username, email) {\r\n var response = await this.site.api.post('api/user/current', { username: username, email: email });\r\n\r\n return response.succeeded;\r\n }\r\n\r\n\r\n // #region Private Functions\r\n\r\n // Gets an API JWT access token for the active account.\r\n #getAccessToken() {\r\n const token = localStorage.getItem(JWT_TOKEN_KEY) || false;\r\n\r\n if (token) {\r\n this.#trace(`Access token retrieved from localStorage - ${token.substring(0, 8)}...`);\r\n }\r\n\r\n return token;\r\n }\r\n\r\n // Decode the provided token.\r\n #parseToken(token) {\r\n if (token.indexOf('.')) {\r\n const payload = token.split('.')[1];\r\n\r\n // TODO: atob() is deprecated\r\n return JSON.parse(atob(payload));\r\n }\r\n\r\n return false;\r\n }\r\n\r\n // Removes the JWT stored in localStorage.\r\n #removeToken() {\r\n localStorage.removeItem(JWT_TOKEN_KEY);\r\n }\r\n\r\n // Adds the provided token to localStorage.\r\n #storeToken(token) {\r\n localStorage.setItem(JWT_TOKEN_KEY, token);\r\n }\r\n\r\n // Returns whether tracing is enabled\r\n #doTrace() {\r\n return (process.env.VUE_APP_TRACE_ASP_NET_AUTH === 'true');\r\n }\r\n\r\n // Traces a message, if enabled.\r\n #trace(message, ...args) {\r\n if (this.#doTrace())\r\n console.log('[ASP.NET AUTH] ' + message, ...args);\r\n }\r\n\r\n // #endregion\r\n}","// PersonalizationInfo\r\n// Services and actions related to personalizing assets \r\n\r\n// Imports ----\r\nimport { reactive } from 'vue';\r\nimport { site } from '@/Site';\r\nimport { isEmpty, isNotEmpty } from '@/util';\r\n\r\nconst BASE_PUNCHOUT_URL = process.env.VUE_APP_PAGE_FLEX_PUNCHOUT_URL;\r\n\r\nexport default class Personalization {\r\n // Constructor\r\n constructor(store) {\r\n // This will typically be a subclass of NucleusStore\r\n this.store = store;\r\n\r\n this.orderFlowDetails = reactive({\r\n id: '',\r\n cartId: '00000000-0000-0000-0000-000000000000',\r\n parentId: '',\r\n channelType: null,\r\n pageFlexDocumentId: '',\r\n pageFlexOrderId: '',\r\n statCode: '',\r\n oppId: '',\r\n oppType: '',\r\n programType: '',\r\n productType: '',\r\n userState: '',\r\n isMultiChannel: false,\r\n productId: null,\r\n recipients: [],\r\n mailContacts: [],\r\n dropDetails: { // NEW name here for DM type \r\n dropType: '', // Or ONE \r\n frequency: '', // or bi-weekly\r\n numberOfMailings: 0, // or 2 or 3\r\n startDate: new Date(), // array based on the options above\r\n mailingDetails: []\r\n },\r\n pdfFinalApproval: false,\r\n acceptTermsAndConditions: false,\r\n willNotUseMassachusetts: false,\r\n states: '',\r\n targetCount: 0,\r\n totalPrice: 0.00,\r\n unitPrice: 0.00,\r\n zipCodes: '',\r\n zipRadius: 0,\r\n availableCount: 0,\r\n crossStateBoundary: false,\r\n includePhoneNumber: false,\r\n subscriptionPeriod: 0,\r\n seasonalSummary: [],\r\n isOwnListUploaded: null,\r\n isStateSaved: null,\r\n });\r\n\r\n store.cart.onCartLoaded(async () => {\r\n await this.#init();\r\n });\r\n\r\n }\r\n /**\r\n * Send the form data to the PDF preview endpoint\r\n */\r\n async generatePdfPreview(payload) {\r\n // TODO: Connect this to the PDF service once choosen and implemented \r\n console.warn(\"payload: \", payload);\r\n return 'Success Return';\r\n }\r\n\r\n openPdfPreview(docId) {\r\n if (isNotEmpty(site.user.userName)) {\r\n const userName = site.user.userName.replace(\".Test@test.com\", '');\r\n const url = `${BASE_PUNCHOUT_URL}/PMGetPdfProof.aspx?DocID=${docId}&UserName=${userName}`;\r\n window.open(url, '_blank');\r\n }\r\n }\r\n\r\n getPdfPreview(docId) {\r\n if (isNotEmpty(site.user.userName)) {\r\n const userName = site.user.userName.replace(\".Test@test.com\", '');\r\n return `${BASE_PUNCHOUT_URL}/PMGetPdfProof.aspx?DocID=${docId}&UserName=${userName}`;\r\n }\r\n }\r\n\r\n /**\r\n * Proceed to step of personalization \r\n */\r\n async submitPesonlization(payload) {\r\n // TODO: Connect this to the PDF service once choosen and implemented \r\n console.warn(\"payload: \", payload);\r\n return 'Success Return';\r\n }\r\n\r\n /**\r\n * Add a Personalized item to the cart \r\n */\r\n async addToCart(productId, quantity) {\r\n return await this.store.api.post(`/api/store/cart/items`, { productId: productId, quantity: quantity });\r\n\r\n }\r\n\r\n async setSaveForLater(isStateSaved = false, orderStateId = null, parentOrderStateId = null) {\r\n const payload = {\r\n orderStateId: orderStateId ? orderStateId : this.orderFlowDetails.id,\r\n parentOrderStateId: parentOrderStateId ? parentOrderStateId : this.orderFlowDetails.parentId,\r\n isStateSaved: isStateSaved\r\n };\r\n console.warn('payload', payload);\r\n return await this.store.api.put(`/site/order-state`, payload);\r\n\r\n }\r\n\r\n async getProductDataType(productId) {\r\n\r\n return await this.store.api.get(`site/product/${productId}/has-product-data-type`);\r\n }\r\n\r\n /**\r\n * The starting of an order get the statCode and ProductId being used in the order\r\n */\r\n async startOrder(channelType, isStateSaved = false) {\r\n\r\n this.orderFlowDetails.channelType = channelType;\r\n\r\n await this.#setCartId();\r\n\r\n if (isEmpty(this.orderFlowDetails.isMultiChannel)) {\r\n this.orderFlowDetails.isMultiChannel = false;\r\n }\r\n\r\n const payload = {\r\n cartId: this.orderFlowDetails.cartId,\r\n productId: this.orderFlowDetails.productId,\r\n statCode: this.orderFlowDetails.statCode,\r\n productType: this.orderFlowDetails.productType,\r\n programType: this.orderFlowDetails.programType,\r\n channelType: this.orderFlowDetails.channelType,\r\n oppId: this.orderFlowDetails.oppId,\r\n isMultiChannel: this.orderFlowDetails.isMultiChannel,\r\n isStateSaved: isStateSaved\r\n }\r\n\r\n if (isNotEmpty(this.orderFlowDetails.parentId))\r\n Object.assign(payload, { parentId: this.orderFlowDetails.parentId })\r\n\r\n const response = await this.store.api.post(`/site/user/current/order-state`, payload);\r\n\r\n if (response && response.succeeded) {\r\n await this.getOrderState(response.id);\r\n\r\n if (isEmpty(this.orderFlowDetails.parentId))\r\n this.orderFlowDetails.parentId = response.id;\r\n }\r\n\r\n return response;\r\n\r\n }\r\n\r\n async changeProductType(productType) {\r\n this.orderFlowDetails.productType = productType;\r\n await this.#updateOrderState();\r\n }\r\n\r\n async acceptConsent(form) {\r\n this.orderFlowDetails.pdfFinalApproval = form.pdfFinalApproval;\r\n this.orderFlowDetails.acceptTermsAndConditions = form.pdfFinalApproval;\r\n this.orderFlowDetails.willNotUseMassachusetts = form.pdfFinalApproval;\r\n\r\n await this.#updateOrderState();\r\n }\r\n\r\n async selectProduct(id, unitPrice) {\r\n this.orderFlowDetails.productId = id;\r\n if (unitPrice) {\r\n this.orderFlowDetails.unitPrice = unitPrice;\r\n }\r\n await this.#updateOrderState();\r\n }\r\n\r\n async addRecipients(recipients) {\r\n\r\n this.orderFlowDetails.recipients = [];\r\n\r\n this.orderFlowDetails.recipients.push(...recipients);\r\n\r\n this.orderFlowDetails.targetCount = this.orderFlowDetails.recipients.length;\r\n\r\n await this.#updateOrderState();\r\n }\r\n\r\n async updateDocId(id, parentId) {\r\n\r\n this.orderFlowDetails.pageFlexDocumentId = id;\r\n //TODO: Need to check we always need to overwrite the parent id or if parent id will be updated\r\n //only its provided.\r\n\r\n if (parentId && parentId != 'null') {\r\n this.orderFlowDetails.parentId = parentId;\r\n }\r\n await this.#updateOrderState();\r\n }\r\n\r\n async updateTargetCount() {\r\n await this.#updateOrderState();\r\n }\r\n\r\n async updateOrderState(state) {\r\n\r\n const payload = {\r\n orderState: {}\r\n };\r\n\r\n Object.assign(payload.orderState, state);\r\n\r\n const response = await this.store.api.put(`/site/user/current/order-state`, payload);\r\n\r\n Object.assign(this.orderFlowDetails, response.model);\r\n }\r\n\r\n async setDropType(type) {\r\n\r\n this.orderFlowDetails.dropDetails.dropType = type;\r\n this.orderFlowDetails.dropDetails.startDate = null;\r\n this.orderFlowDetails.dropDetails.numberOfMailings = 0;\r\n this.orderFlowDetails.dropDetails.frequency = null;\r\n this.orderFlowDetails.dropDetails.mailingDetails = [];\r\n await this.#updateOrderState();\r\n }\r\n\r\n async setWinbackDropDetails() {\r\n\r\n this.#resetDropDetails();\r\n\r\n this.orderFlowDetails.dropDetails.startDate = null;\r\n this.orderFlowDetails.dropDetails.frequency = 'NONE';\r\n this.orderFlowDetails.dropDetails.dropType = 'NONE';\r\n this.orderFlowDetails.dropDetails.numberOfMailings = 0;\r\n this.orderFlowDetails.dropDetails.mailingDetails = [{\r\n \"MailDate\": this.getWinbackMailDate(),\r\n \"Quantity\": this.orderFlowDetails.targetCount,\r\n \"DropNumber\": 1\r\n }];\r\n await this.#updateOrderState();\r\n }\r\n\r\n getWinbackMailDate() {\r\n const currentDate = new Date();\r\n const currentDay = currentDate.getDate();\r\n currentDate.setHours(0, 0, 0, 0);\r\n if (currentDay >= 13) {\r\n currentDate.setMonth(currentDate.getMonth() + 1);\r\n currentDate.setDate(13);\r\n } else {\r\n currentDate.setDate(13);\r\n }\r\n return currentDate;\r\n }\r\n\r\n async setDropDetails(startDate, frequency, numberOfMailings) {\r\n\r\n this.#resetDropDetails();\r\n\r\n this.orderFlowDetails.dropDetails.startDate = startDate || '';\r\n this.orderFlowDetails.dropDetails.frequency = frequency || '';\r\n this.orderFlowDetails.dropDetails.numberOfMailings = numberOfMailings || '';\r\n this.orderFlowDetails.dropDetails.mailingDetails = [];\r\n\r\n await this.#updateOrderState();\r\n const id = this.orderFlowDetails.id;\r\n\r\n const response = await this.store.api.get(`/site/mailing-schedule/${id}`);\r\n\r\n if (response) {\r\n await this.orderFlowDetails.dropDetails.mailingDetails.push(...response);\r\n await this.#updateOrderState();\r\n }\r\n }\r\n\r\n async zipLookup(city, state) {\r\n const payload = {\r\n \"city\": city,\r\n \"state\": state\r\n }\r\n\r\n return await this.store.api.post(`/site/prospecting/zip-lookup`, payload);\r\n\r\n }\r\n\r\n async updateProspectingZipCodes(payload) {\r\n\r\n this.orderFlowDetails.targetCount = payload.targetCount;\r\n this.orderFlowDetails.totalPrice = payload.totalPrice;\r\n this.orderFlowDetails.unitPrice = payload.unitPrice;\r\n this.orderFlowDetails.zipCodes = payload.zipCodes;\r\n this.orderFlowDetails.zipRadius = payload.zipRadius;\r\n this.orderFlowDetails.availableCount = payload.availableCount;\r\n this.orderFlowDetails.crossStateBoundary = payload.crossStateBoundary;\r\n this.orderFlowDetails.includePhoneNumber = payload.includePhoneNumber;\r\n this.orderFlowDetails.isOwnListUploaded = payload.isOwnListUploaded;\r\n\r\n await this.#updateOrderState();\r\n }\r\n\r\n async resetProspectingZipCodes() {\r\n\r\n this.orderFlowDetails.targetCount = null;\r\n this.orderFlowDetails.totalPrice = null;\r\n this.orderFlowDetails.unitPrice = null;\r\n this.orderFlowDetails.zipCodes = null;\r\n this.orderFlowDetails.zipRadius = null;\r\n this.orderFlowDetails.availableCount = null;\r\n this.orderFlowDetails.crossStateBoundary = null;\r\n this.orderFlowDetails.includePhoneNumber = null;\r\n }\r\n\r\n async resetOrderState() {\r\n await this.#reset();\r\n }\r\n\r\n async reloadOrderState(orderFlowDetails) {\r\n\r\n Object.assign(this.orderFlowDetails, orderFlowDetails);\r\n\r\n }\r\n\r\n async uploadRecipients(file) {\r\n return await this.store.api.post(`/site/address-list/upload`, file);\r\n }\r\n\r\n // #region Private Methods ----\r\n\r\n async getPunchoutTicket(payload) {\r\n\r\n const response = await this.store.api.post(`/site/punch-out/ticket`, payload);\r\n\r\n return response\r\n\r\n }\r\n\r\n async commitPunchoutTicket(payload) {\r\n\r\n const response = await this.store.api.post(`/site/punch-out/commit-order`, payload);\r\n\r\n\r\n this.orderFlowDetails.pageFlexOrderId = response.orderId;\r\n\r\n await this.#updateOrderState();\r\n\r\n }\r\n async commitPunchOutForDownload(payload) {\r\n //return await this.store.api.post(`/site/punch-out/commit-order`, payload);\r\n return await this.store.api.post(`/site/customize-download`, payload);\r\n }\r\n\r\n #reset() {\r\n this.orderFlowDetails.id = '';\r\n this.orderFlowDetails.cartId = '00000000-0000-0000-0000-000000000000';\r\n this.orderFlowDetails.parentId = '';\r\n this.orderFlowDetails.statCode = '';\r\n this.orderFlowDetails.channelType = '';\r\n this.orderFlowDetails.oppId = '';\r\n this.orderFlowDetails.docId = '';\r\n this.orderFlowDetails.previewUrl = '';\r\n this.orderFlowDetails.oppType = '';\r\n this.orderFlowDetails.programType = '';\r\n this.orderFlowDetails.productType = '';\r\n this.orderFlowDetails.userState = '';\r\n this.orderFlowDetails.productId = null;\r\n this.orderFlowDetails.recipients = [];\r\n this.orderFlowDetails.mailContacts = [];\r\n this.orderFlowDetails.pdfFinalApproval = false;\r\n this.orderFlowDetails.acceptTermsAndConditions = false;\r\n this.orderFlowDetails.willNotUseMassachusetts = false;\r\n Object.assign(this.orderFlowDetails.dropDetails, { dropType: '', frequency: '', numberOfMailings: 0, startDate: new Date(), mailingDetails: [] });\r\n this.orderFlowDetails.states = '';\r\n this.orderFlowDetails.targetCount = 0;\r\n this.orderFlowDetails.totalPrice = 0.00;\r\n this.orderFlowDetails.unitPrice = 0.00;\r\n this.orderFlowDetails.zipCodes = '';\r\n this.orderFlowDetails.zipRadius = 0;\r\n this.orderFlowDetails.availableCount = 0;\r\n this.orderFlowDetails.crossStateBoundary = false;\r\n this.orderFlowDetails.includePhoneNumber = false;\r\n this.orderFlowDetails.pageFlexDocumentId = '';\r\n this.orderFlowDetails.pageFlexOrderId = '';\r\n this.orderFlowDetails.isMultiChannel = false;\r\n this.orderFlowDetails.subscriptionPeriod = 0;\r\n this.orderFlowDetails.seasonalSummary = [];\r\n this.orderFlowDetails.isOwnListUploaded = null;\r\n this.orderFlowDetails.isStateSaved = null;\r\n\r\n }\r\n async newLogin() {\r\n this.#reset();\r\n await this.#init();\r\n }\r\n\r\n\r\n #resetDropDetails() {\r\n\r\n this.orderFlowDetails.dropDetails.frequency = '';\r\n this.orderFlowDetails.dropDetails.numberOfMailings = '';\r\n this.orderFlowDetails.dropDetails.mailingDetails = [];\r\n }\r\n\r\n async #init() {\r\n\r\n this.#setCartId();\r\n this.#setUserState();\r\n\r\n }\r\n\r\n #setCartId() {\r\n if (site.cart\r\n && site.cart.current\r\n && site.cart.current.id)\r\n this.orderFlowDetails.cartId = site.cart.current.id;\r\n }\r\n\r\n #setUserState() {\r\n\r\n if (site.agencyDetails\r\n && site.agencyDetails.selectedAgencyDetails\r\n && site.agencyDetails.selectedAgencyDetails.companySegment\r\n && site.agencyDetails.selectedAgencyDetails.companySegment.addresses[0].state)\r\n this.orderFlowDetails.userState = site.agencyDetails.selectedAgencyDetails.companySegment.addresses[0].state;\r\n\r\n }\r\n\r\n async deleteOrderState(id) {\r\n return await this.store.api.delete(`/site/user/current/order-state/${id}`);\r\n }\r\n\r\n async getOrderState(id) {\r\n const newOrderState = await this.store.api.get(`/site/user/current/order-state/${id}`);\r\n Object.assign(this.orderFlowDetails, newOrderState.model);\r\n return newOrderState;\r\n }\r\n\r\n async getOrderStates(id) {\r\n return await this.store.api.get(`/site/user/current/order-states/${id}`);\r\n }\r\n\r\n async #updateOrderState() {\r\n const payload = {\r\n orderState: {}\r\n };\r\n\r\n Object.assign(payload.orderState, this.orderFlowDetails);\r\n\r\n const response = await this.store.api.put(`/site/user/current/order-state`, payload);\r\n Object.assign(this.orderFlowDetails, response.model);\r\n }\r\n\r\n async getProspectCount(payload) {\r\n return await this.store.api.post(`/site/prospecting/count`, payload);\r\n }\r\n\r\n async getProspectPrice(payload) {\r\n return await this.store.api.post(`/site/prospecting/price`, payload);\r\n }\r\n\r\n async getProspectCountPrice(payload) {\r\n return await this.store.api.post(`/site/prospecting/count-price`, payload);\r\n }\r\n\r\n async getRelationMarketingSummary(period) {\r\n return await this.store.api.post('/site/relationship-marketing/summary', { \"subscriptionPeriod\": period });\r\n }\r\n\r\n async getProductItemNumber() {\r\n\r\n const response = await this.store.api.get(`/api/store/product/${this.orderFlowDetails.productId}`);\r\n\r\n return response?.model?.itemNumber;\r\n }\r\n\r\n\r\n async addNewProspectingMailList(recipients, listName) {\r\n\r\n let request = {\r\n name: listName,\r\n mailContacts: recipients\r\n };\r\n\r\n const response = await this.store.api.post(`/site/prospecting/mail-list`, request)\r\n\r\n return response;\r\n }\r\n\r\n async getAllMailLists() {\r\n\r\n return await this.store.api.get(`/api/search/mail-list/row`);\r\n\r\n\r\n }\r\n\r\n async getMailListContactsById(mailListId) {\r\n return await this.store.api.get(`site/prospecting/mail-list/${mailListId}`);\r\n }\r\n\r\n async deleteMailListContactsById(mailListId) {\r\n await this.store.api.delete(`site/prospecting/mail-list/${mailListId}`);\r\n }\r\n\r\n async addMailContacts(mailContacts, isOwnListUploaded, unitPrice) {\r\n\r\n this.orderFlowDetails.mailContacts = [];\r\n\r\n this.orderFlowDetails.mailContacts.push(...mailContacts);\r\n\r\n this.orderFlowDetails.targetCount = this.orderFlowDetails.mailContacts.length;\r\n if (unitPrice) {\r\n this.orderFlowDetails.unitPrice = unitPrice;\r\n }\r\n this.orderFlowDetails.isOwnListUploaded = isOwnListUploaded;\r\n\r\n await this.#updateOrderState();\r\n }\r\n\r\n async addPolicyHolders(mailContacts) {\r\n\r\n this.orderFlowDetails.mailContacts = [];\r\n\r\n this.orderFlowDetails.mailContacts.push(...mailContacts);\r\n\r\n await this.#updateOrderState();\r\n }\r\n\r\n async addSubscriptionPolicyHolders(mailContacts) {\r\n\r\n this.orderFlowDetails.mailContacts = [];\r\n this.orderFlowDetails.mailContacts.push(...mailContacts);\r\n\r\n const payload = {\r\n orderState: {}\r\n };\r\n\r\n Object.assign(payload.orderState, this.orderFlowDetails);\r\n const response = await this.store.api.put(`/site/user/current/order-state/subscription`, payload);\r\n Object.assign(this.orderFlowDetails, response.model);\r\n }\r\n\r\n getExpressOrderItemInCart() {\r\n return site.cart?.current?.items.filter(item => item?.product?.attributes?.isExpressOrderingAllowed).length > 0;\r\n }\r\n\r\n getOrderItemInCart(productId) {\r\n return site.cart?.current?.items.filter(item => item?.product?.id === productId && item?.product?.attributes?.isPersonalizable).length > 0;\r\n }\r\n\r\n getItemInCart() {\r\n return site.cart?.current?.items.length > 0;\r\n }\r\n\r\n async sendPageFlexDocument(productUserCustomDownloadId) {\r\n if (isNotEmpty(productUserCustomDownloadId)) {\r\n var response = await this.store.api.post(`/site/welcome-kit/send-email-review/${productUserCustomDownloadId}`);\r\n\r\n if (response && response.succeeded) {\r\n site.toast.success('Email has been sent successfully');\r\n } else {\r\n site.toast.error('Error while sending an email. please contact system administrator', 'Error');\r\n }\r\n }\r\n }\r\n async saveForLaterInLocal() {\r\n this.orderFlowDetails.isStateSaved = true;\r\n }\r\n\r\n async enableSaveForLater(orderStateId = null, parentOrderStateId = null) {\r\n return await this.setSaveForLater(true, orderStateId, parentOrderStateId);\r\n }\r\n\r\n async getSavedItems() {\r\n return await this.store.api.get('/site/user/current/saved-items')\r\n }\r\n\r\n async getOrderStateByProductId(id) {\r\n return await this.store.api.get(`/site/user/current/order-state-by-product/${id}`)\r\n }\r\n}\r\n","// AgencyDetails\r\n// Services and actions related to agencies.\r\n\r\n// Imports ----\r\nimport { reactive, ref } from 'vue';\r\n\r\nconst INIT_AGENCY_ID_KEY = 'agencyId';\r\n\r\nexport default class AgencyDetails {\r\n\r\n // Constructor\r\n constructor(store) {\r\n // This will typically be a subclass of NucleusStore\r\n this.store = store;\r\n\r\n this.agencyDefaultId = ref(null);\r\n\r\n this.defaultAgency = reactive({\r\n id:0,\r\n name:'',\r\n statCode: '',\r\n isOwnerMaster: false,\r\n isLicenseNumberRequired: false\r\n });\r\n\r\n this.selectedAgencyDetails = reactive({});\r\n\r\n this.isAgencySelectedOnce = ref(false)\r\n\r\n this.selectedAgencyIgniteDetails = reactive({\r\n \"discountShortCode\": \"\",\r\n \"discountCode\": \"\",\r\n \"discountName\": null,\r\n \"discountDescription\": \"\",\r\n \"discountValue\": 0,\r\n \"usage\": 0,\r\n \"remaining\": 0,\r\n \"statId\": \"\",\r\n \"igniteStatus\": \"\",\r\n \"subTier\": \"\",\r\n \"reductionRate\": 0.0\r\n });\r\n\r\n store.onSignedIn(() => {\r\n this.loadDefaultAgency();\r\n });\r\n }\r\n\r\n\r\n // #region Getters & Setters ----\r\n\r\n // #endregion\r\n\r\n\r\n\r\n // #region Public Methods ----\r\n /**\r\n * Goes out and gets the current agency ID\r\n */\r\n async loadDefaultAgency() {\r\n const response = await this.store.api.get(`/site/user/current/agency`);\r\n\r\n this.agencyDefaultId.value = response.agencyId;\r\n this.defaultAgency.id = response.agencyId;\r\n this.defaultAgency.name = response.agencyName;\r\n this.defaultAgency.statCode = response.statId;\r\n this.defaultAgency.isOwnerMaster = response.isOwnerMaster;\r\n this.defaultAgency.isLicenseNumberRequired = response.isLicenseNumberRequired;\r\n\r\n if (this.agencyDefaultId.value > 0) {\r\n this.loadAgencyDetails();\r\n this.loadAgencyIgniteDetails();\r\n } else {\r\n //reset the selected agency\r\n // reactive was not wotking so had to delete each property of an object to reset the state\r\n // TODO: research why replacing with {} was not working\r\n Object.keys(this.selectedAgencyDetails).forEach((key) => {\r\n delete this.selectedAgencyDetails[key];\r\n })\r\n }\r\n }\r\n\r\n /**\r\n * get the selected agncy details \r\n */\r\n async loadAgencyDetails() {\r\n\r\n Object.assign(this.selectedAgencyDetails, await this.store.api.get(`/site/user/current/agency-detail`));\r\n \r\n }\r\n\r\n /**\r\n * get the selected agency ignite details\r\n */\r\n async loadAgencyIgniteDetails() {\r\n\r\n Object.assign(this.selectedAgencyIgniteDetails, await this.store.api.get(`/site/user/current/agency-ignite-detail`));\r\n return this.selectedAgencyIgniteDetails;\r\n }\r\n\r\n /**\r\n * Sets the current agency for the logged in user \r\n * @param selectId - The ID of the selected agency \r\n */\r\n async setDefaultAgency(selectId) {\r\n const payload = { id: selectId }\r\n const response = await this.store.api.post(`/site/user/current/agency`, payload);\r\n\r\n if (response.succeeded) {\r\n this.loadDefaultAgency();\r\n } else {\r\n this.store.handleApiError(response);\r\n }\r\n }\r\n\r\n /**\r\n * Return to the default agency \r\n * @param id - The ID is defaulted to 0 here \r\n * @param isDefault - needs to be passed as true \r\n */\r\n async returnToDefault(payload) {\r\n const response = await this.store.api.post(`/site/user/current/agency`, payload);\r\n if (response.succeeded) { \r\n this.loadDefaultAgency();\r\n } else {\r\n this.store.handleApiError(response);\r\n }\r\n }\r\n\r\n /**\r\n * adds an email preference for user agency.\r\n * @param addAgencyPayload - The details of the email that we are creating \r\n * @param companySegmentId - ID that is passed to create the payload \r\n */\r\n async addAgencyEmail(addAgencyPayload, companySegmentId) {\r\n\r\n let request = {\r\n companySegmentId: companySegmentId,\r\n name: addAgencyPayload.name,\r\n email: addAgencyPayload.email\r\n }\r\n\r\n return await this.store.api.post(`/site/user/current/add-agency-email`, request);\r\n\r\n }\r\n\r\n /**\r\n * updates an email preference for user agency.\r\n * @param editAgencyPayload - An object of the details of the email being edited \r\n */\r\n async updateAgencyEmail(editAgencyPayload) {\r\n\r\n let request = {\r\n emailId: editAgencyPayload.emailId,\r\n name: editAgencyPayload.name,\r\n email: editAgencyPayload.email\r\n }\r\n\r\n return await this.store.api.put(`/site/user/current/update-agency-email`, request);\r\n }\r\n\r\n /**\r\n * deletes an email preference for user agency.\r\n * @param emailId - the id of the agency email we are deleting \r\n */\r\n async deleteAgencyEmail(emailId) {\r\n\r\n return await this.store.api.delete(`/site/user/current/delete-agency-email/` + emailId);\r\n }\r\n\r\n async getAgencies(payload) {\r\n return await this.store.api.post(`/site/agencies/list`, payload);\r\n }\r\n\r\n removeInitialAgencyId() {\r\n localStorage.removeItem(INIT_AGENCY_ID_KEY);\r\n }\r\n storeInitialAgencyId(agencyId) {\r\n localStorage.setItem(INIT_AGENCY_ID_KEY, agencyId);\r\n }\r\n getInitialAgencyId() {\r\n return localStorage.getItem(INIT_AGENCY_ID_KEY);\r\n }\r\n\r\n\r\n async getAgencySubCodes(oppId) {\r\n return await this.store.api.get(`/site/user/current/agencies-by-ownermaster-agency?crossSellTypeCode=${oppId}`);\r\n }\r\n\r\n async getAgencyDetails(statCode) {\r\n return await this.store.api.get(`/site/agency/${statCode}/detail-statcode`);\r\n }\r\n\r\n async updateAgencyAddress(agencyAddress) {\r\n return await this.store.api.put(`/site/agency-address/${agencyAddress.id}`, agencyAddress);\r\n }\r\n // #region Private Methods ----\r\n\r\n // #endregion\r\n}\r\n\r\n","// ImageLibrary\r\n// Services to all things image Library\r\n\r\nexport default class CrossSell {\r\n // Constructor\r\n constructor(store) {\r\n // This will typically be a subclass of NucleusStore\r\n this.store = store;\r\n }\r\n\r\n /**\r\n * Get the current users image Library\r\n */\r\n async getUsersImages() {\r\n\r\n return await this.store.api.get('/api/images/user/');\r\n\r\n }\r\n\r\n /**\r\n * Delete an image based on the image ID\r\n */\r\n async deleteUsersImages(id) {\r\n\r\n return await this.store.api.delete('/api/image/' + id);\r\n\r\n }\r\n\r\n /**\r\n * Rename an image based on the image ID\r\n */\r\n async postRenameImage(id, name) {\r\n\r\n return await this.store.api.post('/api/image/rename?id=' + id + '&name=' + name);\r\n\r\n }\r\n\r\n /**\r\n * Search for user image \r\n * TODO: Refacrot to use the search API\r\n */\r\n async searchUsersImages(modelTypeId, payload) {\r\n\r\n return await this.store.api.post('/api/search/images-for-user/' + modelTypeId, payload);\r\n\r\n }\r\n\r\n /**\r\n * Upload an image for a user \r\n */\r\n async uploadUsersImages(payload) {\r\n\r\n return await this.store.api.post('/api/image/user-library/', payload);\r\n\r\n }\r\n}","// UserFromBridge\r\n// Queries the bridge for user info \r\n\r\nexport default class UserFromBridge {\r\n // Constructor\r\n constructor(store) {\r\n // This will typically be a subclass of NucleusStore\r\n this.store = store;\r\n }\r\n\r\n\r\n /**\r\n * Returns all of the user data including agency emails, agency details and addresses \r\n */\r\n async getUserInfo() {\r\n return await this.store.api.get(`/site/user/current/profile`);\r\n }\r\n\r\n async getBridgeUserAccount() {\r\n return await this.store.api.get(`/site/user/current/bridge-user`);\r\n }\r\n\r\n\r\n}","// Opportunities\r\n// Services to all things cross sell \r\n\r\nexport default class Opportunities {\r\n // Constructor\r\n constructor(store) {\r\n // This will typically be a subclass of NucleusStore\r\n this.store = store;\r\n }\r\n\r\n /**\r\n * Get the current agency for the logged in user \r\n */\r\n async setEnrollment(agenyCode, oppType, licenseNumber) {\r\n return await this.store.api.post(`site/cross-sell/opportunity/enroll`, { statCode: agenyCode, crossSellType: oppType, licenseNumber: licenseNumber });\r\n }\r\n}","// OrderDetails\r\n// Services and actions related to order details\r\n\r\nexport default class OrderDetails {\r\n\r\n // Constructor\r\n constructor(store) {\r\n this.store = store;\r\n }\r\n\r\n /**\r\n * Fetch a specific order by id\r\n * @param {string} uuid - the unique identifer for the order\r\n */\r\n async getOrderDetails(uuid) {\r\n return await this.store.api.get(`/api/store/order/${uuid}/detail`)\r\n }\r\n}","// UserRoles\r\n// Services and actions related to User Roles.\r\n\r\n// Imports ----\r\n\r\nexport default class UserRoles {\r\n\r\n // Constructor\r\n constructor(store) {\r\n // This will typically be a subclass of NucleusStore\r\n this.store = store;\r\n }\r\n\r\n // Test was added for Mock Authentication default role \r\n getRolesForAllAccess() {\r\n return [\r\n \"TM\", \"RM\", \"Employee\", \"Agent\", \"TEST\", \"MarketingAdmin\", \"Marketing\", \"Qualfon.CsdAdmin\", \"Client.Admin\", \"SA\", \"Qualfon.Csd\"\r\n ]\r\n }\r\n\r\n stateRestrictionRoles() {\r\n return [\r\n \"TM\", \"RM\", \"Agent\"\r\n ];\r\n }\r\n\r\n getRolesForAdminAccess() {\r\n return [\r\n 'Qualfon.Csd', 'Qualfon.CsdAdmin', 'Client.Admin', 'SA','MarketingAdmin'\r\n ]\r\n }\r\n\r\n showAgencyModalRoles() {\r\n return ['Agent'];\r\n }\r\n\r\n getRolesForAdminReport() {\r\n return [\r\n 'Employee', 'Marketing', 'MarketingAdmin','Qualfon.Csd','Qualfon.CsdAdmin'\r\n ]\r\n }\r\n\r\n getRolesToUpdateAgencyAddress() {\r\n return [\r\n 'Qualfon.Csd', 'Qualfon.CsdAdmin', 'Client.Admin', 'SA', 'MarketingAdmin'\r\n ]\r\n }\r\n\r\n}\r\n","// BlobService\r\n// Services and actions related to blob service.\r\n\r\n// Imports ----\r\n\r\nimport axios from 'axios';\r\n\r\nconst BASE_API_URL = process.env.VUE_APP_BASE_API_URL;\r\nconst http = axios.create({ baseURL: BASE_API_URL });\r\nexport default class Blob {\r\n // Constructor\r\n constructor(store) {\r\n // This will typically be a subclass of NucleusStore\r\n this.store = store;\r\n \r\n }\r\n\r\n async getBlob(endpoint, annonymous = false) {\r\n\r\n const headers = await this.store.authenticator.getApiHeaders();\r\n const options = {\r\n responseType: \"blob\",\r\n timeout: 30 * 1000,\r\n headers: headers\r\n }\r\n if (annonymous) {\r\n delete options.headers.Authorization;\r\n }\r\n\r\n const response = await http.get(endpoint, options);\r\n\r\n return response;\r\n }\r\n\r\n}\r\n","// StoreCart\r\n// Extended to Cart, It has only specific to store cart functions.\r\n\r\n// Imports ----\r\n\r\nexport default class StoreCart {\r\n\r\n // Constructor\r\n constructor(store) {\r\n // This will typically be a subclass of NucleusStore\r\n this.store = store;\r\n }\r\n\r\n async setShipToEmail(email) {\r\n const cartId = this.store.cart.current.id;\r\n return await this.store.api.put(`site/cart/${cartId}/ship-to/email`, { email });\r\n }\r\n}\r\n","export default class UserFeedback {\r\n constructor(store) {\r\n this.store = store;\r\n }\r\n\r\n async saveFeedBack(payload) {\r\n const response = await this.store.api.post(`/site/feedback-survey`, payload);\r\n return response;\r\n }\r\n}","export default class Banners {\r\n constructor(store) {\r\n // This will typically be a subclass of NucleusStore\r\n this.store = store;\r\n }\r\n\r\n \r\n async getBanners() {\r\n return await this.store.api.get('/site/media/banner-list');\r\n }\r\n}","// Services related to address list\r\n\r\nexport default class AddressList {\r\n\r\n // Constructor\r\n constructor(store) {\r\n this.store = store;\r\n }\r\n /**\r\n * upload excel file\r\n * @param {file} payload\r\n */\r\n async uploadAddressList(file) {\r\n return await this.store.api.put(`/api/store/cart/ship-to-contacts/upload`, file);\r\n }\r\n\r\n /**\r\n * upload excel file\r\n * @param {file} payload\r\n */\r\n async validateAddresses(addresses) {\r\n return await this.store.api.post(`/api/store/cart/ship-to-contacts/validate`, addresses);\r\n }\r\n}\r\n","// AgencyDetails\r\n// Services and actions related to agencies.\r\n\r\n// Imports ----\r\nimport { reactive } from 'vue';\r\n\r\nexport default class Reporting {\r\n // Constructor\r\n constructor(store) {\r\n // This will typically be a subclass of NucleusStore\r\n this.store = store;\r\n this.detail = reactive({});\r\n }\r\n\r\n\r\n // #region Getters & Setters ----\r\n\r\n // #endregion\r\n\r\n\r\n\r\n // #region Public Methods ----\r\n /**\r\n * Gets the report details by report id.\r\n */\r\n\r\n async getReportDetail(id) {\r\n const response = await this.store.api.get(`/site/report/${id}`);\r\n Object.assign(this.reportDetail, response);\r\n }\r\n\r\n async getEmbedToken(id) {\r\n return await this.store.api.get(`/site/report/token/${id}`);\r\n }\r\n\r\n async addFavoriteReport(id) {\r\n await this.store.api.put(`/site/report/favorites/${id}`);\r\n }\r\n\r\n async deleteFavoriteReport(id) {\r\n await this.store.api.delete(`/site/report/favorites/${id}`);\r\n }\r\n\r\n async getFavoriteReports() {\r\n return await this.store.api.get('/site/report/favorites');\r\n }\r\n\r\n async getUserReportDetail() {\r\n return await this.store.api.get(`/site/reports/`);\r\n }\r\n\r\n // #region Private Methods ----\r\n\r\n // #endregion\r\n}\r\n","import script from \"./SSORedirectPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SSORedirectPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","// UserRoles\r\n// Services and actions related to User Roles.\r\n\r\n// Imports ----\r\n\r\nexport default class ErrorHandler {\r\n\r\n // Constructor\r\n constructor(store) {\r\n // This will typically be a subclass of NucleusStore\r\n this.store = store;\r\n }\r\n\r\n handleStartOrderError(response) {\r\n if (response && response.succeeded) {\r\n return true;\r\n }\r\n else {\r\n if (response && response.messages && response.messages.length > 0) {\r\n this.store.toast.error(response.messages[0].debugMessage, 'Error');\r\n }\r\n else {\r\n this.store.toast.error(\"Error in this asset, please contact system administrator\", 'Error');\r\n }\r\n }\r\n }\r\n\r\n handleApplyDiscountError(response) {\r\n if (response && response.succeeded) {\r\n return true;\r\n }\r\n else {\r\n this.store.toast.error('The discount code you entered is invalid.', \"Discount cannot be applied.\");\r\n }\r\n }\r\n canStartOrder(productId = null) {\r\n if (this.store.personalizationInfo.getExpressOrderItemInCart()) {\r\n this.store.toast.error(\"An Express Order is already in the cart. Please complete the Express Order or remove the item from the cart to proceed.\", 'Error');\r\n return false;\r\n }\r\n else if (this.store.personalizationInfo.getOrderItemInCart(productId)) {\r\n this.store.toast.error(\"Sorry, we are unable to accommodate multiple versions for the same asset within a single order. Please place a separate order for each.\", 'Error');\r\n return false;\r\n }\r\n return true;\r\n }\r\n canStartExpressOrder() {\r\n if (this.store.personalizationInfo.getItemInCart()) {\r\n this.store.toast.error(\"An Express Order cannot be started if other items are already in the cart. Please complete your order in progress and create a separate Express Order.\", 'Error');\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n\r\n async handleSaveForLaterRequest() {\r\n const response = await this.store.personalizationInfo.enableSaveForLater();\r\n if (response.succeeded) {\r\n this.store.toast.success(\"Your item has been saved in My Account - My Saved Items.\");\r\n return true \r\n } else {\r\n this.store.toast.error(\"Error while saving items for later use. Please contact administrator\");\r\n return false;\r\n }\r\n }\r\n}\r\n","// Adobe Analytics Services\r\n// Services and actions related to Adobe analytics\r\n\r\n export const withUtag = async () => {\r\n if (window.utag) return window.utag;\r\n let i = 0;\r\n while (i < 50) {\r\n await new Promise(resolve => setTimeout(resolve, 200));\r\n if (window.utag) {\r\n console.warn(\"utag i:\", i);\r\n return window.utag;\r\n }\r\n i = i + 1;\r\n }\r\n return {view: () => { } };\r\n }\r\n\r\n\r\nexport default class AnalyticsHandler {\r\n // Constructor\r\n constructor(store) {\r\n // This will typically be a subclass of NucleusStore\r\n this.store = store;\r\n }\r\n\r\n async push(payload) {\r\n if (!payload.lob) {\r\n payload.lob = \"\";\r\n }\r\n\r\n if (!payload.productNames) {\r\n payload.productNames = \"\";\r\n }\r\n\r\n if (!payload.tileCode) {\r\n payload.tileCode = \"\";\r\n }\r\n\r\n withUtag().then(utag => utag.view({\r\n \"tileCode\": payload.tileCode,\r\n \"state\": \"--\",\r\n \"application\": \"MSC\",\r\n \"lob\": payload.lob,\r\n \"productNames\": payload.productNames,\r\n \"taskName\": \"--\",\r\n \"stepName\": \"--\"\r\n })); \r\n\r\n }\r\n\r\n}\r\n","// UserRoles\r\n// Services and actions related to User Roles.\r\n\r\n// Imports ----\r\n\r\nexport default class DownloadHandler {\r\n\r\n // Constructor\r\n constructor(store) {\r\n // This will typically be a subclass of NucleusStore\r\n this.store = store;\r\n }\r\n\r\n async handleDownload(url, fileName, annonymous = false) {\r\n if (!fileName) {\r\n const fileNameFromUrl = url.split(\"/\");\r\n fileName = fileNameFromUrl[fileNameFromUrl.length - 1];\r\n }\r\n\r\n await this.store.blob.getBlob(url, annonymous)\r\n .then(response => {\r\n if (response && response.data) {\r\n fileName = fileName ? fileName : 'download.pdf'\r\n const blob = new Blob([response.data]);\r\n const url = window.URL.createObjectURL(blob);\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('download', fileName);\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n }\r\n else {\r\n this.store.toast.error('Error while downloading the file. please contact system administrator', 'Error');\r\n }\r\n });\r\n }\r\n \r\n\r\n}\r\n","// PersonalizationInfo\r\n// Services and actions related to personalizing assets \r\n\r\n// Imports ----\r\nimport { reactive } from 'vue';\r\nimport { site } from '@/Site';\r\nimport { ChannelTypes } from '../../constants';\r\n\r\nexport default class ExpressOrderPersonalization {\r\n // Constructor\r\n constructor(store) {\r\n // This will typically be a subclass of NucleusStore\r\n this.store = store;\r\n\r\n this.bulkOrderState = reactive({\r\n id: '',\r\n cartId: '00000000-0000-0000-0000-000000000000',\r\n channelType: null,\r\n statCode: '',\r\n oppId: '',\r\n programType: '',\r\n productType: '',\r\n productId: null,\r\n orderStates: [],\r\n dropDetails: { // NEW name here for DM type \r\n dropType: '', // Or ONE \r\n frequency: '', // or bi-weekly\r\n numberOfMailings: 0, // or 2 or 3\r\n startDate: new Date(), // array based on the options above\r\n mailingDetails: []\r\n },\r\n unitPrice: 0.00,\r\n subCodesDetails: [],\r\n isSamePersonalization: false,\r\n });\r\n\r\n store.cart.onCartLoaded(async () => {\r\n await this.#init();\r\n });\r\n\r\n }\r\n\r\n\r\n\r\n /**\r\n * Add a Personalized item to the cart \r\n */\r\n async addToCart(productId, quantity) {\r\n\r\n return await this.store.api.post(`/api/store/cart/items`, { productId: productId, quantity: quantity });\r\n\r\n }\r\n\r\n async getProductDataType(productId) {\r\n\r\n return await this.store.api.get(`site/product/${productId}/has-product-data-type`);\r\n }\r\n\r\n /**\r\n * The start express Order create bulk order state.\r\n */\r\n async startOrder(bulkOrderState) {\r\n\r\n this.#setCartId();\r\n const payload = {\r\n cartId: this.bulkOrderState.cartId,\r\n productId: bulkOrderState.productId,\r\n statCode: bulkOrderState.statCode,\r\n productType: bulkOrderState.productType,\r\n programType: bulkOrderState.programType,\r\n channelType: ChannelTypes.DIRECT_MAIL,\r\n oppId: bulkOrderState.oppId,\r\n }\r\n\r\n const response = await this.store.api.post(`/site/user/current/order-state/bulk`, payload);\r\n\r\n if (response && response.succeeded) {\r\n await this.getBulkOrderState(response.id);\r\n }\r\n\r\n return response;\r\n\r\n }\r\n\r\n //TODO. Not sure this is required..\r\n\r\n async changeProductType(productType) {\r\n this.bulkOrderState.productType = productType;\r\n await this.#updateBulkOrderState();\r\n }\r\n\r\n async selectProduct(id, unitPrice) {\r\n this.bulkOrderState.productId = id;\r\n if (unitPrice) {\r\n this.bulkOrderState.unitPrice = unitPrice;\r\n }\r\n await this.#updateBulkOrderState();\r\n }\r\n\r\n async updateSubCodesDetails(reqPayload) {\r\n\r\n this.bulkOrderState.subCodesDetails = reqPayload.subCodesDetails;\r\n\r\n var payload = {\r\n bulkOrderState: this.bulkOrderState\r\n }\r\n const response = await this.store.api.put(`/site/user/current/order-state/bulk`, payload);\r\n if (response.succeeded) {\r\n Object.assign(this.bulkOrderState, response.model);\r\n }\r\n\r\n return response;\r\n }\r\n\r\n async setDropType(type) {\r\n\r\n this.bulkOrderState.dropDetails.dropType = type;\r\n this.bulkOrderState.dropDetails.startDate = null;\r\n this.bulkOrderState.dropDetails.numberOfMailings = 0;\r\n this.bulkOrderState.dropDetails.frequency = null;\r\n this.bulkOrderState.dropDetails.mailingDetails = [];\r\n await this.#updateBulkOrderState();\r\n }\r\n\r\n\r\n async setDropDetails(payload) {\r\n this.#resetDropDetails();\r\n this.bulkOrderState.dropDetails.dropType = payload.dropDetails.dropType;\r\n this.bulkOrderState.dropDetails.startDate = payload.dropDetails.startDate || '';\r\n this.bulkOrderState.dropDetails.frequency = payload.dropDetails.frequency || '';\r\n this.bulkOrderState.dropDetails.numberOfMailings = payload.dropDetails.numberOfMailings || '';\r\n this.bulkOrderState.dropDetails.mailingDetails = payload.dropDetails.mailingDetails;\r\n await this.#updateBulkOrderState();\r\n }\r\n\r\n async resetBulkOrderState() {\r\n await this.#reset();\r\n }\r\n\r\n async reloadBulkOrderState(bulkOrderState) {\r\n\r\n Object.assign(this.bulkOrderState, bulkOrderState);\r\n\r\n }\r\n\r\n // #region Private Methods ----\r\n\r\n #reset() {\r\n this.bulkOrderState.id = '';\r\n this.bulkOrderState.cartId = '00000000-0000-0000-0000-000000000000';\r\n this.bulkOrderState.statCode = '';\r\n this.bulkOrderState.channelType = '';\r\n this.bulkOrderState.oppId = '';\r\n this.bulkOrderState.programType = '';\r\n this.bulkOrderState.productType = '';\r\n this.bulkOrderState.productId = null;\r\n Object.assign(this.bulkOrderState.dropDetails, { dropType: '', frequency: '', numberOfMailings: 0, startDate: new Date(), mailingDetails: [] });\r\n this.bulkOrderState.unitPrice = 0.00;\r\n this.bulkOrderState.subCodesDetails = [];\r\n this.bulkOrderState.isSamePersonalization = false;\r\n }\r\n async newLogin() {\r\n this.#reset();\r\n await this.#init();\r\n }\r\n\r\n\r\n #resetDropDetails() {\r\n\r\n this.bulkOrderState.dropDetails.frequency = '';\r\n this.bulkOrderState.dropDetails.numberOfMailings = '';\r\n this.bulkOrderState.dropDetails.mailingDetails = [];\r\n }\r\n\r\n async #init() {\r\n this.#setCartId();\r\n }\r\n\r\n #setCartId() {\r\n if (site.cart\r\n && site.cart.current\r\n && site.cart.current.id)\r\n this.bulkOrderState.cartId = site.cart.current.id;\r\n }\r\n\r\n\r\n async getBulkOrderState(id) {\r\n const newBulkOrderState = await this.store.api.get(`/site/user/current/order-state/bulk/${id}`);\r\n Object.assign(this.bulkOrderState, newBulkOrderState.model);\r\n return newBulkOrderState.model;\r\n }\r\n\r\n async #updateBulkOrderState() {\r\n const payload = {\r\n bulkOrderState: {}\r\n };\r\n Object.assign(payload.bulkOrderState, this.bulkOrderState);\r\n const response = await this.store.api.put(`/site/user/current/order-state/bulk`, payload);\r\n Object.assign(this.bulkOrderState, response.model);\r\n }\r\n\r\n async updateBulkOrderStateSubCodes(reqPayload) {\r\n this.bulkOrderState.subCodesDetails = reqPayload.subCodesDetails;\r\n\r\n var payload = {\r\n bulkOrderState: this.bulkOrderState\r\n }\r\n\r\n const response = await this.store.api.put(`/site/user/current/order-state/bulk/dependents`, payload);\r\n if (response && response.succeeded) {\r\n const getResponse = await this.getBulkOrderState(response.bulkOrderState.id);\r\n Object.assign(this.bulkOrderState, getResponse.model);\r\n }\r\n return response;\r\n }\r\n\r\n async updateBulkOrderStateDocumentIds(reqPayload) {\r\n\r\n this.bulkOrderState.pageFlexDocumentIds = reqPayload.pageFlexDocumentIds;\r\n var payload = {\r\n bulkOrderState: this.bulkOrderState\r\n }\r\n const response = await this.store.api.put(`/site/user/current/order-state/bulk/docid`, payload);\r\n if (response && response.succeeded) {\r\n const getResponse = await this.getBulkOrderState(response.bulkOrderState.id);\r\n Object.assign(this.bulkOrderState, getResponse.model);\r\n }\r\n return response;\r\n }\r\n\r\n async updateBulkOrderStatePersonalization(reqPayload) {\r\n\r\n this.bulkOrderState.isSamePersonalization = reqPayload.isSamePersonalization;\r\n\r\n var payload = {\r\n bulkOrderState: this.bulkOrderState\r\n }\r\n const response = await this.store.api.put(`/site/user/current/order-state/bulk`, payload);\r\n if (response.succeeded) {\r\n Object.assign(this.bulkOrderState, response.model);\r\n }\r\n\r\n return response;\r\n }\r\n\r\n async getProductItemNumber() {\r\n\r\n const response = await this.store.api.get(`/api/store/product/${this.bulkOrderState.productId}`);\r\n\r\n return response?.model?.itemNumber;\r\n }\r\n\r\n async getMailingDetails(payload) {\r\n return await this.store.api.post(`/site/mailing-schedule`, payload);\r\n }\r\n\r\n async getAgencyDetails(statCodes) {\r\n return await this.store.api.post(`/site/agencies/details`, statCodes);\r\n }\r\n\r\n async placeOrder(source, isPaid, paymentProcessorId) {\r\n const response = await this.store.api.post('site/orders', { cartId: site.cart.current.id, source: source, isPaid: isPaid, paymentProcessorId: paymentProcessorId });\r\n return response;\r\n }\r\n}","// UserRoles\r\n// Services and actions related to User Roles.\r\n\r\n// Imports ----\r\n\r\nexport default class Session extends Map {\r\n\r\n set(id, value) {\r\n if (typeof value === 'object') value = JSON.stringify(value);\r\n sessionStorage.setItem(id, value);\r\n }\r\n\r\n get(id) {\r\n const value = sessionStorage.getItem(id);\r\n try {\r\n return JSON.parse(value);\r\n } catch (e) {\r\n return value;\r\n }\r\n }\r\n\r\n remove(id) {\r\n sessionStorage.removeItem(id);\r\n }\r\n \r\n}\r\n\r\nexport const session = new Session();\r\n","// SearchHandler for product search.\r\n\r\n// Imports ----\r\n\r\nimport { session } from './Session';\r\nimport { isNotEmpty } from '@/util';\r\nexport default class SearchHandler {\r\n\r\n #productFiltersKey = 'product-filters';\r\n\r\n // Constructor\r\n constructor(store) {\r\n // This will typically be a subclass of NucleusStore\r\n this.store = store;\r\n }\r\n\r\n getExistingProductFilters() {\r\n let existingFilters = session.get(this.#productFiltersKey);\r\n const filters = [];\r\n if (isNotEmpty(existingFilters)) {\r\n const keys = Object.keys(existingFilters);\r\n for (let i = 0; i < keys.length; i++) {\r\n const key = keys[i]\r\n const filter = existingFilters[key];\r\n if (isNotEmpty(filter)) {\r\n filters.push(filter);\r\n }\r\n }\r\n }\r\n return filters;\r\n }\r\n storeCurrentProductFilters(filters) {\r\n session.set(this.#productFiltersKey, filters);\r\n }\r\n removeExistingFilters() {\r\n session.remove(this.#productFiltersKey);\r\n }\r\n}\r\n","export default class MWSOptOutEmail {\r\n\r\n // Constructor\r\n constructor(store) {\r\n // This will typically be a subclass of NucleusStore\r\n this.store = store;\r\n }\r\n\r\n async trackEmail(type, guid) { \r\n return await this.store.api.get(`site/email-tracking/${type}/${guid}/add`);\r\n }\r\n}","export default class MWSEmailOptOut {\r\n\r\n // Constructor\r\n constructor(store) {\r\n // This will typically be a subclass of NucleusStore\r\n this.store = store;\r\n }\r\n\r\n async EmailOptOut(email) {\r\n return await this.store.api.post(`site/mws/email-optout?email=${email}`);\r\n }\r\n}","\r\n// Site\r\n// Defines a class derived from NucleusStore that can customize services provided at the site level.\r\n\r\n// Global Components ----\r\nimport PageTemplate from '@/template/PageTemplate';\r\nimport { EventIDs, GlobalEvents, Announcement } from '@dd-nucleus/nucleus-vue';\r\n\r\nconst { emitGlobal } = GlobalEvents();\r\n\r\n// Pages for Router\r\nimport HomePage from '@/site/HomePage.vue';\r\n\r\n// Sign In Pages \r\nimport SignInPage from './site/areas/sign-in/SignInPage.vue';\r\nimport SSOSignInPage from './site/areas/sign-in/SSOSignInPage.vue';\r\n\r\n// Account Pages (panels make up this page)\r\nimport AccountPage from './site/areas/account/AccountPage.vue';\r\n\r\n// Reporting \r\nimport ReportsHomePage from '@/site/areas/reports/ReportsHomePage.vue';\r\nimport ReportDetailsPage from '@/site/areas/reports/ReportDetailsPage.vue';\r\n\r\n// Marketing Pages \r\nimport MarketingHomePage from '@/site/areas/marketing/MarketingHomePage.vue';\r\n\r\n\r\n// Express Order Pages\r\nimport ExpressOrderConfirmation from '@/site/areas/expressorder/ExpressOrderConfirmation.vue';\r\nimport ExpressOrderPersonalizationConfirmation from '@/site/areas/expressorder/ExpressOrderPersonalizationConfirmation.vue';\r\nimport ExpressOrderSubCodes from '@/site/areas/expressorder/ExpressOrderSubCodes.vue';\r\nimport ExpressOrderStepOne from '@/site/areas/expressorder/ExpressOrderStepOne.vue';\r\nimport ExpressOrderStepTwo from '@/site/areas/expressorder/ExpressOrderStepTwo.vue';\r\nimport ExpressOrderStepThree from '@/site/areas/expressorder/ExpressOrderStepThree.vue';\r\nimport ExpressOrderStepFour from '@/site/areas/expressorder/ExpressOrderStepFour.vue';\r\nimport ExpressOrderPageFlexReturn from '@/site/areas/expressorder/PageFlexReturn.vue';\r\n\r\n\r\n// Checkout \r\nimport CartPage from '@/site/areas/cart/CartPage.vue';\r\nimport CheckoutPage from '@/site/areas/cart/CheckoutPage.vue';\r\nimport ReviewPage from '@/site/areas/cart/ReviewPage.vue';\r\nimport OrderConfirmedPage from '@/site/areas/cart/OrderConfirmedPage.vue';\r\n\r\n// Product Pages \r\nimport ProductSearchPage from './site/areas/products/ProductSearchPage.vue';\r\nimport ProductDetailPage from '@/site/areas/products/ProductDetailPage.vue';\r\n\r\n// Helper Pages \r\nimport ContactUsPage from '@/site/areas/contact/ContactUsPage.vue';\r\nimport FrequentlyAskedQuestionsPage from '@/site/areas/help-center/FrequentlyAskedQuestionsPage.vue';\r\nimport HowToVideosPage from '@/site/areas/help-center/HowToVideosPage.vue';\r\n\r\n\r\n// Cross Sell \r\nimport CrossSellHomePage from '@/site/areas/cross-sell/CrossSellHomePage.vue';\r\nimport CrossSellProgamStep1Page from '@/site/areas/cross-sell/CrossSellProgamStep1Page.vue';\r\nimport CrossSellProgamStep2Page from '@/site/areas/cross-sell/CrossSellProgamStep2Page.vue';\r\nimport CrossSellProgamStep3Page from '@/site/areas/cross-sell/CrossSellProgamStep3Page.vue';\r\nimport CrossSellProgamStep4Page from '@/site/areas/cross-sell/CrossSellProgamStep4Page.vue';\r\nimport CrossSellExpressOrderingPage from '@/site/areas/cross-sell/CrossSellExpressOrderingPage.vue';\r\nimport CrossSellSelectMultipleDropsStep3Page from '@/site/areas/cross-sell/CrossSellSelectMultipleDropsStep3Page.vue';\r\nimport CrossSellViewSummaryPage from '@/site/areas/cross-sell/CrossSellViewSummaryPage.vue';\r\nimport CrossSellViewDetailPage from '@/site/areas/cross-sell/CrossSellViewDetailPage.vue';\r\nimport ProspectingHomePage from '@/site/areas/prospecting/ProspectingHomePage.vue';\r\nimport SelectChannelPage from '@/site/areas/personalization/SelectChannelPage.vue';\r\n\r\n\r\n\r\n\r\n// Prospecting \r\nimport ProspectingStep2SelectMailListPage from '@/site/areas/prospecting/ProspectingStep2SelectMailListPage.vue';\r\nimport ProspectingStep2SelectZipCodesPage from '@/site/areas/prospecting/ProspectingStep2SelectZipCodesPage.vue';\r\nimport ProspectingStep2ZipCode from '@/site/areas/prospecting/ProspectingStep2ZipCode.vue';\r\nimport ProspectingSelectPromoteProspectsPage from '@/site/areas/prospecting/ProspectingSelectPromoteProspectsPage.vue';\r\nimport ProProspectingStep1PersonalizationPage from '@/site/areas/prospecting/ProspectingStep1PersonalizationPage.vue';\r\nimport ProspectingStep4ReviewPage from '@/site/areas/prospecting/ProspectingStep4ReviewPage.vue';\r\nimport ProspectingSelectMailScheduleStep3Page from '@/site/areas/prospecting/ProspectingSelectMailScheduleStep3Page.vue';\r\nimport ProspectingSelectMultipleDropsStep3Page from '@/site/areas/prospecting/ProspectingSelectMultipleDropsStep3Page.vue';\r\nimport RelationshipMarketingPage from '@/site/areas/retention/RelationshipMarketingPage.vue';\r\n\r\n// Retention \r\nimport RoyaltyLoyaltyMovingPage from '@/site/areas/retention/RoyaltyLoyaltyMovingPage.vue';\r\nimport RoyaltyLoyaltyWinBackPage from '@/site/areas/retention/RoyaltyLoyaltyWinBackPage.vue';\r\nimport RoyaltyLoyaltyClientReferralPage from '@/site/areas/retention/RoyaltyLoyaltyClientReferralPage.vue';\r\nimport RoyaltyLoyaltyInsuranceCheckUpPage from '@/site/areas/retention/RoyaltyLoyaltyInsuranceCheckUpPage.vue';\r\nimport MovingWithSafecoListPage from '@/site/areas/retention/moving/MovingWithSafecoListPage.vue';\r\nimport RoyaltyLoyaltyAnnualAutoViewListPage from '@/site/areas/retention/RoyaltyLoyaltyAnnualAutoViewListPage.vue';\r\n\r\n// Personalize Order Flow \r\nimport SaveForLaterConfirmation from '@/site/areas/personalization/SaveForLaterConfirmation.vue';\r\nimport PersonalizeStep1Page from '@/site/areas/personalization/PersonalizeStep1Page.vue';\r\nimport PersonalizeStep2Page from '@/site/areas/personalization/PersonalizeStep2Page.vue';\r\nimport PersonalizeStep3Page from '@/site/areas/personalization/PersonalizeStep3Page.vue';\r\nimport PersonalizeStep3WinBackPage from '@/site/areas/personalization/PersonalizeStep3WinBackPage.vue';\r\nimport PersonalizeStep3ReviewPage from '@/site/areas/personalization/PersonalizeStep3ReviewPage.vue';\r\nimport PersonalizeStep3DropDatePage from '@/site/areas/personalization/PersonalizeStep3DropDatePage.vue';\r\nimport PersonalizeStep4Page from '@/site/areas/personalization/PersonalizeStep4Page.vue';\r\nimport PersonalizeStep4MultiPage from '@/site/areas/personalization/PersonalizeStep4MultiPage.vue';\r\nimport SelectAssetPage from '@/site/areas/personalization/SelectAssetPage.vue';\r\nimport PersonalizeStep2ReviewPage from '@/site/areas/personalization/PersonalizeStep2ReviewPage.vue';\r\nimport PageFlexReturnPage from '@/site/areas/personalization/PageFlexReturnPage.vue';\r\nimport CustomizeDownloadPage from '@/site/areas/personalization/CustomizeDownloadPage.vue';\r\nimport CustomizeDownloadPageFlexReturn from '@/site/areas/personalization/CustomizeDownloadPageFlexReturn.vue';\r\nimport DownloadCustomizeAssetPage from '@/site/areas/personalization/DownloadCustomizeAssetPage.vue';\r\n\r\n\r\n// Print On Demand \r\nimport PrintOnDemandCustomizeStep1Page from '@/site/areas/print-on-demand/PrintOnDemandCustomizeStep1Page.vue';\r\nimport PrintOnDemandCustomizeStep2Page from '@/site/areas/print-on-demand/PrintOnDemandCustomizeStep2Page.vue';\r\nimport PrintOnDemandCustomizeStep3Page from '@/site/areas/print-on-demand/PrintOnDemandCustomizeStep3Page.vue';\r\nimport AnnualAutoPersonalizationSubCodesPage from '@/site/areas/annual-auto/AnnualAutoPersonalizationSubCodesPage.vue';\r\nimport AnnualAutoSelectSubCodesPage from '@/site/areas/annual-auto/AnnualAutoSelectSubCodesPage.vue';\r\nimport CustomizableDownloadStep1Page from '@/site/areas/downloads/CustomizableDownloadStep1Page.vue';\r\nimport CustomizableDownloadStep2Page from '@/site/areas/downloads/CustomizableDownloadStep2Page.vue';\r\nimport AnnualAutoExpressOrderingPage from '@/site/areas/annual-auto/AnnualAutoExpressOrderingPage.vue';\r\nimport AnnualAutoSelectChannelPage from '@/site/areas/annual-auto/AnnualAutoSelectChannelPage.vue';\r\n\r\n// Safeco Misc\r\nimport GrowYourBusinessPage from '@/site/areas/grow-your-business/GrowYourBusinessPage.vue';\r\nimport SellNewProspectsPage from '@/site/areas/find-new-customers/SellNewProspectsPage.vue';\r\nimport PromoteAnEventPage from '@/site/areas/find-new-customers/PromoteAnEventPage.vue';\r\nimport PromoteOnlinePresencePage from '@/site/areas/find-new-customers/PromoteOnlinePresencePage.vue';\r\nimport OrderMarketingMaterialsPage from '@/site/areas/find-new-customers/OrderMarketingMaterialsPage.vue';\r\nimport IncreaseRetentionAddValuePage from '@/site/areas/increase-retention/IncreaseRetentionAddValuePage.vue';\r\nimport MyFavoriteMarketingMaterialsPage from '@/site/areas/my-pages/MyFavoriteMarketingMaterialsPage.vue';\r\nimport MyFavoriteReportsPage from '@/site/areas/my-pages/MyFavoriteReportsPage.vue';\r\nimport MostRecentDownloadsPage from '@/site/areas/my-pages/MostRecentDownloadsPage.vue';\r\nimport AutoInsuranceBrochuresPage from '@/site/areas/top-picks/AutoInsuranceBrochuresPage.vue';\r\nimport HomeInsuranceBrochuresPage from '@/site/areas/top-picks/HomeInsuranceBrochuresPage.vue';\r\nimport AnnualAutoLetterPage from '@/site/areas/top-picks/AnnualAutoLetterPage.vue';\r\nimport InsuranceCheckUpPosterPage from '@/site/areas/top-picks/InsuranceCheckUpPosterPage.vue';\r\n\r\n// Impersonation\r\nimport ImpersonationEnded from '@/site/components/ImpersonationEnded.vue';\r\nimport DeepLinkRedirect from '@/site/components/DeepLinkRedirect.vue';\r\n\r\n//Terms and Conditions\r\nimport TermsAndConditions from '@/site/areas/terms-conditions/TermsAndConditions.vue';\r\n\r\n// MWS Opt out\r\nimport MWSOptOutEmailPage from '@/site/areas/mws/MWSOptOutEmailPage.vue';\r\nimport MWSEmailOptOutPage from '@/site/areas/mws/MWSEmailOptOutPage.vue';\r\nimport MWSAcknowledgementPage from '@/site/areas/mws/MWSAcknowledgementPage.vue';\r\n\r\n// Imports ----\r\n// Nucelus Base \r\nimport { NucleusStore, MockAuthenticator, Shipping, Util } from '@dd-nucleus/nucleus-vue';\r\nimport SSOAuthenticator from '@/site/services/authentication/SSOAuthenticator';\r\n\r\n// Custom Services for Safeco\r\nimport PaymentInfo from '@/site/services/PaymentInfo';\r\nimport PersonalizationInfo from '@/site/services/PersonalizationInfo';\r\nimport AgencyDetails from '@/site/services/AgencyDetails';\r\nimport ImageLibrary from '@/site/services/ImageLibrary';\r\nimport UserFromBridge from '@/site/services/UserFromBridge';\r\nimport Opportunities from '@/site/services/Opportunities';\r\nimport OrderDetails from '@/site/services/OrderDetails';\r\nimport UserRoles from '@/site/services/UserRoles';\r\nimport BlobService from '@/site/services/BlobService';\r\nimport StoreCart from '@/site/services/StoreCart';\r\nimport UserFeedback from '@/site/services/UserFeedback';\r\nimport Banner from '@/site/services/Banner';\r\n\r\nimport AddressList from '@/site/services/AddressList';\r\nimport Reporting from '@/site/services/Reporting';\r\n\r\nimport SSORedirect from './site/areas/sign-in/SSORedirectPage.vue';\r\n\r\nimport ErrorHandler from '@/site/services/ErrorHandler';\r\nimport AnalyticsHandler from '@/site/services/AnalyticsHandler';\r\nimport DownloadHandler from '@/site/services/DownloadHandler';\r\n\r\nimport ExpressOrderPersonalizationInfo from '@/site/services/ExpressOrderPersonalizationInfo';\r\nimport SearchHandler from '@/site/services/SearchHandler';\r\n\r\nimport MWSOptOutEmail from '@/site/services/MWSOptOutEmail';\r\nimport MWSEmailOptOut from '@/site/services/MWSEmailOptOut';\r\n\r\nconst reportMapping = [\r\n { oldReportId: 51, id: 3, name: \"Annual Auto\" }\r\n]\r\n\r\n\r\nexport default class Site extends NucleusStore {\r\n // Constructor\r\n constructor() {\r\n super();\r\n\r\n // Set site to require authentication before seeing any pages\r\n this.requireAuthentication = true;\r\n\r\n // Add ASP.NET authentication\r\n // Looks a the VUE_APP_MOCK_AUTH_ENABLED var in .env to decide which auth to use \r\n if (process.env.VUE_APP_MOCK_AUTH_ENABLED == \"false\") {\r\n this.authenticator = new SSOAuthenticator(this);\r\n } else {\r\n this.authenticator = new MockAuthenticator(this);\r\n }\r\n\r\n this.paymentInfo = new PaymentInfo(this);\r\n this.personalizationInfo = new PersonalizationInfo(this);\r\n this.agencyDetails = new AgencyDetails(this);\r\n this.imageLibrary = new ImageLibrary(this);\r\n this.userFromBridge = new UserFromBridge(this);\r\n this.opportunities = new Opportunities(this);\r\n this.shipping = new Shipping(this);\r\n this.orderDetails = new OrderDetails(this);\r\n this.userRoles = new UserRoles(this);\r\n this.banners = new Banner(this);\r\n\r\n this.userFeedback = new UserFeedback(this);\r\n // add upload address list\r\n this.addressList = new AddressList(this);\r\n this.reporting = new Reporting(this);\r\n this.blob = new BlobService(this);\r\n this.storeCart = new StoreCart(this);\r\n this.errorHandler = new ErrorHandler(this);\r\n this.downloadHandler = new DownloadHandler(this);\r\n \r\n\r\n this.announcement = new Announcement(this);\r\n\r\n\r\n \r\n\r\n this.analyticsHandler = new AnalyticsHandler(this);\r\n\r\n this.expressOrderPersonalizationInfo = new ExpressOrderPersonalizationInfo(this);\r\n this.searchHandler = new SearchHandler(this);\r\n\r\n this.mwsOptOutEmail = new MWSOptOutEmail(this);\r\n this.mwsEmailOptOut = new MWSEmailOptOut(this);\r\n }\r\n\r\n /**\r\n * Initializes the site.\r\n * @param {any} options\r\n */\r\n async initialize(options) {\r\n await super.initialize(options);\r\n }\r\n\r\n // #region Services\r\n\r\n paymentInfo;\r\n personalizationInfo;\r\n agencyDetails;\r\n imageLibrary;\r\n userFromBridge;\r\n opportunities;\r\n shipping;\r\n orderDetails;\r\n blob;\r\n storeCart;\r\n errorHandler;\r\n downloadHandler;\r\n\r\n expressOrderPersonalizationInfo;\r\n\r\n analyticsHandler;\r\n searchHandler;\r\n\r\n\r\n // #endregion\r\n\r\n // #region Public Methods ----\r\n /**\r\n * @deprecated Use function with the same name from util.js.\r\n */\r\n convertNumberToCurrency(price) {\r\n price = price ? price : 0;\r\n return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(price);\r\n }\r\n\r\n // Utility Method for finding the last day of the month\r\n // TODO: May want to consider moving this to the base util.js\r\n getDaysInMonth(year, month) {\r\n return new Date(year, month, 0).getDate();\r\n }\r\n\r\n formatDisplayDate(date) {\r\n if (date) {\r\n return new Date(date).toLocaleDateString('en-US', { year: 'numeric', month: '2-digit', day: '2-digit' });\r\n }\r\n return '';\r\n }\r\n\r\n\r\n async mockSignIn(username, statCode1, statCode2) {\r\n let response = await this.api.post('site/asp-net-auth-mock/login?username=' + username + '&statCode1=' + statCode1 + '&statCode2=' + statCode2);\r\n site.cart.loadCart();\r\n site.personalizationInfo.newLogin();\r\n this.emitSignedIn();\r\n return response;\r\n }\r\n\r\n emitSignedIn() {\r\n emitGlobal(this.authenticator.EventIDs.AUTH_SIGNED_IN);\r\n }\r\n // Calendar \r\n async getUsersCalendar() {\r\n return await this.api.get('/site/calendar/events');\r\n }\r\n\r\n async getLegacyOrderDetails(orderNumber) {\r\n return await this.api.get(`site/order/${orderNumber}/detail`);\r\n }\r\n\r\n async postCalendarEvent(payload) {\r\n console.warn(\"payload:\", payload)\r\n return 'YEAHHHH'\r\n //TODO find the real end point \r\n //return await this.api.post('/api/user/current/calendar', payload);\r\n\r\n }\r\n\r\n // Safeco SSO Authentication \r\n async signWithUserId(userId, router, deepLink) {\r\n const isSignedIn = await this.authenticator.signIn(userId);\r\n if (isSignedIn) {\r\n if (deepLink) {\r\n this.navigatingTo = this.createDeepLinkRoute(deepLink);\r\n }\r\n sessionStorage.setItem('logged-in', 'true');\r\n this.postSignedIn(router);\r\n }\r\n }\r\n\r\n // Safeco SSO Authentication \r\n async signOut(router) {\r\n super.signOut(router);\r\n sessionStorage.removeItem('logged-in');\r\n }\r\n\r\n async handleUnauthorizedError(router) {\r\n sessionStorage.removeItem('logged-in');\r\n this.authenticator.removeLoginToken();\r\n router.push(this.authenticator.getSignInRoute());\r\n }\r\n\r\n createDeepLinkRoute(deepLink) {\r\n if (deepLink) {\r\n const url = deepLink.split(\"?\");\r\n if (url && url.length > 1) {\r\n const urlParams = new URLSearchParams(url[1]);\r\n let query = {\r\n redirectUrl: url[0]\r\n };\r\n for (const [key, value] of urlParams) {\r\n query[key] = value;\r\n }\r\n return {\r\n name: 'DeepLinkRedirect',\r\n query: query\r\n };\r\n } else {\r\n return deepLink;\r\n }\r\n }\r\n return null;\r\n }\r\n\r\n // setupVue()\r\n // Called to allow this object to modify the Vue app if necessary.\r\n setupVue(vueApp) {\r\n super.setupVue(vueApp);\r\n\r\n // Add any statements here to modify the Vue application supplied\r\n\r\n // Register global components\r\n vueApp.component('PageTemplate', PageTemplate);\r\n }\r\n\r\n\r\n\r\n\r\n // createVueRouter()\r\n // Called to allow the site to add any needed routes. Use the helper methods as shown below.\r\n createVueRouter() {\r\n // Here, create the list of routes that apply specifically to this site.\r\n // NOTE: If authentication is required, defining a route to the path '/' will cause an error.\r\n // In that case a route with name == 'Home' is also required, which is where users will land after signing in.\r\n // this.addRoute(\"/account/:section?\", \"Account\", AccountPage);\r\n this.addRoute(\"/account/:section?/:id?\", \"Account\", AccountPage);\r\n\r\n this.addRoute(\"/\", \"Home\", HomePage);\r\n this.addRoute(\"/home\", \"Home\", HomePage);\r\n\r\n if (process.env.VUE_APP_MOCK_AUTH_ENABLED == \"false\") {\r\n this.addPublicRoute(\"/sign-in\", \"SignIn\", SSOSignInPage);\r\n } else {\r\n // Sign-in\r\n this.addPublicRoute(\"/sign-in\", \"SignIn\", SignInPage);\r\n }\r\n\r\n //SSO Redirect\r\n this.addPublicRoute(\"/sso-redirect\", \"SSORedirect\", SSORedirect);\r\n\r\n // Helper Pages \r\n this.addRoute(\"/contact-us\", \"ContactUsPage\", ContactUsPage);\r\n this.addRoute(\"/faq\", \"FrequentlyAskedQuestionsPage\", FrequentlyAskedQuestionsPage);\r\n this.addRoute(\"/how-to-videos\", \"HowToVideosPage\", HowToVideosPage);\r\n\r\n // Cart / Checkout \r\n this.addRoute(\"/cart\", \"CartPage\", CartPage);\r\n this.addRoute(\"/checkout/:section?\", \"Checkout\", CheckoutPage);\r\n this.addRoute(\"/review\", \"Review\", ReviewPage);\r\n this.addRoute(\"/order-confirmed/:id?\", \"OrderConfirmed\", OrderConfirmedPage);\r\n\r\n // Products \r\n this.addRoute(\"/products\", \"ProductSearch\", ProductSearchPage);\r\n this.addRoute(\"/product/:id\", \"ProductDetail\", ProductDetailPage);\r\n\r\n // Express Order\r\n this.addRoute(\"/expressorder/confirmation/:productId\", \"ExpressOrderConfirmationPage\", ExpressOrderConfirmation);\r\n this.addRoute(\"/expressorder/subcodes/:bulkOrderStateId\", \"ExpressOrderSubCodesPage\", ExpressOrderSubCodes);\r\n this.addRoute(\"/expressorder/personalization/confirmation/:bulkOrderStateId\", \"ExpressOrderPersonalizationConfirmationPage\", ExpressOrderPersonalizationConfirmation);\r\n //this.addRoute(\"/expressorder/subcodes/policyholders\", \"ExpressOrderSelectSubCodesPolicy\", ExpressOrderSelectSubCodesPolicy);\r\n this.addRoute(\"/expressorder/step-1/:bulkOrderStateId/:orderStateId?\", \"ExpressOrderStepOne\", ExpressOrderStepOne);\r\n this.addRoute(\"/expressorder/step-2/:bulkOrderStateId\", \"ExpressOrderStepTwo\", ExpressOrderStepTwo);\r\n this.addRoute(\"/expressorder/step-3/:bulkOrderStateId\", \"ExpressOrderStepThree\", ExpressOrderStepThree);\r\n this.addRoute(\"/expressorder/step-4/:bulkOrderStateId\", \"ExpressOrderStepFour\", ExpressOrderStepFour);\r\n this.addRoute(\"/expressorder/pageflex-return/:bulkOrderStateId/:orderStateId?\", \"PageFlexReturn\", ExpressOrderPageFlexReturn);\r\n\r\n\r\n // Cross Sell \r\n this.addRoute(\"/cross-sell\", \"CrossSellHome\", CrossSellHomePage);\r\n this.addRoute(\"/cross-sell/express-ordering\", \"CrossSellExpressOrderingPage\", CrossSellExpressOrderingPage);\r\n this.addRoute(\"/cross-sell/program-step-1\", \"CrossSellProgamStep1Page\", CrossSellProgamStep1Page);\r\n this.addRoute(\"/cross-sell/program-step-2\", \"CrossSellProgamStep2Page\", CrossSellProgamStep2Page);\r\n this.addRoute(\"/cross-sell/program-step-3\", \"CrossSellProgamStep3Page\", CrossSellProgamStep3Page);\r\n this.addRoute(\"/cross-sell/program-step-4\", \"CrossSellProgamStep4Page\", CrossSellProgamStep4Page);\r\n this.addRoute(\"/cross-sell/select-multiple-drops\", \"CrossSellSelectMultipleDropsStep3Page\", CrossSellSelectMultipleDropsStep3Page);\r\n this.addRoute(\"/cross-sell/view-summary/:id\", \"CrossSellViewSummaryPage\", CrossSellViewSummaryPage);\r\n this.addRoute(\"/cross-sell/view-detail/:id/:subCode\", \"CrossSellViewDetailPage\", CrossSellViewDetailPage);\r\n // Prospecting \r\n this.addRoute(\"/prospecting\", \"ProspectingHome\", ProspectingHomePage);\r\n this.addRoute(\"/prospecting/personalization-step-1\", \"ProspectingStep1PersonalizationPage\", ProProspectingStep1PersonalizationPage);\r\n this.addRoute(\"/prospecting/review-step-4\", \"ProspectingStep4ReviewPage\", ProspectingStep4ReviewPage);\r\n this.addRoute(\"/prospecting/select-promote-prospect\", \"ProspectingSelectPromoteProspectsPage\", ProspectingSelectPromoteProspectsPage);\r\n this.addRoute(\"/prospecting/step2-select-mail-list\", \"ProspectingStep2SelectMailListPage\", ProspectingStep2SelectMailListPage);\r\n this.addRoute(\"/prospecting/step2-select-zip-codes\", \"ProspectingStep2SelectZipCodesPage\", ProspectingStep2SelectZipCodesPage);\r\n this.addRoute(\"/prospecting/select-select-mail-schedule\", \"ProspectingSelectMailScheduleStep3Page\", ProspectingSelectMailScheduleStep3Page);\r\n this.addRoute(\"/prospecting/select-multiple-drops\", \"ProspectingSelectMultipleDropsStep3Page\", ProspectingSelectMultipleDropsStep3Page);\r\n\r\n // TODO: Page object is not imported/defined - this.addRoute(\"/prospecting/step-2-prospect-phone-numbers\", \"ProspectingStep2ProspectPhoneNumbers\", ProspectingStep2ProspectPhoneNumbers);\r\n this.addRoute(\"/prospecting/step-2-zip-codes\", \"ProspectingStep2ZipCode\", ProspectingStep2ZipCode);\r\n // TODO: Page object is not imported/defined - this.addRoute(\"/prospecting/program-step-3\", \"ProspectingStep3SelectMailSchedulePage\", ProspectingStep3SelectMailSchedulePage);\r\n\r\n // Retention \r\n this.addRoute(\"/retention\", \"RetentionHome\", RelationshipMarketingPage);\r\n this.addRoute(\"/retention/relationship-marketing\", \"RelationshipMarketingPage\", RelationshipMarketingPage);\r\n this.addRoute(\"/retention/moving\", \"RoyaltyLoyaltyMovingPage\", RoyaltyLoyaltyMovingPage);\r\n this.addRoute(\"/retention/win-back\", \"RoyaltyLoyaltyWinBackPage\", RoyaltyLoyaltyWinBackPage);\r\n this.addRoute(\"/retention/client-referral\", \"RoyaltyLoyaltyClientReferralPage\", RoyaltyLoyaltyClientReferralPage);\r\n this.addRoute(\"/retention/insurance-check-up\", \"RoyaltyLoyaltyInsuranceCheckUpPage\", RoyaltyLoyaltyInsuranceCheckUpPage);\r\n this.addRoute(\"/retention/moving/list\", \"MovingWithSafecoListPage\", MovingWithSafecoListPage);\r\n this.addRoute(\"/retention/annual-auto/view-detail/:id\", \"RoyaltyLoyaltyAnnualAutoViewListPage\", RoyaltyLoyaltyAnnualAutoViewListPage);\r\n\r\n this.addPublicRoute(\"/optoutacknowledge/:id\", \"optoutacknowledged\", MWSAcknowledgementPage);\r\n\r\n // Personalize Order Flow\r\n this.addRoute(\"/personalization/save-for-later/confirmation/:productId\", \"SaveForLaterConfirmationPage\", SaveForLaterConfirmation);\r\n this.addRoute(\"/personalization/step-1/:id/:parentId?/:productId?/:isMultiChannel?\", \"PersonalizeStep1Page\", PersonalizeStep1Page);\r\n this.addRoute(\"/personalization/step-2/:id\", \"PersonalizeStep2Page\", PersonalizeStep2Page);\r\n this.addRoute(\"/personalization/step-3/:id\", \"PersonalizeStep3Page\", PersonalizeStep3Page);\r\n this.addRoute(\"/personalization/step-3-win-back/:id\", \"PersonalizeStep3WinBackPage\", PersonalizeStep3WinBackPage);\r\n this.addRoute(\"/personalization/step-3-drop-date/:id\", \"PersonalizeStep3DropDatePage\", PersonalizeStep3DropDatePage);\r\n this.addRoute(\"/personalization/step-4/:id\", \"PersonalizeStep4Page\", PersonalizeStep4Page);\r\n this.addRoute(\"/personalization/step-4-multi-channel/\", \"PersonalizeStep4MultiPage\", PersonalizeStep4MultiPage);\r\n this.addRoute(\"/personalization/select-asset/:channel?/:searchTerm?\", \"SelectAssetPage\", SelectAssetPage);\r\n this.addRoute(\"/personalization/select-channel\", \"SelectChannelPage\", SelectChannelPage);\r\n this.addRoute(\"/personalization/step-3-review/:id\", \"PersonalizeStep3ReviewPage\", PersonalizeStep3ReviewPage);\r\n this.addRoute(\"/personalization/step-2-review/:id\", \"PersonalizeStep2ReviewPage\", PersonalizeStep2ReviewPage);\r\n this.addRoute(\"/personalization/pageflex-return/:id/:parentId?/:productId?/:isMultiChannel?\", \"PageFlexReturnPage\", PageFlexReturnPage);\r\n this.addRoute(\"/personalization/customize-download/\", \"CustomizeDownloadPage\", CustomizeDownloadPage);\r\n this.addRoute(\"/personalization/customize-download-return/\", \"CustomizeDownloadPageFlexReturn\", CustomizeDownloadPageFlexReturn);\r\n this.addRoute(\"/personalization/download-customize-asset/:id?\", \"DownloadCustomizeAssetPage\", DownloadCustomizeAssetPage);\r\n\r\n\r\n // Print on Demand\r\n this.addRoute(\"/print-on-demand/customize-step-1\", \"PrintOnDemandCustomizeStep1Page\", PrintOnDemandCustomizeStep1Page);\r\n this.addRoute(\"/print-on-demand/customize-step-2\", \"PrintOnDemandCustomizeStep2Page\", PrintOnDemandCustomizeStep2Page);\r\n this.addRoute(\"/print-on-demand/customize-step-3\", \"PrintOnDemandCustomizeStep3Page\", PrintOnDemandCustomizeStep3Page);\r\n\r\n // Annual Auto\r\n this.addRoute(\"/annual-auto/express-ordering\", \"AnnualAutoExpressOrderingPage\", AnnualAutoExpressOrderingPage);\r\n this.addRoute(\"/annual-auto/select-channel\", \"AnnualAutoSelectChannelPage\", AnnualAutoSelectChannelPage);\r\n this.addRoute(\"/annual-auto/personalization-sub-codes\", \"AnnualAutoPersonalizationSubCodesPage\", AnnualAutoPersonalizationSubCodesPage);\r\n this.addRoute(\"/annual-auto/select-sub-codes\", \"AnnualAutoSelectSubCodesPage\", AnnualAutoSelectSubCodesPage);\r\n\r\n // Safeco Misc\r\n this.addRoute(\"/marketing\", \"MarketingHome\", MarketingHomePage);\r\n\r\n this.addRoute(\"/grow-your-business\", \"GrowYourBusinessPage\", GrowYourBusinessPage);\r\n this.addRoute(\"/sell-new-prospects\", \"SellNewProspects\", SellNewProspectsPage);\r\n this.addRoute(\"/promote-an-event\", \"PromoteAnEvent\", PromoteAnEventPage);\r\n this.addRoute(\"/promote-online-presence\", \"PromoteOnlinePresence\", PromoteOnlinePresencePage);\r\n this.addRoute(\"/order-marketing-materials\", \"OrderMarketingMaterials\", OrderMarketingMaterialsPage);\r\n this.addRoute(\"/increase-retention-add-value\", \"IncreaseRetentionAddValue\", IncreaseRetentionAddValuePage);\r\n this.addRoute(\"/my-favorite-marketing-materials\", \"MyFavoriteMarketingMaterials\", MyFavoriteMarketingMaterialsPage);\r\n this.addRoute(\"/my-favorite-reports\", \"MyFavoriteReports\", MyFavoriteReportsPage);\r\n this.addRoute(\"/most-recent-downloads\", \"MostRecentDownloads\", MostRecentDownloadsPage);\r\n this.addRoute(\"/auto-insurance-brochures\", \"AutoInsuranceBrochures\", AutoInsuranceBrochuresPage);\r\n this.addRoute(\"/home-insurance-brochures\", \"HomeInsuranceBrochures\", HomeInsuranceBrochuresPage);\r\n this.addRoute(\"/annual-auto-letter\", \"AnnualAutoLetter\", AnnualAutoLetterPage);\r\n this.addRoute(\"/insurance-check-up-poster\", \"InsuranceCheckUpPoster\", InsuranceCheckUpPosterPage);\r\n\r\n // Customize Pages / These may need to change \r\n this.addRoute(\"/customizable-download-step1\", \"CustomizableDownloadStep1Page\", CustomizableDownloadStep1Page);\r\n this.addRoute(\"/customizable-download-step2\", \"CustomizableDownloadStep2Page\", CustomizableDownloadStep2Page);\r\n\r\n //Reporting Pages\r\n this.addRoute(\"/reports/:id?/:name?\", \"ReportsHome\", ReportsHomePage);\r\n this.addRoute(\"/report/detail/:id/:name?\", \"ReportDetails\", ReportDetailsPage);\r\n\r\n // Impersonation Pages\r\n this.addRoute(\"/impersonation-ended\", \"ImpersonationEnded\", ImpersonationEnded);\r\n\r\n //temporary deep link redirect page\r\n this.addRoute(\"/deep-link-redirect\", \"DeepLinkRedirect\", DeepLinkRedirect);\r\n\r\n //Terms and Conditions\r\n this.addRoute(\"/terms-conditions\", \"TermsAndConditions\", TermsAndConditions);\r\n\r\n // MWS Opt Out Email blank page\r\n this.addPublicRoute('/OptOutEmail', \"OptOutEmail\", MWSOptOutEmailPage);\r\n\r\n this.addPublicRoute('/EmailOptOut', \"EmailOptOut\", MWSEmailOptOutPage);\r\n\r\n // Redirects from old MSC to the new\r\n\r\n // 1 to 1 redirects from the old MSC to the new \r\n this.addRedirectRoute('/Account/OrderHistory.aspx', '/account/order-history');\r\n this.addRedirectRoute('/Brochures', '/products?f-product-format=Brochures');\r\n this.addRedirectRoute('/CMS/Page/AgentReferral', '/prospecting');\r\n this.addRedirectRoute('/CMS/Page/Brand_PostersSigns', '/products?f-product-format=Posters');\r\n this.addRedirectRoute('/CMS/Page/Retention_AnnualAuto', '/retention/annual-auto');\r\n this.addRedirectRoute('/CMS/Page/Retention_WinBack', '/retention/win-back');\r\n this.addRedirectRoute('/CMS/Page/TrainingVideos', '/how-to-videos');\r\n this.addRedirectRoute('/CMS/T1/InsuranceCheckUp', '/retention/insurance-check-up');\r\n this.addRedirectRoute('/CMS/T1/RelationshipMarketing', '/retention/relationship-marketing');\r\n this.addRedirectRoute('/CMS/T1/ProspectingAndLeads', '/prospecting');\r\n this.addRedirectRoute('/Default.aspx', '/home');\r\n this.addRedirectRoute('/Home/Index', '/home');\r\n this.addRedirectRoute('/Lists/MovingWithSafecoList.aspx', '/account/agency-lists');\r\n this.addRedirectRoute('/Lists/MyLists.aspx', '/account/agency-lists');\r\n this.addRedirectRoute('/pdfs/FAQ_hi-res.pdf', '/products?f-product-search-term=AP-3354');\r\n this.addRedirectRoute('/Prospecting', '/prospecting'); // Not sure if this is really needed since it is just case change \r\n this.addRedirectRoute('/Reporting/', '/reports');\r\n this.addRedirectRoute('/Retention/AgentReferral.aspx', '/retention/client-referral');\r\n this.addRedirectRoute('/Retention/AnnualAuto.aspx', '/retention/annual-auto');\r\n this.addRedirectRoute('/Retention/CrossSell.aspx', '/cross-sell');\r\n this.addRedirectRoute('/CrossSell/Index', '/cross-sell');\r\n this.addRedirectRoute('/Retention/MovingWithSafeco.aspx', '/retention/moving');\r\n this.addRedirectRoute('/Retention/Notecards.aspx', '/retention/relationship-marketing');\r\n this.addRedirectRoute('/Retention/WinBack.aspx', '/retention/win-back');\r\n this.addRedirectRoute('/Training/Learn.aspx', '/how-to-videos');\r\n this.addRedirectRoute('/Brand/BrandedSupplies.aspx', '/marketing');\r\n this.addRedirectRoute('/Retention/Events.aspx', '/marketing');\r\n this.addRedirectRoute('/Retention/OnlineContent.aspx', '/marketing');\r\n this.addRedirectRoute('/CMS/Page/Retention_Newsletters', '/marketing');\r\n this.addRedirectRoute('/Retention/Newsletters.aspx', '/marketing');\r\n this.addRedirectRoute('/CMS/T1/AnnualAuto', '/retention/annual-auto');\r\n this.addRedirectRoute('/CMS/T1/PrintAdvertising', '/marketing');\r\n this.addRedirectRoute('/CMS/T1/Newsletter', '/marketing');\r\n this.addRedirectRoute('/CMS/T1/ClientReferralProgram', '/retention/client-referral');\r\n this.addRedirectRoute('/CMS/T1/WinbackProgram', '/retention/win-back');\r\n this.addRedirectRoute('/CMS/T1/MovingWithSafeco', '/retention/moving');\r\n this.addRedirectRoute('/CMS/T1/OnlineContent', '/marketing');\r\n this.addRedirectRoute('/CMS/Page/Training_Learn', '/how-to-videos');\r\n this.addRedirectRoute('/CMS/T1/BrandedSupplies', '/marketing');\r\n this.addRedirectRoute('/CMS/T1/EventsSponsorship', '/marketing');\r\n this.addRedirectRoute('/CMS/Page/Retention_Notecards', '/marketing');\r\n this.addRedirectRoute('/CMS/T1/NewCustomerWelcomeKit', '/products?f-product-search-term=AP-5569E'); \r\n\r\n /* After Dave reviewed with safeco these were never filled in but may come down the road.\r\n this.addRedirectRoute('/Brand/CustomerExperience.aspx', '/asdfasdfasdfasdf');\r\n this.addRedirectRoute('/Brand/PrintAdvertising.aspx', '/asdfasdfasdfasdf');\r\n this.addRedirectRoute('/Brand/RadioAdvertising.aspx', '/asdfasdfasdfasdf');\r\n this.addRedirectRoute('/Brand/WebAdvertising.aspx', '/asdfasdfasdfasdf');\r\n this.addRedirectRoute('/CMS/Page/Brand_PrintAdvertising', '/asdfasdfasdfasdf');\r\n this.addRedirectRoute('/CMS/Page/TrackingProgram', '/asdfasdfasdfasdf');\r\n this.addRedirectRoute('/CMS/T4/QuickStartProgram', '/asdfasdfasdfasdf');\r\n */\r\n\r\n // This is for deep linking to the report page it looks for a reportId in the query parameter\r\n // it then matches that based on CONST reportMapping at the top of this file combined with the values in ReportingMainPanel\r\n // If you want to add any deep links to reports you will need to add it to the CONST reportMapping at the top of this file and match the ID and Name from ReportingMainPanel\r\n this.addVueRoute({\r\n path: '/Reporting/Report.aspx',\r\n beforeEnter: (to, from, next) => {\r\n\r\n const report = reportMapping.find(r => r.oldReportId == to.query.ReportID);\r\n\r\n if (Util.isNotEmpty(report)) {\r\n next({\r\n name: 'ReportsHome',\r\n params: {\r\n id: report.id,\r\n name: report.name\r\n }\r\n });\r\n } else {\r\n console.warn(\"No Route found based on the query parameter.\")\r\n }\r\n\r\n },\r\n });\r\n\r\n // This should take care of all of the Search / Deeplinks from the old MSC \r\n this.addVueRoute({\r\n path: '/Search.aspx',\r\n redirect: to => {\r\n let keywords = to.query.Keywords;\r\n if (keywords == 'Co-brandedPresentationFolder') {\r\n keywords = 'AP-2476;AP-9232'\r\n }\r\n\r\n \r\n \r\n return {\r\n name: 'ProductSearch',\r\n query: {\r\n 'f-product-search-term': keywords,\r\n 'f-program-type': to.query.ProgramTypeCode,\r\n 'f-product-type': to.query.ProductTypeCode,\r\n 'f-product-format': to.query.AssetFormatCode,\r\n 'f-product-category': to.query.CategoryCode\r\n }\r\n }\r\n }\r\n });\r\n\r\n // Call the base class, supplying our routes, to actually create and configure the router.\r\n const router = super.createVueRouter();\r\n\r\n // This one takes care of a majority of the list that all have to do with searches.\r\n //router.addRoute();\r\n\r\n router.beforeEach(async () => {\r\n window.scrollTo(0, 0);\r\n });\r\n\r\n return router;\r\n }\r\n\r\n /**\r\n * Refreshes all searches with the specified ID(s).\r\n * @param {...String} searchIds\r\n */\r\n refreshSearches(...searchIds) {\r\n const index = searchIds.findIndex(item => item === 'products-for-user')\r\n if (index >= 0) {\r\n searchIds.splice(index, 1, 'product-list') \r\n }\r\n emitGlobal(EventIDs.SEARCH_REFRESH_ALL, searchIds);\r\n }\r\n // #endregion\r\n}\r\nexport const DEFAULT_COUNTRY_CODE = \"US\";\r\nexport const site = new Site();\r\n","export const UnitOfMeasure = {\r\n EA: 'EA',\r\n KIT: 'KIT',\r\n BOX: 'BOX',\r\n PK: 'PK',\r\n PAD: 'PAD',\r\n CAR: 'CAR'\r\n}\r\n\r\nexport const getUnitOfMeasureFriendlyName = (product) => {\r\n if (product.unitOfMeasure) {\r\n switch (product.unitOfMeasure) {\r\n case UnitOfMeasure.EA:\r\n return product.quantityPerUnit > 1 ? 'For Pieces of ' + product.quantityPerUnit : 'Per Piece';\r\n case UnitOfMeasure.KIT:\r\n return product.quantityPerUnit > 1 ? 'For Kits of ' + product.quantityPerUnit : 'Per Kit';\r\n case UnitOfMeasure.PK:\r\n return product.quantityPerUnit > 1 ? 'For Packs of ' + product.quantityPerUnit : 'Per Pack';\r\n case UnitOfMeasure.PAD:\r\n return product.quantityPerUnit > 1 ? 'For Pads of ' + product.quantityPerUnit : 'Per Pad';\r\n case UnitOfMeasure.BOX:\r\n return product.quantityPerUnit > 1 ? 'For Boxes of ' + product.quantityPerUnit : 'Per Box';\r\n case UnitOfMeasure.CAR:\r\n return product.quantityPerUnit > 1 ? 'For Cartons of ' + product.quantityPerUnit : 'Per Carton';\r\n }\r\n }\r\n\r\n return '';\r\n}\r\n\r\nexport const ProgramType = {\r\n CROSS_SELL: 'CrossSell',\r\n PROSPECTING: 'Prospecting',\r\n ANNUAL_AUTO: 'AnnualAuto',\r\n RETENTION: 'Retention',\r\n //MOTORCYCLE: 'Motorcycle',\r\n DATA_LIST_UPLOAD: 'DataListUpload',\r\n WINBACK: 'Winback',\r\n AGENCY_REFERRAL: 'AgencyReferral',\r\n CROSS_SELL_EMAIL: 'CrossSellEmail',\r\n PET_INSURANCE: 'PetInsurance'\r\n}\r\n\r\nexport const ProductType = {\r\n HOME: 'Home',\r\n AUTO: 'Auto',\r\n CROSS_SELL_SPECIALITY: 'RV;Watercraft',\r\n MOTORCYCLE:'Motorcycle',\r\n LLP: 'LandlordProtection',\r\n UMBRELLA: 'Umbrella',\r\n OTHER: 'Other',\r\n RENTERS: 'Renters',\r\n //MOTORCYCLE: 'MOTORCYCLE',\r\n PACKAGE: 'Package',\r\n SAFECO_PACKAGE: 'SafecoPackage',\r\n PET_INSURANCE: 'Pet Insurance',\r\n EXPRESS_ORDER: 'AP-8083;AP-8083LU;AP-8084;AP-8085'\r\n}\r\n\r\nexport const ProductFormat = {\r\n CALL_SCRIPTS: 'CallScripts',\r\n LETTER: 'Letter',\r\n LETTER_TEMPLATES: 'LetterTemplates',\r\n WEBSITE_CONTENT: 'WebsiteContent'\r\n}\r\n\r\nexport const ProductSearchTerm = {\r\n PROSPECTING_OVERVIEW: 'AP-3661E',\r\n INSURANCE_CHECKUP_FORM: 'AP-9266E',\r\n INSURANCE_CHECKUP_POASTER: 'AP-4327E',\r\n MOVING_WITH_SAFECO: 'AP-4045E',\r\n WINBACK_OVERVIEW: 'AP-3647E',\r\n REFERRAL_PROGRAM_PROMOTIONAL_FLYER: 'AP-5584E',\r\n PROGRAM_POSTCARD: 'AP-5586LU',\r\n SOURCE_CODE_TRACKER_TOOL: 'AP-5397E',\r\n REFERRAL_TRACKING_SHEET: 'AP-4968E',\r\n Client_Referral: 'Referral',\r\n SPANISH: 'spanish'\r\n}\r\n\r\nexport const ProductTatic = {\r\n WINBACK: 'WinBack',\r\n PROSPECTING: 'Prospecting'\r\n}\r\n\r\nexport const TabIds = {\r\n RETENTION: 'growth-retention',\r\n PROSPECTING: 'growth-prospecting',\r\n CROSS_SELL: 'growth-cross-sell'\r\n}\r\n\r\nexport const ProductTags = {\r\n IGNITE: 'Ignite',\r\n SPANISH_ASSETS: 'SpanishLanguageAssets'\r\n}\r\n\r\nexport const ProductRestrictions = {\r\n NOTFORMA: 'NotForMA',\r\n NOTFORCO: 'NotForCO'\r\n}\r\n\r\nexport const DataListType = {\r\n NCS: 'NCS',\r\n NCS_EMAIL: 'NCSEmail',\r\n PROSPECT: 'Prospect',\r\n ANNUAL_AUTO_EXPRESS: 'AnnualAutoExpress',\r\n ANNUAL_AUTO: 'AnnualAuto',\r\n WINBACK: 'Winback',\r\n DATA_LIST_UPLOAD: 'DatalistUpload',\r\n CAUMB: 'CAUMB',\r\n LOYALTY_CARDS: 'LoyaltyCards',\r\n NCS_LANDLORD: 'NCSLandlord',\r\n POD: 'POD',\r\n AGENCY_REFERRAL: 'AgencyReferral',\r\n PET_INSURANCE: 'PetInsurance'\r\n}\r\n\r\nexport const DataListTypeToProgramType = {\r\n NCS: 'CrossSell',\r\n NCS_EMAIL: 'CrossSellEmail',\r\n PROSPECT: 'Prospecting',\r\n ANNUAL_AUTO: 'AnnualAuto',\r\n WINBACK: 'Winback',\r\n DATA_LIST_UPLOAD: 'DataListUpload',\r\n CAUMB: 'CrossSell',\r\n LOYALTY_CARDS: 'Retention',\r\n NCS_LANDLORD: 'CrossSell',\r\n POD: 'Retention',\r\n AGENCY_REFERRAL: 'AgencyReferral',\r\n PET_INSURANCE: 'PetInsurance'\r\n}\r\n\r\nexport const getProgramTypeForOrderState = (id) => {\r\n switch (id) {\r\n case DataListType.NCS:\r\n return DataListTypeToProgramType.NCS;\r\n case DataListType.NCS_EMAIL:\r\n return DataListTypeToProgramType.NCS;\r\n case DataListType.PROSPECT:\r\n return DataListTypeToProgramType.PROSPECT;\r\n case DataListType.ANNUAL_AUTO_EXPRESS:\r\n case DataListType.ANNUAL_AUTO:\r\n return DataListTypeToProgramType.ANNUAL_AUTO;\r\n case DataListType.WINBACK:\r\n return DataListTypeToProgramType.WINBACK;\r\n case DataListType.CAUMB:\r\n return DataListTypeToProgramType.CAUMB;\r\n case DataListType.LOYALTY_CARDS:\r\n return DataListTypeToProgramType.LOYALTY_CARDS;\r\n case DataListType.NCS_LANDLORD:\r\n return DataListTypeToProgramType.NCS_LANDLORD;\r\n case DataListType.DATA_LIST_UPLOAD:\r\n return DataListTypeToProgramType.DATA_LIST_UPLOAD;\r\n case DataListType.POD:\r\n return DataListTypeToProgramType.POD;\r\n case DataListType.AGENCY_REFERRAL:\r\n return DataListTypeToProgramType.AGENCY_REFERRAL;\r\n case DataListType.PET_INSURANCE:\r\n return DataListTypeToProgramType.PET_INSURANCE;\r\n default:\r\n return '';\r\n }\r\n}\r\n\r\nexport const DataListOption = {\r\n AutoCrossSell: \"H\",\r\n HomeCrossSell: \"A\",\r\n UmbrellaCrossSell: \"UR\",\r\n SpecialtyCrossSell: \"SP\",\r\n PetCrossSell: \"PI\",\r\n LandLordProtectionCrossSell: \"NWL\",\r\n UmbrellaEdcuationCrossSell: \"UE\",\r\n UmbrellaRatingsCrossSell: \"UR\",\r\n Umbrella: \"U\",\r\n UmbrellaLandlord: \"UL\",\r\n FloridaUmbrella: \"FL\",\r\n AnnualAuto: \"AA\",\r\n AnnualAutoCustomersRenewal: \"AAC\",// Made up own data list option.\r\n AgencyReferral: \"N\"\r\n\r\n}\r\n\r\nexport const DataListOptionToOppId = {\r\n AutoCrossSell: \"H\",\r\n HomeCrossSell: \"A\",\r\n UmbrellaCrossSell: \"UR\",\r\n SpecialtyCrossSell: \"SP\",\r\n LandLordProtectionCrossSell: \"LPP\",\r\n PetCrossSell:\"PI\",\r\n AnnualAutoConvert6months: \"AA\",\r\n AnnualAutoCustomersRenewal: \"AAC\", // Made up own data list option.\r\n AgencyReferral: 'N'\r\n}\r\n\r\nexport const getOppIdForOrderState = (id) => {\r\n switch (id) {\r\n case DataListOption.AutoCrossSell:\r\n return DataListOptionToOppId.AutoCrossSell;\r\n case DataListOption.HomeCrossSell:\r\n return DataListOptionToOppId.HomeCrossSell;\r\n case DataListOption.UmbrellaCrossSell:\r\n case DataListOption.UmbrellaEdcuationCrossSell:\r\n case DataListOption.UmbrellaRatingsCrossSell:\r\n case DataListOption.Umbrella:\r\n case DataListOption.UmbrellaLandlord:\r\n case DataListOption.FloridaUmbrella:\r\n return DataListOptionToOppId.UmbrellaCrossSell;\r\n case DataListOption.SpecialtyCrossSell:\r\n return DataListOptionToOppId.SpecialtyCrossSell;\r\n case DataListOption.LandLordProtectionCrossSell:\r\n return DataListOptionToOppId.LandLordProtectionCrossSell;\r\n case DataListOption.AnnualAuto:\r\n return DataListOptionToOppId.AnnualAutoConvert6months;\r\n case DataListOption.AnnualAutoCustomersRenewal:\r\n return DataListOptionToOppId.AnnualAutoCustomersRenewal;\r\n case DataListOption.AgencyReferral:\r\n return DataListOptionToOppId.AgencyReferral;\r\n default:\r\n return '';\r\n }\r\n}\r\n\r\nexport const OppIdFromSystem = {\r\n CROSS_SELL_SPECIALITY: \"specialty-cross-sell\",\r\n LPP: \"lpp\",\r\n CROSS_SELL_PET : \"pet-cross-sell\",\r\n CROSS_SELL_UMBRELLA_TO_AUTO: \"cross-sell-umbrella-to-auto\",\r\n CROSS_SELL_HOME_TO_AUTO: \"cross-sell-home-to-auto\",\r\n CROSS_SELL_AUTO_TO_HOME: \"cross-sell-auto-to-home\",\r\n ANNUAL_6_MONTH: \"annual-auto-convert-6-month-to-annual-auto\",\r\n CUSTOMER_RENEWAL: \"customers-up-for-renewal-in-the-next-3-months\",\r\n}\r\n\r\nexport const EmailMultiChannelIds = [\"specialty-cross-sell\", \"cross-sell-home-to-auto\", \"cross-sell-auto-to-home\"];\r\n\r\nexport const getOppIdFromOppId = (id) => {\r\n switch (id) {\r\n case OppIdFromSystem.CROSS_SELL_SPECIALITY:\r\n return DataListOptionToOppId.SpecialtyCrossSell;\r\n case OppIdFromSystem.LPP:\r\n return DataListOptionToOppId.LandLordProtectionCrossSell;\r\n case OppIdFromSystem.CROSS_SELL_PET:\r\n return DataListOptionToOppId.PetCrossSell;\r\n case OppIdFromSystem.CROSS_SELL_UMBRELLA_TO_AUTO:\r\n return DataListOptionToOppId.UmbrellaCrossSell;\r\n case OppIdFromSystem.CROSS_SELL_HOME_TO_AUTO:\r\n return DataListOptionToOppId.HomeCrossSell;\r\n case OppIdFromSystem.CROSS_SELL_AUTO_TO_HOME:\r\n return DataListOptionToOppId.AutoCrossSell;\r\n case OppIdFromSystem.ANNUAL_6_MONTH:\r\n return DataListOptionToOppId.AnnualAutoConvert6months;\r\n case OppIdFromSystem.CUSTOMER_RENEWAL:\r\n return DataListOptionToOppId.AnnualAutoCustomersRenewal;\r\n default:\r\n return id;\r\n }\r\n}\r\n\r\nexport const getProgramTypeFromOppId = (id) => {\r\n switch (id) {\r\n case DataListOptionToOppId.AutoCrossSell:\r\n return ProgramType.CROSS_SELL;\r\n case DataListOptionToOppId.HomeCrossSell:\r\n return ProgramType.CROSS_SELL;\r\n case DataListOptionToOppId.UmbrellaCrossSell:\r\n return ProgramType.CROSS_SELL;\r\n case DataListOptionToOppId.SpecialtyCrossSell:\r\n return ProgramType.CROSS_SELL;\r\n case DataListOptionToOppId.LandLordProtectionCrossSell:\r\n return ProgramType.CROSS_SELL;\r\n case DataListOptionToOppId.PetCrossSell:\r\n return ProgramType.PET_INSURANCE;\r\n case DataListOptionToOppId.AnnualAutoConvert6months:\r\n return ProgramType.ANNUAL_AUTO;\r\n case DataListOptionToOppId.AnnualAutoCustomersRenewal:\r\n return ProgramType.ANNUAL_AUTO\r\n default:\r\n return id;\r\n }\r\n}\r\n\r\nexport const getProductTypeFromOppId = (id) => {\r\n switch (id) {\r\n case DataListOptionToOppId.AutoCrossSell:\r\n return ProductType.AUTO;\r\n case DataListOptionToOppId.HomeCrossSell:\r\n return ProductType.HOME;\r\n case DataListOptionToOppId.UmbrellaCrossSell:\r\n return ProductType.UMBRELLA;\r\n case DataListOptionToOppId.SpecialtyCrossSell:\r\n return ProductType.CROSS_SELL_SPECIALITY;\r\n case DataListOptionToOppId.LandLordProtectionCrossSell:\r\n return ProductType.LLP;\r\n case DataListOptionToOppId.PetCrossSell:\r\n return ProductType.PET_INSURANCE;\r\n case DataListOptionToOppId.AnnualAutoConvert6months:\r\n return \"\";\r\n case DataListOptionToOppId.AnnualAutoCustomersRenewal:\r\n return \"\";\r\n default:\r\n return \"\";\r\n }\r\n}\r\n\r\nexport const getDataListTypeFromProgramType = (id) => {\r\n switch (id) {\r\n case ProgramType.CROSS_SELL:\r\n return [DataListType.NCS, DataListType.CAUMB, DataListType.NCS_LANDLORD];\r\n case ProgramType.CROSS_SELL_EMAIL:\r\n return [DataListType.NCS_EMAIL];\r\n case ProgramType.PROSPECTING:\r\n return [DataListType.PROSPECT, DataListType.DATA_LIST_UPLOAD];\r\n case ProgramType.ANNUAL_AUTO:\r\n return [DataListType.ANNUAL_AUTO, DataListType.ANNUAL_AUTO_EXPRESS];\r\n case ProgramType.RETENTION:\r\n return [DataListType.POD]; //DataListType.LOYALTY_CARDS, \r\n case ProgramType.WINBACK:\r\n return [DataListType.WINBACK];\r\n case ProgramType.PET_INSURANCE:\r\n return [DataListType.PET_INSURANCE];\r\n default:\r\n return id;\r\n }\r\n}\r\n\r\nexport const getDataListOptionFromOppId = (id) => {\r\n switch (id) {\r\n case DataListOptionToOppId.AutoCrossSell:\r\n return [DataListOption.AutoCrossSell];\r\n case DataListOptionToOppId.HomeCrossSell:\r\n return [DataListOption.HomeCrossSell];\r\n case DataListOptionToOppId.UmbrellaCrossSell:\r\n return [DataListOption.UmbrellaCrossSell,\r\n DataListOption.UmbrellaEdcuationCrossSell,\r\n DataListOption.UmbrellaRatingsCrossSell,\r\n DataListOption.Umbrella,\r\n DataListOption.UmbrellaLandlord,\r\n DataListOption.FloridaUmbrella];\r\n case DataListOptionToOppId.SpecialtyCrossSell:\r\n return [DataListOption.SpecialtyCrossSell];\r\n case DataListOptionToOppId.LandLordProtectionCrossSell:\r\n return [DataListOption.LandLordProtectionCrossSell];\r\n case DataListOptionToOppId.PetCrossSell:\r\n return [DataListOption.PetCrossSell];\r\n case DataListOptionToOppId.AnnualAutoConvert6months:\r\n return [DataListOption.AnnualAuto];\r\n case DataListOptionToOppId.AnnualAutoCustomersRenewal:\r\n return [DataListOption.AnnualAuto];\r\n default:\r\n return [id];\r\n }\r\n}\r\nexport const ReportName = {\r\n WIN_BACK_AUTO_CUSTOMER_LIST: 'Win Back Auto Customer List',\r\n}\r\nexport const MarketingMaterial = {\r\n Events_Sponsorship: 'EventsSponsorship',\r\n Online_Content: 'OnlineContent'\r\n}\r\n\r\nexport const OperationType = {\r\n CROSS_SELL: 'CrossSell',\r\n CROSS_SELL_SPECIALITY: 'Specialty'\r\n}\r\n\r\nexport const getOppTypeFromProductType = (type) => {\r\n switch (type) {\r\n case ProductType.HOME:\r\n case ProductType.AUTO:\r\n return OperationType.CROSS_SELL\r\n case ProductType.CROSS_SELL_SPECIALITY:\r\n return OperationType.CROSS_SELL_SPECIALITY\r\n default:\r\n return type\r\n }\r\n}\r\n\r\nexport const getOppIdFromProductType = (type) => {\r\n switch (type) {\r\n case ProductType.HOME:\r\n return DataListOption.HomeCrossSell\r\n case ProductType.AUTO:\r\n return DataListOption.AutoCrossSell\r\n case ProductType.CROSS_SELL_SPECIALITY:\r\n return DataListOptionToOppId.SpecialtyCrossSell\r\n default:\r\n return type\r\n }\r\n}\r\n\r\nexport const defaultShipMethodCode = \"U11\";\r\n\r\nexport const ChannelTypes = {\r\n DIRECT_MAIL: 1,\r\n EMAIL: 2,\r\n MULTIPLE_CHANNEL: 3\r\n}\r\n\r\nexport const ReportGroupType = {\r\n TopReports: 1,\r\n MailPerformanceReports: 2,\r\n ProgramReports: 3,\r\n MSCActivity: 4,\r\n MSCUserDetails: 5,\r\n MarketingSuccessTrackingPrograms: 6\r\n}\r\n\r\n\r\nexport const Indicators = {\r\n RECOMMENDED: 'Recommeded Indicators',\r\n YOUNG_DRIVER: 'Young Driver Indicators',\r\n MERIT: 'Merit Indicators'\r\n}\r\nexport const MinMailingCount = 25;\r\n\r\nexport const PunchOutActions = {\r\n CREATE: 'create',\r\n EDIT: 'edit',\r\n COMMIT: 'commit'\r\n}\r\n\r\nexport const SubCodeStatus = {\r\n NONE: 0,\r\n IN_PROGRESS: 1,\r\n COMPLETED: 2\r\n}\r\nexport const DropType = {\r\n ONE: { value: 1, text: 'ONE' },\r\n MULTIPLE: { value: 2, text: 'MULTIPLE' },\r\n NONE: { value: 0, text: 'NONE' }\r\n}\r\nexport const Frequency = {\r\n BI_WEEKLY: { value: 4, text: 'bi-weekly' }, \r\n WEEKLY: { value: 1, text: 'weekly' }\r\n}\r\nexport const TabTypes = {\r\n CROSS_SELL: 'CrossSell',\r\n PROSPECTING: 'Prospecting',\r\n RETENTION: 'Retention',\r\n ANNUAL_AUTO: 'AnnualAuto',\r\n WINBACK: 'Winback',\r\n DATA_LIST_UPLOAD: 'DataListUpload',\r\n AGENT_REFERRAL: 'AgencyReferral',\r\n PET_INSURANCE: 'PetInsurance'\r\n}\r\nexport const TabIDs = {\r\n HOME_TAB_ID: 'home',\r\n CROSS_SELL_TAB_ID: 'cross-sell',\r\n PROSPECTING_TAB_ID: 'prospecting',\r\n RETENTION_TAB_ID: 'retention',\r\n MARKETING_TAB_ID: 'marketing',\r\n REPORTS_TAB_ID: 'reports',\r\n AGENT_REFERRAL_TAB_ID: 'agency-referral'\r\n}\r\n\r\nexport const getTabName = (tabId) => {\r\n switch (tabId) {\r\n case TabTypes.CROSS_SELL:\r\n case TabTypes.PET_INSURANCE:\r\n return TabIDs.CROSS_SELL_TAB_ID;\r\n case TabTypes.PROSPECTING:\r\n case TabTypes.DATA_LIST_UPLOAD:\r\n return TabIDs.PROSPECTING_TAB_ID;\r\n case TabTypes.RETENTION:\r\n case TabTypes.WINBACK:\r\n case TabTypes.ANNUAL_AUTO:\r\n return TabIDs.RETENTION_TAB_ID;\r\n case TabTypes.AGENT_REFERRAL:\r\n return TabIDs.AGENT_REFERRAL_TAB_ID;\r\n default:\r\n return '';\r\n }\r\n}\r\n\r\nexport const FeedbackType = {\r\n USER: 1,\r\n ORDER_COMPLETE: 2\r\n}\r\n\r\n\r\nexport const StoreMediaCategory = {\r\n BANNER: '0'\r\n}\r\n\r\nexport const StoreMediaStatus = {\r\n ACTIVE: '2',\r\n INACTIVE: '3'\r\n}\r\n\r\nexport const DeliveryType = {\r\n NONE: 0,\r\n PHYSICAL: 1,\r\n DIGITAL: 2\r\n}\r\n\r\nexport const PetCrossSellSelfServiceAsset = \"AP-9614\";","\r\n\r\n\r\n \r\n \r\n \r\n\r\n\r\n\r\n\r\n","import script from \"./App.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./App.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=598dc9d5&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n// main.js\r\n// Main entry point for the site\r\n\r\n// Imports ----\r\nimport App from './App.vue';\r\nimport { createApp } from 'vue';\r\nimport { site } from './Site';\r\n\r\nimport VueSnip from 'vue-snip';\r\nimport 'bootstrap';\r\n\r\n// Create the router\r\nconst router = site.createVueRouter();\r\n\r\n// Set up snip options\r\nconst snipOptions = {\r\n snipMethod: 'css'\r\n};\r\n\r\n// Create the app\r\nconst app = createApp(App);\r\n\r\napp.use(router);\r\napp.use(VueSnip, snipOptions);\r\n\r\n// This allows the use of a dynamic \"v-auto-focus\" attribute on an element to give it focus once loaded.\r\n// It can be used with boolean literal (e.g. ) or a dynamic value (e.g. )\r\n// TODO: Look for a way to fold this into the Nucleus layer. Perhaps a setup similar to router.js.\r\napp.directive('auto-focus', (el, binding) => {\r\n if (el.wasFocused === true) return; // Prevents certain situation where focus wants to return again, probably due to this also handling 'updated' as well as 'mounted'\r\n\r\n // eslint-disable-next-line\r\n if ((!binding.hasOwnProperty('value')) || binding.value) {\r\n el.focus();\r\n el.wasFocused = true;\r\n }\r\n});\r\n\r\n// Initialize the custom site singleton and pass it the created Vue app\r\nsite.setupVue(app);\r\n\r\napp.mount('#app');","// EventBus\r\n// An event bus to emit events\r\n\r\n// TODO this should probably be a nucleus base feature \r\n\r\n/*\r\n * Useage is as easy as... \r\n * \r\n\r\n import useEventsBus from '@/site/services/EventBus';\r\n \r\n *\r\n * Emit your event \r\n * \r\n const { emit } = useEventsBus();\r\n emit('sampleEvent');\r\n\r\n *\r\n * Then watch for it \r\n * \r\n const { bus } = useEventsBus()\r\n watch(() => bus.value.get('sampleEvent'), () => {});\r\n *\r\n*/\r\n\r\n\r\nimport { ref } from \"vue\";\r\nconst bus = ref(new Map());\r\n\r\nexport default function useEventsBus() {\r\n\r\n function emit(event, ...args) {\r\n bus.value.set(event, args);\r\n }\r\n\r\n return {\r\n emit,\r\n bus\r\n }\r\n}","export function isEmpty(obj) {\r\n if (obj === null || obj === undefined || obj === '') {\r\n return true;\r\n }\r\n if (typeof obj === 'number' && !isFinite(obj)) {\r\n return true;\r\n }\r\n if (typeof obj === 'string' && obj.trim().length === 0) {\r\n return true;\r\n }\r\n if (typeof obj === 'object' && Object.keys(obj).length === 0) {\r\n return true;\r\n }\r\n return false;\r\n}\r\n\r\nexport function isNotEmpty(obj) {\r\n return !isEmpty(obj);\r\n}\r\n\r\nexport const formatStatCode = (statcode) => {\r\n if (statcode && statcode.length >= 4) {\r\n return statcode.substring(0, 2) + \"-\" + statcode.substring(2, 4) + \"-\" + statcode.substring(4, statcode.length);\r\n }\r\n return statcode;\r\n}\r\n\r\nexport const formatDate = (date) => {\r\n if (date) {\r\n const dt = new Date(date).toLocaleDateString('en-US', { year: 'numeric', month: '2-digit', day: '2-digit' });\r\n return dt;\r\n }\r\n return '';\r\n}\r\n\r\nexport const formatDateTime = (date, locale = true) => {\r\n if (date) {\r\n let dt = new Date(date);\r\n if (locale) {\r\n const offsetHours = dt.getTimezoneOffset() / 60 * (-1)\r\n dt.setHours(dt.getHours() + offsetHours);\r\n }\r\n dt = dt.toLocaleDateString('en-US', {\r\n year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit',\r\n minute: '2-digit',\r\n second: '2-digit',\r\n });\r\n return dt;\r\n }\r\n return '';\r\n}\r\n\r\n// getFieldsMapperFromColumns return fields filter or a field name mapper type Record e.g. { 'bar': 'baz' }\r\nexport const getFieldsMapperFromColumns = (columns) => {\r\n const fieldsMapper = columns.reduce((fields, item) => {\r\n fields[item.field] = item.title;\r\n return fields;\r\n }, {});\r\n return fieldsMapper;\r\n}\r\n\r\n// beforeTableEncode allows to alter table entries, only works for CSV and XLS file\r\nexport const beforeTableEncode = (columns) => {\r\n return (entries) => {\r\n const finalEntries = [];\r\n const keyToValues = {};\r\n entries.forEach(({ fieldName, fieldValues }) => {\r\n keyToValues[fieldName] = fieldValues;\r\n });\r\n columns.forEach(item => {\r\n const { title, formatter } = item;\r\n const fieldValues = keyToValues[title];\r\n if (!fieldValues) return;\r\n finalEntries.push({\r\n fieldName: title,\r\n fieldValues: fieldValues.map((value) => {\r\n if (!value || value === 'null') return \"\";\r\n return formatter ? formatter(value) : value;\r\n })\r\n });\r\n });\r\n return finalEntries;\r\n }\r\n}\r\n\r\nexport const formatPhone = (number) => {\r\n var x = number.replace(/\\D/g, '').match(/(\\d{0,3})(\\d{0,3})(\\d{0,4})/);\r\n number = !x[2] ? x[1] : (x[1] + '-' + x[2] + (x[3] ? '-' + x[3] : ''));\r\n return number;\r\n};","\r\n\r\n\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
{{props.title}}
\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 script from \"./ModalBox.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ModalBox.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ModalBox.vue?vue&type=style&index=0&id=5957f6f3&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n
\r\n
\r\n
\r\n
\r\n
{{ item.description }}
\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
\r\n
\r\n\r\n\r\n","import script from \"./UserFeedback.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./UserFeedback.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./UserFeedback.vue?vue&type=style&index=0&id=d87c447c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n\r\n \r\n \r\n \r\n\r\n\r\n","import script from \"./PageHeader.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PageHeader.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PageHeader.vue?vue&type=style&index=0&id=def22364&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n\r\n
![\"Boost](\"/images/icons/boost-conversions.png\")
\r\n ![\"direct](\"/images/select-channel-direct-mail.png\")
\r\n\r\n ![\"email\"](\"/images/select-channel-email.png\")
\r\n\r\n ![\"multi-channel](\"/images/select-channel-mutli-channel-campaign.png\")
\r\n\r\n ![\"ignite\"](\"/images/icons/1854871_MSC_IgniteTag_1x.png\"){kind=icon}
\r\n ![\"ignite](\"/images/icons/ignite-rocket-icon.png\"){kind=icon}
{{props.tierName}}\r\n ![\"marketing](\"/images/marketing/marketing-materials.png\")
\r\n ![\"Safeco](\"@/../public/images/footer-logo.png\"){kind=logo}
\r\n