active-filters
2 years ago
add-to-cart-form
2 years ago
all-products
2 years ago
attribute-filter
2 years ago
base-components-mini-cart-contents-block
2 years ago
base-components-product-price~mini-cart-contents-block
2 years ago
breadcrumbs
2 years ago
cart-blocks
2 years ago
catalog-sorting
2 years ago
checkout
2 years ago
checkout-blocks
2 years ago
classic-shortcode
2 years ago
collection-active-filters
2 years ago
collection-attribute-filter
2 years ago
collection-filters
2 years ago
collection-price-filter
2 years ago
collection-rating-filter
2 years ago
collection-stock-filter
2 years ago
customer-account
2 years ago
featured-category
2 years ago
featured-product
2 years ago
filter-wrapper
2 years ago
handpicked-products
2 years ago
inner-blocks
2 years ago
mini-cart
2 years ago
mini-cart-contents-block
2 years ago
order-confirmation-additional-information
2 years ago
order-confirmation-billing-address
2 years ago
order-confirmation-billing-wrapper
2 years ago
order-confirmation-downloads
2 years ago
order-confirmation-downloads-wrapper
2 years ago
order-confirmation-shipping-address
2 years ago
order-confirmation-shipping-wrapper
2 years ago
order-confirmation-status
2 years ago
order-confirmation-summary
2 years ago
order-confirmation-totals
2 years ago
order-confirmation-totals-wrapper
2 years ago
page-content-wrapper
2 years ago
price-filter
2 years ago
product-average-rating
2 years ago
product-best-sellers
2 years ago
product-button
2 years ago
product-categories
2 years ago
product-category
2 years ago
product-collection
2 years ago
product-collection-no-results
2 years ago
product-details
2 years ago
product-gallery
2 years ago
product-gallery-large-image
2 years ago
product-gallery-large-image-next-previous
2 years ago
product-gallery-pager
2 years ago
product-gallery-thumbnails
2 years ago
product-image-gallery
2 years ago
product-meta
2 years ago
product-new
2 years ago
product-rating
2 years ago
product-rating-counter
2 years ago
product-rating-stars
2 years ago
product-results-count
2 years ago
product-reviews
2 years ago
product-tag
2 years ago
product-template
2 years ago
product-top-rated
2 years ago
products-by-attribute
2 years ago
rating-filter
2 years ago
related-products
2 years ago
single-product
2 years ago
stock-filter
2 years ago
store-notices
2 years ago
active-filters-frontend.asset.php
2 years ago
active-filters-frontend.js
2 years ago
active-filters-frontend.js.map
2 years ago
active-filters-rtl.css
2 years ago
active-filters-style.asset.php
2 years ago
active-filters-style.js.map
2 years ago
active-filters-wrapper-frontend.js
2 years ago
active-filters-wrapper-frontend.js.map
2 years ago
active-filters-wrapper-rtl.css
2 years ago
active-filters-wrapper-style.js.map
2 years ago
active-filters-wrapper.css
2 years ago
active-filters-wrapper.css.map
2 years ago
active-filters.asset.php
2 years ago
active-filters.css
2 years ago
active-filters.css.map
2 years ago
active-filters.js
2 years ago
active-filters.js.map
2 years ago
add-to-cart-form-rtl.css
2 years ago
add-to-cart-form-style.asset.php
2 years ago
add-to-cart-form-style.js.map
2 years ago
add-to-cart-form.css
2 years ago
add-to-cart-form.css.map
2 years ago
all-products-frontend.asset.php
2 years ago
all-products-frontend.js
2 years ago
all-products-frontend.js.map
2 years ago
all-products-rtl.css
2 years ago
all-products-style.asset.php
2 years ago
all-products-style.js.map
2 years ago
all-products.asset.php
2 years ago
all-products.css
2 years ago
all-products.css.map
2 years ago
all-products.js
2 years ago
all-products.js.map
2 years ago
all-reviews-rtl.css
2 years ago
all-reviews-style.asset.php
2 years ago
all-reviews-style.js.map
2 years ago
all-reviews.asset.php
2 years ago
all-reviews.css
2 years ago
all-reviews.css.map
2 years ago
all-reviews.js
2 years ago
all-reviews.js.map
2 years ago
assets_js_base_context_hooks_collections_use-collection_ts-assets_js_base_context_hooks_use-q-fdf7ba-style.js.map
2 years ago
assets_js_base_context_hooks_use-store-add-to-cart_ts-assets_js_base_context_hooks_use-store--e30f56-style.js.map
2 years ago
attribute-filter-frontend.asset.php
2 years ago
attribute-filter-frontend.js
2 years ago
attribute-filter-frontend.js.map
2 years ago
attribute-filter-rtl.css
2 years ago
attribute-filter-style.asset.php
2 years ago
attribute-filter-style.js.map
2 years ago
attribute-filter-wrapper-frontend.js
2 years ago
attribute-filter-wrapper-frontend.js.map
2 years ago
attribute-filter-wrapper-rtl.css
2 years ago
attribute-filter-wrapper-style.js.map
2 years ago
attribute-filter-wrapper.css
2 years ago
attribute-filter-wrapper.css.map
2 years ago
attribute-filter.asset.php
2 years ago
attribute-filter.css
2 years ago
attribute-filter.css.map
2 years ago
attribute-filter.js
2 years ago
attribute-filter.js.map
2 years ago
base-components-attribute-filter-wrapper-index.tsx-style.js.map
2 years ago
base-components-price-filter-wrapper-index.tsx-style.js.map
2 years ago
base-components-price-filter-wrapper-style.scss-rtl.css
2 years ago
base-components-price-filter-wrapper-style.scss.css
2 years ago
base-components-price-filter-wrapper-style.scss.css.map
2 years ago
base-components-rating-filter-wrapper-index.tsx-style.js.map
2 years ago
base-components-rating-filter-wrapper-style.scss-rtl.css
2 years ago
base-components-rating-filter-wrapper-style.scss.css
2 years ago
base-components-rating-filter-wrapper-style.scss.css.map
2 years ago
base-components-stock-filter-wrapper-index.tsx-style.js.map
2 years ago
base-components-stock-filter-wrapper~attribute-filter-wrapper~rating-filter-wrapper-style.scss-rtl.css
2 years ago
base-components-stock-filter-wrapper~attribute-filter-wrapper~rating-filter-wrapper-style.scss.css
2 years ago
base-components-stock-filter-wrapper~attribute-filter-wrapper~rating-filter-wrapper-style.scss.css.map
2 years ago
base-context-product-add-to-cart-index.js-style.js.map
2 years ago
blocks-checkout.asset.php
2 years ago
blocks-checkout.js
2 years ago
blocks-checkout.js.map
2 years ago
blocks-components.asset.php
2 years ago
blocks-components.js
2 years ago
blocks-components.js.map
2 years ago
breadcrumbs-rtl.css
2 years ago
breadcrumbs-style.asset.php
2 years ago
breadcrumbs-style.js.map
2 years ago
breadcrumbs.asset.php
2 years ago
breadcrumbs.css
2 years ago
breadcrumbs.css.map
2 years ago
breadcrumbs.js
2 years ago
breadcrumbs.js.map
2 years ago
cart-frontend.asset.php
2 years ago
cart-frontend.js
2 years ago
cart-frontend.js.map
2 years ago
cart-rtl.css
2 years ago
cart-style.asset.php
2 years ago
cart-style.js.map
2 years ago
cart.asset.php
2 years ago
cart.css
2 years ago
cart.css.map
2 years ago
cart.js
2 years ago
cart.js.map
2 years ago
catalog-sorting-rtl.css
2 years ago
catalog-sorting-style.asset.php
2 years ago
catalog-sorting-style.js.map
2 years ago
catalog-sorting.asset.php
2 years ago
catalog-sorting.css
2 years ago
catalog-sorting.css.map
2 years ago
catalog-sorting.js
2 years ago
catalog-sorting.js.map
2 years ago
checkout-frontend.asset.php
2 years ago
checkout-frontend.js
2 years ago
checkout-frontend.js.map
2 years ago
checkout-rtl.css
2 years ago
checkout-style.asset.php
2 years ago
checkout-style.js.map
2 years ago
checkout.asset.php
2 years ago
checkout.css
2 years ago
checkout.css.map
2 years ago
checkout.js
2 years ago
checkout.js.map
2 years ago
classic-shortcode-rtl.css
2 years ago
classic-shortcode-style.asset.php
2 years ago
classic-shortcode-style.js.map
2 years ago
classic-shortcode.asset.php
2 years ago
classic-shortcode.css
2 years ago
classic-shortcode.css.map
2 years ago
classic-shortcode.js
2 years ago
classic-shortcode.js.map
2 years ago
collection-active-filters-frontend.asset.php
2 years ago
collection-active-filters-frontend.js
2 years ago
collection-active-filters-frontend.js.map
2 years ago
collection-active-filters-rtl.css
2 years ago
collection-active-filters-style.asset.php
2 years ago
collection-active-filters-style.js.map
2 years ago
collection-active-filters.asset.php
2 years ago
collection-active-filters.css
2 years ago
collection-active-filters.css.map
2 years ago
collection-active-filters.js
2 years ago
collection-active-filters.js.map
2 years ago
collection-attribute-filter-frontend.asset.php
2 years ago
collection-attribute-filter-frontend.js
2 years ago
collection-attribute-filter-frontend.js.map
2 years ago
collection-attribute-filter-rtl.css
2 years ago
collection-attribute-filter-style.asset.php
2 years ago
collection-attribute-filter-style.js.map
2 years ago
collection-attribute-filter.asset.php
2 years ago
collection-attribute-filter.css
2 years ago
collection-attribute-filter.css.map
2 years ago
collection-attribute-filter.js
2 years ago
collection-attribute-filter.js.map
2 years ago
collection-filters-style.asset.php
2 years ago
collection-filters-style.js.map
2 years ago
collection-filters.asset.php
2 years ago
collection-filters.js
2 years ago
collection-filters.js.map
2 years ago
collection-price-filter-frontend.asset.php
2 years ago
collection-price-filter-frontend.js
2 years ago
collection-price-filter-frontend.js.map
2 years ago
collection-price-filter-rtl.css
2 years ago
collection-price-filter-style.asset.php
2 years ago
collection-price-filter-style.js.map
2 years ago
collection-price-filter.asset.php
2 years ago
collection-price-filter.css
2 years ago
collection-price-filter.css.map
2 years ago
collection-price-filter.js
2 years ago
collection-price-filter.js.map
2 years ago
collection-rating-filter-frontend.asset.php
2 years ago
collection-rating-filter-frontend.js
2 years ago
collection-rating-filter-frontend.js.map
2 years ago
collection-rating-filter-rtl.css
2 years ago
collection-rating-filter-style.asset.php
2 years ago
collection-rating-filter-style.js.map
2 years ago
collection-rating-filter.asset.php
2 years ago
collection-rating-filter.css
2 years ago
collection-rating-filter.css.map
2 years ago
collection-rating-filter.js
2 years ago
collection-rating-filter.js.map
2 years ago
collection-stock-filter-frontend.asset.php
2 years ago
collection-stock-filter-frontend.js
2 years ago
collection-stock-filter-frontend.js.map
2 years ago
collection-stock-filter-rtl.css
2 years ago
collection-stock-filter-style.asset.php
2 years ago
collection-stock-filter-style.js.map
2 years ago
collection-stock-filter.asset.php
2 years ago
collection-stock-filter.css
2 years ago
collection-stock-filter.css.map
2 years ago
collection-stock-filter.js
2 years ago
collection-stock-filter.js.map
2 years ago
customer-account-rtl.css
2 years ago
customer-account-style.asset.php
2 years ago
customer-account-style.js.map
2 years ago
customer-account.asset.php
2 years ago
customer-account.css
2 years ago
customer-account.css.map
2 years ago
customer-account.js
2 years ago
customer-account.js.map
2 years ago
featured-category-rtl.css
2 years ago
featured-category-style.asset.php
2 years ago
featured-category-style.js.map
2 years ago
featured-category.asset.php
2 years ago
featured-category.css
2 years ago
featured-category.css.map
2 years ago
featured-category.js
2 years ago
featured-category.js.map
2 years ago
featured-product-rtl.css
2 years ago
featured-product-style.asset.php
2 years ago
featured-product-style.js.map
2 years ago
featured-product.asset.php
2 years ago
featured-product.css
2 years ago
featured-product.css.map
2 years ago
featured-product.js
2 years ago
featured-product.js.map
2 years ago
filter-wrapper-frontend.asset.php
2 years ago
filter-wrapper-frontend.js
2 years ago
filter-wrapper-frontend.js.map
2 years ago
filter-wrapper-rtl.css
2 years ago
filter-wrapper-style.asset.php
2 years ago
filter-wrapper-style.js.map
2 years ago
filter-wrapper.asset.php
2 years ago
filter-wrapper.css
2 years ago
filter-wrapper.css.map
2 years ago
filter-wrapper.js
2 years ago
filter-wrapper.js.map
2 years ago
handpicked-products-style.asset.php
2 years ago
handpicked-products-style.js.map
2 years ago
handpicked-products.asset.php
2 years ago
handpicked-products.js
2 years ago
handpicked-products.js.map
2 years ago
legacy-template-rtl.css
2 years ago
legacy-template-style.asset.php
2 years ago
legacy-template-style.js.map
2 years ago
legacy-template.asset.php
2 years ago
legacy-template.css
2 years ago
legacy-template.css.map
2 years ago
legacy-template.js
2 years ago
legacy-template.js.map
2 years ago
mini-cart-component-frontend.asset.php
2 years ago
mini-cart-component-frontend.js
2 years ago
mini-cart-component-frontend.js.map
2 years ago
mini-cart-contents-rtl.css
2 years ago
mini-cart-contents-style.asset.php
2 years ago
mini-cart-contents-style.js.map
2 years ago
mini-cart-contents.asset.php
2 years ago
mini-cart-contents.css
2 years ago
mini-cart-contents.css.map
2 years ago
mini-cart-contents.js
2 years ago
mini-cart-contents.js.map
2 years ago
mini-cart-frontend.asset.php
2 years ago
mini-cart-frontend.js
2 years ago
mini-cart-frontend.js.map
2 years ago
mini-cart-rtl.css
2 years ago
mini-cart-style.asset.php
2 years ago
mini-cart-style.js.map
2 years ago
mini-cart.asset.php
2 years ago
mini-cart.css
2 years ago
mini-cart.css.map
2 years ago
mini-cart.js
2 years ago
mini-cart.js.map
2 years ago
order-confirmation-additional-information-rtl.css
2 years ago
order-confirmation-additional-information-style.asset.php
2 years ago
order-confirmation-additional-information-style.js.map
2 years ago
order-confirmation-additional-information.asset.php
2 years ago
order-confirmation-additional-information.css
2 years ago
order-confirmation-additional-information.css.map
2 years ago
order-confirmation-additional-information.js
2 years ago
order-confirmation-additional-information.js.map
2 years ago
order-confirmation-billing-address-rtl.css
2 years ago
order-confirmation-billing-address-style.asset.php
2 years ago
order-confirmation-billing-address-style.js.map
2 years ago
order-confirmation-billing-address.asset.php
2 years ago
order-confirmation-billing-address.css
2 years ago
order-confirmation-billing-address.css.map
2 years ago
order-confirmation-billing-address.js
2 years ago
order-confirmation-billing-address.js.map
2 years ago
order-confirmation-billing-wrapper-style.asset.php
2 years ago
order-confirmation-billing-wrapper-style.js.map
2 years ago
order-confirmation-billing-wrapper.asset.php
2 years ago
order-confirmation-billing-wrapper.js
2 years ago
order-confirmation-billing-wrapper.js.map
2 years ago
order-confirmation-downloads-rtl.css
2 years ago
order-confirmation-downloads-style.asset.php
2 years ago
order-confirmation-downloads-style.js.map
2 years ago
order-confirmation-downloads-wrapper-style.asset.php
2 years ago
order-confirmation-downloads-wrapper-style.js.map
2 years ago
order-confirmation-downloads-wrapper.asset.php
2 years ago
order-confirmation-downloads-wrapper.js
2 years ago
order-confirmation-downloads-wrapper.js.map
2 years ago
order-confirmation-downloads.asset.php
2 years ago
order-confirmation-downloads.css
2 years ago
order-confirmation-downloads.css.map
2 years ago
order-confirmation-downloads.js
2 years ago
order-confirmation-downloads.js.map
2 years ago
order-confirmation-shipping-address-rtl.css
2 years ago
order-confirmation-shipping-address-style.asset.php
2 years ago
order-confirmation-shipping-address-style.js.map
2 years ago
order-confirmation-shipping-address.asset.php
2 years ago
order-confirmation-shipping-address.css
2 years ago
order-confirmation-shipping-address.css.map
2 years ago
order-confirmation-shipping-address.js
2 years ago
order-confirmation-shipping-address.js.map
2 years ago
order-confirmation-shipping-wrapper-style.asset.php
2 years ago
order-confirmation-shipping-wrapper-style.js.map
2 years ago
order-confirmation-shipping-wrapper.asset.php
2 years ago
order-confirmation-shipping-wrapper.js
2 years ago
order-confirmation-shipping-wrapper.js.map
2 years ago
order-confirmation-status-rtl.css
2 years ago
order-confirmation-status-style.asset.php
2 years ago
order-confirmation-status-style.js.map
2 years ago
order-confirmation-status.asset.php
2 years ago
order-confirmation-status.css
2 years ago
order-confirmation-status.css.map
2 years ago
order-confirmation-status.js
2 years ago
order-confirmation-status.js.map
2 years ago
order-confirmation-summary-rtl.css
2 years ago
order-confirmation-summary-style.asset.php
2 years ago
order-confirmation-summary-style.js.map
2 years ago
order-confirmation-summary.asset.php
2 years ago
order-confirmation-summary.css
2 years ago
order-confirmation-summary.css.map
2 years ago
order-confirmation-summary.js
2 years ago
order-confirmation-summary.js.map
2 years ago
order-confirmation-totals-rtl.css
2 years ago
order-confirmation-totals-style.asset.php
2 years ago
order-confirmation-totals-style.js.map
2 years ago
order-confirmation-totals-wrapper-style.asset.php
2 years ago
order-confirmation-totals-wrapper-style.js.map
2 years ago
order-confirmation-totals-wrapper.asset.php
2 years ago
order-confirmation-totals-wrapper.js
2 years ago
order-confirmation-totals-wrapper.js.map
2 years ago
order-confirmation-totals.asset.php
2 years ago
order-confirmation-totals.css
2 years ago
order-confirmation-totals.css.map
2 years ago
order-confirmation-totals.js
2 years ago
order-confirmation-totals.js.map
2 years ago
packages-style-rtl.css
2 years ago
packages-style-style.asset.php
2 years ago
packages-style-style.js.map
2 years ago
packages-style.css
2 years ago
packages-style.css.map
2 years ago
page-content-wrapper-style.asset.php
2 years ago
page-content-wrapper-style.js.map
2 years ago
page-content-wrapper.asset.php
2 years ago
page-content-wrapper.js
2 years ago
page-content-wrapper.js.map
2 years ago
price-filter-frontend.asset.php
2 years ago
price-filter-frontend.js
2 years ago
price-filter-frontend.js.map
2 years ago
price-filter-rtl.css
2 years ago
price-filter-style.asset.php
2 years ago
price-filter-style.js.map
2 years ago
price-filter-wrapper-frontend.js
2 years ago
price-filter-wrapper-frontend.js.map
2 years ago
price-filter-wrapper-rtl.css
2 years ago
price-filter-wrapper-style.js.map
2 years ago
price-filter-wrapper.css
2 years ago
price-filter-wrapper.css.map
2 years ago
price-filter.asset.php
2 years ago
price-filter.css
2 years ago
price-filter.css.map
2 years ago
price-filter.js
2 years ago
price-filter.js.map
2 years ago
price-format.asset.php
2 years ago
price-format.js
2 years ago
price-format.js.map
2 years ago
product-add-to-cart-frontend.js
2 years ago
product-add-to-cart-frontend.js.map
2 years ago
product-add-to-cart-rtl.css
2 years ago
product-add-to-cart-style.js.map
2 years ago
product-add-to-cart.css
2 years ago
product-add-to-cart.css.map
2 years ago
product-add-to-cart.js
2 years ago
product-add-to-cart.js.map
2 years ago
product-average-rating-frontend.js
2 years ago
product-average-rating-frontend.js.map
2 years ago
product-average-rating-style.js.map
2 years ago
product-average-rating.js
2 years ago
product-average-rating.js.map
2 years ago
product-best-sellers-style.asset.php
2 years ago
product-best-sellers-style.js.map
2 years ago
product-best-sellers.asset.php
2 years ago
product-best-sellers.js
2 years ago
product-best-sellers.js.map
2 years ago
product-button-frontend.js
2 years ago
product-button-frontend.js.map
2 years ago
product-button-interactivity-frontend.asset.php
2 years ago
product-button-interactivity-frontend.js
2 years ago
product-button-interactivity-frontend.js.map
2 years ago
product-button-rtl.css
2 years ago
product-button-style.js.map
2 years ago
product-button.css
2 years ago
product-button.css.map
2 years ago
product-button.js
2 years ago
product-button.js.map
2 years ago
product-categories-rtl.css
2 years ago
product-categories-style.asset.php
2 years ago
product-categories-style.js.map
2 years ago
product-categories.asset.php
2 years ago
product-categories.css
2 years ago
product-categories.css.map
2 years ago
product-categories.js
2 years ago
product-categories.js.map
2 years ago
product-category-style.asset.php
2 years ago
product-category-style.js.map
2 years ago
product-category.asset.php
2 years ago
product-category.js
2 years ago
product-category.js.map
2 years ago
product-collection-no-results-style.asset.php
2 years ago
product-collection-no-results-style.js.map
2 years ago
product-collection-no-results.asset.php
2 years ago
product-collection-no-results.js
2 years ago
product-collection-no-results.js.map
2 years ago
product-collection-style.asset.php
2 years ago
product-collection-style.js.map
2 years ago
product-collection.asset.php
2 years ago
product-collection.js
2 years ago
product-collection.js.map
2 years ago
product-details-rtl.css
2 years ago
product-details-style.asset.php
2 years ago
product-details-style.js.map
2 years ago
product-details.css
2 years ago
product-details.css.map
2 years ago
product-gallery-frontend.asset.php
2 years ago
product-gallery-frontend.js
2 years ago
product-gallery-frontend.js.map
2 years ago
product-gallery-large-image-frontend.asset.php
2 years ago
product-gallery-large-image-frontend.js
2 years ago
product-gallery-large-image-frontend.js.map
2 years ago
product-gallery-large-image-next-previous-style.asset.php
2 years ago
product-gallery-large-image-next-previous-style.js.map
2 years ago
product-gallery-large-image-next-previous.asset.php
2 years ago
product-gallery-large-image-next-previous.js
2 years ago
product-gallery-large-image-next-previous.js.map
2 years ago
product-gallery-large-image-style.asset.php
2 years ago
product-gallery-large-image-style.js.map
2 years ago
product-gallery-large-image.asset.php
2 years ago
product-gallery-large-image.js
2 years ago
product-gallery-large-image.js.map
2 years ago
product-gallery-pager-style.asset.php
2 years ago
product-gallery-pager-style.js.map
2 years ago
product-gallery-pager.asset.php
2 years ago
product-gallery-pager.js
2 years ago
product-gallery-pager.js.map
2 years ago
product-gallery-rtl.css
2 years ago
product-gallery-style.asset.php
2 years ago
product-gallery-style.js.map
2 years ago
product-gallery-thumbnails-style.asset.php
2 years ago
product-gallery-thumbnails-style.js.map
2 years ago
product-gallery-thumbnails.asset.php
2 years ago
product-gallery-thumbnails.js
2 years ago
product-gallery-thumbnails.js.map
2 years ago
product-gallery.asset.php
2 years ago
product-gallery.css
2 years ago
product-gallery.css.map
2 years ago
product-gallery.js
2 years ago
product-gallery.js.map
2 years ago
product-image-frontend.js
2 years ago
product-image-frontend.js.map
2 years ago
product-image-gallery-rtl.css
2 years ago
product-image-gallery-style.asset.php
2 years ago
product-image-gallery-style.js.map
2 years ago
product-image-gallery.css
2 years ago
product-image-gallery.css.map
2 years ago
product-image-rtl.css
2 years ago
product-image-style.js.map
2 years ago
product-image.css
2 years ago
product-image.css.map
2 years ago
product-image.js
2 years ago
product-image.js.map
2 years ago
product-new-style.asset.php
2 years ago
product-new-style.js.map
2 years ago
product-new.asset.php
2 years ago
product-new.js
2 years ago
product-new.js.map
2 years ago
product-on-sale-style.asset.php
2 years ago
product-on-sale-style.js.map
2 years ago
product-on-sale.asset.php
2 years ago
product-on-sale.js
2 years ago
product-on-sale.js.map
2 years ago
product-price-frontend.js
2 years ago
product-price-frontend.js.map
2 years ago
product-price-rtl.css
2 years ago
product-price-style.js.map
2 years ago
product-price.css
2 years ago
product-price.css.map
2 years ago
product-price.js
2 years ago
product-price.js.map
2 years ago
product-query-rtl.css
2 years ago
product-query-style.asset.php
2 years ago
product-query-style.js.map
2 years ago
product-query.asset.php
2 years ago
product-query.css
2 years ago
product-query.css.map
2 years ago
product-query.js
2 years ago
product-query.js.map
2 years ago
product-rating-counter-frontend.js
2 years ago
product-rating-counter-frontend.js.map
2 years ago
product-rating-counter-style.js.map
2 years ago
product-rating-counter.js
2 years ago
product-rating-counter.js.map
2 years ago
product-rating-frontend.js
2 years ago
product-rating-frontend.js.map
2 years ago
product-rating-rtl.css
2 years ago
product-rating-stars-frontend.js
2 years ago
product-rating-stars-frontend.js.map
2 years ago
product-rating-stars-rtl.css
2 years ago
product-rating-stars-style.js.map
2 years ago
product-rating-stars.css
2 years ago
product-rating-stars.css.map
2 years ago
product-rating-stars.js
2 years ago
product-rating-stars.js.map
2 years ago
product-rating-style.js.map
2 years ago
product-rating.css
2 years ago
product-rating.css.map
2 years ago
product-rating.js
2 years ago
product-rating.js.map
2 years ago
product-results-count-rtl.css
2 years ago
product-results-count-style.asset.php
2 years ago
product-results-count-style.js.map
2 years ago
product-results-count.asset.php
2 years ago
product-results-count.css
2 years ago
product-results-count.css.map
2 years ago
product-results-count.js
2 years ago
product-results-count.js.map
2 years ago
product-reviews-rtl.css
2 years ago
product-reviews-style.asset.php
2 years ago
product-reviews-style.js.map
2 years ago
product-reviews.css
2 years ago
product-reviews.css.map
2 years ago
product-sale-badge-frontend.js
2 years ago
product-sale-badge-frontend.js.map
2 years ago
product-sale-badge-rtl.css
2 years ago
product-sale-badge-style.js.map
2 years ago
product-sale-badge.css
2 years ago
product-sale-badge.css.map
2 years ago
product-sale-badge.js
2 years ago
product-sale-badge.js.map
2 years ago
product-search-rtl.css
2 years ago
product-search-style.asset.php
2 years ago
product-search-style.js.map
2 years ago
product-search.asset.php
2 years ago
product-search.css
2 years ago
product-search.css.map
2 years ago
product-search.js
2 years ago
product-search.js.map
2 years ago
product-sku-frontend.js
2 years ago
product-sku-frontend.js.map
2 years ago
product-sku-rtl.css
2 years ago
product-sku-style.js.map
2 years ago
product-sku.css
2 years ago
product-sku.css.map
2 years ago
product-sku.js
2 years ago
product-sku.js.map
2 years ago
product-stock-indicator-frontend.js
2 years ago
product-stock-indicator-frontend.js.map
2 years ago
product-stock-indicator-rtl.css
2 years ago
product-stock-indicator-style.js.map
2 years ago
product-stock-indicator.css
2 years ago
product-stock-indicator.css.map
2 years ago
product-stock-indicator.js
2 years ago
product-stock-indicator.js.map
2 years ago
product-summary-frontend.js
2 years ago
product-summary-frontend.js.map
2 years ago
product-summary-rtl.css
2 years ago
product-summary-style.js.map
2 years ago
product-summary.css
2 years ago
product-summary.css.map
2 years ago
product-summary.js
2 years ago
product-summary.js.map
2 years ago
product-tag-style.asset.php
2 years ago
product-tag-style.js.map
2 years ago
product-tag.asset.php
2 years ago
product-tag.js
2 years ago
product-tag.js.map
2 years ago
product-template-rtl.css
2 years ago
product-template-style.asset.php
2 years ago
product-template-style.js.map
2 years ago
product-template.asset.php
2 years ago
product-template.css
2 years ago
product-template.css.map
2 years ago
product-template.js
2 years ago
product-template.js.map
2 years ago
product-title-frontend.js
2 years ago
product-title-frontend.js.map
2 years ago
product-title-rtl.css
2 years ago
product-title-style.js.map
2 years ago
product-title.css
2 years ago
product-title.css.map
2 years ago
product-title.js
2 years ago
product-title.js.map
2 years ago
product-top-rated-style.asset.php
2 years ago
product-top-rated-style.js.map
2 years ago
product-top-rated.asset.php
2 years ago
product-top-rated.js
2 years ago
product-top-rated.js.map
2 years ago
products-by-attribute-style.asset.php
2 years ago
products-by-attribute-style.js.map
2 years ago
products-by-attribute.asset.php
2 years ago
products-by-attribute.js
2 years ago
products-by-attribute.js.map
2 years ago
rating-filter-frontend.asset.php
2 years ago
rating-filter-frontend.js
2 years ago
rating-filter-frontend.js.map
2 years ago
rating-filter-rtl.css
2 years ago
rating-filter-style.asset.php
2 years ago
rating-filter-style.js.map
2 years ago
rating-filter-wrapper-frontend.js
2 years ago
rating-filter-wrapper-frontend.js.map
2 years ago
rating-filter-wrapper-rtl.css
2 years ago
rating-filter-wrapper-style.js.map
2 years ago
rating-filter-wrapper.css
2 years ago
rating-filter-wrapper.css.map
2 years ago
rating-filter.asset.php
2 years ago
rating-filter.css
2 years ago
rating-filter.css.map
2 years ago
rating-filter.js
2 years ago
rating-filter.js.map
2 years ago
reviews-by-category-rtl.css
2 years ago
reviews-by-category-style.asset.php
2 years ago
reviews-by-category-style.js.map
2 years ago
reviews-by-category.asset.php
2 years ago
reviews-by-category.css
2 years ago
reviews-by-category.css.map
2 years ago
reviews-by-category.js
2 years ago
reviews-by-category.js.map
2 years ago
reviews-by-product-rtl.css
2 years ago
reviews-by-product-style.asset.php
2 years ago
reviews-by-product-style.js.map
2 years ago
reviews-by-product.asset.php
2 years ago
reviews-by-product.css
2 years ago
reviews-by-product.css.map
2 years ago
reviews-by-product.js
2 years ago
reviews-by-product.js.map
2 years ago
reviews-frontend.asset.php
2 years ago
reviews-frontend.js
2 years ago
reviews-frontend.js.map
2 years ago
single-product-rtl.css
2 years ago
single-product-style.asset.php
2 years ago
single-product-style.js.map
2 years ago
single-product.asset.php
2 years ago
single-product.css
2 years ago
single-product.css.map
2 years ago
single-product.js
2 years ago
single-product.js.map
2 years ago
stock-filter-frontend.asset.php
2 years ago
stock-filter-frontend.js
2 years ago
stock-filter-frontend.js.map
2 years ago
stock-filter-rtl.css
2 years ago
stock-filter-style.asset.php
2 years ago
stock-filter-style.js.map
2 years ago
stock-filter-wrapper-frontend.js
2 years ago
stock-filter-wrapper-frontend.js.map
2 years ago
stock-filter-wrapper-rtl.css
2 years ago
stock-filter-wrapper-style.js.map
2 years ago
stock-filter-wrapper.css
2 years ago
stock-filter-wrapper.css.map
2 years ago
stock-filter.asset.php
2 years ago
stock-filter.css
2 years ago
stock-filter.css.map
2 years ago
stock-filter.js
2 years ago
stock-filter.js.map
2 years ago
store-notices-rtl.css
2 years ago
store-notices-style.asset.php
2 years ago
store-notices-style.js.map
2 years ago
store-notices.asset.php
2 years ago
store-notices.css
2 years ago
store-notices.css.map
2 years ago
store-notices.js
2 years ago
store-notices.js.map
2 years ago
vendors-node_modules_pnpm_dinero_js_1_9_1_node_modules_dinero_js_build_esm_dinero_js-style.js.map
2 years ago
vendors-node_modules_pnpm_param-case_3_0_4_node_modules_param-case_dist_es2015_index_js-style.js.map
2 years ago
vendors-node_modules_pnpm_wordpress_components_14_2_0__types_react_17_0_71_react-dom_17_0_2_r-019903-style.js.map
2 years ago
vendors-node_modules_pnpm_wordpress_components_14_2_0__types_react_17_0_71_react-dom_17_0_2_r-37238e-frontend.js
2 years ago
vendors-node_modules_pnpm_wordpress_components_14_2_0__types_react_17_0_71_react-dom_17_0_2_r-37238e-frontend.js.map
2 years ago
vendors-node_modules_pnpm_wordpress_components_14_2_0__types_react_17_0_71_react-dom_17_0_2_r-68c184-style.js.map
2 years ago
vendors-node_modules_pnpm_wordpress_components_14_2_0__types_react_17_0_71_react-dom_17_0_2_r-70a73f-frontend.js
2 years ago
vendors-node_modules_pnpm_wordpress_components_14_2_0__types_react_17_0_71_react-dom_17_0_2_r-70a73f-frontend.js.map
2 years ago
vendors-node_modules_pnpm_wordpress_components_14_2_0__types_react_17_0_71_react-dom_17_0_2_r-849324-frontend.js
2 years ago
vendors-node_modules_pnpm_wordpress_components_14_2_0__types_react_17_0_71_react-dom_17_0_2_r-849324-frontend.js.map
2 years ago
vendors-node_modules_pnpm_wordpress_components_14_2_0__types_react_17_0_71_react-dom_17_0_2_r-bab841-style.js.map
2 years ago
vendors-node_modules_pnpm_wordpress_components_14_2_0__types_react_17_0_71_react-dom_17_0_2_r-c6918e-style.js.map
2 years ago
wc-blocks-classic-template-revert-button-style-rtl.css
2 years ago
wc-blocks-classic-template-revert-button-style-style.asset.php
2 years ago
wc-blocks-classic-template-revert-button-style-style.js.map
2 years ago
wc-blocks-classic-template-revert-button-style.css
2 years ago
wc-blocks-classic-template-revert-button-style.css.map
2 years ago
wc-blocks-classic-template-revert-button.asset.php
2 years ago
wc-blocks-classic-template-revert-button.js
2 years ago
wc-blocks-classic-template-revert-button.js.map
2 years ago
wc-blocks-data.asset.php
2 years ago
wc-blocks-data.js
2 years ago
wc-blocks-data.js.map
2 years ago
wc-blocks-editor-style-rtl.css
2 years ago
wc-blocks-editor-style.css
2 years ago
wc-blocks-editor-style.css.map
2 years ago
wc-blocks-google-analytics.asset.php
2 years ago
wc-blocks-google-analytics.js
2 years ago
wc-blocks-google-analytics.js.map
2 years ago
wc-blocks-middleware.asset.php
2 years ago
wc-blocks-middleware.js
2 years ago
wc-blocks-middleware.js.map
2 years ago
wc-blocks-registry.asset.php
2 years ago
wc-blocks-registry.js
2 years ago
wc-blocks-registry.js.map
2 years ago
wc-blocks-rtl.css
2 years ago
wc-blocks-shared-context.asset.php
2 years ago
wc-blocks-shared-context.js
2 years ago
wc-blocks-shared-context.js.map
2 years ago
wc-blocks-shared-hocs.asset.php
2 years ago
wc-blocks-shared-hocs.js
2 years ago
wc-blocks-shared-hocs.js.map
2 years ago
wc-blocks-style.asset.php
2 years ago
wc-blocks-style.js.map
2 years ago
wc-blocks-vendors.asset.php
2 years ago
wc-blocks-vendors.js
2 years ago
wc-blocks-vendors.js.map
2 years ago
wc-blocks.asset.php
2 years ago
wc-blocks.css
2 years ago
wc-blocks.css.map
2 years ago
wc-blocks.js
2 years ago
wc-blocks.js.map
2 years ago
wc-interactivity-checkbox-list-rtl.css
2 years ago
wc-interactivity-checkbox-list-style.asset.php
2 years ago
wc-interactivity-checkbox-list-style.js.map
2 years ago
wc-interactivity-checkbox-list.asset.php
2 years ago
wc-interactivity-checkbox-list.css
2 years ago
wc-interactivity-checkbox-list.css.map
2 years ago
wc-interactivity-checkbox-list.js
2 years ago
wc-interactivity-checkbox-list.js.map
2 years ago
wc-interactivity-dropdown-rtl.css
2 years ago
wc-interactivity-dropdown-style.asset.php
2 years ago
wc-interactivity-dropdown-style.js.map
2 years ago
wc-interactivity-dropdown.asset.php
2 years ago
wc-interactivity-dropdown.css
2 years ago
wc-interactivity-dropdown.css.map
2 years ago
wc-interactivity-dropdown.js
2 years ago
wc-interactivity-dropdown.js.map
2 years ago
wc-interactivity.asset.php
2 years ago
wc-interactivity.js
2 years ago
wc-interactivity.js.map
2 years ago
wc-payment-method-bacs.asset.php
2 years ago
wc-payment-method-bacs.js
2 years ago
wc-payment-method-bacs.js.map
2 years ago
wc-payment-method-cheque.asset.php
2 years ago
wc-payment-method-cheque.js
2 years ago
wc-payment-method-cheque.js.map
2 years ago
wc-payment-method-cod.asset.php
2 years ago
wc-payment-method-cod.js
2 years ago
wc-payment-method-cod.js.map
2 years ago
wc-payment-method-paypal.asset.php
2 years ago
wc-payment-method-paypal.js
2 years ago
wc-payment-method-paypal.js.map
2 years ago
wc-settings.asset.php
2 years ago
wc-settings.js
2 years ago
wc-settings.js.map
2 years ago
wc-shipping-method-pickup-location.asset.php
2 years ago
wc-shipping-method-pickup-location.js
2 years ago
wc-shipping-method-pickup-location.js.map
2 years ago
product-price.js
850 lines
| 1 | (self["webpackChunkwebpackWcBlocksJsonp"] = self["webpackChunkwebpackWcBlocksJsonp"] || []).push([["product-price"],{ |
| 2 | |
| 3 | /***/ "./assets/js/atomic/blocks/product-elements/price/block.tsx": |
| 4 | /*!******************************************************************!*\ |
| 5 | !*** ./assets/js/atomic/blocks/product-elements/price/block.tsx ***! |
| 6 | \******************************************************************/ |
| 7 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
| 8 | |
| 9 | "use strict"; |
| 10 | __webpack_require__.r(__webpack_exports__); |
| 11 | /* harmony export */ __webpack_require__.d(__webpack_exports__, { |
| 12 | /* harmony export */ Block: () => (/* binding */ Block), |
| 13 | /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) |
| 14 | /* harmony export */ }); |
| 15 | /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); |
| 16 | /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); |
| 17 | /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "../../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.js"); |
| 18 | /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__); |
| 19 | /* harmony import */ var _woocommerce_base_components_product_price__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @woocommerce/base-components/product-price */ "./assets/js/base/components/product-price/index.tsx"); |
| 20 | /* harmony import */ var _woocommerce_price_format__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @woocommerce/price-format */ "@woocommerce/price-format"); |
| 21 | /* harmony import */ var _woocommerce_price_format__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_price_format__WEBPACK_IMPORTED_MODULE_3__); |
| 22 | /* harmony import */ var _woocommerce_shared_context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @woocommerce/shared-context */ "@woocommerce/shared-context"); |
| 23 | /* harmony import */ var _woocommerce_shared_context__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_shared_context__WEBPACK_IMPORTED_MODULE_4__); |
| 24 | /* harmony import */ var _woocommerce_base_hooks__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @woocommerce/base-hooks */ "./assets/js/base/hooks/use-style-props.ts"); |
| 25 | /* harmony import */ var _woocommerce_shared_hocs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @woocommerce/shared-hocs */ "@woocommerce/shared-hocs"); |
| 26 | /* harmony import */ var _woocommerce_shared_hocs__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_shared_hocs__WEBPACK_IMPORTED_MODULE_5__); |
| 27 | |
| 28 | /** |
| 29 | * External dependencies |
| 30 | */ |
| 31 | |
| 32 | |
| 33 | |
| 34 | |
| 35 | |
| 36 | |
| 37 | |
| 38 | /** |
| 39 | * Internal dependencies |
| 40 | */ |
| 41 | |
| 42 | const Block = props => { |
| 43 | var _prices$price_range, _prices$price_range2; |
| 44 | const { |
| 45 | className, |
| 46 | textAlign, |
| 47 | isDescendentOfSingleProductTemplate |
| 48 | } = props; |
| 49 | const styleProps = (0,_woocommerce_base_hooks__WEBPACK_IMPORTED_MODULE_6__.useStyleProps)(props); |
| 50 | const { |
| 51 | parentName, |
| 52 | parentClassName |
| 53 | } = (0,_woocommerce_shared_context__WEBPACK_IMPORTED_MODULE_4__.useInnerBlockLayoutContext)(); |
| 54 | const { |
| 55 | product |
| 56 | } = (0,_woocommerce_shared_context__WEBPACK_IMPORTED_MODULE_4__.useProductDataContext)(); |
| 57 | const isDescendentOfAllProductsBlock = parentName === 'woocommerce/all-products'; |
| 58 | const wrapperClassName = classnames__WEBPACK_IMPORTED_MODULE_1___default()('wc-block-components-product-price', className, styleProps.className, { |
| 59 | [`${parentClassName}__product-price`]: parentClassName |
| 60 | }); |
| 61 | if (!product.id && !isDescendentOfSingleProductTemplate) { |
| 62 | const productPriceComponent = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_woocommerce_base_components_product_price__WEBPACK_IMPORTED_MODULE_2__["default"], { |
| 63 | align: textAlign, |
| 64 | className: wrapperClassName |
| 65 | }); |
| 66 | if (isDescendentOfAllProductsBlock) { |
| 67 | return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { |
| 68 | className: "wp-block-woocommerce-product-price" |
| 69 | }, productPriceComponent); |
| 70 | } |
| 71 | return productPriceComponent; |
| 72 | } |
| 73 | const prices = product.prices; |
| 74 | const currency = isDescendentOfSingleProductTemplate ? (0,_woocommerce_price_format__WEBPACK_IMPORTED_MODULE_3__.getCurrencyFromPriceResponse)() : (0,_woocommerce_price_format__WEBPACK_IMPORTED_MODULE_3__.getCurrencyFromPriceResponse)(prices); |
| 75 | const pricePreview = '5000'; |
| 76 | const isOnSale = prices.price !== prices.regular_price; |
| 77 | const priceClassName = classnames__WEBPACK_IMPORTED_MODULE_1___default()({ |
| 78 | [`${parentClassName}__product-price__value`]: parentClassName, |
| 79 | [`${parentClassName}__product-price__value--on-sale`]: isOnSale |
| 80 | }); |
| 81 | const productPriceComponent = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_woocommerce_base_components_product_price__WEBPACK_IMPORTED_MODULE_2__["default"], { |
| 82 | align: textAlign, |
| 83 | className: wrapperClassName, |
| 84 | style: styleProps.style, |
| 85 | regularPriceStyle: styleProps.style, |
| 86 | priceStyle: styleProps.style, |
| 87 | priceClassName: priceClassName, |
| 88 | currency: currency, |
| 89 | price: isDescendentOfSingleProductTemplate ? pricePreview : prices.price |
| 90 | // Range price props |
| 91 | , |
| 92 | minPrice: prices === null || prices === void 0 ? void 0 : (_prices$price_range = prices.price_range) === null || _prices$price_range === void 0 ? void 0 : _prices$price_range.min_amount, |
| 93 | maxPrice: prices === null || prices === void 0 ? void 0 : (_prices$price_range2 = prices.price_range) === null || _prices$price_range2 === void 0 ? void 0 : _prices$price_range2.max_amount |
| 94 | // This is the regular or original price when the `price` value is a sale price. |
| 95 | , |
| 96 | regularPrice: isDescendentOfSingleProductTemplate ? pricePreview : prices.regular_price, |
| 97 | regularPriceClassName: classnames__WEBPACK_IMPORTED_MODULE_1___default()({ |
| 98 | [`${parentClassName}__product-price__regular`]: parentClassName |
| 99 | }) |
| 100 | }); |
| 101 | if (isDescendentOfAllProductsBlock) { |
| 102 | return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { |
| 103 | className: "wp-block-woocommerce-product-price" |
| 104 | }, productPriceComponent); |
| 105 | } |
| 106 | return productPriceComponent; |
| 107 | }; |
| 108 | /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (props => { |
| 109 | // It is necessary because this block has to support serveral contexts: |
| 110 | // - Inside `All Products Block` -> `withProductDataContext` HOC |
| 111 | // - Inside `Products Block` -> Gutenberg Context |
| 112 | // - Inside `Single Product Template` -> Gutenberg Context |
| 113 | // - Without any parent -> `WithSelector` and `withProductDataContext` HOCs |
| 114 | // For more details, check https://github.com/woocommerce/woocommerce-blocks/pull/8609 |
| 115 | if (props.isDescendentOfSingleProductTemplate) { |
| 116 | return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(Block, { |
| 117 | ...props |
| 118 | }); |
| 119 | } |
| 120 | return (0,_woocommerce_shared_hocs__WEBPACK_IMPORTED_MODULE_5__.withProductDataContext)(Block)(props); |
| 121 | }); |
| 122 | Block.__docgenInfo = { |
| 123 | "description": "", |
| 124 | "methods": [], |
| 125 | "displayName": "Block" |
| 126 | }; |
| 127 | if (typeof STORYBOOK_REACT_CLASSES !== "undefined") { |
| 128 | STORYBOOK_REACT_CLASSES["assets/js/atomic/blocks/product-elements/price/block.tsx"] = { |
| 129 | name: "Block", |
| 130 | docgenInfo: Block.__docgenInfo, |
| 131 | path: "assets/js/atomic/blocks/product-elements/price/block.tsx" |
| 132 | }; |
| 133 | } |
| 134 | |
| 135 | /***/ }), |
| 136 | |
| 137 | /***/ "./assets/js/base/components/product-price/index.tsx": |
| 138 | /*!***********************************************************!*\ |
| 139 | !*** ./assets/js/base/components/product-price/index.tsx ***! |
| 140 | \***********************************************************/ |
| 141 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
| 142 | |
| 143 | "use strict"; |
| 144 | __webpack_require__.r(__webpack_exports__); |
| 145 | /* harmony export */ __webpack_require__.d(__webpack_exports__, { |
| 146 | /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) |
| 147 | /* harmony export */ }); |
| 148 | /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); |
| 149 | /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); |
| 150 | /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); |
| 151 | /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__); |
| 152 | /* harmony import */ var _woocommerce_blocks_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @woocommerce/blocks-components */ "@woocommerce/blocks-components"); |
| 153 | /* harmony import */ var _woocommerce_blocks_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_blocks_components__WEBPACK_IMPORTED_MODULE_2__); |
| 154 | /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ "../../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.js"); |
| 155 | /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__); |
| 156 | /* harmony import */ var _woocommerce_price_format__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @woocommerce/price-format */ "@woocommerce/price-format"); |
| 157 | /* harmony import */ var _woocommerce_price_format__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_price_format__WEBPACK_IMPORTED_MODULE_4__); |
| 158 | /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); |
| 159 | /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_5__); |
| 160 | /* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style.scss */ "./assets/js/base/components/product-price/style.scss"); |
| 161 | /* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_style_scss__WEBPACK_IMPORTED_MODULE_6__); |
| 162 | |
| 163 | /** |
| 164 | * External dependencies |
| 165 | */ |
| 166 | |
| 167 | |
| 168 | |
| 169 | |
| 170 | |
| 171 | /** |
| 172 | * Internal dependencies |
| 173 | */ |
| 174 | |
| 175 | const PriceRange = ({ |
| 176 | currency, |
| 177 | maxPrice, |
| 178 | minPrice, |
| 179 | priceClassName, |
| 180 | priceStyle = {} |
| 181 | }) => { |
| 182 | return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { |
| 183 | className: "screen-reader-text" |
| 184 | }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)( /* translators: %1$s min price, %2$s max price */ |
| 185 | (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Price between %1$s and %2$s', 'woocommerce'), (0,_woocommerce_price_format__WEBPACK_IMPORTED_MODULE_4__.formatPrice)(minPrice), (0,_woocommerce_price_format__WEBPACK_IMPORTED_MODULE_4__.formatPrice)(maxPrice))), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { |
| 186 | "aria-hidden": true |
| 187 | }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_woocommerce_blocks_components__WEBPACK_IMPORTED_MODULE_2__.FormattedMonetaryAmount, { |
| 188 | className: classnames__WEBPACK_IMPORTED_MODULE_3___default()('wc-block-components-product-price__value', priceClassName), |
| 189 | currency: currency, |
| 190 | value: minPrice, |
| 191 | style: priceStyle |
| 192 | }), "\xA0\u2014\xA0", (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_woocommerce_blocks_components__WEBPACK_IMPORTED_MODULE_2__.FormattedMonetaryAmount, { |
| 193 | className: classnames__WEBPACK_IMPORTED_MODULE_3___default()('wc-block-components-product-price__value', priceClassName), |
| 194 | currency: currency, |
| 195 | value: maxPrice, |
| 196 | style: priceStyle |
| 197 | }))); |
| 198 | }; |
| 199 | const SalePrice = ({ |
| 200 | currency, |
| 201 | regularPriceClassName, |
| 202 | regularPriceStyle, |
| 203 | regularPrice, |
| 204 | priceClassName, |
| 205 | priceStyle, |
| 206 | price |
| 207 | }) => { |
| 208 | return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { |
| 209 | className: "screen-reader-text" |
| 210 | }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Previous price:', 'woocommerce')), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_woocommerce_blocks_components__WEBPACK_IMPORTED_MODULE_2__.FormattedMonetaryAmount, { |
| 211 | currency: currency, |
| 212 | renderText: value => (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("del", { |
| 213 | className: classnames__WEBPACK_IMPORTED_MODULE_3___default()('wc-block-components-product-price__regular', regularPriceClassName), |
| 214 | style: regularPriceStyle |
| 215 | }, value), |
| 216 | value: regularPrice |
| 217 | }), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { |
| 218 | className: "screen-reader-text" |
| 219 | }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Discounted price:', 'woocommerce')), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_woocommerce_blocks_components__WEBPACK_IMPORTED_MODULE_2__.FormattedMonetaryAmount, { |
| 220 | currency: currency, |
| 221 | renderText: value => (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("ins", { |
| 222 | className: classnames__WEBPACK_IMPORTED_MODULE_3___default()('wc-block-components-product-price__value', 'is-discounted', priceClassName), |
| 223 | style: priceStyle |
| 224 | }, value), |
| 225 | value: price |
| 226 | })); |
| 227 | }; |
| 228 | const ProductPrice = ({ |
| 229 | align, |
| 230 | className, |
| 231 | currency, |
| 232 | format = '<price/>', |
| 233 | maxPrice, |
| 234 | minPrice, |
| 235 | price, |
| 236 | priceClassName, |
| 237 | priceStyle, |
| 238 | regularPrice, |
| 239 | regularPriceClassName, |
| 240 | regularPriceStyle, |
| 241 | style |
| 242 | }) => { |
| 243 | const wrapperClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()(className, 'price', 'wc-block-components-product-price', { |
| 244 | [`wc-block-components-product-price--align-${align}`]: align |
| 245 | }); |
| 246 | if (!format.includes('<price/>')) { |
| 247 | format = '<price/>'; |
| 248 | // eslint-disable-next-line no-console |
| 249 | console.error('Price formats need to include the `<price/>` tag.'); |
| 250 | } |
| 251 | const isDiscounted = regularPrice && price && price < regularPrice; |
| 252 | let priceComponent = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { |
| 253 | className: classnames__WEBPACK_IMPORTED_MODULE_3___default()('wc-block-components-product-price__value', priceClassName) |
| 254 | }); |
| 255 | if (isDiscounted) { |
| 256 | priceComponent = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(SalePrice, { |
| 257 | currency: currency, |
| 258 | price: price, |
| 259 | priceClassName: priceClassName, |
| 260 | priceStyle: priceStyle, |
| 261 | regularPrice: regularPrice, |
| 262 | regularPriceClassName: regularPriceClassName, |
| 263 | regularPriceStyle: regularPriceStyle |
| 264 | }); |
| 265 | } else if (minPrice !== undefined && maxPrice !== undefined) { |
| 266 | priceComponent = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(PriceRange, { |
| 267 | currency: currency, |
| 268 | maxPrice: maxPrice, |
| 269 | minPrice: minPrice, |
| 270 | priceClassName: priceClassName, |
| 271 | priceStyle: priceStyle |
| 272 | }); |
| 273 | } else if (price) { |
| 274 | priceComponent = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_woocommerce_blocks_components__WEBPACK_IMPORTED_MODULE_2__.FormattedMonetaryAmount, { |
| 275 | className: classnames__WEBPACK_IMPORTED_MODULE_3___default()('wc-block-components-product-price__value', priceClassName), |
| 276 | currency: currency, |
| 277 | value: price, |
| 278 | style: priceStyle |
| 279 | }); |
| 280 | } |
| 281 | return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { |
| 282 | className: wrapperClassName, |
| 283 | style: style |
| 284 | }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_5__.createInterpolateElement)(format, { |
| 285 | price: priceComponent |
| 286 | })); |
| 287 | }; |
| 288 | ProductPrice.__docgenInfo = { |
| 289 | "description": "", |
| 290 | "methods": [], |
| 291 | "displayName": "ProductPrice", |
| 292 | "props": { |
| 293 | "format": { |
| 294 | "defaultValue": { |
| 295 | "value": "'<price/>'", |
| 296 | "computed": false |
| 297 | }, |
| 298 | "required": false, |
| 299 | "tsType": { |
| 300 | "name": "string" |
| 301 | }, |
| 302 | "description": "The string version of the element to use for the price interpolation\n\n**Note:** It should contain `<price/>` (which is also the default value)" |
| 303 | }, |
| 304 | "align": { |
| 305 | "required": false, |
| 306 | "tsType": { |
| 307 | "name": "union", |
| 308 | "raw": "'left' | 'center' | 'right' | undefined", |
| 309 | "elements": [{ |
| 310 | "name": "literal", |
| 311 | "value": "'left'" |
| 312 | }, { |
| 313 | "name": "literal", |
| 314 | "value": "'center'" |
| 315 | }, { |
| 316 | "name": "literal", |
| 317 | "value": "'right'" |
| 318 | }, { |
| 319 | "name": "undefined" |
| 320 | }] |
| 321 | }, |
| 322 | "description": "Where to align the wrapper\n\nApplies the `wc-block-components-product-price--align-${ align }` utility\nclass to the wrapper." |
| 323 | }, |
| 324 | "className": { |
| 325 | "required": false, |
| 326 | "tsType": { |
| 327 | "name": "union", |
| 328 | "raw": "string | undefined", |
| 329 | "elements": [{ |
| 330 | "name": "string" |
| 331 | }, { |
| 332 | "name": "undefined" |
| 333 | }] |
| 334 | }, |
| 335 | "description": "CSS class for the wrapper" |
| 336 | }, |
| 337 | "currency": { |
| 338 | "required": false, |
| 339 | "tsType": { |
| 340 | "name": "union", |
| 341 | "raw": "Currency | Record< string, never >", |
| 342 | "elements": [{ |
| 343 | "name": "Currency" |
| 344 | }, { |
| 345 | "name": "Record", |
| 346 | "elements": [{ |
| 347 | "name": "string" |
| 348 | }, { |
| 349 | "name": "never" |
| 350 | }], |
| 351 | "raw": "Record< string, never >" |
| 352 | }] |
| 353 | }, |
| 354 | "description": "Currency configuration object" |
| 355 | }, |
| 356 | "price": { |
| 357 | "required": false, |
| 358 | "tsType": { |
| 359 | "name": "union", |
| 360 | "raw": "number | string", |
| 361 | "elements": [{ |
| 362 | "name": "number" |
| 363 | }, { |
| 364 | "name": "string" |
| 365 | }] |
| 366 | }, |
| 367 | "description": "The current price" |
| 368 | }, |
| 369 | "priceClassName": { |
| 370 | "required": false, |
| 371 | "tsType": { |
| 372 | "name": "string" |
| 373 | }, |
| 374 | "description": "CSS class for the current price wrapper" |
| 375 | }, |
| 376 | "priceStyle": { |
| 377 | "required": false, |
| 378 | "tsType": { |
| 379 | "name": "union", |
| 380 | "raw": "React.CSSProperties | undefined", |
| 381 | "elements": [{ |
| 382 | "name": "ReactCSSProperties", |
| 383 | "raw": "React.CSSProperties" |
| 384 | }, { |
| 385 | "name": "undefined" |
| 386 | }] |
| 387 | }, |
| 388 | "description": "Custom style for the current price" |
| 389 | }, |
| 390 | "maxPrice": { |
| 391 | "required": false, |
| 392 | "tsType": { |
| 393 | "name": "union", |
| 394 | "raw": "number | string | undefined", |
| 395 | "elements": [{ |
| 396 | "name": "number" |
| 397 | }, { |
| 398 | "name": "string" |
| 399 | }, { |
| 400 | "name": "undefined" |
| 401 | }] |
| 402 | }, |
| 403 | "description": "The maximum price in a range\n\nIf both `maxPrice` and `minPrice` are set, the component will be rendered\nas a `PriceRange` component, otherwise, this value will be ignored." |
| 404 | }, |
| 405 | "minPrice": { |
| 406 | "required": false, |
| 407 | "tsType": { |
| 408 | "name": "union", |
| 409 | "raw": "number | string | undefined", |
| 410 | "elements": [{ |
| 411 | "name": "number" |
| 412 | }, { |
| 413 | "name": "string" |
| 414 | }, { |
| 415 | "name": "undefined" |
| 416 | }] |
| 417 | }, |
| 418 | "description": "The minimum price in a range\n\nIf both `maxPrice` and `minPrice` are set, the component will be rendered\nas a `PriceRange` component, otherwise, this value will be ignored." |
| 419 | }, |
| 420 | "regularPrice": { |
| 421 | "required": false, |
| 422 | "tsType": { |
| 423 | "name": "union", |
| 424 | "raw": "number | string | undefined", |
| 425 | "elements": [{ |
| 426 | "name": "number" |
| 427 | }, { |
| 428 | "name": "string" |
| 429 | }, { |
| 430 | "name": "undefined" |
| 431 | }] |
| 432 | }, |
| 433 | "description": "The regular price if the item is currently on sale\n\nIf this property exists and is different from the current price, then the\ncomponent will be rendered as a `SalePrice` component." |
| 434 | }, |
| 435 | "regularPriceClassName": { |
| 436 | "required": false, |
| 437 | "tsType": { |
| 438 | "name": "union", |
| 439 | "raw": "string | undefined", |
| 440 | "elements": [{ |
| 441 | "name": "string" |
| 442 | }, { |
| 443 | "name": "undefined" |
| 444 | }] |
| 445 | }, |
| 446 | "description": "CSS class to apply to the regular price wrapper" |
| 447 | }, |
| 448 | "regularPriceStyle": { |
| 449 | "required": false, |
| 450 | "tsType": { |
| 451 | "name": "union", |
| 452 | "raw": "React.CSSProperties | undefined", |
| 453 | "elements": [{ |
| 454 | "name": "ReactCSSProperties", |
| 455 | "raw": "React.CSSProperties" |
| 456 | }, { |
| 457 | "name": "undefined" |
| 458 | }] |
| 459 | }, |
| 460 | "description": "Custom style to apply to the regular price wrapper." |
| 461 | }, |
| 462 | "style": { |
| 463 | "required": false, |
| 464 | "tsType": { |
| 465 | "name": "union", |
| 466 | "raw": "| Pick<\n\t\tReact.CSSProperties,\n\t\t'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft'\n >\n| undefined", |
| 467 | "elements": [{ |
| 468 | "name": "Pick", |
| 469 | "elements": [{ |
| 470 | "name": "ReactCSSProperties", |
| 471 | "raw": "React.CSSProperties" |
| 472 | }, { |
| 473 | "name": "union", |
| 474 | "raw": "'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft'", |
| 475 | "elements": [{ |
| 476 | "name": "literal", |
| 477 | "value": "'marginTop'" |
| 478 | }, { |
| 479 | "name": "literal", |
| 480 | "value": "'marginRight'" |
| 481 | }, { |
| 482 | "name": "literal", |
| 483 | "value": "'marginBottom'" |
| 484 | }, { |
| 485 | "name": "literal", |
| 486 | "value": "'marginLeft'" |
| 487 | }] |
| 488 | }], |
| 489 | "raw": "Pick<\nReact.CSSProperties,\n'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft'\n>" |
| 490 | }, { |
| 491 | "name": "undefined" |
| 492 | }] |
| 493 | }, |
| 494 | "description": "Custom margin to apply to the price wrapper." |
| 495 | } |
| 496 | } |
| 497 | }; |
| 498 | /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductPrice); |
| 499 | if (typeof STORYBOOK_REACT_CLASSES !== "undefined") { |
| 500 | STORYBOOK_REACT_CLASSES["assets/js/base/components/product-price/index.tsx"] = { |
| 501 | name: "ProductPrice", |
| 502 | docgenInfo: ProductPrice.__docgenInfo, |
| 503 | path: "assets/js/base/components/product-price/index.tsx" |
| 504 | }; |
| 505 | } |
| 506 | |
| 507 | /***/ }), |
| 508 | |
| 509 | /***/ "./assets/js/base/hooks/use-style-props.ts": |
| 510 | /*!*************************************************!*\ |
| 511 | !*** ./assets/js/base/hooks/use-style-props.ts ***! |
| 512 | \*************************************************/ |
| 513 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
| 514 | |
| 515 | "use strict"; |
| 516 | __webpack_require__.r(__webpack_exports__); |
| 517 | /* harmony export */ __webpack_require__.d(__webpack_exports__, { |
| 518 | /* harmony export */ useStyleProps: () => (/* binding */ useStyleProps) |
| 519 | /* harmony export */ }); |
| 520 | /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "../../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.js"); |
| 521 | /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__); |
| 522 | /* harmony import */ var _woocommerce_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @woocommerce/types */ "./assets/js/types/type-guards/object.ts"); |
| 523 | /* harmony import */ var _woocommerce_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @woocommerce/types */ "./assets/js/types/type-guards/string.ts"); |
| 524 | /* harmony import */ var _use_typography_props__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./use-typography-props */ "./assets/js/base/hooks/use-typography-props.ts"); |
| 525 | /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./assets/js/base/utils/get-inline-styles.ts"); |
| 526 | /** |
| 527 | * External dependencies |
| 528 | */ |
| 529 | |
| 530 | |
| 531 | /** |
| 532 | * Internal dependencies |
| 533 | */ |
| 534 | |
| 535 | |
| 536 | /** |
| 537 | * Parses incoming props. |
| 538 | * |
| 539 | * This may include style properties at the top level, or may include a nested `style` object. This ensures the expected |
| 540 | * values are present and converts any string based values to objects as required. |
| 541 | */ |
| 542 | const parseStyleAttributes = rawProps => { |
| 543 | const props = (0,_woocommerce_types__WEBPACK_IMPORTED_MODULE_1__.isObject)(rawProps) ? rawProps : { |
| 544 | style: {} |
| 545 | }; |
| 546 | let style = props.style; |
| 547 | if ((0,_woocommerce_types__WEBPACK_IMPORTED_MODULE_2__.isString)(style)) { |
| 548 | style = JSON.parse(style) || {}; |
| 549 | } |
| 550 | if (!(0,_woocommerce_types__WEBPACK_IMPORTED_MODULE_1__.isObject)(style)) { |
| 551 | style = {}; |
| 552 | } |
| 553 | return { |
| 554 | ...props, |
| 555 | style |
| 556 | }; |
| 557 | }; |
| 558 | |
| 559 | /** |
| 560 | * Returns the CSS class names and inline styles for a block when provided with its props/attributes. |
| 561 | * |
| 562 | * This hook (and its utilities) borrow functionality from the Gutenberg Block Editor package--something we don't want |
| 563 | * to import on the frontend. |
| 564 | */ |
| 565 | const useStyleProps = props => { |
| 566 | const styleAttributes = parseStyleAttributes(props); |
| 567 | const colorProps = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getColorClassesAndStyles)(styleAttributes); |
| 568 | const borderProps = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getBorderClassesAndStyles)(styleAttributes); |
| 569 | const spacingProps = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getSpacingClassesAndStyles)(styleAttributes); |
| 570 | const typographyProps = (0,_use_typography_props__WEBPACK_IMPORTED_MODULE_4__.useTypographyProps)(styleAttributes); |
| 571 | return { |
| 572 | className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(typographyProps.className, colorProps.className, borderProps.className, spacingProps.className), |
| 573 | style: { |
| 574 | ...typographyProps.style, |
| 575 | ...colorProps.style, |
| 576 | ...borderProps.style, |
| 577 | ...spacingProps.style |
| 578 | } |
| 579 | }; |
| 580 | }; |
| 581 | |
| 582 | /***/ }), |
| 583 | |
| 584 | /***/ "./assets/js/base/hooks/use-typography-props.ts": |
| 585 | /*!******************************************************!*\ |
| 586 | !*** ./assets/js/base/hooks/use-typography-props.ts ***! |
| 587 | \******************************************************/ |
| 588 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
| 589 | |
| 590 | "use strict"; |
| 591 | __webpack_require__.r(__webpack_exports__); |
| 592 | /* harmony export */ __webpack_require__.d(__webpack_exports__, { |
| 593 | /* harmony export */ useTypographyProps: () => (/* binding */ useTypographyProps) |
| 594 | /* harmony export */ }); |
| 595 | /* harmony import */ var _woocommerce_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @woocommerce/types */ "./assets/js/types/type-guards/object.ts"); |
| 596 | /* harmony import */ var _woocommerce_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @woocommerce/types */ "./assets/js/types/type-guards/string.ts"); |
| 597 | /** |
| 598 | * External dependencies |
| 599 | */ |
| 600 | |
| 601 | |
| 602 | /** |
| 603 | * Internal dependencies |
| 604 | */ |
| 605 | |
| 606 | const useTypographyProps = props => { |
| 607 | const typography = (0,_woocommerce_types__WEBPACK_IMPORTED_MODULE_0__.isObject)(props.style.typography) ? props.style.typography : {}; |
| 608 | const classNameFallback = (0,_woocommerce_types__WEBPACK_IMPORTED_MODULE_1__.isString)(typography.fontFamily) ? typography.fontFamily : ''; |
| 609 | const className = props.fontFamily ? `has-${props.fontFamily}-font-family` : classNameFallback; |
| 610 | return { |
| 611 | className, |
| 612 | style: { |
| 613 | fontSize: props.fontSize ? `var(--wp--preset--font-size--${props.fontSize})` : typography.fontSize, |
| 614 | fontStyle: typography.fontStyle, |
| 615 | fontWeight: typography.fontWeight, |
| 616 | letterSpacing: typography.letterSpacing, |
| 617 | lineHeight: typography.lineHeight, |
| 618 | textDecoration: typography.textDecoration, |
| 619 | textTransform: typography.textTransform |
| 620 | } |
| 621 | }; |
| 622 | }; |
| 623 | |
| 624 | /***/ }), |
| 625 | |
| 626 | /***/ "./assets/js/base/utils/get-inline-styles.ts": |
| 627 | /*!***************************************************!*\ |
| 628 | !*** ./assets/js/base/utils/get-inline-styles.ts ***! |
| 629 | \***************************************************/ |
| 630 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
| 631 | |
| 632 | "use strict"; |
| 633 | __webpack_require__.r(__webpack_exports__); |
| 634 | /* harmony export */ __webpack_require__.d(__webpack_exports__, { |
| 635 | /* harmony export */ getBorderClassesAndStyles: () => (/* binding */ getBorderClassesAndStyles), |
| 636 | /* harmony export */ getColorClassesAndStyles: () => (/* binding */ getColorClassesAndStyles), |
| 637 | /* harmony export */ getSpacingClassesAndStyles: () => (/* binding */ getSpacingClassesAndStyles) |
| 638 | /* harmony export */ }); |
| 639 | /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "../../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.js"); |
| 640 | /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__); |
| 641 | /* harmony import */ var change_case__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! change-case */ "../../node_modules/.pnpm/param-case@3.0.4/node_modules/param-case/dist.es2015/index.js"); |
| 642 | /* harmony import */ var _wordpress_style_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/style-engine */ "@wordpress/style-engine"); |
| 643 | /* harmony import */ var _wordpress_style_engine__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_style_engine__WEBPACK_IMPORTED_MODULE_1__); |
| 644 | /* harmony import */ var _woocommerce_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @woocommerce/types */ "./assets/js/types/type-guards/object.ts"); |
| 645 | /** |
| 646 | * External dependencies |
| 647 | */ |
| 648 | |
| 649 | |
| 650 | |
| 651 | |
| 652 | /** |
| 653 | * Returns the inline styles to add depending on the style object |
| 654 | * |
| 655 | * @param {Object} styles Styles configuration. |
| 656 | * @return {Object} Flattened CSS variables declaration. |
| 657 | */ |
| 658 | function getInlineStyles(styles = {}) { |
| 659 | const output = {}; |
| 660 | (0,_wordpress_style_engine__WEBPACK_IMPORTED_MODULE_1__.getCSSRules)(styles, { |
| 661 | selector: '' |
| 662 | }).forEach(rule => { |
| 663 | output[rule.key] = rule.value; |
| 664 | }); |
| 665 | return output; |
| 666 | } |
| 667 | |
| 668 | /** |
| 669 | * Get the classname for a given color. |
| 670 | */ |
| 671 | function getColorClassName(colorContextName, colorSlug) { |
| 672 | if (!colorContextName || !colorSlug) { |
| 673 | return ''; |
| 674 | } |
| 675 | return `has-${(0,change_case__WEBPACK_IMPORTED_MODULE_2__.paramCase)(colorSlug)}-${colorContextName}`; |
| 676 | } |
| 677 | |
| 678 | /** |
| 679 | * Generates a CSS class name consisting of all the applicable border color |
| 680 | * classes given the current block attributes. |
| 681 | */ |
| 682 | function getBorderClassName(attributes) { |
| 683 | var _style$border; |
| 684 | const { |
| 685 | borderColor, |
| 686 | style |
| 687 | } = attributes; |
| 688 | const borderColorClass = borderColor ? getColorClassName('border-color', borderColor) : ''; |
| 689 | return classnames__WEBPACK_IMPORTED_MODULE_0___default()({ |
| 690 | 'has-border-color': !!borderColor || !!(style !== null && style !== void 0 && (_style$border = style.border) !== null && _style$border !== void 0 && _style$border.color), |
| 691 | [borderColorClass]: !!borderColorClass |
| 692 | }); |
| 693 | } |
| 694 | function getGradientClassName(gradientSlug) { |
| 695 | if (!gradientSlug) { |
| 696 | return undefined; |
| 697 | } |
| 698 | return `has-${gradientSlug}-gradient-background`; |
| 699 | } |
| 700 | |
| 701 | /** |
| 702 | * Provides the CSS class names and inline styles for a block's color support |
| 703 | * attributes. |
| 704 | */ |
| 705 | function getColorClassesAndStyles(props) { |
| 706 | var _style$color, _style$color2, _style$color3, _style$color4, _style$elements, _style$elements2, _style$elements2$link; |
| 707 | const { |
| 708 | backgroundColor, |
| 709 | textColor, |
| 710 | gradient, |
| 711 | style |
| 712 | } = props; |
| 713 | |
| 714 | // Collect color CSS classes. |
| 715 | const backgroundClass = getColorClassName('background-color', backgroundColor); |
| 716 | const textClass = getColorClassName('color', textColor); |
| 717 | const gradientClass = getGradientClassName(gradient); |
| 718 | const hasGradient = gradientClass || (style === null || style === void 0 ? void 0 : (_style$color = style.color) === null || _style$color === void 0 ? void 0 : _style$color.gradient); |
| 719 | |
| 720 | // Determine color CSS class name list. |
| 721 | const className = classnames__WEBPACK_IMPORTED_MODULE_0___default()(textClass, gradientClass, { |
| 722 | // Don't apply the background class if there's a gradient. |
| 723 | [backgroundClass]: !hasGradient && !!backgroundClass, |
| 724 | 'has-text-color': textColor || (style === null || style === void 0 ? void 0 : (_style$color2 = style.color) === null || _style$color2 === void 0 ? void 0 : _style$color2.text), |
| 725 | 'has-background': backgroundColor || (style === null || style === void 0 ? void 0 : (_style$color3 = style.color) === null || _style$color3 === void 0 ? void 0 : _style$color3.background) || gradient || (style === null || style === void 0 ? void 0 : (_style$color4 = style.color) === null || _style$color4 === void 0 ? void 0 : _style$color4.gradient), |
| 726 | 'has-link-color': (0,_woocommerce_types__WEBPACK_IMPORTED_MODULE_3__.isObject)(style === null || style === void 0 ? void 0 : (_style$elements = style.elements) === null || _style$elements === void 0 ? void 0 : _style$elements.link) ? style === null || style === void 0 ? void 0 : (_style$elements2 = style.elements) === null || _style$elements2 === void 0 ? void 0 : (_style$elements2$link = _style$elements2.link) === null || _style$elements2$link === void 0 ? void 0 : _style$elements2$link.color : undefined |
| 727 | }); |
| 728 | |
| 729 | // Collect inline styles for colors. |
| 730 | const colorStyles = (style === null || style === void 0 ? void 0 : style.color) || {}; |
| 731 | return { |
| 732 | className, |
| 733 | style: getInlineStyles({ |
| 734 | color: colorStyles |
| 735 | }) |
| 736 | }; |
| 737 | } |
| 738 | |
| 739 | /** |
| 740 | * Provides the CSS class names and inline styles for a block's border support |
| 741 | * attributes. |
| 742 | */ |
| 743 | function getBorderClassesAndStyles(props) { |
| 744 | var _props$style; |
| 745 | const border = ((_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.border) || {}; |
| 746 | const className = getBorderClassName(props); |
| 747 | return { |
| 748 | className, |
| 749 | style: getInlineStyles({ |
| 750 | border |
| 751 | }) |
| 752 | }; |
| 753 | } |
| 754 | |
| 755 | /** |
| 756 | * Provides the CSS class names and inline styles for a block's spacing support |
| 757 | * attributes. |
| 758 | */ |
| 759 | function getSpacingClassesAndStyles(props) { |
| 760 | var _props$style2; |
| 761 | const spacingStyles = ((_props$style2 = props.style) === null || _props$style2 === void 0 ? void 0 : _props$style2.spacing) || {}; |
| 762 | const styleProp = getInlineStyles({ |
| 763 | spacing: spacingStyles |
| 764 | }); |
| 765 | return { |
| 766 | className: undefined, |
| 767 | style: styleProp |
| 768 | }; |
| 769 | } |
| 770 | |
| 771 | /***/ }), |
| 772 | |
| 773 | /***/ "./assets/js/types/type-guards/null.ts": |
| 774 | /*!*********************************************!*\ |
| 775 | !*** ./assets/js/types/type-guards/null.ts ***! |
| 776 | \*********************************************/ |
| 777 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
| 778 | |
| 779 | "use strict"; |
| 780 | __webpack_require__.r(__webpack_exports__); |
| 781 | /* harmony export */ __webpack_require__.d(__webpack_exports__, { |
| 782 | /* harmony export */ isNull: () => (/* binding */ isNull) |
| 783 | /* harmony export */ }); |
| 784 | const isNull = term => { |
| 785 | return term === null; |
| 786 | }; |
| 787 | |
| 788 | /***/ }), |
| 789 | |
| 790 | /***/ "./assets/js/types/type-guards/object.ts": |
| 791 | /*!***********************************************!*\ |
| 792 | !*** ./assets/js/types/type-guards/object.ts ***! |
| 793 | \***********************************************/ |
| 794 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
| 795 | |
| 796 | "use strict"; |
| 797 | __webpack_require__.r(__webpack_exports__); |
| 798 | /* harmony export */ __webpack_require__.d(__webpack_exports__, { |
| 799 | /* harmony export */ isEmptyObject: () => (/* binding */ isEmptyObject), |
| 800 | /* harmony export */ isObject: () => (/* binding */ isObject), |
| 801 | /* harmony export */ objectHasProp: () => (/* binding */ objectHasProp) |
| 802 | /* harmony export */ }); |
| 803 | /* harmony import */ var _null__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./null */ "./assets/js/types/type-guards/null.ts"); |
| 804 | /** |
| 805 | * Internal dependencies |
| 806 | */ |
| 807 | |
| 808 | |
| 809 | const isObject = term => { |
| 810 | return !(0,_null__WEBPACK_IMPORTED_MODULE_0__.isNull)(term) && term instanceof Object && term.constructor === Object; |
| 811 | }; |
| 812 | function objectHasProp(target, property) { |
| 813 | // The `in` operator throws a `TypeError` for non-object values. |
| 814 | return isObject(target) && property in target; |
| 815 | } |
| 816 | const isEmptyObject = object => { |
| 817 | return Object.keys(object).length === 0; |
| 818 | }; |
| 819 | |
| 820 | /***/ }), |
| 821 | |
| 822 | /***/ "./assets/js/types/type-guards/string.ts": |
| 823 | /*!***********************************************!*\ |
| 824 | !*** ./assets/js/types/type-guards/string.ts ***! |
| 825 | \***********************************************/ |
| 826 | /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { |
| 827 | |
| 828 | "use strict"; |
| 829 | __webpack_require__.r(__webpack_exports__); |
| 830 | /* harmony export */ __webpack_require__.d(__webpack_exports__, { |
| 831 | /* harmony export */ isString: () => (/* binding */ isString) |
| 832 | /* harmony export */ }); |
| 833 | const isString = term => { |
| 834 | return typeof term === 'string'; |
| 835 | }; |
| 836 | |
| 837 | /***/ }), |
| 838 | |
| 839 | /***/ "./assets/js/base/components/product-price/style.scss": |
| 840 | /*!************************************************************!*\ |
| 841 | !*** ./assets/js/base/components/product-price/style.scss ***! |
| 842 | \************************************************************/ |
| 843 | /***/ (() => { |
| 844 | |
| 845 | |
| 846 | |
| 847 | /***/ }) |
| 848 | |
| 849 | }]); |
| 850 | //# sourceMappingURL=product-price.js.map?ver=47460b4cab41a92e1c0e |