@propeller-commerce/propeller-v2-vue-ui 0.3.14 → 0.3.15

package/dist/index.js

@@ -1,7 +1,7 @@
 import { h as createServices, H as isContact, J as isCustomer, M as ok, j as err, p as getAddresses, x as getDefaultInvoiceAddress, w as getDefaultDeliveryAddress, b as attributeNameMatches, q as getAttributeDisplayName, g as collectAttributeValues, l as filterProductsBySelections, k as extractAttributeValues, y as getLabel, n as formatPrice, o as formatSurcharge, D as getProductImageUrl, E as getProductSku, v as getCountryName, B as getLocalizedValue, z as getLanguageString, s as getClusterSku, r as getClusterImageUrl, c as buildClusterJsonLd, O as safeJsonStringify, d as buildItemListJsonLd, e as buildProductJsonLd } from "./index-BN8nyGRL.js";
 import { C, a, f, i, m, t, u, A, F, G, I, K, L, N, P, Q, R, S, T } from "./index-BN8nyGRL.js";
-import { u as useInfraProps, n as usePropellerDeps, a as PropellerScopeKey, j as _sfc_main$V, d as _sfc_main$W, e as _sfc_main$X, h as _sfc_main$Y, i as _sfc_main$Z, l as _sfc_main$_ } from "./ProductVideos.vue_vue_type_script_setup_true_lang-BSXOpWBD.js";
-import { _, b, c, f as f2, g, k, P as P2, p, t as t2, m as m2, o, q } from "./ProductVideos.vue_vue_type_script_setup_true_lang-BSXOpWBD.js";
+import { u as useInfraProps, n as usePropellerDeps, a as PropellerScopeKey, j as _sfc_main$V, d as _sfc_main$W, e as _sfc_main$X, m as usePropellerContext, h as _sfc_main$Y, i as _sfc_main$Z, l as _sfc_main$_ } from "./ProductVideos.vue_vue_type_script_setup_true_lang-BSXOpWBD.js";
+import { _, b, c, f as f2, g, k, P as P2, p, t as t2, o, q } from "./ProductVideos.vue_vue_type_script_setup_true_lang-BSXOpWBD.js";
 import { provide, inject, ref, unref, computed, watch, markRaw, defineComponent, reactive, renderSlot, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, Fragment, createTextVNode, onMounted, onUnmounted, withModifiers, renderList, normalizeClass, createBlock, resolveDynamicComponent, withCtx, normalizeStyle, createVNode, createStaticVNode, withKeys, nextTick } from "vue";
 import { YesNo, AddressType, CartService, CartStatus, CartAddressType, Gender, PurchaseRole, CrossupsellType, PaymentStatuses, OrderSearchFields, OrderItemClass, ProductSortField, ProductSearchableField, ProductStatus, SortOrder, AttributeType, OrderSortField, OrderType, BundleCondition } from "@propeller-commerce/propeller-sdk-v2";
 const ProductGridInjectionKey = /* @__PURE__ */ Symbol("propeller-product-grid");
