vviinn-widgets 2.18.21 → 2.19.0

package/dist/collection/Image/sizing.spec.js

@@ -0,0 +1,67 @@
+import { scaleByLargestSide } from "./sizing";
+describe("Image sizing utils", () => {
+  it("should resize correctly if width > height", () => {
+    const w = {
+      kind: "width",
+      size: 600,
+    };
+    const h = {
+      kind: "height",
+      size: 300,
+    };
+    const expectedWidth = {
+      kind: "width",
+      size: 500,
+    };
+    const expectedHeight = {
+      kind: "height",
+      size: 250,
+    };
+    const scaleDimensions = scaleByLargestSide(500);
+    const result = scaleDimensions([w, h]);
+    expect(result).toStrictEqual([expectedWidth, expectedHeight]);
+  });
+  it("should resize correctly if width < height", () => {
+    const w = {
+      kind: "width",
+      size: 300,
+    };
+    const h = {
+      kind: "height",
+      size: 600,
+    };
+    const expectedWidth = {
+      kind: "width",
+      size: 250,
+    };
+    const expectedHeight = {
+      kind: "height",
+      size: 500,
+    };
+    const scaleDimensions = scaleByLargestSide(500);
+    const result = scaleDimensions([w, h]);
+    expect(result).toStrictEqual([expectedWidth, expectedHeight]);
+  });
+  it("should resize correctly if width == height", () => {
+    const w = {
+      kind: "width",
+      size: 600,
+    };
+    const h = {
+      kind: "height",
+      size: 600,
+    };
+    const expectedWidth = {
+      kind: "width",
+      size: 500,
+    };
+    const expectedHeight = {
+      kind: "height",
+      size: 500,
+    };
+    const scaleDimensions = scaleByLargestSide(500);
+    const result = scaleDimensions([w, h]);
+    expect(result).toStrictEqual([expectedWidth, expectedHeight]);
+  });
+});
+//# sourceMappingURL=sizing.spec.js.map

package/dist/collection/Image/sizing.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizing.spec.js","sourceRoot":"","sources":["../../src/Image/sizing.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAkB,MAAM,UAAU,CAAC;AAE9D,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;EAClC,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;IACnD,MAAM,CAAC,GAAmB;MACxB,IAAI,EAAE,OAAO;MACb,IAAI,EAAE,GAAG;KACV,CAAC;IAEF,MAAM,CAAC,GAAmB;MACxB,IAAI,EAAE,QAAQ;MACd,IAAI,EAAE,GAAG;KACV,CAAC;IAEF,MAAM,aAAa,GAAmB;MACpC,IAAI,EAAE,OAAO;MACb,IAAI,EAAE,GAAG;KACV,CAAC;IAEF,MAAM,cAAc,GAAmB;MACrC,IAAI,EAAE,QAAQ;MACd,IAAI,EAAE,GAAG;KACV,CAAC;IAEF,MAAM,eAAe,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAChD,MAAM,MAAM,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;EAChE,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;IACnD,MAAM,CAAC,GAAmB;MACxB,IAAI,EAAE,OAAO;MACb,IAAI,EAAE,GAAG;KACV,CAAC;IAEF,MAAM,CAAC,GAAmB;MACxB,IAAI,EAAE,QAAQ;MACd,IAAI,EAAE,GAAG;KACV,CAAC;IAEF,MAAM,aAAa,GAAmB;MACpC,IAAI,EAAE,OAAO;MACb,IAAI,EAAE,GAAG;KACV,CAAC;IAEF,MAAM,cAAc,GAAmB;MACrC,IAAI,EAAE,QAAQ;MACd,IAAI,EAAE,GAAG;KACV,CAAC;IAEF,MAAM,eAAe,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAChD,MAAM,MAAM,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;EAChE,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;IACpD,MAAM,CAAC,GAAmB;MACxB,IAAI,EAAE,OAAO;MACb,IAAI,EAAE,GAAG;KACV,CAAC;IAEF,MAAM,CAAC,GAAmB;MACxB,IAAI,EAAE,QAAQ;MACd,IAAI,EAAE,GAAG;KACV,CAAC;IAEF,MAAM,aAAa,GAAmB;MACpC,IAAI,EAAE,OAAO;MACb,IAAI,EAAE,GAAG;KACV,CAAC;IAEF,MAAM,cAAc,GAAmB;MACrC,IAAI,EAAE,QAAQ;MACd,IAAI,EAAE,GAAG;KACV,CAAC;IAEF,MAAM,eAAe,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAChD,MAAM,MAAM,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;EAChE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { scaleByLargestSide, ImageDimension } from \"./sizing\";\n\ndescribe(\"Image sizing utils\", () => {\n  it(\"should resize correctly if width > height\", () => {\n    const w: ImageDimension = {\n      kind: \"width\",\n      size: 600,\n    };\n\n    const h: ImageDimension = {\n      kind: \"height\",\n      size: 300,\n    };\n\n    const expectedWidth: ImageDimension = {\n      kind: \"width\",\n      size: 500,\n    };\n\n    const expectedHeight: ImageDimension = {\n      kind: \"height\",\n      size: 250,\n    };\n\n    const scaleDimensions = scaleByLargestSide(500);\n    const result = scaleDimensions([w, h]);\n    expect(result).toStrictEqual([expectedWidth, expectedHeight]);\n  });\n\n  it(\"should resize correctly if width < height\", () => {\n    const w: ImageDimension = {\n      kind: \"width\",\n      size: 300,\n    };\n\n    const h: ImageDimension = {\n      kind: \"height\",\n      size: 600,\n    };\n\n    const expectedWidth: ImageDimension = {\n      kind: \"width\",\n      size: 250,\n    };\n\n    const expectedHeight: ImageDimension = {\n      kind: \"height\",\n      size: 500,\n    };\n\n    const scaleDimensions = scaleByLargestSide(500);\n    const result = scaleDimensions([w, h]);\n    expect(result).toStrictEqual([expectedWidth, expectedHeight]);\n  });\n\n  it(\"should resize correctly if width == height\", () => {\n    const w: ImageDimension = {\n      kind: \"width\",\n      size: 600,\n    };\n\n    const h: ImageDimension = {\n      kind: \"height\",\n      size: 600,\n    };\n\n    const expectedWidth: ImageDimension = {\n      kind: \"width\",\n      size: 500,\n    };\n\n    const expectedHeight: ImageDimension = {\n      kind: \"height\",\n      size: 500,\n    };\n\n    const scaleDimensions = scaleByLargestSide(500);\n    const result = scaleDimensions([w, h]);\n    expect(result).toStrictEqual([expectedWidth, expectedHeight]);\n  });\n});\n"]}

