@propeller-commerce/propeller-v2-vue-ui 0.3.33 → 0.3.35

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, z as getLanguageString, n as formatPrice, o as formatSurcharge, D as getProductImageUrl, E as getProductSku, v as getCountryName, B as getLocalizedValue, 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$W, d as _sfc_main$X, e as _sfc_main$Y, m as usePropellerContext, h as _sfc_main$Z, i as _sfc_main$_, 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 { u as useInfraProps, n as usePropellerDeps, a as PropellerScopeKey, j as _sfc_main$W, d as _sfc_main$X, e as _sfc_main$Y, m as usePropellerContext, h as _sfc_main$Z, i as _sfc_main$_, l as _sfc_main$$ } from "./ProductVideos.vue_vue_type_script_setup_true_lang-Cb_g4zYe.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-Cb_g4zYe.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, mergeProps, nextTick, createSlots, normalizeProps, guardReactiveProps } 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");
@@ -3184,6 +3184,11 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     function getLabel$1(key, fallback) {
       return getLabel(props.labels, key, fallback);
     }
+    const noAccountParts = computed(() => {
+      const tpl = getLabel$1("noAccount", "Don't have an account? {link}");
+      const [before, after = ""] = tpl.split("{link}");
+      return { before, after };
+    });
     async function handleSubmit(e) {
       e.preventDefault();
       if (props.beforeLogin) {
@@ -3370,7 +3375,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
             }, toDisplayString(getLabel$1("forgotPassword", "Forgot Password?")), 1)
           ]) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_20$n, [
-            createTextVNode(toDisplayString(getLabel$1("noAccount", "Don't have an account?")), 1),
+            createTextVNode(toDisplayString(noAccountParts.value.before), 1),
             __props.displayRegisterLink !== false ? renderSlot(_ctx.$slots, "registerLink", {
               key: 0,
               onClick: (e) => __props.onRegisterClick?.(e),
@@ -3383,7 +3388,8 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                   if (__props.onRegisterClick) __props.onRegisterClick();
                 })
               }, toDisplayString(getLabel$1("registerLink", "Register")), 1)
-            ]) : createCommentVNode("", true)
+            ]) : createCommentVNode("", true),
+            createTextVNode(toDisplayString(noAccountParts.value.after), 1)
           ])
         ])) : createCommentVNode("", true)
       ], 8, _hoisted_1$P);
@@ -4941,6 +4947,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     enableDelete: { type: Boolean, default: true },
     enableSetDefault: { type: Boolean, default: true },
     showDefaultBadge: { type: Boolean, default: false },
+    showTypeBadge: { type: Boolean },
     onEdit: {},
     afterEdit: {},
     onDelete: {},
