@mframework/layer-commerce 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (355) hide show
  1. package/README.md +101 -0
  2. package/app/cart/useCart.ts +1 -0
  3. package/app/components/ChevronIcon/ChevronIcon.config.ts +17 -0
  4. package/app/components/DateSelect/DateSelect.config.ts +15 -0
  5. package/app/components/Field/Field.config.ts +14 -0
  6. package/app/components/FieldDate/FieldDate.config.ts +16 -0
  7. package/app/components/Form/Form.type.ts +8 -0
  8. package/app/components/Product/Product.config.ts +19 -0
  9. package/app/components/Product/Stock.config.ts +15 -0
  10. package/app/components/ProductCustomizableOption/ProductCustomizableOption.config.ts +5 -0
  11. package/app/components/ProductGallery/ProductGallery.config.ts +15 -0
  12. package/app/components/ProductReviews/ProductReviews.config.ts +8 -0
  13. package/app/composables/_types.ts +18 -0
  14. package/app/composables/adapters/abstract/cartAdapter.ts +0 -0
  15. package/app/composables/adapters/abstract/categoryAdapter.ts +0 -0
  16. package/app/composables/adapters/abstract/customerAdapter.ts +0 -0
  17. package/app/composables/adapters/abstract/inventoryAdapter.ts +0 -0
  18. package/app/composables/adapters/abstract/orderAdapter.ts +0 -0
  19. package/app/composables/adapters/abstract/productAdapter.ts +7 -0
  20. package/app/composables/cart/registry.ts +20 -0
  21. package/app/composables/cart/types.ts +18 -0
  22. package/app/composables/cart/useCart.ts +15 -0
  23. package/app/composables/config.ts +19 -0
  24. package/app/composables/defs/apiDefinitions.ts +55 -0
  25. package/app/composables/defs/extension.feature +40 -0
  26. package/app/composables/defs/extension.mocks.ts +39 -0
  27. package/app/composables/defs/extension.test.ts +280 -0
  28. package/app/composables/defs/extension.ts +236 -0
  29. package/app/composables/defs/index.ts +3 -0
  30. package/app/composables/defs/typeHelpers.ts +8 -0
  31. package/app/composables/defs/types.ts +136 -0
  32. package/app/composables/domain/product.ts +12 -0
  33. package/app/composables/featured-products.ts +20 -0
  34. package/app/composables/helpers/contextualizedNormalizers.feature +14 -0
  35. package/app/composables/helpers/contextualizedNormalizers.test.ts +85 -0
  36. package/app/composables/helpers/contextualizedNormalizers.ts +20 -0
  37. package/app/composables/helpers/index.ts +1 -0
  38. package/app/composables/index.ts +9 -0
  39. package/app/composables/methods/auth.ts +83 -0
  40. package/app/composables/methods/cart.ts +119 -0
  41. package/app/composables/methods/category.ts +27 -0
  42. package/app/composables/methods/checkout.ts +54 -0
  43. package/app/composables/methods/customer.ts +52 -0
  44. package/app/composables/methods/helpers.ts +5 -0
  45. package/app/composables/methods/index.ts +75 -0
  46. package/app/composables/methods/order.ts +39 -0
  47. package/app/composables/methods/product.ts +95 -0
  48. package/app/composables/methods/settings.ts +16 -0
  49. package/app/composables/models/cart.ts +95 -0
  50. package/app/composables/models/category.ts +13 -0
  51. package/app/composables/models/checkout.ts +17 -0
  52. package/app/composables/models/customer.ts +16 -0
  53. package/app/composables/models/facets.ts +25 -0
  54. package/app/composables/models/index.ts +94 -0
  55. package/app/composables/models/order.ts +43 -0
  56. package/app/composables/models/product.ts +73 -0
  57. package/app/composables/models/shared.ts +75 -0
  58. package/app/composables/orders.ts +69 -0
  59. package/app/composables/products/registry.ts +86 -0
  60. package/app/composables/products/types.ts +8 -0
  61. package/app/composables/products/useEvents.ts +26 -0
  62. package/app/composables/products/useGiftCards.ts +29 -0
  63. package/app/composables/products/useProducts.ts +12 -0
  64. package/app/composables/products/useSubscriptions.ts +29 -0
  65. package/app/composables/products.ts +30 -0
  66. package/app/composables/registry.ts +24 -0
  67. package/app/composables/useAuth.ts +43 -0
  68. package/app/composables/useBreakpoints/index.ts +1 -0
  69. package/app/composables/useBreakpoints/useBreakpoints.ts +28 -0
  70. package/app/composables/useCache.ts +38 -0
  71. package/app/composables/useCart/__tests__/useCart.spec.ts +11 -0
  72. package/app/composables/useCart/index.ts +1 -0
  73. package/app/composables/useCart/types.ts +17 -0
  74. package/app/composables/useCart/useCart.ts +46 -0
  75. package/app/composables/useCartShippingMethods/__tests__/useCartShippingMethods.spec.ts +11 -0
  76. package/app/composables/useCartShippingMethods/index.ts +1 -0
  77. package/app/composables/useCartShippingMethods/types.ts +17 -0
  78. package/app/composables/useCartShippingMethods/useCartShippingMethods.ts +47 -0
  79. package/app/composables/useCatalog.ts +26 -0
  80. package/app/composables/useContent.ts +26 -0
  81. package/app/composables/useCustomer/__tests__/useCustomer.spec.ts +25 -0
  82. package/app/composables/useCustomer/index.ts +2 -0
  83. package/app/composables/useCustomer/types.ts +17 -0
  84. package/app/composables/useCustomer/useCustomer.ts +40 -0
  85. package/app/composables/useCustomerAddress/__tests__/useCustomerAddress.spec.ts +11 -0
  86. package/app/composables/useCustomerAddress/index.ts +2 -0
  87. package/app/composables/useCustomerAddress/types.ts +17 -0
  88. package/app/composables/useCustomerAddress/useCustomerAddress.ts +55 -0
  89. package/app/composables/useCustomerOrder/__tests__/useCustomerOrder.spec.ts +11 -0
  90. package/app/composables/useCustomerOrder/adress.ts +10 -0
  91. package/app/composables/useCustomerOrder/index.ts +2 -0
  92. package/app/composables/useCustomerOrder/product.ts +37 -0
  93. package/app/composables/useCustomerOrder/types.ts +40 -0
  94. package/app/composables/useCustomerOrder/useCustomerOrder.ts +63 -0
  95. package/app/composables/useCustomerOrders/__tests__/useCustomerOrders.spec.ts +11 -0
  96. package/app/composables/useCustomerOrders/index.ts +2 -0
  97. package/app/composables/useCustomerOrders/types.ts +20 -0
  98. package/app/composables/useCustomerOrders/useCustomerOrders.ts +56 -0
  99. package/app/composables/useCustomerReturns/__tests__/useCustomerReturns.spec.ts +11 -0
  100. package/app/composables/useCustomerReturns/index.ts +2 -0
  101. package/app/composables/useCustomerReturns/types.ts +17 -0
  102. package/app/composables/useCustomerReturns/useCustomerReturns.ts +41 -0
  103. package/app/composables/useHandleError/index.ts +1 -0
  104. package/app/composables/useHandleError/types.ts +11 -0
  105. package/app/composables/useHandleError/useHandleError.ts +27 -0
  106. package/app/composables/useInventory.ts +29 -0
  107. package/app/composables/useLoading.ts +21 -0
  108. package/app/composables/useNotification.ts +21 -0
  109. package/app/composables/usePageTitle.ts +20 -0
  110. package/app/composables/useProduct/index.ts +2 -0
  111. package/app/composables/useProduct/types.ts +17 -0
  112. package/app/composables/useProduct/useProduct.ts +42 -0
  113. package/app/composables/useProductAttribute/__tests__/useProduct.mock.ts +31 -0
  114. package/app/composables/useProductAttribute/__tests__/useProductAttribute.spec.ts +14 -0
  115. package/app/composables/useProductAttribute/index.ts +1 -0
  116. package/app/composables/useProductAttribute/useProductAttribute.ts +37 -0
  117. package/app/composables/useProductRecommended/__tests__/useProductRecommended.spec.ts +12 -0
  118. package/app/composables/useProductRecommended/index.ts +1 -0
  119. package/app/composables/useProductRecommended/types.ts +17 -0
  120. package/app/composables/useProductRecommended/useProductRecommended.ts +43 -0
  121. package/app/composables/useProductReviews/__tests__/productReviews.mock.ts +20 -0
  122. package/app/composables/useProductReviews/__tests__/useProductReviews.spec.ts +22 -0
  123. package/app/composables/useProductReviews/index.ts +2 -0
  124. package/app/composables/useProductReviews/types.ts +17 -0
  125. package/app/composables/useProductReviews/useProductReviews.ts +46 -0
  126. package/app/composables/useProducts/__tests__/useProducts.spec.ts +11 -0
  127. package/app/composables/useProducts/types.ts +22 -0
  128. package/app/composables/useProducts/useProducts.ts +41 -0
  129. package/app/composables/useTax.ts +27 -0
  130. package/app/composables/validationRules/index.ts +1 -0
  131. package/app/composables/validationRules/password.feature +67 -0
  132. package/app/composables/validationRules/password.test.ts +89 -0
  133. package/app/composables/validationRules/password.ts +25 -0
  134. package/app/normalizers/Cart.query.ts +729 -0
  135. package/app/normalizers/Cart.type.ts +285 -0
  136. package/app/normalizers/Category.query.ts +146 -0
  137. package/app/normalizers/Category.type.ts +55 -0
  138. package/app/normalizers/CheckEmail.query.ts +28 -0
  139. package/app/normalizers/Checkout.query.ts +253 -0
  140. package/app/normalizers/Checkout.type.ts +77 -0
  141. package/app/normalizers/CmsBlock.query.ts +57 -0
  142. package/app/normalizers/CmsBlock.type.ts +25 -0
  143. package/app/normalizers/CmsPage.query.ts +59 -0
  144. package/app/normalizers/CmsPage.type.ts +26 -0
  145. package/app/normalizers/Config.query.ts +224 -0
  146. package/app/normalizers/Config.type.ts +196 -0
  147. package/app/normalizers/ContactForm.query.ts +49 -0
  148. package/app/normalizers/CreditMemo.type.ts +49 -0
  149. package/app/normalizers/GiftCard.type.ts +24 -0
  150. package/app/normalizers/Invoice.type.ts +58 -0
  151. package/app/normalizers/Menu.query.ts +54 -0
  152. package/app/normalizers/Menu.type.ts +22 -0
  153. package/app/normalizers/MyAccount.query.ts +268 -0
  154. package/app/normalizers/MyAccount.type.ts +129 -0
  155. package/app/normalizers/NewsletterSubscription.query.ts +38 -0
  156. package/app/normalizers/Order.query.ts +741 -0
  157. package/app/normalizers/Order.type.ts +268 -0
  158. package/app/normalizers/Payment.type.ts +28 -0
  159. package/app/normalizers/ProductAlerts.query.ts +23 -0
  160. package/app/normalizers/ProductCompare.query.ts +226 -0
  161. package/app/normalizers/ProductCompare.type.ts +90 -0
  162. package/app/normalizers/ProductList.query.ts +1620 -0
  163. package/app/normalizers/ProductList.type.ts +726 -0
  164. package/app/normalizers/Region.query.ts +58 -0
  165. package/app/normalizers/Region.type.ts +23 -0
  166. package/app/normalizers/Return.type.ts +50 -0
  167. package/app/normalizers/Review.query.ts +81 -0
  168. package/app/normalizers/Review.type.ts +42 -0
  169. package/app/normalizers/Slider.query.ts +72 -0
  170. package/app/normalizers/Slider.type.ts +26 -0
  171. package/app/normalizers/StoreInPickUp.query.ts +54 -0
  172. package/app/normalizers/StoreInPickUp.type.ts +59 -0
  173. package/app/normalizers/Subscription.type.ts +25 -0
  174. package/app/normalizers/Transaction.type.ts +20 -0
  175. package/app/normalizers/UrlRewrites.query.ts +55 -0
  176. package/app/normalizers/UrlRewrites.type.ts +25 -0
  177. package/app/normalizers/Wishlist.query.ts +202 -0
  178. package/app/normalizers/Wishlist.type.ts +42 -0
  179. package/app/pages/brand/[...slug].vue +76 -0
  180. package/app/pages/brands.vue +67 -0
  181. package/app/pages/cart.vue +142 -0
  182. package/app/pages/compare.vue +166 -0
  183. package/app/pages/departments/[...slug].vue +353 -0
  184. package/app/pages/departments/category/[...slug].vue +114 -0
  185. package/app/pages/incentive/[...id].vue +66 -0
  186. package/app/pages/invoice/[id].vue +309 -0
  187. package/app/pages/order/[id].vue +327 -0
  188. package/app/pages/product/[...id].vue +309 -0
  189. package/app/pages/product/showcases/index.vue +86 -0
  190. package/app/pages/shipment/[...id].vue +176 -0
  191. package/app/pages/shop/[...slug].vue +158 -0
  192. package/app/pages/shops.vue +76 -0
  193. package/app/pages/subscription/[...id].vue +147 -0
  194. package/app/pages/transaction/[...id].vue +74 -0
  195. package/app/routes/CategoryPage/CategoryPage.config.ts +28 -0
  196. package/app/routes/CategoryPage/CategoryPage.type.ts +8 -0
  197. package/app/routes/Checkout/Checkout.config.ts +3 -0
  198. package/app/routes/Checkout/Checkout.type.ts +14 -0
  199. package/app/routes/MyAccount/MyAccount.config.ts +1 -0
  200. package/app/routes/SearchPage/SearchPage.config.ts +1 -0
  201. package/app/routes/UrlRewrites/UrlRewrites.config.ts +5 -0
  202. package/app/stores/Cart/Cart.type.ts +26 -0
  203. package/app/stores/MyAccount/MyAccount.action.ts +7 -0
  204. package/app/stores/Notification/Notification.action.ts +40 -0
  205. package/app/stores/Notification/Notification.type.ts +16 -0
  206. package/app/stores/Popup/Popup.action.ts +30 -0
  207. package/app/stores/Product/Product.dispatcher.ts +53 -0
  208. package/app/stores/Product/Product.reducer.ts +12 -0
  209. package/app/stores/ProductList/ProductList.dispatcher.ts +35 -0
  210. package/app/stores/ProductList/ProductList.reducer.ts +13 -0
  211. package/app/stores/Store.type.ts +31 -0
  212. package/app/stores/Wishlist/Wishlist.type.ts +12 -0
  213. package/app/stores/cart.ts +218 -0
  214. package/app/stores/cartStore.ts +224 -0
  215. package/app/stores/checkout.ts +18 -0
  216. package/app/stores/compare.ts +65 -0
  217. package/app/stores/currency.js +29 -0
  218. package/app/stores/digital-products.js +11 -0
  219. package/app/stores/orders.ts +172 -0
  220. package/app/stores/product.ts +34 -0
  221. package/app/stores/productList.ts +35 -0
  222. package/app/stores/productListInfo.ts +0 -0
  223. package/app/stores/products.ts +118 -0
  224. package/app/stores/recentlyViewedProducts.ts +56 -0
  225. package/app/stores/review.ts +33 -0
  226. package/app/stores/storeInPickUp.ts +21 -0
  227. package/app/stores/user.ts +20 -0
  228. package/app/stores/wishlist.ts +46 -0
  229. package/app/types/Account.type.ts +141 -0
  230. package/app/types/Breadcrumbs.type.ts +23 -0
  231. package/app/types/CMS.type.ts +33 -0
  232. package/app/types/Category.type.ts +67 -0
  233. package/app/types/Checkout.type.ts +58 -0
  234. package/app/types/Common.type.ts +77 -0
  235. package/app/types/Config.type.ts +47 -0
  236. package/app/types/Device.type.ts +37 -0
  237. package/app/types/Direction.type.ts +23 -0
  238. package/app/types/Downloadable.type.ts +24 -0
  239. package/app/types/Error.type.ts +22 -0
  240. package/app/types/Field.type.ts +151 -0
  241. package/app/types/Global.type.ts +156 -0
  242. package/app/types/Graphql.type.ts +4497 -0
  243. package/app/types/Layout.type.ts +18 -0
  244. package/app/types/Menu.type.ts +39 -0
  245. package/app/types/MiniCart.type.ts +61 -0
  246. package/app/types/NotificationList.type.ts +34 -0
  247. package/app/types/Order.type.ts +174 -0
  248. package/app/types/Price.type.ts +72 -0
  249. package/app/types/ProductCompare.type.ts +24 -0
  250. package/app/types/ProductList.type.ts +351 -0
  251. package/app/types/Rating.type.ts +42 -0
  252. package/app/types/Router.type.ts +67 -0
  253. package/app/types/Slider.type.ts +25 -0
  254. package/app/types/StockStatus.type.ts +21 -0
  255. package/app/types/domain/index.ts +94 -0
  256. package/app/types/index.ts +33 -0
  257. package/app/types/shims.d.ts +52 -0
  258. package/app/types/tilework-opus.d.ts +48 -0
  259. package/app/utils/Address/Address.type.ts +28 -0
  260. package/app/utils/Address/index.ts +325 -0
  261. package/app/utils/Auth/IsSignedIn.ts +4 -0
  262. package/app/utils/Auth/Token.ts +9 -0
  263. package/app/utils/Base64/Base64.ts +16 -0
  264. package/app/utils/Base64/index.ts +12 -0
  265. package/app/utils/Browser/Browser.ts +29 -0
  266. package/app/utils/Browser/index.ts +12 -0
  267. package/app/utils/BrowserDatabase/BrowserDatabase.ts +70 -0
  268. package/app/utils/BrowserDatabase/index.ts +12 -0
  269. package/app/utils/CSS/CSS.ts +65 -0
  270. package/app/utils/CSS/index.ts +12 -0
  271. package/app/utils/Cache/Cache.ts +99 -0
  272. package/app/utils/Cart/Cart.ts +300 -0
  273. package/app/utils/Cart/Cart.type.ts +76 -0
  274. package/app/utils/Cart/Token.ts +59 -0
  275. package/app/utils/Cart/index.ts +13 -0
  276. package/app/utils/Category/Filters.ts +39 -0
  277. package/app/utils/Category/index.ts +12 -0
  278. package/app/utils/Common/index.ts +32 -0
  279. package/app/utils/Compare/Compare.ts +89 -0
  280. package/app/utils/Compare/index.ts +12 -0
  281. package/app/utils/Currency/Currency.ts +84 -0
  282. package/app/utils/Currency/index.ts +12 -0
  283. package/app/utils/DynamicReducer/DynamicReducer.type.ts +14 -0
  284. package/app/utils/DynamicReducer/Helper.ts +30 -0
  285. package/app/utils/DynamicReducer/index.tsx +35 -0
  286. package/app/utils/ElementTransition/ElementTransition.ts +100 -0
  287. package/app/utils/Form/Extract.ts +316 -0
  288. package/app/utils/Form/Form.ts +46 -0
  289. package/app/utils/Form/Form.type.ts +60 -0
  290. package/app/utils/Form/Transform.ts +33 -0
  291. package/app/utils/FormPortalCollector/index.ts +45 -0
  292. package/app/utils/History/History.type.ts +31 -0
  293. package/app/utils/History/index.ts +17 -0
  294. package/app/utils/Manipulations/Array.ts +18 -0
  295. package/app/utils/Manipulations/Date.ts +36 -0
  296. package/app/utils/Manipulations/index.ts +14 -0
  297. package/app/utils/Media/Media.ts +27 -0
  298. package/app/utils/Media/index.ts +13 -0
  299. package/app/utils/Menu/Menu.ts +116 -0
  300. package/app/utils/Menu/Menu.type.ts +37 -0
  301. package/app/utils/Menu/index.ts +12 -0
  302. package/app/utils/Mobile/index.ts +13 -0
  303. package/app/utils/Mobile/isMobile.ts +34 -0
  304. package/app/utils/Orders/Orders.ts +71 -0
  305. package/app/utils/Orders/Orders.type.ts +19 -0
  306. package/app/utils/Orders/index.ts +13 -0
  307. package/app/utils/Polyfill/index.ts +336 -0
  308. package/app/utils/Preload/CategoryPreload.ts +74 -0
  309. package/app/utils/Preload/ProductPreload.ts +28 -0
  310. package/app/utils/Preload/index.ts +75 -0
  311. package/app/utils/Price/Price.config.ts +189 -0
  312. package/app/utils/Price/Price.ts +63 -0
  313. package/app/utils/Price/index.ts +12 -0
  314. package/app/utils/Product/Extract.ts +652 -0
  315. package/app/utils/Product/Product.ts +575 -0
  316. package/app/utils/Product/Product.type.ts +260 -0
  317. package/app/utils/Product/Transform.ts +382 -0
  318. package/app/utils/Product/index.ts +12 -0
  319. package/app/utils/Promise/MakeCancelable.ts +44 -0
  320. package/app/utils/Promise/Promise.type.ts +15 -0
  321. package/app/utils/Promise/index.ts +13 -0
  322. package/app/utils/Query/Field.ts +71 -0
  323. package/app/utils/Query/Fragment.ts +22 -0
  324. package/app/utils/Query/PrepareDocument.ts +119 -0
  325. package/app/utils/Query/Query.type.ts +26 -0
  326. package/app/utils/Query/index.ts +15 -0
  327. package/app/utils/Request/Config.ts +21 -0
  328. package/app/utils/Request/DataContainer.ts +102 -0
  329. package/app/utils/Request/Debounce.ts +48 -0
  330. package/app/utils/Request/Error.ts +31 -0
  331. package/app/utils/Request/Hash.ts +88 -0
  332. package/app/utils/Request/LowPriorityLoad.ts +32 -0
  333. package/app/utils/Request/LowPriorityRender.ts +55 -0
  334. package/app/utils/Request/Mutation.ts +25 -0
  335. package/app/utils/Request/Query.ts +25 -0
  336. package/app/utils/Request/QueryDispatcher.ts +135 -0
  337. package/app/utils/Request/Request.ts +310 -0
  338. package/app/utils/Store/Store.type.ts +26 -0
  339. package/app/utils/Store/index.ts +71 -0
  340. package/app/utils/Url/Url.ts +297 -0
  341. package/app/utils/Url/index.ts +12 -0
  342. package/app/utils/Validator/Config.ts +96 -0
  343. package/app/utils/Validator/Validator.ts +268 -0
  344. package/app/utils/Validator/Validator.type.ts +47 -0
  345. package/app/utils/Validator/index.ts +12 -0
  346. package/app/utils/Wishlist/Wishlist.ts +65 -0
  347. package/app/utils/Wishlist/index.ts +12 -0
  348. package/app/utils/client.ts +280 -0
  349. package/app/utils/index.ts +53 -0
  350. package/app/utils/normalizer.ts +23 -0
  351. package/app/utils/normalizers/magento.ts +29 -0
  352. package/app/utils/normalizers/shopify.ts +29 -0
  353. package/nuxt.config.ts +11 -0
  354. package/package.json +43 -0
  355. package/tsconfig.json +45 -0