package/dist/collection/Image/toFile.js

@@ -15,3 +15,4 @@ export const convertB64toFileTask = (b64data) => () => new Promise(async (resolv
   });
   resolve(file);
 });
+//# sourceMappingURL=toFile.js.map

package/dist/collection/Image/toFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toFile.js","sourceRoot":"","sources":["../../src/Image/toFile.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,EAAE,OAAe,EAAiB,EAAE;EAC7D,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC;EACrC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,IAAI,EAAE,CAAC;EAElC,OAAO,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE;IAC/B,IAAI,EAAE,IAAI,CAAC,IAAI;IACf,YAAY,EAAE,IAAI,CAAC,GAAG,EAAE;GACzB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,OAAe,EAAc,EAAE,CAAC,GAAG,EAAE,CACxE,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE;EAC/B,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC;EACrC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,IAAI,EAAE,CAAC;EAClC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE;IACrC,IAAI,EAAE,IAAI,CAAC,IAAI;IACf,YAAY,EAAE,IAAI,CAAC,GAAG,EAAE;GACzB,CAAC,CAAC;EAEH,OAAO,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC,CAAC,CAAC","sourcesContent":["import { Task } from \"fp-ts/Task\";\n\nexport const toFile = async (b64data: string): Promise<File> => {\n  const request = await fetch(b64data);\n  const blob = await request.blob();\n\n  return new File([blob], \"image\", {\n    type: blob.type,\n    lastModified: Date.now(),\n  });\n};\n\nexport const convertB64toFileTask = (b64data: string): Task<File> => () =>\n  new Promise(async (resolve, _) => {\n    const request = await fetch(b64data);\n    const blob = await request.blob();\n    const file = new File([blob], \"image\", {\n      type: blob.type,\n      lastModified: Date.now(),\n    });\n\n    resolve(file);\n  });\n"]}

package/dist/collection/analytics/GAnalytics.js

@@ -30,3 +30,4 @@ export class GAnalytics {
     return undefined;
   }
 }
+//# sourceMappingURL=GAnalytics.js.map

package/dist/collection/analytics/GAnalytics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GAnalytics.js","sourceRoot":"","sources":["../../src/analytics/GAnalytics.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,UAAU;EACrB;IACE,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;EACtB,CAAC;EAED,cAAc,CAAC,OAA0C;;IACvD,OAAO;MACL,EAAE,EAAE,OAAO,CAAC,SAAS;MACrB,IAAI,EAAE,OAAO,CAAC,KAAK;MACnB,KAAK,EAAE,MAAA,OAAO,CAAC,KAAK,mCAAI,EAAE;MAC1B,QAAQ,EAAE,MAAA,OAAO,CAAC,WAAW,mCAAI,EAAE;MACnC,IAAI,EAAE,aAAa;MACnB,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,MAAA,OAAO,CAAC,KAAK,CAAC,IAAI,mCAAI,QAAQ,CAAC,CAAC;KAC3E,CAAA;EACH,CAAC;EAED,cAAc,CAAC,OAA0C;IACvD,EAAE,CAAC,kBAAkB,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAErD,OAAO,SAAS,CAAC;EACnB,CAAC;EAED,SAAS,CAAC,OAA0C;;IAClD,EAAE,CAAC,eAAe,EAAE;MAClB,EAAE,EAAE,OAAO,CAAC,SAAS;MACrB,IAAI,EAAE,OAAO,CAAC,KAAK;MACnB,KAAK,EAAE,MAAA,OAAO,CAAC,KAAK,mCAAI,EAAE;MAC1B,QAAQ,EAAE,MAAA,OAAO,CAAC,WAAW,mCAAI,EAAE;MACnC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,MAAA,OAAO,CAAC,KAAK,CAAC,IAAI,mCAAI,QAAQ,CAAC,CAAC;KAC3E,CAAC,CAAC;IAEH,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,EAAC,IAAI,EAAE,aAAa,EAAC,CAAC,CAAC;IAEnD,OAAO,SAAS,CAAC;EACnB,CAAC;CACF","sourcesContent":["import { ProductAnalytics } from \"./ProductAnalytics\";\nimport { Interfaces } from \"../interfaces/recommendation\";\n\nexport class GAnalytics implements ProductAnalytics {\n  constructor() {\n    ga('require', 'ec');\n  }\n\n  convertProduct(product: Interfaces['VisualProductSearch']) {\n    return {\n      id: product.productId,\n      name: product.title,\n      brand: product.brand ?? '',\n      category: product.productType ?? '',\n      list: 'VI VPR View',\n      price: Math.min(...[product.price.actual, product.price.sale ?? Infinity])\n    } \n  }\n\n  sendImpression(product: Interfaces['VisualProductSearch']) {\n    ga('ec:addImpression', this.convertProduct(product));\n\n    return undefined;\n  }\n\n  sendClick(product: Interfaces['VisualProductSearch']) {\n    ga('ec:addProduct', {\n      id: product.productId,\n      name: product.title,\n      brand: product.brand ?? '',\n      category: product.productType ?? '',\n      price: Math.min(...[product.price.actual, product.price.sale ?? Infinity])\n    });\n\n    ga('ec:setAction', 'click', {list: 'VI VPR View'});\n\n    return undefined;\n  }\n}\n"]}