@@ -7568,9 +7568,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     });
     const payMethods = computed(() => {
       const methods = props.cart?.payMethods || [];
-      return methods.filter((m3) => {
-        if (!m3?.code) return false;
-        if (!showOnAccountForGuests && isGuest && isOnAccountMethod(m3)) {
+      return methods.filter((m2) => {
+        if (!m2?.code) return false;
+        if (!showOnAccountForGuests && isGuest && isOnAccountMethod(m2)) {
           return false;
         }
         return true;
@@ -7583,7 +7583,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           selectedCode.value = props.cart.paymentData.method;
           if (props.onPaymethodSelect) {
             const match = payMethods.value.find(
-              (m3) => m3.code === selectedCode.value
+              (m2) => m2.code === selectedCode.value
             );
             if (match) props.onPaymethodSelect(match);
           }
@@ -7988,20 +7988,20 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     const props = __props;
     function pickImageUrl(mediaItems2, target) {
       if (!mediaItems2 || mediaItems2.length === 0) return null;
-      for (const m3 of mediaItems2) {
-        const match = m3.imageVariants?.find((v) => v.language === target && v.url);
+      for (const m2 of mediaItems2) {
+        const match = m2.imageVariants?.find((v) => v.language === target && v.url);
         if (match?.url) return match.url;
       }
-      for (const m3 of mediaItems2) {
-        const match = m3.images?.find((i2) => i2.language === target && i2.originalUrl);
+      for (const m2 of mediaItems2) {
+        const match = m2.images?.find((i2) => i2.language === target && i2.originalUrl);
         if (match?.originalUrl) return match.originalUrl;
       }
-      for (const m3 of mediaItems2) {
-        const first = m3.imageVariants?.find((v) => v.url);
+      for (const m2 of mediaItems2) {
+        const first = m2.imageVariants?.find((v) => v.url);
         if (first?.url) return first.url;
       }
-      for (const m3 of mediaItems2) {
-        const first = m3.images?.find((i2) => i2.originalUrl);
+      for (const m2 of mediaItems2) {
+        const first = m2.images?.find((i2) => i2.originalUrl);
         if (first?.originalUrl) return first.originalUrl;
       }
       return null;
@@ -8154,6 +8154,9 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const RESOLVE_SPEC = {
+      // NOTE: includeTax is resolved separately (see `infra`/`resolvedIncludeTax`
+      // below) because the infra fallback must read injected context at setup —
+      // useResolvedProps runs inside a `computed` here, where inject() returns null.
       priceComponent: { grid: "priceComponent" },
       stockComponent: { grid: "stockComponent" },
       imageComponent: { grid: "imageComponent" },
@@ -8161,14 +8164,16 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       favoriteComponent: { grid: "favoriteComponent" }
     };
     const resolved = computed(() => useResolvedProps(props, RESOLVE_SPEC));
+    const infra = useInfraProps(props);
+    const resolvedIncludeTax = computed(
+      () => props.includeTax === true ? true : !!infra.includeTax
+    );
     const PriceImpl = computed(() => resolved.value.priceComponent ?? _sfc_main$V);
     const StockImpl = computed(() => resolved.value.stockComponent ?? _sfc_main$W);
     const ImageImpl = computed(() => resolved.value.imageComponent ?? _sfc_main$D);
     const BadgesImpl = computed(() => resolved.value.badgesComponent ?? _sfc_main$C);
     const FavoriteImpl = computed(() => resolved.value.favoriteComponent ?? _sfc_main$P);
     const isFavorite = ref(false);
-    const includeTax = ref(false);
-    ref(null);
     function isRow() {
       return props.columns === 1;
     }
@@ -8215,7 +8220,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     function getClusterPrice() {
       if (!props.showPrice) return "";
       const priceObj = props.cluster?.defaultProduct?.price;
-      const useTax = props.includeTax !== void 0 ? !!props.includeTax : includeTax.value;
+      const useTax = resolvedIncludeTax.value;
       const value = useTax ? priceObj?.net : priceObj?.gross;
       if (!value && value !== 0) return "";
       return formatPrice(Number(value), { symbol: props.currency ?? "€" });
@@ -8449,14 +8454,14 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
               key: 1,
               cluster: __props.cluster,
               price: __props.cluster.defaultProduct?.price,
-              includeTax: props.includeTax !== void 0 ? !!props.includeTax : includeTax.value,
+              includeTax: resolvedIncludeTax.value,
               currency: __props.currency,
               labels: __props.labels
             }, () => [
               props.priceComponent ? (openBlock(), createBlock(resolveDynamicComponent(PriceImpl.value), {
                 key: 0,
                 price: __props.cluster.defaultProduct?.price,
-                "include-tax": includeTax.value,
+                "include-tax": resolvedIncludeTax.value,
                 currency: __props.currency,
                 labels: __props.labels
               }, null, 8, ["price", "include-tax", "currency", "labels"])) : (openBlock(), createElementBlock("span", _hoisted_16$i, toDisplayString(getClusterPrice()), 1))
@@ -8552,7 +8557,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
               key: 6,
               cluster: __props.cluster,
               price: __props.cluster.defaultProduct?.price,
-              includeTax: props.includeTax !== void 0 ? !!props.includeTax : includeTax.value,
+              includeTax: resolvedIncludeTax.value,
               currency: __props.currency,
               labels: __props.labels
             }, () => [
@@ -8560,7 +8565,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                 props.priceComponent ? (openBlock(), createBlock(resolveDynamicComponent(PriceImpl.value), {
                   key: 0,
                   price: __props.cluster.defaultProduct?.price,
-                  "include-tax": includeTax.value,
+                  "include-tax": resolvedIncludeTax.value,
                   currency: __props.currency,
                   labels: __props.labels
                 }, null, 8, ["price", "include-tax", "currency", "labels"])) : (openBlock(), createElementBlock("span", _hoisted_26$b, toDisplayString(getClusterPrice()), 1))
@@ -9585,9 +9590,9 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       const tomorrow = /* @__PURE__ */ new Date();
       tomorrow.setDate(tomorrow.getDate() + 1);
       const y = tomorrow.getFullYear();
-      const m3 = String(tomorrow.getMonth() + 1).padStart(2, "0");
+      const m2 = String(tomorrow.getMonth() + 1).padStart(2, "0");
       const d = String(tomorrow.getDate()).padStart(2, "0");
-      return y + "-" + m3 + "-" + d;
+      return y + "-" + m2 + "-" + d;
     });
     watch(
       () => [props.initialDate, props.cart],
@@ -9608,18 +9613,18 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     }
     function toApiDate(date) {
       const y = date.getFullYear();
-      const m3 = String(date.getMonth() + 1).padStart(2, "0");
+      const m2 = String(date.getMonth() + 1).padStart(2, "0");
       const d = String(date.getDate()).padStart(2, "0");
-      return y + "-" + m3 + "-" + d + "T00:00:00Z";
+      return y + "-" + m2 + "-" + d + "T00:00:00Z";
     }
     function toDayKey(iso) {
       if (!iso) return "";
       const date = new Date(iso);
       if (isNaN(date.getTime())) return "";
       const y = date.getFullYear();
-      const m3 = String(date.getMonth() + 1).padStart(2, "0");
+      const m2 = String(date.getMonth() + 1).padStart(2, "0");
       const d = String(date.getDate()).padStart(2, "0");
-      return y + "-" + m3 + "-" + d;
+      return y + "-" + m2 + "-" + d;
     }
     function formatDisplay(isoDate) {
       if (props.formatDateDisplay) {
@@ -15008,6 +15013,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const RESOLVE_SPEC = {
+      // NOTE: includeTax is resolved separately (see `infra`/`resolvedIncludeTax`
+      // below) because the infra fallback must read injected context at setup —
+      // useResolvedProps runs inside a `computed` here, where inject() returns null.
       priceComponent: { grid: "priceComponent" },
       stockComponent: { grid: "stockComponent" },
       addToCartComponent: { grid: "addToCartComponent" },
@@ -15016,6 +15024,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       favoriteComponent: { grid: "favoriteComponent" }
     };
     const resolved = computed(() => useResolvedProps(props, RESOLVE_SPEC));
+    const infra = useInfraProps(props);
+    const resolvedIncludeTax = computed(
+      () => props.includeTax === true ? true : !!infra.includeTax
+    );
     const PriceImpl = computed(() => resolved.value.priceComponent ?? _sfc_main$V);
     const StockImpl = computed(() => resolved.value.stockComponent ?? _sfc_main$W);
     const AddToCartImpl = computed(() => resolved.value.addToCartComponent ?? _sfc_main$Q);
@@ -15023,8 +15035,6 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     const BadgesImpl = computed(() => resolved.value.badgesComponent ?? _sfc_main$C);
     const FavoriteImpl = computed(() => resolved.value.favoriteComponent ?? _sfc_main$P);
     const isFavorite = ref(false);
-    const includeTax = ref(false);
-    ref(null);
     function isRow() {
       return props.columns === 1;
     }
@@ -15290,7 +15300,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               key: 1,
               product: __props.product,
               price: __props.product.price,
-              includeTax: props.includeTax !== void 0 ? !!props.includeTax : includeTax.value,
+              includeTax: resolvedIncludeTax.value,
               currency: __props.currency,
               labels: props.priceLabels
             }, () => [
@@ -15298,13 +15308,13 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 props.priceComponent ? (openBlock(), createBlock(resolveDynamicComponent(PriceImpl.value), {
                   key: 0,
                   price: __props.product.price,
-                  "include-tax": props.includeTax !== void 0 ? !!props.includeTax : includeTax.value,
+                  "include-tax": resolvedIncludeTax.value,
                   currency: __props.currency,
                   labels: props.priceLabels
                 }, null, 8, ["price", "include-tax", "currency", "labels"])) : (openBlock(), createBlock(_sfc_main$V, {
                   key: 1,
                   price: __props.product.price,
-                  includeTax: props.includeTax !== void 0 ? !!props.includeTax : includeTax.value,
+                  includeTax: resolvedIncludeTax.value,
                   priceSize: "text-sm",
                   labels: props.priceLabels
                 }, null, 8, ["price", "includeTax", "labels"]))
@@ -15430,7 +15440,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               key: 6,
               product: __props.product,
               price: __props.product.price,
-              includeTax: props.includeTax !== void 0 ? !!props.includeTax : includeTax.value,
+              includeTax: resolvedIncludeTax.value,
               currency: __props.currency,
               labels: props.priceLabels
             }, () => [
@@ -15438,13 +15448,13 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 props.priceComponent ? (openBlock(), createBlock(resolveDynamicComponent(PriceImpl.value), {
                   key: 0,
                   price: __props.product.price,
-                  "include-tax": props.includeTax !== void 0 ? !!props.includeTax : includeTax.value,
+                  "include-tax": resolvedIncludeTax.value,
                   currency: __props.currency,
                   labels: props.priceLabels
                 }, null, 8, ["price", "include-tax", "currency", "labels"])) : (openBlock(), createBlock(_sfc_main$V, {
                   key: 1,
                   price: __props.product.price,
-                  includeTax: props.includeTax !== void 0 ? !!props.includeTax : includeTax.value,
+                  includeTax: resolvedIncludeTax.value,
                   priceSize: "text-base sm:text-lg",
                   labels: props.priceLabels
                 }, null, 8, ["price", "includeTax", "labels"]))
@@ -15864,6 +15874,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const infra = useInfraProps(props);
+    const ctxForTax = usePropellerContext();
+    const resolvedIncludeTax = computed(
+      () => props.includeTax === true ? true : !!(ctxForTax ? ctxForTax.includeTax : false)
+    );
     const ProductCardImpl = computed(
       () => props.productCardComponent ?? _sfc_main$e
     );
@@ -16052,7 +16066,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                     columns: props.columns || 3,
                     cluster: item,
                     configuration: unref(infra).configuration,
-                    includeTax: unref(infra).includeTax,
+                    includeTax: resolvedIncludeTax.value,
                     showPrice: props.showPrice,
                     language: unref(infra).language || "NL",
                     showStock: props.showStock,
@@ -16080,7 +16094,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                     graphqlClient: unref(infra).graphqlClient,
                     user: unref(infra).user || null,
                     configuration: unref(infra).configuration,
-                    includeTax: unref(infra).includeTax,
+                    includeTax: resolvedIncludeTax.value,
                     cartId: props.cartId,
                     createCart: props.createCart,
                     onCartCreated: props.onCartCreated,
@@ -20076,7 +20090,7 @@ export {
   useProductSearch,
   useProductSlider,
   useProductSpecs,
-  m2 as usePropellerContext,
+  usePropellerContext,
   usePropellerDeps,
   usePurchaseAuthorizationConfigurator,
   usePurchaseAuthorizationRequests,