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

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("./index-CrrZsxTR.cjs");
-const ProductVideos_vue_vue_type_script_setup_true_lang = require("./ProductVideos.vue_vue_type_script_setup_true_lang-cfRT3L_k.cjs");
+const ProductVideos_vue_vue_type_script_setup_true_lang = require("./ProductVideos.vue_vue_type_script_setup_true_lang-D198YXi0.cjs");
 const vue = require("vue");
 const propellerSdkV2 = require("@propeller-commerce/propeller-sdk-v2");
 const ProductGridInjectionKey = /* @__PURE__ */ Symbol("propeller-product-grid");
@@ -3184,6 +3184,11 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     function getLabel(key, fallback) {
       return index.getLabel(props.labels, key, fallback);
     }
+    const noAccountParts = vue.computed(() => {
+      const tpl = getLabel("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__ */ vue.defineComponent({
             }, vue.toDisplayString(getLabel("forgotPassword", "Forgot Password?")), 1)
           ]) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_20$n, [
-            vue.createTextVNode(vue.toDisplayString(getLabel("noAccount", "Don't have an account?")), 1),
+            vue.createTextVNode(vue.toDisplayString(noAccountParts.value.before), 1),
             __props.displayRegisterLink !== false ? vue.renderSlot(_ctx.$slots, "registerLink", {
               key: 0,
               onClick: (e) => __props.onRegisterClick?.(e),
@@ -3383,7 +3388,8 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
                   if (__props.onRegisterClick) __props.onRegisterClick();
                 })
               }, vue.toDisplayString(getLabel("registerLink", "Register")), 1)
-            ]) : vue.createCommentVNode("", true)
+            ]) : vue.createCommentVNode("", true),
+            vue.createTextVNode(vue.toDisplayString(noAccountParts.value.after), 1)
           ])
         ])) : vue.createCommentVNode("", true)
       ], 8, _hoisted_1$P);
@@ -4941,6 +4947,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
           "data-type": addr.value?.type || ""
         }, [
           vue.createElementVNode("div", _hoisted_3$J, [
-            __props.addressType ? vue.renderSlot(_ctx.$slots, "typeBadge", {
+            __props.addressType && __props.showTypeBadge !== false ? vue.renderSlot(_ctx.$slots, "typeBadge", {
               key: 0,
               address: addr.value,
               addressType: __props.addressType,
@@ -6926,6 +6933,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     cartPageButton: { type: Boolean, default: true },
     onCartPageButtonClick: {},
     labels: {},
+    cartItemLabels: {},
     user: {},
     companyId: {},
     onRequestQuoteClick: {},
@@ -7170,6 +7178,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
                       }, vue.toDisplayString(name), 9, _hoisted_27$f)) : vue.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)) : vue.createCommentVNode("", true),
                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(CartBonusItemsImpl.value), {
                   cart: __props.cart,
@@ -7402,11 +7411,11 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     const requestDate = vue.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 = vue.computed(() => {
       if (showTermsAndConditions.value && !termsAccepted.value) return true;
@@ -7416,6 +7425,11 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     function getLabel(key, fallback) {
       return index.getLabel(props.labels, key, fallback);
     }
+    const termsConsentParts = vue.computed(() => {
+      const tpl = getLabel("termsConsent", "I agree to the {link}");
+      const [before, after = ""] = tpl.split("{link}");
+      return { before, after };
+    });
     function getCountryName(code) {
       return index.getCountryName(code, props.countries);
     }
@@ -7535,12 +7549,13 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
               onChange: _cache[2] || (_cache[2] = async (event) => handleTermsChange(event.target.checked))
             }, null, 40, _hoisted_30$c),
             vue.createElementVNode("label", _hoisted_31$c, [
-              vue.createTextVNode(vue.toDisplayString(getLabel("termsPrefix", "I agree to the")), 1),
+              vue.createTextVNode(vue.toDisplayString(termsConsentParts.value.before), 1),
               vue.createElementVNode("a", {
                 href: "#",
                 class: "text-primary hover:underline font-medium",
                 onClick: _cache[3] || (_cache[3] = async (event) => handleTermsLinkClick(event))
-              }, vue.toDisplayString(getLabel("termsLink", "Terms and Conditions")), 1)
+              }, vue.toDisplayString(getLabel("termsLink", "Terms and Conditions")), 1),
+              vue.createTextVNode(vue.toDisplayString(termsConsentParts.value.after), 1)
             ])
           ])) : vue.createCommentVNode("", true),
           showPurchaseButton.value ? (vue.openBlock(), vue.createElementBlock("button", {
@@ -7593,7 +7608,8 @@ const _sfc_main$H = /* @__PURE__ */ vue.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__ */ vue.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__ */ vue.defineComponent({
                 vue.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)
               ])) : vue.createCommentVNode("", true),
-              vue.createElementVNode("span", _hoisted_6$w, vue.toDisplayString(method.name || method.code), 1)
+              vue.createElementVNode("span", _hoisted_6$w, vue.toDisplayString(methodName(method)), 1)
             ], 10, _hoisted_2$C);
           }), 128))
         ])) : vue.createCommentVNode("", true),
@@ -11344,10 +11364,11 @@ const _sfc_main$s = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
     function getLabel(key, fallback) {
       return index.getLabel(props.labels, key, fallback);
     }
+    const deletePromptParts = vue.computed(() => {
+      const tpl = getLabel("deleteConfirm", 'Are you sure you want to delete "{name}"?');
+      const [before, after = ""] = tpl.split("{name}");
+      return { before, after };
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(`propeller-favorite-lists ${__props.className || ""}`),
@@ -11528,7 +11554,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                               y2: "12"
                             })
                           ], -1)),
