https://form.sie.ch/s/portal/f250cf5b6ef/static/js/modal-SearchProducts.9a566986.js

1"use strict";(("u"<typeof self?this:self).portalchunkList=("u"<typeof self?this:self).portalchunkList||[]).push([[6124],{89236:function(e,t,r){r.r(t),r.d(t,{default:function(){return A}});var s=r(76188),o=r(32819),c=r(6875),a=r(2729),i=r(44565),n=r(94710),l=r(46310),d=r(55188),u=r(61422),p=r(11624),h=r(98125),f=r(13690),x=r(4409),g=r(32001),y=r(26449);let v=y.Ay.div`
2  font-weight: 400;
3  font-size: 16px;
4  line-height: 28px;
5  display: flex;
6  justify-content: space-between;
7  align-items: center;
8  margin-top: 10px;
9
10  &:first-child {
11    margin-top: 0;
12  }
13
14  .search-productList {
15    color: #343c6a66;
16
17    &.hasProduct {
18      color: #343C6A;
19      cursor: pointer;
20    }
21  }
22
23  .search-productCount {
24    display: flex;
25    width: 16px;
26    color: #6F76A7;
27    justify-content: center;
28  }
29`,P=({productList:e,onSaveFilteredProducts:t})=>{let{title:r,itemID:o,products:c}=e,a=c.length,i=a>0?"hasProduct":"";return(0,s.jsxs)(v,{onClick:()=>{a&&t(o,c)},children:[(0,s.jsx)("div",{className:`search-productList ${i}`,children:r}),(0,s.jsx)("div",{className:"search-productCount",children:a})]},o)};P.propTypes={productList:(0,a.shape)({}),onSaveFilteredProducts:a.func},P.defaultProps={productList:{},onSaveFilteredProducts:e=>e};let m=({onSearchQueryChange:e,filteredProductsLists:t,onSaveFilteredProducts:r,searchQuery:o})=>(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(g.S,{prefix:{as:"span",icon:f.A},ghost:!0,className:"border-b border-navy-100 mb-6 mt-6",inputClassName:"color-blue-400",onChange:({target:{value:t}})=>e(t),value:o,...o&&{suffix:{as:"button",icon:x.A,text:(0,i.t)("Clear"),onClick:()=>e("")}}}),(0,s.jsx)("div",{className:"overflow-y-auto max-h-80vh",children:t.map(e=>(0,s.jsx)(P,{productList:e,onSaveFilteredProducts:r}))})]});m.propTypes={onSearchQueryChange:a.func,filteredProductsLists:a.array,onSaveFilteredProducts:a.func,searchQuery:a.string},m.defaultProps={onSearchQueryChange:e=>e,filteredProductsLists:[],onSaveFilteredProducts:e=>e,searchQuery:""};var C=r(71285),j=r(86770),L=r(85007);let S=({onClose:e})=>{let t=(0,j.B9)(),r=(0,c.wA)(),a=(0,c.d4)(p.A.getFilteredProducts),f=(0,c.d4)(p.A.getProductListItems),x=(0,c.d4)(p.A.getActivePageID),{searchQuery:g}=a,[y,v]=(0,o.useState)(g),P=(0,C.Rd)(y,f);return(0,s.jsxs)(n.l,{size:"medium",open:!0,onClose:()=>e(),children:[t&&(0,s.jsx)(l.L,{title:(0,i.t)("Search")}),(0,s.jsx)(d.D,{onClick:e}),(0,s.jsx)(u.R,{className:"pb-8",children:(0,s.jsx)(m,{onSearchQueryChange:v,filteredProductsLists:P,onSaveFilteredProducts:(t,s)=>{r(h.a2w({itemID:t,filteredProducts:s,searchQuery:y})),(e=>{let{page:t}=f.find(({id:t})=>t===e);void 0!==t&&t!==x&&r(h.Ng5({to:L.B8.PAGE,pageID:t}))})(t),e()},searchQuery:y})})]})};S.propTypes={onClose:a.func},S.defaultProps={onClose:e=>e};var A=S}}]);