1(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{"//Yn":function(e,t,n){"use strict";n.d(t,"a",(function(){return SearchFilter}));var r=n("q1tI"),a=n("EVdn");function DropdownSearchFilter(e){var t=Object(r.useRef)(),n=Object(r.useRef)(),l=Object(r.useRef)();return l.current=e.onChange,Object(r.useEffect)((function(){if(n.current&&t.current){var r=a(n.current),i=e.options.map((function(t){return{id:t.slug,text:t.name,selected:t.slug===e.value}}));return i.splice(0,0,{id:"",text:"All",selected:null===e.value}),r.select2({dropdownParent:t.current,allowClear:!1,data:i,width:"100%",templateSelection:function formatSelection(t){var n=a('<div>\n <span class="search-filter-type"></span>\n <span class="search-filter-value"></span>\n <span class="search-filter-close">\n <i class="fa-thin fa-x"></i>\n </span>\n <span class="search-caret"></span>\n </div>');return n.find(".search-filter-type").html(e.name+":"),n.find(".search-filter-value").html(t.text),""===t.id&&n.find(".search-filter-close").css("display","none"),n},theme:"tagwalk-search",disabled:!0===e.disabled}),r.on("change.select2",(function(){l.current(r.val())})),r.next(".select2-container").on("pointerdown",".search-filter-close",(function(e){if(e.stopImmediatePropagation(),e.preventDefault(),e.originalEvent){var t=e.originalEvent;t.stopImmediatePropagation(),t.preventDefault()}l.current(null),r.val("")})),function(){return r.empty().select2("destroy")}}}),[n.current,e.value,e.options,e.disabled]),r.createElement(r.Fragment,null,r.createElement("div",null,r.createElement("div",{ref:t,style:{minWidth:"100px",position:"relative"}},r.createElement("select",{ref:n}))))}function SearchFilter(e){return r.createElement(r.Fragment,null,r.createElement(DropdownSearchFilter,{name:e.name,value:e.value,options:e.options,onChange:e.onChange,disabled:e.disabled}))}},X7nJ:function(e,t,n){"use strict";n.d(t,"a",(function(){return SearchComponent}));var r=n("q1tI"),a=n("teTQ"),l=n("Jxc7"),i=n("fn2/"),c=n("9/5/"),o=n.n(c),s=n("//Yn"),__assign=function(){return(__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},__awaiter=function(e,t,n,r){return new(n||(n=Promise))((function(a,l){function fulfilled(e){try{step(r.next(e))}catch(e){l(e)}}function rejected(e){try{step(r.throw(e))}catch(e){l(e)}}function step(e){e.done?a(e.value):function adopt(e){return e instanceof n?e:new n((function(t){t(e)}))}(e.value).then(fulfilled,rejected)}step((r=r.apply(e,t||[])).next())}))},__generator=function(e,t){var n,r,a,l,i={label:0,sent:function sent(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return l={next:verb(0),throw:verb(1),return:verb(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function verb(l){return function(c){return function step(l){if(n)throw new TypeError("Generator is already executing.");for(;i;)try{if(n=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(a=i.trys,(a=a.length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],r=0}finally{n=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,c])}}},u=function(){function SearchFiltersAPIService(){}return SearchFiltersAPIService.fetch=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){switch(n.label){case 0:return[4,Object(l.fetchApi)("api_search_filters_get",a.HttpMethods.get,e)];case 1:if(!(t=n.sent()).ok)throw new Error("filters could not be fetched");return[2,t.json()]}}))}))},SearchFiltersAPIService.fetchV2=function(e,t){return __awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(r){switch(r.label){case 0:return[4,Object(l.fetchApi)("api_medias_search_filters_v2_get",a.HttpMethods.get,__assign({search:e},t))];case 1:if(!(n=r.sent()).ok)throw new Error("filters could not be fetched");return[2,n.json()]}}))}))},SearchFiltersAPIService}(),f=n("EVdn"),AsyncDropdownSearchFilter_assign=function(){return(AsyncDropdownSearchFilter_assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)};function AsyncDropdownSearchFilter(e){var t=Object(r.useRef)(),n=Object(r.useRef)();return Object(r.useEffect)((function(){if(n.current){var r=f(n.current);r.select2(AsyncDropdownSearchFilter_assign({dropdownParent:t.current,allowClear:!1,width:"100%",theme:"tagwalk-tags-v1"},e.select2AdditionalProps)),r.on("change.select2",(function(){e.onChange(r.val())}));for(var a=0,l=e.defaultOptions;a<l.length;a++){var i=l[a];r.append(i)}return e.onSelect2&&e.onSelect2(r,t.current),function(){return r.select2("destroy")}}}),[n.current,e.value,e.select2AdditionalProps,e.defaultOptions]),r.createElement(r.Fragment,null,r.createElement("div",null,r.createElement("div",{ref:t,style:{minWidth:"100px",position:"relative"}}
1,r.createElement("select",{ref:n,multiple:!0===e.multiple}))))}var SearchInputV1_awaiter=function(e,t,n,r){return new(n||(n=Promise))((function(a,l){function fulfilled(e){try{step(r.next(e))}catch(e){l(e)}}function rejected(e){try{step(r.throw(e))}catch(e){l(e)}}function step(e){e.done?a(e.value):function adopt(e){return e instanceof n?e:new n((function(t){t(e)}))}(e.value).then(fulfilled,rejected)}step((r=r.apply(e,t||[])).next())}))},SearchInputV1_generator=function(e,t){var n,r,a,l,i={label:0,sent:function sent(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return l={next:verb(0),throw:verb(1),return:verb(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function verb(l){return function(c){return function step(l){if(n)throw new TypeError("Generator is already executing.");for(;i;)try{if(n=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(a=i.trys,(a=a.length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],r=0}finally{n=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,c])}}};function SearchInputV1(e){var t=this,n=Object(r.useState)([]),i=n[0],c=n[1],o=Object(r.useRef)(e.onClear);o.current=e.onClear,Object(r.useEffect)((function(){SearchInputV1_awaiter(t,void 0,void 0,(function(){var t,n,r,i,o,s;return SearchInputV1_generator(this,(function(u){switch(u.label){case 0:return t=[],Array.isArray(e.value)?[4,Object(l.fetchApi)("api_tag_options_v2",a.HttpMethods.get,{tags:e.value})]:[2];case 1:return(n=u.sent()).ok?[4,n.json()]:(c([]),[2]);case 2:for(r=u.sent(),i=0,o=r;i<o.length;i++)s=o[i],t.push(new Option(s.name,"tag:"+s.value,!1,!0));return c(t),[2]}}))}))}),[e.value]);var s=Object(r.useState)({placeholder:e.placeholder,ajax:{url:Object(l.generateRoute)("api_search_v1_autocomplete_get",{},!1),dataType:"json",delay:300,headers:{accept:"application/json","content-type":"application/json"},data:function data(e){return{search:e.term,language:Object(l.getLang)()}},processResults:function processResults(e,t){for(var n=[],r=0;r<e.results.length;r++){var a=e.results[r];n.push({id:a.type+":"+a.slug,text:a.text})}return t.page=t.page||1,{results:n,pagination:{more:10*t.page<e.total_count}}}}})[0],u=Object(r.useCallback)((function(t,n){var r=f(n).find(".select2-selection");if(r.prepend(f('\n <div class="search-tags-v1-input-left-icon-wrapper">\n <i class="iconoir-search"></i>\n </div>\n ')),e.value&&e.value.length>0){var a=f('\n <div class="search-clear-btn">\n <i class="iconoir-xmark"></i>\n </div>\n ');r.append(a),a.find("i.iconoir-xmark").on("click",(function(e){o.current&&(o.current()||t.val([]).trigger("change.select2"));e.stopPropagation()}))}t.on("select2:open",(function(){var e=f(this).data("select2").$dropdown;if(e){var t=f(e).find(".select2-results");t.find(".suggestions-spacer").length>0||t.prepend(f('<div class="suggestions-spacer"></div>'))}}))}),[]);return r.createElement(r.Fragment,null,r.createElement("div",{className:"search-tags-v1"+(!0!==e.disableMarginTop?" search-title-margin":"")},r.createElement(AsyncDropdownSearchFilter,{name:"Tags",multiple:!0,value:e.value,select2AdditionalProps:s,onChange:e.onChange,defaultOptions:i,onSelect2:u})))}var d=n("9FM0");function readStoredState(){try{return"true"===window.localStorage.getItem("tw_collection_filters_open")}catch(e){return!1}}var h=n("9rZX"),p=n("FGyW"),g=n("0CwA"),m={x:.15,y:.15,w:.7,h:.7};function clamp(e,t,n){return Math.min(n,Math.max(t,e))}function isFullFrame(e){return e.x<=.001&&e.y<=.001&&e.w>=.999&&e.h>=.999}function ImageCropper(e){var t=Object(r.useRef)(null),n=Object(r.useRef)(null),a=Object(r.useState)(m),i=a[0],c=a[1],o=Object(r.useState)(!1),s=o[0],u=o[1],f=Object(r.useState)(!1),d=f[0],h=f[1],p=Object(r.useState)(!1),g=p[0],v=p[1],b=Object(r.useRef)(null),y=Object(r.useRef)(null),w=Object(r.useRef)(null),O=Object(r.useRef)({rect:i,loading:e.loading,onConfirm:e.onConfirm});function startDrag(e,t){t.preventDefault(),t.stopPropagation(),null!==b.current&&(window.clearTimeout(b.current),b.current=null),v(!1),y.current={mode:e,startX:t.clientX,startY:t.clientY,startRect:i},h(!0)}function stageAnchor(e){var n=t.current;if(!n)return null;var r=n.getBoundingClientRect();return{x:clamp((e.clientX-r.left)/r.width,0,1),y:clamp((e.clientY-r.top)/r.height,0,1)}}Object(r.useEffect)((function(){O.current={rect:i,loading:e.loading,onConfirm:e.onConfirm}})),Object(r.useEffect)((function(){return function(){null!==b.current&&window.clearTimeout(b.current)}}),[]),Object(r.useEffect)((function(){if(!e.loading){var t=w.current;t&&(w.current=null,e.onConfirm(t.crop))}}),[e.loading]),Object(r.useEffect)((function(){function onMove(e){var n=y.current,r=t.current;if(n&&r){var a=r.getBoundingClientRect();if(0!==a.width&&0!==a.height){var l=(e.clientX-n.startX)/a.width,i=(e.clientY-n.startY)/a.height,o=n.startRect;if("draw"!==n.mode.kind)if("move"!==n.mode.kind){var s=n.mode.corner,u=o.x,f=o.y,d=o.w,h=o.h,p=o.x+o.w,g=o.y+o.h;d="nw"===s||"sw"===s?p-(u=clamp(o.x+l,0,p-.05)):clamp(o.w+l,.05,1-o.x),h="nw"===s||"ne"===s?g-(f=clamp(o.y+i,0,g-.05)):clamp(o.h+i,.05,1-o.y),c({x:u,y:f,w:d,h:h})}else c({x:clamp(o.x+l,0,1-o.w),y:clamp(o.y+i,0,1-o.h),w:o.w,h:o.h});else{var m=n.mode.anchor,v=clamp((e.clientX-a.left)/a.width,0,1),b=clamp((e.clientY-a.top)/a.height,0,1),w=Math.max(Math.abs(v-m.x),.05),O=Math.max(Math.abs(b-m.y),.05),j=clamp(Math.min(m.x,v),0,1-w),S=clamp(Math.min(m.y,b),0,1-O);c({x:j,y:S,w:clamp(w,.05,1),h:clamp(O,.05,1)})}}}}function onUp(){var e=null!==y.current;if(y.current=null,h(!1),e){var t=O.current,r=function cropFromRect(e,t){if(!t||!t.naturalWi
1dth||!t.naturalHeight)return null;var n=t.naturalWidth,r=t.naturalHeight,a=clamp(Math.round(e.x*n),0,n),l=clamp(Math.round(e.y*r),0,r),i=clamp(Math.round((e.x+e.w)*n),0,n),c=clamp(Math.round((e.y+e.h)*r),0,r);return i-a<1||c-l<1?null:{x1:a,y1:l,x2:i,y2:c}}(t.rect,n.current);t.loading?w.current={crop:r}:t.onConfirm(r)}}return window.addEventListener("pointermove",onMove),window.addEventListener("pointerup",onUp),function(){window.removeEventListener("pointermove",onMove),window.removeEventListener("pointerup",onUp)}}),[]);var j=isFullFrame(i)?{left:"12px",top:"12px",width:"calc(100% - 24px)",height:"calc(100% - 24px)",cursor:"crosshair"}:{left:100*i.x+"%",top:100*i.y+"%",width:100*i.w+"%",height:100*i.h+"%",cursor:"move"};return r.createElement("div",{className:"image-crop"},r.createElement("div",{className:"image-crop-stage",ref:t,onPointerDown:function startStageDraw(e){var t=stageAnchor(e);t&&startDrag({kind:"draw",anchor:t},e)}},r.createElement("img",{ref:n,className:"image-crop-img",src:e.src,alt:Object(l.translate)("image_search.crop_image_alt"),draggable:!1,onLoad:function onLoad(){u(!0);var t=n.current,r=e.initialCrop;if(r&&t&&t.naturalWidth&&t.naturalHeight){var a=t.naturalWidth,l=t.naturalHeight;c({x:clamp(r.x1/a,0,1),y:clamp(r.y1/l,0,1),w:clamp((r.x2-r.x1)/a,.05,1),h:clamp((r.y2-r.y1)/l,.05,1)})}}}),s&&r.createElement("div",{className:"image-crop-selection"+(g?" image-crop-selection--animate":""),style:j,onPointerDown:function startSelectionDrag(e){var t=isFullFrame(i)?stageAnchor(e):null;startDrag(t?{kind:"draw",anchor:t}:{kind:"move"},e)}},["nw","ne","sw","se"].map((function(e){return r.createElement("span",{key:e,className:"image-crop-handle image-crop-handle--"+e,onPointerDown:function onPointerDown(t){return startDrag({kind:"resize",corner:e},t)}})}))),s&&r.createElement("div",{className:"image-crop-toolbar"+(d?" image-crop-toolbar--dragging":""),onPointerDown:function onPointerDown(e){return e.stopPropagation()}},r.createElement("button",{type:"button",className:"image-crop-toolbar-btn",onClick:function useWholeImage(){v(!0),c({x:0,y:0,w:1,h:1}),e.onConfirm(null),b.current=window.setTimeout((function(){v(!1),b.current=null}),250)},disabled:e.loading,title:Object(l.translate)("image_search.use_whole_image"),"aria-label":Object(l.translate)("image_search.use_whole_image")},e.loading?r.createElement("div",{className:"spinner"}):r.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("line",{x1:"0.5",y1:"3.5",x2:"0.5",y2:"8.5",stroke:"currentColor",strokeLinecap:"round"}),r.createElement("line",{x1:"0.5",y1:"8.5",x2:"5.5",y2:"8.5",stroke:"currentColor",strokeLinecap:"round"}),r.createElement("line",{x1:"8.5",y1:"0.5",x2:"8.5",y2:"5.5",stroke:"currentColor",strokeLinecap:"round"}),r.createElement("line",{x1:"3.5",y1:"0.5",x2:"8.5",y2:"0.5",stroke:"currentColor",strokeLinecap:"round"}))))))}var UploadImageModal_awaiter=function(e,t,n,r){return new(n||(n=Promise))((function(a,l){function fulfilled(e){try{step(r.next(e))}catch(e){l(e)}}function rejected(e){try{step(r.throw(e))}catch(e){l(e)}}function step(e){e.done?a(e.value):function adopt(e){return e instanceof n?e:new n((function(t){t(e)}))}(e.value).then(fulfilled,rejected)}step((r=r.apply(e,t||[])).next())}))},UploadImageModal_generator=function(e,t){var n,r,a,l,i={label:0,sent:function sent(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return l={next:verb(0),throw:verb(1),return:verb(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function verb(l){return function(c){return function step(l){if(n)throw new TypeError("Generator is already executing.");for(;i;)try{if(n=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(a=i.trys,(a=a.length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],r=0}finally{n=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,c])}}},v=document.querySelector("body");v&&h.setAppElement(v);function UploadImageModal(e){var t=Object(r.useState)(!1),n=t[0],a=t[1],c=Object(r.useState)(!1),o=c[0],s=c[1],u=Object(r.useState)(null),f=u[0],d=u[1],m=Object(r.useState)(!1),v=m[0],b=m[1],y=Object(r.useState)(!1),w=y[0],O=y[1],j=Object(r.useRef)(null),S=Object(r.useRef)(null),E=Object(r.useRef)(!1);function close(){d(null),s(!1),b(!1),O(!1),E.current=!1,e.onClose()}function search(t,n){var r,a,c,o,u,f,d,h,m,v,y;return UploadImageModal_awaiter(this,void 0,void 0,(function(){var w,O;return UploadImageModal_generator(this,(function(j){switch(j.label){case 0:return s(!0),b(!1),null===(r=e.onSearchStart)||void 0===r||r.call(e),[4,Object(g.l)(t,{crop:n,filter:null!==(a=e.filter)&&void 0!==a?a:null})];case 1:return w=j.sent(),s(!1),"ok"===w.status?(null===(c=e.refreshQuota)||void 0===c||c.call(e),e.onComplete?(e.onComplete(),b(!0)):(O={image_search:"1"},(null===(o=e.filter)||void 0===o?void 0:o.typeSlug)&&(O.type=e.filter.typeSlug),(null===(u=e.filter)||void 0===u?void 0:u.seasonSlug)&&(O.season=e.filter.seasonSlug),(null===(f=e.filter)||void 0===f?void 0:f.citySlug)&&(O.city=e.filter.citySlug),(null===(d=e.filter)||void 0===d?void 0:d.designerSlug)&&(O.designer=e.filter.designerSlug),Object(g.j)(),Ob
1ject(i.c)(Object(l.generateRoute)("look_search",O))),[2]):(null===(h=e.onSearchError)||void 0===h||h.call(e),"payment_required"===w.status?(close(),null===(m=e.onPaymentRequired)||void 0===m||m.call(e),[2]):"quota_exceeded"===w.status?(null===(v=e.refreshQuota)||void 0===v||v.call(e),close(),null===(y=e.onQuotaExceeded)||void 0===y||y.call(e),[2]):"unavailable"===w.status?(p.d.error(Object(l.translate)("image_search.errors.unavailable")),[2]):(p.d.error(Object(l.translate)("image_search.errors.process_failed")),[2]))}}))}))}function handleFile(e){return UploadImageModal_awaiter(this,void 0,void 0,(function(){var t;return UploadImageModal_generator(this,(function(n){switch(n.label){case 0:if(!e)return[2];if(!e.type.startsWith("image/"))return p.d.error(Object(l.translate)("image_search.errors.invalid_file")),[2];n.label=1;case 1:return n.trys.push([1,3,,4]),[4,Object(g.k)(e)];case 2:return t=n.sent(),d(t),search(t,null),[3,4];case 3:return n.sent(),p.d.error(Object(l.translate)("image_search.errors.read_failed")),[3,4];case 4:return[2]}}
1))}))}return Object(r.useEffect)((function(){e.isOpen&&e.initialImage&&(d(e.initialImage),e.initialResultsReady&&b(!0))}),[e.isOpen,e.initialImage,e.initialResultsReady]),Object(r.useEffect)((function(){if(v&&!w)return window.addEventListener("scroll",onScroll,{passive:!0}),function(){return window.removeEventListener("scroll",onScroll)};function onScroll(){!function flyIntoSearchBar(){if(E.current)return;var e=S.current,t=document.querySelector(".search-input .image-search-thumb-wrap");if(!e||!t)return void close();E.current=!0,O(!0);var n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.width/n.width,l=r.height/n.height,i=r.left+r.width/2-(n.left+n.width/2),c=r.top+r.height/2-(n.top+n.height/2);requestAnimationFrame((function(){e.style.transform="translate("+i+"px, "+c+"px) scale("+a+", "+l+")",e.style.opacity="0"})),window.setTimeout(close,420)}()}}),[v,w]),r.createElement(h,{isOpen:e.isOpen,onRequestClose:close,contentRef:function contentRef(e){S.current=e},className:"image-search-modal tds"+(w?" image-search-modal--flying":""),overlayClassName:"image-search-modal-overlay backdrop"+(w?" image-search-modal-overlay--flying":"")},r.createElement("div",{className:"image-search-modal-header"},f&&!e.quotaExceeded&&r.createElement("button",{type:"button",className:"image-search-modal-back",onClick:function onClick(){return d(null)},"aria-label":Object(l.translate)("image_search.back_to_upload"),title:Object(l.translate)("image_search.back_to_upload")},r.createElement("i",{className:"iconoir-arrow-left"})),r.createElement("h2",{className:"image-search-modal-title"},Object(l.translate)("image_search.modal_title")),r.createElement("button",{type:"button",className:"image-search-modal-close",onClick:close,"aria-label":Object(l.translate)("image_search.close")},r.createElement("i",{className:"iconoir-xmark"}))),f&&r.createElement("p",{className:"image-crop-hint"},o?Object(l.translate)("image_search.searching"):Object(l.translate)("image_search.crop_hint")),f&&r.createElement("div",{className:"image-search-modal-body"},r.createElement(ImageCropper,{src:f,loading:o,initialCrop:e.initialCrop,onConfirm:function onConfirm(e){return search(f,e)}})),!f&&r.createElement("div",{className:"image-search-modal-body image-search-upload"},r.createElement("div",{className:"image-search-dropzone"+(n?" image-search-dropzone--over":""),onDragOver:function onDragOver(e){e.preventDefault(),a(!0)},onDragLeave:function onDragLeave(){return a(!1)},onDrop:function onDrop(e){var t;e.preventDefault(),a(!1),o||handleFile(null===(t=e.dataTransfer.files)||void 0===t?void 0:t[0])}},r.createElement("i",{className:"iconoir-media-image-sparkle image-search-dropzone-icon"}),r.createElement("span",{className:"image-search-dropzone-text"},Object(l.translate)("image_search.dropzone_prefix")," ",r.createElement("label",{className:"image-search-import-link"},Object(l.translate)("image_search.dropzone_link"),r.createElement("input",{ref:j,type:"file",accept:"image/*",hidden:!0,onChange:function onChange(e){var t;return handleFile(null===(t=e.target.files)||void 0===t?void 0:t[0])}})))),o&&r.createElement("div",{className:"image-search-loading"},Object(l.translate)("image_search.searching"))))}var b=n("36qZ"),y=n("Dxel"),w=n("LecF"),SearchComponent_assign=function(){return(SearchComponent_assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},SearchComponent_awaiter=function(e,t,n,r){return new(n||(n=Promise))((function(a,l){function fulfilled(e){try{step(r.next(e))}catch(e){l(e)}}function rejected(e){try{step(r.throw(e))}catch(e){l(e)}}function step(e){e.done?a(e.value):function adopt(e){return e instanceof n?e:new n((function(t){t(e)}))}(e.value).then(fulfilled,rejected)}step((r=r.apply(e,t||[])).next())}))},SearchComponent_generator=function(e,t){var n,r,a,l,i={label:0,sent:function sent(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return l={next:verb(0),throw:verb(1),return:verb(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function verb(l){return function(c){return function step(l){if(n)throw new TypeError("Generator is already executing.");for(;i;)try{if(n=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(a=i.trys,(a=a.length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(6===l[0]&&i.label<a[1]){i.label=a[1],a=l;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(l);break}a[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],r=0}finally{n=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,c])}}};function normalizeAppData(){return"undefined"!=typeof appData?appData:{search:""}}function stripNullishParams(e){for(var t={},n=0,r=Object.keys(e);n<r.length;n++){var a=r[n];null!==e[a]&&void 0!==e[a]&&(t[a]=e[a])}return t}function SearchComponent(e){var t,n=this,c=normalizeAppData(),f=Object(r.useState)(e.imageSearchActive?"":null!==(t=null==c?void 0:c.search)&&void 0!==t?t:""),h=f[0],p=f[1],m=Object(r.useState)("filters"in c?c.filters:null),v=m[0],O=m[1],j=Object(r.useState)([]),S=j[0],E=j[1],C=Object(r.useState)(!1),k=C[0],x=C[1],_=Object(r.useRef)(!1),N=sessionStorage.getItem("search_v2.previous_filters"),F=Object(r.useState)(N?JSON.parse(N):null)[0],A=Object(r.useState)(null),R=A[0],D=A[1],I=Object(r.useState)(""),P=I[0],M=I[1],T=Object(r.useState)(null),q=T[0],L=T[1],V=Object(r.useState)(!1),W=V[0],z=V[1],B=Object(r.useState)(null),H=B[0],Q=B[1],X=Object(r.useState)(!0),Y=X[0],J=X[1],K=function useFilterToggle(){var e=Object(r.useState)(readStoredState),t=e[0],n=e[1];return Object(r.useEffect)((function(){try{window.localStorage.setItem("tw_collection_filters_open",String(t))}catch(e){}}),[t]),[t,n]}(),G=K[0],U=K[1],Z=Object(r.useState)(!1),$=Z[0],ee=Z[1],te=Object(r.useState)(!1),ne=te[0],re=te[1],ae=Object(r.useState)(!1),le=ae[0],ie=ae[1],ce=Object(r.useState)(!1),oe=ce[0],se=ce[1],ue=Object(r.useState)(null),fe=ue[0],de=ue[1],he=Object(r.useState)(null),pe=he[0],ge=he[1],me=Object(r.useState)(!1),ve=me[0],be=me[1],ye=!!((null==v?void 0:v.designer)&&(null==v?void 0:v.type)&&(null==v?void 0:v.season)),we=Object(r.useRef)(!0);Object(r.useEffect)((function(){return function(){we.current=!1}}),[]),Object(r.useEffect)((function(){e.imageSearchActive&&p("")}),[e.imageSearchActive]),Object(r.useEffect)((function(){if(e.imageSearchActive&&Object(g.b)()){var t=Object(g.d)();t&&(de(t),ge(Object(g.c)()),be(!0),ee(!0))}}),[e.imageSearchActive]);var Oe=Object(r.useCallback)((function(){return SearchComponent_awaiter(n,void 0,void 0,(function(){var e;return SearchComponent_generator(this,(function(t){switch(t.label){case 0:return[4,Object(g.g)()];case 1:return e=t.sent(),we.current&&Q(e),[2]}}))}))}),[]);function onImageSearchClick(){return SearchComponent_awaiter(this,void 0,void 0,(function(){var e;return SearchComponent_generator(this,(function(t){switch(t.label){case 0:return null==H?[3,1]:(e=H,[3,3]);case 1:return[4,Object(g.g)()];case 2:e=t.sent(),t.label=3;case 3:return e?(se(!0),[2]):(de(null),ge(null),be(!1),[4,Object(g.h)()]);case 4:return t.sent()?(ee(!0),[3,7]):[3,5];case 5:return[4,openPaywall()];case 6:t.sent(),t.label=7;case 7:return[2]}}
1))}))}function openPaywall(){return SearchComponent_awaiter(this,void 0,void 0,(function(){var e;return SearchComponent_generator(this,(function(t){switch(t.label){case 0:return[4,y.a.fetchLoginStatus()];case 1:return e=t.sent(),we.current?(ie(!0===(null==e?void 0:e.logged)),re(!0),[2]):[2]}}))}))}function onEditCrop(){return SearchComponent_awaiter(this,void 0,void 0,(function(){var e;return SearchComponent_generator(this,(function(t){switch(t.label){case 0:return!0===H?(se(!0),[2]):(e=Object(g.d)())?[4,Object(g.h)()]:(onImageSearchClick(),[2]);case 1:return t.sent()?[3,3]:[4,openPaywall()];case 2:return t.sent(),[2];case 3:return de(e),ge(Object(g.c)()),be(!1),ee(!0),[2]}}))}))}function filterFiltersWithAvailableFilters(e,t){var n=!1,r=SearchComponent_assign({},e);null!==r.city&&(-1===t.city.map((function(e){return e.slug})).indexOf(r.city)&&(r.city=null,n=!0));null!==r.designer&&(-1===t.designer.map((function(e){return e.slug})).indexOf(r.designer)&&(r.designer=null,n=!0));null!==r.season&&(-1===t.season.map((function(e){return e.slug})).indexOf(r.season)&&(r.season=null,n=!0));null!==r.type&&(-1===t.type.map((function(e){return e.slug})).indexOf(r.type)&&(r.type=null,n=!0));return O(r),n}function fetchSuggestions(e){return SearchComponent_awaiter(this,void 0,void 0,(function(){var t,n,r,i,c,o;return SearchComponent_generator(this,(function(s){switch(s.label){case 0:return""===e?(E([]),[2]):(t={},ye&&(t.type=null==v?void 0:v.type,t.season=null==v?void 0:v.season,t.designer=null==v?void 0:v.designer,(null==v?void 0:v.city)&&(t.city=v.city)),[4,Object(l.fetchApi)("api_media_autocomplete_v2",a.HttpMethods.get,SearchComponent_assign({search:e},t))]);case 1:return[4,s.sent().json()];case 2:if(n=s.sent(),!we.current)return[2];for(r=n.suggestions,i=!1,c=0,o=r;c<o.length;c++)if(o[c].query==e.trim()){i=!0;break}return i||r.splice(0,0,{source:"input",query:e,formatted_query:"<i>"+e+"</i>"}),E(r),[2]}}))}))}Object(r.useEffect)((function(){W&&Oe()}),[W,Oe]),Object(r.useEffect)((function(){null!==e.searchConfig&&SearchComponent_awaiter(n,void 0,void 0,(function(){var t,n,r,a,l,i,c,o,s;return SearchComponent_generator(this,(function(f){switch(f.label){case 0:if(t=e.searchConfig?e.searchConfig:{search_engine:"v2",search_placeholder:"red long dress"},void 0!==e.searchConfig)return[3,4];f.label=1;case 1:return f.trys.push([1,3,,4]),[4,d.a.getSearchConfig()];case 2:return(n=f.sent())&&(t=n),[3,4];case 3:return f.sent(),[3,4];case 4:return we.current?(r=t.search_engine,M(null!==(o=null==t?void 0:t.search_placeholder)&&void 0!==o?o:""),L(r),z(null!==(s=null==t?void 0:t.image_search_enabled)&&void 0!==s&&s),null===v?[2]:(a={},l=h,v&&(null!==v.city&&(a.city=v.city),null!==v.designer&&(a.designer=v.designer),null!==v.season&&(a.season=v.season),null!==v.type&&(a.type=v.type),"v2"!==r||e.imageSearchActive||(null===h||""===h)&&v.tags.length>0&&(l=v.tags.join(" "),p(l))),"v1"!==r?[3,6]:[4,u.fetch(a)])):[2];case 5:return i=f.sent(),we.current?(D(i),sessionStorage.setItem("search_v2.previous_filters",JSON.stringify(i)),filterFiltersWithAvailableFilters(v,i),J(!1),[3,8]):[2];case 6:return"v2"!==r?[3,8]:[4,u.fetchV2(h,buildFiltersObject())];case 7:if(c=f.sent(),!we.current)return[2];D(c),sessionStorage.setItem("search_v2.previous_filters",JSON.stringify(c)),filterFiltersWithAvailableFilters(v,c),J(!1),f.label=8;case 8:return[2]}}
1))}))}),[e.searchConfig]);var je=Object(r.useCallback)(o()((function(e){return fetchSuggestions(e)}),300),[]);function buildFiltersObject(){var e={};return v?(v.type&&(e.type=v.type),v.city&&(e.city=v.city),v.designer&&(e.designer=v.designer),v.season&&(e.season=v.season),e):e}function firstNonNullValue(e){for(var t=0,n=e;t<n.length;t++){var r=n[t];if(null!==r)return r}return null}function onSearch(e,t,n,r,a){void 0===t&&(t=!0),void 0===n&&(n=!1),void 0===r&&(r=!0),void 0===a&&(a=null);var o={};v&&r&&(o.city=v.city,o.designer=v.designer,o.season=v.season,o.type=v.type),t&&(o.search=n?h:null==c?void 0:c.search),e&&(null!==e.city&&(o.city=e.city),null!==e.designer&&(o.designer=e.designer),null!==e.season&&(o.season=e.season),null!==e.type&&(o.type=e.type),null!==e.tags&&(o.tags=e.tags)),t&&!n&&e&&(o.m=2),a&&(o.utm_content=a),Object(i.c)(Object(l.generateRoute)("look_search",stripNullishParams(o)))}function onSearchClearCommon(){return!!v&&(e=ye?SearchComponent_assign(SearchComponent_assign({},v),{tags:[]}):{type:null,season:null,city:null,designer:null,tags:[]},p(""),E([]),onSearch(e,!1,!1,!1,"clear"),!0);var e}function buildImageFilter(e){var t={};return e.type&&(t.typeSlug=e.type),e.season&&(t.seasonSlug=e.season),e.city&&(t.citySlug=e.city),e.designer&&(t.designerSlug=e.designer),Object.keys(t).length>0?t:null}function onFilterChange(t,n){var r;if(v){var a=SearchComponent_assign(SearchComponent_assign({},v),((r={})[t]=n,r));e.imageSearchActive?window.setTimeout((function(){var t;O(a),null===(t=e.onImageFilterChange)||void 0===t||t.call(e,buildImageFilter(a))}),0):onSearch(a,!0,!1,!1,"filter")}}function filterValues(e){return R?R[e]:F?F[e]:[]}Object(r.useEffect)((function(){return function(){je.cancel()}}),[je]),Object(r.useEffect)((function(){function callback(e){e.target&&(e.target.closest(".search-input")||x(!1))}return document.addEventListener("click",callback),function(){return document.removeEventListener("click",callback)}}),[]);var Se=r.createElement("div",{className:function buildClassName(){var t=["search-input","centered-search-input"];return!0!==e.disableMarginTop&&t.push("search-title-margin"),k&&S.length>0&&t.push("suggestions-open"),t.push("has-search"),t.join(" ")}()},r.createElement("i",{className:"iconoir-search",style:{marginRight:"10px",color:"var(--gray-10)"}}),e.imageSearchActive&&e.imageThumbnail&&W&&r.createElement("span",{className:"image-search-thumb-wrap",role:"button",tabIndex:0,"aria-label":Object(l.translate)("image_search.change_selection"),title:Object(l.translate)("image_search.change_selection"),onClick:function onClick(){return onEditCrop()},onKeyDown:function onKeyDown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),onEditCrop())}},r.createElement("img",{className:"image-search-thumb",src:e.imageThumbnail,alt:Object(l.translate)("image_search.uploaded_image_alt")}),r.createElement("i",{className:"iconoir-edit-pencil image-search-thumb-edit"})),r.createElement("input",{value:h,onChange:function onSearchChange(e){return SearchComponent_awaiter(this,void 0,void 0,(function(){var t;return SearchComponent_generator(this,(function(n){return t=e.target.value,p(t),je(t),[2]}))}))},onKeyDown:function onKeyDown(e){"Enter"===e.key&&onSearch(null,!0,!0,ye,"search"),x(!0)},placeholder:P,onFocus:function onFocus(e){_.current=!0,x(!0),0===S.length&&fetchSuggestions(h)},onBlur:function onBlur(){_.current=!1}}),(h.length>0||e.imageSearchActive)&&r.createElement("i",{className:"iconoir-xmark",onClick:function onClick(){var t;return e.imageSearchActive?null===(t=e.onImageSearchClear)||void 0===t?void 0:t.call(e,v):function onClearSearch(){if(!v)return p(""),void E([]);onSearchClearCommon()}()}}),!e.imageSearchActive&&!e.hideImageSearch&&W&&r.createElement("i",{className:"iconoir-google-lens image-search-trigger",role:"button",tabIndex:0,"aria-label":Object(l.translate)("image_search.trigger"),title:Object(l.translate)("image_search.trigger"),onClick:function onClick(){return onImageSearchClick()},onKeyDown:function onKeyDown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),onImageSearchClick())}}),"v2"===q&&k&&S.length>0&&r.createElement("div",{className:"suggestions"},r.createElement("div",{className:"suggestions-spacer"}),S.map((function(e,t){return r.createElement("div",{key:t,className:"suggestion",onClick:function onClick(){return function selectSuggestion(e){if("source"in e&&e.source&&"input"===e.source)onSearch(null,!0,!0,ye,"search");else{var t=e,n={},r=ye&&!(v&&v.designer&&t.metadata.designer),a=firstNonNullValue([t.metadata.city,r&&v?v.city:null]),c=firstNonNullValue([t.metadata.designer,r&&v?v.designer:null]),o=firstNonNullValue([t.metadata.season,r&&v?v.season:null]),s=firstNonNullValue([t.metadata.type,r&&v?v.type:null]);null!==a&&(n.city=a),null!==c&&(n.designer=c),null!==o&&(n.season=o),null!==s&&(n.type=s),Array.isArray(t.metadata.tags)&&(n.tags=t.metadata.tags),!(Array.isArray(t.metadata.tags)&&0!==t.metadata.tags.length||null===t.metadata.city&&null===t.metadata.designer&&null===t.metadata.season&&null===t.metadata.type)||(n.search=t.query),n.m=2,n.utm_c
1ontent="suggestion",Object(i.c)(Object(l.generateRoute)("look_search",stripNullishParams(n)))}}(e)}},r.createElement("div",{className:"suggestion-content"},r.createElement("span",{key:e.formatted_query},function formatQuery(e){for(var t=[],n=/^<i>/,a=/^<\/i>/,l="",i=0,c=0;c<e.length;)n.test(e.slice(c))?(l.length>0&&(t.push(r.createElement(r.Fragment,{key:i},r.createElement("span",null,l))),i++),l="",c+=3):a.test(e.slice(c))?(l.length>0&&(t.push(r.createElement("i",{key:i},l)),i++,l=""),c+=4):(l+=e[c],c++);return l.length>0&&t.push(r.createElement(r.Fragment,{key:i},r.createElement("span",null,l))),t}(e.formatted_query)),r.createElement("span",{className:"arrow"},r.createElement("i",{className:"iconoir-arrow-up-right"}))))}))));return r.createElement(r.Fragment,null,"v1"===q&&r.createElement(r.Fragment,null,r.createElement(SearchInputV1,{value:null==v?void 0:v.tags,onChange:function onSearchV1Change(e){if(Array.isArray(e)){var t=e.map((function(e){var t=/^(\w+):(.*)$/.exec(e);return t?{type:t[1],id:t[2]}:null})),n=t.filter((function(e){return e&&"tag"===e.type})).map((function(e){return e.id})),r=t.filter((function(e){return e&&"designer"===e.type})).map((function(e){return e.id})),a=r.length?r[0]:null,l=SearchComponent_assign(SearchComponent_assign({type:null,season:null,city:null,designer:null},null!==v?v:{}),{tags:n});a&&(l.designer=a),onSearch(l,!1,!1,!0,"search")}},onClear:function onSearchV1Clear(){return onSearchClearCommon()},disableMarginTop:e.disableMarginTop,placeholder:P})),("v2"===q||null===q)&&(e.filtersToggle?r.createElement("div",{className:"search-input-row"},Se,r.createElement("button",{type:"button",className:"filters-toggle-btn"+(G?" active":""),onClick:function onToggleFilters(){U((function(e){return!e}))},"aria-label":"Toggle filters","aria-pressed":G},r.createElement("i",{className:"iconoir-filter-list"}))):Se),null!==v&&(e.filtersToggle||!0!==e.hideFilters)&&r.createElement(r.Fragment,null,r.createElement("div",{className:function buildFilterWrapperClassName(){var t=["search-filter-row-wrapper"];return e.filtersToggle&&t.push(G?"search-filter-row-wrapper--open":"search-filter-row-wrapper--closed"),t.join(" ")}()},r.createElement("div",{className:"search-filters-row"},r.createElement(s.a,{name:Object(l.translate)("type.label"),value:v.type,options:filterValues("type"),onChange:function onChange(e){return onFilterChange("type",e)},disabled:Y,alwaysEditable:!0}),r.createElement(s.a,{name:Object(l.translate)("season.label"),value:v.season,options:filterValues("season"),onChange:function onChange(e){return onFilterChange("season",e)},disabled:Y,alwaysEditable:!0}),r.createElement(s.a,{name:Object(l.translate)("city.label"),value:v.city,options:filterValues("city"),onChange:function onChange(e){return onFilterChange("city",e)},disabled:Y,alwaysEditable:!0}),r.createElement(s.a,{name:Object(l.translate)("designer.label"),value:v.designer,options:filterValues("designer"),onChange:function onChange(e){return onFilterChange("designer",e)},disabled:Y,alwaysEditable:!0}),(c.search||v.city||v.season||v.type||v.designer)&&r.createElement("div",{className:"clear-btn",onClick:function onClearAll(){Object(i.c)(Object(l.generateRoute)("collection_search",{utm_content:"clear-all"}))}},r.createElement("span",null,"Clear all"))))),r.createElement(UploadImageModal,{isOpen:W&&$,initialImage:fe,initialCrop:pe,initialResultsReady:ve,filter:v?buildImageFilter(v):null,onClose:function onClose(){ee(!1),de(null),ge(null),be(!1)},onSearchStart:e.onImageSearchStart,onComplete:e.onImageSearchComplete,onSearchError:e.onImageSearchError,quotaExceeded:!0===H,refreshQuota:Oe,onPaymentRequired:function onPaymentRequired(){return openPaywall()},onQuotaExceeded:function onQuotaExceeded(){Oe(),se(!0)}}),r.createElement(b.a,{isOpen:ne,logged:le,catalog:!0===e.imageSearchActive&&Object(g.i)(),onClose:function onClose(){return re(!1)}}),r.createElement(w.a,{isOpen:oe,onClose:function onClose(){return se(!1)}}))}}}]); 2//# sourceMappingURL=2.76075801.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.