@meeovi/layer-shared 1.0.2 → 1.0.4

package/app/components/Gallery/Gallery.vue

@@ -122,11 +122,11 @@
 import type { ComponentPublicInstance } from 'vue';
 import { clamp, type SfScrollableOnScrollData } from '@storefront-ui/shared';
 import { SfScrollable, SfButton, SfIconChevronLeft, SfIconChevronRight } from '@storefront-ui/vue';
-import type { SfImage } from '@vue-storefront/unified-data-model';
+import type { Image } from '../../types/ui';
 import { unrefElement, useIntersectionObserver, useTimeoutFn } from '@vueuse/core';
 
 const props = defineProps<{
-  images: SfImage[];
+  images: Image[]
 }>();
 
 const { isPending, start, stop } = useTimeoutFn(() => {}, 50);

package/app/components/ui/CategoryCard/types.ts

@@ -1,9 +1,9 @@
-import type { SfCategory } from '@vue-storefront/unified-data-model';
+import type { Category } from '../../types/ui'
 
-interface CategoryWithImage extends SfCategory {
-  image: string;
+interface CategoryWithImage extends Category {
+  image: string
 }
 
 export type CategoryCardProps = {
-  items: CategoryWithImage[];
-};
+  items: CategoryWithImage[]
+}

package/app/components/ui/ProductCardHorizontal/types.ts

@@ -1,8 +1,5 @@
-import type { SfProduct } from '@vue-storefront/unified-data-model';
+import type { Product } from '../../types/ui'
 
 export type ProductHorizontalProps = {
-  product: Omit<
-    SfProduct,
-    'id' | 'sku' | 'slug' | 'description' | 'price' | 'primaryImage' | 'rating' | 'variants' | 'quantityLimit'
-  >;
-};
+  product: Omit<Product, 'id' | 'images' | 'price'>
+}

package/app/components/ui/PurchaseCard/types.ts

@@ -1,5 +1,5 @@
-import type { SfProduct } from '@vue-storefront/unified-data-model';
+import type { Product } from '../../types/ui'
 
 export type PurchaseCardProps = {
-  product: SfProduct;
-};
+  product: Product
+}

package/app/components/ui/Review/types.ts

@@ -1,5 +1,5 @@
-import type { SfProductReview } from '@vue-storefront/unified-data-model';
+import type { Product } from '../../types/ui'
 
 export type ReviewProps = {
-  review: SfProductReview;
-};
+  review: Partial<Product> & { id?: string; rating?: number; comment?: string }
+}

package/app/composables/useContent.ts

@@ -1,5 +1,5 @@
 import { getContentProvider } from './registry'
