vviinn-widgets 2.215.3 → 2.216.0

package/dist/cjs/{index-D9aqF1Pk.js → index-bn8_Qi8U.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-D38ORu31.js');
-var search_store = require('./search.store-B_zxc87K.js');
+var search_store = require('./search.store-D6AWQWQ5.js');
 var store = require('./store-jPZ4ROqV.js');
 
 const PlusIcon = () => (index.h("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "plus-icon", "aria-hidden": "true" },

package/dist/cjs/{search.store-B_zxc87K.js → search.store-D6AWQWQ5.js}

@@ -8593,7 +8593,7 @@ const encodeToBase64UTF8 = (str) => {
     return btoa(String.fromCharCode.apply(null, utf8Array));
 };
 
-const version = "2.215.3";
+const version = "2.216.0";
 
 const appStateGlobalDefaults = {
     excluded: null,
@@ -8727,6 +8727,15 @@ const uploadImageFile = (store, token, imageType = "image", searchId, apiPath, c
         inner: error,
     })), Rectangle.chain$1((body) => processVisualSearch(store, body, token, apiPath, isHiResUpdate)))));
 };
+const makeVisualSearchByUrlRequest = async (store, imageUrl, token, apiPath, campaignId) => {
+    const state = useStore(store);
+    const body = Object.assign(Object.assign({ query: {
+            url: imageUrl,
+        }, objectDetection: {
+            include: true,
+        } }, addNestedIfNotEmpty("staticFilters", Object.assign({}, addIfNotEmpty("excluded", state.excluded)))), addIfNotEmpty("campaign", campaignId || state.campaignIdVisualSearch || state.campaignId));
+    return processVisualSearch(store, body, token, apiPath)();
+};
 const makeUploadFileRequest = (store, token, apiPath, campaignId) => async (file) => {
     var _a;
     const state = useStore(store);
@@ -8894,6 +8903,7 @@ exports.makeAutoSuggestRequest = makeAutoSuggestRequest;
 exports.makeProductListingPageRequest = makeProductListingPageRequest;
 exports.makeTextSearchRequest = makeTextSearchRequest;
 exports.makeUploadFileRequest = makeUploadFileRequest;
+exports.makeVisualSearchByUrlRequest = makeVisualSearchByUrlRequest;
 exports.makeVisualSearchRequest = makeVisualSearchRequest;
 exports.parseStringToExcluded = parseStringToExcluded;
 exports.resetStore = resetStore;

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-D38ORu31.js');
 var store = require('./store-jPZ4ROqV.js');
-var search_store = require('./search.store-B_zxc87K.js');
+var search_store = require('./search.store-D6AWQWQ5.js');
 var index$1 = require('./index-CBteD3gC.js');
 var SecondaryActionIcon = require('./SecondaryActionIcon-Ng84u7-b.js');
 var index$2 = require('./index-CvMi8_tX.js');

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

@@ -2,9 +2,9 @@
 
 var index = require('./index-D38ORu31.js');
 var Rectangle = require('./Rectangle-7dF6_xf3.js');
-var search_store = require('./search.store-B_zxc87K.js');
+var search_store = require('./search.store-D6AWQWQ5.js');
 var index$2 = require('./index-CBteD3gC.js');
-var index$1 = require('./index-D9aqF1Pk.js');
+var index$1 = require('./index-bn8_Qi8U.js');
 var store = require('./store-jPZ4ROqV.js');
 var cropperUtils = require('./cropperUtils-DCDOLeBS.js');
 var openProductLink = require('./openProductLink-BwHUGXtr.js');

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

@@ -1,10 +1,10 @@
 'use strict';
 
 var index = require('./index-D38ORu31.js');
-var search_store = require('./search.store-B_zxc87K.js');
+var search_store = require('./search.store-D6AWQWQ5.js');
 var Rectangle = require('./Rectangle-7dF6_xf3.js');
 var store = require('./store-jPZ4ROqV.js');
-var index$1 = require('./index-D9aqF1Pk.js');
+var index$1 = require('./index-bn8_Qi8U.js');
 var constants = require('./constants-BlwqMvns.js');
 var index$2 = require('./index-CBteD3gC.js');
 var index$3 = require('./index-CvMi8_tX.js');

package/dist/cjs/vviinn-shop-the-look.cjs.entry.js

@@ -4,7 +4,7 @@ var index = require('./index-D38ORu31.js');
 var Rectangle = require('./Rectangle-7dF6_xf3.js');
 var cropperUtils = require('./cropperUtils-DCDOLeBS.js');
 var swiperElement = require('./swiper-element-DjtzojCR.js');
-var search_store = require('./search.store-B_zxc87K.js');
+var search_store = require('./search.store-D6AWQWQ5.js');
 var SecondaryActionIcon = require('./SecondaryActionIcon-Ng84u7-b.js');
 var index$1 = require('./index-CvMi8_tX.js');
 var store = require('./store-jPZ4ROqV.js');
@@ -148,17 +148,6 @@ const calculateImageBounds = (imageElement) => {
     };
 };
 