-                          vue.createTextVNode(vue.toDisplayString(getTotalCount(list)) + " " + vue.toDisplayString(getLabel("items", "items")), 1)
+                          vue.createTextVNode(vue.toDisplayString(getTotalCount(list)) + " " + vue.toDisplayString(getTotalCount(list) === 1 ? getLabel("itemSingular", "item") : getLabel("itemPlural", "items")), 1)
                         ])) : vue.createCommentVNode("", true)
                       ])
                     ])) : vue.createCommentVNode("", true)
@@ -11682,9 +11708,9 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             ]),
             vue.createElementVNode("div", _hoisted_46$7, [
               vue.createElementVNode("p", _hoisted_47$7, [
-                vue.createTextVNode(vue.toDisplayString(getLabel("deleteConfirm", "Are you sure you want to delete")), 1),
-                vue.createElementVNode("strong", null, '"' + vue.toDisplayString(vue.unref(listToDelete)?.name) + '"', 1),
-                _cache[20] || (_cache[20] = vue.createTextVNode("? ", -1))
+                vue.createTextVNode(vue.toDisplayString(deletePromptParts.value.before), 1),
+                vue.createElementVNode("strong", null, vue.toDisplayString(vue.unref(listToDelete)?.name), 1),
+                vue.createTextVNode(vue.toDisplayString(deletePromptParts.value.after), 1)
               ]),
               vue.createElementVNode("p", _hoisted_48$7, vue.toDisplayString(getLabel("deleteWarning", "This action cannot be undone.")), 1)
             ]),
@@ -12470,6 +12496,8 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
       [propellerSdkV2.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__ */ vue.defineComponent({
       }, [
         vue.createElementVNode("div", _hoisted_2$m, [
           vue.createElementVNode("div", _hoisted_3$m, [
-            __props.itemsFound !== void 0 && __props.itemsFound > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$j, vue.toDisplayString(__props.itemsFound) + vue.toDisplayString(getLabel("products")), 1)) : vue.createCommentVNode("", true)
+            __props.itemsFound !== void 0 && __props.itemsFound > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$j, vue.toDisplayString(__props.itemsFound) + " " + vue.toDisplayString(__props.itemsFound === 1 ? getLabel("productSingular") : getLabel("productPlural")), 1)) : vue.createCommentVNode("", true)
           ]),
           vue.createElementVNode("div", _hoisted_5$j, [
             vue.createElementVNode("select", {
@@ -13828,6 +13856,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.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__ */ vue.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(price) {
       if (props.formatPrice) return props.formatPrice(price);
       if (!price) return "-";
       return index.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__ */ vue.defineComponent({
                             class: vue.normalizeClass(`propeller-order-list__status px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${getStatusColor(
                               order.status
                             )}`)
-                          }, vue.toDisplayString(order.status), 11, _hoisted_38$6)) : vue.createCommentVNode("", true),
+                          }, vue.toDisplayString(statusLabel(order.status)), 11, _hoisted_38$6)) : vue.createCommentVNode("", true),
                           col === "total" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
                             vue.createTextVNode(vue.toDisplayString(formatPrice(order.total?.net)), 1)
                           ], 64)) : vue.createCommentVNode("", true),
@@ -14391,7 +14427,10 @@ const _sfc_main$h = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   props: {
     label: {},
     labels: {},
+    value: { type: Boolean },
     initialState: { type: Boolean },
     inclExclVatSwitched: { type: Function },
     className: {}
   },
   setup(__props) {
     const props = __props;
-    const isOn = vue.ref(props.initialState ?? true);
+    const isControlled = vue.computed(() => props.value !== void 0);
+    const internal = vue.ref(props.initialState ?? true);
+    const isOn = vue.computed(() => isControlled.value ? !!props.value : internal.value);
     vue.onMounted(() => {
-      if (typeof window !== "undefined") {
-        isOn.value = props.initialState ?? true;
+      if (!isControlled.value && typeof window !== "undefined") {
+        internal.value = props.initialState ?? true;
       }
     });
     function getLabel() {
@@ -14636,7 +14678,9 @@ const _sfc_main$g = /* @__PURE__ */ vue.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__ */ vue.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(price) {
       if (props.formatPrice) return props.formatPrice(price);
@@ -18717,6 +18764,11 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     function getLabel(key, fallback) {
       return index.getLabel(props.labels, key, fallback);
     }
+    const termsConsentParts = vue.computed(() => {
+      const tpl = getLabel("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__ */ vue.defineComponent({
               onChange: _cache[0] || (_cache[0] = async (event) => handleTermsChange(event.target.checked))
             }, null, 40, _hoisted_4$3),
             vue.createElementVNode("label", _hoisted_5$3, [
-              vue.createTextVNode(vue.toDisplayString(getLabel("termsPrefix", "I agree to the")), 1),
+              vue.createTextVNode(vue.toDisplayString(termsConsentParts.value.before), 1),
               vue.createElementVNode("a", {
                 href: "#",
                 class: "text-primary hover:underline font-medium",
                 onClick: _cache[1] || (_cache[1] = async (event) => handleTermsLinkClick(event))
-              }, vue.toDisplayString(getLabel("termsLink", "Terms and Conditions")), 1)
+              }, vue.toDisplayString(getLabel("termsLink", "Terms and Conditions")), 1),
+              vue.createTextVNode(vue.toDisplayString(termsConsentParts.value.after), 1)
             ])
           ])) : vue.createCommentVNode("", true),
           vue.createElementVNode("button", {