vviinn-widgets 2.48.3 → 2.48.5

package/dist/cjs/{customized-slots-1b59bd38.js → customized-slots-67b24737.js}

@@ -16,7 +16,6 @@ function fromString(s) {
 }
 
 const defaultSlotsNames = [
-  "vviinn-onboarding-title",
   "vviinn-teaser-text",
   "vviinn-image-upload-button-text",
   "vviinn-image-upload-icon",

package/dist/cjs/{index-279a6a0f.js → index-4445cb70.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const search_store = require('./search.store-0b319593.js');
+const search_store = require('./search.store-7605f369.js');
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number

package/dist/cjs/{package-1762509d.js → package-d6dae17b.js}

@@ -1,5 +1,5 @@
 'use strict';
 
-const version = "2.48.3";
+const version = "2.48.5";
 
 exports.version = version;

package/dist/cjs/search-filters_17.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5619b5ec.js');
-const search_store = require('./search.store-0b319593.js');
+const search_store = require('./search.store-7605f369.js');
 const i18next = require('./i18next-74ff3413.js');
 const PlusIcon = require('./PlusIcon-5e585127.js');
-const customizedSlots = require('./customized-slots-1b59bd38.js');
+const customizedSlots = require('./customized-slots-67b24737.js');
 
 const ArrowIcon = () => (index.h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M0 10 10 0l1.4 1.4L2.8 10l8.6 8.6L10 20 0 10Z" })));

package/dist/cjs/{search.store-0b319593.js → search.store-7605f369.js}

@@ -16403,22 +16403,6 @@ var Monoid = {
     concat: Semigroup.concat,
     empty: empty
 };
-// -------------------------------------------------------------------------------------
-// utils
-// -------------------------------------------------------------------------------------
-/**
- * Test whether a `string` is empty.
- *
- * @example
- * import * as S from 'fp-ts/string'
- * import { pipe } from 'fp-ts/function'
- *
- * assert.deepStrictEqual(pipe('', S.isEmpty), true)
- * assert.deepStrictEqual(pipe('a', S.isEmpty), false)
- *
- * @since 2.10.0
- */
-var isEmpty$1 = function (s) { return s.length === 0; };
 
 const basicErrorFromResponse = (error) => {
   return {
@@ -16504,9 +16488,9 @@ const detectedObjectEq = {
     x.rectangle.height === y.rectangle.height &&
     x.rectangle.width === y.rectangle.width,
 };
-const imageSearchSessionClient = (initialData, campaignId = none, excludedFilters) => {
+const imageSearchSessionClient = (initialData, campaignId, excludedFilters) => {
   const searchUrl = "search/session";
-  const requestUrl = _function.pipe(campaignId, fold(() => {
+  const requestUrl = _function.pipe(fromNullable(campaignId), fold(() => {
     const params = [];
     if (excludedFilters)
       params.push(excludedFilters);
@@ -17258,13 +17242,14 @@ const optionalResize = (image, size) => image.naturalWidth > size ? resizeImage(
 const resizeFileTo = (size) => (file) => _function.pipe(file, imageFromFileTask, Task.map((image) => optionalResize(image, size)), Task.chain(convertB64toFileTask));
 
 const RESIZED_IMAGE_WIDTH = 500;
+const HI_RES_RESIZED_IMAGE_WIDTH = 1024;
 const makeAuthorizedRequest = (token) => pipe(token, processBearerToken, map$4((headers) => {
   return {
     headers,
   };
 }));
 const { state, onChange } = createStore({
-  campaignId: Option.none,
+  campaignId: "",
   excluded: "",
   results: [],
   filters: [],
@@ -17301,7 +17286,7 @@ const detectObjects = async (data) => {
   await pipe(getLink(data, "detectedObjects"), fromOption(() => error), chain(makeLinkRequest), map((objects) => (state.detectedObjects = foldValueObject(objects))))();
   state.objectDetectionInProgress = false;
 };
-const uploadHiresFile = async (sessionResponse, file) => {
+const uploadHiResFile = async (sessionResponse, file) => {
   const ionFile = await fromFile(file);
   const formPayload = {
     image: ionFile,
@@ -17346,10 +17331,7 @@ const uploadFile = (file) => {
 const uploadText = (query) => {
   state.searchType = "text";
   state.loading = true;
-  const body = JSON.stringify({
-    query,
-    campaign: Option.getOrElse(() => "")(state.campaignId),
-  });
+  const body = JSON.stringify(Object.assign({ query }, (state.campaignId.length ? { campaign: state.campaignId } : {})));
   const tokenWithBody = sequenceToEither(processBearerToken(state.token), right(body));
   return pipe(tokenWithBody, map$4(([headers, body]) => {
     headers.set("Content-Type", "application/json");
@@ -17398,10 +17380,13 @@ const setSelectedImage = (image) => {
 const processSelectedFile = async (file) => {
   const originFile = checkFileWithExtention(file);
   const fileResizer = resizeFileTo(RESIZED_IMAGE_WIDTH);
+  const hiResFileResizer = resizeFileTo(HI_RES_RESIZED_IMAGE_WIDTH);
   const resizeFileTask = pipe(originFile, fromEither, chainTaskK(fileResizer));
+  const resizeHiResFileTask = pipe(originFile, fromEither, chainTaskK(hiResFileResizer));
   const session = await pipe(resizeFileTask, chain(uploadFile))();
-  pipe(sequenceToEither(session, originFile), map$4(([sessionObject, file]) => uploadHiresFile(sessionObject, file)));
   await pipe(resizeFileTask, chainTaskK(imageFromFileTask), map(setSelectedImage))();
+  const resizedHiResFile = await resizeHiResFileTask();
+  pipe(sequenceToEither(session, resizedHiResFile), map$4(([sessionObject, file]) => uploadHiResFile(sessionObject, file)));
   return session;
 };
 
@@ -17428,7 +17413,6 @@ exports.fromEither = fromEither;
 exports.fromImage = fromImage;
 exports.getApiPath = getApiPath;
 exports.has = has;
-exports.isEmpty = isEmpty$1;
 exports.makeRectangularSearchRequest = makeRectangularSearchRequest;
 exports.makeRequest = makeRequest;
 exports.map = map$3;

package/dist/cjs/vviinn-carousel_4.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5619b5ec.js');
-const search_store = require('./search.store-0b319593.js');
+const search_store = require('./search.store-7605f369.js');
 const i18next = require('./i18next-74ff3413.js');
 const PlusIcon = require('./PlusIcon-5e585127.js');
-const customizedSlots = require('./customized-slots-1b59bd38.js');
-const _package = require('./package-1762509d.js');
-const index$1 = require('./index-279a6a0f.js');
+const customizedSlots = require('./customized-slots-67b24737.js');
+const _package = require('./package-d6dae17b.js');
+const index$1 = require('./index-4445cb70.js');
 
 const BasketIcon = () => (index.h("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M7.5 22C6.95 22 6.47917 21.8042 6.0875 21.4125C5.69583 21.0208 5.5 20.55 5.5 20C5.5 19.45 5.69583 18.9792 6.0875 18.5875C6.47917 18.1958 6.95 18 7.5 18C8.05 18 8.52083 18.1958 8.9125 18.5875C9.30417 18.9792 9.5 19.45 9.5 20C9.5 20.55 9.30417 21.0208 8.9125 21.4125C8.52083 21.8042 8.05 22 7.5 22ZM17.5 22C16.95 22 16.4792 21.8042 16.0875 21.4125C15.6958 21.0208 15.5 20.55 15.5 20C15.5 19.45 15.6958 18.9792 16.0875 18.5875C16.4792 18.1958 16.95 18 17.5 18C18.05 18 18.5208 18.1958 18.9125 18.5875C19.3042 18.9792 19.5 19.45 19.5 20C19.5 20.55 19.3042 21.0208 18.9125 21.4125C18.5208 21.8042 18.05 22 17.5 22ZM6.65 6L9.05 11H16.05L18.8 6H6.65ZM5.7 4H20.45C20.8333 4 21.125 4.17083 21.325 4.5125C21.525 4.85417 21.5333 5.2 21.35 5.55L17.8 11.95C17.6167 12.2833 17.3708 12.5417 17.0625 12.725C16.7542 12.9083 16.4167 13 16.05 13H8.6L7.5 15H18.5C18.7833 15 19.0208 15.0958 19.2125 15.2875C19.4042 15.4792 19.5 15.7167 19.5 16C19.5 16.2833 19.4042 16.5208 19.2125 16.7125C19.0208 16.9042 18.7833 17 18.5 17H7.5C6.75 17 6.18333 16.6708 5.8 16.0125C5.41667 15.3542 5.4 14.7 5.75 14.05L7.1 11.6L3.5 4H2.5C2.21667 4 1.97917 3.90417 1.7875 3.7125C1.59583 3.52083 1.5 3.28333 1.5 3C1.5 2.71667 1.59583 2.47917 1.7875 2.2875C1.97917 2.09583 2.21667 2 2.5 2H4.125C4.30833 2 4.48333 2.05 4.65 2.15C4.81667 2.25 4.94167 2.39167 5.025 2.575L5.7 4Z", fill: "#525252" })));

package/dist/cjs/vviinn-preloader.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5619b5ec.js');
-const search_store = require('./search.store-0b319593.js');
+const search_store = require('./search.store-7605f369.js');
 
 const vviinnPreloaderCss = ":host{--preloader-size:24px;--preloader-width:calc(var(--preloader-size) / 6);transform-origin:center;animation:rotate 3s linear infinite;border:var(--preloader-width) solid currentColor;border-radius:50%;border-top-color:transparent;display:none;outline:0;width:var(--preloader-size);height:var(--preloader-size);box-sizing:border-box}:host(.active){display:flex}@keyframes rotate{from{transform:rotate(-360deg)}to{transform:rotate(360deg)}}";
 

package/dist/cjs/vviinn-vpr-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5619b5ec.js');
-const _package = require('./package-1762509d.js');
+const _package = require('./package-d6dae17b.js');
 const VisualSearchIcon = require('./VisualSearchIcon-1180d079.js');
 
 const vviinnVprButtonCss = ":host{display:block}";

package/dist/cjs/vviinn-vps-button.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5619b5ec.js');
-const _package = require('./package-1762509d.js');
-const customizedSlots = require('./customized-slots-1b59bd38.js');
+const _package = require('./package-d6dae17b.js');
+const customizedSlots = require('./customized-slots-67b24737.js');
 const constants = require('./constants-7684cbfc.js');
 
 const CameraIcon = () => (index.h("svg", { width: "22", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },

package/dist/cjs/vviinn-vps-widget.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5619b5ec.js');
-const search_store = require('./search.store-0b319593.js');
+const search_store = require('./search.store-7605f369.js');
 const i18next = require('./i18next-74ff3413.js');
-const _package = require('./package-1762509d.js');
-const customizedSlots = require('./customized-slots-1b59bd38.js');
-const index$1 = require('./index-279a6a0f.js');
+const _package = require('./package-d6dae17b.js');
+const customizedSlots = require('./customized-slots-67b24737.js');
+const index$1 = require('./index-4445cb70.js');
 const constants = require('./constants-7684cbfc.js');
 
 const CameraActionIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
@@ -98,9 +98,6 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
     }
   return t;
 };
-const filterInt = (value) => /^[-+]?(\d+|Infinity)$/.test(value) ? Number(value) : NaN;
-const notEmptyString = (s) => !search_store.isEmpty(s);
-const notNan = (n) => !isNaN(n);
 const checkDeviceType = () => {
   const ua = navigator.userAgent;
   if (/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(ua)) {
@@ -395,12 +392,11 @@ const VviinnVpsWidget = class {
     search_store.state.locale = this.locale;
     this.cameraAvailable =
       !!navigator.mediaDevices && !!navigator.mediaDevices.getUserMedia;
-    const campaignId = search_store._function.pipe(this.campaignId, search_store.Option.fromNullable, search_store.Option.chain(search_store.Option.fromPredicate(notEmptyString)), search_store.Option.map(filterInt), search_store.Option.chain(search_store.Option.fromPredicate(notNan)), search_store.Option.map((s) => `${s}`));
     if (this.excluded) {
       this.excluded = search_store.parseExcluded(this.excluded);
     }
     search_store.searchState.token = this.token;
-    search_store.searchState.campaignId = campaignId;
+    search_store.searchState.campaignId = this.campaignId;
     search_store.searchState.excluded = this.excluded;
     this.uiSessionId = index$1.v4();
     this.trackingApi = index$1.createTrackingApi(this.apiPath, this.token);

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

@@ -1,6 +1,5 @@
 import { h } from "@stencil/core";
 const defaultSlotsNames = [
-  "vviinn-onboarding-title",
   "vviinn-teaser-text",
   "vviinn-image-upload-button-text",
   "vviinn-image-upload-icon",

package/dist/collection/components/vviinn-vps-button/vviinn-vps-button.js

@@ -5,13 +5,6 @@ import { SlotSkeleton } from "../customized-slots";
 import { campaignTypeNames } from "../../campaign/Campaign";
 import { DEFAULT_EXAMPLE_IMAGE } from "../../assets/constants";
 /**
- * @slot vviinn-onboarding-title - Title of onboarding section.
- * @slot onboarding-card-1-icon - Icon (or other graphics) on the first onboarding slide.
- * @slot onboarding-card-1-text - Text content of first onboarding slide.
- * @slot onboarding-card-2-icon - Icon (or other graphics) on the second onboarding slide.
- * @slot onboarding-card-2-text - Text content of second onboarding slide.
- * @slot onboarding-card-3-icon - Icon (or other graphics) on the third onboarding slide.
- * @slot onboarding-card-3-text - Text content of third onboarding slide.
  * @slot vviinn-teaser-text - Text on widget's main screen.
  * @slot vviinn-image-upload-button-text - Title of Upload Button.
  * @slot vviinn-show-files-button-text - Title of Show Files Button.

package/dist/collection/components/vviinn-vps-widget/vviinn-vps-widget.js

@@ -12,8 +12,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { Host, h, } from "@stencil/core";
 import * as O from "fp-ts/lib/Option";
-import { pipe } from "fp-ts/lib/function";
-import { isEmpty } from "fp-ts/string";
 import { v4 as uuidv4 } from "uuid";
 import i18next from "i18next";
 import { version } from "../../../package.json";
@@ -29,9 +27,6 @@ import { resources } from "../../locale/resources-vps";
 import { CameraActionIcon, UploadActionIcon } from "../vviinn-icons";
 import { DEFAULT_EXAMPLE_IMAGE } from "../../assets/constants";
 import { videoStreamSettings } from "../../video/settings";
-const filterInt = (value) => /^[-+]?(\d+|Infinity)$/.test(value) ? Number(value) : NaN;
-const notEmptyString = (s) => !isEmpty(s);
-const notNan = (n) => !isNaN(n);
 const checkDeviceType = () => {
   const ua = navigator.userAgent;
   if (/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(ua)) {
@@ -66,13 +61,6 @@ const checkDeviceType = () => {
  * @part title - Title inside Product Card.
  * @part text-search-input - Text search input.
 
- * @slot vviinn-onboarding-title - Title of onboarding section.
- * @slot onboarding-card-1-icon - Icon (or other graphics) on the first onboarding slide.
- * @slot onboarding-card-1-text - Text content of first onboarding slide.
- * @slot onboarding-card-2-icon - Icon (or other graphics) on the second onboarding slide.
- * @slot onboarding-card-2-text - Text content of second onboarding slide.
- * @slot onboarding-card-3-icon - Icon (or other graphics) on the third onboarding slide.
- * @slot onboarding-card-3-text - Text content of third onboarding slide.
  * @slot vviinn-teaser-text - Text on widget's main screen.
  * @slot vviinn-image-upload-button-text - Title of Upload Button.
  * @slot vviinn-image-upload-icon - Icon of Upload Button.
@@ -354,12 +342,11 @@ export class VviinnVpsWidget {
     state.locale = this.locale;
     this.cameraAvailable =
       !!navigator.mediaDevices && !!navigator.mediaDevices.getUserMedia;
-    const campaignId = pipe(this.campaignId, O.fromNullable, O.chain(O.fromPredicate(notEmptyString)), O.map(filterInt), O.chain(O.fromPredicate(notNan)), O.map((s) => `${s}`));
     if (this.excluded) {
       this.excluded = parseExcluded(this.excluded);
     }
     searchState.token = this.token;
-    searchState.campaignId = campaignId;
+    searchState.campaignId = this.campaignId;
     searchState.excluded = this.excluded;
     this.uiSessionId = uuidv4();
     this.trackingApi = createTrackingApi(this.apiPath, this.token);

package/dist/collection/searchSession/searchSession.js

@@ -16,9 +16,9 @@ export const detectedObjectEq = {
     x.rectangle.height === y.rectangle.height &&
     x.rectangle.width === y.rectangle.width,
 };
-export const imageSearchSessionClient = (initialData, campaignId = O.none, excludedFilters) => {
+export const imageSearchSessionClient = (initialData, campaignId, excludedFilters) => {
   const searchUrl = "search/session";
-  const requestUrl = pipe(campaignId, O.fold(() => {
+  const requestUrl = pipe(O.fromNullable(campaignId), O.fold(() => {
     const params = [];
     if (excludedFilters)
       params.push(excludedFilters);

package/dist/collection/store/search.store.js

@@ -17,13 +17,14 @@ import { imageFormFromFile } from "../Image/form";
 import { checkFileWithExtention, resizeFileTo } from "./file-processing";
 import { imageFromFileTask } from "../Image/fromFile";
 const RESIZED_IMAGE_WIDTH = 500;
+const HI_RES_RESIZED_IMAGE_WIDTH = 1024;
 const makeAuthorizedRequest = (token) => pipe(token, processBearerToken, E.map((headers) => {
   return {
     headers,
   };
 }));
 const { state, onChange } = createStore({
-  campaignId: O.none,
+  campaignId: "",
   excluded: "",
   results: [],
   filters: [],
@@ -60,7 +61,7 @@ const detectObjects = async (data) => {
   await pipe(getLink(data, "detectedObjects"), TE.fromOption(() => error), TE.chain(makeLinkRequest), TE.map((objects) => (state.detectedObjects = foldValueObject(objects))))();
   state.objectDetectionInProgress = false;
 };
-export const uploadHiresFile = async (sessionResponse, file) => {
+export const uploadHiResFile = async (sessionResponse, file) => {
   const ionFile = await F.fromFile(file);
   const formPayload = {
     image: ionFile,
@@ -105,10 +106,7 @@ export const uploadFile = (file) => {
 const uploadText = (query) => {
   state.searchType = "text";
   state.loading = true;
-  const body = JSON.stringify({
-    query,
-    campaign: O.getOrElse(() => "")(state.campaignId),
-  });
+  const body = JSON.stringify(Object.assign({ query }, (state.campaignId.length ? { campaign: state.campaignId } : {})));
   const tokenWithBody = sequenceToEither(processBearerToken(state.token), E.right(body));
   return pipe(tokenWithBody, E.map(([headers, body]) => {
     headers.set("Content-Type", "application/json");
@@ -157,9 +155,12 @@ const setSelectedImage = (image) => {
 export const processSelectedFile = async (file) => {
   const originFile = checkFileWithExtention(file);
   const fileResizer = resizeFileTo(RESIZED_IMAGE_WIDTH);
+  const hiResFileResizer = resizeFileTo(HI_RES_RESIZED_IMAGE_WIDTH);
   const resizeFileTask = pipe(originFile, TE.fromEither, TE.chainTaskK(fileResizer));
+  const resizeHiResFileTask = pipe(originFile, TE.fromEither, TE.chainTaskK(hiResFileResizer));
   const session = await pipe(resizeFileTask, TE.chain(uploadFile))();
-  pipe(sequenceToEither(session, originFile), E.map(([sessionObject, file]) => uploadHiresFile(sessionObject, file)));
   await pipe(resizeFileTask, TE.chainTaskK(imageFromFileTask), TE.map(setSelectedImage))();
+  const resizedHiResFile = await resizeHiResFileTask();
+  pipe(sequenceToEither(session, resizedHiResFile), E.map(([sessionObject, file]) => uploadHiResFile(sessionObject, file)));
   return session;
 };

package/dist/esm/{customized-slots-3bea41d2.js → customized-slots-e56251a2.js}

@@ -14,7 +14,6 @@ function fromString(s) {
 }
 
 const defaultSlotsNames = [
-  "vviinn-onboarding-title",
   "vviinn-teaser-text",
   "vviinn-image-upload-button-text",
   "vviinn-image-upload-icon",

package/dist/esm/{index-9c15b8f1.js → index-ff13425d.js}

@@ -1,4 +1,4 @@
-import { n as commonjsGlobal, o as createCommonjsModule } from './search.store-5eebcfbe.js';
+import { n as commonjsGlobal, o as createCommonjsModule } from './search.store-eaa5f165.js';
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number

package/dist/esm/{package-47553c09.js → package-3c563a3a.js}

@@ -1,3 +1,3 @@
-const version = "2.48.3";
+const version = "2.48.5";
 
 export { version as v };

package/dist/esm/search-filters_17.entry.js

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-1f3eaf12.js';
-import { s as searchState, a as _function, O as Option, r as fromAlt, u as foldValueObject, v as scaleWithSized, w as center, x as makeRectangularSearchRequest, y as detectedObjectEq, z as toFile, B as processSelectedFile, E as Either, C as match, o as createCommonjsModule, n as commonjsGlobal, D as sequenceToOption, F as fromImage, G as dimensionsFromImage, H as scaleByLargestSide, N as NonEmptyArray, I as processSelectedText } from './search.store-5eebcfbe.js';
+import { s as searchState, a as _function, O as Option, q as fromAlt, r as foldValueObject, u as scaleWithSized, v as center, w as makeRectangularSearchRequest, x as detectedObjectEq, y as toFile, z as processSelectedFile, E as Either, B as match, o as createCommonjsModule, n as commonjsGlobal, C as sequenceToOption, D as fromImage, F as dimensionsFromImage, G as scaleByLargestSide, N as NonEmptyArray, H as processSelectedText } from './search.store-eaa5f165.js';
 import { i as instance } from './i18next-387f2b0a.js';
 import { P as PlusIcon } from './PlusIcon-af795e23.js';
-import { s as slotChangeListener, c as campaignTypeNames } from './customized-slots-3bea41d2.js';
+import { s as slotChangeListener, c as campaignTypeNames } from './customized-slots-e56251a2.js';
 
 const ArrowIcon = () => (h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   h("path", { d: "M0 10 10 0l1.4 1.4L2.8 10l8.6 8.6L10 20 0 10Z" })));

package/dist/esm/{search.store-5eebcfbe.js → search.store-eaa5f165.js}

@@ -16401,22 +16401,6 @@ var Monoid = {
     concat: Semigroup.concat,
     empty: empty
 };
-// -------------------------------------------------------------------------------------
-// utils
-// -------------------------------------------------------------------------------------
-/**
- * Test whether a `string` is empty.
- *
- * @example
- * import * as S from 'fp-ts/string'
- * import { pipe } from 'fp-ts/function'
- *
- * assert.deepStrictEqual(pipe('', S.isEmpty), true)
- * assert.deepStrictEqual(pipe('a', S.isEmpty), false)
- *
- * @since 2.10.0
- */
-var isEmpty$1 = function (s) { return s.length === 0; };
 
 const basicErrorFromResponse = (error) => {
   return {
@@ -16502,9 +16486,9 @@ const detectedObjectEq = {
     x.rectangle.height === y.rectangle.height &&
     x.rectangle.width === y.rectangle.width,
 };
-const imageSearchSessionClient = (initialData, campaignId = none, excludedFilters) => {
+const imageSearchSessionClient = (initialData, campaignId, excludedFilters) => {
   const searchUrl = "search/session";
-  const requestUrl = _function.pipe(campaignId, fold(() => {
+  const requestUrl = _function.pipe(fromNullable(campaignId), fold(() => {
     const params = [];
     if (excludedFilters)
       params.push(excludedFilters);
@@ -17256,13 +17240,14 @@ const optionalResize = (image, size) => image.naturalWidth > size ? resizeImage(
 const resizeFileTo = (size) => (file) => _function.pipe(file, imageFromFileTask, Task.map((image) => optionalResize(image, size)), Task.chain(convertB64toFileTask));
 
 const RESIZED_IMAGE_WIDTH = 500;
+const HI_RES_RESIZED_IMAGE_WIDTH = 1024;
 const makeAuthorizedRequest = (token) => pipe(token, processBearerToken, map$4((headers) => {
   return {
     headers,
   };
 }));
 const { state, onChange } = createStore({
-  campaignId: Option.none,
+  campaignId: "",
   excluded: "",
   results: [],
   filters: [],
@@ -17299,7 +17284,7 @@ const detectObjects = async (data) => {
   await pipe(getLink(data, "detectedObjects"), fromOption(() => error), chain(makeLinkRequest), map((objects) => (state.detectedObjects = foldValueObject(objects))))();
   state.objectDetectionInProgress = false;
 };
-const uploadHiresFile = async (sessionResponse, file) => {
+const uploadHiResFile = async (sessionResponse, file) => {
   const ionFile = await fromFile(file);
   const formPayload = {
     image: ionFile,
@@ -17344,10 +17329,7 @@ const uploadFile = (file) => {
 const uploadText = (query) => {
   state.searchType = "text";
   state.loading = true;
-  const body = JSON.stringify({
-    query,
-    campaign: Option.getOrElse(() => "")(state.campaignId),
-  });
+  const body = JSON.stringify(Object.assign({ query }, (state.campaignId.length ? { campaign: state.campaignId } : {})));
   const tokenWithBody = sequenceToEither(processBearerToken(state.token), right(body));
   return pipe(tokenWithBody, map$4(([headers, body]) => {
     headers.set("Content-Type", "application/json");
@@ -17396,11 +17378,14 @@ const setSelectedImage = (image) => {
 const processSelectedFile = async (file) => {
   const originFile = checkFileWithExtention(file);
   const fileResizer = resizeFileTo(RESIZED_IMAGE_WIDTH);
+  const hiResFileResizer = resizeFileTo(HI_RES_RESIZED_IMAGE_WIDTH);
   const resizeFileTask = pipe(originFile, fromEither, chainTaskK(fileResizer));
+  const resizeHiResFileTask = pipe(originFile, fromEither, chainTaskK(hiResFileResizer));
   const session = await pipe(resizeFileTask, chain(uploadFile))();
-  pipe(sequenceToEither(session, originFile), map$4(([sessionObject, file]) => uploadHiresFile(sessionObject, file)));
   await pipe(resizeFileTask, chainTaskK(imageFromFileTask), map(setSelectedImage))();
+  const resizedHiResFile = await resizeHiResFileTask();
+  pipe(sequenceToEither(session, resizedHiResFile), map$4(([sessionObject, file]) => uploadHiResFile(sessionObject, file)));
   return session;
 };
 
-export { Apply as A, processSelectedFile as B, match$1 as C, sequenceToOption as D, Either as E, fromImage as F, dimensionsFromImage as G, scaleByLargestSide as H, processSelectedText as I, NonEmptyArray as N, Option as O, Semigroup$1 as S, TaskEither as T, _Array as _, _function as a, state$1 as b, chainW as c, createInitGetRequest as d, map$3 as e, fromEither as f, getApiPath as g, has as h, match as i, arrayToQueryString as j, parseExcluded as k, checkEmpryString as l, makeRequest as m, commonjsGlobal as n, createCommonjsModule as o, pipe as p, isEmpty$1 as q, fromAlt as r, searchState as s, tuple as t, foldValueObject as u, scaleWithSized as v, center as w, makeRectangularSearchRequest as x, detectedObjectEq as y, toFile as z };
+export { Apply as A, match$1 as B, sequenceToOption as C, fromImage as D, Either as E, dimensionsFromImage as F, scaleByLargestSide as G, processSelectedText as H, NonEmptyArray as N, Option as O, Semigroup$1 as S, TaskEither as T, _Array as _, _function as a, state$1 as b, chainW as c, createInitGetRequest as d, map$3 as e, fromEither as f, getApiPath as g, has as h, match as i, arrayToQueryString as j, parseExcluded as k, checkEmpryString as l, makeRequest as m, commonjsGlobal as n, createCommonjsModule as o, pipe as p, fromAlt as q, foldValueObject as r, searchState as s, tuple as t, scaleWithSized as u, center as v, makeRectangularSearchRequest as w, detectedObjectEq as x, toFile as y, processSelectedFile as z };

package/dist/esm/vviinn-carousel_4.entry.js

@@ -1,10 +1,10 @@
 import { h, r as registerInstance, H as Host, g as getElement, c as createEvent, F as Fragment } from './index-1f3eaf12.js';
-import { _ as _Array, O as Option, S as Semigroup, a as _function, h as has, t as tuple, E as Either, s as searchState, b as state, p as pipe, c as chainW, m as makeRequest, f as fromEither, g as getApiPath, d as createInitGetRequest, A as Apply, e as map, i as match, j as arrayToQueryString, k as parseExcluded, T as TaskEither, l as checkEmpryString } from './search.store-5eebcfbe.js';
+import { _ as _Array, O as Option, S as Semigroup, a as _function, h as has, t as tuple, E as Either, s as searchState, b as state, p as pipe, c as chainW, m as makeRequest, f as fromEither, g as getApiPath, d as createInitGetRequest, A as Apply, e as map, i as match, j as arrayToQueryString, k as parseExcluded, T as TaskEither, l as checkEmpryString } from './search.store-eaa5f165.js';
 import { i as instance } from './i18next-387f2b0a.js';
 import { P as PlusIcon } from './PlusIcon-af795e23.js';
-import { s as slotChangeListener, c as campaignTypeNames, f as fromString, a as fold, S as SlotSkeleton } from './customized-slots-3bea41d2.js';
-import { v as version } from './package-47553c09.js';
-import { v as v4, c as createTrackingApi, a as createAddToBasketVpcEvent, b as createAddToBasketVprEvent, d as createWidgetVpcEvent, e as createWidgetVprEvent, f as createResultVpcEventByType, g as createResultVprEventByType, h as createProductVpcEventByType, i as createProductVprEventByType } from './index-9c15b8f1.js';
+import { s as slotChangeListener, c as campaignTypeNames, f as fromString, a as fold, S as SlotSkeleton } from './customized-slots-e56251a2.js';
+import { v as version } from './package-3c563a3a.js';
+import { v as v4, c as createTrackingApi, a as createAddToBasketVpcEvent, b as createAddToBasketVprEvent, d as createWidgetVpcEvent, e as createWidgetVprEvent, f as createResultVpcEventByType, g as createResultVprEventByType, h as createProductVpcEventByType, i as createProductVprEventByType } from './index-ff13425d.js';
 
 const BasketIcon = () => (h("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   h("path", { d: "M7.5 22C6.95 22 6.47917 21.8042 6.0875 21.4125C5.69583 21.0208 5.5 20.55 5.5 20C5.5 19.45 5.69583 18.9792 6.0875 18.5875C6.47917 18.1958 6.95 18 7.5 18C8.05 18 8.52083 18.1958 8.9125 18.5875C9.30417 18.9792 9.5 19.45 9.5 20C9.5 20.55 9.30417 21.0208 8.9125 21.4125C8.52083 21.8042 8.05 22 7.5 22ZM17.5 22C16.95 22 16.4792 21.8042 16.0875 21.4125C15.6958 21.0208 15.5 20.55 15.5 20C15.5 19.45 15.6958 18.9792 16.0875 18.5875C16.4792 18.1958 16.95 18 17.5 18C18.05 18 18.5208 18.1958 18.9125 18.5875C19.3042 18.9792 19.5 19.45 19.5 20C19.5 20.55 19.3042 21.0208 18.9125 21.4125C18.5208 21.8042 18.05 22 17.5 22ZM6.65 6L9.05 11H16.05L18.8 6H6.65ZM5.7 4H20.45C20.8333 4 21.125 4.17083 21.325 4.5125C21.525 4.85417 21.5333 5.2 21.35 5.55L17.8 11.95C17.6167 12.2833 17.3708 12.5417 17.0625 12.725C16.7542 12.9083 16.4167 13 16.05 13H8.6L7.5 15H18.5C18.7833 15 19.0208 15.0958 19.2125 15.2875C19.4042 15.4792 19.5 15.7167 19.5 16C19.5 16.2833 19.4042 16.5208 19.2125 16.7125C19.0208 16.9042 18.7833 17 18.5 17H7.5C6.75 17 6.18333 16.6708 5.8 16.0125C5.41667 15.3542 5.4 14.7 5.75 14.05L7.1 11.6L3.5 4H2.5C2.21667 4 1.97917 3.90417 1.7875 3.7125C1.59583 3.52083 1.5 3.28333 1.5 3C1.5 2.71667 1.59583 2.47917 1.7875 2.2875C1.97917 2.09583 2.21667 2 2.5 2H4.125C4.30833 2 4.48333 2.05 4.65 2.15C4.81667 2.25 4.94167 2.39167 5.025 2.575L5.7 4Z", fill: "#525252" })));

package/dist/esm/vviinn-preloader.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-1f3eaf12.js';
-import { s as searchState } from './search.store-5eebcfbe.js';
+import { s as searchState } from './search.store-eaa5f165.js';
 
 const vviinnPreloaderCss = ":host{--preloader-size:24px;--preloader-width:calc(var(--preloader-size) / 6);transform-origin:center;animation:rotate 3s linear infinite;border:var(--preloader-width) solid currentColor;border-radius:50%;border-top-color:transparent;display:none;outline:0;width:var(--preloader-size);height:var(--preloader-size);box-sizing:border-box}:host(.active){display:flex}@keyframes rotate{from{transform:rotate(-360deg)}to{transform:rotate(360deg)}}";
 

package/dist/esm/vviinn-vpr-button.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f3eaf12.js';
-import { v as version } from './package-47553c09.js';
+import { v as version } from './package-3c563a3a.js';
 import { V as VisualSearchIcon } from './VisualSearchIcon-13f7da6a.js';
 
 const vviinnVprButtonCss = ":host{display:block}";

package/dist/esm/vviinn-vps-button.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-1f3eaf12.js';
-import { v as version } from './package-47553c09.js';
-import { c as campaignTypeNames, S as SlotSkeleton } from './customized-slots-3bea41d2.js';
+import { v as version } from './package-3c563a3a.js';
+import { c as campaignTypeNames, S as SlotSkeleton } from './customized-slots-e56251a2.js';
 import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-8bf233a9.js';
 
 const CameraIcon = () => (h("svg", { width: "22", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },

package/dist/esm/vviinn-vps-widget.entry.js

@@ -1,9 +1,9 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-1f3eaf12.js';
-import { s as searchState, b as state, a as _function, O as Option, k as parseExcluded, q as isEmpty } from './search.store-5eebcfbe.js';
+import { s as searchState, b as state, k as parseExcluded, O as Option } from './search.store-eaa5f165.js';
 import { i as instance } from './i18next-387f2b0a.js';
-import { v as version } from './package-47553c09.js';
-import { c as campaignTypeNames, s as slotChangeListener, S as SlotSkeleton } from './customized-slots-3bea41d2.js';
-import { j as createSearchEvent, k as createFilterEvent, v as v4, c as createTrackingApi, l as createWidgetVpsEvent, m as createProductVpsEventByType, n as createResultVpsEventByType } from './index-9c15b8f1.js';
+import { v as version } from './package-3c563a3a.js';
+import { c as campaignTypeNames, s as slotChangeListener, S as SlotSkeleton } from './customized-slots-e56251a2.js';
+import { j as createSearchEvent, k as createFilterEvent, v as v4, c as createTrackingApi, l as createWidgetVpsEvent, m as createProductVpsEventByType, n as createResultVpsEventByType } from './index-ff13425d.js';
 import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-8bf233a9.js';
 
 const CameraActionIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
@@ -94,9 +94,6 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
     }
   return t;
 };
-const filterInt = (value) => /^[-+]?(\d+|Infinity)$/.test(value) ? Number(value) : NaN;
-const notEmptyString = (s) => !isEmpty(s);
-const notNan = (n) => !isNaN(n);
 const checkDeviceType = () => {
   const ua = navigator.userAgent;
   if (/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(ua)) {
@@ -391,12 +388,11 @@ const VviinnVpsWidget = class {
     state.locale = this.locale;
     this.cameraAvailable =
       !!navigator.mediaDevices && !!navigator.mediaDevices.getUserMedia;
-    const campaignId = _function.pipe(this.campaignId, Option.fromNullable, Option.chain(Option.fromPredicate(notEmptyString)), Option.map(filterInt), Option.chain(Option.fromPredicate(notNan)), Option.map((s) => `${s}`));
     if (this.excluded) {
       this.excluded = parseExcluded(this.excluded);
     }
     searchState.token = this.token;
-    searchState.campaignId = campaignId;
+    searchState.campaignId = this.campaignId;
     searchState.excluded = this.excluded;
     this.uiSessionId = v4();
     this.trackingApi = createTrackingApi(this.apiPath, this.token);

package/dist/types/components/vviinn-vps-button/vviinn-vps-button.d.ts

@@ -2,13 +2,6 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { BasicEventData, ProductCardEventData, SelectFilterEventData, SelectObjectEventData } from "../../recommendation/events";
 import { Locale } from "../../locale";
 /**
- * @slot vviinn-onboarding-title - Title of onboarding section.
- * @slot onboarding-card-1-icon - Icon (or other graphics) on the first onboarding slide.
- * @slot onboarding-card-1-text - Text content of first onboarding slide.
- * @slot onboarding-card-2-icon - Icon (or other graphics) on the second onboarding slide.
- * @slot onboarding-card-2-text - Text content of second onboarding slide.
- * @slot onboarding-card-3-icon - Icon (or other graphics) on the third onboarding slide.
- * @slot onboarding-card-3-text - Text content of third onboarding slide.
  * @slot vviinn-teaser-text - Text on widget's main screen.
  * @slot vviinn-image-upload-button-text - Title of Upload Button.
  * @slot vviinn-show-files-button-text - Title of Show Files Button.

package/dist/types/components/vviinn-vps-widget/vviinn-vps-widget.d.ts

@@ -28,13 +28,6 @@ type UploadSource = "uploadPhoto" | "startCamera";
  * @part title - Title inside Product Card.
  * @part text-search-input - Text search input.
 
- * @slot vviinn-onboarding-title - Title of onboarding section.
- * @slot onboarding-card-1-icon - Icon (or other graphics) on the first onboarding slide.
- * @slot onboarding-card-1-text - Text content of first onboarding slide.
- * @slot onboarding-card-2-icon - Icon (or other graphics) on the second onboarding slide.
- * @slot onboarding-card-2-text - Text content of second onboarding slide.
- * @slot onboarding-card-3-icon - Icon (or other graphics) on the third onboarding slide.
- * @slot onboarding-card-3-text - Text content of third onboarding slide.
  * @slot vviinn-teaser-text - Text on widget's main screen.
  * @slot vviinn-image-upload-button-text - Title of Upload Button.
  * @slot vviinn-image-upload-icon - Icon of Upload Button.

package/dist/types/searchSession/searchSession.d.ts

@@ -3,7 +3,6 @@ import { Link } from "../network/ion/Link";
 import { Form } from "../network/ion/Form";
 import { Recommendation } from "../recommendation/recommendation";
 import * as TE from "fp-ts/TaskEither";
-import * as O from "fp-ts/Option";
 import { RectangleAlt } from "../geometry/RectangleAlt";
 import { Eq } from "fp-ts/lib/Eq";
 import { BasicError } from "../error";
@@ -50,6 +49,6 @@ type ContainsHiresImageUpload = {
 };
 export type SearchSession = ValueObject<Recommendation[]> & HasFilters & Partial<ContainsDetectedObjects> & ContainsRectangleSearch & ContainsHiresImageUpload;
 export type ObjectsDetectedEvent = CustomEvent<ValueObject<DetectedObject>[]>;
-export declare const imageSearchSessionClient: (initialData: RequestInit, campaignId: O.Option<string>, excludedFilters: string) => TE.TaskEither<BasicError<Response | string>, SearchSession>;
+export declare const imageSearchSessionClient: (initialData: RequestInit, campaignId: string, excludedFilters: string) => TE.TaskEither<BasicError<Response | string>, SearchSession>;
 export declare const textSearchSessionClient: (initialData: RequestInit) => TE.TaskEither<BasicError<Response | string>, TextSearchSession>;
 export {};