@@ -5105,7 +5112,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           "data-type": addr.value?.type || ""
         }, [
           createElementVNode("div", _hoisted_3$J, [
-            __props.addressType ? renderSlot(_ctx.$slots, "typeBadge", {
+            __props.addressType && __props.showTypeBadge !== false ? renderSlot(_ctx.$slots, "typeBadge", {
               key: 0,
               address: addr.value,
               addressType: __props.addressType,
@@ -6926,6 +6933,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     cartPageButton: { type: Boolean, default: true },
     onCartPageButtonClick: {},
     labels: {},
+    cartItemLabels: {},
     user: {},
     companyId: {},
     onRequestQuoteClick: {},
@@ -7170,6 +7178,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
                     language: __props.language,
                     configuration: __props.configuration,
                     companyId: __props.companyId,
+                    labels: __props.cartItemLabels,
                     cardFrame: false,
                     showDelete: false,
                     readOnlyQuantity: true,
@@ -7207,7 +7216,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
                       }, toDisplayString(name), 9, _hoisted_27$f)) : createCommentVNode("", true)
                     ]),
                     _: 1
-                  }, 40, ["cartItem", "cartId", "graphqlClient", "user", "language", "configuration", "companyId", "onTitleClick", "includeTax"]);
+                  }, 40, ["cartItem", "cartId", "graphqlClient", "user", "language", "configuration", "companyId", "labels", "onTitleClick", "includeTax"]);
                 }), 128)) : createCommentVNode("", true),
                 (openBlock(), createBlock(resolveDynamicComponent(CartBonusItemsImpl.value), {
                   cart: __props.cart,
@@ -7402,11 +7411,11 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     const requestDate = computed(() => {
       const date = props.cart?.postageData?.requestDate;
       if (!date) return "";
-      try {
-        return new Date(date).toLocaleDateString();
-      } catch {
-        return date;
-      }
+      const d = new Date(date);
+      if (isNaN(d.getTime())) return date;
+      const day = String(d.getDate()).padStart(2, "0");
+      const month = String(d.getMonth() + 1).padStart(2, "0");
+      return `${day}-${month}-${d.getFullYear()}`;
     });
     const isPurchaseDisabled = computed(() => {
       if (showTermsAndConditions.value && !termsAccepted.value) return true;
@@ -7416,6 +7425,11 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     function getLabel$1(key, fallback) {
       return getLabel(props.labels, key, fallback);
     }
+    const termsConsentParts = computed(() => {
+      const tpl = getLabel$1("termsConsent", "I agree to the {link}");
+      const [before, after = ""] = tpl.split("{link}");
+      return { before, after };
+    });
     function getCountryName$1(code) {
       return getCountryName(code, props.countries);
     }
@@ -7535,12 +7549,13 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
               onChange: _cache[2] || (_cache[2] = async (event) => handleTermsChange(event.target.checked))
             }, null, 40, _hoisted_30$c),
             createElementVNode("label", _hoisted_31$c, [
-              createTextVNode(toDisplayString(getLabel$1("termsPrefix", "I agree to the")), 1),
+              createTextVNode(toDisplayString(termsConsentParts.value.before), 1),
               createElementVNode("a", {
                 href: "#",
                 class: "text-primary hover:underline font-medium",
                 onClick: _cache[3] || (_cache[3] = async (event) => handleTermsLinkClick(event))
-              }, toDisplayString(getLabel$1("termsLink", "Terms and Conditions")), 1)
+              }, toDisplayString(getLabel$1("termsLink", "Terms and Conditions")), 1),
+              createTextVNode(toDisplayString(termsConsentParts.value.after), 1)
             ])
           ])) : createCommentVNode("", true),
           showPurchaseButton.value ? (openBlock(), createElementBlock("button", {
@@ -7593,7 +7608,8 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     showPaymethodLogo: { type: Boolean, default: true },
     onPaymethodSelect: {},
     formatPrice: {},
-    labels: {}
+    labels: {},
+    paymethodLabels: {}
   },
   setup(__props) {
     const props = __props;
@@ -7636,6 +7652,10 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       },
       { immediate: true }
     );
+    function methodName(method) {
+      const code = (method.code || "").toLowerCase();
+      return props.paymethodLabels?.[code] || method.name || method.code || "";
+    }
     function isOnAccountMethod(method) {
       const code = (method.code || "").toLowerCase();
       return code === "on_account" || code === "onaccount" || code === "on-account";
@@ -7675,10 +7695,10 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                 createElementVNode("img", {
                   class: "propeller-cart-paymethods__method-logo max-h-10 max-w-[80%] w-auto object-contain",
                   src: getLogoUrl(method),
-                  alt: method.name || method.code
+                  alt: methodName(method)
                 }, null, 8, _hoisted_5$x)
               ])) : createCommentVNode("", true),
-              createElementVNode("span", _hoisted_6$w, toDisplayString(method.name || method.code), 1)
+              createElementVNode("span", _hoisted_6$w, toDisplayString(methodName(method)), 1)
             ], 10, _hoisted_2$C);
           }), 128))
         ])) : createCommentVNode("", true),
@@ -11344,10 +11364,11 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       if (props.formatDate) return props.formatDate(dateString);
       if (!dateString) return "-";
       const d = new Date(dateString);
+      if (isNaN(d.getTime())) return dateString;
       const day = String(d.getDate()).padStart(2, "0");
       const month = String(d.getMonth() + 1).padStart(2, "0");
       const year = d.getFullYear();