package/dist/collection/analytics/GeneralAnalytics.js

@@ -7,3 +7,4 @@ const getGtagAnalytics = () => pipe(fromNullable(window.gtag), map(() => new Gta
 const getCommonAnalytics = () => pipe(fromNullable(window.ga), map(() => new GAnalytics()));
 const analyticsMonoid = getMonoid(first());
 export const getAnalyticsModule = analyticsMonoid.concat(getGtagAnalytics(), getCommonAnalytics());
+//# sourceMappingURL=GeneralAnalytics.js.map

package/dist/collection/analytics/GeneralAnalytics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralAnalytics.js","sourceRoot":"","sources":["../../src/analytics/GeneralAnalytics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,SAAS,EAAU,MAAM,kBAAkB,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAG5C,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAC5B,IAAI,CACF,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,EACzB,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,aAAa,EAAE,CAAC,CAC/B,CAAC;AAEJ,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAC9B,IAAI,CACF,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,EACvB,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,CAC5B,CAAC;AAEJ,MAAM,eAAe,GAAqC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC;AAE7E,MAAM,CAAC,MAAM,kBAAkB,GAA6B,eAAe,CAAC,MAAM,CAChF,gBAAgB,EAAE,EAClB,kBAAkB,EAAE,CACrB,CAAC","sourcesContent":["import { pipe } from \"fp-ts/lib/function\";\nimport { fromNullable, map, getMonoid, Option } from \"fp-ts/lib/Option\";\nimport { GtagAnalytics } from \"./GtagAnalytics\";\nimport { GAnalytics } from \"./GAnalytics\";\nimport { ProductAnalytics } from \"./ProductAnalytics\";\nimport { first } from \"fp-ts/lib/Semigroup\";\nimport { Monoid } from \"fp-ts/lib/Monoid\";\n\nconst getGtagAnalytics = () =>\n  pipe(\n    fromNullable(window.gtag),\n    map(() => new GtagAnalytics())\n  );\n\nconst getCommonAnalytics = () =>\n  pipe(\n    fromNullable(window.ga),\n    map(() => new GAnalytics())\n  );\n\nconst analyticsMonoid: Monoid<Option<ProductAnalytics>> = getMonoid(first());\n\nexport const getAnalyticsModule: Option<ProductAnalytics> = analyticsMonoid.concat(\n  getGtagAnalytics(),\n  getCommonAnalytics()\n);\n"]}

package/dist/collection/analytics/GtagAnalytics.js

@@ -33,3 +33,4 @@ export class GtagAnalytics {
     return undefined;
   }
 }
+//# sourceMappingURL=GtagAnalytics.js.map

package/dist/collection/analytics/GtagAnalytics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GtagAnalytics.js","sourceRoot":"","sources":["../../src/analytics/GtagAnalytics.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,aAAa;EACxB,cAAc,CAAC,OAA0C;;IACvD,IAAI,CAAC,OAAO,EAAE,gBAAgB,EAAE;MAC5B,KAAK,EAAE;QACL;UACE,EAAE,EAAE,OAAO,CAAC,SAAS;UACrB,IAAI,EAAE,OAAO,CAAC,KAAK;UACnB,KAAK,EAAE,MAAA,OAAO,CAAC,KAAK,mCAAI,EAAE;UAC1B,QAAQ,EAAE,MAAA,OAAO,CAAC,WAAW,mCAAI,EAAE;UACnC,SAAS,EAAE,aAAa;UACxB,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,MAAA,OAAO,CAAC,KAAK,CAAC,IAAI,mCAAI,QAAQ,CAAC,CAAC;SAC3E;OACF;KACJ,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC;EACnB,CAAC;EAED,SAAS,CAAC,OAA0C;;IAClD,IAAI,CAAC,OAAO,EAAE,gBAAgB,EAAE;MAC9B,YAAY,EAAE,SAAS;MACvB,KAAK,EAAE;QACL;UACE,EAAE,EAAE,OAAO,CAAC,SAAS;UACrB,IAAI,EAAE,OAAO,CAAC,KAAK;UACnB,KAAK,EAAE,MAAA,OAAO,CAAC,KAAK,mCAAI,EAAE;UAC1B,QAAQ,EAAE,MAAA,OAAO,CAAC,WAAW,mCAAI,EAAE;UACnC,SAAS,EAAE,aAAa;UACxB,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,MAAA,OAAO,CAAC,KAAK,CAAC,IAAI,mCAAI,QAAQ,CAAC,CAAC;SAC3E;OACF;KACF,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC;EACnB,CAAC;CACF","sourcesContent":["import { ProductAnalytics } from \"./ProductAnalytics\";\nimport { Interfaces } from \"../interfaces/recommendation\";\n\nexport class GtagAnalytics implements ProductAnalytics {\n  sendImpression(product: Interfaces['VisualProductSearch']) {\n    gtag('event', 'view_item_list', {\n        items: [\n          {\n            id: product.productId,\n            name: product.title,\n            brand: product.brand ?? '',\n            category: product.productType ?? '',\n            list_name: 'VI VPR View',\n            price: Math.min(...[product.price.actual, product.price.sale ?? Infinity])\n          }\n        ]\n    });\n\n    return undefined;\n  }\n\n  sendClick(product: Interfaces['VisualProductSearch']) {\n    gtag('event', 'select_content', {\n      content_type: 'product',\n      items: [\n        {\n          id: product.productId,\n          name: product.title,\n          brand: product.brand ?? '',\n          category: product.productType ?? '',\n          list_name: 'VI VPR View',\n          price: Math.min(...[product.price.actual, product.price.sale ?? Infinity])\n        }\n      ]\n    });\n\n    return undefined;\n  }\n}\n"]}

