@ikas/storefront 0.0.165 → 0.0.166-alpha.1

package/build/analytics/analytics.d.ts

@@ -5,7 +5,7 @@ export declare class Analytics {
     constructor();
     static pageView(url: string): void;
     static productView(productDetail: IkasProductDetail): void;
-    static addToCart(item: IkasProductDetail | IkasOrderLineItem, quantity: number, eventId: string): void;
+    static addToCart(item: IkasOrderLineItem, quantity: number, eventId: string): void;
     static removeFromCart(item: IkasProductDetail | IkasOrderLineItem, quantity: number): void;
     static beginCheckout(checkout: IkasCheckout): void;
     static purchase(checkout: IkasCheckout, eventId: string): void;

package/build/analytics/facebookPixel.d.ts

@@ -3,7 +3,7 @@ import { IkasCart } from "../models/data/cart/index";
 export declare class FacebookPixel {
     constructor();
     static productView(productDetail: IkasProductDetail): void;
-    static addToCart(item: IkasProductDetail | IkasOrderLineItem, quantity: number, eventId: string): void;
+    static addToCart(item: IkasOrderLineItem, quantity: number, eventId: string): void;
     static beginCheckout(checkout: IkasCheckout): void;
     static purchase(checkout: IkasCheckout, eventId: string): void;
     static addToWishlist(id: string): void;

package/build/index.es.js

@@ -17879,9 +17879,7 @@ var FacebookPixel = /** @class */ (function () {
         try {
             !isServer &&
                 window.fbq &&
-                window.fbq("track", "AddToCart", item instanceof IkasProductDetail
-                    ? productToFBPItem(item, quantity)
-                    : orderLineItemToFBPItem(item, quantity), { eventId: eventId });
+                window.fbq("track", "AddToCart", orderLineItemToFBPItem(item, quantity), { eventId: eventId });
             return;
         }
         catch (err) {
@@ -22513,7 +22511,7 @@ var IkasCartStore = /** @class */ (function () {
         this.addItem = function (variant, product, initialQuantity) {
             if (initialQuantity === void 0) { initialQuantity = 1; }
             return __awaiter(_this, void 0, void 0, function () {
-                var existingItem, input, cart, eventId, err_2;
+                var existingItem, input, cart, eventId, item, err_2;
                 var _a, _b, _c;
                 return __generator(this, function (_d) {
                     switch (_d.label) {
@@ -22554,7 +22552,10 @@ var IkasCartStore = /** @class */ (function () {
                         case 3:
                             if (this.cart) {
                                 eventId = this.cart.id + "-" + this.cart.updatedAt;
-                                Analytics.addToCart(new IkasProductDetail(product, variant.variantValues), initialQuantity, eventId);
+                                item = this.cart.items.find(function (i) { return i.variant.id; });
+                                if (item) {
+                                    Analytics.addToCart(item, initialQuantity, eventId);
+                                }
                             }
                             return [3 /*break*/, 5];
                         case 4:
@@ -61522,7 +61523,7 @@ var Image = function (_a) {
         });
         return image.getSrc(closest);
     };
-    return (createElement(NextImage, __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image", unoptimized: true })));
+    return (createElement(NextImage, __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image" })));
 };
 
 var styles$l = {"StepContainer":"style-module_StepContainer__1O2dD","Step":"style-module_Step__1iOYA","StepTitleContainer":"style-module_StepTitleContainer__2GUg2","First":"style-module_First__cAzdJ","StepTitleTop":"style-module_StepTitleTop__3zfsj","WithRightContent":"style-module_WithRightContent__2fqb1","StepCircle":"style-module_StepCircle__36A5q","Selected":"style-module_Selected__3j91L","StepTitle":"style-module_StepTitle__10YDP","Light":"style-module_Light__15wSX","StepTitleRightContent":"style-module_StepTitleRightContent__2Q43m","StepContent":"style-module_StepContent__20QIi"};
@@ -62251,31 +62252,14 @@ var Page$1 = function (_a) {
     IkasStorefrontConfig.initWithJson(configJson);
     var router = useRouter();
     var _b = useState(false), isBrowser = _b[0], setIsBrowser = _b[1];
-    var initialPropValues = useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router, settingsStr);
-    }, [propValuesStr]);
-    var _c = useState(initialPropValues), propValues = _c[0], setPropValues = _c[1];
+    var _c = useState(IkasPageDataProvider.initPropValues(propValuesStr, router, settingsStr)), propValues = _c[0], setPropValues = _c[1];
     useEffect(function () {
         setIsBrowser(typeof window !== "undefined");
         handleAnalytics(page, pageSpecificDataStr);
-    }, [pageSpecificDataStr]);
+    }, [page, pageSpecificDataStr]);
     useEffect(function () {
         setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router, settingsStr, isBrowser));
-    }, [isBrowser, propValuesStr]);
-    // If the user clicks a link for the same page, we need this logic to re-render the page
-    useEffect(function () {
-        router.events.on("routeChangeComplete", handleRouteChange);
-        return function () {
-            router.events.off("routeChangeComplete", handleRouteChange);
-        };
-    }, []);
-    var handleRouteChange = function (url, options) {
-        var shallow = options.shallow;
-        if (!shallow &&
-            [IkasThemePageType.CATEGORY, IkasThemePageType.BRAND].includes(page.type)) {
-            setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router, settingsStr, isBrowser));
-        }
-    };
+    }, [isBrowser, propValuesStr, page]);
     return (createElement(IkasPage, { page: page, propValues: propValues, pageSpecificDataStr: pageSpecificDataStr, settingsStr: settingsStr, merchantSettings: merchantSettings, addOgpMetas: true }));
 };
 var index$1 = observer(Page$1);

package/build/index.js

@@ -17887,9 +17887,7 @@ var FacebookPixel = /** @class */ (function () {
         try {
             !isServer &&
                 window.fbq &&
-                window.fbq("track", "AddToCart", item instanceof IkasProductDetail
-                    ? productToFBPItem(item, quantity)
-                    : orderLineItemToFBPItem(item, quantity), { eventId: eventId });
+                window.fbq("track", "AddToCart", orderLineItemToFBPItem(item, quantity), { eventId: eventId });
             return;
         }
         catch (err) {
@@ -22521,7 +22519,7 @@ var IkasCartStore = /** @class */ (function () {
         this.addItem = function (variant, product, initialQuantity) {
             if (initialQuantity === void 0) { initialQuantity = 1; }
             return __awaiter(_this, void 0, void 0, function () {
-                var existingItem, input, cart, eventId, err_2;
+                var existingItem, input, cart, eventId, item, err_2;
                 var _a, _b, _c;
                 return __generator(this, function (_d) {
                     switch (_d.label) {
@@ -22562,7 +22560,10 @@ var IkasCartStore = /** @class */ (function () {
                         case 3:
                             if (this.cart) {
                                 eventId = this.cart.id + "-" + this.cart.updatedAt;
-                                Analytics.addToCart(new IkasProductDetail(product, variant.variantValues), initialQuantity, eventId);
+                                item = this.cart.items.find(function (i) { return i.variant.id; });
+                                if (item) {
+                                    Analytics.addToCart(item, initialQuantity, eventId);
+                                }
                             }
                             return [3 /*break*/, 5];
                         case 4:
@@ -61501,7 +61502,7 @@ var Image = function (_a) {
         });
         return image.getSrc(closest);
     };
-    return (React.createElement(NextImage__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image", unoptimized: true })));
+    return (React.createElement(NextImage__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image" })));
 };
 
 var styles$l = {"StepContainer":"style-module_StepContainer__1O2dD","Step":"style-module_Step__1iOYA","StepTitleContainer":"style-module_StepTitleContainer__2GUg2","First":"style-module_First__cAzdJ","StepTitleTop":"style-module_StepTitleTop__3zfsj","WithRightContent":"style-module_WithRightContent__2fqb1","StepCircle":"style-module_StepCircle__36A5q","Selected":"style-module_Selected__3j91L","StepTitle":"style-module_StepTitle__10YDP","Light":"style-module_Light__15wSX","StepTitleRightContent":"style-module_StepTitleRightContent__2Q43m","StepContent":"style-module_StepContent__20QIi"};
@@ -62230,31 +62231,14 @@ var Page$1 = function (_a) {
     IkasStorefrontConfig.initWithJson(configJson);
     var router$1 = router.useRouter();
     var _b = React.useState(false), isBrowser = _b[0], setIsBrowser = _b[1];
-    var initialPropValues = React.useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
-    }, [propValuesStr]);
-    var _c = React.useState(initialPropValues), propValues = _c[0], setPropValues = _c[1];
+    var _c = React.useState(IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr)), propValues = _c[0], setPropValues = _c[1];
     React.useEffect(function () {
         setIsBrowser(typeof window !== "undefined");
         handleAnalytics(page, pageSpecificDataStr);
-    }, [pageSpecificDataStr]);
+    }, [page, pageSpecificDataStr]);
     React.useEffect(function () {
         setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr, isBrowser));
-    }, [isBrowser, propValuesStr]);
-    // If the user clicks a link for the same page, we need this logic to re-render the page
-    React.useEffect(function () {
-        router$1.events.on("routeChangeComplete", handleRouteChange);
-        return function () {
-            router$1.events.off("routeChangeComplete", handleRouteChange);
-        };
-    }, []);
-    var handleRouteChange = function (url, options) {
-        var shallow = options.shallow;
-        if (!shallow &&
-            [exports.IkasThemePageType.CATEGORY, exports.IkasThemePageType.BRAND].includes(page.type)) {
-            setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr, isBrowser));
-        }
-    };
+    }, [isBrowser, propValuesStr, page]);
     return (React.createElement(IkasPage, { page: page, propValues: propValues, pageSpecificDataStr: pageSpecificDataStr, settingsStr: settingsStr, merchantSettings: merchantSettings, addOgpMetas: true }));
 };
 var index$1 = mobxReactLite.observer(Page$1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/storefront",
-  "version": "0.0.165",
+  "version": "0.0.166-alpha.1",
   "main": "./build/index.js",
   "module": "./build/index.es.js",
   "author": "Umut Ozan Yıldırım",