@uniformdev/mesh-sdk-react 16.1.1-alpha.321 → 16.2.1-alpha.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +5 -1
- package/dist/index.esm.js +136 -136
- package/dist/index.js +128 -128
- package/dist/index.mjs +136 -136
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
"use strict";var ho=Object.create;var Pe=Object.defineProperty;var bo=Object.getOwnPropertyDescriptor;var yo=Object.getOwnPropertyNames;var So=Object.getPrototypeOf,wo=Object.prototype.hasOwnProperty;var yr=(t,n)=>{for(var o in n)Pe(t,o,{get:n[o],enumerable:!0})},Ce=(t,n,o,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let a of yo(n))!wo.call(t,a)&&a!==o&&Pe(t,a,{get:()=>n[a],enumerable:!(r=bo(n,a))||r.enumerable});return t},H=(t,n,o)=>(Ce(t,n,"default"),o&&Ce(o,n,"default")),Y=(t,n,o)=>(o=t!=null?ho(So(t)):{},Ce(n||!t||!t.__esModule?Pe(o,"default",{value:t,enumerable:!0}):o,t)),Co=t=>Ce(Pe({},"__esModule",{value:!0}),t);var A={};yr(A,{AddListButton:()=>m.AddListButton,Button:()=>m.Button,Callout:()=>m.Callout,DamSelectedItem:()=>Qo,DefaultSearchRow:()=>Rt,DefaultSelectedItem:()=>bt,EntrySearch:()=>At,Heading:()=>m.Heading,Icons:()=>De,Input:()=>m.Input,InputSelect:()=>m.InputSelect,InputToggle:()=>m.InputToggle,KeywordSearchInput:()=>m.InputKeywordSearch,Label:()=>m.Label,LoadingIndicator:()=>m.LoadingIndicator,LoadingOverlay:()=>m.LoadingOverlay,Menu:()=>m.Menu,MenuItem:()=>m.MenuItem,ProductPreviewList:()=>it,ProductQuery:()=>Eo,ProductQueryContext:()=>nt,ProductSearch:()=>No,ProductSearchContext:()=>er,ProductSearchRow:()=>Wt,ProductSelectedItem:()=>jt,ResolvableLoadingValue:()=>rt,ScrollableList:()=>m.ScrollableList,ScrollableListItem:()=>m.ScrollableListItem,SelectionField:()=>ot,Switch:()=>m.Switch,Textarea:()=>m.Textarea,Theme:()=>m.Theme,UniformMeshLocationContext:()=>qe,UniformMeshLocationContextProvider:()=>Ye,UniformMeshSdkContext:()=>je,UniformMeshSdkContextProvider:()=>Ro,badgeIcon:()=>He,damSelectItemImage:()=>_e,damSelectedItemContainer:()=>tr,damSelectedItemCopy:()=>nr,damSelectedItemDetails:()=>or,damSelectedItemIcon:()=>ir,damSelectedItemInfoBtn:()=>lr,damSelectedItemInner:()=>rr,damSelectedItemLinkBtn:()=>We,damSelectedItemLinkContainer:()=>cr,damSelectedItemMediaContainer:()=>dr,damSelectedItemPopover:()=>sr,damSelectedItemPopoverLabel:()=>ye,damSelectedItemSmallText:()=>ie,damSelectedItemTitle:()=>ar,draggableContainer:()=>zt,draggableIcon:()=>Oe,draggableIconOffset:()=>Gt,draggableIconWrapper:()=>Ut,entrySearchBtn:()=>kt,entrySearchConfig:()=>Et,entrySearchConfigHidden:()=>Tt,entrySearchLoadMoreBtn:()=>It,entrySearchResultList:()=>Mt,entrySearchSelectIcon:()=>Vt,entrySearchSelectImg:()=>Dt,entrySearchSelectInput:()=>Fo,entrySearchSelectOption:()=>$o,entrySearchWrapper:()=>xt,productSearchRowActiveIcon:()=>Nt,productSearchRowCategory:()=>$t,productSearchRowContainer:()=>Bt,productSearchRowContent:()=>Ot,productSearchRowContentActive:()=>Ht,productSearchRowDetails:()=>Kt,productSearchRowTitle:()=>Ft,productSelectedItemContainer:()=>Zt,productSelectedItemContent:()=>qt,productSelectedItemDetails:()=>Xt,productSelectedItemIcon:()=>Yt,productSelectedItemImage:()=>Fe,productSelectedItemLinkContainer:()=>Jt,productedSelectedItemLinkBtn:()=>$e,productedSelectedItemSmallText:()=>Ke,searchRowBtn:()=>Pt,searchRowContainer:()=>yt,searchRowContainerActive:()=>wt,searchRowContainerWithPopover:()=>St,searchRowPopover:()=>Ct,searchRowText:()=>Be,searchRowTextSmall:()=>Ae,selectItemLinkBtn:()=>Ue,selectItemLinkContainer:()=>vt,selectItemPopover:()=>ft,selectItemPopoverLabel:()=>pe,selectItemSmallText:()=>J,selectedItemContainer:()=>dt,selectedItemCopy:()=>mt,selectedItemDetails:()=>pt,selectedItemIcon:()=>gt,selectedItemInner:()=>lt,selectedItemTitle:()=>ut,useInitializeUniformMeshSdk:()=>Lo,useProductQueryContext:()=>at,useProductSearchContext:()=>be,useUniformMeshLocation:()=>Po,useUniformMeshLocationContext:()=>Je,useUniformMeshSdk:()=>xo,useUniformMeshSdkContext:()=>et});module.exports=Co(A);var e=require("@emotion/react"),S=Y(require("react"));var le=require("react"),qe=(0,le.createContext)(void 0),Ye=({children:t})=>{let[n,o]=(0,le.useState)(),r;if(typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"){let a=n||window.UniformMeshSDK.getCurrentLocation();r={location:{getValue:a.getValue,getMetadata:a.getMetadata,setValue:async(i,l)=>{await a.setValue(i,l),o(window.UniformMeshSDK.getCurrentLocation())},setValidationResult:async i=>{await a.setValidationResult(i)}}}}return(0,e.jsx)(qe.Provider,{value:r},t)},Je=()=>{let t=(0,le.useContext)(qe);if(!t)throw new Error("useUniformMeshLocationContext must be used within a UniformMeshLocationContextProvider");return t};function Po(){let{location:t}=Je();return{value:t==null?void 0:t.getValue(),setValue:t==null?void 0:t.setValue,metadata:t==null?void 0:t.getMetadata(),setValidationResult:t==null?void 0:t.setValidationResult}}var Sr=require("@uniformdev/mesh-sdk"),ve=require("react"),Lo=({autoResizingDisabled:t}={})=>{let[n,o]=(0,ve.useState)(),[r,a]=(0,ve.useState)();return(0,ve.useEffect)(()=>{typeof window=="undefined"||r||(typeof window.UniformMeshSDK=="undefined"?(0,Sr.initializeUniformMeshSDK)({autoResizingDisabled:t}).then(i=>{a(i)}).catch(i=>{o(i)}):a(window.UniformMeshSDK))},[t]),{initializing:!r&&!n,error:n,sdk:r}};var Le=require("react");var wr=require("@uniformdev/design-system"),je=(0,Le.createContext)(void 0),Ro=({children:t})=>{let n;return typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"&&(n={sdk:window.UniformMeshSDK}),(0,e.jsx)(je.Provider,{value:n},(0,e.jsx)(wr.Theme,null),(0,e.jsx)(Ye,null,t))},et=()=>{let t=(0,Le.useContext)(je);if(!t)throw new Error("useUniformMeshSdkContext must be used within a UniformMeshSdkContextProvider");return t};function xo(){let{sdk:t}=et();return t}var K=Y(require("react"));var Rr=require("@emotion/react"),xe=require("@uniformdev/design-system"),xr=require("react-icons/cg");var tt=Y(require("react")),rt=({value:t,text:n,loading:o})=>(0,e.jsx)(tt.default.Fragment,null,!!n&&n,!n&&(0,e.jsx)(tt.default.Fragment,null,o&&`${t} (Loading...)`,!o&&`${t} (Unresolvable)`));var Re=require("@emotion/react"),Cr=Re.css`
|
|
2
2
|
align-items: center;
|
|
3
3
|
background: var(--gray-100);
|
|
4
4
|
border: 1px solid var(--gray-300);
|
|
@@ -7,21 +7,21 @@ var vo=Object.create;var Ce=Object.defineProperty;var ho=Object.getOwnPropertyDe
|
|
|
7
7
|
justify-content: space-between;
|
|
8
8
|
margin-bottom: var(--spacing-sm);
|
|
9
9
|
margin-right: var(--spacing-sm);
|
|
10
|
-
`,
|
|
10
|
+
`,Pr=Re.css`
|
|
11
11
|
color: var(--gray-800);
|
|
12
12
|
padding: var(--spacing-3);
|
|
13
|
-
`,
|
|
13
|
+
`,Lr=Re.css`
|
|
14
14
|
border: none;
|
|
15
15
|
border-left: 1px solid var(--gray-300);
|
|
16
16
|
background: var(--gray-100);
|
|
17
17
|
padding: var(--spacing-3);
|
|
18
|
-
`;var
|
|
18
|
+
`;var ot=({id:t,label:n,loading:o,selectedValues:r,values:a,onAdd:i,onRemove:l})=>{var v;let f=(v=a==null?void 0:a.filter(s=>!(r!=null&&r.includes(s.id.toString()))))!=null?v:[],g=(s,p)=>{s.preventDefault(),l(p)};return(0,e.jsx)("div",null,(0,e.jsx)(xe.InputSelect,{id:t,name:t,label:n,onChange:s=>i(s.target.value),disabled:o,options:[{value:"",label:"Add..."},...f.map(s=>({value:s.id,label:s.name||s.id}))],value:"",css:Array.isArray(r)&&r.length>0?Rr.css`
|
|
19
19
|
margin-bottom: var(--spacing-base);
|
|
20
|
-
`:""}),r==null?void 0:r.map(s=>{var p;return(0,e.jsx)("div",{css:
|
|
20
|
+
`:""}),r==null?void 0:r.map(s=>{var p;return(0,e.jsx)("div",{css:Cr,key:s},(0,e.jsx)("span",{css:Pr},(0,e.jsx)(rt,{value:s,loading:o,text:(p=a.find(b=>b.id===s))==null?void 0:p.name})),(0,e.jsx)("button",{css:Lr,title:"remove",onClick:b=>g(b,s)},(0,e.jsx)(xe.Icon,{icon:xr.CgClose,iconColor:"currentColor",size:20})))}))};var ko=t=>(0,e.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 46 46",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t},(0,e.jsx)("path",{d:"M44.203 21.203H24.797V1.797a1.797 1.797 0 1 0-3.594 0v19.406H1.797a1.797 1.797 0 1 0 0 3.594h19.406v19.406a1.797 1.797 0 0 0 3.594 0V24.797h19.406a1.797 1.797 0 0 0 0-3.594Z"})),ke=ko;var Io=t=>(0,e.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},(0,e.jsx)("path",{d:"M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z",fill:"currentColor"})),Ie=Io;var Ee=require("react-use"),E=require("@uniformdev/design-system"),R=require("@emotion/react"),kr={count:1,categories:[],brand:"",keyword:"",sort:"date_modified",sortOrder:"desc"},Eo=({value:t,setValue:n,brands:o,categories:r,loading:a,categoriesLoading:i,brandsLoading:l,logoIcon:f,onGetProducts:g,sortOptions:v,sortOrderOptions:s,categoryLabel:p="Product Category",brandLabel:b="Brand",disableBrands:D,restrictToSingleCategory:ce=!1})=>{var k,u,M;let w=async c=>{n({...kr,...t||{},...c})},y=(0,K.useMemo)(()=>({...kr,...t||{}}),[t]),[de,ue]=(0,Ee.useAsyncFn)(async c=>await g(c),[g]);(0,Ee.useDebounce)(async()=>{await ue({brand:y.brand,categories:y.categories,keyword:y.keyword,sort:y.sort,sortOrder:y.sortOrder,count:y.count})},250,[y]);let B=(0,K.useMemo)(()=>{let c=[];return r==null||r.forEach(z=>{let P=Er(z,void 0);c.push(...P)}),c},[r]),X=(0,K.useMemo)(()=>[{value:"",label:"All categories"},...B.map(c=>({label:c.name,value:c.id}))],[B]),$=(0,K.useMemo)(()=>(o==null?void 0:o.map(c=>({id:c.id.toString(),name:c.name})))||[],[o]),ge=c=>{if(!c)return;let z=(t==null?void 0:t.categories)||[];w({categories:[...z,c]})},Se=c=>{var z;w({categories:(z=t==null?void 0:t.categories)==null?void 0:z.filter(P=>P!==c)})},re=c=>{w({brand:c.target.value})},O=c=>{w({count:c||1})};return a?(0,e.jsx)("div",null,"Loading..."):(0,e.jsx)(nt.Provider,{value:{categories:r,logoIcon:f}},(0,e.jsx)("div",{css:R.css`
|
|
21
21
|
> :not(:last-child) {
|
|
22
22
|
margin-bottom: var(--spacing-md);
|
|
23
23
|
}
|
|
24
|
-
`},
|
|
24
|
+
`},ce?(0,e.jsx)(E.InputSelect,{id:"selection-field-product-category",label:p,disabled:a,value:(u=(k=y.categories)==null?void 0:k[0])!=null?u:"",options:X,onChange:c=>{w({categories:c.target.value===""?[]:[c.target.value]})}}):(0,e.jsx)(ot,{loading:i||!1,id:"selection-field-product-category",label:p,onAdd:ge,onRemove:Se,selectedValues:y.categories,values:B}),(0,e.jsx)("div",{css:R.css`
|
|
25
25
|
display: flex;
|
|
26
26
|
flex-wrap: wrap;
|
|
27
27
|
column-gap: var(--spacing-lg);
|
|
@@ -31,10 +31,10 @@ var vo=Object.create;var Ce=Object.defineProperty;var ho=Object.getOwnPropertyDe
|
|
|
31
31
|
}
|
|
32
32
|
`},D?null:(0,e.jsx)("div",{css:R.css`
|
|
33
33
|
width: 50%;
|
|
34
|
-
`},(0,e.jsx)(E.InputSelect,{id:"brand",name:"brand",label:b,disabled:l,value:
|
|
34
|
+
`},(0,e.jsx)(E.InputSelect,{id:"brand",name:"brand",label:b,disabled:l,value:y.brand,onChange:re,options:[{value:"",label:"Choose..."},...$.map(c=>({value:c.id,label:c.name}))]})),(0,e.jsx)("div",{css:R.css`
|
|
35
35
|
flex-grow: 1;
|
|
36
36
|
position: relative;
|
|
37
|
-
`},(0,e.jsx)(E.Input,{id:"keyword-search",name:"keyword-search",label:"Keyword",value:
|
|
37
|
+
`},(0,e.jsx)(E.Input,{id:"keyword-search",name:"keyword-search",label:"Keyword",value:y.keyword,placeholder:"Enter keyword",onChange:c=>w({keyword:c.target.value})}))),(0,e.jsx)("div",{css:R.css`
|
|
38
38
|
display: flex;
|
|
39
39
|
flex-wrap: wrap;
|
|
40
40
|
column-gap: var(--spacing-lg);
|
|
@@ -48,25 +48,25 @@ var vo=Object.create;var Ce=Object.defineProperty;var ho=Object.getOwnPropertyDe
|
|
|
48
48
|
width: 33.333333%;
|
|
49
49
|
}
|
|
50
50
|
position: relative;
|
|
51
|
-
`},(0,e.jsx)(E.Input,{id:"count",name:"count",type:"number",min:1,step:1,value:
|
|
51
|
+
`},(0,e.jsx)(E.Input,{id:"count",name:"count",type:"number",min:1,step:1,value:y.count,onChange:c=>O(c.target.valueAsNumber),label:"Count"}),(0,e.jsx)("div",{css:R.css`
|
|
52
52
|
position: absolute;
|
|
53
53
|
bottom: var(--spacing-sm);
|
|
54
54
|
right: var(--spacing-sm);
|
|
55
55
|
display: flex;
|
|
56
56
|
gap: var(--spacing-sm);
|
|
57
|
-
`},(0,e.jsx)(
|
|
57
|
+
`},(0,e.jsx)(Ir,{onCountChange:()=>O(y.count-1),countIcon:"decrement",disabled:y.count===1}),(0,e.jsx)(Ir,{onCountChange:()=>O(y.count+1),countIcon:"increment"}))),Array.isArray(v)&&v.length>0?(0,e.jsx)("div",{css:R.css`
|
|
58
58
|
flex-grow: 1;
|
|
59
59
|
${(0,E.mq)("md")} {
|
|
60
60
|
width: 33.333333%;
|
|
61
61
|
}
|
|
62
|
-
`},(0,e.jsx)(E.InputSelect,{id:"sort",name:"sort",label:"Sort",value:
|
|
62
|
+
`},(0,e.jsx)(E.InputSelect,{id:"sort",name:"sort",label:"Sort",value:y.sort,onChange:c=>w({sort:c.target.value}),options:[{value:"",label:"Select a sort"},...v.map(c=>({value:c.sortKey,label:c.name}))]})):null,Array.isArray(s)&&s.length>0?(0,e.jsx)("div",{css:R.css`
|
|
63
63
|
flex-grow: 1;
|
|
64
|
-
`},(0,e.jsx)(E.InputSelect,{id:"sort-order",name:"sort-order",label:"Sort Order",value:
|
|
64
|
+
`},(0,e.jsx)(E.InputSelect,{id:"sort-order",name:"sort-order",label:"Sort Order",value:y.sortOrder,onChange:c=>w({sortOrder:c.target.value}),options:s.map(c=>({value:c.sortOrderKey,label:c.name}))})):null),(0,e.jsx)("div",null,(0,e.jsx)("h3",{css:R.css`
|
|
65
65
|
font-size: var(--fs-md);
|
|
66
66
|
line-height: var(--spacing-md);
|
|
67
67
|
font-weight: var(--fw-bold);
|
|
68
68
|
margin-bottom: var(--spacing-xs);
|
|
69
|
-
`},"Result Preview"),(0,e.jsx)(
|
|
69
|
+
`},"Result Preview"),(0,e.jsx)(it,{products:(M=de.value)==null?void 0:M.products}))))};function Er(t,n){var i;let o=[],r=n?`${n.name} > `:"",a={id:t.id.toString(),name:`${r}${t.name}`};return o.push(a),(i=t.children)==null||i.forEach(l=>{let f=Er(l,a);o.push(...f)}),o}function Ir({onCountChange:t,countIcon:n,disabled:o}){return(0,e.jsx)("button",{css:R.css`
|
|
70
70
|
width: 2.25rem;
|
|
71
71
|
height: 2.25rem;
|
|
72
72
|
border: 1px solid var(--gray-300);
|
|
@@ -82,13 +82,13 @@ var vo=Object.create;var Ce=Object.defineProperty;var ho=Object.getOwnPropertyDe
|
|
|
82
82
|
cursor: not-allowed;
|
|
83
83
|
opacity: 0.3;
|
|
84
84
|
`:""}
|
|
85
|
-
`,onClick:t,disabled:o},n==="increment"?(0,e.jsx)(
|
|
85
|
+
`,onClick:t,disabled:o},n==="increment"?(0,e.jsx)(ke,{css:R.css`
|
|
86
86
|
width: 1rem;
|
|
87
87
|
height: 1rem;
|
|
88
|
-
`}):(0,e.jsx)(
|
|
88
|
+
`}):(0,e.jsx)(Ie,{css:R.css`
|
|
89
89
|
width: 1rem;
|
|
90
90
|
height: 1rem;
|
|
91
|
-
`}))}var
|
|
91
|
+
`}))}var nt=K.default.createContext(void 0),at=()=>{let t=(0,K.useContext)(nt);if(!t)throw new Error("useProductQueryContext must be used within a <ProductQueryContext> provider");return t};function F({src:t,alt:n,className:o}){let r=t&&typeof t!="string"?t:null;return r?(0,e.jsx)(r,{className:o}):(0,e.jsx)("img",{src:t,alt:n,className:o})}var ct=require("@emotion/react"),Or=require("@uniformdev/design-system");var U=require("@emotion/react"),Tr=U.css`
|
|
92
92
|
align-items: center;
|
|
93
93
|
background: var(--white);
|
|
94
94
|
border-radius: var(--rounded-base);
|
|
@@ -103,55 +103,55 @@ var vo=Object.create;var Ce=Object.defineProperty;var ho=Object.getOwnPropertyDe
|
|
|
103
103
|
&:hover {
|
|
104
104
|
background: var(--gray-50);
|
|
105
105
|
}
|
|
106
|
-
`,Tr=U.css`
|
|
107
|
-
font-size: var(--fs-sm);
|
|
108
106
|
`,Mr=U.css`
|
|
107
|
+
font-size: var(--fs-sm);
|
|
108
|
+
`,Vr=U.css`
|
|
109
109
|
width: 1rem;
|
|
110
110
|
height: 1rem;
|
|
111
|
-
`,
|
|
111
|
+
`,st=U.css`
|
|
112
112
|
margin-right: var(--spacing-lg);
|
|
113
113
|
font-size: var(--fs-sm);
|
|
114
|
-
`,
|
|
114
|
+
`,Dr=U.css`
|
|
115
115
|
border: 1px solid var(--gray-200);
|
|
116
116
|
border-radius: var(--rounded-md);
|
|
117
117
|
background: var(--gray-50);
|
|
118
118
|
margin: var(--spacing-base) 0;
|
|
119
|
-
`,
|
|
119
|
+
`,zr=U.css`
|
|
120
120
|
align-items: center;
|
|
121
121
|
display: flex;
|
|
122
122
|
flex-grow: 1;
|
|
123
123
|
gap: var(--spacing-base);
|
|
124
124
|
padding: var(--spacing-sm);
|
|
125
125
|
margin-right: var(--spacing-sm);
|
|
126
|
-
`,
|
|
126
|
+
`,Ur=U.css`
|
|
127
127
|
background: var(--gray-200);
|
|
128
128
|
width: 3.5rem;
|
|
129
129
|
height: 3.5rem;
|
|
130
130
|
object-fit: cover;
|
|
131
|
-
`,
|
|
131
|
+
`,Gr=U.css`
|
|
132
132
|
background: var(--gray-100);
|
|
133
133
|
height: 3.5rem;
|
|
134
134
|
width: 3.5rem;
|
|
135
|
-
`,
|
|
135
|
+
`,Ar=U.css`
|
|
136
136
|
margin-top: 0;
|
|
137
137
|
font-weight: var(--fw-bold);
|
|
138
138
|
font-size: var(--fs-sm);
|
|
139
139
|
width: calc(100% / 3);
|
|
140
|
-
`,
|
|
140
|
+
`,Br=U.css`
|
|
141
141
|
display: block;
|
|
142
142
|
font-weight: var(--fw-regular);
|
|
143
|
-
`;var
|
|
143
|
+
`;var it=({products:t})=>{let{categories:n,logoIcon:o}=at();return(0,e.jsx)(S.Fragment,null,(0,e.jsx)("p",{css:ct.css`
|
|
144
144
|
margin-bottom: var(--spacing-base);
|
|
145
|
-
`},"Matching ",(t==null?void 0:t.length)||0," products"),(0,e.jsx)("ul",{css:[
|
|
145
|
+
`},"Matching ",(t==null?void 0:t.length)||0," products"),(0,e.jsx)("ul",{css:[ct.css`
|
|
146
146
|
max-height: 24rem;
|
|
147
147
|
overflow-x: auto;
|
|
148
|
-
`,
|
|
148
|
+
`,Or.scrollbarStyles]},t==null?void 0:t.map((r,a)=>{var f,g;let[i]=(r==null?void 0:r.categories)||[],l=typeof i=="undefined"||!n||(f=n.find(v=>v.id===i.id))==null?void 0:f.name;return(0,e.jsx)("li",{key:`product-${r.id}`,css:Dr},(0,e.jsx)("div",{css:zr},r.thumbnailUrl?(0,e.jsx)("img",{src:r.thumbnailUrl,alt:typeof r.title=="string"?r.title:r.name||`Product ${a}`,css:Ur}):(0,e.jsx)("div",{css:Gr}),(0,e.jsx)("h4",{css:Ar},r.title||r.name,l&&(0,e.jsx)("span",{css:Br},l)),r&&(0,e.jsx)(S.Fragment,null,(0,e.jsx)("p",{css:st},"SKU: ",r.sku||r.id,(0,e.jsx)("br",null)),r.price!==void 0?(0,e.jsx)("p",{css:st},"Price: ",r.price):null,r.editLink||r.url?(0,e.jsx)("a",{css:Tr,href:(g=r.editLink)!=null?g:r.url,title:`Go to ${r.title||r.name}`,target:"_blank",rel:"noopener noreferrer"},(0,e.jsx)("span",{css:Mr},"Edit"),o?(0,e.jsx)(F,{src:o,alt:"Logo",css:Vr}):null):null)))})))};var te=Y(require("react"));var T=Y(require("react"));var De={};yr(De,{Caution:()=>Hr,Checkmark:()=>Te,ChevronDown:()=>Me,Close:()=>Fr,Danger:()=>$r,ExclamationPoint:()=>Kr,Info:()=>Ve,Lightbulb:()=>Nr,MagnifyingGlass:()=>Qr,MaximizeAlt:()=>Wr,Minus:()=>Ie,MoreVerticalAlt:()=>he,Plus:()=>ke});var To=t=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",...t},(0,e.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})),Hr=To;var Mo=t=>(0,e.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t},(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"})),Te=Mo;var Vo=t=>(0,e.jsx)("svg",{viewBox:"0 0 24 24",width:"1em",height:"1em",...t},(0,e.jsx)("path",{d:"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z"})),Me=Vo;var Do=t=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 19 19",fill:"currentColor",...t},(0,e.jsx)("g",{fillRule:"evenodd"},(0,e.jsx)("path",{d:"M16.578 1.636a1.174 1.174 0 0 1 0 1.66L3.296 16.578a1.174 1.174 0 1 1-1.66-1.66L14.918 1.636a1.174 1.174 0 0 1 1.66 0Z"}),(0,e.jsx)("path",{d:"M1.636 1.636a1.174 1.174 0 0 1 1.66 0l13.282 13.282a1.174 1.174 0 1 1-1.66 1.66L1.636 3.296a1.174 1.174 0 0 1 0-1.66Z"}))),Fr=Do;var zo=t=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...t},(0,e.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})),$r=zo;var Uo=t=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...t},(0,e.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})),Kr=Uo;var Go=t=>(0,e.jsx)("svg",{width:"1em",height:"1em",fill:"currentColor",...t},(0,e.jsx)("path",{xmlns:"http://www.w3.org/2000/svg",d:"M11 10.98a1 1 0 1 1 2 0v6a1 1 0 1 1-2 0v-6zm1-4.929a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"}),(0,e.jsx)("path",{xmlns:"http://www.w3.org/2000/svg",fillRule:"evenodd",clipRule:"evenodd",d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zM4 12a8 8 0 1 0 16 0 8 8 0 0 0-16 0z"})),Ve=Go;var Ao=t=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...t},(0,e.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})),Nr=Ao;var Bo=t=>(0,e.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t},(0,e.jsx)("g",{clipPath:"url(#magnifying-glass_svg__a)"},(0,e.jsx)("path",{d:"M11.539 0C5.484 0 .559 4.741.559 10.57c0 5.827 4.925 10.568 10.98 10.568 6.055 0 10.98-4.74 10.98-10.569C22.52 4.741 17.595 0 11.54 0Zm0 19.187c-4.937 0-8.954-3.866-8.954-8.618 0-4.752 4.017-8.618 8.954-8.618s8.954 3.866 8.954 8.618c0 4.752-4.017 8.618-8.954 8.618Z"}),(0,e.jsx)("path",{d:"m25.196 22.334-5.811-5.593a1.041 1.041 0 0 0-1.434 0 .95.95 0 0 0 0 1.38l5.812 5.593c.198.19.457.286.716.286.26 0 .519-.096.717-.286a.95.95 0 0 0 0-1.38Z"})),(0,e.jsx)("defs",null,(0,e.jsx)("clipPath",{id:"magnifying-glass_svg__a"},(0,e.jsx)("path",{fill:"#fff",transform:"translate(.558)",d:"M0 0h24.935v24H0z"})))),Qr=Bo;var Oo=t=>(0,e.jsx)("svg",{width:"1em",height:"1em",fill:"currentColor",...t},(0,e.jsx)("path",{xmlns:"http://www.w3.org/2000/svg",d:"M3 3h6v2H6.462l4.843 4.843-1.415 1.414L5 6.367V9H3V3zm0 18h6v-2H6.376l4.929-4.928-1.415-1.414L5 17.548V15H3v6zm12 0h6v-6h-2v2.524l-4.867-4.866-1.414 1.414L17.647 19H15v2zm6-18h-6v2h2.562l-4.843 4.843 1.414 1.414L19 6.39V9h2V3z"})),Wr=Oo;var Ho=t=>(0,e.jsx)("svg",{width:"1em",height:"1em",fill:"currentColor",...t},(0,e.jsx)("path",{xmlns:"http://www.w3.org/2000/svg",d:"M14 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"})),he=Ho;var qr=require("react-use"),Yr=require("uuid");var Q=Y(require("react"));function ze(t,n){let o=window.open(t,"_blank"),r=setInterval(()=>{o!=null&&o.closed&&(clearInterval(r),n())},500)}var Zr=require("timeago.js");var V=require("@emotion/react"),_r=require("@uniformdev/design-system"),dt=V.css`
|
|
149
149
|
border: 1px solid var(--gray-200);
|
|
150
150
|
background: var(--gray-50);
|
|
151
151
|
border-radius: var(--rounded-base);
|
|
152
152
|
display: flex;
|
|
153
153
|
width: 100%;
|
|
154
|
-
`,
|
|
154
|
+
`,lt=V.css`
|
|
155
155
|
align-items: center;
|
|
156
156
|
display: flex;
|
|
157
157
|
flex-grow: 1;
|
|
@@ -159,22 +159,22 @@ var vo=Object.create;var Ce=Object.defineProperty;var ho=Object.getOwnPropertyDe
|
|
|
159
159
|
margin-inline: 0 var(--spacing-sm);
|
|
160
160
|
padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-lg);
|
|
161
161
|
position: relative;
|
|
162
|
-
`,lt=V.css`
|
|
163
|
-
flex-grow: 1;
|
|
164
162
|
`,pt=V.css`
|
|
163
|
+
flex-grow: 1;
|
|
164
|
+
`,mt=V.css`
|
|
165
165
|
align-items: start;
|
|
166
166
|
display: inline-flex;
|
|
167
167
|
position: relative;
|
|
168
|
-
`,
|
|
168
|
+
`,ut=V.css`
|
|
169
169
|
color: var(--brand-secondary-1);
|
|
170
170
|
font-size: var(--fs-base);
|
|
171
171
|
font-weight: var(--fw-bold);
|
|
172
172
|
line-height: 1;
|
|
173
173
|
margin: 0;
|
|
174
|
-
`,
|
|
174
|
+
`,gt=V.css`
|
|
175
175
|
width: 1.5rem;
|
|
176
176
|
height: 1.5rem;
|
|
177
|
-
`,
|
|
177
|
+
`,ft=V.css`
|
|
178
178
|
background: var(--white);
|
|
179
179
|
border-radius: var(--rounded-base);
|
|
180
180
|
border-left: 4px solid var(--brand-secondary-3);
|
|
@@ -183,22 +183,22 @@ var vo=Object.create;var Ce=Object.defineProperty;var ho=Object.getOwnPropertyDe
|
|
|
183
183
|
padding: var(--spacing-base);
|
|
184
184
|
z-index: var(--z-10);
|
|
185
185
|
width: max-content;
|
|
186
|
-
`,
|
|
186
|
+
`,J=V.css`
|
|
187
187
|
font-size: var(--fs-sm);
|
|
188
|
-
`,
|
|
188
|
+
`,pe=V.css`
|
|
189
189
|
font-weight: var(--fw-bold);
|
|
190
190
|
margin-right: var(--spacing-sm);
|
|
191
|
-
`,
|
|
191
|
+
`,vt=V.css`
|
|
192
192
|
display: flex;
|
|
193
193
|
flex-direction: column;
|
|
194
194
|
gap: var(--spacing-sm);
|
|
195
195
|
|
|
196
|
-
${(0,
|
|
196
|
+
${(0,_r.mq)("md")} {
|
|
197
197
|
flex-direction: row;
|
|
198
198
|
min-width: 200px;
|
|
199
199
|
justify-content: end;
|
|
200
200
|
}
|
|
201
|
-
`,
|
|
201
|
+
`,Ue=V.css`
|
|
202
202
|
align-items: center;
|
|
203
203
|
background: var(--white);
|
|
204
204
|
border-radius: var(--rounded-base);
|
|
@@ -213,39 +213,39 @@ var vo=Object.create;var Ce=Object.defineProperty;var ho=Object.getOwnPropertyDe
|
|
|
213
213
|
&:hover {
|
|
214
214
|
background: var(--gray-50);
|
|
215
215
|
}
|
|
216
|
-
`;var
|
|
216
|
+
`;var N=require("@emotion/react");var ht=require("@uniformdev/design-system"),Ge=require("react-icons/cg"),bt=({selectedItem:t,logoIcon:n,onDeselect:o,onEditClosed:r})=>{var v;let a=(0,Q.useRef)(null),i=(0,Q.useRef)(null),[l,f]=(0,Q.useState)(!1);(0,Q.useEffect)(()=>{let s=b=>{a.current&&!a.current.contains(b.target)&&i.current&&!i.current.contains(b.target)&&f(!1)},p=()=>{f(!1)};return window.addEventListener("resize",p,!0),document.addEventListener("scroll",s,!0),document.addEventListener("mousedown",s),()=>{window.removeEventListener("resize",p,!0),document.removeEventListener("scroll",s,!0),document.removeEventListener("mousedown",s)}},[i]);let g=()=>{var s;if(f(!l),i.current&&a.current){let p=(s=a==null?void 0:a.current)==null?void 0:s.getBoundingClientRect(),b=i.current.offsetWidth;i.current.style.top=`${p.top+30}px`,i.current.style.left=`${p.left-b+30}px`}};return(0,e.jsx)("div",{css:dt,key:t.id},(0,e.jsx)("div",{css:lt},(0,e.jsx)("div",{css:pt},(0,e.jsx)("div",{css:mt},(0,e.jsx)("h4",{css:[ut,t.popoverData?N.css`
|
|
217
217
|
margin-bottom: var(--spacing-sm);
|
|
218
|
-
`:""],title:`ID: ${t.id}`,"data-test-id":"entry-id"},t.title||t.id||""),t.popoverData?(0,e.jsx)(
|
|
218
|
+
`:""],title:`ID: ${t.id}`,"data-test-id":"entry-id"},t.title||t.id||""),t.popoverData?(0,e.jsx)(Q.default.Fragment,null,(0,e.jsx)("button",{type:"button",ref:a,css:N.css`
|
|
219
219
|
margin: calc(var(--spacing-xs) * -1) 0 calc(var(--spacing-xs) * -1) var(--spacing-sm);
|
|
220
|
-
`,"aria-controls":"path-details","aria-expanded":l,onClick:g},(0,e.jsx)(
|
|
220
|
+
`,"aria-controls":"path-details","aria-expanded":l,onClick:g},(0,e.jsx)(ht.Icon,{icon:Ge.CgInfo,iconColor:"gray",size:24,css:N.css`
|
|
221
221
|
opacity: var(--opacity-75);
|
|
222
|
-
`})),(0,e.jsx)("div",{id:"path-details","aria-hidden":!l,ref:i,css:[
|
|
222
|
+
`})),(0,e.jsx)("div",{id:"path-details","aria-hidden":!l,ref:i,css:[ft,l?N.css`
|
|
223
223
|
visibility: visible;
|
|
224
|
-
|
|
224
|
+
`:N.css`
|
|
225
225
|
visibility: hidden;
|
|
226
|
-
`]},Object.entries(t.popoverData).map(([s,p],b)=>(0,e.jsx)("div",{css:
|
|
226
|
+
`]},Object.entries(t.popoverData).map(([s,p],b)=>(0,e.jsx)("div",{css:J,key:b},(0,e.jsx)("span",{css:pe},s,":"),p)))):null),t.createdDate&&(0,e.jsx)("div",{css:J},(0,e.jsx)("span",{css:pe},"Created:"),(0,Zr.format)((v=t.createdDate)!=null?v:0)),t.metadata?Object.entries(t.metadata).filter(([s])=>["type","status"].includes(s.toLocaleLowerCase())).map(([s,p])=>(0,e.jsx)("div",{css:[J,N.css`
|
|
227
227
|
order: 1;
|
|
228
|
-
`],key:s},(0,e.jsx)("span",{css:
|
|
228
|
+
`],key:s},(0,e.jsx)("span",{css:pe},s,":"),p)):null,t.metadata?Object.entries(t.metadata).filter(([s])=>!["type","status"].includes(s.toLocaleLowerCase())).map(([s,p])=>(0,e.jsx)("div",{css:[J,N.css`
|
|
229
229
|
order: 1;
|
|
230
|
-
`],key:s},(0,e.jsx)("span",{css:[
|
|
230
|
+
`],key:s},(0,e.jsx)("span",{css:[pe,N.css`
|
|
231
231
|
order: 1;
|
|
232
|
-
`]},s,":"),p)):null),(0,e.jsx)("div",{css:
|
|
232
|
+
`]},s,":"),p)):null),(0,e.jsx)("div",{css:vt},t.editLink?(0,e.jsx)("a",{href:t.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",onClick:s=>{r&&(ze(s.currentTarget.href,()=>r(t)),s.preventDefault())},css:Ue},(0,e.jsx)("span",{css:J},"Edit"),(0,e.jsx)(F,{src:n,css:gt,alt:"Logo"})):null,(0,e.jsx)("button",{type:"button",onClick:()=>{o(t)},css:Ue},(0,e.jsx)("span",{css:J},"Unlink"),(0,e.jsx)(ht.Icon,{icon:Ge.CgClose,iconColor:"red",size:16})))))};var W=Y(require("react"));var j=require("@emotion/react"),yt=j.css`
|
|
233
233
|
cursor: pointer;
|
|
234
234
|
padding: var(--spacing-sm);
|
|
235
235
|
position: relative;
|
|
236
236
|
transition: background-color var(--duration-fast) var(--timing-ease-out),
|
|
237
237
|
color var(--duration-fast) var(--timing-ease-out);
|
|
238
|
-
`,
|
|
238
|
+
`,St=j.css`
|
|
239
239
|
padding-right: var(--spacing-lg);
|
|
240
|
-
`,
|
|
240
|
+
`,wt=j.css`
|
|
241
241
|
background: var(--brand-secondary-3);
|
|
242
242
|
color: var(--white);
|
|
243
|
-
`,
|
|
243
|
+
`,Ae=j.css`
|
|
244
244
|
font-size: var(--fs-xs);
|
|
245
|
-
`,
|
|
245
|
+
`,Be=j.css`
|
|
246
246
|
font-weight: var(--fw-bold);
|
|
247
247
|
margin-right: var(--spacing-sm);
|
|
248
|
-
`,
|
|
248
|
+
`,Ct=j.css`
|
|
249
249
|
background: var(--white);
|
|
250
250
|
border-left: 4px solid var(--brand-secondary-3);
|
|
251
251
|
border-radius: var(--rounded-base);
|
|
@@ -257,20 +257,20 @@ var vo=Object.create;var Ce=Object.defineProperty;var ho=Object.getOwnPropertyDe
|
|
|
257
257
|
right: var(--spacing-xl);
|
|
258
258
|
z-index: var(--z-10);
|
|
259
259
|
width: max-content;
|
|
260
|
-
`,
|
|
260
|
+
`,Pt=j.css`
|
|
261
261
|
position: absolute;
|
|
262
262
|
inset: 0 var(--spacing-sm) 0 auto;
|
|
263
|
-
`;var
|
|
263
|
+
`;var Lt=require("@emotion/react"),Rt=({result:t,isSelected:n,triggerSelection:o})=>{let r=(0,W.useRef)(null),a=(0,W.useRef)(null),[i,l]=(0,W.useState)(!1);(0,W.useEffect)(()=>{function g(v){r.current&&!r.current.contains(v.target)&&a.current&&!a.current.contains(v.target)&&l(!1)}return document.addEventListener("mousedown",g),()=>{document.removeEventListener("mousedown",g)}},[a]);let f=g=>{g.stopPropagation(),l(!i)};return(0,e.jsx)("div",{key:t.id,css:[yt,n?wt:void 0,t.popoverData?St:void 0],"data-value":t.id,role:"option",tabIndex:-1,onClick:()=>o()},t.title,t.popoverData&&n?(0,e.jsx)(W.default.Fragment,null,(0,e.jsx)("button",{type:"button",ref:r,css:Pt,"aria-controls":"path-details",onClick:g=>f(g),"aria-expanded":i},(0,e.jsx)(Ve,{width:24,height:24})),(0,e.jsx)("div",{id:"path-details","aria-hidden":!i,ref:a,css:[Ct,i?Lt.css`
|
|
264
264
|
visibility: visible;
|
|
265
|
-
`:
|
|
265
|
+
`:Lt.css`
|
|
266
266
|
visibility: hidden;
|
|
267
|
-
`]},t.metadata&&Object.entries(t.metadata).map(([g,v],s)=>(0,e.jsx)("div",{css:
|
|
267
|
+
`]},t.metadata&&Object.entries(t.metadata).map(([g,v],s)=>(0,e.jsx)("div",{css:Ae,key:s},(0,e.jsx)("span",{css:Be},g,":"),v)),Object.entries(t.popoverData).map(([g,v],s)=>(0,e.jsx)("div",{css:Ae,key:s},(0,e.jsx)("span",{css:Be},g,":"),v)))):null)};var me=require("react-beautiful-dnd");var L=require("@emotion/react"),xt=L.css`
|
|
268
268
|
background: var(--white);
|
|
269
269
|
border: 1px solid var(--gray-300);
|
|
270
270
|
border-radius: var(--rounded-base);
|
|
271
271
|
padding: calc(var(--spacing-base) - 0.25rem) var(--spacing-sm);
|
|
272
272
|
margin-bottom: var(--spacing-base);
|
|
273
|
-
`,
|
|
273
|
+
`,kt=L.css`
|
|
274
274
|
align-items: center;
|
|
275
275
|
display: flex;
|
|
276
276
|
position: relative;
|
|
@@ -278,7 +278,7 @@ var vo=Object.create;var Ce=Object.defineProperty;var ho=Object.getOwnPropertyDe
|
|
|
278
278
|
width: 100%;
|
|
279
279
|
background-color: transparent;
|
|
280
280
|
border: 0;
|
|
281
|
-
`,
|
|
281
|
+
`,It=L.css`
|
|
282
282
|
color: var(--brand-secondary-1);
|
|
283
283
|
display: block;
|
|
284
284
|
font-weight: var(--fw-bold);
|
|
@@ -294,15 +294,15 @@ var vo=Object.create;var Ce=Object.defineProperty;var ho=Object.getOwnPropertyDe
|
|
|
294
294
|
background: var(--gray-100);
|
|
295
295
|
outline: none;
|
|
296
296
|
}
|
|
297
|
-
`,
|
|
297
|
+
`,Et=L.css`
|
|
298
298
|
background: var(--white);
|
|
299
299
|
border: 1px solid var(--gray-300);
|
|
300
300
|
border-radius: var(--rounded-base);
|
|
301
301
|
padding: calc(var(--spacing-base) - 0.25rem) var(--spacing-base);
|
|
302
302
|
display: block;
|
|
303
|
-
`,Et=L.css`
|
|
304
|
-
display: none;
|
|
305
303
|
`,Tt=L.css`
|
|
304
|
+
display: none;
|
|
305
|
+
`,Mt=L.css`
|
|
306
306
|
overflow-y: auto;
|
|
307
307
|
height: 16rem;
|
|
308
308
|
margin-bottom: var(--spacing-base);
|
|
@@ -311,122 +311,122 @@ var vo=Object.create;var Ce=Object.defineProperty;var ho=Object.getOwnPropertyDe
|
|
|
311
311
|
& > :not(:last-child) {
|
|
312
312
|
border-bottom: 1px solid var(--gray-200);
|
|
313
313
|
}
|
|
314
|
-
`,
|
|
314
|
+
`,Fo=L.css`
|
|
315
315
|
background-color: var(--gray-50);
|
|
316
316
|
max-width: 33.33%;
|
|
317
|
-
`,
|
|
317
|
+
`,Vt=L.css`
|
|
318
318
|
align-items: center;
|
|
319
319
|
display: flex;
|
|
320
320
|
position: absolute;
|
|
321
321
|
inset: 0 0 0 auto;
|
|
322
322
|
pointer-events: none;
|
|
323
323
|
padding-right: var(--spacing-sm);
|
|
324
|
-
`,
|
|
324
|
+
`,Dt=L.css`
|
|
325
325
|
color: var(--brand-secondary-1);
|
|
326
326
|
width: 1.25rem;
|
|
327
327
|
height: 1.25rem;
|
|
328
328
|
transition: transform var(--duration-fast) var(--timing-ease-out);
|
|
329
329
|
transform: rotate(0);
|
|
330
|
-
|
|
330
|
+
`,$o=L.css`
|
|
331
331
|
background: var(--white);
|
|
332
332
|
color: var(--brand-secondary-1);
|
|
333
|
-
`,
|
|
333
|
+
`,zt=L.css`
|
|
334
334
|
position: relative;
|
|
335
335
|
margin-block: var(--spacing-sm) 0;
|
|
336
336
|
|
|
337
337
|
&:hover > span {
|
|
338
338
|
opacity: 0.3;
|
|
339
339
|
}
|
|
340
|
-
`,
|
|
340
|
+
`,Ut=L.css`
|
|
341
341
|
align-items: center;
|
|
342
342
|
display: flex;
|
|
343
343
|
position: absolute;
|
|
344
344
|
inset: 0 auto 0 0;
|
|
345
345
|
margin-block: auto;
|
|
346
346
|
opacity: 0;
|
|
347
|
-
`,
|
|
347
|
+
`,Oe=L.css`
|
|
348
348
|
color: var(--brand-secondary-1);
|
|
349
|
-
`,
|
|
349
|
+
`,Gt=L.css`
|
|
350
350
|
position: absolute;
|
|
351
351
|
left: 0.375rem;
|
|
352
|
-
`,
|
|
352
|
+
`,He=L.css`
|
|
353
353
|
width: calc(var(--spacing-lg) + var(--spacing-xs));
|
|
354
354
|
height: calc(var(--spacing-lg) + var(--spacing-xs));
|
|
355
|
-
`;var G=require("@emotion/react"),C=require("@uniformdev/design-system");var
|
|
355
|
+
`;var G=require("@emotion/react"),C=require("@uniformdev/design-system");var ne=require("react");function Xr(t,{delay:n=500,minDuration:o=200}={delay:500,minDuration:200}){let[r,a]=(0,ne.useState)("IDLE"),i=(0,ne.useRef)(void 0);return(0,ne.useEffect)(()=>{t&&r==="IDLE"&&(clearTimeout(i.current),i.current=setTimeout(()=>{if(!t)return a("IDLE");i.current=setTimeout(()=>{a("EXPIRE")},o),a("DISPLAY")},n),a("DELAY")),!t&&r!=="DISPLAY"&&(clearTimeout(i.current),a("IDLE"))},[t,r,n,o]),(0,ne.useEffect)(()=>()=>clearTimeout(i.current),[]),r==="DISPLAY"||r==="EXPIRE"}var Ko=({searchText:t,selectedContentType:n})=>{let o="No content found";return n&&n!=="any"&&(o=`No ${n} content was found`),t&&(o=`${o} for keyword '${t}'.`),(0,e.jsx)(C.Callout,{type:"info"},o)},At=({search:t,results:n,contentTypes:o,selectedItems:r,logoIcon:a,select:i,multiSelect:l,multiSelectId:f,rowComponent:g,selectedItemComponent:v,totalResults:s,cursor:p,resultsLoading:b,requireContentType:D,onAddNew:ce,onEditClosed:w,onCancel:y,noResultsComponent:de,helpComponent:ue,onSort:B,typeSelectorLabel:X="Content Type Select",typeSelectorAllTypesOptionText:$="All content types",loadingIndicatorDelay:ge=1e3})=>{var vr,hr,br;let re=()=>D?Array.isArray(o)&&o.length>0?o[0].id:"":"any",[O,k]=T.useState(""),[u,M]=T.useState(re),[c,z]=T.useState(!1),[P,oe]=T.useState([]),[ro,mr]=T.useState(!1),Xe=T.useRef(`x${(0,Yr.v4)()}`),we=(0,qr.useThrottle)(O,750);T.useEffect(()=>{t(we,{count:5,offset:0,contentType:u==="any"?void 0:u})},[we,u]);let oo=Xr(b,{delay:ge}),no=d=>{P.some(h=>h.id===d.id)?oe(h=>h.filter(q=>q.id!==d.id)):oe(l?h=>[...h,d]:[d])},ao=r==null?void 0:r.map(d=>d.id+d.title).join(",");T.useEffect(()=>{Array.isArray(r)&&oe(r)},[ao]);let io=()=>{M(re()),k(""),oe(r!=null&&r.length?r:[])},so=()=>{z(d=>!d),c||io()},ur=d=>{let h=(P==null?void 0:P.filter(q=>q.id!==d.id))||[];oe(h),i(h,"")},co=d=>{d.preventDefault(),i(P,u),z(!1)},lo=d=>{d.preventDefault(),z(!1),y&&y()},po=()=>{t(we,{count:5,offset:(n==null?void 0:n.length)||0,contentType:u==="any"?void 0:u,cursor:p}),mr(!0);let d=setTimeout(()=>{mr(!1)},750);return()=>clearTimeout(d)},mo=!(r==null?void 0:r.length)||l,uo=g||Rt,gr=v||bt,go=de||Ko,fr=a&&typeof a!="string"?a:null,fo=fr?(0,e.jsx)(fr,{css:He}):(0,e.jsx)("img",{src:a,alt:"Logo",css:He}),vo=d=>{var h,q;if(d.destination&&d.source.droppableId===((h=d.destination)==null?void 0:h.droppableId)){let I=[...r||[]],[fe]=(q=I==null?void 0:I.splice(d.source.index,1))!=null?q:[];return I==null||I.splice(d.destination.index,0,fe),B&&(oe(I),B==null||B(I)),I}};return(0,e.jsx)("div",{css:G.css`
|
|
356
356
|
width: 100%;
|
|
357
357
|
`},(0,e.jsx)("div",{css:G.css`
|
|
358
358
|
position: relative;
|
|
359
359
|
margin-block: var(--spacing-base);
|
|
360
|
-
`},
|
|
360
|
+
`},mo?(0,e.jsx)(T.Fragment,null,(0,e.jsx)("div",{css:xt,"data-test-id":"component-search"},(0,e.jsx)("button",{css:kt,onClick:so,type:"button","aria-haspopup":!0,"aria-expanded":c,"aria-controls":`entry-search-config-${Xe.current}`},fo,(0,e.jsx)("span",{css:G.css`
|
|
361
361
|
margin-left: var(--spacing-base);
|
|
362
|
-
`},"Select"),(0,e.jsx)("span",{css:
|
|
362
|
+
`},"Select"),(0,e.jsx)("span",{css:Vt},(0,e.jsx)(Me,{css:[Dt,c?G.css`
|
|
363
363
|
transform: rotate(180deg);
|
|
364
|
-
`:void 0]})))),(0,e.jsx)("div",{id:`entry-search-config-${
|
|
364
|
+
`:void 0]})))),(0,e.jsx)("div",{id:`entry-search-config-${Xe.current}`,"aria-hidden":!c,css:[Et,c?void 0:Tt]},ue||null,(0,e.jsx)("div",{css:G.css`
|
|
365
365
|
display: flex;
|
|
366
366
|
gap: calc(var(--spacing-base) - 0.25rem);
|
|
367
367
|
margin-bottom: var(--spacing-base);
|
|
368
|
-
`},(0,e.jsx)(C.InputSelect,{onChange:
|
|
368
|
+
`},(0,e.jsx)(C.InputSelect,{onChange:d=>M(d.target.value),value:u,label:X,showLabel:!1,options:[...D?[]:[{value:"any",label:$}],...o?o.map(d=>({value:d.id,label:d.name})):[]]}),(0,e.jsx)("div",{css:G.css`
|
|
369
369
|
flex-grow: 1;
|
|
370
|
-
`},(0,e.jsx)(C.InputKeywordSearch,{inputFieldName:"searchText",placeholder:"Enter keyword to narrow your results",onSearchTextChanged:k,disabledFieldSubmission:!0,value:
|
|
370
|
+
`},(0,e.jsx)(C.InputKeywordSearch,{inputFieldName:"searchText",placeholder:"Enter keyword to narrow your results",onSearchTextChanged:k,disabledFieldSubmission:!0,value:O}))),(0,e.jsx)("div",{css:[Mt,C.scrollbarStyles],id:Xe.current,role:"listbox",tabIndex:0,"data-test-id":"entry-list"},(0,e.jsx)(C.LoadingOverlay,{isActive:oo}),Array.isArray(n)&&n.length>0?n.map(d=>(0,e.jsx)(uo,{key:d.id,isSelected:P.some(h=>h.id===d.id),result:d,triggerSelection:()=>no(d)})):(0,e.jsx)(go,{searchText:we||O,selectedContentType:(hr=(vr=o==null?void 0:o.find(d=>d.id===u))==null?void 0:vr.name)!=null?hr:u}),!b&&typeof s!="undefined"&&n&&(n==null?void 0:n.length)<s&&(0,e.jsx)("button",{type:"button",css:It,onClick:po},ro?(0,e.jsx)(C.LoadingIndicator,null):"Load More")),(0,e.jsx)("div",{css:G.css`
|
|
371
371
|
display: flex;
|
|
372
372
|
justify-content: space-between;
|
|
373
|
-
`},(0,e.jsx)("div",null,
|
|
373
|
+
`},(0,e.jsx)("div",null,ce&&((br=o==null?void 0:o.length)!=null?br:0)>0?(0,e.jsx)(C.Menu,{menuLabel:"Add new menu",menuTrigger:(0,e.jsx)(C.Button,{buttonType:"secondary"},"Add New")},o==null?void 0:o.map(d=>(0,e.jsx)(C.MenuItem,{key:d.id,css:G.css`
|
|
374
374
|
background: var(--white);
|
|
375
375
|
color: var(--brand-secondary-1);
|
|
376
|
-
`,onClick:()=>
|
|
376
|
+
`,onClick:()=>ce(d)},d.name))):null),(0,e.jsx)("div",{css:G.css`
|
|
377
377
|
display: flex;
|
|
378
378
|
gap: var(--spacing-base);
|
|
379
|
-
`},(0,e.jsx)(C.Button,{buttonType:"unimportant",onClick:
|
|
379
|
+
`},(0,e.jsx)(C.Button,{buttonType:"unimportant",onClick:lo},"Cancel"),(0,e.jsx)(C.Button,{disabled:!P.length,onClick:co,"data-test-id":"entry-accept-button"},"Accept"))))):null,c?null:l&&P.length>1?(0,e.jsx)(me.DragDropContext,{onDragEnd:d=>vo(d)},(0,e.jsx)(me.Droppable,{droppableId:f||"canvas-multi-select"},d=>(0,e.jsx)("div",{...d.droppableProps,ref:d.innerRef,css:G.css`
|
|
380
380
|
margin-block: var(--spacing-sm) 0;
|
|
381
|
-
`},
|
|
381
|
+
`},P==null?void 0:P.map((h,q)=>{if(h!=null&&h.id)return(0,e.jsx)(me.Draggable,{key:h.id,draggableId:h.id,index:q},I=>(0,e.jsx)("div",{css:zt,ref:I.innerRef,...I.draggableProps,...I.dragHandleProps},(0,e.jsx)("span",{css:Ut},(0,e.jsx)(he,{css:[Oe,Gt],width:24,height:24}),(0,e.jsx)(he,{css:Oe,width:24,height:24})),(0,e.jsx)(gr,{key:`selected-item-${h.id}`,logoIcon:a,selectedItem:h,onDeselect:fe=>ur(fe),onEditClosed:w?fe=>w(fe):void 0})))}),d.placeholder))):P==null?void 0:P.map(d=>(0,e.jsx)(gr,{key:`selected-item-${d.id}`,logoIcon:a,selectedItem:d,onDeselect:h=>ur(h),onEditClosed:w?h=>w(h):void 0}))))};var ee=require("@emotion/react"),Bt=ee.css`
|
|
382
382
|
cursor: pointer;
|
|
383
383
|
padding: var(--spacing-sm) 0;
|
|
384
384
|
margin-right: var(--spacing-sm);
|
|
385
385
|
position: relative;
|
|
386
386
|
transition: background-color var(--duration-fast) var(--timing-ease-out),
|
|
387
387
|
color var(--duration-fast) var(--timing-ease-out);
|
|
388
|
-
`,
|
|
388
|
+
`,Ot=ee.css`
|
|
389
389
|
border: 2px solid transparent;
|
|
390
390
|
border-radius: var(--rounded-base);
|
|
391
391
|
display: flex;
|
|
392
392
|
align-items: center;
|
|
393
393
|
gap: var(--spacing-base);
|
|
394
394
|
padding: var(--spacing-sm) var(--spacing-xs);
|
|
395
|
-
`,
|
|
395
|
+
`,Ht=ee.css`
|
|
396
396
|
background-color: var(--green-50);
|
|
397
|
-
`,
|
|
397
|
+
`,Ft=ee.css`
|
|
398
398
|
font-size: var(--fs-sm);
|
|
399
399
|
font-weight: var(--fw-bold);
|
|
400
400
|
width: 50%;
|
|
401
|
-
|
|
401
|
+
`,$t=ee.css`
|
|
402
402
|
font-weight: var(--fw-normal);
|
|
403
403
|
display: block;
|
|
404
|
-
|
|
404
|
+
`,Kt=ee.css`
|
|
405
405
|
font-size: var(--fs-sm);
|
|
406
406
|
> * {
|
|
407
407
|
display: block;
|
|
408
408
|
}
|
|
409
|
-
`,
|
|
409
|
+
`,Nt=ee.css`
|
|
410
410
|
display: block;
|
|
411
411
|
height: 1.5rem;
|
|
412
412
|
width: 1.5rem;
|
|
413
413
|
color: var(--brand-secondary-3);
|
|
414
414
|
margin-left: auto;
|
|
415
|
-
`;var
|
|
415
|
+
`;var Qt=require("@emotion/react");function Wt({result:t,isSelected:n,triggerSelection:o}){var f;let{categories:r,logoIcon:a}=be(),[i]=t.categories||[{id:"",name:""}],l=typeof i=="undefined"||!r||(f=r.find(g=>g.id===i.id))==null?void 0:f.name;return(0,e.jsx)("div",{key:t.id,"data-value":t.id,role:"option",tabIndex:-1,onClick:()=>o(),css:[Bt]},(0,e.jsx)("div",{css:[Ot,n?Ht:void 0]},t.thumbnailUrl?(0,e.jsx)("img",{src:t.thumbnailUrl,alt:`Thumbnail for ${t.title}`,css:Qt.css`
|
|
416
416
|
background-color: var(--gray-200);
|
|
417
417
|
width: 3rem;
|
|
418
418
|
height: 3rem;
|
|
419
419
|
object-fit: cover;
|
|
420
|
-
`}):(0,e.jsx)(
|
|
420
|
+
`}):(0,e.jsx)(F,{src:a,alt:"Logo",css:Qt.css`
|
|
421
421
|
height: 2.25rem;
|
|
422
422
|
width: 2.25rem;
|
|
423
|
-
`}),(0,e.jsx)("h4",{css:[
|
|
423
|
+
`}),(0,e.jsx)("h4",{css:[Ft]},t.title,l?(0,e.jsx)("span",{css:[$t]},l):null),(0,e.jsx)("p",{css:[Kt]},"SKU: ",t.sku||t.id,t.price!==void 0?(0,e.jsx)("span",null,t.price):null),n?(0,e.jsx)(Te,{css:[Nt]}):null))}var _=require("@emotion/react"),_t=require("@uniformdev/design-system"),Zt=_.css`
|
|
424
424
|
border: 1px solid var(--gray-200);
|
|
425
425
|
border-radius: var(--rounded-base);
|
|
426
426
|
background: var(--gray-50);
|
|
427
427
|
display: flex;
|
|
428
428
|
width: 100%;
|
|
429
|
-
`,
|
|
429
|
+
`,Xt=_.css`
|
|
430
430
|
align-items: center;
|
|
431
431
|
display: flex;
|
|
432
432
|
padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-lg);
|
|
@@ -434,22 +434,22 @@ var vo=Object.create;var Ce=Object.defineProperty;var ho=Object.getOwnPropertyDe
|
|
|
434
434
|
flex-grow: 1;
|
|
435
435
|
gap: var(--spacing-sm);
|
|
436
436
|
margin-inline: 0 var(--spacing-sm);
|
|
437
|
-
`,
|
|
437
|
+
`,qt=_.css`
|
|
438
438
|
display: flex;
|
|
439
439
|
align-items: center;
|
|
440
440
|
gap: var(--spacing-sm);
|
|
441
441
|
flex-grow: 1;
|
|
442
442
|
|
|
443
|
-
${(0,
|
|
443
|
+
${(0,_t.mq)("lg")} {
|
|
444
444
|
width: 50%;
|
|
445
445
|
margin-bottom: 0;
|
|
446
446
|
}
|
|
447
|
-
`,
|
|
447
|
+
`,Fe=_.css`
|
|
448
448
|
background-color: var(--gray-200);
|
|
449
449
|
width: 3.5rem;
|
|
450
450
|
height: 3.5rem;
|
|
451
451
|
object-fit: cover;
|
|
452
|
-
|
|
452
|
+
`,$e=_.css`
|
|
453
453
|
align-items: center;
|
|
454
454
|
background: var(--white);
|
|
455
455
|
border-radius: var(--rounded-base);
|
|
@@ -464,50 +464,50 @@ var vo=Object.create;var Ce=Object.defineProperty;var ho=Object.getOwnPropertyDe
|
|
|
464
464
|
&:hover {
|
|
465
465
|
background: var(--gray-50);
|
|
466
466
|
}
|
|
467
|
-
|
|
467
|
+
`,Ke=_.css`
|
|
468
468
|
font-size: var(--fs-sm);
|
|
469
|
-
`,
|
|
469
|
+
`,Yt=_.css`
|
|
470
470
|
display: block;
|
|
471
471
|
width: 1rem;
|
|
472
472
|
height: 1rem;
|
|
473
|
-
`,
|
|
473
|
+
`,Jt=_.css`
|
|
474
474
|
display: flex;
|
|
475
475
|
flex-direction: column;
|
|
476
476
|
gap: var(--spacing-sm);
|
|
477
477
|
|
|
478
|
-
${(0,
|
|
478
|
+
${(0,_t.mq)("md")} {
|
|
479
479
|
flex-direction: row;
|
|
480
480
|
min-width: 200px;
|
|
481
481
|
justify-content: end;
|
|
482
482
|
}
|
|
483
|
-
`;var
|
|
483
|
+
`;var ae=require("@emotion/react"),Ne=require("@uniformdev/design-system"),Jr=require("react-icons/cg");function jt({selectedItem:t,onDeselect:n}){var l;let{categories:o,logoIcon:r}=be(),[a]=t.categories||[{id:"",name:""}],i=typeof a=="undefined"||!o||(l=o.find(f=>f.id===a.id))==null?void 0:l.name;return(0,e.jsx)("div",{css:[Zt],key:t.id},(0,e.jsx)("article",{css:[Xt]},(0,e.jsx)("div",{css:[qt]},t.thumbnailUrl?(0,e.jsx)("img",{src:t.thumbnailUrl,alt:i,css:[Fe],loading:"lazy"}):(0,e.jsx)("div",{css:[Fe]}),(0,e.jsx)("div",{css:ae.css`
|
|
484
484
|
> :not(:last-child) {
|
|
485
485
|
margin-bottom: var(--spacing-xs);
|
|
486
486
|
}
|
|
487
|
-
`},(0,e.jsx)("h4",{css:
|
|
487
|
+
`},(0,e.jsx)("h4",{css:ae.css`
|
|
488
488
|
margin-top: 0px;
|
|
489
489
|
font-weight: var(--fw-bold);
|
|
490
|
-
`},t.title||t.id||"",i&&(0,e.jsx)("span",{css:
|
|
490
|
+
`},t.title||t.id||"",i&&(0,e.jsx)("span",{css:ae.css`
|
|
491
491
|
display: block;
|
|
492
492
|
font-weight: var(--fw-regular);
|
|
493
|
-
`},i)),(0,e.jsx)("ul",{css:
|
|
493
|
+
`},i)),(0,e.jsx)("ul",{css:ae.css`
|
|
494
494
|
font-size: var(--fs-sm);
|
|
495
495
|
|
|
496
|
-
${(0,
|
|
496
|
+
${(0,Ne.mq)("sm")} {
|
|
497
497
|
display: flex;
|
|
498
498
|
gap: var(--spacing-base);
|
|
499
499
|
}
|
|
500
|
-
`},(0,e.jsx)("li",null,(0,e.jsx)("span",{css:
|
|
500
|
+
`},(0,e.jsx)("li",null,(0,e.jsx)("span",{css:ae.css`
|
|
501
501
|
margin-right: var(--spacing-xs);
|
|
502
|
-
`},"SKU:"),t.sku||t.id),t.price!==void 0?(0,e.jsx)("li",null,(0,e.jsx)("span",{css:
|
|
502
|
+
`},"SKU:"),t.sku||t.id),t.price!==void 0?(0,e.jsx)("li",null,(0,e.jsx)("span",{css:ae.css`
|
|
503
503
|
margin-right: var(--spacing-xs);
|
|
504
|
-
`},"Price:"),(0,e.jsx)("span",null,t.price)):null))),(0,e.jsx)("div",{css:
|
|
504
|
+
`},"Price:"),(0,e.jsx)("span",null,t.price)):null))),(0,e.jsx)("div",{css:Jt},t.editLink?(0,e.jsx)("a",{href:t.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",css:$e},(0,e.jsx)("span",{css:Ke},"Edit"),(0,e.jsx)(F,{src:r,alt:"Logo",css:Yt})):null,(0,e.jsx)("button",{type:"button",onClick:()=>{n==null||n(t)},css:$e},(0,e.jsx)("span",{css:Ke},"Unlink"),(0,e.jsx)(Ne.Icon,{icon:Jr.CgClose,iconColor:"red",size:16})))))}var jr=require("@uniformdev/design-system"),Qe=require("react-use");function No({selectedProducts:t,setSelectedProducts:n,onGetCategories:o,onSearchProducts:r,logoIcon:a,multiSelect:i,multiSelectId:l,selectedItemComponent:f,rowComponent:g,errorComponent:v,helpComponent:s,noResultsComponent:p,onSort:b,typeSelectorAllTypesOptionText:D="All categories",typeSelectorLabel:ce="Select Category"}){var re,O;let{value:w,loading:y,error:de}=(0,Qe.useAsync)(async()=>await o(),[o]),ue=w==null?void 0:w.map(k=>k.id).join(","),B=(0,te.useMemo)(()=>w?w.map(u=>({id:u.id,name:u.name})):void 0,[ue]),X=(0,te.useRef)(),[$,ge]=(0,Qe.useAsyncFn)(async(k,u)=>{let M=await r({text:k,options:{limit:u==null?void 0:u.count,offset:u==null?void 0:u.offset,categoryId:u==null?void 0:u.contentType,cursor:u==null?void 0:u.cursor}});return(u==null?void 0:u.offset)===0&&(X.current=[]),(X.current=X.current||[]).push(...M.products),M},[r]),Se=async k=>{await n(k)};return de||$.error?(0,e.jsx)(v||(({categoriesError:u,searchError:M})=>(0,e.jsx)(jr.Callout,{type:"error"},"There was an error: ",(u==null?void 0:u.message)||(M==null?void 0:M.message))),{categoriesError:de,searchError:$.error}):(0,e.jsx)(er.Provider,{value:{categories:w,logoIcon:a}},(0,e.jsx)(At,{search:ge,results:X.current,logoIcon:a,selectedItems:t,select:Se,multiSelectId:l||"product-search-multi-select",multiSelect:i,contentTypes:B,selectedItemComponent:f||jt,rowComponent:g||Wt,totalResults:(re=$.value)==null?void 0:re.total,cursor:(O=$.value)==null?void 0:O.cursor,resultsLoading:$.loading||y,helpComponent:s,noResultsComponent:p,onSort:b,typeSelectorAllTypesOptionText:D,typeSelectorLabel:ce}))}var er=te.default.createContext(void 0),be=()=>{let t=(0,te.useContext)(er);if(!t)throw new Error("useProductSearchContext must be used within a <ProductSearchContext> provider");return t};var x=require("@emotion/react"),eo=require("@uniformdev/design-system"),tr=x.css`
|
|
505
505
|
border: 1px solid var(--gray-200);
|
|
506
506
|
background: var(--gray-50);
|
|
507
507
|
border-radius: var(--rounded-base);
|
|
508
508
|
display: flex;
|
|
509
509
|
width: 100%;
|
|
510
|
-
`,
|
|
510
|
+
`,rr=x.css`
|
|
511
511
|
align-items: center;
|
|
512
512
|
display: flex;
|
|
513
513
|
flex-grow: 1;
|
|
@@ -515,23 +515,23 @@ var vo=Object.create;var Ce=Object.defineProperty;var ho=Object.getOwnPropertyDe
|
|
|
515
515
|
margin-inline: 0 var(--spacing-sm);
|
|
516
516
|
padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-lg);
|
|
517
517
|
position: relative;
|
|
518
|
-
`,rr=x.css`
|
|
519
|
-
flex-grow: 1;
|
|
520
518
|
`,or=x.css`
|
|
519
|
+
flex-grow: 1;
|
|
520
|
+
`,nr=x.css`
|
|
521
521
|
align-items: center;
|
|
522
522
|
display: flex;
|
|
523
523
|
position: relative;
|
|
524
|
-
`,
|
|
524
|
+
`,ar=x.css`
|
|
525
525
|
color: var(--brand-secondary-1);
|
|
526
526
|
font-size: var(--fs-base);
|
|
527
527
|
font-weight: var(--fw-bold);
|
|
528
528
|
line-height: 1;
|
|
529
529
|
margin: 0;
|
|
530
530
|
word-break: break-word;
|
|
531
|
-
`,
|
|
531
|
+
`,ir=x.css`
|
|
532
532
|
width: 1.5rem;
|
|
533
533
|
height: 1.5rem;
|
|
534
|
-
`,
|
|
534
|
+
`,sr=x.css`
|
|
535
535
|
background: var(--white);
|
|
536
536
|
border-radius: var(--rounded-base);
|
|
537
537
|
border-left: 4px solid var(--brand-secondary-3);
|
|
@@ -540,22 +540,22 @@ var vo=Object.create;var Ce=Object.defineProperty;var ho=Object.getOwnPropertyDe
|
|
|
540
540
|
padding: var(--spacing-base);
|
|
541
541
|
z-index: var(--z-10);
|
|
542
542
|
width: max-content;
|
|
543
|
-
`,
|
|
543
|
+
`,ie=x.css`
|
|
544
544
|
font-size: var(--fs-sm);
|
|
545
|
-
`,
|
|
545
|
+
`,ye=x.css`
|
|
546
546
|
font-weight: var(--fw-bold);
|
|
547
547
|
margin-right: var(--spacing-sm);
|
|
548
|
-
`,
|
|
548
|
+
`,cr=x.css`
|
|
549
549
|
display: flex;
|
|
550
550
|
flex-direction: column;
|
|
551
551
|
gap: var(--spacing-sm);
|
|
552
552
|
|
|
553
|
-
${(0,
|
|
553
|
+
${(0,eo.mq)("md")} {
|
|
554
554
|
flex-direction: row;
|
|
555
555
|
justify-content: end;
|
|
556
556
|
min-width: 200px;
|
|
557
557
|
}
|
|
558
|
-
`,
|
|
558
|
+
`,We=x.css`
|
|
559
559
|
align-items: center;
|
|
560
560
|
background: var(--white);
|
|
561
561
|
border-radius: var(--rounded-base);
|
|
@@ -570,30 +570,30 @@ var vo=Object.create;var Ce=Object.defineProperty;var ho=Object.getOwnPropertyDe
|
|
|
570
570
|
&:hover {
|
|
571
571
|
background: var(--gray-50);
|
|
572
572
|
}
|
|
573
|
-
`,
|
|
573
|
+
`,dr=x.css`
|
|
574
574
|
display: flex;
|
|
575
575
|
margin-top: var(--spacing-sm);
|
|
576
576
|
gap: var(--spacing-sm);
|
|
577
|
-
`,
|
|
577
|
+
`,lr=x.css`
|
|
578
578
|
background: none;
|
|
579
579
|
outline: none;
|
|
580
580
|
border: none;
|
|
581
581
|
margin: calc(var(--spacing-xs) * -1) 0 calc(var(--spacing-xs) * -1) var(--spacing-sm);
|
|
582
|
-
`,
|
|
582
|
+
`,_e=x.css`
|
|
583
583
|
display: block;
|
|
584
584
|
max-width: 100%;
|
|
585
585
|
min-width: 100px;
|
|
586
586
|
height: auto;
|
|
587
|
-
`;var
|
|
587
|
+
`;var Z=Y(require("react"));var Ze=require("react-icons/cg"),to=require("timeago.js");var se=require("@emotion/react");var pr=require("@uniformdev/design-system");function Qo({selectedItem:t,onDeselect:n,onEditClosed:o,logoIcon:r,itemDetailsRendererComponent:a}){let i=(0,Z.useRef)(null),l=(0,Z.useRef)(null),[f,g]=(0,Z.useState)(!1);(0,Z.useEffect)(()=>{let p=D=>{i.current&&!i.current.contains(D.target)&&l.current&&!l.current.contains(D.target)&&g(!1)},b=()=>{g(!1)};return window.addEventListener("resize",b,!0),document.addEventListener("scroll",p,!0),document.addEventListener("mousedown",p),()=>{window.removeEventListener("resize",b,!0),document.removeEventListener("scroll",p,!0),document.removeEventListener("mousedown",p)}},[l]);let v=()=>{var p;if(g(!f),l.current&&i.current){let b=(p=i==null?void 0:i.current)==null?void 0:p.getBoundingClientRect();l.current.style.top=`${b.top+30}px`}},s=a!=null?a:Wo;return(0,e.jsx)("div",{css:[tr,se.css`
|
|
588
588
|
margin: 0 0 1rem 0;
|
|
589
|
-
`],key:t.id},(0,e.jsx)("div",{css:
|
|
589
|
+
`],key:t.id},(0,e.jsx)("div",{css:rr},(0,e.jsx)("div",{css:or},(0,e.jsx)("div",{css:nr},(0,e.jsx)("h4",{css:[ar],title:`ID: ${t.id}`,"data-test-id":"dam-selected-item"},t.title||t.id||""),t.popoverData?(0,e.jsx)(Z.default.Fragment,null,(0,e.jsx)("button",{type:"button",ref:i,css:lr,"aria-controls":"path-details","aria-expanded":f,onClick:v},(0,e.jsx)(pr.Icon,{icon:Ze.CgInfo,iconColor:"gray",size:24,css:se.css`
|
|
590
590
|
opacity: var(--opacity-75);
|
|
591
|
-
`})),(0,e.jsx)("div",{id:"path-details","aria-hidden":!f,ref:l,css:[
|
|
591
|
+
`})),(0,e.jsx)("div",{id:"path-details","aria-hidden":!f,ref:l,css:[sr,f?se.css`
|
|
592
592
|
visibility: visible;
|
|
593
|
-
`:
|
|
593
|
+
`:se.css`
|
|
594
594
|
visibility: hidden;
|
|
595
|
-
`]},Object.entries(t.popoverData).map(([p,b],D)=>(0,e.jsx)("div",{css:
|
|
595
|
+
`]},Object.entries(t.popoverData).map(([p,b],D)=>(0,e.jsx)("div",{css:ie,key:D},(0,e.jsx)("span",{css:ye},p,":"),b)))):null),(0,e.jsx)(s,{item:t})),(0,e.jsx)("div",{css:cr},t.editLink?typeof t.editLink=="string"?(0,e.jsx)("a",{href:t.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",onClick:p=>{o&&(ze(p.currentTarget.href,()=>o(t)),p.preventDefault())},css:We},(0,e.jsx)("span",{css:ie},"Edit"),r?(0,e.jsx)(F,{src:r,css:ir,alt:"Logo"}):null):t.editLink:null,(0,e.jsx)("button",{type:"button",onClick:()=>{n(t)},css:We},(0,e.jsx)("span",{css:ie},"Unlink"),(0,e.jsx)(pr.Icon,{icon:Ze.CgClose,iconColor:"red",size:16})))))}function Wo({item:t}){let n=null;return t.previewUrl&&typeof t.previewUrl=="string"?t.type==="image"?n=(0,e.jsx)("img",{src:t.previewUrl,alt:t.id,width:"200",css:_e}):t.type==="video"&&(n=(0,e.jsx)("video",{src:t.previewUrl,title:t.id,width:"200",controls:!0,css:_e})):t.previewUrl&&typeof t.previewUrl!="string"&&(n=t.previewUrl),n||t.metadata?(0,e.jsx)("div",{css:dr},n?(0,e.jsx)("div",null,n):null,(0,e.jsx)("ul",null,t.metadata?Object.entries(t.metadata).map(([o,r])=>(0,e.jsx)("li",{css:[ie,se.css`
|
|
596
596
|
order: 1;
|
|
597
|
-
`],key:o},(0,e.jsx)("span",{css:[
|
|
597
|
+
`],key:o},(0,e.jsx)("span",{css:[ye,se.css`
|
|
598
598
|
order: 1;
|
|
599
|
-
`]},o,":"),r)):null,t.createdDate?(0,e.jsx)("li",{css:
|
|
599
|
+
`]},o,":"),r)):null,t.createdDate?(0,e.jsx)("li",{css:ie},(0,e.jsx)("span",{css:ye},"Date:"),(0,to.format)(t.createdDate)):null)):null}H(A,require("@uniformdev/mesh-sdk"),module.exports);var m=require("@uniformdev/design-system");0&&(module.exports={AddListButton,Button,Callout,DamSelectedItem,DefaultSearchRow,DefaultSelectedItem,EntrySearch,Heading,Icons,Input,InputSelect,InputToggle,KeywordSearchInput,Label,LoadingIndicator,LoadingOverlay,Menu,MenuItem,ProductPreviewList,ProductQuery,ProductQueryContext,ProductSearch,ProductSearchContext,ProductSearchRow,ProductSelectedItem,ResolvableLoadingValue,ScrollableList,ScrollableListItem,SelectionField,Switch,Textarea,Theme,UniformMeshLocationContext,UniformMeshLocationContextProvider,UniformMeshSdkContext,UniformMeshSdkContextProvider,badgeIcon,damSelectItemImage,damSelectedItemContainer,damSelectedItemCopy,damSelectedItemDetails,damSelectedItemIcon,damSelectedItemInfoBtn,damSelectedItemInner,damSelectedItemLinkBtn,damSelectedItemLinkContainer,damSelectedItemMediaContainer,damSelectedItemPopover,damSelectedItemPopoverLabel,damSelectedItemSmallText,damSelectedItemTitle,draggableContainer,draggableIcon,draggableIconOffset,draggableIconWrapper,entrySearchBtn,entrySearchConfig,entrySearchConfigHidden,entrySearchLoadMoreBtn,entrySearchResultList,entrySearchSelectIcon,entrySearchSelectImg,entrySearchSelectInput,entrySearchSelectOption,entrySearchWrapper,productSearchRowActiveIcon,productSearchRowCategory,productSearchRowContainer,productSearchRowContent,productSearchRowContentActive,productSearchRowDetails,productSearchRowTitle,productSelectedItemContainer,productSelectedItemContent,productSelectedItemDetails,productSelectedItemIcon,productSelectedItemImage,productSelectedItemLinkContainer,productedSelectedItemLinkBtn,productedSelectedItemSmallText,searchRowBtn,searchRowContainer,searchRowContainerActive,searchRowContainerWithPopover,searchRowPopover,searchRowText,searchRowTextSmall,selectItemLinkBtn,selectItemLinkContainer,selectItemPopover,selectItemPopoverLabel,selectItemSmallText,selectedItemContainer,selectedItemCopy,selectedItemDetails,selectedItemIcon,selectedItemInner,selectedItemTitle,useInitializeUniformMeshSdk,useProductQueryContext,useProductSearchContext,useUniformMeshLocation,useUniformMeshLocationContext,useUniformMeshSdk,useUniformMeshSdkContext});
|