@altazion/commerce-sdk-vue 1.0.0

package/dist/index.js

@@ -0,0 +1,388 @@
+import { createPinia, defineStore } from "pinia";
+import { inject, ref, computed, defineComponent, openBlock, createElementBlock, createElementVNode, createCommentVNode, toDisplayString, unref, onMounted, Fragment, renderList, renderSlot, createTextVNode } from "vue";
+const COMMERCE_CLIENT_KEY = Symbol("altazion:commerce-client");
+const AltazionCommercePlugin = {
+  install(app, options) {
+    const { client, pinia } = options;
+    const piniaInstance = pinia ?? createPinia();
+    app.use(piniaInstance);
+    app.provide(COMMERCE_CLIENT_KEY, client);
+  }
+};
+function useCommerceClient() {
+  const client = inject(COMMERCE_CLIENT_KEY);
+  if (!client) {
+    throw new Error(
+      "[AltazionCommerce] useCommerceClient() : aucun client trouvé. Assurez-vous d'avoir installé AltazionCommercePlugin via app.use()."
+    );
+  }
+  return client;
+}
+const useSessionStore = defineStore("altazion:session", () => {
+  const client = useCommerceClient();
+  const session = ref(null);
+  const loading = ref(false);
+  const error = ref(null);
+  const isOnline = ref(client.connectivity.isOnline);
+  client.connectivity.subscribe((status) => {
+    isOnline.value = status === "online";
+  });
+  const mode = computed(() => client.context.mode);
+  const isKiosk = computed(() => mode.value === "kiosk");
+  const isReady = computed(() => session.value !== null || mode.value === "kiosk");
+  async function load() {
+    loading.value = true;
+    error.value = null;
+    try {
+      session.value = await client.session.getSession();
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : String(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function associateStore(storeGuid) {
+    loading.value = true;
+    error.value = null;
+    try {
+      session.value = await client.session.associateStore(storeGuid);
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : String(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  return { session, loading, error, isOnline, mode, isKiosk, isReady, load, associateStore };
+});
+const useCartStore = defineStore("altazion:cart", () => {
+  const client = useCommerceClient();
+  const cart = ref(null);
+  const loading = ref(false);
+  const error = ref(null);
+  const hasPendingOperations = ref(false);
+  client.onQueueEvent(async () => {
+    hasPendingOperations.value = await client.pendingOperationsCount > 0;
+  });
+  const isOffline = computed(() => client.isOffline);
+  const itemCount = computed(() => {
+    var _a;
+    return ((_a = cart.value) == null ? void 0 : _a.totalQuantity) ?? 0;
+  });
+  const total = computed(() => {
+    var _a;
+    return ((_a = cart.value) == null ? void 0 : _a.totalAmountWithTax) ?? 0;
+  });
+  const isEmpty = computed(() => itemCount.value === 0);
+  async function load() {
+    loading.value = true;
+    error.value = null;
+    try {
+      cart.value = await client.cart.getCart();
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : String(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function addItem(reference, quantity, options) {
+    loading.value = true;
+    error.value = null;
+    try {
+      cart.value = await client.cart.addItem(reference, quantity, options);
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : String(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function updateItem(lineId, quantity) {
+    loading.value = true;
+    error.value = null;
+    try {
+      cart.value = await client.cart.updateItem(lineId, quantity);
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : String(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function removeItem(lineId) {
+    loading.value = true;
+    error.value = null;
+    try {
+      cart.value = await client.cart.removeItem(lineId);
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : String(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function applyCoupon(code) {
+    loading.value = true;
+    error.value = null;
+    try {
+      cart.value = await client.cart.applyCoupon(code);
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : String(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  return {
+    cart,
+    loading,
+    error,
+    isOffline,
+    hasPendingOperations,
+    itemCount,
+    total,
+    isEmpty,
+    load,
+    addItem,
+    updateItem,
+    removeItem,
+    applyCoupon
+  };
+});
+const useCatalogStore = defineStore("altazion:catalog", () => {
+  const client = useCommerceClient();
+  const currentProduct = ref(null);
+  const categoryResult = ref(null);
+  const loading = ref(false);
+  const error = ref(null);
+  const isOffline = computed(() => client.isOffline);
+  async function loadProduct(reference) {
+    loading.value = true;
+    error.value = null;
+    try {
+      currentProduct.value = await client.catalog.getProduct(reference);
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : String(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function loadCategory(categoryCode, pageIndex = 0, pageSize = 20) {
+    loading.value = true;
+    error.value = null;
+    try {
+      categoryResult.value = await client.catalog.getCategory(categoryCode, pageIndex, pageSize);
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : String(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  return {
+    currentProduct,
+    categoryResult,
+    loading,
+    error,
+    isOffline,
+    loadProduct,
+    loadCategory
+  };
+});
+const useSearchStore = defineStore("altazion:search", () => {
+  const client = useCommerceClient();
+  const result = ref(null);
+  const suggestions = ref([]);
+  const loading = ref(false);
+  const error = ref(null);
+  const query = ref("");
+  async function search(request) {
+    query.value = request.q ?? "";
+    loading.value = true;
+    error.value = null;
+    try {
+      result.value = await client.catalog.search(request);
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : String(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function suggest(q) {
+    if (!q.trim()) {
+      suggestions.value = [];
+      return;
+    }
+    try {
+      suggestions.value = await client.catalog.suggest(q);
+    } catch {
+      suggestions.value = [];
+    }
+  }
+  function clear() {
+    result.value = null;
+    suggestions.value = [];
+    query.value = "";
+  }
+  return { result, suggestions, loading, error, query, search, suggest, clear };
+});
+const _hoisted_1$2 = { class: "altz-product-card" };
+const _hoisted_2$1 = ["href"];
+const _hoisted_3$1 = ["src", "alt"];
+const _hoisted_4$1 = { class: "altz-product-card__body" };
+const _hoisted_5$1 = { class: "altz-product-card__title" };
+const _hoisted_6$1 = ["href"];
+const _hoisted_7$1 = { class: "altz-product-card__price" };
+const _hoisted_8$1 = {
+  key: 0,
+  class: "altz-product-card__price--original"
+};
+const _hoisted_9$1 = { class: "altz-product-card__price--current" };
+const _hoisted_10$1 = {
+  key: 0,
+  class: "altz-product-card__unavailable"
+};
+const _hoisted_11 = ["disabled"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "ProductCard",
+  props: {
+    product: {},
+    showAddToCart: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const cartStore = useCartStore();
+    async function addToCart() {
+      await cartStore.addItem(props.product.sku ?? props.product.guid, 1);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("article", _hoisted_1$2, [
+        createElementVNode("a", {
+          href: __props.product.externalUrl ?? "#",
+          class: "altz-product-card__image-link"
+        }, [
+          __props.product.mainImage ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            src: __props.product.mainImage,
+            alt: __props.product.label ?? void 0,
+            class: "altz-product-card__image",
+            loading: "lazy"
+          }, null, 8, _hoisted_3$1)) : createCommentVNode("", true)
+        ], 8, _hoisted_2$1),
+        createElementVNode("div", _hoisted_4$1, [
+          createElementVNode("h3", _hoisted_5$1, [
+            createElementVNode("a", {
+              href: __props.product.externalUrl ?? "#"
+            }, toDisplayString(__props.product.label), 9, _hoisted_6$1)
+          ]),
+          createElementVNode("div", _hoisted_7$1, [
+            __props.product.discountedPrice ? (openBlock(), createElementBlock("span", _hoisted_8$1, toDisplayString(__props.product.price.toFixed(2)) + " € ", 1)) : createCommentVNode("", true),
+            createElementVNode("span", _hoisted_9$1, toDisplayString((__props.product.discountedPrice ?? __props.product.price).toFixed(2)) + " € ", 1)
+          ]),
+          !__props.product.availableForOrder ? (openBlock(), createElementBlock("p", _hoisted_10$1, " Indisponible ")) : createCommentVNode("", true),
+          __props.showAddToCart && __props.product.availableForOrder ? (openBlock(), createElementBlock("button", {
+            key: 1,
+            class: "altz-product-card__add-to-cart",
+            disabled: unref(cartStore).loading,
+            onClick: addToCart
+          }, " Ajouter au panier ", 8, _hoisted_11)) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+const _hoisted_1$1 = { class: "altz-cart-summary" };
+const _hoisted_2 = {
+  key: 0,
+  class: "altz-cart-summary__loading"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "altz-cart-summary__empty"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "altz-cart-summary__lines"
+};
+const _hoisted_5 = { class: "altz-cart-summary__line-label" };
+const _hoisted_6 = { class: "altz-cart-summary__line-qty" };
+const _hoisted_7 = { class: "altz-cart-summary__line-price" };
+const _hoisted_8 = { class: "altz-cart-summary__total" };
+const _hoisted_9 = { class: "altz-cart-summary__total-amount" };
+const _hoisted_10 = {
+  key: 1,
+  class: "altz-cart-summary__offline-notice"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "CartSummary",
+  props: {
+    showLines: { type: Boolean }
+  },
+  setup(__props) {
+    const cartStore = useCartStore();
+    onMounted(() => {
+      cartStore.load();
+    });
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        unref(cartStore).loading ? (openBlock(), createElementBlock("div", _hoisted_2, " Chargement du panier… ")) : unref(cartStore).isEmpty ? (openBlock(), createElementBlock("div", _hoisted_3, " Votre panier est vide. ")) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          __props.showLines ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList((_b = (_a = unref(cartStore).cart) == null ? void 0 : _a.content) == null ? void 0 : _b.flatMap((g) => g.lines ?? []), (line) => {
+              return openBlock(), createElementBlock("div", {
+                key: line.id,
+                class: "altz-cart-summary__line"
+              }, [
+                createElementVNode("span", _hoisted_5, toDisplayString(line.label), 1),
+                createElementVNode("span", _hoisted_6, "× " + toDisplayString(line.quantity), 1),
+                createElementVNode("span", _hoisted_7, toDisplayString((line.finalUnitPriceInclTax * line.quantity).toFixed(2)) + " €", 1)
+              ]);
+            }), 128))
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_8, [
+            _cache[0] || (_cache[0] = createElementVNode("span", { class: "altz-cart-summary__total-label" }, "Total", -1)),
+            createElementVNode("span", _hoisted_9, toDisplayString(unref(cartStore).total.toFixed(2)) + " €", 1)
+          ]),
+          unref(cartStore).hasPendingOperations ? (openBlock(), createElementBlock("div", _hoisted_10, " Modifications en attente de synchronisation… ")) : createCommentVNode("", true)
+        ], 64))
+      ]);
+    };
+  }
+});
+const _hoisted_1 = ["disabled", "aria-busy"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AddToCartButton",
+  props: {
+    reference: {},
+    quantity: {},
+    label: {},
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const cartStore = useCartStore();
+    async function handleClick() {
+      if (props.disabled) return;
+      await cartStore.addItem(props.reference, props.quantity ?? 1);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: "altz-add-to-cart",
+        disabled: __props.disabled || unref(cartStore).loading,
+        "aria-busy": unref(cartStore).loading,
+        onClick: handleClick
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(__props.label ?? "Ajouter au panier"), 1)
+        ])
+      ], 8, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as AddToCartButton,
+  AltazionCommercePlugin,
+  COMMERCE_CLIENT_KEY,
+  _sfc_main$1 as CartSummary,
+  _sfc_main$2 as ProductCard,
+  useCartStore,
+  useCatalogStore,
+  useCommerceClient,
+  useSearchStore,
+  useSessionStore
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/plugin.ts","../src/composables/useCommerceClient.ts","../src/stores/useSessionStore.ts","../src/stores/useCartStore.ts","../src/stores/useCatalogStore.ts","../src/stores/useSearchStore.ts","../src/components/ProductCard.vue","../src/components/CartSummary.vue","../src/components/AddToCartButton.vue"],"sourcesContent":["import type { App } from 'vue'\nimport { createPinia, type Pinia } from 'pinia'\nimport type { CommerceClient } from '@altazion/commerce-sdk-core'\n\nexport const COMMERCE_CLIENT_KEY = Symbol('altazion:commerce-client')\n\nexport interface AltazionCommercePluginOptions {\n  client: CommerceClient\n  /** Pinia instance existante (optionnel — le plugin en crée une si absent) */\n  pinia?: Pinia\n}\n\n/**\n * Plugin Vue 3 pour le SDK Altazion Commerce.\n *\n * Usage :\n * ```ts\n * import { createApp } from 'vue'\n * import { CommerceClient } from '@altazion/commerce-sdk-core'\n * import { AltazionCommercePlugin } from '@altazion/commerce-sdk-vue'\n *\n * const client = new CommerceClient({ baseUrl: '...', siteUrl: window.location.href })\n * await client.initialize()\n *\n * createApp(App)\n *   .use(AltazionCommercePlugin, { client })\n *   .mount('#app')\n * ```\n */\nexport const AltazionCommercePlugin = {\n  install(app: App, options: AltazionCommercePluginOptions): void {\n    const { client, pinia } = options\n\n    // Installer Pinia si pas déjà présente\n    const piniaInstance = pinia ?? createPinia()\n    app.use(piniaInstance)\n\n    // Rendre le client accessible via inject()\n    app.provide(COMMERCE_CLIENT_KEY, client)\n  }\n}\n","import { inject } from 'vue'\nimport { COMMERCE_CLIENT_KEY } from '../plugin.js'\nimport type { CommerceClient } from '@altazion/commerce-sdk-core'\n\n/**\n * Composable pour accéder au CommerceClient injecté par AltazionCommercePlugin.\n * Doit être utilisé dans un composant Vue (setup()) ou un store Pinia.\n */\nexport function useCommerceClient(): CommerceClient {\n  const client = inject<CommerceClient>(COMMERCE_CLIENT_KEY)\n  if (!client) {\n    throw new Error(\n      '[AltazionCommerce] useCommerceClient() : aucun client trouvé. ' +\n      'Assurez-vous d\\'avoir installé AltazionCommercePlugin via app.use().'\n    )\n  }\n  return client\n}\n","import { defineStore } from 'pinia'\nimport { ref, computed } from 'vue'\nimport { useCommerceClient } from '../composables/useCommerceClient.js'\nimport type { SessionInfo, ConnectivityStatus } from '@altazion/commerce-sdk-core'\n\nexport const useSessionStore = defineStore('altazion:session', () => {\n  const client = useCommerceClient()\n\n  const session = ref<SessionInfo | null>(null)\n  const loading = ref(false)\n  const error = ref<string | null>(null)\n\n  const isOnline = ref(client.connectivity.isOnline)\n  client.connectivity.subscribe((status: ConnectivityStatus) => {\n    isOnline.value = status === 'online'\n  })\n\n  const mode = computed(() => client.context.mode)\n  const isKiosk = computed(() => mode.value === 'kiosk')\n  const isReady = computed(() => session.value !== null || mode.value === 'kiosk')\n\n  async function load(): Promise<void> {\n    loading.value = true\n    error.value = null\n    try {\n      session.value = await client.session.getSession()\n    } catch (err) {\n      error.value = err instanceof Error ? err.message : String(err)\n    } finally {\n      loading.value = false\n    }\n  }\n\n  async function associateStore(storeGuid: string): Promise<void> {\n    loading.value = true\n    error.value = null\n    try {\n      session.value = await client.session.associateStore(storeGuid)\n    } catch (err) {\n      error.value = err instanceof Error ? err.message : String(err)\n    } finally {\n      loading.value = false\n    }\n  }\n\n  return { session, loading, error, isOnline, mode, isKiosk, isReady, load, associateStore }\n})\n","import { defineStore } from 'pinia'\nimport { ref, computed } from 'vue'\nimport { useCommerceClient } from '../composables/useCommerceClient.js'\nimport type { Cart } from '@altazion/commerce-sdk-core'\n\nexport const useCartStore = defineStore('altazion:cart', () => {\n  const client = useCommerceClient()\n\n  const cart = ref<Cart | null>(null)\n  const loading = ref(false)\n  const error = ref<string | null>(null)\n  const hasPendingOperations = ref(false)\n\n  // Mise à jour de hasPendingOperations via la file offline\n  client.onQueueEvent(async () => {\n    hasPendingOperations.value = (await client.pendingOperationsCount) > 0\n  })\n\n  const isOffline = computed(() => client.isOffline)\n  const itemCount = computed(() => cart.value?.totalQuantity ?? 0)\n  const total = computed(() => cart.value?.totalAmountWithTax ?? 0)\n  const isEmpty = computed(() => itemCount.value === 0)\n\n  async function load(): Promise<void> {\n    loading.value = true\n    error.value = null\n    try {\n      cart.value = await client.cart.getCart()\n    } catch (err) {\n      error.value = err instanceof Error ? err.message : String(err)\n    } finally {\n      loading.value = false\n    }\n  }\n\n  async function addItem(reference: string, quantity: number, options?: Record<string, unknown>): Promise<void> {\n    loading.value = true\n    error.value = null\n    try {\n      cart.value = await client.cart.addItem(reference, quantity, options)\n    } catch (err) {\n      error.value = err instanceof Error ? err.message : String(err)\n    } finally {\n      loading.value = false\n    }\n  }\n\n  async function updateItem(lineId: string, quantity: number): Promise<void> {\n    loading.value = true\n    error.value = null\n    try {\n      cart.value = await client.cart.updateItem(lineId, quantity)\n    } catch (err) {\n      error.value = err instanceof Error ? err.message : String(err)\n    } finally {\n      loading.value = false\n    }\n  }\n\n  async function removeItem(lineId: string): Promise<void> {\n    loading.value = true\n    error.value = null\n    try {\n      cart.value = await client.cart.removeItem(lineId)\n    } catch (err) {\n      error.value = err instanceof Error ? err.message : String(err)\n    } finally {\n      loading.value = false\n    }\n  }\n\n  async function applyCoupon(code: string): Promise<void> {\n    loading.value = true\n    error.value = null\n    try {\n      cart.value = await client.cart.applyCoupon(code)\n    } catch (err) {\n      error.value = err instanceof Error ? err.message : String(err)\n    } finally {\n      loading.value = false\n    }\n  }\n\n  return {\n    cart, loading, error, isOffline, hasPendingOperations,\n    itemCount, total, isEmpty,\n    load, addItem, updateItem, removeItem, applyCoupon\n  }\n})\n","import { defineStore } from 'pinia'\nimport { ref, computed } from 'vue'\nimport { useCommerceClient } from '../composables/useCommerceClient.js'\nimport type { ProductDetails, SearchResult, SearchRequest } from '@altazion/commerce-sdk-core'\n\nexport const useCatalogStore = defineStore('altazion:catalog', () => {\n  const client = useCommerceClient()\n\n  const currentProduct = ref<ProductDetails | null>(null)\n  const categoryResult = ref<SearchResult | null>(null)\n  const loading = ref(false)\n  const error = ref<string | null>(null)\n\n  const isOffline = computed(() => client.isOffline)\n\n  async function loadProduct(reference: string): Promise<void> {\n    loading.value = true\n    error.value = null\n    try {\n      currentProduct.value = await client.catalog.getProduct(reference)\n    } catch (err) {\n      error.value = err instanceof Error ? err.message : String(err)\n    } finally {\n      loading.value = false\n    }\n  }\n\n  async function loadCategory(categoryCode: string, pageIndex = 0, pageSize = 20): Promise<void> {\n    loading.value = true\n    error.value = null\n    try {\n      categoryResult.value = await client.catalog.getCategory(categoryCode, pageIndex, pageSize)\n    } catch (err) {\n      error.value = err instanceof Error ? err.message : String(err)\n    } finally {\n      loading.value = false\n    }\n  }\n\n  return {\n    currentProduct, categoryResult, loading, error, isOffline,\n    loadProduct, loadCategory\n  }\n})\n","import { defineStore } from 'pinia'\nimport { ref } from 'vue'\nimport { useCommerceClient } from '../composables/useCommerceClient.js'\nimport type { SearchResult, SearchRequest } from '@altazion/commerce-sdk-core'\n\nexport const useSearchStore = defineStore('altazion:search', () => {\n  const client = useCommerceClient()\n\n  const result = ref<SearchResult | null>(null)\n  const suggestions = ref<string[]>([])\n  const loading = ref(false)\n  const error = ref<string | null>(null)\n  const query = ref('')\n\n  async function search(request: SearchRequest): Promise<void> {\n    query.value = request.q ?? ''\n    loading.value = true\n    error.value = null\n    try {\n      result.value = await client.catalog.search(request)\n    } catch (err) {\n      error.value = err instanceof Error ? err.message : String(err)\n    } finally {\n      loading.value = false\n    }\n  }\n\n  async function suggest(q: string): Promise<void> {\n    if (!q.trim()) { suggestions.value = []; return }\n    try {\n      suggestions.value = await client.catalog.suggest(q)\n    } catch {\n      suggestions.value = []\n    }\n  }\n\n  function clear(): void {\n    result.value = null\n    suggestions.value = []\n    query.value = ''\n  }\n\n  return { result, suggestions, loading, error, query, search, suggest, clear }\n})\n","<script setup lang=\"ts\">\nimport type { WebProduct } from '@altazion/commerce-sdk-core'\nimport { useCartStore } from '../stores/useCartStore.js'\n\nconst props = defineProps<{\n  product: WebProduct\n  showAddToCart?: boolean\n}>()\n\nconst cartStore = useCartStore()\n\nasync function addToCart(): Promise<void> {\n  await cartStore.addItem(props.product.sku ?? props.product.guid, 1)\n}\n</script>\n\n<template>\n  <article class=\"altz-product-card\">\n    <a :href=\"product.externalUrl ?? '#'\" class=\"altz-product-card__image-link\">\n      <img\n        v-if=\"product.mainImage\"\n        :src=\"product.mainImage\"\n        :alt=\"product.label ?? undefined\"\n        class=\"altz-product-card__image\"\n        loading=\"lazy\"\n      />\n    </a>\n\n    <div class=\"altz-product-card__body\">\n      <h3 class=\"altz-product-card__title\">\n        <a :href=\"product.externalUrl ?? '#'\">{{ product.label }}</a>\n      </h3>\n\n      <div class=\"altz-product-card__price\">\n        <span\n          v-if=\"product.discountedPrice\"\n          class=\"altz-product-card__price--original\"\n        >\n          {{ product.price.toFixed(2) }} &#8364;\n        </span>\n        <span class=\"altz-product-card__price--current\">\n          {{ (product.discountedPrice ?? product.price).toFixed(2) }} &#8364;\n        </span>\n      </div>\n\n      <p v-if=\"!product.availableForOrder\" class=\"altz-product-card__unavailable\">\n        Indisponible\n      </p>\n\n      <button\n        v-if=\"showAddToCart && product.availableForOrder\"\n        class=\"altz-product-card__add-to-cart\"\n        :disabled=\"cartStore.loading\"\n        @click=\"addToCart\"\n      >\n        Ajouter au panier\n      </button>\n    </div>\n  </article>\n</template>\n","<script setup lang=\"ts\">\nimport { onMounted } from 'vue'\nimport { useCartStore } from '../stores/useCartStore.js'\n\nconst props = defineProps<{\n  showLines?: boolean\n}>()\n\nconst cartStore = useCartStore()\n\nonMounted(() => { cartStore.load() })\n</script>\n\n<template>\n  <div class=\"altz-cart-summary\">\n    <div v-if=\"cartStore.loading\" class=\"altz-cart-summary__loading\">\n      Chargement du panier…\n    </div>\n\n    <div v-else-if=\"cartStore.isEmpty\" class=\"altz-cart-summary__empty\">\n      Votre panier est vide.\n    </div>\n\n    <template v-else>\n      <div v-if=\"showLines\" class=\"altz-cart-summary__lines\">\n        <div\n          v-for=\"line in cartStore.cart?.content?.flatMap(g => g.lines ?? [])\"\n          :key=\"line.id\"\n          class=\"altz-cart-summary__line\"\n        >\n          <span class=\"altz-cart-summary__line-label\">{{ line.label }}</span>\n          <span class=\"altz-cart-summary__line-qty\">× {{ line.quantity }}</span>\n          <span class=\"altz-cart-summary__line-price\">{{ (line.finalUnitPriceInclTax * line.quantity).toFixed(2) }} €</span>\n        </div>\n      </div>\n\n      <div class=\"altz-cart-summary__total\">\n        <span class=\"altz-cart-summary__total-label\">Total</span>\n        <span class=\"altz-cart-summary__total-amount\">{{ cartStore.total.toFixed(2) }} €</span>\n      </div>\n\n      <div v-if=\"cartStore.hasPendingOperations\" class=\"altz-cart-summary__offline-notice\">\n        Modifications en attente de synchronisation…\n      </div>\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useCartStore } from '../stores/useCartStore.js'\n\nconst props = defineProps<{\n  reference: string\n  quantity?: number\n  label?: string\n  disabled?: boolean\n}>()\n\nconst cartStore = useCartStore()\n\nasync function handleClick(): Promise<void> {\n  if (props.disabled) return\n  await cartStore.addItem(props.reference, props.quantity ?? 1)\n}\n</script>\n\n<template>\n  <button\n    class=\"altz-add-to-cart\"\n    :disabled=\"disabled || cartStore.loading\"\n    :aria-busy=\"cartStore.loading\"\n    @click=\"handleClick\"\n  >\n    <slot>{{ label ?? 'Ajouter au panier' }}</slot>\n  </button>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_4","_hoisted_5","_toDisplayString","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_unref","_Fragment","_renderList","_renderSlot"],"mappings":"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"}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@altazion/commerce-sdk-vue",
+  "version": "1.0.0",
+  "description": "Altazion Commerce SDK — Plugin Vue 3 avec stores Pinia et composants",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": ["dist"],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "node -e \"require('fs').rmSync('dist', { recursive: true, force: true })\""
+  },
+  "dependencies": {
+    "@altazion/commerce-sdk-core": "*"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.0",
+    "pinia": "^2.1.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.0",
+    "typescript": "^5.4.0",
+    "vite": "^5.2.0",
+    "vite-plugin-dts": "^3.9.0",
+    "vue": "^3.4.0",
+    "pinia": "^2.1.0"
+  },
+  "engines": {
+    "node": ">=20"
+  }
+}