@meeovi/layer-commerce 1.0.5 → 1.0.6

package/dist/composables/useCatalog.js

@@ -1,61 +0,0 @@
-import { useAlternateContext } from '@meeovi/core';
-export function useCatalogFallback() {
-    // Attempt to use core runtime adapter if present
-    try {
-        const ctx = useAlternateContext();
-        const adapter = ctx.getAdapter('catalog');
-        if (adapter) {
-            return {
-                adapter,
-                async getProductById(id) {
-                    return adapter.getProductById(id);
-                },
-                async getProductBySlug(slug) {
-                    return adapter.getProductBySlug(slug);
-                },
-                async listProducts(params) {
-                    return adapter.listProducts(params);
-                }
-            };
-        }
-    }
-    catch (e) {
-        // runtime context not available
-    }
-    // Fallback to Directus via Nuxt app runtime (assumes component calling runs in Vue context)
-    return {
-        adapter: null,
-        async getProductById(_id) {
-            const nuxtApp = useNuxtApp();
-            if (nuxtApp?.$directus && nuxtApp.$readItem) {
-                const res = await nuxtApp.$directus.request(nuxtApp.$readItem('products', { filter: { id: { _eq: _id } }, limit: 1 }));
-                return res?.[0] || null;
-            }
-            return null;
-        },
-        async getProductBySlug(slug) {
-            const nuxtApp = useNuxtApp();
-            if (nuxtApp?.$directus && nuxtApp.$readItem) {
-                const res = await nuxtApp.$directus.request(nuxtApp.$readItem('products', { filter: { slug: { _eq: slug } }, limit: 1 }));
-                return res?.[0] || null;
-            }
-            return null;
-        },
-        async listProducts(params) {
-            const nuxtApp = useNuxtApp();
-            if (nuxtApp?.$directus && nuxtApp.$readItems) {
-                const res = await nuxtApp.$directus.request(nuxtApp.$readItems('products', params || {}));
-                return res || [];
-            }
-            return [];
-        },
-        async listAttributes(filter) {
-            const nuxtApp = useNuxtApp();
-            if (nuxtApp?.$directus && nuxtApp.$readItems) {
-                const res = await nuxtApp.$directus.request(nuxtApp.$readItems('attributes', filter || {}));
-                return res || [];
-            }
-            return [];
-        }
-    };
-}

package/dist/composables/useContent/index.d.ts

@@ -1 +0,0 @@
-export * from './useContent';

package/dist/composables/useContent/index.js

@@ -1 +0,0 @@
-export * from './useContent';

package/dist/composables/useContent/types.d.ts

@@ -1,32 +0,0 @@
-import type { Ref } from 'vue';
-import type { Maybe } from '../_types';
-import type { HeadingProps } from '~/components/Heading/types';
-import type { ProductSliderProps } from '~/components/ProductSlider/types';
-import type { CategoryCardProps } from '~/components/ui/CategoryCard/types';
-import type { DisplayProps } from '~/components/ui/Display/types';
-import type { HeroProps } from '~/components/ui/Hero/types';
-type EntryFields<TFields> = Array<{
-    fields: TFields;
-}>;
-type WithComponentField<TProps, TComponent> = TProps & {
-    component: TComponent;
-};
-export type DynamicContentFields = WithComponentField<HeroProps, 'Hero'> | WithComponentField<CategoryCardProps, 'Card'> | WithComponentField<HeadingProps, 'Heading'> | WithComponentField<DisplayProps, 'Display'> | WithComponentField<ProductSliderProps, 'ProductSlider'>;
-export interface ContentDynamicPage {
-    component: 'Page';
-    content: EntryFields<DynamicContentFields>;
-    name: string;
-    url: string;
-}
-export interface UseContentState {
-    data: Maybe<EntryFields<ContentDynamicPage>>;
-    loading: boolean;
-}
-export type GetContent = () => Promise<Ref<Maybe<EntryFields<ContentDynamicPage>>>>;
-export interface UseContent {
-    data: Readonly<Ref<UseContentState['data']>>;
-    loading: Readonly<Ref<boolean>>;
-    getContent: GetContent;
-}
-export type UseContentReturn = (url: string) => UseContent;
-export {};