package/dist/collection/analytics/ProductAnalytics.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=ProductAnalytics.js.map

package/dist/collection/analytics/ProductAnalytics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductAnalytics.js","sourceRoot":"","sources":["../../src/analytics/ProductAnalytics.ts"],"names":[],"mappings":"","sourcesContent":["import { Recommendation } from \"../recommendation/recommendation\";\n\nexport interface ProductAnalytics {\n  sendImpression: (product: Recommendation) => undefined;\n  sendClick: (product: Recommendation) => undefined;\n}\n"]}

package/dist/collection/campaign/Campaign.js

@@ -11,3 +11,4 @@ export function fold(onVPR, onVCS) {
 export function fromString(s) {
   return s === "VPR" ? { _tag: "VPR" } : { _tag: "VCS" };
 }
+//# sourceMappingURL=Campaign.js.map

package/dist/collection/campaign/Campaign.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Campaign.js","sourceRoot":"","sources":["../../src/campaign/Campaign.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,iBAAiB,GAA8C;EAC1E,GAAG,EAAE,kBAAkB;EACvB,GAAG,EAAE,eAAe;EACpB,GAAG,EAAE,wBAAwB;CAC9B,CAAC;AAUF,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,CAAW,EAAY,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC;AACjE,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,CAAW,EAAY,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC;AAIjE,MAAM,UAAU,IAAI,CAClB,KAAc,EACd,KAAc;EAEd,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,CAAe;EACxC,OAAO,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACzD,CAAC","sourcesContent":["export type CampaignName = \"VPR\" | \"VCS\";\nexport type WidgetType = \"VPR\" | \"VPS\";\nexport type CampaignTypeId = \"VPR\" | \"VPS\" | \"VCS\";\n\nexport type CampaignTypeTitle =\n  | \"Similar Products\"\n  | \"Visual Search\"\n  | \"Products Cross-Selling\";\n\nexport const campaignTypeNames: Record<CampaignTypeId, CampaignTypeTitle> = {\n  VPR: \"Similar Products\",\n  VPS: \"Visual Search\",\n  VCS: \"Products Cross-Selling\",\n};\n\nexport interface VPR {\n  readonly _tag: \"VPR\";\n}\n\nexport interface VCS {\n  readonly _tag: \"VCS\";\n}\n\nexport const isVPR = (c: Campaign): c is VPR => c._tag === \"VPR\";\nexport const isVCS = (c: Campaign): c is VCS => c._tag === \"VCS\";\n\nexport type Campaign = VPR | VCS;\n\nexport function fold<A, B>(\n  onVPR: () => A,\n  onVCS: () => B\n): (c: Campaign) => A | B {\n  return (c) => (isVPR(c) ? onVPR() : onVCS());\n}\n\nexport function fromString(s: CampaignName): Campaign {\n  return s === \"VPR\" ? { _tag: \"VPR\" } : { _tag: \"VCS\" };\n}\n"]}

package/dist/collection/campaign/CampaignService.js

@@ -3,3 +3,4 @@ import { pipe } from "fp-ts/lib/function";
 import { getVPRRecommendations } from "./VPRCampaignService";
 import { getVCSRecommendations } from "./VCSCampaignService";
 export const getRecommendationsService = (campaignType) => pipe(C.fromString(campaignType), C.fold(() => getVPRRecommendations, () => getVCSRecommendations));
+//# sourceMappingURL=CampaignService.js.map

package/dist/collection/campaign/CampaignService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CampaignService.js","sourceRoot":"","sources":["../../src/campaign/CampaignService.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,YAAY,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,YAA4B,EAAE,EAAE,CACxE,IAAI,CACF,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,EAC1B,CAAC,CAAC,IAAI,CACJ,GAAG,EAAE,CAAC,qBAAqB,EAC3B,GAAG,EAAE,CAAC,qBAAqB,CAC5B,CACF,CAAC","sourcesContent":["import * as C from \"./Campaign\";\nimport { pipe } from \"fp-ts/lib/function\";\nimport { getVPRRecommendations } from \"./VPRCampaignService\";\nimport { getVCSRecommendations } from \"./VCSCampaignService\";\n\nexport const getRecommendationsService = (campaignType: C.CampaignName) =>\n  pipe(\n    C.fromString(campaignType),\n    C.fold(\n      () => getVPRRecommendations,\n      () => getVCSRecommendations\n    )\n  );\n"]}

package/dist/collection/campaign/VCSCampaign.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=VCSCampaign.js.map

package/dist/collection/campaign/VCSCampaign.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCSCampaign.js","sourceRoot":"","sources":["../../src/campaign/VCSCampaign.ts"],"names":[],"mappings":"","sourcesContent":["export interface VCSCampaign {}\n"]}

package/dist/collection/campaign/VCSCampaignResponse.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=VCSCampaignResponse.js.map

package/dist/collection/campaign/VCSCampaignResponse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCSCampaignResponse.js","sourceRoot":"","sources":["../../src/campaign/VCSCampaignResponse.ts"],"names":[],"mappings":"","sourcesContent":["import { Recommendation } from \"../recommendation/recommendation\";\n\nexport type VCSCampaignResponse = Recommendation[];\n"]}

package/dist/collection/campaign/VCSCampaignService.js

