{"version":3,"file":"js/app.53477384.js","mappings":"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","sources":["webpack://safeco.msc/./src/site/components/ImpersonateAlert.vue","webpack://safeco.msc/./src/site/components/ImpersonateAlert.vue?fa1e","webpack://safeco.msc/./src/site/components/GlobalTabBar.vue","webpack://safeco.msc/./src/site/components/GlobalTabBar.vue?785b","webpack://safeco.msc/./src/site/components/ToolTip.vue","webpack://safeco.msc/./src/site/components/ToolTip.vue?346d","webpack://safeco.msc/./src/site/areas/personalization/SelectChannelPage.vue","webpack://safeco.msc/./src/site/areas/personalization/SelectChannelPage.vue?3213","webpack://safeco.msc/./src/site/components/skeleton/TableSkeleton.vue","webpack://safeco.msc/./src/site/components/skeleton/TableSkeleton.vue?223f","webpack://safeco.msc/./src/site/components/ConfirmationOverlay.vue","webpack://safeco.msc/./src/site/components/OpportunitiesTile.vue","webpack://safeco.msc/./src/site/components/OpportunitiesTile.vue?bdef","webpack://safeco.msc/./src/site/areas/prospecting/components/ProspectingOpportunitiesTile.vue","webpack://safeco.msc/./src/site/areas/prospecting/components/ProspectingOpportunitiesTile.vue?f587","webpack://safeco.msc/./src/site/components/IconPanel.vue","webpack://safeco.msc/./src/site/components/IconPanel.vue?5ed9","webpack://safeco.msc/./src/site/components/LinkItem.vue","webpack://safeco.msc/./src/site/components/LinkItem.vue?9fe7","webpack://safeco.msc/./src/site/components/HeadlineWithIcon.vue","webpack://safeco.msc/./src/site/components/HeadlineWithIcon.vue?d016","webpack://safeco.msc/./src/site/components/AdvantagePlusPanel.vue","webpack://safeco.msc/./src/site/components/AdvantagePlusPanel.vue?fd46","webpack://safeco.msc/./src/site/components/IgniteProspectingPromo.vue","webpack://safeco.msc/./src/site/components/IgniteProspectingPromo.vue?0f3c","webpack://safeco.msc/./src/site/HomePage.vue","webpack://safeco.msc/./src/site/HomePage.vue?5224","webpack://safeco.msc/./src/template/components/SignInPageHeader.vue","webpack://safeco.msc/./src/site/areas/sign-in/forms/SignInForm.js","webpack://safeco.msc/./src/site/areas/sign-in/SignInPage.vue","webpack://safeco.msc/./src/site/areas/sign-in/SSOSignInPage.vue","webpack://safeco.msc/./src/site/areas/sign-in/SSOSignInPage.vue?a1c8","webpack://safeco.msc/./src/site/services/ExportParser.js","webpack://safeco.msc/./src/site/areas/account/components/AgencyListsPanel.vue","webpack://safeco.msc/./src/site/areas/account/components/AgencyListsPanel.vue?524d","webpack://safeco.msc/./src/site/components/marketing/MarketingContactTile.vue","webpack://safeco.msc/./src/site/components/marketing/MarketingContactTile.vue?5cac","webpack://safeco.msc/./src/site/components/marketing/MarketingContacts.vue","webpack://safeco.msc/./src/site/components/marketing/MarketingContacts.vue?4b18","webpack://safeco.msc/./src/site/areas/account/components/ContactsPanel.vue","webpack://safeco.msc/./src/site/areas/cart/components/OrderDetails.vue","webpack://safeco.msc/./src/site/areas/cart/components/OrderDetails.vue?d5ce","webpack://safeco.msc/./src/site/components/SelectMailListStepper.vue","webpack://safeco.msc/./src/site/components/SelectMailListStepper.vue?a5e3","webpack://safeco.msc/./src/site/areas/personalization/PersonalizeStep3Page.vue","webpack://safeco.msc/./src/site/areas/personalization/PersonalizeStep3Page.vue?8076","webpack://safeco.msc/./src/site/areas/cart/components/CartItemTile.vue","webpack://safeco.msc/./src/site/areas/cart/components/CartItemTile.vue?6314","webpack://safeco.msc/./src/site/areas/cart/components/CartItemList.vue","webpack://safeco.msc/./src/site/areas/cart/components/CartItemList.vue?b086","webpack://safeco.msc/./src/site/areas/products/components/ProductListTile.vue","webpack://safeco.msc/./src/site/areas/products/components/ProductListTile.vue?d30a","webpack://safeco.msc/./src/site/areas/products/components/MockProductListTile.vue","webpack://safeco.msc/./src/site/areas/cart/CartPage.vue","webpack://safeco.msc/./src/site/areas/cart/CartPage.vue?acee","webpack://safeco.msc/./src/site/areas/products/components/ProductGridTile.vue","webpack://safeco.msc/./src/site/areas/products/components/ProductGridTile.vue?c9bc","webpack://safeco.msc/./src/site/areas/account/components/FavoritesPanel.vue","webpack://safeco.msc/./src/site/areas/account/components/FavoritesPanel.vue?c392","webpack://safeco.msc/./src/site/areas/image-library/ImageDropZone.vue","webpack://safeco.msc/./src/site/areas/image-library/ImageDropZone.vue?f239","webpack://safeco.msc/./src/site/areas/image-library/UserImageLibrary.vue","webpack://safeco.msc/./src/site/areas/image-library/UserImageLibrary.vue?b8cc","webpack://safeco.msc/./src/site/areas/account/components/ImageLibraryPanel.vue","webpack://safeco.msc/./src/site/components/OrderHistoryTile.vue","webpack://safeco.msc/./src/site/components/OrderHistoryTile.vue?7179","webpack://safeco.msc/./src/site/areas/account/components/OrderHistoryPanel.vue","webpack://safeco.msc/./src/site/areas/account/components/OrderHistoryPanel.vue?3e10","webpack://safeco.msc/./src/site/components/payment-info/PaymentMethodTile.vue","webpack://safeco.msc/./src/site/components/payment-info/PaymentMethodTile.vue?6da6","webpack://safeco.msc/./src/site/services/PaymentInfo.js","webpack://safeco.msc/./src/site/components/payment-info/AddPaymentMethodStripe.vue","webpack://safeco.msc/./src/site/components/payment-info/AddPaymentMethodStripe.vue?3ce1","webpack://safeco.msc/./src/site/forms/PaymentMethodFormStripe.js","webpack://safeco.msc/./src/site/areas/account/components/PaymentInfoPanelStripe.vue","webpack://safeco.msc/./src/site/areas/account/components/PaymentInfoPanelStripe.vue?1b6d","webpack://safeco.msc/./src/site/components/ShippingAddressTile.vue","webpack://safeco.msc/./src/site/components/ShippingAddressTile.vue?3c69","webpack://safeco.msc/./src/site/components/HeadlineContainer.vue","webpack://safeco.msc/./src/site/components/HeadlineContainer.vue?689e","webpack://safeco.msc/./src/site/areas/account/components/AccountTitle.vue","webpack://safeco.msc/./src/site/areas/account/components/AccountTitle.vue?e78c","webpack://safeco.msc/./src/site/forms/AgencyAddressForm.js","webpack://safeco.msc/./src/site/areas/account/components/ProfilePanel.vue","webpack://safeco.msc/./src/site/areas/account/components/ProfilePanel.vue?af45","webpack://safeco.msc/./src/site/areas/account/forms/AddEventForm.js","webpack://safeco.msc/./src/site/areas/account/components/AddEvent.vue","webpack://safeco.msc/./src/site/areas/account/components/AddEvent.vue?f8f7","webpack://safeco.msc/./src/site/areas/account/components/CalendarPanel.vue","webpack://safeco.msc/./src/site/areas/account/components/CalendarPanel.vue?1333","webpack://safeco.msc/./src/site/areas/account/components/OrderDetailsPanel.vue","webpack://safeco.msc/./src/site/areas/account/components/OrderDetailsPanel.vue?408b","webpack://safeco.msc/./src/site/areas/account/components/OrderItemTile.vue","webpack://safeco.msc/./src/site/areas/account/components/OrderItemTile.vue?a22a","webpack://safeco.msc/./src/site/areas/cart/components/SelectedPaymentMethod.vue","webpack://safeco.msc/./src/site/areas/cart/components/SelectedPaymentMethod.vue?e79c","webpack://safeco.msc/./src/site/areas/account/components/OrderDetails.vue","webpack://safeco.msc/./src/site/areas/account/components/OrderDetails.vue?e81b","webpack://safeco.msc/./src/site/areas/account/components/CustomDownloadListPanel.vue","webpack://safeco.msc/./src/site/areas/account/components/CustomDownloadListPanel.vue?8ff5","webpack://safeco.msc/./src/site/areas/account/components/SaveForLaterPanel.vue","webpack://safeco.msc/./src/site/areas/account/components/SaveForLaterPanel.vue?924b","webpack://safeco.msc/./src/site/areas/account/AccountPage.vue","webpack://safeco.msc/./src/site/areas/account/AccountPage.vue?7138","webpack://safeco.msc/./src/site/areas/reports/components/ReportingSidebar.vue","webpack://safeco.msc/./src/site/areas/reports/components/ReportingSidebar.vue?55db","webpack://safeco.msc/./src/site/areas/reports/components/ReportingMainPanel.vue","webpack://safeco.msc/./src/site/areas/reports/components/ReportingMainPanel.vue?7596","webpack://safeco.msc/./src/site/areas/reports/ReportsHomePage.vue","webpack://safeco.msc/./src/site/areas/reports/ReportsHomePage.vue?8c7a","webpack://safeco.msc/./src/site/areas/reports/ReportDetailsPage.vue","webpack://safeco.msc/./src/site/areas/reports/ReportDetailsPage.vue?24f0","webpack://safeco.msc/./src/site/areas/marketing/MarketingHomePage.vue","webpack://safeco.msc/./src/site/areas/marketing/MarketingHomePage.vue?b011","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderConfirmation.vue","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderConfirmation.vue?7b05","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderPersonalizationConfirmation.vue","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderPersonalizationConfirmation.vue?cab5","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderSubCodes.vue","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderSubCodes.vue?f09e","webpack://safeco.msc/./src/site/areas/expressorder/SelectAgencySubCodes.vue","webpack://safeco.msc/./src/site/areas/expressorder/SelectAgencySubCodes.vue?944d","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderStepOne.vue","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderStepOne.vue?f15a","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderSelectSubCodesPolicy.vue","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderSelectSubCodesPolicy.vue?acd8","webpack://safeco.msc/./src/site/components/searches/SearchTableV1.vue","webpack://safeco.msc/./src/site/components/searches/SearchTableV1.vue?e3dc","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderSelectPolicyHolders.vue","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderSelectPolicyHolders.vue?5cba","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderSelectPolicy.vue","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderSelectPolicy.vue?2a54","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderStepTwo.vue","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderStepTwo.vue?9ccf","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderStepThree.vue","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderStepThree.vue?3718","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderStepFour.vue","webpack://safeco.msc/./src/site/areas/expressorder/ExpressOrderStepFour.vue?3407","webpack://safeco.msc/./src/site/areas/expressorder/PageFlexReturn.vue","webpack://safeco.msc/./src/site/areas/expressorder/PageFlexReturn.vue?477c","webpack://safeco.msc/./src/site/areas/cart/components/CartBodyPanel.vue","webpack://safeco.msc/./src/site/areas/cart/components/CartBodyPanel.vue?a396","webpack://safeco.msc/./src/site/areas/cart/forms/ShipToUserForm.js","webpack://safeco.msc/./src/site/areas/cart/components/ShipToUser.vue","webpack://safeco.msc/./src/site/areas/cart/components/ShipToUser.vue?c4f3","webpack://safeco.msc/./src/site/areas/cart/components/ShipToContact.vue","webpack://safeco.msc/./src/site/areas/cart/components/ShipToContact.vue?8355","webpack://safeco.msc/./src/site/areas/cart/components/AddressReviewTable.vue","webpack://safeco.msc/./src/site/areas/cart/components/AddressReviewTable.vue?cdd6","webpack://safeco.msc/./src/site/areas/cart/components/ConfirmAddressList.vue","webpack://safeco.msc/./src/site/areas/cart/components/ShipToContacts.vue","webpack://safeco.msc/./src/site/areas/cart/components/ShipToContacts.vue?4d04","webpack://safeco.msc/./src/site/areas/cart/components/PrepareMailList.vue","webpack://safeco.msc/./src/site/areas/cart/components/PrepareMailList.vue?a563","webpack://safeco.msc/./src/site/areas/cart/components/UploadAddressList.vue","webpack://safeco.msc/./src/site/areas/cart/components/UploadAddressList.vue?e7be","webpack://safeco.msc/./src/site/areas/cart/components/PreviewAddressList.vue","webpack://safeco.msc/./src/site/areas/cart/components/PreviewAddressList.vue?2cba","webpack://safeco.msc/./src/site/areas/cart/components/UploadErrors.vue","webpack://safeco.msc/./src/site/areas/cart/components/UploadErrors.vue?c1c8","webpack://safeco.msc/./src/site/areas/cart/components/UploadSummary.vue","webpack://safeco.msc/./src/site/areas/cart/components/UploadSummary.vue?f6bb","webpack://safeco.msc/./src/site/areas/cart/components/ShipToList.vue","webpack://safeco.msc/./src/site/areas/cart/components/ShipToList.vue?b905","webpack://safeco.msc/./src/site/components/OrderContactTile.vue","webpack://safeco.msc/./src/site/components/OrderContactTile.vue?eac3","webpack://safeco.msc/./src/site/components/OrderContactsTile.vue","webpack://safeco.msc/./src/site/components/OrderContactsTile.vue?a0a0","webpack://safeco.msc/./src/site/areas/cart/components/ShipTo.vue","webpack://safeco.msc/./src/site/areas/cart/components/ShipTo.vue?7e5f","webpack://safeco.msc/./src/site/areas/cart/CheckoutPage.vue","webpack://safeco.msc/./src/site/areas/cart/CheckoutPage.vue?977a","webpack://safeco.msc/./src/site/areas/cart/ReviewPage.vue","webpack://safeco.msc/./src/site/areas/cart/ReviewPage.vue?5257","webpack://safeco.msc/./src/site/areas/cart/components/OrderShipTo.vue","webpack://safeco.msc/./src/site/areas/cart/components/OrderShipTo.vue?1a98","webpack://safeco.msc/./src/site/areas/cart/components/OrderItemTile.vue","webpack://safeco.msc/./src/site/areas/cart/components/OrderItemTile.vue?d247","webpack://safeco.msc/./src/site/areas/cart/components/OrderItemList.vue","webpack://safeco.msc/./src/site/areas/cart/components/OrderItemList.vue?cec1","webpack://safeco.msc/./src/site/areas/cart/components/MultiShipDetails.vue","webpack://safeco.msc/./src/site/areas/cart/components/MultiShipDetails.vue?5c72","webpack://safeco.msc/./src/site/areas/cart/components/OrderShipToMultiple.vue","webpack://safeco.msc/./src/site/areas/cart/components/OrderShipToMultiple.vue?3383","webpack://safeco.msc/./src/site/areas/cart/OrderConfirmedPage.vue","webpack://safeco.msc/./src/site/areas/cart/OrderConfirmedPage.vue?8094","webpack://safeco.msc/./src/site/areas/products/components/MockProductGridTile.vue","webpack://safeco.msc/./src/site/areas/products/components/ProductFilterAccordian.vue","webpack://safeco.msc/./src/site/areas/products/components/ProductFilterAccordian.vue?d572","webpack://safeco.msc/./src/site/areas/products/ProductSearchPage.vue","webpack://safeco.msc/./src/site/areas/products/ProductSearchPage.vue?1aa4","webpack://safeco.msc/./src/site/areas/products/components/ImageSlider.vue","webpack://safeco.msc/./src/site/areas/products/components/ImageSlider.vue?574f","webpack://safeco.msc/./src/site/areas/products/components/ProductImageGallery.vue","webpack://safeco.msc/./src/site/areas/products/components/ProductImageGallery.vue?e894","webpack://safeco.msc/./src/site/areas/products/components/ProductDetail.vue","webpack://safeco.msc/./src/site/areas/products/components/ProductDetail.vue?ebb0","webpack://safeco.msc/./src/site/areas/products/ProductDetailPage.vue","webpack://safeco.msc/./src/site/areas/products/ProductDetailPage.vue?ba18","webpack://safeco.msc/./src/site/areas/help-center/components/HelpCenterSidebar.vue","webpack://safeco.msc/./src/site/areas/contact/ContactUsPage.vue","webpack://safeco.msc/./src/site/areas/help-center/components/CollapsiblePanel.vue","webpack://safeco.msc/./src/site/areas/help-center/components/CollapsiblePanel.vue?3f30","webpack://safeco.msc/./src/site/areas/help-center/FrequentlyAskedQuestionsPage.vue","webpack://safeco.msc/./src/site/areas/help-center/FrequentlyAskedQuestionsPage.vue?a177","webpack://safeco.msc/./src/site/areas/help-center/components/MediaPlayer.vue","webpack://safeco.msc/./src/site/areas/help-center/components/MediaPlayer.vue?e705","webpack://safeco.msc/./src/site/areas/help-center/HowToVideosPage.vue","webpack://safeco.msc/./src/site/areas/help-center/HowToVideosPage.vue?8aa2","webpack://safeco.msc/./src/site/areas/cross-sell/components/AgencyBestPractices.vue","webpack://safeco.msc/./src/site/areas/cross-sell/CrossSellHomePage.vue","webpack://safeco.msc/./src/site/areas/cross-sell/CrossSellHomePage.vue?b346","webpack://safeco.msc/./src/site/forms/PersonalizationForm.js","webpack://safeco.msc/./src/site/forms/ConsentForm.js","webpack://safeco.msc/./src/site/components/PdfViewer.vue","webpack://safeco.msc/./src/site/components/PdfViewer.vue?96ec","webpack://safeco.msc/./src/site/components/personalization/AddPersonalization.vue","webpack://safeco.msc/./src/site/components/personalization/AddPersonalization.vue?bd98","webpack://safeco.msc/./src/site/components/personalization/AddConsent.vue","webpack://safeco.msc/./src/site/components/personalization/AddConsent.vue?d4da","webpack://safeco.msc/./src/site/areas/cross-sell/CrossSellProgamStep1Page.vue","webpack://safeco.msc/./src/site/areas/cross-sell/CrossSellProgamStep1Page.vue?760c","webpack://safeco.msc/./src/site/areas/cross-sell/CrossSellProgamStep2Page.vue","webpack://safeco.msc/./src/site/areas/cross-sell/CrossSellProgamStep2Page.vue?fd79","webpack://safeco.msc/./src/site/areas/cross-sell/CrossSellProgamStep3Page.vue","webpack://safeco.msc/./src/site/areas/cross-sell/CrossSellProgamStep4Page.vue","webpack://safeco.msc/./src/site/areas/cross-sell/CrossSellProgamStep4Page.vue?cc92","webpack://safeco.msc/./src/site/areas/cross-sell/CrossSellExpressOrderingPage.vue","webpack://safeco.msc/./src/site/areas/cross-sell/CrossSellExpressOrderingPage.vue?6e58","webpack://safeco.msc/./src/site/areas/cross-sell/CrossSellSelectMultipleDropsStep3Page.vue","webpack://safeco.msc/./src/site/areas/cross-sell/CrossSellSelectMultipleDropsStep3Page.vue?97b6","webpack://safeco.msc/./src/site/areas/cross-sell/CrossSellViewSummaryPage.vue","webpack://safeco.msc/./src/site/areas/cross-sell/CrossSellViewSummaryPage.vue?ad70","webpack://safeco.msc/./src/site/areas/cross-sell/CrossSellViewDetailPage.vue","webpack://safeco.msc/./src/site/areas/cross-sell/CrossSellViewDetailPage.vue?144e","webpack://safeco.msc/./src/site/areas/prospecting/components/AgencyBestPractices.vue","webpack://safeco.msc/./src/site/areas/prospecting/ProspectingHomePage.vue","webpack://safeco.msc/./src/site/areas/prospecting/ProspectingHomePage.vue?4fe4","webpack://safeco.msc/./src/site/areas/prospecting/ProspectingStep2SelectMailListPage.vue","webpack://safeco.msc/./src/site/areas/prospecting/ProspectingStep2SelectMailListPage.vue?1290","webpack://safeco.msc/./src/site/areas/prospecting/ProspectingStep2SelectZipCodesPage.vue","webpack://safeco.msc/./src/site/areas/prospecting/ProspectingStep2SelectZipCodesPage.vue?2596","webpack://safeco.msc/./src/site/areas/prospecting/ProspectingStep2ZipCode.vue","webpack://safeco.msc/./src/site/areas/prospecting/ProspectingStep2ZipCode.vue?d8d4","webpack://safeco.msc/./src/site/areas/prospecting/ProspectingSelectPromoteProspectsPage.vue","webpack://safeco.msc/./src/site/areas/prospecting/ProspectingSelectPromoteProspectsPage.vue?f28a","webpack://safeco.msc/./src/site/areas/prospecting/services.js","webpack://safeco.msc/./src/site/areas/prospecting/ProspectingStep1PersonalizationPage.vue","webpack://safeco.msc/./src/site/areas/prospecting/ProspectingStep1PersonalizationPage.vue?153b","webpack://safeco.msc/./src/site/areas/prospecting/ProspectingStep4ReviewPage.vue","webpack://safeco.msc/./src/site/areas/prospecting/ProspectingStep4ReviewPage.vue?3fa4","webpack://safeco.msc/./src/site/areas/prospecting/ProspectingSelectMailScheduleStep3Page.vue","webpack://safeco.msc/./src/site/areas/prospecting/ProspectingSelectMailScheduleStep3Page.vue?39ea","webpack://safeco.msc/./src/site/areas/prospecting/ProspectingSelectMultipleDropsStep3Page.vue","webpack://safeco.msc/./src/site/areas/prospecting/ProspectingSelectMultipleDropsStep3Page.vue?3d20","webpack://safeco.msc/./src/site/areas/retention/RelationshipMarketingPage.vue","webpack://safeco.msc/./src/site/areas/retention/RelationshipMarketingPage.vue?6b63","webpack://safeco.msc/./src/site/components/CallToActionImage.vue","webpack://safeco.msc/./src/site/components/CallToActionImage.vue?e153","webpack://safeco.msc/./src/site/areas/retention/RoyaltyLoyaltyMovingPage.vue","webpack://safeco.msc/./src/site/areas/retention/RoyaltyLoyaltyMovingPage.vue?f483","webpack://safeco.msc/./src/site/areas/retention/RoyaltyLoyaltyWinBackPage.vue","webpack://safeco.msc/./src/site/areas/retention/RoyaltyLoyaltyWinBackPage.vue?d418","webpack://safeco.msc/./src/site/areas/retention/RoyaltyLoyaltyClientReferralPage.vue","webpack://safeco.msc/./src/site/areas/retention/RoyaltyLoyaltyClientReferralPage.vue?8799","webpack://safeco.msc/./src/site/areas/retention/RoyaltyLoyaltyInsuranceCheckUpPage.vue","webpack://safeco.msc/./src/site/areas/retention/RoyaltyLoyaltyInsuranceCheckUpPage.vue?2184","webpack://safeco.msc/./src/site/areas/retention/moving/MovingWithSafecoListPage.vue","webpack://safeco.msc/./src/site/areas/retention/moving/MovingWithSafecoListPage.vue?f5c3","webpack://safeco.msc/./src/site/areas/retention/RoyaltyLoyaltyAnnualAutoViewListPage.vue","webpack://safeco.msc/./src/site/areas/retention/RoyaltyLoyaltyAnnualAutoViewListPage.vue?f2b4","webpack://safeco.msc/./src/site/areas/personalization/SaveForLaterConfirmation.vue","webpack://safeco.msc/./src/site/areas/personalization/SaveForLaterConfirmation.vue?bc87","webpack://safeco.msc/./src/site/components/ThreeStepStepper.vue","webpack://safeco.msc/./src/site/components/ThreeStepStepper.vue?b2e8","webpack://safeco.msc/./src/site/components/TwoStepStepper.vue","webpack://safeco.msc/./src/site/components/TwoStepStepper.vue?005c","webpack://safeco.msc/./src/site/components/PreviousButton.vue","webpack://safeco.msc/./src/site/components/PreviousButton.vue?d9e7","webpack://safeco.msc/./src/site/areas/personalization/PersonalizeStep1Page.vue","webpack://safeco.msc/./src/site/areas/personalization/PersonalizeStep1Page.vue?ec4b","webpack://safeco.msc/./src/site/areas/personalization/components/SelectPolicyholders.vue","webpack://safeco.msc/./src/site/areas/personalization/components/SelectPolicyholders.vue?9732","webpack://safeco.msc/./src/site/areas/personalization/components/SelectSubscriptionPolicyholders.vue","webpack://safeco.msc/./src/site/areas/personalization/components/SelectSubscriptionPolicyholders.vue?9632","webpack://safeco.msc/./src/site/areas/personalization/forms/ZipSearch.js","webpack://safeco.msc/./src/site/areas/personalization/components/ZipCodeLookup.vue","webpack://safeco.msc/./src/site/areas/personalization/components/ZipCodeLookup.vue?1489","webpack://safeco.msc/./src/site/areas/personalization/components/ZipCodePanel.vue","webpack://safeco.msc/./src/site/areas/personalization/components/ZipCodePanel.vue?0a3d","webpack://safeco.msc/./src/site/components/personalization/UploadRecipients.vue","webpack://safeco.msc/./src/site/components/personalization/UploadRecipients.vue?6299","webpack://safeco.msc/./src/site/components/personalization/PreviewRecipients.vue","webpack://safeco.msc/./src/site/components/personalization/PreviewRecipients.vue?78fc","webpack://safeco.msc/./src/site/components/personalization/SelectRecipients.vue","webpack://safeco.msc/./src/site/components/personalization/SelectRecipients.vue?4783","webpack://safeco.msc/./src/site/areas/personalization/components/SelectMailListOptions.vue","webpack://safeco.msc/./src/site/areas/personalization/components/SelectMailListOptions.vue?9aba","webpack://safeco.msc/./src/site/areas/personalization/components/ProspectingMailLists.vue","webpack://safeco.msc/./src/site/areas/personalization/components/ProspectingMailLists.vue?ff07","webpack://safeco.msc/./src/site/areas/prospecting/components/FileFormats.vue","webpack://safeco.msc/./src/site/areas/prospecting/components/FileFormats.vue?2581","webpack://safeco.msc/./src/site/areas/prospecting/components/PrepareMailList.vue","webpack://safeco.msc/./src/site/areas/prospecting/components/PrepareMailList.vue?5db7","webpack://safeco.msc/./src/site/components/personalization/UploadSummary.vue","webpack://safeco.msc/./src/site/components/personalization/UploadSummary.vue?f5c0","webpack://safeco.msc/./src/site/areas/personalization/components/UploadListPanel.vue","webpack://safeco.msc/./src/site/areas/personalization/components/UploadListPanel.vue?4a3f","webpack://safeco.msc/./src/site/areas/personalization/components/ProspectingMailListType.vue","webpack://safeco.msc/./src/site/areas/personalization/components/ProspectingMailListType.vue?9808","webpack://safeco.msc/./src/site/areas/personalization/components/AnnualAutoSelectPolicyholders.vue","webpack://safeco.msc/./src/site/areas/personalization/components/AnnualAutoSelectPolicyholders.vue?93f3","webpack://safeco.msc/./src/site/areas/personalization/components/WinBackSelectPolicyholders.vue","webpack://safeco.msc/./src/site/areas/personalization/components/WinBackSelectPolicyholders.vue?e710","webpack://safeco.msc/./src/site/areas/personalization/components/AgencyReferralSelectPolicyholders.vue","webpack://safeco.msc/./src/site/areas/personalization/components/AgencyReferralSelectPolicyholders.vue?204b","webpack://safeco.msc/./src/site/areas/personalization/components/PetInsuranceSelectPolicyholders.vue","webpack://safeco.msc/./src/site/areas/personalization/components/PetInsuranceSelectPolicyholders.vue?14d0","webpack://safeco.msc/./src/site/areas/personalization/PersonalizeStep2Page.vue","webpack://safeco.msc/./src/site/areas/personalization/PersonalizeStep2Page.vue?a0e5","webpack://safeco.msc/./src/site/areas/personalization/PersonalizeStep3WinBackPage.vue","webpack://safeco.msc/./src/site/areas/personalization/PersonalizeStep3WinBackPage.vue?b361","webpack://safeco.msc/./src/site/areas/personalization/PersonalizeStep3ReviewPage.vue","webpack://safeco.msc/./src/site/areas/personalization/PersonalizeStep3ReviewPage.vue?a4c4","webpack://safeco.msc/./src/site/areas/personalization/components/OneTimeDrop.vue","webpack://safeco.msc/./src/site/areas/personalization/components/OneTimeDrop.vue?ff4a","webpack://safeco.msc/./src/site/areas/personalization/components/MultipleDrops.vue","webpack://safeco.msc/./src/site/areas/personalization/components/MultipleDrops.vue?9900","webpack://safeco.msc/./src/site/areas/personalization/PersonalizeStep3DropDatePage.vue","webpack://safeco.msc/./src/site/areas/personalization/PersonalizeStep3DropDatePage.vue?aef6","webpack://safeco.msc/./src/site/areas/personalization/PersonalizeStep4Page.vue","webpack://safeco.msc/./src/site/areas/personalization/PersonalizeStep4Page.vue?b438","webpack://safeco.msc/./src/site/areas/personalization/components/ReviewTile.vue","webpack://safeco.msc/./src/site/areas/personalization/components/ReviewTile.vue?d82e","webpack://safeco.msc/./src/site/areas/personalization/PersonalizeStep4MultiPage.vue","webpack://safeco.msc/./src/site/areas/personalization/PersonalizeStep4MultiPage.vue?25ce","webpack://safeco.msc/./src/site/areas/personalization/components/ProductGridTile.vue","webpack://safeco.msc/./src/site/areas/personalization/components/ProductGridTile.vue?519c","webpack://safeco.msc/./src/site/areas/personalization/SelectAssetPage.vue","webpack://safeco.msc/./src/site/areas/personalization/SelectAssetPage.vue?a44a","webpack://safeco.msc/./src/site/areas/personalization/PersonalizeStep2ReviewPage.vue","webpack://safeco.msc/./src/site/areas/personalization/PersonalizeStep2ReviewPage.vue?1b43","webpack://safeco.msc/./src/site/areas/personalization/PageFlexReturnPage.vue","webpack://safeco.msc/./src/site/areas/personalization/PageFlexReturnPage.vue?b8d0","webpack://safeco.msc/./src/site/areas/personalization/CustomizeDownloadPage.vue","webpack://safeco.msc/./src/site/areas/personalization/CustomizeDownloadPage.vue?9486","webpack://safeco.msc/./src/site/areas/personalization/CustomizeDownloadPageFlexReturn.vue","webpack://safeco.msc/./src/site/areas/personalization/CustomizeDownloadPageFlexReturn.vue?3a39","webpack://safeco.msc/./src/site/areas/personalization/DownloadCustomizeAssetPage.vue","webpack://safeco.msc/./src/site/areas/personalization/DownloadCustomizeAssetPage.vue?d6df","webpack://safeco.msc/./src/site/areas/print-on-demand/PrintOnDemandCustomizeStep1Page.vue","webpack://safeco.msc/./src/site/areas/print-on-demand/PrintOnDemandCustomizeStep1Page.vue?deaa","webpack://safeco.msc/./src/site/areas/print-on-demand/PrintOnDemandCustomizeStep2Page.vue","webpack://safeco.msc/./src/site/areas/print-on-demand/PrintOnDemandCustomizeStep2Page.vue?9cc0","webpack://safeco.msc/./src/site/areas/print-on-demand/PrintOnDemandCustomizeStep3Page.vue","webpack://safeco.msc/./src/site/areas/print-on-demand/PrintOnDemandCustomizeStep3Page.vue?7337","webpack://safeco.msc/./src/site/areas/annual-auto/AnnualAutoPersonalizationSubCodesPage.vue","webpack://safeco.msc/./src/site/areas/annual-auto/AnnualAutoPersonalizationSubCodesPage.vue?48c5","webpack://safeco.msc/./src/site/areas/annual-auto/AnnualAutoSelectSubCodesPage.vue","webpack://safeco.msc/./src/site/areas/annual-auto/AnnualAutoSelectSubCodesPage.vue?e596","webpack://safeco.msc/./src/site/components/CustomizableDownloadStepper.vue","webpack://safeco.msc/./src/site/components/CustomizableDownloadStepper.vue?0751","webpack://safeco.msc/./src/site/areas/downloads/CustomizableDownloadStep1Page.vue","webpack://safeco.msc/./src/site/areas/downloads/CustomizableDownloadStep1Page.vue?fee8","webpack://safeco.msc/./src/site/areas/downloads/CustomizableDownloadStep2Page.vue","webpack://safeco.msc/./src/site/areas/downloads/CustomizableDownloadStep2Page.vue?6f8a","webpack://safeco.msc/./src/site/areas/annual-auto/AnnualAutoExpressOrderingPage.vue","webpack://safeco.msc/./src/site/areas/annual-auto/AnnualAutoExpressOrderingPage.vue?56b7","webpack://safeco.msc/./src/site/areas/annual-auto/AnnualAutoSelectChannelPage.vue","webpack://safeco.msc/./src/site/areas/annual-auto/AnnualAutoSelectChannelPage.vue?eaa2","webpack://safeco.msc/./src/site/areas/grow-your-business/GrowYourBusinessPage.vue","webpack://safeco.msc/./src/site/areas/find-new-customers/SellNewProspectsPage.vue","webpack://safeco.msc/./src/site/areas/find-new-customers/PromoteAnEventPage.vue","webpack://safeco.msc/./src/site/areas/find-new-customers/PromoteOnlinePresencePage.vue","webpack://safeco.msc/./src/site/areas/find-new-customers/OrderMarketingMaterialsPage.vue","webpack://safeco.msc/./src/site/areas/increase-retention/IncreaseRetentionAddValuePage.vue","webpack://safeco.msc/./src/site/areas/my-pages/MyFavoriteMarketingMaterialsPage.vue","webpack://safeco.msc/./src/site/areas/my-pages/MyFavoriteReportsPage.vue","webpack://safeco.msc/./src/site/areas/my-pages/MostRecentDownloadsPage.vue","webpack://safeco.msc/./src/site/areas/top-picks/AutoInsuranceBrochuresPage.vue","webpack://safeco.msc/./src/site/areas/top-picks/HomeInsuranceBrochuresPage.vue","webpack://safeco.msc/./src/site/areas/top-picks/AnnualAutoLetterPage.vue","webpack://safeco.msc/./src/site/areas/top-picks/InsuranceCheckUpPosterPage.vue","webpack://safeco.msc/./src/site/components/ImpersonationEnded.vue","webpack://safeco.msc/./src/site/components/DeepLinkRedirect.vue","webpack://safeco.msc/./src/site/components/DeepLinkRedirect.vue?6c80","webpack://safeco.msc/./src/site/areas/terms-conditions/TermsAndConditions.vue","webpack://safeco.msc/./src/site/areas/mws/MWSOptOutEmailPage.vue","webpack://safeco.msc/./src/site/areas/mws/MWSOptOutEmailPage.vue?b68f","webpack://safeco.msc/./src/template/components/GenericHeader.vue","webpack://safeco.msc/./src/template/components/GenericFooter.vue","webpack://safeco.msc/./src/template/components/GenericFooter.vue?bcd0","webpack://safeco.msc/./src/site/areas/mws/MWSEmailOptOutPage.vue","webpack://safeco.msc/./src/site/areas/mws/MWSEmailOptOutPage.vue?79fd","webpack://safeco.msc/./src/site/areas/mws/MWSAcknowledgementPage.vue","webpack://safeco.msc/./src/site/areas/mws/MWSAcknowledgementPage.vue?856a","webpack://safeco.msc/./src/site/services/authentication/SSOAuthenticator.js","webpack://safeco.msc/./src/site/services/PersonalizationInfo.js","webpack://safeco.msc/./src/site/services/AgencyDetails.js","webpack://safeco.msc/./src/site/services/ImageLibrary.js","webpack://safeco.msc/./src/site/services/UserFromBridge.js","webpack://safeco.msc/./src/site/services/Opportunities.js","webpack://safeco.msc/./src/site/services/OrderDetails.js","webpack://safeco.msc/./src/site/services/UserRoles.js","webpack://safeco.msc/./src/site/services/BlobService.js","webpack://safeco.msc/./src/site/services/StoreCart.js","webpack://safeco.msc/./src/site/services/UserFeedback.js","webpack://safeco.msc/./src/site/services/Banner.js","webpack://safeco.msc/./src/site/services/AddressList.js","webpack://safeco.msc/./src/site/services/Reporting.js","webpack://safeco.msc/./src/site/areas/sign-in/SSORedirectPage.vue","webpack://safeco.msc/./src/site/services/ErrorHandler.js","webpack://safeco.msc/./src/site/services/AnalyticsHandler.js","webpack://safeco.msc/./src/site/services/DownloadHandler.js","webpack://safeco.msc/./src/site/services/ExpressOrderPersonalizationInfo.js","webpack://safeco.msc/./src/site/services/Session.js","webpack://safeco.msc/./src/site/services/SearchHandler.js","webpack://safeco.msc/./src/site/services/MWSOptOutEmail.js","webpack://safeco.msc/./src/site/services/MWSEmailOptOut.js","webpack://safeco.msc/./src/Site.js","webpack://safeco.msc/./src/constants.js","webpack://safeco.msc/./src/App.vue","webpack://safeco.msc/./src/App.vue?7ccd","webpack://safeco.msc/./src/main.js","webpack://safeco.msc/./src/site/services/EventBus.js","webpack://safeco.msc/./src/util.js","webpack://safeco.msc/./src/site/components/ModalBox.vue","webpack://safeco.msc/./src/site/components/ModalBox.vue?dc7d","webpack://safeco.msc/./src/site/components/UserFeedback.vue","webpack://safeco.msc/./src/site/components/UserFeedback.vue?9c43","webpack://safeco.msc/./src/template/components/PageHeader.vue","webpack://safeco.msc/./src/template/components/PageHeader.vue?3087","webpack://safeco.msc/./src/template/components/CurrentAgency.vue","webpack://safeco.msc/./src/template/components/CurrentAgency.vue?aa63","webpack://safeco.msc/./src/template/PageTemplate.vue","webpack://safeco.msc/./src/template/PageTemplate.vue?68b3","webpack://safeco.msc/./src/template/components/PageFooter.vue","webpack://safeco.msc/./src/template/components/PageFooter.vue?3eb0","webpack://safeco.msc/webpack/bootstrap","webpack://safeco.msc/webpack/runtime/chunk loaded","webpack://safeco.msc/webpack/runtime/compat get default export","webpack://safeco.msc/webpack/runtime/define property getters","webpack://safeco.msc/webpack/runtime/ensure chunk","webpack://safeco.msc/webpack/runtime/get javascript chunk filename","webpack://safeco.msc/webpack/runtime/get mini-css chunk filename","webpack://safeco.msc/webpack/runtime/global","webpack://safeco.msc/webpack/runtime/hasOwnProperty shorthand","webpack://safeco.msc/webpack/runtime/load script","webpack://safeco.msc/webpack/runtime/make namespace object","webpack://safeco.msc/webpack/runtime/node module decorator","webpack://safeco.msc/webpack/runtime/publicPath","webpack://safeco.msc/webpack/runtime/jsonp chunk loading","webpack://safeco.msc/webpack/startup"],"sourcesContent":["<script setup>\r\n    //ImpersonateAlert\r\n\r\n    // Components\r\n\r\n    // Imports\r\n    import { computed } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRouter } from 'vue-router';\r\n\r\n    // State\r\n    const router = useRouter();\r\n\r\n    // Computed\r\n    const isImpersonating = computed(() => {\r\n        return site.user.isImpersonating;\r\n    })\r\n\r\n    const name = computed(() => {\r\n        return site.user.firstName + site.user.lastName;\r\n    })\r\n\r\n    // Handlers\r\n    function endEmulation() {\r\n        const endImpersonateSession = confirm(\"Are you sure to end Impersonating user session ?\");\r\n        if (endImpersonateSession) {\r\n            site.authenticator.deleteImpersonateSession();\r\n            router.push({ name: 'ImpersonationEnded' });\r\n        }\r\n    }\r\n\r\n</script>\r\n\r\n\r\n<template>\r\n    <div class=\"alert alert-warning\" v-if=\"isImpersonating\">\r\n        <div class=\"d-flex emulation\">\r\n            <div>\r\n                <i class=\"bi bi-people-fill fs-2\" />\r\n            </div>\r\n            <div>\r\n                <p class=\"mb-0\">\r\n                    You are in an Impersonation Session for\r\n                    <span class=\"fw-bold\">{{name}}</span>\r\n                </p>\r\n            </div>\r\n            <div>\r\n                <button class=\"btn btn-primary btn-sm\" @click=\"endEmulation\">End Impersonation</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n\r\n<style lang='scss'>\r\n    .emulation {\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n    }\r\n</style>","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__","<script>\r\n\r\n    // GlobalTabBar\r\n    // Provides the navigation for root-level pages, such as home, cross-sell program, prospecting & lead gen, etc.\r\n    // Constants:\r\n    // - TabIDs - IDs of the different tabs. Use these for the active-id prop to set the selected tab\r\n\r\n    // Constants\r\n    const constants = {\r\n        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\n\r\n    // Exports\r\n    export const TabIDs = constants.TabIDs;\r\n\r\n</script>\r\n\r\n\r\n<script setup>\r\n\r\n    // Components\r\n    import { TabBar } from '@dd-nucleus/nucleus-vue';\r\n    import ImpersonateAlert from './ImpersonateAlert.vue'\r\n\r\n    // Imports\r\n    import { ref, defineProps, computed, reactive } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { ProgramType, ProductType, ProductTatic, getOppTypeFromProductType, getOppIdFromProductType } from '@/constants'\r\n\r\n\r\n    // Props\r\n    const props = defineProps({\r\n        // ID of the tab that is currently active\r\n        activeId: {\r\n            type: String,\r\n            required: false\r\n        }\r\n    });\r\n\r\n    // State\r\n    const selectedAgencyDetails = reactive(site.agencyDetails.selectedAgencyDetails);\r\n    const tabs = computed(() => {\r\n        return [\r\n            {\r\n                id: constants.TabIDs.HOME_TAB_ID,\r\n                title: 'Home',\r\n                url: '/',\r\n                isExternalUrl: false\r\n            },\r\n            {\r\n                id: constants.TabIDs.CROSS_SELL_TAB_ID,\r\n                title: 'Cross-sell',\r\n                url: '/cross-sell',\r\n                isExternalUrl: false,\r\n                children: [\r\n                    {\r\n                        id: 'HomeToAuto',\r\n                        title: 'Cross-sell Home to Auto',\r\n                        url: {\r\n                            path: '/personalization/select-channel', query: { productType: ProductType.HOME, programType: ProgramType.CROSS_SELL, statCode: selectedAgencyDetails.statId, oppType: getOppTypeFromProductType(ProductType.HOME), oppId: getOppIdFromProductType(ProductType.HOME) }\r\n                        },\r\n                        /*\r\n                        url: {\r\n                            path: '/products', query: { 'f-product-data-list-type': [DataListType.NCS, DataListType.CAUMB, DataListType.NCS_LANDLORD].join(\";\"), 'f-product-data-list-option': DataListOption.HomeCrossSell, 'f-product-state': selectedAgencyDetails.state, 'active-tab': constants.TabIDs.CROSS_SELL_TAB_ID }\r\n                        },\r\n                        */\r\n                        isExternalUrl: false\r\n                    },\r\n                    {\r\n                        id: 'AutoToHome',\r\n                        title: 'Cross-sell Auto to Home',\r\n                        url: {\r\n                            path: '/personalization/select-channel', query: { productType: ProductType.AUTO, programType: ProgramType.CROSS_SELL, statCode: selectedAgencyDetails.statId, oppType: getOppTypeFromProductType(ProductType.AUTO), oppId: getOppIdFromProductType(ProductType.AUTO) }\r\n                        },\r\n                        /*\r\n                        url: {\r\n                            path: '/products', query: { 'f-product-data-list-type': [DataListType.NCS, DataListType.CAUMB, DataListType.NCS_LANDLORD].join(\";\"), 'f-product-data-list-option': DataListOption.AutoCrossSell, 'f-product-state': selectedAgencyDetails.state, 'active-tab': constants.TabIDs.CROSS_SELL_TAB_ID }\r\n                        },\r\n                        */\r\n                        isExternalUrl: false\r\n                    },\r\n                    {\r\n                        id: 'UmbrellaToAuto',\r\n                        title: 'Cross-sell Umbrella to qualified Auto customers',\r\n                        url: {\r\n                            path: '/products', query: { 'f-product-type': ProductType.UMBRELLA, 'f-program-type': ProgramType.CROSS_SELL, 'f-product-state': selectedAgencyDetails.state, 'active-tab': constants.TabIDs.CROSS_SELL_TAB_ID }\r\n                        },\r\n                        /*\r\n                        url: {\r\n                            path: '/products', query: { 'f-product-data-list-type': [DataListType.NCS, DataListType.CAUMB, DataListType.NCS_LANDLORD].join(\";\"), 'f-product-data-list-option': [DataListOption.UmbrellaCrossSell, DataListOption.Umbrella, DataListOption.FloridaUmbrella, DataListOption.UmbrellaEdcuationCrossSell].join(\";\"), 'f-product-state': selectedAgencyDetails.state, 'active-tab': constants.TabIDs.CROSS_SELL_TAB_ID }\r\n                        },\r\n                        */\r\n                        isExternalUrl: false\r\n                    },\r\n                    {\r\n                        id: 'Specialty',\r\n                        title: 'Cross-sell Specialty',\r\n                        url: {\r\n                            path: '/personalization/select-channel', query: { productType: ProductType.CROSS_SELL_SPECIALITY, programType: ProgramType.CROSS_SELL, statCode: selectedAgencyDetails.statId, oppType: getOppTypeFromProductType(ProductType.CROSS_SELL_SPECIALITY), oppId: getOppIdFromProductType(ProductType.CROSS_SELL_SPECIALITY) }\r\n                        },\r\n                        /*\r\n                        url: {\r\n                            path: '/products', query: { 'f-product-data-list-type': [DataListType.NCS, DataListType.CAUMB, DataListType.NCS_LANDLORD].join(\";\"), 'f-product-data-list-option': DataListOption.SpecialtyCrossSell, 'f-product-state': selectedAgencyDetails.state, 'active-tab': constants.TabIDs.CROSS_SELL_TAB_ID }\r\n                        },\r\n                        */\r\n                        isExternalUrl: false\r\n                    },\r\n                    {\r\n                        id: 'LandlordProtection',\r\n                        title: 'Cross-sell Landlord Protection',\r\n                        url: {\r\n                            path: '/products', query: { 'f-program-type': ProgramType.CROSS_SELL, 'f-product-type': ProductType.LLP, 'f-product-state': selectedAgencyDetails.state, 'active-tab': constants.TabIDs.CROSS_SELL_TAB_ID }\r\n                        },\r\n                        /*\r\n                        url: {\r\n                            path: '/products', query: { 'f-product-data-list-type': [DataListType.NCS, DataListType.CAUMB, DataListType.NCS_LANDLORD].join(\";\"), 'f-product-data-list-option': DataListOption.LandLordProtectionCrossSell, 'f-product-state': selectedAgencyDetails.state, 'active-tab': constants.TabIDs.CROSS_SELL_TAB_ID }\r\n                        },\r\n                        */\r\n                        isExternalUrl: false\r\n                    },\r\n                    {\r\n                        id: 'PetInsurance',\r\n                        title: 'Cross-sell Pet Insurance',\r\n                        url: {\r\n                            path: '/products', query: { 'f-program-type': ProgramType.PET_INSURANCE, 'f-product-type': ProductType.PET_INSURANCE, 'f-product-state': selectedAgencyDetails.state, 'active-tab': constants.TabIDs.CROSS_SELL_TAB_ID }\r\n                        },\r\n                        isExternalUrl: false\r\n                    }\r\n                ]\r\n            },\r\n            {\r\n                id: constants.TabIDs.PROSPECTING_TAB_ID,\r\n                title: 'Prospecting & Lead Gen',\r\n                url: '/prospecting',\r\n                isExternalUrl: false, \r\n                children: [\r\n                    {\r\n                        id: 'Package',\r\n                        title: 'Package',\r\n                        url: {\r\n                            path: '/products', query: { 'f-program-type': ProgramType.PROSPECTING, 'f-product-type': ProductType.SAFECO_PACKAGE, 'f-product-tatic': ProductTatic.PROSPECTING,'f-product-state': selectedAgencyDetails.state, 'active-tab': constants.TabIDs.PROSPECTING_TAB_ID }\r\n                        },\r\n                        /*url: {\r\n                            path: '/products', query: {\r\n                                'f-product-type': ProductType.PACKAGE,\r\n                                'f-product-data-list-type': [DataListType.PROSPECT, DataListType.DATA_LIST_UPLOAD].join(\";\"),\r\n                                'f-product-state': selectedAgencyDetails.state,\r\n                                'f-product-search-term': DataListType.PROSPECT, \r\n                                'active- tab': constants.TabIDs.PROSPECTING_TAB_ID }\r\n                        },*/\r\n                        isExternalUrl: false\r\n                    },\r\n                    {\r\n                        id: 'Auto',\r\n                        title: 'Auto',\r\n                        url: {\r\n                            path: '/products', query: { 'f-program-type': ProgramType.PROSPECTING, 'f-product-type': ProductType.AUTO, 'f-product-tatic': ProductTatic.PROSPECTING, 'f-product-state': selectedAgencyDetails.state, 'active-tab': constants.TabIDs.PROSPECTING_TAB_ID }\r\n                        },\r\n                        /*\r\n                        url: {\r\n                            path: '/products', query: {\r\n                                'f-product-type': ProductType.AUTO,\r\n                                'f-product-data-list-type': [DataListType.PROSPECT, DataListType.DATA_LIST_UPLOAD].join(\";\"),\r\n                                'f-product-state': selectedAgencyDetails.state,\r\n                                'f-product-search-term': DataListType.PROSPECT, \r\n                                'active-tab': constants.TabIDs.PROSPECTING_TAB_ID\r\n                            }\r\n                        },*/\r\n                        isExternalUrl: false\r\n                    },\r\n                    {\r\n                        id: 'Home',\r\n                        title: 'Home',\r\n                        url: {\r\n                            path: '/products', query: { 'f-program-type': ProgramType.PROSPECTING, 'f-product-type': ProductType.HOME, 'f-product-tatic': ProductTatic.PROSPECTING, 'f-product-state': selectedAgencyDetails.state, 'active-tab': constants.TabIDs.PROSPECTING_TAB_ID }\r\n                        },\r\n                        /*\r\n                        url: {\r\n                            path: '/products', query: {\r\n                                'f-product-type': ProductType.HOME,\r\n                                'f-product-data-list-type': [DataListType.PROSPECT, DataListType.DATA_LIST_UPLOAD].join(\";\"),\r\n                                'f-product-state': selectedAgencyDetails.state,\r\n                                'f-product-search-term': DataListType.PROSPECT, \r\n                                'active-tab': constants.TabIDs.PROSPECTING_TAB_ID\r\n                            }\r\n                        },*/\r\n                        isExternalUrl: false\r\n                    },\r\n                    {\r\n                        id: 'Renters',\r\n                        title: 'Renters',\r\n                        url: {\r\n                            path: '/products', query: { 'f-program-type': ProgramType.PROSPECTING, 'f-product-type': ProductType.RENTERS,  'f-product-state': selectedAgencyDetails.state, 'active-tab': constants.TabIDs.PROSPECTING_TAB_ID }\r\n                        },\r\n                        /*\r\n                        url: {\r\n                            path: '/products', query: {\r\n                                'f-product-type': ProductType.RENTERS,\r\n                                'f-product-data-list-type': [DataListType.PROSPECT].join(\";\"),\r\n                                'f-product-state': selectedAgencyDetails.state,\r\n                                'f-product-search-term': DataListType.PROSPECT, \r\n                                'active-tab': constants.TabIDs.PROSPECTING_TAB_ID\r\n                            }\r\n                        },*/\r\n                        isExternalUrl: false\r\n                    },\r\n                    {\r\n                        id: 'Other',\r\n                        title: 'Other',\r\n                        url: {\r\n                            path: '/products', query: { 'f-program-type': ProgramType.PROSPECTING, 'f-product-type': ProductType.OTHER, 'f-product-state': selectedAgencyDetails.state, 'active-tab': constants.TabIDs.PROSPECTING_TAB_ID }\r\n                        },\r\n                        /*\r\n                        url: {\r\n                            path: '/products', query: {\r\n                                'f-product-type': ProductType.OTHER,\r\n                                'f-product-data-list-type': [DataListType.PROSPECT, DataListType.DATA_LIST_UPLOAD].join(\";\"),\r\n                                'f-product-state': selectedAgencyDetails.state,\r\n                                'f-product-search-term': DataListType.PROSPECT, \r\n                                'active-tab': constants.TabIDs.PROSPECTING_TAB_ID\r\n                            }\r\n                        },*/\r\n                        isExternalUrl: false\r\n                    }\r\n                ]\r\n            },\r\n            {\r\n                id: constants.TabIDs.RETENTION_TAB_ID,\r\n                title: 'Retention & Loyalty',\r\n                url: '/retention',\r\n                isExternalUrl: false,\r\n                /*\r\n                children: [\r\n                    {\r\n                        id: 'MovingwithSafeco',\r\n                        title: 'Moving with Safeco',\r\n                        url: '/retention/moving',\r\n                        isExternalUrl: false\r\n                    },\r\n                    {\r\n                        id: 'InsuranceCheck-up',\r\n                        title: 'Insurance Check-up',\r\n                        url: '/retention/insurance-check-up',\r\n                        isExternalUrl: false\r\n                    },\r\n                    {\r\n                        id: 'ClientReferral',\r\n                        title: 'Client Referral',\r\n                        url: '/retention/client-referral',\r\n                        isExternalUrl: false\r\n                    },\r\n                    {\r\n                        id: 'RelationshipMarketing',\r\n                        title: 'Relationship Marketing',\r\n                        url: '/retention/relationship-marketing',\r\n                        isExternalUrl: false\r\n                    },\r\n                    {\r\n                        id: 'WinBackProgram',\r\n                        title: 'Win Back Program',\r\n                        url: '/retention/win-back',\r\n                        isExternalUrl: false\r\n                    },\r\n                    {\r\n                        id: 'WelcomeKit',\r\n                        title: 'New Client Welcome Kit',\r\n                        url: {\r\n                            path: '/products', query: { 'f-product-search-term': 'welcome kit', 'f-product-state': selectedAgencyDetails.state, 'active-tab': constants.TabIDs.RETENTION_TAB_ID }\r\n                        },\r\n                        isExternalUrl: false\r\n                    }\r\n                ]\r\n                */\r\n            },\r\n            {\r\n                id: constants.TabIDs.MARKETING_TAB_ID,\r\n                title: 'Marketing Materials',\r\n                url: '/marketing',\r\n                isExternalUrl: false\r\n                /*\r\n                children: [\r\n                    {\r\n                        id: 'OnlineLibrary',\r\n                        title: 'Online Library',\r\n                        url: {\r\n                            path: '/products', query: {\r\n                                'f-product-marketing-materials': 'OnlineContent',\r\n                                'active-tab': constants.TabIDs.MARKETING_TAB_ID\r\n                            }\r\n                        },\r\n                        isExternalUrl: false\r\n                    },\r\n                    {\r\n                        id: 'BrandedSupplies',\r\n                        title: 'Branded Supplies',\r\n                        url: {\r\n                            path: '/products', query: {\r\n                                'f-product-marketing-materials': 'BrandedSupplies',\r\n                                'active-tab': constants.TabIDs.MARKETING_TAB_ID\r\n                            }\r\n                        },\r\n                        isExternalUrl: false\r\n                    },\r\n                    {\r\n                        id: 'EventsSponsorship',\r\n                        title: 'Events / Sponsorship',\r\n                        url: {\r\n                            path: '/products', query: {\r\n                                'f-product-marketing-materials': 'EventsSponsorship',\r\n                                'active-tab': constants.TabIDs.MARKETING_TAB_ID\r\n                            }\r\n                        },\r\n                        isExternalUrl: false\r\n                    },\r\n                    {\r\n                        id: 'Promotional Merchandise',\r\n                        title: 'Promotional Merchandise',\r\n                        url: 'https://libertymutual.corpmerchandise.com',\r\n                        isExternalUrl: true,\r\n                        target: '_blank'\r\n                    }\r\n                ]\r\n                */\r\n            },\r\n            {\r\n                id: constants.TabIDs.REPORTS_TAB_ID,\r\n                title: 'Reports',\r\n                url: '/reports',\r\n                isExternalUrl: false,\r\n            }\r\n        ]\r\n    });\r\n\r\n    // State\r\n    const activeId = ref(props.activeId);\r\n\r\n</script>\r\n\r\n\r\n<template>\r\n\r\n    <ImpersonateAlert />\r\n    <TabBar :tabs='tabs' :active-id='activeId' :justify='true' />\r\n\r\n</template>\r\n\r\n\r\n<style lang='scss'>\r\n    .tabBar {\r\n        .dropdown-menu li {\r\n            border-bottom: 1px solid $gray-2;\r\n\r\n            &:last-child {\r\n                border-bottom: none;\r\n            }\r\n        }\r\n    }\r\n</style>\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__","<script setup>\r\n\r\n    // ResetPasswordForm\r\n\r\n    // Imports\r\n    import { defineProps } from 'vue';\r\n\r\n    // Components ----\r\n    import Popper from 'vue3-popper';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // Tooltip placement\r\n        placement: {\r\n            type: String,\r\n            default: \"bottom\"\r\n        }\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n    <Popper arrow :placement=\"props.placement\">\r\n        <slot />\r\n        <template #content>\r\n            <slot name=\"content\">\r\n\r\n            </slot>\r\n        </template>\r\n    </Popper>\r\n                   \r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .bi {\r\n    cursor: pointer;\r\n    }\r\n</style>\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__","<script>\r\n\r\n    // SelectChannelPage\r\n    // First step in selecting how the order flow happens where you select your channel\r\n\r\n    const constants = {\r\n        channelTypes: {\r\n            DIRECT_MAIL: 1,\r\n            EMAIL: 2,\r\n            MULTIPLE_CHANNEL: 3\r\n        },\r\n        productFormat: {\r\n            EMAIL: 'Email',\r\n            DIRECT_MAIL: 'LetterTemplates,Letter,NoteCards'\r\n        }\r\n    };\r\n\r\n    // Exports\r\n    export const ChannelTypes = constants.channelTypes;\r\n    export const ProductFormat = constants.productFormat;\r\n\r\n    export const getProductFormat = (id) => {\r\n        switch (id) {\r\n            case ChannelTypes.DIRECT_MAIL:\r\n                return ProductFormat.DIRECT_MAIL;\r\n            case ChannelTypes.EMAIL:\r\n                return ProductFormat.EMAIL;\r\n            case ChannelTypes.MULTIPLE_CHANNEL:\r\n                return ProductFormat.DIRECT_MAIL;\r\n            default:\r\n                return '';\r\n        }\r\n    }\r\n\r\n</script>\r\n<script setup>\r\n\r\n\r\n    // Imports\r\n    import { computed, ref, onMounted } from 'vue';\r\n    import { useRouter, useRoute } from 'vue-router';\r\n    const router = useRouter();\r\n    const route = useRoute();\r\n    import { ProgramType,DataListOptionToOppId } from '@/constants'\r\n    import { site } from '@/Site'\r\n\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import ToolTip from '@/site/components/ToolTip';\r\n\r\n    \r\n\r\n    const agencyDetails = ref(site.agencyDetails.selectedAgencyDetails);\r\n\r\n    //computed\r\n    const isOwnerMaster = computed(() => {\r\n        return agencyDetails.value.isOwnerMaster;\r\n    });\r\n\r\n    const showExpressOrderMessage = computed(() => {\r\n        return isOwnerMaster.value && route.query.oppId == DataListOptionToOppId.SpecialtyCrossSell\r\n    });\r\n\r\n\r\n    // Methods ----\r\n    function back() {\r\n        \r\n        const back_url = router.options.history.state.back\r\n        if (back_url.includes('home') || (route.query[\"programType\"] == \"CrossSell\")) {\r\n            router.push({ name: 'Home', query: { tab: ProgramType.CROSS_SELL } })\r\n        }\r\n        else {\r\n            router.back()\r\n        }\r\n    }\r\n\r\n    async function onStartOrderClicked(channel) {\r\n\r\n        let channelType, isMultiChannel;\r\n\r\n\r\n        if (channel == ChannelTypes.EMAIL || channel == ChannelTypes.DIRECT_MAIL) {\r\n            isMultiChannel = false;\r\n            channelType = channel;\r\n        }\r\n        else {\r\n            isMultiChannel = true;\r\n            channelType = ChannelTypes.DIRECT_MAIL;\r\n        }\r\n\r\n        let queryParams = route.query\r\n        queryParams['channelType'] = channelType\r\n        queryParams['isMultiChannel'] = isMultiChannel\r\n\r\n\r\n        if (channel == ChannelTypes.EMAIL) {\r\n\r\n            router.push({\r\n                name: 'SelectAssetPage',\r\n                params: {\r\n                    channel: ChannelTypes.EMAIL\r\n                },\r\n                query: queryParams\r\n            });\r\n\r\n        } else {\r\n\r\n            router.push({\r\n                name: 'SelectAssetPage',\r\n                query: queryParams\r\n            });\r\n\r\n        }\r\n    }\r\n\r\n    // For Adobe analytics\r\n    onMounted(async () => {\r\n        let queryParams = route.query;\r\n        let tileCode;\r\n        if (queryParams['oppType'] == 'Specialty') {\r\n            tileCode = 'Specialty';\r\n        }\r\n        else {\r\n            tileCode = queryParams['productType'];\r\n        }\r\n\r\n        switch (tileCode) {\r\n            case \"Home\":\r\n                tileCode = \"Home to Auto\";\r\n                break;\r\n            case \"Auto\":\r\n                tileCode = \"Auto to Home\";\r\n                break;\r\n        }\r\n\r\n        await site.analyticsHandler.push({ \"tileCode\": tileCode, \"lob\": queryParams['programType'], \"productNames\": \"MSC_\" + tileCode });\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.CROSS_SELL_TAB_ID\" />\r\n\r\n            <div class=\"root-page-container select-channel\">\r\n\r\n\r\n                <div class=\"row mt-5\">\r\n\r\n                    <div class=\"col-sm-8 offset-sm-2 text-center\">\r\n\r\n                        <h1>\r\n                            Which channel(s) would you like to use for your Cross-sell effort?\r\n                        </h1>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col text-center\">\r\n\r\n                        <div class=\"pro-tip\">\r\n                            <ToolTip>\r\n                                <p class=\"mb-3 tip-text\">\r\n                                    Pro tip on how these different marketing channels work together\r\n                                    <i class=\"bi bi-chevron-right\"></i>\r\n                                </p>\r\n                                <template #content>\r\n                                    <div class=\"text-start\">\r\n                                        <h4 class=\"fw-bold\">Pro Tip</h4>\r\n                                        <div class=\"d-flex gap-2\">\r\n                                            <img src=\"/images/icons/boost-conversions.png\" alt=\"Boost conversions\" class=\"img-fluid\" />\r\n                                            <p class=\"fs-5 mb-0\">\r\n                                                <span class=\"fw-bold\">Boost conversions: </span>\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                                            </p>\r\n                                        </div>\r\n                                        <p class=\"text-end fs-6 mb-0\">SOURCE: Marketing Insider Group</p>\r\n                                    </div>\r\n                                </template>\r\n                            </ToolTip>\r\n                        </div>\r\n                        <div class=\"row mt-3\">\r\n                            <div class=\"col-sm-2 text-center\">\r\n                            </div>\r\n                            <div class=\"col-sm-8 text-center\">\r\n\r\n                                <p>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.</p>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row\" v-if=\"showExpressOrderMessage\">\r\n                    <div class=\"col text-center text-danger express-order\">\r\n                        Express Ordering is available for <span style=\"text-decoration:underline\">Direct Mail only</span>.\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <div class=\"d-flex justify-content-center\">\r\n\r\n                            <div class=\"text-center me-5\">\r\n\r\n                                <img src=\"/images/select-channel-direct-mail.png\" class=\"img-fluid\" alt=\"direct mail\" />\r\n\r\n                                <div>\r\n                                    <button class=\"btn btn-primary\" @click=\"onStartOrderClicked(ChannelTypes.DIRECT_MAIL)\">Direct Mail</button>\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"text-center me-5\">\r\n\r\n                                <img src=\"/images/select-channel-email.png\" class=\"img-fluid\" alt=\"email\" />\r\n\r\n                                <div>\r\n                                    <button class=\"btn btn-primary\" @click=\"onStartOrderClicked(ChannelTypes.EMAIL)\">Email</button>\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"text-center\">\r\n\r\n                                <img src=\"/images/select-channel-mutli-channel-campaign.png\" class=\"img-fluid\" alt=\"multi-channel campaign\" />\r\n\r\n                                <div>\r\n                                    <button class=\"btn btn-primary\" @click=\"onStartOrderClicked(ChannelTypes.MULTIPLE_CHANNEL)\">Multi-Channel (Direct Mail & Email)</button>\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <!-- TODO: make this go to the previous page-->\r\n                        <button @click=\"back\" class=\"btn btn-outline-primary\">Previous</button>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .select-channel {\r\n        .pro-tip > div {\r\n            position: relative;\r\n        }\r\n\r\n        .pro-tip {\r\n            img {\r\n                width: 95px;\r\n                height: 95px;\r\n            }\r\n\r\n            .tip-text {\r\n                color: $color-2-dk;\r\n                cursor: pointer;\r\n                line-height: 27px;\r\n\r\n                i {\r\n                    font-size: 12px;\r\n                }\r\n\r\n                &:hover {\r\n                    text-decoration: underline;\r\n                }\r\n            }\r\n        }\r\n        .express-order {\r\n            font-weight: bold\r\n        }\r\n    }\r\n</style>\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__","<script setup>\r\n\r\n    // TableSkeleton\r\n    // Just a skeleton for while a table is loading\r\n\r\n    function random() {\r\n        const column = Math.floor(Math.random() * 10) + 2;\r\n        return 'col-' + column;\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"table-skeleton\">\r\n\r\n        <table class=\"table table-striped table-hover\">\r\n            <thead>\r\n                <tr>\r\n                    <th scope=\"col\">\r\n                        <h5 class=\"card-title placeholder-glow\">\r\n                            <span class=\"placeholder col-3\"></span>\r\n                        </h5>\r\n                    </th>\r\n                    <th scope=\"col\">\r\n                        <h5 class=\"card-title placeholder-glow\">\r\n                            <span class=\"placeholder col-6\"></span>\r\n                        </h5>\r\n                    </th>\r\n                    <th scope=\"col\">\r\n                        <h5 class=\"card-title placeholder-glow\">\r\n                            <span class=\"placeholder col-10\"></span>\r\n                        </h5>\r\n                    </th>\r\n                    <th scope=\"col\">\r\n                        <h5 class=\"card-title placeholder-glow\">\r\n                            <span class=\"placeholder col-5\"></span>\r\n                        </h5>\r\n                    </th>\r\n                </tr>\r\n            </thead>\r\n            <tbody>\r\n                <tr>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                </tr>\r\n\r\n                <tr>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                </tr>\r\n\r\n                <tr>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                </tr>\r\n\r\n                <tr>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                </tr>\r\n\r\n                <tr>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                </tr>\r\n\r\n                <tr>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                </tr>\r\n\r\n                <tr>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                    <td>\r\n                        <p class=\"placeholder-glow\">\r\n                            <span class=\"placeholder bg-color-2 placeholder-lg\" :class=\"random()\"></span>\r\n                        </p>\r\n                    </td>\r\n                </tr>\r\n\r\n            </tbody>\r\n        </table>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .table-skeleton {\r\n    }\r\n</style>","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__","<script>\r\n\r\n    // OpportunitiesTile\r\n    // Tile for displaying cross-sell and retention opportunities \r\n\r\n    const constants = {\r\n        crossSellTypes: {\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            CustomHome: \"H\",\r\n            CustomAuto: \"A\",\r\n            CustomUmbrella: \"UR\"\r\n        },\r\n        crossSellIds: {\r\n            AutoCrossSell: \"cross-sell-auto-to-home\",\r\n            HomeCrossSell: \"cross-sell-home-to-auto\",\r\n            UmbrellaCrossSell: \"cross-sell-umbrella-to-auto\",\r\n            SpecialtyCrossSell: \"specialty-cross-sell\",\r\n            LandLordProtectionCrossSell: \"landlord-protection\",\r\n            PetCrossSell: \"pet-cross-sell\",\r\n            CustomAuto: \"auto-cross-sell\",\r\n            CustomHome: \"home-cross-sell\",\r\n            CustomUmbrella: \"umbrella-cross-sell\",\r\n        },\r\n\r\n        retentionTypes: {\r\n            AnnualAuto: \"annual-auto-list-search\",\r\n            CustomersUpRenewal: \"customers-up-renewal-list-search\",\r\n        },\r\n        retentionIds: {\r\n            AnnualAuto: \"annual-auto-convert-6-month-to-annual-auto\",\r\n            CustomersUpRenewal: \"customers-up-for-renewal-in-the-next-3-months\",\r\n        },\r\n        programTypes: {\r\n            CROSSSELL: \"CrossSell\",\r\n            RETENTION: \"Retention\",\r\n            PROSPECTING: \"Prospecting\",\r\n            Other: \"Other\",\r\n            ANNUAL_AUTO: \"AnnualAuto\",\r\n            WINBACK: \"WinBack\"\r\n        },\r\n        productTypes: {\r\n            Home: \"Home\",\r\n            Auto: \"Auto\",\r\n            Umbrella: \"Umbrella\",\r\n            Speciality: [\"Watercraft\", \"RV\", \"Motorcycle\"],\r\n            LandLordProtection: \"LandlordProtection\",\r\n            PetInsurance:\"Pet Insurance\"\r\n        }\r\n    };\r\n\r\n    export const crossSellTypes = constants.crossSellTypes;\r\n    export const crossSellIds = constants.crossSellIds;\r\n    export const programTypes = constants.programTypes;\r\n    export const productTypes = constants.productTypes;\r\n    export const retentionIds = constants.retentionIds;\r\n    export const retentionTypes = constants.retentionTypes;\r\n\r\n    export const getCrossSellType = (id) => {\r\n        switch (id) {\r\n            case crossSellIds.AutoCrossSell:\r\n                return crossSellTypes.AutoCrossSell;\r\n            case crossSellIds.HomeCrossSell:\r\n                return crossSellTypes.HomeCrossSell;\r\n            case crossSellIds.UmbrellaCrossSell:\r\n                return crossSellTypes.UmbrellaCrossSell;\r\n            case crossSellIds.SpecialtyCrossSell:\r\n                return crossSellTypes.SpecialtyCrossSell;\r\n            case crossSellIds.LandLordProtectionCrossSell:\r\n                return crossSellTypes.LandLordProtectionCrossSell;\r\n            case crossSellIds.PetCrossSell:\r\n                return crossSellTypes.PetCrossSell;\r\n            case crossSellIds.CustomAuto:\r\n                return crossSellTypes.AutoCrossSell;\r\n            case crossSellIds.CustomHome:\r\n                return crossSellTypes.HomeCrossSell;\r\n            case crossSellIds.CustomUmbrella:\r\n                return crossSellTypes.UmbrellaCrossSell;\r\n            default:\r\n                return '';\r\n        }\r\n    }\r\n\r\n    export const getRetentionType = (id) => {\r\n        switch (id) {\r\n            case retentionIds.AnnualAuto:\r\n                return retentionTypes.AnnualAuto;\r\n            case retentionIds.CustomersUpRenewal:\r\n                return retentionTypes.CustomersUpRenewal;\r\n            default:\r\n                return '';\r\n        }\r\n    }\r\n\r\n    export const getProgramType = (id) => {\r\n        switch (id) {\r\n            case crossSellIds.SpecialtyCrossSell:\r\n                return programTypes.CROSSSELL;\r\n            case crossSellIds.LandLordProtectionCrossSell:\r\n                return programTypes.CROSSSELL;\r\n            case crossSellIds.PetCrossSell:\r\n                return programTypes.CROSSSELL;\r\n            default:\r\n                return programTypes.CROSSSELL;\r\n        }\r\n    }\r\n    export const getProductType = (id) => {\r\n        switch (id) {\r\n            case crossSellIds.AutoCrossSell:\r\n                return productTypes.Auto;\r\n            case crossSellIds.HomeCrossSell:\r\n                return productTypes.Home;\r\n            case crossSellIds.UmbrellaCrossSell:\r\n                return productTypes.Umbrella;\r\n            case crossSellIds.SpecialtyCrossSell:\r\n                return productTypes.Speciality.join();\r\n            case crossSellIds.LandLordProtectionCrossSell:\r\n                return productTypes.LandLordProtection;\r\n            case crossSellIds.PetCrossSell:\r\n                return productTypes.PetInsurance;\r\n            default:\r\n                return '';\r\n        }\r\n    }\r\n    \r\n</script>\r\n<script setup>\r\n\r\n    // Imports ----\r\n    import { watch, ref, defineProps, reactive, computed } from 'vue';\r\n    import { Search } from '@dd-nucleus/nucleus-vue';\r\n    import { site } from '@/Site';\r\n    import useEventsBus from '@/site/services/EventBus';\r\n    import { useRouter, useRoute } from 'vue-router';\r\n    import { ChannelTypes } from '@/site/areas/personalization/SelectChannelPage';\r\n    import { getOppIdFromOppId, getProgramTypeFromOppId, getProductTypeFromOppId, ProgramType, EmailMultiChannelIds, ProductType, DataListOptionToOppId, TabIDs } from '@/constants';\r\n    import { formatStatCode, isNotEmpty } from '@/util';\r\n    //import { image } from '@/public/images/icons/1854871_MSC_IgniteTag_1x.png'\r\n\r\n\r\n    const { bus } = useEventsBus();\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n\r\n    // Components ----\r\n    import TableSkeleton from '@/site/components/skeleton/TableSkeleton';\r\n    import ConfirmationOverlay from '@/site/components/ConfirmationOverlay';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        filterId: {\r\n            type: String,\r\n            required: true\r\n        },\r\n        selectedAgencyDetails: {\r\n            required: false\r\n        }\r\n    });\r\n\r\n    const selectedAgencyDetails = reactive(site.agencyDetails.selectedAgencyDetails);\r\n    // State ----\r\n    const search = new Search('opportunities-search', 'detail', 'title', 5000);\r\n\r\n    const showSearch = ref(true);\r\n\r\n    const showOverlay = ref(false);\r\n    const agencyCode = ref('');\r\n    const crossSellType = ref('');\r\n    const licenseNumber = ref('');\r\n\r\n    const isAgencyMaster = computed(() => {\r\n        return selectedAgencyDetails && selectedAgencyDetails.isOwnerMaster;\r\n    });\r\n\r\n    const isLicenseRequired = computed(() => {\r\n        return (selectedAgencyDetails && selectedAgencyDetails.isLicenseNumberRequired);\r\n    })\r\n\r\n    // Handlers ----\r\n    function onEnrollClicked(code, id) {\r\n        showOverlay.value = true;\r\n        agencyCode.value = code;\r\n        crossSellType.value = getCrossSellType(id);\r\n    }\r\n\r\n    function cancelEnroll() {\r\n        licenseNumber.value = \"\";\r\n        showOverlay.value = false;\r\n    } \r\n\r\n    async function confirmEnroll() {\r\n        if (crossSellType.value) {\r\n            const response = await site.opportunities.setEnrollment(agencyCode.value, crossSellType.value, licenseNumber.value);\r\n            if (response && response.succeeded) {\r\n                search.refresh();\r\n                site.toast.success(\"Successfully Enrolled!\");\r\n            }\r\n        }\r\n        licenseNumber.value = \"\";\r\n        showOverlay.value = false;\r\n    }\r\n\r\n    async function onStartOrderClicked(oppId, agencyCode, oppType) {\r\n        let derivedOppId = getOppIdFromOppId(oppId);\r\n\r\n        const isEmailMultiChannelSupported = EmailMultiChannelIds.filter(em => em == oppId)?.length > 0;\r\n\r\n\r\n        if (isEmailMultiChannelSupported) {\r\n            router.push({\r\n                name: 'SelectChannelPage',\r\n                query: {\r\n                    programType: getProgramTypeFromOppId(derivedOppId),\r\n                    productType: getProductTypeFromOppId(derivedOppId),\r\n                    oppType: oppType,\r\n                    statCode: agencyCode,\r\n                    oppId: derivedOppId\r\n                }\r\n            });\r\n        }\r\n        else {\r\n            if (derivedOppId === DataListOptionToOppId.PetCrossSell) {\r\n                router.push({\r\n                    name: 'ProductSearch',\r\n                    query: { 'f-program-type': ProgramType.PET_INSURANCE, 'f-product-type': productTypes.PetInsurance, 'active-tab': TabIDs.CROSS_SELL_TAB_ID }\r\n                });\r\n            }\r\n            else if (derivedOppId === crossSellIds.LandLordProtectionCrossSell) {\r\n                router.push({\r\n                    name: 'SelectAssetPage',\r\n                    query: { 'programType': ProgramType.CROSS_SELL, 'productType': productTypes.LandLordProtection, 'oppId': crossSellTypes.LandLordProtectionCrossSell, 'isMultiChannel': 'false', 'channelType': ChannelTypes.DIRECT_MAIL }\r\n                });\r\n            }\r\n            else if (derivedOppId === crossSellIds.CustomUmbrella) {\r\n                router.push({\r\n                    name: 'SelectAssetPage',\r\n                    query: { 'programType': ProgramType.CROSS_SELL, 'productType': ProductType.UMBRELLA, 'oppId': crossSellTypes.UmbrellaCrossSell, 'isMultiChannel': 'false', 'channelType': ChannelTypes.DIRECT_MAIL }\r\n                });\r\n            }\r\n             else if (derivedOppId === crossSellIds.CustomAuto) {\r\n                router.push({\r\n                    name: 'SelectChannelPage',\r\n                    query: { 'programType': ProgramType.CROSS_SELL, 'productType': ProductType.AUTO, 'oppId': crossSellTypes.AutoCrossSell, 'isMultiChannel': 'false', 'channelType': ChannelTypes.DIRECT_MAIL }\r\n                });\r\n            }\r\n\r\n             else if (derivedOppId === crossSellIds.CustomHome) {\r\n                 router.push({\r\n                    name: 'SelectChannelPage',\r\n                    query: { 'programType': ProgramType.CROSS_SELL, 'productType': ProductType.HOME, 'oppId': crossSellTypes.HomeCrossSell, 'isMultiChannel': 'false', 'channelType': ChannelTypes.DIRECT_MAIL }\r\n                });\r\n            }\r\n\r\n            else {\r\n                router.push({\r\n                    name: 'SelectAssetPage',\r\n                    query: {\r\n                        programType: getProgramTypeFromOppId(derivedOppId),\r\n                        productType: getProductTypeFromOppId(derivedOppId),\r\n                        isMultiChannel: \"false\",\r\n                        oppId: derivedOppId,\r\n                        channelType: ChannelTypes.DIRECT_MAIL\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n\r\n    function getEnrollText(isEnrolled) {\r\n\r\n        return isEnrolled ? \"Enrolled\" : \"Not Enrolled\";\r\n    }\r\n\r\n    // Lifecycle ----\r\n    watch(() => bus.value.get('changeAgency'), () => {\r\n        showSearch.value = false;\r\n        setTimeout(() => {\r\n            showSearch.value = true;\r\n        }, 200);\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <ConfirmationOverlay v-if=\"showOverlay\">\r\n        <template v-slot:headline>\r\n            <div v-if=\"isLicenseRequired\" class=\"row mb-4\">\r\n                <div class=\"col-12\">\r\n                    <h2 class=\"confirm\">Please enter License Number</h2>\r\n                    <input v-model=\"licenseNumber\" class=\"w-100\" />\r\n                </div>\r\n            </div>\r\n            <h2 class=\"confirm\">Are you sure you want to Enroll?</h2>\r\n        </template>\r\n        <template v-slot:buttons>\r\n\r\n            <button class=\"btn btn-outline-primary me-5\" @click=\"cancelEnroll\">Cancel</button>\r\n            <button class=\"btn btn-primary ms-5\" :disabled=\"isLicenseRequired && licenseNumber.length < 7\" @click=\"confirmEnroll\">Enroll</button>\r\n\r\n        </template>\r\n    </ConfirmationOverlay>\r\n\r\n    <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"true\" v-if=\"showSearch\">\r\n\r\n        <TextBoxFilter v-show=\"false\" :filter-id=\"props.filterId\" />\r\n\r\n        <SearchGrid>\r\n            <template v-slot:list=\"opps\">\r\n                <div style=\"display: flex; align-items: center; border-bottom:2px solid #000;\">\r\n                    <h2 style=\"width:35%\">{{ opps.title }}</h2>\r\n                    <headlinewithicon v-if=\"opps.title === 'Automated cross-sell'\" class=\"sub-tab\">\r\n                        <img src=\"/images/icons/1854871_MSC_IgniteTag_1x.png\" alt=\"ignite\" class=\"img-fluid\" />\r\n                    </headlinewithicon>\r\n                </div>\r\n\r\n                <table class=\"table table-striped sub-tab\">\r\n\r\n                    <thead v-if=\"opps.addHeaders\">\r\n                        <tr>\r\n                            <th scope=\"col\">Program</th>\r\n                            <th scope=\"col\">Opportunities</th>\r\n                            <th scope=\"col\"></th>\r\n                            <th scope=\"col\"></th>\r\n                        </tr>\r\n                    </thead>\r\n\r\n                    <tbody>\r\n                        <template v-if=\"opps.opps && opps.opps.length > 0\">\r\n                            <template v-for=\"opp in opps.opps\" :key=\"opp.titleHtml\">\r\n                                <tr>\r\n                                    <td width=\"36%\">\r\n                                        <div class=\"multi-row-div\" v-html=\"opp.titleHtml\"></div>\r\n                                        <div v-if=\"opp.subCodeOppCount > 0\" class=\"multi-row-div\"></div>\r\n                                    </td>\r\n\r\n                                    <td width=\"30%\">\r\n                                        <div class=\"multi-row-div\"><b>{{ opp.oppCount }}</b> <span v-if=\"opp.agencyCode\">({{ formatStatCode(opp.agencyCode) }})</span> opportunities</div>\r\n                                        <div v-if=\"isAgencyMaster && isNotEmpty(opp.subCodeOppCount)\" class=\"multi-row-div\"><b>{{ opp.subCodeOppCount }}</b> sub code opportunities</div>\r\n                                    </td>\r\n                                    <td width=\"28%\">\r\n                                        <div class=\"multi-row-div\">\r\n                                            <template v-if=\"opp.titleHtml === 'Cross-sell Auto to Home'\">\r\n                                                <div v-if=\"opp.isEnrolled\" class=\"enrolled\">\r\n                                                    <p>Enrolled</p>\r\n                                                </div>\r\n                                                <div v-else>\r\n                                                    <button :disabled=\"opp.oppCount < 1\" @click=\"onEnrollClicked(opp.agencyCode, opp.id)\" class=\"btn btn-primary-sm\">Enroll</button>\r\n                                                </div>\r\n                                            </template>\r\n                                            <template v-if=\"opp.titleHtml === 'Cross-sell Home to Auto'\">\r\n                                                <div v-if=\"opp.isEnrolled\" class=\"enrolled\">\r\n                                                    <p>Enrolled</p>\r\n                                                </div>\r\n                                                <div v-else>\r\n                                                    <button :disabled=\"opp.oppCount < 1\" @click=\"onEnrollClicked(opp.agencyCode, opp.id)\" class=\"btn btn-primary-sm\">Enroll</button>\r\n                                                </div>\r\n                                            </template>\r\n                                            <template v-if=\"opp.titleHtml === 'Cross-sell Umbrella to Auto'\">\r\n                                                <div v-if=\"opp.isEnrolled\" class=\"enrolled\">\r\n                                                    <p>Enrolled</p>\r\n                                                </div>\r\n                                                <div v-else>\r\n                                                    <button :disabled=\"opp.oppCount < 1\" @click=\"onEnrollClicked(opp.agencyCode, opp.id)\" class=\"btn btn-primary-sm\">Enroll</button>\r\n                                                </div>\r\n                                            </template>\r\n                                            <template v-if=\"opp.titleHtml  === 'Pet Cross-sell'\">\r\n                                                <div>\r\n                                                    <button :disabled=\"opp.oppCount < 1\" @click=\"onStartOrderClicked(opp.id, opp.agencyCode, opp.oppType)\" class=\"btn btn-primary-sm\">\r\n                                                        Start Order\r\n                                                    </button>\r\n                                                </div>\r\n                                            </template>\r\n                                            <template v-if=\"opp.titleHtml  === 'Specialty Cross-sell'\">\r\n                                                <div>\r\n                                                    <button :disabled=\"opp.oppCount < 1\" @click=\"onStartOrderClicked(opp.id, opp.agencyCode, opp.oppType)\" class=\"btn btn-primary-sm\">\r\n                                                        Start Order\r\n                                                    </button>\r\n                                                </div>\r\n                                            </template>\r\n                                            <template v-if=\"opp.oppType  === 'LPP'\">\r\n                                                <div>\r\n                                                    <button :disabled=\"opp.oppCount < 1\" @click=\"onStartOrderClicked(opp.id, opp.agencyCode, opp.oppType)\" class=\"btn btn-primary-sm\">\r\n                                                        Start Order\r\n                                                    </button>\r\n                                                </div>\r\n                                            </template>\r\n                                            <template v-if=\"opp.titleHtml  === 'Auto Cross-sell'\">\r\n                                                <div>\r\n                                                    <button :disabled=\"opp.oppCount < 1\" @click=\"onStartOrderClicked(opp.id, opp.agencyCode, opp.oppType)\" class=\"btn btn-primary-sm\">\r\n                                                        Start Order\r\n                                                    </button>\r\n                                                </div>\r\n                                            </template>\r\n                                            <template v-if=\"opp.titleHtml  === 'Home Cross-sell'\">\r\n                                                <div>\r\n                                                    <button :disabled=\"opp.oppCount < 1\" @click=\"onStartOrderClicked(opp.id, opp.agencyCode, opp.oppType)\" class=\"btn btn-primary-sm\">\r\n                                                        Start Order\r\n                                                    </button>\r\n                                                </div>\r\n                                            </template>\r\n                                            <template v-if=\"opp.titleHtml  === 'Umbrella Cross-sell'\">\r\n                                                <div>\r\n                                                    <button :disabled=\"opp.oppCount < 1\" @click=\"onStartOrderClicked(opp.id, opp.agencyCode, opp.oppType)\" class=\"btn btn-primary-sm\">\r\n                                                        Start Order\r\n                                                    </button>\r\n                                                </div>\r\n                                            </template>\r\n                                        </div>\r\n                                    </td>\r\n\r\n                                    <td width=\"20%\" v-if=\"props.filterId == 'opportunities-cross-sell'\">\r\n                                        <div class=\"multi-row-div\">\r\n                                            <template v-if=\"opp.oppCount > 0\">\r\n                                                <router-link :to=\"`/cross-sell/view-detail/${getCrossSellType(opp.id)}/${opp.agencyCode}?enrollText=${getEnrollText(opp.isEnrolled)}`\" class=\"no-underline\">View List</router-link>\r\n                                            </template>\r\n                                        </div>\r\n                                        <div v-if=\"opp.subCodeOppCount > 0\" class=\"multi-row-div\">\r\n                                            <router-link :to=\"'/cross-sell/view-summary/' + opp.id\" class=\"no-underline\">View List</router-link>\r\n                                        </div>\r\n                                    </td>\r\n\r\n                                    <td width=\"20%\" v-if=\"props.filterId == 'opportunities-retention'\">\r\n                                        <div class=\"multi-row-div\">\r\n                                            <template v-if=\"opp.oppCount > 0\">\r\n                                                <router-link :to=\"'/retention/annual-auto/view-detail/' + getRetentionType(opp.id)\" class=\"no-underline\">View List</router-link>\r\n                                            </template>\r\n                                        </div>\r\n                                        <div v-if=\"opp.subCodeOppCount > 0\" class=\"multi-row-div\">\r\n                                            <router-link to=\"#TODO\" class=\"no-underline\">View List</router-link>\r\n                                        </div>\r\n                                    </td>\r\n                                </tr>\r\n                            </template>\r\n                        </template>\r\n                        <!-- Template for no results -->\r\n                        <template v-else>\r\n                            No opportunities were found that match your criteria.\r\n                        </template>\r\n                    </tbody>\r\n                </table>\r\n            </template>\r\n\r\n            <template #loading>\r\n                <TableSkeleton />\r\n            </template>\r\n\r\n        </SearchGrid>\r\n        <div v-if=\"search.results.loaded && route.path.includes('/home')\" class=\"cross-sell\" style=\"text-align: left; margin-left: 0;\">\r\n            <router-link :to=\"{ path: '/cross-sell' }\" class=\"no-underline\">Learn more about Cross-sell</router-link>\r\n            <span>&#10240;|&#10240;</span>\r\n            <router-link :to=\"{ path: '/products', query: { 'f-program-type': ProgramType.CROSS_SELL, 'f-product-state': props.selectedAgencyDetails } }\" class=\"no-underline\">View Cross-sell assets</router-link>\r\n        </div>\r\n    </SearchContainer>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n    .enrolled {\r\n        display: flex;\r\n        align-items: center;\r\n        p {\r\n            margin: 0px;\r\n            font-size: 12px;\r\n            font-weight: $bold;\r\n            padding-left: 0.5rem;\r\n        }\r\n\r\n        button {\r\n            margin-left: 20px;\r\n        }\r\n    }\r\n\r\n    .btn-primary-sm {\r\n        padding-left: 1rem;\r\n        padding-right: 1rem;\r\n    }\r\n\r\n    .multi-row-div {\r\n        height: 2rem;\r\n        vertical-align: middle;\r\n    }\r\n\r\n    .vertical-align {\r\n        vertical-align: middle;\r\n    }\r\n    .tab-content .cross-sell {\r\n        font-size: 14px;\r\n        display: flex;\r\n        justify-content: flex-start;\r\n        margin-top: -40px;\r\n    }\r\n\r\n</style>","import script from \"./OpportunitiesTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OpportunitiesTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OpportunitiesTile.vue?vue&type=style&index=0&id=33ac676c&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-33ac676c\"]])\n\nexport default __exports__","<script setup>\r\n\r\n    // ProspectingOpportunitiesTile\r\n    // Tile for displaying prospecting opportunities\r\n\r\n    // Imports ----\r\n    import { watch, ref, defineProps } from 'vue';\r\n    import { Search, Util } from '@dd-nucleus/nucleus-vue';\r\n    import useEventsBus from '@/site/services/EventBus';\r\n    import { useRouter } from 'vue-router';\r\n\r\n    const { bus } = useEventsBus();\r\n\r\n    const router = useRouter();\r\n\r\n    // Components ----\r\n    import TableSkeleton from '@/site/components/skeleton/TableSkeleton';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        filterId: {\r\n            type: String,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    watch(() => bus.value.get('changeAgency'), () => {\r\n        showSearch.value = false;\r\n        setTimeout(() => {\r\n            showSearch.value = true;\r\n        }, 200);\r\n    });\r\n\r\n    // State ----\r\n    const search = new Search('prospecting-search', 'detail', 'prospect-title-desc', 5000);\r\n\r\n    const showSearch = ref(true);\r\n\r\n    // Handlers ----\r\n    async function startOrder() {\r\n\r\n        router.push({\r\n            name: 'ProspectingSelectPromoteProspectsPage'\r\n        });\r\n        \r\n    }\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"true\" v-if=\"showSearch\">\r\n\r\n        <TextBoxFilter v-show=\"false\" :filter-id=\"props.filterId\" />\r\n\r\n        <SearchGrid>\r\n            <template v-slot:list=\"opps\">\r\n                <div v-if=\"opps.id == 'opportunities'\">\r\n                    <template v-if=\"opps.opps && opps.opps.length > 0\">\r\n                        <h2 class=\"sub-tab\">{{ opps.title }}</h2>\r\n                       \r\n                        <table class=\"table table-striped sub-tab\">\r\n                            <thead>\r\n                                <tr>\r\n                                    <th scope=\"col\">Program</th>\r\n                                    <th scope=\"col\">Opportunities</th>\r\n                                    <th scope=\"col\"></th>\r\n                                    <th scope=\"col\"></th>\r\n                                </tr>\r\n                            </thead>\r\n\r\n                            <tbody>\r\n                                <template v-for=\"opp in opps.opps\" :key=\"opp.titleHtml\">\r\n                                    <tr>\r\n                                        <td width=\"45%\">\r\n                                            Prospecting discount code: <strong>{{opp.titleHtml}}</strong>\r\n                                        </td>\r\n\r\n                                        <td width=\"25%\">\r\n                                            <strong>{{opp.oppCount}}</strong>\r\n                                        </td>\r\n\r\n                                        <td width=\"40%\">\r\n                                           <button @click=\"startOrder(opps.id, opps.opps[0].agencyCode)\" class=\"btn btn-primary-sm btn-primary\">Start Order</button>\r\n                                        </td>\r\n                                    </tr>\r\n                                </template>\r\n                            </tbody>\r\n                        </table>\r\n                    </template>\r\n                    <template v-else>\r\n                        <div class=\"prospect-opps p-2\">\r\n                            <strong>Grow your business through a targeted lead generation program today.</strong>\r\n                        </div>\r\n                    </template>\r\n                </div>\r\n                <div v-if=\"opps.id == 'campaigns'\">\r\n                    <h2 class=\"sub-tab\">{{ opps.title }}</h2>\r\n                    <table class=\"table table-striped sub-tab\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th scope=\"col\"  style=\"width: 44%;\">Program </th>\r\n                                <th scope=\"col\">Opportunities</th>\r\n                                <th scope=\"col\">&nbsp;</th>\r\n                                <th scope=\"col\">Date sent</th>\r\n                                <th scope=\"col\">&nbsp;</th>\r\n                                <th scope=\"col\">Prospecting list expires</th>\r\n                            </tr>\r\n                        </thead>\r\n\r\n                        <tbody>\r\n                            <template v-if=\"opps.opps && opps.opps.length > 0\">\r\n                                <template v-for=\"opp in opps.opps\" :key=\"opp.titleHtml\">\r\n                                    <tr >\r\n                                        <td width=\"45%\">\r\n                                            Prospecting Order: {{opp.titleHtml}}\r\n                                        </td>\r\n                                     \r\n                                        <td width=\"25%\">\r\n                                            <strong>{{opp.oppCount}}</strong>\r\n                                        </td>\r\n\r\n                                        <td width=\"15%\">\r\n                                            {{Util.date(opp.dateSent, false)}}\r\n                                        </td>\r\n\r\n                                        <td width=\"15%\" :class=\"{ urgent: opp.listExpires < 10 }\">\r\n                                            {{opp.listExpires}} Days\r\n                                        </td>\r\n\r\n                                        <td>\r\n                                            <router-link :to=\"`/account/order-detail?f-order-details-list-id=${opp.id}`\" class=\"no-underline\">View List</router-link>\r\n                                        </td>\r\n                                    </tr>\r\n                                </template>\r\n                            </template>\r\n\r\n                            <template v-else>\r\n                                <tr>\r\n                                    <td colspan=\"50\" style=\"text-align: left;\" scope=\"col\">\r\n                                        <div>\r\n                                            No campaigns were found.\r\n                                        </div>\r\n                                    </td>\r\n                                </tr>\r\n                            </template>\r\n                        </tbody>\r\n\r\n                    </table>\r\n\r\n                </div>\r\n            </template>\r\n\r\n            <!-- Template for no results -->\r\n            <template #empty>\r\n                No opportunities were found that match your criteria.\r\n            </template>\r\n\r\n            <template #loading>\r\n                <TableSkeleton />\r\n            </template>\r\n\r\n        </SearchGrid>\r\n\r\n    </SearchContainer>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n    .enrolled {\r\n        font-weight: $bold;\r\n    }\r\n\r\n    .btn-primary-sm {\r\n        padding-left: 1rem;\r\n        padding-right: 1rem;\r\n    }\r\n\r\n    .multi-row-div {\r\n        height: 2rem;\r\n        vertical-align: middle;\r\n    }\r\n\r\n    .urgent {\r\n        color: $error !important;\r\n    }\r\n\r\n    .prospect-opps {\r\n        background: $color-2-xlt;\r\n    }\r\n</style>","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__","<script setup>\r\n\r\n    // IconPanel\r\n    // Icon Panel for use when we have an icon in the header of the panel\r\n    import { defineProps } from 'vue';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        title: {\r\n            type: String,\r\n            required: true\r\n        },\r\n        icon: {\r\n            type: String,\r\n            required: true\r\n        }\r\n    });\r\n    \r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"card icon-panel border-0\">\r\n\r\n        <div class=\"card-body\">\r\n\r\n            <h3 class=\"card-title\"><img :src=\"props.icon\" :alt=\"title\"> {{props.title}}</h3>\r\n\r\n            <slot></slot>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .icon-panel {\r\n\r\n        h3.card-title {\r\n            font-weight: $normal;\r\n            padding-bottom: 7px;\r\n            border-bottom: 1px solid $gray-2;\r\n        }\r\n\r\n        .card-title img {\r\n            height: 25px;\r\n            margin-right: 10px;\r\n        }\r\n    }\r\n</style>","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__","<script setup>\r\n\r\n    // LinkItem\r\n    // LinkItem will determine if click is internal or external.\r\n    import { computed, defineProps } from 'vue';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        title: {\r\n            type: String,\r\n            required: true\r\n        },\r\n        link: {\r\n            type: [String, Object],\r\n            required: true\r\n        },\r\n        isExternal: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        },\r\n        openNewWindow: {\r\n            type: Boolean,\r\n            required: true\r\n        },\r\n        // Detemines how many levels deep this links is used for indenting a link (children links)\r\n        level: {\r\n            type: Number,\r\n            required: false,\r\n            default: 0\r\n        },\r\n        // Takes in the number (or fractions) of rems to indent, defaults is 1rem\r\n        indentPerLevelRem: {\r\n            type: Number,\r\n            required: false,\r\n            default: 1\r\n        },\r\n        // This determines if we want to show the chevron right next to the link items\r\n        showChevron: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        }\r\n    });\r\n\r\n    // Lifecycle Hooks ----\r\n    const target = computed(() => {\r\n        if (props.openNewWindow) {\r\n            return '_blank';\r\n        }\r\n        return '_self';\r\n    });\r\n\r\n    const indentStyle = computed(() => {\r\n        return \"margin-left: \" + props.level * props.indentPerLevelRem + \"rem;\";\r\n    });\r\n\r\n    function scrollToTop(){\r\n        window.scroll(0,0);\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"link-item\" :style=\"indentStyle\">\r\n\r\n        <template v-if=\"!props.isExternal\">\r\n            <router-link :to=\"props.link\" class=\"no-underline\" @click=\"scrollToTop\">\r\n                {{props.title}} <i v-if=\"props.showChevron\" class=\"bi bi-chevron-right\"></i>\r\n            </router-link>\r\n        </template>\r\n\r\n        <template v-else>\r\n            <a :href=\"props.link\" class=\"no-underline\" :target=\"target\">\r\n                {{props.title}} <i v-if=\"props.showChevron\" class=\"bi bi-chevron-right\"></i>\r\n            </a>\r\n        </template>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .link-item {\r\n\r\n        .bi {\r\n            font-size: 12px;\r\n        }\r\n    }\r\n</style>","import script from \"./LinkItem.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./LinkItem.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./LinkItem.vue?vue&type=style&index=0&id=83d2d774&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // HeadlineWithIcon\r\n    // Headline component that accepts a title as a prop and builds the h2 container\r\n\r\n    // Imports\r\n    import { defineProps } from 'vue';\r\n\r\n    const props = defineProps({\r\n        title: {\r\n            type: String,\r\n            required: true\r\n        },\r\n        subTitle: {\r\n            type: String,\r\n            required: false\r\n        },\r\n        iconPath: {\r\n            type: String,\r\n            required: true\r\n        }\r\n    })\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"d-flex align-items-center headline-with-icon\">\r\n\r\n        <div class=\"flex-shrink-0\">\r\n\r\n            <img :src=\"props.iconPath\" :alt=\"props.title\" class=\"img-fluid\" />\r\n\r\n        </div>\r\n\r\n        <div class=\"flex-grow-1 ms-3\">\r\n\r\n            <h1>{{props.title}}</h1>\r\n            <p class=\"fw-bold\" v-if=\"props.subTitle\">{{props.subTitle}}</p>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .headline-with-icon {\r\n    }\r\n</style>","import script from \"./HeadlineWithIcon.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./HeadlineWithIcon.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./HeadlineWithIcon.vue?vue&type=style&index=0&id=f4783daa&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // AdvantagePlusPanel\r\n    // AdvantagePlusPanel is a common panel used in a few places with different text / offers and buttons?\r\n    /* \r\n     * The button will emit an event to the parent \r\n     * add @click=\"{parent function name}\" when you include this component to know when the button is clicked\r\n    */\r\n\r\n    import { defineProps, defineEmits } from 'vue';\r\n\r\n    // Emits \r\n    const emit = defineEmits(['click']);\r\n\r\n    function buttonClick() {\r\n        emit('click')\r\n    }\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        tierName: {\r\n            type: String,\r\n            required: false,\r\n        },\r\n        buttonText: {\r\n            type: String,\r\n            required: false\r\n        },\r\n        discountCode: {\r\n            type: String,\r\n            required: false,\r\n        },\r\n\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"advantage-plus bg-gray-1 text-center p-3\">\r\n\r\n\r\n        <div class=\"headline fw-bold\">\r\n            <img src=\"/images/icons/ignite-rocket-icon.png\" alt=\"ignite rocket icon\" />{{props.tierName}}\r\n        </div>\r\n\r\n        <slot name=\"aboveDiscount\"></slot>\r\n\r\n        <div v-if=\"props.discountCode\" class=\"bg-gray-0 p-2 my-3 bg-white\">\r\n            DISCOUNT CODE: {{props.discountCode}}\r\n        </div>\r\n\r\n        <slot name=\"belowDiscount\"></slot>\r\n\r\n        <div v-if=\"props.buttonText\" class=\"mt-2\">\r\n            <button class=\"btn btn-primary\" @click=\"buttonClick\">\r\n                {{buttonText}}\r\n            </button>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .advantage-plus {\r\n        background: $gray-1;\r\n\r\n        .headline{\r\n            font-size: 1.875rem;\r\n        }\r\n    }\r\n</style>","import script from \"./AdvantagePlusPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AdvantagePlusPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AdvantagePlusPanel.vue?vue&type=style&index=0&id=7cb9c133&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    \r\n    // Ignite Promo For Prospecting \r\n\r\n    import { reactive, ref, computed } from 'vue';\r\n    import { useRouter } from 'vue-router';\r\n    import { site } from '@/Site';\r\n\r\n    // Components \r\n    import AdvantagePlusPanel from \"./AdvantagePlusPanel\"\r\n\r\n    //State\r\n    const router = useRouter();\r\n    const advantageAndPlusTiers = [\"Advantage\", \"Advantage Plus\", \"Launch Plus\", \"Partner Plus\"];\r\n    const launchAndPartner = [\"Launch\", \"Partner\"];\r\n    const currentAgencyId = ref(site.agencyDetails.agencyDefaultId);\r\n    const selectedAgencyDetails = reactive(site.agencyDetails.selectedAgencyDetails);\r\n    const selectedAgencyIgniteDetails = reactive(site.agencyDetails.selectedAgencyIgniteDetails);\r\n\r\n    // Methods  ----\r\n    function enroll() {\r\n\r\n        router.push({\r\n            name: 'ProspectingSelectPromoteProspectsPage'\r\n        });\r\n    }\r\n\r\n    function viewLists() {\r\n        router.push({ path: '/account/order-history' });\r\n    }\r\n\r\n    // computed\r\n    const isEmployee = computed(() => {\r\n        return currentAgencyId.value == 0 ? true : false;\r\n    });\r\n\r\n    const qualifyTextOM = computed(() => {\r\n        if (launchAndPartner.includes(selectedAgencyIgniteDetails.igniteStatus)) {\r\n            return \"you qualify for \"; //Launch and Partner tiers\r\n        }\r\n        return \"you qualify for up to\";\r\n    });\r\n\r\n    const discountValueOM = computed(() => {\r\n        var percentage = (selectedAgencyIgniteDetails.reductionRate ?? 0) * 100;\r\n        if (launchAndPartner.includes(selectedAgencyIgniteDetails.igniteStatus) && percentage>0) {\r\n            return percentage + \"%\" + \" off \" + selectedAgencyIgniteDetails.discountValue  + \" prospects annually\";\r\n        }\r\n        return selectedAgencyIgniteDetails.discountValue + \" Free prospects annually\";\r\n    });\r\n\r\n    const igniteMessage = computed(() => {\r\n        if (advantageAndPlusTiers.includes(selectedAgencyIgniteDetails.igniteStatus)) {\r\n            return \"Free mailings.\"; //Advantage and other plus tiers\r\n        } else if (launchAndPartner.includes(selectedAgencyIgniteDetails.igniteStatus)) {\r\n            return \"Discounted mailings.\"; //Launch and Partner tiers\r\n        }\r\n\r\n        return \"Free Prospects.\"; //Elite tier\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n    <!-- OWNER MASTER -->\r\n     <AdvantagePlusPanel v-if=\"selectedAgencyDetails.isOwnerMaster && !isEmployee && selectedAgencyIgniteDetails.discountValue > selectedAgencyIgniteDetails.usage\" :tierName=\"selectedAgencyIgniteDetails.igniteStatus\" :discountCode=\"selectedAgencyIgniteDetails.discountCode\" buttonText=\"Order mailing\" @click=\"enroll\">\r\n\r\n        <template v-slot:aboveDiscount>\r\n\r\n            <p class=\"pb-0 mt-2 mb-0\">\r\n                {{qualifyTextOM}}\r\n            </p>\r\n            <p class=\"fw-bold\">\r\n                {{discountValueOM}}\r\n            </p>\r\n\r\n        </template>\r\n\r\n        <template v-slot:belowDiscount>\r\n            <p class=\"fw-bold\">\r\n                Total used: {{selectedAgencyIgniteDetails.usage}} | Remaining: {{selectedAgencyIgniteDetails.remaining}}\r\n            </p>\r\n        </template>\r\n\r\n    </AdvantagePlusPanel>\r\n\r\n    <!-- OWNER MASTER Reward has been used -->\r\n    <AdvantagePlusPanel v-if=\"selectedAgencyDetails.isOwnerMaster && !isEmployee && selectedAgencyIgniteDetails.discountValue === selectedAgencyIgniteDetails.usage\" :tierName=\"selectedAgencyIgniteDetails.igniteStatus\" buttonText=\"View Lists\" @click=\"viewLists\">\r\n\r\n        <template v-slot:aboveDiscount>\r\n\r\n            <p class=\"fw-bold mt-2 mb-0\">\r\n                Thank you for redeeming your Ignite rewards.\r\n            </p>\r\n\r\n        </template>\r\n\r\n        <template v-slot:belowDiscount>\r\n            <p class=\"fw-bold\">\r\n                To get started, download your list to view your new prospects.\r\n            </p>\r\n        </template>\r\n\r\n    </AdvantagePlusPanel>\r\n\r\n    <!-- SUB CODE AGENT -->\r\n    <AdvantagePlusPanel v-if=\"selectedAgencyDetails.isOwnerMaster === false && !isEmployee\" :tierName=\"selectedAgencyIgniteDetails.igniteStatus\" buttonText=\"Order Mailing\" @click=\"enroll\">\r\n\r\n        <template v-slot:aboveDiscount>\r\n\r\n            <p class=\"pb-0\">\r\n                you may qualify for\r\n            </p>\r\n            <p class=\"fw-bold\">\r\n                {{igniteMessage}}\r\n            </p>\r\n        </template>\r\n        <template v-slot:belowDiscount>\r\n            Contact your TM to discuss or you can order Prospects at cost.\r\n        </template>\r\n    </AdvantagePlusPanel>\r\n\r\n    <!-- ALL USERS -->\r\n    <AdvantagePlusPanel v-if=\"isEmployee\">\r\n        <template v-slot:aboveDiscount>\r\n            <p class=\"fw-bold\">\r\n                Safeco is committed to helping\r\n                agents grow their business.\r\n            </p>\r\n        </template>\r\n        <template v-slot:belowDiscount>\r\n            That's why the MSC provides a\r\n            wide array of tools and resources.\r\n        </template>\r\n    </AdvantagePlusPanel>\r\n</template>","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__","<script setup>\r\n// HomePage\r\n// Main home page\r\n\r\n// Components\r\nimport PageTemplate from '@/template/PageTemplate';\r\nimport GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\nimport { TabBar, ShowOnlyForRoles } from '@dd-nucleus/nucleus-vue';\r\nimport OpportunitiesTile from '@/site/components/OpportunitiesTile';\r\nimport ProspectingOpportunitiesTile from '@/site/areas/prospecting/components/ProspectingOpportunitiesTile';\r\n//import HeroImageSlider from './components/HeroImageSlider';\r\nimport IconPanel from './components/IconPanel';\r\n//import WhatToDoPanel from './components/WhatToDoPanel';\r\n//import ExpandableLink from './components/ExpandableLink';\r\nimport LinkItem from './components/LinkItem';\r\nimport HeadlineWithIcon from './components/HeadlineWithIcon';\r\nimport IgniteProspectingPromo from '@/site/components/IgniteProspectingPromo';\r\n\r\n// Imports\r\nimport { reactive, ref, computed, onMounted, watch } from 'vue';\r\nimport { site } from '@/Site';\r\nimport { ProgramType, TabIds } from '@/constants';\r\nimport { useRoute } from 'vue-router';\r\nimport { ChannelTypes } from '@/site/areas/personalization/SelectChannelPage';\r\nimport { isNotEmpty } from '@/util';\r\nimport useEventsBus from '@/site/services/EventBus';\r\n\r\nconst { bus } = useEventsBus();\r\n\r\nconst route = useRoute();\r\nconst dataLoaderAnnouncement = ref(false);\r\nconst savedItems = reactive({ orderStates: [] });\r\nconst bannerData = reactive({ banners: [] });\r\nlet announcementToShow = reactive([]);\r\n\r\n// For Adobe analytics\r\nonMounted(async () => {\r\n    await getSavedItems();\r\n    await site.analyticsHandler.push({ \"tileCode\": \"Home\" });\r\n    const response = await site.banners.getBanners();\r\n    bannerData.banners = response;\r\n\r\n    const responseAnnouncement = await site.announcement.getAnnouncementsForUser();\r\n    if (responseAnnouncement.succeeded) {\r\n        announcementToShow.push(...responseAnnouncement.announcements);\r\n        dataLoaderAnnouncement.value = true;\r\n    } else {\r\n        site.handleApiError(responseAnnouncement);\r\n        return null;\r\n    }\r\n    await site.analyticsHandler.push({ \"tileCode\": \"Home\" });   \r\n});\r\n\r\n\r\n// State\r\nconst growthTabs = reactive([\r\n    {\r\n        id: 'growth-cross-sell',\r\n        title: 'Cross-sell'\r\n    },\r\n    {\r\n        id: 'growth-prospecting',\r\n        title: 'Prospecting & Campaigns'\r\n    }\r\n]);\r\n\r\nconst currentAgencyId = ref(site.agencyDetails.agencyDefaultId);\r\nconst selectedAgencyDetails = reactive(site.agencyDetails.selectedAgencyDetails);\r\n\r\n// Computed\r\nconst isEmployee = computed(() => {\r\n    return currentAgencyId.value == 0 ? true : false;\r\n});\r\n\r\nconst selectedTab = computed(() => {\r\n    switch (route.query.tab) {\r\n        case ProgramType.PROSPECTING:\r\n            return TabIds.PROSPECTING;\r\n        default:\r\n            return TabIds.CROSS_SELL;\r\n    }\r\n});\r\n\r\nfunction isActive(id) {\r\n    if (id == selectedTab.value) {\r\n        return 'active show';\r\n    }\r\n}\r\n\r\nasync function getSavedItems() {\r\n    savedItems.orderStates.length = 0;\r\n    if (site.agencyDetails.defaultAgency.id > 0) {\r\n        const response = await site.personalizationInfo.getSavedItems();\r\n        if (response && response.length > 0) {\r\n            savedItems.orderStates = response;\r\n        }\r\n    }\r\n}\r\n\r\nasync function deleteOrderState(id) {\r\n    const response = await site.personalizationInfo.deleteOrderState(id);\r\n    if (response.succeeded) {\r\n        const toDeleteOrderState = savedItems.orderStates.find(os => os.id == id);\r\n        savedItems.orderStates = savedItems.orderStates.filter((item) => item.id != id);\r\n        if (isNotEmpty(toDeleteOrderState.parentId)) {\r\n            if (toDeleteOrderState.parentId == id) {\r\n                savedItems.orderStates = savedItems.orderStates.filter(item => item.parentId != id);\r\n            } else if (toDeleteOrderState.parentId != id) {\r\n                savedItems.orderStates = savedItems.orderStates.filter(item => item.id != toDeleteOrderState.parentId);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nfunction resumeOrderState(orderState) {\r\n    const parentId = orderState.parentId ? orderState.parentId : orderState.id;\r\n    const orderStateId = orderState.parentId ? orderState.parentId : orderState.id;\r\n    const channelType = orderState.product?.attributes?.isEmail ? ChannelTypes.EMAIL : ChannelTypes.DIRECT_MAIL;\r\n    return `/personalization/step-1/${orderStateId}/${parentId}/${orderState.productId}/?edit=true&isSubscription=${orderState.product?.attributes?.isSubscription}&channelType=${channelType}`;\r\n}\r\n\r\n//watch\r\nwatch(() => bus.value.get('changeAgency'), async () => {\r\n    await getSavedItems();\r\n});\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page home-page\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.HOME_TAB_ID\" />\r\n\r\n            <div class=\"root-page-container\">\r\n\r\n                <div class=\"row\" v-if=\"dataLoaderAnnouncement\">\r\n                    <div class=\"col\" v-if=\"announcementToShow.length\">\r\n                        <div class=\"announcements\" v-for=\"announcement in announcementToShow\" :key=\"announcement.id\">\r\n                            <h1 class=\"announcement-title\" v-if=\"!!announcement.title\">{{ announcement.title }}</h1>\r\n                            <p class=\"announcement-message\" v-if=\"!!announcement.body\" v-html=\"announcement.body\"></p>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col\" v-else>\r\n                        <h1>Prospect, cross-sell and market your agency</h1>\r\n                        <p>\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                        </p>\r\n                        <p>\r\n                            To kickstart your agency's growth, start below with just a few clicks.\r\n                        </p>\r\n                        <br />\r\n                        \r\n                    </div>\r\n\r\n\r\n                </div>\r\n\r\n\r\n   \r\n\r\n\r\n\r\n\r\n\r\n                <div class=\"row\" v-if=\"!isEmployee\">\r\n                        <div class=\"col-md-8\">\r\n                            <HeadlineWithIcon iconPath=\"/images/icons/growth-opportunities-icon.png\" title=\"My growth opportunities\" />\r\n                            <h1 class=\"growth\"><i class=\"icon graph-up-arrow\"></i> </h1>\r\n                            <TabBar :tabs=\"growthTabs\" :activeId=\"selectedTab\" />\r\n\r\n                            <div class=\"tab-content\">\r\n                                <div class=\"tab-pane fade\" id=\"growth-cross-sell\" :class=\"isActive(TabIds.CROSS_SELL)\" role=\"tabpanel\">\r\n                                    <div class=\"sub-tab-container\">\r\n                                        <OpportunitiesTile filter-id=\"opportunities-cross-sell\" :selectedAgencyDetails=\"selectedAgencyDetails\" />\r\n\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div class=\"tab-pane fade\" id=\"growth-prospecting\" :class=\"isActive(TabIds.PROSPECTING)\" role=\"tabpanel\">\r\n                                    <div class=\"sub-tab-container\">\r\n                                        <ProspectingOpportunitiesTile filter-id=\"prospecting\" />\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <!-- Removed the Retention tab content -->\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-md-4 d-flex align-items-start\" style=\"padding-top: 0;\">\r\n                            <IgniteProspectingPromo />\r\n                        </div>\r\n\r\n\r\n                    </div>\r\n\r\n\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-12 col-sm-4\">\r\n                            <IconPanel title=\"My Links\" icon=\"images/icons/my-links.png\">\r\n                                <LinkItem class=\"mb-3\" title=\"My Favorite Marketing Materials\" link=\"/account/favorites\" :isExternal=\"true\" :openNewWindow=\"false\" />\r\n                                <LinkItem class=\"mb-3\" title=\"My Favorite Reports\" link=\"/reports\" :isExternal=\"true\" :openNewWindow=\"false\" />\r\n                                <ShowOnlyForRoles :roles=\"site.userRoles.getRolesForAllAccess()\">\r\n                                    <LinkItem class=\"mb-3\" title=\"My Order History/Lists\" link=\"/account/order-history\" :isExternal=\"true\" :openNewWindow=\"false\" />\r\n                                </ShowOnlyForRoles>\r\n                            </IconPanel>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-sm-4\">\r\n                            <IconPanel title=\"My Items Saved for Later\" icon=\"images/icons/documents-multiple.png\">\r\n                                <div v-if=\"savedItems.orderStates.length > 0\">\r\n                                    <template v-for=\"item in savedItems.orderStates.slice(0,2)\" :key=\"item.id\">\r\n                                        <div class=\"row save-for-later my-1\">\r\n                                            <div class=\"col-11\">\r\n                                                <router-link :to=\"resumeOrderState(item)\" class=\"product\">{{ item.product.itemNumber }} - {{ item.product.name }}</router-link>\r\n                                            </div>\r\n                                            <div class=\"col-1\">\r\n                                                <div @click=\"deleteOrderState(item.id)\" class=\"delete mt-1\"><i class=\"bi bi-trash3\"></i></div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </template>\r\n                                    <div class=\"my-1\" v-if=\"savedItems.orderStates.length > 2\">\r\n                                        <LinkItem style=\"font-size: 1rem\" title=\"View All\" link=\"/account/save-for-later\" :isExternal=\"true\" :openNewWindow=\"false\" />\r\n                                    </div>\r\n                                </div>\r\n                                <div v-else class=\"mx-2\">\r\n                                    You have no saved marketing materials at this time.\r\n                                </div>\r\n                            </IconPanel>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-sm-4\">\r\n                            <IconPanel title=\"Top picks\" icon=\"images/icons/lifetime-repair-guarrantee-checkmark.png\">\r\n                                <LinkItem class=\"mb-3\" title=\"Auto Insurance Brochures\" :link=\"{ path: '/products', query: { 'f-product-type': 'Auto', 'f-product-format': 'Brochures' }}\" :isExternal=\"false\" :openNewWindow=\"false\" />\r\n                                <LinkItem class=\"mb-3\" title=\"Home Insurance Brochures\" :link=\"{ path: '/products', query: { 'f-product-type': 'Home', 'f-product-format': 'Brochures' }}\" :isExternal=\"false\" :openNewWindow=\"false\" />\r\n                                <LinkItem title=\"View All\" :link=\"{ path: '/products'}\" :isExternal=\"false\" :openNewWindow=\"false\" />\r\n                            </IconPanel>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\nh1.growth {\r\n    font-weight: $normal;\r\n}\r\n\r\n    .tab-content .cross-sell {\r\n        font-size: 14px;\r\n        display: flex;\r\n        justify-content: flex-start;\r\n    }\r\n\r\n.home-page {\r\n    .save-for-later {\r\n        p {\r\n            font-size: 12px;\r\n            margin: 0px;\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .product {\r\n            cursor: pointer;\r\n            font-size: 1.0rem;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n        }\r\n\r\n        .delete {\r\n            cursor: pointer;\r\n            color: red;\r\n            font-size: 1.0rem;\r\n        }\r\n    }\r\n}\r\n</style>\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__","<script setup>\r\n    //Place holder page. This page will be redirected to SSO Logout to MSC\r\n    import { onMounted } from 'vue';\r\n    import { useRoute } from 'vue-router'\r\n    import { site } from '@/Site';\r\n    import { Util } from '@dd-nucleus/nucleus-vue';\r\n\r\n    var route = useRoute();\r\n\r\n    onMounted(() => {\r\n        const signOut = route.query.signout === 'true';\r\n        const homePage = Util.isEmpty(route.params.path);\r\n\r\n        if (signOut && Util.isNotEmpty(process.env.VUE_APP_SAFECO_LIBERTY_SSO_LOGOUT_URL)) {\r\n            window.location.href = process.env.VUE_APP_SAFECO_LIBERTY_SSO_LOGOUT_URL;\r\n        }\r\n        else if (Util.isNotEmpty(process.env.VUE_APP_SAFECO_LIBERTY_SSO_REDIRECT_URL)) {\r\n            if (!homePage) {\r\n                site.toast.info(\"Your Safeco Marketing Solutions Center session has expired and you have been redirected to the home page to begin a new session.\");\r\n                setTimeout(() => {\r\n                    window.location.href = process.env.VUE_APP_SAFECO_LIBERTY_SSO_REDIRECT_URL;\r\n                }, 5000)\r\n            } else {\r\n                window.location.href = process.env.VUE_APP_SAFECO_LIBERTY_SSO_REDIRECT_URL;\r\n            }\r\n        }\r\n    })\r\n</script>\r\n\r\n<template>\r\n    <div>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n</style>","import script from \"./SSOSignInPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SSOSignInPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import exportFromJSON from \"export-from-json\";\r\n\r\nexport const ExportParser = () => {\r\n    function exportXLSFromJSON(data, newFileName, fileExportType, fields, beforeTableEncode) {\r\n        if (!data) return;\r\n        try {\r\n            const fileName = newFileName || \"exported-data\";\r\n            const exportType = exportFromJSON.types[fileExportType || \"xls\"];\r\n            exportFromJSON({ data, fileName, exportType, fields, beforeTableEncode });\r\n        } catch (e) {\r\n            throw new Error(\"Parsing failed!\");\r\n        }\r\n    }\r\n\r\n    function exportCSVFromJSON(data, newFileName, fileExportType, fields, beforeTableEncode) {\r\n        if (!data) return;\r\n        try {\r\n            const fileName = newFileName || \"exported-data\";\r\n            const exportType = exportFromJSON.types[fileExportType || \"csv\"];\r\n            exportFromJSON({ data, fileName, exportType, fields, beforeTableEncode });\r\n        } catch (e) {\r\n            throw new Error(\"Parsing failed!\");\r\n        }\r\n    }\r\n\r\n    return {\r\n        exportXLSFromJSON,\r\n        exportCSVFromJSON\r\n    };\r\n};","<script setup>\r\n\r\n    // CalendarPanel\r\n    // Shows the agency lists panel of the my account area.\r\n\r\n    // Imports ----\r\n    import { ref, computed } from 'vue';\r\n    import { Search } from '@dd-nucleus/nucleus-vue';\r\n    import ModalBox from '@/site/components/ModalBox';\r\n    import { site } from '@/Site';\r\n    import { ExportParser } from \"@/site/services/ExportParser\";\r\n    import { getFieldsMapperFromColumns, beforeTableEncode } from '@/util';\r\n\r\n\r\n    // Components ----\r\n\r\n    // Constants ----\r\n    const constants = {\r\n        DEFAULT_PAGE_SIZE: 50,\r\n    }\r\n\r\n    const columns = [\r\n        { field: 'actions', title: 'Actions', isSortable: false, custom: true },\r\n        { field: 'name', title: 'List Name', isSortable: true },\r\n        { field: 'mailListContactsCount', title: 'Record Count', isSortable: false },\r\n        { field: 'created', title: 'Creation Date', custom: true, isSortable: true },\r\n    ];\r\n\r\n    const agencyRecipientsColumns = [\r\n        { field: \"firstName\", title: \"First Name\" },\r\n        { field: \"lastName\", title: \"Last Name\" },\r\n        { field: \"addressLine1\", title: \"Address Line 1\" },\r\n        { field: \"addressLine2\", title: \"Address Line 2\" },\r\n        { field: \"city\", title: \"City\" },\r\n        { field: \"state\", title: \"State\" },\r\n        { field: \"postalCode\", title: \"Zip\" },\r\n    ]\r\n\r\n    const searchTerm = ref('name');\r\n    const mailListContacts = ref([]);\r\n\r\n    const hasContacts = computed(() => {\r\n        if (mailListContacts.value.length > 0)\r\n            return true;\r\n        return false;\r\n    })\r\n\r\n    const previewList = computed(() => {\r\n        return mailListContacts.value;\r\n    });\r\n\r\n\r\n    // Components ----\r\n\r\n\r\n    // State ----\r\n    let sortPrefix = 'mail-list-';\r\n\r\n\r\n    // Handlers ----\r\n    const search = new Search('mail-list', 'row', 'mail-list-name', constants.DEFAULT_PAGE_SIZE);\r\n\r\n    // Methods ----\r\n    function formatDate(date) {\r\n        if (date && date.length > 0) {\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    function sortSearch(value) {\r\n\r\n        if (searchTerm.value.includes(value)) {\r\n\r\n            if (searchTerm.value.includes('-desc')) {\r\n                searchTerm.value = sortPrefix + value;\r\n            } else {\r\n                searchTerm.value = sortPrefix + value + '-desc';\r\n            }\r\n\r\n        } else {\r\n            searchTerm.value = sortPrefix + value;\r\n        }\r\n\r\n        search.setSortId(searchTerm.value);\r\n    }\r\n\r\n    async function loadMailRecipients(mailId) {\r\n        const response = await site.personalizationInfo.getMailListContactsById(mailId);\r\n        if (response.succeeded) {\r\n            mailListContacts.value = response.mailListModel.mailContacts;\r\n            this.viewRecipients();\r\n        }\r\n    }\r\n\r\n    async function downloadMailRecipients(mailId, filename) {\r\n        const response = await site.personalizationInfo.getMailListContactsById(mailId);\r\n        if (response.succeeded) {\r\n            const recipients = response.mailListModel.mailContacts;\r\n            const fieldsMapper = getFieldsMapperFromColumns(agencyRecipientsColumns);\r\n            ExportParser().exportCSVFromJSON(recipients, filename, null, fieldsMapper, beforeTableEncode(agencyRecipientsColumns));\r\n        }\r\n    }\r\n\r\n    async function deleteMailRecipients(mailId, filename) {\r\n        let text = `Are you sure you want to delete ${filename} list ?`\r\n        if (confirm(text)) {\r\n            await site.personalizationInfo.deleteMailListContactsById(mailId);\r\n            await search.refresh();\r\n        }\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <ModalBox modalId=\"viewRecipients\" title=\"Agency Recipients\" modalSize=\"modal-xl\">\r\n        <template v-slot:body>\r\n            <div class=\"row mb-5 mt-2\">\r\n                <div class=\"col\">\r\n\r\n                    <div class=\"address-list  table-responsive\" v-if=\"hasContacts\">\r\n                        <template v-if=\"previewList.length > 0\">\r\n                            <table class=\"table table-striped w-auto mw-100\">\r\n                                <thead class=\"title\">\r\n                                    <tr>\r\n                                        <th>First Name</th>\r\n                                        <th>Last Name</th>\r\n                                        <th>Address Line 1</th>\r\n                                        <th>Address Line 2</th>\r\n                                        <th>City</th>\r\n                                        <th>State</th>\r\n                                        <th>Zip</th>\r\n                                    </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                    <tr v-for=\"address in previewList\" :key=\"address\">\r\n                                        <td class=\"abbreviation\">{{address.firstName}}</td>\r\n                                        <td class=\"abbreviation\">{{address.lastName}}</td>\r\n                                        <td class=\"abbreviation\">{{address.addressLine1}}</td>\r\n                                        <td class=\"abbreviation\">{{address.addressLine2}}</td>\r\n                                        <td class=\"abbreviation\">{{address.city}}</td>\r\n                                        <td class=\"abbreviation\">{{address.state}}</td>\r\n                                        <td class=\"abbreviation\">{{address.postalCode}}</td>\r\n                                    </tr>\r\n                                </tbody>\r\n                            </table>\r\n                        </template>\r\n                        <div v-else>\r\n                            <slot name=\"empty\"></slot>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </template>\r\n    </ModalBox>\r\n\r\n    <div class=\"account-panel agency-lists-panel\">\r\n        <h1 class=\"cart-page-header mb-3\">My Account <span class=\"text-muted\">/ My Uploaded Agency Lists</span></h1>\r\n\r\n        <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"false\">\r\n            <div class=\"data-table\">\r\n                <SearchTable :columns=\"columns\" @sort-by=\"sortSearch\">\r\n                    <template v-slot:actions=\"row\">\r\n                        <div class=\"d-flex flex-row\">\r\n                            <div class=\"px-2 action-item\" @click=\"loadMailRecipients(row.mailListId)\" data-bs-toggle=\"modal\" data-bs-target=\"#viewRecipients\">View</div>\r\n                            <div class=\"px-2 action-item\" @click=\"downloadMailRecipients(row.mailListId, row.name)\">Download</div>\r\n                            <div class=\"px-2 action-item\" @click=\"deleteMailRecipients(row.mailListId, row.name)\">Delete</div>\r\n                        </div>\r\n                    </template>\r\n                    <template v-slot:created=\"row\">\r\n                        {{formatDate(row.created)}}\r\n                    </template>\r\n                </SearchTable>\r\n            </div>\r\n            <SearchGrid>\r\n                \r\n                <template #empty>\r\n                    <div>\r\n                        You do not currently have any uploaded lists.\r\n                    </div>\r\n                </template>\r\n     \r\n            </SearchGrid>\r\n        </SearchContainer>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .action-item {\r\n        cursor: pointer;\r\n        color: $color-2;\r\n    }\r\n</style>","import script from \"./AgencyListsPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AgencyListsPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AgencyListsPanel.vue?vue&type=style&index=0&id=7a03d676&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // MarketingContactTile\r\n    // Customizes the standard AddressTile component with options/markup specific to marketing contacts.\r\n\r\n    // Components ----\r\n\r\n    // Imports ----\r\n    import { reactive, defineProps, defineEmits, computed } from 'vue';\r\n    import { site } from '@/Site';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // The contact to show\r\n        contact: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        // An optional height to enforce.\r\n        height: {\r\n            type: String,\r\n            required: false,\r\n            default: null\r\n        },\r\n        // Whether to show a border around the tile.\r\n        border: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        },\r\n        // An optional height to enforce for the address block.\r\n        addressHeight: {\r\n            type: String,\r\n            required: false,\r\n            default: null\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    const contact = reactive(props.contact);\r\n\r\n    // Computed ----\r\n    const isFavorite = computed(() => {\r\n        return contact.isFavorite;\r\n    });\r\n\r\n    // Events ----\r\n    const emit = defineEmits(['edit', 'delete']);\r\n\r\n    // Handlers ----\r\n    function onEditClicked() {\r\n        emit('edit');\r\n    }\r\n\r\n    function onDeleteClicked() {\r\n        emit('delete');\r\n    }\r\n\r\n    function onFavoriteClicked() {\r\n        site.marketing.setFavoriteContact(contact.id, !contact.isFavorite);\r\n        contact.isFavorite = !contact.isFavorite;\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"marketing-contact-tile\">\r\n        <AddressTile :address=\"props.contact\" :height=\"props.height\" :address-height=\"props.addressHeight\" :border=\"props.border\">\r\n            <template #top>\r\n                <div class=\"float-end text-end\"><FavoriteIcon :is-favorite=\"isFavorite\" @click=\"onFavoriteClicked\" /></div>\r\n                <div class=\"name-block\">\r\n                    <div class=\"name\">{{ props.contact.firstName }} {{ props.contact.lastName}}</div>\r\n                    <div v-if=\"props.contact.email.length > 0\" class=\"email\">\r\n                        <a :href=\"'mailto:' + props.contact.email\">{{ props.contact.email }}</a>\r\n                    </div>\r\n                    <div v-if=\"props.contact.phoneNumber.length > 0\" class=\"phone\">{{ props.contact.phoneNumber}}</div>\r\n                    <div v-if=\"props.contact.title.length > 0\" class=\"title\">{{ props.contact.title}}</div>\r\n                </div>\r\n            </template>\r\n\r\n            <div class=\"mt-2\">\r\n                <ActionButton icon=\"bi bi-pencil-fill\" @click=\"onEditClicked\" />\r\n                <ActionButton icon=\"bi bi-trash-fill\" @click=\"onDeleteClicked\" />\r\n            </div>\r\n        </AddressTile>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .marketing-contact-tile {\r\n        overflow-x: clip;\r\n\r\n        .name-block {\r\n            margin-bottom: 0.25rem;\r\n            font-size: .875rem;\r\n\r\n            .name {\r\n                font-weight: $bold;\r\n                font-size: 1rem;\r\n                line-height: 1rem;\r\n            }\r\n        }\r\n\r\n        .title {\r\n            font-style: italic;\r\n        }\r\n\r\n        .n-action-button {\r\n            margin-right: 0.5rem;\r\n        }\r\n\r\n        .n-address {\r\n            font-size: .875rem;\r\n\r\n            .company-name {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n    }\r\n</style>","import script from \"./MarketingContactTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MarketingContactTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MarketingContactTile.vue?vue&type=style&index=0&id=ef88c26a&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // MarketingContacts\r\n    // Allows a user to find, create, and/or select contact(s) from their contact list.\r\n\r\n    // Constants ----\r\n    const constants = {\r\n        DEFAULT_PAGE_SIZE: 12\r\n    }\r\n\r\n    // Components ----\r\n    import MarketingContactTile from './MarketingContactTile';\r\n    import ConfirmationOverlay from '@/site/components/ConfirmationOverlay';\r\n\r\n    // Imports ----\r\n    import { defineProps, defineEmits, reactive, ref } from 'vue';\r\n    import { Search, EditContactForm } from '@dd-nucleus/nucleus-vue';\r\n    import { site, DEFAULT_COUNTRY_CODE } from '@/Site';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // Allow creation of a contact?\r\n        allowCreate: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        },\r\n        // Whether to use a large, primary color button rather than an ActionButton for creating.\r\n        largeCreateButton: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        },\r\n        // Whether this displaying to allow a selection\r\n        canSelect: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        },\r\n        // If allowing selection, whether we're allowing multi-selection\r\n        multiSelect: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        },\r\n        // If allowing selection, an array to store selected ID(s)\r\n        selection: {\r\n            type: Array,\r\n            required: false,\r\n            // eslint-disable-next-line no-unused-labels\r\n            default: () => []\r\n        },\r\n        // Indicates whether the selection can be toggled on/off\r\n        toggle: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        },\r\n    });\r\n\r\n    // State ----\r\n    const search = new Search('mktg-contacts-for-user', 'tile', 'mktg-contact-last-name', constants.DEFAULT_PAGE_SIZE);\r\n    const editContactForm = reactive(new EditContactForm());\r\n    const favoritesOnly = ref(false);\r\n    const editingContact = ref(false);\r\n    const selectedCountry = ref(DEFAULT_COUNTRY_CODE);\r\n\r\n    const sortOptions = [\r\n        { id: 'mktg-contact-last-name', text: 'Last Name (A-Z)' },\r\n        { id: 'mktg-contact-last-name-desc', text: 'Last Name (Z-A)' }\r\n    ];\r\n\r\n    const pageSizeOptions = [12, 24, 36, 48, 60];\r\n\r\n    const showOverlay = ref(false);\r\n\r\n    const contactIdToDelete = ref('');\r\n    // Computed ----\r\n\r\n    // Events ----\r\n    const emit = defineEmits(['selected', 'created','deselected']);\r\n\r\n    // Handlers ----\r\n    function onSetFavoritesOnly(set) {\r\n        favoritesOnly.value = set;\r\n\r\n        if (favoritesOnly.value)\r\n            search.setEmptyFilter('mktg-contact-favorite');\r\n        else\r\n            search.removeFilter('mktg-contact-favorite');\r\n    }\r\n\r\n    function onNewContact() {\r\n        editContactForm.newContact();\r\n        editContactForm.model.countryCode = selectedCountry.value;\r\n        editingContact.value = true;\r\n    }\r\n\r\n    async function onEditContact(id) {\r\n        await editContactForm.editContact(id);\r\n        selectedCountry.value = editContactForm.model.countryCode;\r\n        editingContact.value = true;\r\n    }\r\n\r\n    function onCancelEditContact() {\r\n        editingContact.value = false;\r\n    }\r\n\r\n    async function onSaveContact() {\r\n        if (editContactForm.model.addressLine1.length > 30) {\r\n            editContactForm.validator.fields.addressLine1.addWarning('Address Line 1 cannot be more than 30 characters');\r\n        }\r\n        else {\r\n            await editContactForm.submit();\r\n            editingContact.value = false;\r\n\r\n            site.refreshSearches(search.searchType);\r\n            emit('created');\r\n        }\r\n    }\r\n\r\n    function onContactSelected(contact) {\r\n        emit('selected', contact);\r\n    }\r\n\r\n    function onContactDeselected(contact) {\r\n        emit('deselected', contact);\r\n    }\r\n\r\n    async function onDeleteContact(id) {\r\n        contactIdToDelete.value = id;\r\n        showOverlay.value = true;\r\n    }\r\n\r\n    async function confirmDelete() {\r\n\r\n        await site.marketing.deleteContact(contactIdToDelete.value);\r\n        site.refreshSearches(search.searchType);\r\n\r\n        // Reset the variables\r\n        contactIdToDelete.value = '';\r\n        showOverlay.value = false;\r\n    }\r\n\r\n    function cancelDelete() {\r\n        contactIdToDelete.value = '';\r\n        showOverlay.value = false;\r\n    }\r\n\r\n    function onChanged(form) {\r\n        if (selectedCountry.value != form.model.countryCode) {\r\n            selectedCountry.value = form.model.countryCode;\r\n            form.model.state = '';\r\n            form.model.province = '';\r\n        }\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"marketing-contacts\">\r\n        <ConfirmationOverlay v-if=\"showOverlay\">\r\n            <template v-slot:headline>\r\n\r\n                <h2 class=\"confirm\">Are you sure you want to delete this address?</h2>\r\n\r\n            </template>\r\n            <template v-slot:buttons>\r\n\r\n                <button class=\"btn btn-outline-primary me-5\" @click=\"cancelDelete\">Cancel</button>\r\n                <button class=\"btn btn-outline-primary ms-5\" @click=\"confirmDelete\">Delete</button>\r\n\r\n            </template>\r\n        </ConfirmationOverlay>\r\n\r\n\r\n        <button v-if=\"props.allowCreate && props.largeCreateButton && !editingContact\" class=\"btn btn-primary float-end\" @click=\"onNewContact\">CREATE CONTACT</button>\r\n        <slot></slot>\r\n        <template v-if=\"!editingContact\">\r\n            <SearchContainer :search=\"search\" :deep-link=\"false\">\r\n                <div class=\"d-flex\">\r\n                    <div class=\"flex-fill\">\r\n                        <ul class=\"nav nav-tabs mb-2\">\r\n                            <li class=\"nav-item\">\r\n                                <button class=\"nav-link\" :class=\"{ active: !favoritesOnly }\" type=\"button\" role=\"tab\" @click=\"onSetFavoritesOnly(false)\">All Contacts</button>\r\n                            </li>\r\n                            <li class=\"nav-item\">\r\n                                <button class=\"nav-link\" :class=\"{ active: favoritesOnly }\" type=\"button\" role=\"tab\" @click=\"onSetFavoritesOnly(true)\"><i class=\"bi bi-heart\"></i>My Favorite Contacts</button>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                    <div>\r\n                        <SubPageButton v-if=\"props.allowCreate && !props.largeCreateButton && !editingContact\" label=\"Create Contact\" @click=\"onNewContact\"></SubPageButton>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"filter-bar mb-3\">\r\n                    <LetterPickFilter filter-id=\"mktg-contact-last-name-starts\" class=\"mb-2 d-none d-lg-block\" />\r\n                    <div>\r\n                        <TextBoxFilter filter-id=\"mktg-contact-keywords\" placeholder=\"Search last name, first name, company name, address, email, or phone\" />\r\n                    </div>\r\n                </div>\r\n\r\n                <div v-if=\"search.results.count > 0\" class=\"row mb-3\">\r\n                    <div class=\"col\"><SortOptionsList :options=\"sortOptions\" /></div>\r\n                    <div class=\"col\"><PageSizeList :options=\"pageSizeOptions\" /></div>\r\n                    <div class=\"col-4 text-end\"><PageSelector /></div>\r\n                </div>\r\n\r\n                <SearchGrid :columns-xs=\"1\" :columns-sm=\"2\" :columns-md=\"2\" :columns-lg=\"3\" :columns-xl=\"3\" :columns-xxl=\"3\">\r\n                    <!-- Template for each item in a grid view -->\r\n                    <!-- Template for each item in a grid view -->\r\n\r\n                    <template v-slot:grid=\"contact\" v-if=\"props.multiSelect\">\r\n                        <!-- TODO: is-Selected is not working when we select multiselect-->\r\n                        <TileMultiSelectButton v-if=\"props.canSelect\" :item=\"contact\" :multi-select=\"props.multiSelect\" :is-selected=\"props.selection.includes(contact.id)\" @selected=\"onContactSelected(contact)\" @deselected=\"onContactDeselected(contact)\" :toggle=\"props.toggle\" />\r\n                        <MarketingContactTile :class=\"{ selected: selection.includes(contact.id) }\" :contact=\"contact\" height=\"12rem\" @edit=\"onEditContact(contact.id)\" @delete=\"onDeleteContact(contact.id)\" />\r\n\r\n                    </template>\r\n\r\n                    <template v-slot:grid=\"contact\" v-else>\r\n                        <!-- TODO: is-Selected is not working when we select multiselect-->                        \r\n                        <TileSelectButton v-if=\"props.canSelect\" :item=\"contact\" :multi-select=\"props.multiSelect\" :is-selected=\"props.selection.includes(contact.id)\" @selected=\"onContactSelected(contact)\" @deselected=\"onContactDeselected(contact)\" :toggle=\"props.toggle\" />\r\n                        <MarketingContactTile :class=\"{ selected: selection.includes(contact.id) }\" :contact=\"contact\" height=\"12rem\" @edit=\"onEditContact(contact.id)\" @delete=\"onDeleteContact(contact.id)\" />\r\n\r\n                    </template>\r\n\r\n                    <!-- Template for no results -->\r\n                    <template #empty>\r\n                        You do not have any contacts that match your selected options.\r\n                    </template>\r\n\r\n                    <!-- Template while results are initially loading -->\r\n                    <template #loading-grid>\r\n                        <MockSearchGrid>\r\n                            <!-- TODO: Add mock contact tile -->\r\n                        </MockSearchGrid>\r\n                    </template>\r\n\r\n                </SearchGrid>\r\n\r\n                <div class=\"row mb-3\">\r\n                    <div class=\"col-4 text-end\"><PageSelector /></div>\r\n                </div>\r\n\r\n            </SearchContainer>\r\n        </template>\r\n\r\n        <div v-else class=\"subform\">\r\n            <div class=\"row\">\r\n                <div class=\"col-12 col-md-6\">\r\n                    <h3 class=\"mb-3\">{{ editContactForm.model.id === null ? 'Create Contact' : 'Edit Contact' }}</h3>\r\n                    <EditMarketingContact :form=\"editContactForm\" :selectedCountry=\"selectedCountry\" @change=\"onChanged\" />\r\n                </div>\r\n                <div class=\"col-12 mt-3\">\r\n                    <button class=\"btn btn-outline-color-1 me-2\" @click=\"onCancelEditContact\">Cancel</button>\r\n                    <button class=\"btn btn-color-1\" @click=\"onSaveContact\" :disabled=\"editContactForm.status.isInvalid\">{{ editContactForm.model.id === null ? 'Create' : 'Update' }}</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .marketing-contacts {\r\n\r\n        .nav-tabs {\r\n            border-bottom: 3px solid $color-2-dk;\r\n        }\r\n\r\n        .nav-tabs .nav-item {\r\n            margin-left: 1rem;\r\n        }\r\n\r\n        .nav-tabs .nav-link {\r\n            border: 1px solid $color-2-dk;\r\n            color: $color-2-dk;\r\n            border-bottom: 1px solid transparent;\r\n\r\n            &:hover {\r\n                border: 1px solid $color-2-dk;\r\n                border-bottom: 1px solid transparent;\r\n            }\r\n        }\r\n\r\n        .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {\r\n            background: $color-2-dk;\r\n            color: $gray-0;\r\n            border-bottom: 2px solid $color-2-dk; // This is an overwrite from _styles.scss based on the creative from heather it should be $color-2-dk not $color-2\r\n\r\n            &:hover {\r\n                border: 0;\r\n                border-bottom: 2px solid $color-2-dk;\r\n            }\r\n        }\r\n        // TODO: Move this more central\r\n        .nav-tabs .bi-heart {\r\n            margin-right: 0.3rem;\r\n        }\r\n\r\n        .n-tile-select-button {\r\n            position: absolute;\r\n            margin-top: -0.5rem;\r\n            margin-left: -0.25rem\r\n        }\r\n\r\n        .marketing-contact-tile.selected .n-address-tile {\r\n            border: 1px solid $color-1-dk !important;\r\n        }\r\n\r\n        .n-address-tile.border {\r\n            padding: 1rem;\r\n            border: 1px solid $gray-2 !important;\r\n            border-radius: 0.25rem;\r\n        }\r\n    }\r\n\r\n    h2.confirm {\r\n        color: $gray-0;\r\n    }\r\n\r\n</style>","import script from \"./MarketingContacts.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MarketingContacts.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MarketingContacts.vue?vue&type=style&index=0&id=45ca5aa1&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./ContactsPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ContactsPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ContactsPanel.vue?vue&type=style&index=0&id=a99d3302&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // OrderDetails\r\n    // Displays some high level details around the order \r\n\r\n    // Imports ----\r\n    import { computed, reactive, ref, onMounted, defineProps, watch } from 'vue';\r\n    import { useRouter } from 'vue-router';\r\n    import { site } from '@/Site';\r\n    import { Util } from '@dd-nucleus/nucleus-vue';\r\n    import { ProductTags } from '@/constants';\r\n\r\n    const router = useRouter();\r\n\r\n    const props = defineProps({\r\n        // The label to show with the icon on the button.\r\n        cart: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        showActionableItems: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        },\r\n        isBulkOrder: {\r\n            type: Boolean,\r\n            required: true,\r\n            default: false\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    const selectedAgencyIgniteDetails = reactive({});\r\n\r\n    // Computed ----\r\n    const cart = computed(() => { return props.cart; });\r\n\r\n    const discountLoading = ref(false);\r\n\r\n    const totalAddresses = computed(() => { return cart.value.shipToList?.length });\r\n\r\n    const subTotal = computed(() => {\r\n        if (props.isBulkOrder) {\r\n            return site.convertNumberToCurrency(cart.value.subTotal * totalAddresses.value)\r\n        }\r\n        else {\r\n            return site.convertNumberToCurrency(cart.value.subTotal)\r\n        }\r\n\r\n    });\r\n    \r\n    const shipping = computed(() => {\r\n        if (props.isBulkOrder) {\r\n            return site.convertNumberToCurrency(cart.value.shipping * totalAddresses.value)\r\n        }\r\n        else {\r\n            return site.convertNumberToCurrency(cart.value.shipping);\r\n        }\r\n        \r\n    });\r\n\r\n    const total = computed(() => {\r\n        if (props.isBulkOrder) {\r\n            return site.convertNumberToCurrency(cart.value.total * totalAddresses.value)\r\n        }\r\n        else {\r\n            return site.convertNumberToCurrency(cart.value.total)\r\n        }\r\n    });\r\n\r\n    const discount = computed(() => {        \r\n        if (props.isBulkOrder) {\r\n            return site.convertNumberToCurrency(cart.value.discountTotal * totalAddresses.value)\r\n        }\r\n        else {\r\n            return site.convertNumberToCurrency(cart.value.discountTotal)\r\n        }\r\n        \r\n    });\r\n\r\n    const hasDiscount = computed(() => { return cart.value.discountTotal > 0 })\r\n\r\n    const isLoaded = ref(false);\r\n\r\n    const discountToApply = ref('');\r\n\r\n    const isIgniteEligible = computed(() => {\r\n        let hasIgniteProduct = false;\r\n        cart.value.items.forEach((item) => {\r\n            item.product.tags.forEach((tag) => {\r\n                if (tag.name === ProductTags.IGNITE) {\r\n                    hasIgniteProduct = true;\r\n                    return;\r\n                }\r\n            })\r\n        })\r\n\r\n        return hasIgniteProduct;\r\n    })\r\n\r\n    // Methods ----\r\n    async function applyDiscount(code) {\r\n        discountLoading.value = true\r\n        if (Util.isNotEmpty(code)\r\n            && props.showActionableItems) {\r\n            const response = await site.cart.applyDiscount(code);\r\n            site.errorHandler.handleApplyDiscountError(response);\r\n        }\r\n        discountLoading.value = false\r\n    }\r\n\r\n    async function removeDiscount() {\r\n        discountLoading.value = true\r\n        await site.cart.removeDiscount();\r\n        discountLoading.value = false\r\n\r\n    }\r\n    const IsRequireShipping = computed(() => {\r\n        return cart.value && cart.value.items\r\n            && cart.value.items.filter(i => i.product && i.product.attributes && i.product.attributes.isRequireShipping)?.length > 0;\r\n    });\r\n\r\n    function onCheckout() {\r\n\r\n        if (IsRequireShipping.value) {            \r\n            router.push({ name: 'Checkout', params: { section: 'shipping' } });\r\n        } else if (cart.value.total == 0) {\r\n            router.push({ name: 'Review' });\r\n        } else if (cart.value.total > 0) {\r\n            router.push({ name: 'Checkout', params: { section: 'payment' } });\r\n        } else {            \r\n            router.push({ name: 'Checkout', params: { section: 'shipping' } });\r\n        }\r\n    }\r\n\r\n\r\n    const disableProceedToCheckout = computed(() => {\r\n        return !(cart.value.canPlaceOrder && isLoaded.value);\r\n    });\r\n\r\n    //computed\r\n    const discountCode = computed({\r\n        get() {\r\n            if (Util.isNotEmpty(discountToApply.value)) {\r\n                return discountToApply.value;\r\n            }\r\n            return \"\";\r\n        },\r\n        set(value) {\r\n            discountToApply.value = value;\r\n        }\r\n    });\r\n\r\n    const discountCodeForDisplay = computed(() => {\r\n        const cartAttributes = cart.value.attributes\r\n        if (cartAttributes && cartAttributes.Discounts && cartAttributes.Discounts.length > 0) {\r\n            const discount = cartAttributes.Discounts[0];\r\n            return discount?.code;\r\n        }\r\n        return \"\";\r\n    });\r\n\r\n    onMounted(async () => {\r\n        discountToApply.value = discountCodeForDisplay.value;\r\n        Object.assign(selectedAgencyIgniteDetails, await site.agencyDetails.loadAgencyIgniteDetails());\r\n        if (Util.isNotEmpty(selectedAgencyIgniteDetails.discountCode) && selectedAgencyIgniteDetails.remaining > 0 && isIgniteEligible.value) {\r\n            discountToApply.value = selectedAgencyIgniteDetails.discountCode;\r\n            await applyDiscount(selectedAgencyIgniteDetails.discountCode);\r\n        }\r\n        isLoaded.value = true;\r\n    })\r\n\r\n    watch(\r\n        () => cart.value.items,\r\n        (newItems) => {\r\n            if (newItems.length === 0)\r\n                discountToApply.value = '';\r\n        },\r\n        { immediate: true }\r\n    );\r\n  \r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"order-details p-3\" v-if=\"cart\">\r\n\r\n        <h2 class=\"text-center\">Your Order</h2>\r\n\r\n        <div v-if=\"discountLoading\">\r\n            <div v-for=\"n in 3\" :key=\"n\" class=\"row placeholder-glow mt-2\" style=\"height: 22px\">\r\n                <div class=\"col-5 placeholder\">\r\n                </div>\r\n                <div class=\"col-2\"></div>\r\n                <div class=\"col-5 placeholder\">\r\n                </div>\r\n            </div>\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <hr />\r\n                </div>\r\n            </div>\r\n            <div class=\"row placeholder-glow\" style=\"height: 30px\">\r\n                <div class=\"col-5 placeholder\">\r\n                </div>\r\n                <div class=\"col-2\"></div>\r\n                <div class=\"col-5 placeholder\">\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row placeholder-glow mt-2\" style=\"height: 30px\">\r\n                <div class=\"col placeholder\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div v-else>\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col-6\">\r\n                    Subtotal\r\n                </div>\r\n                <div class=\"col text-end\">\r\n                    {{subTotal}}\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mt-3\">\r\n                <div class=\"col-6\">\r\n                    Shipping\r\n                </div>\r\n                <div class=\"col text-end\">\r\n                    {{shipping}}\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mt-3 text-danger\" v-if=\"hasDiscount\">\r\n                <div class=\"col-8\">\r\n                    Discount ({{discountCodeForDisplay}})\r\n                </div>\r\n                <div class=\"col text-end\">\r\n                    -{{discount}}\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <hr />\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col-6\">\r\n                    <strong class=\"fs-2\">Total</strong> ({{cart.itemCount}} items)\r\n                </div>\r\n                <div class=\"col text-end fw-bold fs-2\">\r\n                    {{total}}\r\n                </div>\r\n            </div>\r\n\r\n            <template v-if=\"props.showActionableItems\">\r\n                <div class=\"row mt-3\">\r\n                    <div class=\"col\">\r\n                        Shipping will be determined during checkout process.\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row mt-3\">\r\n                    <div class=\"col\">\r\n                        <strong>Discount</strong> (Optional)\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-7\">\r\n                        <input type=\"text\" class=\"form-control\" v-model=\"discountToApply\" placeholder=\"Discount Code\">\r\n                    </div>\r\n                    <div class=\"col\">\r\n                        <button v-if=\"!hasDiscount\" class=\"btn btn-outline-primary\" @click=\"applyDiscount(discountCode)\">Apply</button>\r\n                        <button v-else class=\"btn btn-outline-primary\" @click=\"removeDiscount\">Remove</button>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row mt-3\">\r\n                    <div class=\"col text-center\">\r\n                        <button class=\"btn btn-primary\" :disabled=\"disableProceedToCheckout\" @click=\"onCheckout\">Proceed to Checkout</button>\r\n                    </div>\r\n                </div>\r\n            </template>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .order-details {\r\n        border: 1px solid $gray-3;\r\n    }\r\n\r\n    .cart-skeleton {\r\n        display: flex;\r\n    }\r\n</style>","import script from \"./OrderDetails.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrderDetails.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OrderDetails.vue?vue&type=style&index=0&id=3e74aca7&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\r\n\r\n    // SelectMailListStepper\r\n    // Cross sell program 4 step stepper\r\n    // Constants:\r\n    // - stepCounter - is used to determine the current step you are on.\r\n\r\n    // Constants\r\n    const constants = {\r\n        stepCounter: {\r\n            ONE: 1,\r\n            TWO: 2,\r\n            THREE: 3,\r\n            FOUR: 4\r\n        }\r\n    };\r\n\r\n    // Exports\r\n    export const stepCounter = constants.stepCounter;\r\n\r\n</script>\r\n\r\n<script setup>\r\n\r\n    \r\n    import { defineProps, computed } from 'vue';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        currentStep: {\r\n            type: Number,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // Constants\r\n    // TODO: after the merge see if it makes sense to find a place for this in a constant file\r\n    const stepStatus = {\r\n        CURRENT: 'current',\r\n        COMPLETED: 'completed'\r\n    }\r\n\r\n    const steps = {\r\n        STEP1: {\r\n            step1: stepStatus.CURRENT\r\n        },\r\n        STEP2: {\r\n            step1: stepStatus.COMPLETED,\r\n            step2: stepStatus.CURRENT\r\n        },\r\n        STEP3: {\r\n            step1: stepStatus.COMPLETED,\r\n            step2: stepStatus.COMPLETED,\r\n            step3: stepStatus.CURRENT\r\n        },\r\n        STEP4: {\r\n            step1: stepStatus.COMPLETED,\r\n            step2: stepStatus.COMPLETED,\r\n            step3: stepStatus.COMPLETED,\r\n            step4: stepStatus.CURRENT\r\n        }\r\n    }\r\n\r\n    // Computed\r\n    // Step determines which classes to output based on the currentStep prop.\r\n    const step = computed(() => {\r\n\r\n        switch (props.currentStep) {\r\n            case 1:\r\n                return steps.STEP1;\r\n            case 2:\r\n                return steps.STEP2;\r\n            case 3:\r\n                return steps.STEP3;\r\n            case 4:\r\n                return steps.STEP4;\r\n            default:\r\n                return {}\r\n        }\r\n    });\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"select-mail-list-stepper\">\r\n\r\n        <div class=\"row\">\r\n\r\n            <div class=\"col\">\r\n\r\n                <div class=\"d-flex justify-content-evenly step-container\">\r\n\r\n                    <div class=\"step\" :class=\"step.step1\">\r\n\r\n                        <div class=\"step-number\">\r\n                            <span v-if=\"step.step1 == stepStatus.COMPLETED\">\r\n                                <i class=\"bi bi-check-lg\"></i>\r\n                            </span>\r\n                            <span v-else>\r\n                                1\r\n                            </span>\r\n                        </div>\r\n\r\n                        <div class=\"step-name\">\r\n                            Personalize\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"step\" :class=\"step.step2\">\r\n\r\n                        <div class=\"step-number\">\r\n                            <span v-if=\"step.step2 == stepStatus.COMPLETED\">\r\n                                <i class=\"bi bi-check-lg\"></i>\r\n                            </span>\r\n                            <span v-else>\r\n                                2\r\n                            </span>\r\n                        </div>\r\n\r\n                        <div class=\"step-name\">\r\n                            Select Mail List\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"step\" :class=\"step.step3\">\r\n\r\n                        <div class=\"step-number\">\r\n                            <span v-if=\"step.step3 == stepStatus.COMPLETED\">\r\n                                <i class=\"bi bi-check-lg\"></i>\r\n                            </span>\r\n                            <span v-else>\r\n                                3\r\n                            </span>\r\n                        </div>\r\n\r\n                        <div class=\"step-name\">\r\n                            Select Mail Schedule\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"step\" :class=\"step.step4\">\r\n\r\n                        <div class=\"step-number\">\r\n                            <span v-if=\"step.step4 == stepStatus.COMPLETED\">\r\n                                <i class=\"bi bi-check-lg\"></i>\r\n                            </span>\r\n                            <span v-else>\r\n                                4\r\n                            </span>\r\n                        </div>\r\n\r\n                        <div class=\"step-name\">\r\n                            Review\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .select-mail-list-stepper {\r\n\r\n        .step-container {\r\n            position: relative;\r\n\r\n            &:before {\r\n                border-top: 2px solid $gray-2;\r\n                content: \"\";\r\n                margin: 0 auto;\r\n                position: absolute;\r\n                top: calc(50% - 15px);\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                width: 70%;\r\n                z-index: -1;\r\n            }\r\n        }\r\n\r\n        .step {\r\n            text-align: center;\r\n        }\r\n        // TODO: add the variables for success alert\r\n        .current .step-number {\r\n            color: #008040;\r\n            border: 2px solid #008040;\r\n        }\r\n        // TODO: add the variables for success alert\r\n        .completed .step-number {\r\n            color: $gray-0;\r\n            background: #008040;\r\n        }\r\n\r\n        .step-number {\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            border: 1px solid $gray-2;\r\n            text-align: center;\r\n            line-height: 60px;\r\n            font-weight: bold;\r\n            font-size: 1.875rem;\r\n            color: $gray-2;\r\n            display: inline-block;\r\n            background: $gray-0;\r\n        }\r\n\r\n        .step-name {\r\n            font-size: 1.375rem;\r\n            color: $gray-2;\r\n        }\r\n\r\n        .current .step-name {\r\n            color: $gray-3;\r\n            font-weight: bold;\r\n        }\r\n    }\r\n</style>","import script from \"./SelectMailListStepper.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SelectMailListStepper.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SelectMailListStepper.vue?vue&type=style&index=0&id=03172a07&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\r\n\r\n    const constants = {\r\n        dropType: {\r\n            ONE: 'ONE',\r\n            MULTIPLE: 'MULTIPLE',\r\n            NONE: 'NONE'\r\n        }\r\n    }\r\n\r\n    export const dropType = constants.dropType;\r\n\r\n</script>\r\n<script setup>\r\n\r\n    // PersonalizeStep3Page\r\n    // Step 3 selecting how you would like the mail sent\r\n\r\n    // Constants ----\r\n    const mailSchedule = reactive([]);\r\n\r\n    // Imports ----\r\n    import { site } from '@/Site';\r\n    import { computed, ref, onMounted, reactive } from 'vue';\r\n    import { useRouter, useRoute } from 'vue-router';\r\n    import { MinMailingCount } from '@/constants'\r\n\r\n    // Components ----\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar  from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n    import { isNotEmpty } from '@/util';\r\n    import { ProgramType, getTabName } from '@/constants'\r\n\r\n    const router = useRouter();\r\n    const route = useRoute();\r\n\r\n\r\n    // State ----\r\n    const dropTypeSelected = ref(dropType.ONE);\r\n    const orderFlowDetails = reactive({});\r\n    const isLoaded = ref(false);\r\n\r\n    async function next() {\r\n\r\n        //If previously selected drop type is different from what we have it now\r\n        if (dropTypeSelected.value != orderFlowDetails.dropDetails?.dropType) {\r\n            console.warn(\"dropTypeSelected\", dropTypeSelected.value);\r\n            await site.personalizationInfo.setDropType(dropTypeSelected.value);\r\n        }\r\n        router.push({\r\n            name: 'PersonalizeStep3DropDatePage',\r\n            params: { id: orderFlowDetails.id },\r\n            query: route.query\r\n        });\r\n    }\r\n\r\n    async function setMailScheduleTypes() {\r\n        let hasProductDataType = await site.personalizationInfo.getProductDataType(orderFlowDetails.productId);\r\n        const programType = orderFlowDetails.programType;\r\n        mailSchedule.push({\r\n            value: dropType.ONE,\r\n            label: programType == ProgramType.PROSPECTING ? 'Send to all prospects at one time' : 'Send to all policyholders at one time'\r\n        });\r\n\r\n        if (isNotEmpty(hasProductDataType) && hasProductDataType == true && orderFlowDetails.targetCount > 25) {\r\n            mailSchedule.push({\r\n                value: dropType.MULTIPLE,\r\n                label: programType == ProgramType.PROSPECTING ? 'Send to all prospects over several dates' : 'Send to policyholders over several dates'\r\n            });\r\n        }\r\n    }\r\n\r\n\r\n\r\n    // Computed\r\n    const tabName = computed(() => {\r\n         return getTabName(orderFlowDetails.programType);\r\n    });\r\n\r\n\r\n    const hasLessMailingList = computed(() => {\r\n        return orderFlowDetails.targetCount <= MinMailingCount\r\n    });\r\n\r\n    //OnMounted\r\n    onMounted(async () => {\r\n\r\n        const orderStateId = route.params.id\r\n        if (isNotEmpty(orderStateId)) {\r\n            const response = await site.personalizationInfo.getOrderState(orderStateId);\r\n            Object.assign(orderFlowDetails, response.model);\r\n            if (orderFlowDetails.dropDetails?.dropType) {\r\n                dropTypeSelected.value = orderFlowDetails.dropDetails?.dropType;\r\n            }\r\n            if (hasLessMailingList.value) {\r\n                dropTypeSelected.value = dropType.ONE;\r\n                await next();\r\n                return;\r\n            }\r\n        }\r\n\r\n        if (isNotEmpty(orderFlowDetails.productId)) {\r\n            await setMailScheduleTypes();\r\n        }\r\n        isLoaded.value = true;\r\n    });\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar v-if=\"tabName\" :active-id=\"tabName\" />\r\n\r\n            <div class=\"root-page-container cross-sell-page3\" v-show=\"!hasLessMailingList\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col my-5\">\r\n\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.THREE\" />\r\n\r\n                    </div>\r\n\r\n                </div>\r\n                <template v-if=\"isLoaded\">\r\n                    <div class=\"row\">\r\n\r\n                        <div class=\"col text-center\">\r\n\r\n                            <h1>How would you like your mailing to be sent?</h1>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"row mb-5 mt-2\">\r\n\r\n                        <div class=\"col-sm-4 offset-sm-4\">\r\n\r\n                            <div class=\"form-check mb-3\" v-for=\"schedule in mailSchedule\" :key=\"schedule.value\">\r\n                                <label class=\"form-check-label\">\r\n                                    <input class=\"form-check-input\" type=\"radio\" v-model=\"dropTypeSelected\" :value=\"schedule.value\" name=\"howToSend\">\r\n                                    {{schedule.label}}\r\n                                </label>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"row mb-5\">\r\n\r\n                        <div class=\"col text-center\">\r\n\r\n                            <router-link :to=\"`/personalization/step-2/${orderFlowDetails.id}`\" class=\"btn btn-outline-primary me-3\">Previous</router-link>\r\n                            <button @click=\"next\" class=\"btn btn-primary\">Next</button>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n                </template>\r\n            </div>\r\n\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n<style lang=\"scss\">\r\n    .cross-sell-page3 {\r\n\r\n        label {\r\n            font-size: 1.25rem;\r\n            font-weight: bold;\r\n        }\r\n    }\r\n</style>\r\n","import script from \"./PersonalizeStep3Page.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PersonalizeStep3Page.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PersonalizeStep3Page.vue?vue&type=style&index=0&id=0c659b60&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // CartItemTile\r\n    // A tile for an item in the cart. \r\n\r\n    // Imports ----\r\n    import { reactive, defineProps, computed, ref} from 'vue';\r\n    import { site } from '@/Site';\r\n    import { deliveryType, productRestrictions } from '../CartPage';\r\n    import { UpdateCartItemQtyForm } from '@dd-nucleus/nucleus-vue';\r\n    import { dropType } from '@/site/areas/personalization/PersonalizeStep3Page';\r\n    import { getUnitOfMeasureFriendlyName } from '@/constants'\r\n    import { formatStatCode } from '@/util';\r\n    import ConfirmationOverlay from '@/site/components/ConfirmationOverlay';\r\n     \r\n    // Props ----\r\n    const props = defineProps({\r\n        // The cart item\r\n        item: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        },\r\n        removable: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        },\r\n        isBulkOrder: {\r\n            type: Boolean,\r\n            required: true,\r\n            default: false\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    const form = reactive(new UpdateCartItemQtyForm(props.item));\r\n    const showOverlay = ref(false);\r\n\r\n    // Computed ----\r\n    const unitPrice = computed(() => {\r\n        if (isKitItem.value\r\n            && props.item\r\n            && props.item.attributes\r\n            && props.item.attributes.OrderState\r\n            && props.item.attributes.OrderState.unitPrice) {\r\n            return site.convertNumberToCurrency(props.item.attributes.OrderState.unitPrice)\r\n        }\r\n        return site.convertNumberToCurrency(props.item.unitPrice)\r\n    });\r\n\r\n    const isDigital = computed(() => { return props.item.product.deliveryType == deliveryType.DIGITAL; });\r\n    const isShippingRequired = computed(() => {\r\n        return props.item.product\r\n            && props.item.product.attributes\r\n            && props.item.product.attributes.isRequireShipping\r\n    });\r\n\r\n    const isKitItem = computed(() => {\r\n        return props.item && props.item.product && props.item.product.attributes && props.item.product.attributes.isKitItem\r\n    });\r\n\r\n    const mailingTotal = computed(() => {\r\n        if (isKitItem.value\r\n            && props.item\r\n            && props.item.attributes\r\n            && props.item.attributes.OrderState\r\n            && props.item.attributes.OrderState.unitPrice) {\r\n            return site.convertNumberToCurrency(props.item.attributes.OrderState.unitPrice * props.item.quantity)\r\n        }\r\n        return site.convertNumberToCurrency(props.item.unitPrice * props.item.quantity)\r\n    });\r\n\r\n    const bulkOrderMailingTotal = computed(() => {\r\n        if (isKitItem.value\r\n            && props.item\r\n            && props.item.attributes\r\n            && props.item.attributes.OrderState\r\n            && props.item.attributes.OrderState.unitPrice) {\r\n            return site.convertNumberToCurrency(props.item.attributes.OrderState.unitPrice * props.item.quantity * totalAddresses.value)\r\n        }\r\n        return site.convertNumberToCurrency(props.item.unitPrice * props.item.quantity * totalAddresses.value)\r\n    });\r\n\r\n    const isNotForMA = computed(() => {\r\n        if (props.item.product.attributes.productRestriction == productRestrictions.NOTFORMA)\r\n            return 'NOT FOR USE IN MASSACHUSETTS'\r\n        else\r\n            return ''\r\n    });\r\n\r\n    const isNotForCO = computed(() => {\r\n      if (props.item.product.attributes.productRestriction == productRestrictions.NOTFORCO)\r\n          return 'NOT FOR USE IN COLORADO'\r\n      else\r\n          return ''\r\n    });\r\n\r\n    const dropDetails = computed(() => {\r\n        if (props.item.attributes && props.item.attributes.OrderState && props.item.attributes.OrderState.dropDetails)\r\n            return props.item.attributes.OrderState.dropDetails;\r\n        else if (props.item?.attributes?.BulkOrderState && props.item?.attributes?.BulkOrderState?.dropDetails)\r\n            return props.item.attributes.BulkOrderState?.dropDetails;\r\n        else\r\n            return '';\r\n    });\r\n\r\n    const subCodeDetails = computed(() => {\r\n        if (props.item?.attributes?.OrderStates?.length > 0) {\r\n            const agenciesDetails = props.item?.attributes?.agencyDetails;\r\n            return props.item?.attributes?.OrderStates.map(os => {\r\n                return {\r\n                    statCode: os.statCode,\r\n                    quantity: os.targetCount,\r\n                    unitPrice: os.unitPrice,\r\n                    name: agenciesDetails?.find(ad => ad.statId == os.statCode)?.agencyName,\r\n                    totalPrice: site.convertNumberToCurrency(os.targetCount * os.unitPrice)\r\n                }\r\n            });\r\n        }\r\n        else\r\n            return null;\r\n    });\r\n\r\n    const showSubCodeDetails = computed(() => {\r\n        return (subCodeDetails.value && subCodeDetails.value.length > 0);\r\n    })\r\n\r\n    const frequencyHeadline = computed(() => {\r\n        if (dropDetails.value.dropType?.toLowerCase() == dropType.ONE.toLowerCase())\r\n            return \"Single Mailing\";\r\n        else\r\n            return \"Multiple Drops (\" + dropDetails.value.frequency + \"), \" + dropDetails.value.numberOfMailings + \" Mailings\"\r\n    });\r\n\r\n    const showQuantity = computed(() => {\r\n        return !isDigital.value || (isDigital.value && isShippingRequired.value);\r\n    });\r\n\r\n    const showQuantityLabel = computed(() => {\r\n        return props.editable || !isShippingRequired.value\r\n    });\r\n\r\n    const showMailingDrop = computed(() => {\r\n        return isDigital.value && dropDetails.value.mailingDetails && dropDetails.value.dropType && dropDetails.value.dropType != 'NONE';\r\n    });\r\n\r\n    const totalAddresses = computed(() => {\r\n        return site.cart.current.shipToList?.length;\r\n    });\r\n\r\n    // Handlers ----\r\n    async function yes() {\r\n        await site.cart.removeItem(props.item.id);\r\n        showOverlay.value = false;\r\n        site.toast.success(\"Item/Asset has been removed\")\r\n    }\r\n\r\n    function no() {\r\n        showOverlay.value = false;\r\n    }\r\n\r\n    function showDeleteConfirmation() {\r\n        showOverlay.value = true;\r\n    }\r\n\r\n    const isFormMessageShown = computed(() => {\r\n        const formObject = JSON.parse(JSON.stringify(form));\r\n        //Show form messages in case of non pod item and non stock messages\r\n        return !(isDigital.value && formObject.isStockExceeded);\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <ConfirmationOverlay v-if=\"showOverlay\">\r\n        <template v-slot:headline>\r\n            <h2 class=\"confirm\">Are you sure you want to delete the item from the cart?</h2>\r\n        </template>\r\n        <template v-slot:buttons>\r\n\r\n            <button class=\"btn btn-outline-primary me-2\" @click=\"no\">No</button>\r\n            <button class=\"btn btn-primary\" @click=\"yes\">Yes</button>\r\n\r\n        </template>\r\n    </ConfirmationOverlay>\r\n\r\n    <div class=\"cart-item-tile\">\r\n        <div class=\"row\">\r\n\r\n            <div class=\"col-2 col-sm-2\">\r\n                <ProductThumbnail :product=\"props.item.product\" no-image-available-url=\"/images/no-image.png\" />\r\n            </div>\r\n\r\n            <div class=\"col-5 col-sm-5\">\r\n\r\n                <div class=\"tags mb-2\">\r\n                    <ProductTags :product=\"props.item.product\" />\r\n                </div>\r\n\r\n                <!-- Product name and item number -->\r\n                <router-link class=\"title-link\" :to=\"`/product/${props.item.product.id}`\">\r\n                    <div class=\"name\" :title=\"item.product.name\">\r\n                        {{ props.item.product.name }}\r\n                    </div>\r\n                </router-link>\r\n\r\n                <div class=\"item-number\"><router-link class=\"title-link\" :to=\"`/product/${props.item.product.id}`\">{{ props.item.product.itemNumber }}</router-link></div>\r\n\r\n                <div class=\"fs-6 fw-bold text-danger\">{{isNotForMA}}</div>\r\n                <div class=\"fs-6 fw-bold text-danger\">{{isNotForCO}}</div>\r\n\r\n                <div class=\"messages\">\r\n                    <MessageList :messages=\"props.item.messages\" :add-box=\"false\" />\r\n                </div>\r\n                <div class=\"d-sm-none d-block\">\r\n                    <div class=\"fw-bold\" v-if=\"showQuantityLabel\">Quantity:</div>\r\n                    <FormContainer :form=\"form\" v-if=\"showQuantity\">\r\n                        <div class=\"flex-fill\">\r\n                            <CartItemQty :item=\"props.item\" :editable=\"props.editable\" />\r\n                            <FormMessages field-name=\"quantity\" :add-box=\"false\" class=\"mt-2\" v-if=\"isFormMessageShown\" />\r\n                            <FieldMessages field-name=\"quantity\" class=\"mt-2\" />\r\n                        </div>\r\n                    </FormContainer>\r\n\r\n                    <div v-else>\r\n                        {{props.item.quantity}}\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"col-5 col-sm-3\">\r\n\r\n                <div>\r\n                    <strong class=\"fs-2\">{{unitPrice}}</strong> {{getUnitOfMeasureFriendlyName(props.item.product)}}\r\n                </div>\r\n\r\n                <div class=\"fw-bold mt-3\" v-if=\"props.isBulkOrder\">\r\n\r\n                    <div>Total Addresses:</div>\r\n\r\n                    <div class=\"fs-2\">{{totalAddresses}}</div>\r\n                </div>\r\n\r\n                <div class=\"fw-bold mt-3\" v-if=\"props.isBulkOrder\">\r\n\r\n                    <div>Total:</div>\r\n\r\n                    <div class=\"fs-2\">{{bulkOrderMailingTotal}}</div>\r\n                </div>\r\n\r\n                <div class=\"fw-bold mt-3\" v-else>\r\n\r\n                    <div>Total:</div>\r\n\r\n                    <div class=\"fs-2\">{{mailingTotal}}</div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class=\"d-none d-sm-block col-sm-2\">\r\n                <div class=\"fw-bold\" v-if=\"showQuantityLabel\">Quantity:</div>\r\n                <FormContainer :form=\"form\" v-if=\"showQuantity\">\r\n                    <div class=\"flex-fill\">\r\n                        <CartItemQty :item=\"props.item\" :editable=\"props.editable\" />\r\n                        <FormMessages field-name=\"quantity\" :add-box=\"false\" class=\"mt-2\" v-if=\"isFormMessageShown\" />\r\n                        <FieldMessages field-name=\"quantity\" class=\"mt-2\" />\r\n                    </div>\r\n                </FormContainer>\r\n\r\n                <div v-else>\r\n                    {{props.item.quantity}}\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"row\" v-if=\"showSubCodeDetails\">\r\n\r\n            <div class=\"offset-2 col-8\">\r\n                <div class=\"subcode-details p-3\">\r\n                    <div>\r\n                        <table class=\"table\">\r\n                            <thead>\r\n                                <tr class=\"bg-color-3-lt\">\r\n                                    <th class=\"border-end border-gray-0\">Sub Code</th>\r\n                                    <th class=\"border-end border-gray-0\">Agency Name</th>\r\n                                    <th class=\"border-end border-gray-0\">Quantity</th>\r\n                                    <th class=\"border-end border-gray-0\">Price</th>\r\n                                </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                                <tr v-for=\"item in subCodeDetails\" :key=\"item.id\" class=\"border-bottom border-gray-2\">\r\n                                    <td>{{ formatStatCode(item.statCode) }}</td>\r\n                                    <td>{{ item.name }}</td>\r\n                                    <td>{{ item.quantity }}</td>\r\n                                    <td>{{ item.totalPrice }}</td>\r\n                                </tr>\r\n                            </tbody>\r\n                        </table>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row\" v-if=\"showMailingDrop\">\r\n\r\n            <div class=\"offset-2 col-8\">\r\n                <div class=\"mailing-drops p-3\">\r\n\r\n                    <div>\r\n                        <strong>Mail Frequency:</strong> {{frequencyHeadline}}\r\n                    </div>\r\n\r\n                    <div class=\"row\" v-for=\"drop in dropDetails.mailingDetails\" :key=\"drop.mailDate\">\r\n                        <div class=\"col-3\">\r\n                            {{site.formatDisplayDate(drop.mailDate)}}\r\n                        </div>\r\n                        <div class=\"col\">\r\n                            {{drop.quantity}}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row\" v-if=\"!isKitItem\">\r\n            <div class=\"offset-2 col-8\">\r\n                <div class=\"item-actions mt-4\" v-if=\"props.removable\">\r\n                    <ul>\r\n                        <li>\r\n                            <a href=\"#\" class=\"no-underline\" @click=\"showDeleteConfirmation\">\r\n                                Remove\r\n                            </a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n\r\n                <div class=\"favorite\">\r\n                    <ProductFavoriteIcon class=\"fs-2\" :product=\"props.item.product\" />\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n<style lang=\"scss\">\r\n    .cart-item-tile {\r\n        padding: 1rem 0;\r\n\r\n        .name {\r\n            font-size: 1.0rem;\r\n            line-height: 1.1rem;\r\n        }\r\n\r\n        a.title-link, a.title-link:visited, a.title-link:hover {\r\n            color: var(--bs-body-color);\r\n            text-decoration: none;\r\n        }\r\n\r\n        .item-number a.title-link {\r\n            font-size: 0.7rem;\r\n            color: $gray-50;\r\n        }\r\n\r\n        .n-product-add-to-cart-qty .text-box {\r\n            border-color: #dddddd;\r\n        }\r\n\r\n        .favorite {\r\n            .n-product-favorite-icon {\r\n                color: $color-2;\r\n            }\r\n        }\r\n\r\n        .mailing-drops {\r\n            background: $color-2-xlt;\r\n        }\r\n\r\n        .item-actions {\r\n            ul {\r\n                padding: 0;\r\n                margin: 0;\r\n                font-size: 1rem;\r\n            }\r\n\r\n            ul li {\r\n                display: inline;\r\n\r\n                &:after {\r\n                    content: \"|\";\r\n                    margin: 0 5px;\r\n                }\r\n\r\n                &:last-child:after {\r\n                    content: '';\r\n                    margin: 0;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .subcode-details {\r\n        .table > :not(caption) > * > * {\r\n            border-bottom: unset;\r\n        }\r\n        // Another weird border top on the table\r\n        .table > :not(:first-child) {\r\n            border-top: unset;\r\n        }\r\n\r\n        thead {\r\n            background: $color-2;\r\n            color: $gray-4;\r\n            border-color: $gray-0;\r\n        }\r\n\r\n        .price-message {\r\n            color: $error;\r\n            font-size: .75rem;\r\n        }\r\n\r\n        tr {\r\n            border-color: #c0bfc0;\r\n            border-bottom: 1px solid #dee2e6;\r\n\r\n            &:last-child {\r\n                border-bottom: unset;\r\n            }\r\n\r\n            td {\r\n                width: 26%;\r\n            }\r\n        }\r\n    }\r\n</style>\r\n","import script from \"./CartItemTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CartItemTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CartItemTile.vue?vue&type=style&index=0&id=0ffe0d98&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // CartItemList\r\n    // A list of cart items in either edit or read-only mode.\r\n\r\n    // Imports ----\r\n    import { defineProps } from 'vue';\r\n    import { site } from '@/Site';\r\n\r\n    // Components ----\r\n    import CartItemTile from './CartItemTile';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // Indicates whether this list is considered editable\r\n        editable: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        },\r\n        isBulkOrder: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        }\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"cart-item-list\">\r\n\r\n        <template v-if=\"site.cart.current.items.length > 0\">\r\n            <div v-for=\"item in site.cart.current.items\" :key=\"item.id\" class=\"cart-item-container\">\r\n                <CartItemTile :item=\"item\" :editable=\"props.editable\" :isBulkOrder=\"isBulkOrder\" />\r\n            </div>\r\n        </template>\r\n        <div v-else>\r\n            <slot name=\"empty\"></slot>\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .cart-item-list {\r\n\r\n        .cart-item-container {\r\n            border-bottom: 1px solid $gray-20;\r\n        }\r\n\r\n        .cart-item-container:last-of-type {\r\n            border-bottom: 0;\r\n        }\r\n    }\r\n</style>","import script from \"./CartItemList.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CartItemList.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CartItemList.vue?vue&type=style&index=0&id=e4232868&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\r\n\r\n    // ProductListTile\r\n    // A tile for a single product intended to be displayed in list mode.\r\n\r\n    // Setup ---\r\n    // Use the values below to modify how the tile appears\r\n    const setup = {\r\n        tileHeight: '12rem',           // Height of the full tab, fixed for alignment purposes\r\n        productNameLines: 2            // Number of lines product name is allowed to wrap before being trimmed with ellipses\r\n    };\r\n\r\n    export const Setup = setup;\r\n\r\n</script>\r\n\r\n<script setup>\r\n\r\n    // Components ----\r\n\r\n    // Imports ----\r\n    import { reactive, defineProps, computed, defineEmits } from 'vue';\r\n    import { productRestrictions } from '@/site/areas/cart/CartPage';\r\n    import { AddToCartForm, Util } from '@dd-nucleus/nucleus-vue';\r\n    import { site } from '@/Site';\r\n    import { getUnitOfMeasureFriendlyName } from '@/constants'\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // The product whose information to show.\r\n        // API model: DD.Nucleus.Storefront.Api.ProductTileModel\r\n        product: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // Handlers ----\r\n    const emit = defineEmits(['productSelected', 'customDownloadSelected', 'downloadSelected']);\r\n\r\n\r\n    // State ----\r\n    const product = reactive(props.product);\r\n    const form = reactive(new AddToCartForm(product, 1));\r\n\r\n    // Methods ----\r\n    function productPrice(price) {\r\n        return site.convertNumberToCurrency(price);\r\n    }\r\n\r\n    // Computed ----\r\n    const isNotForMA = computed(() => {\r\n        if (props.product.restriction == productRestrictions.NOTFORMA)\r\n            return 'NOT FOR USE IN MASSACHUSETTS';\r\n        else\r\n            return '';\r\n    });\r\n\r\n    const isNotForCO = computed(() => {\r\n        if (props.product.restriction == productRestrictions.NOTFORCO)\r\n            return 'NOT FOR USE IN COLORADO';\r\n        else\r\n            return '';\r\n    });\r\n\r\n    // Handlers ----\r\n    function personalize(productId) {\r\n        emit('productSelected', productId);\r\n    }\r\n    function customizeDownload(productId) {\r\n        emit('customDownloadSelected', productId);\r\n    }\r\n    function download(url,productId) {\r\n        emit('downloadSelected', url, productId );\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"product-list-tile\" :style=\"{ 'min-height': setup.tileHeight }\">\r\n        <div class=\"inner-row d-flex flex-row\">\r\n            <div class=\"left\">\r\n                <ProductThumbnail :product=\"product\" :height=\"setup.tileHeight\" width=\"200px\" no-image-available-url=\"/images/no-image.png\" />\r\n            </div>\r\n            <div class=\"middle flex-fill\">\r\n                <!-- Stretchy middle part-->\r\n\r\n                <div class=\"tags mb-2\">\r\n                    <ProductTags :product=\"product\" />\r\n                </div>\r\n\r\n                <!-- Product name and item number -->\r\n                <router-link class=\"title-link\" :to=\"`/product/${product.id}`\">\r\n                    <div class=\"name\" v-snip=\"{ lines: setup.productNameLines }\" :title=\"product.name\">\r\n                        {{ product.name }}\r\n                    </div>\r\n                </router-link>\r\n                <p class=\"description\" v-html=\"product.description\" v-snip=\"{ lines: setup.productNameLines }\"></p>\r\n                <div class=\"item-number\"><router-link class=\"title-link\" :to=\"`/product/${product.id}`\">{{ product.itemNumber }}</router-link></div>\r\n                <div class=\"sale-price mb-1\"> {{ productPrice(product.unitPrice) }} {{getUnitOfMeasureFriendlyName(product)}} </div>\r\n                <div class=\"product-restriction text-danger\"> {{ isNotForMA }} </div>\r\n                <div class=\"product-restriction text-danger\"> {{ isNotForCO }} </div>\r\n\r\n                <div class=\"favorite\">\r\n                    <ProductFavoriteIcon :product=\"product\" label=\"Add as Favorite\" />\r\n                </div>\r\n            </div>\r\n            <!-- Fixed right panel -->\r\n            <div class=\"right d-flex flex-column\" :style=\"{ height: setup.tileHeight }\">\r\n                <MessageList v-if=\"Util.isNotEmpty(product.messages)\" :messages=\"product.messages\" :add-box=\"false\" />\r\n                <ShowOnlyForRoles :roles=\"site.userRoles.getRolesForAllAccess()\">\r\n                    <FormContainer :form=\"form\" v-if=\"product.canAddToCart\">\r\n                        <div class=\"flex-fill\">\r\n                            <ProductAddToCartQty :product=\"product\" />\r\n                            <FormMessages field-name=\"quantity\" :add-box=\"false\" class=\"mt-2\" />\r\n                            <FieldMessages field-name=\"quantity\" class=\"mt-2\" />\r\n                        </div>\r\n                        <div class=\"d-grid mt-3\">\r\n                            <button class=\"btn btn-primary mt-3\" @click=\"form.submit()\" :disabled=\"form.status.isInvalid\">Add&nbsp;To&nbsp;Cart</button>\r\n                        </div>\r\n                    </FormContainer>\r\n                </ShowOnlyForRoles>\r\n                <div>\r\n                    <ShowOnlyForRoles :roles=\"site.userRoles.getRolesForAllAccess()\">\r\n                        <button v-if=\"product.isPersonalizable\" @click=\"personalize(product.id)\" class=\"btn btn-primary w-100 mt-3\" :disabled=\"!product.hasProductDataType\"> Personalize </button>\r\n                    </ShowOnlyForRoles>\r\n                    <button v-if=\"product.isDownloadble\" @click=\"download(product.downloadableAssetFileUrl, product.downloadableFileName)\" class=\"btn btn-primary w-100 mt-3\"> Download </button>\r\n                    <button v-if=\"product.isCustomizeDownloadble\" @click=\"customizeDownload(product.id)\" class=\"btn btn-primary w-100 mt-3\">Customize</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .product-list-tile {\r\n        .inner-row {\r\n            border-bottom: 1px solid $gray-20;\r\n            padding-bottom: 1rem;\r\n        }\r\n\r\n        .name {\r\n            font-size: 1.0rem;\r\n            font-weight: 600;\r\n            line-height: 1.1rem;\r\n            color: #476791;\r\n        }\r\n\r\n        .description {\r\n            font-size: 12px;\r\n            padding-right: 1.5rem;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        a.title-link, a.title-link:visited, a.title-link:hover {\r\n            color: var(--bs-body-color);\r\n            text-decoration: none;\r\n        }\r\n\r\n        .item-number a.title-link {\r\n            font-size: 0.7rem;\r\n            color: $gray-50;\r\n        }\r\n\r\n        .sale-price {\r\n            font-size: 14px;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .product-restriction {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .n-product-add-to-cart-qty .text-box {\r\n            border-color: #dddddd;\r\n        }\r\n\r\n        .btn[disabled] {\r\n            opacity: 0.2;\r\n        }\r\n\r\n        .middle {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .favorite {\r\n            margin-top: 1rem;\r\n        }\r\n\r\n        .right {\r\n            min-width: 14rem;\r\n        }\r\n\r\n        .n-message.text {\r\n            font-size: 14px;\r\n        }\r\n    }\r\n</style>","import script from \"./ProductListTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProductListTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProductListTile.vue?vue&type=style&index=0&id=6f363220&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./MockProductListTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MockProductListTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MockProductListTile.vue?vue&type=style&index=0&id=651314a0&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\r\n\r\n    // CartPage\r\n    // Shows the current contents of the cart.\r\n\r\n    const constants = {\r\n        deliveryType: {\r\n            /// The none delivery type could be used for subscriptions or services (ie. hair appt, or other types of bookings)\r\n            NONE: 0,\r\n            /// The physical delivery type means it is something that will be shipped out by us or a fulfillment vendor.\r\n            PHYSICAL: 1,\r\n            /// A digital delivery type could be something that a user downloads after checkout (paid or not) or\r\n            /// in the case of safeco a mailing which doesnt require shipping address at checkout.\r\n            DIGITAL: 2\r\n        },\r\n        productRestrictions: {\r\n            NOTFORMA: 'NotForMA',\r\n            NOTFORCO: 'NotForCO'\r\n        }\r\n    }\r\n\r\n    export const deliveryType = constants.deliveryType;\r\n    export const productRestrictions = constants.productRestrictions;\r\n\r\n</script>\r\n<script setup>\r\n\r\n    // Components----\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import OrderDetails from './components/OrderDetails';\r\n    import CartItemList from './components/CartItemList';\r\n    import MockProductListTile from '../products/components/MockProductListTile';\r\n\r\n\r\n    // Imports ----\r\n    import { computed, onMounted, ref, watch } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { defaultShipMethodCode } from '@/constants';\r\n\r\n    const isLoaded = ref(false);\r\n    const shipMethodUpdated = ref(false);\r\n\r\n    // Computed ----\r\n    const cart = computed(() => {\r\n        return site.cart.current;\r\n    });\r\n\r\n    const cartItemsCount = computed(() => {\r\n        return cart.value.unitCount\r\n    });\r\n\r\n    const showMessage = computed(() => {\r\n        return isLoaded.value && site.cart.current.messages && site.cart.current.messages.length > 0;\r\n    });\r\n\r\n    onMounted(async () => {\r\n        await site.cart.loadCart();\r\n        isLoaded.value = true;\r\n    })\r\n\r\n    watch(cartItemsCount, async () => {\r\n        if (cartItemsCount.value == 0 && cart.value.shipMethodCode != defaultShipMethodCode && !shipMethodUpdated.value) {\r\n            shipMethodUpdated.value = true;\r\n            await site.cart.setShipMethod(defaultShipMethodCode);\r\n        }\r\n    }, { deep: true }\r\n    );\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar />\r\n            <template v-if=\"isLoaded\">\r\n                <div class=\"row mt-3\">\r\n                    <div class=\"col\">\r\n                        <h1>Shopping Cart <span class=\"fs-3\">({{cart.itemCount}} items)</span></h1>\r\n                    </div>\r\n                </div>\r\n                <MessageList v-if=\"showMessage\" :messages=\"site.cart.current.messages\" :add-box=\"false\" class=\"mb-3\" />\r\n                <div class=\"row\">\r\n                    <div class=\"col-sm-8 col-12\">\r\n                        <CartItemList class=\"mt-5\" :editable=\"true\">\r\n                            <template #empty>\r\n                                <div class=\"text-center\">\r\n                                    Your cart is currently empty.<br /><br />\r\n                                    <router-link class=\"btn btn-outline-color-1 me-2\" to=\"/\">CONTINUE SHOPPING</router-link>\r\n                                </div>\r\n                            </template>\r\n                        </CartItemList>\r\n                    </div>\r\n                    <div class=\"col-sm-4 col-12\">\r\n                        <OrderDetails :cart=\"cart\" />\r\n\r\n                        <div class=\"text-center mt-4\">\r\n                            <router-link to=\"/\" class=\"btn btn-outline-primary\">Continue Shopping</router-link>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </template>\r\n            <template v-else>\r\n                <div v-for=\"n in 3\" :key=\"n\" class=\"row placeholder-glow mt-2\">\r\n                    <MockProductListTile />\r\n                </div>\r\n            </template>\r\n        </div>\r\n    </PageTemplate>\r\n</template>","import script from \"./CartPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CartPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n<script>\r\n\r\n    // ProductGridTile\r\n    // A tile for a single product intended to be displayed in grid mode.\r\n\r\n    // Setup ---\r\n    // Use the values below to modify how the tile appears\r\n    const setup = {\r\n        tileHeight: '28rem',           // Height of the full tab, fixed for alignment purposes\r\n        productNameLines: 2            // Number of lines product name is allowed to wrap before being trimmed with ellipses\r\n    };\r\n\r\n    export const Setup = setup;\r\n\r\n</script>\r\n\r\n<script setup>\r\n\r\n    // Components ----\r\n\r\n    // Imports ----\r\n    import { reactive, defineProps, computed, defineEmits } from 'vue';\r\n    import { productRestrictions } from '@/site/areas/cart/CartPage';\r\n    import { AddToCartForm, Util } from '@dd-nucleus/nucleus-vue';\r\n    import { site } from '@/Site';\r\n    import { getUnitOfMeasureFriendlyName } from '@/constants'\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // The product whose information to show.\r\n        // API model: DD.Nucleus.Storefront.Api.ProductTileModel\r\n        product: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    const product = reactive(props.product);\r\n    const form = reactive(new AddToCartForm(props.product, 1));\r\n\r\n    // Handlers ----\r\n    const emit = defineEmits(['productSelected', 'customDownloadSelected', 'downloadSelected']);\r\n\r\n    // Methods ----\r\n    function productPrice(price) {\r\n        return site.convertNumberToCurrency(price);\r\n    }\r\n\r\n    // Computed ----\r\n    const isNotForMA = computed(() => {\r\n        if (props.product.restriction == productRestrictions.NOTFORMA)\r\n            return 'NOT FOR USE IN MASSACHUSETTS';\r\n        else\r\n            return '';\r\n    });\r\n\r\n    const isNotForCO = computed(() => {\r\n        if (props.product.restriction == productRestrictions.NOTFORCO)\r\n            return 'NOT FOR USE IN COLORADO'\r\n        else\r\n            return ''\r\n    });\r\n\r\n    // Handlers ----\r\n    function personalize(productId) {\r\n        emit('productSelected', productId);\r\n    }\r\n    function customizeDownload(productId) {\r\n        emit('customDownloadSelected', productId);\r\n    }\r\n    function download(url,productId) {\r\n        emit('downloadSelected', url, productId );\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"product-grid-tile d-flex flex-column h-100\" :style=\"{ 'min-height': setup.tileHeight }\">\r\n        <div class=\"top\">\r\n            <ProductThumbnail :product=\"product\" height=\"200px\" no-image-available-url=\"/images/no-image.png\" />\r\n        </div>\r\n        <div class=\"middle flex-fill\">\r\n            <!-- Stretchy middle part-->\r\n\r\n            <div class=\"d-flex flex-row\">\r\n                <div class=\"flex-fill\">\r\n                    <ProductTags :product=\"product\" />\r\n                </div>\r\n                <div>\r\n                    <ProductFavoriteIcon :product=\"product\" />\r\n                </div>\r\n            </div>\r\n\r\n            <!-- Product name and item number -->\r\n            <router-link class=\"title-link\" :to=\"`/product/${product.id}`\">\r\n                <div class=\"name\" v-snip=\"{ lines: setup.productNameLines }\" :title=\"product.name\">\r\n                    {{ product.name }}\r\n                </div>\r\n            </router-link>\r\n            <p class=\"description\" v-html=\"product.description\" v-snip=\"{ lines: setup.productNameLines }\"></p>\r\n            <div class=\"item-number\"><router-link class=\"title-link\" :to=\"`/product/${product.id}`\">{{ product.itemNumber }}</router-link></div>\r\n            <div class=\"sale-price mb-2\"> {{ productPrice(product.unitPrice) }} {{getUnitOfMeasureFriendlyName(product)}} </div>\r\n            <div class=\"product-restriction text-danger\"> {{ isNotForMA }} </div>\r\n            <div class=\"product-restriction text-danger\"> {{ isNotForCO }} </div>\r\n\r\n        </div>\r\n        <div class=\"bottom\">\r\n            <!-- Fixed bottom part -->\r\n            <MessageList v-if=\"Util.isNotEmpty(product.messages)\" :messages=\"product.messages\" :add-box=\"false\" />\r\n            <FormContainer :form=\"form\" v-if=\"product.canAddToCart\">\r\n                <FormMessages field-name=\"quantity\" :add-box=\"false\" class=\"mb-2\" />\r\n                <FieldMessages field-name=\"quantity\" class=\"mb-2\" />\r\n                <ProductAddToCartQty :product=\"product\" />\r\n                <div class=\"d-grid mt-3\">\r\n                    <button class=\"btn btn-primary\" @click=\"form.submit()\" :disabled=\"form.status.isInvalid\">Add To Cart</button>\r\n                </div>\r\n            </FormContainer>\r\n\r\n            <div>\r\n                <ShowOnlyForRoles :roles=\"site.userRoles.getRolesForAllAccess()\">\r\n                    <button v-if=\"product.isPersonalizable\" @click=\"personalize(product.id)\" class=\"btn btn-primary w-100 mt-3\" :disabled=\"!product.hasProductDataType\"> Personalize </button>\r\n                </ShowOnlyForRoles>\r\n                <button v-if=\"product.isDownloadble\" @click=\"download(product.downloadableAssetFileUrl, product.downloadableFileName)\" class=\"btn btn-primary w-100 mt-3\">Download</button>\r\n                <button v-if=\"product.isCustomizeDownloadble\" @click=\"customizeDownload(product.id)\" class=\"btn btn-primary w-100 mt-3\">Customize</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .product-grid-tile {\r\n        .name {\r\n            font-size: 1.0rem;\r\n            font-weight: 600;\r\n            line-height: 1.1rem;\r\n            color: #476791;\r\n        }\r\n\r\n        .description {\r\n            font-size: 12px;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        a.title-link, a.title-link:visited, a.title-link:hover {\r\n            color: var(--bs-body-color);\r\n            text-decoration: none;\r\n        }\r\n\r\n        .item-number a.title-link {\r\n            font-size: 0.7rem;\r\n            color: $gray-50;\r\n        }\r\n\r\n        .sale-price {\r\n            font-size: 14px;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .product-restriction {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .n-product-add-to-cart-qty .text-box {\r\n            border-color: #dddddd;\r\n        }\r\n\r\n        .btn[disabled] {\r\n            opacity: 0.2;\r\n        }\r\n\r\n        .n-message.text {\r\n            font-size: 14px;\r\n        }\r\n    }\r\n</style>","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__","<script setup>\r\n\r\n    // FavoritesPanel\r\n    // Shows the favorites panel of the my account area.\r\n\r\n    // Constants ----\r\n    const constants = {\r\n        DEFAULT_PAGE_SIZE: 12\r\n    }\r\n\r\n    // Components ----\r\n    import ProductGridTile from '@/site/areas/products/components/ProductGridTile';\r\n    import ProductListTile from '@/site/areas/products/components/ProductListTile';\r\n\r\n    // Imports ----\r\n    import { Search } from '@dd-nucleus/nucleus-vue';\r\n    import { reactive, ref, computed } from 'vue';\r\n    import { site } from '@/Site'\r\n    import { useRouter } from 'vue-router';\r\n    import { ChannelTypes } from '@/site/areas/personalization/SelectChannelPage';\r\n    import { getProgramTypeForOrderState, getOppIdForOrderState } from '@/constants'\r\n    import { isNotEmpty } from '@/util'\r\n\r\n    const router = useRouter();\r\n\r\n    //import { site } from '@/Site';\r\n    // State ----\r\n    const search = new Search('product-list', 'detail', 'product-list-newest-to-oldest', constants.DEFAULT_PAGE_SIZE);\r\n    search.setFilterValue('product-state-restriction', '');\r\n    search.setFilterValues('product-explore', ['Favorite']);\r\n\r\n    const sortOptions = [\r\n        { id: 'product-list-newest-to-oldest', text: 'Newest to Oldest' },\r\n        { id: 'product-list-oldest-to-newest', text: 'Oldest to Newest' },\r\n        { id: 'product-list-itemNumber', text: 'Asset Number (A-Z)' },\r\n        { id: 'product-list-itemNumber-desc', text: 'Asset Number (Z-A)' },\r\n        { id: 'product-list-name', text: 'Asset Name (A-Z)' },\r\n        { id: 'product-list-name-desc', text: 'Asset Name (Z-A)' },\r\n        { id: 'ignite-eligible-first', text: 'Ignite eligible first' }\r\n    ];\r\n\r\n    const pageSizeOptions = [12, 24, 36, 48, 60];\r\n\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n    const agencyDetails = ref(site.agencyDetails.selectedAgencyDetails);\r\n\r\n    async function selected(id) {\r\n\r\n        const product = search.results.rows.find(p => p.id == id);\r\n\r\n        if (product.isExpressOrderingAllowed && agencyDetails.value.isOwnerMaster) {\r\n            const oppId = getOppIdForOrderState(product.dataListOption);\r\n            const allStatCodes = await site.agencyDetails.getAgencySubCodes(oppId);\r\n\r\n            const ownerMasterPolicyCount = allStatCodes.find(a => a.statId == agencyDetails.value.statId)?.policyHoldersCount;\r\n            const subcodesHasPolicyHolders = allStatCodes.filter(a => a.statId != agencyDetails.value.statId && a.policyHoldersCount > 0);\r\n\r\n            if (ownerMasterPolicyCount && subcodesHasPolicyHolders?.length > 0) {\r\n                router.push({\r\n                    name: 'ExpressOrderConfirmationPage',\r\n                    params: {\r\n                        productId: product.id\r\n                    }\r\n                });\r\n                return;\r\n            }\r\n        }\r\n\r\n        if (!site.errorHandler.canStartOrder()) {\r\n            return false;\r\n        }\r\n        orderFlowDetails.productId = id;\r\n        const programType = getProgramTypeForOrderState(product.dataListType);\r\n        if (programType) {\r\n            orderFlowDetails.programType = programType;\r\n            orderFlowDetails.productType = product.productTypes?.join(\";\");\r\n            orderFlowDetails.oppId = getOppIdForOrderState(product.dataListOption);\r\n            let channelType = ChannelTypes.DIRECT_MAIL;\r\n            if (product.isEmail) {\r\n                channelType = ChannelTypes.EMAIL;\r\n            }\r\n\r\n            let response = await site.personalizationInfo.startOrder(channelType);\r\n            if (site.errorHandler.handleStartOrderError(response)) {\r\n                router.push({\r\n                    name: 'PersonalizeStep1Page',\r\n                    params: {\r\n                        id: response.id,\r\n                        parentId: response.id,\r\n                        productId: orderFlowDetails.productId\r\n                    },\r\n                    query: {\r\n                        channelType: ChannelTypes.DIRECT_MAIL,\r\n                        isSubscription: product.isSubscription,\r\n                        searchType: 'favorite'\r\n                    }\r\n                });\r\n            }\r\n        }\r\n        else {\r\n            console.error(\"Not able to identify the Program type based on the data list type\");\r\n        }\r\n\r\n    }\r\n\r\n    const eligibleToCustomize = computed(() => {\r\n        if (isNotEmpty(agencyDetails.value?.statId)) {\r\n            return true;\r\n        }\r\n        const adminRoles = site.userRoles.getRolesForAdminAccess();\r\n        var rec = site.user.roles.filter(r => adminRoles.includes(r.id));\r\n        return rec?.length > 0;\r\n    });\r\n\r\n    async function customDownloadSelected(id) {\r\n\r\n        if (!eligibleToCustomize.value) {\r\n            site.toast.error(\"The user's current agency cannot be found, or they're not assigned to a current agency.\");\r\n            return;\r\n        }\r\n\r\n        orderFlowDetails.productId = id;\r\n\r\n        router.push({\r\n            name: 'CustomizeDownloadPage',\r\n            query: {\r\n                productId: id,\r\n            }\r\n        });\r\n    }\r\n\r\n\r\n    async function downloadSelected(url, fileName) {\r\n        if (url) {\r\n            await site.downloadHandler.handleDownload(url, fileName, true);\r\n        }\r\n        else {\r\n            site.toast.error('Error while downloading the pdf. please contact system administrator', 'Error');\r\n        }\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"account-panel\">\r\n        <h1 class=\"cart-page-header mb-3\"> My Account <span class=\"text-muted\">/ My Favorites </span></h1>\r\n\r\n        <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"false\">\r\n\r\n            <div class=\"row mb-3\">\r\n                <div class=\"col\"><SortOptionsList :options=\"sortOptions\" /></div>\r\n                <div class=\"col\"><PageSizeList :options=\"pageSizeOptions\" /></div>\r\n                <div class=\"col\"><ViewModeSelector /></div>\r\n                <div class=\"col-4 text-end\"><PageSelector /></div>\r\n            </div>\r\n\r\n            <SearchGrid>\r\n                <!-- Template for each item in a grid view -->\r\n                <template v-slot:grid=\"product\">\r\n\r\n                    <ProductGridTile :product=\"product\" @productSelected=\"selected\" @customDownloadSelected=\"customDownloadSelected\" @downloadSelected=\"downloadSelected\" />\r\n\r\n                </template>\r\n\r\n                <!-- Template for each item in a list view -->\r\n                <template v-slot:list=\"product\">\r\n\r\n                    <ProductListTile :product=\"product\" @productSelected=\"selected\" @customDownloadSelected=\"customDownloadSelected\" @downloadSelected=\"downloadSelected\" />\r\n\r\n                </template>\r\n\r\n                <!-- Template for no results -->\r\n                <template #empty>\r\n                    No products were found that match your criteria.\r\n                </template>\r\n\r\n            </SearchGrid>\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col text-end fit-content\"><PageSelector /></div>\r\n            </div>\r\n\r\n        </SearchContainer>\r\n\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n</style>","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__","<script setup>\r\n\r\n    // ImageDropZone\r\n    // The drop down will accept a drag and drop of images or a select file box that can upload multiple files.\r\n\r\n    // Constants\r\n    const fileFormats = {\r\n        PNG: 'image/png',\r\n        JPG: 'image/jpeg'\r\n    }\r\n\r\n    // Imports\r\n    import { ref, defineEmits } from 'vue';\r\n    import { site } from '@/Site';\r\n\r\n    // State\r\n    const active = ref(false);\r\n\r\n    const acceptedUploadFormats = Object.values(fileFormats);\r\n\r\n    // Methods\r\n    async function uploadImage(e) {\r\n\r\n        const formData = new FormData();\r\n\r\n        let files;\r\n\r\n        if (e.type == 'change') {\r\n            files = e.target.files;\r\n        }\r\n\r\n        if (e.type == 'drop') {\r\n            files = e.dataTransfer.files;\r\n        }\r\n\r\n        for (let file of files) {\r\n            formData.append('file', file);\r\n        }\r\n\r\n        active.value = false;\r\n\r\n        await site.imageLibrary.uploadUsersImages(formData);\r\n\r\n        emits('refreshImages');\r\n\r\n    }\r\n\r\n    const toggleActive = () => {\r\n        active.value = !active.value;\r\n    }\r\n\r\n    // Emits ----\r\n    const emits = defineEmits(['refreshImages']);\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"image-drop-zone\">\r\n\r\n        <div class=\"row\">\r\n\r\n            <div class=\"col text-center\">\r\n\r\n                <div class=\"dropzone p-2\" \r\n                     @dragenter.prevent=\"toggleActive\" \r\n                     @dragleave.prevent=\"toggleActive\" \r\n                     @dragover.prevent \r\n                     @drop.prevent=\"uploadImage($event)\"\r\n                     :class=\"{ 'active-dropzone' : active }\"\r\n                >\r\n                    <h2>\r\n                        Drop file to upload\r\n                    </h2>\r\n\r\n                    <p>or</p>\r\n\r\n                    <div class=\"mt-3\">\r\n                        <label class=\"btn btn-outline-primary\" for=\"formFile\">Select Files</label>\r\n                        <input @change=\"uploadImage($event)\" type=\"file\" id=\"formFile\" :accept=\"acceptedUploadFormats\">\r\n                    </div>\r\n\r\n                    <div class=\"mt-3 fs-6\">\r\n                        (Accepted File Formats are \"JPG, JPEG, TIF , EPS, Vector Image and TIFF)\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n            \r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .image-drop-zone {\r\n\r\n        .dropzone {\r\n            border: 3px dashed $color-1;\r\n\r\n            input {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        .active-dropzone {\r\n            background: $color-1;\r\n            border-color: $gray-0;\r\n            color: $gray-0;\r\n\r\n            h2 {\r\n                color: $gray-0;\r\n            }\r\n\r\n            p {\r\n                color: $gray-0;\r\n            }\r\n        }\r\n    }\r\n</style>","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__","<script setup>\r\n\r\n    // UserImageLibrary\r\n    // This is a collection of all of the users images in their personal library\r\n\r\n    /*\r\n     * This component has an emit that will send the ID of the selected image to the parent if you add @selectImage\r\n    */\r\n\r\n    // Imports\r\n    import { ref, defineEmits, defineProps } from 'vue';\r\n    import { Search } from '@dd-nucleus/nucleus-vue';\r\n    import { site } from '@/Site';\r\n\r\n    // Components\r\n    import ImageDropZone from '@/site/areas/image-library/ImageDropZone';\r\n    import ConfirmationOverlay from '@/site/components/ConfirmationOverlay';\r\n    import ToolTip from '@/site/components/ToolTip';\r\n\r\n    // Constants\r\n    const constants = {\r\n        DEFAULT_PAGE_SIZE: 12\r\n    }\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        showSelectButton: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        },\r\n        showEditMenu: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        }\r\n    });\r\n\r\n    // State\r\n    const search = new Search('images-for-user', 'detail', 'image-newest-to-oldest', constants.DEFAULT_PAGE_SIZE);\r\n\r\n    const date = new Date();\r\n    const today = date.toISOString(\"en-US\");\r\n    const years = new Date(2000, 0, 1).toISOString(\"en-US\");\r\n\r\n    const selectedImageId = ref('');\r\n\r\n    const showOverlay = ref(false);\r\n\r\n    const showSearch = ref(true);\r\n\r\n    const imageIdToDelete = ref('');\r\n\r\n    const renameId = ref('');\r\n\r\n    const newImageName = ref('');\r\n\r\n    let startDate = ref(years);\r\n\r\n    let endDate = ref(today);\r\n\r\n    // Methods\r\n    function cancelDelete() {\r\n        imageIdToDelete.value = '';\r\n        showOverlay.value = false;\r\n    }\r\n\r\n    function cancelRename() {\r\n        renameId.value = '';\r\n    }\r\n\r\n    async function confirmDelete() {\r\n        // Delete it from the DB\r\n        await site.imageLibrary.deleteUsersImages(imageIdToDelete.value);\r\n\r\n        // Get the images fresh from the server after renaming \r\n        refreshImages();\r\n\r\n        // Reset the variables\r\n        imageIdToDelete.value = '';\r\n        showOverlay.value = false;\r\n    }\r\n\r\n    function deleteImage(id) {\r\n        imageIdToDelete.value = id;\r\n        showOverlay.value = true;\r\n    }\r\n\r\n    function refreshImages() {\r\n        search.refresh();\r\n    }\r\n\r\n    function renameImage(id, name) {\r\n        renameId.value = id;\r\n        newImageName.value = name;\r\n    }\r\n\r\n    async function saveRename() {\r\n\r\n        await site.imageLibrary.postRenameImage(renameId.value, newImageName.value);\r\n        \r\n        // Get the images fresh from the server after renaming \r\n        refreshImages();\r\n\r\n        // Reset Values after rename \r\n        renameId.value = '';\r\n        newImageName.value = '';\r\n    }\r\n\r\n    function selectImage(id) {\r\n        selectedImageId.value = id;\r\n    }\r\n\r\n    // Emits\r\n    const emits = defineEmits(['selectImage']);\r\n\r\n    const emitSelectedImage = () => {\r\n        emits('selectImage', selectedImageId.value)\r\n        selectedImageId.value = '';\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"user-image-library\">\r\n\r\n        <ConfirmationOverlay v-if=\"showOverlay\">\r\n            <template v-slot:headline>\r\n\r\n                <h2 class=\"confirm\">Are you sure you want to delete this image?</h2>\r\n\r\n            </template>\r\n            <template v-slot:buttons>\r\n\r\n                <button class=\"btn btn-outline-primary me-5\" @click=\"cancelDelete\">Cancel</button>\r\n                <button class=\"btn btn-outline-primary ms-5\" @click=\"confirmDelete\">Delete</button>\r\n\r\n            </template>\r\n        </ConfirmationOverlay>\r\n\r\n        <SearchContainer :search=\"search\" default-view=\"grid\" :deep-link=\"false\" v-if=\"showSearch\">\r\n\r\n            <div class=\"row mt-3\">\r\n\r\n                <div class=\"col text-end\" v-if=\"props.showSelectButton\">\r\n\r\n                    <button class=\"btn btn-primary\" @click=\"emitSelectedImage\">Select</button>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n\r\n\r\n            <div class=\"row mb-3\">\r\n\r\n                <div class=\"col\">\r\n                    <label class=\"fw-bold\">Date Range Filter</label>\r\n                    <DateRangeFilter filter-id=\"image-date-range\" :initial-start-date=\"startDate\" :initial-end-date=\"endDate\" v-if=\"showSearch\" />\r\n                </div>\r\n\r\n                <div class=\"col d-flex flex-column\">\r\n                    <div>\r\n                        <label class=\"fw-bold\">Search Image Library</label>\r\n                        <TextBoxFilter filter-id=\"image-keyword\" placeholder=\"Search Image Library\" />\r\n                    </div>\r\n                    <div class=\"text-end mt-auto\"><PageSelector /></div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col pt-3\">\r\n                    <ToolTip placement=\"right-end\">\r\n                        <p>Image Size Recommendations <span><i class=\"bi bi-question-circle-fill\"></i></span></p>\r\n                        <template #content>\r\n                            <p class=\"fs-5\">\r\n                                <span class=\"text-secondary fw-bold\">Logo Upload: </span>\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                                <br /> <br />\r\n                                For the best results, use a high resolution image of <span class=\"fw-bolder\">300 DPI (dots per inch) minimum.</span>\r\n                                The higher the DPI, the clearer the photo or logo will be once it is printed.\r\n                            </p>\r\n                            <div>\r\n                                <p class=\"text-secondary fw-bold fs-5 mb-0\">Acceptable file formats: </p>\r\n                                <p class=\"fs-5 mb-0\"><span class=\"fw-bold\">Agent photo: </span> JPG, JPEG, TIF and TIFF</p>\r\n                                <p class=\"fs-5 mb-4\"><span class=\"fw-bold\">Agency logo: </span> Vector image, EPS, JPEG, TIF and TIFF</p>\r\n                                <p class=\"fs-5\"><span class=\"fw-bold\">Need help? </span> Call 1-800-845-9860 and ask the operator for image upload support.</p>\r\n                            </div>\r\n                        </template>\r\n                    </ToolTip>\r\n\r\n                    <br />\r\n\r\n                    <ImageDropZone @refreshImages=\"refreshImages\" />\r\n\r\n                </div>\r\n\r\n                <div class=\"col-12 text-center mb-3 mt-3\">\r\n\r\n                    <SearchGrid >\r\n\r\n                        <!-- Template for each item in a list view -->\r\n                        <template v-slot:grid=\"image\">\r\n\r\n                            <img :src=\"image.thumbnailUrl\" @click=\"selectImage(image.id)\" :alt=\"image.name\" :class=\"{selected: selectedImageId == image.id}\" class=\"img-fluid userImage w-100\" />\r\n\r\n                            <div class=\"row mt-2\">\r\n\r\n                                <div class=\"col-10 text-start\" v-if=\"renameId == image.id\">\r\n\r\n                                    <input type=\"text\" v-model=\"newImageName\" class=\"form-control\" />\r\n\r\n                                </div>\r\n\r\n                                <div class=\"col-10 text-start break-word\" v-else>\r\n\r\n                                    {{image.name}}\r\n\r\n                                </div>\r\n\r\n                                <div class=\"col-2 text-end\" v-if=\"showEditMenu\">\r\n\r\n                                    <div class=\"btn-group dropstart\">\r\n\r\n                                        <i class=\"bi bi-three-dots-vertical dropdown-toggle\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\"></i>\r\n\r\n                                        <ul class=\"dropdown-menu\">\r\n                                            <li><a class=\"dropdown-item\" :href=\"image.originalUrl\" target=\"_blank\">Download</a></li>\r\n                                            <li><a class=\"dropdown-item\" href=\"javascript:void(0)\" @click=\"renameImage(image.id, image.name)\">Rename</a></li>\r\n                                            <li><a class=\"dropdown-item\" href=\"javascript:void(0)\" @click=\"deleteImage(image.id)\">Delete</a></li>\r\n                                        </ul>\r\n\r\n                                    </div>\r\n\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"row mt-2\" v-if=\"renameId == image.id\">\r\n\r\n                                <div class=\"col-6\">\r\n\r\n                                    <button type=\"button\" @click=\"cancelRename\" class=\"btn btn-outline-primary btn-sm\">Cancel</button>\r\n\r\n                                </div>\r\n\r\n                                <div class=\"col-6 text-end\">\r\n\r\n                                    <button type=\"button\" @click=\"saveRename\" class=\"btn btn-primary btn-sm\">Save</button>\r\n\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                        </template>\r\n\r\n                        <!-- Template for no results -->\r\n                        <template #empty>\r\n                            No products were found that match your criteria.\r\n                        </template>\r\n\r\n                    </SearchGrid>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col text-end fit-content\"><PageSelector /></div>\r\n            </div>\r\n\r\n\r\n        </SearchContainer>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .user-image-library {\r\n        .dropZone {\r\n            border: 3px dashed $color-1;\r\n        }\r\n\r\n        .userImage {\r\n            border: 1px solid $gray-2;\r\n        }\r\n\r\n        .selected {\r\n            border: 3px solid $color-1;\r\n        }\r\n\r\n        .dropdown-menu {\r\n            padding: 0;\r\n            border: 1px solid $neutral-md-dk;\r\n        }\r\n\r\n        li a.dropdown-item {\r\n            padding: 0 .5rem;\r\n            color: $color-2-dk;\r\n            font-size: 0.875rem;\r\n            border-bottom: 1px solid $neutral-md-dk;\r\n        }\r\n\r\n        li:last-child a.dropdown-item {\r\n            border-bottom: none;\r\n        }\r\n\r\n        h2.confirm {\r\n            color: $gray-0;\r\n        }\r\n\r\n        .dp__input.form-control {\r\n            padding: 0.375rem 2rem !important;\r\n            font-size: 1.125rem !important;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .popper {\r\n            width: 40%;\r\n        }\r\n\r\n        .break-word {\r\n            overflow-wrap: break-word;\r\n        }\r\n    }\r\n</style>","import script from \"./UserImageLibrary.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./UserImageLibrary.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./UserImageLibrary.vue?vue&type=style&index=0&id=7204a948&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./ImageLibraryPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ImageLibraryPanel.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // OrderHistoryTile\r\n    // A tile used for each order in order history.\r\n\r\n    // Components ----\r\n\r\n    // Imports ----\r\n    import { defineProps, computed } from 'vue';\r\n    import { Util } from '@dd-nucleus/nucleus-vue';\r\n    import { site } from '@/Site';\r\n    import { ChannelTypes } from '@/site/areas/personalization/SelectChannelPage';\r\n    import { formatStatCode } from '@/util';\r\n    import { ProgramType } from '@/constants'\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // The order whose information to show.\r\n        // API model: DD.Nucleus.Storefront.Api.OrderTileModel\r\n        order: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // Computed ----\r\n    const icon = computed(() => {\r\n        // TODO: Hacked in. Create constants in Orders service plugged into singleton store object.\r\n        switch (props.order.orderStatusCode) {\r\n            default: // None\r\n                return '';\r\n            case 1: // Pending\r\n                return 'bi bi-check-circle-fill';\r\n            case 2: // PendingApproval\r\n                return 'bi bi-pause-circle-fill';\r\n            case 99: // Canceled\r\n                return 'bi bi-x-circle-fill';\r\n            case 100: // Completed\r\n                return 'bi bi-check-circle-fill';\r\n        }\r\n    });\r\n\r\n    const totalPrice = computed(() => { return site.convertNumberToCurrency(props.order.total) });\r\n    const amountPaid = computed(() => { return site.convertNumberToCurrency(props.order.amountPaid) });\r\n    const orderItems = computed(() => {\r\n        if (props.order.items.length > 1)\r\n            return props.order.items.length + \"items\"\r\n\r\n        return props.order.items.length + \"item\"\r\n    });\r\n\r\n    const isLegacyOrder = computed(() => {\r\n        if (props.order.id == '074c59a0-af04-4c18-a150-9cb0f9405f12') {\r\n            return true;\r\n        } else {\r\n            return false;\r\n        }\r\n    });\r\n\r\n    const isExpressOrder = computed(() => {\r\n        return props.order.items.filter(i => i.attributes?.OrderStates?.length > 0)?.length > 0;\r\n    });\r\n\r\n\r\n    const isCompleted = computed(() => {\r\n        if (props.order.orderStatusCode == 100)\r\n            return true;\r\n        return false;\r\n    })\r\n\r\n    const cssClass = computed(() => {\r\n        // TODO: Hacked in. Create constants in Orders service plugged into singleton store object.\r\n        switch (props.order.orderStatusCode) {\r\n            default: // None\r\n                return '';\r\n            case 1: // Pending\r\n                return 'pending';\r\n            case 2: // PendingApproval\r\n                return 'pending-approval';\r\n            case 99: // Canceled\r\n                return 'canceled';\r\n            case 100: // Completed\r\n                return 'completed';\r\n        }\r\n    });\r\n\r\n    const agencyName = computed(() => {\r\n        if (props.order?.attributes?.Agency?.statCode && props.order?.attributes?.Agency?.name) {\r\n            return props.order?.attributes?.Agency?.name\r\n        } else if (props.order?.shipTo?.companyName) {\r\n            return props.order?.shipTo?.companyName;\r\n        }\r\n        return \"\";\r\n    });\r\n\r\n    const statCode = computed(() => {\r\n        if (props.order?.attributes?.Agency?.statCode && props.order?.attributes?.Agency?.name) {\r\n            return props.order?.attributes?.Agency?.statCode\r\n        } else if (props.order?.shipTo?.companyName) {\r\n            return props.order.items[0].attributes?.Data?.statCode;\r\n        }\r\n        return \"\";\r\n    });\r\n\r\n    //Methods --\r\n    function channelType(type) {        \r\n        switch (type) {\r\n            case ChannelTypes.EMAIL:\r\n                return \"Email\";\r\n            case ChannelTypes.DIRECT_MAIL:\r\n                return \"Direct Mail\";\r\n            default:\r\n                return \"\";\r\n        }\r\n    }\r\n\r\n    function showViewList(item) {\r\n        if (isProspecting(item)) {\r\n            const mailingDetails = item.attributes?.Data?.dropDetails?.mailingDetails;\r\n            if (mailingDetails && mailingDetails.length > 0) {\r\n                let mailDate = mailingDetails[0].mailDate;\r\n                if (mailDate) {\r\n                    const mailedDate = new Date(mailDate);\r\n                    const currentDate = new Date();\r\n                    return mailedDate < currentDate && !isMailingListExpired(mailDate);\r\n                }\r\n                return false;\r\n            }\r\n            return false;\r\n        } else if (isExpressOrder.value) {\r\n            return false;\r\n        }\r\n        return true;\r\n    }\r\n    function isMailingListExpired(lastMailingDate) {\r\n        const itemdate = new Date(lastMailingDate);\r\n        itemdate.setDate(itemdate.getDate() + 60);\r\n\r\n        const currentDate = new Date();\r\n        currentDate.setHours(0, 0, 0, 0);\r\n\r\n        let days = (itemdate.getTime() - currentDate.getTime()) / (1000 * 3600 * 24);\r\n\r\n        if (days < 0) {\r\n            return true;\r\n        }\r\n        return false;\r\n    }\r\n    function getExpiryMessage(lastMailingDate) {\r\n        if (!lastMailingDate) {\r\n            return \"\";\r\n        }\r\n        const itemdate = new Date(lastMailingDate);\r\n        const currentDate = new Date();\r\n        if (itemdate > currentDate) {\r\n            return \"\"\r\n        }\r\n        if (isMailingListExpired(lastMailingDate)) {\r\n            return `(List Expired)`\r\n        }\r\n\r\n        const expiryDate = itemdate.setDate(itemdate.getDate() + 60);\r\n\r\n        return `(List Expires on ${Util.date(expiryDate)})`\r\n    }\r\n\r\n    function hasListView(item) {\r\n        const dropDetails = item.attributes?.Data?.dropDetails\r\n        const programType = item.attributes?.Data?.programType;\r\n        if ((dropDetails && dropDetails?.dropType != null) || (programType == ProgramType.ANNUAL_AUTO || programType == ProgramType.PET_INSURANCE ))\r\n            return true\r\n        return false\r\n    }\r\n\r\n    function isProspecting(item) {\r\n        const programType = item.attributes?.Data?.programType;\r\n        return programType == ProgramType.PROSPECTING;\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"order-history-tile d-flex px-1 py-2\">\r\n        <div class=\"flex-fill\">\r\n            <div class=\"title\"><span class=\"order-date\">{{Util.date(order.orderDate)}}</span> | Order #{{ order.orderNumber }} | {{totalPrice}} ({{orderItems}}) <span v-if=\"isCompleted\"> | Amount Paid: {{amountPaid}}</span></div>\r\n            <div v-for=\"item in order.items\" :key=\"item.id\" class=\"sub-title\">\r\n                <span class=\"order-type\">{{channelType(item.attributes?.Data?.channelType)}}</span>\r\n                {{item.product.itemNumber}} &nbsp;{{item.product.name}}\r\n                <template v-if=\"hasListView(item)\">\r\n                    <span class=\"text-danger\" v-if=\"isProspecting(item)\">{{getExpiryMessage(item.attributes?.Data?.dropDetails.mailingDetails[item.attributes?.Data?.dropDetails.numberOfMailings - 1]?.mailDate)}}</span>\r\n                    <span class=\"px-1\" v-if=\"showViewList(item)\">\r\n                        <template v-if=\"isLegacyOrder\">\r\n                            <router-link :to=\"{ path: '/account/order-detail', query: { 'f-order-details-list-order-num': `${order.orderNumber};${item.attributes.Data.pageFlexDocumentId}` } }\">View List</router-link>\r\n                        </template>\r\n                        <template v-else>\r\n                            <router-link :to=\"{ path: '/account/order-detail', query: { 'f-order-details-list-order-num': `${order.orderNumber};${item.attributes.Data.id}` } }\">View List</router-link>\r\n                        </template>\r\n                    </span>\r\n                </template>\r\n\r\n            </div>\r\n            <div class=\"ship-to\">\r\n                    <span class=\"statCode\">{{formatStatCode(statCode)}}</span>\r\n                    {{ agencyName}}\r\n            </div>\r\n            <div class=\"status d-flex\" :class=\"cssClass\"><i :class=\"icon\"></i>&nbsp; {{ order.orderStatus }}</div>\r\n        </div>\r\n        <div class=\"text-end action-panel\">\r\n            <router-link v-if=\"isLegacyOrder\" :to=\"`/account/order/${order.id}/?orderNumber=${order.orderNumber}`\">View Details</router-link>\r\n            <router-link v-else :to=\"`/account/order/${order.id}`\">View Details</router-link>\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .order-history-tile {\r\n        .title {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .order-date, .order-type, .statCode {\r\n            font-weight: $bold;\r\n        }\r\n\r\n        .order-type, .statCode {\r\n            margin-right: 8px;\r\n        }\r\n\r\n        .sub-title, .ship-to {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .status {\r\n            margin-top: 0.5rem;\r\n            font-weight: $bold;\r\n            font-size: 14px;\r\n            align-items: center;\r\n        }\r\n\r\n        .status i {\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .status.pending {\r\n            .bi {\r\n                opacity: 0.5;\r\n                color: $ok;\r\n            }\r\n        }\r\n\r\n        .status.pending-approval {\r\n            .bi {\r\n                color: $warning;\r\n            }\r\n        }\r\n\r\n        .status.canceled {\r\n            .bi {\r\n                color: $error;\r\n            }\r\n        }\r\n\r\n        .status.completed {\r\n            .bi {\r\n                color: $ok;\r\n            }\r\n        }\r\n        // TODO: This is hacked in for now. Look at global link styling.\r\n        .action-panel a, .action-panel a:visited {\r\n            color: $color-2;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .action-panel a:hover {\r\n            text-decoration: underline;\r\n        }\r\n    }\r\n</style>","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__","<script setup>\r\n\r\n    // OrderHistoryPanel\r\n    // Shows order history in the my account area.\r\n\r\n    // Constents\r\n    const constants = {\r\n        DEFAULT_PAGE_SIZE: 10\r\n    }\r\n\r\n    const pageSizeOptions = [10, 20, 35, 48, 60];\r\n\r\n    const statusOptions = [\r\n        { id: 'pending-approval', text: 'In Progress' },\r\n        { id: 'pending', text: 'Pending' },\r\n        { id: 'completed', text: 'Complete' },\r\n        { id: 'canceled', text: 'Cancelled' },\r\n    ];\r\n    const orderChannelTypeOptions = [\r\n        { id: 'email', text: 'Email' },\r\n        { id: 'direct-mail', text: 'Direct Mail' },\r\n        // NOTE: these 3 filters are kept here for future use in case we want them\r\n        // { id: 'ADD_FILTER_ID', text: 'Shipped Item' },\r\n        // { id: 'ADD_FILTER_ID', text: 'Custom download' },\r\n        // { id: 'ADD_FILTER_ID', text: 'Download' },\r\n    ];\r\n    const programTypeOptions = [\r\n        { id: 'automated-cross-sell', text: 'Automated Cross-sell Orders' },\r\n        { id: 'cross-sell', text: 'Cross-sell Orders' },\r\n        { id: 'specialty-cross-sell', text: 'Specialty Cross-sell' },\r\n        { id: 'prospecting', text: 'Prospecting' },\r\n        { id: 'annual-auto', text: 'Annual Auto' },\r\n        { id: 'relationship-marketing', text: 'Relationship Marketing' },\r\n    ];\r\n\r\n    const shippingOptions = [\r\n        { id: '100', text: 'Shipped' },\r\n        { id: '1', text: 'Not Shipped' },\r\n        { id: '2', text: 'Partially Shipped' },\r\n    ]\r\n\r\n    const columns = [\r\n        { field: 'orderPlacedByEmail', title: 'Order Placed By Email' },\r\n        { field: 'orderDate', title: 'Order Date', formatter: (value) => Util.date(value) },\r\n        { field: 'orderNumber', title: 'Order Number' },\r\n        { field: 'orderStatus', title: 'Order Status' },\r\n        { field: 'paymentStatus', title: 'Payment Status' },\r\n        { field: 'shippingStatus', title: 'Shipping Status' },\r\n        { field: 'subTotal', title: 'Sub Total' },\r\n        { field: 'discountTotal', title: 'Discount Total' },\r\n        { field: 'shipping', title: 'Shipping' },\r\n        { field: 'total', title: 'Total' },\r\n        { field: 'amountPaid', title: 'Amount Paid' },\r\n    ]\r\n\r\n    // Components ----\r\n    import OrderHistoryTile from '@/site/components/OrderHistoryTile';\r\n    import MockProductListTile from '@/site/areas/products/components/MockProductListTile';\r\n\r\n    // Imports ----\r\n    import { computed } from 'vue';\r\n    import { ExportParser } from \"@/site/services/ExportParser\";\r\n    import { Search, Util } from '@dd-nucleus/nucleus-vue';\r\n    import { useRoute } from 'vue-router';\r\n    import { getFieldsMapperFromColumns, beforeTableEncode } from '@/util';\r\n\r\n\r\n    // State ----\r\n    const search = new Search('orders-for-user', 'detail', 'order-newest-to-oldest', constants.DEFAULT_PAGE_SIZE);\r\n    const route = useRoute();\r\n\r\n    const fieldsMapper = getFieldsMapperFromColumns(columns);\r\n\r\n    search.setFilterInitialValue('order-include-archived', \"true\");\r\n\r\n    if (route.query.programType) {\r\n        search.setFilterValue('order-program-type', route.query.programType.toLowerCase());\r\n    }\r\n\r\n    const searchDownload = new Search('orders-for-user', 'detail', 'order-newest-to-oldest', null);\r\n    searchDownload.setFilterInitialValue('order-include-archived', \"true\");\r\n    // Computed \r\n    const data = computed(() => {\r\n        if (searchDownload.results && searchDownload.results.rows && searchDownload.results.rows.length > 0) {\r\n            return searchDownload.results.rows;\r\n        }\r\n        return [];\r\n    });\r\n\r\n    function setDownloadFilterValues() {\r\n\r\n        const searchTermFilterValues = search.getFilterValues('search-term');\r\n        const orderDateRangeFilterValues = search.getFilterValues('order-date-range');\r\n        \r\n        const orderChannelTypeFilterValues = search.getFilterValues('order-channel-type');\r\n        const orderStatusFilterValues = search.getFilterValues('order-status');\r\n        const shippingStatusFilterValues = search.getFilterValues('shipping-status-multiple');\r\n        const orderProgramTypeFilterValues = search.getFilterValues('order-program-type');\r\n\r\n        if (route.query.programType) {\r\n            searchDownload.setFilterValues('order-program-type', route.query.programType.toLowerCase());\r\n        }\r\n\r\n        if (searchTermFilterValues != null) {\r\n            searchDownload.setFilterValues('search-term', searchTermFilterValues);\r\n        }\r\n\r\n        if (orderDateRangeFilterValues != null) {\r\n            searchDownload.setFilterValues('order-date-range', orderDateRangeFilterValues);\r\n        }\r\n\r\n        if (orderChannelTypeFilterValues != null) {\r\n            searchDownload.setFilterValues('order-channel-type', orderChannelTypeFilterValues);\r\n        }\r\n\r\n        if (orderStatusFilterValues != null) {\r\n            searchDownload.setFilterValues('order-status', orderStatusFilterValues);\r\n        }\r\n\r\n        if (shippingStatusFilterValues != null) {\r\n            searchDownload.setFilterValues('shipping-status-multiple', shippingStatusFilterValues);\r\n        }\r\n        \r\n        if (orderProgramTypeFilterValues != null) {\r\n            searchDownload.setFilterValues('order-program-type', orderProgramTypeFilterValues);\r\n        }\r\n    }\r\n\r\n    // Methods ---\r\n    async function downloadExcel() {\r\n        \r\n        setDownloadFilterValues();\r\n        await searchDownload.activate(route);\r\n        ExportParser().exportXLSFromJSON(data.value, null, null, fieldsMapper, beforeTableEncode(columns));\r\n    }\r\n\r\n    async function downloadCsv() {\r\n\r\n        setDownloadFilterValues();\r\n        await searchDownload.activate(route);\r\n        ExportParser().exportCSVFromJSON(data.value, null, null, fieldsMapper, beforeTableEncode(columns));\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"account-panel order-history-panel\">\r\n        <h1 class=\"cart-page-header mb-3 text-primary\">My Account <span class=\"text-muted\">/ My Order History/Lists </span></h1>\r\n\r\n        <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"false\">\r\n            <div class=\"d-flex flex-column\">\r\n                <div class=\"filter-box container\">\r\n                    <div class=\"mb-4 row\">\r\n                        <div class=\"col-4\">\r\n                            <label class=\"fw-bold\">Search by</label>\r\n                            <TextBoxFilter title=\"Order no#, name or email\"  filter-id=\"search-term\" placeholder=\"Order no#, name or email\" />\r\n                        </div>\r\n\r\n                        <div class=\"col-4\">\r\n                            <label class=\"fw-bold\">Order Date</label>\r\n                            <DateRangeFilter filter-id=\"order-date-range\" />\r\n                        </div>\r\n\r\n                        <div class=\"col-4\">\r\n                            <label class=\"fw-bold\">Agency</label>\r\n                            <TextBoxFilter title=\"Search by agency name or statcode\" filter-id=\"search-agency\" placeholder=\"Search by agency name or statcode\" />\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-4 row\">\r\n                        <div class=\"col-12\">\r\n                            <label class=\"fw-bold\">Status</label>\r\n                            <div class=\"row\">\r\n                                <div class=\"col-3\" v-for=\"opt of statusOptions\" :key=\"opt.id\">\r\n                                    <AddFilterCheckBox filter-id=\"order-status\" :values=\"[opt.id]\" :label=\"opt.text\" />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 mt-4\">\r\n                            <label class=\"fw-bold\">Delivery Type</label>\r\n                            <div class=\"row\">\r\n                                <div class=\"col-3\" v-for=\"opt of orderChannelTypeOptions\" :key=\"opt.id\">\r\n                                    <AddFilterCheckBox filter-id=\"order-channel-type\" :values=\"[opt.id]\" :label=\"opt.text\" />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 mt-4\">\r\n                            <label class=\"fw-bold\">Shipping Type</label>\r\n                            <div class=\"row\">\r\n                                <div class=\"col-3\" v-for=\"opt of shippingOptions\" :key=\"opt.id\">\r\n                                    <AddFilterCheckBox filter-id=\"shipping-status-multiple\" :values=\"[opt.id]\" :label=\"opt.text\" />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 mt-4\">\r\n                            <label class=\"fw-bold\">Program List Type</label>\r\n                            <div class=\"row\">\r\n                                <div class=\"col-4\" v-for=\"opt of programTypeOptions\" :key=\"opt.id\">\r\n                                    <AddFilterCheckBox filter-id=\"order-program-type\" :values=\"[opt.id]\" :label=\"opt.text\" />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"options-box d-flex align-items-center mt-3 mb-5 align-self-end\">\r\n                    <i class=\"bi bi-file-earmark-excel text-secondary\" title=\"Download in Excel format\" style=\"font-size: 30px;\" @click=\"downloadExcel\" role=\"button\"></i>\r\n                    <i class=\"bi bi-filetype-csv text-secondary\" title=\"Download in CSV format\" style=\"font-size: 30px;\" @click=\"downloadCsv\" role=\"button\"></i>\r\n                    <div><PageSizeList :options=\"pageSizeOptions\" /></div>\r\n                    <div class=\"flex-fill text-end\"><PageSelector /></div>\r\n                </div>\r\n            </div>\r\n\r\n            <SearchGrid>\r\n                <template v-slot:list=\"order\">\r\n                    <OrderHistoryTile :order=\"order\" />\r\n                </template>\r\n\r\n                <template #empty>\r\n                    <div>\r\n                        You do not currently have any previously-placed orders.\r\n                    </div>\r\n                </template>\r\n\r\n                <template #loading-list>\r\n                    <MockSearchGrid>\r\n                        <MockProductListTile />\r\n                    </MockSearchGrid>\r\n                </template>\r\n            </SearchGrid>\r\n\r\n            <div class=\"d-flex\">\r\n                <div class=\"flex-fill text-end\"><PageSelector /></div>\r\n            </div>\r\n\r\n        </SearchContainer>\r\n\r\n\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .order-history-panel {\r\n        .n-search-grid .tile {\r\n            margin-bottom: 0.5rem;\r\n            padding: 0.5rem;\r\n        }\r\n\r\n        .n-search-grid .tile:nth-child(odd) {\r\n            background-color: #efefef;\r\n        }\r\n\r\n        .filter-box {\r\n            padding: 2rem;\r\n            background: #f2fcfc;\r\n\r\n            .n-date-range-filter{\r\n                display: flex;\r\n                gap: 0.5rem;\r\n            }\r\n        }\r\n\r\n        .options-box {\r\n            gap: 1rem;\r\n        }\r\n    }\r\n</style>\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__","<script setup>\r\n    // PaymentMethodTile\r\n    // A payment method block with a styleable border.\r\n\r\n    // Components ----\r\n\r\n    // Imports ----\r\n    import { reactive, defineProps, defineEmits } from 'vue';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // The payment method to show\r\n        model: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        // An optional height to enforce.\r\n        height: {\r\n            type: String,\r\n            required: false,\r\n            default: null\r\n        },\r\n        // Whether to add a \"set default\" action button\r\n        canSetDefault: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        },\r\n        // Whether to show a border around the tile.\r\n        border: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    const paymentMethod = reactive(props.model);\r\n\r\n    // Computed ----\r\n\r\n    // Events ----\r\n    const emit = defineEmits(['default', 'delete']);\r\n\r\n    // Handlers ----\r\n    function onDelete() {\r\n        emit('delete');\r\n    }\r\n    async function onSetDefault() {\r\n        emit('default');\r\n        paymentMethod.isDefault = !paymentMethod.isDefault;  \r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"payment-method-tile d-flex flex-column\" :class=\"{ 'has-border': props.border, default: props.model.isDefault, expired: props.model.isExpired }\" :style=\"{ height: props.height }\">\r\n        <div class=\"flex-fill\">\r\n            <slot name=\"method\"></slot>\r\n            <div class=\"text-danger fs-5 fw-bold\" v-if=\"props.model.isExpired\">This card has expired</div>\r\n        </div>\r\n\r\n        <div class=\"mt-2\">\r\n            <div v-if=\"props.model.isDefault\">\r\n                <ActionButton icon=\"bi bi-star-fill\" class=\"disabled default\" label=\"Default Method\" />\r\n                <ActionButton icon=\"bi bi-trash-fill\" @click=\"onDelete()\" label=\"\" />\r\n            </div>\r\n            <div v-else>\r\n                <ActionButton v-if=\"canSetDefault && !props.model.isExpired\" icon=\"bi bi-star\" @click=\"onSetDefault()\" label=\"Set As Default\" />\r\n                <ActionButton icon=\"bi bi-trash-fill\" @click=\"onDelete()\" label=\"\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .n-action-button {\r\n        margin-right: 0.5rem;\r\n        background: transparent !important;\r\n    }\r\n\r\n    .n-action-button .bi-star-fill {\r\n        color: #ff8100 !important;\r\n    }\r\n\r\n    .n-action-button.default {\r\n        color: #ff8100 !important;\r\n    }\r\n\r\n\r\n    // Updated from border to has-border because border is a default bootstrap with an !important tag\r\n    .payment-method-tile.has-border {\r\n        padding: 1rem;\r\n        border: 1px solid $gray-2;\r\n        border-radius: 0.25rem\r\n    }\r\n\r\n    .payment-method-tile.has-border.default {\r\n        border-color: $color-1;\r\n    }\r\n\r\n    .payment-method-tile.has-border.expired {\r\n        border-color: $error;\r\n    }\r\n</style>","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}","<script setup>\r\n    // AddPaymentMethodStripe\r\n    // Allows the creation of a payment method.\r\n\r\n    // Imports ----\r\n    import { store } from '@dd-nucleus/nucleus-vue';\r\n    import { computed, defineProps, defineEmits, reactive, ref, onBeforeMount, onMounted } from 'vue';\r\n    import { site, DEFAULT_COUNTRY_CODE } from '@/Site';\r\n    import { StripeElements, StripeElement } from 'vue-stripe-js'\r\n    import { loadStripe } from '@stripe/stripe-js'\r\n    import { PaymentTypeCode } from '../../services/PaymentInfo';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        typeCode: {\r\n            type: String,\r\n            required: false,\r\n            default: PaymentTypeCode.CREDIT_CARD\r\n        },\r\n        form: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n    });\r\n\r\n\r\n    // Computed\r\n    const userData = computed(() => {\r\n        return {\r\n            metadata: { 'userId': site.user.userId },\r\n            name: site.user.firstName + ' ' + site.user.lastName\r\n        }\r\n    });\r\n\r\n    const countries = computed(() => {\r\n        return site?.config?.store?.countries || [];\r\n    });\r\n\r\n    const isCreateCustomer = computed(() => {\r\n        return !site.paymentInfo.stripeCustomerId.length > 0;\r\n    });\r\n\r\n\r\n\r\n    // State ----\r\n    const form = reactive(props.form);\r\n\r\n    const selectedCountry = ref(DEFAULT_COUNTRY_CODE);\r\n    // TODO: get this from env variables\r\n    const stripeKey = process.env.VUE_APP_STRIPE_API_PUBLISH_KEY;\r\n\r\n    const cardOptions = ref({\r\n        // https://stripe.com/docs/stripe.js#element-options\r\n        value: {\r\n            postalCode: '',\r\n        },\r\n        style: {\r\n            base: {\r\n                iconColor: '#05040d',\r\n                color: '#1a1446',\r\n                fontWeight: '500',\r\n                fontSize: '20px',\r\n                fontSmoothing: 'antialiased',\r\n                ':-webkit-autofill': {\r\n                    color: '#fce883',\r\n                },\r\n                '::placeholder': {\r\n                    color: '#29254f',\r\n                },\r\n            },\r\n            invalid: {\r\n                iconColor: '#FFC7EE',\r\n                color: '#FFC7EE',\r\n            },\r\n        },\r\n    });\r\n\r\n    const stripeLoaded = ref(false);\r\n\r\n    const card = ref();\r\n\r\n    const elms = ref();\r\n\r\n    const customer = reactive({});\r\n\r\n    const paymentMethod = reactive({});\r\n\r\n    // Handlers ----\r\n    const emit = defineEmits(['generateToken', 'change', 'cancel']);\r\n\r\n    // Third we need to attach the payment method to the customer\r\n    async function attachPaymentMethod() {\r\n\r\n        const response = await site.paymentInfo.attachStripeCustomerPaymentMethod(paymentMethod.paymentMethod.id, customer.id, form.model.isDefault);\r\n\r\n        if (response && response.succeeded) {\r\n            emit('generateToken', response);\r\n        }\r\n        else {\r\n            if (response && response.data && response.data.error && response.data.error.message) {\r\n                site.toast.error(response.data.error.message, 'Card Error');\r\n            }\r\n            else {\r\n                site.toast.error(response, 'Not able to attach the CC to your account. Please contact system administrator.');\r\n            }\r\n            return false;\r\n        }\r\n    }\r\n\r\n    // First we first need to create a customer for stripe\r\n    async function createCustomer() {\r\n        if (form.model.addressLine1.length > 30) {\r\n            form.validator.fields.addressLine1.addWarning('Address Line 1 cannot be more than 30 characters');\r\n        }\r\n        else {\r\n\r\n            if (isCreateCustomer.value)\r\n                Object.assign(customer, await site.paymentInfo.createStripeCustomer(userData.value));\r\n            else\r\n                customer.id = site.paymentInfo.stripeCustomerId;\r\n\r\n            await createPaymentMethod();\r\n        }\r\n\r\n    }\r\n\r\n    // Second we need to create a Payment Method\r\n    async function createPaymentMethod() {\r\n        // Get stripe element\r\n        const cardElement = card.value.stripeElement;\r\n\r\n        await elms.value.instance.createPaymentMethod(\r\n            {\r\n                type: 'card',\r\n                card: cardElement,\r\n                billing_details: {\r\n                    name: form.model.name,\r\n                    address: {\r\n                        line1: form.model.addressLine1,\r\n                        line2: form.model.addressLine2,\r\n                        city: form.model.city,\r\n                        state: form.model.state,\r\n                        zip: form.model.postalCode,\r\n                        country: form.model.country\r\n                    }\r\n                }\r\n            }\r\n        ).then((method) => {\r\n            if (method.error) {\r\n                site.toast.error(method.error.message, 'Card Error');\r\n                return false;\r\n            }\r\n\r\n            Object.assign(paymentMethod, method);\r\n            // Third step\r\n            attachPaymentMethod();\r\n\r\n        });\r\n    }\r\n\r\n    function onChanged() {\r\n        emit('change');\r\n    }\r\n\r\n    function onCancel() {\r\n        emit('cancel');\r\n    }\r\n\r\n    function onBillingAddressChanged() {\r\n        selectedCountry.value = form.model.country;      \r\n    }\r\n    \r\n    // Lifecycle ----\r\n\r\n    onMounted(async () => {\r\n        selectedCountry.value = form.model.Country;\r\n    });\r\n\r\n    onBeforeMount(() => {\r\n        const stripePromise = loadStripe(stripeKey);\r\n        stripePromise.then(() => {\r\n            stripeLoaded.value = true\r\n        });\r\n    });\r\n</script>\r\n\r\n<template>\r\n    <div class=\"n-add-payment-method\">\r\n\r\n        <FormContainer :form=\"form\" optional-text=\"(Optional)\">\r\n            <FormMessages />\r\n            <slot name=\"top\"></slot>\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <h4>Credit Card Information</h4>\r\n                </div>\r\n            </div>\r\n\r\n            <StripeElements v-if=\"stripeLoaded\"\r\n                            v-slot=\"{ elements }\"\r\n                            ref=\"elms\"\r\n                            :stripe-key=\"stripeKey\">\r\n                <StripeElement ref=\"card\"\r\n                               :elements=\"elements\"\r\n                               :options=\"cardOptions\" />\r\n            </StripeElements>\r\n\r\n            <div class=\"row mt-5 mb-3\">\r\n                <div class=\"col\">\r\n                    <h4>Billing Information</h4>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"name\" label=\"Name on Card\">\r\n                        <TextBoxField v-model=\"form.model.name\" placeholder=\"Name on Card\" @change=\"onChanged\" />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"mb-3\">\r\n                <FieldLabel field-name=\"country\" label=\"Country\">\r\n                    <DropDownListField v-model=\"form.model.country\" :options=\"countries\" null-option-text=\"Select Country\" :selectedCountry=\"selectedCountry\" @change=\"onBillingAddressChanged\" />\r\n                    <FieldMessages />\r\n                </FieldLabel>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"addressLine1\" label=\"Street Address\">\r\n                        <TextBoxField v-model=\"form.model.addressLine1\" placeholder=\"Street Address\" @change=\"onChanged\" />\r\n                        <FieldMessages />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"addressLine2\" label=\"Address Line 2\">\r\n                        <TextBoxField v-model=\"form.model.addressLine2\" placeholder=\"Suite, etc.\" @change=\"onChanged\" />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"city\" label=\"City\">\r\n                        <TextBoxField v-model=\"form.model.city\" placeholder=\"City\" @change=\"onChanged\" />\r\n                        <FieldMessages />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"state\" label=\"State\">\r\n                        <DropDownListField v-model=\"form.model.state\" :options=\"store.shipping.states\" null-option-text=\"Select State\" @change=\"onChanged\" />\r\n                        <FieldMessages />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <CheckBoxField v-model=\"form.model.isDefault\" @change=\"onChanged\">\r\n                        <i class=\"bi bi-star-fill text-warning\"></i> Save as my default credit card\r\n                    </CheckBoxField>\r\n                    <FieldMessages field-name=\"isDefault\" />\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"col-12 mt-3\">\r\n                <button class=\"btn btn-outline-color-1 me-2\" @click=\"onCancel()\">Cancel</button>\r\n                <button class=\"btn btn-color-1\" @click=\"createCustomer()\" :disabled=\"form.status.isInvalid\">Create</button>\r\n            </div>\r\n\r\n        </FormContainer>\r\n\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n</style>","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}","<script>\r\n\r\n    // PaymentInfoPanelCyberSource\r\n    // Shows the payment info panel of the my account area.\r\n\r\n    export const getMaskPen = (data) => {\r\n\r\n        const json = JSON.parse(data);\r\n\r\n        return '**** **** **** ' + json.card.last4;\r\n    }\r\n\r\n    export const getCardType = (data) => {\r\n\r\n        const json = JSON.parse(data);\r\n\r\n        return json.card.brand;\r\n    }\r\n\r\n    export const getCardTypeName = (data) => {\r\n\r\n        const json = JSON.parse(data);\r\n\r\n        switch (json.card.brand) {\r\n            case 'amex':\r\n                return 'American Express';\r\n            case 'visa':\r\n                return 'Visa';\r\n            case 'mastercard':\r\n                return 'MasterCard';\r\n            case 'discover':\r\n                return 'Discover';\r\n            default:\r\n                return '';\r\n        }\r\n    }\r\n\r\n    export const getCardDate = (d) => {\r\n\r\n        let date = new Date(d)\r\n        var mm = date.getMonth() + 1;\r\n        var yyyy = date.getFullYear();\r\n        if (mm < 10) { mm = '0' + mm }\r\n\r\n        return d = mm + '/' + yyyy;\r\n\r\n    }\r\n\r\n</script>\r\n\r\n<script setup>\r\n\r\n    // PaymentInfoPanelStripe\r\n    // Shows the payment info panel of the my account area.\r\n\r\n    // Constants ----\r\n    const constants = {\r\n        DEFAULT_PAGE_SIZE: 12,\r\n        DEFAULT_SORT_OPTION: 'newest-to-oldest'\r\n    }\r\n\r\n    // Components ----\r\n    import ConfirmationOverlay from '@/site/components/ConfirmationOverlay';\r\n    import PaymentMethodTile from '@/site/components/payment-info/PaymentMethodTile';\r\n    import AddPaymentMethod from '@/site/components/payment-info/AddPaymentMethodStripe';\r\n\r\n    // Imports ----\r\n    import { defineProps, defineEmits, reactive, ref, onBeforeMount, watch } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { store, Search, Util } from '@dd-nucleus/nucleus-vue';\r\n    import PaymentMethodForm from '@/site/forms/PaymentMethodFormStripe';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // Allow creation of a payment?\r\n        allowCreate: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        },\r\n        // Whether to use a large, primary color button rather than an ActionButton for creating.\r\n        largeCreateButton: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        },\r\n        showSelectButton: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    const form = reactive(new PaymentMethodForm());\r\n\r\n    const editing = ref(false);\r\n\r\n    const paymentMethodIdToDelete = ref('');\r\n\r\n    const search = new Search('user-payment-methods-for-user', 'tile', constants.DEFAULT_SORT_OPTION, constants.DEFAULT_PAGE_SIZE);\r\n\r\n    const sortOptions = [\r\n        { id: constants.DEFAULT_SORT_OPTION, text: 'Newest to Oldest' },\r\n        { id: 'oldest-to-newest', text: 'Oldest to Newest' }\r\n    ];\r\n\r\n    const pageSizeOptions = [12, 24, 36, 48, 60];\r\n\r\n    const showOverlay = ref(false);\r\n\r\n    const selectedPaymentId = ref('')\r\n\r\n    // Events ----\r\n    const emit = defineEmits(['created', 'hasPaymentDetails']);\r\n\r\n    // Handlers ----\r\n    function onCreate() {\r\n        form.create();\r\n        editing.value = true;\r\n    }\r\n\r\n    function onCancel() {\r\n        editing.value = false;\r\n    }\r\n\r\n    async function onSetDefault(id) {\r\n        await site.paymentInfo.setUserPaymentMethodAsDefault(id);\r\n        site.refreshSearches(search.searchType);\r\n    }\r\n\r\n    async function onDelete(id) {\r\n        paymentMethodIdToDelete.value = id;\r\n        showOverlay.value = true;\r\n    }\r\n\r\n    async function onDeleteConfirmed() {\r\n        await site.paymentInfo.deleteUserPaymentMethod(paymentMethodIdToDelete.value);\r\n        site.refreshSearches(search.searchType);\r\n        if (selectedPaymentId.value === paymentMethodIdToDelete.value)\r\n            emit('hasPaymentDetails', true);\r\n        // Reset the variables\r\n        paymentMethodIdToDelete.value = '';\r\n        showOverlay.value = false;\r\n    }\r\n\r\n    function onDeleteCanceled() {\r\n        paymentMethodIdToDelete.value = '';\r\n        showOverlay.value = false;\r\n    }\r\n\r\n    async function savePaymentToken(method) {\r\n\r\n        editing.value = false;\r\n        site.refreshSearches(search.searchType);\r\n        site.toast.success('Payment Method has been saved.', 'Success');\r\n        emit('created');\r\n        onCreditCardSelected({ id: method.id });\r\n\r\n    }\r\n\r\n    async function onCreditCardSelected(item) {\r\n        selectedPaymentId.value = item.id;\r\n        await store.cart.setPaymentMethod(item.id);\r\n\r\n    }\r\n\r\n    // Watch ----\r\n    watch(selectedPaymentId, async (newValue, oldValue) => {\r\n        if (newValue)\r\n            emit('hasPaymentDetails', false);\r\n        else\r\n            emit('hasPaymentDetails', true);\r\n    })\r\n\r\n    // Lifecycle ----\r\n    onBeforeMount(async () => {\r\n        await site.paymentInfo.getPaymentMethods();\r\n        selectedPaymentId.value = site.paymentInfo.defaultPaymentMethodId.value\r\n        if (!Util.isEmpty(selectedPaymentId.value))\r\n            onCreditCardSelected({ id: selectedPaymentId.value });\r\n        else\r\n            emit('hasPaymentDetails', true);\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"account-panel payment-info-panel\">\r\n\r\n        <div class=\"row mb-3\">\r\n            <div class=\"col-12 col-sm-8 me-auto\">\r\n                <h1 class=\"cart-page-header mb-3\">My Account <span class=\"text-muted\">/ My Payment & Billing Info</span></h1>\r\n            </div>\r\n            <div class=\"my-2 d-sm-none\"></div>\r\n            <div class=\"col-12 col-sm-4\">\r\n                <button v-if=\"props.allowCreate && props.largeCreateButton && !editing\" class=\"btn btn-primary\" @click=\"onCreate()\">ADD PAYMENT METHOD</button>\r\n            </div>\r\n        </div>\r\n\r\n        <template v-if=\"editing\">\r\n            <div class=\"row\">\r\n                <div class=\"col-12 col-md-6\">\r\n                    <AddPaymentMethod :form=\"form\" @generateToken=\"savePaymentToken\" @cancel=\"onCancel()\" />\r\n                </div>\r\n            </div>\r\n        </template>\r\n\r\n        <div v-else class=\"subform\">\r\n            <SearchContainer :search=\"search\" :deep-link=\"false\">\r\n                <div v-if=\"search.results.count > 0\" class=\"row mb-3\">\r\n                    <div class=\"col\"><SortOptionsList :options=\"sortOptions\" /></div>\r\n                    <div class=\"col\"><PageSizeList :options=\"pageSizeOptions\" /></div>\r\n                    <div class=\"col-4 text-end\"><PageSelector /></div>\r\n                </div>\r\n\r\n                <SearchGrid :columns-xs=\"1\" :columns-sm=\"2\" :columns-md=\"2\" :columns-lg=\"3\" :columns-xl=\"3\" :columns-xxl=\"3\">\r\n                    <!-- Template for each item in a grid view -->\r\n                    <template v-slot:grid=\"item\">\r\n                        <TileSelectButton v-if=\"showSelectButton\" :item=\"item\" :multi-select=\"false\" :is-selected=\"item.id === selectedPaymentId\" @selected=\"onCreditCardSelected(item)\" />\r\n                        <PaymentMethodTile :model=\"item\" height=\"14rem\" :can-set-default=\"true\" @default=\"onSetDefault(item.id)\" @delete=\"onDelete(item.id)\">\r\n\r\n                            <template v-slot:method>\r\n                                <div class=\"fw-bold fs-3\">Credit Card</div>\r\n                                <div class=\"fw-bold\">{{item.name}}</div>\r\n                                <div><i class=\"bi bi-credit-card me-2\" :class=\"getCardType(item.paymentData)\"></i>{{getCardTypeName(item.paymentData)}}</div>\r\n                                <div>{{getMaskPen(item.paymentData)}}</div>\r\n                                <div>{{getCardDate(item.expirationDate)}}</div>\r\n                            </template>\r\n\r\n                            <!-- TODO: build more templates for other options paypal, ach, etc -->\r\n                        </PaymentMethodTile>\r\n                    </template>\r\n\r\n                    <!-- Template for no results -->\r\n                    <template #empty>\r\n                        You have no credit cards saved to your account.\r\n                    </template>\r\n\r\n                    <!-- Template while results are initially loading -->\r\n                    <template #loading-grid>\r\n                        <MockSearchGrid>\r\n                            <!-- TODO: Add mock user payment method tile -->\r\n                        </MockSearchGrid>\r\n                    </template>\r\n                </SearchGrid>\r\n\r\n                <div class=\"row mb-3\">\r\n                    <div class=\"col-4 text-end\"><PageSelector /></div>\r\n                </div>\r\n\r\n            </SearchContainer>\r\n        </div>\r\n\r\n        <ConfirmationOverlay v-if=\"showOverlay\">\r\n            <template v-slot:headline>\r\n                <h2 class=\"confirm\">Are you sure you want to delete this payment method?</h2>\r\n            </template>\r\n            <template v-slot:buttons>\r\n                <button class=\"btn btn-outline-primary me-5\" @click=\"onDeleteCanceled()\">Cancel</button>\r\n                <button class=\"btn btn-outline-primary ms-5\" @click=\"onDeleteConfirmed()\">Delete</button>\r\n            </template>\r\n        </ConfirmationOverlay>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .payment-info-panel {\r\n    }\r\n</style>","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__","<script setup>\r\n\r\n    // ShippingAddressTile\r\n    // Customizes the standard AddressTile component with options/markup specific to user shipping addresses.\r\n\r\n    // Components ----\r\n\r\n    // Imports ----\r\n    import { defineProps, computed, defineEmits } from 'vue';\r\n    import { site } from '@/Site';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // The address to show\r\n        address: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        // An optional height to enforce.\r\n        height: {\r\n            type: String,\r\n            required: false,\r\n            default: null\r\n        },\r\n        // Whether to add a \"set default\" action button\r\n        canSetDefault: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        },\r\n        // Whether to show a border around the tile.\r\n        border: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        },\r\n        // An optional height to enforce for the address block.\r\n        addressHeight: {\r\n            type: String,\r\n            required: false,\r\n            default: null\r\n        },\r\n        // Whether to show edit button\r\n        isEditShown: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        },\r\n        // Whether to show Default button\r\n        isDefaultShown: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        }\r\n    });\r\n\r\n    // State ----\r\n\r\n    // Computed ----\r\n    const isDefault = computed(() => {\r\n        if (typeof props.address === 'undefined')\r\n            return false;\r\n        else\r\n            return (site.shipping.addresses.length > 0 && props.address.id === site.shipping.addresses[0].id);\r\n    });\r\n\r\n    // Events ----\r\n    const emit = defineEmits(['edit','setDefault']);\r\n\r\n    // Handlers ----\r\n    async function onSetDefault() {\r\n        await site.shipping.setDefaultShippingAddress(props.address.id);\r\n        emit('setDefault');\r\n    }\r\n\r\n    function onEditClicked() {\r\n        emit('edit');\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"shipping-address-tile\">\r\n        <AddressTile :address=\"props.address\" :height=\"props.height\" :address-height=\"props.addressHeight\" :border=\"props.border\">\r\n            <template #top>\r\n            </template>\r\n\r\n            <div class=\"mt-2\">\r\n                <div class=\"tags\">\r\n                    <span v-if=\"isDefault\" class=\"badge default-shipping\"><i class=\"bi bi-star-fill\"></i> Default Shipping</span>\r\n                </div>\r\n                <ActionButton v-if=\"props.canSetDefault && !isDefault\" icon=\"bi bi-star\" label=\"Set Default\" @click=\"onSetDefault\" />\r\n                <ActionButton v-if=\"isEditShown\" icon=\"bi bi-pencil-fill\" @click=\"onEditClicked\" />\r\n            </div>\r\n           \r\n        </AddressTile>\r\n        \r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .shipping-address-tile {\r\n        overflow-x: clip;\r\n\r\n        .n-action-button {\r\n            margin-right: 0.5rem;\r\n        }\r\n\r\n        .default-shipping {\r\n            background-color: $highlight-1;         // TODO: SCSS variable\r\n        }\r\n    }\r\n\r\n</style>","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__","<script setup>\r\n\r\n    // HeadlineContainer\r\n    // Headline component that accepts a title as a prop and builds the h2 container\r\n\r\n    // Imports\r\n    import { defineProps } from 'vue';\r\n\r\n    const props = defineProps({\r\n        title: {\r\n            type: String,\r\n            required: true\r\n        },\r\n    })\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"headline-container\">\r\n        <h2 class=\"px-5 py-3\">{{props.title}}</h2>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .headline-container {\r\n        background: $color-3-xlt;\r\n    }\r\n</style>","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__","<script setup>\r\n\r\n    // AccountTitle\r\n    // Displayes different account information and messaging.\r\n\r\n    // Imports ----\r\n    import { defineProps } from 'vue';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        isLocked: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        }\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"account-tile mb-3\">\r\n\r\n        <div class=\"p-3\">\r\n            <i class=\"bi bi-lock-fill\" v-if=\"props.isLocked\"></i>\r\n            <div>\r\n                <slot name=\"accountInfo\"></slot>\r\n            </div>\r\n            <div>\r\n                <slot name=\"message\"></slot>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .account-tile {\r\n        position: relative;\r\n        border: 1px solid $color-1;\r\n        border-radius: $card-border-radius;\r\n\r\n        .bi-lock-fill {\r\n            position: absolute;\r\n            top: 5px;\r\n            right: 5px;\r\n            color: $gray-2;\r\n        }\r\n    }\r\n</style>","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}","<script setup>\r\n\r\n    // ProfilePanel\r\n    // Shows the profile panel of the my account area.\r\n\r\n    // TODO: Add a (universally-located) scroll so that adding a new shipping ssess will bring the form into view.\r\n\r\n    // Constants ----\r\n\r\n    // Components ----\r\n    import ShippingAddressTile from '@/site/components/ShippingAddressTile';\r\n    import HeadlineContainer from '@/site/components/HeadlineContainer';\r\n    import AccountTitle from './AccountTitle';\r\n    import ConfirmationOverlay from '@/site/components/ConfirmationOverlay';\r\n\r\n    // Imports ----\r\n    import { ref, reactive, onMounted, computed, watch } from 'vue';\r\n    import { site, DEFAULT_COUNTRY_CODE } from '@/Site';\r\n    import { Search, ShippingAddressForm } from '@dd-nucleus/nucleus-vue';\r\n    import useEventsBus from '@/site/services/EventBus';\r\n    import AgencyAddressForm from '@/site/forms/AgencyAddressForm';\r\n    import { AddressConfig, store } from '@dd-nucleus/nucleus-vue';\r\n    import { formatPhone } from '@/util'\r\n\r\n    const { bus } = useEventsBus();\r\n\r\n    // State ----\r\n    const selectedCountry = ref(DEFAULT_COUNTRY_CODE);\r\n    const search = new Search('addresses-for-user', 'tile', 'address-sequence', 1000);\r\n    search.setEmptyFilter('address-not-default');\r\n\r\n    let addShippingAddressForm = new ShippingAddressForm();\r\n    \r\n    const showOverlay = ref(false);\r\n\r\n    const showAgencyEmailPref = ref(true);\r\n\r\n    const addingShippingAddress = ref(false);\r\n\r\n    const editAgencyEmail = reactive({ emailId: \"\", email: \"\", name: \"\" });\r\n\r\n    const idToDelete = ref('');\r\n\r\n    // More programs to be added here but moving with safeco is the only one that is funcational as of 7/5/22.\r\n    const programs = reactive([\r\n        { title: \"Moving with Safeco\", id: 1 }\r\n    ]);\r\n\r\n    const selectedPrograms = reactive([]);\r\n\r\n    const userAccountModel = reactive({});\r\n\r\n    const contact = reactive({});\r\n\r\n    const agencyModel = reactive({});\r\n\r\n    let agencyEmails = reactive([]);\r\n\r\n    const currentUser = ref('');\r\n\r\n    const keyIndex = ref(0);\r\n\r\n    const agencyAddressLabel = {\r\n        companyName: \"Agency Name\"\r\n    }\r\n\r\n    // Computed ----\r\n    const agencyEmailLength = computed(() => {\r\n        if (agencyEmails) {\r\n            return agencyEmails.length;\r\n        }\r\n\r\n        return 0;\r\n    });\r\n\r\n    // Computed\r\n    const username = computed(() => {\r\n        return site.user.userName.toLowerCase();\r\n    });\r\n\r\n    // Methods ----\r\n    function onAddShippingAddress() {\r\n\r\n        // TODO: Need to be revisited and model reset should be implemented correctly in base shippingaddressform.\r\n        addShippingAddressForm.model.companyName = '';\r\n        addShippingAddressForm.model.addressLine1 = '';\r\n        addShippingAddressForm.model.addressLine2 = '';\r\n        addShippingAddressForm.model.addressLine3 = '';\r\n        addShippingAddressForm.model.addressLine4 = '';\r\n        addShippingAddressForm.model.city = '';\r\n        addShippingAddressForm.model.state = '';\r\n        addShippingAddressForm.model.postalCode = '';\r\n        addShippingAddressForm.model.id = '';\r\n        addShippingAddressForm.model.companyName = '';\r\n        addShippingAddressForm.model.isResidential = false;\r\n        addShippingAddressForm.model.countryCode = selectedCountry.value;\r\n        addShippingAddressForm.model.id = null;\r\n        addingShippingAddress.value = true;\r\n    }\r\n\r\n    function onCancelAddShippingAddress() {\r\n        addingShippingAddress.value = false;\r\n    }\r\n\r\n    async function onSetDefaultShippingAddress() {\r\n        keyIndex.value = keyIndex.value + 1;\r\n    }\r\n\r\n    async function onSaveShippingAddress() {\r\n        if (addShippingAddressForm.model.addressLine1.length > 30) {\r\n            addShippingAddressForm.validator.fields.addressLine1.addWarning('Address Line 1 cannot be more than 30 characters');\r\n        }\r\n        else {\r\n            await addShippingAddressForm.submit().then(() => {\r\n                site.refreshSearches('addresses-for-user');\r\n                const address = addShippingAddressForm.model;\r\n                store.api.put(`/site/user/current/update-order-contact`, { address: address });\r\n                addingShippingAddress.value = false;\r\n            });\r\n        }\r\n    }\r\n\r\n    async function onEditAddesss(address) {\r\n\r\n       addShippingAddressForm.model.companyName = address.companyName;\r\n       addShippingAddressForm.model.addressLine1 = address.addressLine1;\r\n       addShippingAddressForm.model.addressLine2 = address.addressLine2;\r\n       addShippingAddressForm.model.addressLine3 = address.addressLine3;\r\n       addShippingAddressForm.model.addressLine4 = address.addressLine4;\r\n       addShippingAddressForm.model.city = address.city;\r\n       addShippingAddressForm.model.state = address.state;\r\n       addShippingAddressForm.model.postalCode = address.postalCode;\r\n       addShippingAddressForm.model.id = address.id;\r\n       addShippingAddressForm.model.isResidential = address.isResidential;\r\n       addShippingAddressForm.model.countryCode = selectedCountry.value;\r\n\r\n        addingShippingAddress.value = true;\r\n        validateForm();\r\n    }\r\n\r\n\r\n    function validateForm() {\r\n        addShippingAddressForm.validate();        \r\n    }\r\n\r\n    function addAgencyEmailPref() {\r\n\r\n        showAgencyEmailPref.value = false;\r\n\r\n        Object.assign(editAgencyEmail, { emailId: \"\", email: \"\", name: \"\" });\r\n\r\n    }\r\n\r\n    function cancelAgencyEmailPref() {\r\n        showAgencyEmailPref.value = true;\r\n    }\r\n\r\n    function cancelConfirmation() {\r\n        showOverlay.value = false;\r\n        idToDelete.value = '';\r\n    }\r\n\r\n    async function deleteAgencyEmailPref() {\r\n        showOverlay.value = false;\r\n\r\n        if (idToDelete.value)\r\n            await site.agencyDetails.deleteAgencyEmail(idToDelete.value);\r\n\r\n        refresh();\r\n\r\n    }\r\n\r\n    function editAgencyEmailPref(id) {\r\n        showAgencyEmailPref.value = false;\r\n\r\n        editAgencyEmail.emailId = id;\r\n\r\n        agencyEmails.forEach((item) => {\r\n            if (item.id == id) {\r\n                Object.assign(editAgencyEmail, item);\r\n            }\r\n        });\r\n\r\n    }\r\n\r\n    async function refresh() {\r\n\r\n        // Get the current user and set it\r\n        setUser();\r\n\r\n        let response = await site.userFromBridge.getUserInfo(currentUser.value);\r\n\r\n        Object.assign(userAccountModel, response.userAccountModel);\r\n        Object.assign(contact, response.userAccountModel.contact);\r\n\r\n        //empty the array / object before we reload it\r\n        agencyEmails.length = 0;\r\n        for (const prop of Object.getOwnPropertyNames(agencyModel)) {\r\n            delete agencyModel[prop];\r\n        }\r\n\r\n        // Re-Populate those values\r\n        Object.assign(agencyEmails, response.agencyEmails);\r\n\r\n        if (response.agencyModel && response.agencyModel.companySegment && response.agencyModel.companySegment.addresses && response.agencyModel.companySegment.addresses.length > 0) {\r\n            Object.assign(agencyModel, response.agencyModel.companySegment.addresses[0]);\r\n        }\r\n\r\n    }\r\n\r\n    async function saveAgencyEmailPref() {\r\n        showAgencyEmailPref.value = true;\r\n\r\n        if (editAgencyEmail.emailId.length > 1) {\r\n            await site.agencyDetails.updateAgencyEmail(editAgencyEmail);\r\n        }\r\n        else {\r\n            await site.agencyDetails.addAgencyEmail(editAgencyEmail, agencyModel.companySegmentId);\r\n        }\r\n\r\n        refresh();\r\n    }\r\n\r\n    function showConfirmation(id) {\r\n        showOverlay.value = true;\r\n        idToDelete.value = id;\r\n    }\r\n\r\n    function updatePrograms(programId, checked) {\r\n\r\n        if (checked) {\r\n            selectedPrograms.push(programId);\r\n        } else {\r\n            selectedPrograms.splice(selectedPrograms.indexOf(programId), 1);\r\n        }\r\n    }\r\n\r\n    function setUser() {\r\n        currentUser.value = username.value.replace(\".test@qualfon.com\", \"\");\r\n        currentUser.value = username.value.replace(\".test@test.com\", \"\");\r\n    }\r\n\r\n    //Agency address updates\r\n\r\n    const addressConfig = new AddressConfig();\r\n    addressConfig.companyName.Required = true;\r\n    let agencyAddressForm = new AgencyAddressForm({}, null, addressConfig);\r\n\r\n    const editAgencyAddress = ref(false);\r\n    const agencyInfo = computed(() => {\r\n        return site.agencyDetails?.selectedAgencyDetails\r\n    });\r\n\r\n    const showAgencyAddress2 = computed(() => {\r\n        return agencyInfo.value?.address2 && agencyInfo.value?.address2.length > 0;\r\n    });\r\n\r\n    const isEligibleToUpdateAgencyAddress = computed(() => {\r\n        const rolesToUpdateAddress = site.userRoles.getRolesToUpdateAgencyAddress();\r\n        var rec = site.user.roles.filter(r => rolesToUpdateAddress.includes(r.id));\r\n        return rec?.length > 0;\r\n    });\r\n\r\n    async function onEditAgencyAddress() {\r\n        const agencyAddress = agencyInfo.value;\r\n        const phone = agencyAddress?.phone;\r\n        agencyAddressForm.model.companyName = agencyAddress?.agencyName;\r\n        agencyAddressForm.model.addressee = agencyAddress?.agencyName;\r\n        agencyAddressForm.model.name = agencyAddress?.agencyName;\r\n        agencyAddressForm.model.addressLine1 = agencyAddress?.address1;\r\n        agencyAddressForm.model.addressLine2 = agencyAddress?.address2;\r\n        agencyAddressForm.model.city = agencyAddress?.city;\r\n        agencyAddressForm.model.state = agencyAddress?.state;\r\n        agencyAddressForm.model.countryCode = selectedCountry.value;\r\n        agencyAddressForm.model.postalCode = agencyAddress?.zip;\r\n        agencyAddressForm.model.phoneNumber = phone ? formatPhone(phone) : '';\r\n        agencyAddressForm.model.email = agencyAddress?.emailAddress;\r\n        agencyAddressForm.model.id = agencyModel.id;\r\n        agencyAddressForm.model.companySegmentId = agencyModel.companySegmentId;\r\n        editAgencyAddress.value = true;\r\n        agencyAddressForm.validate();\r\n    }\r\n\r\n    async function onAgencyAddressChanged() {\r\n        if (selectedCountry.value != agencyAddressForm.model.countryCode) {\r\n            selectedCountry.value = agencyAddressForm.model.countryCode;\r\n            agencyAddressForm.model.state = '';\r\n            agencyAddressForm.model.province = '';\r\n        }\r\n        const formattedPhone = formatPhone(agencyAddressForm.model.phoneNumber);\r\n        agencyAddressForm.model.phoneNumber = formattedPhone;\r\n        agencyAddressForm.validate();\r\n    }\r\n\r\n\r\n    async function saveAgencyAddress() {\r\n        var response = await agencyAddressForm.submit();\r\n        if (!response.succeeded) {\r\n            console.warn('response', response);\r\n            site.toast.error(\"Error while updating the agency address, please contact system administrator for further assistance.\");\r\n        }\r\n        await site.agencyDetails.loadAgencyDetails();\r\n        editAgencyAddress.value = false;\r\n    }\r\n\r\n    function cancelAgencyAddress() {\r\n        editAgencyAddress.value = false;\r\n    }\r\n\r\n    // Lifecycle ----\r\n    onMounted(async () => {\r\n        refresh();\r\n    });\r\n\r\n    watch(username, () => {\r\n        refresh();\r\n    });\r\n\r\n    watch(() => bus.value.get('changeAgency'), () => {\r\n        setTimeout(() => {\r\n            refresh();\r\n        }, 250)\r\n    });\r\n\r\n    function onChanged(form) {\r\n        if (selectedCountry.value != form.model.countryCode) {\r\n            selectedCountry.value = form.model.countryCode;\r\n            form.model.state = '';\r\n            form.model.province = '';\r\n        }\r\n        validateForm();\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"account-panel\">\r\n\r\n        <ConfirmationOverlay v-if=\"showOverlay\">\r\n            <template v-slot:headline>\r\n                <h2>Are you sure you want to delete this Agency Email Preference?</h2>\r\n            </template>\r\n            <template v-slot:buttons>\r\n                <button class=\"btn btn-outline-primary me-5\" @click=\"cancelConfirmation\">Cancel</button>\r\n                <button class=\"btn btn-outline-primary ms-5\" @click=\"deleteAgencyEmailPref\">Delete</button>\r\n            </template>\r\n        </ConfirmationOverlay>\r\n\r\n        <h1 class=\"cart-page-header mb-3\">My Account <span class=\"text-muted\">/ My Profile</span></h1>\r\n\r\n        <BodyPanel>\r\n            <template #title>\r\n                <HeadlineContainer title=\"Personal Information\" />\r\n            </template>\r\n            <div class=\"row mt-4\">\r\n                <div class=\"col-6\">\r\n\r\n                    <AccountTitle :isLocked=\"true\">\r\n                        <template v-slot:accountInfo>\r\n                            <div class=\"fw-bold\">\r\n                                {{contact.lastName}} {{contact.firstName}}\r\n                            </div>\r\n                            <div>\r\n                                {{contact.email}}\r\n                            </div>\r\n                        </template>\r\n                    </AccountTitle>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mt-2\">\r\n                <div class=\"col\">\r\n                    <p class=\"info-text\">\r\n                        <i class=\"bi bi-info-circle\"></i>\r\n                        Agents, please contact your Territory Manager if changes are required to your agency contact information on the MSC.\r\n                    </p>\r\n                </div>\r\n            </div>\r\n\r\n        </BodyPanel>\r\n\r\n        <BodyPanel class=\"mt-4\" v-if=\"agencyModel.companySegmentId\">\r\n            <template #title>\r\n                <HeadlineContainer title=\"Agency Information\" />\r\n            </template>\r\n            <div class=\"row mt-4\" v-if=\"!editAgencyAddress\">\r\n                <div class=\"col-6\">\r\n                    <AccountTitle :isLocked=\"!isEligibleToUpdateAgencyAddress\">\r\n                        <template v-slot:accountInfo>\r\n                            <div class=\"fw-bold\">\r\n                                {{site.agencyDetails.selectedAgencyDetails.agencyName}}\r\n                            </div>\r\n                            <div>\r\n                                {{site.agencyDetails.selectedAgencyDetails.address1}}\r\n                            </div>\r\n                            <div>\r\n                                {{site.agencyDetails.selectedAgencyDetails.address2}}\r\n                            </div>\r\n                            <div v-if=\"site.agencyDetails.selectedAgencyDetails.city\">\r\n                                {{site.agencyDetails.selectedAgencyDetails.city}}, {{site.agencyDetails.selectedAgencyDetails.state}} {{site.agencyDetails.selectedAgencyDetails.zip}}\r\n                            </div>\r\n                            <div>\r\n                                {{site.agencyDetails.selectedAgencyDetails.phone}}\r\n                            </div>\r\n                            <div>\r\n                                {{site.agencyDetails.selectedAgencyDetails.emailAddress}}\r\n                            </div>\r\n                            <div class=\"mt-2\" v-if=\"isEligibleToUpdateAgencyAddress\">\r\n                                <ActionButton icon=\"bi bi-pencil-fill\" @click=\"onEditAgencyAddress\" />\r\n                            </div>\r\n                        </template>\r\n                    </AccountTitle>\r\n                </div>\r\n            </div>\r\n            <div class=\"row mt-4\" v-if=\"editAgencyAddress\">\r\n                <div class=\"col-12\">\r\n                    <div v-if=\"editAgencyAddress\" class=\"subform mt-2\" ref=\"editAgencyAddressForm\">\r\n                        <div class=\"col-12 col-md-8\">\r\n                            <div class=\"header\"> <h3>Edit Agency Address</h3></div>\r\n                            <EditShippingAddress :form=\"agencyAddressForm\" :address-only=\"true\" @change=\"onAgencyAddressChanged\" :showResidential=\"false\" :field-label=\"agencyAddressLabel\" :selectedCountry=\"selectedCountry\" :start-address-lines=\"showAgencyAddress2 ? 2: 1\" />\r\n                            <FormContainer :form=\"agencyAddressForm\" optional-text=\"(Optional)\">\r\n                                <slot name=\"top\"></slot>\r\n                                <div class=\"mb-2 col-6\">\r\n                                    <FieldLabel field-name=\"phoneNumber\" label=\"Phone\">\r\n                                        <TextBoxField v-model=\"agencyAddressForm.model.phoneNumber\" placeholder=\"Phone Number\" @change=\"onAgencyAddressChanged\" />\r\n                                        <FieldMessages />\r\n                                    </FieldLabel>\r\n                                </div>\r\n                                <div class=\"mb-2 col-6\">\r\n                                    <FieldLabel field-name=\"email\" label=\"Email\">\r\n                                        <TextBoxField v-model=\"agencyAddressForm.model.email\" placeholder=\"Email\" @change=\"onAgencyAddressChanged\" />\r\n                                        <FieldMessages />\r\n                                    </FieldLabel>\r\n                                </div>\r\n                            </FormContainer>\r\n                        </div>\r\n                        <div class=\"col-12 pt-2\">\r\n                            <button class=\"btn btn-outline-primary me-2\" @click=\"cancelAgencyAddress\">Cancel</button>\r\n                            <button class=\"btn btn-primary\" @click=\"saveAgencyAddress\" :disabled=\"agencyAddressForm.status.isInvalid\">Save</button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"row mt-2\">\r\n                <div class=\"col\">\r\n                    <p class=\"info-text\">\r\n                        <i class=\"bi bi-info-circle\"></i>\r\n                        Agents, please contact your Territory Manager if changes are required to your agency contact information on the MSC.\r\n                    </p>\r\n                </div>\r\n            </div>\r\n        </BodyPanel>\r\n\r\n        <BodyPanel class=\"mt-5\">\r\n\r\n            <template #title>\r\n                <HeadlineContainer title=\"Shipping Address\" />\r\n            </template>\r\n\r\n            <div class=\"row mt-3\">\r\n\r\n                <div class=\"col-6\" v-if=\"site.shipping.addresses.length > 0\">\r\n                    <h3>\r\n                        Default Shipping Address\r\n                    </h3>\r\n                    <AccountTitle :isLocked=\"false\">\r\n                        <template v-slot:accountInfo>\r\n                            <ShippingAddressTile :address=\"site.shipping.addresses[0]\" :border=\"false\" height=\"9rem\" />\r\n                        </template>\r\n                    </AccountTitle>\r\n                </div>\r\n\r\n                <div class=\"col-6\" v-if=\"site.account.address\">\r\n                    <h3>\r\n                        Account Address\r\n                    </h3>\r\n                    <AccountTitle :isLocked=\"false\">\r\n                        <template v-slot:accountInfo>\r\n                            <ShippingAddressTile :address=\"site.account.address\" :border=\"false\" height=\"9rem\" />\r\n                        </template>\r\n                    </AccountTitle>\r\n                </div>\r\n                <div class=\"fs-4 text-center col\" v-else>\r\n                    You have no default shipping address saved.\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mt-3\">\r\n                <div class=\"mb-2\"><strong>Other Shipping Addresses</strong></div>\r\n\r\n                <div v-if=\"addingShippingAddress\" class=\"subform mt-2\" ref=\"shippingAddressForm\">\r\n                    <div class=\"col-12 col-md-8\">\r\n                        <div class=\"header\">{{ addShippingAddressForm.model.id === null ? 'New Shipping Address' : 'Edit Shipping Address' }}</div>\r\n                        <EditShippingAddress :form=\"addShippingAddressForm\" :address-only=\"true\" :selectedCountry=\"selectedCountry\" @change=\"onChanged\" />\r\n                    </div>\r\n                    <div class=\"col-12 pt-2\">\r\n                        <button class=\"btn btn-outline-primary me-2\" @click=\"onCancelAddShippingAddress\">Cancel</button>\r\n                        <button class=\"btn btn-color-2\" @click=\"onSaveShippingAddress\" :disabled=\"addShippingAddressForm.status.isInvalid\">Save</button>\r\n                    </div>\r\n                </div>\r\n\r\n                <div v-else>\r\n                    <SearchContainer :search=\"search\" :deep-link=\"false\" :key=\"keyIndex\">\r\n\r\n                        <SearchGrid :columnsXl=\"3\" :columnsXxl=\"3\">\r\n                            <!-- Template for each item in a grid view -->\r\n                            <template v-slot:grid=\"address\">\r\n                                <ShippingAddressTile :address=\"address\" :can-set-default=\"true\" height=\"14rem\" :isEditShown=\"true\" @edit=\"onEditAddesss(address)\" @setDefault=\"onSetDefaultShippingAddress\">\r\n                                </ShippingAddressTile>\r\n                            </template>\r\n                        </SearchGrid>\r\n\r\n                    </SearchContainer>\r\n\r\n                    <div class=\"mt-1\">\r\n                        <ActionButton icon=\"bi bi-plus-lg\" label=\"Add Shipping Address\" @click=\"onAddShippingAddress\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </BodyPanel>\r\n\r\n        <BodyPanel class=\"mt-5\" v-if=\"agencyModel.companySegmentId\">\r\n\r\n            <template #title>\r\n                <HeadlineContainer class=\"mb-3 mt-5\" title=\"Agency Email Preferences\" />\r\n            </template>\r\n\r\n            <div class=\"row\" v-if=\"showAgencyEmailPref\">\r\n                <div class=\"col-6\" v-for=\"(agencyEmail, index) in agencyEmails\" :key=\"agencyEmail.email\">\r\n\r\n                    <AccountTitle :isLocked=\"false\">\r\n\r\n                        <template v-slot:accountInfo>\r\n                            <div class=\"fw-bold\">\r\n                                {{agencyEmail.name}}\r\n                            </div>\r\n                            <div>\r\n                                {{agencyEmail.email}}\r\n                            </div>\r\n                            <div class=\"fw-bold\">\r\n                                Programs\r\n                            </div>\r\n                            <div v-for=\"program in programs\" :key=\"program.id\">\r\n                                {{program.title}}\r\n                            </div>\r\n                            <div class=\"mt-2\">\r\n                                <a @click=\"editAgencyEmailPref(agencyEmail.id)\"><i class=\"bi bi-pencil-fill me-3\"></i></a>\r\n                                <a @click=\"showConfirmation(agencyEmail.id, index)\"><i class=\"bi bi-trash-fill\"></i></a>\r\n                            </div>\r\n                        </template>\r\n\r\n                    </AccountTitle>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class=\"row mt-3\">\r\n\r\n                <div class=\"col-6\">\r\n\r\n                    <div v-if=\"!showAgencyEmailPref\">\r\n                        <div class=\"row mb-3\">\r\n                            <div class=\"col\">\r\n                                <label class=\"form-label\">Name</label>\r\n                                <input type=\"text\" class=\"form-control\" placeholder=\"Name\" v-model=\"editAgencyEmail.name\">\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"mb-3\">\r\n                            <label class=\"form-label\">Email</label>\r\n                            <input type=\"email\" class=\"form-control\" placeholder=\"Name\" v-model=\"editAgencyEmail.email\">\r\n                        </div>\r\n                        <div class=\"mb-3\">\r\n                            <label class=\"form-label\">Program(s)</label>\r\n                        </div>\r\n                        <div class=\"mb-3 form-check\" v-for=\"program in programs\" :key=\"program.id\">\r\n                            <input type=\"checkbox\" class=\"form-check-input\" :id=\"program.id\" v-on:change=\"updatePrograms(program.id, $event.target.checked)\">\r\n                            <label class=\"form-check-label\" :for=\"program.id\">{{program.title}}</label>\r\n                        </div>\r\n\r\n                        <button type=\"submit\" class=\"btn btn-outline-primary me-3\" @click=\"cancelAgencyEmailPref\">Cancel</button>\r\n                        <button type=\"submit\" class=\"btn btn-primary\" @click=\"saveAgencyEmailPref\">Save</button>\r\n                    </div>\r\n\r\n\r\n                    <div v-if=\"agencyEmailLength == 0 && showAgencyEmailPref\">\r\n                        You have no Agency Email Prefrences saved.\r\n                    </div>\r\n\r\n                    <div v-if=\"agencyEmailLength <= 1 && showAgencyEmailPref\">\r\n                        <div class=\"row mt-4 mb-5\">\r\n                            <div class=\"col\">\r\n                                <p>\r\n                                    <button type=\"submit\" class=\"btn btn-outline-primary\" @click=\"addAgencyEmailPref\">Add Email Address</button>\r\n                                </p>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </BodyPanel>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .account-panel {\r\n\r\n        .bi-info-circle {\r\n            color: $info !important;\r\n        }\r\n\r\n        .section-subtitle {\r\n            border-bottom: 1px solid $gray-10;\r\n        }\r\n\r\n        .info-text {\r\n            color: $info !important;\r\n        }\r\n\r\n        .confirmation-overlay h2 {\r\n            color: $gray-0;\r\n        }\r\n    }\r\n</style>","import script from \"./ProfilePanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProfilePanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProfilePanel.vue?vue&type=style&index=0&id=178e6fe8&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n// AddEventForm\r\n// Form for adding events to the user calendar.\r\n\r\n// Imports ----\r\nimport { Form } from '@dd-nucleus/nucleus-vue';\r\n\r\nexport default class AddEventForm 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                startDate: new Date(),\r\n                endDate: new Date(),\r\n                title: '',\r\n                content: '',\r\n                class: '',\r\n                type: '',\r\n                category: ''\r\n            }));\r\n\r\n        // Set required fields\r\n        this.validator.fields.startDate.isRequired = true;\r\n        this.validator.fields.endDate.isRequired = true;\r\n        this.validator.fields.title.isRequired = true;\r\n        this.validator.fields.class.isRequired = true;\r\n        this.validator.fields.type.isRequired = true;\r\n        this.validator.fields.category.isRequired = true;\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.startDate = new Date();\r\n        this.model.endDate = new Date();\r\n        this.model.title = '';\r\n        this.model.content = '';\r\n        this.model.class = '';\r\n        this.model.type = '';\r\n        this.model.category = '';\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    async onSubmit() {\r\n    }\r\n}","<script setup>\r\n    // AddEvent\r\n    // Form for adding events to the user calendar \r\n\r\n    // Imports ----\r\n    import { defineProps, defineEmits, reactive, computed } from 'vue';\r\n    import { eventTypes, eventCategories, eventClass } from '././CalendarPanel';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // The payment method form object.\r\n        form: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    const form = reactive(props.form);\r\n\r\n    // Handlers ----\r\n    const emit = defineEmits(['change']);\r\n\r\n    function onChanged() {\r\n        emit('change');\r\n    }\r\n\r\n    // Computed\r\n    const category = computed(() => {\r\n        return eventCategories.filter(data => data.id != 'ALL');\r\n    });\r\n\r\n    const type = computed(() => {\r\n        return eventTypes.filter(data => data.id != 'ALL');\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"add-personalization\">\r\n        <FormContainer :form=\"form\" optional-text=\"(Optional)\">\r\n            <FormMessages />\r\n            <slot name=\"top\"></slot>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"title\" label=\"Event Title\">\r\n                        <TextBoxField v-model=\"form.model.title\" placeholder=\"Event Title\" @change=\"onChanged\" />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"content\" label=\"Event Content\">\r\n                        <TextBoxField v-model=\"form.model.content\" placeholder=\"Event Content\" @change=\"onChanged\" />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col-6\">\r\n                    <FieldLabel field-name=\"startDate\" label=\"Start Date and Time\">\r\n                        <DateField v-model=\"form.model.startDate\" :addTime=\"true\" placeholder=\"Start Date and Time\" @change=\"onChanged\" />\r\n                    </FieldLabel>\r\n                </div>\r\n\r\n                <div class=\"col-6\">\r\n                    <FieldLabel field-name=\"endDate\" label=\"End Date and Time\">\r\n                        <DateField v-model=\"form.model.endDate\" :addTime=\"true\" placeholder=\"End Date and Time\" @change=\"onChanged\" />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"class\" label=\"Class\">\r\n                        <DropDownListField v-model=\"form.model.class\" :options=\"eventClass\" null-option-text=\"Event Class\" />\r\n                    </FieldLabel>\r\n                </div>\r\n\r\n                <div class=\"col-4\">\r\n                    <FieldLabel field-name=\"type\" label=\"Event Type\">\r\n                        <DropDownListField v-model=\"form.model.type\" :options=\"type\" null-option-text=\"Event Types\" />\r\n                    </FieldLabel>\r\n                </div>\r\n\r\n                <div class=\"col-4\">\r\n                    <FieldLabel field-name=\"category\" label=\"Event Category\">\r\n                        <DropDownListField v-model=\"form.model.category\" :options=\"category\" null-option-text=\"Event Category\" />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n        </FormContainer>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .add-personalization{\r\n        h2 {\r\n            border-bottom: 1px solid $gray-3;\r\n            padding-bottom: 10px;\r\n        }\r\n    }\r\n</style>","import script from \"./AddEvent.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddEvent.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AddEvent.vue?vue&type=style&index=0&id=06bf4e94&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\r\n\r\n    // CalendarPanel\r\n    // Shows the calendar panel of the my account area.\r\n\r\n    // Constants\r\n    const constants = {\r\n        eventTypes: [\r\n            {\r\n                id: \"ALL\", text: 'All Events'\r\n            },\r\n            {\r\n                id: \"SCHEDULED_EVENTS\", text: 'My Scheduled Events'\r\n            },\r\n            {\r\n                id: \"AGENCY_EVENTS\", text: 'Agency Level Events'\r\n            },\r\n            {\r\n                id: \"NATIONAL_EVENTS\", text: 'National Marketing Events'\r\n            }\r\n        ],\r\n        eventCategories: [\r\n            {\r\n                id: \"ALL\", text: 'All Categories'\r\n            },\r\n            {\r\n                id: \"MAIL_DROP\", text: 'Mail Drop'\r\n            },\r\n            {\r\n                id: \"COLLATERAL_ORDERS\", text: 'Collateral Orders'\r\n            }\r\n        ],\r\n        eventClass: [\r\n            {\r\n                id: \"NATIONAL\", text: 'national'\r\n            },\r\n            {\r\n                id: \"AGENCY\", text: 'agency'\r\n            },\r\n            {\r\n                id: \"PERSONAL\", text: 'personal'\r\n            }\r\n        ]\r\n    };\r\n\r\n    // Exports\r\n    export const eventTypes = constants.eventTypes;\r\n    export const eventCategories = constants.eventCategories;\r\n    export const eventClass = constants.eventClass;\r\n\r\n</script>\r\n\r\n<script setup>\r\n\r\n    // Imports \r\n    import { ref, reactive, computed, onMounted } from 'vue';\r\n    import { site } from '@/Site';\r\n    import VueCal from 'vue-cal';\r\n    import 'vue-cal/dist/vuecal.css';\r\n    import AddEventForm from '../forms/AddEventForm';\r\n\r\n    // Component\r\n    import AddEvent from './AddEvent';\r\n    \r\n    // State \r\n    const eventForm = reactive(new AddEventForm());\r\n\r\n    const type = ref('ALL');\r\n\r\n    const category = ref('ALL');\r\n\r\n    const calendar = reactive([]);\r\n\r\n    const showEvents = ref(true);\r\n\r\n    // Methods \r\n    function addEvent() {\r\n        showEvents.value = !showEvents.value;\r\n    }\r\n\r\n    async function submitEvent() {\r\n        const response = await site.postCalendarEvent(eventForm.model);\r\n    }\r\n\r\n\r\n    // Computed\r\n    const events = computed(() => {\r\n\r\n        let response = [];\r\n\r\n        if (type.value != 'ALL' || category.value != 'ALL') {\r\n\r\n            calendar.forEach(x => {\r\n\r\n                let i = 0;\r\n\r\n                if (x.type == type.value) {\r\n                    i++;\r\n                }\r\n\r\n                if (x.category == category.value) {\r\n                    i++;\r\n                }\r\n\r\n                if (i >= 1) {\r\n                    response.push(x);\r\n                }\r\n            });\r\n\r\n            return response;\r\n        }\r\n\r\n        return calendar;\r\n    });\r\n\r\n    // Computed\r\n    const buttonText = computed(() => {\r\n        return showEvents.value == true ? \"Add Event\" : \"Cancel Add Event\";\r\n    });\r\n\r\n\r\n    // Lifecycle Hooks\r\n    onMounted(async () => {\r\n        const response = await site.getUsersCalendar();\r\n        calendar.push(...response.results);\r\n\r\n        eventForm.create();\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"account-panel calendar-panel\">\r\n\r\n        <div class=\"row mb-5\">\r\n\r\n            <div class=\"col\">\r\n                <h1 class=\"cart-page-header mb-3\">My Account <span class=\"text-muted\">/ My Calendar</span></h1>\r\n            </div>\r\n\r\n            <div class=\"col text-end\">\r\n                <button class=\"btn btn-primary\" @click=\"addEvent\">{{buttonText}}</button>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div v-if=\"showEvents\">\r\n\r\n            <div class=\"row search-container px-2 py-3\">\r\n\r\n                <div class=\"col-4\">\r\n                    <label class=\"form-label\">Event Type</label>\r\n                    <select class=\"form-select\" v-model=\"type\">\r\n                        <option v-for=\"event in eventTypes\" :key=\"event.id\" :value=\"event.id\">{{event.text}}</option>\r\n                    </select>\r\n                </div>\r\n\r\n                <div class=\"col-4\">\r\n                    <label class=\"form-label\">Event Category</label>\r\n                    <select class=\"form-select\" v-model=\"category\">\r\n                        <option v-for=\"event in eventCategories\" :key=\"event.id\" :value=\"event.id\">{{event.text}}</option>\r\n                    </select>\r\n                </div>\r\n\r\n                <div class=\"col-4\">\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class=\"row mb-5\">\r\n                <div class=\"col text-center personal\">\r\n                    Personal Events\r\n                </div>\r\n\r\n                <div class=\"col text-center agency\">\r\n                    Agency Event\r\n                </div>\r\n\r\n                <div class=\"col text-center national\">\r\n                    National Marketing Event\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row\">\r\n\r\n                <div class=\"col\">\r\n\r\n                    <vue-cal events-on-month-view=\"short\"\r\n                             active-view=\"month\"\r\n                             :disable-views=\"['years', 'year']\"\r\n                             :events=\"events\"\r\n                             style=\"height: 800px\" />\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <!-- Add Event View -->\r\n        <div v-else>\r\n\r\n            <div class=\"row mb-3\">\r\n                <div class=\"col\">\r\n                    <AddEvent :form=\"eventForm\" />\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <button class=\"btn btn-primary \" @click=\"submitEvent\" :disabled=\"eventForm.status.isInvalid\">\r\n                        Add Event\r\n                    </button>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n\r\n\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .calendar-panel {\r\n        label {\r\n            font-weight: $bold;\r\n        }\r\n\r\n        .search-container {\r\n            background: $gray-2;\r\n        }\r\n\r\n        .vuecal__event.national, .national {\r\n            background-color: $color-1-lt;\r\n            border: $color-1;\r\n            color: #fff;\r\n        }\r\n\r\n        .vuecal__event.agency, .agency {\r\n            background-color: $color-2-lt;\r\n            border: $color-2;\r\n            color: $gray-4;\r\n        }\r\n\r\n        .vuecal__event.personal, .personal {\r\n            background-color: $highlight-2;\r\n            border: $highlight-1;\r\n            color: $gray-4;\r\n        }\r\n    }\r\n</style>","import script from \"./CalendarPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CalendarPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CalendarPanel.vue?vue&type=style&index=0&id=c50dcad8&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n// OrderDetailsPanel\r\n    // Shows order details in the my account area.\r\n\r\n    // Constants ----\r\n    const constants = {\r\n        DEFAULT_PAGE_SIZE: 50\r\n    }\r\n\r\n    const pageSizeOptions = [25, 50, 100, 200];\r\n\r\n    const columns = [\r\n        { field: 'mailingDate', title: 'Send Date', isSortable: true, custom: true, formatter: (value) => Util.date(value) },\r\n        { field: 'marketingChannel', title: 'Marketing Channel', custom: true, isSortable: false },\r\n        { field: 'firstName', title: 'First Name', isSortable: true },\r\n        { field: 'lastName', title: 'Last Name', isSortable: true },\r\n        { field: 'addressLine1', title: 'Address 1', isSortable: true },\r\n        { field: 'addressLine2', title: 'Address 2', isSortable: true },\r\n        { field: 'city', title: 'City', isSortable: true },\r\n        { field: 'state', title: 'State', isSortable: true },\r\n        { field: 'postalCode', title: 'Zip', isSortable: true },\r\n        { field: 'phone', title: 'Phone', isSortable: true },\r\n        { field: 'email', title: 'Email', isSortable: true },\r\n        { field: 'listExpirationDate', title: 'List Expiration Date', isSortable: true, custom: true, formatter: (value) => Util.date(value, false) },\r\n    ];\r\n\r\n    // Import ----\r\n    import { computed, ref } from 'vue';\r\n    import { Search, Util } from '@dd-nucleus/nucleus-vue';\r\n    import { ExportParser } from \"@/site/services/ExportParser\";\r\n    import { useRoute, useRouter } from 'vue-router'\r\n    import { formatStatCode, getFieldsMapperFromColumns, isNotEmpty, beforeTableEncode } from '@/util';\r\n\r\n    // Components ----\r\n    import TableSkeleton from '@/site/components/skeleton/TableSkeleton';\r\n    const route = useRoute()\r\n    const router = useRouter();\r\n\r\n    const search = new Search('order-history-details-list', 'detail', 'order-detail-list-contact-mailingDate', constants.DEFAULT_PAGE_SIZE);\r\n    //search.setFilterInitialValue('order-details-list-id', route.params.id);\r\n    const searchDownload = new Search('order-history-details-list', 'detail', 'order-detail-list-contact-mailingDate', null);\r\n\r\n    const searchTerm = ref('mailDate-desc');\r\n    const sortPrefix = 'order-detail-list-contact-';\r\n\r\n    const fieldsMapper = getFieldsMapperFromColumns(columns);\r\n\r\n    // Computed\r\n    const orderHeader = computed(() => {\r\n        if (search.results && search.results.rows && search.results.rows.length > 0) {\r\n            return search.results.rows[0];\r\n        }\r\n        return {};\r\n    });\r\n\r\n    const dropNumber = computed(() => {\r\n        if (isNotEmpty(orderHeader.value)) {\r\n            const drop = orderHeader.value.drop;\r\n            return drop ? drop.replace(\"drop number \", \"\") : \"\";\r\n        }\r\n        return \"\"\r\n    });\r\n\r\n    const data = computed(() => {\r\n        if (searchDownload.results && searchDownload.results.rows && searchDownload.results.rows.length > 0) {\r\n            return searchDownload.results.rows;\r\n        }\r\n        return [];\r\n    });\r\n\r\n    function getExportedData() {\r\n        return data.value.map(item => ({\r\n            ...item,\r\n            marketingChannel: item.mailingDate ? \"Direct Mail\" : \"\"\r\n        }));\r\n    }\r\n\r\n    async function exportCSV() {\r\n        await setFilterValues();\r\n        ExportParser().exportCSVFromJSON(getExportedData(), null, null, fieldsMapper, beforeTableEncode(columns));\r\n    }\r\n\r\n    async function exportXLS() {\r\n        await setFilterValues();\r\n        ExportParser().exportXLSFromJSON(getExportedData(), null, null, fieldsMapper, beforeTableEncode(columns));\r\n    }\r\n\r\n    async function setFilterValues() {\r\n\r\n        const orderDetailsfilterValues = search.getFilterValues(\"order-details-list-order-num\");\r\n        if (!searchDownload.filterValueExists(\"order-details-list-order-num\", orderDetailsfilterValues)) {\r\n            await searchDownload.setFilterValues(\"order-details-list-order-num\", orderDetailsfilterValues);\r\n        }\r\n\r\n        const prospectCampaignFilterValues = search.getFilterValues(\"order-details-list-id\");\r\n        if (!searchDownload.filterValueExists(\"order-details-list-id\", prospectCampaignFilterValues)) {\r\n            await searchDownload.setFilterValues(\"order-details-list-id\", prospectCampaignFilterValues);\r\n        }\r\n\r\n        await searchDownload.activate(route);\r\n    }\r\n\r\n    function back() {\r\n        if (isNotEmpty(route.query['f-order-details-list-id'])) {\r\n            router.push(\"/home?tab=Prospecting\")\r\n        } else {\r\n            router.go(-1);\r\n        }\r\n    }\r\n    function sortSearch(value) {\r\n        value = sortPrefix + value\r\n\r\n        if (searchTerm.value.includes(value)) {\r\n\r\n            if (searchTerm.value.includes('-desc')) {\r\n                searchTerm.value = value;\r\n            } else {\r\n                searchTerm.value = value + '-desc';\r\n            }\r\n\r\n        } else {\r\n            searchTerm.value = value;\r\n        }\r\n\r\n        search.setSortId(searchTerm.value);\r\n    }\r\n</script>\r\n\r\n<template>\r\n    <div class=\"account-panel order-details-panel\">\r\n        <div class=\"row mt-2\">\r\n            <div class=\"col\">\r\n                <a href=\"#\" @click=\"back\" class=\"no-underline\"><i class=\"bi bi-chevron-left\"></i>Back</a>\r\n            </div>\r\n        </div>\r\n        <div class=\"row\">\r\n            <div class=\"me-auto\">\r\n                <h1 class=\"cart-page-header mb-3\">My Account <span class=\"text-muted\">/ My Order History</span></h1>\r\n            </div>\r\n        </div>\r\n        <div v-if=\"isNotEmpty(orderHeader.value)\" class=\"order-details-header\">\r\n            <div class=\"row mt-3 p-2\">\r\n                <div><strong>{{Util.date(orderHeader.orderDate)}}</strong> <span class=\"mr-2\">&nbsp;|&nbsp;</span><span class=\"order-number\">Order #: {{orderHeader.orderNumber}}</span></div>\r\n            </div>\r\n            <div class=\"row mb-3 p-2\">\r\n                <div class=\"col-6\">\r\n                    <div><strong>Agency Name:</strong> {{orderHeader.agencyName}}</div>\r\n                    <div><strong>Agency #:</strong> {{formatStatCode(orderHeader.statId)}}</div>\r\n                    <div><strong>Drop #:</strong> {{dropNumber}}</div>\r\n                </div>\r\n                <div class=\"col-6\">\r\n                    <div><strong>Asset Name:</strong> {{orderHeader.productName}}</div>\r\n                    <div><strong>Asset Number:</strong> {{orderHeader.productNumber}}</div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n            <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"true\">\r\n                <div class=\"d-flex\">\r\n                    <div class=\"me-auto\">&nbsp;</div>\r\n                    <div>\r\n                        <i class=\"bi bi-file-earmark-excel me-3 fs-1 hand\" title=\"Download in Excel format\" @click=\"exportXLS\"></i>\r\n                        <i class=\"bi bi-filetype-csv fs-1 hand\" title=\"Download in CSV format\" @click=\"exportCSV\"></i>\r\n                    </div>\r\n                    <div class=\"px-3\">\r\n                        <PageSizeList :options=\"pageSizeOptions\" />\r\n                    </div>\r\n                    <div>\r\n                        <div>\r\n                            <span v-if=\"search.results.loaded && search.results.rows.length > 0\">Showing {{ search.results.startIndex }} of {{ search.results.totalCount }}</span>\r\n                        </div>\r\n                        <PageSelector />\r\n                    </div>\r\n                </div>\r\n                <div class=\"data-table\">\r\n                    <SearchTable :columns=\"columns\" @sort-by=\"sortSearch\">\r\n                        <template v-slot:mailingDate=\"row\">\r\n                            <template v-if=\"row.mailingDate\">\r\n                                {{Util.date(row.mailingDate, false)}}\r\n                            </template>\r\n                        </template>\r\n\r\n                        <template v-slot:listExpirationDate=\"row\">\r\n                            <template v-if=\"row.listExpirationDate\">\r\n                                {{Util.date(row.listExpirationDate, false)}}\r\n                            </template>\r\n                        </template>\r\n\r\n                        <template v-slot:marketingChannel=\"row\">\r\n                            <div v-if=\"row.mailingDate\">Direct Mail</div>\r\n                        </template>\r\n\r\n                        <!-- Template for no results -->\r\n                        <template #empty>\r\n                            No\r\n                            <span v-html=\"listHeadline\"></span> Lists were found that match your criteria.\r\n                        </template>\r\n\r\n                        <!-- Template while results are initially loading -->\r\n                        <template #loading>\r\n                            <div class=\"row\">\r\n                                <div class=\"col text-center\">\r\n                                    <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                    <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                    <span class=\"fw-bold\">Performing a search for the data</span>\r\n                                    <div class=\"spinner-border mx-3\" role=\"status\"></div>\r\n                                    <div class=\"spinner-border\" role=\"status\"></div>\r\n                                </div>\r\n                            </div>\r\n                            <TableSkeleton />\r\n                        </template>\r\n                    </SearchTable>\r\n                </div>\r\n                <div class=\"d-flex\">\r\n                    <div class=\"flex-fill text-end\"><PageSelector /></div>\r\n                </div>\r\n            </SearchContainer>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .order-details-header {\r\n        background: $gray-10;\r\n    }\r\n\r\n    .order-number {\r\n        color: $color-1\r\n    }\r\n\r\n    .hand {\r\n        cursor: pointer\r\n    }\r\n</style>","import script from \"./OrderDetailsPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrderDetailsPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OrderDetailsPanel.vue?vue&type=style&index=0&id=4052877e&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // OrderItemTile\r\n    // A tile to display an Order Item.\r\n\r\n    // Constants\r\n    const tableHeadings = [\"Mail Date\", \"Drop #\", \"Quantity\", \"Price\"];\r\n    //const expressOrderTableHeadings = [\"Sub Code\", \"Agency Name\", \"Mail Date\", \"Drop #\", \"Quantity\", \"Price\", \"\"];\r\n    const chargeMessage = \"Note: You will only be charged for the actual number of items sent\";\r\n    \r\n    // Imports ----\r\n    import { computed, reactive, defineProps } from 'vue';\r\n    import { useRouter, useRoute } from 'vue-router';\r\n    import { Util } from '@dd-nucleus/nucleus-vue';\r\n    import { site } from '@/Site';\r\n    import { ChannelTypes } from '@/site/areas/personalization/SelectChannelPage';\r\n    import { getUnitOfMeasureFriendlyName, ProgramType } from '@/constants'\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        orderItem: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        orderNumber: {\r\n            type: String,\r\n            required: true\r\n        },\r\n        totalItems: {\r\n            type: Number,\r\n            required: true\r\n        },\r\n        index: {\r\n            type: Number,\r\n            required: true\r\n        },\r\n        totalAmount: {\r\n            type: String,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    const router = useRouter();\r\n    const route = useRoute();\r\n\r\n    const orderItem = reactive(props.orderItem);\r\n\r\n    // Computed ---\r\n    const itemPrice = computed(() => { return site.convertNumberToCurrency(orderItem.product.unitPrice) });\r\n    \r\n    \r\n    const mailingDetails = computed(() => {\r\n        //if (!isExpressOrder.value) {\r\n            return orderItem?.attributes?.Data?.dropDetails?.mailingDetails || [];\r\n        /*} else {\r\n            const mailings = [];\r\n            const bulkOrderStates = orderItem?.attributes?.OrderStates;\r\n            for (let i = 0; i < bulkOrderStates?.length; i++) {\r\n                const orderStateMailing = bulkOrderStates[i].dropDetails?.mailingDetails;\r\n                if (isNotEmpty(orderStateMailing)) {\r\n                    const newMailingDetails = {\r\n                        mailDate: orderStateMailing[0]?.mailDate,\r\n                        dropNumber: orderStateMailing[0]?.dropNumber,\r\n                        quantity: orderStateMailing[0]?.quantity,\r\n                        price: orderStateMailing[0]?.price,\r\n                        statCode: bulkOrderStates[i]?.statCode,\r\n                        agencyName: bulkOrderStates[i]?.agencyName,\r\n                        orderStateId: bulkOrderStates[i].id\r\n                    };\r\n                    mailings.push(newMailingDetails);\r\n                }\r\n            }\r\n            return mailings;\r\n        }*/\r\n    });\r\n    \r\n    const actualQty = computed(() => {\r\n        if (orderItem?.attributes?.Data?.receivedCount) {\r\n            return orderItem?.attributes?.Data?.receivedCount;\r\n        }\r\n        else {\r\n            return orderItem?.attributes?.Data?.targetCount;\r\n        }\r\n    });\r\n     \r\n/*    const isExpressOrder = computed(() => {\r\n        return orderItem?.attributes?.OrderStates && orderItem?.attributes?.OrderStates?.length > 0;\r\n    });\r\n*/\r\n    const targetCount = computed(() => {\r\n        //if (!isExpressOrder.value) {\r\n            return orderItem.attributes?.Data?.targetCount\r\n        /*} else {\r\n            const bulkOrderStates = orderItem?.attributes?.OrderStates;\r\n            return bulkOrderStates.reduce((sum, bos) => sum + bos.targetCount , 0);\r\n        }*/\r\n    });\r\n    \r\n    /*const headings = computed(() => {\r\n        return isExpressOrder.value ? expressOrderTableHeadings : tableHeadings;\r\n    });*/\r\n\r\n    const completedDrops = computed(() => {\r\n        const dropDetails = orderItem.attributes.Data?.dropDetails;\r\n        if (dropDetails) {\r\n            const completedMailings = dropDetails.mailingDetails?.filter(md => {\r\n                const mailedDate = new Date(md.mailDate);\r\n                const currentDate = new Date();\r\n                return mailedDate < currentDate\r\n            });\r\n            return completedMailings.length;\r\n        }\r\n        return 0\r\n    });\r\n\r\n    const icon = computed(() => {\r\n        // TODO: Hacked in. Create constants in Orders service plugged into singleton store object.\r\n        switch (orderItem.status) {\r\n            default: // None\r\n                return '';\r\n            case 'Pending': // Pending\r\n                return 'bi bi-check-circle-fill';\r\n            case 'Complete': // Complete\r\n                return 'bi bi-check-circle-fill';\r\n            case 'Canceled': // Canceled\r\n                return 'bi bi-x-circle-fill';\r\n            case 'Removed': // Removed\r\n                return 'bi bi-trash3';\r\n        }\r\n    });\r\n\r\n    const cssClass = computed(() => {\r\n        // TODO: Hacked in. Create constants in Orders service plugged into singleton store object.\r\n        switch (orderItem.status) {\r\n            default: // None\r\n                return '';\r\n            case 'Pending': // Pending\r\n                return 'pending';\r\n            case 'Complete': // Complete\r\n                return 'completed';\r\n            case 'Canceled': // Canceled\r\n                return 'canceled';\r\n            case 'Removed': // Removed\r\n                return 'removed';\r\n        }\r\n    });\r\n\r\n    const dropDetails = computed(() => {\r\n        return orderItem.attributes?.Data?.dropDetails;\r\n    });\r\n\r\n    const showViewList = computed(() => {\r\n        if (isProspecting.value || isPetInsurance.value) {\r\n            const mailingDetails = orderItem.attributes?.Data?.dropDetails?.mailingDetails;\r\n            if (mailingDetails && mailingDetails.length > 0) {                \r\n                let mailDate = mailingDetails[0].mailDate;\r\n                if (mailDate) {\r\n                    const mailedDate = new Date(mailDate);\r\n                    const currentDate = new Date();\r\n                    return mailedDate < currentDate && !isMailingListExpired(mailDate);\r\n                }\r\n                return false;\r\n            }\r\n            return false;\r\n        } else {\r\n            const dropDetails = orderItem.attributes?.Data?.dropDetails;\r\n            if (dropDetails) {\r\n                return dropDetails.numberOfMailings > 0;\r\n            }\r\n            return false;\r\n        }\r\n    });\r\n\r\n    function isMailingListExpired(lastMailingDate) {\r\n        const itemdate = new Date(lastMailingDate);\r\n        itemdate.setDate(itemdate.getDate() + 60);\r\n\r\n        const currentDate = new Date();\r\n        currentDate.setHours(0, 0, 0, 0);\r\n\r\n        let days = (itemdate.getTime() - currentDate.getTime()) / (1000 * 3600 * 24);\r\n\r\n        if (days < 0) {\r\n            return true;\r\n        }\r\n        return false;\r\n    }\r\n\r\n    const isProspecting = computed(() => {\r\n        const programType = orderItem.attributes?.Data?.programType;\r\n        return programType == ProgramType.PROSPECTING;\r\n    });\r\n\r\n    const isPetInsurance = computed(() => {\r\n        const programType = orderItem.attributes?.Data?.programType;\r\n        return programType == ProgramType.PET_INSURANCE;\r\n    });\r\n\r\n    //Methods --\r\n    function channelType(type) {\r\n        switch (type) {\r\n            case ChannelTypes.EMAIL:\r\n                return \"Email\";\r\n            case ChannelTypes.DIRECT_MAIL:\r\n                return \"Direct Mail\";\r\n            default:\r\n                return \"\";\r\n        }\r\n    }\r\n\r\n    // Handlers ----\r\n    function handleViewListClick() {\r\n        if (Util.isNotEmpty(route.query.orderNumber)) {\r\n            router.push({ path: '/account/order-detail', query: { 'f-order-details-list-order-num': `${props?.orderNumber};${orderItem?.attributes?.Data?.pageFlexDocumentId}` } });\r\n        }\r\n        else {\r\n            router.push({ path: '/account/order-detail', query: { 'f-order-details-list-order-num': `${props?.orderNumber};${orderItem?.attributes?.Data?.id}` } });\r\n        }\r\n    }\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"order-item-tile mt-4\">\r\n        <span class=\"multi-channel-campaign\" v-if=\"orderItem?.attributes?.Data?.isMultiChannel && index === 0\">\r\n            Multi-Channel (Direct Mail & Email)\r\n        </span>\r\n        <div class=\"my-4 fs-2 fw-bold text-primary\" v-if=\"orderItem?.attributes?.Data?.isMultiChannel\">{{channelType(orderItem?.attributes?.Data?.channelType)}} ({{ index+1 }} of {{totalItems}})</div>\r\n        <div class=\"inner-row d-flex flex-row\">\r\n            <div class=\"left\">\r\n                <ProductThumbnail :product=\"orderItem.product\" height=\"120px\" width=\"120px\" no-image-available-url=\"/images/no-image.png\" />\r\n            </div>\r\n            <div class=\"middle flex-fill pr-4\">\r\n                <router-link class=\"title-link\" :to=\"`/product/${orderItem.product.id}`\">\r\n                    <div class=\"name\" v-snip=\"{ lines: 2 }\" :title=\"orderItem.product.name\">\r\n                        {{ orderItem.product.name }}\r\n                    </div>\r\n                </router-link>\r\n\r\n                <div class=\"item-number\"><router-link class=\"title-link\" :to=\"`/product/${orderItem.product.id}`\">{{ orderItem.product.itemNumber }}</router-link></div>\r\n\r\n                <div class=\"price\">\r\n                    <span class=\"fw-bold\">{{itemPrice}}</span> {{getUnitOfMeasureFriendlyName(orderItem.product)}} <span v-if=\"orderItem?.attributes?.Data?.includePhoneNumber\">(Includes Phone Numbers)</span>\r\n                </div>\r\n\r\n                <div class=\"delivery-type\" v-if=\"channelType(orderItem?.attributes?.Data?.channelType)\"><span class=\"fw-bold\">Delivery Type:</span> {{channelType(orderItem?.attributes?.Data?.channelType)}}</div>\r\n\r\n                <div class=\"mt-3 fs-4 fw-bold\" v-if=\"dropDetails?.numberOfMailings\">Total:</div>\r\n                <div class=\"fs-3 fw-bold\" v-if=\"dropDetails?.numberOfMailings\">{{totalAmount}}</div>\r\n\r\n                <div class=\"description mt-3 fs-5\" v-html=\"orderItem.product.description\"></div>\r\n\r\n                <div class=\"d-flex flex-column mt-3\" v-if=\"dropDetails?.numberOfMailings && !isPetInsurance\">\r\n                    <div class=\"fs-5 fw-bold\">Mail Frequency: {{dropDetails?.dropType}} Drops ({{dropDetails?.frequency}}), {{dropDetails?.numberOfMailings}} Mailings</div>\r\n                    <div class=\"fs-5\">\r\n                        <template v-if=\"isProspecting\">\r\n                            Total Prospect Count:\r\n                        </template>\r\n                        <template v-else>\r\n                            Total Policy Holders Count:\r\n                        </template>\r\n                        {{targetCount}}\r\n                    </div>\r\n                </div>\r\n                <div class=\"mail-info d-flex align-items-center mt-3\" v-if=\"orderItem.attributes.Data?.dropDetails?.numberOfMailings && !isPetInsurance\">\r\n                    <i class=\"bi bi-info-circle-fill text-warning\"></i>\r\n                    {{ chargeMessage }}\r\n                </div>\r\n\r\n                <div class=\"mail-info d-flex align-items-center mt-3\" v-if=\"dropDetails?.numberOfMailings && !isPetInsurance\">\r\n                    <i class=\"bi bi-info-circle-fill text-warning\"></i>\r\n                    Mailed out on the dates listed below. Allow up to 10 days for in-home delivery. \r\n                </div>\r\n                <div class=\"mail-info d-flex align-items-center mt-3\" v-if=\"dropDetails?.numberOfMailings\">\r\n                    <i class=\"bi bi-info-circle-fill text-warning\"></i>\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                </div>\r\n\r\n                <div class=\"mt-3\" v-if=\"dropDetails?.numberOfMailings && !isPetInsurance\">\r\n                    <table class=\"table\">\r\n\r\n                        <thead>\r\n                            <tr class=\"table-heading\">\r\n                                <th v-for=\"(heading, index) in tableHeadings\" :key=\"index\" class=\"col-head\" scope=\"col\">\r\n                                    {{ heading }}\r\n                                </th>\r\n                            </tr>\r\n                        </thead>\r\n\r\n                        <tbody>\r\n                            <tr v-for=\"row in mailingDetails\" :key=\"row.dropNumber\">\r\n                                <td>\r\n                                    {{Util.date(row.mailDate, false)}}\r\n                                </td>\r\n                                <td>{{row.dropNumber}}</td>\r\n                                <td>{{row.quantity}}</td>\r\n                                <td>{{site.convertNumberToCurrency(row.price)}}</td>\r\n                            </tr>\r\n                        </tbody>\r\n                    </table>\r\n                </div>\r\n            </div>\r\n            <!-- Fixed right panel -->\r\n            <div class=\"right d-flex flex-column px-4\">\r\n                <template v-if=\"showViewList\">\r\n                    <button class=\"btn btn-primary view-list\" @click=\"handleViewListClick\">View List</button>\r\n                    <div class=\"my-1 text-danger\" v-if=\"dropDetails?.numberOfMailings && !isPetInsurance\">\r\n                        Drops Complete: {{completedDrops}} of {{ dropDetails?.numberOfMailings}}\r\n                    </div>\r\n                    <!--div>\r\n                        <p v-for=\"(item, index) in dropExpiredMessages\" :key=\"index\">\r\n                            {{ item }}\r\n                        </p>\r\n                    </div-->\r\n                </template>\r\n                <div>\r\n                </div>\r\n                <div class=\"mt-3 fs-3\">\r\n                    <span class=\"fw-bold\">Ordered Qty: </span> {{orderItem.quantity}} {{getUnitOfMeasureFriendlyName(orderItem.product)}}\r\n                </div>\r\n                <div class=\"status d-flex\" :class=\"cssClass\"><i :class=\"icon\"></i>&nbsp; {{ orderItem.status }}</div>\r\n                <div class=\"mt-3 fs-3\">\r\n                    <span class=\"fw-bold\">Actual Qty: </span> {{actualQty}}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<style lang=\"scss\">\r\n    .order-item-tile {\r\n        .inner-row {\r\n            border-bottom: 1px solid $gray-20;\r\n            padding-bottom: 1rem;\r\n        }\r\n\r\n        .name {\r\n            font-size: 1.1rem;\r\n            line-height: 1.1rem;\r\n        }\r\n\r\n        .item-number a.title-link {\r\n            font-size: 14px;\r\n            color: $gray-60;\r\n        }\r\n\r\n        a.title-link, a.title-link:visited, a.title-link:hover {\r\n            color: var(--bs-body-color);\r\n            text-decoration: none;\r\n        }\r\n\r\n        .description {\r\n            color: $gray-70;\r\n        }\r\n\r\n        .price {\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .delivery-type {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .mail-info {\r\n            font-size: 13px;\r\n            font-weight: bold;\r\n\r\n            i {\r\n                font-size: 18px;\r\n                margin-right: 5px;\r\n            }\r\n        }\r\n\r\n        .table-heading {\r\n            background: #c9f3f4;\r\n        }\r\n\r\n        .middle {\r\n            min-width: 60%;\r\n            padding-left: 1rem;\r\n            padding-right: 2rem;\r\n        }\r\n\r\n        .right {\r\n            width: 40% !important;\r\n        }\r\n\r\n        .status {\r\n            margin-top: 0.5rem;\r\n            font-weight: $bold;\r\n            font-size: 1rem;\r\n            align-items: center;\r\n        }\r\n\r\n        .status i {\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .status.pending {\r\n            .bi {\r\n                opacity: 0.5;\r\n                color: $ok;\r\n            }\r\n        }\r\n\r\n        .status.canceled, status.removed {\r\n            .bi {\r\n                color: $error;\r\n            }\r\n        }\r\n\r\n        .status.completed {\r\n            .bi {\r\n                color: $ok;\r\n            }\r\n        }\r\n\r\n        .multi-channel-campaign {\r\n            color: white;\r\n            background-color: orange;\r\n            padding: 5px 12px;\r\n            border-radius: 50px;\r\n            font-size: 12px;\r\n        }\r\n\r\n        .view-list {\r\n            white-space: nowrap;\r\n        }\r\n    }\r\n</style>\r\n","import script from \"./OrderItemTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrderItemTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OrderItemTile.vue?vue&type=style&index=0&id=3a40f0ef&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // SelectedPaymentMethod\r\n    // Display panel for the selected payment method\r\n\r\n    // Imports ----\r\n    import { computed, defineProps } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { getMaskPen, getCardTypeName, getCardType, getCardDate } from '@/site/areas/account/components/PaymentInfoPanelStripe';\r\n    import { Util } from '@dd-nucleus/nucleus-vue';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        paymentMethodId : {\r\n            type: String,\r\n            required: false\r\n        },\r\n    });\r\n\r\n    // Computed ----\r\n    const selectedPaymentMethodId = computed(() => {\r\n        if (!Util.isEmpty(site.cart.current.paymentMethodId)) {\r\n            return site.cart.current.paymentMethodId;\r\n        } else {\r\n            return props.paymentMethodId;\r\n        }\r\n    });\r\n\r\n    const selectedPaymentMethod = computed(() => {\r\n        let method = {};\r\n        site.paymentInfo.paymentMethods.forEach((x) => {\r\n            if (x.id == selectedPaymentMethodId.value) {\r\n                Object.assign(method, x);\r\n            } \r\n        });\r\n        return method;\r\n    });\r\n\r\n    const cardType = computed(() => {\r\n        if (!Util.isEmpty(selectedPaymentMethod.value) && !Util.isEmpty(selectedPaymentMethod.value.paymentData))\r\n            return getCardTypeName(selectedPaymentMethod.value.paymentData);\r\n        else\r\n            return '';\r\n    });\r\n\r\n    const maskPen = computed(() => {\r\n        if (!Util.isEmpty(selectedPaymentMethod.value) && !Util.isEmpty(selectedPaymentMethod.value.paymentData))\r\n            return getMaskPen(selectedPaymentMethod.value.paymentData);\r\n        else\r\n            return '';\r\n    });\r\n\r\n    const cardDate = computed(() => {\r\n        if (!Util.isEmpty(selectedPaymentMethod.value) && !Util.isEmpty(selectedPaymentMethod.value.expirationDate))\r\n            return getCardDate(selectedPaymentMethod.value.expirationDate);\r\n        else\r\n            return '';\r\n    });\r\n\r\n    const cardTypeName = computed(() => {\r\n        if (!Util.isEmpty(selectedPaymentMethod.value) && !Util.isEmpty(selectedPaymentMethod.value.paymentData))\r\n            return getCardType(selectedPaymentMethod.value.paymentData);\r\n        else\r\n            return '';\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"selected-payment-method\" v-if=\"selectedPaymentMethod\">\r\n\r\n        <h3>Payment Method</h3>\r\n        <div class=\"fw-bold mb-3\">Credit Card</div>\r\n        <div class=\"fw-bold\">{{selectedPaymentMethod.name}}</div>\r\n        <div><i class=\"bi bi-credit-card me-2\" :class=\"cardTypeName\"></i> {{cardType}}</div>\r\n        <div>{{maskPen}}</div>\r\n        <div>{{cardDate}}</div>\r\n    </div>\r\n    <div v-else>\r\n        No payment method selected please go back and select a payment method.\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .selected-payment-method {\r\n\r\n    }\r\n\r\n</style>","import script from \"./SelectedPaymentMethod.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SelectedPaymentMethod.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SelectedPaymentMethod.vue?vue&type=style&index=0&id=0e1c90d6&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // OrderDetails\r\n    // Shows order details in the my account area.\r\n\r\n    // Import ----\r\n    import { reactive, ref, onMounted, computed } from 'vue';\r\n    import { Util } from '@dd-nucleus/nucleus-vue';\r\n    import { useRoute, useRouter } from 'vue-router'\r\n    import { site } from '@/Site';\r\n    import { formatStatCode } from '@/util';\r\n\r\n    // Components ----\r\n    import OrderItemTile from './OrderItemTile.vue';\r\n    import SelectedPaymentMethod from '@/site/areas/cart/components/SelectedPaymentMethod.vue';\r\n\r\n    // State\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n    let order = reactive({});\r\n\r\n    const isLoaded = ref(false);\r\n\r\n    onMounted(async () => {\r\n\r\n        let response;\r\n\r\n        if (Util.isNotEmpty(route.query.orderNumber)) {\r\n            response = await site.getLegacyOrderDetails(route.query.orderNumber);\r\n        } else {\r\n            response = await site.orderDetails.getOrderDetails(route.params.id);\r\n        }\r\n\r\n        Object.assign(order, response.model);\r\n        const allStatCodes = [];\r\n\r\n\r\n        //get all the statcodes if item has express order\r\n        order.items?.forEach(item => {\r\n            Object.assign(allStatCodes, allStatCodes.concat(item.attributes?.OrderStates?.map(os => os.statCode)));\r\n        });\r\n\r\n        //Get the agency name for all the statcodes.\r\n        if (Util.isNotEmpty(allStatCodes)) {\r\n            Object.assign(allStatCodes, new Set(allStatCodes));\r\n            const subCodeAgencyDetails = await site.expressOrderPersonalizationInfo.getAgencyDetails(allStatCodes);\r\n            if (Util.isNotEmpty(subCodeAgencyDetails)) {\r\n                order.items?.forEach(item => {\r\n                    item.attributes?.OrderStates?.forEach(os => {\r\n                        os.agencyName = subCodeAgencyDetails.find(sd => sd.statId == os.statCode)?.agencyName;\r\n                    });\r\n                });\r\n            }\r\n        }\r\n\r\n\r\n        isLoaded.value = true;\r\n        window.scrollTo(0, 0);\r\n    })\r\n\r\n    //computed\r\n    const totalPrice = computed(() => { return site.convertNumberToCurrency(order.total); });\r\n    const subTotalPrice = computed(() => {\r\n        return site.convertNumberToCurrency(order.subTotal + order.additionalChargeTotal);\r\n    });\r\n\r\n    const discountTotal = computed(() => {\r\n        if (order.discountTotal) {\r\n            return site.convertNumberToCurrency(order.discountTotal);\r\n        } else {\r\n            return '';\r\n        }\r\n    });\r\n    const tax = computed(() => { return site.convertNumberToCurrency(order.tax) });\r\n    const shippingPrice = computed(() => {\r\n        if (order.shipping < 1)\r\n            return \"Free\";\r\n        return site.convertNumberToCurrency(order.shipping);\r\n    });\r\n    \r\n    const shippingMethodCost = computed(() => { return site.convertNumberToCurrency(order.shipMethod?.cost) });\r\n\r\n    const totalAmount = computed(() => {\r\n        if (order.amountPaid) {\r\n            return site.convertNumberToCurrency(order.amountPaid);\r\n        }\r\n        else {\r\n            return site.convertNumberToCurrency(order.total);\r\n        }\r\n    });\r\n\r\n    const agencyName = computed(() => {\r\n        if (order?.attributes?.Agency?.statCode && order?.attributes?.Agency?.name) {\r\n            return order?.attributes?.Agency?.name\r\n        } else if (order?.shipTo?.companyName) {\r\n            return order?.shipTo?.companyName;\r\n        }\r\n        return \"\";\r\n    });\r\n\r\n    const statCode = computed(() => {\r\n        if (order?.attributes?.Agency?.statCode && order?.attributes?.Agency?.name) {\r\n            return order?.attributes?.Agency?.statCode\r\n        } else if (order?.shipTo?.companyName) {\r\n            return order.items[0].attributes?.Data?.statCode;\r\n        }\r\n        return \"\";\r\n    });\r\n\r\n\r\n    const icon = computed(() => {\r\n        // TODO: Hacked in. Create constants in Orders service plugged into singleton store object.\r\n        switch (order.orderStatusCode) {\r\n            default: // None\r\n                return '';\r\n            case 1: // Pending\r\n                return 'bi bi-check-circle-fill';\r\n            case 2: // PendingApproval\r\n                return 'bi bi-pause-circle-fill';\r\n            case 99: // Canceled\r\n                return 'bi bi-x-circle-fill';\r\n            case 100: // Completed\r\n                return 'bi bi-check-circle-fill';\r\n        }\r\n    });\r\n\r\n    const cssClass = computed(() => {\r\n        // TODO: Hacked in. Create constants in Orders service plugged into singleton store object.\r\n        switch (order.orderStatusCode) {\r\n            default: // None\r\n                return '';\r\n            case 1: // Pending\r\n                return 'pending';\r\n            case 2: // PendingApproval\r\n                return 'pending-approval';\r\n            case 99: // Canceled\r\n                return 'canceled';\r\n            case 100: // Completed\r\n                return 'completed';\r\n        }\r\n    });\r\n\r\n    const showShipping = computed(() => {\r\n\r\n        return order && order.items && order.items.filter(i => i.product?.attributes?.isRequireShipping)?.length > 0;\r\n    });\r\n\r\n    function back() {\r\n        router.go(-1);\r\n    }\r\n\r\n    \r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"account-panel order-details-panel\" v-if=\"isLoaded\">\r\n        <div class=\"row mt-2\">\r\n            <div class=\"col\">\r\n                <a href=\"#\" @click=\"back\" class=\"no-underline\"><i class=\"bi bi-chevron-left\"></i>Back</a>\r\n            </div>\r\n        </div>\r\n        <div class=\"row\">\r\n            <div class=\"me-auto\">\r\n                <h1 class=\"cart-page-header mb-3\">Order Details</h1>\r\n            </div>\r\n        </div>\r\n        <div class=\"order-details-header px-4 py-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-5\">\r\n                    <div>\r\n                        <strong>{{Util.date(order.orderDate)}}</strong>\r\n                        <span class=\"mr-2\">&nbsp;|&nbsp;</span>\r\n                        <span class=\"order-number\">Order #: {{order.orderNumber}}</span>\r\n                    </div>\r\n                    <div class=\"status\" :class=\"cssClass\">\r\n                        <i :class=\"icon\"></i>\r\n                        &nbsp;{{order.orderStatus}}\r\n                    </div>\r\n                </div>\r\n                <div class=\"col agency-detail\">\r\n                    <div><strong>Agency Name:</strong> {{agencyName}}</div>\r\n                    <div><strong>Agency #:</strong> {{formatStatCode(statCode)}}</div>\r\n                    <div><strong>Ordered by:</strong> {{order.shipTo.addressee}}</div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"row mt-5\">\r\n            <OrderItemTile v-for=\"(orderItem, index) in order.items\" :totalItems=\"order.items.length\" :index=\"index\" :key=\"orderItem.orderId\" :orderItem=\"orderItem\" :orderNumber=\"order.orderNumber\" :totalAmount=\"totalAmount\" />\r\n        </div>\r\n\r\n        <div class=\"row mt-5\">\r\n            <div class=\"col-6\">\r\n                <div class=\"order-details rounded\">\r\n\r\n                    <h2 class=\"px-3 mt-3\">Your Order</h2>\r\n\r\n                    <hr />\r\n\r\n                    <div class=\"row px-3\">\r\n                        <div class=\"col-6\">\r\n                            Subtotal\r\n                        </div>\r\n                        <div class=\"col text-end\">\r\n                            {{subTotalPrice}}\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"row mt-3 px-3\" v-if=\"order.tax > 0\">\r\n                        <div class=\"col-6\">\r\n                            Tax\r\n                        </div>\r\n                        <div class=\"col text-end\">\r\n                            {{tax}}\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"row mt-3 px-3\">\r\n                        <div class=\"col-6\">\r\n                            Shipping\r\n                        </div>\r\n                        <div class=\"col text-end\">\r\n                            {{shippingPrice}}\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"row mt-3 px-3 text-danger\" v-if=\"order.discountTotal > 0\">\r\n                        <div class=\"col-6\">\r\n                            Discount <!--span v-if=\"discountCode\">({{discountCode}})</span-->\r\n                        </div>\r\n                        <div class=\"col-6 text-end\">\r\n                            -{{discountTotal}}\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col\">\r\n                            <hr />\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"row px-3 mb-3\">\r\n                        <div class=\"col-6\">\r\n                            <strong class=\"fs-3\">Order Total</strong>\r\n                        </div>\r\n                        <div class=\"col text-end fw-bold fs-3\">\r\n                            {{totalPrice}}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row mt-3\" v-if=\"showShipping\">\r\n            <h1 class=\"p-4 bg-light\">Shipping Details</h1>\r\n            <div class=\"row\">\r\n                <div class=\"col-6\">\r\n                    <div class=\"mb-2 fs-3 fw-bold\">Shipping to</div>\r\n                    <div class=\"shipping-info d-flex flex-column\">\r\n                        <span>{{ order.shipTo.addressee }}</span>\r\n                        <span>{{ order.shipTo.addressLine1 }}</span>\r\n                        <span>{{ order.shipTo.city }}, {{ order.shipTo.state }} {{ order.shipTo.postalCode }}</span>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"col-6\" v-if=\"order.shipMethod?.name\">\r\n                    <div class=\"mb-2 fs-3 fw-bold\">Shipping Method</div>\r\n                    <div class=\"shipping-info\"> {{order.shipMethod?.name}} - {{shippingMethodCost}} </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row mt-3\" v-if=\"order.billTo.addressee.length > 1\">\r\n            <h1 class=\"p-4 bg-light\">Payment Information</h1>\r\n            <div class=\"row\">\r\n                <div class=\"col-6\">\r\n                    <SelectedPaymentMethod :payment-method-id=\"order.paymentMethodId\" />\r\n                </div>\r\n\r\n                <div class=\"col-6\">\r\n                    <div class=\"mb-2 fs-3 fw-bold\">Billing Address</div>\r\n                    <div class=\"shipping-info d-flex flex-column\">\r\n                        <span>{{ order.billTo.addressee }}</span>\r\n                        <span>{{ order.billTo.addressLine1 }}</span>\r\n                        <span>{{ order.billTo.city }}, {{ order.billTo.state }} {{ order.billTo.postalCode }}</span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .order-details-header {\r\n        background: $gray-10;\r\n    }\r\n\r\n    .order-number {\r\n        color: $color-1\r\n    }\r\n\r\n    .agency-detail {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .shipping-info {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .status {\r\n        margin-top: 0.5rem;\r\n        font-weight: $bold;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .status.pending {\r\n        .bi {\r\n            opacity: 0.5;\r\n            color: $ok;\r\n        }\r\n    }\r\n\r\n    .status.pending-approval {\r\n        .bi {\r\n            color: $warning;\r\n        }\r\n    }\r\n\r\n    .status.canceled {\r\n        .bi {\r\n            color: $error;\r\n        }\r\n    }\r\n\r\n    .status.completed {\r\n        .bi {\r\n            color: $ok;\r\n        }\r\n    }\r\n\r\n    .selected-payment-method div {\r\n        font-size: 14px;\r\n    }\r\n</style>","import script from \"./OrderDetails.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrderDetails.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OrderDetails.vue?vue&type=style&index=0&id=97f1c1dc&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // CalendarPanel\r\n    // Shows the agency lists panel of the my account area.\r\n\r\n    // Imports ----\r\n    import { ref } from 'vue';\r\n    import { useRouter } from 'vue-router';\r\n    import { Search }  from '@dd-nucleus/nucleus-vue';\r\n    import { site } from '@/Site';\r\n    import { isEmpty, formatStatCode, isNotEmpty } from '@/util';\r\n\r\n\r\n    // Components ----\r\n\r\n    // Constants ---- \r\n    const constants = {\r\n        DEFAULT_PAGE_SIZE: 50,\r\n    }\r\n    const router = useRouter();\r\n\r\n    const pageSizeOptions = [25, 50, 100, 200];\r\n\r\n    const columns = [\r\n        { field: 'itemNumber', title: 'Asset Number', isSortable: true },\r\n        { field: 'itemName', title: 'Asset Name', isSortable: true, custom: true },\r\n        { field: 'title', title: 'Title', isSortable: true, custom: true },\r\n        { field: 'actions', title: 'Actions', custom: true, isSortable: false },\r\n        { field: 'status', title: 'Status', custom: true, isSortable: false },\r\n        { field: 'version', title: 'Version', isSortable: false, custom: true, },\r\n        { field: 'statCode', title: 'StatCode', isSortable: true, custom: true },\r\n        { field: 'agencyName', title: 'Agency Name', isSortable: true},\r\n        { field: 'customizedDate', title: 'Date Created', custom: true, isSortable: true }\r\n    ];\r\n\r\n    const sortIds = [\r\n        { field: 'itemNumber', sortName: 'download-item-number' },\r\n        { field: 'itemName', sortName: 'download-item-name' },\r\n        { field: 'statCode', sortName: 'download-statcode' },\r\n        { field: 'agencyName', sortName: 'download-agencyname' },\r\n        { field: 'customizedDate', sortName: 'download-customized-date' },\r\n        { field: 'title', sortName: 'download-title' }\r\n    ];\r\n\r\n    const searchTerm = ref('download-customized-date-desc');\r\n\r\n    const rowMap = {};\r\n    // Components ----\r\n\r\n\r\n\r\n    // Handlers ----\r\n    const search = new Search('custom-download-list', 'row', 'download-customized-date-desc', constants.DEFAULT_PAGE_SIZE);\r\n\r\n    // Methods ----\r\n    function formatDate(date) {\r\n        if (date && date.length > 0) {\r\n            return new Date(date).toLocaleDateString('en-US', {\r\n                year: 'numeric', month: '2-digit', day: '2-digit', hour12: true, hour: \"2-digit\",\r\n                minute: \"2-digit\"\r\n            });\r\n        }\r\n        return '';\r\n    }\r\n\r\n    function sortSearch(value) {\r\n        const sortField = sortIds.find(s => s.field == value);\r\n\r\n        if (!isEmpty(sortField)) {\r\n            if (searchTerm.value.includes(sortField.sortName)) {\r\n\r\n                if (searchTerm.value.includes('-desc')) {\r\n                    searchTerm.value = sortField.sortName;\r\n                } else {\r\n                    searchTerm.value = sortField.sortName + '-desc';\r\n                }\r\n\r\n            } else {\r\n                searchTerm.value = sortField.sortName;\r\n            }\r\n        } else {\r\n            searchTerm.value = value;\r\n        }\r\n\r\n\r\n        search.setSortId(searchTerm.value);\r\n    }\r\n\r\n    async function downloadCustomAsset(pageFlexDocId) {\r\n        if (!isEmpty(pageFlexDocId)) {\r\n            const userInfo = site.user;\r\n            const userName = userInfo.userName.replace(\".Test@test.com\", '');\r\n            var url = `/site/punch-out/get-pdf-proof?userName=${userName}&documentId=${pageFlexDocId}`;\r\n            await site.downloadHandler.handleDownload(url, `${pageFlexDocId}.pdf`);\r\n        }\r\n    }\r\n\r\n\r\n    async function reOrderOrEdit(record) {\r\n        console.warn('record', record);\r\n        let queryParams = {\r\n            productId: record.productId,\r\n            documentId: record.pageFlexDocumentId\r\n        }\r\n        if (isNotEmpty(record.pageFlexOrderId)) {\r\n            queryParams.reorder = 'true';\r\n            queryParams.parentId = record.productUserCustomDownloadId;\r\n        } else {\r\n            queryParams.edit = 'true';\r\n        }\r\n        router.push({\r\n            name: 'CustomizeDownloadPage',\r\n            query: queryParams\r\n        });\r\n\r\n    }\r\n\r\n    async function sendPageFlexDocumentForReview(row) {\r\n        await site.personalizationInfo.sendPageFlexDocument(row.productUserCustomDownloadId);\r\n    }\r\n\r\n\r\n    function getVersion(row) {\r\n        const key = row.statCode + \"-\" + row.productId + \"-\" + row.title;\r\n        const totalRecords = search.results?.rows?.filter(r => r.statCode == row.statCode && r.productId == row.productId && row.isWelcomeKit && row.title == r.title)?.length;\r\n        if (totalRecords == 2) {\r\n            if (rowMap[key]) {\r\n                return 1\r\n            }\r\n            else {\r\n                rowMap[key] = 2;\r\n                return 2\r\n            }\r\n        }\r\n        return 1;\r\n    }\r\n\r\n    function getStatus(row) {\r\n        return isNotEmpty(row.pageFlexOrderId) ? 'Complete' : 'Incomplete';\r\n    }\r\n\r\n    function showEmailLink(row) {\r\n        return row && row.isWelcomeKit && isNotEmpty(row.pageFlexOrderId);\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"account-panel custom-download-lists-panel\">\r\n        <h1 class=\"cart-page-header mb-3\">My Account <span class=\"text-muted\">/ My Custom Downloads</span></h1>\r\n\r\n        <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"false\">\r\n        <div class=\"row mb-2\">\r\n                    <div class=\"col-7 d-flex flex-column\">\r\n                        <label class=\"fw-bold\">Agency</label>\r\n                        <TextBoxFilter title=\"Search by agency name or statcode\" filter-id=\"search-custom-downloads\" placeholder=\"Search by agency name or statcode\" />\r\n                    </div>\r\n                </div>\r\n            <div class=\"row mb-2\" v-if=\"search.results.loaded && search.results.rows.length > 0\">\r\n                <div class=\"d-flex\">\r\n                    <div class=\"me-auto\">\r\n                    </div>\r\n                    <div class=\"px-3\">\r\n                        <PageSizeList :options=\"pageSizeOptions\" />\r\n                    </div>\r\n                    <div>\r\n                        <div>\r\n                            <span v-if=\"search.results.loaded && search.results.rows.length > 0\">Showing {{ search.results.startIndex }} of {{ search.results.totalCount }}</span>\r\n                        </div>\r\n                        <PageSelector />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"data-table\">\r\n                <SearchTable :columns=\"columns\" @sort-by=\"sortSearch\">\r\n                    <template v-slot:actions=\"row\">\r\n                        <div class=\"\">\r\n                            <div v-if=\"row.pageFlexOrderId\" class=\"px-2 action-item me-3\" @click=\"downloadCustomAsset(row.pageFlexDocumentId)\">Download</div>\r\n                            <div v-if=\"row.isWelcomeKit\" class=\"px-2 action-item\" @click=\"reOrderOrEdit(row)\">Edit</div>\r\n                            <div v-if=\"showEmailLink(row)\" class=\"px-2 action-item\" @click=\"sendPageFlexDocumentForReview(row)\">Send Email to MC</div>\r\n                        </div>\r\n                    </template>\r\n                    <template v-slot:itemName=\"row\">\r\n                        <div style=\"white-space: break-spaces\">\r\n                            {{row.itemName}}\r\n                        </div>\r\n                    </template>\r\n                    <template v-slot:title=\"row\">\r\n                        <div style=\"white-space: break-spaces\">\r\n                            {{row.title}}\r\n                        </div>\r\n                    </template>\r\n                    <template v-slot:customizedDate=\"row\">\r\n                        {{ formatDate(row.customizedDate) }}\r\n                    </template>\r\n                    <template v-slot:statCode=\"row\">\r\n                        {{ formatStatCode(row.statCode) }}\r\n                    </template>\r\n                    <template v-slot:version=\"row\">\r\n                        {{ getVersion(row)}}\r\n                    </template>\r\n                    <template v-slot:status=\"row\">\r\n                        <span :class=\"!row.pageFlexOrderId ? 'text-danger':''\">{{ getStatus(row) }}</span>\r\n                    </template>\r\n                </SearchTable>\r\n            </div>\r\n            <div class=\"row\">\r\n                <div class=\"col text-end fit-content\"><PageSelector /></div>\r\n            </div>\r\n            <SearchGrid>\r\n\r\n                    <template #empty>\r\n                        <div>\r\n                            You do not currently have any assets to download.\r\n                        </div>\r\n                    </template>\r\n\r\n                </SearchGrid>\r\n\r\n</SearchContainer>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .action-item {\r\n        cursor: pointer;\r\n        color: $color-2;\r\n    }\r\n\r\n    .custom-download-lists-panel {\r\n        .table > :not(caption) > * > * {\r\n            color: inherit;\r\n            background-color: inherit;\r\n            box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));\r\n           }\r\n    }\r\n</style>","import script from \"./CustomDownloadListPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CustomDownloadListPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CustomDownloadListPanel.vue?vue&type=style&index=0&id=b3fe8cec&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    import { onMounted, reactive } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { ChannelTypes } from '@/site/areas/personalization/SelectChannelPage';\r\n    import { isNotEmpty, formatDateTime } from '@/util';\r\n\r\n    const savedItems = reactive({ orderStates: [] });\r\n\r\n    async function deleteOrderState(id) {\r\n        const response = await site.personalizationInfo.deleteOrderState(id);\r\n        if (response.succeeded) {\r\n            const toDeleteOrderState = savedItems.orderStates.find(os => os.id = id);\r\n            savedItems.orderStates = savedItems.orderStates.filter((item) => item.id != id);\r\n            if (isNotEmpty(toDeleteOrderState.parentId)) {\r\n                if (toDeleteOrderState.parentId == id) {\r\n                    savedItems.orderStates = savedItems.orderStates.filter(item => item.parentId != id);\r\n                } else if (toDeleteOrderState.parentId != id) {\r\n                    savedItems.orderStates = savedItems.orderStates.filter(item => item.id != toDeleteOrderState.parentId);\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    function resumeOrderState(orderState) {\r\n        const parentId = orderState.parentId ? orderState.parentId : orderState.id;\r\n        const orderStateId = orderState.parentId ? orderState.parentId : orderState.id;\r\n        const channelType = orderState.product?.attributes?.isEmail ? ChannelTypes.EMAIL : ChannelTypes.DIRECT_MAIL;\r\n        return `/personalization/step-1/${orderStateId}/${parentId}/${orderState.productId}/?edit=true&isSubscription=${orderState.product?.attributes?.isSubscription}&channelType=${channelType}`;\r\n    }\r\n\r\n\r\n    async function getSavedItems() {\r\n        savedItems.orderStates.length = 0;\r\n        const response = await site.personalizationInfo.getSavedItems();\r\n        if (response && response.length > 0) {\r\n            savedItems.orderStates = response;\r\n        }\r\n    }\r\n\r\n    onMounted(async () => {\r\n        await getSavedItems();\r\n    })\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"account-panel agency-lists-panel\">\r\n        <h1 class=\"cart-page-header mb-3\">My Account <span class=\"text-muted\">/ My Saved Items</span></h1>\r\n\r\n        <div class=\"save-for-later data-table table-responsive\">\r\n            <table class=\"n-search-table table table-striped\">\r\n                <thead>\r\n                    <tr class=\"bg-color-3-lt\">\r\n                        <th class=\"border-end border-gray-0\">Asset Number</th>\r\n                        <th class=\"border-end border-gray-0\">Asset Name</th>\r\n                        <th class=\"border-end border-gray-0\">Date Created</th>\r\n                        <th class=\"border-end border-gray-0\">Date Revisioned</th>\r\n                        <th class=\"border-end border-gray-0\">Actions</th>\r\n                    </tr>\r\n                </thead>\r\n\r\n                <tbody>\r\n                    <tr v-for=\"item in savedItems.orderStates\" :key=\"item.id\" class=\"border-bottom border-gray-2\">\r\n                        <td>{{ item.product.itemNumber }}</td>\r\n                        <td>{{ item.product.name }}</td>\r\n                        <td>{{ formatDateTime(item.created) }}</td>\r\n                        <td>{{ formatDateTime(item.updated) }}</td>\r\n                        <td>\r\n                            <div class=\"actions\">\r\n                                <router-link :to=\"resumeOrderState(item)\" class=\"resume\">Resume</router-link>\r\n                                <p @click=\"deleteOrderState(item.id)\" class=\"delete\">Delete</p>\r\n                            </div>\r\n                        </td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </div>\r\n    </div>\r\n</template>\r\n<style lang=\"scss\" scoped>\r\n    .save-for-later {\r\n        .table > :not(caption) > * > * {\r\n            border-bottom: unset;\r\n        }\r\n        // Another weird border top on the table\r\n        .table > :not(:first-child) {\r\n            border-top: unset;\r\n        }\r\n\r\n        thead {\r\n            background: $color-2;\r\n            color: $gray-4;\r\n            border-color: $gray-0;\r\n        }\r\n\r\n        th {\r\n            color: white;\r\n            background-color: #06748c;\r\n            border: 2px solid #ccc;\r\n            padding: 10px;\r\n            text-align: center;\r\n        }\r\n\r\n       \r\n\r\n        tr {\r\n            border-color: #c0bfc0;\r\n            border-bottom: 1px solid #dee2e6;\r\n\r\n            &:last-child {\r\n                border-bottom: unset;\r\n            }\r\n\r\n            td {\r\n                width: 26%;\r\n                padding: 8px !important;\r\n                vertical-align: middle;\r\n                text-align: center;\r\n            }\r\n\r\n        }\r\n\r\n        .actions {\r\n            display: flex;\r\n\r\n            .resume {\r\n                cursor: pointer;\r\n                font-size: 14px;\r\n                align-self: center;\r\n                vertical-align: middle;\r\n                color: #065baa;\r\n                margin: 0px;\r\n                text-decoration: none !important;\r\n            }\r\n\r\n            .delete {\r\n                cursor: pointer;\r\n                font-size: 14px;\r\n                align-self: center;\r\n                vertical-align: middle;\r\n                margin: 0px;\r\n                margin-left: 12px;\r\n                color: red;\r\n            }\r\n        }\r\n    }\r\n</style>","import script from \"./SaveForLaterPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SaveForLaterPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SaveForLaterPanel.vue?vue&type=style&index=0&id=7454f595&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-7454f595\"]])\n\nexport default __exports__","<script setup>\r\n\r\n    // AccountPage\r\n    // Shows various pages related to the user's account.\r\n\r\n    // Components ----\r\n    import AgencyListsPanel from './components/AgencyListsPanel';\r\n    import ContactsPanel from './components/ContactsPanel';\r\n    import FavoritesPanel from './components/FavoritesPanel';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import ImageLibraryPanel from './components/ImageLibraryPanel';\r\n    import OrderHistoryPanel from './components/OrderHistoryPanel';\r\n    import PaymentInfoPanel from './components/PaymentInfoPanelStripe';\r\n    import ProfilePanel from './components/ProfilePanel';\r\n    import CalendarPanel from './components/CalendarPanel';\r\n    import OrderDetailsPanel from './components/OrderDetailsPanel';\r\n    import OrderDetails from './components/OrderDetails';\r\n    import CustomDownloadListPanel from './components/CustomDownloadListPanel';\r\n    import SaveForLaterPanel from '@/site/areas/account/components/SaveForLaterPanel';\r\n    \r\n    // Imports ----\r\n    import { ref, watch } from 'vue';\r\n    import { useRoute } from 'vue-router';\r\n\r\n\r\n    const route = useRoute();\r\n\r\n    // State ----\r\n    let section = ref(route.params.section);\r\n\r\n    // Update section when route (URL) changes\r\n    watch(() => route.params, () => { section.value = route.params.section });\r\n\r\n    // Computed ----\r\n\r\n    // Methods ----\r\n    function getLinkClass(forSection) {\r\n        return { 'active': forSection === section.value };\r\n    }\r\n    // TODO: Not everyone will be able to change their password, depending on their auth method and/or store settings\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar />\r\n\r\n            <div class=\"row mt-5\">\r\n                <div class=\"col-sm-4 col-md-3 d-none d-sm-block\">\r\n                    <div class=\"top-link side-link mb-2\">My Account</div>\r\n                    <div class=\"sub-link side-link mb-2\" :class=\"getLinkClass('profile')\"><router-link to=\"/account/profile\">My Profile</router-link></div>\r\n                    <div class=\"sub-link side-link mb-2\" :class=\"getLinkClass('favorites')\"><router-link to=\"/account/favorites\">My Favorites</router-link></div>\r\n                    <div class=\"sub-link side-link mb-2\" :class=\"getLinkClass('contacts')\"><router-link to=\"/account/contacts\">My Contacts</router-link></div>\r\n                    <div class=\"sub-link side-link mb-2\" :class=\"getLinkClass('payment-info')\"><router-link to=\"/account/payment-info\">My Payment & Billing Info</router-link></div>\r\n                    <div class=\"sub-link side-link mb-2\" :class=\"getLinkClass('order-history')\"><router-link to=\"/account/order-history\">My Order History/Lists</router-link></div>\r\n                    <div class=\"sub-link side-link mb-2\" :class=\"getLinkClass('downloads')\"><router-link to=\"/account/downloads\">My Custom Downloads</router-link></div>\r\n                    <div class=\"sub-link side-link mb-2\" :class=\"getLinkClass('agency-lists')\"><router-link to=\"/account/agency-lists\">My Uploaded Agency Lists</router-link></div>\r\n                    <div class=\"sub-link side-link mb-2\" :class=\"getLinkClass('image-library')\"><router-link to=\"/account/image-library\">My Image Library</router-link></div>\r\n                    <div class=\"sub-link side-link mb-2\" :class=\"getLinkClass('save-for-later')\"><router-link to=\"/account/save-for-later\">My Saved Items</router-link></div>\r\n                    <!--\r\n        TODO: Uncomment this nav item when are ready for the My Calendar Story\r\n        <div class=\"sub-link side-link mb-2\" :class=\"getLinkClass('calendar')\"><router-link to=\"calendar\">My Calendar</router-link></div>\r\n    -->\r\n                    <!-- LEAVING THIS IN HERE FOR NOW, AS IT PROVIDES A NICE EXAMPLE OF HOW TO SHOW MENU ITEMS BASED ON ROLES -->\r\n                    <!--<ShowOnlyForRoles :roles=\"['SXM.OemAccountTeam', 'SXM.OemArdFieldTeam', 'SXM.RefreshFieldTeam', 'SXM.AffinityShopsFieldTeam', 'SXM.PreOwnedAccountTeam', 'SXM.RetailSalesTeam', 'Qualfon.CsdAdmin', 'Qualfon.Support']\">\r\n        <div class=\"sub-link side-link\" :class=\"getLinkClass('')\"><a target=\"_blank\" href=\"/pdf/SXM Conference Orders form_v1.5.pdf\">Event Order Form</a></div>\r\n    </ShowOnlyForRoles>-->\r\n                </div>\r\n\r\n                <div class=\"col-sm-8 col-md-9\">\r\n                    <div v-if=\"section === 'profile'\">\r\n                        <!-- My Profile -->\r\n                        <ProfilePanel />\r\n                    </div>\r\n\r\n                    <div v-if=\"section === 'favorites'\">\r\n                        <!-- My Favorites -->\r\n                        <FavoritesPanel />\r\n                    </div>\r\n\r\n                    <div v-if=\"section === 'contacts'\">\r\n                        <!-- My Contacts -->\r\n                        <ContactsPanel />\r\n                    </div>\r\n\r\n                    <div v-if=\"section === 'payment-info'\">\r\n                        <!-- My My Payment & Billing Info -->\r\n                        <PaymentInfoPanel :largeCreateButton=\"true\" />\r\n                    </div>\r\n\r\n                    <div v-if=\"section === 'order-history'\">\r\n                        <!-- My Order History -->\r\n                        <OrderHistoryPanel />\r\n                    </div>\r\n\r\n                    <div v-if=\"section === 'order-detail'\">\r\n                        <!-- Order Details -->\r\n                        <OrderDetailsPanel />\r\n                    </div>\r\n\r\n                    <div v-if=\"section === 'order'\">\r\n                        <!-- Order Details for single order -->\r\n                        <OrderDetails />\r\n                    </div>\r\n\r\n                    <div v-if=\"section === 'agency-lists'\">\r\n                        <!-- My Uploaded Agency Lists -->\r\n                        <AgencyListsPanel />\r\n                    </div>\r\n\r\n                    <div v-if=\"section == 'image-library'\">\r\n                        <!-- My Image Library -->\r\n                        <ImageLibraryPanel />\r\n                    </div>\r\n\r\n                    <div v-if=\"section == 'calendar'\">\r\n                        <!-- My Calendar -->\r\n                        <CalendarPanel />\r\n                    </div>\r\n                    <div v-if=\"section == 'downloads'\">\r\n                        <!-- My Calendar -->\r\n                        <CustomDownloadListPanel />\r\n                    </div>\r\n                    <div v-if=\"section == 'save-for-later'\">\r\n                        <!-- Save for later -->\r\n                        <SaveForLaterPanel />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .side-link {\r\n        padding-top: 0.5rem;\r\n        \r\n        &.active {\r\n            font-weight: $bold;\r\n        }\r\n\r\n        a, a:visited {\r\n            color: $color-2;\r\n            text-decoration: none;\r\n        }\r\n    }\r\n\r\n    .top-link {\r\n        padding-top: 0rem;\r\n    }\r\n\r\n    .sub-link {\r\n        padding-left: 1rem;\r\n    }\r\n</style>","import script from \"./AccountPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AccountPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AccountPage.vue?vue&type=style&index=0&id=00999200&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ReportingSidebar\r\n    // To display the reports in the group.\r\n\r\n    // Imports ----\r\n    import {  defineProps, defineEmits } from 'vue';\r\n    import { Util } from '@dd-nucleus/nucleus-vue';\r\n    import { useRoute } from 'vue-router';\r\n    import { ReportGroupType } from '@/constants';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        groups: {\r\n            type: Object,\r\n            required: true,\r\n            default: () => {}\r\n        },\r\n        selectedGroup: {\r\n            type: Object,\r\n            required: true,\r\n            default: () => { }\r\n        },\r\n        showFavorites: {\r\n            type: Boolean,\r\n            required: false\r\n        }\r\n    });\r\n\r\n    const emit = defineEmits(['changeReports', 'showFavoriteReports']);\r\n\r\n    const route = useRoute();\r\n    if (route.query.programReport == \"annualauto\") {\r\n        emit('changeReports', ReportGroupType.ProgramReports, 'Annual Auto');\r\n    }\r\n    else if (route.query.programReport == \"crosssell\") {\r\n        emit('changeReports', ReportGroupType.ProgramReports, 'Cross-sell');\r\n    }\r\n\r\n    // Methods ----\r\n    function count(item) {\r\n        if (Util.isNotEmpty(item)) {\r\n            return item.length;\r\n        } else {\r\n            return 0\r\n        }\r\n    }\r\n    function getRedirectUrl(name) {\r\n        switch (name) {\r\n            case 'Moving With Safeco':\r\n                return '/retention/moving/list'\r\n            default:\r\n                return \"\"\r\n        }\r\n    }\r\n\r\n    function showFavoriteReports() {\r\n        emit('showFavoriteReports')\r\n    }\r\n</script>\r\n\r\n<template>\r\n\r\n\r\n    <div class=\"report-sidebar\">\r\n\r\n        <div class=\"row mb-3\">\r\n            <div class=\"col\">\r\n                <a class=\"no-underline favorite\" @click=\"showFavoriteReports\" :class=\"{ active: props.showFavorites }\">\r\n                    Favorites\r\n                </a>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"accordion accordion-flush\" v-for=\"(item,index) in props.groups\" :key=\"index\">\r\n\r\n            <div v-if=\"item.label\" :class=\"item.show ? 'group-div-show' :'group-div-hide'\">\r\n                <div class=\"accordion-header mb-3\" :id=\"'flush-heading'+index\">\r\n                    <button class=\"accordion-button\" type=\"button\" :class=\"!item.open ? 'collapsed' :''\" data-bs-toggle=\"collapse\" :data-bs-target=\"'#flush-collapse'+index\" aria-expanded=\"false\" :aria-controls=\"'flush-collapse-'+index\">\r\n                        {{item.label}}\r\n                    </button>\r\n                </div>\r\n                <div :id=\"'flush-collapse'+index\" :class=\"{ show: item.open }\" class=\"accordion-collapse collapse\" :aria-labelledby=\"'flush-heading'+index\" data-bs-parent=\"#accordionFlushExample\">\r\n                    <div class=\"accordion-body mb-3\">\r\n                        <div class=\"ms-4 my-1\" v-for=\"subItem in item.subGroups\" :key=\"subItem.name\">\r\n                            <router-link v-if=\"getRedirectUrl(subItem.name)\" \r\n                                         :to=\"getRedirectUrl(subItem.name)\" \r\n                                         class=\"no-underline text-black\">{{subItem.name}}</router-link>\r\n                            <a v-else class=\"no-underline\" :class=\"{ active: subItem.reportGroupType == selectedGroup.id && subItem.name == selectedGroup.name && !props.showFavorites }\"\r\n                               @click=\"emit('changeReports', subItem.reportGroupType, subItem.name)\">\r\n                                {{subItem.name}} ({{count(subItem.reports)}})\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .report-sidebar {\r\n        a, a:visited, a:not([href]) {\r\n            color: $gray-4;\r\n        }\r\n\r\n        a, a:visited, a:not(.active) {\r\n            font-weight: normal\r\n        }\r\n\r\n        .active {\r\n            font-weight: bold;\r\n            color: $color-2-dk !important;\r\n        }\r\n\r\n        .accordion-button:not(.collapsed) {\r\n            color: $color-2-dk !important;\r\n            background-color: unset;\r\n            box-shadow: unset;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .accordion-button {\r\n            padding: 0;\r\n        }\r\n\r\n        .accordion-body {\r\n            padding: 0;\r\n        }\r\n\r\n        .group-div-show {\r\n            display: block;\r\n        }\r\n\r\n        .group-div-hide {\r\n            display: none;\r\n        }\r\n    }\r\n</style>","import script from \"./ReportingSidebar.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ReportingSidebar.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ReportingSidebar.vue?vue&type=style&index=0&id=4e62f88b&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ReportingSidebar\r\n    // To display the reports in the group.\r\n\r\n    // Imports ----\r\n    import { defineProps, computed, defineEmits } from 'vue';\r\n    import { useRouter } from 'vue-router';\r\n    import { site } from '@/Site';\r\n    import { isNotEmpty } from '@/util';\r\n\r\n    const router = useRouter();\r\n\r\n    const emit = defineEmits(['changeFavorite']);\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        groups: {\r\n            type: Object,\r\n            required: true,\r\n            default: () => { }\r\n        },\r\n        selectedGroup: {\r\n            type: Object,\r\n            required: true,\r\n            default: () => { }\r\n        },\r\n        favoriteReports: {\r\n            type: Array,\r\n            required: true\r\n        },\r\n        showFavorites: {\r\n            type: Boolean,\r\n            required: false\r\n        }\r\n    });\r\n\r\n    const reportData = computed(() => {\r\n        let result = {\r\n            name: \"\",\r\n            reports: []\r\n        }\r\n        if (props.selectedGroup.id) {\r\n            const group = props.groups[props.selectedGroup.id]\r\n            const subGroup = group.subGroups.find(item => {\r\n                return item.name === props.selectedGroup.name\r\n            });\r\n\r\n            if (isNotEmpty(subGroup)) {\r\n                result.reports = subGroup.reports.sort((a, b) => a.name.localeCompare(b.name))\r\n                result.name = subGroup.name\r\n            }\r\n        }\r\n        return result\r\n    });\r\n\r\n    const hasFavorites = computed(() => {\r\n        return props.favoriteReports && props.favoriteReports.length > 0;\r\n    });\r\n\r\n    // Methods \r\n    function viewReport(id,reportname) {\r\n        router.push({ name: 'ReportDetails', \r\n            params: {id: id,name: reportname} })\r\n    }\r\n\r\n    async function addFavorite(id, name) {\r\n        await site.reporting.addFavoriteReport(id);\r\n\r\n        emit('changeFavorite', id, name, true);\r\n    }\r\n\r\n    async function removeFavorite(id, name) {\r\n        await site.reporting.deleteFavoriteReport(id);\r\n\r\n        emit('changeFavorite', id, name, false);\r\n    }\r\n\r\n</script>\r\n<template>\r\n\r\n    <div class=\"report-panel\">\r\n        <div v-if=\"props.showFavorites\">\r\n            <h1 class=\"mb-3\">Favorites</h1>\r\n            <table class=\"table table-striped\" v-if=\"hasFavorites\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>Report Name</th>\r\n                        <th>Report Description</th>\r\n                        <th>Category</th>\r\n                    </tr>\r\n                </thead>\r\n                \r\n                <tbody>\r\n                    <tr v-for=\"data in props.favoriteReports\" :key=\"data.id\">\r\n                        <td>\r\n                            <a href=\"#\" class=\"no-underline\" @click=\"viewReport(data.reportId, data.name)\">{{data.name}}</a>\r\n                        </td>\r\n                        <td class=\"description\">{{data.description}}</td>\r\n                        <td>{{data.reportGroupName}}</td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n            <div class=\"text-center\" v-else>\r\n                <h2>No favorite reports please select a group from the left side.</h2>\r\n            </div>\r\n        </div>\r\n\r\n        <div v-else>\r\n            <h1 class=\"mb-3\">{{reportData.name}}</h1>\r\n            <table class=\"table table-striped\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>Report Name</th>\r\n                        <th>Report Description</th>\r\n                        <th>Favorite</th>\r\n                    </tr>\r\n                </thead>\r\n\r\n                <tbody>\r\n                    <tr v-for=\"data in reportData.reports\" :key=\"data\">\r\n                        <td>\r\n                            <router-link v-if=\"data.externalUrl.startsWith('/')\" :to=\"data.externalUrl\" class=\"no-underline\">{{data.name}}</router-link>\r\n                            <a v-else href=\"#\" class=\"no-underline\" @click=\"viewReport(data.reportId, data.name)\">{{data.name}}</a>\r\n                        </td>\r\n                        <td class=\"description\">{{data.description}}</td>\r\n                        <td class=\"text-center\">\r\n                            <i v-if=\"data.isFavorite\" @click=\"removeFavorite(data.reportId, reportData.name); data.isFavorite == true\" class=\"favoriteIcon icon bi-heart-fill\"></i>\r\n                            <i v-else @click=\"addFavorite(data.reportId, reportData.name)\" class=\"favoriteIcon bi bi-heart\"></i>\r\n                        </td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </div>\r\n    </div>\r\n    \r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .report-panel {\r\n\r\n        thead {\r\n            background: #06748c;\r\n            color: #ffffff;\r\n            font-size: 1rem;\r\n\r\n            th:not(:last-child) {\r\n                border-right: 1px solid #ffffff;\r\n            }\r\n        }\r\n\r\n        tbody {\r\n            border: unset;\r\n        }\r\n\r\n        td.description {\r\n            width: 45%;\r\n            white-space: break-spaces;\r\n        }\r\n\r\n        .table > :not(caption) > * > * {\r\n            border-bottom-width: 0;\r\n        }\r\n\r\n        .favoriteIcon {\r\n            color: $color-2;\r\n        }\r\n    }\r\n</style>","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__","<script>\r\n\r\n    // ReportsHomePage\r\n    // Landing page for reports\r\n\r\n    // constants\r\n    export const ReportGroupType = {\r\n        ProgramReports: 3,\r\n        MSCActivity: 4,\r\n        AdminReports: 7\r\n    }\r\n</script>\r\n<script setup>\r\n\r\n    // Imports ----\r\n    import { computed, reactive, onMounted, ref } from 'vue';\r\n    import { Search, Util } from '@dd-nucleus/nucleus-vue';\r\n    import { site } from '@/Site';\r\n    import { useRoute } from 'vue-router';\r\n\r\n    const route = useRoute();\r\n\r\n    // Components -----\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import ReportingSidebar from './components/ReportingSidebar';\r\n    import ReportingMainPanel from './components/ReportingMainPanel';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    const search = new Search('report-groups', 'row', 'report-group-name', 1000);\r\n\r\n    // Computed ----\r\n    const groups = computed(() => {\r\n        search.results.rows.forEach((item) => {\r\n            const id = item.reportGroupType;\r\n            reportState.assignGroup(id, item)\r\n        });\r\n        reportState.enableReport(ReportGroupType.AdminReports, showAdminReports.value);\r\n        return reportState;\r\n    });\r\n\r\n    const showAdminReports = computed(() => {\r\n        \r\n        const adminReportRoles = site.userRoles.getRolesForAdminReport();\r\n        var rec = '';\r\n\r\n        if (userRoles.value.length > 0 && userRoles.value.length == 1) {\r\n            rec = userRoles.value.filter(r => adminReportRoles.includes(r.id));\r\n        }\r\n        else {\r\n            rec = userRoles.value.filter(r => !r.forImpersonator && adminReportRoles.includes(r.id));\r\n        }\r\n        return rec?.length > 0;\r\n    });\r\n\r\n    const userRoles = computed(() => {\r\n        return site.user?.roles;\r\n    })\r\n\r\n    // States -----\r\n    const reportState = reactive({\r\n        [ReportGroupType.MSCActivity]: { label: \"MSC Activity\", subGroups: [], open: true, show: true },\r\n        [ReportGroupType.AdminReports]: { label: \"Admin Reports\", subGroups: [], open: true, show: false },\r\n        assignGroup(id, group) {\r\n            if (this[id]) {\r\n                this[id].subGroups.push(group);\r\n            }\r\n        },\r\n        enableReport(id, show) {\r\n            this[id].show = show;\r\n        }\r\n    });\r\n\r\n\r\n    const favoriteReports = reactive({ reportData: [] })\r\n\r\n    const isLoaded = ref(false);\r\n    const selectedSubGroup = reactive({\r\n        id: null,\r\n        name: null,\r\n        assignSubGroup(id, name) {\r\n            this.id = id;\r\n            this.name = name;\r\n        }\r\n    });\r\n\r\n    const showFavorites = ref(true);\r\n\r\n\r\n    // Methods ----\r\n    function changeReports(id, name) {   \r\n        showFavorites.value = false;\r\n        selectedSubGroup.assignSubGroup(id, name);\r\n\r\n        // For Adobe analytics\r\n        site.analyticsHandler.push({ \"tileCode\": name, \"lob\": \"Reports\", \"productNames\": \"MSC_\" + name });\r\n    }\r\n\r\n     async function getFavorites() {\r\n        const response = await site.reporting.getFavoriteReports();\r\n        if(response?.succeeded){\r\n            favoriteReports.reportData = response.reports;\r\n            showFavorites.value = true;\r\n        }\r\n    }\r\n\r\n    function changeFavorite(id, name, value) {\r\n        for (let i = 0; i < search.results.rows.length; i++) {\r\n            if (search.results.rows[i].name == name) {\r\n                for (let j = 0; j < search.results.rows[i].reports.length; j++) {\r\n                    if (search.results.rows[i].reports[j].reportId == id) {\r\n                        search.results.rows[i].reports[j].isFavorite = value;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    // Lifecycle ----\r\n    onMounted(async () => {\r\n        await getFavorites();\r\n        // Added this for deep linking to the report page\r\n        if (Util.isNotEmpty(route.params.id) && Util.isNotEmpty(route.params.name)) {\r\n            changeReports(route.params.id, route.params.name)\r\n        }\r\n        isLoaded.value = true;\r\n\r\n        // For Adobe analytics\r\n        await site.analyticsHandler.push({ \"tileCode\": \"Favorite Reports\", \"lob\": \"Reports\" });\r\n    });\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n            <GlobalTabBar :active-id=\"TabIDs.REPORTS_TAB_ID\" />\r\n\r\n            <div class=\"root-page-container reporting-home-page\" v-if=\"isLoaded\">\r\n\r\n                <div class=\"row\">\r\n                    <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"true\">\r\n                        <div class=\"col-4\">\r\n                            <ReportingSidebar :show-favorites=\"showFavorites\" :groups=\"groups\" :selected-group=\"selectedSubGroup\" @change-reports=\"changeReports\" @show-favorite-reports=\"getFavorites\"></ReportingSidebar>\r\n                        </div>\r\n                        <div class=\"col-8\">\r\n                            <ReportingMainPanel :show-favorites=\"showFavorites\" :groups=\"groups\" :selected-group=\"selectedSubGroup\" :favorite-reports=\"favoriteReports.reportData\" @change-favorite=\"changeFavorite\"></ReportingMainPanel>\r\n                        </div>\r\n                    </SearchContainer>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>","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__","<script setup>\r\n\r\n    // ReportsDetails\r\n    // Get the report content.\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n\r\n    import { onMounted, reactive, ref } from 'vue';\r\n    import * as pbi from 'powerbi-client';\r\n    import { site } from '@/Site';\r\n    import { useRoute } from 'vue-router';\r\n\r\n    //const reportDetail = reactive({});\r\n    const reportToken = reactive({});\r\n\r\n    const userInfo = site.user;\r\n    const selectedAgencyDetails = reactive(site.agencyDetails.selectedAgencyDetails);\r\n\r\n\r\n    const route = useRoute();\r\n    // Computed\r\n    const showReport = ref(false);\r\n\r\n    const errorMessage = reactive([]);\r\n    const bridgeUserName = ref('');\r\n\r\n    //functions\r\n\r\n    function embedReport(embedData, isDashboard) {\r\n        if (userInfo) {\r\n            const userName = bridgeUserName.value;\r\n            let agencyNumber = ' '\r\n            if (selectedAgencyDetails && selectedAgencyDetails.statId) {\r\n                agencyNumber = selectedAgencyDetails.statId;\r\n            }\r\n            let embedUrl = embedData.embedReport[0].embedUrl;\r\n            embedUrl = `${embedUrl}&rp:UserName=${userName}&rp:AgencyNumber=${agencyNumber}`;\r\n            const config = {\r\n                type: isDashboard ? 'dashboard' : 'report',\r\n                tokenType: pbi.models.TokenType.Embed,\r\n                accessToken: embedData.embedToken.token,\r\n                embedUrl: embedUrl,\r\n                permissions: pbi.models.Permissions.All,\r\n                settings: {\r\n                    background: pbi.models.BackgroundType.Transparent,\r\n                    filterPaneEnabled: true,\r\n                    navContentPaneEnabled: true\r\n                }\r\n            };\r\n\r\n            // Get a reference to the embedded report HTML element\r\n            const embedContainer = document.getElementById('container');\r\n\r\n            // Embed the report and display it within the div container.\r\n            const powerbi = new pbi.service.Service(pbi.factories.hpmFactory, pbi.factories.wpmpFactory, pbi.factories.routerFactory);\r\n            const report = powerbi.embed(embedContainer, config);\r\n\r\n            // Report.off removes a given event handler if it exists.\r\n            report.off(\"loaded\");\r\n\r\n            // Report.on will add an event handler which prints to Log window.\r\n            report.on(\"loaded\", function () {\r\n                //Add any logic if is required\r\n            });\r\n\r\n            // Report.off removes a given event handler if it exists.\r\n            report.off(\"rendered\");\r\n\r\n            // Report.on will add an event handler which prints to Log window.\r\n            report.on(\"rendered\", function () {\r\n                //Add any logic if is required\r\n            });\r\n\r\n            report.on(\"error\", function () {\r\n                report.off(\"error\");\r\n            });\r\n        }\r\n    }\r\n\r\n    onMounted(async () => {\r\n\r\n        if (userInfo) {\r\n            if (userInfo.userName.indexOf(\".Test@test.com\")) {\r\n                const bridgeUserAccount = await site.userFromBridge.getBridgeUserAccount();\r\n                if (bridgeUserAccount) {\r\n                    bridgeUserName.value = bridgeUserAccount.username;\r\n                }\r\n                else {\r\n                    bridgeUserName.value = userInfo.userName.replace(\".Test@test.com\", '');\r\n                }\r\n            }\r\n            else {\r\n                bridgeUserName.value = userInfo.userName.replace(\".Test@test.com\", '');\r\n            }\r\n        }\r\n\r\n        Object.assign(reportToken, await site.reporting.getEmbedToken(route.params.id));\r\n\r\n        if (reportToken && reportToken.embeddedParams) {\r\n            showReport.value = true;\r\n            embedReport(reportToken.embeddedParams, false);\r\n        } else {\r\n            if (reportToken && reportToken.messages && reportToken.messages.length) {\r\n                errorMessage.value = reportToken.messages;\r\n            }\r\n        }\r\n\r\n        // For Adobe analytics\r\n        await site.analyticsHandler.push({ \"tileCode\": route.params.name, \"lob\": \"Reports\", \"productNames\": \"MSC_\" + route.params.name });\r\n    });\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n            <GlobalTabBar :active-id=\"TabIDs.REPORTS_TAB_ID\" />\r\n            <div class=\"root-page-container reporting-details-page\">\r\n                <div class=\"row my-2\">\r\n                    <div class=\"col\">\r\n                        <router-link to=\"/reports\" class=\"no-underline\"><i class=\"bi bi-chevron-left\"></i> Back to Reports</router-link>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row\">\r\n                    <div id=\"container\" style=\"width:100%;height:800px;\" v-show=\"showReport\"></div>\r\n                    <div v-if=\"errorMessage && errorMessage.length > 0\">\r\n                        <div class=\"alert alert-danger alert-dismissable fade show mb-0\"\r\n                             role=\"alert\">\r\n                            <strong>{{ errorMessage }}</strong>\r\n                            <button type=\"button\"\r\n                                    class=\"close\"\r\n                                    data-dismiss=\"alert\"\r\n                                    aria-label=\"Close\">\r\n                                <span aria-hidden=\"true\">&times;</span>\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>","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__","<script setup>\r\n\r\n    // MarketingHomePage\r\n    // Landing page for marketing materials\r\n    import { useRouter } from 'vue-router';\r\n    import { onMounted } from 'vue';\r\n    import { site } from '@/Site';\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n\r\n    //State\r\n    const router = useRouter();\r\n\r\n    function searchAllMarketingMaterials() {\r\n        router.push({ path: '/products', query: { 'active-tab': TabIDs.MARKETING_TAB_ID } });\r\n    }\r\n\r\n    // For Adobe analytics\r\n    onMounted(async () => {\r\n        await site.analyticsHandler.push({ \"tileCode\": \"Marketing Materials\", \"lob\": \"Marketing\" });\r\n    });\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.MARKETING_TAB_ID\" />\r\n\r\n            <div class=\"root-page-container marketing-materials\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col-sm-6\">\r\n\r\n                        <div class=\"d-flex align-items-center\">\r\n                            <div class=\"flex-grow-1 ms-3\">\r\n                                <h1>Marketing materials</h1>\r\n                                <p class=\"sub-heading\" style=\"font-size: 24px;\">Increase sales with Safeco product brochures and marketing collateral.</p>\r\n                            </div>\r\n                        </div>\r\n                        <ul>\r\n                            <li> <b>Choose the products and programs you'd like to promote</b> <br />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.</li>\r\n                           <br /> <li> <b>Customize for your agency </b>  <br /> 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.</li>\r\n                        </ul>\r\n\r\n\r\n                        <div class=\"d-flex justify-content-between mt-5\">\r\n                            <button class=\"btn btn-primary ms-2\" @click=\"searchAllMarketingMaterials()\">\r\n                                Browse now\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"col-sm\">\r\n                        <div class=\"text-center\">\r\n                            <img src=\"/images/marketing/marketing-materials.png\" alt=\"marketing materials\" class=\"img-fluid\" />\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n        ul {\r\n            margin-left: 10px !important;\r\n        }\r\n</style>\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__","<script setup>\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import ToolTip from '@/site/components/ToolTip';\r\n\r\n    import { onMounted, reactive, ref /*computed, watch */ } from 'vue';\r\n    import { site } from '@/Site'\r\n    import { useRouter, useRoute } from 'vue-router';\r\n    import { ChannelTypes } from '@/site/areas/personalization/SelectChannelPage';\r\n    import { getProgramTypeForOrderState, getOppIdForOrderState } from '@/constants'\r\n    import { isEmpty, isNotEmpty } from '@/util';\r\n\r\n    const router = useRouter();\r\n    const route = useRoute();\r\n\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n    const product = reactive({});\r\n    const isLoaded = ref(false);\r\n\r\n    async function selectOption(selectedOption) {\r\n        const programType = getProgramTypeForOrderState(product.attributes.dataListType);\r\n        if (isEmpty(programType)) {\r\n            console.error(\"Not able to identify the Program type based on the data list type\");\r\n            return;\r\n        }\r\n        if (selectedOption == 'Yes') {\r\n\r\n            if (!site.errorHandler.canStartExpressOrder()) { return false; }\r\n            \r\n            const bulkOrderStatePayload = {\r\n                channelType: ChannelTypes.DIRECT_MAIL,\r\n                productId: product.id,\r\n                programType: programType,\r\n                productType: product.attributes.productTypes?.join(\";\"),\r\n                statCode: site.agencyDetails.selectedAgencyDetails.statId,\r\n                oppId: getOppIdForOrderState(product.attributes.dataListOption)\r\n            };\r\n            const response = await site.expressOrderPersonalizationInfo.startOrder(bulkOrderStatePayload);\r\n            \r\n            if (site.errorHandler.handleStartOrderError(response)) {\r\n                router.push({\r\n                    name: 'ExpressOrderSubCodesPage',\r\n                    params: {\r\n                        bulkOrderStateId: response.id,\r\n                    }\r\n                });\r\n            }\r\n        }\r\n        else {\r\n            if (!site.errorHandler.canStartOrder()) { return false; }\r\n            orderFlowDetails.productId = product.id;\r\n            orderFlowDetails.programType = programType;\r\n            orderFlowDetails.productType = product.attributes.productTypes?.join(\";\");\r\n            orderFlowDetails.oppId = getOppIdForOrderState(product.attributes.dataListOption);\r\n            const response = await site.personalizationInfo.startOrder(ChannelTypes.DIRECT_MAIL);\r\n            if (site.errorHandler.handleStartOrderError(response)) {\r\n                router.push({\r\n                    name: 'PersonalizeStep1Page',\r\n                    params: {\r\n                        id: response.id,\r\n                        parentId: response.id,\r\n                        productId: orderFlowDetails.productId\r\n                    },\r\n                    query: {\r\n                        channelType: ChannelTypes.DIRECT_MAIL,\r\n                        isSubscription: product.attributes.isSubscription\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n\r\n    onMounted(async () => {\r\n        const productId = route.params.productId\r\n        if (isNotEmpty(productId)) {\r\n            Object.assign(product, await site.products.getProductDetail(productId));\r\n        }\r\n        isLoaded.value = true;\r\n    });\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page express-confirmation\">\r\n            <GlobalTabBar />\r\n\r\n            <div class=\"row mt-5\" v-if=\"isLoaded\">\r\n\r\n                <div class=\"col-12 text-center mt-5\">\r\n                    <h1>Would you like to use Express Ordering to place</h1>\r\n                    <ToolTip placement=\"bottom\">\r\n                        <h1>one order for yourself and the Sub Codes to which you have access <span><i class=\"bi bi-question-circle-fill\"></i></span></h1>\r\n                        <template #content>\r\n                            <p class=\"tip\">\r\n                                <span>Express Ordering</span>: 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                            </p>\r\n                        </template>\r\n                    </ToolTip>\r\n                </div>\r\n                <div class=\"col-4\"></div>\r\n                <div class=\"col-4 text-center \">\r\n                    <div class=\"mt-4\">\r\n                        <button class=\"m-2 px-5 btn btn-outline-primary\" @click=\"selectOption('No')\">No</button>\r\n                        <button class=\"m-2 px-5 btn btn-primary\" @click=\"selectOption('Yes')\">Yes</button>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .express-confirmation {\r\n\r\n        .popper {\r\n            width: 40%;\r\n        }\r\n\r\n        .tip {\r\n            font-size: 12px;\r\n            text-align: left;\r\n\r\n            span {\r\n                color: lightseagreen;\r\n                font-weight: bold;\r\n            }\r\n        }\r\n    }\r\n    \r\n</style>","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__","<script setup>\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import { useRouter, useRoute } from 'vue-router';\r\n    import { onMounted, ref, reactive } from 'vue';\r\n\r\n    import { site } from '@/Site';\r\n    import { isNotEmpty } from '@/util';\r\n\r\n\r\n    const router = useRouter();\r\n    const route = useRoute();\r\n\r\n    const bulkOrderState = reactive({});\r\n    const isLoaded = ref(false);\r\n\r\n    async function selectOption(option) {\r\n        const personalizeAll = option\r\n        const payload = {\r\n            id: bulkOrderState.id,\r\n            isSamePersonalization: personalizeAll\r\n        }\r\n        const response = await site.expressOrderPersonalizationInfo.updateBulkOrderStatePersonalization(payload);\r\n\r\n        if (site.errorHandler.handleStartOrderError(response)) {\r\n            router.push({\r\n                name: 'ExpressOrderStepOne',\r\n                params: {\r\n                    bulkOrderStateId: route.params.bulkOrderStateId\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    onMounted(async () => {\r\n        const bulkOrderStateId = route.params.bulkOrderStateId;\r\n        if (isNotEmpty(bulkOrderStateId)) {\r\n            Object.assign(bulkOrderState, await site.expressOrderPersonalizationInfo.getBulkOrderState(bulkOrderStateId))\r\n        }\r\n        isLoaded.value = true\r\n    })\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n            <GlobalTabBar />\r\n\r\n            <div class=\"row mt-5\" v-if=\"isLoaded\">\r\n\r\n                <div class=\"col-12 text-center mt-5\">\r\n                    <h1>Would you like to apply same personalization for all the Sub Codes selected?</h1>\r\n\r\n                </div>\r\n                <div class=\"col-4\"></div>\r\n                <div class=\"col-4 text-center \">\r\n                    <div class=\"mt-4\">\r\n                        <button class=\"m-2 px-5 btn btn-outline-primary\" @click=\"selectOption(false)\">No</button>\r\n                        <button class=\"m-2 px-5 btn btn-primary\" @click=\"selectOption(true)\">Yes</button>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n</style>","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__","<script setup>\r\n    import { onMounted, ref, reactive, computed } from 'vue';\r\n\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import { site } from '@/Site';\r\n\r\n    import { useRouter, useRoute } from 'vue-router';\r\n    import { isNotEmpty, isEmpty } from '@/util';\r\n\r\n    const router = useRouter();\r\n    const route = useRoute();\r\n\r\n    const subCodesSelected = ref([]);\r\n    const allSubCodes = reactive([]);\r\n    const isSelectAll = ref(false);\r\n    const bulkOrderState = reactive({});\r\n    const isLoaded = ref(false);\r\n    const agencyDetails = ref(site.agencyDetails.selectedAgencyDetails);\r\n    \r\n\r\n    //Computed\r\n    const disableNext = computed(() => {\r\n        return subCodesSelected.value.length == 0\r\n    });\r\n\r\n    const ownerMaster = computed(() => {\r\n        return agencyDetails.value?.statId;\r\n    });\r\n\r\n    const filteredSubCodes = computed(() => {\r\n        return allSubCodes.filter(sc => sc.statId != ownerMaster.value);\r\n    });\r\n\r\n    // Lifecycle ----\r\n    onMounted(async () => {\r\n        const bulkOrderStateId = route.params.bulkOrderStateId;\r\n        if (isNotEmpty(bulkOrderStateId)) {\r\n            Object.assign(bulkOrderState, await site.expressOrderPersonalizationInfo.getBulkOrderState(bulkOrderStateId));\r\n            Object.assign(allSubCodes, await site.agencyDetails.getAgencySubCodes(bulkOrderState.oppId));\r\n            subCodesSelected.value = bulkOrderState.subCodesDetails?.map(sc => sc.statCode) || [];\r\n            if (isEmpty(subCodesSelected.value)) {\r\n                isSelectAll.value = true;\r\n                handleSelectAllChange();\r\n            }\r\n            selected();\r\n        }\r\n        isLoaded.value = true\r\n    });\r\n\r\n    function clearAll() {\r\n        isSelectAll.value = false\r\n        subCodesSelected.value = []\r\n    }\r\n\r\n    function handleSelectAllChange() {\r\n        if (isSelectAll.value) {\r\n            const statCodes = filteredSubCodes.value.map(item => { return item.statId })\r\n            subCodesSelected.value = statCodes\r\n        } else {\r\n            subCodesSelected.value = []\r\n        }\r\n    }\r\n\r\n    function selected() {\r\n        if (subCodesSelected.value.length >= filteredSubCodes.value.length) {\r\n            isSelectAll.value = true;\r\n        } else {\r\n            isSelectAll.value = false;\r\n        }\r\n    }\r\n\r\n    async function next() {\r\n\r\n        const newSelectedSubcodes = new Set(subCodesSelected.value).add(ownerMaster.value);\r\n        const payload = {\r\n            id: bulkOrderState.id,\r\n            subCodesDetails: [...newSelectedSubcodes].map(sc => ({\r\n                statCode: sc,\r\n                selectAllPolicyHolders: true\r\n            }))\r\n        }\r\n\r\n        const response = await site.expressOrderPersonalizationInfo.updateBulkOrderStateSubCodes(payload);\r\n\r\n        if (site.errorHandler.handleStartOrderError(response)) {\r\n            router.push({\r\n                name: 'ExpressOrderPersonalizationConfirmationPage',\r\n                params: {\r\n                    bulkOrderStateId: bulkOrderState.id,\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page expressordersubcodes\">\r\n            <GlobalTabBar />\r\n            <template v-if=\"isLoaded\">\r\n                <div class=\"row mt-5\">\r\n                    <div class=\"col-12 text-center\">\r\n                        <h1>The Sub Codes below will be included.</h1>\r\n                        <h4>Unselect any Sub Codes you would like to exclude.</h4>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row mt-2\">\r\n                    <div class=\"col-4\"></div>\r\n                    <div class=\"col-6\">\r\n                        <div class=\"p-3\">\r\n                            <p class=\"clear-all\" @click=\"clearAll\">Clear All</p>\r\n                            <label class=\"select-all p-2\" key=\"0\">\r\n                                <input type=\"checkbox\" v-model=\"isSelectAll\" @change=\"handleSelectAllChange\" />\r\n                                <span>All Sub Codes</span>\r\n                            </label>\r\n                            <label class=\"select-all p-2\" v-for=\"item in filteredSubCodes\" :key=\"item.statId\">\r\n                                <input type=\"checkbox\" v-model=\"subCodesSelected\" :value=\"item.statId\" @change=\"selected\" />\r\n                                <span class=\"agency-name\">{{ item.statId }} - {{ item.agencyName }} ({{item.policyHoldersCount}})\r\n                                    - <router-link class=\"hover-underline\" :to=\"`/cross-sell/view-detail/${bulkOrderState.oppId}/${item.statId}`\">View List</router-link>\r\n                                </span>\r\n                            </label>\r\n                            <br />\r\n                            <router-link class=\"m-2 btn btn-outline-primary\" :to=\"`/expressorder/confirmation/${bulkOrderState.productId}`\">Previous</router-link>\r\n                            <button class=\"m-2 btn btn-primary\" @click=\"next\" :disabled=\"disableNext\">Next</button>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-2\"></div>\r\n                </div>\r\n            </template>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .expressordersubcodes {\r\n        .clear-all {\r\n            font-size: 12px;\r\n            color: blue;\r\n            font-weight: bold;\r\n            margin: 0px;\r\n            margin-bottom: 4px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .select-all {\r\n            display: flex;\r\n            justify-content: flex-start;\r\n            margin: 0px;\r\n\r\n            input {\r\n                width: 18px;\r\n                height: 18px;\r\n            }\r\n\r\n            span {\r\n                margin-left: 14px;\r\n                font-size: 16px;\r\n                font-weight: bold;\r\n            }\r\n\r\n            .agency-name {\r\n                color: dimgrey;\r\n                font-weight: 500;\r\n            }\r\n        }\r\n    }\r\n</style>","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__","<script setup>\r\n    import { defineProps, ref, defineEmits, /*watch,*/ computed } from 'vue';\r\n    import { SubCodeStatus } from '@/constants';\r\n    import { formatStatCode } from '@/util'\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        subCodes: {\r\n            type: Array,\r\n            required: true\r\n        },\r\n        activeAgency: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        // SelectAll is set to true if all the sub codes are perosnalized or selected at once\r\n        selectAll: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        }\r\n    });\r\n\r\n    //const subCodes = ref([]);\r\n    const emit = defineEmits(['selected']);\r\n    const numberOfStatCodesToShow = 10;\r\n\r\n    //const totalItems = ref(props.subCodes.length);\r\n    let selectedIndex = ref(0);\r\n    //const subCodesSubSet = ref([])\r\n\r\n\r\n    function loadPrevious() {\r\n        currentIndex.value -= 1\r\n        if (currentIndex.value < 0) {\r\n            currentIndex.value = 0;\r\n        }\r\n    }\r\n\r\n    function loadNext() {\r\n        currentIndex.value += 1;\r\n        if ((currentIndex.value + numberOfStatCodesToShow) > props.subCodes.length - 1) {\r\n            currentIndex.value = (props.subCodes.length) - numberOfStatCodesToShow;\r\n        }\r\n        /*        if (currentIndex.value + 10 < props.subCodes.length) {\r\n                    currentIndex.value += 1\r\n                    //subCodesSubSet.value = subCodes.value.slice(currentIndex, currentIndex + 10)\r\n                }\r\n        */\r\n    }\r\n\r\n    function subCodeStatus(statId, status) {\r\n        if (props.selectAll) {\r\n            return 'no-action'\r\n        }\r\n        if (statId === props.activeAgency.statCode) {\r\n            return 'active'\r\n        } else {\r\n            if (status === SubCodeStatus.COMPLETED) {\r\n                return 'done'\r\n            } else {\r\n                return 'todo'\r\n            }\r\n        }\r\n    }\r\n\r\n    function onStatIdClick(itemId) {\r\n        if (!props.selectAll) {\r\n            emit('selected', itemId)\r\n        }\r\n    }\r\n\r\n    //computed\r\n    const showScroll = computed(() => {\r\n        return props.subCodes && props.subCodes.length > numberOfStatCodesToShow;\r\n    });\r\n\r\n    const subCodesSubSet = computed(() => {\r\n        return props.subCodes.slice(currentIndex.value, currentIndex.value + numberOfStatCodesToShow);\r\n    });\r\n\r\n    const currentIndex = computed({\r\n        get() {\r\n            return Number(selectedIndex.value);\r\n        },\r\n        set(value) {\r\n            selectedIndex.value = value;\r\n        }\r\n    });\r\n\r\n</script>\r\n<template>\r\n    <div class=\"row\">\r\n        <div class=\"col\">\r\n            <div class=\"subcode-container\" :class=\"{'not-active': props.selectAll}\">\r\n                <slot></slot>\r\n                <p class=\"heading\"></p>\r\n                <div class=\"row\">\r\n                    <div class=\"col-1 text-center\">\r\n                        <template v-if=\"showScroll\">\r\n                            <p @click=\"loadPrevious\"><i class=\"bi bi-arrow-left-circle-fill\"></i></p>\r\n                        </template>\r\n\r\n                    </div>\r\n                    <div class=\"col-1\" v-for=\"item in subCodesSubSet\" :key=\"item.statId\">\r\n                        <template v-if=\"props.selectAll\">\r\n                            <div class=\"box\">\r\n                                <p :class=\"subCodeStatus(item.statId, item.status)\">\r\n                                    {{ formatStatCode(item.statId) }}\r\n                                </p>\r\n                            </div>\r\n                        </template>\r\n                        <template v-else>\r\n                            <div class=\"box cursor\" @click=\"onStatIdClick(item.statId)\">\r\n                                <p :class=\"subCodeStatus(item.statId, item.status)\">\r\n                                    {{ formatStatCode(item.statId) }}\r\n                                </p>\r\n                            </div>\r\n                        </template>\r\n                    </div>\r\n                    <div class=\"col-1 text-center\">\r\n                        <template v-if=\"showScroll\">\r\n                            <p @click=\"loadNext\"><i class=\"bi bi-arrow-right-circle-fill\"></i></p>\r\n                        </template>\r\n                    </div>\r\n                </div>\r\n                <div v-show=\"!props.selectAll\" class=\"row\">\r\n                    <div class=\"col-1\"></div>\r\n                    <div class=\"col\">\r\n                        <p class=\"agency-name\">{{ props.activeAgency?.name }} ({{props.activeAgency?.policyHoldersCount}} Recipients)</p>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .heading {\r\n        color: blue;\r\n        font-size: 14px;\r\n        padding-bottom: 8px;\r\n        border-bottom: 1px solid $gray-3;\r\n        font-weight: bold;\r\n    }\r\n\r\n    .subcode-container {\r\n        background-color: #FFEFD6;\r\n        padding: 12px;\r\n\r\n        .box {\r\n            p {\r\n                font-size: 0.85rem;\r\n                padding: 6px 4px;\r\n                text-align: center;\r\n                border-radius: 6px;\r\n                color: $color-1;\r\n                font-weight: 700\r\n            }\r\n\r\n            .active {\r\n                //background-color: $color-2;\r\n                background-color: blue;\r\n                color: $gray-0;\r\n            }\r\n\r\n            .done {\r\n                background-color: green;\r\n                color: $gray-0;\r\n            }\r\n\r\n            .todo {\r\n                background-color: grey;\r\n                color: $gray-0;\r\n            }\r\n\r\n            .no-action {\r\n                background-color: $color-3-dk;\r\n            }\r\n        }\r\n\r\n        .cursor {\r\n            cursor: pointer;\r\n        }\r\n\r\n        .agency-name {\r\n            margin: 0px;\r\n            font-weight: bold;\r\n            font-size: 12px;\r\n        }\r\n    }\r\n\r\n    .not-active {\r\n        background-color: $gray-1 !important;\r\n    }\r\n</style>","import script from \"./SelectAgencySubCodes.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SelectAgencySubCodes.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SelectAgencySubCodes.vue?vue&type=style&index=0&id=1957f1c7&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    import { onMounted, ref, reactive, computed } from 'vue';\r\n\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import SelectAgencySubCodes from '@/site/areas/expressorder/SelectAgencySubCodes';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n\r\n    import { isNotEmpty, isEmpty } from '@/util';\r\n    import { ProductRestrictions, PunchOutActions, SubCodeStatus } from '@/constants';\r\n    import { useRoute } from 'vue-router';\r\n    import { site } from '@/Site';\r\n\r\n    //    const router = useRouter();\r\n    const route = useRoute();\r\n    const activeAgency = reactive({\r\n        statCode: '',\r\n        name: '',\r\n        policyHoldersCount:0\r\n    });\r\n    const isAppliedForAll = ref(false)\r\n    const isLoaded = ref(false);\r\n    const bulkOrderState = reactive({});\r\n    const orderStates = reactive([]);\r\n    const allSubCodes = reactive([]);\r\n    const product = reactive({});\r\n    const iframeSrc = ref('');\r\n    const frameHeight = ref(1000);\r\n    const showIframe = ref(false);\r\n\r\n\r\n    //Computed\r\n    const agencySubCodes = computed(() => {\r\n        const sortedOrderStates = getSortedOrderStates();\r\n        const subcodes = [];\r\n        for (let i = 0; i < sortedOrderStates.length; i++) {\r\n            const agencySubCode = allSubCodes.find(asc => asc.statId == sortedOrderStates[i].statCode);\r\n            subcodes.push({\r\n                statId: sortedOrderStates[i].statCode,\r\n                status: isNotEmpty(sortedOrderStates[i]?.pageFlexDocumentId) ? SubCodeStatus.COMPLETED : SubCodeStatus.NONE,\r\n                agencyName: agencySubCode?.agencyName,\r\n                policyHoldersCount: agencySubCode?.policyHoldersCount\r\n            });\r\n        }\r\n        return subcodes;\r\n        /*const subcodes = [];\r\n        for (let i = 0; i < 20; i++) {\r\n            subcodes.push({\r\n                statId: `STATCODE-${i}`,\r\n                status: SubCodeStatus.NONE,\r\n                agencyName: `AGENCYNAME-${i}`\r\n            });\r\n        }\r\n        return subcodes;\r\n        */\r\n    });\r\n\r\n    const activeAgencyIndex = computed(() => {\r\n        return agencySubCodes.value.findIndex(asc => asc.statId == activeAgency.statCode) + 1;\r\n    });\r\n\r\n    const totalSubCodes = computed(() => {\r\n        return agencySubCodes.value.length;\r\n    });\r\n\r\n    /*const allSubcodesPersonalized = computed(() => {\r\n        if (orderStates) {\r\n            return orderStates.filter(os => isEmpty(os.pageFlexDocumentId)).length == 0;\r\n        }\r\n        return false;\r\n    });*/\r\n    const samePersonalization = computed(() => {\r\n        return bulkOrderState?.isSamePersonalization;\r\n    })\r\n\r\n    const disablePersonalization = computed(() => {\r\n        return orderStates?.filter(os => isEmpty(os.pageFlexDocumentId))?.length > 0\r\n    });\r\n\r\n    const nextOrderState = computed(() => {\r\n        const orderState = {\r\n            current: {},\r\n            isLastRecord: false\r\n        };\r\n\r\n        const sortedOrderStates = getSortedOrderStates();\r\n        if (isNotEmpty(sortedOrderStates)) {\r\n            if (sortedOrderStates.length == 1 || samePersonalization.value) {\r\n                const newOrderStateObj = {\r\n                    current: sortedOrderStates[0],\r\n                    isLastRecord: true\r\n                }\r\n                Object.assign(orderState, newOrderStateObj);\r\n                return orderState;\r\n            }\r\n            const currentOrderStateId = route.params.orderStateId;\r\n            if (isNotEmpty(currentOrderStateId)) {\r\n                let currentStatCodeIndex = sortedOrderStates.findIndex(sc => sc.id == currentOrderStateId);\r\n                if (currentStatCodeIndex >= 0 && currentStatCodeIndex < sortedOrderStates.length - 2) {\r\n                    Object.assign(orderState.current, sortedOrderStates[currentStatCodeIndex + 1]);\r\n                    return orderState;\r\n                }\r\n                else if (currentStatCodeIndex == sortedOrderStates.length - 2) {\r\n\r\n                    const newOrderStateObj = {\r\n                        current: sortedOrderStates[currentStatCodeIndex + 1],\r\n                        isLastRecord: true\r\n                    }\r\n\r\n                    const isPersonalizedExceptCurrent = sortedOrderStates.filter(os =>\r\n                        (os.id != sortedOrderStates[currentStatCodeIndex + 1].id) && isEmpty(os.pageFlexDocumentId)\r\n                    );\r\n                    \r\n                    if (isPersonalizedExceptCurrent.length > 0) {\r\n                        newOrderStateObj.isLastRecord = false;\r\n                    }\r\n\r\n                    Object.assign(orderState, newOrderStateObj);\r\n                    return orderState;\r\n                } \r\n            }\r\n            Object.assign(orderState.current, sortedOrderStates[0]);\r\n            return orderState;\r\n        }\r\n        return orderState;\r\n    });\r\n\r\n    //Methods\r\n    function getSortedOrderStates() {\r\n        const unSortedOrderStates = [];\r\n        Object.assign(unSortedOrderStates, orderStates);\r\n        return unSortedOrderStates.sort((a, b) => a.statCode - b.statCode);\r\n    }\r\n\r\n    /*function isLastRecordSelectedByOrderStateId(orderStateId) {\r\n        const sortedOrderStates = getSortedOrderStates();\r\n        let currentStatCodeIndex = sortedOrderStates.findIndex(sc => sc.id == currentOrderStateId);\r\n        return currentStatCodeIndex == sortedOrderStates.length - 2;\r\n    };*/\r\n\r\n    function isLastRecordSelectedByStatCode(statCode) {\r\n        const sortedOrderStates = getSortedOrderStates();\r\n        let currentStatCodeIndex = sortedOrderStates.findIndex(sc => sc.statCode == statCode);\r\n        return currentStatCodeIndex == sortedOrderStates.length - 2;\r\n    }\r\n\r\n    async function changeActiveSubCode(code) {\r\n        const selectedOrderState = bulkOrderState.orderStates.find(os => os.statCode == code);\r\n        if (isNotEmpty(selectedOrderState)) {\r\n            const agencySubCode = allSubCodes.find(asc => asc.statId == code);\r\n            activeAgency.statCode= selectedOrderState.statCode;\r\n            activeAgency.name = agencySubCode?.agencyName;\r\n            activeAgency.policyHoldersCount = agencySubCode?.policyHoldersCount;\r\n            const currentStep = true;\r\n            const orderState = {\r\n                current: selectedOrderState,\r\n                isLastRecord: isLastRecordSelectedByStatCode(code)\r\n            }\r\n            await getTicket(currentStep, orderState);\r\n        }\r\n    }\r\n\r\n    function onLoadIframe() {\r\n        frameHeight.value = window.frames.outerHeight + 100;\r\n    }\r\n\r\n\r\n    async function getTicket(currentStep, selectedOrderState) {\r\n        showIframe.value = false;\r\n        const BASE_API_URL = process.env.VUE_APP_PAGE_FLEX_RETURN_URL;\r\n        let returnUrl = '';\r\n        let orderState = nextOrderState.value;\r\n\r\n        if (isNotEmpty(selectedOrderState)) {\r\n            orderState = selectedOrderState;\r\n        }\r\n\r\n        if (isNotEmpty(orderState.current)) {\r\n            if (isNotEmpty(orderState.current.id)) {\r\n                returnUrl = `${BASE_API_URL}expressorder/pageflex-return/${bulkOrderState.id}/${orderState.current.id}?isLastRecord=${orderState.isLastRecord}`;\r\n            } else {\r\n                returnUrl = `${BASE_API_URL}expressorder/pageflex-return/${bulkOrderState.id}?isLastRecord=${orderState.isLastRecord}`;\r\n            }\r\n            //By default, if we are at the end of the last statcode, we will go to the next step\r\n            //If we dont want to do that and stay on the current step. populate this value as true.\r\n            if (isNotEmpty(currentStep)) {\r\n                returnUrl = `${returnUrl}%26currentStep=${currentStep}`;\r\n            }\r\n            if (isNotEmpty(samePersonalization.value)) {\r\n                returnUrl = `${returnUrl}%26isSamePersonalization=${samePersonalization.value}`;\r\n            }\r\n            const userInfo = site.user;\r\n            const userName = userInfo.userName.replace(\".Test@test.com\", '');\r\n            const agencyDetails = await site.agencyDetails.getAgencyDetails(orderState.current.statCode);\r\n\r\n            const agencyName = isNotEmpty(agencyDetails.agencyName) ? encodeURIComponent(agencyDetails.agencyName) : agencyDetails.agencyName;\r\n            const firstName = isNotEmpty(userInfo.firstName) ? encodeURIComponent(userInfo.firstName) : userInfo.firstName;\r\n            const lastName = isNotEmpty(userInfo.lastName) ? encodeURIComponent(userInfo.lastName) : userInfo.lastName;\r\n            const address1 = isNotEmpty(agencyDetails.address1) ? encodeURIComponent(agencyDetails.address1) : agencyDetails.address1;\r\n            const address2 = isNotEmpty(agencyDetails.address2) ? encodeURIComponent(agencyDetails.address2) : agencyDetails.address2;\r\n            const city = isNotEmpty(agencyDetails.city) ? encodeURIComponent(agencyDetails.city) : agencyDetails.city;\r\n\r\n\r\n            let payload = {\r\n                UserName: userName,\r\n                ReturnUrl: returnUrl,\r\n                AgencyName: agencyName,\r\n                AgentName: firstName,\r\n                AgentLastName: lastName,\r\n                AgentAddress: address1,\r\n                AgentAddress2: address2,\r\n                AgentCity: city,\r\n                AgentZip: agencyDetails.zip,\r\n                AgentState: agencyDetails.state,\r\n                AgentPhone: agencyDetails.phone,\r\n                AgentEmail: agencyDetails.emailAddress,\r\n                DocumentCode: product.itemNumber,\r\n                PHONE: agencyDetails.phone,\r\n                NextStepText: !orderState.isLastRecord ? \"Go To Next Sub Code\" : \"\",\r\n            }\r\n\r\n            if (samePersonalization.value) {\r\n                Object.assign(payload, { CloneDocuments: (orderStates.length - 1)+\"\" });\r\n            }\r\n\r\n            if (product && product['attributes'] && product.attributes['restriction'] == ProductRestrictions.NOTFORMA) {\r\n                Object.assign(payload, { NotForMA: true });\r\n            }\r\n\r\n            if (product && product['attributes'] && product.attributes['restriction'] == ProductRestrictions.NOTFORCO) {\r\n                Object.assign(payload, { NotForCO: true });\r\n            }\r\n\r\n            if (!orderState.current.pageFlexDocumentId) {\r\n                Object.assign(payload, { DocumentId: product.itemNumber });\r\n                Object.assign(payload, { Action: PunchOutActions.CREATE });\r\n            } else {\r\n                Object.assign(payload, { Action: PunchOutActions.EDIT });\r\n                Object.assign(payload, { DocumentId: orderState.current.pageFlexDocumentId });\r\n            }\r\n\r\n            const response = await site.personalizationInfo.getPunchoutTicket(payload);\r\n\r\n            const ticketId = response.ticketId.replace(\"OK:\", \"\");\r\n\r\n            const BASE_PUNCHOUT_URL = process.env.VUE_APP_PAGE_FLEX_PUNCHOUT_URL;\r\n\r\n            iframeSrc.value = `${BASE_PUNCHOUT_URL}/UserPMCreateEdit.aspx?ticket=${ticketId}`;\r\n\r\n            showIframe.value = true;\r\n        }\r\n        else {\r\n\r\n            //TODO.. Need to report an error???\r\n        }\r\n    }\r\n    // Lifecycle ----\r\n    onMounted(async () => {\r\n        const bulkOrderStateId = route.params.bulkOrderStateId;\r\n        if (isNotEmpty(bulkOrderStateId)) {\r\n            Object.assign(bulkOrderState, await site.expressOrderPersonalizationInfo.getBulkOrderState(bulkOrderStateId))\r\n            Object.assign(product, await site.products.getProductDetail(bulkOrderState.productId));\r\n            Object.assign(allSubCodes, await site.agencyDetails.getAgencySubCodes(bulkOrderState.oppId));\r\n            isAppliedForAll.value = bulkOrderState.isSamePersonalization;\r\n            Object.assign(orderStates, bulkOrderState.orderStates);\r\n            const agencySubCode = allSubCodes.find(asc => asc.statId == nextOrderState.value.current.statCode);\r\n            activeAgency.statCode = nextOrderState.value.current.statCode;\r\n            activeAgency.name = agencySubCode.agencyName;\r\n            activeAgency.policyHoldersCount = agencySubCode.policyHoldersCount;\r\n            await getTicket(null, null);\r\n        }\r\n        isLoaded.value = true\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n            <GlobalTabBar />\r\n            <div class=\"root-page-container \" v-if=\"isLoaded\">\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col\">\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.ONE\" />\r\n                    </div>\r\n                </div>\r\n                <div class=\"row mt-5\">\r\n                    <div class=\"col select-agency-subcodes\">\r\n                        <SelectAgencySubCodes :selectAll=\"isAppliedForAll\"\r\n                                              :subCodes=\"agencySubCodes\"\r\n                                              :activeAgency=\"activeAgency\"\r\n                                              @selected=\"changeActiveSubCode\">\r\n                            <div class=\"heading-slot\">\r\n                                <div>\r\n                                    <p class=\"\">\r\n                                        <span class=\"subcode-header\">Selected agency Sub Codes</span>\r\n                                        <template v-if=\"isAppliedForAll\">\r\n                                            <span class=\"subcode-page\"> ({{totalSubCodes}})</span>\r\n                                        </template>\r\n                                        <template v-else>\r\n                                            <span class=\"subcode-page\"> ({{activeAgencyIndex}} of {{totalSubCodes}})</span>\r\n                                        </template>\r\n                                    </p>\r\n                                </div>\r\n                                <div class=\"text-right\">\r\n                                    <router-link :to=\"`/expressorder/subcodes/${bulkOrderState.id}`\" class=\"m-2 btn btn-outline-primary change-subcode\">Change Sub Codes Selected</router-link>\r\n                                    <router-link :to=\"`/expressorder/step-2/${bulkOrderState.id}`\" class=\"m-2 btn btn-primary btn-personalization\" :class=\"{ disabled: disablePersonalization}\" v-if=\"!samePersonalization\">Done Personalization</router-link>\r\n                                </div>\r\n                            </div>\r\n                        </SelectAgencySubCodes>\r\n\r\n\r\n                        <p class=\"agency-info\" v-show=\"isAppliedForAll\">The Agency and Agent Information below will be the same for all selected Codes.</p>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n            <div class=\"row\" v-if=\"showIframe\">\r\n\r\n                <div class=\"col\">\r\n\r\n                    <embed name=\"punchout\" @load=\"onLoadIframe\" :src=\"iframeSrc\" scrolling=\"auto\" width=\"100%\" frameborder=\"0\" :height=\"frameHeight\" />\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .heading-slot {\r\n        display: flex;\r\n        justify-content: space-between;\r\n\r\n        p {\r\n            font-weight: bold;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .subcode-header {\r\n            color: $color-1 !important;\r\n        }\r\n\r\n        button {\r\n            font-size: 12px;\r\n            border-radius: 6px;\r\n            font-weight: bold;\r\n        }\r\n    }\r\n\r\n    .agency-info {\r\n        text-align: center;\r\n        font-weight: bold;\r\n        color: red;\r\n        font-size: 16px;\r\n        margin: 16px 0px;\r\n    }\r\n\r\n    .select-agency-subcodes {\r\n        .subcode-page {\r\n            font-size: 12px;\r\n            color: $gray-3;\r\n        }\r\n\r\n        .change-subcode {\r\n            font-size: 12px;\r\n        }\r\n\r\n        .btn-personalization {\r\n            font-size: 12px;\r\n            background-color: $color-1;\r\n            color: $gray-0;\r\n        }\r\n    }\r\n</style>","import script from \"./ExpressOrderStepOne.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ExpressOrderStepOne.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ExpressOrderStepOne.vue?vue&type=style&index=0&id=267f7a64&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    import { onMounted, reactive, ref, defineEmits, defineProps, computed } from 'vue';\r\n    import { useRoute, useRouter } from 'vue-router';\r\n    import { site } from '@/Site';\r\n    import { formatStatCode } from '@/util'\r\n\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n    const allSubCodes = reactive({});\r\n    const selectedSubCodes = reactive([]);\r\n    const isLoaded = ref(false);\r\n    const emit = defineEmits(['stepTwoSelectAllSelected']);\r\n\r\n    //props\r\n    const props = defineProps({\r\n        bulkOrderState: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n    //computed\r\n    const oppId = computed(() => {\r\n        return props.bulkOrderState?.oppId;\r\n    });\r\n    // Lifecycle ----\r\n    onMounted(async () => {\r\n\r\n        // Load All SubCode for an OM\r\n        let subcodes = await site.agencyDetails.getAgencySubCodes(props.bulkOrderState.oppId)\r\n        subcodes.forEach((obj) => {\r\n            allSubCodes[obj.statId] = obj\r\n        })\r\n\r\n        // Get all the subcode which OM has selected\r\n        const subCodesByOM = props.bulkOrderState.subCodesDetails?.map(obj => {\r\n            const agencyDetails = allSubCodes[obj.statCode];\r\n            const orderState = props.bulkOrderState.orderStates.find(os => os.statCode == obj.statCode);\r\n            return {\r\n                statId: obj.statCode,\r\n                selectAllPolicyHolders: obj.selectAllPolicyHolders,\r\n                agencyName: agencyDetails.agencyName,\r\n                policyHoldersCount: orderState.targetCount\r\n            }\r\n        })\r\n\r\n        Object.assign(selectedSubCodes, subCodesByOM);\r\n        isLoaded.value = true\r\n\r\n    });\r\n\r\n    function selectAll() {\r\n        selectedSubCodes.forEach(item => {\r\n            item.selectAllPolicyHolders = true;\r\n            item.policyHoldersCount = allSubCodes[item.statId].policyHoldersCount;\r\n        })\r\n    }\r\n\r\n    function previous() {\r\n        router.push({\r\n            name: 'ExpressOrderStepOne',\r\n            params: {\r\n                bulkOrderStateId: route.params.bulkOrderStateId\r\n            }\r\n        });\r\n    }\r\n\r\n    async function next() {\r\n        const isSelfSelect = selectedSubCodes.filter(ssc => !ssc.selectAllPolicyHolders);\r\n\r\n        let result = selectedSubCodes.map(item => {\r\n            return {\r\n                statCode: item.statId,\r\n                selectAllPolicyHolders: item.selectAllPolicyHolders\r\n            }\r\n        });\r\n\r\n        const payload = {\r\n            id: props.bulkOrderState.id,\r\n            subCodesDetails: result\r\n        }\r\n        await site.expressOrderPersonalizationInfo.updateSubCodesDetails(payload);\r\n\r\n        if (isSelfSelect.length > 0) {\r\n            emit(\"stepTwoSelectAllSelected\");\r\n        } else {\r\n            router.push({\r\n                name: 'ExpressOrderStepThree',\r\n                params: {\r\n                    bulkOrderStateId: props.bulkOrderState.id,\r\n                }\r\n            });\r\n        }\r\n    }\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"row mt-5\" v-if=\"isLoaded\">\r\n\r\n        <div class=\"col-12 text-center\">\r\n            <h3>Select policyholder(s)</h3>\r\n        </div>\r\n\r\n\r\n        <div class=\"col-1\"></div>\r\n        <div class=\"col-10\">\r\n            <div class=\"select-all\">\r\n                <p @click=\"selectAll\">Send to all policyholders for all sub codes</p>\r\n            </div>\r\n            <table class=\"table table-striped\">\r\n                <thead>\r\n                    <tr>\r\n                        <th scope=\"col\"></th>\r\n                        <th scope=\"col\">Sub Codes</th>\r\n                        <th scope=\"col\">Quantity</th>\r\n                        <th scope=\"col\">PolicyHolder(s)</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr v-for=\"item in selectedSubCodes\" :key=\"item.statId\">\r\n                        <td scope=\"row\">\r\n                            <router-link class=\"hover-underline\" :to=\"`/cross-sell/view-detail/${oppId}/${item.statId}`\">View List</router-link>\r\n                        </td>\r\n                        <td>{{ formatStatCode(item.statId)}} - {{ item.agencyName }}</td>\r\n                        <td>{{ item.policyHoldersCount }}</td>\r\n                        <td class=\"d-flex\">\r\n                            <div class=\"d-flex mx-5\">\r\n                                <input type=\"radio\" v-model=\"item.selectAllPolicyHolders\" :value=true />\r\n                                <label>Select All</label>\r\n                            </div>\r\n                            <div class=\"d-flex\">\r\n                                <input type=\"radio\" v-model=\"item.selectAllPolicyHolders\" :value=false />\r\n                                <label>Self Select</label>\r\n                            </div>\r\n                        </td>\r\n                    </tr>\r\n\r\n                </tbody>\r\n            </table>\r\n            <div class=\"d-flex mb-3\">\r\n                <div class=\"me-auto\">\r\n                    <button class=\"m-2 btn btn-outline-primary\" @click=\"previous\">Previous</button>\r\n                </div>\r\n                <div>\r\n                    <button class=\"m-2 btn btn-primary\" @click=\"next\">Next</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-1\"></div>\r\n\r\n\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .select-all {\r\n        margin-top: 12px;\r\n        display: flex;\r\n        justify-content: flex-end;\r\n\r\n        p {\r\n            font-weight: bold;\r\n            color: blue;\r\n            cursor: pointer;\r\n            font-size: 14px;\r\n        }\r\n    }\r\n\r\n    tbody {\r\n        border-top: 0px !important;\r\n    }\r\n\r\n    th, td {\r\n        font-size: 14px;\r\n        padding: 0.75rem !important;\r\n    }\r\n\r\n    .d-flex label, .d-flex input {\r\n        margin-left: 8px;\r\n    }\r\n</style>","import script from \"./ExpressOrderSelectSubCodesPolicy.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ExpressOrderSelectSubCodesPolicy.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ExpressOrderSelectSubCodesPolicy.vue?vue&type=style&index=0&id=2809dcf3&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\r\n    // SearchTable\r\n    // Displays rows in a tabular format.\r\n    // This component is created for temporary purpose to move the express ordering changes for testing.\r\n    // When we start working on the fix the address the issue in the SearchTable component\r\n    // which is in dd - nucleus - vue package or lib /../../ util folder\r\n    // This component changes may be moved to SearchTable component and this can be deleted\r\n\r\n    export const SelectionType = {\r\n        NONE: 'NONE',               // No selection\r\n        SINGLE: 'SINGLE',           // Single selection\r\n        MULTIPLE: 'MULTIPLE'        // Multiple selection\r\n    }\r\n\r\n    export const constants = {\r\n        Keys: {\r\n            SEARCH: 'search',\r\n            RESULTS: 'results'\r\n        }\r\n    }\r\n</script>\r\n\r\n<script setup>\r\n\r\n    // Imports ----\r\n    import { defineProps, defineEmits, inject, reactive, ref, computed } from 'vue';\r\n    import { Util } from \"@dd-nucleus/nucleus-vue\";\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // An array representing the ancestry path, with the selected item first, its parent second, etc. Each column contains:\r\n        // - id - Unique ID of the column\r\n        // - title - Title of the column shown in the header\r\n        columns: {\r\n            type: Array,\r\n            required: true,\r\n            default: () => []\r\n        },\r\n        // Text to show in style of selected item if no items exist.\r\n        rows: {\r\n            type: String,\r\n            required: false,\r\n            default: ''\r\n        },\r\n        striped: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        },\r\n        // Indicates the type of selection to provide, if any\r\n        selectionType: {\r\n            type: String,\r\n            required: false,\r\n            default: SelectionType.NONE\r\n        },\r\n        // Identifies the field used as the unique ID for the results\r\n        idField: {\r\n            type: String,\r\n            required: false,\r\n            default: 'id'\r\n        },\r\n        // Sets the loaded value of select all to true \r\n        selectAll: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        },\r\n        // this prop is set to true only if you are returning the isValid column in search results data.\r\n        showInvalid: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        },\r\n        selectedRecords: {\r\n            type: Array,\r\n            required: false\r\n        }\r\n    });\r\n\r\n    // State ----    \r\n    const search = inject(constants.Keys.SEARCH);\r\n    const results = reactive(inject(constants.Keys.RESULTS));\r\n    const isLoaded = ref(false);\r\n\r\n    // Computed ----\r\n    const tableCssClasses = computed(() => {\r\n        const css = {\r\n            'table': true,\r\n            //'table-sm': true,\r\n            'table-striped': props.striped\r\n        };\r\n\r\n        return css;\r\n    });\r\n\r\n    const selectedRecords = computed({\r\n        get() {\r\n            return props.selectedRecords;\r\n        },\r\n        set(value) {\r\n            emit('selected', value);\r\n        }\r\n    });\r\n\r\n    const hasResults = computed(() => {\r\n        return (results.count > 0);\r\n    });\r\n\r\n    const selectAll = computed({\r\n        get() {\r\n            return props.selectAll;\r\n        },\r\n        set(value) {\r\n            onSelectAll(value);\r\n        }\r\n    });\r\n\r\n    function isValid(row) {\r\n        if (props.showInvalid) {\r\n            if (row.isValid) {\r\n                return true;\r\n            } else {\r\n                return false;\r\n            }\r\n        } else {\r\n            return true;\r\n        }\r\n    }\r\n\r\n    // Events ----\r\n    const emit = defineEmits(['selected', 'sortBy', 'selectAll']);\r\n\r\n    // Methods ----\r\n    function getColumnUrl(column, result) {\r\n        return column.url.replace('{id}', result.id);\r\n    }\r\n\r\n    // Handlers ----\r\n    search.onResults(() => {\r\n        isLoaded.value = true;\r\n    });\r\n\r\n\r\n    function onSelectAll(value) {\r\n        emit('selectAll', value, results.rows);\r\n    }\r\n\r\n    function emitSortBy(value) {\r\n        emit('sortBy', value);\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div v-if=\"isLoaded && hasResults\" class=\"table-responsive\">\r\n        <table class=\"n-search-table\" :class=\"tableCssClasses\">\r\n\r\n            <thead>\r\n                <tr>\r\n                    <th v-if=\"props.selectionType === SelectionType.SINGLE || props.selectionType === SelectionType.MULTIPLE\" class=\"col-head selection-head\">\r\n                        <input v-model=\"selectAll\" v-if=\"props.selectionType === SelectionType.MULTIPLE\" class=\"checkbox form-check-input\" type=\"checkbox\" title=\"Select all\" >\r\n                    </th>\r\n                    <th v-for=\"column in props.columns\" :key=\"column.field\" class=\"col-head\" scope=\"col\">\r\n                        {{ column.title }} \r\n                        <i @click=\"emitSortBy(column.field)\" v-if=\"column.isSortable\" class=\"ms-3 bi bi-chevron-expand\"></i>\r\n                    </th>\r\n                </tr>\r\n            </thead>\r\n\r\n            <tbody>\r\n                <tr v-for=\"(result) in results.rows\" :key=\"result[props.idField]\" :class=\"isValid(result)? '': 'invalid'\">\r\n                    <td v-if=\"props.selectionType === SelectionType.SINGLE || props.selectionType === SelectionType.MULTIPLE\">\r\n                        <input class=\"checkbox form-check-input\" type=\"checkbox\" :value=\"result[props.idField]\" \r\n                               v-model=\"selectedRecords\" :id=\"result[props.idField]\" \r\n                               v-show=\"isValid(result)\">\r\n                    </td>\r\n                    <td v-for=\"column in props.columns\" :key=\"column.field + result[props.idField]\">\r\n                        <template v-if=\"Util.isUndefined(column.custom) || column.custom === false\">\r\n                            <template v-if=\"Util.isNotEmpty(column.url)\">\r\n                                <router-link :to=\"getColumnUrl(column, result)\">{{ result[column.field] }}</router-link>\r\n                            </template>\r\n                            <template v-else>\r\n                                {{ result[column.field] }}\r\n                            </template>\r\n                        </template>\r\n                        <template v-else>\r\n                            <slot :name=\"column.field\" v-bind=\"result\">\r\n                            </slot>\r\n                        </template>\r\n                    </td>\r\n                </tr>\r\n            </tbody>\r\n        </table>\r\n    </div>\r\n\r\n    <slot v-if=\"isLoaded && !hasResults\" name=\"empty\"></slot>\r\n\r\n    <slot v-if=\"!isLoaded\" name=\"loading\"></slot>\r\n\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .n-search-table {\r\n        .selection-head {\r\n            width: 1.5rem;\r\n        }\r\n\r\n        .checkbox {\r\n            width: 1rem;\r\n            height: 1rem;\r\n        }\r\n\r\n        .form-check-input {\r\n            margin-top: 0.125rem;\r\n        }\r\n\r\n        .invalid {\r\n            border: 1px solid $error;\r\n            background: #f4cccc;\r\n            border-color: $error; // update with right color code?\r\n        }\r\n    }\r\n\r\n</style>","import script from \"./SearchTableV1.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SearchTableV1.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SearchTableV1.vue?vue&type=style&index=0&id=d86c19ca&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    const columns = [\r\n        { field: 'statCode', title: 'Sub Code', isSortable: true, custom: true },\r\n        { field: 'mailingDate', title: 'Mailing Date', custom: true, isSortable: true },\r\n        { field: 'marketingChannel', title: 'Marketing Channel', custom: true, isSortable: true },\r\n        { field: 'policyNumber', title: 'Policy #', isSortable: true },\r\n        { field: 'renewalDate', title: 'Renewal Date', custom: true, isSortable: true },\r\n        { field: 'policyType', title: 'Policy Type', isSortable: true },\r\n        { field: 'firstName', title: 'First Name', isSortable: true },\r\n        { field: 'lastName', title: 'Last Name', isSortable: true },\r\n        { field: 'address1', title: 'Address 1', isSortable: true },\r\n        { field: 'address2', title: 'Address 2', isSortable: true },\r\n        { field: 'city', title: 'City', isSortable: true },\r\n        { field: 'state', title: 'State', isSortable: true },\r\n        { field: 'zip', title: 'Zip', isSortable: true },\r\n        { field: 'email', title: 'Email', isSortable: true },\r\n        { field: 'phone', title: 'Phone', isSortable: true },\r\n    ];\r\n\r\n    const spColumns = [\r\n        { field: 'motorCycle', title: 'Motorcycle', custom: true, isSortable: true },\r\n        { field: 'waterCraft', title: 'Watercraft', custom: true, isSortable: true },\r\n        { field: 'rv', title: 'RV', custom: true, isSortable: true },\r\n    ];\r\n\r\n    const specialtyColumns = columns.concat(spColumns);\r\n\r\n    // Imports\r\n    import { Search } from '@dd-nucleus/nucleus-vue';\r\n    import SearchTableV1 from '@/site/components/searches/SearchTableV1'\r\n    import { ref, reactive, computed, onMounted, defineProps, watch, defineEmits } from 'vue';\r\n    import { useRouter } from 'vue-router';\r\n    import { site } from '@/Site';\r\n    import { crossSellTypes } from '@/site/components/OpportunitiesTile';\r\n\r\n    //import { useRoute } from 'vue-router';\r\n    import { formatStatCode, isNotEmpty } from '@/util';\r\n    // Components\r\n    import TableSkeleton from '@/site/components/skeleton/TableSkeleton';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        bulkOrderState: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        statCode: {\r\n            type: String,\r\n            required: true\r\n        },\r\n        orderStateId: {\r\n            type: String,\r\n            required: true\r\n        },\r\n        showNextSubCode: {\r\n            type: Boolean,\r\n            required: false\r\n        }\r\n    });\r\n\r\n    // State\r\n    const router = useRouter();\r\n\r\n    const emit = defineEmits(['updatedMailContacts', 'stepTwoSelectAllSelected']);\r\n    const search = new Search('bridge-cross-sell-detail', 'row', 'statCode');\r\n    const bulkOrderState = reactive(props.bulkOrderState);\r\n    //const route = useRoute();\r\n    const searchTerm = ref('statCode');\r\n    const selectedList = reactive([]);\r\n    const detail = reactive({ product: {} });\r\n    const statCode = ref(props.statCode);\r\n    const orderStateId = ref(props.orderStateId);\r\n    const currentOrderState = reactive({});\r\n    const isLoaded = ref(false);\r\n\r\n    //computed\r\n    const listLength = computed(() => {\r\n        return selectedList.length;\r\n    });\r\n\r\n    const exportColumns = computed(() => {\r\n        switch (bulkOrderState.oppId) {\r\n            case crossSellTypes.SpecialtyCrossSell: return specialtyColumns;\r\n            default: return columns;\r\n        }\r\n    })\r\n\r\n    const allRecordsSelected = computed(() => {\r\n        return search?.results?.rows?.length == listLength.value;\r\n    });\r\n\r\n    function formatDate(date) {\r\n        if (date && date.length > 0) {\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    async function previous() {\r\n        emit(\"stepTwoSelectAllSelected\");\r\n    }\r\n\r\n    async function next() {\r\n        await updatePolicyHolders();\r\n        goToNextStep();\r\n\r\n    }\r\n    async function updatePolicyHolders() {\r\n        const allRecords = search.results.rows;\r\n        const selected = allRecords.filter(sl => selectedList.includes(sl.policyNumber)).map(sl => {\r\n            return {\r\n                \"firstName\": sl.firstName,\r\n                \"lastName\": sl.lastName,\r\n                \"addressLine1\": sl.address1,\r\n                \"addressLine2\": sl.address2,\r\n                \"city\": sl.city,\r\n                \"state\": sl.state,\r\n                \"postalCode\": sl.zip ? sl.zip.trim() : \"\",\r\n                \"policyNumber\": sl.policyNumber,\r\n                \"policyType\": sl.policyType,\r\n                \"renewalDate\": sl.renewalDate,\r\n                \"motorCycle\": sl.motorCycle,\r\n                \"rv\": sl.rv,\r\n                \"waterCraft\": sl.waterCraft,\r\n                \"email\": sl.email,\r\n                \"phone\": sl.phone\r\n            };\r\n        });\r\n        if (isNotEmpty(selected)) {\r\n            await site.personalizationInfo.getOrderState(orderStateId.value);\r\n            await site.personalizationInfo.addMailContacts(selected);\r\n        }\r\n    }\r\n\r\n    async function nextSubCode() {\r\n        isLoaded.value = false;\r\n        await updatePolicyHolders();\r\n        emit('updatedMailContacts', { orderStateId: orderStateId.value, statCode: props.statCode });\r\n        isLoaded.value = true;\r\n    }\r\n\r\n    function goToNextStep() {\r\n        router.push({\r\n            name: 'ExpressOrderStepThree',\r\n            params: {\r\n                bulkOrderStateId: bulkOrderState.id,\r\n            }\r\n        });\r\n    }\r\n\r\n    function selectAll(isSelectAll, list) {\r\n        selectedList.length = 0;\r\n        if (isSelectAll)\r\n            for (var i = 0; i < list.length; i++) {\r\n                selectedList.push(list[i].policyNumber)\r\n            }\r\n    }\r\n\r\n    function sortSearch(value) {\r\n\r\n        if (searchTerm.value.includes(value)) {\r\n\r\n            if (searchTerm.value.includes('-desc')) {\r\n                searchTerm.value = value;\r\n            } else {\r\n                searchTerm.value = value + '-desc';\r\n            }\r\n\r\n        } else {\r\n            searchTerm.value = value;\r\n        }\r\n\r\n        search.setSortId(searchTerm.value);\r\n    }\r\n\r\n    function selected(value) {\r\n        selectedList.length = 0;\r\n        Object.assign(selectedList, value);\r\n    }\r\n\r\n    function formatFlag(flag) {\r\n        if (flag == 'Y' || flag == 'N') {\r\n            return flag;\r\n        }\r\n        else {\r\n            if (flag) {\r\n                return 'Y';\r\n            }\r\n            else {\r\n                return 'N';\r\n            }\r\n        }\r\n    }\r\n\r\n    onMounted(async () => {\r\n\r\n        // Call Product\r\n        if (isNotEmpty(bulkOrderState.productId)) {\r\n            detail.product = Object.assign(detail.product, await site.products.getProductDetail(bulkOrderState.productId));\r\n        }\r\n\r\n        if (isNotEmpty(props.orderStateId)) {\r\n            const response = await site.personalizationInfo.getOrderState(props.orderStateId);\r\n            if (response.succeeded) {\r\n                Object.assign(currentOrderState, response.model);\r\n                Object.assign(selectedList, currentOrderState?.mailContacts?.map(mc => mc.policyNumber));\r\n            }\r\n        }\r\n        isLoaded.value = true;\r\n    });\r\n\r\n    watch(() => props.statCode, async (newValue) => {\r\n        // TODO, why the statcode has to depend on watcher and not prop\r\n        if (newValue) {\r\n            selectedList.length = 0;\r\n            statCode.value = newValue;\r\n            await search.setFilters([{\r\n                'filterId': 'cross-sell-type-code-sub-code',\r\n                'values': [\"SP\", newValue]\r\n            }]);\r\n        }\r\n    });\r\n\r\n    watch(() => props.orderStateId, async (newValue, oldValue) => {\r\n        if (newValue != oldValue) {\r\n            orderStateId.value = newValue;\r\n            if (isNotEmpty(props.orderStateId)) {\r\n                const response = await site.personalizationInfo.getOrderState(props.orderStateId);\r\n                if (response.succeeded) {\r\n                    Object.assign(currentOrderState, response.model);\r\n                    Object.assign(selectedList, currentOrderState?.mailContacts?.map(mc => mc.policyNumber));\r\n                }\r\n            }\r\n        }\r\n    });\r\n</script>\r\n\r\n<template>\r\n    <div class=\"row my-5\">\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col\">\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"col border-bottom border-color-1\" v-if=\"isLoaded\">\r\n\r\n            <div class=\"d-flex\">\r\n                <div class=\"text-color-1\">\r\n                    <h2 class=\"mb-0\">Select policyholders to be included in this campaign.</h2>\r\n                </div>\r\n                <div class=\"ms-auto\">\r\n                    {{detail.product.name}} ({{detail.product.itemNumber}})\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"row\" v-if=\"isLoaded\">\r\n        <div class=\"col\">\r\n\r\n            <SearchContainer v-if=\"bulkOrderState.oppId && statCode\" :search=\"search\" default-view=\"list\" :deep-link=\"false\">\r\n\r\n                <!-- Hidden but used for filtering on filterInitiallValue-->\r\n                <DateRangeFilter v-show=\"false\" filter-id=\"cross-sell-type-code-sub-code\" :initial-start-date=\"bulkOrderState.oppId\" :initial-end-date=\"statCode\" />\r\n\r\n                <div class=\"row mb-2\">\r\n                    <div class=\"d-flex\">\r\n                        <div class=\"me-auto\">\r\n                            <span class=\"text-success fw-bold\">{{listLength}}</span> Selected <span class=\"ms-3 text-success fw-bold\">{{ search.results.totalCount }}</span> List Count\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"data-table\">\r\n                    <SearchTableV1 :columns=\"exportColumns\" @sort-by=\"sortSearch\" selection-type=\"MULTIPLE\" id-field=\"policyNumber\" :select-all=\"allRecordsSelected\" @selected=\"selected\" @selectAll=\"selectAll\" :selected-records=\"selectedList\">\r\n                        <template v-slot:statCode=\"row\">\r\n                            {{ formatStatCode(row.statCode)}}\r\n                        </template>\r\n                        <template v-slot:mailingDate=\"row\">\r\n                            {{formatDate(row.mailingDate)}}\r\n                        </template>\r\n\r\n                        <template v-slot:renewalDate=\"row\">\r\n                            {{formatDate(row.renewalDate)}}\r\n                        </template>\r\n\r\n                        <template v-slot:motorCycle=\"row\">\r\n                            {{formatFlag(row.motorCycle)}}\r\n                        </template>\r\n\r\n                        <template v-slot:waterCraft=\"row\">\r\n                            {{formatFlag(row.waterCraft)}}\r\n                        </template>\r\n\r\n                        <template v-slot:rv=\"row\">\r\n                            {{formatFlag(row.rv)}}\r\n                        </template>\r\n\r\n                        <template v-slot:marketingChannel=\"row\">\r\n                            <div v-if=\"row.mailingDate\">Direct Mail</div>\r\n                        </template>\r\n\r\n                        <!-- Template for no results -->\r\n                        <template #empty>\r\n                            None of your policyholders currently meet the criteria for this type of campaign.\r\n                        </template>\r\n\r\n                        <!-- Template while results are initially loading -->\r\n                        <template #loading>\r\n                            <div class=\"row\">\r\n                                <div class=\"col text-center\">\r\n                                    <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                    <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                    <span class=\"fw-bold\">Performing a search for the data</span>\r\n                                    <div class=\"spinner-border mx-3\" role=\"status\"></div>\r\n                                    <div class=\"spinner-border\" role=\"status\"></div>\r\n                                </div>\r\n                            </div>\r\n                            <TableSkeleton />\r\n                        </template>\r\n                    </SearchTableV1>\r\n                </div>\r\n\r\n\r\n            </SearchContainer>\r\n        </div>\r\n    </div>\r\n    <template v-if=\"isLoaded\">\r\n        <div class=\"row mt-3 text-center express-order-policy-holders\">\r\n            <template v-if=\"showNextSubCode\">\r\n                <div class=\"col-12 mb-3\">\r\n                    <div v-if=\"listLength==0\" class=\"text-danger mb-3 warning-message\">\r\n                        To proceed, at least 1 policyholder must be selected, otherwise please deselect this sub code.\r\n                    </div>\r\n                    <div class=\"me-auto\">\r\n                        <button class=\"btn btn-primary\" @click=\"nextSubCode\" :disabled=\"(listLength==0)\">Go to Next Sub Code</button>\r\n                    </div>\r\n                </div>\r\n            </template>\r\n            <template v-else>\r\n                <div class=\"col-12 mb-3\">\r\n                    <div v-if=\"listLength==0\" class=\"text-danger mb-3 warning-message\">\r\n                        To proceed, at least 1 policyholder must be selected, otherwise please deselect this sub code.\r\n                    </div>\r\n                </div>\r\n            </template>\r\n\r\n        </div>\r\n        <div class=\"row mt-5\">\r\n            <div class=\"d-flex mb-3\">\r\n                <div class=\"me-auto\">\r\n                    <button class=\"btn btn-outline-primary\" @click=\"previous\">Previous</button>\r\n                </div>\r\n                <div>\r\n                    <button v-if=\"listLength > 0\" @click=\"next\" class=\"btn btn-primary\">Next</button>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </template>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .express-order-policy-holders {\r\n        .warning-message {\r\n            font-weight: bold\r\n        }\r\n    }\r\n\r\n</style>","import script from \"./ExpressOrderSelectPolicyHolders.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ExpressOrderSelectPolicyHolders.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ExpressOrderSelectPolicyHolders.vue?vue&type=style&index=0&id=4bfe9155&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    import { onMounted, ref, reactive, computed, defineEmits } from 'vue';\r\n    import { useRoute, useRouter } from 'vue-router';\r\n\r\n    import { site } from '@/Site';\r\n    import SelectAgencySubCodes from '@/site/areas/expressorder/SelectAgencySubCodes';\r\n    import ExpressOrderSelectPolicyHolders from '@/site/areas/expressorder/ExpressOrderSelectPolicyHolders';\r\n    import { isNotEmpty } from '@/util';\r\n    import { SubCodeStatus } from '@/constants';\r\n\r\n    const emit = defineEmits(['stepTwoSelectAllSelected']);\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n    const bulkOrderState = reactive({});\r\n    const currentOrderState = reactive({});\r\n    const allSubCodes = reactive({});\r\n\r\n    const isLoaded = ref(false);\r\n    const selectedSubCodes = ref([]);\r\n\r\n    const activeOrderStateId = ref(\"\");\r\n    const activeAgency = reactive({\r\n        statCode: '',\r\n        name: '',\r\n        policyHoldersCount: 0\r\n    });\r\n    const isAppliedForAll = ref(false)\r\n\r\n    // computed\r\n    const showPolicyHolders = computed(() => {\r\n        return activeAgency?.statCode?.length > 0;\r\n    });\r\n\r\n    const activeAgencyIndex = computed(() => {\r\n        return selectedSubCodes.value.findIndex(asc => asc.statId == activeAgency.statCode) + 1;\r\n    });\r\n\r\n    const totalSubCodes = computed(() => {\r\n        return selectedSubCodes.value.length;\r\n    });\r\n\r\n\r\n    //Methods\r\n    async function changeActiveSubCode(code) {\r\n        if (isNotEmpty(code)) {\r\n            var orderState = bulkOrderState.orderStates.find(os => os.statCode == code);\r\n            activeOrderStateId.value = orderState?.id;\r\n            activeAgency.statCode = code;\r\n            activeAgency.name = allSubCodes[code].agencyName;\r\n            activeAgency.policyHoldersCount = orderState.targetCount;\r\n            const response = await site.personalizationInfo.getOrderState(orderState?.id);\r\n            if (response.succeeded) {\r\n                Object.assign(currentOrderState, response.model);\r\n            }\r\n        }\r\n    }\r\n    async function updatedMailContacts(request) {\r\n        //get latest ordertstae and updated subcodes in the common component\r\n        isLoaded.value = false;\r\n        var bulkOrderStateId = route.params.bulkOrderStateId;\r\n        if (isNotEmpty(bulkOrderStateId)) {\r\n            Object.assign(bulkOrderState, await site.expressOrderPersonalizationInfo.getBulkOrderState(bulkOrderStateId))\r\n        }\r\n\r\n        await nextSubCode(request.statCode);\r\n        isLoaded.value = true;\r\n    }\r\n\r\n    function goToNextStep() {\r\n        router.push({\r\n            name: 'ExpressOrderStepThree',\r\n            params: {\r\n                bulkOrderStateId: route.params.bulkOrderStateId,\r\n            }\r\n        });\r\n    }\r\n\r\n    async function nextSubCode(currentStatCode) {\r\n        // Get all the subcode which OM has selected\r\n\r\n        if (selectedSubCodes.value && selectedSubCodes.value.length > 0) {\r\n            let statCode = selectedSubCodes.value[0].statId;\r\n            if (isNotEmpty(currentStatCode)) {\r\n                if (selectedSubCodes.value.length == 1) {\r\n                    goToNextStep();\r\n                }\r\n                const currentSelectedIndex = selectedSubCodes.value.findIndex(a => a.statId == currentStatCode);\r\n                if (currentSelectedIndex >=0 && currentSelectedIndex <= selectedSubCodes.value.length - 2) {\r\n                    statCode = selectedSubCodes.value[currentSelectedIndex + 1]?.statId;\r\n                } else if (currentSelectedIndex == selectedSubCodes.value.length-1) {\r\n                    //goToNextStep();\r\n                    statCode = selectedSubCodes.value[0]?.statId;\r\n                }\r\n\r\n            }\r\n            await changeActiveSubCode(statCode);\r\n        }\r\n    }\r\n\r\n    const populateSelectedSubCodes = (() => {\r\n        const subCodesToUpdatePolicyHolders = bulkOrderState?.subCodesDetails?.filter(sd => !sd.selectAllPolicyHolders);\r\n        if (isNotEmpty(subCodesToUpdatePolicyHolders)) {\r\n            const orderStates = bulkOrderState.orderStates;\r\n            const subCodesByOM = subCodesToUpdatePolicyHolders.map(obj => {\r\n                const orderState = orderStates.find(os => os.statCode == obj.statCode);\r\n                const subcode = allSubCodes[obj.statCode];\r\n                return {\r\n                    statId: obj.statCode,\r\n                    name: subcode.agencyName,\r\n                    policyHoldersCount: orderState.targetCount,\r\n                    status: orderState.targetCount > 0 /*&& orderState.targetCount != subcode.policyHoldersCount*/\r\n                        ? SubCodeStatus.COMPLETED : SubCodeStatus.IN_PROGRESS\r\n                }\r\n            });\r\n            selectedSubCodes.value = subCodesByOM;\r\n        } else {\r\n            selectedSubCodes.value = [];\r\n        }\r\n    });\r\n\r\n    function changeShowPolicy() {\r\n        emit('stepTwoSelectAllSelected')\r\n    }\r\n\r\n    // Lifecycle ----\r\n    onMounted(async () => {\r\n        // Load Bulk Order State\r\n        var bulkOrderStateId = route.params.bulkOrderStateId;\r\n        if (isNotEmpty(bulkOrderStateId)) {\r\n            Object.assign(bulkOrderState, await site.expressOrderPersonalizationInfo.getBulkOrderState(bulkOrderStateId))\r\n        }\r\n\r\n        // Load All SubCode for an OM\r\n        let subcodes = await site.agencyDetails.getAgencySubCodes(bulkOrderState.oppId)\r\n        subcodes.forEach((obj) => {\r\n            allSubCodes[obj.statId] = obj\r\n        })\r\n        Object.assign(allSubCodes, subcodes);\r\n        populateSelectedSubCodes();\r\n        await nextSubCode(null);\r\n        isLoaded.value = true\r\n    });\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"root-page-container \">\r\n\r\n        <div class=\"row mt-5\">\r\n            <div class=\"col select-agency-subcodes\">\r\n                <SelectAgencySubCodes :selectAll=\"isAppliedForAll\"\r\n                                      :subCodes=\"selectedSubCodes\"\r\n                                      :activeAgency=\"activeAgency\"\r\n                                      @selected=\"changeActiveSubCode\">\r\n                    <div class=\"heading-slot\">\r\n                        <p class=\"\">\r\n                            <span class=\"subcode-header\">Selected agency Sub Codes</span>\r\n                            <template v-if=\"isAppliedForAll\">\r\n                                <span class=\"subcode-page\"> ({{totalSubCodes}})</span>\r\n                            </template>\r\n                            <template v-else>\r\n                                <span class=\"subcode-page\"> ({{activeAgencyIndex}} of {{totalSubCodes}})</span>\r\n                            </template>\r\n                        </p>\r\n                        <button class=\"m-2 btn btn-outline-primary change-subcode\" @click=\"changeShowPolicy\">Change Policy Holder(s)</button>\r\n                    </div>\r\n                </SelectAgencySubCodes>\r\n\r\n\r\n                <p class=\"agency-info\" v-show=\"isAppliedForAll\">The Agency and Agent Information below will be the same for all selected Codes.</p>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row mt-5\" v-if=\"showPolicyHolders\">\r\n            <div class=\"col\">\r\n                <ExpressOrderSelectPolicyHolders :bulkOrderState=\"bulkOrderState\"\r\n                                                 :statCode=\"activeAgency.statCode\"\r\n                                                 @updatedMailContacts=\"updatedMailContacts\"\r\n                                                 :orderStateId=\"activeOrderStateId\"\r\n                                                 @stepTwoSelectAllSelected=\"changeShowPolicy\"\r\n                                                 :showNextSubCode = \"totalSubCodes > 1\"\r\n                                                 />\r\n            </div>\r\n        </div>\r\n\r\n\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .heading-slot {\r\n        display: flex;\r\n        justify-content: space-between;\r\n\r\n        p {\r\n            color: blue;\r\n            font-weight: bold;\r\n            font-size: 14px;\r\n        }\r\n\r\n        button {\r\n            font-size: 12px;\r\n            border-radius: 6px;\r\n            font-weight: bold;\r\n        }\r\n    }\r\n\r\n    .agency-info {\r\n        text-align: center;\r\n        font-weight: bold;\r\n        color: red;\r\n        font-size: 16px;\r\n        margin: 16px 0px;\r\n    }\r\n</style>","import script from \"./ExpressOrderSelectPolicy.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ExpressOrderSelectPolicy.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ExpressOrderSelectPolicy.vue?vue&type=style&index=0&id=924401ce&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    import { onMounted, ref, reactive } from 'vue';\r\n    import { useRoute } from 'vue-router';\r\n\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n    import ExpressOrderSelectSubCodesPolicy from '@/site/areas/expressorder/ExpressOrderSelectSubCodesPolicy'\r\n    import ExpressOrderSelectPolicy from '@/site/areas/expressorder/ExpressOrderSelectPolicy'\r\n\r\n    import { site } from '@/Site';\r\n    import { isNotEmpty } from '@/util';\r\n\r\n    const route = useRoute();\r\n\r\n    const showPolicy = ref(false);\r\n    const isLoaded = ref(false);\r\n    const bulkOrderState = reactive({});\r\n\r\n    async function changeShowPolicy() {\r\n        await loadBulkOrder();\r\n        showPolicy.value = !showPolicy.value;\r\n    }\r\n\r\n    async function loadBulkOrder() {\r\n        const bulkOrderStateId = route.params.bulkOrderStateId;\r\n        if (isNotEmpty(bulkOrderStateId)) {\r\n            Object.assign(bulkOrderState, await site.expressOrderPersonalizationInfo.getBulkOrderState(bulkOrderStateId))\r\n        }\r\n    }\r\n    // Lifecycle ----\r\n    onMounted(async () => {\r\n        await loadBulkOrder();\r\n        isLoaded.value = true\r\n    });\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n            <GlobalTabBar />\r\n            <div class=\"root-page-container \" v-if=\"isLoaded\">\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col\">\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.TWO\" />\r\n                    </div>\r\n                </div>\r\n\r\n                <div v-if=\"showPolicy\" class=\"row\">\r\n                    <div class=\"col\">\r\n                        <ExpressOrderSelectPolicy @stepTwoSelectAllSelected=\"changeShowPolicy\" :bulkOrderState=\"bulkOrderState\"/>\r\n                    </div>\r\n                </div>\r\n                <div v-else class=\"row\">\r\n                    <div class=\"col\">\r\n                        <ExpressOrderSelectSubCodesPolicy @stepTwoSelectAllSelected=\"changeShowPolicy\" :bulkOrderState=\"bulkOrderState\"/>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n</PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    \r\n</style>","import script from \"./ExpressOrderStepTwo.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ExpressOrderStepTwo.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n\r\n    // OneTimeDrop\r\n    // Form finding the start date of the drop\r\n\r\n    // Imports ----\r\n    import { onMounted, ref, computed, reactive } from 'vue';\r\n    import { useRoute, useRouter } from 'vue-router';\r\n\r\n    import { site } from '@/Site';\r\n    import { isNotEmpty } from '@/util';\r\n    import { DropType, Frequency } from '@/constants'\r\n\r\n    import Datepicker from '@vuepic/vue-datepicker';\r\n    import { addDays, addMonths, lastDayOfMonth } from 'date-fns';\r\n\r\n\r\n    // State ----\r\n    const bulkOrderState = reactive({});\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n    const dropDate = ref();\r\n    const mailingDetails = reactive([]);\r\n    const productDetail = reactive({});\r\n    const isLoaded = ref(false);\r\n\r\n    // In case of a range picker, you'll receive [Date, Date]\r\n    const format = (date) => {\r\n        const day = date.getDate();\r\n        const month = date.getMonth() + 1;\r\n        const year = date.getFullYear();\r\n\r\n        return `${month}/${day}/${year}`;\r\n    }\r\n    const disabledDates = ref([]);\r\n\r\n    const minDate = computed(() => addDays(new Date(), 2));\r\n    const maxDate = computed(() => lastDayOfMonth(addMonths(new Date(), 4)));\r\n\r\n    const showFrequencyDetails = computed(() => {\r\n        return mailingDetails.length > 0;\r\n    });\r\n\r\n    const totalMailingCount = computed(() => {\r\n        return bulkOrderState?.orderStates?.reduce((sum, orderState) => (sum + Number(orderState.targetCount)), 0);\r\n    });\r\n\r\n    const startDate = computed(() => {\r\n       if (dropDate.value) {\r\n            const selectedDate = new Date(dropDate.value);\r\n            selectedDate.setUTCHours(0,0,0,0);\r\n            const startDateJ = JSON.stringify(selectedDate);\r\n            const startDate = startDateJ.replace('Z', '');\r\n            return JSON.parse(startDate)\r\n       }\r\n\r\n       return null;\r\n    });\r\n\r\n    // Handlers ----\r\n    //const emit = defineEmits(['change']);\r\n\r\n    function removePastDates() {\r\n        // Remove the last 500 days from the calendar\r\n        for (let i = 0; i < 500; i++) {\r\n            disabledDates.value.push(addDays(new Date(), -i))\r\n        }\r\n    }\r\n\r\n    async function change() {\r\n        //emit('change', date.value);\r\n        \r\n        if (dropDate.value) {\r\n            const payload = {\r\n                dataListTypeCode: productDetail?.attributes?.dataListType,\r\n                startDate: startDate.value,\r\n                mailingType: DropType.ONE.value,\r\n                frequency: Frequency.WEEKLY.value,\r\n                drops: DropType.ONE.value,\r\n                quantity: totalMailingCount.value,\r\n                pricePerPiece: bulkOrderState.unitPrice,\r\n                assetNumber: productDetail?.itemNumber\r\n            }\r\n            const response = await site.expressOrderPersonalizationInfo.getMailingDetails(payload);\r\n            if (response) {\r\n                Object.assign(mailingDetails, response);\r\n            }\r\n        }\r\n        else {\r\n            dropDate.value = null;\r\n        }\r\n    }\r\n\r\n    onMounted(async () => {\r\n        removePastDates();\r\n        var bulkOrderStateId = route.params.bulkOrderStateId;\r\n        if (isNotEmpty(bulkOrderStateId)) {\r\n            Object.assign(bulkOrderState, await site.expressOrderPersonalizationInfo.getBulkOrderState(bulkOrderStateId))\r\n            Object.assign(productDetail, await site.products.getProductDetail(bulkOrderState.productId));\r\n        }\r\n        if (bulkOrderState?.dropDetails?.startDate) {\r\n            dropDate.value = new Date(bulkOrderState.dropDetails.startDate);\r\n            change();\r\n        }\r\n        isLoaded.value = true;\r\n    });\r\n\r\n    async function next() {\r\n        const payload = {\r\n            id: bulkOrderState.id,\r\n            dropDetails: {\r\n                dropType: DropType.ONE.text,\r\n                frequency: Frequency.WEEKLY.text,\r\n                numberOfMailings: DropType.ONE.value,\r\n                startDate: startDate.value,\r\n                mailingDetails: mailingDetails\r\n            }\r\n        }\r\n        await site.expressOrderPersonalizationInfo.setDropDetails(payload);\r\n        router.push({\r\n            name: 'ExpressOrderStepFour',\r\n            params: {\r\n                bulkOrderStateId: route.params.bulkOrderStateId\r\n            }\r\n        });\r\n    }\r\n\r\n    function previous() {\r\n        router.push({\r\n            name: 'ExpressOrderStepTwo',\r\n            params: {\r\n                bulkOrderStateId: route.params.bulkOrderStateId\r\n            }\r\n        });\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n            <GlobalTabBar />\r\n            <div class=\"root-page-container express-order-drops\">\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col\">\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.THREE\" />\r\n                    </div>\r\n                </div>\r\n                <template v-if=\"isLoaded\">\r\n                    <div class=\"row border-bottom border-gray-2 mt-5\">\r\n\r\n                        <div class=\"col\">\r\n\r\n                            <div class=\"d-flex\">\r\n                                <div>\r\n                                    <h1>One Time Drop</h1>\r\n                                </div>\r\n                                <div class=\"ms-auto\">\r\n                                    {{productDetail.name}} ({{productDetail.itemNumber}})\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-3\"></div>\r\n                        <div class=\"col-6\">\r\n                            <div class=\"one-time-drop text-center\">\r\n                                <h2 class=\"text-center\">Select Drop Start Date</h2>\r\n\r\n                                <Datepicker class=\"w-50 m-auto\"\r\n                                            v-model=\"dropDate\"\r\n                                            :highlight=\"disabledDates\"\r\n                                            :disabledDates=\"disabledDates\"\r\n                                            :format=\"format\"\r\n                                            highlightDisabledDays\r\n                                            @update:modelValue=\"change\"\r\n                                            placeholder=\"Select Drop Date\"\r\n                                            :enable-time-picker=\"false\"\r\n                                            :auto-apply=\"true\"\r\n                                            :min-date=\"minDate\"\r\n                                            :max-date=\"maxDate\"\r\n                                            prevent-min-max-navigation\r\n                                            week-start=\"0\"\r\n                                            :disabled-week-days=\"[0, 6]\" />\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row my-5\" v-if=\"showFrequencyDetails\">\r\n                        <div class=\"col-sm-6 offset-sm-3\">\r\n\r\n                            <div class=\"frequency-headline py-2 text-center fs-4 fw-bold mb-2\">\r\n                                Frequency Summary\r\n                            </div>\r\n\r\n                            <div v-if=\"mailingDetails.length > 0\">\r\n                                <table class=\"table\">\r\n                                    <thead>\r\n                                        <tr class=\"bg-color-3-lt\">\r\n                                            <th class=\"border-end border-gray-0\">Date Drop</th>\r\n                                            <th>Quantity</th>\r\n                                        </tr>\r\n                                    </thead>\r\n\r\n                                    <tbody>\r\n                                        <tr v-for=\"drop in mailingDetails\" :key=\"drop.mailDate\">\r\n                                            <td>{{site.formatDisplayDate(drop.mailDate)}}</td>\r\n                                            <td>{{drop.quantity}}</td>\r\n                                        </tr>\r\n                                    </tbody>\r\n\r\n                                </table>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row my-5\">\r\n                        <div class=\"col\">\r\n                            <div class=\"d-flex\">\r\n                                <div class=\"p-2\">\r\n                                    <button @click=\"previous\" class=\"m-2 btn btn-outline-primary\">Previous</button>\r\n                                </div>\r\n                                <div class=\"ms-auto p-2\" v-if=\"showFrequencyDetails\">\r\n                                    <button @click=\"next\" class=\"m-2 btn btn-primary\" v-if=\"showFrequencyDetails\">Next</button>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </template>\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .one-time-drop {\r\n        padding: 60px 0px;\r\n        margin-top: 42px;\r\n        background-color: aliceblue;\r\n    }\r\n\r\n    .express-order-drops {\r\n        // Seems like this is coming from some auto generated bootstrap styling it is outputting...\r\n        //  .table > :not(caption) > * > * {\r\n        //      padding: 0.5rem 0.5rem;\r\n        //      background-color: var(--bs-table-bg);\r\n        //      border-bottom-width: 1px;\r\n        //      box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);\r\n        //  }\r\n        // I am overwritting it here to remove the bottom border for the table on this page\r\n        .table > :not(caption) > * > * {\r\n            border-bottom: unset;\r\n        }\r\n        // Another weird border top on the table\r\n        .table > :not(:first-child) {\r\n            border-top: unset;\r\n        }\r\n\r\n        .drop-start-container {\r\n            background: $color-3-xlt;\r\n        }\r\n\r\n        thead {\r\n            background: $color-2;\r\n            color: $gray-4;\r\n        }\r\n\r\n        tr {\r\n            border-color: #c0bfc0;\r\n            border-bottom: 1px solid #dee2e6;\r\n\r\n            &:last-child {\r\n                border-bottom: unset;\r\n            }\r\n\r\n            td {\r\n                width: 50%;\r\n            }\r\n        }\r\n\r\n        .frequency-headline {\r\n            background: $color-2-dk;\r\n            color: $gray-0;\r\n        }\r\n\r\n        .emailMessage {\r\n            color: #B85D00;\r\n        }\r\n    }\r\n</style>","import script from \"./ExpressOrderStepThree.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ExpressOrderStepThree.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ExpressOrderStepThree.vue?vue&type=style&index=0&id=71e2f38f&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n\r\n    // Imports ----\r\n    import { onMounted, reactive, computed, ref } from 'vue';\r\n    import { useRoute } from 'vue-router';\r\n    import { site } from '@/Site';\r\n    import { isNotEmpty, formatStatCode } from '@/util';\r\n    import { Util } from \"@dd-nucleus/nucleus-vue\";\r\n    import { useRouter } from 'vue-router';\r\n\r\n    const bulkOrderState = reactive({});\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n    const detail = reactive({ product: {} });\r\n    const allSubCodes = reactive([]);\r\n    const selectedAgencySubCodes = reactive([]);\r\n    const isLoaded = ref(false);\r\n    const iframeSrc = ref('');\r\n    const addingToCart = ref(false);\r\n    const selectedDocumentId = ref('');\r\n\r\n    const mailingDetails = computed(() => {\r\n        if (bulkOrderState?.dropDetails?.mailingDetails && bulkOrderState?.dropDetails?.mailingDetails.length > 0) {\r\n            return bulkOrderState?.dropDetails?.mailingDetails;\r\n        }\r\n        return [];\r\n    })\r\n\r\n\r\n\r\n    const totalOrderCount = computed(() => {\r\n        if (bulkOrderState.orderStates != undefined) {\r\n            return bulkOrderState.orderStates.reduce((sum, orderState) => sum + orderState.targetCount, 0);\r\n        }\r\n        return 0;\r\n    })\r\n\r\n    const totalOrderPrice = computed(() => {\r\n        if (bulkOrderState.orderStates != undefined) {\r\n            return bulkOrderState.orderStates.reduce((sum, orderState) => sum + orderState.totalPrice, 0.0);\r\n        }\r\n        return 0;\r\n    });\r\n\r\n    const canAddToCart = computed(() => {\r\n        return !addingToCart.value\r\n    });\r\n\r\n\r\n    function previous() {\r\n        router.push({\r\n            name: 'ExpressOrderStepThree',\r\n            params: {\r\n                bulkOrderStateId: route.params.bulkOrderStateId,\r\n            }\r\n        });\r\n    }\r\n\r\n    function takeToStepTwo() {\r\n        router.push({\r\n            name: 'ExpressOrderStepTwo',\r\n            params: {\r\n                bulkOrderStateId: route.params.bulkOrderStateId,\r\n            }\r\n        });\r\n    }\r\n\r\n    const previewPdf = ((documentId) => {\r\n\r\n        if (isNotEmpty(documentId) && isNotEmpty(site.user.userName)) {\r\n            selectedDocumentId.value = documentId;\r\n            const userName = site.user.userName.replace(\".Test@test.com\", '');\r\n            const BASE_PUNCHOUT_URL = process.env.VUE_APP_PAGE_FLEX_PUNCHOUT_URL;\r\n            iframeSrc.value = `${BASE_PUNCHOUT_URL}/PMGetPdfProof.aspx?DocID=${documentId}&UserName=${userName}`;\r\n        }\r\n    });\r\n\r\n    function previewPdfInNewWindow(documentId) {\r\n        site.personalizationInfo.openPdfPreview(documentId);\r\n    }\r\n\r\n    async function addToCart() {\r\n        \r\n        addingToCart.value = true;\r\n        const response = await site.personalizationInfo.addToCart(bulkOrderState.productId, totalOrderCount.value);\r\n        if (response.succeeded) {\r\n            site.toast.success(detail.product.name + ' was successfully added to the cart!', 'Added To Cart');\r\n        } else {\r\n            site.toast.error(response.error.responseStatus.message, 'Error');\r\n        }\r\n        addingToCart.value = false;\r\n    }\r\n\r\n    async function checkout() {\r\n        if (!site.errorHandler.canStartExpressOrder()) { return false }\r\n        await addToCart();\r\n\r\n        router.push({\r\n            name: 'CartPage'\r\n        });\r\n    }\r\n\r\n    onMounted(async () => {\r\n        var bulkOrderStateId = route.params.bulkOrderStateId;\r\n        if (isNotEmpty(bulkOrderStateId)) {\r\n            Object.assign(bulkOrderState, await site.expressOrderPersonalizationInfo.getBulkOrderState(bulkOrderStateId))\r\n        }\r\n\r\n        // Call Product\r\n        if (isNotEmpty(bulkOrderState.productId)) {\r\n            detail.product = Object.assign(detail.product, await site.products.getProductDetail(bulkOrderState.productId));\r\n        }\r\n        if (isNotEmpty(bulkOrderState.oppId)) {\r\n            Object.assign(allSubCodes, await site.agencyDetails.getAgencySubCodes(bulkOrderState.oppId));\r\n            const agencySubcodesDetails = bulkOrderState?.subCodesDetails;\r\n            agencySubcodesDetails?.forEach(sd => {\r\n                const agency = allSubCodes.find(asc => asc.statId == sd.statCode);\r\n                const orderState = bulkOrderState?.orderStates?.find(asc => asc.statCode == sd.statCode);\r\n                selectedAgencySubCodes.push({\r\n                    statCode: sd?.statCode,\r\n                    name: agency?.agencyName,\r\n                    targetCount: orderState?.targetCount,\r\n                    documentId: orderState?.pageFlexDocumentId,\r\n                    price: site.convertNumberToCurrency(orderState?.totalPrice)\r\n                })\r\n            });\r\n        }\r\n        isLoaded.value = true;\r\n        if (selectedAgencySubCodes?.length > 0) {\r\n            selectedDocumentId.value = selectedAgencySubCodes[0].documentId;\r\n            previewPdf(selectedDocumentId.value)\r\n        }\r\n\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n            <GlobalTabBar />\r\n            <div class=\"root-page-container step-4\">\r\n                <div class=\"row\">\r\n                    <div class=\"col\">\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.FOUR\" />\r\n                    </div>\r\n                </div>\r\n                <template v-if=\"isLoaded\">\r\n                    <div class=\"row border-bottom border-gray-2 mt-5\">\r\n\r\n                        <div class=\"col\">\r\n\r\n                            <div class=\"d-flex\">\r\n\r\n                                <div>\r\n                                    <h1>Review & Add to Cart</h1>\r\n                                </div>\r\n\r\n                                <div class=\"ms-auto\">\r\n                                    {{ detail.product.name }} ({{ detail.product.itemNumber }})\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"row mt-5\">\r\n\r\n                        <div class=\"col-sm-6\">\r\n\r\n                            <div class=\"mb-3\">\r\n\r\n                                <div class=\"fw-bold\">Item</div>\r\n                                <div class=\"text-color-2\">\r\n                                    {{ detail.product.name }}\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"mb-3\">\r\n\r\n                                <div class=\"fw-bold\">Item ID</div>\r\n                                <div class=\"text-color-2\">\r\n                                    {{ detail.product.itemNumber }}\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"mb-3\">\r\n\r\n                                <div class=\"fw-bold\">Personalization <router-link :to=\"`/expressorder/step-1/${bulkOrderState.id}`\" class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</router-link></div>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"mb-3\">\r\n\r\n                                <div class=\"fw-bold\">\r\n                                    Total Order Count\r\n                                    <span @click=\"takeToStepTwo\" class=\"btn btn-outline-primary btn-sm\">\r\n                                        <i class=\"bi bi-pencil-fill \"></i> Edit\r\n                                    </span>\r\n                                </div>\r\n\r\n                                <div class=\"text-color-2\">\r\n                                    {{ totalOrderCount }}\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                            <div>\r\n                                Note: Turn off Pop-up Blocker to allow for PDF previewing.\r\n                            </div>\r\n\r\n\r\n                            <div>\r\n                                <table class=\"table\">\r\n                                    <thead>\r\n                                        <tr class=\"bg-color-3-lt\">\r\n                                            <th class=\"border-end border-gray-0\"></th>\r\n                                            <th class=\"border-end border-gray-0\">Sub Code</th>\r\n                                            <th class=\"border-end border-gray-0\">Agency Name</th>\r\n                                            <th class=\"border-end border-gray-0\">Quantity</th>\r\n                                            <th class=\"border-end border-gray-0\">Price</th>\r\n                                        </tr>\r\n                                    </thead>\r\n\r\n                                    <tbody>\r\n                                        <tr v-for=\"item in selectedAgencySubCodes\" :key=\"item.id\" class=\"border-bottom border-gray-2\">\r\n                                            <td><a href=\"#\" @click=\"previewPdfInNewWindow(item.documentId)\">PDF Preview</a></td>\r\n                                            <td>{{ formatStatCode(item.statCode) }}</td>\r\n                                            <td>{{ item.name }}</td>\r\n                                            <td>{{ item.targetCount }}</td>\r\n                                            <td>{{ item.price }}</td>\r\n                                        </tr>\r\n                                    </tbody>\r\n                                </table>\r\n                            </div>\r\n\r\n                            <div class=\"frequency-headline py-2 fs-4 text-center mb-1 mt-5\">\r\n                                Summary\r\n                            </div>\r\n\r\n                            <div>\r\n                                <table class=\"table\">\r\n                                    <thead>\r\n                                        <tr class=\"bg-color-3-lt\">\r\n                                            <th class=\"border-end border-gray-0\">Date Drop</th>\r\n                                            <th class=\"border-end border-gray-0\">Quantity</th>\r\n                                            <th>Price</th>\r\n                                        </tr>\r\n                                    </thead>\r\n\r\n                                    <tbody>\r\n                                        <tr class=\"border-bottom border-gray-2\" v-for=\"drop in mailingDetails\" :key=\"drop.mailDate\">\r\n                                            <td>{{Util.date(drop.mailDate, false)}}</td>\r\n                                            <td>{{drop.quantity}}</td>\r\n                                            <td>{{site.convertNumberToCurrency(drop.price)}}</td>\r\n                                        </tr>\r\n                                    </tbody>\r\n                                </table>\r\n                            </div>\r\n\r\n                            <div class=\"mt-2 d-flex fw-bold\">\r\n                                <div class=\"price-message\">Pricing prior to potential applied discount.</div>\r\n                                <div class=\"m-auto\">Total: {{site.convertNumberToCurrency(totalOrderPrice)}}</div>\r\n                            </div>\r\n\r\n                            <div class=\"my-5\">\r\n\r\n                                <button @click=\"previous\" class=\"btn btn-outline-primary me-3\">\r\n                                    Previous\r\n                                </button>\r\n\r\n                                <button @click=\"checkout\" class=\"btn btn-primary\" :disabled=\"!canAddToCart\">\r\n                                    Add to Cart\r\n                                </button>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"col-sm-5 offset-1\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-sm-8\">\r\n                                    <select v-model=\"selectedDocumentId\" class=\"n-page-size-list form-select\">\r\n                                        <option v-for=\"item in selectedAgencySubCodes\" :value=\"item.documentId\" :key=\"item.id\">{{ formatStatCode(item.statCode) }} - {{item.name}}</option>\r\n                                    </select>\r\n                                </div>\r\n                                <div class=\"col-sm-4\">\r\n                                    <button class=\"btn btn-primary\" @click=\"previewPdf(selectedDocumentId)\">Preview</button>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"mt-5\">\r\n                                <iframe if=\"iframeSrc.length > 0\" :src=\"iframeSrc\" scrolling=\"yes\" width=\"100%\" height=\"800px\" />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </template>\r\n            </div>\r\n\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .step-4 {\r\n\r\n        .btn-sm {\r\n            font-size: 0.75rem;\r\n            padding: 0.25rem 0.5rem;\r\n        }\r\n        // Seems like this is coming from some auto generated bootstrap styling it is outputting...\r\n        //  .table > :not(caption) > * > * {\r\n        //      padding: 0.5rem 0.5rem;\r\n        //      background-color: var(--bs-table-bg);\r\n        //      border-bottom-width: 1px;\r\n        //      box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);\r\n        //  }\r\n        // I am overwritting it here to remove the bottom border for the table on this page\r\n        .table > :not(caption) > * > * {\r\n            border-bottom: unset;\r\n        }\r\n        // Another weird border top on the table\r\n        .table > :not(:first-child) {\r\n            border-top: unset;\r\n        }\r\n\r\n        thead {\r\n            background: $color-2;\r\n            color: $gray-4;\r\n            border-color: $gray-0;\r\n        }\r\n\r\n        .price-message {\r\n            color: $error;\r\n            font-size: .75rem;\r\n        }\r\n\r\n        tr {\r\n            border-color: #c0bfc0;\r\n            border-bottom: 1px solid #dee2e6;\r\n\r\n            &:last-child {\r\n                border-bottom: unset;\r\n            }\r\n\r\n            td {\r\n                width: 26%;\r\n            }\r\n        }\r\n\r\n        .text-color-2 {\r\n            color: $color-2;\r\n        }\r\n\r\n        .frequency-headline {\r\n            background: $color-2-dk;\r\n            color: $gray-0;\r\n        }\r\n    }\r\n</style>","import script from \"./ExpressOrderStepFour.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ExpressOrderStepFour.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ExpressOrderStepFour.vue?vue&type=style&index=0&id=7fb23e0c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    // Imports\r\n    import { reactive, onMounted } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRoute } from 'vue-router';\r\n\r\n    // Components\r\n    import { isNotEmpty } from '@/util';\r\n\r\n    // State\r\n    const route = useRoute();\r\n\r\n    const bulkOrderState = reactive({});\r\n\r\n    async function setDocumentInfo(orderStateId, isSamePersonalization) {\r\n        if (isSamePersonalization == 'true') {\r\n            const docIds = route.query.DocID?.split(\",\");\r\n            var payload = {\r\n                id: bulkOrderState.id,\r\n                pageFlexDocumentIds: docIds\r\n            };\r\n            await site.expressOrderPersonalizationInfo.updateBulkOrderStateDocumentIds(payload);\r\n        } else {\r\n            await site.personalizationInfo.getOrderState(orderStateId);\r\n            await site.personalizationInfo.updateDocId(route.query.DocID);\r\n        }\r\n    }\r\n\r\n    // Handlers ----\r\n    onMounted(async () => {\r\n        const bulkOrderStateId = route.params.bulkOrderStateId\r\n        const orderStateId = route.params.orderStateId;\r\n        const isLastRecord = route.query.isLastRecord;\r\n        const currentStep = route.query.currentStep;\r\n        const isSamePersonalization = route.query.isSamePersonalization\r\n\r\n        if (isNotEmpty(bulkOrderStateId)) {\r\n\r\n            Object.assign(bulkOrderState, await site.expressOrderPersonalizationInfo.getBulkOrderState(bulkOrderStateId));\r\n            if (route && route.query && route.query.DocID && route.query.DocID.length > 0) {\r\n                await setDocumentInfo(orderStateId, isSamePersonalization);\r\n                if (isLastRecord == 'true') {\r\n                    if (currentStep) {\r\n                        window.parent.location.href = `/expressorder/step-1/${bulkOrderStateId}/${orderStateId}`;\r\n                    }\r\n                    else {\r\n                        window.parent.location.href = `/expressorder/step-2/${bulkOrderStateId}`;\r\n                    }\r\n                }\r\n                else {\r\n                    window.parent.location.href = `/expressorder/step-1/${bulkOrderStateId}/${orderStateId}`;\r\n                }\r\n            }\r\n            else {\r\n                //TODO : redirect to some error page.\r\n            }\r\n        }\r\n    })\r\n\r\n</script>\r\n\r\n<template>\r\n    <div></div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .print-on-demand-customize-step1 {\r\n        label {\r\n            font-weight: bold;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .multi-channel-headline {\r\n            background: $color-3-dk;\r\n        }\r\n\r\n        .multi-channel-detail {\r\n            background: $gray-1;\r\n        }\r\n    }\r\n</style>\r\n","import script from \"./PageFlexReturn.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PageFlexReturn.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PageFlexReturn.vue?vue&type=style&index=0&id=3de1eb5c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // CartBodyPanel\r\n    // A body panel styled for the cart pages (cart, checkout, review order).\r\n\r\n    // Imports ----\r\n    import { defineProps } from 'vue';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // ID of the sort set to use\r\n        title: {\r\n            type: String,\r\n            required: false\r\n        },\r\n        open: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        }\r\n    });\r\n\r\n    // State ----\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <BodyPanel class=\"cart-body-panel\" :title=\"props.title\" :open=\"props.open\">\r\n        <template #title>\r\n            <slot name=\"title\">{{ props.title }}</slot>\r\n        </template>\r\n\r\n        <slot></slot>\r\n    </BodyPanel>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .cart-body-panel .n-body-panel {\r\n        .title {\r\n        }\r\n\r\n        .body {\r\n        }\r\n    }\r\n\r\n</style>","import script from \"./CartBodyPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CartBodyPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CartBodyPanel.vue?vue&type=style&index=0&id=67dd1734&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n// ShipToUserForm\r\n// Implements the form that lets a user enter a custom shipping address.\r\n\r\n// Imports ----\r\nimport { ShippingAddressForm } from '@dd-nucleus/nucleus-vue';\r\nimport { site, DEFAULT_COUNTRY_CODE } from '@/Site';\r\n\r\nexport default class ShipToUserForm extends ShippingAddressForm {\r\n\r\n    // Constructor\r\n    constructor() {\r\n        // Pass our model to the base class\r\n        super(\r\n            {\r\n                saveAddress: false,            // Save to user's addresses?\r\n                saveDefault: false             // Save as user's default shipping address?\r\n            });\r\n\r\n        this.model.countryCode = this.model.countryCode ? this.model.countryCode : DEFAULT_COUNTRY_CODE;\r\n\r\n        // If the cart isn't yet loaded, initialize the model when it is; otherwise, initialize now.\r\n        if (typeof site.cart.current.shipToList === 'undefined') {\r\n            site.cart.onCartLoaded(() => {\r\n                this.load()\r\n            });\r\n        }\r\n        else {\r\n            this.load();\r\n        }\r\n\r\n    }\r\n\r\n    load() {\r\n        // Only copy values if the address ID is null, and we're in the right ship-to mode\r\n        if (site.cart.shipToMode === site.cart.ShipToMode.ShipToUser) {\r\n            const address = site.cart.current.shipToList[0];\r\n            if (address.contactAddressId === null)\r\n                this.model = Object.assign(this.model, address);\r\n        }\r\n    }\r\n\r\n    onValidate() {\r\n        super.onValidate();\r\n    }\r\n\r\n    async onSubmit() {\r\n        // Copy model, remove properties not applicable to the API call.\r\n        const address = Object.assign({}, this.model);\r\n        delete address.saveAddress;\r\n        delete address.saveDefault;\r\n        address.contactId = site.user.contactId;\r\n\r\n        await site.cart.setShipToUserCustomAddress(address, this.model.saveAddress, this.model.saveDefault);\r\n    }\r\n}","<script setup>\r\n\r\n    // ShipToUser\r\n    // Allows the user to ship to a new address, pick from an existing address, or edit existing addresses, if site options for doing so are enabled.\r\n\r\n    // Constants ----\r\n    const View = {\r\n        EDITABLE: 'EDITABLE',\r\n        EDITING: 'EDITING',\r\n        SUMMARY: 'SUMMARY'\r\n    }\r\n\r\n    const AddressOption = {\r\n        SAVED_ADDRESS: 'SAVED',\r\n        OTHER: 'OTHER'\r\n    }\r\n\r\n    // Components ----\r\n    import ShippingAddressTile from '@/site/components/ShippingAddressTile';\r\n\r\n    // Imports ----\r\n    import { reactive, ref, defineProps, computed, onMounted, watch, defineEmits } from 'vue';\r\n    import { site, DEFAULT_COUNTRY_CODE } from '@/Site';\r\n    import ShipToUserForm from '../forms/ShipToUserForm';\r\n    import { Search, Util } from '@dd-nucleus/nucleus-vue';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // The label to show with the icon on the button.\r\n        canEdit: {\r\n            type: Boolean,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    const form = reactive(new ShipToUserForm());\r\n    const cart = reactive(site.cart.current);\r\n    const addressOption = ref('');\r\n    const selectedAddressId = ref('');\r\n    const defaultAddressId = ref(site.shipping.addresses.length > 0 ? site.shipping.addresses[0].id : '');\r\n    const isLoaded = ref(false);\r\n    const selectedCountry = ref(DEFAULT_COUNTRY_CODE);\r\n\r\n    const search = new Search('addresses-for-user', 'tile', 'address-sequence', 1000);\r\n    search.setEmptyFilter('address-shipping');\r\n\r\n    const options = [\r\n        { id: AddressOption.SAVED_ADDRESS, text: 'Saved Address' },\r\n        { id: AddressOption.OTHER, text: 'Add New Shipping Address' }\r\n    ];\r\n\r\n    // Computed ----\r\n    const pageView = computed(() => {\r\n        if (props.canEdit) {\r\n            return View.EDITING;\r\n        }\r\n        else\r\n            // Summary view - display only\r\n            return View.SUMMARY;\r\n    })\r\n\r\n    const cartAddressOption = computed(() => {\r\n        return addressOption.value;\r\n    });\r\n\r\n    // Watch ----\r\n    watch(cartAddressOption, (newValue) => {\r\n        if (newValue === \"OTHER\")\r\n            validateForm();\r\n        else if (defaultAddressId.value) {\r\n            onAddressSelected({ id: defaultAddressId.value });\r\n        }\r\n        else\r\n            emit('hasShippingDetails', true);\r\n    })\r\n\r\n    // Events ----\r\n    const emit = defineEmits(['hasShippingDetails']);\r\n\r\n    // Handlers ----\r\n    onMounted(() => {\r\n        update();\r\n        if (selectedAddressId.value && cart.shipToMode === site.cart.ShipToMode.ShipToUser)\r\n            onAddressSelected({ id: selectedAddressId.value });\r\n    });\r\n\r\n\r\n    // Called once we know we have a cart to work with\r\n    function update() {\r\n        if (Util.isEmpty(site.cart.current.shipToList)) return;\r\n\r\n        if (cart.shipToMode === site.cart.ShipToMode.ShipToUser && cart.shipToList[0].contactAddressId === null) {\r\n            addressOption.value = AddressOption.OTHER;\r\n\r\n            const shipTo = site.cart.current.shipToList[0];\r\n            form.model.companyName = shipTo.companyName;\r\n            form.model.addressLine1 = shipTo.addressLine1;\r\n            form.model.addressLine2 = shipTo.addressLine2;\r\n            form.model.addressLine3 = shipTo.addressLine3;\r\n            form.model.addressLine4 = shipTo.addressLine4;\r\n            form.model.city = shipTo.city;\r\n            form.model.state = shipTo.state;\r\n            form.model.postalCode = shipTo.postalCode;\r\n            form.model.countryCode = shipTo.countryCode ? shipTo.countryCode : selectedCountry.value;\r\n\r\n            selectedAddressId.value = ''\r\n            validateForm();\r\n        }\r\n        else {\r\n            addressOption.value = AddressOption.SAVED_ADDRESS;\r\n            selectedAddressId.value = Util.isEmpty(defaultAddressId.value) ? '' : defaultAddressId.value;\r\n        }\r\n\r\n\r\n        isLoaded.value = true;\r\n    }\r\n\r\n    async function onAddressSelected(address) {\r\n        await site.cart.setShipToUserSavedAddress(address.id);\r\n        selectedAddressId.value = address.id;\r\n        emit('hasShippingDetails', false);\r\n        site.refreshSearches('addresses-for-user');\r\n    }\r\n\r\n    async function onOtherAddressChanged() {\r\n        if (selectedCountry.value != form.model.countryCode) {\r\n            selectedCountry.value = form.model.countryCode;\r\n            form.model.state = '';\r\n            form.model.province = '';\r\n        }\r\n        if (form.model.addressLine1.length > 30) {\r\n            form.validator.fields.addressLine1.addWarning('Address Line 1 cannot be more than 30 characters');\r\n        }\r\n        else {\r\n            await form.submit(true);\r\n            validateForm();\r\n        }\r\n    }\r\n\r\n    function validateForm() {\r\n        form.validate();\r\n        if (!form.status.isInvalid)\r\n            emit('hasShippingDetails', false);\r\n        else {\r\n            emit('hasShippingDetails', true);\r\n        }\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"ship-to-user\">\r\n\r\n        <div v-if=\"pageView === View.EDITABLE\" class=\"p-3\">\r\n\r\n            <ShippingAddressTile v-if=\"isLoaded\" :address=\"site.cart.current.shipToList[0]\" :border=\"false\">\r\n            </ShippingAddressTile>\r\n\r\n        </div>\r\n\r\n        <template v-if=\"pageView === View.EDITING\">\r\n            <div class=\"mb-3\">\r\n                <RadioButton v-for=\"option in options\" :key=\"option.id\" v-model=\"addressOption\" :label=\"option.text\" list-id=\"address-option\" :value=\"option.id\" class=\"d-inline-block me-3\" />\r\n            </div>\r\n\r\n            <div v-if=\"cartAddressOption === AddressOption.SAVED_ADDRESS\">\r\n                <SearchContainer :search=\"search\" :deep-link=\"false\">\r\n\r\n                    <SearchGrid :columns-xs=\"1\" :columns-sm=\"2\" :columns-md=\"2\" :columns-lg=\"3\" :columns-xl=\"3\" :columns-xxl=\"3\">\r\n                        <!-- Template for each item in a grid view -->\r\n                        <template v-slot:grid=\"address\">\r\n\r\n                            <TileSelectButton :item=\"address\" :multi-select=\"false\" :is-selected=\"address.id === selectedAddressId\" @selected=\"onAddressSelected(address)\" />\r\n                            <ShippingAddressTile :class=\"{ selected: address.id === selectedAddressId }\" :address=\"address\" :can-set-default=\"true\" height=\"14rem\">\r\n                            </ShippingAddressTile>\r\n\r\n                        </template>\r\n                    </SearchGrid>\r\n\r\n                </SearchContainer>\r\n            </div>\r\n\r\n            <div v-if=\"cartAddressOption === AddressOption.OTHER\">\r\n                <div class=\"col-12 col-md-9 col-lg-6\">\r\n                    <EditShippingAddress :form=\"form\" @change=\"onOtherAddressChanged\" :selectedCountry=\"selectedCountry\">\r\n                        <template #top>\r\n                            <div class=\"n-form-label mb-2\">\r\n                                <label for=\"61d18332-3ce4-487f-bc66-b24b0e5a579b\" class=\"label form-label\">Ship To</label>\r\n                                <div class=\"n-text-box-field\">\r\n                                    <input id=\"61d18332-3ce4-487f-bc66-b24b0e5a579b\" type=\"text\" class=\"text-box form-control\" :value=\"site.user.firstName + ' ' + site.user.lastName\" disabled>\r\n                                </div>\r\n                            </div>\r\n                        </template>\r\n                        <div class=\"mt-3\">\r\n                            <CheckBoxField v-model=\"form.model.saveAddress\" @change=\"onOtherAddressChanged\" label=\"Save this address for future orders\" />\r\n                            <CheckBoxField v-if=\"form.model.saveAddress\" v-model=\"form.model.saveDefault\" @change=\"onOtherAddressChanged\" label=\"Save as my default shipping address\" />\r\n                        </div>\r\n                    </EditShippingAddress>\r\n                </div>\r\n            </div>\r\n        </template>\r\n\r\n        <template v-if=\"pageView === View.SUMMARY\">\r\n\r\n            <ShippingAddressTile v-if=\"isLoaded\" :address=\"site.cart.current.shipToList[0]\" :border=\"false\">\r\n            </ShippingAddressTile>\r\n\r\n        </template>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .ship-to-user {\r\n        .n-tile-select-button {\r\n            position: absolute;\r\n            margin-top: -0.5rem;\r\n            margin-left: -0.25rem\r\n        }\r\n\r\n        .shipping-address-tile.selected .n-address-tile {\r\n            border: 1px solid $color-1 !important;\r\n        }\r\n    }\r\n</style>","import script from \"./ShipToUser.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ShipToUser.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ShipToUser.vue?vue&type=style&index=0&id=6356e258&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ShipToContact\r\n    // Allows the user to select a single contact as the ship-to destination.\r\n\r\n    // Components ----\r\n    import MarketingContacts from '@/site/components/marketing/MarketingContacts';\r\n\r\n    // Imports ----\r\n    import { ref, onMounted,defineEmits, defineProps } from 'vue';\r\n    import { site } from '@/Site';\r\n\r\n    // State ----\r\n    const selection = ref([]);\r\n\r\n    const props = defineProps({\r\n        // If true, this will be styled for selecting multiple items.\r\n        multiSelect: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        },\r\n        // Indicates whether the selection can be toggled on/off\r\n        toggle: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        }\r\n    });\r\n\r\n    // Events ----\r\n    const emit = defineEmits(['selected', 'deselected', 'hasShippingDetails']);\r\n\r\n    // Computed ----\r\n\r\n    // Handlers ----\r\n    onMounted(() => {\r\n        update();\r\n    });\r\n\r\n   \r\n\r\n    function update() {\r\n        if (typeof site.cart.current.shipToList === 'undefined') return;\r\n\r\n        if (site.cart.current.shipToMode === site.cart.ShipToMode.ShipToContact) {\r\n            selection.value.push(site.cart.current.shipToList[0]?.marketingContactId);\r\n        }\r\n        else {\r\n            selection.value = [];\r\n            for (let contact of site.cart.current.shipToList) {\r\n                if (contact.marketingContactId !== null && contact.marketingContactId !== undefined)\r\n                    selection.value.push(contact.marketingContactId);\r\n            }\r\n        }\r\n    }\r\n\r\n    function onContactSelected(contact) {\r\n\r\n        if (site.cart.current.shipToMode === site.cart.ShipToMode.ShipToContacts) {\r\n            selection.value.push(contact.id);\r\n            emit('selected', contact);\r\n        }\r\n        else {\r\n            selection.value = []\r\n            selection.value.push(contact.id);\r\n            site.cart.setShipToMarketingContact(contact.id);\r\n        }\r\n        emit('hasShippingDetails', false);\r\n    }\r\n\r\n    function onContactDeselected(contact) {\r\n\r\n        if (site.cart.current.shipToMode === site.cart.ShipToMode.ShipToContacts) {\r\n            selection.value = selection.value.filter(x => x !== contact.id);\r\n            emit('deselected', contact);\r\n        }\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"ship-to-contact\">\r\n        <template v-if=\"site.cart.current.shipToMode === site.cart.ShipToMode.ShipToContacts\">            \r\n            <MarketingContacts :allow-create=\"false\" :can-select=\"true\" :selection=\"selection\" @selected=\"onContactSelected\" @deselected=\"onContactDeselected\" :multiSelect=\"props.multiSelect\" :toggle=\"props.toggle\" />\r\n        </template>\r\n        <template v-else>            \r\n            <MarketingContacts :can-select=\"true\" :selection=\"selection\" @selected=\"onContactSelected\" />\r\n        </template>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .ship-to-contact {\r\n    }\r\n\r\n</style>","import script from \"./ShipToContact.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ShipToContact.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ShipToContact.vue?vue&type=style&index=0&id=4f803e50&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    // Imports ----\r\n    import { defineProps, reactive, computed } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { Util } from '@dd-nucleus/nucleus-vue';\r\n\r\n    defineProps({\r\n        readonly: {\r\n            type: Boolean,\r\n            default: false,\r\n        }\r\n    });\r\n\r\n    // States ----\r\n    const quantityMap = reactive({ item: {} });\r\n    const selections = reactive({ addresses: {} });\r\n\r\n\r\n    // Computed ----\r\n    // const cart = ref(site.cart.current);\r\n    const items = computed(() => {\r\n        return site.cart.current.items.sort((a, b) => a.id < b.id ? -1 : 1)\r\n    });\r\n\r\n    const shipToList = computed(() => {\r\n        return site.cart.current.shipToList.map((address) => {\r\n            return {\r\n                ...address,\r\n                orderContactItemQuantities: address.orderContactItemQuantities.sort((a, b) => a.cartItemId < b.cartItemId ? -1 : 1)\r\n            };\r\n        });\r\n    });\r\n\r\n    const allSelected = computed(() => {\r\n        return site.cart.current.shipToList.length === Object.keys(selections.addresses).length;\r\n    });\r\n\r\n    function updateQuantityMap(itemId, quantity) {\r\n        quantityMap.item[itemId] = parseInt(quantity);\r\n    }\r\n\r\n    async function applyQuantityToAllItems() {        \r\n        for (let address of site.cart.current.shipToList) {\r\n            for (let item of address.orderContactItemQuantities) {\r\n                if (quantityMap.item[item.cartItemId]) {\r\n                    item.quantity = quantityMap.item[item.cartItemId];\r\n                }\r\n            }\r\n        }\r\n\r\n        // Update the items quantity for add the addresses in OrderItemContactQuantities\r\n        if (await site.cart.updateMultiShipItemsQuantity()) {\r\n            // Re-iterate over the items to update the cart object.\r\n            var address = site.cart.current.shipToList[0];\r\n            for (let item of address.orderContactItemQuantities) {\r\n                if (quantityMap.item[item.cartItemId]) {\r\n                    item.quantity = quantityMap.item[item.cartItemId];\r\n                    await site.cart.setItemQuantity(item.cartItemId, item.quantity);\r\n                }\r\n            }\r\n        }   \r\n    }    \r\n\r\n    function toggleAddressSelect(addressId) {\r\n        // if the item is already present remove it\r\n        if (selections.addresses[addressId]) {\r\n            delete selections.addresses[addressId];\r\n        } else {\r\n            selections.addresses[addressId] = true;\r\n        }\r\n    }\r\n\r\n    function onRemoveSelected() {\r\n        for (let address of site.cart.current.shipToList) {\r\n            if (selections.addresses[address.id]) {\r\n                address.selectionIsMarkedForRemoval = true;\r\n            }\r\n        }\r\n\r\n        const addressIds = Object.keys(selections.addresses);\r\n        site.cart.removeMultiShipAddresses(addressIds);\r\n        selections.addresses = {};\r\n    }\r\n\r\n    function toggleSelectAll() {\r\n        if (allSelected.value) {\r\n            selections.addresses = {};\r\n        } else {\r\n            markAllAddressAsSeelcted();\r\n        }\r\n    }\r\n\r\n    function markAllAddressAsSeelcted() {\r\n        for (let address of site.cart.current.shipToList) {\r\n            selections.addresses[address.id] = true;\r\n        }\r\n    }\r\n\r\n    function getAddressee(address) {\r\n        if (Util.isNotEmpty(address.addressee)) {\r\n            return address.addressee;\r\n        } else {\r\n            return address.firstName + \" \" + address.lastName;\r\n        }\r\n    }\r\n    function formatAddress(address) {\r\n        const state = address.state ?? address.province;\r\n        let addressArray = [address.addressLine1, address.addressLine2, address.city, state, address.postalCode, address.countryCode];\r\n        return addressArray.join(', ').replaceAll(/, , /g, ', ');\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <table class=\"table table-striped multishipping-table\" v-if=\"!!site.cart.current\">\r\n        <thead class=\"multishipping-table__header\">\r\n            <tr>\r\n                <th class=\"item__address sticky-col\">\r\n                    <input v-if=\"!readonly\" type=\"checkbox\" class=\"item__checkbox form-check-input\" @click=\"toggleSelectAll\" :checked=\"allSelected\" />                    \r\n                    <PageButton v-if=\"!readonly\" class=\"me-2 margin_left_pt5\" :outline=\"true\" @click=\"onRemoveSelected\">Remove Addresses</PageButton>\r\n                </th>\r\n                <th class=\"item__count\" v-for=\"item in items\" :key=\"item.id\">\r\n                    <!-- TODO: add a tooltip to show product name -->\r\n                    {{ item.product.itemNumber }}\r\n                    <input v-if=\"!readonly\" type=\"number\" class=\"form-control\" min=\"1\" @change=\"(e) => updateQuantityMap(item.id, e.target.value)\" />\r\n                </th>\r\n                <th>                    \r\n                    <PageButton v-if=\"!readonly\" class=\"me-2\" @click=\"applyQuantityToAllItems\">Apply</PageButton>\r\n                </th>\r\n            </tr>\r\n        </thead>\r\n\r\n        <tbody class=\"multishipping-table__body\">\r\n            <tr v-for=\"address in shipToList\" :key=\"address.id\">\r\n                <td class=\"sticky-col\">\r\n                    <div class=\"d-flex\">\r\n                        <div class=\"me-4\">\r\n                            <input v-if=\"!readonly\"\r\n                                   type=\"checkbox\"\r\n                                   class=\"item__checkbox form-check-input\"\r\n                                   @click=\"() => toggleAddressSelect(address.id)\"\r\n                                   :checked=\"selections.addresses[address.id] === true\" />\r\n                        </div>\r\n                        <div>\r\n                            <div><b>{{ address.companyName }} </b></div>\r\n                            <div><b>{{ getAddressee(address) }}</b>, {{ formatAddress(address)}} </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </td>\r\n                <td v-for=\"item in address.orderContactItemQuantities\" :key=\"item.id\">                    \r\n                    <p class=\"align-center\">{{ item.quantity }}</p>\r\n                </td>\r\n                <td></td>\r\n            </tr>\r\n        </tbody>\r\n    </table>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    // address table style\r\n    .multishipping-table {\r\n        max-height: 600px;\r\n        max-width: 100%;\r\n        overflow: scroll;\r\n        display: block;\r\n    }\r\n\r\n    .multishipping-table__header th {\r\n        padding: 3px;\r\n        position: sticky;\r\n        top: 0;\r\n        z-index: 1;\r\n        background: white !important;\r\n    }\r\n\r\n    .multishipping-table__body .sticky-col {\r\n        position: sticky;\r\n        left: 0;\r\n        z-index: 2;\r\n        background: white !important;\r\n    }\r\n\r\n    .multishipping-table__header .sticky-col {\r\n        position: sticky;\r\n        left: 0;\r\n        top: 0;\r\n        z-index: 3;\r\n    }\r\n\r\n\r\n    .item__checkbox {\r\n        width: 1.5rem !important;\r\n        height: 1.5rem !important;\r\n    }\r\n\r\n    .item__address {\r\n        min-width: 470px;\r\n        width: 100%;\r\n    }\r\n\r\n    .item__count {\r\n        min-width: 80px;\r\n        width: 100%;\r\n    }\r\n    \r\n    .align-center {\r\n        text-align: center;\r\n    }\r\n\r\n    .margin_left_pt5 {\r\n        margin-left: 0.5rem !important;\r\n    }\r\n</style>","import script from \"./AddressReviewTable.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddressReviewTable.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AddressReviewTable.vue?vue&type=style&index=0&id=7c0fdbbb&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./ConfirmAddressList.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ConfirmAddressList.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ConfirmAddressList.vue?vue&type=style&index=0&id=815e4eee&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ShipToContacts\r\n    // Allows the user to select multiple contacts as the ship-to, generating a bulk order.\r\n\r\n    // Import ----\r\n    import { ref, computed } from 'vue';\r\n    import { useRouter } from 'vue-router';\r\n    import { site } from '@/Site';\r\n\r\n    import ShipToContact from './ShipToContact';\r\n    import ConfirmAddressList from '@/site/areas/cart/components/ConfirmAddressList';\r\n\r\n    // Constants ----\r\n    const Display = {\r\n        SUMMARY_ADDRESS_LIST: 'SUMMARY_ADDRESS_LIST',\r\n        PREVIEW_ADDRESS_LIST: 'PREVIEW_ADDRESS_LIST',\r\n        CONFIRM_ADDRESS_LIST: 'CONFIRM_ADDRESS_LIST',\r\n        UPLOAD_ADDRESS_LIST: 'UPLOAD_ADDRESS_LIST'\r\n    };\r\n\r\n    const router = useRouter();\r\n\r\n    const AddOption =\r\n    {\r\n        NEW_CONTACT: 'NEW_CONTACT',\r\n        FROM_CONTACTS: 'FROM_CONTACTS',\r\n        UPLOAD_FILE: 'UPLOAD_FILE'\r\n    };\r\n\r\n\r\n    // State ----\r\n    const display = ref(Display.UPLOAD_ADDRESS_LIST);\r\n    const selectedOption = ref(AddOption.UPLOAD_FILE);\r\n\r\n\r\n    const selectedAddresses = ref([]);\r\n    let showUploadFile = ref(false);\r\n\r\n    const personalAddresses = computed(() => {\r\n        return selectedAddresses.value;\r\n    })\r\n\r\n    //computed\r\n\r\n    const isContactsSelected = computed(() => {\r\n        return selectedAddresses.value.length > 0;\r\n    })\r\n    const haveAddressesUpdated = ref(false);    \r\n\r\n    function onMyAddressConfirmClicked() {\r\n        {\r\n            // Pass only valid addresses\r\n            display.value = Display.CONFIRM_ADDRESS_LIST;\r\n            // upload the address here\r\n            updatedAddresses(selectedAddresses.value);\r\n        }\r\n    }\r\n\r\n    function onCancelClicked() {\r\n        display.value = Display.UPLOAD_ADDRESS_LIST;\r\n        selectedOption.value = AddOption.UPLOAD_FILE;\r\n        showUploadFile.value = false;\r\n    }\r\n\r\n    function updatedAddresses(updatedAddresses) {\r\n        haveAddressesUpdated.value = true;\r\n        site.cart.setShipToMultiplContacts(updatedAddresses);\r\n    }\r\n    \r\n    async function goToPaymentPage(shipToContacts) {\r\n        if (!haveAddressesUpdated.value) {\r\n            await site.cart.setShipToMultiplContacts(shipToContacts);\r\n        }\r\n\r\n        if (await site.cart.updateMultiShipItemsQuantity()) {\r\n            router.push({ path: '/checkout/payment' })\r\n        }\r\n\r\n    }\r\n\r\n    function onAddressSelected(address) {\r\n        if (address.addressee.length < 1 && address.firstName && address.lastName) {\r\n            address.addressee = address.firstName + \" \" + address.lastName;\r\n        }\r\n        selectedAddresses.value.push(address);\r\n    }\r\n\r\n    function onAddressDeselected(address) {\r\n        selectedAddresses.value = selectedAddresses.value.filter(x => x.id !== address.id);\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"ship-to-contacts\">\r\n        <template v-if=\"display === Display.CONFIRM_ADDRESS_LIST\">\r\n            <ConfirmAddressList :addressList=\"personalAddresses\" @update=\"updatedAddresses\">\r\n                <template #empty>\r\n                    Empty Addresses\r\n                </template>\r\n            </ConfirmAddressList>\r\n\r\n            <div class=\"show-right\">\r\n                <PageButton class=\"me-2\" :outline=\"true\" @click=\"onCancelClicked\">Back</PageButton>\r\n                <PageButton class=\"me-2\" :disabled=\"personalAddresses.length === 0\" @click=\"goToPaymentPage(personalAddresses)\">Next</PageButton>\r\n            </div>\r\n        </template>\r\n\r\n        <template v-else>            \r\n            <ShipToContact :can-edit=\"true\" :multiSelect=\"true\" :toggle=\"true\" @selected=\"onAddressSelected\" @deselected=\"onAddressDeselected\" />\r\n            <div class=\"show-right\">\r\n                <PageButton class=\"me-2\" :disabled=\"!isContactsSelected\" @click=\"onMyAddressConfirmClicked\">Confirm Addresses</PageButton>\r\n            </div>\r\n        </template>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .ship-to-contacts {\r\n        .add-contacts {\r\n            .sub-title {\r\n                font-weight: $bold;\r\n            }\r\n        }\r\n\r\n        .show-right {\r\n            float: right\r\n        }\r\n\r\n\r\n        .add-options {\r\n        }\r\n\r\n        .add-option {\r\n            border: 1px solid $gray-20;\r\n            padding: 0.5rem;\r\n            height: 10rem;\r\n        }\r\n    }\r\n</style>","import script from \"./ShipToContacts.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ShipToContacts.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ShipToContacts.vue?vue&type=style&index=0&id=602300ba&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    import { TabBar } from '@dd-nucleus/nucleus-vue';\r\n\r\n    import { ref } from 'vue'\r\n\r\n    const mailListTabs = [\r\n        {\r\n            id: 'prepareFile',\r\n            title: 'Prepare shipping address list'\r\n        },\r\n        {\r\n            id: 'faqs',\r\n            title: 'FAQs'\r\n        }\r\n    ];\r\n\r\n    const sampleData = [\r\n        {\r\n            firstName: \"Mike\",\r\n            lastName: \"Johnson\",\r\n            company: \"Johnson Insurance\",\r\n            addressLine1: \"120 Main St\",\r\n            addressLine2: \"Apt 2\",\r\n            city: \"Seatle\",\r\n            state: \"WA\",\r\n            zip: 98103,\r\n            phoneNumber: \"123-456-7890\"\r\n        },\r\n        {\r\n            firstName: \"Mike\",\r\n            lastName: \"Johnson\",\r\n            company: \"Johnson Insurance\",\r\n            addressLine1: \"120 Main St\",\r\n            addressLine2: \"Apt 2\",\r\n            city: \"Seatle\",\r\n            state: \"WA\",\r\n            zip: 98103,\r\n            phoneNumber: \"123-456-7890\"\r\n        },\r\n        {\r\n            firstName: \"Mike\",\r\n            lastName: \"Johnson\",\r\n            company: \"Johnson Insurance\",\r\n            addressLine1: \"120 Main St\",\r\n            addressLine2: \"Apt 2\",\r\n            city: \"Seatle\",\r\n            state: \"WA\",\r\n            zip: 98103,\r\n            phoneNumber: \"123-456-7890\"\r\n        },\r\n        {\r\n            firstName: \"Mike\",\r\n            lastName: \"Johnson\",\r\n            company: \"Johnson Insurance\",\r\n            addressLine1: \"120 Main St\",\r\n            addressLine2: \"Apt 2\",\r\n            city: \"Seatle\",\r\n            state: \"WA\",\r\n            zip: 98103,\r\n            phoneNumber: \"123-456-7890\"\r\n        },\r\n        {\r\n            firstName: \"Mike\",\r\n            lastName: \"Johnson\",\r\n            company: \"Johnson Insurance\",\r\n            addressLine1: \"120 Main St\",\r\n            addressLine2: \"Apt 2\",\r\n            city: \"Seatle\",\r\n            state: \"WA\",\r\n            zip: 98103,\r\n            phoneNumber: \"123-456-7890\"\r\n        }\r\n    ]\r\n    const prepareFile = ref(null);\r\n\r\n    //Methods\r\n    const printContent = () => {\r\n        // Create a new window to print the content\r\n        const printWindow = window.open('Print for Reference', 'Print', 'height=600,width=800');\r\n\r\n        // Create a stylesheet that targets the myDiv element\r\n        const printStylesheet = `\r\n        @media print {\r\n          #prepareFile {\r\n            display: block;\r\n          }\r\n        }`;\r\n\r\n        // Inject the stylesheet into the new window\r\n        const printStyles = printWindow.document.createElement('style');\r\n        printStyles.innerHTML = printStylesheet;\r\n        printWindow.document.head.appendChild(printStyles);\r\n\r\n        // Clone the myDiv element and add it to the new window\r\n        const clonedDiv = prepareFile.value.cloneNode(true);\r\n        printWindow.document.body.appendChild(clonedDiv);\r\n\r\n        // Print the new window\r\n        printWindow.print();\r\n        printWindow.close();\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"prepare-mail-list\">\r\n        <TabBar :tabs=\"mailListTabs\" />\r\n\r\n        <div class=\"tab-content mt-3\">\r\n            <div class=\"tab-pane fade show active\" id=\"prepareFile\" role=\"tabpanel\">\r\n                <div ref=\"prepareFile\">\r\n                    <div class=\"sub-tab-container\">\r\n                        <h3>Microsoft Excel File Format (.xlsx)</h3>\r\n                        <hr />\r\n                        <div>\r\n                            <p>Within Excel, all data fields should be separated by cells, or grids. Please note the following requirements for Microsoft Excel file format (.xlsx):</p>\r\n                            <ul class=\"excel-instructions\">\r\n                                <li>\r\n                                    This first name and last name should be placed in separate data fields in the Excel file.\r\n                                </li>\r\n                                <li>\r\n                                    All of the shipping address list data should be located within ONE worksheet, or tab within your Excel file. The process will automatically select the first worksheet within your Excel file for upload.\r\n                                </li>\r\n                                <li>\r\n                                    A Street Address, Apartment, Suite or Unit number, PO Box, City and State, Zip Code and Phone Number should also be placed in separate data fields within the Excel file.\r\n                                </li>\r\n                                <li>\r\n                                    <strong>IMPORTANT: </strong> When saving your Excel File for the List Uplaod process be sure it is saved in .xlsx file extension format.\r\n                                </li>\r\n\r\n                            </ul>\r\n                        </div>\r\n                        <div class=\"table-container\">\r\n                            <p>See example of file below for reference</p>\r\n                            <div class=\"table-responsive\">\r\n                                <table class=\"table-striped m-auto border border-dark p-1\">\r\n                                    <thead class=\"title bg-dark text-white\">\r\n                                        <tr>\r\n                                            <th>First Name</th>\r\n                                            <th>Last Name</th>\r\n                                            <th>Company Name</th>\r\n                                            <th>Address 1</th>\r\n                                            <th>Address 2</th>\r\n                                            <th>City</th>\r\n                                            <th>State</th>\r\n                                            <th>Zip</th>\r\n                                            <th>Phone Number</th>\r\n                                        </tr>\r\n                                    </thead>\r\n                                    <tr v-for=\"data in sampleData\" :key=\"data\">\r\n                                        <td>{{ data.firstName }}</td>\r\n                                        <td>{{ data.lastName }}</td>\r\n                                        <td>{{ data.company }}</td>\r\n                                        <td>{{ data.addressLine1 }}</td>\r\n                                        <td>{{ data.addressLine2 }}</td>\r\n                                        <td>{{ data.city }}</td>\r\n                                        <td>{{ data.state }}</td>\r\n                                        <td>{{ data.zip }}</td>\r\n                                        <td>{{ data.phoneNumber }}</td>\r\n                                    </tr>\r\n                                </table>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"btn-container\">\r\n                    <button class=\"btn btn-primary-outline border border-primary\" @click=\"printContent('prepareFile')\">Print for Reference</button>\r\n                    <a class=\"btn btn-primary ml-2\" href=\"/downloads/Shipping_Address_Upload_Template_Sample.xlsx\">Download sample list template</a>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"tab-pane fade\" id=\"faqs\" role=\"tabpanel\">\r\n                <div class=\"sub-tab-container\">\r\n                    <h3>FAQs</h3>\r\n                    <div class=\"table-responsive\">\r\n                        <table class=\"table table-striped mw-100\">\r\n                            <tbody>\r\n                                <tr>\r\n                                    <td>\r\n                                        <h3>Who do I contact for help?</h3>\r\n                                        <p>Please contact the Safeco Marketing Solutions Center Technical Support Line at (800) 845-9860.</p>\r\n                                        <p>Office Hours: Monday - Friday, 9:00 am to 8:00 pm ET.</p>\r\n                                        <h3>Does Safeco have access to the list that I upload?</h3>\r\n                                        <p>No. The uploaded list is not accessible to Safeco. Only the 3rd party vendor that ships your item(s) has access to your list.</p>\r\n                                    </td>\r\n                                </tr>\r\n                            </tbody>\r\n                        </table>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<style lang=\"scss\">\r\n    .prepare-mail-list {\r\n        strong {\r\n            color: #1a1446;\r\n        }\r\n\r\n        .table-container {\r\n            background: #f5f5f5;\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-direction: column;\r\n            padding: 2.5rem;\r\n            gap: 8px;\r\n        }\r\n\r\n        .table-responsive table {\r\n            width: 100%\r\n        }\r\n\r\n        .btn-container {\r\n            margin-top: 1rem;\r\n            display: flex;\r\n            gap: 2rem;\r\n        }\r\n\r\n        td {\r\n            white-space: normal !important;\r\n            word-wrap: break-word;\r\n        }\r\n\r\n        table {\r\n            table-layout: fixed;\r\n        }\r\n    }\r\n</style>\r\n","import script from \"./PrepareMailList.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PrepareMailList.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PrepareMailList.vue?vue&type=style&index=0&id=1f76a63a&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    //  UploadAddressList\r\n    // This will accept a drag and drop of file or a select file box that can upload multiple files.\r\n\r\n\r\n    // Constants\r\n    const fileFormats = {        \r\n        XLSX: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\r\n        CSV: 'text/csv'\r\n    }\r\n\r\n    // Imports\r\n    import { ref, defineEmits } from 'vue';\r\n    import { site } from '@/Site';\r\n\r\n    // State\r\n    const active = ref(false);\r\n    const isInvalidFileType = ref(false);\r\n    const fileName = ref('');\r\n    const hasFileUploaded = ref(false);\r\n    const fileUploadErrorMessage = ref('');\r\n\r\n    const acceptedUploadFormats = ref(Object.values(fileFormats));\r\n    const isMultipleFilesSelected = ref(false);\r\n\r\n    // Methods\r\n    async function uploadFile(e) {\r\n\r\n        const formData = new FormData();\r\n\r\n        let files;\r\n\r\n        if (e.type == 'change') {\r\n\r\n            if (e.target.files.length > 1) {\r\n                isMultipleFilesSelected.value = true;\r\n                hasFileUploaded.value = false;\r\n                return;\r\n            }\r\n\r\n            files = e.target.files;\r\n        }\r\n\r\n        if (e.type == 'drop') {\r\n            files = e.dataTransfer.files;\r\n        }\r\n\r\n        for (let file of files) {\r\n\r\n            if (acceptedUploadFormats.value.indexOf(file.type) == -1) {\r\n                isInvalidFileType.value = true;\r\n                hasFileUploaded.value = false;\r\n                return;\r\n\r\n            } else {\r\n                hasFileUploaded.value = false;\r\n                isInvalidFileType.value = false;\r\n                fileName.value = file.name;\r\n                formData.append('file', file);\r\n            }\r\n        }\r\n\r\n        active.value = false;        \r\n        const response = await site.addressList.uploadAddressList(formData);\r\n        if (response.succeeded) {\r\n            hasFileUploaded.value = true;\r\n            fileUploadErrorMessage.value = '';\r\n            emits('uploaded', true);\r\n            emits('uploadedAddressList', response.uploadedListSummary);\r\n        } else {\r\n            hasFileUploaded.value = false;\r\n            const message = (response.data.messages && response.data.messages[0]?.debugMessage)\r\n                || \"Something went wrong, please try again later\";\r\n            fileUploadErrorMessage.value = message;\r\n            emits('uploaded', false);\r\n        }\r\n    }\r\n\r\n    const toggleActive = () => {\r\n        active.value = !active.value;\r\n    }\r\n\r\n    // Emits ----\r\n    const emits = defineEmits(['uploadedAddressList', 'uploaded']);\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"file-drop-zone\">\r\n        <div class=\"row mb-2 invalid-file\" v-if=\"isInvalidFileType\">\r\n            <div class=\"invalid-file-message p-2\">\r\n                <span><strong>File format not accepted</strong> </span>\r\n                <span>Accepted file format is .xlsx and .csv  </span>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row mb-2 invalid-file\" v-if=\"isMultipleFilesSelected\">\r\n            <div class=\"invalid-file-message p-2\">\r\n                <span><strong>Selected multiple files</strong> </span>\r\n                <span>Please select single file</span>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row mb-2 invalid-file\" v-if=\"fileUploadErrorMessage\">\r\n            <div class=\"invalid-file-message p-2\">\r\n                <span><strong>File upload failed</strong> </span>\r\n                <span>{{ fileUploadErrorMessage }}</span>\r\n            </div>\r\n        </div>\r\n\r\n\r\n        <div class=\"row mb-2 invalid-file\" v-if=\"hasFileUploaded && fileName\">\r\n            <div class=\"valid-file-message p-2\">\r\n                <span><strong>File upload success</strong> </span>\r\n                <span> {{fileName}} Has been loaded.</span>\r\n            </div>\r\n        </div>\r\n\r\n\r\n        <div class=\"row upload-container\">\r\n            <div class=\"row mb-2 mt-2\">\r\n                <div class=\"file-upload mb-2\">\r\n                    <input class=\"dropzone\"\r\n                           @dragenter.prevent=\"toggleActive\"\r\n                           @dragleave.prevent=\"toggleActive\"\r\n                           @dragover.prevent\r\n                           @drop.prevent=\"uploadFile($event)\"\r\n                           :class=\"{ 'active-dropzone' : active }\" placeholder=\"Drop file here\" />\r\n                    <label class=\"btn btn-primary\" for=\"formFile\">Browse</label>\r\n                    <input @change=\"uploadFile($event)\" type=\"file\" id=\"formFile\" :accept=\"acceptedUploadFormats\">\r\n                </div>\r\n                <div class=\"mb-2\">\r\n                    <label for=\"dropfile\"> (Accepted file format is .xlsx and .csv)</label>\r\n                </div>\r\n                <div class=\"mb-2\">\r\n                    <a class=\"text-decoration-none\" href=\"/downloads/Shipping_Address_Upload_Template_Sample.xlsx\"> Download Sample File</a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .file-drop-zone {\r\n\r\n        .show-center {\r\n            padding-left: 12px;\r\n            padding-right: 12px;\r\n        }\r\n\r\n        .dropzone {\r\n            border: 1px solid $color-1;\r\n            display: inline-flex;\r\n            padding: 6px 12px;\r\n        }\r\n\r\n        #formFile {\r\n            display: none;\r\n        }\r\n\r\n        .active-dropzone {\r\n            background: $color-1;\r\n        }\r\n\r\n        .invalid-file {\r\n            padding: 6px 12px;\r\n        }\r\n\r\n        .invalid-file-message {\r\n            display: inline-grid;\r\n            color: red;            \r\n        }\r\n\r\n        .valid-file-message {\r\n            display: inline-grid;\r\n            color: green;            \r\n        }\r\n\r\n        .upload-container {\r\n            background: #f2fcfc;\r\n            padding: 1rem;\r\n        }\r\n    }\r\n\r\n    .accepted-file {\r\n        color: #997870;\r\n    }\r\n\r\n    .file-upload {\r\n        display: inline-flex;\r\n    }\r\n</style>","import script from \"./UploadAddressList.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./UploadAddressList.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./UploadAddressList.vue?vue&type=style&index=0&id=40c5a85e&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    // Imports ----\r\n    import { defineProps, computed, defineEmits } from 'vue';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        uploadedListSummary: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    const hasAddressList = computed(() => {\r\n        if (props.uploadedListSummary && props.uploadedListSummary?.total > 0)\r\n            return true;\r\n        return false;\r\n    })\r\n\r\n    const previewList = computed(() => {\r\n        if (hasAddressList.value) {\r\n            if (props.uploadedListSummary?.total <= 20) {\r\n                return props.uploadedListSummary?.uploadedListItems;\r\n            }\r\n            else {\r\n                return props.uploadedListSummary?.uploadedListItems.slice(0, 20)\r\n            }\r\n        }\r\n        return [];\r\n    });\r\n\r\n    // Emits ----\r\n    const emits = defineEmits(['back', 'next']);\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"row my-5\">\r\n\r\n        <div class=\"col border-bottom border-color-1\">\r\n\r\n            <div class=\"d-flex\">\r\n                <div class=\"text-color-1\">\r\n                    <h3 class=\"mb-0\"> Preview the address in your file</h3>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"row mb-5 mt-2\">\r\n        <div class=\"col\">\r\n\r\n            <div class=\"address-list  table-responsive\">\r\n                <template v-if=\"hasAddressList\">\r\n                    <h3 class=\"p-4\">Compare these first {{ previewList.length }} records in this preview to your data file.</h3>\r\n                    <table class=\"table table-striped w-auto mw-100\">\r\n                        <thead class=\"title\">\r\n                            <tr>\r\n                                <th>Addressee</th>\r\n                                <th>Company</th>\r\n                                <th>Address Line 1</th>\r\n                                <th>Address Line 2</th>\r\n                                <th>City</th>\r\n                                <th>State</th>\r\n                                <th>Zip</th>\r\n                                <th>Country</th>\r\n                                <th>PhoneNumber</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <tr v-for=\"addr in previewList\" :key=\"addr\">\r\n                                <td class=\"abbreviation\">{{addr.address?.addressee}}</td>\r\n                                <td class=\"abbreviation\">{{addr.address?.companyName}}</td>\r\n                                <td class=\"abbreviation\">{{addr.address?.addressLine1}}</td>\r\n                                <td class=\"abbreviation\">{{addr.address?.addressLine2}}</td>\r\n                                <td class=\"abbreviation\">{{addr.address?.city}}</td>\r\n                                <td class=\"abbreviation\">{{addr.address?.state ?? addr.address?.province}}</td>\r\n                                <td class=\"abbreviation\">{{addr.address?.postalCode}}</td>\r\n                                <td class=\"abbreviation\">{{addr.address?.countryCode}}</td>\r\n                                <td class=\"abbreviation\">{{addr.address?.shipToPhoneNumber}}</td>\r\n                            </tr>\r\n                        </tbody>\r\n                    </table>\r\n                </template>\r\n                <template v-else>\r\n                    <slot name=\"empty\"></slot>\r\n                </template>\r\n            </div>\r\n\r\n\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"show-right\">\r\n        <PageButton class=\"me-2\" :outline=\"true\" @click=\"emits('back')\">Back</PageButton>\r\n        <PageButton class=\"me-2\" @click=\"emits('next')\" :disabled=\"!hasAddressList\">Next</PageButton>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .address-list {\r\n        .title {\r\n            font-size: inherit;\r\n        }\r\n\r\n        .table td.abbreviation {\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n        }\r\n\r\n        .table td.abbreviation {\r\n            max-width: 100px;\r\n        }\r\n\r\n        .mw-100 {\r\n            min-width: 100%;\r\n        }\r\n    }\r\n</style>","import script from \"./PreviewAddressList.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PreviewAddressList.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PreviewAddressList.vue?vue&type=style&index=0&id=06a826f6&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    //UploadErrors \r\n\r\n    // Imports ----\r\n    import { defineProps, defineEmits, computed, ref } from 'vue';\r\n    import { site } from '@/Site';\r\n\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n\r\n        uploadedListSummary: {\r\n            type:Object,\r\n            required: true\r\n        },\r\n        editingMode: {\r\n            type: Boolean,\r\n            required: true,\r\n            default:false\r\n        }\r\n\r\n    });\r\n\r\n    const updatedAddresses = ref([]);\r\n\r\n    const errorAddresses = computed(() => {\r\n        return props.uploadedListSummary.uploadedListItems?.filter(addr => addr.validationErrors.length > 0);\r\n    })\r\n\r\n    const isEditing = computed(() => {\r\n        return props.editingMode;\r\n    })\r\n\r\n    async function  goToNext() {\r\n       \r\n        const updatedAddresses = props.uploadedListSummary.uploadedListItems?.map((addr) => { return addr.address });\r\n        const response = await site.addressList.validateAddresses(updatedAddresses);\r\n        \r\n        if(response.succeeded){\r\n            emits('update', response.uploadedListSummary);\r\n        }\r\n    }\r\n\r\n    function updateAddress(address, index){\r\n        updatedAddresses.value.splice(index, 1, address)\r\n    }\r\n\r\n    function hasError(validationErrors, field) {\r\n\r\n        const errors = validationErrors.filter(item => item.field == field);\r\n        if (errors.length > 0)\r\n            return true;\r\n\r\n        return false;\r\n    }\r\n\r\n    function getErrorMessage(validationErrors, field) {\r\n        const errors = validationErrors.filter(item => item.field == field);\r\n        if(errors.length > 0)\r\n            return errors[0].errorMessage;\r\n        return '';\r\n    }\r\n\r\n    function cancelEdit(){\r\n     emits('cancel');\r\n    }\r\n\r\n    // Emits ----\r\n    const emits = defineEmits(['update', 'cancel']);\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n        <div class=\"row mb-5 mt-2\">\r\n            <div class=\"col\">\r\n\r\n                <div class=\"error-records table-responsive\">\r\n                    <table class=\"table table-striped w-100 mw-100\">\r\n                        <thead class=\"title\">\r\n                            <tr>\r\n                                <th></th>\r\n                                <th>Addressee</th>\r\n                                <th>Address Line 1</th>\r\n                                <th>Address Line 2</th>\r\n                                <th>City</th>\r\n                                <th>State</th>\r\n                                <th>Zip</th>\r\n                                <th>Country</th>\r\n                                <th>PhoneNumber</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <tr v-for=\"(addr, index) in errorAddresses\" :key=\"addr\">\r\n                                <td><i class=\"bi bi-x-circle-fill btn-danger\" style=\"color:red\" /></td>\r\n\r\n                                <td v-if=\"hasError(addr.validationErrors, 'Addressee')\">\r\n                                    <template v-if=\"isEditing\">\r\n                                        <input v-model=\"addr.address.addressee\" type=\"text\" style=\"border: 1px solid red;\" @change=\"updateAddress(addr.address,index)\" :title=\"getErrorMessage(addr.validationErrors, 'Addressee')\" />\r\n                                    </template>\r\n                                    <template v-else>\r\n                                        <div class=\"w-100\" style=\"border: 1px solid red; height: 1.1rem\" :title=\"getErrorMessage(addr.validationErrors, 'Addressee')\">\r\n                                            {{ addr.address.addressee }}\r\n                                        </div>\r\n                                    </template>\r\n                                </td>\r\n                                <td v-else>{{addr.address?.addressee}}</td>\r\n\r\n                                <td v-if=\"hasError(addr.validationErrors, 'AddressLine1')\">\r\n\r\n                                    <template v-if=\"isEditing\">\r\n                                        <input v-model=\"addr.address.addressLine1\" type=\"text\" style=\"border: 1px solid red;\" @change=\"updateAddress(addr.address,index)\" :title=\"getErrorMessage(addr.validationErrors, 'AddressLine1')\" />\r\n                                    </template>\r\n                                    <template v-else>\r\n                                        <div class=\"w-100\" style=\"border: 1px solid red; height: 1.1rem\" :title=\"getErrorMessage(addr.validationErrors, 'AddressLine1')\">\r\n                                            {{ addr.address.addressLine1 }}\r\n                                        </div>\r\n                                    </template>\r\n\r\n                                </td>\r\n                                <td v-else>{{addr.address?.addressLine1}}</td>\r\n\r\n                                <td>{{addr.address?.addressLine2}}</td>\r\n\r\n                                <td v-if=\"hasError(addr.validationErrors, 'City')\">\r\n\r\n                                    <template v-if=\"isEditing\">\r\n                                        <input v-model=\"addr.address.city\" type=\"text\" style=\"border: 1px solid red;\" @change=\"updateAddress(addr.address,index)\" :title=\"getErrorMessage(addr.validationErrors, 'City')\" />\r\n                                    </template>\r\n                                    <template v-else>\r\n                                        <div class=\"w-100\" style=\"border: 1px solid red; height: 1.1rem\" :title=\"getErrorMessage(addr.validationErrors, 'City')\">\r\n                                            {{ addr.address.city }}\r\n                                        </div>\r\n                                    </template>\r\n\r\n                                </td>\r\n                                <td v-else>{{addr.address?.city}}</td>\r\n\r\n                                <td v-if=\"hasError(addr.validationErrors, 'State')\">\r\n\r\n                                    <template v-if=\"isEditing\">\r\n                                        <input v-model=\"addr.address.state\" type=\"text\" style=\"border: 1px solid red;\" @change=\"updateAddress(addr.address,index)\" :title=\"getErrorMessage(addr.validationErrors, 'State')\" />\r\n                                    </template>\r\n                                    <template v-else>\r\n                                        <div class=\"w-100\" style=\"border: 1px solid red; height: 1.1rem\" :title=\"getErrorMessage(addr.validationErrors, 'State')\">\r\n                                            {{ addr.address.state }}\r\n                                        </div>\r\n\r\n                                    </template>\r\n\r\n                                </td>\r\n                                <td v-else>{{addr.address?.state}}</td>\r\n\r\n                                <td v-if=\"hasError(addr.validationErrors, 'PostalCode')\">\r\n\r\n                                    <template v-if=\"isEditing\">\r\n                                        <input v-model=\"addr.address.postalCode\" type=\"text\" style=\"border: 1px solid red;\" @change=\"updateAddress(addr.address,index)\" :title=\"getErrorMessage(addr.validationErrors, 'PostalCode')\" />\r\n                                    </template>\r\n                                    <template v-else>\r\n                                        <div class=\"w-100\" style=\"border: 1px solid red; height: 1.1rem\" :title=\"getErrorMessage(addr.validationErrors, 'PostalCode')\">\r\n                                            {{ addr.address.postalCode }}\r\n                                        </div>\r\n                                    </template>\r\n\r\n                                </td>\r\n                                <td v-else>{{addr.address?.postalCode}}</td>\r\n\r\n                                <td v-if=\"hasError(addr.validationErrors, 'Country Code')\">\r\n\r\n                                    <template v-if=\"isEditing\">\r\n                                        <input v-model=\"addr.address.countryCode\" type=\"text\" style=\"border: 1px solid red;\" @change=\"updateAddress(addr.address,index)\" :title=\"getErrorMessage(addr.validationErrors, 'Country Code')\" />\r\n                                    </template>\r\n                                    <template v-else>\r\n                                        <div class=\"w-100\" style=\"border: 1px solid red; height: 1.1rem\" :title=\"getErrorMessage(addr.validationErrors, 'Country Code')\">\r\n                                            {{ addr.address.countryCode }}\r\n                                        </div>\r\n                                    </template>\r\n\r\n                                </td>\r\n                                <td v-else>{{addr.address?.countryCode}}</td>\r\n\r\n                                <td v-if=\"hasError(addr.validationErrors, 'ShipToPhoneNumber')\">\r\n\r\n                                    <template v-if=\"isEditing\">\r\n                                        <input v-model=\"addr.address.shipToPhoneNumber\" type=\"text\" style=\"border: 1px solid red;\" @change=\"updateAddress(addr.address,index)\" :title=\"getErrorMessage(addr.validationErrors, 'ShipToPhoneNumber')\" />\r\n                                    </template>\r\n                                    <template v-else>\r\n                                        <div class=\"w-100\" style=\"border: 1px solid red; height: 1.1rem\" :title=\"getErrorMessage(addr.validationErrors, 'ShipToPhoneNumber')\">\r\n                                            {{ addr.address.shipToPhoneNumber }}\r\n                                        </div>\r\n                                    </template>\r\n\r\n                                </td>\r\n                                <td v-else>{{addr.address?.shipToPhoneNumber}}</td>\r\n\r\n                            </tr>\r\n                        </tbody>\r\n                    </table>\r\n                </div>\r\n\r\n\r\n                <div class=\"row my-5\" v-if=\"props.editingMode\">\r\n                    <div class=\"col text-center\">\r\n                        <button class=\"btn btn-outline-primary  me-3\" @click=\"cancelEdit()\">Cancel</button>\r\n                        <button class=\"btn btn-primary\" @click=\"goToNext()\">Next</button>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    \r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n</style>","import script from \"./UploadErrors.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./UploadErrors.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    //UploadSummary\r\n    //Data validation of uploaded address list\r\n\r\n    // Imports ----\r\n    import { defineProps, ref, defineEmits, computed } from 'vue';\r\n    import UploadErrors from './UploadErrors';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        uploadedListSummary: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    const editingMode = ref(false);\r\n\r\n    const recipientsSelectTypeSelected = ref(\"proceed\");\r\n    const recipientsSelectType = [\r\n        { value: 'proceed', label: 'Proceed only with records loaded successfully' },\r\n        { value: 'reupload', label: 'Cancel and Upload Again' },\r\n        { value: 'fix', label: 'Fix Records with Errors' }\r\n    ];\r\n\r\n\r\n    const hasUploadErrors = computed(() => {\r\n        return props.uploadedListSummary.uploadedListItems?.filter(addr => addr.validationErrors.length > 0).length > 0\r\n    });\r\n\r\n    function goToNext() {\r\n\r\n        if (recipientsSelectTypeSelected.value == \"proceed\")\r\n            emits('next');\r\n        else if (recipientsSelectTypeSelected.value == \"fix\")\r\n            editingMode.value = true;\r\n        else\r\n            emits('cancel');\r\n\r\n    }\r\n\r\n    function cancelEditing() {\r\n        editingMode.value = false;\r\n    }\r\n\r\n    // TODO: refresh this page\r\n    function updated(addresses) {\r\n        recipientsSelectTypeSelected.value = \"proceed\"\r\n        editingMode.value = false;\r\n        emits('update', addresses);\r\n    }\r\n    function showOption(option) {\r\n        if (option == \"fix\" && !hasUploadErrors.value)\r\n            return false;\r\n        return true;\r\n    }\r\n\r\n\r\n    // Emits ----\r\n    const emits = defineEmits(['next', 'cancel', 'update']);\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"upload-summary\">\r\n\r\n        <div class=\"row my-5\">\r\n\r\n            <div class=\"col border-bottom border-color-1\">\r\n\r\n                <div class=\"d-flex\">\r\n                    <div class=\"text-color-1\">\r\n                        <h2 v-if=\"!editingMode && !hasUploadErrors\" class=\"mb-0\"> Upload Address Summary</h2>\r\n                        <h2 class=\"mb-0\" v-else> Edit Failed Records</h2>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div v-if=\"editingMode && hasUploadErrors\">\r\n            <UploadErrors :uploadedListSummary=\"props.uploadedListSummary\" :editingMode=\"editingMode\" @update=\"updated\" @cancel=\"cancelEditing\"></UploadErrors>\r\n        </div>\r\n\r\n        <div class=\"row mb-5 mt-2\" v-else>\r\n            <div class=\"col\">\r\n\r\n                <div class=\"row records-summary\">\r\n                    <div class=\"col-sm-4\">\r\n                        <h4><span>{{ props.uploadedListSummary.total }}</span> <span class=\"fw-normal\">Total Records</span></h4>\r\n                    </div>\r\n                    <div class=\"col-sm-4\">\r\n                        <h4><span class=\"text-danger\"> {{ props.uploadedListSummary.failed }}</span> <span class=\"fw-normal\"> Records Failed </span></h4>\r\n                    </div>\r\n                    <div class=\"col-sm-4\">\r\n                        <h4><span class=\"text-success\"> {{  props.uploadedListSummary.success }}</span><span class=\"fw-normal\"> Records Loaded Successfully </span></h4>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row mb-5 my-5 action-container\">\r\n                    <div class=\"mb-2\">\r\n                        <h3 class=\"text-center\">Preview the records that failed below. How would you like to proceed?</h3>\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-4 offset-sm-4\">\r\n\r\n                        <div class=\"form-check mb-3\" v-for=\"type in recipientsSelectType\" :key=\"type.value\">\r\n                            <label class=\"form-check-label\" v-if=\"showOption(type.value)\">\r\n                                <input class=\"form-check-input\" type=\"radio\" v-model=\"recipientsSelectTypeSelected\" :value=\"type.value\">\r\n                                {{type.label}}\r\n                            </label>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n                    <div class=\"col text-center\">\r\n                        <button class=\"btn btn-outline-primary  me-3\" @click=\"emits('cancel');\">Cancel</button>\r\n                        <button class=\"btn btn-primary\" @click=\"goToNext()\">Next</button>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <UploadErrors :uploadedListSummary=\"props.uploadedListSummary\" :editingMode=\"editingMode\" @update=\"updated\" @cancel=\"cancelEditing\" v-if=\"hasUploadErrors\"></UploadErrors>\r\n\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .upload-summary {\r\n\r\n        .records-summary {\r\n            background: #f2fcfc;\r\n            padding: 10px;\r\n        }\r\n\r\n        .n-action-button {\r\n            .bi {\r\n                color: #ffffff;\r\n            }\r\n        }\r\n\r\n        .action-container {\r\n            background: #f2fcfc;\r\n            padding: 1rem;\r\n        }\r\n    }\r\n</style>","import script from \"./UploadSummary.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./UploadSummary.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./UploadSummary.vue?vue&type=style&index=0&id=1969abc6&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ShipToContacts\r\n    // Allows the user to select multiple contacts as the ship-to, generating a bulk order.\r\n\r\n    // Constants ----\r\n    const Display = {\r\n        SUMMARY_ADDRESS_LIST: 'SUMMARY_ADDRESS_LIST',\r\n        PREVIEW_ADDRESS_LIST: 'PREVIEW_ADDRESS_LIST',\r\n        CONFIRM_ADDRESS_LIST: 'CONFIRM_ADDRESS_LIST',\r\n        UPLOAD_ADDRESS_LIST: 'UPLOAD_ADDRESS_LIST'\r\n    };\r\n\r\n    const router = useRouter();\r\n\r\n    const AddOption =\r\n    {\r\n        NEW_CONTACT: 'NEW_CONTACT',\r\n        FROM_CONTACTS: 'FROM_CONTACTS',\r\n        UPLOAD_FILE: 'UPLOAD_FILE'\r\n    };\r\n\r\n    // Components ----\r\n    import PrepareMailList from '@/site/areas/cart/components/PrepareMailList.vue';\r\n    import UploadAddressList from '@/site/areas/cart/components/UploadAddressList';\r\n    import PreviewAddressList from '@/site/areas/cart/components/PreviewAddressList';\r\n    import ConfirmAddressList from '@/site/areas/cart/components/ConfirmAddressList';\r\n    import UploadSummary from '@/site/areas/cart/components/UploadSummary';\r\n\r\n    // Import ----\r\n    import { ref, computed } from 'vue';\r\n    import { useRouter } from 'vue-router';\r\n    import { site } from '@/Site';\r\n\r\n    // State ----\r\n    const display = ref(Display.UPLOAD_ADDRESS_LIST);\r\n    const selectedOption = ref(AddOption.UPLOAD_FILE);\r\n    const uploadedListSummary = ref({});\r\n\r\n    let showUploadFile = ref(false);\r\n    const hasFileUploaded = ref(false);\r\n    //computed\r\n\r\n    const validAddresses = computed(() => {\r\n        return uploadedListSummary.value.uploadedListItems?.filter(addr => addr.validationErrors.length == 0).map((addr) => { return addr.address });\r\n    })\r\n\r\n    const haveAddressesUpdated = ref(false);\r\n\r\n    // Handlers ----\r\n\r\n    function onPreviewClicked() {\r\n        display.value = Display.PREVIEW_ADDRESS_LIST;\r\n    }\r\n\r\n    function onConfirmClicked() {\r\n        // Pass only valid addresses\r\n        display.value = Display.CONFIRM_ADDRESS_LIST;\r\n        // upload the address here\r\n        updatedAddresses(validAddresses.value);\r\n    }\r\n\r\n    function onSummaryClicked() {\r\n        display.value = Display.SUMMARY_ADDRESS_LIST;\r\n    }\r\n\r\n    function showPreviewList(uploadedAddresses) {\r\n        uploadedListSummary.value = uploadedAddresses;\r\n    }\r\n\r\n    function updatedAddresses(updatedAddresses) {\r\n        haveAddressesUpdated.value = true;\r\n        site.cart.setShipToMultiplContacts(updatedAddresses);\r\n    }\r\n\r\n\r\n    async function goToPaymentPage(shipToContacts) {\r\n        if (!haveAddressesUpdated.value) {\r\n            await site.cart.setShipToMultiplContacts(shipToContacts);\r\n        }\r\n\r\n        if (await site.cart.updateMultiShipItemsQuantity()) {            \r\n            router.push({ path: '/checkout/payment' })\r\n        }\r\n\r\n    }\r\n    function goToUploadFile() {\r\n        display.value = Display.UPLOAD_ADDRESS_LIST;\r\n        selectedOption.value = AddOption.UPLOAD_FILE;\r\n        showUploadFile.value = true;\r\n        uploadedListSummary.value = {};\r\n    }\r\n\r\n    function fixedAddresses(addresses) {\r\n        uploadedListSummary.value = addresses;\r\n        onSummaryClicked();\r\n    }\r\n\r\n    function uploadStatus(uploadStatus) {\r\n        if (uploadStatus)\r\n            hasFileUploaded.value = true;\r\n        else\r\n            hasFileUploaded.value = false;\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"ship-to-contacts\">\r\n        <!-- Option to upload file and proceed -->\r\n        <template v-if=\"display === Display.PREVIEW_ADDRESS_LIST\">\r\n            <PreviewAddressList :uploadedListSummary=\"uploadedListSummary\" @back=\"goToUploadFile\" @next=\"onSummaryClicked\">\r\n                <template #empty>\r\n                    No addresses found. Please go back and upload addresses.\r\n                </template>\r\n            </PreviewAddressList>\r\n\r\n        </template>\r\n\r\n        <template v-else-if=\"display === Display.SUMMARY_ADDRESS_LIST\">\r\n            <UploadSummary :uploadedListSummary=\"uploadedListSummary\" @next=\"onConfirmClicked\" @cancel=\"goToUploadFile\" @update=\"fixedAddresses\">\r\n                <template #empty>\r\n                    Empty Addresses\r\n                </template>\r\n            </UploadSummary>\r\n\r\n        </template>\r\n\r\n        <template v-else-if=\"display === Display.CONFIRM_ADDRESS_LIST\">\r\n            <ConfirmAddressList :addressList=\"validAddresses\" @update=\"updatedAddresses\">\r\n                <template #empty>\r\n                    Empty Addresses\r\n                </template>\r\n            </ConfirmAddressList>\r\n\r\n            <div class=\"show-right\">\r\n                <PageButton class=\"me-2\" :outline=\"true\" @click=\"goToUploadFile\">Cancel</PageButton>\r\n                <PageButton class=\"me-2\" :disabled=\"validAddresses.length === 0\" @click=\"goToPaymentPage(validAddresses)\">Next</PageButton>\r\n            </div>\r\n        </template>\r\n\r\n\r\n        <template v-else>\r\n            <div class=\"row my-5\">\r\n                <div class=\"col border-bottom border-color-1\">\r\n\r\n                    <div class=\"d-flex\">\r\n                        <div class=\"text-color-1\">\r\n                            <h2 class=\"mb-0\">Upload Your List of Addresses</h2>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <UploadAddressList @uploadedAddressList=\"showPreviewList\" @uploaded=\"uploadStatus\" />\r\n\r\n\r\n            <div class=\"row mb-5\">\r\n                <div class=\"text-center mt-4 mb-4\">\r\n\r\n                    <div class=\"show-right\">\r\n                        <PageButton class=\"me-2\" :disabled=\"!hasFileUploaded\" @click=\"onPreviewClicked\">Preview</PageButton>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-5\">\r\n                <PrepareMailList />\r\n            </div>\r\n        </template>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .ship-to-contacts {\r\n        .add-contacts {\r\n            .sub-title {\r\n                font-weight: $bold;\r\n            }\r\n        }\r\n\r\n        .show-right {\r\n            float: right\r\n        }\r\n\r\n\r\n        .add-options {\r\n        }\r\n\r\n        .add-option {\r\n            border: 1px solid $gray-20;\r\n            padding: 0.5rem;\r\n            height: 10rem;\r\n        }\r\n    }\r\n</style>","import script from \"./ShipToList.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ShipToList.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ShipToList.vue?vue&type=style&index=0&id=3244e983&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // OrderContactTile\r\n    // Customizes the standard AddressTile component with options/markup specific to an order contact (i.e. shipping address OR marketing contact).\r\n\r\n    // Components ----\r\n\r\n    // Imports ----\r\n    import { defineProps, computed } from 'vue';\r\n    import { site } from '@/Site';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // The order contact to show\r\n        contact: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        // An optional height to enforce.\r\n        height: {\r\n            type: String,\r\n            required: false,\r\n            default: null\r\n        },\r\n        // Whether to show a border around the tile.\r\n        border: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        }\r\n    });\r\n\r\n    // State ----\r\n\r\n    // Computed ----\r\n    const isDefault = computed(() => {\r\n        if (typeof props.contact === 'undefined')\r\n            return false;\r\n        else\r\n            return (site.shipping.addresses.length > 0 && props.contact.contactAddressId === site.shipping.addresses[0].id);\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"order-contact-tile\">\r\n        <AddressTile :address=\"props.contact\" :height=\"props.height\" :border=\"props.border\">\r\n            <template #top>\r\n                <div v-if=\"props.contact.marketingContactId !== null\" class=\"name-block\">\r\n                    <div v-if=\"props.contact.shipToEmail.length > 0\" class=\"email\">\r\n                        <a :href=\"'mailto:' + props.contact.shipToEmail\">{{ props.contact.shipToEmail }}</a>\r\n                    </div>\r\n                    <div v-if=\"props.contact.shipToPhoneNumber.length > 0\" class=\"phone\">{{ props.contact.shipToPhoneNumber}}</div>\r\n                </div>\r\n            </template>\r\n\r\n            <div class=\"mt-2\">\r\n                <div class=\"tags\">\r\n                    <span v-if=\"isDefault\" class=\"badge default-shipping\"><i class=\"bi bi-star-fill\"></i> Default Shipping</span>\r\n                </div>\r\n            </div>\r\n        </AddressTile>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .order-contact-tile {\r\n        overflow-x: clip;\r\n\r\n        .name-block {\r\n            margin-bottom: 0.25rem;\r\n        }\r\n\r\n        .name {\r\n            font-weight: $bold;\r\n            font-size: 0.9rem;\r\n            line-height: 1rem;\r\n        }\r\n\r\n        .default-shipping {\r\n            background-color: $highlight-1; // TODO: SCSS variable\r\n        }\r\n    }\r\n\r\n</style>","import script from \"./OrderContactTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrderContactTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OrderContactTile.vue?vue&type=style&index=0&id=7548674d&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // OrderContactTile\r\n    // Customizes the standard AddressTile component with options/markup specific to an order contact (i.e. shipping address OR marketing contact).\r\n\r\n    // Components ----\r\n\r\n    // Imports ----\r\n    import { defineProps } from 'vue';\r\n    import { Util } from '@dd-nucleus/nucleus-vue';\r\n    // Props ----\r\n    const props = defineProps({\r\n        // The order contact to show\r\n        contacts: {\r\n            type: Array,\r\n            required: true\r\n        },\r\n        // An optional height to enforce.\r\n        height: {\r\n            type: String,\r\n            required: false,\r\n            default: null\r\n        },\r\n        // Whether to show a border around the tile.\r\n        border: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        },\r\n    });\r\n\r\n    // State ----\r\n\r\n    function removeAddressListItem(addressToRemove) {\r\n        this.props.contacts.splice(this.props.contacts.indexOf(addressToRemove), 1);\r\n    }\r\n\r\n    function getAddressee(contact) {\r\n        if (Util.isNotEmpty(contact.addressee)) {\r\n            return contact.addressee;\r\n        } else {\r\n            return contact.firstName + \" \" + contact.lastName;\r\n        }\r\n    }\r\n    function formatContact(contact) {\r\n        let contactArray = [contact.addressLine1, contact.addressLine2, contact.city, contact.state, contact.postalCode];\r\n        return contactArray.join(', ').replace(', , ', ', ');\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"order-contacts-tile\">\r\n        <template v-if=\"props.contacts.length > 0\">\r\n            <ul class=\"list-group\">\r\n                <li class=\"list-group-item\" v-for=\"contact in contacts\" :key=\"contact\">\r\n                    <div><b>{{ contact.companyName }} </b></div>\r\n                    <div><b>{{ getAddressee(contact) }}</b>, {{ formatContact(contact)}} <span class=\"float-end remove\"><ActionButton v-if=\"editable\" icon=\"bi bi-x-lg\" label=\"\" @click=\"removeAddressListItem(contact)\" /></span></div>\r\n                </li>\r\n            </ul>\r\n        </template>\r\n        <div v-else>\r\n            <slot name=\"empty\"></slot>\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .order-contacts-tile {\r\n        overflow-x: clip;\r\n\r\n        .name-block {\r\n            margin-bottom: 0.25rem;\r\n        }\r\n\r\n        .name {\r\n            font-weight: $bold;\r\n            font-size: 0.9rem;\r\n            line-height: 1rem;\r\n        }\r\n\r\n        .default-shipping {\r\n            background-color: $highlight-1; // TODO: SCSS variable\r\n        }\r\n\r\n        .list-group-item:nth-child(even) {\r\n            background: $neutral-lt;\r\n        }\r\n    }\r\n</style>","import script from \"./OrderContactsTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrderContactsTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OrderContactsTile.vue?vue&type=style&index=0&id=01a5dbfa&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ShipTo\r\n    // Allows the user to select from different options for specifying ship-to address(es).\r\n\r\n    // Constants ----\r\n    const ShipToTypes = {\r\n        TO_USER: 'TO_USER',             // Shipping to the current user\r\n        TO_CONTACT: 'TO_CONTACT',       // Shipping to a single contact\r\n        TO_CONTACTS: 'TO_CONTACTS'      // Shipping to multiple contacts\r\n    };\r\n\r\n    // Components ----\r\n    import ShipToUser from './ShipToUser';\r\n    import ShipToContact from './ShipToContact';\r\n    import ShipToContacts from './ShipToContacts';\r\n    import ShipToList from './ShipToList';\r\n    import OrderContactTile from '@/site/components/OrderContactTile';\r\n    import OrderContactsTile from '@/site/components/OrderContactsTile';\r\n\r\n    // Imports ----\r\n    import { ref, reactive, defineProps, computed, onMounted, defineEmits } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { Util } from '@dd-nucleus/nucleus-vue';\r\n    import { DeliveryType } from '../../../../constants';\r\n    // Props ----\r\n    const props = defineProps({\r\n        // Whether this ship-to is editable\r\n        editable: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        },\r\n        // Whether to start in editing mode\r\n        editing: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    const editing = ref(props.editing);\r\n    const isLoaded = ref(false);\r\n    const shipToModeLoading = ref(false);\r\n    const allContactsTypeSelected = ref('');\r\n    const allContactType = {\r\n        SAVED: \"SAVED\",\r\n        UPLOAD: \"UPLOAD\"\r\n    }\r\n\r\n    const allContactsTypes = [\r\n        {\r\n            label: \"Select from my contacts\",\r\n            value: allContactType.SAVED\r\n        },\r\n        {\r\n            label: \"Upload a list of contacts\",\r\n            value: allContactType.UPLOAD\r\n        }\r\n    ];\r\n\r\n    const shipToTypes = reactive([\r\n        { id: ShipToTypes.TO_USER, text: 'Ship to My Address' },\r\n        { id: ShipToTypes.TO_CONTACT, text: 'Ship to a Contact' }\r\n    ]);    \r\n\r\n    // Computed ----\r\n    const shipToType = computed(() => {\r\n        switch (site.cart.current.shipToMode) {\r\n            case site.cart.ShipToMode.ShipToUser:\r\n            case site.cart.ShipToMode.DistributionList:\r\n                return ShipToTypes.TO_USER;\r\n            case site.cart.ShipToMode.ShipToContact:\r\n                return ShipToTypes.TO_CONTACT;\r\n            case site.cart.ShipToMode.ShipToContacts:\r\n                return ShipToTypes.TO_CONTACTS;\r\n            default:\r\n                if (typeof site.cart.current.shipToMode !== 'undefined')\r\n                    console.error(`ERROR: Unexpected ship to mode '${site.cart.current.shipToMode}' encountered`);\r\n                return ShipToTypes.TO_USER;\r\n        }\r\n    });\r\n\r\n    const hasNonPickPackItems = computed(() => {\r\n        let hasNonPickPackItem = false\r\n        for (let item of site.cart.current.items) {\r\n            if (item.product.deliveryType != DeliveryType.PHYSICAL) {\r\n                hasNonPickPackItem = true;\r\n                break\r\n            }\r\n        }\r\n        return hasNonPickPackItem\r\n    })\r\n\r\n    const shipToTypeTitle = computed(() => {\r\n        switch (shipToType.value) {\r\n            case ShipToTypes.TO_USER:\r\n                return \"Ship to This Address:\";\r\n            case ShipToTypes.TO_CONTACT:\r\n                return \"Ship to This Contact:\";\r\n            case ShipToTypes.TO_CONTACTS:\r\n                return \"Ship to Multiple Contacts:\";\r\n        }\r\n\r\n        return null;\r\n    });\r\n\r\n    const hasPromotionApplied = computed(() => {\r\n        if (site.cart.current.discountTotal != 0 || site.cart.current.additionalChargeTotal != 0) {\r\n            return true;\r\n        }\r\n        else {\r\n            return false;\r\n        }\r\n    });\r\n\r\n    // Events ----\r\n    const emit = defineEmits(['hasShippingDetails']);\r\n\r\n    // Handlers ----\r\n    onMounted(() => {\r\n        update();\r\n    });\r\n\r\n\r\n\r\n    // Called once we know we have a cart to work with\r\n    function update() {\r\n        if (typeof site.cart.current.shipToList === 'undefined') return;\r\n        \r\n        let canMultiShip = true;\r\n        if (canMultiShip) {\r\n            if (Util.isUndefined(shipToTypes.find((item) => item.id === ShipToTypes.TO_CONTACTS)))\r\n                shipToTypes.push({ id: ShipToTypes.TO_CONTACTS, text: 'Ship to Multiple Contacts' });\r\n        }\r\n        isLoaded.value = true;\r\n    }\r\n    \r\n    function onChange() {\r\n        editing.value = !editing.value;\r\n    }\r\n\r\n    function onHasShippingDetails(value) {\r\n        emit('hasShippingDetails', value);\r\n    }    \r\n\r\n    async function setShipToMode(id) {\r\n        shipToModeLoading.value = true;\r\n        switch (id) {\r\n            case ShipToTypes.TO_USER:\r\n                await site.cart.setShipToModeToShipUser();\r\n                break;\r\n            case ShipToTypes.TO_CONTACT:\r\n                await site.cart.setShipToModeToSingleContact();\r\n                break;\r\n            case ShipToTypes.TO_CONTACTS:\r\n                allContactsTypeSelected.value = '';\r\n                await site.cart.setShipToModeToMultipleContacts();\r\n                break;\r\n            default:\r\n                break;\r\n        }\r\n        shipToModeLoading.value = false;\r\n    }\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"ship-to\">\r\n        <template v-if=\"editing\">\r\n\r\n            <ul class=\"nav nav-tabs\">\r\n                <li v-for=\"type in shipToTypes\" :key=\"type.id\" class=\"nav-item\" @click=\"setShipToMode(type.id)\">\r\n                    <button :id=\"type.id\" class=\"nav-link\" :class=\"{ active: shipToType === type.id }\" data-bs-toggle=\"tab\" :data-bs-target=\"'#' + type.id + '-pane'\" type=\"button\" role=\"tab\">{{ type.text }}</button>\r\n                </li>\r\n            </ul>\r\n\r\n            <div class=\"loader\" v-show=\"shipToModeLoading\">\r\n                <div class=\"spinner-grow\" role=\"status\">\r\n                </div>\r\n                <p> Loading ... </p>\r\n            </div>\r\n\r\n            <div class=\"tab-content\" v-show=\"!shipToModeLoading\">\r\n                <div class=\"tab-pane fade pt-3\" :class=\"{ show: shipToType === ShipToTypes.TO_USER, active: shipToType === ShipToTypes.TO_USER }\" id=\"TO_USER-pane\" role=\"tabpanel\" aria-labelledby=\"TO_USER\" tabindex=\"0\">\r\n                    <ShipToUser :can-edit=\"true\" @hasShippingDetails=\"onHasShippingDetails\" />\r\n                </div>\r\n\r\n                <div class=\"tab-pane fade pt-3\" :class=\"{ show: shipToType === ShipToTypes.TO_CONTACT, active: shipToType === ShipToTypes.TO_CONTACT }\" id=\"TO_CONTACT-pane\" role=\"tabpanel\" aria-labelledby=\"TO_CONTACT\" tabindex=\"0\">\r\n                    <ShipToContact :can-edit=\"true\" @hasShippingDetails=\"onHasShippingDetails\" />\r\n                </div>\r\n\r\n                <div class=\"tab-pane fade pt-3\" :class=\"{ show: shipToType === ShipToTypes.TO_CONTACTS, active: shipToType === ShipToTypes.TO_CONTACTS }\" id=\"TO_CONTACTS-pane\" role=\"tabpanel\" aria-labelledby=\"TO_CONTACTS\" tabindex=\"0\">\r\n\r\n\r\n                    <div class=\"ship-warning\" v-if=\"hasNonPickPackItems\">\r\n                        <p>You have an item(s) in your cart that is not eligible for shipping to multiple addresses. Please complete that order or remove that item(s) from your cart before proceeding.</p>\r\n                    </div>\r\n\r\n                    <div class=\"ship-warning\" v-if=\"hasPromotionApplied\">\r\n                        <p>You have an item(s) in your cart that has a promotion(s) applied. Shipping to multiple contacts is not available.</p>\r\n                    </div>                    \r\n\r\n                    <div v-else>\r\n\r\n                        <div v-if=\"allContactsTypeSelected.length == 0\">\r\n                            <div class=\"form-check mb-3\" v-for=\"type in allContactsTypes\" :key=\"type.value\">\r\n                                <label class=\"form-check-label\">\r\n                                    <input class=\"form-check-input\" type=\"radio\" v-model=\"allContactsTypeSelected\" :value=\"type.value\" name=\"howToSend\">\r\n                                    {{type.label}}\r\n                                </label>\r\n                            </div>\r\n                        </div>\r\n\r\n\r\n                        <ShipToList v-if=\"allContactsTypeSelected === allContactType.UPLOAD\" :can-edit=\"true\" />\r\n\r\n                        <ShipToContacts v-if=\"allContactsTypeSelected === allContactType.SAVED\" :can-edit=\"true\" />\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </template>\r\n\r\n        <div v-else class=\"summary\">\r\n            <div class=\"ship-type-title mb-2\">{{ shipToTypeTitle }}</div>\r\n\r\n            <OrderContactTile v-if=\"isLoaded && shipToType !== ShipToTypes.TO_CONTACTS \" :contact=\"site.cart.current.shipToList[0]\" :border=\"false\">\r\n            </OrderContactTile>\r\n\r\n            <OrderContactsTile v-if=\"isLoaded && shipToType === ShipToTypes.TO_CONTACTS\" :contacts=\"site.cart.current.shipToList\" :editable=\"false\" :border=\"false\">\r\n            </OrderContactsTile>\r\n\r\n            <ActionButton v-if=\"props.editable\" icon=\"bi bi-arrow-left-right\" label=\"Change\" @click=\"onChange\" />\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .ship-to {\r\n        .ship-type-title {\r\n            font-size: 0.9rem;\r\n            font-weight: $bold;\r\n        }\r\n\r\n        .ship-warning {\r\n            background-color: lightgoldenrodyellow;\r\n            padding: 12px 8px;\r\n            text-align: left;\r\n            margin: 0;\r\n            border-radius: 4px;\r\n\r\n            p {\r\n                margin: 0;\r\n            }\r\n        }\r\n\r\n        .loader {\r\n            display: flex;\r\n            margin-top: 120px;\r\n            justify-content: center;\r\n\r\n            p {\r\n                margin: auto 12px;\r\n            }\r\n        }\r\n    }\r\n</style>","import script from \"./ShipTo.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ShipTo.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ShipTo.vue?vue&type=style&index=0&id=b7122070&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // CheckoutPage\r\n    // Allows the user to view and change the shipping information for the cart.\r\n\r\n    // Components ----\r\n    import CartBodyPanel from './components/CartBodyPanel';\r\n    import ShipTo from './components/ShipTo';\r\n    import PaymentInfoPanel from '@/site/areas/account/components/PaymentInfoPanelStripe';\r\n    import {defaultShipMethodCode} from '@/constants';\r\n\r\n    // Imports ----\r\n    import { ref, watch, onMounted, computed } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRoute, useRouter } from 'vue-router';\r\n\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n    const disableButton = ref(false);\r\n    const disableContinueShippingButton = ref(false);\r\n\r\n    // State ----\r\n    let section = ref(route.params.section);\r\n\r\n    //const isDigitalOnly = ref(site.cart.onlyContainsDigitalProducts);\r\n    const isShippingRequired = ref(site.cart.isShippingRequired);\r\n    const isLoaded = ref(false);\r\n    // Update section when route (URL) changes\r\n    watch(() => route.params, () => { section.value = route.params.section });\r\n\r\n    async function next() {\r\n        router.push({ path: '/review' });\r\n    }\r\n    function paymentDetailsValue(value) {\r\n        disableButton.value = value;\r\n    }\r\n    function shippingDetailsValue(value) {\r\n        disableContinueShippingButton.value = value;\r\n    }\r\n\r\n    async function nextNavigation (){\r\n        if(site.cart.current.total == 0 && currentShipMethod.value == defaultShipMethodCode){\r\n            router.push({ path: '/review' })\r\n        } else {\r\n            router.push({ path: '/checkout/payment' })\r\n        }\r\n    }\r\n\r\n    const currentShipMethod = computed({\r\n        get() {\r\n            return site.cart.current.shipMethodCode;\r\n        },\r\n        set(value) {\r\n            isLoaded.value = false;\r\n            site.cart.current.shipMethodCode = value;\r\n            isLoaded.value = true;\r\n        }\r\n\r\n    });\r\n\r\n    onMounted(async () => {\r\n        await site.cart.loadCart();\r\n        if (!site.cart.isShippingRequired) {\r\n            nextNavigation();\r\n        }\r\n        isLoaded.value = true;\r\n\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page checkout-page\">\r\n            <template v-if=\"isLoaded\">\r\n                <!-- Shipping Section -->\r\n                <div v-if=\"section === 'shipping'\">\r\n                    <div class=\"row mb-4\">\r\n                        <div class=\"col-12 col-sm-8\">\r\n                            <h1 class=\"cart-page-header mb-3\">Checkout <span class=\"text-muted\">/ Shipping</span></h1>\r\n                        </div>\r\n                        <div class=\"my-2 d-sm-none\"></div>\r\n                        <div class=\"col-12 col-sm-4 ms-auto\">\r\n                            <router-link to=\"/cart\" class=\"btn btn-outline-primary me-3\">Back to Cart</router-link>\r\n                            <button v-if=\"!site.cart.isMultiShip()\" class=\"btn btn-primary\" :disabled=\"disableContinueShippingButton\" @click=\"nextNavigation\">Continue</button>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-12 col-md-9\">\r\n                            <CartBodyPanel class=\"cart-body-panel\">\r\n                                <template #title>\r\n                                    <h2>Ship To</h2>\r\n                                </template>\r\n\r\n                                <ShipTo :editable=\"true\" :editing=\"true\" @hasShippingDetails=\"shippingDetailsValue\" />\r\n\r\n                            </CartBodyPanel>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-md-3\">\r\n                            <CartBodyPanel class=\"cart-body-panel ship-method-panel\">\r\n                                <template #title>\r\n                                    <h2>Ship Method</h2>\r\n                                </template>\r\n\r\n                                <ShipMethodSelector v-model=\"currentShipMethod\" :showPrice=\"true\" />\r\n                            </CartBodyPanel>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n                <!--/ Shipping Section -->\r\n                <!-- Payment Section-->\r\n                <div v-if=\"section === 'payment'\">\r\n                    <div class=\"row mb-4\">\r\n                        <div class=\"col-12 col-sm-8\">\r\n                            <h1 class=\"cart-page-header mb-3\">Checkout <span class=\"text-muted\">/ Payment</span></h1>\r\n                        </div>\r\n                        <div class=\"my-2 d-sm-none\"></div>\r\n                        <div class=\"col-12 col-sm-4 ms-auto text-right\">\r\n                            <router-link to=\"/checkout/shipping\" class=\"btn btn-outline-primary me-3\" v-if=\"isShippingRequired\">Back to Shipping</router-link>\r\n                            <router-link to=\"/cart\" class=\"btn btn-outline-primary me-3\" v-if=\"!isShippingRequired\">Back to Cart</router-link>\r\n                            <button @click=\"next\" class=\"btn btn-primary\" :disabled=\"disableButton\">Continue</button>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col\">\r\n\r\n                            <CartBodyPanel class=\"cart-body-panel\">\r\n                                <template #title>\r\n                                    <h2>Payment Information</h2>\r\n                                </template>\r\n\r\n                                <PaymentInfoPanel :large-create-button=\"true\" :show-header=\"false\" :show-select-button=\"true\" :cart-id=\"site.cart.current.id\" @hasPaymentDetails=\"paymentDetailsValue\" />\r\n\r\n                            </CartBodyPanel>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n                <!--/ Payment Section -->\r\n            </template>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .root-page {\r\n        min-height: 30rem;\r\n    }\r\n\r\n    .checkout-page {\r\n        .n-body-panel {\r\n            .body {\r\n                padding: 0.75rem 0rem;\r\n            }\r\n\r\n            .title {\r\n                padding: 0.75rem 1.5rem;\r\n                background-color: $gray-1;\r\n\r\n                h2 {\r\n                    color: $gray-4;\r\n                    font-size: 1.1rem !important;\r\n                    margin-bottom: 0px;\r\n                }\r\n            }\r\n        }\r\n\r\n        .ship-method-panel {\r\n            .body {\r\n                padding-left: 1.5rem;\r\n            }\r\n        }\r\n\r\n        .payment-info-panel .n-tile-select-button {\r\n            position: absolute;\r\n            margin-top: -0.5rem;\r\n            margin-left: -0.25rem;\r\n        }\r\n    }\r\n</style>","import script from \"./CheckoutPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CheckoutPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CheckoutPage.vue?vue&type=style&index=0&id=0a8f49c2&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ReviewPage\r\n    // Allows the user to review their order before placing.\r\n\r\n    // Components ----\r\n    import CartBodyPanel from './components/CartBodyPanel';\r\n    import ShipTo from './components/ShipTo';\r\n    import SelectedPaymentMethod from './components/SelectedPaymentMethod';\r\n    import CartItemList from './components/CartItemList';\r\n    import OrderDetails from './components/OrderDetails';    \r\n\r\n    // Imports ----\r\n    import { ref, computed, onMounted } from 'vue';\r\n    import { useRouter } from 'vue-router';\r\n    import { site } from '@/Site';\r\n    import { Util } from '@dd-nucleus/nucleus-vue';\r\n\r\n    const router = useRouter();\r\n\r\n    // State ----\r\n    const isLoaded = ref(false);\r\n    const placingOrder = ref(false);\r\n    //const isDigitalOnly = ref(site.cart.onlyContainsDigitalProducts);\r\n    const isShippingRequired = ref(site.cart.isShippingRequired);\r\n    const email = ref(\"\");\r\n    const orderErrorMessages = ref(\"\");\r\n\r\n    // Computed ----\r\n    const canPlaceOrder = computed(() => {\r\n        return (site.cart.current.canPlaceOrder === true && placingOrder.value === false && Util.isNotEmpty(email.value));\r\n    });\r\n\r\n    const cart = computed(() => { return site.cart.current; });\r\n\r\n    const isExpressOrder = computed(() => {\r\n        if (cart.value.items?.length > 0) {\r\n            return cart.value.items.filter(item => item.product.attributes?.isExpressOrderingAllowed)?.length > 0;\r\n        }\r\n        return false;\r\n    });\r\n\r\n    const canPlaceExpressOrder = computed(() => {\r\n        return cart.value.items?.length == 1;\r\n    });\r\n\r\n    const isBulkOrder = computed(() => {\r\n        return cart.value.shipToList?.length > 1 && !isExpressOrder.value;\r\n    });\r\n\r\n    // Handlers ----\r\n    onMounted(() => {\r\n        update();\r\n    });\r\n\r\n    site.cart.onCartLoaded(() => {\r\n        update();\r\n    });\r\n\r\n    site.cart.onCartUpdated(() => {\r\n        update();\r\n    });\r\n\r\n    // Called once we know we have a cart to work with\r\n    function update() {\r\n        isLoaded.value = true;\r\n    }\r\n\r\n    function onChangeShipTo() {\r\n        router.push('/checkout/shipping');\r\n    }\r\n\r\n    function onChangeShipMethod() {\r\n        router.push('/checkout/shipping');\r\n    }\r\n\r\n    function onChangeItems() {\r\n        router.push('/cart');\r\n    }\r\n\r\n    function onChangePayment() {\r\n        router.push('/checkout/payment');\r\n    }\r\n\r\n\r\n\r\n    async function onPlaceOrder() {\r\n        placingOrder.value = true;\r\n\r\n        const setEmailResponse = await site.storeCart.setShipToEmail(email.value);\r\n        if (!setEmailResponse || !setEmailResponse.succeeded) {\r\n            site.toast.error('Error while storing email id.', 'Error');\r\n            placingOrder.value = false;\r\n            return;\r\n        }        \r\n        if (isExpressOrder.value) {\r\n            if (canPlaceExpressOrder.value) {\r\n                const response = await site.expressOrderPersonalizationInfo.placeOrder('Cart', false, 'stripe');\r\n                router.push(`/order-confirmed/${response.model.bulkOrderId}`);\r\n            } else {\r\n                site.toast.error(\"Express Order can be placed with only one item for now.\", 'Error');\r\n            }\r\n        } else {\r\n            //TODO. This is workaround to overcome the payment issue. created custom endpoint to place the order.\r\n            //This needs to be replaced the below commented lines once the latest nuget packages are updated.\r\n            //const response = await site.cart.placeOrder('Cart', false, 'stripe');\r\n            const response = await site.api.post('site/orders/place', { cartId: cart.value.id, source: 'Cart', isPaid: false, paymentProcessorId: 'stripe' });\r\n\r\n            if (response.succeeded) {\r\n\r\n                if (response.model.isMultiShip) {                    \r\n                    router.push('/order-confirmed/' + response.model.bulkOrderId);\r\n                } else {                    \r\n                    router.push('/order-confirmed/' + response.model.id);\r\n                }\r\n            }\r\n            else {\r\n                orderErrorMessages.value = response.messages;\r\n                return;\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page review-page\">\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col-12 col-sm-8\">\r\n                    <h1 class=\"cart-page-header mb-3\">Checkout <span class=\"text-muted\">/ Review Order</span></h1>\r\n                </div>\r\n                <div class=\"my-2 d-sm-none\"></div>\r\n                <div class=\"col-12 col-sm-4 ms-auto\">\r\n                    <router-link to=\"/cart\" class=\"btn btn-outline-primary me-3\">Back to Cart</router-link>\r\n                    <button class=\"btn btn-primary\" :disabled=\"!canPlaceOrder\" @click=\"onPlaceOrder\">PLACE ORDER</button>\r\n                </div>\r\n            </div>\r\n\r\n            <div v-if=\"site.cart.current.requiresApproval\" class=\"alert alert-warning alert-icon\">\r\n                <i class=\"bi bi-exclamation-triangle-fill\"></i> &nbsp;When placed, this order will require approval before it can be fulfilled. See messages below.\r\n            </div>\r\n\r\n            <MessageList v-if=\"site.cart.current.messages\" :messages=\"site.cart.current.messages\" :add-box=\"false\" class=\"mb-3\" />\r\n            <MessageList v-if=\"orderErrorMessages\" :messages=\"orderErrorMessages\" :add-box=\"false\" class=\"mb-3\" />\r\n\r\n            <div class=\"email-notification\">\r\n                <p class=\"sub-title text-muted\">Enter your email address for updates regarding your order. <span v-if=\"!Util.isNotEmpty(email)\" class=\"text-danger\">(Required)</span> </p>\r\n                <input type=\"email\" v-model=\"email\" class=\"input\" placeholder=\"Enter email address\">\r\n            </div>\r\n\r\n            <div class=\"row\" v-if=\"isShippingRequired\">\r\n                <div class=\"col-12 col-md-9\">\r\n                    <CartBodyPanel class=\"cart-body-panel\">\r\n                        <template #title>\r\n                            <div class=\"float-end\"><ActionButton class=\"panel-title-action\" icon=\"bi bi-arrow-left-right\" label=\"Change\" @click=\"onChangeShipTo\" /></div>\r\n                            <h2>Ship To</h2>\r\n                        </template>\r\n\r\n                        <ShipTo :editable=\"false\" />\r\n\r\n                    </CartBodyPanel>\r\n                </div>\r\n\r\n                <div class=\"col-12 col-md-3\" v-if=\"isLoaded && isShippingRequired\">\r\n                    <CartBodyPanel class=\"cart-body-panel ship-method-panel\">\r\n\r\n                        <template #title>\r\n                            <div class=\"float-end\"><ActionButton class=\"panel-title-action\" icon=\"bi bi-arrow-left-right\" label=\"Change\" @click=\"onChangeShipMethod\" /></div>\r\n                            <h2>Ship Method</h2>\r\n                        </template>\r\n                        <div>\r\n                            <ShipMethod />\r\n                        </div>\r\n\r\n                    </CartBodyPanel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row\" v-if=\"isLoaded && cart.total != 0\">\r\n                <div class=\"col\">\r\n\r\n                    <CartBodyPanel class=\"cart-body-panel order-items-panel\">\r\n                        <template #title>\r\n                            <div class=\"float-end\"><ActionButton class=\"panel-title-action\" icon=\"bi bi-arrow-left-right\" label=\"Change\" @click=\"onChangePayment\" /></div>\r\n                            <h2>Payment Information</h2>\r\n                        </template>\r\n\r\n                        <SelectedPaymentMethod />\r\n\r\n                    </CartBodyPanel>\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col-12 col-sm-8\">\r\n\r\n                    <CartBodyPanel class=\"cart-body-panel order-items-panel\">\r\n                        <template #title>\r\n                            <div class=\"float-end\"><ActionButton class=\"panel-title-action\" icon=\"bi bi-arrow-left-right\" label=\"Change\" @click=\"onChangeItems\" /></div>\r\n                            <h2>Items</h2>\r\n                        </template>\r\n\r\n                        <CartItemList :editable=\"false\" :isBulkOrder=\"isBulkOrder\" />\r\n\r\n                    </CartBodyPanel>\r\n\r\n                </div>\r\n                <div class=\"col-12 col-sm-4\">\r\n                    <OrderDetails :cart=\"cart\" :showActionableItems=\"false\" :isBulkOrder=\"isBulkOrder\" />\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row my-3\">\r\n                <div class=\"col\">\r\n\r\n                    <div v-if=\"isLoaded\" class=\"bottom-panel\">\r\n                        <button class=\"btn btn-primary\" :disabled=\"!canPlaceOrder\" @click=\"onPlaceOrder\">PLACE ORDER</button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .root-page {\r\n        min-height: 30rem;\r\n    }\r\n\r\n    .review-page {\r\n        .ship-method .title {\r\n            font-weight: bold;\r\n        }\r\n\r\n        .panel-title-action {\r\n            margin-top: -0.75rem;\r\n        }\r\n\r\n        .bottom-panel {\r\n        }\r\n\r\n        .n-body-panel {\r\n            .body {\r\n                padding: 0.75rem 1.5rem;\r\n            }\r\n\r\n            .title {\r\n                padding: 0.75rem 1.5rem;\r\n                background-color: $gray-1;\r\n\r\n                h2 {\r\n                    color: $gray-4;\r\n                    font-size: 1.1rem !important;\r\n                    margin-bottom: 0px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .email-notification {\r\n        margin: 22px 0px;\r\n        display: flex;\r\n        justify-content: flex-end;\r\n        align-items: center;\r\n        gap: 0 8px;\r\n        flex-wrap: wrap;\r\n\r\n        .title {\r\n            color: #28a3af;\r\n            font-weight: bold;\r\n            margin: 0;\r\n        }\r\n\r\n        .sub-title {\r\n            margin: 0;\r\n            font-size: 14px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .input {\r\n            display: block;\r\n            width: 30%;\r\n            padding: 4px 6px;\r\n            background-color: #FAF7F0\r\n        }\r\n    }\r\n</style>\r\n","import script from \"./ReviewPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ReviewPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ReviewPage.vue?vue&type=style&index=0&id=c8cc3444&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // OrderShipTo\r\n    // Displays ship-to information about an order. Typically used when viewing order detail.\r\n\r\n    // Imports ----\r\n    import { defineProps } from 'vue';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // The order whose ship-to information to show\r\n        order: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // State ----\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"order-ship-to\">\r\n        <AddressTile :address=\"props.order.shipTo\" :border=\"false\" />\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .order-ship-to {\r\n        .ship-type-title {\r\n            font-size: 0.9rem;\r\n            font-weight: $bold;\r\n        }\r\n    }\r\n\r\n</style>","import script from \"./OrderShipTo.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrderShipTo.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OrderShipTo.vue?vue&type=style&index=0&id=aeb00f8c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\r\n\r\n    // OrderItemTile\r\n    // A tile for an item in an order. Typically used when viewing order detail.\r\n    // TODO: Move this to a more appropriate folder\r\n\r\n    // Setup ---\r\n    // Use the values below to modify how the tile appears\r\n    const setup = {\r\n        tileHeight: '8rem',           // Height of the full tab, fixed for alignment purposes\r\n        productNameLines: 2            // Number of lines product name is allowed to wrap before being trimmed with ellipses\r\n    };\r\n\r\n    export const Setup = setup;\r\n\r\n</script>\r\n\r\n<script setup>\r\n\r\n    // Imports ----\r\n    import { defineProps } from 'vue';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // The cart item\r\n        item: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"order-item-tile\" :style=\"{ 'height': setup.tileHeight }\">\r\n        <div class=\"inner-row d-flex flex-row\">\r\n            <div class=\"left\">\r\n                <ProductThumbnail :product=\"props.item.product\" :height=\"setup.tileHeight\" no-image-available-url=\"/images/no-image.png\" />\r\n            </div>\r\n            <div class=\"middle flex-fill\">\r\n                <!-- Stretchy middle part-->\r\n                <div class=\"tags mb-2\">\r\n                    <ProductTags :product=\"props.item.product\" />\r\n                </div>\r\n\r\n                <!-- Product name and item number -->\r\n                <router-link class=\"title-link\" :to=\"`/product/${props.item.product.id}`\">\r\n                    <div class=\"name\" v-snip=\"{ lines: setup.productNameLines }\" :title=\"item.product.name\">\r\n                        {{ props.item.product.name }}\r\n                    </div>\r\n                </router-link>\r\n                <div class=\"item-number\"><router-link class=\"title-link\" :to=\"`/product/${props.item.product.id}`\">{{ props.item.product.itemNumber }}</router-link></div>\r\n\r\n                <div class=\"favorite\">\r\n                    <ProductFavoriteIcon :product=\"props.item.product\" label=\"Add as Favorite\" selected-label=\"Favorite\" />\r\n                </div>\r\n            </div>\r\n            <!-- Fixed right panel -->\r\n            <div class=\"right d-flex flex-column\" :style=\"{ height: setup.tileHeight }\">\r\n                <div class=\"flex-fill\">\r\n                    <ItemQty :item=\"props.item\" />\r\n                </div>\r\n                <div class=\"messages\">\r\n                    <MessageList :messages=\"props.item.messages\" :add-box=\"false\" />\r\n                </div>\r\n                <div class=\"shipment-status\">\r\n                    <div v-if=\"props.item.status === 'Delivered'\" class=\"complete\">\r\n                        <i class=\"bi bi-check-circle-fill\"></i> SHIPPED\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .order-item-tile {\r\n        .inner-row {\r\n            border-bottom: 1px solid $gray-20;\r\n            padding-bottom: 1rem;\r\n        }\r\n\r\n        .left {\r\n            width: 8rem;\r\n        }\r\n\r\n        .name {\r\n            font-size: 1.0rem;\r\n            line-height: 1.1rem;\r\n        }\r\n\r\n        a.title-link, a.title-link:visited, a.title-link:hover {\r\n            color: var(--bs-body-color);\r\n            text-decoration: none;\r\n        }\r\n\r\n        .item-number a.title-link {\r\n            font-size: 0.7rem;\r\n            color: $gray-50;\r\n        }\r\n\r\n        .middle {\r\n            padding-left: 1rem;\r\n        }\r\n\r\n        .favorite {\r\n            margin-top: 1rem;\r\n        }\r\n\r\n        .right {\r\n            width: 14rem;\r\n        }\r\n\r\n        .shipment-status {\r\n            .complete {\r\n                color: $ok;\r\n                font-weight: $bold;\r\n            }\r\n        }\r\n    }\r\n\r\n</style>","import script from \"./OrderItemTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrderItemTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OrderItemTile.vue?vue&type=style&index=0&id=5e0663ca&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\r\n\r\n    // OrderItemList\r\n    // A list of order items, typically used when showing order detail.\r\n    // TODO: Move this to a more appropriate folder\r\n\r\n    // Components ----\r\n    import OrderItemTile from './OrderItemTile';\r\n\r\n</script>\r\n\r\n<script setup>\r\n\r\n    // Imports ----\r\n    import { defineProps } from 'vue';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // Zero-based index of the cart item\r\n        order: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // Methods ----\r\n    function getCssClass(index) {\r\n        return { shaded: index % 2 > 0 };\r\n    }\r\n\r\n    // Handlers ----\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"order-item-list\">\r\n        <template v-if=\"props.order.items.length > 0\">\r\n            <div v-for=\"(item, index) in props.order.items\" :key=\"item.id\" class=\"order-item-container\" :class=\"getCssClass(index)\">\r\n                <OrderItemTile :item=\"item\" />\r\n            </div>\r\n        </template>\r\n        <div v-else>\r\n            <slot name=\"empty\"></slot>\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .order-item-list {\r\n        .order-item-container {\r\n            margin-bottom: 0.5rem;\r\n            padding: 0.5rem;\r\n        }\r\n\r\n        .order-item-tile:last-child .inner-row {\r\n            border-bottom: 0px;\r\n        }\r\n    }\r\n\r\n</style>","import script from \"./OrderItemList.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrderItemList.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OrderItemList.vue?vue&type=style&index=0&id=b725adb6&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // MultiShipDetails\r\n    // A body panel to show the multiship details \r\n\r\n    // Imports ----\r\n    import { defineProps } from 'vue';\r\n\r\n    // Components ----\r\n    import CartItemTile from './CartItemTile';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // ID of the sort set to use\r\n        order: {\r\n            type: Object,\r\n            required: false\r\n        },\r\n        // Is Cart Item Removable\r\n        removable: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        }\r\n    });\r\n\r\n    // State ----\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"multi-ship-detail\">\r\n\r\n        <div class=\"row mb-3\">\r\n            <div class=\"col\">\r\n                <strong class=\"ship-method\">Ship Method:</strong> {{props.order.shipMethod?.name}}\r\n            </div>\r\n        </div>\r\n        <div class=\"row mb-3\">\r\n            <div class=\"col\">\r\n                <strong class=\"ship-method\">Tracking: </strong> {{ `${props.order.shipments?.[0]?.trackingNumber || 'Not Available'}` }}\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col\">\r\n                <div class=\"item-details\" v-for=\"item in props.order.items\" :key=\"item.id\">\r\n\r\n                    <CartItemTile :item=\"item\" :editable=\"false\" :removable=\"props.removable\" />\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .multi-ship-detail {\r\n        .ship-method {\r\n            color: $color-1;\r\n        }\r\n\r\n        .item-details {\r\n            padding: 1rem 0;\r\n            border-bottom: 1px solid $neutral-dk;\r\n\r\n            &:last-child {\r\n                border: unset;\r\n            }\r\n\r\n            .cart-item-tile .inner-row {\r\n                border: unset;\r\n            }\r\n        }\r\n    }\r\n</style>","import script from \"./MultiShipDetails.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MultiShipDetails.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MultiShipDetails.vue?vue&type=style&index=0&id=71594e42&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // OrderShipToMultiple\r\n    // Displays ship-to information when using multiship\r\n\r\n    // Imports ----\r\n    import { defineProps, ref } from 'vue';\r\n\r\n    // Components ----\r\n    import MultiShipDetails from './MultiShipDetails';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // The order whose ship-to information to show\r\n        order: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        // Is Cart Item Removable\r\n        removable: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    const isOpen = ref(false);\r\n\r\n    // Methods ----\r\n    function expandAll() {\r\n        isOpen.value = true;\r\n    }\r\n\r\n    function collapseAll() {\r\n        isOpen.value = false;\r\n    }\r\n\r\n    function cssClass(order) {\r\n        // TODO: Hacked in. Create constants in Orders service plugged into singleton store object.\r\n        switch (order.orderStatusCode) {\r\n            default: // None\r\n                return '';\r\n            case 1: // Pending\r\n                return 'pending';\r\n            case 2: // In Progress\r\n                return 'inprogress';\r\n            case 99: // Canceled\r\n                return 'canceled';\r\n            case 100: // Completed\r\n                return 'completed';\r\n        }\r\n    }\r\n\r\n    function icon(order) {\r\n        // TODO: Hacked in. Create constants in Orders service plugged into singleton store object.\r\n        switch (order.orderStatusCode) {\r\n            default: // None\r\n                return '';\r\n            case 1: // Pending\r\n                return 'bi bi-check-circle-fill';\r\n            case 2: // PendingApproval\r\n                return 'bi bi-pause-circle-fill';\r\n            case 99: // Canceled\r\n                return 'bi bi-x-circle-fill';\r\n            case 100: // Completed\r\n                return 'bi bi-check-circle-fill';\r\n        }\r\n    }\r\n\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"order-ship-to-multiple\">\r\n\r\n\r\n\r\n        <div class=\"d-flex mb-3\">\r\n            <div>\r\n                <h2>Shipping Address & Quantities</h2>\r\n            </div>\r\n            <div class=\"ms-auto\">\r\n                <a v-if=\"!isOpen\" href=\"#\" class=\"fs-2\" @click=\"expandAll\">Expand All</a>\r\n                <a v-else href=\"#\" class=\"fs-2\" @click=\"collapseAll\">Less Details</a>\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n        <div class=\"accordion accordion-flush\" v-for=\"(ship,index) in props.order\" :key=\"index\">    \r\n\r\n            <div class=\"accordion-header\" :id=\"'flush-heading'+index\">\r\n                <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" :data-bs-target=\"'#flush-collapse'+index\" aria-expanded=\"false\" :aria-controls=\"'flush-collapse-'+index\">\r\n                    <div class=\"flex-fill\">\r\n                        <AddressTile :address=\"ship.shipTo\" :border=\"false\" />\r\n                    </div>                    \r\n                    <div class=\"flex-end m-2\">\r\n                        <span>Order # {{ ship.orderNumber }} </span> | <span class=\"status\" :class=\"cssClass(ship)\"><i :class=\"icon(ship)\"></i> {{ ship.orderStatus }}</span>\r\n                    </div>\r\n                </button>\r\n            </div>\r\n            <div :id=\"'flush-collapse'+index\" :class=\"{ show: isOpen }\" class=\"accordion-collapse collapse\" :aria-labelledby=\"'flush-heading'+index\" data-bs-parent=\"#accordionFlushExample\">\r\n                <div class=\"accordion-body\">\r\n                    <MultiShipDetails :order=\"ship\" :removable=\"props.removable\" />\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n\r\n\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .order-ship-to-multiple {\r\n        .accordion-button:not(.collapsed) {\r\n            color: unset;\r\n            background-color: unset;\r\n            box-shadow: unset;\r\n        }\r\n\r\n        .accordion-button {\r\n            background: unset;\r\n        }\r\n\r\n        .accordion:nth-child(even) {\r\n            background: $neutral-lt;\r\n        }\r\n\r\n        .ship-type-title {\r\n            font-size: 0.9rem;\r\n            font-weight: $bold;\r\n        }\r\n    }\r\n\r\n</style>","import script from \"./OrderShipToMultiple.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrderShipToMultiple.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OrderShipToMultiple.vue?vue&type=style&index=0&id=2dd3eb1e&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // OrderConfirmedPage\r\n    // Shows the user a confirmation that their order has been placed.\r\n\r\n    // Components ----\r\n    import CartBodyPanel from './components/CartBodyPanel';\r\n    import OrderShipTo from './components/OrderShipTo';\r\n    import OrderItemList from './components/OrderItemList';\r\n    import SelectedPaymentMethod from './components/SelectedPaymentMethod';\r\n    import OrderShipToMultiple from './components/OrderShipToMultiple';\r\n    import UserFeedback from '@/site/components/UserFeedback'\r\n    import ModalBox from '@/site/components/ModalBox';\r\n    import { FeedbackType } from '../../../constants';\r\n\r\n\r\n    // Imports ----\r\n    import { computed, ref, reactive, onMounted } from 'vue';\r\n    import { useRoute } from 'vue-router';\r\n    import { site } from '@/Site';\r\n    import { Util } from '@dd-nucleus/nucleus-vue';\r\n\r\n    const route = useRoute();\r\n    let feedbackTimer = null;\r\n\r\n    // State ----\r\n    const order = reactive({ isLoaded: false, detail: {} });\r\n    const bulkOrder = reactive({ isLoaded: false, detail: {} });\r\n    //const isDigitalOnly = ref(site.cart.onlyContainsDigitalProducts);\r\n    const feedbackModal = ref();\r\n\r\n\r\n    const isShippingRequired = ref(site.cart.isShippingRequired);\r\n\r\n    const orderNumbers = ref([]);\r\n\r\n    // Computed ----\r\n    const shipMethod = computed(() => {\r\n        return order.detail.shipMethod;\r\n    });\r\n\r\n\r\n    const shipListCount = computed(() => {\r\n        return bulkOrder.detail?.orders?.length;\r\n    });\r\n\r\n    const isExpressOrder = computed(() => {\r\n        return order.detail?.items?.filter(i => i.attributes?.Data?.bulkOrderStateId)?.length > 0;\r\n    });\r\n\r\n    const isBulkOrder = computed(() => {\r\n        return shipListCount.value > 0 && !isExpressOrder.value;\r\n    });\r\n\r\n    const orderNumbersText = computed(() => {\r\n        return orderNumbers.value.join(\",\");\r\n    });\r\n\r\n    const showPayment = computed(() => {\r\n        return !isBulkOrder.value && order.detail.total > 0;\r\n    })\r\n\r\n    function closeModal() {\r\n        feedbackModal.value.close();\r\n    }\r\n\r\n    // Handlers ----\r\n    onMounted(async () => {\r\n        // If an ID was provided, get that order. If none was provided, use cart's order property, which is set when the\r\n        // order is placed.\r\n\r\n        if (Util.isEmpty(route.params.id))\r\n            Object.assign(order.detail, site.cart.order);\r\n        else {\r\n            const response = await site.orders.getOrder(route.params.id);\r\n\r\n            if (response?.orders?.length > 1) {\r\n                bulkOrder.detail = response;\r\n                const orders = response?.orders;\r\n                orderNumbers.value = orders.map(o => o.orderNumber).sort();                \r\n                if (!isBulkOrder.value) {\r\n                    const orderDetail = orders[0];\r\n                    for (let i = 0; i < orderDetail.items.length; i++) {\r\n                        let itemQuantity = 0;\r\n                        for (let j = 0; j < orders.length; j++) {\r\n                            let quantity = orders[j].items.find(item => item.product.id == orderDetail.items[i].product.id)?.quantity;\r\n                            if (!isNaN(quantity)) {\r\n                                itemQuantity += quantity\r\n                            }\r\n                        }\r\n                        orderDetail.items[i].quantity = itemQuantity;\r\n                    }\r\n                }\r\n                else {\r\n                    // Set AddressLine3 as blank. Because this is containing BulkOrder number. \r\n                    for (let i = 0; i < bulkOrder.detail.orders.length; i++) {\r\n                        bulkOrder.detail.orders[i].shipTo.addressLine3 = \"\";\r\n                    }\r\n                }\r\n                Object.assign(order.detail, response?.orders[0]);\r\n            } else {\r\n                Object.assign(order.detail, response);\r\n            }\r\n        }\r\n\r\n        console.warn('order.detail', order.detail);\r\n\r\n        // Clear the cart\r\n        await site.cart.resetCart();\r\n        // Reload the cart\r\n        await site.cart.loadCart();\r\n        //reseting personalizationInfo\r\n        await site.personalizationInfo.resetOrderState();\r\n        //refresh the ignite numbers\r\n        await site.agencyDetails.loadAgencyIgniteDetails();\r\n\r\n        update();\r\n\r\n        initiateFeedback()\r\n\r\n    });\r\n\r\n    function initiateFeedback() {\r\n        feedbackTimer = setInterval(() => { showFeedback() }, 3000)\r\n    }\r\n\r\n    function showFeedback() {\r\n        feedbackModal.value.show();\r\n        clearInterval(feedbackTimer);\r\n    }\r\n\r\n    // Called once we know we have an order to work with\r\n    function update() {\r\n        order.isLoaded = true;\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <ModalBox modalId=\"orderFeedbackModal\" title=\"Please rate your experience.\" ref=\"feedbackModal\">\r\n        <template v-slot:body>\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <UserFeedback @close-modal=\"closeModal\" :feedback-type=\"FeedbackType.ORDER_COMPLETE\" />\r\n                </div>\r\n            </div>\r\n        </template>\r\n    </ModalBox>\r\n    <PageTemplate>\r\n        <div class=\"container root-page order-confirmation-page\" v-if=\"order.isLoaded\">\r\n\r\n            <div class=\"text-end\">\r\n                <router-link class=\"btn btn-primary me-2\" to=\"/\">BACK TO HOME</router-link>\r\n            </div>\r\n            <div class=\"text-center mb-4 order-message\" v-if=\"isExpressOrder\">\r\n                <h2>We've received your order</h2>\r\n                <div class=\"order-number mb-1\">\r\n                    Order # {{orderNumbersText}}\r\n                </div>\r\n                An email confirmation containing order details has been sent to <strong>{{ order.detail.shipTo.shipToEmail }}</strong>\r\n            </div>\r\n\r\n            <div class=\"text-center mb-4 order-message\" v-else>\r\n                <h2>We've received your order</h2>\r\n                <template v-if=\"!isBulkOrder\">\r\n                    <div class=\"order-number mb-1\">Order #{{ order.detail.orderNumber }}</div>\r\n                </template>\r\n                An email confirmation containing order details has been sent to <strong>{{ order.detail.shipTo.shipToEmail }}</strong>\r\n            </div>\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <template v-if=\"isShippingRequired\">\r\n                        <CartBodyPanel class=\"cart-body-panel\" v-if=\"isBulkOrder\">\r\n\r\n                            <template #title>\r\n                                <h2>Shipping Details <span class=\"fs-3\">({{shipListCount}} recipients)</span></h2>\r\n                            </template>\r\n\r\n                            <OrderShipToMultiple :order=\"bulkOrder.detail.orders\" :removable=\"false\" />\r\n\r\n                        </CartBodyPanel>\r\n\r\n                        <CartBodyPanel class=\"cart-body-panel\" v-else-if=\"!isExpressOrder\">\r\n\r\n                            <template #title>\r\n                                <h2>Ship To</h2>\r\n                            </template>\r\n\r\n                            <OrderShipTo :order=\"order.detail\" />\r\n\r\n                        </CartBodyPanel>\r\n\r\n                        <CartBodyPanel class=\"cart-body-panel ship-method-panel\" v-if=\"!isBulkOrder && !isExpressOrder\">\r\n                            <template #title>\r\n                                <h2>Ship Method</h2>\r\n                            </template>\r\n\r\n                            <ShipMethod :ship-method=\"shipMethod\" />\r\n\r\n                        </CartBodyPanel>\r\n                    </template>\r\n\r\n                    <CartBodyPanel class=\"cart-body-panel payment-method-panel\" v-if=\"showPayment\">\r\n                        <template #title>\r\n                            <h2>Payment Information</h2>\r\n                        </template>\r\n\r\n                        <SelectedPaymentMethod :payment-method-id=\"order.detail.paymentMethodId\" />\r\n\r\n                    </CartBodyPanel>\r\n\r\n                    <CartBodyPanel class=\"cart-body-panel order-items-panel\" v-if=\"!isBulkOrder\">\r\n                        <template #title>\r\n                            <h2>Items</h2>\r\n                        </template>\r\n\r\n                        <OrderItemList :order=\"order.detail\" />\r\n\r\n                    </CartBodyPanel>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .root-page {\r\n        min-height: 30rem;\r\n    }\r\n\r\n    .order-confirmation-page {\r\n        .order-message h2 {\r\n            font-weight: $normal;\r\n        }\r\n\r\n        .order-number {\r\n            font-size: 1.2rem;\r\n            font-weight: $bold;\r\n        }\r\n\r\n        .ship-method .title {\r\n            font-weight: bold;\r\n        }\r\n\r\n        .panel-title-action {\r\n            margin-top: -0.75rem;\r\n        }\r\n\r\n        .n-body-panel {\r\n            .body {\r\n                padding: 0.75rem 1.5rem;\r\n            }\r\n\r\n            .title {\r\n                padding: 0.75rem 1.5rem;\r\n                background-color: $gray-1;\r\n\r\n                h2 {\r\n                    color: $gray-4;\r\n                    font-size: 1.1rem !important;\r\n                    margin-bottom: 0px;\r\n                }\r\n            }\r\n        }\r\n\r\n        .email-notification {\r\n            margin: 22px 0px;\r\n\r\n            .title {\r\n                color: #28A3AF;\r\n                font-weight: bold;\r\n                margin: 0;\r\n            }\r\n\r\n            .sub-title {\r\n                margin: 0;\r\n                font-size: 14px;\r\n                font-weight: 400;\r\n            }\r\n\r\n            .label {\r\n                font-weight: bold;\r\n                margin-top: 8px;\r\n            }\r\n\r\n            .input {\r\n                display: block;\r\n                width: 30%;\r\n                padding: 4px 6px;\r\n                background-color: #FAF7F0\r\n            }\r\n        }\r\n    }\r\n</style>","import script from \"./OrderConfirmedPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrderConfirmedPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OrderConfirmedPage.vue?vue&type=style&index=0&id=0d06726f&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./MockProductGridTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MockProductGridTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MockProductGridTile.vue?vue&type=style&index=0&id=a034da04&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    // Imports\r\n    import { ref } from 'vue';\r\n\r\n\tlet expanded = ref(false);\r\n\r\n\t// Handlers\r\n    function handleExpandCollapse() {\r\n        expanded.value = !expanded.value;\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"d-flex justify-content-between\" @click=\"handleExpandCollapse\">\r\n        <div class=\"accordian-header\">\r\n            <slot name=\"header\"></slot>\r\n        </div>\r\n         <i :class=\"{'bi': true, 'bi-chevron-up': expanded, 'bi-chevron-down': !expanded}\"></i>\r\n     </div>\r\n    <Transition name=\"accordian-dropdown\">\r\n        <div v-show=\"expanded\">\r\n            <slot name=\"options\"></slot>\r\n        </div>\r\n    </Transition>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n    .accordian-header {\r\n        font-weight: $bold;\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .accordian-dropdown-enter-active,\r\n    .accordian-dropdown-leave-active {\r\n        transition: all 0.3s ease-in-out;\r\n    }\r\n\r\n    .accordian-dropdown-enter-from,\r\n    .accordian-dropdown-leave-to {\r\n        opacity: 0;\r\n    }\r\n\r\n</style>","import script from \"./ProductFilterAccordian.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProductFilterAccordian.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProductFilterAccordian.vue?vue&type=style&index=0&id=77a9a15a&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-77a9a15a\"]])\n\nexport default __exports__","<script>\r\n\r\n    // ProductSearchPage\r\n    // Main product search page\r\n\r\n    const constants = {\r\n        oppIds: {\r\n            AutoCrossSell: \"H\",\r\n            HomeCrossSell: \"A\",\r\n            UmbrellaCrossSell: \"UR\",\r\n            SpecialtyCrossSell: \"SP\",\r\n            LandLordProtectionCrossSell: \"LPP\"\r\n\r\n        },\r\n        productTypes: {\r\n            HOME: \"Home\",\r\n            AUTO: \"Auto\",\r\n            WATERCRAFT: \"Watercraft,\",\r\n            RV: \"RV\",\r\n            MOTORCYCLE: \"Motorcycle\",\r\n            LANDLORDPROTECTION: \"LandlordProtection\"\r\n\r\n        },\r\n        DEFAULT_TITLE: 'Search Results',\r\n        DEFAULT_PAGE_SIZE: 12\r\n    };\r\n\r\n    export const oppIds = constants.oppIds;\r\n    export const productTypes = constants.productTypes;\r\n\r\n</script>\r\n<script setup>\r\n\r\n    // Components ----\r\n    import ProductGridTile from './components/ProductGridTile';\r\n    import ProductListTile from './components/ProductListTile';\r\n    import MockProductGridTile from './components/MockProductGridTile';\r\n    import MockProductListTile from './components/MockProductListTile';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import ProductFilterAccordian from './components/ProductFilterAccordian';\r\n\r\n    // Imports ----\r\n    import { reactive, computed, watch, onMounted, ref } from 'vue';\r\n    import { Search } from '@dd-nucleus/nucleus-vue';\r\n    import { site } from '@/Site'\r\n    import { useRouter, useRoute } from 'vue-router';\r\n    import { isNotEmpty } from '@/util'\r\n    import useEventsBus from '@/site/services/EventBus';\r\n    import { ProgramType } from '@/constants'\r\n\r\n    const { bus } = useEventsBus();\r\n\r\n    const router = useRouter();\r\n    const route = useRoute();\r\n    const stateFilterId = 'product-state-restriction';\r\n\r\n\r\n    // State ----\r\n    const selectedCategories = reactive([]);\r\n\r\n    const agencyDetails = ref(site.agencyDetails.selectedAgencyDetails);\r\n\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n\r\n    // Pre-build the search here, so we can hook into its events and properties.\r\n    const productFiltersSearch = new Search('product-filters', 'detail', 'attribute-name-then-by-attribute-value-name', 100);\r\n    productFiltersSearch.activate();\r\n\r\n    const search = new Search('product-list', 'detail', 'product-list-newest-to-oldest', constants.DEFAULT_PAGE_SIZE);\r\n\r\n    searchProducts();\r\n\r\n    function searchProducts() {\r\n        const backToResults = route.query.backToResults;\r\n        if (isNotEmpty(backToResults) && backToResults == 'true') {\r\n            const filters = site.searchHandler.getExistingProductFilters();\r\n            if (isNotEmpty(filters)) {\r\n                if (!filters.find(f => f.filterId == stateFilterId)) {\r\n                    filters.push({ filterId: stateFilterId, values: [''] });\r\n                }\r\n                search.setFilters(filters);\r\n            }\r\n            else {\r\n                search.setFilterValue(stateFilterId, '');\r\n            }\r\n        } else {\r\n            site.searchHandler.removeExistingFilters();\r\n            search.setFilterValue(stateFilterId, '');\r\n        }\r\n    }\r\n\r\n    search.onResults(results => {\r\n        site.searchHandler.storeCurrentProductFilters(search.results.filters)\r\n    });\r\n\r\n    const nameOrder = {\r\n        \"product-tatic\": 7,\r\n        \"product-state\": 6,\r\n        \"product-format\": 5,\r\n        \"product-explore\": 4,\r\n        \"product-marketing-materials\": 3,\r\n        \"product-type\": 2,\r\n        \"program-type\": 1\r\n    }\r\n\r\n    //computed\r\n    const productFilters = computed(() => {\r\n        var attributes = ['product-personalize', 'product-category', 'product-data-list-type', 'product-restriction', 'product-tag', 'product-data-list-option', 'product-download-file', 'product-is-first-order-free', 'product-ignite-tiers', 'express-order']\r\n        var currentUserRole = site.user.primaryRoleId;\r\n        var isStateRestriction = site.userRoles.stateRestrictionRoles().find(sr => sr == currentUserRole);\r\n        if (isStateRestriction) {\r\n            attributes.push(\"product-state\");\r\n        }\r\n        let searchFilters = productFiltersSearch.results?.rows ? productFiltersSearch.results?.rows.filter(\r\n            (item) => !attributes.find(a => a == item.name)) : [];\r\n        searchFilters.sort((a, b) => nameOrder[a.name] - nameOrder[b.name]);\r\n        return searchFilters;\r\n    });\r\n\r\n    const eligibleToCustomize = computed(() => {\r\n        if (isNotEmpty(agencyDetails.value?.statId)) {\r\n            return true;\r\n        }\r\n        const adminRoles = site.userRoles.getRolesForAdminAccess();\r\n        var rec = site.user.roles.filter(r => adminRoles.includes(r.id));\r\n        return rec?.length > 0;\r\n    });\r\n\r\n\r\n    const sortOptions = [\r\n        { id: 'product-list-newest-to-oldest', text: 'Newest to Oldest' },\r\n        { id: 'product-list-oldest-to-newest', text: 'Oldest to Newest' },\r\n        { id: 'product-list-itemNumber', text: 'Asset Number (A-Z)' },\r\n        { id: 'product-list-itemNumber-desc', text: 'Asset Number (Z-A)' },\r\n        { id: 'product-list-name', text: 'Asset Name (A-Z)' },\r\n        { id: 'product-list-name-desc', text: 'Asset Name (Z-A)' },\r\n        { id: 'ignite-eligible-first', text: 'Ignite eligible first' }\r\n    ];\r\n\r\n    const pageSizeOptions = [12, 24, 36, 48, 60];\r\n\r\n    async function selected(id) {        \r\n        router.push({\r\n            name: 'SaveForLaterConfirmationPage',\r\n            params: {\r\n                productId: id\r\n            },\r\n            query: route.query\r\n           });\r\n    }\r\n\r\n    async function customDownloadSelected(id) {\r\n\r\n        if (!eligibleToCustomize.value) {\r\n            site.toast.error(\"The user's current agency cannot be found, or they're not assigned to a current agency.\");\r\n            return;\r\n        }\r\n        orderFlowDetails.productId = id;\r\n        \r\n        router.push({\r\n            name: 'CustomizeDownloadPage',\r\n            query: {\r\n                productId: id,\r\n            }\r\n        });\r\n    }\r\n\r\n    const isProspecting = computed(() => {\r\n            let queryParams = route.query;\r\n            let testtype = queryParams['f-program-type'];\r\n            return testtype == ProgramType.PROSPECTING;\r\n        });\r\n\r\n    const isCrossSell = computed(() => {\r\n            let queryParams = route.query;\r\n            let testtype = queryParams['f-program-type'];\r\n            return testtype == ProgramType.CROSS_SELL;\r\n        });\r\n\r\n\r\n    async function downloadSelected(url, fileName) {\r\n        if (url) {\r\n            await site.downloadHandler.handleDownload(url, fileName, true);\r\n        }\r\n        else {\r\n            site.toast.error('Error while downloading the pdf. please contact system administrator', 'Error');\r\n        }\r\n    }\r\n\r\n    watch(() => bus.value.get('changeAgency'), async () => {\r\n        await search.refresh();\r\n    });\r\n\r\n    // For Adobe analytics\r\n    onMounted(async () => {\r\n        let queryParams = route.query;\r\n        let tileCode = queryParams['f-product-type'];\r\n        let lob = queryParams['f-program-type'];\r\n        let productNames;\r\n\r\n        switch (tileCode) {\r\n            case \"LandlordProtection\":\r\n                tileCode = \"Landlord\";\r\n                break;\r\n            case \"SafecoPackage\":\r\n                tileCode = \"Package\";\r\n                break;\r\n            case \"Home\":\r\n                tileCode = \"Home to Auto\";\r\n                break;\r\n            case \"Auto\":\r\n                tileCode = \"Auto to Home\";\r\n                break;\r\n        }\r\n        \r\n        \r\n\r\n        productNames = \"MSC_\" + tileCode;\r\n\r\n        if (queryParams['active-tab'] && queryParams['active-tab'] == \"marketing\") {\r\n            lob = \"marketing\";\r\n            productNames = \"\";\r\n\r\n            if (queryParams['f-product-format'] && queryParams['f-product-format'] == \"Brochures\") {\r\n                tileCode = \"Brochures and Collateral\";\r\n            }\r\n            else {\r\n                tileCode = \"All Materials\";\r\n            }\r\n        }\r\n\r\n        await site.analyticsHandler.push({ \"tileCode\": tileCode, \"lob\": lob, \"productNames\": productNames });\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n\r\n        <div class=\"container\">\r\n            <GlobalTabBar :activeId=\"route.query['active-tab']\" />\r\n\r\n            <div class=\"search-page\">\r\n\r\n                <SearchContainer :search=\"search\" default-view=\"grid\" :deep-link=\"true\">\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col col-3 filter-bar\">\r\n                            <div class=\"filter-section\">\r\n                                <TextBoxFilter filter-id=\"product-search-term\" placeholder=\"Search by keyword\" />\r\n                            </div>\r\n\r\n                            <div class=\"filter-section\" v-for=\"filter of productFilters\" :key=\"filter.id\">\r\n                                <ProductFilterAccordian>\r\n                                    <template #header>\r\n                                        {{ filter.description }}\r\n                                    </template>\r\n                                    <template #options>\r\n                                        <AddFilterCheckBox v-for=\"option of filter.values\"\r\n                                                           :key=\"option.id\"\r\n                                                           :filter-id=\"filter.name\"\r\n                                                           :values=\"[option.code]\"\r\n                                                           :label=\"option.name\" />\r\n                                    </template>\r\n                                </ProductFilterAccordian>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col col-9\">\r\n                            <h1>{{ selectedCategories.length === 0 ? constants.DEFAULT_TITLE : selectedCategories[0].name }} <span v-if=\"search.results.loaded && search.results.rows.length > 0\" class=\"sub-title\">({{ search.results.startIndex }} to  {{ search.results.endIndex }} of {{ search.results.totalCount }} results)</span></h1>\r\n\r\n                            <div class=\"row mb-3\">\r\n                                <div class=\"col\"><SortOptionsList :options=\"sortOptions\" /></div>\r\n                                <div class=\"col\"><PageSizeList :options=\"pageSizeOptions\" /></div>\r\n                                <div class=\"col\"><ViewModeSelector /></div>\r\n                                <div class=\"col-4 text-end\"><PageSelector /></div>\r\n                            </div>\r\n\r\n                            <SearchGrid>\r\n                                <!-- Template for each item in a grid view -->\r\n                                <template v-slot:grid=\"product\">\r\n\r\n                                    <ProductGridTile :product=\"product\" @productSelected=\"selected\" @customDownloadSelected=\"customDownloadSelected\" @downloadSelected=\"downloadSelected\" />\r\n\r\n                                </template>\r\n\r\n                                <!-- Template for each item in a list view -->\r\n                                <template v-slot:list=\"product\">\r\n\r\n                                    <ProductListTile :product=\"product\" @productSelected=\"selected\" @customDownloadSelected=\"customDownloadSelected\" @downloadSelected=\"downloadSelected\" />\r\n\r\n                                </template>\r\n\r\n                                <!-- Template for no results -->\r\n                                <template #empty>\r\n                                    No products were found that match your criteria. <p v-if=\"isCrossSell\">Availability for Cross-sell campaigns may vary by state. Please check back for \r\n                                    future updates to availability and reach out to your TM with any questions.</p>\r\n                                    <p v-else-if=\"isProspecting\">Availability for Prospecting campaigns may vary by state. Please check back for future updates to availability and reach \r\n                                    out to your TM with any questions.</p>\r\n                                </template>\r\n\r\n                                <!-- Template while results are initially loading -->\r\n                                <template #loading-grid>\r\n                                    <MockSearchGrid>\r\n                                        <MockProductGridTile />\r\n                                    </MockSearchGrid>\r\n                                </template>\r\n\r\n                                <template #loading-list>\r\n                                    <!-- TODO -->\r\n                                    <MockSearchGrid>\r\n                                        <MockProductListTile />\r\n                                    </MockSearchGrid>\r\n                                </template>\r\n                            </SearchGrid>\r\n\r\n                            <div class=\"row\">\r\n                                <div class=\"col text-end\"><PageSelector /></div>\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n                </SearchContainer>\r\n\r\n            </div>\r\n\r\n\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .search-page {\r\n        margin-top: 1rem;\r\n\r\n        h1 {\r\n            color: $black;\r\n        }\r\n\r\n        .sub-title {\r\n            font-weight: $normal;\r\n            font-size: 50%;\r\n        }\r\n    }\r\n\r\n    .filter-section {\r\n        border-top: 1px solid $gray-20;\r\n        padding-top: 0.75rem;\r\n        padding-bottom: 0.75rem;\r\n    }\r\n\r\n    .filter-section:first-child {\r\n        padding-top: 0rem;\r\n        border-top: 0px;\r\n        padding-bottom: 1rem;\r\n    }\r\n\r\n    .filter-section:last-child {\r\n        border-bottom: 0px;\r\n        padding-bottom: 0rem;\r\n    }\r\n</style>\r\n","import script from \"./ProductSearchPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProductSearchPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProductSearchPage.vue?vue&type=style&index=0&id=0b58ca45&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ImageSlider\r\n    // An image slider that take an Array of Objects for the images which is required.\r\n\r\n    // Props\r\n    // - images              (Required)  This is the default media coming from the product API\r\n    // - showThumb           (Required)  This will show or hide the thumbs under the main image, when clicked it changes the images\r\n    // - showControls        (Required)  These are the 2 chevrons on the main image for cycling through the images \r\n\r\n    // Imports ----\r\n    import { computed, ref, defineProps } from 'vue';\r\n\r\n    // Components ----\r\n    import ModalBox from '@/site/components/ModalBox';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        images: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        showThumbs: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        },\r\n        showControls: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    const currentIndex = ref(0);\r\n\r\n    // Handlers ----\r\n    function changeImage(i) {\r\n        currentIndex.value = i;\r\n    }\r\n\r\n    function next() {\r\n        currentIndex.value += 1;\r\n    }\r\n\r\n    function previous() {\r\n        currentIndex.value -= 1;\r\n    }\r\n\r\n    const currentImage = computed(() => {\r\n        return props.images[Math.abs(currentIndex.value) % props.images.length].url;\r\n    });\r\n\r\n    const title = computed(() => {\r\n        return props.images[Math.abs(currentIndex.value) % props.images.length].name;\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"image-slider\">\r\n\r\n        <div class=\"image-container text-center\" v-for=\"i in [currentIndex]\" :key='i'>\r\n\r\n            <div class=\"controls previous\" v-if=\"props.showControls\">\r\n                <i class=\"bi bi-chevron-left\" @click=\"previous\"></i>\r\n            </div>\r\n\r\n            <img class=\"img-fluid\" :src=\"currentImage\" data-bs-toggle=\"modal\" data-bs-target=\"#largerImage\" />\r\n\r\n            <div class=\"controls next\" v-if=\"props.showControls\">\r\n                <i class=\"bi bi-chevron-right\" @click=\"next\"></i>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"mt-5\" v-if=\"showThumbs\">\r\n\r\n            <img class=\"thumbnail me-5\" :class=\"{ active: index == currentIndex }\" @click=\"changeImage(index)\" :src=\"image.thumbnailImageUrl\" v-for=\"(image, index) in props.images\" :key=\"image.id\" />\r\n\r\n        </div>\r\n    </div>\r\n\r\n    <ModalBox modalId=\"largerImage\" :title=\"title\" modalSize=\"modal-xl\">\r\n        <template v-slot:body>\r\n            <div class=\"text-center\">\r\n                <img class=\"img-fluid\" :src=\"currentImage\" />\r\n            </div>\r\n        </template>\r\n    </ModalBox>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .image-slider {\r\n\r\n        .image-container{ \r\n            position: relative;\r\n        }\r\n\r\n        .thumbnail {\r\n            width: 150px;\r\n            height: 150px;\r\n        }\r\n\r\n        .active {\r\n            border: 2px solid $color-1;\r\n        }\r\n\r\n        .controls {\r\n            position: absolute;\r\n            top: 50%;\r\n            background: rgba($gray-1, .75);\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            text-align: center;\r\n            font-size: 2rem;\r\n        }\r\n\r\n        .controls.next {\r\n            right: 15px;\r\n        }\r\n\r\n        .controls.previous {\r\n            left: 15px;\r\n        }\r\n    }\r\n</style>","import script from \"./ImageSlider.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ImageSlider.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ImageSlider.vue?vue&type=style&index=0&id=16798f23&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // TODO: This might make sense to be moved to the nucleus package\r\n\r\n    // ProductImageGallery\r\n    // Shows product images.\r\n\r\n    // Imports ----\r\n    import { defineProps, computed } from 'vue';\r\n    import { Util } from '@dd-nucleus/nucleus-vue';\r\n\r\n    // Components ----\r\n    import ImageSlider from './ImageSlider';\r\n    import ModalBox from '@/site/components/ModalBox';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // Product object containing the following property:\r\n        // - tags\r\n        product: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        // URL used if no thumbnail image URL is set\r\n        noImageAvailableUrl: {\r\n            type: String,\r\n            required: false,\r\n            default: '/images/no-image.png'\r\n        }\r\n    });\r\n\r\n    const url = computed(() => {\r\n        if (Util.isDefined(props.product.media) && props.product.media.length > 0) {\r\n            const mediaImages = props.product.media.filter(m => m.mediaType == \"Image\");\r\n            if (mediaImages?.length > 0) {\r\n                return mediaImages[0].url;\r\n            }\r\n            else {\r\n                return props.noImageAvailableUrl;\r\n            }\r\n        }\r\n        else\r\n            return props.noImageAvailableUrl;\r\n    });\r\n\r\n    const title = computed(() => {\r\n        if (Util.isDefined(props.product.media) && props.product.media.length > 0) {\r\n            const mediaImages = props.product.media.filter(m => m.mediaType == \"Image\");\r\n            if (mediaImages?.length > 0) {\r\n                return mediaImages[0].name;\r\n            }\r\n            else {\r\n                return '';\r\n            }\r\n        }\r\n        else\r\n            return '';\r\n    });\r\n\r\n    const images = computed(() => {\r\n        if (Util.isDefined(props.product.media) && props.product.media.length > 0) {\r\n            const mediaImages = props.product.media.filter(m => m.mediaType == \"Image\");\r\n            if (mediaImages?.length > 0) {\r\n                return mediaImages;\r\n            }\r\n            else {\r\n                return props.noImageAvailableUrl;\r\n            }\r\n        }\r\n        else\r\n            return props.noImageAvailableUrl;\r\n    });\r\n\r\n    const multipleImages = computed(() => {\r\n        return (Util.isDefined(props.product.media) && props.product.media?.filter(m => m.mediaType == \"Image\")?.length > 1) ? true : false;\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n\r\n\r\n    <div class=\"product-image-gallery\">\r\n\r\n        <!-- When we only have a mutiple images show the slider -->\r\n        <div v-if=\"multipleImages\">\r\n            <ImageSlider :images=\"images\" />\r\n        </div>\r\n\r\n        <!-- When we only have a single image -->\r\n        <div class=\"text-center\" v-else>\r\n            <img class=\"img-fluid\" :src=\"url\" data-bs-toggle=\"modal\" data-bs-target=\"#largerImage\" />\r\n\r\n            <ModalBox modalId=\"largerImage\" :title=\"title\" modalSize=\"modal-xl\">\r\n                <template v-slot:body>\r\n                    <div class=\"text-center\">\r\n                        <img class=\"img-fluid\" :src=\"url\" />\r\n                    </div>\r\n                </template>\r\n            </ModalBox>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .product-image-gallery {\r\n    }\r\n</style>","import script from \"./ProductImageGallery.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProductImageGallery.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProductImageGallery.vue?vue&type=style&index=0&id=046f6da1&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ProductDetail\r\n    // Full detail for a product\r\n\r\n    // Imports ----\r\n    import { reactive, ref, defineProps, computed, onMounted } from 'vue';\r\n    import { AddToCartForm } from '@dd-nucleus/nucleus-vue';\r\n    import { site } from '@/Site';\r\n    import { useRouter } from 'vue-router';\r\n    import { ChannelTypes } from '@/site/areas/personalization/SelectChannelPage';\r\n    import { getProgramTypeForOrderState, getOppIdForOrderState, getUnitOfMeasureFriendlyName } from '@/constants'\r\n    import { isNotEmpty } from '@/util'\r\n\r\n    const router = useRouter();\r\n\r\n    // Components ----\r\n    import ProductImageGallery from './ProductImageGallery';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // The product whose information to show.\r\n        // API model: DD.Nucleus.Storefront.Api.ProductDetailModel\r\n        productId: {\r\n            type: String,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    const productId = ref(props.productId);\r\n    const isLoaded = ref(false);\r\n    const form = new AddToCartForm({ id: props.productId }, 1);\r\n    const detail = reactive({ product: { attributes: { availability: [] } } });\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n\r\n    const agencyDetails = ref(site.agencyDetails.selectedAgencyDetails);\r\n\r\n    // Computed ----\r\n    const product = computed(() => { return detail.product; });\r\n\r\n    const productMessages = computed(() => { return product.value.messages || [] });\r\n\r\n    const productPrice = computed(() => { return site.convertNumberToCurrency(product.value.unitPrice) });\r\n\r\n\r\n    const availableStates = computed(() => {\r\n        return detail.product.attributes.availability.join(', ')\r\n    });\r\n\r\n    const disablePersonalization = computed(() => {\r\n        return !product.value.attributes?.hasProductDataType || product.value.attributes?.isKitItem;\r\n    });\r\n\r\n    const eligibleToCustomize = computed(() => {\r\n        if (isNotEmpty(agencyDetails.value?.statId)) {\r\n            return true;\r\n        }\r\n        const adminRoles = site.userRoles.getRolesForAdminAccess();\r\n        var rec = site.user.roles.filter(r => adminRoles.includes(r.id));\r\n        return rec?.length > 0;\r\n    });\r\n\r\n    // Methods ----\r\n    async function addPersonalization() {\r\n        if (product.value.attributes?.isExpressOrderingAllowed && agencyDetails.value.isOwnerMaster) {\r\n            const oppId = getOppIdForOrderState(product.value.attributes?.dataListOption);\r\n            if (isNotEmpty(oppId)) {\r\n                const allStatCodes = await site.agencyDetails.getAgencySubCodes(oppId);\r\n                console.warn('allStatCodes', allStatCodes);\r\n                const ownerMasterPolicyCount = allStatCodes.find(a => a.statId == agencyDetails.value.statId)?.policyHoldersCount;\r\n                const subcodesHasPolicyHolders = allStatCodes.filter(a => a.statId != agencyDetails.value.statId && a.policyHoldersCount > 0);\r\n\r\n                if (ownerMasterPolicyCount && subcodesHasPolicyHolders?.length > 0) {\r\n                    router.push({\r\n                        name: 'ExpressOrderConfirmationPage',\r\n                        params: {\r\n                            productId: product.value.id\r\n                        }\r\n                    });\r\n                    return;\r\n                }\r\n            }\r\n        }\r\n        if (!site.errorHandler.canStartOrder()) {\r\n            return false;\r\n        }\r\n        orderFlowDetails.productId = props.productId;\r\n        const programType = getProgramTypeForOrderState(product.value.attributes.dataListType);\r\n        if (programType) {\r\n\r\n            orderFlowDetails.programType = getProgramTypeForOrderState(product.value.attributes.dataListType);\r\n            orderFlowDetails.productType = product.value.attributes?.productTypes?.join(\";\");\r\n            orderFlowDetails.oppId = getOppIdForOrderState(product.value.attributes.dataListOption);\r\n            let channelType = ChannelTypes.DIRECT_MAIL;\r\n            if (product.value && product.value.attributes && product.value.attributes.isEmail) {\r\n                channelType = ChannelTypes.EMAIL\r\n            }\r\n            const response = await site.personalizationInfo.startOrder(channelType, product.value.attributes.isSubscription);\r\n            if (site.errorHandler.handleStartOrderError(response)) {\r\n                router.push({\r\n                    name: 'PersonalizeStep1Page',\r\n                    params: {\r\n                        id: response.id,\r\n                        parentId: response.id,\r\n                        productId: orderFlowDetails.productId\r\n                    },\r\n                    query: {\r\n                        channelType: ChannelTypes.DIRECT_MAIL,\r\n                        isSubscription: product.value.attributes.isSubscription,\r\n                        searchType: 'productdetail'\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n\r\n    async function handleDownload(pdfUrl, fileName) {\r\n\r\n        if (pdfUrl) {\r\n            await site.downloadHandler.handleDownload(pdfUrl, fileName, true);\r\n        }\r\n        else {\r\n            site.toast.error('Error while downloading the pdf. please contact system administrator', 'Error');\r\n        }\r\n    }\r\n\r\n    async function customizeDownload(id) {\r\n\r\n        if (!eligibleToCustomize.value) {\r\n            site.toast.error(\"The user's current agency cannot be found, or they're not assigned to a current agency.\");\r\n            return;\r\n        }\r\n\r\n        orderFlowDetails.productId = id;\r\n\r\n        router.push({\r\n            name: 'CustomizeDownloadPage',\r\n            query: {\r\n                productId: id,\r\n            }\r\n        });\r\n    }\r\n    function onBack() {\r\n        router.push({\r\n            name: 'ProductSearch',\r\n            query: {\r\n                backToResults: 'true'\r\n            }\r\n        });\r\n    }\r\n    // Handlers ----\r\n    onMounted(async () => {\r\n        detail.product = Object.assign(detail.product, await site.products.getProductDetail(productId.value));\r\n        isLoaded.value = true;\r\n        form.product = detail.product;\r\n        form.validate();\r\n    });\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"product-detail\" v-if=\"isLoaded\">\r\n\r\n        <div class=\"row mt-2\">\r\n            <div class=\"col\">\r\n                <a href=\"#\" @click=\"onBack()\" class=\"no-underline\"><i class=\"bi bi-chevron-left\"></i> Back to Results</a>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row mt-5\">\r\n            <div class=\"col-12 col-sm-7\">\r\n                <ProductImageGallery :product=\"product\" />\r\n            </div>\r\n\r\n            <div class=\"col-12 mt-2 col-sm-5 mt-sm-0\">\r\n\r\n                <div class=\"tags\">\r\n                    <ProductTags :product=\"product\" />\r\n                </div>\r\n\r\n                <h1 class=\"name\" :title=\"product.name\">\r\n                    {{ product.name }}\r\n                </h1>\r\n\r\n                <div class=\"item-number\">{{ product.itemNumber }}</div>\r\n\r\n                <div class=\"price\">\r\n                    {{productPrice}} {{getUnitOfMeasureFriendlyName(product)}}\r\n                </div>\r\n\r\n                <FormContainer :form=\"form\" v-if=\"product.attributes.canAddToCart\">\r\n\r\n                    <div class=\"mt-2\">Quantity:</div>\r\n                    <ProductAddToCartQty :product=\"product\" />\r\n                    <FieldMessages field-name=\"quantity\" class=\"mt-2\" />\r\n\r\n                    <button class=\"btn btn-primary mt-3\" @click=\"form.submit()\" :disabled=\"form.status.isInvalid\">Add To Cart</button>\r\n                    <FormMessages :add-box=\"false\" class=\"mt-2\" />\r\n\r\n                </FormContainer>\r\n\r\n                <button v-if=\"product.attributes?.isPersonalizable\" class=\"btn btn-primary mt-3\" @click=\"addPersonalization\" :disabled=\"disablePersonalization\"> Add Personalization </button>\r\n\r\n                <h5 class=\"text-uppercase fw-bold mt-4\">Description</h5>\r\n                <div class=\"description mt-2\" v-html=\"product.description\"></div>\r\n\r\n                <div class=\"availability mt-2\">{{ product.itemNumber }} available for these States: {{availableStates}}</div>\r\n\r\n                <div class=\"mt-3 mb-3\">\r\n                    <ProductFavoriteIcon :product=\"product\" class=\"text-color-1 fs-2\" />\r\n                </div>\r\n\r\n                <button v-if=\"product.attributes?.isDownloadble\" class=\"btn btn-primary mt-3\" @click=\"handleDownload(product.pdfUrl, product.attributes?.downloadableFileName)\"> Download </button>\r\n                <button v-if=\"product.attributes?.isCustomizeDownloadable\" @click=\"customizeDownload(product.id)\" class=\"btn btn-primary mt-3\">Customize</button>\r\n                <MessageList :messages=\"productMessages\" :add-box=\"false\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<style lang=\"scss\">\r\n    .product-detail {\r\n        min-height: 30rem;\r\n\r\n        .name {\r\n            font-size: 1.875rem;\r\n            line-height: 2rem;\r\n        }\r\n\r\n        .title-link {\r\n            text-decoration: none;\r\n        }\r\n\r\n        .item-number {\r\n            font-size: 1.125rem;\r\n            color: $gray-3;\r\n        }\r\n\r\n        .price {\r\n            font-size: 1.375rem;\r\n        }\r\n\r\n        .availability {\r\n            font-size: 14px;\r\n        }\r\n    }\r\n</style>\r\n","import script from \"./ProductDetail.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProductDetail.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProductDetail.vue?vue&type=style&index=0&id=6c08c5f4&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ProductDetailPage\r\n    // Shows detail for a product.\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import ProductDetail from './components/ProductDetail';\r\n\r\n    // Imports ----\r\n    import { useRoute } from 'vue-router';\r\n\r\n    const route = useRoute();\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar />\r\n\r\n            <ProductDetail :product-id=\"route.params.id\" />\r\n        </div>\r\n    </PageTemplate>\r\n</template>","import script from \"./ProductDetailPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProductDetailPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./HelpCenterSidebar.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./HelpCenterSidebar.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./HelpCenterSidebar.vue?vue&type=style&index=0&id=fa2f0316&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./ContactUsPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ContactUsPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ContactUsPage.vue?vue&type=style&index=0&id=4042ab16&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // CollapsiblePanel\r\n    // Collapsible Panel for FAQs clicking the title or chevron will open the panel. \r\n\r\n    // Imports\r\n    import { ref, defineProps, watch, computed } from 'vue';\r\n\r\n    // Contants ----\r\n    var showState = {\r\n        UNSET: 0,\r\n        OPEN: 1,\r\n        CLOSED: 2\r\n    };\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        open: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        },\r\n        showAnimation: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    let open = ref(showState.UNSET);\r\n\r\n    // Methods ----\r\n    function toggleOpenClose() {\r\n        if (open.value == showState.UNSET && !props.open || open.value == showState.CLOSED) {\r\n            open.value = showState.OPEN\r\n        } else {\r\n            open.value = showState.CLOSED\r\n        }\r\n    }\r\n\r\n    // Computed ----\r\n    const show = computed(() => {\r\n        if (open.value == showState.UNSET) {\r\n            return props.open;\r\n        } else if (open.value == showState.OPEN) {\r\n            return true;\r\n        } else {\r\n            return false;\r\n        }\r\n    });\r\n\r\n    // Watcher ----\r\n    watch(\r\n        () => props.open, () => {\r\n            open.value = showState.UNSET;\r\n        }\r\n    );\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"collapsible-panel\">\r\n\r\n        <div class=\"panel\" :class=\"{ active: show }\">\r\n            <div class=\"panel-title py-3\" :class=\"{ 'fw-bold': show }\" @click=\"toggleOpenClose\">\r\n                <slot name=\"title\"></slot>\r\n            </div>\r\n\r\n            <template v-if=\"showAnimation\">\r\n                <transition>\r\n                    <div class=\"panel-content py-3\" v-if=\"show\">\r\n                        <slot name=\"content\"></slot>\r\n                    </div>\r\n                </transition>\r\n            </template>\r\n\r\n            <template v-else>\r\n                <div class=\"panel-content py-3\" v-if=\"show\">\r\n                    <slot name=\"content\"></slot>\r\n                </div>\r\n            </template>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .panel-title {\r\n        position: relative;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .panel-title:before {\r\n        content: \" \";\r\n        position: absolute;\r\n        top: calc(50% - 8px);\r\n        right: 14px;\r\n        border-top: 2px solid;\r\n        border-right: 2px solid;\r\n        width: 8px;\r\n        height: 8px;\r\n        -webkit-backface-visibility: hidden;\r\n        backface-visibility: hidden;\r\n        transition: transform .3s,top .3s;\r\n        transform: rotate(135deg) translate3d(0,-50%,0);\r\n        transform-origin: 35%;\r\n    }\r\n\r\n    .panel.active > .panel-title:before {\r\n        top: calc(50% + 1px);\r\n        transform: rotate(-45deg);\r\n    }\r\n\r\n    .v-enter-active,\r\n    .v-leave-active {\r\n        transition: opacity 0.5s ease;\r\n    }\r\n\r\n    .v-enter-from,\r\n    .v-leave-to {\r\n        opacity: 0;\r\n    }\r\n</style>","import script from \"./CollapsiblePanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CollapsiblePanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CollapsiblePanel.vue?vue&type=style&index=0&id=dbd2fee0&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // FrequentlyAskedQuestionsPage\r\n    // Frequently Asked Questions with a toggle for questions and answers\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import HelpCenterSidebar from '@/site/areas/help-center/components/HelpCenterSidebar';\r\n    import CollapsiblePanel from '@/site/areas/help-center/components/CollapsiblePanel';\r\n    import HeadlineContainer from '@/site/components/HeadlineContainer';\r\n    //import LinkItem from '@/site/components/LinkItem';\r\n\r\n    // Imports\r\n    import { ref, computed } from 'vue';\r\n\r\n    // State -----\r\n    const open = ref(false);\r\n\r\n    // Methods ----\r\n    function expandAll() {\r\n        open.value = !open.value;\r\n    }\r\n\r\n    // Computed ----\r\n    const viewHideText = computed(() => {\r\n        if (open.value) {\r\n            return 'Hide All';\r\n        } else {\r\n            return 'View All';\r\n        }\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.HOME_TAB_ID\" />\r\n\r\n            <div class=\"frequently-asked-questions\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col-3 mt-5\">\r\n                        <HelpCenterSidebar />\r\n                    </div>\r\n\r\n                    <div class=\"col mt-5\">\r\n                        <h1>Frequently Asked Questions</h1>\r\n\r\n                        <div class=\"text-end fw-bold text-color-1\">\r\n                            <a href=\"/downloads/AP-5702-E-Marketing-Solutions-Center-Frequently-Asked-Questions-Updated.pdf\" target=\"_blank\" class=\"no-underline\">Download FAQ PDF</a> <span class=\"text-color-2-dk px-3\">|</span> <a href=\"#\" class=\"no-underline\" @click=\"expandAll\">{{viewHideText}}</a>\r\n                        </div>\r\n\r\n                        <HeadlineContainer class=\"my-3\" title=\"Overview\" />\r\n\r\n                        <CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                Is the Marketing Solutions Center integrated with the Ignite rewards program?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>Yes. You'll see notifications throughout the site indicating your available Ignite rewards, such as for the Cross-sell Program, Prospecting Program and more. Rewards are applied automatically to eligible orders - no need to enter a code at checkout.</p>\r\n                            </template>\r\n                        </CollapsiblePanel>\r\n\r\n                        <!--<CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                Is the MSC integrated with the Ignite platform?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>Yes. The MSC supports the Ignite platform by offering tools and programs to help agents grow. For example, Cross-sell, referral, lead generation, and more.</p>\r\n                            </template>\r\n                        </CollapsiblePanel>-->\r\n\r\n                        <CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                Is the Marketing Solutions Center secure?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>This site uses industry-standard Secure Sockets Layer (SSL) technology to encrypt:</p>\r\n                                <ul>\r\n                                    <li>Critically sensitive data, such as credit card information</li>\r\n                                    <li>Potentially sensitive information, such as your name and address</li>\r\n                                </ul>\r\n                            </template>\r\n                        </CollapsiblePanel>\r\n\r\n                        <CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                My default agency information is incorrect on the Marketing Solutions Center. How do I change it?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>You can update your information during the order process for customizable materials. Unfortunately, the updates won't be saved for future orders. To have your agency information permanently updated, please contact your territory manager.</p>    \r\n                            </template>\r\n                        </CollapsiblePanel>\r\n\r\n                        <CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                How does Safeco select prospects for the Prospecting Program?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>We filter third-party data for potential matches to our preferred customer profile. Although they might not be actively shopping for insurance, the resulting prospects are likely to be a good fit for Safeco and your agency. Prospects are dedicated to your agency for 60 days.</p>\r\n                            </template>\r\n                        </CollapsiblePanel>\r\n\r\n                        <HeadlineContainer class=\"my-3\" title=\"Navigation\" />\r\n\r\n                        <CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                How do I find what I need?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>At the top right of any page, use the search bar to search by keyword. Other ways to find what you need:</p>\r\n                                <ul>\r\n                                    <li>To narrow search results by category, product, format or program, use the filters on the search results page.</li>\r\n                                    <li>Hover over the tabs for <b> Cross-sell</b> and <b> Prospecting </b> to choose a specific product you'd like to focus on. From there you can start an order or use the filters to further refine your search.</li>\r\n                                </ul>\r\n                            </template>\r\n                        </CollapsiblePanel>\r\n\r\n                        <!--<CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                How can I find the brochure or collateral that I'm looking for?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>All available brochures can be found with the Advanced Search Feature. You can find this feature in the support tab at the top of the page, denoted by a magnifying glass. The results of your search will deliver all available resources or materials that match your search criteria.</p>\r\n                            </template>\r\n                        </CollapsiblePanel>\r\n\r\n                        <CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                Where can I order supplies?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>\r\n                                 While the MSC offers marketing programs to help sell Safeco products or retain your existing customers, there are other materials available to your agency for day-to-day operations. Order these miscellaneous items (such as envelopes, letterhead and more) via the <LinkItem style=\"display: inline-block;\"  title=\"Branded Supplies\" link=\"/marketing#Branded Supplies\" :isExternal=\"true\" :openNewWindow=\"true\" :showChevron=\"false\" /> tab under <em>Marketing Materials</em>. For other items, please contact your Territory Manager.\r\n                                </p>\r\n                            </template>\r\n                        </CollapsiblePanel>-->\r\n\r\n                        <HeadlineContainer class=\"my-3\" title=\"Ordering\" />\r\n\r\n                        <CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                Where can I find information about my orders?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>Look at the top right of any page and go to <b> My Account > Order History/Lists</b> to find the details of orders you've placed.</p>\r\n                            </template>\r\n                        </CollapsiblePanel>\r\n\r\n                        <CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                How do I know when my order has shipped?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>You'll receive an email confirming your order details upon submission. You'll get a second email when the order ships, which includes the ship date and tracking number.</p>        \r\n                            </template>\r\n                        </CollapsiblePanel>\r\n\r\n                        <CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                Will I get a sample of my direct mail order delivered to my office?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>Yes, as a reminder that mail is being delivered to your customers or prospects, we'll mail a sample piece to the contact information listed on the letter.</p>\r\n                            </template>\r\n                        </CollapsiblePanel>\r\n\r\n                        <CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                How can I access my mailing list?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>Look at the top right of any page and go to <b> My Account > Order History/Lists</b>. The mailing list is available to download the day after the mail date. You can locate the mail date for your order within the confirmation email you'll receive once your order has been mailed.</p>\r\n                            </template>\r\n                        </CollapsiblePanel>\r\n\r\n                        <CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                How do I know when my direct mail order will be shipped?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>You can locate the mail date for your order within the confirmation email that's sent to you once your order has been completed.</p>\r\n                            </template>\r\n                        </CollapsiblePanel>\r\n\r\n                        <CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                How do I customize or personalize brochures or direct mail with my agency information?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>The information we have on file for your agency will be displayed during the ordering process, and you can make updates before you place your order. Please note:</p>\r\n                                <ul>\r\n                                    <li>Click on the PDF preview to be sure your contact name and phone number are accurate, then click the checkbox to indicate your approval.</li>\r\n                                    <li>You may modify your order by calling the MSC Help Desk at (800) 845- 9860 <b>within 24 hours</b> of placing your order.</li>\r\n                                    <li>Your revised agency information will be printed on the marketing piece but will not be stored for future orders.</li>\r\n                                    <li>To have your agency information permanently updated, please contact your territory manager.</li>\r\n                                </ul>\r\n                            </template>\r\n                        </CollapsiblePanel>\r\n\r\n                        <CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                How do I upload my agency logo or my headshot photo?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>It's best to add images to your account before you start an order. On the top right of any page, go to <b> My Account > My Images Library</b> and click <b>Select Files</b> to begin. Tips to ensure a clear, crisp image:</p>\r\n                                <ul>\r\n                                    <li>Upload high-resolution images of 300 DPI minimum. The higher the DPI, the clearer the photo or logo will be once it's printed.</li>\r\n                                    <li>Acceptable file formats include vector image, EPS, JPEG, TIF and TIFF.</li>\r\n                                    <li>For photos, a headshot including the shoulders with a solid color background works best.</li>\r\n                                    <li>Most digital cameras and phones will produce an image that will meet these requirements.</li>\r\n                                </ul>\r\n                            </template>\r\n                        </CollapsiblePanel>\r\n\r\n                        <CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                Is it possible to return items?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>Sorry, we are unable to accept returned merchandise.</p>\r\n                            </template>\r\n                        </CollapsiblePanel>\r\n\r\n                        <CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                Is it possible to cancel orders?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>If you ordered a prospect mailing where Safeco provides prospect names, the order cannot be cancelled after it is placed.</p>\r\n                                <p>If you ordered a mailing to policyholders within your book of business or if you ordered a customized printed brochure, you may modify or cancel your order by calling the MSC Help Desk at (800) 845- 9860 <b> within 24 hours </b>  of placing your order.</p>\r\n                            </template>\r\n                        </CollapsiblePanel>\r\n\r\n                        <!--<CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                How does the pricing work on brochures?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>In most cases, you are eligible to receive a limited quantity of brochures or collateral at no charge per quarter. The MSC does allow you to purchase additional quantities beyond the free quarterly allowance for an additional cost.</p>\r\n                            </template>\r\n                        </CollapsiblePanel>-->\r\n\r\n                        <!--<CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                What is the benefit of customizing brochures for Print-on-Demand (POD)?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>Customization is an excellent enhancement to your marketing efforts. The benefit of Print-on-Demand (POD) is the ability to customize the piece with your agency information including phone number and website address. The brochures are then professionally printed on high-quality paper at a price lower than most local copy centers, and shipped directly to you.</p>\r\n                            </template>\r\n                        </CollapsiblePanel>-->\r\n\r\n                        <CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                I ordered the maximum number of items available for free. Can I order more?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>Yes, for an additional cost you may purchase additional quantities beyond the free quarterly allowance you may be eligible for. Prices and your available allowance for free items are displayed on the item listing.</p>\r\n                            </template>\r\n                        </CollapsiblePanel>\r\n\r\n                        <!--<CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                Does Safeco offer logo merchandise?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>Safeco offers agents access to Safeco branded merchandise at a reasonable price. These can be accessed directly from the <em>Promotional Merchandise</em> tab, under <em>Marketing Materials</em>.</p>\r\n                            </template>\r\n                        </CollapsiblePanel>-->\r\n\r\n                        <HeadlineContainer class=\"my-3\" title=\"Support\" />\r\n\r\n                        <CollapsiblePanel class=\"mx-5\" ref=\"collapsiblePanelRef\" :open=\"open\">\r\n                            <template v-slot:title>\r\n                                How can I get more help?\r\n                            </template>\r\n                            <template v-slot:content>\r\n                                <p>If you have additional questions, you can:</p>\r\n                                <ul>\r\n                                    <li>Call the Marketing Solutions Center Help Desk at (800) 845-9860 Monday through Friday 9 a.m.-8 p.m. Eastern.</li>\r\n                                    <li>Send an email to <a href=\"mailto:create@safeco.com\">create@safeco.com</a> and a Safeco representative will respond.</li>\r\n                                    <li>Contact your territory manager.</li>\r\n                                </ul>\r\n                            </template>\r\n                        </CollapsiblePanel>\r\n\r\n                        <div class=\"mt-5\">\r\n                            <p class=\"fw-bold\">\r\n                                Didn't find what you were looking for in this FAQ?\r\n                            </p>\r\n                            <p>\r\n                                Send an email with your question to <a href=\"mailto:create@safeco.com\">create@safeco.com</a>\r\n                            </p>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .frequently-asked-questions {\r\n        .panel-title {\r\n            color: $color-1;\r\n        }\r\n\r\n        .panel-content {\r\n            color: $gray-3;\r\n        }\r\n\r\n        .py-3 {\r\n            padding-top: 0rem !important;\r\n            padding-bottom: 0rem !important;\r\n        }\r\n    }\r\n</style>","import script from \"./FrequentlyAskedQuestionsPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./FrequentlyAskedQuestionsPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./FrequentlyAskedQuestionsPage.vue?vue&type=style&index=0&id=2dfd0f8c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // VideoPlayer\r\n    // Plays the video\r\n    import { defineProps  } from 'vue';\r\n    import { v4 as uuidv4 } from 'uuid';\r\n    import { VideoPlayer } from 'vue-hls-video-player';\r\n\r\n    const videoId = uuidv4();\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        title: {\r\n            type: String,\r\n            required: true\r\n        },\r\n        videoUrl: {\r\n            type: String,\r\n            required: true\r\n        },\r\n        videoWidth: {\r\n            type: Number,\r\n            required: false,\r\n            default: 360\r\n        },\r\n        // Different video format options\r\n        videoType: {\r\n            type: String,\r\n            required: false,\r\n            default: 'application/vnd.ms-sstr+xml'\r\n        }\r\n    });\r\n    \r\n</script>\r\n\r\n<template>\r\n    <div class=\"video-player\">\r\n\r\n        <div>\r\n\r\n            <VideoPlayer type=\"default\" :id=\"videoId\" :width=\"props.videoWidth\" :link=\"props.videoUrl\" :isControls=\"true\"/>\r\n\r\n        </div>\r\n\r\n        <div class=\"fw-bold\">\r\n            {{props.title}}\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n</style>","import script from \"./MediaPlayer.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MediaPlayer.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // HowToVideosPage\r\n    // How to video page is for displaying and playing videos \r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import HelpCenterSidebar from './components/HelpCenterSidebar';\r\n    import MediaPlayer from '@/site/areas/help-center/components/MediaPlayer';\r\n\r\n    const crossSellVideoURL = process.env.VUE_APP_MSC_CROSSSELL_VIDEO_URL;\r\n    const navVideoURL = process.env.VUE_APP_MSC_NAV_VIDEO_URL;\r\n    const overallVideoURL = process.env.VUE_APP_MSC_OVERALL_VIDEO_URL;\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar />\r\n\r\n            <div class=\"how-to-video-page\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col-3 mt-5\">\r\n                        <HelpCenterSidebar />\r\n                    </div>\r\n\r\n                    <div class=\"col mt-5\">\r\n\r\n                        <h1>How To Videos</h1>\r\n\r\n                        <!-- TODO: We need the real videos once they are created -->\r\n\r\n                        <div class=\"row mt-5\">\r\n\r\n                            <div class=\"col-6 text-center\">\r\n\r\n                                <MediaPlayer title=\"How to Navigate the Site\" :video-width=\"360\" :video-url=\"navVideoURL\" />\r\n\r\n                            </div>\r\n\r\n                            <div class=\"col-6 text-center\">\r\n\r\n                                <MediaPlayer title=\"How to Place a Cross-sell Order\" :video-width=\"360\" :video-url=\"crossSellVideoURL\" />\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row mt-5\">\r\n\r\n                            <div class=\"col-6 text-center\">\r\n\r\n                                <MediaPlayer title=\"Safeco MSC Overview\" :video-width=\"360\" :video-url=\"overallVideoURL\" />\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n</style>","import script from \"./HowToVideosPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./HowToVideosPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./AgencyBestPractices.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AgencyBestPractices.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AgencyBestPractices.vue?vue&type=style&index=0&id=6b4f5168&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // CrossSellHomePage\r\n    // Landing page for the cross-sell program\r\n\r\n    // Imports ----\r\n    import { onMounted, reactive, ref, computed } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { Search, TabBar } from '@dd-nucleus/nucleus-vue';\r\n    import { ProgramType, ProductType } from '@/constants'\r\n    const search = new Search('cross-sell-programs-for-current-agency', 'detail', 'title', 5000);\r\n    //import { PetCrossSellSelfServiceAsset } from '@/constants'\r\n\r\n    // Components ----\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import OpportunitiesTile from '@/site/components/OpportunitiesTile';\r\n    import AgencyBestPractices from './components/AgencyBestPractices';\r\n    //import IgniteCrossSellPromo from '@/site/components/IgniteCrossSellPromo';\r\n\r\n\r\n    // State ----\r\n    const crossSellTabs = [\r\n        {\r\n            id: 'cross-sell',\r\n            title: 'Cross-sell'\r\n        },\r\n        {\r\n            id: 'agency-best-practices',\r\n            title: 'Agency best practices'\r\n        }\r\n    ];\r\n\r\n   \r\n\r\n\r\n\r\n\r\n    const results = reactive([]);\r\n\r\n\r\n    const currentAgencyId = ref(site.agencyDetails.agencyDefaultId);\r\n    //const selectedAgencyDetails = reactive(site.agencyDetails.selectedAgencyDetails);\r\n\r\n    // Methods  ----\r\n\r\n    // Lifecycle Hooks\r\n    onMounted(async () => {\r\n        Object.assign(results, await search.results);\r\n        // For Adobe analytics\r\n        await site.analyticsHandler.push({ \"tileCode\": \"Cross Sell Overview\", \"lob\": \"Cross Sell\" });\r\n    });\r\n\r\n    // Computed\r\n    const isEmployee = computed(() => {\r\n        return currentAgencyId.value == 0 ? true : false;\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.CROSS_SELL_TAB_ID\" />\r\n\r\n            <div class=\"root-page-container cross-sell-home\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col-sm-8\">\r\n\r\n                        <div class=\"row\">\r\n\r\n                            <div class=\"d-flex align-items-center\">\r\n\r\n                                <div class=\"flex-shrink-0\">\r\n\r\n\r\n                                </div>\r\n\r\n                                <div class=\"col-sm-100\">\r\n\r\n                                    <h1>Cross-sell campaigns</h1>\r\n                                    <p style=\"font-size: 20px;\">With so many options available, it's easy to deepen relationships at little to no cost.</p>\r\n\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row\">\r\n\r\n                            <div class=\"col\">\r\n\r\n                                <p>Choose the approach that works for you - or take advantage of them all.</p>\r\n\r\n                                <table>\r\n                                    <thead>\r\n                                        <tr style=\"border-top: 2px solid black; border-bottom: 2px solid black;\">\r\n                                            <th> </th>\r\n                                            <th> Automated cross-sell</th>\r\n                                            <th> Custom cross-sell</th>\r\n                                            <th> DIY cross-sell</th>\r\n                                        </tr>\r\n                                        <tr style=\"border-bottom: 2px solid #b0adad; \">\r\n                                            <td><strong>How it works</strong></td>\r\n                                            <td>Safeco sends direct mail on your behalf to all your<br /> monoline customers about a month before their<br /> renewal date.</td>\r\n                                            <td>Select and customize your materials; Safeco sends <br /> them on your behalf to the customers you specify.</td>\r\n                                            <td>Select and customize your materials, then download,<br /> print and send to your customers.</td>\r\n                                        </tr>\r\n                                        <tr style=\"border-bottom: 2px solid #b0adad; text-align: left; vertical-align: top;\">\r\n                                            <td><strong>Can I customize?</strong></td>\r\n                                            <td>\r\n                                                No\r\n                                                <br />\r\n                                                <ul>\r\n                                                    <li>Your agency's contact information is printed on the <br /> letters</li>\r\n                                                </ul>\r\n                                            </td>\r\n                                            <td>\r\n                                                Yes\r\n                                                <br />\r\n                                                <ul>\r\n                                                    <li>Add your agency logo or headshot</li>\r\n                                                    <li>Choose direct mail, email or multichannel campaigns</li>\r\n                                                    <li>Specify which customers to target</li>\r\n                                                </ul>\r\n                                            </td>\r\n                                            <td>\r\n                                                Yes\r\n                                                <br />\r\n                                                <ul>\r\n                                                    <li>Add your agency logo or headshot</li>\r\n                                                </ul>\r\n                                            </td>\r\n                                        </tr>\r\n\r\n                                        <tr style=\"border-bottom: 2px solid #b0adad; \">\r\n                                            <td><strong>Cost</strong></td>\r\n                                            <td>Free as part of Safeco&#174; Ignite</td>\r\n\r\n                                            <td>Low cost; specialty  free for Ignite Elite agents</td>\r\n                                            <td>Free</td>\r\n\r\n                                        </tr>\r\n                                        <tr style=\"border-bottom: 2px solid #b0adad; \">\r\n                                            <td><strong>Lines of business</strong></td>\r\n                                            <td>Home, auto, umbrella</td>\r\n                                            <td>Home, auto, umbrella, pet, Landlord Protection&#174;,<br /> specialty (motorcycle, watercraft, RV)</td>\r\n                                            <td>Renters, motorcycle, snowmobile, off-road</td>\r\n                                        </tr>\r\n                                        <tr style=\"border-bottom: 2px solid #b0adad; \">\r\n                                            <td><strong>How to use</strong></td>\r\n                                            <td>Click <b>Enroll</b> below</td>\r\n                                            <td>Click <b> Start Order</b> below</td>\r\n                                            <td>Click a line of business below</td>\r\n                                        </tr>\r\n                                    </thead>\r\n                                </table>\r\n                                <br />\r\n                                <p style=\"white-space: nowrap; font-size: 85%;\">\r\n                                    Availability for cross-sell campaigns may vary by state. Please check back for future updates to availability or reach out to your territory manager with any questions.\r\n                                </p>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row mt-3\">\r\n\r\n                            <div class=\"d-flex align-items-center\">\r\n\r\n                                <div class=\"flex-shrink-0\">\r\n\r\n                                    <img src=\"/images/icons/growth-opportunities-icon.png\" alt=\"Growth Opportunities\" class=\"img-fluid\" />\r\n\r\n                                </div>\r\n\r\n                                <div class=\"flex-grow-1 ms-3\">\r\n\r\n                                    <h2>My growth opportunities</h2>\r\n\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row\" v-if=\"isEmployee\">\r\n\r\n                            <div class=\"col\">\r\n\r\n                                <AgencyBestPractices />\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row\" v-else>\r\n\r\n                            <div class=\"col\">\r\n\r\n                                <TabBar :tabs=\"crossSellTabs\" />\r\n\r\n                                <div class=\"tab-content\">\r\n                                    <div class=\"tab-pane fade show active\" id=\"cross-sell\" role=\"tabpanel\">\r\n                                       \r\n                                        <div class=\"sub-tab-container\">\r\n                                            <OpportunitiesTile filter-id=\"opportunities-cross-sell\"  />\r\n                                        </div>\r\n                                       \r\n                                    </div>\r\n\r\n                                    <div class=\"tab-pane fade\" id=\"agency-best-practices\" role=\"tabpanel\">\r\n                                        <AgencyBestPractices />\r\n                                    </div>\r\n\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                     </div>\r\n\r\n                    \r\n                </div>\r\n\r\n                <div class=\"diy-cross-sell\">\r\n                    <div class=\"diy-cross-sell\">\r\n                        <h2 style=\"border-bottom: 2px solid #000; padding-bottom: 5px; display: inline-block;\">DIY cross-sell</h2>\r\n                        <p style=\"margin-top: 10px; font-weight: bold;\">Program</p>\r\n                        <table style=\"width: 100%; border-collapse: collapse;\">\r\n                            <tbody>\r\n                               \r\n                                <tr>\r\n                                    <td>\r\n                                        <router-link :to=\"{\r\n    path: '/products',\r\n    query: {\r\n        'f-product-type': ProductType.RENTERS,\r\n        'f-program-type': ProgramType.CROSS_SELL,\r\n\r\n        'product-ids': ['AP-9626E', 'AP-4946E']\r\n    }\r\n}\"\r\n                                                     class=\"no-underline\">\r\n                                            Renters\r\n                                        </router-link>\r\n                                    </td>\r\n                                </tr>\r\n\r\n\r\n                                <tr style=\"background-color: #f9f9f9;\">\r\n                                    <td>\r\n\r\n                                        <router-link :to=\"{\r\n  path: '/products',\r\n  query: {\r\n\r\n    'f-product-search-term':'AP-9628E;AP-4945E'\r\n  }\r\n}\" class=\"no-underline\">\r\n                                            Motorcycle\r\n                                        </router-link>\r\n                                    </td>\r\n                                </tr>\r\n\r\n                                <tr>\r\n                                    <td>\r\n                                        <router-link :to=\"{\r\n  path: '/products',\r\n  query: {\r\n    'f-product-search-term': 'AP-9630E'\r\n  }\r\n}\"\r\n                                                     class=\"no-underline\">\r\n                                            Snowmobile\r\n                                        </router-link>\r\n                                    </td>\r\n                                </tr>\r\n                                <tr style=\"background-color: #f9f9f9;\">\r\n                                    <td>\r\n                                        <router-link :to=\"{\r\n      path: '/products',\r\n      query: {\r\n        'f-product-search-term': 'AP-9343E'\r\n      }\r\n    }\"\r\n                                                     class=\"no-underline\">\r\n                                            Off-road\r\n                                        </router-link>\r\n                                    </td>\r\n                                </tr>\r\n                            </tbody>\r\n                        </table>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n<style lang=\"scss\">\r\n    table {\r\n        width: 80%;\r\n        border-collapse: collapse;\r\n    }\r\n    th,td{\r\n        font-size: 68%;\r\n    }\r\n\r\n    th, td {\r\n        border: 1px solid #808080; /* Border for each cell */\r\n        padding: 8px;\r\n        text-align: left;\r\n    }\r\n    tr {\r\n        border-bottom: 2px solid #b0adad; /* Line under each row */\r\n    }\r\n\r\n    th {\r\n        border-bottom: 2px solid #808080; /* Bottom border under headers */\r\n    }\r\n\r\n    tr {\r\n        border-bottom: 4px solid #808080; /* Border below each row */\r\n    }\r\n\r\n    tr:nth-child(even) {\r\n        background-color: #f9f9f9; /* Light grey for alternate rows */\r\n    }\r\n\r\n    tr:last-child {\r\n        border-bottom: none; /* Remove bottom border for the last row if needed */\r\n    }\r\n\r\n    .cross-sell-note {\r\n        margin-top: 2rem !important;\r\n    }\r\n\r\n    \r\n\r\n    .diy-cross-sell table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n    }\r\n\r\n    .diy-cross-sell th {\r\n        padding: 10px;\r\n        font-size: 16px;\r\n        text-align: left;\r\n    }\r\n\r\n    .diy-cross-sell td {\r\n        padding: 10px;\r\n        font-size: 16px;\r\n        border: none; /* Remove borders around cells */\r\n    }\r\n\r\n    .diy-cross-sell tr {\r\n        border-bottom: 2px solid #b0adad; /* Line under each row */\r\n    }\r\n\r\n    .diy-cross-sell tr.highlight {\r\n        background-color: #f9f9f9; /* Light color for highlight */\r\n    }\r\n\r\n    .diy-cross-sell td:first-child,\r\n    .diy-cross-sell td:last-child {\r\n        border-left: none; /* Remove left border */\r\n        border-right: none; /* Remove right border */\r\n    }\r\n\r\n    .diy-cross-sell td a {\r\n        text-decoration: none;\r\n        color: #28a3af;\r\n        //font-weight: bold;*/\r\n    }\r\n\r\n    .diy-cross-sell td a::after {\r\n        content: '�'; /* Arrow symbol */\r\n        margin-left: 8px;\r\n        color: #28a3af;\r\n        //font-weight: bold;*/\r\n    }\r\n\r\n\r\n    .diy-cross-sell h2 {\r\n        display: block;\r\n        width: 100%;\r\n        border-bottom: 2px solid #000;\r\n        padding-bottom: 5px;\r\n        margin: 0; /* Remove default margin */\r\n    }\r\n    .diy-cross-sell p {\r\n        display: block;\r\n        width: 100%;\r\n        border-bottom: 2px solid #b0adad;\r\n        padding-bottom: 5px;\r\n        margin: 0; /* Remove default margin */\r\n    }\r\n    .diy-cross-sell {\r\n        padding: 10px; /* Optional: add some padding around the section */\r\n    }\r\n    .diy-cross-sell td a::after {\r\n        content: '> '; /* Greater-than symbol */\r\n        margin-left: 8px;\r\n        color:#28a3af;\r\n        font-weight: bold;\r\n    }\r\n    .diy-cross-sell {\r\n        position: relative; /* Enable relative positioning */\r\n        left: -.8%;\r\n    }\r\n    .diy-cross-sell td a:visited {\r\n        color: #28a3af;\r\n    }\r\n    .diy-cross-sell td a:active {\r\n        color: #28a3af;\r\n    }\r\n</style>\r\n","import script from \"./CrossSellHomePage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CrossSellHomePage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CrossSellHomePage.vue?vue&type=style&index=0&id=377d5d88&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n// PersonalizationForm\r\n// Form used to personalize the assets. \r\n\r\n// Imports ----\r\nimport { Form } from '@dd-nucleus/nucleus-vue';\r\nimport { site } from '@/Site';\r\n\r\nexport default class PersonalizationForm 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                agencyName: '',\r\n                licenseNumber: '',\r\n                agentFirstName: '',\r\n                agentLastName: '',\r\n                agentPhone: '',\r\n                agentEmail: '',\r\n                addressLine1: '',\r\n                addressLine2: '',\r\n                city: '',\r\n                state: '',\r\n                province: '',\r\n                postalCode: '',\r\n                imageId: ''\r\n            }));\r\n\r\n        // Set required fields\r\n        /*\r\n        this.validator.fields.agencyName.isRequired = true;\r\n        this.validator.fields.agentFirstName.isRequired = true;\r\n        this.validator.fields.agentLastName.isRequired = true;\r\n        this.validator.fields.agentPhone.isRequired = true;\r\n        this.validator.fields.agentEmail.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        this.validator.fields.postalCode.isRequired = true;\r\n        */\r\n\r\n        // Set maximum lengths\r\n        this.validator.fields.agencyName.maxLength = 100;\r\n        this.validator.fields.licenseNumber.maxLength = 20;\r\n        this.validator.fields.agentFirstName.maxLength = 50;\r\n        this.validator.fields.agentLastName.maxLength = 50;\r\n        this.validator.fields.agentPhone.maxLength = 12;\r\n        this.validator.fields.agentEmail.maxLength = 50;\r\n        this.validator.fields.addressLine1.maxLength = 50;\r\n        this.validator.fields.city.maxLength = 50;\r\n        this.validator.fields.state.maxLength = 2;\r\n        this.validator.fields.postalCode.maxLength = 10;\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.licenseNumber = '';\r\n        this.model.agentFirstName = '';\r\n        this.model.agentLastName = '';\r\n        this.model.agentPhone = '';\r\n        this.model.agentEmail = '';\r\n        this.model.addressLine1 = '';\r\n        this.model.addressLine2 = '';\r\n        this.model.city = '';\r\n        this.model.state = '';\r\n        this.model.postalCode = '';\r\n        this.model.imageId = ''\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    setRequired(field) {\r\n        \r\n        for (let i = 0; i < field.length; i++) {\r\n            let fieldName = field[i].attributeName;\r\n            if (field[i].isRequired) {\r\n                this.validator.fields[fieldName].isRequired = true;\r\n            }\r\n            \r\n        }\r\n        \r\n    }\r\n\r\n    onValidate() {\r\n        super.onValidate();\r\n\r\n\r\n        if (this.model.state == 'CA' || this.model.state == 'AR') {\r\n            this.validator.fields.licenseNumber.isRequired = true;\r\n        } else {\r\n            this.validator.fields.licenseNumber.isRequired = false;\r\n        }\r\n    }\r\n\r\n    async onSubmit() {\r\n        if (await site.personalization.generatePdfPreview(this.model, this.validator)) {\r\n            super.reset();\r\n        }\r\n    }\r\n}","\r\n// ConsentForm\r\n// Form used to personalize the assets. \r\n\r\n// Imports ----\r\nimport { Form } from '@dd-nucleus/nucleus-vue';\r\n\r\nexport default class ConsentForm 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                pdfFinalApproval: false,\r\n                acceptTermsAndConditions: false,\r\n                willNotUseMassachusetts: false\r\n            }));\r\n\r\n        this.validator.fields.pdfFinalApproval.isRequired = true;\r\n        this.validator.fields.acceptTermsAndConditions.isRequired = true;\r\n        this.validator.fields.willNotUseMassachusetts.isRequired = true;\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.pdfFinalApproval = false;\r\n        this.model.acceptTermsAndConditions = false;\r\n        this.model.willNotUseMassachusetts = false;\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}","<script setup>\r\n\r\n    // PdfViewer\r\n    // This is a panel that build and embed for PDFs that you can switch pages using pagination. \r\n    import { computed, defineProps, ref } from 'vue';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        pdfDetails: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        // The height parameter is not required but without it, it is very small\r\n        height: {\r\n            type: Number,\r\n            required: false\r\n        }\r\n    });\r\n\r\n    // State \r\n    let pageNumber = ref(1);\r\n\r\n    let showPdf = ref(true);\r\n\r\n    // Methods\r\n    function changePage(pageNum) {\r\n        pageNumber.value = pageNum;\r\n\r\n        // Not sure if this is the best way to render the PDF after you change the page number but it works\r\n        showPdf.value = false;\r\n\r\n        setTimeout(() => {\r\n            showPdf.value = true;\r\n        }, 100);\r\n    }\r\n\r\n    function next() {\r\n        if (pageNumber.value < props.pdfDetails.totalPages) {\r\n            changePage(pageNumber.value + 1);\r\n        }\r\n    }\r\n\r\n    function previous() {\r\n        if (pageNumber.value > 1) {\r\n            changePage(pageNumber.value - 1);\r\n        }\r\n    }\r\n\r\n    // Computed\r\n    const pdfUrl = computed(() => {\r\n        return props.pdfDetails.fileUrl + \"#toolbar=0&navpanes=0&scrollbar=0&page=\" + pageNumber.value;\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"pdf-viewer\">\r\n\r\n        <nav v-if=\"pdfDetails.totalPages > 1\">\r\n            <ul class=\"pagination justify-content-center\">\r\n                <li class=\"page-item\">\r\n                    <a class=\"page-link\" href=\"#\" aria-label=\"Previous\" @click=\"previous\">\r\n                        <i class=\"bi bi-chevron-left\"></i>\r\n                    </a>\r\n                </li>\r\n                <li class=\"page-item\" v-for=\"i in props.pdfDetails.totalPages\" :key=\"i\">\r\n                    <a class=\"page-link\" href=\"#\" @click=\"changePage(i)\">{{ i }}</a>\r\n                </li>\r\n                <li class=\"page-item\">\r\n                    <a class=\"page-link\" href=\"#\" aria-label=\"Next\" @click=\"next\">\r\n                        <i class=\"bi bi-chevron-right\"></i>\r\n                    </a>\r\n                </li>\r\n            </ul>\r\n        </nav>\r\n\r\n        <embed v-if=\"showPdf\" :src=\"pdfUrl\" type=\"application/pdf\" class=\"w-100\" :height=\"height\"/>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .pdf-viewer {\r\n    }\r\n</style>","import script from \"./PdfViewer.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PdfViewer.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PdfViewer.vue?vue&type=style&index=0&id=6dbc2520&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    // AddPersonalization\r\n    // Form for personalizing assets\r\n\r\n    // Imports ----\r\n    import { defineProps, defineEmits, reactive } from 'vue';\r\n    //import { site } from '@/Site';\r\n    import { store } from '@dd-nucleus/nucleus-vue';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // The payment method form object.\r\n        form: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    const form = reactive(props.form);\r\n\r\n    // Handlers ----\r\n    const emit = defineEmits(['change']);\r\n\r\n    function onChanged() {\r\n        emit('change');\r\n    }\r\n</script>\r\n\r\n<template>\r\n    <div class=\"add-personalization\">\r\n        <FormContainer :form=\"form\" optional-text=\"(Optional)\">\r\n            <FormMessages />\r\n            <slot name=\"top\"></slot>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"agencyName\" label=\"Agency Name\">\r\n                        <TextBoxField v-model=\"form.model.agencyName\" placeholder=\"Sample Agency Name\" @change=\"onChanged\" />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"licenseNumber\" label=\"License Number\" help-text=\"Will print on mail piece for CA & AR. Other states are optional. \">\r\n                        (Required for CA & AR)\r\n                        <TextBoxField v-model=\"form.model.licenseNumber\" placeholder=\"License Number\" @change=\"onChanged\" />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"agentFirstName\" label=\"Agent First Name\">\r\n                        <TextBoxField v-model=\"form.model.agentFirstName\" placeholder=\"Agent First Name\" @change=\"onChanged\" />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"agentLastName\" label=\"Agent Last Name\">\r\n                        <TextBoxField v-model=\"form.model.agentLastName\" placeholder=\"Agent Last Name\" @change=\"onChanged\" />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"agentPhone\" label=\"Agent Phone Number\">\r\n                        <TextBoxField v-model=\"form.model.agentPhone\" placeholder=\"Agent Phone Number\" @change=\"onChanged\" />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"agentEmail\" help-text=\"This email address is used for lead distribution\" label=\"Agent Email\">\r\n                        (One email address only)\r\n                        <TextBoxField v-model=\"form.model.agentEmail\" placeholder=\"samsample@email.com\" @change=\"onChanged\" />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n            <h2 class=\"mt-5\">Agency Address</h2>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"addressLine1\" label=\"Agent Address\">\r\n                        <TextBoxField v-model=\"form.model.addressLine1\" placeholder=\"123 Main St\" @change=\"onChanged\" />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"addressLine2\" label=\"Agent Address Line 2\">\r\n                        <TextBoxField v-model=\"form.model.addressLine2\" placeholder=\"\" @change=\"onChanged\" />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"city\" label=\"Agent City\">\r\n                        <TextBoxField v-model=\"form.model.city\" placeholder=\"Anytown\" @change=\"onChanged\" />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"state\" label=\"Agent State\">\r\n                        <DropDownListField v-model=\"form.model.state\" :options=\"store.shipping.states\" null-option-text=\"Select State\" />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <FieldLabel field-name=\"postalCode\" label=\"Agent Zip Code\">\r\n                        <TextBoxField v-model=\"form.model.postalCode\" placeholder=\"12345\" @change=\"onChanged\" />\r\n                    </FieldLabel>\r\n                </div>\r\n            </div>\r\n\r\n        </FormContainer>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .add-personalization{\r\n        h2 {\r\n            border-bottom: 1px solid $gray-3;\r\n            padding-bottom: 10px;\r\n        }\r\n    }\r\n</style>","import script from \"./AddPersonalization.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddPersonalization.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AddPersonalization.vue?vue&type=style&index=0&id=d03ede5c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    // AddConsent\r\n    // Form for adding the consent items to the bottom of the form\r\n\r\n    // Imports ----\r\n    import { defineProps, defineEmits, reactive } from 'vue';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // The payment method form object.\r\n        form: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    const form = reactive(props.form);\r\n\r\n    // Handlers ----\r\n    const emit = defineEmits(['change']);\r\n\r\n    function onChanged() {\r\n        emit('change');\r\n    }\r\n</script>\r\n\r\n<template>\r\n    <div class=\"add-consent\">\r\n        <FormContainer :form=\"form\" optional-text=\"(Optional)\">\r\n            <FormMessages />\r\n            <slot name=\"top\"></slot>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <CheckBoxField v-model=\"form.model.pdfFinalApproval\" @change=\"onChanged\">\r\n                        PDF Preview Content <span class=\"text-danger\">Final Approval</span>.\r\n                    </CheckBoxField>\r\n                    <FieldMessages field-name=\"pdfFinalApproval\" />\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <CheckBoxField v-model=\"form.model.acceptTermsAndConditions\" @change=\"onChanged\">\r\n                        <!-- TODO add route to the T&Cs -->\r\n                        View and Accept Terms and Conditions.\r\n                    </CheckBoxField>\r\n                    <FieldMessages field-name=\"acceptTermsAndConditions\" />\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col\">\r\n                    <CheckBoxField v-model=\"form.model.willNotUseMassachusetts\" @change=\"onChanged\">\r\n                        I certify that <span class=\"text-danger\">I Will Not</span> use this item in the state of Massachusetts.\r\n                    </CheckBoxField>\r\n                    <FieldMessages field-name=\"willNotUseMassachusetts\" />\r\n                </div>\r\n            </div>\r\n\r\n        </FormContainer>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .add-consent { }\r\n</style>","import script from \"./AddConsent.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddConsent.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AddConsent.vue?vue&type=style&index=0&id=6aec7ed0&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // CrossSellProgamStep1Page\r\n    // Step 2 of the Cross Sell Program\r\n\r\n    // Imports\r\n    import { ref, reactive, onMounted } from 'vue';\r\n    import { site } from '@/Site';\r\n    import PersonalizationForm from '@/site/forms/PersonalizationForm';\r\n    import ConsentForm from '@/site/forms/ConsentForm';\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, {TabIDs} from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, {stepCounter} from '@/site/components/SelectMailListStepper';\r\n    import PdfViewer from '@/site/components/PdfViewer';\r\n    import AddPersonalization from '@/site/components/personalization/AddPersonalization';\r\n    import AddConsent from '@/site/components/personalization/AddConsent';\r\n    import ModalBox from '@/site/components/ModalBox';\r\n    import UserImageLibrary from '@/site/areas/image-library/UserImageLibrary';\r\n\r\n    // State\r\n    const personalizationForm = reactive(new PersonalizationForm());\r\n\r\n    const consentForm = reactive(new ConsentForm());\r\n\r\n    const selectedImageId = ref('');\r\n\r\n    const product = reactive({\r\n        \"details\": { },\r\n        \"pdfDetails\": { }\r\n    });\r\n\r\n    /*\r\n     * COMMENTED OUT TO CLEAN UP DUMMY APIS CALLS\r\n     * \r\n    const agency = reactive({\r\n        \"agencyInformation\": { },\r\n        \"agencyAddress\": { }\r\n    });\r\n    */\r\n\r\n    // Methods\r\n    function imageLibrary() {\r\n        // open a modal box for the image library\r\n    }\r\n\r\n    async function next() {\r\n        const payload = {...personalizationForm.model, ...consentForm.model};\r\n        const response = await site.personalizationInfo.submitPesonlization(payload);\r\n        console.warn(\"response: \", response);\r\n    }\r\n\r\n    async function previewPdf() {\r\n        // TODO: Call the API to Preview PDF\r\n        const response = await site.personalizationInfo.generatePdfPreview(personalizationForm.model);\r\n        console.warn(\"response: \", response);\r\n    }\r\n\r\n    function setSelectedImage(id) {\r\n        selectedImageId.value = id;\r\n        personalizationForm.model.imageId = id;\r\n\r\n        // TODO: Add the modal close here when we merge together \r\n    }\r\n\r\n    // Lifecycle Hooks\r\n    onMounted(async () => {\r\n        /*\r\n         * COMMENTED OUT TO CLEAN UP DUMMY APIS CALLS The model will no doubt change \r\n         * \r\n        const productResponse = await site.getProductDetails();\r\n        const agencyResponse = await site.getAgencyDetails();\r\n\r\n        // TODO this is probably not going to be how this is returned from the API\r\n        product.details = productResponse.details;\r\n        product.pdfDetails = productResponse.pdfDetails;\r\n        agency.agencyInformation = agencyResponse.agencyInformation;\r\n        agency.agencyAddress = agencyResponse.agencyAddress;\r\n        */\r\n\r\n        personalizationForm.create();\r\n        consentForm.create();\r\n    });\r\n\r\n</script>\r\n<template>\r\n    <PageTemplate>\r\n\r\n        <ModalBox modalId=\"imageLibrary\" title=\"Select from Image Library\" modalSize=\"modal-xl\">\r\n            <template v-slot:body>\r\n\r\n                <UserImageLibrary @selectImage=\"setSelectedImage\" />\r\n\r\n            </template>\r\n        </ModalBox>\r\n\r\n        <div class=\"container root-page\">\r\n            <GlobalTabBar :active-id=\"TabIDs.PROSPECTING_TAB_ID\" />\r\n            <div class=\"root-page-container prospecting-personalization\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col\">\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.ONE\" />\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row border-bottom border-gray-2 mt-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <div class=\"d-flex\">\r\n\r\n                            <div>\r\n\r\n                                <h1>Personalize this Item</h1>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"ms-auto\">\r\n                                {{product.details.name}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row mt-5\">\r\n\r\n                    <div class=\"col-sm-4\">\r\n\r\n                        <h2>Agency and Agent Information</h2>\r\n\r\n                        <AddPersonalization :form=\"personalizationForm\" />\r\n\r\n                        <h2 class=\"mt-5\">Agent Image (Optional)</h2>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <button class=\"btn btn-outline-primary me-3\" @click=\"imageLibrary\" data-bs-toggle=\"modal\" data-bs-target=\"#imageLibrary\">\r\n                                Image Library\r\n                            </button>\r\n\r\n                        </div>\r\n\r\n                        <h2 class=\"mt-5\">Preview & Approve</h2>\r\n\r\n                        <button class=\"btn btn-primary my-3\" @click=\"previewPdf\" :disabled=\"personalizationForm.status.isInvalid\">\r\n                            Preview PDF\r\n                        </button>\r\n\r\n                        <AddConsent :form=\"consentForm\" />\r\n\r\n                        <div class=\"my-5\">\r\n                            <!-- TODO: Not sure what happens when you click cancel -->\r\n                            <button class=\"btn btn-outline-primary me-3\">\r\n                                Cancel\r\n                            </button>\r\n                            <!-- TODO: Using the form validation make this button enabled based on checkboxes above-->\r\n                            <button @click=\"next\" class=\"btn btn-primary\" :disabled=\"personalizationForm.status.isInvalid || !consentForm.model.pdfFinalApproval || !consentForm.model.acceptTermsAndConditions || !consentForm.model.willNotUseMassachusetts\">\r\n                                Next\r\n                            </button>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-6 offset-sm-2\">\r\n                        <PdfViewer :pdfDetails=\"product.pdfDetails\" :height=\"700\" />\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n<style lang=\"scss\">\r\n    .prospecting-personalization {\r\n        h2 {\r\n            border-bottom: 1px solid $gray-3;\r\n            padding-bottom: 10px;\r\n        }\r\n\r\n        label {\r\n            font-weight: bold;\r\n        }\r\n    }\r\n</style>","import script from \"./CrossSellProgamStep1Page.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CrossSellProgamStep1Page.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CrossSellProgamStep1Page.vue?vue&type=style&index=0&id=29ac2f34&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // CrossSellProgamStep2Page\r\n    // Step 2 of the Cross Sell Program\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n\r\n    // Methods \r\n    function sendToAll(sendToAll) {\r\n        console.log(sendToAll);\r\n        // TODO add the functaionality of what to do based on the button clicked\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.CROSS_SELL_TAB_ID\" />\r\n\r\n            <div class=\"root-page-container\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col my-5\">\r\n\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.TWO\" />\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col text-center\">\r\n\r\n                        <h1>Would you like to send to all Policyholders?</h1>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col text-center\">\r\n\r\n                        <button class=\"btn btn-outline-primary me-3\" @click=\"sendToAll(false)\">No</button>\r\n                        <button class=\"btn btn-primary\" @click=\"sendToAll(true)\">Yes</button>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row mb-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <router-link to=\"#todo-go-back-to-step1\" class=\"btn btn-outline-primary me-3\">Previous</router-link>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </PageTemplate>\r\n</template>","import script from \"./CrossSellProgamStep2Page.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CrossSellProgamStep2Page.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./CrossSellProgamStep3Page.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CrossSellProgamStep3Page.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CrossSellProgamStep3Page.vue?vue&type=style&index=0&id=46786346&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    // CrossSellProgamStep4Page\r\n    // Step 4 of mail drops the review and check out or add to cart \r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n    import PdfViewer from '@/site/components/PdfViewer';\r\n\r\n    // Imports\r\n    import { reactive, onMounted } from 'vue';\r\n    import { site } from '@/Site';\r\n\r\n    // State \r\n    const product = reactive({\r\n        details: {},\r\n        summary:[],\r\n        totals: {},\r\n        pdfDetails: {}\r\n    });\r\n\r\n    // Methods\r\n    function addToCart() {\r\n        // TODO: addToCart was pressed call the API to add to cart\r\n    }\r\n\r\n    function checkout() {\r\n        // TODO: Not sure the funcationality here, do we need to add to cart than just continue on not sure how this differs from add to cart\r\n    }\r\n\r\n    function previewPdf() {\r\n        // Call the API to generate a new PDF Preview \r\n    }\r\n\r\n    // Lifecycle Hooks\r\n    onMounted(async () => {\r\n        const productResponse = await site.getProductDetails();\r\n\r\n        // TODO this is probably not going to be how this is returned from the API \r\n        product.details = productResponse.details;\r\n        product.summary = productResponse.summary;\r\n        product.totals = productResponse.totals;\r\n        product.pdfDetails = productResponse.pdfDetails;\r\n    });\r\n\r\n</script>\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n            <GlobalTabBar :active-id=\"TabIDs.CROSS_SELL_TAB_ID\" />\r\n            <div class=\"root-page-container cross-sell-review\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col\">\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.FOUR\" />\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row border-bottom border-gray-2 mt-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <div class=\"d-flex\">\r\n\r\n                            <div>\r\n\r\n                                <h1>Review & Add to Cart</h1>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"ms-auto\">\r\n                                {{product.details.name}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row mt-5\">\r\n\r\n                    <div class=\"col-sm-6\">\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Item</div>\r\n                            <div class=\"text-color-2\">\r\n                                {{product.details.name}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Item ID</div>\r\n                            <div class=\"text-color-2\">\r\n                                {{product.details.id}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Personalization <button class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</button></div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Frequency <button class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</button></div>\r\n                            <div class=\"text-color-2\">\r\n                                {{product.details.frequency}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Number of Mailings <button class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</button></div>\r\n                            <div class=\"text-color-2\">\r\n                                {{product.details.numberOfMailings}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Drop Start Date <button class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</button></div>\r\n                            <div class=\"text-color-2\">\r\n                                {{product.details.dropStartDate}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Total Order Count</div>\r\n                            <div class=\"text-color-2\">\r\n                                {{product.details.orderCount}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div>\r\n                            Note: Turn off Pop-up Blocker to allow for PDF previewing.\r\n                        </div>\r\n\r\n                        <div class=\"mb-5\">\r\n                            <button class=\"btn btn-primary\" @click=\"previewPdf\">Preview PDF</button>\r\n                        </div>\r\n\r\n                        <div class=\"bg-color-2-dk py-2 text-center text-gray-0\">\r\n                            Summary\r\n                        </div>\r\n\r\n                        <div>\r\n\r\n                            <table class=\"table\">\r\n\r\n                                <thead>\r\n                                    <tr class=\"bg-color-3-lt\">\r\n                                        <th class=\"border-end border-color-1\">Date Drop</th>\r\n                                        <th class=\"border-end border-color-1\">Quantity</th>\r\n                                        <th>Price</th>\r\n                                    </tr>\r\n                                </thead>\r\n\r\n                                <tbody>\r\n                                    <tr class=\"border-bottom border-gray-2\" v-for=\"drop in product.summary\" :key=\"drop.dropDate\">\r\n                                        <td>{{drop.dropDate}}</td>\r\n                                        <td>{{drop.quantity}}</td>\r\n                                        <td>{{drop.price}}</td>\r\n                                    </tr>\r\n                                    <tr>\r\n                                        <td></td>\r\n                                        <td class=\"fw-bold\">{{product.totals.quantity}}</td>\r\n                                        <td class=\"fw-bold\">Total: {{product.totals.price}}</td>\r\n                                    </tr>\r\n                                </tbody>\r\n\r\n                            </table>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mt-2 text-alert-error\">\r\n                            Pricing prior to potential applied discount.\r\n                        </div>\r\n\r\n                        <div class=\"mt-3 mb-5\">\r\n\r\n                            <!-- TODO: Add the route to previous -->\r\n                            <router-link to=\"\" class=\"btn btn-outline-primary me-3\">\r\n                                Previous\r\n                            </router-link>\r\n\r\n                            <button @click=\"addToCart\" class=\"btn btn-outline-primary me-3\">\r\n                                Add to Cart\r\n                            </button>\r\n\r\n                            <button @click=\"checkout\" class=\"btn btn-primary\">\r\n                                Continue to Checkout\r\n                            </button>\r\n\r\n                        </div>\r\n\r\n\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-5 offset-1\">\r\n                        <PdfViewer :pdfDetails=\"product.pdfDetails\" :height=\"700\"/>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n<style lang=\"scss\">\r\n    .cross-sell-review {\r\n\r\n        .btn-sm {\r\n            font-size: 0.75rem;\r\n        }\r\n        // Seems like this is coming from some auto generated bootstrap styling it is outputting...\r\n        //  .table > :not(caption) > * > * {\r\n        //      padding: 0.5rem 0.5rem;\r\n        //      background-color: var(--bs-table-bg);\r\n        //      border-bottom-width: 1px;\r\n        //      box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);\r\n        //  }\r\n        // I am overwritting it here to remove the bottom border for the table on this page\r\n        .table > :not(caption) > * > * {\r\n            border-bottom: unset;\r\n        }\r\n        // Another weird border top on the table\r\n        .table > :not(:first-child) {\r\n            border-top: unset;\r\n        }\r\n    }\r\n</style>","import script from \"./CrossSellProgamStep4Page.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CrossSellProgamStep4Page.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CrossSellProgamStep4Page.vue?vue&type=style&index=0&id=5f0bd7a4&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // CrossSellAutoToHomePage\r\n    // Determines if productin being ordered is going to be sent express\r\n\r\n    // CREATIVE NOTES: This screen is only visible if OM has opportunities and their Sub Codes have opportunities.\r\n    // CREATIVE NOTES: The system would recognize if there are no sub Sub Codes for this Agency and this step would be skipped. User would then be taken directly to the Personalization Screen.\r\n\r\n    // TODO: It might make sense to make this into a component instead of a page.\r\n    // TODO: This is also duplicated but for time and not knowing the exact requirements.\r\n    // TODO:  Two pages were created for this also at /areas/annual-auto/AnnualAutoExpressOrderingPage.vue\r\n\r\n    //Imports\r\n    import { onMounted } from 'vue';\r\n    import { site } from '@/Site'\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n\r\n    // Methods\r\n    function expressOrdering(isExpress) {\r\n        // TODO: add the functionality to include Express Ordering\r\n        console.log(\"button clicked was: \", isExpress);\r\n    }\r\n\r\n    // For Adobe analytics\r\n    onMounted(async () => {\r\n        await site.analyticsHandler.push({ \"tileCode\": \"ExpressOrdering\", \"lob\": \"Cross Sell\" });\r\n    }); \r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar />\r\n\r\n            <div class=\"root-page-container cross-sell-express-ordering\">\r\n\r\n                <div class=\"row mt-5\">\r\n\r\n                    <div class=\"col-sm-8 offset-sm-2 text-center\">\r\n\r\n                        <h1>\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                        </h1>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col text-center\">\r\n\r\n                        <button class=\"btn btn-outline-primary me-3\" @click=\"expressOrdering(false)\">No</button>\r\n                        <button class=\"btn btn-primary\" @click=\"expressOrdering(true)\">Yes</button>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .annual-auto-express-ordering{\r\n\r\n    }\r\n</style>","import script from \"./CrossSellExpressOrderingPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CrossSellExpressOrderingPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CrossSellExpressOrderingPage.vue?vue&type=style&index=0&id=0c569b88&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // CrossSellSelectMultipleDropsStep3Page\r\n    // Set up for multiple drops of mailings\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n\r\n    // Imports\r\n    import { computed, ref, reactive } from 'vue';\r\n    import { site } from '@/Site';\r\n\r\n    // Constants\r\n    const frequencyOptions = {\r\n        BI_WEEKLY: 'bi-weekly',\r\n        WEEKLY: 'weekly'\r\n    }\r\n\r\n    const numberOfMailingsOptions = {\r\n        TWO: 2,\r\n        THREE: 3,\r\n        FOUR: 4\r\n    }\r\n\r\n    // State\r\n    const frequency = ref(\"\");\r\n\r\n    const numberOfMailings = ref(\"\");\r\n\r\n    const startDate = ref(\"\");\r\n\r\n    const mailFrequency = reactive({\r\n        \"summary\": [],\r\n        \"totals\": {},\r\n    });\r\n\r\n    // Methods\r\n    async function getMailFrequencySummary() {\r\n        // If all fields are filled in call the API (they dont want a button for this just do it if all fields are filled in)\r\n        if (frequency.value && numberOfMailings.value && startDate.value) {\r\n            let frequencyResponse = await site.getFrequencySummary(frequency.value, numberOfMailings.value, startDate.value);\r\n\r\n            // TODO this is probably not going to be how this is returned from the API \r\n            mailFrequency.summary = frequencyResponse.summary;\r\n            mailFrequency.totals = frequencyResponse.totals;\r\n        }\r\n    }\r\n\r\n    function switchToOneTime() {\r\n        // Call API to switch to One Time Mailing\r\n    }\r\n\r\n    function saveForLater() {\r\n        // TODO make the API call to save this product for later\r\n    }\r\n\r\n    // Computed\r\n    const showFrequencyDetails = computed(() => {\r\n        if (mailFrequency.summary.length > 0) {\r\n            return true;\r\n        }\r\n        return false;\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.CROSS_SELL_TAB_ID\" />\r\n\r\n            <div class=\"root-page-container cross-sell-select-multiple-drops\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col\">\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.THREE\" />\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row border-bottom border-gray-2 mt-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <div class=\"d-flex\">\r\n                            <div>\r\n                                <h1>Multiple Drops</h1>\r\n                            </div>\r\n                            <div class=\"ms-auto\">\r\n                                <!-- TODO: output the selected product -->\r\n                                Prospecting Letter, Safeco Package (AP-9999)\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col fs-5\">\r\n                        <a href=\"#\" class=\"no-underline\" @click=\"switchToOneTime\">Switch to One-Time Drop</a>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col-sm-6 offset-sm-3 bg-color-3-xlt text-center px-5 py-3\">\r\n\r\n                        <div class=\"mb-5\">\r\n                            <label class=\"form-label fw-bold\">Choose Frequency</label>\r\n                            <select @change=\"getMailFrequencySummary\" class=\"form-select\" v-model=\"frequency\">\r\n                                <option value=\"\">Choose Frequency</option>\r\n                                <option :value=\"frequencyOptions.WEEKLY\">Weekly</option>\r\n                                <option :value=\"frequencyOptions.BI_WEEKLY\">Bi-Weekly</option>\r\n                            </select>\r\n                        </div>\r\n\r\n                        <div class=\"mb-5\">\r\n                            <label class=\"form-label fw-bold\">Choose Number of Mailings</label>\r\n                            <select @change=\"getMailFrequencySummary\" class=\"form-select\" v-model=\"numberOfMailings\">\r\n                                <option value=\"\">Choose Number of Mailings</option>\r\n                                <option :value=\"numberOfMailingsOptions.TWO\">2</option>\r\n                                <option :value=\"numberOfMailingsOptions.THREE\">3</option>\r\n                                <option :value=\"numberOfMailingsOptions.FOUR\">4</option>\r\n                            </select>\r\n                        </div>\r\n\r\n                        <div class=\"mb-5\">\r\n                            <label class=\"form-label fw-bold\">Select Drop Start Date</label>\r\n                            <!-- TODO: Add the calendar input when forms are merged in -->\r\n                            <!-- This is just a dummy input to show the table below this -->\r\n                            <input @change=\"getMailFrequencySummary\" class=\"form-control\" v-model=\"startDate\" placeholder=\"Drop Start Date\"/>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\" v-if=\"showFrequencyDetails\">\r\n                    <div class=\"col-sm-6 offset-sm-3\">\r\n\r\n                        <div>\r\n                            <p class=\"fw-bold\">Total Prospect Count:{{mailFrequency.totals.quantity}}</p>\r\n                        </div>\r\n\r\n                        <div class=\"bg-color-2-dk py-2 text-center fs-4 fw-bold text-gray-0 mb-2\">\r\n                            Mail Frequency Summary\r\n                        </div>\r\n\r\n                        <div>\r\n\r\n                            <table class=\"table\">\r\n\r\n                                <thead>\r\n                                    <tr class=\"bg-color-3-lt\">\r\n                                        <th class=\"border-end border-gray-0\">Date Drop</th>\r\n                                        <th>Quantity</th>\r\n                                    </tr>\r\n                                </thead>\r\n\r\n                                <tbody>\r\n                                    <tr class=\"border-bottom border-gray-2\" v-for=\"drop in mailFrequency.summary\" :key=\"drop.dropDate\">\r\n                                        <td>{{drop.dropDate}}</td>\r\n                                        <td>{{drop.quantity}}</td>\r\n                                    </tr>\r\n                                </tbody>\r\n\r\n                            </table>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"text-center\">\r\n                            <p>Email will be sent approximately 2-3 weeks after direct mail drop date.</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <div class=\"d-flex\">\r\n                            <div class=\"p-2\">\r\n\r\n                                <!-- TODO: Add the router back link-->\r\n                                <router-link to=\"#TODO\" class=\"btn btn-outline-primary\">Previous</router-link>\r\n                            </div>\r\n                            <div class=\"ms-auto p-2\" v-if=\"showFrequencyDetails\">\r\n                                <a href=\"#\" class=\"btn btn-outline-primary me-3\" @click=\"saveForLater\">Save for Later</a>\r\n                                <!-- TODO: Add the router link to the next step-->\r\n                                <router-link to=\"#TODO\" class=\"btn btn-primary\">Next</router-link>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .cross-sell-select-multiple-drops {\r\n        // Seems like this is coming from some auto generated bootstrap styling it is outputting...\r\n        //  .table > :not(caption) > * > * {\r\n        //      padding: 0.5rem 0.5rem;\r\n        //      background-color: var(--bs-table-bg);\r\n        //      border-bottom-width: 1px;\r\n        //      box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);\r\n        //  }\r\n        // I am overwritting it here to remove the bottom border for the table on this page\r\n        .table > :not(caption) > * > * {\r\n            border-bottom: unset;\r\n        }\r\n        // Another weird border top on the table\r\n        .table > :not(:first-child) {\r\n            border-top: unset;\r\n        }\r\n    }\r\n</style>","import script from \"./CrossSellSelectMultipleDropsStep3Page.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CrossSellSelectMultipleDropsStep3Page.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CrossSellSelectMultipleDropsStep3Page.vue?vue&type=style&index=0&id=3c6def2b&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // CrossSellViewSummaryPage\r\n    // View the lists for cross sell opportunites\r\n\r\n    // Constants ----\r\n    const constants = {\r\n        DEFAULT_PAGE_SIZE: 50\r\n    }\r\n\r\n    const pageSizeOptions = [25, 50, 100, 200];\r\n\r\n    const columns = [\r\n        { field: 'actions', title: 'Actions', custom: true },\r\n        { field: 'opportunities', title: 'Opportunities', isSortable: true },\r\n        { field: 'subCode', title: 'Sub Code', isSortable: true, custom: true, formatter: (value) => formatStatCode(value) },\r\n        { field: 'agencyName', title: 'Agency Name', isSortable: true },\r\n        { field: 'agencyAddress', title: 'Agency Address', custom: true, isSortable: true },\r\n        { field: 'phone', title: 'Phone #', isSortable: true }\r\n    ];\r\n\r\n    // Import ----\r\n    import { computed, ref } from 'vue';\r\n    import { Search } from '@dd-nucleus/nucleus-vue';\r\n    import { useRoute, useRouter } from 'vue-router';\r\n    import { ExportParser } from \"@/site/services/ExportParser\";\r\n    import { crossSellIds,productTypes,crossSellTypes, getCrossSellType } from '@/site/components/OpportunitiesTile';\r\n    import { site } from '@/Site';\r\n    import { getOppIdFromOppId, getProgramTypeFromOppId, getProductTypeFromOppId, ProgramType, EmailMultiChannelIds, DataListOptionToOppId, ProductType } from '@/constants';\r\n    import { formatStatCode, getFieldsMapperFromColumns, beforeTableEncode } from '@/util'\r\n    import { ChannelTypes } from '@/site/areas/personalization/SelectChannelPage';\r\n\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n\r\n    // Components ----\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import TableSkeleton from '@/site/components/skeleton/TableSkeleton';\r\n    import ConfirmationOverlay from '@/site/components/ConfirmationOverlay';\r\n\r\n    // State ----\r\n    const searchTerm = ref('subCode');\r\n    const showOverlay = ref(false);\r\n    const subCode = ref('');\r\n\r\n    const search = new Search('bridge-cross-sell-summary', 'row', 'subCode', constants.DEFAULT_PAGE_SIZE);\r\n    const searchDownload = new Search('bridge-cross-sell-summary', 'row', 'subCode', null);\r\n\r\n    const fieldsMapper = getFieldsMapperFromColumns(columns);\r\n\r\n    // Computed\r\n    const listHeadline = computed(() => {\r\n        switch (route.params.id) {\r\n            case crossSellIds.AutoCrossSell:\r\n                return \"Cross-sell <b>auto to home</b>\";\r\n            case crossSellIds.HomeCrossSell:\r\n                return \"Cross-sell <b>home to auto</b>\";\r\n            case crossSellIds.UmbrellaCrossSell:\r\n                return \"Cross-sell <b>umbrella to auto</b>\";\r\n            case crossSellIds.SpecialtyCrossSell:\r\n                return \"Specialty Cross-sell\";\r\n            case crossSellIds.LandLordProtectionCrossSell:\r\n                return \"Landlord protection (LPP)\";\r\n            case crossSellIds.PetCrossSell:\r\n                return \"Pet Cross-sell\";\r\n            case crossSellIds.CustomAuto:\r\n                return \"<b>Auto to home</b>\";\r\n            case crossSellIds.CustomHome:\r\n                return \"<b>Home to auto</b>\";\r\n            case crossSellIds.CustomUmbrella:\r\n                return \"<b>Umbrella to auto</b>\";\r\n            default:\r\n                return \"No List Type Found\"\r\n        }\r\n    });\r\n\r\n    // Computed\r\n    const filterInitiallValue = computed(() => {\r\n        return getCrossSellType(route.params.id);\r\n    });\r\n\r\n    const enableStartOrder = computed(() => {\r\n        return route.path.endsWith('cross-sell-home-to-auto') ||\r\n            route.path.endsWith('cross-sell-auto-to-home') ||\r\n            route.path.endsWith('cross-sell-umbrella-to-auto');\r\n    });\r\n\r\n\r\n    // Computed\r\n    const opps = computed(() => {\r\n        return searchDownload.results.rows;\r\n    });\r\n\r\n    const ownerMasterId = computed(() => {\r\n        if (search && search.results && search.results.rows[0]) {\r\n            return search.results.rows[0].ownerMasterId;\r\n        }\r\n        return '';\r\n    });\r\n\r\n    const totalOppCount = computed(() => {\r\n        if (search && search.results && search.results.rows && search.results.rows.length > 0) {\r\n            const counts = search.results.rows.map(r => r.opportunities);\r\n            return counts.reduce((a, b) => a + b, 0);\r\n        }\r\n        return 0;\r\n    });\r\n\r\n    const showEnrollAction = computed(() => {\r\n        const routeId = route.params.id;\r\n        return routeId == crossSellIds.AutoCrossSell || routeId == crossSellIds.HomeCrossSell || routeId == crossSellIds.UmbrellaCrossSell;\r\n    });\r\n\r\n    // Methods ----\r\n    function back() {\r\n        router.go(-1);\r\n    }\r\n\r\n    async function confirmEnroll() {\r\n        const response = await site.opportunities.setEnrollment(subCode.value, filterInitiallValue.value);\r\n        if (response && response.succeeded) {\r\n            search.refresh();\r\n            site.toast.success(\"Successfully Enrolled!\");\r\n        }\r\n\r\n        showOverlay.value = false;\r\n    }\r\n\r\n    function onEnrollClicked(code) {\r\n        showOverlay.value = true;\r\n        subCode.value = code;\r\n    }\r\n\r\n    function cancelEnroll() {\r\n        showOverlay.value = false;\r\n    }\r\n\r\n    function getEnrollText(isEnrolled) {\r\n\r\n        return isEnrolled ? \"Enrolled\" : \"Not Enrolled\";\r\n    }\r\n\r\n    async function onStartOrderClicked(agencyCode) {\r\n\r\n        let derivedOppId = getOppIdFromOppId(route.params.id)\r\n\r\n\r\n\r\n        const isEmailMultiChannelSupported = EmailMultiChannelIds.filter(em => em == route.params.id)?.length > 0;\r\n\r\n\r\n        if (isEmailMultiChannelSupported) {\r\n            router.push({\r\n                name: 'SelectChannelPage',\r\n                query: {\r\n                    programType: getProgramTypeFromOppId(derivedOppId),\r\n                    productType: getProductTypeFromOppId(derivedOppId),\r\n                    oppType: filterInitiallValue.value,\r\n                    statCode: agencyCode,\r\n                    oppId: derivedOppId\r\n                }\r\n            });\r\n        }\r\n        else {\r\n            if (derivedOppId === DataListOptionToOppId.PetCrossSell) {\r\n                router.push({\r\n                    name: 'ProductSearch',\r\n                    query: { 'f-program-type': ProgramType.PET_INSURANCE, 'f-product-type': ProductType.PetInsurance, 'active-tab': TabIDs.CROSS_SELL_TAB_ID }\r\n                });\r\n            }\r\n              else if (derivedOppId === crossSellIds.LandLordProtectionCrossSell) {\r\n      router.push({\r\n          name: 'SelectAssetPage',\r\n          query: { 'programType': ProgramType.CROSS_SELL, 'productType': productTypes.LandLordProtection, 'oppId': crossSellTypes.LandLordProtectionCrossSell, 'isMultiChannel': 'false', 'channelType': ChannelTypes.DIRECT_MAIL }\r\n      });\r\n  }\r\n  else if (derivedOppId === crossSellIds.CustomUmbrella) {\r\n      router.push({\r\n          name: 'SelectAssetPage',\r\n          query: { 'programType': ProgramType.CROSS_SELL, 'productType': ProductType.UMBRELLA, 'oppId': crossSellTypes.UmbrellaCrossSell, 'isMultiChannel': 'false', 'channelType': ChannelTypes.DIRECT_MAIL }\r\n      });\r\n  }\r\n   else if (derivedOppId === crossSellIds.CustomAuto) {\r\n      router.push({\r\n          name: 'SelectChannelPage',\r\n          query: { 'programType': ProgramType.CROSS_SELL, 'productType': ProductType.AUTO, 'oppId': crossSellTypes.AutoCrossSell, 'isMultiChannel': 'false', 'channelType': ChannelTypes.DIRECT_MAIL }\r\n      });\r\n  }\r\n\r\n   else if (derivedOppId === crossSellIds.CustomHome) {\r\n       router.push({\r\n          name: 'SelectChannelPage',\r\n          query: { 'programType': ProgramType.CROSS_SELL, 'productType': ProductType.HOME, 'oppId': crossSellTypes.HomeCrossSell, 'isMultiChannel': 'false', 'channelType': ChannelTypes.DIRECT_MAIL }\r\n      });\r\n  }\r\n            else {\r\n                router.push({\r\n                    name: 'SelectAssetPage',\r\n                    query: {\r\n                        programType: getProgramTypeFromOppId(derivedOppId),\r\n                        productType: getProductTypeFromOppId(derivedOppId),\r\n                        isMultiChannel: \"false\",\r\n                        oppId: derivedOppId,\r\n                        channelType: ChannelTypes.DIRECT_MAIL\r\n                    }\r\n                });\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    function getExportedData() {\r\n        return opps.value.map(item => ({\r\n            ...item,\r\n            agencyAddress: `${item.agencyAddress1} ${item.agencyAddress2} ${item.agencyCity}, ${item.agencyState} ${item.agencyZip}`\r\n        }));\r\n    }\r\n\r\n    async function exportCSV() {\r\n        await setFilterValues();\r\n        ExportParser().exportCSVFromJSON(getExportedData(), null, null, fieldsMapper, beforeTableEncode(columns));\r\n    }\r\n\r\n    async function exportXLS() {\r\n        await setFilterValues();\r\n        ExportParser().exportXLSFromJSON(getExportedData(), null, null, fieldsMapper, beforeTableEncode(columns));\r\n    }\r\n    async function setFilterValues() {\r\n        const filterValues = search.getFilterValues(\"cross-sell-type-code\");\r\n        await searchDownload.setFilterValues(\"cross-sell-type-code\", filterValues);\r\n        await searchDownload.activate(route);\r\n    }\r\n\r\n    function sortSearch(value) {\r\n\r\n        if (searchTerm.value.includes(value)) {\r\n\r\n            if (searchTerm.value.includes('-desc')) {\r\n                searchTerm.value = value;\r\n            } else {\r\n                searchTerm.value = value + '-desc';\r\n            }\r\n\r\n        } else {\r\n            searchTerm.value = value;\r\n        }\r\n\r\n\r\n        search.setSortId(searchTerm.value);\r\n    }\r\n\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n\r\n        <ConfirmationOverlay v-if=\"showOverlay\">\r\n            <template v-slot:headline>\r\n\r\n                <h2 class=\"confirm\">Are you sure you want to Enroll?</h2>\r\n\r\n            </template>\r\n            <template v-slot:buttons>\r\n\r\n                <button class=\"btn btn-outline-primary me-5\" @click=\"cancelEnroll\">Cancel</button>\r\n                <button class=\"btn btn-primary ms-5\" @click=\"confirmEnroll\">Enroll</button>\r\n\r\n            </template>\r\n        </ConfirmationOverlay>\r\n\r\n        <div class=\"container cross-sell-view-summary\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.CROSS_SELL_TAB_ID\" />\r\n\r\n            <div class=\"row mt-4\">\r\n\r\n                <div class=\"col\">\r\n                    <h1 class=\"text-capitalize\" v-html=\"listHeadline\"></h1>\r\n                    <div>Owner Master ID: {{formatStatCode(ownerMasterId)}}</div>\r\n                </div>\r\n\r\n            </div>\r\n            <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"false\">\r\n\r\n                <!-- Hidden but used for filtering on filterInitiallValue-->\r\n                <TextBoxFilter v-show=\"false\" filter-id=\"cross-sell-type-code\" :initial-value=\"filterInitiallValue\" />\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"d-flex\">\r\n                        <div class=\"me-auto\">\r\n                            Total Opportunities: <strong>{{ totalOppCount }} </strong> <a class=\"ms-3 no-underline\" @click=\"back()\">Back to <span v-html=\"listHeadline\"></span> <i class=\"bi bi-chevron-right\"></i></a>\r\n                        </div>\r\n                        <div>\r\n                            <i class=\"bi bi-file-earmark-excel me-3 fs-1\" title=\"Download in Excel format\"  @click=\"exportXLS\"></i>\r\n                            <i class=\"bi bi-filetype-csv fs-1\" title=\"Download in CSV format\" @click=\"exportCSV\"></i>\r\n                        </div>\r\n                        <div class=\"px-3\">\r\n                            <PageSizeList :options=\"pageSizeOptions\" />\r\n                        </div>\r\n                        <div>\r\n                            <div>\r\n                                <span v-if=\"search.results.loaded && search.results.rows.length > 0\">Showing {{ search.results.startIndex }} of {{ search.results.totalCount }}</span>\r\n                            </div>\r\n                            <PageSelector />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"data-table\">\r\n                    <SearchTable :columns=\"columns\" @sort-by=\"sortSearch\">\r\n                        <!-- Action column -->\r\n                        <template v-slot:actions=\"row\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-4\" v-if=\"showEnrollAction\">\r\n                                    <button v-if=\"!row.isEnrolled\" @click=\"onEnrollClicked(row.subCode)\" class=\"btn btn-primary btn-sm\">Enroll</button>\r\n\r\n                                    <span v-else class=\"text-muted\">Enrolled</span>\r\n                                </div>\r\n                                <div class=\"col-4\">\r\n                                    <button v-if=\"!enableStartOrder\"\r\n                                            @click=\"onStartOrderClicked(row.subCode)\"\r\n                                            class=\"btn btn-primary btn-sm\">\r\n                                        Start Order\r\n                                    </button>\r\n                                </div>\r\n\r\n                                <div class=\"col-4\">\r\n                                    <router-link :to=\"`/cross-sell/view-detail/${filterInitiallValue}/${row.subCode}?enrollText=${getEnrollText(row.isEnrolled)}`\" class=\"no-underline fs-5\">View List</router-link>\r\n                                </div>\r\n                            </div>\r\n                        </template>\r\n                        <template v-slot:subCode=\"row\">\r\n                            {{formatStatCode(row.subCode)}}\r\n                        </template>\r\n                        <!-- Action column -->\r\n                        <template v-slot:agencyAddress=\"row\">\r\n                            <div>\r\n                                {{row.agencyAddress1}}\r\n                            </div>\r\n                            <div>\r\n                                {{row.agencyAddress2}}\r\n                            </div>\r\n                            <div>\r\n                                {{row.agencyCity}}, {{row.agencyState}} {{row.agencyZip}}\r\n                            </div>\r\n                        </template>\r\n\r\n                        <!-- Template for no results -->\r\n                        <template #empty>\r\n                            No\r\n                            <span v-html=\"listHeadline\"></span> Lists were found that match your criteria.\r\n                        </template>\r\n\r\n                        <!-- Template while results are initially loading -->\r\n                        <template #loading>\r\n                            <div class=\"row\">\r\n                                <div class=\"col text-center\">\r\n                                    <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                    <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                    <span class=\"fw-bold\">Performing a search for the data</span>\r\n                                    <div class=\"spinner-border mx-3\" role=\"status\"></div>\r\n                                    <div class=\"spinner-border\" role=\"status\"></div>\r\n                                </div>\r\n                            </div>\r\n                            <TableSkeleton />\r\n                        </template>\r\n                    </SearchTable>\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col text-end fit-content\"><PageSelector /></div>\r\n                </div>\r\n\r\n            </SearchContainer>\r\n\r\n        </div> <!-- End Container-->\r\n\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .cross-sell-view-summary {\r\n        .btn-sm {\r\n            padding: 0.25rem 0.5rem;\r\n            font-size: 0.75rem;\r\n        }\r\n\r\n        .bi {\r\n            color: $color-2;\r\n            cursor: pointer;\r\n        }\r\n\r\n        table td, table th {\r\n            white-space: nowrap;\r\n        }\r\n\r\n        table td:first-of-type {\r\n            min-width: 300px;\r\n        }\r\n    }\r\n</style>","import script from \"./CrossSellViewSummaryPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CrossSellViewSummaryPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CrossSellViewSummaryPage.vue?vue&type=style&index=0&id=2bebaa9c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // CrossSellViewDetailPage\r\n    // View the lists for cross sell opportunites\r\n\r\n    // Constants ----\r\n    const constants = {\r\n        DEFAULT_PAGE_SIZE: 50\r\n    }\r\n\r\n    const pageSizeOptions = [25, 50, 100, 200];\r\n\r\n    const columns = [\r\n        { field: 'statCode', title: 'Sub Code', custom: true, isSortable: true, formatter: (value) => formatStatCode(value) },\r\n        { field: 'mailingDate', title: 'Mailing Date', custom: true, isSortable: true, formatter: (value) => formatDate(value) },\r\n        { field: 'marketingChannel', title: 'Marketing Channel', custom: true, isSortable: true },\r\n        { field: 'policyNumber', title: 'Policy #', isSortable: true },\r\n        { field: 'renewalDate', title: 'Renewal Date', custom: true, isSortable: true, formatter: (value) => formatDate(value) },\r\n        { field: 'policyType', title: 'Current Policy Type', isSortable: true },\r\n        { field: 'firstName', title: 'First Name', isSortable: true },\r\n        { field: 'lastName', title: 'Last Name', isSortable: true },\r\n        { field: 'address1', title: 'Address 1', isSortable: true },\r\n        { field: 'address2', title: 'Address 2', isSortable: true },\r\n        { field: 'city', title: 'City', isSortable: true },\r\n        { field: 'state', title: 'State', isSortable: true },\r\n        { field: 'zip', title: 'Zip', isSortable: true },\r\n        { field: 'email', title: 'Email', isSortable: true },\r\n        { field: 'phone', title: 'Phone', isSortable: true },\r\n    ];\r\n\r\n    const spColumns = [\r\n        { field: 'motorCycle', title: 'Motorcycle', custom: true, isSortable: true, formatter: (value) => formatFlag(value) },\r\n        { field: 'waterCraft', title: 'Watercraft', custom: true, isSortable: true, formatter: (value) => formatFlag(value) },\r\n        { field: 'rv', title: 'RV', custom: true, isSortable: true, formatter: (value) => formatFlag(value) },\r\n    ];\r\n\r\n    const specialtyColumns = columns.concat(spColumns);\r\n\r\n    const sortIds = [\r\n        { field: 'statCode', sortName: 'statCode'},\r\n        { field: 'mailingDate', sortName: 'policyholder-mailingDate'},\r\n        { field: 'marketingChannel', sortName: 'marketingChannel'},\r\n        { field: 'policyNumber', sortName: 'policyNumber'},\r\n        { field: 'renewalDate', sortName: 'renewalDate'},\r\n        { field: 'policyType', sortName: 'policyType'},\r\n        { field: 'firstName', sortName: 'firstName'},\r\n        { field: 'lastName', sortName: 'lastName'},\r\n        { field: 'address1', sortName: 'address1'},\r\n        { field: 'address2', sortName: 'address2'},\r\n        { field: 'city', sortName: 'city'},\r\n        { field: 'state', sortName: 'state'},\r\n        { field: 'zip', sortName: 'zip'},\r\n        { field: 'email', sortName: 'policyholder-email'},\r\n        { field: 'phone', sortName: 'policyholder-phone' },\r\n        { field: 'motorCycle', sortName: 'motorCycle' },\r\n        { field: 'waterCraft', sortName: 'waterCraft' },\r\n        { field: 'rv', sortName: 'rv' },\r\n    ];\r\n\r\n    // Import ----\r\n    import { computed, ref } from 'vue';\r\n    import { Search, Util } from '@dd-nucleus/nucleus-vue';\r\n    import { useRoute, useRouter } from 'vue-router';\r\n    import { ExportParser } from \"@/site/services/ExportParser\";\r\n    import { crossSellTypes } from '@/site/components/OpportunitiesTile';\r\n    import { site } from '@/Site';\r\n    import { formatStatCode, getFieldsMapperFromColumns, beforeTableEncode } from '@/util';\r\n\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n\r\n    // Components ---- \r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import TableSkeleton from '@/site/components/skeleton/TableSkeleton';\r\n    \r\n    // State ----\r\n    const searchTerm = ref('statCode');\r\n    const agencyDetails = ref(site.agencyDetails.selectedAgencyDetails);\r\n\r\n    const search = new Search('bridge-cross-sell-detail', 'row', 'statCode', constants.DEFAULT_PAGE_SIZE);\r\n    const searchDownload = new Search('bridge-cross-sell-detail', 'row', 'statCode', null);\r\n\r\n    // Computed\r\n    const listHeadline = computed(() => {\r\n        switch (route.params.id) {\r\n            case crossSellTypes.AutoCrossSell:\r\n                return \"Cross-sell <b>auto to home: </b><span>\" + isEnrolled.value + '</span>';\r\n            case crossSellTypes.HomeCrossSell:\r\n                return \"Cross-sell <b>home to auto: </b><span>\" + isEnrolled.value + '</span>';\r\n            case crossSellTypes.UmbrellaCrossSell:\r\n                return \"Cross-sell <b>umbrella to auto: </b><span>\" + isEnrolled.value + '</span>';\r\n            case crossSellTypes.SpecialtyCrossSell:\r\n                return \"Specialty cross-sell\";\r\n            case crossSellTypes.LandLordProtectionCrossSell:\r\n                return \"Landlord protection (LPP)\";\r\n            case crossSellTypes.PetCrossSell:\r\n                return \"Pet cross-sell\";\r\n            default:\r\n                return \"*\"+route.params.id+\"*\"  + \"--\" + \"*\" + crossSellTypes.SpecialtyCrossSell+\"*\";\r\n        }\r\n    });\r\n\r\n    // Computed\r\n    const headline = computed(() => {\r\n        switch (route.params.id) {\r\n            case crossSellTypes.AutoCrossSell:\r\n                return \"Cross-sell <b>auto to home</b>\";\r\n            case crossSellTypes.HomeCrossSell:\r\n                return \"Cross-sell <b>home to auto</b>\";\r\n            case crossSellTypes.UmbrellaCrossSell:\r\n                return \"Cross-sell <b>umbrella to auto</b>\";\r\n            case crossSellTypes.SpecialtyCrossSell:\r\n                return \"Specialty cross-sell\";\r\n            case crossSellTypes.LandLordProtectionCrossSell:\r\n                return \"Landlord protection (LPP)\";\r\n            case crossSellTypes.PetCrossSell:\r\n                return \"Pet Cross-sell\";\r\n            case crossSellTypes.AutoCrosssell:\r\n                return \"Auto Cross-sell\";\r\n            default:\r\n                return \"\";\r\n        }\r\n    });\r\n\r\n    searchDownload.onResults(() => {\r\n        searchDownload.results.rows.forEach((items) => {\r\n            items.motorCycle = items.motorCycle ? \"Y\" : \"N\";\r\n            items.rv = items.rv ? \"Y\" : \"N\";\r\n            items.waterCraft = items.waterCraft ? \"Y\" : \"N\";\r\n        });\r\n    });\r\n\r\n    // Computed\r\n    const opps = computed(() => {\r\n        return searchDownload.results.rows;\r\n    });\r\n\r\n    const exportColumns = computed(() => {\r\n        switch (route.params.id) {\r\n            case crossSellTypes.SpecialtyCrossSell: return specialtyColumns;\r\n            default: return columns;\r\n        }\r\n    })\r\n\r\n    const fieldsMapper = getFieldsMapperFromColumns(exportColumns.value);\r\n\r\n    const isEnrolled = computed(() => {\r\n        const enrolledText = route.query.enrollText;\r\n        \r\n        if (enrolledText) {\r\n            return enrolledText;\r\n        }\r\n        if (search.results && search.results.rows && search.results.rows.length > 0) {\r\n            return search.results.rows.some(r => r.mailingDate!=null) ? 'Enrolled' : 'Not Enrolled';\r\n        }\r\n        return '';\r\n\r\n    });\r\n\r\n    const isOwnerMaster = computed(() => {\r\n        return (agencyDetails.value.statId === route.params.subCode && agencyDetails.value.isOwnerMaster);\r\n    })\r\n\r\n    // Methods ----\r\n    function back() {\r\n        router.go(-1);\r\n    }\r\n\r\n    function getExportedData() {\r\n        return opps.value.map(item => ({\r\n            ...item,\r\n            marketingChannel: item.mailingDate ? \"Direct Mail\" : \"\"\r\n        }));\r\n    }\r\n\r\n    async function exportCSV() {\r\n        await setFilterValues();\r\n        ExportParser().exportCSVFromJSON(getExportedData(), null, null, fieldsMapper, beforeTableEncode(exportColumns.value));\r\n    }\r\n\r\n    async function exportXLS() {\r\n        await setFilterValues();\r\n        ExportParser().exportXLSFromJSON(getExportedData(), null, null, fieldsMapper, beforeTableEncode(exportColumns.value));        \r\n    }\r\n\r\n    async function setFilterValues() {\r\n        const filterValues = search.getFilterValues(\"cross-sell-type-code-sub-code\");\r\n        await searchDownload.setFilterValues(\"cross-sell-type-code-sub-code\", filterValues);\r\n        await searchDownload.activate(route);\r\n    }\r\n\r\n    function formatDate(date) {\r\n        if (date && date.length > 0) {\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    function formatFlag(flag) {\r\n        if (flag == 'Y' || flag == 'N') {\r\n            return flag;\r\n        }\r\n        else {\r\n            if (flag) {\r\n                return 'Y';\r\n            }\r\n            else {\r\n                return 'N';\r\n            }\r\n        }    \r\n    }\r\n\r\n    function sortSearch(value) {\r\n        const sortField = sortIds.find(s => s.field == value);\r\n     \r\n        if (!Util.isEmpty(sortField)) {\r\n            if (searchTerm.value.includes(sortField.sortName)) {\r\n\r\n                if (searchTerm.value.includes('-desc')) {\r\n                    searchTerm.value = sortField.sortName;\r\n                } else {\r\n                    searchTerm.value = sortField.sortName + '-desc';\r\n                }\r\n\r\n            } else {\r\n                searchTerm.value = sortField.sortName;\r\n            }\r\n        } else {\r\n            searchTerm.value = value;\r\n        }\r\n\r\n\r\n        search.setSortId(searchTerm.value);\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n\r\n        <div class=\"container cross-sell-view-detail\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.CROSS_SELL_TAB_ID\" />\r\n            <div class=\"row mt-4\">\r\n                <div class=\"col\">\r\n                    <h1 class=\"text-capitalize\" v-html=\"listHeadline\"></h1>\r\n                    <div v-if=\"isOwnerMaster\">Owner Master ID: {{formatStatCode(route.params.subCode)}}</div>\r\n                    <div v-else>Sub-Code Agency ID: {{formatStatCode(route.params.subCode)}}</div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"false\">\r\n\r\n                <!-- Hidden but used for filtering on filterInitiallValue-->\r\n                <DateRangeFilter v-show=\"false\" filter-id=\"cross-sell-type-code-sub-code\" :initial-start-date=\"route.params.id\" :initial-end-date=\"route.params.subCode\" />\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"d-flex\">\r\n                        <div class=\"me-auto\">\r\n                            Total Opportunities: <strong>{{ search.results.totalCount }} </strong> <a class=\"ms-3 no-underline\" @click=\"back()\">Back to <span v-html=\"headline\"></span> <i class=\"bi bi-chevron-right\"></i></a>\r\n                        </div>\r\n                        <div>\r\n                            <i class=\"bi bi-file-earmark-excel me-3 fs-1\" title=\"Download in Excel format\" @click=\"exportXLS\"></i>\r\n                            <i class=\"bi bi-filetype-csv fs-1\"  title=\"Download in CSV format\" @click=\"exportCSV\"></i>\r\n                        </div>\r\n                        <div class=\"px-3\">\r\n                            <PageSizeList :options=\"pageSizeOptions\" />\r\n                        </div>\r\n                        <div>\r\n                            <div>\r\n                                <span v-if=\"search.results.loaded && search.results.rows.length > 0\">Showing {{ search.results.startIndex }} of {{ search.results.totalCount }}</span>\r\n                            </div>\r\n                            <PageSelector />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"data-table\">\r\n                    <SearchTable :columns=\"exportColumns\" @sort-by=\"sortSearch\">\r\n                        <template v-slot:statCode=\"row\">\r\n                            {{formatStatCode(row.statCode)}}\r\n                        </template>\r\n                        <template v-slot:mailingDate=\"row\">\r\n                            {{formatDate(row.mailingDate)}}\r\n                        </template>\r\n\r\n                        <template v-slot:renewalDate=\"row\">\r\n                            {{formatDate(row.renewalDate)}}\r\n                        </template>\r\n\r\n                        <template v-slot:motorCycle=\"row\">\r\n                            {{formatFlag(row.motorCycle)}}\r\n                        </template>\r\n\r\n                        <template v-slot:waterCraft=\"row\">\r\n                            {{formatFlag(row.waterCraft)}}\r\n                        </template>\r\n\r\n                        <template v-slot:rv=\"row\">\r\n                            {{formatFlag(row.rv)}}\r\n                        </template>\r\n\r\n                        <template v-slot:marketingChannel=\"row\">\r\n                            <div v-if=\"row.mailingDate\">Direct Mail</div>\r\n                        </template>\r\n\r\n                        <!-- Template for no results -->\r\n                        <template #empty>\r\n                            No\r\n                            <span v-html=\"listHeadline\"></span> Lists were found that match your criteria.\r\n                        </template>\r\n\r\n                        <!-- Template while results are initially loading -->\r\n                        <template #loading>\r\n                            <div class=\"row\">\r\n                                <div class=\"col text-center\">\r\n                                    <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                    <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                    <span class=\"fw-bold\">Performing a search for the data</span>\r\n                                    <div class=\"spinner-border mx-3\" role=\"status\"></div>\r\n                                    <div class=\"spinner-border\" role=\"status\"></div>\r\n                                </div>\r\n                            </div>\r\n                            <TableSkeleton />\r\n                        </template>\r\n                    </SearchTable>\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col text-end fit-content\"><PageSelector /></div>\r\n                </div>\r\n\r\n            </SearchContainer>\r\n\r\n        </div> <!-- End Container-->\r\n\r\n    </PageTemplate> \r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .cross-sell-view-detail {\r\n        .btn-sm {\r\n            padding: 0.25rem 0.5rem;\r\n            font-size: 0.75rem;\r\n        }\r\n\r\n        .bi {\r\n            color: $color-2;\r\n            cursor: pointer;\r\n        }\r\n\r\n        h1 span {\r\n            color: $success;\r\n        }\r\n\r\n        table td, table th {\r\n            white-space: nowrap;\r\n        }\r\n    }\r\n</style>","import script from \"./CrossSellViewDetailPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CrossSellViewDetailPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CrossSellViewDetailPage.vue?vue&type=style&index=0&id=62ad406c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./AgencyBestPractices.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AgencyBestPractices.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AgencyBestPractices.vue?vue&type=style&index=0&id=cafa7cce&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    // ProspectingHomePage\r\n    // Landing page for the prospecting & lead gen program\r\n\r\n    // Imports ----\r\n    import { onMounted, reactive, ref, computed } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { Search, TabBar } from '@dd-nucleus/nucleus-vue';\r\n    import { ProductFormat, ProgramType } from '@/constants';\r\n    import { useRouter } from 'vue-router'; // Import useRouter for navigation\r\n\r\n    const search = new Search('cross-sell-programs-for-current-agency', 'detail', 'title', 1000);\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import ProspectingOpportunitiesTile from './components/ProspectingOpportunitiesTile';\r\n    import AgencyBestPractices from './components/AgencyBestPractices';\r\n    import IconPanel from '@/site/components/IconPanel';\r\n    import LinkItem from '@/site/components/LinkItem';\r\n    import IgniteProspectingPromo from '@/site/components/IgniteProspectingPromo';\r\n\r\n    // State ----\r\n    const prospectingTabs = [\r\n        { id: 'prospecting', title: 'Opportunities & campaigns' },\r\n        { id: 'agency-best-practices', title: 'Agency best practices' }\r\n    ];\r\n\r\n    const results = reactive([]);\r\n    const currentAgencyId = ref(site.agencyDetails.agencyDefaultId);\r\n\r\n    // Router instance\r\n    const router = useRouter();\r\n\r\n    // Lifecycle Hooks\r\n    onMounted(async () => {\r\n        Object.assign(results, await search.results);\r\n        await site.analyticsHandler.push({ \"tileCode\": \"Prospecting and Lead Gen Overview\", \"lob\": \"Prospecting\" });\r\n    });\r\n\r\n    // Computed\r\n    const isEmployee = computed(() => currentAgencyId.value === 0);\r\n\r\n    // Methods\r\n    const enroll = () => {\r\n        router.push({\r\n            name: 'ProspectingSelectPromoteProspectsPage'\r\n        });\r\n    };\r\n\r\n    const handleEnroll = () => {\r\n        if (!isEmployee.value) {\r\n            enroll();\r\n        } else {\r\n            console.log(\"Not eligible to enroll.\");\r\n        }\r\n    };\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n            <GlobalTabBar :active-id=\"TabIDs.PROSPECTING_TAB_ID\" />\r\n            <div class=\"root-page-container prospecting-home-page\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-sm-8\">\r\n                        <div class=\"row\">\r\n                            <div class=\"d-flex align-items-center\">\r\n                                <div class=\"flex-shrink-0\"></div>\r\n                                <div class=\"col-sm-8\">\r\n                                    <h1>Prospecting and lead generation</h1>\r\n                                    <p>To build your sales pipeline, start a prospecting campaign today.</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"row\">\r\n                            <div class=\"col\">\r\n                                <p><b>How it works</b></p>\r\n                                <ul>\r\n                                    <li class=\"fw-bold\">Choose your materials</li>\r\n                                    <p>Options include letters where Safeco supplies prospects, letters where you provide a prospect list and DIY letters you can customize, download and send yourself.</p>\r\n                                    <li class=\"fw-bold\">Customize for your agency</li>\r\n                                    <p>Just follow the steps to customize your letter with your agency's contact information, then add your logo or headshot.</p>\r\n                                    <li class=\"fw-bold\">Target your prospects</li>\r\n                                    <p>Choose a target ZIP code or radius from your agency's ZIP code. Choose prospects with or without phone numbers, enter quantity, then select a mailing schedule.</p>\r\n                                    <li class=\"fw-bold\">Follow up after each mailing</li>\r\n                                    <p>For the best results, reach out to your prospects about a week after the send date to kickstart the sales conversation.</p>\r\n                                </ul>\r\n                            </div>\r\n                            <div class=\"text-left\">\r\n                                <button @click=\"handleEnroll\" class=\"btn btn-primary\">Order now</button>\r\n                            </div>\r\n                        </div>\r\n                        <br />\r\n                        <div class=\"row mt-3\">\r\n                            <div class=\"d-flex align-items-center\">\r\n                                <div class=\"flex-shrink-0\">\r\n                                    <img src=\"/images/icons/growth-opportunities-icon.png\" alt=\"Growth Opportunities\" class=\"img-fluid\" />\r\n                                </div>\r\n                                <div class=\"flex-grow-1 ms-3\">\r\n                                    <h2>My prospecting</h2>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"row\" v-if=\"isEmployee\">\r\n                            <div class=\"col\">\r\n                                <AgencyBestPractices />\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"row\" v-else>\r\n                            <div class=\"col\">\r\n                                <TabBar :tabs=\"prospectingTabs\" />\r\n                                <div class=\"tab-content\">\r\n                                    <div class=\"tab-pane fade show active\" id=\"prospecting\" role=\"tabpanel\">\r\n                                        <div class=\"sub-tab-container\">\r\n                                            <ProspectingOpportunitiesTile filter-id=\"prospecting\" />\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"tab-pane fade\" id=\"agency-best-practices\" role=\"tabpanel\">\r\n                                        <AgencyBestPractices />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        \r\n\r\n                        <div class=\"row mt-3\">\r\n                            <div class=\"col text-left\">\r\n                                <h2>Good to know</h2>\r\n                                <ul>\r\n                                    <li>Prospect lists are accessible for <b> 60 days </b> from the date the letters are mailed. A separate list is provided for each mail date specified in your order.</li>\r\n                                    <br />\r\n                                    <li>To view your prospect lists, go to <b> My Account </b> and select  <b> My Order History/Lists </b> from the dropdown menu.</li>\r\n                                    <br />\r\n                                    <li>Need more info before you get started? Check out the <router-link to=\"/faq\">Help Center</router-link>.</li>\r\n                                </ul>\r\n                                <br />\r\n                                <p>Prospecting opportunities may vary by state. If opportunities aren't available, please check back later or reach out to your territory manager to ask about future availability.</p>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"col-sm\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col\">\r\n                                <IgniteProspectingPromo />\r\n                                <IconPanel class=\"mt-5 boost-conversation\" title=\"Pro Tip\" icon=\"/images/icons/approvals-target-icon.png\">\r\n                                    <span class=\"title\">Boost conversations:</span>\r\n                                    <span class=\"content\"> Follow up with prospects about a week after mailers are sent to increase your chances of connecting.</span>\r\n                                    <br /><br />\r\n                                    \r\n                                </IconPanel>\r\n                                <IconPanel class=\"mt-5\" title=\"Prospecting resources\" icon=\"/images/icons/search-icon.png\">\r\n                                    <LinkItem class=\"mb-3\" title=\"My prospect list \" :link=\"{ path: '/account/order-history', query: { 'programType': ProgramType.PROSPECTING } }\" :isExternal=\"false\" :openNewWindow=\"false\" />\r\n                                    <LinkItem class=\"mb-3\" title=\"Download letter templates\" :link=\"{ path: '/products', query:{ 'f-program-type': ProgramType.PROSPECTING, 'f-product-format': ProductFormat.LETTER_TEMPLATES, 'active-tab': TabIDs.PROSPECTING_TAB_ID }}\" :isExternal=\"false\" :openNewWindow=\"false\" />\r\n                                </IconPanel>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .prospecting-home-page {\r\n        .how-it-works {\r\n            p {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            p strong {\r\n                color: $color-2;\r\n                font-size: 1.25rem;\r\n            }\r\n\r\n            p span {\r\n                color: $color-2;\r\n            }\r\n        }\r\n\r\n        .boost-conversation {\r\n            background: #EBFAFB;\r\n\r\n            .title {\r\n                color: #06748c;\r\n                font-weight: bold;\r\n            }\r\n\r\n            .content {\r\n                font-weight: 300;\r\n            }\r\n        }\r\n    }\r\n</style>\r\n","import script from \"./ProspectingHomePage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProspectingHomePage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProspectingHomePage.vue?vue&type=style&index=0&id=64942cf9&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ProspectingStep2SelectMailListPage\r\n    // Prospecting Step 2 Select Mail List\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n\r\n    // Methods \r\n    function includeProspectPhone(includePhone) {\r\n        // TODO add the functaionality of what to do based on the button clicked\r\n        console.log(includePhone)\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar/>\r\n\r\n            <div class=\"root-page-container prospecting-step2-select-mail-list\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col my-5\">\r\n\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.TWO\" />\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col text-center\">\r\n\r\n                        <h1>Would you like to include prospect phone numbers when available?</h1>\r\n                        <p class=\"fst-italic\">By including phone numbers, additional charges will apply if not using Ignite Rewards.</p>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row mb-5\">\r\n\r\n                    <div class=\"col text-center\">\r\n\r\n                        <button class=\"btn btn-outline-primary me-3\" @click=\"includeProspectPhone(false)\">No</button>\r\n                        <button class=\"btn btn-primary\" @click=\"includeProspectPhone(true)\">Yes</button>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col\">\r\n                        <!-- TODO: Add the route for back -->\r\n                        <router-link to=\"#TODO\" class=\"btn btn-outline-primary\">Previous</router-link>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .prospecting-step2-select-mail-list{\r\n\r\n    }\r\n</style>","import script from \"./ProspectingStep2SelectMailListPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProspectingStep2SelectMailListPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProspectingStep2SelectMailListPage.vue?vue&type=style&index=0&id=b25a1fe4&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ProspectingStep2SelectZipCodesPage\r\n    // Prospecting Step 2 Select Zip Codes\r\n\r\n    // Imports\r\n    import { reactive, ref } from 'vue';\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n    import ModalBox from '@/site/components/ModalBox';\r\n\r\n    //State \r\n    const postalCodes = ref(\"\");\r\n\r\n    const postalRadius = ref(0);\r\n\r\n    const crossState = ref(false);\r\n\r\n    const city = ref(\"\");\r\n\r\n    const state = ref(\"\");\r\n\r\n    const showZipResults = ref(false);\r\n\r\n    const returnedZipCodes = reactive([\r\n        { \"city\": \"Detroit\", \"zipCode\": \"48201\" },\r\n        { \"city\": \"Detroit\", \"zipCode\": \"48202\" },\r\n        { \"city\": \"Detroit\", \"zipCode\": \"48203\" },\r\n        { \"city\": \"Detroit\", \"zipCode\": \"48204\" },\r\n        { \"city\": \"Detroit\", \"zipCode\": \"48205\" }\r\n    ]);\r\n\r\n    const selectedZipCodes = reactive([\r\n        { \"city\": \"Detroit\", \"zipCode\": \"48201\" },\r\n        { \"city\": \"Detroit\", \"zipCode\": \"48202\" }\r\n    ]);\r\n\r\n    // Methods\r\n    function submit() {\r\n        // TODO: Submit this data to an API \r\n    }\r\n\r\n    function lookupZip() {\r\n        // TODO: Call API to get list of Zips based on search \r\n        showZipResults.value = true;\r\n    }\r\n\r\n    function continueWitSelectedZips() {\r\n        // TODO: Continue to the next page with the selected Zip Codes\r\n        console.log(\"continueWitSelectedZips pressed\")\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar />\r\n\r\n            <div class=\"root-page-container prospecting-step2-select-zip-codes\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <ModalBox modalId=\"zipCodeLookUp\" title=\"ZIP Code Look Up\" modalSize=\"modal-lg\">\r\n                        <template v-slot:body>\r\n\r\n                            <!-- TODO: Remove the code below and replace it with the component\r\n\r\n                                <ZipCodeLookup @selectedZips=\"setSelectedZipCodes\"/>\r\n\r\n                                Remember to create a method for setSelectedZipCodes to accept the zipcodes emitted from the component \r\n                            -->\r\n\r\n                            <div class=\"row\">\r\n\r\n                                <div class=\"col\">\r\n\r\n                                    <p class=\"fw-bold\">Lookup ZIP Code by City and/or State</p>\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"row\">\r\n\r\n                                <div class=\"col-sm-6\">\r\n                                    <div class=\"mb-3\">\r\n                                        <label class=\"form-label\">City</label>\r\n                                        <input type=\"text\" class=\"form-control\" v-model=\"city\" placeholder=\"Detroit\">\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div class=\"col-sm-6\">\r\n                                    <label class=\"form-label\">State</label>\r\n                                    <select class=\"form-select\" v-model=\"state\">\r\n                                        <option value=\"\">Select State</option>\r\n                                        <option value=\"AL\">Alabama</option>\r\n                                        <option value=\"AK\">Alaska</option>\r\n                                        <option value=\"AZ\">Arizona</option>\r\n                                        <option value=\"AR\">Arkansas</option>\r\n                                        <option value=\"CA\">California</option>\r\n                                        <option value=\"CO\">Colorado</option>\r\n                                        <option value=\"CT\">Connecticut</option>\r\n                                        <option value=\"DE\">Delaware</option>\r\n                                        <option value=\"DC\">District Of Columbia</option>\r\n                                        <option value=\"FL\">Florida</option>\r\n                                        <option value=\"GA\">Georgia</option>\r\n                                        <option value=\"HI\">Hawaii</option>\r\n                                        <option value=\"ID\">Idaho</option>\r\n                                        <option value=\"IL\">Illinois</option>\r\n                                        <option value=\"IN\">Indiana</option>\r\n                                        <option value=\"IA\">Iowa</option>\r\n                                        <option value=\"KS\">Kansas</option>\r\n                                        <option value=\"KY\">Kentucky</option>\r\n                                        <option value=\"LA\">Louisiana</option>\r\n                                        <option value=\"ME\">Maine</option>\r\n                                        <option value=\"MD\">Maryland</option>\r\n                                        <option value=\"MA\">Massachusetts</option>\r\n                                        <option value=\"MI\">Michigan</option>\r\n                                        <option value=\"MN\">Minnesota</option>\r\n                                        <option value=\"MS\">Mississippi</option>\r\n                                        <option value=\"MO\">Missouri</option>\r\n                                        <option value=\"MT\">Montana</option>\r\n                                        <option value=\"NE\">Nebraska</option>\r\n                                        <option value=\"NV\">Nevada</option>\r\n                                        <option value=\"NH\">New Hampshire</option>\r\n                                        <option value=\"NJ\">New Jersey</option>\r\n                                        <option value=\"NM\">New Mexico</option>\r\n                                        <option value=\"NY\">New York</option>\r\n                                        <option value=\"NC\">North Carolina</option>\r\n                                        <option value=\"ND\">North Dakota</option>\r\n                                        <option value=\"OH\">Ohio</option>\r\n                                        <option value=\"OK\">Oklahoma</option>\r\n                                        <option value=\"OR\">Oregon</option>\r\n                                        <option value=\"PA\">Pennsylvania</option>\r\n                                        <option value=\"RI\">Rhode Island</option>\r\n                                        <option value=\"SC\">South Carolina</option>\r\n                                        <option value=\"SD\">South Dakota</option>\r\n                                        <option value=\"TN\">Tennessee</option>\r\n                                        <option value=\"TX\">Texas</option>\r\n                                        <option value=\"UT\">Utah</option>\r\n                                        <option value=\"VT\">Vermont</option>\r\n                                        <option value=\"VA\">Virginia</option>\r\n                                        <option value=\"WA\">Washington</option>\r\n                                        <option value=\"WV\">West Virginia</option>\r\n                                        <option value=\"WI\">Wisconsin</option>\r\n                                        <option value=\"WY\">Wyoming</option>\r\n                                    </select>\r\n\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"row mb-5\">\r\n\r\n                                <div class=\"col text-end\">\r\n\r\n                                    <button @click=\"lookupZip\" class=\"btn btn-primary\">\r\n                                        Lookup\r\n                                    </button>\r\n\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"row\" v-if=\"showZipResults\">\r\n\r\n                                <div class=\"col-5 bg-color-3-xlt p-3\">\r\n                                    <div class=\"fs-4\">Select ZIP Code(s)</div>\r\n                                    <table class=\"table table-striped\">\r\n                                        <thead class=\"bg-color-2-dk\">\r\n                                            <tr class=\"text-gray-0\">\r\n                                                <td class=\"border-end border-gray-0\">\r\n                                                    City\r\n                                                </td>\r\n                                                <td>\r\n                                                    Zip Code\r\n                                                </td>\r\n                                            </tr>\r\n                                        </thead>\r\n                                        <tbody>\r\n                                            <tr v-for=\"zip in returnedZipCodes\" :key=\"zip.zipCode\">\r\n                                                <td>{{zip.city}}</td>\r\n                                                <td>{{zip.zipCode}}</td>\r\n                                            </tr>\r\n                                        </tbody>\r\n                                    </table>\r\n\r\n                                </div>\r\n\r\n                                <div class=\"col-2 text-center mt-5\">\r\n\r\n                                    <div class=\"mt-5\">\r\n                                        <button class=\"btn btn-outline-primary\">\r\n                                            Add\r\n                                        </button>\r\n                                    </div>\r\n                                    <div class=\"mt-3\">\r\n                                        <button class=\"btn btn-outline-primary\">\r\n                                            Remove\r\n                                        </button>\r\n                                    </div>\r\n\r\n                                </div>\r\n\r\n                                <div class=\"col-5 bg-color-3-xlt p-3\">\r\n                                    <div class=\"fs-4\">Selected ZIP Code(s)</div>\r\n                                    <table class=\"table table-striped\">\r\n                                        <thead class=\"bg-color-2-dk\">\r\n                                            <tr class=\"text-gray-0\">\r\n                                                <td class=\"border-end border-gray-0\">\r\n                                                    City\r\n                                                </td>\r\n                                                <td>\r\n                                                    Zip Code\r\n                                                </td>\r\n                                            </tr>\r\n                                        </thead>\r\n                                        <tbody>\r\n                                            <tr v-for=\"zip in selectedZipCodes\" :key=\"zip.zipCode\">\r\n                                                <td>{{zip.city}}</td>\r\n                                                <td>{{zip.zipCode}}</td>\r\n                                            </tr>\r\n                                        </tbody>\r\n                                    </table>\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"row mt-5\" v-if=\"showZipResults\">\r\n\r\n                                <div class=\"col text-end\">\r\n\r\n                                    <button @click=\"continueWitSelectedZips\" class=\"btn btn-primary\">\r\n                                        Continue\r\n                                    </button>\r\n\r\n                                </div>\r\n                            </div>\r\n\r\n                        </template>\r\n                    </ModalBox>\r\n\r\n                    <div class=\"col my-5\">\r\n\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.TWO\" />\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col border-bottom\">\r\n\r\n                        <div class=\"d-flex\">\r\n                            <div>\r\n                                <h1>Select ZIP Code(s) to Create Prospecting List</h1>\r\n                            </div>\r\n                            <div class=\"ms-auto pt-2\">\r\n                                <!-- TODO: Output the product that this is for -->\r\n                                Prospecting Letter, Safeco Package (AP-9999)\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row mb-5\">\r\n\r\n                    <div class=\"col-sm-4 offset-sm-4 text-center bg-color-3-xlt py-3 px-5\">\r\n\r\n                        <button class=\"btn btn-outline-primary mt-3\" data-bs-toggle=\"modal\" data-bs-target=\"#zipCodeLookUp\">\r\n                            Zip Code Lookup\r\n                        </button>\r\n\r\n                        <div class=\"py-4 d-flex align-items-center\">\r\n                            <hr class=\"flex-grow-1\" />\r\n                            <div class=\"px-5\">OR</div>\r\n                            <hr class=\"flex-grow-1\" />\r\n                        </div>\r\n\r\n                        <div class=\"mb-5 text-start\">\r\n                            <label class=\"form-label\"><strong>ZIP Code(s)</strong> (Separate by commas)</label>\r\n                            <input type=\"text\" v-model=\"postalCodes\" class=\"form-control\">\r\n                        </div>\r\n\r\n                        <div class=\"mb-5 text-start\">\r\n                            <label class=\"form-label fw-bold\">ZIP Code Radius</label>\r\n                            <select class=\"form-select\" v-model=\"postalRadius\">\r\n                                <option value=\"0\">0 Miles</option>\r\n                                <option value=\"5\">5 Miles</option>\r\n                                <option value=\"10\">10 Miles</option>\r\n                                <option value=\"15\">15 Miles</option>\r\n                                <option value=\"25\">25 Miles</option>\r\n                            </select>\r\n                        </div>\r\n\r\n                        <div class=\"mb-3 form-check text-start\">\r\n                            <input type=\"checkbox\" v-model=\"crossState\" class=\"form-check-input\" id=\"cross-state\">\r\n                            <label class=\"form-check-label\" for=\"cross-state\">Okay to cross state boundaries</label>\r\n                        </div>\r\n                        <button type=\"submit\" class=\"btn btn-primary mb-3\" @click=\"submit\">Check Availability</button>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col\">\r\n                        <!-- TODO: Add the route for back -->\r\n                        <router-link to=\"#TODO\" class=\"btn btn-outline-primary\">Previous</router-link>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .prospecting-step2-select-zip-codes {\r\n    }\r\n</style>","import script from \"./ProspectingStep2SelectZipCodesPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProspectingStep2SelectZipCodesPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProspectingStep2SelectZipCodesPage.vue?vue&type=style&index=0&id=7056a7ce&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ProspectingStep2ZipCode\r\n    // Step 2 on selecting by zipcode\r\n\r\n    // Imports\r\n    import { ref } from 'vue';\r\n    import { useRouter } from 'vue-router';\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n    import ModalBox from '@/site/components/ModalBox';\r\n    //import ZipCodeLookup from '@/site/components/ZipCodeLookup';\r\n\r\n    // Constants \r\n    const zipRadius = {\r\n        ZERO: '0 Miles',\r\n        FIVE: '5 Miles',\r\n        TEN: '10 Miles',\r\n        FIFTEEN: '15 Miles',\r\n        TWENTY_FIVE: '25 Miles'\r\n\r\n    }\r\n\r\n    const router = useRouter();\r\n\r\n    //State \r\n    const postalCodes = ref(\"\");\r\n    const postalRadius = ref(zipRadius.ZERO);\r\n    const crossState = ref(false);\r\n    const showPricing = ref(false);\r\n\r\n    // Methods\r\n    function submit() {\r\n        // TODO: Submit this data to an API \r\n        showPricing.value = true;\r\n    }\r\n    /*\r\n    function setSelectedZipCodes(zipCodes) {\r\n        // TODO: call the API with the selected Zipcodes \r\n        console.log(\"zipCodes from modal: \", zipCodes)\r\n    }\r\n    */\r\n\r\n    function saveForLater() {\r\n        // TODO: call the API to save this for later \r\n    }\r\n\r\n    function next() {\r\n        // TODO: call the API to capture data from this page and move to the next\r\n        router.push({ name: 'ProspectingStep3SelectMailSchedulePage' });\r\n    }\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.CROSS_SELL_TAB_ID\" />\r\n\r\n            <ModalBox modalId=\"zipCodeLookUp\" title=\"ZIP Code Look Up\" modalSize=\"modal-lg\">\r\n\r\n                <template v-slot:body>\r\n\r\n                    <!--<ZipCodeLookup @selectedZips=\"setSelectedZipCodes\"/>-->\r\n\r\n                </template>\r\n\r\n            </ModalBox>\r\n\r\n            <div class=\"root-page-container prospecting-step2-zip-code\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col my-5\">\r\n\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.TWO\" />\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n                    <div class=\"col-sm-6 offset-sm-3 text-center bg-color-3-xlt py-3 zip-code-lookup\">\r\n                        <button class=\"btn btn-outline-primary mt-3\" data-bs-toggle=\"modal\" data-bs-target=\"#zipCodeLookUp\">\r\n                            Zip Code Lookup\r\n                        </button>\r\n                        <div class=\"py-4 d-flex align-items-center\">\r\n                            <hr class=\"flex-grow-1\" />\r\n                            <div class=\"px-5\">OR</div>\r\n                            <hr class=\"flex-grow-1\" />\r\n                        </div>\r\n                        <div class=\"mb-5 text-start\">\r\n                            <label class=\"form-label\"><strong>ZIP Code(s)</strong> (Separate by commas)</label>\r\n                            <input type=\"text\" v-model=\"postalCodes\" class=\"form-control\">\r\n                        </div>\r\n                        <div class=\"mb-5 text-start\">\r\n                            <label class=\"form-label fw-bold\">ZIP Code Radius <a href=\"/downloads/Zip-Code-Radius.pdf\" class=\"no-underline fw-normal fs-6\" target=\"_blank\">Information on Zip Radius</a></label>\r\n                            <select class=\"form-select\" v-model=\"postalRadius\">\r\n                                <option :value=\"zipRadius.ZERO\">{{zipRadius.ZERO}}</option>\r\n                                <option :value=\"zipRadius.FIVE\">{{zipRadius.FIVE}}</option>\r\n                                <option :value=\"zipRadius.TEN\">{{zipRadius.TEN}}</option>\r\n                                <option :value=\"zipRadius.FIFTEEN\">{{zipRadius.FIFTEEN}}</option>\r\n                                <option :value=\"zipRadius.TWENTY_FIVE\">{{zipRadius.TWENTY_FIVE}}</option>\r\n                            </select>\r\n                        </div>\r\n                        <div class=\"mb-3 form-check text-start\">\r\n                            <label class=\"form-check-label\">\r\n                                <input type=\"checkbox\" v-model=\"crossState\" class=\"form-check-input\">\r\n                                Okay to cross state boundaries\r\n                            </label>\r\n                        </div>\r\n                        <button type=\"submit\" class=\"btn btn-primary mb-3\" @click=\"submit\">Check Availability</button>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row mt-3\" v-if=\"showPricing\">\r\n                    <div class=\"col-sm-6 offset-sm-3 text-center bg-color-2-dk p-2 fw-bold text-white fs-4\">\r\n                        Estimated Available Prospects & Pricing\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row mt-3\" v-if=\"showPricing\">\r\n                    <div class=\"col-sm-6 offset-sm-3\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col p-0 fw-bold\">\r\n                                Safeco recommends including phone numbers when available.\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row mt-3\">\r\n                            <div class=\"col-sm-5\">\r\n                                <h4 class=\"fw-normal\">Prospects with Phone Numbers</h4>\r\n                                <p class=\"fst-italic fs-6\">(Additional charges apply)</p>\r\n                            </div>\r\n                            <div class=\"col-sm-6 offset-1\">\r\n                                <div class=\"form-check\">\r\n                                    <label class=\"form-check-label text-error fw-bold\">\r\n                                        <input class=\"form-check-input\" type=\"radio\" name=\"flexRadioDefault\">\r\n\r\n                                        <!-- TODO: get the values from the API-->\r\n                                        <div>\r\n                                            3,492\r\n                                            <span class=\"fw-normal fs-6 text-gray-4\">($.76 Each)</span>\r\n                                        </div>\r\n                                        <div class=\"fs-6 text-gray-4\">\r\n                                            <span class=\"fw-normal\">Total:</span>\r\n                                            $2,653.92\r\n                                        </div>\r\n                                        <div class=\"fs-6\">\r\n                                            Pricing prior to potential applied discount.\r\n                                        </div>\r\n                                    </label>\r\n                                </div>\r\n                                <div class=\"form-check\">\r\n                                    <input class=\"form-check-input\" type=\"radio\" name=\"flexRadioDefault\" id=\"selectQuantity\" checked>\r\n                                    <label class=\"form-check-label\" for=\"selectQuantity\">\r\n                                        Select Quantity\r\n                                    </label>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row my-3\">\r\n                            <div class=\"col\">\r\n                                <hr/>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row mt-3\">\r\n                            <div class=\"col-sm-5\">\r\n                                <h4 class=\"fw-normal\">Prospects without Phone Numbers</h4>\r\n                            </div>\r\n                            <div class=\"col-sm-6 offset-1\">\r\n                                <div class=\"form-check\">\r\n                                    <input class=\"form-check-input\" type=\"radio\" name=\"flexRadioDefault\" id=\"allAvailableQuantity\">\r\n                                    <label class=\"form-check-label text-error fw-bold\" for=\"allAvailableQuantity\">\r\n                                        <!-- TODO: get the values from the API-->\r\n                                        3,492\r\n                                        <span class=\"fw-normal fs-6 text-gray-4\">($.76 Each)</span>\r\n                                    </label>\r\n                                </div>\r\n                                <div class=\"form-check\">\r\n                                    <input class=\"form-check-input\" type=\"radio\" name=\"flexRadioDefault\" id=\"selectQuantity\" checked>\r\n                                    <label class=\"form-check-label\" for=\"selectQuantity\">\r\n                                        Select Quantity\r\n                                    </label>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col-sm-6\">\r\n                        <!-- TODO: add the correct previous route -->\r\n                        <router-link to=\"#todo\" class=\"btn btn-outline-primary\">Previous</router-link>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-6 text-end\">\r\n\r\n                        <button class=\"btn btn-outline-primary me-3\" @click=\"saveForLater\">Save for Later</button>\r\n                        <button class=\"btn btn-primary\" @click=\"next\">Next</button>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n<style lang=\"scss\">\r\n    .prospecting-step2-zip-code{\r\n        .zip-code-lookup {\r\n            padding: 0 150px\r\n        }\r\n\r\n        label{\r\n            font-size: 1.125rem;\r\n        }\r\n    }\r\n</style>","import script from \"./ProspectingStep2ZipCode.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProspectingStep2ZipCode.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProspectingStep2ZipCode.vue?vue&type=style&index=0&id=38283839&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\r\n\r\n    // ProspectingSelectPromoteProspectsPage\r\n    // Landing page for Prospecting & Lead Gen - Select Promote Prospects\r\n\r\n    const constants = {\r\n        prospectingTypes: {\r\n            PACKAGE: \"Package\",\r\n            AUTO: \"Auto\",\r\n            HOME: \"Home\",\r\n        }\r\n    };\r\n\r\n    export const prospectingTypes = constants.prospectingTypes;\r\n\r\n\r\n</script>\r\n<script setup>\r\n\r\n    import { useRouter } from 'vue-router';\r\n    import { site } from '@/Site'\r\n    import { ChannelTypes } from '@/site/areas/personalization/SelectChannelPage';\r\n    import { ProgramType, ProductType } from '@/constants';\r\n\r\n    const router = useRouter();\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n\r\n    // Methods\r\n\r\n\r\n    async function startOrder(productType) {\r\n\r\n        router.push({\r\n            name: 'SelectAssetPage',\r\n            query: {\r\n                statCode: site.agencyDetails.selectedAgencyDetails.statId,\r\n                productType: productType,\r\n                programType: ProgramType.PROSPECTING,\r\n                isMultiChannel: false,\r\n                channelType: ChannelTypes.DIRECT_MAIL\r\n            }\r\n        });\r\n\r\n    }\r\n\r\n    function back() {\r\n\r\n        if (router.options.history.state.back == '/prospecting') {\r\n            router.back();\r\n        } else {\r\n            router.push({ name: 'Home', query: { tab: ProgramType.PROSPECTING } })\r\n        }\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.PROSPECTING_TAB_ID\" />\r\n\r\n            <div class=\"root-page-container prospecting-select-promote-prospects\">\r\n\r\n                <div class=\"row mt-5\">\r\n\r\n                    <div class=\"col text-center\">\r\n                        <h1>What lines of business would you like to promote?</h1>\r\n                    </div>\r\n\r\n                </div>\r\n                <div class=\"row\">\r\n                    <div class=\"col-sm-2 text-center\">\r\n                    </div>\r\n                    <div class=\"col-sm-8 text-center\">\r\n\r\n                        <p>Availability for Prospecting campaigns may vary by state. Please check back for future updates to availability and reach out to your TM with any questions.</p>\r\n\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <div class=\"d-flex justify-content-center\">\r\n\r\n                            <div class=\"text-center me-5\">\r\n\r\n                                <img src=\"/images/prospecting/package.png\" alt=\"package insurance\" />\r\n\r\n                                <div>\r\n                                    <button class=\"btn btn-primary mt-2\" @click=\"startOrder(ProductType.SAFECO_PACKAGE)\">Package</button>\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"text-center\">\r\n\r\n                                <img src=\"/images/prospecting/auto-insurance.png\" alt=\"auto insurance\" />\r\n\r\n                                <div>\r\n                                    <button class=\"btn btn-primary mt-2\" @click=\"startOrder(ProductType.AUTO)\">Auto</button>\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <button @click=\"back\" class=\"btn btn-outline-primary\">Previous</button>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n</PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .prospecting-select-promote-prospects {\r\n    }\r\n</style>","import script from \"./ProspectingSelectPromoteProspectsPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProspectingSelectPromoteProspectsPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProspectingSelectPromoteProspectsPage.vue?vue&type=style&index=0&id=1fade189&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n// services.js\r\n// Services for all the prospecting pages \r\n\r\n// Imports ----\r\n\r\n//import useApi from '@/nucleus/services/api';\r\n\r\n//const { GET } = useApi();\r\n\r\nexport default function () {\r\n\r\n    async function getProductDetails() {\r\n        // TODO: These will need come from an API call when it gets built \r\n        // Review the response structure in the component(s) that use this. \r\n        const product = {\r\n            \"details\": {\r\n                \"id\": \"AP-9999\",\r\n                \"name\": \"Prospecting Letter, Safeco Package (AP-9999)\",\r\n                \"frequency\": \"Multiple Drops (Weekly)\",\r\n                \"numberOfMailings\": 4,\r\n                \"dropStartDate\": \"09/30/2021\",\r\n                \"orderCount\": \"1,234\",\r\n            },\r\n            \"summary\": [\r\n                {\r\n                    \"dropDate\": \"10/1/2022\",\r\n                    \"quantity\": 500,\r\n                    \"price\": \"$123.00\"\r\n                },\r\n                {\r\n                    \"dropDate\": \"10/8/2022\",\r\n                    \"quantity\": 300,\r\n                    \"price\": \"$98.00\"\r\n                },\r\n                {\r\n                    \"dropDate\": \"10/15/2022\",\r\n                    \"quantity\": 500,\r\n                    \"price\": \"$123.00\"\r\n                },\r\n                {\r\n                    \"dropDate\": \"10/22/2022\",\r\n                    \"quantity\": 250,\r\n                    \"price\": \"$78.00\"\r\n                },\r\n            ],\r\n            \"totals\": {\r\n                \"quantity\": 250,\r\n                \"price\": \"$422.00\"\r\n            },\r\n            \"pdfDetails\": {\r\n                \"fileUrl\": \"/downloads/SafecoMSC-Relationship-Marketing-Cards.pdf\",\r\n                \"totalPages\": 10\r\n            },\r\n            \"code\": 200,\r\n            \"isDefaultLanguage\": true,\r\n            \"messages\": [],\r\n            \"httpStatusCode\": null,\r\n            \"succeeded\": true,\r\n            \"attributes\": {}\r\n        };\r\n\r\n        return product;\r\n    }\r\n\r\n    async function getAgencyDetails() {\r\n        // TODO: These will need come from an API call when it gets built \r\n        // Review the response structure in the component(s) that use this. \r\n        const agency = {\r\n            \"agencyInformation\": {\r\n                \"id\": \"ABC1234\",\r\n                \"name\": \"Sample Agency Name\",\r\n                \"licenseNumber\": \"Test00123\",\r\n                \"agentFirstName\": \"Sam\",\r\n                \"agentLastName\": \"Sample\",\r\n                \"agentEmail\": \"samsample@testagency.com\",\r\n                \"agentPhone\": \"313-555-1212\"\r\n            },\r\n            \"agencyAddress\": {\r\n                \"id\": \"XYZ9876\",\r\n                \"addressee\": \"Sam Sample\",\r\n                \"companyName\": \"Sample Agency Name\",\r\n                \"addressLine1\": \"123 Main\",\r\n                \"addressLine2\": \"Suite 123\",\r\n                \"city\": \"Royal Oak\",\r\n                \"state\": \"MI\",\r\n                \"province\": \"\",\r\n                \"postalCode\": \"48067\",\r\n                \"countryCode\": \"US\",\r\n            },\r\n            \r\n            \"code\": 200,\r\n            \"isDefaultLanguage\": true,\r\n            \"messages\": [],\r\n            \"httpStatusCode\": null,\r\n            \"succeeded\": true,\r\n            \"attributes\": {}\r\n        };\r\n\r\n        return agency;\r\n    }\r\n\r\n    return {\r\n        getProductDetails,\r\n        getAgencyDetails\r\n    }\r\n}","<script setup>\r\n    // ProspectingStep1PersonalizationPage\r\n    // Step 1 of personalizing mail drops \r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n    import PdfViewer from '@/site/components/PdfViewer';\r\n\r\n    // Imports\r\n    import { reactive, onMounted } from 'vue';\r\n\r\n    import useServices from './services';\r\n\r\n    const { getProductDetails, getAgencyDetails } = useServices();\r\n\r\n    // State \r\n    const product = reactive({\r\n        \"details\": {},\r\n        \"pdfDetails\": {}\r\n    });\r\n\r\n    const agency = reactive({\r\n        \"agencyInformation\": {},\r\n        \"agencyAddress\": {}\r\n    });\r\n\r\n    const approvals = reactive({\r\n        'finalApproval': false,\r\n        'termsAndConditions': false,\r\n        'noUseInMass': false\r\n    });\r\n\r\n    // Methods\r\n    function imageLibrary() {\r\n        // open a modal box for the image library\r\n    }\r\n\r\n    function uploadImage() {\r\n        // Call the API to upload and image \r\n    }\r\n\r\n    // Lifecycle Hooks\r\n    onMounted(async () => {\r\n        const productResponse = await getProductDetails();\r\n        const agencyResponse = await getAgencyDetails();\r\n\r\n        // TODO this is probably not going to be how this is returned from the API \r\n        product.details = productResponse.details;\r\n        product.pdfDetails = productResponse.pdfDetails;\r\n        agency.agencyInformation = agencyResponse.agencyInformation;\r\n        agency.agencyAddress = agencyResponse.agencyAddress;\r\n    });\r\n\r\n</script>\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n            <GlobalTabBar :active-id=\"TabIDs.PROSPECTING_TAB_ID\" />\r\n            <div class=\"root-page-container prospecting-personalization\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col\">\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.ONE\" />\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row border-bottom border-gray-2 mt-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <div class=\"d-flex\">\r\n\r\n                            <div>\r\n\r\n                                <h1>Personalize this Item</h1>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"ms-auto\">\r\n                                {{product.details.name}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row mt-5\">\r\n\r\n                    <div class=\"col-sm-4\">\r\n\r\n                        <h2>Agency and Agent Information</h2>\r\n\r\n                        <div class=\"my-3\">\r\n                            <label class=\"form-label\">Agency Name *</label>\r\n                            <input type=\"text\" class=\"form-control\" v-model=\"agency.agencyInformation.name\" placeholder=\"Sample Agency Name\">\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n                            <label class=\"form-label\">License Number <span class=\"fw-normal\">(Required for CA & AR)</span></label>\r\n                            <input type=\"text\" class=\"form-control\" v-model=\"agency.agencyInformation.licenseNumber\" placeholder=\"License Number\">\r\n                            <div class=\"form-text\">All other states are optional. </div>\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n                            <label class=\"form-label\">Agent First Name*</label>\r\n                            <input type=\"text\" class=\"form-control\" v-model=\"agency.agencyInformation.agentFirstName\" placeholder=\"Agent First Name\">\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n                            <label class=\"form-label\">Agent Last Name*</label>\r\n                            <input type=\"text\" class=\"form-control\" v-model=\"agency.agencyInformation.agentLastName\" placeholder=\"Agent Last Name\">\r\n                            <div class=\"form-text\">Enter full name as you would like it to appear in signature block.</div>\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n                            <label class=\"form-label\">Agent Phone Number*</label>\r\n                            <input type=\"text\" class=\"form-control\" v-model=\"agency.agencyInformation.agentPhone\" placeholder=\"123-456-7890\">\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n                            <label class=\"form-label\">Agent Email* <span class=\"fw-normal\">(One email address only)</span></label>\r\n                            <input type=\"text\" class=\"form-control\" v-model=\"agency.agencyInformation.agentEmail\" placeholder=\"samsample@email.com\">\r\n                            <div class=\"form-text\">This email address is used for lead distribution. </div>\r\n                        </div>\r\n\r\n                        <h2 class=\"mt-5\">Agency Address</h2>\r\n\r\n                        <div class=\"mb-3\">\r\n                            <label class=\"form-label\">Agent Address*</label>\r\n                            <input type=\"text\" class=\"form-control\" v-model=\"agency.agencyAddress.addressLine1\" placeholder=\"123 Main St\">\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n                            <label class=\"form-label\">Agent Address Line 2 <span class=\"fw-normal\">(Optional)</span></label>\r\n                            <input type=\"text\" class=\"form-control\" v-model=\"agency.agencyAddress.addressLine2\">\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n                            <label class=\"form-label\">Agent City*</label>\r\n                            <input type=\"text\" class=\"form-control\" v-model=\"agency.agencyAddress.city\" placeholder=\"Anytown\">\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n                            <label class=\"form-label\">Agent State*</label>\r\n                            <input type=\"text\" class=\"form-control\" v-model=\"agency.agencyAddress.state\" placeholder=\"dsfgasdfasdf\">\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n                            <label class=\"form-label\">Agent Zip Code*</label>\r\n                            <input type=\"text\" class=\"form-control\" v-model=\"agency.agencyAddress.postalCode\" placeholder=\"12345\">\r\n                        </div>\r\n\r\n                        <h2 class=\"mt-5\">Agent Image (Optional)</h2>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <button class=\"btn btn-outline-primary me-3\" @click=\"imageLibrary\">\r\n                                Image Library\r\n                            </button>\r\n\r\n                            <button class=\"btn btn-outline-primary\" @click=\"uploadImage\">\r\n                                Upload Image\r\n                            </button>\r\n\r\n                        </div>\r\n\r\n                        <h2 class=\"mt-5\">Preview & Approve</h2>\r\n\r\n                        <button class=\"btn btn-primary my-3\" @click=\"uploadImage\">\r\n                            Preview PDF\r\n                        </button>\r\n\r\n                        <!-- TODO: Probably need the form components for these -->\r\n                        <div class=\"form-check mt-4\">\r\n                            <label class=\"form-check-label\">\r\n                                <input class=\"form-check-input\" type=\"checkbox\" v-model=\"approvals.finalApproval\">\r\n                                PDF Preview Content <strong class=\"text-error\">Final Approval</strong>.\r\n                            </label>\r\n                        </div>\r\n                        <div class=\"form-check\">\r\n                            <label class=\"form-check-label\">\r\n                                <input class=\"form-check-input\" type=\"checkbox\" v-model=\"approvals.termsAndConditions\">\r\n                                <!-- TODO: link to the correct T&C -->\r\n                                View and Accept <a href=\"#TODO\">Terms and Conditions</a>.\r\n                            </label>\r\n                        </div>\r\n                        <div class=\"form-check\">\r\n                            <label class=\"form-check-label\">\r\n                                <input class=\"form-check-input\" type=\"checkbox\" v-model=\"approvals.noUseInMass\">\r\n                                I Certify that <strong class=\"text-error\">I Will Not</strong> use this Item in the State of Massachusetts.\r\n                            </label>\r\n                        </div>\r\n\r\n                        <div class=\"my-5\">\r\n                            <!-- TODO: Not sure what happens when you click cancel -->\r\n                            <button class=\"btn btn-outline-primary me-3\">\r\n                                Cancel\r\n                            </button>\r\n                            <!-- TODO: Using the form validation make this button enabled based on checkboxes above-->\r\n                            <router-link to=\"#TODO\" class=\"btn btn-primary\">\r\n                                Next\r\n                            </router-link>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-6 offset-sm-2\">\r\n                        <PdfViewer :pdfDetails=\"product.pdfDetails\" :height=\"700\"/>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n<style lang=\"scss\">\r\n    .prospecting-personalization {\r\n        h2 {\r\n            border-bottom: 1px solid $gray-3;\r\n            padding-bottom: 10px;\r\n        }\r\n\r\n        label{\r\n            font-weight: bold;\r\n        }\r\n    }\r\n</style>","import script from \"./ProspectingStep1PersonalizationPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProspectingStep1PersonalizationPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProspectingStep1PersonalizationPage.vue?vue&type=style&index=0&id=68da249b&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    // ProspectingStep4ReviewPage\r\n    // Step 4 of mail drops the review and check out or add to cart \r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper from '@/site/components/SelectMailListStepper';\r\n    import PdfViewer from '@/site/components/PdfViewer';\r\n\r\n    // Imports\r\n    import { reactive, onMounted } from 'vue';\r\n\r\n    import useServices from './services';\r\n\r\n    const { getProductDetails } = useServices();\r\n\r\n    // State \r\n    let product = reactive({\r\n        \"details\": {},\r\n        \"summary\":[],\r\n        \"totals\": {},\r\n        \"pdfDetails\": {}\r\n    });\r\n\r\n    // Methods\r\n    function addToCart() {\r\n        // TODO: addToCart was pressed call the API to add to cart\r\n    }\r\n\r\n    function checkout() {\r\n        // TODO: Not sure the funcationality here, do we need to add to cart than just continue on not sure how this differs from add to cart\r\n    }\r\n\r\n    function previewPdf() {\r\n        // Call the API to generate a new PDF Preview \r\n    }\r\n\r\n    // Lifecycle Hooks\r\n    onMounted(async () => {\r\n        let productResponse = await getProductDetails();\r\n\r\n        // TODO this is probably not going to be how this is returned from the API \r\n        product.details = productResponse.details;\r\n        product.summary = productResponse.summary;\r\n        product.totals = productResponse.totals;\r\n        product.pdfDetails = productResponse.pdfDetails;\r\n    });\r\n\r\n</script>\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n            <GlobalTabBar :active-id=\"TabIDs.PROSPECTING_TAB_ID\" />\r\n            <div class=\"root-page-container prospecting-review\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col\">\r\n                        <SelectMailListStepper :currentStep=\"4\" />\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row border-bottom border-gray-2 mt-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <div class=\"d-flex\">\r\n\r\n                            <div>\r\n\r\n                                <h1>Review & Add to Cart</h1>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"ms-auto\">\r\n                                {{product.details.name}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row mt-5\">\r\n\r\n                    <div class=\"col-sm-7\">\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Item</div>\r\n                            <div class=\"text-color-2\">\r\n                                {{product.details.name}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Item ID</div>\r\n                            <div class=\"text-color-2\">\r\n                                {{product.details.id}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Personalization <button class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</button></div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Frequency <button class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</button></div>\r\n                            <div class=\"text-color-2\">\r\n                                {{product.details.frequency}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Number of Mailings <button class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</button></div>\r\n                            <div class=\"text-color-2\">\r\n                                {{product.details.numberOfMailings}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Drop Start Date <button class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</button></div>\r\n                            <div class=\"text-color-2\">\r\n                                {{product.details.dropStartDate}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Total Order Count</div>\r\n                            <div class=\"text-color-2\">\r\n                                {{product.details.orderCount}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div>\r\n                            Note: Turn off Pop-up Blocker to allow for PDF previewing.\r\n                        </div>\r\n\r\n                        <div class=\"mb-5\">\r\n                            <button class=\"btn btn-primary\" @click=\"previewPdf\">Preview PDF</button>\r\n                        </div>\r\n\r\n                        <div class=\"bg-color-2-dk py-2 text-center text-gray-0\">\r\n                            Summary\r\n                        </div>\r\n\r\n                        <div>\r\n\r\n                            <table class=\"table\">\r\n\r\n                                <thead>\r\n                                    <tr class=\"bg-color-3-lt\">\r\n                                        <th class=\"border-end border-color-1\">Date Drop</th>\r\n                                        <th class=\"border-end border-color-1\">Quantity</th>\r\n                                        <th>Price</th>\r\n                                    </tr>\r\n                                </thead>\r\n\r\n                                <tbody>\r\n                                    <tr class=\"border-bottom border-gray-2\" v-for=\"drop in product.summary\" :key=\"drop.dropDate\">\r\n                                        <td>{{drop.dropDate}}</td>\r\n                                        <td>{{drop.quantity}}</td>\r\n                                        <td>{{drop.price}}</td>\r\n                                    </tr>\r\n                                    <tr>\r\n                                        <td></td>\r\n                                        <td class=\"fw-bold\">{{product.totals.quantity}}</td>\r\n                                        <td class=\"fw-bold\">Total: {{product.totals.price}}</td>\r\n                                    </tr>\r\n                                </tbody>\r\n\r\n                            </table>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mt-2 text-alert-error\">\r\n                            Pricing prior to potential applied discount.\r\n                        </div>\r\n\r\n                        <div class=\"mt-3 mb-5\">\r\n\r\n                            <!-- TODO: Add the route to previous -->\r\n                            <router-link to=\"\" class=\"btn btn-outline-primary me-3\">\r\n                                Previous\r\n                            </router-link>\r\n\r\n                            <button @click=\"addToCart\" class=\"btn btn-outline-primary me-3\">\r\n                                Add to Cart\r\n                            </button>\r\n\r\n                            <button @click=\"checkout\" class=\"btn btn-primary\">\r\n                                Add to Cart\r\n                            </button>\r\n\r\n                        </div>\r\n\r\n\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-5\">\r\n                        <PdfViewer :pdfDetails=\"product.pdfDetails\" :height=\"700\"/>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n<style lang=\"scss\">\r\n    .prospecting-review {\r\n\r\n        .btn-sm {\r\n            font-size: 0.75rem;\r\n        }\r\n        // Seems like this is coming from some auto generated bootstrap styling it is outputting...\r\n        //  .table > :not(caption) > * > * {\r\n        //      padding: 0.5rem 0.5rem;\r\n        //      background-color: var(--bs-table-bg);\r\n        //      border-bottom-width: 1px;\r\n        //      box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);\r\n        //  }\r\n        // I am overwritting it here to remove the bottom border for the table on this page\r\n        .table > :not(caption) > * > * {\r\n            border-bottom: unset;\r\n        }\r\n        // Another weird border top on the table \r\n        .table > :not(:first-child) {\r\n            border-top: unset;\r\n        }\r\n    }\r\n</style>","import script from \"./ProspectingStep4ReviewPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProspectingStep4ReviewPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProspectingStep4ReviewPage.vue?vue&type=style&index=0&id=9dacb38a&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ProspectingSelectMailScheduleStep3Page\r\n    // Determines the mail schedule for sending mailings\r\n\r\n    // Imports \r\n    import { ref } from 'vue';\r\n\r\n    // Constants \r\n    const mailingType = {\r\n        ONE_TIME: 'one time',\r\n        SEVERAL_DATES: 'several dates'\r\n    }\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n\r\n    // State \r\n    const howToSendMailing = ref(\"\");\r\n\r\n    // Methods\r\n    function sendMailing() {\r\n        // Add the API call for how to send the mailing \r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.PROSPECTING_TAB_ID\" />\r\n\r\n            <div class=\"root-page-container prospecting-select-select-mail-schedule\">\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.THREE\" />\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row mt-5\">\r\n\r\n                    <div class=\"col text-center mt-5\">\r\n\r\n                        <h1>How would you like your mailing to be sent?</h1>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col-sm-4 offset-sm-4\">\r\n\r\n                        <div class=\"form-check mt-3\">\r\n                            <input class=\"form-check-input\" v-model=\"howToSendMailing\" :value=\"mailingType.ONE_TIME\" type=\"radio\" name=\"howToSendMailing\" id=\"oneTime\">\r\n                            <label class=\"form-check-label\" for=\"oneTime\">\r\n                                Send to prospects at one time\r\n                            </label>\r\n                        </div>\r\n                        <div class=\"form-check my-3\">\r\n                            <input class=\"form-check-input\" v-model=\"howToSendMailing\" :value=\"mailingType.SEVERAL_DATES\" type=\"radio\" name=\"howToSendMailing\" id=\"severalDates\">\r\n                            <label class=\"form-check-label\" for=\"severalDates\">\r\n                                Send to prospects over several dates\r\n                            </label>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col text-center\">\r\n\r\n                        <button type=\"submit\" class=\"btn btn-primary\" @click=\"sendMailing\">Next</button>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <!-- TODO: Route to the previous page -->\r\n                        <button type=\"submit\" class=\"btn btn-outline-primary\">Previous</button>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n</PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .prospecting-select-select-mail-schedule {\r\n    }\r\n</style>","import script from \"./ProspectingSelectMailScheduleStep3Page.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProspectingSelectMailScheduleStep3Page.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProspectingSelectMailScheduleStep3Page.vue?vue&type=style&index=0&id=c45cf640&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ProspectingSelectMultipleDropsStep3Page\r\n    // Set up for multiple drops of mailings\r\n\r\n    // Imports \r\n    import { ref } from 'vue';\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n\r\n    // Constants\r\n    const frequencyOptions = {\r\n        BI_WEEKLY: 'bi-weekly',\r\n        WEEKLY: 'weekly'\r\n    }\r\n\r\n    const numberOfMailingsOptions = {\r\n        TWO: 2,\r\n        THREE: 3,\r\n        FOUR: 4\r\n    }\r\n\r\n    // State \r\n    const numberOfMailings = ref(\"\");\r\n\r\n    const frequency = ref(\"\");\r\n\r\n    // Methods \r\n    function switchToOneTime() {\r\n        // Call API to switch to One Time Mailing \r\n    }\r\n\r\n    function saveForLater() {\r\n        // TODO make the API call to save this product for later\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.PROSPECTING_TAB_ID\" />\r\n\r\n            <div class=\"root-page-container prospecting-select-multiple-drops\">\r\n                \r\n                <div class=\"row\">\r\n                    \r\n                    <div class=\"col\">\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.THREE\" />\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row border-bottom border-gray-2 mt-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <div class=\"d-flex\">\r\n                            <div>\r\n                                <h1>Multiple Drops</h1>\r\n                            </div>\r\n                            <div class=\"ms-auto pt-2\">\r\n                                <!-- TODO: output the selected product -->\r\n                                Prospecting Letter, Safeco Package (AP-9999)\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                    \r\n                </div>\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col fs-5 mt-3\">\r\n                        <a href=\"#\" class=\"no-underline\" @click=\"switchToOneTime\">Switch to One-Time Drop</a>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col-sm-4 offset-sm-4 bg-color-3-xlt text-center px-5 py-3\">\r\n\r\n                        <div class=\"mb-5\">\r\n                            <label class=\"form-label fw-bold\">Choose Frequency</label>\r\n                            <select class=\"form-select\" v-model=\"frequency\">\r\n                                <option value=\"\">Choose Frequency</option>\r\n                                <option :value=\"frequencyOptions.WEEKLY\">Weekly</option>\r\n                                <option :value=\"frequencyOptions.BI_WEEKLY\">Bi-Weekly</option>\r\n                            </select>\r\n                        </div>\r\n\r\n                        <div class=\"mb-5\">\r\n                            <label class=\"form-label fw-bold\">Choose Number of Mailings</label>\r\n                            <select class=\"form-select\" v-model=\"numberOfMailings\">\r\n                                <option value=\"\">Choose Number of Mailings</option>\r\n                                <option :value=\"numberOfMailingsOptions.TWO\">2</option>\r\n                                <option :value=\"numberOfMailingsOptions.THREE\">3</option>\r\n                                <option :value=\"numberOfMailingsOptions.FOUR\">4</option>\r\n                            </select>\r\n                        </div>\r\n\r\n                        <div class=\"mb-5\">\r\n                            <label class=\"form-label fw-bold\">Select Drop Start Date</label>\r\n                            <!-- TODO: Add the calendar input when forms are merged in -->\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <div class=\"d-flex\">\r\n                            <div class=\"p-2\">\r\n\r\n                                <!-- TODO: Add the router back link-->\r\n                                <router-link to=\"#TODO\" class=\"btn btn-outline-primary\">Previous</router-link>\r\n                            </div>\r\n                            <div class=\"ms-auto p-2\">\r\n                                <a href=\"#\" class=\"btn btn-outline-primary me-3\" @click=\"saveForLater\">Save for Later</a>\r\n                                <!-- TODO: Add the router link to the next step-->\r\n                                <router-link to=\"#TODO\" class=\"btn btn-primary\">Next</router-link>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n</PageTemplate>\r\n\r\n</template>","import script from \"./ProspectingSelectMultipleDropsStep3Page.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProspectingSelectMultipleDropsStep3Page.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    // RelationshipMarketingPage\r\n    // Landing page Relationship Marketing\r\n\r\n    // Imports\r\n    import { useRouter } from 'vue-router';\r\n    import { onMounted } from 'vue';\r\n    import { site } from '@/Site';\r\n\r\n    const router = useRouter();\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    //import HeadlineWithIcon from '@/site/components/HeadlineWithIcon';\r\n\r\n\r\n    // Methods\r\n    function subscribe() {\r\n        router.push({\r\n            name: 'ProductSearch',\r\n            query: {\r\n                'f-product-search-term': 'AP-3954M'\r\n            }\r\n        });\r\n    }\r\n\r\n    function shopNoteCards() {\r\n\r\n        router.push({\r\n            name: 'ProductSearch',\r\n            query: {\r\n                \"f-product-search-term\": 'notecard'\r\n            }\r\n        });\r\n    }\r\n\r\n    // For Adobe analytics\r\n    onMounted(async () => {\r\n        await site.analyticsHandler.push({ \"tileCode\": \"Relationship Marketing\", \"lob\": \"Retention\", \"productNames\": \"MSC_Relationship Marketing\" });\r\n    });\r\n</script>\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n            <GlobalTabBar :active-id=\"TabIDs.RETENTION_TAB_ID\" />\r\n            <div class=\"root-page-container retention-home\">\r\n                <div class=\"row align-items-start\">\r\n                    <div class=\"col-sm-6\">\r\n                        <h1 class=\"main-headline\">Retention and loyalty</h1>\r\n                        <p class=\"sub-heading\" style=\"font-size: 24px;\">Increase retention by staying top of mind with subscription-based or ad hoc relationship marketing.</p>\r\n                        <br />\r\n                        <h3 style=\"color: black;\">Automated relationship marketing cards</h3>\r\n                        <ul>\r\n                            <li>Choose a 3- or 6-month subscription of greeting cards.</li>\r\n                            <li>We'll send one seasonal card per 3-month period to customers you select.</li>\r\n                            <li>Customers who have a birthday within the subscription period will also get a birthday card.</li>\r\n                        </ul>\r\n                        <div class=\"text-left\">\r\n                            <button @click=\"subscribe()\" class=\"btn btn-primary\">Subscribe</button>\r\n                        </div>\r\n                        <br />\r\n                        <h3 style=\"color: black;\">Customizable note cards</h3>\r\n                        <ul>\r\n                            <li>Choose from thank you, birthday and seasonal messages.</li>\r\n                            <li>Most cards are blank for maximum flexibility.</li>\r\n                            <li>Select styles can be customized with your agency's contact information - just follow the steps at checkout.</li>\r\n                        </ul>\r\n                        <div class=\"text-left\">\r\n                            <button @click=\"shopNoteCards()\" class=\"btn btn-primary me-5\">Shop now</button>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-5 text-end\">\r\n                        <img src=\"/images/retention/new-year.jpg\" alt=\"new year\" class=\"img-fluid\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n    .retention-home {\r\n        ul {\r\n            padding-left: 30px;\r\n\r\n            li {\r\n                list-style-type: disc;\r\n                padding-left: 0px;\r\n                margin-bottom: 10px;\r\n                line-height: 1.5;\r\n            }\r\n        }\r\n\r\n        .text-center img {\r\n            max-width: 100%; // Make the image responsive\r\n            height: auto; // Maintain aspect ratio\r\n        }\r\n    }\r\n</style>\r\n","import script from \"./RelationshipMarketingPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./RelationshipMarketingPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./RelationshipMarketingPage.vue?vue&type=style&index=0&id=b808caf2&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-b808caf2\"]])\n\nexport default __exports__","<script setup>\r\n\r\n    // CallToActionImage\r\n    // Call to action image on the sidebar. Takes an image, link and button text as props.\r\n    import { defineProps } from 'vue';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        imageUrl: {\r\n            type: String,\r\n            required: true\r\n        },\r\n        linkUrl: {\r\n            type: [String, Object],\r\n            required: false\r\n        },\r\n        buttonText: {\r\n            type: String,\r\n            required: false\r\n        }\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"call-to-action-image text-center\">\r\n\r\n        <img :src=\"props.imageUrl\" class=\"img-fluid\" :alt=\"props.buttonText\"/>\r\n\r\n        <div class=\"button-container\">\r\n            <router-link class=\"btn btn-primary\" :to=\"props.linkUrl\" :title=\"props.buttonText\">{{buttonText}}</router-link>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .call-to-action-image {\r\n        .button-container{\r\n            padding:20px 10px;\r\n            background: $color-1;\r\n        }\r\n    }\r\n</style>","import script from \"./CallToActionImage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CallToActionImage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CallToActionImage.vue?vue&type=style&index=0&id=5515f002&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // RoyaltyLoyaltyMovingPage\r\n    // Landing page Royalty & Loyalty Moving with Safeco\r\n\r\n    // Imports\r\n    import { ProductSearchTerm } from '@/constants'\r\n    import { onMounted } from 'vue';\r\n    import { site } from '@/Site'\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import CallToActionImage from '@/site/components/CallToActionImage';\r\n    import IconPanel from '@/site/components/IconPanel';\r\n    import LinkItem from '@/site/components/LinkItem';\r\n    import HeadlineWithIcon from '@/site/components/HeadlineWithIcon';\r\n\r\n   \r\n    // For Adobe analytics\r\n    onMounted(async () => {\r\n        await site.analyticsHandler.push({ \"tileCode\": \"Moving\", \"lob\": \"Retention\", \"productNames\": \"MSC_Moving\" });\r\n    });\r\n</script>\r\n\r\n<template>\r\n\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.RETENTION_TAB_ID\" />\r\n\r\n            <div class=\"root-page-container royalty-loyalty-moving\">\r\n\r\n                <div class=\"row mb-5\">\r\n\r\n                    <div class=\"col-sm-8\">\r\n\r\n                        <div class=\"row\">\r\n\r\n                            <HeadlineWithIcon iconPath=\"/images/icons/real-estate-icon.png\" title=\"Moving with Safeco\" subTitle=\"Identify customers whose insurance needs may be changing.\" />\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row mt-3\">\r\n\r\n                            <div class=\"col\">\r\n                                <p>\r\n                                    The Moving with Safeco Program can help you boost retention by keeping in touch with your customers and staying on top of their changing insurance needs. Every month, Safeco will notify you via email if one of your customers' insurance needs may be changing. This is an excellent opportunity to engage in an Insurance Check-up.\r\n                                </p>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row\">\r\n\r\n                            <div class=\"col\">\r\n\r\n                                <hr />\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row mt-3\">\r\n\r\n                            <div class=\"col\">\r\n\r\n                                <h2>How it works</h2>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row how-it-works\">\r\n\r\n                            <div class=\"col text-center\">\r\n\r\n                                <img src=\"/images/retention/moving-step1.png\" class=\"img-fluid\" alt=\"step 1\" />\r\n\r\n                                <p class=\"text-start\">\r\n                                    <strong>1. </strong> Each month, Safeco searches for your current customers whose insurance needs may be changing.\r\n                                </p>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"col text-center\">\r\n\r\n                                <img src=\"/images/retention/moving-step2.png\" class=\"img-fluid\" alt=\"step 2\" />\r\n                                <!-- TODO: link to the product/asset when it is loaded -->\r\n                                <p class=\"text-start\">\r\n                                    <strong>2. </strong> If your customer(s) are identified, Safeco will send you an email with a link to access your \"Moving With Safeco List\".\r\n                                </p>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"col text-center\">\r\n\r\n                                <img src=\"/images/retention/moving-step3.png\" class=\"img-fluid\" alt=\"step 3\" />\r\n                                <!-- TODO: link to the product/asset when it is loaded -->\r\n                                <p class=\"text-start\">\r\n                                    <strong>3. </strong> Once you click on the link, you can view your <router-link to=\"/retention/moving/list\" class=\"no-underline fw-bold\">Moving with Safeco Customer List</router-link>. You can also review this list anytime.\r\n                                </p>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"col text-center\">\r\n\r\n                                <img src=\"/images/retention/moving-step4.png\" class=\"img-fluid\" alt=\"step 4\" />\r\n                                <!-- TODO: link to the product/asset when it is loaded -->\r\n                                <p class=\"text-start\">\r\n                                    <strong>4. </strong> Use our helpful tools, including the <router-link :to=\"`/products?f-product-search-term=${ProductSearchTerm.INSURANCE_CHECKUP_FORM}&active-tab=${TabIDs.RETENTION_TAB_ID}`\" class=\"no-underline fw-bold\">Insurance Check-Up Form</router-link> to follow-up with your customers.\r\n                                </p>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"col-sm\">\r\n                        <CallToActionImage class=\"ps-3\" imageUrl=\"/images/retention/moving-with-safeco.jpg\" linkUrl=\"/retention/moving/list\" buttonText=\"View My Moving with Safeco List\" />\r\n                        \r\n                        <!-- TODO: We need to add the correct routes and will likely have 2 more links -->\r\n                        <!-- NOTE from creative: We need to align these two links with what is in the BRD (annual auto reporting).-->\r\n                        <IconPanel class=\"mt-5\" title=\"Moving with Safeco resources\" icon=\"/images/icons/search-icon.png\">\r\n                            <LinkItem class=\"mb-3\" title=\"Personalize and Download the Insurance Check-Up Form\" :link=\"{ path: '/products', query: { 'f-product-search-term': ProductSearchTerm.INSURANCE_CHECKUP_FORM, 'active-tab': TabIDs.RETENTION_TAB_ID }}\" :isExternal=\"false\" :openNewWindow=\"false\" />\r\n                            <LinkItem class=\"mb-3\" title=\"Personalize and Download the Insurance Check-Up Poster\" :link=\"{ path: '/products', query: { 'f-product-search-term': ProductSearchTerm.INSURANCE_CHECKUP_POASTER, 'active-tab': TabIDs.RETENTION_TAB_ID }}\" :isExternal=\"false\" :openNewWindow=\"false\" />\r\n                            <LinkItem class=\"mb-3\" title=\"Download the Moving with Safeco Brochure Sheet\" :link=\"{ path: '/products', query: { 'f-product-search-term': ProductSearchTerm.MOVING_WITH_SAFECO, 'active-tab': TabIDs.RETENTION_TAB_ID }}\" :isExternal=\"false\" :openNewWindow=\"false\" />\r\n                        </IconPanel>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .royalty-loyalty-moving {\r\n\r\n        .how-it-works {\r\n\r\n            p {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            p strong {\r\n                color: $color-2;\r\n                font-size: 1.25rem\r\n            }\r\n        }\r\n    }\r\n</style>","import script from \"./RoyaltyLoyaltyMovingPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./RoyaltyLoyaltyMovingPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./RoyaltyLoyaltyMovingPage.vue?vue&type=style&index=0&id=30183ee0&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // RoyaltyLoyaltyWinBackPage\r\n    // Landing page Royalty & Loyalty > Win Back\r\n\r\n    //Imports\r\n    import { reactive, onMounted, computed } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { ProductFormat, ProductSearchTerm, ProductTatic,ReportName} from '@/constants'\r\n\r\n\r\n\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import CallToActionImage from '@/site/components/CallToActionImage';\r\n    import IconPanel from '@/site/components/IconPanel';\r\n    import LinkItem from '@/site/components/LinkItem';\r\n    import HeadlineWithIcon from '@/site/components/HeadlineWithIcon';\r\n    import { isEmpty } from '@/util';\r\n\r\n    \r\n\r\n    // State\r\n    const selectedAgencyDetails = reactive(site.agencyDetails.selectedAgencyDetails);\r\n\r\n    const userReportDetails = reactive({});\r\n    const winCustReport=reactive({});\r\n    const url = '/report/detail/{id}';\r\n\r\n    // Computed ----\r\n    const winbackCustUrl = computed(() => {\r\n        return url.replace('{id}', winCustReport.value);\r\n    });\r\n    \r\n    onMounted(async () => {\r\n        Object.assign(userReportDetails, await site.reporting.getUserReportDetail());\r\n        if (!isEmpty(userReportDetails) && !isEmpty(userReportDetails.reports)) {\r\n            winCustReport.value = userReportDetails.reports.find(r => r.name == ReportName.WIN_BACK_AUTO_CUSTOMER_LIST)?.id;\r\n        }\r\n\r\n       // For Adobe analytics\r\n       await site.analyticsHandler.push({ \"tileCode\": \"Win Back\", \"lob\": \"Retention\", \"productNames\": \"MSC_Win Back\" });\r\n    });\r\n</script>\r\n\r\n<template>\r\n\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.RETENTION_TAB_ID\" />\r\n\r\n            <div class=\"root-page-container royalty-loyalty-win-back\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col-sm-8\">\r\n\r\n                        <div class=\"row\">\r\n\r\n                            <HeadlineWithIcon iconPath=\"/images/icons/partnership-icon.png\" title=\"Win Back Program\" subTitle=\"Grow your business by winning back former auto customers.\" />\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row mt-3\">\r\n\r\n                            <div class=\"col\">\r\n                                \r\n                                <p>Not all new business has to come from new customers. The Safeco Win Back Program is designed to help you increase new business by \"winning back\" former Safeco auto customers. Safeco can provide your agency with information on former auto customers in an effort to win them back. Safeco's Win Back direct mailer can also be mailed to a list of former customers that you provide.  </p>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row\">\r\n\r\n                            <div class=\"col\">\r\n\r\n                                <hr />\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n                        \r\n                        <div class=\"row mt-3\">\r\n\r\n                            <div class=\"col\">\r\n\r\n                                <h2>How it works</h2>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row how-it-works mb-5\">\r\n\r\n                            <div class=\"col text-center\">\r\n\r\n                                <img src=\"/images/retention/win-back-step1.png\" class=\"img-fluid\" alt=\"step 1\" />\r\n\r\n                                <p class=\"text-start\">\r\n                                    <span>1. </span> Safeco compiles and provides you with a  list of former auto  customers over the past 30 days and up to 3 years.\r\n                                </p>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"col text-center\">\r\n\r\n                                <img src=\"/images/retention/win-back-step2.png\" class=\"img-fluid\" alt=\"step 2\" />\r\n\r\n                                <p class=\"text-start\">\r\n                                    <span>2. </span> From this list, you can select which customers you'd like to contact based on loyalty indicators, renewal indicators and their cancellation month. <strong>Hint:</strong> you can upload and use your own list.\r\n                                </p>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"col text-center\">\r\n\r\n                                <img src=\"/images/retention/win-back-step3.png\" class=\"img-fluid\" alt=\"step 3\" />\r\n\r\n                                <p class=\"text-start\">\r\n                                    <span>3. </span> Safeco provides a letter template that highlights the benefits of you and Safeco Insurance that you can personalize to leverage your past relationship with the customer.\r\n                                </p>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"col text-center\">\r\n\r\n                                <img src=\"/images/retention/win-back-step4.png\" class=\"img-fluid\" alt=\"step 4\" />\r\n\r\n                                <p class=\"text-start\">\r\n                                    <span>4. </span> Once you place your order, Safeco will mail the letter on the 13th of the following month. The list is updated monthly, so be sure to check back regularly.\r\n                                </p>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"col-sm\">\r\n                        <!-- NOTE from creative: will take user to the 3 DM assets -->\r\n                        <!--<CallToActionImage class=\"ps-3\" imageUrl=\"/images/retention/win-back.jpg\" :linkUrl=\"{path: '/products', query: { 'f-product-data-list-type': DataListType.WINBACK, 'f-product-state': selectedAgencyDetails.state, 'active-tab': TabIDs.RETENTION_TAB_ID }}\" buttonText=\"Place Win Back Order\" /> -->\r\n                        <CallToActionImage class=\"ps-3\" imageUrl=\"/images/retention/win-back.jpg\" :linkUrl=\"{path: '/products', query: { 'f-product-tatic': ProductTatic.WINBACK, 'f-product-state': selectedAgencyDetails.state, 'active-tab': TabIDs.RETENTION_TAB_ID }}\" buttonText=\"Place Win Back Order\" />\r\n\r\n                        <IconPanel class=\"mt-5\" title=\"Win Back resources\" icon=\"/images/icons/search-icon.png\">\r\n                            <LinkItem class=\"mb-3\" title=\"Win Back Program Overview\" :link=\"{path: '/products', query: { 'f-product-search-term': ProductSearchTerm.WINBACK_OVERVIEW, 'active-tab': TabIDs.RETENTION_TAB_ID }}\" :isExternal=\"false\" :openNewWindow=\"false\" />\r\n                            <!-- <LinkItem class=\"mb-3\" title=\"Win Back Letters and Postcard\" :link=\"{path: '/products', query: { 'f-product-data-list-type': DataListType.WINBACK, 'f-product-state': selectedAgencyDetails.state, 'f-product-format': ProductFormat.LETTER, 'active-tab': TabIDs.RETENTION_TAB_ID }}\" :isExternal=\"false\" :openNewWindow=\"false\" /> -->\r\n                            <LinkItem class=\"mb-3\" title=\"Win Back Letter\" :link=\"{path: '/products', query: { 'f-product-tatic': ProductTatic.WINBACK, 'f-product-state': selectedAgencyDetails.state, 'f-product-format': ProductFormat.LETTER, 'active-tab': TabIDs.RETENTION_TAB_ID }}\" :isExternal=\"false\" :openNewWindow=\"false\" />\r\n                        </IconPanel>\r\n\r\n                        <!-- TODO: We need to add the correct routes -->\r\n                        <IconPanel class=\"mt-3\" title=\"Win Back lists\" icon=\"/images/icons/newsletter-newspaper-icon.png\">\r\n                            <LinkItem class=\"mb-3\" title=\"Win Back Customer List\" :link=\"winbackCustUrl\"  :openNewWindow=\"false\" />\r\n                            <LinkItem class=\"mb-3\" title=\"View Win Back Mailing List\" link=\"/account/order-history\" :isExternal=\"false\" :openNewWindow=\"false\" />\r\n                        </IconPanel>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .royalty-loyalty-win-back {\r\n\r\n        .how-it-works{\r\n\r\n            p{\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            p span{\r\n                color: $color-2;\r\n                font-size: 1.25rem;\r\n                font-weight: bold;\r\n            }\r\n        }\r\n    }\r\n</style>","import script from \"./RoyaltyLoyaltyWinBackPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./RoyaltyLoyaltyWinBackPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./RoyaltyLoyaltyWinBackPage.vue?vue&type=style&index=0&id=7e328549&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // RoyaltyLoyaltyClientReferralPage\r\n    // Landing page client referrals \r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import CallToActionImage from '@/site/components/CallToActionImage';\r\n    import HeadlineWithIcon from '@/site/components/HeadlineWithIcon';\r\n\r\n    // Imports\r\n    import { ProductSearchTerm } from '@/constants'\r\n    import { onMounted } from 'vue';\r\n    import { site } from '@/Site'\r\n\r\n   // For Adobe analytics\r\n    onMounted(async () => {\r\n        await site.analyticsHandler.push({ \"tileCode\": \"Client Referral\", \"lob\": \"Retention\" ,\"productNames\": \"MSC_Client Referral\" });\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.RETENTION_TAB_ID\" />\r\n\r\n            <div class=\"root-page-container royalty-loyalty-client-referral\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col-sm-8\">\r\n\r\n                        <div class=\"row\">\r\n\r\n                            <HeadlineWithIcon iconPath=\"/images/icons/teamwork-icon.png\" title=\"Client Referral Program\" subTitle=\"Safeco’s Client Referral Program\" />\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row mt-3\">\r\n\r\n                            <div class=\"col\">\r\n\r\n                                <p>Referrals are the number one source for new business for most agencies. In fact, nothing carries more weight with potential clients than a positive referral from someone they know and trust.   Safeco’s Referral Program provides a toolkit of resources that help agents generate new business from within - and strengthen your existing relationships.</p>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row mt-2\">\r\n\r\n                            <div class=\"col\">\r\n\r\n                                <div class=\"d-flex justify-content-evenly\">\r\n\r\n                                    <div class=\"fw-bold\"><img src=\"/images/icons/teal-checkmark-icon.png\" /> Grow your book</div>\r\n                                    <div class=\"fw-bold\"><img src=\"/images/icons/teal-checkmark-icon.png\" /> Increase profitability</div>\r\n                                    <div class=\"fw-bold\"><img src=\"/images/icons/teal-checkmark-icon.png\" /> Close more business</div>\r\n\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row my-5\">\r\n\r\n                            <div class=\"col\">\r\n\r\n                                <hr />\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row\">\r\n\r\n                            <div class=\"col\">\r\n\r\n                                <h2>How it works</h2>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row how-it-works\">\r\n\r\n                            <div class=\"col-sm-4 text-center\">\r\n\r\n                                <img src=\"/images/retention/client-referral-step1.png\" class=\"img-fluid\" />\r\n\r\n                                <p class=\"text-start\">\r\n                                    <strong><span class=\"heading\">1. </span> Communication Strategy  </strong>\r\n                                        Add a referral program to your customer communication strategy - such as Insurance Check-up, email correspondence, or a monthly/quarterly newsletter.\r\n</p>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"col-sm-4 text-center\">\r\n\r\n                                <img src=\"/images/retention/client-referral-step2.png\" class=\"img-fluid\" />\r\n\r\n                                <p class=\"text-start\">\r\n                                    <strong><span class=\"heading\">2.</span> Customize your Style</strong>\r\n                                    Your style of communication drives the quantity of referrals. Share personal stories about you and your team outside of work, such as: volunteer efforts, community involvement, and sponsorships. <strong>Hint:</strong> The more your customers know about you, the more they can and will share with their friends and family.\r\n                                </p>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"col-sm-4 text-center\">\r\n\r\n                                <img src=\"/images/retention/client-referral-step3.png\" class=\"img-fluid\" />\r\n\r\n                                <p class=\"text-start\">\r\n                                    <strong><span class=\"heading\">3.</span> Leverage your Customers</strong>\r\n                                    Your customers already know and trust you. Encourage them to spread the word to their friends and family with the Safeco Client Referral Program.\r\n                                </p>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                       \r\n\r\n                    </div>\r\n\r\n                    <div class=\"col-sm\">\r\n\r\n                        <CallToActionImage  class=\"ps-3\" imageUrl=\"/images/retention/client-referral.jpg\" :linkUrl=\"{ path: '/products', query: { 'f-product-search-term': ProductSearchTerm.Client_Referral, 'active-tab': TabIDs.RETENTION_TAB_ID }}\" buttonText=\"View All Client Referral Program Materials\" />\r\n                        \r\n                    </div>\r\n\r\n                </div>\r\n            \r\n            </div>\r\n\r\n        </div>\r\n\r\n    </PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .royalty-loyalty-client-referral {\r\n\r\n        .how-it-works {\r\n\r\n            p {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            p .heading {\r\n                color: $color-2;\r\n                font-size: 1.25rem\r\n            }\r\n        }\r\n    }\r\n</style>","import script from \"./RoyaltyLoyaltyClientReferralPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./RoyaltyLoyaltyClientReferralPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./RoyaltyLoyaltyClientReferralPage.vue?vue&type=style&index=0&id=5733ac78&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // RoyaltyLoyaltyInsuranceCheckUpPage\r\n    // Landing page Royalty & Loyalty > Insurance Check-up\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import CallToActionImage from '@/site/components/CallToActionImage';\r\n    import IconPanel from '@/site/components/IconPanel';\r\n    import LinkItem from '@/site/components/LinkItem';\r\n\r\n    // Imports\r\n    import { ProductSearchTerm } from '@/constants'\r\n    import { onMounted } from 'vue';\r\n    import { site } from '@/Site'\r\n\r\n   // For Adobe analytics\r\n    onMounted(async () => {\r\n        await site.analyticsHandler.push({ \"tileCode\": \"Insurance Check-up\", \"lob\": \"Retention\" ,\"productNames\": \"MSC_Insurance Check-up\" });\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.RETENTION_TAB_ID\" />\r\n\r\n            <div class=\"root-page-container royalty-loyalty-insurance-check-up\">\r\n\r\n                <div class=\"row mb-5\">\r\n\r\n                    <div class=\"col-sm-8\">\r\n\r\n                        <div class=\"row\">\r\n                            \r\n                            <!-- TOOD: Move this headline to the headlineIcon component when merged together -->\r\n\r\n                            <div class=\"d-flex align-items-center\">\r\n\r\n                                <div class=\"flex-shrink-0\">\r\n\r\n                                    <img src=\"/images/icons/checklist-icon.png\" alt=\"Insurance Check-Up\" class=\"img-fluid\" />\r\n\r\n                                </div>\r\n\r\n                                <div class=\"flex-grow-1 ms-3\">\r\n\r\n                                    <h1>Insurance Check-Up</h1>\r\n                                    <p class=\"fw-bold\">Review a customer's needs, discuss policy changes and explore coverage options.</p>\r\n\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row mt-3\">\r\n\r\n                            <div class=\"col\">\r\n\r\n                                <p>\r\n                                    An Insurance Check-Up is a great way to make sure your customers have all the coverage they need. This useful tool can also help drive new business, uncover opportunities to Cross-sell and provide additional coverage to existing customers. Plus, by proactively addressing a customer's changing needs, you can form stronger relationships and increase retention.\r\n                                </p>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row\">\r\n\r\n                            <div class=\"col\">\r\n\r\n                                <hr />\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row mt-3\">\r\n\r\n                            <div class=\"col\">\r\n\r\n                                <h2>How it works</h2>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"row how-it-works\">\r\n\r\n                            <div class=\"col text-center\">\r\n\r\n                                <img src=\"/images/retention/check-up-step1.png\" class=\"img-fluid\" alt=\"step 1\" />\r\n\r\n                                <p class=\"text-start\">\r\n                                    <span>1. </span> Select the Insurance Check-Up form.\r\n                                </p>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"col text-center\">\r\n\r\n                                <img src=\"/images/retention/check-up-step2.png\" class=\"img-fluid\" alt=\"step 2\" />\r\n\r\n                                <p class=\"text-start\">\r\n                                    <span>2. </span> Use the form to help uncover gaps in a customer's coverage.\r\n                                </p>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"col text-center\">\r\n\r\n                                <img src=\"/images/retention/check-up-step3.png\" class=\"img-fluid\" alt=\"step 3\" />\r\n\r\n                                <p class=\"text-start\">\r\n                                    <span>3. </span> Identify new business opportunities by reaching out to your customers to discuss potential savings.\r\n                                </p>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"col-sm\">\r\n                        <!-- TODO: Need to add the correct link -->\r\n                        <!-- NOTE from creative: will take user to the 3 DM assets -->\r\n                        <CallToActionImage class=\"ps-3\" imageUrl=\"/images/retention/insurance-checkup.jpg\" :linkUrl=\"{ path: '/products', query: { 'f-product-search-term': ProductSearchTerm.INSURANCE_CHECKUP_FORM, 'active-tab': TabIDs.RETENTION_TAB_ID }}\" buttonText=\"Personalize & Download Insurance Check-Up Form\" />\r\n\r\n                        <!-- TODO: We need to add the correct routes -->\r\n                        <IconPanel class=\"mt-5\" title=\"Insurance Check-Up resources\" icon=\"/images/icons/search-icon.png\">\r\n                            <LinkItem class=\"mb-3\" title=\"Personalize and Download the Insurance Check-Up Poster\" :link=\"{ path: '/products', query: { 'f-product-search-term': ProductSearchTerm.INSURANCE_CHECKUP_POASTER, 'active-tab': TabIDs.RETENTION_TAB_ID }}\" :isExternal=\"false\" :openNewWindow=\"false\" />\r\n                            <LinkItem class=\"mb-3\" title=\"Personalize and Download the Insurance Check-Up Form\" :link=\"{ path: '/products', query: { 'f-product-search-term': ProductSearchTerm.INSURANCE_CHECKUP_FORM, 'active-tab': TabIDs.RETENTION_TAB_ID }}\" :isExternal=\"false\" :openNewWindow=\"false\" />\r\n                        </IconPanel>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .royalty-loyalty-insurance-check-up {\r\n\r\n        .how-it-works {\r\n\r\n            p {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            p span {\r\n                color: $color-2;\r\n                font-size: 1.25rem\r\n            }\r\n        }\r\n    }\r\n</style>","import script from \"./RoyaltyLoyaltyInsuranceCheckUpPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./RoyaltyLoyaltyInsuranceCheckUpPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./RoyaltyLoyaltyInsuranceCheckUpPage.vue?vue&type=style&index=0&id=ba0c67fc&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // MovingWithSafecoListPage\r\n    // Displays the lists for moving with safeco\r\n\r\n    // Constants ----\r\n    const constants = {\r\n        DEFAULT_PAGE_SIZE: 12\r\n    }\r\n\r\n    const columns = [\r\n        { field: 'actions', title: 'View List', custom: true },\r\n        { field: 'date', title: 'List Date', custom: true },\r\n        { field: 'count', title: 'Records' },\r\n        { field: 'export', title: 'Export', custom: true },\r\n    ];\r\n\r\n    const fieldsMapper = {\r\n        agencyCode: \"Agency Code\",\r\n        recordDate: \"Record Date\",\r\n        referenceId: \"Reference ID\",\r\n        policy: \"Policy #\",\r\n        type: \"Policy Type\",\r\n        firstName: \"First Name\",\r\n        lastName: \"Last Name\",\r\n        address1: \"Policy Address 1\",\r\n        address2: \"Policy Address 2\",\r\n        city: \"Policy City\",\r\n        state:\"Policy State\",\r\n        zip:\"Policy Zip\",\r\n        phone:\"Policy Phone\",\r\n        forwardAddress1:\"Forwarding Address 1\",\r\n        forwardAddress2:\"Forwarding Address 2\",\r\n        forwardCity:\"Forwarding City\",\r\n        forwardState:\"Forwarding State\",\r\n        forwardZip:\"Forwarding Zip\",\r\n        forwardPhone:\"Forwarding Phone\",\r\n        moveSource:\"Move Source\",\r\n        moveType:\"Move Type\",\r\n        moveDate:\"Move Date\",\r\n        comments: \"Comments\"\r\n    }\r\n\r\n    // Imports ----\r\n    import { ref, reactive, computed, watch , onMounted } from 'vue';\r\n    import { Search } from '@dd-nucleus/nucleus-vue';\r\n    import { ExportParser } from \"@/site/services/ExportParser\";\r\n    import useEventsBus from '@/site/services/EventBus';\r\n    import { site } from '@/Site';\r\n\r\n    const { bus } = useEventsBus();\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import TableSkeleton from '@/site/components/skeleton/TableSkeleton';\r\n\r\n    // State ----\r\n    const showSearch = ref(true);\r\n\r\n    let header = ref('test');\r\n\r\n    const search = new Search('retention-list-moving-with-safeco-search', 'tile', 'date-desc', constants.DEFAULT_PAGE_SIZE);\r\n\r\n    const listDetails = reactive([]);\r\n\r\n    // Methods ----\r\n    function viewDetails(date) {\r\n\r\n        header.value = formateDate(date);\r\n\r\n        // Reset the list every click\r\n        listDetails.length = 0;\r\n\r\n        search.results.rows.forEach((item) => {\r\n            \r\n            if (item.date == date) {\r\n                Object.assign(listDetails, item.records)\r\n            }\r\n        });\r\n    }\r\n\r\n    function exportCSVList(date) {\r\n\r\n        // Reset the list every click\r\n        listDetails.length = 0;\r\n\r\n        search.results.rows.forEach((item) => {\r\n\r\n            if (item.date == date) {\r\n                Object.assign(listDetails, item.records)\r\n            }\r\n        });\r\n\r\n        exportCSV();\r\n    }\r\n\r\n    function exportXLSList(date) {\r\n\r\n        // Reset the list every click\r\n        listDetails.length = 0;\r\n\r\n        search.results.rows.forEach((item) => {\r\n\r\n            if (item.date == date) {\r\n                Object.assign(listDetails, item.records)\r\n            }\r\n        });\r\n\r\n        exportXLS();\r\n    }\r\n\r\n    function exportCSV() {\r\n        ExportParser().exportCSVFromJSON(listDetails, null, null, fieldsMapper);\r\n    }\r\n\r\n    function exportXLS() {\r\n        ExportParser().exportXLSFromJSON(listDetails, null, null, fieldsMapper);\r\n    }\r\n\r\n\r\n    function formateDate(date) {\r\n        const d = new Date(date);\r\n        const ye = new Intl.DateTimeFormat('en', { year: 'numeric' }).format(d);\r\n        const mo = new Intl.DateTimeFormat('en', { month: 'short' }).format(d);\r\n        return `${mo} ${ye}`;\r\n    }\r\n\r\n\r\n    // Computed\r\n    const listLength = computed(() => {\r\n        return listDetails.length;\r\n    });\r\n\r\n    const numberofLists = computed(() => {\r\n        return search.results.rows.length;\r\n    });\r\n\r\n    // Event Bus ---\r\n    watch(() => bus.value.get('changeAgency'), () => {\r\n        showSearch.value = false;\r\n        listDetails.length = 0;\r\n        setTimeout(() => {\r\n            showSearch.value = true;\r\n        }, 500);\r\n\r\n        \r\n    });\r\n\r\n    // For Adobe analytics\r\n    onMounted(async () => {\r\n        await site.analyticsHandler.push({ \"tileCode\": \"Moving\", \"lob\": \"Reports\", \"productNames\": \"MSC_Moving\" });\r\n    });\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.RETENTION_TAB_ID\" />\r\n\r\n            <div class=\"root-page-container retention-moving\">\r\n\r\n                <div class=\"row mb-3\">\r\n                    <div class=\"col\">\r\n                        <h1 class=\"fw-normal mb-3\">Moving With Safeco List</h1>\r\n                        <h2>How to use this list:</h2>\r\n                        <p>Identify customers whose insurance needs may be changing. The MWS program helps identify customers whose insurance needs may be changing. The monthly lists help identify those customers who may be in need of an Insurance Check-Up in that month. We suggest you follow-up with these customers to ensure they have the right coverage for their current circumstance. The lists do not change month over month, only current month's list is added.</p>\r\n                        <p>If you have any questions, please contact your TM or call the help desk at (800) 845-9860.</p>\r\n                    </div>\r\n                </div>\r\n\r\n                <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"true\" v-if=\"showSearch\">\r\n\r\n                    <div class=\"row\">\r\n\r\n                        <div class=\"col-6 border-end pe-5\">\r\n                            <div class=\"d-flex mb-3\">\r\n                                <div>\r\n                                    <h2>Moving With Safeco List</h2>\r\n                                </div>\r\n                                <div class=\"ms-auto\">\r\n                                    {{numberofLists}} Lists\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"data-table\">\r\n                                <SearchTable :columns=\"columns\">\r\n\r\n                                    <!-- Action column -->\r\n                                    <template v-slot:actions=\"row\">\r\n                                        <a class=\"no-underline\" @click=\"viewDetails(row.date)\">View Details</a>\r\n                                    </template>\r\n\r\n                                    <template v-slot:date=\"row\">\r\n                                        {{formateDate(row.date)}}\r\n                                    </template>\r\n\r\n                                    <template v-slot:export=\"row\">\r\n                                        <a class=\"no-underline\" @click=\"exportCSVList(row.date)\">CSV</a> |\r\n                                        <a class=\"no-underline\" @click=\"exportXLSList(row.date)\">Excel</a>\r\n                                    </template>\r\n\r\n                                    <!-- Template for no results -->\r\n                                    <template #empty>\r\n                                        No Moving With Safeco Lists were found that match your criteria.\r\n                                    </template>\r\n\r\n                                    <!-- Template while results are initially loading -->\r\n                                    <template #loading>\r\n                                        <TableSkeleton />\r\n                                    </template>\r\n                                </SearchTable>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-6 ps-5\" v-if=\"listDetails.length > 0\">\r\n                            <div class=\"d-flex mb-3\">\r\n                                <div>\r\n                                    <h2>Records for {{header}}</h2>\r\n                                </div>\r\n                                <div class=\"ms-auto\">\r\n                                    <i @click=\"exportXLS\" title=\"Download in Excel format\" class=\"bi bi-filetype-xls me-3 fs-2\"></i>\r\n                                    <i @click=\"exportCSV\" title=\"Download in CSV format\" class=\"bi bi-filetype-csv me-3 fs-2\"></i>\r\n                                    {{listLength}} Records\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"data-table\">\r\n                                <table class=\"n-search-table table table-striped\">\r\n                                    <thead>\r\n                                        <tr>\r\n                                            <th class=\"col-head\" scope=\"col\">Policy #</th>\r\n                                            <th class=\"col-head\" scope=\"col\">Policy Type</th>\r\n                                            <th class=\"col-head\" scope=\"col\">First Name</th>\r\n                                            <th class=\"col-head\" scope=\"col\">Last Name</th>\r\n                                        </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                        <tr v-for=\"list in listDetails\" :key=\"list.agencyCode\">\r\n                                            <td>{{list.policy}}</td>\r\n                                            <td>{{list.type}}</td>\r\n                                            <td>{{list.firstName}}</td>\r\n                                            <td>{{list.lastName}}</td>\r\n                                        </tr>\r\n                                    </tbody>\r\n                                </table>\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </SearchContainer>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .retention-moving {\r\n        .bi {\r\n            color: $color-2;\r\n        }\r\n    }\r\n</style>","import script from \"./MovingWithSafecoListPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MovingWithSafecoListPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MovingWithSafecoListPage.vue?vue&type=style&index=0&id=3c6f2f69&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // RoyaltyLoyaltyAnnulaAutoViewListPage\r\n    // View the lists for Annual Auto opportunites\r\n\r\n    // Constants ----\r\n    const constants = {\r\n        DEFAULT_PAGE_SIZE: 50\r\n    }\r\n\r\n    const pageSizeOptions = [25, 50, 100, 200];\r\n\r\n    const annualAutoColumns = [\r\n        { field: 'agencyNumber', title: 'Sub Code', isSortable: true, custom: true, formatter: (value) => formatStatCode(value) },\r\n        { field: 'policyNumber', title: 'Policy #', isSortable: true },\r\n        { field: 'renewalDate', title: 'Renewal Date', custom: true, isSortable: true, formatter: (value) => formatDate(value) },\r\n        { field: 'policyType', title: 'Current Policy Type', isSortable: false },\r\n        { field: 'firstName', title: 'First Name', isSortable: true },\r\n        { field: 'middleName', title: 'Middle Name', isSortable: false },\r\n        { field: 'lastName', title: 'Last Name', isSortable: true },\r\n        { field: 'address1', title: 'Address 1', isSortable: true },\r\n        { field: 'address2', title: 'Address 2', isSortable: true },\r\n        { field: 'city', title: 'City', isSortable: true },\r\n        { field: 'state', title: 'State', isSortable: true },\r\n        { field: 'zip', title: 'Zip', isSortable: true },\r\n        { field: 'recommendedIndicator', title: 'Recommended Indicator', isSortable: true },\r\n        { field: 'youngDriverIndicator', title: 'Young Driver Indicator', isSortable: false },\r\n        { field: 'meritIndicator', title: 'Merit Indicator', isSortable: false },\r\n    ];\r\n\r\n    const customersUpRenewalColumns = [\r\n        { field: 'statCode', title: 'Sub Code', isSortable: true, custom: true, formatter: (value) => formatStatCode(value) },\r\n        { field: 'policyNumber', title: 'Policy #', isSortable: true },\r\n        { field: 'renewalDate', title: 'Renewal Date', custom: true, isSortable: true, formatter: (value) => formatDate(value) },\r\n        { field: 'policyType', title: 'Current Policy Type', isSortable: true },\r\n        { field: 'firstName', title: 'First Name', isSortable: true },\r\n        { field: 'middleName', title: 'Middle Name', isSortable: true },\r\n        { field: 'lastName', title: 'Last Name', isSortable: true },\r\n        { field: 'address1', title: 'Address 1', isSortable: true },\r\n        { field: 'address2', title: 'Address 2', isSortable: true },\r\n        { field: 'city', title: 'City', isSortable: true },\r\n        { field: 'state', title: 'State', isSortable: true },\r\n        { field: 'zip', title: 'Zip', isSortable: true },\r\n    ]\r\n\r\n    // Import ----\r\n    import { computed, ref } from 'vue';\r\n    import { Indicators } from '@/constants'\r\n    import { Search } from '@dd-nucleus/nucleus-vue';\r\n    import { useRoute, useRouter } from 'vue-router';\r\n    import { ExportParser } from \"@/site/services/ExportParser\";\r\n    import { retentionTypes } from '@/site/components/OpportunitiesTile';\r\n    import { site } from '@/Site';\r\n    import { formatStatCode, getFieldsMapperFromColumns, beforeTableEncode } from '@/util';\r\n\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n\r\n    // Components ----\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import TableSkeleton from '@/site/components/skeleton/TableSkeleton';\r\n\r\n    const sortId = () => {\r\n        switch (route.params.id) {\r\n            case retentionTypes.AnnualAuto:\r\n                return \"auto-renewalDate\";\r\n            case retentionTypes.CustomersUpRenewal:\r\n                return \"renewalDate\";\r\n            default:\r\n                return \"\";\r\n        }\r\n    }\r\n\r\n    // State ----\r\n    const sortPrefix = route.params.id === retentionTypes.AnnualAuto ? \"auto-\" : \"\";\r\n    const searchTerm = ref(sortPrefix + 'renewalDate');\r\n    const agencyDetails = ref(site.agencyDetails.selectedAgencyDetails);\r\n\r\n    const search = new Search(route.params.id, 'row', sortId(), constants.DEFAULT_PAGE_SIZE);\r\n    const searchDownload = new Search(route.params.id, 'row', sortId(), null);\r\n\r\n    // Computed\r\n    const listHeadline = computed(() => {\r\n        switch (route.params.id) {\r\n            case retentionTypes.AnnualAuto:\r\n                return \"Annual Auto-Convert 6-month To Annual Auto\";\r\n            case retentionTypes.CustomersUpRenewal:\r\n                return \"Customers Up For Renewal In The Next 3 Months\";\r\n            default:\r\n                return \"\";\r\n        }\r\n    });\r\n\r\n    const getColumns = computed(() => {\r\n        switch (route.params.id) {\r\n            case retentionTypes.AnnualAuto: return annualAutoColumns;\r\n            case retentionTypes.CustomersUpRenewal: return customersUpRenewalColumns;\r\n            default: return [];\r\n        }\r\n    })\r\n\r\n    const isAnnualAuto = computed(() => {\r\n        if (route.params.id === retentionTypes.AnnualAuto)\r\n            return true\r\n        return false\r\n    })\r\n\r\n    if (isAnnualAuto.value == true) {\r\n        search.setFilterValues('recommended-indicator', ['true'])\r\n    }\r\n\r\n    const indicatorOptions = [\r\n        { id: 'true', text: 'Yes', values: ['true'] },\r\n        { id: 'false', text: 'No', values: ['false'] }\r\n    ]\r\n\r\n    const indicatorData = [\r\n        {\r\n            id: 'recommended-indicator',\r\n            name: Indicators.RECOMMENDED\r\n        },\r\n        {\r\n            id: 'young-driver-indicator',\r\n            name: Indicators.YOUNG_DRIVER\r\n        },\r\n        {\r\n            id: 'merit-indicator',\r\n            name: Indicators.MERIT\r\n        }\r\n    ]\r\n\r\n    const fieldsMapper = getFieldsMapperFromColumns(getColumns.value);\r\n\r\n    const opps = computed(() => {\r\n        return searchDownload.results.rows;\r\n    });\r\n\r\n    const isOwnerMaster = computed(() => {\r\n        return agencyDetails.value.isOwnerMaster;\r\n    })\r\n\r\n    const statCodeField = computed(() => {\r\n        switch (route.params.id) {\r\n            case retentionTypes.AnnualAuto:\r\n                return \"agencyNumber\";\r\n            case retentionTypes.CustomersUpRenewal:\r\n                return \"statCode\";\r\n            default:\r\n                return \"\";\r\n        }\r\n    })\r\n\r\n\r\n    // Methods ----\r\n    function back() {\r\n        router.go(-1);\r\n    }\r\n\r\n    async function exportCSV() {\r\n        await searchDownload.activate(route);\r\n        ExportParser().exportCSVFromJSON(opps.value, null, null, fieldsMapper, beforeTableEncode(getColumns.value));\r\n    }\r\n\r\n     async function exportXLS() {\r\n         await searchDownload.activate(route);\r\n        ExportParser().exportXLSFromJSON(opps.value, null, null, fieldsMapper, beforeTableEncode(getColumns.value));\r\n    }\r\n\r\n    function formatDate(date) {\r\n        if (date && date.length > 0) {\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    function sortSearch(value) {\r\n        value = sortPrefix + value\r\n\r\n        if (searchTerm.value.includes(value)) {\r\n\r\n            if (searchTerm.value.includes('-desc')) {\r\n                searchTerm.value = value;\r\n            } else {\r\n                searchTerm.value = value + '-desc';\r\n            }\r\n\r\n        } else {\r\n            searchTerm.value = value;\r\n        }\r\n\r\n\r\n        search.setSortId(searchTerm.value);\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n\r\n        <div class=\"container annual-auto-view-detail\">\r\n\r\n            <GlobalTabBar :active-id=\"TabIDs.RETENTION_TAB_ID\" />\r\n            <div class=\"row mt-4\">\r\n                <div class=\"col\">\r\n                    <h1 class=\"text-capitalize\" v-html=\"listHeadline\"></h1>\r\n                    <div v-if=\"isOwnerMaster\">Owner Master ID: {{formatStatCode(agencyDetails.statId)}}</div>\r\n                    <div v-else>Sub-Code Agency ID: {{formatStatCode(agencyDetails.statId)}}</div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n\r\n\r\n            <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"false\">\r\n                <div class=\"row mt-3\" v-if=\"isAnnualAuto\">\r\n\r\n                    <div class=\"col-4\" v-for=\"indicatorItem in indicatorData\" :key=\"indicatorItem.id\">\r\n                        <label class=\"fw-bold\">{{ indicatorItem.name }}</label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-3\" v-for=\"opt of indicatorOptions\" :key=\"opt.id\">\r\n                                <AddFilterCheckBox :filter-id=\"indicatorItem.id\" :values=\"opt.values\" :label=\"opt.text\" />\r\n                            </div>\r\n                        </div>\r\n                    </div>                                 \r\n                </div>\r\n\r\n                    <div class=\"row mt-3\">\r\n                        <div class=\"d-flex\">\r\n                            <div class=\"me-auto fw-bold\">\r\n                                Total: <strong>{{ search.results.totalCount }} </strong> <a class=\"ms-3 no-underline\" @click=\"back()\">Back</a>\r\n                            </div>\r\n                            <div>\r\n                                <i class=\"bi bi-file-earmark-excel me-3 fs-1\" title=\"Download in Excel format\" @click=\"exportXLS\"></i>\r\n                                <i class=\"bi bi-filetype-csv fs-1\" title=\"Download in CSV format\" @click=\"exportCSV\"></i>\r\n                            </div>\r\n                            <div class=\"px-3\">\r\n                                <PageSizeList :options=\"pageSizeOptions\" />\r\n                            </div>\r\n                            <div>\r\n                                <div>\r\n                                    <span v-if=\"search.results.loaded && search.results.rows.length > 0\">Showing {{ search.results.startIndex }} of {{ search.results.totalCount }}</span>\r\n                                </div>\r\n                                <PageSelector />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"data-table\">\r\n                        <SearchTable :columns=\"getColumns\" @sort-by=\"sortSearch\">\r\n\r\n                            <template v-slot:[statCodeField]=\"row\">\r\n                                {{formatStatCode(row[statCodeField])}}\r\n                            </template>\r\n\r\n                            <template v-slot:renewalDate=\"row\">\r\n                                {{formatDate(row.renewalDate)}}\r\n                            </template>\r\n\r\n                            <!-- Template for no results -->\r\n                            <template #empty>\r\n                                No\r\n                                <span v-html=\"listHeadline\"></span> Lists were found that match your criteria.\r\n                            </template>\r\n\r\n                            <!-- Template while results are initially loading -->\r\n                            <template #loading>\r\n                                <div class=\"row\">\r\n                                    <div class=\"col text-center\">\r\n                                        <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                        <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                        <span class=\"fw-bold\">Performing a search for the data</span>\r\n                                        <div class=\"spinner-border mx-3\" role=\"status\"></div>\r\n                                        <div class=\"spinner-border\" role=\"status\"></div>\r\n                                    </div>\r\n                                </div>\r\n                                <TableSkeleton />\r\n                            </template>\r\n                        </SearchTable>\r\n                    </div>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col text-end fit-content\"><PageSelector /></div>\r\n                    </div>\r\n\r\n</SearchContainer>\r\n\r\n        </div> <!-- End Container-->\r\n\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .annual-auto-view-detail {\r\n        .btn-sm {\r\n            padding: 0.25rem 0.5rem;\r\n            font-size: 0.75rem;\r\n        }\r\n\r\n        .bi {\r\n            color: $color-2;\r\n            cursor: pointer;\r\n        }\r\n\r\n        h1 span {\r\n            color: $success;\r\n        }\r\n\r\n        table td, table th {\r\n            white-space: nowrap;\r\n        }\r\n    }\r\n</style>","import script from \"./RoyaltyLoyaltyAnnualAutoViewListPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./RoyaltyLoyaltyAnnualAutoViewListPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./RoyaltyLoyaltyAnnualAutoViewListPage.vue?vue&type=style&index=0&id=40a4a929&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import ToolTip from '@/site/components/ToolTip';\r\n\r\n    import { ref, reactive, onMounted } from 'vue';\r\n    import { useRoute, useRouter } from 'vue-router';\r\n    import { isEmpty, isNotEmpty } from '@/util';\r\n    import { site } from '@/Site'\r\n    import { getProgramTypeForOrderState, getOppIdForOrderState } from '@/constants'\r\n    import { ChannelTypes } from '@/site/areas/personalization/SelectChannelPage';\r\n\r\n    const loading = ref(true);\r\n    const isProductSaved = ref(false);\r\n    const router = useRouter();\r\n    const route = useRoute();\r\n    const detail = reactive({ product: {} });\r\n    const agency = reactive(site.agencyDetails.defaultAgency);\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n\r\n\r\n    async function next() {\r\n        // resume the previous order state\r\n        await startOrder(true);\r\n    }\r\n\r\n    async function cancel() {\r\n        // Start new order and take to step 1\r\n        isProductSaved.value = false;\r\n        await startOrder();\r\n    }\r\n\r\n    // Start Order Implementation from products search page\r\n    async function startOrder(isStateSaved = false) {\r\n\r\n        const product = detail.product;\r\n\r\n        if (isEmpty(route.query.isMultiChannel) || (route.query.isMultiChannel && route.query.isMultiChannel === 'false')) {\r\n            orderFlowDetails.isMultiChannel = false\r\n\r\n        } else if (route.query.isMultiChannel && route.query.isMultiChannel === 'true') {\r\n            orderFlowDetails.isMultiChannel = true\r\n        }\r\n        orderFlowDetails.parentId = \"\";\r\n        if (product.attributes.isExpressOrderingAllowed && agency.isOwnerMaster) {\r\n            const oppId = getOppIdForOrderState(product.attributes.dataListOption);\r\n            const allStatCodes = await site.agencyDetails.getAgencySubCodes(oppId);\r\n\r\n            const ownerMasterPolicyCount = allStatCodes.find(a => a.statId == agency.statCode)?.policyHoldersCount;\r\n            const subcodesHasPolicyHolders = allStatCodes.filter(a => a.statId != agency.statCode && a.policyHoldersCount > 0);\r\n\r\n            if (ownerMasterPolicyCount && subcodesHasPolicyHolders?.length > 0) {\r\n                router.push({\r\n                    name: 'ExpressOrderConfirmationPage',\r\n                    params: {\r\n                        productId: product.id\r\n                    }\r\n                });\r\n                return;\r\n            }\r\n            return;\r\n        }\r\n        if (!site.errorHandler.canStartOrder()) {\r\n            return false;\r\n        }\r\n        orderFlowDetails.productId = product.id;\r\n        const programType = getProgramTypeForOrderState(product.attributes.dataListType);\r\n        if (programType) {\r\n\r\n            \r\n            orderFlowDetails.programType = programType;\r\n            orderFlowDetails.productType = product.attributes.productTypes?.join(\";\");\r\n            orderFlowDetails.oppId = getOppIdForOrderState(product.attributes.dataListOption);\r\n            let channelType = ChannelTypes.DIRECT_MAIL;\r\n            if (product.attributes.isEmail) {\r\n                channelType = ChannelTypes.EMAIL;\r\n            }\r\n\r\n            const response = await site.personalizationInfo.startOrder(channelType, isStateSaved);\r\n\r\n            if (site.errorHandler.handleStartOrderError(response)) {\r\n                router.push({\r\n                    name: 'PersonalizeStep1Page',\r\n                    params: {\r\n                        id: response.id,\r\n                        parentId: response.id,\r\n                        productId: orderFlowDetails.productId\r\n                    },\r\n                    query: {\r\n                        channelType: ChannelTypes.DIRECT_MAIL,\r\n                        isSubscription: product.attributes.isSubscription,\r\n                        \"active-tab\": route.query['active-tab'],\r\n                        \"f-product-search-term\": route.query['f-product-search-term'],\r\n                        \"f-product-type\": route.query['f-product-type'],\r\n                        \"f-program-type\": route.query['f-program-type']\r\n                    } \r\n                });\r\n            }\r\n        }\r\n        else {\r\n            console.error(\"Not able to identify the Program type based on the data list type\");\r\n        }\r\n\r\n    }\r\n\r\n    onMounted(async () => {\r\n\r\n        if (isNotEmpty(route.params.productId)) {\r\n            // check if there is an existing saved order\r\n            Object.assign(detail.product, await site.products.getProductDetail(route.params.productId));\r\n            const response = await site.personalizationInfo.getOrderStateByProductId(route.params.productId);\r\n            if (response && isNotEmpty(response.id)) {\r\n                isProductSaved.value = true;\r\n            } else {\r\n                await startOrder();\r\n            }\r\n        }\r\n        loading.value = false;\r\n\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page save-for-later-confirmation\">\r\n            <GlobalTabBar />\r\n\r\n            <div class=\"loader\" v-show=\"loading\">\r\n                <div class=\"spinner-grow\" role=\"status\">\r\n                </div>\r\n                <p> Checking for previously saved order ... </p>\r\n            </div>\r\n\r\n            <div class=\"row mt-5\" v-show=\"!loading && !isProductSaved\">\r\n                <div class=\"col-12 text-center mt-5\">\r\n                    <p>Please wait. Taking you to a new order flow ...</p>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mt-5\" v-show=\"!loading && isProductSaved\">\r\n\r\n                <div class=\"col-12 text-center mt-5\">\r\n                    <ToolTip placement=\"bottom\">\r\n                        <p class=\"fw-bolder\">You already have this item in My Account > My Saved Items. </p>\r\n                        <p class=\"fw-bolder\">\r\n                            Would you like to use the previously saved item?\r\n                            <span><i class=\"bi bi-question-circle-fill\"></i></span>\r\n                        </p>\r\n                        <template #content>\r\n                            <p class=\"tip\">\r\n                                My Account > My Saved Items: You may save only one of any particular asset in My Saved Items. You must complete the ordering process for the saved item before saving another.\r\n                            </p>\r\n                        </template>\r\n                    </ToolTip>\r\n                </div>\r\n                <div class=\"col-12 text-center mt-3\">\r\n                    <div>\r\n                        <button class=\"m-2 px-5 btn btn-outline-primary\" @click=\"cancel\">No</button>\r\n                        <button class=\"m-2 px-5 btn btn-primary\" @click=\"next\">Yes</button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"row\" v-show=\"!loading && isProductSaved\">\r\n                <div class=\"col-2\"></div>\r\n                <div class=\"col-8 text-center mt-3\">\r\n                    <p class=\"message\">\r\n                        If you select NO, your previously saved item will be deleted. You must complete\r\n                        that order before creating a new order for the same asset item.\r\n                        If you select YES, you will resume the ordering process for your previously saved item.\r\n                    </p>\r\n                </div>\r\n                <div class=\"col-2\"></div>\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n\r\n    .save-for-later-confirmation {\r\n\r\n        .loader {\r\n            display: flex;\r\n            margin-top: 120px;\r\n            justify-content: center;\r\n\r\n            p {\r\n                margin: auto 12px;\r\n            }\r\n        }\r\n\r\n        .message {\r\n            font-size: 13px;\r\n            color: red\r\n        }\r\n\r\n        .popper {\r\n            width: 40%;\r\n        }\r\n\r\n        .tip {\r\n            font-size: 12px;\r\n            text-align: left;\r\n\r\n            span {\r\n                color: lightseagreen;\r\n                font-weight: bold;\r\n            }\r\n        }\r\n    }\r\n</style>","import script from \"./SaveForLaterConfirmation.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SaveForLaterConfirmation.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SaveForLaterConfirmation.vue?vue&type=style&index=0&id=61624d8c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\r\n\r\n    // PrintOnDemandStepper\r\n    // 3 step stepper\r\n    // Constants:\r\n    // - stepCounter - is used to determine the current step you are on.\r\n\r\n    // Constants\r\n    const constants = {\r\n        stepCounter: {\r\n            ONE: 1,\r\n            TWO: 2,\r\n            THREE: 3\r\n        }\r\n    };\r\n\r\n    // Exports\r\n    export const stepCounter = constants.stepCounter;\r\n\r\n</script>\r\n\r\n<script setup>\r\n\r\n    \r\n    import { defineProps, computed } from 'vue';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        currentStep: {\r\n            type: Number,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // Constants\r\n    const stepStatus = {\r\n        CURRENT: 'current',\r\n        COMPLETED: 'completed'\r\n    }\r\n\r\n    const steps = {\r\n        STEP1: {\r\n            step1: stepStatus.CURRENT\r\n        },\r\n        STEP2: {\r\n            step1: stepStatus.COMPLETED,\r\n            step2: stepStatus.CURRENT\r\n        },\r\n        STEP3: {\r\n            step1: stepStatus.COMPLETED,\r\n            step2: stepStatus.COMPLETED,\r\n            step3: stepStatus.CURRENT\r\n        }\r\n    }\r\n\r\n    // Computed ----\r\n    // Step determines which classes to output based on the currentStep prop.\r\n    const step = computed(() => {\r\n\r\n        switch (props.currentStep) {\r\n            case 1:\r\n                return steps.STEP1;\r\n            case 2:\r\n                return steps.STEP2;\r\n            case 3:\r\n                return steps.STEP3;\r\n            default:\r\n                return {}\r\n        }\r\n    });\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"print-on-demand-stepper\">\r\n\r\n        <div class=\"row\">\r\n\r\n            <div class=\"col\">\r\n\r\n                <div class=\"d-flex justify-content-evenly step-container\">\r\n\r\n                    <div class=\"step\" :class=\"step.step1\">\r\n\r\n                        <div class=\"step-number\">\r\n                            <span v-if=\"step.step1 == stepStatus.COMPLETED\">\r\n                                <i class=\"bi bi-check-lg\"></i>\r\n                            </span>\r\n                            <span v-else>\r\n                                1\r\n                            </span>\r\n                        </div>\r\n\r\n                        <div class=\"step-name\">\r\n                            Personalize\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"step\" :class=\"step.step2\">\r\n\r\n                        <div class=\"step-number\">\r\n                            <span v-if=\"step.step2 == stepStatus.COMPLETED\">\r\n                                <i class=\"bi bi-check-lg\"></i>\r\n                            </span>\r\n                            <span v-else>\r\n                                2\r\n                            </span>\r\n                        </div>\r\n\r\n                        <div class=\"step-name\">\r\n                            Select Mail List\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"step\" :class=\"step.step3\">\r\n\r\n                        <div class=\"step-number\">\r\n                            <span v-if=\"step.step3 == stepStatus.COMPLETED\">\r\n                                <i class=\"bi bi-check-lg\"></i>\r\n                            </span>\r\n                            <span v-else>\r\n                                3\r\n                            </span>\r\n                        </div>\r\n\r\n                        <div class=\"step-name\">\r\n                            Review\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .print-on-demand-stepper {\r\n\r\n        .step-container {\r\n            position: relative;\r\n\r\n            &:before {\r\n                border-top: 2px solid $gray-2;\r\n                content: \"\";\r\n                margin: 0 auto;\r\n                position: absolute;\r\n                top: calc(50% - 15px);\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                width: 55%;\r\n                z-index: -1;\r\n            }\r\n        }\r\n\r\n        .step {\r\n            text-align: center;\r\n        }\r\n        // TODO: add the variables for success alert\r\n        .current .step-number {\r\n            color: #008040;\r\n            border: 2px solid #008040;\r\n        }\r\n        // TODO: add the variables for success alert\r\n        .completed .step-number {\r\n            color: $gray-0;\r\n            background: #008040;\r\n        }\r\n\r\n        .step-number {\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            border: 1px solid $gray-2;\r\n            text-align: center;\r\n            line-height: 60px;\r\n            font-weight: bold;\r\n            font-size: 1.875rem;\r\n            color: $gray-2;\r\n            display: inline-block;\r\n            background: $gray-0;\r\n        }\r\n\r\n        .step-name {\r\n            font-size: 1.375rem;\r\n            color: $gray-2;\r\n        }\r\n\r\n        .current .step-name {\r\n            color: $gray-3;\r\n            font-weight: bold;\r\n        }\r\n    }\r\n</style>","import script from \"./ThreeStepStepper.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ThreeStepStepper.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ThreeStepStepper.vue?vue&type=style&index=0&id=02c8d616&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\r\n\r\n    // TwoStepStepper\r\n    // stepper for customizable stepper\r\n    // Constants:\r\n    // - stepCounter - is used to determine the current step you are on.\r\n\r\n    // Constants\r\n    const constants = {\r\n        stepCounter: {\r\n            ONE: 1,\r\n            TWO: 2\r\n        }\r\n    };\r\n\r\n    // Exports\r\n    export const stepCounter = constants.stepCounter;\r\n\r\n</script>\r\n\r\n<script setup>\r\n\r\n    import { defineProps, computed } from 'vue';\r\n\r\n    // Constants\r\n    const stepStatus = {\r\n        CURRENT: 'current',\r\n        COMPLETED: 'completed'\r\n    }\r\n\r\n    const steps = {\r\n        STEP1: {\r\n            step1: stepStatus.CURRENT\r\n        },\r\n        STEP2: {\r\n            step1: stepStatus.COMPLETED,\r\n            step2: stepStatus.CURRENT\r\n        }\r\n    }\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        currentStep: {\r\n            type: Number,\r\n            required: true\r\n        },\r\n        stepTitle: {\r\n           type: String,\r\n            required: false\r\n        }\r\n    });\r\n\r\n\r\n\r\n    // Computed ----\r\n    // Step determines which classes to output based on the currentStep prop.\r\n    const step = computed(() => {\r\n\r\n        switch (props.currentStep) {\r\n            case 1:\r\n                return steps.STEP1;\r\n            case 2:\r\n                return steps.STEP2;\r\n            default:\r\n                return {}\r\n        }\r\n    });\r\n\r\n    const stepName = computed(() => {\r\n\r\n        return props.stepTitle ? props.stepTitle : 'Review';\r\n    });\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"customizable-download-stepper\">\r\n\r\n        <div class=\"row\">\r\n\r\n            <div class=\"col\">\r\n\r\n                <div class=\"d-flex justify-content-evenly step-container\">\r\n\r\n                    <div class=\"step\" :class=\"step.step1\">\r\n\r\n                        <div class=\"step-number\">\r\n                            <span v-if=\"step.step1 == stepStatus.COMPLETED\">\r\n                                <i class=\"bi bi-check-lg\"></i>\r\n                            </span>\r\n                            <span v-else>\r\n                                1\r\n                            </span>\r\n                        </div>\r\n\r\n                        <div class=\"step-name\">\r\n                            Personalize\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"step\" :class=\"step.step2\">\r\n\r\n                        <div class=\"step-number\">\r\n                            <span v-if=\"step.step2 == stepStatus.COMPLETED\">\r\n                                <i class=\"bi bi-check-lg\"></i>\r\n                            </span>\r\n                            <span v-else>\r\n                                2\r\n                            </span>\r\n                        </div>\r\n\r\n                        <div class=\"step-name\">\r\n                            {{stepName}}\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .customizable-download-stepper {\r\n\r\n        .step-container {\r\n            position: relative;\r\n\r\n            &:before {\r\n                border-top: 2px solid $gray-2;\r\n                content: \"\";\r\n                margin: 0 auto;\r\n                position: absolute;\r\n                top: calc(50% - 15px);\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                width: 38%;\r\n                z-index: -1;\r\n            }\r\n        }\r\n\r\n        .step {\r\n            text-align: center;\r\n        }\r\n        // TODO: add the variables for success alert\r\n        .current .step-number {\r\n            color: #008040;\r\n            border: 2px solid #008040;\r\n        }\r\n        // TODO: add the variables for success alert\r\n        .completed .step-number {\r\n            color: $gray-0;\r\n            background: #008040;\r\n        }\r\n\r\n        .step-number {\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            border: 1px solid $gray-2;\r\n            text-align: center;\r\n            line-height: 60px;\r\n            font-weight: bold;\r\n            font-size: 1.875rem;\r\n            color: $gray-2;\r\n            display: inline-block;\r\n            background: $gray-0;\r\n        }\r\n\r\n        .step-name {\r\n            font-size: 1.375rem;\r\n            color: $gray-2;\r\n        }\r\n\r\n        .current .step-name {\r\n            color: $gray-3;\r\n            font-weight: bold;\r\n        }\r\n    }\r\n</style>","import script from \"./TwoStepStepper.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./TwoStepStepper.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./TwoStepStepper.vue?vue&type=style&index=0&id=797beb96&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n<script setup>\r\n// PreviousButton\r\n//For previous button w.r to personalization\r\n\r\n// Imports ----\r\nimport { defineEmits } from 'vue';\r\n\r\n// Props ----\r\n\r\n// State ----\r\n\r\n// Handlers ----\r\nconst emit = defineEmits(['back']);\r\n\r\nfunction onBack() {\r\n        emit('back');\r\n}\r\n</script>\r\n<template>\r\n        <div class=\"row mt-2\">\r\n        <div class=\"col\">\r\n            <button @click=\"onBack()\" class=\"btn btn-outline-primary\">Previous</button>\r\n        </div>\r\n       </div>\r\n</template>\r\n","import script from \"./PreviousButton.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PreviousButton.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\r\n\r\n    // PersonalizeStep1Page\r\n    // Step 1 Personalization\r\n\r\n    const constants = {\r\n        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\n        punchOutActions: {\r\n            CREATE: 'create',\r\n            EDIT: 'edit',\r\n            COMMIT: 'commit'\r\n        }\r\n    };\r\n\r\n    // Exports\r\n    export const TabTypes = constants.TabTypes;\r\n    export const punchOutActions = constants.punchOutActions;\r\n\r\n</script>\r\n<script setup>\r\n\r\n\r\n    // Imports\r\n    import { ref, reactive, computed, onMounted } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRoute, useRouter } from 'vue-router';\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n    import { ChannelTypes } from './SelectChannelPage';\r\n    import { Util } from '@dd-nucleus/nucleus-vue';\r\n    import ThreeStepStepper from '@/site/components/ThreeStepStepper';\r\n    import TwoStepStepper from '@/site/components/TwoStepStepper';\r\n    import PreviousButton from '@/site/components/PreviousButton';\r\n    import { ProductRestrictions, getTabName, ProgramType } from '@/constants';\r\n\r\n    // Computed\r\n    const tabName = computed(() => {\r\n        return getTabName(orderFlowDetails.programType);\r\n    });\r\n\r\n    const _iOSDevice = computed(() => {\r\n        return /iPad|iPhone|iPod/.test(navigator.platform)\r\n            || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);\r\n    });\r\n\r\n    const displayStepper = computed(() => {\r\n        let displayState = {\r\n            showTwoStepper: false,\r\n            showThreeStepper: false,\r\n            showMailStepper: true,\r\n        };\r\n\r\n        if (orderFlowDetails.programType == ProgramType.RETENTION) {\r\n            if (route.query.isSubscription == 'false') {\r\n                displayState.showTwoStepper = true;\r\n                displayState.showMailStepper = false;\r\n            } else {\r\n                displayState.showThreeStepper = true;\r\n                displayState.showMailStepper = false;\r\n            }\r\n        }\r\n\r\n        if (orderFlowDetails.programType == ProgramType.ANNUAL_AUTO || orderFlowDetails.programType == ProgramType.PET_INSURANCE) {\r\n            displayState.showThreeStepper = true;\r\n            displayState.showMailStepper = false;\r\n        }\r\n        return displayState;\r\n    })\r\n\r\n    // State\r\n    const route = useRoute();\r\n\r\n    const detail = reactive({ product: {} });\r\n\r\n    const iframeSrc = ref('');\r\n\r\n    const frameHeight = ref(1000);\r\n\r\n    const showIframe = ref(false);\r\n\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n\r\n    const agencyDetails = reactive(site.agencyDetails.selectedAgencyDetails);\r\n\r\n    const directMail = reactive({});\r\n\r\n    const email = reactive({});\r\n\r\n    const directMailProductDetails = reactive({});\r\n\r\n    const emailProductDetails = reactive({});\r\n\r\n    const router = useRouter();\r\n\r\n    const showButton = ref(false);\r\n\r\n    \r\n    // Methods ----\r\n    async function getTicket() {\r\n\r\n        let payload = {}\r\n        const BASE_API_URL = process.env.VUE_APP_PAGE_FLEX_RETURN_URL;\r\n        let returnUrl = `${BASE_API_URL}personalization/pageflex-return/${route.params.id}/${orderFlowDetails.parentId}/${orderFlowDetails.productId}/${orderFlowDetails.isMultiChannel}/?channelType=${route.query.channelType}%26programType=${orderFlowDetails.programType}%26isSubscription=${route.query.isSubscription}`;\r\n\r\n        if (route.query.review && route.query.review == 'true') {\r\n            returnUrl = `${returnUrl}%26review=${route.query.review}`;\r\n        }\r\n        Object.assign(payload, { ReturnUrl: returnUrl });\r\n        const userInfo = site.user;\r\n        const configInfo = site.config;\r\n        const userName = userInfo.userName.replace(\".Test@test.com\", '');\r\n\r\n        Object.assign(payload, { UserName: userName });\r\n\r\n        const agencyName = Util.isNotEmpty(agencyDetails.agencyName) ? encodeURIComponent(agencyDetails.agencyName): agencyDetails.agencyName;\r\n        const firstName = Util.isNotEmpty(userInfo.firstName) ? encodeURIComponent(userInfo.firstName): userInfo.firstName;\r\n        const lastName = Util.isNotEmpty(userInfo.lastName) ? encodeURIComponent(userInfo.lastName): userInfo.lastName;\r\n        const address1 = Util.isNotEmpty(agencyDetails.address1) ? encodeURIComponent(agencyDetails.address1): agencyDetails.address1;\r\n        const address2 = Util.isNotEmpty(agencyDetails.address2) ? encodeURIComponent(agencyDetails.address2): agencyDetails.address2;\r\n        const city = Util.isNotEmpty(agencyDetails.city) ? encodeURIComponent(agencyDetails.city): agencyDetails.city;\r\n        \r\n        Object.assign(payload, { AgencyName: agencyName });\r\n        Object.assign(payload, { AgentName: firstName });\r\n        Object.assign(payload, { AgentLastName: lastName });\r\n\r\n        Object.assign(payload, { AgentAddress: address1 });\r\n        Object.assign(payload, { AgentAddress2: address2 });\r\n        Object.assign(payload, { AgentCity: city });\r\n        Object.assign(payload, { AgentZip: agencyDetails.zip });\r\n        Object.assign(payload, { AgentState: agencyDetails.state });\r\n        Object.assign(payload, { AgentPhone: agencyDetails.phone });\r\n        Object.assign(payload, { AgentEmail: agencyDetails.emailAddress });\r\n        Object.assign(payload, { PHONE: agencyDetails.phone });\r\n        Object.assign(payload, { DocumentCode: detail.product.itemNumber });\r\n\r\n        if (detail.product && detail.product['attributes'] && detail.product.attributes['restriction'] == ProductRestrictions.NOTFORMA) {\r\n            Object.assign(payload, { NotForMA: true });\r\n        }\r\n\r\n        if (detail.product && detail.product['attributes'] && detail.product.attributes['restriction'] == ProductRestrictions.NOTFORCO) {\r\n            Object.assign(payload, { NotForCO: true });\r\n        }\r\n\r\n        if (!orderFlowDetails.pageFlexDocumentId) {\r\n            Object.assign(payload, { DocumentId: detail.product.itemNumber });\r\n            Object.assign(payload, { Action: punchOutActions.CREATE });\r\n        } else {\r\n            Object.assign(payload, { Action: punchOutActions.EDIT });\r\n            Object.assign(payload, { DocumentId: site.personalizationInfo.orderFlowDetails.pageFlexDocumentId });\r\n        }\r\n\r\n        const response = await site.personalizationInfo.getPunchoutTicket(payload);\r\n\r\n        const ticketId = response.ticketId.replace(\"OK:\", \"\");\r\n\r\n        const BASE_PUNCHOUT_URL = process.env.VUE_APP_PAGE_FLEX_PUNCHOUT_URL;\r\n\r\n        iframeSrc.value = `${BASE_PUNCHOUT_URL}/UserPMCreateEdit.aspx?ticket=${ticketId}`;\r\n\r\n        showIframe.value = true;\r\n    }\r\n\r\n    function onLoadIframe() {\r\n        frameHeight.value = window.frames.outerHeight + 100;\r\n        showButton.value = true; \r\n    }\r\n\r\n    async function getOrderStates() {\r\n\r\n        const response = await site.personalizationInfo.getOrderStates(route.params.parentId);\r\n\r\n        Object.assign(directMail, response.orderStates.find(o => o.channelType === ChannelTypes.DIRECT_MAIL));\r\n\r\n        Object.assign(email, response.orderStates.find(o => o.channelType === ChannelTypes.EMAIL));\r\n\r\n        getProductData();\r\n\r\n    }\r\n\r\n    async function getProductData() {\r\n\r\n        Object.assign(directMailProductDetails, await site.products.getProductDetail(directMail.productId));\r\n\r\n        if (Object.keys(email).length > 0) {\r\n            Object.assign(emailProductDetails, await site.products.getProductDetail(email.productId));\r\n        }\r\n\r\n    }\r\n\r\n    // Handlers ----\r\n    onMounted(async () => {\r\n        const orderStateId = route.params.id\r\n        if (Util.isNotEmpty(orderStateId)) {\r\n            var response = await site.personalizationInfo.getOrderState(orderStateId);\r\n            var orderState = response.model;\r\n            if (Util.isNotEmpty(route.params.productId)) {                \r\n                Object.assign(detail.product, await site.products.getProductDetail(route.params.productId));\r\n                await getTicket();\r\n                if (orderState.isMultiChannel) {\r\n                    await  getOrderStates();\r\n                }\r\n            }\r\n        }\r\n        console.warn(\"_iOSDevice\", _iOSDevice.value);\r\n    })\r\n\r\n    function back() {\r\n        \r\n        if ((route.query.searchType && route.query.searchType == 'product') || (!route.query.searchType && route.query['active-tab'] == 'prospecting') || (route.query['active-tab'] == 'cross-sell') && orderFlowDetails.productType == \"Home;LandlordProtection\" || route.query['f-product-search-term']) {\r\n            let query = {}\r\n            if (route.query['f-product-search-term']) {\r\n                query['f-product-search-term'] = route.query['f-product-search-term'];\r\n            }\r\n            else {\r\n                query['f-program-type'] = route.query['f-program-type'];\r\n                query['f-product-tatic'] = tabName.value;\r\n                query['f-product-type'] = route.query['f-product-type'];\r\n                query['active-tab'] = route.query['active-tab'];\r\n            }\r\n\r\n            router.push({\r\n                name: 'ProductSearch',\r\n                query: query\r\n            });\r\n        }\r\n        else if (route.query.searchType && route.query.searchType == 'productdetail') {\r\n            router.push({\r\n                name: 'ProductDetail',\r\n                params: {\r\n                    id: orderFlowDetails.productId\r\n                }\r\n            });\r\n        }\r\n        else if (route.query.searchType && route.query.searchType == 'favorite') {\r\n            router.push({\r\n                name: 'Account',\r\n                params: {\r\n                    section: 'favorites'\r\n                }\r\n            });\r\n        }\r\n        else {\r\n            router.push({\r\n                name: 'SelectAssetPage',\r\n                query: {\r\n                    statCode: site.agencyDetails.selectedAgencyDetails.statId,\r\n                    productType: orderFlowDetails.productType,\r\n                    programType: orderFlowDetails.programType,\r\n                    isMultiChannel: orderFlowDetails.isMultiChannel,\r\n                    channelType: orderFlowDetails.channelType\r\n                }\r\n            });\r\n        }\r\n    }\r\n</script>\r\n\r\n<template>\r\n\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar v-if=\"tabName\" :active-id=\"tabName\" />\r\n\r\n            <div class=\"root-page-container print-on-demand-customize-step1\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col\">\r\n                        <TwoStepStepper v-if=\"displayStepper.showTwoStepper\" :currentStep=\"stepCounter.ONE\" />\r\n                        <ThreeStepStepper v-if=\"displayStepper.showThreeStepper\" :currentStep=\"stepCounter.ONE\" />\r\n                        <SelectMailListStepper v-if=\"displayStepper.showMailStepper\" :currentStep=\"stepCounter.ONE\" />\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div v-if=\"orderFlowDetails.isMultiChannel\">\r\n                    <div class=\"row mt-5\">\r\n                        <div class=\"col multi-channel-headline fw-bold text-center fs-2\">\r\n                            Multi-Channel Cross-sell (Direct Mail & Email)\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"row multi-channel-detail p-2\">\r\n                        <div class=\"col-2\">\r\n                            Direct Mail\r\n                        </div>\r\n                        <div class=\"col-4 border-end\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-2\">\r\n                                    <img :src=\"directMailProductDetails.thumbnailImageUrl\" class=\"img-fluid\" />\r\n                                </div>\r\n                                <div class=\"col-10\">\r\n                                    {{directMailProductDetails.name}}\r\n                                    <div>{{directMailProductDetails.itemNumber}}</div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-2\" v-if=\"Object.keys(email).length > 0\">\r\n                            Email\r\n                        </div>\r\n                        <div class=\"col-4\" v-if=\"Object.keys(email).length > 0\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-2\">\r\n                                    <img :src=\"emailProductDetails.thumbnailImageUrl\" class=\"img-fluid\" />\r\n                                </div>\r\n                                <div class=\"col-10\">\r\n                                    {{emailProductDetails.name}}\r\n                                    <div>{{emailProductDetails.itemNumber}}</div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row my-5\">\r\n                    <div class=\"col-12 text-danger fw-bolder my-3\" v-if=\"_iOSDevice\">\r\n                        If you are using an iOS device (iPhone/iPad) please go to Settings > Safari > uncheck the box for Prevent Cross-Site Tracking in order to proceed with Personalization.\r\n                    </div>\r\n                    <div class=\"col border-bottom border-color-1\">\r\n\r\n                        <div class=\"d-flex\">\r\n                            <div class=\"text-color-1\">\r\n                                <h2 class=\"mb-0\">Personalize This Item</h2>\r\n                            </div>\r\n                            <div class=\"ms-auto\">\r\n                                {{detail.product.name}} ({{detail.product.itemNumber}})\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                    <PreviousButton v-if=\"showButton\" @back=\"back()\"/>\r\n\r\n                </div>\r\n\r\n                <div class=\"row\" v-if=\"showIframe\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <embed name=\"punchout\" @load=\"onLoadIframe\" :src=\"iframeSrc\" scrolling=\"auto\" width=\"100%\" frameborder=\"0\" :height=\"frameHeight\" />\r\n\r\n                    </div>\r\n                </div>\r\n                <PreviousButton v-if=\"showButton\" @back=\"back()\" />\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .print-on-demand-customize-step1 {\r\n        label {\r\n            font-weight: bold;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .multi-channel-headline {\r\n            background: $color-3-dk;\r\n        }\r\n\r\n        .multi-channel-detail {\r\n            background: $gray-1;\r\n        }\r\n    }\r\n</style>\r\n","import script from \"./PersonalizeStep1Page.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PersonalizeStep1Page.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PersonalizeStep1Page.vue?vue&type=style&index=0&id=42db5ce8&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // SelectPolicyholders\r\n    // Step 2 SelectPolicyholders\r\n\r\n    // Constants ----\r\n\r\n    const columns = [\r\n        { field: 'statCode', title: 'Sub Code', isSortable: true, custom: true },\r\n        { field: 'mailingDate', title: 'Mailing Date', custom: true, isSortable: true },\r\n        { field: 'marketingChannel', title: 'Marketing Channel', custom: true, isSortable: true },\r\n        { field: 'policyNumber', title: 'Policy #', isSortable: true },\r\n        { field: 'renewalDate', title: 'Renewal Date', custom: true, isSortable: true },\r\n        { field: 'policyType', title: 'Policy Type', isSortable: true },\r\n        { field: 'firstName', title: 'First Name', isSortable: true },\r\n        { field: 'lastName', title: 'Last Name', isSortable: true },\r\n        { field: 'address1', title: 'Address 1', isSortable: true },\r\n        { field: 'address2', title: 'Address 2', isSortable: true },\r\n        { field: 'city', title: 'City', isSortable: true },\r\n        { field: 'state', title: 'State', isSortable: true },\r\n        { field: 'zip', title: 'Zip', isSortable: true },\r\n        { field: 'email', title: 'Email', isSortable: true },\r\n        { field: 'phone', title: 'Phone', isSortable: true },\r\n    ];\r\n\r\n    const spColumns = [\r\n        { field: 'motorCycle', title: 'Motorcycle', custom: true, isSortable: true },\r\n        { field: 'waterCraft', title: 'Watercraft', custom: true, isSortable: true},\r\n        { field: 'rv', title: 'RV', custom: true, isSortable: true },\r\n    ];\r\n\r\n    const specialtyColumns = columns.concat(spColumns);\r\n\r\n    // Imports\r\n    import { Search } from '@dd-nucleus/nucleus-vue';\r\n    import { ref, reactive, computed, defineProps, defineEmits } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRouter, useRoute } from 'vue-router';\r\n    import { formatStatCode } from '@/util';\r\n    import { ChannelTypes } from '@/constants'\r\n    import SearchTableV1 from '@/site/components/searches/SearchTableV1';\r\n    import { crossSellTypes } from '@/site/components/OpportunitiesTile';\r\n\r\n    // Components\r\n    import TableSkeleton from '@/site/components/skeleton/TableSkeleton';\r\n\r\n    //props\r\n\r\n    const props = defineProps({\r\n        orderState: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        product: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // State\r\n    const search = new Search('bridge-cross-sell-detail', 'row', 'policyNumber');\r\n\r\n    const router = useRouter();\r\n    const route = useRoute();\r\n\r\n    const searchTerm = ref('statCode');\r\n\r\n    let selectedList = reactive([]);\r\n\r\n\r\n    const detail = reactive({ product: props.product });\r\n\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n    const emit = defineEmits(['saveForLater']);\r\n\r\n    // Computed\r\n    const listLength = computed(() => {\r\n        return selectedList.length;\r\n    });\r\n\r\n    const oppId = computed(() => {\r\n        return orderFlowDetails.oppId;\r\n    });\r\n\r\n    const exportColumns = computed(() => {\r\n        switch (oppId.value) {\r\n            case crossSellTypes.SpecialtyCrossSell: return specialtyColumns;\r\n            default: return columns;\r\n        }\r\n    })\r\n\r\n    const toPersonalizationPage = computed(() => {\r\n        const parentId = orderFlowDetails.parentId ? orderFlowDetails.parentId : orderFlowDetails.id;\r\n        const channelType = detail.product?.attributes?.isEmail ? ChannelTypes.EMAIL : ChannelTypes.DIRECT_MAIL;\r\n        return `/personalization/step-1/${orderFlowDetails.id}/${parentId}/${orderFlowDetails.productId}/?edit=true&isSubscription=${detail.product?.attributes?.isSubscription}&channelType=${channelType}`;\r\n    });\r\n    \r\n\r\n    // Methods\r\n\r\n    function formatDate(date) {\r\n        if (date && date.length > 0) {\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    async function next() {\r\n        await UpdateRecipients();\r\n\r\n        router.push({\r\n            name: 'PersonalizeStep3Page',\r\n            params: { id: orderFlowDetails.id },\r\n            query: route.query\r\n        });\r\n    }\r\n\r\n    async function saveForLater() {\r\n        site.personalizationInfo.saveForLaterInLocal();\r\n        await UpdateRecipients();\r\n        emit('saveForLater');\r\n    }\r\n\r\n    async function UpdateRecipients() {\r\n        const allRecords = search.results.rows;\r\n        const selected = allRecords.filter(sl => selectedList.includes(sl.policyNumber)).map(sl => {\r\n            return {\r\n                \"firstName\": sl.firstName,\r\n                \"lastName\": sl.lastName,\r\n                \"addressLine1\": sl.address1,\r\n                \"addressLine2\": sl.address2,\r\n                \"city\": sl.city,\r\n                \"state\": sl.state,\r\n                \"postalCode\": sl.zip ? sl.zip.trim() : \"\",\r\n                \"policyNumber\": sl.policyNumber,\r\n                \"policyType\": sl.policyType,\r\n                \"renewalDate\": sl.renewalDate,\r\n                \"motorCycle\": sl.motorCycle,\r\n                \"rv\": sl.rv,\r\n                \"waterCraft\": sl.waterCraft,\r\n                \"email\": sl.email,\r\n                \"phone\": sl.phone\r\n            };\r\n        });\r\n        await site.personalizationInfo.addMailContacts(selected);\r\n    }\r\n\r\n    function sortSearch(value) {\r\n\r\n        if (searchTerm.value.includes(value)) {\r\n\r\n            if (searchTerm.value.includes('-desc')) {\r\n                searchTerm.value = value;\r\n            } else {\r\n                searchTerm.value = value + '-desc';\r\n            }\r\n\r\n        } else {\r\n            searchTerm.value = value;\r\n        }\r\n\r\n        search.setSortId(searchTerm.value);\r\n    }\r\n\r\n    //SearchTable Changes\r\n    //computed\r\n    const allRecordsSelected = computed(() => {\r\n        return search?.results?.rows?.length == listLength.value;\r\n    });\r\n\r\n    //methods\r\n    function selectAll(isSelectAll, list) {\r\n        selectedList.length = 0;\r\n        if (isSelectAll)\r\n            for (var i = 0; i < list.length; i++) {\r\n                selectedList.push(list[i].policyNumber)\r\n            }\r\n    }\r\n\r\n    function selected(value) {\r\n        selectedList.length = 0;\r\n        Object.assign(selectedList, value);\r\n    }\r\n\r\n    function formatFlag(flag) {\r\n        if (flag == 'Y' || flag == 'N') {\r\n            return flag;\r\n        }\r\n        else {\r\n            if (flag) {\r\n                return 'Y';\r\n            }\r\n            else {\r\n                return 'N';\r\n            }\r\n        }\r\n    }\r\n\r\n    search.onResults(() => {\r\n        if (props.orderState?.mailContacts?.length == 0) {\r\n            selectedList.length = 0;\r\n            Object.assign(selectedList, search.results?.rows?.map(mc => mc.policyNumber));\r\n        }\r\n        else if (props.orderState?.mailContacts?.length > 0) {\r\n            const currentSelectedList = props.orderState?.mailContacts.map(mc => mc.policyNumber);\r\n            const filteredSelectedList = search?.results?.rows?.filter(mc => currentSelectedList.includes(mc.policyNumber));\r\n            if (filteredSelectedList.length > 0) {\r\n                Object.assign(selectedList, filteredSelectedList.map(mc => mc.policyNumber));\r\n            }\r\n            else {\r\n                selectedList.length = 0;\r\n                Object.assign(selectedList, search?.results?.rows?.map(mc => mc.policyNumber));\r\n            }\r\n        }\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"row my-5\">\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col\">\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"col border-bottom border-color-1\">\r\n\r\n            <div class=\"d-flex\">\r\n                <div class=\"text-color-1\">\r\n                    <h2 class=\"mb-0\">Select policyholders to be included in this campaign.</h2>\r\n                </div>\r\n                <div class=\"ms-auto\">\r\n                    {{detail.product.name}} ({{detail.product.itemNumber}})\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"row\">\r\n        <div class=\"col\">\r\n            <SearchContainer v-if=\"orderFlowDetails.oppId && orderFlowDetails.statCode\" :search=\"search\" default-view=\"list\" :deep-link=\"false\">\r\n\r\n                <!-- Hidden but used for filtering on filterInitiallValue-->\r\n                <DateRangeFilter v-show=\"false\" filter-id=\"cross-sell-type-code-sub-code\" :initial-start-date=\"orderFlowDetails.oppId\" :initial-end-date=\"orderFlowDetails.statCode\" />\r\n\r\n                <div class=\"row mb-2\">\r\n                    <div class=\"d-flex\">\r\n                        <div class=\"me-auto\">\r\n                            <span class=\"text-success fw-bold\">{{listLength}}</span> Selected <span class=\"ms-3 text-success fw-bold\">{{ search.results.totalCount }}</span> List Count\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"data-table\">\r\n                    <SearchTableV1 :columns=\"exportColumns\" @sort-by=\"sortSearch\" selection-type=\"MULTIPLE\" id-field=\"policyNumber\" :select-all=\"allRecordsSelected\" @selected=\"selected\" @selectAll=\"selectAll\" :selected-records=\"selectedList\">\r\n                        <template v-slot:statCode=\"row\">\r\n                            {{ formatStatCode(row.statCode)}}\r\n                        </template>\r\n                        <template v-slot:mailingDate=\"row\">\r\n                            {{formatDate(row.mailingDate)}}\r\n                        </template>\r\n\r\n                        <template v-slot:renewalDate=\"row\">\r\n                            {{formatDate(row.renewalDate)}}\r\n                        </template>\r\n\r\n                        <template v-slot:motorCycle=\"row\">\r\n                            {{formatFlag(row.motorCycle)}}\r\n                        </template>\r\n\r\n                        <template v-slot:waterCraft=\"row\">\r\n                            {{formatFlag(row.waterCraft)}}\r\n                        </template>\r\n\r\n                        <template v-slot:rv=\"row\">\r\n                            {{formatFlag(row.rv)}}\r\n                        </template>\r\n\r\n                        <template v-slot:marketingChannel=\"row\">\r\n                            <div v-if=\"row.mailingDate\">Direct Mail</div>\r\n                        </template>\r\n\r\n                        <!-- Template for no results -->\r\n                        <template #empty>\r\n                            None of your policyholders currently meet the criteria for this type of campaign.\r\n                        </template>\r\n\r\n                        <!-- Template while results are initially loading -->\r\n                        <template #loading>\r\n                            <div class=\"row\">\r\n                                <div class=\"col text-center\">\r\n                                    <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                    <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                    <span class=\"fw-bold\">Performing a search for the data</span>\r\n                                    <div class=\"spinner-border mx-3\" role=\"status\"></div>\r\n                                    <div class=\"spinner-border\" role=\"status\"></div>\r\n                                </div>\r\n                            </div>\r\n                            <TableSkeleton />\r\n                        </template>\r\n                    </SearchTableV1>\r\n                </div>\r\n            </SearchContainer>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"row mt-3\">\r\n\r\n        <div class=\"d-flex mb-3\">\r\n            <div class=\"me-auto\">\r\n                <router-link :to=\"toPersonalizationPage\" class=\"btn btn-outline-primary\">Previous</router-link>\r\n            </div>\r\n            <div class=\"d-flex\">\r\n                <div class=\"mx-5\"><button v-if=\"listLength > 0\" @click=\"saveForLater\" class=\"btn btn-primary\">Save For Later</button></div>\r\n                <button v-if=\"listLength > 0\" @click=\"next\" class=\"btn btn-primary\">Next</button>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n</style>\r\n","import script from \"./SelectPolicyholders.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SelectPolicyholders.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // SelectSubscriptionPolicyholders\r\n    // Step 2 SelectPolicyholders for Rentention Subscriptions\r\n\r\n    // Constants ----\r\n\r\n    const columns = [\r\n        { field: 'firstName', title: 'First Name', isSortable: true },\r\n        { field: 'lastName', title: 'Last Name', isSortable: true },\r\n        { field: 'address1', title: 'Address', custom: true },\r\n        { field: 'birthMonth', title: 'Birth Month', isSortable: true },\r\n        { field: 'renewalDate', title: 'Renewal Date', custom: true, isSortable: true },\r\n        { field: 'policyType', title: 'Policy Type', isSortable: true },\r\n        { field: 'isBirthdayCardEligible', title: 'Birthday', custom: true },\r\n        { field: 'isSeasonalCardEligible', title: 'Seasonal', custom: true },\r\n    ];\r\n\r\n    const durationOptions = [{ title: '3-Month', value: '3' }, { title: '6-Month', value: '6' }];\r\n\r\n    // Imports\r\n    import { Search } from '@dd-nucleus/nucleus-vue';\r\n    import { ref, reactive, computed, onMounted, defineProps, defineEmits } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRouter } from 'vue-router';\r\n    import { ChannelTypes } from '@/constants'\r\n    import SearchTableV1 from '@/site/components/searches/SearchTableV1';\r\n\r\n    // Components\r\n    import TableSkeleton from '@/site/components/skeleton/TableSkeleton';\r\n    import { isNotEmpty } from '@/util';\r\n\r\n    //props\r\n\r\n    const props = defineProps({\r\n        orderState: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        product: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // State\r\n    const router = useRouter();\r\n    const emit = defineEmits(['saveForLater']);\r\n\r\n    let selectedList = reactive([]);\r\n\r\n    const detail = reactive({ product: props.product });\r\n\r\n    const subscriptionPeriod = ref(durationOptions[0].value);\r\n\r\n    const isLoaded = ref(false);\r\n    const loadedAllRecords = ref(false);\r\n    //const isSelectedAllChecked = ref(false);\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n\r\n    const search = new Search('loyalty-cards-list-search', 'row', 'subscription-firstName');\r\n\r\n    search.onInitFilters(() => {\r\n        if (orderFlowDetails.subscriptionPeriod) {\r\n            search.setFilterInitialValue('subscription-period', String(orderFlowDetails.subscriptionPeriod));\r\n        } else {\r\n            search.setFilterInitialValue('subscription-period', '3');\r\n        }\r\n    });\r\n\r\n    let summaryDetails = reactive([]);\r\n\r\n    // Computed\r\n    const listLength = computed(() => {\r\n        return selectedList.length;\r\n    });\r\n\r\n    const listCount = computed(() => {\r\n        let count = 0;\r\n        for (var i = 0; i < summaryDetails.length; i++) {\r\n            count = count + summaryDetails[i].listCount;\r\n        }\r\n        return count;\r\n    });\r\n\r\n    const totalSelected = computed(() => {\r\n        let count = 0;\r\n        for (var i = 0; i < summaryDetails.length; i++) {\r\n            count = count + summaryDetails[i].selectedCount;\r\n        }\r\n        return count;\r\n\r\n    });\r\n\r\n    const showNext = computed(() => {\r\n        return totalSelected.value > 0\r\n    });\r\n\r\n    const totalPrice = computed(() => {\r\n        return totalSelected.value * detail.product.unitPrice;\r\n    });\r\n\r\n    const toPersonalizationPage = computed(() => {\r\n        const parentId = orderFlowDetails.parentId ? orderFlowDetails.parentId : orderFlowDetails.id;\r\n        const channelType = detail.product?.attributes?.isEmail ? ChannelTypes.EMAIL : ChannelTypes.DIRECT_MAIL;\r\n        return `/personalization/step-1/${orderFlowDetails.id}/${parentId}/${orderFlowDetails.productId}/?edit=true&isSubscription=${detail.product?.attributes?.isSubscription}&channelType=${channelType}`;\r\n    });\r\n\r\n    async function saveForLater() {\r\n        await site.personalizationInfo.enableSaveForLater();\r\n        await UpdateRecipients();\r\n        emit('saveForLater');\r\n    }\r\n\r\n\r\n    async function next() {\r\n        // This needs to go to the review page check that it is working correctly\r\n\r\n        await UpdateRecipients();\r\n        router.push({\r\n            name: 'PersonalizeStep3ReviewPage',\r\n            params: { id: orderFlowDetails.id }\r\n        });\r\n\r\n    }\r\n\r\n    async function UpdateRecipients() {\r\n        orderFlowDetails.subscriptionPeriod = isNotEmpty(subscriptionPeriod.value) ? Number(subscriptionPeriod.value) : 0;\r\n\r\n        orderFlowDetails.targetCount = totalSelected.value;\r\n\r\n        summaryDetails = [...summaryDetails,\r\n        {\r\n            \"assetName\": \"Total\",\r\n            \"listCount\": listCount.value,\r\n            \"selectedCount\": totalSelected.value,\r\n            \"price\": totalPrice.value\r\n        }\r\n        ];\r\n\r\n        orderFlowDetails.seasonalSummary = summaryDetails;\r\n\r\n\r\n        const newSearch = new Search('loyalty-cards-list-search', 'row', 'subscription-firstName');\r\n        if (orderFlowDetails.subscriptionPeriod) {\r\n            newSearch.setFilterInitialValue('subscription-period', String(orderFlowDetails.subscriptionPeriod));\r\n        } else {\r\n            newSearch.setFilterInitialValue('subscription-period', '3');\r\n        }\r\n        await newSearch.activate();\r\n\r\n        const allRows = newSearch.results?.rows;\r\n\r\n        const selected = allRows.filter(sl => selectedList.includes(sl.policyNumber)).map(sl => {\r\n\r\n            return {\r\n                \"externalId\": sl.externalId,\r\n                \"firstName\": sl.firstName,\r\n                \"lastName\": sl.lastName,\r\n                \"addressLine1\": sl.address1,\r\n                \"addressLine2\": sl.address2,\r\n                \"city\": sl.city,\r\n                \"state\": sl.state,\r\n                \"postalCode\": sl.zip ? sl.zip.trim() : \"\",\r\n                \"policyNumber\": sl.policyNumber,\r\n                \"policyType\": sl.policyType,\r\n                \"renewalData\": sl.renewalDate,\r\n                \"birthDate\": sl.birthDate,\r\n                \"isBirthdayCardEligible\": sl.isBirthdayCardEligible,\r\n                \"isSeasonalCardEligible\": sl.isSeasonalCardEligible,\r\n                \"birthMonthNumber\": sl.birthMonthNumber,\r\n                \"birthDayMailDate\": sl.birthDayMailDate,\r\n                \"renewalMailDate\": sl.renewalMailDate,\r\n            };\r\n        });\r\n        await site.personalizationInfo.addSubscriptionPolicyHolders(selected);\r\n    }\r\n\r\n    function formatDate(date) {\r\n        if (date && date.length > 0) {\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    function selectAll(isSelectAll, list) {\r\n        selectedList.splice(0);\r\n        summaryDetails.forEach(sr => {\r\n            sr.selectedCount = 0;\r\n            sr.price = 0;\r\n        });\r\n        if (isSelectAll) {\r\n            Object.assign(selectedList, list.map(l => l.policyNumber));\r\n            adjustBirthdaySelectedCount();\r\n            adjustSeasonalSelectedCount();\r\n        }\r\n    }\r\n\r\n    function adjustBirthdaySelectedCount() {\r\n        const allRows = search.results?.rows;\r\n        if (allRows) {\r\n            const bdEligibleRows = allRows.filter(ar => selectedList.includes(ar.policyNumber) && ar.isBirthdayCardEligible);\r\n            const bdRecord = summaryDetails.find(ad => ad.assetName == 'Birthday');\r\n            if (isNotEmpty(bdRecord)) {\r\n                bdRecord.selectedCount = bdEligibleRows?.length || 0;\r\n                bdRecord.price = bdRecord.selectedCount * detail.product.unitPrice;\r\n            }\r\n        }\r\n    }\r\n\r\n    function adjustSeasonalSelectedCount() {\r\n        const allRows = search.results?.rows;\r\n        if (allRows) {\r\n            const seasonalEligibleRows = allRows.filter(ar => selectedList.includes(ar.policyNumber) && ar.isSeasonalCardEligible && ar.birthDayMailDate);\r\n            const seasonalRecords = summaryDetails.filter(ad => ad.assetName != 'Birthday');\r\n            seasonalRecords.forEach(sr => {\r\n                const seasonalRecordCount = seasonalEligibleRows.filter(sr => new Date(sr.birthDayMailDate).getMonth() != new Date(sr.mailDate).getMonth());\r\n                console.warn('seasonalRecordCount', seasonalRecordCount.length)\r\n                sr.selectedCount = seasonalRecordCount.length || 0;\r\n                sr.price = seasonalRecordCount.length * detail.product.unitPrice;\r\n            });\r\n        }\r\n    }\r\n\r\n    async function refreshSearch(period) {\r\n        loadedAllRecords.value = false;\r\n        await getSummaryData(period);\r\n        await search.setFilterValue('subscription-period', period);\r\n    }\r\n\r\n    async function getSummaryData(period) {\r\n\r\n        const response = await site.personalizationInfo.getRelationMarketingSummary(period);\r\n        summaryDetails.length = 0;\r\n\r\n        for (var i = 0; i < response?.summary?.length; i++) {\r\n            const summary = response.summary[i];\r\n            summary.selectedCount = 0;\r\n            summary.price = 0;\r\n            summaryDetails.push(summary);\r\n        }\r\n    }\r\n\r\n    onMounted(async () => {\r\n\r\n        if (orderFlowDetails.subscriptionPeriod) {\r\n            subscriptionPeriod.value = String(orderFlowDetails.subscriptionPeriod);\r\n        }\r\n\r\n        await getSummaryData(subscriptionPeriod.value);\r\n        isLoaded.value = true;\r\n    });\r\n\r\n    const searchTerm = ref('firstName');\r\n\r\n    function sortSearch(value) {\r\n\r\n        value = 'subscription-' + value\r\n\r\n        if (searchTerm.value.includes(value)) {\r\n\r\n            if (searchTerm.value.includes('-desc')) {\r\n                searchTerm.value = value;\r\n            } else {\r\n                searchTerm.value = value + '-desc';\r\n            }\r\n\r\n        } else {\r\n            searchTerm.value = value;\r\n        }\r\n\r\n        search.setSortId(searchTerm.value);\r\n    }\r\n\r\n    //SearchTable Changes\r\n    //computed\r\n    const allRecordsSelected = computed(() => {\r\n        return search?.results?.rows?.length == listLength.value;\r\n    });\r\n\r\n    const isAgencySelected = computed(() => {\r\n        return site.agencyDetails.defaultAgency.id > 0;\r\n    });\r\n\r\n    function selected(value) {\r\n        selectedList.length = 0;\r\n        Object.assign(selectedList, value);\r\n        adjustBirthdaySelectedCount();\r\n        adjustSeasonalSelectedCount();\r\n    }\r\n\r\n    search.onResults(() => {\r\n        if (props.orderState?.mailContacts?.length == 0) {\r\n            selectedList.length = 0;\r\n            Object.assign(selectedList, search.results?.rows?.map(mc => mc.policyNumber));\r\n        }\r\n        else if (props.orderState?.mailContacts?.length > 0) {\r\n            const currentSelectedList = props.orderState?.mailContacts.map(mc => mc.policyNumber);\r\n            const filteredSelectedList = search?.results?.rows?.filter(mc => currentSelectedList.includes(mc.policyNumber));\r\n            if (filteredSelectedList.length > 0) {\r\n                Object.assign(selectedList, filteredSelectedList.map(mc => mc.policyNumber));\r\n            }\r\n            else {\r\n                selectedList.length = 0;\r\n                Object.assign(selectedList, search?.results?.rows?.map(mc => mc.policyNumber));\r\n            }\r\n        }\r\n        adjustBirthdaySelectedCount();\r\n        adjustSeasonalSelectedCount();\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"select-subscrition-policy-holders\" v-if=\"isLoaded\">\r\n        <div class=\"row my-5\">\r\n\r\n            <div class=\"col border-bottom border-color-1\">\r\n\r\n                <div class=\"d-flex\">\r\n                    <div class=\"text-color-1\">\r\n                        <h2 class=\"mb-0\">Select policyholders to be included in this campaign.</h2>\r\n                    </div>\r\n                    <div class=\"ms-auto\">\r\n                        {{detail.product.name}} ({{detail.product.itemNumber}})\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"row select-duration p-3\">\r\n            <div class=\"col\">\r\n                <div class=\"fw-bold\">\r\n                    Select Subscription Duration\r\n                </div>\r\n                <div v-for=\"option in durationOptions\" :key=\"option.value\" class=\"form-check form-check-inline mt-3\">\r\n                    <input class=\"form-check-input\"\r\n                           type=\"radio\"\r\n                           v-model=\"subscriptionPeriod\"\r\n                           :value=\"option.value\"\r\n                           :id=\"option.value\"\r\n                           @click=\"refreshSearch(option.value)\" />\r\n                    <label class=\"form-check-label\" :for=\"option.value\">{{ option.title }}</label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row mt-3\" v-if=\"isLoaded\">\r\n            <div class=\"col\">\r\n                <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"false\">\r\n                    <div class=\"row mb-2\">\r\n                        <div class=\"d-flex\">\r\n                            <div class=\"me-auto\">\r\n                                <span class=\"text-success fw-bold\">{{listLength}}</span> Selected <span class=\"ms-3 text-success fw-bold\">{{ search.results.totalCount }}</span> List Count\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"data-table\">\r\n                        <SearchTableV1 :columns=\"columns\" @sort-by=\"sortSearch\" selection-type=\"MULTIPLE\" id-field=\"policyNumber\" :select-all=\"allRecordsSelected\" @selected=\"selected\" @selectAll=\"selectAll\" :selected-records=\"selectedList\">\r\n                            <template v-slot:address1=\"row\">\r\n                                <div>{{row.address1}} {{row.address2}}</div>\r\n                                <div>{{row.city}} {{row.state}} {{row.zip}}</div>\r\n                            </template>\r\n\r\n                            <template v-slot:isSeasonalCardEligible=\"row\">\r\n                                <div class=\"text-center fs-1\">\r\n                                    <i v-if=\"row.isSeasonalCardEligible\" class=\"bi bi-x-square\"></i>\r\n                                    <i v-else class=\"bi bi-square\"></i>\r\n                                </div>\r\n                            </template>\r\n\r\n                            <template v-slot:isBirthdayCardEligible=\"row\">\r\n                                <div class=\"text-center fs-1\">\r\n                                    <i v-if=\"row.isBirthdayCardEligible\" class=\"bi bi-x-square\"></i>\r\n                                    <i v-else class=\"bi bi-square\"></i>\r\n                                </div>\r\n                            </template>\r\n\r\n                            <template v-slot:renewalDate=\"row\">\r\n                                {{formatDate(row.renewalDate)}}\r\n                            </template>\r\n\r\n                            <!-- Template for no results -->\r\n                            <template #empty>\r\n                                None of your policyholders currently meet the criteria for this type of campaign.\r\n                            </template>\r\n\r\n                            <!-- Template while results are initially loading -->\r\n                            <template #loading>\r\n                                <div class=\"row\">\r\n                                    <div class=\"col text-center\">\r\n                                        <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                        <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                        <span class=\"fw-bold\">Performing a search for the data</span>\r\n                                        <div class=\"spinner-border mx-3\" role=\"status\"></div>\r\n                                        <div class=\"spinner-border\" role=\"status\"></div>\r\n                                    </div>\r\n                                </div>\r\n                                <TableSkeleton />\r\n                            </template>\r\n                        </SearchTableV1>\r\n                    </div>\r\n                </SearchContainer>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row mt-3\" v-if=\"isNotEmpty(summaryDetails)\">\r\n            <div class=\"col-6\">\r\n                <div class=\"fw-bold text-center summary p-1 mb-1\">\r\n                    Summary\r\n                </div>\r\n                <div>\r\n                    <table class=\"table\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th></th>\r\n                                <th>List Count</th>\r\n                                <th>Selected</th>\r\n                                <th>Price</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <tr v-for=\"detail in summaryDetails\" :key=\"detail.assetName\">\r\n                                <td>{{detail.assetName}}</td>\r\n                                <td>{{detail.listCount}}</td>\r\n                                <td>\r\n                                    <span>\r\n                                        {{detail.selectedCount}}\r\n                                    </span>\r\n                                </td>\r\n                                <td>{{site.convertNumberToCurrency(detail.price)}}</td>\r\n                            </tr>\r\n                            <tr class=\"fw-bold\">\r\n                                <td>Total</td>\r\n                                <td>{{listCount}}</td>\r\n                                <td>{{totalSelected}}</td>\r\n                                <td>{{site.convertNumberToCurrency(totalPrice)}}</td>\r\n                            </tr>\r\n                        </tbody>\r\n\r\n                    </table>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row mt-3\">\r\n\r\n            <div class=\"d-flex mb-3\">\r\n                <div class=\"me-auto\">\r\n                    <router-link :to=\"toPersonalizationPage\" class=\"btn btn-outline-primary\">Previous</router-link>\r\n                </div>\r\n                <div class=\"d-flex\">\r\n                    <div class=\"mx-5\"><button v-if=\"isAgencySelected\" @click=\"saveForLater\" class=\"btn btn-primary\" >Save For Later</button></div>\r\n                    <button @click=\"next\" class=\"btn btn-primary\" :disabled=\"!showNext\">Next</button>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .select-subscrition-policy-holders {\r\n\r\n        .select-duration {\r\n            background: $highlight-4;\r\n        }\r\n\r\n        .summary {\r\n            background: $color-2-dk;\r\n            color: $gray-0;\r\n        }\r\n\r\n        .table > :not(caption) > * > * {\r\n            border-bottom: unset;\r\n        }\r\n        // Another weird border top on the table\r\n        .table > :not(:first-child) {\r\n            border-top: unset;\r\n        }\r\n\r\n        thead tr {\r\n            background: $color-2;\r\n            color: $gray-0;\r\n        }\r\n\r\n        thead tr th {\r\n            font-weight: 400;\r\n            border-right: 1px solid #fff;\r\n        }\r\n\r\n        thead tr th:last-child {\r\n            border-right: none;\r\n        }\r\n\r\n        tbody tr {\r\n            border-color: #c0bfc0;\r\n            border-bottom: 1px solid #dee2e6;\r\n\r\n            &:last-child {\r\n                border-bottom: unset;\r\n            }\r\n        }\r\n    }\r\n</style>\r\n","import script from \"./SelectSubscriptionPolicyholders.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SelectSubscriptionPolicyholders.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SelectSubscriptionPolicyholders.vue?vue&type=style&index=0&id=541b039b&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\r\n// ZipSearch\r\n// Form used to find zip codes for prospecting\r\n\r\n// Imports ----\r\nimport { Form } from '@dd-nucleus/nucleus-vue';\r\n\r\nexport default class ZipSearch 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                city: '',\r\n                state: ''\r\n            }));\r\n\r\n        this.validator.fields.city.isRequired = true;\r\n        this.validator.fields.state.isRequired = true;\r\n\r\n        this.validator.fields.city.maxLength = 50;\r\n        this.validator.fields.state.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.city = '';\r\n        this.model.state = '';\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}","<script setup>\r\n\r\n    // ZipCodeLookup\r\n    // A component that will search for zip codes and emit it to the parent\r\n\r\n    // Imports \r\n    import { reactive, defineEmits, computed, onMounted, defineProps, watch } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { store } from '@dd-nucleus/nucleus-vue';\r\n    import ZipSearch from '../forms/ZipSearch';\r\n\r\n    //props\r\n    const props = defineProps({\r\n        reload: {\r\n            type: Number,\r\n            required: false,\r\n            default: 0\r\n        }\r\n    });\r\n    // State \r\n    const select = reactive({ id: '', city: '', state: '', zipCode: '' });\r\n\r\n    const selected = reactive({ id: '', city: '', state: '', zipCode: '' });\r\n\r\n    const selectedZipCodes = reactive([]);\r\n\r\n    const searchedZipCodes = reactive([]);\r\n\r\n    const zipSearch = reactive(new ZipSearch());\r\n\r\n    //computed\r\n    const hasZipCodes = computed(() => {\r\n        if (searchedZipCodes.length > 0 || selectedZipCodes.length > 0) {\r\n            return true;\r\n        } else {\r\n            return false;\r\n        }\r\n    });\r\n\r\n    // Methods \r\n    async function lookupZip() {\r\n\r\n        const response = await site.personalizationInfo.zipLookup(zipSearch.model.city, zipSearch.model.state)\r\n\r\n        if (response.length > 0) {\r\n            for (var i = 0; i < response.length; i++) {\r\n\r\n                if (!searchedZipCodes.find(item => item.zipCode === response[i].zipCode)\r\n                    && !selectedZipCodes.find(item => item.zipCode === response[i].zipCode)) {\r\n                    searchedZipCodes.push({ state: response[i].state, city: response[i].city, zipCode: response[i].zipCode });\r\n                }\r\n            }\r\n        }        \r\n    }\r\n\r\n    function selectRow(data) {\r\n        Object.assign(select, {});\r\n        Object.assign(select, data);\r\n    }\r\n\r\n    function selectedRow(data) {\r\n        Object.assign(selected, {});\r\n        Object.assign(selected, data);\r\n    }\r\n\r\n    function add() {\r\n        if (select.city.length > 0) {\r\n            if (!selectedZipCodes.find(item => item.zipCode === select.zipCode)) {\r\n                selectedZipCodes.push({ state: select.state, city: select.city, zipCode: select.zipCode });\r\n            }\r\n\r\n            for (var i = 0; i < searchedZipCodes.length; i++) {\r\n\r\n                if (searchedZipCodes[i].zipCode === select.zipCode) {\r\n\r\n                    searchedZipCodes.splice(i, 1);\r\n                }\r\n\r\n            }\r\n\r\n            Object.keys(select).forEach(key => select[key] = '');\r\n        }\r\n    }\r\n\r\n    function remove() {\r\n        if (selected.city.length > 0) {\r\n            for (var i = 0; i < selectedZipCodes.length; i++) {\r\n\r\n                if (selectedZipCodes[i].zipCode === selected.zipCode) {\r\n\r\n                    selectedZipCodes.splice(i, 1);\r\n                }\r\n            }\r\n\r\n                if (!searchedZipCodes.find(item => item.zipCode === selected.zipCode)) {\r\n                    searchedZipCodes.push({ state: selected.state, city: selected.city, zipCode: selected.zipCode });\r\n                }\r\n            \r\n\r\n            Object.keys(selected).forEach(key => selected[key] = '');\r\n        }\r\n    }\r\n\r\n    const emitSelectedZipCodes = () => {\r\n        emits('selectedZips', selectedZipCodes);\r\n    }\r\n\r\n    // Emits \r\n    const emits = defineEmits(['selectedZips']);\r\n\r\n    // Handlers ----\r\n    onMounted(async () => {\r\n        \r\n        zipSearch.create();\r\n\r\n    });\r\n\r\n    watch(() => props.reload, () => {\r\n        Object.assign(zipSearch, new ZipSearch());\r\n        selectedZipCodes.length = 0;\r\n        searchedZipCodes.length = 0;\r\n    });\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"zip-code-lookup\">\r\n        <div class=\"row\">\r\n\r\n            <div class=\"col\">\r\n\r\n                <p class=\"fw-bold\">Lookup ZIP Code by City and/or State</p>\r\n\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"row\">\r\n\r\n            <FormContainer :form=\"zipSearch\" optional-text=\"(Optional)\">\r\n                <FormMessages />\r\n                <slot name=\"top\"></slot>\r\n\r\n                <div class=\"col-6\">\r\n                    <FieldLabel field-name=\"city\" label=\"City\">\r\n                        <TextBoxField v-model=\"zipSearch.model.city\" placeholder=\"City\" />\r\n                        <FieldMessages />\r\n                    </FieldLabel>\r\n                </div>\r\n\r\n                <div class=\"col-6\">\r\n                    <FieldLabel field-name=\"state\" label=\"State\">\r\n                        <DropDownListField v-model=\"zipSearch.model.state\" :options=\"store.shipping.states\" null-option-text=\"Select State\" />\r\n                        <FieldMessages />\r\n                    </FieldLabel>\r\n                </div>\r\n\r\n            </FormContainer>\r\n\r\n        </div>\r\n\r\n        <div class=\"row mb-5 mt-2\">\r\n\r\n            <div class=\"col text-end\">\r\n\r\n                <button @click=\"lookupZip\" class=\"btn btn-primary\" :disabled=\"zipSearch.status.isInvalid\">\r\n                    Lookup\r\n                </button>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"row\" v-if=\"hasZipCodes\">\r\n\r\n            <div class=\"col-5 bg-color-3-xlt p-3\">\r\n\r\n                <div class=\"fs-4\">Select ZIP Code(s)</div>\r\n\r\n                <table class=\"table\">\r\n                    <thead class=\"bg-color-2-dk\">\r\n                        <tr class=\"text-gray-0\">\r\n                            <td class=\"border-end border-gray-0\">\r\n                                City\r\n                            </td>\r\n                            <td>\r\n                                Zip Code\r\n                            </td>\r\n                        </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                        <template v-for=\"data in searchedZipCodes\" :key=\"data.city\">\r\n                            <tr :class=\"{selectedRow: data.zipCode == select.zipCode}\" @click=\"selectRow(data)\">\r\n                                <td>{{data.city}}</td>\r\n                                <td>{{data.zipCode}}</td>\r\n                            </tr>\r\n                        </template>\r\n                    </tbody>\r\n                </table>\r\n            </div>\r\n\r\n            <div class=\"col-2 text-center mt-5\">\r\n                <div class=\"mt-5\">\r\n                    <button class=\"btn btn-outline-primary\" @click=\"add\">\r\n                        Add\r\n                    </button>\r\n                </div>\r\n                <div class=\"mt-3\">\r\n                    <button class=\"btn btn-outline-primary\" @click=\"remove\">\r\n                        Remove\r\n                    </button>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"col-5 bg-color-3-xlt p-3\">\r\n                <div class=\"fs-4\">Selected ZIP Code(s)</div>\r\n                <table class=\"table\">\r\n                    <thead class=\"bg-color-2-dk\">\r\n                        <tr class=\"text-gray-0\">\r\n                            <td class=\"border-end border-gray-0\">\r\n                                City\r\n                            </td>\r\n                            <td>\r\n                                Zip Code\r\n                            </td>\r\n                        </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                        <template v-for=\"data in selectedZipCodes\" :key=\"data.city\">\r\n                            <tr :class=\"{selectedRow: data.zipCode == selected.zipCode}\" @click=\"selectedRow(data)\">\r\n                                <td>{{data.city}}</td>\r\n                                <td>{{data.zipCode}}</td>\r\n                            </tr>\r\n                        </template>\r\n                    </tbody>\r\n                </table>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row mt-5\" v-if=\"selectedZipCodes.length > 0\">\r\n            <div class=\"col text-end\">\r\n                <button @click=\"emitSelectedZipCodes\" class=\"btn btn-primary\">\r\n                    Continue\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .zip-code-lookup {\r\n\r\n        .selectedRow {\r\n            background: $color-1;\r\n            color: $gray-0;\r\n        }\r\n    }\r\n</style>\r\n","import script from \"./ZipCodeLookup.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ZipCodeLookup.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ZipCodeLookup.vue?vue&type=style&index=0&id=5a64efee&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ZipCodePanel\r\n    // Step 2 on selecting by zipcode\r\n\r\n    // Constants\r\n    const zipRadius = {\r\n        ZERO: { value: 0, text: '0 Miles' },\r\n        FIVE: { value: 5, text: '5 Miles' },\r\n        TEN:  { value: 10, text: '10 Miles' }, \r\n        FIFTEEN: { value: 15, text: '15 Miles' }, \r\n        TWENTY_FIVE: { value: 25, text: '25 Miles' },\r\n\r\n    }\r\n\r\n    const prospectTypeOption = {\r\n        WITHALL: 'withPhoneAll',\r\n        WITHSELECT: 'withPhoneSelect',\r\n        WITHOUTALL: 'withoutPhoneAll',\r\n        WITHOUTSELECT: 'withoutPhoneSelect',\r\n    }\r\n\r\n    // Imports\r\n    import { ref, reactive, onMounted, computed, defineProps, defineEmits } from 'vue';\r\n    import { useRouter } from 'vue-router';\r\n    import { site } from '@/Site';\r\n\r\n    // Components\r\n    import ModalBox from '@/site/components/ModalBox';\r\n    import ZipCodeLookup from './ZipCodeLookup';\r\n    import { ChannelTypes } from '@/constants'\r\n\r\n    //props\r\n    const props = defineProps({\r\n        orderState: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        product: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n    const router = useRouter();\r\n    const emit = defineEmits(['saveForLater']);\r\n\r\n    //State\r\n    const postalCodes = ref(\"\");\r\n    const postalRadius = ref(zipRadius.ZERO.value);\r\n    const crossState = ref(false);\r\n    const showPricing = ref(false);\r\n    const zipModal = ref();\r\n    const countWithPhoneNumber = ref(0)\r\n    const countWithoutPhoneNumber = ref(0)\r\n    const originalCountWithPhoneNumber = ref(0)\r\n    const originalCountWithoutPhoneNumber = ref(0)\r\n    const priceWithPhoneNumber = ref({});\r\n    const priceWithoutPhoneNumber = ref({});\r\n    const prospectType = ref(prospectTypeOption.WITHALL);\r\n    const detail = reactive({ product: props.product });\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n    const availablePricing = ref(null);\r\n    const reload = ref(0);\r\n\r\n    // Methods\r\n    async function submit() {\r\n\r\n        if (detail.product && detail.product.itemNumber) {\r\n            const data = {\r\n                \"zipCodes\": postalCodes.value.split(','),\r\n                \"zipRadius\": postalRadius.value,\r\n                \"crossStateBoundary\": crossState.value,\r\n                \"itemNumber\": detail.product.itemNumber,\r\n            }\r\n\r\n            const countPrices = await site.personalizationInfo.getProspectCountPrice(data);\r\n            if (countPrices && countPrices.length == 2) {\r\n                var withPhone = countPrices.find(cp => cp.price.includePhoneNumber);\r\n                var withOutPhone = countPrices.find(cp => !cp.price.includePhoneNumber);\r\n                countWithoutPhoneNumber.value = withOutPhone?.count?.countWithFactor;\r\n                countWithPhoneNumber.value = withPhone.count?.countWithFactor;\r\n\r\n                originalCountWithoutPhoneNumber.value = withOutPhone?.count?.countWithFactor;\r\n                originalCountWithPhoneNumber.value = withPhone?.count?.countWithFactor;\r\n\r\n                priceWithPhoneNumber.value = withPhone?.price;\r\n\r\n                priceWithoutPhoneNumber.value = withOutPhone?.price\r\n            }\r\n            else {\r\n                countWithoutPhoneNumber.value = countWithPhoneNumber.value = originalCountWithoutPhoneNumber.value = originalCountWithPhoneNumber.value = 0;\r\n\r\n                priceWithPhoneNumber.value = priceWithoutPhoneNumber.value = {};\r\n            }\r\n\r\n            showPricing.value = true;\r\n            if (availablePricing.value) {\r\n                availablePricing.value.scrollIntoView({ behavior: \"smooth\" });\r\n            }\r\n\r\n        }\r\n    }\r\n\r\n    function setSelectedZipCodes(zipCodes) {\r\n\r\n        postalCodes.value = zipCodes.map((item) => { return item.zipCode }).join(',')\r\n\r\n\r\n        zipModal.value.close();\r\n\r\n        submit();\r\n    }\r\n\r\n    async function recalculate() {\r\n\r\n        let maxCount = 0;\r\n        priceWithPhoneNumber.value.targetCount = originalCountWithPhoneNumber.value;\r\n        priceWithoutPhoneNumber.value.targetCount = originalCountWithoutPhoneNumber.value;\r\n\r\n        if (prospectType.value == prospectTypeOption.WITHOUTSELECT) {\r\n            maxCount = Number(originalCountWithoutPhoneNumber.value);\r\n        } else {\r\n            maxCount = Number(originalCountWithPhoneNumber.value)\r\n        }\r\n        confirmMax(maxCount);\r\n    }\r\n\r\n    async function confirmMax(max) {\r\n        const targetCountForWithoutPhoneNumber = priceWithoutPhoneNumber.value.targetCount;\r\n        if (prospectType.value == prospectTypeOption.WITHOUTSELECT) {\r\n            let targetCount = parseInt(targetCountForWithoutPhoneNumber);\r\n            if (isNaN(targetCount)) {\r\n                return\r\n            }\r\n            if (targetCount > max) {\r\n                priceWithoutPhoneNumber.value.targetCount = max;\r\n                targetCount = max;\r\n            }\r\n            priceWithoutPhoneNumber.value = await site.personalizationInfo.getProspectPrice({\r\n                \"itemNumber\": detail.product.itemNumber,\r\n                \"targetCount\": targetCount,\r\n                \"includePhoneNumber\": false,\r\n            });\r\n        }\r\n\r\n        const targetCountForPhoneNumber = priceWithPhoneNumber.value.targetCount;\r\n        if (prospectType.value == prospectTypeOption.WITHSELECT) {\r\n            let targetCount = parseInt(targetCountForPhoneNumber);\r\n            if (isNaN(targetCount)) {\r\n                return\r\n            }\r\n            if (targetCount > max) {\r\n                priceWithPhoneNumber.value.targetCount = max;\r\n                targetCount = max;\r\n            }\r\n            priceWithPhoneNumber.value = await site.personalizationInfo.getProspectPrice({\r\n                \"itemNumber\": detail.product.itemNumber,\r\n                \"targetCount\": targetCount,\r\n                \"includePhoneNumber\": true,\r\n            });\r\n        }\r\n    }\r\n\r\n\r\n    function getPayload() {\r\n\r\n        const payload = {\r\n            zipCodes: postalCodes.value,\r\n            zipRadius: postalRadius.value,\r\n            crossStateBoundary: crossState.value,\r\n            isOwnListUploaded: false,\r\n        }\r\n\r\n        if (prospectType.value == prospectTypeOption.WITHALL || prospectType.value == prospectTypeOption.WITHSELECT) {\r\n            Object.assign(payload, { includePhoneNumber: true });\r\n            Object.assign(payload, { targetCount: priceWithPhoneNumber.value.targetCount });\r\n            Object.assign(payload, { totalPrice: priceWithPhoneNumber.value.finalPrice });\r\n            Object.assign(payload, { unitPrice: priceWithPhoneNumber.value.finalUnitPrice });\r\n        }\r\n\r\n        if (prospectType.value == prospectTypeOption.WITHOUTALL || prospectType.value == prospectTypeOption.WITHOUTSELECT) {\r\n            Object.assign(payload, { includePhoneNumber: false });\r\n            Object.assign(payload, { targetCount: priceWithoutPhoneNumber.value.targetCount });\r\n            Object.assign(payload, { totalPrice: priceWithoutPhoneNumber.value.finalPrice });\r\n            Object.assign(payload, { unitPrice: priceWithoutPhoneNumber.value.finalUnitPrice });\r\n        }\r\n\r\n        return payload;\r\n    }\r\n\r\n    async function next() {\r\n\r\n        const payload = getPayload();\r\n\r\n        await site.personalizationInfo.updateProspectingZipCodes(payload);\r\n\r\n        router.push({\r\n            name: 'PersonalizeStep3Page',\r\n            params: {\r\n                id: orderFlowDetails.id\r\n            },\r\n        });\r\n    }\r\n\r\n    async function saveForLater() {\r\n        site.personalizationInfo.saveForLaterInLocal();\r\n        const payload = getPayload();\r\n        await site.personalizationInfo.updateProspectingZipCodes(payload);\r\n        emit('saveForLater');\r\n    }\r\n\r\n    async function showModal() {\r\n        zipModal.value.show();\r\n        if (postalCodes.value?.length == 0) {\r\n            reload.value = reload.value + 1;\r\n        }\r\n    }\r\n\r\n\r\n    //computed\r\n    const showNext = computed(() => {\r\n        return (((prospectType.value == prospectTypeOption.WITHSELECT || prospectType.value == prospectTypeOption.WITHALL)\r\n            && priceWithPhoneNumber.value && priceWithPhoneNumber.value.targetCount > 0)\r\n            || ((prospectType.value == prospectTypeOption.WITHOUTSELECT || prospectType.value == prospectTypeOption.WITHOUTALL)\r\n                && priceWithoutPhoneNumber.value && priceWithoutPhoneNumber.value.targetCount > 0));\r\n    });\r\n\r\n    const showCheckAvailability = computed(() => {\r\n\r\n        return postalCodes.value && postalCodes.value.length > 0;\r\n\r\n    });\r\n\r\n    const toPersonalizationPage = computed(() => {\r\n        const parentId = orderFlowDetails.parentId ? orderFlowDetails.parentId : orderFlowDetails.id;\r\n        const channelType = detail.product?.attributes?.isEmail ? ChannelTypes.EMAIL : ChannelTypes.DIRECT_MAIL;\r\n        return `/personalization/step-1/${orderFlowDetails.id}/${parentId}/${orderFlowDetails.productId}/?edit=true&isSubscription=${detail.product?.attributes?.isSubscription}&channelType=${channelType}`;\r\n    });\r\n\r\n    // Computed\r\n    const isAgencySelected = computed(() => {\r\n        return site.agencyDetails.defaultAgency.id > 0;\r\n    });\r\n\r\n    onMounted(async () => {\r\n\r\n        postalCodes.value = props.orderState.zipCodes ? props.orderState.zipCodes : postalCodes.value;\r\n        postalRadius.value = props.orderState.zipRadius ? props.orderState.zipRadius : postalRadius.value;\r\n        crossState.value = props.orderState.crossStateBoundary ? props.orderState.crossStateBoundary : crossState.value;\r\n    });\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <ModalBox modalId=\"zipCodeLookUp\" title=\"ZIP Code Look Up\" modalSize=\"modal-lg\" ref=\"zipModal\">\r\n\r\n        <template v-slot:body>\r\n\r\n            <ZipCodeLookup @selectedZips=\"setSelectedZipCodes\" :reload=\"reload\" modal-size=\"large\" />\r\n\r\n        </template>\r\n\r\n    </ModalBox>\r\n\r\n    <div class=\"prospecting-step2-zip-code\">\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col-sm-6 offset-sm-3 text-center bg-color-3-xlt zip-code-lookup\">\r\n                <button class=\"btn btn-outline-primary mt-3\" @click=\"showModal\">\r\n                    Zip Code Lookup\r\n                </button>\r\n                <div class=\"py-2 d-flex align-items-center\">\r\n                    <hr class=\"flex-grow-1\" />\r\n                    <div class=\"px-5\">OR</div>\r\n                    <hr class=\"flex-grow-1\" />\r\n                </div>\r\n                <div class=\"mb-3 text-start\">\r\n                    <label class=\"form-label\"><strong>ZIP Code(s)</strong> (Separate by commas)</label>\r\n                    <input type=\"text\" v-model=\"postalCodes\" class=\"form-control\">\r\n                </div>\r\n                <div class=\"mb-3 text-start\">\r\n                    <label class=\"form-label fw-bold\">ZIP Code Radius <a href=\"/downloads/Zip-Code-Radius.pdf\" class=\"no-underline fw-normal fs-6\" target=\"_blank\">Information on Zip Radius</a></label>\r\n                    <select class=\"form-select\" v-model=\"postalRadius\">\r\n                        <option :value=\"zipRadius.ZERO.value\">{{zipRadius.ZERO.text}}</option>\r\n                        <option :value=\"zipRadius.FIVE.value\">{{zipRadius.FIVE.text}}</option>\r\n                        <option :value=\"zipRadius.TEN.value\">{{zipRadius.TEN.text}}</option>\r\n                        <option :value=\"zipRadius.FIFTEEN.value\">{{zipRadius.FIFTEEN.text}}</option>\r\n                        <option :value=\"zipRadius.TWENTY_FIVE.value\">{{zipRadius.TWENTY_FIVE.text}}</option>\r\n                    </select>\r\n                </div>\r\n                <div class=\"mb-3 form-check text-start\">\r\n                    <label class=\"form-check-label\">\r\n                        <input type=\"checkbox\" v-model=\"crossState\" class=\"form-check-input\">\r\n                        Okay to cross state boundaries\r\n                    </label>\r\n                </div>\r\n                <button type=\"submit\" class=\"btn btn-primary mb-3\" :disabled=\"!showCheckAvailability\" @click=\"submit\">Check Availability</button>\r\n            </div>\r\n        </div>\r\n        <div ref=\"availablePricing\">\r\n            <div class=\"row mt-3\" v-if=\"showPricing\">\r\n                <div class=\"col-sm-6 offset-sm-3 text-center bg-color-2-dk p-2 fw-bold fs-4\">\r\n                    Estimated Available Prospects & Pricing\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"row mt-3 price-section\" v-if=\"showPricing\">\r\n            <div class=\"col-sm-6 offset-sm-3\">\r\n                <div class=\"row\">\r\n                    <div class=\"col p-0 fw-bold\">\r\n                        Safeco recommends including phone numbers when available.\r\n                    </div>\r\n                </div>\r\n                <div class=\"row mt-3\">\r\n                    <div class=\"col-sm-5\">\r\n                        <h4 class=\"fw-normal\">Prospects with Phone Numbers</h4>\r\n                        <p class=\"fst-italic fs-6\">(Additional charges apply)</p>\r\n                    </div>\r\n                    <div class=\"col-sm-6 offset-1\">\r\n                        <div class=\"form-check\">\r\n                            <label class=\"form-check-label fw-bold\">\r\n                                <input class=\"form-check-input\" type=\"radio\" :value=\"prospectTypeOption.WITHALL\" v-model=\"prospectType\" name=\"prospectType\" @click=\"recalculate(originalCountWithPhoneNumber)\">\r\n\r\n                                <div>\r\n                                    <span class=\"text-danger\">{{countWithPhoneNumber}}</span>\r\n\r\n                                    <span class=\"fw-normal fs-6 text-gray-4\">\r\n                                        (${{priceWithPhoneNumber.finalUnitPrice}} Each)\r\n                                    </span>\r\n                                </div>\r\n                                <div class=\"fs-6 text-gray-4\">\r\n                                    <span class=\"fw-normal\">Total:</span>\r\n                                    {{site.convertNumberToCurrency(priceWithPhoneNumber.finalPrice)}}\r\n                                </div>\r\n                                <div class=\"fs-6 text-danger\">\r\n                                    Pricing prior to potential applied discount.\r\n                                </div>\r\n                            </label>\r\n                        </div>\r\n                        <div class=\"mb-3 form-check\">\r\n                            <input class=\"form-check-input\" type=\"radio\" :value=\"prospectTypeOption.WITHSELECT\" name=\"prospectType\" v-model=\"prospectType\" @input=\"recalculate\">\r\n                            <label class=\"form-check-label\" for=\"selectQuantity\">\r\n                                Select Quantity\r\n                            </label>\r\n                        </div>\r\n                        <div class=\"form-check\" v-if=\"prospectType == prospectTypeOption.WITHSELECT\">\r\n                            <label class=\"form-label\">Quantity</label>\r\n                            <input type=\"number\" class=\"form-control\" v-model=\"priceWithPhoneNumber.targetCount\" @input=\"confirmMax(countWithPhoneNumber)\" :max=\"countWithPhoneNumber\">\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row my-3\">\r\n                    <div class=\"col\">\r\n                        <hr />\r\n                    </div>\r\n                </div>\r\n                <div class=\"row mt-3\">\r\n                    <div class=\"col-sm-5\">\r\n                        <h4 class=\"fw-normal\">Prospects without Phone Numbers</h4>\r\n                    </div>\r\n                    <div class=\"col-sm-6 offset-1\">\r\n                        <div class=\"form-check\">\r\n                            <input class=\"form-check-input\" type=\"radio\" name=\"prospectType\" :value=\"prospectTypeOption.WITHOUTALL\" v-model=\"prospectType\" @click=\"recalculate(originalCountWithoutPhoneNumber)\">\r\n                            <label class=\"form-check-label fw-bold\" for=\"allAvailableQuantity\">\r\n                                <div>\r\n                                    <span class=\"text-danger\">{{countWithoutPhoneNumber}}</span>\r\n                                    <span class=\"fw-normal fs-6 text-gray-4\">(${{priceWithoutPhoneNumber.finalUnitPrice}} Each)</span>\r\n                                </div>\r\n                                <div>\r\n                                    <div class=\"fs-6 text-gray-4\">\r\n                                        <span class=\"fw-normal\">Total:</span>\r\n                                        {{site.convertNumberToCurrency(priceWithoutPhoneNumber.finalPrice)}}\r\n                                    </div>\r\n                                    <div class=\"fs-6 text-danger\">\r\n                                        Pricing prior to potential applied discount.\r\n                                    </div>\r\n                                </div>\r\n                            </label>\r\n                        </div>\r\n                        <div class=\"mb-3 form-check\">\r\n                            <input class=\"form-check-input\" type=\"radio\" :value=\"prospectTypeOption.WITHOUTSELECT\" name=\"prospectType\" v-model=\"prospectType\" @input=\"recalculate\">\r\n                            <label class=\"form-check-label\" for=\"selectQuantity\">\r\n                                Select Quantity\r\n                            </label>\r\n                        </div>\r\n                        <div class=\"form-check\" v-if=\"prospectType == prospectTypeOption.WITHOUTSELECT\">\r\n                            <label class=\"form-label\">Quantity</label>\r\n                            <input type=\"number\" class=\"form-control\" v-model=\"priceWithoutPhoneNumber.targetCount\" @input=\"confirmMax(countWithoutPhoneNumber)\" :max=\"countWithoutPhoneNumber\">\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row my-5\">\r\n\r\n            <div class=\"col-sm-6\">\r\n\r\n                <router-link :to=\"toPersonalizationPage\" class=\"btn btn-outline-primary\">Previous</router-link>\r\n\r\n\r\n            </div>\r\n\r\n            <div class=\"col-sm-6 text-end\">\r\n                <button v-if=\"isAgencySelected\" @click=\"saveForLater\" class=\"btn btn-primary me-3\" >Save For Later</button>\r\n                <button class=\"btn btn-primary\" @click=\"next\" :disabled=\"!showNext\">Next</button>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n<style lang=\"scss\">\r\n    .prospecting-step2-zip-code {\r\n        .zip-code-lookup {\r\n            padding: 0 150px\r\n        }\r\n\r\n        label {\r\n            font-size: 1.125rem;\r\n        }\r\n\r\n        .price-section {\r\n            min-height: 20rem;\r\n        }\r\n    }\r\n</style>","import script from \"./ZipCodePanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ZipCodePanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ZipCodePanel.vue?vue&type=style&index=0&id=5c9562b8&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // UploadRecipients\r\n    // This will accept a drag and drop of file or a select file box that can upload multiple files.\r\n\r\n    // Constants\r\n    const fileFormats = {\r\n        XLS: 'application/vnd.ms-excel',\r\n        XLSX: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\r\n        CSV: 'text/csv'\r\n    }\r\n\r\n    // Imports\r\n    import { ref, defineEmits, defineProps } from 'vue';\r\n    import { site } from '@/Site';\r\n\r\n    // State\r\n    const active = ref(false);\r\n    const isInvalidFileType = ref(false);\r\n    const uploadFailed = ref(false);\r\n    const fileName = ref('');\r\n\r\n    const props = defineProps({\r\n        productId: {\r\n            type: String,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    const acceptedUploadFormats = ref(Object.values(fileFormats));\r\n\r\n    // Methods\r\n    async function uploadFile(e) {\r\n\r\n        const formData = new FormData();\r\n        \r\n        let files;\r\n\r\n        if (e.type == 'change') {\r\n            files = e.target.files;\r\n        }\r\n\r\n        if (e.type == 'drop') {\r\n            files = e.dataTransfer.files;\r\n        }\r\n        \r\n        for (let file of files) {\r\n\r\n            if (acceptedUploadFormats.value.indexOf(file.type) == -1) {\r\n                isInvalidFileType.value = true;\r\n                return;\r\n\r\n            } else {\r\n                isInvalidFileType.value = false;\r\n                fileName.value = file.name;\r\n                formData.append('file', file);\r\n                formData.append('productId', props.productId);\r\n            }\r\n        }\r\n\r\n        active.value = false;\r\n\r\n        const response = await site.personalizationInfo.uploadRecipients(formData);\r\n        if (response)\r\n            uploadFailed.value = false;\r\n        else\r\n            uploadFailed.value = true;\r\n\r\n        emits('uploadedList', response);\r\n\r\n    }\r\n\r\n    const toggleActive = () => {\r\n        active.value = !active.value;\r\n    }\r\n\r\n    // Emits ----\r\n    const emits = defineEmits(['uploadedList']);\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"file-drop-zone\">\r\n        <div class=\"row mb-2 invalid-file-format\" v-if=\"isInvalidFileType\">\r\n            <div class=\"invalid-file-message p-2\">\r\n                <span><strong>File format not accepted</strong> </span>\r\n                <span>Accepted file formats are .xlsx, .xls & .csv  </span>\r\n            </div>\r\n        </div>\r\n        <div class=\"row mb-2 invalid-file-format\" v-else-if=\"uploadFailed\">\r\n            <div class=\"invalid-file-message p-2\">\r\n                <span>\r\n                    There was an error with your file upload. Please download the appropriate list template below for your list type\r\n                    and ensure the fields and column titles match and entries are provided.\r\n                </span>\r\n            </div>\r\n        </div>\r\n        <div class=\"row\">\r\n            <div class=\"file-upload mb-2\">\r\n                <input class=\"dropzone\"\r\n                       @dragenter.prevent=\"toggleActive\"\r\n                       @dragleave.prevent=\"toggleActive\"\r\n                       @dragover.prevent\r\n                       @drop.prevent=\"uploadFile($event)\"\r\n                       :class=\"{ 'active-dropzone' : active }\" placeholder=\"Drop files here\" />\r\n                <label class=\"btn btn-primary mx-2\" for=\"formFile\">Browse</label>\r\n                <input @change=\"uploadFile($event)\" type=\"file\" id=\"formFile\" :accept=\"acceptedUploadFormats\">\r\n            </div>\r\n            <div class=\"mb-2\">\r\n                <label for=\"dropfile\" class=\"accepted-file\"> (Accepted file formats are .xlsx, .xls & .csv)</label>\r\n            </div>\r\n            <div class=\"mb-2\">\r\n                <a class=\"download-link\" href=\"/downloads/Upload-List-Template.xlsx\">Download sample list template(xlsx)</a><br />\r\n                <a class=\"download-link\" href=\"/downloads/Upload-List-Template.xls\">Download sample list template(xls)</a><br />\r\n                <a class=\"download-link\" href=\"/downloads/Upload-List-Template.csv\">Download sample list template(csv)</a><br />\r\n            </div>\r\n            <div class=\"my-2 text-success\" v-if=\"fileName && !uploadFailed\">\r\n                {{fileName}} Has been loaded\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .file-drop-zone {\r\n\r\n        .show-center {\r\n            padding-left: 12px;\r\n            padding-right: 12px;\r\n        }\r\n\r\n        .dropzone {\r\n            border: 1px solid $color-1;\r\n            display: inline-flex;\r\n            padding: 6px 12px;\r\n        }\r\n\r\n        #formFile {\r\n            display: none;\r\n        }\r\n\r\n        .active-dropzone {\r\n            background: $color-1;\r\n        }\r\n\r\n        .invalid-file-format {\r\n            padding: 6px 12px;\r\n        }\r\n\r\n        .invalid-file-message {\r\n            display: inline-grid;\r\n            color: red;\r\n            border: 1px solid red;\r\n        }\r\n    }\r\n\r\n    .accepted-file {\r\n        color: #997870;\r\n        font-size: 12px !important;\r\n    }\r\n\r\n    .file-upload {\r\n        display: inline-flex;\r\n    }\r\n    .download-link {\r\n        font-size: 14px;\r\n    }\r\n</style>","import script from \"./UploadRecipients.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./UploadRecipients.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./UploadRecipients.vue?vue&type=style&index=0&id=d673aa58&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    //Preview recipients\r\n    //Preview mail contacts upto 20\r\n\r\n    // Imports ----\r\n    import { defineProps, computed, onMounted, ref, defineEmits } from 'vue';\r\n    import { site } from '@/Site';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        mailListId: {\r\n            type: String,\r\n            required: false,\r\n            defalut: {}\r\n        },\r\n        product: {\r\n            type: Object,\r\n            required: true,\r\n        }\r\n    });\r\n\r\n\r\n    const emits = defineEmits(['next']);\r\n\r\n    const mailListContacts = ref([]);\r\n\r\n    const hasContacts = computed(() => {\r\n        if (mailListContacts.value && mailListContacts.value.length > 0)\r\n            return true;\r\n        return false;\r\n    })\r\n    const previewList = computed(() => {\r\n        if (hasContacts.value) {\r\n            if (mailListContacts.value.length <= 20) {\r\n                return mailListContacts.value;\r\n            }\r\n            else {\r\n                return mailListContacts.value.slice(0, 20)\r\n            }\r\n        }\r\n        return [];\r\n    });\r\n\r\n    // Handlers ----\r\n    onMounted(async () => {\r\n\r\n        //TODO: move if condition to personalizationInfo.js\r\n        const response = await site.personalizationInfo.getMailListContactsById(props.mailListId);\r\n        if (response.succeeded) {\r\n            mailListContacts.value = response.mailListModel.mailContacts;\r\n        }\r\n    });\r\n\r\n    function back() {\r\n        emits('next', 'UPLOAD');\r\n    }\r\n\r\n    function next() {\r\n        emits('next', 'SELECT');\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"row my-5\">\r\n\r\n        <div class=\"col border-bottom border-color-1\">\r\n\r\n            <div class=\"d-flex\">\r\n                <div class=\"text-color-1\">\r\n                    <h2 class=\"mb-0\"> Preview the address in your file</h2>\r\n                </div>\r\n                <div class=\"ms-auto\">\r\n                    {{props.product.name}} ({{props.product.itemNumber}})\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"row mb-5 mt-2\">\r\n        <div class=\"col\">\r\n\r\n            <div class=\"address-list  table-responsive\" v-if=\"hasContacts\">\r\n                <template v-if=\"previewList.length > 0\">\r\n                    <h3 class=\"p-4\">Compare these first {{ previewList.length }} records in this preview to your data file.</h3>\r\n                    <table class=\"table table-striped w-auto mw-100\">\r\n                        <thead class=\"title\">\r\n                            <tr>\r\n                                <th>First Name</th>\r\n                                <th>Last Name</th>\r\n                                <th>Address Line 1</th>\r\n                                <th>Address Line 2</th>\r\n                                <th>City</th>\r\n                                <th>State</th>\r\n                                <th>Zip</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <tr v-for=\"address in previewList\" :key=\"address\">\r\n                                <td class=\"abbreviation\">{{address.firstName}}</td>\r\n                                <td class=\"abbreviation\">{{address.lastName}}</td>\r\n                                <td class=\"abbreviation\">{{address.addressLine1}}</td>\r\n                                <td class=\"abbreviation\">{{address.addressLine2}}</td>\r\n                                <td class=\"abbreviation\">{{address.city}}</td>\r\n                                <td class=\"abbreviation\">{{address.state}}</td>\r\n                                <td class=\"abbreviation\">{{address.postalCode}}</td>\r\n                            </tr>\r\n                        </tbody>\r\n                    </table>\r\n                </template>\r\n                <div v-else>\r\n                    <slot name=\"empty\"></slot>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row my-5\">\r\n                <div class=\"col-sm-6\">\r\n                    <!-- TODO: add the correct previous route -->\r\n                    <button class=\"btn btn-outline-primary\" @click=\"back\">Previous</button>\r\n\r\n                </div>\r\n\r\n                <div class=\"col-sm-6 text-end\">\r\n                    <button class=\"btn btn-primary\" @click=\"next\">Next</button>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .address-list {\r\n        .title {\r\n            font-size: inherit;\r\n        }\r\n\r\n        .table td.abbreviation {\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n        }\r\n\r\n        .table td.abbreviation {\r\n            max-width: 100px;\r\n        }\r\n\r\n        .mw-100 {\r\n            min-width: 100%;\r\n        }\r\n    }\r\n</style>","import script from \"./PreviewRecipients.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PreviewRecipients.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PreviewRecipients.vue?vue&type=style&index=0&id=0985ce91&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    //Select recipients\r\n\r\n    // Imports ----\r\n    import { defineProps, ref, reactive, computed, defineEmits } from 'vue';\r\n    import { useRouter } from 'vue-router';\r\n\r\n    import { site } from '@/Site';\r\n    import { Search } from '@dd-nucleus/nucleus-vue';\r\n    import TableSkeleton from '@/site/components/skeleton/TableSkeleton';\r\n    import SearchTableV1 from '@/site/components/searches/SearchTableV1';\r\n\r\n    //import { isNotEmpty } from '@/util';\r\n\r\n    const router = useRouter();\r\n    // Props ----\r\n    const props = defineProps({\r\n\r\n        mailListId: {\r\n            type: String,\r\n            required: false,\r\n            defalut: {}\r\n        },\r\n        product: {\r\n            type: Object,\r\n            required: true,\r\n        },\r\n        orderState: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n    });\r\n\r\n\r\n    const emits = defineEmits(['next']);\r\n\r\n    // TODO: Return fixed pagination with correct page numbers.\r\n    // Fix SearchTable to save state when going through pages.\r\n    //// Constants ----\r\n    //const constants = {\r\n    //    DEFAULT_PAGE_SIZE: 25\r\n    //}\r\n\r\n    //const pageSizeOptions = reactive([25, 50, 100, 200]);\r\n\r\n    const columns = [\r\n        { field: 'firstName', title: 'First Name', isSortable: true },\r\n        { field: 'lastName', title: 'Last Name', isSortable: true },\r\n        { field: 'addressLine1', title: 'Address Line 1', isSortable: true },\r\n        { field: 'addressLine2', title: 'Address Line 2', isSortable: true },\r\n        { field: 'city', title: 'City', isSortable: true },\r\n        { field: 'state', title: 'State', isSortable: true },\r\n        { field: 'postalCode', title: 'Zip Code', isSortable: true },\r\n        { field: 'phone', title: 'Phone', isSortable: true },\r\n        { field: 'email', title: 'Email', isSortable: true }\r\n    ];\r\n\r\n    const searchTerm = ref('mail-list-contact-firstName');\r\n    let sortPrefix = 'mail-list-contact-';\r\n\r\n    let selectedList = reactive([]);\r\n\r\n    //const isLoaded = ref(false);\r\n\r\n    // State\r\n    const search = new Search('mail-list-contact', 'row', 'mail-list-contact-firstName', null);\r\n\r\n    // Computed\r\n    const listLength = computed(() => {\r\n        return selectedList.length;\r\n    });\r\n\r\n    const showNext = computed(() => {\r\n        return listLength.value > 0;\r\n    });\r\n\r\n    const isAgencySelected = computed(() => {\r\n        return site.agencyDetails.defaultAgency.id > 0;\r\n    });\r\n\r\n    async function next() {\r\n        await addMailContacts();\r\n        router.push({\r\n            name: 'PersonalizeStep3Page',\r\n            params: { id: props.orderState.id }\r\n        });\r\n    }\r\n\r\n    async function saveForLater() {\r\n        site.personalizationInfo.saveForLaterInLocal();\r\n        await addMailContacts();\r\n        router.push({\r\n            name: 'Home',\r\n        });\r\n    }\r\n\r\n    async function addMailContacts() {\r\n\r\n        const allRecords = search.results.rows;\r\n        const selected = allRecords.filter(sl => selectedList.includes(sl.mailListContactId));\r\n\r\n        //reseting the previously selected value for prospecting values with zipcode selection.\r\n        await site.personalizationInfo.resetProspectingZipCodes();\r\n        const isOwnListUploaded = true;\r\n        await site.personalizationInfo.addMailContacts(selected, isOwnListUploaded, props.product.unitPrice);\r\n\r\n    }\r\n\r\n    function back() {\r\n        emits('next', 'UPLOAD');\r\n    }\r\n\r\n\r\n    function sortSearch(value) {\r\n\r\n        if (searchTerm.value.includes(value)) {\r\n\r\n            if (searchTerm.value.includes('-desc')) {\r\n                searchTerm.value = sortPrefix + value;\r\n            } else {\r\n                searchTerm.value = sortPrefix + value + '-desc';\r\n            }\r\n\r\n        } else {\r\n            searchTerm.value = sortPrefix + value;\r\n        }\r\n\r\n        search.setSortId(searchTerm.value);\r\n    }\r\n\r\n    //SearchTable Changes\r\n    //computed\r\n    const allRecordsSelected = computed(() => {\r\n        return search?.results?.rows?.length == listLength.value;\r\n    });\r\n\r\n    //methods\r\n    function selectAll(isSelectAll, list) {\r\n        selectedList.length = 0;\r\n        if (isSelectAll)\r\n            Object.assign(selectedList, list?.map(mc => mc.mailListContactId));\r\n    }\r\n\r\n    function selected(value) {\r\n        selectedList.length = 0;\r\n        Object.assign(selectedList, value);\r\n    }\r\n\r\n    search.onResults(() => {\r\n        if (props.orderState?.mailContacts?.length == 0) {\r\n            selectedList.length = 0;\r\n            Object.assign(selectedList, search.results?.rows?.map(mc => mc.mailListContactId));\r\n        }\r\n        else if (props.orderState?.mailContacts?.length > 0) {\r\n            const currentSelectedList = props.orderState?.mailContacts.map(mc => mc.mailListContactId);\r\n            const filteredSelectedList = search?.results?.rows?.filter(mc => currentSelectedList.includes(mc.mailListContactId));\r\n            if (filteredSelectedList.length > 0) {\r\n                Object.assign(selectedList, filteredSelectedList.map(mc => mc.mailListContactId));\r\n            }\r\n            else {\r\n                selectedList.length = 0;\r\n                Object.assign(selectedList, search?.results?.rows?.map(mc => mc.mailListContactId));\r\n            }\r\n        }\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"row my-5\">\r\n\r\n        <div class=\"col border-bottom border-color-1\">\r\n\r\n            <div class=\"d-flex\">\r\n                <div class=\"text-color-1\">\r\n                    <h2 class=\"mb-0\"> Select Records from Agency List</h2>\r\n                </div>\r\n                <div class=\"ms-auto\">\r\n                    {{props.product.name}} ({{props.product.itemNumber}})\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"row mb-5 mt-2\">\r\n        <div class=\"col\">\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <h4> Finalize Mailing List</h4>\r\n                    <p>Uncheck any individual record you wish to not mail.</p>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"false\">\r\n\r\n                        <!-- Hidden but used for filtering on maillistid selected-->\r\n                        <TextBoxFilter v-show=\"false\" filter-id=\"mail-list-id\" :initial-value=\"props.mailListId\" />\r\n                        <TextBoxFilter v-show=\"false\" filter-id=\"mail-list-restriction\" :initial-value=\"props.product.id\" />\r\n\r\n                        <div class=\"row mb-2\">\r\n                            <div class=\"d-flex\">\r\n                                <div class=\"me-auto\">\r\n                                    <span class=\"text-success fw-bold\">{{listLength}}</span> Selected <span class=\"ms-3 text-success fw-bold\">{{ search.results.totalCount }}</span> List Count\r\n                                </div>\r\n                                <!--<div class=\"px-3\">\r\n                                    <PageSizeList :options=\"pageSizeOptions\" />\r\n                                </div>\r\n                                <div>\r\n                                    <div>\r\n                                        <span v-if=\"search.results.loaded && search.results.rows.length > 0\">{{ search.results.startIndex }} to  {{ search.results.endIndex }} of {{ search.results.totalCount }} results</span>\r\n                                    </div>\r\n                                    <PageSelector />\r\n                                </div>-->\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"data-table\">\r\n                            <SearchTableV1 :columns=\"columns\" @sort-by=\"sortSearch\" selection-type=\"MULTIPLE\" id-field=\"mailListContactId\" :select-all=\"allRecordsSelected\" @selected=\"selected\" @selectAll=\"selectAll\" :selected-records=\"selectedList\" :showInvalid=true>\r\n\r\n                                <!-- Template for no results -->\r\n                                <template #empty>\r\n                                    No\r\n                                    <span v-html=\"listHeadline\"></span> Contact Lists were found that match your criteria.\r\n                                </template>\r\n\r\n                                <!-- Template while results are initially loading -->\r\n                                <template #loading>\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col text-center\">\r\n                                            <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                            or\r\n                                            <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                            e-\r\n                                            <span class=\"fw-bold\">Performing a search for the data</span>\r\n                                            <div class=\"spinner-border mx-3\" role=\"status\"></div>\r\n                                            <div class=\"spinner-border\" role=\"status\"></div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <TableSkeleton />\r\n                                </template>\r\n                            </SearchTableV1>\r\n                        </div>\r\n\r\n                        <!--<div class=\"row\">\r\n                            <div class=\"col text-end fit-content\"><PageSelector /></div>\r\n                        </div>-->\r\n\r\n                    </SearchContainer>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row my-5\">\r\n                <div class=\"d-flex mb-3\">\r\n                    <div class=\"me-auto\">\r\n                        <button class=\"btn btn-outline-primary\" @click=\"back\">Previous</button>\r\n                    </div>\r\n                    <div class=\"d-flex\">\r\n                        <div class=\"mx-5\"><button v-if=\"isAgencySelected\" @click=\"saveForLater\" class=\"btn btn-primary\">Save For Later</button></div>\r\n                        <button class=\"btn btn-primary\" @click=\"next\" :disabled=\"!showNext\">Next</button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .address-list {\r\n        .title {\r\n            font-size: inherit;\r\n        }\r\n\r\n        .table td.abbreviation {\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n        }\r\n\r\n        .table td.abbreviation {\r\n            max-width: 100px;\r\n        }\r\n\r\n        .InValid {\r\n            background-color: lightcoral;\r\n        }\r\n\r\n        .mw-100 {\r\n            min-width: 100%;\r\n        }\r\n\r\n        .passedRecords {\r\n            color: green;\r\n        }\r\n\r\n        .failedRecords {\r\n            color: red;\r\n        }\r\n    }\r\n</style>","import script from \"./SelectRecipients.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SelectRecipients.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SelectRecipients.vue?vue&type=style&index=0&id=5b782526&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // SelectMailListOptions\r\n\r\n    // Constants ----\r\n    const mailListOptions = [\r\n        { value: 'new', label: 'Upload a new mail list  ' },\r\n        { value: 'existing', label: 'Use previously uploaded agency list' }\r\n    ];\r\n\r\n    // Imports ----\r\n    import { defineProps, defineEmits, ref, reactive, computed } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRouter } from 'vue-router';\r\n    import { ChannelTypes } from '@/constants';\r\n\r\n    // Props ----\r\n    //props\r\n    const props = defineProps({\r\n        orderState: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        product: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    const mailListOptionsSelected = ref('new');\r\n\r\n    const orderFlowDetails = reactive(props.orderState);\r\n\r\n    const router = useRouter();\r\n\r\n    // Computed\r\n    const isAgencySelected = computed(() => {\r\n        return site.agencyDetails.defaultAgency.id > 0;\r\n    });\r\n\r\n    // Handlers ----\r\n    const emit = defineEmits(['mailListOption']);\r\n\r\n\r\n    const toPersonalizationPage = computed(() => {\r\n        const parentId = orderFlowDetails.parentId ? orderFlowDetails.parentId : orderFlowDetails.id;\r\n        const channelType = ChannelTypes.DIRECT_MAIL;\r\n        return `/personalization/step-1/${orderFlowDetails.id}/${parentId}/${orderFlowDetails.productId}/?edit=true&isSubscription=false&channelType=${channelType}`;\r\n    });\r\n\r\n\r\n    // Methods ----\r\n    function next() {\r\n        emit('mailListOption', mailListOptionsSelected.value);\r\n    }\r\n\r\n    async function saveForLater() {\r\n        \r\n        if (site.errorHandler.handleSaveForLaterRequest()) { \r\n            router.push({\r\n                name: 'Home',\r\n            });\r\n        }\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"row my-5\">\r\n\r\n        <div class=\"col border-bottom border-color-1\">\r\n\r\n            <div class=\"d-flex\">\r\n                <div class=\"text-color-1\">\r\n                    <h2 class=\"mb-0\"> Select or upload your mailing list</h2>\r\n                </div>\r\n                <div class=\"ms-auto\">\r\n                    {{props.product.name}} ({{props.product.itemNumber}})\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"row\">\r\n\r\n        <div class=\"col text-center\">\r\n\r\n            <h1>\r\n                What type of mail list  would you like to use?\r\n            </h1>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"row mb-5 mt-2\">\r\n\r\n        <div class=\"col-sm-4 offset-sm-4\">\r\n\r\n            <div class=\"form-check mb-3\" v-for=\"type in mailListOptions\" :key=\"type.value\">\r\n                <label class=\"form-check-label\">\r\n                    <input class=\"form-check-input\" type=\"radio\" v-model=\"mailListOptionsSelected\" :value=\"type.value\" name=\"howToSend\">\r\n                    {{type.label}}\r\n                </label>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"row mb-5\">\r\n\r\n        <div class=\"col text-center\">\r\n\r\n            <router-link :to=\"toPersonalizationPage\" class=\"btn btn-outline-primary me-3\">Previous</router-link>\r\n            <button v-if=\"isAgencySelected\" @click=\"saveForLater\" class=\"btn btn-primary me-3\">Save For Later</button>\r\n            <button @click=\"next\" class=\"btn btn-primary\">Next</button>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n<style lang=\"scss\">\r\n    .cross-sell-page3 {\r\n\r\n        label {\r\n            font-size: 1.25rem;\r\n            font-weight: bold;\r\n        }\r\n    }\r\n</style>","import script from \"./SelectMailListOptions.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SelectMailListOptions.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SelectMailListOptions.vue?vue&type=style&index=0&id=764239c4&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ProspectingMailList\r\n    // Step 2 Select Existing Mail List\r\n    // TODO: Pass the selected maillistId to preview page\r\n\r\n    // Imports ----\r\n    import { defineProps, defineEmits, ref, computed } from 'vue';\r\n    import { Search } from '@dd-nucleus/nucleus-vue';\r\n\r\n    const props = defineProps({\r\n        product: {\r\n            type: Object,\r\n            required: true,\r\n        }\r\n    });\r\n\r\n    const constants = {\r\n        DEFAULT_PAGE_SIZE: 50,\r\n    }\r\n\r\n    const columns = [\r\n        { field: 'name', title: 'List Name', isSortable: true },\r\n        { field: 'created', title: 'Creation Date', custom: true, isSortable: true },\r\n        { field: 'mailListContactsCount', title: 'Record Count', isSortable: false },\r\n    ];\r\n\r\n    const searchTerm = ref('name');\r\n    let sortPrefix = 'mail-list-';\r\n\r\n    function sortSearch(value) {\r\n\r\n        if (searchTerm.value.includes(value)) {\r\n\r\n            if (searchTerm.value.includes('-desc')) {\r\n                searchTerm.value = sortPrefix+ value;\r\n            } else {\r\n                searchTerm.value = sortPrefix+ value + '-desc';\r\n            }\r\n\r\n        } else {\r\n            searchTerm.value = sortPrefix+ value;\r\n        }\r\n\r\n        search.setSortId(searchTerm.value);\r\n    }\r\n\r\n\r\n    const mailListSelected = ref(null);\r\n    // Handlers ----\r\n    const emit = defineEmits(['mailListSelected', 'reset']);\r\n\r\n    const search = new Search('mail-list', 'row', 'mail-list-name', constants.DEFAULT_PAGE_SIZE);\r\n\r\n    const hasMailLists = computed(() => {\r\n        return search && search.results && search.results.count > 0\r\n    })\r\n\r\n    // Methods ----\r\n    function back() {\r\n        emit('reset');\r\n    }\r\n\r\n    function next() {\r\n        emit('mailListSelected', mailListSelected.value);\r\n    }\r\n\r\n    function selected(row) {\r\n        mailListSelected.value = row.mailListId;\r\n    }\r\n\r\n    function formatDate(date) {\r\n        if (date && date.length > 0) {\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</script>\r\n\r\n<template>\r\n\r\n    <div class=\"row my-5 prospecting-mail-lists\">\r\n\r\n        <div class=\"col border-bottom border-color-1\">\r\n\r\n            <div class=\"d-flex\">\r\n                <div class=\"text-color-1\">\r\n                    <h2 class=\"mb-0\"> Select from your existing mail list</h2>\r\n                </div>\r\n                <div class=\"ms-auto\">\r\n                    {{props.product.name}} ({{props.product.itemNumber}})\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"row mb-5 mt-2\">\r\n        <div class=\"col-sm-8 offset-sm-2\">\r\n            <h3>Select a mail list</h3>\r\n            <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"false\" >\r\n                <div class=\"data-table\">\r\n                    <SearchTable :columns=\"columns\" @selected=\"selected\" @sort-by=\"sortSearch\" selection-type=\"SINGLE\">\r\n                        <template v-slot:created=\"row\">\r\n                            {{formatDate(row.created)}}\r\n                        </template>\r\n                        <template #empty>\r\n                           There are no lists uploaded to use. Please go to the previous screen and upload a new list.\r\n                        </template>\r\n                    </SearchTable>\r\n                </div>\r\n            </SearchContainer>\r\n\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"row mb-5\">\r\n\r\n        <div class=\"col text-center\">\r\n\r\n            <button @click=\"back\" class=\"btn btn-outline-primary me-3\">Previous</button>\r\n            <button @click=\"next\" class=\"btn btn-primary\" :disabled=\"!hasMailLists\">Preview</button>\r\n\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n<style lang=\"scss\">\r\n    .prospecting-mail-lists {\r\n    }\r\n</style>","import script from \"./ProspectingMailLists.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProspectingMailLists.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProspectingMailLists.vue?vue&type=style&index=0&id=9c148db6&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>  \r\n // Imports ----\r\n    import { defineProps, computed } from 'vue';\r\n    import { ref } from 'vue'\r\n\r\n    // Sample data for all three type of files\r\n    const sampleDataExcel = [\r\n        {\r\n            firstName: \"Mike\",\r\n            lastName: \"Johnson\",\r\n            addressLine1: \"120 Main St\",\r\n            addressLine2: \"Apt 2\",\r\n            city: \"Seattle\",\r\n            state: \"WA\",\r\n            zip: 98103,\r\n            phone: 8888888888,\r\n            email: \"test@test.com\"\r\n        },\r\n        {\r\n            firstName: \"Mike\",\r\n            lastName: \"Johnson\",\r\n            addressLine1: \"120 Main St\",\r\n            addressLine2: \"Apt 2\",\r\n            city: \"Seattle\",\r\n            state: \"WA\",\r\n            zip: 98103,\r\n            phone: 8888888888,\r\n            email: \"test@test.com\"\r\n        },\r\n        {\r\n            firstName: \"Mike\",\r\n            lastName: \"Johnson\",\r\n            addressLine1: \"120 Main St\",\r\n            addressLine2: \"Apt 2\",\r\n            city: \"Seattle\",\r\n            state: \"WA\",\r\n            zip: 98103,\r\n            phone: 8888888888,\r\n            email: \"test@test.com\"\r\n        }, {\r\n            firstName: \"Mike\",\r\n            lastName: \"Johnson\",\r\n            addressLine1: \"120 Main St\",\r\n            addressLine2: \"Apt 2\",\r\n            city: \"Seattle\",\r\n            state: \"WA\",\r\n            zip: 98103,\r\n            phone: 8888888888,\r\n            email: \"test@test.com\"\r\n        },\r\n        {\r\n            firstName: \"Mike\",\r\n            lastName: \"Johnson\",\r\n            addressLine1: \"120 Main St\",\r\n            addressLine2: \"Apt 2\",\r\n            city: \"Seattle\",\r\n            state: \"WA\",\r\n            zip: 98103,\r\n            phone: 8888888888,\r\n            email: \"test@test.com\"\r\n        }\r\n    ]\r\n\r\n    const sampleDataCsv = [\r\n        {\r\n            firstName: \"Mike,\",\r\n            lastName: \"Johnson,\",\r\n            addressLine1: \"120 Main St,\",\r\n            addressLine2: \"Apt 2,\",\r\n            city: \"Seattle,\",\r\n            state: \"WA,\",\r\n            zip: 98103,\r\n            phone: 8888888888,\r\n            email: \"test@test.com\"\r\n        },\r\n        {\r\n            firstName: \"Mike,\",\r\n            lastName: \"Johnson,\",\r\n            addressLine1: \"120 Main St,\",\r\n            addressLine2: \"Apt 2,\",\r\n            city: \"Seattle,\",\r\n            state: \"WA,\",\r\n            zip: 98103,\r\n            phone: 8888888888,\r\n            email: \"test@test.com\"\r\n        },\r\n        {\r\n            firstName: \"Mike,\",\r\n            lastName: \"Johnson,\",\r\n            addressLine1: \"120 Main St,\",\r\n            addressLine2: \"Apt 2,\",\r\n            city: \"Seattle,\",\r\n            state: \"WA,\",\r\n            zip: 98103,\r\n            phone: 8888888888,\r\n            email: \"test@test.com\"\r\n        }, {\r\n            firstName: \"Mike,\",\r\n            lastName: \"Johnson,\",\r\n            addressLine1: \"120 Main St,\",\r\n            addressLine2: \"Apt 2,\",\r\n            city: \"Seattle,\",\r\n            state: \"WA,\",\r\n            zip: 98103,\r\n            phone: 8888888888,\r\n            email: \"test@test.com\"\r\n        },\r\n        {\r\n            firstName: \"Mike,\",\r\n            lastName: \"Johnson,\",\r\n            addressLine1: \"120 Main St,\",\r\n            addressLine2: \"Apt 2,\",\r\n            city: \"Seattle,\",\r\n            state: \"WA,\",\r\n            zip: 98103,\r\n            phone: 8888888888,\r\n            email: \"test@test.com\"\r\n        }\r\n    ]\r\n\r\n    const instructionDataExcel = [        \r\n        {\r\n            line: \"All of the mailing list data should be located within ONE worksheet, or tab within your Excel file. The process will automatically select the first worksheet within your Excel file for upload.\"\r\n        },\r\n        {\r\n            line: \"The first name and last name should be placed in separate data fields in the Excel file.\"\r\n        },\r\n        {\r\n            line: \"The Street Address, Apartment/Suite Number/Unit Number/PO Box, City, State, ZIP Code, Phone, and Email should also be placed in separate data fields within the Excel file.\"\r\n        }\r\n    ]\r\n\r\n\r\n    const instructionDataCsv = [\r\n        {\r\n            line: \"This should be a single character. If you do not want to use a comma, you should choose something like a tab or a pipe (|) character.\"\r\n        },\r\n        {\r\n            line: \"Keep each record on a separate line. Each record must start on its own line, but a single record can span multiple lines.\"\r\n        },\r\n        {\r\n            line: \"In the first line of the file, include a header with a list of the column names in the file. This is optional, but strongly recommended; it allows the file to be self-documenting.\"\r\n        },\r\n        {\r\n            line: \"Make sure the header list is delimited in the same way as the rest of the file. This helps guard against the data fields being transposed in the data when it is loaded, which can lead to getting wrong answers when you query the data.\"\r\n        },\r\n        {\r\n            line: \"Remember that the enclosing character (typically double quotes) must be used when required, such as when the delimiter appears in a field.\"\r\n        }\r\n    ]\r\n\r\n    const sampleColumns = [\r\n        {\r\n            column: \"First Name\"\r\n        },\r\n        {\r\n            column: \"Last Name\"\r\n        },\r\n        {\r\n            column: \"Address 1\"\r\n        },\r\n        {\r\n            column: \"Address 2\"\r\n        },\r\n        {\r\n            column: \"City\"\r\n        },\r\n        {\r\n            column: \"State\"\r\n        },\r\n        {\r\n            column: \"Zip\"\r\n        },\r\n        {\r\n            column: \"Phone\"\r\n        },\r\n        {\r\n            column: \"Email\"\r\n        }\r\n    ]\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // file format\r\n        fileformat: {\r\n             type: String,\r\n            required: true,\r\n            default: null\r\n        }\r\n    });\r\n\r\n    // Computed ----\r\n    const sampleFileUrl = computed(() => {\r\n        if (props.fileformat == '.xlsx')\r\n            return \"/downloads/Upload-List-Template.xlsx\";\r\n        else if (props.fileformat == '.xls')\r\n            return \"/downloads/Upload-List-Template.xls\";\r\n        else\r\n            return \"/downloads/Upload-List-Template.csv\";\r\n    });\r\n\r\n    const isExcel = computed(() => {\r\n        if (props.fileformat == '.xlsx' || props.fileformat == '.xls')\r\n            return true;\r\n        else\r\n            return false;\r\n    });\r\n\r\n    const instructionText = computed(() => {\r\n        if (props.fileformat == '.xlsx' || props.fileformat == '.xls')\r\n            return instructionDataExcel;\r\n        else\r\n            return instructionDataCsv;\r\n    });\r\n\r\n    const sampleData = computed(() => {\r\n        if (props.fileformat == '.xlsx' || props.fileformat == '.xls')\r\n            return sampleDataExcel;\r\n        else\r\n            return sampleDataCsv;\r\n    });\r\n\r\n    const tableClass = computed(() => {\r\n        if (props.fileformat == '.xlsx' || props.fileformat == '.xls')\r\n            return \"table-striped m-auto border border-dark p-1\";\r\n        else\r\n            return \"table-striped m-auto border\";\r\n    });\r\n\r\n    const headerClass = computed(() => {\r\n        if (props.fileformat == '.xlsx' || props.fileformat == '.xls')\r\n            return \"title bg-dark text-white\";\r\n        else\r\n            return \"\";\r\n    });\r\n\r\n    const headerText = computed(() => {\r\n        if (props.fileformat == '.xlsx' || props.fileformat == '.xls')\r\n            return \"Microsoft Excel File Format(\" + props.fileformat + \")\";\r\n        else\r\n            return \"Comma Separated Values File Format (.csv)\";\r\n    });\r\n\r\n    const pText = computed(() => {\r\n        if (props.fileformat == '.xlsx' || props.fileformat == '.xls')\r\n            return \"Within Excel, all data fields should be separated by cells, or grids. Please note the following requirements for Microsoft Excel file format (\" + props.fileformat + \"):\";\r\n        else\r\n            return \"Within Comma Separated Values File Format, separate data fields with a delimiter, usually a comma. Please note the following requirements for Comma Separated Values File Format (.csv):\";\r\n    });\r\n\r\n    const impText = computed(() => {\r\n        if (props.fileformat == '.xlsx' || props.fileformat == '.xls')\r\n            return \"When saving your Excel File for the List Upload process be sure it is saved in \" + props.fileformat + \" file extension format.\";\r\n        else\r\n            return \"When saving your csv file for the List Upload process be sure it is saved in \" + props.fileformat + \" file extension format.\";\r\n    });\r\n\r\n    const prepareFile = ref(null);\r\n    //Methods\r\n    const printContent = () => {\r\n        // Create a new window to print the content\r\n        const printWindow = window.open('Print for Reference', 'Print', 'height=600,width=800');\r\n\r\n        // Create a stylesheet that targets the myDiv element\r\n        const printStylesheet = `\r\n        @media print {\r\n          #prepareFile {\r\n            display: block;\r\n          }\r\n        }`;\r\n\r\n        // Inject the stylesheet into the new window\r\n        const printStyles = printWindow.document.createElement('style');\r\n        printStyles.innerHTML = printStylesheet;\r\n        printWindow.document.head.appendChild(printStyles);\r\n\r\n        // Clone the myDiv element and add it to the new window\r\n        const clonedDiv = prepareFile.value.cloneNode(true);\r\n        printWindow.document.body.appendChild(clonedDiv);\r\n\r\n        // Print the new window\r\n        printWindow.print();\r\n        printWindow.close();\r\n    }\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"sub-tab-container\" id=\"prepareFile\">\r\n        <div ref=\"prepareFile\">\r\n            <h3>{{headerText}}</h3>\r\n            <hr />\r\n            <div>\r\n                <p>{{pText}}</p>\r\n                <ul class=\"excel-instructions\">\r\n                    <li v-for=\"data in instructionText\" :key=\"data\">\r\n                        {{ data.line }}\r\n                    </li>\r\n                    <li>\r\n                        <strong>IMPORTANT: </strong> {{impText}}\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n            <div class=\"table-container\">\r\n                <p>See example of file below for reference</p>\r\n                <div class=\"table-responsive\">\r\n                    <table v-bind:class=\"tableClass\" >\r\n                        <thead v-bind:class=\"headerClass\">\r\n                            <tr v-if=\"isExcel\">\r\n                                <th v-for=\"data in sampleColumns\" :key=\"data\">{{ data.column }}</th>\r\n                            </tr>\r\n                            <tr v-if=\"!isExcel\">\r\n                                <td v-for=\"data in sampleColumns\" :key=\"data\">{{ data.column }},</td>\r\n                            </tr>\r\n                        </thead>\r\n                        <tr v-for=\"data in sampleData\" :key=\"data\">\r\n                            <td>{{ data.firstName }}</td>\r\n                            <td>{{ data.lastName }}</td>\r\n                            <td>{{ data.addressLine1 }}</td>\r\n                            <td>{{ data.addressLine2 }}</td>\r\n                            <td>{{ data.city }}</td>\r\n                            <td>{{ data.state }}</td>\r\n                            <td>{{ data.zip }}</td>\r\n                            <td>{{ data.phone }}</td>\r\n                            <td>{{ data.email }}</td>\r\n                        </tr>\r\n                    </table>\r\n                </div>\r\n            </div>\r\n            </div>\r\n            <div class=\"btn-container\">\r\n                <button class=\"btn btn-primary-outline border border-primary\" @click=\"printContent('prepareFile')\">Print for Reference</button>\r\n                <a class=\"btn btn-primary ml-2\" :href=\"sampleFileUrl\">Download sample list template</a>\r\n            </div>\r\n        </div>\r\n\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .prepare-mail-list {\r\n        strong {\r\n            color: #1a1446;\r\n        }\r\n\r\n        .table-container {\r\n            background: #f5f5f5;\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-direction: column;\r\n            padding: 2.5rem;\r\n            gap: 8px;\r\n        }\r\n\r\n        .table-responsive table {\r\n            width: 100%\r\n        }\r\n\r\n        .btn-container {\r\n            margin-top: 1rem;\r\n            display: flex;\r\n            gap: 2rem;\r\n        }\r\n\r\n        td {\r\n            white-space: normal !important;\r\n            word-wrap: break-word;\r\n        }\r\n\r\n        table {\r\n            table-layout: fixed;\r\n        }\r\n    }\r\n</style>","import script from \"./FileFormats.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./FileFormats.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./FileFormats.vue?vue&type=style&index=0&id=30b0fa86&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    // AgencyBestPractices\r\n    // A table of Agency Best Practices\r\n    import { TabBar } from '@dd-nucleus/nucleus-vue';\r\n    import FileFormats from '@/site/areas/prospecting/components/FileFormats';\r\n\r\n   \r\n\r\n    const mailListTabs = [\r\n        {\r\n            id: 'prepareFile',\r\n            title: 'Prepare your mailing list'\r\n        },\r\n        {\r\n            id: 'faqs',\r\n            title: 'FAQs'\r\n        }\r\n    ];\r\n\r\n   \r\n</script>\r\n\r\n<template>\r\n    <div class=\"prepare-mail-list\">\r\n        <TabBar :tabs=\"mailListTabs\" />\r\n        <div class=\"tab-content\">\r\n            <div class=\"tab-pane fade show active\" id=\"prepareFile\" role=\"tabpanel\">\r\n                <div >\r\n                    <FileFormats fileformat=\".xlsx\" />\r\n                    <FileFormats fileformat=\".xls\" />\r\n                    <FileFormats fileformat=\".csv\" />\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"tab-pane fade\" id=\"faqs\" role=\"tabpanel\">\r\n                <div class=\"sub-tab-container\">\r\n                    <h3>FAQs</h3>\r\n                    <div class=\"table-responsive\">\r\n                        <table class=\"table table-striped mw-100\">\r\n                            <tbody>\r\n                                <tr>\r\n                                    <td>\r\n                                        <strong class=\"\"> Who do I contact for help?</strong> <br />\r\n                                        <span>Please contact the <strong>Safeco Marketing Solutions Center Technical Support Line at (800) 845-9860.</strong></span><br />\r\n                                        <span> Office Hours: Monday - Friday, 9:00 am to 8:00 pm ET.</span>\r\n                                    </td>\r\n                                </tr>\r\n                                <tr>\r\n                                    <td>\r\n                                        <span><strong> Why does the final quantity differ from the quantity I selected?</strong></span> <br />\r\n                                        <span>Your list must go through Address Standardization, NCOA and Safeco suppression process. These required processes may decrease the records mailed due to:</span><br />\r\n                                        <ul>\r\n                                            <li> Undeliverable addresses (person moved and left no forward address).</li>\r\n                                            <li> Multiple names within a household (records that have the same Last Name and Address will receive only one mail piece).</li>\r\n                                            <li> Suppressions, such as National Do Not Mail List (records that appear on the National Do Not Contact List are suppressed from your final mail file), Safeco Do Not Contact, and Current Safeco Customers (for prospect mailings).</li>\r\n                                        </ul>\r\n                                    </td>\r\n\r\n                                </tr>\r\n                                <tr>\r\n                                    <td>\r\n                                        <span><strong> If not all my records are mailed, will I be charged for these records?</strong></span> <br />\r\n                                        <span>Yes. You will be charged for all records processed and sent. <strong>NOTE:</strong> Some of your records may be removed from your total mail quantity due to standard suppressions applied.</span>\r\n                                    </td>\r\n                                </tr>\r\n                                <tr>\r\n                                    <td>\r\n                                        <span><strong> Will I know which records mailed?</strong></span> <br />\r\n                                        <span>Yes. As with other MSC Prospect mailings, you can view the final mailing list one day after the mail was sent. This is available on the MSC under My Account > My List section.</span>\r\n                                    </td>\r\n                                </tr>\r\n                                <tr>\r\n                                    <td>\r\n                                        <span><strong> Does Safeco have access to the list that I upload?</strong></span> <br />\r\n                                        <span>No. The uploaded list is not accessible to Safeco. Only the 3rd party vendor that executes your mailing has access to your list.</span>\r\n                                    </td>\r\n                                </tr>\r\n                                <tr>\r\n                                    <td>\r\n                                        <span><strong> If Safeco doesn't have access to my list, how are the reports produced on the MSC?</strong></span> <br />\r\n                                        <span>\r\n                                            The 3rd party direct marketing vendor that executes your list upload mailing will automatically\r\n                                            conduct a post-campaign analysis based on identifying the number of Safeco Insurence policy sales,\r\n                                            policyholder retention/or other relevant program results. Safeco will have access to individual-specific data for\r\n                                            Safeco policyholders only. For non-Safeco policyholders, Safeco will only have access to high-level aggregate data.\r\n                                        </span>\r\n                                    </td>\r\n                                </tr>\r\n                                <tr>\r\n                                    <td>\r\n                                        <span><strong>For more information about Safeco's Private Policy:</strong></span> <br />\r\n                                        <span><a href=\"https://www.libertymutualgroup.com/about-lm/corporate-information/privacy-policy\">https://www.libertymutualgroup.com/about-lm/corporate-information/privacy-policy</a></span>\r\n                                    </td>\r\n                                </tr>\r\n                            </tbody>\r\n                        </table>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<style lang=\"scss\">\r\n    .prepare-mail-list {\r\n        strong {\r\n            color: #1a1446;\r\n        }\r\n\r\n        .table-container {\r\n            background: #f5f5f5;\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-direction: column;\r\n            padding: 2.5rem;\r\n            gap: 8px;\r\n        }\r\n\r\n        .table-responsive table {\r\n            width: 100%\r\n        }\r\n\r\n        .btn-container {\r\n            margin-top: 1rem;\r\n            display: flex;\r\n            gap: 2rem;\r\n        }\r\n\r\n        td {\r\n            white-space: normal !important;\r\n            word-wrap: break-word;\r\n        }\r\n\r\n        table {\r\n            table-layout: fixed;\r\n        }\r\n    }\r\n</style>\r\n","import script from \"./PrepareMailList.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PrepareMailList.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PrepareMailList.vue?vue&type=style&index=0&id=e4bafb84&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    //UploadSummary\r\n    //Data validation of uploaded recipients for required\r\n\r\n    // Imports ----\r\n    import { defineProps, ref, defineEmits} from 'vue';\r\n    import { site } from '@/Site';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        recipients: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        mailListName: {\r\n            type: String,\r\n            required: true\r\n        },\r\n        product: {\r\n            type: Object,\r\n            required:true\r\n        }\r\n    });\r\n\r\n    const recipientsSelectTypeSelected = ref(\"proceed\");\r\n    const recipientsSelectType = [\r\n        { value: 'proceed', label: 'Proceed with only records loaded successfully' },\r\n        { value: 'reupload', label: 'Cancel and Upload Again' }\r\n    ];\r\n\r\n    const emits = defineEmits(['next', 'mailListSelected']);\r\n\r\n    \r\n    function back() {\r\n        emits('next', 'UPLOAD');\r\n    }\r\n\r\n    async function next() {\r\n\r\n        if (recipientsSelectTypeSelected.value == 'proceed') {\r\n            const response = await site.personalizationInfo.addNewProspectingMailList(props.recipients.passedAddresses, props.mailListName)\r\n            if (response?.succeeded) {\r\n                emits('mailListSelected', response.id);\r\n            } else {\r\n                site.toast.error(response.messages[0].debugMessage, 'Card Error');\r\n            }\r\n        }\r\n        else {\r\n            emits('next', 'UPLOAD');\r\n        }\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"upload-summary\">\r\n\r\n        <div class=\"row my-5\">\r\n\r\n            <div class=\"col border-bottom border-color-1\">\r\n\r\n                <div class=\"d-flex\">\r\n                    <div class=\"text-color-1\">\r\n                        <h2 class=\"mb-0\"> Upload summary</h2>\r\n                    </div>\r\n                    <div class=\"ms-auto\">\r\n                        {{props.product.name}} ({{props.product.itemNumber}})\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"row mb-5 mt-2\">\r\n            <div class=\"col\">\r\n\r\n                <div class=\"row records-summary\">\r\n                    <div class=\"col-sm-4\">\r\n                        <h4><span>{{ props.recipients.totalCount }} </span> Total Records </h4>\r\n                    </div>\r\n                    <div class=\"col-sm-4\">\r\n                        <h4><span class=\"text-danger\"> {{ props.recipients.failedAddresses.length }}</span> Records Failed </h4>\r\n                    </div>\r\n                    <div class=\"col-sm-4\">\r\n                        <h4><span class=\"text-success\"> {{ props.recipients.passedAddresses.length }}</span> Records Loaded Successfully </h4>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row mb-5 my-5\">\r\n                    <div class=\"mb-5\">\r\n                        <h1 class=\"text-center\">Preview the records that failed below. How would you like to proceed?</h1>\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-4 offset-sm-4\">\r\n\r\n                        <div class=\"form-check mb-3\" v-for=\"type in recipientsSelectType\" :key=\"type.value\">\r\n                            <label class=\"form-check-label\">\r\n                                <input class=\"form-check-input\" type=\"radio\" v-model=\"recipientsSelectTypeSelected\" :value=\"type.value\">\r\n                                {{type.label}}\r\n                            </label>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n                    <div class=\"col text-center\">\r\n                        <button class=\"btn btn-outline-primary  me-3\" @click=\"back\">Previous</button>\r\n                        <button class=\"btn btn-primary\" @click=\"next\">Next</button>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"failed-records table-responsive\">\r\n                    <table class=\"table table-striped w-100 mw-100\">\r\n                        <thead class=\"title\">\r\n                            <tr>\r\n                                <th></th>\r\n                                <th>First Name</th>\r\n                                <th>Last Name</th>\r\n                                <th>Address Line 1</th>\r\n                                <th>Address Line 2</th>\r\n                                <th>City</th>\r\n                                <th>State</th>\r\n                                <th>Zip</th>\r\n                                <th>Phone</th>\r\n                                <th>Email</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <template v-if=\"props.recipients.failedAddresses.length > 0\">\r\n                                <tr v-for=\"address in props.recipients.failedAddresses\" :key=\"address\">\r\n\r\n                                <td><i class=\"bi bi-x-lg btn-danger\" /></td>\r\n                                    <td>{{address.firstName}}</td>\r\n                                    <td>{{address.lastName}}</td>\r\n                                    <td>{{address.addressLine1}}</td>\r\n                                    <td>{{address.addressLine2}}</td>\r\n                                    <td>{{address.city}}</td>\r\n                                    <td>{{address.state}}</td>\r\n                                    <td>{{address.postalCode}}</td>\r\n                                    <td>{{address.phone}}</td>\r\n                                    <td>{{address.email}}</td>\r\n                                </tr>\r\n                            </template>\r\n                            <template v-else>\r\n                                <tr>\r\n                                    <td colspan=\"7\">No failed records.</td>\r\n                                </tr>\r\n                            </template>\r\n                        </tbody>\r\n                    </table>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .upload-summary {\r\n\r\n        .records-summary {\r\n            background: #f2fcfc;\r\n            padding: 10px;\r\n        }\r\n\r\n        .n-action-button {\r\n            .bi {\r\n                color:#ffffff;\r\n            }\r\n        }\r\n    }\r\n</style>","import script from \"./UploadSummary.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./UploadSummary.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./UploadSummary.vue?vue&type=style&index=0&id=9b49a3e0&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // UploadListPanel\r\n    // Step 2 for uploading your own list or using saved lists\r\n\r\n    // Imports\r\n    import { ref, computed, reactive, defineProps } from 'vue';\r\n    import { useRouter } from 'vue-router';\r\n\r\n    const router = useRouter();\r\n\r\n    // Components\r\n    import UploadRecipients from '@/site/components/personalization/UploadRecipients';\r\n    import PreviewRecipients from '@/site/components/personalization/PreviewRecipients';\r\n    import SelectRecipients from '@/site/components/personalization/SelectRecipients';\r\n    import SelectMailListOptions from './SelectMailListOptions.vue';\r\n    import ProspectingMailLists from './ProspectingMailLists.vue';\r\n    import PrepareMailList from '@/site/areas/prospecting/components/PrepareMailList.vue';\r\n    import UploadSummary from '@/site/components/personalization/UploadSummary.vue';\r\n\r\n    //props\r\n    const props = defineProps({\r\n        orderState: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        product: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    //State\r\n    const uploadedRecipients = ref([]);\r\n    const mailListName = ref(\"\");\r\n    const selectedMailListId = ref({});\r\n\r\n    const detail = reactive({ product: props.product });\r\n\r\n   \r\n    // Constants ----\r\n    const UploadListSteps = {\r\n        UPLOAD: 'UPLOAD',\r\n        PREVIEW: 'PREVIEW',\r\n        SELECT: 'SELECT',\r\n        SUMMARY:'SUMMARY'\r\n    };\r\n\r\n    const mailListOption = ref(null);\r\n    const currentStep = ref(UploadListSteps.UPLOAD);\r\n\r\n    // Computed\r\n    const uploadListCurrentStep = computed(() => {\r\n        switch (currentStep.value) {\r\n            case UploadListSteps.UPLOAD:\r\n                return UploadListSteps.UPLOAD;\r\n            case UploadListSteps.PREVIEW:\r\n                return UploadListSteps.PREVIEW;\r\n            case UploadListSteps.SELECT:\r\n                return UploadListSteps.SELECT;\r\n            case UploadListSteps.SUMMARY:\r\n                return UploadListSteps.SUMMARY;\r\n            default:\r\n                return UploadListSteps.UPLOAD;\r\n        }\r\n\r\n    });\r\n\r\n    const isListNameEntered = computed(() => {\r\n        if (mailListName.value && mailListName.value.length > 0)\r\n            return true;\r\n        else\r\n            return false;\r\n    });\r\n\r\n    const hasRecords = computed(() => {\r\n        if (uploadedRecipients.value.totalCount > 0) {\r\n            return true;\r\n        } else {\r\n            return false;\r\n        }\r\n    });\r\n\r\n    const failedRecipientsCount = computed(() => {\r\n        return uploadedRecipients.value?.failedAddresses?.length > 0;\r\n    });\r\n\r\n    //methods\r\n    function mailListOptionsSelected(option) {\r\n        mailListOption.value = option;\r\n    }\r\n\r\n    async function preview(mailListId) {\r\n        if (mailListId && mailListOption.value == 'existing') {\r\n            selectedMailListId.value = mailListId;\r\n            currentStep.value = UploadListSteps.SELECT;\r\n        } else {\r\n            selectedMailListId.value = mailListId;\r\n            currentStep.value = UploadListSteps.SELECT;\r\n        }\r\n    }\r\n\r\n    function uploadedList(recipients) {\r\n        uploadedRecipients.value = recipients;\r\n    }\r\n\r\n    function back() {\r\n        //router.go(-1);\r\n        if (mailListOption.value == 'new') {\r\n            mailListOption.value = null\r\n        } else {\r\n            router.go(-1);\r\n        }\r\n    }\r\n\r\n    function resetProspectingMailLists() {\r\n        mailListOption.value = null\r\n    }\r\n\r\n    function next(selectedStep) {\r\n        currentStep.value = selectedStep;\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"upload-list-panel\">\r\n\r\n        <div v-if=\"uploadListCurrentStep == UploadListSteps.UPLOAD && mailListOption =='new'\">\r\n\r\n\r\n            <div class=\"row my-5\">\r\n\r\n                <div class=\"col border-bottom border-color-1\">\r\n\r\n                    <div class=\"d-flex\">\r\n                        <div class=\"text-color-1\">\r\n                            <h2 class=\"mb-0\">Upload your mailing list</h2>\r\n                        </div>\r\n                        <div class=\"ms-auto\">\r\n                            {{detail.product.name}} ({{detail.product.itemNumber}})\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class=\"upload-container row w-75 m-auto\">\r\n                <div class=\"row mb-2 mt-2\">\r\n                    <div class=\"col-sm-4 offset-sm-4\" v-if=\"detail.product.id\">\r\n                        <UploadRecipients @uploadedList=\"uploadedList\" :productId=\"detail.product.id\" />\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row mb-5 mt-2\">\r\n                    <div class=\"col-sm-4 offset-sm-4\">\r\n                        <label class=\"form-label\">Mailing list name </label>\r\n                        <input type=\"text\" class=\"form-control\" v-model=\"mailListName\" placeholder=\"Mailing List Name\">\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class=\"row mb-5\">\r\n\r\n                <div class=\"text-center mt-4 mb-4\">\r\n\r\n                    <button @click=\"back\" class=\"btn btn-outline-primary me-3\">Previous</button>\r\n                    <template v-if=\"failedRecipientsCount\">\r\n                        <button class=\"btn btn-primary\" @click=\"next('SUMMARY')\" :disabled=\"!isListNameEntered || !hasRecords\">Next</button>\r\n                    </template>\r\n                    <template v-else>\r\n                        <button class=\"btn btn-primary\" @click=\"next('SUMMARY')\" :disabled=\"!isListNameEntered || !hasRecords\">Next</button>\r\n                    </template>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class=\"row my-3\">\r\n                <div class=\"col\">\r\n                    <PrepareMailList></PrepareMailList>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n        <ProspectingMailLists @reset=\"resetProspectingMailLists\" @mailListSelected=\"preview\" :product=\"detail.product\" v-if=\"uploadListCurrentStep == UploadListSteps.UPLOAD && mailListOption == 'existing'\" />\r\n        <PreviewRecipients :mailListId=\"selectedMailListId\" @next=\"next\" :product=\"detail.product\" v-if=\"uploadListCurrentStep == UploadListSteps.PREVIEW\" />\r\n        <SelectRecipients :mailListId=\"selectedMailListId\" @next=\"next\" :product=\"detail.product\" :order-state=\"props.orderState\" v-if=\"uploadListCurrentStep == UploadListSteps.SELECT\" />\r\n        <SelectMailListOptions v-if=\"mailListOption == null\" :product=\"detail.product\" :order-state=\"props.orderState\" @mailListOption=\"mailListOptionsSelected\" />\r\n        <UploadSummary :recipients=\"uploadedRecipients\" :mailListName=\"mailListName\" :product=\"detail.product\" @mailListSelected=\"preview\" @next=\"next\" v-if=\"uploadListCurrentStep == UploadListSteps.SUMMARY\" />\r\n\r\n    </div>\r\n\r\n</template>\r\n<style lang=\"scss\">\r\n    .upload-list-panel {\r\n        .excel-instructions {\r\n            columns: 2;\r\n            -webkit-columns: 2;\r\n            -moz-columns: 2;\r\n        }\r\n\r\n        .upload-container {\r\n            background: #f2fcfc;\r\n            padding: 1rem;\r\n        }\r\n\r\n    }\r\n</style>","import script from \"./UploadListPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./UploadListPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./UploadListPanel.vue?vue&type=style&index=0&id=414303e3&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ProspectingMailListType\r\n    // Step 3 selecting how you would like the mail sent\r\n\r\n    // Constants ----\r\n    const mailListType = [\r\n        { value: 'purchase', label: 'Purchase a list of prospects' },\r\n        { value: 'upload', label: 'Select your list of prospects' }\r\n    ];\r\n\r\n    // Imports ----\r\n    import { defineEmits, ref, reactive, onMounted } from 'vue';\r\n    import { useRouter } from 'vue-router';\r\n    import { site } from '@/Site';\r\n    const router = useRouter();\r\n\r\n    // State ---- \r\n    const mailListTypeSelected = ref();\r\n\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails)\r\n    const detail = reactive({ product: {} });\r\n    // Handlers ----\r\n    const emit = defineEmits(['mailListType']);\r\n\r\n    // Methods ----\r\n    function back() {\r\n        router.go(-1);\r\n    }\r\n\r\n    function next() {\r\n        emit('mailListType', mailListTypeSelected.value);\r\n    }\r\n\r\n    onMounted(async () => {\r\n        detail.product = Object.assign(detail.product, await site.products.getProductDetail(orderFlowDetails.productId));\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"row my-5\">\r\n\r\n        <div class=\"col border-bottom border-color-1\">\r\n\r\n            <div class=\"d-flex\">\r\n                <div class=\"text-color-1\">\r\n                    <h2 class=\"mb-0\">Select or upload your mailing list</h2>\r\n                </div>\r\n                <div class=\"ms-auto\">\r\n                    {{detail.product.name}} ({{detail.product.itemNumber}})\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"row\">\r\n\r\n        <div class=\"col text-center\">\r\n\r\n            <h1>\r\n                Please choose the type of Mail List you would like to use:\r\n            </h1>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"row mb-5 mt-2\">\r\n\r\n        <div class=\"col-sm-4 offset-sm-4\">\r\n\r\n            <div class=\"form-check mb-3\" v-for=\"type in mailListType\" :key=\"type.value\">\r\n                <label class=\"form-check-label\">\r\n                    <input class=\"form-check-input\" type=\"radio\" v-model=\"mailListTypeSelected\" :value=\"type.value\" name=\"howToSend\">\r\n                    {{type.label}}\r\n                </label>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"row mb-5\">\r\n\r\n        <div class=\"col text-center\">\r\n\r\n            <button @click=\"back\" class=\"btn btn-outline-primary me-3\">Previous</button>\r\n            <button @click=\"next\" class=\"btn btn-primary\">Next</button>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n<style lang=\"scss\">\r\n    .cross-sell-page3 {\r\n\r\n        label{\r\n            font-size: 1.25rem;\r\n            font-weight: bold;\r\n        }\r\n    }\r\n</style>","import script from \"./ProspectingMailListType.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProspectingMailListType.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProspectingMailListType.vue?vue&type=style&index=0&id=160b6ef0&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // AnnulaAutoSelectPolicyholders\r\n    // Step 2 SelectPolicyholders\r\n\r\n    // Constants ----\r\n\r\n    const annualAutoColumns = [\r\n        { field: 'agencyNumber', title: 'Sub Code', isSortable: true, custom: true },\r\n        { field: 'policyNumber', title: 'Policy #', isSortable: true },\r\n        { field: 'renewalDate', title: 'Renewal Date', custom: true, isSortable: true },\r\n        { field: 'policyType', title: 'Current Policy Type', isSortable: false },\r\n        { field: 'firstName', title: 'First Name', isSortable: true },\r\n        { field: 'middleName', title: 'Middle Name', isSortable: false },\r\n        { field: 'lastName', title: 'Last Name', isSortable: true },\r\n        { field: 'address1', title: 'Address 1', isSortable: true },\r\n        { field: 'address2', title: 'Address 2', isSortable: true },\r\n        { field: 'city', title: 'City', isSortable: true },\r\n        { field: 'state', title: 'State', isSortable: true },\r\n        { field: 'zip', title: 'Zip', isSortable: true },\r\n        { field: 'recommendedIndicator', title: 'Recommended Indicator', isSortable: true },\r\n        { field: 'youngDriverIndicator', title: 'Young Driver Indicator', isSortable: false },\r\n        { field: 'meritIndicator', title: 'Merit Indicator', isSortable: false },\r\n    ];\r\n\r\n    const customersUpRenewalColumns = [\r\n        { field: 'statCode', title: 'Sub Code', isSortable: true, custom: true },\r\n        { field: 'policyNumber', title: 'Policy #', isSortable: true },\r\n        { field: 'renewalDate', title: 'Renewal Date', custom: true, isSortable: true },\r\n        { field: 'policyType', title: 'Current Policy Type', isSortable: true },\r\n        { field: 'firstName', title: 'First Name', isSortable: true },\r\n        { field: 'middleName', title: 'Middle Name', isSortable: true },\r\n        { field: 'lastName', title: 'Last Name', isSortable: true },\r\n        { field: 'address1', title: 'Address 1', isSortable: true },\r\n        { field: 'address2', title: 'Address 2', isSortable: true },\r\n        { field: 'city', title: 'City', isSortable: true },\r\n        { field: 'state', title: 'State', isSortable: true },\r\n        { field: 'zip', title: 'Zip', isSortable: true },\r\n    ]\r\n\r\n    const indicatorOptions = [\r\n        { id: 'true', text: 'Yes', values: ['true'] },\r\n        { id: 'false', text: 'No', values: ['false'] }\r\n    ]\r\n\r\n    const indicatorData = [\r\n        {\r\n            id: 'recommended-indicator',\r\n            name: Indicators.RECOMMENDED\r\n        },\r\n        {\r\n            id: 'young-driver-indicator',\r\n            name: Indicators.YOUNG_DRIVER\r\n        },\r\n        {\r\n            id: 'merit-indicator',\r\n            name: Indicators.MERIT\r\n        }\r\n    ]\r\n\r\n    // Imports\r\n    import { Search } from '@dd-nucleus/nucleus-vue';\r\n    import { ref, reactive, computed, defineProps, defineEmits } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRouter } from 'vue-router';\r\n    import { DataListOptionToOppId, ChannelTypes } from '@/constants';\r\n    import { retentionTypes } from '@/site/components/OpportunitiesTile';\r\n    import { formatStatCode } from '@/util';\r\n    import { Indicators } from '@/constants'\r\n    import SearchTableV1 from '@/site/components/searches/SearchTableV1';\r\n\r\n\r\n    // Components\r\n    import TableSkeleton from '@/site/components/skeleton/TableSkeleton';\r\n\r\n    //props\r\n    const props = defineProps({\r\n        orderState: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        product: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // State\r\n    const router = useRouter();\r\n    const emit = defineEmits(['saveForLater']);\r\n\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n\r\n    const sortPrefix = orderFlowDetails.oppId === DataListOptionToOppId.AnnualAutoConvert6months ? \"auto-\" : \"\";\r\n\r\n    const search = new Search(searchId(), 'row', sortId());\r\n    \r\n    const searchTerm = ref('statCode');\r\n\r\n    let selectedList = reactive([]);\r\n\r\n    const detail = reactive({ product: props.product });\r\n\r\n\r\n    // Computed\r\n    const listLength = computed(() => {\r\n        return selectedList.length;\r\n    });\r\n\r\n    const getColumns = computed(() => {\r\n        switch (orderFlowDetails.oppId) {\r\n            case DataListOptionToOppId.AnnualAutoConvert6months:\r\n                return annualAutoColumns;\r\n            case DataListOptionToOppId.AnnualAutoCustomersRenewal:\r\n                return customersUpRenewalColumns;\r\n            default:\r\n                return [];\r\n        }\r\n    })\r\n\r\n    const isAnnualAuto = computed(() => {\r\n        if (orderFlowDetails.oppId === DataListOptionToOppId.AnnualAutoConvert6months)\r\n            return true\r\n        return false\r\n    })\r\n\r\n    if (isAnnualAuto.value  == true) {\r\n            search.setFilterValues('recommended-indicator', ['true'])\r\n    }\r\n\r\n    const statCodeField = computed(() => {\r\n        switch (orderFlowDetails.oppId) {\r\n            case DataListOptionToOppId.AnnualAutoConvert6months:\r\n                return \"agencyNumber\";\r\n            case DataListOptionToOppId.AnnualAutoCustomersRenewal:\r\n                return \"statCode\";\r\n            default:\r\n                return \"\";\r\n        }\r\n    })\r\n\r\n    // Methods\r\n    function searchId() {\r\n        switch (orderFlowDetails.oppId) {\r\n            case DataListOptionToOppId.AnnualAutoConvert6months:\r\n                return retentionTypes.AnnualAuto;\r\n            case DataListOptionToOppId.AnnualAutoCustomersRenewal:\r\n                return retentionTypes.CustomersUpRenewal;\r\n            default:\r\n                return \"\";\r\n        }\r\n    }\r\n\r\n    function sortId() {\r\n        switch (orderFlowDetails.oppId) {\r\n            case DataListOptionToOppId.AnnualAutoConvert6months:\r\n                return \"auto-renewalDate\";\r\n            case DataListOptionToOppId.AnnualAutoCustomersRenewal:\r\n                return \"renewalDate\";\r\n            default:\r\n                return \"\";\r\n        }\r\n    }\r\n\r\n    const toPersonalizationPage = computed(() => {\r\n        const parentId = orderFlowDetails.parentId ? orderFlowDetails.parentId : orderFlowDetails.id;\r\n        const channelType = detail.product?.attributes?.isEmail ? ChannelTypes.EMAIL : ChannelTypes.DIRECT_MAIL;\r\n        return `/personalization/step-1/${orderFlowDetails.id}/${parentId}/${orderFlowDetails.productId}/?edit=true&isSubscription=${detail.product?.attributes?.isSubscription}&channelType=${channelType}`;\r\n    });\r\n\r\n    function formatDate(date) {\r\n        if (date && date.length > 0) {\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    async function saveForLater() {\r\n        site.personalizationInfo.saveForLaterInLocal();\r\n        await UpdateRecipients();\r\n        emit('saveForLater');\r\n    }\r\n\r\n    async function next() {\r\n        UpdateRecipients();\r\n        router.push({\r\n            name: 'PersonalizeStep3ReviewPage',\r\n            params: {id: orderFlowDetails.id}\r\n        });\r\n    }\r\n\r\n    async function UpdateRecipients() {\r\n        const allRows = search.results.rows;\r\n        const selected = allRows.filter(sl => selectedList.includes(sl.policyNumber)).map(sl => {\r\n            return {\r\n                \"externalId\": sl.externalId,\r\n                \"firstName\": sl.firstName,\r\n                \"lastName\": sl.lastName,\r\n                \"addressLine1\": sl.address1,\r\n                \"addressLine2\": sl.address2,\r\n                \"city\": sl.city,\r\n                \"state\": sl.state,\r\n                \"postalCode\": sl.zip ? sl.zip.trim() : \"\",\r\n                \"policyNumber\": sl.policyNumber,\r\n                \"renewalDate\": sl.renewalDate\r\n            };\r\n        });\r\n        await site.personalizationInfo.addMailContacts(selected);\r\n    }\r\n\r\n    function sortSearch(value) {\r\n        value = sortPrefix + value\r\n\r\n        if (searchTerm.value.includes(value)) {\r\n\r\n            if (searchTerm.value.includes('-desc')) {\r\n                searchTerm.value = value;\r\n            } else {\r\n                searchTerm.value = value + '-desc';\r\n            }\r\n\r\n        } else {\r\n            searchTerm.value = value;\r\n        }\r\n\r\n        search.setSortId(searchTerm.value);\r\n    }\r\n\r\n    //SearchTable Changes\r\n    //computed\r\n    const allRecordsSelected = computed(() => {\r\n        return search?.results?.rows?.length == listLength.value;\r\n    });\r\n\r\n    //methods\r\n    function selectAll(isSelectAll, list) {\r\n        selectedList.length = 0;\r\n        Object.assign(selectedList, list.map(l => l.policyNumber));\r\n    }\r\n\r\n    function selected(value) {\r\n        selectedList.length = 0;\r\n        Object.assign(selectedList, value);\r\n    }\r\n\r\n    search.onResults(() => {\r\n        if (props.orderState?.mailContacts?.length == 0) {\r\n            selectedList.length = 0;\r\n            Object.assign(selectedList, search.results?.rows?.map(mc => mc.policyNumber));\r\n        }\r\n        else if (props.orderState?.mailContacts?.length > 0) {\r\n            const currentSelectedList = props.orderState?.mailContacts.map(mc => mc.policyNumber);\r\n            const filteredSelectedList = search?.results?.rows?.filter(mc => currentSelectedList.includes(mc.policyNumber));\r\n            if (filteredSelectedList.length > 0) {\r\n                Object.assign(selectedList, filteredSelectedList.map(mc => mc.policyNumber));\r\n            }\r\n            else {\r\n                selectedList.length = 0;\r\n                Object.assign(selectedList, search?.results?.rows?.map(mc => mc.policyNumber));\r\n            }\r\n        }\r\n    });\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"row my-5\">\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col\">\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"col border-bottom border-color-1\">\r\n\r\n            <div class=\"d-flex\">\r\n                <div class=\"text-color-1\">\r\n                    <h2 class=\"mb-0\">Select policyholders to be included in this campaign.</h2>\r\n                </div>\r\n                <div class=\"ms-auto\">\r\n                    {{detail.product.name}} ({{detail.product.itemNumber}})\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"row\">\r\n        <div class=\"col\">\r\n            <SearchContainer v-if=\"orderFlowDetails.oppId && orderFlowDetails.statCode\" :search=\"search\" default-view=\"list\" :deep-link=\"false\">\r\n                <div class=\"row\" v-if=\"isAnnualAuto\">\r\n\r\n                    <div class=\"col-4\" v-for=\"indicatorItem in indicatorData\" :key=\"indicatorItem.id\">\r\n                        <label class=\"fw-bold\">{{ indicatorItem.name }}</label>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-3\" v-for=\"opt of indicatorOptions\" :key=\"opt.id\">\r\n                                <AddFilterCheckBox :filter-id=\"indicatorItem.id\" :values=\"opt.values\" :label=\"opt.text\" />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n\r\n                <div class=\"row mb-2 mt-3\">\r\n                    <div class=\"d-flex\">\r\n                        <div class=\"me-auto\">\r\n                            <span class=\"text-success fw-bold\">{{listLength}}</span> Selected <span class=\"ms-3 text-success fw-bold\">{{ search.results.totalCount }}</span> List Count\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"data-table\">\r\n\r\n                    <SearchTableV1 :columns=\"getColumns\" @sort-by=\"sortSearch\" selection-type=\"MULTIPLE\" id-field=\"policyNumber\" :select-all=\"allRecordsSelected\" @selected=\"selected\" @selectAll=\"selectAll\" :selected-records=\"selectedList\">\r\n\r\n                            <template v-slot:[statCodeField]=\"row\">\r\n                                {{formatStatCode(row[statCodeField])}}\r\n                            </template>\r\n\r\n                            <template v-slot:mailingDate=\"row\">\r\n                                {{formatDate(row.mailingDate)}}\r\n                            </template>\r\n\r\n                            <template v-slot:renewalDate=\"row\">\r\n                                {{formatDate(row.renewalDate)}}\r\n                            </template>\r\n\r\n                            <template v-slot:marketingChannel=\"row\">\r\n                                <div v-if=\"row.mailingDate\">Direct Mail</div>\r\n                            </template>\r\n\r\n                            <!-- Template for no results -->\r\n                            <template #empty>\r\n                                None of your policyholders currently meet the criteria for this type of campaign.\r\n                            </template>\r\n\r\n                            <!-- Template while results are initially loading -->\r\n                            <template #loading>\r\n                                <div class=\"row\">\r\n                                    <div class=\"col text-center\">\r\n                                        <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                        <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                        <span class=\"fw-bold\">Performing a search for the data</span>\r\n                                        <div class=\"spinner-border mx-3\" role=\"status\"></div>\r\n                                        <div class=\"spinner-border\" role=\"status\"></div>\r\n                                    </div>\r\n                                </div>\r\n                                <TableSkeleton />\r\n                            </template>\r\n                        </SearchTableV1>\r\n</div>\r\n\r\n            </SearchContainer>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"row mt-3\">\r\n\r\n        <div class=\"d-flex mb-3\">\r\n            <div class=\"me-auto\">\r\n                <router-link :to=\"toPersonalizationPage\" class=\"btn btn-outline-primary\">Previous</router-link>\r\n            </div>\r\n            <div>\r\n                <button v-if=\"listLength > 0\" @click=\"saveForLater\" class=\"btn btn-primary me-3\">Save For Later</button>\r\n                <button v-if=\"listLength > 0\" @click=\"next\" class=\"btn btn-primary\">Next</button>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n</style>\r\n","import script from \"./AnnualAutoSelectPolicyholders.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AnnualAutoSelectPolicyholders.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // WinBackSelectPolicyholders\r\n    // Step 2 SelectPolicyholders\r\n\r\n    // Constants ----\r\n\r\n    const columns = [\r\n        { field: 'agencyNumber', title: 'Sub Code' },\r\n        { field: 'policyNumber', title: 'Policy #', isSortable: true },\r\n        { field: 'renewalDate', title: 'Renewal Date', custom: true, isSortable: true },\r\n        { field: 'cancelDate', title: 'Cancel Date', custom: true, isSortable: true },\r\n        { field: 'policyType', title: 'Policy Type', isSortable: true },\r\n        { field: 'firstName', title: 'First Name', isSortable: true },\r\n        { field: 'lastName', title: 'Last Name', isSortable: true },\r\n        { field: 'address1', title: 'Address 1', isSortable: true },\r\n        { field: 'address2', title: 'Address 2', isSortable: true },\r\n        { field: 'city', title: 'City', isSortable: true },\r\n        { field: 'state', title: 'State', isSortable: true },\r\n        { field: 'zip', title: 'Zip', isSortable: true },\r\n    ];\r\n\r\n    // Imports\r\n    import { reactive, computed, onMounted, ref, defineProps, defineEmits } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRouter } from 'vue-router';\r\n    import { ChannelTypes } from '@/constants'\r\n     \r\n    // Components\r\n    import TableSkeleton from '@/site/components/skeleton/TableSkeleton';\r\n    import SearchTableV1 from '@/site/components/searches/SearchTableV1';\r\n    import { Util, Search } from \"@dd-nucleus/nucleus-vue\";\r\n\r\n    //props\r\n\r\n    const props = defineProps({\r\n        orderState: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        product: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // State\r\n    const search = new Search('winback-list-search', 'row', 'winback-firstName');\r\n\r\n    const router = useRouter();\r\n\r\n    const searchTerm = ref('statCode');\r\n\r\n    let selectedList = reactive([]);\r\n\r\n    const detail = reactive({ product: props.product });\r\n\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n\r\n    const emit = defineEmits(['saveForLater']);\r\n\r\n    const disableButton = ref(false);\r\n\r\n    // Computed\r\n    const listLength = computed(() => {\r\n        return selectedList.length;\r\n    });\r\n\r\n\r\n    const toPersonalizationPage = computed(() => {\r\n        const parentId = orderFlowDetails.parentId ? orderFlowDetails.parentId : orderFlowDetails.id;\r\n        const channelType = detail.product?.attributes?.isEmail ? ChannelTypes.EMAIL : ChannelTypes.DIRECT_MAIL;\r\n        return `/personalization/step-1/${orderFlowDetails.id}/${parentId}/${orderFlowDetails.productId}/?edit=true&isSubscription=${detail.product?.attributes?.isSubscription}&channelType=${channelType}`;\r\n    });\r\n\r\n    function formatDate(date) {\r\n        if (date && date.length > 0) {\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    async function next() {\r\n        await updateRecipients();\r\n\r\n        router.push({\r\n            name: 'PersonalizeStep3WinBackPage',\r\n            params: {\r\n                id: orderFlowDetails.id\r\n            }\r\n        });\r\n    }\r\n\r\n    async function saveForLater() {\r\n        site.personalizationInfo.saveForLaterInLocal();\r\n        await updateRecipients();\r\n        emit('saveForLater');\r\n    }\r\n\r\n    async function updateRecipients() {\r\n\r\n        disableButton.value = true;\r\n        //TODO needs to be copied to other places.\r\n        ///Getting all the records before store the selected recipients.\r\n\r\n        const newSearch = new Search('winback-list-search', 'row', 'winback-firstName');\r\n        await newSearch.activate();\r\n\r\n        const allRecords = newSearch.results.rows;\r\n        const selected = allRecords.filter(sl => selectedList.includes(sl.policyNumber)).map(sl => {\r\n            return {\r\n                \"firstName\": sl.firstName,\r\n                \"lastName\": sl.lastName,\r\n                \"addressLine1\": sl.address1,\r\n                \"addressLine2\": sl.address2,\r\n                \"city\": sl.city,\r\n                \"state\": sl.state,\r\n                \"postalCode\": sl.zip ? sl.zip.trim() : \"\",\r\n                \"policyNumber\": sl.policyNumber,\r\n                \"policyType\": sl.policyType,\r\n                \"renewalDate\": sl.renewalDate,\r\n                \"cancelDate\": sl.cancelDate,\r\n                \"externalId\": sl.externalId,\r\n                \"orderStateId\": orderFlowDetails.id\r\n\r\n            };\r\n        });\r\n        await site.personalizationInfo.addMailContacts(selected);\r\n    }\r\n\r\n    function sortSearch(value) {\r\n        value = \"winback-\" + value\r\n\r\n        if (searchTerm.value.includes(value)) {\r\n\r\n            if (searchTerm.value.includes('-desc')) {\r\n                searchTerm.value = value;\r\n            } else {\r\n                searchTerm.value = value + '-desc';\r\n            }\r\n\r\n        } else {\r\n            searchTerm.value = value;\r\n        }\r\n\r\n        search.setSortId(searchTerm.value);\r\n    }\r\n\r\n    onMounted(async () => {\r\n        if (Util.isNotEmpty(props.orderState)) {\r\n            if (props.orderState?.mailContacts?.length > 0) {\r\n                Object.assign(selectedList, props.orderState?.mailContacts.map(mc => mc.policyNumber));\r\n            } else {\r\n                Object.assign(selectedList, search?.results?.rows?.map(mc => mc.policyNumber));\r\n            }\r\n        }\r\n    });\r\n\r\n    //SearchTable Changes\r\n    //computed\r\n    const allRecordsSelected = computed(() => {\r\n        return search?.results?.rows?.length == listLength.value;\r\n    });\r\n\r\n    //methods\r\n    function selectAll(isSelectAll, list) {\r\n        selectedList.length = 0;\r\n        if (isSelectAll)\r\n            for (var i = 0; i < list.length; i++) {\r\n                selectedList.push(list[i].policyNumber)\r\n            }\r\n    }\r\n\r\n    function selected(value) {\r\n        selectedList.length = 0;\r\n        Object.assign(selectedList, value);\r\n    }\r\n\r\n    search.onResults(() => {\r\n        if (props.orderState?.mailContacts?.length == 0) {\r\n            selectedList.length = 0;\r\n            Object.assign(selectedList, search.results?.rows?.map(mc => mc.policyNumber));\r\n        }\r\n        else if (props.orderState?.mailContacts?.length > 0) {\r\n            const currentSelectedList = props.orderState?.mailContacts.map(mc => mc.policyNumber);\r\n            const filteredSelectedList = search?.results?.rows?.filter(mc => currentSelectedList.includes(mc.policyNumber));\r\n            if (filteredSelectedList.length > 0) {\r\n                Object.assign(selectedList, filteredSelectedList.map(mc => mc.policyNumber));\r\n            }\r\n            else {\r\n                selectedList.length = 0;\r\n                Object.assign(selectedList, search?.results?.rows?.map(mc => mc.policyNumber));\r\n            }\r\n        }\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"row my-5\">\r\n\r\n        <div class=\"col border-bottom border-color-1\">\r\n\r\n            <div class=\"d-flex\">\r\n                <div class=\"text-color-1\">\r\n                    <h2 class=\"mb-0\">Select policyholders to be included in this campaign.</h2>\r\n                </div>\r\n                <div class=\"ms-auto\">\r\n                    {{detail.product.name}} ({{detail.product.itemNumber}})\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"row\">\r\n        <div class=\"col\">\r\n            <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"false\">\r\n\r\n                <div class=\"row mb-2\">\r\n                    <div class=\"d-flex\">\r\n                        <div class=\"me-auto\">\r\n                            <span class=\"text-success fw-bold\">{{listLength}}</span> Selected <span class=\"ms-3 text-success fw-bold\">{{ search.results.totalCount }}</span> List Count\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"data-table\">\r\n                    <SearchTableV1 :columns=\"columns\" @sort-by=\"sortSearch\" selection-type=\"MULTIPLE\" id-field=\"policyNumber\" :select-all=\"allRecordsSelected\" @selected=\"selected\" @selectAll=\"selectAll\" :selected-records=\"selectedList\">\r\n                        <template v-slot:mailingDate=\"row\">\r\n                            {{formatDate(row.mailingDate)}}\r\n                        </template>\r\n\r\n                        <template v-slot:renewalDate=\"row\">\r\n                            {{formatDate(row.renewalDate)}}\r\n                        </template>\r\n\r\n                        <template v-slot:cancelDate=\"row\">\r\n                            {{formatDate(row.cancelDate)}}\r\n                        </template>\r\n\r\n                        <template v-slot:marketingChannel=\"row\">\r\n                            <div v-if=\"row.mailingDate\">Direct Mail</div>\r\n                        </template>\r\n\r\n                        <!-- Template for no results -->\r\n                        <template #empty>\r\n                            None of your policyholders currently meet the criteria for this type of campaign.\r\n                        </template>\r\n\r\n                        <!-- Template while results are initially loading -->\r\n                        <template #loading>\r\n                            <div class=\"row\">\r\n                                <div class=\"col text-center\">\r\n                                    <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                    <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                    <span class=\"fw-bold\">Performing a search for the data</span>\r\n                                    <div class=\"spinner-border mx-3\" role=\"status\"></div>\r\n                                    <div class=\"spinner-border\" role=\"status\"></div>\r\n                                </div>\r\n                            </div>\r\n                            <TableSkeleton />\r\n                        </template>\r\n                    </SearchTableV1>\r\n                </div>\r\n            </SearchContainer>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"row mt-3\">\r\n\r\n        <div class=\"d-flex mb-3\">\r\n            <div class=\"me-auto\">\r\n                <router-link :to=\"toPersonalizationPage\" class=\"btn btn-outline-primary\">Previous</router-link>\r\n            </div>\r\n            <div class=\"d-flex\">\r\n                <div class=\"mx-5\"><button v-if=\"listLength > 0\" @click=\"saveForLater\" class=\"btn btn-primary\" :disabled=\"disableButton\">Save For Later</button></div>\r\n                <button v-if=\"listLength > 0\" @click=\"next\" class=\"btn btn-primary\" :disabled=\"disableButton\">Next</button>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n</style>\r\n","import script from \"./WinBackSelectPolicyholders.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./WinBackSelectPolicyholders.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // AgencyReferral Select Policy Holders\r\n    // Step 2 SelectPolicyholders\r\n\r\n    // Constants ----\r\n\r\n    const columns = [\r\n        { field: 'policyNumber', title: 'Policy #', isSortable: true },\r\n        { field: 'policyType', title: 'Policy Type', isSortable: true },\r\n        { field: 'firstName', title: 'First Name', isSortable: true },\r\n        { field: 'lastName', title: 'Last Name', isSortable: true },\r\n        { field: 'address1', title: 'Address 1', isSortable: true },\r\n        { field: 'address2', title: 'Address 2', isSortable: true },\r\n        { field: 'city', title: 'City', isSortable: true },\r\n        { field: 'state', title: 'State', isSortable: true },\r\n        { field: 'zip', title: 'Zip', isSortable: true },\r\n        { field: 'customerSinceDate', title: 'Customer Since', custom: true, isSortable: true },\r\n        { field: 'renewalDate', title: 'Renewal Date', custom: true, isSortable: true },\r\n    ];\r\n\r\n    // Imports\r\n    import { Search } from '@dd-nucleus/nucleus-vue';\r\n    import { reactive, computed, ref, defineProps, defineEmits } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRouter } from 'vue-router';\r\n    import { ChannelTypes } from '@/constants'\r\n\r\n\r\n    // Components\r\n    import TableSkeleton from '@/site/components/skeleton/TableSkeleton';\r\n    import SearchTableV1 from '@/site/components/searches/SearchTableV1';\r\n    import { isNotEmpty, isEmpty } from '@/util';\r\n\r\n    const props = defineProps({\r\n        orderState: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        product: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n\r\n    // State\r\n    const search = new Search('bridge-cross-sell-detail', 'row', 'policyNumber');\r\n    search.setFilterInitialValue('cross-sell-type-code-sub-code', orderFlowDetails.oppId, orderFlowDetails.statCode);\r\n\r\n    const router = useRouter();\r\n    const searchTerm = ref('statCode');\r\n\r\n    let selectedList = reactive([]);\r\n    const selectedListByPage = reactive([]);\r\n\r\n    const detail = reactive({ product: props.product });\r\n\r\n    const emit = defineEmits(['saveForLater']);\r\n\r\n    const disableButton = ref(false);\r\n\r\n    // Computed\r\n    const listLength = computed(() => {\r\n        return selectedList.length;\r\n    });\r\n\r\n    // Methods\r\n    const toPersonalizationPage = computed(() => {\r\n        const parentId = orderFlowDetails.parentId ? orderFlowDetails.parentId : orderFlowDetails.id;\r\n        const channelType = detail.product?.attributes?.isEmail ? ChannelTypes.EMAIL : ChannelTypes.DIRECT_MAIL;\r\n        return `/personalization/step-1/${orderFlowDetails.id}/${parentId}/${orderFlowDetails.productId}/?edit=true&isSubscription=${detail.product?.attributes?.isSubscription}&channelType=${channelType}`;\r\n    });\r\n\r\n    function formatDate(date) {\r\n        if (date && date.length > 0) {\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    async function next() {\r\n        await updateRecipients();\r\n        router.push({\r\n            name: 'PersonalizeStep3Page',\r\n            params: {\r\n                id: orderFlowDetails.id\r\n            }\r\n        });\r\n    }\r\n\r\n    async function saveForLater() {\r\n        site.personalizationInfo.saveForLaterInLocal();\r\n        await updateRecipients();\r\n        emit('saveForLater');\r\n    }\r\n\r\n    async function updateRecipients() {\r\n\r\n        disableButton.value = true;\r\n        //TODO needs to be copied to other places.\r\n        ///Getting all the records before store the selected recipients.\r\n        const newSearch = new Search('bridge-cross-sell-detail', 'row', 'firstName');\r\n        newSearch.setFilterInitialValue('cross-sell-type-code-sub-code', orderFlowDetails.oppId, orderFlowDetails.statCode);\r\n        await newSearch.activate();\r\n\r\n        const allRecords = newSearch.results.rows;\r\n        const selected = allRecords.filter(sl => selectedList.includes(sl.policyNumber)).map(sl => {\r\n            return {\r\n                \"firstName\": sl.firstName,\r\n                \"lastName\": sl.lastName,\r\n                \"addressLine1\": sl.address1,\r\n                \"addressLine2\": sl.address2 ? sl.address2.trim() : \"\",\r\n                \"city\": sl.city,\r\n                \"state\": sl.state,\r\n                \"postalCode\": sl.zip ? sl.zip.trim() : \"\",\r\n                \"policyNumber\": sl.policyNumber,\r\n                \"policyType\": sl.policyType,\r\n                \"renewalDate\": sl.renewalDate,\r\n                \"customerSinceDate\": sl.customerSinceDate\r\n            };\r\n        });\r\n        await site.personalizationInfo.addMailContacts(selected);\r\n    }\r\n\r\n    function sortSearch(value) {\r\n        if (searchTerm.value.includes(value)) {\r\n            if (searchTerm.value.includes('-desc')) {\r\n                searchTerm.value = value;\r\n            } else {\r\n                searchTerm.value = value + '-desc';\r\n            }\r\n        } else {\r\n            searchTerm.value = value;\r\n        }\r\n        search.setSortId(searchTerm.value);\r\n    }\r\n\r\n    //SearchTable Changes\r\n    //computed\r\n    const allRecordsSelected = computed(() => {\r\n        if (search?.results?.rows?.length == listLength.value) {\r\n            return true;\r\n        }\r\n        const currentRecordsByPage = search?.results?.rows?.map(r => r.policyNumber);\r\n        const currentPageSelectedRecords = selectedList.filter(sl => currentRecordsByPage.includes(sl));\r\n        return currentPageSelectedRecords.length == search?.results?.rows?.length;\r\n    });\r\n\r\n\r\n    const recordsByPage = computed(() => {\r\n        const currentPageNumber = search.results.pageNumber;\r\n        return selectedListByPage.find(slp => slp.pageNumber == currentPageNumber)?.selectedRecords || [];\r\n    });\r\n\r\n\r\n    //methods\r\n    function selectAll(isSelectAll, list) {\r\n        const currentSelectedAllRecords = list.map(l => l.policyNumber);\r\n        let newSelectedList = [];\r\n        if (isSelectAll) {\r\n            setSelectedRecordsByPage(currentSelectedAllRecords);\r\n            newSelectedList = selectedList.concat(currentSelectedAllRecords);\r\n        } else {\r\n            setSelectedRecordsByPage([]);\r\n            newSelectedList = selectedList.filter(sl => !currentSelectedAllRecords.includes(sl));\r\n        }\r\n        const selectedSet = new Set(newSelectedList);\r\n        selectedList.length = 0;\r\n        Object.assign(selectedList, Array.from(selectedSet));\r\n\r\n    }\r\n\r\n    function selected(value) {\r\n        selectedList.length = 0;\r\n        Object.assign(selectedList, value);\r\n        const currentRecordsByPage = recordsByPage.value.filter(cr => selectedList.includes(cr));\r\n        setSelectedRecordsByPage(currentRecordsByPage);\r\n    }\r\n\r\n    function setSelectedRecordsByPage(currentSelectedRecords) {\r\n        const pageNumber = search.results.pageNumber;\r\n        const pageExists = selectedListByPage.find(slp => slp.pageNumber == pageNumber);\r\n        console.warn('pageExists', pageExists, pageNumber);\r\n        if (isNotEmpty(pageExists)) {\r\n            selectedListByPage[pageNumber].selectedRecords.length = 0;\r\n            selectedListByPage[pageNumber].selectedRecords = currentSelectedRecords;\r\n        } else {\r\n            selectedListByPage.push({ pageNumber: pageNumber, selectedRecords: currentSelectedRecords });\r\n        }\r\n    }\r\n\r\n    search.onResults(() => {\r\n        let currentSelectedRecords = [];\r\n        if (props.orderState?.mailContacts?.length == 0) {\r\n            if (isEmpty(recordsByPage.value)) {\r\n                currentSelectedRecords = search.results?.rows?.map(mc => mc.policyNumber);\r\n            } else {\r\n                currentSelectedRecords = recordsByPage.value;\r\n            }\r\n        }\r\n        else if (props.orderState?.mailContacts?.length > 0) {\r\n            const allSelectedRecords = props.orderState?.mailContacts.map(mc => mc.policyNumber);\r\n            if (selectedList.length == 0) {\r\n                Object.assign(selectedList, allSelectedRecords);\r\n            }\r\n            if (isEmpty(recordsByPage.value)) {\r\n                //Get all selected records from the db.\r\n                //get current page all records\r\n                const currentPageAllRecords = search.results?.rows?.map(mc => mc.policyNumber);\r\n                //find db records without current page records\r\n                const recordsWithoutCurrentPageRecords = allSelectedRecords.filter(cpr => !currentPageAllRecords.includes(cpr))\r\n                //find current Page DB records\r\n                const currentPagesSelectedDbRecords = allSelectedRecords.filter(cpr => !recordsWithoutCurrentPageRecords.includes(cpr))\r\n                if (currentPagesSelectedDbRecords?.length > 0) {\r\n                    //Additional step to make sure only db records are filters from the current page all records.\r\n                    const currentPageRecords = currentPageAllRecords.filter(cpr => currentPagesSelectedDbRecords.includes(cpr));\r\n                    currentSelectedRecords = currentPageRecords;\r\n                    //Assume that all the records need to be selected.\r\n                    //currentSelectedRecords = currentPageAllRecords;\r\n                }\r\n            } else {\r\n                currentSelectedRecords = recordsByPage.value;\r\n            }\r\n        }\r\n\r\n        setSelectedRecordsByPage(currentSelectedRecords);\r\n        const selectedRecords = selectedList.concat(currentSelectedRecords);\r\n        const selectedSet = new Set(selectedRecords);\r\n        Object.assign(selectedList, Array.from(selectedSet));\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"row my-5\">\r\n\r\n        <div class=\"col border-bottom border-color-1\">\r\n\r\n            <div class=\"d-flex\">\r\n                <div class=\"text-color-1\">\r\n                    <h2 class=\"mb-0\">Select policyholders to be included in this campaign.</h2>\r\n                </div>\r\n                <div class=\"ms-auto\">\r\n                    {{detail.product.name}} ({{detail.product.itemNumber}})\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"row\">\r\n        <div class=\"col\">\r\n            <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"false\">\r\n\r\n                <div class=\"row mb-2\">\r\n                    <div class=\"d-flex\">\r\n                        <div class=\"me-auto\">\r\n                            <span class=\"text-success fw-bold\">{{listLength}}</span> Selected <span class=\"ms-3 text-success fw-bold\">{{ search.results.totalCount }}</span> List Count\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"data-table\">\r\n                    <SearchTableV1 :columns=\"columns\" @sort-by=\"sortSearch\" selection-type=\"MULTIPLE\" id-field=\"policyNumber\" :select-all=\"allRecordsSelected\" @selected=\"selected\" @selectAll=\"selectAll\" :selected-records=\"selectedList\">\r\n\r\n                        <template v-slot:renewalDate=\"row\">\r\n                            {{formatDate(row.renewalDate)}}\r\n                        </template>\r\n\r\n                        <template v-slot:customerSinceDate=\"row\">\r\n                            {{formatDate(row.customerSinceDate)}}\r\n                        </template>\r\n\r\n                        <!-- Template for no results -->\r\n                        <template #empty>\r\n                            None of your policyholders currently meet the criteria for this type of campaign.\r\n                        </template>\r\n\r\n                        <!-- Template while results are initially loading -->\r\n                        <template #loading>\r\n                            <div class=\"row\">\r\n                                <div class=\"col text-center\">\r\n                                    <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                    <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                    <span class=\"fw-bold\">Performing a search for the data</span>\r\n                                    <div class=\"spinner-border mx-3\" role=\"status\"></div>\r\n                                    <div class=\"spinner-border\" role=\"status\"></div>\r\n                                </div>\r\n                            </div>\r\n                            <TableSkeleton />\r\n                        </template>\r\n                    </SearchTableV1>\r\n                </div>\r\n            </SearchContainer>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"row mt-3\">\r\n\r\n        <div class=\"d-flex mb-3\">\r\n            <div class=\"me-auto\">\r\n                <router-link :to=\"toPersonalizationPage\" class=\"btn btn-outline-primary\">Previous</router-link>\r\n            </div>\r\n            <div class=\"d-flex\">\r\n                <div class=\"mx-5\"><button v-if=\"listLength > 0\" @click=\"saveForLater\" class=\"btn btn-primary\" :disabled=\"disableButton\">Save For Later</button></div>\r\n                <button v-if=\"listLength > 0\" @click=\"next\" class=\"btn btn-primary\" :disabled=\"disableButton\">Next</button>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n</style>\r\n","import script from \"./AgencyReferralSelectPolicyholders.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AgencyReferralSelectPolicyholders.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // PetInsuranceSelectPolicyholders\r\n    // Step 2 SelectPolicyholders\r\n\r\n    // Constants ----\r\n\r\n    const columns = [\r\n        { field: 'statCode', title: 'Sub Code', isSortable: true, custom: true },\r\n        { field: 'mailingDate', title: 'Mailing Date', custom: true, isSortable: true },\r\n        { field: 'marketingChannel', title: 'Marketing Channel', custom: true, isSortable: true },\r\n        { field: 'policyNumber', title: 'Policy #', isSortable: true },\r\n        { field: 'renewalDate', title: 'Renewal Date', custom: true, isSortable: true },\r\n        { field: 'policyType', title: 'Policy Type', isSortable: true },\r\n        { field: 'firstName', title: 'First Name', isSortable: true },\r\n        { field: 'lastName', title: 'Last Name', isSortable: true },\r\n        { field: 'address1', title: 'Address 1', isSortable: true },\r\n        { field: 'address2', title: 'Address 2', isSortable: true },\r\n        { field: 'city', title: 'City', isSortable: true },\r\n        { field: 'state', title: 'State', isSortable: true },\r\n        { field: 'zip', title: 'Zip', isSortable: true },\r\n        { field: 'email', title: 'Email', isSortable: true },\r\n        { field: 'phone', title: 'Phone', isSortable: true },\r\n    ];\r\n\r\n    // Imports\r\n    import { Search } from '@dd-nucleus/nucleus-vue';\r\n    import { ref, reactive, computed, defineProps, defineEmits } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRouter, useRoute } from 'vue-router';\r\n    import { formatStatCode } from '@/util';\r\n    import { ChannelTypes, DropType, Frequency } from '@/constants'\r\n    import SearchTableV1 from '@/site/components/searches/SearchTableV1';\r\n    // Components\r\n    import TableSkeleton from '@/site/components/skeleton/TableSkeleton';\r\n\r\n    //props\r\n\r\n    const props = defineProps({\r\n        orderState: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        product: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // State\r\n    const search = new Search('pet-insurance-list-search', 'row', 'policyNumber');\r\n\r\n    const router = useRouter();\r\n    const route = useRoute();\r\n\r\n    const searchTerm = ref('statCode');\r\n\r\n    let selectedList = reactive([]);\r\n\r\n\r\n    const detail = reactive({ product: props.product });\r\n\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n    const emit = defineEmits(['saveForLater']);\r\n\r\n    // Computed\r\n    const listLength = computed(() => {\r\n        return selectedList.length;\r\n    });\r\n\r\n    const toPersonalizationPage = computed(() => {\r\n        const parentId = orderFlowDetails.parentId ? orderFlowDetails.parentId : orderFlowDetails.id;\r\n        const channelType = detail.product?.attributes?.isEmail ? ChannelTypes.EMAIL : ChannelTypes.DIRECT_MAIL;\r\n        return `/personalization/step-1/${orderFlowDetails.id}/${parentId}/${orderFlowDetails.productId}/?edit=true&isSubscription=${detail.product?.attributes?.isSubscription}&channelType=${channelType}`;\r\n    });\r\n\r\n\r\n    // Methods\r\n\r\n    function formatDate(date) {\r\n        if (date && date.length > 0) {\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    async function next() {\r\n        await UpdateRecipients();\r\n\r\n         const currentDate = new Date();\r\n\r\n        //since we do not want to show mailing/drop details on cart page, making drop type as none.\r\n        orderFlowDetails.dropDetails.dropType = DropType.NONE.text;\r\n        //Setting default droptype and frequency and number of mailings to get the Pet insurance dropdate.\r\n        await site.personalizationInfo.setDropDetails(currentDate, Frequency.WEEKLY.text, DropType.ONE.value)\r\n\r\n        router.push({\r\n            name: 'PersonalizeStep3ReviewPage',\r\n            params: { id: orderFlowDetails.id },\r\n            query: route.query\r\n        });\r\n    }\r\n\r\n    async function saveForLater() {\r\n        site.personalizationInfo.saveForLaterInLocal();\r\n        await UpdateRecipients();\r\n        emit('saveForLater');\r\n    }\r\n\r\n    async function UpdateRecipients() {\r\n        const allRecords = search.results.rows;\r\n        const selected = allRecords.filter(sl => selectedList.includes(sl.policyNumber)).map(sl => {\r\n            return {\r\n                \"firstName\": sl.firstName,\r\n                \"lastName\": sl.lastName,\r\n                \"addressLine1\": sl.address1,\r\n                \"addressLine2\": sl.address2,\r\n                \"city\": sl.city,\r\n                \"state\": sl.state,\r\n                \"postalCode\": sl.zip ? sl.zip.trim() : \"\",\r\n                \"policyNumber\": sl.policyNumber,\r\n                \"policyType\": sl.policyType,\r\n                \"renewalDate\": sl.renewalDate,\r\n                \"email\": sl.email,\r\n                \"phone\": sl.phone\r\n            };\r\n        });\r\n        await site.personalizationInfo.addMailContacts(selected);\r\n    }\r\n\r\n    function sortSearch(value) {\r\n\r\n        if (searchTerm.value.includes(value)) {\r\n\r\n            if (searchTerm.value.includes('-desc')) {\r\n                searchTerm.value = value;\r\n            } else {\r\n                searchTerm.value = value + '-desc';\r\n            }\r\n\r\n        } else {\r\n            searchTerm.value = value;\r\n        }\r\n\r\n        search.setSortId(searchTerm.value);\r\n    }\r\n\r\n    //SearchTable Changes\r\n    //computed\r\n    const allRecordsSelected = computed(() => {\r\n        return search?.results?.rows?.length == listLength.value;\r\n    });\r\n\r\n    //methods\r\n    function selectAll(isSelectAll, list) {\r\n        selectedList.length = 0;\r\n        if (isSelectAll)\r\n            for (var i = 0; i < list.length; i++) {\r\n                selectedList.push(list[i].policyNumber)\r\n            }\r\n    }\r\n\r\n    function selected(value) {\r\n        selectedList.length = 0;\r\n        Object.assign(selectedList, value);\r\n    }\r\n\r\n    search.onResults(() => {\r\n        if (props.orderState?.mailContacts?.length == 0) {\r\n            selectedList.length = 0;\r\n            Object.assign(selectedList, search.results?.rows?.map(mc => mc.policyNumber));\r\n        }\r\n        else if (props.orderState?.mailContacts?.length > 0) {\r\n            const currentSelectedList = props.orderState?.mailContacts.map(mc => mc.policyNumber);\r\n            const filteredSelectedList = search?.results?.rows?.filter(mc => currentSelectedList.includes(mc.policyNumber));\r\n            if (filteredSelectedList.length > 0) {\r\n                Object.assign(selectedList, filteredSelectedList.map(mc => mc.policyNumber));\r\n            }\r\n            else {\r\n                selectedList.length = 0;\r\n                Object.assign(selectedList, search?.results?.rows?.map(mc => mc.policyNumber));\r\n            }\r\n        }\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"row my-5\">\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col\">\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"col border-bottom border-color-1\">\r\n\r\n            <div class=\"d-flex\">\r\n                <div class=\"text-color-1\">\r\n                    <h2 class=\"mb-0\">Select policyholders to be included in this campaign.</h2>\r\n                </div>\r\n                <div class=\"ms-auto\">\r\n                    {{detail.product.name}} ({{detail.product.itemNumber}})\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"row\">\r\n        <div class=\"col\">\r\n            <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"false\">\r\n                <div class=\"row mb-2\">\r\n                    <div class=\"d-flex\">\r\n                        <div class=\"me-auto\">\r\n                            <span class=\"text-success fw-bold\">{{listLength}}</span> Selected <span class=\"ms-3 text-success fw-bold\">{{ search.results.totalCount }}</span> List Count\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"data-table\">\r\n                    <SearchTableV1 :columns=\"columns\" @sort-by=\"sortSearch\" selection-type=\"MULTIPLE\" id-field=\"policyNumber\" :select-all=\"allRecordsSelected\" @selected=\"selected\" @selectAll=\"selectAll\" :selected-records=\"selectedList\">\r\n                        <template v-slot:statCode=\"row\">\r\n                            {{ formatStatCode(row.statCode)}}\r\n                        </template>\r\n                        <template v-slot:mailingDate=\"row\">\r\n                            {{formatDate(row.mailingDate)}}\r\n                        </template>\r\n\r\n                        <template v-slot:renewalDate=\"row\">\r\n                            {{formatDate(row.renewalDate)}}\r\n                        </template>\r\n\r\n                        <template v-slot:marketingChannel=\"row\">\r\n                            <div v-if=\"row.mailingDate\">Direct Mail</div>\r\n                        </template>\r\n\r\n                        <!-- Template for no results -->\r\n                        <template #empty>\r\n                            None of your policyholders currently meet the criteria for this type of campaign.\r\n                        </template>\r\n\r\n                        <!-- Template while results are initially loading -->\r\n                        <template #loading>\r\n                            <div class=\"row\">\r\n                                <div class=\"col text-center\">\r\n                                    <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                    <div class=\"spinner-border me-3\" role=\"status\"></div>\r\n                                    <span class=\"fw-bold\">Performing a search for the data</span>\r\n                                    <div class=\"spinner-border mx-3\" role=\"status\"></div>\r\n                                    <div class=\"spinner-border\" role=\"status\"></div>\r\n                                </div>\r\n                            </div>\r\n                            <TableSkeleton />\r\n                        </template>\r\n                    </SearchTableV1>\r\n                </div>\r\n\r\n            </SearchContainer>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"row mt-3\">\r\n\r\n        <div class=\"d-flex mb-3\">\r\n            <div class=\"me-auto\">\r\n                <router-link :to=\"toPersonalizationPage\" class=\"btn btn-outline-primary\">Previous</router-link>\r\n            </div>\r\n            <div class=\"d-flex\">\r\n                <div class=\"mx-5\"><button v-if=\"listLength > 0\" @click=\"saveForLater\" class=\"btn btn-primary\">Save For Later</button></div>\r\n                <button v-if=\"listLength > 0\" @click=\"next\" class=\"btn btn-primary\">Next</button>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n</style>\r\n","import script from \"./PetInsuranceSelectPolicyholders.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PetInsuranceSelectPolicyholders.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // PersonalizeStep2Page\r\n    // Step 2 Personalization\r\n\r\n    // Imports\r\n    import { ref, reactive, computed, onMounted } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRoute, useRouter } from 'vue-router';\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n    import ThreeStepStepper from '@/site/components/ThreeStepStepper';\r\n    import SelectPolicyholders from './components/SelectPolicyholders';\r\n    import SelectSubscriptionPolicyholders from './components/SelectSubscriptionPolicyholders';\r\n    import ZipCodePanel from './components/ZipCodePanel';\r\n    import UploadListPanel from './components/UploadListPanel';\r\n    import ProspectingMailListType from './components/ProspectingMailListType';\r\n    import AnnualAutoSelectPolicyholders from './components/AnnualAutoSelectPolicyholders';\r\n    import WinBackSelectPolicyholders from './components/WinBackSelectPolicyholders';\r\n    import AgencyReferralSelectPolicyholders from './components/AgencyReferralSelectPolicyholders';\r\n    import PetInsuranceSelectPolicyholders from './components/PetInsuranceSelectPolicyholders';\r\n    import { Util } from \"@dd-nucleus/nucleus-vue\";\r\n    import { ProgramType, getTabName } from '../../../constants';\r\n\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n\r\n    const mailListType = ref(null);\r\n\r\n    const isLoaded = ref(false);\r\n\r\n    const orderFlowDetails = reactive({});\r\n    const product = reactive({});\r\n\r\n    // Computed\r\n    const programType = computed(() => {\r\n        // TODO: need to know the biz rules between zip code look up and upload list\r\n        return orderFlowDetails.programType;\r\n    });\r\n\r\n    // Computed\r\n    const tabName = computed(() => {\r\n        return getTabName(orderFlowDetails.programType);\r\n    });\r\n\r\n    // Methods\r\n    function mailListTypeSelected(type) {\r\n        mailListType.value = type;\r\n    }\r\n\r\n    async function saveForLater() {\r\n        if (site.errorHandler.handleSaveForLaterRequest()) {\r\n            router.push({\r\n                name: 'Home',\r\n            });\r\n        }\r\n    }\r\n\r\n    // Handlers ----\r\n    onMounted(async () => {\r\n        const orderStateId = route.params.id\r\n        if (Util.isNotEmpty(orderStateId)) {\r\n            const response = await site.personalizationInfo.getOrderState(orderStateId);\r\n            if (response.succeeded) {\r\n                Object.assign(orderFlowDetails, response.model);\r\n                if (Util.isNotEmpty(response.model.productId)) {\r\n                    Object.assign(product, await site.products.getProductDetail(response.model.productId));\r\n                }\r\n            }\r\n        }\r\n        if (orderFlowDetails.programType === ProgramType.DATA_LIST_UPLOAD) {\r\n            mailListType.value = 'upload';\r\n        }\r\n        if (orderFlowDetails.programType === ProgramType.PROSPECTING) {\r\n            mailListType.value = 'purchase';\r\n        }\r\n        isLoaded.value = true;\r\n    })\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar v-if=\"tabName\" :active-id=\"tabName\" />\r\n\r\n            <div class=\"row mt-3\">\r\n\r\n                <div class=\"col\">\r\n\r\n                    <ThreeStepStepper v-if=\"[ProgramType.RETENTION, ProgramType.ANNUAL_AUTO, ProgramType.PET_INSURANCE].includes(orderFlowDetails.programType)\" :currentStep=\"stepCounter.TWO\" />\r\n                    <SelectMailListStepper v-else :currentStep=\"stepCounter.TWO\" />\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class=\"root-page-container personalize-step2\" v-if=\"isLoaded\">\r\n                <SelectPolicyholders v-if=\"programType == ProgramType.CROSS_SELL\" :order-state=\"orderFlowDetails\" :product=\"product\" @save-for-later=\"saveForLater\" />\r\n                <ProspectingMailListType v-if=\"programType == ProgramType.PROSPECTING && mailListType == null\" @mailListType=\"mailListTypeSelected\" :order-state=\"orderFlowDetails\" :product=\"product\" @save-for-later=\"saveForLater\" />\r\n                <ZipCodePanel v-if=\"programType == ProgramType.PROSPECTING && mailListType == 'purchase'\" :order-state=\"orderFlowDetails\" :product=\"product\" @save-for-later=\"saveForLater\" />\r\n                <UploadListPanel v-if=\"programType == ProgramType.DATA_LIST_UPLOAD && mailListType == 'upload'\"  :order-state=\"orderFlowDetails\" :product=\"product\" @save-for-later=\"saveForLater\" />\r\n                <SelectSubscriptionPolicyholders v-if=\"programType == ProgramType.RETENTION\" :order-state=\"orderFlowDetails\" :product=\"product\" @save-for-later=\"saveForLater\" />\r\n                <AnnualAutoSelectPolicyholders v-if=\"programType == ProgramType.ANNUAL_AUTO\" :order-state=\"orderFlowDetails\" :product=\"product\" @save-for-later=\"saveForLater\" />\r\n                <WinBackSelectPolicyholders v-if=\"programType == ProgramType.WINBACK\" :order-state=\"orderFlowDetails\" :product=\"product\" @save-for-later=\"saveForLater\"/>\r\n                <AgencyReferralSelectPolicyholders v-if=\"programType == ProgramType.AGENCY_REFERRAL\" :order-state=\"orderFlowDetails\" :product=\"product\" @save-for-later=\"saveForLater\"/>\r\n                <PetInsuranceSelectPolicyholders v-if=\"programType == ProgramType.PET_INSURANCE\" :order-state=\"orderFlowDetails\" :product=\"product\" @save-for-later=\"saveForLater\"/>\r\n            </div>\r\n\r\n        </div>\r\n    </PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .personalize-step2 {\r\n        label {\r\n            font-weight: bold;\r\n            font-size: 1rem;\r\n        }\r\n    }\r\n</style>\r\n","import script from \"./PersonalizeStep2Page.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PersonalizeStep2Page.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PersonalizeStep2Page.vue?vue&type=style&index=0&id=8a180296&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // PersonalizeStep3WinBackPage\r\n    // Step 3 Win back Notification\r\n\r\n    // Imports ----\r\n    import { site } from '@/Site';\r\n    import { computed, reactive, onMounted } from 'vue';\r\n    import { useRouter, useRoute } from 'vue-router';\r\n    import { isEmpty } from '@/util';\r\n\r\n    const router = useRouter();\r\n    const route = useRoute();\r\n\r\n    // Components ----\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n    import { TabTypes } from './PersonalizeStep1Page';\r\n    import { dropType } from './PersonalizeStep3Page';\r\n\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n\r\n    // Computed\r\n    const tabName = computed(() => {\r\n        switch (orderFlowDetails.programType) {\r\n            case TabTypes.CROSS_SELL:\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            default:\r\n                return '';\r\n        }\r\n    });\r\n    \r\n    // Methods ----\r\n/*    function back() {\r\n        router.go(-1);\r\n    }*/\r\n\r\n    async function next() {\r\n\r\n        const currentDate = new Date();\r\n        currentDate.setHours(0, 0, 0, 0);\r\n\r\n        orderFlowDetails.dropDetails.dropType = dropType.NONE;\r\n        //Setting default droptype and frequency and number of mailings to get the winback dropdate.\r\n        await site.personalizationInfo.setDropDetails(currentDate, dropType.NONE, 1)\r\n\r\n        router.push({\r\n            name: 'PersonalizeStep4Page',\r\n            params: {id : route.params.id}\r\n        });\r\n    }\r\n\r\n    //TODO: May be to move to common place???\r\n    async function saveForLater() {\r\n        if (site.errorHandler.handleSaveForLaterRequest()) {\r\n            router.push({\r\n                name: 'Home',\r\n            });\r\n        }\r\n    }\r\n\r\n\r\n\r\n    // Lifecycle ----\r\n    onMounted(async () => {\r\n        const orderStateId = route.params.id\r\n        if (!isEmpty(orderStateId)) {\r\n            await site.personalizationInfo.getOrderState(orderStateId);\r\n        }\r\n    });\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar v-if=\"tabName\" :active-id=\"TabIDs.RETENTION_TAB_ID\" />\r\n\r\n            <div class=\"root-page-container cross-sell-page3\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col my-5\">\r\n\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.THREE\" />\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col\">\r\n                        <p class=\"fw-bold\">\r\n                            Mail Schedule: Safeco mails Win Back Program letters on the 13th day of the month following your order date, or the next business day after the 13th. For example, orders placed in January will be mailed on February 13th.\r\n                        </p>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row mb-5\">\r\n\r\n                    <div class=\"col text-center\">\r\n\r\n                        <router-link :to=\"`/personalization/step-2/${orderFlowDetails.id}`\" class=\"btn btn-outline-primary me-3\">Previous</router-link>\r\n                        <button @click=\"saveForLater\" class=\"btn btn-primary me-3\">Save For Later</button>\r\n                        <button @click=\"next\" class=\"btn btn-primary\">Next</button>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n<style lang=\"scss\">\r\n    .cross-sell-page3 {\r\n\r\n        label{\r\n            font-size: 1.25rem;\r\n            font-weight: bold;\r\n        }\r\n    }\r\n</style>","import script from \"./PersonalizeStep3WinBackPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PersonalizeStep3WinBackPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PersonalizeStep3WinBackPage.vue?vue&type=style&index=0&id=44fce432&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    // PersonalizeStep3ReviewPage\r\n    // Step 3 of mail drops the review and check out or add to cart\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import ThreeStepStepper, { stepCounter } from '@/site/components/ThreeStepStepper';\r\n\r\n    // Imports\r\n    import { ref, reactive, computed, onMounted } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRouter, useRoute } from 'vue-router';\r\n    import { Util } from '@dd-nucleus/nucleus-vue';\r\n    import { TabTypes } from './PersonalizeStep1Page';\r\n    import { ProgramType } from '../../../constants';\r\n    import { ChannelTypes } from '@/site/areas/personalization/SelectChannelPage';\r\n\r\n    const route = useRoute();\r\n\r\n    const router = useRouter();\r\n\r\n    // State\r\n    const detail = reactive({ product: {} });\r\n\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n\r\n    const summaryDetails = reactive([]);\r\n\r\n    const selectedPageFlexDocumentId = ref('');\r\n\r\n    const addingToCart = ref(false);\r\n    // Methods\r\n    async function addToCart() {\r\n        \r\n        addingToCart.value = true;\r\n        await site.personalizationInfo.setSaveForLater(false);\r\n        const response = await site.personalizationInfo.addToCart(orderDetails.value.productId, orderDetails.value.targetCount);\r\n        if(Util.isNotEmpty(orderFlowDetails.childOrderStates)) {\r\n            for(let i = 0 ; i< orderFlowDetails.childOrderStates.length; i++) {\r\n                const response = await site.personalizationInfo.addToCart(orderFlowDetails.childOrderStates[i].productId, orderFlowDetails.childOrderStates[i].targetCount);\r\n                if (!response.succeeded) {\r\n                    site.toast.error(response.error.responseStatus.message, 'Error');\r\n                    return;\r\n                }\r\n            }\r\n        }\r\n\r\n        if (response.succeeded) {\r\n            site.toast.success(detail.product.name + ' was successfully added to the cart!', 'Added To Cart');\r\n        } else {\r\n            site.toast.error(response.error.responseStatus.message, 'Error');\r\n        }\r\n        addingToCart.value = false;\r\n    }\r\n\r\n    const toPersonalizationPage = computed(() => {\r\n        const parentId = orderDetails.value.parentId ? orderDetails.value.parentId : orderDetails.value.id;\r\n        const channelType = detail.product?.attributes?.isEmail ? ChannelTypes.EMAIL : ChannelTypes.DIRECT_MAIL;\r\n        return `/personalization/step-1/${orderDetails.value.id}/${parentId}/${orderDetails.value.productId}/?edit=true&isSubscription=${detail.product?.attributes?.isSubscription}&channelType=${channelType}`;\r\n    });\r\n\r\n\r\n    function back() {\r\n        router.push({\r\n            name: 'PersonalizeStep2Page',\r\n            params: orderFlowDetails.id\r\n        });\r\n    }\r\n\r\n    async function checkout() {\r\n        if (!site.errorHandler.canStartOrder(orderDetails.value.productId)) {\r\n            return false;\r\n        }\r\n        await addToCart();\r\n\r\n        router.push({\r\n            name: 'CartPage'\r\n        });\r\n    }\r\n\r\n    function previewPdf(pageFlexDocumentId) {\r\n        site.personalizationInfo.openPdfPreview(pageFlexDocumentId);\r\n    }\r\n\r\n    \r\n    async function saveForLater() {\r\n        if (site.errorHandler.handleSaveForLaterRequest()) {\r\n            router.push({\r\n                name: 'Home',\r\n            });\r\n        }\r\n    }\r\n\r\n\r\n    // Computed\r\n    const orderDetails = computed(() => {\r\n        return site.personalizationInfo.orderFlowDetails;\r\n    });\r\n\r\n    const userInfo = computed(() => {\r\n        return site.user;\r\n    });\r\n\r\n    const childPageFlexDocumentIds = computed(() => {\r\n\r\n        if (Util.isNotEmpty(orderFlowDetails.childOrderStates)) {\r\n            return orderFlowDetails.childOrderStates.map(pd => {\r\n                return {\r\n                    value: pd.pageFlexDocumentId,\r\n                    text:  pd.itemName\r\n                };\r\n            });\r\n        }\r\n        return [];\r\n    });\r\n    \r\n    const pdfPreviewUrl = ((pageFlexDocId) => {\r\n\r\n        if (Util.isNotEmpty(pageFlexDocId) && Util.isNotEmpty(userInfo.value.userName)) {\r\n            const userName = userInfo.value.userName.replace(\".Test@test.com\", '');\r\n            const BASE_PUNCHOUT_URL = process.env.VUE_APP_PAGE_FLEX_PUNCHOUT_URL;\r\n            return `${BASE_PUNCHOUT_URL}/PMGetPdfProof.aspx?DocID=${pageFlexDocId}&UserName=${userName}`;\r\n        }\r\n        else\r\n            return '';\r\n\r\n    });\r\n\r\n\r\n    const tabName = computed(() => {\r\n        switch (orderFlowDetails.programType) {\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            default:\r\n                return '';\r\n        }\r\n    });\r\n\r\n    const isLoaded = computed(() => {\r\n        return Util.isNotEmpty(detail.product);\r\n    });\r\n\r\n    const canAddToCart = computed(() => {\r\n        return !addingToCart.value\r\n    });\r\n\r\n    // Methods\r\n    async function getSummaryData() {\r\n\r\n        const response = await site.personalizationInfo.getRelationMarketingSummary(orderFlowDetails.subscriptionPeriod);\r\n\r\n        summaryDetails.length = 0;\r\n\r\n        for (let i = 0; i < response.summary.length; i++) {\r\n            summaryDetails.push(response.summary[i]);\r\n        }\r\n\r\n    }\r\n\r\n    const displayElements = computed(() => {\r\n        let displayState = {\r\n            showSubscription: true,\r\n            showPriceSummary: true,\r\n            showRenewalText: false,\r\n            showPetInsuranceDropText: false,\r\n        };\r\n        switch (orderDetails.value.programType) {\r\n            case ProgramType.ANNUAL_AUTO:\r\n                displayState.showSubscription = false;\r\n                displayState.showPriceSummary = false;\r\n                displayState.showRenewalText = true;\r\n                break;\r\n            case ProgramType.PET_INSURANCE:\r\n                displayState.showSubscription = false;\r\n                displayState.showPriceSummary = false;\r\n                displayState.showPetInsuranceDropText = true;\r\n                break;\r\n            default:\r\n                break;\r\n        }\r\n        return displayState;\r\n    })\r\n\r\n    // Lifecycle ----\r\n    onMounted(async () => {\r\n\r\n        const orderStateId = route.params.id\r\n        if (Util.isNotEmpty(orderStateId)) {\r\n            await site.personalizationInfo.getOrderState(orderStateId);\r\n            if (orderFlowDetails.childOrderStates && orderFlowDetails.childOrderStates.length > 0) {\r\n                selectedPageFlexDocumentId.value = orderFlowDetails.childOrderStates[0].pageFlexDocumentId;\r\n            }\r\n        }\r\n\r\n        if (orderFlowDetails && orderFlowDetails.productId && orderFlowDetails.productId.length > 0) {\r\n            Object.assign(detail.product, await site.products.getProductDetail(orderFlowDetails.productId));\r\n        }\r\n\r\n        getSummaryData();\r\n    });\r\n    \r\n</script>\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page personalize-step-3-review\">\r\n\r\n            <GlobalTabBar v-if=\"tabName\" :active-id=\"tabName\" />\r\n            <div class=\"root-page-container\" v-if=\"isLoaded\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col\">\r\n                        <ThreeStepStepper :currentStep=\"stepCounter.THREE\" />\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row border-bottom border-gray-2 mt-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <div class=\"d-flex\">\r\n\r\n                            <div>\r\n                                <h1>Review & Add to Cart</h1>\r\n                            </div>\r\n\r\n                            <div class=\"ms-auto\">\r\n                                {{detail.product.name}} ({{detail.product.itemNumber}})\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <p v-if=\"displayElements.showRenewalText\" class=\"text-center fw-bold text-danger py-2\">Your customer will be mailed a letter 60-90 days prior to their respective renewal date.</p>\r\n                <p v-if=\"displayElements.showPetInsuranceDropText\" class=\"text-center fw-bold text-danger py-2\">Emails are processed and deployed weekly.</p>\r\n\r\n                <div class=\"row mt-5\">\r\n\r\n                    <div class=\"col-sm-6\">\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Item</div>\r\n                            <div class=\"text-color-2\">\r\n                                {{detail.product.name}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Item ID</div>\r\n                            <div class=\"text-color-2\">\r\n                                {{detail.product.itemNumber}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Personalization <router-link :to=\"toPersonalizationPage\" class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</router-link></div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Total Order Count <button @click=\"back\" class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</button></div>\r\n                            <div class=\"text-color-2\">\r\n                                {{orderDetails.targetCount}}  x (<UomLabel :item=\"detail.product\" />)\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div v-if=\"displayElements.showSubscription\" class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Subscription Period <button @click=\"back\" class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</button></div>\r\n                            <div class=\"text-color-2 text-capitalize\">\r\n                                {{orderDetails.subscriptionPeriod}} months\r\n                            </div>\r\n\r\n                        </div>\r\n                        <template v-if=\"!displayElements.showSubscription\">\r\n                            <div>\r\n                                Note: Turn off Pop-up Blocker to allow for PDF previewing.\r\n                            </div>\r\n\r\n                            <div class=\"mb-5\">\r\n                                <button class=\"btn btn-primary\" @click=\"previewPdf(orderFlowDetails.pageFlexDocumentId)\">Preview PDF</button>\r\n                            </div>\r\n                        </template>\r\n\r\n                        <div v-if=\"displayElements.showPriceSummary\" class=\"frequency-headline py-2 fs-4 text-center mb-1 fw-bold\">\r\n                            Summary\r\n                        </div>\r\n\r\n                        <div v-if=\"displayElements.showPriceSummary\">\r\n\r\n                            <table class=\"table\">\r\n                                <thead>\r\n                                    <tr>\r\n                                        <th></th>\r\n                                        <th>Selected</th>\r\n                                        <th>Price</th>\r\n                                    </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                    <tr v-for=\"detail in orderDetails.seasonalSummary\" :key=\"detail.assetName\" :class=\"{ 'fw-bold': detail.assetName == 'Total' }\">\r\n                                        <td>{{detail.assetName}}</td>\r\n                                        <td>\r\n                                            {{detail.selectedCount}}\r\n                                        </td>\r\n                                        <td v-if=\"detail.price\">{{site.convertNumberToCurrency(detail.price)}}</td>\r\n                                    </tr>\r\n                                </tbody>\r\n\r\n                            </table>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mt-3 mb-5\">\r\n\r\n                            <button @click=\"back\" class=\"btn btn-outline-primary me-3\">\r\n                                Previous\r\n                            </button>\r\n\r\n                            <button @click=\"saveForLater\" class=\"btn btn-primary me-3\">Save For Later</button>\r\n\r\n                            <button @click=\"checkout\" class=\"btn btn-primary\" :disabled=\"!canAddToCart\">\r\n                                Add to Cart\r\n                            </button>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-5 offset-1\" v-if=\"!displayElements.showSubscription\">\r\n                        <!-- TODO get the actual PDF -->\r\n                        <iframe if=\"pdfPreviewUrl(orderFlowDetails.pageFlexDocumentId).length > 0 > 0\" :src=\"pdfPreviewUrl(orderFlowDetails.pageFlexDocumentId)\" scrolling=\"yes\" width=\"100%\" height=\"800px\" />\r\n                        <!--<PdfViewer :pdfDetails=\"pdfDetails\" :height=\"700\" />-->\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-5 offset-1\" v-if=\"displayElements.showSubscription\">\r\n                        <!-- TODO get the actual PDF -->\r\n                        <div class=\"row\">\r\n                            <div class=\"col-sm-8\">\r\n                                <select v-model=\"selectedPageFlexDocumentId\" class=\"n-page-size-list form-select\">\r\n                                    <option v-for=\"pageFlexInfo in childPageFlexDocumentIds\" :value=\"pageFlexInfo.value\" :key=\"pageFlexInfo.value\">{{ pageFlexInfo.text}}</option>\r\n                                </select>\r\n                            </div>\r\n                            <div class=\"col-sm-4\">\r\n                                <button class=\"btn btn-primary\" @click=\"previewPdf(selectedPageFlexDocumentId)\">Preview</button>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"mt-2\">\r\n                            Note: Turn off Pop-up Blocker to allow for PDF previewing.\r\n                        </div>\r\n                        <div class=\"mt-2\">\r\n                            <iframe if=\"pdfPreviewUrl(selectedPageFlexDocumentId).length > 0\" :src=\"pdfPreviewUrl(selectedPageFlexDocumentId)\" scrolling=\"yes\" width=\"100%\" height=\"800px\" />\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n<style lang=\"scss\">\r\n    .personalize-step-3-review {\r\n\r\n        .btn-sm {\r\n            font-size: 0.75rem;\r\n            padding: 0.25rem 0.5rem;\r\n        }\r\n        // Another weird border top on the table\r\n        .table > :not(:first-child) {\r\n            border-top: unset;\r\n        }\r\n\r\n        .summary {\r\n            background: $color-2-dk;\r\n            color: $gray-0;\r\n        }\r\n\r\n        thead tr {\r\n            background: $color-2;\r\n            color: $gray-0;\r\n        }\r\n\r\n        thead tr th {\r\n            font-weight: 400;\r\n            border-right: 1px solid #fff;\r\n        }\r\n\r\n        thead tr th:last-child {\r\n            border-right: none;\r\n        }\r\n\r\n        tbody tr {\r\n            border-bottom: 1px solid #dee2e6;\r\n\r\n            &:last-child {\r\n                border-bottom: 1px solid transparent;\r\n            }\r\n        }\r\n\r\n        .text-color-2 {\r\n            color: $color-2;\r\n        }\r\n\r\n        .frequency-headline {\r\n            background: $color-2-dk;\r\n            color: $gray-0;\r\n        }\r\n    }\r\n</style>\r\n","import script from \"./PersonalizeStep3ReviewPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PersonalizeStep3ReviewPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PersonalizeStep3ReviewPage.vue?vue&type=style&index=0&id=4027058a&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    // OneTimeDrop\r\n    // Form finding the start date of the drop\r\n\r\n    // Imports ----\r\n    import Datepicker from '@vuepic/vue-datepicker';\r\n    import { addDays, addMonths, lastDayOfMonth } from 'date-fns';\r\n    import { onMounted, ref, defineEmits, computed, defineProps } from 'vue';\r\n\r\n\r\n    const props = defineProps({\r\n        selectedDate: {\r\n            type: String,\r\n            required: false\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    const date = ref();\r\n    // In case of a range picker, you'll receive [Date, Date]\r\n    const format = (date) => {\r\n        const day = date.getDate();\r\n        const month = date.getMonth() + 1;\r\n        const year = date.getFullYear();\r\n\r\n        return `${month}/${day}/${year}`;\r\n    }\r\n    const disabledDates = ref([]);\r\n\r\n    const minDate = computed(() => addDays(new Date(),2));\r\n    const maxDate = computed(() => lastDayOfMonth(addMonths(new Date(),4)));\r\n\r\n    // Handlers ----\r\n    const emit = defineEmits(['change']);\r\n\r\n    function removePastDates() {\r\n        // Remove the last 500 days from the calendar \r\n        for (let i = 0; i < 500; i++) {\r\n            disabledDates.value.push(addDays(new Date(), -i))\r\n        }\r\n    }\r\n\r\n    function change() {\r\n        emit('change', date.value);\r\n    }\r\n\r\n    onMounted(async () => {\r\n        removePastDates();\r\n        if (props.selectedDate) {\r\n            date.value = new Date(props.selectedDate);\r\n            change();\r\n        }\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"one-time-drop text-center\">\r\n        <h2 class=\"text-center\">Select Drop Start Date</h2>\r\n\r\n        <Datepicker class=\"w-50 m-auto\"\r\n                    v-model=\"date\"\r\n                    :highlight=\"disabledDates\"\r\n                    :disabledDates=\"disabledDates\"\r\n                    :format=\"format\"\r\n                    highlightDisabledDays\r\n                    @update:modelValue=\"change\"\r\n                    placeholder=\"Select Drop Date\"\r\n                    :enable-time-picker=\"false\"\r\n                    :auto-apply=\"true\"\r\n                    :min-date=\"minDate\"\r\n                    :max-date=\"maxDate\"\r\n                    prevent-min-max-navigation\r\n                    week-start=\"0\"\r\n                    :disabled-week-days=\"[0, 6]\" />\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .one-time-drop {\r\n\r\n    }\r\n</style>","import script from \"./OneTimeDrop.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OneTimeDrop.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OneTimeDrop.vue?vue&type=style&index=0&id=4f014149&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\r\n    // MultipleDrops\r\n    // Form finding the start date of the drop\r\n\r\n    const constants = {\r\n        frequencyOptions: {\r\n            BI_WEEKLY: 'bi-weekly',\r\n            WEEKLY: 'weekly'\r\n        },\r\n        numberOfMailingsOptions:{\r\n            TWO: 2,\r\n            THREE: 3,\r\n            FOUR: 4\r\n        }\r\n    }\r\n\r\n    export const frequencyOptions = constants.frequencyOptions;\r\n    export const numberOfMailingsOptions = constants.numberOfMailingsOptions;\r\n\r\n</script>\r\n<script setup>\r\n    \r\n\r\n    // Imports ----\r\n    import Datepicker from '@vuepic/vue-datepicker';\r\n    import { addDays, addMonths, lastDayOfMonth } from 'date-fns';\r\n    import { onMounted, ref, defineEmits, computed, defineProps } from 'vue';\r\n    import { isNotEmpty } from '@/util';\r\n\r\n\r\n    const props = defineProps({\r\n        multipleDropValues: {\r\n            type: Object,\r\n            required: false\r\n        }\r\n    });\r\n\r\n    // State ----\r\n    const date = ref();\r\n    // In case of a range picker, you'll receive [Date, Date]\r\n    const format = (date) => {\r\n        const day = date.getDate();\r\n        const month = date.getMonth() + 1;\r\n        const year = date.getFullYear();\r\n\r\n        return `${month}/${day}/${year}`;\r\n    }\r\n\r\n    const disabledDates = ref([]);\r\n\r\n    const frequency = ref(\"\");\r\n\r\n    const numberOfMailings = ref(\"\");\r\n\r\n    const minDate = computed(() => addDays(new Date(),2));\r\n   const maxDate = computed(() => lastDayOfMonth(addMonths(new Date(),4)));\r\n\r\n    // Handlers ----\r\n    const emit = defineEmits(['change']);\r\n\r\n    function removePastDates() {\r\n        // Remove the last 500 days from the calendar \r\n        for (let i = 0; i < 500; i++) {\r\n            disabledDates.value.push(addDays(new Date(), -i))\r\n        }\r\n    }\r\n\r\n    function change() {\r\n        if (isNotEmpty(frequency.value) && isNotEmpty(numberOfMailings.value) && isNotEmpty(date.value))\r\n            console.log(\"change emit is called\");\r\n            emit('change', {\r\n                frequency: frequency.value,\r\n                numberOfMailings: numberOfMailings.value,\r\n                startDate: date.value\r\n            });\r\n    }\r\n\r\n    onMounted(async () => {\r\n        removePastDates();\r\n        console.warn('props.multipleDropValues', props.multipleDropValues);\r\n        if (props.multipleDropValues) {\r\n            if (props.multipleDropValues.startDate) { \r\n                date.value = new Date(props.multipleDropValues.startDate);\r\n            }\r\n            if (props.multipleDropValues.frequency) {\r\n                frequency.value = props.multipleDropValues.frequency;\r\n            }\r\n            if (props.multipleDropValues.numberOfMailings) {\r\n                numberOfMailings.value = props.multipleDropValues.numberOfMailings;\r\n            }\r\n            change();\r\n        }\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"one-time-drop text-center\">\r\n        <div class=\"mb-5\">\r\n            <h2 class=\"text-center\">Choose Frequency</h2>\r\n            <select @change=\"change\" class=\"form-select w-50 m-auto\" v-model=\"frequency\">\r\n                <option value=\"\">Choose Frequency</option>\r\n                <option :value=\"frequencyOptions.WEEKLY\">Weekly</option>\r\n                <option :value=\"frequencyOptions.BI_WEEKLY\">Bi-Weekly</option>\r\n            </select>\r\n        </div>\r\n\r\n        <div class=\"mb-5\">\r\n            <h2 class=\"text-center\">Choose Number of Mailings</h2>\r\n            <select @change=\"change\" class=\"form-select w-50 m-auto\" v-model=\"numberOfMailings\">\r\n                <option value=\"\">Choose Number of Mailings</option>\r\n                <option :value=\"numberOfMailingsOptions.TWO\">2</option>\r\n                <option :value=\"numberOfMailingsOptions.THREE\">3</option>\r\n                <option :value=\"numberOfMailingsOptions.FOUR\">4</option>\r\n            </select>\r\n        </div>\r\n\r\n        <div class=\"mb-3\">\r\n            <h2 class=\"text-center\">Select Drop Start Date</h2>\r\n            <Datepicker class=\"w-50 m-auto\"\r\n                        v-model=\"date\"\r\n                        :highlight=\"disabledDates\"\r\n                        :disabledDates=\"disabledDates\"\r\n                        :format=\"format\"\r\n                        highlightDisabledDays\r\n                        @update:modelValue=\"change\"\r\n                        placeholder=\"Select Drop Date\"\r\n                        :enable-time-picker=\"false\"\r\n                        :auto-apply=\"true\"\r\n                        :min-date=\"minDate\"\r\n                        :max-date=\"maxDate\"\r\n                        prevent-min-max-navigation\r\n                        week-start=\"0\"\r\n                        :disabled-week-days=\"[0, 6]\" />\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .one-time-drop {\r\n\r\n    }\r\n</style>","import script from \"./MultipleDrops.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MultipleDrops.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MultipleDrops.vue?vue&type=style&index=0&id=157cb6cf&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // PersonalizeStep3DropDatePage\r\n    // Set up the drop dates of mailings\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar  from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n    import { dropType } from './PersonalizeStep3Page';\r\n    import { ChannelTypes } from '@/site/areas/personalization/SelectChannelPage';\r\n    import OneTimeDrop from './components/OneTimeDrop';\r\n    import MultipleDrops from './components/MultipleDrops';\r\n    import { addDays, addMonths, lastDayOfMonth } from 'date-fns';\r\n\r\n    // Imports\r\n    import { computed, ref, onMounted, reactive } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRouter, useRoute } from 'vue-router';\r\n    import { isNotEmpty } from '@/util';\r\n    import { MinMailingCount, getTabName } from '@/constants'\r\n\r\n    const router = useRouter();\r\n    const route = useRoute();\r\n\r\n    // State\r\n    const startDate = ref(new Date());\r\n    const multipleDrop = reactive({ startDate: null, frequency: null, numberOfMailings: null });\r\n    const selectedDate = ref(null);\r\n\r\n\r\n    const detail = reactive({ product: {} });\r\n\r\n    const mailFrequency = reactive([]);\r\n\r\n    const orderFlowDetails = reactive({});\r\n\r\n    const isLoaded = ref(false);\r\n\r\n    //computed\r\n    const minDate = computed(() => addDays(new Date().setUTCHours(0, 0, 0, 0), 2));\r\n    const maxDate = computed(() => lastDayOfMonth(addMonths(new Date().setUTCHours(0, 0, 0, 0), 4)));\r\n\r\n    // Methodsfunction\r\n\r\n    async function next() {\r\n\r\n        if (orderFlowDetails.isMultiChannel) {\r\n            let queryParams = route.query\r\n\r\n            //Assume that the request comes from Review Page to edit.\r\n            if (queryParams.review && queryParams.review == 'true') {\r\n                router.push({\r\n                    name: 'PersonalizeStep4MultiPage',\r\n                    query: { parentId: orderFlowDetails.parentId }\r\n                });\r\n            } else {\r\n                //return `/personalization/step-1/${orderStateId}/${parentId}/${orderState.productId}/?edit=true&isSubscription=${orderState.product?.attributes?.isSubscription}&channelType=${channelType}`;\r\n                queryParams['channelType'] = ChannelTypes.EMAIL;\r\n                queryParams['isMultiChannel'] = orderFlowDetails.isMultiChannel;\r\n                let redirectToSelectAssetPage = true;\r\n\r\n                if (orderFlowDetails.isStateSaved) {\r\n                    const response = await site.personalizationInfo.getOrderStates(orderFlowDetails.id);\r\n                    const email = response.orderStates.find(o => o.channelType === ChannelTypes.EMAIL);\r\n                    if (isNotEmpty(email)) {\r\n                        redirectToSelectAssetPage = false;\r\n                        router.push({\r\n                            name: 'PersonalizeStep1Page',\r\n                            params: {\r\n                                id: email.id,\r\n                                parentId: email.parentId,\r\n                                productId: email.productId\r\n                            },\r\n                            query: {\r\n                                channelType: ChannelTypes.EMAIL\r\n                            }\r\n                        });\r\n                    }\r\n                }\r\n                if (redirectToSelectAssetPage) {\r\n                    router.push({\r\n                        name: 'SelectAssetPage',\r\n                        params: {\r\n                            channel: ChannelTypes.EMAIL\r\n                        },\r\n                        query: queryParams\r\n                    });\r\n                }\r\n            }\r\n        } else {\r\n            router.push({\r\n                name: 'PersonalizeStep4Page',\r\n                params: { id: orderFlowDetails.id }\r\n            });\r\n        }\r\n    }\r\n\r\n    //TODO: May be to move to common place???\r\n    async function saveForLater() {\r\n        if (site.errorHandler.handleSaveForLaterRequest()) {\r\n            router.push({\r\n                name: 'Home',\r\n            });\r\n        }\r\n    }\r\n\r\n    async function switchToOneTime() {\r\n        // Reset the mail Frequency table\r\n        console.warn(\"switchToOneTime called\");\r\n        mailFrequency.length = 0;\r\n        await site.personalizationInfo.setDropType(dropType.ONE);\r\n    }\r\n\r\n    async function switchToMultiple() {\r\n        // Reset the mail Frequency table\r\n        console.warn(\"switchToMultiple called\");\r\n        mailFrequency.length = 0;\r\n        await site.personalizationInfo.setDropType(dropType.MULTIPLE);\r\n    }\r\n\r\n    async function oneTimeDropDate(date) {\r\n        if (date) {\r\n            const formattedDate = formatDate(date);\r\n            console.warn('formattedDate', formattedDate);\r\n            await site.personalizationInfo.setDropDetails(formattedDate, 'weekly', 1);\r\n        }\r\n        else {\r\n            startDate.value = null;\r\n        }\r\n    }\r\n\r\n    const formatDate = (date) => {\r\n      if (date) {\r\n        const selectedDate = new Date(date);\r\n        selectedDate.setUTCHours(0, 0, 0, 0); // Set time to midnight in UTC\r\n        const startDateJ = selectedDate.toISOString(); // Convert to ISO 8601 format\r\n        return startDateJ;\r\n      }\r\n\r\n      return null;\r\n    };\r\n\r\n    async function multipleDropDates(multiple) {\r\n        Object.assign(multipleDrop, multiple);\r\n        if (multiple && multiple.startDate) {\r\n            const formattedDate = formatDate(multiple.startDate);\r\n            selectedDate.value = formattedDate;\r\n            if (formattedDate && multiple.frequency && multiple.numberOfMailings) {\r\n                await site.personalizationInfo.setDropDetails(formattedDate, multiple.frequency, multiple.numberOfMailings);\r\n            }\r\n        }\r\n    }\r\n\r\n    // Computed\r\n    const tabName = computed(() => {\r\n        return getTabName(orderFlowDetails.programType);\r\n    });\r\n\r\n    const showFrequencyDetails = computed(() => {\r\n        if (mailingDetails.value.length > 0) {\r\n            return true;\r\n        }\r\n        return false;\r\n    });\r\n\r\n    const hasLessMailingList = computed(() => {\r\n        return orderFlowDetails.targetCount <= MinMailingCount\r\n    })\r\n\r\n    const dropTypeSelected = computed(() => {\r\n        if (orderFlowDetails.dropDetails && orderFlowDetails.dropDetails.dropType) {\r\n            if (orderFlowDetails.targetCount <= MinMailingCount) {\r\n                return dropType.ONE;\r\n            }   \r\n        }\r\n        return orderFlowDetails.dropDetails && orderFlowDetails.dropDetails.dropType;\r\n    });\r\n\r\n    const totalQuantity = computed(() => {\r\n        return orderFlowDetails.targetCount;\r\n    });\r\n\r\n    // Computed\r\n    const mailingDetails = computed(() => {\r\n        return orderFlowDetails.dropDetails?.mailingDetails || [];\r\n    });\r\n\r\n    const hasProductDataType = computed(() => {\r\n        return detail.product?.attributes?.hasProductDataType;\r\n    });\r\n\r\n    const dropTypeHeadline = computed(() => {\r\n        switch (dropTypeSelected.value) {\r\n            case dropType.ONE:\r\n                return 'One Time Drop';\r\n            case dropType.MULTIPLE:\r\n                return 'Multiple Drops';\r\n            default:\r\n                return '';\r\n        }\r\n    });\r\n\r\n    const switchHeadline = computed(() => {\r\n        switch (dropTypeSelected.value) {\r\n            case dropType.ONE:\r\n                return 'Multiple';\r\n            case dropType.MULTIPLE:\r\n                return 'One Time';\r\n            default:\r\n                return '';\r\n        }\r\n    });\r\n\r\n    const multipleDropValues = computed(() => {\r\n        const multipleDrop = { frequency: null, numberOfMailings: null, startDate: null };\r\n        if (orderFlowDetails.dropDetails) {\r\n            if (orderFlowDetails.dropDetails.startDate)\r\n                multipleDrop.startDate = orderFlowDetails.dropDetails.startDate.replace('Z', '');\r\n            if (orderFlowDetails.dropDetails.frequency)\r\n                multipleDrop.frequency = orderFlowDetails.dropDetails.frequency;\r\n            if (orderFlowDetails.dropDetails.numberOfMailings)\r\n                multipleDrop.numberOfMailings = orderFlowDetails.dropDetails.numberOfMailings;\r\n        }\r\n        return multipleDrop;\r\n    });\r\n\r\n    const showNext = computed(() => {\r\n        if (dropTypeSelected.value == dropType.ONE) {\r\n            return !!startDate.value\r\n        }\r\n        else if (dropTypeSelected.value == dropType.MULTIPLE) {\r\n            return !!(multipleDropValues.value.frequency && multipleDropValues.value.numberOfMailings && multipleDropValues.value.startDate);\r\n        }\r\n        return false;\r\n    });\r\n\r\n    const isAgencySelected = computed(() => {\r\n        return site.agencyDetails.defaultAgency.id > 0;\r\n    });\r\n\r\n    //OnMounted\r\n    onMounted(async () => {\r\n\r\n        const orderStateId = route.params.id\r\n        if (isNotEmpty(orderStateId)) {\r\n            const response = await site.personalizationInfo.getOrderState(orderStateId);\r\n            Object.assign(orderFlowDetails, response.model);\r\n            let startDate = orderFlowDetails?.dropDetails?.startDate;\r\n            if (isNotEmpty(startDate)) {\r\n                startDate = new Date(startDate);\r\n                if (startDate >= minDate.value && startDate <= maxDate.value) {\r\n                    selectedDate.value = formatDate(startDate);\r\n                }\r\n                else {\r\n                    orderFlowDetails.dropDetails.mailingDetails = [];\r\n                }\r\n            }\r\n        }\r\n\r\n        if (isNotEmpty(orderFlowDetails.productId)) {\r\n            detail.product = Object.assign(detail.product, await site.products.getProductDetail(orderFlowDetails.productId));\r\n        }\r\n        isLoaded.value = true;\r\n\r\n    });\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar v-if=\"tabName\" :active-id=\"tabName\" />\r\n\r\n            <div class=\"root-page-container personalize-select-drops\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col\">\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.THREE\" />\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row border-bottom border-gray-2 mt-5\" v-if=\"isLoaded\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <div class=\"d-flex\">\r\n                            <div>\r\n                                <h1>{{dropTypeHeadline}}</h1>\r\n                            </div>\r\n                            <div class=\"ms-auto\">\r\n                                {{detail.product.name}} ({{detail.product.itemNumber}})\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n                <template v-if=\"isLoaded\">\r\n                    <div class=\"row\" v-show=\"hasProductDataType\">\r\n                        <div class=\"col fs-5\">\r\n                            <a v-if=\"dropTypeSelected === dropType.ONE && !hasLessMailingList\" class=\"no-underline\" @click=\"switchToMultiple\">Switch to {{switchHeadline}} Drops</a>\r\n                            <a v-if=\"dropTypeSelected === dropType.MULTIPLE\" class=\"no-underline\" @click=\"switchToOneTime\">Switch to {{switchHeadline}} Drop</a>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6 offset-3 drop-start-container p-5\">\r\n                            <OneTimeDrop v-if=\"dropTypeSelected === dropType.ONE\" @change=\"oneTimeDropDate\" :selectedDate=\"selectedDate\" />\r\n                            <MultipleDrops v-if=\"dropTypeSelected === dropType.MULTIPLE\" @change=\"multipleDropDates\"\r\n                                           :multipleDropValues=\"multipleDropValues\" />\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"row\" v-if=\"dropTypeSelected === dropType.ONE && orderFlowDetails.channelType == ChannelTypes.EMAIL && orderFlowDetails.isMultiChannel == false\">\r\n                        <div class=\"text-center emailMessage\">\r\n                            Your email will be sent approximately 1 week after the date selected.\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div v-if=\"dropTypeSelected === dropType.ONE && orderFlowDetails.isMultiChannel\">\r\n                        <div class=\"text-center emailMessage\">\r\n                            Emails will be sent approximately 10 days after your Direct Mail date.\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div v-if=\"dropTypeSelected === dropType.ONE && orderFlowDetails.targetCount <= 25\">\r\n                        <div class=\"text-center emailMessage\">\r\n                            Note: If you have selected fewer than {{ MinMailingCount }} policyholders, your mailing will go out in a single drop.\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"row my-5\" v-if=\"showFrequencyDetails\">\r\n                        <div class=\"col-sm-6 offset-sm-3\">\r\n\r\n                            <div v-if=\"dropTypeSelected === dropType.MULTIPLE\">\r\n                                <p class=\"fw-bold\">Total Count: {{totalQuantity}}</p>\r\n                            </div>\r\n\r\n                            <div class=\"frequency-headline py-2 text-center fs-4 fw-bold mb-2\">\r\n                                Frequency Summary\r\n                            </div>\r\n\r\n                            <div v-if=\"mailingDetails.length > 0\">\r\n\r\n                                <table class=\"table\">\r\n\r\n                                    <thead>\r\n                                        <tr class=\"bg-color-3-lt\">\r\n                                            <th class=\"border-end border-gray-0\">Date Drop</th>\r\n                                            <th>Quantity</th>\r\n                                        </tr>\r\n                                    </thead>\r\n\r\n                                    <tbody>\r\n                                        <tr v-for=\"drop in mailingDetails\" :key=\"drop.mailDate\">\r\n                                            <td>{{site.formatDisplayDate(drop.mailDate)}}</td>\r\n                                            <td>{{drop.quantity}}</td>\r\n                                        </tr>\r\n                                    </tbody>\r\n\r\n                                </table>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"row my-5\">\r\n\r\n                        <div class=\"col\">\r\n\r\n                            <div class=\"d-flex\">\r\n                                <div class=\"p-2\" v-if=\"hasLessMailingList\">\r\n                                    <router-link :to=\"`/personalization/step-2/${orderFlowDetails.id}`\" class=\"btn btn-outline-primary\">Previous</router-link>\r\n                                </div>\r\n                                <div class=\"p-2\" v-else>\r\n                                    <router-link :to=\"`/personalization/step-3/${orderFlowDetails.id}`\" class=\"btn btn-outline-primary\">Previous</router-link>\r\n                                </div>\r\n\r\n\r\n                                <div class=\"ms-auto p-2\" v-if=\"showFrequencyDetails\">\r\n                                    <button @click=\"saveForLater\" v-if=\"isAgencySelected\" class=\"btn btn-primary me-3\">Save For Later</button>\r\n                                    <button @click=\"next\" class=\"btn btn-primary\" :disabled=\"!showNext\">Next</button>\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n                </template>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .personalize-select-drops {\r\n        // Seems like this is coming from some auto generated bootstrap styling it is outputting...\r\n        //  .table > :not(caption) > * > * {\r\n        //      padding: 0.5rem 0.5rem;\r\n        //      background-color: var(--bs-table-bg);\r\n        //      border-bottom-width: 1px;\r\n        //      box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);\r\n        //  }\r\n        // I am overwritting it here to remove the bottom border for the table on this page\r\n        .table > :not(caption) > * > * {\r\n            border-bottom: unset;\r\n        }\r\n        // Another weird border top on the table\r\n        .table > :not(:first-child) {\r\n            border-top: unset;\r\n        }\r\n\r\n        .drop-start-container {\r\n            background: $color-3-xlt;\r\n        }\r\n\r\n        thead {\r\n            background: $color-2;\r\n            color: $gray-4;\r\n        }\r\n\r\n        tr {\r\n            border-color: #c0bfc0;\r\n            border-bottom: 1px solid #dee2e6;\r\n\r\n            &:last-child {\r\n                border-bottom: unset;\r\n            }\r\n\r\n            td {\r\n                width: 50%;\r\n            }\r\n        }\r\n\r\n        .frequency-headline {\r\n            background: $color-2-dk;\r\n            color: $gray-0;\r\n        }\r\n\r\n        .emailMessage {\r\n            color: #B85D00;\r\n        }\r\n    }\r\n</style>\r\n","import script from \"./PersonalizeStep3DropDatePage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PersonalizeStep3DropDatePage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PersonalizeStep3DropDatePage.vue?vue&type=style&index=0&id=ae2d5050&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    // PersonalizeStep4Page\r\n    // Step 4 of mail drops the review and check out or add to cart\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n    // TODO bring this back in when we are using a PDF\r\n    //import PdfViewer from '@/site/components/PdfViewer';\r\n\r\n    // Imports\r\n    import { reactive, computed, onMounted, ref } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRouter, useRoute } from 'vue-router';\r\n    import { Util } from '@dd-nucleus/nucleus-vue';\r\n    import { ProgramType, getTabName } from '@/constants'\r\n    import { ChannelTypes } from '@/site/areas/personalization/SelectChannelPage';\r\n\r\n    const router = useRouter();\r\n    const route = useRoute();\r\n\r\n    // State\r\n    const detail = reactive({ product: {} });\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n    const showInputTargetCount = ref(false);\r\n    const customQuantity = ref(0);\r\n    const addingToCart = ref(false);\r\n\r\n    // Methods\r\n    async function addToCart() {\r\n\r\n        addingToCart.value = true;\r\n        await site.personalizationInfo.setSaveForLater(false);\r\n        const response = await site.personalizationInfo.addToCart(orderDetails.value.productId, orderDetails.value.targetCount);\r\n\r\n        if (response.succeeded) {\r\n            site.toast.success(detail.product.name + ' was successfully added to the cart!', 'Added To Cart');\r\n        } else {\r\n            site.toast.error(response.error.responseStatus.message, 'Error');\r\n        }\r\n        addingToCart.value = false;\r\n    }\r\n\r\n\r\n    async function checkout() {\r\n        if (!site.errorHandler.canStartOrder(orderDetails.value.productId)) {\r\n            return false;\r\n        }\r\n        await addToCart();\r\n\r\n        router.push({\r\n            name: 'CartPage'\r\n        });\r\n    }\r\n\r\n    function previewPdf() {\r\n        site.personalizationInfo.openPdfPreview(orderDetails.value.pageFlexDocumentId);\r\n    }\r\n\r\n    // Computed\r\n    const orderDetails = computed(() => {\r\n        return site.personalizationInfo.orderFlowDetails;\r\n    });\r\n\r\n    const canAddToCart = computed(() => {\r\n        return !addingToCart.value\r\n    });\r\n    const userInfo = computed(() => {\r\n        return site.user;\r\n    })\r\n\r\n    const toPersonalizationPage = computed(() => {\r\n        const parentId = orderDetails.value.parentId ? orderDetails.value.parentId : orderDetails.value.id;\r\n        const channelType = detail.product?.attributes?.isEmail ? ChannelTypes.EMAIL : ChannelTypes.DIRECT_MAIL;\r\n        return `/personalization/step-1/${orderDetails.value.id}/${parentId}/${orderDetails.value.productId}/?edit=true&isSubscription=${detail.product?.attributes?.isSubscription}&channelType=${channelType}`;\r\n    });\r\n\r\n    const showDropDate = computed(() => {\r\n\r\n        return orderDetails.value.dropDetails\r\n            && orderDetails.value.dropDetails.dropType != 'NONE'\r\n            && orderDetails.value.dropDetails.mailingDetails\r\n            && orderDetails.value.dropDetails.mailingDetails.length > 0\r\n    });\r\n\r\n    const pdfPreviewUrl = computed(() => {\r\n\r\n        if (Util.isNotEmpty(orderFlowDetails.pageFlexDocumentId) && Util.isNotEmpty(userInfo.value.userName)) {\r\n            const userName = userInfo.value.userName.replace(\".Test@test.com\", '');\r\n            const BASE_PUNCHOUT_URL = process.env.VUE_APP_PAGE_FLEX_PUNCHOUT_URL;\r\n            return `${BASE_PUNCHOUT_URL}/PMGetPdfProof.aspx?DocID=${orderFlowDetails.pageFlexDocumentId}&UserName=${userName}`;\r\n        }\r\n        else\r\n            return '';\r\n\r\n    });\r\n\r\n\r\n    const tabName = computed(() => {\r\n        return getTabName(orderFlowDetails.programType);\r\n    });\r\n\r\n    const isLoaded = computed(() => {\r\n        return detail.product && detail.product.itemNumber && detail.product.itemNumber.length > 0;\r\n    });\r\n\r\n    const mailingDetails = computed(() => {\r\n        return site.personalizationInfo.orderFlowDetails.dropDetails.mailingDetails;\r\n    });\r\n\r\n\r\n    const orderTotal = computed(() => {\r\n        let total = 0;\r\n        for (let i = 0; i < orderDetails.value.dropDetails.mailingDetails.length; i++) {\r\n            total += site.personalizationInfo.orderFlowDetails.dropDetails.mailingDetails[i].price;\r\n        }\r\n        return total;\r\n    });\r\n\r\n\r\n    const displayElements = computed(() => {\r\n        let displayState = {\r\n            showPersonalization: true,\r\n            showFrequency: true,\r\n            showMailings: true,\r\n            showPriceSummary: true,\r\n            showEditTargetCount: false,\r\n            showRenewalText: false,\r\n        };\r\n        if (orderDetails.value.programType == ProgramType.WINBACK) {\r\n            displayState.showPriceSummary = true;\r\n            displayState.showMailings = false\r\n        }\r\n        return displayState;\r\n    })\r\n\r\n    const previous = computed(() => {\r\n        if (orderDetails.value.programType == ProgramType.WINBACK) {\r\n            return `/personalization/step-3-win-back/${orderDetails.value.id}`;\r\n        }\r\n        return `/personalization/step-3-drop-date/${orderDetails.value.id}`;\r\n    })\r\n\r\n    const isAgencySelected = computed(() => {\r\n        return site.agencyDetails.defaultAgency.id > 0;\r\n    });\r\n\r\n    // functions\r\n    const updateTargetCount = () => {\r\n\r\n        orderFlowDetails.targetCount = customQuantity;\r\n        showInputTargetCount.value = false;\r\n    }\r\n\r\n    async function saveForLater() {\r\n        if (site.errorHandler.handleSaveForLaterRequest()) {\r\n            router.push({\r\n                name: 'Home',\r\n            });\r\n        }\r\n    }\r\n\r\n\r\n    // Lifecycle ----\r\n    onMounted(async () => {\r\n        const orderStateId = route.params.id\r\n        if (Util.isNotEmpty(orderStateId)) {\r\n            await site.personalizationInfo.getOrderState(orderStateId);\r\n        }\r\n        if (orderFlowDetails && orderFlowDetails.productId && orderFlowDetails.productId.length > 0) {\r\n            Object.assign(detail.product, await site.products.getProductDetail(orderFlowDetails.productId));\r\n        }\r\n    });\r\n\r\n\r\n\r\n</script>\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar v-if=\"tabName\" :active-id=\"tabName\" />\r\n            <div class=\"root-page-container personalize-step-4\" v-if=\"isLoaded\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col\">\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.FOUR\" />\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row border-bottom border-gray-2 mt-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <div class=\"d-flex\">\r\n\r\n                            <div>\r\n                                <h1>Review & Add to Cart</h1>\r\n                            </div>\r\n\r\n                            <div class=\"ms-auto\">\r\n                                {{detail.product.name}} ({{detail.product.itemNumber}})\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n\r\n                <div class=\"row mt-5\">\r\n\r\n                    <div class=\"col-sm-6\">\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Item</div>\r\n                            <div class=\"text-color-2\">\r\n                                {{detail.product.name}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Item ID</div>\r\n                            <div class=\"text-color-2\">\r\n                                {{detail.product.itemNumber}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Personalization <router-link :to=\"toPersonalizationPage\" class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</router-link></div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\" v-if=\"displayElements.showFrquency\">\r\n\r\n                            <div class=\"fw-bold\">Frequency <router-link :to=\"`/personalization/step-3-drop-date/${orderDetails.id}`\" class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</router-link></div>\r\n                            <div class=\"text-color-2 text-capitalize\">\r\n                                {{orderDetails.dropDetails.frequency}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\" v-if=\"displayElements.showMailings\">\r\n\r\n                            <div class=\"fw-bold\">Number of Mailings <router-link :to=\"`/personalization/step-3-drop-date/${orderDetails.id}`\" class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</router-link></div>\r\n                            <div class=\"text-color-2\">\r\n                                {{orderDetails.dropDetails.numberOfMailings}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\" v-if=\"showDropDate\">\r\n\r\n                            <div class=\"fw-bold\">Drop Start Date <router-link :to=\"`/personalization/step-3-drop-date/${orderDetails.id}`\" class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</router-link></div>\r\n                            <div class=\"text-color-2\">\r\n                                {{site.formatDisplayDate(orderDetails.dropDetails.mailingDetails[0].mailDate)}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">\r\n                                Total Order Count\r\n                                <span @click=\"showInputTargetCount = !showInputTargetCount\" v-if=\"displayElements.showEditTargetCount\" class=\"btn btn-outline-primary btn-sm\">\r\n                                    <i class=\"bi bi-pencil-fill \"></i> Edit\r\n                                </span>\r\n                            </div>\r\n\r\n                            <div class=\"text-color-2\">\r\n                                {{orderDetails.targetCount}}  x (<UomLabel :item=\"detail.product\" />)\r\n                            </div>\r\n\r\n                            <div v-if=\"showInputTargetCount\">\r\n                                <input v-model=\"customQuantity\" type=\"number\" />\r\n                                <span @click=\"updateTargetCount\" class=\"btn btn-outline-primary btn-sm\"> Update</span>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div>\r\n                            Note: Turn off Pop-up Blocker to allow for PDF previewing.\r\n                        </div>\r\n\r\n                        <div class=\"mb-5\">\r\n                            <button class=\"btn btn-primary\" @click=\"previewPdf\">Preview PDF</button>\r\n                        </div>\r\n\r\n                        <div v-if=\"displayElements.showPriceSummary\" class=\"frequency-headline py-2 fs-4 text-center mb-1\">\r\n                            Summary\r\n                        </div>\r\n\r\n                        <div v-if=\"displayElements.showPriceSummary\">\r\n\r\n                            <table class=\"table\">\r\n\r\n                                <thead>\r\n                                    <tr class=\"bg-color-3-lt\">\r\n                                        <th class=\"border-end border-gray-0\">Date Drop</th>\r\n                                        <th class=\"border-end border-gray-0\">Quantity</th>\r\n                                        <th>Price</th>\r\n                                    </tr>\r\n                                </thead>\r\n\r\n                                <tbody>\r\n                                    <tr class=\"border-bottom border-gray-2\" v-for=\"drop in mailingDetails\" :key=\"drop.mailDate\">\r\n                                        <td>{{site.formatDisplayDate(drop.mailDate)}}</td>\r\n                                        <td>{{drop.quantity}}</td>\r\n                                        <td>{{site.convertNumberToCurrency(drop.price)}}</td>\r\n                                    </tr>\r\n                                </tbody>\r\n\r\n                            </table>\r\n\r\n                        </div>\r\n\r\n                        <div v-if=\"displayElements.showPriceSummary\" class=\"mt-2 d-flex fw-bold\">\r\n                            <div class=\"price-message\">Pricing prior to potential applied discount.</div>\r\n                            <div class=\"m-auto\">Total: {{site.convertNumberToCurrency(orderTotal)}}</div>\r\n                        </div>\r\n\r\n                        <div class=\"mt-3 mb-5\">\r\n\r\n                            <router-link :to=\"previous\" class=\"btn btn-outline-primary me-3\">\r\n                                Previous\r\n                            </router-link>\r\n\r\n                            <button @click=\"saveForLater\"  v-if=\"isAgencySelected\"  class=\"btn btn-primary me-3\">Save For Later</button>\r\n\r\n                            <button @click=\"checkout\" class=\"btn btn-primary\" :disabled=\"!canAddToCart\">\r\n                                Add to Cart\r\n                            </button>\r\n\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-5 offset-1\">\r\n                        <!-- TODO get the actual PDF -->\r\n                        <iframe if=\"pdfPreviewUrl.length > 0\" :src=\"pdfPreviewUrl\" scrolling=\"yes\" width=\"100%\" height=\"800px\" />\r\n                        <!--<PdfViewer :pdfDetails=\"pdfDetails\" :height=\"700\" />-->\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n<style lang=\"scss\">\r\n    .personalize-step-4 {\r\n\r\n        .btn-sm {\r\n            font-size: 0.75rem;\r\n            padding: 0.25rem 0.5rem;\r\n        }\r\n        // Seems like this is coming from some auto generated bootstrap styling it is outputting...\r\n        //  .table > :not(caption) > * > * {\r\n        //      padding: 0.5rem 0.5rem;\r\n        //      background-color: var(--bs-table-bg);\r\n        //      border-bottom-width: 1px;\r\n        //      box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);\r\n        //  }\r\n        // I am overwritting it here to remove the bottom border for the table on this page\r\n        .table > :not(caption) > * > * {\r\n            border-bottom: unset;\r\n        }\r\n        // Another weird border top on the table\r\n        .table > :not(:first-child) {\r\n            border-top: unset;\r\n        }\r\n\r\n        thead {\r\n            background: $color-2;\r\n            color: $gray-4;\r\n            border-color: $gray-0;\r\n        }\r\n\r\n        .price-message {\r\n            color: $error;\r\n            font-size: .75rem;\r\n        }\r\n\r\n        tr {\r\n            border-color: #c0bfc0;\r\n            border-bottom: 1px solid #dee2e6;\r\n\r\n            &:last-child {\r\n                border-bottom: unset;\r\n            }\r\n\r\n            td {\r\n                width: 33%;\r\n            }\r\n        }\r\n\r\n        .text-color-2 {\r\n            color: $color-2;\r\n        }\r\n\r\n        .frequency-headline {\r\n            background: $color-2-dk;\r\n            color: $gray-0;\r\n        }\r\n    }\r\n</style>\r\n","import script from \"./PersonalizeStep4Page.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PersonalizeStep4Page.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PersonalizeStep4Page.vue?vue&type=style&index=0&id=3f3ffb34&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // ReviewTile\r\n    // A tile for reviewing the product info before adding to the cart\r\n\r\n    // Components ----\r\n\r\n    // Imports ----\r\n    import { defineProps, computed, onMounted, ref, onUnmounted } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { ChannelTypes } from '@/site/areas/personalization/SelectChannelPage';\r\n    import { isNotEmpty } from '@/util';\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        product: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        personalization: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        }\r\n    });\r\n\r\n    // Methods ----\r\n    function previewPdf(pageFlexDocumentId) {\r\n        site.personalizationInfo.openPdfPreview(pageFlexDocumentId);\r\n    }\r\n\r\n    // Computed ----\r\n\r\n    const userInfo = computed(() => {\r\n        return site.user;\r\n    });\r\n\r\n    const pdfPreviewUrl = computed(() => {\r\n\r\n        if (isNotEmpty(props.personalization.pageFlexDocumentId) && isNotEmpty(userInfo.value.userName)) {\r\n            const userName = userInfo.value.userName.replace(\".Test@test.com\", '');\r\n            const BASE_PUNCHOUT_URL = process.env.VUE_APP_PAGE_FLEX_PUNCHOUT_URL;\r\n            return `${BASE_PUNCHOUT_URL}/PMGetPdfProof.aspx?DocID=${props.personalization.pageFlexDocumentId}&UserName=${userName}`;\r\n        }\r\n        else\r\n            return '';\r\n\r\n    });\r\n\r\n    const toPersonalizationPage = computed(() => {\r\n        const parentId = props.personalization.parentId ? props.personalization.parentId : props.personalization.id;\r\n        const channelType = props.product?.attributes?.isEmail ? ChannelTypes.EMAIL : ChannelTypes.DIRECT_MAIL;\r\n        return `/personalization/step-1/${props.personalization.id}/${parentId}/${props.personalization.productId}/?edit=true&review=true&isSubscription=${props.product?.attributes?.isSubscription}&channelType=${channelType}`;\r\n    });\r\n\r\n\r\n    const pdfData = ref('');\r\n    const isLoaded = ref(false);\r\n\r\n    async function showPdfContent() {\r\n        const url = `/site/customize-download/preview-document?documentId=${props.personalization.pageFlexDocumentId}`\r\n        await site.blob.getBlob(url)\r\n            .then(response => {\r\n                if (response && response.headers && response.headers['content-type'] == 'application/pdf') {\r\n                    if (response && response.data) {\r\n                        pdfData.value = URL.createObjectURL(new Blob([response.data], { type: 'application/pdf' }));\r\n                    }\r\n                }\r\n            }).catch(error => {\r\n                console.error(error);\r\n            });\r\n    }\r\n\r\n    onMounted(async () => {\r\n        await showPdfContent();\r\n        isLoaded.value = true;\r\n    });\r\n    onUnmounted(() => {\r\n        URL.revokeObjectURL(pdfData.value);\r\n    })\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"row review-tile\">\r\n\r\n        <div class=\"col-sm-6\">\r\n\r\n            <div class=\"mb-3\">\r\n\r\n                <div class=\"fw-bold\">Item</div>\r\n                <div class=\"text-color-2\">\r\n                    {{props.product.name}}\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class=\"mb-3\">\r\n\r\n                <div class=\"fw-bold\">Item ID</div>\r\n                <div class=\"text-color-2\">\r\n                    {{props.product.itemNumber}}\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class=\"mb-3\">\r\n\r\n                <div class=\"fw-bold\">Personalization <router-link :to=\"toPersonalizationPage\" class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</router-link></div>\r\n\r\n            </div>\r\n\r\n            <div class=\"mb-3\">\r\n\r\n                <div class=\"fw-bold\">\r\n                    Frequency\r\n                    <template v-if=\"editable\">\r\n                        <router-link :to=\"`/personalization/step-3-drop-date/${props.personalization.id}?review=true`\" class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</router-link>\r\n                    </template>\r\n                </div>\r\n                <div class=\"text-color-2 text-capitalize\">\r\n                    {{props.personalization.dropDetails.frequency}}\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class=\"mb-3\">\r\n\r\n                <div class=\"fw-bold\">\r\n                    Number of Mailings\r\n                    <template v-if=\"editable\">\r\n                        <router-link :to=\"`/personalization/step-3-drop-date/${props.personalization.id}?review=true`\" class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</router-link>\r\n                    </template>\r\n                </div>\r\n                <div class=\"text-color-2\">\r\n                    {{props.personalization.dropDetails.numberOfMailings}}\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class=\"mb-3\" v-if=\"props.personalization.dropDetails.mailingDetails[0]\">\r\n\r\n                <div class=\"fw-bold\">\r\n                    Drop Start Date\r\n                    <template v-if=\"editable\">\r\n                        <router-link :to=\"`/personalization/step-3-drop-date/${props.personalization.id}?review=true`\" class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</router-link>\r\n                    </template>\r\n                </div>\r\n                <div class=\"text-color-2\">\r\n                    {{site.formatDisplayDate(props.personalization.dropDetails.mailingDetails[0].mailDate)}}\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class=\"mb-3\">\r\n\r\n                <div class=\"fw-bold\">Total Order Count</div>\r\n                <div class=\"text-color-2\">\r\n                    {{props.personalization.targetCount}}\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div>\r\n                Note: Turn off Pop-up Blocker to allow for PDF previewing.\r\n            </div>\r\n\r\n            <div class=\"mb-5\">\r\n                <button class=\"btn btn-primary\" @click=\"previewPdf(personalization.pageFlexDocumentId)\">Preview PDF</button>\r\n            </div>\r\n\r\n            <div class=\"frequency-headline py-2 fs-4 text-center mb-1\">\r\n                Summary\r\n            </div>\r\n\r\n            <div>\r\n\r\n                <table class=\"table\">\r\n\r\n                    <thead>\r\n                        <tr class=\"bg-color-3-lt\">\r\n                            <th class=\"border-end border-gray-0\">Date Drop</th>\r\n                            <th class=\"border-end border-gray-0\">Quantity</th>\r\n                            <th>Price</th>\r\n                        </tr>\r\n                    </thead>\r\n\r\n                    <tbody>\r\n                        <tr class=\"border-bottom border-gray-2\" v-for=\"drop in props.personalization.dropDetails.mailingDetails\" :key=\"drop.mailDate\">\r\n                            <td>{{site.formatDisplayDate(drop.mailDate)}}</td>\r\n                            <td>{{drop.quantity}}</td>\r\n                            <td>{{site.convertNumberToCurrency(drop.price)}}</td>\r\n                        </tr>\r\n                    </tbody>\r\n\r\n                </table>\r\n\r\n            </div>\r\n\r\n            <div class=\"mt-2 d-flex fw-bold\">\r\n                <div class=\"price-message\">Pricing prior to potential applied discount.</div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"col-sm-5 offset-1\" v-if=\"isLoaded\">\r\n            <template v-if=\" pdfData.length > 0\">\r\n                <div id=\"preview-pdf-content\">\r\n                    <object :data=\"pdfData\" type=\"application/pdf\" :style=\"{width: '100%', height: '650px'}\"></object>\r\n                </div>\r\n            </template>\r\n            <template v-else>\r\n                <iframe v-if=\"pdfPreviewUrl.length > 0\" :src=\"pdfPreviewUrl\" scrolling=\"yes\" :style=\"{width: '100%', height: '650px'}\" :id=\"personalization.pageFlexDocumentId\" />\r\n            </template>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .review-tile {\r\n    }\r\n</style>","import script from \"./ReviewTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ReviewTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ReviewTile.vue?vue&type=style&index=0&id=904b1114&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    /* eslint-disable */\r\n    // PersonalizeStep4MultiPage\r\n    // Step 4 of mail drops the review and check out or add to cart\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import SelectMailListStepper, { stepCounter } from '@/site/components/SelectMailListStepper';\r\n    import ReviewTile from './components/ReviewTile';\r\n\r\n    // Imports\r\n    import { reactive, ref, computed, onMounted } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRouter, useRoute } from 'vue-router';\r\n    import { TabTypes } from './PersonalizeStep1Page';\r\n    import { ChannelTypes } from './SelectChannelPage';\r\n    import { Util } from '@dd-nucleus/nucleus-vue';\r\n\r\n    const router = useRouter();\r\n    const route = useRoute();\r\n\r\n    // State\r\n\r\n    const directMail = reactive({});\r\n\r\n    const email = reactive({});\r\n\r\n    const directMailProductDetails = reactive({});\r\n\r\n    const emailProductDetails = reactive({});\r\n\r\n    const isLoaded = ref(false);\r\n    const isEmailLoaded = ref(false);\r\n\r\n    const addingToCart = ref(false);\r\n\r\n    // Methods\r\n    async function addToCart() {\r\n        addingToCart.value = true;\r\n        await site.personalizationInfo.setSaveForLater(false, email.id, email.parentId);\r\n\r\n        let response = await site.personalizationInfo.addToCart(directMail.productId, directMail.targetCount);\r\n\r\n        if (response.succeeded) {\r\n            site.toast.success(directMailProductDetails.name + ' was successfully added to the cart!', 'Added To Cart');\r\n        } else {\r\n            site.toast.error(response.error.responseStatus.message, 'Error');\r\n        }\r\n\r\n        response = await site.personalizationInfo.addToCart(email.productId, directMail.targetCount);\r\n\r\n        if (response.succeeded) {\r\n            site.toast.success(emailProductDetails.name + ' was successfully added to the cart!', 'Added To Cart');\r\n        } else {\r\n            site.toast.error(response.error.responseStatus.message, 'Error');\r\n        }\r\n        addingToCart.value = false;\r\n    }\r\n\r\n\r\n    async function checkout() {\r\n        if (!site.errorHandler.canStartOrder(directMail.productId) ||\r\n            !site.errorHandler.canStartOrder(email.productId)) {\r\n            return false;\r\n        }\r\n        await addToCart();\r\n\r\n        router.push({\r\n            name: 'CartPage'\r\n        });\r\n    }\r\n\r\n    async function getOrderStates() {\r\n        if (Util.isNotEmpty(route.query.parentId)) {\r\n            isLoaded.value = false;\r\n            isEmailLoaded.value = false;\r\n            const response = await site.personalizationInfo.getOrderStates(route.query.parentId);\r\n\r\n            Object.assign(directMail, response.orderStates.find(o => o.channelType === ChannelTypes.DIRECT_MAIL));\r\n            Object.assign(directMailProductDetails, await site.products.getProductDetail(directMail.productId));\r\n            isLoaded.value = true;\r\n            Object.assign(email, response.orderStates.find(o => o.channelType === ChannelTypes.EMAIL));\r\n            Object.assign(emailProductDetails, await site.products.getProductDetail(email.productId));\r\n            isEmailLoaded.value = true;\r\n\r\n        }\r\n    }\r\n\r\n    const tabName = computed(() => {\r\n        switch (directMail.programType) {\r\n            case TabTypes.CROSS_SELL:\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            default:\r\n                return '';\r\n        }\r\n    });\r\n\r\n    const orderTotal = computed(() => {\r\n        let total = 0;\r\n\r\n        if (directMail && directMail.dropDetails && directMail.dropDetails.mailingDetails && directMail.dropDetails.mailingDetails.length > 0) {\r\n            total += directMail.dropDetails.mailingDetails.reduce((a, b) => ((isNaN(a) ? 0 : a) + (isNaN(b.price) ? 0 : b.price)), 0);\r\n        }\r\n\r\n        if (email && email.dropDetails && email.dropDetails.mailingDetails && email.dropDetails.mailingDetails.length > 0) {\r\n            total += email.dropDetails.mailingDetails.reduce((a, b) => ((isNaN(a) ? 0 : a) + (isNaN(b.price) ? 0 : b.price)), 0);\r\n        }\r\n        return total;\r\n    });\r\n\r\n    const canAddToCart = computed(() => {\r\n        return !addingToCart.value\r\n    });\r\n\r\n    const toEmailPersonalizationPage = computed(() => {\r\n        const parentId = email.parentId ? email.parentId : email.id;\r\n        const channelType = emailProductDetails.attributes?.isEmail ? ChannelTypes.EMAIL : ChannelTypes.DIRECT_MAIL;\r\n        return `/personalization/step-1/${email.id}/${parentId}/${email.productId}/?edit=true&review=true&isSubscription=${emailProductDetails?.attributes?.isSubscription}&channelType=${channelType}`;\r\n    });\r\n\r\n    const isAgencySelected = computed(() => {\r\n        return site.agencyDetails.defaultAgency.id > 0;\r\n    });\r\n\r\n    //TODO: May be to move to common place???\r\n    async function saveForLater() {\r\n        const response = await site.personalizationInfo.enableSaveForLater(email.id, email.parentId);\r\n        if (response.succeeded) {\r\n            site.toast.success(\"Your item has been saved in My Account - My Saved Items.\");\r\n            router.push({\r\n                name: 'Home',\r\n            });\r\n        } else {\r\n            site.toast.error(\"Error while saving items for later use. Please contact administrator\");\r\n        };\r\n    }\r\n\r\n\r\n\r\n    // Lifecycle ----\r\n    onMounted(async () => {\r\n        await getOrderStates();\r\n    });\r\n\r\n</script>\r\n<template>\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\" v-if=\"isLoaded\">\r\n\r\n            <GlobalTabBar v-if=\"tabName\" :active-id=\"tabName\" />\r\n            <div class=\"root-page-container personalize-step-4\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col\">\r\n                        <SelectMailListStepper :currentStep=\"stepCounter.FOUR\" />\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row border-bottom border-gray-2 mt-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <div class=\"d-flex\">\r\n\r\n                            <div>\r\n                                <h1>Review & Add to Cart</h1>\r\n                            </div>\r\n\r\n                            <div class=\"ms-auto\">\r\n                                <div>\r\n                                    {{directMailProductDetails.name}} ({{directMailProductDetails.itemNumber}})\r\n                                </div>\r\n                                <div>\r\n                                    {{emailProductDetails.name}} ({{emailProductDetails.itemNumber}})\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n                <template v-if=\"isLoaded\">\r\n                    <div class=\"row mt-5\">\r\n                        <div class=\"col\">\r\n                            <h2>Multi-Channel Cross-sell (Direct Mail & Email)</h2>\r\n                            <h3 class=\"text-color-2\">Direct Mail</h3>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <ReviewTile :product=\"directMailProductDetails\" :personalization=\"directMail\" />\r\n                </template>\r\n                <template v-if=\"isEmailLoaded\">\r\n                    <div class=\"row mt-5 mb-3\">\r\n                        <div class=\"col\">\r\n                            <hr />\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"row\">\r\n                        <div class=\"col\">\r\n                            <h3 class=\"text-color-2\">Email</h3>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <ReviewTile :product=\"emailProductDetails\" :personalization=\"email\" :editable=\"false\" />\r\n\r\n                    <div class=\"row mt-5\">\r\n                        <div class=\"col fw-bold fs-3\">\r\n                            <div>Multi-Channel (Direct Mail & Email) Total</div>\r\n                            <div class=\"text-color-2\">{{site.convertNumberToCurrency(orderTotal)}}</div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"mt-3 mb-5\">\r\n\r\n                        <router-link :to=\"toEmailPersonalizationPage\" class=\"btn btn-outline-primary me-3\">\r\n                            Previous\r\n                        </router-link>\r\n\r\n                        <button @click=\"saveForLater\" v-if=\"isAgencySelected\"  class=\"btn btn-primary me-3\">Save For Later</button>\r\n\r\n                        <button @click=\"checkout\" class=\"btn btn-primary\" :disabled=\"!canAddToCart\">\r\n                            Add to Cart\r\n                        </button>\r\n\r\n                    </div>\r\n\r\n                </template>\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n<style lang=\"scss\">\r\n    .personalize-step-4 {\r\n\r\n        .btn-sm {\r\n            font-size: 0.75rem;\r\n            padding: 0.25rem 0.5rem;\r\n        }\r\n        // Seems like this is coming from some auto generated bootstrap styling it is outputting...\r\n        //  .table > :not(caption) > * > * {\r\n        //      padding: 0.5rem 0.5rem;\r\n        //      background-color: var(--bs-table-bg);\r\n        //      border-bottom-width: 1px;\r\n        //      box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);\r\n        //  }\r\n        // I am overwritting it here to remove the bottom border for the table on this page\r\n        .table > :not(caption) > * > * {\r\n            border-bottom: unset;\r\n        }\r\n        // Another weird border top on the table\r\n        .table > :not(:first-child) {\r\n            border-top: unset;\r\n        }\r\n\r\n        thead {\r\n            background: $color-2;\r\n            color: $gray-4;\r\n            border-color: $gray-0;\r\n        }\r\n\r\n        .price-message {\r\n            color: $error;\r\n            font-size: .75rem;\r\n        }\r\n\r\n        tr {\r\n            border-color: #c0bfc0;\r\n            border-bottom: 1px solid #dee2e6;\r\n\r\n            &:last-child {\r\n                border-bottom: unset;\r\n            }\r\n\r\n            td {\r\n                width: 33%;\r\n            }\r\n        }\r\n\r\n        .text-color-2 {\r\n            color: $color-2;\r\n        }\r\n\r\n        .frequency-headline {\r\n            background: $color-2-dk;\r\n            color: $gray-0;\r\n        }\r\n    }\r\n</style>","import script from \"./PersonalizeStep4MultiPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PersonalizeStep4MultiPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PersonalizeStep4MultiPage.vue?vue&type=style&index=0&id=2bd257eb&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\r\n\r\n    // ProductGridTile\r\n    // A tile for a single product intended to be displayed in grid mode.\r\n\r\n    // Setup ---\r\n    // Use the values below to modify how the tile appears\r\n    const setup = {\r\n        tileHeight: '28rem',           // Height of the full tab, fixed for alignment purposes\r\n        productNameLines: 2            // Number of lines product name is allowed to wrap before being trimmed with ellipses\r\n    };\r\n\r\n    export const Setup = setup;\r\n\r\n</script>\r\n\r\n<script setup>\r\n\r\n    // Components ----\r\n\r\n    // Imports ----\r\n    import { reactive, defineProps, defineEmits, computed } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { productRestrictions } from '@/site/areas/cart/CartPage';\r\n    import { getUnitOfMeasureFriendlyName } from '@/constants'\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        // The product whose information to show.\r\n        // API model: DD.Nucleus.Storefront.Api.ProductTileModel\r\n        product: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    });\r\n\r\n\r\n    // State ----\r\n    const product = reactive(props.product);\r\n\r\n    // Computed ----\r\n    const isNotForMA = computed(() => {\r\n        if (props.product.restriction == productRestrictions.NOTFORMA)\r\n            return \"NOT FOR USE IN MASSACHUSETTS\";\r\n        else return \"\";\r\n    });\r\n\r\n    const isNotForCO = computed(() => {\r\n        if (props.product.restriction == productRestrictions.NOTFORCO)\r\n            return 'NOT FOR USE IN COLORADO'\r\n        else\r\n            return ''\r\n    });\r\n\r\n    // Handlers ----\r\n    const emit = defineEmits(['productSelected']);\r\n\r\n    function select(productId, unitPrice, deliveryType) {\r\n        emit('productSelected', productId, unitPrice, deliveryType);\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"product-grid-tile d-flex flex-column\" :style=\"{ 'height': setup.tileHeight }\">\r\n        <div class=\"top\">\r\n            <ProductThumbnail :product=\"product\" height=\"200px\" no-image-available-url=\"/images/no-image.png\" />\r\n        </div>\r\n        <div class=\"middle flex-fill\">\r\n            <!-- Stretchy middle part-->\r\n\r\n            <div class=\"d-flex flex-row\">\r\n                <div class=\"flex-fill\">\r\n                    <ProductTags :product=\"product\" />\r\n                </div>\r\n                <div>\r\n                    <ProductFavoriteIcon :product=\"product\" />\r\n                </div>\r\n            </div>\r\n\r\n            <!-- Product name and item number -->\r\n            <div class=\"title-link\">\r\n                <div @click=\"select(product.id, product.unitPrice)\" class=\"name\" v-snip=\"{ lines: setup.productNameLines }\" :title=\"product.name\">\r\n                    {{ product.name }}\r\n                </div>\r\n            </div>\r\n            <p class=\"description\" v-snip=\"{ lines: setup.productNameLines }\"> {{ product.description }}</p>\r\n            <div class=\"item-number\"><router-link class=\"title-link\" :to=\"`/product/${product.id}`\">{{ product.itemNumber }}</router-link></div>\r\n            <div class=\"sale-price mb-2\"> {{ site.convertNumberToCurrency(product.unitPrice) }} {{getUnitOfMeasureFriendlyName(product)}} </div>\r\n            <div class=\"product-restriction text-danger\"> {{ isNotForMA }} </div>\r\n            <div class=\"product-restriction text-danger\"> {{ isNotForCO }} </div>\r\n\r\n        </div>\r\n        <div class=\"bottom\">\r\n            <div>\r\n                <button v-if=\"product.isPersonalizable\" @click=\"select(product.id, product.unitPrice)\" class=\"btn btn-primary w-100 mt-3\">Select</button>\r\n                <button v-if=\"product.isDownloadble\" @click=\"download(product.downloadableFileName)\" class=\"btn btn-primary w-100 mt-3\">Download</button>\r\n                <button v-if=\"product.isCustomizeDownloadble\" @click=\"customizeDownload(product.id)\" class=\"btn btn-primary w-100 mt-3\">Customize</button>\r\n            </div>  \r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .product-grid-tile {\r\n        .name {\r\n            font-size: 1.0rem;\r\n            font-weight: 600;\r\n            line-height: 1.1rem;\r\n            color: #476791;\r\n        }\r\n\r\n        .description {\r\n            font-size: 12px;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        a.title-link, a.title-link:visited, a.title-link:hover {\r\n            color: var(--bs-body-color);\r\n            text-decoration: none;\r\n        }\r\n\r\n        .item-number a.title-link {\r\n            font-size: 0.7rem;\r\n            color: $gray-50;\r\n        }\r\n\r\n        .sale-price {\r\n            font-size: 14px;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .product-restriction {\r\n            font-size: 14px;\r\n            min-height: 20px;\r\n        }\r\n\r\n        .n-product-add-to-cart-qty .text-box {\r\n            border-color: #dddddd;\r\n        }\r\n\r\n        .btn[disabled] {\r\n            opacity: 0.2;\r\n        }\r\n    }\r\n</style>","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=3bfb9c68&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // SelectAssetPage\r\n    // First step in the order flow for personilaztion show them the options.\r\n\r\n    // Constants ----\r\n    const constants = {\r\n        DEFAULT_TITLE: 'Search Results',          // Used when no category is selected\r\n        DEFAULT_PAGE_SIZE: 100\r\n    }\r\n\r\n    // Components ----\r\n    import ProductGridTile from './components/ProductGridTile';\r\n    import MockProductGridTile from '@/site/areas/products/components/MockProductGridTile';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n\r\n    // Imports ----\r\n    import { computed, reactive, ref } from 'vue';\r\n    import { site } from '@/Site'\r\n    import { useRouter, useRoute } from 'vue-router';\r\n    import { TabTypes } from './PersonalizeStep1Page';\r\n    import { getProductFormat, ChannelTypes } from './SelectChannelPage';\r\n    import { crossSellTypes } from '@/site/components/OpportunitiesTile';\r\n    import { Util, Search } from \"@dd-nucleus/nucleus-vue\";\r\n    import { ProgramType, getDataListTypeFromProgramType, getDataListOptionFromOppId, getProgramTypeForOrderState, getOppIdForOrderState, ProductType } from '@/constants'\r\n\r\n    // State ----\r\n    const router = useRouter();\r\n    const route = useRoute();\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n    const channel = ref(route.params.channel);\r\n    const searchTerm = ref(route.params.searchTerm);\r\n\r\n    if (route.query.programType) {\r\n        orderFlowDetails.programType = route.query.programType;\r\n    }\r\n    if (route.query.oppType) {\r\n        orderFlowDetails.oppType = route.query.oppType;\r\n    }\r\n    if (route.query.statCode) {\r\n        orderFlowDetails.statCode = route.query.statCode;\r\n    }\r\n    if (route.query.oppId) {\r\n        orderFlowDetails.oppId = route.query.oppId;\r\n    }\r\n    if (route.query.channelType) {\r\n        orderFlowDetails.channelType = parseInt(route.query.channelType);\r\n    }\r\n    if (route.query.productType) {\r\n        orderFlowDetails.productType = route.query.productType;\r\n    }\r\n    if (route.query.isMultiChannel && route.query.isMultiChannel === 'true') {\r\n        orderFlowDetails.isMultiChannel = true\r\n    }\r\n    if (route.query.isMultiChannel && route.query.isMultiChannel === 'false') {\r\n        orderFlowDetails.isMultiChannel = false\r\n    }\r\n    ///orderFlowDetails.isMultiChannel = route.query.isMultiChannel || false;\r\n\r\n\r\n    // Computed\r\n    const headline = computed(() => {\r\n        switch (orderFlowDetails.programType) {\r\n            case ProgramType.CROSS_SELL:\r\n                switch (orderFlowDetails.oppId) {\r\n                    case crossSellTypes.AutoCrossSell:\r\n                        return \"Cross-sell auto to your monoline home policyholders.\";\r\n                    case crossSellTypes.HomeCrossSell:\r\n                        return \"Cross-sell home to your monoline auto policyholders.\";\r\n                    case crossSellTypes.UmbrellaCrossSell:\r\n                        return \"Cross-sell umbrella to your monoline auto policyholders.\";\r\n                    case crossSellTypes.SpecialtyCrossSell:\r\n                        return \"Cross-sell specialty products to your eligible policyholders.\";\r\n                    case crossSellTypes.LandLordProtectionCrossSell:\r\n                        return \"Cross-sell to your existing Landlord Protection policyholders.\";\r\n                    default:\r\n                        return '';\r\n                }\r\n            case ProgramType.PROSPECTING:\r\n                switch (orderFlowDetails.productType) {\r\n                    case ProductType.AUTO:\r\n                        return 'Promote auto to your prospects.';\r\n                    case ProductType.SAFECO_PACKAGE:\r\n                        return 'Promote package to your prospects.';\r\n                    default:\r\n                        return '';\r\n                }\r\n            case ProgramType.RETENTION:\r\n                return 'Retain your current customers with personalized note cards.';\r\n            default:\r\n                return '';\r\n        }\r\n    });\r\n\r\n    const subHeadline = computed(() => {\r\n        if (channel.value && channel.value == ChannelTypes.EMAIL) {\r\n            return 'Select an Email piece.'\r\n        } else {\r\n            return 'Select a Direct Mail piece.'\r\n        }\r\n    });\r\n\r\n    const crossSellNote = computed(() => {\r\n        return '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    const tabName = computed(() => {\r\n        switch (orderFlowDetails.programType) {\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            default:\r\n                return '';\r\n        }\r\n    });\r\n\r\n    const productTypes = computed(() => {\r\n        if (Util.isNotEmpty(orderFlowDetails.productType)) {\r\n            if (orderFlowDetails.productType.indexOf(\";\")) {\r\n                return orderFlowDetails.productType.split(\";\");\r\n            }\r\n            return orderFlowDetails.productType.split(\",\");\r\n        }\r\n        return [];\r\n    });\r\n\r\n    const productFormat = computed(() => {\r\n        if (Util.isNotEmpty(orderFlowDetails.channelType)) {\r\n            return getProductFormat(orderFlowDetails.channelType).split(\",\");\r\n        }\r\n        return [];\r\n    });\r\n\r\n\r\n    // Pre-build the search here, so we can hook into its events and properties.\r\n    const search = new Search('product-list', 'detail', 'product-list-itemNumber', constants.DEFAULT_PAGE_SIZE);\r\n\r\n    function setFilters() {\r\n        const searchFilters = []\r\n\r\n        // Set state restriction filter\r\n        const productStateFilter = {\r\n            'filterId': \"product-state-restriction\",\r\n            'values': ['']\r\n        }\r\n\r\n        // Set product data list type filter\r\n        const productDataListTypeFilter = {\r\n            'filterId': 'product-data-list-type'\r\n        }\r\n        if (route.query.channelType == ChannelTypes.EMAIL && orderFlowDetails.programType == ProgramType.CROSS_SELL) {\r\n            productDataListTypeFilter['values'] = getDataListTypeFromProgramType(ProgramType.CROSS_SELL_EMAIL)\r\n        } else {\r\n            productDataListTypeFilter['values'] = getDataListTypeFromProgramType(orderFlowDetails.programType)\r\n        }\r\n        searchFilters.push(productStateFilter, productDataListTypeFilter);\r\n\r\n        // Set product search term filter only for prospecting\r\n        if (orderFlowDetails.programType == ProgramType.PROSPECTING && !searchTerm.value) {\r\n            searchFilters.push({\r\n                'filterId': 'product-search-term',\r\n                'value': orderFlowDetails.programType\r\n            })\r\n        }\r\n        // Set product search term filter only for retention\r\n        if (orderFlowDetails.programType == ProgramType.RETENTION && searchTerm.value) {\r\n            searchFilters.push({\r\n                'filterId': 'product-search-term',\r\n                'value': searchTerm.value\r\n            })\r\n        }\r\n        if ((orderFlowDetails.programType == ProgramType.CROSS_SELL ||\r\n            orderFlowDetails.programType == ProgramType.ANNUAL_AUTO)\r\n            && orderFlowDetails.oppId) {\r\n            searchFilters.push({\r\n                'filterId': 'product-data-list-option',\r\n                'values': getDataListOptionFromOppId(orderFlowDetails.oppId)\r\n            });\r\n        }\r\n\r\n        // Set product format\r\n        searchFilters.push({\r\n            'filterId': 'product-format',\r\n            values: productFormat.value\r\n        })\r\n\r\n        // Set product type\r\n        searchFilters.push({\r\n            'filterId': 'product-type',\r\n            values: productTypes.value\r\n        })\r\n\r\n        // Set all filters\r\n        search.setFilters(searchFilters)\r\n    }\r\n\r\n\r\n    // Methods ----\r\n    function back() {\r\n        \r\n        const back_url = router.options.history.state.back\r\n        if (back_url.includes('home')) {\r\n            if ([ProgramType.ANNUAL_AUTO, ProgramType.RETENTION, ProgramType.WINBACK].includes(orderFlowDetails.programType)) {\r\n                router.push({ name: 'Home', query: { tab: ProgramType.RETENTION } })\r\n            } else {\r\n                router.push({ name: 'Home' })\r\n            }\r\n        } else if (back_url.includes('step-1')) {\r\n            router.push({\r\n                name: 'SelectChannelPage',\r\n                query: {\r\n                    statCode: orderFlowDetails.statCode,\r\n                    productType: orderFlowDetails.productType,\r\n                    programType: orderFlowDetails.programType,\r\n                    oppType: orderFlowDetails.oppType,\r\n                    oppId: orderFlowDetails.oppId\r\n                }\r\n            });\r\n        }\r\n        else {\r\n            router.back()\r\n        }\r\n\r\n    }\r\n\r\n    async function selected(id) {\r\n        const product = search.results.rows.find(p => p.id == id);\r\n        orderFlowDetails.productId = id;\r\n        orderFlowDetails.programType = getProgramTypeForOrderState(product.dataListType);\r\n        orderFlowDetails.productType = product.productTypes?.join(\";\");\r\n        orderFlowDetails.oppId = getOppIdForOrderState(product.dataListOption);\r\n        const channelType = product.isEmail ? ChannelTypes.EMAIL : ChannelTypes.DIRECT_MAIL;\r\n\r\n        let response;\r\n\r\n        if (orderFlowDetails.isMultiChannel && channelType == ChannelTypes.EMAIL) {\r\n\r\n            orderFlowDetails.parentId = orderFlowDetails.id;\r\n            response = await site.personalizationInfo.startOrder(ChannelTypes.EMAIL);\r\n\r\n            if (site.errorHandler.handleStartOrderError(response)) {\r\n\r\n                router.push({\r\n                    name: 'PersonalizeStep1Page',\r\n                    params: {\r\n                        id: response.id,\r\n                        parentId: orderFlowDetails.parentId,\r\n                        productId: orderFlowDetails.productId\r\n                    },\r\n                    query: {\r\n                        channelType: ChannelTypes.EMAIL\r\n                    }\r\n                });\r\n            }\r\n        } else {\r\n            router.push({\r\n                name: 'SaveForLaterConfirmationPage',\r\n                params: {\r\n                    productId: product.id\r\n                },\r\n                query: {\r\n                    isMultiChannel: route.query.isMultiChannel\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    setFilters()\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n\r\n        <div class=\"container\">\r\n            <GlobalTabBar v-if=\"tabName\" :active-id=\"tabName\" />\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col-2 mt-4\">\r\n                    <button @click=\"back\" class=\"btn btn-outline-primary\">Previous</button>\r\n                </div>\r\n                <div class=\"col-8\">\r\n                    <p class=\"text-center fs-2\">\r\n                        {{headline}}\r\n                    </p>\r\n\r\n                    <h1 class=\"text-center mb-3\">\r\n                        {{subHeadline}}\r\n                    </h1>\r\n                    <p class=\"text-center mb-3\" v-if=\"orderFlowDetails.programType == ProgramType.CROSS_SELL\">\r\n                        {{crossSellNote}}\r\n                    </p>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"search-page\">\r\n\r\n                <SearchContainer :search=\"search\" default-view=\"grid\" :deep-link=\"false\">\r\n\r\n                    <div class=\"row\">\r\n\r\n                        <div class=\"col\">\r\n\r\n\r\n\r\n                            <SearchGrid>\r\n                                <!-- Template for each item in a grid view -->\r\n                                <template v-slot:grid=\"product\">\r\n\r\n                                    <ProductGridTile :product=\"product\" @productSelected=\"selected\" />\r\n\r\n                                </template>\r\n\r\n                                <!-- Template for no results -->\r\n                                <template #empty>\r\n                                    No products were found that match your criteria.\r\n                                </template>\r\n\r\n                                <!-- Template while results are initially loading -->\r\n                                <template #loading-grid>\r\n                                    <MockSearchGrid>\r\n                                        <MockProductGridTile />\r\n                                    </MockSearchGrid>\r\n                                </template>\r\n\r\n                            </SearchGrid>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n                </SearchContainer>\r\n\r\n            </div>\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <button @click=\"back\" class=\"btn btn-outline-primary\">Previous</button>\r\n                </div>\r\n            </div>\r\n\r\n\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .search-page {\r\n        margin-top: 1rem;\r\n\r\n        h1 {\r\n            color: $black;\r\n        }\r\n\r\n        .sub-title {\r\n            font-weight: $normal;\r\n            font-size: 50%;\r\n        }\r\n    }\r\n\r\n    .filter-bar {\r\n    }\r\n\r\n    .filter-section {\r\n        border-top: 1px solid $gray-20;\r\n        padding-top: 0.75rem;\r\n        padding-bottom: 0.75rem;\r\n    }\r\n\r\n    .filter-section:first-child {\r\n        padding-top: 0rem;\r\n        border-top: 0px;\r\n        padding-bottom: 1rem;\r\n    }\r\n\r\n    .filter-section:last-child {\r\n        border-bottom: 0px;\r\n        padding-bottom: 0rem;\r\n    }\r\n\r\n    .filter-section .header {\r\n        font-weight: $bold;\r\n        margin-bottom: 0.5rem;\r\n    }\r\n</style>","import script from \"./SelectAssetPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SelectAssetPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SelectAssetPage.vue?vue&type=style&index=0&id=53506036&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    // PersonalizeStep2ReviewPage\r\n    // Step 2 of pick pack personalize orders and the review and check out or add to cart\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar, { TabIDs } from '@/site/components/GlobalTabBar';\r\n    import TwoStepStepper, { stepCounter } from '@/site/components/TwoStepStepper';\r\n\r\n    // Imports\r\n    import { ref, reactive, computed, onMounted } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRoute, useRouter } from 'vue-router';\r\n    import { Util } from \"@dd-nucleus/nucleus-vue\";\r\n    import { TabTypes } from './PersonalizeStep1Page';\r\n    import { ChannelTypes, ProgramType } from '@/constants'\r\n\r\n    const router = useRouter();\r\n    const route = useRoute();\r\n\r\n    // State\r\n    const detail = reactive({ product: {} });\r\n\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n\r\n    const showInputTargetCount = ref(true);\r\n    const customQuantity = ref(0);\r\n\r\n    const productLimitMessage = ref('');\r\n\r\n    const addingToCart = ref(false);\r\n\r\n    // Methods\r\n    async function addToCart() {\r\n        \r\n        addingToCart.value = true;\r\n        const response = await site.personalizationInfo.addToCart(orderDetails.value.productId, orderDetails.value.targetCount);\r\n\r\n        if (response.succeeded) {\r\n            site.toast.success(detail.product.name + ' was successfully added to the cart!', 'Added To Cart');\r\n        } else {\r\n            site.toast.error(response.error.responseStatus.message, 'Error');\r\n        }\r\n        addingToCart.value = false;\r\n    }\r\n\r\n\r\n    async function checkout() {\r\n        if (!site.errorHandler.canStartOrder(orderDetails.value.productId)) {\r\n            return false;\r\n        }\r\n        await addToCart();\r\n\r\n        router.push({\r\n            name: 'CartPage'\r\n        });\r\n    }\r\n\r\n    function previewPdf() {\r\n        site.personalizationInfo.openPdfPreview(orderDetails.value.pageFlexDocumentId);\r\n    }\r\n\r\n    const validateQuantity = async () => {\r\n        const limits = await site.products.getProductLimits({ id: orderFlowDetails.productId });\r\n        for (let i = 0; i < limits.length; i++) {\r\n            if (customQuantity.value > limits[i].available) {\r\n                productLimitMessage.value = limits[i].limitText;\r\n            }\r\n        }\r\n    }\r\n\r\n    const updateTargetCount = async () => {\r\n        productLimitMessage.value = \"\";\r\n        await validateQuantity();\r\n\r\n        if (Util.isEmpty(productLimitMessage.value)) {\r\n            showInputTargetCount.value = false;\r\n            orderFlowDetails.targetCount = customQuantity.value;\r\n            await site.personalizationInfo.updateTargetCount();\r\n\r\n        }\r\n\r\n    }\r\n\r\n    function getTotalPrice(qty) {\r\n        return site.convertNumberToCurrency(qty * orderDetails.value.unitPrice)\r\n    }\r\n\r\n    // Computed\r\n    const orderDetails = computed(() => {\r\n        return site.personalizationInfo.orderFlowDetails;\r\n    });\r\n\r\n    const userInfo = computed(() => {\r\n        return site.user;\r\n    });\r\n\r\n    const pdfPreviewUrl = computed(() => {\r\n\r\n        if (Util.isNotEmpty(orderFlowDetails.pageFlexDocumentId) && Util.isNotEmpty(userInfo.value.userName)) {\r\n            const userName = userInfo.value.userName.replace(\".Test@test.com\", '');\r\n            const BASE_PUNCHOUT_URL = process.env.VUE_APP_PAGE_FLEX_PUNCHOUT_URL;\r\n            return `${BASE_PUNCHOUT_URL}/PMGetPdfProof.aspx?DocID=${orderFlowDetails.pageFlexDocumentId}&UserName=${userName}`;\r\n        }\r\n        else\r\n            return '';\r\n\r\n    });\r\n\r\n    const toPersonalizationPage = computed(() => {\r\n        const parentId = orderFlowDetails.parentId ? orderFlowDetails.parentId : orderFlowDetails.id;\r\n        const channelType = detail.product?.attributes?.isEmail ? ChannelTypes.EMAIL : ChannelTypes.DIRECT_MAIL;\r\n        return `/personalization/step-1/${orderFlowDetails.id}/${parentId}/${orderFlowDetails.productId}/?edit=true&isSubscription=${detail.product?.attributes?.isSubscription}&channelType=${channelType}`;\r\n    });\r\n\r\n    const tabName = computed(() => {\r\n        switch (orderFlowDetails.programType) {\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            default:\r\n                return '';\r\n        }\r\n    });\r\n\r\n    const isLoaded = computed(() => {\r\n        return Util.isNotEmpty(detail.product);\r\n    });\r\n\r\n  \r\n    const displayElements = computed(() => {\r\n        let displayState = {\r\n            showSubscription: true,\r\n            showPriceSummary: true,\r\n            showRenewalText: false,\r\n        };\r\n        switch (orderDetails.value.programType) {\r\n            case ProgramType.ANNUAL_AUTO:\r\n                displayState.showSubscription = false;\r\n                displayState.showPriceSummary = false;\r\n                displayState.showRenewalText = true;\r\n                break;\r\n            default:\r\n                break;\r\n        }\r\n        return displayState;\r\n    });\r\n\r\n    const canAddToCart = computed(() => {\r\n        return orderFlowDetails.targetCount > 0 && !addingToCart.value\r\n    });\r\n\r\n\r\n    // Lifecycle ----\r\n    onMounted(async () => {\r\n\r\n        const orderStateId = route.params.id\r\n        if (Util.isNotEmpty(orderStateId)) {\r\n            await site.personalizationInfo.getOrderState(orderStateId);\r\n            \r\n        }\r\n\r\n        if (orderFlowDetails && orderFlowDetails.productId && orderFlowDetails.productId.length > 0) {\r\n            Object.assign(detail.product, await site.products.getProductDetail(orderFlowDetails.productId));\r\n        }\r\n\r\n        customQuantity.value = orderFlowDetails.targetCount > 0 ? orderFlowDetails.targetCount : 0;\r\n        \r\n    });\r\n\r\n</script>\r\n<template>\r\n    <PageTemplate>\r\n        <div class=\"container root-page personalize-step-3-review\">\r\n\r\n            <GlobalTabBar v-if=\"tabName\" :active-id=\"tabName\" />\r\n            <div class=\"root-page-container\" v-if=\"isLoaded\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col\">\r\n                        <TwoStepStepper :currentStep=\"stepCounter.TWO\" />\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row border-bottom border-gray-2 mt-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <div class=\"d-flex\">\r\n\r\n                            <div>\r\n                                <h1>Review & Add to Cart</h1>\r\n                            </div>\r\n\r\n                            <div class=\"ms-auto\">\r\n                                {{detail.product.name}} ({{detail.product.itemNumber}})\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <p v-if=\"displayElements.showRenewalText\" class=\"text-center fw-bold text-danger py-2\">Your customer will be mailed a letter 60-90 days prior to their respective renewal date.</p>\r\n\r\n\r\n                <div class=\"row mt-5\">\r\n\r\n                    <div class=\"col-sm-6\">\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Item</div>\r\n                            <div class=\"text-color-2\">\r\n                                {{detail.product.name}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Item ID</div>\r\n                            <div class=\"text-color-2\">\r\n                                {{detail.product.itemNumber}}\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Personalization <router-link :to=\"toPersonalizationPage\" class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</router-link></div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n\r\n                            <div class=\"fw-bold\">Total Order Count <button @click=\"showInputTargetCount = !showInputTargetCount\" class=\"btn btn-outline-primary btn-sm\"><i class=\"bi bi-pencil-fill\"></i> Edit</button></div>\r\n                            <div class=\"text-color-2\">\r\n                                {{orderDetails.targetCount}} x (<UomLabel :item=\"detail.product\" />)\r\n                            </div>\r\n                            <div class=\"text-danger\" v-if=\"Util.isNotEmpty(productLimitMessage)\">\r\n                                <i class=\"bi icon bi-exclamation-circle-fill\"></i> Limit of {{productLimitMessage}} exceeded\r\n                            </div>\r\n                            <div v-if=\"showInputTargetCount\" class=\"mt-3\">\r\n                                <input v-model=\"customQuantity\" type=\"number\" />\r\n                                <span @click=\"updateTargetCount\" class=\"btn btn-outline-primary btn-sm mx-2\"> Update</span>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n\r\n                        <div>\r\n                            Note: Turn off Pop-up Blocker to allow for PDF previewing.\r\n                        </div>\r\n\r\n                        <div class=\"mb-5\">\r\n                            <button class=\"btn btn-primary\" @click=\"previewPdf\">Preview PDF</button>\r\n                        </div>\r\n\r\n                        <div v-if=\"displayElements.showPriceSummary\">\r\n                            <div class=\"frequency-headline py-2 fs-4 text-center mb-1 fw-bold\">\r\n                                Summary\r\n                            </div>\r\n                            <div>\r\n                                <table class=\"table\">\r\n                                    <thead>\r\n                                        <tr>\r\n                                            <th>Unit Price</th>\r\n                                            <th>Total Price</th>\r\n                                        </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                        <tr class=\"border-bottom border-gray-2\">\r\n                                            <td>{{site.convertNumberToCurrency(orderDetails.unitPrice)}}</td>\r\n                                            <td>{{getTotalPrice(orderDetails.targetCount)}}</td>\r\n                                        </tr>\r\n                                    </tbody>\r\n                                </table>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"mt-3 mb-5\">\r\n\r\n                            <router-link :to=\"toPersonalizationPage\" class=\"btn btn-outline-primary me-3\">\r\n                                Previous\r\n                            </router-link>\r\n\r\n                            <button @click=\"checkout\" :disabled=\"!canAddToCart\" class=\"btn btn-primary\">\r\n                                Add to Cart\r\n                            </button>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-5 offset-1\">\r\n                        <!-- TODO get the actual PDF -->\r\n                        <iframe if=\"pdfPreviewUrl.length > 0\" :src=\"pdfPreviewUrl\" scrolling=\"yes\" width=\"100%\" height=\"800px\" />\r\n                        <!--<PdfViewer :pdfDetails=\"pdfDetails\" :height=\"700\" />-->\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </PageTemplate>\r\n</template>\r\n<style lang=\"scss\">\r\n    .personalize-step-3-review {\r\n\r\n        .btn-sm {\r\n            font-size: 0.75rem;\r\n            padding: 0.25rem 0.5rem;\r\n        }\r\n        // Another weird border top on the table\r\n        .table > :not(:first-child) {\r\n            border-top: unset;\r\n        }\r\n\r\n        .summary {\r\n            background: $color-2-dk;\r\n            color: $gray-0;\r\n        }\r\n\r\n        thead tr {\r\n            background: $color-2;\r\n            color: $gray-0;\r\n        }\r\n\r\n        thead tr th {\r\n            font-weight: 400;\r\n            border-right: 1px solid #fff;\r\n        }\r\n\r\n        thead tr th:last-child {\r\n            border-right: none;\r\n        }\r\n\r\n        tbody tr {\r\n            border-bottom: 1px solid #dee2e6;\r\n\r\n            &:last-child {\r\n                border-bottom: 1px solid transparent;\r\n            }\r\n        }\r\n\r\n        .text-color-2 {\r\n            color: $color-2;\r\n        }\r\n\r\n        .frequency-headline {\r\n            background: $color-2-dk;\r\n            color: $gray-0;\r\n        }\r\n    }\r\n</style>","import script from \"./PersonalizeStep2ReviewPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PersonalizeStep2ReviewPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PersonalizeStep2ReviewPage.vue?vue&type=style&index=0&id=82e493f8&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    // Imports\r\n    import { reactive, watch, onMounted } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRoute } from 'vue-router';\r\n\r\n    // Components\r\n    import { Util } from \"@dd-nucleus/nucleus-vue\";\r\n    import { ChannelTypes } from './SelectChannelPage';\r\n    import { programTypes } from '@/site/components/OpportunitiesTile';\r\n\r\n    // State\r\n    const route = useRoute();\r\n\r\n    const orderFlowDetails = reactive(site.personalizationInfo.orderFlowDetails);\r\n\r\n    async function setDocumentInfo() {\r\n        await site.personalizationInfo.updateDocId(route.query.DocID, route.params.parentId);\r\n    }\r\n\r\n    // Handlers ----\r\n    onMounted(async () => {\r\n        const orderStateId = route.params.id\r\n        if (Util.isNotEmpty(orderStateId)) {\r\n            await site.personalizationInfo.getOrderState(orderStateId);\r\n        }\r\n    })\r\n\r\n    watch(() => orderFlowDetails,\r\n        async (details) => {\r\n            //TODO to update the docId here itself for all other flow before redirecting to other pages..\r\n            if (Util.isNotEmpty(details.id)) {\r\n                if (route && route.query && route.query.DocID && route.query.DocID.length > 0) {\r\n                    let review = '';\r\n                    if (route.query.review && route.query.review == 'true') {\r\n                        review = `&review=${route.query.review}`;\r\n                    }\r\n                    if (Number(route.query.channelType) == ChannelTypes.EMAIL && route.params.isMultiChannel != 'true') {\r\n                        await setDocumentInfo();\r\n                        window.parent.location.href = `/personalization/step-2/${route.params.id}/?docId=${route.query.DocID}${review}`;\r\n                    }\r\n                    else if (Number(route.query.channelType) == ChannelTypes.DIRECT_MAIL) {\r\n                        await setDocumentInfo();\r\n                        if (route.query.programType == programTypes.RETENTION && route.query.isSubscription == 'false') {\r\n                            window.parent.location.href = `/personalization/step-2-review/${route.params.id}`;\r\n                        } else {\r\n                            window.parent.location.href = `/personalization/step-2/${route.params.id}/?docId=${route.query.DocID}${review}`;\r\n                        }\r\n                    }\r\n                    else if (route.params.isMultiChannel == 'true') {\r\n                        await setDocumentInfo()\r\n                        window.parent.location.href = `/personalization/step-4-multi-channel/?parentId=${route.params.parentId}&docId=${route.query.DocID}${review}`\r\n                    }\r\n                    else {\r\n                        //TODO : redirect to some error page.\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        { deep: true }\r\n    );\r\n\r\n</script>\r\n\r\n<template>\r\n    <div></div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .print-on-demand-customize-step1 {\r\n        label {\r\n            font-weight: bold;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .multi-channel-headline {\r\n            background: $color-3-dk;\r\n        }\r\n\r\n        .multi-channel-detail {\r\n            background: $gray-1;\r\n        }\r\n    }\r\n</style>\r\n","import script from \"./PageFlexReturnPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PageFlexReturnPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PageFlexReturnPage.vue?vue&type=style&index=0&id=42d0ecec&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\r\n\r\n    const constants = {\r\n        TabTypes: {\r\n            CROSS_SELL: 'CrossSell',\r\n            PROSPECTING: 'Prospecting',\r\n            RETENTION: 'Retention'\r\n        },\r\n        punchOutActions: {\r\n            CREATE: 'create',\r\n            EDIT: 'edit',\r\n            COMMIT: 'commit',\r\n            REORDER: 'reorder'\r\n        }\r\n    };\r\n\r\n    // Exports\r\n    export const TabTypes = constants.TabTypes;\r\n    export const punchOutActions = constants.punchOutActions;\r\n\r\n</script>\r\n<script setup>\r\n\r\n    // Imports\r\n    import { ref, reactive, computed, onMounted } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRoute, useRouter } from 'vue-router';\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import { stepCounter } from '@/site/components/SelectMailListStepper';\r\n    import { Util } from \"@dd-nucleus/nucleus-vue\";\r\n    import TwoStepStepper from '@/site/components/TwoStepStepper';\r\n    import { ProductRestrictions } from '@/constants';\r\n    import PreviousButton from '@/site/components/PreviousButton';\r\n    import { isNotEmpty } from '@/util';\r\n\r\n    const displayStepper = computed(() => {\r\n        let displayState = {\r\n            showTwoStepper: true,\r\n        };\r\n        return displayState;\r\n    });\r\n\r\n    const _iOSDevice = computed(() => {\r\n        return /iPad|iPhone|iPod/.test(navigator.platform)\r\n            || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);\r\n    });\r\n\r\n    // State\r\n    const route = useRoute();\r\n\r\n    const detail = reactive({ product: {} });\r\n\r\n    const iframeSrc = ref('');\r\n\r\n    const frameHeight = ref(1000);\r\n\r\n    const showIframe = ref(false);\r\n\r\n    const agencyDetails = reactive(site.agencyDetails.selectedAgencyDetails);\r\n\r\n    const router = useRouter();\r\n\r\n    const showButton = ref(false);\r\n\r\n    // Methods ----\r\n    async function getTicket() {\r\n\r\n        let payload = {}\r\n        const BASE_API_URL = process.env.VUE_APP_PAGE_FLEX_RETURN_URL;\r\n\r\n        const userInfo = site.user;\r\n        const userName = userInfo.userName.replace(\".Test@test.com\", '');\r\n\r\n        let returnUrl = `${BASE_API_URL}personalization/customize-download-return?userName=${userName}%26productId=${detail.product.id}`;\r\n\r\n        if (Util.isNotEmpty(agencyDetails.statId)) {\r\n            returnUrl = `${returnUrl}%26statCode=${agencyDetails.statId}`;\r\n        }\r\n\r\n        if (detail.product?.attributes?.isWelcomeKit) {\r\n            returnUrl = returnUrl + \"%26isWelcomeKit=true\"\r\n            if (Util.isNotEmpty(route.query.parentId)) {\r\n                returnUrl = returnUrl + \"%26parentId=\" + route.query.parentId;\r\n            }\r\n            Object.assign(payload, { NextStepText: 'Save/Finish' });\r\n        }\r\n\r\n        Object.assign(payload, { ReturnUrl: returnUrl });\r\n\r\n        const agencyName = isNotEmpty(agencyDetails.agencyName) ? encodeURIComponent(agencyDetails.agencyName): agencyDetails.agencyName;\r\n        const firstName = isNotEmpty(userInfo.firstName) ? encodeURIComponent(userInfo.firstName): userInfo.firstName;\r\n        const lastName = isNotEmpty(userInfo.lastName) ? encodeURIComponent(userInfo.lastName): userInfo.lastName;\r\n        const address1 = isNotEmpty(agencyDetails.address1) ? encodeURIComponent(agencyDetails.address1): agencyDetails.address1;\r\n        const address2 = isNotEmpty(agencyDetails.address2) ? encodeURIComponent(agencyDetails.address2): agencyDetails.address2;\r\n        const city = isNotEmpty(agencyDetails.city) ? encodeURIComponent(agencyDetails.city): agencyDetails.city;\r\n\r\n\r\n        Object.assign(payload, { UserName: userName });\r\n        Object.assign(payload, { AgencyName: agencyName });\r\n        Object.assign(payload, { AgentName: firstName });\r\n        Object.assign(payload, { AgentLastName: lastName });\r\n        Object.assign(payload, { AgentAddress: address1 });\r\n        Object.assign(payload, { AgentAddress2: address2 });\r\n        Object.assign(payload, { AgentCity: city });\r\n        Object.assign(payload, { AgentZip: agencyDetails.zip });\r\n        Object.assign(payload, { AgentState: agencyDetails.state });\r\n        Object.assign(payload, { AgentPhone: agencyDetails.phone });\r\n        Object.assign(payload, { AgentEmail: agencyDetails.emailAddress });\r\n        Object.assign(payload, { PHONE: agencyDetails.phone });\r\n        Object.assign(payload, { DocumentCode: detail.product.itemNumber });\r\n\r\n        if (detail.product && detail.product['attributes'] && detail.product.attributes['restriction'] == ProductRestrictions.NOTFORMA) {\r\n            Object.assign(payload, { NotForMA: true });\r\n        }\r\n\r\n        if (detail.product && detail.product['attributes'] && detail.product.attributes['restriction'] == ProductRestrictions.NOTFORCO) {\r\n            Object.assign(payload, { NotForCO: true });\r\n        }\r\n\r\n        // If it is reorder or create, expecting both parameters. edit also will have documentId\r\n        if (Util.isNotEmpty(route.query.documentId) && route.query.reorder == 'true') {\r\n            console.warn('route.query.documentId', route.query.documentId);\r\n            Object.assign(payload, { Action: punchOutActions.REORDER });\r\n            Object.assign(payload, { DocumentId: route.query.documentId });\r\n        } else if (Util.isNotEmpty(route.query.documentId) && route.query.edit == 'true') {\r\n            Object.assign(payload, { Action: punchOutActions.EDIT });\r\n            Object.assign(payload, { DocumentId: route.query.documentId });\r\n        } else {\r\n            Object.assign(payload, { DocumentId: detail.product.itemNumber });\r\n            Object.assign(payload, { Action: punchOutActions.CREATE });\r\n        }\r\n        console.warn('payload', payload);\r\n\r\n        const response = await site.personalizationInfo.getPunchoutTicket(payload);\r\n\r\n        const ticketId = response.ticketId.replace(\"OK:\", \"\");\r\n\r\n        const BASE_PUNCHOUT_URL = process.env.VUE_APP_PAGE_FLEX_PUNCHOUT_URL;\r\n\r\n        iframeSrc.value = `${BASE_PUNCHOUT_URL}/UserPMCreateEdit.aspx?ticket=${ticketId}`;\r\n\r\n        showIframe.value = true;\r\n    }\r\n\r\n    function onLoadIframe() {\r\n        frameHeight.value = window.frames.outerHeight + 100;\r\n        showButton.value = true;\r\n    }\r\n\r\n    // Handlers ----\r\n    onMounted(async () => {\r\n        const productId = route.query.productId\r\n        if (Util.isNotEmpty(productId)) {\r\n            Object.assign(detail.product, await site.products.getProductDetail(productId));\r\n            if (detail.product && detail.product.itemNumber) {\r\n               await getTicket();\r\n            }\r\n        }\r\n    })\r\n\r\n    function back() {\r\n        router.back();\r\n    }\r\n</script>\r\n\r\n<template>\r\n\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar />\r\n\r\n            <div class=\"root-page-container print-on-demand-customize-step1\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col\">\r\n                        <TwoStepStepper v-if=\"displayStepper.showTwoStepper\" :currentStep=\"stepCounter.ONE\" stepTitle=\"Download\" />\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n                    <div class=\"col-12 text-danger fw-bolder my-3\" v-if=\"_iOSDevice\">\r\n                        If you are using an iOS device (iPhone/iPad) please go to Settings > Safari > uncheck the box for Prevent Cross-Site Tracking in order to proceed with Personalization.\r\n                    </div>\r\n\r\n                    <div class=\"col border-bottom border-color-1\">\r\n\r\n                        <div class=\"d-flex\">\r\n                            <div class=\"text-color-1\">\r\n                                <h2 class=\"mb-0\">Personalize This Item</h2>\r\n                            </div>\r\n                            <div class=\"ms-auto\">\r\n                                {{detail.product.name}} ({{detail.product.itemNumber}})\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                    <PreviousButton v-if=\"showButton\" @back=\"back()\" />\r\n\r\n                </div>\r\n\r\n                <div class=\"row\" v-if=\"showIframe\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <iframe name=\"punchout\" @load=\"onLoadIframe\" :src=\"iframeSrc\" scrolling=\"auto\" width=\"100%\" frameborder=\"0\" :height=\"frameHeight\"></iframe>\r\n\r\n                    </div>\r\n                </div>\r\n                <PreviousButton v-if=\"showButton\" @back=\"back()\" />\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .print-on-demand-customize-step1 {\r\n        label {\r\n            font-weight: bold;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .multi-channel-headline {\r\n            background: $color-3-dk;\r\n        }\r\n\r\n        .multi-channel-detail {\r\n            background: $gray-1;\r\n        }\r\n    }\r\n</style>\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__","<script>\r\n\r\n    const constants = {\r\n        punchOutActions: {\r\n            CREATE: 'create',\r\n            EDIT: 'edit',\r\n            COMMIT: 'commit'\r\n        }\r\n    };\r\n\r\n    // Exports\r\n    export const TabTypes = constants.TabTypes;\r\n    export const punchOutActions = constants.punchOutActions;\r\n\r\n</script>\r\n<script setup>\r\n    // Imports\r\n    import { onMounted, ref } from 'vue';\r\n    import { useRoute } from 'vue-router';\r\n\r\n    import { site } from '@/Site';\r\n\r\n    // Components\r\n    import { isNotEmpty } from '@/util';\r\n\r\n    // State\r\n    const route = useRoute();\r\n\r\n    const loading = ref(false);\r\n\r\n    // Handlers ----\r\n    onMounted(async () => {\r\n        const pageFlexDocId = route.query.DocID\r\n        const productId = route.query.productId\r\n        const userName = route.query.userName\r\n        const statCode = route.query.statCode\r\n        const isWelcomeKit = route.query.isWelcomeKit\r\n        const parentId = route.query.parentId\r\n\r\n        if (isNotEmpty(pageFlexDocId) && isNotEmpty(userName)) {\r\n            const payload = {\r\n                productUserCustomDownloadModel: {\r\n                    userName: userName,\r\n                    pageFlexDocumentId: pageFlexDocId,\r\n                    action: punchOutActions.COMMIT,\r\n                    productId: productId,\r\n                    statCode: statCode,\r\n                    isWelcomeKit: Boolean(isWelcomeKit),\r\n                    parentId: parentId\r\n                }\r\n            };\r\n            const response = await site.personalizationInfo.commitPunchOutForDownload(payload);\r\n            if (response.succeeded) {\r\n                const status = response.completed == true\r\n                let redirectUrl = `/personalization/download-customize-asset/${response.customDownloadId}?docId=${pageFlexDocId}&completed=${status}`;\r\n\r\n                if (isWelcomeKit) {                   \r\n                    redirectUrl = `${redirectUrl}&isWelcomeKit=${isWelcomeKit}`;\r\n                    if (status) {\r\n                        loading.value = true;\r\n                        setTimeout(() => {\r\n                            loading.value = false;\r\n                            window.parent.location.href = redirectUrl;\r\n                        }, 20000);\r\n                    } else {\r\n                        window.parent.location.href = redirectUrl;\r\n                    }\r\n                } else {\r\n                    window.parent.location.href = redirectUrl;\r\n                }\r\n            }\r\n        }\r\n    });\r\n\r\n</script>\r\n<template>\r\n    <div class=\"row\">\r\n        <div class=\"col-12 loader text-center\" v-show=\"loading\">\r\n            <div class=\"spinner-grow\" role=\"status\"></div>\r\n            <p> Your Welcome Kit is being prepared for download...</p>\r\n        </div>\r\n    </div>\r\n</template>\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__","<script>\r\n\r\n    const constants = {\r\n        TabTypes: {\r\n            CROSS_SELL: 'CrossSell',\r\n            PROSPECTING: 'Prospecting',\r\n            RETENTION: 'Retention'\r\n        },\r\n        punchOutActions: {\r\n            CREATE: 'create',\r\n            EDIT: 'edit',\r\n            COMMIT: 'commit',\r\n            GETPROOF: 'download'\r\n        }\r\n    };\r\n\r\n    // Exports\r\n    export const TabTypes = constants.TabTypes;\r\n    export const punchOutActions = constants.punchOutActions;\r\n\r\n</script>\r\n<script setup>\r\n\r\n    // Imports\r\n    import { computed, ref } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRoute } from 'vue-router';\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import { stepCounter } from '@/site/components/SelectMailListStepper';\r\n    import { Util } from \"@dd-nucleus/nucleus-vue\";\r\n    import TwoStepStepper from '@/site/components/TwoStepStepper';\r\n\r\n    const displayStepper = computed(() => {\r\n        let displayState = {\r\n            showTwoStepper: true,\r\n        };\r\n        return displayState;\r\n    })\r\n\r\n    // State\r\n    const route = useRoute();\r\n\r\n    const isWelcomeKit = route.query.isWelcomeKit === 'true';\r\n    const orderGenerated = route.query.completed === 'true';\r\n    const enableWelcomeKitButton = ref(true);\r\n\r\n    async function downloadPageFlexDocument() {\r\n        const pageFlexDocId = route.query.docId;\r\n        if (Util.isNotEmpty(pageFlexDocId)) {\r\n            const userInfo = site.user;\r\n            const userName = userInfo.userName.replace(\".Test@test.com\", '');\r\n\r\n            var url = `/site/punch-out/get-pdf-proof?userName=${userName}&documentId=${pageFlexDocId}`;\r\n\r\n            await site.downloadHandler.handleDownload(url, `${pageFlexDocId}.pdf`);\r\n        }\r\n    }\r\n\r\n    async function sendPageFlexDocumentForReview() {\r\n        enableWelcomeKitButton.value = false;\r\n        await site.personalizationInfo.sendPageFlexDocument(route.params.id);\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar />\r\n\r\n            <div class=\"root-page-container print-on-demand-customize-step1\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col\">\r\n                        <TwoStepStepper v-if=\"displayStepper.showTwoStepper\" :currentStep=\"stepCounter.TWO\" stepTitle=\"Download\" />\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n                    <div class=\"col\">\r\n                        <div class=\"d-flex justify-content-evenly\">\r\n                            <div v-if=\"isWelcomeKit\">\r\n                                <span>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.</span>\r\n                            </div>\r\n                            <div v-else>\r\n                                <span>Your Customizable Download is ready. You may also access it from My Custom Downloads under My Account.</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row\">\r\n                    <div class=\"col-3\"></div>\r\n                    <div class=\"col-7\">\r\n                        <div class=\"d-flex justify-content-evenly\" v-if=\"orderGenerated\">\r\n                            <button v-if=\"isWelcomeKit\" @click=\"sendPageFlexDocumentForReview\" class=\"btn btn-primary me-3\" :disabled=\"!enableWelcomeKitButton\">Send Email to Marketing Coach for Review</button>\r\n                            <button @click=\"downloadPageFlexDocument\" class=\"btn btn-primary w-full\">Download</button>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-2\"></div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .print-on-demand-customize-step1 {\r\n        label {\r\n            font-weight: bold;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .multi-channel-headline {\r\n            background: $color-3-dk;\r\n        }\r\n\r\n        .multi-channel-detail {\r\n            background: $gray-1;\r\n        }\r\n\r\n        .txt-smaller {\r\n            font-size: 14px;\r\n        }\r\n    }\r\n</style>\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__","<script setup>\r\n\r\n    // PrintOnDemandCustomizeStep1Page\r\n    // Step 1 of 3 on customizing a print on demand piece\r\n\r\n    // Imports \r\n    import { ref, reactive } from 'vue';\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import ThreeStepStepper, { stepCounter } from '@/site/components/ThreeStepStepper';\r\n    import ModalBox from '@/site/components/ModalBox';\r\n    import UserImageLibrary from '@/site/areas/image-library/UserImageLibrary';\r\n    import PdfViewer from '@/site/components/PdfViewer';\r\n\r\n    // State \r\n    let selectedImageId = ref('');\r\n\r\n    let approvals = reactive({\r\n        'finalApproval': false,\r\n        'termsAndConditions': false,\r\n        'noUseInMass': false\r\n    });\r\n\r\n    // TODO: this will come from the API\r\n    let pdfDetails = {\r\n        \"fileUrl\": \"/downloads/SafecoMSC-Relationship-Marketing-Cards.pdf\",\r\n        \"totalPages\": 10\r\n    }   \r\n\r\n    // Methods\r\n    function previewPdf() {\r\n        // TODO: Call the API to re-render the PDF\r\n    }\r\n\r\n    function setSelectedImage(id) {\r\n        selectedImageId.value = id;\r\n    }\r\n\r\n    function uploadImage() {\r\n        // TODO: add the upload image service after the Sirius merge\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <ModalBox modalId=\"imageLibrary\" title=\"Select from Image Library\" modalSize=\"modal-xl\">\r\n                <template v-slot:body>\r\n\r\n                    <UserImageLibrary @selectImage=\"setSelectedImage\"/>\r\n\r\n                </template>\r\n            </ModalBox>\r\n\r\n            <GlobalTabBar/>\r\n\r\n            <div class=\"root-page-container print-on-demand-customize-step1\">\r\n\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <ThreeStepStepper :currentStep=\"stepCounter.ONE\"/>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col border-bottom border-color-1\">\r\n\r\n                        <div class=\"d-flex\">\r\n                            <div class=\"text-color-1\">\r\n                                <h2 class=\"mb-0\">Personalize</h2>\r\n                            </div>\r\n                            <div class=\"ms-auto\">\r\n                                <!-- TODO: Add the correct product name from the API -->\r\n                                Insurance Check Up Form (Customizable) Print On Demand (AP-3967P)\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col-sm-4\">\r\n\r\n                        <h2 class=\"border-bottom border-color-1\">Agent Image (Optional)</h2>\r\n\r\n                        <button @click=\"openImageLibrary\" class=\"btn btn-outline-primary me-3\" data-bs-toggle=\"modal\" data-bs-target=\"#imageLibrary\">\r\n                            Image Library\r\n                        </button>\r\n\r\n                        <input class=\"btn btn-outline-primary w-50\" @change=\"uploadImage\" type=\"file\" id=\"formFile\">\r\n\r\n                        <h2 class=\"mt-5 border-bottom border-color-1\">Preview & Approve</h2>\r\n\r\n                        <button class=\"btn btn-outline-primary mt-2\" @click=\"previewPdf\">\r\n                            Preview PDF\r\n                        </button>\r\n\r\n                        <!-- TODO: Probably need the form components for these -->\r\n                        <div class=\"form-check mt-4\">\r\n                            <input class=\"form-check-input\" type=\"checkbox\" v-model=\"approvals.finalApproval\" id=\"finalApproval\">\r\n                            <label class=\"form-check-label\" for=\"finalApproval\">\r\n                                PDF Preview Content <strong class=\"text-error\">Final Approval</strong>.\r\n                            </label>\r\n                        </div>\r\n                        <div class=\"form-check\">\r\n                            <input class=\"form-check-input\" type=\"checkbox\" v-model=\"approvals.termsAndConditions\" id=\"termsAndConditions\">\r\n                            <label class=\"form-check-label\" for=\"termsAndConditions\">\r\n                                <!-- TODO: link to the correct T&C -->\r\n                                View and Accept <a href=\"#TODO\">Terms and Conditions</a>.\r\n                            </label>\r\n                        </div>\r\n                        <div class=\"form-check\">\r\n                            <input class=\"form-check-input\" type=\"checkbox\" v-model=\"approvals.noUseInMass\" id=\"noUseInMass\">\r\n                            <label class=\"form-check-label\" for=\"noUseInMass\">\r\n                                I Certify that <strong class=\"text-error\">I Will Not</strong> use this Item in the State of Massachusetts.\r\n                            </label>\r\n                        </div>\r\n\r\n                        <div class=\"my-5\">\r\n                            <!-- TODO: Not sure what happens when you click cancel -->\r\n                            <button class=\"btn btn-outline-primary me-3\">\r\n                                Cancel\r\n                            </button>\r\n                            <!-- TODO: Using the form validation make this button enabled based on checkboxes above-->\r\n                            <router-link to=\"/print-on-demand/customize-step-2\" class=\"btn btn-primary\">\r\n                                Next\r\n                            </router-link>\r\n                        </div>\r\n\r\n\r\n                    </div>\r\n\r\n                    <div class=\"col-sm\">\r\n                        <PdfViewer :pdfDetails=\"pdfDetails\" :height=\"700\" />\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .print-on-demand-customize-step1 {\r\n        label {\r\n            font-weight: bold;\r\n            font-size: 1rem;\r\n        }\r\n    }\r\n</style>","import script from \"./PrintOnDemandCustomizeStep1Page.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PrintOnDemandCustomizeStep1Page.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PrintOnDemandCustomizeStep1Page.vue?vue&type=style&index=0&id=41202cde&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // PrintOnDemandCustomizeStep1Page\r\n    // Step 2 of 3 on customizing a print on demand piece\r\n\r\n    // Imports \r\n    import { computed, reactive } from 'vue';\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import ThreeStepStepper, { stepCounter } from '@/site/components/ThreeStepStepper';\r\n\r\n    // State \r\n    // TODO: Sounds like this needs to come from the product record as each product can be unique with these steps\r\n    let quantitySteps = reactive({\r\n        'min': 25,\r\n        'max': 500,\r\n        'step': 25,\r\n        'value': 100,\r\n        'priceEach': 0.25\r\n    });\r\n\r\n    // Computed\r\n    const priceEstimate = computed(() => {\r\n        let total = quantitySteps.priceEach * quantitySteps.value;\r\n        return '$' + Math.trunc(total * 100) / 100;\r\n    });\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar/>\r\n\r\n            <div class=\"root-page-container print-on-demand-customize-step1\">\r\n\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <ThreeStepStepper :currentStep=\"stepCounter.TWO\"/>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col border-bottom border-color-1\">\r\n\r\n                        <div class=\"d-flex\">\r\n                            <div class=\"text-color-1\">\r\n                                <h2 class=\"mb-0\">Select Quantity</h2>\r\n                            </div>\r\n                            <div class=\"ms-auto\">\r\n                                <!-- TODO: Add the correct product name from the API -->\r\n                                Insurance Check Up Form (Customizable) Print On Demand (AP-3967P)\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col-4\">\r\n\r\n                        <div class=\"mb-3\">\r\n                            <label for=\"exampleInputEmail1\" class=\"form-label\">Quantity</label>\r\n                            <input type=\"number\" class=\"form-control\" :min=\"quantitySteps.min\" :max=\"quantitySteps.max\" :step=\"quantitySteps.step\" v-model=\"quantitySteps.value\">\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n                            <label class=\"form-label\">Price Estimate</label>\r\n                            <input type=\"text\" class=\"form-control\" v-model=\"priceEstimate\" disabled>\r\n                        </div>\r\n\r\n                        <div class=\"mb-5\">\r\n                            <router-link to=\"/print-on-demand/customize-step-1\" class=\"btn btn-outline-primary me-3\">\r\n                                Previous\r\n                            </router-link>\r\n                            <!-- TODO: Using the form validation make this button enabled based on checkboxes above-->\r\n                            <router-link to=\"/print-on-demand/customize-step-3\" class=\"btn btn-primary\">\r\n                                Next\r\n                            </router-link>\r\n                        </div>\r\n                    </div>\r\n                    \r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .print-on-demand-customize-step2 {\r\n        label {\r\n            font-weight: bold;\r\n            font-size: 1rem;\r\n        }\r\n    }\r\n</style>","import script from \"./PrintOnDemandCustomizeStep2Page.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PrintOnDemandCustomizeStep2Page.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PrintOnDemandCustomizeStep2Page.vue?vue&type=style&index=0&id=d88a14ac&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // PrintOnDemandCustomizeStep1Page\r\n    // Step 3 of 3 on customizing a print on demand piece\r\n\r\n    // Imports \r\n    import { ref, reactive, computed } from 'vue';\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import ThreeStepStepper, { stepCounter } from '@/site/components/ThreeStepStepper';\r\n    import PdfViewer from '@/site/components/PdfViewer';\r\n\r\n    // State\r\n    let showQty = ref(true);\r\n\r\n    // TODO: Sounds like this needs to come from the product record as each product can be unique with these steps\r\n    let quantitySteps = reactive({\r\n        'min': 25,\r\n        'max': 500,\r\n        'step': 25,\r\n        'value': 100,\r\n        'priceEach': 0.25\r\n    });\r\n\r\n    // TODO: this will come from the API\r\n    let pdfDetails = {\r\n        \"fileUrl\": \"/downloads/SafecoMSC-Relationship-Marketing-Cards.pdf\",\r\n        \"totalPages\": 10\r\n    }\r\n\r\n    // Methods\r\n    function addToCart() {\r\n        // TODO: Call the API to call the customized POD product to the cart\r\n    }\r\n\r\n    function previewPdf() {\r\n        // TODO: Call the API to get a preview PDF \r\n    }\r\n\r\n    function changeQty() {\r\n        showQty.value = false;\r\n    }\r\n\r\n    function saveQty() {\r\n        showQty.value = true;\r\n    }\r\n\r\n    // Computed\r\n    const priceEstimate = computed(() => {\r\n        let total = quantitySteps.priceEach * quantitySteps.value;\r\n        return '$' + Math.trunc(total * 100) / 100;\r\n    });\r\n\r\n\r\n    \r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar/>\r\n\r\n            <div class=\"root-page-container print-on-demand-customize-step3\">\r\n\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <ThreeStepStepper :currentStep=\"stepCounter.THREE\"/>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col border-bottom border-color-1\">\r\n\r\n                        <div class=\"d-flex\">\r\n                            <div class=\"text-color-1\">\r\n                                <h2 class=\"mb-0\">Review & Add to Cart</h2>\r\n                            </div>\r\n                            <div class=\"ms-auto\">\r\n                                <!-- TODO: Add the correct product name from the API -->\r\n                                Insurance Check Up Form (Customizable) Print On Demand (AP-3967P)\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col-sm-4\">\r\n\r\n                        <div class=\"mb-1 fw-bold\">\r\n                            Product\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n                            <!-- TODO: Add the correct product name and link -->\r\n                            <router-link to=\"#TODO\" class=\"no-underline\">\r\n                                Insurance  Check Up Form (Customizable) Print On Demand\r\n                            </router-link>\r\n                        </div>\r\n\r\n                        <div class=\"mb-1 fw-bold\">\r\n                            Product ID\r\n                        </div>\r\n\r\n                        <div class=\"mb-3\">\r\n                            <!-- TODO: Add the correct product name and link -->\r\n                            <router-link to=\"#TODO\" class=\"no-underline\">\r\n                                AP-3967P\r\n                            </router-link>\r\n                        </div>\r\n\r\n                        <div class=\"mb-1 fw-bold\">\r\n                            Total Order Count\r\n                            <i @click=\"changeQty\" v-if=\"showQty\" class=\"bi bi-pencil-fill text-color-2-dk\"></i>\r\n                            <i @click=\"saveQty\" v-else class=\"bi bi-save-fill text-color-2-dk\"></i>\r\n                        </div>\r\n\r\n                        <div class=\"mb-5 text-color-2-dk\" v-if=\"showQty\">\r\n                            {{quantitySteps.value}}\r\n                        </div>\r\n\r\n                        <div class=\"mb-5 text-color-2-dk\" v-else>\r\n                            <input type=\"number\" class=\"form-control w-50\" :min=\"quantitySteps.min\" :max=\"quantitySteps.max\" :step=\"quantitySteps.step\" v-model=\"quantitySteps.value\">\r\n                        </div>\r\n\r\n                        <div class=\"mb-5\">\r\n                            <p>Note: Turn off Pop-up Blocker to allow for PDF previewing.</p>\r\n                            <button class=\"btn btn-primary\" @click=\"previewPdf\">\r\n                                Preview PDF\r\n                            </button>\r\n                        </div>\r\n\r\n                        <div class=\"mb-5\">\r\n\r\n                            <table class=\"table\">\r\n\r\n                                <thead class=\"bg-color-3-lt\">\r\n                                    <tr>\r\n                                        <th class=\"border-end border-gray-0\">Quantity</th>\r\n                                        <th>Price</th>\r\n                                    </tr>\r\n                                </thead>\r\n\r\n                                <tbody class=\"table-group-divider\">\r\n                                    <tr>\r\n                                        <th>{{quantitySteps.value}}</th>\r\n                                        <td>{{priceEstimate}}</td>\r\n                                    </tr>\r\n                                </tbody>\r\n                            </table>\r\n\r\n                        </div>\r\n\r\n                        \r\n                        <div class=\"my-5\">\r\n                            <router-link to=\"/print-on-demand/customize-step-2\" class=\"btn btn-outline-primary me-3\">\r\n                                Previous\r\n                            </router-link>\r\n                            <button class=\"btn btn-primary\" @click=\"addToCart\">\r\n                                Add to Cart\r\n                            </button>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"col-sm\">\r\n                        <PdfViewer :pdfDetails=\"pdfDetails\" :height=\"700\" />\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .print-on-demand-customize-step3 {\r\n    }\r\n</style>","import script from \"./PrintOnDemandCustomizeStep3Page.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PrintOnDemandCustomizeStep3Page.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PrintOnDemandCustomizeStep3Page.vue?vue&type=style&index=0&id=d17d20de&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // AnnualAutoPersonalizationSubCodesPage\r\n    // Annual Auto process to select the same personalization for all sub codes \r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n\r\n    // Methods\r\n    function samePersonalization(isSame) {\r\n        // TODO: add the functionality to include the same personalization\r\n        console.log(\"button clicked was: \", isSame);\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar />\r\n\r\n            <div class=\"root-page-container annual-auto-personalization-sub-codes\">\r\n\r\n                <div class=\"row mt-5\">\r\n\r\n                    <div class=\"col text-center\">\r\n\r\n                        <h1>\r\n                            Would you like to apply the same personalization for all the Sub Codes selected?\r\n                        </h1>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col text-center\">\r\n\r\n                        <button class=\"btn btn-outline-primary me-3\" @click=\"samePersonalization(false)\">No</button>\r\n                        <button class=\"btn btn-primary\" @click=\"samePersonalization(true)\">Yes</button>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col\">\r\n                        <!-- TODO: Add the route to go back -->\r\n                        <router-link to=\"#TODO\" class=\"btn btn-outline-primary\">Previous</router-link>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .annual-auto-personalization-sub-codes {\r\n    }\r\n</style>","import script from \"./AnnualAutoPersonalizationSubCodesPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AnnualAutoPersonalizationSubCodesPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AnnualAutoPersonalizationSubCodesPage.vue?vue&type=style&index=0&id=06c21dde&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // AnnualAutoSelectSubCodesPage\r\n    // Page for selecting sub codes\r\n\r\n    import { ref, reactive } from 'vue';\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n\r\n    // State \r\n    // TODO these should be retrieved from an API \r\n    const subCodes = [\r\n        { \"id\": 33, \"name\": \"21-02-8212 - Agency Name LLC (33)\" },\r\n        { \"id\": 7, \"name\": \"21-02-2073 - Agency Name LLC (7)\" },\r\n        { \"id\": 1, \"name\": \"21-02-1141 - Agency Name LLC (1)\" },\r\n        { \"id\": 9, \"name\": \"21-02-2518 - Agency Name LLC (9)\" },\r\n        { \"id\": 50, \"name\": \"21-02-1234  - Agency Name LLC (50)\" },\r\n        { \"id\": 10, \"name\": \"21-02-1234  - Agency Name LLC (10)\" },\r\n        { \"id\": 5, \"name\": \"21-02-1234  - Agency Name LLC (5)\" },\r\n        { \"id\": 25, \"name\": \"21-02-1234  - Agency Name LLC (25)\" },\r\n    ];\r\n\r\n    const allSelected = ref(false);\r\n\r\n    const selected = reactive({ value: [] });\r\n\r\n    // Methods\r\n    function clearAll() {\r\n        selected.value = [];\r\n        allSelected.value = false;\r\n    }\r\n\r\n    function select() {\r\n        if (selected.value.length == subCodes.length) {\r\n            allSelected.value = true;\r\n        } else {\r\n            allSelected.value = false;\r\n        }\r\n    }\r\n\r\n    function selectAll() {\r\n        if (allSelected.value) {\r\n            selected.value = subCodes.map((u) => u.id);\r\n        } else {\r\n            selected.value = [];\r\n        }\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar />\r\n\r\n            <div class=\"root-page-container annual-auto-select-sub-codes\">\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col text-center\">\r\n\r\n                        <h1>The Sub Codes below will be included.</h1>\r\n                        \r\n                        <h3>Unselect any Sub Codes you would like to exclude.</h3>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col-sm-4 offset-sm-4\">\r\n\r\n                        <div class=\"mb-3\">\r\n                            <a href=\"#\" @click=\"clearAll\" class=\"no-underline\">Clear All</a>\r\n                        </div>\r\n\r\n                        <div class=\"mb-3 form-check\">\r\n                            <input type=\"checkbox\" class=\"form-check-input\" v-model=\"allSelected\" @change=\"selectAll\" id=\"selectAll\">\r\n                            <label class=\"form-check-label fw-bold\" for=\"selectAll\">All Sub Codes</label>\r\n                        </div>\r\n\r\n                        <template v-for=\"code in subCodes\" :key=\"code.id\">\r\n                            <div class=\"mb-3 form-check\">\r\n                                <input type=\"checkbox\" v-model=\"selected.value\" @click=\"select($event)\" :value=\"code.id\" class=\"form-check-input\" :id=\"'subCode' + code.id\">\r\n                                <label class=\"form-check-label\" :for=\"'subCode' + code.id\">{{code.name}}</label>\r\n                            </div>\r\n                        </template>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col text-center\">\r\n\r\n                        <button class=\"btn btn-outline-primary me-3\">Previous</button>\r\n                        <button class=\"btn btn-primary\">Next</button>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .annual-auto-select-sub-codes {\r\n    }\r\n</style>","import script from \"./AnnualAutoSelectSubCodesPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AnnualAutoSelectSubCodesPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AnnualAutoSelectSubCodesPage.vue?vue&type=style&index=0&id=defab0ea&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\r\n\r\n    // CustomizableDownloadStepper\r\n    // stepper for customizable stepper\r\n    // Constants:\r\n    // - stepCounter - is used to determine the current step you are on.\r\n\r\n    // Constants\r\n    const constants = {\r\n        stepCounter: {\r\n            ONE: 1,\r\n            TWO: 2\r\n        }\r\n    };\r\n\r\n    // Exports\r\n    export const stepCounter = constants.stepCounter;\r\n\r\n</script>\r\n\r\n<script setup>\r\n\r\n    // SelectMailListStepper\r\n    // Cross sell program 4 step stepper\r\n    import { defineProps, computed } from 'vue';\r\n\r\n    // Constants\r\n    const stepStatus = {\r\n        CURRENT: 'current',\r\n        COMPLETED: 'completed'\r\n    }\r\n\r\n    const steps = {\r\n        STEP1: {\r\n            step1: stepStatus.CURRENT\r\n        },\r\n        STEP2: {\r\n            step1: stepStatus.COMPLETED,\r\n            step2: stepStatus.CURRENT\r\n        }\r\n    }\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        currentStep: {\r\n            type: Number,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    // Computed ----\r\n    // Step determines which classes to output based on the currentStep prop.\r\n    const step = computed(() => {\r\n\r\n        switch (props.currentStep) {\r\n            case 1:\r\n                return steps.STEP1;\r\n            case 2:\r\n                return steps.STEP2;\r\n            default:\r\n                return {}\r\n        }\r\n    });\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"customizable-download-stepper\">\r\n\r\n        <div class=\"row\">\r\n\r\n            <div class=\"col\">\r\n\r\n                <div class=\"d-flex justify-content-evenly step-container\">\r\n\r\n                    <div class=\"step\" :class=\"step.step1\">\r\n\r\n                        <div class=\"step-number\">\r\n                            <span v-if=\"step.step1 == stepStatus.COMPLETED\">\r\n                                <i class=\"bi bi-check-lg\"></i>\r\n                            </span>\r\n                            <span v-else>\r\n                                1\r\n                            </span>\r\n                        </div>\r\n\r\n                        <div class=\"step-name\">\r\n                            Personalize\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"step\" :class=\"step.step2\">\r\n\r\n                        <div class=\"step-number\">\r\n                            <span v-if=\"step.step2 == stepStatus.COMPLETED\">\r\n                                <i class=\"bi bi-check-lg\"></i>\r\n                            </span>\r\n                            <span v-else>\r\n                                2\r\n                            </span>\r\n                        </div>\r\n\r\n                        <div class=\"step-name\">\r\n                            Download\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .customizable-download-stepper {\r\n\r\n        .step-container {\r\n            position: relative;\r\n\r\n            &:before {\r\n                border-top: 2px solid $gray-2;\r\n                content: \"\";\r\n                margin: 0 auto;\r\n                position: absolute;\r\n                top: calc(50% - 15px);\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                width: 38%;\r\n                z-index: -1;\r\n            }\r\n        }\r\n\r\n        .step {\r\n            text-align: center;\r\n        }\r\n        // TODO: add the variables for success alert\r\n        .current .step-number {\r\n            color: #008040;\r\n            border: 2px solid #008040;\r\n        }\r\n        // TODO: add the variables for success alert\r\n        .completed .step-number {\r\n            color: $gray-0;\r\n            background: #008040;\r\n        }\r\n\r\n        .step-number {\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            border: 1px solid $gray-2;\r\n            text-align: center;\r\n            line-height: 60px;\r\n            font-weight: bold;\r\n            font-size: 1.875rem;\r\n            color: $gray-2;\r\n            display: inline-block;\r\n            background: $gray-0;\r\n        }\r\n\r\n        .step-name {\r\n            font-size: 1.375rem;\r\n            color: $gray-2;\r\n        }\r\n\r\n        .current .step-name {\r\n            color: $gray-3;\r\n            font-weight: bold;\r\n        }\r\n    }\r\n</style>","import script from \"./CustomizableDownloadStepper.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CustomizableDownloadStepper.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CustomizableDownloadStepper.vue?vue&type=style&index=0&id=bd0067ca&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // CustomizableDownloadStep1Page\r\n    // Step 1 of 2 on customizing a downloadable piece \r\n\r\n    // Imports\r\n    import { ref, reactive } from 'vue';\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import CustomizableDownloadStepper, { stepCounter } from '@/site/components/CustomizableDownloadStepper';\r\n    import ModalBox from '@/site/components/ModalBox';\r\n    import UserImageLibrary from '@/site/areas/image-library/UserImageLibrary';\r\n    import ImageDropZone from '@/site/areas/image-library/ImageDropZone';\r\n    import PdfViewer from '@/site/components/PdfViewer';\r\n\r\n    // State\r\n    const selectedImageId = ref('');\r\n\r\n    const approvals = reactive({\r\n        'finalApproval': false,\r\n        'termsAndConditions': false,\r\n        'noUseInMass': false\r\n    });\r\n\r\n    // TODO: this will come from the API\r\n    const pdfDetails = {\r\n        \"fileUrl\": \"/downloads/SafecoMSC-Relationship-Marketing-Cards.pdf\",\r\n        \"totalPages\": 10\r\n    }\r\n\r\n    // Methods\r\n    function previewPdf() {\r\n        // TODO: Call the API to re-render the PDF\r\n    }\r\n\r\n    function setSelectedImage(id) {\r\n        selectedImageId.value = id;\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <ModalBox modalId=\"imageLibrary\" title=\"Select from Image Library\" modalSize=\"modal-xl\">\r\n                <template v-slot:body>\r\n\r\n                    <UserImageLibrary @selectImage=\"setSelectedImage\" />\r\n\r\n                </template>\r\n            </ModalBox>\r\n\r\n            <ModalBox modalId=\"imageDropZone\" title=\"Upload Image\" modalSize=\"modal-lg\">\r\n                <template v-slot:body>\r\n\r\n                    <ImageDropZone />\r\n\r\n                </template>\r\n            </ModalBox>\r\n\r\n            <GlobalTabBar />\r\n\r\n            <div class=\"root-page-container print-on-demand-customize-step1 pb-5\">\r\n\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <CustomizableDownloadStepper :currentStep=\"stepCounter.ONE\" />\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col border-bottom border-color-1\">\r\n\r\n                        <div class=\"d-flex\">\r\n                            <div class=\"text-color-1\">\r\n                                <h2 class=\"mb-0\">Personalize</h2>\r\n                            </div>\r\n                            <div class=\"ms-auto\">\r\n                                <!-- TODO: Add the correct product name from the API -->\r\n                                Insurance Check Up Form (Customizable) Print On Demand (AP-3967P)\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col-sm-4\">\r\n\r\n                        <h2 class=\"border-bottom border-color-1\">Agent Image (Optional)</h2>\r\n\r\n                        <button @click=\"openImageLibrary\" class=\"btn btn-outline-primary me-3\" data-bs-toggle=\"modal\" data-bs-target=\"#imageLibrary\">\r\n                            Image Library\r\n                        </button>\r\n\r\n                        <button class=\"btn btn-outline-primary\" data-bs-toggle=\"modal\" data-bs-target=\"#imageDropZone\">\r\n                            Upload New Image\r\n                        </button>\r\n\r\n                        <h2 class=\"mt-5 border-bottom border-color-1\">Preview & Approve</h2>\r\n\r\n                        <button class=\"btn btn-outline-primary mt-2\" @click=\"previewPdf\">\r\n                            Preview PDF\r\n                        </button>\r\n\r\n                        <!-- TODO: Probably need the form components for these -->\r\n                        <div class=\"form-check mt-4\">\r\n                            <input class=\"form-check-input\" type=\"checkbox\" v-model=\"approvals.finalApproval\" id=\"finalApproval\">\r\n                            <label class=\"form-check-label\" for=\"finalApproval\">\r\n                                PDF Preview Content <strong class=\"text-error\">Final Approval</strong>.\r\n                            </label>\r\n                        </div>\r\n                        <div class=\"form-check\">\r\n                            <input class=\"form-check-input\" type=\"checkbox\" v-model=\"approvals.termsAndConditions\" id=\"termsAndConditions\">\r\n                            <label class=\"form-check-label\" for=\"termsAndConditions\">\r\n                                <!-- TODO: link to the correct T&C -->\r\n                                View and Accept <a href=\"#TODO\">Terms and Conditions</a>.\r\n                            </label>\r\n                        </div>\r\n                        <div class=\"form-check\">\r\n                            <input class=\"form-check-input\" type=\"checkbox\" v-model=\"approvals.noUseInMass\" id=\"noUseInMass\">\r\n                            <label class=\"form-check-label\" for=\"noUseInMass\">\r\n                                I Certify that <strong class=\"text-error\">I Will Not</strong> use this Item in the State of Massachusetts.\r\n                            </label>\r\n                        </div>\r\n\r\n                        <div class=\"my-5\">\r\n                            <!-- TODO: Not sure what happens when you click cancel -->\r\n                            <button class=\"btn btn-outline-primary me-3\">\r\n                                Cancel\r\n                            </button>\r\n                            <!-- TODO: Using the form validation make this button enabled based on checkboxes above-->\r\n                            <router-link to=\"/customizable-download-step2\" class=\"btn btn-primary\">\r\n                                Next\r\n                            </router-link>\r\n                        </div>\r\n\r\n\r\n                    </div>\r\n\r\n                    <div class=\"col-sm\">\r\n                        <PdfViewer :pdfDetails=\"pdfDetails\" :height=\"700\" />\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .customizable-download-step1 {\r\n        label {\r\n            font-weight: bold;\r\n            font-size: 1rem;\r\n        }\r\n    }\r\n</style>","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__","<script setup>\r\n\r\n    // CustomizableDownloadStep2Page\r\n    // Step 2 of 2 on customizing a downloadable piece \r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import CustomizableDownloadStepper, { stepCounter } from '@/site/components/CustomizableDownloadStepper';\r\n\r\n    // Methods\r\n    function download() {\r\n        // TODO: Call the API to download the PDF \r\n    }\r\n</script>\r\n\r\n<template>\r\n\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar />\r\n\r\n            <div class=\"root-page-container print-on-demand-customize-step2\">\r\n\r\n\r\n                <div class=\"row mb-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <CustomizableDownloadStepper :currentStep=\"stepCounter.TWO\" />\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row mt-5\">\r\n\r\n                    <div class=\"col-sm-6 offset-sm-3 text-center\">\r\n\r\n                        <h1>Your Customizable Download is Ready.</h1>\r\n\r\n                        <p>You may also download this item at any later date from <router-link to=\"/my-order-history-lists\" class=\"no-underline\">Order History</router-link>.</p>\r\n\r\n                        <div class=\"my-5\">\r\n                            <!-- TODO: Continue Shopping should go to the all search results page -->\r\n                            <router-link to=\"/\" class=\"btn btn-outline-primary me-3\">Continue Shopping</router-link>\r\n                            <button class=\"btn btn-primary\" @click=\"download\">Download</button>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </PageTemplate>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .customizable-download-step2 {\r\n    }\r\n</style>","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__","<script setup>\r\n\r\n    // AnnualAutoExpressOrderingPage\r\n    // Determines if productin being ordered is going to be sent express\r\n\r\n    // TODO: It might make sense to make this into a component instead of a page.\r\n    // TODO: This is also duplicated but for time and not knowing the exact requirements.\r\n    // TODO:  Two pages were created for this also at /areas/cross-sell/CrossSellExpressOrderingPage.vue \r\n\r\n    // CREATIVE NOTES: This screen is only visible if OM has opportunities and their Sub Codes have opportunities.\r\n    // CREATIVE NOTES: The system would recognize if there are no sub Sub Codes for this Agency and this step would be skipped. User would then be taken directly to the Personalization Screen.\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n\r\n    // Methods\r\n    function expressOrdering(isExpress) {\r\n        // TODO: add the functionality to include Express Ordering\r\n        console.log(\"button clicked was: \", isExpress);\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar />\r\n\r\n            <div class=\"root-page-container cross-sell-express-ordering\">\r\n\r\n                <div class=\"row mt-5\">\r\n\r\n                    <div class=\"col-sm-8 offset-sm-2 text-center\">\r\n\r\n                        <h1>\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                        </h1>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col text-center\">\r\n\r\n                        <button class=\"btn btn-outline-primary me-3\" @click=\"expressOrdering(false)\">No</button>\r\n                        <button class=\"btn btn-primary\" @click=\"expressOrdering(true)\">Yes</button>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .cross-sell-express-ordering{\r\n\r\n    }\r\n</style>","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__","<script setup>\r\n\r\n    // AnnualAutoSelectChannelPage\r\n    // Annual Auto how to select the channel to market too\r\n\r\n    // Constants \r\n    const channels = {\r\n        DIRECT_MAIL: 'direct mail',\r\n        EMAIL: 'email',\r\n        MULTI_CHANNEL_CAMPAIGN: 'multi-channel compaign'\r\n\r\n    }\r\n\r\n    // Components\r\n    import PageTemplate from '@/template/PageTemplate';\r\n    import GlobalTabBar from '@/site/components/GlobalTabBar';\r\n    import ToolTip from '@/site/components/ToolTip';\r\n\r\n    // Methods\r\n    function selectChannel(selectedChannel) {\r\n        // TODO: add the functionality to include Express Ordering\r\n        console.log(\"button clicked was: \", selectedChannel);\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageTemplate>\r\n\r\n        <div class=\"container root-page\">\r\n\r\n            <GlobalTabBar/>\r\n\r\n            <div class=\"root-page-container annual-auto-select-channel\">\r\n\r\n                <div class=\"row mt-5\">\r\n\r\n                    <div class=\"col-sm-8 offset-sm-2 text-center\">\r\n\r\n                        <h1>\r\n                            How would you like to notify your 6-month auto policyholders of conversion to a 12-month policy?\r\n                        </h1>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col text-center\">\r\n\r\n                        <div class=\"pro-tip\">\r\n                            <ToolTip>\r\n                                <p class=\"mb-3 tip-text\">\r\n                                    Pro tip on how these different marketing channels work together.\r\n                                    <i class=\"bi bi-chevron-right\"></i>\r\n                                </p>\r\n                                <template #content>\r\n                                    <div class=\"text-start\">\r\n                                        <h4 class=\"fw-bold\">Pro Tip</h4>\r\n                                        <div class=\"d-flex gap-2\">\r\n                                            <img src=\"/images/icons/boost-conversions.png\" alt=\"Boost conversions\" class=\"img-fluid\" />\r\n                                            <p class=\"fs-5 mb-0\">\r\n                                                <span class=\"fw-bold\">Boost conversions: </span>\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                                            </p>\r\n                                        </div>\r\n                                        <p class=\"text-end fs-6 mb-0\">SOURCE: Marketing Insider Group</p>\r\n                                    </div>\r\n                                </template>\r\n                            </ToolTip>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <div class=\"d-flex justify-content-center\">\r\n\r\n                            <div class=\"text-center me-5\">\r\n\r\n                                <img src=\"/images/select-channel-direct-mail.png\" class=\"img-fluid\" alt=\"direct mail\" />\r\n\r\n                                <div>\r\n                                    <button class=\"btn btn-primary\" @click=\"selectChannel(channels.DIRECT_MAIL)\">Direct Mail</button>\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"text-center me-5\">\r\n\r\n                                <img src=\"/images/select-channel-email.png\" class=\"img-fluid\" alt=\"email\" />\r\n\r\n                                <div>\r\n                                    <button class=\"btn btn-primary\" @click=\"selectChannel(channels.EMAIL)\">Email</button>\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                            <div class=\"text-center\">\r\n\r\n                                <img src=\"/images/select-channel-mutli-channel-campaign.png\" class=\"img-fluid\" alt=\"multi-channel campaign\" />\r\n\r\n                                <div>\r\n                                    <button class=\"btn btn-primary\" @click=\"selectChannel(channels.MULTI_CHANNEL_CAMPAIGN)\">Multi-Channel (Direct Mail & Email)</button>\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row my-5\">\r\n\r\n                    <div class=\"col\">\r\n\r\n                        <!-- TODO: make this go to the previous page-->\r\n                        <router-link to=\"#TODO\" class=\"btn btn-outline-primary\">Previous</router-link>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </PageTemplate>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .annual-auto-select-channel {\r\n        .pro-tip > div {\r\n            position: relative;\r\n        }\r\n\r\n        .pro-tip {\r\n            img {\r\n                width: 95px;\r\n                height: 95px;\r\n            }\r\n\r\n            .tip-text {\r\n                color: $color-2-dk;\r\n                cursor: pointer;\r\n                line-height: 27px;\r\n                i {\r\n                    font-size: 12px;\r\n                }\r\n                &:hover {\r\n                    text-decoration: underline;\r\n                }\r\n            }\r\n        }\r\n    }\r\n</style>","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__","<script setup>\r\n\r\n    // IconPanel\r\n    // Icon Panel for use when we have an icon in the header of the panel\r\n    import { onMounted } from 'vue';\r\n    import { useRouter, useRoute } from 'vue-router';\r\n\r\n    const router = useRouter();\r\n    const route = useRoute();\r\n\r\n    onMounted(() => {\r\n        const redirectUrl = route.query.redirectUrl\r\n        if (redirectUrl) {\r\n            router.push({\r\n                path: redirectUrl,\r\n                query: { ...route.query }\r\n            });\r\n        }\r\n        else {\r\n            router.push(\"/\");\r\n        }\r\n    });\r\n\r\n</script>\r\n<template>\r\n    <div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n</style>\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__","<script setup>\r\n    // Imports\r\n    import { onMounted } from 'vue';\r\n    import { site } from '@/Site';\r\n    import { useRoute } from 'vue-router';\r\n\r\n    // Components\r\n    import { isNotEmpty } from '@/util';\r\n\r\n    // State\r\n    const route = useRoute();    \r\n    \r\n    // Handlers ----\r\n    onMounted(async () => {\r\n        const type = route.query.t;\r\n        const guid = route.query.i;\r\n        const email = route.query.e;\r\n\r\n        if (isNotEmpty(type) && isNotEmpty(guid) && isNotEmpty(email)) {\r\n            await site.mwsOptOutEmail.trackEmail(type, guid);\r\n            const MWS_OPT_OUT_REDIRECT_URL = process.env.VUE_APP_MWS_OPT_OUT_REDIRECT_URL;\r\n            window.parent.location.href = MWS_OPT_OUT_REDIRECT_URL + \"?tab=remove&id=\" + guid + \"&e=\" + email;\r\n        }\r\n    })\r\n\r\n</script>\r\n\r\n<template>\r\n    <div><p>Loading..</p></div>\r\n</template>","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__","<script setup>\r\n\r\n    // GenericFooter\r\n    // Used as a footer for generic footer excluding contact us/feedback links.\r\n\r\n    import { PageFooterContainer } from '@dd-nucleus/nucleus-vue';\r\n\r\n    const date = new Date()\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageFooterContainer>\r\n        <div class=\"row\">\r\n            <div class=\"col-2\">\r\n                <img src=\"@/../public/images/footer-logo.png\" alt=\"Safeco Insurance, a Liberty Mutual Company\">\r\n            </div>\r\n            <div class=\"col\">\r\n                <div class=\"trademark\">\r\n                    Safeco Insurance. For Agent Use Only.\r\n                    <a href=\"https://open.dpec.safeco.com/viewtermsofuse\" target=\"_blank\">Terms of Use</a>\r\n                    &copy; {{ date.getFullYear() }} Liberty Mutual Insurance.\r\n                    <span class=\"california-icon\">\r\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                            <path d=\"M18 6H6C2.685 6 0 8.685 0 12C0 15.315 2.685 18 6 18H18C21.315 18 24 15.315 24 12C24 8.685 21.315 6 18 6ZM19.83 13.735C19.975 13.88 19.975 14.12 19.83 14.265C19.755 14.34 19.66 14.375 19.565 14.375C19.47 14.375 19.375 14.34 19.3 14.265L17.565 12.53L15.83 14.265C15.755 14.34 15.66 14.375 15.565 14.375C15.47 14.375 15.375 14.34 15.3 14.265C15.155 14.12 15.155 13.88 15.3 13.735L17.035 12L15.3 10.265C15.155 10.12 15.155 9.88 15.3 9.735C15.445 9.59 15.685 9.59 15.83 9.735L17.565 11.47L19.3 9.735C19.445 9.59 19.685 9.59 19.83 9.735C19.975 9.88 19.975 10.12 19.83 10.265L18.095 12L19.83 13.735ZM6 17.25C3.105 17.25 0.75 14.895 0.75 12C0.75 9.105 3.105 6.75 6 6.75H13.69L9.315 17.25H6.005H6ZM9.66 10.265L5.395 14.53L3.39 12.525C3.245 12.38 3.245 12.14 3.39 11.995C3.535 11.85 3.775 11.85 3.92 11.995L5.395 13.47L9.13 9.735C9.275 9.59 9.515 9.59 9.66 9.735C9.805 9.88 9.805 10.12 9.66 10.265Z\" fill=\"white\" />\r\n                        </svg>\r\n                    </span>\r\n                    <a class=\"california-link\" href=\"https://privacyportal.onetrust.com/hosted-webform/consent/50577d86-8d39-4310-9583-33e6d3da8e17/9b108b70-4ef6-4d93-b7ec-60e41f03b292\" target=\"_blank\">Your California Privacy Choices</a>\r\n                    <span class=\"privacy-policy\">\r\n                        <a href=\"https://www.libertymutualgroup.com/about-lm/corporate-information/privacy-policy\" target=\"_blank\">Privacy Policy</a>\r\n                    </span>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </PageFooterContainer>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .n-footer .trademark {\r\n        margin-top: 1rem;\r\n        font-size: 0.75rem;\r\n\r\n        a, a:visited {\r\n            color: $footer-text-color;\r\n        }\r\n\r\n        a:hover {\r\n            color: $footer-text-hover-color;\r\n        }\r\n\r\n        .california-link {\r\n            margin-left: 4px;\r\n            font-weight: 100;\r\n        }\r\n\r\n        .privacy-policy {\r\n            margin-left: 12px;\r\n            font-weight: 100;\r\n        }\r\n\r\n        .california-icon {\r\n            margin-left: 12px;\r\n        }\r\n    }\r\n</style>","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=1306c089&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n    \r\n    //MWSEmailOptOutPage\r\n    // Imports\r\n    import { ref, onMounted } from 'vue';\r\n    import { site } from '@/Site';\r\n    import GenericHeader from '@/template/components/GenericHeader';\r\n    import GenericFooter from '@/template/components/GenericFooter';\r\n    import { useRouter, useRoute } from 'vue-router';\r\n    import { Util } from \"@dd-nucleus/nucleus-vue\";\r\n\r\n    // Components\r\n    import { isNotEmpty } from '@/util';\r\n    const router = useRouter();\r\n    const route = useRoute(); \r\n\r\n    // State\r\n    const email = ref(\"\");\r\n    const isValidEmail = ref(true);\r\n\r\n    function validateEmail () {\r\n        const regex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\r\n        isValidEmail.value = regex.test(email.value);\r\n    }\r\n\r\n    async function emailOptOut() {\r\n             if (isNotEmpty(email.value)) {\r\n           const response = await site.mwsEmailOptOut.EmailOptOut(email.value); \r\n          if (response === true) {\r\n            router.push({\r\n                name: 'optoutacknowledged',\r\n                params: {\r\n                        id: email.value\r\n                }\r\n            });\r\n           }\r\n          }\r\n    }\r\n\r\n    // Handlers ----\r\n    onMounted(async () => {\r\n        email.value = route.query.e;\r\n    })\r\n        \r\n\r\n</script>\r\n\r\n<template>\r\n    <GenericHeader>\r\n        <template v-slot:subHeader>\r\n            <div class=\"optout-head-bar col-8\">\r\n                <p class=\"mws-header\">Moving With Safeco</p>\r\n            </div>\r\n        </template>\r\n    </GenericHeader>\r\n    <div class=\"container root-page\">\r\n        <div class=\"row mt-4\">\r\n            <div class=\"col-sm-8 offset-sm-2 text-center\">\r\n                <p class=\"email-label\">Please enter your email address. <span v-if=\"!Util.isNotEmpty(email)\" class=\"text-danger\">(Required)</span> </p>\r\n            </div>\r\n        </div>\r\n        <div class=\"row\">\r\n            <div class=\"col-sm-8 offset-sm-2 text-center\">\r\n                <div>\r\n                    <input type=\"email\" v-model=\"email\" class=\"input\" @input=\"validateEmail\" placeholder=\"Enter email address\">\r\n                    <p v-if=\"!isValidEmail && email !== ''\" style=\"color:red;\">Please enter a valid email address</p>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"row mt-3\">\r\n            <div class=\"col-sm-12 text-center\">\r\n                <p>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.</p>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-sm-8 offset-sm-2 text-center\">\r\n            <div class=\"mb-3\">\r\n                <button class=\"btn btn-color-1\" v-bind:disabled=\"!isValidEmail && email !== ''\" @click=\"emailOptOut(email)\">Opt-Out</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <GenericFooter />\r\n\r\n</template>\r\n\r\n<style lang='scss'>\r\n    .email-label {\r\n        font-weight:700;\r\n        }\r\n    .input {\r\n        width :360px;\r\n    }\r\n\r\n    .optout-head-bar {\r\n        text-align: left;\r\n        padding-top: 1.5rem;\r\n        padding-bottom: 1.5rem;\r\n        padding-left: 2rem;\r\n    }\r\n    .mws-header {\r\n        color: white;\r\n        font-size: 38px;\r\n        padding-left: 1rem;\r\n        font-family: Calibri light;\r\n    }\r\n</style>","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__","<script setup>\r\n    \r\n    //MWSAcknowledgementPage\r\n    // Imports\r\n    import { ref, onMounted } from 'vue';\r\n    import GenericHeader from '@/template/components/GenericHeader';\r\n    import GenericFooter from '@/template/components/GenericFooter';\r\n    import { useRoute } from 'vue-router';\r\n   \r\n    const route = useRoute();\r\n    const email = ref('');\r\n\r\n    // Handlers ----\r\n    onMounted(async () => {\r\n       email.value = route.params.id; \r\n    })\r\n\r\n</script>\r\n\r\n<template>\r\n    <GenericHeader>\r\n        <template v-slot:subHeader>\r\n            <div class=\"optout-head-bar col-8\">\r\n                <p class=\"mws-header\">Moving With Safeco</p>\r\n            </div>\r\n        </template>\r\n    </GenericHeader>\r\n    \r\n    <div class=\"container root-page\">\r\n        <div class=\"row mt-3\">\r\n            <div class=\"col-sm-8 offset-sm-2 text-center\">\r\n\r\n                <p>We have received and processed your request to opt out the email address: </p>\r\n                <p><b> {{email}}</b></p>\r\n                <p>from:</p>\r\n                <p><b>Moving with Safeco</b></p>\r\n                <p>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.</p>\r\n\r\n            </div>\r\n        </div>\r\n        \r\n    </div>\r\n    <GenericFooter />\r\n\r\n</template>\r\n\r\n<style lang='scss'>\r\n    .optout-head-bar {\r\n        text-align: left;\r\n        padding-top: 1.5rem;\r\n        padding-bottom: 1.5rem;\r\n        padding-left: 2rem;\r\n    }\r\n\r\n    .mws-header {\r\n        color: white;\r\n        font-size: 38px;\r\n        padding-left: 1rem;\r\n        font-family: Calibri light;\r\n    }\r\n</style>","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    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    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\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\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\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        this.announcement = new Announcement(this);\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\";","<script setup>\r\n\r\n    // App.vue\r\n    // Standard app component for Nucleus sites\r\n\r\n    // Imports ----\r\n    import { onMounted, watch } from 'vue';\r\n    import { useRouter, useRoute } from 'vue-router';\r\n    import { site } from '@/Site';\r\n    import useEventsBus from '@/site/services/EventBus';\r\n    import { Util, GlobalEvents, EventIDs } from \"@dd-nucleus/nucleus-vue\";\r\n    const UNAUTHORIZED_RESPONSE_CODE = 401;\r\n    const router = useRouter();\r\n    const { bus } = useEventsBus();\r\n\r\n    const route = useRoute();\r\n\r\n    \r\n    const { onGlobal } = GlobalEvents(); \r\n\r\n\r\n\r\n    // Create an options object to pass in\r\n    const options = {\r\n        router: router,\r\n        configUrl: 'api/site/config'\r\n    };\r\n\r\n   \r\n    async function init() {\r\n        await site.initialize(options);\r\n    }\r\n\r\n    onGlobal(EventIDs.API_CALL_ERROR, function (options) {\r\n        const wasAuthenticated = site.user?.isAuthenticated;\r\n        const isAuthenticated = site.authenticator.isSignedIn();\r\n        if (wasAuthenticated && isAuthenticated && options.status === UNAUTHORIZED_RESPONSE_CODE) {\r\n            site.handleUnauthorizedError(router);\r\n        }\r\n    });\r\n    \r\n    // Lifecycle ----\r\n    onMounted(async () => {\r\n        // Initialize the Nucleus app and supply the router\r\n        await init();\r\n\r\n        // Add monitoring code snippet\r\n        Util.addSiteTracking(process.env.VUE_APP_SITE_24X7_API_KEY);\r\n\r\n        const userId = route.query.id;\r\n        if (Util.isNotEmpty(userId)) {\r\n            await site.signWithUserId(userId, router, route.query.deeplink);\r\n        }\r\n    });\r\n\r\n    watch(() => bus.value.get('loggedIn'), async () => {\r\n        await init();\r\n    });\r\n\r\n</script>\r\n\r\n<template>\r\n    <SizeDisplay />\r\n    <StartupPanel />\r\n    <router-view :key=\"$route.fullPath\" />\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    // Load main, which allows custom styles to be added after .vue components\r\n    @import '@/scss/main.scss';\r\n</style>\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. <input v-auto-focus=\"true\">) or a dynamic value (e.g. <input v-auto-focus=\"props.autoFocus\">)\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<string, string> 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};","<script setup>\r\n\r\n    // ModalBox\r\n    // Bootstrap Modal\r\n    import { onMounted, ref, defineProps, defineExpose } from 'vue';\r\n    import { Modal } from 'bootstrap';\r\n\r\n    let modalEle = ref(null);\r\n    let thisModalObj = null;\r\n\r\n    onMounted(() => {\r\n        thisModalObj = new Modal(modalEle.value);\r\n    });\r\n\r\n    function _show() {\r\n        thisModalObj.show();\r\n    }\r\n\r\n    function _close() {\r\n        thisModalObj.hide()\r\n    }\r\n\r\n    // Props ----\r\n    const props = defineProps({\r\n        title: {\r\n            type: String,\r\n            required: false\r\n        },\r\n        // This ID will match the id in the button that calls it with data-bs-target=\"#exampleModal\"\r\n        modalId: {\r\n            type: String,\r\n            required: true\r\n        },\r\n        // Valid Sizes...\r\n        // Size\t        Class       Modal max-width\r\n        // Small\t    .modal-sm\t300px\r\n        // Default\t    None\t    500px\r\n        // Large\t    .modal-lg\t800px\r\n        // Extra-large\t.modal-xl\t95%\r\n        modalSize: {\r\n            type: String,\r\n            required: false\r\n        }\r\n    });\r\n\r\n    // Expose \r\n    defineExpose({ show: _show, close: _close });\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"modal-box\">\r\n\r\n        <div class=\"modal fade\" :id=\"modalId\" tabindex=\"-1\" aria-hidden=\"true\" ref=\"modalEle\">\r\n            <div class=\"modal-dialog\" :class=\"props.modalSize\">\r\n                <div class=\"modal-content\">\r\n                    <div class=\"modal-header\">\r\n                        <h5 class=\"modal-title w-100 text-center fw-bold\">{{props.title}}</h5>\r\n                        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n                    </div>\r\n                    <div class=\"modal-body\">\r\n                        <slot name=\"body\"></slot>\r\n                    </div>\r\n                    <div class=\"modal-footer\">\r\n                        <slot name=\"footer\"></slot>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .modal-box {\r\n        .modal-xl {\r\n            max-width: 95%;\r\n        }\r\n    }\r\n</style>","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__","<script setup>\r\n    import { site } from '@/Site';\r\n    import { ref, defineEmits, defineProps } from 'vue';\r\n\r\n    const props = defineProps({\r\n        feedbackType: {\r\n            type: Number,\r\n            required: true\r\n        }\r\n    });\r\n\r\n    const feedbackQuestions = ref([]);\r\n    const feedbackResponse = ref([]);\r\n    const feedbackComment = ref(\"\");\r\n    const emit = defineEmits(['close-modal']);\r\n\r\n    function updateRating(questionId, rating) {\r\n        const response = feedbackResponse.value;\r\n        response.forEach(item => {\r\n            if (item.feedbackQuestionsId === questionId) {\r\n                item.feedbackValue = rating;\r\n            }\r\n        })\r\n        feedbackResponse.value = response;\r\n    }\r\n\r\n    function closeModal() {\r\n        resetData();\r\n        emit('close-modal');\r\n    }\r\n\r\n    function resetData() {\r\n        const feedbackData = feedbackQuestions.value.map(item => {\r\n            return {\r\n                \"feedbackQuestionsId\": item.feedbackQuestionsId,\r\n                \"feedbackValue\": 0,\r\n                \"description\": item.description\r\n            }\r\n        })\r\n        feedbackResponse.value = feedbackData;\r\n        feedbackComment.value = \"\";\r\n    }\r\n\r\n    async function sendFeedback() {\r\n        // eslint-disable-next-line no-unused-vars\r\n        const feedbackSurveyModel = feedbackResponse.value.map(({ description,  ...rest }) => {\r\n            return rest;\r\n        });\r\n\r\n        const payload = {\r\n            \"feedbackSurveyModel\": feedbackSurveyModel,\r\n             \"comments\": feedbackComment.value,\r\n             \"feedbackType\": props.feedbackType\r\n        }\r\n        \r\n        \r\n        const response = await site.userFeedback.saveFeedBack(payload);\r\n        if (response.succeeded) {\r\n            resetData();\r\n            emit('close-modal');\r\n        }\r\n    } \r\n\r\n    site.onConfigLoaded(async () => {\r\n        const questions = site.config.site.feedbackQuestions.filter(item => item.type == props.feedbackType)\r\n        if (questions.length > 0) {\r\n            const feedbackData = questions.map(item => {\r\n                return {\r\n                    \"feedbackQuestionsId\": item.id,\r\n                    \"feedbackValue\": 0,\r\n                    \"description\": item.description,\r\n                }\r\n            })\r\n            feedbackResponse.value = feedbackData;\r\n            feedbackQuestions.value = feedbackData;\r\n        }\r\n    })\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"feedback\">\r\n        <ul>\r\n            <li>\r\n                <div class=\"item\" v-for=\"item in feedbackResponse\" :key=\"item.feedbackQuestionsId\">\r\n                    <p>{{ item.description }}</p>\r\n                    <div>\r\n                        <ul>\r\n                            <li v-for=\"index in item.feedbackValue\" :key=\"index\" @click=\"item.feedbackValue = index\"><i class=\"bi bi-star-fill inactive\"></i></li>\r\n                            <li v-for=\"index in (5 - item.feedbackValue)\" @click=\"updateRating(item.feedbackQuestionsId, item.feedbackValue + index)\" :key=\"index\"><i class=\"bi bi-star active\"></i></li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n            </li>\r\n        </ul>\r\n        <label>What suggestions do you have as we continue to develop the platform to deliver more value?</label>\r\n        <br />\r\n        <textarea v-model=\"feedbackComment\" placeholder=\"Comments and Feedback\" rows=\"6\"  />\r\n        <br />\r\n        <div class=\"buttons\">\r\n            <button class=\"btn btn-outline-primary\" style=\"margin-right: 6px;\" @click=\"closeModal\">Close</button>\r\n            <button class=\"btn btn-primary\" @click=\"sendFeedback\">Send Feedback</button>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    \r\n    .feedback {\r\n        ul, li {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n        .item {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            ul {\r\n                display: flex;\r\n            }\r\n        }\r\n\r\n        p, label, textarea {\r\n            font-size: 14px;\r\n        }\r\n\r\n        textarea {\r\n            width: 100%;\r\n            border-color: dimgrey;\r\n            border-radius: 4px;\r\n            background-color: lightyellow;\r\n            padding: 6px;\r\n        }\r\n\r\n        .active, .inactive {\r\n            color: orange;\r\n        }\r\n\r\n        .buttons {\r\n            display: flex;\r\n            justify-content: flex-end;\r\n        }\r\n    }\r\n    \r\n</style>","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__","<script setup>\r\n\r\n    // PageHeader\r\n    // Used as a header for all pages that use templates/PageTemplate.vue\r\n\r\n    // Components ----\r\n    import { PageHeaderContainer, ShowOnlyForRoles } from '@dd-nucleus/nucleus-vue';\r\n\r\n    // Imports ----\r\n    import { site } from '@/Site';\r\n    import { ref, computed } from 'vue';\r\n    import { useRouter } from 'vue-router';\r\n\r\n    const router = useRouter();\r\n\r\n    // State ----\r\n    const keyword = ref('');\r\n    const subMenu = ref(false);\r\n    const menuRef = ref(null);\r\n\r\n    // Computed\r\n    const isImpersonating = computed(() => {\r\n        return site.user.isImpersonating;\r\n    })\r\n\r\n    const cart = computed(() => {\r\n        return site.cart.current;\r\n    });\r\n\r\n    // Handlers ----\r\n    function showMenu() {\r\n        subMenu.value = true;\r\n    }\r\n\r\n    function closeMenu() {\r\n        subMenu.value = false;\r\n    }\r\n\r\n    function onSearch() {\r\n        router.push({ name: 'ProductSearch', query: { 'f-product-search-term': keyword.value } });\r\n    }\r\n\r\n    async function signOut() {\r\n        if (process.env.VUE_APP_MOCK_AUTH_ENABLED == \"true\") {\r\n            router.push({ name: 'SignIn' });\r\n        } else {\r\n            await site.signOut(router);\r\n        }\r\n    }\r\n\r\n    // Click outside the menu\r\n    window.addEventListener('click', (event) => {\r\n        if (menuRef.value && !menuRef.value.contains(event.target)) {\r\n            closeMenu();\r\n        }\r\n    });\r\n</script>\r\n\r\n<template>\r\n    <PageHeaderContainer>\r\n        <nav class=\"main-navbar navbar navbar-expand-lg navbar-nucleus\">\r\n            <div class=\"container-fluid d-flex flex-fill\">\r\n                <div class=\"header-left-container\">\r\n                    <router-link to=\"/home\" class=\"navbar-brand\" >\r\n                        <img src=\"@/../public/images/logo.png\" alt=\"Safeco Marketing Solutions Center\">\r\n                    </router-link>\r\n                </div>\r\n\r\n                <div class=\"header-right-container flex-fill d-flex flex-column align-self-start\">\r\n                    <div class=\"menu-container\" >\r\n                        <ul class=\"main-menu navbar-nav me-auto mb-2 mb-lg-0 float-end\" ref=\"menuRef\">\r\n                            <ShowOnlyForRoles :roles=\"site.userRoles.getRolesForAllAccess()\" >\r\n                                <li class=\"nav-item dropdown\">\r\n                                    <a id=\"my-account\" @click=\"showMenu\" class=\"nav-link dropdown-toggle\" href=\"#\">\r\n                                        My Account\r\n                                    </a>\r\n                                    <ul class=\"dropdown-menu show\" v-if=\"subMenu\">\r\n                                        <li><a class=\"dropdown-item\" href=\"#\">{{ site.user.userName }}</a></li>\r\n                                        <li><router-link class=\"dropdown-item\" @click=\"closeMenu\" to=\"/account/profile\">My Profile</router-link></li>\r\n                                        <li><router-link class=\"dropdown-item\" @click=\"closeMenu\" to=\"/account/favorites\">My Favorites</router-link></li>\r\n                                        <li><router-link class=\"dropdown-item\" @click=\"closeMenu\" to=\"/account/contacts\">My Contacts</router-link></li>\r\n                                        <li><router-link class=\"dropdown-item\" @click=\"closeMenu\" to=\"/account/payment-info\">My Payment & Billing Info</router-link></li>\r\n                                        <li><router-link class=\"dropdown-item\" @click=\"closeMenu\" to=\"/account/order-history\">My Order History/Lists</router-link></li>\r\n                                        <li><router-link class=\"dropdown-item\" @click=\"closeMenu\" to=\"/account/downloads\">My Custom Downloads</router-link></li>\r\n                                        <li><router-link class=\"dropdown-item\" @click=\"closeMenu\" to=\"/account/agency-lists\">My Uploaded Agency Lists</router-link></li>\r\n                                        <li><router-link class=\"dropdown-item\" @click=\"closeMenu\" to=\"/account/image-library\">My Image Library</router-link></li>\r\n                                        <li><router-link class=\"dropdown-item\" @click=\"closeMenu\" to=\"/account/save-for-later\">My Saved Items</router-link></li>\r\n                                        <!--\r\n        TODO: Uncomment this nav item when are ready for the My Calendar Story\r\n        <li><router-link class=\"dropdown-item\" to=\"/account/calendar\">My Calendar</router-link></li>\r\n    -->\r\n                                    </ul>\r\n                                </li>\r\n                            </ShowOnlyForRoles>\r\n                            <ShowOnlyForRoles :roles=\"site.userRoles.getRolesForAdminAccess()\">\r\n                                <li class=\"nav-item\">\r\n                                    <a class=\"nav-link\" href=\"/manager/products\">|<div class=\"main-menu-spacer\"></div> Admin Center<div class=\"main-menu-spacer\"></div></a>\r\n                                </li>\r\n                            </ShowOnlyForRoles>\r\n                            <li class=\"nav-item\" v-if=\"!isImpersonating\">\r\n                                <a href=\"#\" class=\"nav-link\" @click=\"signOut\">|<div class=\"main-menu-spacer\"></div>Sign Out<div class=\"main-menu-spacer\"></div>|</a>\r\n                            </li>\r\n                            <ShowOnlyForRoles :roles=\"site.userRoles.getRolesForAllAccess()\">\r\n                                <li class=\"nav-item\">\r\n                                    <router-link class=\"nav-link\" to=\"/cart\"><i class=\"cart-icon bi-cart3\"></i> <span v-if=\"cart.itemCount>0\">{{cart.itemCount}}</span> Cart </router-link>\r\n                                </li>\r\n                            </ShowOnlyForRoles>\r\n                        </ul>\r\n                    </div>\r\n                    <div class=\"search-container d-flex\">\r\n                        <div class=\"flex-fill\"></div>\r\n                        <div>\r\n                            <form @submit.prevent=\"onSearch\">\r\n                                <div class=\"input-group search-group\">\r\n                                    <input type=\"text\" class=\"search-textbox form-control\" v-model=\"keyword\" placeholder=\"Search for programs, marketing materials and more...\" aria-label=\"Search for programs, marketing materials and more...\">\r\n                                    <button class=\"btn btn-color-3-lt btn-search\" type=\"button\" @click=\"onSearch\"><i class=\"icon bi-search\"></i></button>\r\n                                </div>\r\n                            </form>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </nav>\r\n    </PageHeaderContainer>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .header-left-container {\r\n        padding-top: 1.5rem;\r\n        padding-bottom: 1.5rem;\r\n    }\r\n\r\n    .header-right-container {\r\n        padding-top: 0.75rem;\r\n    }\r\n\r\n    .main-navbar {\r\n        padding: 0rem;\r\n    }\r\n\r\n    .menu-container {\r\n        padding-bottom: 1.5rem;\r\n    }\r\n\r\n    .main-menu {\r\n        > li:first-child {\r\n            padding-left: 1rem;\r\n\r\n            .nav-link {\r\n                padding-right: 1rem;\r\n            }\r\n        }\r\n\r\n        > li:last-child {\r\n            padding-left: 1rem;\r\n            padding-right: 0rem;\r\n\r\n            .nav-link {\r\n                padding-left: 0rem;\r\n            }\r\n        }\r\n\r\n        > li:not(:first-child):not(:last-child) .nav-link {\r\n            padding-left: 0rem;\r\n            padding-right: 0rem;\r\n        }\r\n\r\n        > li .nav-link {\r\n            padding-top: 0rem;\r\n            padding-bottom: 0rem;\r\n        }\r\n    }\r\n\r\n    .main-menu-spacer {\r\n        display: inline-block;\r\n        width: 1rem;\r\n    }\r\n\r\n    .search-group {\r\n        width: 25rem;\r\n    }\r\n\r\n    .search-textbox {\r\n        font-size: 0.75rem;\r\n    }\r\n\r\n    .btn-search {\r\n        border-radius: 0rem;\r\n\r\n        .icon {\r\n            color: $gray-3;\r\n        }\r\n    }\r\n\r\n    .dropdown-menu {\r\n        .router-link-exact-active {\r\n            font-weight: bold;\r\n        }\r\n    }\r\n</style>","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=7a6dd40c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // CurrentAgency\r\n    // Shows current agency, and provides option to change if available.\r\n\r\n    // Imports\r\n    import { computed, onMounted, ref, watch, reactive } from 'vue';\r\n    import { site } from '@/Site';\r\n    import useEventsBus from '@/site/services/EventBus';\r\n    import debounce from \"lodash/debounce\"\r\n    import { isEmpty, isNotEmpty, formatStatCode } from '@/util';\r\n    import { useRoute, useRouter } from 'vue-router';\r\n\r\n    const { emit } = useEventsBus();\r\n\r\n    // Components\r\n    import ModalBox from '@/site/components/ModalBox';\r\n\r\n    // State ----\r\n    let search = reactive({ results: [] });\r\n\r\n    const selectedAgency = ref('');\r\n    const agencyName = ref('');\r\n    const statCode = ref('');\r\n\r\n    const currentAgencyId = ref(site.agencyDetails.agencyDefaultId);\r\n    const currentDefaultAgency = reactive(site.agencyDetails.defaultAgency);\r\n    const isAgencySelectedOnce = ref(site.agencyDetails.isAgencySelectedOnce);\r\n\r\n    const modalRef = ref(null);\r\n    const isLoaded = ref(false);\r\n    const showChangeAgency = ref(false);\r\n    const initialAgencyId = ref('');\r\n\r\n\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n    // Methods\r\n    async function changeAgency() {\r\n\r\n\r\n        storeInitialAgencyId();\r\n\r\n        await site.agencyDetails.setDefaultAgency(selectedAgency.value);\r\n        //Needs to reload the cart when the agency is changed, old Cart items might have been removed, hence need to reload.\r\n        await site.cart.loadCart();\r\n        await site.personalizationInfo.newLogin();\r\n\r\n        modalRef.value.close();\r\n\r\n        // Redirect to home except redirect from oldMSC\r\n        if (!route.redirectedFrom)\r\n            router.push({ path: '/home' });\r\n    }\r\n\r\n    async function returnToDefault() {\r\n        // reset state\r\n        await site.personalizationInfo.newLogin();\r\n        \r\n        \r\n        if (isAgentRole.value) {\r\n            const payload = { id: initialAgencyId.value }\r\n            await site.agencyDetails.returnToDefault(payload);\r\n        }\r\n        else {\r\n            const payload = { id: 0, isDefault: true }\r\n            await site.agencyDetails.returnToDefault(payload);\r\n        }\r\n        router.push({ path: '/home' });\r\n    }\r\n\r\n    function storeInitialAgencyId() {\r\n        if (isEmpty(initialAgencyId.value)) {\r\n            if (isAgentRole.value && selectedAgency.value > 0) {\r\n                initialAgencyId.value = selectedAgency.value;\r\n                site.agencyDetails.storeInitialAgencyId(selectedAgency.value);\r\n            }\r\n        }\r\n    }\r\n\r\n    function exitAgencyChange() {\r\n        modalRef.value.close();\r\n    }\r\n\r\n    function selectAgency(id) {\r\n        selectedAgency.value = id;\r\n    }\r\n\r\n    const isAgentRole = computed(() => {\r\n        const roles = site.userRoles.showAgencyModalRoles();\r\n        return currentRoleId.value && roles.includes(currentRoleId.value);\r\n    });\r\n\r\n    // Computed\r\n    const isDefaultAgency = computed(() => {\r\n        return currentAgencyId.value == 0 ? true : false;\r\n    });\r\n\r\n    const isAgencyNull = computed(() => {\r\n        return currentAgencyId.value == null;\r\n    });\r\n\r\n \r\n    const hasMoreThanOneAgencyToSelect = computed(() => {\r\n        if (search && search.results && search.results.length > 1) {\r\n            return true\r\n        }\r\n        return false\r\n    });\r\n\r\n    const hasResults = computed(() => {\r\n        return search && search.results && search.results.length > 0;\r\n    });\r\n\r\n    const results = computed(() => {\r\n        if (hasResults.value) {\r\n            return search.results\r\n        }\r\n        return [];\r\n    });\r\n\r\n    const currentRoleId = computed(() => {\r\n        if (site && site.user && site.user.primaryRoleId) {\r\n            return site.user.primaryRoleId\r\n        }\r\n        return null;\r\n    });\r\n\r\n    const showAgencyModal = computed(() => {\r\n        var roles = site.userRoles.showAgencyModalRoles();\r\n        if (currentRoleId.value) {\r\n            return roles.includes(currentRoleId.value)\r\n                && isDefaultAgency.value\r\n                && showChangeAgency.value\r\n                && modalRef\r\n                && !isAgencySelectedOnce.value;\r\n        }\r\n        return false;\r\n    });\r\n\r\n    const showReturnToProfile = computed(() => {\r\n        if (isAgentRole.value) {\r\n            return isNotEmpty(initialAgencyId.value) \r\n                && (initialAgencyId.value != selectedAgency.value && initialAgencyId.value != currentAgencyId.value);\r\n        } else {\r\n            return Number(selectedAgency.value) > 0 || Number(currentAgencyId.value) > 0;\r\n        }\r\n\r\n    });\r\n\r\n    const currentAgencyInfo = computed(() => {\r\n        if (currentAgencyId.value > 0) {\r\n            return currentDefaultAgency;\r\n        }\r\n        return {};\r\n    });\r\n\r\n    const ownerMasterPrefix = computed(() => {\r\n        if (currentAgencyInfo.value.isOwnerMaster) {\r\n            return \"OM - \";\r\n        }\r\n        return \"\";\r\n    })\r\n\r\n    watch(currentAgencyId, async () => {\r\n        emit('changeAgency');\r\n    })\r\n\r\n    watch(() => [currentRoleId.value, showChangeAgency.value], async () => {\r\n        if (showAgencyModal.value) {\r\n            modalRef.value.show()\r\n            site.agencyDetails.isAgencySelectedOnce.value = true\r\n            site.agencyDetails.removeInitialAgencyId()\r\n            initialAgencyId.value = '';\r\n        }\r\n    }, { deep: true, immediate: true })\r\n\r\n    const debouncedFilter = debounce(getAgencies, 500);\r\n\r\n    async function getAgencies() {\r\n        var payload = {\r\n            agencyName: agencyName.value,\r\n            statCode: statCode.value\r\n        };\r\n        var response = await site.agencyDetails.getAgencies(payload);\r\n        search.results = response.results;\r\n        isLoaded.value = true;\r\n    }\r\n\r\n    onMounted(async () => {\r\n        await getAgencies();\r\n        if (hasMoreThanOneAgencyToSelect.value) {\r\n            showChangeAgency.value = true;\r\n        }\r\n        if (isAgentRole.value && site.agencyDetails.getInitialAgencyId()) {\r\n            initialAgencyId.value = site.agencyDetails.getInitialAgencyId();\r\n        } else {\r\n            site.agencyDetails.removeInitialAgencyId();\r\n            initialAgencyId.value = '';\r\n        }\r\n\r\n    });\r\n\r\n</script>\r\n<template>\r\n    <div>\r\n        <div class=\"change-agency\">\r\n            <div class=\"container-fluid agency-outer-panel\">\r\n                <div class=\"agency-panel container\">\r\n                    <span v-if=\"isLoaded && (isDefaultAgency || isAgencyNull)\">Welcome  {{site.user.firstName}} {{ site.user.lastName}}</span>\r\n                    <ShowOnlyForRoles :roles=\"site.userRoles.getRolesForAllAccess()\">\r\n\r\n                        <template v-if=\"!isEmpty(currentAgencyInfo)\">\r\n                            <span>{{formatStatCode(currentAgencyInfo.statCode)}}, {{ownerMasterPrefix}}{{currentAgencyInfo.name}}</span>\r\n                        </template>\r\n                        <button @click=\"getAllAgencies\" v-if=\"showChangeAgency\" class=\"btn-change-agency btn btn-outline-neutral-dk\" data-bs-toggle=\"modal\" data-bs-target=\"#changeAgency\">Change Agency</button>\r\n                        <button @click=\"returnToDefault()\" v-if=\"showChangeAgency && showReturnToProfile\" class=\"btn-change-agency btn btn-outline-neutral-dk\">Return To My Profile</button>\r\n                    </ShowOnlyForRoles>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <ModalBox modalId=\"changeAgency\" ref=\"modalRef\" title=\"Change Agency\" modal-size=\"modal-lg\">\r\n            <template v-slot:body>\r\n                <div class=\"row mb-3\">\r\n                    <label>Agency Name</label>\r\n                    <div class=\"col\">\r\n                        <input type=\"text\" v-model=\"agencyName\" class=\"form-control n-text-box-filter\" placeholder=\"Search Agency Name\" @input=\"debouncedFilter\" />\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row mb-4\">\r\n                    <label>Agency Statcode</label>\r\n                    <div class=\"col\">\r\n                        <input type=\"text\" v-model=\"statCode\" class=\"form-control n-text-box-filter\" placeholder=\"Search Agency Statcode\" @input=\"debouncedFilter\" />\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"agency-container\">\r\n                    <template v-if=\"isLoaded\">\r\n                        <div v-if=\"hasResults\">\r\n                            <div class=\"n-search-grid row\">\r\n                                <div v-for=\"result in results\" class=\"tile col col-12\" :key=\"result.id\">\r\n                                    <div class=\"ps-3\" :class=\"{selected: result.id == selectedAgency }\" @click=\"selectAgency(result.id)\">\r\n                                        <strong> {{result.name}} </strong> {{result.statCode}}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <!-- Template for no results -->\r\n                        <div v-else>\r\n                            No agencies were found that match your criteria.\r\n                        </div>\r\n                    </template>\r\n                </div>\r\n\r\n                <div class=\"row mt-4\">\r\n                    <div class=\"col text-end\">\r\n                        <button class=\"btn btn-outline-primary me-3\" @click=\"exitAgencyChange\">Exit Change Agency</button>\r\n                        <button class=\"btn btn-primary\" @click=\"changeAgency\">Select</button>\r\n                    </div>\r\n                </div>\r\n            </template>\r\n        </ModalBox>\r\n    </div>\r\n</template>\r\n<style lang=\"scss\">\r\n    .change-agency {\r\n\r\n        label {\r\n            font-weight: bold\r\n        }\r\n\r\n        .agency-outer-panel {\r\n            background-color: $gray-1;\r\n        }\r\n\r\n        .agency-panel {\r\n            padding: 1rem;\r\n            padding-left: 0.5rem;\r\n            background-color: $gray-1;\r\n            color: $neutral-dk;\r\n            font-weight: $bold;\r\n        }\r\n\r\n        .btn-change-agency {\r\n            font-size: 0.75rem;\r\n            margin-left: 1.5rem;\r\n        }\r\n    }\r\n\r\n    .agency-container {\r\n        border: 1px solid $gray-3;\r\n        max-height: 400px;\r\n        overflow-y: auto;\r\n        overflow-x: hidden;\r\n\r\n        .selected {\r\n            background: $highlight-4;\r\n        }\r\n\r\n        .n-search-grid .tile {\r\n            cursor: pointer;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .n-search-grid .tile:hover {\r\n            background: $highlight-4;\r\n        }\r\n    }\r\n</style>","import script from \"./CurrentAgency.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CurrentAgency.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CurrentAgency.vue?vue&type=style&index=0&id=e5002d36&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // PageTemplate\r\n    // This template is for pages that use PageHeader.vue and PageFooter.vue in /src/site/components\r\n\r\n     // Components\r\n    import { onMounted } from 'vue';\r\n    import { useRouter} from 'vue-router';\r\n    import { site } from '@/Site';\r\n\r\n    // Components\r\n    import PageHeader from './components/PageHeader';\r\n    import PageFooter from './components/PageFooter';\r\n    import CurrentAgency from './components/CurrentAgency';\r\n\r\n    const router = useRouter();\r\n\r\n    // Lifecycle ----\r\n    onMounted(async () => {\r\n        //Check the session storage has a sso logged in value or not. If not redirect to home page.\r\n        await clearStorage();\r\n    });\r\n\r\n    async function clearStorage() {\r\n        const session = sessionStorage.getItem('logged-in');\r\n        if (session == null) {\r\n            await signOut();\r\n        }\r\n    }\r\n\r\n    async function signOut() {\r\n        if (process.env.VUE_APP_MOCK_AUTH_ENABLED == \"true\") {\r\n            router.push({ name: 'SignIn' });\r\n        } else {\r\n            await site.signOut(router);\r\n        }\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <PageHeader />\r\n    <CurrentAgency />\r\n    <slot></slot>\r\n    <PageFooter />\r\n</template>\r\n","import script from \"./PageTemplate.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PageTemplate.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n\r\n    // PageFooter\r\n    // Used as a footer for all pages that use templates/PageTemplate.vue\r\n\r\n    import { PageFooterContainer } from '@dd-nucleus/nucleus-vue';\r\n    import ModalBox from '@/site/components/ModalBox';\r\n    import UserFeedback from '@/site/components/UserFeedback'\r\n    import { ref } from 'vue';\r\n    import { FeedbackType } from '../../constants';\r\n    const date = new Date()\r\n    const optModal = ref();\r\n\r\n    function closeModal() {\r\n        optModal.value.close();\r\n    }\r\n\r\n</script>\r\n\r\n<template>\r\n    <ModalBox modalId=\"modelOptOut\" title=\"Please rate your experience.\" ref=\"optModal\">\r\n        <template v-slot:body>\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <UserFeedback @close-modal=\"closeModal\" :feedback-type=\"FeedbackType.USER\" />\r\n                </div>\r\n            </div>\r\n        </template>\r\n    </ModalBox>\r\n    <PageFooterContainer>\r\n        <div class=\"row\">\r\n            <div class=\"col-2\">\r\n                <img src=\"@/../public/images/footer-logo.png\" alt=\"Safeco Insurance, a Liberty Mutual Company\">\r\n            </div>\r\n            <div class=\"col\">\r\n                <ul class=\"n-horz-list\">\r\n                    <li><router-link to=\"/contact-us\">Contact Us</router-link></li>\r\n                    <li><router-link to=\"/faq\">Help Center</router-link></li>\r\n                    <li class=\"feedback-link\"><a data-bs-toggle=\"modal\" data-bs-target=\"#modelOptOut\"  @click=\"openFeedbackModal\">Provide Feedback</a></li>\r\n                    <li><a href=\"https://now.agent.safeco.com\">Back to the Safeco&reg; agent portal</a></li>\r\n\r\n                </ul>\r\n                <div class=\"trademark\">\r\n                    Safeco Insurance. For Agent Use Only.\r\n                    <a href=\"https://agent.public.libertymutual.com/PL/Terms-of-use\" target=\"_blank\">Terms of Use</a>\r\n                    &copy; {{ date.getFullYear() }} Liberty Mutual Insurance.\r\n                    <span class=\"california-icon\">\r\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                            <path d=\"M18 6H6C2.685 6 0 8.685 0 12C0 15.315 2.685 18 6 18H18C21.315 18 24 15.315 24 12C24 8.685 21.315 6 18 6ZM19.83 13.735C19.975 13.88 19.975 14.12 19.83 14.265C19.755 14.34 19.66 14.375 19.565 14.375C19.47 14.375 19.375 14.34 19.3 14.265L17.565 12.53L15.83 14.265C15.755 14.34 15.66 14.375 15.565 14.375C15.47 14.375 15.375 14.34 15.3 14.265C15.155 14.12 15.155 13.88 15.3 13.735L17.035 12L15.3 10.265C15.155 10.12 15.155 9.88 15.3 9.735C15.445 9.59 15.685 9.59 15.83 9.735L17.565 11.47L19.3 9.735C19.445 9.59 19.685 9.59 19.83 9.735C19.975 9.88 19.975 10.12 19.83 10.265L18.095 12L19.83 13.735ZM6 17.25C3.105 17.25 0.75 14.895 0.75 12C0.75 9.105 3.105 6.75 6 6.75H13.69L9.315 17.25H6.005H6ZM9.66 10.265L5.395 14.53L3.39 12.525C3.245 12.38 3.245 12.14 3.39 11.995C3.535 11.85 3.775 11.85 3.92 11.995L5.395 13.47L9.13 9.735C9.275 9.59 9.515 9.59 9.66 9.735C9.805 9.88 9.805 10.12 9.66 10.265Z\" fill=\"white\" />\r\n                        </svg>\r\n                    </span>\r\n                    <a class=\"california-link\" href=\"https://privacyportal.onetrust.com/hosted-webform/consent/50577d86-8d39-4310-9583-33e6d3da8e17/9b108b70-4ef6-4d93-b7ec-60e41f03b292\" target=\"_blank\">Your California Privacy Choices</a>\r\n                    <span class=\"privacy-policy\">\r\n                        <a href=\"https://www.libertymutualgroup.com/about-lm/corporate-information/privacy-policy\" target=\"_blank\">Privacy Policy</a>\r\n                    </span>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </PageFooterContainer>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\r\n    .n-footer .trademark {\r\n        margin-top: 1rem;\r\n        font-size: 0.75rem;\r\n\r\n        a, a:visited {\r\n            color: $footer-text-color;\r\n        }\r\n\r\n        a:hover {\r\n            color: $footer-text-hover-color;\r\n        }\r\n\r\n        .california-link {\r\n            margin-left: 4px;\r\n            font-weight: 100;\r\n        }\r\n\r\n        .privacy-policy {\r\n            margin-left: 12px;\r\n            font-weight: 100;\r\n        }\r\n\r\n        .california-icon {\r\n            margin-left: 12px;\r\n        }\r\n\r\n        .feedback-link {\r\n            color: white !important;\r\n            cursor: pointer !important;\r\n        }\r\n    }\r\n</style>","import script from \"./PageFooter.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PageFooter.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PageFooter.vue?vue&type=style&index=0&id=7b329057&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\tloaded: false,\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Flag the module as loaded\n\tmodule.loaded = true;\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.f = {};\n// This file contains only the entry chunk.\n// The chunk loading function for additional chunks\n__webpack_require__.e = function(chunkId) {\n\treturn Promise.all(Object.keys(__webpack_require__.f).reduce(function(promises, key) {\n\t\t__webpack_require__.f[key](chunkId, promises);\n\t\treturn promises;\n\t}, []));\n};","// This function allow to reference async chunks\n__webpack_require__.u = function(chunkId) {\n\t// return url for filenames based on template\n\treturn \"js/\" + chunkId + \".\" + {\"127\":\"ac07a70b\",\"131\":\"fcdfa413\",\"155\":\"e65eb311\",\"170\":\"7132afb3\",\"216\":\"437e9321\",\"219\":\"52f6b5ea\",\"233\":\"1f58e74b\",\"238\":\"20b0df9c\",\"245\":\"4002ed33\",\"269\":\"d5d32c7f\",\"274\":\"6039bacc\",\"309\":\"9e522e29\",\"324\":\"f739dd04\",\"326\":\"85029eb2\",\"332\":\"632683d2\",\"333\":\"a45e5e34\",\"335\":\"e28de00b\",\"359\":\"532d30be\",\"400\":\"2db17d42\",\"442\":\"1a2b267a\",\"444\":\"a105d4c7\",\"448\":\"be87b3dc\",\"466\":\"f1c60804\",\"514\":\"ee4e59ba\",\"533\":\"74208311\",\"543\":\"8b4fe223\",\"573\":\"6d8f503e\",\"595\":\"6feeab16\",\"613\":\"89767f8d\",\"634\":\"897922d5\",\"677\":\"dc03b810\",\"689\":\"16f2af7d\",\"722\":\"62cfbad0\",\"724\":\"4272669d\",\"743\":\"c01c7f9a\",\"775\":\"e3714dff\",\"785\":\"da6bf8b7\",\"829\":\"93f1ec3a\",\"836\":\"6c239362\",\"841\":\"b39d451e\",\"859\":\"1a991a42\",\"863\":\"41a40583\",\"913\":\"12a3b40b\",\"970\":\"4b971d71\"}[chunkId] + \".js\";\n};","// This function allow to reference async chunks\n__webpack_require__.miniCssF = function(chunkId) {\n\t// return url for filenames based on template\n\treturn undefined;\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","var inProgress = {};\nvar dataWebpackPrefix = \"safeco.msc:\";\n// loadScript function to load a script via script tag\n__webpack_require__.l = function(url, done, key, chunkId) {\n\tif(inProgress[url]) { inProgress[url].push(done); return; }\n\tvar script, needAttach;\n\tif(key !== undefined) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tfor(var i = 0; i < scripts.length; i++) {\n\t\t\tvar s = scripts[i];\n\t\t\tif(s.getAttribute(\"src\") == url || s.getAttribute(\"data-webpack\") == dataWebpackPrefix + key) { script = s; break; }\n\t\t}\n\t}\n\tif(!script) {\n\t\tneedAttach = true;\n\t\tscript = document.createElement('script');\n\n\t\tscript.charset = 'utf-8';\n\t\tscript.timeout = 120;\n\t\tif (__webpack_require__.nc) {\n\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n\t\t}\n\t\tscript.setAttribute(\"data-webpack\", dataWebpackPrefix + key);\n\n\t\tscript.src = url;\n\t}\n\tinProgress[url] = [done];\n\tvar onScriptComplete = function(prev, event) {\n\t\t// avoid mem leaks in IE.\n\t\tscript.onerror = script.onload = null;\n\t\tclearTimeout(timeout);\n\t\tvar doneFns = inProgress[url];\n\t\tdelete inProgress[url];\n\t\tscript.parentNode && script.parentNode.removeChild(script);\n\t\tdoneFns && doneFns.forEach(function(fn) { return fn(event); });\n\t\tif(prev) return prev(event);\n\t}\n\tvar timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);\n\tscript.onerror = onScriptComplete.bind(null, script.onerror);\n\tscript.onload = onScriptComplete.bind(null, script.onload);\n\tneedAttach && document.head.appendChild(script);\n};","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nmd = function(module) {\n\tmodule.paths = [];\n\tif (!module.children) module.children = [];\n\treturn module;\n};","__webpack_require__.p = \"/\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t524: 0\n};\n\n__webpack_require__.f.j = function(chunkId, promises) {\n\t\t// JSONP chunk loading for javascript\n\t\tvar installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;\n\t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n\t\t\t// a Promise means \"currently loading\".\n\t\t\tif(installedChunkData) {\n\t\t\t\tpromises.push(installedChunkData[2]);\n\t\t\t} else {\n\t\t\t\tif(true) { // all chunks have JS\n\t\t\t\t\t// setup Promise in chunk cache\n\t\t\t\t\tvar promise = new Promise(function(resolve, reject) { installedChunkData = installedChunks[chunkId] = [resolve, reject]; });\n\t\t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n\t\t\t\t\t// start chunk loading\n\t\t\t\t\tvar url = __webpack_require__.p + __webpack_require__.u(chunkId);\n\t\t\t\t\t// create error before stack unwound to get useful stacktrace later\n\t\t\t\t\tvar error = new Error();\n\t\t\t\t\tvar loadingEnded = function(event) {\n\t\t\t\t\t\tif(__webpack_require__.o(installedChunks, chunkId)) {\n\t\t\t\t\t\t\tinstalledChunkData = installedChunks[chunkId];\n\t\t\t\t\t\t\tif(installedChunkData !== 0) installedChunks[chunkId] = undefined;\n\t\t\t\t\t\t\tif(installedChunkData) {\n\t\t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n\t\t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n\t\t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n\t\t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n\t\t\t\t\t\t\t\terror.type = errorType;\n\t\t\t\t\t\t\t\terror.request = realSrc;\n\t\t\t\t\t\t\t\tinstalledChunkData[1](error);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t\t__webpack_require__.l(url, loadingEnded, \"chunk-\" + chunkId, chunkId);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n};\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunksafeco_msc\"] = self[\"webpackChunksafeco_msc\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [504], function() { return __webpack_require__(8601); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["router","useRouter","isImpersonating","computed","site","user","name","firstName","lastName","endEmulation","endImpersonateSession","confirm","authenticator","deleteImpersonateSession","push","__exports__","constants","TabIDs","HOME_TAB_ID","CROSS_SELL_TAB_ID","PROSPECTING_TAB_ID","RETENTION_TAB_ID","MARKETING_TAB_ID","REPORTS_TAB_ID","AGENT_REFERRAL_TAB_ID","props","__props","selectedAgencyDetails","reactive","agencyDetails","tabs","id","title","url","isExternalUrl","children","path","query","productType","ProductType","HOME","programType","ProgramType","CROSS_SELL","statCode","statId","oppType","getOppTypeFromProductType","oppId","getOppIdFromProductType","AUTO","UMBRELLA","state","CROSS_SELL_SPECIALITY","LLP","PET_INSURANCE","PROSPECTING","SAFECO_PACKAGE","ProductTatic","RENTERS","OTHER","activeId","ref","channelTypes","DIRECT_MAIL","EMAIL","MULTIPLE_CHANNEL","productFormat","ChannelTypes","ProductFormat","getProductFormat","route","useRoute","isOwnerMaster","value","showExpressOrderMessage","DataListOptionToOppId","SpecialtyCrossSell","back","back_url","options","history","includes","tab","async","onStartOrderClicked","channel","channelType","isMultiChannel","queryParams","params","onMounted","tileCode","analyticsHandler","random","column","Math","floor","crossSellTypes","AutoCrossSell","HomeCrossSell","UmbrellaCrossSell","LandLordProtectionCrossSell","PetCrossSell","CustomHome","CustomAuto","CustomUmbrella","crossSellIds","retentionTypes","AnnualAuto","CustomersUpRenewal","retentionIds","programTypes","CROSSSELL","RETENTION","Other","ANNUAL_AUTO","WINBACK","productTypes","Home","Auto","Umbrella","Speciality","LandLordProtection","PetInsurance","getCrossSellType","getRetentionType","bus","useEventsBus","search","Search","showSearch","showOverlay","agencyCode","crossSellType","licenseNumber","isAgencyMaster","isLicenseRequired","isLicenseNumberRequired","onEnrollClicked","code","cancelEnroll","confirmEnroll","response","opportunities","setEnrollment","succeeded","refresh","toast","success","derivedOppId","getOppIdFromOppId","isEmailMultiChannelSupported","EmailMultiChannelIds","filter","em","length","getProgramTypeFromOppId","getProductTypeFromOppId","getEnrollText","isEnrolled","watch","get","setTimeout","startOrder","target","openNewWindow","indentStyle","level","indentPerLevelRem","scrollToTop","window","scroll","emit","__emit","buttonClick","advantageAndPlusTiers","launchAndPartner","currentAgencyId","agencyDefaultId","selectedAgencyIgniteDetails","enroll","viewLists","isEmployee","qualifyTextOM","igniteStatus","discountValueOM","percentage","reductionRate","discountValue","igniteMessage","dataLoaderAnnouncement","savedItems","orderStates","bannerData","banners","announcementToShow","getSavedItems","getBanners","responseAnnouncement","announcement","getAnnouncementsForUser","handleApiError","announcements","growthTabs","selectedTab","TabIds","isActive","defaultAgency","personalizationInfo","deleteOrderState","toDeleteOrderState","find","os","item","isNotEmpty","parentId","resumeOrderState","orderState","orderStateId","product","attributes","isEmail","productId","isSubscription","Form","signOut","signout","homePage","Util","process","location","href","info","ExportParser","exportXLSFromJSON","data","newFileName","fileExportType","fields","beforeTableEncode","fileName","exportType","exportFromJSON","types","e","Error","exportCSVFromJSON","DEFAULT_PAGE_SIZE","columns","field","isSortable","custom","agencyRecipientsColumns","searchTerm","mailListContacts","hasContacts","previewList","sortPrefix","formatDate","date","Date","toLocaleDateString","year","month","day","sortSearch","setSortId","loadMailRecipients","mailId","getMailListContactsById","mailListModel","mailContacts","this","viewRecipients","downloadMailRecipients","filename","recipients","fieldsMapper","getFieldsMapperFromColumns","deleteMailRecipients","text","deleteMailListContactsById","contact","isFavorite","onEditClicked","onDeleteClicked","onFavoriteClicked","marketing","setFavoriteContact","editContactForm","EditContactForm","favoritesOnly","editingContact","selectedCountry","DEFAULT_COUNTRY_CODE","sortOptions","pageSizeOptions","contactIdToDelete","onSetFavoritesOnly","set","setEmptyFilter","removeFilter","onNewContact","newContact","model","countryCode","onEditContact","editContact","onCancelEditContact","onSaveContact","addressLine1","validator","addWarning","submit","refreshSearches","searchType","onContactSelected","onContactDeselected","onDeleteContact","confirmDelete","deleteContact","cancelDelete","onChanged","form","province","cart","discountLoading","totalAddresses","shipToList","subTotal","isBulkOrder","convertNumberToCurrency","shipping","total","discount","discountTotal","hasDiscount","isLoaded","discountToApply","isIgniteEligible","hasIgniteProduct","items","forEach","tags","tag","ProductTags","IGNITE","applyDiscount","showActionableItems","errorHandler","handleApplyDiscountError","removeDiscount","IsRequireShipping","i","isRequireShipping","onCheckout","section","disableProceedToCheckout","canPlaceOrder","discountCode","discountCodeForDisplay","cartAttributes","Discounts","Object","assign","loadAgencyIgniteDetails","remaining","newItems","immediate","stepCounter","ONE","TWO","THREE","FOUR","stepStatus","CURRENT","COMPLETED","steps","STEP1","step1","STEP2","step2","STEP3","step3","STEP4","step4","step","currentStep","dropType","MULTIPLE","NONE","mailSchedule","dropTypeSelected","orderFlowDetails","next","dropDetails","console","warn","setDropType","setMailScheduleTypes","hasProductDataType","getProductDataType","label","targetCount","tabName","getTabName","hasLessMailingList","MinMailingCount","getOrderState","UpdateCartItemQtyForm","unitPrice","isKitItem","OrderState","isDigital","deliveryType","DIGITAL","isShippingRequired","mailingTotal","quantity","bulkOrderMailingTotal","isNotForMA","productRestriction","productRestrictions","NOTFORMA","isNotForCO","NOTFORCO","BulkOrderState","subCodeDetails","OrderStates","agenciesDetails","map","ad","agencyName","totalPrice","showSubCodeDetails","frequencyHeadline","toLowerCase","frequency","numberOfMailings","showQuantity","showQuantityLabel","editable","showMailingDrop","mailingDetails","current","yes","removeItem","no","showDeleteConfirmation","isFormMessageShown","formObject","JSON","parse","stringify","isStockExceeded","setup","tileHeight","productNameLines","Setup","AddToCartForm","productPrice","price","restriction","personalize","customizeDownload","download","PHYSICAL","shipMethodUpdated","cartItemsCount","unitCount","showMessage","messages","loadCart","shipMethodCode","defaultShipMethodCode","setShipMethod","deep","setFilterValue","setFilterValues","selected","results","rows","p","isExpressOrderingAllowed","getOppIdForOrderState","dataListOption","allStatCodes","getAgencySubCodes","ownerMasterPolicyCount","a","policyHoldersCount","subcodesHasPolicyHolders","canStartOrder","getProgramTypeForOrderState","dataListType","join","handleStartOrderError","error","eligibleToCustomize","adminRoles","userRoles","getRolesForAdminAccess","rec","roles","r","customDownloadSelected","downloadSelected","downloadHandler","handleDownload","fileFormats","PNG","JPG","active","acceptedUploadFormats","values","uploadImage","formData","FormData","files","type","dataTransfer","file","append","imageLibrary","uploadUsersImages","emits","toggleActive","today","toISOString","years","selectedImageId","imageIdToDelete","renameId","newImageName","startDate","endDate","cancelRename","deleteUsersImages","refreshImages","deleteImage","renameImage","saveRename","postRenameImage","selectImage","emitSelectedImage","icon","order","orderStatusCode","amountPaid","orderItems","isLegacyOrder","isExpressOrder","isCompleted","cssClass","Agency","shipTo","companyName","Data","showViewList","isProspecting","mailDate","mailedDate","currentDate","isMailingListExpired","lastMailingDate","itemdate","setDate","getDate","setHours","days","getTime","getExpiryMessage","expiryDate","hasListView","statusOptions","orderChannelTypeOptions","programTypeOptions","shippingOptions","formatter","setFilterInitialValue","searchDownload","setDownloadFilterValues","searchTermFilterValues","getFilterValues","orderDateRangeFilterValues","orderChannelTypeFilterValues","orderStatusFilterValues","shippingStatusFilterValues","orderProgramTypeFilterValues","downloadExcel","activate","downloadCsv","paymentMethod","onDelete","onSetDefault","isDefault","_PaymentInfo_brand","WeakSet","PaymentInfo","constructor","store","_classPrivateMethodInitSpec","defaultPaymentMethodId","stripeCustomerId","paymentMethods","months","_assertClassBrand","_loadMonths","call","_loadYears","createUserPaymentMethod","userPaymentMethodModel","api","post","getPaymentMethods","addMessages","deleteUserPaymentMethod","delete","getJwkToken","_getFilter","_setDefaultPaymentId","_setStripeCustomerId","setUserPaymentMethodAsDefault","createStripeCustomer","attachStripeCustomerPaymentMethod","paymentMethodId","customerId","customer","catch","now","getFullYear","toString","getMonth","getDay","methods","x","paymentData","PaymentTypeCode","CREDIT_CARD","PAYPAL","STRIPE","userData","metadata","userId","countries","config","isCreateCustomer","paymentInfo","stripeKey","cardOptions","postalCode","style","base","iconColor","color","fontWeight","fontSize","fontSmoothing","invalid","stripeLoaded","card","elms","attachPaymentMethod","message","createCustomer","createPaymentMethod","cardElement","stripeElement","instance","billing_details","address","line1","line2","addressLine2","city","zip","country","then","method","onCancel","onBillingAddressChanged","Country","onBeforeMount","stripePromise","loadStripe","PaymentMethodForm","super","isExpired","isRequired","maxLength","validate","reset","create","onValidate","getMaskPen","json","last4","getCardType","brand","getCardTypeName","getCardDate","d","mm","yyyy","DEFAULT_SORT_OPTION","editing","paymentMethodIdToDelete","selectedPaymentId","onCreate","onDeleteConfirmed","onDeleteCanceled","savePaymentToken","onCreditCardSelected","setPaymentMethod","newValue","oldValue","addresses","setDefaultShippingAddress","ADDRESS_TYPE_SHIPPING","DEFAULT_MODEL","contactId","addressee","addressLine3","addressLine4","phoneNumber","email","isResidential","addressType","AgencyAddressForm","ShippingAddressForm","addressConfig","onValidateAsync","onSubmit","updateAgencyAddress","addShippingAddressForm","showAgencyEmailPref","addingShippingAddress","editAgencyEmail","emailId","idToDelete","programs","selectedPrograms","userAccountModel","agencyModel","agencyEmails","currentUser","keyIndex","agencyAddressLabel","agencyEmailLength","username","userName","onAddShippingAddress","onCancelAddShippingAddress","onSetDefaultShippingAddress","onSaveShippingAddress","put","onEditAddesss","validateForm","addAgencyEmailPref","cancelAgencyEmailPref","cancelConfirmation","deleteAgencyEmailPref","deleteAgencyEmail","editAgencyEmailPref","setUser","userFromBridge","getUserInfo","prop","getOwnPropertyNames","companySegment","saveAgencyEmailPref","updateAgencyEmail","addAgencyEmail","companySegmentId","showConfirmation","updatePrograms","programId","checked","splice","indexOf","replace","AddressConfig","Required","agencyAddressForm","editAgencyAddress","agencyInfo","showAgencyAddress2","address2","isEligibleToUpdateAgencyAddress","rolesToUpdateAddress","getRolesToUpdateAgencyAddress","onEditAgencyAddress","agencyAddress","phone","address1","formatPhone","emailAddress","onAgencyAddressChanged","formattedPhone","saveAgencyAddress","loadAgencyDetails","cancelAgencyAddress","AddEventForm","content","class","category","eventCategories","eventTypes","eventClass","eventForm","calendar","showEvents","addEvent","submitEvent","postCalendarEvent","events","buttonText","getUsersCalendar","orderHeader","dropNumber","drop","getExportedData","marketingChannel","mailingDate","exportCSV","exportXLS","orderDetailsfilterValues","filterValueExists","prospectCampaignFilterValues","go","chargeMessage","tableHeadings","orderItem","itemPrice","actualQty","receivedCount","completedDrops","completedMailings","md","status","isPetInsurance","handleViewListClick","orderNumber","pageFlexDocumentId","selectedPaymentMethodId","selectedPaymentMethod","cardType","maskPen","cardDate","expirationDate","cardTypeName","getLegacyOrderDetails","orderDetails","getOrderDetails","concat","Set","subCodeAgencyDetails","expressOrderPersonalizationInfo","getAgencyDetails","sd","scrollTo","subTotalPrice","additionalChargeTotal","tax","shippingPrice","shippingMethodCost","shipMethod","cost","totalAmount","showShipping","sortIds","sortName","rowMap","hour12","hour","minute","sortField","s","isEmpty","downloadCustomAsset","pageFlexDocId","userInfo","reOrderOrEdit","record","documentId","pageFlexOrderId","reorder","productUserCustomDownloadId","edit","sendPageFlexDocumentForReview","row","sendPageFlexDocument","getVersion","key","totalRecords","isWelcomeKit","getStatus","showEmailLink","getLinkClass","forSection","count","getRedirectUrl","showFavoriteReports","programReport","ReportGroupType","ProgramReports","reportData","result","reports","selectedGroup","group","groups","subGroup","subGroups","sort","b","localeCompare","hasFavorites","favoriteReports","viewReport","reportname","addFavorite","reporting","addFavoriteReport","removeFavorite","deleteFavoriteReport","MSCActivity","AdminReports","reportGroupType","reportState","assignGroup","enableReport","showAdminReports","adminReportRoles","getRolesForAdminReport","forImpersonator","open","show","selectedSubGroup","assignSubGroup","showFavorites","changeReports","getFavorites","getFavoriteReports","changeFavorite","j","reportId","reportToken","showReport","errorMessage","bridgeUserName","embedReport","embedData","isDashboard","agencyNumber","embedUrl","tokenType","pbi","TokenType","Embed","accessToken","embedToken","token","permissions","Permissions","All","settings","background","BackgroundType","Transparent","filterPaneEnabled","navContentPaneEnabled","embedContainer","document","getElementById","powerbi","Service","hpmFactory","wpmpFactory","routerFactory","report","embed","off","on","bridgeUserAccount","getBridgeUserAccount","getEmbedToken","embeddedParams","searchAllMarketingMaterials","selectOption","selectedOption","canStartExpressOrder","bulkOrderStatePayload","bulkOrderStateId","products","getProductDetail","bulkOrderState","option","personalizeAll","payload","isSamePersonalization","updateBulkOrderStatePersonalization","getBulkOrderState","subCodesSelected","allSubCodes","isSelectAll","disableNext","ownerMaster","filteredSubCodes","sc","clearAll","handleSelectAllChange","statCodes","newSelectedSubcodes","add","subCodesDetails","selectAllPolicyHolders","updateBulkOrderStateSubCodes","numberOfStatCodesToShow","selectedIndex","loadPrevious","currentIndex","loadNext","subCodes","subCodeStatus","selectAll","activeAgency","SubCodeStatus","onStatIdClick","itemId","showScroll","subCodesSubSet","slice","Number","isAppliedForAll","iframeSrc","frameHeight","showIframe","agencySubCodes","sortedOrderStates","getSortedOrderStates","subcodes","agencySubCode","asc","activeAgencyIndex","findIndex","totalSubCodes","samePersonalization","disablePersonalization","nextOrderState","isLastRecord","newOrderStateObj","currentOrderStateId","currentStatCodeIndex","isPersonalizedExceptCurrent","unSortedOrderStates","isLastRecordSelectedByStatCode","changeActiveSubCode","selectedOrderState","getTicket","onLoadIframe","frames","outerHeight","BASE_API_URL","returnUrl","encodeURIComponent","UserName","ReturnUrl","AgencyName","AgentName","AgentLastName","AgentAddress","AgentAddress2","AgentCity","AgentZip","AgentState","AgentPhone","AgentEmail","DocumentCode","itemNumber","PHONE","NextStepText","CloneDocuments","ProductRestrictions","NotForMA","NotForCO","Action","PunchOutActions","EDIT","DocumentId","CREATE","getPunchoutTicket","ticketId","BASE_PUNCHOUT_URL","selectedSubCodes","previous","isSelfSelect","ssc","updateSubCodesDetails","obj","subCodesByOM","SelectionType","SINGLE","Keys","SEARCH","RESULTS","inject","tableCssClasses","css","striped","selectedRecords","hasResults","onSelectAll","isValid","showInvalid","getColumnUrl","emitSortBy","onResults","spColumns","specialtyColumns","selectedList","detail","currentOrderState","listLength","exportColumns","allRecordsSelected","updatePolicyHolders","goToNextStep","allRecords","sl","policyNumber","trim","policyType","renewalDate","motorCycle","rv","waterCraft","addMailContacts","nextSubCode","list","formatFlag","flag","mc","setFilters","activeOrderStateId","showPolicyHolders","updatedMailContacts","request","currentStatCode","currentSelectedIndex","populateSelectedSubCodes","subCodesToUpdatePolicyHolders","subcode","IN_PROGRESS","changeShowPolicy","showPolicy","loadBulkOrder","dropDate","productDetail","format","disabledDates","minDate","addDays","maxDate","lastDayOfMonth","addMonths","showFrequencyDetails","totalMailingCount","reduce","sum","selectedDate","setUTCHours","startDateJ","removePastDates","change","dataListTypeCode","mailingType","DropType","Frequency","WEEKLY","drops","pricePerPiece","assetNumber","getMailingDetails","setDropDetails","selectedAgencySubCodes","addingToCart","selectedDocumentId","totalOrderCount","undefined","totalOrderPrice","canAddToCart","takeToStepTwo","previewPdf","previewPdfInNewWindow","openPdfPreview","addToCart","responseStatus","checkout","agencySubcodesDetails","agency","setDocumentInfo","docIds","DocID","split","pageFlexDocumentIds","updateBulkOrderStateDocumentIds","updateDocId","parent","ShipToUserForm","saveAddress","saveDefault","onCartLoaded","load","shipToMode","ShipToMode","ShipToUser","contactAddressId","setShipToUserCustomAddress","View","EDITABLE","EDITING","SUMMARY","AddressOption","SAVED_ADDRESS","addressOption","selectedAddressId","defaultAddressId","pageView","canEdit","cartAddressOption","onAddressSelected","update","setShipToUserSavedAddress","onOtherAddressChanged","isInvalid","selection","ShipToContact","marketingContactId","ShipToContacts","setShipToMarketingContact","quantityMap","selections","orderContactItemQuantities","cartItemId","allSelected","keys","updateQuantityMap","parseInt","applyQuantityToAllItems","updateMultiShipItemsQuantity","setItemQuantity","toggleAddressSelect","addressId","onRemoveSelected","selectionIsMarkedForRemoval","addressIds","removeMultiShipAddresses","toggleSelectAll","markAllAddressAsSeelcted","getAddressee","formatAddress","addressArray","replaceAll","Display","SUMMARY_ADDRESS_LIST","PREVIEW_ADDRESS_LIST","CONFIRM_ADDRESS_LIST","UPLOAD_ADDRESS_LIST","AddOption","NEW_CONTACT","FROM_CONTACTS","UPLOAD_FILE","display","selectedAddresses","showUploadFile","personalAddresses","isContactsSelected","haveAddressesUpdated","onMyAddressConfirmClicked","updatedAddresses","onCancelClicked","setShipToMultiplContacts","goToPaymentPage","shipToContacts","onAddressDeselected","mailListTabs","sampleData","company","prepareFile","printContent","printWindow","printStylesheet","printStyles","createElement","innerHTML","head","appendChild","clonedDiv","cloneNode","body","print","close","XLSX","CSV","isInvalidFileType","hasFileUploaded","fileUploadErrorMessage","isMultipleFilesSelected","uploadFile","addressList","uploadAddressList","uploadedListSummary","debugMessage","hasAddressList","uploadedListItems","errorAddresses","addr","validationErrors","isEditing","editingMode","goToNext","validateAddresses","updateAddress","index","hasError","errors","getErrorMessage","cancelEdit","recipientsSelectTypeSelected","recipientsSelectType","hasUploadErrors","cancelEditing","updated","showOption","validAddresses","onPreviewClicked","onConfirmClicked","onSummaryClicked","showPreviewList","uploadedAddresses","goToUploadFile","fixedAddresses","uploadStatus","removeAddressListItem","addressToRemove","contacts","formatContact","contactArray","ShipToTypes","TO_USER","TO_CONTACT","TO_CONTACTS","shipToModeLoading","allContactsTypeSelected","allContactType","SAVED","UPLOAD","allContactsTypes","shipToTypes","shipToType","DistributionList","hasNonPickPackItems","hasNonPickPackItem","DeliveryType","shipToTypeTitle","hasPromotionApplied","canMultiShip","onChange","onHasShippingDetails","setShipToMode","setShipToModeToShipUser","setShipToModeToSingleContact","setShipToModeToMultipleContacts","disableButton","disableContinueShippingButton","paymentDetailsValue","shippingDetailsValue","nextNavigation","currentShipMethod","placingOrder","orderErrorMessages","canPlaceExpressOrder","onChangeShipTo","onChangeShipMethod","onChangeItems","onChangePayment","onPlaceOrder","setEmailResponse","storeCart","setShipToEmail","placeOrder","bulkOrderId","cartId","source","isPaid","paymentProcessorId","isMultiShip","onCartUpdated","getCssClass","shaded","isOpen","expandAll","collapseAll","feedbackTimer","bulkOrder","feedbackModal","orderNumbers","shipListCount","orders","orderNumbersText","showPayment","closeModal","initiateFeedback","setInterval","showFeedback","clearInterval","getOrder","o","orderDetail","itemQuantity","isNaN","resetCart","resetOrderState","expanded","handleExpandCollapse","oppIds","WATERCRAFT","RV","MOTORCYCLE","LANDLORDPROTECTION","DEFAULT_TITLE","stateFilterId","selectedCategories","productFiltersSearch","searchProducts","backToResults","filters","searchHandler","getExistingProductFilters","f","filterId","removeExistingFilters","storeCurrentProductFilters","nameOrder","productFilters","currentUserRole","primaryRoleId","isStateRestriction","stateRestrictionRoles","sr","searchFilters","testtype","isCrossSell","productNames","lob","changeImage","currentImage","images","abs","media","mediaImages","m","mediaType","noImageAvailableUrl","multipleImages","availability","productMessages","availableStates","addPersonalization","pdfUrl","onBack","showState","UNSET","OPEN","CLOSED","toggleOpenClose","viewHideText","videoId","uuidv4","crossSellVideoURL","navVideoURL","overallVideoURL","crossSellTabs","PersonalizationForm","agentFirstName","agentLastName","agentPhone","agentEmail","imageId","setRequired","fieldName","attributeName","personalization","generatePdfPreview","ConsentForm","pdfFinalApproval","acceptTermsAndConditions","willNotUseMassachusetts","pageNumber","showPdf","changePage","pageNum","pdfDetails","totalPages","fileUrl","personalizationForm","consentForm","submitPesonlization","setSelectedImage","sendToAll","log","details","summary","totals","productResponse","getProductDetails","expressOrdering","isExpress","frequencyOptions","BI_WEEKLY","numberOfMailingsOptions","mailFrequency","getMailFrequencySummary","frequencyResponse","getFrequencySummary","switchToOneTime","saveForLater","formatStatCode","subCode","listHeadline","filterInitiallValue","enableStartOrder","endsWith","opps","ownerMasterId","totalOppCount","counts","showEnrollAction","routeId","agencyAddress1","agencyAddress2","agencyCity","agencyState","agencyZip","filterValues","headline","AutoCrosssell","enrolledText","enrollText","some","prospectingTabs","handleEnroll","includeProspectPhone","includePhone","postalCodes","postalRadius","crossState","showZipResults","returnedZipCodes","selectedZipCodes","lookupZip","continueWitSelectedZips","zipRadius","ZERO","FIVE","TEN","FIFTEEN","TWENTY_FIVE","showPricing","prospectingTypes","PACKAGE","useServices","approvals","agencyResponse","agencyInformation","ONE_TIME","SEVERAL_DATES","howToSendMailing","sendMailing","subscribe","shopNoteCards","userReportDetails","winCustReport","winbackCustUrl","getUserReportDetail","ReportName","WIN_BACK_AUTO_CUSTOMER_LIST","recordDate","referenceId","policy","forwardAddress1","forwardAddress2","forwardCity","forwardState","forwardZip","forwardPhone","moveSource","moveType","moveDate","comments","header","listDetails","viewDetails","formateDate","records","exportCSVList","exportXLSList","ye","Intl","DateTimeFormat","mo","numberofLists","annualAutoColumns","customersUpRenewalColumns","sortId","getColumns","isAnnualAuto","indicatorOptions","indicatorData","Indicators","RECOMMENDED","YOUNG_DRIVER","MERIT","statCodeField","loading","isProductSaved","cancel","isStateSaved","getOrderStateByProductId","stepName","stepTitle","TabTypes","DATA_LIST_UPLOAD","AGENT_REFERRAL","punchOutActions","COMMIT","_iOSDevice","test","navigator","platform","maxTouchPoints","displayStepper","displayState","showTwoStepper","showThreeStepper","showMailStepper","directMail","directMailProductDetails","emailProductDetails","showButton","review","getOrderStates","getProductData","toPersonalizationPage","UpdateRecipients","saveForLaterInLocal","currentSelectedList","filteredSelectedList","durationOptions","subscriptionPeriod","loadedAllRecords","onInitFilters","String","summaryDetails","listCount","totalSelected","selectedCount","showNext","enableSaveForLater","seasonalSummary","newSearch","allRows","externalId","birthDate","isBirthdayCardEligible","isSeasonalCardEligible","birthMonthNumber","birthDayMailDate","renewalMailDate","addSubscriptionPolicyHolders","l","adjustBirthdaySelectedCount","adjustSeasonalSelectedCount","bdEligibleRows","ar","bdRecord","assetName","seasonalEligibleRows","seasonalRecords","seasonalRecordCount","refreshSearch","period","getSummaryData","getRelationMarketingSummary","isAgencySelected","ZipSearch","select","zipCode","searchedZipCodes","zipSearch","hasZipCodes","zipLookup","selectRow","selectedRow","remove","emitSelectedZipCodes","reload","prospectTypeOption","WITHALL","WITHSELECT","WITHOUTALL","WITHOUTSELECT","zipModal","countWithPhoneNumber","countWithoutPhoneNumber","originalCountWithPhoneNumber","originalCountWithoutPhoneNumber","priceWithPhoneNumber","priceWithoutPhoneNumber","prospectType","availablePricing","countPrices","getProspectCountPrice","withPhone","cp","includePhoneNumber","withOutPhone","countWithFactor","scrollIntoView","behavior","setSelectedZipCodes","zipCodes","recalculate","maxCount","confirmMax","max","targetCountForWithoutPhoneNumber","getProspectPrice","targetCountForPhoneNumber","getPayload","crossStateBoundary","isOwnListUploaded","finalPrice","finalUnitPrice","updateProspectingZipCodes","showModal","showCheckAvailability","XLS","uploadFailed","uploadRecipients","mailListId","mailListContactId","resetProspectingZipCodes","mailListOptions","mailListOptionsSelected","handleSaveForLaterRequest","mailListSelected","hasMailLists","sampleDataExcel","sampleDataCsv","instructionDataExcel","line","instructionDataCsv","sampleColumns","sampleFileUrl","fileformat","isExcel","instructionText","tableClass","headerClass","headerText","pText","impText","addNewProspectingMailList","passedAddresses","mailListName","uploadedRecipients","selectedMailListId","UploadListSteps","PREVIEW","SELECT","mailListOption","uploadListCurrentStep","isListNameEntered","hasRecords","totalCount","failedRecipientsCount","failedAddresses","preview","uploadedList","resetProspectingMailLists","selectedStep","mailListType","mailListTypeSelected","AnnualAutoConvert6months","searchId","AnnualAutoCustomersRenewal","updateRecipients","cancelDate","selectedListByPage","customerSinceDate","currentRecordsByPage","currentPageSelectedRecords","recordsByPage","currentPageNumber","slp","currentSelectedAllRecords","newSelectedList","setSelectedRecordsByPage","selectedSet","Array","from","cr","currentSelectedRecords","pageExists","allSelectedRecords","currentPageAllRecords","recordsWithoutCurrentPageRecords","cpr","currentPagesSelectedDbRecords","currentPageRecords","selectedPageFlexDocumentId","setSaveForLater","childOrderStates","childPageFlexDocumentIds","pd","itemName","pdfPreviewUrl","displayElements","showSubscription","showPriceSummary","showRenewalText","showPetInsuranceDropText","multipleDropValues","multipleDrop","redirectToSelectAssetPage","switchToMultiple","oneTimeDropDate","formattedDate","multipleDropDates","multiple","totalQuantity","dropTypeHeadline","switchHeadline","showInputTargetCount","customQuantity","showDropDate","orderTotal","showPersonalization","showFrequency","showMailings","showEditTargetCount","updateTargetCount","pdfData","showPdfContent","blob","getBlob","headers","URL","createObjectURL","Blob","onUnmounted","revokeObjectURL","isEmailLoaded","toEmailPersonalizationPage","subHeadline","crossSellNote","productStateFilter","productDataListTypeFilter","getDataListTypeFromProgramType","CROSS_SELL_EMAIL","getDataListOptionFromOppId","productLimitMessage","validateQuantity","limits","getProductLimits","available","limitText","getTotalPrice","qty","REORDER","productUserCustomDownloadModel","action","Boolean","commitPunchOutForDownload","completed","redirectUrl","customDownloadId","GETPROOF","orderGenerated","enableWelcomeKitButton","downloadPageFlexDocument","docId","quantitySteps","priceEstimate","priceEach","trunc","showQty","changeQty","saveQty","isSame","u","channels","MULTI_CHANNEL_CAMPAIGN","selectChannel","selectedChannel","t","guid","mwsOptOutEmail","trackEmail","MWS_OPT_OUT_REDIRECT_URL","isValidEmail","validateEmail","regex","emailOptOut","mwsEmailOptOut","EmailOptOut","JWT_TOKEN_KEY","I_TOKEN","_SSOAuthenticator_brand","SSOAuthenticator","Authenticator","isSignedIn","_getAccessToken","parsed","_parseToken","exp","_trace","_removeToken","getSignInRoute","to","fullPath","getSignOutRoute","getApiHeaders","isAuthenticated","impersonatedUserToken","sessionStorage","getItem","signIn","authenticate","access_token","_storeToken","removeLoginToken","localStorage","updateInfo","substring","atob","setItem","_doTrace","VUE_APP_TRACE_ASP_NET_AUTH","args","_Personalization_brand","Personalization","userState","states","availableCount","_init","getPdfPreview","parentOrderStateId","_setCartId","changeProductType","_updateOrderState","acceptConsent","selectProduct","addRecipients","updateOrderState","setWinbackDropDetails","_resetDropDetails","getWinbackMailDate","currentDay","setMonth","_reset","reloadOrderState","commitPunchoutTicket","orderId","newLogin","newOrderState","getProspectCount","getProductItemNumber","listName","getAllMailLists","addPolicyHolders","getExpressOrderItemInCart","getOrderItemInCart","isPersonalizable","getItemInCart","previewUrl","_setUserState","INIT_AGENCY_ID_KEY","AgencyDetails","isAgencySelectedOnce","onSignedIn","loadDefaultAgency","agencyId","setDefaultAgency","selectId","returnToDefault","addAgencyPayload","editAgencyPayload","getAgencies","removeInitialAgencyId","storeInitialAgencyId","getInitialAgencyId","CrossSell","getUsersImages","searchUsersImages","modelTypeId","UserFromBridge","Opportunities","agenyCode","OrderDetails","uuid","UserRoles","getRolesForAllAccess","showAgencyModalRoles","http","axios","baseURL","endpoint","annonymous","responseType","timeout","Authorization","StoreCart","UserFeedback","saveFeedBack","Banners","AddressList","Reporting","getReportDetail","reportDetail","ErrorHandler","withUtag","utag","Promise","resolve","view","AnalyticsHandler","DownloadHandler","fileNameFromUrl","link","setAttribute","click","removeChild","_ExpressOrderPersonalization_brand","ExpressOrderPersonalization","_updateBulkOrderState","reqPayload","resetBulkOrderState","reloadBulkOrderState","newBulkOrderState","getResponse","Session","Map","session","_productFiltersKey","WeakMap","SearchHandler","_classPrivateFieldInitSpec","existingFilters","_classPrivateFieldGet","MWSOptOutEmail","MWSEmailOptOut","emitGlobal","GlobalEvents","reportMapping","oldReportId","Site","NucleusStore","_defineProperty","requireAuthentication","PersonalizationInfo","ImageLibrary","Shipping","Banner","userFeedback","BlobService","Announcement","ExpressOrderPersonalizationInfo","initialize","NumberFormat","currency","getDaysInMonth","formatDisplayDate","mockSignIn","statCode1","statCode2","emitSignedIn","EventIDs","AUTH_SIGNED_IN","signWithUserId","deepLink","navigatingTo","createDeepLinkRoute","postSignedIn","handleUnauthorizedError","urlParams","URLSearchParams","setupVue","vueApp","component","PageTemplate","createVueRouter","addRoute","AccountPage","HomePage","addPublicRoute","SSOSignInPage","SSORedirect","ContactUsPage","FrequentlyAskedQuestionsPage","HowToVideosPage","CartPage","CheckoutPage","ReviewPage","OrderConfirmedPage","ProductSearchPage","ProductDetailPage","ExpressOrderConfirmation","ExpressOrderSubCodes","ExpressOrderPersonalizationConfirmation","ExpressOrderStepOne","ExpressOrderStepTwo","ExpressOrderStepThree","ExpressOrderStepFour","ExpressOrderPageFlexReturn","CrossSellHomePage","CrossSellExpressOrderingPage","CrossSellProgamStep1Page","CrossSellProgamStep2Page","CrossSellProgamStep3Page","CrossSellProgamStep4Page","CrossSellSelectMultipleDropsStep3Page","CrossSellViewSummaryPage","CrossSellViewDetailPage","ProspectingHomePage","ProProspectingStep1PersonalizationPage","ProspectingStep4ReviewPage","ProspectingSelectPromoteProspectsPage","ProspectingStep2SelectMailListPage","ProspectingStep2SelectZipCodesPage","ProspectingSelectMailScheduleStep3Page","ProspectingSelectMultipleDropsStep3Page","ProspectingStep2ZipCode","RelationshipMarketingPage","RoyaltyLoyaltyMovingPage","RoyaltyLoyaltyWinBackPage","RoyaltyLoyaltyClientReferralPage","RoyaltyLoyaltyInsuranceCheckUpPage","MovingWithSafecoListPage","RoyaltyLoyaltyAnnualAutoViewListPage","MWSAcknowledgementPage","SaveForLaterConfirmation","PersonalizeStep1Page","PersonalizeStep2Page","PersonalizeStep3Page","PersonalizeStep3WinBackPage","PersonalizeStep3DropDatePage","PersonalizeStep4Page","PersonalizeStep4MultiPage","SelectAssetPage","SelectChannelPage","PersonalizeStep3ReviewPage","PersonalizeStep2ReviewPage","PageFlexReturnPage","CustomizeDownloadPage","CustomizeDownloadPageFlexReturn","DownloadCustomizeAssetPage","PrintOnDemandCustomizeStep1Page","PrintOnDemandCustomizeStep2Page","PrintOnDemandCustomizeStep3Page","AnnualAutoExpressOrderingPage","AnnualAutoSelectChannelPage","AnnualAutoPersonalizationSubCodesPage","AnnualAutoSelectSubCodesPage","MarketingHomePage","GrowYourBusinessPage","SellNewProspectsPage","PromoteAnEventPage","PromoteOnlinePresencePage","OrderMarketingMaterialsPage","IncreaseRetentionAddValuePage","MyFavoriteMarketingMaterialsPage","MyFavoriteReportsPage","MostRecentDownloadsPage","AutoInsuranceBrochuresPage","HomeInsuranceBrochuresPage","AnnualAutoLetterPage","InsuranceCheckUpPosterPage","CustomizableDownloadStep1Page","CustomizableDownloadStep2Page","ReportsHomePage","ReportDetailsPage","ImpersonationEnded","DeepLinkRedirect","TermsAndConditions","MWSOptOutEmailPage","MWSEmailOptOutPage","addRedirectRoute","addVueRoute","beforeEnter","ReportID","redirect","keywords","Keywords","ProgramTypeCode","ProductTypeCode","AssetFormatCode","CategoryCode","beforeEach","searchIds","SEARCH_REFRESH_ALL","UnitOfMeasure","EA","KIT","BOX","PK","PAD","CAR","getUnitOfMeasureFriendlyName","unitOfMeasure","quantityPerUnit","AGENCY_REFERRAL","EXPRESS_ORDER","CALL_SCRIPTS","LETTER","LETTER_TEMPLATES","WEBSITE_CONTENT","ProductSearchTerm","PROSPECTING_OVERVIEW","INSURANCE_CHECKUP_FORM","INSURANCE_CHECKUP_POASTER","MOVING_WITH_SAFECO","WINBACK_OVERVIEW","REFERRAL_PROGRAM_PROMOTIONAL_FLYER","PROGRAM_POSTCARD","SOURCE_CODE_TRACKER_TOOL","REFERRAL_TRACKING_SHEET","Client_Referral","SPANISH","SPANISH_ASSETS","DataListType","NCS","NCS_EMAIL","PROSPECT","ANNUAL_AUTO_EXPRESS","CAUMB","LOYALTY_CARDS","NCS_LANDLORD","POD","DataListTypeToProgramType","DataListOption","UmbrellaEdcuationCrossSell","UmbrellaRatingsCrossSell","UmbrellaLandlord","FloridaUmbrella","AgencyReferral","OppIdFromSystem","LPP","CROSS_SELL_PET","CROSS_SELL_UMBRELLA_TO_AUTO","CROSS_SELL_HOME_TO_AUTO","CROSS_SELL_AUTO_TO_HOME","ANNUAL_6_MONTH","CUSTOMER_RENEWAL","OperationType","TopReports","MailPerformanceReports","MSCUserDetails","MarketingSuccessTrackingPrograms","tabId","FeedbackType","USER","ORDER_COMPLETE","UNAUTHORIZED_RESPONSE_CODE","onGlobal","configUrl","init","API_CALL_ERROR","wasAuthenticated","deeplink","snipOptions","snipMethod","app","createApp","App","use","VueSnip","directive","el","binding","wasFocused","hasOwnProperty","focus","mount","event","isFinite","statcode","formatDateTime","locale","dt","offsetHours","getTimezoneOffset","getHours","second","entries","finalEntries","keyToValues","fieldValues","number","match","modalEle","thisModalObj","_show","_close","hide","Modal","__expose","feedbackQuestions","feedbackResponse","feedbackComment","updateRating","questionId","rating","feedbackQuestionsId","feedbackValue","resetData","feedbackData","description","sendFeedback","feedbackSurveyModel","rest","feedbackType","onConfigLoaded","questions","keyword","subMenu","menuRef","showMenu","closeMenu","onSearch","addEventListener","contains","selectedAgency","currentDefaultAgency","modalRef","showChangeAgency","initialAgencyId","changeAgency","redirectedFrom","isAgentRole","exitAgencyChange","selectAgency","currentRoleId","isDefaultAgency","isAgencyNull","hasMoreThanOneAgencyToSelect","showAgencyModal","showReturnToProfile","currentAgencyInfo","ownerMasterPrefix","debouncedFilter","debounce","clearStorage","optModal","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","exports","module","loaded","__webpack_modules__","deferred","O","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","every","n","getter","__esModule","definition","defineProperty","enumerable","chunkId","all","promises","miniCssF","g","globalThis","Function","prototype","inProgress","dataWebpackPrefix","done","script","needAttach","scripts","getElementsByTagName","getAttribute","charset","nc","src","onScriptComplete","prev","onerror","onload","clearTimeout","doneFns","parentNode","bind","Symbol","toStringTag","nmd","paths","installedChunks","installedChunkData","promise","reject","loadingEnded","errorType","realSrc","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","chunkLoadingGlobal","self","__webpack_exports__"],"sourceRoot":""}