package/dist/composables/useContent/types.js

@@ -1 +0,0 @@
-export {};

package/dist/composables/useContent/useContent.d.ts

@@ -1,9 +0,0 @@
-import type { UseContentReturn } from './types';
-/**
- * @description Composable for managing content from CMS.
- * @param url Parameter of the content to fetch.
- * @returns {@link UseContent}
- * @example
- * const { data, loading, getContent } = useContent<ContentFieldsType>('url');
- */
-export declare const useContent: UseContentReturn;

package/dist/composables/useContent/useContent.js

@@ -1,43 +0,0 @@
-import { toRefs } from '@vueuse/shared';
-import { getCommerceClient } from '../../utils/client';
-import { useAsyncData, useState } from 'nuxt/app';
-import { useHandleError } from '../useHandleError';
-/**
- * @description Composable for managing content from CMS.
- * @param url Parameter of the content to fetch.
- * @returns {@link UseContent}
- * @example
- * const { data, loading, getContent } = useContent<ContentFieldsType>('url');
- */
-export const useContent = (url) => {
-    const state = useState(`content-${url}`, () => ({
-        data: null,
-        loading: false,
-    }));
-    /**
-     * @description Function for fetching the content.
-     * @example
-     * getContent();
-     */
-    const getContent = async () => {
-        state.value.loading = true;
-        try {
-            const client = getCommerceClient();
-            const result = await useAsyncData(() => client.listProducts?.());
-            const { data, error } = result;
-            useHandleError(error?.value ?? error);
-            state.value.data = data.value;
-            return data;
-        }
-        catch (error) {
-            throw new Error(error);
-        }
-        finally {
-            state.value.loading = false;
-        }
-    };
-    return {
-        getContent,
-        ...toRefs(state.value),
-    };
-};

package/dist/composables/useContent.d.ts

@@ -1,14 +0,0 @@
-export declare function useContentFallback(): {
-    adapter: any;
-    listShops: (opts?: any) => any;
-    getBrandBySlug: (slug: string) => any;
-    getPage: (id: string) => any;
-    listBrands?: undefined;
-} | {
-    adapter: any;
-    listShops(params?: Record<string, unknown>): Promise<any>;
-    listBrands(params?: Record<string, unknown>): Promise<any>;
-    getBrandBySlug(slug: string): Promise<any>;
-    getPage(id: string): Promise<any>;
-};
-export default useContentFallback;

package/dist/composables/useContent.js

@@ -1,55 +0,0 @@
-import { useAlternateContext } from '@meeovi/core';
-export function useContentFallback() {
-    try {
-        const ctx = useAlternateContext();
-        const adapter = ctx.getAdapter('catalog');
-        // If a content-capable adapter is available and exposes methods, use it
-        if (adapter && typeof adapter.listShops === 'function') {
-            return {
-                adapter,
-                listShops: (opts) => adapter.listShops(opts),
-                getBrandBySlug: (slug) => adapter.getBrandBySlug?.(slug),
-                getPage: (id) => adapter.getPage?.(id)
-            };
-        }
-    }
-    catch (e) {
-        // ignore
-    }
-    // Fallback to Directus via Nuxt runtime
-    return {
-        adapter: null,
-        async listShops(params) {
-            const nuxtApp = useNuxtApp();
-            if (nuxtApp?.$directus && nuxtApp.$readItems) {
-                const res = await nuxtApp.$directus.request(nuxtApp.$readItems('shops', params || {}));
-                return res || [];
-            }
-            return [];
-        },
-        async listBrands(params) {
-            const nuxtApp = useNuxtApp();
-            if (nuxtApp?.$directus && nuxtApp.$readItems) {
-                const res = await nuxtApp.$directus.request(nuxtApp.$readItems('brands', params || {}));
-                return res || [];
-            }
-            return [];
-        },
-        async getBrandBySlug(slug) {
-            const nuxtApp = useNuxtApp();
-            if (nuxtApp?.$directus && nuxtApp.$readItems) {
-                const res = await nuxtApp.$directus.request(nuxtApp.$readItems('brands', { filter: { slug: { _eq: slug } }, limit: 1 }));
-                return res?.[0] || null;
-            }
-            return null;
-        },
-        async getPage(id) {
-            const nuxtApp = useNuxtApp();
-            if (nuxtApp?.$directus && nuxtApp.$readItem) {
-                return await nuxtApp.$directus.request(nuxtApp.$readItem('pages', id));
-            }
-            return null;
-        }
-    };
-}
-export default useContentFallback;

