{"version":3,"names":["scLineItemsCss","ScLineItemsStyle0","ScLineItems","isEditable","item","_a","price","ad_hoc","bump_amount","locked","this","editable","render","formBusy","_c","_b","checkoutState","checkout","line_items","data","length","h","style","width","height","slot","display","class","part","tabindex","_e","_d","map","max","getMaxStockQuantity","product","variant","key","id","image","name","priceName","variantLabel","variant_options","filter","Boolean","join","purchasableStatusDisplay","purchasable_status_display","removable","quantity","fees","setupFeeTrialEnabled","_f","setup_fee_trial_enabled","amount","ad_hoc_amount","subtotal_amount","scratchAmount","scratch_amount","scratchDisplayAmount","scratch_display_amount","currency","_g","displayAmount","ad_hoc_display_amount","subtotal_display_amount","trialDurationDays","_h","trial_duration_days","interval","intervalString","showOnce","hasSubscription","onScUpdateQuantity","e","updateCheckoutLineItem","detail","onScRemove","removeCheckoutLineItem","exportparts"],"sources":["src/components/controllers/checkout-form/line-items/sc-line-items.css?tag=sc-line-items&encapsulation=shadow","src/components/controllers/checkout-form/line-items/sc-line-items.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n:slotted(* ~ *) {\n  margin-top: 20px;\n}\n\n.line-items {\n  display: grid;\n  gap: var(--sc-form-row-spacing);\n}\n\n.line-item {\n  display: grid;\n  gap: var(--sc-spacing-small);\n}\n\n.fee__description {\n  opacity: 0.75;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { __ } from '@wordpress/i18n';\n\nimport { state as checkoutState } from '@store/checkout';\nimport { hasSubscription } from '../../../../functions/line-items';\nimport { intervalString } from '../../../../functions/price';\nimport { LineItem, Product, Variant } from '../../../../types';\nimport { removeCheckoutLineItem, updateCheckoutLineItem } from '@store/checkout/mutations';\nimport { formBusy } from '@store/form/getters';\nimport { getMaxStockQuantity } from '../../../../functions/quantity';\n\n/**\n * @part base - The component base\n * @part line-item - The line item\n * @part product-line-item - The product line item\n * @part line-item__image - The line item image\n * @part line-item__text - The line item text\n * @part line-item__title - The line item title\n * @part line-item__suffix - The line item suffix\n * @part line-item__price - The line item price\n * @part line-item__price-amount - The line item price amount\n * @part line-item__price-description - The line item price description\n * @part line-item__price-scratch - The line item price scratch\n * @part line-item__static-quantity - The line item static quantity\n * @part line-item__remove-icon - The line item remove icon\n * @part line-item__quantity - The line item quantity\n * @part line-item__quantity-minus - The line item quantity minus\n * @part line-item__quantity-minus-icon - The line item quantity minus icon\n * @part line-item__quantity-plus - The line item quantity plus\n * @part line-item__quantity-plus-icon - The line item quantity plus icon\n * @part line-item__quantity-input - The line item quantity input\n * @part line-item__price-description - The line item price description\n */\n\n@Component({\n  tag: 'sc-line-items',\n  styleUrl: 'sc-line-items.css',\n  shadow: true,\n})\nexport class ScLineItems {\n  /**\n   * Is the line item editable?\n   */\n  @Prop() editable: boolean;\n\n  /**\n   * Is the line item removable?\n   */\n  @Prop() removable: boolean;\n\n  /**\n   * Is the line item editable?\n   */\n  isEditable(item: LineItem) {\n    // ad_hoc prices and bumps cannot have quantity.\n    if (item?.price?.ad_hoc || item?.bump_amount || item?.locked) {\n      return false;\n    }\n    return this.editable;\n  }\n\n  render() {\n    if (!!formBusy() && !checkoutState?.checkout?.line_items?.data?.length) {\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    return (\n      <div class=\"line-items\" part=\"base\" tabindex=\"0\">\n        {(checkoutState?.checkout?.line_items?.data || []).map(item => {\n          const max = getMaxStockQuantity(item?.price?.product as Product, item?.variant as Variant);\n          return (\n            <div class=\"line-item\">\n              <sc-product-line-item\n                key={item.id}\n                image={item?.image}\n                name={(item?.price?.product as Product)?.name}\n                priceName={item?.price?.name}\n                variantLabel={(item?.variant_options || []).filter(Boolean).join(' / ') || null}\n                purchasableStatusDisplay={item?.purchasable_status_display}\n                {...(max ? { max } : {})}\n                editable={this.isEditable(item)}\n                removable={!item?.locked && this.removable}\n                quantity={item.quantity}\n                fees={item?.fees?.data}\n                setupFeeTrialEnabled={item?.price?.setup_fee_trial_enabled}\n                amount={item.ad_hoc_amount !== null ? item.ad_hoc_amount : item.subtotal_amount}\n                scratchAmount={item.ad_hoc_amount == null && item?.scratch_amount}\n                scratchDisplayAmount={item?.scratch_display_amount}\n                currency={checkoutState?.checkout?.currency}\n                displayAmount={item.ad_hoc_amount !== null ? item.ad_hoc_display_amount : item.subtotal_display_amount}\n                trialDurationDays={item?.price?.trial_duration_days}\n                interval={!!item?.price && intervalString(item?.price, { showOnce: hasSubscription(checkoutState?.checkout) })}\n                onScUpdateQuantity={e => updateCheckoutLineItem({ id: item.id, data: { quantity: e.detail } })}\n                onScRemove={() => removeCheckoutLineItem(item?.id)}\n                exportparts=\"base:line-item, product-line-item, image:line-item__image, text:line-item__text, title:line-item__title, suffix:line-item__suffix, price:line-item__price, price__amount:line-item__price-amount, price__description:line-item__price-description, price__scratch:line-item__price-scratch, static-quantity:line-item__static-quantity, remove-icon__base:line-item__remove-icon, quantity:line-item__quantity, quantity__minus:line-item__quantity-minus, quantity__minus-icon:line-item__quantity-minus-icon, quantity__plus:line-item__quantity-plus, quantity__plus-icon:line-item__quantity-plus-icon, quantity__input:line-item__quantity-input, line-item__price-description:line-item__price-description\"\n              />\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}