-import { useRuntimeConfig } from '#imports'
+declare function useRuntimeConfig(): any
 
 export function useContent() {
   const config = useRuntimeConfig()

package/app/composables/useDirectusRequest.ts

@@ -1,4 +1,4 @@
-import { useNuxtApp } from '#imports'
+declare function useNuxtApp(): any
 
 /**
  * Centralized safe wrapper around `$directus.request`.

package/app/types/ui.ts

@@ -0,0 +1,23 @@
+export interface Image {
+  url: string
+  alt?: string
+  width?: number
+  height?: number
+  [key: string]: any
+}
+
+export interface Product {
+  id: string
+  name?: string
+  price?: number
+  images?: Image[]
+  [key: string]: any
+}
+
+export interface Category {
+  id: string
+  name?: string
+  slug?: string
+  image?: string
+  [key: string]: any
+}

package/dist/app/components/Gallery/__tests__/Gallery.spec.d.ts

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

package/dist/app/components/Gallery/__tests__/Gallery.spec.js

@@ -0,0 +1,12 @@
+import { mount } from '@vue/test-utils';
+import Gallery from '~/components/Gallery/Gallery.vue';
+describe('<Gallery />', () => {
+    it('should render component', () => {
+        const { getByTestId } = mount(Gallery, {
+            props: {
+                images: [{ alt: 'Test', url: '/images/test.webp' }],
+            },
+        });
+        expect(getByTestId('gallery'));
+    });
+});

package/dist/app/components/Heading/__tests__/Heading.spec.d.ts

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

package/dist/app/components/Heading/__tests__/Heading.spec.js

@@ -0,0 +1,12 @@
+import { mount } from '@vue/test-utils';
+import Heading from '~/components/Heading/Heading.vue';
+describe('<Heading />', () => {
+    it('should render component', () => {
+        const { getByTestId } = mount(Heading, {
+            props: {
+                title: 'test',
+            },
+        });
+        expect(getByTestId('heading'));
+    });
+});

package/dist/app/components/Heading/types.d.ts

@@ -0,0 +1,5 @@
+export type HeadingProps = {
+    title: string;
+    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    className?: string;
+};

package/dist/app/components/Heading/types.js

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

package/dist/app/components/ui/AccordionItem/__tests__/AccordionItem.spec.d.ts

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

package/dist/app/components/ui/AccordionItem/__tests__/AccordionItem.spec.js

@@ -0,0 +1,12 @@
+import { mount } from '@vue/test-utils';
+import AccordionItem from '~/components/ui/AccordionItem/AccordionItem.vue';
+describe('<AccordionItem />', () => {
+    it('should render component', () => {
+        const { getByTestId } = mount(AccordionItem, {
+            props: {
+                breadcrumbs: [],
+            },
+        });
+        expect(getByTestId('accordion-item'));
+    });
+});

package/dist/app/components/ui/AccordionItem/types.d.ts

@@ -0,0 +1,5 @@
+export type AccordionItemProps = {
+    modelValue?: boolean;
+    summary?: string;
+    summaryClass?: string;
+};

package/dist/app/components/ui/AccordionItem/types.js

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

package/dist/app/components/ui/Alert/types.d.ts

@@ -0,0 +1,5 @@
+export interface AlertProps {
+    size?: 'sm' | 'base';
+    strong?: boolean;
+    variant?: 'primary' | 'secondary' | 'negative' | 'neutral';
+}

package/dist/app/components/ui/Alert/types.js

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

package/dist/app/components/ui/Breadcrumbs/__tests__/Breadcrumbs.spec.d.ts

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

package/dist/app/components/ui/Breadcrumbs/__tests__/Breadcrumbs.spec.js

@@ -0,0 +1,12 @@
+import { mount } from '@vue/test-utils';
+import Breadcrumbs from '~/components/ui/Breadcrumbs/Breadcrumbs.vue';
+describe('<Breadcrumbs />', () => {
+    it('should render component', () => {
+        const { getByTestId } = mount(Breadcrumbs, {
+            props: {
+                breadcrumbs: [],
+            },
+        });
+        expect(getByTestId('breadcrumbs'));
+    });
+});

package/dist/app/components/ui/Breadcrumbs/types.d.ts

@@ -0,0 +1,7 @@
+export type Breadcrumb = {
+    name: string;
+    link: string;
+};
+export type BreadcrumbsProps = {
+    breadcrumbs: Breadcrumb[];
+};

package/dist/app/components/ui/Breadcrumbs/types.js

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

package/dist/app/components/ui/CartProductCard/types.d.ts

@@ -0,0 +1,17 @@
+export interface Attribute {
+    label: string;
+    name: string;
+    value: string;
+}
+export type CartProductCardProps = {
+    attributes: Attribute[];
+    imageUrl?: string | null;
+    imageAlt?: string | null;
+    maxValue: number;
+    minValue: number;
+    name: string;
+    price: number;
+    specialPrice: number;
+    value: number;
+    slug: string;
+};

package/dist/app/components/ui/CartProductCard/types.js

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

package/dist/app/components/ui/CategoryCard/types.d.ts

@@ -0,0 +1,8 @@
+import type { SfCategory } from '@vue-storefront/unified-data-model';
+interface CategoryWithImage extends SfCategory {
+    image: string;
+}
+export type CategoryCardProps = {
+    items: CategoryWithImage[];
+};
+export {};

package/dist/app/components/ui/CategoryCard/types.js

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

package/dist/app/components/ui/Display/types.d.ts

@@ -0,0 +1,12 @@
+export type DisplayProps = {
+    items: {
+        image: string;
+        title: string;
+        subtitle: string;
+        description: string;
+        buttonText: string;
+        reverse: boolean;
+        titleClass: string;
+        subtitleClass: string;
+    }[];
+};

package/dist/app/components/ui/Display/types.js

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

package/dist/app/components/ui/Divider/__tests__/Divider.spec.d.ts

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

package/dist/app/components/ui/Divider/__tests__/Divider.spec.js

@@ -0,0 +1,8 @@
+import { mount } from '@vue/test-utils';
+import Divider from '~/components/ui/Divider/Divider.vue';
+describe('<Divider />', () => {
+    it('should render component', () => {
+        const { getByTestId } = mount(Divider);
+        expect(getByTestId('divider'));
+    });
+});

package/dist/app/components/ui/Form/__tests__/FormHelperText.spec.d.ts

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

package/dist/app/components/ui/Form/__tests__/FormHelperText.spec.js

@@ -0,0 +1,8 @@
+import { mount } from '@vue/test-utils';
+import FormHelperText from '~/components/ui/Form/FormHelperText.vue';
+describe('<FormHelperText />', () => {
+    it('should render component', () => {
+        const { getByTestId } = mount(FormHelperText);
+        expect(getByTestId('form-helper-text'));
+    });
+});

package/dist/app/components/ui/Form/__tests__/FormLabel.spec.d.ts

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

package/dist/app/components/ui/Form/__tests__/FormLabel.spec.js

@@ -0,0 +1,8 @@
+import { mount } from '@vue/test-utils';
+import FormLabel from '~/components/ui/Form/FormLabel.vue';
+describe('<FormLabel />', () => {
+    it('should render component', () => {
+        const { getByTestId } = mount(FormLabel);
+        expect(getByTestId('form-label'));
+    });
+});

package/dist/app/components/ui/Hero/types.d.ts

@@ -0,0 +1,10 @@
+export type HeroProps = {
+    image: string;
+    subtitle: string;
+    title: string;
+    description: string;
+    primaryButtonLink: string;
+    primaryButtonText: string;
+    secondaryButtonLink: string;
+    secondaryButtonText: string;
+};

package/dist/app/components/ui/Hero/types.js

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

package/dist/app/components/ui/Modal/types.d.ts

@@ -0,0 +1,7 @@
+import type { ConcreteComponent } from 'vue';
+export interface ModalProps {
+    modelValue?: boolean;
+    tag?: string | ConcreteComponent;
+    disableClickAway?: boolean;
+    disableEsc?: boolean;
+}

package/dist/app/components/ui/Modal/types.js

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

package/dist/app/components/ui/Overlay/__tests__/Overlay.spec.d.ts

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

package/dist/app/components/ui/Overlay/__tests__/Overlay.spec.js

@@ -0,0 +1,12 @@
+import { mount } from '@vue/test-utils';
+import Overlay from '~/components/ui/Overlay/Overlay.vue';
+describe('<Overlay />', () => {
+    it('should render component', () => {
+        const wrapper = mount(Overlay, {
+            props: {
+                visible: true,
+            },
+        });
+        expect(wrapper.getByTestId('overlay'));
+    });
+});

package/dist/app/components/ui/Overlay/types.d.ts

@@ -0,0 +1,3 @@
+export interface OverlayProps {
+    visible?: boolean;
+}

package/dist/app/components/ui/Overlay/types.js

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

package/dist/app/components/ui/Pagination/__tests__/Pagination.spec.d.ts

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

package/dist/app/components/ui/Pagination/__tests__/Pagination.spec.js

@@ -0,0 +1,15 @@
+import { mount } from '@vue/test-utils';
+import Pagination from '~/components/ui/Pagination/Pagination.vue';
+describe('<Pagination />', () => {
+    it('should render component', () => {
+        const { getByTestId } = mount(Pagination, {
+            props: {
+                currentPage: 4,
+                pageSize: 24,
+                maxVisiblePages: 5,
+                totalItems: 2137,
+            },
+        });
+        expect(getByTestId('pagination'));
+    });
+});

package/dist/app/components/ui/Pagination/types.d.ts

@@ -0,0 +1,6 @@
+export type PaginationProps = {
+    currentPage: number;
+    pageSize: number;
+    totalItems: number;
+    maxVisiblePages: number;
+};

package/dist/app/components/ui/Pagination/types.js

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

package/dist/app/components/ui/ProductCard/__tests__/ProductCard.spec.d.ts

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

package/dist/app/components/ui/ProductCard/__tests__/ProductCard.spec.js

@@ -0,0 +1,14 @@
+import { mount } from '@vue/test-utils';
+import ProductCard from '~/components/ui/ProductCard/ProductCard.vue';
+describe('<ProductCard />', () => {
+    it('should render component', () => {
+        const { getByTestId } = mount(ProductCard, {
+            props: {
+                name: 'test',
+                price: 100,
+                imageUrl: '/images/product.webp',
+            },
+        });
+        expect(getByTestId('product-card'));
+    });
+});

package/dist/app/components/ui/ProductCard/types.d.ts

@@ -0,0 +1,12 @@
+export type ProductCardProps = {
+    name: string;
+    imageUrl: string;
+    imageAlt?: string;
+    description?: string;
+    rating?: number;
+    ratingCount?: number;
+    price?: number;
+    slug?: string;
+    priority?: boolean;
+    lazy?: boolean;
+};

package/dist/app/components/ui/ProductCard/types.js

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

package/dist/app/components/ui/ProductCardHorizontal/__tests__/ProductCardHorizontal.spec.d.ts

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

package/dist/app/components/ui/ProductCardHorizontal/__tests__/ProductCardHorizontal.spec.js

@@ -0,0 +1,34 @@
+import { mount } from '@vue/test-utils';
+import ProductCardHorizontal from '~/components/ui/ProductCardHorizontal/ProductCardHorizontal.vue';
+describe('<ProductCardHorizontal />', () => {
+    it('should render component', () => {
+        const { getByTestId } = mount(ProductCardHorizontal, {
+            props: {
+                product: {
+                    name: 'Smartwatch Fitness Tracker',
+                    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',
+                        },
+                    ],
+                },
+            },
+        });
+        expect(getByTestId('product-card-horizontal'));
+    });
+});

package/dist/app/components/ui/ProductCardHorizontal/types.d.ts

@@ -0,0 +1,4 @@
+import type { SfProduct } from '@vue-storefront/unified-data-model';
+export type ProductHorizontalProps = {
+    product: Omit<SfProduct, 'id' | 'sku' | 'slug' | 'description' | 'price' | 'primaryImage' | 'rating' | 'variants' | 'quantityLimit'>;
+};

package/dist/app/components/ui/ProductCardHorizontal/types.js

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

package/dist/app/components/ui/PurchaseCard/__tests__/PurchaseCard.spec.d.ts

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

package/dist/app/components/ui/PurchaseCard/__tests__/PurchaseCard.spec.js

@@ -0,0 +1,12 @@
+import { mount } from '@vue/test-utils';
+import PurchaseCard from '~/components/ui/PurchaseCard/PurchaseCard.vue';
+describe('<PurchaseCard />', () => {
+    it('should render component', () => {
+        const wrapper = mount(PurchaseCard, {
+            props: {
+                product: {},
+            },
+        });
+        expect(wrapper.getByTestId('purchase-card'));
+    });
+});

package/dist/app/components/ui/PurchaseCard/types.d.ts

@@ -0,0 +1,4 @@
+import type { SfProduct } from '@vue-storefront/unified-data-model';
+export type PurchaseCardProps = {
+    product: SfProduct;
+};

package/dist/app/components/ui/PurchaseCard/types.js

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

package/dist/app/components/ui/QuantitySelector/__tests__/QuantitySelector.spec.d.ts

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

package/dist/app/components/ui/QuantitySelector/__tests__/QuantitySelector.spec.js

@@ -0,0 +1,13 @@
+import { mount } from '@vue/test-utils';
+import QuantitySelector from '~/components/ui/QuantitySelector/QuantitySelector.vue';
+const value = 1;
+describe('<QuantitySelector />', () => {
+    it('should render component', () => {
+        const wrapper = mount(QuantitySelector, {
+            props: {
+                value,
+            },
+        });
+        expect(wrapper.getByTestId('quantity-selector'));
+    });
+});

package/dist/app/components/ui/QuantitySelector/types.d.ts

@@ -0,0 +1,5 @@
+export interface QuantitySelectorProps {
+    value?: number;
+    minValue?: number;
+    maxValue?: number;
+}

package/dist/app/components/ui/QuantitySelector/types.js

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

package/dist/app/components/ui/Review/__tests__/Review.spec.d.ts

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

package/dist/app/components/ui/Review/__tests__/Review.spec.js

@@ -0,0 +1,13 @@
+import { mount } from '@vue/test-utils';
+import Review from '~/components/ui/Review/Review.vue';
+import { mockProductReviews } from '~/composables/useProductReviews/__tests__/productReviews.mock';
+describe('<Review />', () => {
+    it('should render component', () => {
+        const { getByTestId } = mount(Review, {
+            props: {
+                review: mockProductReviews[0],
+            },
+        });
+        expect(getByTestId('review'));
+    });
+});

package/dist/app/components/ui/Review/types.d.ts

@@ -0,0 +1,4 @@
+import type { SfProductReview } from '@vue-storefront/unified-data-model';
+export type ReviewProps = {
+    review: SfProductReview;
+};

package/dist/app/components/ui/Review/types.js

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

package/dist/app/components/ui/Tag/__tests__/Tag.spec.d.ts

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

package/dist/app/components/ui/Tag/__tests__/Tag.spec.js

@@ -0,0 +1,8 @@
+import { mount } from '@vue/test-utils';
+import Tag from '~/components/ui/Tag/Tag.vue';
+describe('<Tag />', () => {
+    it('should render component', () => {
+        const wrapper = mount(Tag);
+        expect(wrapper.getByTestId('tag'));
+    });
+});

package/dist/app/components/ui/Tag/types.d.ts

@@ -0,0 +1,14 @@
+export declare enum TagVariant {
+    primary = "primary",
+    secondary = "secondary",
+    negative = "negative"
+}
+export declare enum TagSize {
+    sm = "sm",
+    base = "base"
+}
+export interface TagProps {
+    size?: `${TagSize}`;
+    strong?: boolean;
+    variant?: `${TagVariant}`;
+}

package/dist/app/components/ui/Tag/types.js

@@ -0,0 +1,11 @@
+export var TagVariant;
+(function (TagVariant) {
+    TagVariant["primary"] = "primary";
+    TagVariant["secondary"] = "secondary";
+    TagVariant["negative"] = "negative";
+})(TagVariant || (TagVariant = {}));
+export var TagSize;
+(function (TagSize) {
+    TagSize["sm"] = "sm";
+    TagSize["base"] = "base";
+})(TagSize || (TagSize = {}));

package/dist/app/composables/globals/useAdminTable.d.ts

@@ -0,0 +1,3 @@
+export declare function useAdminTable(refName?: string): {
+    refresh: () => void;
+};

package/dist/app/composables/globals/useAdminTable.js

@@ -0,0 +1,9 @@
+export function useAdminTable(refName = 'table') {
+    const adminTableRef = useTemplateRef(refName);
+    const refresh = () => {
+        adminTableRef.value?.fetchTableData();
+    };
+    return {
+        refresh
+    };
+}

package/dist/app/composables/globals/useCustomFetch.d.ts

@@ -0,0 +1,2 @@
+import type { UseFetchOptions } from '#imports';
+export declare function useCustomFetch<T>(url: string | Request | Ref<string | Request> | (() => string | Request), options?: UseFetchOptions<T>): any;

package/dist/app/composables/globals/useCustomFetch.js

@@ -0,0 +1,8 @@
+export function useCustomFetch(url, options = {}) {
+    return {
+        ...useFetch(url, {
+            ...options,
+            $fetch: useNuxtApp().$customFetch
+        })
+    };
+}