package/dist/composables/useCustomer/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useCustomer';
-export * from './types';

package/dist/composables/useCustomer/index.js

@@ -1,2 +0,0 @@
-export * from './useCustomer';
-export * from './types';

package/dist/composables/useCustomer/types.d.ts

@@ -1,13 +0,0 @@
-import type { Ref } from 'vue';
-import type { Maybe, SfCustomer } from '../_types';
-export interface UseCustomerState {
-    data: Maybe<SfCustomer>;
-    loading: boolean;
-}
-export type FetchCustomer = () => Promise<Ref<Maybe<SfCustomer>>>;
-export interface UseCustomer {
-    data: Readonly<Ref<UseCustomerState['data']>>;
-    loading: Readonly<Ref<boolean>>;
-    fetchCustomer: FetchCustomer;
-}
-export type UseCustomerReturn = () => UseCustomer;

package/dist/composables/useCustomer/types.js

@@ -1 +0,0 @@
-export {};

package/dist/composables/useCustomer/useCustomer.d.ts

@@ -1,8 +0,0 @@
-import type { UseCustomerReturn } from './types';
-/**
- * @description Composable managing customer data
- * @returns {@link UseCustomerReturn}
- * @example
- * const { data, loading, fetchCustomer } = useCustomer();
- */
-export declare const useCustomer: UseCustomerReturn;

package/dist/composables/useCustomer/useCustomer.js

@@ -1,34 +0,0 @@
-import { toRefs } from '@vueuse/shared';
-import { computed } from 'vue';
-import { getCommerceClient } from '../../utils/client';
-import { useAsyncData, useState } from 'nuxt/app';
-import { useHandleError } from '../useHandleError';
-/**
- * @description Composable managing customer data
- * @returns {@link UseCustomerReturn}
- * @example
- * const { data, loading, fetchCustomer } = useCustomer();
- */
-export const useCustomer = () => {
-    const state = useState('useCustomer', () => ({
-        data: null,
-        loading: false,
-    }));
-    /** Function for fetching customer data
-     * @example
-     * fetchCustomer();
-     */
-    const fetchCustomer = async () => {
-        state.value.loading = true;
-        const client = getCommerceClient();
-        const { data, error } = await useAsyncData(() => client.getCustomer?.());
-        useHandleError(error.value);
-        state.value.data = data.value;
-        state.value.loading = false;
-        return computed(() => state.value.data);
-    };
-    return {
-        fetchCustomer,
-        ...toRefs(state.value),
-    };
-};

package/dist/composables/useCustomerAddress/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useCustomerAddress';
-export * from './types';

package/dist/composables/useCustomerAddress/index.js

@@ -1,2 +0,0 @@
-export * from './useCustomerAddress';
-export * from './types';

package/dist/composables/useCustomerAddress/types.d.ts

@@ -1,13 +0,0 @@
-import type { Ref } from 'vue';
-import type { Maybe, SfAddress } from '../_types';
-export interface UseCustomerAddressState {
-    data: Maybe<SfAddress>;
-    loading: boolean;
-}
-export type FetchCustomerAddress = () => Promise<Ref<Maybe<SfAddress>>>;
-export interface UseCustomerAddress {
-    data: Readonly<Ref<UseCustomerAddressState['data']>>;
-    loading: Readonly<Ref<boolean>>;
-    fetchCustomerAddress: FetchCustomerAddress;
-}
-export type UseCustomerAddressReturn = () => UseCustomerAddress;