-/**
- * Create a File object from an image URL for upload
- */
-const createImageFile = async (imageUrl) => {
-    const imageResponse = await fetch(imageUrl);
-    const imageBlob = await imageResponse.blob();
-    return new File([imageBlob], "image.jpg", {
-        type: "image/jpeg",
-    });
-};
-
 const isDesktop = search_store.isDesktop;
 const getVisibilityThreshold = (isDesktop) => {
     return isDesktop
@@ -230,15 +219,14 @@ const calculateModalPosition = (imageElement, detectedObject, containerElement,
 };
 const performVisualSearch = async (params) => {
     try {
-        const imageFile = await createImageFile(params.imageUrl);
-        const result = await search_store.makeUploadFileRequest("shopTheLook", params.token, params.apiPath, params.campaignId)(imageFile);
-        return Rectangle.EitherExports.fold((error) => Rectangle.EitherExports.left(`Upload failed: ${error.inner}`), (uploadResponse) => {
+        const result = await search_store.makeVisualSearchByUrlRequest("shopTheLook", params.imageUrl, params.token, params.apiPath, params.campaignId);
+        return Rectangle.EitherExports.fold((error) => Rectangle.EitherExports.left(`Visual search failed: ${error.inner}`), (response) => {
             var _a, _b;
-            const detectedObjects = ((_b = (_a = uploadResponse.interactions) === null || _a === void 0 ? void 0 : _a.suggestedSearchAreas) === null || _b === void 0 ? void 0 : _b.map((area) => area.rectangle)) || [];
+            const detectedObjects = ((_b = (_a = response.interactions) === null || _a === void 0 ? void 0 : _a.suggestedSearchAreas) === null || _b === void 0 ? void 0 : _b.map((area) => area.rectangle)) || [];
             return Rectangle.EitherExports.right({
                 detectedObjects,
                 searchResults: [],
-                visualSearchId: uploadResponse.requestId || null,
+                visualSearchId: response.requestId || null,
             });
         })(result);
     }

package/dist/cjs/vviinn-text-search.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-D38ORu31.js');
 var Rectangle = require('./Rectangle-7dF6_xf3.js');
-var search_store = require('./search.store-B_zxc87K.js');
+var search_store = require('./search.store-D6AWQWQ5.js');
 var index$2 = require('./index-CBteD3gC.js');
 var store = require('./store-jPZ4ROqV.js');
 var index$1 = require('./index-CvMi8_tX.js');

package/dist/collection/components/vviinn-shop-the-look/helpers.js

@@ -2,8 +2,7 @@ import * as E from "fp-ts/lib/Either";
 import { INTERSECTION_THRESHOLDS } from "./constants";
 import { isDesktop as sharedIsDesktop, isSmallMobile as sharedIsSmallMobile, } from "../../helpers/device/checkDeviceType";
 import { calculateImageBounds } from "../../Image/bounds";
-import { createImageFile } from "../../Image/upload";
-import { makeUploadFileRequest, makeVisualSearchRequest, shopTheLookState, } from "../../store/search.store";
+import { makeUploadFileRequest, makeVisualSearchByUrlRequest, makeVisualSearchRequest, shopTheLookState, } from "../../store/search.store";
 import { imageFromFileTask } from "../../Image/fromFile";
 export const isDesktop = sharedIsDesktop;
 export const isSmallMobile = sharedIsSmallMobile;
@@ -83,7 +82,6 @@ export const calculateModalPosition = (imageElement, detectedObject, containerEl
     return { x: screenX, y: screenY, anchor };
 };
 export { calculateImageBounds } from "../../Image/bounds";
-export { createImageFile } from "../../Image/upload";
 export { setupIntersectionObserver, } from "../../dom";
 export const resetSearchState = () => ({
     detectedObjects: [],
@@ -95,15 +93,14 @@ export const resetSearchState = () => ({
 });
 export const performVisualSearch = async (params) => {
     try {
-        const imageFile = await createImageFile(params.imageUrl);
-        const result = await makeUploadFileRequest("shopTheLook", params.token, params.apiPath, params.campaignId)(imageFile);
-        return E.fold((error) => E.left(`Upload failed: ${error.inner}`), (uploadResponse) => {
+        const result = await makeVisualSearchByUrlRequest("shopTheLook", params.imageUrl, params.token, params.apiPath, params.campaignId);
+        return E.fold((error) => E.left(`Visual search failed: ${error.inner}`), (response) => {
             var _a, _b;
-            const detectedObjects = ((_b = (_a = uploadResponse.interactions) === null || _a === void 0 ? void 0 : _a.suggestedSearchAreas) === null || _b === void 0 ? void 0 : _b.map((area) => area.rectangle)) || [];
+            const detectedObjects = ((_b = (_a = response.interactions) === null || _a === void 0 ? void 0 : _a.suggestedSearchAreas) === null || _b === void 0 ? void 0 : _b.map((area) => area.rectangle)) || [];
             return E.right({
                 detectedObjects,
                 searchResults: [],
-                visualSearchId: uploadResponse.requestId || null,
+                visualSearchId: response.requestId || null,
             });
         })(result);
     }

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

@@ -147,6 +147,15 @@ const uploadImageFile = (store, token, imageType = "image", searchId, apiPath, c
         inner: error,
     })), TE.chain((body) => processVisualSearch(store, body, token, apiPath, isHiResUpdate)))));
 };
+export const makeVisualSearchByUrlRequest = async (store, imageUrl, token, apiPath, campaignId) => {
+    const state = useStore(store);
+    const body = Object.assign(Object.assign({ query: {
+            url: imageUrl,
+        }, objectDetection: {
+            include: true,
+        } }, addNestedIfNotEmpty("staticFilters", Object.assign({}, addIfNotEmpty("excluded", state.excluded)))), addIfNotEmpty("campaign", campaignId || state.campaignIdVisualSearch || state.campaignId));
+    return processVisualSearch(store, body, token, apiPath)();
+};
 export const makeUploadFileRequest = (store, token, apiPath, campaignId) => async (file) => {
     var _a;
     const state = useStore(store);

package/dist/esm/{index-D8FY9QQF.js → index-CQdC4_WT.js}

@@ -1,5 +1,5 @@
 import { h } from './index-RkvPN2Rk.js';
-import { h as addIfNotEmpty, p as parseStringToExcluded, n as isValueMatch, o as isIntervalMatch, q as valueToString, r as extractFilterValue } from './search.store-D4TKj1zR.js';
+import { j as addIfNotEmpty, p as parseStringToExcluded, o as isValueMatch, q as isIntervalMatch, r as valueToString, t as extractFilterValue } from './search.store-BIcjmGOC.js';
 import { i as instance } from './store-BJxQCbNV.js';
 
 const PlusIcon = () => (h("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "plus-icon", "aria-hidden": "true" },

package/dist/esm/{search.store-D4TKj1zR.js → search.store-BIcjmGOC.js}

@@ -8591,7 +8591,7 @@ const encodeToBase64UTF8 = (str) => {
     return btoa(String.fromCharCode.apply(null, utf8Array));
 };
 
-const version = "2.215.3";
+const version = "2.216.0";
 
 const appStateGlobalDefaults = {
     excluded: null,
@@ -8725,6 +8725,15 @@ const uploadImageFile = (store, token, imageType = "image", searchId, apiPath, c
         inner: error,
     })), chain$1((body) => processVisualSearch(store, body, token, apiPath, isHiResUpdate)))));
 };
+const makeVisualSearchByUrlRequest = async (store, imageUrl, token, apiPath, campaignId) => {
+    const state = useStore(store);
+    const body = Object.assign(Object.assign({ query: {
+            url: imageUrl,
+        }, objectDetection: {
+            include: true,
+        } }, addNestedIfNotEmpty("staticFilters", Object.assign({}, addIfNotEmpty("excluded", state.excluded)))), addIfNotEmpty("campaign", campaignId || state.campaignIdVisualSearch || state.campaignId));
+    return processVisualSearch(store, body, token, apiPath)();
+};
 const makeUploadFileRequest = (store, token, apiPath, campaignId) => async (file) => {
     var _a;
     const state = useStore(store);
@@ -8871,4 +8880,4 @@ const clearAutoSuggestCompletions = (store) => {
     state.autoSuggestCompletions = [];
 };
 
-export { checkDeviceType as A, isMobile as B, fromString as C, fold as D, _ArrayExports as _, makeUploadFileRequest as a, imageFromFileTask as b, setTextSearchQuery as c, clearAutoSuggestCompletions as d, makeAutoSuggestRequest as e, campaignTypeNames as f, getAcceptableFileFormats as g, addIfNotEmpty as h, isDesktop as i, makeTextSearchRequest as j, getAcceptableFileFormatsForDisplay as k, searchState as l, makeVisualSearchRequest as m, isValueMatch as n, isIntervalMatch as o, parseStringToExcluded as p, valueToString as q, extractFilterValue as r, shopTheLookState as s, toFile as t, useSearchStore as u, version as v, getImageSizes as w, checkImageType as x, resetStore as y, makeProductListingPageRequest as z };
+export { makeProductListingPageRequest as A, checkDeviceType as B, isMobile as C, fromString as D, fold as E, _ArrayExports as _, makeVisualSearchByUrlRequest as a, imageFromFileTask as b, makeUploadFileRequest as c, setTextSearchQuery as d, clearAutoSuggestCompletions as e, makeAutoSuggestRequest as f, getAcceptableFileFormats as g, campaignTypeNames as h, isDesktop as i, addIfNotEmpty as j, makeTextSearchRequest as k, getAcceptableFileFormatsForDisplay as l, makeVisualSearchRequest as m, searchState as n, isValueMatch as o, parseStringToExcluded as p, isIntervalMatch as q, valueToString as r, shopTheLookState as s, extractFilterValue as t, useSearchStore as u, version as v, toFile as w, getImageSizes as x, checkImageType as y, resetStore as z };

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

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, H as Host, c as createEvent, g as getElement, F as Fragment } from './index-RkvPN2Rk.js';
 import { i as instance } from './store-BJxQCbNV.js';
-import { k as getAcceptableFileFormatsForDisplay, f as campaignTypeNames, h as addIfNotEmpty, l as searchState, u as useSearchStore, v as version } from './search.store-D4TKj1zR.js';
+import { l as getAcceptableFileFormatsForDisplay, h as campaignTypeNames, j as addIfNotEmpty, n as searchState, u as useSearchStore, v as version } from './search.store-BIcjmGOC.js';
 import { s as slotChangeListener, a as addEventListenersWithSignal } from './index-OsoUj2Au.js';
 import { S as SecondaryActionIcon } from './SecondaryActionIcon-FWFzrhba.js';
 import { m as modalParts, c as carouselParts, p as productCardParts, r as recommendationsParts, i as initializeLocale } from './index-BtnjaTty.js';

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

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement, F as Fragment } from './index-RkvPN2Rk.js';
 import { _ as _functionExports, E as EitherExports, f as fold, b as fromImage, a as divideOnSized, e as isLeft, m as match, O as OptionExports } from './Rectangle-dmgo4KMB.js';
