JezK

Edit File: sc-order-confirmation-line-items2.js.map

{"file":"sc-order-confirmation-line-items2.js","mappings":"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","names":[],"sources":["src/components/controllers/confirmation/order-confirmation-line-items/sc-order-confirmation-line-items.scss?tag=sc-order-confirmation-line-items&encapsulation=shadow","src/components/controllers/confirmation/order-confirmation-line-items/sc-order-confirmation-line-items.tsx"],"sourcesContent":[":host {\n display: block;\n}\n.line-items {\n display: grid;\n gap: var(--sc-spacing-small);\n}\n.line-item {\n display: grid;\n gap: var(--sc-spacing-small);\n}\n.fee__description {\n opacity: 0.75;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { __ } from '@wordpress/i18n';\nimport { openWormhole } from 'stencil-wormhole';\nimport { Checkout, LineItem, Product } from '../../../../types';\nimport { groupBundleLineItems } from '../../../../functions/line-items';\n\n@Component({\n tag: 'sc-order-confirmation-line-items',\n styleUrl: 'sc-order-confirmation-line-items.scss',\n shadow: true,\n})\nexport class ScOrderConfirmationLineItems {\n @Prop() order: Checkout;\n @Prop() loading: boolean;\n\n render() {\n if (!!this.loading) {\n return (\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 );\n }\n\n const items = (this.order?.line_items?.data || []) as LineItem[];\n const { regular, bundleParents, componentsByParent } = groupBundleLineItems(items);\n const orderedItems = [...bundleParents, ...regular];\n\n return (\n <div class={{ 'confirmation-summary': true }}>\n <div class=\"line-items\" part=\"line-items\">\n {orderedItems.map(item => {\n const product = item?.price?.product as Product;\n const isBundle = !!product?.bundle;\n return (\n <div class=\"line-item\" key={item.id}>\n <sc-product-line-item\n image={product?.line_item_image}\n name={product?.name}\n price={item?.price?.name}\n variant={item?.variant_display_options}\n editable={false}\n removable={false}\n quantity={item.quantity}\n fees={item?.fees?.data}\n note={item?.display_note}\n amount={item.ad_hoc_display_amount ? item.ad_hoc_display_amount : item.subtotal_display_amount}\n scratch={!item.ad_hoc_display_amount && item?.scratch_display_amount}\n trial={item?.price?.trial_text}\n interval={`${item?.price?.short_interval_text} ${item?.price?.short_interval_count_text}`}\n purchasableStatus={item?.purchasable_status_display}\n sku={item?.sku}\n bundleComponents={isBundle ? componentsByParent[item.id] || [] : []}\n ></sc-product-line-item>\n </div>\n );\n })}\n </div>\n </div>\n );\n }\n}\n\nopenWormhole(ScOrderConfirmationLineItems, ['order', 'busy', 'loading', 'empty'], false);\n"],"version":3}