package/dist/composables/useCustomerAddress/types.js

@@ -1 +0,0 @@
-export {};

package/dist/composables/useCustomerAddress/useCustomerAddress.d.ts

@@ -1,8 +0,0 @@
-import type { UseCustomerAddressReturn } from './types';
-/**
- * @description Composable managing address data
- * @returns {@link UseCustomerAddressReturn}
- * @example
- * const { data, loading, fetchCustomerAddress } = useCustomerAddress();
- */
-export declare const useCustomerAddress: UseCustomerAddressReturn;

package/dist/composables/useCustomerAddress/useCustomerAddress.js

@@ -1,43 +0,0 @@
-import { toRefs } from '@vueuse/shared';
-import { computed } from 'vue';
-import { useAsyncData, useState } from 'nuxt/app';
-import { useHandleError } from '../useHandleError';
-/**
- * @description Composable managing address data
- * @returns {@link UseCustomerAddressReturn}
- * @example
- * const { data, loading, fetchCustomerAddress } = useCustomerAddress();
- */
-export const useCustomerAddress = () => {
-    const state = useState(`useCustomerAddress`, () => ({
-        data: null,
-        loading: false,
-    }));
-    /** Function for fetching address data
-     * @example
-     * fetchCustomerAddress();
-     */
-    const fetchCustomerAddress = async () => {
-        state.value.loading = true;
-        const { data, error } = await useAsyncData(() => Promise.resolve({
-            firstName: 'Hieronim',
-            lastName: 'Anonim',
-            address1: 'Oak Drive',
-            address2: '3633',
-            city: 'Colonie',
-            country: 'US',
-            phoneNumber: '+1 321 765 0987',
-            postalCode: '12205',
-            state: 'NY',
-            titleCode: '',
-        }));
-        useHandleError(error.value);
-        state.value.data = data.value;
-        state.value.loading = false;
-        return computed(() => state.value.data);
-    };
-    return {
-        fetchCustomerAddress,
-        ...toRefs(state.value),
-    };
-};

package/dist/composables/useCustomerOrder/adress.d.ts

@@ -1,11 +0,0 @@
-declare const _default: {
-    firstName: string;
-    lastName: string;
-    phoneNumber: string;
-    address1: string;
-    address2: string;
-    city: string;
-    state: string;
-    postalCode: string;
-};
-export default _default;

package/dist/composables/useCustomerOrder/adress.js

@@ -1,10 +0,0 @@
-export default {
-    firstName: 'Hieronim',
-    lastName: 'Anonim',
-    phoneNumber: '+1 321 765 0987',
-    address1: '3633',
-    address2: 'Oak Drive',
-    city: 'Colonie',
-    state: 'NY',
-    postalCode: '12205',
-};

package/dist/composables/useCustomerOrder/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useCustomerOrder';
-export * from './types';

package/dist/composables/useCustomerOrder/index.js

@@ -1,2 +0,0 @@
-export * from './useCustomerOrder';
-export * from './types';

package/dist/composables/useCustomerOrder/product.d.ts

@@ -1,28 +0,0 @@
-declare const _default: {
-    name: string;
-    quantity: number;
-    price: {
-        value: {
-            currency: string;
-            amount: number;
-            precisionAmount: string;
-        };
-        isDiscounted: boolean;
-        regularPrice: {
-            currency: string;
-            amount: number;
-            precisionAmount: string;
-        };
-    };
-    gallery: {
-        alt: string;
-        url: string;
-    }[];
-    attributes: {
-        label: string;
-        name: string;
-        value: string;
-        valueLabel: string;
-    }[];
-};
-export default _default;

package/dist/composables/useCustomerOrder/product.js