@@ -5,3 +5,4 @@ export const getVCSRecommendations = (productId) => (color) => (campaigns) => (o
   const url = pipe(campaigns, O.map(encodeURIComponent), O.match(() => `product/${productId}/cross-selling-products${color ? `?color=${color}` : ""}`, (encodedCampaignsIds) => `product/${productId}/cross-selling-products?campaigns=${encodedCampaignsIds}${color ? `&color=${color}` : ""}`));
   return apiGet(url, options);
 };
+//# sourceMappingURL=VCSCampaignService.js.map

package/dist/collection/campaign/VCSCampaignService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCSCampaignService.js","sourceRoot":"","sources":["../../src/campaign/VCSCampaignService.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,MAAM,CAAC,MAAM,qBAAqB,GAChC,CAAC,SAAiB,EAAE,EAAE,CACtB,CAAC,KAAa,EAAE,EAAE,CAClB,CAAC,SAA2B,EAAE,EAAE,CAChC,CAAC,OAAoB,EAAE,EAAE;EACvB,MAAM,GAAG,GAAG,IAAI,CACd,SAAS,EACT,CAAC,CAAC,GAAG,CAAC,kBAAkB,CAAC,EACzB,CAAC,CAAC,KAAK,CACL,GAAG,EAAE,CACH,WAAW,SAAS,0BAClB,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,EAC9B,EAAE,EACJ,CAAC,mBAAmB,EAAE,EAAE,CACtB,WAAW,SAAS,qCAAqC,mBAAmB,GAC1E,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,EAC9B,EAAE,CACL,CACF,CAAC;EACF,OAAO,MAAM,CAAsB,GAAG,EAAE,OAAO,CAAC,CAAC;AACnD,CAAC,CAAC","sourcesContent":["import { apiGet } from \"../network/apiClient\";\nimport { VCSCampaignResponse } from \"./VCSCampaignResponse\";\nimport * as O from \"fp-ts/Option\";\nimport { pipe } from \"fp-ts/lib/function\";\n\nexport const getVCSRecommendations =\n  (productId: string) =>\n  (color: string) =>\n  (campaigns: O.Option<string>) =>\n  (options: RequestInit) => {\n    const url = pipe(\n      campaigns,\n      O.map(encodeURIComponent),\n      O.match(\n        () =>\n          `product/${productId}/cross-selling-products${\n            color ? `?color=${color}` : \"\"\n          }`,\n        (encodedCampaignsIds) =>\n          `product/${productId}/cross-selling-products?campaigns=${encodedCampaignsIds}${\n            color ? `&color=${color}` : \"\"\n          }`\n      )\n    );\n    return apiGet<VCSCampaignResponse>(url, options);\n  };\n"]}

package/dist/collection/campaign/VPRCampaignResponse.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=VPRCampaignResponse.js.map

package/dist/collection/campaign/VPRCampaignResponse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VPRCampaignResponse.js","sourceRoot":"","sources":["../../src/campaign/VPRCampaignResponse.ts"],"names":[],"mappings":"","sourcesContent":["import { Recommendation } from \"../recommendation/recommendation\";\n\nexport interface VPRCampaignResponse {\n  bestFits?: string[];\n  extended?: Recommendation[];\n}\n"]}

package/dist/collection/campaign/VPRCampaignService.js

@@ -5,3 +5,4 @@ export const getVPRRecommendations = (productId) => (color) => (campaigns) => (o
   const url = pipe(campaigns, O.map(encodeURIComponent), O.match(() => `product/${productId}/similar-products${color ? `?color=${color}` : ""}`, (encodedCampaignsIds) => `product/${productId}/similar-products?campaigns=${encodedCampaignsIds}${color ? `&color=${color}` : ""}`));
   return apiGet(url, options);
 };
+//# sourceMappingURL=VPRCampaignService.js.map

package/dist/collection/campaign/VPRCampaignService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VPRCampaignService.js","sourceRoot":"","sources":["../../src/campaign/VPRCampaignService.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,MAAM,CAAC,MAAM,qBAAqB,GAChC,CAAC,SAAiB,EAAE,EAAE,CACtB,CAAC,KAAa,EAAE,EAAE,CAClB,CAAC,SAA2B,EAAE,EAAE,CAChC,CAAC,OAAoB,EAAE,EAAE;EACvB,MAAM,GAAG,GAAG,IAAI,CACd,SAAS,EACT,CAAC,CAAC,GAAG,CAAC,kBAAkB,CAAC,EACzB,CAAC,CAAC,KAAK,CACL,GAAG,EAAE,CACH,WAAW,SAAS,oBAClB,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,EAC9B,EAAE,EACJ,CAAC,mBAAmB,EAAE,EAAE,CACtB,WAAW,SAAS,+BAA+B,mBAAmB,GACpE,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,EAC9B,EAAE,CACL,CACF,CAAC;EAEF,OAAO,MAAM,CAAsB,GAAG,EAAE,OAAO,CAAC,CAAC;AACnD,CAAC,CAAC","sourcesContent":["import { apiGet } from \"../network/apiClient\";\nimport { VPRCampaignResponse } from \"./VPRCampaignResponse\";\nimport * as O from \"fp-ts/Option\";\nimport { pipe } from \"fp-ts/lib/function\";\n\nexport const getVPRRecommendations =\n  (productId: string) =>\n  (color: string) =>\n  (campaigns: O.Option<string>) =>\n  (options: RequestInit) => {\n    const url = pipe(\n      campaigns,\n      O.map(encodeURIComponent),\n      O.match(\n        () =>\n          `product/${productId}/similar-products${\n            color ? `?color=${color}` : \"\"\n          }`,\n        (encodedCampaignsIds) =>\n          `product/${productId}/similar-products?campaigns=${encodedCampaignsIds}${\n            color ? `&color=${color}` : \"\"\n          }`\n      )\n    );\n\n    return apiGet<VPRCampaignResponse>(url, options);\n  };\n"]}

