@ikas/storefront 0.0.54 → 0.0.55

package/build/components/image/index.d.ts

@@ -1,3 +1,35 @@
 import * as React from "react";
-import { ImageProps } from "next/image";
+import { ImageLoader } from "next/image";
+import { IkasImage } from "../../models/index";
 export declare const Image: React.FC<ImageProps>;
+declare const VALID_LAYOUT_VALUES: readonly [
+    "fill",
+    "fixed",
+    "intrinsic",
+    "responsive",
+    undefined
+];
+declare type LayoutValue = typeof VALID_LAYOUT_VALUES[number];
+declare type ImgElementStyle = NonNullable<JSX.IntrinsicElements["img"]["style"]>;
+declare type ImageProps = Omit<JSX.IntrinsicElements["img"], "src" | "srcSet" | "ref" | "width" | "height" | "loading" | "style"> & {
+    loader?: ImageLoader;
+    priority?: boolean;
+    loading?: "lazy" | "eager" | undefined;
+    objectFit?: ImgElementStyle["objectFit"];
+    objectPosition?: ImgElementStyle["objectPosition"];
+    image: IkasImage;
+    sizes: string;
+} & ({
+    width?: never;
+    height?: never;
+    unsized: true;
+} | {
+    width?: never;
+    height?: never;
+    layout: "fill";
+} | {
+    width: number | string;
+    height: number | string;
+    layout?: Exclude<LayoutValue, "fill">;
+});
+export {};

package/build/index.es.js

@@ -12356,17 +12356,14 @@ var IkasImage = /** @class */ (function () {
     });
     Object.defineProperty(IkasImage.prototype, "src", {
         get: function () {
-            return this.getSrc(1920);
+            return this.getSrc(1080);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IkasImage.prototype, "thumbnailSrc", {
         get: function () {
-            if (this.id.includes("/"))
-                return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + this.id + "/128/128/img.webp";
-            var merchantId = decodeBase64(this.editorApiKey || IkasStorefrontConfig.config.apiKey || "");
-            return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + merchantId + "/" + this.id + "/128/128/img.webp";
+            return this.getSrc(180);
         },
         enumerable: false,
         configurable: true
@@ -27152,8 +27149,13 @@ var pageStyle$1 = {
     justifyContent: "space-between",
 };
 
-var Image = function (props) {
-    return createElement(Image$1, __assign({}, props, { unoptimized: true, quality: 100 }));
+var Image = function (_a) {
+    var image = _a.image, others = __rest(_a, ["image"]);
+    var loader = function (_a) {
+        var width = _a.width;
+        return image.getSrc(width);
+    };
+    return (createElement(Image$1, __assign({}, others, { loader: loader, quality: 100, src: image.src })));
 };
 
 var GTMHead = function (_a) {

package/build/index.js

@@ -12368,17 +12368,14 @@ var IkasImage = /** @class */ (function () {
     });
     Object.defineProperty(IkasImage.prototype, "src", {
         get: function () {
-            return this.getSrc(1920);
+            return this.getSrc(1080);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IkasImage.prototype, "thumbnailSrc", {
         get: function () {
-            if (this.id.includes("/"))
-                return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + this.id + "/128/128/img.webp";
-            var merchantId = decodeBase64(this.editorApiKey || IkasStorefrontConfig.config.apiKey || "");
-            return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + merchantId + "/" + this.id + "/128/128/img.webp";
+            return this.getSrc(180);
         },
         enumerable: false,
         configurable: true
@@ -27130,8 +27127,13 @@ var pageStyle$1 = {
     justifyContent: "space-between",
 };
 
-var Image = function (props) {
-    return React.createElement(Image__default['default'], __assign({}, props, { unoptimized: true, quality: 100 }));
+var Image = function (_a) {
+    var image = _a.image, others = __rest(_a, ["image"]);
+    var loader = function (_a) {
+        var width = _a.width;
+        return image.getSrc(width);
+    };
+    return (React.createElement(Image__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src })));
 };
 
 var GTMHead = function (_a) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/storefront",
-  "version": "0.0.54",
+  "version": "0.0.55",
   "main": "./build/index.js",
   "module": "./build/index.es.js",
   "author": "Umut Ozan Yıldırım",
@@ -18,7 +18,7 @@
   "peerDependencies": {
     "mobx": "^6.1.3",
     "mobx-react-lite": "^3.1.5",
-    "next": "10.0.3",
+    "next": "10.0.6",
     "react": "17.0.1",
     "react-dom": "17.0.1"
   },
@@ -68,7 +68,7 @@
     "jest": "^26.4.2",
     "mobx": "^6.1.3",
     "mobx-react-lite": "^3.1.5",
-    "next": "10.0.3",
+    "next": "10.0.6",
     "node-sass": "^5.0.0",
     "postcss": "^8.2.4",
     "prettier": "^2.2.1",