-import { t as toFile, a as makeUploadFileRequest, w as getImageSizes, v as version, f as campaignTypeNames, h as addIfNotEmpty, m as makeVisualSearchRequest, u as useSearchStore, x as checkImageType, g as getAcceptableFileFormats, c as setTextSearchQuery, y as resetStore, j as makeTextSearchRequest, z as makeProductListingPageRequest, A as checkDeviceType, p as parseStringToExcluded } from './search.store-D4TKj1zR.js';
+import { w as toFile, c as makeUploadFileRequest, x as getImageSizes, v as version, h as campaignTypeNames, j as addIfNotEmpty, m as makeVisualSearchRequest, u as useSearchStore, y as checkImageType, g as getAcceptableFileFormats, d as setTextSearchQuery, z as resetStore, k as makeTextSearchRequest, A as makeProductListingPageRequest, B as checkDeviceType, p as parseStringToExcluded } from './search.store-BIcjmGOC.js';
 import { s as slotChangeListener, a as addEventListenersWithSignal, p as productCardSlotNames, v as vprIconSlotName, f as findSlotElements, g as getSlotNames, b as setElementInteractivity, S as SlotSkeleton } from './index-OsoUj2Au.js';
-import { g as getRemoveFilterAriaLabel, F as FilterIconClose, P as PlusIcon, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, c as createWidgetEvent, a as createFilterEvent, v as v4, b as createAddToBasketEvent, d as createAddToWishlistEvent, e as createResultEventByType, f as createProductEventByType, h as getCustomLabels, t as triggerFilter, i as getIntervalLabel, j as triggerRemoveIntervalFilter, k as announceToScreenReader, s as syncRequestFilters, l as isSubFilterActive, m as RenderFilterButton, n as createImageSearchEvent } from './index-D8FY9QQF.js';
+import { g as getRemoveFilterAriaLabel, F as FilterIconClose, P as PlusIcon, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, c as createWidgetEvent, a as createFilterEvent, v as v4, b as createAddToBasketEvent, d as createAddToWishlistEvent, e as createResultEventByType, f as createProductEventByType, h as getCustomLabels, t as triggerFilter, i as getIntervalLabel, j as triggerRemoveIntervalFilter, k as announceToScreenReader, s as syncRequestFilters, l as isSubFilterActive, m as RenderFilterButton, n as createImageSearchEvent } from './index-CQdC4_WT.js';
 import { i as instance, t as trackEvent, a as isTrackingEnabled, d as defaultConfig } from './store-BJxQCbNV.js';
 import { M as MIN_SEARCH_AREA_SIZE, S as SUPPORTED_ASPECT_RATIO, a as MIN_IMAGE_SIDE_FOR_CROPPER, C as Cropper, c as cropperOptions, g as getCropBoxData, i as isCropBoxChangeMinimal, D as DEFAULT_IMAGE_SIZE } from './cropperUtils-CkB6bG3L.js';
 import { r as renderExternalCSS, o as openProductLink } from './openProductLink-CJ9Wo3Ye.js';

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

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, c as createEvent, f as forceUpdate, F as Fragment, H as Host, g as getElement } from './index-RkvPN2Rk.js';
-import { f as campaignTypeNames, h as addIfNotEmpty, _ as _ArrayExports, u as useSearchStore, B as isMobile, C as fromString, D as fold, v as version } from './search.store-D4TKj1zR.js';
+import { h as campaignTypeNames, j as addIfNotEmpty, _ as _ArrayExports, u as useSearchStore, C as isMobile, D as fromString, E as fold, v as version } from './search.store-BIcjmGOC.js';
 import { X as has, Y as tuple, _ as _functionExports, g as requireSemigroup, O as OptionExports, v as pipe$1, N as chainW, Z as makeRequest, L as fromEither, $ as resolveApiPath, a0 as createInitPostRequest, a1 as Apply, a2 as TaskEitherExports, E as EitherExports } from './Rectangle-dmgo4KMB.js';
 import { i as instance, d as defaultConfig, t as trackEvent, a as isTrackingEnabled } from './store-BJxQCbNV.js';