package/dist/collection/collection-manifest.json

@@ -36,8 +36,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.9.0",
-    "typescriptVersion": "4.2.3"
+    "version": "3.3.1",
+    "typescriptVersion": "5.0.4"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/customized-slots.js

@@ -46,3 +46,4 @@ export const slotChangeListener = (component, element) => {
   };
   component.connectedCallback.call(component);
 };
+//# sourceMappingURL=customized-slots.js.map

package/dist/collection/components/customized-slots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customized-slots.js","sourceRoot":"","sources":["../../src/components/customized-slots.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,iBAAiB,GAAa;EAClC,yBAAyB;EACzB,wBAAwB;EACxB,wBAAwB;EACxB,wBAAwB;EACxB,wBAAwB;EACxB,wBAAwB;EACxB,wBAAwB;EACxB,6BAA6B;EAC7B,yBAAyB;EACzB,yBAAyB;EACzB,yBAAyB;EACzB,yBAAyB;EACzB,oBAAoB;EACpB,iCAAiC;EACjC,2BAA2B;EAC3B,iCAAiC;CAClC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,YAAM,IAAI,EAAE,IAAI,GAAI,CAAC;AAE/D,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;AAEzE,MAAM,QAAQ,GAAG,CAAC,OAAoB,EAAqB,EAAE,CAC3D,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;AAE1D,MAAM,gBAAgB,GAAG,CAAC,OAAoB,EAAiB,EAAE,CAC/D,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;AAE/B,MAAM,gBAAgB,GAAG,CAAC,OAAoB,EAAiB,EAAE,CAC/D,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;AAE/B,MAAM,kBAAkB,GACtB,CAAC,IAAqB,EAAE,EAAE,CAC1B,CAAC,SAAsB,EAAW,EAAE;EAClC,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;EACrC,MAAM,KAAK,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;EAE1C,OAAO,KAAK,KAAK,KAAK,CAAC;AACzB,CAAC,CAAC;AAEJ,MAAM,mBAAmB,GACvB,CAAC,OAAsB,EAAE,EAAE,CAC3B,CACE,GAAsC,EACtC,OAAwB,EACW,EAAE;EACrC,MAAM,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;EAEnE,IAAI,gBAAgB,EAAE;IACpB,GAAG,CAAC,GAAG,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;GACpC;EAED,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEJ,MAAM,kBAAkB,GAAG,CACzB,OAAwB,EACxB,MAAmB,EACb,EAAE;EACR,MAAM,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAAc,EAAE,OAAoB,EAAE,EAAE;EACzE,SAAS,CAAC,iBAAiB,GAAG;IAC5B,QAAQ,CAAC,gBAAgB,CACvB,oBAAoB,EACpB,CAAC,EAAE,MAAM,EAA8B,EAAE,EAAE;MACzC,MAAM,cAAc,GAAsC,QAAQ,CAChE,OAAO,CACR,CAAC,MAAM,CAAC,mBAAmB,CAAC,MAAM,CAAC,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;MAEjD,cAAc,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAC7C,CAAC,EACD,IAAI,CACL,CAAC;EACJ,CAAC,CAAC;EAEF,SAAS,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAC9C,CAAC,CAAC","sourcesContent":["import { h } from \"@stencil/core\";\n\nconst defaultSlotsNames: string[] = [\n  \"vviinn-onboarding-title\",\n  \"onboarding-card-1-icon\",\n  \"onboarding-card-1-text\",\n  \"onboarding-card-2-icon\",\n  \"onboarding-card-2-text\",\n  \"onboarding-card-3-icon\",\n  \"onboarding-card-3-text\",\n  \"vviinn-example-images-title\",\n  \"vviinn-example-images-1\",\n  \"vviinn-example-images-2\",\n  \"vviinn-example-images-3\",\n  \"vviinn-example-images-4\",\n  \"vviinn-teaser-text\",\n  \"vviinn-image-upload-button-text\",\n  \"vviinn-privacy-badge-text\",\n  \"vviinn-image-search-modal-title\",\n];\n\nconst renderNamedSlot = (name: string) => <slot name={name} />;\n\nexport const SlotSkeleton = () => defaultSlotsNames.map(renderNamedSlot);\n\nconst getSlots = (element: HTMLElement): HTMLSlotElement[] =>\n  Array.from(element.shadowRoot.querySelectorAll(\"slot\"));\n\nconst getNameAttribute = (element: HTMLElement): string | null =>\n  element.getAttribute(\"name\");\n\nconst getSlotAttribute = (element: HTMLElement): string | null =>\n  element.getAttribute(\"slot\");\n\nconst elementContainSlot =\n  (slot: HTMLSlotElement) =>\n  (container: HTMLElement): boolean => {\n    const name1 = getNameAttribute(slot);\n    const name2 = getSlotAttribute(container);\n\n    return name1 === name2;\n  };\n\nconst getContentToReplace =\n  (targets: HTMLElement[]) =>\n  (\n    acc: Map<HTMLSlotElement, HTMLElement>,\n    content: HTMLSlotElement\n  ): Map<HTMLSlotElement, HTMLElement> => {\n    const replaceCandidate = targets.find(elementContainSlot(content));\n\n    if (replaceCandidate) {\n      acc.set(content, replaceCandidate);\n    }\n\n    return acc;\n  };\n\nconst replaceSlotContent = (\n  content: HTMLSlotElement,\n  target: HTMLElement\n): void => {\n  target.innerHTML = content.outerHTML;\n};\n\nexport const slotChangeListener = (component: any, element: HTMLElement) => {\n  component.connectedCallback = function () {\n    document.addEventListener(\n      \"globalSlotsChanged\",\n      ({ detail }: CustomEvent<HTMLElement[]>) => {\n        const slotsToReplace: Map<HTMLSlotElement, HTMLElement> = getSlots(\n          element\n        ).reduce(getContentToReplace(detail), new Map());\n\n        slotsToReplace.forEach(replaceSlotContent);\n      },\n      true\n    );\n  };\n\n  component.connectedCallback.call(component);\n};\n"]}

