{"version":3,"file":"bloomscorp-ngx-aster-cms-order-details.component-CelmwNp4.mjs","sources":["../../../projects/ngx-aster-cms/src/lib/order/order-details/order-details.component.ts","../../../projects/ngx-aster-cms/src/lib/order/order-details/order-details.component.html"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\r\nimport { MatIcon } from \"@angular/material/icon\";\r\nimport { OrderDetailsScreenData } from '../interface/screen/order-details-screen-data';\r\nimport { AsterOrderDetailsService } from '../service/aster-order-details-service';\r\nimport { OrderDetails } from '../interface/order-details';\r\n\r\n@Component({\r\n    selector: 'aster-cms-order-details',\r\n    imports: [\r\n        MatIcon\r\n    ],\r\n    templateUrl: './order-details.component.html',\r\n    styleUrl: './order-details.component.scss'\r\n})\r\nexport class OrderDetailsComponent<O extends OrderDetails> implements OnInit {\r\n\r\n    public screen: OrderDetailsScreenData = {} as OrderDetailsScreenData;\r\n\r\n    constructor(public _: AsterOrderDetailsService<O>) { }\r\n\r\n    public ngOnInit() {\r\n        this.screen = this._.screen;\r\n        this._.fetchOrderDetails();\r\n        console.log(this._.orderDetails);\r\n    }\r\n\r\n}","<section class=\"w-full pr-6\">\r\n<!--\t\toverview-->\r\n\t<div class=\"p-4\">\r\n\t\t<div>Order #{{_.orderDetails.id}}</div>\r\n\t\t<a href=\"#\" class=\"text-gray-500 text-sm underline cursor-pointer\">View Invoice</a>\r\n\t\t<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-10 text-xs mt-8\">\r\n\t\t\t<div>\r\n\t\t\t\t<h4 class=\"mb-2 font-semibold\">Delivery Address</h4>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t{{_.orderDetails.shippingAddress.addressLine1}}<br/>\r\n                    {{_.orderDetails.shippingAddress.addressLine2}}<br/>\r\n                    {{_.orderDetails.shippingAddress.city}}, {{_.orderDetails.shippingAddress.state}} {{_.orderDetails.shippingAddress.postalCode}}, {{_.orderDetails.shippingAddress.country}}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div>\r\n\t\t\t\t<h4 class=\"mb-2 font-semibold\">Billing Address</h4>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t{{_.orderDetails.deliveryAddress.addressLine1}}<br/>\r\n                    {{_.orderDetails.deliveryAddress.addressLine2}}<br/>\r\n                    {{_.orderDetails.deliveryAddress.city}}, {{_.orderDetails.deliveryAddress.state}} {{_.orderDetails.deliveryAddress.postalCode}}, {{_.orderDetails.deliveryAddress.country}}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div>\r\n\t\t\t\t<h4 class=\"mb-2 font-semibold\">Contact Help</h4>\r\n\t\t\t\t<div class=\"flex items-start\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t{{_.orderDetails.tenant.phone}}<br/>\r\n\t\t\t\t\t\t{{_.orderDetails.tenant.email}}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<mat-icon class=\"cursor-pointer scale-75\">open_in_new</mat-icon>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div>\r\n\t\t\t\t<h4 class=\"mb-2 font-semibold\">Payment Information</h4>\r\n\t\t\t\t<div>\r\n\t\t\t\t\tFully Paid\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n<!--\torder-item section-->\r\n\t<div class=\"mt-6 pt-8 p-4 grid grid-cols-1 md:grid-cols-[60%_40%] gap-6 border-t-[1px]\">\r\n\t\t<div>\r\n            @for (orderItem of _.orderDetails.orderItemList; track orderItem) {\r\n                <div class=\"flex gap-3 items-start text-xs mb-6\">\r\n                    <div class=\"\">\r\n                        <img class=\"w-16\" [src]=\"orderItem.productDetails['heroImage']\" alt=\"\">\r\n                    </div>\r\n                    <div>\r\n                        <div class=\"font-semibold\">{{orderItem.productDetails['name']}}</div>\r\n                        <div class=\"text-gray-400\">MODEL: {{orderItem.productDetails['sku']}}</div>\r\n                        <div class=\"mt-2 font-semibold\">Price: ₹ {{orderItem.productDetails['price']}} <span class=\"ml-4\">QTY: {{orderItem.quantity}}</span></div>\r\n                    </div>\r\n                </div>\r\n            }\r\n\t\t</div>\r\n\t\t<div class=\"flex justify-between text-[13px]\">\r\n\t\t\t<div class=\"leading-7\">\r\n\t\t\t\t<div class=\"font-semibold\">Order Essentials</div>\r\n\t\t\t\t<div>Sub-Total:</div>\r\n\t\t\t\t<div>Shipping:</div>\r\n\t\t\t\t<div>Tax:</div>\r\n\t\t\t\t<div class=\"font-semibold\">Order Total</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"leading-7\">\r\n\t\t\t\t<div>&nbsp;</div>\r\n\t\t\t\t<div>₹ 0.00</div>\r\n\t\t\t\t<div>₹ 0.00</div>\r\n\t\t\t\t<div>₹ 0.00</div>\r\n\t\t\t\t<div class=\"font-semibold\">₹ 0.00</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</section>\r\n"],"names":["i1.AsterOrderDetailsService"],"mappings":";;;;;MAca,qBAAqB,CAAA;AAI9B,IAAA,WAAA,CAAmB,CAA8B,EAAA;QAA9B,IAAC,CAAA,CAAA,GAAD,CAAC;QAFb,IAAM,CAAA,MAAA,GAA2B,EAA4B;;IAI7D,QAAQ,GAAA;QACX,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM;AAC3B,QAAA,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE;QAC1B,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC;;8GAT3B,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,wBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdlC,yzGA0EA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDjEQ,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAKF,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBARjC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yBAAyB,EAC1B,OAAA,EAAA;wBACL;AACH,qBAAA,EAAA,QAAA,EAAA,yzGAAA,EAAA;;;;;"}