JezK

Edit File: sc-order-confirmation-details.cjs.entry.js.map

{"file":"sc-order-confirmation-details.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,6BAA6B,GAAG,sBAAsB,CAAC;AAC7D,yCAAe,6BAA6B;;;;;;;;;;;0DCeP,UAAE;;;;;;;;;;;wGAqCT,eAAO,CAAC,UAAE;;;AAUxCA;;;;;","names":["openWormhole"],"sources":["src/components/controllers/confirmation/order-confirmation-details/sc-order-confirmation-details.css?tag=sc-order-confirmation-details&encapsulation=shadow","src/components/controllers/confirmation/order-confirmation-details/sc-order-confirmation-details.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Order } from '../../../../types';\nimport { Component, h, Prop } from '@stencil/core';\nimport { sprintf, __ } from '@wordpress/i18n';\nimport { openWormhole } from 'stencil-wormhole';\n\n@Component({\n tag: 'sc-order-confirmation-details',\n styleUrl: 'sc-order-confirmation-details.css',\n shadow: true,\n})\nexport class ScOrderConfirmationDetails {\n @Prop() order: Order;\n @Prop() loading: boolean;\n\n renderOrderStatus() {\n if (this?.order?.status === 'processing') {\n return <sc-tag type=\"warning\">{__('On Hold', 'surecart')}</sc-tag>;\n }\n return <sc-order-status-badge status={this.order?.status}></sc-order-status-badge>;\n }\n\n render() {\n if (!!this.loading) {\n return (\n <sc-dashboard-module>\n <sc-skeleton slot=\"heading\" style={{ width: '120px', display: 'inline-block' }}></sc-skeleton>\n <sc-skeleton slot=\"end\" style={{ width: '60px', display: 'inline-block' }}></sc-skeleton>\n <sc-card>\n <sc-line-item>\n <sc-skeleton style={{ 'width': '50px', 'height': '50px', '--border-radius': '0' }} slot=\"image\"></sc-skeleton>\n <sc-skeleton slot=\"title\" style={{ width: '120px', display: 'inline-block' }}></sc-skeleton>\n <sc-skeleton slot=\"description\" style={{ width: '60px', display: 'inline-block' }}></sc-skeleton>\n <sc-skeleton style={{ width: '120px', display: 'inline-block' }} slot=\"price\"></sc-skeleton>\n <sc-skeleton style={{ width: '60px', display: 'inline-block' }} slot=\"price-description\"></sc-skeleton>\n </sc-line-item>\n <sc-divider></sc-divider>\n <sc-line-item>\n <sc-skeleton slot=\"title\" style={{ width: '120px', display: 'inline-block' }}></sc-skeleton>\n <sc-skeleton style={{ width: '120px', display: 'inline-block' }} slot=\"price\"></sc-skeleton>\n </sc-line-item>\n <sc-divider></sc-divider>\n <sc-line-item>\n <sc-skeleton slot=\"title\" style={{ width: '120px', display: 'inline-block' }}></sc-skeleton>\n <sc-skeleton style={{ width: '120px', display: 'inline-block' }} slot=\"price\"></sc-skeleton>\n </sc-line-item>\n </sc-card>\n </sc-dashboard-module>\n );\n }\n\n if (!this.order?.number) return;\n return (\n <sc-dashboard-module class=\"order\">\n <span slot=\"heading\">{sprintf(__('Order #%s', 'surecart'), this.order?.number)}</span>\n <span slot=\"end\">{this.renderOrderStatus()}</span>\n <sc-card>\n <sc-order-confirmation-line-items></sc-order-confirmation-line-items>\n <sc-order-confirmation-totals></sc-order-confirmation-totals>\n </sc-card>\n </sc-dashboard-module>\n );\n }\n}\nopenWormhole(ScOrderConfirmationDetails, ['order', 'loading'], false);\n"],"version":3}