{"version":3,"sources":["webpack:///./src/views/pages/invoice/Invoiceui.vue","webpack:///./src/views/pages/invoice/Invoiceui.vue?4d67","webpack:///./src/views/pages/invoice/Invoiceui.vue?19c9"],"names":["class","name","list","l","key","src","image","alt","brand","price","qty","tax","total","setup","__exports__","render"],"mappings":"qPACOA,MAAM,W,GACJA,MAAM,a,GAEJA,MAAM,c,uBAET,gCAGM,OAHDA,MAAM,cAAY,CACrB,gCAA2B,YAArB,kBACN,gCAAe,SAAZ,c,SAGFA,MAAM,Y,ynCA8CNA,MAAM,Y,yTAQJA,MAAM,kB,GAEFA,MAAM,oC,mBAGPA,MAAM,8D,GAEHA,MAAM,wB,GACHA,MAAM,mB,GAGXA,MAAM,S,GACNA,MAAM,O,GACNA,MAAM,O,GACNA,MAAM,S,GAGVA,MAAM,e,GACJA,MAAM,gB,GACJA,MAAM,oC,uBAET,gCAAoD,QAA9CA,MAAM,uBAAsB,eAAW,M,ghFArFzD,gCA0KM,MA1KN,EA0KM,CAzKJ,gCAwKM,MAxKN,EAwKM,CAtKJ,gCAMM,MANN,EAMM,CALJ,yBAAuC,GAAjCA,MAAM,aAAaC,KAAK,SAC9B,IAKF,gCAEM,MAFN,EAEM,CADJ,gCAA0C,aAApC,yBAA6B,GAAvBA,KAAK,uBAInB,EAyCA,gCA2FM,MA3FN,EA2FM,CA1FJ,EAOA,gCAgBM,MAhBN,EAgBM,E,2BAfJ,gCAcM,2CAdiC,EAAAC,MAAI,SAATC,G,gCAAlC,gCAcM,OAdDH,MAAM,gBAAmCI,IAAKD,EAAEF,M,CACnD,gCAQM,MARN,EAQM,CAPJ,gCAAoD,OAA9CI,IAAKF,EAAEG,MAAQC,IAAKJ,EAAEF,KAAMD,MAAM,W,UACxC,gCAKM,MALN,EAKM,CAFJ,gCAAgD,IAAhD,EAAgD,6BAAbG,EAAEF,MAAI,GACzC,gCAAkD,OAAlD,EAAkD,6BAAjBE,EAAEK,OAAK,OAG5C,gCAAsC,MAAtC,EAAsC,6BAAhBL,EAAEM,OAAK,GAC7B,gCAAkC,MAAlC,EAAkC,6BAAdN,EAAEO,KAAG,GACzB,gCAAkC,MAAlC,EAAkC,6BAAdP,EAAEQ,KAAG,GACzB,gCAAsC,MAAtC,EAAsC,6BAAhBR,EAAES,OAAK,Q,QAGjC,gCAiEM,MAjEN,EAiEM,CAhEJ,gCAqBM,MArBN,EAqBM,CApBJ,gCAGM,MAHN,EAGM,CAFJ,yBAAuD,GAAjDZ,MAAM,kBAAkBC,KAAK,oBACnC,IAEF,IAiBF,MA6CJ,MAyBN,IAAMC,EAAO,CACX,CACED,KAAM,YACNO,MAAO,WACPF,MAAO,gBACPG,MAAO,SACPC,IAAK,EACLC,IAAK,OACLC,MAAO,WAET,CACEX,KAAM,oBACNO,MAAO,cACPF,MAAO,gBACPG,MAAO,SACPC,IAAK,EACLC,IAAK,OACLC,MAAO,WAET,CACEX,KAAM,SACNO,MAAO,OACPF,MAAO,gBACPG,MAAO,SACPC,IAAK,EACLC,IAAK,OACLC,MAAO,YAGI,GACbX,KAAM,UACNY,MAFa,WAGX,MAAO,CACLX,U,iCCzMN,MAAMY,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,kCCTf,W","file":"js/invoiceui.e0178dd7.js","sourcesContent":["<template>\n  <div class=\"invoice\">\n    <div class=\"inv-inner\">\n      <!-- Invoice Header -->\n      <div class=\"inv-header\">\n        <Icon class=\"h-6 w-auto\" name=\"logo\" />\n        <div class=\"inv-number\">\n          <span>Invoice Number</span>\n          <p>MD179846</p>\n        </div>\n      </div>\n      <div class=\"inv-icon\">\n        <span><Icon name=\"package-filled\"/></span>\n      </div>\n\n      <!-- Invoice Content -->\n      <div class=\"inv-details\">\n        <div class=\"address\">\n          <div>\n            <span class=\"small\">Ship From</span>\n            <p>Brooklyn Richards</p>\n            <span>\n              9 Woodland Rd. Suite D<br />\n              Roseland, NJ 07068\n            </span>\n          </div>\n          <div>\n            <span class=\"small\">Ship To</span>\n            <p>Brooklyn Richards</p>\n            <span>\n              9 Woodland Rd. Suite D<br />\n              Roseland, NJ 07068\n            </span>\n          </div>\n        </div>\n        <div class=\"details\">\n          <div class=\"pay-status\">\n            <span class=\"paid\">Paid</span>\n            <span class=\"unpaid\">Unpaid</span>\n            <span class=\"partial\">Partial</span>\n          </div>\n          <div class=\"detail-item\">\n            <span>Order Number</span>\n            <p>MD179846</p>\n          </div>\n          <div class=\"detail-item\">\n            <span>Issue Date</span>\n            <p>Apr 12 22</p>\n          </div>\n          <div class=\"detail-item\">\n            <span>Payment Due</span>\n            <p>Apr 12 22</p>\n          </div>\n        </div>\n      </div>\n\n      <!-- List Items -->\n      <div class=\"inv-list\">\n        <div class=\"inv-list-header\">\n          <div class=\"name\">Item</div>\n          <div class=\"price\">Price</div>\n          <div class=\"qty\">Qty</div>\n          <div class=\"tax\">Tax</div>\n          <div class=\"total\">Total</div>\n        </div>\n        <div class=\"inv-list-items\">\n          <div class=\"inv-list-item\" v-for=\"l in list\" :key=\"l.name\">\n            <div class=\"name flex items-center space-x-4\">\n              <img :src=\"l.image\" :alt=\"l.name\" class=\"w-7 h-7\" />\n              <div\n                class=\"flex flex-col space-y-1.5 leading-none text-xs font-medium\"\n              >\n                <p class=\"text-theme-secondary\">{{ l.name }}</p>\n                <span class=\"text-theme-body\">{{ l.brand }}</span>\n              </div>\n            </div>\n            <div class=\"price\">{{ l.price }}</div>\n            <div class=\"qty\">{{ l.qty }}</div>\n            <div class=\"tax\">{{ l.tax }}</div>\n            <div class=\"total\">{{ l.total }}</div>\n          </div>\n        </div>\n        <div class=\"inv-pricing\">\n          <div class=\"tax-pricings\">\n            <div class=\"flex items-center space-x-2 mb-3\">\n              <Icon class=\"w-5 h-5 -mt-0.5\" name=\"document-filled\" />\n              <span class=\"text-md font-medium\">Tax Summary</span>\n            </div>\n            <div class=\"price-item\">\n              <p>TAX RULE NAME</p>\n              <span>$9,998.00</span>\n            </div>\n            <div class=\"price-item\">\n              <p>TAX RULE NAME</p>\n              <span>$478.00</span>\n            </div>\n            <div class=\"price-item\">\n              <p>TAX RULE NAME</p>\n              <span>$1478.00</span>\n            </div>\n            <div class=\"price-item highlight\">\n              <p>Total Taxes</p>\n              <span>$9,998.00</span>\n            </div>\n          </div>\n          <div class=\"order-pricings\">\n            <div class=\"price-item\">\n              <p>Order Total</p>\n              <span>$9,998.00</span>\n            </div>\n            <div class=\"price-item\">\n              <p>Taxes</p>\n              <span>$478.00</span>\n            </div>\n            <div class=\"price-item\">\n              <p>Shipping</p>\n              <span>$1478.00</span>\n            </div>\n            <div class=\"price-item highlight\">\n              <p>Sub Total</p>\n              <span>$9,998.00</span>\n            </div>\n            <div class=\"price-item extra\">\n              <p>Medusa Coins</p>\n              <span>-$478.00</span>\n            </div>\n            <div class=\"price-item extra\">\n              <p>Store Credit</p>\n              <span>-$478.00</span>\n            </div>\n            <div class=\"price-item extra\">\n              <p>Coupon Code</p>\n              <span>-$478.00</span>\n            </div>\n            <div class=\"price-item highlight\">\n              <p>Total</p>\n              <span>$9,998.00</span>\n            </div>\n            <div class=\"price-item highlight no-border \">\n              <p>Paid</p>\n              <span>$9,998.00</span>\n            </div>\n            <div class=\"price-item highlight no-border \">\n              <p>Balance</p>\n              <span>$0.00</span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"px-10 pt-14 pb-5 text-center space-y-3\">\n        <p class=\"text-theme-secondary font-light text-base\">\n          MEDUSA STATE LICENSE TEXT STRING\n        </p>\n        <p class=\" text-theme-dark-shade font-medium text-sm\">\n          We appreciate your business.\n        </p>\n      </div>\n\n      <!-- Invoice Footer -->\n      <div class=\"inv-footer\">\n        <span\n          >Medusa Distribution LLC 9 Woodland Rd., Suite D,<br />\n          Roseland, NJ, 07068, US\n        </span>\n        <div class=\"info\">\n          <span>Email sales@medusadistribution.com</span>\n          <span>Phone 973-808-1101</span>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nconst list = [\n  {\n    name: \"Black Box\",\n    brand: \"Cartisan\",\n    image: \"/images/1.png\",\n    price: \"$25.00\",\n    qty: 2,\n    tax: \"0.00\",\n    total: \"$240.97\",\n  },\n  {\n    name: \"Monster Batteries\",\n    brand: \"Jam Monster\",\n    image: \"/images/2.png\",\n    price: \"$25.00\",\n    qty: 2,\n    tax: \"0.00\",\n    total: \"$240.97\",\n  },\n  {\n    name: \"Novo 3\",\n    brand: \"Smok\",\n    image: \"/images/3.png\",\n    price: \"$25.00\",\n    qty: 2,\n    tax: \"0.00\",\n    total: \"$240.97\",\n  },\n];\nexport default {\n  name: \"Invoice\",\n  setup() {\n    return {\n      list,\n    };\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.invoice {\n  @apply w-full h-full p-8;\n\n  .inv-inner {\n    @apply max-w-5xl mx-auto bg-white;\n  }\n\n  .inv-header {\n    @apply w-full px-10 py-8 flex items-center justify-between;\n    background: #f8f8f8;\n\n    .inv-number {\n      @apply flex items-center text-sm font-medium space-x-3;\n      color: rgba(72, 90, 93, 0.54);\n\n      p {\n        @apply text-base;\n        color: #485a5d;\n      }\n    }\n  }\n\n  .inv-icon {\n    @apply w-full flex items-center justify-center pb-10;\n\n    span {\n      @apply flex items-center justify-center w-14 h-14 border  rounded-full flex-shrink-0 bg-white -mt-7;\n      border-color: #dbdbdb;\n\n      svg {\n        @apply w-9 h-9;\n      }\n    }\n  }\n\n  .inv-details {\n    @apply flex items-start justify-between text-sm text-theme-body px-10 pb-8 leading-normal;\n\n    .small {\n      @apply inline-block text-xs text-theme-body uppercase font-normal mb-2.5;\n    }\n\n    .address {\n      @apply flex flex-col space-y-5;\n\n      > div {\n        @apply w-full;\n      }\n      p {\n        @apply text-theme-secondary mb-1;\n      }\n    }\n\n    .details {\n      .detail-item {\n        @apply flex items-center py-1;\n\n        span {\n          @apply w-40;\n        }\n\n        p {\n          @apply text-theme-secondary text-left;\n        }\n      }\n    }\n  }\n\n  .inv-list {\n    .inv-list-header {\n      @apply flex items-center w-full px-10 py-4 border-b text-theme-body font-normal uppercase text-sm;\n      border-color: rgba(180, 180, 180, 0.25);\n    }\n    .name {\n      @apply flex-grow;\n    }\n\n    .price,\n    .qty,\n    .tax {\n      @apply w-24;\n    }\n\n    .total {\n      @apply w-24;\n    }\n\n    .inv-list-items {\n      @apply w-full px-10 divide-y divide-gray-100;\n\n      .inv-list-item {\n        @apply flex items-center py-3 text-md text-theme-body font-light;\n        .total {\n          @apply font-medium text-theme-dark;\n        }\n      }\n    }\n  }\n\n  .inv-pricing {\n    @apply grid grid-cols-2 py-5 px-10 mb-12 border-t gap-32;\n    border-color: rgba(180, 180, 180, 0.25);\n\n    .order-pricings {\n      @apply flex flex-col items-end;\n    }\n\n    .taxt-pricings {\n      @apply flex flex-col items-start;\n    }\n\n    .price-item {\n      @apply inline-flex items-center justify-between flex-shrink-0 w-full text-md text-theme-dark-shade font-light space-y-1.5;\n\n      p {\n        @apply w-3/5;\n      }\n\n      span {\n        @apply w-2/5 text-right;\n      }\n\n      &.highlight {\n        @apply text-theme-secondary font-medium py-2 border-t mt-2;\n        border-color: rgba(180, 180, 180, 0.25);\n\n        &.no-border {\n          @apply border-none py-0 mt-0;\n        }\n      }\n\n      &.extra {\n        @apply font-medium text-sm;\n        color: #8fa3a9;\n      }\n    }\n  }\n\n  .inv-footer {\n    @apply w-full px-10 py-6 border-t  flex items-start justify-between text-sm font-light text-theme-body leading-normal;\n    border-color: rgba(180, 180, 180, 0.25);\n\n    span {\n      @apply block;\n    }\n  }\n  .pay-status {\n    @apply flex flex-col items-end mb-8 space-y-3;\n\n    span {\n      @apply uppercase font-normal text-black inline-block px-3 py-1.5 rounded border  leading-none text-xs w-24 text-center;\n\n      &.paid {\n        @apply border-green-500 bg-green-50;\n      }\n\n      &.unpaid {\n        @apply border-red-500 bg-red-50;\n      }\n      &.partial {\n        @apply border-yellow-500 bg-yellow-50;\n      }\n    }\n  }\n}\n</style>\n","import { render } from \"./Invoiceui.vue?vue&type=template&id=ecd132a4&scoped=true\"\nimport script from \"./Invoiceui.vue?vue&type=script&lang=js\"\nexport * from \"./Invoiceui.vue?vue&type=script&lang=js\"\n\nimport \"./Invoiceui.vue?vue&type=style&index=0&id=ecd132a4&lang=scss&scoped=true\"\n\nimport exportComponent from \"/var/lib/jenkins/workspace/MEDUSA_Frontend_Production_XZT/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-ecd132a4\"]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Invoiceui.vue?vue&type=style&index=0&id=ecd132a4&lang=scss&scoped=true\""],"sourceRoot":""}