{"version":3,"file":"js/622.js","mappings":"4/BAOE,MAAMA,GAASC,EAAAA,EAAAA,MACTC,GAAQC,EAAAA,EAAAA,MACRC,GAAUC,EAAAA,EAAAA,KAEVC,GAAQC,EAAAA,EAAAA,IAAI,CAChBC,GAAIN,EAAMO,MAAM,MAChBC,OAAQ,GACRC,KAAM,GACNC,SAAU,CACRC,OAAQ,IAEVC,SAAU,GACVC,SAAU,GACVC,eAAgB,GAChBC,qBAAsB,GACtBC,SAAU,GACVC,IAAK,GACLC,UAAW,K,OAGbhB,EAAQiB,SAASf,EAAMgB,MAAMd,IAC1Be,MAAKC,IACAA,GAAUA,EAAOC,MAGnBzB,EAAO0B,KAAK,CAAEC,KAAM,WAGpBrB,EAAMgB,MAAMZ,OAASc,EAAOI,YAC5BtB,EAAMgB,MAAMX,KAAOa,EAAOK,aAC1BvB,EAAMgB,MAAMV,SAASC,OAASW,EAAOM,gBAAgBC,QAAQ,MAAO,QACpEzB,EAAMgB,MAAMP,SAAWS,EAAOR,eAC9BV,EAAMgB,MAAMN,eAAiBQ,EAAOQ,mBACpC1B,EAAMgB,MAAML,qBAAuBO,EAAOS,yBAC1C3B,EAAMgB,MAAMJ,SAAWM,EAAOU,aAC9B5B,EAAMgB,MAAMH,IAAMK,EAAOW,cACzB7B,EAAMgB,MAAMF,UAAYI,EAAOY,cAG/BZ,EAAOa,MAAMC,SAAQC,IAInB,MAAMC,EAAU,CACdhC,GAAI+B,EAAWE,UACfC,QAASH,EAAWZ,KACpBgB,WAAYJ,EAAWK,MACvBC,SAAUN,EAAWM,SACrBC,KAAMP,EAAWO,KACjBC,SAAUR,EAAWQ,SACrB3B,UAAWmB,EAAWO,KAAOP,EAAWQ,SACxCC,cAAeT,EAAWU,qBAAqBC,KAAIC,IAC1C,CAAEP,MAAOO,EAAaP,MAAOtB,MAAO6B,EAAaC,aAI5D9C,EAAMgB,MAAMR,SAASY,KAAKc,EAAQ,IAEtC,I,+9BC9DN,MAAMa,EAAc,EAEpB,O,yoCCDQC,GAAS/C,EAAAA,EAAAA,KAAI,GAGnB,SAASgD,IACPD,EAAOhC,OAASgC,EAAOhC,KACzB,C,8+BCNF,MAAM+B,EAAc,EAEpB,O","sources":["webpack://everhem-webflow/./src/components/OrderView.vue","webpack://everhem-webflow/./src/components/OrderView.vue?eb88","webpack://everhem-webflow/./src/components/Product.vue","webpack://everhem-webflow/./src/components/Product.vue?4724"],"sourcesContent":["<script setup>    \n  import { ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n  import { Format } from '@/format';  \n  import { useBackend } from '@/composables/Backend';   \n  import Product from '@/components/Product.vue'; \n\n  const router = useRouter();\n  const route = useRoute();\n  const backend = useBackend();\n  \n  const order = ref({\n    id: route.query['id'],\n    number: '',\n    date: '',\n    customer: {\n      shipTo: '',\n    },\n    products: [],\n    discount: '',\n    discountAmount: '',\n    tradeProgramDiscount: '',\n    subtotal: '',\n    tax: '',\n    totalCost: ''\n  });\n  \n  backend.getOrder(order.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        order.value.number = result.orderNumber;\n        order.value.date = result.purchaseDate;        \n        order.value.customer.shipTo = result.shippingAddress.replace(/\\n/g, '<br>');\n        order.value.discount = result.discountAmount;\n        order.value.discountAmount = result.discountAmountText;\n        order.value.tradeProgramDiscount = result.tradeProgramDiscountText;\n        order.value.subtotal = result.subTotalText;\n        order.value.tax = result.taxAmountText;\n        order.value.totalCost = result.totalCostText;\n        //order.value.customer.shipTo = result.shippingAddress;\n\n        result.items.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          const product = {\n            id: apiProduct.productId,\n            heading: apiProduct.name,\n            windowName: apiProduct.label,\n            imageUrl: apiProduct.imageUrl,\n            cost: apiProduct.cost,\n            quantity: apiProduct.quantity,\n            totalCost: apiProduct.cost * apiProduct.quantity,\n            configuration: apiProduct.configurationDetails.map(configDetail => {\n              return { label: configDetail.label, value: configDetail.content }\n            })\n          };\n\n          order.value.products.push(product);\n        });\n      }      \n    });      \n</script>\n\n<template>\n  <div class=\"container order-view\">\n    <div class=\"row\">\n      <div class=\"col\">\n        <div>\n          <a href=\"/my-account\">Back to Account</a>\n          <h2>Order {{ order.number }}</h2>\n        </div>\n        \n        <div class=\"card order--card\">\n          <div class=\"card__tag-corner\">\n            <div class=\"card__tag\">Total Paid</div>\n          </div>\n\n          <label class=\"pretext\">Date</label>\n          <span class=\"order__date\">{{ Format.asDate(order.date) }}</span>\n          \n          <label class=\"pretext\">Shipping To</label>\n          <span class=\"order__shipping\" v-html=\"order.customer.shipTo\"></span>\n\n          <template v-for=\"product in order.products\" :key=\"product.itemId\">\n            <product :data=\"product\"></product>\n          </template>  \n\n          <hr>\n          \n          <div class=\"order__totals\">\n            <div v-if=\"order.discount > 0\">\n              <label class=\"pretext\">Discount: </label>\n              <span>- {{ order.discountAmount }}</span>\n            </div>\n\n            <div v-if=\"order.tradeProgramDiscount != ''\">\n              <label class=\"pretext\">Trade Discount: </label>\n              <span>- {{ order.tradeProgramDiscount }}</span>\n            </div>\n\n            <div>\n              <label class=\"pretext\">Subtotal: </label>\n              <span>{{ order.subtotal }}</span>\n            </div>\n\n            <div>\n              <label class=\"pretext\">Tax: </label>\n              <span>{{ order.tax }}</span>\n            </div>\n\n            <div>\n              <label class=\"pretext\">Total: </label>\n              <span>{{ order.totalCost }}</span>\n            </div>\n          </div>\n          <!-- <b-link @click=\"doAddToCart(quote.id)\">Add All Items to Cart →</b-link> -->\n        </div>\n      </div>\n    </div>\n  </div>  \n</template>","import script from \"./OrderView.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrderView.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\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__"],"names":["router","useRouter","route","useRoute","backend","useBackend","order","ref","id","query","number","date","customer","shipTo","products","discount","discountAmount","tradeProgramDiscount","subtotal","tax","totalCost","getOrder","value","then","result","error","push","name","orderNumber","purchaseDate","shippingAddress","replace","discountAmountText","tradeProgramDiscountText","subTotalText","taxAmountText","totalCostText","items","forEach","apiProduct","product","productId","heading","windowName","label","imageUrl","cost","quantity","configuration","configurationDetails","map","configDetail","content","__exports__","isOpen","toggleAccordion"],"sourceRoot":""}