-import { S as SET_MODE_IMAGE_WIDTH_CSS_VAR, C as CONTENT_GROUP_CSS_CLASS, o as CAROUSEL_IMAGE_WIDTH_CSS_VAR, p as CAROUSEL_CONTENT_WIDTH_CSS_VAR, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, D as DEFAULT_COLUMNS_NUMBER, h as getCustomLabels, q as SCROLL_POSITION_TOLERANCE, r as triggerResetFilters, t as triggerFilter, k as announceToScreenReader, i as getIntervalLabel, u as isPriceFilter, l as isSubFilterActive, m as RenderFilterButton, s as syncRequestFilters, P as PlusIcon, w as CUSTOM_LABELS_DELIMITER, v as v4, c as createWidgetEvent, e as createResultEventByType, b as createAddToBasketEvent, d as createAddToWishlistEvent, f as createProductEventByType, x as getRecommendationsBody } from './index-D8FY9QQF.js';
+import { S as SET_MODE_IMAGE_WIDTH_CSS_VAR, C as CONTENT_GROUP_CSS_CLASS, o as CAROUSEL_IMAGE_WIDTH_CSS_VAR, p as CAROUSEL_CONTENT_WIDTH_CSS_VAR, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, D as DEFAULT_COLUMNS_NUMBER, h as getCustomLabels, q as SCROLL_POSITION_TOLERANCE, r as triggerResetFilters, t as triggerFilter, k as announceToScreenReader, i as getIntervalLabel, u as isPriceFilter, l as isSubFilterActive, m as RenderFilterButton, s as syncRequestFilters, P as PlusIcon, w as CUSTOM_LABELS_DELIMITER, v as v4, c as createWidgetEvent, e as createResultEventByType, b as createAddToBasketEvent, d as createAddToWishlistEvent, f as createProductEventByType, x as getRecommendationsBody } from './index-CQdC4_WT.js';
 import { P as PRODUCT_CARD_IMAGE_WIDTH, D as DISCOVERY_WIDGET_IMAGE_RESOLUTION_WIDTH, c as PRODUCT_CARD_IMAGE_RESOLUTION_WIDTH } from './constants-rqiiCPBX.js';
 import { s as slotChangeListener, a as addEventListenersWithSignal, i as isElementInSelector, S as SlotSkeleton } from './index-OsoUj2Au.js';
 import { o as energyLabelParts, i as initializeLocale, j as extendedFiltersParts, h as filtersParts, q as imageParts, e as contentCardParts, l as listCardParts, p as productCardParts, t as priceRangeParts } from './index-BtnjaTty.js';