package/app/pages/invoice/[id].vue ADDED
@@ -0,0 +1,309 @@
1
+ <template>
2
+ <div>
3
+ <profilebar />
4
+ <section data-bs-version="5.1" class="features07 scalem5 cid-uhB4hw1yxB mbr-fullscreen" id="features07-9l">
5
+ <div class="container">
6
+ <div class="row">
7
+ <div class="col-12 col-lg-10 card">
8
+ <div class="title-wrapper">
9
+ <h2 class="mbr-section-title mbr-fonts-style display-5">
10
+ View Invoice</h2>
11
+ </div>
12
+ </div>
13
+ <div class="col-12 col-lg-8">
14
+ <div class="items-wrapper">
15
+ <div class="item features-without-image item-mb">
16
+ <div class="item-wrapper">
17
+ <div class="card-box">
18
+ <div class="icon-wrapper">
19
+ <span class="mbr-iconfont mobi-mbri-growing-chart mobi-mbri"></span>
20
+ </div>
21
+ <h4 class="card-title mbr-fonts-style display-7">
22
+ Order Information
23
+ </h4>
24
+ <NuxtLink class="card-text mbr-fonts-style display-7" :to="`/order/${invoice?.order_id}`">Order #:
25
+ {{ invoice?.order_id }}</NuxtLink>
26
+ <p class="card-text mbr-fonts-style display-7">Order Date:
27
+ {{ new Date(invoice?.created_at).toLocaleDateString() }}</p>
28
+ <p class="card-text mbr-fonts-style display-7">Order Status:
29
+ {{ invoice?.state }}</p>
30
+ <p class="card-text mbr-fonts-style display-7">Purchased From: {{ invoice?.store_id }}</p>
31
+ </div>
32
+ </div>
33
+ </div>
34
+ <div class="item features-without-image item-mb">
35
+ <div class="item-wrapper">
36
+ <div class="card-box">
37
+ <div class="icon-wrapper">
38
+ <span class="mbr-iconfont mobi-mbri-globe-2 mobi-mbri"></span>
39
+ </div>
40
+ <h4 class="card-title mbr-fonts-style display-7">
41
+ Account Information
42
+ </h4>
43
+ <p class="card-text mbr-fonts-style display-7">Customer Name: </p>
44
+ <p class="card-text mbr-fonts-style display-7">Email: {{ invoice?.email_sent }}</p>
45
+ <p class="card-text mbr-fonts-style display-7">Customer Group: </p>
46
+ </div>
47
+ </div>
48
+ </div>
49
+ <div class="item features-without-image item-mb">
50
+ <div class="item-wrapper">
51
+ <div class="card-box">
52
+ <div class="icon-wrapper">
53
+ <span class="mbr-iconfont mobi-mbri-delivery mobi-mbri"></span>
54
+ </div>
55
+ <h4 class="card-title mbr-fonts-style display-7">
56
+ Billing Address
57
+ </h4>
58
+ <p class="card-text mbr-fonts-style display-7">{{ invoice?.billing_address_id }}
59
+ </p>
60
+ </div>
61
+ </div>
62
+ </div>
63
+ <div class="item features-without-image item-mb">
64
+ <div class="item-wrapper">
65
+ <div class="card-box">
66
+ <div class="icon-wrapper">
67
+ <span class="mbr-iconfont mobi-mbri-refresh mobi-mbri"></span>
68
+ </div>
69
+ <h4 class="card-title mbr-fonts-style display-7">
70
+ Shipping Address
71
+ </h4>
72
+ <p class="card-text mbr-fonts-style display-7">{{ invoice?.shipping_address_id }}
73
+ </p>
74
+ </div>
75
+ </div>
76
+ </div>
77
+ <div class="item features-without-image item-mb">
78
+ <div class="item-wrapper">
79
+ <div class="card-box">
80
+ <div class="icon-wrapper">
81
+ <span class="mbr-iconfont mobi-mbri-responsive-2 mobi-mbri"></span>
82
+ </div>
83
+ <h4 class="card-title mbr-fonts-style display-7">
84
+ Payment Information
85
+ </h4>
86
+ <p class="card-text mbr-fonts-style display-7">The order was placed using
87
+ {{ invoice?.order_currency_code }}</p>
88
+ </div>
89
+ </div>
90
+ </div>
91
+ <div class="item features-without-image item-mb">
92
+ <div class="item-wrapper">
93
+ <div class="card-box">
94
+ <div class="icon-wrapper">
95
+ <span class="mbr-iconfont mobi-mbri-cash mobi-mbri"></span>
96
+ </div>
97
+ <h4 class="card-title mbr-fonts-style display-7">
98
+ Shipping Information
99
+ </h4>
100
+ <p class="card-text mbr-fonts-style display-7">{{ invoice?.shipping_address_id }}
101
+ </p>
102
+ <p class="card-text mbr-fonts-style display-7">Total Shipping Charges: {{ invoice?.shipping_amount }}</p>
103
+ <p class="card-text mbr-fonts-style display-7">
104
+ {{ invoice?.shipping_discount_tax_compensation_amount }}</p>
105
+ <p class="card-text mbr-fonts-style display-7">{{ invoice?.shipping_incl_tax }}</p>
106
+ <p class="card-text mbr-fonts-style display-7">{{ invoice?.shipping_tax_amount }}
107
+ </p>
108
+ </div>
109
+ </div>
110
+ </div>
111
+ </div>
112
+
113
+ </div>
114
+ </div>
115
+ </div>
116
+ <img src="../../assets/images/background2.jpg" alt="Invoices">
117
+ </section>
118
+
119
+ <v-card title="Invoice Items" flat>
120
+ <div class="container">
121
+ <v-data-table :headers="headers" :items="invoice?.items" :items-per-page="5" class="elevation-1">
122
+ <template v-slot:[`item.name`]="{ item }">
123
+ <strong>{{ item.name }}</strong>
124
+ </template>
125
+ <template v-slot:[`item.price_incl_tax`]="{ item }">
126
+ {{ item.price_incl_tax }}
127
+ </template>
128
+ <template v-slot:[`item.qty`]="{ item }">
129
+ {{ item.qty }}
130
+ </template>
131
+ <template v-slot:[`item.price`]="{ item }">
132
+ {{ item.price }}
133
+ </template>
134
+ <template v-slot:[`item.tax_amount`]="{ item }">
135
+ <span v-dompurify-html="item.tax_amount"></span>
136
+ </template>
137
+ <template v-slot:[`item.discount_amount`]="{ item }">
138
+ {{ item.discount_amount }}
139
+ </template>
140
+ <template v-slot:[`item.row_total`]="{ item }">
141
+ {{ item.row_total }}
142
+ </template>
143
+ </v-data-table>
144
+ </div>
145
+ </v-card>
146
+ <section data-bs-version="5.1" class="pricing1 lodgem5 cid-uhBqGPVpcI" id="apricing1-9s">
147
+ <div class="container">
148
+ <div class="row">
149
+ <div class="col-12">
150
+ <div class="mbr-section-head">
151
+ <h3 class="mbr-section-title mbr-fonts-style mb-0 display-5">
152
+ Invoice Totals</h3>
153
+
154
+ </div>
155
+ <div class="tabl-container">
156
+ <div class="tabl-item-row">
157
+ <div class="tabl-item-column">
158
+ <p class="card-text mbr-fonts-style mb-0 display-7">
159
+ Subtotal
160
+ </p>
161
+ </div>
162
+ <div class="tabl-item-column">
163
+ <p class="card-text mbr-fonts-style mb-0 display-7">
164
+ {{ invoice?.subtotal }}
165
+ </p>
166
+ </div>
167
+
168
+ </div>
169
+
170
+ <div class="tabl-item-row">
171
+ <div class="tabl-item-column">
172
+ <p class="card-text mbr-fonts-style mb-0 display-7">
173
+ Shipping & Handling
174
+ </p>
175
+ </div>
176
+ <div class="tabl-item-column">
177
+ <p class="card-text mbr-fonts-style mb-0 display-7">
178
+ {{ invoice?.base_shipping_incl_tax }}
179
+ </p>
180
+ </div>
181
+
182
+ </div>
183
+ <div class="tabl-item-row">
184
+ <div class="tabl-item-column">
185
+ <p class="card-text mbr-fonts-style mb-0 display-7">
186
+ Adjustment Refund
187
+ </p>
188
+ </div>
189
+ <div class="tabl-item-column">
190
+ <p class="card-text mbr-fonts-style mb-0 display-7">
191
+ {{ invoice?.adjustment_negative }} {{ invoice?.adjustment }}
192
+ {{ invoice?.adjustment_positive }}
193
+ </p>
194
+ </div>
195
+
196
+ </div>
197
+ <div class="tabl-item-row">
198
+ <div class="tabl-item-column">
199
+ <p class="card-text mbr-fonts-style mb-0 display-7">
200
+ Adjustment Fee
201
+ </p>
202
+ </div>
203
+ <div class="tabl-item-column">
204
+ <p class="card-text mbr-fonts-style mb-0 display-7">
205
+ {{ invoice?.base_adjustment_negative }} {{ invoice?.base_adjustment }}
206
+ {{ invoice?.base_adjustment_positive }}
207
+ </p>
208
+ </div>
209
+
210
+ </div>
211
+ <div class="tabl-item-row">
212
+ <div class="tabl-item-column">
213
+ <p class="card-text mbr-fonts-style mb-0 display-7">
214
+ Tax
215
+ </p>
216
+ </div>
217
+ <div class="tabl-item-column">
218
+ <p class="card-text mbr-fonts-style mb-0 display-7">
219
+ {{ invoice?.tax_amount }}
220
+ </p>
221
+ </div>
222
+ </div>
223
+ <div class="tabl-item-row">
224
+ <div class="tabl-item-column">
225
+ <p class="card-text mbr-fonts-style mb-0 display-7">
226
+ <strong>Grand Total</strong>
227
+ </p>
228
+ </div>
229
+ <div class="tabl-item-column">
230
+ <p class="card-text mbr-fonts-style mb-0 display-7">
231
+ <strong>{{ invoice?.grand_total }}</strong>
232
+ </p>
233
+ </div>
234
+ </div>
235
+ </div>
236
+ </div>
237
+ </div>
238
+ </div>
239
+ </section>
240
+ </div>
241
+ </template>
242
+
243
+ <script>
244
+
245
+ export default {
246
+ data: () => ({
247
+ headers: [{
248
+ text: 'Product',
249
+ value: 'name'
250
+ },
251
+ {
252
+ text: 'Price',
253
+ value: 'price_incl_tax'
254
+ },
255
+ {
256
+ text: 'Quantity',
257
+ value: 'qty'
258
+ },
259
+ {
260
+ text: 'Subtotal',
261
+ value: 'price'
262
+ },
263
+ {
264
+ text: 'Tax Amount',
265
+ value: 'tax_amount'
266
+ },
267
+ {
268
+ text: 'Discount Amount',
269
+ value: 'discount_amount'
270
+ },
271
+ {
272
+ text: 'Row Total',
273
+ value: 'tow_total',
274
+ },
275
+ ],
276
+ }),
277
+ }
278
+ </script>
279
+
280
+ <script setup>
281
+ const route = useRoute();
282
+ const {
283
+ $directus,
284
+ $readItem
285
+ } = useNuxtApp()
286
+ const user = useSupabaseUser()
287
+
288
+ const {
289
+ data: invoice
290
+ } = await useAsyncData('invoice', () => {
291
+ return $directus.request($readItem('invoices', route.params.id, {
292
+ filter: {
293
+ user: {
294
+ _eq: `${user?.id}`
295
+ }
296
+ },
297
+ limit: 1
298
+ })).then(response => response?.[0])
299
+ })
300
+
301
+ useHead({
302
+ title: 'Invoice' + invoice?.value?.id || 'Invoice Page',
303
+ })
304
+
305
+
306
+ definePageMeta({
307
+ //middleware: ['auth-logged-in'],
308
+ })
309
+ </script>
package/app/pages/order/[id].vue ADDED
@@ -0,0 +1,327 @@
1
+ <template>
2
+ <div>
3
+ <!--<profilebar />-->
4
+ <section data-bs-version="5.1" class="features07 scalem5 cid-uhB4hw1yxB mbr-fullscreen" id="features07-9l">
5
+ <div class="container">
6
+ <div class="row">
7
+ <div class="col-12 col-lg-10 card">
8
+ <div class="title-wrapper">
9
+ <h2 class="mbr-section-title mbr-fonts-style display-5">
10
+ View Order</h2>
11
+ </div>
12
+ </div>
13
+ <div class="col-12 col-lg-8">
14
+ <div class="items-wrapper">
15
+ <div class="item features-without-image item-mb">
16
+ <div class="item-wrapper">
17
+ <div class="card-box">
18
+ <div class="icon-wrapper">
19
+ <span class="mbr-iconfont mobi-mbri-growing-chart mobi-mbri"></span>
20
+ </div>
21
+ <h4 class="card-title mbr-fonts-style display-7">
22
+ Order Information
23
+ </h4>
24
+ <NuxtLink class="card-text mbr-fonts-style display-7" :to="`/order/${order?.order_id}`">Order #:
25
+ {{ order?.order_id }}</NuxtLink>
26
+ <p class="card-text mbr-fonts-style display-7">Order Date:
27
+ {{ new Date(order?.created_at).toLocaleDateString() }}</p>
28
+ <p class="card-text mbr-fonts-style display-7">Order Status:
29
+ {{ order?.status }}</p>
30
+ <p class="card-text mbr-fonts-style display-7">Purchased From: {{ order?.store_id }}</p>
31
+ </div>
32
+ </div>
33
+ </div>
34
+ <div class="item features-without-image item-mb">
35
+ <div class="item-wrapper">
36
+ <div class="card-box">
37
+ <div class="icon-wrapper">
38
+ <span class="mbr-iconfont mobi-mbri-globe-2 mobi-mbri"></span>
39
+ </div>
40
+ <h4 class="card-title mbr-fonts-style display-7">
41
+ Account Information
42
+ </h4>
43
+ <p class="card-text mbr-fonts-style display-7">Customer Name: {{ order?.user_id?.first_name }} {{ order?.user_id?.last_name }}</p>
44
+ <p class="card-text mbr-fonts-style display-7">Email: {{ order?.user_id?.email }}</p>
45
+ <p class="card-text mbr-fonts-style display-7">Customer Group: {{ order?.user_id?.group_id }}</p>
46
+ </div>
47
+ </div>
48
+ </div>
49
+ <div class="item features-without-image item-mb">
50
+ <div class="item-wrapper">
51
+ <div class="card-box">
52
+ <div class="icon-wrapper">
53
+ <span class="mbr-iconfont mobi-mbri-delivery mobi-mbri"></span>
54
+ </div>
55
+ <h4 class="card-title mbr-fonts-style display-7">
56
+ Billing Address
57
+ </h4>
58
+ <p class="card-text mbr-fonts-style display-7">{{ order?.billing_address?.prefix }} {{ order?.billing_address?.street }} {{ order?.billing_address?.suffix }} {{ order?.billing_address?.city }} {{ order?.billing_address?.postcode }} {{ order?.billing_address?.country_code }} {{ order?.billing_address?.telephone }}
59
+ </p>
60
+ </div>
61
+ </div>
62
+ </div>
63
+ <div class="item features-without-image item-mb">
64
+ <div class="item-wrapper">
65
+ <div class="card-box">
66
+ <div class="icon-wrapper">
67
+ <span class="mbr-iconfont mobi-mbri-refresh mobi-mbri"></span>
68
+ </div>
69
+ <h4 class="card-title mbr-fonts-style display-7">
70
+ Shipping Address
71
+ </h4>
72
+ <p class="card-text mbr-fonts-style display-7">{{ order?.shipping_address?.prefix }} {{ order?.shipping_address?.street }} {{ order?.shipping_address?.suffix }} {{ order?.shipping_address?.city }} {{ order?.shipping_address?.postcode }} {{ order?.shipping_address?.country_code }} {{ order?.shipping_address?.telephone }}
73
+ </p>
74
+ </div>
75
+ </div>
76
+ </div>
77
+ <div class="item features-without-image item-mb">
78
+ <div class="item-wrapper">
79
+ <div class="card-box">
80
+ <div class="icon-wrapper">
81
+ <span class="mbr-iconfont mobi-mbri-responsive-2 mobi-mbri"></span>
82
+ </div>
83
+ <h4 class="card-title mbr-fonts-style display-7">
84
+ Payment Information
85
+ </h4>
86
+ <p class="card-text mbr-fonts-style display-7">Paid with {{ order?.cc_type }} {{ order?.cc_last4 }}</p>
87
+ <p class="card-text mbr-fonts-style display-7">The order was placed using {{ order?.order_currency_code }}</p>
88
+ </div>
89
+ </div>
90
+ </div>
91
+ <div class="item features-without-image item-mb">
92
+ <div class="item-wrapper">
93
+ <div class="card-box">
94
+ <div class="icon-wrapper">
95
+ <span class="mbr-iconfont mobi-mbri-cash mobi-mbri"></span>
96
+ </div>
97
+ <h4 class="card-title mbr-fonts-style display-7">
98
+ Shipping Information
99
+ </h4>
100
+ <p class="card-text mbr-fonts-style display-7">{{ order?.shipping_address_id }}
101
+ </p>
102
+ <p class="card-text mbr-fonts-style display-7">Total Shipping Charges: {{ order?.shipping_amount }}</p>
103
+ <p class="card-text mbr-fonts-style display-7">
104
+ {{ order?.shipping_discount_tax_compensation_amount }}</p>
105
+ <p class="card-text mbr-fonts-style display-7">{{ order?.shipping_incl_tax }}</p>
106
+ <p class="card-text mbr-fonts-style display-7">{{ order?.shipping_tax_amount }}
107
+ </p>
108
+ </div>
109
+ </div>
110
+ </div>
111
+ </div>
112
+
113
+ </div>
114
+ </div>
115
+ </div>
116
+ <img src="../../assets/images/background2.jpg" :alt="order?.id">
117
+ </section>
118
+
119
+ <v-card title="Order Items" flat>
120
+ <div class="container">
121
+ <v-data-table :headers="headers" :items="order?.products" :items-per-page="5" class="elevation-1">
122
+ <template v-slot:[`item.name`]="{ item }">
123
+ <strong>{{ item.name }}</strong>
124
+ SKU: {{ item?.sku }}
125
+ </template>
126
+ <template v-slot:[`item.tax_amount`]="{ item }">
127
+ <span v-dompurify-html="item.status"></span>
128
+ </template>
129
+ <template v-slot:[`item.original_price`]="{ item }">
130
+ {{ item.original_price }}
131
+ </template>
132
+ <template v-slot:[`item.price_incl_tax`]="{ item }">
133
+ {{ item.price_incl_tax }}
134
+ </template>
135
+ <template v-slot:[`item.qty_ordered`]="{ item }">
136
+ {{ item.qty_ordered }}
137
+ </template>
138
+ <template v-slot:[`item.price`]="{ item }">
139
+ {{ item.price }}
140
+ </template>
141
+ <template v-slot:[`item.tax_amount`]="{ item }">
142
+ <span v-dompurify-html="item.tax_amount"></span>
143
+ </template>
144
+ <template v-slot:[`item.tax_percent`]="{ item }">
145
+ <span v-dompurify-html="item.tax_percent"></span>
146
+ </template>
147
+ <template v-slot:[`item.discount_amount`]="{ item }">
148
+ {{ item.discount_amount }}
149
+ </template>
150
+ <template v-slot:[`item.row_total`]="{ item }">
151
+ {{ item.row_total }}
152
+ </template>
153
+ </v-data-table>
154
+ </div>
155
+ </v-card>
156
+ <section data-bs-version="5.1" class="pricing1 lodgem5 cid-uhBqGPVpcI" id="apricing1-9s">
157
+ <div class="container">
158
+ <div class="row">
159
+ <div class="col-12">
160
+ <div class="mbr-section-head">
161
+ <h3 class="mbr-section-title mbr-fonts-style mb-0 display-5">
162
+ Order Totals</h3>
163
+
164
+ </div>
165
+ <div class="tabl-container">
166
+ <div class="tabl-item-row">
167
+ <div class="tabl-item-column">
168
+ <p class="card-text mbr-fonts-style mb-0 display-7">
169
+ Subtotal
170
+ </p>
171
+ </div>
172
+ <div class="tabl-item-column">
173
+ <p class="card-text mbr-fonts-style mb-0 display-7">
174
+ {{ order?.subtotal }}
175
+ </p>
176
+ </div>
177
+
178
+ </div>
179
+
180
+ <div class="tabl-item-row">
181
+ <div class="tabl-item-column">
182
+ <p class="card-text mbr-fonts-style mb-0 display-7">
183
+ Shipping & Handling
184
+ </p>
185
+ </div>
186
+ <div class="tabl-item-column">
187
+ <p class="card-text mbr-fonts-style mb-0 display-7">
188
+ {{ order?.base_shipping_incl_tax }}
189
+ </p>
190
+ </div>
191
+
192
+ </div>
193
+ <div class="tabl-item-row">
194
+ <div class="tabl-item-column">
195
+ <p class="card-text mbr-fonts-style mb-0 display-7">
196
+ Tax
197
+ </p>
198
+ </div>
199
+ <div class="tabl-item-column">
200
+ <p class="card-text mbr-fonts-style mb-0 display-7">
201
+ {{ order?.tax_amount }}
202
+ </p>
203
+ </div>
204
+ </div>
205
+ <div class="tabl-item-row">
206
+ <div class="tabl-item-column">
207
+ <p class="card-text mbr-fonts-style mb-0 display-7">
208
+ <strong>Grand Total</strong>
209
+ </p>
210
+ </div>
211
+ <div class="tabl-item-column">
212
+ <p class="card-text mbr-fonts-style mb-0 display-7">
213
+ <strong>{{ order?.grand_total }}</strong>
214
+ </p>
215
+ </div>
216
+ </div>
217
+ <div class="tabl-item-row">
218
+ <div class="tabl-item-column">
219
+ <p class="card-text mbr-fonts-style mb-0 display-7">
220
+ <strong>Total Paid</strong>
221
+ </p>
222
+ </div>
223
+ <div class="tabl-item-column">
224
+ <p class="card-text mbr-fonts-style mb-0 display-7">
225
+ <strong>{{ order?.total_paid }}</strong>
226
+ </p>
227
+ </div>
228
+ </div>
229
+ <div class="tabl-item-row">
230
+ <div class="tabl-item-column">
231
+ <p class="card-text mbr-fonts-style mb-0 display-7">
232
+ <strong>Total Refunded</strong>
233
+ </p>
234
+ </div>
235
+ <div class="tabl-item-column">
236
+ <p class="card-text mbr-fonts-style mb-0 display-7">
237
+ <strong>{{ order?.total_refunded }}</strong>
238
+ </p>
239
+ </div>
240
+ </div>
241
+ <div class="tabl-item-row">
242
+ <div class="tabl-item-column">
243
+ <p class="card-text mbr-fonts-style mb-0 display-7">
244
+ <strong>Total Due</strong>
245
+ </p>
246
+ </div>
247
+ <div class="tabl-item-column">
248
+ <p class="card-text mbr-fonts-style mb-0 display-7">
249
+ <strong>{{ order?.total_due }}</strong>
250
+ </p>
251
+ </div>
252
+ </div>
253
+ </div>
254
+ </div>
255
+ </div>
256
+ </div>
257
+ </section>
258
+ </div>
259
+ </template>
260
+
261
+ <script>
262
+
263
+ export default {
264
+ data: () => ({
265
+ headers: [{
266
+ text: 'Product',
267
+ value: 'name'
268
+ },
269
+ {
270
+ text: 'Price',
271
+ value: 'price_incl_tax'
272
+ },
273
+ {
274
+ text: 'Quantity',
275
+ value: 'qty'
276
+ },
277
+ {
278
+ text: 'Subtotal',
279
+ value: 'price'
280
+ },
281
+ {
282
+ text: 'Tax Amount',
283
+ value: 'tax_amount'
284
+ },
285
+ {
286
+ text: 'Discount Amount',
287
+ value: 'discount_amount'
288
+ },
289
+ {
290
+ text: 'Row Total',
291
+ value: 'tow_total',
292
+ },
293
+ ],
294
+ }),
295
+ }
296
+ </script>
297
+
298
+ <script setup>
299
+ const route = useRoute();
300
+
301
+ const {
302
+ $directus,
303
+ $readItem
304
+ } = useNuxtApp()
305
+ const user = useSupabaseUser()
306
+
307
+ const {
308
+ data: order
309
+ } = await useAsyncData('order', () => {
310
+ return $directus.request($readItem('orders', route.params.id, {
311
+ filter: {
312
+ user: {
313
+ _eq: `${user?.id}`
314
+ }
315
+ },
316
+ limit: 1
317
+ })).then(response => response?.[0])
318
+ })
319
+
320
+ useHead({
321
+ title: 'Order' + order?.value?.id || 'Order Page',
322
+ })
323
+
324
+ definePageMeta({
325
+ //middleware: ['auth-logged-in'],
326
+ })
327
+ </script>