@sentecacommerce-theme/lib 0.12.89 → 0.12.93

package/dist/esm/listing/api/queries/useListingQuery.js

@@ -167,11 +167,11 @@ export function processListingQuery(_) {
 }
 function _processListingQuery() {
     _processListingQuery = _asyncToGenerator(regeneratorRuntime.mark(function _callee(param) {
-        var predicate, router, limit, sort, postFilter, offset, config, slug, query, type, filter, _sort;
+        var predicate, router, limit, sort, postFilter, offset, config, slug, _includeVariants, includeVariants, query, type, filter, _sort;
         return regeneratorRuntime.wrap(function _callee$(_ctx) {
             while(1)switch(_ctx.prev = _ctx.next){
                 case 0:
-                    predicate = param.predicate, router = param.router, limit = param.limit, sort = param.sort, postFilter = param.postFilter, offset = param.offset, config = param.config, slug = param.slug;
+                    predicate = param.predicate, router = param.router, limit = param.limit, sort = param.sort, postFilter = param.postFilter, offset = param.offset, config = param.config, slug = param.slug, _includeVariants = param.includeVariants, includeVariants = _includeVariants === void 0 ? false : _includeVariants;
                     query = router.query;
                     type = getListingPageType(router, slug, config);
                     filter = generateFilter(type, query, slug, predicate);
@@ -189,6 +189,8 @@ function _processListingQuery() {
                         postFilter: postFilter
                     }, (config === null || config === void 0 ? void 0 : config.collapseMode) && type !== ListingTypesEnum.Collection && {
                         collapseMode: config === null || config === void 0 ? void 0 : config.collapseMode
+                    }, {
+                        includeVariants: includeVariants
                     })));
                 case 6:
                 case "end":

package/dist/esm/listing/ssr/prefetchListing.js

@@ -69,7 +69,8 @@ function _prefetchListing() {
                         postFilter: postFilter,
                         offset: offset,
                         config: config,
-                        slug: aliasedSlug
+                        slug: aliasedSlug,
+                        includeVariants: Boolean(config.includeVariants)
                     });
                 case 12:
                     data = _ctx.sent;

package/dist/esm/ui/components/GridStyles.js

@@ -0,0 +1,26 @@
+import React from 'react';
+export var GridStyles = function(param) {
+    var spaceX = param.spaceX, breakpoints = param.breakpoints, _remSize = param.remSize, remSize = _remSize === void 0 ? 10 : _remSize;
+    var getSize = function getSize(width) {
+        return "min-width: calc(".concat(width, "% - ").concat(spaceX / remSize, "rem);") + "max-width: calc(".concat(width, "% - ").concat(spaceX / remSize, "rem);") + "margin: 0 ".concat(spaceX / 2 / remSize, "rem;");
+    };
+    var keys = Object.keys(breakpoints || {
+        xs: {
+            min: null
+        }
+    });
+    var transforms = {
+        xs: 'default'
+    };
+    var queries = keys.reduce(function(str, key, index) {
+        var min = ((breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints[key]) || {}).min;
+        var k = transforms[key] || key;
+        if (index && !min) return str;
+        return str += "\n    @media(min-width: ".concat(min || '1px', ") {\n      .size-").concat(k, "-full-bleed {\n        width: 100%;\n      }\n\n      .size-").concat(k, "-full-bleed .Section--inner {\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n      }\n\n      .size-").concat(k, "-100 {\n        ").concat(getSize(100), "\n      }\n\n      .size-").concat(k, "-90 {\n        ").concat(getSize(90), "\n      }\n\n      .size-").concat(k, "-80 {\n        ").concat(getSize(80), "\n      }\n\n      .size-").concat(k, "-75 {\n        ").concat(getSize(75), "\n      }\n\n      .size-").concat(k, "-70 {\n        ").concat(getSize(70), "\n      }\n      \n      .size-").concat(k, "-66 {\n        ").concat(getSize(66.666666), "\n      }\n\n      .size-").concat(k, "-60 {\n        ").concat(getSize(60), "\n      }\n\n      .size-").concat(k, "-50 {\n        ").concat(getSize(50), "\n      }\n\n      .size-").concat(k, "-40 {\n        ").concat(getSize(40), "\n      }\n\n      .size-").concat(k, "-33 {\n        ").concat(getSize(33.333333), "\n      }\n\n      .size-").concat(k, "-30 {\n        ").concat(getSize(30), "\n      }\n\n      .size-").concat(k, "-25 {\n        ").concat(getSize(25), "\n      }\n\n      .size-").concat(k, "-20 {\n        ").concat(getSize(20), "\n      }\n\n      .size-").concat(k, "-10 {\n        ").concat(getSize(10), "\n      }\n    }\n");
+    }, '');
+    return(/*#__PURE__*/ React.createElement("style", {
+        dangerouslySetInnerHTML: {
+            __html: "\n    .Page--row {\n      display: flex;\n      display: -webkit-flex;\n      flex-wrap: wrap;\n      -webkit-flex-wrap: wrap;\n      margin: 0 -".concat(spaceX / remSize / 2, "rem;\n    }\n\n    .Page__section {\n      padding-bottom: 8rem;\n    }\n\n    .Page--col {\n      display: block;\n      width: 100%;\n    }\n    \n    .size-default-inherit {\n      width: 100%;\n    }\n    ").concat(queries, "\n  ")
+        }
+    }));
+};

package/dist/esm/ui/components/index.js

@@ -1,2 +1,3 @@
 export * from './RangeSliderInput';
 export * from './LazyImage';
+export * from './GridStyles';

package/dist/types/analytics/Pixel/hooks/index.d.ts

@@ -1,4 +1,7 @@
 export * from './usePixelProductDetails';
 export * from './usePixelProductsImpression';
 export * from './usePixelProductClick';
+export * from './usePixelViewBasket';
+export * from './usePixelViewCategory';
+export * from './usePixelFinishOrder';
 export * from './useDistrictMeta';

package/dist/types/analytics/Pixel/hooks/usePixelFinishOrder.d.ts

@@ -0,0 +1,4 @@
+import type { OrderDTO } from '@sentecacommerce/sdk';
+export declare const usePixelFinishOrder: () => {
+    sendFinishOrderEvent: (order: OrderDTO) => void;
+};

package/dist/types/analytics/Pixel/hooks/usePixelViewBasket.d.ts

@@ -0,0 +1,4 @@
+import { LineItemDTO } from '@sentecacommerce/sdk';
+export declare const usePixelViewBasket: () => {
+    sendViewBasketEvent: (data: LineItemDTO[]) => void;
+};

package/dist/types/analytics/Pixel/hooks/usePixelViewCategory.d.ts

@@ -0,0 +1,7 @@
+export declare const usePixelViewCategory: () => {
+    sendViewCategoryEvent: (breadcrumbData: {
+        name: string;
+        id: string;
+        link: string;
+    }[]) => void;
+};

package/dist/types/analytics/Pixel/types.d.ts

@@ -7,3 +7,12 @@ export interface ProductsImpressionType {
     name: string;
     products?: ProductType[] | SearchResultDTO[];
 }
+export interface Products {
+    id: string;
+    price: string;
+    quantity: string;
+}
+export interface OrderType {
+    orderId: string;
+    productsData: Products[];
+}

package/dist/types/analytics/Pixel/utils.d.ts

@@ -0,0 +1,3 @@
+import type { LineItemDTO } from '@sentecacommerce/sdk';
+import type { Products } from './types';
+export declare const mapProducts: (data: LineItemDTO[]) => Products[];

package/dist/types/listing/api/queries/useListingQuery.d.ts

@@ -5,7 +5,7 @@ import { PredicateType } from '..';
 import { ListingPageMeta } from '../..';
 import { StringField } from '@sentecacommerce-theme/cms';
 export declare const useListingQuery: () => QueryResult<CatalogFilterResultDTO, unknown>;
-export declare function processListingQuery({ predicate, router, limit, sort, postFilter, offset, config, slug, }: {
+export declare function processListingQuery({ predicate, router, limit, sort, postFilter, offset, config, slug, includeVariants, }: {
     predicate?: PredicateType;
     router: NextRouter;
     limit: number;
@@ -14,5 +14,6 @@ export declare function processListingQuery({ predicate, router, limit, sort, po
     postFilter?: string;
     config?: ListingPageMeta;
     slug?: string;
+    includeVariants?: boolean;
 }): Promise<CatalogFilterResultDTO>;
 export declare function isListingQueryEnabled(type: StringField, predicate?: PredicateType): boolean;

package/dist/types/listing/types.d.ts

@@ -80,7 +80,8 @@ export interface ListingPageMeta {
     titleAliases: {
         [key: string]: string;
     };
-    filterExtension: StringField;
-    collapseMode: StringField;
+    filterExtension?: StringField;
+    collapseMode?: StringField;
     limit: NumberField;
+    includeVariants?: BooleanField;
 }

package/dist/types/ui/components/GridStyles.d.ts

@@ -0,0 +1,10 @@
+import { StringField } from '@sentecacommerce-theme/cms';
+export declare const GridStyles: ({ spaceX, breakpoints, remSize, }: {
+    breakpoints?: {
+        [key: string]: {
+            min: StringField;
+        };
+    } | undefined;
+    spaceX: number;
+    remSize?: number | undefined;
+}) => JSX.Element;

package/dist/types/ui/components/index.d.ts

@@ -1,2 +1,3 @@
 export * from './RangeSliderInput';
 export * from './LazyImage';
+export * from './GridStyles';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sentecacommerce-theme/lib",
   "sideEffects": false,
-  "version": "0.12.89",
+  "version": "0.12.93",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -31,13 +31,13 @@
     "watch:cjs": "swc src --out-dir dist/cjs -w",
     "watch:esm": "swc src --out-dir dist/esm --no-swcrc -w"
   },
-  "gitHead": "c33bd6a03d6f288f79cde744a489527bc0d48040",
+  "gitHead": "866cb89ec5b095f94032a8043f51d141b38be407",
   "peerDependencies": {
     "react-query": "^2.26.2"
   },
   "dependencies": {
-    "@sentecacommerce-theme/base": "^0.12.89",
-    "@sentecacommerce-theme/cms": "^0.12.89",
+    "@sentecacommerce-theme/base": "^0.12.93",
+    "@sentecacommerce-theme/cms": "^0.12.93",
     "@sentecacommerce/sdk": "2.0.161",
     "body-scroll-lock": "^3.1.5",
     "copy-to-clipboard": "^3.3.1",