@@ -1,37 +0,0 @@
-export default {
-    name: 'Smartwatch Fitness Tracker',
-    quantity: 1,
-    price: {
-        value: {
-            currency: 'Dollar',
-            amount: 295.87,
-            precisionAmount: '295.87',
-        },
-        isDiscounted: false,
-        regularPrice: {
-            currency: 'Dollar',
-            amount: 295.87,
-            precisionAmount: '295.87',
-        },
-    },
-    gallery: [
-        {
-            alt: 'Smartwatch Fitness Tracker',
-            url: '/images/watch.png',
-        },
-    ],
-    attributes: [
-        {
-            label: 'Size',
-            name: 'Size',
-            value: '1.9″',
-            valueLabel: 'value',
-        },
-        {
-            name: 'Color',
-            label: 'color',
-            value: 'Black',
-            valueLabel: 'value',
-        },
-    ],
-};

package/dist/composables/useCustomerOrder/types.d.ts

@@ -1,32 +0,0 @@
-import type { Ref } from 'vue';
-import type { Maybe, SfAddress, SfProduct } from '../_types';
-export type OrderData = {
-    id: string;
-    date: string;
-    paymentAmount: number;
-    status: 'Completed' | 'Shipped' | 'Open' | 'Cancelled';
-    products: Array<Omit<SfProduct, 'id' | 'sku' | 'slug' | 'description' | 'primaryImage' | 'rating' | 'variants' | 'quantityLimit'> & {
-        quantity: number;
-    }>;
-    summary: {
-        subtotal: number;
-        delivery: number;
-        estimatedTax: number;
-        total: number;
-    };
-    billingAddress: Partial<SfAddress>;
-    shippingAddress: Partial<SfAddress>;
-    paymentMethod: string;
-    shipping: string;
-};
-export interface UseCustomerOrderState {
-    data: Maybe<OrderData>;
-    loading: boolean;
-}
-export type FetchCustomerOrder = (id: string) => Promise<Ref<Maybe<OrderData>>>;
-export interface UseCustomerOrder {
-    data: Readonly<Ref<UseCustomerOrderState['data']>>;
-    loading: Readonly<Ref<boolean>>;
-    fetchCustomerOrder: FetchCustomerOrder;
-}
-export type UseCustomerOrderReturn = (id: string) => UseCustomerOrder;

package/dist/composables/useCustomerOrder/types.js

@@ -1 +0,0 @@
-export {};

package/dist/composables/useCustomerOrder/useCustomerOrder.d.ts

@@ -1,8 +0,0 @@
-import type { UseCustomerOrderReturn } from './types';
-/**
- * @description Composable managing customer order data
- * @returns {@link UseCustomerOrderReturn}
- * @example
- * const { data, loading, fetchCustomerOrder } = useCustomerOrder();
- */
-export declare const useCustomerOrder: UseCustomerOrderReturn;

package/dist/composables/useCustomerOrder/useCustomerOrder.js

@@ -1,52 +0,0 @@
-import { toRefs } from '@vueuse/shared';
-import addressData from './adress';
-import productData from './product';
-import { useAsyncData, useState } from 'nuxt/app';
-import { useHandleError } from '../useHandleError';
-const order = {
-    id: '0e4fec5a-61e6-48b8-94cc-d5f77687e2b0',
-    date: '2022-08-11',
-    paymentAmount: 295.87,
-    paymentMethod: 'Credit Card',
-    shipping: 'Standard (FREE)',
-    summary: {
-        subtotal: 7037.99,
-        delivery: 0,
-        estimatedTax: 457.47,
-        total: 295.87,
-    },
-    billingAddress: addressData,
-    shippingAddress: addressData,
-    status: 'Completed',
-    products: [productData, productData],
-};
-// eslint-disable-next-line @typescript-eslint/no-unused-vars, unused-imports/no-unused-vars
-const getCustomerOrder = (id) => order;
-/**
- * @description Composable managing customer order data
- * @returns {@link UseCustomerOrderReturn}
- * @example
- * const { data, loading, fetchCustomerOrder } = useCustomerOrder();
- */
-export const useCustomerOrder = (id) => {
-    const state = useState(`useCustomerOrder-${id}`, () => ({
-        data: null,
-        loading: false,
-    }));
-    /** Function for fetching customer order data
-     * @example
-     * fetchCustomerOrder();
-     */
-    const fetchCustomerOrder = async (id) => {
-        state.value.loading = true;
-        const { data, error } = await useAsyncData(() => Promise.resolve(getCustomerOrder(id)));
-        useHandleError(error.value);
-        state.value.data = data.value;
-        state.value.loading = false;
-        return data;
-    };
-    return {
-        fetchCustomerOrder,
-        ...toRefs(state.value),
-    };
-};