package/dist/collection/components/image-search/image-view/highlight-box/highlight-box.css

@@ -7,7 +7,6 @@
   height: 100%;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 
   --size: 10px;
@@ -18,7 +17,6 @@
 img {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 
@@ -31,10 +29,8 @@ img {
   z-index: 2;
   cursor: pointer;
   transform: translate(var(--x-position), var(--y-position)) scale(0);
-  -webkit-animation: 0.25s linear fadein;
-          animation: 0.25s linear fadein;
-  -webkit-animation-fill-mode: forwards;
-          animation-fill-mode: forwards;
+  animation: 0.25s linear fadein;
+  animation-fill-mode: forwards;
 }
 
 .pointer::after {
@@ -50,16 +46,6 @@ img {
   opacity: .75;
 }
 
-@-webkit-keyframes fadein {
-  from {
-    transform: translate(var(--x-position), var(--y-position)) scale(0);
-  }
-
-  to {
-    transform: translate(var(--x-position), var(--y-position)) scale(1);
-  }
-}
-
 @keyframes fadein {
   from {
     transform: translate(var(--x-position), var(--y-position)) scale(0);

package/dist/collection/components/image-search/image-view/highlight-box/highlight-box.js

@@ -1,4 +1,4 @@
-import { Component, Host, h } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { getClipValue } from "../../../../geometry/Clip";
 import * as O from "fp-ts/lib/Option";
 import { pipe } from "fp-ts/function";
@@ -16,10 +16,15 @@ export class HighlightBox {
   }
   static get is() { return "highlight-box"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["highlight-box.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["highlight-box.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["highlight-box.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["highlight-box.css"]
+    };
+  }
 }
+//# sourceMappingURL=highlight-box.js.map

package/dist/collection/components/image-search/image-view/highlight-box/highlight-box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-box.js","sourceRoot":"","sources":["../../../../../src/components/image-search/image-view/highlight-box/highlight-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,KAAK,CAAC,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAOnE,MAAM,OAAO,YAAY;EACf,aAAa;IACnB,OAAO,IAAI,CACT,gBAAgB,CACd,gBAAgB,CAAC,UAAU,EAC3B,gBAAgB,CAAC,WAAW,CAC7B,EACD,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,EAC7D,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CACtB,CAAC;EACJ,CAAC;EAEO,WAAW;IACjB,OAAO,IAAI,CACT,gBAAgB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,WAAW,CAAC,EACzE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CACvB,WACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,KAAK,EAAE,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,aAAa,EAAE,EAAE,EAAE,GACjD,CACH,CAAC,EACF,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CACtB,CAAC;EACJ,CAAC;EAED,MAAM;IACJ,OAAO,EAAC,IAAI,QAAE,IAAI,CAAC,WAAW,EAAE,CAAQ,CAAC;EAC3C,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from \"@stencil/core\";\nimport { getClipValue } from \"../../../../geometry/Clip\";\nimport * as O from \"fp-ts/lib/Option\";\nimport { pipe } from \"fp-ts/function\";\nimport { imageSearchState } from \"../../../../store/imageSearch.store\";\nimport { sequenceToOption } from \"../../../../utils/option/option\";\n\n@Component({\n  tag: \"highlight-box\",\n  styleUrl: \"highlight-box.css\",\n  shadow: true,\n})\nexport class HighlightBox {\n  private getInsetValue(): string {\n    return pipe(\n      sequenceToOption(\n        imageSearchState.searchArea,\n        imageSearchState.imageBounds\n      ),\n      O.map(([selection, image]) => getClipValue(selection, image)),\n      O.getOrElse(() => \"\")\n    );\n  }\n\n  private renderImage(): HTMLImageElement | string {\n    return pipe(\n      sequenceToOption(imageSearchState.imageUrl, imageSearchState.imageBounds),\n      O.map(([url, bounds]) => (\n        <img\n          src={url}\n          width={bounds.width}\n          height={bounds.height}\n          style={{ \"clip-path\": `${this.getInsetValue()}` }}\n        />\n      )),\n      O.getOrElse(() => \"\")\n    );\n  }\n\n  render() {\n    return <Host>{this.renderImage()}</Host>;\n  }\n}\n"]}

package/dist/collection/components/image-search/image-view/image-cropper/cropper-handler/cropper-handler.css

@@ -12,7 +12,6 @@
   z-index: 4;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 

package/dist/collection/components/image-search/image-view/image-cropper/cropper-handler/cropper-handler.js

@@ -1,8 +1,9 @@
-import { Component, Host, h, Prop } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { getCursorValue } from "../../../../../cropper/Handler";
 import styles from "./cropper-handler.css";
 export class CropperHandler {
   constructor() {
+    this.handler = undefined;
     this.disabled = false;
   }
   render() {
@@ -17,44 +18,47 @@ export class CropperHandler {
   static get is() { return "cropper-handler"; }
   static get encapsulation() { return "shadow"; }
   static get styles() { return styles; }
-  static get properties() { return {
-    "handler": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Handler",
-        "resolved": "Handler",
-        "references": {
-          "Handler": {
-            "location": "import",
-            "path": "../../../../../cropper/Handler"
+  static get properties() {
+    return {
+      "handler": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Handler",
+          "resolved": "Handler",
+          "references": {
+            "Handler": {
+              "location": "import",
+              "path": "../../../../../cropper/Handler"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
       }
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
+    };
+  }
 }
+//# sourceMappingURL=cropper-handler.js.map

package/dist/collection/components/image-search/image-view/image-cropper/cropper-handler/cropper-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cropper-handler.js","sourceRoot":"","sources":["../../../../../../src/components/image-search/image-view/image-cropper/cropper-handler/cropper-handler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAW,cAAc,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAO3C,MAAM,OAAO,cAAc;;;oBAEG,KAAK;;EAEjC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IACH,IAAI,EAAE,UAAU,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EACxD,KAAK,EAAE;QACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI;OAC/C,EACD,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;OAC/C,EACD,SAAS,EAAE,KAAK,GACV,CACT,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from \"@stencil/core\";\nimport { Handler, getCursorValue } from \"../../../../../cropper/Handler\";\nimport styles from \"./cropper-handler.css\";\n\n@Component({\n  tag: \"cropper-handler\",\n  shadow: true,\n  styles,\n})\nexport class CropperHandler {\n  @Prop() handler: Handler;\n  @Prop() disabled: boolean = false;\n\n  render() {\n    return (\n      <Host\n        part={`handle ${getCursorValue(this.handler.direction)}`}\n        class={{\n          disabled: this.disabled,\n          [getCursorValue(this.handler.direction)]: true,\n        }}\n        style={{\n          \"--size\": \"20px\",\n          cursor: getCursorValue(this.handler.direction),\n        }}\n        draggable={false}\n      ></Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/image-search/image-view/image-cropper/image-cropper.js

@@ -1,4 +1,4 @@
-import { Component, Host, h, State, Element, Prop, Event, } from "@stencil/core";
+import { Host, h, } from "@stencil/core";
 import { move, transform } from "../../../../geometry/Rectangle";
 import { fromMouseEvent, pointDiffSemigroup, } from "../../../../geometry/Point";
 import { imageSearchState, makeRectangularSearchRequest, } from "../../../../store/imageSearch.store";
@@ -9,13 +9,14 @@ import styles from "./image-cropper.css";
 const MIN_SEARCHAREA_SIZE = 40;
 export class ImageCropper {
   constructor() {
-    this.disabled = false;
-    this.handleMove = false;
     this.mouseStartPoint = undefined;
     this.bounds = undefined;
     this.resizeObserver = new ResizeObserver(() => {
       this.bounds = this.el.getBoundingClientRect();
     });
+    this.disabled = false;
+    this.basicEventData = undefined;
+    this.handleMove = false;
   }
   componentDidLoad() {
     this.resizeObserver.observe(this.el);
@@ -104,79 +105,85 @@ export class ImageCropper {
     }));
   }
   render() {
-    return (h(Host, { exportparts: "handle, e-resize, n-resize, ne-resize, nw-resize, s-resize, se-resize, sw-resize, w-resize" },
-      h("div", { class: {
-          "crop-area": true,
-          active: this.handleMove,
-          disabled: this.disabled,
-        }, draggable: false, style: this.getStyleMap(), onContextMenu: () => false, onPointerDown: (ev) => this.handlePointerDown(ev) }, imageSearchState.cropperHandlers.map((handler) => (h("cropper-handler", { disabled: this.disabled, handler: handler, onPointerDown: (ev) => this.handlePointerDown(ev) }))))));
+    return (h(Host, { exportparts: "handle, e-resize, n-resize, ne-resize, nw-resize, s-resize, se-resize, sw-resize, w-resize" }, h("div", { class: {
+        "crop-area": true,
+        active: this.handleMove,
+        disabled: this.disabled,
+      }, draggable: false, style: this.getStyleMap(), onContextMenu: () => false, onPointerDown: (ev) => this.handlePointerDown(ev) }, imageSearchState.cropperHandlers.map((handler) => (h("cropper-handler", { disabled: this.disabled, handler: handler, onPointerDown: (ev) => this.handlePointerDown(ev) }))))));
   }
   static get is() { return "image-cropper"; }
   static get encapsulation() { return "shadow"; }
   static get styles() { return styles; }
-  static get properties() { return {
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get properties() {
+    return {
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "basicEventData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "BasicEventData",
-        "resolved": "{ widgetType: WidgetType; campaignTypeId: CampaignTypeId; campaignTypeName: CampaignTypeTitle; widgetId?: string; }",
-        "references": {
-          "BasicEventData": {
-            "location": "import",
-            "path": "../../../../recommendation/events"
+      "basicEventData": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "BasicEventData",
+          "resolved": "{ widgetType: WidgetType; campaignTypeId: CampaignTypeId; campaignTypeName: CampaignTypeTitle; widgetId?: string; }",
+          "references": {
+            "BasicEventData": {
+              "location": "import",
+              "path": "../../../../recommendation/events"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
       }
-    }
-  }; }
-  static get states() { return {
-    "handleMove": {}
-  }; }
-  static get events() { return [{
-      "method": "vviinnImageCrop",
-      "name": "vviinnImageCrop",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "BasicEventData",
-        "resolved": "{ widgetType: WidgetType; campaignTypeId: CampaignTypeId; campaignTypeName: CampaignTypeTitle; widgetId?: string; }",
-        "references": {
-          "BasicEventData": {
-            "location": "import",
-            "path": "../../../../recommendation/events"
+    };
+  }
+  static get states() {
+    return {
+      "handleMove": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "vviinnImageCrop",
+        "name": "vviinnImageCrop",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "BasicEventData",
+          "resolved": "{ widgetType: WidgetType; campaignTypeId: CampaignTypeId; campaignTypeName: CampaignTypeTitle; widgetId?: string; }",
+          "references": {
+            "BasicEventData": {
+              "location": "import",
+              "path": "../../../../recommendation/events"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "el"; }
 }
+//# sourceMappingURL=image-cropper.js.map