JezK

Edit File: sc-order-status-badge.cjs.entry.js.map

{"file":"sc-order-status-badge.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,qBAAqB,GAAG,mDAAmD,CAAC;AAClF,iCAAe,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBC0CrB,UAAE;;uBAEF,UAAE;;uBAEF,UAAE;;uBAEF,UAAE;;uBAEF,UAAE;;uBAEF,UAAE;;;;;;;;;;;;;","names":[],"sources":["src/components/ui/order-status-badge/sc-order-status-badge.css?tag=sc-order-status-badge&encapsulation=shadow","src/components/ui/order-status-badge/sc-order-status-badge.tsx"],"sourcesContent":[":host {\n display: inline-block;\n vertical-align: middle;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { __ } from '@wordpress/i18n';\n\nimport { OrderStatus } from '../../../types';\n\n@Component({\n tag: 'sc-order-status-badge',\n styleUrl: 'sc-order-status-badge.css',\n shadow: true,\n})\nexport class ScOrderStatusBadge {\n /** The tag's statux type. */\n @Prop() status: OrderStatus;\n\n /** The tag's size. */\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n /** Draws a pill-style tag with rounded edges. */\n @Prop({ reflect: true }) pill: boolean = false;\n\n /** Makes the tag clearable. */\n @Prop() clearable: boolean = false;\n\n getType() {\n switch (this.status) {\n case 'processing':\n return 'warning';\n case 'paid':\n return 'success';\n case 'payment_failed':\n return 'danger';\n case 'canceled':\n return 'danger';\n case 'void':\n return 'danger';\n case 'canceled':\n return 'danger';\n }\n }\n\n getText() {\n switch (this.status) {\n case 'processing':\n return __('Processing', 'surecart');\n case 'payment_failed':\n return __('Payment Failed', 'surecart');\n case 'paid':\n return __('Paid', 'surecart');\n case 'canceled':\n return __('Canceled', 'surecart');\n case 'void':\n return __('Canceled', 'surecart');\n case 'draft':\n return __('Draft', 'surecart');\n default:\n return this.status;\n }\n }\n\n render() {\n return (\n <sc-tag type={this.getType()} pill={this.pill}>\n {this.getText()}\n </sc-tag>\n );\n }\n}\n"],"version":3}