@propeller-commerce/propeller-v2-vue-ui 0.3.27 → 0.3.29

package/dist/components/ActionCode.vue.d.ts

@@ -1,7 +1,7 @@
 import { GraphQLClient, Cart } from '@propeller-commerce/propeller-sdk-v2';
 export interface ActionCodeProps {
-    /** GraphQL client for the Propeller SDK */
-    graphqlClient: GraphQLClient;
+    /** GraphQL client for the Propeller SDK. Resolved from PropellerProvider when omitted. */
+    graphqlClient?: GraphQLClient;
     /** The shopping cart used to populate the cart summary data */
     cart: Cart;
     /** Action code block title */

package/dist/components/AddToCart.vue.d.ts

@@ -1,10 +1,10 @@
 import { Component } from 'vue';
 import { CartChildItemInput, GraphQLClient, Product, Cart, Contact, Customer, TransformationsInput, MediaImageProductSearchInput, CartMainItem, Cluster } from '@propeller-commerce/propeller-sdk-v2';
 export interface AddToCartProps {
-    /** GraphQL client for the Propeller SDK */
-    graphqlClient: GraphQLClient;
-    /** The authenticated user (Contact or Customer) */
-    user: Contact | Customer | null;
+    /** GraphQL client for the Propeller SDK. Resolved from PropellerProvider when omitted. */
+    graphqlClient?: GraphQLClient;
+    /** The authenticated user (Contact or Customer). Resolved from PropellerProvider when omitted. */
+    user?: Contact | Customer | null;
     /** The product to be added to cart */
     product: Product;
     /** Currency symbol to display. Defaults to '€'. */

package/dist/components/AddToFavorite.vue.d.ts

@@ -1,9 +1,9 @@
 import { GraphQLClient, Contact, Customer } from '@propeller-commerce/propeller-sdk-v2';
 export interface AddToFavoriteProps {
-    /** The initialized GraphQL Client instance */
-    graphqlClient: GraphQLClient;
-    /** The authenticated user */
-    user: Contact | Customer | null;
+    /** The initialized GraphQL Client instance. Resolved from PropellerProvider when omitted. */
+    graphqlClient?: GraphQLClient;
+    /** The authenticated user. Resolved from PropellerProvider when omitted. */
+    user?: Contact | Customer | null;
     /** Product ID to add/remove from favorites (for products) */
     productId?: number;
     /** Cluster ID to add/remove from favorites (for clusters) */

package/dist/components/AddressSelector.vue.d.ts

@@ -1,8 +1,8 @@
 import { Component } from 'vue';
 import { Address, Contact, Customer } from '@propeller-commerce/propeller-sdk-v2';
 export interface AddressSelectorProps {
-    /** Authenticated user — addresses are derived from their profile. */
-    user: Contact | Customer | null;
+    /** Authenticated user — addresses are derived from their profile. Resolved from PropellerProvider when omitted. */
+    user?: Contact | Customer | null;
     /**
      * Active company ID (for Contact users).
      * Pass the value from the company switcher so the correct company's addresses are listed.

package/dist/components/CartItem.vue.d.ts

@@ -1,8 +1,8 @@
 import { Component } from 'vue';
 import { BundleItem, Cart, CartBaseItem, CartMainItem, Cluster, Contact, Crossupsell, Customer, GraphQLClient, MediaImageProductSearchInput, Product, ProductInventory, TransformationsInput } from '@propeller-commerce/propeller-sdk-v2';
 export interface CartItemProps {
-    /** GraphQL client for the Propeller SDK */
-    graphqlClient: GraphQLClient;
+    /** GraphQL client for the Propeller SDK. Resolved from PropellerProvider when omitted. */
+    graphqlClient?: GraphQLClient;
     /** The shopping cart unique identifier */
     cartId: string;
     /** Tax zone for price calculations */

package/dist/components/CartOverview.vue.d.ts

@@ -1,7 +1,7 @@
 import { Cart, GraphQLClient } from '@propeller-commerce/propeller-sdk-v2';
 export interface CartOverviewProps {
-    /** GraphQL client for the Propeller SDK */
-    graphqlClient: GraphQLClient;
+    /** GraphQL client for the Propeller SDK. Resolved from PropellerProvider when omitted. */
+    graphqlClient?: GraphQLClient;
     /** Shopping cart object from which the cart overview will be displayed */
     cart: Cart;
     /** The CSS class for the cart overview container */

package/dist/components/CartPaymethods.vue.d.ts

@@ -4,8 +4,8 @@ export interface CartPaymethodsProps {
     cart: Cart;
     /** Currency symbol to display. Defaults to '€'. */
     currency?: string;
-    /** Authenticated user — used for cart creation / lookup. */
-    user: Contact | Customer | null;
+    /** Authenticated user — used for cart creation / lookup. Resolved from PropellerProvider when omitted. */
+    user?: Contact | Customer | null;
     /** The CSS class for the payment methods container */
     paymentsContainerClass?: string;
     /** Display the on account payment method for anonymous users */

package/dist/components/CategoryDescription.vue.d.ts

@@ -3,8 +3,9 @@ export interface CategoryDescriptionProps {
     /**
      * Language code used to resolve the correct localised description
      * from `category.description`.
+     * Resolved from PropellerProvider when omitted.
      */
-    language: string;
+    language?: string;
     /**
      * Propeller Category object.
      * The component reads `category.description` (an array of LocalizedString)

package/dist/components/CategoryShortDescription.vue.d.ts

@@ -3,8 +3,9 @@ export interface CategoryShortDescriptionProps {
     /**
      * Language code used to resolve the correct localised short description
      * from `category.shortDescription`.
+     * Resolved from PropellerProvider when omitted.
      */
-    language: string;
+    language?: string;
     /**
      * Propeller Category object.
      * The component reads `category.shortDescription` (an array of LocalizedString)

package/dist/components/ClusterInfo.vue.d.ts

@@ -1,7 +1,7 @@
 import { GraphQLClient, Cluster, Contact, Customer } from '@propeller-commerce/propeller-sdk-v2';
 export interface ClusterInfoProps {
-    /** The authenticated user (Contact or Customer) */
-    user: Contact | Customer | null;
+    /** The authenticated user (Contact or Customer). Resolved from PropellerProvider when omitted. */
+    user?: Contact | Customer | null;
     /**
      * Pre-fetched cluster object to display.
      * When provided the component skips internal fetching.

package/dist/components/FavoriteListDetails.vue.d.ts

@@ -1,10 +1,10 @@
 import { Component } from 'vue';
 import { Product, Cluster, FavoriteList, GraphQLClient, Contact, Customer, Cart, CartMainItem, CartChildItemInput } from '@propeller-commerce/propeller-sdk-v2';
 export interface FavoriteListDetailsProps {
-    /** GraphQL client for the Propeller SDK */
-    graphqlClient: GraphQLClient;
-    /** The logged in user for which the favorite list is going to be displayed */
-    user: Contact | Customer;
+    /** GraphQL client for the Propeller SDK. Resolved from PropellerProvider when omitted. */
+    graphqlClient?: GraphQLClient;
+    /** The logged in user for which the favorite list is going to be displayed. Resolved from PropellerProvider when omitted. */
+    user?: Contact | Customer;
     /** The favorite list ID to display */
     favoriteListId: string;
     /** Action method for deleting a single favorite list item. If not provided, delete button is hidden */

package/dist/components/FavoriteLists.vue.d.ts

@@ -4,10 +4,10 @@ export interface FavoriteListFormData {
     isDefault: boolean;
 }
 export interface FavoriteListsProps {
-    /** The authenticated user (Contact or Customer) */
-    user: Contact | Customer | null;
-    /** The initialized GraphQL Client instance */
-    graphqlClient: GraphQLClient;
+    /** The authenticated user (Contact or Customer). Resolved from PropellerProvider when omitted. */
+    user?: Contact | Customer | null;
+    /** The initialized GraphQL Client instance. Resolved from PropellerProvider when omitted. */
+    graphqlClient?: GraphQLClient;
     /** Callback when a list is clicked (navigate to detail) */
     onListClick?: (listId: string | number) => void;
     /** Limit the number of lists shown (e.g. 3 = last 3 modified). undefined = show all */

package/dist/components/ForgotPassword.vue.d.ts

@@ -1,7 +1,7 @@
 import { GraphQLClient } from '@propeller-commerce/propeller-sdk-v2';
 export interface ForgotPasswordProps {
-    /** GraphQL client for the Propeller SDK */
-    graphqlClient: GraphQLClient;
+    /** GraphQL client for the Propeller SDK. Resolved from PropellerProvider when omitted. */
+    graphqlClient?: GraphQLClient;
     /** Title of the forgot password form
      * @default "Forgot password?"
      */

package/dist/components/GridTitle.vue.d.ts

@@ -7,8 +7,9 @@ export interface GridTitleProps {
     /**
      * Language code for the content.
      * Defaults to 'NL'.
+     * Resolved from PropellerProvider when omitted.
      */
-    language: string;
+    language?: string;
     /**
      * Override the heading tag level.
      * Defaults to 'h1'. Use 'h2' when the grid is embedded inside

package/dist/components/Menu.vue.d.ts

@@ -4,8 +4,9 @@ export interface MenuProps {
     /**
      * Initialised Propeller SDK GraphQL client.
      * Used internally to fetch the category hierarchy.
+     * Resolved from PropellerProvider when omitted.
      */
-    graphqlClient: GraphQLClient;
+    graphqlClient?: GraphQLClient;
     /**
      * Base category ID for fetching all categories.
      * This is the root of the menu tree.
@@ -13,8 +14,9 @@ export interface MenuProps {
     categoryId: number;
     /**
      * Language code for fetching localised category names and slugs.
+     * Resolved from PropellerProvider when omitted.
      */
-    language: string;
+    language?: string;
     /**
      * Maximum nesting depth of the menu hierarchy.
      * Defaults to 3.

package/dist/components/OrderActions.vue.d.ts

@@ -1,11 +1,11 @@
 import { GraphQLClient, Order, Cart, Contact, Customer } from '@propeller-commerce/propeller-sdk-v2';
 export interface OrderActionsProps {
-    /** GraphQL client for the Propeller SDK */
-    graphqlClient: GraphQLClient;
+    /** GraphQL client for the Propeller SDK. Resolved from PropellerProvider when omitted. */
+    graphqlClient?: GraphQLClient;
     /** The order to act upon */
     order: Order;
-    /** The authenticated user */
-    user: Contact | Customer | null;
+    /** The authenticated user. Resolved from PropellerProvider when omitted. */
+    user?: Contact | Customer | null;
     /** Cart ID — if provided, re-order adds items to this cart */
     cartId?: string;
     /** Active company ID from the company switcher */

package/dist/components/OrderList.vue.d.ts

@@ -1,11 +1,11 @@
 import { Contact, Customer, GraphQLClient } from '@propeller-commerce/propeller-sdk-v2';
 export interface OrderListProps {
-    /** The authenticated user (Contact or Customer) */
-    user: Contact | Customer | null;
+    /** The authenticated user (Contact or Customer). Resolved from PropellerProvider when omitted. */
+    user?: Contact | Customer | null;
     /** Currency symbol to display. Defaults to '€'. */
     currency?: string;
-    /** The initialized GraphQL Client instance */
-    graphqlClient: GraphQLClient;
+    /** The initialized GraphQL Client instance. Resolved from PropellerProvider when omitted. */
+    graphqlClient?: GraphQLClient;
     /** Callback when an order is clicked */
     onOrderClick: (orderId: number) => void;
     /** Columns to display. Defaults to ['id', 'date', 'status', 'total', 'action'] */

package/dist/components/ProductBundles.vue.d.ts

@@ -1,13 +1,13 @@
 import { Bundle, Cart, Contact, Customer, GraphQLClient } from '@propeller-commerce/propeller-sdk-v2';
 export interface ProductBundlesProps {
-    /** GraphQL client instance used to fetch bundle data. */
-    graphqlClient: GraphQLClient;
+    /** GraphQL client instance used to fetch bundle data. Resolved from PropellerProvider when omitted. */
+    graphqlClient?: GraphQLClient;
     /** Currency symbol to display. Defaults to '€'. */
     currency?: string;
     /** ID of the product whose bundles should be fetched. */
     productId: number;
-    /** Language code used for content (e.g. 'NL', 'EN'). */
-    language: string;
+    /** Language code used for content (e.g. 'NL', 'EN'). Resolved from PropellerProvider when omitted. */
+    language?: string;
     /** Tax zone code used for pricing (e.g. 'NL'). */
     taxZone: string;
     /**

package/dist/components/ProductCard.vue.d.ts

@@ -93,10 +93,10 @@ export interface ProductCardProps {
      * Defaults to 'page/id/slug' when omitted.
      */
     urlPattern?: string;
-    /** Initialised Propeller SDK GraphQL client (required by embedded AddToCart). */
-    graphqlClient: GraphQLClient;
-    /** Authenticated user — used for cart creation / lookup. */
-    user: Contact | Customer | null;
+    /** Initialised Propeller SDK GraphQL client (required by embedded AddToCart). Resolved from PropellerProvider when omitted. */
+    graphqlClient?: GraphQLClient;
+    /** Authenticated user — used for cart creation / lookup. Resolved from PropellerProvider when omitted. */
+    user?: Contact | Customer | null;
     /** ID of an existing cart to add items to. */
     cartId?: string;
     /** Config object providing imageSearchFiltersGrid and imageVariantFiltersSmall. */

package/dist/components/ProductDownloads.vue.d.ts

@@ -8,8 +8,9 @@ export interface ProductDownloadsProps {
     downloads?: PaginatedMediaDocumentResponse;
     /**
      * Language code used to resolve the correct localised document URL and label.
+     * Resolved from PropellerProvider when omitted.
      */
-    language: string;
+    language?: string;
     /**
      * Override any UI string.
      * Available keys: title, download, empty

package/dist/components/ProductInfo.vue.d.ts

@@ -1,8 +1,8 @@
 import { Component } from 'vue';
 import { GraphQLClient, Product, Contact, Customer } from '@propeller-commerce/propeller-sdk-v2';
 export interface ProductInfoProps {
-    /** The authenticated user (Contact or Customer) */
-    user: Contact | Customer | null;
+    /** The authenticated user (Contact or Customer). Resolved from PropellerProvider when omitted. */
+    user?: Contact | Customer | null;
     /** Active company ID from the company switcher.
      * Overrides default company for price calculation.
      * Triggers a re-fetch when changed. */
@@ -132,7 +132,7 @@ declare function __VLS_template(): {
         }): any;
         favorite?(_: {
             product: Product;
-            user: Contact | Customer | null;
+            user: Contact | Customer | null | undefined;
         }): any;
         price?(_: {
             product: Product;

package/dist/components/ProductVideos.vue.d.ts

@@ -8,8 +8,9 @@ export interface ProductVideosProps {
     videos?: PaginatedMediaVideoResponse;
     /**
      * Language code used to resolve the correct localised video URI.
+     * Resolved from PropellerProvider when omitted.
      */
-    language: string;
+    language?: string;
     /**
      * Override any UI string.
      * Available keys: title, empty

package/dist/components/PurchaseAuthorizationConfigurator.vue.d.ts

@@ -1,11 +1,11 @@
 import { Contact, Customer, GraphQLClient, PurchaseAuthorizationConfig, PurchaseAuthorizationConfigCreateInput, RegisterContactInput } from '@propeller-commerce/propeller-sdk-v2';
 export interface PurchaseAuthorizationConfiguratorProps {
-    /** GraphQL client for the Propeller SDK */
-    graphqlClient: GraphQLClient;
-    /** The logged-in user */
-    user: Contact | Customer;
-    /** The companyId of the current selected company */
-    companyId: number;
+    /** GraphQL client for the Propeller SDK. Resolved from PropellerProvider when omitted. */
+    graphqlClient?: GraphQLClient;
+    /** The logged-in user. Resolved from PropellerProvider when omitted. */
+    user?: Contact | Customer;
+    /** The companyId of the current selected company. Resolved from PropellerProvider when omitted. */
+    companyId?: number;
     /**
      * Adds a button "Add contact" above the contacts list and enables registering contacts
      * @default true

package/dist/components/PurchaseAuthorizationRequests.vue.d.ts

@@ -1,13 +1,13 @@
 import { Contact, Customer, GraphQLClient, Cart } from '@propeller-commerce/propeller-sdk-v2';
 export interface PurchaseAuthorizationRequestsProps {
-    /** GraphQL client for the Propeller SDK */
-    graphqlClient: GraphQLClient;
+    /** GraphQL client for the Propeller SDK. Resolved from PropellerProvider when omitted. */
+    graphqlClient?: GraphQLClient;
     /** Currency symbol to display. Defaults to '€'. */
     currency?: string;
-    /** The logged-in user */
-    user: Contact | Customer;
-    /** The companyId of the current selected company */
-    companyId: number;
+    /** The logged-in user. Resolved from PropellerProvider when omitted. */
+    user?: Contact | Customer;
+    /** The companyId of the current selected company. Resolved from PropellerProvider when omitted. */
+    companyId?: number;
     /**
      * Override: fires instead of the default CartService.acceptPurchaseAuthorizationRequest() call.
      * Receives the cartId string.

package/dist/components/RegisterForm.vue.d.ts

@@ -1,7 +1,7 @@
 import { Cart, Contact, Customer, GraphQLClient } from '@propeller-commerce/propeller-sdk-v2';
 export interface RegisterFormProps {
-    /** GraphQL client for the Propeller SDK */
-    graphqlClient: GraphQLClient;
+    /** GraphQL client for the Propeller SDK. Resolved from PropellerProvider when omitted. */
+    graphqlClient?: GraphQLClient;
     /** Title of the register form
      * @default "Create account"
      */

package/dist/components/SearchBar.vue.d.ts

@@ -16,8 +16,8 @@ export interface SearchBarResult {
     isCluster?: boolean;
 }
 export interface SearchBarProps {
-    /** Propeller SDK GraphQL client */
-    graphqlClient: GraphQLClient;
+    /** Propeller SDK GraphQL client. Resolved from PropellerProvider when omitted. */
+    graphqlClient?: GraphQLClient;
     /** Currency symbol to display. Defaults to '€'. */
     currency?: string;
     /** The currently logged in user (Contact or Customer) */

package/dist/index.cjs

@@ -4078,7 +4078,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
       toastVisible.value = false;
     }
     function getProductName() {
-      return props.product?.names?.[0]?.value || "Product";
+      return index.getLanguageString(props.product?.names, props.language || "NL", "Product");
     }
     function getProductUrl() {
       return props.configuration?.urls?.getProductUrl(props.product, props.language) ?? "#";
@@ -4143,7 +4143,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     }
     function getModalName() {
       if (addedCartItem.value) {
-        return addedCartItem.value.product?.names?.[0]?.value || getProductName();
+        return index.getLanguageString(addedCartItem.value.product?.names, props.language || "NL", "") || getProductName();
       }
       return getProductName();
     }
@@ -4398,7 +4398,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
                     key: idx,
                     class: "propeller-add-to-cart__modal-child flex justify-between items-center text-xs text-muted-foreground"
                   }, [
-                    vue.createElementVNode("span", _hoisted_35$c, vue.toDisplayString(child.product?.names?.[0]?.value || "Option"), 1),
+                    vue.createElementVNode("span", _hoisted_35$c, vue.toDisplayString(vue.unref(index.getLanguageString)(child.product?.names, __props.language || "NL", "Option")), 1),
                     vue.createElementVNode("span", _hoisted_36$c, vue.toDisplayString(getChildItemPrice(child)), 1)
                   ]);
                 }), 128))
@@ -6311,7 +6311,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
       return index.getLabel(props.labels, key, fallback);
     }
     function getProductName() {
-      return props.cartItem.product?.names?.[0]?.value || "Product";
+      return index.getLanguageString(props.cartItem.product?.names, props.language || "NL", "Product");
     }
     function getProductUrl() {
       if (props.configuration?.urls && props.cartItem.product) {
@@ -6370,7 +6370,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
       if (!items) return "";
       const leader = items.find((bi) => bi.isLeader === propellerSdkV2.YesNo.Y);
       if (!leader) return "";
-      return leader.product.names?.[0]?.value || "Product";
+      return index.getLanguageString(leader.product.names, props.language || "NL", "Product");
     }
     function getBundleLeaderPrice() {
       const items = props.cartItem.bundle?.items;
@@ -6387,7 +6387,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
       return items.filter((bi) => bi.isLeader !== propellerSdkV2.YesNo.Y);
     }
     function getBundleItemName(bundleItem) {
-      return bundleItem.product.names?.[0]?.value || "Product";
+      return index.getLanguageString(bundleItem.product.names, props.language || "NL", "Product");
     }
     function getBundleItemPrice(bundleItem) {
       const price = bundleItem.price?.net;
@@ -6459,7 +6459,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     }
     function getCrossupsellName(item) {
       const product = item?.productTo || item?.clusterTo;
-      return product?.names?.[0]?.value || "Product";
+      return index.getLanguageString(product?.names, props.language || "NL", "Product");
     }
     function getCrossupsellImageUrl(item) {
       const product = item?.productTo || item?.clusterTo;
@@ -6638,7 +6638,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                   key: idx,
                   class: "propeller-cart-item__option flex flex-wrap gap-x-2 text-sm text-muted-foreground"
                 }, [
-                  vue.createElementVNode("span", _hoisted_22$h, vue.toDisplayString(child.product.names?.[0]?.value || "Option"), 1),
+                  vue.createElementVNode("span", _hoisted_22$h, vue.toDisplayString(vue.unref(index.getLanguageString)(child.product.names, __props.language || "NL", "Option")), 1),
                   _cache[10] || (_cache[10] = vue.createElementVNode("span", { class: "text-foreground-subtle hidden sm:inline" }, "-", -1)),
                   vue.createElementVNode("span", _hoisted_23$h, vue.toDisplayString(child.product.sku), 1),
                   _cache[11] || (_cache[11] = vue.createElementVNode("div", { class: "flex-1 border-b border-dotted border-input mx-1 mb-1" }, null, -1)),