{"version":3,"file":"js/738.js","mappings":"oLAGOA,MAAM,uBAAuBC,KAAK,S,kCAAvCC,EAAAA,EAAAA,IAEM,MAFNC,EAA+C,sN,aCFjD,MAAMC,EAAS,CAAC,EAGVC,GAA2B,OAAgBD,EAAQ,CAAC,CAAC,SAASE,KAEpE,O,yoCCFQC,GAASC,EAAAA,EAAAA,KAAI,GAGnB,SAASC,IACPF,EAAOG,OAASH,EAAOG,KACzB,C,8+BCNF,MAAML,EAAc,EAEpB,O,u8BCKE,MAAMM,GAASC,EAAAA,EAAAA,MACTC,GAAQC,EAAAA,EAAAA,MACRC,GAAUC,EAAAA,EAAAA,KACVC,GAAUC,EAAAA,EAAAA,KAEVC,GAAiBX,EAAAA,EAAAA,IAAI,IACrBY,GAAiBZ,EAAAA,EAAAA,KAAI,GAErBa,GAAQb,EAAAA,EAAAA,IAAI,CAChBc,GAAIT,EAAMU,MAAM,MAChBC,OAAQX,EAAMU,MAAM,MACpBE,MAAO,GACPC,KAAM,GACNC,SAAU,CACRC,KAAM,GACNC,MAAO,IAETC,SAAU,GACVC,SAAU,KACVC,SAAU,GACVC,cAAe,KAsCf,SAASC,EAAYC,GACnBhB,EAAeT,MAAQ,GACvBU,EAAeV,OAAQ,EAEvBK,EAAQqB,eAAeD,GACtBE,MAAKC,IACAA,GAAUA,EAAOC,SAEnBtB,EAAQuB,aAAa9B,OAAQ,EAG7BO,EAAQwB,YAAY/B,OAAQ,GAGxB4B,EAAOI,MACTvB,EAAeT,MAAQ4B,EAAOI,MAG9BvB,EAAeT,MAAQ,6FAE3B,IAEDiC,SAAQ,KACPvB,EAAeV,OAAQ,CAAK,GAEhC,C,OA5DFK,EAAQ6B,SAASvB,EAAMX,MAAMY,IAC1Be,MAAKC,IACAA,GAAUA,EAAOI,MAGnB/B,EAAOkC,KAAK,CAAEjB,KAAM,WAGpBP,EAAMX,MAAMe,MAAQa,EAAOjB,MAAMO,KACjCP,EAAMX,MAAMgB,KAAOY,EAAOjB,MAAMyB,UAChCzB,EAAMX,MAAMiB,SAASC,KAAQ,GAAEU,EAAOjB,MAAMM,UAAUoB,aAAcT,EAAOjB,MAAMM,UAAUqB,WAC3F3B,EAAMX,MAAMiB,SAASE,MAAQS,EAAOjB,MAAMM,UAAUE,MACpDR,EAAMX,MAAMqB,SAAWO,EAAOjB,MAAM4B,KACpC5B,EAAMX,MAAMuB,cAAgBK,EAAOjB,MAAMY,cAEzCK,EAAOjB,MAAMS,SAASoB,SAAQC,IAI5B9B,EAAMX,MAAMoB,SAASe,KAAK,CACxBvB,GAAI6B,EAAWC,UACfC,QAASF,EAAWG,KACpBC,WAAYJ,EAAWK,MACvBC,SAAUN,EAAWM,SACrBR,KAAME,EAAWF,KACjBS,SAAUP,EAAWO,SACrBC,UAAWR,EAAWF,KAAOE,EAAWO,SACxCE,cAAeC,OAAOC,QAAQX,EAAWY,QAAQC,KAAIC,IAC5C,CAAET,MAAOS,EAAG,GAAIvD,MAAOuD,EAAG,QAEnC,IAEN,I,21BC9DN,MAAM5D,EAAc,EAEpB,O","sources":["webpack://everhem-webflow/./src/components/PriceIncreaseAlert.vue","webpack://everhem-webflow/./src/components/PriceIncreaseAlert.vue?b786","webpack://everhem-webflow/./src/components/Product.vue","webpack://everhem-webflow/./src/components/Product.vue?4724","webpack://everhem-webflow/./src/components/QuoteView.vue","webpack://everhem-webflow/./src/components/QuoteView.vue?90ab"],"sourcesContent":["<script setup></script>\n\n<template>\n  <div class=\"quote--alert-primary\" role=\"alert\">\n    Everhem's first price increase took place on January 8, 2024. Quotes dated on or before January 8, 2024 may show previous pricing for items. Current pricing will be reflected once items are added to your cart.\n  </div>\n</template>","import { render } from \"./PriceIncreaseAlert.vue?vue&type=template&id=05eccba9\"\nconst script = {}\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<script setup>\n  import { defineProps, ref } from 'vue';\n  import { Format } from '@/format';\n\n  const isOpen = ref(false);\n  const props = defineProps(['data']);\n\n  function toggleAccordion() {\n    isOpen.value = !isOpen.value;\n  }\n</script>\n\n<template>\n  <hr>\n\n  <div class=\"order__product-item\">\n    <div class=\"order__product-item-header\">\n      <!-- <img :src=\"props.data.imageUrl\"> -->\n      <img class=\"order__product-item-img\" src=\"https://cdn.shopify.com/s/files/1/0605/8049/5522/products/BOESS_box_blackout_no-sheers_rightAngle_matteBlack_box_f9604884-ab65-4da3-97c6-a2aad0086d6b.jpg?v=1657748429\" alt=\"\">\n\n      <div class=\"order__product-item-title\">\n        <div>\n          <h3 class=\"heading-3\" v-if=\"props.data.windowName\">{{ props.data.windowName }}</h3>\n          <h5>{{ props.data.heading }}</h5>\n        </div>\n\n        <div class=\"order__product-item-pricing\">\n          <div class=\"order__product\">\n            <label class=\"pretext\">Price: </label>\n            <span>{{ Format.asCurrency(props.data.cost) }}</span>\n          </div>\n          <div>\n            <label class=\"pretext\">Qty: </label>\n            <span>{{ props.data.quantity }}</span>\n          </div>\n          <div>\n            <label class=\"pretext\">Total: </label>\n            <span>{{ Format.asCurrency(props.data.totalCost) }}</span>\n          </div>\n        </div>\n\n        <div class=\"order__product-item-content\">\n          <div class=\"accordion__product-header\" @click=\"toggleAccordion\">\n            <h3 class=\"pretext color--lavaglas\">Configuration Details</h3>\n            <div class=\"accordion__icon\"></div>\n          </div>\n\n          <transition name=\"accordion-slide\">\n            <div v-if=\"isOpen\" class=\"accordion__product-content top-border\">\n              <div v-for=\"option in props.data.configuration\" :key=\"option\" class=\"accordion__product-item-wrapper\">\n                <label class=\"accordion__product-item pretext no--margin-b\">{{ option.label }}:</label>\n                <span class=\"accordion__product-item ts--callout no--margin-b line-item__fabric\">{{ option.value }}</span>\n              </div>\n            </div>\n          </transition>\n        </div>\n\n      </div>\n    </div>\n  </div>\n</template>","import script from \"./Product.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Product.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>    \n  import { ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n  import { Format } from '@/format';\n  //import { MapFromQuote } from '@/mappers/quote';\n  import { useBackend } from '@/composables/Backend';\n  import { useCartman } from '@/composables/Cartman';\n  import PriceIncreaseAlert from '@/components/PriceIncreaseAlert.vue';\n  import Product from '@/components/Product.vue';\n\n  const router = useRouter();\n  const route = useRoute();\n  const backend = useBackend();\n  const cartman = useCartman();\n  \n  const addToCartError = ref('');\n  const isAddingToCart = ref(false);\n\n  const quote = ref({\n    id: route.query['id'],\n    number: route.query['id'],\n    title: '',\n    date: '',\n    customer: {\n      name: '',\n      email: '',\n    },\n    products: [],\n    subtotal: null,\n    discount: '',\n    customerNotes: '',\n  });\n  \n  backend.getQuote(quote.value.id)\n    .then(result => {\n      if (result && result.error) {\n        // user isn't logged in, redirect to login form\n        // TODO: should probably check the status and make sure it's an unauthorized error instead of a not found error\n        router.push({ name: 'login' });\n      }\n      else {\n        quote.value.title = result.quote.name;\n        quote.value.date = result.quote.createdAt;\n        quote.value.customer.name = `${result.quote.customer?.firstName } ${result.quote.customer?.lastName}`\n        quote.value.customer.email = result.quote.customer?.email;\n        quote.value.subtotal = result.quote.cost;\n        quote.value.customerNotes = result.quote.customerNotes;\n\n        result.quote.products.forEach(apiProduct => {\n          // TODO: convert to our product data so we can show more user friendly data\n          // quote.value.products.push(MapFromQuote.toProductData(apiProduct));\n          \n          quote.value.products.push({\n            id: apiProduct.productId,\n            heading: apiProduct.type,\n            windowName: apiProduct.label,\n            imageUrl: apiProduct.imageUrl,\n            cost: apiProduct.cost,\n            quantity: apiProduct.quantity,\n            totalCost: apiProduct.cost * apiProduct.quantity,\n            configuration: Object.entries(apiProduct.params).map(kv => {\n              return { label: kv[0], value: kv[1] }\n            })\n          });\n        });\n      }      \n    });  \n\n    function doAddToCart(quoteId) {\n      addToCartError.value = '';\n      isAddingToCart.value = true;\n\n      backend.addQuoteToCart(quoteId)\n      .then(result => {\n        if (result && result.success) {\n          // refresh cart data since this endpoint doesn't return the updated cart\n          cartman.shouldReload.value = true;\n\n          // show cart          \n          cartman.isCartShown.value = true;\n        }\n        else {\n          if (result.error) {\n            addToCartError.value = result.error;            \n          }\n          else {\n            addToCartError.value = 'An error occurred adding the quote to your cart. Please try again later or contact support.'\n          }\n        }\n      })\n      .finally(() => {\n        isAddingToCart.value = false; // Reset the button state\n      });\n    }\n</script>\n\n<template>\n  <div class=\"container quote-view\">\n    <div class=\"row\">\n      <div class=\"col\">\n        <div>\n          <a href=\"/my-account\">Back to Account</a>\n          <h2>Quote {{ quote.title }}</h2>\n        </div>\n\n        <div class=\"card quote--card\">\n          <div class=\"card__tag-corner\">\n            <div class=\"card__tag\">Quote</div>\n          </div>\n\n          <label class=\"quote__id\">Quote ID: {{ quote.number }}</label>\n\n          <div class=\"quote--column\">\n            <label class=\"pretext\">Date</label>\n            <span class=\"quote__customer-detail ts--callout no--margin-b\">{{ Format.asDate(quote.date) }}</span>\n          </div>\n\n          <div class=\"quote--column\">\n            <label class=\"pretext\">Prepared For</label>\n            <span class=\"ts--callout no--margin-b\">{{ quote.customer.name }}</span>\n            <span class=\"quote__customer-detail ts--callout no--margin-b\">{{ quote.customer.email }}</span>\n          </div>\n\n          <price-increase-alert></price-increase-alert>\n\n          <template v-for=\"product in quote.products\" :key=\"product.itemId\">\n            <product :data=\"product\"></product>\n          </template>\n\n          <hr>\n\n          <!-- <div class=\"quote__totals\">\n            <div>\n              <label class=\"quote__total-label\">Subtotal: </label>\n              <span class=\"quote__total-item\">${{ quote.subtotal }}</span>\n            </div>\n          </div> -->\n          <div class=\"quote__see-total\">\n            <span>See Final price in cart</span>\n          </div>\n\n          <div v-if=\"addToCartError\">{{ addToCartError }}</div>\n          <div class=\"quote_btn-wrapper\">\n            <button class=\"quote_button-view\" @click=\"doAddToCart(quote.id)\" :disabled=\"isAddingToCart\">\n              <!-- Add All Items to Cart → -->\n              {{ isAddingToCart ? 'Adding...' : 'Add All Items to Cart →' }}\n            </button>\n          </div>\n        </div>\n        \n      </div>\n    </div>\n  </div>\n  \n</template>","import script from \"./QuoteView.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./QuoteView.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"names":["class","role","_createElementBlock","_hoisted_1","script","__exports__","render","isOpen","ref","toggleAccordion","value","router","useRouter","route","useRoute","backend","useBackend","cartman","useCartman","addToCartError","isAddingToCart","quote","id","query","number","title","date","customer","name","email","products","subtotal","discount","customerNotes","doAddToCart","quoteId","addQuoteToCart","then","result","success","shouldReload","isCartShown","error","finally","getQuote","push","createdAt","firstName","lastName","cost","forEach","apiProduct","productId","heading","type","windowName","label","imageUrl","quantity","totalCost","configuration","Object","entries","params","map","kv"],"sourceRoot":""}