-      return `${day}/${month}/${year}`;
+      return `${day}-${month}-${year}`;
     }
     function getProductCount(list) {
       const products = list.products;
@@ -11369,6 +11390,11 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     function getLabel$1(key, fallback) {
       return getLabel(props.labels, key, fallback);
     }
+    const deletePromptParts = computed(() => {
+      const tpl = getLabel$1("deleteConfirm", 'Are you sure you want to delete "{name}"?');
+      const [before, after = ""] = tpl.split("{name}");
+      return { before, after };
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(`propeller-favorite-lists ${__props.className || ""}`),
@@ -11528,7 +11554,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                               y2: "12"
                             })
                           ], -1)),
-                          createTextVNode(toDisplayString(getTotalCount(list)) + " " + toDisplayString(getLabel$1("items", "items")), 1)
+                          createTextVNode(toDisplayString(getTotalCount(list)) + " " + toDisplayString(getTotalCount(list) === 1 ? getLabel$1("itemSingular", "item") : getLabel$1("itemPlural", "items")), 1)
                         ])) : createCommentVNode("", true)
                       ])
                     ])) : createCommentVNode("", true)
@@ -11682,9 +11708,9 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             ]),
             createElementVNode("div", _hoisted_46$7, [
               createElementVNode("p", _hoisted_47$7, [
-                createTextVNode(toDisplayString(getLabel$1("deleteConfirm", "Are you sure you want to delete")), 1),
-                createElementVNode("strong", null, '"' + toDisplayString(unref(listToDelete)?.name) + '"', 1),
-                _cache[20] || (_cache[20] = createTextVNode("? ", -1))
+                createTextVNode(toDisplayString(deletePromptParts.value.before), 1),
+                createElementVNode("strong", null, toDisplayString(unref(listToDelete)?.name), 1),
+                createTextVNode(toDisplayString(deletePromptParts.value.after), 1)
               ]),
               createElementVNode("p", _hoisted_48$7, toDisplayString(getLabel$1("deleteWarning", "This action cannot be undone.")), 1)
             ]),
@@ -12470,6 +12496,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       [SortOrder.DESC]: "High to Low",
       clearAll: "Clear All",
       products: " Products",
+      productSingular: "Product",
+      productPlural: "Products",
       from: "from",
       results: "results",
       perPage: " per page",
@@ -12568,7 +12596,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", _hoisted_2$m, [
           createElementVNode("div", _hoisted_3$m, [
-            __props.itemsFound !== void 0 && __props.itemsFound > 0 ? (openBlock(), createElementBlock("span", _hoisted_4$j, toDisplayString(__props.itemsFound) + toDisplayString(getLabel2("products")), 1)) : createCommentVNode("", true)
+            __props.itemsFound !== void 0 && __props.itemsFound > 0 ? (openBlock(), createElementBlock("span", _hoisted_4$j, toDisplayString(__props.itemsFound) + " " + toDisplayString(__props.itemsFound === 1 ? getLabel2("productSingular") : getLabel2("productPlural")), 1)) : createCommentVNode("", true)
           ]),
           createElementVNode("div", _hoisted_5$j, [
             createElementVNode("select", {
@@ -13828,6 +13856,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     formatPrice: { type: Function },
     formatDate: { type: Function },
     getStatusColor: { type: Function },
+    statusLabels: {},
     labels: {},
     onCartCreated: { type: Function },
     afterReorder: { type: Function },
@@ -13888,13 +13917,20 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     function formatDate(dateString) {
       if (props.formatDate) return props.formatDate(dateString);
       if (!dateString) return "-";
-      return new Date(dateString).toLocaleDateString();
+      const d = new Date(dateString);
+      if (isNaN(d.getTime())) return dateString;
+      const day = String(d.getDate()).padStart(2, "0");
+      const month = String(d.getMonth() + 1).padStart(2, "0");
+      return `${day}-${month}-${d.getFullYear()}`;
     }
     function formatPrice$1(price) {
       if (props.formatPrice) return props.formatPrice(price);
       if (!price) return "-";
       return formatPrice(price, { symbol: infra.currency ?? "€" });
     }
+    function statusLabel(status) {
+      return props.statusLabels?.[status] || status;
+    }
     function getStatusColor(status) {
       if (props.getStatusColor) return props.getStatusColor(status);
       switch (status) {
@@ -14209,7 +14245,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                             class: normalizeClass(`propeller-order-list__status px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${getStatusColor(
                               order.status
                             )}`)
-                          }, toDisplayString(order.status), 11, _hoisted_38$6)) : createCommentVNode("", true),
+                          }, toDisplayString(statusLabel(order.status)), 11, _hoisted_38$6)) : createCommentVNode("", true),
                           col === "total" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
                             createTextVNode(toDisplayString(formatPrice$1(order.total?.net)), 1)
                           ], 64)) : createCommentVNode("", true),