package/dist/composables/useCustomerOrders/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useCustomerOrders';
-export * from './types';

package/dist/composables/useCustomerOrders/index.js

@@ -1,2 +0,0 @@
-export * from './useCustomerOrders';
-export * from './types';

package/dist/composables/useCustomerOrders/types.d.ts

@@ -1,15 +0,0 @@
-import type { Ref } from 'vue';
-import type { Maybe } from '../_types';
-import type { OrderData } from '../useCustomerOrder/types';
-export type OrdersData = Pick<OrderData, 'id' | 'date' | 'paymentAmount' | 'status'>[];
-export interface UseCustomerOrdersState {
-    data: Maybe<OrdersData>;
-    loading: boolean;
-}
-export type FetchCustomerOrders = () => Promise<Ref<Maybe<OrdersData>>>;
-export interface UseCustomerOrders {
-    data: Readonly<Ref<UseCustomerOrdersState['data']>>;
-    loading: Readonly<Ref<boolean>>;
-    fetchCustomerOrders: FetchCustomerOrders;
-}
-export type UseCustomerOrdersReturn = () => UseCustomerOrders;

package/dist/composables/useCustomerOrders/types.js

@@ -1 +0,0 @@
-export {};

package/dist/composables/useCustomerOrders/useCustomerOrders.d.ts

@@ -1,8 +0,0 @@
-import type { UseCustomerOrdersReturn } from './types';
-/**
- * @description Composable managing customer orders data
- * @returns {@link UseCustomerOrdersReturn}
- * @example
- * const { data, loading, fetchCustomerOrders } = useCustomerOrders();
- */
-export declare const useCustomerOrders: UseCustomerOrdersReturn;

package/dist/composables/useCustomerOrders/useCustomerOrders.js

@@ -1,42 +0,0 @@
-import { toRefs } from '@vueuse/shared';
-import { computed } from 'vue';
-import { useAsyncData, useState } from 'nuxt/app';
-import { useHandleError } from '../useHandleError';
-const order = {
-    id: '0e4fec5a-61e6-48b8-94cc-d5f77687e2b0',
-    date: '2022-08-11',
-    paymentAmount: 295.87,
-};
-/**
- * @description Composable managing customer orders data
- * @returns {@link UseCustomerOrdersReturn}
- * @example
- * const { data, loading, fetchCustomerOrders } = useCustomerOrders();
- */
-export const useCustomerOrders = () => {
-    const state = useState('useCustomerOrders', () => ({
-        data: null,
-        loading: false,
-    }));
-    /** Function for fetching customer orders data
-     * @example
-     * fetchCustomerOrders();
-     */
-    const fetchCustomerOrders = async () => {
-        state.value.loading = true;
-        const { data, error } = await useAsyncData(() => Promise.resolve([
-            { ...order, status: 'Completed' },
-            { ...order, status: 'Shipped' },
-            { ...order, status: 'Open' },
-            { ...order, status: 'Cancelled' },
-        ]));
-        useHandleError(error.value);
-        state.value.data = data.value;
-        state.value.loading = false;
-        return computed(() => state.value.data);
-    };
-    return {
-        fetchCustomerOrders,
-        ...toRefs(state.value),
-    };
-};