package/dist/esm/vviinn-shop-the-look.entry.js

@@ -2,7 +2,7 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 import { a as divideOnSized, E as EitherExports } from './Rectangle-dmgo4KMB.js';
 import { C as Cropper, c as cropperOptions, g as getCropBoxData, i as isCropBoxChangeMinimal } from './cropperUtils-CkB6bG3L.js';
 import { g as getSwiperStyles, c as configureSwiperElement, r as register, e as extractSlideIndex, s as setupIntersectionObserver } from './swiper-element-Er2KrWw1.js';
-import { i as isDesktop$1, s as shopTheLookState, m as makeVisualSearchRequest, a as makeUploadFileRequest, b as imageFromFileTask, g as getAcceptableFileFormats } from './search.store-D4TKj1zR.js';
+import { i as isDesktop$1, s as shopTheLookState, m as makeVisualSearchRequest, a as makeVisualSearchByUrlRequest, b as imageFromFileTask, c as makeUploadFileRequest, g as getAcceptableFileFormats } from './search.store-BIcjmGOC.js';
 import { S as SecondaryActionIcon } from './SecondaryActionIcon-FWFzrhba.js';
 import { i as initializeLocale, a as shopTheLookParts } from './index-BtnjaTty.js';
 import { d as defaultConfig } from './store-BJxQCbNV.js';
