JezK

Edit File: sc-order-bumps2.js.map

{"file":"sc-order-bumps2.js","mappings":";;;;;;;;;;AAAA,MAAM,eAAe,GAAG,yDAAyD,CAAC;AAClF,2BAAe,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4DC0Cc,UAAE,+FACD,UAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/controllers/checkout-form/sc-order-bumps/sc-order-bumps.scss?tag=sc-order-bumps&encapsulation=shadow","src/components/controllers/checkout-form/sc-order-bumps/sc-order-bumps.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.bumps__list {\n display: grid;\n gap: 10px;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { __ } from '@wordpress/i18n';\nimport { state as checkoutState } from '@store/checkout';\nimport { Price, Product } from '../../../../types';\n\n@Component({\n tag: 'sc-order-bumps',\n styleUrl: 'sc-order-bumps.scss',\n shadow: true,\n})\nexport class ScOrderBumps {\n @Prop() label: string;\n @Prop() help: string;\n\n /** Should we show the controls (classic design) */\n @Prop() showControl: boolean;\n\n /** Hide bumps that have already been added to the checkout. */\n @Prop() hideAddedItems: boolean;\n\n /** Check if a bump is already added as a line item. */\n isBumpAdded(bumpId: string) {\n return (checkoutState?.checkout?.line_items?.data || []).some(item => item?.bump === bumpId);\n }\n\n render() {\n const bumps = (checkoutState?.checkout?.recommended_bumps?.data || []).filter(bump => {\n // exclude variants for now.\n if (((bump?.price as Price)?.product as Product)?.variants?.pagination?.count !== 0) {\n return false;\n }\n // optionally exclude bumps already added to the checkout.\n if (this.hideAddedItems && this.isBumpAdded(bump?.id)) {\n return false;\n }\n return true;\n });\n\n if (!bumps?.length) {\n return null;\n }\n\n return (\n <sc-form-control label={this.label || __('Recommended', 'surecart')} help={this.help}>\n <div class=\"bumps__list\" aria-label={__('Order bump summary', 'surecart')}>\n {bumps.map(bump => (\n <sc-order-bump key={bump?.id} bump={bump} showControl={this.showControl} exportparts=\"choice__base, choice__content, base-content, image, text, title, cta, amount, price, tag, description, button, base, control, checked-icon\" />\n ))}\n </div>\n </sc-form-control>\n );\n }\n}\n"],"version":3}