@@ -14391,7 +14427,10 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     function formatDate(dateStr) {
       if (!dateStr) return "-";
       const d = new Date(dateStr);
-      return `${d.getDate()}.${d.getMonth() + 1}.${d.getFullYear()}`;
+      if (isNaN(d.getTime())) return dateStr;
+      const day = String(d.getDate()).padStart(2, "0");
+      const month = String(d.getMonth() + 1).padStart(2, "0");
+      return `${day}-${month}-${d.getFullYear()}`;
     }
     function getOrderItemForShipmentItem(shipmentItem) {
       if (!props.order?.items || !shipmentItem.orderItemId) return null;
@@ -14616,16 +14655,19 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   props: {
     label: {},
     labels: {},
+    value: { type: Boolean },
     initialState: { type: Boolean },
     inclExclVatSwitched: { type: Function },
     className: {}
   },
   setup(__props) {
     const props = __props;
-    const isOn = ref(props.initialState ?? true);
+    const isControlled = computed(() => props.value !== void 0);
+    const internal = ref(props.initialState ?? true);
+    const isOn = computed(() => isControlled.value ? !!props.value : internal.value);
     onMounted(() => {
-      if (typeof window !== "undefined") {
-        isOn.value = props.initialState ?? true;
+      if (!isControlled.value && typeof window !== "undefined") {
+        internal.value = props.initialState ?? true;
       }
     });
     function getLabel$1() {
@@ -14636,7 +14678,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     }
     function handleToggle() {
       const newValue = !isOn.value;
-      isOn.value = newValue;
+      if (!isControlled.value) {
+        internal.value = newValue;
+      }
       if (props.inclExclVatSwitched) {
         props.inclExclVatSwitched(newValue);
       }
@@ -18456,7 +18500,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       if (props.formatDate) return props.formatDate(dateStr);
       if (!dateStr) return "-";
       const d = new Date(dateStr);
-      return `${d.getDate()}.${d.getMonth() + 1}.${d.getFullYear()}`;
+      if (isNaN(d.getTime())) return dateStr;
+      const day = String(d.getDate()).padStart(2, "0");
+      const month = String(d.getMonth() + 1).padStart(2, "0");
+      return `${day}-${month}-${d.getFullYear()}`;
     }
     function formatPrice$1(price) {
       if (props.formatPrice) return props.formatPrice(price);
@@ -18717,6 +18764,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     function getLabel$1(key, fallback) {
       return getLabel(props.labels, key, fallback);
     }
+    const termsConsentParts = computed(() => {
+      const tpl = getLabel$1("termsConsent", "I agree to the {link}");
+      const [before, after = ""] = tpl.split("{link}");
+      return { before, after };
+    });
     function handleTermsChange(checked) {
       termsAccepted.value = checked;
     }
@@ -18754,12 +18806,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               onChange: _cache[0] || (_cache[0] = async (event) => handleTermsChange(event.target.checked))
             }, null, 40, _hoisted_4$3),
             createElementVNode("label", _hoisted_5$3, [
-              createTextVNode(toDisplayString(getLabel$1("termsPrefix", "I agree to the")), 1),
+              createTextVNode(toDisplayString(termsConsentParts.value.before), 1),
               createElementVNode("a", {
                 href: "#",
                 class: "text-primary hover:underline font-medium",
                 onClick: _cache[1] || (_cache[1] = async (event) => handleTermsLinkClick(event))
-              }, toDisplayString(getLabel$1("termsLink", "Terms and Conditions")), 1)
+              }, toDisplayString(getLabel$1("termsLink", "Terms and Conditions")), 1),
+              createTextVNode(toDisplayString(termsConsentParts.value.after), 1)
             ])
           ])) : createCommentVNode("", true),
           createElementVNode("button", {