@@ -146,17 +146,6 @@ const calculateImageBounds = (imageElement) => {
     };
 };
 
-/**
- * Create a File object from an image URL for upload
- */
-const createImageFile = async (imageUrl) => {
-    const imageResponse = await fetch(imageUrl);
-    const imageBlob = await imageResponse.blob();
-    return new File([imageBlob], "image.jpg", {
-        type: "image/jpeg",
-    });
-};
-
 const isDesktop = isDesktop$1;
 const getVisibilityThreshold = (isDesktop) => {
     return isDesktop
@@ -228,15 +217,14 @@ const calculateModalPosition = (imageElement, detectedObject, containerElement,
 };
 const performVisualSearch = async (params) => {
     try {
-        const imageFile = await createImageFile(params.imageUrl);
-        const result = await makeUploadFileRequest("shopTheLook", params.token, params.apiPath, params.campaignId)(imageFile);
-        return EitherExports.fold((error) => EitherExports.left(`Upload failed: ${error.inner}`), (uploadResponse) => {
+        const result = await makeVisualSearchByUrlRequest("shopTheLook", params.imageUrl, params.token, params.apiPath, params.campaignId);
+        return EitherExports.fold((error) => EitherExports.left(`Visual search failed: ${error.inner}`), (response) => {
             var _a, _b;
-            const detectedObjects = ((_b = (_a = uploadResponse.interactions) === null || _a === void 0 ? void 0 : _a.suggestedSearchAreas) === null || _b === void 0 ? void 0 : _b.map((area) => area.rectangle)) || [];
+            const detectedObjects = ((_b = (_a = response.interactions) === null || _a === void 0 ? void 0 : _a.suggestedSearchAreas) === null || _b === void 0 ? void 0 : _b.map((area) => area.rectangle)) || [];
             return EitherExports.right({
                 detectedObjects,
                 searchResults: [],
-                visualSearchId: uploadResponse.requestId || null,
+                visualSearchId: response.requestId || null,
             });
         })(result);
     }

package/dist/esm/vviinn-text-search.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-RkvPN2Rk.js';
 import { _ as _functionExports, f as fold } from './Rectangle-dmgo4KMB.js';
-import { c as setTextSearchQuery, d as clearAutoSuggestCompletions, e as makeAutoSuggestRequest, v as version, f as campaignTypeNames, h as addIfNotEmpty, j as makeTextSearchRequest, u as useSearchStore } from './search.store-D4TKj1zR.js';
+import { d as setTextSearchQuery, e as clearAutoSuggestCompletions, f as makeAutoSuggestRequest, v as version, h as campaignTypeNames, j as addIfNotEmpty, k as makeTextSearchRequest, u as useSearchStore } from './search.store-BIcjmGOC.js';
 import { s as slotChangeListener, f as findSlotElements } from './index-OsoUj2Au.js';
 import { i as instance, d as defaultConfig } from './store-BJxQCbNV.js';
 import { i as initializeLocale, b as searchBarParts, s as searchModalFirstScreenParts } from './index-BtnjaTty.js';

package/dist/types/components/vviinn-shop-the-look/helpers.d.ts

@@ -23,7 +23,6 @@ export declare const shouldKeepImageVisible: (params: VisibilityUpdateParams) =>
 export declare const shouldRenderDetectedObjects: (imageState: ImageState | null, isActiveSlide: boolean) => boolean;
 export declare const calculateModalPosition: (imageElement: HTMLImageElement, detectedObject: Rectangle, containerElement?: HTMLElement, preCalculatedImageBounds?: Rectangle | null) => ModalPosition;
 export { calculateImageBounds } from "../../Image/bounds";
-export { createImageFile } from "../../Image/upload";
 export { setupIntersectionObserver, type IntersectionObserverConfig, } from "../../dom";
 export declare const resetSearchState: () => {
     detectedObjects: any[];

package/dist/types/store/search.store.d.ts

@@ -43,6 +43,14 @@ declare const componentsState: SearchStore, onChangeComponentsState: OnChangeHan
 declare const shopTheLookState: SearchStore, onChangeShopTheLookState: OnChangeHandler<SearchStore>;
 export type ResetMode = "appStateOnly" | "receivedDataOnly" | "appStateAndReceivedData" | "all" | "manual";
 export declare const resetStore: (store: SearchStoreName, mode?: ResetMode, excludedFields?: (keyof SearchStore)[]) => void;
+export declare const makeVisualSearchByUrlRequest: (store: SearchStoreName, imageUrl: string, token: string, apiPath?: string, campaignId?: string | null) => Promise<import("fp-ts/lib/Either").Either<import("../error").BasicError<string | Response>, {
+    requestId?: import("../interfaces/generated").components["schemas"]["request-id"];
+    data?: {
+        products: import("../interfaces/generated").components["schemas"]["response-products"];
+    };
+    interactions?: import("../interfaces/generated").components["schemas"]["interactions"];
+    stream?: import("../interfaces/generated").components["schemas"]["stream"];
+}>>;
 export declare const makeUploadFileRequest: (store: SearchStoreName, token: string, apiPath?: string, campaignId?: string | null) => (file: File) => Promise<import("fp-ts/lib/Either").Either<import("../error").BasicError<string | Response>, {
     requestId?: import("../interfaces/generated").components["schemas"]["request-id"];
     data?: {