{"version":3,"file":"js/app.98a200b8.js","mappings":"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","sources":["webpack://alcon.store/./src/site/components/LimitMessages.vue","webpack://alcon.store/./src/site/components/LimitMessages.vue?7ae2","webpack://alcon.store/./src/site/components/ProductGridTile.vue","webpack://alcon.store/./src/site/components/ProductGridTile.vue?735a","webpack://alcon.store/./src/site/components/MockProductGridTile.vue","webpack://alcon.store/./src/site/HomePage.vue","webpack://alcon.store/./src/site/HomePage.vue?5224","webpack://alcon.store/./src/template/components/SignInPageHeader.vue","webpack://alcon.store/./src/template/components/SignInPageFooter.vue","webpack://alcon.store/./src/template/SignInPageTemplate.vue","webpack://alcon.store/./src/site/areas/sign-in/forms/SignInForm.js","webpack://alcon.store/./src/site/areas/sign-in/components/SignInForm.vue","webpack://alcon.store/./src/site/areas/sign-in/components/SignInForm.vue?e1ad","webpack://alcon.store/./src/site/areas/sign-in/SignInPage.vue","webpack://alcon.store/./src/services/authentication/okta/oktaconfig.js","webpack://alcon.store/./src/site/areas/sign-in/okta/OktaSignInPage.vue","webpack://alcon.store/./src/site/areas/sign-in/okta/OktaSignInPage.vue?7255","webpack://alcon.store/./src/site/areas/sign-in/ForgotPasswordPage.vue","webpack://alcon.store/./src/site/areas/sign-in/forms/SetPasswordForm.js","webpack://alcon.store/./src/site/areas/sign-in/components/SetPasswordForm.vue","webpack://alcon.store/./src/site/areas/sign-in/components/SetPasswordForm.vue?9bf2","webpack://alcon.store/./src/site/areas/sign-in/SetPasswordPage.vue","webpack://alcon.store/./src/site/areas/sign-in/ResetPasswordPage.vue","webpack://alcon.store/./src/site/areas/sign-in/VerifyEmailPage.vue","webpack://alcon.store/./src/site/components/ProductListTile.vue","webpack://alcon.store/./src/site/components/ProductListTile.vue?513d","webpack://alcon.store/./src/site/components/MockProductListTile.vue","webpack://alcon.store/./src/site/areas/products/SearchPage.vue","webpack://alcon.store/./src/site/areas/products/SearchPage.vue?c049","webpack://alcon.store/./src/site/components/ProductPdfControls.vue","webpack://alcon.store/./src/site/components/ProductPdfControls.vue?191d","webpack://alcon.store/./src/site/components/ProductDetail.vue","webpack://alcon.store/./src/site/components/ProductDetail.vue?5389","webpack://alcon.store/./src/site/areas/products/ProductDetailPage.vue","webpack://alcon.store/./src/site/areas/products/ProductDetailPage.vue?ba18","webpack://alcon.store/./src/site/areas/cart/components/CartItemTile.vue","webpack://alcon.store/./src/site/areas/cart/components/CartItemTile.vue?6314","webpack://alcon.store/./src/site/areas/cart/components/CartItemList.vue","webpack://alcon.store/./src/site/areas/cart/components/CartItemList.vue?b086","webpack://alcon.store/./src/site/components/ConferenceOrderTile.vue","webpack://alcon.store/./src/site/components/ConferenceOrderTile.vue?2ccc","webpack://alcon.store/./src/site/areas/cart/components/CartBodyPanel.vue","webpack://alcon.store/./src/site/areas/cart/components/CartBodyPanel.vue?a396","webpack://alcon.store/./src/site/areas/cart/CartPage.vue","webpack://alcon.store/./src/site/areas/cart/CartPage.vue?acee","webpack://alcon.store/./src/site/components/ShippingAddressTile.vue","webpack://alcon.store/./src/site/components/ShippingAddressTile.vue?3c69","webpack://alcon.store/./src/site/areas/cart/forms/ShipToUserForm.js","webpack://alcon.store/./src/site/areas/cart/components/ShipToUser.vue","webpack://alcon.store/./src/site/areas/cart/components/ShipToUser.vue?c4f3","webpack://alcon.store/./src/site/components/marketing/MarketingContactTile.vue","webpack://alcon.store/./src/site/components/marketing/MarketingContactTile.vue?5cac","webpack://alcon.store/./src/site/components/marketing/MarketingContacts.vue","webpack://alcon.store/./src/site/components/marketing/MarketingContacts.vue?4b18","webpack://alcon.store/./src/site/areas/cart/components/AddressReviewTable.vue","webpack://alcon.store/./src/site/areas/cart/components/AddressReviewTable.vue?cdd6","webpack://alcon.store/./src/site/areas/cart/components/ConfirmAddressList.vue","webpack://alcon.store/./src/site/areas/cart/components/ConfirmAddressList.vue?c0e3","webpack://alcon.store/./src/site/areas/cart/components/ShipToContact.vue","webpack://alcon.store/./src/site/areas/cart/components/ShipToContact.vue?8355","webpack://alcon.store/./src/site/areas/cart/components/ShipToContacts.vue","webpack://alcon.store/./src/site/areas/cart/components/ShipToContacts.vue?4d04","webpack://alcon.store/./src/site/components/crm/CRMContactTile.vue","webpack://alcon.store/./src/site/components/crm/CRMContactTile.vue?c456","webpack://alcon.store/./src/site/components/crm/CRMContacts.vue","webpack://alcon.store/./src/site/components/crm/CRMContacts.vue?8f1f","webpack://alcon.store/./src/site/areas/cart/components/ShipToCRMContact.vue","webpack://alcon.store/./src/site/areas/cart/components/ShipToCRMContact.vue?f5fd","webpack://alcon.store/./src/site/areas/cart/components/ShipToCRMContacts.vue","webpack://alcon.store/./src/site/areas/cart/components/ShipToCRMContacts.vue?4c2e","webpack://alcon.store/./src/site/areas/cart/components/PrepareMailList.vue","webpack://alcon.store/./src/site/areas/cart/components/PrepareMailList.vue?a563","webpack://alcon.store/./src/site/areas/cart/components/UploadAddressList.vue","webpack://alcon.store/./src/site/areas/cart/components/UploadAddressList.vue?e7be","webpack://alcon.store/./src/site/areas/cart/components/PreviewAddressList.vue","webpack://alcon.store/./src/site/areas/cart/components/PreviewAddressList.vue?2cba","webpack://alcon.store/./src/site/areas/cart/components/UploadErrors.vue","webpack://alcon.store/./src/site/areas/cart/components/UploadErrors.vue?c1c8","webpack://alcon.store/./src/site/areas/cart/components/UploadSummary.vue","webpack://alcon.store/./src/site/areas/cart/components/UploadSummary.vue?f6bb","webpack://alcon.store/./src/site/areas/cart/components/ShipToList.vue","webpack://alcon.store/./src/site/areas/cart/components/ShipToList.vue?b905","webpack://alcon.store/./src/site/components/OrderContactTile.vue","webpack://alcon.store/./src/site/components/OrderContactTile.vue?eac3","webpack://alcon.store/./src/site/areas/cart/components/ShipTo.vue","webpack://alcon.store/./src/site/areas/cart/components/ShipTo.vue?7e5f","webpack://alcon.store/./src/site/areas/cart/components/ShipMethodSelector.vue","webpack://alcon.store/./src/site/areas/cart/components/ShipMethodSelector.vue?4574","webpack://alcon.store/./src/site/areas/cart/CheckoutPage.vue","webpack://alcon.store/./src/site/areas/cart/CheckoutPage.vue?977a","webpack://alcon.store/./src/site/areas/cart/ReviewPage.vue","webpack://alcon.store/./src/site/areas/cart/ReviewPage.vue?5257","webpack://alcon.store/./src/site/areas/cart/components/OrderShipTo.vue","webpack://alcon.store/./src/site/areas/cart/components/OrderShipTo.vue?1a98","webpack://alcon.store/./src/site/areas/cart/components/MultiShipDetails.vue","webpack://alcon.store/./src/site/areas/cart/components/MultiShipDetails.vue?5c72","webpack://alcon.store/./src/site/areas/cart/components/OrderShipToMultiple.vue","webpack://alcon.store/./src/site/areas/cart/components/OrderShipToMultiple.vue?3383","webpack://alcon.store/./src/site/areas/cart/components/OrderItemTile.vue","webpack://alcon.store/./src/site/areas/cart/components/OrderItemTile.vue?d247","webpack://alcon.store/./src/site/areas/cart/components/OrderItemList.vue","webpack://alcon.store/./src/site/areas/cart/components/OrderItemList.vue?cec1","webpack://alcon.store/./src/site/areas/cart/OrderConfirmedPage.vue","webpack://alcon.store/./src/site/areas/cart/OrderConfirmedPage.vue?8094","webpack://alcon.store/./src/site/areas/orders/OrderDetailPage.vue","webpack://alcon.store/./src/site/areas/orders/OrderDetailPage.vue?cf13","webpack://alcon.store/./src/site/areas/account/forms/UpdateAccountInfoForm.js","webpack://alcon.store/./src/site/areas/account/components/ProfilePanel.vue","webpack://alcon.store/./src/site/areas/account/components/ProfilePanel.vue?af45","webpack://alcon.store/./src/site/areas/account/components/FavoritesPanel.vue","webpack://alcon.store/./src/site/areas/account/components/FavoritesPanel.vue?c392","webpack://alcon.store/./src/site/areas/account/components/ContactsPanel.vue","webpack://alcon.store/./src/site/components/OrderHistoryTile.vue","webpack://alcon.store/./src/site/components/OrderHistoryTile.vue?7179","webpack://alcon.store/./src/site/areas/account/components/OrderHistoryPanel.vue","webpack://alcon.store/./src/site/areas/account/components/OrderHistoryPanel.vue?3e10","webpack://alcon.store/./src/site/areas/account/forms/ChangePasswordForm.js","webpack://alcon.store/./src/site/areas/account/components/PasswordPanel.vue","webpack://alcon.store/./src/site/areas/account/components/PasswordPanel.vue?56a1","webpack://alcon.store/./src/site/areas/account/AccountPage.vue","webpack://alcon.store/./src/site/areas/account/AccountPage.vue?7138","webpack://alcon.store/./src/site/areas/help/forms/ContactUsForm.js","webpack://alcon.store/./src/site/areas/help/components/ContactUsPanel.vue","webpack://alcon.store/./src/site/areas/help/components/ContactUsPanel.vue?b855","webpack://alcon.store/./src/site/areas/help/components/Faqs.js","webpack://alcon.store/./src/site/areas/help/components/FAQsPanel.vue","webpack://alcon.store/./src/site/areas/help/components/FAQsPanel.vue?eba9","webpack://alcon.store/./src/site/areas/help/HelpPage.vue","webpack://alcon.store/./src/site/areas/help/HelpPage.vue?103d","webpack://alcon.store/./src/site/areas/sign-in/MFAPage.vue","webpack://alcon.store/./src/site/areas/sign-in/forms/AccountTypeForm.js","webpack://alcon.store/./src/site/areas/sign-in/SignUpAccountTypePage.vue","webpack://alcon.store/./src/site/areas/sign-in/SignUpAccountTypePage.vue?372e","webpack://alcon.store/./src/services/registration.js","webpack://alcon.store/./src/site/areas/sign-in/forms/SignUpForm.js","webpack://alcon.store/./src/site/areas/sign-in/forms/SignUpAutoForm.js","webpack://alcon.store/./src/site/areas/sign-in/components/SignUpAutoForm.vue","webpack://alcon.store/./src/site/areas/sign-in/components/SignUpAutoForm.vue?f757","webpack://alcon.store/./src/site/areas/sign-in/SignUpAutoPage.vue","webpack://alcon.store/./src/site/areas/sign-in/SignUpAutoPage.vue?31be","webpack://alcon.store/./src/site/areas/sign-in/components/SignUpForm.vue","webpack://alcon.store/./src/site/areas/sign-in/components/SignUpForm.vue?82a8","webpack://alcon.store/./src/site/areas/sign-in/SignUpRetailerPage.vue","webpack://alcon.store/./src/site/areas/sign-in/SignUpRetailerPage.vue?1d29","webpack://alcon.store/./src/services/AddressList.js","webpack://alcon.store/./src/site/components/ImpersonationEnded.vue","webpack://alcon.store/./src/Store.js","webpack://alcon.store/./src/constants.js","webpack://alcon.store/./src/App.vue","webpack://alcon.store/./src/App.vue?7ccd","webpack://alcon.store/./src/main.js","webpack://alcon.store/./src/template/components/PageHeader.vue","webpack://alcon.store/./src/template/components/PageHeader.vue?3087","webpack://alcon.store/./src/template/components/PageFooter.vue","webpack://alcon.store/./src/site/components/ImpersonateAlert.vue","webpack://alcon.store/./src/site/components/ImpersonateAlert.vue?fa1e","webpack://alcon.store/./src/template/PageTemplate.vue","webpack://alcon.store/webpack/bootstrap","webpack://alcon.store/webpack/runtime/chunk loaded","webpack://alcon.store/webpack/runtime/compat get default export","webpack://alcon.store/webpack/runtime/define property getters","webpack://alcon.store/webpack/runtime/global","webpack://alcon.store/webpack/runtime/hasOwnProperty shorthand","webpack://alcon.store/webpack/runtime/make namespace object","webpack://alcon.store/webpack/runtime/node module decorator","webpack://alcon.store/webpack/runtime/jsonp chunk loading","webpack://alcon.store/webpack/startup"],"sourcesContent":["<script setup>\n\n    // LimitMessages\n    // Used to display limit message(s) that may apply to a given product.\n\n    // Components ----\n\n    // Imports ----\n    import { defineProps, onMounted, watch } from 'vue';\n    import { store } from '@/Store';\n\n    // Props ----\n    const props = defineProps({\n        // The product whose limits to show.\n        product: {\n            type: Object,\n            required: true\n        }\n    });\n\n    // Handlers ----\n    \n    onMounted(async () => {\n    });\n\n    //TODO: remove using limit api and get the information directly from the product props.\n    watch(() => props.product.limits, async () => {\n       \n        await store.products.getProductLimits(props.product);\n\n    }, {deep: true})\n\n</script>\n\n<template>\n\n    <div class=\"filter-messages\">\n        <div v-for=\"limit in props.product.limits\" :key=\"limit.limitText\">\n            <i class=\"bi bi-lock\"></i> Limit {{ limit.limitText }}\n            <span v-if=\"limit.available !== null\">({{ limit.available }} remaining)</span>\n        </div>\n    </div>\n\n</template>\n\n<style lang=\"scss\">\n\n    .filter-messages {\n        font-size: 0.7rem;\n    }\n\n</style>","import script from \"./LimitMessages.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./LimitMessages.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./LimitMessages.vue?vue&type=style&index=0&id=af0f89e0&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\n\t// ProductGridTile\n\t// A tile for a single product intended to be displayed in grid mode.\n\n\t// Setup ---\n\t// Use the values below to modify how the tile appears\n\tconst setup = {\n\t\ttileHeight: '25rem', // Height of the full tab, fixed for alignment purposes\n\t\tproductNameLines: 2 // Number of lines product name is allowed to wrap before being trimmed with ellipses\n\t};\n\n\texport const Setup = setup;\n</script>\n\n<script setup>\n\t// Components ----\n\timport LimitMessages from './LimitMessages';\n\n\t// Imports ----\n\timport { computed, reactive, defineProps } from 'vue';\n\timport { AddToCartForm } from '@dd-nucleus/nucleus-vue';\n\timport { store } from '@/Store';\n\n\t// Props ----\n\tconst props = defineProps({\n\t\t// The product whose information to show.\n\t\t// API model: DD.Nucleus.Storefront.Api.ProductTileModel\n\t\tproduct: {\n\t\t\ttype: Object,\n\t\t\trequired: true\n\t\t}\n\t});\n\n\t// State ----\n\tconst product = reactive(props.product);\n\tconst form = reactive(new AddToCartForm(props.product, '', null, product.allowBackorders));\n\n\t// Computed ----\n\t//const showInStockQuantity = computed(() => {\n\t//\treturn product.limits == null || product.limits.length == 0;\n\t//});\n\n\tconst quantityLabel = computed(() => {\n\t\treturn store.config.store?.unitOfMeasures.find(unit => unit.id?.toLowerCase() === product.unitOfMeasure?.toLowerCase())?.text ?? null;\n\t});\n\n\t// Handlers ----\n</script>\n\n<template>\n\t<div class=\"product-grid-tile d-flex flex-column\" :style=\"{ minHeight: setup.tileHeight }\">\n\t\t<div class=\"top\">\n\t\t\t<ProductThumbnail :product=\"product\" height=\"200px\" no-image-available-url=\"/images/no-image.png\" />\n\t\t</div>\n\t\t<div class=\"middle flex-fill\">\n\t\t\t<!-- Stretchy middle part-->\n\n\t\t\t<div class=\"d-flex flex-row\">\n\t\t\t\t<div class=\"flex-fill\">\n\t\t\t\t\t<ProductTags :product=\"product\" />\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<ProductFavoriteIcon :product=\"product\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Product name and item number -->\n\t\t\t<router-link class=\"title-link\" :to=\"`/product/${product.id}`\">\n\t\t\t\t<div class=\"name\" v-snip=\"{ lines: setup.productNameLines }\" :title=\"product.name\">\n\t\t\t\t\t{{ product.name }}\n\t\t\t\t</div>\n\t\t\t</router-link>\n\t\t\t<div class=\"item-number\">\n\t\t\t\t<router-link class=\"title-link\" :to=\"`/product/${product.id}`\">{{ product.itemNumber }}</router-link>\n\t\t\t</div>\n\n\t\t\t<LimitMessages :product=\"product\" class=\"mt-2\" />\n\n\t\t\t<!--<span v-if=\"showInStockQuantity && !product.allowBackorders\" class=\"filter-messages\">Qty in stock: {{ product.quantityAvailable }} </span>-->\n\t\t</div>\n\t\t<div class=\"bottom d-flex coming-soon\" v-if=\"product.isAvailableSoon\">\n\t\t\t<i class=\"bi bi-hourglass-split\"></i>\n\t\t\t<i><p>Coming soon...</p></i>\n\t\t</div>\n\t\t<div class=\"bottom\" v-else>\n\t\t\t<!-- Fixed bottom part -->\n\t\t\t<MessageList :messages=\"product.messages\" :add-box=\"false\" v-if=\"!product.allowBackorders\" />\n\t\t\t<p>Quantity: {{ product.quantityPerUnit }} {{ product.quantityPerUnit > 1 ? 'units' : 'unit' }} per {{ quantityLabel }}</p>\n\t\t\t<FormContainer :form=\"form\" v-if=\"product.canAddToCart\">\n\t\t\t\t<FormMessages field-name=\"quantity\" :add-box=\"false\" class=\"mb-2\" v-if=\"!product.allowBackorders\" />\n\t\t\t\t<FieldMessages field-name=\"quantity\" class=\"mb-2\" />\n\t\t\t\t<ProductAddToCartQty :product=\"product\" />\n\t\t\t\t<div class=\"d-grid mt-3\">\n\t\t\t\t\t<button class=\"btn btn-outline-color-1\" @click=\"form.submit()\" :disabled=\"form.status.isInvalid\">ADD TO CART</button>\n\t\t\t\t</div>\n\t\t\t</FormContainer>\n\t\t</div>\n\t</div>\n</template>\n\n<style lang=\"scss\">\n    .product-grid-tile {\n\n        .coming-soon {\n            justify-content: center;\n            align-self: center;\n\n            .bi-hourglass-split {\n                font-size: 1rem;\n                margin-right: 0.5rem;\n            }\n\n            p {\n                font-size: 14px;\n                margin-bottom: 0;\n            }\n        }\n\n        p {\n            font-size: 12px;\n        }\n        .name {\n            font-size: 1rem;\n            line-height: 1.1rem;\n        }\n\n        a.title-link,\n        a.title-link:visited,\n        a.title-link:hover {\n            color: var(--bs-body-color);\n            text-decoration: none;\n        }\n\n        .item-number a.title-link {\n            font-size: 0.7rem;\n            color: $gray-50;\n        }\n\n        .n-product-add-to-cart-qty .text-box {\n            border-color: #dddddd;\n        }\n\n        .btn[disabled] {\n            opacity: 0.2;\n        }\n    }\n</style>\n","import script from \"./ProductGridTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProductGridTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProductGridTile.vue?vue&type=style&index=0&id=15c5fd96&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=2ccf1e52&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n    // HomePage\n    // Main home page\n\n    // Components ----\n    import ProductGridTile from './components/ProductGridTile';\n    import MockProductGridTile from './components/MockProductGridTile';\n\n    // Imports ----\n    import { computed, reactive } from 'vue';\n    import { store } from '@/Store';\n    import { Util } from '@dd-nucleus/nucleus-vue';\n\n    // Filter used for the featured products panel\n    const featuredFilter = computed(() => {\n        return store.products.filters.featured;\n    });\n\n    // Filter used to include only first order in bulkOrders in order search\n    const includeFirstOrderInBulkOrdersFilter = {\n        filterId: 'include-firstOrder-in-bulkOrders',\n        values: ['']\n    };\n\n    let announcementToShow = reactive([]);\n\n    store.onInitialized(async () => {\n        if (store.user.userId) {\n            const response = await store.announcement.getAnnouncementsForUser();\n            if (response.succeeded) {\n                announcementToShow.push(...response.announcements);\n            } else {\n                this.store.handleApiError(response);\n                return null;\n            }\n        }\n    });\n\n    //If the order provided is a bulk order then replace the order id and number with the bulk order id and number\n    function updateOrderForBulkOrder(order) {\n        if (order.bulkOrderId != null) {\n            order.id = order.bulkOrderId;\n            order.orderNumber = order.bulkOrderNumber;\n        }\n\n        return order;\n    }\n\n    function getRecipientName(order){\n        return order != null && order.shipTo != null\n            ? order.bulkOrderNumber != null && order.bulkOrderId != null\n                ? 'Multi-Address' : order.shipTo.firstName != null\n                    ? (order.shipTo.firstName + \" \" + order.shipTo.lastName).substring(0, 10).trim() + \"..\"\n                    : order.shipTo.addressee.substring(0, 10).trim() + \"..\"\n            : \"\"\n    }\n</script>\n\n<template>\n    <PageTemplate>\n        <div class=\"container root-page\">\n            <div class=\"row banner\">\n                <div class=\"col d-lg-none\">\n                    <router-link to=\"/products\"><img src=\"/images/home-page-banner.jpg\" class=\"img-fluid\" /></router-link>\n                </div>\n                <div class=\"col d-none d-lg-block\">\n                    <router-link to=\"/products\"><img src=\"/images/home-page-banner.jpg\" class=\"img-fluid\" /></router-link>\n                </div>\n            </div>\n\n            <div class=\"row\">\n                <div class=\"col col-9\">\n                    <div class=\"announcements\" v-for=\"announcement in announcementToShow\" :key=\"announcement.id\">\n                        <h2 v-if=\"!!announcement.title\">{{ announcement.title }}</h2>\n                        <p v-if=\"!!announcement.body\" v-html=\"announcement.body\"></p>\n                    </div>\n                        <BodyPanel class=\"all products\">\n                            <template #title>\n                                SHOP ALL PRODUCTS\n                                <router-link to=\"/products\">View All</router-link>\n                            </template>\n                        </BodyPanel>\n                        <BodyPanel class=\"home-body-panel\">\n                            <template #title>\n                                FEATURED PRODUCTS\n                            </template>\n\n                            <SearchContainer search-id=\"products-for-user\" sort-id=\"product-newest-to-oldest\" model-id=\"tile\" :display-count=\"12\" :filters=\"featuredFilter\">\n                                <SearchGrid>\n                                    <template v-slot:grid=\"product\">\n                                        <ProductGridTile :product=\"product\" />\n                                    </template>\n\n                                    <template #empty>\n                                        <div>\n                                            There are no featured products at the moment.\n                                            <router-link to=\"/products\">Click here</router-link> to search all products.\n                                        </div>\n                                    </template>\n\n                                    <template #loading-grid>\n                                        <MockSearchGrid>\n                                            <MockProductGridTile />\n                                        </MockSearchGrid>\n                                    </template>\n                                </SearchGrid>\n                            </SearchContainer>\n                        </BodyPanel>\n                </div>\n\n                <div class=\"col col-3 side-bar\">\n                    <SidePanel title=\"NEW MARKETING MATERIALS\">\n                        <SearchContainer search-id=\"products-for-user\" sort-id=\"product-itemNumber\" model-id=\"row\" :display-count=\"6\" :filters=\"store.products.filters.new\">\n                            <SearchResults>\n                                <template v-slot:result=\"product\">\n                                    <ProductLinkItem :product=\"product\" />\n                                </template>\n\n                                <template #empty>\n                                    No new marketing materials at the moment. Check back soon!\n                                </template>\n\n                                <template #loading>\n                                    <div class=\"link-item\">\n                                        <span class=\"placeholder placeholder-wave w-50\"></span>\n                                    </div>\n                                    <div class=\"link-item\">\n                                        <span class=\"placeholder placeholder-wave w-75\"></span>\n                                    </div>\n                                    <div class=\"link-item\">\n                                        <span class=\"placeholder placeholder-wave w-50\"></span>\n                                    </div>\n                                </template>\n\n                                <ResultCountRangePanel :min-results=\"6\">\n                                    <div class=\"d-grid mt-3\">\n                                        <router-link to=\"/products\" class=\"btn btn-color-1\">SHOP ALL NEW ITEMS</router-link>\n                                    </div>\n                                </ResultCountRangePanel>\n                            </SearchResults>\n                        </SearchContainer>\n                    </SidePanel>\n\n                    <SidePanel title=\"ORDER HISTORY\">\n                        <SearchContainer search-id=\"orders-for-user\"\n                                         sort-id=\"order-newest-to-oldest\"\n                                         model-id=\"tile\"\n                                         :display-count=\"6\"\n                                         :filters=\"includeFirstOrderInBulkOrdersFilter\">\n                            <SearchResults>\n                                <template #header>\n                                    <div class=\"order-history-table\">\n                                        <div class=\"header\">Order#</div>\n                                        <div class=\"header\">Ship To</div>\n                                        <div class=\"text-end header\">Order Date</div>\n                                    </div>\n                                </template>\n                                <template v-slot:result=\"order\">\n                                    <div class=\"order-history-table\">\n                                        <div>\n                                            <OrderLinkItem :order=\"updateOrderForBulkOrder(order)\" />\n                                        </div>\n                                        <div>\n                                            {{getRecipientName(order)}}\n                                        </div>\n                                        <div class=\"text-end\">\n                                            {{ Util.date(order.orderDate) }}\n                                        </div>\n                                    </div>\n                                </template>\n\n                                    <template #empty>\n                                        You haven't placed any previous orders\n                                    </template>\n\n                                    <template #loading>\n                                        <div class=\"link-item\">\n                                            <span class=\"placeholder placeholder-wave w-50\"></span>\n                                        </div>\n                                        <div class=\"link-item\">\n                                            <span class=\"placeholder placeholder-wave w-75\"></span>\n                                        </div>\n                                        <div class=\"link-item\">\n                                            <span class=\"placeholder placeholder-wave w-75\"></span>\n                                        </div>\n                                    </template>\n                                </SearchResults>\n                            </SearchContainer>\n</SidePanel>\n\n                    <SidePanel title=\"MY FAVORITES\">\n                        <SearchContainer search-id=\"products-for-user\" sort-id=\"product-itemNumber\" model-id=\"row\" :display-count=\"6\" :filters=\"store.products.filters.favorite\">\n                            <SearchResults>\n                                <template v-slot:result=\"product\">\n                                    <ProductLinkItem :product=\"product\" />\n                                </template>\n\n                                <template #empty>\n                                    You haven't marked any products as favorites. Click the heart icon by a product to add one.\n                                </template>\n\n                                <template #loading>\n                                    <div class=\"link-item\">\n                                        <span class=\"placeholder placeholder-wave w-75\"></span>\n                                    </div>\n                                    <div class=\"link-item\">\n                                        <span class=\"placeholder placeholder-wave w-50\"></span>\n                                    </div>\n                                    <div class=\"link-item\">\n                                        <span class=\"placeholder placeholder-wave w-50\"></span>\n                                    </div>\n                                </template>\n                            </SearchResults>\n\n                            <ResultCountRangePanel :min-results=\"3\">\n                                <div class=\"d-grid mt-3\">\n                                    <router-link to=\"/account/favorites\" class=\"btn btn-color-1\">VIEW ALL MY FAVORITES</router-link>\n                                </div>\n                            </ResultCountRangePanel>\n                        </SearchContainer>\n                    </SidePanel>\n                </div>\n            </div>\n        </div>\n    </PageTemplate>\n</template>\n\n<style lang=\"scss\" scoped>\n    .banner {\n        margin-bottom: 2rem;\n\n        img {\n            width: 100%;\n        }\n    }\n\n    .order-history-table {\n        display: grid;\n        grid-template-columns: 1fr 1.3fr 1fr;\n        column-gap: 5px;\n\n        .header {\n            font-weight: bold;\n            margin-bottom: 10px;\n        }\n    }\n\n    .announcements {\n        margin: 10px 0;\n\n        .announcement-title {\n            background-color: #ffff40;\n            color: #a6483b;\n            margin: 0 0 5px 0;\n            padding: 5px;\n            width: fit-content;\n        }\n\n        .announcement-message {\n            background-color: #ffc0c0;\n            color: black;\n            padding: 5px;\n            border-radius: 2px;\n            font-size: 14px;\n            line-height: 20px;\n            width: fit-content;\n\n            p {\n                margin: 0 !important;\n            }\n        }\n    }\n\n    .side-bar {\n        .n-side-panel {\n            margin-bottom: 2rem;\n        }\n    }\n\n    .link-item {\n        color: $color-1;\n        opacity: 0.3;\n        margin-bottom: 0.25rem;\n    }\n\n    .home-body-panel {\n        .title {\n            font-size: 0.9rem !important;\n            border-bottom: 1px solid $gray-10 !important;\n            font-weight: $bold !important;\n            color: $gray-50 !important;\n            background-color: $white !important;\n            padding-left: 0rem !important;\n            padding-bottom: 0.5rem !important;\n            padding-top: 0rem !important;\n        }\n    }\n\n    .home-body-panel .body {\n        padding-top: 1rem !important;\n        padding-left: 0rem !important;\n        padding-right: 0rem !important;\n    }\n\n    .n-side-panel .body {\n        min-height: 8rem;\n        vertical-align: middle;\n    }\n</style>\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=39ea9c2e&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Store/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-39ea9c2e\"]])\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=896f8dce&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Store/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-896f8dce\"]])\n\nexport default __exports__","import script from \"./SignInPageFooter.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SignInPageFooter.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SignInPageFooter.vue?vue&type=style&index=0&id=da97fa52&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./SignInPageTemplate.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SignInPageTemplate.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","\n// SignInForm\n// Implements the form that signs a user in.\n\n// Imports ----\nimport { Form } from '@dd-nucleus/nucleus-vue';\nimport { store } from '@/Store';\n\nexport default class SignInForm extends Form {\n\n    // Constructor\n    constructor(router) {\n        // Pass our model to the base class\n        super(\n          {\n            username: '',\n            password: '',\n            keepSignedIn: false\n          });\n\n        this.router = router;\n\n        this.validator.fields.username.isRequired = true;\n        this.validator.fields.password.isRequired = true;\n\n        // If we want the form to validate immediately based on automatic validations (e.g. to disable a button), do so here\n        this.validate();\n    }\n\n    onValidate() {\n        super.onValidate();\n    }\n\n    async onValidateAsync() {\n        super.onValidateAsync();\n\n        if (this.model.password !== '') {\n            // TODO: Validate password via call to API\n            // TODO: Add any messages to the....the what?\n        }\n    }\n\n    async onSubmit() {\n        const response = await store.signIn(this.model.username, this.model.password, this.router)\n        if (!response.success) {\n            // Show messages\n            this.validator.addError(response.errorMessage);\n        }\n    }\n\n    async onOktaSignIn() {\n        this.router.push({ name: 'OktaSignIn' });\n    }\n}","<script setup>\n\t// SignInForm\n\t// Provides username and password to sign in.\n\n\t// Components ----\n/*\timport Popper from 'vue3-popper';*/\n\n\t// Imports ----\n\timport { reactive } from 'vue';\n\timport { useRouter, useRoute } from 'vue-router';\n\timport SignInForm from '../forms/SignInForm';\n    import { store } from '@/Store';\n\n\tvar router = useRouter();\n\tvar route = useRoute();\n\n\t// State ----\n\tconst form = reactive(new SignInForm(router));\n\n\t// Dispatch the sign in request to the registered authenticator\n\t// Add token to the request during login.\n\t// This will invalidate previous tokens and generate new one, to avoid parallel session concurrency\n\tasync function onSignIn() {\n        sessionStorage.setItem('logged-in', 'true');\n\t\tawait form.submit();\n        await store.addToken();\n\t}\n\n    function onOktaSignIn() {\n        form.onOktaSignIn();\n    }\n\n</script>\n\n<template>\n\t<FormContainer :form=\"form\">\n\t\t<div v-if=\"route.query.timeout === 'true'\" class=\"alert alert-warning\">\n\t\t\t<i class=\"bi bi-exclamation-circle-fill\"></i> &nbsp;Uh oh! Your last session was timed out due to inactivity. Please sign in again.\n\t\t</div>\n\n\t\t<div v-if=\"route.query.signout === 'true'\" class=\"alert alert-success\">\n\t\t\t<i class=\"bi bi-check-circle-fill\"></i> &nbsp;You have successfully signed out. Please sign in again to continue.\n\t\t</div>\n\n\t\t<div v-if=\"route.query.created === 'true'\" class=\"alert alert-success\">\n\t\t\t<i class=\"bi bi-check-circle-fill\"></i> &nbsp;Your account has been created. A verification link has been sent to your email.\n\t\t</div>\n\n\t\t<FormMessages class=\"mb-2\" />\n\n\t\t<div class=\"mb-3\">\n\t\t\t<FieldLabel field-name=\"username\" label=\"Email\">\n\t\t\t\t<TextBoxField v-model=\"form.model.username\" placeholder=\"Email Address\" :auto-focus=\"true\" @keyup.enter=\"onSignIn\" />\n\t\t\t\t<FieldMessages field-name=\"username\" />\n\t\t\t</FieldLabel>\n\t\t</div>\n\t\t<div class=\"mb-3\">\n\t\t\t<FieldLabel field-name=\"password\" label=\"Password\">\n\t\t\t\t<TextBoxField v-model=\"form.model.password\" placeholder=\"Password\" :is-password=\"true\" show-pwd-btn-class=\"btn-color-2-xlt\" @keyup.enter=\"onSignIn\" />\n\t\t\t</FieldLabel>\n\t\t</div>\n\t\t<!--<CheckBoxField v-model=\"form.model.keepSignedIn\">\n\t\t\tKeep me signed in.\n\t\t\t<Popper arrow>\n\t\t\t\t<a href=\"#\">Details</a>\n\t\t\t\t<template #content>\n\t\t\t\t\t<div class=\"popper-content\">\n\t\t\t\t\t\tBy checking this box, you won't have to sign in as often on this device. For your security we recommend only checking this box on your personal device.\n\t\t\t\t\t</div>\n\t\t\t\t</template>\n\t\t\t</Popper>\n\t\t</CheckBoxField>-->\n\t\t<div class=\"d-grid mt-3\">\n\t\t\t<button class=\"btn btn-color-1\" @click=\"onSignIn\" :disabled=\"form.status.isInvalid\">SIGN IN</button>\n\t\t</div>\n\t\t<div class=\"d-grid mt-3\">\n\t\t\t<button class=\"btn btn-color-1\" @click=\"onOktaSignIn\">SIGN IN WITH ALCON ACCOUNT</button>\n\t\t</div>\n\n\t</FormContainer>\n</template>\n\n<style lang=\"scss\">\n\t.n-text-box-field {\n\t\t.label {\n\t\t\tfont-weight: $bold;\n\t\t}\n\t}\n\n\t.popper-content {\n\t\twidth: 200px;\n\t}\n</style>\n","import script from \"./SignInForm.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SignInForm.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SignInForm.vue?vue&type=style&index=0&id=0bed0efa&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","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=3ea66a8c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","export const oktaConfig = {\n    oidc: {\n        clientId: process.env.VUE_APP_OKTA_CLIENT_ID,\n        issuer: process.env.VUE_APP_OKTA_ISSUER, \n        redirectUri: process.env.VUE_APP_OKTA_REDIRECT_URI,\n        scopes: ['openid', 'profile', 'email']\n    },\n    system: {}\n}","<script setup>\n    import { onMounted } from 'vue';\n    import { store } from '@/Store';\n    import { OktaAuthenticator } from '@dd-nucleus/nucleus-vue';\n    import { oktaConfig } from '../../../../services/authentication/okta/oktaconfig.js';\n    import { ref } from 'vue';\n    import { useRouter } from 'vue-router'\n\n    const auth = ref(null);\n\n    onMounted(async () => {\n        var router = useRouter();\n        auth.value = new OktaAuthenticator(store, 'JwtAuthenticator', oktaConfig, router);\n    });\n\n</script>\n\n<template>\n    <div class=\"loading-sso\">\n        <div class=\"spinner-border\" role=\"status\"></div>\n        <p>Please wait a moment, signing in...</p>\n    </div>\n</template>\n\n<style>\n\n    .loading-sso {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n        height: 100vh;\n        width: 100vw;\n        gap: 15px;\n        p {\n            font-size: 18px;\n            margin-left: 10px;\n        }\n    }\n</style>","import script from \"./OktaSignInPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OktaSignInPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OktaSignInPage.vue?vue&type=style&index=0&id=1e7839e2&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./ForgotPasswordPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ForgotPasswordPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ForgotPasswordPage.vue?vue&type=style&index=0&id=4aa058ee&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","// ResetPasswordForm\n// Implements the form that allows a user to reset their password.\n\n// Imports ----\nimport { MessageType, Form } from '@dd-nucleus/nucleus-vue';\nimport { store } from '@/Store';\n\nexport default class SetPasswordForm extends Form {\n\n    // Constructor\n    constructor() {\n        // Pass our model to the base class.\n        super({\n            linkId: '',\n            userName: '',\n            email: '',\n            password: '',\n            confirmPassword: ''\n        });\n    }\n\n    onValidate() {\n        super.onValidate();\n\n        this.validator.fields.password.checkNotEmpty();\n        this.validator.fields.confirmPassword.checkNotEmpty();\n    }\n\n    async onValidateAsync() {\n        if (this.model.password && this.model.password.length >0) {\n            const response = await store.authenticator.validatePassword(this.model.userName, this.model.email, this.model.password, this.model.confirmPassword);\n\n            this.validator.fields.password.reset();\n\n            response.messages.forEach(m => {\n                if (m.messageType === MessageType.OK) {\n                    this.validator.fields.password.addOk(m.userMessage);\n                }\n                else {\n                    this.validator.fields.password.addError(m.userMessage);\n                }\n            });\n        }\n    }\n\n    async onSubmit() {\n        if (!await store.authenticator.setPasswordFromLink(this.model.linkId, this.model.password)) {\n            this.validator.addError('The set password request could not be completed.');\n        }\n    }\n}\n","<script setup>\n\n    // SetPasswordForm\n    // Provides link ID and new password to set a new user's password.\n\n    // Components ----\n    import { PasswordHints, MessageType } from '@dd-nucleus/nucleus-vue';\n\n    // Imports ----\n    import { computed, reactive, ref, onMounted } from 'vue';\n    import { useRouter, useRoute } from 'vue-router';\n    import SetPasswordForm from '../forms/SetPasswordForm';\n    import { store } from '@/Store';\n\n    const router = useRouter();\n    const route = useRoute();\n\n    // State ----\n    const form = reactive(new SetPasswordForm());\n    const linkId = ref(route.params.id);\n    const detail = reactive({ validateResetPasswordLink: {} });\n    const isInvalidResetPasswordLink = ref(false);\n    const isValidatingPassword = ref(false);\n\n    // Handlers ----\n    onMounted(async () => {\n        detail.validateResetPasswordLink = Object.assign({}, await store.authenticator.validateResetPasswordLink(linkId.value));\n\n        if (detail.validateResetPasswordLink.succeeded) {\n            form.model.linkId = linkId.value;\n            form.model.userName = detail.validateResetPasswordLink.userName;\n            form.model.email = detail.validateResetPasswordLink.email;\n        }\n        else {\n            isInvalidResetPasswordLink.value = true;\n        }\n    });\n\n    function onCancel() {\n        routeToSignIn();\n    }\n\n    function onPasswordTextChange() {\n        isValidatingPassword.value = true;\n    }\n\n    async function onSave() {\n        await form.submit();\n\n        isValidatingPassword.value = false;\n\n        // TODO: catch and report if an error occurs in submit\n        //if (false) {\n        //    form.validator.addError('Your password reset request could not be completed.');\n        //}\n        //else {\n        routeToSignIn();\n        //    }\n    }\n\n    function routeToSignIn() {\n        router.push({ path: '/' });\n    }\n\n    // Computed ----\n    const allPasswordConditionsMet = computed(() => {\n        return form.validator.fields.password.messages.every(m => m.type === MessageType.OK);\n    });\n\n    const showPasswordRequirements = computed(() => {\n        if (allPasswordConditionsMet.value) {\n            return false;\n        }\n\n        return (isValidatingPassword.value ) && (form.model.password.length >= 0);\n    });\n\n</script>\n\n<template>\n    <FormContainer :form=\"form\">\n\n        <FormMessages class=\"mb-2\" />\n\n        <div v-if=\"isInvalidResetPasswordLink\">\n            <div class=\"reset-password-header text-center mt-5 mb-3\">\n                <h1>Expired Set Password Link</h1>\n            </div>\n            <div class=\"alert alert-danger mb-3\">\n                <p>\n                    The email link has already been used or has expired, Please contact your system administrator.\n                </p>\n            </div>\n            <div class=\"row mt-4 mb-5\">\n                <div class=\"col col-6 d-grid\">\n                    <button class=\"btn btn-outline-color-2 me-2\" @click=\"onCancel\">Back to Sign In</button>\n                </div>\n            </div>\n        </div>\n\n        <div v-else>\n            <div class=\"reset-password-header text-center mt-5 mb-3\">\n                <h1>Set Password for {{ form.model.userName }}</h1>\n            </div>\n            <div class=\"text-center\">\n                <p>\n                    Please enter a password and click <strong>Set Password</strong>.\n                </p>\n            </div>\n\n            <div class=\"mt-3 mb-3\">\n                <FieldLabel field-name=\"password\" label=\"New Password\">\n                    <TextBoxField v-model=\"form.model.password\" placeholder=\"Password\" :is-password=\"true\" @keyup=\"onPasswordTextChange\" show-pwd-btn-class=\"btn-color-2-xlt\" />\n                    <PasswordHints />\n                </FieldLabel>\n\n            </div>\n\n            <div class=\"mb-3\">\n                <FieldLabel field-name=\"confirmPassword\" label=\"Confirm Password\">\n                    <TextBoxField v-model=\"form.model.confirmPassword\" placeholder=\"Confirm Password\" :is-password=\"true\" show-pwd-btn-class=\"btn-color-2-xlt\" />\n                    <div v-if=\"showPasswordRequirements\" class=\"password-requirements-box\">\n                        <b>Password Requirements</b>\n                        <FieldMessages field-name=\"password\" :add-box=\"false\" />\n                    </div>\n                </FieldLabel>\n            </div>\n\n            <div class=\"row mt-4 mb-5\">\n                <div class=\"col col-6 d-grid\">\n                    <button class=\"btn btn-outline-color-2 me-2\" @click=\"onCancel\">Cancel</button>\n                </div>\n                <div class=\"col col-6 d-grid\">\n                    <button class=\"btn btn-color-2\" @click=\"onSave\">Set Password</button>\n                </div>\n            </div>\n        </div>\n\n    </FormContainer>\n</template>\n\n<style lang=\"scss\">\n    .reset-password-header h1 {\n        color: $black;\n        font-weight: $normal;\n    }\n\n    .password-requirements-box {\n        margin-top: 1rem;\n    }\n</style>\n","import script from \"./SetPasswordForm.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SetPasswordForm.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SetPasswordForm.vue?vue&type=style&index=0&id=7f58af72&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./SetPasswordPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SetPasswordPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SetPasswordPage.vue?vue&type=style&index=0&id=5e452f2e&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./ResetPasswordPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ResetPasswordPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ResetPasswordPage.vue?vue&type=style&index=0&id=58bf49f1&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./VerifyEmailPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./VerifyEmailPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./VerifyEmailPage.vue?vue&type=style&index=0&id=c24e4c92&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\n\t// ProductListTile\n\t// A tile for a single product intended to be displayed in list mode.\n\n\t// Setup ---\n\t// Use the values below to modify how the tile appears\n\tconst setup = {\n\t\ttileHeight: '8rem', // Height of the full tab, fixed for alignment purposes\n\t\tproductNameLines: 2 // Number of lines product name is allowed to wrap before being trimmed with ellipses\n\t};\n\n\texport const Setup = setup;\n</script>\n\n<script setup>\n\t// Components ----\n\timport LimitMessages from './LimitMessages';\n\n\t// Imports ----\n\timport { computed, reactive, defineProps } from 'vue';\n\timport { AddToCartForm } from '@dd-nucleus/nucleus-vue';\n\timport { store } from '@/Store';\n\n\t// Props ----\n\tconst props = defineProps({\n\t\t// The product whose information to show.\n\t\t// API model: DD.Nucleus.Storefront.Api.ProductTileModel\n\t\tproduct: {\n\t\t\ttype: Object,\n\t\t\trequired: true\n\t\t}\n\t});\n\n\t// State ----\n\tconst product = reactive(props.product);\n\tconst form = reactive(new AddToCartForm(product, '', null, product.allowBackorders));\n\n\t// Computed ----\n\tconst quantityLabel = computed(() => {\n\t\treturn store.config.store?.unitOfMeasures.find(unit => unit.id?.toLowerCase() === product.unitOfMeasure?.toLowerCase())?.text ?? null;\n\t});\n\n\t// Handlers ----\n</script>\n\n<template>\n\t<div class=\"product-list-tile\" :style=\"{ minHeight: setup.tileHeight }\">\n\t\t<div class=\"inner-row d-flex flex-row\">\n\t\t\t<div class=\"left\">\n\t\t\t\t<ProductThumbnail :product=\"product\" :height=\"setup.tileHeight\" width=\"200px\" no-image-available-url=\"/images/no-image.png\" />\n\t\t\t</div>\n\t\t\t<div class=\"middle flex-fill\">\n\t\t\t\t<!-- Stretchy middle part-->\n\n\t\t\t\t<div class=\"tags mb-2\">\n\t\t\t\t\t<ProductTags :product=\"product\" />\n\t\t\t\t</div>\n\n\t\t\t\t<!-- Product name and item number -->\n\t\t\t\t<router-link class=\"title-link\" :to=\"`/product/${product.id}`\">\n\t\t\t\t\t<div class=\"name\" v-snip=\"{ lines: setup.productNameLines }\" :title=\"product.name\">\n\t\t\t\t\t\t{{ product.name }}\n\t\t\t\t\t</div>\n\t\t\t\t</router-link>\n\t\t\t\t<div class=\"item-number\">\n\t\t\t\t\t<router-link class=\"title-link\" :to=\"`/product/${product.id}`\">{{ product.itemNumber }}</router-link>\n\t\t\t\t</div>\n\n\t\t\t\t<LimitMessages :product=\"product\" class=\"mt-2\" />\n\n\t\t\t\t<!--<span v-if=\"showInStockQuantity && !product.allowBackorders\" class=\"filter-messages\">Qty in stock: {{ product.quantityAvailable }} </span>-->\n\n\t\t\t\t<div class=\"favorite\">\n\t\t\t\t\t<ProductFavoriteIcon :product=\"product\" label=\"Add as Favorite\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<!-- Fixed right panel -->\n\t\t\t<div class=\"right d-flex coming-soon\" v-if=\"product.isAvailableSoon\">\n\t\t\t\t<i class=\"bi bi-hourglass-split\"></i>\n\t\t\t\t<i><p>Coming soon...</p></i>\n\t\t\t</div>\n\t\t\t<div class=\"right d-flex flex-column\" :style=\"{ minHeight: setup.tileHeight }\" v-else>\n\t\t\t\t<MessageList :messages=\"product.messages\" :add-box=\"false\" v-if=\"!product.allowBackorders\" />\n\t\t\t\t<p>Quantity: {{ product.quantityPerUnit }} {{ product.quantityPerUnit > 1 ? 'units' : 'unit' }} per {{ quantityLabel }}</p>\n\t\t\t\t<FormContainer :form=\"form\" v-if=\"product.canAddToCart\">\n\t\t\t\t\t<div class=\"flex-fill\">\n\t\t\t\t\t\t<ProductAddToCartQty :product=\"product\" />\n\t\t\t\t\t\t<FormMessages field-name=\"quantity\" :add-box=\"false\" class=\"mt-2\" v-if=\"!product.allowBackorders\" />\n\t\t\t\t\t\t<FieldMessages field-name=\"quantity\" class=\"mt-2\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"d-grid mt-3\">\n\t\t\t\t\t\t<button class=\"btn btn-outline-color-1\" @click=\"form.submit()\" :disabled=\"form.status.isInvalid\">ADD TO CART</button>\n\t\t\t\t\t</div>\n\t\t\t\t</FormContainer>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<style lang=\"scss\">\n    .product-list-tile {\n        .coming-soon {\n            margin: auto;\n            justify-content: center;\n            align-items: center;\n\n            .bi-hourglass-split {\n                font-size: 1.25rem;\n                margin-right: 0.75rem;\n            }\n\n            p {\n                margin-bottom: 0;\n                font-size: 1rem;\n            }\n        }\n\n        p {\n            font-size: 12px;\n        }\n        .inner-row {\n            border-bottom: 1px solid $gray-20;\n            padding-bottom: 1rem;\n        }\n\n        .name {\n            font-size: 1rem;\n            line-height: 1.1rem;\n        }\n\n        a.title-link,\n        a.title-link:visited,\n        a.title-link:hover {\n            color: var(--bs-body-color);\n            text-decoration: none;\n        }\n\n        .item-number a.title-link {\n            font-size: 0.7rem;\n            color: $gray-50;\n        }\n\n        .n-product-add-to-cart-qty .text-box {\n            border-color: #dddddd;\n        }\n\n        .btn[disabled] {\n            opacity: 0.2;\n        }\n\n        .middle {\n            padding-left: 1rem;\n        }\n\n        .favorite {\n            margin-top: 1rem;\n        }\n\n        .right {\n            width: 14rem;\n        }\n    }\n</style>\n","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=c7032514&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=59c7a3cc&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n// SearchPage\n// Main product search page\n\n// Constants ----\nconst constants = {\n\tDEFAULT_TITLE: 'All Products', // Used when no category is selected\n\tDEFAULT_PAGE_SIZE: 12\n};\n\nimport { LoadingScreen, Util } from '@dd-nucleus/nucleus-vue';\n\n// Components ----\nimport ProductGridTile from '../../components/ProductGridTile';\nimport ProductListTile from '../../components/ProductListTile';\nimport MockProductGridTile from '../../components/MockProductGridTile';\nimport MockProductListTile from '../../components/MockProductListTile';\nimport { useRoute } from 'vue-router';\n\n// Imports ----\nimport { reactive, computed, ref } from 'vue';\nimport { Search } from '@dd-nucleus/nucleus-vue';\n\n// State ----\nconst selectedCategories = reactive([]);\nconst route = useRoute();\n\n// Pre-build the search here, so we can hook into its events and properties.\nconst search = new Search('products-for-user', 'tile', 'product-itemNumber', constants.DEFAULT_PAGE_SIZE);\nsearch.setFilterValues('product-franchise', ['']);\n\nconst selectedFilters = reactive({ filters: [] });\nconst productsView = computed(() => route.query.view || 'list');\n\nconst resultsLoaded = computed(() => search.results.loaded);\nconst totalProducts = ref(constants.DEFAULT_PAGE_SIZE);\n\nsearch.onResults(() => {\n\tconst filters = [];\n\tif (search.getFilterValues('product-new').length === 0) {\n\t\tfilters.push({\n\t\t\tid: 'product-new',\n\t\t\tvalue: 'New Items'\n\t\t});\n\t}\n\tif (search.getFilterValues('product-featured').length === 0) {\n\t\tfilters.push({\n\t\t\tid: 'product-featured',\n\t\t\tvalue: 'Featured Items'\n\t\t});\n\t}\n\tif (search.getFilterValues('product-favorites').length === 0) {\n\t\tfilters.push({\n\t\t\tid: 'product-favorites',\n\t\t\tvalue: 'My Favorites'\n\t\t});\n\t}\n\tconst productSearch = search.getFilterValues('product-search-term');\n\tif (productSearch.length === 1 && Util.isNotEmpty(productSearch[0])) {\n\t\tfilters.push({\n\t\t\tid: 'product-search-term',\n\t\t\tvalue: productSearch[0]\n\t\t});\n\t}\n\tconst dates = search.getFilterValues('product-created-range');\n\n\tif (dates.length > 0 && Util.isNotEmpty(dates[0])) {\n\t\tconst value = dates\n\t\t\t.map(date => {\n\t\t\t\treturn new Date(date).toLocaleString().split(',')[0];\n\t\t\t})\n\t\t\t.join(' - ');\n\t\tfilters.push({\n\t\t\tid: 'product-created-range',\n\t\t\tvalue: value\n\t\t});\n\t}\n\tselectedFilters.filters = filters;\n});\n\nconst sortOptions = [\n\t{ id: 'product-newest-to-oldest', text: 'Newest to Oldest' },\n\t{ id: 'product-oldest-to-newest', text: 'Oldest to Newest' },\n\t{ id: 'product-itemNumber', text: 'Item Number (A-Z)' }\n];\n\nconst pageSizeOptions = [12, 24, 36, 48, 60];\n\n// Handlers ----\nasync function onPathChanged(items) {\n\tselectedCategories.splice(0, selectedCategories.length, ...items);\n\t// TODO: Revisit this funtionality to reset the page when the category changes.\n\tif (items.length && (items[0].id !== localStorage.getItem('prev_route') || !localStorage.getItem('prev_route'))) {\n\t\tsearch.setPage(0);\n\t}\n\tlocalStorage.setItem('prev_route', items[0].id);\n}\n\nasync function clear() {\n\tawait search.setFilterValue('product-search-term', '');\n}\n\nasync function removeFilter(filter) {\n\tawait search.removeFilter(filter.id);\n}\n\nasync function removeAllFilters() {\n\tawait search.clearFilters();\n}\n\nsearch.onStarting(async () => {\n\ttotalProducts.value = route.query['per-pg'] ? Number(route.query['per-pg']) : constants.DEFAULT_PAGE_SIZE;\n})\n</script>\n\n<template>\n\t<LoadingScreen :isLoading=\"!resultsLoaded\" />\n\t<PageTemplate>\n\t\t<div class=\"container root-page search-page\">\n\t\t\t<SearchContainer :search=\"search\" :defaultView=\"productsView\" :deep-link=\"true\">\n\t\t\t\t<div class=\"row\">\n\t\t\t\t\t<div class=\"col col-3 filter-bar\">\n\t\t\t\t\t\t<div class=\"filter-section d-flex\">\n\t\t\t\t\t\t\t<TextBoxFilter filter-id=\"product-search-term\" placeholder=\"Search by keyword\" />\n\t\t\t\t\t\t\t<button class=\"btn btn-white btn-search\" type=\"button\" @click=\"clear\"><i\n\t\t\t\t\t\t\t\t\tclass=\"icon bi-x-lg\"></i></button>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"filter-section\">\n\t\t\t\t\t\t\t<div class=\"header\">Date Added</div>\n\t\t\t\t\t\t\t<DateRangeFilter filter-id=\"product-created-range\" />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"filter-section\">\n\t\t\t\t\t\t\t<div class=\"header\">Explore</div>\n\t\t\t\t\t\t\t<AddFilterCheckBox filter-id=\"product-featured\" label=\"Featured Items\" :values=\"['true']\" />\n\t\t\t\t\t\t\t<AddFilterCheckBox filter-id=\"product-favorites\" label=\"My Favorites\" :values=\"['true']\" />\n\t\t\t\t\t\t\t<AddFilterCheckBox filter-id=\"product-new\" label=\"New Items\" :values=\"['true']\" />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"filter-section\">\n\t\t\t\t\t\t\t<CategoryFilter filter-id=\"product-category\" :selection=\"selectedCategories\"\n\t\t\t\t\t\t\t\t@changed=\"items => onPathChanged(items)\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"col col-9\">\n\t\t\t\t\t\t<h1>\n\t\t\t\t\t\t\t{{ selectedCategories.length === 0 ? constants.DEFAULT_TITLE : selectedCategories[0].name }}\n\t\t\t\t\t\t\t<span v-if=\"search.results.loaded && search.results.rows.length > 0\" class=\"sub-title\">({{\n\t\t\t\t\t\t\t\tsearch.results.startIndex }} to {{ search.results.endIndex }} of {{\n\t\t\t\t\t\t\t\t\tsearch.results.totalCount }} results)</span>\n\t\t\t\t\t\t</h1>\n\n\t\t\t\t\t\t<div class=\"filter-bar\">\n\t\t\t\t\t\t\t<TreePath :items=\"selectedCategories\" empty-text=\"All Categories\"\n\t\t\t\t\t\t\t\t@selected=\"items => onPathChanged(items)\" />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"d-flex\">\n\t\t\t\t\t\t\t<button v-for=\"filter in selectedFilters.filters\" :key=\"filter.value\" type=\"button\"\n\t\t\t\t\t\t\t\tclass=\"btn btn-primary m-1\">\n\t\t\t\t\t\t\t\t{{ filter.value }} <span class=\"badge badge-light\"\n\t\t\t\t\t\t\t\t\t@click=\"removeFilter(filter)\">X</span>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t<p v-if=\"selectedFilters.filters.length > 0\" :key=\"clear - all\" class=\"clear-filter\"\n\t\t\t\t\t\t\t\t@click=\"removeAllFilters\">Clear All</p>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"row mb-3\">\n\t\t\t\t\t\t\t<div class=\"col\">\n\t\t\t\t\t\t\t\t<SortOptionsList :options=\"sortOptions\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"col\">\n\t\t\t\t\t\t\t\t<PageSizeList :options=\"pageSizeOptions\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"col\">\n\t\t\t\t\t\t\t\t<ViewModeSelector />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"col-4 text-end\">\n\t\t\t\t\t\t\t\t<PageSelector />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<SearchGrid>\n\t\t\t\t\t\t\t<!-- Template for each item in a grid view -->\n\t\t\t\t\t\t\t<template v-slot:grid=\"product\">\n\t\t\t\t\t\t\t\t<ProductGridTile :product=\"product\" />\n\t\t\t\t\t\t\t</template>\n\n\t\t\t\t\t\t\t<!-- Template for each item in a list view -->\n\t\t\t\t\t\t\t<template v-slot:list=\"product\">\n\t\t\t\t\t\t\t\t<ProductListTile :product=\"product\" />\n\t\t\t\t\t\t\t</template>\n\n\t\t\t\t\t\t\t<!-- Template for no results -->\n\t\t\t\t\t\t\t<template #empty> No products were found that match your criteria. </template>\n\n\t\t\t\t\t\t\t<!-- Template while results are initially loading -->\n\t\t\t\t\t\t\t<template #loading-grid>\n\t\t\t\t\t\t\t\t<MockSearchGrid :mockCount=\"totalProducts\">\n\t\t\t\t\t\t\t\t\t<MockProductGridTile />\n\t\t\t\t\t\t\t\t</MockSearchGrid>\n\t\t\t\t\t\t\t</template>\n\n\t\t\t\t\t\t\t<template #loading-list>\n\t\t\t\t\t\t\t\t<!-- TODO -->\n\t\t\t\t\t\t\t\t<MockSearchGrid :mockCount=\"totalProducts\">\n\t\t\t\t\t\t\t\t\t<MockProductListTile />\n\t\t\t\t\t\t\t\t</MockSearchGrid>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t</SearchGrid>\n\n\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<div class=\"col text-end\">\n\t\t\t\t\t\t\t\t<PageSelector />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</SearchContainer>\n\t\t</div>\n\t</PageTemplate>\n</template>\n\n<style lang=\"scss\">\n.search-page {\n\th1 {\n\t\tcolor: $black;\n\t}\n\n\t.sub-title {\n\t\tfont-weight: $normal;\n\t\tfont-size: 50%;\n\t}\n\n\t.clear-filter {\n\t\tfont-size: 1rem;\n\t\tmargin: auto 4px;\n\t\tcolor: $color-1;\n\t\tcursor: pointer;\n\t}\n}\n\n/* TODO: Potentially refactor into a filter section component that supplies SCSS variables for headers, etc. */\n.filter-section {\n\tborder-top: 1px solid $gray-20;\n\tpadding-top: 0.75rem;\n\tpadding-bottom: 0.75rem;\n}\n\n.filter-section:first-child {\n\tpadding-top: 0rem;\n\tborder-top: 0px;\n\tpadding-bottom: 1rem;\n}\n\n.filter-section:last-child {\n\tborder-bottom: 0px;\n\tpadding-bottom: 0rem;\n}\n\n.filter-section .header {\n\tfont-weight: $bold;\n\tmargin-bottom: 0.5rem;\n}\n</style>\n","import script from \"./SearchPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SearchPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SearchPage.vue?vue&type=style&index=0&id=55153754&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","`\n<script setup>\n// Imports ----\nimport { defineProps, computed, ref } from 'vue';\nimport { GeneralModal } from '@dd-nucleus/nucleus-vue';\nimport VuePdfEmbed from 'vue-pdf-embed';\n\n// Props ----\nconst props = defineProps({\n    media: {\n        type: Array,\n        required: true,\n        default: () => []\n    }\n});\n\n// State ----\nconst pdfModal = ref(false);\nconst failedToLoad = ref(false);\nconst pageCount = ref(1);\nconst pdfRef = ref(null);\nconst pdfUrl = ref('');\nconst loadingPdf = ref(true);\nconst customWidth = ref(800);\n\n// Computed ----\nconst pdfMedia = computed(() => (props.media && props.media.filter(m => m.mediaType === 'Pdf')) || []);\n\nconst hasPdf = computed(() => {\n    return pdfMedia.value.length > 0;\n});\n\nconst hasMultiplePdf = computed(() => {\n    return pdfMedia.value.length > 1;\n});\n\nfunction previewPdf(url) {\n    pdfModal.value.open();\n    loadingPdf.value = true;\n    failedToLoad.value = false;\n    pdfUrl.value = url;\n}\n\nfunction closePdfModal() {\n    pdfModal.value.close();\n    loadingPdf.value = false;\n    failedToLoad.value = false;\n    pdfUrl.value = '';\n    customWidth.value = 800;\n}\n\nfunction handleDocumentRender() {\n    pageCount.value = pdfRef.value.pageCount;\n}\n\nfunction loadingFailed() {\n    loadingPdf.value = false;\n    failedToLoad.value = true;\n}\n\nfunction pdfLoaded() {\n    loadingPdf.value = false;\n    failedToLoad.value = false;\n}\n\nfunction loadingProgress() {\n    loadingPdf.value = true;\n    failedToLoad.value = false;\n}\n\nfunction zoomIn() {\n    customWidth.value = customWidth.value + 50;\n}\n\nfunction zoomOut() {\n    customWidth.value = customWidth.value - 50;\n}\n\n</script>\n\n<template>\n    <div v-if=\"hasPdf\" class=\"row mt-2 pdfcontrols\">\n        <general-modal ref=\"pdfModal\">\n            <div class=\"pdf-container\">\n                <div class=\"header\">\n                    <p v-if=\"!loadingPdf && !failedToLoad\">{{ pageCount }} Page(s)</p>\n                    <div class=\"zoom\">\n                        <i @click=\"zoomIn\" class=\"bi bi-zoom-in icon\"></i>\n                        <i @click=\"zoomOut\" class=\"bi bi-zoom-out icon\"></i>\n                    </div>\n\n                    <button class=\"btn-close btn-close-white\" aria-label=\"Close\" @click=\"closePdfModal\"></button>\n                </div>\n                <div class=\"loading-pdf\" v-if=\"loadingPdf\">\n                    <div class=\"spinner-border\" role=\"status\"></div>\n                    <p>Loading....</p>\n                </div>\n                <div class=\"loading-pdf-error\" v-if=\"failedToLoad\">Unable to load PDF. Please try again later.</div>\n                <div v-if=\"pdfUrl\" class=\"pdf-body\">\n                    <vue-pdf-embed ref=\"pdfRef\" :source=\"pdfUrl\" :width=\"customWidth\" @progress=\"loadingProgress\"\n                        @loading-failed=\"loadingFailed\" @loaded=\"pdfLoaded\" @rendering-failed=\"loadingFailed\"\n                        @rendered=\"handleDocumentRender\" />\n                </div>\n                <div v-else>PDF</div>\n            </div>\n        </general-modal>\n        <template v-if=\"hasMultiplePdf\">\n            <div class=\"col-12\">\n                <div>\n                    <button aria-expanded=\"false\" data-bs-toggle=\"dropdown\"\n                        class=\"mt-2 h-100 w-100 btn btn-outline-color-1 dropdown-toggle\">PREVIEW</button>\n                    <ul class=\"dropdown-menu\">\n                        <li v-for=\"pdf in pdfMedia\" :key=\"pdf.id\">\n                            <a class=\"dropdown-item\" @click=\"() => previewPdf(pdf.url)\">{{ pdf.name }}</a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </template>\n\n        <template v-else>\n            <div class=\"col-12\">\n                <button class=\"w-100 btn btn-outline-color-1 mt-2\"\n                    @click=\"() => previewPdf(pdfMedia[0].url)\">PREVIEW</button>\n            </div>\n        </template>\n    </div>\n</template>\n\n<style lang=\"scss\">\n.pdfcontrols {\n    .loading-pdf {\n        z-index: 10;\n        position: fixed;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n        height: 100%;\n        width: 80%;\n        gap: 15px;\n\n        p {\n            font-size: 18px;\n            margin-left: 10px;\n        }\n    }\n\n    .loading-pdf-error {\n        z-index: 10;\n        position: fixed;\n        width: 80%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 20px;\n        height: 100%;\n    }\n\n    .pdf-container {\n        width: 80%;\n        height: 100vh;\n        margin: 0 auto;\n        position: relative;\n    }\n\n    .header {\n        background-color: rgba(0, 0, 0, 0.7);\n        padding: 10px;\n        position: fixed;\n        text-align: center;\n        top: 0;\n        left: 0;\n        width: 100%;\n        z-index: 2;\n        height: 40px;\n\n        button {\n            cursor: pointer;\n            margin: 0 10px 0 auto;\n            position: absolute;\n            top: 10px;\n            right: 25px;\n        }\n\n        p {\n            margin: 0 10px;\n            color: white;\n            font-size: 14px;\n        }\n\n        .zoom {\n            position: absolute;\n            margin: 0 10px 0 auto;\n            top: 10px;\n            right: 100px;\n            display: flex;\n\n            .icon {\n                color: white;\n                font-size: 14px;\n                margin-left: 12px;\n                cursor: pointer;\n            }\n        }\n    }\n\n    .pdf-body {\n        width: 80vw;\n        height: calc(100% - 40px);\n        /* Adjust based on your header height */\n        display: block;\n        margin: auto;\n    }\n}\n</style>\n","import script from \"./ProductPdfControls.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProductPdfControls.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProductPdfControls.vue?vue&type=style&index=0&id=6a67410c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\n// ProductDetail\n// Full detail for a product\n\n// Setup ---\n// Use the values below to modify how the tile appears\nconst setup = {\n\tproductNameLines: 2 // Number of lines product name is allowed to wrap before being trimmed with ellipses\n};\n\nexport const Setup = setup;\n\n// Components ----\nimport LimitMessages from './LimitMessages';\n</script>\n\n<script setup>\n// Imports ----\nimport { reactive, ref, defineProps, computed, onMounted } from 'vue';\nimport { AddToCartForm, Carousel, GeneralModal, CompanionItemTile } from '@dd-nucleus/nucleus-vue';\nimport ProductPdfControls from './ProductPdfControls';\nimport { store } from '@/Store';\n\n// Props ----\nconst props = defineProps({\n\t// The product whose information to show.\n\t// API model: DD.Nucleus.Storefront.Api.ProductDetailModel\n\tproductId: {\n\t\ttype: String,\n\t\trequired: true\n\t}\n});\n\n// State ----\nconst detail = reactive({ product: {} });\nconst productId = ref(props.productId);\n\n// Computed ----\nconst product = computed(() => {\n\treturn detail.product;\n});\n\nconst form = new AddToCartForm({ id: props.productId });\n\nconst quantityLabel = ref('');\nconst modalImage = ref(null);\nconst imageSelectedUrl = ref(null);\n\nconst companionItems = computed(() => {\n\treturn product.value?.companionProducts?.map(({ companionProductNumber, companionProductThumbnailImageUrl, productId, companionProductId, companionProductName, quantity, isCalculated }) => ({\n\t\titemNumber: companionProductNumber,\n\t\tthumbnailImageUrl: companionProductThumbnailImageUrl,\n\t\tparentProductId: productId,\n\t\tid: companionProductId,\n\t\tname: companionProductName,\n\t\tquantity\n\t}));\n});\n\nconst productMedia = computed(() => {\n\tlet productSlides = [];\n\tif (product.value?.media?.length > 0) {\n\t\tproduct.value?.media?.forEach(t => {\n\t\t\tif (!t.url.includes('pdf')) productSlides.push(t.url);\n\t\t});\n\t}\n\treturn productSlides;\n});\n\n// Handlers ----\nstore.onSignedIn(async () => {\n\tdetail.product = Object.assign(detail.product, await store.products.getProductDetail(productId.value));\n\tform.product = detail.product;\n\tform.allowBackorders = detail.product.allowBackorders;\n\tform.validate();\n\tquantityLabel.value = store.config.store?.unitOfMeasures.find(unit => unit.id?.toLowerCase() === product.value.unitOfMeasure?.toLowerCase())?.text ?? null;\n});\n\nconst productCount = computed(() => {\n\treturn `${product.value.quantityPerUnit} ${product.value.quantityPerUnit > 1 ? 'Units' : 'Unit'}`;\n});\n\nonMounted(async () => { \n\twindow.scrollTo({\n\t\ttop: 0,\n\t\tbehavior: 'instant'\n\t});\n});\n\nfunction onImageSelected(url) {\n\timageSelectedUrl.value = url;\n\tmodalImage.value.open();\n}\nfunction disableLightbox() {\n\tmodalImage.value.close();\n}\n\n</script>\n\n<template>\n\t<div class=\"product-detail row\">\n\t\t<div class=\"col-12 col-sm-7\">\n\t\t\t<ProductImageGallery :product=\"product\" v-if=\"productMedia.length <= 1\" />\n\t\t\t<Carousel v-else :slides=\"productMedia\" @imageSelected=\"onImageSelected\" />\n\t\t</div>\n\t\t<div class=\"col-12 mt-2 col-sm-5 mt-sm-0\">\n\t\t\t<div class=\"d-flex flex-column\">\n\t\t\t\t<div class=\"middle flex-fill\">\n\t\t\t\t\t<!-- Stretchy middle part-->\n\n\t\t\t\t\t<div class=\"tags\">\n\t\t\t\t\t\t<ProductTags :product=\"product\" />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<!-- Product name and item number -->\n\t\t\t\t\t<div class=\"name\" :title=\"product.name\">\n\t\t\t\t\t\t{{ product.name }}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"item-number\">{{ product.itemNumber }}</div>\n\t\t\t\t\t<LimitMessages :product=\"product\" class=\"mt-2\" />\n\t\t\t\t\t<!--<span v-if=\"showInStockQuantity && !product.allowBackorders\" class=\"filter-messages\">Qty in stock:\n\t\t\t\t\t\t{{ product.quantityAvailable }} </span>-->\n\t\t\t\t\t<div class=\"description mt-2\" v-html=\"product.description\"></div>\n\n\n\t\t\t\t</div>\n\t\t\t\t<div class=\"bottom\">\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-12 col-10 col-lg-8 coming-soon\" v-if=\"product.isAvailableSoon\">\n\t\t\t\t\t\t\t<i class=\"bi bi-hourglass-split\"></i>\n\t\t\t\t\t\t\t<i><p>Coming soon...</p></i>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"col-12 col-10 col-lg-8\" v-else>\n\t\t\t\t\t\t\t<MessageList :messages=\"product.messages\" :add-box=\"false\" v-if=\"!product.allowBackorders\" />\n\t\t\t\t\t\t\t<p>Quantity: {{ productCount }} per {{ quantityLabel }}</p>\n\t\t\t\t\t\t\t<FormContainer :form=\"form\" v-if=\"product.canAddToCart\">\n\t\t\t\t\t\t\t\t<ProductAddToCartQty :product=\"product\" />\n\t\t\t\t\t\t\t\t<FormMessages :add-box=\"false\" class=\"mt-2\" v-if=\"!product.allowBackorders\" />\n\t\t\t\t\t\t\t\t<FieldMessages field-name=\"quantity\" class=\"mt-2\" />\n\t\t\t\t\t\t\t\t<div class=\"d-grid mt-3\">\n\t\t\t\t\t\t\t\t\t<button class=\"btn btn-outline-color-1\" @click=\"form.submit()\"\n\t\t\t\t\t\t\t\t\t\t\t:disabled=\"form.status.isInvalid\">ADD TO CART</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<ProductPdfControls :media=\"product.media\" />\n\t\t\t\t\t\t\t</FormContainer>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"companion-list\">\n\t\t\t\t\t<CompanionItemTile class=\"companion\" :companion=\"companion\" v-for=\"companion in companionItems\"\n\t\t\t\t\t\t:key=\"companion.productId\" />\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"mt-3 mb-3\">\n\t\t\t\t\t<ProductFavoriteIcon :product=\"product\" label=\"Add as Favorite\" selected-label=\"Favorite\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<div class=\"product-detail-modal\">\n\t\t<general-modal ref=\"modalImage\">\n\t\t\t<span class=\"close-btn\" @click=\"disableLightbox\">&times;</span>\n\t\t\t<img @click.stop :src=\"imageSelectedUrl\" :alt=\"imageSelectedUrl\" />\n\t\t</general-modal>\n\t</div>\n</template>\n\n<style lang=\"scss\">\n    .product-detail {\n        min-height: 30rem;\n\n        .coming-soon {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 3rem auto 0 auto;\n\n            .bi-hourglass-split {\n                margin-right: 0.75rem;\n                font-size: 1.5rem;\n            }\n\n            p {\n                margin: 0;\n                font-size: 1.25rem;\n            }\n        }\n\n        img {\n            object-fit: contain !important  ;\n        }\n        .general-dialog {\n            img {\n                min-width: 500px !important;\n                object-position: center !important;\n                object-fit: contain !important;\n                max-height: 75vh !important\n            }\n        }\n\n        .lightbox {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        &-modal {\n            position: relative;\n\n            img {\n                min-width: 500px !important;\n                object-position: center !important;\n                object-fit: contain !important;\n                max-height: 75vh !important\n            }\n\n            .close-btn {\n                position: absolute;\n                top: 0;\n                right: 10px;\n                font-size: 28px;\n                font-weight: bolder;\n                cursor: pointer;\n            }\n        }\n\n        p {\n            font-size: 12px;\n        }\n\n        .companion-list {\n            margin-top: 20px;\n\n            .companion-items-con {\n                width: 100%;\n            }\n        }\n\n        .name {\n            font-size: 1.5rem;\n            line-height: 1.6rem;\n        }\n\n        .title-link {\n            text-decoration: none;\n        }\n\n        .item-number {\n            font-size: 0.7rem;\n            color: $gray-50;\n        }\n\n        .n-product-add-to-cart-qty .text-box {\n            border-color: #dddddd;\n        }\n\n        .btn[disabled] {\n            opacity: 0.2;\n        }\n    }\n</style>\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=547dc934&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // ProductDetailPage\n    // Shows detail for a product.\n\n    // Components ----\n    import ProductDetail from '@/site/components/ProductDetail';\n\n    // Imports ----\n    import { useRoute } from 'vue-router';\n\n    const route = useRoute();\n\n    // State ----\n\n</script>\n\n<template>\n    <PageTemplate>\n        <div class=\"container root-page\">\n\n            <ProductDetail :product-id=\"route.params.id\" />\n\n        </div>\n    </PageTemplate>\n</template>\n\n<style lang=\"scss\">\n\n\n</style>","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__","<script>\n\n    // CartItemTile\n    // A tile for an item in the cart.\n\n    // Setup ---\n    // Use the values below to modify how the tile appears\n    const setup = {\n        tileHeight: '8rem',           // Height of the full tab, fixed for alignment purposes\n        productNameLines: 2            // Number of lines product name is allowed to wrap before being trimmed with ellipses\n    };\n\n    export const Setup = setup;\n\n</script>\n\n<script setup>\n\n    // Imports ----\n    import { reactive, defineProps, computed } from 'vue';\n    import { store } from '@/Store';\n    import LimitMessages from '@/site/components/LimitMessages';\n    import { UpdateCartItemQtyForm } from '@dd-nucleus/nucleus-vue';\n\n    // Props ----\n    const props = defineProps({\n        // The cart item\n        item: {\n            type: Object,\n            required: true\n        },\n        editable: {\n            type: Boolean,\n            required: false,\n            default: true\n        },\n        removable: {\n            type: Boolean,\n            required: false,\n            default: true\n        }\n    });\n\n    // State ----\n    const form = reactive(new UpdateCartItemQtyForm(props.item));\n\n    const companionItems = computed(() => {\n        let companionProducts = props.item.product.companionProducts;\n        return companionProducts.map(({ companionProductNumber, companionProductThumbnailImageUrl, productId, companionProductId, companionProductName, quantity, isCalculated }) => ({\n            itemNumber: companionProductNumber,\n            thumbnailImageUrl: companionProductThumbnailImageUrl,\n            parentProductId: productId,\n            id: companionProductId,\n            name: companionProductName,\n            quantity: isCalculated ? props.item.quantity * quantity : quantity,\n            isCalculated\n        }));\n    });\n\n    // Handlers ----\n    async function onRemoveFromCart() {\n        await store.cart.removeItem(props.item.id);\n        if (store.cart.current.items.length == 0)\n            store.cart.current.shipToList=[]\n    }\n\n    const hideOutOfStockMessage = computed(() => {\n        const filterOutOfStock = props.item.messages.filter(message => message.messageId.defaultLanguageText !== 'Out of stock');\n        if (props.item.product.allowBackorders && props.item.product.quantityAvailable < 1) {\n            return filterOutOfStock;\n        } else {\n            return props.item.messages;\n        }\n    });\n\n    const validateCartQty = computed(() => {\n        if (props.item.product.allowBackorders || props.item.product.limits.find(t => t.allowOrderBeyondLimit === true)) {\n            return false;\n        } else {\n            return true;\n        }\n    });\n\n\n</script>\n\n<template>\n\n    <div class=\"cart-item-tile\" :style=\"{ minHeight: setup.tileHeight }\">\n        <div v-if=\"removable\" class=\"float-end remove\"><ActionButton icon=\"bi bi-x-lg\" label=\"Remove\" @click=\"onRemoveFromCart\" /></div>\n        <div class=\"inner-row d-flex flex-row\">\n            <div class=\"left\">\n                <ProductThumbnail :product=\"props.item.product\" :height=\"setup.tileHeight\" no-image-available-url=\"/images/no-image.png\" />\n            </div>\n            <div class=\"middle flex-fill\">\n                <!-- Stretchy middle part-->\n                <div class=\"tags mb-2\">\n                    <ProductTags :product=\"props.item.product\" />\n                </div>\n\n                <!-- Product name and item number -->\n                <router-link class=\"title-link\" :to=\"`/product/${props.item.product.id}`\">\n                    <div class=\"name\" v-snip=\"{ lines: setup.productNameLines }\" :title=\"item.product.name\">\n                        {{ props.item.product.name }}\n                    </div>\n                </router-link>\n                <div class=\"item-number\"><router-link class=\"title-link\" :to=\"`/product/${props.item.product.id}`\">{{ props.item.product.itemNumber }}</router-link></div>\n\n                <div class=\"companion-list\" v-for=\"companion in companionItems\" :key=\"companion.productId\">\n                    <CompanionItemTile class=\"companion\" :companion=\"companion\" :errorMessages=\"props.item.messages\" />\n                </div>\n\n            </div>\n            <!-- Fixed right panel -->\n            <div class=\"right d-flex flex-column\" :style=\"{ minHeight: setup.tileHeight }\">\n                <FormContainer :form=\"form\">\n                    <div class=\"flex-fill\">\n                        <CartItemQty :item=\"props.item\" :editable=\"props.editable\" :validate=\"validateCartQty\" />\n                        <FormMessages field-name=\"quantity\" :add-box=\"false\" class=\"mt-2\" v-if=\"!props.item.product.allowBackorders\" />\n                        <FieldMessages field-name=\"quantity\" class=\"mt-2\" />\n                        <LimitMessages :product=\"item.product\" class=\"mt-2\" />\n                    </div>\n                </FormContainer>\n                <div class=\"messages\">\n                    <MessageList :messages=\"hideOutOfStockMessage\" :add-box=\"false\" />\n                </div>\n                <div class=\"favorite\">\n                    <ProductFavoriteIcon :product=\"props.item.product\" label=\"Add as Favorite\" selected-label=\"Favorite\" />\n                </div>\n            </div>\n        </div>\n    </div>\n\n</template>\n\n<style lang=\"scss\">\n\n    .cart-item-tile {\n        .inner-row {\n            border-bottom: 1px solid $gray-20;\n            padding-bottom: 1rem;\n        }\n\n        .left {\n            width: 8rem;\n        }\n\n        .companion-list {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .name {\n            font-size: 1.0rem;\n            line-height: 1.1rem;\n        }\n\n        a.title-link, a.title-link:visited, a.title-link:hover {\n            color: var(--bs-body-color);\n            text-decoration: none;\n        }\n\n        .item-number a.title-link {\n            font-size: 0.7rem;\n            color: $gray-50;\n        }\n\n        .n-product-add-to-cart-qty .text-box {\n            border-color: #dddddd;\n        }\n\n        .btn[disabled] {\n            opacity: 0.2;\n        }\n\n        .middle {\n            padding-left: 1rem;\n        }\n\n        .favorite {\n            margin-top: 1rem;\n        }\n\n        .right {\n            width: 14rem;\n        }\n\n        .remove {\n            margin-top: 0.5rem;\n        }\n    }\n</style>","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=b7ba5f92&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\n\n    // CartItemList\n    // A list of cart items in either edit or read-only mode.\n\n    // Components ----\n    import CartItemTile from './CartItemTile';\n\n</script>\n\n<script setup>\n\n    // Imports ----\n    import { defineProps } from 'vue';\n    import { store } from '@/Store';\n\n    // Props ----\n    const props = defineProps({\n        // Indicates whether this list is considered editable\n        editable: {\n            type: Boolean,\n            required: false,\n            default: true\n        }\n    });\n\n    // Methods ----\n    function getCssClass(index) {\n        return { shaded: index % 2 > 0 };\n    }\n\n    // Handlers ----\n</script>\n\n<template>\n\n    <div class=\"cart-item-list\">\n        <template v-if=\"store.cart.current.items.length > 0\">\n            <div v-for=\"(item, index) in store.cart.current.items\" :key=\"item.id\" class=\"cart-item-container\" :class=\"getCssClass(index)\">\n                <CartItemTile :item=\"item\" :editable=\"props.editable\" />\n            </div>\n        </template>\n        <div v-else>\n            <slot name=\"empty\"></slot>\n        </div>\n    </div>\n\n</template>\n\n<style lang=\"scss\">\n\n    .cart-item-list {\n        .cart-item-container {\n            margin-bottom: 0.5rem;\n            padding: 0.5rem;\n        }\n\n        .cart-item-tile:last-child .inner-row {\n            border-bottom: 0px;\n        }\n    }\n\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=2c018dec&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n    import { store } from '@/Store';\n    import { ref, defineProps, defineEmits, watch } from 'vue';\nimport Popper from 'vue3-popper';\n\n//import { Util } from '@dd-nucleus/nucleus-vue'\n\n// Props ----\nconst props = defineProps({\n    // The cart item\n    title: {\n        type: String,\n        required: true\n    },\n    checkContinueStatus: {\n        type: Function,\n        required: true\n    }\n});\n\nconst isChecked = ref(false);  \nconst reasonforConferenceOrder = ref('');\nconst isConferenceOrderType = ref(store.cart.current.attributes?.allowLimitOverride === \"true\");\nconst emit = defineEmits(['textchange']);\n\n    async function updateConferenceType() {\n        if (!isChecked.value)\n            reasonforConferenceOrder.value = '';\n        await store.cart.overrideProductLimits(isChecked.value);\n        updatecontinueStatus();\n    }\n    async function updatecontinueStatus() {\n        if (isChecked.value && !reasonforConferenceOrder.value.trim()) {\n            props.checkContinueStatus(true);\n        } else {\n            props.checkContinueStatus(false);\n        }\n    }\n\nstore.cart.onCartLoaded(() => {\n    isConferenceOrderType.value = store.cart.current.attributes?.allowLimitOverride === \"true\";\n});\n\nstore.cart.onCartUpdated(() => {\n    isConferenceOrderType.value = store.cart.current.attributes?.allowLimitOverride === \"true\";\n});\n\n    watch(reasonforConferenceOrder, (newValue) => {\n        updatecontinueStatus();\n        emit('textchange', newValue);\n    });\n   \n</script>\n\n<template>\n    <div class=\"form-check mt-2\">\n        <input class=\"form-check-input\" type=\"checkbox\" v-model=\"isChecked\" :checked=\"isConferenceOrderType\" @change=\"updateConferenceType\">\n        <label class=\"form-check-label\" for=\"flexCheckDefault\">\n            {{ props.title }}\n            <Popper arrow>\n                <i class=\"info-icon bi bi-info\"></i>\n                <template #content>\n                    <div class=\"popper-content\">\n                        By checking this box, limits applied on the product will be bypassed. <br /><br /><span style=\"font-weight: bold;\">Note:</span> Quantity added to the cart will be dependant on the\n                        quantity available in the stock.\n                    </div>\n                </template>\n            </Popper>\n        </label>\n        <div v-if=\"isChecked\" class=\"mt-3\">\n            <h5 style=\"color: black;\">Reason for Conference Order</h5>\n            <textarea v-model=\"reasonforConferenceOrder\" maxlength=\"255\" class=\"form-control\" rows=\"5\" placeholder=\"Please enter reason for Conference Order\"></textarea>\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n.info-icon {\n    font-size: 12px;\n    margin-left: 4px;\n    cursor: pointer;\n    background: lightgray;\n    border-radius: 16px;\n}\n</style>","import script from \"./ConferenceOrderTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ConferenceOrderTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ConferenceOrderTile.vue?vue&type=style&index=0&id=8090c746&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // CartBodyPanel\n    // A body panel styled for the cart pages (cart, checkout, review order).\n\n    // Imports ----\n    import { defineProps } from 'vue';\n\n    // Props ----\n    const props = defineProps({\n        // ID of the sort set to use\n        title: {\n            type: String,\n            required: false\n        },\n        open: {\n            type: Boolean,\n            required: false,\n            default: true\n        }\n    });\n\n    // State ----\n\n</script>\n\n<template>\n\n    <BodyPanel class=\"cart-body-panel\" :title=\"props.title\" :open=\"props.open\">\n        <template #title>\n            <slot name=\"title\">{{ props.title }}</slot>\n        </template>\n\n        <slot></slot>\n    </BodyPanel>\n\n</template>\n\n<style lang=\"scss\">\n\n    .cart-body-panel .n-body-panel {\n        .title {\n        }\n\n        .body {\n        }\n    }\n\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__","<script setup>\n\n// CartPage\n// Shows the current contents of the cart.\n\n// Components ----\nimport CartItemList from './components/CartItemList';\nimport ConferenceOrderTile from '@/site/components/ConferenceOrderTile'\nimport CartBodyPanel from '@/site/areas/cart/components/CartBodyPanel';\n\n// Imports ----\nimport { useRouter } from 'vue-router';\nimport { store } from '@/Store';\nimport { ref, computed } from 'vue';\n\nconst router = useRouter();\n\n// State ----\nconst isContinueDisabled = ref(false); \nconst reasonText = ref('');\n\nconst checkContinueStatus = (shouldDisable) => {\n    isContinueDisabled.value = shouldDisable;\n};\n\nconst disableContinue = computed(() => {\n    return (store.cart.current.canPlaceOrder === true && isContinueDisabled.value === false);\n});\n\nfunction handleTextChanged(text) {\n    reasonText.value = text;\n}\n\nasync function SaveReasonforConferenceOrder() {\n   if (reasonText.value.length > 0) {\n     const reasonNote = {\n        holdReasonNote: reasonText.value.trim(),\n        holdReasons: \"Conference Order\"\n     }\n     await store.cart.addHoldReasonNote(store.cart.current.id, reasonNote);\n    }\n}\n// Handlers ----\nfunction onCheckout() {\n   if (reasonText.value.trim().length > 0) \n       SaveReasonforConferenceOrder();\n    \n    router.push({ name: 'Checkout' });\n}\n</script>\n\n<template>\n    <PageTemplate>\n        <div class=\"container root-page\">\n\n            <div v-if=\"store.cart.current.items.length > 0\" class=\"float-end\">\n                <router-link class=\"btn btn-outline-color-1 me-2\" to=\"/products\">CONTINUE SHOPPING</router-link>\n                <button class=\"btn btn-color-1\" @click=\"onCheckout\"\n                    :disabled=\"!disableContinue\">CHECKOUT</button>\n            </div>\n            <h1 class=\"cart-page-header mb-4\">Shopping Cart</h1>\n\n            <div class=\"row\">\n                <div class=\"col-9\">\n                    <CartItemList class=\"mt-5\" :editable=\"true\">\n                        <template #empty>\n                            <div class=\"text-center\">\n                                Your cart is currently empty.<br /><br />\n                                <router-link class=\"btn btn-outline-color-1 me-2\" to=\"/products\">CONTINUE\n                                    SHOPPING</router-link>\n                            </div>\n                        </template>\n                    </CartItemList>\n                </div>\n                <div class=\"col-3\">\n                    <div class=\"summary mt-5\">\n                        <CartBodyPanel class=\"cart-body-panel\">\n                            <template #title>\n                                <h2>Order Summary</h2>\n                            </template>\n\n                            <ConferenceOrderTile title=\"Please confirm, if this is a Conference Order\" v-model=\"reasonText\" :checkContinueStatus=\"checkContinueStatus\" @textchange=\"handleTextChanged\" />\n                        </CartBodyPanel>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </PageTemplate>\n</template>\n\n<style lang=\"scss\"></style>","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__","<script setup>\n\n    // ShippingAddressTile\n    // Customizes the standard AddressTile component with options/markup specific to user shipping addresses.\n\n    // Components ----\n\n    // Imports ----\n    import { defineProps, ref, computed } from 'vue';\n    import { ShippingAddressForm } from '@dd-nucleus/nucleus-vue';\n    import { store, DEFAULT_COUNTRY_CODE } from '@/Store';\n\n    // Props ----\n    const props = defineProps({\n        // The address to show\n        address: {\n            type: Object,\n            required: true\n        },\n        // An optional height to enforce.\n        height: {\n            type: String,\n            required: false,\n            default: null\n        },\n        // Whether to add a \"set default\" action button\n        canSetDefault: {\n            type: Boolean,\n            required: false,\n            default: false\n        },\n        // Whether to show a border around the tile.\n        border: {\n            type: Boolean,\n            required: false,\n            default: true\n        },\n        // An optional height to enforce for the address block.\n        addressHeight: {\n            type: String,\n            required: false,\n            default: null\n        },\n        editable: {\n            type: Boolean,\n            required: false,\n            default: false,\n        },\n        deletable: {\n            type: Boolean,\n            required: false,\n            default: false,\n        }\n    });\n\n    // State ----\n    const selectedCountry = ref(DEFAULT_COUNTRY_CODE);\n    let shippingAddressForm = ref(new ShippingAddressForm({...props.address}));\n    let editing = ref(false);\n    let messages = ref([]);\n\n    // Computed ----\n    const isDefault = computed(() => {\n        if (typeof props.address === 'undefined')\n            return false;\n        else\n            return (store.shipping.addresses.length > 0 && props.address.id === store.shipping.addresses[0].id);\n    });\n\n    const isDeletable = computed(() => {\n        return props.deletable && !isDefault.value;\n    });\n\n    const isEditable = computed(() => {\n        // TODO: make the backend send a flag called as `editable` for each address\n        // which will determine if the address is editable or not.\n        return props.editable; // && props.address.editable;\n    })\n\n    // Events ----\n\n    // Handlers ----\n    async function onSetDefault() {\n        await store.shipping.setDefaultShippingAddress(props.address.id);\n    }\n\n    async function onEdit() {\n        shippingAddressForm.value = new ShippingAddressForm({...props.address});\n        selectedCountry.value = shippingAddressForm.value.model.countryCode;\n        editing.value = true;\n    }\n\n    async function onDelete() {\n        const confirmed = window.confirm('Are you sure you want to delete this address?');\n        if (confirmed) {\n            const response = await store.shipping.deleteAddress(props.address.id);\n            if (response.succeeded) {\n                store.toast.success('Shipping address deleted.');\n                await store.refreshSearches('addresses-for-user');\n            } else {\n                store.toast.error('Failed to delete shipping address.');\n                messages.value = response.messages || [];\n            }\n        }\n    }\n\n    function onCancelEditShippingAddress() {\n        editing.value = false;\n    }\n\n    async function onSubmitEditShippingAddress() {\n        const success = await shippingAddressForm.value.submit();\n        if (success) {\n            editing.value = false;\n            store.toast.success('Shipping address updated.');\n            await store.refreshSearches('addresses-for-user');\n        } else {\n            store.toast.error('Failed to update shipping address.');\n        }\n    }\n\n    function onChanged(form) {\n        if (selectedCountry.value != form.model.countryCode) {\n            selectedCountry.value = form.model.countryCode;\n            form.model.state = '';\n            form.model.province = '';\n            form.model.addressLine1 = '';\n            form.model.addressLine2 = '';\n            form.model.city = '';\n            form.model.postalCode = '';\n        }\n    }\n</script>\n\n<template>\n\n    <div class=\"shipping-address-tile\">\n        <MessageList :messages=\"messages\" />\n        <div v-if=\"editing\" class=\"subform mt-2\">\n            <div class=\"col-12 col-md-8\">\n                <EditShippingAddress v-if=\"editing\" :form=\"shippingAddressForm\" :address-only=\"true\" :start-address-lines=\"2\" :max-address-lines=\"2\" :selectedCountry=\"selectedCountry\" @change=\"onChanged\">\n                    <div class=\"row\">\n                        <div class=\"col-12 pt-2\">\n                            <button class=\"btn btn-outline-color-2 me-2\" @click=\"onCancelEditShippingAddress\">Cancel</button>\n                            <button class=\"btn btn-color-2\" @click=\"onSubmitEditShippingAddress\" :disabled=\"shippingAddressForm.status.isInvalid\">Save</button>\n                        </div>\n                    </div>\n                </EditShippingAddress>\n            </div>\n        </div>\n\n        <AddressTile v-else :deletable=\"isDeletable\" :editable=\"isEditable\" :address=\"props.address\" :height=\"props.height\" :address-height=\"props.addressHeight\" :border=\"props.border\" @delete=\"onDelete\" @edit=\"onEdit\">\n            <template #top>\n            </template>\n\n            <div class=\"mt-2\">\n                <div class=\"tags\">\n                    <span v-if=\"isDefault\" class=\"badge default-shipping\"><i class=\"bi bi-star-fill\"></i> Default Shipping</span>\n                </div>\n                <ActionButton v-if=\"props.canSetDefault && !isDefault\" icon=\"bi bi-star\" label=\"Set Default\" @click=\"onSetDefault\" />\n            </div>\n        </AddressTile>\n    </div>\n\n</template>\n\n<style lang=\"scss\">\n\n    .shipping-address-tile {\n        overflow-x: clip;\n\n        .n-action-button {\n            margin-right: 0.5rem;\n        }\n\n        .default-shipping {\n            background-color: $highlight-1;         // TODO: SCSS variable\n        }\n    }\n\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=1d45bcc9&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\n// ShipToUserForm\n// Implements the form that lets a user enter a custom shipping address.\n\n// Imports ----\nimport { ShippingAddressForm } from '@dd-nucleus/nucleus-vue';\nimport { store, DEFAULT_COUNTRY_CODE } from '@/Store';\n\nexport default class ShipToUserForm extends ShippingAddressForm {\n\n    // Constructor\n    constructor() {\n        // Pass our model to the base class\n        super(\n            {\n                saveAddress: false,            // Save to user's addresses?\n                saveDefault: false             // Save as user's default shipping address?\n            });\n\n        this.model.countryCode = this.model.countryCode ? this.model.countryCode : DEFAULT_COUNTRY_CODE;\n\n        // If the cart isn't yet loaded, initialize the model when it is; otherwise, initialize now.\n        if (typeof store.cart.current.shipToList === 'undefined') {\n            store.cart.onCartLoaded(() => {\n                this.load()\n            });\n        }\n        else {\n            this.load();\n        }\n\n    }\n\n    load() {\n        // Only copy values if the address ID is null, and we're in the right ship-to mode\n        if (store.cart.shipToMode === store.cart.ShipToMode.ShipToUser) {\n            const address = store.cart.current.shipToList[0];\n            if (address.contactAddressId === null)\n                this.model = Object.assign(this.model, address);\n        }\n    }\n\n    onValidate() {\n        super.onValidate();\n    }\n\n    async onSubmit() {\n        // Copy model, remove properties not applicable to the API call.\n        const address = Object.assign({}, this.model);\n        delete address.saveAddress;\n        delete address.saveDefault;\n        address.contactId = store.user.contactId;\n\n        await store.cart.setShipToUserCustomAddress(address, this.model.saveAddress, this.model.saveDefault);\n    }\n\n    commonProps(form, shipTo) {\n        form.model.addressee = shipTo.addressee;\n        form.model.companyName = shipTo.companyName;\n        form.model.addressLine1 = shipTo.addressLine1;\n        form.model.addressLine2 = shipTo.addressLine2;\n        form.model.addressLine3 = shipTo.addressLine3;\n        form.model.addressLine4 = shipTo.addressLine4;\n        form.model.city = shipTo.city;\n        form.model.state = shipTo.state;\n        form.model.postalCode = shipTo.postalCode;\n        form.model.countryCode = shipTo.countryCode;\n    }\n}","<script setup>\n\n    // ShipToUser\n    // Allows the user to ship to a new address, pick from an existing address, or edit existing addresses, if store options for doing so are enabled.\n\n    // Constants ----\n    const View = {\n        EDITABLE: 'EDITABLE',\n        EDITING: 'EDITING',\n        SUMMARY: 'SUMMARY'\n    }\n\n    const AddressOption = {\n        SAVED_ADDRESS: 'SAVED',\n        OTHER: 'OTHER'\n    }\n\n    // Components ----\n    import ShippingAddressTile from '@/site/components/ShippingAddressTile';\n\n    // Imports ----\n    import { reactive, ref, defineProps, computed, onMounted, defineEmits, watch } from 'vue';\n    import { store, DEFAULT_COUNTRY_CODE } from '@/Store';\n    import ShipToUserForm from '../forms/ShipToUserForm';\n    import { Search, ShippingAddressForm } from '@dd-nucleus/nucleus-vue';\n    import { ShippingMethods, Countries } from '@/constants';\n\n    // Props ----\n    const props = defineProps({\n        // The label to show with the icon on the button.\n        canEdit: {\n            type: Boolean,\n            required: true\n        }\n    });\n\n    // State ----\n    let addShippingAddressForm = new ShippingAddressForm();\n    const form = reactive(new ShipToUserForm());\n    const cart = reactive(store.cart.current);\n    const addressOption = ref('');\n    const selectedAddressId = ref('');\n    const isLoaded = ref(false);\n    const addingShippingAddress = ref(false);\n    const selectedCountry = ref(DEFAULT_COUNTRY_CODE);\n    const emit = defineEmits(['addressType']);\n\n    const search = new Search('addresses-for-user', 'tile', 'address-sequence', 1000);\n    search.setEmptyFilter('address-shipping');\n\n    const options = [\n        { id: AddressOption.SAVED_ADDRESS, text: 'Saved Address' },\n        { id: AddressOption.OTHER, text: 'Other Address' }\n    ];\n\n    // Computed ----\n    const pageView = computed(() => {\n        if (props.canEdit) {\n            return View.EDITING;\n        }\n        else\n            // Summary view - display only\n            return View.SUMMARY;\n    })\n\n    const cartAddressOption = computed(() => {\n        return addressOption.value;\n    });\n\n    // Methods ----\n\n    // Handlers ----\n    onMounted(() => {\n        update();\n        emit('addressType', { addValue: addressOption.value, addressId: selectedAddressId.value });\n    });\n\n    store.cart.onCartLoaded(() => {\n        update();\n    });\n\n    store.cart.onCartUpdated(() => {\n        update();\n    });\n\n    function getContactAddressId() {\n        if (selectedAddressId.value == null || selectedAddressId.value.length == 0) {\n            return (store.shipping.addresses.length > 0 ? store.shipping.addresses[0].id : '')\n        }\n    }\n\n    // Called once we know we have a cart to work with\n    function update() {\n        if (typeof store.cart.current.shipToList === 'undefined') return;\n\n        let contactAddressId = store.cart.current.shipToList.length > 0 ? store.cart.current.shipToList[0].contactAddressId : getContactAddressId()\n\n        if (store.cart.current.shipToMode === store.cart.ShipToMode.ShipToUser)\n            selectedAddressId.value = contactAddressId;\n        else\n            selectedAddressId.value = '';\n\n        if (cart.shipToMode === store.cart.ShipToMode.ShipToUser && contactAddressId === null) {\n            addressOption.value = AddressOption.OTHER;\n\n            const shipTo = store.cart.current.shipToList[0];\n            form.model.companyName = shipTo.companyName;\n            form.model.addressLine1 = shipTo.addressLine1;\n            form.model.addressLine2 = shipTo.addressLine2;\n            form.model.addressLine3 = shipTo.addressLine3;\n            form.model.addressLine4 = shipTo.addressLine4;\n            form.model.city = shipTo.city;\n            form.model.state = shipTo.state;\n            form.model.postalCode = shipTo.postalCode;\n            form.model.countryCode = shipTo.countryCode ? shipTo.countryCode : selectedCountry.value;\n        }\n        else\n            addressOption.value = AddressOption.SAVED_ADDRESS;\n\n        addShippingAddressForm.model.countryCode = form.model.countryCode = selectedCountry.value;\n        isLoaded.value = true;\n    }\n\n    function onAddShippingAddress() {\n        addShippingAddressForm.model.countryCode = selectedCountry.value;\n        addingShippingAddress.value = true;\n    }\n\n    function onCancelAddShippingAddress() {\n        addShippingAddressForm.reset();\n        addingShippingAddress.value = false;\n    }\n\n    async function onSaveShippingAddress() {\n        const succeeded = await addShippingAddressForm.submit();\n        if (succeeded) {\n            addingShippingAddress.value = false;\n            addShippingAddressForm.reset();\n        } else {\n            addShippingAddressForm.validate();\n        }\n\n        await store.refreshSearches('addresses-for-user');\n    }\n\n    async function onAddressSelected(address) {\n        await store.cart.setShipToUserSavedAddress(address.id);\n        store.refreshSearches('addresses-for-user');\n        addShippingAddressForm.model.countryCode = selectedCountry.value;\n       \n        await setDefaultShippingMethod(address)\n    }\n\n    async function onShippingAddressChanged() {\n        if (selectedCountry.value != addShippingAddressForm.model.countryCode) {\n            selectedCountry.value = addShippingAddressForm.model.countryCode;\n            addShippingAddressForm.model.state = '';\n            addShippingAddressForm.model.province = '';\n        }\n    }\n    async function onOtherAddressChanged() {\n        // Call the form to update the address, but we don't want validation to prevent submission.\n        if (selectedCountry.value != form.model.countryCode) {\n            selectedCountry.value = form.model.countryCode;\n            form.model.state = '';\n            form.model.province = '';\n        }\n        await form.submit(false);\n    }\n\n    watch(\n        () => [form, addressOption.value, selectedAddressId.value],\n        () => {\n            if (addressOption.value === AddressOption.OTHER) {\n                emit('addressType', { addValue: addressOption.value, addressId: null, formIsValid: !form.validator.isInvalid });\n            } else emit('addressType', { addValue: addressOption.value, addressId: selectedAddressId.value });\n\n        },\n        {\n            deep: true\n        }\n    );\n\n    async function setDefaultShippingMethod(address) {\n        if (address.countryCode.toUpperCase() == Countries.PuertoRico.toUpperCase()) {\n            store.cart.current.shipMethodCode = ShippingMethods.InternationalEconomy\n            await store.cart.setShipMethod(store.cart.current.shipMethodCode);\n        }\n    }\n\n</script>\n\n<template>\n    <div class=\"ship-to-user\">\n\n        <div v-if=\"pageView === View.EDITABLE\" class=\"p-3\">\n            <ShippingAddressTile v-if=\"isLoaded\" :address=\"store.cart.current.shipToList[0]\" :border=\"false\">\n            </ShippingAddressTile>\n\n        </div>\n\n        <template v-if=\"pageView === View.EDITING\">\n            <div class=\"mb-3\">\n                <RadioButton v-for=\"option in options\" :key=\"option.id\" v-model=\"addressOption\" :label=\"option.text\"\n                             list-id=\"address-option\" :value=\"option.id\" class=\"d-inline-block me-3\" />\n            </div>\n\n            <div v-if=\"cartAddressOption === AddressOption.SAVED_ADDRESS\">\n                <SearchContainer :search=\"search\" :deep-link=\"false\">\n\n                    <SearchGrid :columns-xs=\"1\" :columns-sm=\"2\" :columns-md=\"2\" :columns-lg=\"3\" :columns-xl=\"3\"\n                                :columns-xxl=\"3\">\n                        <!-- Template for each item in a grid view -->\n                        <template v-slot:grid=\"address\">\n\n                            <TileSelectButton :item=\"address\" :multi-select=\"false\"\n                                              :is-selected=\"address.id === selectedAddressId\" @selected=\"onAddressSelected(address)\" />\n                            <ShippingAddressTile :class=\"{ selected: address.id === selectedAddressId }\" :address=\"address\"\n                                                 :can-set-default=\"true\" height=\"11rem\">\n                            </ShippingAddressTile>\n\n                        </template>\n                    </SearchGrid>\n\n                </SearchContainer>\n                <div class=\"mt-1\">\n                    <ActionButton icon=\"bi bi-plus-lg\" label=\"Add Shipping Address\" @click=\"onAddShippingAddress\" />\n                </div>\n\n                <div v-if=\"addingShippingAddress\" class=\"subform mt-2\" ref=\"shippingAddressForm\">\n                    <div class=\"col-12 col-md-8\">\n                        <div class=\"header\">New Shipping Address</div>\n                        <EditShippingAddress :form=\"addShippingAddressForm\" :address-only=\"true\" :start-address-lines=\"2\"\n                                             :max-address-lines=\"2\" :selectedCountry=\"selectedCountry\" @change=\"onShippingAddressChanged\">\n                            <div class=\"row\">\n                                <div class=\"col-12 pt-2\">\n                                    <button class=\"btn btn-outline-color-2 me-2\"\n                                            @click=\"onCancelAddShippingAddress\">\n                                        Cancel\n                                    </button>\n                                    <button class=\"btn btn-color-2\" @click=\"onSaveShippingAddress\"\n                                            :disabled=\"addShippingAddressForm.status.isInvalid\">\n                                        Save\n                                    </button>\n                                </div>\n                            </div>\n                        </EditShippingAddress>\n                    </div>\n                </div>\n            </div>\n\n            <div v-if=\"cartAddressOption === AddressOption.OTHER\">\n                <div class=\"col-12 col-md-9 col-lg-6\">\n                    <EditShippingAddress :form=\"form\" @change=\"onOtherAddressChanged\" :address-only=\"true\"\n                                         :start-address-lines=\"2\" :max-address-lines=\"2\" :selectedCountry=\"selectedCountry\">\n                        <template #top>\n                            <div class=\"n-form-label mb-2\">\n                                <label for=\"61d18332-3ce4-487f-bc66-b24b0e5a579b\" class=\"label form-label\">Ship To</label>\n                                <div class=\"n-text-box-field\">\n                                    <input id=\"61d18332-3ce4-487f-bc66-b24b0e5a579b\" type=\"text\"\n                                           class=\"text-box form-control\" v-model=\"form.model.addressee\"\n                                           @change=\"onOtherAddressChanged\">\n                                </div>\n                            </div>\n                        </template>\n                        <div class=\"mt-3\">\n                            <CheckBoxField v-model=\"form.model.saveAddress\" @change=\"onOtherAddressChanged\"\n                                           label=\"Save this address for future orders\" />\n                            <CheckBoxField v-if=\"form.model.saveAddress\" v-model=\"form.model.saveDefault\"\n                                           @change=\"onOtherAddressChanged\" label=\"Save as my default shipping address\" />\n                        </div>\n                    </EditShippingAddress>\n                </div>\n            </div>\n        </template>\n\n        <template v-if=\"pageView === View.SUMMARY\">\n            <ShippingAddressTile v-if=\"isLoaded\" :address=\"store.cart.current.shipToList[0]\" :border=\"false\">\n            </ShippingAddressTile>\n\n        </template>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .ship-to-user {\n        .n-tile-select-button {\n            position: absolute;\n            margin-top: -0.5rem;\n            margin-left: -0.25rem\n        }\n\n        .shipping-address-tile.selected .n-address-tile {\n            border: 1px solid $color-1 !important;\n        }\n    }\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=fb310850&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // MarketingContactTile\n    // Customizes the standard AddressTile component with options/markup specific to marketing contacts.\n\n    // Components ----\n\n    // Imports ----\n    import { reactive, defineProps, defineEmits, computed } from 'vue';\n    import { store } from '@/Store';\n\n    // Props ----\n    const props = defineProps({\n        // The contact to show\n        contact: {\n            type: Object,\n            required: true\n        },\n        // An optional height to enforce.\n        height: {\n            type: String,\n            required: false,\n            default: null\n        },\n        // Whether to show a border around the tile.\n        border: {\n            type: Boolean,\n            required: false,\n            default: true\n        },\n        // An optional height to enforce for the address block.\n        addressHeight: {\n            type: String,\n            required: false,\n            default: null\n        }\n    });\n\n    // State ----\n    const contact = reactive(props.contact);\n\n    // Computed ----\n    const isFavorite = computed(() => {\n        return contact.isFavorite;\n    });\n\n    // Events ----\n    const emit = defineEmits(['edit', 'delete']);\n\n    // Handlers ----\n    function onEditClicked() {\n        emit('edit');\n    }\n\n    function onDeleteClicked() {\n        emit('delete');\n    }\n\n    function onFavoriteClicked() {\n        store.marketing.setFavoriteContact(contact.id, !contact.isFavorite);\n        contact.isFavorite = !contact.isFavorite;\n    }\n\n</script>\n\n<template>\n\n    <div class=\"marketing-contact-tile\">\n        <AddressTile :address=\"props.contact\" :height=\"props.height\" :address-height=\"props.addressHeight\" :border=\"props.border\">\n            <template #top>\n                <div class=\"float-end text-end\"><FavoriteIcon :is-favorite=\"isFavorite\" @click=\"onFavoriteClicked\" /></div>\n                <div class=\"name-block\">\n                    <div class=\"name\">{{ props.contact.firstName }} {{ props.contact.lastName}}</div>\n                    <div v-if=\"props.contact.email.length > 0\" class=\"email\">\n                        <a :href=\"'mailto:' + props.contact.email\">{{ props.contact.email }}</a>\n                    </div>\n                    <div v-if=\"props.contact.phoneNumber.length > 0\" class=\"phone\">{{ props.contact.phoneNumber}}</div>\n                    <div v-if=\"props.contact.title.length > 0\" class=\"title\">{{ props.contact.title}}</div>\n                </div>\n            </template>\n\n            <div class=\"mt-2\">\n                <ActionButton icon=\"bi bi-pencil-fill\" label=\"Edit\" @click=\"onEditClicked\" />\n                <ActionButton icon=\"bi bi-trash-fill\" label=\"Delete\" @click=\"onDeleteClicked\" />\n            </div>\n        </AddressTile>\n    </div>\n\n</template>\n\n<style lang=\"scss\">\n\n    .marketing-contact-tile {\n        overflow-x: clip;\n\n        .name-block {\n            margin-bottom: 0.25rem;\n        }\n\n        .name {\n            font-weight: $bold;\n            font-size: 0.9rem;\n            line-height: 1rem;\n        }\n\n        .title {\n            font-style: italic;\n        }\n\n        .n-action-button {\n            margin-right: 0.5rem;\n        }\n    }\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=8a0dd1d2&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n    // MarketingContacts\n    // Allows a user to find, create, and/or select contact(s) from their contact list.\n\n    // Constants ----\n    const constants = {\n        DEFAULT_PAGE_SIZE: 12\n    };\n\n    // Components ----\n    import MarketingContactTile from './MarketingContactTile';\n\n    // Imports ----\n    import { defineProps, defineEmits, reactive, ref } from 'vue';\n    import { Search } from '@dd-nucleus/nucleus-vue';\n    import { EditContactForm, UploadBulkContacts } from '@dd-nucleus/nucleus-vue';\n    import { store, DEFAULT_COUNTRY_CODE } from '@/Store';\n\n    // Props ----\n    const props = defineProps({\n        // Allow creation of a contact?\n        allowCreate: {\n            type: Boolean,\n            required: false,\n            default: true\n        },\n        // Whether to use a large, primary color button rather than an ActionButton for creating.\n        largeCreateButton: {\n            type: Boolean,\n            required: false,\n            default: false\n        },\n        // Whether this displaying to allow a selection\n        canSelect: {\n            type: Boolean,\n            required: false,\n            default: false\n        },\n        // If allowing selection, whether we're allowing multi-selection\n        multiSelect: {\n            type: Boolean,\n            required: false,\n            default: false\n        },\n        // If allowing selection, an array to store selected ID(s)\n        selection: {\n            type: Array,\n            required: false,\n            default: () => []\n        },\n        // Indicates whether the selection can be toggled on/off\n        toggle: {\n            type: Boolean,\n            required: false,\n            default: false\n        }\n    });\n\n    // State ----\n    const search = new Search('mktg-contacts-for-user', 'tile', 'mktg-contact-last-name', constants.DEFAULT_PAGE_SIZE);\n    const editContactForm = reactive(new EditContactForm(null, null, true)); // id is null, addressconfig is null and noPoBox is true.\n    const favoritesOnly = ref(false);\n    const editingContact = ref(false);\n    const uploadBulkContacts = ref(false);\n    const selectedCountry = ref(DEFAULT_COUNTRY_CODE);\n\n    const selectedContactId = ref('');\n\n    const sortOptions = [\n        { id: 'mktg-contact-last-name', text: 'Last Name (A-Z)' },\n        { id: 'mktg-contact-last-name-desc', text: 'Last Name (Z-A)' },\n        { id: 'mktg-contact-firstName', text: 'First Name (A-Z)' },\n        { id: 'mktg-contact-firstName-desc', text: 'First Name (Z-A)' },\n        { id: 'mktg-contact-companyName', text: 'Company Name (A-Z)' },\n        { id: 'mktg-contact-companyName-desc', text: 'Company Name (Z-A)' }\n    ];\n\n    const pageSizeOptions = [12, 24, 36, 48, 60];\n\n    // Computed ----\n\n    // Events ----\n    const emit = defineEmits(['selected', 'created', 'deselected']);\n\n    // Handlers ----\n    function onSetFavoritesOnly(set) {\n        favoritesOnly.value = set;\n\n        if (favoritesOnly.value) search.setEmptyFilter('mktg-contact-favorite');\n        else search.removeFilter('mktg-contact-favorite');\n    }\n\n    function onNewContact() {\n        editContactForm.newContact();\n        editContactForm.model.countryCode = DEFAULT_COUNTRY_CODE;\n        editingContact.value = true;\n    }\n\n    async function onEditContact(id) {\n        await editContactForm.editContact(id);\n        selectedCountry.value = editContactForm.model.countryCode;\n        editingContact.value = true;\n    }\n\n    function onCancelEditContact() {\n        editingContact.value = false;\n    }\n\n    async function onSaveContact() {\n        await editContactForm.submit();\n        editingContact.value = false;\n\n        store.refreshSearches('mktg-contacts-for-user');\n        emit('created');\n    }\n\n    function onContactSelected(contact) {\n        selectedContactId.value = contact.id;\n        emit('selected', contact);\n        store.refreshSearches('mktg-contacts-for-user');\n    }\n\n    function onContactDeselected(contact) {\n        emit('deselected', contact);\n    }\n\n    async function onDeleteContact(id) {\n        const confirmed = confirm('Are you sure you want to delete this contact?');\n        if (!confirmed) {\n            return;\n        }\n\n        await store.marketing.deleteContact(id);\n        store.refreshSearches(search.searchType);\n    }\n\n    function onChanged(form) {\n        if (selectedCountry.value != form.model.countryCode) {\n            selectedCountry.value = form.model.countryCode;\n            form.model.state = '';\n            form.model.province = '';\n        }\n    }\n\n    function bulkContactsHandler() {\n        uploadBulkContacts.value = true;\n    }\n\n    async function exportContacts() {\n        try {\n            const token = localStorage.getItem('access_token');\n\n            const response = await fetch(process.env.VUE_APP_BASE_API_URL + 'api/marketing/user/current/contacts/export', {\n                method: 'GET',\n                headers: {\n                    'Authorization': `Bearer ${token}`,\n                    'Accept': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n                },\n            });\n\n            if (response.ok) {\n                const blob = await response.blob();\n                const link = document.createElement('a');\n                link.href = URL.createObjectURL(blob);\n                link.download = 'ExportContacts.xlsx';\n                document.body.appendChild(link);\n                link.click();\n                document.body.removeChild(link);\n            } else {\n                store.toast.error('Error in exporting the contacts');\n            }\n        } catch (error) {\n            store.toast.error('Error in exporting the contacts');\n        }\n    }\n\n    function editingContactHandler() {\n        editingContact.value = false;\n        uploadBulkContacts.value = false;\n    }\n</script>\n\n<template>\n    <div class=\"marketing-contacts\">\n        <div class=\"d-flex float-end\" v-if=\"props.allowCreate && props.largeCreateButton && !editingContact && !uploadBulkContacts\">\n            <button class=\"btn btn-color-1 me-2\"\n                    @click=\"onNewContact\">\n                CREATE CONTACT\n            </button>\n            <button class=\"btn btn-outline-color-1 me-2\" @click=\"bulkContactsHandler\">BULK UPLOAD CONTACTS</button>\n            <button class=\"btn btn-outline-color-1\" @click=\"exportContacts\">EXPORT CONTACTS</button>\n        </div>\n\n        <slot></slot>\n        <template v-if=\"!editingContact && !uploadBulkContacts\">\n            <SearchContainer :search=\"search\" :deep-link=\"false\">\n                <div class=\"d-flex\">\n                    <div class=\"flex-fill\">\n                        <ul class=\"nav nav-tabs mb-2\">\n                            <li class=\"nav-item\">\n                                <button class=\"nav-link\" :class=\"{ active: !favoritesOnly }\" type=\"button\" role=\"tab\"\n                                        @click=\"onSetFavoritesOnly(false)\">\n                                    All Contacts\n                                </button>\n                            </li>\n                            <li class=\"nav-item\">\n                                <button class=\"nav-link\" :class=\"{ active: favoritesOnly }\" type=\"button\" role=\"tab\"\n                                        @click=\"onSetFavoritesOnly(true)\">\n                                    <i class=\"bi bi-heart\"></i>My Favorite Contacts\n                                </button>\n                            </li>\n                        </ul>\n                    </div>\n                    <div>\n                        <SubPageButton v-if=\"props.allowCreate && !props.largeCreateButton && !editingContact\"\n                                       label=\"Create Contact\" @click=\"onNewContact\"></SubPageButton>\n                    </div>\n                </div>\n\n                <div class=\"filter-bar mb-3\">\n                    <LetterPickFilter filter-id=\"mktg-contact-alphabets\" class=\"mb-2 d-none d-lg-block\" />\n                    <div>\n                        <TextBoxFilter :resetText=\"false\" filter-id=\"mktg-contact-keywords\"\n                                       placeholder=\"Search last name, first name, company name, address, email, or phone\" />\n                    </div>\n                </div>\n\n                <div v-show=\"search.results.count > 0\" class=\"row mb-3\">\n                    <div class=\"col\">\n                        <SortOptionsList :options=\"sortOptions\" />\n                    </div>\n                    <div class=\"col\">\n                        <PageSizeList :options=\"pageSizeOptions\" />\n                    </div>\n                    <div class=\"col-4 text-end\">\n                        <PageSelector />\n                    </div>\n                </div>\n                <div v-show=\"search.results.count > 0\" class=\"col text-end search-count\">\n                    <span v-if=\"search.results.loaded && search.results.rows.length > 0\">\n                        {{ search.results.startIndex }} to {{ search.results.endIndex }} of {{ search.results.totalCount }} results\n                    </span>\n                    <br />\n                </div>\n\n                <SearchGrid :columns-xs=\"1\" :columns-sm=\"2\" :columns-md=\"2\" :columns-lg=\"3\" :columns-xl=\"3\"\n                            :columns-xxl=\"3\">\n                    <!-- Template for each item in a grid view -->\n                    <template v-slot:grid=\"contact\" v-if=\"props.multiSelect\">\n                        <!-- TODO: is-Selected is not working when we select multiselect-->\n                        <TileMultiSelectButton v-if=\"props.canSelect\" :item=\"contact\" :multi-select=\"props.multiSelect\"\n                                               :is-selected=\"selection.includes(contact.id)\" @selected=\"onContactSelected(contact)\"\n                                               @deselected=\"onContactDeselected(contact)\" :toggle=\"props.toggle\" />\n                        <MarketingContactTile :class=\"{ selected: selection.includes(contact.id) }\" :contact=\"contact\"\n                                              minHeight=\"12rem\" @edit=\"onEditContact(contact.id)\" @delete=\"onDeleteContact(contact.id)\" />\n                    </template>\n\n                    <template v-slot:grid=\"contact\" v-else>\n                        <!-- TODO: is-Selected is not working when we select multiselect-->\n                        <!--<TileMultiSelectButton v-if=\"props.canSelect\" :item=\"contact\" :multi-select=\"props.multiSelect\"\n            :is-selected=\"selection.includes(contact.id)\" @selected=\"onContactSelectedForOneContatct(contact)\"\n            :toggle=\"true\" />-->\n                        <TileSelectButton :item=\"contact\" :multi-select=\"false\"\n                                          :is-selected=\"selectedContactId === contact.id\" @selected=\"onContactSelected(contact)\" />\n                        <MarketingContactTile :class=\"{ selected: selectedContactId === contact.id }\" :contact=\"contact\"\n                                              minHeight=\"12rem\" @edit=\"onEditContact(contact.id)\" @delete=\"onDeleteContact(contact.id)\" />\n                    </template>\n\n                    <!-- Template for no results -->\n                    <template #empty>\n                        No contacts have been created for your account.\n                    </template>\n\n                    <!-- Template while results are initially loading -->\n                    <template #loading-grid>\n                        <MockSearchGrid>\n                            <!-- TODO: Add mock contact tile -->\n                        </MockSearchGrid>\n                    </template>\n                </SearchGrid>\n\n                <div class=\"row mb-3\">\n                    <div class=\"col-4 text-end\">\n                        <PageSelector />\n                    </div>\n                </div>\n            </SearchContainer>\n        </template>\n        <div class=\"\" v-else-if=\"uploadBulkContacts\">\n            <UploadBulkContacts @back=\"editingContactHandler\" />\n        </div>\n\n        <div v-else class=\"subform\">\n            <div class=\"row\">\n                <div class=\"col-12 col-md-8\">\n                    <div class=\"header\">{{ editContactForm.model.id === null ? 'Create Contact' : 'Edit Contact' }}</div>\n                    <EditMarketingContact :form=\"editContactForm\" :selectedCountry=\"selectedCountry\" @change=\"onChanged\" />\n                </div>\n                <div class=\"col-12 mt-3\">\n                    <button class=\"btn btn-outline-color-1 me-2\" @click=\"onCancelEditContact\">Cancel</button>\n                    <button class=\"btn btn-color-1\" @click=\"onSaveContact\" :disabled=\"editContactForm.status.isInvalid\">\n                        {{ editContactForm.model.id === null ? 'Create' : 'Update' }}\n                    </button>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .marketing-contacts {\n        // TODO: Move this more central\n        .nav-tabs .bi-heart {\n            margin-right: 0.3rem;\n        }\n\n        .n-tile-select-button {\n            position: absolute;\n            margin-top: -0.5rem;\n            margin-left: -0.25rem;\n        }\n\n        .marketing-contact-tile.selected .n-address-tile {\n            border: 1px solid $color-1 !important;\n        }\n\n        .n-button-bar {\n            .btn:hover {\n                color: $button-bar-selected-text-color;\n                background-color: $button-bar-selected-bg-color;\n            }\n        }\n\n        .search-count {\n            margin-bottom: 13px;\n            text-align: right !important;\n        }\n    }\n</style>\n","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=6e6f25d4&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n    // Imports ----\n    import { defineProps, reactive, computed } from 'vue';\n    import { store } from '@/Store';\n    import { Util } from '@dd-nucleus/nucleus-vue';\n\n    defineProps({\n        readonly: {\n            type: Boolean,\n            default: false,\n        }\n    });\n\n    // States ----\n    const quantityMap = reactive({ item: {} });\n    const selections = reactive({ addresses: {} });\n\n\n    // Computed ----\n    // const cart = ref(store.cart.current);\n    const items = computed(() => {\n        return store.cart.current.items.sort((a, b) => a.id < b.id ? -1 : 1)\n    });\n\n    const shipToList = computed(() => {\n        return store.cart.current.shipToList.map((address) => {\n            return {\n                ...address,\n                orderContactItemQuantities: address.orderContactItemQuantities.sort((a, b) => a.cartItemId < b.cartItemId ? -1 : 1)\n            };\n        });\n    });\n\n    const allSelected = computed(() => {\n        return store.cart.current.shipToList.length === Object.keys(selections.addresses).length;\n    });\n\n    function updateQuantityMap(itemId, quantity) {\n        quantityMap.item[itemId] = parseInt(quantity);\n    }\n\n    function applyQuantityToAllItems() {\n        for (let address of store.cart.current.shipToList) {\n            for (let item of address.orderContactItemQuantities) {\n                if (quantityMap.item[item.cartItemId]) {\n                    item.quantity = quantityMap.item[item.cartItemId];\n                }\n            }\n        }\n    }\n\n    function toggleAddressSelect(addressId) {\n        // if the item is already present remove it\n        if (selections.addresses[addressId]) {\n            delete selections.addresses[addressId];\n        } else {\n            selections.addresses[addressId] = true;\n        }\n    }\n\n    function onRemoveSelected() {\n        for (let address of store.cart.current.shipToList) {\n            if (selections.addresses[address.id]) {\n                address.selectionIsMarkedForRemoval = true;\n            }\n        }\n\n        const addressIds = Object.keys(selections.addresses);\n        store.cart.removeMultiShipAddresses(addressIds);\n        selections.addresses = {};\n    }\n\n    function toggleSelectAll() {\n        if (allSelected.value) {\n            selections.addresses = {};\n        } else {\n            markAllAddressAsSeelcted();\n        }\n    }\n\n    function markAllAddressAsSeelcted() {\n        for (let address of store.cart.current.shipToList) {\n            selections.addresses[address.id] = true;\n        }\n    }\n\n    function getAddressee(address) {\n        if (Util.isNotEmpty(address.addressee)) {\n            return address.addressee;\n        } else {\n            return address.firstName + \" \" + address.lastName;\n        }\n    }\n    function formatAddress(address) {\n        const state = address.state ?? address.province;\n        let addressArray = [address.addressLine1, address.addressLine2, address.city, state, address.postalCode, address.countryCode];\n        return addressArray.join(', ').replaceAll(/, , /g, ', ');\n    }\n\n</script>\n\n<template>\n    <table class=\"table table-striped multishipping-table\" v-if=\"!!store.cart.current\">\n        <thead class=\"multishipping-table__header\">\n            <tr>\n                <th class=\"item__address sticky-col\">\n                    <input v-if=\"!readonly\" type=\"checkbox\" class=\"item__checkbox form-check-input\" @click=\"toggleSelectAll\" :checked=\"allSelected\" />\n                    <button v-if=\"!readonly\" class=\"btn btn-outline-success ms-2\" @click=\"onRemoveSelected\">\n                        Remove Selected\n                    </button>\n                </th>\n                <th class=\"item__count\" v-for=\"item in items\" :key=\"item.id\">\n                    <!-- TODO: add a tooltip to show product name -->\n                    {{ item.product.itemNumber }}\n                    <input v-if=\"!readonly\" type=\"number\" class=\"form-control\" min=\"1\" @change=\"(e) => updateQuantityMap(item.id, e.target.value)\" />\n                </th>\n                <th>\n                    <button v-if=\"!readonly\" class=\"btn btn-success\" @click=\"applyQuantityToAllItems\">\n                        Apply\n                    </button>\n                </th>\n            </tr>\n        </thead>\n\n        <tbody class=\"multishipping-table__body\">\n            <tr v-for=\"address in shipToList\" :key=\"address.id\">\n                <td class=\"sticky-col\">\n                    <div class=\"d-flex\">\n                        <div class=\"me-4\">\n                            <input v-if=\"!readonly\"\n                                   type=\"checkbox\"\n                                   class=\"item__checkbox form-check-input\"\n                                   @click=\"() => toggleAddressSelect(address.id)\"\n                                   :checked=\"selections.addresses[address.id] === true\" />\n                        </div>\n                        <div>\n                            <div><b>{{ address.companyName }} </b></div>\n                            <div><b>{{ getAddressee(address) }}</b>, {{ formatAddress(address)}} </div>\n                        </div>\n\n                    </div>\n                </td>\n                <td v-for=\"item in address.orderContactItemQuantities\" :key=\"item.id\">\n                    <input v-if=\"!readonly\" type=\"number\" min=\"1\" class=\"form-control\" v-model.number=\"item.quantity\" required />\n                    <p v-else>{{ item.quantity }}</p>\n                </td>\n                <td></td>\n            </tr>\n        </tbody>\n    </table>\n</template>\n\n<style lang=\"scss\">\n    // address table style\n    .multishipping-table {\n        max-height: 600px;\n        max-width: 100%;\n        overflow: scroll;\n        display: block;\n    }\n\n    .multishipping-table__header th {\n        padding: 3px;\n        position: sticky;\n        top: 0;\n        z-index: 1;\n        background: white !important;\n    }\n\n    .multishipping-table__body .sticky-col {\n        position: sticky;\n        left: 0;\n        z-index: 2;\n        background: white !important;\n    }\n\n    .multishipping-table__header .sticky-col {\n        position: sticky;\n        left: 0;\n        top: 0;\n        z-index: 3;\n    }\n\n\n    .item__checkbox {\n        width: 1.5rem !important;\n        height: 1.5rem !important;\n    }\n\n    .item__address {\n        min-width: 470px;\n        width: 100%;\n    }\n\n    .item__count {\n        min-width: 80px;\n        width: 100%;\n    }\n\n    input:invalid {\n        border: 1px solid red;\n    }\n\n    input:valid {\n        border: 1px solid green;\n    }\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=38dff4ac&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n    // Imports ----\n    import { defineEmits, computed } from 'vue';\n    import { store } from '@/Store';\n\n    import AddressReviewTable from '@/site/areas/cart/components/AddressReviewTable';\n\n    // Emits ----\n    defineEmits(['update']);\n\n    const addressCount = computed(() => store.cart.current.shipToList.length || 0)\n\n</script>\n\n<template>\n    <div class=\"address-list\">\n        <h3 v-if=\"addressCount > 1\" class=\"p-4 \">Finalize shipping addresses and quantities</h3>\n        <h3 v-else class=\"p-4 \">Shipping Address</h3>\n\n        <AddressReviewTable />\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .address-list {\n        .list-group-item:nth-child(even) {\n            background: $neutral-lt;\n        }\n    }\n</style>","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=7803a0ce&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // ShipToContact\n    // Allows the user to select a single contact as the ship-to destination.\n\n    // Components ----\n    import MarketingContacts from '@/site/components/marketing/MarketingContacts';\n\n    // Imports ----\n    import { ref, onMounted, defineProps, defineEmits, reactive, computed } from 'vue';\n    import { store } from '@/Store';\n    import { useRouter } from 'vue-router';\n\n    import ConfirmAddressList from '@/site/areas/cart/components/ConfirmAddressList';\n    import ShipToUserForm from '../forms/ShipToUserForm';\n\n\n    const props = defineProps({\n        // If true, this will be styled for selecting multiple items.\n        multiSelect: {\n            type: Boolean,\n            required: false,\n            default: false\n        },\n        // Indicates whether the selection can be toggled on/off\n        toggle: {\n            type: Boolean,\n            required: false,\n            default: false\n        }\n    });\n\n    const router = useRouter();\n    const haveAddressesUpdated = ref(false);\n\n    // Constants ----\n    const Display = {\n        SUMMARY_ADDRESS_LIST: 'SUMMARY_ADDRESS_LIST',\n        PREVIEW_ADDRESS_LIST: 'PREVIEW_ADDRESS_LIST',\n        CONFIRM_ADDRESS_LIST: 'CONFIRM_ADDRESS_LIST',\n        UPLOAD_ADDRESS_LIST: 'UPLOAD_ADDRESS_LIST'\n    };\n\n    // State ----\n    const selection = ref([]);\n    // Events ----\n    const emit = defineEmits(['selected', 'deselected']);\n    // Computed ----\n    const isContactsSelected  = ref([])\n\n    const display = ref(Display.UPLOAD_ADDRESS_LIST);\n    const form = reactive(new ShipToUserForm());\n\n    const updatedAddress = ref([])\n\n    const properties = [\n      'addressee', \n      'companyName', \n      'addressLine1', \n      'addressLine2', \n      'addressLine3', \n      'addressLine4', \n      'city', \n      'state', \n      'postalCode', \n      'countryCode'\n    ];\n\n    // Handlers ----\n    onMounted(() => {\n        isContactsSelected.value = false;\n        update();\n    });\n\n    store.cart.onCartLoaded(() => {\n        update();\n    });\n\n    store.cart.onCartUpdated(() => {\n        update();\n    });\n\n    function update() {\n        if (typeof store.cart.current.shipToList === 'undefined') return;\n        if (store.cart.current.shipToMode === store.cart.ShipToMode.ShipToContact) {\n            selection.value.push(store.cart.current.shipToList[0]?.marketingContactId);\n        }\n        else {\n            selection.value = [];\n            for (let contact of store.cart.current.shipToList) {\n                if (contact.marketingContactId !== null && contact.marketingContactId !== undefined)\n                    selection.value.push(contact.marketingContactId);\n            }\n        }\n    }\n\n    const personalAddresses = computed(()=>{\n        return updatedAddress.value;\n    })\n\n\n    function onCancelClicked() {\n        display.value = Display.UPLOAD_ADDRESS_LIST;\n    }\n\n    function onContactSelected(contact) {\n        updatedAddress.value = contact;\n        isContactsSelected.value = true;\n        if (store.cart.current.shipToMode === store.cart.ShipToMode.ShipToContacts) {\n            selection.value.push(contact.id);\n            emit('selected', contact);\n        }\n        else {\n            if(props.multiSelect) {\n\n                selection.value = []\n                selection.value.push(contact.id);\n            }            \n            store.cart.setShipToMarketingContact(contact.id);\n            store.refreshSearches('addresses-for-user');\n        }\n    }\n\n    function onContactDeselected(contact) {\n        if (store.cart.current.shipToMode === store.cart.ShipToMode.ShipToContacts) {\n            selection.value = selection.value.filter(x => x !== contact.id);\n            emit('deselected', contact);\n        }\n    }\n\n    async function goToReviewPage(shipToContacts) {\n    if (!haveAddressesUpdated.value) {\n        await store.cart.setShipToMarketingContact(shipToContacts.id);\n    }\n\n    if (shipToContacts !== null || shipToContacts !== undefined) {\n        await updateToSingleContact(shipToContacts);\n        router.push({ name: 'Review' });\n        return;\n    }\n}\n\n\n    async function updatedAddresses(updatedAddresses) {\n        haveAddressesUpdated.value = true;\n        await store.cart.setShipToMultiplContacts(updatedAddresses);\n    }\n\n\n    async function updateToSingleContact(shipToContact) {\n        \n        properties.forEach(property => {\n            form.model[property] = shipToContact[property];\n        });\n\n        await store.cart.setShipToModeToSingleContact()\n    \n    }\n\n    function onMyAddressConfirmClicked() {{\n    display.value = Display.CONFIRM_ADDRESS_LIST;\n\n    var selectedAddresses = store.cart.current.shipToList.filter(a => a.marketingContactId !== null && a.marketingContactId !== undefined).map((address) => {\n        return {\n            ...address,\n            id: address.marketingContactId\n        }\n    });\n\n     store.cart.setShipToMarketingContact(selectedAddresses[0].marketingContactId);\n}}\n\n</script>\n\n<template>\n\n    <div class=\"ship-to-contact\">\n        <template v-if=\"display === Display.CONFIRM_ADDRESS_LIST\">\n            <ConfirmAddressList :addressList=\"personalAddresses\" @update=\"updatedAddresses\">\n                <template #empty>\n                    Empty Addresses\n                </template>\n            </ConfirmAddressList>\n\n            <div class=\"show-right\">\n                <PageButton class=\"me-2\" :outline=\"true\" @click=\"onCancelClicked\">Back</PageButton>\n                <PageButton class=\"me-2\" :disabled=\"personalAddresses.length === 0\" @click=\"goToReviewPage(personalAddresses)\">Review</PageButton>\n            </div>\n        </template>\n\n        <template v-else>\n            <MarketingContacts @selected=\"onContactSelected\"\n                               @deselected=\"onContactDeselected\"\n                               :selection=\"selection\"\n                               :can-select=\"true\"\n                               :allow-create=\"true\"\n                               :multiSelect=\"props.multiSelect\"\n                               :toggle=\"props.toggle\" />\n            <div v-if=\"!props.multiSelect\" class=\"show-right\">\n                <PageButton class=\"me-2\" :disabled=\"!isContactsSelected\" @click=\"onMyAddressConfirmClicked\">Confirm Addresses</PageButton>\n            </div>\n        </template>\n    </div>\n\n</template>\n\n<style lang=\"scss\">\n\n    .ship-to-contact {\n    }\n    .show-right {\n        float: right\n    }\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=1123e338&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // ShipToContacts\n    // Allows the user to select multiple contacts as the ship-to, generating a bulk order.\n\n\n    // Import ----\n    import { ref, computed, reactive, defineProps } from 'vue';\n    import { useRouter } from 'vue-router';\n    import { store } from '@/Store';\n\n    import ShipToContact from './ShipToContact';\n    import ConfirmAddressList from '@/site/areas/cart/components/ConfirmAddressList';\n    import ShipToUserForm from '../forms/ShipToUserForm';\n    import { ShippingMethods, Countries } from '@/constants';\n\n    // Props ----\n    const props = defineProps({\n        disableContinue: {\n            type: Boolean,\n            required: false,\n            default: false\n        },\n        reasonforexpedited: {\n            type: String,\n            required: false,\n            default: ''\n        },\n        isExpeditedReasonRequired: {\n            type: Boolean,\n            required: false,\n            default: false\n        },\n        isSunShineActReportable: {\n            type: Boolean,\n            required: false,\n            default: false\n        },\n        doctorName: {\n            type: String,\n            required: false,\n            default: ''\n        },\n        doctorEmail: {\n            type: String,\n            required: false,\n            default: ''\n        }\n    });\n\n    // Constants ----\n    const Display = {\n        SUMMARY_ADDRESS_LIST: 'SUMMARY_ADDRESS_LIST',\n        PREVIEW_ADDRESS_LIST: 'PREVIEW_ADDRESS_LIST',\n        CONFIRM_ADDRESS_LIST: 'CONFIRM_ADDRESS_LIST',\n        UPLOAD_ADDRESS_LIST: 'UPLOAD_ADDRESS_LIST'\n    };\n\n    const router = useRouter();\n\n    const AddOption =\n    {\n        NEW_CONTACT: 'NEW_CONTACT',\n        FROM_CONTACTS: 'FROM_CONTACTS',\n        UPLOAD_FILE: 'UPLOAD_FILE'\n    };\n\n\n    // State ----\n    const display = ref(Display.UPLOAD_ADDRESS_LIST);\n    const selectedOption = ref(AddOption.UPLOAD_FILE);\n    const form = reactive(new ShipToUserForm());\n    const displayStoreCartMessage = ref(true)\n    const hasPRCountryCodeAddress = computed(() => {\n        return store.cart.current.shipToList.filter((f) => f.countryCode.toUpperCase() == Countries.PuertoRico.toUpperCase()).length > 0;\n    });\n\n    const selectedAddresses = ref([]);\n    let showUploadFile = ref(false);\n\n    const personalAddresses = computed(() => {\n        return selectedAddresses.value;\n    })\n\n    //computed\n    const isContactsSelected = computed(() => {\n        return selectedAddresses.value.length > 0;\n    });\n\n    const haveAddressesUpdated = ref(false);\n\n    // Handlers ----\n    store.cart.onCartLoaded(() => {\n        update();\n    });\n\n    store.cart.onCartUpdated(() => {\n        update();\n    });\n\n    function update() {\n        selectedAddresses.value = store.cart.current.shipToList.filter(a => a.marketingContactId !== null && a.marketingContactId !== undefined).map((address) => {\n            return {\n                ...address,\n                id: address.marketingContactId\n            }\n        });\n    }\n\n    async function onMyAddressConfirmClicked() {\n        // Pass only valid addresses\n        display.value = Display.CONFIRM_ADDRESS_LIST;\n\n        let response = await updatedAddresses(selectedAddresses.value);\n\n        if (!response) {\n            let index = 0;\n            for (let item of selectedAddresses.value) {\n                if (item.countryCode.toUpperCase() == Countries.PuertoRico.toUpperCase()) {\n                    selectedAddresses.value.splice(index, 1)\n                    if (selectedAddresses.value.length == 0)\n                        isContactsSelected.value = false\n\n                    break;\n                }\n                index++;\n            }\n        }\n    }\n\n    function onCancelClicked() {\n        display.value = Display.UPLOAD_ADDRESS_LIST;\n        selectedOption.value = AddOption.UPLOAD_FILE;\n        showUploadFile.value = false;\n        clearCartMessage()\n    }\n\n    async function updatedAddresses(updatedAddresses) {\n        haveAddressesUpdated.value = true;\n        let response = await store.cart.setShipToMultiplContacts(updatedAddresses);\n        return response;\n    }\n\n    async function goToReviewPage(shipToContacts) {\n        SaveReasonforExpedited()\n\n        if (props.isSunShineActReportable) {\n            await SaveDoctorsDetails();\n        }\n\n        if (!haveAddressesUpdated.value) {\n            await store.cart.setShipToMultiplContacts(shipToContacts);\n        }\n\n        if (shipToContacts.length == 1) {\n            await updateToSingleContact(shipToContacts);\n            router.push({ name: 'Review' });\n            return;\n        }\n\n        if (await store.cart.updateMultiShipItemsQuantity()) {\n            router.push({ name: 'Review' });\n        }\n    }\n\n    async function SaveReasonforExpedited() {\n        if (props.reasonforexpedited.length > 0 && props.isExpeditedReasonRequired === true && !hasPRCountryCodeAddress.value) {\n            const reasonNote = {\n                holdReasonNote: props.reasonforexpedited.trim(),\n                holdReasons: \"Expedited Shipping\"\n            }\n            await store.cart.addHoldReasonNote(store.cart.current.id, reasonNote);\n        }\n    }\n\n    async function SaveDoctorsDetails() {\n\n        if (props.doctorName.length > 0 && props.isSunShineActReportable === true) {\n            const doctorDetails = {\n                doctorName: props.doctorName.trim(),\n                doctorEmail: (props.doctorEmail.trim() !== null) ? props.doctorEmail.trim() : \"\"\n            }\n            await store.cart.addDoctorDetails(store.cart.current.id, doctorDetails);\n        }\n    }\n\n    async function updateToSingleContact(shipToContacts) {\n        const shipTo = shipToContacts[0];\n        form.commonProps(form, shipTo);\n        await store.cart.setShipToModeToSingleContact();\n\n        await store.cart.setShipToMarketingContact(shipToContacts[0].marketingContactId ? shipToContacts[0].marketingContactId : shipToContacts[0].id);\n    }\n\n    async function onAddressSelected(address) {\n        if (address.addressee.length < 1 && address.firstName && address.lastName) {\n            address.addressee = address.firstName + \" \" + address.lastName;\n        }\n        selectedAddresses.value.push(address);\n\n        //calling setShipToMultiplContacts on the selection of address\n        // upload the address here\n        await updatedAddresses(selectedAddresses.value);\n\n        //setting default shipping method to F69 when only PR country is selected\n        await setDefaultShipMethod(address)\n    }\n\n    async function onAddressDeselected(address) {\n        let index = 0;\n\n        for (let item of selectedAddresses.value) {\n            if (item.id == address.id) {\n                selectedAddresses.value.splice(index, 1)\n                if (selectedAddresses.value.length == 0)\n                    isContactsSelected.value = false\n\n                break;\n            }\n            index++;\n        }\n\n        //updating the store.cart.current global variable\n        if (selectedAddresses.value.length > 0)\n            await updatedAddresses(selectedAddresses.value);\n        else\n            store.cart.current.shipToList = selectedAddresses.value\n\n        //setting default shipping method to F69 when only PR country is selected and others are de-selected\n        await setDefaultShipMethod(address)\n    }\n\n    async function setDefaultShipMethod(address) {\n        if (store.cart.current.messages.length == 0 && address.countryCode.toUpperCase() == Countries.PuertoRico.toUpperCase()) {\n            store.cart.current.shipMethodCode = ShippingMethods.InternationalEconomy\n            await store.cart.setShipMethod(store.cart.current.shipMethodCode);\n        }\n    }\n\n    function clearCartMessage() {\n        store.cart.current.messages = []\n    }\n</script>\n\n<template>\n\n    <div class=\"ship-to-contacts\">\n        <MessageList :messages=\"store.cart.current.messages\" :add-box=\"false\" class=\"alert alert-danger\" v-if=\"displayStoreCartMessage\" />\n        <template v-if=\"display === Display.CONFIRM_ADDRESS_LIST\">\n            <ConfirmAddressList :addressList=\"personalAddresses\" @update=\"updatedAddresses\">\n                <template #empty>\n                    Empty Addresses\n                </template>\n            </ConfirmAddressList>\n\n            <div class=\"show-right\">\n                <PageButton class=\"me-2\" :outline=\"true\" @click=\"onCancelClicked\">Back</PageButton>\n                <PageButton class=\"me-2\" :disabled=\"personalAddresses.length === 0 || props.disableContinue\" @click=\"goToReviewPage(personalAddresses)\">Review</PageButton>\n            </div>\n        </template>\n\n        <template v-else>\n            <ShipToContact :can-edit=\"true\" :multiSelect=\"true\" :toggle=\"true\" :reasonforexpedited=\"props.reasonforexpedited\" :isExpeditedReasonRequired=\"props.isExpeditedReasonRequired\" :isSunShineActReportable=\"props.isSunShineActReportable\" :doctorName=\"props.doctorName\" :doctorEmail=\"doctorEmail\" @selected=\"onAddressSelected\" @deselected=\"onAddressDeselected\" />\n            <div class=\"show-right\">\n                <PageButton class=\"me-2\" :disabled=\"!isContactsSelected || props.disableContinue\" @click=\"onMyAddressConfirmClicked\">Confirm Addresses</PageButton>\n            </div>\n        </template>\n    </div>\n\n</template>\n\n<style lang=\"scss\">\n\n    .ship-to-contacts {\n        .add-contacts {\n            .sub-title {\n                font-weight: $bold;\n            }\n        }\n\n        .show-right {\n            float: right\n        }\n\n\n        .add-options {\n        }\n\n        .add-option {\n            border: 1px solid $gray-20;\n            padding: 0.5rem;\n            height: 10rem;\n        }\n    }\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=48c5e303&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // MarketingContactTile\n    // Customizes the standard AddressTile component with options/markup specific to marketing contacts.\n\n    // Components ----\n\n    // Imports ----\n    import { defineProps } from 'vue';\n    //import { store } from '@/Store';\n\n    // Props ----\n    const props = defineProps({\n        // The contact to show\n        contact: {\n            type: Object,\n            required: true\n        },\n        // An optional height to enforce.\n        height: {\n            type: String,\n            required: false,\n            default: null\n        },\n        // Whether to show a border around the tile.\n        border: {\n            type: Boolean,\n            required: false,\n            default: true\n        },\n        // An optional height to enforce for the address block.\n        addressHeight: {\n            type: String,\n            required: false,\n            default: null\n        }\n    });\n\n    // State ----\n    //const contact = reactive(props.contact);\n\n    // Computed ----\n    //const isFavorite = computed(() => {\n    //    return contact.isFavorite;\n    //});\n\n    //function onFavoriteClicked() {\n    //    store.marketing.setFavoriteContact(contact.id, !contact.isFavorite);\n   //     contact.isFavorite = !contact.isFavorite;\n   // }\n\n</script>\n\n<template>\n    <div class=\"marketing-contact-tile\">\n        <AddressTile :address=\"props.contact\" :height=\"props.height\" :minHeight=\"props.addressHeight\" :border=\"props.border\">\n            <template #top>\n                <!--<div class=\"float-end text-end\"><FavoriteIcon :is-favorite=\"isFavorite\" @click=\"onFavoriteClicked\" /></div>-->\n                <!--<div class=\"name-block\">\n                    <div class=\"name\">{{ props.contact.firstName }} {{ props.contact.lastName}}</div>\n                    <div v-if=\"props.contact.email.length > 0\" class=\"email\">\n                        <a :href=\"'mailto:' + props.contact.email\">{{ props.contact.email }}</a>\n                    </div>\n                    <div v-if=\"props.contact.phoneNumber.length > 0\" class=\"phone\">{{ props.contact.phoneNumber}}</div>\n                    <div v-if=\"props.contact.title.length > 0\" class=\"title\">{{ props.contact.title}}</div>\n                </div>-->\n            </template>\n\n        </AddressTile>\n    </div>\n\n</template>\n\n<style lang=\"scss\" scoped>\n\n    .marketing-contact-tile {\n        overflow-x: clip;\n\n        .name-block {\n            margin-bottom: 0.25rem;\n        }\n\n        .name {\n            font-weight: $bold;\n            font-size: 0.9rem;\n            line-height: 1rem;\n        }\n\n        .title {\n            font-style: italic;\n        }\n\n        .n-action-button {\n            margin-right: 0.5rem;\n        }\n    }\n</style>","import script from \"./CRMContactTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CRMContactTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CRMContactTile.vue?vue&type=style&index=0&id=29f415ab&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Store/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-29f415ab\"]])\n\nexport default __exports__","<script setup>\n//CRMContacts\n// Allows a user to select contact(s) from their customer addresses.\n\n// Constants ----\nconst constants = {\n    DEFAULT_PAGE_SIZE: 12\n};\n\n// Components ----\nimport CRMContactTile from './CRMContactTile';\n\n// Imports ----\nimport { defineProps, defineEmits, ref } from 'vue';\nimport { Search } from '@dd-nucleus/nucleus-vue';\n\n// Props ----\nconst props = defineProps({\n    // Allow creation of a contact?\n    allowCreate: {\n        type: Boolean,\n        required: false,\n        default: true\n    },\n    // Whether to use a large, primary color button rather than an ActionButton for creating.\n    largeCreateButton: {\n        type: Boolean,\n        required: false,\n        default: false\n    },\n    // Whether this displaying to allow a selection\n    canSelect: {\n        type: Boolean,\n        required: false,\n        default: false\n    },\n    // If allowing selection, whether we're allowing multi-selection\n    multiSelect: {\n        type: Boolean,\n        required: false,\n        default: false\n    },\n    // If allowing selection, an array to store selected ID(s)\n    selection: {\n        type: Array,\n        required: false,\n        default: () => []\n    },\n    // Indicates whether the selection can be toggled on/off\n    toggle: {\n        type: Boolean,\n        required: false,\n        default: false\n    }\n});\n\n// State ----\nconst search = new Search('crm-addresses-for-user', 'tile', 'crmaddress-name', constants.DEFAULT_PAGE_SIZE);\n//const selectedCountry = ref(DEFAULT_COUNTRY_CODE);\n\nconst selectedContactId = ref('');\n\nconst sortOptions = [\n    { id: 'crmaddress-name', text: 'Name (A-Z)' },\n    { id: 'crmaddress-name-desc', text: 'Name (Z-A)' },\n    { id: 'crmaddress-newest-to-oldest', text: 'Newest to Oldest' },\n    { id: 'crmaddress-oldest-to-newest', text: 'Oldest to Newest' }\n];\n\nconst pageSizeOptions = [12, 24, 36, 48, 60];\n\n// Computed ----\n\n// Events ----\nconst emit = defineEmits(['selected', 'created', 'deselected']);\n\n// Handlers ----\n\nfunction onContactSelected(contact) {\n    selectedContactId.value = contact.id;\n    emit('selected', contact);\n}\n\nfunction onContactDeselected(contact) {\n    selectedContactId.value = '';\n    emit('deselected', contact);\n}\n\n</script>\n\n<template>\n    <SearchContainer :search=\"search\" :deep-link=\"false\">\n\n        <div class=\"mb-3\">\n            <LetterPickFilter filter-id=\"crm-address-keywords\" class=\"mb-2 d-none d-lg-block\" />\n            <div>\n                <TextBoxFilter :resetText=\"false\" filter-id=\"crm-address-keywords\"\n                               placeholder=\"Search name, address\" />\n            </div>\n        </div>\n\n        <div v-show=\"search.results.count > 0\" class=\"row mb-3\">\n            <div class=\"col\">\n                <SortOptionsList :options=\"sortOptions\" />\n            </div>\n            <div class=\"col\">\n                <PageSizeList :options=\"pageSizeOptions\" />\n            </div>\n            <div class=\"col-4 text-end\">\n                <PageSelector />\n            </div>\n        </div>\n        <div v-show=\"search.results.count > 0\" class=\"col text-end search-count\">\n            <span v-if=\"search.results.loaded && search.results.rows.length > 0\">\n                {{ search.results.startIndex }} to {{ search.results.endIndex }} of {{ search.results.totalCount }} results\n            </span>\n            <br />\n        </div>\n\n        <SearchGrid :columns-xs=\"1\" :columns-sm=\"2\" :columns-md=\"2\" :columns-lg=\"3\" :columns-xl=\"3\" :columns-xxl=\"3\">\n            <!-- Template for each item in a grid view -->\n            <template v-slot:grid=\"contact\" v-if=\"props.multiSelect\">\n                <!-- TODO: is-Selected is not working when we select multiselect-->\n                <div class=\"marketing-contacts\">\n                    <TileMultiSelectButton v-if=\"props.canSelect\" :item=\"contact\" :multi-select=\"props.multiSelect\"\n                                           :is-selected=\"selection.includes(contact.id)\" @selected=\"onContactSelected(contact)\"\n                                           @deselected=\"onContactDeselected(contact)\" :toggle=\"props.toggle\" />\n                    <CRMContactTile :class=\"{ selected: selection.includes(contact.id) }\" :contact=\"contact\"\n                                    addressHeight=\"10rem\" @edit=\"onEditContact(contact.id)\" @delete=\"onDeleteContact(contact.id)\" />\n                </div>\n            </template>\n\n            <template v-slot:grid=\"contact\" v-else>\n                <div class=\"marketing-contacts\">\n                    <TileSelectButton :item=\"contact\" :multi-select=\"false\"\n                                      :is-selected=\"selectedContactId === contact.id\" @selected=\"onContactSelected(contact)\"\n                                      @deselected=\"onContactDeselected(contact)\" />\n                    <CRMContactTile :class=\"{ selected: selectedContactId === contact.id }\" :contact=\"contact\"\n                                    addressHeight=\"10rem\" @edit=\"onEditContact(contact.id)\" @delete=\"onDeleteContact(contact.id)\" />\n                </div>\n            </template>\n\n            <!-- Template for no results -->\n            <template #empty>\n                No contacts have been created for your account.\n            </template>\n\n            <!-- Template while results are initially loading -->\n            <template #loading-grid>\n                <MockSearchGrid>\n                    <!-- TODO: Add mock contact tile -->\n                </MockSearchGrid>\n            </template>\n        </SearchGrid>\n\n        <div class=\"row mb-3\">\n            <div class=\"col-4 text-end\">\n                <PageSelector />\n            </div>\n        </div>\n    </SearchContainer>\n</template>\n\n<style lang=\"scss\">\n.marketing-contacts {\n\n    // TODO: Move this more central\n    .nav-tabs .bi-heart {\n        margin-right: 0.3rem;\n    }\n\n    .n-tile-select-button {\n        position: absolute;\n        margin-top: -0.5rem;\n        margin-left: -0.25rem;\n    }\n\n    .marketing-contact-tile.selected .n-address-tile {\n        border: 1px solid $color-1 !important;\n    }\n\n    .n-button-bar {\n        .btn:hover {\n            color: $button-bar-selected-text-color;\n            background-color: $button-bar-selected-bg-color;\n        }\n    }\n}\n.search-count {\n    margin-bottom: 13px !important;\n}\n</style>\n","import script from \"./CRMContacts.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CRMContacts.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CRMContacts.vue?vue&type=style&index=0&id=73208954&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n// ShipToContact\n// Allows the user to select a single contact as the ship-to destination.\n\n// Components ----\nimport CRMContacts from '@/site/components/crm/CRMContacts';\n\n// Imports ----\nimport { ref, onMounted, defineProps, defineEmits, reactive, computed } from 'vue';\nimport { store } from '@/Store';\nimport { useRouter } from 'vue-router';\n\nimport ConfirmAddressList from '@/site/areas/cart/components/ConfirmAddressList';\nimport ShipToUserForm from '../forms/ShipToUserForm';\n\n\nconst props = defineProps({\n    // If true, this will be styled for selecting multiple items.\n    multiSelect: {\n        type: Boolean,\n        required: false,\n        default: false\n    },\n    // Indicates whether the selection can be toggled on/off\n    toggle: {\n        type: Boolean,\n        required: false,\n        default: false\n    }\n});\n\nconst router = useRouter();\nconst haveAddressesUpdated = ref(false);\n\n// Constants ----\nconst Display = {\n    SUMMARY_ADDRESS_LIST: 'SUMMARY_ADDRESS_LIST',\n    PREVIEW_ADDRESS_LIST: 'PREVIEW_ADDRESS_LIST',\n    CONFIRM_ADDRESS_LIST: 'CONFIRM_ADDRESS_LIST',\n    UPLOAD_ADDRESS_LIST: 'UPLOAD_ADDRESS_LIST'\n};\n\n// State ----\nconst selection = ref([]);\n// Events ----\nconst emit = defineEmits(['selected', 'deselected']);\n// Computed ----\nconst isContactsSelected = ref([])\n\nconst display = ref(Display.UPLOAD_ADDRESS_LIST);\nconst form = reactive(new ShipToUserForm());\n\nconst updatedAddress = ref([])\n\nconst properties = [\n    'addressee',\n    'companyName',\n    'addressLine1',\n    'addressLine2',\n    'addressLine3',\n    'addressLine4',\n    'city',\n    'state',\n    'postalCode',\n    'countryCode'\n];\n\n// Handlers ----\nonMounted(() => {\n    isContactsSelected.value = false;\n    update();\n});\n\nstore.cart.onCartLoaded(() => {\n    update();\n});\n\nstore.cart.onCartUpdated(() => {\n    update();\n});\n\nfunction update() {\n    if (typeof store.cart.current.shipToList === 'undefined') return;\n    if (store.cart.current.shipToMode === store.cart.ShipToMode.ShipToContact) {\n        selection.value.push(store.cart.current.shipToList[0]?.marketingContactId);\n    }\n    else {\n        selection.value = [];\n        for (let contact of store.cart.current.shipToList) {\n            if (contact.marketingContactId !== null && contact.marketingContactId !== undefined)\n                selection.value.push(contact.marketingContactId);\n        }\n    }\n}\n\nconst personalAddresses = computed(() => {\n    return updatedAddress.value;\n})\n\n\nfunction onCancelClicked() {\n    display.value = Display.UPLOAD_ADDRESS_LIST;\n}\n\nfunction onContactSelected(contact) {\n    updatedAddress.value = contact;\n    isContactsSelected.value = true;\n    if (store.cart.current.shipToMode === store.cart.ShipToMode.ShipToContacts) {\n        selection.value.push(contact.id);\n        emit('selected', contact);\n    }\n    else {\n        if (props.multiSelect) {\n\n            selection.value = []\n            selection.value.push(contact.id);\n        }\n        store.cart.setShipToMarketingContact(contact.id);\n        store.refreshSearches('crm-addresses-for-user');\n    }\n}\n\nfunction onContactDeselected(contact) {\n    if (store.cart.current.shipToMode === store.cart.ShipToMode.ShipToContacts) {\n        selection.value = selection.value.filter(x => x !== contact.id);\n        emit('deselected', contact);\n    }\n}\n\nasync function goToReviewPage(shipToContacts) {\n    if (!haveAddressesUpdated.value) {\n        await store.cart.setShipToMarketingContact(shipToContacts.id);\n    }\n\n    if (shipToContacts !== null || shipToContacts !== undefined) {\n        await updateToSingleContact(shipToContacts);\n        router.push({ name: 'Review' });\n        return;\n    }\n}\n\n\nasync function updatedAddresses(updatedAddresses) {\n    haveAddressesUpdated.value = true;\n    await store.cart.setShipToMultiplContacts(updatedAddresses);\n}\n\n\nasync function updateToSingleContact(shipToContact) {\n\n    properties.forEach(property => {\n        form.model[property] = shipToContact[property];\n    });\n\n    await store.cart.setShipToModeToSingleContact()\n\n}\n\nfunction onMyAddressConfirmClicked() {\n    {\n        display.value = Display.CONFIRM_ADDRESS_LIST;\n\n        var selectedAddresses = store.cart.current.shipToList.filter(a => a.marketingContactId !== null && a.marketingContactId !== undefined).map((address) => {\n            return {\n                ...address,\n                id: address.marketingContactId\n            }\n        });\n\n        store.cart.setShipToMarketingContact(selectedAddresses[0].marketingContactId);\n    }\n}\n\n</script>\n\n<template>\n\n    <div class=\"ship-to-contact\">\n        <template v-if=\"display === Display.CONFIRM_ADDRESS_LIST\">\n            <ConfirmAddressList :addressList=\"personalAddresses\" @update=\"updatedAddresses\">\n                <template #empty>\n                    Empty Addresses\n                </template>\n            </ConfirmAddressList>\n\n            <div class=\"show-right\">\n                <PageButton class=\"me-2\" :outline=\"true\" @click=\"onCancelClicked\">Back</PageButton>\n                <PageButton class=\"me-2\" @click=\"goToReviewPage(personalAddresses)\">Review</PageButton>\n                <!--:disabled=\"personalAddresses.length === 0\"-->\n\n            </div>\n        </template>\n\n        <template v-else>\n            <CRMContacts @selected=\"onContactSelected\" @deselected=\"onContactDeselected\" :selection=\"selection\"\n                :can-select=\"true\" :allow-create=\"true\" :multiSelect=\"props.multiSelect\" :toggle=\"props.toggle\" />\n            <div v-if=\"!props.multiSelect\" class=\"show-right\">\n                <PageButton class=\"me-2\" :disabled=\"!isContactsSelected\" @click=\"onMyAddressConfirmClicked\">Confirm\n                    Addresses</PageButton>\n            </div>\n        </template>\n    </div>\n\n</template>\n\n<style lang=\"scss\">\n.ship-to-contact {}\n\n.show-right {\n    float: right\n}\n</style>","import script from \"./ShipToCRMContact.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ShipToCRMContact.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ShipToCRMContact.vue?vue&type=style&index=0&id=6519d44c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n// ShipToContacts\n// Allows the user to select multiple contacts as the ship-to, generating a bulk order.\n\n\n// Import ----\nimport { ref, computed, reactive, defineProps } from 'vue';\nimport { useRouter } from 'vue-router';\nimport { store } from '@/Store';\n\nimport ShipToCRMContact from './ShipToCRMContact';\nimport ConfirmAddressList from '@/site/areas/cart/components/ConfirmAddressList';\nimport ShipToUserForm from '../forms/ShipToUserForm';\nimport { ShippingMethods, Countries } from '@/constants';\n\n// Props ----\nconst props = defineProps({\n    disableContinue: {\n        type: Boolean,\n        required: false,\n        default: false\n    },\n    reasonforexpedited: {\n        type: String,\n        required: false,\n        default: ''\n    },\n    isExpeditedReasonRequired: {\n        type: Boolean,\n        required: false,\n        default: false\n    },\n    isSunShineActReportable: {\n        type: Boolean,\n        required: false,\n        default: false\n    },\n    doctorName: {\n        type: String,\n        required: false,\n        default: ''\n    },\n    doctorEmail: {\n        type: String,\n        required: false,\n        default: ''\n    }\n});\n\n// Constants ----\nconst Display = {\n    SUMMARY_ADDRESS_LIST: 'SUMMARY_ADDRESS_LIST',\n    PREVIEW_ADDRESS_LIST: 'PREVIEW_ADDRESS_LIST',\n    CONFIRM_ADDRESS_LIST: 'CONFIRM_ADDRESS_LIST',\n    UPLOAD_ADDRESS_LIST: 'UPLOAD_ADDRESS_LIST'\n};\n\nconst router = useRouter();\n\nconst AddOption =\n{\n    NEW_CONTACT: 'NEW_CONTACT',\n    FROM_CONTACTS: 'FROM_CONTACTS',\n    UPLOAD_FILE: 'UPLOAD_FILE'\n};\n\n\n// State ----\nconst display = ref(Display.UPLOAD_ADDRESS_LIST);\nconst selectedOption = ref(AddOption.UPLOAD_FILE);\nconst form = reactive(new ShipToUserForm());\nconst displayStoreCartMessage = ref(true)\nconst hasPRCountryCodeAddress = computed(() => {\n    return store.cart.current.shipToList.filter((f) => f.countryCode.toUpperCase() == Countries.PuertoRico.toUpperCase()).length > 0;\n});\n\nconst selectedAddresses = ref([]);\nlet showUploadFile = ref(false);\n\nconst personalAddresses = computed(() => {\n    return selectedAddresses.value;\n})\n\n//computed\nconst isContactsSelected = computed(() => {\n    return selectedAddresses.value.length > 0;\n})\nconst haveAddressesUpdated = ref(false);\n\n// Handlers ----\nstore.cart.onCartLoaded(() => {\n    update();\n});\n\nstore.cart.onCartUpdated(() => {\n    update();\n});\n\nfunction update() {\n    selectedAddresses.value = store.cart.current.shipToList.filter(t => !t.marketingContactId).map((address) => {\n        return {\n            ...address,\n            id: address.marketingContactId\n        }\n    });\n}\n\nasync function onMyAddressConfirmClicked() {\n    // Pass only valid addresses\n    display.value = Display.CONFIRM_ADDRESS_LIST;\n\n    // upload the address here\n    let response = await updatedAddresses(selectedAddresses.value);\n\n    if (!response) {\n        let index = 0;\n        for (let item of selectedAddresses.value) {\n            if (item.countryCode.toUpperCase() == Countries.PuertoRico.toUpperCase()) {\n                selectedAddresses.value.splice(index, 1)\n                if (selectedAddresses.value.length == 0)\n                    isContactsSelected.value = false\n\n                break;\n            }\n            index++;\n        }\n    }\n}\n\nfunction onCancelClicked() {\n    display.value = Display.UPLOAD_ADDRESS_LIST;\n    selectedOption.value = AddOption.UPLOAD_FILE;\n    showUploadFile.value = false;\n    clearCartMessage()\n}\n\nasync function updatedAddresses(updatedAddresses) {\n    haveAddressesUpdated.value = true;\n    let response = await store.cart.setShipToMultiplContacts(updatedAddresses);\n\n    return response;\n}\n\nasync function goToReviewPage(shipToContacts) {\n    SaveReasonforExpedited();\n    if (props.isSunShineActReportable) {\n        await SaveDoctorsDetails();\n    }\n\n    if (!haveAddressesUpdated.value) {\n        await store.cart.setShipToMultiplContacts(shipToContacts);\n    }\n\n    if (shipToContacts.length == 1) {\n        await updateToSingleContact(shipToContacts);\n        router.push({ name: 'Review' });\n        return;\n    }\n\n    if (await store.cart.updateMultiShipItemsQuantity()) {\n        router.push({ name: 'Review' });\n    }\n}\n\nasync function SaveReasonforExpedited() {\n    if (props.reasonforexpedited.length > 0 && props.isExpeditedReasonRequired === true && !hasPRCountryCodeAddress.value) {\n        const reasonNote = {\n            holdReasonNote: props.reasonforexpedited.trim(),\n            holdReasons: \"Expedited Shipping\"\n        }\n        await store.cart.addHoldReasonNote(store.cart.current.id, reasonNote);\n    }\n}\n\nasync function SaveDoctorsDetails() {\n    if (props.doctorName.length > 0 && props.isSunShineActReportable === true) {\n        const doctorDetails = {\n            doctorName: props.doctorName.trim(),\n            doctorEmail: (props.doctorEmail.trim() !== null) ? props.doctorEmail.trim() : \"\"\n        }\n        await store.cart.addDoctorDetails(store.cart.current.id, doctorDetails);\n    }\n}\n\n\nasync function updateToSingleContact(shipToContacts) {\n    const shipTo = shipToContacts[0];\n    form.commonProps(form, shipTo);\n    await store.cart.setShipToModeToSingleContact();\n\n    await form.submit(false);\n}\n\nasync function onAddressSelected(address) {\n    if (address.addressee.length < 1 && address.firstName && address.lastName) {\n        address.addressee = address.firstName + \" \" + address.lastName;\n    }\n    selectedAddresses.value.push(address);\n\n    //calling setShipToMultiplContacts on the selection of address\n    // upload the address here\n    await updatedAddresses(selectedAddresses.value);\n\n    //setting default shipping method to F69 when only PR country is selected\n    await setDefaultShipMethod(address)\n}\n\nasync function onAddressDeselected(address) {\n    let index = 0;\n\n    for (let item of selectedAddresses.value) {\n        if (item.id == address.id) {\n            selectedAddresses.value.splice(index, 1)\n            if (selectedAddresses.value.length == 0)\n                isContactsSelected.value = false\n\n            break;\n        }\n        index++;\n    }\n\n    //updating the store.cart.current global variable\n    if (selectedAddresses.value.length > 0)\n        await updatedAddresses(selectedAddresses.value);\n    else\n        store.cart.current.shipToList = selectedAddresses.value\n\n    //setting default shipping method to F69 when only PR country is selected and others are de-selected\n    await setDefaultShipMethod(address)\n}\n\nasync function setDefaultShipMethod(address) {\n    if (store.cart.current.messages.length == 0 && address.countryCode.toUpperCase() == Countries.PuertoRico.toUpperCase()) {\n        store.cart.current.shipMethodCode = ShippingMethods.InternationalEconomy\n        await store.cart.setShipMethod(store.cart.current.shipMethodCode);\n    }\n}\n\nfunction clearCartMessage() {\n    store.cart.current.messages = []\n}\n\n</script>\n\n<template>\n\n    <div class=\"ship-to-contacts\">\n        <MessageList :messages=\"store.cart.current.messages\" :add-box=\"false\" class=\"alert alert-danger\" v-if=\"displayStoreCartMessage\" />\n        <template v-if=\"display === Display.CONFIRM_ADDRESS_LIST\">\n            <ConfirmAddressList :addressList=\"personalAddresses\" @update=\"updatedAddresses\">\n                <template #empty>\n                    Empty Addresses\n                </template>\n            </ConfirmAddressList>\n\n            <div class=\"show-right\">\n                <PageButton class=\"me-2\" :outline=\"true\" @click=\"onCancelClicked\">Back</PageButton>\n                <PageButton class=\"me-2\" :disabled=\"personalAddresses.length === 0 || props.disableContinue\"\n                            @click=\"goToReviewPage(personalAddresses)\">Review</PageButton>\n                <!--:disabled=\"personalAddresses.length === 0\"-->\n            </div>\n        </template>\n\n        <template v-else>\n            <ShipToCRMContact :can-edit=\"true\" :multiSelect=\"true\" :toggle=\"true\"\n                              :reasonforexpedited=\"props.reasonforexpedited\"\n                              :isExpeditedReasonRequired=\"props.isExpeditedReasonRequired\"\n                              :isSunShineActReportable=\"props.isSunShineActReportable\"\n                              :doctorName=\"props.doctorName\"\n                              :doctorEmail=\"doctorEmail\"\n                              @selected=\"onAddressSelected\"\n                              @deselected=\"onAddressDeselected\" />\n            <div class=\"show-right\">\n                <PageButton class=\"me-2\" :disabled=\"!isContactsSelected || props.disableContinue\"\n                            @click=\"onMyAddressConfirmClicked\">\n                    Confirm\n                    Addresses\n                </PageButton>\n            </div>\n        </template>\n    </div>\n\n</template>\n\n<style lang=\"scss\">\n.ship-to-contacts {\n    .add-contacts {\n        .sub-title {\n            font-weight: $bold;\n        }\n    }\n\n    .show-right {\n        float: right\n    }\n\n\n    .add-options {}\n\n    .add-option {\n        border: 1px solid $gray-20;\n        padding: 0.5rem;\n        height: 10rem;\n    }\n}\n</style>","import script from \"./ShipToCRMContacts.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ShipToCRMContacts.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ShipToCRMContacts.vue?vue&type=style&index=0&id=dae342c6&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    import { TabBar } from '@dd-nucleus/nucleus-vue';\n\n    import { ref } from 'vue'\n\n    const mailListTabs = [\n        {\n            id: 'prepareFile',\n            title: 'Prepare your mailing list'\n        },\n        {\n            id: 'faqs',\n            title: 'FAQs'\n        }\n    ];\n\n    const sampleData = [\n        {\n            firstName: \"Mike\",\n            lastName: \"Johnson\",\n            addressLine1: \"120 Main St\",\n            addressLine2: \"Apt 2\",\n            city: \"Seatle\",\n            state: \"WA\",\n            zip: 98103,\n            country: \"US\",\n            phoneNumber: \"123-456-7890\",\n            email: \"mike.johnson@alcon.com\"\n        },\n        {\n            firstName: \"Mike\",\n            lastName: \"Johnson\",\n            addressLine1: \"120 Main St\",\n            addressLine2: \"Apt 2\",\n            city: \"Seatle\",\n            state: \"WA\",\n            zip: 98103,\n            country: \"US\",\n            phoneNumber: \"123-456-7890\",\n            email: \"mike.johnson@alcon.com\"\n        },\n        {\n            firstName: \"Mike\",\n            lastName: \"Johnson\",\n            addressLine1: \"120 Main St\",\n            addressLine2: \"Apt 2\",\n            city: \"Seatle\",\n            state: \"WA\",\n            zip: 98103,\n            country: \"US\",\n            phoneNumber: \"123-456-7890\",\n            email: \"mike.johnson@alcon.com\"\n        }, {\n            firstName: \"Mike\",\n            lastName: \"Johnson\",\n            addressLine1: \"120 Main St\",\n            addressLine2: \"Apt 2\",\n            city: \"Seatle\",\n            state: \"WA\",\n            zip: 98103,\n            country: \"US\",\n            phoneNumber: \"123-456-7890\",\n            email: \"mike.johnson@alcon.com\"\n        },\n        {\n            firstName: \"Mike\",\n            lastName: \"Johnson\",\n            addressLine1: \"120 Main St\",\n            addressLine2: \"Apt 2\",\n            city: \"Seatle\",\n            state: \"WA\",\n            zip: 98103,\n            country: \"US\",\n            phoneNumber: \"123-456-7890\",\n            email: \"mike.johnson@alcon.com\"\n        }\n    ]\n    const prepareFile = ref(null);\n\n    //Methods\n    const printContent = () => {\n        // Create a new window to print the content\n        const printWindow = window.open('Print for Reference', 'Print', 'height=600,width=800');\n\n        // Create a stylesheet that targets the myDiv element\n        const printStylesheet = `\n        @media print {\n          #prepareFile {\n            display: block;\n          }\n        }`;\n\n        // Inject the stylesheet into the new window\n        const printStyles = printWindow.document.createElement('style');\n        printStyles.innerHTML = printStylesheet;\n        printWindow.document.head.appendChild(printStyles);\n\n        // Clone the myDiv element and add it to the new window\n        const clonedDiv = prepareFile.value.cloneNode(true);\n        printWindow.document.body.appendChild(clonedDiv);\n\n        // Print the new window\n        printWindow.print();\n        printWindow.close();\n    }\n\n</script>\n\n<template>\n    <div class=\"prepare-mail-list\">\n        <TabBar :tabs=\"mailListTabs\" />\n\n        <div class=\"tab-content mt-3\">\n            <div class=\"tab-pane fade show active\" id=\"prepareFile\" role=\"tabpanel\">\n                <div ref=\"prepareFile\">\n                    <div class=\"sub-tab-container\">\n                        <h3>Microsoft Excel File Format (.xlsx)</h3>\n                        <hr />\n                        <div>\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>\n                            <ul class=\"excel-instructions\">\n                                <li>\n                                    This first name and last name should be placed in separate data fields in the Excel file.\n                                </li>\n                                <li>\n                                    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.\n                                </li>\n                                <li>\n                                    A Street Address, Apartment, Suite or Unit number, PO Box, City and State, and Zip Code should also be placed in separate data fields within the Excel file.\n                                </li>\n                                <li>\n                                    <strong>IMPORTANT: </strong> When saving your Excel File for the List Upload process be sure it is saved in .xlsx file extension format.\n                                </li>\n\n                            </ul>\n                        </div>\n                        <div class=\"table-container\">\n                            <p>See example of file below for reference</p>\n                            <div class=\"table-responsive horizontal-scroll\">\n                                <table class=\"table-striped m-auto border border-dark p-1 table-width\">\n                                    <thead class=\"title bg-dark text-white\">\n                                        <tr>\n                                            <th>First Name</th>\n                                            <th>Last Name</th>\n                                            <th>Address 1</th>\n                                            <th>Address 2</th>\n                                            <th>City</th>\n                                            <th>State</th>\n                                            <th>Zip</th>\n                                            <th>Country</th>\n                                            <th>Phone Number</th>\n                                            <th>Email</th>\n                                        </tr>\n                                    </thead>\n                                    <tr v-for=\"data in sampleData\" :key=\"data\">\n                                        <td>{{ data.firstName }}</td>\n                                        <td>{{ data.lastName }}</td>\n                                        <td>{{ data.addressLine1 }}</td>\n                                        <td>{{ data.addressLine2 }}</td>\n                                        <td>{{ data.city }}</td>\n                                        <td>{{ data.state }}</td>\n                                        <td>{{ data.zip }}</td>\n                                        <td>{{ data.country }}</td>\n                                        <td>{{ data.phoneNumber }}</td>\n                                        <td>{{ data.email }}</td>\n                                    </tr>\n                                </table>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"btn-container\">\n                    <button class=\"btn btn-primary-outline border border-primary\" @click=\"printContent('prepareFile')\">Print for Reference</button>\n                    <a class=\"btn btn-primary ml-2\" href=\"/downloads/Upload-List-Template.xlsx\">Download sample list template</a>\n                </div>\n            </div>\n\n            <div class=\"tab-pane fade\" id=\"faqs\" role=\"tabpanel\">\n                <div class=\"sub-tab-container\">\n                    <h3>FAQs</h3>\n                    <div class=\"table-responsive\">\n                        <table class=\"table table-striped mw-100\">\n                            <tbody>\n                                <tr>\n                                    <td>\n                                        <strong class=\"\"> Who do I contact for help?</strong> <br />\n                                        Please contact the Alcon Customer Service team at <a href=\"mailto:AlconOrderPointeCareTeam@qualfon.com\">AlconOrderPointeCareTeam@qualfon.com</a>.\n                                        Hours of operation\n                                        are 8:30am to 5:00pm ET, Monday to Friday. Please provide the order number in your message.\n                                    </td>\n                                </tr>\n\n                            </tbody>\n                        </table>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n<style lang=\"scss\">\n    .prepare-mail-list {\n        strong {\n            color: #1a1446;\n        }\n\n        .table-container {\n            background: #f5f5f5;\n            display: flex;\n            justify-content: center;\n            flex-direction: column;\n            padding: 2.5rem;\n            gap: 8px;\n        }\n\n        .table-responsive table {\n            width: 100%\n        }\n\n        .btn-container {\n            margin-top: 1rem;\n            display: flex;\n            gap: 2rem;\n        }\n\n        td {\n            white-space: normal !important;\n            word-wrap: break-word;\n        }\n\n        table {\n            table-layout: fixed;\n        }\n\n        .table-width {\n            min-width: 220%;\n        }\n\n        .horizontal-scroll {\n            overflow-x: auto;\n        }\n    }\n</style>\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=29b8b108&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    //  UploadAddressList\n    // This will accept a drag and drop of file or a select file box that can upload multiple files.\n\n\n    // Constants\n    const fileFormats = {\n        XLSX: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n        CSV: 'text/csv'\n    }\n\n    // Imports\n    import { ref, defineEmits } from 'vue';\n    import { store } from '@/Store';\n\n    // State\n    const active = ref(false);\n    const isInvalidFileType = ref(false);\n    const fileName = ref('');\n    const hasFileUploaded = ref(false);\n    const fileUploadErrorMessage = ref('');\n\n    const acceptedUploadFormats = ref(Object.values(fileFormats));\n    const isMultipleFilesSelected = ref(false);\n\n    // Methods\n    async function uploadFile(e) {\n\n        const formData = new FormData();\n\n        let files;\n\n        if (e.type == 'change') {\n\n            if (e.target.files.length > 1) {\n                isMultipleFilesSelected.value = true;\n                hasFileUploaded.value = false;\n                return;\n            }\n\n            files = e.target.files;\n        }\n\n        if (e.type == 'drop') {\n            files = e.dataTransfer.files;\n        }\n\n        for (let file of files) {\n\n            if (acceptedUploadFormats.value.indexOf(file.type) == -1) {\n                isInvalidFileType.value = true;\n                hasFileUploaded.value = false;\n                return;\n\n            } else {\n                hasFileUploaded.value = false;\n                isInvalidFileType.value = false;\n                fileName.value = file.name;\n                formData.append('file', file);\n            }\n        }\n\n        active.value = false;\n\n        const response = await store.addressList.uploadAddressList(formData);\n        if (response.succeeded) {\n            hasFileUploaded.value = true;\n            fileUploadErrorMessage.value = '';\n            emits('uploaded', true);\n            emits('uploadedAddressList', response.uploadedListSummary);\n        } else {\n            hasFileUploaded.value = false;\n            const message = (response.messages && response.messages[0]?.messageId.defaultLanguageText)\n                || \"Something went wrong, please try again later\";\n            fileUploadErrorMessage.value = message;\n            emits('uploaded', false);\n        }\n    }\n\n    const toggleActive = () => {\n        active.value = !active.value;\n    }\n\n    // Emits ----\n    const emits = defineEmits(['uploadedAddressList', 'uploaded']);\n\n</script>\n\n<template>\n    <div class=\"file-drop-zone\">\n        <div class=\"row mb-2 invalid-file\" v-if=\"isInvalidFileType\">\n            <div class=\"invalid-file-message p-2\">\n                <span><strong>File format not accepted</strong> </span>\n                <span>Accepted file format is .xlsx and .csv </span>\n            </div>\n        </div>\n\n        <div class=\"row mb-2 invalid-file\" v-if=\"isMultipleFilesSelected\">\n            <div class=\"invalid-file-message p-2\">\n                <span><strong>Selected multiple files</strong> </span>\n                <span>Please select single file</span>\n            </div>\n        </div>\n\n        <div class=\"row mb-2 invalid-file\" v-if=\"fileUploadErrorMessage\">\n            <div class=\"invalid-file-message p-2\">\n                <span><strong>File upload failed</strong> </span>\n                <span>{{ fileUploadErrorMessage }}</span>\n            </div>\n        </div>\n\n\n        <div class=\"row mb-2 invalid-file\" v-if=\"hasFileUploaded && fileName\">\n            <div class=\"valid-file-message p-2\">\n                <span><strong>File upload success</strong> </span>\n                <span> {{ fileName }} Has been loaded.</span>\n            </div>\n        </div>\n\n\n        <div class=\"row upload-container\">\n            <div class=\"row mb-2 mt-2\">\n                <div class=\"file-upload mb-2\">\n                    <input class=\"dropzone\" @dragenter.prevent=\"toggleActive\" @dragleave.prevent=\"toggleActive\"\n                           @dragover.prevent @drop.prevent=\"uploadFile($event)\" :class=\"{ 'active-dropzone': active }\"\n                           placeholder=\"Drop file here\" />\n                    <label class=\"btn btn-primary\" for=\"formFile\">Browse</label>\n                    <input @change=\"uploadFile($event)\" type=\"file\" id=\"formFile\" :accept=\"acceptedUploadFormats\">\n                </div>\n                <div class=\"mb-2\">\n                    <label for=\"dropfile\"> (Accepted file format is .xlsx and .csv)</label>\n                </div>\n                <div class=\"mb-2\">\n                    <a class=\"text-decoration-none\" href=\"/downloads/Upload-List-Template.xlsx\">\n                        Download Template File |\n                    </a> <label class=\"fw-bold\">Need Help? </label><a class=\"text-decoration-none\"\n                                                                      href=\"/downloads/Upload-List-Template-Sample.xlsx\"> Download Sample File</a>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .file-drop-zone {\n\n        .show-center {\n            padding-left: 12px;\n            padding-right: 12px;\n        }\n\n        .dropzone {\n            border: 1px solid $color-1;\n            display: inline-flex;\n            padding: 6px 12px;\n        }\n\n        #formFile {\n            display: none;\n        }\n\n        .active-dropzone {\n            background: $color-1;\n        }\n\n        .invalid-file {\n            padding: 6px 12px;\n        }\n\n        .invalid-file-message {\n            display: inline-grid;\n            color: red;\n            border: 1px solid red;\n        }\n\n        .valid-file-message {\n            display: inline-grid;\n            color: green;\n            border: 1px solid green\n        }\n\n        .upload-container {\n            background: #f2fcfc;\n            padding: 1rem;\n        }\n    }\n\n    .accepted-file {\n        color: #997870;\n    }\n\n    .file-upload {\n        display: inline-flex;\n    }\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=0f444c7a&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n    // Imports ----\n    import { defineProps, computed, defineEmits } from 'vue';\n\n    // Props ----\n    const props = defineProps({\n        uploadedListSummary: {\n            type: Object,\n            required: true\n        }\n    });\n\n    const hasAddressList = computed(() => {\n        if (props.uploadedListSummary && props.uploadedListSummary?.total > 0)\n            return true;\n        return false;\n    })\n\n    const previewList = computed(() => {\n        if (hasAddressList.value) {\n            if (props.uploadedListSummary?.total <= 20) {\n                return props.uploadedListSummary?.uploadedListItems;\n            }\n            else {\n                return props.uploadedListSummary?.uploadedListItems.slice(0, 20)\n            }\n        }\n        return [];\n    });\n\n    // Emits ----\n    const emits = defineEmits(['back', 'next']);\n\n</script>\n\n<template>\n\n    <div class=\"row my-5\">\n\n        <div class=\"col border-bottom border-color-1\">\n\n            <div class=\"d-flex\">\n                <div class=\"text-color-1\">\n                    <h3 class=\"mb-0\"> Preview the address in your file</h3>\n                </div>\n            </div>\n\n        </div>\n\n    </div>\n\n    <div class=\"row mb-5 mt-2\">\n        <div class=\"col\">\n\n            <div class=\"address-list  table-responsive\">\n                <template v-if=\"hasAddressList\">\n                    <h3 class=\"p-4\">Compare these first {{ previewList.length }} records in this preview to your data file.</h3>\n                    <table class=\"table table-striped w-auto mw-100\">\n                        <thead class=\"title\">\n                            <tr>\n                                <th>Addressee</th>\n                                <th>Address Line 1</th>\n                                <th>Address Line 2</th>\n                                <th>City</th>\n                                <th>State</th>\n                                <th>Zip</th>\n                                <th>Country</th>\n                                <th>PhoneNumber</th>\n                                <th>Email</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            <tr v-for=\"addr in previewList\" :key=\"addr\">\n                                <td class=\"abbreviation\">{{addr.address?.addressee}}</td>\n                                <td class=\"abbreviation\">{{addr.address?.addressLine1}}</td>\n                                <td class=\"abbreviation\">{{addr.address?.addressLine2}}</td>\n                                <td class=\"abbreviation\">{{addr.address?.city}}</td>\n                                <td class=\"abbreviation\">{{addr.address?.state ?? addr.address?.province}}</td>\n                                <td class=\"abbreviation\">{{addr.address?.postalCode}}</td>\n                                <td class=\"abbreviation\">{{addr.address?.countryCode}}</td>\n                                <td class=\"abbreviation\">{{addr.address?.phoneNumber}}</td>\n                                <td class=\"abbreviation\">{{addr.address?.email}}</td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </template>\n                <template v-else>\n                    <slot name=\"empty\"></slot>\n                </template>\n            </div>\n\n\n        </div>\n    </div>\n\n    <div class=\"show-right\">\n        <PageButton class=\"me-2\" :outline=\"true\" @click=\"emits('back')\">Back</PageButton>\n        <PageButton class=\"me-2\" @click=\"emits('next')\" :disabled=\"!hasAddressList\">Next</PageButton>\n    </div>\n\n</template>\n\n<style lang=\"scss\">\n\n    .address-list {\n        .title {\n            font-size: inherit;\n        }\n\n        .table td.abbreviation {\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .table td.abbreviation {\n            max-width: 100px;\n        }\n\n        .mw-100 {\n            min-width: 100%;\n        }\n    }\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=e4dc5660&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    //UploadErrors \n\n    // Imports ----\n    import { defineProps, defineEmits, computed, ref } from 'vue';\n    import { store } from '@/Store';\n\n\n    // Props ----\n    const props = defineProps({\n\n        uploadedListSummary: {\n            type:Object,\n            required: true\n        },\n        editingMode: {\n            type: Boolean,\n            required: true,\n            default:false\n        }\n\n    });\n\n    const updatedAddresses = ref([]);\n\n    const errorAddresses = computed(() => {\n        return props.uploadedListSummary.uploadedListItems?.filter(addr => addr.validationErrors.length > 0);\n    })\n\n    const isEditing = computed(() => {\n        return props.editingMode;\n    })\n\n    async function  goToNext() {\n       \n        const updatedAddresses = props.uploadedListSummary.uploadedListItems?.map((addr) => { return addr.address });\n        const response = await store.addressList.validateAddresses(updatedAddresses);\n        \n        if(response.succeeded){\n            emits('update', response.uploadedListSummary);\n        }\n    }\n\n    function updateAddress(address, index){\n        updatedAddresses.value.splice(index, 1, address)\n    }\n\n    function hasError(validationErrors, field) {\n\n        const errors = validationErrors.filter(item => item.field == field);\n        if (errors.length > 0)\n            return true;\n\n        return false;\n    }\n\n    function getErrorMessage(validationErrors, field) {\n        const errors = validationErrors.filter(item => item.field == field);\n        if(errors.length > 0)\n            return errors[0].errorMessage;\n        return '';\n    }\n\n    function cancelEdit(){\n     emits('cancel');\n    }\n\n    // Emits ----\n    const emits = defineEmits(['update', 'cancel']);\n\n</script>\n\n<template>\n\n        <div class=\"row mb-5 mt-2\">\n            <div class=\"col\">\n\n                <div class=\"error-records table-responsive\">\n                    <table class=\"table table-striped w-100 mw-100\">\n                        <thead class=\"title\">\n                            <tr>\n                                <th></th>\n                                <th>Addressee</th>\n                                <th>Address Line 1</th>\n                                <th>Address Line 2</th>\n                                <th>City</th>\n                                <th>State</th>\n                                <th>Zip</th>\n                                <th>Country</th>\n                                <th>PhoneNumber</th>\n                                <th>Email</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            <tr v-for=\"(addr, index) in errorAddresses\" :key=\"addr\">\n                                <td><i class=\"bi bi-x-circle-fill btn-danger\" style=\"color:red\" /></td>\n\n                                <td v-if=\"hasError(addr.validationErrors, 'Addressee')\">\n                                    <template v-if=\"isEditing\">\n                                        <input v-model=\"addr.address.addressee\" type=\"text\" style=\"border: 1px solid red;\" @change=\"updateAddress(addr.address,index)\" :title=\"getErrorMessage(addr.validationErrors, 'Addressee')\" />\n                                    </template>\n                                    <template v-else>\n                                        <div class=\"w-100\" style=\"border: 1px solid red; height: 1.1rem\" :title=\"getErrorMessage(addr.validationErrors, 'Addressee')\">\n                                            {{ addr.address.addressee }}\n                                        </div>\n                                    </template>\n                                </td>\n                                <td v-else>{{addr.address?.addressee}}</td>\n\n                                <td v-if=\"hasError(addr.validationErrors, 'AddressLine1')\">\n\n                                    <template v-if=\"isEditing\">\n                                        <input v-model=\"addr.address.addressLine1\" type=\"text\" style=\"border: 1px solid red;\" @change=\"updateAddress(addr.address,index)\" :title=\"getErrorMessage(addr.validationErrors, 'AddressLine1')\" />\n                                    </template>\n                                    <template v-else>\n                                        <div class=\"w-100\" style=\"border: 1px solid red; height: 1.1rem\" :title=\"getErrorMessage(addr.validationErrors, 'AddressLine1')\">\n                                            {{ addr.address.addressLine1 }}\n                                        </div>\n                                    </template>\n\n                                </td>\n                                <td v-else>{{addr.address?.addressLine1}}</td>\n\n                                <td>{{addr.address?.addressLine2}}</td>\n\n                                <td v-if=\"hasError(addr.validationErrors, 'City')\">\n\n                                    <template v-if=\"isEditing\">\n                                        <input v-model=\"addr.address.city\" type=\"text\" style=\"border: 1px solid red;\" @change=\"updateAddress(addr.address,index)\" :title=\"getErrorMessage(addr.validationErrors, 'City')\" />\n                                    </template>\n                                    <template v-else>\n                                        <div class=\"w-100\" style=\"border: 1px solid red; height: 1.1rem\" :title=\"getErrorMessage(addr.validationErrors, 'City')\">\n                                            {{ addr.address.city }}\n                                        </div>\n                                    </template>\n\n                                </td>\n                                <td v-else>{{addr.address?.city}}</td>\n\n                                <td v-if=\"hasError(addr.validationErrors, 'State')\">\n\n                                    <template v-if=\"isEditing\">\n                                        <input v-model=\"addr.address.state\" type=\"text\" style=\"border: 1px solid red;\" @change=\"updateAddress(addr.address,index)\" :title=\"getErrorMessage(addr.validationErrors, 'State')\" />\n                                    </template>\n                                    <template v-else>\n                                        <div class=\"w-100\" style=\"border: 1px solid red; height: 1.1rem\" :title=\"getErrorMessage(addr.validationErrors, 'State')\">\n                                            {{ addr.address.state }}\n                                        </div>\n\n                                    </template>\n\n                                </td>\n                                <td v-else>{{addr.address?.state}}</td>\n\n                                <td v-if=\"hasError(addr.validationErrors, 'Postal Code')\">\n\n                                    <template v-if=\"isEditing\">\n                                        <input v-model=\"addr.address.postalCode\" type=\"text\" style=\"border: 1px solid red;\" @change=\"updateAddress(addr.address,index)\" :title=\"getErrorMessage(addr.validationErrors, 'Postal Code')\" />\n                                    </template>\n                                    <template v-else>\n                                        <div class=\"w-100\" style=\"border: 1px solid red; height: 1.1rem\" :title=\"getErrorMessage(addr.validationErrors, 'Postal Code')\">\n                                            {{ addr.address.postalCode }}\n                                        </div>\n                                    </template>\n\n                                </td>\n                                <td v-else>{{addr.address?.postalCode}}</td>\n\n                                <td v-if=\"hasError(addr.validationErrors, 'Country Code')\">\n\n                                    <template v-if=\"isEditing\">\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')\" />\n                                    </template>\n                                    <template v-else>\n                                        <div class=\"w-100\" style=\"border: 1px solid red; height: 1.1rem\" :title=\"getErrorMessage(addr.validationErrors, 'Country Code')\">\n                                            {{ addr.address.countryCode }}\n                                        </div>\n                                    </template>\n\n                                </td>\n                                <td v-else>{{addr.address?.countryCode}}</td>\n\n                                <td v-if=\"hasError(addr.validationErrors, 'ShipToPhoneNumber')\">\n\n                                    <template v-if=\"isEditing\">\n                                        <input v-model=\"addr.address.shipToPhoneNumber\" type=\"text\" style=\"border: 1px solid red;\" @change=\"updateAddress(addr.address,index)\" :title=\"getErrorMessage(addr.validationErrors, 'ShipToPhoneNumber')\" />\n                                    </template>\n                                    <template v-else>\n                                        <div class=\"w-100\" style=\"border: 1px solid red; height: 1.1rem\" :title=\"getErrorMessage(addr.validationErrors, 'ShipToPhoneNumber')\">\n                                            {{ addr.address.shipToPhoneNumber }}\n                                        </div>\n                                    </template>\n\n                                </td>\n                                <td v-else>{{addr.address?.shipToPhoneNumber}}</td>\n\n                                <td v-if=\"hasError(addr.validationErrors, 'Email')\">\n\n                                    <template v-if=\"isEditing\">\n                                        <input v-model=\"addr.address.email\" type=\"text\" style=\"border: 1px solid red;\" @change=\"updateAddress(addr.address,index)\" :title=\"getErrorMessage(addr.validationErrors, 'Email')\" />\n                                    </template>\n                                    <template v-else>\n                                        <div class=\"w-100\" style=\"border: 1px solid red; height: 1.1rem\" :title=\"getErrorMessage(addr.validationErrors, 'Email')\">\n                                            {{ addr.address.email }}\n                                        </div>\n                                    </template>\n\n                                </td>\n                                <td v-else>{{addr.address?.email}}</td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </div>\n\n\n                <div class=\"row my-5\" v-if=\"props.editingMode\">\n                    <div class=\"col text-center\">\n                        <button class=\"btn btn-outline-primary  me-3\" @click=\"cancelEdit()\">Cancel</button>\n                        <button class=\"btn btn-primary\" @click=\"goToNext()\">Next</button>\n                    </div>\n                </div>\n\n            </div>\n        </div>\n    \n</template>\n\n<style lang=\"scss\">\n    .error-records {\n        .title {\n            font-size: inherit;\n        }\n    }\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\nimport \"./UploadErrors.vue?vue&type=style&index=0&id=968b2af6&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    //UploadSummary\n    //Data validation of uploaded address list\n\n    // Imports ----\n    import { defineProps, ref, defineEmits, computed } from 'vue';\n    import UploadErrors from './UploadErrors';\n\n    // Props ----\n    const props = defineProps({\n        uploadedListSummary: {\n            type: Object,\n            required: true\n        }\n    });\n\n    const editingMode = ref(false);\n\n    const recipientsSelectTypeSelected = ref(\"proceed\");\n    const recipientsSelectType = [\n        { value: 'proceed', label: 'Proceed only with records loaded successfully' },\n        { value: 'reupload', label: 'Cancel and Upload Again' },\n        { value: 'fix', label: 'Fix Records with Errors' }\n    ];\n\n\n    const hasUploadErrors = computed(() => {\n        return props.uploadedListSummary.uploadedListItems?.filter(addr => addr.validationErrors.length > 0).length > 0\n    });\n\n    function goToNext() {\n\n        if (recipientsSelectTypeSelected.value == \"proceed\")\n            emits('next');\n        else if (recipientsSelectTypeSelected.value == \"fix\")\n            editingMode.value = true;\n        else\n            emits('cancel');\n\n    }\n\n    function cancelEditing() {\n        editingMode.value = false;\n    }\n\n    // TODO: refresh this page\n    function updated(addresses) {\n        recipientsSelectTypeSelected.value = \"proceed\"\n        editingMode.value = false;\n        emits('update', addresses);\n    }\n    function showOption(option) {\n        if (option == \"fix\" && !hasUploadErrors.value)\n            return false;\n        return true;\n    }\n\n\n    // Emits ----\n    const emits = defineEmits(['next', 'cancel', 'update']);\n\n</script>\n\n<template>\n    <div class=\"upload-summary\">\n\n        <div class=\"row my-5\">\n\n            <div class=\"col border-bottom border-color-1\">\n\n                <div class=\"d-flex\">\n                    <div class=\"text-color-1\">\n                        <h2 v-if=\"!editingMode && !hasUploadErrors\" class=\"mb-0\"> Upload Address Summary</h2>\n                        <h2 class=\"mb-0\" v-else> Edit Failed Records</h2>\n                    </div>\n                </div>\n\n            </div>\n\n        </div>\n\n        <div v-if=\"editingMode && hasUploadErrors\">\n            <UploadErrors :uploadedListSummary=\"props.uploadedListSummary\" :editingMode=\"editingMode\" @update=\"updated\" @cancel=\"cancelEditing\"></UploadErrors>\n        </div>\n\n        <div class=\"row mb-5 mt-2\" v-else>\n            <div class=\"col\">\n\n                <div class=\"row records-summary\">\n                    <div class=\"col-sm-4\">\n                        <h4><span>{{ props.uploadedListSummary.total }}</span> <span class=\"fw-normal\">Total Records</span></h4>\n                    </div>\n                    <div class=\"col-sm-4\">\n                        <h4><span class=\"text-danger\"> {{ props.uploadedListSummary.failed }}</span> <span class=\"fw-normal\"> Records Failed </span></h4>\n                    </div>\n                    <div class=\"col-sm-4\">\n                        <h4><span class=\"text-success\"> {{  props.uploadedListSummary.success }}</span><span class=\"fw-normal\"> Records Loaded Successfully </span></h4>\n                    </div>\n                </div>\n\n                <div class=\"row mb-5 my-5 action-container\">\n                    <div class=\"mb-2\">\n                        <h3 class=\"text-center\">Preview the records that failed below. How would you like to proceed?</h3>\n                    </div>\n\n                    <div class=\"col-sm-4 offset-sm-4\">\n\n                        <div class=\"form-check mb-3\" v-for=\"type in recipientsSelectType\" :key=\"type.value\">\n                            <label class=\"form-check-label\" v-if=\"showOption(type.value)\">\n                                <input class=\"form-check-input\" type=\"radio\" v-model=\"recipientsSelectTypeSelected\" :value=\"type.value\">\n                                {{type.label}}\n                            </label>\n                        </div>\n\n                    </div>\n\n                </div>\n\n                <div class=\"row my-5\">\n                    <div class=\"col text-center\">\n                        <button class=\"btn btn-outline-primary  me-3\" @click=\"emits('cancel');\">Cancel</button>\n                        <button class=\"btn btn-primary\" @click=\"goToNext()\">Next</button>\n                    </div>\n\n                </div>\n\n                <UploadErrors :uploadedListSummary=\"props.uploadedListSummary\" :editingMode=\"editingMode\" @update=\"updated\" @cancel=\"cancelEditing\" v-if=\"hasUploadErrors\"></UploadErrors>\n\n            </div>\n        </div>\n\n    </div>\n</template>\n\n<style lang=\"scss\">\n\n    .upload-summary {\n\n        .records-summary {\n            background: #f2fcfc;\n            padding: 10px;\n        }\n\n        .n-action-button {\n            .bi {\n                color: #ffffff;\n            }\n        }\n\n        .action-container {\n            background: #f2fcfc;\n            padding: 1rem;\n        }\n    }\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>\n\n    // ShipToList\n    // Allows the user to select multiple contacts as the ship-to, generating a bulk order.\n\n    // Components ----\n\n\n    // Constants ----\n    const Display = {\n        SUMMARY_ADDRESS_LIST: 'SUMMARY_ADDRESS_LIST',\n        PREVIEW_ADDRESS_LIST: 'PREVIEW_ADDRESS_LIST',\n        CONFIRM_ADDRESS_LIST: 'CONFIRM_ADDRESS_LIST',\n        UPLOAD_ADDRESS_LIST: 'UPLOAD_ADDRESS_LIST'\n    };\n\n    const router = useRouter();\n\n    const AddOption =\n    {\n        NEW_CONTACT: 'NEW_CONTACT',\n        FROM_CONTACTS: 'FROM_CONTACTS',\n        UPLOAD_FILE: 'UPLOAD_FILE'\n    };\n\n    import PrepareMailList from '@/site/areas/cart/components/PrepareMailList.vue';\n    import UploadAddressList from '@/site/areas/cart/components/UploadAddressList';\n    import PreviewAddressList from '@/site/areas/cart/components/PreviewAddressList';\n    import ConfirmAddressList from '@/site/areas/cart/components/ConfirmAddressList';\n    import UploadSummary from '@/site/areas/cart/components/UploadSummary';\n\n    // Import ----\n    import { ref, computed, reactive, defineProps } from 'vue';\n    import { useRouter } from 'vue-router';\n    import { store } from '@/Store';\n    import ShipToUserForm from '../forms/ShipToUserForm';\n    import { ShippingMethods, Countries } from '@/constants';\n\n\n    // State ----\n    const display = ref(Display.UPLOAD_ADDRESS_LIST);\n    const selectedOption = ref(AddOption.UPLOAD_FILE);\n    const uploadedListSummary = ref({});\n    const form = reactive(new ShipToUserForm());\n\n    let showUploadFile = ref(false);\n    const hasFileUploaded = ref(false);\n\n    // Props ----\n    const props = defineProps({\n        disableContinue: {\n            type: Boolean,\n            required: false,\n            default: false\n        },\n        reasonforexpedited: {\n            type: String,\n            required: false,\n            default: ''\n        },\n        isExpeditedReasonRequired: {\n            type: Boolean,\n            required: false,\n            default: false\n        },\n        isSunShineActReportable: {\n            type: Boolean,\n            required: false,\n            default: false\n        },\n        doctorName: {\n            type: String,\n            required: false,\n            default: ''\n        },\n        doctorEmail: {\n            type: String,\n            required: false,\n            default: ''\n        }\n    });\n\n    //computed\n    const validAddresses = computed(() => {\n        return uploadedListSummary.value.uploadedListItems?.filter(addr => addr.validationErrors.length == 0).map((addr) => { return addr.address });\n    })\n\n    const isCountryPR = computed(() => {\n        return store.cart.current.shipToList.filter((f) => f.countryCode.toUpperCase() == Countries.PuertoRico.toUpperCase()).length > 0\n    })\n\n    const haveAddressesUpdated = ref(false);\n\n    // Handlers ----\n\n    function onPreviewClicked() {\n        display.value = Display.PREVIEW_ADDRESS_LIST;\n    }\n\n    async function onConfirmClicked() {\n        // Pass only valid addresses\n        display.value = Display.CONFIRM_ADDRESS_LIST;\n        // upload the address here\n        await updatedAddresses(validAddresses.value);\n\n        //setting default shipping method code when all successfull records have PR\n        await setDefaultShipMethod()\n    }\n\n    function onSummaryClicked() {\n        display.value = Display.SUMMARY_ADDRESS_LIST;\n    }\n\n    function showPreviewList(uploadedAddresses) {\n        uploadedListSummary.value = uploadedAddresses;\n    }\n\n    async function updatedAddresses(updatedAddresses) {\n        haveAddressesUpdated.value = true;\n        await store.cart.setShipToMultiplContacts(updatedAddresses);\n    }\n\n\n    async function goToReviewPage(shipToContacts) {\n        if (!isCountryPR.value)\n            SaveReasonforExpedited()\n\n        if (props.isSunShineActReportable) {\n            await SaveDoctorsDetails();\n        }\n\n        if (!haveAddressesUpdated.value) {\n            await store.cart.setShipToMultiplContacts(shipToContacts);\n        }\n\n        if (shipToContacts.length == 1) {\n            await updateToSingleContact(shipToContacts);\n            router.push({ name: 'Review' });\n            return;\n        }\n\n        if (await store.cart.updateMultiShipItemsQuantity()) {\n            router.push({ name: 'Review' });\n        }\n\n    }\n\n    async function SaveReasonforExpedited() {\n        if (props.reasonforexpedited.length > 0 && props.isExpeditedReasonRequired === true) {\n            const reasonNote = {\n                holdReasonNote: props.reasonforexpedited.trim(),\n                holdReasons: \"Expedited Shipping\"\n            }\n            await store.cart.addHoldReasonNote(store.cart.current.id, reasonNote);\n        }\n    }\n\n    async function SaveDoctorsDetails() {\n        if (props.doctorName.length > 0 && props.isSunShineActReportable === true) {\n            const doctorDetails = {\n                doctorName: props.doctorName.trim(),\n                doctorEmail: (props.doctorEmail.trim() !== null) ? props.doctorEmail.trim() : \"\"\n            }\n            await store.cart.addDoctorDetails(store.cart.current.id, doctorDetails);\n        }\n    }\n\n    async function updateToSingleContact(shipToContacts) {\n        const shipTo = shipToContacts[0];\n        form.commonProps(form, shipTo);\n        await store.cart.setShipToModeToSingleContact()\n        await form.submit(false);\n    }\n\n    function goToUploadFile() {\n        clearShipToList()\n        display.value = Display.UPLOAD_ADDRESS_LIST;\n        selectedOption.value = AddOption.UPLOAD_FILE;\n        showUploadFile.value = true;\n        uploadedListSummary.value = {};\n    }\n\n    function fixedAddresses(addresses) {\n        uploadedListSummary.value = addresses;\n        onSummaryClicked();\n    }\n\n    function uploadStatus(uploadStatus) {\n        if (uploadStatus)\n            hasFileUploaded.value = true;\n        else\n            hasFileUploaded.value = false;\n    }\n\n    async function setDefaultShipMethod() {\n        if (isCountryPR.value) {\n            store.cart.current.shipMethodCode = ShippingMethods.InternationalEconomy\n            await store.cart.setShipMethod(store.cart.current.shipMethodCode);\n        }\n    }\n\n    function clearShipToList() {\n        store.cart.current.shipToList = [];\n    }\n</script>\n\n<template>\n    <div class=\"ship-to-contacts\">\n        <!-- Option to upload file and proceed -->\n        <template v-if=\"display === Display.PREVIEW_ADDRESS_LIST\">\n            <PreviewAddressList :uploadedListSummary=\"uploadedListSummary\" @back=\"goToUploadFile\" @next=\"onSummaryClicked\">\n                <template #empty>\n                    No addresses found. Please go back and upload addresses.\n                </template>\n            </PreviewAddressList>\n\n        </template>\n\n        <template v-else-if=\"display === Display.SUMMARY_ADDRESS_LIST\">\n            <UploadSummary :uploadedListSummary=\"uploadedListSummary\" @next=\"onConfirmClicked\" @cancel=\"goToUploadFile\" @update=\"fixedAddresses\">\n                <template #empty>\n                    Empty Addresses\n                </template>\n            </UploadSummary>\n\n        </template>\n\n        <template v-else-if=\"display === Display.CONFIRM_ADDRESS_LIST\">\n            <ConfirmAddressList :addressList=\"validAddresses\" @update=\"updatedAddresses\">\n                <template #empty>\n                    Empty Addresses\n                </template>\n            </ConfirmAddressList>\n\n            <div class=\"show-right\">\n                <PageButton class=\"me-2\" :outline=\"true\" @click=\"goToUploadFile\">Cancel</PageButton>\n                <PageButton class=\"me-2\" :disabled=\"validAddresses.length === 0 || props.disableContinue\" @click=\"goToReviewPage(validAddresses)\">Review</PageButton>\n            </div>\n        </template>\n\n\n        <template v-else>\n            <div class=\"row my-5\">\n                <div class=\"col border-bottom border-color-1\">\n\n                    <div class=\"d-flex\">\n                        <div class=\"text-color-1\">\n                            <h2 class=\"mb-0\">Upload Your List of Addresses</h2>\n                        </div>\n                    </div>\n\n                </div>\n            </div>\n\n            <UploadAddressList @uploadedAddressList=\"showPreviewList\" @uploaded=\"uploadStatus\" />\n\n\n            <div class=\"row mb-5\">\n                <div class=\"text-center mt-4 mb-4\">\n\n                    <div class=\"show-right\">\n                        <PageButton class=\"me-2\" :disabled=\"!hasFileUploaded\" @click=\"onPreviewClicked\">Preview</PageButton>\n                    </div>\n\n                </div>\n            </div>\n\n            <div class=\"row mb-5\">\n                <PrepareMailList />\n            </div>\n        </template>\n    </div>\n</template>\n\n<style lang=\"scss\">\n\n    .ship-to-contacts {\n        .add-contacts {\n            .sub-title {\n                font-weight: $bold;\n            }\n        }\n\n        .show-right {\n            float: right\n        }\n\n\n        .add-options {\n        }\n\n        .add-option {\n            border: 1px solid $gray-20;\n            padding: 0.5rem;\n            height: 10rem;\n        }\n    }\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=33dbf38e&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // OrderContactTile\n    // Customizes the standard AddressTile component with options/markup specific to an order contact (i.e. shipping address OR marketing contact).\n\n    // Components ----\n\n    // Imports ----\n    import { defineProps, computed } from 'vue';\n    import { store } from '@/Store';\n\n    // Props ----\n    const props = defineProps({\n        // The order contact to show\n        contact: {\n            type: Object,\n            required: true\n        },\n        // An optional height to enforce.\n        height: {\n            type: String,\n            required: false,\n            default: null\n        },\n        // Whether to show a border around the tile.\n        border: {\n            type: Boolean,\n            required: false,\n            default: true\n        }\n    });\n\n    // State ----\n\n    // Computed ----\n    const isDefault = computed(() => {\n        if (typeof props.contact === 'undefined')\n            return false;\n        else\n            return (store.shipping.addresses.length > 0 && props.contact.contactAddressId === store.shipping.addresses[0].id);\n    });\n\n</script>\n\n<template>\n\n    <div class=\"order-contact-tile\">\n        <AddressTile :address=\"props.contact\" :height=\"props.height\" :border=\"props.border\">\n            <template #top>\n                <div v-if=\"props.contact.marketingContactId !== null\" class=\"name-block\">\n                    <div v-if=\"props.contact.shipToEmail.length > 0\" class=\"email\">\n                        <a :href=\"'mailto:' + props.contact.shipToEmail\">{{ props.contact.shipToEmail }}</a>\n                    </div>\n                    <div v-if=\"props.contact.shipToPhoneNumber.length > 0\" class=\"phone\">{{ props.contact.shipToPhoneNumber}}</div>\n                </div>\n            </template>\n\n            <div class=\"mt-2\">\n                <div class=\"tags\">\n                    <span v-if=\"isDefault\" class=\"badge default-shipping\"><i class=\"bi bi-star-fill\"></i> Default Shipping</span>\n                </div>\n            </div>\n        </AddressTile>\n    </div>\n\n</template>\n\n<style lang=\"scss\">\n\n    .order-contact-tile {\n        overflow-x: clip;\n\n        .name-block {\n            margin-bottom: 0.25rem;\n        }\n\n        .name {\n            font-weight: $bold;\n            font-size: 0.9rem;\n            line-height: 1rem;\n        }\n\n        .default-shipping {\n            background-color: $highlight-1; // TODO: SCSS variable\n        }\n    }\n\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=067f4cc7&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // ShipTo\n    // Allows the user to select from different options for specifying ship-to address(es).\n\n    // Constants ----\n    const ShipToTypes = {\n        TO_USER: 'TO_USER',             // Shipping to the current user\n        TO_CONTACT: 'TO_CONTACT',       // Shipping to a single contact\n        TO_CONTACTS: 'TO_CONTACTS',      // Shipping to multiple contacts\n        TO_CRMCONTACTS: 'TO_CRMCONTACTS'\n\n    };\n\n    // Components ----\n    import ShipToUser from './ShipToUser';\n    import ShipToContacts from './ShipToContacts';\n    import ShipToCRMContacts from './ShipToCRMContacts';\n    import ShipToList from './ShipToList';\n    import AddressReviewTable from './AddressReviewTable';\n    import OrderContactTile from '@/site/components/OrderContactTile';\n    import { Util } from '@dd-nucleus/nucleus-vue';\n    import { ShippingMethods } from '@/constants';\n\n    // Imports ----\n    import { ref, reactive, defineProps, computed, onMounted, defineEmits } from 'vue';\n    import { store } from '@/Store';\n\n    // Props ----\n    const props = defineProps({\n        // Whether this ship-to is editable\n        editable: {\n            type: Boolean,\n            required: false,\n            default: true\n        },\n        // Whether to start in editing mode\n        editing: {\n            type: Boolean,\n            required: false,\n            default: false\n        },\n        disableContinue: {\n            type: Boolean,\n            required: false,\n            default: false\n        },\n        reasonforexpedited: {\n            type: String,\n            required: false,\n            default: ''\n        },\n        isExpeditedReasonRequired: {\n            type: Boolean,\n            required: false,\n            default: false\n        },\n        isSunShineActReportable: {\n            type: Boolean,\n            required: false,\n            default: false\n        },\n        doctorName: {\n            type: String,\n            required: false,\n            default: ''\n        },\n        doctorEmail: {\n            type: String,\n            required: false,\n            default: ''\n        }\n    });\n\n    // State ----\n    const editing = ref(props.editing);\n    const isLoaded = ref(false);\n    const emits = defineEmits(['addressType']);\n\n    const shipToTypes = reactive([\n        { id: ShipToTypes.TO_USER, text: 'Ship to My Address', active: true },\n        { id: ShipToTypes.TO_CONTACT, text: 'Ship to a Contact' },\n        { id: ShipToTypes.TO_CRMCONTACTS, text: 'Ship to CRM Contacts' }\n    ]);\n\n    // Computed ----\n    const shipToType = computed(() => {\n        switch (store.cart.current.shipToMode) {\n            case store.cart.ShipToMode.ShipToUser:\n            case store.cart.ShipToMode.DistributionList:\n                return ShipToTypes.TO_USER;\n            case store.cart.ShipToMode.ShipToContact:\n                return ShipToTypes.TO_CONTACT;\n            case store.cart.ShipToMode.ShipToContacts:\n                return ShipToTypes.TO_CONTACTS;\n            default:\n                if (typeof store.cart.current.shipToMode !== 'undefined')\n                    console.error(`ERROR: Unexpected ship to mode '${store.cart.current.shipToMode}' encountered`);\n                return ShipToTypes.TO_USER;\n        }\n    });\n\n    const shipToTypeTitle = computed(() => {\n        switch (shipToType.value) {\n            case ShipToTypes.TO_USER:\n                return \"Ship to This Address:\";\n            case ShipToTypes.TO_CONTACT:\n                return \"Ship to This Contact:\";\n            case ShipToTypes.TO_CONTACTS:\n                return \"Ship to Multiple Contacts:\";\n        }\n\n        return null;\n    });\n\n    // Handlers ----\n    onMounted(() => {\n        update();\n    });\n\n    store.cart.onCartLoaded(() => {\n        update();\n    });\n\n    store.cart.onCartUpdated(() => {\n        update();\n    });\n\n    // Called once we know we have a cart to work with\n    function update() {\n        if (typeof store.cart.current.shipToList === 'undefined') return;\n\n        // TODO: Figure out how this will be checked\n        let canMultiShip = true;\n        if (canMultiShip) {\n            // update the text for ship to contact to be plural\n            shipToTypes.find((item) => item.id === ShipToTypes.TO_CONTACT).text = 'Ship to Contacts';\n\n            // add an option to ship to contact list\n            if (Util.isUndefined(shipToTypes.find((item) => item.id === ShipToTypes.TO_CONTACTS)))\n                shipToTypes.push({ id: ShipToTypes.TO_CONTACTS, text: 'Ship to Contact List' });\n        }\n\n        isLoaded.value = true;\n    }\n\n    function onChange() {\n        editing.value = !editing.value;\n    }\n\n    async function setShipToMode(id) {\n        store.cart.current.shipMethodCode = ShippingMethods.Ground\n        await store.cart.setShipMethod(store.cart.current.shipMethodCode);\n\n        switch (id) {\n            case ShipToTypes.TO_USER:\n                return store.cart.setShipToModeToShipUser();\n            case ShipToTypes.TO_CONTACT:\n                return store.cart.setShipToModeToMultipleContacts();\n            case ShipToTypes.TO_CONTACTS:\n                return store.cart.setShipToModeToMultipleContacts();\n            case ShipToTypes.TO_CRMCONTACTS:\n                return store.cart.setShipToModeToMultipleContacts();\n            default:\n                return false;\n        }\n    }\n\n    function handleAddressType(type) {\n        emits('addressType', type);\n    }\n\n</script>\n\n<template>\n    <div class=\"ship-to\">\n        <template v-if=\"editing\">\n\n            <ul class=\"nav nav-tabs\">\n                <li v-for=\"type in shipToTypes\" :key=\"type.id\" class=\"nav-item\" @click=\"setShipToMode(type.id)\">\n                    <button :id=\"type.id\" class=\"nav-link\" :class=\"{ 'active': type.active }\" data-bs-toggle=\"tab\"\n                            :data-bs-target=\"'#' + type.id + '-pane'\" type=\"button\" role=\"tab\">\n                        {{ type.text }}\n                    </button>\n                </li>\n            </ul>\n\n            <div class=\"tab-content\">\n                <div class=\"tab-pane fade pt-3 active show\" id=\"TO_USER-pane\" role=\"tabpanel\" aria-labelledby=\"TO_USER\"\n                     tabindex=\"0\">\n                    <ShipToUser :can-edit=\"true\" @addressType=\"handleAddressType\" />\n                </div>\n\n                <div class=\"tab-pane fade pt-3\" id=\"TO_CONTACT-pane\" role=\"tabpanel\" aria-labelledby=\"TO_CONTACT\"\n                     tabindex=\"0\">\n                    <ShipToContacts :can-edit=\"true\" :disableContinue=\"props.disableContinue\" :reasonforexpedited=\"props.reasonforexpedited\" :isExpeditedReasonRequired=\"props.isExpeditedReasonRequired\" :isSunShineActReportable=\"props.isSunShineActReportable\" :doctorName=\"props.doctorName\" :doctorEmail=\"doctorEmail\" />\n                </div>\n\n                <div class=\"tab-pane fade pt-3\" id=\"TO_CRMCONTACTS-pane\" role=\"tabpanel\" aria-labelledby=\"TO_CRMCONTACTS\"\n                     tabindex=\"0\">\n                    <ShipToCRMContacts :can-edit=\"true\" :disableContinue=\"props.disableContinue\" :reasonforexpedited=\"props.reasonforexpedited\" :isExpeditedReasonRequired=\"props.isExpeditedReasonRequired\" :isSunShineActReportable=\"props.isSunShineActReportable\" :doctorName=\"props.doctorName\" :doctorEmail=\"doctorEmail\" />\n                </div>\n\n                <div class=\"tab-pane fade pt-3\" id=\"TO_CONTACTS-pane\" role=\"tabpanel\" aria-labelledby=\"TO_CONTACTS\"\n                     tabindex=\"0\">\n                    <ShipToList :can-edit=\"true\" :disableContinue=\"props.disableContinue\" :reasonforexpedited=\"props.reasonforexpedited\" :isExpeditedReasonRequired=\"props.isExpeditedReasonRequired\" :isSunShineActReportable=\"props.isSunShineActReportable\" :doctorName=\"props.doctorName\" :doctorEmail=\"doctorEmail\" />\n                </div>\n\n            </div>\n\n        </template>\n\n        <div v-else class=\"summary\">\n            <div class=\"ship-type-title mb-2\">{{ shipToTypeTitle }}</div>\n\n            <OrderContactTile v-if=\"isLoaded && shipToType !== ShipToTypes.TO_CONTACTS\"\n                              :contact=\"store.cart.current.shipToList[0]\" :border=\"false\">\n            </OrderContactTile>\n\n            <AddressReviewTable v-if=\"isLoaded && shipToType === ShipToTypes.TO_CONTACTS\" readonly>\n            </AddressReviewTable>\n\n            <ActionButton v-if=\"props.editable\" icon=\"bi bi-arrow-left-right\" label=\"Change\" @click=\"onChange\" />\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .ship-to {\n        .ship-type-title {\n            font-size: 0.9rem;\n            font-weight: $bold;\n        }\n    }\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=c234a614&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // ShipMethodSelector\n    // Shows shipping methods and provides the ability to pick one.\n\n    // Imports ----\n    import { defineProps, defineEmits, computed } from 'vue';\n    import { store } from '@/Store';\n    import { v4 as uuidv4 } from 'uuid';\n\n    // Props ----\n    const props = defineProps({\n        // Code for the ship method\n        modelValue: {\n            type: String,\n            required: false,\n            default: null\n        },\n        defaultValue: {\n            type: String,\n            required: false,\n            default: null\n        },\n    });\n\n    // State ----\n    const emit = defineEmits(['update:modelValue']);\n    const listId = uuidv4();\n\n    // Computed ----\n    const shipMethods = computed(() => {\n        return store.shipping.methods;\n    });\n\n    const selected = computed({\n        get() {\n            return props.modelValue;\n        },\n        set(value) {\n            emit('update:modelValue', value);\n        }\n    });\n\n    // Handlers ----\n    function onShipMethodChanged() {\n        store.cart.setShipMethod(selected.value);\n    }\n\n\n</script>\n\n<template>\n\n    <div class=\"ship-method-selector\">\n\n        <div v-for=\"method in shipMethods\" :key=\"method.code\" class=\"form-check mb-1\">\n            <div class=\"d-flex\">\n                <div class=\"d-flex flex-row\">\n                    <div class=\"radio-container align-self-center\">\n                        <input v-model=\"selected\" class=\"form-check-input\" type=\"radio\" :name=\"listId\" :id=\"method.code\" :value=\"method.code\" @change=\"onShipMethodChanged()\">\n                    </div>\n                </div>\n                <div class=\"d-flex flex-row flex-fill\">\n                    <div class=\"label-container align-self-center\">\n                        <label class=\"form-check-label\" :for=\"method.code\">\n                            {{ method.name }}\n                        </label>\n                        <slot v-bind=\"method\"></slot>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n    </div>\n\n</template>\n\n<style lang=\"scss\">\n\n    .ship-method-selector {\n        input[type=radio] {\n            width: 1.2rem;\n            height: 1.2rem;\n            margin-top: -0.1rem;\n        }\n\n        .label-container {\n            margin-left: 0.5rem;\n        }\n    }\n</style>","import script from \"./ShipMethodSelector.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ShipMethodSelector.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ShipMethodSelector.vue?vue&type=style&index=0&id=57cfcce9&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // CheckoutPage\n    // Allows the user to view and change the shipping information for the cart.\n\n    // Components ----\n    import CartBodyPanel from './components/CartBodyPanel';\n    import ShipTo from './components/ShipTo';\n    import { computed, ref, onMounted } from 'vue';\n    import { useRouter } from 'vue-router';\n    import Popper from 'vue3-popper';\n    import ShipMethodSelector from './components/ShipMethodSelector';\n    import { ShippingMethods, Countries } from '@/constants';\n\n    // Imports ----\n    import { store } from '@/Store';\n\n\n    onMounted(async () => {\n        await initializePage();\n    });\n\n    async function initializePage() {\n        let result = await store.cart.checkIfCartContainsSunshineReportableItems(store.cart.current.id);\n        isSunShineActReportable.value = result?.attributes?.isCartContainsSunshineReportableItems;\n    }\n\n    const router = useRouter();\n    const reasonforexpedited = ref('');\n    const isExpeditedReasonRequired = computed(() => {\n        return store.cart.current.shipMethod?.isRush;\n    });\n\n    const hasPRCountryCodeAddress = computed(() => {\n      return store.cart.current.shipToList.filter((f)=>f.countryCode==Countries.PuertoRico.toUpperCase()).length>0;\n    });\n\n    const defaultShipMethodCode = computed(() => {\n        return store.cart.current.shipToList.filter((f) => f.countryCode == Countries.PuertoRico.toUpperCase()).length > 0 ? ShippingMethods.InternationalEconomy : store.cart.current.shipMethodCode;\n\n    });\n\n    // sunshine items\n    const doctorName = ref('');\n    const doctorEmail = ref('');\n    const isSunShineActReportable = ref('');\n\n    const doctorNameErrorMessage = ref('');\n    const doctorEmailErrorMessage = ref('');\n    const fedexUrl = ref('');\n\n    const disableContinue = computed(() => {\n        // disable continue button\n        // 1. when reason for expedited shipping is null or empty\n        // 2. whem the doctor's name is null or empty\n        // 3. when the doctor's email is invalid\n\n        if (reasonforexpedited.value.trim().length < 1 && isExpeditedReasonRequired.value === true && !hasPRCountryCodeAddress.value)\n            return true;\n        else if (isSunShineActReportable.value === true) {\n            if (doctorNameErrorMessage.value !== '' || doctorName.value.trim().length < 1)\n                return true;\n            if (doctorEmail.value) {\n                if (doctorEmailErrorMessage.value) return true;\n            }\n        }\n        return false;\n    });\n\n    function ValidateDoctorName() {\n        const textPattern = /^[^a-zA-Z]+$/;\n        if (doctorName.value === null || doctorName.value === undefined || doctorName.value.length === 0) {\n            doctorNameErrorMessage.value = 'Doctor Name cannot be empty';\n        }\n        else if (textPattern.test(doctorName.value)) {\n            doctorNameErrorMessage.value = 'Doctor Name is invalid';\n        }\n        else {\n            doctorNameErrorMessage.value = '';\n        }\n    }\n\n    function ValidateDoctorEmail() {\n        const emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,6}$/;\n        if (doctorEmail.value && !emailPattern.test(doctorEmail.value)) {\n            doctorEmailErrorMessage.value = 'Doctor Email is invalid';\n        }\n        else {\n            doctorEmailErrorMessage.value = '';\n        }\n    }\n\n    function openFedExMap() {\n      fedexUrl.value = process.env.VUE_APP_FEDEX_URL;\n     \n\n        if (fedexUrl.value === undefined || fedexUrl.value === '') {\n            return;\n            \n        }\n        window.open(fedexUrl.value, 'FedExMapWindow', 'width=700,height=600,scrollbars=yes,resizable=yes');\n    }\n\n    async function SaveReasonAndRoute() {\n        SaveReasonforExpedited();\n\n        if (isSunShineActReportable.value) {\n            await SaveDoctorsDetails();\n        }\n        router.push({ name: 'Review' });\n\n    }\n\n    async function SaveReasonforExpedited() {\n        if (reasonforexpedited.value.length > 0 && isExpeditedReasonRequired.value === true) {\n            const reasonNote = {\n                holdReasonNote: reasonforexpedited.value.trim(),\n                holdReasons: \"Expedited Shipping\"\n            }\n            await store.cart.addHoldReasonNote(store.cart.current.id, reasonNote);\n        }\n    }\n\n    async function SaveDoctorsDetails() {\n\n        if (doctorName.value.length > 0 && isSunShineActReportable.value === true) {\n            const doctorDetails = {\n                doctorName: doctorName.value.trim(),\n                doctorEmail: (doctorEmail.value.trim() !== null) ? doctorEmail.value.trim() : \"\"\n            }\n            await store.cart.addDoctorDetails(store.cart.current.id, doctorDetails);\n        }\n    }\n\n</script>\n\n<template>\n    <PageTemplate>\n        <div class=\"container root-page checkout-page\">\n\n            <div class=\"float-end\">\n                <PageButton class=\"me-2\" :outline=\"true\" url=\"/cart\">Back to Cart</PageButton>\n                <PageButton v-if=\"!store.cart.isMultiShip()\" class=\"me-2\" @click=\"SaveReasonAndRoute\" :disabled=\"disableContinue\">Continue</PageButton>\n            </div>\n\n            <h1 class=\"cart-page-header mb-3\">Checkout <span class=\"text-muted\">/ Shipping</span></h1>\n\n            <div class=\"row\">\n                <div class=\"col-12 col-md-9\">\n                    <CartBodyPanel class=\"cart-body-panel\">\n                        <template #title>\n                            <h2>Ship To</h2>\n                        </template>\n\n                        <ShipTo :editable=\"true\" :editing=\"true\" :disableContinue=\"disableContinue\" :reasonforexpedited=\"reasonforexpedited\" :isExpeditedReasonRequired=\"isExpeditedReasonRequired\" :isSunShineActReportable=\"isSunShineActReportable\" :doctorName=\"doctorName\" :doctorEmail=\"doctorEmail\"/>\n                    </CartBodyPanel>\n                </div>\n\n                <div class=\"col-12 col-md-3\">\n                    <CartBodyPanel class=\"cart-body-panel ship-method-panel\">\n                        <template #title>\n                            <h2>Ship Method</h2>\n                        </template>\n\n                        <ShipMethodSelector v-model=\"store.cart.current.shipMethodCode\" :defaultValue=\"defaultShipMethodCode\"/>\n\n                        <div v-if=\"isExpeditedReasonRequired && !hasPRCountryCodeAddress\" class=\"mb-5 mt-3\">\n                            <h5 style=\"color: black;\">Reason for Expedited Shipping</h5>\n                            <textarea v-model=\"reasonforexpedited\" maxlength=\"255\" class=\"form-control\" rows=\"5\" placeholder=\"Please enter reason for Expedited Shipping\"></textarea>\n                        </div>\n                        <!-- Add FedEx Delivery Map Estimator Link below Shipping Methods -->\n\n                            <div class=\"mb-5 mt-3 \">\n                                <a href=\"#\" @click=\"openFedExMap\" class=\"btn btn-link btn-lg\">\n                                    FedEx Delivery Map Estimator\n                                </a>\n                                <div class=\"sunshine-act-message-box\">\n                                NOTE: View map using zip code 48203.\n                                </div>\n                            </div>\n\n                            <div v-if=\"isSunShineActReportable\" class=\"mb-5 mt-3\">\n                                <div>\n                                    <div>\n                                        <label for=\"flexCheckDefault\">\n                                            Doctor's Name\n                                            <Popper arrow>\n                                                <i class=\"info-icon bi bi-info\"></i>\n                                                <template #content>\n                                                    <div class=\"popper-content\">\n                                                        Type the first and last name(s) of the doctor receiving the Sunshine Act Reportable Item(s). This is required to proceed.\n                                                    </div>\n                                                </template>\n                                            </Popper>\n                                        </label>\n                                        <br />\n                                        <input class=\"form-control\" type=\"text\" v-model=\"doctorName\" maxlength=\"50\" @input=\"ValidateDoctorName\" placeholder=\"Doctor's Name\" />\n                                        <p v-if=\"doctorNameErrorMessage\" class=\"error-message\">{{doctorNameErrorMessage}}</p>\n                                    </div>\n\n                                    <br />\n                                    <div>\n                                        <label for=\"flexCheckDefault\">Doctor's Email (Optional)</label>\n                                        <input class=\"form-control\" type=\"email\" v-model=\"doctorEmail\" maxlength=\"50\" @input=\"ValidateDoctorEmail\" placeholder=\"Doctor's Email\" />\n                                        <p v-if=\"doctorEmailErrorMessage\" class=\"error-message\">{{doctorEmailErrorMessage}}</p>\n                                    </div>\n                                </div>\n                                <br />\n                                <div class=\"sunshine-act-message-box \">\n                                    Your cart includes items that are Sunshine Act Reportable. Please enter the name and email address of the doctor receiving the items.\n                                </div>\n                            </div>\n\n                    </CartBodyPanel>\n                </div>\n            </div>\n\n        </div>\n    </PageTemplate>\n</template>\n\n<style lang=\"scss\" scoped>\n\n    .root-page {\n        min-height: 30rem;\n    }\n\n    .checkout-page {\n        .n-body-panel {\n            .body {\n                padding: 0.75rem 0rem;\n            }\n        }\n\n        .ship-method-panel {\n            .body {\n                padding-left: 1.5rem;\n            }\n        }\n\n        .sunshine-act-message-box {\n            border: 0.5px solid #f2dad4;\n            padding: 5px;\n            //width: 180px;\n            text-align: left;\n            background-color: #fff3cd;\n        }\n    }\n    .info-icon {\n        font-size: 12px;\n        margin-left: 4px;\n        cursor: pointer;\n        background: lightgray;\n        border-radius: 16px;\n    }\n\n    .error-message {\n        font-size: 13px !important;\n        margin-top: 0 !important;\n        color: red !important;\n    }\n\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=5fde53ef&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Store/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-5fde53ef\"]])\n\nexport default __exports__","<script setup>\n\n// ReviewPage\n// Allows the user to review their order before placing.\n\n// Components ----\nimport CartBodyPanel from './components/CartBodyPanel';\nimport ShipTo from './components/ShipTo';\nimport CartItemList from './components/CartItemList';\n\n// Imports ----\nimport { ref, computed, onMounted } from 'vue';\nimport { useRouter } from 'vue-router';\nimport { store } from '@/Store';\n\nconst router = useRouter();\n\n// State ----\nconst isLoaded = ref(false);\nconst placingOrder = ref(false);\nconst isConferenceType = ref(store.cart.current.attributes?.allowLimitOverride === \"true\");\nconst isSunShineActReportable = ref(false)\nconst doctorName = ref('');\n\n// Computed ----\nconst canPlaceOrder = computed(() => {\n    return (store.cart.current.canPlaceOrder === true && placingOrder.value === false);\n});\n\nconst shipMethod = computed(() => {\n    return store.cart.current.shipMethod;\n});\n\nconst isExpeditedShipping = computed(() => {\n    return shipMethod.value?.isRush;\n});\n\n// Handlers ----\n    onMounted(async () => {\n    await update();\n});\n\nstore.cart.onCartLoaded(() => {\n    isConferenceType.value = store.cart.current.attributes?.allowLimitOverride === \"true\";\n    update();\n});\n\nstore.cart.onCartUpdated(() => {\n    isConferenceType.value = store.cart.current.attributes?.allowLimitOverride === \"true\";\n    update();\n});\n\n// Called once we know we have a cart to work with\nasync function update() {\n    isLoaded.value = true;\n    let result = await store.cart.checkIfCartContainsSunshineReportableItems(store.cart.current.id);\n    isSunShineActReportable.value = result?.attributes?.isCartContainsSunshineReportableItems;\n    doctorName.value = result?.attributes?.doctorName;\n}\n\nfunction onChangeShipTo() {\n    router.push('/checkout');\n}\n\nfunction onChangeShipMethod() {\n    router.push('/checkout');\n}\n\nfunction onChangeItems() {\n    router.push('/cart');\n}\n\nasync function onPlaceOrder() {\n    placingOrder.value = true;\n\n    const response = await store.cart.placeOrder('Cart');\n\n    console.warn(\"response: \", response)\n\n    //TODO: Commenting below line. need to understand the use of below line.\n    //store.cart.ShipToMode.ShipToContacts\n\n    if (response.succeeded)\n\n        if (response.model.isMultiShip) {\n\n            router.push('/order-confirmed/' + response.model.bulkOrderId);\n\n        } else {\n\n            router.push('/order-confirmed/' + response.model.id);\n\n        }\n\n    else {\n        // TODO: How to get messages back?\n        store.cart.current.canPlaceOrder = true;\n        placingOrder.value = false;\n    }\n}\n</script>\n\n<template>\n    <PageTemplate>\n        <div class=\"container root-page review-page\">\n\n            <div class=\"float-end\">\n                <router-link class=\"btn btn-outline-color-1 me-2\" to=\"/checkout\">BACK</router-link>\n                <button class=\"btn btn-color-1\" :disabled=\"!canPlaceOrder\" @click=\"onPlaceOrder\">PLACE ORDER</button>\n            </div>\n\n            <h1 class=\"cart-page-header mb-3\">Checkout <span class=\"text-muted\">/ Review Order</span></h1>\n\n            <div v-if=\"store.cart.current.requiresApproval\" class=\"alert alert-warning alert-icon\">\n                <i class=\"bi bi-exclamation-triangle-fill\"></i> &nbsp;When placed, this order will require approval\n                before it can be fulfilled.\n            </div>\n\n            <MessageList :messages=\"store.cart.current.messages\" :add-box=\"false\" class=\"alert alert-danger\" />\n\n            <div class=\"row\">\n                <div class=\"col\">\n                    <CartBodyPanel class=\"cart-body-panel\">\n                        <template #title>\n                            <div class=\"float-end\">\n                                <ActionButton class=\"panel-title-action\" icon=\"bi bi-arrow-left-right\" label=\"Change\"\n                                              @click=\"onChangeShipTo\" />\n                            </div>\n                            <h2>Ship To</h2>\n                        </template>\n\n                        <ShipTo :editable=\"false\" />\n\n                    </CartBodyPanel>\n\n                    <CartBodyPanel class=\"cart-body-panel ship-method-panel\">\n                        <template #title>\n                            <div class=\"float-end\">\n                                <ActionButton class=\"panel-title-action\" icon=\"bi bi-arrow-left-right\" label=\"Change\"\n                                              @click=\"onChangeShipMethod\" />\n                            </div>\n                            <h2>Ship Method</h2>\n                        </template>\n\n                        <div v-if=\"isLoaded && !isExpeditedShipping\">\n                            <ShipMethod />\n                        </div>\n                        <div v-else>{{ shipMethod?.name }}</div>\n                    </CartBodyPanel>\n\n                    <CartBodyPanel v-if=\"isConferenceType\" class=\"cart-body-panel ship-method-panel\">\n                        <template #title>\n                            <h2>Order Type</h2>\n                        </template>\n\n                        <div>\n                            <p style=\"font-size: 16px\">Conference Order</p>\n                        </div>\n\n                    </CartBodyPanel>\n\n                    <CartBodyPanel v-if=\"isSunShineActReportable\" class=\"cart-body-panel ship-method-panel\">\n                        <template #title>\n                            <h2>Doctor's Name</h2>\n                        </template>\n\n                        <div>\n                            <p style=\"font-size: 16px\">{{doctorName}}</p>\n                        </div>\n                    </CartBodyPanel>\n                    <CartBodyPanel class=\"cart-body-panel order-items-panel\">\n                        <template #title>\n                            <div class=\"float-end\">\n                                <ActionButton class=\"panel-title-action\" icon=\"bi bi-arrow-left-right\" label=\"Change\"\n                                              @click=\"onChangeItems\" />\n                            </div>\n                            <h2>Items</h2>\n                        </template>\n                        <CartItemList :editable=\"false\" />\n                    </CartBodyPanel>\n                    <div v-if=\"isLoaded\" class=\"bottom-panel\">\n                        <div class=\"mb-2 text-sm\">\n                            Order confirmation and shipping information will be sent to <strong>\n                                {{\n                                store.cart.current.user.email\n                                }}\n                                </strong>.\n</div>\n                        <button class=\"btn btn-color-1\" :disabled=\"!canPlaceOrder\" @click=\"onPlaceOrder\">\n                            PLACE\n                            ORDER\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n    </PageTemplate>\n</template>\n\n<style lang=\"scss\">\n.root-page {\n    min-height: 30rem;\n}\n\n.review-page {\n    .ship-method .title {\n        font-weight: bold;\n    }\n\n    .panel-title-action {\n        margin-top: -0.75rem;\n    }\n\n    .bottom-panel {}\n}\n</style>","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=afe1fcd6&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // OrderShipTo\n    // Displays ship-to information about an order. Typically used when viewing order detail.\n\n    // Imports ----\n    import { defineProps } from 'vue';\n\n    // Props ----\n    const props = defineProps({\n        // The order whose ship-to information to show\n        order: {\n            type: Object,\n            required: true\n        }\n    });\n\n    // State ----\n\n\n</script>\n\n<template>\n\n    <div class=\"order-ship-to\">\n        <AddressTile :address=\"props.order.shipTo\" :border=\"false\" />\n    </div>\n\n</template>\n\n<style lang=\"scss\">\n\n    .order-ship-to {\n        .ship-type-title {\n            font-size: 0.9rem;\n            font-weight: $bold;\n        }\n    }\n\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 setup>\n\n    // MultiShipDetails\n    // A body panel to show the multiship details\n\n    // Imports ----\n    import { defineProps } from 'vue';\n\n    // Components ----\n    import CartItemTile from './CartItemTile';\n\n    // Props ----\n    const props = defineProps({\n        // ID of the sort set to use\n        order: {\n            type: Object,\n            required: false\n        }\n    });\n\n    // State ----\n\n</script>\n\n<template>\n\n    <div class=\"multi-ship-detail\">\n\n        <div class=\"row\">\n            <div class=\"col\">\n                <strong class=\"ship-method\">Ship Method:</strong> {{ props.order.shipMethod?.name }}\n            </div>\n        </div>\n        <div class=\"row mb-3\">\n            <div class=\"col\">\n                <strong class=\"ship-method\">Tracking: </strong> {{ `${props.order.shipments?.[0]?.trackingNumber || 'Not Available'}` }}\n            </div>\n        </div>\n\n        <div class=\"row\">\n            <div class=\"col\">\n                <div class=\"item-details\" v-for=\"item in props.order.items\" :key=\"item.id\">\n\n                    <CartItemTile :item=\"item\" :editable=\"false\" :removable=\"false\" />\n\n                </div>\n            </div>\n        </div>\n\n    </div>\n\n</template>\n\n<style lang=\"scss\">\n\n    .multi-ship-detail {\n        .ship-method {\n            color: $color-1;\n        }\n\n        .item-details {\n            padding: 1rem 0;\n            border-bottom: 1px solid $neutral-dk;\n\n            &:last-child {\n                border: unset;\n            }\n\n            .cart-item-tile .inner-row {\n                border: unset;\n            }\n        }\n    }\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=d1fa5d22&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // OrderShipToMultiple\n    // Displays ship-to information when using multiship\n\n    // Imports ----\n    import { defineProps, ref } from 'vue';\n\n    // Components ----\n    import MultiShipDetails from './MultiShipDetails';\n\n    // Props ----\n    const props = defineProps({\n        // The order whose ship-to information to show\n        order: {\n            type: Object,\n            required: true\n        }\n    });\n\n\n    function cssClass(order) {\n        // TODO: Hacked in. Create constants in Orders service plugged into singleton store object.\n        switch (order.orderStatusCode) {\n            default: // None\n                return '';\n            case 1: // Pending\n                return 'pending';\n            case 2: // In Progress\n                return 'inprogress';\n            case 99: // Canceled\n                return 'canceled';\n            case 100: // Completed\n                return 'completed';\n        }\n    }\n\n    function icon(order) {\n        // TODO: Hacked in. Create constants in Orders service plugged into singleton store object.\n        switch (order.orderStatusCode) {\n            default: // None\n                return '';\n            case 1: // Pending\n                return 'bi bi-check-circle-fill';\n            case 2: // PendingApproval\n                return 'bi bi-pause-circle-fill';\n            case 99: // Canceled\n                return 'bi bi-x-circle-fill';\n            case 100: // Completed\n                return 'bi bi-check-circle-fill';\n        }\n    }\n\n    // State ----\n    const isOpen = ref(false);\n\n    const removeAddressLine3 = function (shipTo) {\n        delete shipTo.addressLine3\n        return shipTo;\n    };\n        \n    // Methods ----\n    function expandAll() {\n        isOpen.value = true;\n    }\n\n    function collapseAll() {\n        isOpen.value = false;\n    }\n\n\n\n</script>\n\n<template>\n\n    <div class=\"order-ship-to-multiple\">\n\n\n\n        <div class=\"d-flex mb-3\">\n            <div>\n                <h2>Shipping Address & Quantities</h2>\n            </div>\n            <div class=\"ms-auto\">\n                <a v-if=\"!isOpen\" href=\"#\" class=\"fs-2\" @click=\"expandAll\">Expand All</a>\n                <a v-else href=\"#\" class=\"fs-2\" @click=\"collapseAll\">Less Details</a>\n            </div>\n        </div>\n\n\n\n        <div class=\"accordion accordion-flush\" v-for=\"(ship,index) in props.order\" :key=\"index\">\n\n            <div class=\"accordion-header\" :id=\"'flush-heading'+index\">\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\">\n                    <div class=\"flex-fill\">\n                        <AddressTile :address=\"removeAddressLine3(ship.shipTo)\" :border=\"false\" />\n                    </div>\n                    <div class=\"flex-end m-2\">\n                        <span>Order # {{ ship.orderNumber }} </span> | <span class=\"status\" :class=\"cssClass(ship)\"><i :class=\"icon(ship)\"></i> {{ ship.orderStatus }}</span>\n                    </div>\n                </button>\n            </div>\n            <div :id=\"'flush-collapse'+index\" :class=\"{ show: isOpen }\" class=\"accordion-collapse collapse\" :aria-labelledby=\"'flush-heading'+index\" data-bs-parent=\"#accordionFlushExample\">\n                <div class=\"accordion-body\">\n                    <MultiShipDetails :order=\"ship\" />\n                </div>\n            </div>\n\n        </div>\n\n    </div>\n\n\n\n\n</template>\n\n<style lang=\"scss\">\n\n    .order-ship-to-multiple {\n        .accordion-button:not(.collapsed) {\n            color: unset;\n            background-color: unset;\n            box-shadow: unset;\n        }\n\n        .accordion-button {\n            background: unset;\n            display: flex;\n            justify-content: space-between;\n        }\n\n        .accordion:nth-child(even) {\n            background: $neutral-lt;\n        }\n\n        .ship-type-title {\n            font-size: 0.9rem;\n            font-weight: $bold;\n        }\n\n        .status {\n            margin-top: 0.5rem;\n            font-weight: $bold;\n            font-size: 0.7rem;\n        }\n\n        .status.pending {\n            .bi {\n                opacity: 0.5;\n                color: $ok;\n            }\n        }\n\n        .status.inprogress {\n            .bi {\n                color: $warning;\n            }\n        }\n\n        .status.pending-approval {\n            .bi {\n                color: $warning;\n            }\n        }\n\n        .status.canceled {\n            .bi {\n                color: $error;\n            }\n        }\n\n        .status.completed {\n            .bi {\n                color: $ok;\n            }\n        }\n    }\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=32fffdc2&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\n\n    // OrderItemTile\n    // A tile for an item in an order. Typically used when viewing order detail.\n    // TODO: Move this to a more appropriate folder\n\n    // Setup ---\n    // Use the values below to modify how the tile appears\n    const setup = {\n        tileHeight: '8rem',           // Height of the full tab, fixed for alignment purposes\n        productNameLines: 2            // Number of lines product name is allowed to wrap before being trimmed with ellipses\n    };\n\n    export const Setup = setup;\n\n</script>\n\n<script setup>\n\n    // Imports ----\n    import { defineProps, ref, reactive, computed, onMounted } from 'vue';\n    import { AddToCartForm } from '@dd-nucleus/nucleus-vue';\n    import LimitMessages from '@/site/components/LimitMessages.vue';\n    import { store, CompanionItemTile } from '@dd-nucleus/nucleus-vue';\n    import { STOCK_EXCEED_MESSAGE } from '@/constants';\n\n    // Props ----\n    const props = defineProps({\n        // The cart item\n        item: {\n            type: Object,\n            required: true\n        }\n    });\n\n    const product = ref(props.item.product);\n    const form = reactive(new AddToCartForm(product.value, null, STOCK_EXCEED_MESSAGE));\n    const quantityLabel = computed(() => {\n        return store.config.store.unitOfMeasures.find(unit => unit.id?.toLowerCase() === product.value.unitOfMeasure?.toLowerCase())?.text ?? null;\n    });\n    const quantityUnit = computed(() => {\n        return `Quantity: ${product.value.quantityPerUnit} ${product.value.quantityPerUnit > 1 ? 'units' : 'unit'} per ${quantityLabel.value}`;\n    });\n\n    const customUnit = computed(() => {\n        if (!store?.userconfig?.isUomToBeBroken) return '';\n        return store?.userconfig?.defaultUnitOfMeasure;\n    });\n\n    const companionItems = computed(() => {\n        const orderedCompanionItems = props.item.companions;\n\n        return orderedCompanionItems.map((cp) => {\n            cp.id = cp.productId;\n            cp.name = cp.productName;\n            delete cp.productId;\n            delete cp.productName;\n            return cp;\n        });\n    });\n\n    onMounted(async () => {\n        await form.validate();\n    });\n\n</script>\n\n<template>\n\n    <div class=\"order-item-tile\" :style=\"{ minHeight: setup.tileHeight }\">\n        <div class=\"inner-row d-flex flex-row\">\n            <div class=\"left\">\n                <ProductThumbnail :product=\"props.item.product\" :height=\"setup.tileHeight\" no-image-available-url=\"/images/no-image.png\" />\n            </div>\n            <div class=\"middle flex-fill\">\n                <!-- Stretchy middle part-->\n                <div class=\"tags mb-2\">\n                    <ProductTags :product=\"props.item.product\" />\n                </div>\n\n                <!-- Product name and item number -->\n                <router-link class=\"title-link\" :to=\"`/product/${props.item.product.id}`\">\n                    <div class=\"name\" v-snip=\"{ lines: setup.productNameLines }\" :title=\"item.product.name\">\n                        {{ props.item.product.name }}\n                    </div>\n                </router-link>\n                <div class=\"item-number\"><router-link class=\"title-link\" :to=\"`/product/${props.item.product.id}`\">{{ props.item.product.itemNumber }}</router-link></div>\n\n                <div class=\"companion-list\" v-for=\"companion in companionItems\" :key=\"companion.id\">\n                    <CompanionItemTile class=\"companion\" :companion=\"companion\" />\n                </div>\n            </div>\n            <!-- Fixed right panel -->\n            <div class=\"right d-flex flex-column\" :style=\"{ minHeight: setup.tileHeight }\">\n                <div class=\"flex-fill\">\n                    <ItemQty :item=\"props.item\" />\n                </div>\n                <div class=\"favorite\">\n                    <ProductFavoriteIcon :product=\"props.item.product\" label=\"Add as Favorite\" selected-label=\"Favorite\" />\n                </div>\n                <div class=\"messages\">\n                    <MessageList :messages=\"props.item.messages\" :add-box=\"false\" />\n                </div>\n                <div class=\"shipment-status\">\n                    <div v-if=\"props.item.status === 'Delivered'\" class=\"complete\">\n                        <i class=\"bi bi-check-circle-fill\"></i> SHIPPED\n                    </div>\n                </div>\n            </div>\n            <div class=\"right d-flex m-auto\" v-if=\"product.isAvailableSoon\">\n                <i class=\"bi bi-hourglass-split\"></i>\n                <i><p>Coming soon...</p></i>\n            </div>\n            <div v-else>\n                <p v-if=\"product.quantityPerUnit > 0 && !store?.userconfig?.isUomToBeBroken\">{{ quantityUnit }}</p>\n                <p v-if=\"store?.userconfig?.isUomToBeBroken\">Quantity: 1 unit / {{ store?.userconfig?.defaultUnitOfMeasure }}</p>\n                <FormContainer :form=\"form\" v-if=\"product.canAddToCart\">\n                    <div class=\"flex-fill\">\n                        <ProductAddToCartQty :product=\"product\" :unit=\"customUnit\" />\n                        <FieldMessages field-name=\"quantity\" class=\"mt-2\" />\n                    </div>\n                    <LimitMessages :product=\"product\" class=\"mt-2\" />\n                    <div class=\"d-grid mt-5\">\n                        <button class=\"btn btn-outline-color-1\" @click=\"form.submit()\">ADD TO CART</button>\n                    </div>\n                </FormContainer>\n            </div>\n        </div>\n    </div>\n\n</template>\n\n<style lang=\"scss\">\n\n    .order-item-tile {\n        p {\n            font-size: 12px;\n        }\n\n        .inner-row {\n            border-bottom: 1px solid $gray-20;\n            padding-bottom: 1rem;\n        }\n\n        .left {\n            width: 8rem;\n        }\n\n        .name {\n            font-size: 1.0rem;\n            line-height: 1.1rem;\n        }\n\n        a.title-link, a.title-link:visited, a.title-link:hover {\n            color: var(--bs-body-color);\n            text-decoration: none;\n        }\n\n        .item-number a.title-link {\n            font-size: 0.7rem;\n            color: $gray-50;\n        }\n\n        .middle {\n            padding-left: 1rem;\n        }\n\n        .favorite {\n            margin-top: 1rem;\n        }\n\n        .right {\n            width: 14rem;\n        }\n\n        .shipment-status {\n            .complete {\n                color: $ok;\n                font-weight: $bold;\n            }\n        }\n\n        .shipment-status {\n            .cancel {\n                color: $error;\n                font-weight: $bold;\n            }\n        }\n    }\n\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=8f4ab63e&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\n\n    // OrderItemList\n    // A list of order items, typically used when showing order detail.\n    // TODO: Move this to a more appropriate folder\n\n    // Components ----\n    import OrderItemTile from './OrderItemTile';\n\n</script>\n\n<script setup>\n\n    // Imports ----\n    import { defineProps } from 'vue';\n\n    // Props ----\n    const props = defineProps({\n        // Zero-based index of the cart item\n        order: {\n            type: Object,\n            required: true\n        }\n    });\n\n    // Methods ----\n    function getCssClass(index) {\n        return { shaded: index % 2 > 0 };\n    }\n\n    // Handlers ----\n</script>\n\n<template>\n\n    <div class=\"order-item-list\">\n        <template v-if=\"props.order.items.length > 0\">\n            <div v-for=\"(item, index) in props.order.items\" :key=\"item.id\" class=\"order-item-container\" :class=\"getCssClass(index)\">\n                <OrderItemTile :item=\"item\" />\n            </div>\n        </template>\n        <div v-else>\n            <slot name=\"empty\"></slot>\n        </div>\n    </div>\n\n</template>\n\n<style lang=\"scss\">\n\n    .order-item-list {\n        .order-item-container {\n            margin-bottom: 0.5rem;\n            padding: 0.5rem;\n        }\n\n        .order-item-tile:last-child .inner-row {\n            border-bottom: 0px;\n        }\n    }\n\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>\n// OrderConfirmedPage\n// Shows the user a confirmation that their order has been placed.\n\n// Components ----\nimport CartBodyPanel from './components/CartBodyPanel';\nimport OrderShipTo from './components/OrderShipTo';\nimport OrderShipToMultiple from './components/OrderShipToMultiple';\nimport OrderItemList from './components/OrderItemList';\n\n// Imports ----\nimport { computed, reactive, onMounted } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { store } from '@/Store';\nimport { Util } from '@dd-nucleus/nucleus-vue';\n//import { OrderType } from '@/constants';\n\nconst route = useRoute();\n\n// State ----\nconst order = reactive({ isLoaded: false, detail: {} });\n\n// Computed ----\nconst shipMethod = computed(() => {\n\treturn order.detail.shipMethod;\n});\n\nconst isExpeditedShipping = computed(() => {\n\treturn shipMethod.value?.isRush;\n});\n\nconst shipListCount = computed(() => {\n\treturn order.detail.orders.length;\n});\n\n//const orderType = computed(() => {\n//\treturn order.detail.attributes?.OrderType ?? null\n\t//});\n\nconst doctorName = computed(() => {\n\treturn order.detail.attributes?.DoctorName ?? null\n});\n\n// Handlers ----\nonMounted(async () => {\n\t// If an ID was provided, get that order. If none was provided, use cart's order property, which is set when the\n\t// order is placed.\n\n\tif (Util.isEmpty(route.params.id)) Object.assign(order.detail, store.cart.order);\n\telse {\n\t\tObject.assign(order.detail, await store.orders.getOrder(route.params.id));\n\n\t\tlet items = [];\n\t\tif (order.detail && order.detail.items) {\n\t\t\titems.push(...order.detail.items);\n\t\t}\n\n\t\tfor (let item of items) {\n\t\t\tawait store.products.getProductLimits(item.product, true);\n\t\t}\n\t}\n\n\tupdate();\n\n\tstore.cart.resetCart();\n});\n\n// Called once we know we have an order to work with\nfunction update() {\n\torder.isLoaded = true;\n}\n\n//function getOrderTypeFormatted(orderType) {\n//\tif (orderType == OrderType.NOR)\n//\t\treturn orderType + \" Order (Standard)\";\n//\telse if (orderType == OrderType.LS)\n//\t\treturn orderType + \" Order (Conference)\";\n//\telse\n//\t\torderType + \" Order\";\n//}\n</script>\n\n<template>\n\t<PageTemplate>\n\t\t<div class=\"container root-page review-page\" v-if=\"order.isLoaded\">\n\t\t\t<div class=\"text-end\">\n\t\t\t\t<router-link class=\"btn btn-outline-color-1 me-2\" to=\"/\">BACK TO HOME</router-link>\n\t\t\t</div>\n\n\t\t\t<div class=\"row\">\n\t\t\t\t<div class=\"col\">\n\t\t\t\t\t<!-- If Multi ship-->\n\t\t\t\t\t<CartBodyPanel class=\"cart-body-panel\" v-if=\"order.detail.isMultiShip\">\n\t\t\t\t\t\t<div class=\"text-center mb-4 order-message\">\n\t\t\t\t\t\t\t<h2>We've received your order</h2>\n\t\t\t\t\t\t\t<div class=\"order-number mb-1\">Order #{{ order.detail.orders[0].bulkOrderNumber }}</div>\n\t\t\t\t\t\t\t<!--TODO wait for this to be available-->\n\t\t\t\t\t\t\tAn email confirmation containing order details has been sent to <strong>{{\n\t\t\t\t\t\t\t\torder.detail.orders[0].user.email }}</strong>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<template #title>\n\t\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t\tShipping Details <span class=\"fs-3\">({{ shipListCount }} recipients)</span>\n\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t</template>\n\n\t\t\t\t\t\t<OrderShipToMultiple :order=\"order.detail.orders\" />\n\t\t\t\t\t</CartBodyPanel>\n\n\t\t\t\t\t<!-- If single ship -->\n\t\t\t\t\t<div v-else>\n\t\t\t\t\t\t<div class=\"text-center mb-4 order-message\">\n\t\t\t\t\t\t\t<h2>We've received your order</h2>\n\t\t\t\t\t\t\t<div class=\"order-number mb-1\">Order #{{ order.detail.orderNumber }}</div>\n\t\t\t\t\t\t\tAn email confirmation containing order details has been sent to <strong>{{\n\t\t\t\t\t\t\t\torder.detail.user.email }}</strong>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<CartBodyPanel class=\"cart-body-panel\">\n\t\t\t\t\t\t\t<template #title>\n\t\t\t\t\t\t\t\t<h2>Ship To</h2>\n\t\t\t\t\t\t\t</template>\n\n\t\t\t\t\t\t\t<OrderShipTo :order=\"order.detail\" />\n\t\t\t\t\t\t</CartBodyPanel>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<CartBodyPanel class=\"cart-body-panel ship-method-panel\" v-if=\"!order.detail.isMultiShip\">\n\t\t\t\t\t\t<template #title>\n\t\t\t\t\t\t\t<h2>Ship Method</h2>\n\t\t\t\t\t\t</template>\n\n\t\t\t\t\t\t<div v-if=\"!isExpeditedShipping\">\n\t\t\t\t\t\t\t<ShipMethod :ship-method=\"shipMethod\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div v-else>{{ shipMethod?.name }}</div>\n\t\t\t\t\t</CartBodyPanel>\n\n\t\t\t\t\t<CartBodyPanel v-if=\"doctorName\" class=\"cart-body-panel ship-method-panel\">\n\t\t\t\t\t\t<template #title>\n\t\t\t\t\t\t\t<h2>Doctor's Name</h2>\n\t\t\t\t\t\t</template>\n\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<p style=\"font-size: 16px\">{{ doctorName }}</p>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</CartBodyPanel>\n\n\t\t\t\t\t<!--<CartBodyPanel v-if=\"orderType == OrderType.LS\" class=\"cart-body-panel ship-method-panel\">\n\t\t\t\t\t\t<template #title>\n\t\t\t\t\t\t\t<h2>Order Type</h2>\n\t\t\t\t\t\t</template>\n\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<p style=\"font-size: 16px\">{{ getOrderTypeFormatted(orderType) }}</p>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</CartBodyPanel>-->\n\n\t\t\t\t\t<CartBodyPanel class=\"cart-body-panel order-items-panel\" v-if=\"!order.detail.isMultiShip\">\n\t\t\t\t\t\t<template #title>\n\t\t\t\t\t\t\t<h2>Items</h2>\n\t\t\t\t\t\t</template>\n\n\t\t\t\t\t\t<OrderItemList :order=\"order.detail\" />\n\t\t\t\t\t</CartBodyPanel>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</PageTemplate>\n</template>\n\n<style lang=\"scss\">\n.root-page {\n\tmin-height: 30rem;\n}\n\n.review-page {\n\t.order-message h2 {\n\t\tfont-weight: $normal;\n\t}\n\n\t.order-number {\n\t\tfont-size: 1.2rem;\n\t\tfont-weight: $bold;\n\t}\n\n\t.ship-method .title {\n\t\tfont-weight: bold;\n\t}\n\n\t.panel-title-action {\n\t\tmargin-top: -0.75rem;\n\t}\n\n\t.bottom-panel {}\n}\n</style>\n","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=21b68031&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // OrderDetailPage\n    // Shows the user details about a placed order\n\n    // Components ----\n    import CartBodyPanel from '../cart/components/CartBodyPanel';\n    import OrderShipTo from '../cart/components/OrderShipTo';\n    import OrderItemList from '../cart/components/OrderItemList';\n    import OrderShipToMultiple from '../cart/components/OrderShipToMultiple';\n\n    // Imports ----\n    import { computed, reactive, onMounted, ref } from 'vue';\n    import { useRoute, useRouter } from 'vue-router';\n    import { store } from '@/Store';\n    import { GeneralTableWrapper, Util } from '@dd-nucleus/nucleus-vue';\n\n    const route = useRoute();\n    const router = useRouter();\n\n    // State ----\n    const order = reactive({ isLoaded: false, detail: {} });\n    const trackingInfo = reactive([]);\n    let isShow = reactive(true);\n    let buttonText = ref('Show All');\n\n    // Computed ----\n    const shipMethod = computed(() => {\n        return order.detail.shipMethod;\n    })\n\n    const isExpeditedShipping = computed(() => {\n        return shipMethod.value?.isRush;\n    });\n\n    const isShowList = computed(() => {\n        order.detail.shipments.forEach(function (shipment, i) {\n            if (i < 10) {\n                trackingInfo.push({ trackingUrl: shipment.trackingUrl, trackingNumber: shipment.trackingNumber });\n            }\n        });\n        if (order.detail.shipments.length > 10 && !(order.detail.shipments.length > 1 && order.detail.shipments.length <= 10)) {\n            return true;\n        }\n        else if ((!(order.detail.shipments.length > 10) && (order.detail.shipments.length > 1 && order.detail.shipments.length <= 10))) {\n            return true;\n        }\n        else\n            return false;\n    })\n\n    const isShowButton = computed(() => {\n        if (order.detail.shipments.length > 10 && !(order.detail.shipments.length > 1 && order.detail.shipments.length <= 10)) {\n            return true;\n        }\n        else {\n            return false;\n        }\n    })\n\n    const isShowSingleTracking = computed(() => {\n        if (order.detail.shipments.length == 1) {\n            return true;\n        }\n        else {\n            return false;\n        }\n    })\n\n\n    const shipListCount = computed(() => {\n        if (order.detail.isMultiShip) {\n            return order.detail.orders.length\n        }\n        else\n            return '';\n    });\n\n    const activityColumns = [\n        { field: 'typeName', title: 'Type Name', inputType: 'text' },\n        { field: 'field', title: 'Field', inputType: 'text' },\n        { field: 'oldValue', title: 'Old Value', inputType: 'text' },\n        { field: 'newValue', title: 'New Value', inputType: 'text' },\n        { field: 'updateBy', title: 'Updated By', inputType: 'text' },\n        { field: 'eventDate', title: 'Event Date', inputType: 'text' },\n    ]\n\n\n    const activityResults = reactive([]);\n\n    const doctorName = computed(() => {\n        return order.detail.attributes?.DoctorName ?? null\n    });\n\n    async function setPayload() {\n        activityResults.splice(0, activityResults.length);\n\n        for (let i = 0; i < (order.detail.bulkOrderId != null ? order.detail.orders.length : 1); i++) {\n            const payload = {\n                filterValues: [\n                    {\n                        filterId: \"auditType\",\n                        values: [\n                            \"Order\", order.detail.bulkOrderId != null ? order.detail.orders[i].id : order.detail.id\n                        ]\n                    }\n                ],\n                paging: {\n                    pageNumber: 1,\n                    perPage: 100,\n                    includeTotalCount: true,\n                    includePageCount: true\n                },\n                sortId: \"auditEvent-eventDate-desc\"\n            }\n\n            await getActiveOrders(payload);\n        }\n    }\n\n    async function getActiveOrders(payload) {\n        let count = 1;\n        const res = await store.individualOrder.getActiveOrders(payload);\n        if (res.succeeded) {\n            for (let result of res?.results) {\n                for (let auditEvent of result?.auditEventDetails) {\n                    activityResults.push({\n                        id: count,\n                        typeName: result.typeName,\n                        field: auditEvent.field,\n                        oldValue: auditEvent.oldValue,\n                        newValue: auditEvent.newValue,\n                        updateBy: result.updateBy,\n                        eventDate: Util.date(result.eventDate, true)\n                    });\n                    count++;\n                }\n            }\n        } else {\n            store.toast.error('Failed to get activity results');\n        }\n    }\n\n    // Handlers ----\n    onMounted(async () => {\n        // If an ID was provided, get that order. If none was provided, use cart's order property, which is set when the\n        // order is placed.\n        if (Util.isEmpty(route.params.id))\n            Object.assign(order.detail, store.cart.order);\n        else {\n            Object.assign(order.detail, await store.orders.getOrder(route.params.id));\n            console.log('ORDER DETAIL', order.detail);\n        }\n\n        update();\n\n        await setPayload();\n    });\n\n    // Called once we know we have an order to work with\n    function update() {\n        order.isLoaded = true;\n    }\n\n    // Called by the back arrow link button, returns to the previous route\n    function back() {\n        router.go(-1);\n\n    }\n\n    //Called when clicked on showAll buttton\n    function toggleButtonText() {\n        isShow = !isShow;\n        buttonText.value = !isShow ? 'Show Less' : 'Show All';\n        let itemCount = 0;\n        //Show only 10 records\n        trackingInfo.length = 0;\n        itemCount = isShow ? 10 : order.detail.shipments.length;\n\n        order.detail.shipments.forEach(function (shipment, i) {\n            if (i < itemCount) {\n                trackingInfo.push({ trackingUrl: shipment.trackingUrl, trackingNumber: shipment.trackingNumber });\n            }\n        });\n    }\n\n    async function copyOrder() {\n\t\tconst response = await store.orders.copyOrder(order.detail.id);\n\t\tif (response.succeeded) {\n            store.toast.success(`Valid Items Added to Cart Successfully!!`);\n            return true;\n        }\n\t\telse {\n            store.toast.error(`No Valid Items Available to Add to the Cart!!`);\n            return false;\n\t\t}\n    }\n\n\n</script>\n\n<template>\n    <PageTemplate>\n        <div class=\"container root-page review-page\" v-if=\"order.isLoaded\">\n\n            <div class=\"d-flex justify-content-between\">\n                <div>\n                    <h1 v-if=\"order.detail.isMultiShip\" class=\"cart-page-header mb-3\">\n                        Order #{{\n                        order.detail.orders[0].bulkOrderNumber\n                        }} <span class=\"text-muted\">/ Details</span>\n                    </h1>\n                    <h1 class=\"cart-page-header mb-3\" v-else>\n                        Order #{{ order.detail.orderNumber }} <span class=\"text-muted\">/ Details</span>\n                    </h1>\n                </div>\n                <div>\n                    <button v-if=\"!order.detail.isMultiShip\" class=\"btn btn-outline-color-1 me-2\" @click=\"copyOrder\">ADD ALL ITEMS</button>\n                    <span class=\"d-block d-sm-none mt-2\"></span>\n                    <button class=\"btn btn-outline-color-1 me-2\" @click=\"back\">BACK TO PREVIOUS</button>\n                    <span class=\"d-block d-sm-none mt-2\"></span>\n                    <router-link class=\"btn btn-outline-color-1 me-2\" to=\"/\">BACK TO HOME</router-link>\n                </div>\n            </div>\n\n            <div class=\"row\">\n                <div class=\"col\">\n\n                    <!-- If Multi ship-->\n                    <CartBodyPanel class=\"cart-body-panel\" v-if=\"order.detail.isMultiShip\">\n\n                        <template #title>\n                            <h2>Shipping Details <span class=\"fs-3\">({{ shipListCount }} recipients)</span></h2>\n                        </template>\n\n                        <OrderShipToMultiple :order=\"order.detail.orders\" />\n\n                    </CartBodyPanel>\n\n                    <CartBodyPanel class=\"cart-body-panel\" v-else>\n                        <template #title>\n                            <h2>Ship To</h2>\n                        </template>\n\n                        <div class=\"d-flex\">\n                            <div class=\"flex-fill\">\n                                <OrderShipTo :order=\"order.detail\" />\n                            </div>\n                            <div>\n                                <div v-if=\"order.detail.orderStatus === 'Canceled'\" class=\"shipments text-center\">\n                                    <div class=\"shipment\">\n                                        <div class=\"summary\">\n                                            <i class=\"bi bi-x-circle-fill text-danger\"></i> CANCELED\n                                        </div>\n                                    </div>\n                                </div>\n                                <div v-if=\"isShowSingleTracking\" class=\"shipments text-center\">\n                                    <div class=\"shipment\">\n                                        <div class=\"summary\">\n                                            <i class=\"bi bi-check-circle-fill text-success\"></i>\n                                            SHIPPED ON {{\n                                                Util.date(order.detail.shipments[0].shipDate)\n                                            }}\n                                        </div>\n                                        <div v-if=\"Util.isNotEmpty(order.detail.shipments[0].trackingUrl)\">\n                                            <a :href=\"order.detail.shipments[0].trackingUrl\" class=\"btn btn-color-1\"\n                                               target=\"_blank\">\n                                                TRACK\n                                                YOUR ORDER\n                                            </a><br />\n                                            <div class=\"tracking\">\n                                                Your tracking number is<br /><a :href=\"order.detail.shipments[0].trackingUrl\">\n                                                    {{\n                                                    order.detail.shipments[0].trackingNumber\n                                                    }}\n                                                </a>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div v-if=\"isShowList\" class=\"shipments text-center\">\n                                    <div class=\"n-order-tracking\">Tracking</div>\n                                    <div v-for=\"(shipments, index) in trackingInfo\" :key=\"index\">\n                                        <div class=\"shipment\">\n                                            <div v-if=\"isNotEmpty(shipments.trackingUrl)\">\n                                                <a :href=\"shipments.trackingUrl\" target=\"_blank\">\n                                                    {{\n                                                    shipments.trackingNumber\n                                                    }}\n                                                </a><br />\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <button v-if=\"isShowButton\" class=\"btn btn-outline-color-1 me-2\" id=\"btnToggle\"\n                                            @click=\"toggleButtonText\">\n                                        {{ buttonText }}\n                                    </button>\n                                </div>\n                            </div>\n                        </div>\n\n                    </CartBodyPanel>\n\n                    <CartBodyPanel class=\"cart-body-panel ship-method-panel\" v-if=\"!order.detail.isMultiShip\">\n                        <template #title>\n                            <h2>Ship Method</h2>\n                        </template>\n\n                        <div v-if=\"!isExpeditedShipping\">\n                            <ShipMethod :ship-method=\"shipMethod\" />\n                        </div>\n                        <div v-else>{{ shipMethod.name }}</div>\n\n                    </CartBodyPanel>\n\n                    <CartBodyPanel v-if=\"doctorName\" class=\"cart-body-panel ship-method-panel\">\n                        <template #title>\n                            <h2>Doctor's Name</h2>\n                        </template>\n\n                        <div>\n                            <p style=\"font-size: 16px\">{{ doctorName }}</p>\n                        </div>\n\n                    </CartBodyPanel>\n\n                    <CartBodyPanel class=\"cart-body-panel order-items-panel\" v-if=\"!order.detail.isMultiShip\">\n                        <template #title>\n                            <h2>Items</h2>\n                        </template>\n\n                        <OrderItemList :order=\"order.detail\" />\n\n                    </CartBodyPanel>\n\n                    <CartBodyPanel class=\"cart-body-panel\" v-if=\"activityResults.length>0\">\n\n                        <template #title>\n                            <h2>Activity</h2>\n                        </template>\n\n                        <div class=\"activity-table\">\n                            <GeneralTableWrapper :columns=\"activityColumns\" :results=\"activityResults\" />\n                        </div>\n\n                    </CartBodyPanel>\n                </div>\n            </div>\n\n        </div>\n    </PageTemplate>\n</template>\n\n<style lang=\"scss\">\n    .root-page {\n        min-height: 30rem;\n    }\n\n    .review-page {\n        .order-message h2 {\n            font-weight: $normal;\n        }\n\n        .order-number {\n            font-size: 1.2rem;\n            font-weight: $bold;\n        }\n\n        .ship-method .title {\n            font-weight: bold;\n        }\n\n        .panel-title-action {\n            margin-top: -0.75rem;\n        }\n\n        .bottom-panel {\n        }\n\n        .shipment {\n            .summary {\n                font-weight: $bold;\n                color: $gray-50;\n                margin-bottom: 0.5rem;\n            }\n\n            .tracking {\n                font-size: 90%;\n                margin-top: 0.5rem;\n            }\n        }\n\n        .activity-table {\n            position: relative;\n\n            .no-results-found {\n                top: 100px;\n                left: 40%;\n            }\n        }\n    }\n\n    .n-order-tracking {\n        color: black;\n        font-weight: bold;\n    }\n</style>","import script from \"./OrderDetailPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrderDetailPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OrderDetailPage.vue?vue&type=style&index=0&id=403cf6a7&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\n// ShipToUserForm\n// Implements the form that lets a user pick options for shipping to themselves.\n\n// Imports ----\nimport { Form } from '@dd-nucleus/nucleus-vue';\nimport { store } from '@/Store';\n\nexport default class UpdateAccountInfoForm extends Form {\n\n    // Constructor\n    constructor() {\n        // Pass our model to the base class\n        super(\n            {\n                userName: '',\n                email: ''\n            });\n\n        // Set required fields\n        this.validator.fields.userName.isRequired = true;\n        this.validator.fields.email.isRequired = true;\n\n        // Force an immediate validation (e.g. for buttons disabled until valid)\n        this.validate();\n\n    }\n\n    init() {\n        this.model.userName = store.user.userName;\n        this.model.email = store.user.email;\n    }\n\n    onValidate() {\n        super.onValidate();\n\n        //this.validator.fields.accountType.checkNotEmpty();\n    }\n\n    async onSubmit() {\n        store.user.userName = this.model.userName;\n        store.user.email = this.model.email;\n        await store.account.updateInfo(this.model.userName, this.model.email);\n    }\n}","<script setup>\n\n    // ProfilePanel\n    // Shows the profile panel of the my account area.\n\n    // TODO: Add a (universally-located) scroll so that adding a new shipping address will bring the form into view.\n\n    // Components ----\n    import ShippingAddressTile from '@/site/components/ShippingAddressTile';\n\n    // Imports ----\n    import { ref } from 'vue';\n    import { store, DEFAULT_COUNTRY_CODE } from '@/Store';\n    import { Search, ShippingAddressForm } from '@dd-nucleus/nucleus-vue';\n    import UpdateAccountInfoForm from '../forms/UpdateAccountInfoForm';\n\n    // State ----\n    const selectedCountry = ref(DEFAULT_COUNTRY_CODE);\n    const defaultCountry = ref(DEFAULT_COUNTRY_CODE);\n    const search = new Search('addresses-for-user', 'tile', 'address-sequence', 1000);\n    search.setEmptyFilter('address-not-default');\n\n    const editingAccount = ref(false);\n    const addingShippingAddress = ref(false);\n\n    let accountInfoForm = new UpdateAccountInfoForm();\n    let addShippingAddressForm = new ShippingAddressForm();\n\n    // Handlers ----\n    function onEditAccount() {\n        accountInfoForm.init();\n        editingAccount.value = true;\n    }\n\n    function onCancelEditAccount() {\n        editingAccount.value = false;\n    }\n\n    async function onSaveAccount() {\n        await accountInfoForm.submit();\n        editingAccount.value = false;\n    }\n\n    function onAddShippingAddress() {\n        addShippingAddressForm.model.countryCode = defaultCountry.value;\n        addingShippingAddress.value = true;\n    }\n\n    function onCancelAddShippingAddress() {\n        addShippingAddressForm.reset();\n        addingShippingAddress.value = false;\n    }\n\n    async function onSaveShippingAddress() {\n        const succeeded = await addShippingAddressForm.submit();\n        if (succeeded) {\n            addingShippingAddress.value = false;\n            addShippingAddressForm.reset();\n        } else {\n            addShippingAddressForm.validate();\n        }\n\n        await store.refreshSearches('addresses-for-user');\n    }\n\n    function onChanged(form) {\n        if (selectedCountry.value != form.model.countryCode) {\n            selectedCountry.value = form.model.countryCode;\n            form.model.state = '';\n            form.model.province = '';\n            form.model.addressLine1 = '';\n            form.model.addressLine2 = '';\n            form.model.city = '';\n            form.model.postalCode = '';\n        }\n    }\n\n\n</script>\n\n<template>\n    <div class=\"account-panel\">\n        <h1 class=\"cart-page-header mb-3\">My Account <span class=\"text-muted\">/ My Profile</span></h1>\n\n        <BodyPanel title=\"Account Information\">\n            <FormContainer :form=\"accountInfoForm\">\n                <div class=\"row g-2 mb-4\">\n                    <div class=\"col-2\">Name:</div>\n                    <div class=\"col-10\"><b>{{store.user.firstName}} {{ store.user.lastName}}</b></div>\n\n                    <div class=\"col-2 d-flex align-items-center\">Username:</div>\n                    <div v-if=\"editingAccount\" class=\"col-10\">\n                        <TextBoxField v-model=\"accountInfoForm.model.userName\" field-name=\"userName\" />\n                    </div>\n                    <div v-else class=\"col-10\">{{store.user.userName}}</div>\n\n                    <div class=\"col-2 d-flex align-items-center\">Email:</div>\n                    <div v-if=\"editingAccount\" class=\"col-10\">\n                        <TextBoxField v-model=\"accountInfoForm.model.email\" field-name=\"email\" />\n                    </div>\n                    <div v-else class=\"col-10\">{{store.user.email}}</div>\n\n                    <div v-if=\"editingAccount\" class=\"col-12 pt-2\">\n                        <button class=\"btn btn-outline-color-2 me-2\" @click=\"onCancelEditAccount\">Cancel</button>\n                        <button class=\"btn btn-color-2\" @click=\"onSaveAccount\">Save</button>\n                    </div>\n                    <div v-else class=\"col-12 pt-2\"><ActionButton v-if=\"false\" icon=\"bi bi-pencil-fill\" label=\"Edit\" @click=\"onEditAccount\" /></div>\n                </div>\n            </FormContainer>\n        </BodyPanel>\n\n        <BodyPanel title=\"My Addresses\">\n            <div class=\"row g-2 mb-2\">\n                <div class=\"col-6 section-subtitle\"><strong>Default Shipping Address</strong></div>\n                <div class=\"col-6 section-subtitle\"><strong>Account Address</strong></div>\n            </div>\n            <div class=\"row g-2\">\n                <div class=\"col-6\"><ShippingAddressTile deletable editable :address=\"store.shipping.addresses[0]\" :border=\"false\" /></div>\n                <div class=\"col-6\"><ShippingAddressTile :address=\"store.account.address\" :border=\"false\" /></div>\n            </div>\n\n            <div class=\"row mt-4\">\n                <div class=\"mb-2 section-subtitle\"><strong>Other Shipping Addresses</strong></div>\n\n                <div v-if=\"addingShippingAddress\" class=\"subform mt-2\" ref=\"shippingAddressForm\">\n                    <div class=\"col-12 col-md-8\">\n                        <div class=\"header\">New Shipping Address</div>\n                        <EditShippingAddress :form=\"addShippingAddressForm\" :address-only=\"true\" :start-address-lines=\"2\" :max-address-lines=\"2\" :selectedCountry=\"selectedCountry\" @change=\"onChanged\">\n                            <div class=\"row\">\n                                <div class=\"col-12 pt-2\">\n                                    <button class=\"btn btn-outline-color-2 me-2\" @click=\"onCancelAddShippingAddress\">Cancel</button>\n                                    <button class=\"btn btn-color-2\" @click=\"onSaveShippingAddress\" :disabled=\"addShippingAddressForm.status.isInvalid || addShippingAddressForm.status.isSaving\">Save</button>\n                                </div>\n                            </div>\n                        </EditShippingAddress>\n                    </div>\n                </div>\n\n                <div v-else>\n                    <SearchContainer :search=\"search\" :deep-link=\"false\">\n\n                        <SearchGrid>\n                            <!-- Template for each item in a grid view -->\n                            <template v-slot:grid=\"address\">\n\n                                <ShippingAddressTile deletable editable :address=\"address\" :can-set-default=\"true\">\n                                </ShippingAddressTile>\n\n                            </template>\n                        </SearchGrid>\n\n                    </SearchContainer>\n\n                    <div class=\"mt-1\">\n                        <ActionButton icon=\"bi bi-plus-lg\" label=\"Add Shipping Address\" @click=\"onAddShippingAddress\" />\n                    </div>\n                </div>\n            </div>\n\n\n        </BodyPanel>\n\n    </div>\n</template>\n\n<style lang=\"scss\">\n\n    .section-subtitle {\n        border-bottom: 1px solid $gray-10;\n    }\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=325e598e&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // FavoritesPanel\n    // Shows the favorites panel of the my account area.\n\n    // Constants ----\n    const constants = {\n        DEFAULT_PAGE_SIZE: 12\n    }\n\n    // Components ----\n    import ProductGridTile from '@/site/components/ProductGridTile';\n    import ProductListTile from '@/site/components/ProductListTile';\n    import MockProductGridTile from '@/site/components/MockProductGridTile';\n    import MockProductListTile from '@/site/components/MockProductListTile';\n\n    // Imports ----\n    import { store } from '@/Store';\n    import { Search } from '@dd-nucleus/nucleus-vue';\n\n    // State ----\n    const search = new Search('products-for-user', 'tile', 'product-newest-to-oldest', constants.DEFAULT_PAGE_SIZE);\n    search.setFilterValues('product-franchise', ['']);\n\n    const sortOptions = [\n        { id: 'product-newest-to-oldest', text: 'Newest to Oldest' },\n        { id: 'product-oldest-to-newest', text: 'Oldest to Newest' },\n        { id: 'product-itemNumber', text: 'Item Number (A-Z)' }\n    ];\n\n    const pageSizeOptions = [12, 24, 36, 48, 60];\n\n</script>\n\n<template>\n    <div class=\"account-panel\">\n        <h1 class=\"cart-page-header mb-3\">My Account <span class=\"text-muted\">/ My Favorites</span></h1>\n\n        <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"false\" :filters=\"store.products.filters.favorite\">\n\n            <div class=\"row mb-3\">\n                <div class=\"col\"><SortOptionsList :options=\"sortOptions\" /></div>\n                <div class=\"col\"><PageSizeList :options=\"pageSizeOptions\" /></div>\n                <div class=\"col\"><ViewModeSelector /></div>\n                <div class=\"col-4 text-end\"><PageSelector /></div>\n            </div>\n\n            <SearchGrid>\n                <!-- Template for each item in a grid view -->\n                <template v-slot:grid=\"product\">\n\n                    <ProductGridTile :product=\"product\" />\n\n                </template>\n\n                <!-- Template for each item in a list view -->\n                <template v-slot:list=\"product\">\n\n                    <ProductListTile :product=\"product\" />\n\n                </template>\n\n                <!-- Template for no results -->\n                <template #empty>\n                    No products were found that match your criteria.\n                </template>\n\n                <!-- Template while results are initially loading -->\n                <template #loading-grid>\n                    <MockSearchGrid>\n                        <MockProductGridTile />\n                    </MockSearchGrid>\n                </template>\n\n                <template #loading-list>\n                    <!-- TODO -->\n                    <MockSearchGrid :mock-count=\"2\">\n                        <MockProductListTile />\n                    </MockSearchGrid>\n                </template>\n            </SearchGrid>\n\n            <div class=\"row\">\n                <div class=\"col text-end fit-content\"><PageSelector /></div>\n            </div>\n\n        </SearchContainer>\n\n    </div>\n</template>\n\n<style lang=\"scss\">\n\n\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__","import script from \"./ContactsPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ContactsPanel.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // OrderHistoryTile\n    // A tile used for each order in order history.\n\n    // Components ----\n\n    // Imports ----\n    import { defineProps, computed } from 'vue';\n    import { Util } from '@dd-nucleus/nucleus-vue';\n\n    // Props ----\n    const props = defineProps({\n        // The order whose information to show.\n        // API model: DD.Nucleus.Storefront.Api.OrderTileModel\n        order: {\n            type: Object,\n            required: true\n        }\n    });\n\n    // Computed ----\n    const icon = computed(() => {\n        // TODO: Hacked in. Create constants in Orders service plugged into singleton store object.\n        switch (props.order.orderStatusCode) {\n            default: // None\n                return '';\n            case 1: // Pending\n                return 'bi bi-check-circle-fill';\n            case 2: // PendingApproval\n                return 'bi bi-pause-circle-fill';\n            case 99: // Canceled\n                return 'bi bi-x-circle-fill';\n            case 100: // Completed\n                return 'bi bi-check-circle-fill';\n        }\n    });\n\n    const cssClass = computed(() => {\n        // TODO: Hacked in. Create constants in Orders service plugged into singleton store object.\n        switch (props.order.orderStatusCode) {\n            default: // None\n                return '';\n            case 1: // Pending\n                return 'pending';\n            case 2: // PendingApproval\n                return 'pending-approval';\n            case 99: // Canceled\n                return 'canceled';\n            case 100: // Completed\n                return 'completed';\n        }\n    });\n\n    // Methods ----\n    function shipToText(order) {\n        let text = '';\n\n        if (Util.isNotEmpty(order.shipTo.addressee))\n            text += order.shipTo.addressee;\n        else\n            text += order.shipTo.attention;\n\n        if (Util.isNotEmpty(order.shipTo.companyName))\n            text += ' - ' + order.shipTo.companyName;\n\n        if (Util.isNotEmpty(order.bulkOrderNumber))\n            text = '';\n\n        return text;\n    }\n\n</script>\n\n<template>\n\n    <div class=\"order-history-tile d-flex\">\n        <div class=\"flex-fill\">\n            <div class=\"title\" v-if=\"order.bulkOrderNumber\"><span class=\"order-number\">Order #{{ order.bulkOrderNumber }}</span> | {{ Util.date(order.orderDate) }} </div>\n            <div class=\"title\" v-else><span class=\"order-number\">Order #{{ order.orderNumber }}</span> | {{ Util.date(order.orderDate) }} </div>\n\n            <div class=\"shipto\">{{ shipToText(order) }}</div>\n            <div v-if=\"order.shipments.length > 0\" class=\"shipments\">\n                <div v-for=\"shipment in order.shipments\" :key=\"shipment.id\" class=\"shipment\">\n                    Shipped {{ Util.date(shipment.shipDate) }}\n                    <span v-if=\"Util.isNotEmpty(shipment.trackingUrl)\"></span>: <a :href=\"shipment.trackingUrl\" target=\"_blank\">{{ shipment.trackingNumber }}</a>\n                </div>\n            </div>\n            <div class=\"status\" :class=\"cssClass\"><i :class=\"icon\"></i> {{order.orderStatus }}</div>\n            <div class=\"status\" v-if=\"order.bulkOrderNumber\"><span>Multi-Address Order</span></div>\n        </div>\n        <div class=\"text-end action-panel\">\n            <router-link v-if=\"order.bulkOrderNumber\" :to=\"'/order/'+ order.bulkOrderId\">View Details</router-link>\n            <router-link v-else :to=\"'/order/'+ order.id\">View Details</router-link>\n        </div>\n    </div>\n\n</template>\n\n<style lang=\"scss\">\n\n    .order-history-tile {\n        .order-number {\n            font-weight: $bold;\n        }\n\n        .status {\n            margin-top: 0.5rem;\n            font-weight: $bold;\n            font-size: 0.7rem;\n        }\n\n        .status.pending {\n            .bi {\n                opacity: 0.5;\n                color: $ok;\n            }\n        }\n\n        .status.pending-approval {\n            .bi {\n                color: $warning;\n            }\n        }\n\n        .status.canceled {\n            .bi {\n                color: $error;\n            }\n        }\n\n        .status.completed {\n            .bi {\n                color: $ok;\n            }\n        }\n        // TODO: This is hacked in for now. Look at global link styling.\n        .action-panel a, .action-panel a:visited {\n            color: $color-2;\n            text-decoration: none;\n        }\n\n        .action-panel a:hover {\n            text-decoration: underline;\n        }\n\n        .shipments .shipment {\n            color: $ok;\n            font-weight: bold;\n            font-size: 0.7rem;\n            margin-top: 0.5rem;\n        }\n    }\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=3d0c20fa&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n    // OrderHistoryPanel\n    // Shows order history in the my account area.\n    //import { ref, watch } from 'vue';\n    // Components ----\n    import OrderHistoryTile from '@/site/components/OrderHistoryTile';\n    import MockProductListTile from '@/site/components/MockProductListTile';\n    import { Search } from '@dd-nucleus/nucleus-vue';\n\n    // Imports ----\n\n    // State ----\n    const pageSizeOptions = [12, 24, 36, 48, 60];\n\n    const search = new Search('orders-for-user', 'tile', \"order-newest-to-oldest\", 12);\n    search.setFilterValues('include-firstOrder-in-bulkOrders', [''])\n\n\n</script>\n\n<template>\n    <div class=\"account-panel order-history-panel\">\n        <h1 class=\"cart-page-header mb-3\">My Account <span class=\"text-muted\">/ My Order History</span></h1>\n\n        <SearchContainer :search=\"search\" default-view=\"list\" :deep-link=\"true\">\n            <div class=\"filter-bar mb-3\">\n                <div class=\"mb-2\">\n                    <TextBoxFilter filter-id=\"order-history-search-term\" placeholder=\"Search orders by no, name, or email\" />\n                </div>\n\n                <div>\n                    <DateRangeFilter :useOnlyDate=\"true\" filter-id=\"order-date-range\" />\n                </div>\n            </div>\n\n            <div class=\"d-flex mb-3\">\n                <div><PageSizeList :options=\"pageSizeOptions\" /></div>\n                <div class=\"flex-fill text-end\"><PageSelector /></div>\n            </div>\n\n            <SearchGrid>\n                <template v-slot:list=\"order\">\n                    <OrderHistoryTile :order=\"order\" />\n                </template>\n\n                <template #empty>\n                    <div>\n                        There is no order history currently available for your account. For more help please <router-link class=\"\" to=\"/help/contact\">Contact Us.</router-link>\n                    </div>\n                </template>\n\n                <template #loading-list>\n                    <MockSearchGrid>\n                        <MockProductListTile />\n                    </MockSearchGrid>\n                </template>\n            </SearchGrid>\n\n            <div class=\"d-flex\">\n                <div class=\"flex-fill text-end\"><PageSelector /></div>\n            </div>\n        </SearchContainer>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .order-history-panel {\n        .n-search-grid .tile {\n            margin-bottom: 0.5rem;\n            padding: 0.5rem;\n        }\n\n        .n-search-grid .tile:nth-child(odd) {\n            background-color: #efefef;\n        }\n    }\n</style>\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=30f0fa0c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\n// ChangePasswordForm\n// Implements the form that lets a user pick options for shipping to themselves.\n\n// Imports ----\nimport { MessageType, Form } from '@dd-nucleus/nucleus-vue';\nimport { store } from '@/Store';\n\nexport default class ChangePasswordForm extends Form {\n\n    // Constructor\n    constructor() {\n        // Pass our model to the base class\n        super(\n            {\n                oldPassword: '',\n                password: '',\n                confirmPassword: ''\n            });\n\n        // Set required fields\n        this.validator.fields.oldPassword.isRequired = true;\n        this.validator.fields.password.isRequired = true;\n        this.validator.fields.confirmPassword.isRequired = true;\n\n        // Force an immediate validation (e.g. for buttons disabled until valid)\n        this.validate();\n    }\n\n    onValidate() {\n        super.onValidate();\n\n        if (this.model.password !== '' && this.model.password !== this.model.confirmPassword) {\n            this.validator.fields.password.addError('Passwords do not match');\n        }\n    }\n\n    async onValidateAsync() {\n        if (this.model.password && this.model.password.length >=0) {\n            const response = await store.authenticator.validatePassword(store.user.userName, store.user.email, this.model.password, this.model.confirmPassword);\n\n            this.resetFieldValidators();\n\n            response.messages.forEach(m => {\n                if (m.messageType === MessageType.OK) {\n                    this.validator.fields.password.addOk(m.userMessage);\n                }\n                else {\n                    this.validator.fields.password.addError(m.userMessage);\n                }\n            });\n        }\n    }\n\n    async onSubmit() {\n        return await store.authenticator.changePassword(this.model.oldPassword, this.model.password);\n    }\n\n    onSubmitSucceeded() {\n        this.resetFields();\n\n        this.validator.addOk('Your password has been changed.');\n    }\n\n    onSubmitFailed() {\n        this.resetFields();\n\n        this.validator.addError('Your password could not be updated.');\n    }\n\n    resetFields() {\n        this.model.oldPassword = '';\n        this.model.password = '';\n        this.model.confirmPassword = '';\n    }\n\n    resetFieldValidators() {\n        this.validator.fields.oldPassword.reset();\n        this.validator.fields.password.reset();\n        this.validator.fields.confirmPassword.reset();\n    }\n}\n","<script setup>\n\n    // ProfilePanel\n    // Shows the profile panel of the my account area.\n\n    // Components ----\n    import { PasswordHints, MessageType } from '@dd-nucleus/nucleus-vue';\n\n    // Imports ----\n    import { computed, ref } from 'vue';\n    import ChangePasswordForm from '../forms/ChangePasswordForm';\n    import { useRouter } from 'vue-router';\n\n    // State ----\n    const form = new ChangePasswordForm();\n    const changing = ref(false);\n    const isValidatingPassword = ref(false);\n    const router = useRouter();\n    // Handlers ----\n    function onChangePassword() {\n        changing.value = true;\n    }\n\n    function onCancel() {\n        isValidatingPassword.value = false;\n        changing.value = false;\n        router.push({ path: '/' });\n    }\n\n    function onPasswordTextChange() {\n        // TODO: Is there a debounce utility available?\n        isValidatingPassword.value = true;\n    }\n\n    async function onSave() {\n        await form.submit();\n\n        changing.value = false;\n        isValidatingPassword.value = false;\n    }\n\n    // Computed ----\n    const allPasswordConditionsMet = computed(() => {\n        return form.validator.fields.password.messages.every(m => m.type === MessageType.OK);\n    });\n\n    const showPasswordRequirements = computed(() => {\n        if (allPasswordConditionsMet.value) {\n            return false;\n        }\n\n        return (isValidatingPassword.value ) && (form.model.password.length >= 0);\n    });\n\n</script>\n\n<template>\n    <div class=\"account-panel\">\n        <h1 class=\"cart-page-header mb-3\">My Account <span class=\"text-muted\">/ My Password</span></h1>\n\n        <button v-if=\"changing\" class=\"btn btn-color-2\" @click=\"onChangePassword\">Change Password</button>\n\n        <div v-else class=\"col-12 col-md-8 col-lg-6\">\n            <FormContainer :form=\"form\">\n                <FormMessages class=\"mb-2\" />\n\n                \n            <div class=\"row\">\n                    \n                        <div class=\"col-md-7 col-lg-8 test \">\n                                <div class=\"mb-3\">\n                                    <FieldLabel field-name=\"oldPassword\" label=\"Current Password\">\n                                        <TextBoxField v-model=\"form.model.oldPassword\" placeholder=\"Current Password\" :is-password=\"true\" show-pwd-btn-class=\"btn-color-2-xlt\" />\n                                    </FieldLabel>\n                                </div>\n                                <div class=\"mb-3\">\n                                    <FieldLabel field-name=\"password\" label=\"New Password\">\n                                        <TextBoxField v-model=\"form.model.password\" placeholder=\"Password\" :is-password=\"true\" @keyup=\"onPasswordTextChange\"  show-pwd-btn-class=\"btn-color-2-xlt\" />\n                                        <PasswordHints />\n                                    </FieldLabel>\n                                </div>\n                                <div class=\"mb-3\">\n                                    <FieldLabel field-name=\"confirmPassword\" label=\"Confirm Password\">\n                                        <TextBoxField v-model=\"form.model.confirmPassword\" placeholder=\"Confirm Password\" :is-password=\"true\" show-pwd-btn-class=\"btn-color-2-xlt\" />\n                                    </FieldLabel>\n                                </div>\n                        </div>\n                        <div class=\"col-md-5 col-lg-4\">\n                            <div class=\"error-label-panel\"  v-if=\"showPasswordRequirements\">\n                                <div class=\"password-requirements-box\">\n                                    <b>Password Requirements</b>\n                                    <FieldMessages field-name=\"password\" :add-box=\"false\" />\n                                </div>\n                            </div>\n                        </div>\n                    \n            </div>\n                <div class=\"col-12 pt-2\">\n                    <button class=\"btn btn-outline-color-2 me-2\" @click=\"onCancel\">Cancel</button>\n                    <button class=\"btn btn-color-2\" :disabled=\"form.validator.isInvalid\"  @click=\"onSave\">Save</button>\n                </div>\n            </FormContainer>\n        </div>\n\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .password-requirements-box {\n        margin-top: 0.25rem;\n    }\n    div.error-label-panel {\n        position: absolute;\n    background: #fff;\n    border: 1px solid;\n    border-color:#b63f29!important;\n    border-radius: 3px;\n    padding: 10px;\n    width: 200px;\n    z-index: 200;\n    margin-top: 90px !important;\n}\ndiv.error-label-panel:before {\n    content: '';\n    right: 100%;\n    top: 18%;\n    border: solid transparent;\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border: 7px solid transparent;\n    border-right-color: #b63f29;\n}\n\n.n-message{\ndisplay: flex !important;\n}\n</style>\n","import script from \"./PasswordPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PasswordPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PasswordPanel.vue?vue&type=style&index=0&id=3ea5a1ce&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // AccountPage\n    // Shows various pages related to the user's account.\n\n    // Components ----\n    import ProfilePanel from './components/ProfilePanel';\n    import FavoritesPanel from './components/FavoritesPanel';\n     import ContactsPanel from './components/ContactsPanel';\n    import OrderHistoryPanel from './components/OrderHistoryPanel';\n    import PasswordPanel from './components/PasswordPanel';\n\n    // Imports ----\n    import { ref, watch, computed } from 'vue';\n    import { useRoute, useRouter } from 'vue-router';\n    import { store } from '@/Store';\n\n    const route = useRoute();\n    const router = useRouter();\n\n    // State ----\n    let section = ref(route.params.section);\n\n    // Update section when route (URL) changes\n    watch(() => route.params, () => { section.value = route.params.section });\n\n    // Computed\n    const isImpersonating = computed(() => {\n        return store.user.isImpersonating;\n    })\n    \n    // Methods ----\n    function getLinkClass(forSection) {\n        return { 'active': forSection === section.value };\n    }\n\n    async function onSignOut() {\n        await store.signOut(router);\n    }\n\n    // TODO: Not everyone will be able to change their password, depending on their auth method and/or store settings\n\n</script>\n\n<template>\n    <PageTemplate>\n        <div class=\"container root-page\">\n\n            <div class=\"row\">\n                <div class=\"col-sm-4 col-md-3 d-none d-sm-block\">\n                    <div class=\"top-link side-link\">My Account</div>\n                    <div class=\"sub-link side-link\" :class=\"getLinkClass('profile')\"><router-link to=\"profile\">My Profile</router-link></div>\n                    <div class=\"sub-link side-link\" :class=\"getLinkClass('favorites')\"><router-link to=\"favorites\">My Favorites</router-link></div>\n                     <div class=\"sub-link side-link\" :class=\"getLinkClass('contacts')\"><router-link to=\"contacts\">My Contacts</router-link></div> \n                    <div class=\"sub-link side-link\" :class=\"getLinkClass('order-history')\"><router-link to=\"order-history\">My Order History</router-link></div>\n\n                    <!--<ShowOnlyForRoles :roles=\"['SA', 'Qualfon.CsdAdmin', 'Client.Admin', 'Qualfon.Csd']\">\n                        <div class=\"sub-link side-link\" :class=\"getLinkClass('password')\"><router-link to=\"password\">My Password</router-link></div>\n                    </ShowOnlyForRoles>-->\n\n                    <div v-if=\"!isImpersonating\" class=\"sub-link side-link\" :class=\"getLinkClass('password')\"><a class=\"dropdown-item\" href=\"#\" @click.cancel=\"onSignOut\">Sign Out</a></div>\n\n\n                </div>\n        <div class=\"col-md-9\">\n\n            <div v-if=\"section === 'profile'\">\n                <!-- My Profile -->\n                <ProfilePanel />\n            </div>\n\n            <div v-if=\"section === 'favorites'\">\n                <!-- My Favorites -->\n                <FavoritesPanel />\n            </div>\n             \n            <div v-if=\"section === 'contacts'\">\n                <!-- My Contacts  -->\n                <ContactsPanel />\n            </div> \n\n            <div v-if=\"section === 'order-history'\">\n                <!-- My Order History -->\n                <OrderHistoryPanel />\n            </div>\n\n            <div v-if=\"section == 'password'\">\n                <!-- My Password -->\n                <PasswordPanel />\n            </div>\n        </div>\n        </div>\n\n        </div>\n    </PageTemplate>\n</template>\n\n<style lang=\"scss\">\n    .side-link {\n        padding-top: 0.5rem;\n        \n        &.active {\n            font-weight: $bold;\n        }\n\n        a, a:visited {\n            color: $color-2;\n            text-decoration: none;\n        }\n    }\n\n    .top-link {\n        padding-top: 0rem;\n    }\n\n    .sub-link {\n        padding-left: 1rem;\n    }\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=ed544af4&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\n// SignInForm\n// Implements the form that signs a user in.\n\n// Imports ----\nimport { Form } from '@dd-nucleus/nucleus-vue';\nimport { store } from '@/Store';\n\nexport default class ContactUsForm extends Form {\n\n    // Constructor\n    constructor() {\n        // Pass our model to the base class\n        super(\n          {\n            topic: '',\n            name: '',\n            email: '',\n            phone: '',\n            orderNumber: '',\n            message: ''\n            });\n\n        this.topics = [\n            { id: 'Account Issue', text: 'Account Issue' },\n            { id: 'Feedback', text: 'Feedback' },\n            { id: 'Order Status/Tracking', text: 'Order Status/Tracking' },\n            { id: 'Placing an Order', text: 'Placing an Order' },\n            { id: 'Expedited Shipping Request', text: 'Expedited Shipping Request' },\n            { id: 'UAT Feedback', text: 'UAT Feedback' },\n            { id: 'Other', text: 'Other' }\n        ];\n\n        // Set required fields\n        this.validator.fields.topic.isRequired = true;\n        this.validator.fields.name.isRequired = true;\n        this.validator.fields.name.disabled = true;\n        this.validator.fields.email.disabled = true;\n        this.validator.fields.email.isRequired = true;\n        this.validator.fields.email.isEmail = true;\n        this.validator.fields.email.maxLength = 50;\n        this.validator.fields.phone.minLength = 14;\n        this.validator.fields.phone.maxLength = 14;\n        this.validator.fields.message.isRequired = true;\n        this.validator.fields.orderNumber.isRequired = false;\n\n        this.validate();\n    }\n\n    onValidate() {\n        super.onValidate();\n    }\n\n    async onValidateAsync() {\n        super.onValidateAsync();\n    }\n\n    async onSubmit() {\n        // Call endpoint to send the request\n        var response = await store.api.post('api/site/contact-us', this.model);\n\n        if (response.succeeded) {\n            return true;\n        }\n        else {\n            this.store.handleApiError(response);\n        }\n    }\n}","<script setup>\n\n// ContactUsPanel\n// Shows the contact us page and form.\n\n// Components ----\n\n// Imports ----\nimport { reactive, ref, watch, computed } from 'vue';\nimport { store } from '@/Store';\nimport ContactUsForm from '../forms/ContactUsForm.js';\n\n// State ----\nconst form = reactive(new ContactUsForm());\nconst sent = ref(false);\nconst responseTime = computed(() => { \n    return form.model.topic === 'Feedback' ? '72 hours' : '48 hours';\n})\nconst resetForm = ref(function () {\n    sent.value = false;\n\n    form.model.topic = '';\n    form.model.name = '';\n    form.model.email = '';\n    form.model.phone = '';\n    form.model.orderNumber = '';\n    form.model.message = '';\n\n    getDetails();\n});\n\n// Handlers ----\nstore.onInitialized(() => {\n    getDetails();\n})\n\nasync function onSubmit() {\n    sent.value = true;\n    await form.submit();\n}\n\nfunction getDetails() {\n    form.model.name = store.user.firstName + ' ' + store.user.lastName;\n    form.model.email = store.user.email;\n}\n\n\nwatch(\n    form.model,\n    () => {\n        form.model.message = form.model.message.trim();\n        form.model.orderNumber = form.model.orderNumber.trim();\n        if (form.model.topic == 'Order Status/Tracking' || form.model.topic == 'Expedited Shipping Request') {\n            form.validator.fields.orderNumber.isRequired = true;\n            form.validate();\n        } else {\n            form.validator.fields.orderNumber.isRequired = false;\n            form.validate();\n        }\n    },\n    { deep: true }\n);\n\n</script>\n\n<template>\n    <div class=\"help-panel\">\n        <template v-if=\"sent\">\n            <div class=\"alert alert-success\">\n                Thank you, your request has been received. You will receive a response within {{ responseTime }}. If you require additional assistance, please send us an <a\n                    href=\"mailto:AlconOrderPointeCareTeam@qualfon.com\">email</a>. Hours of operation: 8:30 AM - 5:00 PM ET Mon-Fri.\n            </div>\n            <div class=\"row mt-5\">\n                <div class=\"col col-3\">\n                    <router-link to=\"/\" class=\"btn btn-color-1\">RETURN TO HOME PAGE</router-link>\n                </div>\n                <div class=\"col col-3\">\n                    <button class=\"btn btn-color-1\" @click=\"resetForm\">SEND ANOTHER MESSAGE</button>\n                </div>\n            </div>\n        </template>\n\n        <template v-else>\n            <div class=\"mb-4\">\n                If you are unable to find the information you need after visiting <a href=\"/help/faqs\">Frequently Asked\n                    Questions</a>, please use the contact form below.\n            </div>\n\n            <FormContainer :form=\"form\" optional-text=\"(Optional)\">\n\n                <div class=\"row\">\n                    <div class=\"col-sm-6 col-md-4\">\n                        <div class=\"mb-3\">\n                            <FieldLabel field-name=\"topic\" label=\"Choose a Topic\">\n                                <DropDownListField v-model=\"form.model.topic\" :options=\"form.topics\"\n                                    null-option-text=\"Select a Topic\" />\n                            </FieldLabel>\n                        </div>\n                        <div class=\"mb-3\">\n                            <FieldLabel field-name=\"name\" label=\"Name\">\n                                <TextBoxField v-model=\"form.model.name\" :disabled=\"true\" />\n                            </FieldLabel>\n                        </div>\n                        <div class=\"mb-3\">\n                            <FieldLabel field-name=\"email\" label=\"Email\">\n                                <TextBoxField v-model=\"form.model.email\" placeholder=\"Email Address\" :disabled=\"true\" />\n                                <FieldMessages />\n                            </FieldLabel>\n                        </div>\n                        <div class=\"mb-3\">\n                            <FieldLabel field-name=\"phone\" label=\"Phone Number\">\n                                <TextBoxField v-model=\"form.model.phone\" placeholder=\"Phone Number\"\n                                    :is-phone-number=\"true\" />\n                                <FieldMessages />\n                            </FieldLabel>\n                        </div>\n                        <div class=\"mb-3\">\n                            <FieldLabel field-name=\"orderNumber\" label=\"Order Number\">\n                                <TextBoxField v-model=\"form.model.orderNumber\" placeholder=\"Order Number\" />\n                            </FieldLabel>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"row\">\n                    <div class=\"col-12\">\n                        <FieldLabel field-name=\"message\" label=\"Message\">\n                            <TextAreaField v-model=\"form.model.message\" :maxlength=\"10000\" />\n                        </FieldLabel>\n                    </div>\n                </div>\n\n                <div class=\"row mt-4 mb-5\">\n                    <div class=\"col col-3 d-grid\">\n                        <router-link to=\"/\" class=\"btn btn-outline-color-1\">CANCEL</router-link>\n                    </div>\n                    <div class=\"col col-3 d-grid\">\n                        <button class=\"btn btn-color-1\" @click=\"onSubmit\"\n                            :disabled=\"form.status.isInvalid\">SUBMIT</button>\n                    </div>\n                </div>\n\n            </FormContainer>\n        </template>\n    </div>\n</template>\n\n<style lang=\"scss\"></style>","import script from \"./ContactUsPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ContactUsPanel.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import faqs from './faqsData.json';\n\nexport default class Faqs {\n    faqsToShow(roleId) {\n\t\treturn faqs[roleId]?.data ?? [];\n\t}\n}\n","<script setup>\nimport { onMounted, reactive } from 'vue';\nimport Faqs from './Faqs';\n\nconst faqs = new Faqs();\n\nconst faqsList = reactive([]);\n\nonMounted(async () => {\n    // Keeping the default value for now. This can be changed to a dynamic value later.\n    faqsList.push(...faqs.faqsToShow('default'));\n}); \n\n</script>\n<template>\n    <div class=\"faqs-table table-responsive\">\n        <div class=\"tab-content mt-4\">\n            <div class=\"tab-pane fade show active faqs-table table-responsive\" role=\"tabpanel\"\n                aria-labelledby=\"info-tab\" tabindex=\"0\">\n                <table class=\"table table-striped mw-100\">\n                    <tbody>\n                        <tr v-for=\"faq in faqsList\" :key=\"faq.id\">\n                            <td>\n                                <p><strong v-html=\"faq.ques\"></strong></p>\n                            </td>\n                            <td>\n                                <p v-html=\"faq.ans\"></p>\n                            </td>\n                        </tr>\n                    </tbody>\n                </table>\n            </div>\n        </div>\n\n    </div>\n</template>\n<style lang=\"scss\">\n.faqs-table .table-responsive {\n    table {\n        width: 100%;\n        table-layout: fixed;\n\n        tbody {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n\n            strong {\n                color: #1a1446;\n            }\n\n            p {\n                margin-bottom: 0 !important;\n            }\n\n            tr {\n                display: flex;\n                flex-direction: column;\n\n                td {\n                    white-space: normal !important;\n                    word-wrap: break-word;\n                    padding-top: 0 !important;\n\n                    ul {\n                        margin-top: 10px;\n                        padding-left: 25px !important;\n                    }\n\n                    p {\n                        font-size: 14px !important;\n                    }\n                }\n            }\n        }\n    }\n}\n</style>\n","import script from \"./FAQsPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./FAQsPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./FAQsPanel.vue?vue&type=style&index=0&id=175956ce&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // ContactUsPage\n    // Page providing contact information and a form.\n\n    // Components ----\n    import ContactUsPanel from './components/ContactUsPanel';\n    import FAQsPanel from './components/FAQsPanel.vue';\n\n    // Imports ----\n    import { watch, ref } from 'vue';\n    import { useRoute } from 'vue-router';\n\n    const route = useRoute();\n\n    // State ----\n    let section = ref(route.params.section);\n\n    // Update section when route (URL) changes\n    watch(() => route.params, () => { section.value = route.params.section });\n\n    // Methods ----\n    function getLinkClass(forSection) {\n        return { 'active': forSection === section.value };\n    }\n\n</script>\n\n<template>\n    <PageTemplate>\n        <div class=\"container root-page\">\n\n            <div class=\"row\">\n                <div class=\"d-none d-sm-block col-sm-4 col-lg-3\">\n                    <div class=\"top-link side-link\">Help Center</div>\n                    <div class=\"sub-link side-link\" :class=\"getLinkClass('contact')\"><router-link to=\"contact\">Contact Us</router-link></div>\n                    <div class=\"sub-link side-link\" :class=\"getLinkClass('contact')\"><a target=\"_blank\" class=\"dropdown-item\" href=\"/downloads/OrderPointe EStore User Manual for Alcon_final.pdf\">User Guide</a></div>\n                    <div class=\"sub-link side-link\" :class=\"getLinkClass('faq')\"><a href=\"/help/faqs\">Frequently Asked Questions</a></div>\n                </div>\n                <div class=\"col\">\n\n                    <div v-if=\"section === 'contact'\">\n                        <!-- My Profile -->\n                        <h1 class=\"help-page-header mb-3\">Contact Us</h1>\n                        <div class=\"panel-container\">\n                            <ContactUsPanel />\n                        </div>\n                    </div>\n                    <div v-else-if=\"section === 'faqs'\">\n                        <h1 class=\"help-page-header mb-3\">Frequently Asked Questions</h1>\n                        <div class=\"panel-container\">\n                            <FAQsPanel />\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n\n        </div>\n    </PageTemplate>\n</template>\n\n<style lang=\"scss\">\n\n    .side-link {\n        padding-top: 0.5rem;\n\n        &.active {\n            font-weight: $bold;\n        }\n\n        a, a:visited {\n            color: $color-2;\n            text-decoration: none;\n        }\n    }\n\n    .top-link {\n        padding-top: 0rem;\n    }\n\n    .sub-link {\n        padding-left: 1rem;\n    }\n</style>","import script from \"./HelpPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./HelpPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./HelpPage.vue?vue&type=style&index=0&id=63e220d6&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./MFAPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MFAPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MFAPage.vue?vue&type=style&index=0&id=054f5678&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\n// AccountTypeForm\n// Implements the form that lets a user pick an account type.\n\n// Imports ----\nimport { Form } from '@dd-nucleus/nucleus-vue';\n\nexport default class AccountTypeForm extends Form {\n\n    // Constructor\n    constructor() {\n        // Pass our model to the base class\n        super(\n          {\n            accountType: ''\n          });\n    }\n\n    onValidate() {\n        super.onValidate();\n\n        this.validator.fields.accountType.checkNotEmpty();\n    }\n}","<script setup>\n\n    // SignUpAccountTypePage\n    // Page that allows a user coming through generic sign-in to choose the type of account.\n    // TODO: Something wonky is going on with vertically spacing the radio button list\n    // TODO: Responsiveness related to the above\n\n    // Components ----\n    import SignInPageTemplate from '@/template/SignInPageTemplate';\n\n    // Imports ----\n    import { reactive } from 'vue';\n    import { useRouter } from 'vue-router'\n    import AccountTypeForm from './forms/AccountTypeForm';\n\n    const router = useRouter();\n\n    // State ----\n    const form = reactive(new AccountTypeForm());\n    const options = [\n        { id: 'auto', text: 'I am an Automotive User' },\n        { id: 'retail', text: 'I am a Retailer' }\n    ];\n\n    // Handlers ----\n    function onNext() {\n        if (form.model.accountType === 'auto')\n            router.push('/auto');\n        else\n            router.push('/retail');\n    }\n</script>\n\n<template>\n    <SignInPageTemplate>\n        <div class=\"container page-container\">\n\n            <div class=\"row\">\n                <div class=\"col\"></div>\n                <div class=\"col col-12 col-sm-10 col-lg-6 col-xl-5\">\n                    <div class=\"create-account-header mt-5 mb-4\">\n                        <h1 class=\"text-center\">Create Account</h1>\n                        <div class=\"text-left\">To help us better align you with the most relevant products based on your needs, please select one of the following options: </div>\n                    </div>\n\n                    <FormContainer :form=\"form\">\n\n                        <div class=\"row mb-3\">\n                            <div class=\"col col-6 offset-3\">\n                                <RadioButtonListField v-model=\"form.model.accountType\" field-name=\"accountType\" :options=\"options\" />\n                            </div>\n                        </div>\n                        <div class=\"row mt-4 mb-5\">\n                            <div class=\"col col-6 d-grid\">\n                                <router-link to=\"/sign-in\" class=\"btn btn-outline-color-1\">Cancel</router-link>\n                            </div>\n                            <div class=\"col col-6 d-grid\">\n                                <button class=\"btn btn-color-1\" @click=\"onNext\" :disabled=\"form.status.isInvalid\">NEXT</button>\n                            </div>\n                        </div>\n\n                    </FormContainer>\n\n                </div>\n                <div class=\"col\"></div>\n            </div>\n\n        </div>\n    </SignInPageTemplate>\n</template>\n\n<style lang=\"scss\">\n\n    .page-container {\n        margin-bottom: 8rem;\n    }\n\n    .create-account-header h1 {\n        color: $black;\n        font-weight: $normal;\n    }\n\n</style>","import script from \"./SignUpAccountTypePage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SignUpAccountTypePage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SignUpAccountTypePage.vue?vue&type=style&index=0&id=198b47b2&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","// registration.js\n// Provides functionality for registering new users.\n//\n// Tracing ----\n// Detailed tracing can be turned on by setting environment variable VUE_APP_TRACE_AADB2C to \"true\"\n\n// Imports\nimport { useApi } from '@dd-nucleus/nucleus-vue';\n\nconst { POST } = useApi();\n\nexport default function () {\n    // #region BEGIN Public Functions\n\n    // Registers a new user account\n    async function register(registrationDetail) {\n        const url = '/api/site/register';\n\n        trace('Attempting to register a new user', registrationDetail.email);\n\n        const name = registrationDetail.firstName + ' ' + registrationDetail.lastName;\n\n        const request = {\n            registerUserAccount: {\n                userName: registrationDetail.email,\n                email: registrationDetail.email,\n                password: registrationDetail.password,\n                confirmPassword: registrationDetail.confirmPassword\n            },\n            createUserAccount: {\n                contact: {\n                    firstName: registrationDetail.firstName,\n                    lastName: registrationDetail.lastName,\n                    email: registrationDetail.email,\n                    phoneNumber: registrationDetail.phoneNumber.replace(/\\D/g,\"\"),\n                    companyName: registrationDetail.companyName\n                },\n                address: {\n                    name: name,\n                    addressee: name,\n                    addressLine1: registrationDetail.addressLine1,\n                    addressLine2: registrationDetail.addressLine2,\n                    city: registrationDetail.city,\n                    state: registrationDetail.state,\n                    postalCode: registrationDetail.postalCode\n                },\n                userName: registrationDetail.email\n            },\n            registerStoreAccount: {\n                automotivePartnerType: registrationDetail.automotiveType || '',\n                title: registrationDetail.title\n            }\n        };\n\n        // Post the request and inspect the response\n        return await POST(url, request);\n    }\n\n    // #endregion\n\n    // #region BEGIN Private Functions\n\n    // Returns whether tracing is enabled\n    function doTrace() {\n        return (process.env.VUE_APP_TRACE_ASP_NET_AUTH === 'true');\n    }\n\n    // Traces a message, if enabled.\n    function trace(message, ...args) {\n        if (doTrace())\n            console.log('[ASP.NET AUTH] ' + message, ...args);\n    }\n\n    // #endregion\n\n    // Export Public Functions\n    return {\n        register\n    }\n}\n","\n// SignUpForm\n// Implements the form to create an account for a user. The constructor accepts a model from a subclass, so it can provide the core fields and validations needed,\n// while allowing the subclass to add its own additional fields and validations.\n\n// Imports ----\nimport { MessageType, Form } from '@dd-nucleus/nucleus-vue';\nimport { store } from '@/Store';\nimport useRegistration from '@/services/registration';\n\nconst { register } = useRegistration();\n\n\nexport default class SignUpForm extends Form {\n\n    // Constructor\n    constructor(model = null) {\n        // Merge in the supplied model (if any) and pass to the base class\n        super(\n            Object.assign(model == null ? {} : model,\n                {\n                    companyName: '',\n                    firstName: '',\n                    lastName: '',\n                    phoneNumber: '',\n                    email: '',\n                    title: '',\n                    addressLine1: '',\n                    addressLine2: '',\n                    city: '',\n                    state: '',\n                    postalCode: '',\n                    password: '',\n                    confirmPassword: ''\n                }));\n\n        this.validator.fields.email.isEmail = true;\n\n        // Set required fields\n        this.validator.fields.email.isRequired = true;\n        this.validator.fields.password.isRequired = true;\n        this.validator.fields.confirmPassword.isRequired = true;\n        this.validator.fields.companyName.isRequired = true;\n        this.validator.fields.firstName.isRequired = true;\n        this.validator.fields.lastName.isRequired = true;\n        this.validator.fields.phoneNumber.isRequired = true;\n        this.validator.fields.title.isRequired = true;\n        this.validator.fields.addressLine1.isRequired = true;\n        this.validator.fields.city.isRequired = true;\n        this.validator.fields.state.isRequired = true;\n        this.validator.fields.postalCode.isRequired = true;\n\n        // Set optional fields\n        this.validator.fields.addressLine2.isRequired = false;\n\n        // Set maximum lengths\n        // TODO: Expose these numbers from the backend somehow\n        this.validator.fields.email.maxLength = 50;\n        this.validator.fields.companyName.maxLength = 100;\n        this.validator.fields.firstName.maxLength = 50;\n        this.validator.fields.lastName.maxLength = 50;\n        this.validator.fields.phoneNumber.maxLength = 14;\n        this.validator.fields.title.maxLength = 100;\n        this.validator.fields.addressLine1.maxLength = 100;\n        this.validator.fields.addressLine2.maxLength = 100;\n        this.validator.fields.city.maxLength = 50;\n        this.validator.fields.state.maxLength = 2;\n        this.validator.fields.postalCode.maxLength = 20;\n\n        // Set minimum lengths\n        this.validator.fields.phoneNumber.minLength = 14;\n\n        // No PO boxes\n        this.validator.fields.addressLine1.noPoBox = true;\n\n        // Force an immediate validation (e.g. for buttons disabled until valid)\n        this.validate();\n    }\n\n    onValidate() {\n        super.onValidate();\n    }\n\n    async onValidateAsync() {\n        super.onValidateAsync();\n\n        if (this.model.password && this.model.password.length > 0) {\n            const response = await store.authenticator.validatePassword(this.model.email, this.model.email, this.model.password, this.model.confirmPassword);\n\n            this.validator.fields.password.reset();\n\n            let isValid = true;\n\n            response.messages.forEach(m => {\n                if (m.messageType === MessageType.OK) {\n                    this.validator.fields.password.addOk(m.userMessage);\n                }\n                else {\n                    this.validator.fields.password.addError(m.userMessage);\n                    isValid = false;\n                }\n            });\n\n            if (!isValid) {\n                this.validator.addError('Password requirements not met');\n            }\n        }\n    }\n\n    async onSubmit() {\n        const response = await register(this.model);\n\n        if (response.succeeded)\n            return true;\n        else {\n            // Add the messages from the response into the validator\n            this.validator.addMessages(response.messages);\n            return false;\n        }\n    }\n\n    scrollTop() {\n        window.scrollTo(0, 0);\n    }\n}\n","\n// SignUpAutoForm\n// Implements the form that signs a user in.\n\n// Imports ----\nimport SignUpForm from './SignUpForm';\n\nexport default class SignUpAutoForm extends SignUpForm {\n\n    // Constructor\n    constructor() {\n        // Pass our model to the base class\n        super({\n            automotiveType: '',       // TODO: Client-specific. New subclass perhaps?\n        });\n\n        // Set required fields\n        this.validator.fields.automotiveType.isRequired = true;\n        this.validate();\n\n        this.automotiveTypes = [\n            { id: 'Auction Partner', text: 'Auction' },\n            { id: 'Affinity/Shops Partner', text: 'Affinity/Shops' },\n            { id: 'Franchise Dealer', text: 'Franchise Dealer' },\n            { id: 'Independent Dealer', text: 'Independent Dealer' },\n            { id: 'Lot Service Partner', text: 'Lot Service' }\n        ];\n    }\n\n    onValidate() {\n        super.onValidate();\n    }\n\n    async onValidateAsync() {\n        super.onValidateAsync();\n    }\n\n    async onSubmit() {\n        return await super.onSubmit();\n    }\n}\n","<script setup>\n\n    // SignUpForm\n    // Provides a generic form to create a new account.\n\n    // Components ----\n    import { PasswordHints, MessageType } from '@dd-nucleus/nucleus-vue';\n\n    // Imports ----\n    import { computed, reactive, ref } from 'vue';\n    import SignUpAutoForm from '../forms/SignUpAutoForm';\n    import { useRouter } from 'vue-router';\n    import { store } from '@/Store';\n\n    const router = useRouter();\n\n    // State ----\n    const form = reactive(new SignUpAutoForm());\n    const isValidatingPassword = ref(false);\n    // Handlers ----\n    async function onSignUp() {\n        const succeeded = await form.submit();\n\n        // Route to the sign-in page on success, otherwise stay on this page\n        // and the form will display any error messages.\n        if (succeeded) {\n            router.push({ path: '/sign-in', query: { created: 'true' } });\n        }\n        else {\n            form.scrollTop();\n        }\n    }\n\n    // Computed ----\n    const allPasswordConditionsMet = computed(() => {\n        return form.validator.fields.password.messages.every(m => m.type === MessageType.OK);\n    });\n\n    const showPasswordRequirements = computed(() => {\n        if (allPasswordConditionsMet.value) {\n            return false;\n        }\n\n        return (isValidatingPassword.value ) && (form.model.password.length >= 0);\n    });\n\n    function onPasswordTextChange() {\n        // TODO: Is there a debounce utility available?\n        isValidatingPassword.value = true;\n    }\n    \n</script>\n\n<template>\n    <FormContainer :form=\"form\" optional-text=\"(Optional)\">\n\n         <ValidatorMessages :validator=\"form.validator\" class=\"mb-2\" v-if=\"!showPasswordRequirements\" /> \n\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"email\" label=\"Email\">\n                <TextBoxField v-model=\"form.model.email\" placeholder=\"Email Address\" />\n                <FieldMessages />\n            </FieldLabel>\n        </div>\n        <div class=\"row\">\n            <div class=\"col-md-12 col-lg-12\">\n                <div class=\"mb-3\">\n                    <FieldLabel field-name=\"password\" label=\"Password\">\n                        <TextBoxField v-model=\"form.model.password\" placeholder=\"Password\" :is-password=\"true\" @keyup=\"onPasswordTextChange\"  show-pwd-btn-class=\"btn-color-2-xlt\" />\n                        <PasswordHints />\n                    </FieldLabel>\n                </div>\n                <div class=\"mb-3\">\n                    <FieldLabel field-name=\"confirmPassword\" label=\"Confirm Password\">\n                        <TextBoxField v-model=\"form.model.confirmPassword\" placeholder=\"Password\" :is-password=\"true\" show-pwd-btn-class=\"btn-color-2-xlt\" />\n                        \n                    </FieldLabel>\n                </div>\n            </div>\n            <div class=\"col-md-5 col-lg-4\">\n                <div class=\"error-label-password\"  v-if=\"showPasswordRequirements\">\n                    <div class=\"password-requirements-box\">\n                                <b>Password Requirements</b>\n                                <FieldMessages field-name=\"password\" :add-box=\"false\" />\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"companyName\" label=\"Company Name\">\n                <TextBoxField v-model=\"form.model.companyName\" placeholder=\"Company Name\" />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"firstName\" label=\"First Name\">\n                <TextBoxField v-model=\"form.model.firstName\" placeholder=\"First Name\" />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"lastName\" label=\"Last Name\">\n                <TextBoxField v-model=\"form.model.lastName\" placeholder=\"Last Name\" />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"automotiveType\" label=\"Automotive Type\">\n                <DropDownListField v-model=\"form.model.automotiveType\" :options=\"form.automotiveTypes\" null-option-text=\"Select Automotive Type\" />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"phoneNumber\" label=\"Phone Number\">\n                <TextBoxField v-model=\"form.model.phoneNumber\" placeholder=\"Phone Number\" :is-phone-number=\"true\" />\n                <FieldMessages />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"addressLine1\" label=\"Street Address\">\n                <TextBoxField v-model=\"form.model.addressLine1\" placeholder=\"Street Address\" />\n                <FieldMessages />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"addressLine2\" label=\"Address Line 2\">\n                <TextBoxField v-model=\"form.model.addressLine2\" />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"city\" label=\"City\">\n                <TextBoxField v-model=\"form.model.city\" placeholder=\"City\" />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"state\" label=\"State\">\n                <DropDownListField v-model=\"form.model.state\" :options=\"store.shipping.states\" null-option-text=\"Select State\" />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"postalCode\" label=\"Zip Code\">\n                <TextBoxField v-model=\"form.model.postalCode\" :is-postal-code=\"true\" placeholder=\"Zip Code\" />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"title\" label=\"Title\">\n                <TextBoxField v-model=\"form.model.title\" placeholder=\"Title\" />\n            </FieldLabel>\n        </div>\n        <div class=\"d-grid mt-5\">\n            <button class=\"btn btn-color-1\" @click=\"onSignUp\" :disabled=\"form.status.isInvalid\">CREATE ACCOUNT</button>\n        </div>\n    </FormContainer>\n</template>\n\n<style lang=\"scss\">\n\n    .n-text-box-field {\n        .label {\n            font-weight: $bold;\n        }\n    }\n\n    .password-requirements-box {\n        margin-top: 0.25rem;\n        min-height: 100px;\n    }\n\n    div.error-label-password {\n        position: absolute;\n    background: #fff;\n    border: 1px solid;\n    border-color:#b63f29!important;\n    border-radius: 3px;\n    padding: 10px;\n    width: 200px;\n    z-index: 200;\n    margin-left: 24rem !important;\n    margin-top: -9rem !important;\n}\ndiv.error-label-password:before {\n    content: '';\n    right: 100%;\n    top: 18%;\n    border: solid transparent;\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border: 7px solid transparent;\n    border-right-color: #b63f29;\n}\n\n.n-message{\ndisplay: flex !important;\n}\n</style>\n","import script from \"./SignUpAutoForm.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SignUpAutoForm.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SignUpAutoForm.vue?vue&type=style&index=0&id=5e510467&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // SignUpAutoPage\n    // Primary sign-in or sign-up page for automotive partners.\n    // TODO: Responsiveness\n\n    // Components ----\n    import SignInPageTemplate from '@/template/SignInPageTemplate';\n    import SignInForm from './components/SignInForm';\n    import SignUpAutoForm from './components/SignUpAutoForm';\n\n    // Imports ----\n    import { ref } from 'vue';\n\n    // State ----\n    const createAccount = ref(false);\n\n    // Handlers ----\n    function onCreateAccount() {\n        createAccount.value = true;\n    }\n</script>\n\n<template>\n    <SignInPageTemplate>\n        <div class=\"container page-container\">\n\n            <div class=\"row\">\n                <div class=\"col col-12 col-sm-6 col-md-5 offset-md-1 col-lg-4 offset-lg-1\">\n                    <div class=\"create-account-header text-center mt-5 mb-3\">\n                        <h1>Account Sign In</h1>\n                    </div>\n\n                    <div class=\"alert alert-info\">\n                        Welcome to our new eStore. Please set up a new account to continue to access Alcon merchandise.\n                    </div>\n\n                    <SignInForm />\n                </div>\n                \n                <div class=\"col col-12 col-sm-6 col-md-5 col-lg-4 offset-lg-1\">\n                    <div class=\"create-account-header text-center mt-5 mb-3\">\n                        <h1>Create an Automotive Account</h1>\n                    </div>\n\n                    <template v-if=\"createAccount\">\n                        <SignUpAutoForm />\n                        <div class=\"footer-spacer\"></div>\n                    </template>\n\n                    <div v-else>\n                        <div class=\"d-grid mt-3\">\n                            <button class=\"btn btn-outline-color-1\" @click=\"onCreateAccount\">CREATE ACCOUNT</button>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col\"></div>\n            </div>\n\n        </div>\n    </SignInPageTemplate>\n</template>\n\n<style lang=\"scss\">\n\n    .page-container\n    {\n        margin-bottom: 4rem;\n    }\n\n    .create-account-header {\n        height: 3rem;\n\n        h1 {\n            color: $black;\n            font-weight: $normal;\n            font-size: 1.2rem;\n        }\n    }\n\n    .footer-spacer {\n        height: 4rem;\n    }\n\n</style>","import script from \"./SignUpAutoPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SignUpAutoPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SignUpAutoPage.vue?vue&type=style&index=0&id=56eee978&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // SignUpForm\n    // Provides a generic form to create a new account.\n\n    // Components ----\n    import { PasswordHints, MessageType } from '@dd-nucleus/nucleus-vue';\n\n    // Imports ----\n    import { computed, reactive,ref } from 'vue';\n    import SignUpForm from '../forms/SignUpForm';\n    import { useRouter } from 'vue-router';\n    import { store } from '@/Store';\n\n    const router = useRouter();\n\n    // State ----\n    const form = reactive(new SignUpForm());\n    const isValidatingPassword = ref(false);\n    // Handlers ----\n    async function onSignUp() {\n        const succeeded = await form.submit();\n\n        // Route to the sign-in page on success, otherwise stay on this page\n        // and the form will display any error messages.\n        if (succeeded) {\n            router.push({ path: '/sign-in', query: { created: 'true' } });\n        }\n        else {\n            form.scrollTop();\n        }\n    }\n\n    // Computed ----\n    const allPasswordConditionsMet = computed(() => {\n        return form.validator.fields.password.messages.every(m => m.type === MessageType.OK);\n    });\n\n    const showPasswordRequirements = computed(() => {\n        if (allPasswordConditionsMet.value) {\n            return false;\n        }\n        return (form.model.password.length >= 0 && isValidatingPassword.value) && (form.validator.fields.password.messages && form.validator.fields.password.messages.length > 0 );\n    });\n    \n    function onPasswordTextChange() {\n        // TODO: Is there a debounce utility available?\n        isValidatingPassword.value = true;\n    }\n</script>\n\n<template>\n    <FormContainer :form=\"form\" optional-text=\"(Optional)\">\n\n         <ValidatorMessages :validator=\"form.validator\" class=\"mb-2\" v-if=\"!showPasswordRequirements\" /> \n\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"email\" label=\"Email\">\n                <TextBoxField v-model=\"form.model.email\" placeholder=\"Email Address\" />\n                <FieldMessages />\n            </FieldLabel>\n        </div>\n        <div class=\"row\">\n            <div class=\"col-md-12 col-lg-12\">\n                <div class=\"mb-3\">\n                    <FieldLabel field-name=\"password\" label=\"Password\">\n                        <TextBoxField v-model=\"form.model.password\" placeholder=\"Password\" :is-password=\"true\" @keyup=\"onPasswordTextChange\"  show-pwd-btn-class=\"btn-color-2-xlt\" />\n                        <PasswordHints />\n                    </FieldLabel>\n                </div>\n                <div class=\"mb-3\">\n                    <FieldLabel field-name=\"confirmPassword\" label=\"Confirm Password\">\n                        <TextBoxField v-model=\"form.model.confirmPassword\" placeholder=\"Password\" :is-password=\"true\" show-pwd-btn-class=\"btn-color-2-xlt\" />                        \n                    </FieldLabel>\n                </div>\n            </div>\n            <div class=\"col-md-5 col-lg-4\">\n                <div class=\"error-label-password\"  v-if=\"showPasswordRequirements\">\n                    <div class=\"password-requirements-box\">\n                            <b>Password Requirements</b>\n                            <FieldMessages field-name=\"password\" :add-box=\"false\" />\n                        </div>\n                </div>\n            </div>\n        </div>    \n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"companyName\" label=\"Company Name\">\n                <TextBoxField v-model=\"form.model.companyName\" placeholder=\"Company Name\" />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"firstName\" label=\"First Name\">\n                <TextBoxField v-model=\"form.model.firstName\" placeholder=\"First Name\" />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"lastName\" label=\"Last Name\">\n                <TextBoxField v-model=\"form.model.lastName\" placeholder=\"Last Name\" />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"phoneNumber\" label=\"Phone Number\">\n                <TextBoxField v-model=\"form.model.phoneNumber\" placeholder=\"Phone Number\" :is-phone-number=\"true\" />\n                <FieldMessages />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"addressLine1\" label=\"Street Address\">\n                <TextBoxField v-model=\"form.model.addressLine1\" placeholder=\"Street Address\" />\n                <FieldMessages />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"addressLine2\" label=\"Address Line 2\">\n                <TextBoxField v-model=\"form.model.addressLine2\" />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"city\" label=\"City\">\n                <TextBoxField v-model=\"form.model.city\" placeholder=\"City\" />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"state\" label=\"State\">\n                <DropDownListField v-model=\"form.model.state\" :options=\"store.shipping.states\" null-option-text=\"Select State\" />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"postalCode\" label=\"Zip Code\">\n                <TextBoxField v-model=\"form.model.postalCode\" :is-postal-code=\"true\" placeholder=\"Zip Code\" />\n            </FieldLabel>\n        </div>\n        <div class=\"mb-3\">\n            <FieldLabel field-name=\"title\" label=\"Title\">\n                <TextBoxField v-model=\"form.model.title\" placeholder=\"Title\" />\n            </FieldLabel>\n        </div>\n        <div class=\"d-grid mt-5\">\n            <button class=\"btn btn-color-1\" @click=\"onSignUp\" :disabled=\"form.status.isInvalid\">CREATE ACCOUNT</button>\n        </div>\n    </FormContainer>\n</template>\n\n<style lang=\"scss\">\n\n    .n-text-box-field {\n        .label {\n            font-weight: $bold;\n        }\n    }\n\n    .password-requirements-box {\n        margin-top: 0.25rem;\n        min-height: 100px;\n    }\n\n    div.error-label-password {\n        position: absolute;\n    background: #fff;\n    border: 1px solid;\n    border-color:#b63f29!important;\n    border-radius: 3px;\n    padding: 10px;\n    width: 200px;\n    z-index: 200;\n    margin-left: 24rem !important;\n    margin-top: -9rem !important;\n}\ndiv.error-label-password:before {\n    content: '';\n    right: 100%;\n    top: 18%;\n    border: solid transparent;\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border: 7px solid transparent;\n    border-right-color: #b63f29;\n}\n\n.n-message{\ndisplay: flex !important;\n}\n</style>\n","import script from \"./SignUpForm.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SignUpForm.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SignUpForm.vue?vue&type=style&index=0&id=732dadc8&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\n    // SignUpRetailerPage\n    // Primary sign-in or sign-up page for retailers.\n    // TODO: Responsiveness\n\n    // Components ----\n    import SignInPageTemplate from '@/template/SignInPageTemplate';\n    import SignInForm from './components/SignInForm';\n    import SignUpForm from './components/SignUpForm';\n\n    // Imports ----\n    import { ref } from 'vue';\n    //import { useRouter } from 'vue-router'\n\n    //var router = useRouter();\n\n    // State ----\n    const createAccount = ref(false);\n\n    // Handlers ----\n    function onCreateAccount() {\n        createAccount.value = true;\n    }\n</script>\n\n<template>\n    <SignInPageTemplate>\n        <div class=\"container page-container\">\n\n            <div class=\"row\">\n                <div class=\"col col-12 col-sm-6 col-md-5 offset-md-1 col-lg-4 offset-lg-1\">\n                    <div class=\"create-account-header text-center mt-5 mb-3\">\n                        <h1>Account Sign In</h1>\n                    </div>\n\n                    <SignInForm />\n                </div>\n                \n                <div class=\"col col-12 col-sm-6 col-md-5 col-lg-4 offset-lg-1\">\n                    <div class=\"create-account-header text-center mt-5 mb-3\">\n                        <h1>Create a Retailer Account</h1>\n                    </div>\n\n                    <template v-if=\"createAccount\">\n                        <SignUpForm />\n                        <div class=\"footer-spacer\"></div>\n                    </template>\n\n                    <div v-else>\n                        <div class=\"d-grid mt-3\">\n                            <button class=\"btn btn-outline-color-1\" @click=\"onCreateAccount\">CREATE ACCOUNT</button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n    </SignInPageTemplate>\n</template>\n\n<style lang=\"scss\">\n\n    .page-container {\n        margin-bottom: 4rem;\n    }\n\n    .create-account-header {\n        height: 3rem;\n\n        h1 {\n            color: $black;\n            font-weight: $normal;\n            font-size: 1.2rem;\n        }\n    }\n\n    .footer-spacer {\n        height: 4rem;\n    }\n\n</style>","import script from \"./SignUpRetailerPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SignUpRetailerPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SignUpRetailerPage.vue?vue&type=style&index=0&id=7a952119&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","// Services related to address list\n\nexport default class AddressList {\n\n    // Constructor\n    constructor(store) {\n        this.store = store;\n    }\n    /**\n     * upload excel file\n     * @param {file} payload\n     */\n    async uploadAddressList(file) {\n        return await this.store.api.put(`/api/store/cart/ship-to-contacts/upload`, file);\n    }\n\n    /**\n     * upload excel file\n     * @param {file} payload\n     */\n    async validateAddresses(addresses) {\n        return await this.store.api.post(`/api/store/cart/ship-to-contacts/validate`, addresses);\n    }\n\n}\n","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__","// Store\n// Defines a class derived from NucleusStore that can customize services provided at the store level.\n\n// Global Components ----\nimport PageTemplate from './template/PageTemplate';\n\n// Pages for Router\nimport HomePage from './site/HomePage.vue';\nimport SignInPage from './site/areas/sign-in/SignInPage.vue';\nimport OktaSignInPage from './site/areas/sign-in/okta/OktaSignInPage.vue';\nimport ForgotPasswordPage from './site/areas/sign-in/ForgotPasswordPage.vue';\nimport SetPasswordPage from './site/areas/sign-in/SetPasswordPage.vue';\nimport ResetPasswordPage from './site/areas/sign-in/ResetPasswordPage.vue';\nimport VerifyEmailPage from './site/areas/sign-in/VerifyEmailPage.vue';\nimport ProductSearchPage from './site/areas/products/SearchPage.vue';\nimport ProductDetailPage from './site/areas/products/ProductDetailPage.vue';\nimport CartPage from './site/areas/cart/CartPage.vue';\nimport CheckoutPage from './site/areas/cart/CheckoutPage.vue';\nimport ReviewPage from './site/areas/cart/ReviewPage.vue';\nimport OrderConfirmedPage from './site/areas/cart/OrderConfirmedPage.vue';\nimport OrderDetailPage from './site/areas/orders/OrderDetailPage.vue';\nimport AccountPage from './site/areas/account/AccountPage.vue';\nimport HelpPage from './site/areas/help/HelpPage.vue';\nimport MFAPage from './site/areas/sign-in/MFAPage.vue';\n\n// Very SXM specific\nimport SignUpAccountTypePage from './site/areas/sign-in/SignUpAccountTypePage.vue';\nimport SignUpAutoPage from './site/areas/sign-in/SignUpAutoPage.vue';\nimport SignUpRetailerPage from './site/areas/sign-in/SignUpRetailerPage.vue';\n\n// Imports ----\nimport { NucleusStore, AspNetAuthenticator, Announcement, IndividualOrder } from '@dd-nucleus/nucleus-vue';\nimport AddressList from './services/AddressList';\n\n// Impersonation\nimport ImpersonationEnded from '@/site/components/ImpersonationEnded.vue';\n\nexport default class Store extends NucleusStore {\n\t// Constructor\n\tconstructor() {\n\t\tsuper();\n\n\t\t// Set site to require authentication before seeing any pages\n\t\tthis.requireAuthentication = true;\n\n\t\t// Add ASP.NET authentication\n\t\tthis.authenticator = new AspNetAuthenticator(this);\n\n\t\t// add  upload address list\n\t\tthis.addressList = new AddressList(this);\n\n\t\tthis.announcement = new Announcement(this);\n\n\t\tthis.individualOrder = new IndividualOrder(this);\n\n\t\t//Subscribe to the Sign out global event\n\t\tthis.onSignedOut(() => {\n\t\t\tsessionStorage.removeItem('logged-in');\n\t\t});\n\n\t\t//Subscribe to the Forbidden request global event and redirect the user to the sign in route\n\t\tthis.onForbidden(() => {\n\t\t\tlet router = this.createVueRouter();\n\t\t\tconst wasAuthenticated = this.user.isAuthenticated;\n\t\t\tconst isAuthenticated = this.authenticator.isSignedIn();\n\t\t\tif (isAuthenticated && wasAuthenticated) {\n\t\t\t\tthis.signOut(router).then(() => { router.go() });\n\t\t\t}\n\t\t});\n\t}\n\n\t//TODO: migrate these to nucleus vue\n\tasync verifyEmail(token, email) {\n\t\treturn await this.api.get(`/api/site/email-confirmation?token=${encodeURIComponent(token)}&email=${email}`);\n\t}\n\n\t/**\n\t * Initializes the store.\n\t * @param {any} options\n\t */\n\tasync initialize(options) {\n\t\tawait super.initialize(options);\n\t}\n\n\t// setupVue()\n\t// Called to allow this object to modify the Vue app if necessary.\n\tsetupVue(vueApp) {\n\t\tsuper.setupVue(vueApp);\n\n\t\t// Add any statements here to modify the Vue application supplied\n\n\t\t// Register global components\n\t\tvueApp.component('PageTemplate', PageTemplate);\n\t}\n\n\t// createVueRouter()\n\t// Called to allow the store to add any needed routes. Use the helper methods as shown below.\n\tcreateVueRouter() {\n\t\t// Here, create the list of routes that apply specifically to this site.\n\t\t// NOTE: If authentication is required, defining a route to the path '/' will cause an error.\n\t\t//       In that case a route with name == 'Home' is also required, which is where users will land after signing in.\n\t\tthis.addRoute('/home', 'Home', HomePage);\n\t\tthis.addRoute('/products', 'ProductSearch', ProductSearchPage);\n\t\tthis.addRoute('/product/:id', 'ProductDetail', ProductDetailPage);\n\t\tthis.addRoute('/cart', 'Cart', CartPage);\n\t\tthis.addRoute('/checkout/:section?', 'Checkout', CheckoutPage);\n\t\tthis.addRoute('/review', 'Review', ReviewPage);\n\t\tthis.addRoute('/order-confirmed/:id?', 'OrderConfirmed', OrderConfirmedPage);\n\t\tthis.addRoute('/order/:id?', 'OrderDetail', OrderDetailPage);\n\t\tthis.addRoute('/account/:section?', 'Account', AccountPage);\n\t\tthis.addRoute('/help/:section?', 'Help', HelpPage);\n\n\t\t// Impersonation Pages\n\t\tthis.addRoute('/emulation-ended', 'ImpersonationEnded', ImpersonationEnded);\n\n\t\t// Sign-in\n\t\tthis.addPublicRoute('/sign-in', 'SignIn', SignInPage);\n\t\tthis.addPublicRoute('/sso/okta', 'OktaSignIn', OktaSignInPage);\n\t\tthis.addPublicRoute('/sign-in/forgot-password', 'ForgotPassword', ForgotPasswordPage);\n\t\tthis.addPublicRoute('/sign-in/reset-password/:id', 'ResetPassword', ResetPasswordPage);\n\t\tthis.addPublicRoute('/sign-in/set-password/:id', 'SetPassword', SetPasswordPage);\n\t\tthis.addPublicRoute('/mfa', 'MFA', MFAPage);\n\t\tthis.addPublicRoute('/sign-in/verify-email', 'VerifyEmail', VerifyEmailPage);\n\n\t\t// SXM specific\n\t\tthis.addPublicRoute('/sign-up/account-type', 'SignUpAccountType', SignUpAccountTypePage);\n\t\tthis.addPublicRoute('/auto', 'SignUpAuto', SignUpAutoPage);\n\t\tthis.addPublicRoute('/retail', 'SignUpRetailer', SignUpRetailerPage);\n\n\t\t// Call the base class, supplying our routes, to actually create and configure the router.\n\t\tconst router = super.createVueRouter();\n\n\t\treturn router;\n\t}\n\n\t// Call Add Token API to generate new token and invalidate older ones if any.\n\tasync addToken() {\n\t\tawait this.api.post(`/api/asp-net-auth/add-token`);\n\t}\n\n\t// #endregion\n}\n\nexport const store = new Store();\nexport const DEFAULT_COUNTRY_CODE = 'US';\n","export const UserRoles = [\n    {\n        \"id\": \"Qualfon.Csd\",\n        \"name\": \"Qualfon CSD\",\n    },\n    {\n        \"id\": \"Qualfon.CsdAdmin\",\n        \"name\": \"Qualfon CSD Admin\",\n    },\n    {\n        \"id\": \"Qualfon.Support\",\n        \"name\": \"Qualfon Support\",\n    },\n    {\n        \"id\": \"Client.Admin\",\n        \"name\": \"Alcon Admin\",\n    },\n    {\n        \"id\": \"SA\",\n        \"name\": \"System Administrator\",\n    },\n];\n\n// Admin roles\nexport const UserRolesWithAdminAccess = [\n    {\n        \"id\": \"Qualfon.Csd\",\n        \"name\": \"Qualfon CSD\",\n    },\n    {\n        \"id\": \"Qualfon.CsdAdmin\",\n        \"name\": \"Qualfon CSD Admin\",\n    },\n    {\n        \"id\": \"Client.Admin\",\n        \"name\": \"Alcon Admin\",\n    },\n    {\n        \"id\": \"SA\",\n        \"name\": \"System Administrator\",\n    }\n];\n\n// division\nexport const Divisions = [\n    { id: 'Automotive', text: 'Automotive' },\n    { id: 'OEM', text: 'OEM' },\n    { id: 'Retail', text: 'Retail' }\n];\n\n// user statuses\nexport const UserStatuses = [\n    { id: 'Active', text: 'Active' },\n    { id: 'Inactive', text: 'Inactive' },\n    { id: 'On Leave', text: 'On Leave' }\n];\n\n// TODO: This needs to be fetched from API\nexport const LimitType = {\n    none: 0,\n    monthly: 3\n}\n\nexport const OrderType = {\n    NOR: \"NOR\",\n    LS: \"LS\"\n}\n\nexport const ShippingMethods = {\n    Ground: \"R05\",\n    SecondDayStandard: \"F11\",\n    NextDayStandard: \"F06\",\n    InternationalEconomy: \"F69\"\n}\n\nexport const Countries = {\n    UnitedStatesOfAmerica: \"US\",\n    PuertoRico: \"PR\",\n}","<script setup>\n\t// App.vue\n\t// Standard app component for Nucleus sites\n\n\t// Imports ----\n\timport { onMounted, computed } from 'vue';\n\timport { useRouter, useRoute } from 'vue-router';\n\timport { store } from '@/Store';\n    import { TimeoutModal } from '@dd-nucleus/nucleus-vue';\n\n    const router = useRouter();\n\tconst route = useRoute();\n\n\t// Lifecycle ----\n\tonMounted(async () => {\n\t\t// Create an options object to pass in\n\t\tconst options = {\n\t\t\trouter: router,\n\t\t\tconfigUrl: 'api/site/config'\n\t\t};\n\n\t\t// Initialize the Nucleus app and supply the router\n\t\tstore.initialize(options);\n\t});\n\n\tconst inactiveTimer = Number(process.env.VUE_APP_INACTIVE_TIME_IN_SECONDS_TO_SIGNOUT);\n\n    const routeKey = computed(() => {\n        return route.fullPath.split(\"#\")[0]\n\t})\n\n</script>\n\n<template>\n\t<SizeDisplay />\n\t<StartupPanel />\n\t<!-- Track user activity and logs them out if they are inactive for specified time. The number indicated below is time which should be given in terms of seconds. -->\n\n\t<TimeoutModal :timer=\"inactiveTimer\" />\n\t<!-- Note :key with route.fullPath wasnt working for sso. It was giving an infinite loop. Need to recheck this again with some good solution -->\n\t<router-view :key=\"routeKey\" />\n\n</template>\n\n<style lang=\"scss\">\n\t// Load main, which allows custom styles to be added after .vue components\n\t@import '@/scss/main.scss';\n</style>\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=bd261ac8&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","\n// main.js\n// Main entry point for the site\n\n// Imports ----\nimport App from './App.vue';\nimport { createApp } from 'vue';\nimport { store } from './Store';\n\nimport VueSnip from 'vue-snip';\nimport 'bootstrap';\n\n// Create the router\nconst router = store.createVueRouter();\n\n// Set up snip options\nconst snipOptions = {\n    snipMethod: 'css'\n};\n\n// Create the app\nconst app = createApp(App);\n\napp.use(router);\napp.use(VueSnip, snipOptions);\n\n// This allows the use of a dynamic \"v-auto-focus\" attribute on an element to give it focus once loaded.\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\">)\n// TODO: Look for a way to fold this into the Nucleus layer. Perhaps a setup similar to router.js.\napp.directive('auto-focus', (el, binding) => {\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'\n\n    // eslint-disable-next-line\n    if ((!binding.hasOwnProperty('value')) || binding.value) {\n        el.focus();\n        el.wasFocused = true;\n    }\n});\n\n// Initialize the custom store singleton and pass it the created Vue app\nstore.setupVue(app);\n\napp.mount('#app');","<script setup>\n\t// PageHeader\n\t// Used as a header for all pages that use templates/PageTemplate.vue\n\n\t// Components ----\n\timport { PageHeaderContainer, OmniSearch } from '@dd-nucleus/nucleus-vue';\n\n\t// Imports ----\n\timport { computed, reactive, ref } from 'vue';\n\timport { useRouter, useRoute } from 'vue-router';\n\timport { store } from '@/Store';\n\timport { UserRolesWithAdminAccess } from '@/constants';\n\n\tconst router = useRouter();\n\tconst route = useRoute();\n\n\t// State ----\n\tconst selection = reactive([]);\n\t// const keyword = ref('');\n\tconst showHamburgerMenu = ref(false);\n\n\t// Computed ----\n\tconst cartTileClasses = computed(() => {\n\t\treturn { 'cart-updating': store.cart.current.updating };\n\t});\n\n\t// Computed\n\tconst isImpersonating = computed(() => {\n\t\treturn store.user.isImpersonating;\n\t});\n\n\tconst userRolesWithAdminAccessIds = computed(() => {\n\t\treturn UserRolesWithAdminAccess.map(u => u.id);\n\t});\n\n\t// Handlers ----\n\tfunction onItemSelected(path) {\n\t\t// TODO: HACK: Only way to get search to refresh when on the search page\n\t\tif (route.name === 'ProductSearch') {\n\t\t\twindow.location = '/products?f-product-category=' + path[0].id;\n\t\t} else {\n\t\t\trouter.push('/products/?f-product-category=' + path[0].id);\n\t\t\tshowHamburgerMenu.value = false;\n\t\t}\n\t}\n\n\tfunction toggleHamburgerMenu() {\n\t\tshowHamburgerMenu.value = !showHamburgerMenu.value;\n\t}\n\n\tfunction onClickOutsideMenu() {\n\t\tshowHamburgerMenu.value = false;\n\t}\n\n\tasync function onSignOut() {\n\t\tawait store.signOut(router);\n\t}\n</script>\n\n<template>\n\t<PageHeaderContainer class=\"sticky-top\">\n\t\t<nav class=\"main-navbar navbar navbar-expand-md navbar-nucleus\">\n\t\t\t<div class=\"container-fluid d-flex flex-fill\">\n\t\t\t\t<div class=\"hamburger\">\n\t\t\t\t\t<ul class=\"navbar-nav me-auto mb-2 mb-lg-0\">\n\t\t\t\t\t\t<li class=\"nav-item dropdown\">\n\t\t\t\t\t\t\t<a class=\"nav-link\" href=\"#\" @click=\"toggleHamburgerMenu\" role=\"button\">\n\t\t\t\t\t\t\t\t<i class=\"hamburger-icon bi bi-list\"></i>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\t\t\t\t<router-link to=\"/\">\n\t\t\t\t\t<img src=\"/images/alcon_logo.png\" alt=\"Alcon\" class=\"logo-new\"/>\n\t\t\t\t</router-link>\n\n\t\t\t\t<div class=\"d-md-flex flex-md-fill\">\n\t\t\t\t\t<div class=\"search-container flex-md-fill ps-md-3 pe-md-5 d-none d-md-block pt-3\">\n\t\t\t\t\t\t<OmniSearch placeholder=\"search for products\" />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<ul class=\"navbar-nav me-auto mb-2 mb-lg-0\">\n\t\t\t\t\t\t<li class=\"help-menu dropdown nav-item d-none d-lg-block pt-3\" :class=\"{ authenticated: store.user.isAuthenticated }\">\n\t\t\t\t\t\t\t<a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"navbarDropdown\" role=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\tHelp\n\t\t\t\t\t\t\t\t<i class=\"bi-chevron-right ms-md-1\"></i>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t<ul class=\"dropdown-menu\" aria-labelledby=\"navbarDropdown\">\n\t\t\t\t\t\t\t\t<li><router-link class=\"dropdown-item\" to=\"/help/contact\">Contact Us</router-link></li>\n\t\t\t\t\t\t\t\t<li><a target=\"_blank\" class=\"dropdown-item\" href=\"/downloads/OrderPointe EStore User Manual for Alcon_final.pdf\">User Guide</a></li>\n\t\t\t\t\t\t\t\t<li><a class=\"dropdown-item\" href=\"/help/faqs\">Frequently Asked Questions</a></li>\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li class=\"nav-item dropdown d-none d-md-block\">\n\t\t\t\t\t\t\t<template v-if=\"store.user.isAuthenticated\">\n\t\t\t\t\t\t\t\t<a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"navbarDropdown\" role=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\" style=\"max-width:20%;\">\n\t\t\t\t\t\t\t\t\tHi {{ store.user.firstName }} <br />\n\t\t\t\t\t\t\t\t\tYour Account\n\t\t\t\t\t\t\t\t\t<i class=\"bi-chevron-right ms-md-1\"></i>\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t<ShowOnlyForRoles :roles=\"userRolesWithAdminAccessIds\">\n\t\t\t\t\t\t\t\t\t<a class=\"btn btn-primary btm-sm p-1\" href=\"/manager\"> Go to Admin Center</a>\n\t\t\t\t\t\t\t\t</ShowOnlyForRoles>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t\t<a class=\"nav-link dropdown-toggle\" href=\"#\" role=\"button\" aria-expanded=\"false\"> Sign In </a>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t<ul class=\"dropdown-menu\" aria-labelledby=\"navbarDropdown\">\n\t\t\t\t\t\t\t\t<li><router-link class=\"dropdown-item\" to=\"/account/profile\">My Profile</router-link></li>\n\t\t\t\t\t\t\t\t<li><router-link class=\"dropdown-item\" to=\"/account/favorites\">My Favorites</router-link></li>\n\t\t\t\t\t\t\t\t<li><router-link class=\"dropdown-item\" to=\"/account/contacts\">My Contacts</router-link></li> \n\t\t\t\t\t\t\t\t<li><router-link class=\"dropdown-item\" to=\"/account/order-history\">My Order History</router-link></li>\n\t\t\t\t\t\t\t\t<!--<li><router-link class=\"dropdown-item\" to=\"/account/password\">My Password</router-link></li>-->\n\t\t\t\t\t\t\t\t<li v-if=\"!isImpersonating\"><a class=\"dropdown-item\" href=\"#\" @click.cancel=\"onSignOut\">Sign Out</a></li>\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\n\t\t\t\t\t<div class=\"navbar-nav cart-container justify-content-end flex-row pt-2\" :class=\"cartTileClasses\">\n\t\t\t\t\t\t<router-link class=\"text-white\" to=\"/cart\">\n\t\t\t\t\t\t\t<i class=\"cart-icon bi-cart3\"></i>\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t\t<div class=\"cart-text text-end ps-md-1\">\n\t\t\t\t\t\t\t<router-link class=\"text-white no-underline\" to=\"/cart\">\n\t\t\t\t\t\t\t\t{{ store.cart.current.unitCount }}<br />\n\t\t\t\t\t\t\t\tCart\n\t\t\t\t\t\t\t</router-link>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</nav>\n\n\t\t<Transition>\n\t\t\t<div v-if=\"showHamburgerMenu\" class=\"hamburger-menu\" aria-labelledby=\"hamburgerDropdown\" v-click-outside=\"onClickOutsideMenu\">\n\t\t\t\t<div class=\"header\">Shop Products</div>\n\t\t\t\t<div class=\"menu-item\"><router-link to=\"/products\">All Products</router-link></div>\n\t\t\t\t<div class=\"categories-box\">\n\t\t\t\t\t<TreeSelect class=\"filter-nav\" :items=\"store.products.categories\" :open-levels=\"1\" :selection=\"selection\" @selected=\"onItemSelected\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"header\">Other Links</div>\n\t\t\t\t<div class=\"menu-item\"><router-link to=\"/account/profile\">My Profile</router-link></div>\n\t\t\t\t<div class=\"menu-item\"><a href=\"/help/faqs\">Frequently Asked Questions</a></div>\n\t\t\t\t<div class=\"menu-item\"><router-link to=\"/help/contact\">Contact Us</router-link></div>\n\t\t\t\t<div class=\"menu-item\" v-if=\"!isImpersonating\"><a href=\"#\" @click.cancel=\"onSignOut\">Sign Out</a></div>\n\t\t\t</div>\n\t\t</Transition>\n\t</PageHeaderContainer>\n</template>\n\n<style lang=\"scss\">\n\t.hamburger {\n\t\tmargin-right: 1rem;\n\t\tpadding-top: 0.3rem;\n\t}\n\n\t.navbar-brand {\n\t\timg {\n\t\t\twidth: 200px;\n\t\t\theight: 80px;\n\t\t\tobject-fit: contain;\n\t\t}\n\t}\n\n    .hamburger-menu {\n        padding-left: 0.6rem;\n        padding-right: 0.6rem;\n        border: 1px solid rgba(0, 0, 0, 0.15);\n        background-color: $white;\n        z-index: 10000;\n        position: absolute;\n        left: 0px;\n        width: 100%;\n\n\t\t.categories-box {\n            max-height: 50vh;\n            overflow-y: auto;\n        }\n\n        .n-tree-select {\n            .item {\n            }\n\n            .link,\n            .link:visited {\n                color: $color-2;\n            }\n        }\n\n        .header {\n            font-weight: $bold;\n            margin-top: 0.5rem;\n            color: $gray-50;\n            border-bottom: 1px solid $gray-20;\n        }\n\n        .menu-item {\n            padding: 0.5rem;\n        }\n\n        .menu-item:hover {\n            background-color: $color-2-xlt;\n        }\n\n        .menu-item a,\n        .menu-item a:visited {\n            font-weight: $bold;\n            color: $black;\n            text-decoration: none;\n            display: block;\n        }\n\n        .menu-item a:hover {\n            text-decoration: none;\n        }\n    }\n\n\t.hamburger-icon {\n\t\tfont-size: 2rem;\n\t}\n\n\t.search-container {\n\t\tpadding-top: 0.7rem;\n\t\tmargin: auto;\n\t}\n\n\t.btn-search,\n\t.btn-search:hover {\n\t\tborder-top-right-radius: 0rem;\n\t\tborder-bottom-right-radius: 0rem;\n\t\tborder-top: 1px solid #999999 !important;\n\t\tborder-right: 1px solid #999999 !important;\n\t\tborder-bottom: 1px solid #999999 !important;\n\t}\n\n\t.btn-search:hover {\n\t\tbackground-color: $action-button-bg-color;\n\t\tcolor: $color-1;\n\t}\n\n\t.help-menu {\n\t\tpadding-right: 3rem;\n\t\twhite-space: nowrap;\n\t}\n\n\t.help-menu.authenticated {\n\t\tpadding-top: 0.5rem;\n\t}\n\n\t.cart-container {\n\t\twidth: 4rem;\n\t}\n\n\t.cart-updating {\n\t\topacity: 0.2;\n\t}\n\n\t.cart-icon {\n\t\tfont-size: 2rem;\n\t}\n\n\t.cart-text {\n\t\tpadding-top: 0.8rem;\n\t\tcolor: $header-text-color;\n\t\tfont-size: 0.8rem;\n\t\tline-height: 0.8rem;\n\t}\n\n\t.hamburger-menu {\n\t\t.n-tree-select {\n\t\t\t// Selected item\n\t\t\t.selected > .item {\n\t\t\t\t.link {\n\t\t\t\t\tcolor: $category-filter-selected-text-color;\n\t\t\t\t\tfont-family: $category-filter-selected-font-name;\n\t\t\t\t\tfont-weight: $category-filter-selected-font-weight;\n\t\t\t\t\tfont-size: $category-filter-selected-font-size;\n\t\t\t\t}\n\t\t\t}\n\t\t\t// All levels\n\t\t\t.level .item {\n\t\t\t\tpadding: $category-filter-item-padding;\n\t\t\t\tcolor: $category-filter-item-text-color;\n\t\t\t\tfont-family: $category-filter-item-font-name;\n\t\t\t\tfont-weight: $category-filter-item-font-weight;\n\t\t\t\tfont-size: $category-filter-item-font-size;\n\t\t\t}\n\n\t\t\t.level .item > .link {\n\t\t\t\tcolor: $category-filter-item-text-color;\n\t\t\t}\n\n\t\t\t.level .item:hover {\n\t\t\t\tbackground-color: $category-filter-item-hover-bg-color;\n\t\t\t}\n\t\t\t// Level 1 items only\n\t\t\t.level-1 > .item {\n\t\t\t\tcolor: $category-filter-item-level-1-text-color;\n\t\t\t\tfont-name: $category-filter-item-level-1-font-name;\n\t\t\t\tfont-weight: $category-filter-item-level-1-font-weight;\n\t\t\t\tfont-size: $category-filter-item-level-1-font-size;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t.level-1 .item > .link {\n\t\t\t\tcolor: $category-filter-item-level-1-text-color;\n\t\t\t}\n\t\t\t// Level 2 items only\n\t\t\t.level-2 .item {\n\t\t\t\tcolor: $category-filter-item-level-2-text-color;\n\t\t\t\tfont-name: $category-filter-item-level-2-font-name;\n\t\t\t\tfont-weight: $category-filter-item-level-2-font-weight;\n\t\t\t\tfont-size: $category-filter-item-level-2-font-size;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t.level-2 > .item > .link {\n\t\t\t\tcolor: $category-filter-item-level-2-text-color;\n\t\t\t}\n\t\t\t// Level 3 items only\n\t\t\t.level-3 > .item {\n\t\t\t\tcolor: $category-filter-item-level-3-text-color;\n\t\t\t\tfont-name: $category-filter-item-level-3-font-name;\n\t\t\t\tfont-weight: $category-filter-item-level-3-font-weight;\n\t\t\t\tfont-size: $category-filter-item-level-3-font-size;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t.level-3 > .item > .link {\n\t\t\t\tcolor: $category-filter-item-level-3-text-color;\n\t\t\t}\n\t\t\t// Level 4 items only\n\t\t\t.level-4 > .item {\n\t\t\t\tcolor: $category-filter-item-level-4-text-color;\n\t\t\t\tfont-name: $category-filter-item-level-4-font-name;\n\t\t\t\tfont-weight: $category-filter-item-level-4-font-weight;\n\t\t\t\tfont-size: $category-filter-item-level-4-font-size;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t.level-4 > .item > .link {\n\t\t\t\tcolor: $category-filter-item-level-4-text-color;\n\t\t\t}\n\t\t\t// Level 5 items only\n\t\t\t.level-5 > .item {\n\t\t\t\tcolor: $category-filter-item-level-5-text-color;\n\t\t\t\tfont-name: $category-filter-item-level-5-font-name;\n\t\t\t\tfont-weight: $category-filter-item-level-5-font-weight;\n\t\t\t\tfont-size: $category-filter-item-level-5-font-size;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t.level-5 > .item > .link {\n\t\t\t\tcolor: $category-filter-item-level-5-text-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.n-header {\n\t\tmargin-bottom: 0px !important;\n\t}\n\n\t// Small devices (landscape phones, 576px and up)\n\t@media (min-width: 576px) {\n\t}\n\n\t// Medium devices (tablets, 768px and up)\n\t@media (min-width: 768px) {\n\t\t.hamburger-menu {\n\t\t\tleft: unset;\n\t\t\twidth: 20rem;\n\t\t\tmargin-top: -1.25rem;\n\t\t}\n\n\t\t.cart-container {\n\t\t}\n\t}\n\n\t// Large devices (desktops, 992px and up)\n\t@media (min-width: 992px) {\n\t\t.hamburger-menu {\n\t\t\tmargin-top: -1rem;\n\t\t}\n\t}\n\n\t// X-Large devices (large desktops, 1200px and up)\n\t@media (min-width: 1200px) {\n\t}\n\n\t// XX-Large devices (larger desktops, 1400px and up)\n\t@media (min-width: 1400px) {\n\t}\n\n    .logo-new {\n        object-fit: contain;\n        height: 35px;\n        width: 150px;\n    }\n</style>\n","import script from \"./PageHeader.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PageHeader.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PageHeader.vue?vue&type=style&index=0&id=af0961fc&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","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=7905d49c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n    //ImpersonateAlert\n\n    // Components\n\n    // Imports\n    import { computed } from 'vue';\n    import { useRouter } from 'vue-router';\n    import { store } from '@/Store';\n\n    // State\n    const router = useRouter();\n\n    // Computed\n    const isImpersonating = computed(() => {\n        return store.user.isImpersonating;\n    })\n\n    const name = computed(() => {\n        return store.user.firstName + \" \"+ store.user.lastName;\n    })\n\n    // Handlers\n    function endEmulation() {\n        const endImpersonateSession = confirm(\"Are you sure you want to stop the emulation session this user?\");\n        if (endImpersonateSession) {\n            store.authenticator.deleteImpersonateSession();\n            router.push({ name: 'ImpersonationEnded' });\n        }\n    }\n\n</script>\n\n\n<template>\n    <div class=\"emulationContainer position-relative\" v-if=\"isImpersonating\">\n        <div class=\"container alert alert-warning sticky-top mt-3\">\n            <div class=\"d-flex emulation\">\n                <div>\n                    <i class=\"bi bi-people-fill fs-2\" />\n                </div>\n                <div>\n                    <p class=\"mb-0\">\n                        You are in an Emulation Session for\n                        <span class=\"fw-bold\">{{name}}</span>\n                    </p>\n                </div>\n                <div>\n                    <button class=\"btn btn-primary btn-sm\" @click=\"endEmulation\">End Emulation</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n\n<style lang='scss'>\n    .emulationContainer{\n        z-index:1;\n\n        .emulation {\n            align-items: center;\n            gap: 1.5rem;\n        }\n    }\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=5b6ee203&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","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__","// 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__.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); }","// 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};","// 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\t143: 0\n};\n\n// no chunk on demand loading\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[\"webpackChunkalcon_store\"] = self[\"webpackChunkalcon_store\"] || [];\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, [998], function() { return __webpack_require__(872); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["props","__props","onMounted","async","watch","product","limits","store","products","getProductLimits","deep","__exports__","setup","tileHeight","productNameLines","Setup","reactive","form","AddToCartForm","allowBackorders","quantityLabel","computed","config","unitOfMeasures","find","unit","id","toLowerCase","unitOfMeasure","text","featuredFilter","filters","featured","includeFirstOrderInBulkOrdersFilter","filterId","values","announcementToShow","updateOrderForBulkOrder","order","bulkOrderId","orderNumber","bulkOrderNumber","getRecipientName","shipTo","firstName","lastName","substring","trim","addressee","onInitialized","user","userId","response","announcement","getAnnouncementsForUser","succeeded","this","handleApiError","push","announcements","SignInForm","Form","constructor","router","super","username","password","keepSignedIn","validator","fields","isRequired","validate","onValidate","onValidateAsync","model","signIn","success","addError","errorMessage","name","useRouter","route","useRoute","onSignIn","sessionStorage","setItem","submit","addToken","onOktaSignIn","oktaConfig","oidc","clientId","process","issuer","redirectUri","scopes","system","auth","ref","value","OktaAuthenticator","SetPasswordForm","linkId","userName","email","confirmPassword","checkNotEmpty","length","authenticator","validatePassword","reset","messages","forEach","m","messageType","MessageType","addOk","userMessage","setPasswordFromLink","params","detail","validateResetPasswordLink","isInvalidResetPasswordLink","isValidatingPassword","onCancel","routeToSignIn","onPasswordTextChange","onSave","path","Object","assign","allPasswordConditionsMet","every","type","showPasswordRequirements","constants","DEFAULT_TITLE","DEFAULT_PAGE_SIZE","selectedCategories","search","Search","setFilterValues","selectedFilters","productsView","query","view","resultsLoaded","results","loaded","totalProducts","onResults","getFilterValues","productSearch","Util","dates","map","date","Date","toLocaleString","split","join","sortOptions","pageSizeOptions","onPathChanged","items","splice","localStorage","getItem","setPage","clear","setFilterValue","removeFilter","filter","removeAllFilters","clearFilters","onStarting","Number","pdfModal","failedToLoad","pageCount","pdfRef","pdfUrl","loadingPdf","customWidth","pdfMedia","media","mediaType","hasPdf","hasMultiplePdf","previewPdf","url","open","closePdfModal","close","handleDocumentRender","loadingFailed","pdfLoaded","loadingProgress","zoomIn","zoomOut","productId","modalImage","imageSelectedUrl","companionItems","companionProducts","companionProductNumber","companionProductThumbnailImageUrl","companionProductId","companionProductName","quantity","isCalculated","itemNumber","thumbnailImageUrl","parentProductId","productMedia","productSlides","t","includes","onSignedIn","getProductDetail","productCount","quantityPerUnit","onImageSelected","disableLightbox","window","scrollTo","top","behavior","UpdateCartItemQtyForm","item","onRemoveFromCart","cart","removeItem","current","shipToList","hideOutOfStockMessage","filterOutOfStock","message","messageId","defaultLanguageText","quantityAvailable","validateCartQty","allowOrderBeyondLimit","getCssClass","index","shaded","isChecked","reasonforConferenceOrder","isConferenceOrderType","attributes","allowLimitOverride","emit","__emit","updateConferenceType","overrideProductLimits","updatecontinueStatus","checkContinueStatus","onCartLoaded","onCartUpdated","newValue","isContinueDisabled","reasonText","shouldDisable","disableContinue","canPlaceOrder","handleTextChanged","SaveReasonforConferenceOrder","reasonNote","holdReasonNote","holdReasons","addHoldReasonNote","onCheckout","selectedCountry","DEFAULT_COUNTRY_CODE","shippingAddressForm","ShippingAddressForm","address","editing","isDefault","shipping","addresses","isDeletable","deletable","isEditable","editable","onSetDefault","setDefaultShippingAddress","onEdit","countryCode","onDelete","confirmed","confirm","deleteAddress","toast","refreshSearches","error","onCancelEditShippingAddress","onSubmitEditShippingAddress","onChanged","state","province","addressLine1","addressLine2","city","postalCode","ShipToUserForm","saveAddress","saveDefault","load","shipToMode","ShipToMode","ShipToUser","contactAddressId","contactId","setShipToUserCustomAddress","commonProps","companyName","addressLine3","addressLine4","View","EDITABLE","EDITING","SUMMARY","AddressOption","SAVED_ADDRESS","OTHER","addShippingAddressForm","addressOption","selectedAddressId","isLoaded","addingShippingAddress","setEmptyFilter","options","pageView","canEdit","cartAddressOption","getContactAddressId","update","onAddShippingAddress","onCancelAddShippingAddress","onSaveShippingAddress","onAddressSelected","setShipToUserSavedAddress","setDefaultShippingMethod","onShippingAddressChanged","onOtherAddressChanged","toUpperCase","Countries","shipMethodCode","ShippingMethods","setShipMethod","addValue","addressId","formIsValid","isInvalid","contact","isFavorite","onEditClicked","onDeleteClicked","onFavoriteClicked","marketing","setFavoriteContact","editContactForm","EditContactForm","favoritesOnly","editingContact","uploadBulkContacts","selectedContactId","onSetFavoritesOnly","set","onNewContact","newContact","onEditContact","editContact","onCancelEditContact","onSaveContact","onContactSelected","onContactDeselected","onDeleteContact","deleteContact","searchType","bulkContactsHandler","exportContacts","token","fetch","method","headers","ok","blob","link","document","createElement","href","URL","createObjectURL","download","body","appendChild","click","removeChild","editingContactHandler","quantityMap","selections","sort","a","b","orderContactItemQuantities","cartItemId","allSelected","keys","updateQuantityMap","itemId","parseInt","applyQuantityToAllItems","toggleAddressSelect","onRemoveSelected","selectionIsMarkedForRemoval","addressIds","removeMultiShipAddresses","toggleSelectAll","markAllAddressAsSeelcted","getAddressee","formatAddress","addressArray","replaceAll","addressCount","haveAddressesUpdated","Display","SUMMARY_ADDRESS_LIST","PREVIEW_ADDRESS_LIST","CONFIRM_ADDRESS_LIST","UPLOAD_ADDRESS_LIST","selection","isContactsSelected","display","updatedAddress","properties","ShipToContact","marketingContactId","undefined","personalAddresses","onCancelClicked","ShipToContacts","multiSelect","setShipToMarketingContact","x","goToReviewPage","shipToContacts","updateToSingleContact","updatedAddresses","setShipToMultiplContacts","shipToContact","property","setShipToModeToSingleContact","onMyAddressConfirmClicked","selectedAddresses","AddOption","NEW_CONTACT","FROM_CONTACTS","UPLOAD_FILE","selectedOption","displayStoreCartMessage","hasPRCountryCodeAddress","f","showUploadFile","clearCartMessage","SaveReasonforExpedited","isSunShineActReportable","SaveDoctorsDetails","updateMultiShipItemsQuantity","reasonforexpedited","isExpeditedReasonRequired","doctorName","doctorDetails","doctorEmail","addDoctorDetails","setDefaultShipMethod","onAddressDeselected","mailListTabs","title","sampleData","zip","country","phoneNumber","prepareFile","printContent","printWindow","printStylesheet","printStyles","innerHTML","head","clonedDiv","cloneNode","print","fileFormats","XLSX","CSV","active","isInvalidFileType","fileName","hasFileUploaded","fileUploadErrorMessage","acceptedUploadFormats","isMultipleFilesSelected","uploadFile","e","formData","FormData","files","target","dataTransfer","file","indexOf","append","addressList","uploadAddressList","emits","uploadedListSummary","toggleActive","hasAddressList","total","previewList","uploadedListItems","slice","errorAddresses","addr","validationErrors","isEditing","editingMode","goToNext","validateAddresses","updateAddress","hasError","field","errors","getErrorMessage","cancelEdit","recipientsSelectTypeSelected","recipientsSelectType","label","hasUploadErrors","cancelEditing","updated","showOption","option","validAddresses","isCountryPR","onPreviewClicked","onConfirmClicked","onSummaryClicked","showPreviewList","uploadedAddresses","goToUploadFile","clearShipToList","fixedAddresses","uploadStatus","ShipToTypes","TO_USER","TO_CONTACT","TO_CONTACTS","TO_CRMCONTACTS","shipToTypes","shipToType","DistributionList","console","shipToTypeTitle","canMultiShip","onChange","setShipToMode","setShipToModeToShipUser","setShipToModeToMultipleContacts","handleAddressType","listId","uuidv4","shipMethods","methods","selected","get","modelValue","onShipMethodChanged","initializePage","result","checkIfCartContainsSunshineReportableItems","isCartContainsSunshineReportableItems","shipMethod","isRush","defaultShipMethodCode","doctorNameErrorMessage","doctorEmailErrorMessage","fedexUrl","ValidateDoctorName","textPattern","test","ValidateDoctorEmail","emailPattern","openFedExMap","SaveReasonAndRoute","placingOrder","isConferenceType","isExpeditedShipping","onChangeShipTo","onChangeShipMethod","onChangeItems","onPlaceOrder","placeOrder","warn","isMultiShip","cssClass","orderStatusCode","icon","isOpen","removeAddressLine3","expandAll","collapseAll","STOCK_EXCEED_MESSAGE","quantityUnit","customUnit","userconfig","isUomToBeBroken","defaultUnitOfMeasure","orderedCompanionItems","companions","cp","productName","shipListCount","orders","DoctorName","getOrder","resetCart","trackingInfo","isShow","buttonText","isShowList","shipments","shipment","i","trackingUrl","trackingNumber","isShowButton","isShowSingleTracking","activityColumns","inputType","activityResults","setPayload","payload","filterValues","paging","pageNumber","perPage","includeTotalCount","includePageCount","sortId","getActiveOrders","count","res","individualOrder","auditEvent","auditEventDetails","typeName","oldValue","updateBy","eventDate","back","go","toggleButtonText","itemCount","copyOrder","log","UpdateAccountInfoForm","init","account","updateInfo","defaultCountry","editingAccount","accountInfoForm","onCancelEditAccount","onSaveAccount","shipToText","attention","ChangePasswordForm","oldPassword","resetFieldValidators","changePassword","onSubmitSucceeded","resetFields","onSubmitFailed","changing","onChangePassword","section","isImpersonating","getLinkClass","forSection","onSignOut","signOut","ContactUsForm","topic","phone","topics","disabled","isEmail","maxLength","minLength","api","post","sent","responseTime","resetForm","getDetails","onSubmit","Faqs","faqsToShow","roleId","faqs","data","faqsList","AccountTypeForm","accountType","onNext","POST","useApi","register","registrationDetail","trace","request","registerUserAccount","createUserAccount","replace","registerStoreAccount","automotivePartnerType","automotiveType","doTrace","VUE_APP_TRACE_ASP_NET_AUTH","args","useRegistration","SignUpForm","noPoBox","isValid","addMessages","scrollTop","SignUpAutoForm","automotiveTypes","onSignUp","created","createAccount","onCreateAccount","AddressList","put","Store","NucleusStore","requireAuthentication","AspNetAuthenticator","Announcement","IndividualOrder","onSignedOut","onForbidden","createVueRouter","wasAuthenticated","isAuthenticated","isSignedIn","then","encodeURIComponent","initialize","setupVue","vueApp","component","PageTemplate","addRoute","HomePage","ProductSearchPage","ProductDetailPage","CartPage","CheckoutPage","ReviewPage","OrderConfirmedPage","OrderDetailPage","AccountPage","HelpPage","ImpersonationEnded","addPublicRoute","SignInPage","OktaSignInPage","ForgotPasswordPage","ResetPasswordPage","SetPasswordPage","MFAPage","VerifyEmailPage","SignUpAccountTypePage","SignUpAutoPage","SignUpRetailerPage","UserRolesWithAdminAccess","Ground","SecondDayStandard","NextDayStandard","InternationalEconomy","UnitedStatesOfAmerica","PuertoRico","configUrl","inactiveTimer","routeKey","fullPath","snipOptions","snipMethod","app","createApp","App","use","VueSnip","directive","el","binding","wasFocused","hasOwnProperty","focus","mount","showHamburgerMenu","cartTileClasses","userRolesWithAdminAccessIds","u","onItemSelected","location","toggleHamburgerMenu","onClickOutsideMenu","endEmulation","endImpersonateSession","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","exports","module","__webpack_modules__","call","deferred","O","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","j","key","r","n","getter","__esModule","d","definition","o","defineProperty","enumerable","g","globalThis","Function","obj","prop","prototype","Symbol","toStringTag","nmd","paths","children","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","bind","__webpack_exports__"],"sourceRoot":""}